@wordpress/components 27.6.0 → 28.0.0

package/build/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_primitives","require","_colorIndicator","_interopRequireDefault","_colorPalette","_colorPicker","_dashicon","_dropdown","_dropdownMenu","_focalPointPicker","_toolbar","_tooltip","_icon","_spinner","_slotFill","_styleProvider","_baseControl","_utils","_textareaControl","_body","_actions","_button","_text","_interopRequireWildcard","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_externalLink","_textControl","_toggleControl","_sandbox","_searchControl","_selectControl","_rangeControl","_resizableBox","_footerMessageControl","_colorControl","_queryControls","_notice","_list","_radioControl","_unitControl","_utils2","_disabled","_draggable","_withConstrainedTabbing","_withFallbackStyles","_withFilters","_fontSizePicker","_withFocusOutside","_withFocusReturn","_withNotices","_withSpokenMessages","_autocompletionItems","_autocomplete","_bottomSheet","_bottomSheetContext","_bottomSheetSelectControl","_htmlTextInput","_keyboardAvoidingView","_keyboardAwareFlatList","_picker","_cycleSelectControl","_gradient","_colorSettings","_segmentedControl","_focalPointSettingsPanel","_bottomSheetTextControl","_footerMessageLink","_linkPicker","_linkPickerScreen","_linkSettings","_linkSettingsScreen","_linkSettingsNavigation","_image","_constants","_imageEditingButton","_clipboard","_audioPlayer","_badge","_gridicons","_utils3","_alignments","_getPxFromCssUnit","_useUnitConverterToMobile","_globalStylesContext","_utils4","_privateApis","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","n","__proto__","a","getOwnPropertyDescriptor","u","i","set"],"sources":["@wordpress/components/src/index.native.js"],"sourcesContent":["export {\n\tSVG,\n\tPath,\n\tCircle,\n\tPolygon,\n\tRect,\n\tG,\n\tHorizontalRule,\n\tBlockQuotation,\n} from '@wordpress/primitives';\nexport { default as ColorIndicator } from './color-indicator';\nexport { default as ColorPalette } from './color-palette';\nexport { ColorPicker } from './color-picker';\nexport { default as Dashicon } from './dashicon';\nexport { default as Dropdown } from './dropdown';\nexport { default as DropdownMenu } from './dropdown-menu';\nexport { default as FocalPointPicker } from './focal-point-picker';\nexport {\n\tToolbar,\n\tToolbarButton,\n\tToolbarContext as __experimentalToolbarContext,\n\tToolbarDropdownMenu,\n\tToolbarGroup,\n\tToolbarItem,\n} from './toolbar';\nexport { default as Tooltip } from './tooltip';\nexport { default as Icon } from './icon';\nexport { default as Spinner } from './spinner';\nexport {\n\tcreateSlotFill,\n\tSlot,\n\tFill,\n\tProvider as SlotFillProvider,\n} from './slot-fill';\n\nexport { default as __experimentalStyleProvider } from './style-provider';\nexport { default as BaseControl } from './base-control';\nexport { hasSplitBorders as __experimentalHasSplitBorders } from './border-box-control/utils';\nexport { default as TextareaControl } from './textarea-control';\nexport { default as PanelBody } from './panel/body';\nexport { default as PanelActions } from './panel/actions';\nexport { default as Button } from './button';\nexport { default as __experimentalText } from './text';\nexport { default as ExternalLink } from './external-link';\nexport { default as TextControl } from './text-control';\nexport { default as ToggleControl } from './toggle-control';\nexport { default as SandBox } from './sandbox';\nexport { default as SearchControl } from './search-control';\nexport { default as SelectControl } from './select-control';\nexport { default as RangeControl } from './range-control';\nexport { default as ResizableBox } from './resizable-box';\nexport { default as FooterMessageControl } from './footer-message-control';\nexport { default as ColorControl } from './color-control';\nexport { default as QueryControls } from './query-controls';\nexport { default as Notice } from './notice';\nexport { default as NoticeList } from './notice/list';\nexport { default as RadioControl } from './radio-control';\nexport {\n\tdefault as UnitControl,\n\tuseCustomUnits as __experimentalUseCustomUnits,\n} from './unit-control';\nexport {\n\tCSS_UNITS as CSS_UNITS,\n\tfilterUnitsWithSettings as filterUnitsWithSettings,\n} from './unit-control/utils';\nexport { default as Disabled } from './disabled';\nexport { default as Draggable, DraggableTrigger } from './draggable';\n\n// Higher-Order Components.\nexport { default as withConstrainedTabbing } from './higher-order/with-constrained-tabbing';\nexport { default as withFallbackStyles } from './higher-order/with-fallback-styles';\nexport { default as withFilters } from './higher-order/with-filters';\nexport { default as FontSizePicker } from './font-size-picker'; // Intentionally called after slot-fill and withFilters.\nexport { default as withFocusOutside } from './higher-order/with-focus-outside';\nexport { default as withFocusReturn } from './higher-order/with-focus-return';\nexport { default as withNotices } from './higher-order/with-notices';\nexport { default as withSpokenMessages } from './higher-order/with-spoken-messages';\nexport * from './text';\n\n// Mobile Components.\nexport {\n\t__unstableAutocompletionItemsFill,\n\t__unstableAutocompletionItemsSlot,\n} from './mobile/autocompletion-items';\nexport { default as Autocomplete } from './autocomplete';\nexport { default as BottomSheet } from './mobile/bottom-sheet';\nexport {\n\tBottomSheetConsumer,\n\tBottomSheetProvider,\n\tBottomSheetContext,\n} from './mobile/bottom-sheet/bottom-sheet-context';\nexport { default as BottomSheetSelectControl } from './mobile/bottom-sheet-select-control';\nexport { default as HTMLTextInput } from './mobile/html-text-input';\nexport { default as KeyboardAvoidingView } from './mobile/keyboard-avoiding-view';\nexport { default as KeyboardAwareFlatList } from './mobile/keyboard-aware-flat-list';\nexport { default as Picker } from './mobile/picker';\nexport { default as CycleSelectControl } from './mobile/cycle-select-control';\nexport { default as Gradient } from './mobile/gradient';\nexport { default as ColorSettings } from './mobile/color-settings';\nexport { default as SegmentedControls } from './mobile/segmented-control';\nexport { default as FocalPointSettingsPanel } from './mobile/focal-point-settings-panel';\nexport { default as BottomSheetTextControl } from './mobile/bottom-sheet-text-control';\nexport { default as FooterMessageLink } from './mobile/bottom-sheet/footer-message-link/footer-message-link';\nexport { LinkPicker } from './mobile/link-picker';\nexport { default as LinkPickerScreen } from './mobile/link-picker/link-picker-screen';\nexport { default as LinkSettings } from './mobile/link-settings';\nexport { default as LinkSettingsScreen } from './mobile/link-settings/link-settings-screen';\nexport { default as LinkSettingsNavigation } from './mobile/link-settings/link-settings-navigation';\nexport { default as SegmentedControl } from './mobile/segmented-control';\nexport { default as Image } from './mobile/image';\nexport { IMAGE_DEFAULT_FOCAL_POINT } from './mobile/image/constants';\nexport { default as ImageEditingButton } from './mobile/image/image-editing-button';\nexport { setClipboard, getClipboard } from './mobile/clipboard';\nexport { default as AudioPlayer } from './mobile/audio-player';\nexport { default as Badge } from './mobile/badge';\nexport { default as Gridicons } from './mobile/gridicons';\n\n// Utils.\nexport { colorsUtils } from './mobile/color-settings/utils';\nexport {\n\tWIDE_ALIGNMENTS,\n\tALIGNMENT_BREAKPOINTS,\n\talignmentHelpers,\n} from './mobile/utils/alignments';\nexport { default as getPxFromCssUnit } from './mobile/utils/get-px-from-css-unit';\n\n// Hooks.\nexport {\n\tconvertUnitToMobile,\n\tuseConvertUnitToMobile,\n\tgetValueAndUnit,\n} from './mobile/utils/use-unit-converter-to-mobile';\n\nexport {\n\tdefault as GlobalStylesContext,\n\tuseGlobalStyles,\n\twithGlobalStyles,\n\tgetMergedGlobalStyles,\n} from './mobile/global-styles-context';\nexport {\n\tgetGlobalStyles,\n\tgetColorsAndGradients,\n\tuseMobileGlobalStylesColors,\n\tuseEditorColorScheme,\n} from './mobile/global-styles-context/utils';\n\n// Private APIs.\nexport { privateApis } from './private-apis';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_primitives","require","_colorIndicator","_interopRequireDefault","_colorPalette","_colorPicker","_dashicon","_dropdown","_dropdownMenu","_focalPointPicker","_toolbar","_tooltip","_icon","_spinner","_slotFill","_styleProvider","_baseControl","_utils","_textareaControl","_body","_actions","_button","_text","_interopRequireWildcard","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_externalLink","_textControl","_toggleControl","_sandbox","_searchControl","_selectControl","_rangeControl","_resizableBox","_footerMessageControl","_colorControl","_queryControls","_notice","_list","_radioControl","_unitControl","_utils2","_disabled","_draggable","_withConstrainedTabbing","_withFallbackStyles","_withFilters","_fontSizePicker","_withFocusOutside","_withFocusReturn","_withNotices","_withSpokenMessages","_autocompletionItems","_autocomplete","_bottomSheet","_bottomSheetContext","_bottomSheetSelectControl","_htmlTextInput","_keyboardAvoidingView","_keyboardAwareFlatList","_picker","_cycleSelectControl","_gradient","_colorSettings","_segmentedControl","_focalPointSettingsPanel","_bottomSheetTextControl","_footerMessageLink","_linkPicker","_linkPickerScreen","_linkSettings","_linkSettingsScreen","_linkSettingsNavigation","_image","_constants","_imageEditingButton","_clipboard","_badge","_gridicons","_utils3","_alignments","_getPxFromCssUnit","_useUnitConverterToMobile","_privateApis","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","n","__proto__","a","getOwnPropertyDescriptor","u","i","set"],"sources":["@wordpress/components/src/index.native.js"],"sourcesContent":["export {\n\tSVG,\n\tPath,\n\tCircle,\n\tPolygon,\n\tRect,\n\tG,\n\tHorizontalRule,\n\tBlockQuotation,\n} from '@wordpress/primitives';\nexport { default as ColorIndicator } from './color-indicator';\nexport { default as ColorPalette } from './color-palette';\nexport { ColorPicker } from './color-picker';\nexport { default as Dashicon } from './dashicon';\nexport { default as Dropdown } from './dropdown';\nexport { default as DropdownMenu } from './dropdown-menu';\nexport { default as FocalPointPicker } from './focal-point-picker';\nexport {\n\tToolbar,\n\tToolbarButton,\n\tToolbarContext as __experimentalToolbarContext,\n\tToolbarDropdownMenu,\n\tToolbarGroup,\n\tToolbarItem,\n} from './toolbar';\nexport { default as Tooltip } from './tooltip';\nexport { default as Icon } from './icon';\nexport { default as Spinner } from './spinner';\nexport {\n\tcreateSlotFill,\n\tSlot,\n\tFill,\n\tProvider as SlotFillProvider,\n} from './slot-fill';\n\nexport { default as __experimentalStyleProvider } from './style-provider';\nexport { default as BaseControl } from './base-control';\nexport { hasSplitBorders as __experimentalHasSplitBorders } from './border-box-control/utils';\nexport { default as TextareaControl } from './textarea-control';\nexport { default as PanelBody } from './panel/body';\nexport { default as PanelActions } from './panel/actions';\nexport { default as Button } from './button';\nexport { default as __experimentalText } from './text';\nexport { default as ExternalLink } from './external-link';\nexport { default as TextControl } from './text-control';\nexport { default as ToggleControl } from './toggle-control';\nexport { default as SandBox } from './sandbox';\nexport { default as SearchControl } from './search-control';\nexport { default as SelectControl } from './select-control';\nexport { default as RangeControl } from './range-control';\nexport { default as ResizableBox } from './resizable-box';\nexport { default as FooterMessageControl } from './footer-message-control';\nexport { default as ColorControl } from './color-control';\nexport { default as QueryControls } from './query-controls';\nexport { default as Notice } from './notice';\nexport { default as NoticeList } from './notice/list';\nexport { default as RadioControl } from './radio-control';\nexport {\n\tdefault as UnitControl,\n\tuseCustomUnits as __experimentalUseCustomUnits,\n} from './unit-control';\nexport {\n\tCSS_UNITS as CSS_UNITS,\n\tfilterUnitsWithSettings as filterUnitsWithSettings,\n} from './unit-control/utils';\nexport { default as Disabled } from './disabled';\nexport { default as Draggable, DraggableTrigger } from './draggable';\n\n// Higher-Order Components.\nexport { default as withConstrainedTabbing } from './higher-order/with-constrained-tabbing';\nexport { default as withFallbackStyles } from './higher-order/with-fallback-styles';\nexport { default as withFilters } from './higher-order/with-filters';\nexport { default as FontSizePicker } from './font-size-picker'; // Intentionally called after slot-fill and withFilters.\nexport { default as withFocusOutside } from './higher-order/with-focus-outside';\nexport { default as withFocusReturn } from './higher-order/with-focus-return';\nexport { default as withNotices } from './higher-order/with-notices';\nexport { default as withSpokenMessages } from './higher-order/with-spoken-messages';\nexport * from './text';\n\n// Mobile Components.\nexport {\n\t__unstableAutocompletionItemsFill,\n\t__unstableAutocompletionItemsSlot,\n} from './mobile/autocompletion-items';\nexport { default as Autocomplete } from './autocomplete';\nexport { default as BottomSheet } from './mobile/bottom-sheet';\nexport {\n\tBottomSheetConsumer,\n\tBottomSheetProvider,\n\tBottomSheetContext,\n} from './mobile/bottom-sheet/bottom-sheet-context';\nexport { default as BottomSheetSelectControl } from './mobile/bottom-sheet-select-control';\nexport { default as HTMLTextInput } from './mobile/html-text-input';\nexport { default as KeyboardAvoidingView } from './mobile/keyboard-avoiding-view';\nexport { default as KeyboardAwareFlatList } from './mobile/keyboard-aware-flat-list';\nexport { default as Picker } from './mobile/picker';\nexport { default as CycleSelectControl } from './mobile/cycle-select-control';\nexport { default as Gradient } from './mobile/gradient';\nexport { default as ColorSettings } from './mobile/color-settings';\nexport { default as SegmentedControls } from './mobile/segmented-control';\nexport { default as FocalPointSettingsPanel } from './mobile/focal-point-settings-panel';\nexport { default as BottomSheetTextControl } from './mobile/bottom-sheet-text-control';\nexport { default as FooterMessageLink } from './mobile/bottom-sheet/footer-message-link/footer-message-link';\nexport { LinkPicker } from './mobile/link-picker';\nexport { default as LinkPickerScreen } from './mobile/link-picker/link-picker-screen';\nexport { default as LinkSettings } from './mobile/link-settings';\nexport { default as LinkSettingsScreen } from './mobile/link-settings/link-settings-screen';\nexport { default as LinkSettingsNavigation } from './mobile/link-settings/link-settings-navigation';\nexport { default as SegmentedControl } from './mobile/segmented-control';\nexport { default as Image } from './mobile/image';\nexport { IMAGE_DEFAULT_FOCAL_POINT } from './mobile/image/constants';\nexport { default as ImageEditingButton } from './mobile/image/image-editing-button';\nexport { setClipboard, getClipboard } from './mobile/clipboard';\nexport { default as Badge } from './mobile/badge';\nexport { default as Gridicons } from './mobile/gridicons';\n\n// Utils.\nexport { colorsUtils } from './mobile/color-settings/utils';\nexport {\n\tWIDE_ALIGNMENTS,\n\tALIGNMENT_BREAKPOINTS,\n\talignmentHelpers,\n} from './mobile/utils/alignments';\nexport { default as getPxFromCssUnit } from './mobile/utils/get-px-from-css-unit';\n\n// Hooks.\nexport {\n\tconvertUnitToMobile,\n\tuseConvertUnitToMobile,\n\tgetValueAndUnit,\n} from './mobile/utils/use-unit-converter-to-mobile';\n\n// Private APIs.\nexport { privateApis } from './private-apis';\n"],"mappings":"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","ignoreList":[]}

