isDragEnabled,

[31000] Fix | Delete

value: valueProp,

[31001] Fix | Delete

isPressEnterToChange

[31002] Fix | Delete

}, onChange);

[31003] Fix | Delete

const {

[31004] Fix | Delete

value,

[31005] Fix | Delete

isDragging,

[31006] Fix | Delete

isDirty

[31007] Fix | Delete

} = state;

[31008] Fix | Delete

const wasDirtyOnBlur = (0,external_wp_element_namespaceObject.useRef)(false);

[31009] Fix | Delete

const dragCursor = useDragCursor(isDragging, dragDirection);

[31010] Fix | Delete

const handleOnBlur = event => {

[31011] Fix | Delete

onBlur(event);

[31012] Fix | Delete

[31013] Fix | Delete

/**

[31014] Fix | Delete

* If isPressEnterToChange is set, this commits the value to

[31015] Fix | Delete

* the onChange callback.

[31016] Fix | Delete

*/

[31017] Fix | Delete

if (isDirty || !event.target.validity.valid) {

[31018] Fix | Delete

wasDirtyOnBlur.current = true;

[31019] Fix | Delete

handleOnCommit(event);

[31020] Fix | Delete

}

[31021] Fix | Delete

};

[31022] Fix | Delete

const handleOnChange = event => {

[31023] Fix | Delete

const nextValue = event.target.value;

[31024] Fix | Delete

change(nextValue, event);

[31025] Fix | Delete

};

[31026] Fix | Delete

const handleOnCommit = event => {

[31027] Fix | Delete

const nextValue = event.currentTarget.value;

[31028] Fix | Delete

try {

[31029] Fix | Delete

onValidate(nextValue);

[31030] Fix | Delete

commit(nextValue, event);

[31031] Fix | Delete

} catch (err) {

[31032] Fix | Delete

invalidate(err, event);

[31033] Fix | Delete

}

[31034] Fix | Delete

};

[31035] Fix | Delete

const handleOnKeyDown = event => {

[31036] Fix | Delete

const {

[31037] Fix | Delete

key

[31038] Fix | Delete

} = event;

[31039] Fix | Delete

onKeyDown(event);

[31040] Fix | Delete

switch (key) {

[31041] Fix | Delete

case 'ArrowUp':

[31042] Fix | Delete

pressUp(event);

[31043] Fix | Delete

break;

[31044] Fix | Delete

case 'ArrowDown':

[31045] Fix | Delete

pressDown(event);

[31046] Fix | Delete

break;

[31047] Fix | Delete

case 'Enter':

[31048] Fix | Delete

pressEnter(event);

[31049] Fix | Delete

if (isPressEnterToChange) {

[31050] Fix | Delete

event.preventDefault();

[31051] Fix | Delete

handleOnCommit(event);

[31052] Fix | Delete

}

[31053] Fix | Delete

break;

[31054] Fix | Delete

case 'Escape':

[31055] Fix | Delete

if (isPressEnterToChange && isDirty) {

[31056] Fix | Delete

event.preventDefault();

[31057] Fix | Delete

reset(valueProp, event);

[31058] Fix | Delete

}

[31059] Fix | Delete

break;

[31060] Fix | Delete

}

[31061] Fix | Delete

};

[31062] Fix | Delete

