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

package/build-module/components/spacing-sizes-control/linked-button.js

@@ -1,21 +1,21 @@
-/**
- * WordPress dependencies
- */
-import { Button } from '@wordpress/components';
-import { link, linkOff } from '@wordpress/icons';
-import { __ } from '@wordpress/i18n';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function LinkedButton({
-  isLinked,
-  ...props
-}) {
-  const label = isLinked ? __('Unlink sides') : __('Link sides');
-  return /*#__PURE__*/_jsx(Button, {
-    ...props,
-    size: "small",
-    icon: isLinked ? link : linkOff,
-    iconSize: 24,
-    label: label
-  });
+import { jsx } from "react/jsx-runtime";
+import { Button } from "@wordpress/components";
+import { link, linkOff } from "@wordpress/icons";
+import { __ } from "@wordpress/i18n";
+function LinkedButton({ isLinked, ...props }) {
+  const label = isLinked ? __("Unlink sides") : __("Link sides");
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      ...props,
+      size: "small",
+      icon: isLinked ? link : linkOff,
+      iconSize: 24,
+      label
+    }
+  );
 }
-//# sourceMappingURL=linked-button.js.map
+export {
+  LinkedButton as default
+};
+//# sourceMappingURL=linked-button.js.map

package/build-module/components/spacing-sizes-control/linked-button.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["Button","link","linkOff","__","jsx","_jsx","LinkedButton","isLinked","props","label","size","icon","iconSize"],"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/linked-button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { link, linkOff } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nexport default function LinkedButton( { isLinked, ...props } ) {\n\tconst label = isLinked ? __( 'Unlink sides' ) : __( 'Link sides' );\n\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\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/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,IAAI,EAAEC,OAAO,QAAQ,kBAAkB;AAChD,SAASC,EAAE,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAErC,eAAe,SAASC,YAAYA,CAAE;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAG;EAC9D,MAAMC,KAAK,GAAGF,QAAQ,GAAGJ,EAAE,CAAE,cAAe,CAAC,GAAGA,EAAE,CAAE,YAAa,CAAC;EAElE,oBACCE,IAAA,CAACL,MAAM;IAAA,GACDQ,KAAK;IACVE,IAAI,EAAC,OAAO;IACZC,IAAI,EAAGJ,QAAQ,GAAGN,IAAI,GAAGC,OAAS;IAClCU,QAAQ,EAAG,EAAI;IACfH,KAAK,EAAGA;EAAO,CACf,CAAC;AAEJ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/spacing-sizes-control/linked-button.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { link, linkOff } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nexport default function LinkedButton( { isLinked, ...props } ) {\n\tconst label = isLinked ? __( 'Unlink sides' ) : __( 'Link sides' );\n\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\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/>\n\t);\n}\n"],
+  "mappings": "AAWE;AARF,SAAS,cAAc;AACvB,SAAS,MAAM,eAAe;AAC9B,SAAS,UAAU;AAEJ,SAAR,aAA+B,EAAE,UAAU,GAAG,MAAM,GAAI;AAC9D,QAAM,QAAQ,WAAW,GAAI,cAAe,IAAI,GAAI,YAAa;AAEjE,SACC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACL,MAAK;AAAA,MACL,MAAO,WAAW,OAAO;AAAA,MACzB,UAAW;AAAA,MACX;AAAA;AAAA,EACD;AAEF;",
+  "names": []
+}

package/build-module/components/spacing-sizes-control/utils.js

