@wordpress/components 17.0.0 → 19.0.2

package/build/unit-control/utils.js

@@ -3,24 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.DEFAULT_UNIT = exports.CSS_UNITS = exports.ALL_CSS_UNITS = void 0;
+exports.filterUnitsWithSettings = filterUnitsWithSettings;
 exports.getParsedValue = getParsedValue;
-exports.hasUnits = hasUnits;
-exports.parseUnit = parseUnit;
+exports.getUnitsWithCurrentUnit = getUnitsWithCurrentUnit;
 exports.getValidParsedUnit = getValidParsedUnit;
+exports.hasUnits = hasUnits;
 exports.parseA11yLabelForUnit = parseA11yLabelForUnit;
-exports.filterUnitsWithSettings = filterUnitsWithSettings;
-exports.useCustomUnits = exports.DEFAULT_UNIT = exports.CSS_UNITS = exports.ALL_CSS_UNITS = void 0;
-
-var _lodash = require("lodash");
+exports.parseUnit = parseUnit;
+exports.useCustomUnits = void 0;
 
 var _i18n = require("@wordpress/i18n");
 
 var _element = require("@wordpress/element");
 
-/**
- * External dependencies
- */
-
 /**
  * WordPress dependencies
  */
@@ -33,7 +29,7 @@ const allUnits = {
     a11yLabel: (0, _i18n.__)('Pixels (px)'),
     step: 1
   },