package/build/input-control/backdrop.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _element = require("@wordpress/element");
 var _inputControlStyles = require("./styles/input-control-styles");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -19,7 +19,7 @@ function Backdrop({
   disabled = false,
   isBorderless = false
 }) {
-  return (0, _react.createElement)(_inputControlStyles.BackdropUI, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_inputControlStyles.BackdropUI, {
     "aria-hidden": "true",
     className: "components-input-control__backdrop",
     disabled: disabled,

package/build/input-control/backdrop.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_inputControlStyles","Backdrop","disabled","isBorderless","_react","createElement","BackdropUI","className","MemoizedBackdrop","memo","_default","exports","default"],"sources":["@wordpress/components/src/input-control/backdrop.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport { BackdropUI } from './styles/input-control-styles';\n\nfunction Backdrop( { disabled = false, isBorderless = false } ) {\n\treturn (\n\t\t<BackdropUI\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName=\"components-input-control__backdrop\"\n\t\t\tdisabled={ disabled }\n\t\t\tisBorderless={ isBorderless }\n\t\t/>\n\t);\n}\n\nconst MemoizedBackdrop = memo( Backdrop );\n\nexport default MemoizedBackdrop;\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAIA,IAAAC,mBAAA,GAAAD,OAAA;AAPA;AACA;AACA;;AAEA;AACA;AACA;;AAGA,SAASE,QAAQA,CAAE;EAAEC,QAAQ,GAAG,KAAK;EAAEC,YAAY,GAAG;AAAM,CAAC,EAAG;EAC/D,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACL,mBAAA,CAAAM,UAAU;IACV,eAAY,MAAM;IAClBC,SAAS,EAAC,oCAAoC;IAC9CL,QAAQ,EAAGA,QAAU;IACrBC,YAAY,EAAGA;EAAc,CAC7B,CAAC;AAEJ;AAEA,MAAMK,gBAAgB,GAAG,IAAAC,aAAI,EAAER,QAAS,CAAC;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE3BJ,gBAAgB","ignoreList":[]}
+{"version":3,"names":["_element","require","_inputControlStyles","_jsxRuntime","Backdrop","disabled","isBorderless","jsx","BackdropUI","className","MemoizedBackdrop","memo","_default","exports","default"],"sources":["@wordpress/components/src/input-control/backdrop.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport { BackdropUI } from './styles/input-control-styles';\n\nfunction Backdrop( { disabled = false, isBorderless = false } ) {\n\treturn (\n\t\t<BackdropUI\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName=\"components-input-control__backdrop\"\n\t\t\tdisabled={ disabled }\n\t\t\tisBorderless={ isBorderless }\n\t\t/>\n\t);\n}\n\nconst MemoizedBackdrop = memo( Backdrop );\n\nexport default MemoizedBackdrop;\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAIA,IAAAC,mBAAA,GAAAD,OAAA;AAA2D,IAAAE,WAAA,GAAAF,OAAA;AAP3D;AACA;AACA;;AAEA;AACA;AACA;;AAGA,SAASG,QAAQA,CAAE;EAAEC,QAAQ,GAAG,KAAK;EAAEC,YAAY,GAAG;AAAM,CAAC,EAAG;EAC/D,oBACC,IAAAH,WAAA,CAAAI,GAAA,EAACL,mBAAA,CAAAM,UAAU;IACV,eAAY,MAAM;IAClBC,SAAS,EAAC,oCAAoC;IAC9CJ,QAAQ,EAAGA,QAAU;IACrBC,YAAY,EAAGA;EAAc,CAC7B,CAAC;AAEJ;AAEA,MAAMI,gBAAgB,GAAG,IAAAC,aAAI,EAAEP,QAAS,CAAC;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE3BJ,gBAAgB","ignoreList":[]}

package/build/input-control/index.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.InputControl = void 0;
 exports.UnforwardedInputControl = UnforwardedInputControl;
 exports.default = void 0;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _compose = require("@wordpress/compose");
 var _element = require("@wordpress/element");
@@ -17,6 +16,7 @@ var _space = require("../utils/space");
 var _utils = require("./utils");
 var _baseControl = _interopRequireDefault(require("../base-control"));
 var _useDeprecatedProps = require("../utils/use-deprecated-props");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -68,42 +68,44 @@ function UnforwardedInputControl(props, ref) {
   const helpProp = !!help ? {
     'aria-describedby': `${id}__help`
   } : {};
-  return (0, _react.createElement)(_baseControl.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_baseControl.default, {
     className: classes,
     help: help,
     id: id,
-    __nextHasNoMarginBottom: true
-  }, (0, _react.createElement)(_inputBase.default, {
-    __next40pxDefaultSize: __next40pxDefaultSize,
-    __unstableInputWidth: __unstableInputWidth,
-    disabled: disabled,
-    gap: 3,
-    hideLabelFromVision: hideLabelFromVision,
-    id: id,
-    justify: "left",
-    label: label,
-    labelPosition: labelPosition,
-    prefix: prefix,
-    size: size,
-    style: style,
-    suffix: suffix
-  }, (0, _react.createElement)(_inputField.default, {
-    ...restProps,
-    ...helpProp,
-    __next40pxDefaultSize: __next40pxDefaultSize,
-    className: "components-input-control__input",
-    disabled: disabled,
-    id: id,
-    isPressEnterToChange: isPressEnterToChange,
-    onKeyDown: onKeyDown,
-    onValidate: onValidate,
-    paddingInlineStart: prefix ? (0, _space.space)(2) : undefined,
-    paddingInlineEnd: suffix ? (0, _space.space)(2) : undefined,
-    ref: ref,
-    size: size,
-    stateReducer: stateReducer,
-    ...draftHookProps
-  })));
+    __nextHasNoMarginBottom: true,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_inputBase.default, {
+      __next40pxDefaultSize: __next40pxDefaultSize,
+      __unstableInputWidth: __unstableInputWidth,
+      disabled: disabled,
+      gap: 3,
+      hideLabelFromVision: hideLabelFromVision,
+      id: id,
+      justify: "left",
+      label: label,
+      labelPosition: labelPosition,
+      prefix: prefix,
+      size: size,
+      style: style,
+      suffix: suffix,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_inputField.default, {
+        ...restProps,
+        ...helpProp,
+        __next40pxDefaultSize: __next40pxDefaultSize,
+        className: "components-input-control__input",
+        disabled: disabled,
+        id: id,
+        isPressEnterToChange: isPressEnterToChange,
+        onKeyDown: onKeyDown,
+        onValidate: onValidate,
+        paddingInlineStart: prefix ? (0, _space.space)(2) : undefined,
+        paddingInlineEnd: suffix ? (0, _space.space)(2) : undefined,
+        ref: ref,
+        size: size,
+        stateReducer: stateReducer,
+        ...draftHookProps
+      })
+    })
+  });
 }
 
 /**

package/build/input-control/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_compose","_element","_inputBase","_inputField","_space","_utils","_baseControl","_useDeprecatedProps","noop","useUniqueId","idProp","instanceId","useInstanceId","InputControl","id","UnforwardedInputControl","props","ref","__next40pxDefaultSize","__unstableStateReducer","stateReducer","state","__unstableInputWidth","className","disabled","help","hideLabelFromVision","isPressEnterToChange","label","labelPosition","onChange","onValidate","onKeyDown","prefix","size","style","suffix","value","restProps","useDeprecated36pxDefaultSizeProp","classes","clsx","draftHookProps","useDraft","onBlur","helpProp","_react","createElement","default","__nextHasNoMarginBottom","gap","justify","paddingInlineStart","space","undefined","paddingInlineEnd","exports","forwardRef","_default"],"sources":["@wordpress/components/src/input-control/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport InputBase from './input-base';\nimport InputField from './input-field';\nimport type { InputControlProps } from './types';\nimport { space } from '../utils/space';\nimport { useDraft } from './utils';\nimport BaseControl from '../base-control';\nimport { useDeprecated36pxDefaultSizeProp } from '../utils/use-deprecated-props';\n\nconst noop = () => {};\n\nfunction useUniqueId( idProp?: string ) {\n\tconst instanceId = useInstanceId( InputControl );\n\tconst id = `inspector-input-control-${ instanceId }`;\n\n\treturn idProp || id;\n}\n\nexport function UnforwardedInputControl(\n\tprops: InputControlProps,\n\tref: ForwardedRef< HTMLInputElement >\n) {\n\tconst {\n\t\t__next40pxDefaultSize,\n\t\t__unstableStateReducer: stateReducer = ( state ) => state,\n\t\t__unstableInputWidth,\n\t\tclassName,\n\t\tdisabled = false,\n\t\thelp,\n\t\thideLabelFromVision = false,\n\t\tid: idProp,\n\t\tisPressEnterToChange = false,\n\t\tlabel,\n\t\tlabelPosition = 'top',\n\t\tonChange = noop,\n\t\tonValidate = noop,\n\t\tonKeyDown = noop,\n\t\tprefix,\n\t\tsize = 'default',\n\t\tstyle,\n\t\tsuffix,\n\t\tvalue,\n\t\t...restProps\n\t} = useDeprecated36pxDefaultSizeProp< InputControlProps >( props );\n\n\tconst id = useUniqueId( idProp );\n\tconst classes = clsx( 'components-input-control', className );\n\n\tconst draftHookProps = useDraft( {\n\t\tvalue,\n\t\tonBlur: restProps.onBlur,\n\t\tonChange,\n\t} );\n\n\tconst helpProp = !! help ? { 'aria-describedby': `${ id }__help` } : {};\n\n\treturn (\n\t\t<BaseControl\n\t\t\tclassName={ classes }\n\t\t\thelp={ help }\n\t\t\tid={ id }\n\t\t\t__nextHasNoMarginBottom\n\t\t>\n\t\t\t<InputBase\n\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\tgap={ 3 }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\tid={ id }\n\t\t\t\tjustify=\"left\"\n\t\t\t\tlabel={ label }\n\t\t\t\tlabelPosition={ labelPosition }\n\t\t\t\tprefix={ prefix }\n\t\t\t\tsize={ size }\n\t\t\t\tstyle={ style }\n\t\t\t\tsuffix={ suffix }\n\t\t\t>\n\t\t\t\t<InputField\n\t\t\t\t\t{ ...restProps }\n\t\t\t\t\t{ ...helpProp }\n\t\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t\t\tclassName=\"components-input-control__input\"\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\tid={ id }\n\t\t\t\t\tisPressEnterToChange={ isPressEnterToChange }\n\t\t\t\t\tonKeyDown={ onKeyDown }\n\t\t\t\t\tonValidate={ onValidate }\n\t\t\t\t\tpaddingInlineStart={ prefix ? space( 2 ) : undefined }\n\t\t\t\t\tpaddingInlineEnd={ suffix ? space( 2 ) : undefined }\n\t\t\t\t\tref={ ref }\n\t\t\t\t\tsize={ size }\n\t\t\t\t\tstateReducer={ stateReducer }\n\t\t\t\t\t{ ...draftHookProps }\n\t\t\t\t/>\n\t\t\t</InputBase>\n\t\t</BaseControl>\n\t);\n}\n\n/**\n * InputControl components let users enter and edit text. This is an experimental component\n * intended to (in time) merge with or replace `TextControl`.\n *\n * ```jsx\n * import { __experimentalInputControl as InputControl } from '@wordpress/components';\n * import { useState } from 'react';\n *\n * const Example = () => {\n *   const [ value, setValue ] = useState( '' );\n *\n *   return (\n *  \t<InputControl\n *  \t\tvalue={ value }\n *  \t\tonChange={ ( nextValue ) => setValue( nextValue ?? '' ) }\n *  \t/>\n *   );\n * };\n * ```\n */\nexport const InputControl = forwardRef( UnforwardedInputControl );\n\nexport default InputControl;\n"],"mappings":";;;;;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAMA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,WAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,mBAAA,GAAAR,OAAA;AArBA;AACA;AACA;;AAIA;AACA;AACA;;AAIA;AACA;AACA;;AASA,MAAMS,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAErB,SAASC,WAAWA,CAAEC,MAAe,EAAG;EACvC,MAAMC,UAAU,GAAG,IAAAC,sBAAa,EAAEC,YAAa,CAAC;EAChD,MAAMC,EAAE,GAAI,2BAA2BH,UAAY,EAAC;EAEpD,OAAOD,MAAM,IAAII,EAAE;AACpB;AAEO,SAASC,uBAAuBA,CACtCC,KAAwB,EACxBC,GAAqC,EACpC;EACD,MAAM;IACLC,qBAAqB;IACrBC,sBAAsB,EAAEC,YAAY,GAAKC,KAAK,IAAMA,KAAK;IACzDC,oBAAoB;IACpBC,SAAS;IACTC,QAAQ,GAAG,KAAK;IAChBC,IAAI;IACJC,mBAAmB,GAAG,KAAK;IAC3BZ,EAAE,EAAEJ,MAAM;IACViB,oBAAoB,GAAG,KAAK;IAC5BC,KAAK;IACLC,aAAa,GAAG,KAAK;IACrBC,QAAQ,GAAGtB,IAAI;IACfuB,UAAU,GAAGvB,IAAI;IACjBwB,SAAS,GAAGxB,IAAI;IAChByB,MAAM;IACNC,IAAI,GAAG,SAAS;IAChBC,KAAK;IACLC,MAAM;IACNC,KAAK;IACL,GAAGC;EACJ,CAAC,GAAG,IAAAC,oDAAgC,EAAuBvB,KAAM,CAAC;EAElE,MAAMF,EAAE,GAAGL,WAAW,CAAEC,MAAO,CAAC;EAChC,MAAM8B,OAAO,GAAG,IAAAC,aAAI,EAAE,0BAA0B,EAAElB,SAAU,CAAC;EAE7D,MAAMmB,cAAc,GAAG,IAAAC,eAAQ,EAAE;IAChCN,KAAK;IACLO,MAAM,EAAEN,SAAS,CAACM,MAAM;IACxBd;EACD,CAAE,CAAC;EAEH,MAAMe,QAAQ,GAAG,CAAC,CAAEpB,IAAI,GAAG;IAAE,kBAAkB,EAAG,GAAGX,EAAI;EAAQ,CAAC,GAAG,CAAC,CAAC;EAEvE,OACC,IAAAgC,MAAA,CAAAC,aAAA,EAACzC,YAAA,CAAA0C,OAAW;IACXzB,SAAS,EAAGiB,OAAS;IACrBf,IAAI,EAAGA,IAAM;IACbX,EAAE,EAAGA,EAAI;IACTmC,uBAAuB;EAAA,GAEvB,IAAAH,MAAA,CAAAC,aAAA,EAAC7C,UAAA,CAAA8C,OAAS;IACT9B,qBAAqB,EAAGA,qBAAuB;IAC/CI,oBAAoB,EAAGA,oBAAsB;IAC7CE,QAAQ,EAAGA,QAAU;IACrB0B,GAAG,EAAG,CAAG;IACTxB,mBAAmB,EAAGA,mBAAqB;IAC3CZ,EAAE,EAAGA,EAAI;IACTqC,OAAO,EAAC,MAAM;IACdvB,KAAK,EAAGA,KAAO;IACfC,aAAa,EAAGA,aAAe;IAC/BI,MAAM,EAAGA,MAAQ;IACjBC,IAAI,EAAGA,IAAM;IACbC,KAAK,EAAGA,KAAO;IACfC,MAAM,EAAGA;EAAQ,GAEjB,IAAAU,MAAA,CAAAC,aAAA,EAAC5C,WAAA,CAAA6C,OAAU;IAAA,GACLV,SAAS;IAAA,GACTO,QAAQ;IACb3B,qBAAqB,EAAGA,qBAAuB;IAC/CK,SAAS,EAAC,iCAAiC;IAC3CC,QAAQ,EAAGA,QAAU;IACrBV,EAAE,EAAGA,EAAI;IACTa,oBAAoB,EAAGA,oBAAsB;IAC7CK,SAAS,EAAGA,SAAW;IACvBD,UAAU,EAAGA,UAAY;IACzBqB,kBAAkB,EAAGnB,MAAM,GAAG,IAAAoB,YAAK,EAAE,CAAE,CAAC,GAAGC,SAAW;IACtDC,gBAAgB,EAAGnB,MAAM,GAAG,IAAAiB,YAAK,EAAE,CAAE,CAAC,GAAGC,SAAW;IACpDrC,GAAG,EAAGA,GAAK;IACXiB,IAAI,EAAGA,IAAM;IACbd,YAAY,EAAGA,YAAc;IAAA,GACxBsB;EAAc,CACnB,CACS,CACC,CAAC;AAEhB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAM7B,YAAY,GAAA2C,OAAA,CAAA3C,YAAA,GAAG,IAAA4C,mBAAU,EAAE1C,uBAAwB,CAAC;AAAC,IAAA2C,QAAA,GAAAF,OAAA,CAAAR,OAAA,GAEnDnC,YAAY","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_compose","_element","_inputBase","_inputField","_space","_utils","_baseControl","_useDeprecatedProps","_jsxRuntime","noop","useUniqueId","idProp","instanceId","useInstanceId","InputControl","id","UnforwardedInputControl","props","ref","__next40pxDefaultSize","__unstableStateReducer","stateReducer","state","__unstableInputWidth","className","disabled","help","hideLabelFromVision","isPressEnterToChange","label","labelPosition","onChange","onValidate","onKeyDown","prefix","size","style","suffix","value","restProps","useDeprecated36pxDefaultSizeProp","classes","clsx","draftHookProps","useDraft","onBlur","helpProp","jsx","default","__nextHasNoMarginBottom","children","gap","justify","paddingInlineStart","space","undefined","paddingInlineEnd","exports","forwardRef","_default"],"sources":["@wordpress/components/src/input-control/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport InputBase from './input-base';\nimport InputField from './input-field';\nimport type { InputControlProps } from './types';\nimport { space } from '../utils/space';\nimport { useDraft } from './utils';\nimport BaseControl from '../base-control';\nimport { useDeprecated36pxDefaultSizeProp } from '../utils/use-deprecated-props';\n\nconst noop = () => {};\n\nfunction useUniqueId( idProp?: string ) {\n\tconst instanceId = useInstanceId( InputControl );\n\tconst id = `inspector-input-control-${ instanceId }`;\n\n\treturn idProp || id;\n}\n\nexport function UnforwardedInputControl(\n\tprops: InputControlProps,\n\tref: ForwardedRef< HTMLInputElement >\n) {\n\tconst {\n\t\t__next40pxDefaultSize,\n\t\t__unstableStateReducer: stateReducer = ( state ) => state,\n\t\t__unstableInputWidth,\n\t\tclassName,\n\t\tdisabled = false,\n\t\thelp,\n\t\thideLabelFromVision = false,\n\t\tid: idProp,\n\t\tisPressEnterToChange = false,\n\t\tlabel,\n\t\tlabelPosition = 'top',\n\t\tonChange = noop,\n\t\tonValidate = noop,\n\t\tonKeyDown = noop,\n\t\tprefix,\n\t\tsize = 'default',\n\t\tstyle,\n\t\tsuffix,\n\t\tvalue,\n\t\t...restProps\n\t} = useDeprecated36pxDefaultSizeProp< InputControlProps >( props );\n\n\tconst id = useUniqueId( idProp );\n\tconst classes = clsx( 'components-input-control', className );\n\n\tconst draftHookProps = useDraft( {\n\t\tvalue,\n\t\tonBlur: restProps.onBlur,\n\t\tonChange,\n\t} );\n\n\tconst helpProp = !! help ? { 'aria-describedby': `${ id }__help` } : {};\n\n\treturn (\n\t\t<BaseControl\n\t\t\tclassName={ classes }\n\t\t\thelp={ help }\n\t\t\tid={ id }\n\t\t\t__nextHasNoMarginBottom\n\t\t>\n\t\t\t<InputBase\n\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\tgap={ 3 }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\tid={ id }\n\t\t\t\tjustify=\"left\"\n\t\t\t\tlabel={ label }\n\t\t\t\tlabelPosition={ labelPosition }\n\t\t\t\tprefix={ prefix }\n\t\t\t\tsize={ size }\n\t\t\t\tstyle={ style }\n\t\t\t\tsuffix={ suffix }\n\t\t\t>\n\t\t\t\t<InputField\n\t\t\t\t\t{ ...restProps }\n\t\t\t\t\t{ ...helpProp }\n\t\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t\t\tclassName=\"components-input-control__input\"\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\tid={ id }\n\t\t\t\t\tisPressEnterToChange={ isPressEnterToChange }\n\t\t\t\t\tonKeyDown={ onKeyDown }\n\t\t\t\t\tonValidate={ onValidate }\n\t\t\t\t\tpaddingInlineStart={ prefix ? space( 2 ) : undefined }\n\t\t\t\t\tpaddingInlineEnd={ suffix ? space( 2 ) : undefined }\n\t\t\t\t\tref={ ref }\n\t\t\t\t\tsize={ size }\n\t\t\t\t\tstateReducer={ stateReducer }\n\t\t\t\t\t{ ...draftHookProps }\n\t\t\t\t/>\n\t\t\t</InputBase>\n\t\t</BaseControl>\n\t);\n}\n\n/**\n * InputControl components let users enter and edit text. This is an experimental component\n * intended to (in time) merge with or replace `TextControl`.\n *\n * ```jsx\n * import { __experimentalInputControl as InputControl } from '@wordpress/components';\n * import { useState } from 'react';\n *\n * const Example = () => {\n *   const [ value, setValue ] = useState( '' );\n *\n *   return (\n *  \t<InputControl\n *  \t\tvalue={ value }\n *  \t\tonChange={ ( nextValue ) => setValue( nextValue ?? '' ) }\n *  \t/>\n *   );\n * };\n * ```\n */\nexport const InputControl = forwardRef( UnforwardedInputControl );\n\nexport default InputControl;\n"],"mappings":"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","ignoreList":[]}

package/build/input-control/input-base.js

@@ -4,9 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.InputBase = InputBase;
 exports.default = void 0;
-var _react = require("react");
 var _compose = require("@wordpress/compose");
 var _element = require("@wordpress/element");
 var _backdrop = _interopRequireDefault(require("./backdrop"));
@@ -14,6 +12,7 @@ var _label = _interopRequireDefault(require("./label"));
 var _inputControlStyles = require("./styles/input-control-styles");
 var _context = require("../context");
 var _useDeprecatedProps = require("../utils/use-deprecated-props");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -89,35 +88,47 @@ function InputBase(props, ref) {
     };
   }, [paddingLeft, paddingRight]);
   return (
+    /*#__PURE__*/
     // @ts-expect-error The `direction` prop from Flex (FlexDirection) conflicts with legacy SVGAttributes `direction` (string) that come from React intrinsic prop definitions.
-    (0, _react.createElement)(_inputControlStyles.Root, {
+    (0, _jsxRuntime.jsxs)(_inputControlStyles.Root, {
       ...restProps,
       ...getUIFlexProps(labelPosition),
       className: className,
       gap: 2,
-      ref: ref
-    }, (0, _react.createElement)(_label.default, {
-      className: "components-input-control__label",
-      hideLabelFromVision: hideLabelFromVision,
-      labelPosition: labelPosition,
-      htmlFor: id
-    }, label), (0, _react.createElement)(_inputControlStyles.Container, {
-      __unstableInputWidth: __unstableInputWidth,
-      className: "components-input-control__container",
-      disabled: disabled,
-      hideLabel: hideLabel,
-      labelPosition: labelPosition
-    }, (0, _react.createElement)(_context.ContextSystemProvider, {
-      value: prefixSuffixContextValue
-    }, prefix && (0, _react.createElement)(_inputControlStyles.Prefix, {
-      className: "components-input-control__prefix"
-    }, prefix), children, suffix && (0, _react.createElement)(_inputControlStyles.Suffix, {
-      className: "components-input-control__suffix"
-    }, suffix)), (0, _react.createElement)(_backdrop.default, {
-      disabled: disabled,
-      isBorderless: isBorderless
-    })))
+      ref: ref,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_label.default, {
+        className: "components-input-control__label",
+        hideLabelFromVision: hideLabelFromVision,
+        labelPosition: labelPosition,
+        htmlFor: id,
+        children: label
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_inputControlStyles.Container, {
+        __unstableInputWidth: __unstableInputWidth,
+        className: "components-input-control__container",
+        disabled: disabled,
+        hideLabel: hideLabel,
+        labelPosition: labelPosition,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_context.ContextSystemProvider, {
+          value: prefixSuffixContextValue,
+          children: [prefix && /*#__PURE__*/(0, _jsxRuntime.jsx)(_inputControlStyles.Prefix, {
+            className: "components-input-control__prefix",
+            children: prefix
+          }), children, suffix && /*#__PURE__*/(0, _jsxRuntime.jsx)(_inputControlStyles.Suffix, {
+            className: "components-input-control__suffix",
+            children: suffix
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_backdrop.default, {
+          disabled: disabled,
+          isBorderless: isBorderless
+        })]
+      })]
+    })
   );
 }
