@wordpress/components 30.7.1-next.36001005c.0 → 30.8.0

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/unit-control/types.ts"],
   "sourcesContent": ["export {};"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;",
   "names": []
 }

package/build/unit-control/unit-select-control.js

@@ -26,6 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/unit-control/unit-select-control.tsx
 var unit_select_control_exports = {};
 __export(unit_select_control_exports, {
   default: () => unit_select_control_default

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/unit-control/unit-select-control.tsx"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nimport { UnitSelect, UnitLabel } from './styles/unit-control-styles';\nimport { CSS_UNITS, hasUnits } from './utils';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnitSelectControl({\n  className,\n  isUnitSelectTabbable: isTabbable = true,\n  onChange,\n  size = 'default',\n  unit = 'px',\n  units = CSS_UNITS,\n  ...props\n}, ref) {\n  if (!hasUnits(units) || units?.length === 1) {\n    return /*#__PURE__*/_jsx(UnitLabel, {\n      className: \"components-unit-control__unit-label\",\n      selectSize: size,\n      children: unit\n    });\n  }\n  const handleOnChange = event => {\n    const {\n      value: unitValue\n    } = event.target;\n    const data = units.find(option => option.value === unitValue);\n    onChange?.(unitValue, {\n      event,\n      data\n    });\n  };\n  const classes = clsx('components-unit-control__select', className);\n  return /*#__PURE__*/_jsx(UnitSelect, {\n    ref: ref,\n    className: classes,\n    onChange: handleOnChange,\n    selectSize: size,\n    tabIndex: isTabbable ? undefined : -1,\n    value: unit,\n    ...props,\n    children: units.map(option => /*#__PURE__*/_jsx(\"option\", {\n      value: option.value,\n      children: option.label\n    }, option.value))\n  });\n}\nexport default forwardRef(UnitSelectControl);"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAIjB,qBAA2B;AAM3B,iCAAsC;AACtC,mBAAoC;AACpC,yBAA4B;AAC5B,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA,sBAAsB,aAAa;AAAA,EACnC;AAAA,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,GAAG;AACL,GAAG,KAAK;AACN,MAAI,KAAC,uBAAS,KAAK,KAAK,OAAO,WAAW,GAAG;AAC3C,WAAoB,uCAAAA,KAAK,sCAAW;AAAA,MAClC,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,UAAU;AAAA,IACZ,CAAC;AAAA,EACH;AACA,QAAM,iBAAiB,WAAS;AAC9B,UAAM;AAAA,MACJ,OAAO;AAAA,IACT,IAAI,MAAM;AACV,UAAM,OAAO,MAAM,KAAK,YAAU,OAAO,UAAU,SAAS;AAC5D,eAAW,WAAW;AAAA,MACpB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AACA,QAAM,cAAU,YAAAC,SAAK,mCAAmC,SAAS;AACjE,SAAoB,uCAAAD,KAAK,uCAAY;AAAA,IACnC;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,UAAU,aAAa,SAAY;AAAA,IACnC,OAAO;AAAA,IACP,GAAG;AAAA,IACH,UAAU,MAAM,IAAI,YAAuB,uCAAAA,KAAK,UAAU;AAAA,MACxD,OAAO,OAAO;AAAA,MACd,UAAU,OAAO;AAAA,IACnB,GAAG,OAAO,KAAK,CAAC;AAAA,EAClB,CAAC;AACH;AACA,IAAO,kCAAQ,2BAAW,iBAAiB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAIjB,qBAA2B;AAM3B,iCAAsC;AACtC,mBAAoC;AACpC,yBAA4B;AAC5B,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA,sBAAsB,aAAa;AAAA,EACnC;AAAA,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,GAAG;AACL,GAAG,KAAK;AACN,MAAI,KAAC,uBAAS,KAAK,KAAK,OAAO,WAAW,GAAG;AAC3C,WAAoB,uCAAAA,KAAK,sCAAW;AAAA,MAClC,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,UAAU;AAAA,IACZ,CAAC;AAAA,EACH;AACA,QAAM,iBAAiB,WAAS;AAC9B,UAAM;AAAA,MACJ,OAAO;AAAA,IACT,IAAI,MAAM;AACV,UAAM,OAAO,MAAM,KAAK,YAAU,OAAO,UAAU,SAAS;AAC5D,eAAW,WAAW;AAAA,MACpB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AACA,QAAM,cAAU,YAAAC,SAAK,mCAAmC,SAAS;AACjE,SAAoB,uCAAAD,KAAK,uCAAY;AAAA,IACnC;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,UAAU,aAAa,SAAY;AAAA,IACnC,OAAO;AAAA,IACP,GAAG;AAAA,IACH,UAAU,MAAM,IAAI,YAAuB,uCAAAA,KAAK,UAAU;AAAA,MACxD,OAAO,OAAO;AAAA,MACd,UAAU,OAAO;AAAA,IACnB,GAAG,OAAO,KAAK,CAAC;AAAA,EAClB,CAAC;AACH;AACA,IAAO,kCAAQ,2BAAW,iBAAiB;",
   "names": ["_jsx", "clsx"]
 }

package/build/unit-control/utils.js

@@ -16,6 +16,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/unit-control/utils.ts
 var utils_exports = {};
 __export(utils_exports, {
   ALL_CSS_UNITS: () => ALL_CSS_UNITS,
@@ -33,8 +35,8 @@ __export(utils_exports, {
 module.exports = __toCommonJS(utils_exports);
 var import_i18n = require("@wordpress/i18n");
 var import_element = require("@wordpress/element");
-const isWeb = import_element.Platform.OS === "web";
-const allUnits = {
+var isWeb = import_element.Platform.OS === "web";
+var allUnits = {
   px: {
     value: "px",
     label: isWeb ? "px" : (0, import_i18n.__)("Pixels (px)"),
@@ -234,9 +236,9 @@ const allUnits = {
     step: 0.1
   }
 };
-const ALL_CSS_UNITS = Object.values(allUnits);
-const CSS_UNITS = [allUnits.px, allUnits["%"], allUnits.em, allUnits.rem, allUnits.vw, allUnits.vh];
-const DEFAULT_UNIT = allUnits.px;
+var ALL_CSS_UNITS = Object.values(allUnits);
+var CSS_UNITS = [allUnits.px, allUnits["%"], allUnits.em, allUnits.rem, allUnits.vw, allUnits.vh];
+var DEFAULT_UNIT = allUnits.px;
 function getParsedQuantityAndUnit(rawValue, fallbackUnit, allowedUnits) {
   const initialValue = fallbackUnit ? `${rawValue !== null && rawValue !== void 0 ? rawValue : ""}${fallbackUnit}` : rawValue;
   return parseQuantityAndUnitFromRawValue(initialValue, allowedUnits);
@@ -279,7 +281,7 @@ function getAccessibleLabelForUnit(unit) {
 function filterUnitsWithSettings(allowedUnitValues = [], availableUnits) {
   return Array.isArray(availableUnits) ? availableUnits.filter((unit) => allowedUnitValues.includes(unit.value)) : [];
 }
-const useCustomUnits = ({
+var useCustomUnits = ({
   units = ALL_CSS_UNITS,
   availableUnits = [],
   defaultValues

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/unit-control/utils.ts"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { Platform } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nconst isWeb = Platform.OS === 'web';\nconst allUnits = {\n  px: {\n    value: 'px',\n    label: isWeb ? 'px' : __('Pixels (px)'),\n    a11yLabel: __('Pixels (px)'),\n    step: 1\n  },\n  '%': {\n    value: '%',\n    label: isWeb ? '%' : __('Percentage (%)'),\n    a11yLabel: __('Percent (%)'),\n    step: 0.1\n  },\n  em: {\n    value: 'em',\n    label: isWeb ? 'em' : __('Relative to parent font size (em)'),\n    a11yLabel: _x('ems', 'Relative to parent font size (em)'),\n    step: 0.01\n  },\n  rem: {\n    value: 'rem',\n    label: isWeb ? 'rem' : __('Relative to root font size (rem)'),\n    a11yLabel: _x('rems', 'Relative to root font size (rem)'),\n    step: 0.01\n  },\n  vw: {\n    value: 'vw',\n    label: isWeb ? 'vw' : __('Viewport width (vw)'),\n    a11yLabel: __('Viewport width (vw)'),\n    step: 0.1\n  },\n  vh: {\n    value: 'vh',\n    label: isWeb ? 'vh' : __('Viewport height (vh)'),\n    a11yLabel: __('Viewport height (vh)'),\n    step: 0.1\n  },\n  vmin: {\n    value: 'vmin',\n    label: isWeb ? 'vmin' : __('Viewport smallest dimension (vmin)'),\n    a11yLabel: __('Viewport smallest dimension (vmin)'),\n    step: 0.1\n  },\n  vmax: {\n    value: 'vmax',\n    label: isWeb ? 'vmax' : __('Viewport largest dimension (vmax)'),\n    a11yLabel: __('Viewport largest dimension (vmax)'),\n    step: 0.1\n  },\n  ch: {\n    value: 'ch',\n    label: isWeb ? 'ch' : __('Width of the zero (0) character (ch)'),\n    a11yLabel: __('Width of the zero (0) character (ch)'),\n    step: 0.01\n  },\n  ex: {\n    value: 'ex',\n    label: isWeb ? 'ex' : __('x-height of the font (ex)'),\n    a11yLabel: __('x-height of the font (ex)'),\n    step: 0.01\n  },\n  cm: {\n    value: 'cm',\n    label: isWeb ? 'cm' : __('Centimeters (cm)'),\n    a11yLabel: __('Centimeters (cm)'),\n    step: 0.001\n  },\n  mm: {\n    value: 'mm',\n    label: isWeb ? 'mm' : __('Millimeters (mm)'),\n    a11yLabel: __('Millimeters (mm)'),\n    step: 0.1\n  },\n  in: {\n    value: 'in',\n    label: isWeb ? 'in' : __('Inches (in)'),\n    a11yLabel: __('Inches (in)'),\n    step: 0.001\n  },\n  pc: {\n    value: 'pc',\n    label: isWeb ? 'pc' : __('Picas (pc)'),\n    a11yLabel: __('Picas (pc)'),\n    step: 1\n  },\n  pt: {\n    value: 'pt',\n    label: isWeb ? 'pt' : __('Points (pt)'),\n    a11yLabel: __('Points (pt)'),\n    step: 1\n  },\n  svw: {\n    value: 'svw',\n    label: isWeb ? 'svw' : __('Small viewport width (svw)'),\n    a11yLabel: __('Small viewport width (svw)'),\n    step: 0.1\n  },\n  svh: {\n    value: 'svh',\n    label: isWeb ? 'svh' : __('Small viewport height (svh)'),\n    a11yLabel: __('Small viewport height (svh)'),\n    step: 0.1\n  },\n  svi: {\n    value: 'svi',\n    label: isWeb ? 'svi' : __('Viewport smallest size in the inline direction (svi)'),\n    a11yLabel: __('Small viewport width or height (svi)'),\n    step: 0.1\n  },\n  svb: {\n    value: 'svb',\n    label: isWeb ? 'svb' : __('Viewport smallest size in the block direction (svb)'),\n    a11yLabel: __('Small viewport width or height (svb)'),\n    step: 0.1\n  },\n  svmin: {\n    value: 'svmin',\n    label: isWeb ? 'svmin' : __('Small viewport smallest dimension (svmin)'),\n    a11yLabel: __('Small viewport smallest dimension (svmin)'),\n    step: 0.1\n  },\n  lvw: {\n    value: 'lvw',\n    label: isWeb ? 'lvw' : __('Large viewport width (lvw)'),\n    a11yLabel: __('Large viewport width (lvw)'),\n    step: 0.1\n  },\n  lvh: {\n    value: 'lvh',\n    label: isWeb ? 'lvh' : __('Large viewport height (lvh)'),\n    a11yLabel: __('Large viewport height (lvh)'),\n    step: 0.1\n  },\n  lvi: {\n    value: 'lvi',\n    label: isWeb ? 'lvi' : __('Large viewport width or height (lvi)'),\n    a11yLabel: __('Large viewport width or height (lvi)'),\n    step: 0.1\n  },\n  lvb: {\n    value: 'lvb',\n    label: isWeb ? 'lvb' : __('Large viewport width or height (lvb)'),\n    a11yLabel: __('Large viewport width or height (lvb)'),\n    step: 0.1\n  },\n  lvmin: {\n    value: 'lvmin',\n    label: isWeb ? 'lvmin' : __('Large viewport smallest dimension (lvmin)'),\n    a11yLabel: __('Large viewport smallest dimension (lvmin)'),\n    step: 0.1\n  },\n  dvw: {\n    value: 'dvw',\n    label: isWeb ? 'dvw' : __('Dynamic viewport width (dvw)'),\n    a11yLabel: __('Dynamic viewport width (dvw)'),\n    step: 0.1\n  },\n  dvh: {\n    value: 'dvh',\n    label: isWeb ? 'dvh' : __('Dynamic viewport height (dvh)'),\n    a11yLabel: __('Dynamic viewport height (dvh)'),\n    step: 0.1\n  },\n  dvi: {\n    value: 'dvi',\n    label: isWeb ? 'dvi' : __('Dynamic viewport width or height (dvi)'),\n    a11yLabel: __('Dynamic viewport width or height (dvi)'),\n    step: 0.1\n  },\n  dvb: {\n    value: 'dvb',\n    label: isWeb ? 'dvb' : __('Dynamic viewport width or height (dvb)'),\n    a11yLabel: __('Dynamic viewport width or height (dvb)'),\n    step: 0.1\n  },\n  dvmin: {\n    value: 'dvmin',\n    label: isWeb ? 'dvmin' : __('Dynamic viewport smallest dimension (dvmin)'),\n    a11yLabel: __('Dynamic viewport smallest dimension (dvmin)'),\n    step: 0.1\n  },\n  dvmax: {\n    value: 'dvmax',\n    label: isWeb ? 'dvmax' : __('Dynamic viewport largest dimension (dvmax)'),\n    a11yLabel: __('Dynamic viewport largest dimension (dvmax)'),\n    step: 0.1\n  },\n  svmax: {\n    value: 'svmax',\n    label: isWeb ? 'svmax' : __('Small viewport largest dimension (svmax)'),\n    a11yLabel: __('Small viewport largest dimension (svmax)'),\n    step: 0.1\n  },\n  lvmax: {\n    value: 'lvmax',\n    label: isWeb ? 'lvmax' : __('Large viewport largest dimension (lvmax)'),\n    a11yLabel: __('Large viewport largest dimension (lvmax)'),\n    step: 0.1\n  }\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 = [allUnits.px, allUnits['%'], allUnits.em, allUnits.rem, allUnits.vw, allUnits.vh];\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 rawValue     The raw value as a string (may or may not contain the unit)\n * @param fallbackUnit The unit used as a fallback, if not unit is detected in the `value`\n * @param allowedUnits Units to derive from.\n * @return The extracted quantity and unit. The quantity can be `undefined` in case the raw value\n * could not be parsed to a number correctly. The unit can be `undefined` in case the unit parse\n * from the raw value could not be matched against the list of allowed units.\n */\nexport function getParsedQuantityAndUnit(rawValue, fallbackUnit, allowedUnits) {\n  const initialValue = fallbackUnit ? `${rawValue !== null && rawValue !== void 0 ? rawValue : ''}${fallbackUnit}` : rawValue;\n  return parseQuantityAndUnitFromRawValue(initialValue, allowedUnits);\n}\n\n/**\n * Checks if units are defined.\n *\n * @param units List of units.\n * @return Whether the list actually contains any units.\n */\nexport function hasUnits(units) {\n  // Although the `isArray` check shouldn't be necessary (given the signature of\n  // this typed function), it's better to stay on the side of caution, since\n  // this function may be called from un-typed environments.\n  return Array.isArray(units) && !!units.length;\n}\n\n/**\n * Parses a quantity and unit from a raw string value, given a list of allowed\n * units and otherwise falling back to the default unit.\n *\n * @param rawValue     The raw value as a string (may or may not contain the unit)\n * @param allowedUnits Units to derive from.\n * @return The extracted quantity and unit. The quantity can be `undefined` in case the raw value\n * could not be parsed to a number correctly. The unit can be `undefined` in case the unit parsed\n * from the raw value could not be matched against the list of allowed units.\n */\nexport function parseQuantityAndUnitFromRawValue(rawValue, allowedUnits = ALL_CSS_UNITS) {\n  let trimmedValue;\n  let quantityToReturn;\n  if (typeof rawValue !== 'undefined' || rawValue === null) {\n    trimmedValue = `${rawValue}`.trim();\n    const parsedQuantity = parseFloat(trimmedValue);\n    quantityToReturn = !isFinite(parsedQuantity) ? undefined : parsedQuantity;\n  }\n  const unitMatch = trimmedValue?.match(/[\\d.\\-\\+]*\\s*(.*)/);\n  const matchedUnit = unitMatch?.[1]?.toLowerCase();\n  let unitToReturn;\n  if (hasUnits(allowedUnits)) {\n    const match = allowedUnits.find(item => item.value === matchedUnit);\n    unitToReturn = match?.value;\n  } else {\n    unitToReturn = DEFAULT_UNIT.value;\n  }\n  return [quantityToReturn, unitToReturn];\n}\n\n/**\n * Parses quantity and unit from a raw value. Validates parsed value, using fallback\n * value if invalid.\n *\n * @param rawValue         The next value.\n * @param allowedUnits     Units to derive from.\n * @param fallbackQuantity The fallback quantity, used in case it's not possible to parse a valid quantity from the raw value.\n * @param fallbackUnit     The fallback unit, used in case it's not possible to parse a valid unit from the raw value.\n * @return The extracted quantity and unit. The quantity can be `undefined` in case the raw value\n * could not be parsed to a number correctly, and the `fallbackQuantity` was also `undefined`. The\n * unit can be `undefined` only if the unit parsed from the raw value could not be matched against\n * the list of allowed units, the `fallbackQuantity` is also `undefined` and the list of\n * `allowedUnits` is passed empty.\n */\nexport function getValidParsedQuantityAndUnit(rawValue, allowedUnits, fallbackQuantity, fallbackUnit) {\n  const [parsedQuantity, parsedUnit] = parseQuantityAndUnitFromRawValue(rawValue, allowedUnits);\n\n  // The parsed value from `parseQuantityAndUnitFromRawValue` should now be\n  // either a real number or undefined. If undefined, use the fallback value.\n  const quantityToReturn = parsedQuantity !== null && parsedQuantity !== void 0 ? parsedQuantity : fallbackQuantity;\n\n  // If no unit is parsed from the raw value, or if the fallback unit is not\n  // defined, use the first value from the list of allowed units as fallback.\n  let unitToReturn = parsedUnit || fallbackUnit;\n  if (!unitToReturn && hasUnits(allowedUnits)) {\n    unitToReturn = allowedUnits[0].value;\n  }\n  return [quantityToReturn, unitToReturn];\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 getAccessibleLabelForUnit(unit) {\n  const match = ALL_CSS_UNITS.find(item => item.value === unit);\n  return match?.a11yLabel ? match?.a11yLabel : match?.value;\n}\n\n/**\n * Filters available units based on values defined a list of allowed unit values.\n *\n * @param allowedUnitValues Collection of allowed unit value strings.\n * @param availableUnits    Collection of available unit objects.\n * @return Filtered units.\n */\nexport function filterUnitsWithSettings(allowedUnitValues = [], availableUnits) {\n  // Although the `isArray` check shouldn't be necessary (given the signature of\n  // this typed function), it's better to stay on the side of caution, since\n  // this function may be called from un-typed environments.\n  return Array.isArray(availableUnits) ? availableUnits.filter(unit => allowedUnitValues.includes(unit.value)) : [];\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 list of units, with their default values updated following the `defaultValues`\n * argument's property.\n */\nexport const useCustomUnits = ({\n  units = ALL_CSS_UNITS,\n  availableUnits = [],\n  defaultValues\n}) => {\n  const customUnitsToReturn = filterUnitsWithSettings(availableUnits, units);\n  if (!defaultValues) {\n    return customUnitsToReturn;\n  }\n  return customUnitsToReturn.map(unit => {\n    const [defaultValue] = defaultValues[unit.value] ? parseQuantityAndUnitFromRawValue(defaultValues[unit.value]) : [];\n    return {\n      ...unit,\n      default: defaultValue\n    };\n  });\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 rawValue   Selected value to parse.\n * @param legacyUnit Legacy unit value, if rawValue 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(rawValue, legacyUnit, units = ALL_CSS_UNITS) {\n  const unitsToReturn = Array.isArray(units) ? [...units] : [];\n  const [, currentUnit] = getParsedQuantityAndUnit(rawValue, legacyUnit, ALL_CSS_UNITS);\n  if (currentUnit && !unitsToReturn.some(unit => unit.value === currentUnit)) {\n    if (allUnits[currentUnit]) {\n      unitsToReturn.unshift(allUnits[currentUnit]);\n    }\n  }\n  return unitsToReturn;\n}"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/build/utils/base-label.js

@@ -26,6 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/utils/base-label.ts
 var base_label_exports = {};
 __export(base_label_exports, {
   baseLabelTypography: () => baseLabelTypography
@@ -33,7 +35,7 @@ __export(base_label_exports, {
 module.exports = __toCommonJS(base_label_exports);
 var import_react = require("@emotion/react");
 var import_config_values = __toESM(require("./config-values.js"));
-const baseLabelTypography = /* @__PURE__ */ (0, import_react.css)("font-size:11px;font-weight:", import_config_values.default.fontWeightMedium, ";line-height:1.4;text-transform:uppercase;" + (process.env.NODE_ENV === "production" ? "" : ";label:baseLabelTypography;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJhc2UtbGFiZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWXNDIiwiZmlsZSI6ImJhc2UtbGFiZWwudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBDT05GSUcgZnJvbSAnLi9jb25maWctdmFsdWVzLmpzJztcblxuLy8gVGhpcyBpcyBhIHZlcnkgbG93LWxldmVsIG1peGluIHdoaWNoIHlvdSBzaG91bGRuJ3QgaGF2ZSB0byB1c2UgZGlyZWN0bHkuXG4vLyBUcnkgdG8gdXNlIEJhc2VDb250cm9sJ3MgU3R5bGVkTGFiZWwgb3IgQmFzZUNvbnRyb2wuVmlzdWFsTGFiZWwgaWYgeW91IGNhbi5cbmV4cG9ydCBjb25zdCBiYXNlTGFiZWxUeXBvZ3JhcGh5ID0gY3NzYFxuXHRmb250LXNpemU6IDExcHg7XG5cdGZvbnQtd2VpZ2h0OiAkeyBDT05GSUcuZm9udFdlaWdodE1lZGl1bSB9O1xuXHRsaW5lLWhlaWdodDogMS40O1xuXHR0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcbiJdfQ== */");
+var baseLabelTypography = /* @__PURE__ */ (0, import_react.css)("font-size:11px;font-weight:", import_config_values.default.fontWeightMedium, ";line-height:1.4;text-transform:uppercase;" + (process.env.NODE_ENV === "production" ? "" : ";label:baseLabelTypography;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJhc2UtbGFiZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWXNDIiwiZmlsZSI6ImJhc2UtbGFiZWwudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBDT05GSUcgZnJvbSAnLi9jb25maWctdmFsdWVzLmpzJztcblxuLy8gVGhpcyBpcyBhIHZlcnkgbG93LWxldmVsIG1peGluIHdoaWNoIHlvdSBzaG91bGRuJ3QgaGF2ZSB0byB1c2UgZGlyZWN0bHkuXG4vLyBUcnkgdG8gdXNlIEJhc2VDb250cm9sJ3MgU3R5bGVkTGFiZWwgb3IgQmFzZUNvbnRyb2wuVmlzdWFsTGFiZWwgaWYgeW91IGNhbi5cbmV4cG9ydCBjb25zdCBiYXNlTGFiZWxUeXBvZ3JhcGh5ID0gY3NzYFxuXHRmb250LXNpemU6IDExcHg7XG5cdGZvbnQtd2VpZ2h0OiAkeyBDT05GSUcuZm9udFdlaWdodE1lZGl1bSB9O1xuXHRsaW5lLWhlaWdodDogMS40O1xuXHR0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcbiJdfQ== */");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   baseLabelTypography

package/build/utils/base-label.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/base-label.ts"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport CONFIG from './config-values.js';\n\n// This is a very low-level mixin which you shouldn't have to use directly.\n// Try to use BaseControl's StyledLabel or BaseControl.VisualLabel if you can.\nexport const baseLabelTypography = /*#__PURE__*/css(\"font-size:11px;font-weight:\", CONFIG.fontWeightMedium, \";line-height:1.4;text-transform:uppercase;\" + (process.env.NODE_ENV === \"production\" ? \"\" : \";label:baseLabelTypography;\"), process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJhc2UtbGFiZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWXNDIiwiZmlsZSI6ImJhc2UtbGFiZWwudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCBDT05GSUcgZnJvbSAnLi9jb25maWctdmFsdWVzLmpzJztcblxuLy8gVGhpcyBpcyBhIHZlcnkgbG93LWxldmVsIG1peGluIHdoaWNoIHlvdSBzaG91bGRuJ3QgaGF2ZSB0byB1c2UgZGlyZWN0bHkuXG4vLyBUcnkgdG8gdXNlIEJhc2VDb250cm9sJ3MgU3R5bGVkTGFiZWwgb3IgQmFzZUNvbnRyb2wuVmlzdWFsTGFiZWwgaWYgeW91IGNhbi5cbmV4cG9ydCBjb25zdCBiYXNlTGFiZWxUeXBvZ3JhcGh5ID0gY3NzYFxuXHRmb250LXNpemU6IDExcHg7XG5cdGZvbnQtd2VpZ2h0OiAkeyBDT05GSUcuZm9udFdlaWdodE1lZGl1bSB9O1xuXHRsaW5lLWhlaWdodDogMS40O1xuXHR0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcbiJdfQ== */\");"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAoB;AAKpB,2BAAmB;AAIZ,MAAM,sBAAmC,sCAAI,+BAA+B,qBAAAA,QAAO,kBAAkB,gDAAgD,QAAQ,IAAI,aAAa,eAAe,KAAK,gCAAgC,QAAQ,IAAI,aAAa,eAAe,KAAK,61BAA61B;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAoB;AAKpB,2BAAmB;AAIZ,IAAM,sBAAmC,sCAAI,+BAA+B,qBAAAA,QAAO,kBAAkB,gDAAgD,QAAQ,IAAI,aAAa,eAAe,KAAK,gCAAgC,QAAQ,IAAI,aAAa,eAAe,KAAK,61BAA61B;",
   "names": ["CONFIG"]
 }

package/build/utils/box-sizing.js

@@ -16,6 +16,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/utils/box-sizing.ts
 var box_sizing_exports = {};
 __export(box_sizing_exports, {
   boxSizingReset: () => boxSizingReset
@@ -25,7 +27,7 @@ var import_react = require("@emotion/react");
 function _EMOTION_STRINGIFIED_CSS_ERROR__() {
   return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
 }
-const boxSizingReset = process.env.NODE_ENV === "production" ? {
+var boxSizingReset = process.env.NODE_ENV === "production" ? {
   name: "kv6lnz",
   styles: "box-sizing:border-box;*,*::before,*::after{box-sizing:inherit;}"
 } : {

package/build/utils/box-sizing.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/box-sizing.ts"],
   "sourcesContent": ["function _EMOTION_STRINGIFIED_CSS_ERROR__() { return \"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).\"; }\n/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\nexport const boxSizingReset = process.env.NODE_ENV === \"production\" ? {\n  name: \"kv6lnz\",\n  styles: \"box-sizing:border-box;*,*::before,*::after{box-sizing:inherit;}\"\n} : {\n  name: \"1pa5nhz-boxSizingReset\",\n  styles: \"box-sizing:border-box;*,*::before,*::after{box-sizing:inherit;};label:boxSizingReset;\",\n  map: \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJveC1zaXppbmcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2lDIiwiZmlsZSI6ImJveC1zaXppbmcudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBib3hTaXppbmdSZXNldCA9IGNzc2Bcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblxuXHQqLFxuXHQqOjpiZWZvcmUsXG5cdCo6OmFmdGVyIHtcblx0XHRib3gtc2l6aW5nOiBpbmhlcml0O1xuXHR9XG5gO1xuIl19 */\",\n  toString: _EMOTION_STRINGIFIED_CSS_ERROR__\n};"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAAoB;AAJpB,SAAS,mCAAmC;AAAE,SAAO;AAAmO;AAKjR,MAAM,iBAAiB,QAAQ,IAAI,aAAa,eAAe;AAAA,EACpE,MAAM;AAAA,EACN,QAAQ;AACV,IAAI;AAAA,EACF,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,UAAU;AACZ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAAoB;AAJpB,SAAS,mCAAmC;AAAE,SAAO;AAAmO;AAKjR,IAAM,iBAAiB,QAAQ,IAAI,aAAa,eAAe;AAAA,EACpE,MAAM;AAAA,EACN,QAAQ;AACV,IAAI;AAAA,EACF,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,UAAU;AACZ;",
   "names": []
 }

package/build/utils/breakpoint-values.js

@@ -16,6 +16,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/utils/breakpoint-values.js
 var breakpoint_values_exports = {};
 __export(breakpoint_values_exports, {
   default: () => breakpoint_values_default

package/build/utils/breakpoint-values.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/breakpoint-values.js"],
   "sourcesContent": ["export default {\n  huge: '1440px',\n  wide: '1280px',\n  'x-large': '1080px',\n  large: '960px',\n  // admin sidebar auto folds\n  medium: '782px',\n  // Adminbar goes big.\n  small: '600px',\n  mobile: '480px',\n  'zoomed-in': '280px'\n};"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,4BAAQ;AAAA,EACb,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AAAA,EACX,OAAO;AAAA;AAAA,EAEP,QAAQ;AAAA;AAAA,EAER,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,aAAa;AACf;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,4BAAQ;AAAA,EACb,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AAAA,EACX,OAAO;AAAA;AAAA,EAEP,QAAQ;AAAA;AAAA,EAER,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,aAAa;AACf;",
   "names": []
 }

package/build/utils/breakpoint.js

@@ -26,13 +26,15 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/utils/breakpoint.js
 var breakpoint_exports = {};
 __export(breakpoint_exports, {
   breakpoint: () => breakpoint
 });
 module.exports = __toCommonJS(breakpoint_exports);
 var import_breakpoint_values = __toESM(require("./breakpoint-values"));
-const breakpoint = (point) => `@media (min-width: ${import_breakpoint_values.default[point]})`;
+var breakpoint = (point) => `@media (min-width: ${import_breakpoint_values.default[point]})`;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   breakpoint

package/build/utils/breakpoint.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/breakpoint.js"],
   "sourcesContent": ["/**\n * Internal dependencies\n */\nimport breakpoints from './breakpoint-values';\n\n/**\n * @param {keyof breakpoints} point\n * @return {string} Media query declaration.\n */\nexport const breakpoint = point => `@media (min-width: ${breakpoints[point]})`;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,+BAAwB;AAMjB,MAAM,aAAa,WAAS,sBAAsB,yBAAAA,QAAY,KAAK,CAAC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,+BAAwB;AAMjB,IAAM,aAAa,WAAS,sBAAsB,yBAAAA,QAAY,KAAK,CAAC;",
   "names": ["breakpoints"]
 }

package/build/utils/colors-values.js

@@ -16,14 +16,16 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/utils/colors-values.js
 var colors_values_exports = {};
 __export(colors_values_exports, {
   COLORS: () => COLORS,
   default: () => colors_values_default
 });
 module.exports = __toCommonJS(colors_values_exports);
-const white = "#fff";
-const GRAY = {
+var white = "#fff";
+var GRAY = {
   900: "#1e1e1e",
   800: "#2f2f2f",
   /** Meets 4.6:1 text contrast against white. */
@@ -38,12 +40,12 @@ const GRAY = {
   /** Used for light gray backgrounds. */
   100: "#f0f0f0"
 };
-const ALERT = {
+var ALERT = {
   yellow: "#f0b849",
   red: "#d94f4f",
   green: "#4ab866"
 };
-const THEME = {
+var THEME = {
   accent: `var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9))`,
   accentDarker10: `var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6))`,
   accentDarker20: `var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6))`,
@@ -65,7 +67,7 @@ const THEME = {
     100: `var(--wp-components-color-gray-100, ${GRAY[100]})`
   }
 };
-const UI = {
+var UI = {
   background: THEME.background,
   backgroundDisabled: THEME.gray[100],
   border: THEME.gray[600],
@@ -77,7 +79,7 @@ const UI = {
   darkGrayPlaceholder: `color-mix(in srgb, ${THEME.foreground}, transparent 38%)`,
   lightGrayPlaceholder: `color-mix(in srgb, ${THEME.background}, transparent 35%)`
 };
-const COLORS = Object.freeze({
+var COLORS = Object.freeze({
   /**
    * The main gray color object.
    *

package/build/utils/colors-values.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/colors-values.js"],
   "sourcesContent": ["/**\n * Internal dependencies\n */\nconst white = '#fff';\n\n// Matches the grays in @wordpress/base-styles\nconst GRAY = {\n  900: '#1e1e1e',\n  800: '#2f2f2f',\n  /** Meets 4.6:1 text contrast against white. */\n  700: '#757575',\n  /** Meets 3:1 UI or large text contrast against white. */\n  600: '#949494',\n  400: '#ccc',\n  /** Used for most borders. */\n  300: '#ddd',\n  /** Used sparingly for light borders. */\n  200: '#e0e0e0',\n  /** Used for light gray backgrounds. */\n  100: '#f0f0f0'\n};\n\n// Matches @wordpress/base-styles\nconst ALERT = {\n  yellow: '#f0b849',\n  red: '#d94f4f',\n  green: '#4ab866'\n};\n\n// Should match packages/components/src/utils/theme-variables.scss\nconst THEME = {\n  accent: `var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9))`,\n  accentDarker10: `var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6))`,\n  accentDarker20: `var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6))`,\n  /** Used when placing text on the accent color. */\n  accentInverted: `var(--wp-components-color-accent-inverted, ${white})`,\n  background: `var(--wp-components-color-background, ${white})`,\n  foreground: `var(--wp-components-color-foreground, ${GRAY[900]})`,\n  /** Used when placing text on the foreground color. */\n  foregroundInverted: `var(--wp-components-color-foreground-inverted, ${white})`,\n  gray: {\n    /** @deprecated Use `COLORS.theme.foreground` instead. */\n    900: `var(--wp-components-color-foreground, ${GRAY[900]})`,\n    800: `var(--wp-components-color-gray-800, ${GRAY[800]})`,\n    700: `var(--wp-components-color-gray-700, ${GRAY[700]})`,\n    600: `var(--wp-components-color-gray-600, ${GRAY[600]})`,\n    400: `var(--wp-components-color-gray-400, ${GRAY[400]})`,\n    300: `var(--wp-components-color-gray-300, ${GRAY[300]})`,\n    200: `var(--wp-components-color-gray-200, ${GRAY[200]})`,\n    100: `var(--wp-components-color-gray-100, ${GRAY[100]})`\n  }\n};\nconst UI = {\n  background: THEME.background,\n  backgroundDisabled: THEME.gray[100],\n  border: THEME.gray[600],\n  borderHover: THEME.gray[700],\n  borderFocus: THEME.accent,\n  borderDisabled: THEME.gray[400],\n  textDisabled: THEME.gray[600],\n  // Matches @wordpress/base-styles\n  darkGrayPlaceholder: `color-mix(in srgb, ${THEME.foreground}, transparent 38%)`,\n  lightGrayPlaceholder: `color-mix(in srgb, ${THEME.background}, transparent 35%)`\n};\nexport const COLORS = Object.freeze({\n  /**\n   * The main gray color object.\n   *\n   * @deprecated Use semantic aliases in `COLORS.ui` or theme-ready variables in `COLORS.theme.gray`.\n   */\n  gray: GRAY,\n  // TODO: Stop exporting this when everything is migrated to `theme` or `ui`\n  /**\n   * @deprecated Prefer theme-ready variables in `COLORS.theme`.\n   */\n  white,\n  alert: ALERT,\n  /**\n   * Theme-ready variables with fallbacks.\n   *\n   * Prefer semantic aliases in `COLORS.ui` when applicable.\n   */\n  theme: THEME,\n  /**\n   * Semantic aliases (prefer these over raw variables when applicable).\n   */\n  ui: UI\n});\nexport default COLORS;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,MAAM,QAAQ;AAGd,MAAM,OAAO;AAAA,EACX,KAAK;AAAA,EACL,KAAK;AAAA;AAAA,EAEL,KAAK;AAAA;AAAA,EAEL,KAAK;AAAA,EACL,KAAK;AAAA;AAAA,EAEL,KAAK;AAAA;AAAA,EAEL,KAAK;AAAA;AAAA,EAEL,KAAK;AACP;AAGA,MAAM,QAAQ;AAAA,EACZ,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,OAAO;AACT;AAGA,MAAM,QAAQ;AAAA,EACZ,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,gBAAgB;AAAA;AAAA,EAEhB,gBAAgB,8CAA8C,KAAK;AAAA,EACnE,YAAY,yCAAyC,KAAK;AAAA,EAC1D,YAAY,yCAAyC,KAAK,GAAG,CAAC;AAAA;AAAA,EAE9D,oBAAoB,kDAAkD,KAAK;AAAA,EAC3E,MAAM;AAAA;AAAA,IAEJ,KAAK,yCAAyC,KAAK,GAAG,CAAC;AAAA,IACvD,KAAK,uCAAuC,KAAK,GAAG,CAAC;AAAA,IACrD,KAAK,uCAAuC,KAAK,GAAG,CAAC;AAAA,IACrD,KAAK,uCAAuC,KAAK,GAAG,CAAC;AAAA,IACrD,KAAK,uCAAuC,KAAK,GAAG,CAAC;AAAA,IACrD,KAAK,uCAAuC,KAAK,GAAG,CAAC;AAAA,IACrD,KAAK,uCAAuC,KAAK,GAAG,CAAC;AAAA,IACrD,KAAK,uCAAuC,KAAK,GAAG,CAAC;AAAA,EACvD;AACF;AACA,MAAM,KAAK;AAAA,EACT,YAAY,MAAM;AAAA,EAClB,oBAAoB,MAAM,KAAK,GAAG;AAAA,EAClC,QAAQ,MAAM,KAAK,GAAG;AAAA,EACtB,aAAa,MAAM,KAAK,GAAG;AAAA,EAC3B,aAAa,MAAM;AAAA,EACnB,gBAAgB,MAAM,KAAK,GAAG;AAAA,EAC9B,cAAc,MAAM,KAAK,GAAG;AAAA;AAAA,EAE5B,qBAAqB,sBAAsB,MAAM,UAAU;AAAA,EAC3D,sBAAsB,sBAAsB,MAAM,UAAU;AAC9D;AACO,MAAM,SAAS,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMlC,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,EAKN;AAAA,EACA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMP,OAAO;AAAA;AAAA;AAAA;AAAA,EAIP,IAAI;AACN,CAAC;AACD,IAAO,wBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,IAAM,QAAQ;AAGd,IAAM,OAAO;AAAA,EACX,KAAK;AAAA,EACL,KAAK;AAAA;AAAA,EAEL,KAAK;AAAA;AAAA,EAEL,KAAK;AAAA,EACL,KAAK;AAAA;AAAA,EAEL,KAAK;AAAA;AAAA,EAEL,KAAK;AAAA;AAAA,EAEL,KAAK;AACP;AAGA,IAAM,QAAQ;AAAA,EACZ,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,OAAO;AACT;AAGA,IAAM,QAAQ;AAAA,EACZ,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,gBAAgB;AAAA;AAAA,EAEhB,gBAAgB,8CAA8C,KAAK;AAAA,EACnE,YAAY,yCAAyC,KAAK;AAAA,EAC1D,YAAY,yCAAyC,KAAK,GAAG,CAAC;AAAA;AAAA,EAE9D,oBAAoB,kDAAkD,KAAK;AAAA,EAC3E,MAAM;AAAA;AAAA,IAEJ,KAAK,yCAAyC,KAAK,GAAG,CAAC;AAAA,IACvD,KAAK,uCAAuC,KAAK,GAAG,CAAC;AAAA,IACrD,KAAK,uCAAuC,KAAK,GAAG,CAAC;AAAA,IACrD,KAAK,uCAAuC,KAAK,GAAG,CAAC;AAAA,IACrD,KAAK,uCAAuC,KAAK,GAAG,CAAC;AAAA,IACrD,KAAK,uCAAuC,KAAK,GAAG,CAAC;AAAA,IACrD,KAAK,uCAAuC,KAAK,GAAG,CAAC;AAAA,IACrD,KAAK,uCAAuC,KAAK,GAAG,CAAC;AAAA,EACvD;AACF;AACA,IAAM,KAAK;AAAA,EACT,YAAY,MAAM;AAAA,EAClB,oBAAoB,MAAM,KAAK,GAAG;AAAA,EAClC,QAAQ,MAAM,KAAK,GAAG;AAAA,EACtB,aAAa,MAAM,KAAK,GAAG;AAAA,EAC3B,aAAa,MAAM;AAAA,EACnB,gBAAgB,MAAM,KAAK,GAAG;AAAA,EAC9B,cAAc,MAAM,KAAK,GAAG;AAAA;AAAA,EAE5B,qBAAqB,sBAAsB,MAAM,UAAU;AAAA,EAC3D,sBAAsB,sBAAsB,MAAM,UAAU;AAC9D;AACO,IAAM,SAAS,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMlC,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,EAKN;AAAA,EACA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMP,OAAO;AAAA;AAAA;AAAA;AAAA,EAIP,IAAI;AACN,CAAC;AACD,IAAO,wBAAQ;",
   "names": []
 }

package/build/utils/colors.js

@@ -26,6 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/utils/colors.js
 var colors_exports = {};
 __export(colors_exports, {
   getOptimalTextColor: () => getOptimalTextColor,
@@ -36,7 +38,7 @@ module.exports = __toCommonJS(colors_exports);
 var import_memize = __toESM(require("memize"));
 var import_colord = require("colord");
 var import_names = __toESM(require("colord/plugins/names"));
-let colorComputationNode;
+var colorComputationNode;
 (0, import_colord.extend)([import_names.default]);
 function rgba(hexValue = "", alpha = 1) {
   return (0, import_colord.colord)(hexValue).alpha(alpha).toRgbString();
@@ -82,7 +84,7 @@ function _getComputedBackgroundColor(backgroundColor) {
   el.style.background = "";
   return computedColor || "";
 }
-const getComputedBackgroundColor = (0, import_memize.default)(_getComputedBackgroundColor);
+var getComputedBackgroundColor = (0, import_memize.default)(_getComputedBackgroundColor);
 function getOptimalTextColor(backgroundColor) {
   const background = getComputedBackgroundColor(backgroundColor);
   return (0, import_colord.colord)(background).isLight() ? "#000000" : "#ffffff";

package/build/utils/colors.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/colors.js"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport memoize from 'memize';\nimport { colord, extend } from 'colord';\nimport namesPlugin from 'colord/plugins/names';\n\n/** @type {HTMLDivElement} */\nlet colorComputationNode;\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  return colord(hexValue).alpha(alpha).toRgbString();\n}\n\n/**\n * @return {HTMLDivElement | undefined} The HTML element for color computation.\n */\nfunction getColorComputationNode() {\n  if (typeof document === 'undefined') {\n    return;\n  }\n  if (!colorComputationNode) {\n    // Create a temporary element for style computation.\n    const el = document.createElement('div');\n    el.setAttribute('data-g2-color-computation-node', '');\n    // Inject for window computed style.\n    document.body.appendChild(el);\n    colorComputationNode = el;\n  }\n  return colorComputationNode;\n}\n\n/**\n * @param {string | unknown} value\n *\n * @return {boolean} Whether the value is a valid color.\n */\nfunction isColor(value) {\n  if (typeof value !== 'string') {\n    return false;\n  }\n  const test = colord(value);\n  return test.isValid();\n}\n\n/**\n * Retrieves the computed background color. This is useful for getting the\n * value of a CSS variable color.\n *\n * @param {string | unknown} backgroundColor The background color to compute.\n *\n * @return {string} The computed background color.\n */\nfunction _getComputedBackgroundColor(backgroundColor) {\n  if (typeof backgroundColor !== 'string') {\n    return '';\n  }\n  if (isColor(backgroundColor)) {\n    return backgroundColor;\n  }\n  if (!backgroundColor.includes('var(')) {\n    return '';\n  }\n  if (typeof document === 'undefined') {\n    return '';\n  }\n\n  // Attempts to gracefully handle CSS variables color values.\n  const el = getColorComputationNode();\n  if (!el) {\n    return '';\n  }\n  el.style.background = backgroundColor;\n  // Grab the style.\n  const computedColor = window?.getComputedStyle(el).background;\n  // Reset.\n  el.style.background = '';\n  return computedColor || '';\n}\nconst getComputedBackgroundColor = memoize(_getComputedBackgroundColor);\n\n/**\n * Get the text shade optimized for readability, based on a background color.\n *\n * @param {string | unknown} backgroundColor The background color.\n *\n * @return {string} The optimized text color (black or white).\n */\nexport function getOptimalTextColor(backgroundColor) {\n  const background = getComputedBackgroundColor(backgroundColor);\n  return colord(background).isLight() ? '#000000' : '#ffffff';\n}\n\n/**\n * Get the text shade optimized for readability, based on a background color.\n *\n * @param {string | unknown} backgroundColor The background color.\n *\n * @return {string} The optimized text shade (dark or light).\n */\nexport function getOptimalTextShade(backgroundColor) {\n  const result = getOptimalTextColor(backgroundColor);\n  return result === '#000000' ? 'dark' : 'light';\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,oBAAoB;AACpB,oBAA+B;AAC/B,mBAAwB;AAGxB,IAAI;AAAA,IACJ,sBAAO,CAAC,aAAAA,OAAW,CAAC;AAab,SAAS,KAAK,WAAW,IAAI,QAAQ,GAAG;AAC7C,aAAO,sBAAO,QAAQ,EAAE,MAAM,KAAK,EAAE,YAAY;AACnD;AAKA,SAAS,0BAA0B;AACjC,MAAI,OAAO,aAAa,aAAa;AACnC;AAAA,EACF;AACA,MAAI,CAAC,sBAAsB;AAEzB,UAAM,KAAK,SAAS,cAAc,KAAK;AACvC,OAAG,aAAa,kCAAkC,EAAE;AAEpD,aAAS,KAAK,YAAY,EAAE;AAC5B,2BAAuB;AAAA,EACzB;AACA,SAAO;AACT;AAOA,SAAS,QAAQ,OAAO;AACtB,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO;AAAA,EACT;AACA,QAAM,WAAO,sBAAO,KAAK;AACzB,SAAO,KAAK,QAAQ;AACtB;AAUA,SAAS,4BAA4B,iBAAiB;AACpD,MAAI,OAAO,oBAAoB,UAAU;AACvC,WAAO;AAAA,EACT;AACA,MAAI,QAAQ,eAAe,GAAG;AAC5B,WAAO;AAAA,EACT;AACA,MAAI,CAAC,gBAAgB,SAAS,MAAM,GAAG;AACrC,WAAO;AAAA,EACT;AACA,MAAI,OAAO,aAAa,aAAa;AACnC,WAAO;AAAA,EACT;AAGA,QAAM,KAAK,wBAAwB;AACnC,MAAI,CAAC,IAAI;AACP,WAAO;AAAA,EACT;AACA,KAAG,MAAM,aAAa;AAEtB,QAAM,gBAAgB,QAAQ,iBAAiB,EAAE,EAAE;AAEnD,KAAG,MAAM,aAAa;AACtB,SAAO,iBAAiB;AAC1B;AACA,MAAM,iCAA6B,cAAAC,SAAQ,2BAA2B;AAS/D,SAAS,oBAAoB,iBAAiB;AACnD,QAAM,aAAa,2BAA2B,eAAe;AAC7D,aAAO,sBAAO,UAAU,EAAE,QAAQ,IAAI,YAAY;AACpD;AASO,SAAS,oBAAoB,iBAAiB;AACnD,QAAM,SAAS,oBAAoB,eAAe;AAClD,SAAO,WAAW,YAAY,SAAS;AACzC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,oBAAoB;AACpB,oBAA+B;AAC/B,mBAAwB;AAGxB,IAAI;AAAA,IACJ,sBAAO,CAAC,aAAAA,OAAW,CAAC;AAab,SAAS,KAAK,WAAW,IAAI,QAAQ,GAAG;AAC7C,aAAO,sBAAO,QAAQ,EAAE,MAAM,KAAK,EAAE,YAAY;AACnD;AAKA,SAAS,0BAA0B;AACjC,MAAI,OAAO,aAAa,aAAa;AACnC;AAAA,EACF;AACA,MAAI,CAAC,sBAAsB;AAEzB,UAAM,KAAK,SAAS,cAAc,KAAK;AACvC,OAAG,aAAa,kCAAkC,EAAE;AAEpD,aAAS,KAAK,YAAY,EAAE;AAC5B,2BAAuB;AAAA,EACzB;AACA,SAAO;AACT;AAOA,SAAS,QAAQ,OAAO;AACtB,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO;AAAA,EACT;AACA,QAAM,WAAO,sBAAO,KAAK;AACzB,SAAO,KAAK,QAAQ;AACtB;AAUA,SAAS,4BAA4B,iBAAiB;AACpD,MAAI,OAAO,oBAAoB,UAAU;AACvC,WAAO;AAAA,EACT;AACA,MAAI,QAAQ,eAAe,GAAG;AAC5B,WAAO;AAAA,EACT;AACA,MAAI,CAAC,gBAAgB,SAAS,MAAM,GAAG;AACrC,WAAO;AAAA,EACT;AACA,MAAI,OAAO,aAAa,aAAa;AACnC,WAAO;AAAA,EACT;AAGA,QAAM,KAAK,wBAAwB;AACnC,MAAI,CAAC,IAAI;AACP,WAAO;AAAA,EACT;AACA,KAAG,MAAM,aAAa;AAEtB,QAAM,gBAAgB,QAAQ,iBAAiB,EAAE,EAAE;AAEnD,KAAG,MAAM,aAAa;AACtB,SAAO,iBAAiB;AAC1B;AACA,IAAM,iCAA6B,cAAAC,SAAQ,2BAA2B;AAS/D,SAAS,oBAAoB,iBAAiB;AACnD,QAAM,aAAa,2BAA2B,eAAe;AAC7D,aAAO,sBAAO,UAAU,EAAE,QAAQ,IAAI,YAAY;AACpD;AASO,SAAS,oBAAoB,iBAAiB;AACnD,QAAM,SAAS,oBAAoB,eAAe;AAClD,SAAO,WAAW,YAAY,SAAS;AACzC;",
   "names": ["namesPlugin", "memoize"]
 }

package/build/utils/config-values.js

@@ -16,15 +16,16 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/utils/config-values.js
 var config_values_exports = {};
 __export(config_values_exports, {
   default: () => config_values_default
 });
 module.exports = __toCommonJS(config_values_exports);
-var import_space = require("./space");
 var import_colors_values = require("./colors-values");
-const CONTROL_HEIGHT = "36px";
-const CONTROL_PROPS = {
+var CONTROL_HEIGHT = "36px";
+var CONTROL_PROPS = {
   // These values should be shared with TextControl.
   controlPaddingX: 12,
   controlPaddingXSmall: 8,
@@ -70,10 +71,6 @@ var config_values_default = Object.assign({}, CONTROL_PROPS, {
   // ensures fallback to 400 (instead of 600)
   fontWeightHeading: "600",
   gridBase: "4px",
-  cardPaddingXSmall: `${(0, import_space.space)(2)}`,
-  cardPaddingSmall: `${(0, import_space.space)(4)}`,
-  cardPaddingMedium: `${(0, import_space.space)(4)} ${(0, import_space.space)(6)}`,
-  cardPaddingLarge: `${(0, import_space.space)(6)} ${(0, import_space.space)(8)}`,
   elevationXSmall: `0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01)`,
   elevationSmall: `0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.03), 0 8px 8px rgba(0, 0, 0, 0.02)`,
   elevationMedium: `0 2px 3px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.04), 0 12px 12px rgba(0, 0, 0, 0.03), 0 16px 16px rgba(0, 0, 0, 0.02)`,

package/build/utils/config-values.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/utils/config-values.js"],
-  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { space } from './space';\nimport { COLORS } from './colors-values';\nconst CONTROL_HEIGHT = '36px';\nconst CONTROL_PROPS = {\n  // These values should be shared with TextControl.\n  controlPaddingX: 12,\n  controlPaddingXSmall: 8,\n  controlPaddingXLarge: 12 * 1.3334,\n  // TODO: Deprecate\n\n  controlBoxShadowFocus: `0 0 0 0.5px ${COLORS.theme.accent}`,\n  controlHeight: CONTROL_HEIGHT,\n  controlHeightXSmall: `calc( ${CONTROL_HEIGHT} * 0.6 )`,\n  controlHeightSmall: `calc( ${CONTROL_HEIGHT} * 0.8 )`,\n  controlHeightLarge: `calc( ${CONTROL_HEIGHT} * 1.2 )`,\n  controlHeightXLarge: `calc( ${CONTROL_HEIGHT} * 1.4 )`\n};\n\n// Using Object.assign to avoid creating circular references when emitting\n// TypeScript type declarations.\nexport default Object.assign({}, CONTROL_PROPS, {\n  colorDivider: 'rgba(0, 0, 0, 0.1)',\n  colorScrollbarThumb: 'rgba(0, 0, 0, 0.2)',\n  colorScrollbarThumbHover: 'rgba(0, 0, 0, 0.5)',\n  colorScrollbarTrack: 'rgba(0, 0, 0, 0.04)',\n  elevationIntensity: 1,\n  radiusXSmall: '1px',\n  radiusSmall: '2px',\n  radiusMedium: '4px',\n  radiusLarge: '8px',\n  radiusFull: '9999px',\n  radiusRound: '50%',\n  borderWidth: '1px',\n  borderWidthFocus: '1.5px',\n  borderWidthTab: '4px',\n  spinnerSize: 16,\n  fontSize: '13px',\n  fontSizeH1: 'calc(2.44 * 13px)',\n  fontSizeH2: 'calc(1.95 * 13px)',\n  fontSizeH3: 'calc(1.56 * 13px)',\n  fontSizeH4: 'calc(1.25 * 13px)',\n  fontSizeH5: '13px',\n  fontSizeH6: 'calc(0.8 * 13px)',\n  fontSizeInputMobile: '16px',\n  fontSizeMobile: '15px',\n  fontSizeSmall: 'calc(0.92 * 13px)',\n  fontSizeXSmall: 'calc(0.75 * 13px)',\n  fontLineHeightBase: '1.4',\n  fontWeight: 'normal',\n  fontWeightMedium: '499',\n  // ensures fallback to 400 (instead of 600)\n  fontWeightHeading: '600',\n  gridBase: '4px',\n  cardPaddingXSmall: `${space(2)}`,\n  cardPaddingSmall: `${space(4)}`,\n  cardPaddingMedium: `${space(4)} ${space(6)}`,\n  cardPaddingLarge: `${space(6)} ${space(8)}`,\n  elevationXSmall: `0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01)`,\n  elevationSmall: `0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.03), 0 8px 8px rgba(0, 0, 0, 0.02)`,\n  elevationMedium: `0 2px 3px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.04), 0 12px 12px rgba(0, 0, 0, 0.03), 0 16px 16px rgba(0, 0, 0, 0.02)`,\n  elevationLarge: `0 5px 15px rgba(0, 0, 0, 0.08), 0 15px 27px rgba(0, 0, 0, 0.07), 0 30px 36px rgba(0, 0, 0, 0.04), 0 50px 43px rgba(0, 0, 0, 0.02)`,\n  surfaceBackgroundColor: COLORS.white,\n  surfaceBackgroundSubtleColor: '#F3F3F3',\n  surfaceBackgroundTintColor: '#F5F5F5',\n  surfaceBorderColor: 'rgba(0, 0, 0, 0.1)',\n  surfaceBorderBoldColor: 'rgba(0, 0, 0, 0.15)',\n  surfaceBorderSubtleColor: 'rgba(0, 0, 0, 0.05)',\n  surfaceBackgroundTertiaryColor: COLORS.white,\n  surfaceColor: COLORS.white,\n  transitionDuration: '200ms',\n  transitionDurationFast: '160ms',\n  transitionDurationFaster: '120ms',\n  transitionDurationFastest: '100ms',\n  transitionTimingFunction: 'cubic-bezier(0.08, 0.52, 0.52, 1)',\n  transitionTimingFunctionControl: 'cubic-bezier(0.12, 0.8, 0.32, 1)'\n});"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAsB;AACtB,2BAAuB;AACvB,MAAM,iBAAiB;AACvB,MAAM,gBAAgB;AAAA;AAAA,EAEpB,iBAAiB;AAAA,EACjB,sBAAsB;AAAA,EACtB,sBAAsB,KAAK;AAAA;AAAA,EAG3B,uBAAuB,eAAe,4BAAO,MAAM,MAAM;AAAA,EACzD,eAAe;AAAA,EACf,qBAAqB,SAAS,cAAc;AAAA,EAC5C,oBAAoB,SAAS,cAAc;AAAA,EAC3C,oBAAoB,SAAS,cAAc;AAAA,EAC3C,qBAAqB,SAAS,cAAc;AAC9C;AAIA,IAAO,wBAAQ,OAAO,OAAO,CAAC,GAAG,eAAe;AAAA,EAC9C,cAAc;AAAA,EACd,qBAAqB;AAAA,EACrB,0BAA0B;AAAA,EAC1B,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,cAAc;AAAA,EACd,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,qBAAqB;AAAA,EACrB,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,YAAY;AAAA,EACZ,kBAAkB;AAAA;AAAA,EAElB,mBAAmB;AAAA,EACnB,UAAU;AAAA,EACV,mBAAmB,OAAG,oBAAM,CAAC,CAAC;AAAA,EAC9B,kBAAkB,OAAG,oBAAM,CAAC,CAAC;AAAA,EAC7B,mBAAmB,OAAG,oBAAM,CAAC,CAAC,QAAI,oBAAM,CAAC,CAAC;AAAA,EAC1C,kBAAkB,OAAG,oBAAM,CAAC,CAAC,QAAI,oBAAM,CAAC,CAAC;AAAA,EACzC,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,wBAAwB,4BAAO;AAAA,EAC/B,8BAA8B;AAAA,EAC9B,4BAA4B;AAAA,EAC5B,oBAAoB;AAAA,EACpB,wBAAwB;AAAA,EACxB,0BAA0B;AAAA,EAC1B,gCAAgC,4BAAO;AAAA,EACvC,cAAc,4BAAO;AAAA,EACrB,oBAAoB;AAAA,EACpB,wBAAwB;AAAA,EACxB,0BAA0B;AAAA,EAC1B,2BAA2B;AAAA,EAC3B,0BAA0B;AAAA,EAC1B,iCAAiC;AACnC,CAAC;",
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { COLORS } from './colors-values';\nconst CONTROL_HEIGHT = '36px';\nconst CONTROL_PROPS = {\n  // These values should be shared with TextControl.\n  controlPaddingX: 12,\n  controlPaddingXSmall: 8,\n  controlPaddingXLarge: 12 * 1.3334,\n  // TODO: Deprecate\n\n  controlBoxShadowFocus: `0 0 0 0.5px ${COLORS.theme.accent}`,\n  controlHeight: CONTROL_HEIGHT,\n  controlHeightXSmall: `calc( ${CONTROL_HEIGHT} * 0.6 )`,\n  controlHeightSmall: `calc( ${CONTROL_HEIGHT} * 0.8 )`,\n  controlHeightLarge: `calc( ${CONTROL_HEIGHT} * 1.2 )`,\n  controlHeightXLarge: `calc( ${CONTROL_HEIGHT} * 1.4 )`\n};\n\n// Using Object.assign to avoid creating circular references when emitting\n// TypeScript type declarations.\nexport default Object.assign({}, CONTROL_PROPS, {\n  colorDivider: 'rgba(0, 0, 0, 0.1)',\n  colorScrollbarThumb: 'rgba(0, 0, 0, 0.2)',\n  colorScrollbarThumbHover: 'rgba(0, 0, 0, 0.5)',\n  colorScrollbarTrack: 'rgba(0, 0, 0, 0.04)',\n  elevationIntensity: 1,\n  radiusXSmall: '1px',\n  radiusSmall: '2px',\n  radiusMedium: '4px',\n  radiusLarge: '8px',\n  radiusFull: '9999px',\n  radiusRound: '50%',\n  borderWidth: '1px',\n  borderWidthFocus: '1.5px',\n  borderWidthTab: '4px',\n  spinnerSize: 16,\n  fontSize: '13px',\n  fontSizeH1: 'calc(2.44 * 13px)',\n  fontSizeH2: 'calc(1.95 * 13px)',\n  fontSizeH3: 'calc(1.56 * 13px)',\n  fontSizeH4: 'calc(1.25 * 13px)',\n  fontSizeH5: '13px',\n  fontSizeH6: 'calc(0.8 * 13px)',\n  fontSizeInputMobile: '16px',\n  fontSizeMobile: '15px',\n  fontSizeSmall: 'calc(0.92 * 13px)',\n  fontSizeXSmall: 'calc(0.75 * 13px)',\n  fontLineHeightBase: '1.4',\n  fontWeight: 'normal',\n  fontWeightMedium: '499',\n  // ensures fallback to 400 (instead of 600)\n  fontWeightHeading: '600',\n  gridBase: '4px',\n  elevationXSmall: `0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01)`,\n  elevationSmall: `0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.03), 0 8px 8px rgba(0, 0, 0, 0.02)`,\n  elevationMedium: `0 2px 3px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.04), 0 12px 12px rgba(0, 0, 0, 0.03), 0 16px 16px rgba(0, 0, 0, 0.02)`,\n  elevationLarge: `0 5px 15px rgba(0, 0, 0, 0.08), 0 15px 27px rgba(0, 0, 0, 0.07), 0 30px 36px rgba(0, 0, 0, 0.04), 0 50px 43px rgba(0, 0, 0, 0.02)`,\n  surfaceBackgroundColor: COLORS.white,\n  surfaceBackgroundSubtleColor: '#F3F3F3',\n  surfaceBackgroundTintColor: '#F5F5F5',\n  surfaceBorderColor: 'rgba(0, 0, 0, 0.1)',\n  surfaceBorderBoldColor: 'rgba(0, 0, 0, 0.15)',\n  surfaceBorderSubtleColor: 'rgba(0, 0, 0, 0.05)',\n  surfaceBackgroundTertiaryColor: COLORS.white,\n  surfaceColor: COLORS.white,\n  transitionDuration: '200ms',\n  transitionDurationFast: '160ms',\n  transitionDurationFaster: '120ms',\n  transitionDurationFastest: '100ms',\n  transitionTimingFunction: 'cubic-bezier(0.08, 0.52, 0.52, 1)',\n  transitionTimingFunctionControl: 'cubic-bezier(0.12, 0.8, 0.32, 1)'\n});"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,2BAAuB;AACvB,IAAM,iBAAiB;AACvB,IAAM,gBAAgB;AAAA;AAAA,EAEpB,iBAAiB;AAAA,EACjB,sBAAsB;AAAA,EACtB,sBAAsB,KAAK;AAAA;AAAA,EAG3B,uBAAuB,eAAe,4BAAO,MAAM,MAAM;AAAA,EACzD,eAAe;AAAA,EACf,qBAAqB,SAAS,cAAc;AAAA,EAC5C,oBAAoB,SAAS,cAAc;AAAA,EAC3C,oBAAoB,SAAS,cAAc;AAAA,EAC3C,qBAAqB,SAAS,cAAc;AAC9C;AAIA,IAAO,wBAAQ,OAAO,OAAO,CAAC,GAAG,eAAe;AAAA,EAC9C,cAAc;AAAA,EACd,qBAAqB;AAAA,EACrB,0BAA0B;AAAA,EAC1B,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,cAAc;AAAA,EACd,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,qBAAqB;AAAA,EACrB,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,YAAY;AAAA,EACZ,kBAAkB;AAAA;AAAA,EAElB,mBAAmB;AAAA,EACnB,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,wBAAwB,4BAAO;AAAA,EAC/B,8BAA8B;AAAA,EAC9B,4BAA4B;AAAA,EAC5B,oBAAoB;AAAA,EACpB,wBAAwB;AAAA,EACxB,0BAA0B;AAAA,EAC1B,gCAAgC,4BAAO;AAAA,EACvC,cAAc,4BAAO;AAAA,EACrB,oBAAoB;AAAA,EACpB,wBAAwB;AAAA,EACxB,0BAA0B;AAAA,EAC1B,2BAA2B;AAAA,EAC3B,0BAA0B;AAAA,EAC1B,iCAAiC;AACnC,CAAC;",
   "names": []
 }

package/build/utils/deprecated-36px-size.js

@@ -26,6 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/utils/deprecated-36px-size.ts
 var deprecated_36px_size_exports = {};
 __export(deprecated_36px_size_exports, {
   maybeWarnDeprecated36pxSize: () => maybeWarnDeprecated36pxSize

package/build/utils/deprecated-36px-size.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/deprecated-36px-size.ts"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\nexport function maybeWarnDeprecated36pxSize({\n  componentName,\n  __next40pxDefaultSize,\n  size,\n  __shouldNotWarnDeprecated36pxSize\n}) {\n  if (__shouldNotWarnDeprecated36pxSize || __next40pxDefaultSize || size !== undefined && size !== 'default') {\n    return;\n  }\n  deprecated(`36px default size for wp.components.${componentName}`, {\n    since: '6.8',\n    version: '7.1',\n    hint: 'Set the `__next40pxDefaultSize` prop to true to start opting into the new default size, which will become the default in a future version.'\n  });\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAAuB;AAChB,SAAS,4BAA4B;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,MAAI,qCAAqC,yBAAyB,SAAS,UAAa,SAAS,WAAW;AAC1G;AAAA,EACF;AACA,wBAAAA,SAAW,uCAAuC,aAAa,IAAI;AAAA,IACjE,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,EACR,CAAC;AACH;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAAuB;AAChB,SAAS,4BAA4B;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,MAAI,qCAAqC,yBAAyB,SAAS,UAAa,SAAS,WAAW;AAC1G;AAAA,EACF;AACA,wBAAAA,SAAW,uCAAuC,aAAa,IAAI;AAAA,IACjE,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,EACR,CAAC;AACH;",
   "names": ["deprecated"]
 }

package/build/utils/element-rect.js

@@ -16,6 +16,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/utils/element-rect.ts
 var element_rect_exports = {};
 __export(element_rect_exports, {
   NULL_ELEMENT_OFFSET_RECT: () => NULL_ELEMENT_OFFSET_RECT,
@@ -25,7 +27,7 @@ __export(element_rect_exports, {
 module.exports = __toCommonJS(element_rect_exports);
 var import_element = require("@wordpress/element");
 var import_compose = require("@wordpress/compose");
-const NULL_ELEMENT_OFFSET_RECT = {
+var NULL_ELEMENT_OFFSET_RECT = {
   element: void 0,
   top: 0,
   right: 0,
@@ -63,7 +65,7 @@ function getElementOffsetRect(element) {
     height: computedHeight
   };
 }
-const POLL_RATE = 100;
+var POLL_RATE = 100;
 function useTrackElementOffsetRect(targetElement, deps = []) {
   const [indicatorPosition, setIndicatorPosition] = (0, import_element.useState)(NULL_ELEMENT_OFFSET_RECT);
   const intervalRef = (0, import_element.useRef)();

package/build/utils/element-rect.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/element-rect.ts"],
   "sourcesContent": ["/* eslint-disable jsdoc/require-param */\n/**\n * WordPress dependencies\n */\nimport { useLayoutEffect, useRef, useState } from '@wordpress/element';\nimport { useEvent, useResizeObserver } from '@wordpress/compose';\n\n/**\n * The position and dimensions of an element, relative to its offset parent.\n */\n\n/**\n * An `ElementOffsetRect` object with all values set to zero.\n */\nexport const NULL_ELEMENT_OFFSET_RECT = {\n  element: undefined,\n  top: 0,\n  right: 0,\n  bottom: 0,\n  left: 0,\n  width: 0,\n  height: 0\n};\n\n/**\n * Returns the position and dimensions of an element, relative to its offset\n * parent, with subpixel precision. Values reflect the real measures before any\n * potential scaling distortions along the X and Y axes.\n *\n * Useful in contexts where plain `getBoundingClientRect` calls or `ResizeObserver`\n * entries are not suitable, such as when the element is transformed, and when\n * `element.offset<Top|Left|Width|Height>` methods are not precise enough.\n *\n * **Note:** in some contexts, like when the scale is 0, this method will fail\n * because it's impossible to calculate a scaling ratio. When that happens, it\n * will return `undefined`.\n */\nexport function getElementOffsetRect(element) {\n  var _offsetParent$getBoun, _offsetParent$scrollL, _offsetParent$scrollT;\n  // Position and dimension values computed with `getBoundingClientRect` have\n  // subpixel precision, but are affected by distortions since they represent\n  // the \"real\" measures, or in other words, the actual final values as rendered\n  // by the browser.\n  const rect = element.getBoundingClientRect();\n  if (rect.width === 0 || rect.height === 0) {\n    return;\n  }\n  const offsetParent = element.offsetParent;\n  const offsetParentRect = (_offsetParent$getBoun = offsetParent?.getBoundingClientRect()) !== null && _offsetParent$getBoun !== void 0 ? _offsetParent$getBoun : NULL_ELEMENT_OFFSET_RECT;\n  const offsetParentScrollX = (_offsetParent$scrollL = offsetParent?.scrollLeft) !== null && _offsetParent$scrollL !== void 0 ? _offsetParent$scrollL : 0;\n  const offsetParentScrollY = (_offsetParent$scrollT = offsetParent?.scrollTop) !== null && _offsetParent$scrollT !== void 0 ? _offsetParent$scrollT : 0;\n\n  // Computed widths and heights have subpixel precision, and are not affected\n  // by distortions.\n  const computedWidth = parseFloat(getComputedStyle(element).width);\n  const computedHeight = parseFloat(getComputedStyle(element).height);\n\n  // We can obtain the current scale factor for the element by comparing \"computed\"\n  // dimensions with the \"real\" ones.\n  const scaleX = computedWidth / rect.width;\n  const scaleY = computedHeight / rect.height;\n  return {\n    element,\n    // To obtain the adjusted values for the position:\n    // 1. Compute the element's position relative to the offset parent.\n    // 2. Correct for the scale factor.\n    // 3. Adjust for the scroll position of the offset parent.\n    top: (rect.top - offsetParentRect?.top) * scaleY + offsetParentScrollY,\n    right: (offsetParentRect?.right - rect.right) * scaleX - offsetParentScrollX,\n    bottom: (offsetParentRect?.bottom - rect.bottom) * scaleY - offsetParentScrollY,\n    left: (rect.left - offsetParentRect?.left) * scaleX + offsetParentScrollX,\n    // Computed dimensions don't need any adjustments.\n    width: computedWidth,\n    height: computedHeight\n  };\n}\nconst POLL_RATE = 100;\n\n/**\n * Tracks the position and dimensions of an element, relative to its offset\n * parent. The element can be changed dynamically.\n *\n * When no element is provided (`null` or `undefined`), the hook will return\n * a \"null\" rect, in which all values are `0` and `element` is `undefined`.\n *\n * **Note:** sometimes, the measurement will fail (see `getElementOffsetRect`'s\n * documentation for more details). When that happens, this hook will attempt\n * to measure again after a frame, and if that fails, it will poll every 100\n * milliseconds until it succeeds.\n */\nexport function useTrackElementOffsetRect(targetElement, deps = []) {\n  const [indicatorPosition, setIndicatorPosition] = useState(NULL_ELEMENT_OFFSET_RECT);\n  const intervalRef = useRef();\n  const measure = useEvent(() => {\n    // Check that the targetElement is still attached to the DOM, in case\n    // it was removed since the last `measure` call.\n    if (targetElement && targetElement.isConnected) {\n      const elementOffsetRect = getElementOffsetRect(targetElement);\n      if (elementOffsetRect) {\n        setIndicatorPosition(elementOffsetRect);\n        clearInterval(intervalRef.current);\n        return true;\n      }\n    } else {\n      clearInterval(intervalRef.current);\n    }\n    return false;\n  });\n  const setElement = useResizeObserver(() => {\n    if (!measure()) {\n      requestAnimationFrame(() => {\n        if (!measure()) {\n          intervalRef.current = setInterval(measure, POLL_RATE);\n        }\n      });\n    }\n  });\n  useLayoutEffect(() => {\n    setElement(targetElement);\n    if (!targetElement) {\n      setIndicatorPosition(NULL_ELEMENT_OFFSET_RECT);\n    }\n  }, [setElement, targetElement]);\n\n  // Escape hatch to force a remeasurement when something else changes rather\n  // than the target elements' ref or size (for example, the target element\n  // can change its position within the tablist).\n  useLayoutEffect(() => {\n    measure();\n    // `measure` is a stable function, so it's safe to omit it from the deps array.\n    // deps can't be statically analyzed by ESLint\n  }, deps);\n  return indicatorPosition;\n}\n\n/* eslint-enable jsdoc/require-param */"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,qBAAkD;AAClD,qBAA4C;AASrC,MAAM,2BAA2B;AAAA,EACtC,SAAS;AAAA,EACT,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;AAeO,SAAS,qBAAqB,SAAS;AAC5C,MAAI,uBAAuB,uBAAuB;AAKlD,QAAM,OAAO,QAAQ,sBAAsB;AAC3C,MAAI,KAAK,UAAU,KAAK,KAAK,WAAW,GAAG;AACzC;AAAA,EACF;AACA,QAAM,eAAe,QAAQ;AAC7B,QAAM,oBAAoB,wBAAwB,cAAc,sBAAsB,OAAO,QAAQ,0BAA0B,SAAS,wBAAwB;AAChK,QAAM,uBAAuB,wBAAwB,cAAc,gBAAgB,QAAQ,0BAA0B,SAAS,wBAAwB;AACtJ,QAAM,uBAAuB,wBAAwB,cAAc,eAAe,QAAQ,0BAA0B,SAAS,wBAAwB;AAIrJ,QAAM,gBAAgB,WAAW,iBAAiB,OAAO,EAAE,KAAK;AAChE,QAAM,iBAAiB,WAAW,iBAAiB,OAAO,EAAE,MAAM;AAIlE,QAAM,SAAS,gBAAgB,KAAK;AACpC,QAAM,SAAS,iBAAiB,KAAK;AACrC,SAAO;AAAA,IACL;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAM,KAAK,MAAM,kBAAkB,OAAO,SAAS;AAAA,IACnD,QAAQ,kBAAkB,QAAQ,KAAK,SAAS,SAAS;AAAA,IACzD,SAAS,kBAAkB,SAAS,KAAK,UAAU,SAAS;AAAA,IAC5D,OAAO,KAAK,OAAO,kBAAkB,QAAQ,SAAS;AAAA;AAAA,IAEtD,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AACF;AACA,MAAM,YAAY;AAcX,SAAS,0BAA0B,eAAe,OAAO,CAAC,GAAG;AAClE,QAAM,CAAC,mBAAmB,oBAAoB,QAAI,yBAAS,wBAAwB;AACnF,QAAM,kBAAc,uBAAO;AAC3B,QAAM,cAAU,yBAAS,MAAM;AAG7B,QAAI,iBAAiB,cAAc,aAAa;AAC9C,YAAM,oBAAoB,qBAAqB,aAAa;AAC5D,UAAI,mBAAmB;AACrB,6BAAqB,iBAAiB;AACtC,sBAAc,YAAY,OAAO;AACjC,eAAO;AAAA,MACT;AAAA,IACF,OAAO;AACL,oBAAc,YAAY,OAAO;AAAA,IACnC;AACA,WAAO;AAAA,EACT,CAAC;AACD,QAAM,iBAAa,kCAAkB,MAAM;AACzC,QAAI,CAAC,QAAQ,GAAG;AACd,4BAAsB,MAAM;AAC1B,YAAI,CAAC,QAAQ,GAAG;AACd,sBAAY,UAAU,YAAY,SAAS,SAAS;AAAA,QACtD;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AACD,sCAAgB,MAAM;AACpB,eAAW,aAAa;AACxB,QAAI,CAAC,eAAe;AAClB,2BAAqB,wBAAwB;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,YAAY,aAAa,CAAC;AAK9B,sCAAgB,MAAM;AACpB,YAAQ;AAAA,EAGV,GAAG,IAAI;AACP,SAAO;AACT;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,qBAAkD;AAClD,qBAA4C;AASrC,IAAM,2BAA2B;AAAA,EACtC,SAAS;AAAA,EACT,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;AAeO,SAAS,qBAAqB,SAAS;AAC5C,MAAI,uBAAuB,uBAAuB;AAKlD,QAAM,OAAO,QAAQ,sBAAsB;AAC3C,MAAI,KAAK,UAAU,KAAK,KAAK,WAAW,GAAG;AACzC;AAAA,EACF;AACA,QAAM,eAAe,QAAQ;AAC7B,QAAM,oBAAoB,wBAAwB,cAAc,sBAAsB,OAAO,QAAQ,0BAA0B,SAAS,wBAAwB;AAChK,QAAM,uBAAuB,wBAAwB,cAAc,gBAAgB,QAAQ,0BAA0B,SAAS,wBAAwB;AACtJ,QAAM,uBAAuB,wBAAwB,cAAc,eAAe,QAAQ,0BAA0B,SAAS,wBAAwB;AAIrJ,QAAM,gBAAgB,WAAW,iBAAiB,OAAO,EAAE,KAAK;AAChE,QAAM,iBAAiB,WAAW,iBAAiB,OAAO,EAAE,MAAM;AAIlE,QAAM,SAAS,gBAAgB,KAAK;AACpC,QAAM,SAAS,iBAAiB,KAAK;AACrC,SAAO;AAAA,IACL;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAM,KAAK,MAAM,kBAAkB,OAAO,SAAS;AAAA,IACnD,QAAQ,kBAAkB,QAAQ,KAAK,SAAS,SAAS;AAAA,IACzD,SAAS,kBAAkB,SAAS,KAAK,UAAU,SAAS;AAAA,IAC5D,OAAO,KAAK,OAAO,kBAAkB,QAAQ,SAAS;AAAA;AAAA,IAEtD,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AACF;AACA,IAAM,YAAY;AAcX,SAAS,0BAA0B,eAAe,OAAO,CAAC,GAAG;AAClE,QAAM,CAAC,mBAAmB,oBAAoB,QAAI,yBAAS,wBAAwB;AACnF,QAAM,kBAAc,uBAAO;AAC3B,QAAM,cAAU,yBAAS,MAAM;AAG7B,QAAI,iBAAiB,cAAc,aAAa;AAC9C,YAAM,oBAAoB,qBAAqB,aAAa;AAC5D,UAAI,mBAAmB;AACrB,6BAAqB,iBAAiB;AACtC,sBAAc,YAAY,OAAO;AACjC,eAAO;AAAA,MACT;AAAA,IACF,OAAO;AACL,oBAAc,YAAY,OAAO;AAAA,IACnC;AACA,WAAO;AAAA,EACT,CAAC;AACD,QAAM,iBAAa,kCAAkB,MAAM;AACzC,QAAI,CAAC,QAAQ,GAAG;AACd,4BAAsB,MAAM;AAC1B,YAAI,CAAC,QAAQ,GAAG;AACd,sBAAY,UAAU,YAAY,SAAS,SAAS;AAAA,QACtD;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AACD,sCAAgB,MAAM;AACpB,eAAW,aAAa;AACxB,QAAI,CAAC,eAAe;AAClB,2BAAqB,wBAAwB;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,YAAY,aAAa,CAAC;AAK9B,sCAAgB,MAAM;AACpB,YAAQ;AAAA,EAGV,GAAG,IAAI;AACP,SAAO;AACT;",
   "names": []
 }

package/build/utils/font-size.js

@@ -26,6 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/utils/font-size.ts
 var font_size_exports = {};
 __export(font_size_exports, {
   BASE_FONT_SIZE: () => BASE_FONT_SIZE,
@@ -36,8 +38,8 @@ __export(font_size_exports, {
 });
 module.exports = __toCommonJS(font_size_exports);
 var import_config_values = __toESM(require("./config-values"));
-const BASE_FONT_SIZE = 13;
-const PRESET_FONT_SIZES = {
+var BASE_FONT_SIZE = 13;
+var PRESET_FONT_SIZES = {
   body: BASE_FONT_SIZE,
   caption: 10,
   footnote: 11,
@@ -45,7 +47,7 @@ const PRESET_FONT_SIZES = {
   subheadline: 12,
   title: 20
 };
-const HEADING_FONT_SIZES = [1, 2, 3, 4, 5, 6].flatMap((n) => [n, n.toString()]);
+var HEADING_FONT_SIZES = [1, 2, 3, 4, 5, 6].flatMap((n) => [n, n.toString()]);
 function getFontSize(size = BASE_FONT_SIZE) {
   if (size in PRESET_FONT_SIZES) {
     return getFontSize(PRESET_FONT_SIZES[size]);

package/build/utils/font-size.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/font-size.ts"],
   "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * Internal dependencies\n */\nimport CONFIG from './config-values';\nexport const BASE_FONT_SIZE = 13;\nexport const PRESET_FONT_SIZES = {\n  body: BASE_FONT_SIZE,\n  caption: 10,\n  footnote: 11,\n  largeTitle: 28,\n  subheadline: 12,\n  title: 20\n};\nexport const HEADING_FONT_SIZES = [1, 2, 3, 4, 5, 6].flatMap(n => [n, n.toString()]);\nexport function getFontSize(size = BASE_FONT_SIZE) {\n  if (size in PRESET_FONT_SIZES) {\n    return getFontSize(PRESET_FONT_SIZES[size]);\n  }\n  if (typeof size !== 'number') {\n    const parsed = parseFloat(size);\n    if (Number.isNaN(parsed)) {\n      return size;\n    }\n    size = parsed;\n  }\n  const ratio = `(${size} / ${BASE_FONT_SIZE})`;\n  return `calc(${ratio} * ${CONFIG.fontSize})`;\n}\nexport function getHeadingFontSize(size = 3) {\n  if (!HEADING_FONT_SIZES.includes(size)) {\n    return getFontSize(size);\n  }\n  const headingSize = `fontSizeH${size}`;\n  return CONFIG[headingSize];\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,2BAAmB;AACZ,MAAM,iBAAiB;AACvB,MAAM,oBAAoB;AAAA,EAC/B,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,OAAO;AACT;AACO,MAAM,qBAAqB,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,EAAE,QAAQ,OAAK,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;AAC5E,SAAS,YAAY,OAAO,gBAAgB;AACjD,MAAI,QAAQ,mBAAmB;AAC7B,WAAO,YAAY,kBAAkB,IAAI,CAAC;AAAA,EAC5C;AACA,MAAI,OAAO,SAAS,UAAU;AAC5B,UAAM,SAAS,WAAW,IAAI;AAC9B,QAAI,OAAO,MAAM,MAAM,GAAG;AACxB,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT;AACA,QAAM,QAAQ,IAAI,IAAI,MAAM,cAAc;AAC1C,SAAO,QAAQ,KAAK,MAAM,qBAAAA,QAAO,QAAQ;AAC3C;AACO,SAAS,mBAAmB,OAAO,GAAG;AAC3C,MAAI,CAAC,mBAAmB,SAAS,IAAI,GAAG;AACtC,WAAO,YAAY,IAAI;AAAA,EACzB;AACA,QAAM,cAAc,YAAY,IAAI;AACpC,SAAO,qBAAAA,QAAO,WAAW;AAC3B;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,2BAAmB;AACZ,IAAM,iBAAiB;AACvB,IAAM,oBAAoB;AAAA,EAC/B,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,OAAO;AACT;AACO,IAAM,qBAAqB,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,EAAE,QAAQ,OAAK,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;AAC5E,SAAS,YAAY,OAAO,gBAAgB;AACjD,MAAI,QAAQ,mBAAmB;AAC7B,WAAO,YAAY,kBAAkB,IAAI,CAAC;AAAA,EAC5C;AACA,MAAI,OAAO,SAAS,UAAU;AAC5B,UAAM,SAAS,WAAW,IAAI;AAC9B,QAAI,OAAO,MAAM,MAAM,GAAG;AACxB,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT;AACA,QAAM,QAAQ,IAAI,IAAI,MAAM,cAAc;AAC1C,SAAO,QAAQ,KAAK,MAAM,qBAAAA,QAAO,QAAQ;AAC3C;AACO,SAAS,mBAAmB,OAAO,GAAG;AAC3C,MAAI,CAAC,mBAAmB,SAAS,IAAI,GAAG;AACtC,WAAO,YAAY,IAAI;AAAA,EACzB;AACA,QAAM,cAAc,YAAY,IAAI;AACpC,SAAO,qBAAAA,QAAO,WAAW;AAC3B;",
   "names": ["CONFIG"]
 }

package/build/utils/font-values.js

@@ -16,6 +16,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/utils/font-values.js
 var font_values_exports = {};
 __export(font_values_exports, {
   default: () => font_values_default

package/build/utils/font-values.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/font-values.js"],
   "sourcesContent": ["export default {\n  'default.fontFamily': \"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif\",\n  'default.fontSize': '13px',\n  'helpText.fontSize': '12px',\n  mobileTextMinFontSize: '16px'\n};"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,sBAAQ;AAAA,EACb,sBAAsB;AAAA,EACtB,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,uBAAuB;AACzB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,sBAAQ;AAAA,EACb,sBAAsB;AAAA,EACtB,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,uBAAuB;AACzB;",
   "names": []
 }

package/build/utils/font.js

@@ -26,6 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/utils/font.js
 var font_exports = {};
 __export(font_exports, {
   font: () => font

package/build/utils/font.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/font.js"],
   "sourcesContent": ["/**\n * Internal dependencies\n */\nimport FONT from './font-values';\n\n/**\n *\n * @param {keyof FONT} value Path of value from `FONT`\n * @return {string} Font rule value\n */\nexport function font(value) {\n  var _FONT$value;\n  return (_FONT$value = FONT[value]) !== null && _FONT$value !== void 0 ? _FONT$value : '';\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,yBAAiB;AAOV,SAAS,KAAK,OAAO;AAC1B,MAAI;AACJ,UAAQ,cAAc,mBAAAA,QAAK,KAAK,OAAO,QAAQ,gBAAgB,SAAS,cAAc;AACxF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,yBAAiB;AAOV,SAAS,KAAK,OAAO;AAC1B,MAAI;AACJ,UAAQ,cAAc,mBAAAA,QAAK,KAAK,OAAO,QAAQ,gBAAgB,SAAS,cAAc;AACxF;",
   "names": ["FONT"]
 }