-  percent: {
+  '%': {
     value: '%',
     label: isWeb ? '%' : (0, _i18n.__)('Percentage (%)'),
     default: '',
@@ -142,7 +138,7 @@ const ALL_CSS_UNITS = Object.values(allUnits);
  */
 
 exports.ALL_CSS_UNITS = ALL_CSS_UNITS;
-const CSS_UNITS = [allUnits.px, allUnits.percent, allUnits.em, allUnits.rem, allUnits.vw, allUnits.vh];
+const CSS_UNITS = [allUnits.px, allUnits['%'], allUnits.em, allUnits.rem, allUnits.vw, allUnits.vh];
 exports.CSS_UNITS = CSS_UNITS;
 const DEFAULT_UNIT = allUnits.px;
 /**
@@ -152,10 +148,10 @@ const DEFAULT_UNIT = allUnits.px;
  * Moving forward, ideally the value should be a string that contains both
  * the value and unit, example: '10px'
  *
- * @param {number|string} value Value
- * @param {string}        unit  Unit value
- * @param {Array<Object>} units Units to derive from.
- * @return {Array<number, string>} The extracted number and unit.
+ * @param  value Value
+ * @param  unit  Unit value
+ * @param  units Units to derive from.
+ * @return The extracted number and unit.
  */
 
 exports.DEFAULT_UNIT = DEFAULT_UNIT;
@@ -167,32 +163,33 @@ function getParsedValue(value, unit, units) {
 /**
  * Checks if units are defined.
  *
- * @param {any} units Units to check.
- * @return {boolean} Whether units are defined.
+ * @param  units Units to check.
+ * @return Whether units are defined.
  */
 
 
 function hasUnits(units) {
-  return !(0, _lodash.isEmpty)(units) && units !== false;
+  return Array.isArray(units) && !!units.length;
 }
 /**
  * Parses a number and unit from a value.
  *
- * @param {string}        initialValue Value to parse
- * @param {Array<Object>} units        Units to derive from.
- * @return {Array<number, string>} The extracted number and unit.
+ * @param  initialValue Value to parse
+ * @param  units        Units to derive from.
+ * @return The extracted number and unit.
  */
 
 
-function parseUnit(initialValue, units = ALL_CSS_UNITS) {
+function parseUnit(initialValue) {
+  let units = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ALL_CSS_UNITS;
   const value = String(initialValue).trim();
-  let num = parseFloat(value, 10);
+  let num = parseFloat(value);
   num = isNaN(num) ? '' : num;
-  const unitMatch = value.match(/[\d.\-\+]*\s*(.*)/)[1];
-  let unit = unitMatch !== undefined ? unitMatch : '';
+  const unitMatch = value.match(/[\d.\-\+]*\s*(.*)/);
+  let unit = (unitMatch === null || unitMatch === void 0 ? void 0 : unitMatch[1]) !== undefined ? unitMatch[1] : '';
   unit = unit.toLowerCase();
 
-  if (hasUnits(units)) {
+  if (hasUnits(units) && units !== false) {
     const match = units.find(item => item.value === unit);
     unit = match === null || match === void 0 ? void 0 : match.value;
   } else {
@@ -205,20 +202,21 @@ function parseUnit(initialValue, units = ALL_CSS_UNITS) {
  * Parses a number and unit from a value. Validates parsed value, using fallback
  * value if invalid.
  *
- * @param {number|string} next          The next value.
- * @param {Array<Object>} units         Units to derive from.
- * @param {number|string} fallbackValue The fallback value.
- * @param {string}        fallbackUnit  The fallback value.
- * @return {Array<number, string>} The extracted number and unit.
+ * @param  next          The next value.
+ * @param  units         Units to derive from.
+ * @param  fallbackValue The fallback value.
+ * @param  fallbackUnit  The fallback value.
+ * @return The extracted value and unit.
  */
 
 
 function getValidParsedUnit(next, units, fallbackValue, fallbackUnit) {
   const [parsedValue, parsedUnit] = parseUnit(next, units);
   let baseValue = parsedValue;
-  let baseUnit;
+  let baseUnit; // The parsed value from `parseUnit` should now be either a
+  // real number or an empty string. If not, use the fallback value.
 
-  if (isNaN(parsedValue) || parsedValue === '') {
+  if (!Number.isFinite(parsedValue) || parsedValue === '') {
     baseValue = fallbackValue;
   }
 
@@ -228,7 +226,7 @@ function getValidParsedUnit(next, units, fallbackValue, fallbackUnit) {
    * of units as a default fallback.
    */
 
-  if (hasUnits(units) && !baseUnit) {
+  if (Array.isArray(units) && hasUnits(units) && !baseUnit) {
     var _units$;
 
     baseUnit = (_units$ = units[0]) === null || _units$ === void 0 ? void 0 : _units$.value;
@@ -240,8 +238,8 @@ function getValidParsedUnit(next, units, fallbackValue, fallbackUnit) {
  * Takes a unit value and finds the matching accessibility label for the
  * unit abbreviation.
  *
- * @param {string} unit Unit value (example: px)
- * @return {string} a11y label for the unit abbreviation
+ * @param  unit Unit value (example: px)
+ * @return a11y label for the unit abbreviation
  */
 
 
@@ -250,39 +248,42 @@ function parseA11yLabelForUnit(unit) {
   return match !== null && match !== void 0 && match.a11yLabel ? match === null || match === void 0 ? void 0 : match.a11yLabel : match === null || match === void 0 ? void 0 : match.value;
 }
 /**
- * Filters available units based on values defined by settings.
+ * Filters available units based on values defined by the unit setting/property.
  *
- * @param {Array} settings Collection of preferred units.
- * @param {Array} units    Collection of available units.
+ * @param  unitSetting Collection of preferred unit value strings.
+ * @param  units       Collection of available unit objects.
  *
- * @return {Array} Filtered units based on settings.
+ * @return Filtered units based on settings.
  */
 
 
-function filterUnitsWithSettings(settings = [], units = []) {
-  return units.filter(unit => {
-    return settings.includes(unit.value);
-  });
+function filterUnitsWithSettings() {
+  let unitSetting = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  let units = arguments.length > 1 ? arguments[1] : undefined;
+  return Array.isArray(units) ? units.filter(unit => {
+    return unitSetting.includes(unit.value);
+  }) : [];
 }
 /**
  * Custom hook to retrieve and consolidate units setting from add_theme_support().
  * TODO: ideally this hook shouldn't be needed
  * https://github.com/WordPress/gutenberg/pull/31822#discussion_r633280823
  *
- * @param {Object}                  args                An object containing units, settingPath & defaultUnits.
- * @param {Array<Object>|undefined} args.units          Collection of available units.
- * @param {Array<string>|undefined} args.availableUnits The setting path. Defaults to 'spacing.units'.
- * @param {Object|undefined}        args.defaultValues  Collection of default values for defined units. Example: { px: '350', em: '15' }.
+ * @param  args                An object containing units, settingPath & defaultUnits.
+ * @param  args.units          Collection of all potentially available units.
+ * @param  args.availableUnits Collection of unit value strings for filtering available units.
+ * @param  args.defaultValues  Collection of default values for defined units. Example: { px: '350', em: '15' }.
  *
- * @return {Array|boolean} Filtered units based on settings.
+ * @return Filtered units based on settings.
  */
 
 
-const useCustomUnits = ({
-  units,
-  availableUnits,
-  defaultValues
-}) => {
+const useCustomUnits = _ref => {
+  let {
+    units,
+    availableUnits,
+    defaultValues
+  } = _ref;
   units = units || ALL_CSS_UNITS;
   const usedUnits = filterUnitsWithSettings(!availableUnits ? [] : availableUnits, units);
 
@@ -296,6 +297,40 @@ const useCustomUnits = ({
 
   return usedUnits.length === 0 ? false : usedUnits;
 };
+/**
+ * Get available units with the unit for the currently selected value
+ * prepended if it is not available in the list of units.
+ *
+ * This is useful to ensure that the current value's unit is always
+ * accurately displayed in the UI, even if the intention is to hide
+ * the availability of that unit.
+ *
+ * @param  currentValue Selected value to parse.
+ * @param  legacyUnit   Legacy unit value, if currentValue needs it appended.
+ * @param  units        List of available units.
+ *
+ * @return A collection of units containing the unit for the current value.
+ */
+
 
 exports.useCustomUnits = useCustomUnits;
+
+function getUnitsWithCurrentUnit(currentValue, legacyUnit) {
+  let units = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ALL_CSS_UNITS;
+
+  if (!Array.isArray(units)) {
+    return units;
+  }
+
+  const unitsWithCurrentUnit = [...units];
+  const [, currentUnit] = getParsedValue(currentValue, legacyUnit, ALL_CSS_UNITS);
+
+  if (currentUnit && !unitsWithCurrentUnit.some(unit => unit.value === currentUnit)) {
+    if (allUnits[currentUnit]) {
+      unitsWithCurrentUnit.unshift(allUnits[currentUnit]);
+    }
+  }
+
+  return unitsWithCurrentUnit;
+}
 //# sourceMappingURL=utils.js.map

package/build/unit-control/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/unit-control/utils.js"],"names":["isWeb","Platform","OS","allUnits","px","value","label","default","a11yLabel","step","percent","em","rem","vw","vh","vmin","vmax","ch","ex","cm","mm","in","pc","pt","ALL_CSS_UNITS","Object","values","CSS_UNITS","DEFAULT_UNIT","getParsedValue","unit","units","initialValue","parseUnit","hasUnits","String","trim","num","parseFloat","isNaN","unitMatch","match","undefined","toLowerCase","find","item","getValidParsedUnit","next","fallbackValue","fallbackUnit","parsedValue","parsedUnit","baseValue","baseUnit","parseA11yLabelForUnit","filterUnitsWithSettings","settings","filter","includes","useCustomUnits","availableUnits","defaultValues","usedUnits","forEach","i","length"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { isEmpty } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { Platform } from '@wordpress/element';\n\nconst isWeb = Platform.OS === 'web';\n\nconst allUnits = {\n\tpx: {\n\t\tvalue: 'px',\n\t\tlabel: isWeb ? 'px' : __( 'Pixels (px)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Pixels (px)' ),\n\t\tstep: 1,\n\t},\n\tpercent: {\n\t\tvalue: '%',\n\t\tlabel: isWeb ? '%' : __( 'Percentage (%)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Percent (%)' ),\n\t\tstep: 0.1,\n\t},\n\tem: {\n\t\tvalue: 'em',\n\t\tlabel: isWeb ? 'em' : __( 'Relative to parent font size (em)' ),\n\t\tdefault: '',\n\t\ta11yLabel: _x( 'ems', 'Relative to parent font size (em)' ),\n\t\tstep: 0.01,\n\t},\n\trem: {\n\t\tvalue: 'rem',\n\t\tlabel: isWeb ? 'rem' : __( 'Relative to root font size (rem)' ),\n\t\tdefault: '',\n\t\ta11yLabel: _x( 'rems', 'Relative to root font size (rem)' ),\n\t\tstep: 0.01,\n\t},\n\tvw: {\n\t\tvalue: 'vw',\n\t\tlabel: isWeb ? 'vw' : __( 'Viewport width (vw)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Viewport width (vw)' ),\n\t\tstep: 0.1,\n\t},\n\tvh: {\n\t\tvalue: 'vh',\n\t\tlabel: isWeb ? 'vh' : __( 'Viewport height (vh)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Viewport height (vh)' ),\n\t\tstep: 0.1,\n\t},\n\tvmin: {\n\t\tvalue: 'vmin',\n\t\tlabel: isWeb ? 'vmin' : __( 'Viewport smallest dimension (vmin)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Viewport smallest dimension (vmin)' ),\n\t\tstep: 0.1,\n\t},\n\tvmax: {\n\t\tvalue: 'vmax',\n\t\tlabel: isWeb ? 'vmax' : __( 'Viewport largest dimension (vmax)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Viewport largest dimension (vmax)' ),\n\t\tstep: 0.1,\n\t},\n\tch: {\n\t\tvalue: 'ch',\n\t\tlabel: isWeb ? 'ch' : __( 'Width of the zero (0) character (ch)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Width of the zero (0) character (ch)' ),\n\t\tstep: 0.01,\n\t},\n\tex: {\n\t\tvalue: 'ex',\n\t\tlabel: isWeb ? 'ex' : __( 'x-height of the font (ex)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'x-height of the font (ex)' ),\n\t\tstep: 0.01,\n\t},\n\tcm: {\n\t\tvalue: 'cm',\n\t\tlabel: isWeb ? 'cm' : __( 'Centimeters (cm)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Centimeters (cm)' ),\n\t\tstep: 0.001,\n\t},\n\tmm: {\n\t\tvalue: 'mm',\n\t\tlabel: isWeb ? 'mm' : __( 'Millimeters (mm)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Millimeters (mm)' ),\n\t\tstep: 0.1,\n\t},\n\tin: {\n\t\tvalue: 'in',\n\t\tlabel: isWeb ? 'in' : __( 'Inches (in)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Inches (in)' ),\n\t\tstep: 0.001,\n\t},\n\tpc: {\n\t\tvalue: 'pc',\n\t\tlabel: isWeb ? 'pc' : __( 'Picas (pc)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Picas (pc)' ),\n\t\tstep: 1,\n\t},\n\tpt: {\n\t\tvalue: 'pt',\n\t\tlabel: isWeb ? 'pt' : __( 'Points (pt)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Points (pt)' ),\n\t\tstep: 1,\n\t},\n};\n\n/**\n * An array of all available CSS length units.\n */\nexport const ALL_CSS_UNITS = Object.values( allUnits );\n\n/**\n * Units of measurements. `a11yLabel` is used by screenreaders.\n */\nexport const CSS_UNITS = [\n\tallUnits.px,\n\tallUnits.percent,\n\tallUnits.em,\n\tallUnits.rem,\n\tallUnits.vw,\n\tallUnits.vh,\n];\n\nexport const DEFAULT_UNIT = allUnits.px;\n\n/**\n * Handles legacy value + unit handling.\n * This component use to manage both incoming value and units separately.\n *\n * Moving forward, ideally the value should be a string that contains both\n * the value and unit, example: '10px'\n *\n * @param {number|string} value Value\n * @param {string}        unit  Unit value\n * @param {Array<Object>} units Units to derive from.\n * @return {Array<number, string>} The extracted number and unit.\n */\nexport function getParsedValue( value, unit, units ) {\n\tconst initialValue = unit ? `${ value }${ unit }` : value;\n\n\treturn parseUnit( initialValue, units );\n}\n\n/**\n * Checks if units are defined.\n *\n * @param {any} units Units to check.\n * @return {boolean} Whether units are defined.\n */\nexport function hasUnits( units ) {\n\treturn ! isEmpty( units ) && units !== false;\n}\n\n/**\n * Parses a number and unit from a value.\n *\n * @param {string}        initialValue Value to parse\n * @param {Array<Object>} units        Units to derive from.\n * @return {Array<number, string>} The extracted number and unit.\n */\nexport function parseUnit( initialValue, units = ALL_CSS_UNITS ) {\n\tconst value = String( initialValue ).trim();\n\n\tlet num = parseFloat( value, 10 );\n\tnum = isNaN( num ) ? '' : num;\n\n\tconst unitMatch = value.match( /[\\d.\\-\\+]*\\s*(.*)/ )[ 1 ];\n\n\tlet unit = unitMatch !== undefined ? unitMatch : '';\n\tunit = unit.toLowerCase();\n\n\tif ( hasUnits( units ) ) {\n\t\tconst match = units.find( ( item ) => item.value === unit );\n\t\tunit = match?.value;\n\t} else {\n\t\tunit = DEFAULT_UNIT.value;\n\t}\n\n\treturn [ num, unit ];\n}\n\n/**\n * Parses a number and unit from a value. Validates parsed value, using fallback\n * value if invalid.\n *\n * @param {number|string} next          The next value.\n * @param {Array<Object>} units         Units to derive from.\n * @param {number|string} fallbackValue The fallback value.\n * @param {string}        fallbackUnit  The fallback value.\n * @return {Array<number, string>} The extracted number and unit.\n */\nexport function getValidParsedUnit( next, units, fallbackValue, fallbackUnit ) {\n\tconst [ parsedValue, parsedUnit ] = parseUnit( next, units );\n\tlet baseValue = parsedValue;\n\tlet baseUnit;\n\n\tif ( isNaN( parsedValue ) || parsedValue === '' ) {\n\t\tbaseValue = fallbackValue;\n\t}\n\n\tbaseUnit = parsedUnit || fallbackUnit;\n\n\t/**\n\t * If no unit is found, attempt to use the first value from the collection\n\t * of units as a default fallback.\n\t */\n\tif ( hasUnits( units ) && ! baseUnit ) {\n\t\tbaseUnit = units[ 0 ]?.value;\n\t}\n\n\treturn [ baseValue, baseUnit ];\n}\n\n/**\n * Takes a unit value and finds the matching accessibility label for the\n * unit abbreviation.\n *\n * @param {string} unit Unit value (example: px)\n * @return {string} a11y label for the unit abbreviation\n */\nexport function parseA11yLabelForUnit( unit ) {\n\tconst match = ALL_CSS_UNITS.find( ( item ) => item.value === unit );\n\treturn match?.a11yLabel ? match?.a11yLabel : match?.value;\n}\n\n/**\n * Filters available units based on values defined by settings.\n *\n * @param {Array} settings Collection of preferred units.\n * @param {Array} units    Collection of available units.\n *\n * @return {Array} Filtered units based on settings.\n */\nexport function filterUnitsWithSettings( settings = [], units = [] ) {\n\treturn units.filter( ( unit ) => {\n\t\treturn settings.includes( unit.value );\n\t} );\n}\n\n/**\n * Custom hook to retrieve and consolidate units setting from add_theme_support().\n * TODO: ideally this hook shouldn't be needed\n * https://github.com/WordPress/gutenberg/pull/31822#discussion_r633280823\n *\n * @param {Object}                  args                An object containing units, settingPath & defaultUnits.\n * @param {Array<Object>|undefined} args.units          Collection of available units.\n * @param {Array<string>|undefined} args.availableUnits The setting path. Defaults to 'spacing.units'.\n * @param {Object|undefined}        args.defaultValues  Collection of default values for defined units. Example: { px: '350', em: '15' }.\n *\n * @return {Array|boolean} Filtered units based on settings.\n */\nexport const useCustomUnits = ( { units, availableUnits, defaultValues } ) => {\n\tunits = units || ALL_CSS_UNITS;\n\tconst usedUnits = filterUnitsWithSettings(\n\t\t! availableUnits ? [] : availableUnits,\n\t\tunits\n\t);\n\n\tif ( defaultValues ) {\n\t\tusedUnits.forEach( ( unit, i ) => {\n\t\t\tif ( defaultValues[ unit.value ] ) {\n\t\t\t\tusedUnits[ i ].default = defaultValues[ unit.value ];\n\t\t\t}\n\t\t} );\n\t}\n\n\treturn usedUnits.length === 0 ? false : usedUnits;\n};\n"]}
+{"version":3,"sources":["@wordpress/components/src/unit-control/utils.ts"],"names":["isWeb","Platform","OS","allUnits","px","value","label","default","a11yLabel","step","em","rem","vw","vh","vmin","vmax","ch","ex","cm","mm","in","pc","pt","ALL_CSS_UNITS","Object","values","CSS_UNITS","DEFAULT_UNIT","getParsedValue","unit","units","initialValue","parseUnit","hasUnits","Array","isArray","length","String","trim","num","parseFloat","isNaN","unitMatch","match","undefined","toLowerCase","find","item","getValidParsedUnit","next","fallbackValue","fallbackUnit","parsedValue","parsedUnit","baseValue","baseUnit","Number","isFinite","parseA11yLabelForUnit","filterUnitsWithSettings","unitSetting","filter","includes","useCustomUnits","availableUnits","defaultValues","usedUnits","forEach","i","getUnitsWithCurrentUnit","currentValue","legacyUnit","unitsWithCurrentUnit","currentUnit","some","unshift"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { Platform } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { Value, WPUnitControlUnit, WPUnitControlUnitList } from './types';\n\nconst isWeb = Platform.OS === 'web';\n\nconst allUnits: Record< string, WPUnitControlUnit > = {\n\tpx: {\n\t\tvalue: 'px',\n\t\tlabel: isWeb ? 'px' : __( 'Pixels (px)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Pixels (px)' ),\n\t\tstep: 1,\n\t},\n\t'%': {\n\t\tvalue: '%',\n\t\tlabel: isWeb ? '%' : __( 'Percentage (%)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Percent (%)' ),\n\t\tstep: 0.1,\n\t},\n\tem: {\n\t\tvalue: 'em',\n\t\tlabel: isWeb ? 'em' : __( 'Relative to parent font size (em)' ),\n\t\tdefault: '',\n\t\ta11yLabel: _x( 'ems', 'Relative to parent font size (em)' ),\n\t\tstep: 0.01,\n\t},\n\trem: {\n\t\tvalue: 'rem',\n\t\tlabel: isWeb ? 'rem' : __( 'Relative to root font size (rem)' ),\n\t\tdefault: '',\n\t\ta11yLabel: _x( 'rems', 'Relative to root font size (rem)' ),\n\t\tstep: 0.01,\n\t},\n\tvw: {\n\t\tvalue: 'vw',\n\t\tlabel: isWeb ? 'vw' : __( 'Viewport width (vw)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Viewport width (vw)' ),\n\t\tstep: 0.1,\n\t},\n\tvh: {\n\t\tvalue: 'vh',\n\t\tlabel: isWeb ? 'vh' : __( 'Viewport height (vh)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Viewport height (vh)' ),\n\t\tstep: 0.1,\n\t},\n\tvmin: {\n\t\tvalue: 'vmin',\n\t\tlabel: isWeb ? 'vmin' : __( 'Viewport smallest dimension (vmin)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Viewport smallest dimension (vmin)' ),\n\t\tstep: 0.1,\n\t},\n\tvmax: {\n\t\tvalue: 'vmax',\n\t\tlabel: isWeb ? 'vmax' : __( 'Viewport largest dimension (vmax)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Viewport largest dimension (vmax)' ),\n\t\tstep: 0.1,\n\t},\n\tch: {\n\t\tvalue: 'ch',\n\t\tlabel: isWeb ? 'ch' : __( 'Width of the zero (0) character (ch)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Width of the zero (0) character (ch)' ),\n\t\tstep: 0.01,\n\t},\n\tex: {\n\t\tvalue: 'ex',\n\t\tlabel: isWeb ? 'ex' : __( 'x-height of the font (ex)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'x-height of the font (ex)' ),\n\t\tstep: 0.01,\n\t},\n\tcm: {\n\t\tvalue: 'cm',\n\t\tlabel: isWeb ? 'cm' : __( 'Centimeters (cm)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Centimeters (cm)' ),\n\t\tstep: 0.001,\n\t},\n\tmm: {\n\t\tvalue: 'mm',\n\t\tlabel: isWeb ? 'mm' : __( 'Millimeters (mm)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Millimeters (mm)' ),\n\t\tstep: 0.1,\n\t},\n\tin: {\n\t\tvalue: 'in',\n\t\tlabel: isWeb ? 'in' : __( 'Inches (in)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Inches (in)' ),\n\t\tstep: 0.001,\n\t},\n\tpc: {\n\t\tvalue: 'pc',\n\t\tlabel: isWeb ? 'pc' : __( 'Picas (pc)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Picas (pc)' ),\n\t\tstep: 1,\n\t},\n\tpt: {\n\t\tvalue: 'pt',\n\t\tlabel: isWeb ? 'pt' : __( 'Points (pt)' ),\n\t\tdefault: '',\n\t\ta11yLabel: __( 'Points (pt)' ),\n\t\tstep: 1,\n\t},\n};\n\n/**\n * An array of all available CSS length units.\n */\nexport const ALL_CSS_UNITS = Object.values( allUnits );\n\n/**\n * Units of measurements. `a11yLabel` is used by screenreaders.\n */\nexport const CSS_UNITS = [\n\tallUnits.px,\n\tallUnits[ '%' ],\n\tallUnits.em,\n\tallUnits.rem,\n\tallUnits.vw,\n\tallUnits.vh,\n];\n\nexport const DEFAULT_UNIT = allUnits.px;\n\n/**\n * Handles legacy value + unit handling.\n * This component use to manage both incoming value and units separately.\n *\n * Moving forward, ideally the value should be a string that contains both\n * the value and unit, example: '10px'\n *\n * @param  value Value\n * @param  unit  Unit value\n * @param  units Units to derive from.\n * @return The extracted number and unit.\n */\nexport function getParsedValue(\n\tvalue: Value,\n\tunit?: string,\n\tunits?: WPUnitControlUnitList\n): [ Value, string | undefined ] {\n\tconst initialValue = unit ? `${ value }${ unit }` : value;\n\n\treturn parseUnit( initialValue, units );\n}\n\n/**\n * Checks if units are defined.\n *\n * @param  units Units to check.\n * @return Whether units are defined.\n */\nexport function hasUnits( units: WPUnitControlUnitList ): boolean {\n\treturn Array.isArray( units ) && !! units.length;\n}\n\n/**\n * Parses a number and unit from a value.\n *\n * @param  initialValue Value to parse\n * @param  units        Units to derive from.\n * @return The extracted number and unit.\n */\nexport function parseUnit(\n\tinitialValue: Value | undefined,\n\tunits: WPUnitControlUnitList = ALL_CSS_UNITS\n): [ Value, string | undefined ] {\n\tconst value = String( initialValue ).trim();\n\n\tlet num: Value = parseFloat( value );\n\tnum = isNaN( num ) ? '' : num;\n\n\tconst unitMatch = value.match( /[\\d.\\-\\+]*\\s*(.*)/ );\n\n\tlet unit: string | undefined =\n\t\tunitMatch?.[ 1 ] !== undefined ? unitMatch[ 1 ] : '';\n\tunit = unit.toLowerCase();\n\n\tif ( hasUnits( units ) && units !== false ) {\n\t\tconst match = units.find( ( item ) => item.value === unit );\n\t\tunit = match?.value;\n\t} else {\n\t\tunit = DEFAULT_UNIT.value;\n\t}\n\n\treturn [ num, unit ];\n}\n\n/**\n * Parses a number and unit from a value. Validates parsed value, using fallback\n * value if invalid.\n *\n * @param  next          The next value.\n * @param  units         Units to derive from.\n * @param  fallbackValue The fallback value.\n * @param  fallbackUnit  The fallback value.\n * @return The extracted value and unit.\n */\nexport function getValidParsedUnit(\n\tnext: Value | undefined,\n\tunits: WPUnitControlUnitList,\n\tfallbackValue: Value,\n\tfallbackUnit: string | undefined\n): [ Value, string | undefined ] {\n\tconst [ parsedValue, parsedUnit ] = parseUnit( next, units );\n\tlet baseValue = parsedValue;\n\tlet baseUnit: string | undefined;\n\n\t// The parsed value from `parseUnit` should now be either a\n\t// real number or an empty string. If not, use the fallback value.\n\tif ( ! Number.isFinite( parsedValue ) || parsedValue === '' ) {\n\t\tbaseValue = fallbackValue;\n\t}\n\n\tbaseUnit = parsedUnit || fallbackUnit;\n\n\t/**\n\t * If no unit is found, attempt to use the first value from the collection\n\t * of units as a default fallback.\n\t */\n\tif ( Array.isArray( units ) && hasUnits( units ) && ! baseUnit ) {\n\t\tbaseUnit = units[ 0 ]?.value;\n\t}\n\n\treturn [ baseValue, baseUnit ];\n}\n\n/**\n * Takes a unit value and finds the matching accessibility label for the\n * unit abbreviation.\n *\n * @param  unit Unit value (example: px)\n * @return a11y label for the unit abbreviation\n */\nexport function parseA11yLabelForUnit( unit: string ): string | undefined {\n\tconst match = ALL_CSS_UNITS.find( ( item ) => item.value === unit );\n\treturn match?.a11yLabel ? match?.a11yLabel : match?.value;\n}\n\n/**\n * Filters available units based on values defined by the unit setting/property.\n *\n * @param  unitSetting Collection of preferred unit value strings.\n * @param  units       Collection of available unit objects.\n *\n * @return Filtered units based on settings.\n */\nexport function filterUnitsWithSettings(\n\tunitSetting: Array< string > = [],\n\tunits: WPUnitControlUnitList\n): Array< WPUnitControlUnit > {\n\treturn Array.isArray( units )\n\t\t? units.filter( ( unit ) => {\n\t\t\t\treturn unitSetting.includes( unit.value );\n\t\t  } )\n\t\t: [];\n}\n\n/**\n * Custom hook to retrieve and consolidate units setting from add_theme_support().\n * TODO: ideally this hook shouldn't be needed\n * https://github.com/WordPress/gutenberg/pull/31822#discussion_r633280823\n *\n * @param  args                An object containing units, settingPath & defaultUnits.\n * @param  args.units          Collection of all potentially available units.\n * @param  args.availableUnits Collection of unit value strings for filtering available units.\n * @param  args.defaultValues  Collection of default values for defined units. Example: { px: '350', em: '15' }.\n *\n * @return Filtered units based on settings.\n */\nexport const useCustomUnits = ( {\n\tunits,\n\tavailableUnits,\n\tdefaultValues,\n}: {\n\tunits?: WPUnitControlUnitList;\n\tavailableUnits?: Array< string >;\n\tdefaultValues: Record< string, Value >;\n} ): WPUnitControlUnitList => {\n\tunits = units || ALL_CSS_UNITS;\n\tconst usedUnits = filterUnitsWithSettings(\n\t\t! availableUnits ? [] : availableUnits,\n\t\tunits\n\t);\n\n\tif ( defaultValues ) {\n\t\tusedUnits.forEach( ( unit, i ) => {\n\t\t\tif ( defaultValues[ unit.value ] ) {\n\t\t\t\tusedUnits[ i ].default = defaultValues[ unit.value ];\n\t\t\t}\n\t\t} );\n\t}\n\n\treturn usedUnits.length === 0 ? false : usedUnits;\n};\n\n/**\n * Get available units with the unit for the currently selected value\n * prepended if it is not available in the list of units.\n *\n * This is useful to ensure that the current value's unit is always\n * accurately displayed in the UI, even if the intention is to hide\n * the availability of that unit.\n *\n * @param  currentValue Selected value to parse.\n * @param  legacyUnit   Legacy unit value, if currentValue needs it appended.\n * @param  units        List of available units.\n *\n * @return A collection of units containing the unit for the current value.\n */\nexport function getUnitsWithCurrentUnit(\n\tcurrentValue: Value,\n\tlegacyUnit: string | undefined,\n\tunits: WPUnitControlUnitList = ALL_CSS_UNITS\n): WPUnitControlUnitList {\n\tif ( ! Array.isArray( units ) ) {\n\t\treturn units;\n\t}\n\n\tconst unitsWithCurrentUnit = [ ...units ];\n\tconst [ , currentUnit ] = getParsedValue(\n\t\tcurrentValue,\n\t\tlegacyUnit,\n\t\tALL_CSS_UNITS\n\t);\n\n\tif (\n\t\tcurrentUnit &&\n\t\t! unitsWithCurrentUnit.some( ( unit ) => unit.value === currentUnit )\n\t) {\n\t\tif ( allUnits[ currentUnit ] ) {\n\t\t\tunitsWithCurrentUnit.unshift( allUnits[ currentUnit ] );\n\t\t}\n\t}\n\n\treturn unitsWithCurrentUnit;\n}\n"]}

package/build/utils/browsers.js

@@ -18,7 +18,11 @@ var _react = require("@emotion/react");
  * @param {TemplateStringsArray}                                      strings
  * @param {import('@emotion/css/create-instance').CSSInterpolation[]} interpolations
  */
-function firefoxOnly(strings, ...interpolations) {
+function firefoxOnly(strings) {
+  for (var _len = arguments.length, interpolations = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    interpolations[_key - 1] = arguments[_key];
+  }
+
   const interpolatedStyles = /*#__PURE__*/(0, _react.css)(strings, ...interpolations);
   return /*#__PURE__*/(0, _react.css)("@-moz-document url-prefix(){", interpolatedStyles, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:firefoxOnly;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdXRpbHMvYnJvd3NlcnMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYVciLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy91dGlscy9icm93c2Vycy5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyogZXNsaW50LWRpc2FibGUganNkb2Mvbm8tdW5kZWZpbmVkLXR5cGVzICovXG4vKipcbiAqIEBwYXJhbSB7VGVtcGxhdGVTdHJpbmdzQXJyYXl9ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHJpbmdzXG4gKiBAcGFyYW0ge2ltcG9ydCgnQGVtb3Rpb24vY3NzL2NyZWF0ZS1pbnN0YW5jZScpLkNTU0ludGVycG9sYXRpb25bXX0gaW50ZXJwb2xhdGlvbnNcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIGZpcmVmb3hPbmx5KCBzdHJpbmdzLCAuLi5pbnRlcnBvbGF0aW9ucyApIHtcblx0Y29uc3QgaW50ZXJwb2xhdGVkU3R5bGVzID0gY3NzKCBzdHJpbmdzLCAuLi5pbnRlcnBvbGF0aW9ucyApO1xuXG5cdHJldHVybiBjc3NgXG5cdFx0QC1tb3otZG9jdW1lbnQgdXJsLXByZWZpeCgpIHtcblx0XHRcdCR7IGludGVycG9sYXRlZFN0eWxlcyB9O1xuXHRcdH1cblx0YDtcbn1cblxuLyoqXG4gKiBAcGFyYW0ge1RlbXBsYXRlU3RyaW5nc0FycmF5fSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3RyaW5nc1xuICogQHBhcmFtIHtpbXBvcnQoJ0BlbW90aW9uL2Nzcy9jcmVhdGUtaW5zdGFuY2UnKS5DU1NJbnRlcnBvbGF0aW9uW119IGludGVycG9sYXRpb25zXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBzYWZhcmlPbmx5KCBzdHJpbmdzLCAuLi5pbnRlcnBvbGF0aW9ucyApIHtcblx0Y29uc3QgaW50ZXJwb2xhdGVkU3R5bGVzID0gY3NzKCBzdHJpbmdzLCAuLi5pbnRlcnBvbGF0aW9ucyApO1xuXG5cdHJldHVybiBjc3NgXG5cdFx0QG1lZGlhIG5vdCBhbGwgYW5kICggbWluLXJlc29sdXRpb246IDAuMDAxZHBjbSApIHtcblx0XHRcdEBzdXBwb3J0cyAoIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZSApIHtcblx0XHRcdFx0JHsgaW50ZXJwb2xhdGVkU3R5bGVzIH1cblx0XHRcdH1cblx0XHR9XG5cdGA7XG59XG4vKiBlc2xpbnQtZW5hYmxlIGpzZG9jL25vLXVuZGVmaW5lZC10eXBlcyAqL1xuIl19 */");
 }
@@ -28,7 +32,11 @@ function firefoxOnly(strings, ...interpolations) {
  */
 
 
-function safariOnly(strings, ...interpolations) {
+function safariOnly(strings) {
+  for (var _len2 = arguments.length, interpolations = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+    interpolations[_key2 - 1] = arguments[_key2];
+  }
+
   const interpolatedStyles = /*#__PURE__*/(0, _react.css)(strings, ...interpolations);
   return /*#__PURE__*/(0, _react.css)("@media not all and ( min-resolution: 0.001dpcm ){@supports ( -webkit-appearance: none ){", interpolatedStyles, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:safariOnly;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdXRpbHMvYnJvd3NlcnMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJXIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvdXRpbHMvYnJvd3NlcnMuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qIGVzbGludC1kaXNhYmxlIGpzZG9jL25vLXVuZGVmaW5lZC10eXBlcyAqL1xuLyoqXG4gKiBAcGFyYW0ge1RlbXBsYXRlU3RyaW5nc0FycmF5fSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3RyaW5nc1xuICogQHBhcmFtIHtpbXBvcnQoJ0BlbW90aW9uL2Nzcy9jcmVhdGUtaW5zdGFuY2UnKS5DU1NJbnRlcnBvbGF0aW9uW119IGludGVycG9sYXRpb25zXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBmaXJlZm94T25seSggc3RyaW5ncywgLi4uaW50ZXJwb2xhdGlvbnMgKSB7XG5cdGNvbnN0IGludGVycG9sYXRlZFN0eWxlcyA9IGNzcyggc3RyaW5ncywgLi4uaW50ZXJwb2xhdGlvbnMgKTtcblxuXHRyZXR1cm4gY3NzYFxuXHRcdEAtbW96LWRvY3VtZW50IHVybC1wcmVmaXgoKSB7XG5cdFx0XHQkeyBpbnRlcnBvbGF0ZWRTdHlsZXMgfTtcblx0XHR9XG5cdGA7XG59XG5cbi8qKlxuICogQHBhcmFtIHtUZW1wbGF0ZVN0cmluZ3NBcnJheX0gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN0cmluZ3NcbiAqIEBwYXJhbSB7aW1wb3J0KCdAZW1vdGlvbi9jc3MvY3JlYXRlLWluc3RhbmNlJykuQ1NTSW50ZXJwb2xhdGlvbltdfSBpbnRlcnBvbGF0aW9uc1xuICovXG5leHBvcnQgZnVuY3Rpb24gc2FmYXJpT25seSggc3RyaW5ncywgLi4uaW50ZXJwb2xhdGlvbnMgKSB7XG5cdGNvbnN0IGludGVycG9sYXRlZFN0eWxlcyA9IGNzcyggc3RyaW5ncywgLi4uaW50ZXJwb2xhdGlvbnMgKTtcblxuXHRyZXR1cm4gY3NzYFxuXHRcdEBtZWRpYSBub3QgYWxsIGFuZCAoIG1pbi1yZXNvbHV0aW9uOiAwLjAwMWRwY20gKSB7XG5cdFx0XHRAc3VwcG9ydHMgKCAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmUgKSB7XG5cdFx0XHRcdCR7IGludGVycG9sYXRlZFN0eWxlcyB9XG5cdFx0XHR9XG5cdFx0fVxuXHRgO1xufVxuLyogZXNsaW50LWVuYWJsZSBqc2RvYy9uby11bmRlZmluZWQtdHlwZXMgKi9cbiJdfQ== */");
 }

package/build/utils/browsers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/utils/browsers.js"],"names":["firefoxOnly","strings","interpolations","interpolatedStyles","css","safariOnly"],"mappings":";;;;;;;;AAGA;;AAHA;AACA;AACA;;AAGA;;AACA;AACA;AACA;AACA;AACO,SAASA,WAAT,CAAsBC,OAAtB,EAA+B,GAAGC,cAAlC,EAAmD;AACzD,QAAMC,kBAAkB,gBAAG,gBAAKF,OAAL,EAAc,GAAGC,cAAjB,CAA3B;AAEA,0BAAOE,UAAP,kCAEKD,kBAFL;AAKA;AAED;AACA;AACA;AACA;;;AACO,SAASE,UAAT,CAAqBJ,OAArB,EAA8B,GAAGC,cAAjC,EAAkD;AACxD,QAAMC,kBAAkB,gBAAG,gBAAKF,OAAL,EAAc,GAAGC,cAAjB,CAA3B;AAEA,0BAAOE,UAAP,8FAGMD,kBAHN;AAOA;AACD","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/* eslint-disable jsdoc/no-undefined-types */\n/**\n * @param {TemplateStringsArray}                                      strings\n * @param {import('@emotion/css/create-instance').CSSInterpolation[]} interpolations\n */\nexport function firefoxOnly( strings, ...interpolations ) {\n\tconst interpolatedStyles = css( strings, ...interpolations );\n\n\treturn css`\n\t\t@-moz-document url-prefix() {\n\t\t\t${ interpolatedStyles };\n\t\t}\n\t`;\n}\n\n/**\n * @param {TemplateStringsArray}                                      strings\n * @param {import('@emotion/css/create-instance').CSSInterpolation[]} interpolations\n */\nexport function safariOnly( strings, ...interpolations ) {\n\tconst interpolatedStyles = css( strings, ...interpolations );\n\n\treturn css`\n\t\t@media not all and ( min-resolution: 0.001dpcm ) {\n\t\t\t@supports ( -webkit-appearance: none ) {\n\t\t\t\t${ interpolatedStyles }\n\t\t\t}\n\t\t}\n\t`;\n}\n/* eslint-enable jsdoc/no-undefined-types */\n"]}
+{"version":3,"sources":["@wordpress/components/src/utils/browsers.js"],"names":["firefoxOnly","strings","interpolations","interpolatedStyles","css","safariOnly"],"mappings":";;;;;;;;AAGA;;AAHA;AACA;AACA;;AAGA;;AACA;AACA;AACA;AACA;AACO,SAASA,WAAT,CAAsBC,OAAtB,EAAmD;AAAA,oCAAjBC,cAAiB;AAAjBA,IAAAA,cAAiB;AAAA;;AACzD,QAAMC,kBAAkB,gBAAG,gBAAKF,OAAL,EAAc,GAAGC,cAAjB,CAA3B;AAEA,0BAAOE,UAAP,kCAEKD,kBAFL;AAKA;AAED;AACA;AACA;AACA;;;AACO,SAASE,UAAT,CAAqBJ,OAArB,EAAkD;AAAA,qCAAjBC,cAAiB;AAAjBA,IAAAA,cAAiB;AAAA;;AACxD,QAAMC,kBAAkB,gBAAG,gBAAKF,OAAL,EAAc,GAAGC,cAAjB,CAA3B;AAEA,0BAAOE,UAAP,8FAGMD,kBAHN;AAOA;AACD","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/* eslint-disable jsdoc/no-undefined-types */\n/**\n * @param {TemplateStringsArray}                                      strings\n * @param {import('@emotion/css/create-instance').CSSInterpolation[]} interpolations\n */\nexport function firefoxOnly( strings, ...interpolations ) {\n\tconst interpolatedStyles = css( strings, ...interpolations );\n\n\treturn css`\n\t\t@-moz-document url-prefix() {\n\t\t\t${ interpolatedStyles };\n\t\t}\n\t`;\n}\n\n/**\n * @param {TemplateStringsArray}                                      strings\n * @param {import('@emotion/css/create-instance').CSSInterpolation[]} interpolations\n */\nexport function safariOnly( strings, ...interpolations ) {\n\tconst interpolatedStyles = css( strings, ...interpolations );\n\n\treturn css`\n\t\t@media not all and ( min-resolution: 0.001dpcm ) {\n\t\t\t@supports ( -webkit-appearance: none ) {\n\t\t\t\t${ interpolatedStyles }\n\t\t\t}\n\t\t}\n\t`;\n}\n/* eslint-enable jsdoc/no-undefined-types */\n"]}

package/build/utils/colors-values.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.COLORS = exports.UI = exports.ADMIN = exports.ALERT = exports.BLUE = exports.LIGHT_OPACITY_LIGHT = exports.LIGHT_GRAY = exports.DARK_OPACITY_LIGHT = exports.DARK_OPACITY = exports.DARK_GRAY = exports.G2 = exports.BASE = void 0;
+exports.default = exports.UI = exports.LIGHT_OPACITY_LIGHT = exports.LIGHT_GRAY = exports.G2 = exports.DARK_OPACITY_LIGHT = exports.DARK_OPACITY = exports.DARK_GRAY = exports.COLORS = exports.BLUE = exports.BASE = exports.ALERT = exports.ADMIN = void 0;
 
 var _lodash = require("lodash");
 

package/build/utils/colors.js

@@ -7,12 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.rgba = rgba;
 
-var _tinycolor = _interopRequireDefault(require("tinycolor2"));
+var _colord = require("colord");
+
+var _names = _interopRequireDefault(require("colord/plugins/names"));
 
 /**
  * External dependencies
  */
-
+(0, _colord.extend)([_names.default]);
 /**
  * Generating a CSS compliant rgba() color value.
  *
@@ -24,12 +26,10 @@ var _tinycolor = _interopRequireDefault(require("tinycolor2"));
  * rgba( '#000000', 0.5 )
  * // rgba(0, 0, 0, 0.5)
  */
-function rgba(hexValue = '', alpha = 1) {
-  const {
-    r,
-    g,
-    b
-  } = (0, _tinycolor.default)(hexValue).toRgb();
-  return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+
+function rgba() {
+  let hexValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  let alpha = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  return (0, _colord.colord)(hexValue).alpha(alpha).toRgbString();
 }
 //# sourceMappingURL=colors.js.map

package/build/utils/colors.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/utils/colors.js"],"names":["rgba","hexValue","alpha","r","g","b","toRgb"],"mappings":";;;;;;;;;AAGA;;AAHA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,IAAT,CAAeC,QAAQ,GAAG,EAA1B,EAA8BC,KAAK,GAAG,CAAtC,EAA0C;AAChD,QAAM;AAAEC,IAAAA,CAAF;AAAKC,IAAAA,CAAL;AAAQC,IAAAA;AAAR,MAAc,wBAAWJ,QAAX,EAAsBK,KAAtB,EAApB;AACA,SAAQ,QAAQH,CAAG,KAAKC,CAAG,KAAKC,CAAG,KAAKH,KAAO,GAA/C;AACA","sourcesContent":["/**\n * External dependencies\n */\nimport tinycolor from 'tinycolor2';\n\n/**\n * Generating a CSS compliant rgba() color value.\n *\n * @param {string} hexValue The hex value to convert to rgba().\n * @param {number} alpha    The alpha value for opacity.\n * @return {string} The converted rgba() color value.\n *\n * @example\n * rgba( '#000000', 0.5 )\n * // rgba(0, 0, 0, 0.5)\n */\nexport function rgba( hexValue = '', alpha = 1 ) {\n\tconst { r, g, b } = tinycolor( hexValue ).toRgb();\n\treturn `rgba(${ r }, ${ g }, ${ b }, ${ alpha })`;\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/utils/colors.js"],"names":["namesPlugin","rgba","hexValue","alpha","toRgbString"],"mappings":";;;;;;;;;AAGA;;AACA;;AAJA;AACA;AACA;AAIA,oBAAQ,CAAEA,cAAF,CAAR;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACO,SAASC,IAAT,GAA0C;AAAA,MAA3BC,QAA2B,uEAAhB,EAAgB;AAAA,MAAZC,KAAY,uEAAJ,CAAI;AAChD,SAAO,oBAAQD,QAAR,EAAmBC,KAAnB,CAA0BA,KAA1B,EAAkCC,WAAlC,EAAP;AACA","sourcesContent":["/**\n * External dependencies\n */\nimport { colord, extend } from 'colord';\nimport namesPlugin from 'colord/plugins/names';\n\nextend( [ namesPlugin ] );\n\n/**\n * Generating a CSS compliant rgba() color value.\n *\n * @param {string} hexValue The hex value to convert to rgba().\n * @param {number} alpha    The alpha value for opacity.\n * @return {string} The converted rgba() color value.\n *\n * @example\n * rgba( '#000000', 0.5 )\n * // rgba(0, 0, 0, 0.5)\n */\nexport function rgba( hexValue = '', alpha = 1 ) {\n\treturn colord( hexValue ).alpha( alpha ).toRgbString();\n}\n"]}

package/build/utils/hooks/emotion.d.js

@@ -1,2 +1,6 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 //# sourceMappingURL=emotion.d.js.map

package/build/utils/hooks/index.js

@@ -5,22 +5,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "useControlledState", {
+Object.defineProperty(exports, "useCombinedRef", {
   enumerable: true,
   get: function () {
-    return _useControlledState.default;
+    return _useCombinedRef.useCombinedRef;
   }
 });
-Object.defineProperty(exports, "useJumpStep", {
-  enumerable: true,
-  get: function () {
-    return _useJumpStep.default;
-  }
-});
-Object.defineProperty(exports, "useUpdateEffect", {
+Object.defineProperty(exports, "useControlledState", {
   enumerable: true,
   get: function () {
-    return _useUpdateEffect.default;
+    return _useControlledState.default;
   }
 });
 Object.defineProperty(exports, "useControlledValue", {
@@ -41,13 +35,19 @@ Object.defineProperty(exports, "useLatestRef", {
     return _useLatestRef.useLatestRef;
   }
 });
+Object.defineProperty(exports, "useUpdateEffect", {
+  enumerable: true,
+  get: function () {
+    return _useUpdateEffect.default;
+  }
+});
 
 var _useControlledState = _interopRequireDefault(require("./use-controlled-state"));
 
-var _useJumpStep = _interopRequireDefault(require("./use-jump-step"));
-
 var _useUpdateEffect = _interopRequireDefault(require("./use-update-effect"));
 
+var _useCombinedRef = require("./use-combined-ref");
+
 var _useControlledValue = require("./use-controlled-value");
 
 var _useCx = require("./use-cx");

package/build/utils/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/utils/hooks/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["export { default as useControlledState } from './use-controlled-state';\nexport { default as useJumpStep } from './use-jump-step';\nexport { default as useUpdateEffect } from './use-update-effect';\nexport { useControlledValue } from './use-controlled-value';\nexport { useCx } from './use-cx';\nexport { useLatestRef } from './use-latest-ref';\n"]}
+{"version":3,"sources":["@wordpress/components/src/utils/hooks/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["export { default as useControlledState } from './use-controlled-state';\nexport { default as useUpdateEffect } from './use-update-effect';\nexport { useCombinedRef } from './use-combined-ref';\nexport { useControlledValue } from './use-controlled-value';\nexport { useCx } from './use-cx';\nexport { useLatestRef } from './use-latest-ref';\n"]}

package/build/utils/hooks/use-combined-ref.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCombinedRef = useCombinedRef;
+
+var _element = require("@wordpress/element");
+
+/**
+ * WordPress dependencies
+ */
+function useCombinedRef() {
+  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+    refs[_key] = arguments[_key];
+  }
+
+  const targetRef = (0, _element.useRef)(null);
+  (0, _element.useEffect)(() => {
+    refs.forEach(ref => {
+      if (!ref) return;
+
+      if (typeof ref === 'function') {
+        ref(targetRef.current);
+      } else {
+        ref.current = targetRef.current;
+      }
+    });
+  }, [refs]);
+  return targetRef;
+}
+//# sourceMappingURL=use-combined-ref.js.map

package/build/utils/hooks/use-combined-ref.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/components/src/utils/hooks/use-combined-ref.ts"],"names":["useCombinedRef","refs","targetRef","forEach","ref","current"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;AAUO,SAASA,cAAT,GAAwE;AAAA,oCAAnBC,IAAmB;AAAnBA,IAAAA,IAAmB;AAAA;;AAC9E,QAAMC,SAAS,GAAG,qBAAQ,IAAR,CAAlB;AAEA,0BAAW,MAAM;AAChBD,IAAAA,IAAI,CAACE,OAAL,CAAgBC,GAAF,IAAW;AACxB,UAAK,CAAEA,GAAP,EAAa;;AAEb,UAAK,OAAOA,GAAP,KAAe,UAApB,EAAiC;AAChCA,QAAAA,GAAG,CAAEF,SAAS,CAACG,OAAZ,CAAH;AACA,OAFD,MAEO;AACND,QAAAA,GAAG,CAACC,OAAJ,GAAcH,SAAS,CAACG,OAAxB;AACA;AACD,KARD;AASA,GAVD,EAUG,CAAEJ,IAAF,CAVH;AAYA,SAAOC,SAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRef, useEffect } from '@wordpress/element';\n/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport type { MutableRefObject, RefCallback } from 'react';\n\ntype Ref< T > = MutableRefObject< T | null > | RefCallback< T | null >;\n\nexport function useCombinedRef< T extends HTMLElement >( ...refs: Ref< T >[] ) {\n\tconst targetRef = useRef( null );\n\n\tuseEffect( () => {\n\t\trefs.forEach( ( ref ) => {\n\t\t\tif ( ! ref ) return;\n\n\t\t\tif ( typeof ref === 'function' ) {\n\t\t\t\tref( targetRef.current );\n\t\t\t} else {\n\t\t\t\tref.current = targetRef.current;\n\t\t\t}\n\t\t} );\n\t}, [ refs ] );\n\n\treturn targetRef;\n}\n"]}

package/build/utils/hooks/use-controlled-state.js

@@ -58,7 +58,8 @@ const defaultOptions = {
  * @return {[T | "", (nextState: T) => void]} The controlled value and the value setter.
  */
 
-function useControlledState(currentState, options = defaultOptions) {
+function useControlledState(currentState) {
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultOptions;
   const {
     initial,
     fallback

package/build/utils/hooks/use-controlled-state.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/utils/hooks/use-controlled-state.js"],"names":["defaultOptions","initial","undefined","fallback","useControlledState","currentState","options","internalState","setInternalState","hasCurrentState","state","setState","nextState"],"mappings":";;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,MAAMA,cAAc,GAAG;AACtBC,EAAAA,OAAO,EAAEC,SADa;;AAEtB;AACD;AACA;AACA;AACCC,EAAAA,QAAQ,EAAE;AANY,CAAvB;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,SAASC,kBAAT,CAA6BC,YAA7B,EAA2CC,OAAO,GAAGN,cAArD,EAAsE;AACrE,QAAM;AAAEC,IAAAA,OAAF;AAAWE,IAAAA;AAAX,MAAwB,EAAE,GAAGH,cAAL;AAAqB,OAAGM;AAAxB,GAA9B;AAEA,QAAM,CAAEC,aAAF,EAAiBC,gBAAjB,IAAsC,uBAAUH,YAAV,CAA5C;AACA,QAAMI,eAAe,GAAG,4BAAgBJ,YAAhB,CAAxB;AAEA;AACD;AACA;;AACC,0BAAW,MAAM;AAChB,QAAKI,eAAe,IAAIF,aAAxB,EAAwC;AACvCC,MAAAA,gBAAgB,CAAEN,SAAF,CAAhB;AACA;AACD,GAJD,EAIG,CAAEO,eAAF,EAAmBF,aAAnB,CAJH;AAMA,QAAMG,KAAK,GAAG,6BACb,CAAEL,YAAF,EAAgBE,aAAhB,EAA+BN,OAA/B,CADa,EAEbE,QAFa,CAAd;AAKA;;AACA;;AACA,QAAMQ,QAAQ,GAAKC,SAAF,IAAiB;AACjC,QAAK,CAAEH,eAAP,EAAyB;AACxBD,MAAAA,gBAAgB,CAAEI,SAAF,CAAhB;AACA;AACD,GAJD;AAKA;;;AAEA,SAAO,CAAEF,KAAF,EAASC,QAAT,CAAP;AACA;;eAEcP,kB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { isValueDefined, getDefinedValue } from '../values';\n\n/**\n * @template T\n * @typedef Options\n * @property {T | undefined} initial  Initial value\n * @property {T | \"\"}        fallback Fallback value\n */\n\n/** @type {Readonly<{ initial: undefined, fallback: '' }>} */\nconst defaultOptions = {\n\tinitial: undefined,\n\t/**\n\t * Defaults to empty string, as that is preferred for usage with\n\t * <input />, <textarea />, and <select /> form elements.\n\t */\n\tfallback: '',\n};\n\n/**\n * Custom hooks for \"controlled\" components to track and consolidate internal\n * state and incoming values. This is useful for components that render\n * `input`, `textarea`, or `select` HTML elements.\n *\n * https://reactjs.org/docs/forms.html#controlled-components\n *\n * At first, a component using useControlledState receives an initial prop\n * value, which is used as initial internal state.\n *\n * This internal state can be maintained and updated without\n * relying on new incoming prop values.\n *\n * Unlike the basic useState hook, useControlledState's state can\n * be updated if a new incoming prop value is changed.\n *\n * @template T\n *\n * @param {T | undefined} currentState             The current value.\n * @param {Options<T>}    [options=defaultOptions] Additional options for the hook.\n *\n * @return {[T | \"\", (nextState: T) => void]} The controlled value and the value setter.\n */\nfunction useControlledState( currentState, options = defaultOptions ) {\n\tconst { initial, fallback } = { ...defaultOptions, ...options };\n\n\tconst [ internalState, setInternalState ] = useState( currentState );\n\tconst hasCurrentState = isValueDefined( currentState );\n\n\t/*\n\t * Resets internal state if value every changes from uncontrolled <-> controlled.\n\t */\n\tuseEffect( () => {\n\t\tif ( hasCurrentState && internalState ) {\n\t\t\tsetInternalState( undefined );\n\t\t}\n\t}, [ hasCurrentState, internalState ] );\n\n\tconst state = getDefinedValue(\n\t\t[ currentState, internalState, initial ],\n\t\tfallback\n\t);\n\n\t/* eslint-disable jsdoc/no-undefined-types */\n\t/** @type {(nextState: T) => void} */\n\tconst setState = ( nextState ) => {\n\t\tif ( ! hasCurrentState ) {\n\t\t\tsetInternalState( nextState );\n\t\t}\n\t};\n\t/* eslint-enable jsdoc/no-undefined-types */\n\n\treturn [ state, setState ];\n}\n\nexport default useControlledState;\n"]}
+{"version":3,"sources":["@wordpress/components/src/utils/hooks/use-controlled-state.js"],"names":["defaultOptions","initial","undefined","fallback","useControlledState","currentState","options","internalState","setInternalState","hasCurrentState","state","setState","nextState"],"mappings":";;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,MAAMA,cAAc,GAAG;AACtBC,EAAAA,OAAO,EAAEC,SADa;;AAEtB;AACD;AACA;AACA;AACCC,EAAAA,QAAQ,EAAE;AANY,CAAvB;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,SAASC,kBAAT,CAA6BC,YAA7B,EAAsE;AAAA,MAA3BC,OAA2B,uEAAjBN,cAAiB;AACrE,QAAM;AAAEC,IAAAA,OAAF;AAAWE,IAAAA;AAAX,MAAwB,EAAE,GAAGH,cAAL;AAAqB,OAAGM;AAAxB,GAA9B;AAEA,QAAM,CAAEC,aAAF,EAAiBC,gBAAjB,IAAsC,uBAAUH,YAAV,CAA5C;AACA,QAAMI,eAAe,GAAG,4BAAgBJ,YAAhB,CAAxB;AAEA;AACD;AACA;;AACC,0BAAW,MAAM;AAChB,QAAKI,eAAe,IAAIF,aAAxB,EAAwC;AACvCC,MAAAA,gBAAgB,CAAEN,SAAF,CAAhB;AACA;AACD,GAJD,EAIG,CAAEO,eAAF,EAAmBF,aAAnB,CAJH;AAMA,QAAMG,KAAK,GAAG,6BACb,CAAEL,YAAF,EAAgBE,aAAhB,EAA+BN,OAA/B,CADa,EAEbE,QAFa,CAAd;AAKA;;AACA;;AACA,QAAMQ,QAAQ,GAAKC,SAAF,IAAiB;AACjC,QAAK,CAAEH,eAAP,EAAyB;AACxBD,MAAAA,gBAAgB,CAAEI,SAAF,CAAhB;AACA;AACD,GAJD;AAKA;;;AAEA,SAAO,CAAEF,KAAF,EAASC,QAAT,CAAP;AACA;;eAEcP,kB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { isValueDefined, getDefinedValue } from '../values';\n\n/**\n * @template T\n * @typedef Options\n * @property {T | undefined} initial  Initial value\n * @property {T | \"\"}        fallback Fallback value\n */\n\n/** @type {Readonly<{ initial: undefined, fallback: '' }>} */\nconst defaultOptions = {\n\tinitial: undefined,\n\t/**\n\t * Defaults to empty string, as that is preferred for usage with\n\t * <input />, <textarea />, and <select /> form elements.\n\t */\n\tfallback: '',\n};\n\n/**\n * Custom hooks for \"controlled\" components to track and consolidate internal\n * state and incoming values. This is useful for components that render\n * `input`, `textarea`, or `select` HTML elements.\n *\n * https://reactjs.org/docs/forms.html#controlled-components\n *\n * At first, a component using useControlledState receives an initial prop\n * value, which is used as initial internal state.\n *\n * This internal state can be maintained and updated without\n * relying on new incoming prop values.\n *\n * Unlike the basic useState hook, useControlledState's state can\n * be updated if a new incoming prop value is changed.\n *\n * @template T\n *\n * @param {T | undefined} currentState             The current value.\n * @param {Options<T>}    [options=defaultOptions] Additional options for the hook.\n *\n * @return {[T | \"\", (nextState: T) => void]} The controlled value and the value setter.\n */\nfunction useControlledState( currentState, options = defaultOptions ) {\n\tconst { initial, fallback } = { ...defaultOptions, ...options };\n\n\tconst [ internalState, setInternalState ] = useState( currentState );\n\tconst hasCurrentState = isValueDefined( currentState );\n\n\t/*\n\t * Resets internal state if value every changes from uncontrolled <-> controlled.\n\t */\n\tuseEffect( () => {\n\t\tif ( hasCurrentState && internalState ) {\n\t\t\tsetInternalState( undefined );\n\t\t}\n\t}, [ hasCurrentState, internalState ] );\n\n\tconst state = getDefinedValue(\n\t\t[ currentState, internalState, initial ],\n\t\tfallback\n\t);\n\n\t/* eslint-disable jsdoc/no-undefined-types */\n\t/** @type {(nextState: T) => void} */\n\tconst setState = ( nextState ) => {\n\t\tif ( ! hasCurrentState ) {\n\t\t\tsetInternalState( nextState );\n\t\t}\n\t};\n\t/* eslint-enable jsdoc/no-undefined-types */\n\n\treturn [ state, setState ];\n}\n\nexport default useControlledState;\n"]}

package/build/utils/hooks/use-controlled-value.js

@@ -20,11 +20,12 @@ var _element = require("@wordpress/element");
  * @param  props.onChange
  * @return The controlled value and the value setter.
  */
-function useControlledValue({
-  defaultValue,
-  onChange,
-  value: valueProp
-}) {
+function useControlledValue(_ref) {
+  let {
+    defaultValue,
+    onChange,
+    value: valueProp
+  } = _ref;
   const hasValue = typeof valueProp !== 'undefined';
   const initialValue = hasValue ? valueProp : defaultValue;
   const [state, setState] = (0, _element.useState)(initialValue);

package/build/utils/hooks/use-controlled-value.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/utils/hooks/use-controlled-value.ts"],"names":["useControlledValue","defaultValue","onChange","value","valueProp","hasValue","initialValue","state","setState","setValue","nextValue"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,kBAAT,CAAkC;AACxCC,EAAAA,YADwC;AAExCC,EAAAA,QAFwC;AAGxCC,EAAAA,KAAK,EAAEC;AAHiC,CAAlC,EAIkD;AACxD,QAAMC,QAAQ,GAAG,OAAOD,SAAP,KAAqB,WAAtC;AACA,QAAME,YAAY,GAAGD,QAAQ,GAAGD,SAAH,GAAeH,YAA5C;AACA,QAAM,CAAEM,KAAF,EAASC,QAAT,IAAsB,uBAAUF,YAAV,CAA5B;AACA,QAAMH,KAAK,GAAGE,QAAQ,GAAGD,SAAH,GAAeG,KAArC;AAEA,MAAIE,QAAJ;;AACA,MAAKJ,QAAQ,IAAI,OAAOH,QAAP,KAAoB,UAArC,EAAkD;AACjDO,IAAAA,QAAQ,GAAGP,QAAX;AACA,GAFD,MAEO,IAAK,CAAEG,QAAF,IAAc,OAAOH,QAAP,KAAoB,UAAvC,EAAoD;AAC1DO,IAAAA,QAAQ,GAAKC,SAAF,IAAiB;AAC3BR,MAAAA,QAAQ,CAAEQ,SAAF,CAAR;AACAF,MAAAA,QAAQ,CAAEE,SAAF,CAAR;AACA,KAHD;AAIA,GALM,MAKA;AACND,IAAAA,QAAQ,GAAGD,QAAX;AACA;;AAED,SAAO,CAAEL,KAAF,EAASM,QAAT,CAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\n\ntype Props< T > = {\n\tdefaultValue?: T;\n\tvalue?: T;\n\tonChange?: ( value: T ) => void;\n};\n\n/**\n * Simplified and improved implementation of useControlledState.\n *\n * @param  props\n * @param  props.defaultValue\n * @param  props.value\n * @param  props.onChange\n * @return The controlled value and the value setter.\n */\nexport function useControlledValue< T >( {\n\tdefaultValue,\n\tonChange,\n\tvalue: valueProp,\n}: Props< T > ): [ T | undefined, ( value: T ) => void ] {\n\tconst hasValue = typeof valueProp !== 'undefined';\n\tconst initialValue = hasValue ? valueProp : defaultValue;\n\tconst [ state, setState ] = useState( initialValue );\n\tconst value = hasValue ? valueProp : state;\n\n\tlet setValue: ( nextValue: T ) => void;\n\tif ( hasValue && typeof onChange === 'function' ) {\n\t\tsetValue = onChange;\n\t} else if ( ! hasValue && typeof onChange === 'function' ) {\n\t\tsetValue = ( nextValue ) => {\n\t\t\tonChange( nextValue );\n\t\t\tsetState( nextValue );\n\t\t};\n\t} else {\n\t\tsetValue = setState;\n\t}\n\n\treturn [ value, setValue ];\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/utils/hooks/use-controlled-value.ts"],"names":["useControlledValue","defaultValue","onChange","value","valueProp","hasValue","initialValue","state","setState","setValue","nextValue"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,kBAAT,OAIkD;AAAA,MAJhB;AACxCC,IAAAA,YADwC;AAExCC,IAAAA,QAFwC;AAGxCC,IAAAA,KAAK,EAAEC;AAHiC,GAIgB;AACxD,QAAMC,QAAQ,GAAG,OAAOD,SAAP,KAAqB,WAAtC;AACA,QAAME,YAAY,GAAGD,QAAQ,GAAGD,SAAH,GAAeH,YAA5C;AACA,QAAM,CAAEM,KAAF,EAASC,QAAT,IAAsB,uBAAUF,YAAV,CAA5B;AACA,QAAMH,KAAK,GAAGE,QAAQ,GAAGD,SAAH,GAAeG,KAArC;AAEA,MAAIE,QAAJ;;AACA,MAAKJ,QAAQ,IAAI,OAAOH,QAAP,KAAoB,UAArC,EAAkD;AACjDO,IAAAA,QAAQ,GAAGP,QAAX;AACA,GAFD,MAEO,IAAK,CAAEG,QAAF,IAAc,OAAOH,QAAP,KAAoB,UAAvC,EAAoD;AAC1DO,IAAAA,QAAQ,GAAKC,SAAF,IAAiB;AAC3BR,MAAAA,QAAQ,CAAEQ,SAAF,CAAR;AACAF,MAAAA,QAAQ,CAAEE,SAAF,CAAR;AACA,KAHD;AAIA,GALM,MAKA;AACND,IAAAA,QAAQ,GAAGD,QAAX;AACA;;AAED,SAAO,CAAEL,KAAF,EAASM,QAAT,CAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\n\ntype Props< T > = {\n\tdefaultValue?: T;\n\tvalue?: T;\n\tonChange?: ( value: T ) => void;\n};\n\n/**\n * Simplified and improved implementation of useControlledState.\n *\n * @param  props\n * @param  props.defaultValue\n * @param  props.value\n * @param  props.onChange\n * @return The controlled value and the value setter.\n */\nexport function useControlledValue< T >( {\n\tdefaultValue,\n\tonChange,\n\tvalue: valueProp,\n}: Props< T > ): [ T | undefined, ( value: T ) => void ] {\n\tconst hasValue = typeof valueProp !== 'undefined';\n\tconst initialValue = hasValue ? valueProp : defaultValue;\n\tconst [ state, setState ] = useState( initialValue );\n\tconst value = hasValue ? valueProp : state;\n\n\tlet setValue: ( nextValue: T ) => void;\n\tif ( hasValue && typeof onChange === 'function' ) {\n\t\tsetValue = onChange;\n\t} else if ( ! hasValue && typeof onChange === 'function' ) {\n\t\tsetValue = ( nextValue ) => {\n\t\t\tonChange( nextValue );\n\t\t\tsetState( nextValue );\n\t\t};\n\t} else {\n\t\tsetValue = setState;\n\t}\n\n\treturn [ value, setValue ];\n}\n"]}

package/build/utils/hooks/use-cx.js

@@ -47,11 +47,15 @@ const isSerializedStyles = o => typeof o !== 'undefined' && o !== null && ['name
 
 const useCx = () => {
   const cache = (0, _react.__unsafe_useEmotionCache)();
-  const cx = (0, _element.useCallback)((...classNames) => {
+  const cx = (0, _element.useCallback)(function () {
     if (cache === null) {
       throw new Error('The `useCx` hook should be only used within a valid Emotion Cache Context');
     }
 
+    for (var _len = arguments.length, classNames = new Array(_len), _key = 0; _key < _len; _key++) {
+      classNames[_key] = arguments[_key];
+    }
+
     return (0, _css.cx)(...classNames.map(arg => {
       if (isSerializedStyles(arg)) {
         (0, _utils.insertStyles)(cache, arg, false);