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

package/build/utils/get-node-text.js

@@ -16,12 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/utils/get-node-text.ts
 var get_node_text_exports = {};
 __export(get_node_text_exports, {
   default: () => get_node_text_default
 });
 module.exports = __toCommonJS(get_node_text_exports);
-const getNodeText = (node) => {
+var getNodeText = (node) => {
   if (node === null) {
     return "";
   }

package/build/utils/get-node-text.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/get-node-text.ts"],
   "sourcesContent": ["const getNodeText = node => {\n  if (node === null) {\n    return '';\n  }\n  switch (typeof node) {\n    case 'string':\n    case 'number':\n      return node.toString();\n    case 'object':\n      {\n        if (node instanceof Array) {\n          return node.map(getNodeText).join('');\n        }\n        if ('props' in node) {\n          return getNodeText(node.props.children);\n        }\n        return '';\n      }\n    default:\n      return '';\n  }\n};\nexport default getNodeText;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAM,cAAc,UAAQ;AAC1B,MAAI,SAAS,MAAM;AACjB,WAAO;AAAA,EACT;AACA,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,KAAK,SAAS;AAAA,IACvB,KAAK,UACH;AACE,UAAI,gBAAgB,OAAO;AACzB,eAAO,KAAK,IAAI,WAAW,EAAE,KAAK,EAAE;AAAA,MACtC;AACA,UAAI,WAAW,MAAM;AACnB,eAAO,YAAY,KAAK,MAAM,QAAQ;AAAA,MACxC;AACA,aAAO;AAAA,IACT;AAAA,IACF;AACE,aAAO;AAAA,EACX;AACF;AACA,IAAO,wBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAM,cAAc,UAAQ;AAC1B,MAAI,SAAS,MAAM;AACjB,WAAO;AAAA,EACT;AACA,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,KAAK,SAAS;AAAA,IACvB,KAAK,UACH;AACE,UAAI,gBAAgB,OAAO;AACzB,eAAO,KAAK,IAAI,WAAW,EAAE,KAAK,EAAE;AAAA,MACtC;AACA,UAAI,WAAW,MAAM;AACnB,eAAO,YAAY,KAAK,MAAM,QAAQ;AAAA,MACxC;AACA,aAAO;AAAA,IACT;AAAA,IACF;AACE,aAAO;AAAA,EACX;AACF;AACA,IAAO,wBAAQ;",
   "names": []
 }

package/build/utils/get-valid-children.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/get-valid-children.ts
 var get_valid_children_exports = {};
 __export(get_valid_children_exports, {
   getValidChildren: () => getValidChildren

package/build/utils/get-valid-children.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/get-valid-children.ts"],
   "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { Children, isValidElement } from '@wordpress/element';\n\n/**\n * Gets a collection of available children elements from a React component's children prop.\n *\n * @param children\n *\n * @return An array of available children.\n */\nexport function getValidChildren(children) {\n  if (typeof children === 'string') {\n    return [children];\n  }\n  return Children.toArray(children).filter(child => isValidElement(child));\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,qBAAyC;AASlC,SAAS,iBAAiB,UAAU;AACzC,MAAI,OAAO,aAAa,UAAU;AAChC,WAAO,CAAC,QAAQ;AAAA,EAClB;AACA,SAAO,wBAAS,QAAQ,QAAQ,EAAE,OAAO,eAAS,+BAAe,KAAK,CAAC;AACzE;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,qBAAyC;AASlC,SAAS,iBAAiB,UAAU;AACzC,MAAI,OAAO,aAAa,UAAU;AAChC,WAAO,CAAC,QAAQ;AAAA,EAClB;AACA,SAAO,wBAAS,QAAQ,QAAQ,EAAE,OAAO,eAAS,+BAAe,KAAK,CAAC;AACzE;",
   "names": []
 }

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

@@ -12,6 +12,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/utils/hooks/emotion.d.ts
 var emotion_d_exports = {};
 module.exports = __toCommonJS(emotion_d_exports);
 //# sourceMappingURL=emotion.d.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/utils/hooks/emotion.d.ts"],
   "sourcesContent": ["export {};"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;AAAA;",
   "names": []
 }

package/build/utils/hooks/index.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/hooks/index.js
 var hooks_exports = {};
 __export(hooks_exports, {
   useControlledState: () => import_use_controlled_state.default,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/utils/hooks/index.js"],
   "sourcesContent": ["export { default as useControlledState } from './use-controlled-state';\nexport { default as useUpdateEffect } from './use-update-effect';\nexport { useControlledValue } from './use-controlled-value';\nexport { useCx } from './use-cx';"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kCAA8C;AAC9C,+BAA2C;AAC3C,kCAAmC;AACnC,oBAAsB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kCAA8C;AAC9C,+BAA2C;AAC3C,kCAAmC;AACnC,oBAAsB;",
   "names": []
 }

package/build/utils/hooks/use-animated-offset-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/hooks/use-animated-offset-rect.ts
 var use_animated_offset_rect_exports = {};
 __export(use_animated_offset_rect_exports, {
   useAnimatedOffsetRect: () => useAnimatedOffsetRect

package/build/utils/hooks/use-animated-offset-rect.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/utils/hooks/use-animated-offset-rect.ts"],
   "sourcesContent": ["/* eslint-disable jsdoc/require-param */\n\n/**\n * WordPress dependencies\n */\nimport { useEvent } from '@wordpress/compose';\nimport { useLayoutEffect } from '@wordpress/element';\n/**\n * Internal dependencies\n */\n\nimport { useOnValueUpdate } from './use-on-value-update';\n\n/**\n * A utility used to animate something in a container component based on the \"offset\n * rect\" (position relative to the container and size) of a subelement. For example,\n * this is useful to render an indicator for the selected option of a component, and\n * to animate it when the selected option changes.\n *\n * Takes in a container element and the up-to-date \"offset rect\" of the target\n * subelement, obtained with `useTrackElementOffsetRect`. Then it does the following:\n *\n * - Adds CSS variables with rect information to the container, so that the indicator\n *   can be rendered and animated with them. These are kept up-to-date, enabling CSS\n *   transitions on change.\n * - Sets an attribute (`data-subelement-animated` by default) when the tracked\n *   element changes, so that the target (e.g. the indicator) can be animated to its\n *   new size and position.\n * - Removes the attribute when the animation is done.\n *\n * The need for the attribute is due to the fact that the rect might update in\n * situations other than when the tracked element changes, e.g. the tracked element\n * might be resized. In such cases, there is no need to animate the indicator, and\n * the change in size or position of the indicator needs to be reflected immediately.\n */\nexport function useAnimatedOffsetRect(\n/**\n * The container element.\n */\ncontainer,\n/**\n * The rect of the tracked element.\n */\nrect, {\n  prefix = 'subelement',\n  dataAttribute = `${prefix}-animated`,\n  transitionEndFilter = () => true,\n  roundRect = false\n} = {}) {\n  const setProperties = useEvent(() => {\n    Object.keys(rect).forEach(property => property !== 'element' && container?.style.setProperty(`--${prefix}-${property}`, String(roundRect ? Math.floor(rect[property]) : rect[property])));\n  });\n  useLayoutEffect(() => {\n    setProperties();\n  }, [rect, setProperties]);\n  useOnValueUpdate(rect.element, ({\n    previousValue\n  }) => {\n    // Only enable the animation when moving from one element to another.\n    if (rect.element && previousValue) {\n      container?.setAttribute(`data-${dataAttribute}`, '');\n    }\n  });\n  useLayoutEffect(() => {\n    function onTransitionEnd(event) {\n      if (transitionEndFilter(event)) {\n        container?.removeAttribute(`data-${dataAttribute}`);\n      }\n    }\n    container?.addEventListener('transitionend', onTransitionEnd);\n    return () => container?.removeEventListener('transitionend', onTransitionEnd);\n  }, [dataAttribute, container, transitionEndFilter]);\n}\n/* eslint-enable jsdoc/require-param */"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA,qBAAyB;AACzB,qBAAgC;AAKhC,iCAAiC;AAwB1B,SAAS,sBAIhB,WAIA,MAAM;AAAA,EACJ,SAAS;AAAA,EACT,gBAAgB,GAAG,MAAM;AAAA,EACzB,sBAAsB,MAAM;AAAA,EAC5B,YAAY;AACd,IAAI,CAAC,GAAG;AACN,QAAM,oBAAgB,yBAAS,MAAM;AACnC,WAAO,KAAK,IAAI,EAAE,QAAQ,cAAY,aAAa,aAAa,WAAW,MAAM,YAAY,KAAK,MAAM,IAAI,QAAQ,IAAI,OAAO,YAAY,KAAK,MAAM,KAAK,QAAQ,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC;AAAA,EAC1L,CAAC;AACD,sCAAgB,MAAM;AACpB,kBAAc;AAAA,EAChB,GAAG,CAAC,MAAM,aAAa,CAAC;AACxB,mDAAiB,KAAK,SAAS,CAAC;AAAA,IAC9B;AAAA,EACF,MAAM;AAEJ,QAAI,KAAK,WAAW,eAAe;AACjC,iBAAW,aAAa,QAAQ,aAAa,IAAI,EAAE;AAAA,IACrD;AAAA,EACF,CAAC;AACD,sCAAgB,MAAM;AACpB,aAAS,gBAAgB,OAAO;AAC9B,UAAI,oBAAoB,KAAK,GAAG;AAC9B,mBAAW,gBAAgB,QAAQ,aAAa,EAAE;AAAA,MACpD;AAAA,IACF;AACA,eAAW,iBAAiB,iBAAiB,eAAe;AAC5D,WAAO,MAAM,WAAW,oBAAoB,iBAAiB,eAAe;AAAA,EAC9E,GAAG,CAAC,eAAe,WAAW,mBAAmB,CAAC;AACpD;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA,qBAAyB;AACzB,qBAAgC;AAKhC,iCAAiC;AAwB1B,SAAS,sBAIhB,WAIA,MAAM;AAAA,EACJ,SAAS;AAAA,EACT,gBAAgB,GAAG,MAAM;AAAA,EACzB,sBAAsB,MAAM;AAAA,EAC5B,YAAY;AACd,IAAI,CAAC,GAAG;AACN,QAAM,oBAAgB,yBAAS,MAAM;AACnC,WAAO,KAAK,IAAI,EAAE,QAAQ,cAAY,aAAa,aAAa,WAAW,MAAM,YAAY,KAAK,MAAM,IAAI,QAAQ,IAAI,OAAO,YAAY,KAAK,MAAM,KAAK,QAAQ,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC;AAAA,EAC1L,CAAC;AACD,sCAAgB,MAAM;AACpB,kBAAc;AAAA,EAChB,GAAG,CAAC,MAAM,aAAa,CAAC;AACxB,mDAAiB,KAAK,SAAS,CAAC;AAAA,IAC9B;AAAA,EACF,MAAM;AAEJ,QAAI,KAAK,WAAW,eAAe;AACjC,iBAAW,aAAa,QAAQ,aAAa,IAAI,EAAE;AAAA,IACrD;AAAA,EACF,CAAC;AACD,sCAAgB,MAAM;AACpB,aAAS,gBAAgB,OAAO;AAC9B,UAAI,oBAAoB,KAAK,GAAG;AAC9B,mBAAW,gBAAgB,QAAQ,aAAa,EAAE;AAAA,MACpD;AAAA,IACF;AACA,eAAW,iBAAiB,iBAAiB,eAAe;AAC5D,WAAO,MAAM,WAAW,oBAAoB,iBAAiB,eAAe;AAAA,EAC9E,GAAG,CAAC,eAAe,WAAW,mBAAmB,CAAC;AACpD;",
   "names": []
 }

package/build/utils/hooks/use-controlled-state.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/hooks/use-controlled-state.js
 var use_controlled_state_exports = {};
 __export(use_controlled_state_exports, {
   default: () => use_controlled_state_default
@@ -23,7 +25,7 @@ __export(use_controlled_state_exports, {
 module.exports = __toCommonJS(use_controlled_state_exports);
 var import_element = require("@wordpress/element");
 var import_values = require("../values");
-const defaultOptions = {
+var defaultOptions = {
   initial: void 0,
   /**
    * Defaults to empty string, as that is preferred for usage with

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/hooks/use-controlled-state.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEffect, useState, useCallback } 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}      [initial] Initial value\n * @property {T | \"\"} fallback  Fallback value\n */\n\n/** @type {Readonly<{ initial: undefined, fallback: '' }>} */\nconst defaultOptions = {\n  initial: undefined,\n  /**\n   * Defaults to empty string, as that is preferred for usage with\n   * <input />, <textarea />, and <select /> form elements.\n   */\n  fallback: ''\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  const {\n    initial,\n    fallback\n  } = {\n    ...defaultOptions,\n    ...options\n  };\n  const [internalState, setInternalState] = useState(currentState);\n  const hasCurrentState = isValueDefined(currentState);\n\n  /*\n   * Resets internal state if value every changes from uncontrolled <-> controlled.\n   */\n  useEffect(() => {\n    if (hasCurrentState && internalState) {\n      setInternalState(undefined);\n    }\n  }, [hasCurrentState, internalState]);\n  const state = getDefinedValue([currentState, internalState, initial], fallback);\n\n  /* eslint-disable jsdoc/no-undefined-types */\n  /** @type {(nextState: T) => void} */\n  const setState = useCallback(nextState => {\n    if (!hasCurrentState) {\n      setInternalState(nextState);\n    }\n  }, [hasCurrentState]);\n  /* eslint-enable jsdoc/no-undefined-types */\n\n  return [state, setState];\n}\nexport default useControlledState;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAiD;AAKjD,oBAAgD;AAUhD,MAAM,iBAAiB;AAAA,EACrB,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,EAKT,UAAU;AACZ;AAyBA,SAAS,mBAAmB,cAAc,UAAU,gBAAgB;AAClE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI;AAAA,IACF,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AACA,QAAM,CAAC,eAAe,gBAAgB,QAAI,yBAAS,YAAY;AAC/D,QAAM,sBAAkB,8BAAe,YAAY;AAKnD,gCAAU,MAAM;AACd,QAAI,mBAAmB,eAAe;AACpC,uBAAiB,MAAS;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,iBAAiB,aAAa,CAAC;AACnC,QAAM,YAAQ,+BAAgB,CAAC,cAAc,eAAe,OAAO,GAAG,QAAQ;AAI9E,QAAM,eAAW,4BAAY,eAAa;AACxC,QAAI,CAAC,iBAAiB;AACpB,uBAAiB,SAAS;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,eAAe,CAAC;AAGpB,SAAO,CAAC,OAAO,QAAQ;AACzB;AACA,IAAO,+BAAQ;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEffect, useState, useCallback } 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}      [initial] Initial value\n * @property {T | \"\"} fallback  Fallback value\n */\n\n/** @type {Readonly<{ initial: undefined, fallback: '' }>} */\nconst defaultOptions = {\n  initial: undefined,\n  /**\n   * Defaults to empty string, as that is preferred for usage with\n   * <input />, <textarea />, and <select /> form elements.\n   */\n  fallback: ''\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  const {\n    initial,\n    fallback\n  } = {\n    ...defaultOptions,\n    ...options\n  };\n  const [internalState, setInternalState] = useState(currentState);\n  const hasCurrentState = isValueDefined(currentState);\n\n  /*\n   * Resets internal state if value every changes from uncontrolled <-> controlled.\n   */\n  useEffect(() => {\n    if (hasCurrentState && internalState) {\n      setInternalState(undefined);\n    }\n  }, [hasCurrentState, internalState]);\n  const state = getDefinedValue([currentState, internalState, initial], fallback);\n\n  /** @type {(nextState: T) => void} */\n  const setState = useCallback(nextState => {\n    if (!hasCurrentState) {\n      setInternalState(nextState);\n    }\n  }, [hasCurrentState]);\n  return [state, setState];\n}\nexport default useControlledState;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAiD;AAKjD,oBAAgD;AAUhD,IAAM,iBAAiB;AAAA,EACrB,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,EAKT,UAAU;AACZ;AAyBA,SAAS,mBAAmB,cAAc,UAAU,gBAAgB;AAClE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI;AAAA,IACF,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AACA,QAAM,CAAC,eAAe,gBAAgB,QAAI,yBAAS,YAAY;AAC/D,QAAM,sBAAkB,8BAAe,YAAY;AAKnD,gCAAU,MAAM;AACd,QAAI,mBAAmB,eAAe;AACpC,uBAAiB,MAAS;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,iBAAiB,aAAa,CAAC;AACnC,QAAM,YAAQ,+BAAgB,CAAC,cAAc,eAAe,OAAO,GAAG,QAAQ;AAG9E,QAAM,eAAW,4BAAY,eAAa;AACxC,QAAI,CAAC,iBAAiB;AACpB,uBAAiB,SAAS;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,eAAe,CAAC;AACpB,SAAO,CAAC,OAAO,QAAQ;AACzB;AACA,IAAO,+BAAQ;",
   "names": []
 }

package/build/utils/hooks/use-controlled-value.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/hooks/use-controlled-value.ts
 var use_controlled_value_exports = {};
 __export(use_controlled_value_exports, {
   useControlledValue: () => useControlledValue

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/utils/hooks/use-controlled-value.ts"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useCallback, useState } from '@wordpress/element';\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({\n  defaultValue,\n  onChange,\n  value: valueProp\n}) {\n  const hasValue = typeof valueProp !== 'undefined';\n  const initialValue = hasValue ? valueProp : defaultValue;\n  const [state, setState] = useState(initialValue);\n  const value = hasValue ? valueProp : state;\n  const uncontrolledSetValue = useCallback((nextValue, ...args) => {\n    setState(nextValue);\n    onChange?.(nextValue, ...args);\n  }, [onChange]);\n  let setValue;\n  if (hasValue && typeof onChange === 'function') {\n    // Controlled mode.\n    setValue = onChange;\n  } else if (!hasValue && typeof onChange === 'function') {\n    // Uncontrolled mode, plus forwarding to the onChange prop.\n    setValue = uncontrolledSetValue;\n  } else {\n    // Uncontrolled mode, only update internal state.\n    setValue = setState;\n  }\n  return [value, setValue];\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAsC;AAU/B,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA,OAAO;AACT,GAAG;AACD,QAAM,WAAW,OAAO,cAAc;AACtC,QAAM,eAAe,WAAW,YAAY;AAC5C,QAAM,CAAC,OAAO,QAAQ,QAAI,yBAAS,YAAY;AAC/C,QAAM,QAAQ,WAAW,YAAY;AACrC,QAAM,2BAAuB,4BAAY,CAAC,cAAc,SAAS;AAC/D,aAAS,SAAS;AAClB,eAAW,WAAW,GAAG,IAAI;AAAA,EAC/B,GAAG,CAAC,QAAQ,CAAC;AACb,MAAI;AACJ,MAAI,YAAY,OAAO,aAAa,YAAY;AAE9C,eAAW;AAAA,EACb,WAAW,CAAC,YAAY,OAAO,aAAa,YAAY;AAEtD,eAAW;AAAA,EACb,OAAO;AAEL,eAAW;AAAA,EACb;AACA,SAAO,CAAC,OAAO,QAAQ;AACzB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAsC;AAU/B,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA,OAAO;AACT,GAAG;AACD,QAAM,WAAW,OAAO,cAAc;AACtC,QAAM,eAAe,WAAW,YAAY;AAC5C,QAAM,CAAC,OAAO,QAAQ,QAAI,yBAAS,YAAY;AAC/C,QAAM,QAAQ,WAAW,YAAY;AACrC,QAAM,2BAAuB,4BAAY,CAAC,cAAc,SAAS;AAC/D,aAAS,SAAS;AAClB,eAAW,WAAW,GAAG,IAAI;AAAA,EAC/B,GAAG,CAAC,QAAQ,CAAC;AACb,MAAI;AACJ,MAAI,YAAY,OAAO,aAAa,YAAY;AAE9C,eAAW;AAAA,EACb,WAAW,CAAC,YAAY,OAAO,aAAa,YAAY;AAEtD,eAAW;AAAA,EACb,OAAO;AAEL,eAAW;AAAA,EACb;AACA,SAAO,CAAC,OAAO,QAAQ;AACzB;",
   "names": []
 }

package/build/utils/hooks/use-cx.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/hooks/use-cx.ts
 var use_cx_exports = {};
 __export(use_cx_exports, {
   useCx: () => useCx
@@ -25,8 +27,8 @@ var import_react = require("@emotion/react");
 var import_utils = require("@emotion/utils");
 var import_css = require("@emotion/css");
 var import_element = require("@wordpress/element");
-const isSerializedStyles = (o) => typeof o !== "undefined" && o !== null && ["name", "styles"].every((p) => typeof o[p] !== "undefined");
-const useCx = () => {
+var isSerializedStyles = (o) => typeof o !== "undefined" && o !== null && ["name", "styles"].every((p) => typeof o[p] !== "undefined");
+var useCx = () => {
   const cache = (0, import_react.__unsafe_useEmotionCache)();
   const cx = (0, import_element.useCallback)((...classNames) => {
     if (cache === null) {

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/utils/hooks/use-cx.ts"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport { __unsafe_useEmotionCache as useEmotionCache } from '@emotion/react';\nimport { insertStyles } from '@emotion/utils';\n// eslint-disable-next-line no-restricted-imports\n\n// eslint-disable-next-line no-restricted-imports\nimport { cx as innerCx } from '@emotion/css';\n\n/**\n * WordPress dependencies\n */\nimport { useCallback } from '@wordpress/element';\nconst isSerializedStyles = o => typeof o !== 'undefined' && o !== null && ['name', 'styles'].every(p => typeof o[p] !== 'undefined');\n\n/**\n * Retrieve a `cx` function that knows how to handle `SerializedStyles`\n * returned by the `@emotion/react` `css` function in addition to what\n * `cx` normally knows how to handle. It also hooks into the Emotion\n * Cache, allowing `css` calls to work inside iframes.\n *\n * ```jsx\n * import { css } from '@emotion/react';\n *\n * const styles = css`\n * \tcolor: red\n * `;\n *\n * function RedText( { className, ...props } ) {\n * \tconst cx = useCx();\n *\n * \tconst classes = cx(styles, className);\n *\n * \treturn <span className={classes} {...props} />;\n * }\n * ```\n */\nexport const useCx = () => {\n  const cache = useEmotionCache();\n  const cx = useCallback((...classNames) => {\n    if (cache === null) {\n      throw new Error('The `useCx` hook should be only used within a valid Emotion Cache Context');\n    }\n    return innerCx(...classNames.map(arg => {\n      if (isSerializedStyles(arg)) {\n        insertStyles(cache, arg, false);\n        return `${cache.key}-${arg.name}`;\n      }\n      return arg;\n    }));\n  }, [cache]);\n  return cx;\n};"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA4D;AAC5D,mBAA6B;AAI7B,iBAA8B;AAK9B,qBAA4B;AAC5B,MAAM,qBAAqB,OAAK,OAAO,MAAM,eAAe,MAAM,QAAQ,CAAC,QAAQ,QAAQ,EAAE,MAAM,OAAK,OAAO,EAAE,CAAC,MAAM,WAAW;AAwB5H,MAAM,QAAQ,MAAM;AACzB,QAAM,YAAQ,aAAAA,0BAAgB;AAC9B,QAAM,SAAK,4BAAY,IAAI,eAAe;AACxC,QAAI,UAAU,MAAM;AAClB,YAAM,IAAI,MAAM,2EAA2E;AAAA,IAC7F;AACA,eAAO,WAAAC,IAAQ,GAAG,WAAW,IAAI,SAAO;AACtC,UAAI,mBAAmB,GAAG,GAAG;AAC3B,uCAAa,OAAO,KAAK,KAAK;AAC9B,eAAO,GAAG,MAAM,GAAG,IAAI,IAAI,IAAI;AAAA,MACjC;AACA,aAAO;AAAA,IACT,CAAC,CAAC;AAAA,EACJ,GAAG,CAAC,KAAK,CAAC;AACV,SAAO;AACT;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA4D;AAC5D,mBAA6B;AAI7B,iBAA8B;AAK9B,qBAA4B;AAC5B,IAAM,qBAAqB,OAAK,OAAO,MAAM,eAAe,MAAM,QAAQ,CAAC,QAAQ,QAAQ,EAAE,MAAM,OAAK,OAAO,EAAE,CAAC,MAAM,WAAW;AAwB5H,IAAM,QAAQ,MAAM;AACzB,QAAM,YAAQ,aAAAA,0BAAgB;AAC9B,QAAM,SAAK,4BAAY,IAAI,eAAe;AACxC,QAAI,UAAU,MAAM;AAClB,YAAM,IAAI,MAAM,2EAA2E;AAAA,IAC7F;AACA,eAAO,WAAAC,IAAQ,GAAG,WAAW,IAAI,SAAO;AACtC,UAAI,mBAAmB,GAAG,GAAG;AAC3B,uCAAa,OAAO,KAAK,KAAK;AAC9B,eAAO,GAAG,MAAM,GAAG,IAAI,IAAI,IAAI;AAAA,MACjC;AACA,aAAO;AAAA,IACT,CAAC,CAAC;AAAA,EACJ,GAAG,CAAC,KAAK,CAAC;AACV,SAAO;AACT;",
   "names": ["useEmotionCache", "innerCx"]
 }

package/build/utils/hooks/use-on-value-update.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/hooks/use-on-value-update.ts
 var use_on_value_update_exports = {};
 __export(use_on_value_update_exports, {
   useOnValueUpdate: () => useOnValueUpdate

package/build/utils/hooks/use-on-value-update.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/utils/hooks/use-on-value-update.ts"],
   "sourcesContent": ["/* eslint-disable jsdoc/require-param */\n/**\n * WordPress dependencies\n */\nimport { useEvent } from '@wordpress/compose';\nimport { useRef, useLayoutEffect } from '@wordpress/element';\n\n/**\n * Context object for the `onUpdate` callback of `useOnValueUpdate`.\n */\n\n/**\n * Calls the `onUpdate` callback when the `value` changes.\n */\nexport function useOnValueUpdate(\n/**\n * The value to watch for changes.\n */\nvalue,\n/**\n * Callback to fire when the value changes.\n */\nonUpdate) {\n  const previousValueRef = useRef(value);\n  const updateCallbackEvent = useEvent(onUpdate);\n  useLayoutEffect(() => {\n    if (previousValueRef.current !== value) {\n      updateCallbackEvent({\n        previousValue: previousValueRef.current\n      });\n      previousValueRef.current = value;\n    }\n  }, [updateCallbackEvent, value]);\n}\n/* eslint-enable jsdoc/require-param */"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,qBAAyB;AACzB,qBAAwC;AASjC,SAAS,iBAIhB,OAIA,UAAU;AACR,QAAM,uBAAmB,uBAAO,KAAK;AACrC,QAAM,0BAAsB,yBAAS,QAAQ;AAC7C,sCAAgB,MAAM;AACpB,QAAI,iBAAiB,YAAY,OAAO;AACtC,0BAAoB;AAAA,QAClB,eAAe,iBAAiB;AAAA,MAClC,CAAC;AACD,uBAAiB,UAAU;AAAA,IAC7B;AAAA,EACF,GAAG,CAAC,qBAAqB,KAAK,CAAC;AACjC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,qBAAyB;AACzB,qBAAwC;AASjC,SAAS,iBAIhB,OAIA,UAAU;AACR,QAAM,uBAAmB,uBAAO,KAAK;AACrC,QAAM,0BAAsB,yBAAS,QAAQ;AAC7C,sCAAgB,MAAM;AACpB,QAAI,iBAAiB,YAAY,OAAO;AACtC,0BAAoB;AAAA,QAClB,eAAe,iBAAiB;AAAA,MAClC,CAAC;AACD,uBAAiB,UAAU;AAAA,IAC7B;AAAA,EACF,GAAG,CAAC,qBAAqB,KAAK,CAAC;AACjC;",
   "names": []
 }

package/build/utils/hooks/use-update-effect.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/hooks/use-update-effect.js
 var use_update_effect_exports = {};
 __export(use_update_effect_exports, {
   default: () => use_update_effect_default

package/build/utils/hooks/use-update-effect.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/utils/hooks/use-update-effect.js"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useRef, useEffect } from '@wordpress/element';\n\n/**\n * A `React.useEffect` that will not run on the first render.\n * Source:\n * https://github.com/ariakit/ariakit/blob/main/packages/ariakit-react-core/src/utils/hooks.ts\n *\n * @param {import('react').EffectCallback} effect\n * @param {import('react').DependencyList} deps\n */\nfunction useUpdateEffect(effect, deps) {\n  const mountedRef = useRef(false);\n  useEffect(() => {\n    if (mountedRef.current) {\n      return effect();\n    }\n    mountedRef.current = true;\n    return undefined;\n    // 1. This hook needs to pass a dep list that isn't an array literal\n    // 2. `effect` is missing from the array, and will need to be added carefully to avoid additional warnings\n    // see https://github.com/WordPress/gutenberg/pull/41166\n  }, deps);\n  useEffect(() => () => {\n    mountedRef.current = false;\n  }, []);\n}\nexport default useUpdateEffect;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAkC;AAUlC,SAAS,gBAAgB,QAAQ,MAAM;AACrC,QAAM,iBAAa,uBAAO,KAAK;AAC/B,gCAAU,MAAM;AACd,QAAI,WAAW,SAAS;AACtB,aAAO,OAAO;AAAA,IAChB;AACA,eAAW,UAAU;AACrB,WAAO;AAAA,EAIT,GAAG,IAAI;AACP,gCAAU,MAAM,MAAM;AACpB,eAAW,UAAU;AAAA,EACvB,GAAG,CAAC,CAAC;AACP;AACA,IAAO,4BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAkC;AAUlC,SAAS,gBAAgB,QAAQ,MAAM;AACrC,QAAM,iBAAa,uBAAO,KAAK;AAC/B,gCAAU,MAAM;AACd,QAAI,WAAW,SAAS;AACtB,aAAO,OAAO;AAAA,IAChB;AACA,eAAW,UAAU;AACrB,WAAO;AAAA,EAIT,GAAG,IAAI;AACP,gCAAU,MAAM,MAAM;AACpB,eAAW,UAAU;AAAA,EACvB,GAAG,CAAC,CAAC;AACP;AACA,IAAO,4BAAQ;",
   "names": []
 }

package/build/utils/index.js

@@ -13,6 +13,8 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/utils/index.js
 var utils_exports = {};
 module.exports = __toCommonJS(utils_exports);
 __reExport(utils_exports, require("./hooks"), module.exports);

package/build/utils/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/index.js"],
   "sourcesContent": ["export * from './hooks';\nexport * from './style-mixins';"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,oBAAd;AACA,0BAAc,2BADd;",
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,oBAAd;AACA,0BAAc,2BADd;",
   "names": []
 }

package/build/utils/math.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/math.js
 var math_exports = {};
 __export(math_exports, {
   add: () => add,
@@ -56,10 +58,10 @@ function clamp(value, min, max) {
 }
 function ensureValidStep(value, min, step) {
   const baseValue = getNumber(value);
+  const minValue = getNumber(min);
   const stepValue = getNumber(step);
   const precision = Math.max(getPrecision(step), getPrecision(min));
-  const realMin = Math.abs(min) === Infinity ? 0 : min;
-  const tare = realMin % stepValue ? realMin : 0;
+  const tare = minValue % stepValue ? minValue : 0;
   const rounded = Math.round((baseValue - tare) / stepValue) * stepValue;
   const fromMin = rounded + tare;
   return precision ? getNumber(fromMin.toFixed(precision)) : fromMin;

package/build/utils/math.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/utils/math.js"],
-  "sourcesContent": ["/**\n * Parses and retrieves a number value.\n *\n * @param {unknown} value The incoming value.\n *\n * @return {number} The parsed number value.\n */\nexport function getNumber(value) {\n  const number = Number(value);\n  return isNaN(number) ? 0 : number;\n}\n\n/**\n * Safely adds 2 values.\n *\n * @param {Array<number|string>} args Values to add together.\n *\n * @return {number} The sum of values.\n */\nexport function add(...args) {\n  return args.reduce(/** @type {(sum:number, arg: number|string) => number} */\n  (sum, arg) => sum + getNumber(arg), 0);\n}\n\n/**\n * Safely subtracts 2 values.\n *\n * @param {Array<number|string>} args Values to subtract together.\n *\n * @return {number} The difference of the values.\n */\nexport function subtract(...args) {\n  return args.reduce(/** @type {(diff:number, arg: number|string, index:number) => number} */\n  (diff, arg, index) => {\n    const value = getNumber(arg);\n    return index === 0 ? value : diff - value;\n  }, 0);\n}\n\n/**\n * Determines the decimal position of a number value.\n *\n * @param {number} value The number to evaluate.\n *\n * @return {number} The number of decimal places.\n */\nfunction getPrecision(value) {\n  const split = (value + '').split('.');\n  return split[1] !== undefined ? split[1].length : 0;\n}\n\n/**\n * Clamps a value based on a min/max range.\n *\n * @param {number|string} value The value.\n * @param {number}        min   The minimum range.\n * @param {number}        max   The maximum range.\n *\n * @return {number} The clamped value.\n */\nexport function clamp(value, min, max) {\n  const baseValue = getNumber(value);\n  return Math.max(min, Math.min(baseValue, max));\n}\n\n/**\n * Rounds a value to the nearest step offset by a minimum.\n *\n * @param {number|string} value The value.\n * @param {number}        min   The minimum range.\n * @param {number}        step  The increment for the value.\n *\n * @return {number} The value as a valid step.\n */\nexport function ensureValidStep(value, min, step) {\n  const baseValue = getNumber(value);\n  const stepValue = getNumber(step);\n  const precision = Math.max(getPrecision(step), getPrecision(min));\n  const realMin = Math.abs(min) === Infinity ? 0 : min;\n  // If the step is not a factor of the minimum then the step must be\n  // offset by the minimum.\n  const tare = realMin % stepValue ? realMin : 0;\n  const rounded = Math.round((baseValue - tare) / stepValue) * stepValue;\n  const fromMin = rounded + tare;\n  return precision ? getNumber(fromMin.toFixed(precision)) : fromMin;\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOO,SAAS,UAAU,OAAO;AAC/B,QAAM,SAAS,OAAO,KAAK;AAC3B,SAAO,MAAM,MAAM,IAAI,IAAI;AAC7B;AASO,SAAS,OAAO,MAAM;AAC3B,SAAO,KAAK;AAAA;AAAA,IACZ,CAAC,KAAK,QAAQ,MAAM,UAAU,GAAG;AAAA,IAAG;AAAA,EAAC;AACvC;AASO,SAAS,YAAY,MAAM;AAChC,SAAO,KAAK;AAAA;AAAA,IACZ,CAAC,MAAM,KAAK,UAAU;AACpB,YAAM,QAAQ,UAAU,GAAG;AAC3B,aAAO,UAAU,IAAI,QAAQ,OAAO;AAAA,IACtC;AAAA,IAAG;AAAA,EAAC;AACN;AASA,SAAS,aAAa,OAAO;AAC3B,QAAM,SAAS,QAAQ,IAAI,MAAM,GAAG;AACpC,SAAO,MAAM,CAAC,MAAM,SAAY,MAAM,CAAC,EAAE,SAAS;AACpD;AAWO,SAAS,MAAM,OAAO,KAAK,KAAK;AACrC,QAAM,YAAY,UAAU,KAAK;AACjC,SAAO,KAAK,IAAI,KAAK,KAAK,IAAI,WAAW,GAAG,CAAC;AAC/C;AAWO,SAAS,gBAAgB,OAAO,KAAK,MAAM;AAChD,QAAM,YAAY,UAAU,KAAK;AACjC,QAAM,YAAY,UAAU,IAAI;AAChC,QAAM,YAAY,KAAK,IAAI,aAAa,IAAI,GAAG,aAAa,GAAG,CAAC;AAChE,QAAM,UAAU,KAAK,IAAI,GAAG,MAAM,WAAW,IAAI;AAGjD,QAAM,OAAO,UAAU,YAAY,UAAU;AAC7C,QAAM,UAAU,KAAK,OAAO,YAAY,QAAQ,SAAS,IAAI;AAC7D,QAAM,UAAU,UAAU;AAC1B,SAAO,YAAY,UAAU,QAAQ,QAAQ,SAAS,CAAC,IAAI;AAC7D;",
+  "sourcesContent": ["/**\n * Parses and retrieves a number value.\n *\n * @param {unknown} value The incoming value.\n *\n * @return {number} The parsed number value.\n */\nexport function getNumber(value) {\n  const number = Number(value);\n  return isNaN(number) ? 0 : number;\n}\n\n/**\n * Safely adds 2 values.\n *\n * @param {Array<number|string>} args Values to add together.\n *\n * @return {number} The sum of values.\n */\nexport function add(...args) {\n  return args.reduce(/** @type {(sum:number, arg: number|string) => number} */\n  (sum, arg) => sum + getNumber(arg), 0);\n}\n\n/**\n * Safely subtracts 2 values.\n *\n * @param {Array<number|string>} args Values to subtract together.\n *\n * @return {number} The difference of the values.\n */\nexport function subtract(...args) {\n  return args.reduce(/** @type {(diff:number, arg: number|string, index:number) => number} */\n  (diff, arg, index) => {\n    const value = getNumber(arg);\n    return index === 0 ? value : diff - value;\n  }, 0);\n}\n\n/**\n * Determines the decimal position of a number value.\n *\n * @param {number} value The number to evaluate.\n *\n * @return {number} The number of decimal places.\n */\nfunction getPrecision(value) {\n  const split = (value + '').split('.');\n  return split[1] !== undefined ? split[1].length : 0;\n}\n\n/**\n * Clamps a value based on a min/max range.\n *\n * @param {number|string} value The value.\n * @param {number}        min   The minimum range.\n * @param {number}        max   The maximum range.\n *\n * @return {number} The clamped value.\n */\nexport function clamp(value, min, max) {\n  const baseValue = getNumber(value);\n  return Math.max(min, Math.min(baseValue, max));\n}\n\n/**\n * Rounds a value to the nearest step offset by a minimum.\n *\n * @param {number|string} value The value.\n * @param {number}        min   The minimum range.\n * @param {number}        step  The increment for the value.\n *\n * @return {number} The value as a valid step.\n */\nexport function ensureValidStep(value, min, step) {\n  const baseValue = getNumber(value);\n  const minValue = getNumber(min);\n  const stepValue = getNumber(step);\n  const precision = Math.max(getPrecision(step), getPrecision(min));\n  // If the step is not a factor of the minimum then the step must be\n  // offset by the minimum.\n  const tare = minValue % stepValue ? minValue : 0;\n  const rounded = Math.round((baseValue - tare) / stepValue) * stepValue;\n  const fromMin = rounded + tare;\n  return precision ? getNumber(fromMin.toFixed(precision)) : fromMin;\n}"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOO,SAAS,UAAU,OAAO;AAC/B,QAAM,SAAS,OAAO,KAAK;AAC3B,SAAO,MAAM,MAAM,IAAI,IAAI;AAC7B;AASO,SAAS,OAAO,MAAM;AAC3B,SAAO,KAAK;AAAA;AAAA,IACZ,CAAC,KAAK,QAAQ,MAAM,UAAU,GAAG;AAAA,IAAG;AAAA,EAAC;AACvC;AASO,SAAS,YAAY,MAAM;AAChC,SAAO,KAAK;AAAA;AAAA,IACZ,CAAC,MAAM,KAAK,UAAU;AACpB,YAAM,QAAQ,UAAU,GAAG;AAC3B,aAAO,UAAU,IAAI,QAAQ,OAAO;AAAA,IACtC;AAAA,IAAG;AAAA,EAAC;AACN;AASA,SAAS,aAAa,OAAO;AAC3B,QAAM,SAAS,QAAQ,IAAI,MAAM,GAAG;AACpC,SAAO,MAAM,CAAC,MAAM,SAAY,MAAM,CAAC,EAAE,SAAS;AACpD;AAWO,SAAS,MAAM,OAAO,KAAK,KAAK;AACrC,QAAM,YAAY,UAAU,KAAK;AACjC,SAAO,KAAK,IAAI,KAAK,KAAK,IAAI,WAAW,GAAG,CAAC;AAC/C;AAWO,SAAS,gBAAgB,OAAO,KAAK,MAAM;AAChD,QAAM,YAAY,UAAU,KAAK;AACjC,QAAM,WAAW,UAAU,GAAG;AAC9B,QAAM,YAAY,UAAU,IAAI;AAChC,QAAM,YAAY,KAAK,IAAI,aAAa,IAAI,GAAG,aAAa,GAAG,CAAC;AAGhE,QAAM,OAAO,WAAW,YAAY,WAAW;AAC/C,QAAM,UAAU,KAAK,OAAO,YAAY,QAAQ,SAAS,IAAI;AAC7D,QAAM,UAAU,UAAU;AAC1B,SAAO,YAAY,UAAU,QAAQ,QAAQ,SAAS,CAAC,IAAI;AAC7D;",
   "names": []
 }

package/build/utils/rtl.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/rtl.js
 var rtl_exports = {};
 __export(rtl_exports, {
   convertLTRToRTL: () => convertLTRToRTL,
@@ -24,10 +26,10 @@ __export(rtl_exports, {
 module.exports = __toCommonJS(rtl_exports);
 var import_react = require("@emotion/react");
 var import_i18n = require("@wordpress/i18n");
-const LOWER_LEFT_REGEXP = new RegExp(/-left/g);
-const LOWER_RIGHT_REGEXP = new RegExp(/-right/g);
-const UPPER_LEFT_REGEXP = new RegExp(/Left/g);
-const UPPER_RIGHT_REGEXP = new RegExp(/Right/g);
+var LOWER_LEFT_REGEXP = new RegExp(/-left/g);
+var LOWER_RIGHT_REGEXP = new RegExp(/-right/g);
+var UPPER_LEFT_REGEXP = new RegExp(/Left/g);
+var UPPER_RIGHT_REGEXP = new RegExp(/Right/g);
 function getConvertedKey(key) {
   if (key === "left") {
     return "right";
@@ -49,7 +51,7 @@ function getConvertedKey(key) {
   }
   return key;
 }
-const convertLTRToRTL = (ltrStyles = {}) => {
+var convertLTRToRTL = (ltrStyles = {}) => {
   return Object.fromEntries(Object.entries(ltrStyles).map(([key, value]) => [getConvertedKey(key), value]));
 };
 function rtl(ltrStyles = {}, rtlStyles) {

package/build/utils/rtl.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/rtl.js"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * WordPress dependencies\n */\nimport { isRTL } from '@wordpress/i18n';\nconst LOWER_LEFT_REGEXP = new RegExp(/-left/g);\nconst LOWER_RIGHT_REGEXP = new RegExp(/-right/g);\nconst UPPER_LEFT_REGEXP = new RegExp(/Left/g);\nconst UPPER_RIGHT_REGEXP = new RegExp(/Right/g);\n\n/**\n * Flips a CSS property from left <-> right.\n *\n * @param {string} key The CSS property name.\n *\n * @return {string} The flipped CSS property name, if applicable.\n */\nfunction getConvertedKey(key) {\n  if (key === 'left') {\n    return 'right';\n  }\n  if (key === 'right') {\n    return 'left';\n  }\n  if (LOWER_LEFT_REGEXP.test(key)) {\n    return key.replace(LOWER_LEFT_REGEXP, '-right');\n  }\n  if (LOWER_RIGHT_REGEXP.test(key)) {\n    return key.replace(LOWER_RIGHT_REGEXP, '-left');\n  }\n  if (UPPER_LEFT_REGEXP.test(key)) {\n    return key.replace(UPPER_LEFT_REGEXP, 'Right');\n  }\n  if (UPPER_RIGHT_REGEXP.test(key)) {\n    return key.replace(UPPER_RIGHT_REGEXP, 'Left');\n  }\n  return key;\n}\n\n/**\n * An incredibly basic ltr -> rtl converter for style properties\n *\n * @param {import('react').CSSProperties} ltrStyles\n *\n * @return {import('react').CSSProperties} Converted ltr -> rtl styles\n */\nexport const convertLTRToRTL = (ltrStyles = {}) => {\n  return Object.fromEntries(Object.entries(ltrStyles).map(([key, value]) => [getConvertedKey(key), value]));\n};\n\n/**\n * A higher-order function that create an incredibly basic ltr -> rtl style converter for CSS objects.\n *\n * @param {import('react').CSSProperties} ltrStyles   Ltr styles. Converts and renders from ltr -> rtl styles, if applicable.\n * @param {import('react').CSSProperties} [rtlStyles] Rtl styles. Renders if provided.\n *\n * @return {() => import('@emotion/react').SerializedStyles} A function to output CSS styles for Emotion's renderer\n */\nexport function rtl(ltrStyles = {}, rtlStyles) {\n  return () => {\n    if (rtlStyles) {\n      // @ts-ignore: `css` types are wrong, it can accept an object: https://emotion.sh/docs/object-styles#with-css\n      return isRTL() ? /*#__PURE__*/css(rtlStyles, process.env.NODE_ENV === \"production\" ? \"\" : \";label:rtl;\", process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJ0bC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RW9CIiwiZmlsZSI6InJ0bC5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBXb3JkUHJlc3MgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGlzUlRMIH0gZnJvbSAnQHdvcmRwcmVzcy9pMThuJztcblxuY29uc3QgTE9XRVJfTEVGVF9SRUdFWFAgPSBuZXcgUmVnRXhwKCAvLWxlZnQvZyApO1xuY29uc3QgTE9XRVJfUklHSFRfUkVHRVhQID0gbmV3IFJlZ0V4cCggLy1yaWdodC9nICk7XG5jb25zdCBVUFBFUl9MRUZUX1JFR0VYUCA9IG5ldyBSZWdFeHAoIC9MZWZ0L2cgKTtcbmNvbnN0IFVQUEVSX1JJR0hUX1JFR0VYUCA9IG5ldyBSZWdFeHAoIC9SaWdodC9nICk7XG5cbi8qKlxuICogRmxpcHMgYSBDU1MgcHJvcGVydHkgZnJvbSBsZWZ0IDwtPiByaWdodC5cbiAqXG4gKiBAcGFyYW0ge3N0cmluZ30ga2V5IFRoZSBDU1MgcHJvcGVydHkgbmFtZS5cbiAqXG4gKiBAcmV0dXJuIHtzdHJpbmd9IFRoZSBmbGlwcGVkIENTUyBwcm9wZXJ0eSBuYW1lLCBpZiBhcHBsaWNhYmxlLlxuICovXG5mdW5jdGlvbiBnZXRDb252ZXJ0ZWRLZXkoIGtleSApIHtcblx0aWYgKCBrZXkgPT09ICdsZWZ0JyApIHtcblx0XHRyZXR1cm4gJ3JpZ2h0Jztcblx0fVxuXG5cdGlmICgga2V5ID09PSAncmlnaHQnICkge1xuXHRcdHJldHVybiAnbGVmdCc7XG5cdH1cblxuXHRpZiAoIExPV0VSX0xFRlRfUkVHRVhQLnRlc3QoIGtleSApICkge1xuXHRcdHJldHVybiBrZXkucmVwbGFjZSggTE9XRVJfTEVGVF9SRUdFWFAsICctcmlnaHQnICk7XG5cdH1cblxuXHRpZiAoIExPV0VSX1JJR0hUX1JFR0VYUC50ZXN0KCBrZXkgKSApIHtcblx0XHRyZXR1cm4ga2V5LnJlcGxhY2UoIExPV0VSX1JJR0hUX1JFR0VYUCwgJy1sZWZ0JyApO1xuXHR9XG5cblx0aWYgKCBVUFBFUl9MRUZUX1JFR0VYUC50ZXN0KCBrZXkgKSApIHtcblx0XHRyZXR1cm4ga2V5LnJlcGxhY2UoIFVQUEVSX0xFRlRfUkVHRVhQLCAnUmlnaHQnICk7XG5cdH1cblxuXHRpZiAoIFVQUEVSX1JJR0hUX1JFR0VYUC50ZXN0KCBrZXkgKSApIHtcblx0XHRyZXR1cm4ga2V5LnJlcGxhY2UoIFVQUEVSX1JJR0hUX1JFR0VYUCwgJ0xlZnQnICk7XG5cdH1cblxuXHRyZXR1cm4ga2V5O1xufVxuXG4vKipcbiAqIEFuIGluY3JlZGlibHkgYmFzaWMgbHRyIC0+IHJ0bCBjb252ZXJ0ZXIgZm9yIHN0eWxlIHByb3BlcnRpZXNcbiAqXG4gKiBAcGFyYW0ge2ltcG9ydCgncmVhY3QnKS5DU1NQcm9wZXJ0aWVzfSBsdHJTdHlsZXNcbiAqXG4gKiBAcmV0dXJuIHtpbXBvcnQoJ3JlYWN0JykuQ1NTUHJvcGVydGllc30gQ29udmVydGVkIGx0ciAtPiBydGwgc3R5bGVzXG4gKi9cbmV4cG9ydCBjb25zdCBjb252ZXJ0TFRSVG9SVEwgPSAoIGx0clN0eWxlcyA9IHt9ICkgPT4ge1xuXHRyZXR1cm4gT2JqZWN0LmZyb21FbnRyaWVzKFxuXHRcdE9iamVjdC5lbnRyaWVzKCBsdHJTdHlsZXMgKS5tYXAoICggWyBrZXksIHZhbHVlIF0gKSA9PiBbXG5cdFx0XHRnZXRDb252ZXJ0ZWRLZXkoIGtleSApLFxuXHRcdFx0dmFsdWUsXG5cdFx0XSApXG5cdCk7XG59O1xuXG4vKipcbiAqIEEgaGlnaGVyLW9yZGVyIGZ1bmN0aW9uIHRoYXQgY3JlYXRlIGFuIGluY3JlZGlibHkgYmFzaWMgbHRyIC0+IHJ0bCBzdHlsZSBjb252ZXJ0ZXIgZm9yIENTUyBvYmplY3RzLlxuICpcbiAqIEBwYXJhbSB7aW1wb3J0KCdyZWFjdCcpLkNTU1Byb3BlcnRpZXN9IGx0clN0eWxlcyAgIEx0ciBzdHlsZXMuIENvbnZlcnRzIGFuZCByZW5kZXJzIGZyb20gbHRyIC0+IHJ0bCBzdHlsZXMsIGlmIGFwcGxpY2FibGUuXG4gKiBAcGFyYW0ge2ltcG9ydCgncmVhY3QnKS5DU1NQcm9wZXJ0aWVzfSBbcnRsU3R5bGVzXSBSdGwgc3R5bGVzLiBSZW5kZXJzIGlmIHByb3ZpZGVkLlxuICpcbiAqIEByZXR1cm4geygpID0+IGltcG9ydCgnQGVtb3Rpb24vcmVhY3QnKS5TZXJpYWxpemVkU3R5bGVzfSBBIGZ1bmN0aW9uIHRvIG91dHB1dCBDU1Mgc3R5bGVzIGZvciBFbW90aW9uJ3MgcmVuZGVyZXJcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHJ0bCggbHRyU3R5bGVzID0ge30sIHJ0bFN0eWxlcyApIHtcblx0cmV0dXJuICgpID0+IHtcblx0XHRpZiAoIHJ0bFN0eWxlcyApIHtcblx0XHRcdC8vIEB0cy1pZ25vcmU6IGBjc3NgIHR5cGVzIGFyZSB3cm9uZywgaXQgY2FuIGFjY2VwdCBhbiBvYmplY3Q6IGh0dHBzOi8vZW1vdGlvbi5zaC9kb2NzL29iamVjdC1zdHlsZXMjd2l0aC1jc3Ncblx0XHRcdHJldHVybiBpc1JUTCgpID8gY3NzKCBydGxTdHlsZXMgKSA6IGNzcyggbHRyU3R5bGVzICk7XG5cdFx0fVxuXG5cdFx0Ly8gQHRzLWlnbm9yZTogYGNzc2AgdHlwZXMgYXJlIHdyb25nLCBpdCBjYW4gYWNjZXB0IGFuIG9iamVjdDogaHR0cHM6Ly9lbW90aW9uLnNoL2RvY3Mvb2JqZWN0LXN0eWxlcyN3aXRoLWNzc1xuXHRcdHJldHVybiBpc1JUTCgpID8gY3NzKCBjb252ZXJ0TFRSVG9SVEwoIGx0clN0eWxlcyApICkgOiBjc3MoIGx0clN0eWxlcyApO1xuXHR9O1xufVxuXG4vKipcbiAqIENhbGwgdGhpcyBpbiB0aGUgYHVzZU1lbW9gIGRlcGVuZGVuY3kgYXJyYXkgdG8gZW5zdXJlIHRoYXQgc3Vic2VxdWVudCByZW5kZXJzIHdpbGxcbiAqIGNhdXNlIHJ0bCBzdHlsZXMgdG8gdXBkYXRlIGJhc2VkIG9uIHRoZSBgaXNSVExgIHJldHVybiB2YWx1ZSBldmVuIGlmIGFsbCBvdGhlciBkZXBlbmRlbmNpZXNcbiAqIHJlbWFpbiB0aGUgc2FtZS5cbiAqXG4gKiBAZXhhbXBsZVxuICogY29uc3Qgc3R5bGVzID0gdXNlTWVtbyggKCkgPT4ge1xuICogICByZXR1cm4gY3NzYFxuICogICAgICR7IHJ0bCggeyBtYXJnaW5SaWdodDogJzEwcHgnIH0gKSB9XG4gKiAgIGA7XG4gKiB9LCBbIHJ0bC53YXRjaCgpIF0gKTtcbiAqL1xucnRsLndhdGNoID0gKCkgPT4gaXNSVEwoKTtcbiJdfQ== */\") : /*#__PURE__*/css(ltrStyles, process.env.NODE_ENV === \"production\" ? \"\" : \";label:rtl;\", process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJ0bC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RXVDIiwiZmlsZSI6InJ0bC5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBXb3JkUHJlc3MgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGlzUlRMIH0gZnJvbSAnQHdvcmRwcmVzcy9pMThuJztcblxuY29uc3QgTE9XRVJfTEVGVF9SRUdFWFAgPSBuZXcgUmVnRXhwKCAvLWxlZnQvZyApO1xuY29uc3QgTE9XRVJfUklHSFRfUkVHRVhQID0gbmV3IFJlZ0V4cCggLy1yaWdodC9nICk7XG5jb25zdCBVUFBFUl9MRUZUX1JFR0VYUCA9IG5ldyBSZWdFeHAoIC9MZWZ0L2cgKTtcbmNvbnN0IFVQUEVSX1JJR0hUX1JFR0VYUCA9IG5ldyBSZWdFeHAoIC9SaWdodC9nICk7XG5cbi8qKlxuICogRmxpcHMgYSBDU1MgcHJvcGVydHkgZnJvbSBsZWZ0IDwtPiByaWdodC5cbiAqXG4gKiBAcGFyYW0ge3N0cmluZ30ga2V5IFRoZSBDU1MgcHJvcGVydHkgbmFtZS5cbiAqXG4gKiBAcmV0dXJuIHtzdHJpbmd9IFRoZSBmbGlwcGVkIENTUyBwcm9wZXJ0eSBuYW1lLCBpZiBhcHBsaWNhYmxlLlxuICovXG5mdW5jdGlvbiBnZXRDb252ZXJ0ZWRLZXkoIGtleSApIHtcblx0aWYgKCBrZXkgPT09ICdsZWZ0JyApIHtcblx0XHRyZXR1cm4gJ3JpZ2h0Jztcblx0fVxuXG5cdGlmICgga2V5ID09PSAncmlnaHQnICkge1xuXHRcdHJldHVybiAnbGVmdCc7XG5cdH1cblxuXHRpZiAoIExPV0VSX0xFRlRfUkVHRVhQLnRlc3QoIGtleSApICkge1xuXHRcdHJldHVybiBrZXkucmVwbGFjZSggTE9XRVJfTEVGVF9SRUdFWFAsICctcmlnaHQnICk7XG5cdH1cblxuXHRpZiAoIExPV0VSX1JJR0hUX1JFR0VYUC50ZXN0KCBrZXkgKSApIHtcblx0XHRyZXR1cm4ga2V5LnJlcGxhY2UoIExPV0VSX1JJR0hUX1JFR0VYUCwgJy1sZWZ0JyApO1xuXHR9XG5cblx0aWYgKCBVUFBFUl9MRUZUX1JFR0VYUC50ZXN0KCBrZXkgKSApIHtcblx0XHRyZXR1cm4ga2V5LnJlcGxhY2UoIFVQUEVSX0xFRlRfUkVHRVhQLCAnUmlnaHQnICk7XG5cdH1cblxuXHRpZiAoIFVQUEVSX1JJR0hUX1JFR0VYUC50ZXN0KCBrZXkgKSApIHtcblx0XHRyZXR1cm4ga2V5LnJlcGxhY2UoIFVQUEVSX1JJR0hUX1JFR0VYUCwgJ0xlZnQnICk7XG5cdH1cblxuXHRyZXR1cm4ga2V5O1xufVxuXG4vKipcbiAqIEFuIGluY3JlZGlibHkgYmFzaWMgbHRyIC0+IHJ0bCBjb252ZXJ0ZXIgZm9yIHN0eWxlIHByb3BlcnRpZXNcbiAqXG4gKiBAcGFyYW0ge2ltcG9ydCgncmVhY3QnKS5DU1NQcm9wZXJ0aWVzfSBsdHJTdHlsZXNcbiAqXG4gKiBAcmV0dXJuIHtpbXBvcnQoJ3JlYWN0JykuQ1NTUHJvcGVydGllc30gQ29udmVydGVkIGx0ciAtPiBydGwgc3R5bGVzXG4gKi9cbmV4cG9ydCBjb25zdCBjb252ZXJ0TFRSVG9SVEwgPSAoIGx0clN0eWxlcyA9IHt9ICkgPT4ge1xuXHRyZXR1cm4gT2JqZWN0LmZyb21FbnRyaWVzKFxuXHRcdE9iamVjdC5lbnRyaWVzKCBsdHJTdHlsZXMgKS5tYXAoICggWyBrZXksIHZhbHVlIF0gKSA9PiBbXG5cdFx0XHRnZXRDb252ZXJ0ZWRLZXkoIGtleSApLFxuXHRcdFx0dmFsdWUsXG5cdFx0XSApXG5cdCk7XG59O1xuXG4vKipcbiAqIEEgaGlnaGVyLW9yZGVyIGZ1bmN0aW9uIHRoYXQgY3JlYXRlIGFuIGluY3JlZGlibHkgYmFzaWMgbHRyIC0+IHJ0bCBzdHlsZSBjb252ZXJ0ZXIgZm9yIENTUyBvYmplY3RzLlxuICpcbiAqIEBwYXJhbSB7aW1wb3J0KCdyZWFjdCcpLkNTU1Byb3BlcnRpZXN9IGx0clN0eWxlcyAgIEx0ciBzdHlsZXMuIENvbnZlcnRzIGFuZCByZW5kZXJzIGZyb20gbHRyIC0+IHJ0bCBzdHlsZXMsIGlmIGFwcGxpY2FibGUuXG4gKiBAcGFyYW0ge2ltcG9ydCgncmVhY3QnKS5DU1NQcm9wZXJ0aWVzfSBbcnRsU3R5bGVzXSBSdGwgc3R5bGVzLiBSZW5kZXJzIGlmIHByb3ZpZGVkLlxuICpcbiAqIEByZXR1cm4geygpID0+IGltcG9ydCgnQGVtb3Rpb24vcmVhY3QnKS5TZXJpYWxpemVkU3R5bGVzfSBBIGZ1bmN0aW9uIHRvIG91dHB1dCBDU1Mgc3R5bGVzIGZvciBFbW90aW9uJ3MgcmVuZGVyZXJcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHJ0bCggbHRyU3R5bGVzID0ge30sIHJ0bFN0eWxlcyApIHtcblx0cmV0dXJuICgpID0+IHtcblx0XHRpZiAoIHJ0bFN0eWxlcyApIHtcblx0XHRcdC8vIEB0cy1pZ25vcmU6IGBjc3NgIHR5cGVzIGFyZSB3cm9uZywgaXQgY2FuIGFjY2VwdCBhbiBvYmplY3Q6IGh0dHBzOi8vZW1vdGlvbi5zaC9kb2NzL29iamVjdC1zdHlsZXMjd2l0aC1jc3Ncblx0XHRcdHJldHVybiBpc1JUTCgpID8gY3NzKCBydGxTdHlsZXMgKSA6IGNzcyggbHRyU3R5bGVzICk7XG5cdFx0fVxuXG5cdFx0Ly8gQHRzLWlnbm9yZTogYGNzc2AgdHlwZXMgYXJlIHdyb25nLCBpdCBjYW4gYWNjZXB0IGFuIG9iamVjdDogaHR0cHM6Ly9lbW90aW9uLnNoL2RvY3Mvb2JqZWN0LXN0eWxlcyN3aXRoLWNzc1xuXHRcdHJldHVybiBpc1JUTCgpID8gY3NzKCBjb252ZXJ0TFRSVG9SVEwoIGx0clN0eWxlcyApICkgOiBjc3MoIGx0clN0eWxlcyApO1xuXHR9O1xufVxuXG4vKipcbiAqIENhbGwgdGhpcyBpbiB0aGUgYHVzZU1lbW9gIGRlcGVuZGVuY3kgYXJyYXkgdG8gZW5zdXJlIHRoYXQgc3Vic2VxdWVudCByZW5kZXJzIHdpbGxcbiAqIGNhdXNlIHJ0bCBzdHlsZXMgdG8gdXBkYXRlIGJhc2VkIG9uIHRoZSBgaXNSVExgIHJldHVybiB2YWx1ZSBldmVuIGlmIGFsbCBvdGhlciBkZXBlbmRlbmNpZXNcbiAqIHJlbWFpbiB0aGUgc2FtZS5cbiAqXG4gKiBAZXhhbXBsZVxuICogY29uc3Qgc3R5bGVzID0gdXNlTWVtbyggKCkgPT4ge1xuICogICByZXR1cm4gY3NzYFxuICogICAgICR7IHJ0bCggeyBtYXJnaW5SaWdodDogJzEwcHgnIH0gKSB9XG4gKiAgIGA7XG4gKiB9LCBbIHJ0bC53YXRjaCgpIF0gKTtcbiAqL1xucnRsLndhdGNoID0gKCkgPT4gaXNSVEwoKTtcbiJdfQ== */\");\n    }\n\n    // @ts-ignore: `css` types are wrong, it can accept an object: https://emotion.sh/docs/object-styles#with-css\n    return isRTL() ? /*#__PURE__*/css(convertLTRToRTL(ltrStyles), process.env.NODE_ENV === \"production\" ? \"\" : \";label:rtl;\", process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJ0bC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRm1CIiwiZmlsZSI6InJ0bC5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBXb3JkUHJlc3MgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGlzUlRMIH0gZnJvbSAnQHdvcmRwcmVzcy9pMThuJztcblxuY29uc3QgTE9XRVJfTEVGVF9SRUdFWFAgPSBuZXcgUmVnRXhwKCAvLWxlZnQvZyApO1xuY29uc3QgTE9XRVJfUklHSFRfUkVHRVhQID0gbmV3IFJlZ0V4cCggLy1yaWdodC9nICk7XG5jb25zdCBVUFBFUl9MRUZUX1JFR0VYUCA9IG5ldyBSZWdFeHAoIC9MZWZ0L2cgKTtcbmNvbnN0IFVQUEVSX1JJR0hUX1JFR0VYUCA9IG5ldyBSZWdFeHAoIC9SaWdodC9nICk7XG5cbi8qKlxuICogRmxpcHMgYSBDU1MgcHJvcGVydHkgZnJvbSBsZWZ0IDwtPiByaWdodC5cbiAqXG4gKiBAcGFyYW0ge3N0cmluZ30ga2V5IFRoZSBDU1MgcHJvcGVydHkgbmFtZS5cbiAqXG4gKiBAcmV0dXJuIHtzdHJpbmd9IFRoZSBmbGlwcGVkIENTUyBwcm9wZXJ0eSBuYW1lLCBpZiBhcHBsaWNhYmxlLlxuICovXG5mdW5jdGlvbiBnZXRDb252ZXJ0ZWRLZXkoIGtleSApIHtcblx0aWYgKCBrZXkgPT09ICdsZWZ0JyApIHtcblx0XHRyZXR1cm4gJ3JpZ2h0Jztcblx0fVxuXG5cdGlmICgga2V5ID09PSAncmlnaHQnICkge1xuXHRcdHJldHVybiAnbGVmdCc7XG5cdH1cblxuXHRpZiAoIExPV0VSX0xFRlRfUkVHRVhQLnRlc3QoIGtleSApICkge1xuXHRcdHJldHVybiBrZXkucmVwbGFjZSggTE9XRVJfTEVGVF9SRUdFWFAsICctcmlnaHQnICk7XG5cdH1cblxuXHRpZiAoIExPV0VSX1JJR0hUX1JFR0VYUC50ZXN0KCBrZXkgKSApIHtcblx0XHRyZXR1cm4ga2V5LnJlcGxhY2UoIExPV0VSX1JJR0hUX1JFR0VYUCwgJy1sZWZ0JyApO1xuXHR9XG5cblx0aWYgKCBVUFBFUl9MRUZUX1JFR0VYUC50ZXN0KCBrZXkgKSApIHtcblx0XHRyZXR1cm4ga2V5LnJlcGxhY2UoIFVQUEVSX0xFRlRfUkVHRVhQLCAnUmlnaHQnICk7XG5cdH1cblxuXHRpZiAoIFVQUEVSX1JJR0hUX1JFR0VYUC50ZXN0KCBrZXkgKSApIHtcblx0XHRyZXR1cm4ga2V5LnJlcGxhY2UoIFVQUEVSX1JJR0hUX1JFR0VYUCwgJ0xlZnQnICk7XG5cdH1cblxuXHRyZXR1cm4ga2V5O1xufVxuXG4vKipcbiAqIEFuIGluY3JlZGlibHkgYmFzaWMgbHRyIC0+IHJ0bCBjb252ZXJ0ZXIgZm9yIHN0eWxlIHByb3BlcnRpZXNcbiAqXG4gKiBAcGFyYW0ge2ltcG9ydCgncmVhY3QnKS5DU1NQcm9wZXJ0aWVzfSBsdHJTdHlsZXNcbiAqXG4gKiBAcmV0dXJuIHtpbXBvcnQoJ3JlYWN0JykuQ1NTUHJvcGVydGllc30gQ29udmVydGVkIGx0ciAtPiBydGwgc3R5bGVzXG4gKi9cbmV4cG9ydCBjb25zdCBjb252ZXJ0TFRSVG9SVEwgPSAoIGx0clN0eWxlcyA9IHt9ICkgPT4ge1xuXHRyZXR1cm4gT2JqZWN0LmZyb21FbnRyaWVzKFxuXHRcdE9iamVjdC5lbnRyaWVzKCBsdHJTdHlsZXMgKS5tYXAoICggWyBrZXksIHZhbHVlIF0gKSA9PiBbXG5cdFx0XHRnZXRDb252ZXJ0ZWRLZXkoIGtleSApLFxuXHRcdFx0dmFsdWUsXG5cdFx0XSApXG5cdCk7XG59O1xuXG4vKipcbiAqIEEgaGlnaGVyLW9yZGVyIGZ1bmN0aW9uIHRoYXQgY3JlYXRlIGFuIGluY3JlZGlibHkgYmFzaWMgbHRyIC0+IHJ0bCBzdHlsZSBjb252ZXJ0ZXIgZm9yIENTUyBvYmplY3RzLlxuICpcbiAqIEBwYXJhbSB7aW1wb3J0KCdyZWFjdCcpLkNTU1Byb3BlcnRpZXN9IGx0clN0eWxlcyAgIEx0ciBzdHlsZXMuIENvbnZlcnRzIGFuZCByZW5kZXJzIGZyb20gbHRyIC0+IHJ0bCBzdHlsZXMsIGlmIGFwcGxpY2FibGUuXG4gKiBAcGFyYW0ge2ltcG9ydCgncmVhY3QnKS5DU1NQcm9wZXJ0aWVzfSBbcnRsU3R5bGVzXSBSdGwgc3R5bGVzLiBSZW5kZXJzIGlmIHByb3ZpZGVkLlxuICpcbiAqIEByZXR1cm4geygpID0+IGltcG9ydCgnQGVtb3Rpb24vcmVhY3QnKS5TZXJpYWxpemVkU3R5bGVzfSBBIGZ1bmN0aW9uIHRvIG91dHB1dCBDU1Mgc3R5bGVzIGZvciBFbW90aW9uJ3MgcmVuZGVyZXJcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHJ0bCggbHRyU3R5bGVzID0ge30sIHJ0bFN0eWxlcyApIHtcblx0cmV0dXJuICgpID0+IHtcblx0XHRpZiAoIHJ0bFN0eWxlcyApIHtcblx0XHRcdC8vIEB0cy1pZ25vcmU6IGBjc3NgIHR5cGVzIGFyZSB3cm9uZywgaXQgY2FuIGFjY2VwdCBhbiBvYmplY3Q6IGh0dHBzOi8vZW1vdGlvbi5zaC9kb2NzL29iamVjdC1zdHlsZXMjd2l0aC1jc3Ncblx0XHRcdHJldHVybiBpc1JUTCgpID8gY3NzKCBydGxTdHlsZXMgKSA6IGNzcyggbHRyU3R5bGVzICk7XG5cdFx0fVxuXG5cdFx0Ly8gQHRzLWlnbm9yZTogYGNzc2AgdHlwZXMgYXJlIHdyb25nLCBpdCBjYW4gYWNjZXB0IGFuIG9iamVjdDogaHR0cHM6Ly9lbW90aW9uLnNoL2RvY3Mvb2JqZWN0LXN0eWxlcyN3aXRoLWNzc1xuXHRcdHJldHVybiBpc1JUTCgpID8gY3NzKCBjb252ZXJ0TFRSVG9SVEwoIGx0clN0eWxlcyApICkgOiBjc3MoIGx0clN0eWxlcyApO1xuXHR9O1xufVxuXG4vKipcbiAqIENhbGwgdGhpcyBpbiB0aGUgYHVzZU1lbW9gIGRlcGVuZGVuY3kgYXJyYXkgdG8gZW5zdXJlIHRoYXQgc3Vic2VxdWVudCByZW5kZXJzIHdpbGxcbiAqIGNhdXNlIHJ0bCBzdHlsZXMgdG8gdXBkYXRlIGJhc2VkIG9uIHRoZSBgaXNSVExgIHJldHVybiB2YWx1ZSBldmVuIGlmIGFsbCBvdGhlciBkZXBlbmRlbmNpZXNcbiAqIHJlbWFpbiB0aGUgc2FtZS5cbiAqXG4gKiBAZXhhbXBsZVxuICogY29uc3Qgc3R5bGVzID0gdXNlTWVtbyggKCkgPT4ge1xuICogICByZXR1cm4gY3NzYFxuICogICAgICR7IHJ0bCggeyBtYXJnaW5SaWdodDogJzEwcHgnIH0gKSB9XG4gKiAgIGA7XG4gKiB9LCBbIHJ0bC53YXRjaCgpIF0gKTtcbiAqL1xucnRsLndhdGNoID0gKCkgPT4gaXNSVEwoKTtcbiJdfQ== */\") : /*#__PURE__*/css(ltrStyles, process.env.NODE_ENV === \"production\" ? \"\" : \";label:rtl;\", process.env.NODE_ENV === \"production\" ? \"\" : \"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJ0bC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRnlEIiwiZmlsZSI6InJ0bC5qcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLyoqXG4gKiBXb3JkUHJlc3MgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGlzUlRMIH0gZnJvbSAnQHdvcmRwcmVzcy9pMThuJztcblxuY29uc3QgTE9XRVJfTEVGVF9SRUdFWFAgPSBuZXcgUmVnRXhwKCAvLWxlZnQvZyApO1xuY29uc3QgTE9XRVJfUklHSFRfUkVHRVhQID0gbmV3IFJlZ0V4cCggLy1yaWdodC9nICk7XG5jb25zdCBVUFBFUl9MRUZUX1JFR0VYUCA9IG5ldyBSZWdFeHAoIC9MZWZ0L2cgKTtcbmNvbnN0IFVQUEVSX1JJR0hUX1JFR0VYUCA9IG5ldyBSZWdFeHAoIC9SaWdodC9nICk7XG5cbi8qKlxuICogRmxpcHMgYSBDU1MgcHJvcGVydHkgZnJvbSBsZWZ0IDwtPiByaWdodC5cbiAqXG4gKiBAcGFyYW0ge3N0cmluZ30ga2V5IFRoZSBDU1MgcHJvcGVydHkgbmFtZS5cbiAqXG4gKiBAcmV0dXJuIHtzdHJpbmd9IFRoZSBmbGlwcGVkIENTUyBwcm9wZXJ0eSBuYW1lLCBpZiBhcHBsaWNhYmxlLlxuICovXG5mdW5jdGlvbiBnZXRDb252ZXJ0ZWRLZXkoIGtleSApIHtcblx0aWYgKCBrZXkgPT09ICdsZWZ0JyApIHtcblx0XHRyZXR1cm4gJ3JpZ2h0Jztcblx0fVxuXG5cdGlmICgga2V5ID09PSAncmlnaHQnICkge1xuXHRcdHJldHVybiAnbGVmdCc7XG5cdH1cblxuXHRpZiAoIExPV0VSX0xFRlRfUkVHRVhQLnRlc3QoIGtleSApICkge1xuXHRcdHJldHVybiBrZXkucmVwbGFjZSggTE9XRVJfTEVGVF9SRUdFWFAsICctcmlnaHQnICk7XG5cdH1cblxuXHRpZiAoIExPV0VSX1JJR0hUX1JFR0VYUC50ZXN0KCBrZXkgKSApIHtcblx0XHRyZXR1cm4ga2V5LnJlcGxhY2UoIExPV0VSX1JJR0hUX1JFR0VYUCwgJy1sZWZ0JyApO1xuXHR9XG5cblx0aWYgKCBVUFBFUl9MRUZUX1JFR0VYUC50ZXN0KCBrZXkgKSApIHtcblx0XHRyZXR1cm4ga2V5LnJlcGxhY2UoIFVQUEVSX0xFRlRfUkVHRVhQLCAnUmlnaHQnICk7XG5cdH1cblxuXHRpZiAoIFVQUEVSX1JJR0hUX1JFR0VYUC50ZXN0KCBrZXkgKSApIHtcblx0XHRyZXR1cm4ga2V5LnJlcGxhY2UoIFVQUEVSX1JJR0hUX1JFR0VYUCwgJ0xlZnQnICk7XG5cdH1cblxuXHRyZXR1cm4ga2V5O1xufVxuXG4vKipcbiAqIEFuIGluY3JlZGlibHkgYmFzaWMgbHRyIC0+IHJ0bCBjb252ZXJ0ZXIgZm9yIHN0eWxlIHByb3BlcnRpZXNcbiAqXG4gKiBAcGFyYW0ge2ltcG9ydCgncmVhY3QnKS5DU1NQcm9wZXJ0aWVzfSBsdHJTdHlsZXNcbiAqXG4gKiBAcmV0dXJuIHtpbXBvcnQoJ3JlYWN0JykuQ1NTUHJvcGVydGllc30gQ29udmVydGVkIGx0ciAtPiBydGwgc3R5bGVzXG4gKi9cbmV4cG9ydCBjb25zdCBjb252ZXJ0TFRSVG9SVEwgPSAoIGx0clN0eWxlcyA9IHt9ICkgPT4ge1xuXHRyZXR1cm4gT2JqZWN0LmZyb21FbnRyaWVzKFxuXHRcdE9iamVjdC5lbnRyaWVzKCBsdHJTdHlsZXMgKS5tYXAoICggWyBrZXksIHZhbHVlIF0gKSA9PiBbXG5cdFx0XHRnZXRDb252ZXJ0ZWRLZXkoIGtleSApLFxuXHRcdFx0dmFsdWUsXG5cdFx0XSApXG5cdCk7XG59O1xuXG4vKipcbiAqIEEgaGlnaGVyLW9yZGVyIGZ1bmN0aW9uIHRoYXQgY3JlYXRlIGFuIGluY3JlZGlibHkgYmFzaWMgbHRyIC0+IHJ0bCBzdHlsZSBjb252ZXJ0ZXIgZm9yIENTUyBvYmplY3RzLlxuICpcbiAqIEBwYXJhbSB7aW1wb3J0KCdyZWFjdCcpLkNTU1Byb3BlcnRpZXN9IGx0clN0eWxlcyAgIEx0ciBzdHlsZXMuIENvbnZlcnRzIGFuZCByZW5kZXJzIGZyb20gbHRyIC0+IHJ0bCBzdHlsZXMsIGlmIGFwcGxpY2FibGUuXG4gKiBAcGFyYW0ge2ltcG9ydCgncmVhY3QnKS5DU1NQcm9wZXJ0aWVzfSBbcnRsU3R5bGVzXSBSdGwgc3R5bGVzLiBSZW5kZXJzIGlmIHByb3ZpZGVkLlxuICpcbiAqIEByZXR1cm4geygpID0+IGltcG9ydCgnQGVtb3Rpb24vcmVhY3QnKS5TZXJpYWxpemVkU3R5bGVzfSBBIGZ1bmN0aW9uIHRvIG91dHB1dCBDU1Mgc3R5bGVzIGZvciBFbW90aW9uJ3MgcmVuZGVyZXJcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHJ0bCggbHRyU3R5bGVzID0ge30sIHJ0bFN0eWxlcyApIHtcblx0cmV0dXJuICgpID0+IHtcblx0XHRpZiAoIHJ0bFN0eWxlcyApIHtcblx0XHRcdC8vIEB0cy1pZ25vcmU6IGBjc3NgIHR5cGVzIGFyZSB3cm9uZywgaXQgY2FuIGFjY2VwdCBhbiBvYmplY3Q6IGh0dHBzOi8vZW1vdGlvbi5zaC9kb2NzL29iamVjdC1zdHlsZXMjd2l0aC1jc3Ncblx0XHRcdHJldHVybiBpc1JUTCgpID8gY3NzKCBydGxTdHlsZXMgKSA6IGNzcyggbHRyU3R5bGVzICk7XG5cdFx0fVxuXG5cdFx0Ly8gQHRzLWlnbm9yZTogYGNzc2AgdHlwZXMgYXJlIHdyb25nLCBpdCBjYW4gYWNjZXB0IGFuIG9iamVjdDogaHR0cHM6Ly9lbW90aW9uLnNoL2RvY3Mvb2JqZWN0LXN0eWxlcyN3aXRoLWNzc1xuXHRcdHJldHVybiBpc1JUTCgpID8gY3NzKCBjb252ZXJ0TFRSVG9SVEwoIGx0clN0eWxlcyApICkgOiBjc3MoIGx0clN0eWxlcyApO1xuXHR9O1xufVxuXG4vKipcbiAqIENhbGwgdGhpcyBpbiB0aGUgYHVzZU1lbW9gIGRlcGVuZGVuY3kgYXJyYXkgdG8gZW5zdXJlIHRoYXQgc3Vic2VxdWVudCByZW5kZXJzIHdpbGxcbiAqIGNhdXNlIHJ0bCBzdHlsZXMgdG8gdXBkYXRlIGJhc2VkIG9uIHRoZSBgaXNSVExgIHJldHVybiB2YWx1ZSBldmVuIGlmIGFsbCBvdGhlciBkZXBlbmRlbmNpZXNcbiAqIHJlbWFpbiB0aGUgc2FtZS5cbiAqXG4gKiBAZXhhbXBsZVxuICogY29uc3Qgc3R5bGVzID0gdXNlTWVtbyggKCkgPT4ge1xuICogICByZXR1cm4gY3NzYFxuICogICAgICR7IHJ0bCggeyBtYXJnaW5SaWdodDogJzEwcHgnIH0gKSB9XG4gKiAgIGA7XG4gKiB9LCBbIHJ0bC53YXRjaCgpIF0gKTtcbiAqL1xucnRsLndhdGNoID0gKCkgPT4gaXNSVEwoKTtcbiJdfQ== */\");\n  };\n}\n\n/**\n * Call this in the `useMemo` dependency array to ensure that subsequent renders will\n * cause rtl styles to update based on the `isRTL` return value even if all other dependencies\n * remain the same.\n *\n * @example\n * const styles = useMemo( () => {\n *   return css`\n *     ${ rtl( { marginRight: '10px' } ) }\n *   `;\n * }, [ rtl.watch() ] );\n */\nrtl.watch = () => isRTL();"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAoB;AAKpB,kBAAsB;AACtB,MAAM,oBAAoB,IAAI,OAAO,QAAQ;AAC7C,MAAM,qBAAqB,IAAI,OAAO,SAAS;AAC/C,MAAM,oBAAoB,IAAI,OAAO,OAAO;AAC5C,MAAM,qBAAqB,IAAI,OAAO,QAAQ;AAS9C,SAAS,gBAAgB,KAAK;AAC5B,MAAI,QAAQ,QAAQ;AAClB,WAAO;AAAA,EACT;AACA,MAAI,QAAQ,SAAS;AACnB,WAAO;AAAA,EACT;AACA,MAAI,kBAAkB,KAAK,GAAG,GAAG;AAC/B,WAAO,IAAI,QAAQ,mBAAmB,QAAQ;AAAA,EAChD;AACA,MAAI,mBAAmB,KAAK,GAAG,GAAG;AAChC,WAAO,IAAI,QAAQ,oBAAoB,OAAO;AAAA,EAChD;AACA,MAAI,kBAAkB,KAAK,GAAG,GAAG;AAC/B,WAAO,IAAI,QAAQ,mBAAmB,OAAO;AAAA,EAC/C;AACA,MAAI,mBAAmB,KAAK,GAAG,GAAG;AAChC,WAAO,IAAI,QAAQ,oBAAoB,MAAM;AAAA,EAC/C;AACA,SAAO;AACT;AASO,MAAM,kBAAkB,CAAC,YAAY,CAAC,MAAM;AACjD,SAAO,OAAO,YAAY,OAAO,QAAQ,SAAS,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,gBAAgB,GAAG,GAAG,KAAK,CAAC,CAAC;AAC1G;AAUO,SAAS,IAAI,YAAY,CAAC,GAAG,WAAW;AAC7C,SAAO,MAAM;AACX,QAAI,WAAW;AAEb,iBAAO,mBAAM,IAAiB,sCAAI,WAAW,QAAQ,IAAI,aAAa,eAAe,KAAK,eAAe,QAAQ,IAAI,aAAa,eAAe,KAAK,q9HAAq9H,IAAiB,sCAAI,WAAW,QAAQ,IAAI,aAAa,eAAe,KAAK,eAAe,QAAQ,IAAI,aAAa,eAAe,KAAK,q9HAAq9H;AAAA,IAC3sQ;AAGA,eAAO,mBAAM,IAAiB,sCAAI,gBAAgB,SAAS,GAAG,QAAQ,IAAI,aAAa,eAAe,KAAK,eAAe,QAAQ,IAAI,aAAa,eAAe,KAAK,q9HAAq9H,IAAiB,sCAAI,WAAW,QAAQ,IAAI,aAAa,eAAe,KAAK,eAAe,QAAQ,IAAI,aAAa,eAAe,KAAK,q9HAAq9H;AAAA,EAC5tQ;AACF;AAcA,IAAI,QAAQ,UAAM,mBAAM;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAoB;AAKpB,kBAAsB;AACtB,IAAM,oBAAoB,IAAI,OAAO,QAAQ;AAC7C,IAAM,qBAAqB,IAAI,OAAO,SAAS;AAC/C,IAAM,oBAAoB,IAAI,OAAO,OAAO;AAC5C,IAAM,qBAAqB,IAAI,OAAO,QAAQ;AAS9C,SAAS,gBAAgB,KAAK;AAC5B,MAAI,QAAQ,QAAQ;AAClB,WAAO;AAAA,EACT;AACA,MAAI,QAAQ,SAAS;AACnB,WAAO;AAAA,EACT;AACA,MAAI,kBAAkB,KAAK,GAAG,GAAG;AAC/B,WAAO,IAAI,QAAQ,mBAAmB,QAAQ;AAAA,EAChD;AACA,MAAI,mBAAmB,KAAK,GAAG,GAAG;AAChC,WAAO,IAAI,QAAQ,oBAAoB,OAAO;AAAA,EAChD;AACA,MAAI,kBAAkB,KAAK,GAAG,GAAG;AAC/B,WAAO,IAAI,QAAQ,mBAAmB,OAAO;AAAA,EAC/C;AACA,MAAI,mBAAmB,KAAK,GAAG,GAAG;AAChC,WAAO,IAAI,QAAQ,oBAAoB,MAAM;AAAA,EAC/C;AACA,SAAO;AACT;AASO,IAAM,kBAAkB,CAAC,YAAY,CAAC,MAAM;AACjD,SAAO,OAAO,YAAY,OAAO,QAAQ,SAAS,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,gBAAgB,GAAG,GAAG,KAAK,CAAC,CAAC;AAC1G;AAUO,SAAS,IAAI,YAAY,CAAC,GAAG,WAAW;AAC7C,SAAO,MAAM;AACX,QAAI,WAAW;AAEb,iBAAO,mBAAM,IAAiB,sCAAI,WAAW,QAAQ,IAAI,aAAa,eAAe,KAAK,eAAe,QAAQ,IAAI,aAAa,eAAe,KAAK,q9HAAq9H,IAAiB,sCAAI,WAAW,QAAQ,IAAI,aAAa,eAAe,KAAK,eAAe,QAAQ,IAAI,aAAa,eAAe,KAAK,q9HAAq9H;AAAA,IAC3sQ;AAGA,eAAO,mBAAM,IAAiB,sCAAI,gBAAgB,SAAS,GAAG,QAAQ,IAAI,aAAa,eAAe,KAAK,eAAe,QAAQ,IAAI,aAAa,eAAe,KAAK,q9HAAq9H,IAAiB,sCAAI,WAAW,QAAQ,IAAI,aAAa,eAAe,KAAK,eAAe,QAAQ,IAAI,aAAa,eAAe,KAAK,q9HAAq9H;AAAA,EAC5tQ;AACF;AAcA,IAAI,QAAQ,UAAM,mBAAM;",
   "names": []
 }

package/build/utils/space.js

@@ -16,12 +16,14 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/utils/space.ts
 var space_exports = {};
 __export(space_exports, {
   space: () => space
 });
 module.exports = __toCommonJS(space_exports);
-const GRID_BASE = "4px";
+var GRID_BASE = "4px";
 function space(value) {
   if (typeof value === "undefined") {
     return void 0;

package/build/utils/space.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/space.ts"],
   "sourcesContent": ["/**\n * The argument value for the `space()` utility function.\n *\n * When this is a number or a numeric string, it will be interpreted as a\n * multiplier for the grid base value (4px). For example, `space( 2 )` will be 8px.\n *\n * Otherwise, it will be interpreted as a literal CSS length value. For example,\n * `space( 'auto' )` will be 'auto', and `space( '2px' )` will be 2px.\n */\n\nconst GRID_BASE = '4px';\n\n/**\n * A function that handles numbers, numeric strings, and unit values.\n *\n * When given a number or a numeric string, it will return the grid-based\n * value as a factor of GRID_BASE, defined above.\n *\n * When given a unit value or one of the named CSS values like `auto`,\n * it will simply return the value back.\n *\n * @param value A number, numeric string, or a unit value.\n */\nexport function space(value) {\n  if (typeof value === 'undefined') {\n    return undefined;\n  }\n\n  // Handle empty strings, if it's the number 0 this still works.\n  if (!value) {\n    return '0';\n  }\n  const asInt = typeof value === 'number' ? value : Number(value);\n\n  // Test if the input has a unit, was NaN, or was one of the named CSS values (like `auto`), in which case just use that value.\n  if (typeof window !== 'undefined' && window.CSS?.supports?.('margin', value.toString()) || Number.isNaN(asInt)) {\n    return value.toString();\n  }\n  return `calc(${GRID_BASE} * ${value})`;\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA,MAAM,YAAY;AAaX,SAAS,MAAM,OAAO;AAC3B,MAAI,OAAO,UAAU,aAAa;AAChC,WAAO;AAAA,EACT;AAGA,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AACA,QAAM,QAAQ,OAAO,UAAU,WAAW,QAAQ,OAAO,KAAK;AAG9D,MAAI,OAAO,WAAW,eAAe,OAAO,KAAK,WAAW,UAAU,MAAM,SAAS,CAAC,KAAK,OAAO,MAAM,KAAK,GAAG;AAC9G,WAAO,MAAM,SAAS;AAAA,EACxB;AACA,SAAO,QAAQ,SAAS,MAAM,KAAK;AACrC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA,IAAM,YAAY;AAaX,SAAS,MAAM,OAAO;AAC3B,MAAI,OAAO,UAAU,aAAa;AAChC,WAAO;AAAA,EACT;AAGA,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AACA,QAAM,QAAQ,OAAO,UAAU,WAAW,QAAQ,OAAO,KAAK;AAG9D,MAAI,OAAO,WAAW,eAAe,OAAO,KAAK,WAAW,UAAU,MAAM,SAAS,CAAC,KAAK,OAAO,MAAM,KAAK,GAAG;AAC9G,WAAO,MAAM,SAAS;AAAA,EACxB;AACA,SAAO,QAAQ,SAAS,MAAM,KAAK;AACrC;",
   "names": []
 }

package/build/utils/strings.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/strings.ts
 var strings_exports = {};
 __export(strings_exports, {
   escapeRegExp: () => escapeRegExp,
@@ -35,8 +37,8 @@ __export(strings_exports, {
 module.exports = __toCommonJS(strings_exports);
 var import_remove_accents = __toESM(require("remove-accents"));
 var import_change_case = require("change-case");
-const ALL_UNICODE_DASH_CHARACTERS = new RegExp(/[\u007e\u00ad\u2053\u207b\u208b\u2212\p{Pd}]/gu);
-const normalizeTextString = (value) => {
+var ALL_UNICODE_DASH_CHARACTERS = new RegExp(/[\u007e\u00ad\u2053\u207b\u208b\u2212\p{Pd}]/gu);
+var normalizeTextString = (value) => {
   return (0, import_remove_accents.default)(value).normalize("NFKC").toLocaleLowerCase().replace(ALL_UNICODE_DASH_CHARACTERS, "-");
 };
 function kebabCase(str) {

package/build/utils/strings.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/strings.ts"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport removeAccents from 'remove-accents';\nimport { paramCase } from 'change-case';\n\n/**\n * All unicode characters that we consider \"dash-like\":\n * - `\\u007e`: ~ (tilde)\n * - `\\u00ad`: \u00AD (soft hyphen)\n * - `\\u2053`: \u2053 (swung dash)\n * - `\\u207b`: \u207B (superscript minus)\n * - `\\u208b`: \u208B (subscript minus)\n * - `\\u2212`: \u2212 (minus sign)\n * - `\\\\p{Pd}`: any other Unicode dash character\n */\nconst ALL_UNICODE_DASH_CHARACTERS = new RegExp(/[\\u007e\\u00ad\\u2053\\u207b\\u208b\\u2212\\p{Pd}]/gu);\nexport const normalizeTextString = value => {\n  return removeAccents(value).normalize('NFKC').toLocaleLowerCase().replace(ALL_UNICODE_DASH_CHARACTERS, '-');\n};\n\n/**\n * Converts any string to kebab case.\n * Backwards compatible with Lodash's `_.kebabCase()`.\n * Backwards compatible with `_wp_to_kebab_case()`.\n *\n * @see https://lodash.com/docs/4.17.15#kebabCase\n * @see https://developer.wordpress.org/reference/functions/_wp_to_kebab_case/\n *\n * @param str String to convert.\n * @return Kebab-cased string\n */\nexport function kebabCase(str) {\n  var _str$toString;\n  let input = (_str$toString = str?.toString?.()) !== null && _str$toString !== void 0 ? _str$toString : '';\n\n  // See https://github.com/lodash/lodash/blob/b185fcee26b2133bd071f4aaca14b455c2ed1008/lodash.js#L4970\n  input = input.replace(/['\\u2019]/, '');\n  return paramCase(input, {\n    splitRegexp: [/(?!(?:1ST|2ND|3RD|[4-9]TH)(?![a-z]))([a-z0-9])([A-Z])/g,\n    // fooBar => foo-bar, 3Bar => 3-bar\n    /(?!(?:1st|2nd|3rd|[4-9]th)(?![a-z]))([0-9])([a-z])/g,\n    // 3bar => 3-bar\n    /([A-Za-z])([0-9])/g,\n    // Foo3 => foo-3, foo3 => foo-3\n    /([A-Z])([A-Z][a-z])/g // FOOBar => foo-bar\n    ]\n  });\n}\n\n/**\n * Escapes the RegExp special characters.\n *\n * @param string Input string.\n *\n * @return Regex-escaped string.\n */\nexport function escapeRegExp(string) {\n  return string.replace(/[\\\\^$.*+?()[\\]{}|]/g, '\\\\$&');\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,4BAA0B;AAC1B,yBAA0B;AAY1B,MAAM,8BAA8B,IAAI,OAAO,gDAAgD;AACxF,MAAM,sBAAsB,WAAS;AAC1C,aAAO,sBAAAA,SAAc,KAAK,EAAE,UAAU,MAAM,EAAE,kBAAkB,EAAE,QAAQ,6BAA6B,GAAG;AAC5G;AAaO,SAAS,UAAU,KAAK;AAC7B,MAAI;AACJ,MAAI,SAAS,gBAAgB,KAAK,WAAW,OAAO,QAAQ,kBAAkB,SAAS,gBAAgB;AAGvG,UAAQ,MAAM,QAAQ,aAAa,EAAE;AACrC,aAAO,8BAAU,OAAO;AAAA,IACtB,aAAa;AAAA,MAAC;AAAA;AAAA,MAEd;AAAA;AAAA,MAEA;AAAA;AAAA,MAEA;AAAA;AAAA,IACA;AAAA,EACF,CAAC;AACH;AASO,SAAS,aAAa,QAAQ;AACnC,SAAO,OAAO,QAAQ,uBAAuB,MAAM;AACrD;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,4BAA0B;AAC1B,yBAA0B;AAY1B,IAAM,8BAA8B,IAAI,OAAO,gDAAgD;AACxF,IAAM,sBAAsB,WAAS;AAC1C,aAAO,sBAAAA,SAAc,KAAK,EAAE,UAAU,MAAM,EAAE,kBAAkB,EAAE,QAAQ,6BAA6B,GAAG;AAC5G;AAaO,SAAS,UAAU,KAAK;AAC7B,MAAI;AACJ,MAAI,SAAS,gBAAgB,KAAK,WAAW,OAAO,QAAQ,kBAAkB,SAAS,gBAAgB;AAGvG,UAAQ,MAAM,QAAQ,aAAa,EAAE;AACrC,aAAO,8BAAU,OAAO;AAAA,IACtB,aAAa;AAAA,MAAC;AAAA;AAAA,MAEd;AAAA;AAAA,MAEA;AAAA;AAAA,MAEA;AAAA;AAAA,IACA;AAAA,EACF,CAAC;AACH;AASO,SAAS,aAAa,QAAQ;AACnC,SAAO,OAAO,QAAQ,uBAAuB,MAAM;AACrD;",
   "names": ["removeAccents"]
 }

package/build/utils/style-mixins.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/style-mixins.js
 var style_mixins_exports = {};
 __export(style_mixins_exports, {
   COLORS: () => import_colors_values.COLORS,

package/build/utils/style-mixins.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/style-mixins.js"],
   "sourcesContent": ["export { boxSizingReset } from './box-sizing';\nexport { rgba } from './colors';\nexport { rtl } from './rtl';\nexport { font } from './font';\nexport { breakpoint } from './breakpoint';\nexport { default as CONFIG } from './config-values';\nexport { COLORS } from './colors-values';\nexport { baseLabelTypography } from './base-label';"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA+B;AAC/B,oBAAqB;AACrB,iBAAoB;AACpB,kBAAqB;AACrB,wBAA2B;AAC3B,2BAAkC;AAClC,2BAAuB;AACvB,wBAAoC;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA+B;AAC/B,oBAAqB;AACrB,iBAAoB;AACpB,kBAAqB;AACrB,wBAA2B;AAC3B,2BAAkC;AAClC,2BAAuB;AACvB,wBAAoC;",
   "names": []
 }

package/build/utils/types.js

@@ -12,6 +12,8 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/utils/types.ts
 var types_exports = {};
 module.exports = __toCommonJS(types_exports);
 //# sourceMappingURL=types.js.map

package/build/utils/types.js.map

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

package/build/utils/unit-values.js

@@ -16,13 +16,15 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/components/src/utils/unit-values.ts
 var unit_values_exports = {};
 __export(unit_values_exports, {
   createCSSUnitValue: () => createCSSUnitValue,
   parseCSSUnitValue: () => parseCSSUnitValue
 });
 module.exports = __toCommonJS(unit_values_exports);
-const UNITED_VALUE_REGEX = /^([\d.\-+]*)\s*(fr|cm|mm|Q|in|pc|pt|px|em|ex|ch|rem|lh|vw|vh|vmin|vmax|%|cap|ic|rlh|vi|vb|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx|svw|lvw|dvw|svh|lvh|dvh|svi|lvi|dvi|svb|lvb|dvb|svmin|lvmin|dvmin|svmax|lvmax|dvmax)?$/;
+var UNITED_VALUE_REGEX = /^([\d.\-+]*)\s*(fr|cm|mm|Q|in|pc|pt|px|em|ex|ch|rem|lh|vw|vh|vmin|vmax|%|cap|ic|rlh|vi|vb|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx|svw|lvw|dvw|svh|lvh|dvh|svi|lvi|dvi|svb|lvb|dvb|svmin|lvmin|dvmin|svmax|lvmax|dvmax)?$/;
 function parseCSSUnitValue(toParse) {
   const value = toParse.trim();
   const matched = value.match(UNITED_VALUE_REGEX);

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/unit-values.ts"],
   "sourcesContent": ["const UNITED_VALUE_REGEX = /^([\\d.\\-+]*)\\s*(fr|cm|mm|Q|in|pc|pt|px|em|ex|ch|rem|lh|vw|vh|vmin|vmax|%|cap|ic|rlh|vi|vb|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx|svw|lvw|dvw|svh|lvh|dvh|svi|lvi|dvi|svb|lvb|dvb|svmin|lvmin|dvmin|svmax|lvmax|dvmax)?$/;\n\n/**\n * Parses a number and unit from a value.\n *\n * @param toParse Value to parse\n *\n * @return  The extracted number and unit.\n */\nexport function parseCSSUnitValue(toParse) {\n  const value = toParse.trim();\n  const matched = value.match(UNITED_VALUE_REGEX);\n  if (!matched) {\n    return [undefined, undefined];\n  }\n  const [, num, unit] = matched;\n  let numParsed = parseFloat(num);\n  numParsed = Number.isNaN(numParsed) ? undefined : numParsed;\n  return [numParsed, unit];\n}\n\n/**\n * Combines a value and a unit into a unit value.\n *\n * @param value\n * @param unit\n *\n * @return The unit value.\n */\nexport function createCSSUnitValue(value, unit) {\n  return `${value}${unit}`;\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAM,qBAAqB;AASpB,SAAS,kBAAkB,SAAS;AACzC,QAAM,QAAQ,QAAQ,KAAK;AAC3B,QAAM,UAAU,MAAM,MAAM,kBAAkB;AAC9C,MAAI,CAAC,SAAS;AACZ,WAAO,CAAC,QAAW,MAAS;AAAA,EAC9B;AACA,QAAM,CAAC,EAAE,KAAK,IAAI,IAAI;AACtB,MAAI,YAAY,WAAW,GAAG;AAC9B,cAAY,OAAO,MAAM,SAAS,IAAI,SAAY;AAClD,SAAO,CAAC,WAAW,IAAI;AACzB;AAUO,SAAS,mBAAmB,OAAO,MAAM;AAC9C,SAAO,GAAG,KAAK,GAAG,IAAI;AACxB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAM,qBAAqB;AASpB,SAAS,kBAAkB,SAAS;AACzC,QAAM,QAAQ,QAAQ,KAAK;AAC3B,QAAM,UAAU,MAAM,MAAM,kBAAkB;AAC9C,MAAI,CAAC,SAAS;AACZ,WAAO,CAAC,QAAW,MAAS;AAAA,EAC9B;AACA,QAAM,CAAC,EAAE,KAAK,IAAI,IAAI;AACtB,MAAI,YAAY,WAAW,GAAG;AAC9B,cAAY,OAAO,MAAM,SAAS,IAAI,SAAY;AAClD,SAAO,CAAC,WAAW,IAAI;AACzB;AAUO,SAAS,mBAAmB,OAAO,MAAM;AAC9C,SAAO,GAAG,KAAK,GAAG,IAAI;AACxB;",
   "names": []
 }

package/build/utils/use-deprecated-props.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/use-deprecated-props.ts
 var use_deprecated_props_exports = {};
 __export(use_deprecated_props_exports, {
   useDeprecated36pxDefaultSizeProp: () => useDeprecated36pxDefaultSizeProp

package/build/utils/use-deprecated-props.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/utils/use-deprecated-props.ts"],
   "sourcesContent": ["export function useDeprecated36pxDefaultSizeProp(props) {\n  const {\n    __next36pxDefaultSize,\n    __next40pxDefaultSize,\n    ...otherProps\n  } = props;\n  return {\n    ...otherProps,\n    __next40pxDefaultSize: __next40pxDefaultSize !== null && __next40pxDefaultSize !== void 0 ? __next40pxDefaultSize : __next36pxDefaultSize\n  };\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,SAAS,iCAAiC,OAAO;AACtD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,SAAO;AAAA,IACL,GAAG;AAAA,IACH,uBAAuB,0BAA0B,QAAQ,0BAA0B,SAAS,wBAAwB;AAAA,EACtH;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,SAAS,iCAAiC,OAAO;AACtD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,SAAO;AAAA,IACL,GAAG;AAAA,IACH,uBAAuB,0BAA0B,QAAQ,0BAA0B,SAAS,wBAAwB;AAAA,EACtH;AACF;",
   "names": []
 }

package/build/utils/use-responsive-value.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/use-responsive-value.ts
 var use_responsive_value_exports = {};
 __export(use_responsive_value_exports, {
   useBreakpointIndex: () => useBreakpointIndex,
@@ -23,8 +25,8 @@ __export(use_responsive_value_exports, {
 });
 module.exports = __toCommonJS(use_responsive_value_exports);
 var import_element = require("@wordpress/element");
-const breakpoints = ["40em", "52em", "64em"];
-const useBreakpointIndex = (options = {}) => {
+var breakpoints = ["40em", "52em", "64em"];
+var useBreakpointIndex = (options = {}) => {
   const {
     defaultIndex = 0
   } = options;