const dragGestureProps = useDrag(dragProps => {

[31063] Fix | Delete

const {

[31064] Fix | Delete

distance,

[31065] Fix | Delete

dragging,

[31066] Fix | Delete

event,

[31067] Fix | Delete

target

[31068] Fix | Delete

} = dragProps;

[31069] Fix | Delete

[31070] Fix | Delete

// The `target` prop always references the `input` element while, by

[31071] Fix | Delete

// default, the `dragProps.event.target` property would reference the real

[31072] Fix | Delete

// event target (i.e. any DOM element that the pointer is hovering while

[31073] Fix | Delete

// dragging). Ensuring that the `target` is always the `input` element

[31074] Fix | Delete

// allows consumers of `InputControl` (or any higher-level control) to

[31075] Fix | Delete

// check the input's validity by accessing `event.target.validity.valid`.

[31076] Fix | Delete

dragProps.event = {

[31077] Fix | Delete

...dragProps.event,

[31078] Fix | Delete

target

[31079] Fix | Delete

};

[31080] Fix | Delete

if (!distance) {

[31081] Fix | Delete

return;

[31082] Fix | Delete

}

[31083] Fix | Delete

event.stopPropagation();

[31084] Fix | Delete

[31085] Fix | Delete

/**

[31086] Fix | Delete

* Quick return if no longer dragging.

[31087] Fix | Delete

* This prevents unnecessary value calculations.

[31088] Fix | Delete

*/

[31089] Fix | Delete

if (!dragging) {

[31090] Fix | Delete

onDragEnd(dragProps);

[31091] Fix | Delete

dragEnd(dragProps);

[31092] Fix | Delete

return;

[31093] Fix | Delete

}

[31094] Fix | Delete

onDrag(dragProps);

[31095] Fix | Delete

drag(dragProps);

[31096] Fix | Delete

if (!isDragging) {

[31097] Fix | Delete

onDragStart(dragProps);

[31098] Fix | Delete

dragStart(dragProps);

[31099] Fix | Delete

}

[31100] Fix | Delete

}, {

[31101] Fix | Delete

axis: dragDirection === 'e' || dragDirection === 'w' ? 'x' : 'y',

[31102] Fix | Delete

threshold: dragThreshold,

[31103] Fix | Delete

enabled: isDragEnabled,

[31104] Fix | Delete

pointer: {

[31105] Fix | Delete

capture: false

[31106] Fix | Delete

}

[31107] Fix | Delete

});

[31108] Fix | Delete

const dragProps = isDragEnabled ? dragGestureProps() : {};

[31109] Fix | Delete

/*

[31110] Fix | Delete

* Works around the odd UA (e.g. Firefox) that does not focus inputs of

[31111] Fix | Delete

* type=number when their spinner arrows are pressed.

[31112] Fix | Delete

*/

[31113] Fix | Delete

let handleOnMouseDown;

[31114] Fix | Delete

if (type === 'number') {

[31115] Fix | Delete

handleOnMouseDown = event => {

[31116] Fix | Delete

props.onMouseDown?.(event);

[31117] Fix | Delete

if (event.currentTarget !== event.currentTarget.ownerDocument.activeElement) {

[31118] Fix | Delete

event.currentTarget.focus();

[31119] Fix | Delete

}

[31120] Fix | Delete

};

[31121] Fix | Delete

}

[31122] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Input, {

[31123] Fix | Delete

...props,

[31124] Fix | Delete

...dragProps,

[31125] Fix | Delete

className: "components-input-control__input",

[31126] Fix | Delete

disabled: disabled,

[31127] Fix | Delete

dragCursor: dragCursor,

[31128] Fix | Delete

isDragging: isDragging,

[31129] Fix | Delete

id: id,

[31130] Fix | Delete

onBlur: handleOnBlur,

[31131] Fix | Delete

onChange: handleOnChange,

[31132] Fix | Delete

onKeyDown: withIgnoreIMEEvents(handleOnKeyDown),

[31133] Fix | Delete

onMouseDown: handleOnMouseDown,

[31134] Fix | Delete

ref: ref,

[31135] Fix | Delete

inputSize: size

[31136] Fix | Delete

// Fallback to `''` to avoid "uncontrolled to controlled" warning.

[31137] Fix | Delete

// See https://github.com/WordPress/gutenberg/pull/47250 for details.

[31138] Fix | Delete

,

[31139] Fix | Delete

value: value !== null && value !== void 0 ? value : '',

[31140] Fix | Delete

type: type

[31141] Fix | Delete

});

[31142] Fix | Delete

}

[31143] Fix | Delete

const ForwardedComponent = (0,external_wp_element_namespaceObject.forwardRef)(InputField);

[31144] Fix | Delete

/* harmony default export */ const input_field = (ForwardedComponent);

[31145] Fix | Delete

