@wordpress/block-editor 15.5.0 → 15.5.1-next.47f435fc9.0

package/build/components/spacing-sizes-control/index.js

@@ -1,71 +1,47 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var spacing_sizes_control_exports = {};
+__export(spacing_sizes_control_exports, {
+  default: () => SpacingSizesControl
 });
-exports.default = SpacingSizesControl;
-var _components = require("@wordpress/components");
-var _element = require("@wordpress/element");
-var _i18n = require("@wordpress/i18n");
-var _useSpacingSizes = _interopRequireDefault(require("./hooks/use-spacing-sizes"));
-var _axial = _interopRequireDefault(require("./input-controls/axial"));
-var _separated = _interopRequireDefault(require("./input-controls/separated"));
-var _single = _interopRequireDefault(require("./input-controls/single"));
-var _linkedButton = _interopRequireDefault(require("./linked-button"));
-var _utils = require("./utils");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-/**
- * A flexible control for managing spacing values in the block editor. Supports single, axial,
- * and separated input controls for different spacing configurations with automatic view selection
- * based on current values and available sides.
- *
- * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/spacing-sizes-control/README.md
- *
- * @example
- * ```jsx
- * import { __experimentalSpacingSizesControl as SpacingSizesControl } from '@wordpress/block-editor';
- * import { useState } from '@wordpress/element';
- *
- * function Example() {
- *   const [ sides, setSides ] = useState( {
- *     top: '0px',
- *     right: '0px',
- *     bottom: '0px',
- *     left: '0px',
- *   } );
- *
- *   return (
- *     <SpacingSizesControl
- *       values={ sides }
- *       onChange={ setSides }
- *       label="Sides"
- *     />
- *   );
- * }
- * ```
- *
- * @param {Object}   props                    Component props.
- * @param {Object}   props.inputProps         Additional props for input controls.
- * @param {string}   props.label              Label for the control.
- * @param {number}   props.minimumCustomValue Minimum value for custom input.
- * @param {Function} props.onChange           Called when spacing values change.
- * @param {Function} props.onMouseOut         Called when mouse leaves the control.
- * @param {Function} props.onMouseOver        Called when mouse enters the control.
- * @param {boolean}  props.showSideInLabel    Show side in control label.
- * @param {Array}    props.sides              Available sides for control.
- * @param {boolean}  props.useSelect          Use select control for predefined values.
- * @param {Object}   props.values             Current spacing values.
- * @return {Element}                         Spacing sizes control component.
- */function SpacingSizesControl({
+module.exports = __toCommonJS(spacing_sizes_control_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@wordpress/components");
+var import_element = require("@wordpress/element");
+var import_i18n = require("@wordpress/i18n");
+var import_use_spacing_sizes = __toESM(require("./hooks/use-spacing-sizes"));
+var import_axial = __toESM(require("./input-controls/axial"));
+var import_separated = __toESM(require("./input-controls/separated"));
+var import_single = __toESM(require("./input-controls/single"));
+var import_linked_button = __toESM(require("./linked-button"));
+var import_utils = require("./utils");
+function SpacingSizesControl({
   inputProps,
   label: labelProp,
   minimumCustomValue = 0,
@@ -73,23 +49,20 @@ var _jsxRuntime = require("react/jsx-runtime");
   onMouseOut,
   onMouseOver,
   showSideInLabel = true,
-  sides = _utils.ALL_SIDES,
+  sides = import_utils.ALL_SIDES,
   useSelect,
   values
 }) {
-  const spacingSizes = (0, _useSpacingSizes.default)();
-  const inputValues = values || _utils.DEFAULT_VALUES;
+  const spacingSizes = (0, import_use_spacing_sizes.default)();
+  const inputValues = values || import_utils.DEFAULT_VALUES;
   const hasOneSide = sides?.length === 1;
-  const hasOnlyAxialSides = sides?.includes('horizontal') && sides?.includes('vertical') && sides?.length === 2;
-  const [view, setView] = (0, _element.useState)((0, _utils.getInitialView)(inputValues, sides));
+  const hasOnlyAxialSides = sides?.includes("horizontal") && sides?.includes("vertical") && sides?.length === 2;
+  const [view, setView] = (0, import_element.useState)((0, import_utils.getInitialView)(inputValues, sides));
   const toggleLinked = () => {
-    setView(view === _utils.VIEWS.axial ? _utils.VIEWS.custom : _utils.VIEWS.axial);
+    setView(view === import_utils.VIEWS.axial ? import_utils.VIEWS.custom : import_utils.VIEWS.axial);
   };
-  const handleOnChange = nextValue => {
-    const newValues = {
-      ...values,
-      ...nextValue
-    };
+  const handleOnChange = (nextValue) => {
+    const newValues = { ...values, ...nextValue };
     onChange(newValues);
   };
   const inputControlProps = {
@@ -105,43 +78,48 @@ var _jsxRuntime = require("react/jsx-runtime");
     values: inputValues
   };
   const renderControls = () => {
-    if (view === _utils.VIEWS.axial) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_axial.default, {
-        ...inputControlProps
-      });
+    if (view === import_utils.VIEWS.axial) {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_axial.default, { ...inputControlProps });
     }
-    if (view === _utils.VIEWS.custom) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_separated.default, {
-        ...inputControlProps
-      });
+    if (view === import_utils.VIEWS.custom) {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_separated.default, { ...inputControlProps });
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_single.default, {
-      side: view,
-      ...inputControlProps,
-      showSideInLabel: showSideInLabel
-    });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_single.default,
+      {
+        side: view,
+        ...inputControlProps,
+        showSideInLabel
+      }
+    );
   };