@@ -1,17 +1,22 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { sidesAll, sidesBottom, sidesHorizontal, sidesLeft, sidesRight, sidesTop, sidesVertical } from '@wordpress/icons';
-export const RANGE_CONTROL_MAX_SIZE = 8;
-export const ALL_SIDES = ['top', 'right', 'bottom', 'left'];
-export const DEFAULT_VALUES = {
-  top: undefined,
-  right: undefined,
-  bottom: undefined,
-  left: undefined
+import { __ } from "@wordpress/i18n";
+import {
+  sidesAll,
+  sidesBottom,
+  sidesHorizontal,
+  sidesLeft,
+  sidesRight,
+  sidesTop,
+  sidesVertical
+} from "@wordpress/icons";
+const RANGE_CONTROL_MAX_SIZE = 8;
+const ALL_SIDES = ["top", "right", "bottom", "left"];
+const DEFAULT_VALUES = {
+  top: void 0,
+  right: void 0,
+  bottom: void 0,
+  left: void 0
 };
-export const ICONS = {
+const ICONS = {
   custom: sidesAll,
   axial: sidesAll,
   horizontal: sidesHorizontal,
@@ -21,88 +26,55 @@ export const ICONS = {
   bottom: sidesBottom,
   left: sidesLeft
 };
-export const LABELS = {
-  default: __('Spacing control'),
-  top: __('Top'),
-  bottom: __('Bottom'),
-  left: __('Left'),
-  right: __('Right'),
-  mixed: __('Mixed'),
-  vertical: __('Vertical'),
-  horizontal: __('Horizontal'),
-  axial: __('Horizontal & vertical'),
-  custom: __('Custom')
+const LABELS = {
+  default: __("Spacing control"),
+  top: __("Top"),
+  bottom: __("Bottom"),
+  left: __("Left"),
+  right: __("Right"),
+  mixed: __("Mixed"),
+  vertical: __("Vertical"),
+  horizontal: __("Horizontal"),
+  axial: __("Horizontal & vertical"),
+  custom: __("Custom")
 };
-export const VIEWS = {
-  axial: 'axial',
-  top: 'top',
-  right: 'right',
-  bottom: 'bottom',
-  left: 'left',
-  custom: 'custom'
+const VIEWS = {
+  axial: "axial",
+  top: "top",
+  right: "right",
+  bottom: "bottom",
+  left: "left",
+  custom: "custom"
 };
-
-/**
- * Checks is given value is a spacing preset.
- *
- * @param {string} value Value to check
- *
- * @return {boolean} Return true if value is string in format var:preset|spacing|.
- */
-export function isValueSpacingPreset(value) {
+function isValueSpacingPreset(value) {
   if (!value?.includes) {
     return false;
   }
-  return value === '0' || value.includes('var:preset|spacing|');
+  return value === "0" || value.includes("var:preset|spacing|");
 }
-
-/**
- * Converts a spacing preset into a custom value.
- *
- * @param {string} value        Value to convert
- * @param {Array}  spacingSizes Array of the current spacing preset objects
- *
- * @return {string} Mapping of the spacing preset to its equivalent custom value.
- */
-export function getCustomValueFromPreset(value, spacingSizes) {
+function getCustomValueFromPreset(value, spacingSizes) {
   if (!isValueSpacingPreset(value)) {
     return value;
   }
   const slug = getSpacingPresetSlug(value);
-  const spacingSize = spacingSizes.find(size => String(size.slug) === slug);
+  const spacingSize = spacingSizes.find(
+    (size) => String(size.slug) === slug
+  );
   return spacingSize?.size;
 }
-
-/**
- * Converts a custom value to preset value if one can be found.
- *
- * Returns value as-is if no match is found.
- *
- * @param {string} value        Value to convert
- * @param {Array}  spacingSizes Array of the current spacing preset objects
- *
- * @return {string} The preset value if it can be found.
- */
-export function getPresetValueFromCustomValue(value, spacingSizes) {
-  // Return value as-is if it is undefined or is already a preset, or '0';
-  if (!value || isValueSpacingPreset(value) || value === '0') {
+function getPresetValueFromCustomValue(value, spacingSizes) {
+  if (!value || isValueSpacingPreset(value) || value === "0") {
     return value;
   }
-  const spacingMatch = spacingSizes.find(size => String(size.size) === String(value));
+  const spacingMatch = spacingSizes.find(
+    (size) => String(size.size) === String(value)
+  );
   if (spacingMatch?.slug) {
     return `var:preset|spacing|${spacingMatch.slug}`;
   }
   return value;
 }
-
-/**
- * Converts a spacing preset into a custom value.
- *
- * @param {string} value Value to convert.
- *
- * @return {string | undefined} CSS var string for given spacing preset value.
- */
-export function getSpacingPresetCssVar(value) {
+function getSpacingPresetCssVar(value) {
   if (!value) {
     return;
   }
@@ -112,136 +84,82 @@ export function getSpacingPresetCssVar(value) {
   }
   return `var(--wp--preset--spacing--${slug[1]})`;
 }
-
-/**
- * Returns the slug section of the given spacing preset string.
- *
- * @param {string} value Value to extract slug from.
- *
- * @return {string|undefined} The int value of the slug from given spacing preset.
- */
-export function getSpacingPresetSlug(value) {
+function getSpacingPresetSlug(value) {
   if (!value) {
     return;
   }
-  if (value === '0' || value === 'default') {
+  if (value === "0" || value === "default") {
     return value;
   }
   const slug = value.match(/var:preset\|spacing\|(.+)/);
-  return slug ? slug[1] : undefined;
+  return slug ? slug[1] : void 0;
 }
-
-/**
- * Converts spacing preset value into a Range component value .
- *
- * @param {string} presetValue  Value to convert to Range value.
- * @param {Array}  spacingSizes Array of current spacing preset value objects.
- *
- * @return {number} The int value for use in Range control.
- */
-export function getSliderValueFromPreset(presetValue, spacingSizes) {
-  if (presetValue === undefined) {
+function getSliderValueFromPreset(presetValue, spacingSizes) {
+  if (presetValue === void 0) {
     return 0;
   }
-  const slug = parseFloat(presetValue, 10) === 0 ? '0' : getSpacingPresetSlug(presetValue);
-  const sliderValue = spacingSizes.findIndex(spacingSize => {
+  const slug = parseFloat(presetValue, 10) === 0 ? "0" : getSpacingPresetSlug(presetValue);
+  const sliderValue = spacingSizes.findIndex((spacingSize) => {
     return String(spacingSize.slug) === slug;
   });
-
-  // Returning NaN rather than undefined as undefined makes range control thumb sit in center
   return sliderValue !== -1 ? sliderValue : NaN;
 }
-
-/**
- * Determines whether a particular axis has support. If no axis is
- * specified, this function checks if either axis is supported.
- *
- * @param {Array}  sides Supported sides.
- * @param {string} axis  Which axis to check.
- *
- * @return {boolean} Whether there is support for the specified axis or both axes.
- */
-export function hasAxisSupport(sides, axis) {
+function hasAxisSupport(sides, axis) {
   if (!sides || !sides.length) {
     return false;
   }
-  const hasHorizontalSupport = sides.includes('horizontal') || sides.includes('left') && sides.includes('right');
-  const hasVerticalSupport = sides.includes('vertical') || sides.includes('top') && sides.includes('bottom');
-  if (axis === 'horizontal') {
+  const hasHorizontalSupport = sides.includes("horizontal") || sides.includes("left") && sides.includes("right");
+  const hasVerticalSupport = sides.includes("vertical") || sides.includes("top") && sides.includes("bottom");
+  if (axis === "horizontal") {
     return hasHorizontalSupport;
   }
-  if (axis === 'vertical') {
+  if (axis === "vertical") {
     return hasVerticalSupport;
   }
   return hasHorizontalSupport || hasVerticalSupport;
 }
-
-/**
- * Checks if the supported sides are balanced for each axis.
- * - Horizontal - both left and right sides are supported.
- * - Vertical - both top and bottom are supported.
- *
- * @param {Array} sides The supported sides which may be axes as well.
- *
- * @return {boolean} Whether or not the supported sides are balanced.
- */
-export function hasBalancedSidesSupport(sides = []) {
-  const counts = {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0
-  };
-  sides.forEach(side => counts[side] += 1);
+function hasBalancedSidesSupport(sides = []) {
+  const counts = { top: 0, right: 0, bottom: 0, left: 0 };
+  sides.forEach((side) => counts[side] += 1);
   return (counts.top + counts.bottom) % 2 === 0 && (counts.left + counts.right) % 2 === 0;
 }
-
-/**
- * Determines which view the SpacingSizesControl should default to on its
- * first render; Axial, Custom, or Single side.
- *
- * @param {Object} values Current side values.
- * @param {Array}  sides  Supported sides.
- *
- * @return {string} View to display.
- */
-export function getInitialView(values = {}, sides) {
-  const {
-    top,
-    right,
-    bottom,
-    left
-  } = values;
+function getInitialView(values = {}, sides) {
+  const { top, right, bottom, left } = values;
   const sideValues = [top, right, bottom, left].filter(Boolean);
-
-  // Axial ( Horizontal & vertical ).
-  // - Has axial side support
-  // - Has axial side values which match
-  // - Has no values and the supported sides are balanced
   const hasMatchingAxialValues = top === bottom && left === right && (!!top || !!left);
   const hasNoValuesAndBalancedSides = !sideValues.length && hasBalancedSidesSupport(sides);
-  const hasOnlyAxialSides = sides?.includes('horizontal') && sides?.includes('vertical') && sides?.length === 2;
+  const hasOnlyAxialSides = sides?.includes("horizontal") && sides?.includes("vertical") && sides?.length === 2;
   if (hasAxisSupport(sides) && (hasMatchingAxialValues || hasNoValuesAndBalancedSides)) {
     return VIEWS.axial;
   }
-
-  // Only axial sides are supported and single value defined.
-  // - Ensure the side returned is the first side that has a value.
   if (hasOnlyAxialSides && sideValues.length === 1) {
     let side;
     Object.entries(values).some(([key, value]) => {
       side = key;
-      return value !== undefined;
+      return value !== void 0;
     });
     return side;
   }
-
-  // Only single side supported and no value defined.
   if (sides?.length === 1 && !sideValues.length) {
     return sides[0];
   }
-
-  // Default to the Custom (separated sides) view.
   return VIEWS.custom;
 }
-//# sourceMappingURL=utils.js.map
+export {
+  ALL_SIDES,
+  DEFAULT_VALUES,
+  ICONS,
+  LABELS,
+  RANGE_CONTROL_MAX_SIZE,
+  VIEWS,
+  getCustomValueFromPreset,
+  getInitialView,
+  getPresetValueFromCustomValue,
+  getSliderValueFromPreset,
+  getSpacingPresetCssVar,
+  getSpacingPresetSlug,
+  hasAxisSupport,
+  hasBalancedSidesSupport,
+  isValueSpacingPreset
+};
+//# sourceMappingURL=utils.js.map

package/build-module/components/spacing-sizes-control/utils.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["__","sidesAll","sidesBottom","sidesHorizontal","sidesLeft","sidesRight","sidesTop","sidesVertical","RANGE_CONTROL_MAX_SIZE","ALL_SIDES","DEFAULT_VALUES","top","undefined","right","bottom","left","ICONS","custom","axial","horizontal","vertical","LABELS","default","mixed","VIEWS","isValueSpacingPreset","value","includes","getCustomValueFromPreset","spacingSizes","slug","getSpacingPresetSlug","spacingSize","find","size","String","getPresetValueFromCustomValue","spacingMatch","getSpacingPresetCssVar","match","getSliderValueFromPreset","presetValue","parseFloat","sliderValue","findIndex","NaN","hasAxisSupport","sides","axis","length","hasHorizontalSupport","hasVerticalSupport","hasBalancedSidesSupport","counts","forEach","side","getInitialView","values","sideValues","filter","Boolean","hasMatchingAxialValues","hasNoValuesAndBalancedSides","hasOnlyAxialSides","Object","entries","some","key"],"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/utils.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tsidesAll,\n\tsidesBottom,\n\tsidesHorizontal,\n\tsidesLeft,\n\tsidesRight,\n\tsidesTop,\n\tsidesVertical,\n} from '@wordpress/icons';\n\nexport const RANGE_CONTROL_MAX_SIZE = 8;\n\nexport const ALL_SIDES = [ 'top', 'right', 'bottom', 'left' ];\n\nexport const DEFAULT_VALUES = {\n\ttop: undefined,\n\tright: undefined,\n\tbottom: undefined,\n\tleft: undefined,\n};\n\nexport const ICONS = {\n\tcustom: sidesAll,\n\taxial: sidesAll,\n\thorizontal: sidesHorizontal,\n\tvertical: sidesVertical,\n\ttop: sidesTop,\n\tright: sidesRight,\n\tbottom: sidesBottom,\n\tleft: sidesLeft,\n};\n\nexport const LABELS = {\n\tdefault: __( 'Spacing control' ),\n\ttop: __( 'Top' ),\n\tbottom: __( 'Bottom' ),\n\tleft: __( 'Left' ),\n\tright: __( 'Right' ),\n\tmixed: __( 'Mixed' ),\n\tvertical: __( 'Vertical' ),\n\thorizontal: __( 'Horizontal' ),\n\taxial: __( 'Horizontal & vertical' ),\n\tcustom: __( 'Custom' ),\n};\n\nexport const VIEWS = {\n\taxial: 'axial',\n\ttop: 'top',\n\tright: 'right',\n\tbottom: 'bottom',\n\tleft: 'left',\n\tcustom: 'custom',\n};\n\n/**\n * Checks is given value is a spacing preset.\n *\n * @param {string} value Value to check\n *\n * @return {boolean} Return true if value is string in format var:preset|spacing|.\n */\nexport function isValueSpacingPreset( value ) {\n\tif ( ! value?.includes ) {\n\t\treturn false;\n\t}\n\treturn value === '0' || value.includes( 'var:preset|spacing|' );\n}\n\n/**\n * Converts a spacing preset into a custom value.\n *\n * @param {string} value        Value to convert\n * @param {Array}  spacingSizes Array of the current spacing preset objects\n *\n * @return {string} Mapping of the spacing preset to its equivalent custom value.\n */\nexport function getCustomValueFromPreset( value, spacingSizes ) {\n\tif ( ! isValueSpacingPreset( value ) ) {\n\t\treturn value;\n\t}\n\n\tconst slug = getSpacingPresetSlug( value );\n\tconst spacingSize = spacingSizes.find(\n\t\t( size ) => String( size.slug ) === slug\n\t);\n\n\treturn spacingSize?.size;\n}\n\n/**\n * Converts a custom value to preset value if one can be found.\n *\n * Returns value as-is if no match is found.\n *\n * @param {string} value        Value to convert\n * @param {Array}  spacingSizes Array of the current spacing preset objects\n *\n * @return {string} The preset value if it can be found.\n */\nexport function getPresetValueFromCustomValue( value, spacingSizes ) {\n\t// Return value as-is if it is undefined or is already a preset, or '0';\n\tif ( ! value || isValueSpacingPreset( value ) || value === '0' ) {\n\t\treturn value;\n\t}\n\n\tconst spacingMatch = spacingSizes.find(\n\t\t( size ) => String( size.size ) === String( value )\n\t);\n\n\tif ( spacingMatch?.slug ) {\n\t\treturn `var:preset|spacing|${ spacingMatch.slug }`;\n\t}\n\n\treturn value;\n}\n\n/**\n * Converts a spacing preset into a custom value.\n *\n * @param {string} value Value to convert.\n *\n * @return {string | undefined} CSS var string for given spacing preset value.\n */\nexport function getSpacingPresetCssVar( value ) {\n\tif ( ! value ) {\n\t\treturn;\n\t}\n\n\tconst slug = value.match( /var:preset\\|spacing\\|(.+)/ );\n\n\tif ( ! slug ) {\n\t\treturn value;\n\t}\n\n\treturn `var(--wp--preset--spacing--${ slug[ 1 ] })`;\n}\n\n/**\n * Returns the slug section of the given spacing preset string.\n *\n * @param {string} value Value to extract slug from.\n *\n * @return {string|undefined} The int value of the slug from given spacing preset.\n */\nexport function getSpacingPresetSlug( value ) {\n\tif ( ! value ) {\n\t\treturn;\n\t}\n\n\tif ( value === '0' || value === 'default' ) {\n\t\treturn value;\n\t}\n\n\tconst slug = value.match( /var:preset\\|spacing\\|(.+)/ );\n\n\treturn slug ? slug[ 1 ] : undefined;\n}\n\n/**\n * Converts spacing preset value into a Range component value .\n *\n * @param {string} presetValue  Value to convert to Range value.\n * @param {Array}  spacingSizes Array of current spacing preset value objects.\n *\n * @return {number} The int value for use in Range control.\n */\nexport function getSliderValueFromPreset( presetValue, spacingSizes ) {\n\tif ( presetValue === undefined ) {\n\t\treturn 0;\n\t}\n\tconst slug =\n\t\tparseFloat( presetValue, 10 ) === 0\n\t\t\t? '0'\n\t\t\t: getSpacingPresetSlug( presetValue );\n\tconst sliderValue = spacingSizes.findIndex( ( spacingSize ) => {\n\t\treturn String( spacingSize.slug ) === slug;\n\t} );\n\n\t// Returning NaN rather than undefined as undefined makes range control thumb sit in center\n\treturn sliderValue !== -1 ? sliderValue : NaN;\n}\n\n/**\n * Determines whether a particular axis has support. If no axis is\n * specified, this function checks if either axis is supported.\n *\n * @param {Array}  sides Supported sides.\n * @param {string} axis  Which axis to check.\n *\n * @return {boolean} Whether there is support for the specified axis or both axes.\n */\nexport function hasAxisSupport( sides, axis ) {\n\tif ( ! sides || ! sides.length ) {\n\t\treturn false;\n\t}\n\n\tconst hasHorizontalSupport =\n\t\tsides.includes( 'horizontal' ) ||\n\t\t( sides.includes( 'left' ) && sides.includes( 'right' ) );\n\n\tconst hasVerticalSupport =\n\t\tsides.includes( 'vertical' ) ||\n\t\t( sides.includes( 'top' ) && sides.includes( 'bottom' ) );\n\n\tif ( axis === 'horizontal' ) {\n\t\treturn hasHorizontalSupport;\n\t}\n\n\tif ( axis === 'vertical' ) {\n\t\treturn hasVerticalSupport;\n\t}\n\n\treturn hasHorizontalSupport || hasVerticalSupport;\n}\n\n/**\n * Checks if the supported sides are balanced for each axis.\n * - Horizontal - both left and right sides are supported.\n * - Vertical - both top and bottom are supported.\n *\n * @param {Array} sides The supported sides which may be axes as well.\n *\n * @return {boolean} Whether or not the supported sides are balanced.\n */\nexport function hasBalancedSidesSupport( sides = [] ) {\n\tconst counts = { top: 0, right: 0, bottom: 0, left: 0 };\n\tsides.forEach( ( side ) => ( counts[ side ] += 1 ) );\n\n\treturn (\n\t\t( counts.top + counts.bottom ) % 2 === 0 &&\n\t\t( counts.left + counts.right ) % 2 === 0\n\t);\n}\n\n/**\n * Determines which view the SpacingSizesControl should default to on its\n * first render; Axial, Custom, or Single side.\n *\n * @param {Object} values Current side values.\n * @param {Array}  sides  Supported sides.\n *\n * @return {string} View to display.\n */\nexport function getInitialView( values = {}, sides ) {\n\tconst { top, right, bottom, left } = values;\n\tconst sideValues = [ top, right, bottom, left ].filter( Boolean );\n\n\t// Axial ( Horizontal & vertical ).\n\t// - Has axial side support\n\t// - Has axial side values which match\n\t// - Has no values and the supported sides are balanced\n\tconst hasMatchingAxialValues =\n\t\ttop === bottom && left === right && ( !! top || !! left );\n\tconst hasNoValuesAndBalancedSides =\n\t\t! sideValues.length && hasBalancedSidesSupport( sides );\n\tconst hasOnlyAxialSides =\n\t\tsides?.includes( 'horizontal' ) &&\n\t\tsides?.includes( 'vertical' ) &&\n\t\tsides?.length === 2;\n\n\tif (\n\t\thasAxisSupport( sides ) &&\n\t\t( hasMatchingAxialValues || hasNoValuesAndBalancedSides )\n\t) {\n\t\treturn VIEWS.axial;\n\t}\n\n\t// Only axial sides are supported and single value defined.\n\t// - Ensure the side returned is the first side that has a value.\n\tif ( hasOnlyAxialSides && sideValues.length === 1 ) {\n\t\tlet side;\n\n\t\tObject.entries( values ).some( ( [ key, value ] ) => {\n\t\t\tside = key;\n\t\t\treturn value !== undefined;\n\t\t} );\n\n\t\treturn side;\n\t}\n\n\t// Only single side supported and no value defined.\n\tif ( sides?.length === 1 && ! sideValues.length ) {\n\t\treturn sides[ 0 ];\n\t}\n\n\t// Default to the Custom (separated sides) view.\n\treturn VIEWS.custom;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SACCC,QAAQ,EACRC,WAAW,EACXC,eAAe,EACfC,SAAS,EACTC,UAAU,EACVC,QAAQ,EACRC,aAAa,QACP,kBAAkB;AAEzB,OAAO,MAAMC,sBAAsB,GAAG,CAAC;AAEvC,OAAO,MAAMC,SAAS,GAAG,CAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAE;AAE7D,OAAO,MAAMC,cAAc,GAAG;EAC7BC,GAAG,EAAEC,SAAS;EACdC,KAAK,EAAED,SAAS;EAChBE,MAAM,EAAEF,SAAS;EACjBG,IAAI,EAAEH;AACP,CAAC;AAED,OAAO,MAAMI,KAAK,GAAG;EACpBC,MAAM,EAAEhB,QAAQ;EAChBiB,KAAK,EAAEjB,QAAQ;EACfkB,UAAU,EAAEhB,eAAe;EAC3BiB,QAAQ,EAAEb,aAAa;EACvBI,GAAG,EAAEL,QAAQ;EACbO,KAAK,EAAER,UAAU;EACjBS,MAAM,EAAEZ,WAAW;EACnBa,IAAI,EAAEX;AACP,CAAC;AAED,OAAO,MAAMiB,MAAM,GAAG;EACrBC,OAAO,EAAEtB,EAAE,CAAE,iBAAkB,CAAC;EAChCW,GAAG,EAAEX,EAAE,CAAE,KAAM,CAAC;EAChBc,MAAM,EAAEd,EAAE,CAAE,QAAS,CAAC;EACtBe,IAAI,EAAEf,EAAE,CAAE,MAAO,CAAC;EAClBa,KAAK,EAAEb,EAAE,CAAE,OAAQ,CAAC;EACpBuB,KAAK,EAAEvB,EAAE,CAAE,OAAQ,CAAC;EACpBoB,QAAQ,EAAEpB,EAAE,CAAE,UAAW,CAAC;EAC1BmB,UAAU,EAAEnB,EAAE,CAAE,YAAa,CAAC;EAC9BkB,KAAK,EAAElB,EAAE,CAAE,uBAAwB,CAAC;EACpCiB,MAAM,EAAEjB,EAAE,CAAE,QAAS;AACtB,CAAC;AAED,OAAO,MAAMwB,KAAK,GAAG;EACpBN,KAAK,EAAE,OAAO;EACdP,GAAG,EAAE,KAAK;EACVE,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE,QAAQ;EAChBC,IAAI,EAAE,MAAM;EACZE,MAAM,EAAE;AACT,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASQ,oBAAoBA,CAAEC,KAAK,EAAG;EAC7C,IAAK,CAAEA,KAAK,EAAEC,QAAQ,EAAG;IACxB,OAAO,KAAK;EACb;EACA,OAAOD,KAAK,KAAK,GAAG,IAAIA,KAAK,CAACC,QAAQ,CAAE,qBAAsB,CAAC;AAChE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,wBAAwBA,CAAEF,KAAK,EAAEG,YAAY,EAAG;EAC/D,IAAK,CAAEJ,oBAAoB,CAAEC,KAAM,CAAC,EAAG;IACtC,OAAOA,KAAK;EACb;EAEA,MAAMI,IAAI,GAAGC,oBAAoB,CAAEL,KAAM,CAAC;EAC1C,MAAMM,WAAW,GAAGH,YAAY,CAACI,IAAI,CAClCC,IAAI,IAAMC,MAAM,CAAED,IAAI,CAACJ,IAAK,CAAC,KAAKA,IACrC,CAAC;EAED,OAAOE,WAAW,EAAEE,IAAI;AACzB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASE,6BAA6BA,CAAEV,KAAK,EAAEG,YAAY,EAAG;EACpE;EACA,IAAK,CAAEH,KAAK,IAAID,oBAAoB,CAAEC,KAAM,CAAC,IAAIA,KAAK,KAAK,GAAG,EAAG;IAChE,OAAOA,KAAK;EACb;EAEA,MAAMW,YAAY,GAAGR,YAAY,CAACI,IAAI,CACnCC,IAAI,IAAMC,MAAM,CAAED,IAAI,CAACA,IAAK,CAAC,KAAKC,MAAM,CAAET,KAAM,CACnD,CAAC;EAED,IAAKW,YAAY,EAAEP,IAAI,EAAG;IACzB,OAAO,sBAAuBO,YAAY,CAACP,IAAI,EAAG;EACnD;EAEA,OAAOJ,KAAK;AACb;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASY,sBAAsBA,CAAEZ,KAAK,EAAG;EAC/C,IAAK,CAAEA,KAAK,EAAG;IACd;EACD;EAEA,MAAMI,IAAI,GAAGJ,KAAK,CAACa,KAAK,CAAE,2BAA4B,CAAC;EAEvD,IAAK,CAAET,IAAI,EAAG;IACb,OAAOJ,KAAK;EACb;EAEA,OAAO,8BAA+BI,IAAI,CAAE,CAAC,CAAE,GAAI;AACpD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,oBAAoBA,CAAEL,KAAK,EAAG;EAC7C,IAAK,CAAEA,KAAK,EAAG;IACd;EACD;EAEA,IAAKA,KAAK,KAAK,GAAG,IAAIA,KAAK,KAAK,SAAS,EAAG;IAC3C,OAAOA,KAAK;EACb;EAEA,MAAMI,IAAI,GAAGJ,KAAK,CAACa,KAAK,CAAE,2BAA4B,CAAC;EAEvD,OAAOT,IAAI,GAAGA,IAAI,CAAE,CAAC,CAAE,GAAGlB,SAAS;AACpC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAAS4B,wBAAwBA,CAAEC,WAAW,EAAEZ,YAAY,EAAG;EACrE,IAAKY,WAAW,KAAK7B,SAAS,EAAG;IAChC,OAAO,CAAC;EACT;EACA,MAAMkB,IAAI,GACTY,UAAU,CAAED,WAAW,EAAE,EAAG,CAAC,KAAK,CAAC,GAChC,GAAG,GACHV,oBAAoB,CAAEU,WAAY,CAAC;EACvC,MAAME,WAAW,GAAGd,YAAY,CAACe,SAAS,CAAIZ,WAAW,IAAM;IAC9D,OAAOG,MAAM,CAAEH,WAAW,CAACF,IAAK,CAAC,KAAKA,IAAI;EAC3C,CAAE,CAAC;;EAEH;EACA,OAAOa,WAAW,KAAK,CAAC,CAAC,GAAGA,WAAW,GAAGE,GAAG;AAC9C;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAAEC,KAAK,EAAEC,IAAI,EAAG;EAC7C,IAAK,CAAED,KAAK,IAAI,CAAEA,KAAK,CAACE,MAAM,EAAG;IAChC,OAAO,KAAK;EACb;EAEA,MAAMC,oBAAoB,GACzBH,KAAK,CAACpB,QAAQ,CAAE,YAAa,CAAC,IAC5BoB,KAAK,CAACpB,QAAQ,CAAE,MAAO,CAAC,IAAIoB,KAAK,CAACpB,QAAQ,CAAE,OAAQ,CAAG;EAE1D,MAAMwB,kBAAkB,GACvBJ,KAAK,CAACpB,QAAQ,CAAE,UAAW,CAAC,IAC1BoB,KAAK,CAACpB,QAAQ,CAAE,KAAM,CAAC,IAAIoB,KAAK,CAACpB,QAAQ,CAAE,QAAS,CAAG;EAE1D,IAAKqB,IAAI,KAAK,YAAY,EAAG;IAC5B,OAAOE,oBAAoB;EAC5B;EAEA,IAAKF,IAAI,KAAK,UAAU,EAAG;IAC1B,OAAOG,kBAAkB;EAC1B;EAEA,OAAOD,oBAAoB,IAAIC,kBAAkB;AAClD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,uBAAuBA,CAAEL,KAAK,GAAG,EAAE,EAAG;EACrD,MAAMM,MAAM,GAAG;IAAE1C,GAAG,EAAE,CAAC;IAAEE,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE,CAAC;IAAEC,IAAI,EAAE;EAAE,CAAC;EACvDgC,KAAK,CAACO,OAAO,CAAIC,IAAI,IAAQF,MAAM,CAAEE,IAAI,CAAE,IAAI,CAAI,CAAC;EAEpD,OACC,CAAEF,MAAM,CAAC1C,GAAG,GAAG0C,MAAM,CAACvC,MAAM,IAAK,CAAC,KAAK,CAAC,IACxC,CAAEuC,MAAM,CAACtC,IAAI,GAAGsC,MAAM,CAACxC,KAAK,IAAK,CAAC,KAAK,CAAC;AAE1C;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAAS2C,cAAcA,CAAEC,MAAM,GAAG,CAAC,CAAC,EAAEV,KAAK,EAAG;EACpD,MAAM;IAAEpC,GAAG;IAAEE,KAAK;IAAEC,MAAM;IAAEC;EAAK,CAAC,GAAG0C,MAAM;EAC3C,MAAMC,UAAU,GAAG,CAAE/C,GAAG,EAAEE,KAAK,EAAEC,MAAM,EAAEC,IAAI,CAAE,CAAC4C,MAAM,CAAEC,OAAQ,CAAC;;EAEjE;EACA;EACA;EACA;EACA,MAAMC,sBAAsB,GAC3BlD,GAAG,KAAKG,MAAM,IAAIC,IAAI,KAAKF,KAAK,KAAM,CAAC,CAAEF,GAAG,IAAI,CAAC,CAAEI,IAAI,CAAE;EAC1D,MAAM+C,2BAA2B,GAChC,CAAEJ,UAAU,CAACT,MAAM,IAAIG,uBAAuB,CAAEL,KAAM,CAAC;EACxD,MAAMgB,iBAAiB,GACtBhB,KAAK,EAAEpB,QAAQ,CAAE,YAAa,CAAC,IAC/BoB,KAAK,EAAEpB,QAAQ,CAAE,UAAW,CAAC,IAC7BoB,KAAK,EAAEE,MAAM,KAAK,CAAC;EAEpB,IACCH,cAAc,CAAEC,KAAM,CAAC,KACrBc,sBAAsB,IAAIC,2BAA2B,CAAE,EACxD;IACD,OAAOtC,KAAK,CAACN,KAAK;EACnB;;EAEA;EACA;EACA,IAAK6C,iBAAiB,IAAIL,UAAU,CAACT,MAAM,KAAK,CAAC,EAAG;IACnD,IAAIM,IAAI;IAERS,MAAM,CAACC,OAAO,CAAER,MAAO,CAAC,CAACS,IAAI,CAAE,CAAE,CAAEC,GAAG,EAAEzC,KAAK,CAAE,KAAM;MACpD6B,IAAI,GAAGY,GAAG;MACV,OAAOzC,KAAK,KAAKd,SAAS;IAC3B,CAAE,CAAC;IAEH,OAAO2C,IAAI;EACZ;;EAEA;EACA,IAAKR,KAAK,EAAEE,MAAM,KAAK,CAAC,IAAI,CAAES,UAAU,CAACT,MAAM,EAAG;IACjD,OAAOF,KAAK,CAAE,CAAC,CAAE;EAClB;;EAEA;EACA,OAAOvB,KAAK,CAACP,MAAM;AACpB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/spacing-sizes-control/utils.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tsidesAll,\n\tsidesBottom,\n\tsidesHorizontal,\n\tsidesLeft,\n\tsidesRight,\n\tsidesTop,\n\tsidesVertical,\n} from '@wordpress/icons';\n\nexport const RANGE_CONTROL_MAX_SIZE = 8;\n\nexport const ALL_SIDES = [ 'top', 'right', 'bottom', 'left' ];\n\nexport const DEFAULT_VALUES = {\n\ttop: undefined,\n\tright: undefined,\n\tbottom: undefined,\n\tleft: undefined,\n};\n\nexport const ICONS = {\n\tcustom: sidesAll,\n\taxial: sidesAll,\n\thorizontal: sidesHorizontal,\n\tvertical: sidesVertical,\n\ttop: sidesTop,\n\tright: sidesRight,\n\tbottom: sidesBottom,\n\tleft: sidesLeft,\n};\n\nexport const LABELS = {\n\tdefault: __( 'Spacing control' ),\n\ttop: __( 'Top' ),\n\tbottom: __( 'Bottom' ),\n\tleft: __( 'Left' ),\n\tright: __( 'Right' ),\n\tmixed: __( 'Mixed' ),\n\tvertical: __( 'Vertical' ),\n\thorizontal: __( 'Horizontal' ),\n\taxial: __( 'Horizontal & vertical' ),\n\tcustom: __( 'Custom' ),\n};\n\nexport const VIEWS = {\n\taxial: 'axial',\n\ttop: 'top',\n\tright: 'right',\n\tbottom: 'bottom',\n\tleft: 'left',\n\tcustom: 'custom',\n};\n\n/**\n * Checks is given value is a spacing preset.\n *\n * @param {string} value Value to check\n *\n * @return {boolean} Return true if value is string in format var:preset|spacing|.\n */\nexport function isValueSpacingPreset( value ) {\n\tif ( ! value?.includes ) {\n\t\treturn false;\n\t}\n\treturn value === '0' || value.includes( 'var:preset|spacing|' );\n}\n\n/**\n * Converts a spacing preset into a custom value.\n *\n * @param {string} value        Value to convert\n * @param {Array}  spacingSizes Array of the current spacing preset objects\n *\n * @return {string} Mapping of the spacing preset to its equivalent custom value.\n */\nexport function getCustomValueFromPreset( value, spacingSizes ) {\n\tif ( ! isValueSpacingPreset( value ) ) {\n\t\treturn value;\n\t}\n\n\tconst slug = getSpacingPresetSlug( value );\n\tconst spacingSize = spacingSizes.find(\n\t\t( size ) => String( size.slug ) === slug\n\t);\n\n\treturn spacingSize?.size;\n}\n\n/**\n * Converts a custom value to preset value if one can be found.\n *\n * Returns value as-is if no match is found.\n *\n * @param {string} value        Value to convert\n * @param {Array}  spacingSizes Array of the current spacing preset objects\n *\n * @return {string} The preset value if it can be found.\n */\nexport function getPresetValueFromCustomValue( value, spacingSizes ) {\n\t// Return value as-is if it is undefined or is already a preset, or '0';\n\tif ( ! value || isValueSpacingPreset( value ) || value === '0' ) {\n\t\treturn value;\n\t}\n\n\tconst spacingMatch = spacingSizes.find(\n\t\t( size ) => String( size.size ) === String( value )\n\t);\n\n\tif ( spacingMatch?.slug ) {\n\t\treturn `var:preset|spacing|${ spacingMatch.slug }`;\n\t}\n\n\treturn value;\n}\n\n/**\n * Converts a spacing preset into a custom value.\n *\n * @param {string} value Value to convert.\n *\n * @return {string | undefined} CSS var string for given spacing preset value.\n */\nexport function getSpacingPresetCssVar( value ) {\n\tif ( ! value ) {\n\t\treturn;\n\t}\n\n\tconst slug = value.match( /var:preset\\|spacing\\|(.+)/ );\n\n\tif ( ! slug ) {\n\t\treturn value;\n\t}\n\n\treturn `var(--wp--preset--spacing--${ slug[ 1 ] })`;\n}\n\n/**\n * Returns the slug section of the given spacing preset string.\n *\n * @param {string} value Value to extract slug from.\n *\n * @return {string|undefined} The int value of the slug from given spacing preset.\n */\nexport function getSpacingPresetSlug( value ) {\n\tif ( ! value ) {\n\t\treturn;\n\t}\n\n\tif ( value === '0' || value === 'default' ) {\n\t\treturn value;\n\t}\n\n\tconst slug = value.match( /var:preset\\|spacing\\|(.+)/ );\n\n\treturn slug ? slug[ 1 ] : undefined;\n}\n\n/**\n * Converts spacing preset value into a Range component value .\n *\n * @param {string} presetValue  Value to convert to Range value.\n * @param {Array}  spacingSizes Array of current spacing preset value objects.\n *\n * @return {number} The int value for use in Range control.\n */\nexport function getSliderValueFromPreset( presetValue, spacingSizes ) {\n\tif ( presetValue === undefined ) {\n\t\treturn 0;\n\t}\n\tconst slug =\n\t\tparseFloat( presetValue, 10 ) === 0\n\t\t\t? '0'\n\t\t\t: getSpacingPresetSlug( presetValue );\n\tconst sliderValue = spacingSizes.findIndex( ( spacingSize ) => {\n\t\treturn String( spacingSize.slug ) === slug;\n\t} );\n\n\t// Returning NaN rather than undefined as undefined makes range control thumb sit in center\n\treturn sliderValue !== -1 ? sliderValue : NaN;\n}\n\n/**\n * Determines whether a particular axis has support. If no axis is\n * specified, this function checks if either axis is supported.\n *\n * @param {Array}  sides Supported sides.\n * @param {string} axis  Which axis to check.\n *\n * @return {boolean} Whether there is support for the specified axis or both axes.\n */\nexport function hasAxisSupport( sides, axis ) {\n\tif ( ! sides || ! sides.length ) {\n\t\treturn false;\n\t}\n\n\tconst hasHorizontalSupport =\n\t\tsides.includes( 'horizontal' ) ||\n\t\t( sides.includes( 'left' ) && sides.includes( 'right' ) );\n\n\tconst hasVerticalSupport =\n\t\tsides.includes( 'vertical' ) ||\n\t\t( sides.includes( 'top' ) && sides.includes( 'bottom' ) );\n\n\tif ( axis === 'horizontal' ) {\n\t\treturn hasHorizontalSupport;\n\t}\n\n\tif ( axis === 'vertical' ) {\n\t\treturn hasVerticalSupport;\n\t}\n\n\treturn hasHorizontalSupport || hasVerticalSupport;\n}\n\n/**\n * Checks if the supported sides are balanced for each axis.\n * - Horizontal - both left and right sides are supported.\n * - Vertical - both top and bottom are supported.\n *\n * @param {Array} sides The supported sides which may be axes as well.\n *\n * @return {boolean} Whether or not the supported sides are balanced.\n */\nexport function hasBalancedSidesSupport( sides = [] ) {\n\tconst counts = { top: 0, right: 0, bottom: 0, left: 0 };\n\tsides.forEach( ( side ) => ( counts[ side ] += 1 ) );\n\n\treturn (\n\t\t( counts.top + counts.bottom ) % 2 === 0 &&\n\t\t( counts.left + counts.right ) % 2 === 0\n\t);\n}\n\n/**\n * Determines which view the SpacingSizesControl should default to on its\n * first render; Axial, Custom, or Single side.\n *\n * @param {Object} values Current side values.\n * @param {Array}  sides  Supported sides.\n *\n * @return {string} View to display.\n */\nexport function getInitialView( values = {}, sides ) {\n\tconst { top, right, bottom, left } = values;\n\tconst sideValues = [ top, right, bottom, left ].filter( Boolean );\n\n\t// Axial ( Horizontal & vertical ).\n\t// - Has axial side support\n\t// - Has axial side values which match\n\t// - Has no values and the supported sides are balanced\n\tconst hasMatchingAxialValues =\n\t\ttop === bottom && left === right && ( !! top || !! left );\n\tconst hasNoValuesAndBalancedSides =\n\t\t! sideValues.length && hasBalancedSidesSupport( sides );\n\tconst hasOnlyAxialSides =\n\t\tsides?.includes( 'horizontal' ) &&\n\t\tsides?.includes( 'vertical' ) &&\n\t\tsides?.length === 2;\n\n\tif (\n\t\thasAxisSupport( sides ) &&\n\t\t( hasMatchingAxialValues || hasNoValuesAndBalancedSides )\n\t) {\n\t\treturn VIEWS.axial;\n\t}\n\n\t// Only axial sides are supported and single value defined.\n\t// - Ensure the side returned is the first side that has a value.\n\tif ( hasOnlyAxialSides && sideValues.length === 1 ) {\n\t\tlet side;\n\n\t\tObject.entries( values ).some( ( [ key, value ] ) => {\n\t\t\tside = key;\n\t\t\treturn value !== undefined;\n\t\t} );\n\n\t\treturn side;\n\t}\n\n\t// Only single side supported and no value defined.\n\tif ( sides?.length === 1 && ! sideValues.length ) {\n\t\treturn sides[ 0 ];\n\t}\n\n\t// Default to the Custom (separated sides) view.\n\treturn VIEWS.custom;\n}\n"],
+  "mappings": "AAGA,SAAS,UAAU;AACnB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAEA,MAAM,yBAAyB;AAE/B,MAAM,YAAY,CAAE,OAAO,SAAS,UAAU,MAAO;AAErD,MAAM,iBAAiB;AAAA,EAC7B,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AACP;AAEO,MAAM,QAAQ;AAAA,EACpB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AACP;AAEO,MAAM,SAAS;AAAA,EACrB,SAAS,GAAI,iBAAkB;AAAA,EAC/B,KAAK,GAAI,KAAM;AAAA,EACf,QAAQ,GAAI,QAAS;AAAA,EACrB,MAAM,GAAI,MAAO;AAAA,EACjB,OAAO,GAAI,OAAQ;AAAA,EACnB,OAAO,GAAI,OAAQ;AAAA,EACnB,UAAU,GAAI,UAAW;AAAA,EACzB,YAAY,GAAI,YAAa;AAAA,EAC7B,OAAO,GAAI,uBAAwB;AAAA,EACnC,QAAQ,GAAI,QAAS;AACtB;AAEO,MAAM,QAAQ;AAAA,EACpB,OAAO;AAAA,EACP,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AACT;AASO,SAAS,qBAAsB,OAAQ;AAC7C,MAAK,CAAE,OAAO,UAAW;AACxB,WAAO;AAAA,EACR;AACA,SAAO,UAAU,OAAO,MAAM,SAAU,qBAAsB;AAC/D;AAUO,SAAS,yBAA0B,OAAO,cAAe;AAC/D,MAAK,CAAE,qBAAsB,KAAM,GAAI;AACtC,WAAO;AAAA,EACR;AAEA,QAAM,OAAO,qBAAsB,KAAM;AACzC,QAAM,cAAc,aAAa;AAAA,IAChC,CAAE,SAAU,OAAQ,KAAK,IAAK,MAAM;AAAA,EACrC;AAEA,SAAO,aAAa;AACrB;AAYO,SAAS,8BAA+B,OAAO,cAAe;AAEpE,MAAK,CAAE,SAAS,qBAAsB,KAAM,KAAK,UAAU,KAAM;AAChE,WAAO;AAAA,EACR;AAEA,QAAM,eAAe,aAAa;AAAA,IACjC,CAAE,SAAU,OAAQ,KAAK,IAAK,MAAM,OAAQ,KAAM;AAAA,EACnD;AAEA,MAAK,cAAc,MAAO;AACzB,WAAO,sBAAuB,aAAa,IAAK;AAAA,EACjD;AAEA,SAAO;AACR;AASO,SAAS,uBAAwB,OAAQ;AAC/C,MAAK,CAAE,OAAQ;AACd;AAAA,EACD;AAEA,QAAM,OAAO,MAAM,MAAO,2BAA4B;AAEtD,MAAK,CAAE,MAAO;AACb,WAAO;AAAA,EACR;AAEA,SAAO,8BAA+B,KAAM,CAAE,CAAE;AACjD;AASO,SAAS,qBAAsB,OAAQ;AAC7C,MAAK,CAAE,OAAQ;AACd;AAAA,EACD;AAEA,MAAK,UAAU,OAAO,UAAU,WAAY;AAC3C,WAAO;AAAA,EACR;AAEA,QAAM,OAAO,MAAM,MAAO,2BAA4B;AAEtD,SAAO,OAAO,KAAM,CAAE,IAAI;AAC3B;AAUO,SAAS,yBAA0B,aAAa,cAAe;AACrE,MAAK,gBAAgB,QAAY;AAChC,WAAO;AAAA,EACR;AACA,QAAM,OACL,WAAY,aAAa,EAAG,MAAM,IAC/B,MACA,qBAAsB,WAAY;AACtC,QAAM,cAAc,aAAa,UAAW,CAAE,gBAAiB;AAC9D,WAAO,OAAQ,YAAY,IAAK,MAAM;AAAA,EACvC,CAAE;AAGF,SAAO,gBAAgB,KAAK,cAAc;AAC3C;AAWO,SAAS,eAAgB,OAAO,MAAO;AAC7C,MAAK,CAAE,SAAS,CAAE,MAAM,QAAS;AAChC,WAAO;AAAA,EACR;AAEA,QAAM,uBACL,MAAM,SAAU,YAAa,KAC3B,MAAM,SAAU,MAAO,KAAK,MAAM,SAAU,OAAQ;AAEvD,QAAM,qBACL,MAAM,SAAU,UAAW,KACzB,MAAM,SAAU,KAAM,KAAK,MAAM,SAAU,QAAS;AAEvD,MAAK,SAAS,cAAe;AAC5B,WAAO;AAAA,EACR;AAEA,MAAK,SAAS,YAAa;AAC1B,WAAO;AAAA,EACR;AAEA,SAAO,wBAAwB;AAChC;AAWO,SAAS,wBAAyB,QAAQ,CAAC,GAAI;AACrD,QAAM,SAAS,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAE;AACtD,QAAM,QAAS,CAAE,SAAY,OAAQ,IAAK,KAAK,CAAI;AAEnD,UACG,OAAO,MAAM,OAAO,UAAW,MAAM,MACrC,OAAO,OAAO,OAAO,SAAU,MAAM;AAEzC;AAWO,SAAS,eAAgB,SAAS,CAAC,GAAG,OAAQ;AACpD,QAAM,EAAE,KAAK,OAAO,QAAQ,KAAK,IAAI;AACrC,QAAM,aAAa,CAAE,KAAK,OAAO,QAAQ,IAAK,EAAE,OAAQ,OAAQ;AAMhE,QAAM,yBACL,QAAQ,UAAU,SAAS,UAAW,CAAC,CAAE,OAAO,CAAC,CAAE;AACpD,QAAM,8BACL,CAAE,WAAW,UAAU,wBAAyB,KAAM;AACvD,QAAM,oBACL,OAAO,SAAU,YAAa,KAC9B,OAAO,SAAU,UAAW,KAC5B,OAAO,WAAW;AAEnB,MACC,eAAgB,KAAM,MACpB,0BAA0B,8BAC3B;AACD,WAAO,MAAM;AAAA,EACd;AAIA,MAAK,qBAAqB,WAAW,WAAW,GAAI;AACnD,QAAI;AAEJ,WAAO,QAAS,MAAO,EAAE,KAAM,CAAE,CAAE,KAAK,KAAM,MAAO;AACpD,aAAO;AACP,aAAO,UAAU;AAAA,IAClB,CAAE;AAEF,WAAO;AAAA,EACR;AAGA,MAAK,OAAO,WAAW,KAAK,CAAE,WAAW,QAAS;AACjD,WAAO,MAAO,CAAE;AAAA,EACjB;AAGA,SAAO,MAAM;AACd;",
+  "names": []
+}

package/build-module/components/tabbed-sidebar/index.js

@@ -1,98 +1,66 @@
-/**
- * WordPress dependencies
- */
-import { Button, privateApis as componentsPrivateApis } from '@wordpress/components';
-import { forwardRef } from '@wordpress/element';
-import { closeSmall } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../lock-unlock';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  Tabs
-} = unlock(componentsPrivateApis);
-
-/**
- * A component that creates a tabbed sidebar with a close button.
- *
- * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/tabbed-sidebar/README.md
- *
- * @example
- * ```jsx
- * function MyTabbedSidebar() {
- *   return (
- *     <TabbedSidebar
- *       tabs={ [
- *         {
- *           name: 'tab1',
- *           title: 'Settings',
- *           panel: <PanelContents />,
- *         }
- *       ] }
- *       onClose={ () => {} }
- *       onSelect={ () => {} }
- *       defaultTabId="tab1"
- *       selectedTab="tab1"
- *       closeButtonLabel="Close sidebar"
- *     />
- *   );
- * }
- * ```
- *
- * @param {Object}   props                  Component props.
- * @param {string}   [props.defaultTabId]   The ID of the tab to be selected by default when the component renders.
- * @param {Function} props.onClose          Function called when the close button is clicked.
- * @param {Function} props.onSelect         Function called when a tab is selected. Receives the selected tab's ID as an argument.
- * @param {string}   props.selectedTab      The ID of the currently selected tab.
- * @param {Array}    props.tabs             Array of tab objects. Each tab should have: name (string), title (string),
- *                                          panel (React.Node), and optionally panelRef (React.Ref).
- * @param {string}   props.closeButtonLabel Accessibility label for the close button.
- * @param {Object}   ref                    Forward ref to the tabs list element.
- * @return {Element} The tabbed sidebar component.
- */
-function TabbedSidebar({
-  defaultTabId,
-  onClose,
-  onSelect,
-  selectedTab,
-  tabs,
-  closeButtonLabel
-}, ref) {
-  return /*#__PURE__*/_jsx("div", {
-    className: "block-editor-tabbed-sidebar",
-    children: /*#__PURE__*/_jsxs(Tabs, {
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Button,
+  privateApis as componentsPrivateApis
+} from "@wordpress/components";
+import { forwardRef } from "@wordpress/element";
+import { closeSmall } from "@wordpress/icons";
+import { unlock } from "../../lock-unlock";
+const { Tabs } = unlock(componentsPrivateApis);
+function TabbedSidebar({ defaultTabId, onClose, onSelect, selectedTab, tabs, closeButtonLabel }, ref) {
+  return /* @__PURE__ */ jsx("div", { className: "block-editor-tabbed-sidebar", children: /* @__PURE__ */ jsxs(
+    Tabs,
+    {
       selectOnMove: false,
-      defaultTabId: defaultTabId,
-      onSelect: onSelect,
+      defaultTabId,
+      onSelect,
       selectedTabId: selectedTab,
-      children: [/*#__PURE__*/_jsxs("div", {
-        className: "block-editor-tabbed-sidebar__tablist-and-close-button",
-        children: [/*#__PURE__*/_jsx(Button, {
-          className: "block-editor-tabbed-sidebar__close-button",
-          icon: closeSmall,
-          label: closeButtonLabel,
-          onClick: () => onClose(),
-          size: "compact"
-        }), /*#__PURE__*/_jsx(Tabs.TabList, {
-          className: "block-editor-tabbed-sidebar__tablist",
-          ref: ref,
-          children: tabs.map(tab => /*#__PURE__*/_jsx(Tabs.Tab, {
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "block-editor-tabbed-sidebar__tablist-and-close-button", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              className: "block-editor-tabbed-sidebar__close-button",
+              icon: closeSmall,
+              label: closeButtonLabel,
+              onClick: () => onClose(),
+              size: "compact"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Tabs.TabList,
+            {
+              className: "block-editor-tabbed-sidebar__tablist",
+              ref,
+              children: tabs.map((tab) => /* @__PURE__ */ jsx(
+                Tabs.Tab,
+                {
+                  tabId: tab.name,
+                  className: "block-editor-tabbed-sidebar__tab",
+                  children: tab.title
+                },
+                tab.name
+              ))
+            }
+          )
+        ] }),
+        tabs.map((tab) => /* @__PURE__ */ jsx(
+          Tabs.TabPanel,
+          {
             tabId: tab.name,
-            className: "block-editor-tabbed-sidebar__tab",
-            children: tab.title
-          }, tab.name))
-        })]
-      }), tabs.map(tab => /*#__PURE__*/_jsx(Tabs.TabPanel, {
-        tabId: tab.name,
-        focusable: false,
-        className: "block-editor-tabbed-sidebar__tabpanel",
-        ref: tab.panelRef,
-        children: tab.panel
-      }, tab.name))]
-    })
-  });
+            focusable: false,
+            className: "block-editor-tabbed-sidebar__tabpanel",
+            ref: tab.panelRef,
+            children: tab.panel
+          },
+          tab.name
+        ))
+      ]
+    }
+  ) });
 }
-export default forwardRef(TabbedSidebar);
-//# sourceMappingURL=index.js.map
+var tabbed_sidebar_default = forwardRef(TabbedSidebar);
+export {
+  tabbed_sidebar_default as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/tabbed-sidebar/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["Button","privateApis","componentsPrivateApis","forwardRef","closeSmall","unlock","jsx","_jsx","jsxs","_jsxs","Tabs","TabbedSidebar","defaultTabId","onClose","onSelect","selectedTab","tabs","closeButtonLabel","ref","className","children","selectOnMove","selectedTabId","icon","label","onClick","size","TabList","map","tab","Tab","tabId","name","title","TabPanel","focusable","panelRef","panel"],"sources":["@wordpress/block-editor/src/components/tabbed-sidebar/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { forwardRef } from '@wordpress/element';\nimport { closeSmall } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\n/**\n * A component that creates a tabbed sidebar with a close button.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/tabbed-sidebar/README.md\n *\n * @example\n * ```jsx\n * function MyTabbedSidebar() {\n *   return (\n *     <TabbedSidebar\n *       tabs={ [\n *         {\n *           name: 'tab1',\n *           title: 'Settings',\n *           panel: <PanelContents />,\n *         }\n *       ] }\n *       onClose={ () => {} }\n *       onSelect={ () => {} }\n *       defaultTabId=\"tab1\"\n *       selectedTab=\"tab1\"\n *       closeButtonLabel=\"Close sidebar\"\n *     />\n *   );\n * }\n * ```\n *\n * @param {Object}   props                  Component props.\n * @param {string}   [props.defaultTabId]   The ID of the tab to be selected by default when the component renders.\n * @param {Function} props.onClose          Function called when the close button is clicked.\n * @param {Function} props.onSelect         Function called when a tab is selected. Receives the selected tab's ID as an argument.\n * @param {string}   props.selectedTab      The ID of the currently selected tab.\n * @param {Array}    props.tabs             Array of tab objects. Each tab should have: name (string), title (string),\n *                                          panel (React.Node), and optionally panelRef (React.Ref).\n * @param {string}   props.closeButtonLabel Accessibility label for the close button.\n * @param {Object}   ref                    Forward ref to the tabs list element.\n * @return {Element} The tabbed sidebar component.\n */\nfunction TabbedSidebar(\n\t{ defaultTabId, onClose, onSelect, selectedTab, tabs, closeButtonLabel },\n\tref\n) {\n\treturn (\n\t\t<div className=\"block-editor-tabbed-sidebar\">\n\t\t\t<Tabs\n\t\t\t\tselectOnMove={ false }\n\t\t\t\tdefaultTabId={ defaultTabId }\n\t\t\t\tonSelect={ onSelect }\n\t\t\t\tselectedTabId={ selectedTab }\n\t\t\t>\n\t\t\t\t<div className=\"block-editor-tabbed-sidebar__tablist-and-close-button\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"block-editor-tabbed-sidebar__close-button\"\n\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\tlabel={ closeButtonLabel }\n\t\t\t\t\t\tonClick={ () => onClose() }\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<Tabs.TabList\n\t\t\t\t\t\tclassName=\"block-editor-tabbed-sidebar__tablist\"\n\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\t\tclassName=\"block-editor-tabbed-sidebar__tab\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</Tabs.TabList>\n\t\t\t\t</div>\n\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\tfocusable={ false }\n\t\t\t\t\t\tclassName=\"block-editor-tabbed-sidebar__tabpanel\"\n\t\t\t\t\t\tref={ tab.panelRef }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ tab.panel }\n\t\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t) ) }\n\t\t\t</Tabs>\n\t\t</div>\n\t);\n}\n\nexport default forwardRef( TabbedSidebar );\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,MAAM,EACNC,WAAW,IAAIC,qBAAqB,QAC9B,uBAAuB;AAC9B,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,UAAU,QAAQ,kBAAkB;;AAE7C;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3C,MAAM;EAAEC;AAAK,CAAC,GAAGL,MAAM,CAAEH,qBAAsB,CAAC;;AAEhD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASS,aAAaA,CACrB;EAAEC,YAAY;EAAEC,OAAO;EAAEC,QAAQ;EAAEC,WAAW;EAAEC,IAAI;EAAEC;AAAiB,CAAC,EACxEC,GAAG,EACF;EACD,oBACCX,IAAA;IAAKY,SAAS,EAAC,6BAA6B;IAAAC,QAAA,eAC3CX,KAAA,CAACC,IAAI;MACJW,YAAY,EAAG,KAAO;MACtBT,YAAY,EAAGA,YAAc;MAC7BE,QAAQ,EAAGA,QAAU;MACrBQ,aAAa,EAAGP,WAAa;MAAAK,QAAA,gBAE7BX,KAAA;QAAKU,SAAS,EAAC,uDAAuD;QAAAC,QAAA,gBACrEb,IAAA,CAACP,MAAM;UACNmB,SAAS,EAAC,2CAA2C;UACrDI,IAAI,EAAGnB,UAAY;UACnBoB,KAAK,EAAGP,gBAAkB;UAC1BQ,OAAO,EAAGA,CAAA,KAAMZ,OAAO,CAAC,CAAG;UAC3Ba,IAAI,EAAC;QAAS,CACd,CAAC,eAEFnB,IAAA,CAACG,IAAI,CAACiB,OAAO;UACZR,SAAS,EAAC,sCAAsC;UAChDD,GAAG,EAAGA,GAAK;UAAAE,QAAA,EAETJ,IAAI,CAACY,GAAG,CAAIC,GAAG,iBAChBtB,IAAA,CAACG,IAAI,CAACoB,GAAG;YAERC,KAAK,EAAGF,GAAG,CAACG,IAAM;YAClBb,SAAS,EAAC,kCAAkC;YAAAC,QAAA,EAE1CS,GAAG,CAACI;UAAK,GAJLJ,GAAG,CAACG,IAKD,CACT;QAAC,CACU,CAAC;MAAA,CACX,CAAC,EACJhB,IAAI,CAACY,GAAG,CAAIC,GAAG,iBAChBtB,IAAA,CAACG,IAAI,CAACwB,QAAQ;QAEbH,KAAK,EAAGF,GAAG,CAACG,IAAM;QAClBG,SAAS,EAAG,KAAO;QACnBhB,SAAS,EAAC,uCAAuC;QACjDD,GAAG,EAAGW,GAAG,CAACO,QAAU;QAAAhB,QAAA,EAElBS,GAAG,CAACQ;MAAK,GANLR,GAAG,CAACG,IAOI,CACd,CAAC;IAAA,CACE;EAAC,CACH,CAAC;AAER;AAEA,eAAe7B,UAAU,CAAEQ,aAAc,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/tabbed-sidebar/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { forwardRef } from '@wordpress/element';\nimport { closeSmall } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\n/**\n * A component that creates a tabbed sidebar with a close button.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/tabbed-sidebar/README.md\n *\n * @example\n * ```jsx\n * function MyTabbedSidebar() {\n *   return (\n *     <TabbedSidebar\n *       tabs={ [\n *         {\n *           name: 'tab1',\n *           title: 'Settings',\n *           panel: <PanelContents />,\n *         }\n *       ] }\n *       onClose={ () => {} }\n *       onSelect={ () => {} }\n *       defaultTabId=\"tab1\"\n *       selectedTab=\"tab1\"\n *       closeButtonLabel=\"Close sidebar\"\n *     />\n *   );\n * }\n * ```\n *\n * @param {Object}   props                  Component props.\n * @param {string}   [props.defaultTabId]   The ID of the tab to be selected by default when the component renders.\n * @param {Function} props.onClose          Function called when the close button is clicked.\n * @param {Function} props.onSelect         Function called when a tab is selected. Receives the selected tab's ID as an argument.\n * @param {string}   props.selectedTab      The ID of the currently selected tab.\n * @param {Array}    props.tabs             Array of tab objects. Each tab should have: name (string), title (string),\n *                                          panel (React.Node), and optionally panelRef (React.Ref).\n * @param {string}   props.closeButtonLabel Accessibility label for the close button.\n * @param {Object}   ref                    Forward ref to the tabs list element.\n * @return {Element} The tabbed sidebar component.\n */\nfunction TabbedSidebar(\n\t{ defaultTabId, onClose, onSelect, selectedTab, tabs, closeButtonLabel },\n\tref\n) {\n\treturn (\n\t\t<div className=\"block-editor-tabbed-sidebar\">\n\t\t\t<Tabs\n\t\t\t\tselectOnMove={ false }\n\t\t\t\tdefaultTabId={ defaultTabId }\n\t\t\t\tonSelect={ onSelect }\n\t\t\t\tselectedTabId={ selectedTab }\n\t\t\t>\n\t\t\t\t<div className=\"block-editor-tabbed-sidebar__tablist-and-close-button\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"block-editor-tabbed-sidebar__close-button\"\n\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\tlabel={ closeButtonLabel }\n\t\t\t\t\t\tonClick={ () => onClose() }\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<Tabs.TabList\n\t\t\t\t\t\tclassName=\"block-editor-tabbed-sidebar__tablist\"\n\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\t\tclassName=\"block-editor-tabbed-sidebar__tab\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</Tabs.TabList>\n\t\t\t\t</div>\n\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\tfocusable={ false }\n\t\t\t\t\t\tclassName=\"block-editor-tabbed-sidebar__tabpanel\"\n\t\t\t\t\t\tref={ tab.panelRef }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ tab.panel }\n\t\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t) ) }\n\t\t\t</Tabs>\n\t\t</div>\n\t);\n}\n\nexport default forwardRef( TabbedSidebar );\n"],
+  "mappings": "AAmEI,SACC,KADD;AAhEJ;AAAA,EACC;AAAA,EACA,eAAe;AAAA,OACT;AACP,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAK3B,SAAS,cAAc;AAEvB,MAAM,EAAE,KAAK,IAAI,OAAQ,qBAAsB;AAwC/C,SAAS,cACR,EAAE,cAAc,SAAS,UAAU,aAAa,MAAM,iBAAiB,GACvE,KACC;AACD,SACC,oBAAC,SAAI,WAAU,+BACd;AAAA,IAAC;AAAA;AAAA,MACA,cAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA,eAAgB;AAAA,MAEhB;AAAA,6BAAC,SAAI,WAAU,yDACd;AAAA;AAAA,YAAC;AAAA;AAAA,cACA,WAAU;AAAA,cACV,MAAO;AAAA,cACP,OAAQ;AAAA,cACR,SAAU,MAAM,QAAQ;AAAA,cACxB,MAAK;AAAA;AAAA,UACN;AAAA,UAEA;AAAA,YAAC,KAAK;AAAA,YAAL;AAAA,cACA,WAAU;AAAA,cACV;AAAA,cAEE,eAAK,IAAK,CAAE,QACb;AAAA,gBAAC,KAAK;AAAA,gBAAL;AAAA,kBAEA,OAAQ,IAAI;AAAA,kBACZ,WAAU;AAAA,kBAER,cAAI;AAAA;AAAA,gBAJA,IAAI;AAAA,cAKX,CACC;AAAA;AAAA,UACH;AAAA,WACD;AAAA,QACE,KAAK,IAAK,CAAE,QACb;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YAEA,OAAQ,IAAI;AAAA,YACZ,WAAY;AAAA,YACZ,WAAU;AAAA,YACV,KAAM,IAAI;AAAA,YAER,cAAI;AAAA;AAAA,UANA,IAAI;AAAA,QAOX,CACC;AAAA;AAAA;AAAA,EACH,GACD;AAEF;AAEA,IAAO,yBAAQ,WAAY,aAAc;",
+  "names": []
+}