[31146] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/utils/font-values.js

[31147] Fix | Delete

/* harmony default export */ const font_values = ({

[31148] Fix | Delete

'default.fontFamily': "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif",

[31149] Fix | Delete

'default.fontSize': '13px',

[31150] Fix | Delete

'helpText.fontSize': '12px',

[31151] Fix | Delete

mobileTextMinFontSize: '16px'

[31152] Fix | Delete

});

[31153] Fix | Delete

[31154] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/utils/font.js

[31155] Fix | Delete

/**

[31156] Fix | Delete

* Internal dependencies

[31157] Fix | Delete

*/

[31158] Fix | Delete

[31159] Fix | Delete

[31160] Fix | Delete

/**

[31161] Fix | Delete

*

[31162] Fix | Delete

* @param {keyof FONT} value Path of value from `FONT`

[31163] Fix | Delete

* @return {string} Font rule value

[31164] Fix | Delete

*/

[31165] Fix | Delete

function font(value) {

[31166] Fix | Delete

var _FONT$value;

[31167] Fix | Delete

return (_FONT$value = font_values[value]) !== null && _FONT$value !== void 0 ? _FONT$value : '';

[31168] Fix | Delete

}

[31169] Fix | Delete

[31170] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/utils/box-sizing.js

[31171] Fix | Delete

function box_sizing_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }

[31172] Fix | Delete

/**

[31173] Fix | Delete

* External dependencies

[31174] Fix | Delete

*/

[31175] Fix | Delete

[31176] Fix | Delete

const boxSizingReset = true ? {

[31177] Fix | Delete

name: "kv6lnz",

[31178] Fix | Delete

styles: "box-sizing:border-box;*,*::before,*::after{box-sizing:inherit;}"

[31179] Fix | Delete

} : 0;

[31180] Fix | Delete

[31181] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/base-control/styles/base-control-styles.js

[31182] Fix | Delete

[31183] Fix | Delete

function base_control_styles_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }

[31184] Fix | Delete

/**

[31185] Fix | Delete

* External dependencies

[31186] Fix | Delete

*/

[31187] Fix | Delete

[31188] Fix | Delete

[31189] Fix | Delete

[31190] Fix | Delete

/**

[31191] Fix | Delete

* Internal dependencies

[31192] Fix | Delete

*/

[31193] Fix | Delete

[31194] Fix | Delete

[31195] Fix | Delete

const base_control_styles_Wrapper = /*#__PURE__*/emotion_styled_base_browser_esm("div", true ? {

[31196] Fix | Delete

target: "ej5x27r4"

[31197] Fix | Delete

} : 0)("font-family:", font('default.fontFamily'), ";font-size:", font('default.fontSize'), ";", boxSizingReset, ";" + ( true ? "" : 0));

[31198] Fix | Delete

const deprecatedMarginField = ({

[31199] Fix | Delete

__nextHasNoMarginBottom = false

[31200] Fix | Delete

}) => {

[31201] Fix | Delete

return !__nextHasNoMarginBottom && /*#__PURE__*/emotion_react_browser_esm_css("margin-bottom:", space(2), ";" + ( true ? "" : 0), true ? "" : 0);

[31202] Fix | Delete

};

[31203] Fix | Delete

const StyledField = /*#__PURE__*/emotion_styled_base_browser_esm("div", true ? {

[31204] Fix | Delete

target: "ej5x27r3"

[31205] Fix | Delete

} : 0)(deprecatedMarginField, " .components-panel__row &{margin-bottom:inherit;}" + ( true ? "" : 0));

[31206] Fix | Delete

const labelStyles = /*#__PURE__*/emotion_react_browser_esm_css(baseLabelTypography, ";display:inline-block;margin-bottom:", space(2), ";padding:0;" + ( true ? "" : 0), true ? "" : 0);

[31207] Fix | Delete

const StyledLabel = /*#__PURE__*/emotion_styled_base_browser_esm("label", true ? {

[31208] Fix | Delete

target: "ej5x27r2"

[31209] Fix | Delete

} : 0)(labelStyles, ";" + ( true ? "" : 0));