+
+/**
+ * `InputBase` is an internal component used to style the standard borders for an input,
+ * as well as handle the layout for prefix/suffix elements.
+ */
 var _default = exports.default = (0, _context.contextConnect)(InputBase, 'InputBase');
 //# sourceMappingURL=input-base.js.map

package/build/input-control/input-base.js.map

@@ -1 +1 @@
-{"version":3,"names":["_compose","require","_element","_backdrop","_interopRequireDefault","_label","_inputControlStyles","_context","_useDeprecatedProps","useUniqueId","idProp","instanceId","useInstanceId","InputBase","id","getUIFlexProps","labelPosition","props","direction","expanded","gap","justify","ref","__next40pxDefaultSize","__unstableInputWidth","children","className","disabled","hideLabelFromVision","isBorderless","label","prefix","size","suffix","restProps","useDeprecated36pxDefaultSizeProp","useContextSystem","hideLabel","paddingLeft","paddingRight","getSizeConfig","inputSize","prefixSuffixContextValue","useMemo","InputControlPrefixWrapper","InputControlSuffixWrapper","_react","createElement","Root","default","htmlFor","Container","ContextSystemProvider","value","Prefix","Suffix","_default","exports","contextConnect"],"sources":["@wordpress/components/src/input-control/input-base.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Backdrop from './backdrop';\nimport Label from './label';\nimport {\n\tContainer,\n\tRoot,\n\tPrefix,\n\tSuffix,\n\tgetSizeConfig,\n} from './styles/input-control-styles';\nimport type { InputBaseProps, LabelPosition } from './types';\nimport type { WordPressComponentProps } from '../context';\nimport {\n\tContextSystemProvider,\n\tcontextConnect,\n\tuseContextSystem,\n} from '../context';\nimport { useDeprecated36pxDefaultSizeProp } from '../utils/use-deprecated-props';\n\nfunction useUniqueId( idProp?: string ) {\n\tconst instanceId = useInstanceId( InputBase );\n\tconst id = `input-base-control-${ instanceId }`;\n\n\treturn idProp || id;\n}\n\n// Adapter to map props for the new ui/flex component.\nfunction getUIFlexProps( labelPosition?: LabelPosition ) {\n\tconst props: {\n\t\tdirection?: string;\n\t\tgap?: number;\n\t\tjustify?: string;\n\t\texpanded?: boolean;\n\t} = {};\n\tswitch ( labelPosition ) {\n\t\tcase 'top':\n\t\t\tprops.direction = 'column';\n\t\t\tprops.expanded = false;\n\t\t\tprops.gap = 0;\n\t\t\tbreak;\n\t\tcase 'bottom':\n\t\t\tprops.direction = 'column-reverse';\n\t\t\tprops.expanded = false;\n\t\t\tprops.gap = 0;\n\t\t\tbreak;\n\t\tcase 'edge':\n\t\t\tprops.justify = 'space-between';\n\t\t\tbreak;\n\t}\n\n\treturn props;\n}\n\nexport function InputBase(\n\tprops: WordPressComponentProps< InputBaseProps, 'div' >,\n\tref: ForwardedRef< HTMLDivElement >\n) {\n\tconst {\n\t\t__next40pxDefaultSize,\n\t\t__unstableInputWidth,\n\t\tchildren,\n\t\tclassName,\n\t\tdisabled = false,\n\t\thideLabelFromVision = false,\n\t\tlabelPosition,\n\t\tid: idProp,\n\t\tisBorderless = false,\n\t\tlabel,\n\t\tprefix,\n\t\tsize = 'default',\n\t\tsuffix,\n\t\t...restProps\n\t} = useDeprecated36pxDefaultSizeProp(\n\t\tuseContextSystem( props, 'InputBase' )\n\t);\n\n\tconst id = useUniqueId( idProp );\n\tconst hideLabel = hideLabelFromVision || ! label;\n\n\tconst { paddingLeft, paddingRight } = getSizeConfig( {\n\t\tinputSize: size,\n\t\t__next40pxDefaultSize,\n\t} );\n\tconst prefixSuffixContextValue = useMemo( () => {\n\t\treturn {\n\t\t\tInputControlPrefixWrapper: { paddingLeft },\n\t\t\tInputControlSuffixWrapper: { paddingRight },\n\t\t};\n\t}, [ paddingLeft, paddingRight ] );\n\n\treturn (\n\t\t// @ts-expect-error The `direction` prop from Flex (FlexDirection) conflicts with legacy SVGAttributes `direction` (string) that come from React intrinsic prop definitions.\n\t\t<Root\n\t\t\t{ ...restProps }\n\t\t\t{ ...getUIFlexProps( labelPosition ) }\n\t\t\tclassName={ className }\n\t\t\tgap={ 2 }\n\t\t\tref={ ref }\n\t\t>\n\t\t\t<Label\n\t\t\t\tclassName=\"components-input-control__label\"\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\tlabelPosition={ labelPosition }\n\t\t\t\thtmlFor={ id }\n\t\t\t>\n\t\t\t\t{ label }\n\t\t\t</Label>\n\t\t\t<Container\n\t\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\t\tclassName=\"components-input-control__container\"\n\t\t\t\tdisabled={ disabled }\n\t\t\t\thideLabel={ hideLabel }\n\t\t\t\tlabelPosition={ labelPosition }\n\t\t\t>\n\t\t\t\t<ContextSystemProvider value={ prefixSuffixContextValue }>\n\t\t\t\t\t{ prefix && (\n\t\t\t\t\t\t<Prefix className=\"components-input-control__prefix\">\n\t\t\t\t\t\t\t{ prefix }\n\t\t\t\t\t\t</Prefix>\n\t\t\t\t\t) }\n\t\t\t\t\t{ children }\n\t\t\t\t\t{ suffix && (\n\t\t\t\t\t\t<Suffix className=\"components-input-control__suffix\">\n\t\t\t\t\t\t\t{ suffix }\n\t\t\t\t\t\t</Suffix>\n\t\t\t\t\t) }\n\t\t\t\t</ContextSystemProvider>\n\t\t\t\t<Backdrop disabled={ disabled } isBorderless={ isBorderless } />\n\t\t\t</Container>\n\t\t</Root>\n\t);\n}\n\nexport default contextConnect( InputBase, 'InputBase' );\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_compose","require","_element","_backdrop","_interopRequireDefault","_label","_inputControlStyles","_context","_useDeprecatedProps","_jsxRuntime","useUniqueId","idProp","instanceId","useInstanceId","InputBase","id","getUIFlexProps","labelPosition","props","direction","expanded","gap","justify","ref","__next40pxDefaultSize","__unstableInputWidth","children","className","disabled","hideLabelFromVision","isBorderless","label","prefix","size","suffix","restProps","useDeprecated36pxDefaultSizeProp","useContextSystem","hideLabel","paddingLeft","paddingRight","getSizeConfig","inputSize","prefixSuffixContextValue","useMemo","InputControlPrefixWrapper","InputControlSuffixWrapper","jsxs","Root","jsx","default","htmlFor","Container","ContextSystemProvider","value","Prefix","Suffix","_default","exports","contextConnect"],"sources":["@wordpress/components/src/input-control/input-base.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Backdrop from './backdrop';\nimport Label from './label';\nimport {\n\tContainer,\n\tRoot,\n\tPrefix,\n\tSuffix,\n\tgetSizeConfig,\n} from './styles/input-control-styles';\nimport type { InputBaseProps, LabelPosition } from './types';\nimport type { WordPressComponentProps } from '../context';\nimport {\n\tContextSystemProvider,\n\tcontextConnect,\n\tuseContextSystem,\n} from '../context';\nimport { useDeprecated36pxDefaultSizeProp } from '../utils/use-deprecated-props';\n\nfunction useUniqueId( idProp?: string ) {\n\tconst instanceId = useInstanceId( InputBase );\n\tconst id = `input-base-control-${ instanceId }`;\n\n\treturn idProp || id;\n}\n\n// Adapter to map props for the new ui/flex component.\nfunction getUIFlexProps( labelPosition?: LabelPosition ) {\n\tconst props: {\n\t\tdirection?: string;\n\t\tgap?: number;\n\t\tjustify?: string;\n\t\texpanded?: boolean;\n\t} = {};\n\tswitch ( labelPosition ) {\n\t\tcase 'top':\n\t\t\tprops.direction = 'column';\n\t\t\tprops.expanded = false;\n\t\t\tprops.gap = 0;\n\t\t\tbreak;\n\t\tcase 'bottom':\n\t\t\tprops.direction = 'column-reverse';\n\t\t\tprops.expanded = false;\n\t\t\tprops.gap = 0;\n\t\t\tbreak;\n\t\tcase 'edge':\n\t\t\tprops.justify = 'space-between';\n\t\t\tbreak;\n\t}\n\n\treturn props;\n}\n\nfunction InputBase(\n\tprops: WordPressComponentProps< InputBaseProps, 'div' >,\n\tref: ForwardedRef< HTMLDivElement >\n) {\n\tconst {\n\t\t__next40pxDefaultSize,\n\t\t__unstableInputWidth,\n\t\tchildren,\n\t\tclassName,\n\t\tdisabled = false,\n\t\thideLabelFromVision = false,\n\t\tlabelPosition,\n\t\tid: idProp,\n\t\tisBorderless = false,\n\t\tlabel,\n\t\tprefix,\n\t\tsize = 'default',\n\t\tsuffix,\n\t\t...restProps\n\t} = useDeprecated36pxDefaultSizeProp(\n\t\tuseContextSystem( props, 'InputBase' )\n\t);\n\n\tconst id = useUniqueId( idProp );\n\tconst hideLabel = hideLabelFromVision || ! label;\n\n\tconst { paddingLeft, paddingRight } = getSizeConfig( {\n\t\tinputSize: size,\n\t\t__next40pxDefaultSize,\n\t} );\n\tconst prefixSuffixContextValue = useMemo( () => {\n\t\treturn {\n\t\t\tInputControlPrefixWrapper: { paddingLeft },\n\t\t\tInputControlSuffixWrapper: { paddingRight },\n\t\t};\n\t}, [ paddingLeft, paddingRight ] );\n\n\treturn (\n\t\t// @ts-expect-error The `direction` prop from Flex (FlexDirection) conflicts with legacy SVGAttributes `direction` (string) that come from React intrinsic prop definitions.\n\t\t<Root\n\t\t\t{ ...restProps }\n\t\t\t{ ...getUIFlexProps( labelPosition ) }\n\t\t\tclassName={ className }\n\t\t\tgap={ 2 }\n\t\t\tref={ ref }\n\t\t>\n\t\t\t<Label\n\t\t\t\tclassName=\"components-input-control__label\"\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\tlabelPosition={ labelPosition }\n\t\t\t\thtmlFor={ id }\n\t\t\t>\n\t\t\t\t{ label }\n\t\t\t</Label>\n\t\t\t<Container\n\t\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\t\tclassName=\"components-input-control__container\"\n\t\t\t\tdisabled={ disabled }\n\t\t\t\thideLabel={ hideLabel }\n\t\t\t\tlabelPosition={ labelPosition }\n\t\t\t>\n\t\t\t\t<ContextSystemProvider value={ prefixSuffixContextValue }>\n\t\t\t\t\t{ prefix && (\n\t\t\t\t\t\t<Prefix className=\"components-input-control__prefix\">\n\t\t\t\t\t\t\t{ prefix }\n\t\t\t\t\t\t</Prefix>\n\t\t\t\t\t) }\n\t\t\t\t\t{ children }\n\t\t\t\t\t{ suffix && (\n\t\t\t\t\t\t<Suffix className=\"components-input-control__suffix\">\n\t\t\t\t\t\t\t{ suffix }\n\t\t\t\t\t\t</Suffix>\n\t\t\t\t\t) }\n\t\t\t\t</ContextSystemProvider>\n\t\t\t\t<Backdrop disabled={ disabled } isBorderless={ isBorderless } />\n\t\t\t</Container>\n\t\t</Root>\n\t);\n}\n\n/**\n * `InputBase` is an internal component used to style the standard borders for an input,\n * as well as handle the layout for prefix/suffix elements.\n */\nexport default contextConnect( InputBase, 'InputBase' );\n"],"mappings":"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","ignoreList":[]}