-  const sideLabel = _utils.ALL_SIDES.includes(view) && showSideInLabel ? _utils.LABELS[view] : '';
-  const label = (0, _i18n.sprintf)(
-  // translators: 1: The side of the block being modified (top, bottom, left etc.). 2. Type of spacing being modified (padding, margin, etc).
-  (0, _i18n._x)('%1$s %2$s', 'spacing'), labelProp, sideLabel).trim();
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("fieldset", {
-    className: "spacing-sizes-control",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
-      className: "spacing-sizes-control__header",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BaseControl.VisualLabel, {
-        as: "legend",
-        className: "spacing-sizes-control__label",
-        children: label
-      }), !hasOneSide && !hasOnlyAxialSides && /*#__PURE__*/(0, _jsxRuntime.jsx)(_linkedButton.default, {
-        label: labelProp,
-        onClick: toggleLinked,
-        isLinked: view === _utils.VIEWS.axial
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalVStack, {
-      spacing: 0.5,
-      children: renderControls()
-    })]
-  });
+  const sideLabel = import_utils.ALL_SIDES.includes(view) && showSideInLabel ? import_utils.LABELS[view] : "";
+  const label = (0, import_i18n.sprintf)(
+    // translators: 1: The side of the block being modified (top, bottom, left etc.). 2. Type of spacing being modified (padding, margin, etc).
+    (0, import_i18n._x)("%1$s %2$s", "spacing"),
+    labelProp,
+    sideLabel
+  ).trim();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("fieldset", { className: "spacing-sizes-control", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { className: "spacing-sizes-control__header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.BaseControl.VisualLabel,
+        {
+          as: "legend",
+          className: "spacing-sizes-control__label",
+          children: label
+        }
+      ),
+      !hasOneSide && !hasOnlyAxialSides && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_linked_button.default,
+        {
+          label: labelProp,
+          onClick: toggleLinked,
+          isLinked: view === import_utils.VIEWS.axial
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalVStack, { spacing: 0.5, children: renderControls() })
+  ] });
 }
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/build/components/spacing-sizes-control/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_components","require","_element","_i18n","_useSpacingSizes","_interopRequireDefault","_axial","_separated","_single","_linkedButton","_utils","_jsxRuntime","SpacingSizesControl","inputProps","label","labelProp","minimumCustomValue","onChange","onMouseOut","onMouseOver","showSideInLabel","sides","ALL_SIDES","useSelect","values","spacingSizes","useSpacingSizes","inputValues","DEFAULT_VALUES","hasOneSide","length","hasOnlyAxialSides","includes","view","setView","useState","getInitialView","toggleLinked","VIEWS","axial","custom","handleOnChange","nextValue","newValues","inputControlProps","type","renderControls","jsx","default","side","sideLabel","LABELS","sprintf","_x","trim","jsxs","className","children","__experimentalHStack","BaseControl","VisualLabel","as","onClick","isLinked","__experimentalVStack","spacing"],"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBaseControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { _x, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport useSpacingSizes from './hooks/use-spacing-sizes';\nimport AxialInputControls from './input-controls/axial';\nimport SeparatedInputControls from './input-controls/separated';\nimport SingleInputControl from './input-controls/single';\nimport LinkedButton from './linked-button';\nimport {\n\tALL_SIDES,\n\tDEFAULT_VALUES,\n\tLABELS,\n\tVIEWS,\n\tgetInitialView,\n} from './utils';\n\n/**\n * A flexible control for managing spacing values in the block editor. Supports single, axial,\n * and separated input controls for different spacing configurations with automatic view selection\n * based on current values and available sides.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/spacing-sizes-control/README.md\n *\n * @example\n * ```jsx\n * import { __experimentalSpacingSizesControl as SpacingSizesControl } from '@wordpress/block-editor';\n * import { useState } from '@wordpress/element';\n *\n * function Example() {\n *   const [ sides, setSides ] = useState( {\n *     top: '0px',\n *     right: '0px',\n *     bottom: '0px',\n *     left: '0px',\n *   } );\n *\n *   return (\n *     <SpacingSizesControl\n *       values={ sides }\n *       onChange={ setSides }\n *       label=\"Sides\"\n *     />\n *   );\n * }\n * ```\n *\n * @param {Object}   props                    Component props.\n * @param {Object}   props.inputProps         Additional props for input controls.\n * @param {string}   props.label              Label for the control.\n * @param {number}   props.minimumCustomValue Minimum value for custom input.\n * @param {Function} props.onChange           Called when spacing values change.\n * @param {Function} props.onMouseOut         Called when mouse leaves the control.\n * @param {Function} props.onMouseOver        Called when mouse enters the control.\n * @param {boolean}  props.showSideInLabel    Show side in control label.\n * @param {Array}    props.sides              Available sides for control.\n * @param {boolean}  props.useSelect          Use select control for predefined values.\n * @param {Object}   props.values             Current spacing values.\n * @return {Element}                         Spacing sizes control component.\n */\nexport default function SpacingSizesControl( {\n\tinputProps,\n\tlabel: labelProp,\n\tminimumCustomValue = 0,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tshowSideInLabel = true,\n\tsides = ALL_SIDES,\n\tuseSelect,\n\tvalues,\n} ) {\n\tconst spacingSizes = useSpacingSizes();\n\tconst inputValues = values || DEFAULT_VALUES;\n\tconst hasOneSide = sides?.length === 1;\n\tconst hasOnlyAxialSides =\n\t\tsides?.includes( 'horizontal' ) &&\n\t\tsides?.includes( 'vertical' ) &&\n\t\tsides?.length === 2;\n\n\tconst [ view, setView ] = useState( getInitialView( inputValues, sides ) );\n\n\tconst toggleLinked = () => {\n\t\tsetView( view === VIEWS.axial ? VIEWS.custom : VIEWS.axial );\n\t};\n\n\tconst handleOnChange = ( nextValue ) => {\n\t\tconst newValues = { ...values, ...nextValue };\n\t\tonChange( newValues );\n\t};\n\n\tconst inputControlProps = {\n\t\t...inputProps,\n\t\tminimumCustomValue,\n\t\tonChange: handleOnChange,\n\t\tonMouseOut,\n\t\tonMouseOver,\n\t\tsides,\n\t\tspacingSizes,\n\t\ttype: labelProp,\n\t\tuseSelect,\n\t\tvalues: inputValues,\n\t};\n\n\tconst renderControls = () => {\n\t\tif ( view === VIEWS.axial ) {\n\t\t\treturn <AxialInputControls { ...inputControlProps } />;\n\t\t}\n\t\tif ( view === VIEWS.custom ) {\n\t\t\treturn <SeparatedInputControls { ...inputControlProps } />;\n\t\t}\n\t\treturn (\n\t\t\t<SingleInputControl\n\t\t\t\tside={ view }\n\t\t\t\t{ ...inputControlProps }\n\t\t\t\tshowSideInLabel={ showSideInLabel }\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst sideLabel =\n\t\tALL_SIDES.includes( view ) && showSideInLabel ? LABELS[ view ] : '';\n\n\tconst label = sprintf(\n\t\t// translators: 1: The side of the block being modified (top, bottom, left etc.). 2. Type of spacing being modified (padding, margin, etc).\n\t\t_x( '%1$s %2$s', 'spacing' ),\n\t\tlabelProp,\n\t\tsideLabel\n\t).trim();\n\n\treturn (\n\t\t<fieldset className=\"spacing-sizes-control\">\n\t\t\t<HStack className=\"spacing-sizes-control__header\">\n\t\t\t\t<BaseControl.VisualLabel\n\t\t\t\t\tas=\"legend\"\n\t\t\t\t\tclassName=\"spacing-sizes-control__label\"\n\t\t\t\t>\n\t\t\t\t\t{ label }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t{ ! hasOneSide && ! hasOnlyAxialSides && (\n\t\t\t\t\t<LinkedButton\n\t\t\t\t\t\tlabel={ labelProp }\n\t\t\t\t\t\tonClick={ toggleLinked }\n\t\t\t\t\t\tisLinked={ view === VIEWS.axial }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t<VStack spacing={ 0.5 }>{ renderControls() }</VStack>\n\t\t</fieldset>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/spacing-sizes-control/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tBaseControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { _x, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport useSpacingSizes from './hooks/use-spacing-sizes';\nimport AxialInputControls from './input-controls/axial';\nimport SeparatedInputControls from './input-controls/separated';\nimport SingleInputControl from './input-controls/single';\nimport LinkedButton from './linked-button';\nimport {\n\tALL_SIDES,\n\tDEFAULT_VALUES,\n\tLABELS,\n\tVIEWS,\n\tgetInitialView,\n} from './utils';\n\n/**\n * A flexible control for managing spacing values in the block editor. Supports single, axial,\n * and separated input controls for different spacing configurations with automatic view selection\n * based on current values and available sides.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/spacing-sizes-control/README.md\n *\n * @example\n * ```jsx\n * import { __experimentalSpacingSizesControl as SpacingSizesControl } from '@wordpress/block-editor';\n * import { useState } from '@wordpress/element';\n *\n * function Example() {\n *   const [ sides, setSides ] = useState( {\n *     top: '0px',\n *     right: '0px',\n *     bottom: '0px',\n *     left: '0px',\n *   } );\n *\n *   return (\n *     <SpacingSizesControl\n *       values={ sides }\n *       onChange={ setSides }\n *       label=\"Sides\"\n *     />\n *   );\n * }\n * ```\n *\n * @param {Object}   props                    Component props.\n * @param {Object}   props.inputProps         Additional props for input controls.\n * @param {string}   props.label              Label for the control.\n * @param {number}   props.minimumCustomValue Minimum value for custom input.\n * @param {Function} props.onChange           Called when spacing values change.\n * @param {Function} props.onMouseOut         Called when mouse leaves the control.\n * @param {Function} props.onMouseOver        Called when mouse enters the control.\n * @param {boolean}  props.showSideInLabel    Show side in control label.\n * @param {Array}    props.sides              Available sides for control.\n * @param {boolean}  props.useSelect          Use select control for predefined values.\n * @param {Object}   props.values             Current spacing values.\n * @return {Element}                         Spacing sizes control component.\n */\nexport default function SpacingSizesControl( {\n\tinputProps,\n\tlabel: labelProp,\n\tminimumCustomValue = 0,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tshowSideInLabel = true,\n\tsides = ALL_SIDES,\n\tuseSelect,\n\tvalues,\n} ) {\n\tconst spacingSizes = useSpacingSizes();\n\tconst inputValues = values || DEFAULT_VALUES;\n\tconst hasOneSide = sides?.length === 1;\n\tconst hasOnlyAxialSides =\n\t\tsides?.includes( 'horizontal' ) &&\n\t\tsides?.includes( 'vertical' ) &&\n\t\tsides?.length === 2;\n\n\tconst [ view, setView ] = useState( getInitialView( inputValues, sides ) );\n\n\tconst toggleLinked = () => {\n\t\tsetView( view === VIEWS.axial ? VIEWS.custom : VIEWS.axial );\n\t};\n\n\tconst handleOnChange = ( nextValue ) => {\n\t\tconst newValues = { ...values, ...nextValue };\n\t\tonChange( newValues );\n\t};\n\n\tconst inputControlProps = {\n\t\t...inputProps,\n\t\tminimumCustomValue,\n\t\tonChange: handleOnChange,\n\t\tonMouseOut,\n\t\tonMouseOver,\n\t\tsides,\n\t\tspacingSizes,\n\t\ttype: labelProp,\n\t\tuseSelect,\n\t\tvalues: inputValues,\n\t};\n\n\tconst renderControls = () => {\n\t\tif ( view === VIEWS.axial ) {\n\t\t\treturn <AxialInputControls { ...inputControlProps } />;\n\t\t}\n\t\tif ( view === VIEWS.custom ) {\n\t\t\treturn <SeparatedInputControls { ...inputControlProps } />;\n\t\t}\n\t\treturn (\n\t\t\t<SingleInputControl\n\t\t\t\tside={ view }\n\t\t\t\t{ ...inputControlProps }\n\t\t\t\tshowSideInLabel={ showSideInLabel }\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst sideLabel =\n\t\tALL_SIDES.includes( view ) && showSideInLabel ? LABELS[ view ] : '';\n\n\tconst label = sprintf(\n\t\t// translators: 1: The side of the block being modified (top, bottom, left etc.). 2. Type of spacing being modified (padding, margin, etc).\n\t\t_x( '%1$s %2$s', 'spacing' ),\n\t\tlabelProp,\n\t\tsideLabel\n\t).trim();\n\n\treturn (\n\t\t<fieldset className=\"spacing-sizes-control\">\n\t\t\t<HStack className=\"spacing-sizes-control__header\">\n\t\t\t\t<BaseControl.VisualLabel\n\t\t\t\t\tas=\"legend\"\n\t\t\t\t\tclassName=\"spacing-sizes-control__label\"\n\t\t\t\t>\n\t\t\t\t\t{ label }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t{ ! hasOneSide && ! hasOnlyAxialSides && (\n\t\t\t\t\t<LinkedButton\n\t\t\t\t\t\tlabel={ labelProp }\n\t\t\t\t\t\tonClick={ toggleLinked }\n\t\t\t\t\t\tisLinked={ view === VIEWS.axial }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t<VStack spacing={ 0.5 }>{ renderControls() }</VStack>\n\t\t</fieldset>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoHU;AAjHV,wBAIO;AACP,qBAAyB;AACzB,kBAA4B;AAK5B,+BAA4B;AAC5B,mBAA+B;AAC/B,uBAAmC;AACnC,oBAA+B;AAC/B,2BAAyB;AACzB,mBAMO;AA6CQ,SAAR,oBAAsC;AAAA,EAC5C;AAAA,EACA,OAAO;AAAA,EACP,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,QAAQ;AAAA,EACR;AAAA,EACA;AACD,GAAI;AACH,QAAM,mBAAe,yBAAAA,SAAgB;AACrC,QAAM,cAAc,UAAU;AAC9B,QAAM,aAAa,OAAO,WAAW;AACrC,QAAM,oBACL,OAAO,SAAU,YAAa,KAC9B,OAAO,SAAU,UAAW,KAC5B,OAAO,WAAW;AAEnB,QAAM,CAAE,MAAM,OAAQ,QAAI,6BAAU,6BAAgB,aAAa,KAAM,CAAE;AAEzE,QAAM,eAAe,MAAM;AAC1B,YAAS,SAAS,mBAAM,QAAQ,mBAAM,SAAS,mBAAM,KAAM;AAAA,EAC5D;AAEA,QAAM,iBAAiB,CAAE,cAAe;AACvC,UAAM,YAAY,EAAE,GAAG,QAAQ,GAAG,UAAU;AAC5C,aAAU,SAAU;AAAA,EACrB;AAEA,QAAM,oBAAoB;AAAA,IACzB,GAAG;AAAA,IACH;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA,QAAQ;AAAA,EACT;AAEA,QAAM,iBAAiB,MAAM;AAC5B,QAAK,SAAS,mBAAM,OAAQ;AAC3B,aAAO,4CAAC,aAAAC,SAAA,EAAqB,GAAG,mBAAoB;AAAA,IACrD;AACA,QAAK,SAAS,mBAAM,QAAS;AAC5B,aAAO,4CAAC,iBAAAC,SAAA,EAAyB,GAAG,mBAAoB;AAAA,IACzD;AACA,WACC;AAAA,MAAC,cAAAC;AAAA,MAAA;AAAA,QACA,MAAO;AAAA,QACL,GAAG;AAAA,QACL;AAAA;AAAA,IACD;AAAA,EAEF;AAEA,QAAM,YACL,uBAAU,SAAU,IAAK,KAAK,kBAAkB,oBAAQ,IAAK,IAAI;AAElE,QAAM,YAAQ;AAAA;AAAA,QAEb,gBAAI,aAAa,SAAU;AAAA,IAC3B;AAAA,IACA;AAAA,EACD,EAAE,KAAK;AAEP,SACC,6CAAC,cAAS,WAAU,yBACnB;AAAA,iDAAC,kBAAAC,sBAAA,EAAO,WAAU,iCACjB;AAAA;AAAA,QAAC,8BAAY;AAAA,QAAZ;AAAA,UACA,IAAG;AAAA,UACH,WAAU;AAAA,UAER;AAAA;AAAA,MACH;AAAA,MACE,CAAE,cAAc,CAAE,qBACnB;AAAA,QAAC,qBAAAC;AAAA,QAAA;AAAA,UACA,OAAQ;AAAA,UACR,SAAU;AAAA,UACV,UAAW,SAAS,mBAAM;AAAA;AAAA,MAC3B;AAAA,OAEF;AAAA,IACA,4CAAC,kBAAAC,sBAAA,EAAO,SAAU,KAAQ,yBAAe,GAAG;AAAA,KAC7C;AAEF;",
+  "names": ["useSpacingSizes", "AxialInputControls", "SeparatedInputControls", "SingleInputControl", "HStack", "LinkedButton", "VStack"]
+}

package/build/components/spacing-sizes-control/input-controls/axial.js

@@ -1,18 +1,40 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var axial_exports = {};
+__export(axial_exports, {
+  default: () => AxialInputControls
 });
-exports.default = AxialInputControls;
-var _spacingInputControl = _interopRequireDefault(require("./spacing-input-control"));
-var _utils = require("../utils");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Internal dependencies
- */
-
-const groupedSides = ['vertical', 'horizontal'];
+module.exports = __toCommonJS(axial_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_spacing_input_control = __toESM(require("./spacing-input-control"));
+var import_utils = require("../utils");
+const groupedSides = ["vertical", "horizontal"];
 function AxialInputControls({
   minimumCustomValue,
   onChange,
@@ -23,48 +45,49 @@ function AxialInputControls({
   type,
   values
 }) {
-  const createHandleOnChange = side => next => {
+  const createHandleOnChange = (side) => (next) => {
     if (!onChange) {
       return;
     }
-
-    // Encode the existing value into the preset value if the passed in value matches the value of one of the spacingSizes.
     const nextValues = {
       ...Object.keys(values).reduce((acc, key) => {
-        acc[key] = (0, _utils.getPresetValueFromCustomValue)(values[key], spacingSizes);
+        acc[key] = (0, import_utils.getPresetValueFromCustomValue)(
+          values[key],
+          spacingSizes
+        );
         return acc;
       }, {})
     };
-    if (side === 'vertical') {
+    if (side === "vertical") {
       nextValues.top = next;
       nextValues.bottom = next;
     }
-    if (side === 'horizontal') {
+    if (side === "horizontal") {
       nextValues.left = next;
       nextValues.right = next;
     }
     onChange(nextValues);
   };
-
-  // Filter sides if custom configuration provided, maintaining default order.
-  const filteredSides = sides?.length ? groupedSides.filter(side => (0, _utils.hasAxisSupport)(sides, side)) : groupedSides;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: filteredSides.map(side => {
-      const axisValue = side === 'vertical' ? values.top : values.left;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_spacingInputControl.default, {
-        icon: _utils.ICONS[side],
-        label: _utils.LABELS[side],
-        minimumCustomValue: minimumCustomValue,
+  const filteredSides = sides?.length ? groupedSides.filter((side) => (0, import_utils.hasAxisSupport)(sides, side)) : groupedSides;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: filteredSides.map((side) => {
+    const axisValue = side === "vertical" ? values.top : values.left;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_spacing_input_control.default,
+      {
+        icon: import_utils.ICONS[side],
+        label: import_utils.LABELS[side],
+        minimumCustomValue,
         onChange: createHandleOnChange(side),
-        onMouseOut: onMouseOut,
-        onMouseOver: onMouseOver,
-        side: side,
-        spacingSizes: spacingSizes,
-        type: type,
+        onMouseOut,
+        onMouseOver,
+        side,
+        spacingSizes,
+        type,
         value: axisValue,
         withInputField: false
-      }, `spacing-sizes-control-${side}`);
-    })
-  });
+      },
+      `spacing-sizes-control-${side}`
+    );
+  }) });
 }
-//# sourceMappingURL=axial.js.map
+//# sourceMappingURL=axial.js.map

package/build/components/spacing-sizes-control/input-controls/axial.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_spacingInputControl","_interopRequireDefault","require","_utils","_jsxRuntime","groupedSides","AxialInputControls","minimumCustomValue","onChange","onMouseOut","onMouseOver","sides","spacingSizes","type","values","createHandleOnChange","side","next","nextValues","Object","keys","reduce","acc","key","getPresetValueFromCustomValue","top","bottom","left","right","filteredSides","length","filter","hasAxisSupport","jsx","Fragment","children","map","axisValue","default","icon","ICONS","label","LABELS","value","withInputField"],"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/input-controls/axial.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport SpacingInputControl from './spacing-input-control';\nimport {\n\tLABELS,\n\tICONS,\n\tgetPresetValueFromCustomValue,\n\thasAxisSupport,\n} from '../utils';\n\nconst groupedSides = [ 'vertical', 'horizontal' ];\n\nexport default function AxialInputControls( {\n\tminimumCustomValue,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tsides,\n\tspacingSizes,\n\ttype,\n\tvalues,\n} ) {\n\tconst createHandleOnChange = ( side ) => ( next ) => {\n\t\tif ( ! onChange ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Encode the existing value into the preset value if the passed in value matches the value of one of the spacingSizes.\n\t\tconst nextValues = {\n\t\t\t...Object.keys( values ).reduce( ( acc, key ) => {\n\t\t\t\tacc[ key ] = getPresetValueFromCustomValue(\n\t\t\t\t\tvalues[ key ],\n\t\t\t\t\tspacingSizes\n\t\t\t\t);\n\t\t\t\treturn acc;\n\t\t\t}, {} ),\n\t\t};\n\n\t\tif ( side === 'vertical' ) {\n\t\t\tnextValues.top = next;\n\t\t\tnextValues.bottom = next;\n\t\t}\n\n\t\tif ( side === 'horizontal' ) {\n\t\t\tnextValues.left = next;\n\t\t\tnextValues.right = next;\n\t\t}\n\n\t\tonChange( nextValues );\n\t};\n\n\t// Filter sides if custom configuration provided, maintaining default order.\n\tconst filteredSides = sides?.length\n\t\t? groupedSides.filter( ( side ) => hasAxisSupport( sides, side ) )\n\t\t: groupedSides;\n\n\treturn (\n\t\t<>\n\t\t\t{ filteredSides.map( ( side ) => {\n\t\t\t\tconst axisValue =\n\t\t\t\t\tside === 'vertical' ? values.top : values.left;\n\t\t\t\treturn (\n\t\t\t\t\t<SpacingInputControl\n\t\t\t\t\t\tkey={ `spacing-sizes-control-${ side }` }\n\t\t\t\t\t\ticon={ ICONS[ side ] }\n\t\t\t\t\t\tlabel={ LABELS[ side ] }\n\t\t\t\t\t\tminimumCustomValue={ minimumCustomValue }\n\t\t\t\t\t\tonChange={ createHandleOnChange( side ) }\n\t\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\t\tside={ side }\n\t\t\t\t\t\tspacingSizes={ spacingSizes }\n\t\t\t\t\t\ttype={ type }\n\t\t\t\t\t\tvalue={ axisValue }\n\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,oBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAKkB,IAAAE,WAAA,GAAAF,OAAA;AATlB;AACA;AACA;;AASA,MAAMG,YAAY,GAAG,CAAE,UAAU,EAAE,YAAY,CAAE;AAElC,SAASC,kBAAkBA,CAAE;EAC3CC,kBAAkB;EAClBC,QAAQ;EACRC,UAAU;EACVC,WAAW;EACXC,KAAK;EACLC,YAAY;EACZC,IAAI;EACJC;AACD,CAAC,EAAG;EACH,MAAMC,oBAAoB,GAAKC,IAAI,IAAQC,IAAI,IAAM;IACpD,IAAK,CAAET,QAAQ,EAAG;MACjB;IACD;;IAEA;IACA,MAAMU,UAAU,GAAG;MAClB,GAAGC,MAAM,CAACC,IAAI,CAAEN,MAAO,CAAC,CAACO,MAAM,CAAE,CAAEC,GAAG,EAAEC,GAAG,KAAM;QAChDD,GAAG,CAAEC,GAAG,CAAE,GAAG,IAAAC,oCAA6B,EACzCV,MAAM,CAAES,GAAG,CAAE,EACbX,YACD,CAAC;QACD,OAAOU,GAAG;MACX,CAAC,EAAE,CAAC,CAAE;IACP,CAAC;IAED,IAAKN,IAAI,KAAK,UAAU,EAAG;MAC1BE,UAAU,CAACO,GAAG,GAAGR,IAAI;MACrBC,UAAU,CAACQ,MAAM,GAAGT,IAAI;IACzB;IAEA,IAAKD,IAAI,KAAK,YAAY,EAAG;MAC5BE,UAAU,CAACS,IAAI,GAAGV,IAAI;MACtBC,UAAU,CAACU,KAAK,GAAGX,IAAI;IACxB;IAEAT,QAAQ,CAAEU,UAAW,CAAC;EACvB,CAAC;;EAED;EACA,MAAMW,aAAa,GAAGlB,KAAK,EAAEmB,MAAM,GAChCzB,YAAY,CAAC0B,MAAM,CAAIf,IAAI,IAAM,IAAAgB,qBAAc,EAAErB,KAAK,EAAEK,IAAK,CAAE,CAAC,GAChEX,YAAY;EAEf,oBACC,IAAAD,WAAA,CAAA6B,GAAA,EAAA7B,WAAA,CAAA8B,QAAA;IAAAC,QAAA,EACGN,aAAa,CAACO,GAAG,CAAIpB,IAAI,IAAM;MAChC,MAAMqB,SAAS,GACdrB,IAAI,KAAK,UAAU,GAAGF,MAAM,CAACW,GAAG,GAAGX,MAAM,CAACa,IAAI;MAC/C,oBACC,IAAAvB,WAAA,CAAA6B,GAAA,EAACjC,oBAAA,CAAAsC,OAAmB;QAEnBC,IAAI,EAAGC,YAAK,CAAExB,IAAI,CAAI;QACtByB,KAAK,EAAGC,aAAM,CAAE1B,IAAI,CAAI;QACxBT,kBAAkB,EAAGA,kBAAoB;QACzCC,QAAQ,EAAGO,oBAAoB,CAAEC,IAAK,CAAG;QACzCP,UAAU,EAAGA,UAAY;QACzBC,WAAW,EAAGA,WAAa;QAC3BM,IAAI,EAAGA,IAAM;QACbJ,YAAY,EAAGA,YAAc;QAC7BC,IAAI,EAAGA,IAAM;QACb8B,KAAK,EAAGN,SAAW;QACnBO,cAAc,EAAG;MAAO,GAXlB,yBAA0B5B,IAAI,EAYpC,CAAC;IAEJ,CAAE;EAAC,CACF,CAAC;AAEL","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/spacing-sizes-control/input-controls/axial.js"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport SpacingInputControl from './spacing-input-control';\nimport {\n\tLABELS,\n\tICONS,\n\tgetPresetValueFromCustomValue,\n\thasAxisSupport,\n} from '../utils';\n\nconst groupedSides = [ 'vertical', 'horizontal' ];\n\nexport default function AxialInputControls( {\n\tminimumCustomValue,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tsides,\n\tspacingSizes,\n\ttype,\n\tvalues,\n} ) {\n\tconst createHandleOnChange = ( side ) => ( next ) => {\n\t\tif ( ! onChange ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Encode the existing value into the preset value if the passed in value matches the value of one of the spacingSizes.\n\t\tconst nextValues = {\n\t\t\t...Object.keys( values ).reduce( ( acc, key ) => {\n\t\t\t\tacc[ key ] = getPresetValueFromCustomValue(\n\t\t\t\t\tvalues[ key ],\n\t\t\t\t\tspacingSizes\n\t\t\t\t);\n\t\t\t\treturn acc;\n\t\t\t}, {} ),\n\t\t};\n\n\t\tif ( side === 'vertical' ) {\n\t\t\tnextValues.top = next;\n\t\t\tnextValues.bottom = next;\n\t\t}\n\n\t\tif ( side === 'horizontal' ) {\n\t\t\tnextValues.left = next;\n\t\t\tnextValues.right = next;\n\t\t}\n\n\t\tonChange( nextValues );\n\t};\n\n\t// Filter sides if custom configuration provided, maintaining default order.\n\tconst filteredSides = sides?.length\n\t\t? groupedSides.filter( ( side ) => hasAxisSupport( sides, side ) )\n\t\t: groupedSides;\n\n\treturn (\n\t\t<>\n\t\t\t{ filteredSides.map( ( side ) => {\n\t\t\t\tconst axisValue =\n\t\t\t\t\tside === 'vertical' ? values.top : values.left;\n\t\t\t\treturn (\n\t\t\t\t\t<SpacingInputControl\n\t\t\t\t\t\tkey={ `spacing-sizes-control-${ side }` }\n\t\t\t\t\t\ticon={ ICONS[ side ] }\n\t\t\t\t\t\tlabel={ LABELS[ side ] }\n\t\t\t\t\t\tminimumCustomValue={ minimumCustomValue }\n\t\t\t\t\t\tonChange={ createHandleOnChange( side ) }\n\t\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\t\tside={ side }\n\t\t\t\t\t\tspacingSizes={ spacingSizes }\n\t\t\t\t\t\ttype={ type }\n\t\t\t\t\t\tvalue={ axisValue }\n\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0DE;AAvDF,mCAAgC;AAChC,mBAKO;AAEP,MAAM,eAAe,CAAE,YAAY,YAAa;AAEjC,SAAR,mBAAqC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,uBAAuB,CAAE,SAAU,CAAE,SAAU;AACpD,QAAK,CAAE,UAAW;AACjB;AAAA,IACD;AAGA,UAAM,aAAa;AAAA,MAClB,GAAG,OAAO,KAAM,MAAO,EAAE,OAAQ,CAAE,KAAK,QAAS;AAChD,YAAK,GAAI,QAAI;AAAA,UACZ,OAAQ,GAAI;AAAA,UACZ;AAAA,QACD;AACA,eAAO;AAAA,MACR,GAAG,CAAC,CAAE;AAAA,IACP;AAEA,QAAK,SAAS,YAAa;AAC1B,iBAAW,MAAM;AACjB,iBAAW,SAAS;AAAA,IACrB;AAEA,QAAK,SAAS,cAAe;AAC5B,iBAAW,OAAO;AAClB,iBAAW,QAAQ;AAAA,IACpB;AAEA,aAAU,UAAW;AAAA,EACtB;AAGA,QAAM,gBAAgB,OAAO,SAC1B,aAAa,OAAQ,CAAE,aAAU,6BAAgB,OAAO,IAAK,CAAE,IAC/D;AAEH,SACC,2EACG,wBAAc,IAAK,CAAE,SAAU;AAChC,UAAM,YACL,SAAS,aAAa,OAAO,MAAM,OAAO;AAC3C,WACC;AAAA,MAAC,6BAAAA;AAAA,MAAA;AAAA,QAEA,MAAO,mBAAO,IAAK;AAAA,QACnB,OAAQ,oBAAQ,IAAK;AAAA,QACrB;AAAA,QACA,UAAW,qBAAsB,IAAK;AAAA,QACtC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAQ;AAAA,QACR,gBAAiB;AAAA;AAAA,MAXX,yBAA0B,IAAK;AAAA,IAYtC;AAAA,EAEF,CAAE,GACH;AAEF;",
+  "names": ["SpacingInputControl"]
+}

package/build/components/spacing-sizes-control/input-controls/separated.js

@@ -1,17 +1,39 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var separated_exports = {};
+__export(separated_exports, {
+  default: () => SeparatedInputControls
 });
-exports.default = SeparatedInputControls;
-var _spacingInputControl = _interopRequireDefault(require("./spacing-input-control"));
-var _utils = require("../utils");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(separated_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_spacing_input_control = __toESM(require("./spacing-input-control"));
+var import_utils = require("../utils");
 function SeparatedInputControls({
   minimumCustomValue,
   onChange,
@@ -22,35 +44,38 @@ function SeparatedInputControls({
   type,
   values
 }) {
-  // Filter sides if custom configuration provided, maintaining default order.
-  const filteredSides = sides?.length ? _utils.ALL_SIDES.filter(side => sides.includes(side)) : _utils.ALL_SIDES;
-  const createHandleOnChange = side => next => {
-    // Encode the existing value into the preset value if the passed in value matches the value of one of the spacingSizes.
+  const filteredSides = sides?.length ? import_utils.ALL_SIDES.filter((side) => sides.includes(side)) : import_utils.ALL_SIDES;
+  const createHandleOnChange = (side) => (next) => {
     const nextValues = {
       ...Object.keys(values).reduce((acc, key) => {
-        acc[key] = (0, _utils.getPresetValueFromCustomValue)(values[key], spacingSizes);
+        acc[key] = (0, import_utils.getPresetValueFromCustomValue)(
+          values[key],
+          spacingSizes
+        );
         return acc;
       }, {})
     };
     nextValues[side] = next;
     onChange(nextValues);
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: filteredSides.map(side => {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_spacingInputControl.default, {
-        icon: _utils.ICONS[side],
-        label: _utils.LABELS[side],
-        minimumCustomValue: minimumCustomValue,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: filteredSides.map((side) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_spacing_input_control.default,
+      {
+        icon: import_utils.ICONS[side],
+        label: import_utils.LABELS[side],
+        minimumCustomValue,
         onChange: createHandleOnChange(side),
-        onMouseOut: onMouseOut,
-        onMouseOver: onMouseOver,
-        side: side,
-        spacingSizes: spacingSizes,
-        type: type,
+        onMouseOut,
+        onMouseOver,
+        side,
+        spacingSizes,
+        type,
         value: values[side],
         withInputField: false
-      }, `spacing-sizes-control-${side}`);
-    })
-  });
+      },
+      `spacing-sizes-control-${side}`
+    );
+  }) });
 }
-//# sourceMappingURL=separated.js.map
+//# sourceMappingURL=separated.js.map

package/build/components/spacing-sizes-control/input-controls/separated.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_spacingInputControl","_interopRequireDefault","require","_utils","_jsxRuntime","SeparatedInputControls","minimumCustomValue","onChange","onMouseOut","onMouseOver","sides","spacingSizes","type","values","filteredSides","length","ALL_SIDES","filter","side","includes","createHandleOnChange","next","nextValues","Object","keys","reduce","acc","key","getPresetValueFromCustomValue","jsx","Fragment","children","map","default","icon","ICONS","label","LABELS","value","withInputField"],"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/input-controls/separated.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport SpacingInputControl from './spacing-input-control';\nimport {\n\tALL_SIDES,\n\tLABELS,\n\tICONS,\n\tgetPresetValueFromCustomValue,\n} from '../utils';\n\nexport default function SeparatedInputControls( {\n\tminimumCustomValue,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tsides,\n\tspacingSizes,\n\ttype,\n\tvalues,\n} ) {\n\t// Filter sides if custom configuration provided, maintaining default order.\n\tconst filteredSides = sides?.length\n\t\t? ALL_SIDES.filter( ( side ) => sides.includes( side ) )\n\t\t: ALL_SIDES;\n\n\tconst createHandleOnChange = ( side ) => ( next ) => {\n\t\t// Encode the existing value into the preset value if the passed in value matches the value of one of the spacingSizes.\n\t\tconst nextValues = {\n\t\t\t...Object.keys( values ).reduce( ( acc, key ) => {\n\t\t\t\tacc[ key ] = getPresetValueFromCustomValue(\n\t\t\t\t\tvalues[ key ],\n\t\t\t\t\tspacingSizes\n\t\t\t\t);\n\t\t\t\treturn acc;\n\t\t\t}, {} ),\n\t\t};\n\n\t\tnextValues[ side ] = next;\n\n\t\tonChange( nextValues );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{ filteredSides.map( ( side ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<SpacingInputControl\n\t\t\t\t\t\tkey={ `spacing-sizes-control-${ side }` }\n\t\t\t\t\t\ticon={ ICONS[ side ] }\n\t\t\t\t\t\tlabel={ LABELS[ side ] }\n\t\t\t\t\t\tminimumCustomValue={ minimumCustomValue }\n\t\t\t\t\t\tonChange={ createHandleOnChange( side ) }\n\t\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\t\tside={ side }\n\t\t\t\t\t\tspacingSizes={ spacingSizes }\n\t\t\t\t\t\ttype={ type }\n\t\t\t\t\t\tvalue={ values[ side ] }\n\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,oBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAKkB,IAAAE,WAAA,GAAAF,OAAA;AATlB;AACA;AACA;;AASe,SAASG,sBAAsBA,CAAE;EAC/CC,kBAAkB;EAClBC,QAAQ;EACRC,UAAU;EACVC,WAAW;EACXC,KAAK;EACLC,YAAY;EACZC,IAAI;EACJC;AACD,CAAC,EAAG;EACH;EACA,MAAMC,aAAa,GAAGJ,KAAK,EAAEK,MAAM,GAChCC,gBAAS,CAACC,MAAM,CAAIC,IAAI,IAAMR,KAAK,CAACS,QAAQ,CAAED,IAAK,CAAE,CAAC,GACtDF,gBAAS;EAEZ,MAAMI,oBAAoB,GAAKF,IAAI,IAAQG,IAAI,IAAM;IACpD;IACA,MAAMC,UAAU,GAAG;MAClB,GAAGC,MAAM,CAACC,IAAI,CAAEX,MAAO,CAAC,CAACY,MAAM,CAAE,CAAEC,GAAG,EAAEC,GAAG,KAAM;QAChDD,GAAG,CAAEC,GAAG,CAAE,GAAG,IAAAC,oCAA6B,EACzCf,MAAM,CAAEc,GAAG,CAAE,EACbhB,YACD,CAAC;QACD,OAAOe,GAAG;MACX,CAAC,EAAE,CAAC,CAAE;IACP,CAAC;IAEDJ,UAAU,CAAEJ,IAAI,CAAE,GAAGG,IAAI;IAEzBd,QAAQ,CAAEe,UAAW,CAAC;EACvB,CAAC;EAED,oBACC,IAAAlB,WAAA,CAAAyB,GAAA,EAAAzB,WAAA,CAAA0B,QAAA;IAAAC,QAAA,EACGjB,aAAa,CAACkB,GAAG,CAAId,IAAI,IAAM;MAChC,oBACC,IAAAd,WAAA,CAAAyB,GAAA,EAAC7B,oBAAA,CAAAiC,OAAmB;QAEnBC,IAAI,EAAGC,YAAK,CAAEjB,IAAI,CAAI;QACtBkB,KAAK,EAAGC,aAAM,CAAEnB,IAAI,CAAI;QACxBZ,kBAAkB,EAAGA,kBAAoB;QACzCC,QAAQ,EAAGa,oBAAoB,CAAEF,IAAK,CAAG;QACzCV,UAAU,EAAGA,UAAY;QACzBC,WAAW,EAAGA,WAAa;QAC3BS,IAAI,EAAGA,IAAM;QACbP,YAAY,EAAGA,YAAc;QAC7BC,IAAI,EAAGA,IAAM;QACb0B,KAAK,EAAGzB,MAAM,CAAEK,IAAI,CAAI;QACxBqB,cAAc,EAAG;MAAO,GAXlB,yBAA0BrB,IAAI,EAYpC,CAAC;IAEJ,CAAE;EAAC,CACF,CAAC;AAEL","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/spacing-sizes-control/input-controls/separated.js"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport SpacingInputControl from './spacing-input-control';\nimport {\n\tALL_SIDES,\n\tLABELS,\n\tICONS,\n\tgetPresetValueFromCustomValue,\n} from '../utils';\n\nexport default function SeparatedInputControls( {\n\tminimumCustomValue,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tsides,\n\tspacingSizes,\n\ttype,\n\tvalues,\n} ) {\n\t// Filter sides if custom configuration provided, maintaining default order.\n\tconst filteredSides = sides?.length\n\t\t? ALL_SIDES.filter( ( side ) => sides.includes( side ) )\n\t\t: ALL_SIDES;\n\n\tconst createHandleOnChange = ( side ) => ( next ) => {\n\t\t// Encode the existing value into the preset value if the passed in value matches the value of one of the spacingSizes.\n\t\tconst nextValues = {\n\t\t\t...Object.keys( values ).reduce( ( acc, key ) => {\n\t\t\t\tacc[ key ] = getPresetValueFromCustomValue(\n\t\t\t\t\tvalues[ key ],\n\t\t\t\t\tspacingSizes\n\t\t\t\t);\n\t\t\t\treturn acc;\n\t\t\t}, {} ),\n\t\t};\n\n\t\tnextValues[ side ] = next;\n\n\t\tonChange( nextValues );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{ filteredSides.map( ( side ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<SpacingInputControl\n\t\t\t\t\t\tkey={ `spacing-sizes-control-${ side }` }\n\t\t\t\t\t\ticon={ ICONS[ side ] }\n\t\t\t\t\t\tlabel={ LABELS[ side ] }\n\t\t\t\t\t\tminimumCustomValue={ minimumCustomValue }\n\t\t\t\t\t\tonChange={ createHandleOnChange( side ) }\n\t\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\t\tside={ side }\n\t\t\t\t\t\tspacingSizes={ spacingSizes }\n\t\t\t\t\t\ttype={ type }\n\t\t\t\t\t\tvalue={ values[ side ] }\n\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4CE;AAzCF,mCAAgC;AAChC,mBAKO;AAEQ,SAAR,uBAAyC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AAEH,QAAM,gBAAgB,OAAO,SAC1B,uBAAU,OAAQ,CAAE,SAAU,MAAM,SAAU,IAAK,CAAE,IACrD;AAEH,QAAM,uBAAuB,CAAE,SAAU,CAAE,SAAU;AAEpD,UAAM,aAAa;AAAA,MAClB,GAAG,OAAO,KAAM,MAAO,EAAE,OAAQ,CAAE,KAAK,QAAS;AAChD,YAAK,GAAI,QAAI;AAAA,UACZ,OAAQ,GAAI;AAAA,UACZ;AAAA,QACD;AACA,eAAO;AAAA,MACR,GAAG,CAAC,CAAE;AAAA,IACP;AAEA,eAAY,IAAK,IAAI;AAErB,aAAU,UAAW;AAAA,EACtB;AAEA,SACC,2EACG,wBAAc,IAAK,CAAE,SAAU;AAChC,WACC;AAAA,MAAC,6BAAAA;AAAA,MAAA;AAAA,QAEA,MAAO,mBAAO,IAAK;AAAA,QACnB,OAAQ,oBAAQ,IAAK;AAAA,QACrB;AAAA,QACA,UAAW,qBAAsB,IAAK;AAAA,QACtC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAQ,OAAQ,IAAK;AAAA,QACrB,gBAAiB;AAAA;AAAA,MAXX,yBAA0B,IAAK;AAAA,IAYtC;AAAA,EAEF,CAAE,GACH;AAEF;",
+  "names": ["SpacingInputControl"]
+}