[31210] Fix | Delete

var base_control_styles_ref = true ? {

[31211] Fix | Delete

name: "11yad0w",

[31212] Fix | Delete

styles: "margin-bottom:revert"

[31213] Fix | Delete

} : 0;

[31214] Fix | Delete

const deprecatedMarginHelp = ({

[31215] Fix | Delete

__nextHasNoMarginBottom = false

[31216] Fix | Delete

}) => {

[31217] Fix | Delete

return !__nextHasNoMarginBottom && base_control_styles_ref;

[31218] Fix | Delete

};

[31219] Fix | Delete

const StyledHelp = /*#__PURE__*/emotion_styled_base_browser_esm("p", true ? {

[31220] Fix | Delete

target: "ej5x27r1"

[31221] Fix | Delete

} : 0)("margin-top:", space(2), ";margin-bottom:0;font-size:", font('helpText.fontSize'), ";font-style:normal;color:", COLORS.gray[700], ";", deprecatedMarginHelp, ";" + ( true ? "" : 0));

[31222] Fix | Delete

const StyledVisualLabel = /*#__PURE__*/emotion_styled_base_browser_esm("span", true ? {

[31223] Fix | Delete

target: "ej5x27r0"

[31224] Fix | Delete

} : 0)(labelStyles, ";" + ( true ? "" : 0));

[31225] Fix | Delete

[31226] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/base-control/index.js

[31227] Fix | Delete

/**

[31228] Fix | Delete

* External dependencies

[31229] Fix | Delete

*/

[31230] Fix | Delete

[31231] Fix | Delete

[31232] Fix | Delete

/**

[31233] Fix | Delete

* Internal dependencies

[31234] Fix | Delete

*/

[31235] Fix | Delete

[31236] Fix | Delete

[31237] Fix | Delete

[31238] Fix | Delete

[31239] Fix | Delete

[31240] Fix | Delete

[31241] Fix | Delete

[31242] Fix | Delete

/**

[31243] Fix | Delete

* `BaseControl` is a component used to generate labels and help text for components handling user inputs.

[31244] Fix | Delete

*

[31245] Fix | Delete

* ```jsx

[31246] Fix | Delete

* import { BaseControl, useBaseControlProps } from '@wordpress/components';

[31247] Fix | Delete

*

[31248] Fix | Delete

* // Render a `BaseControl` for a textarea input

[31249] Fix | Delete

* const MyCustomTextareaControl = ({ children, ...baseProps }) => (

[31250] Fix | Delete

* // `useBaseControlProps` is a convenience hook to get the props for the `BaseControl`

[31251] Fix | Delete

* // and the inner control itself. Namely, it takes care of generating a unique `id`,

[31252] Fix | Delete

* // properly associating it with the `label` and `help` elements.

[31253] Fix | Delete

* const { baseControlProps, controlProps } = useBaseControlProps( baseProps );

[31254] Fix | Delete

*

[31255] Fix | Delete

* return (

[31256] Fix | Delete

* <BaseControl { ...baseControlProps } __nextHasNoMarginBottom={ true }>

[31257] Fix | Delete

* <textarea { ...controlProps }>

[31258] Fix | Delete

* { children }

[31259] Fix | Delete

* </textarea>

[31260] Fix | Delete

* </BaseControl>

[31261] Fix | Delete

* );

[31262] Fix | Delete

* );

[31263] Fix | Delete

* ```

[31264] Fix | Delete

*/

[31265] Fix | Delete

