@wordpress/components 30.5.1-next.f56bd8138.0 → 30.6.1-next.b8c8708f3.0

package/build-module/border-box-control/border-box-control/component.js

@@ -1,23 +1,16 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { useMemo, useState } from '@wordpress/element';
-import { useMergeRefs } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
-import BorderBoxControlLinkedButton from '../border-box-control-linked-button';
-import BorderBoxControlSplitControls from '../border-box-control-split-controls';
-import { BorderControl } from '../../border-control';
-import { StyledLabel } from '../../base-control/styles/base-control-styles';
-import { View } from '../../view';
-import { VisuallyHidden } from '../../visually-hidden';
-import { contextConnect } from '../../context';
-import { useBorderBoxControl } from './hook';
+import { __ } from "@wordpress/i18n";
+import { useMemo, useState } from "@wordpress/element";
+import { useMergeRefs } from "@wordpress/compose";
+import BorderBoxControlLinkedButton from "../border-box-control-linked-button";
+import BorderBoxControlSplitControls from "../border-box-control-split-controls";
+import { BorderControl } from "../../border-control";
+import { StyledLabel } from "../../base-control/styles/base-control-styles";
+import { View } from "../../view";
+import { VisuallyHidden } from "../../visually-hidden";
+import { contextConnect } from "../../context";
+import { useBorderBoxControl } from "./hook";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const BorderLabel = props => {
+const BorderLabel = (props) => {
   const {
     label,
     hideLabelFromVision
@@ -25,10 +18,10 @@ const BorderLabel = props => {
   if (!label) {
     return null;
   }
-  return hideLabelFromVision ? /*#__PURE__*/_jsx(VisuallyHidden, {
+  return hideLabelFromVision ? /* @__PURE__ */ _jsx(VisuallyHidden, {
     as: "label",
     children: label
-  }) : /*#__PURE__*/_jsx(StyledLabel, {
+  }) : /* @__PURE__ */ _jsx(StyledLabel, {
     children: label
   });
 };
@@ -57,105 +50,63 @@ const UnconnectedBorderBoxControl = (props, forwardedRef) => {
     __experimentalIsRenderedInSidebar,
     ...otherProps
   } = useBorderBoxControl(props);
-
-  // Use internal state instead of a ref to make sure that the component
-  // re-renders when the popover's anchor updates.
   const [popoverAnchor, setPopoverAnchor] = useState(null);
-
-  // Memoize popoverProps to avoid returning a new object every time.
   const popoverProps = useMemo(() => popoverPlacement ? {
     placement: popoverPlacement,
     offset: popoverOffset,
     anchor: popoverAnchor,
     shift: true
-  } : undefined, [popoverPlacement, popoverOffset, popoverAnchor]);
+  } : void 0, [popoverPlacement, popoverOffset, popoverAnchor]);
   const mergedRef = useMergeRefs([setPopoverAnchor, forwardedRef]);
-  return /*#__PURE__*/_jsxs(View, {
-    className: className,
+  return /* @__PURE__ */ _jsxs(View, {
+    className,
     ...otherProps,
     ref: mergedRef,
-    children: [/*#__PURE__*/_jsx(BorderLabel, {
-      label: label,
-      hideLabelFromVision: hideLabelFromVision
-    }), /*#__PURE__*/_jsxs(View, {
+    children: [/* @__PURE__ */ _jsx(BorderLabel, {
+      label,
+      hideLabelFromVision
+    }), /* @__PURE__ */ _jsxs(View, {
       className: wrapperClassName,
-      children: [isLinked ? /*#__PURE__*/_jsx(BorderControl, {
+      children: [isLinked ? /* @__PURE__ */ _jsx(BorderControl, {
         className: linkedControlClassName,
-        colors: colors,
-        disableUnits: disableUnits,
-        disableCustomColors: disableCustomColors,
-        enableAlpha: enableAlpha,
-        enableStyle: enableStyle,
+        colors,
+        disableUnits,
+        disableCustomColors,
+        enableAlpha,
+        enableStyle,
         onChange: onLinkedChange,
-        placeholder: hasMixedBorders ? __('Mixed') : undefined,
+        placeholder: hasMixedBorders ? __("Mixed") : void 0,
         __unstablePopoverProps: popoverProps,
-        shouldSanitizeBorder: false // This component will handle that.
-        ,
+        shouldSanitizeBorder: false,
         value: linkedValue,
         withSlider: true,
-        width: size === '__unstable-large' ? '116px' : '110px',
-        __experimentalIsRenderedInSidebar: __experimentalIsRenderedInSidebar,
+        width: size === "__unstable-large" ? "116px" : "110px",
+        __experimentalIsRenderedInSidebar,
         __shouldNotWarnDeprecated36pxSize: true,
-        size: size
-      }) : /*#__PURE__*/_jsx(BorderBoxControlSplitControls, {
-        colors: colors,
-        disableCustomColors: disableCustomColors,
-        enableAlpha: enableAlpha,
-        enableStyle: enableStyle,
+        size
+      }) : /* @__PURE__ */ _jsx(BorderBoxControlSplitControls, {
+        colors,
+        disableCustomColors,
+        enableAlpha,
+        enableStyle,
         onChange: onSplitChange,
-        popoverPlacement: popoverPlacement,
-        popoverOffset: popoverOffset,
+        popoverPlacement,
+        popoverOffset,
         value: splitValue,
-        __experimentalIsRenderedInSidebar: __experimentalIsRenderedInSidebar,
-        size: size
-      }), /*#__PURE__*/_jsx(BorderBoxControlLinkedButton, {
+        __experimentalIsRenderedInSidebar,
+        size
+      }), /* @__PURE__ */ _jsx(BorderBoxControlLinkedButton, {
         onClick: toggleLinked,
-        isLinked: isLinked,
-        size: size
+        isLinked,
+        size
       })]
     })]
   });
 };
-
-/**
- * An input control for the color, style, and width of the border of a box. The
- * border can be customized as a whole, or individually for each side of the box.
- *
- * ```jsx
- * import { BorderBoxControl } from '@wordpress/components';
- * import { __ } from '@wordpress/i18n';
- *
- * const colors = [
- * 	{ name: 'Blue 20', color: '#72aee6' },
- * 	// ...
- * ];
- *
- * const MyBorderBoxControl = () => {
- * 	const defaultBorder = {
- * 		color: '#72aee6',
- * 		style: 'dashed',
- * 		width: '1px',
- * 	};
- * 	const [ borders, setBorders ] = useState( {
- * 		top: defaultBorder,
- * 		right: defaultBorder,
- * 		bottom: defaultBorder,
- * 		left: defaultBorder,
- * 	} );
- * 	const onChange = ( newBorders ) => setBorders( newBorders );
- *
- * 	return (
- * 		<BorderBoxControl
- * 			__next40pxDefaultSize
- * 			colors={ colors }
- * 			label={ __( 'Borders' ) }
- * 			onChange={ onChange }
- * 			value={ borders }
- * 		/>
- * 	);
- * };
- * ```
- */
-export const BorderBoxControl = contextConnect(UnconnectedBorderBoxControl, 'BorderBoxControl');
-export default BorderBoxControl;
-//# sourceMappingURL=component.js.map
+const BorderBoxControl = contextConnect(UnconnectedBorderBoxControl, "BorderBoxControl");
+var component_default = BorderBoxControl;
+export {
+  BorderBoxControl,
+  component_default as default
+};
+//# sourceMappingURL=component.js.map

package/build-module/border-box-control/border-box-control/component.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["__","useMemo","useState","useMergeRefs","BorderBoxControlLinkedButton","BorderBoxControlSplitControls","BorderControl","StyledLabel","View","VisuallyHidden","contextConnect","useBorderBoxControl","jsx","_jsx","jsxs","_jsxs","BorderLabel","props","label","hideLabelFromVision","as","children","UnconnectedBorderBoxControl","forwardedRef","className","colors","disableCustomColors","disableUnits","enableAlpha","enableStyle","hasMixedBorders","isLinked","linkedControlClassName","linkedValue","onLinkedChange","onSplitChange","popoverPlacement","popoverOffset","size","splitValue","toggleLinked","wrapperClassName","__experimentalIsRenderedInSidebar","otherProps","popoverAnchor","setPopoverAnchor","popoverProps","placement","offset","anchor","shift","undefined","mergedRef","ref","onChange","placeholder","__unstablePopoverProps","shouldSanitizeBorder","value","withSlider","width","__shouldNotWarnDeprecated36pxSize","onClick","BorderBoxControl"],"sources":["@wordpress/components/src/border-box-control/border-box-control/component.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useMemo, useState } from '@wordpress/element';\nimport { useMergeRefs } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BorderBoxControlLinkedButton from '../border-box-control-linked-button';\nimport BorderBoxControlSplitControls from '../border-box-control-split-controls';\nimport { BorderControl } from '../../border-control';\nimport { StyledLabel } from '../../base-control/styles/base-control-styles';\nimport { View } from '../../view';\nimport { VisuallyHidden } from '../../visually-hidden';\nimport type { WordPressComponentProps } from '../../context';\nimport { contextConnect } from '../../context';\nimport { useBorderBoxControl } from './hook';\n\nimport type { BorderBoxControlProps } from '../types';\nimport type {\n\tLabelProps,\n\tBorderControlProps,\n} from '../../border-control/types';\n\nconst BorderLabel = ( props: LabelProps ) => {\n\tconst { label, hideLabelFromVision } = props;\n\n\tif ( ! label ) {\n\t\treturn null;\n\t}\n\n\treturn hideLabelFromVision ? (\n\t\t<VisuallyHidden as=\"label\">{ label }</VisuallyHidden>\n\t) : (\n\t\t<StyledLabel>{ label }</StyledLabel>\n\t);\n};\n\nconst UnconnectedBorderBoxControl = (\n\tprops: WordPressComponentProps< BorderBoxControlProps, 'div', false >,\n\tforwardedRef: React.ForwardedRef< any >\n) => {\n\tconst {\n\t\tclassName,\n\t\tcolors,\n\t\tdisableCustomColors,\n\t\tdisableUnits,\n\t\tenableAlpha,\n\t\tenableStyle,\n\t\thasMixedBorders,\n\t\thideLabelFromVision,\n\t\tisLinked,\n\t\tlabel,\n\t\tlinkedControlClassName,\n\t\tlinkedValue,\n\t\tonLinkedChange,\n\t\tonSplitChange,\n\t\tpopoverPlacement,\n\t\tpopoverOffset,\n\t\tsize,\n\t\tsplitValue,\n\t\ttoggleLinked,\n\t\twrapperClassName,\n\t\t__experimentalIsRenderedInSidebar,\n\t\t...otherProps\n\t} = useBorderBoxControl( props );\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the popover's anchor updates.\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState< Element | null >(\n\t\tnull\n\t);\n\n\t// Memoize popoverProps to avoid returning a new object every time.\n\tconst popoverProps: BorderControlProps[ '__unstablePopoverProps' ] =\n\t\tuseMemo(\n\t\t\t() =>\n\t\t\t\tpopoverPlacement\n\t\t\t\t\t? {\n\t\t\t\t\t\t\tplacement: popoverPlacement,\n\t\t\t\t\t\t\toffset: popoverOffset,\n\t\t\t\t\t\t\tanchor: popoverAnchor,\n\t\t\t\t\t\t\tshift: true,\n\t\t\t\t\t  }\n\t\t\t\t\t: undefined,\n\t\t\t[ popoverPlacement, popoverOffset, popoverAnchor ]\n\t\t);\n\n\tconst mergedRef = useMergeRefs( [ setPopoverAnchor, forwardedRef ] );\n\treturn (\n\t\t<View className={ className } { ...otherProps } ref={ mergedRef }>\n\t\t\t<BorderLabel\n\t\t\t\tlabel={ label }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t/>\n\t\t\t<View className={ wrapperClassName }>\n\t\t\t\t{ isLinked ? (\n\t\t\t\t\t<BorderControl\n\t\t\t\t\t\tclassName={ linkedControlClassName }\n\t\t\t\t\t\tcolors={ colors }\n\t\t\t\t\t\tdisableUnits={ disableUnits }\n\t\t\t\t\t\tdisableCustomColors={ disableCustomColors }\n\t\t\t\t\t\tenableAlpha={ enableAlpha }\n\t\t\t\t\t\tenableStyle={ enableStyle }\n\t\t\t\t\t\tonChange={ onLinkedChange }\n\t\t\t\t\t\tplaceholder={\n\t\t\t\t\t\t\thasMixedBorders ? __( 'Mixed' ) : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\t__unstablePopoverProps={ popoverProps }\n\t\t\t\t\t\tshouldSanitizeBorder={ false } // This component will handle that.\n\t\t\t\t\t\tvalue={ linkedValue }\n\t\t\t\t\t\twithSlider\n\t\t\t\t\t\twidth={\n\t\t\t\t\t\t\tsize === '__unstable-large' ? '116px' : '110px'\n\t\t\t\t\t\t}\n\t\t\t\t\t\t__experimentalIsRenderedInSidebar={\n\t\t\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t\t\t}\n\t\t\t\t\t\t__shouldNotWarnDeprecated36pxSize\n\t\t\t\t\t\tsize={ size }\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<BorderBoxControlSplitControls\n\t\t\t\t\t\tcolors={ colors }\n\t\t\t\t\t\tdisableCustomColors={ disableCustomColors }\n\t\t\t\t\t\tenableAlpha={ enableAlpha }\n\t\t\t\t\t\tenableStyle={ enableStyle }\n\t\t\t\t\t\tonChange={ onSplitChange }\n\t\t\t\t\t\tpopoverPlacement={ popoverPlacement }\n\t\t\t\t\t\tpopoverOffset={ popoverOffset }\n\t\t\t\t\t\tvalue={ splitValue }\n\t\t\t\t\t\t__experimentalIsRenderedInSidebar={\n\t\t\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsize={ size }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<BorderBoxControlLinkedButton\n\t\t\t\t\tonClick={ toggleLinked }\n\t\t\t\t\tisLinked={ isLinked }\n\t\t\t\t\tsize={ size }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t</View>\n\t);\n};\n\n/**\n * An input control for the color, style, and width of the border of a box. The\n * border can be customized as a whole, or individually for each side of the box.\n *\n * ```jsx\n * import { BorderBoxControl } from '@wordpress/components';\n * import { __ } from '@wordpress/i18n';\n *\n * const colors = [\n * \t{ name: 'Blue 20', color: '#72aee6' },\n * \t// ...\n * ];\n *\n * const MyBorderBoxControl = () => {\n * \tconst defaultBorder = {\n * \t\tcolor: '#72aee6',\n * \t\tstyle: 'dashed',\n * \t\twidth: '1px',\n * \t};\n * \tconst [ borders, setBorders ] = useState( {\n * \t\ttop: defaultBorder,\n * \t\tright: defaultBorder,\n * \t\tbottom: defaultBorder,\n * \t\tleft: defaultBorder,\n * \t} );\n * \tconst onChange = ( newBorders ) => setBorders( newBorders );\n *\n * \treturn (\n * \t\t<BorderBoxControl\n * \t\t\t__next40pxDefaultSize\n * \t\t\tcolors={ colors }\n * \t\t\tlabel={ __( 'Borders' ) }\n * \t\t\tonChange={ onChange }\n * \t\t\tvalue={ borders }\n * \t\t/>\n * \t);\n * };\n * ```\n */\nexport const BorderBoxControl = contextConnect(\n\tUnconnectedBorderBoxControl,\n\t'BorderBoxControl'\n);\n\nexport default BorderBoxControl;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/border-box-control/border-box-control/component.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useMemo, useState } from '@wordpress/element';\nimport { useMergeRefs } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BorderBoxControlLinkedButton from '../border-box-control-linked-button';\nimport BorderBoxControlSplitControls from '../border-box-control-split-controls';\nimport { BorderControl } from '../../border-control';\nimport { StyledLabel } from '../../base-control/styles/base-control-styles';\nimport { View } from '../../view';\nimport { VisuallyHidden } from '../../visually-hidden';\nimport { contextConnect } from '../../context';\nimport { useBorderBoxControl } from './hook';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst BorderLabel = props => {\n  const {\n    label,\n    hideLabelFromVision\n  } = props;\n  if (!label) {\n    return null;\n  }\n  return hideLabelFromVision ? /*#__PURE__*/_jsx(VisuallyHidden, {\n    as: \"label\",\n    children: label\n  }) : /*#__PURE__*/_jsx(StyledLabel, {\n    children: label\n  });\n};\nconst UnconnectedBorderBoxControl = (props, forwardedRef) => {\n  const {\n    className,\n    colors,\n    disableCustomColors,\n    disableUnits,\n    enableAlpha,\n    enableStyle,\n    hasMixedBorders,\n    hideLabelFromVision,\n    isLinked,\n    label,\n    linkedControlClassName,\n    linkedValue,\n    onLinkedChange,\n    onSplitChange,\n    popoverPlacement,\n    popoverOffset,\n    size,\n    splitValue,\n    toggleLinked,\n    wrapperClassName,\n    __experimentalIsRenderedInSidebar,\n    ...otherProps\n  } = useBorderBoxControl(props);\n\n  // Use internal state instead of a ref to make sure that the component\n  // re-renders when the popover's anchor updates.\n  const [popoverAnchor, setPopoverAnchor] = useState(null);\n\n  // Memoize popoverProps to avoid returning a new object every time.\n  const popoverProps = useMemo(() => popoverPlacement ? {\n    placement: popoverPlacement,\n    offset: popoverOffset,\n    anchor: popoverAnchor,\n    shift: true\n  } : undefined, [popoverPlacement, popoverOffset, popoverAnchor]);\n  const mergedRef = useMergeRefs([setPopoverAnchor, forwardedRef]);\n  return /*#__PURE__*/_jsxs(View, {\n    className: className,\n    ...otherProps,\n    ref: mergedRef,\n    children: [/*#__PURE__*/_jsx(BorderLabel, {\n      label: label,\n      hideLabelFromVision: hideLabelFromVision\n    }), /*#__PURE__*/_jsxs(View, {\n      className: wrapperClassName,\n      children: [isLinked ? /*#__PURE__*/_jsx(BorderControl, {\n        className: linkedControlClassName,\n        colors: colors,\n        disableUnits: disableUnits,\n        disableCustomColors: disableCustomColors,\n        enableAlpha: enableAlpha,\n        enableStyle: enableStyle,\n        onChange: onLinkedChange,\n        placeholder: hasMixedBorders ? __('Mixed') : undefined,\n        __unstablePopoverProps: popoverProps,\n        shouldSanitizeBorder: false // This component will handle that.\n        ,\n        value: linkedValue,\n        withSlider: true,\n        width: size === '__unstable-large' ? '116px' : '110px',\n        __experimentalIsRenderedInSidebar: __experimentalIsRenderedInSidebar,\n        __shouldNotWarnDeprecated36pxSize: true,\n        size: size\n      }) : /*#__PURE__*/_jsx(BorderBoxControlSplitControls, {\n        colors: colors,\n        disableCustomColors: disableCustomColors,\n        enableAlpha: enableAlpha,\n        enableStyle: enableStyle,\n        onChange: onSplitChange,\n        popoverPlacement: popoverPlacement,\n        popoverOffset: popoverOffset,\n        value: splitValue,\n        __experimentalIsRenderedInSidebar: __experimentalIsRenderedInSidebar,\n        size: size\n      }), /*#__PURE__*/_jsx(BorderBoxControlLinkedButton, {\n        onClick: toggleLinked,\n        isLinked: isLinked,\n        size: size\n      })]\n    })]\n  });\n};\n\n/**\n * An input control for the color, style, and width of the border of a box. The\n * border can be customized as a whole, or individually for each side of the box.\n *\n * ```jsx\n * import { BorderBoxControl } from '@wordpress/components';\n * import { __ } from '@wordpress/i18n';\n *\n * const colors = [\n * \t{ name: 'Blue 20', color: '#72aee6' },\n * \t// ...\n * ];\n *\n * const MyBorderBoxControl = () => {\n * \tconst defaultBorder = {\n * \t\tcolor: '#72aee6',\n * \t\tstyle: 'dashed',\n * \t\twidth: '1px',\n * \t};\n * \tconst [ borders, setBorders ] = useState( {\n * \t\ttop: defaultBorder,\n * \t\tright: defaultBorder,\n * \t\tbottom: defaultBorder,\n * \t\tleft: defaultBorder,\n * \t} );\n * \tconst onChange = ( newBorders ) => setBorders( newBorders );\n *\n * \treturn (\n * \t\t<BorderBoxControl\n * \t\t\t__next40pxDefaultSize\n * \t\t\tcolors={ colors }\n * \t\t\tlabel={ __( 'Borders' ) }\n * \t\t\tonChange={ onChange }\n * \t\t\tvalue={ borders }\n * \t\t/>\n * \t);\n * };\n * ```\n */\nexport const BorderBoxControl = contextConnect(UnconnectedBorderBoxControl, 'BorderBoxControl');\nexport default BorderBoxControl;"],
+  "mappings": "AAGA,SAAS,UAAU;AACnB,SAAS,SAAS,gBAAgB;AAClC,SAAS,oBAAoB;AAK7B,OAAO,kCAAkC;AACzC,OAAO,mCAAmC;AAC1C,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AACrB,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,2BAA2B;AACpC,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,MAAM,cAAc,WAAS;AAC3B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI;AACJ,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AACA,SAAO,sBAAmC,qBAAK,gBAAgB;AAAA,IAC7D,IAAI;AAAA,IACJ,UAAU;AAAA,EACZ,CAAC,IAAiB,qBAAK,aAAa;AAAA,IAClC,UAAU;AAAA,EACZ,CAAC;AACH;AACA,MAAM,8BAA8B,CAAC,OAAO,iBAAiB;AAC3D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI,oBAAoB,KAAK;AAI7B,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,IAAI;AAGvD,QAAM,eAAe,QAAQ,MAAM,mBAAmB;AAAA,IACpD,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,EACT,IAAI,QAAW,CAAC,kBAAkB,eAAe,aAAa,CAAC;AAC/D,QAAM,YAAY,aAAa,CAAC,kBAAkB,YAAY,CAAC;AAC/D,SAAoB,sBAAM,MAAM;AAAA,IAC9B;AAAA,IACA,GAAG;AAAA,IACH,KAAK;AAAA,IACL,UAAU,CAAc,qBAAK,aAAa;AAAA,MACxC;AAAA,MACA;AAAA,IACF,CAAC,GAAgB,sBAAM,MAAM;AAAA,MAC3B,WAAW;AAAA,MACX,UAAU,CAAC,WAAwB,qBAAK,eAAe;AAAA,QACrD,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV,aAAa,kBAAkB,GAAG,OAAO,IAAI;AAAA,QAC7C,wBAAwB;AAAA,QACxB,sBAAsB;AAAA,QAEtB,OAAO;AAAA,QACP,YAAY;AAAA,QACZ,OAAO,SAAS,qBAAqB,UAAU;AAAA,QAC/C;AAAA,QACA,mCAAmC;AAAA,QACnC;AAAA,MACF,CAAC,IAAiB,qBAAK,+BAA+B;AAAA,QACpD;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP;AAAA,QACA;AAAA,MACF,CAAC,GAAgB,qBAAK,8BAA8B;AAAA,QAClD,SAAS;AAAA,QACT;AAAA,QACA;AAAA,MACF,CAAC,CAAC;AAAA,IACJ,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;AAyCO,MAAM,mBAAmB,eAAe,6BAA6B,kBAAkB;AAC9F,IAAO,oBAAQ;",
+  "names": []
+}

package/build-module/border-box-control/border-box-control/hook.js

@@ -1,58 +1,42 @@
-/**
- * WordPress dependencies
- */
-import { useMemo, useState } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import * as styles from '../styles';
-import { getBorderDiff, getCommonBorder, getSplitBorders, hasMixedBorders, hasSplitBorders, isCompleteBorder, isEmptyBorder } from '../utils';
-import { useContextSystem } from '../../context';
-import { useCx } from '../../utils/hooks/use-cx';
-import { maybeWarnDeprecated36pxSize } from '../../utils/deprecated-36px-size';
-export function useBorderBoxControl(props) {
+import { useMemo, useState } from "@wordpress/element";
+import * as styles from "../styles";
+import { getBorderDiff, getCommonBorder, getSplitBorders, hasMixedBorders, hasSplitBorders, isCompleteBorder, isEmptyBorder } from "../utils";
+import { useContextSystem } from "../../context";
+import { useCx } from "../../utils/hooks/use-cx";
+import { maybeWarnDeprecated36pxSize } from "../../utils/deprecated-36px-size";
+function useBorderBoxControl(props) {
   const {
     className,
     colors = [],
     onChange,
     enableAlpha = false,
     enableStyle = true,
-    size = 'default',
+    size = "default",
     value,
     __experimentalIsRenderedInSidebar = false,
     __next40pxDefaultSize,
     ...otherProps
-  } = useContextSystem(props, 'BorderBoxControl');
+  } = useContextSystem(props, "BorderBoxControl");
   maybeWarnDeprecated36pxSize({
-    componentName: 'BorderBoxControl',
+    componentName: "BorderBoxControl",
     __next40pxDefaultSize,
     size
   });
-  const computedSize = size === 'default' && __next40pxDefaultSize ? '__unstable-large' : size;
+  const computedSize = size === "default" && __next40pxDefaultSize ? "__unstable-large" : size;
   const mixedBorders = hasMixedBorders(value);
   const splitBorders = hasSplitBorders(value);
   const linkedValue = splitBorders ? getCommonBorder(value) : value;
   const splitValue = splitBorders ? value : getSplitBorders(value);
-
-  // If no numeric width value is set, the unit select will be disabled.
   const hasWidthValue = !isNaN(parseFloat(`${linkedValue?.width}`));
   const [isLinked, setIsLinked] = useState(!mixedBorders);
   const toggleLinked = () => setIsLinked(!isLinked);
-  const onLinkedChange = newBorder => {
+  const onLinkedChange = (newBorder) => {
     if (!newBorder) {
-      return onChange(undefined);
+      return onChange(void 0);
     }
-
-    // If we have all props defined on the new border apply it.
     if (!mixedBorders || isCompleteBorder(newBorder)) {
-      return onChange(isEmptyBorder(newBorder) ? undefined : newBorder);
+      return onChange(isEmptyBorder(newBorder) ? void 0 : newBorder);
     }
-
-    // If we had mixed borders we might have had some shared border props
-    // that we need to maintain. For example; we could have mixed borders
-    // with all the same color but different widths. Then from the linked
-    // control we change the color. We should keep the separate  widths.
     const changes = getBorderDiff(linkedValue, newBorder);
     const updatedBorders = {
       top: {
@@ -75,7 +59,7 @@ export function useBorderBoxControl(props) {
     if (hasMixedBorders(updatedBorders)) {
       return onChange(updatedBorders);
     }
-    const filteredResult = isEmptyBorder(updatedBorders.top) ? undefined : updatedBorders.top;
+    const filteredResult = isEmptyBorder(updatedBorders.top) ? void 0 : updatedBorders.top;
     onChange(filteredResult);
   };
   const onSplitChange = (newBorder, side) => {
@@ -119,4 +103,7 @@ export function useBorderBoxControl(props) {
     __experimentalIsRenderedInSidebar
   };
 }
-//# sourceMappingURL=hook.js.map
+export {
+  useBorderBoxControl
+};
+//# sourceMappingURL=hook.js.map

package/build-module/border-box-control/border-box-control/hook.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useMemo","useState","styles","getBorderDiff","getCommonBorder","getSplitBorders","hasMixedBorders","hasSplitBorders","isCompleteBorder","isEmptyBorder","useContextSystem","useCx","maybeWarnDeprecated36pxSize","useBorderBoxControl","props","className","colors","onChange","enableAlpha","enableStyle","size","value","__experimentalIsRenderedInSidebar","__next40pxDefaultSize","otherProps","componentName","computedSize","mixedBorders","splitBorders","linkedValue","splitValue","hasWidthValue","isNaN","parseFloat","width","isLinked","setIsLinked","toggleLinked","onLinkedChange","newBorder","undefined","changes","updatedBorders","top","right","bottom","left","filteredResult","onSplitChange","side","cx","classes","borderBoxControl","linkedControlClassName","linkedBorderControl","wrapperClassName","wrapper","disableUnits"],"sources":["@wordpress/components/src/border-box-control/border-box-control/hook.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo, useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport * as styles from '../styles';\nimport {\n\tgetBorderDiff,\n\tgetCommonBorder,\n\tgetSplitBorders,\n\thasMixedBorders,\n\thasSplitBorders,\n\tisCompleteBorder,\n\tisEmptyBorder,\n} from '../utils';\nimport type { WordPressComponentProps } from '../../context';\nimport { useContextSystem } from '../../context';\nimport { useCx } from '../../utils/hooks/use-cx';\nimport { maybeWarnDeprecated36pxSize } from '../../utils/deprecated-36px-size';\n\nimport type { Border } from '../../border-control/types';\nimport type { Borders, BorderSide, BorderBoxControlProps } from '../types';\n\nexport function useBorderBoxControl(\n\tprops: WordPressComponentProps< BorderBoxControlProps, 'div' >\n) {\n\tconst {\n\t\tclassName,\n\t\tcolors = [],\n\t\tonChange,\n\t\tenableAlpha = false,\n\t\tenableStyle = true,\n\t\tsize = 'default',\n\t\tvalue,\n\t\t__experimentalIsRenderedInSidebar = false,\n\t\t__next40pxDefaultSize,\n\t\t...otherProps\n\t} = useContextSystem( props, 'BorderBoxControl' );\n\n\tmaybeWarnDeprecated36pxSize( {\n\t\tcomponentName: 'BorderBoxControl',\n\t\t__next40pxDefaultSize,\n\t\tsize,\n\t} );\n\n\tconst computedSize =\n\t\tsize === 'default' && __next40pxDefaultSize ? '__unstable-large' : size;\n\n\tconst mixedBorders = hasMixedBorders( value );\n\tconst splitBorders = hasSplitBorders( value );\n\n\tconst linkedValue = splitBorders\n\t\t? getCommonBorder( value as Borders | undefined )\n\t\t: ( value as Border );\n\n\tconst splitValue = splitBorders\n\t\t? ( value as Borders )\n\t\t: getSplitBorders( value as Border | undefined );\n\n\t// If no numeric width value is set, the unit select will be disabled.\n\tconst hasWidthValue = ! isNaN( parseFloat( `${ linkedValue?.width }` ) );\n\n\tconst [ isLinked, setIsLinked ] = useState( ! mixedBorders );\n\tconst toggleLinked = () => setIsLinked( ! isLinked );\n\n\tconst onLinkedChange = ( newBorder?: Border ) => {\n\t\tif ( ! newBorder ) {\n\t\t\treturn onChange( undefined );\n\t\t}\n\n\t\t// If we have all props defined on the new border apply it.\n\t\tif ( ! mixedBorders || isCompleteBorder( newBorder ) ) {\n\t\t\treturn onChange(\n\t\t\t\tisEmptyBorder( newBorder ) ? undefined : newBorder\n\t\t\t);\n\t\t}\n\n\t\t// If we had mixed borders we might have had some shared border props\n\t\t// that we need to maintain. For example; we could have mixed borders\n\t\t// with all the same color but different widths. Then from the linked\n\t\t// control we change the color. We should keep the separate  widths.\n\t\tconst changes = getBorderDiff(\n\t\t\tlinkedValue as Border,\n\t\t\tnewBorder as Border\n\t\t);\n\t\tconst updatedBorders = {\n\t\t\ttop: { ...( value as Borders )?.top, ...changes },\n\t\t\tright: { ...( value as Borders )?.right, ...changes },\n\t\t\tbottom: { ...( value as Borders )?.bottom, ...changes },\n\t\t\tleft: { ...( value as Borders )?.left, ...changes },\n\t\t};\n\n\t\tif ( hasMixedBorders( updatedBorders ) ) {\n\t\t\treturn onChange( updatedBorders );\n\t\t}\n\n\t\tconst filteredResult = isEmptyBorder( updatedBorders.top )\n\t\t\t? undefined\n\t\t\t: updatedBorders.top;\n\n\t\tonChange( filteredResult );\n\t};\n\n\tconst onSplitChange = (\n\t\tnewBorder: Border | undefined,\n\t\tside: BorderSide\n\t) => {\n\t\tconst updatedBorders = { ...splitValue, [ side ]: newBorder };\n\n\t\tif ( hasMixedBorders( updatedBorders ) ) {\n\t\t\tonChange( updatedBorders );\n\t\t} else {\n\t\t\tonChange( newBorder );\n\t\t}\n\t};\n\n\tconst cx = useCx();\n\tconst classes = useMemo( () => {\n\t\treturn cx( styles.borderBoxControl, className );\n\t}, [ cx, className ] );\n\n\tconst linkedControlClassName = useMemo( () => {\n\t\treturn cx( styles.linkedBorderControl() );\n\t}, [ cx ] );\n\n\tconst wrapperClassName = useMemo( () => {\n\t\treturn cx( styles.wrapper );\n\t}, [ cx ] );\n\n\treturn {\n\t\t...otherProps,\n\t\tclassName: classes,\n\t\tcolors,\n\t\tdisableUnits: mixedBorders && ! hasWidthValue,\n\t\tenableAlpha,\n\t\tenableStyle,\n\t\thasMixedBorders: mixedBorders,\n\t\tisLinked,\n\t\tlinkedControlClassName,\n\t\tonLinkedChange,\n\t\tonSplitChange,\n\t\ttoggleLinked,\n\t\tlinkedValue,\n\t\tsize: computedSize,\n\t\tsplitValue,\n\t\twrapperClassName,\n\t\t__experimentalIsRenderedInSidebar,\n\t};\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/border-box-control/border-box-control/hook.ts"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useMemo, useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport * as styles from '../styles';\nimport { getBorderDiff, getCommonBorder, getSplitBorders, hasMixedBorders, hasSplitBorders, isCompleteBorder, isEmptyBorder } from '../utils';\nimport { useContextSystem } from '../../context';\nimport { useCx } from '../../utils/hooks/use-cx';\nimport { maybeWarnDeprecated36pxSize } from '../../utils/deprecated-36px-size';\nexport function useBorderBoxControl(props) {\n  const {\n    className,\n    colors = [],\n    onChange,\n    enableAlpha = false,\n    enableStyle = true,\n    size = 'default',\n    value,\n    __experimentalIsRenderedInSidebar = false,\n    __next40pxDefaultSize,\n    ...otherProps\n  } = useContextSystem(props, 'BorderBoxControl');\n  maybeWarnDeprecated36pxSize({\n    componentName: 'BorderBoxControl',\n    __next40pxDefaultSize,\n    size\n  });\n  const computedSize = size === 'default' && __next40pxDefaultSize ? '__unstable-large' : size;\n  const mixedBorders = hasMixedBorders(value);\n  const splitBorders = hasSplitBorders(value);\n  const linkedValue = splitBorders ? getCommonBorder(value) : value;\n  const splitValue = splitBorders ? value : getSplitBorders(value);\n\n  // If no numeric width value is set, the unit select will be disabled.\n  const hasWidthValue = !isNaN(parseFloat(`${linkedValue?.width}`));\n  const [isLinked, setIsLinked] = useState(!mixedBorders);\n  const toggleLinked = () => setIsLinked(!isLinked);\n  const onLinkedChange = newBorder => {\n    if (!newBorder) {\n      return onChange(undefined);\n    }\n\n    // If we have all props defined on the new border apply it.\n    if (!mixedBorders || isCompleteBorder(newBorder)) {\n      return onChange(isEmptyBorder(newBorder) ? undefined : newBorder);\n    }\n\n    // If we had mixed borders we might have had some shared border props\n    // that we need to maintain. For example; we could have mixed borders\n    // with all the same color but different widths. Then from the linked\n    // control we change the color. We should keep the separate  widths.\n    const changes = getBorderDiff(linkedValue, newBorder);\n    const updatedBorders = {\n      top: {\n        ...value?.top,\n        ...changes\n      },\n      right: {\n        ...value?.right,\n        ...changes\n      },\n      bottom: {\n        ...value?.bottom,\n        ...changes\n      },\n      left: {\n        ...value?.left,\n        ...changes\n      }\n    };\n    if (hasMixedBorders(updatedBorders)) {\n      return onChange(updatedBorders);\n    }\n    const filteredResult = isEmptyBorder(updatedBorders.top) ? undefined : updatedBorders.top;\n    onChange(filteredResult);\n  };\n  const onSplitChange = (newBorder, side) => {\n    const updatedBorders = {\n      ...splitValue,\n      [side]: newBorder\n    };\n    if (hasMixedBorders(updatedBorders)) {\n      onChange(updatedBorders);\n    } else {\n      onChange(newBorder);\n    }\n  };\n  const cx = useCx();\n  const classes = useMemo(() => {\n    return cx(styles.borderBoxControl, className);\n  }, [cx, className]);\n  const linkedControlClassName = useMemo(() => {\n    return cx(styles.linkedBorderControl());\n  }, [cx]);\n  const wrapperClassName = useMemo(() => {\n    return cx(styles.wrapper);\n  }, [cx]);\n  return {\n    ...otherProps,\n    className: classes,\n    colors,\n    disableUnits: mixedBorders && !hasWidthValue,\n    enableAlpha,\n    enableStyle,\n    hasMixedBorders: mixedBorders,\n    isLinked,\n    linkedControlClassName,\n    onLinkedChange,\n    onSplitChange,\n    toggleLinked,\n    linkedValue,\n    size: computedSize,\n    splitValue,\n    wrapperClassName,\n    __experimentalIsRenderedInSidebar\n  };\n}"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/border-box-control/border-box-control/index.js

@@ -1,3 +1,7 @@
-export { default as BorderBoxControl } from './component';
-export { useBorderBoxControl } from './hook';
-//# sourceMappingURL=index.js.map
+import { default as default2 } from "./component";
+import { useBorderBoxControl } from "./hook";
+export {
+  default2 as BorderBoxControl,
+  useBorderBoxControl
+};
+//# sourceMappingURL=index.js.map

package/build-module/border-box-control/border-box-control/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["default","BorderBoxControl","useBorderBoxControl"],"sources":["@wordpress/components/src/border-box-control/border-box-control/index.ts"],"sourcesContent":["export { default as BorderBoxControl } from './component';\nexport { useBorderBoxControl } from './hook';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,gBAAgB,QAAQ,aAAa;AACzD,SAASC,mBAAmB,QAAQ,QAAQ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/border-box-control/border-box-control/index.ts"],
+  "sourcesContent": ["export { default as BorderBoxControl } from './component';\nexport { useBorderBoxControl } from './hook';"],
+  "mappings": "AAAA,SAAoB,WAAXA,gBAAmC;AAC5C,SAAS,2BAA2B;",
+  "names": ["default"]
+}

package/build-module/border-box-control/border-box-control-linked-button/component.js

@@ -1,15 +1,8 @@
-/**
- * WordPress dependencies
- */
-import { link, linkOff } from '@wordpress/icons';
-import { __ } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import Button from '../../button';
-import { contextConnect } from '../../context';
-import { useBorderBoxControlLinkedButton } from './hook';
+import { link, linkOff } from "@wordpress/icons";
+import { __ } from "@wordpress/i18n";
+import Button from "../../button";
+import { contextConnect } from "../../context";
+import { useBorderBoxControlLinkedButton } from "./hook";
 import { jsx as _jsx } from "react/jsx-runtime";
 const BorderBoxControlLinkedButton = (props, forwardedRef) => {
   const {
@@ -17,17 +10,20 @@ const BorderBoxControlLinkedButton = (props, forwardedRef) => {
     isLinked,
     ...buttonProps
   } = useBorderBoxControlLinkedButton(props);
-  const label = isLinked ? __('Unlink sides') : __('Link sides');
-  return /*#__PURE__*/_jsx(Button, {
+  const label = isLinked ? __("Unlink sides") : __("Link sides");
+  return /* @__PURE__ */ _jsx(Button, {
     ...buttonProps,
     size: "small",
     icon: isLinked ? link : linkOff,
     iconSize: 24,
-    label: label,
+    label,
     ref: forwardedRef,
-    className: className
+    className
   });
 };
-const ConnectedBorderBoxControlLinkedButton = contextConnect(BorderBoxControlLinkedButton, 'BorderBoxControlLinkedButton');
-export default ConnectedBorderBoxControlLinkedButton;
-//# sourceMappingURL=component.js.map
+const ConnectedBorderBoxControlLinkedButton = contextConnect(BorderBoxControlLinkedButton, "BorderBoxControlLinkedButton");
+var component_default = ConnectedBorderBoxControlLinkedButton;
+export {
+  component_default as default
+};
+//# sourceMappingURL=component.js.map

package/build-module/border-box-control/border-box-control-linked-button/component.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["link","linkOff","__","Button","contextConnect","useBorderBoxControlLinkedButton","jsx","_jsx","BorderBoxControlLinkedButton","props","forwardedRef","className","isLinked","buttonProps","label","size","icon","iconSize","ref","ConnectedBorderBoxControlLinkedButton"],"sources":["@wordpress/components/src/border-box-control/border-box-control-linked-button/component.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { link, linkOff } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport Button from '../../button';\nimport type { WordPressComponentProps } from '../../context';\nimport { contextConnect } from '../../context';\nimport { useBorderBoxControlLinkedButton } from './hook';\n\nimport type { LinkedButtonProps } from '../types';\n\nconst BorderBoxControlLinkedButton = (\n\tprops: WordPressComponentProps< LinkedButtonProps, 'button' >,\n\tforwardedRef: React.ForwardedRef< any >\n) => {\n\tconst { className, isLinked, ...buttonProps } =\n\t\tuseBorderBoxControlLinkedButton( props );\n\tconst label = isLinked ? __( 'Unlink sides' ) : __( 'Link sides' );\n\n\treturn (\n\t\t<Button\n\t\t\t{ ...buttonProps }\n\t\t\tsize=\"small\"\n\t\t\ticon={ isLinked ? link : linkOff }\n\t\t\ticonSize={ 24 }\n\t\t\tlabel={ label }\n\t\t\tref={ forwardedRef }\n\t\t\tclassName={ className }\n\t\t/>\n\t);\n};\n\nconst ConnectedBorderBoxControlLinkedButton = contextConnect(\n\tBorderBoxControlLinkedButton,\n\t'BorderBoxControlLinkedButton'\n);\nexport default ConnectedBorderBoxControlLinkedButton;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,OAAO,QAAQ,kBAAkB;AAChD,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AAEjC,SAASC,cAAc,QAAQ,eAAe;AAC9C,SAASC,+BAA+B,QAAQ,QAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIzD,MAAMC,4BAA4B,GAAGA,CACpCC,KAA6D,EAC7DC,YAAuC,KACnC;EACJ,MAAM;IAAEC,SAAS;IAAEC,QAAQ;IAAE,GAAGC;EAAY,CAAC,GAC5CR,+BAA+B,CAAEI,KAAM,CAAC;EACzC,MAAMK,KAAK,GAAGF,QAAQ,GAAGV,EAAE,CAAE,cAAe,CAAC,GAAGA,EAAE,CAAE,YAAa,CAAC;EAElE,oBACCK,IAAA,CAACJ,MAAM;IAAA,GACDU,WAAW;IAChBE,IAAI,EAAC,OAAO;IACZC,IAAI,EAAGJ,QAAQ,GAAGZ,IAAI,GAAGC,OAAS;IAClCgB,QAAQ,EAAG,EAAI;IACfH,KAAK,EAAGA,KAAO;IACfI,GAAG,EAAGR,YAAc;IACpBC,SAAS,EAAGA;EAAW,CACvB,CAAC;AAEJ,CAAC;AAED,MAAMQ,qCAAqC,GAAGf,cAAc,CAC3DI,4BAA4B,EAC5B,8BACD,CAAC;AACD,eAAeW,qCAAqC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/border-box-control/border-box-control-linked-button/component.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { link, linkOff } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport Button from '../../button';\nimport { contextConnect } from '../../context';\nimport { useBorderBoxControlLinkedButton } from './hook';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst BorderBoxControlLinkedButton = (props, forwardedRef) => {\n  const {\n    className,\n    isLinked,\n    ...buttonProps\n  } = useBorderBoxControlLinkedButton(props);\n  const label = isLinked ? __('Unlink sides') : __('Link sides');\n  return /*#__PURE__*/_jsx(Button, {\n    ...buttonProps,\n    size: \"small\",\n    icon: isLinked ? link : linkOff,\n    iconSize: 24,\n    label: label,\n    ref: forwardedRef,\n    className: className\n  });\n};\nconst ConnectedBorderBoxControlLinkedButton = contextConnect(BorderBoxControlLinkedButton, 'BorderBoxControlLinkedButton');\nexport default ConnectedBorderBoxControlLinkedButton;"],
+  "mappings": "AAGA,SAAS,MAAM,eAAe;AAC9B,SAAS,UAAU;AAKnB,OAAO,YAAY;AACnB,SAAS,sBAAsB;AAC/B,SAAS,uCAAuC;AAChD,SAAS,OAAO,YAAY;AAC5B,MAAM,+BAA+B,CAAC,OAAO,iBAAiB;AAC5D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI,gCAAgC,KAAK;AACzC,QAAM,QAAQ,WAAW,GAAG,cAAc,IAAI,GAAG,YAAY;AAC7D,SAAoB,qBAAK,QAAQ;AAAA,IAC/B,GAAG;AAAA,IACH,MAAM;AAAA,IACN,MAAM,WAAW,OAAO;AAAA,IACxB,UAAU;AAAA,IACV;AAAA,IACA,KAAK;AAAA,IACL;AAAA,EACF,CAAC;AACH;AACA,MAAM,wCAAwC,eAAe,8BAA8B,8BAA8B;AACzH,IAAO,oBAAQ;",
+  "names": []
+}

package/build-module/border-box-control/border-box-control-linked-button/hook.js

@@ -1,22 +1,13 @@
-/**
- * WordPress dependencies
- */
-import { useMemo } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import * as styles from '../styles';
-import { useContextSystem } from '../../context';
-import { useCx } from '../../utils/hooks/use-cx';
-export function useBorderBoxControlLinkedButton(props) {
+import { useMemo } from "@wordpress/element";
+import * as styles from "../styles";
+import { useContextSystem } from "../../context";
+import { useCx } from "../../utils/hooks/use-cx";
+function useBorderBoxControlLinkedButton(props) {
   const {
     className,
-    size = 'default',
+    size = "default",
     ...otherProps
-  } = useContextSystem(props, 'BorderBoxControlLinkedButton');
-
-  // Generate class names.
+  } = useContextSystem(props, "BorderBoxControlLinkedButton");
   const cx = useCx();
   const classes = useMemo(() => {
     return cx(styles.borderBoxControlLinkedButton(size), className);
@@ -26,4 +17,7 @@ export function useBorderBoxControlLinkedButton(props) {
     className: classes
   };
 }
-//# sourceMappingURL=hook.js.map
+export {
+  useBorderBoxControlLinkedButton
+};
+//# sourceMappingURL=hook.js.map

package/build-module/border-box-control/border-box-control-linked-button/hook.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useMemo","styles","useContextSystem","useCx","useBorderBoxControlLinkedButton","props","className","size","otherProps","cx","classes","borderBoxControlLinkedButton"],"sources":["@wordpress/components/src/border-box-control/border-box-control-linked-button/hook.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport * as styles from '../styles';\nimport type { WordPressComponentProps } from '../../context';\nimport { useContextSystem } from '../../context';\nimport { useCx } from '../../utils/hooks/use-cx';\n\nimport type { LinkedButtonProps } from '../types';\n\nexport function useBorderBoxControlLinkedButton(\n\tprops: WordPressComponentProps< LinkedButtonProps, 'button' >\n) {\n\tconst {\n\t\tclassName,\n\t\tsize = 'default',\n\t\t...otherProps\n\t} = useContextSystem( props, 'BorderBoxControlLinkedButton' );\n\n\t// Generate class names.\n\tconst cx = useCx();\n\tconst classes = useMemo( () => {\n\t\treturn cx( styles.borderBoxControlLinkedButton( size ), className );\n\t}, [ className, cx, size ] );\n\n\treturn { ...otherProps, className: classes };\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,QAAQ,oBAAoB;;AAE5C;AACA;AACA;AACA,OAAO,KAAKC,MAAM,MAAM,WAAW;AAEnC,SAASC,gBAAgB,QAAQ,eAAe;AAChD,SAASC,KAAK,QAAQ,0BAA0B;AAIhD,OAAO,SAASC,+BAA+BA,CAC9CC,KAA6D,EAC5D;EACD,MAAM;IACLC,SAAS;IACTC,IAAI,GAAG,SAAS;IAChB,GAAGC;EACJ,CAAC,GAAGN,gBAAgB,CAAEG,KAAK,EAAE,8BAA+B,CAAC;;EAE7D;EACA,MAAMI,EAAE,GAAGN,KAAK,CAAC,CAAC;EAClB,MAAMO,OAAO,GAAGV,OAAO,CAAE,MAAM;IAC9B,OAAOS,EAAE,CAAER,MAAM,CAACU,4BAA4B,CAAEJ,IAAK,CAAC,EAAED,SAAU,CAAC;EACpE,CAAC,EAAE,CAAEA,SAAS,EAAEG,EAAE,EAAEF,IAAI,CAAG,CAAC;EAE5B,OAAO;IAAE,GAAGC,UAAU;IAAEF,SAAS,EAAEI;EAAQ,CAAC;AAC7C","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/border-box-control/border-box-control-linked-button/hook.ts"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport * as styles from '../styles';\nimport { useContextSystem } from '../../context';\nimport { useCx } from '../../utils/hooks/use-cx';\nexport function useBorderBoxControlLinkedButton(props) {\n  const {\n    className,\n    size = 'default',\n    ...otherProps\n  } = useContextSystem(props, 'BorderBoxControlLinkedButton');\n\n  // Generate class names.\n  const cx = useCx();\n  const classes = useMemo(() => {\n    return cx(styles.borderBoxControlLinkedButton(size), className);\n  }, [className, cx, size]);\n  return {\n    ...otherProps,\n    className: classes\n  };\n}"],
+  "mappings": "AAGA,SAAS,eAAe;AAKxB,YAAY,YAAY;AACxB,SAAS,wBAAwB;AACjC,SAAS,aAAa;AACf,SAAS,gCAAgC,OAAO;AACrD,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,IACP,GAAG;AAAA,EACL,IAAI,iBAAiB,OAAO,8BAA8B;AAG1D,QAAM,KAAK,MAAM;AACjB,QAAM,UAAU,QAAQ,MAAM;AAC5B,WAAO,GAAG,OAAO,6BAA6B,IAAI,GAAG,SAAS;AAAA,EAChE,GAAG,CAAC,WAAW,IAAI,IAAI,CAAC;AACxB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,WAAW;AAAA,EACb;AACF;",
+  "names": []
+}

package/build-module/border-box-control/border-box-control-linked-button/index.js

@@ -1,2 +1,5 @@
-export { default } from './component';
-//# sourceMappingURL=index.js.map
+import { default as default2 } from "./component";
+export {
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/border-box-control/border-box-control-linked-button/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["default"],"sources":["@wordpress/components/src/border-box-control/border-box-control-linked-button/index.ts"],"sourcesContent":["export { default } from './component';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,aAAa","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/border-box-control/border-box-control-linked-button/index.ts"],
+  "sourcesContent": ["export { default } from './component';"],
+  "mappings": "AAAA,SAAS,WAAAA,gBAAe;",
+  "names": ["default"]
+}