package/build/input-control/input-field.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
-var _react2 = require("@use-gesture/react");
+var _react = require("@use-gesture/react");
 var _element = require("@wordpress/element");
 var _utils = require("./utils");
 var _inputControlStyles = require("./styles/input-control-styles");
 var _reducer = require("./reducer/reducer");
 var _withIgnoreImeEvents = require("../utils/with-ignore-ime-events");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -122,7 +122,7 @@ function InputField({
         break;
     }
   };
-  const dragGestureProps = (0, _react2.useDrag)(dragProps => {
+  const dragGestureProps = (0, _react.useDrag)(dragProps => {
     const {
       distance,
       dragging,
@@ -182,7 +182,7 @@ function InputField({
       }
     };
   }
-  return (0, _react.createElement)(_inputControlStyles.Input, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_inputControlStyles.Input, {
     ...props,
     ...dragProps,
     className: "components-input-control__input",

package/build/input-control/input-field.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react2","require","_element","_utils","_inputControlStyles","_reducer","_withIgnoreImeEvents","noop","InputField","disabled","dragDirection","dragThreshold","id","isDragEnabled","isPressEnterToChange","onBlur","onChange","onDrag","onDragEnd","onDragStart","onKeyDown","onValidate","size","stateReducer","state","value","valueProp","type","props","ref","change","commit","drag","dragEnd","dragStart","invalidate","pressDown","pressEnter","pressUp","reset","useInputControlStateReducer","isDragging","isDirty","wasDirtyOnBlur","useRef","dragCursor","useDragCursor","handleOnBlur","event","target","validity","valid","current","handleOnCommit","handleOnChange","nextValue","currentTarget","err","handleOnKeyDown","key","preventDefault","dragGestureProps","useDrag","dragProps","distance","dragging","stopPropagation","axis","threshold","enabled","pointer","capture","handleOnMouseDown","onMouseDown","ownerDocument","activeElement","focus","_react","createElement","Input","className","withIgnoreIMEEvents","inputSize","ForwardedComponent","forwardRef","_default","exports","default"],"sources":["@wordpress/components/src/input-control/input-field.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useDrag } from '@use-gesture/react';\nimport type {\n\tSyntheticEvent,\n\tChangeEvent,\n\tKeyboardEvent,\n\tPointerEvent,\n\tFocusEvent,\n\tForwardedRef,\n\tMouseEvent,\n} from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef, useRef } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport { useDragCursor } from './utils';\nimport { Input } from './styles/input-control-styles';\nimport { useInputControlStateReducer } from './reducer/reducer';\nimport type { InputFieldProps } from './types';\nimport { withIgnoreIMEEvents } from '../utils/with-ignore-ime-events';\n\nconst noop = () => {};\n\nfunction InputField(\n\t{\n\t\tdisabled = false,\n\t\tdragDirection = 'n',\n\t\tdragThreshold = 10,\n\t\tid,\n\t\tisDragEnabled = false,\n\t\tisPressEnterToChange = false,\n\t\tonBlur = noop,\n\t\tonChange = noop,\n\t\tonDrag = noop,\n\t\tonDragEnd = noop,\n\t\tonDragStart = noop,\n\t\tonKeyDown = noop,\n\t\tonValidate = noop,\n\t\tsize = 'default',\n\t\tstateReducer = ( state: any ) => state,\n\t\tvalue: valueProp,\n\t\ttype,\n\t\t...props\n\t}: WordPressComponentProps< InputFieldProps, 'input', false >,\n\tref: ForwardedRef< HTMLInputElement >\n) {\n\tconst {\n\t\t// State.\n\t\tstate,\n\t\t// Actions.\n\t\tchange,\n\t\tcommit,\n\t\tdrag,\n\t\tdragEnd,\n\t\tdragStart,\n\t\tinvalidate,\n\t\tpressDown,\n\t\tpressEnter,\n\t\tpressUp,\n\t\treset,\n\t} = useInputControlStateReducer(\n\t\tstateReducer,\n\t\t{\n\t\t\tisDragEnabled,\n\t\t\tvalue: valueProp,\n\t\t\tisPressEnterToChange,\n\t\t},\n\t\tonChange\n\t);\n\n\tconst { value, isDragging, isDirty } = state;\n\tconst wasDirtyOnBlur = useRef( false );\n\n\tconst dragCursor = useDragCursor( isDragging, dragDirection );\n\n\tconst handleOnBlur = ( event: FocusEvent< HTMLInputElement > ) => {\n\t\tonBlur( event );\n\n\t\t/**\n\t\t * If isPressEnterToChange is set, this commits the value to\n\t\t * the onChange callback.\n\t\t */\n\t\tif ( isDirty || ! event.target.validity.valid ) {\n\t\t\twasDirtyOnBlur.current = true;\n\t\t\thandleOnCommit( event );\n\t\t}\n\t};\n\n\tconst handleOnChange = ( event: ChangeEvent< HTMLInputElement > ) => {\n\t\tconst nextValue = event.target.value;\n\t\tchange( nextValue, event );\n\t};\n\n\tconst handleOnCommit = ( event: SyntheticEvent< HTMLInputElement > ) => {\n\t\tconst nextValue = event.currentTarget.value;\n\n\t\ttry {\n\t\t\tonValidate( nextValue );\n\t\t\tcommit( nextValue, event );\n\t\t} catch ( err ) {\n\t\t\tinvalidate( err, event );\n\t\t}\n\t};\n\n\tconst handleOnKeyDown = ( event: KeyboardEvent< HTMLInputElement > ) => {\n\t\tconst { key } = event;\n\t\tonKeyDown( event );\n\n\t\tswitch ( key ) {\n\t\t\tcase 'ArrowUp':\n\t\t\t\tpressUp( event );\n\t\t\t\tbreak;\n\n\t\t\tcase 'ArrowDown':\n\t\t\t\tpressDown( event );\n\t\t\t\tbreak;\n\n\t\t\tcase 'Enter':\n\t\t\t\tpressEnter( event );\n\n\t\t\t\tif ( isPressEnterToChange ) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\thandleOnCommit( event );\n\t\t\t\t}\n\t\t\t\tbreak;\n\n\t\t\tcase 'Escape':\n\t\t\t\tif ( isPressEnterToChange && isDirty ) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\treset( valueProp, event );\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t}\n\t};\n\n\tconst dragGestureProps = useDrag< PointerEvent< HTMLInputElement > >(\n\t\t( dragProps ) => {\n\t\t\tconst { distance, dragging, event, target } = dragProps;\n\n\t\t\t// The `target` prop always references the `input` element while, by\n\t\t\t// default, the `dragProps.event.target` property would reference the real\n\t\t\t// event target (i.e. any DOM element that the pointer is hovering while\n\t\t\t// dragging). Ensuring that the `target` is always the `input` element\n\t\t\t// allows consumers of `InputControl` (or any higher-level control) to\n\t\t\t// check the input's validity by accessing `event.target.validity.valid`.\n\t\t\tdragProps.event = {\n\t\t\t\t...dragProps.event,\n\t\t\t\ttarget,\n\t\t\t};\n\n\t\t\tif ( ! distance ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tevent.stopPropagation();\n\n\t\t\t/**\n\t\t\t * Quick return if no longer dragging.\n\t\t\t * This prevents unnecessary value calculations.\n\t\t\t */\n\t\t\tif ( ! dragging ) {\n\t\t\t\tonDragEnd( dragProps );\n\t\t\t\tdragEnd( dragProps );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tonDrag( dragProps );\n\t\t\tdrag( dragProps );\n\n\t\t\tif ( ! isDragging ) {\n\t\t\t\tonDragStart( dragProps );\n\t\t\t\tdragStart( dragProps );\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\taxis: dragDirection === 'e' || dragDirection === 'w' ? 'x' : 'y',\n\t\t\tthreshold: dragThreshold,\n\t\t\tenabled: isDragEnabled,\n\t\t\tpointer: { capture: false },\n\t\t}\n\t);\n\n\tconst dragProps = isDragEnabled ? dragGestureProps() : {};\n\t/*\n\t * Works around the odd UA (e.g. Firefox) that does not focus inputs of\n\t * type=number when their spinner arrows are pressed.\n\t */\n\tlet handleOnMouseDown;\n\tif ( type === 'number' ) {\n\t\thandleOnMouseDown = ( event: MouseEvent< HTMLInputElement > ) => {\n\t\t\tprops.onMouseDown?.( event );\n\t\t\tif (\n\t\t\t\tevent.currentTarget !==\n\t\t\t\tevent.currentTarget.ownerDocument.activeElement\n\t\t\t) {\n\t\t\t\tevent.currentTarget.focus();\n\t\t\t}\n\t\t};\n\t}\n\n\treturn (\n\t\t<Input\n\t\t\t{ ...props }\n\t\t\t{ ...dragProps }\n\t\t\tclassName=\"components-input-control__input\"\n\t\t\tdisabled={ disabled }\n\t\t\tdragCursor={ dragCursor }\n\t\t\tisDragging={ isDragging }\n\t\t\tid={ id }\n\t\t\tonBlur={ handleOnBlur }\n\t\t\tonChange={ handleOnChange }\n\t\t\tonKeyDown={ withIgnoreIMEEvents( handleOnKeyDown ) }\n\t\t\tonMouseDown={ handleOnMouseDown }\n\t\t\tref={ ref }\n\t\t\tinputSize={ size }\n\t\t\t// Fallback to `''` to avoid \"uncontrolled to controlled\" warning.\n\t\t\t// See https://github.com/WordPress/gutenberg/pull/47250 for details.\n\t\t\tvalue={ value ?? '' }\n\t\t\ttype={ type }\n\t\t/>\n\t);\n}\n\nconst ForwardedComponent = forwardRef( InputField );\n\nexport default ForwardedComponent;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_element","_utils","_inputControlStyles","_reducer","_withIgnoreImeEvents","_jsxRuntime","noop","InputField","disabled","dragDirection","dragThreshold","id","isDragEnabled","isPressEnterToChange","onBlur","onChange","onDrag","onDragEnd","onDragStart","onKeyDown","onValidate","size","stateReducer","state","value","valueProp","type","props","ref","change","commit","drag","dragEnd","dragStart","invalidate","pressDown","pressEnter","pressUp","reset","useInputControlStateReducer","isDragging","isDirty","wasDirtyOnBlur","useRef","dragCursor","useDragCursor","handleOnBlur","event","target","validity","valid","current","handleOnCommit","handleOnChange","nextValue","currentTarget","err","handleOnKeyDown","key","preventDefault","dragGestureProps","useDrag","dragProps","distance","dragging","stopPropagation","axis","threshold","enabled","pointer","capture","handleOnMouseDown","onMouseDown","ownerDocument","activeElement","focus","jsx","Input","className","withIgnoreIMEEvents","inputSize","ForwardedComponent","forwardRef","_default","exports","default"],"sources":["@wordpress/components/src/input-control/input-field.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useDrag } from '@use-gesture/react';\nimport type {\n\tSyntheticEvent,\n\tChangeEvent,\n\tKeyboardEvent,\n\tPointerEvent,\n\tFocusEvent,\n\tForwardedRef,\n\tMouseEvent,\n} from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef, useRef } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport { useDragCursor } from './utils';\nimport { Input } from './styles/input-control-styles';\nimport { useInputControlStateReducer } from './reducer/reducer';\nimport type { InputFieldProps } from './types';\nimport { withIgnoreIMEEvents } from '../utils/with-ignore-ime-events';\n\nconst noop = () => {};\n\nfunction InputField(\n\t{\n\t\tdisabled = false,\n\t\tdragDirection = 'n',\n\t\tdragThreshold = 10,\n\t\tid,\n\t\tisDragEnabled = false,\n\t\tisPressEnterToChange = false,\n\t\tonBlur = noop,\n\t\tonChange = noop,\n\t\tonDrag = noop,\n\t\tonDragEnd = noop,\n\t\tonDragStart = noop,\n\t\tonKeyDown = noop,\n\t\tonValidate = noop,\n\t\tsize = 'default',\n\t\tstateReducer = ( state: any ) => state,\n\t\tvalue: valueProp,\n\t\ttype,\n\t\t...props\n\t}: WordPressComponentProps< InputFieldProps, 'input', false >,\n\tref: ForwardedRef< HTMLInputElement >\n) {\n\tconst {\n\t\t// State.\n\t\tstate,\n\t\t// Actions.\n\t\tchange,\n\t\tcommit,\n\t\tdrag,\n\t\tdragEnd,\n\t\tdragStart,\n\t\tinvalidate,\n\t\tpressDown,\n\t\tpressEnter,\n\t\tpressUp,\n\t\treset,\n\t} = useInputControlStateReducer(\n\t\tstateReducer,\n\t\t{\n\t\t\tisDragEnabled,\n\t\t\tvalue: valueProp,\n\t\t\tisPressEnterToChange,\n\t\t},\n\t\tonChange\n\t);\n\n\tconst { value, isDragging, isDirty } = state;\n\tconst wasDirtyOnBlur = useRef( false );\n\n\tconst dragCursor = useDragCursor( isDragging, dragDirection );\n\n\tconst handleOnBlur = ( event: FocusEvent< HTMLInputElement > ) => {\n\t\tonBlur( event );\n\n\t\t/**\n\t\t * If isPressEnterToChange is set, this commits the value to\n\t\t * the onChange callback.\n\t\t */\n\t\tif ( isDirty || ! event.target.validity.valid ) {\n\t\t\twasDirtyOnBlur.current = true;\n\t\t\thandleOnCommit( event );\n\t\t}\n\t};\n\n\tconst handleOnChange = ( event: ChangeEvent< HTMLInputElement > ) => {\n\t\tconst nextValue = event.target.value;\n\t\tchange( nextValue, event );\n\t};\n\n\tconst handleOnCommit = ( event: SyntheticEvent< HTMLInputElement > ) => {\n\t\tconst nextValue = event.currentTarget.value;\n\n\t\ttry {\n\t\t\tonValidate( nextValue );\n\t\t\tcommit( nextValue, event );\n\t\t} catch ( err ) {\n\t\t\tinvalidate( err, event );\n\t\t}\n\t};\n\n\tconst handleOnKeyDown = ( event: KeyboardEvent< HTMLInputElement > ) => {\n\t\tconst { key } = event;\n\t\tonKeyDown( event );\n\n\t\tswitch ( key ) {\n\t\t\tcase 'ArrowUp':\n\t\t\t\tpressUp( event );\n\t\t\t\tbreak;\n\n\t\t\tcase 'ArrowDown':\n\t\t\t\tpressDown( event );\n\t\t\t\tbreak;\n\n\t\t\tcase 'Enter':\n\t\t\t\tpressEnter( event );\n\n\t\t\t\tif ( isPressEnterToChange ) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\thandleOnCommit( event );\n\t\t\t\t}\n\t\t\t\tbreak;\n\n\t\t\tcase 'Escape':\n\t\t\t\tif ( isPressEnterToChange && isDirty ) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\treset( valueProp, event );\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t}\n\t};\n\n\tconst dragGestureProps = useDrag< PointerEvent< HTMLInputElement > >(\n\t\t( dragProps ) => {\n\t\t\tconst { distance, dragging, event, target } = dragProps;\n\n\t\t\t// The `target` prop always references the `input` element while, by\n\t\t\t// default, the `dragProps.event.target` property would reference the real\n\t\t\t// event target (i.e. any DOM element that the pointer is hovering while\n\t\t\t// dragging). Ensuring that the `target` is always the `input` element\n\t\t\t// allows consumers of `InputControl` (or any higher-level control) to\n\t\t\t// check the input's validity by accessing `event.target.validity.valid`.\n\t\t\tdragProps.event = {\n\t\t\t\t...dragProps.event,\n\t\t\t\ttarget,\n\t\t\t};\n\n\t\t\tif ( ! distance ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tevent.stopPropagation();\n\n\t\t\t/**\n\t\t\t * Quick return if no longer dragging.\n\t\t\t * This prevents unnecessary value calculations.\n\t\t\t */\n\t\t\tif ( ! dragging ) {\n\t\t\t\tonDragEnd( dragProps );\n\t\t\t\tdragEnd( dragProps );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tonDrag( dragProps );\n\t\t\tdrag( dragProps );\n\n\t\t\tif ( ! isDragging ) {\n\t\t\t\tonDragStart( dragProps );\n\t\t\t\tdragStart( dragProps );\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\taxis: dragDirection === 'e' || dragDirection === 'w' ? 'x' : 'y',\n\t\t\tthreshold: dragThreshold,\n\t\t\tenabled: isDragEnabled,\n\t\t\tpointer: { capture: false },\n\t\t}\n\t);\n\n\tconst dragProps = isDragEnabled ? dragGestureProps() : {};\n\t/*\n\t * Works around the odd UA (e.g. Firefox) that does not focus inputs of\n\t * type=number when their spinner arrows are pressed.\n\t */\n\tlet handleOnMouseDown;\n\tif ( type === 'number' ) {\n\t\thandleOnMouseDown = ( event: MouseEvent< HTMLInputElement > ) => {\n\t\t\tprops.onMouseDown?.( event );\n\t\t\tif (\n\t\t\t\tevent.currentTarget !==\n\t\t\t\tevent.currentTarget.ownerDocument.activeElement\n\t\t\t) {\n\t\t\t\tevent.currentTarget.focus();\n\t\t\t}\n\t\t};\n\t}\n\n\treturn (\n\t\t<Input\n\t\t\t{ ...props }\n\t\t\t{ ...dragProps }\n\t\t\tclassName=\"components-input-control__input\"\n\t\t\tdisabled={ disabled }\n\t\t\tdragCursor={ dragCursor }\n\t\t\tisDragging={ isDragging }\n\t\t\tid={ id }\n\t\t\tonBlur={ handleOnBlur }\n\t\t\tonChange={ handleOnChange }\n\t\t\tonKeyDown={ withIgnoreIMEEvents( handleOnKeyDown ) }\n\t\t\tonMouseDown={ handleOnMouseDown }\n\t\t\tref={ ref }\n\t\t\tinputSize={ size }\n\t\t\t// Fallback to `''` to avoid \"uncontrolled to controlled\" warning.\n\t\t\t// See https://github.com/WordPress/gutenberg/pull/47250 for details.\n\t\t\tvalue={ value ?? '' }\n\t\t\ttype={ type }\n\t\t/>\n\t);\n}\n\nconst ForwardedComponent = forwardRef( InputField );\n\nexport default ForwardedComponent;\n"],"mappings":"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","ignoreList":[]}

package/build/input-control/input-prefix-wrapper.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.InputControlPrefixWrapper = void 0;
-var _react = require("react");
 var _spacer = require("../spacer");
 var _context = require("../context");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -17,7 +17,7 @@ var _context = require("../context");
 
 function UnconnectedInputControlPrefixWrapper(props, forwardedRef) {
   const derivedProps = (0, _context.useContextSystem)(props, 'InputControlPrefixWrapper');
-  return (0, _react.createElement)(_spacer.Spacer, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_spacer.Spacer, {
     marginBottom: 0,
     ...derivedProps,
     ref: forwardedRef

package/build/input-control/input-prefix-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"names":["_spacer","require","_context","UnconnectedInputControlPrefixWrapper","props","forwardedRef","derivedProps","useContextSystem","_react","createElement","Spacer","marginBottom","ref","InputControlPrefixWrapper","exports","contextConnect","_default","default"],"sources":["@wordpress/components/src/input-control/input-prefix-wrapper.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * Internal dependencies\n */\nimport { Spacer } from '../spacer';\nimport type { WordPressComponentProps } from '../context';\nimport { contextConnect, useContextSystem } from '../context';\nimport type { InputControlPrefixWrapperProps } from './types';\n\nfunction UnconnectedInputControlPrefixWrapper(\n\tprops: WordPressComponentProps< InputControlPrefixWrapperProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst derivedProps = useContextSystem( props, 'InputControlPrefixWrapper' );\n\n\treturn (\n\t\t<Spacer marginBottom={ 0 } { ...derivedProps } ref={ forwardedRef } />\n\t);\n}\n\n/**\n * A convenience wrapper for the `prefix` when you want to apply\n * standard padding in accordance with the size variant.\n *\n * ```jsx\n * import {\n *   __experimentalInputControl as InputControl,\n *   __experimentalInputControlPrefixWrapper as InputControlPrefixWrapper,\n * } from '@wordpress/components';\n *\n * <InputControl\n *   prefix={<InputControlPrefixWrapper>@</InputControlPrefixWrapper>}\n * />\n * ```\n */\nexport const InputControlPrefixWrapper = contextConnect(\n\tUnconnectedInputControlPrefixWrapper,\n\t'InputControlPrefixWrapper'\n);\n\nexport default InputControlPrefixWrapper;\n"],"mappings":";;;;;;;AAQA,IAAAA,OAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAVA;AACA;AACA;;AAGA;AACA;AACA;;AAMA,SAASE,oCAAoCA,CAC5CC,KAAuE,EACvEC,YAAiC,EAChC;EACD,MAAMC,YAAY,GAAG,IAAAC,yBAAgB,EAAEH,KAAK,EAAE,2BAA4B,CAAC;EAE3E,OACC,IAAAI,MAAA,CAAAC,aAAA,EAACT,OAAA,CAAAU,MAAM;IAACC,YAAY,EAAG,CAAG;IAAA,GAAML,YAAY;IAAGM,GAAG,EAAGP;EAAc,CAAE,CAAC;AAExE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMQ,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,IAAAE,uBAAc,EACtDZ,oCAAoC,EACpC,2BACD,CAAC;AAAC,IAAAa,QAAA,GAAAF,OAAA,CAAAG,OAAA,GAEaJ,yBAAyB","ignoreList":[]}
+{"version":3,"names":["_spacer","require","_context","_jsxRuntime","UnconnectedInputControlPrefixWrapper","props","forwardedRef","derivedProps","useContextSystem","jsx","Spacer","marginBottom","ref","InputControlPrefixWrapper","exports","contextConnect","_default","default"],"sources":["@wordpress/components/src/input-control/input-prefix-wrapper.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * Internal dependencies\n */\nimport { Spacer } from '../spacer';\nimport type { WordPressComponentProps } from '../context';\nimport { contextConnect, useContextSystem } from '../context';\nimport type { InputControlPrefixWrapperProps } from './types';\n\nfunction UnconnectedInputControlPrefixWrapper(\n\tprops: WordPressComponentProps< InputControlPrefixWrapperProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst derivedProps = useContextSystem( props, 'InputControlPrefixWrapper' );\n\n\treturn (\n\t\t<Spacer marginBottom={ 0 } { ...derivedProps } ref={ forwardedRef } />\n\t);\n}\n\n/**\n * A convenience wrapper for the `prefix` when you want to apply\n * standard padding in accordance with the size variant.\n *\n * ```jsx\n * import {\n *   __experimentalInputControl as InputControl,\n *   __experimentalInputControlPrefixWrapper as InputControlPrefixWrapper,\n * } from '@wordpress/components';\n *\n * <InputControl\n *   prefix={<InputControlPrefixWrapper>@</InputControlPrefixWrapper>}\n * />\n * ```\n */\nexport const InputControlPrefixWrapper = contextConnect(\n\tUnconnectedInputControlPrefixWrapper,\n\t'InputControlPrefixWrapper'\n);\n\nexport default InputControlPrefixWrapper;\n"],"mappings":";;;;;;AAQA,IAAAA,OAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAA8D,IAAAE,WAAA,GAAAF,OAAA;AAV9D;AACA;AACA;;AAGA;AACA;AACA;;AAMA,SAASG,oCAAoCA,CAC5CC,KAAuE,EACvEC,YAAiC,EAChC;EACD,MAAMC,YAAY,GAAG,IAAAC,yBAAgB,EAAEH,KAAK,EAAE,2BAA4B,CAAC;EAE3E,oBACC,IAAAF,WAAA,CAAAM,GAAA,EAACT,OAAA,CAAAU,MAAM;IAACC,YAAY,EAAG,CAAG;IAAA,GAAMJ,YAAY;IAAGK,GAAG,EAAGN;EAAc,CAAE,CAAC;AAExE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMO,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,IAAAE,uBAAc,EACtDX,oCAAoC,EACpC,2BACD,CAAC;AAAC,IAAAY,QAAA,GAAAF,OAAA,CAAAG,OAAA,GAEaJ,yBAAyB","ignoreList":[]}

package/build/input-control/input-suffix-wrapper.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.InputControlSuffixWrapper = void 0;
-var _react = require("react");
 var _spacer = require("../spacer");
 var _context = require("../context");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -17,7 +17,7 @@ var _context = require("../context");
 
 function UnconnectedInputControlSuffixWrapper(props, forwardedRef) {
   const derivedProps = (0, _context.useContextSystem)(props, 'InputControlSuffixWrapper');
-  return (0, _react.createElement)(_spacer.Spacer, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_spacer.Spacer, {
     marginBottom: 0,
     ...derivedProps,
     ref: forwardedRef

package/build/input-control/input-suffix-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"names":["_spacer","require","_context","UnconnectedInputControlSuffixWrapper","props","forwardedRef","derivedProps","useContextSystem","_react","createElement","Spacer","marginBottom","ref","InputControlSuffixWrapper","exports","contextConnect","_default","default"],"sources":["@wordpress/components/src/input-control/input-suffix-wrapper.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * Internal dependencies\n */\nimport { Spacer } from '../spacer';\nimport type { WordPressComponentProps } from '../context';\nimport { contextConnect, useContextSystem } from '../context';\nimport type { InputControlSuffixWrapperProps } from './types';\n\nfunction UnconnectedInputControlSuffixWrapper(\n\tprops: WordPressComponentProps< InputControlSuffixWrapperProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst derivedProps = useContextSystem( props, 'InputControlSuffixWrapper' );\n\n\treturn (\n\t\t<Spacer marginBottom={ 0 } { ...derivedProps } ref={ forwardedRef } />\n\t);\n}\n\n/**\n * A convenience wrapper for the `suffix` when you want to apply\n * standard padding in accordance with the size variant.\n *\n * ```jsx\n * import {\n *   __experimentalInputControl as InputControl,\n *   __experimentalInputControlSuffixWrapper as InputControlSuffixWrapper,\n * } from '@wordpress/components';\n *\n * <InputControl\n *   suffix={<InputControlSuffixWrapper>%</InputControlSuffixWrapper>}\n * />\n * ```\n */\nexport const InputControlSuffixWrapper = contextConnect(\n\tUnconnectedInputControlSuffixWrapper,\n\t'InputControlSuffixWrapper'\n);\n\nexport default InputControlSuffixWrapper;\n"],"mappings":";;;;;;;AAQA,IAAAA,OAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAVA;AACA;AACA;;AAGA;AACA;AACA;;AAMA,SAASE,oCAAoCA,CAC5CC,KAAuE,EACvEC,YAAiC,EAChC;EACD,MAAMC,YAAY,GAAG,IAAAC,yBAAgB,EAAEH,KAAK,EAAE,2BAA4B,CAAC;EAE3E,OACC,IAAAI,MAAA,CAAAC,aAAA,EAACT,OAAA,CAAAU,MAAM;IAACC,YAAY,EAAG,CAAG;IAAA,GAAML,YAAY;IAAGM,GAAG,EAAGP;EAAc,CAAE,CAAC;AAExE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMQ,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,IAAAE,uBAAc,EACtDZ,oCAAoC,EACpC,2BACD,CAAC;AAAC,IAAAa,QAAA,GAAAF,OAAA,CAAAG,OAAA,GAEaJ,yBAAyB","ignoreList":[]}
+{"version":3,"names":["_spacer","require","_context","_jsxRuntime","UnconnectedInputControlSuffixWrapper","props","forwardedRef","derivedProps","useContextSystem","jsx","Spacer","marginBottom","ref","InputControlSuffixWrapper","exports","contextConnect","_default","default"],"sources":["@wordpress/components/src/input-control/input-suffix-wrapper.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * Internal dependencies\n */\nimport { Spacer } from '../spacer';\nimport type { WordPressComponentProps } from '../context';\nimport { contextConnect, useContextSystem } from '../context';\nimport type { InputControlSuffixWrapperProps } from './types';\n\nfunction UnconnectedInputControlSuffixWrapper(\n\tprops: WordPressComponentProps< InputControlSuffixWrapperProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst derivedProps = useContextSystem( props, 'InputControlSuffixWrapper' );\n\n\treturn (\n\t\t<Spacer marginBottom={ 0 } { ...derivedProps } ref={ forwardedRef } />\n\t);\n}\n\n/**\n * A convenience wrapper for the `suffix` when you want to apply\n * standard padding in accordance with the size variant.\n *\n * ```jsx\n * import {\n *   __experimentalInputControl as InputControl,\n *   __experimentalInputControlSuffixWrapper as InputControlSuffixWrapper,\n * } from '@wordpress/components';\n *\n * <InputControl\n *   suffix={<InputControlSuffixWrapper>%</InputControlSuffixWrapper>}\n * />\n * ```\n */\nexport const InputControlSuffixWrapper = contextConnect(\n\tUnconnectedInputControlSuffixWrapper,\n\t'InputControlSuffixWrapper'\n);\n\nexport default InputControlSuffixWrapper;\n"],"mappings":";;;;;;AAQA,IAAAA,OAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAA8D,IAAAE,WAAA,GAAAF,OAAA;AAV9D;AACA;AACA;;AAGA;AACA;AACA;;AAMA,SAASG,oCAAoCA,CAC5CC,KAAuE,EACvEC,YAAiC,EAChC;EACD,MAAMC,YAAY,GAAG,IAAAC,yBAAgB,EAAEH,KAAK,EAAE,2BAA4B,CAAC;EAE3E,oBACC,IAAAF,WAAA,CAAAM,GAAA,EAACT,OAAA,CAAAU,MAAM;IAACC,YAAY,EAAG,CAAG;IAAA,GAAMJ,YAAY;IAAGK,GAAG,EAAGN;EAAc,CAAE,CAAC;AAExE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMO,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,IAAAE,uBAAc,EACtDX,oCAAoC,EACpC,2BACD,CAAC;AAAC,IAAAY,QAAA,GAAAF,OAAA,CAAAG,OAAA,GAEaJ,yBAAyB","ignoreList":[]}

package/build/input-control/label.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Label;
-var _react = require("react");
 var _visuallyHidden = require("../visually-hidden");
 var _inputControlStyles = require("./styles/input-control-styles");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Internal dependencies
  */
@@ -21,14 +21,18 @@ function Label({
     return null;
   }
   if (hideLabelFromVision) {
-    return (0, _react.createElement)(_visuallyHidden.VisuallyHidden, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_visuallyHidden.VisuallyHidden, {
       as: "label",
-      htmlFor: htmlFor
-    }, children);
+      htmlFor: htmlFor,
+      children: children
+    });
   }
-  return (0, _react.createElement)(_inputControlStyles.LabelWrapper, null, (0, _react.createElement)(_inputControlStyles.Label, {
-    htmlFor: htmlFor,
-    ...props
-  }, children));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_inputControlStyles.LabelWrapper, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_inputControlStyles.Label, {
+      htmlFor: htmlFor,
+      ...props,
+      children: children
+    })
+  });
 }
 //# sourceMappingURL=label.js.map

package/build/input-control/label.js.map

@@ -1 +1 @@
-{"version":3,"names":["_visuallyHidden","require","_inputControlStyles","Label","children","hideLabelFromVision","htmlFor","props","_react","createElement","VisuallyHidden","as","LabelWrapper"],"sources":["@wordpress/components/src/input-control/label.tsx"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { VisuallyHidden } from '../visually-hidden';\nimport {\n\tLabel as BaseLabel,\n\tLabelWrapper,\n} from './styles/input-control-styles';\nimport type { WordPressComponentProps } from '../context';\nimport type { InputControlLabelProps } from './types';\n\nexport default function Label( {\n\tchildren,\n\thideLabelFromVision,\n\thtmlFor,\n\t...props\n}: WordPressComponentProps< InputControlLabelProps, 'label', false > ) {\n\tif ( ! children ) {\n\t\treturn null;\n\t}\n\n\tif ( hideLabelFromVision ) {\n\t\treturn (\n\t\t\t<VisuallyHidden as=\"label\" htmlFor={ htmlFor }>\n\t\t\t\t{ children }\n\t\t\t</VisuallyHidden>\n\t\t);\n\t}\n\n\treturn (\n\t\t<LabelWrapper>\n\t\t\t<BaseLabel htmlFor={ htmlFor } { ...props }>\n\t\t\t\t{ children }\n\t\t\t</BaseLabel>\n\t\t</LabelWrapper>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,eAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AASe,SAASE,KAAKA,CAAE;EAC9BC,QAAQ;EACRC,mBAAmB;EACnBC,OAAO;EACP,GAAGC;AAC+D,CAAC,EAAG;EACtE,IAAK,CAAEH,QAAQ,EAAG;IACjB,OAAO,IAAI;EACZ;EAEA,IAAKC,mBAAmB,EAAG;IAC1B,OACC,IAAAG,MAAA,CAAAC,aAAA,EAACT,eAAA,CAAAU,cAAc;MAACC,EAAE,EAAC,OAAO;MAACL,OAAO,EAAGA;IAAS,GAC3CF,QACa,CAAC;EAEnB;EAEA,OACC,IAAAI,MAAA,CAAAC,aAAA,EAACP,mBAAA,CAAAU,YAAY,QACZ,IAAAJ,MAAA,CAAAC,aAAA,EAACP,mBAAA,CAAAC,KAAS;IAACG,OAAO,EAAGA,OAAS;IAAA,GAAMC;EAAK,GACtCH,QACQ,CACE,CAAC;AAEjB","ignoreList":[]}
+{"version":3,"names":["_visuallyHidden","require","_inputControlStyles","_jsxRuntime","Label","children","hideLabelFromVision","htmlFor","props","jsx","VisuallyHidden","as","LabelWrapper"],"sources":["@wordpress/components/src/input-control/label.tsx"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { VisuallyHidden } from '../visually-hidden';\nimport {\n\tLabel as BaseLabel,\n\tLabelWrapper,\n} from './styles/input-control-styles';\nimport type { WordPressComponentProps } from '../context';\nimport type { InputControlLabelProps } from './types';\n\nexport default function Label( {\n\tchildren,\n\thideLabelFromVision,\n\thtmlFor,\n\t...props\n}: WordPressComponentProps< InputControlLabelProps, 'label', false > ) {\n\tif ( ! children ) {\n\t\treturn null;\n\t}\n\n\tif ( hideLabelFromVision ) {\n\t\treturn (\n\t\t\t<VisuallyHidden as=\"label\" htmlFor={ htmlFor }>\n\t\t\t\t{ children }\n\t\t\t</VisuallyHidden>\n\t\t);\n\t}\n\n\treturn (\n\t\t<LabelWrapper>\n\t\t\t<BaseLabel htmlFor={ htmlFor } { ...props }>\n\t\t\t\t{ children }\n\t\t\t</BaseLabel>\n\t\t</LabelWrapper>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,eAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AAGuC,IAAAE,WAAA,GAAAF,OAAA;AAPvC;AACA;AACA;;AASe,SAASG,KAAKA,CAAE;EAC9BC,QAAQ;EACRC,mBAAmB;EACnBC,OAAO;EACP,GAAGC;AAC+D,CAAC,EAAG;EACtE,IAAK,CAAEH,QAAQ,EAAG;IACjB,OAAO,IAAI;EACZ;EAEA,IAAKC,mBAAmB,EAAG;IAC1B,oBACC,IAAAH,WAAA,CAAAM,GAAA,EAACT,eAAA,CAAAU,cAAc;MAACC,EAAE,EAAC,OAAO;MAACJ,OAAO,EAAGA,OAAS;MAAAF,QAAA,EAC3CA;IAAQ,CACK,CAAC;EAEnB;EAEA,oBACC,IAAAF,WAAA,CAAAM,GAAA,EAACP,mBAAA,CAAAU,YAAY;IAAAP,QAAA,eACZ,IAAAF,WAAA,CAAAM,GAAA,EAACP,mBAAA,CAAAE,KAAS;MAACG,OAAO,EAAGA,OAAS;MAAA,GAAMC,KAAK;MAAAH,QAAA,EACtCA;IAAQ,CACA;EAAC,CACC,CAAC;AAEjB","ignoreList":[]}