const UnconnectedBaseControl = props => {

[31266] Fix | Delete

const {

[31267] Fix | Delete

__nextHasNoMarginBottom = false,

[31268] Fix | Delete

id,

[31269] Fix | Delete

label,

[31270] Fix | Delete

hideLabelFromVision = false,

[31271] Fix | Delete

help,

[31272] Fix | Delete

className,

[31273] Fix | Delete

children

[31274] Fix | Delete

} = useContextSystem(props, 'BaseControl');

[31275] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(base_control_styles_Wrapper, {

[31276] Fix | Delete

className: className,

[31277] Fix | Delete

children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(StyledField, {

[31278] Fix | Delete

className: "components-base-control__field"

[31279] Fix | Delete

// TODO: Official deprecation for this should start after all internal usages have been migrated

[31280] Fix | Delete

,

[31281] Fix | Delete

__nextHasNoMarginBottom: __nextHasNoMarginBottom,

[31282] Fix | Delete

children: [label && id && (hideLabelFromVision ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(visually_hidden_component, {

[31283] Fix | Delete

as: "label",

[31284] Fix | Delete

htmlFor: id,

[31285] Fix | Delete

children: label

[31286] Fix | Delete

}) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(StyledLabel, {

[31287] Fix | Delete

className: "components-base-control__label",

[31288] Fix | Delete

htmlFor: id,

[31289] Fix | Delete

children: label

[31290] Fix | Delete

})), label && !id && (hideLabelFromVision ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(visually_hidden_component, {

[31291] Fix | Delete

as: "label",

[31292] Fix | Delete

children: label

[31293] Fix | Delete

}) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(VisualLabel, {

[31294] Fix | Delete

children: label

[31295] Fix | Delete

})), children]

[31296] Fix | Delete

}), !!help && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(StyledHelp, {

[31297] Fix | Delete

id: id ? id + '__help' : undefined,

[31298] Fix | Delete

className: "components-base-control__help",

[31299] Fix | Delete

__nextHasNoMarginBottom: __nextHasNoMarginBottom,

[31300] Fix | Delete

children: help

[31301] Fix | Delete

})]

[31302] Fix | Delete

});

[31303] Fix | Delete

};

[31304] Fix | Delete

[31305] Fix | Delete

/**

[31306] Fix | Delete

* `BaseControl.VisualLabel` is used to render a purely visual label inside a `BaseControl` component.

[31307] Fix | Delete

*

[31308] Fix | Delete

* It should only be used in cases where the children being rendered inside `BaseControl` are already accessibly labeled,

[31309] Fix | Delete

* e.g., a button, but we want an additional visual label for that section equivalent to the labels `BaseControl` would

[31310] Fix | Delete

* otherwise use if the `label` prop was passed.

[31311] Fix | Delete

*

[31312] Fix | Delete

* @example

[31313] Fix | Delete

* import { BaseControl } from '@wordpress/components';

[31314] Fix | Delete

*

[31315] Fix | Delete

* const MyBaseControl = () => (

[31316] Fix | Delete

* <BaseControl help="This button is already accessibly labeled.">

[31317] Fix | Delete

* <BaseControl.VisualLabel>Author</BaseControl.VisualLabel>

[31318] Fix | Delete

* <Button>Select an author</Button>

[31319] Fix | Delete

* </BaseControl>

[31320] Fix | Delete

* );

[31321] Fix | Delete

*/

[31322] Fix | Delete

const VisualLabel = ({

[31323] Fix | Delete

className,

[31324] Fix | Delete

children,

[31325] Fix | Delete

...props

[31326] Fix | Delete

}) => {

[31327] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(StyledVisualLabel, {

[31328] Fix | Delete

...props,

[31329] Fix | Delete

className: dist_clsx('components-base-control__label', className),

[31330] Fix | Delete

children: children

[31331] Fix | Delete

});

[31332] Fix | Delete

};

[31333] Fix | Delete

const BaseControl = Object.assign(contextConnectWithoutRef(UnconnectedBaseControl, 'BaseControl'), {

[31334] Fix | Delete

VisualLabel

[31335] Fix | Delete

});

[31336] Fix | Delete

/* harmony default export */ const base_control = (BaseControl);

[31337] Fix | Delete

[31338] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/input-control/index.js

[31339] Fix | Delete

/**

[31340] Fix | Delete

* External dependencies

[31341] Fix | Delete

*/

[31342] Fix | Delete

[31343] Fix | Delete

/**

[31344] Fix | Delete

* WordPress dependencies

[31345] Fix | Delete

*/

[31346] Fix | Delete

[31347] Fix | Delete

[31348] Fix | Delete

[31349] Fix | Delete

/**

[31350] Fix | Delete

* Internal dependencies

[31351] Fix | Delete

*/

[31352] Fix | Delete

[31353] Fix | Delete

[31354] Fix | Delete

[31355] Fix | Delete

[31356] Fix | Delete

[31357] Fix | Delete

[31358] Fix | Delete

[31359] Fix | Delete

const input_control_noop = () => {};

[31360] Fix | Delete

function input_control_useUniqueId(idProp) {

[31361] Fix | Delete

const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(InputControl);

[31362] Fix | Delete

const id = `inspector-input-control-${instanceId}`;

[31363] Fix | Delete

return idProp || id;

[31364] Fix | Delete

}

[31365] Fix | Delete

function UnforwardedInputControl(props, ref) {

[31366] Fix | Delete

const {

[31367] Fix | Delete

__next40pxDefaultSize,

[31368] Fix | Delete

__unstableStateReducer: stateReducer = state => state,

[31369] Fix | Delete

__unstableInputWidth,

[31370] Fix | Delete

className,

[31371] Fix | Delete

disabled = false,

[31372] Fix | Delete

help,

[31373] Fix | Delete

hideLabelFromVision = false,

[31374] Fix | Delete

id: idProp,

[31375] Fix | Delete

isPressEnterToChange = false,

[31376] Fix | Delete

label,

[31377] Fix | Delete

labelPosition = 'top',

[31378] Fix | Delete

onChange = input_control_noop,

[31379] Fix | Delete

onValidate = input_control_noop,

[31380] Fix | Delete

onKeyDown = input_control_noop,

[31381] Fix | Delete

prefix,

[31382] Fix | Delete

size = 'default',

[31383] Fix | Delete

style,

[31384] Fix | Delete

suffix,

[31385] Fix | Delete

value,

[31386] Fix | Delete

...restProps

[31387] Fix | Delete

} = useDeprecated36pxDefaultSizeProp(props);

[31388] Fix | Delete

const id = input_control_useUniqueId(idProp);

[31389] Fix | Delete

const classes = dist_clsx('components-input-control', className);

[31390] Fix | Delete

const draftHookProps = useDraft({

[31391] Fix | Delete

value,

[31392] Fix | Delete

onBlur: restProps.onBlur,

[31393] Fix | Delete

onChange

[31394] Fix | Delete

});

[31395] Fix | Delete

const helpProp = !!help ? {

[31396] Fix | Delete

'aria-describedby': `${id}__help`

[31397] Fix | Delete

} : {};

[31398] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(base_control, {

[31399] Fix | Delete

className: classes,

[31400] Fix | Delete

help: help,

[31401] Fix | Delete

id: id,

[31402] Fix | Delete

__nextHasNoMarginBottom: true,

[31403] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(input_base, {

[31404] Fix | Delete

__next40pxDefaultSize: __next40pxDefaultSize,

[31405] Fix | Delete

__unstableInputWidth: __unstableInputWidth,

[31406] Fix | Delete

disabled: disabled,

[31407] Fix | Delete

gap: 3,

[31408] Fix | Delete

hideLabelFromVision: hideLabelFromVision,

[31409] Fix | Delete

id: id,

[31410] Fix | Delete

justify: "left",

[31411] Fix | Delete

label: label,

[31412] Fix | Delete

labelPosition: labelPosition,

[31413] Fix | Delete

prefix: prefix,

[31414] Fix | Delete

size: size,

[31415] Fix | Delete

style: style,

[31416] Fix | Delete

suffix: suffix,

[31417] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(input_field, {

[31418] Fix | Delete

...restProps,

[31419] Fix | Delete

...helpProp,

[31420] Fix | Delete

__next40pxDefaultSize: __next40pxDefaultSize,

[31421] Fix | Delete

className: "components-input-control__input",

[31422] Fix | Delete

disabled: disabled,

[31423] Fix | Delete

id: id,

[31424] Fix | Delete

isPressEnterToChange: isPressEnterToChange,

[31425] Fix | Delete

onKeyDown: onKeyDown,

[31426] Fix | Delete

onValidate: onValidate,

[31427] Fix | Delete

paddingInlineStart: prefix ? space(2) : undefined,

[31428] Fix | Delete

paddingInlineEnd: suffix ? space(2) : undefined,

[31429] Fix | Delete

ref: ref,

[31430] Fix | Delete

size: size,

[31431] Fix | Delete

stateReducer: stateReducer,

[31432] Fix | Delete

...draftHookProps

[31433] Fix | Delete

})

[31434] Fix | Delete

})

[31435] Fix | Delete

});

[31436] Fix | Delete

}

[31437] Fix | Delete

[31438] Fix | Delete

/**

[31439] Fix | Delete

* InputControl components let users enter and edit text. This is an experimental component

[31440] Fix | Delete

* intended to (in time) merge with or replace `TextControl`.

[31441] Fix | Delete

*

[31442] Fix | Delete

* ```jsx

[31443] Fix | Delete

* import { __experimentalInputControl as InputControl } from '@wordpress/components';

[31444] Fix | Delete

* import { useState } from 'react';

[31445] Fix | Delete

*

[31446] Fix | Delete

* const Example = () => {

[31447] Fix | Delete

* const [ value, setValue ] = useState( '' );

[31448] Fix | Delete

*

[31449] Fix | Delete

* return (

[31450] Fix | Delete

* <InputControl

[31451] Fix | Delete

* value={ value }

[31452] Fix | Delete

* onChange={ ( nextValue ) => setValue( nextValue ?? '' ) }

[31453] Fix | Delete

* />

[31454] Fix | Delete

* );

[31455] Fix | Delete

* };

[31456] Fix | Delete

* ```

[31457] Fix | Delete

*/

[31458] Fix | Delete

const InputControl = (0,external_wp_element_namespaceObject.forwardRef)(UnforwardedInputControl);

[31459] Fix | Delete

/* harmony default export */ const input_control = (InputControl);

[31460] Fix | Delete

[31461] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/dashicon/index.js

[31462] Fix | Delete

[31463] Fix | Delete

/**

[31464] Fix | Delete

* @typedef OwnProps

[31465] Fix | Delete

*

[31466] Fix | Delete

* @property {import('./types').IconKey} icon Icon name

[31467] Fix | Delete

* @property {string} [className] Class name

[31468] Fix | Delete

* @property {number} [size] Size of the icon

[31469] Fix | Delete

*/

[31470] Fix | Delete

[31471] Fix | Delete

/**

[31472] Fix | Delete

* Internal dependencies

[31473] Fix | Delete

*/

[31474] Fix | Delete

[31475] Fix | Delete

function Dashicon({

[31476] Fix | Delete

icon,

[31477] Fix | Delete

className,

[31478] Fix | Delete

size = 20,

[31479] Fix | Delete

style = {},

[31480] Fix | Delete

...extraProps

[31481] Fix | Delete

}) {

[31482] Fix | Delete

const iconClass = ['dashicon', 'dashicons', 'dashicons-' + icon, className].filter(Boolean).join(' ');

[31483] Fix | Delete

[31484] Fix | Delete

// For retro-compatibility reasons (for example if people are overriding icon size with CSS), we add inline styles just if the size is different to the default

[31485] Fix | Delete

const sizeStyles =

[31486] Fix | Delete

// using `!=` to catch both 20 and "20"

[31487] Fix | Delete

// eslint-disable-next-line eqeqeq

[31488] Fix | Delete

20 != size ? {

[31489] Fix | Delete

fontSize: `${size}px`,

[31490] Fix | Delete

width: `${size}px`,

[31491] Fix | Delete

height: `${size}px`

[31492] Fix | Delete

} : {};

[31493] Fix | Delete

const styles = {

[31494] Fix | Delete

...sizeStyles,

[31495] Fix | Delete

...style

[31496] Fix | Delete

};

[31497] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {

[31498] Fix | Delete

className: iconClass,

[31499] Fix | Delete