@wordpress/components 34.0.0 → 35.0.1

package/build-module/navigable-container/container.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/navigable-container/container.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef, useRef, useEffect, useCallback } from '@wordpress/element';\nimport { useMergeRefs } from '@wordpress/compose';\nimport { focus } from '@wordpress/dom';\n\n/**\n * Internal dependencies\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst noop = () => {};\nconst MENU_ITEM_ROLES = ['menuitem', 'menuitemradio', 'menuitemcheckbox'];\nfunction cycleValue(value, total, offset) {\n  const nextValue = value + offset;\n  if (nextValue < 0) {\n    return total + nextValue;\n  } else if (nextValue >= total) {\n    return nextValue - total;\n  }\n  return nextValue;\n}\nfunction UnforwardedNavigableContainer({\n  children,\n  stopNavigationEvents,\n  eventToOffset,\n  onNavigate = noop,\n  onKeyDown,\n  cycle = true,\n  onlyBrowserTabstops,\n  ...restProps\n}, ref) {\n  const containerRef = useRef(null);\n  const getFocusableIndex = useCallback((focusables, target) => {\n    return focusables.indexOf(target);\n  }, []);\n  const getFocusableContext = useCallback(target => {\n    if (!containerRef.current) {\n      return null;\n    }\n    const finder = onlyBrowserTabstops ? focus.tabbable : focus.focusable;\n    const focusables = finder.find(containerRef.current);\n    const index = getFocusableIndex(focusables, target);\n    if (index > -1 && target) {\n      return {\n        index,\n        target,\n        focusables\n      };\n    }\n    return null;\n  }, [onlyBrowserTabstops, getFocusableIndex]);\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) {\n      return;\n    }\n    function handleKeyDown(event) {\n      if (onKeyDown) {\n        onKeyDown(event);\n      }\n      const offset = eventToOffset(event);\n\n      // eventToOffset returns undefined if the event is not handled by the component.\n      if (offset !== undefined && stopNavigationEvents) {\n        // Prevents arrow key handlers bound to the document directly interfering.\n        event.stopImmediatePropagation();\n\n        // When navigating a collection of items, prevent scroll containers\n        // from scrolling. The preventDefault also prevents Voiceover from\n        // 'handling' the event, as voiceover will try to use arrow keys\n        // for highlighting text.\n        const targetRole = event.target?.getAttribute('role');\n        const targetHasMenuItemRole = !!targetRole && MENU_ITEM_ROLES.includes(targetRole);\n        if (targetHasMenuItemRole) {\n          event.preventDefault();\n        }\n      }\n      if (!offset) {\n        return;\n      }\n      const activeElement = event.target?.ownerDocument?.activeElement;\n      if (!activeElement) {\n        return;\n      }\n      const context = getFocusableContext(activeElement);\n      if (!context) {\n        return;\n      }\n      const {\n        index,\n        focusables\n      } = context;\n      const nextIndex = cycle ? cycleValue(index, focusables.length, offset) : index + offset;\n      if (nextIndex >= 0 && nextIndex < focusables.length) {\n        focusables[nextIndex].focus();\n        onNavigate(nextIndex, focusables[nextIndex]);\n\n        // `preventDefault()` on tab to avoid having the browser move the focus\n        // after this component has already moved it.\n        if (event.code === 'Tab') {\n          event.preventDefault();\n        }\n      }\n    }\n\n    // We use DOM event listeners instead of React event listeners\n    // because we want to catch events from the underlying DOM tree.\n    // The React Tree can be different from the DOM tree when using\n    // portals. Block Toolbars for instance are rendered in a separate\n    // React Trees.\n    container.addEventListener('keydown', handleKeyDown);\n    return () => {\n      container.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [onKeyDown, eventToOffset, stopNavigationEvents, cycle, onNavigate, getFocusableContext]);\n  const mergedRef = useMergeRefs([containerRef, ref]);\n  return /*#__PURE__*/_jsx(\"div\", {\n    ref: mergedRef,\n    ...restProps,\n    children: children\n  });\n}\nconst NavigableContainer = forwardRef(UnforwardedNavigableContainer);\nNavigableContainer.displayName = 'NavigableContainer';\nexport default NavigableContainer;"],
-  "mappings": ";AAOA,SAAS,YAAY,QAAQ,WAAW,mBAAmB;AAC3D,SAAS,oBAAoB;AAC7B,SAAS,aAAa;AAKtB,SAAS,OAAO,YAAY;AAC5B,IAAM,OAAO,MAAM;AAAC;AACpB,IAAM,kBAAkB,CAAC,YAAY,iBAAiB,kBAAkB;AACxE,SAAS,WAAW,OAAO,OAAO,QAAQ;AACxC,QAAM,YAAY,QAAQ;AAC1B,MAAI,YAAY,GAAG;AACjB,WAAO,QAAQ;AAAA,EACjB,WAAW,aAAa,OAAO;AAC7B,WAAO,YAAY;AAAA,EACrB;AACA,SAAO;AACT;AACA,SAAS,8BAA8B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,GAAG,KAAK;AACN,QAAM,eAAe,OAAO,IAAI;AAChC,QAAM,oBAAoB,YAAY,CAAC,YAAY,WAAW;AAC5D,WAAO,WAAW,QAAQ,MAAM;AAAA,EAClC,GAAG,CAAC,CAAC;AACL,QAAM,sBAAsB,YAAY,YAAU;AAChD,QAAI,CAAC,aAAa,SAAS;AACzB,aAAO;AAAA,IACT;AACA,UAAM,SAAS,sBAAsB,MAAM,WAAW,MAAM;AAC5D,UAAM,aAAa,OAAO,KAAK,aAAa,OAAO;AACnD,UAAM,QAAQ,kBAAkB,YAAY,MAAM;AAClD,QAAI,QAAQ,MAAM,QAAQ;AACxB,aAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AACA,WAAO;AAAA,EACT,GAAG,CAAC,qBAAqB,iBAAiB,CAAC;AAC3C,YAAU,MAAM;AACd,UAAM,YAAY,aAAa;AAC/B,QAAI,CAAC,WAAW;AACd;AAAA,IACF;AACA,aAAS,cAAc,OAAO;AAC5B,UAAI,WAAW;AACb,kBAAU,KAAK;AAAA,MACjB;AACA,YAAM,SAAS,cAAc,KAAK;AAGlC,UAAI,WAAW,UAAa,sBAAsB;AAEhD,cAAM,yBAAyB;AAM/B,cAAM,aAAa,MAAM,QAAQ,aAAa,MAAM;AACpD,cAAM,wBAAwB,CAAC,CAAC,cAAc,gBAAgB,SAAS,UAAU;AACjF,YAAI,uBAAuB;AACzB,gBAAM,eAAe;AAAA,QACvB;AAAA,MACF;AACA,UAAI,CAAC,QAAQ;AACX;AAAA,MACF;AACA,YAAM,gBAAgB,MAAM,QAAQ,eAAe;AACnD,UAAI,CAAC,eAAe;AAClB;AAAA,MACF;AACA,YAAM,UAAU,oBAAoB,aAAa;AACjD,UAAI,CAAC,SAAS;AACZ;AAAA,MACF;AACA,YAAM;AAAA,QACJ;AAAA,QACA;AAAA,MACF,IAAI;AACJ,YAAM,YAAY,QAAQ,WAAW,OAAO,WAAW,QAAQ,MAAM,IAAI,QAAQ;AACjF,UAAI,aAAa,KAAK,YAAY,WAAW,QAAQ;AACnD,mBAAW,SAAS,EAAE,MAAM;AAC5B,mBAAW,WAAW,WAAW,SAAS,CAAC;AAI3C,YAAI,MAAM,SAAS,OAAO;AACxB,gBAAM,eAAe;AAAA,QACvB;AAAA,MACF;AAAA,IACF;AAOA,cAAU,iBAAiB,WAAW,aAAa;AACnD,WAAO,MAAM;AACX,gBAAU,oBAAoB,WAAW,aAAa;AAAA,IACxD;AAAA,EACF,GAAG,CAAC,WAAW,eAAe,sBAAsB,OAAO,YAAY,mBAAmB,CAAC;AAC3F,QAAM,YAAY,aAAa,CAAC,cAAc,GAAG,CAAC;AAClD,SAAoB,qBAAK,OAAO;AAAA,IAC9B,KAAK;AAAA,IACL,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AACH;AACA,IAAM,qBAAqB,WAAW,6BAA6B;AACnE,mBAAmB,cAAc;AACjC,IAAO,oBAAQ;",
+  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef, useRef, useEffect } from '@wordpress/element';\nimport { useMergeRefs } from '@wordpress/compose';\nimport { focus } from '@wordpress/dom';\n\n/**\n * Internal dependencies\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst noop = () => {};\nconst MENU_ITEM_ROLES = ['menuitem', 'menuitemradio', 'menuitemcheckbox'];\nfunction cycleValue(value, total, offset) {\n  const nextValue = value + offset;\n  if (nextValue < 0) {\n    return total + nextValue;\n  } else if (nextValue >= total) {\n    return nextValue - total;\n  }\n  return nextValue;\n}\nfunction getFocusableContext(container, target, tabbableOnly) {\n  const finder = tabbableOnly ? focus.tabbable : focus.focusable;\n  const focusables = finder.find(container);\n  const index = focusables.indexOf(target);\n  if (index > -1) {\n    return {\n      index,\n      target,\n      focusables\n    };\n  }\n  return null;\n}\nfunction UnforwardedNavigableContainer({\n  children,\n  stopNavigationEvents,\n  eventToOffset,\n  onNavigate = noop,\n  onKeyDown,\n  cycle = true,\n  onlyBrowserTabstops,\n  ...restProps\n}, ref) {\n  const containerRef = useRef(null);\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) {\n      return;\n    }\n    function handleKeyDown(event) {\n      if (onKeyDown) {\n        onKeyDown(event);\n      }\n      const offset = eventToOffset(event);\n\n      // eventToOffset returns undefined if the event is not handled by the component.\n      if (offset !== undefined && stopNavigationEvents) {\n        // Prevents arrow key handlers bound to the document directly interfering.\n        event.stopImmediatePropagation();\n\n        // When navigating a collection of items, prevent scroll containers\n        // from scrolling. The preventDefault also prevents Voiceover from\n        // 'handling' the event, as voiceover will try to use arrow keys\n        // for highlighting text.\n        const targetRole = event.target?.getAttribute('role');\n        const targetHasMenuItemRole = !!targetRole && MENU_ITEM_ROLES.includes(targetRole);\n        if (targetHasMenuItemRole) {\n          event.preventDefault();\n        }\n      }\n      if (!offset) {\n        return;\n      }\n      const activeElement = event.target?.ownerDocument?.activeElement;\n      if (!activeElement) {\n        return;\n      }\n      const context = getFocusableContext(container, activeElement, !!onlyBrowserTabstops);\n      if (!context) {\n        return;\n      }\n      const {\n        index,\n        focusables\n      } = context;\n      const nextIndex = cycle ? cycleValue(index, focusables.length, offset) : index + offset;\n      if (nextIndex >= 0 && nextIndex < focusables.length) {\n        focusables[nextIndex].focus();\n        onNavigate(nextIndex, focusables[nextIndex]);\n\n        // `preventDefault()` on tab to avoid having the browser move the focus\n        // after this component has already moved it.\n        if (event.code === 'Tab') {\n          event.preventDefault();\n        }\n      }\n    }\n\n    // We use DOM event listeners instead of React event listeners\n    // because we want to catch events from the underlying DOM tree.\n    // The React Tree can be different from the DOM tree when using\n    // portals. Block Toolbars for instance are rendered in a separate\n    // React Trees.\n    container.addEventListener('keydown', handleKeyDown);\n    return () => {\n      container.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [onKeyDown, eventToOffset, stopNavigationEvents, cycle, onNavigate, onlyBrowserTabstops]);\n  const mergedRef = useMergeRefs([containerRef, ref]);\n  return /*#__PURE__*/_jsx(\"div\", {\n    ref: mergedRef,\n    ...restProps,\n    children: children\n  });\n}\nconst NavigableContainer = forwardRef(UnforwardedNavigableContainer);\nNavigableContainer.displayName = 'NavigableContainer';\nexport default NavigableContainer;"],
+  "mappings": ";AAOA,SAAS,YAAY,QAAQ,iBAAiB;AAC9C,SAAS,oBAAoB;AAC7B,SAAS,aAAa;AAKtB,SAAS,OAAO,YAAY;AAC5B,IAAM,OAAO,MAAM;AAAC;AACpB,IAAM,kBAAkB,CAAC,YAAY,iBAAiB,kBAAkB;AACxE,SAAS,WAAW,OAAO,OAAO,QAAQ;AACxC,QAAM,YAAY,QAAQ;AAC1B,MAAI,YAAY,GAAG;AACjB,WAAO,QAAQ;AAAA,EACjB,WAAW,aAAa,OAAO;AAC7B,WAAO,YAAY;AAAA,EACrB;AACA,SAAO;AACT;AACA,SAAS,oBAAoB,WAAW,QAAQ,cAAc;AAC5D,QAAM,SAAS,eAAe,MAAM,WAAW,MAAM;AACrD,QAAM,aAAa,OAAO,KAAK,SAAS;AACxC,QAAM,QAAQ,WAAW,QAAQ,MAAM;AACvC,MAAI,QAAQ,IAAI;AACd,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AACA,SAAS,8BAA8B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,GAAG,KAAK;AACN,QAAM,eAAe,OAAO,IAAI;AAChC,YAAU,MAAM;AACd,UAAM,YAAY,aAAa;AAC/B,QAAI,CAAC,WAAW;AACd;AAAA,IACF;AACA,aAAS,cAAc,OAAO;AAC5B,UAAI,WAAW;AACb,kBAAU,KAAK;AAAA,MACjB;AACA,YAAM,SAAS,cAAc,KAAK;AAGlC,UAAI,WAAW,UAAa,sBAAsB;AAEhD,cAAM,yBAAyB;AAM/B,cAAM,aAAa,MAAM,QAAQ,aAAa,MAAM;AACpD,cAAM,wBAAwB,CAAC,CAAC,cAAc,gBAAgB,SAAS,UAAU;AACjF,YAAI,uBAAuB;AACzB,gBAAM,eAAe;AAAA,QACvB;AAAA,MACF;AACA,UAAI,CAAC,QAAQ;AACX;AAAA,MACF;AACA,YAAM,gBAAgB,MAAM,QAAQ,eAAe;AACnD,UAAI,CAAC,eAAe;AAClB;AAAA,MACF;AACA,YAAM,UAAU,oBAAoB,WAAW,eAAe,CAAC,CAAC,mBAAmB;AACnF,UAAI,CAAC,SAAS;AACZ;AAAA,MACF;AACA,YAAM;AAAA,QACJ;AAAA,QACA;AAAA,MACF,IAAI;AACJ,YAAM,YAAY,QAAQ,WAAW,OAAO,WAAW,QAAQ,MAAM,IAAI,QAAQ;AACjF,UAAI,aAAa,KAAK,YAAY,WAAW,QAAQ;AACnD,mBAAW,SAAS,EAAE,MAAM;AAC5B,mBAAW,WAAW,WAAW,SAAS,CAAC;AAI3C,YAAI,MAAM,SAAS,OAAO;AACxB,gBAAM,eAAe;AAAA,QACvB;AAAA,MACF;AAAA,IACF;AAOA,cAAU,iBAAiB,WAAW,aAAa;AACnD,WAAO,MAAM;AACX,gBAAU,oBAAoB,WAAW,aAAa;AAAA,IACxD;AAAA,EACF,GAAG,CAAC,WAAW,eAAe,sBAAsB,OAAO,YAAY,mBAAmB,CAAC;AAC3F,QAAM,YAAY,aAAa,CAAC,cAAc,GAAG,CAAC;AAClD,SAAoB,qBAAK,OAAO;AAAA,IAC9B,KAAK;AAAA,IACL,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AACH;AACA,IAAM,qBAAqB,WAAW,6BAA6B;AACnE,mBAAmB,cAAc;AACjC,IAAO,oBAAQ;",
   "names": []
 }

package/build-module/responsive-wrapper/index.mjs

@@ -16,14 +16,13 @@ function ResponsiveWrapper({
   if (naturalWidth && naturalHeight) {
     aspectRatio = `${naturalWidth} / ${naturalHeight}`;
   }
-  const ch = children;
   return /* @__PURE__ */ _jsx(TagName, {
     className: "components-responsive-wrapper",
     children: /* @__PURE__ */ _jsx("div", {
-      children: cloneElement(ch, {
-        className: clsx("components-responsive-wrapper__content", ch.props.className),
+      children: cloneElement(children, {
+        className: clsx("components-responsive-wrapper__content", children.props.className),
         style: {
-          ...ch.props.style,
+          ...children.props.style,
           aspectRatio
         }
       })

package/build-module/responsive-wrapper/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/responsive-wrapper/index.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { cloneElement, Children } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * A wrapper component that maintains its aspect ratio when resized.\n *\n * ```jsx\n * import { ResponsiveWrapper } from '@wordpress/components';\n *\n * const MyResponsiveWrapper = () => (\n * \t<ResponsiveWrapper naturalWidth={ 2000 } naturalHeight={ 680 }>\n * \t\t<img\n * \t\t\tsrc=\"https://s.w.org/style/images/about/WordPress-logotype-standard.png\"\n * \t\t\talt=\"WordPress\"\n * \t\t/>\n * \t</ResponsiveWrapper>\n * );\n * ```\n */\nfunction ResponsiveWrapper({\n  naturalWidth,\n  naturalHeight,\n  children,\n  isInline = false\n}) {\n  if (Children.count(children) !== 1) {\n    return null;\n  }\n  const TagName = isInline ? 'span' : 'div';\n  let aspectRatio;\n  if (naturalWidth && naturalHeight) {\n    aspectRatio = `${naturalWidth} / ${naturalHeight}`;\n  }\n  const ch = children;\n  return /*#__PURE__*/_jsx(TagName, {\n    className: \"components-responsive-wrapper\",\n    children: /*#__PURE__*/_jsx(\"div\", {\n      children: cloneElement(ch, {\n        className: clsx('components-responsive-wrapper__content', ch.props.className),\n        style: {\n          ...ch.props.style,\n          aspectRatio\n        }\n      })\n    })\n  });\n}\nexport default ResponsiveWrapper;"],
-  "mappings": ";AAGA,OAAO,UAAU;AAKjB,SAAS,cAAc,gBAAgB;AAKvC,SAAS,OAAO,YAAY;AAiB5B,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AACb,GAAG;AACD,MAAI,SAAS,MAAM,QAAQ,MAAM,GAAG;AAClC,WAAO;AAAA,EACT;AACA,QAAM,UAAU,WAAW,SAAS;AACpC,MAAI;AACJ,MAAI,gBAAgB,eAAe;AACjC,kBAAc,GAAG,YAAY,MAAM,aAAa;AAAA,EAClD;AACA,QAAM,KAAK;AACX,SAAoB,qBAAK,SAAS;AAAA,IAChC,WAAW;AAAA,IACX,UAAuB,qBAAK,OAAO;AAAA,MACjC,UAAU,aAAa,IAAI;AAAA,QACzB,WAAW,KAAK,0CAA0C,GAAG,MAAM,SAAS;AAAA,QAC5E,OAAO;AAAA,UACL,GAAG,GAAG,MAAM;AAAA,UACZ;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,6BAAQ;",
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { cloneElement, Children } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * A wrapper component that maintains its aspect ratio when resized.\n *\n * ```jsx\n * import { ResponsiveWrapper } from '@wordpress/components';\n *\n * const MyResponsiveWrapper = () => (\n * \t<ResponsiveWrapper naturalWidth={ 2000 } naturalHeight={ 680 }>\n * \t\t<img\n * \t\t\tsrc=\"https://s.w.org/style/images/about/WordPress-logotype-standard.png\"\n * \t\t\talt=\"WordPress\"\n * \t\t/>\n * \t</ResponsiveWrapper>\n * );\n * ```\n */\nfunction ResponsiveWrapper({\n  naturalWidth,\n  naturalHeight,\n  children,\n  isInline = false\n}) {\n  if (Children.count(children) !== 1) {\n    return null;\n  }\n  const TagName = isInline ? 'span' : 'div';\n  let aspectRatio;\n  if (naturalWidth && naturalHeight) {\n    aspectRatio = `${naturalWidth} / ${naturalHeight}`;\n  }\n  return /*#__PURE__*/_jsx(TagName, {\n    className: \"components-responsive-wrapper\",\n    children: /*#__PURE__*/_jsx(\"div\", {\n      children: cloneElement(children, {\n        className: clsx('components-responsive-wrapper__content', children.props.className),\n        style: {\n          ...children.props.style,\n          aspectRatio\n        }\n      })\n    })\n  });\n}\nexport default ResponsiveWrapper;"],
+  "mappings": ";AAGA,OAAO,UAAU;AAKjB,SAAS,cAAc,gBAAgB;AAKvC,SAAS,OAAO,YAAY;AAiB5B,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AACb,GAAG;AACD,MAAI,SAAS,MAAM,QAAQ,MAAM,GAAG;AAClC,WAAO;AAAA,EACT;AACA,QAAM,UAAU,WAAW,SAAS;AACpC,MAAI;AACJ,MAAI,gBAAgB,eAAe;AACjC,kBAAc,GAAG,YAAY,MAAM,aAAa;AAAA,EAClD;AACA,SAAoB,qBAAK,SAAS;AAAA,IAChC,WAAW;AAAA,IACX,UAAuB,qBAAK,OAAO;AAAA,MACjC,UAAU,aAAa,UAAU;AAAA,QAC/B,WAAW,KAAK,0CAA0C,SAAS,MAAM,SAAS;AAAA,QAClF,OAAO;AAAA,UACL,GAAG,SAAS,MAAM;AAAA,UAClB;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,6BAAQ;",
   "names": []
 }

package/build-module/tooltip/index.mjs

@@ -57,8 +57,7 @@ function UnforwardedTooltip(props, ref) {
       render: children
     }) : children;
   }
-  function addDescribedById(el) {
-    const element = el;
+  function addDescribedById(element) {
     return describedById && mounted && element.props["aria-describedby"] === void 0 && element.props["aria-label"] !== text ? cloneElement(element, {
       "aria-describedby": describedById
     }) : element;

package/build-module/tooltip/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/tooltip/index.tsx"],
-  "sourcesContent": ["import * as Ariakit from '@ariakit/react';\nimport clsx from 'clsx';\nimport { useInstanceId } from '@wordpress/compose';\nimport { Children, useContext, forwardRef, cloneElement } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\nimport Shortcut from '../shortcut';\nimport { positionToPlacement } from '../popover/utils';\nimport { TooltipInternalContext } from './context';\n\n/**\n * Time over anchor to wait before showing tooltip\n */\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport const TOOLTIP_DELAY = 700;\nconst CONTEXT_VALUE = {\n  isNestedInTooltip: true\n};\nfunction UnforwardedTooltip(props, ref) {\n  const {\n    children,\n    className,\n    delay = TOOLTIP_DELAY,\n    hideOnClick = true,\n    placement,\n    position,\n    shortcut,\n    text,\n    ...restProps\n  } = props;\n  const {\n    isNestedInTooltip\n  } = useContext(TooltipInternalContext);\n  const baseId = useInstanceId(Tooltip, 'tooltip');\n  const describedById = text || shortcut ? baseId : undefined;\n  const isOnlyChild = Children.count(children) === 1;\n  // console error if more than one child element is added\n  if (!isOnlyChild) {\n    if ('development' === process.env.NODE_ENV) {\n      // eslint-disable-next-line no-console\n      console.error('wp-components.Tooltip should be called with only a single child element.');\n    }\n  }\n\n  // Compute tooltip's placement:\n  // - give priority to `placement` prop, if defined\n  // - otherwise, compute it from the legacy `position` prop (if defined)\n  // - finally, fallback to the default placement: 'top'\n  let computedPlacement;\n  if (placement !== undefined) {\n    computedPlacement = placement;\n  } else if (position !== undefined) {\n    computedPlacement = positionToPlacement(position);\n    deprecated('`position` prop in wp.components.tooltip', {\n      since: '6.4',\n      alternative: '`placement` prop'\n    });\n  }\n  computedPlacement = computedPlacement || 'top';\n  const tooltipStore = Ariakit.useTooltipStore({\n    placement: computedPlacement,\n    showTimeout: delay\n  });\n  const mounted = Ariakit.useStoreState(tooltipStore, 'mounted');\n  if (isNestedInTooltip) {\n    return isOnlyChild ? /*#__PURE__*/_jsx(Ariakit.Role, {\n      ...restProps,\n      render: children\n    }) : children;\n  }\n\n  // TODO: this is a temporary workaround to minimize the effects of the\n  // Ariakit upgrade. Ariakit doesn't pass the `aria-describedby` prop to\n  // the tooltip anchor anymore since 0.4.0, so we need to add it manually.\n  // The `aria-describedby` attribute is added only if the anchor doesn't have\n  // one already, and if the tooltip text is not the same as the anchor's\n  // `aria-label`\n  // See: https://github.com/WordPress/gutenberg/pull/64066\n  // See: https://github.com/WordPress/gutenberg/pull/65989\n  function addDescribedById(el) {\n    const element = el;\n    return describedById && mounted && element.props['aria-describedby'] === undefined && element.props['aria-label'] !== text ? cloneElement(element, {\n      'aria-describedby': describedById\n    }) : element;\n  }\n  return /*#__PURE__*/_jsxs(TooltipInternalContext.Provider, {\n    value: CONTEXT_VALUE,\n    children: [/*#__PURE__*/_jsx(Ariakit.TooltipAnchor, {\n      onClick: hideOnClick ? tooltipStore.hide : undefined,\n      store: tooltipStore,\n      render: isOnlyChild ? addDescribedById(children) : undefined,\n      ref: ref,\n      children: isOnlyChild ? undefined : children\n    }), isOnlyChild && (text || shortcut) && /*#__PURE__*/_jsxs(Ariakit.Tooltip, {\n      ...restProps,\n      className: clsx('components-tooltip', className),\n      unmountOnHide: true,\n      gutter: 4,\n      id: describedById,\n      overflowPadding: 0.5,\n      store: tooltipStore,\n      children: [text, shortcut && /*#__PURE__*/_jsx(Shortcut, {\n        className: text ? 'components-tooltip__shortcut' : '',\n        shortcut: shortcut\n      })]\n    })]\n  });\n}\nexport const Tooltip = forwardRef(UnforwardedTooltip);\nexport default Tooltip;"],
-  "mappings": ";AAAA,YAAY,aAAa;AACzB,OAAO,UAAU;AACjB,SAAS,qBAAqB;AAC9B,SAAS,UAAU,YAAY,YAAY,oBAAoB;AAC/D,OAAO,gBAAgB;AACvB,OAAO,cAAc;AACrB,SAAS,2BAA2B;AACpC,SAAS,8BAA8B;AAKvC,SAAS,OAAO,MAAM,QAAQ,aAAa;AACpC,IAAM,gBAAgB;AAC7B,IAAM,gBAAgB;AAAA,EACpB,mBAAmB;AACrB;AACA,SAAS,mBAAmB,OAAO,KAAK;AACtC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM;AAAA,IACJ;AAAA,EACF,IAAI,WAAW,sBAAsB;AACrC,QAAM,SAAS,cAAcA,UAAS,SAAS;AAC/C,QAAM,gBAAgB,QAAQ,WAAW,SAAS;AAClD,QAAM,cAAc,SAAS,MAAM,QAAQ,MAAM;AAEjD,MAAI,CAAC,aAAa;AAChB,QAAI,kBAAkB,QAAQ,IAAI,UAAU;AAE1C,cAAQ,MAAM,0EAA0E;AAAA,IAC1F;AAAA,EACF;AAMA,MAAI;AACJ,MAAI,cAAc,QAAW;AAC3B,wBAAoB;AAAA,EACtB,WAAW,aAAa,QAAW;AACjC,wBAAoB,oBAAoB,QAAQ;AAChD,eAAW,4CAA4C;AAAA,MACrD,OAAO;AAAA,MACP,aAAa;AAAA,IACf,CAAC;AAAA,EACH;AACA,sBAAoB,qBAAqB;AACzC,QAAM,eAAuB,wBAAgB;AAAA,IAC3C,WAAW;AAAA,IACX,aAAa;AAAA,EACf,CAAC;AACD,QAAM,UAAkB,sBAAc,cAAc,SAAS;AAC7D,MAAI,mBAAmB;AACrB,WAAO,cAA2B,qBAAa,cAAM;AAAA,MACnD,GAAG;AAAA,MACH,QAAQ;AAAA,IACV,CAAC,IAAI;AAAA,EACP;AAUA,WAAS,iBAAiB,IAAI;AAC5B,UAAM,UAAU;AAChB,WAAO,iBAAiB,WAAW,QAAQ,MAAM,kBAAkB,MAAM,UAAa,QAAQ,MAAM,YAAY,MAAM,OAAO,aAAa,SAAS;AAAA,MACjJ,oBAAoB;AAAA,IACtB,CAAC,IAAI;AAAA,EACP;AACA,SAAoB,sBAAM,uBAAuB,UAAU;AAAA,IACzD,OAAO;AAAA,IACP,UAAU,CAAc,qBAAa,uBAAe;AAAA,MAClD,SAAS,cAAc,aAAa,OAAO;AAAA,MAC3C,OAAO;AAAA,MACP,QAAQ,cAAc,iBAAiB,QAAQ,IAAI;AAAA,MACnD;AAAA,MACA,UAAU,cAAc,SAAY;AAAA,IACtC,CAAC,GAAG,gBAAgB,QAAQ,aAA0B,sBAAc,iBAAS;AAAA,MAC3E,GAAG;AAAA,MACH,WAAW,KAAK,sBAAsB,SAAS;AAAA,MAC/C,eAAe;AAAA,MACf,QAAQ;AAAA,MACR,IAAI;AAAA,MACJ,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,UAAU,CAAC,MAAM,YAAyB,qBAAK,UAAU;AAAA,QACvD,WAAW,OAAO,iCAAiC;AAAA,QACnD;AAAA,MACF,CAAC,CAAC;AAAA,IACJ,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;AACO,IAAMA,WAAU,WAAW,kBAAkB;AACpD,IAAO,kBAAQA;",
+  "sourcesContent": ["import * as Ariakit from '@ariakit/react';\nimport clsx from 'clsx';\nimport { useInstanceId } from '@wordpress/compose';\nimport { Children, useContext, forwardRef, cloneElement } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\nimport Shortcut from '../shortcut';\nimport { positionToPlacement } from '../popover/utils';\nimport { TooltipInternalContext } from './context';\n\n/**\n * Time over anchor to wait before showing tooltip\n */\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport const TOOLTIP_DELAY = 700;\nconst CONTEXT_VALUE = {\n  isNestedInTooltip: true\n};\nfunction UnforwardedTooltip(props, ref) {\n  const {\n    children,\n    className,\n    delay = TOOLTIP_DELAY,\n    hideOnClick = true,\n    placement,\n    position,\n    shortcut,\n    text,\n    ...restProps\n  } = props;\n  const {\n    isNestedInTooltip\n  } = useContext(TooltipInternalContext);\n  const baseId = useInstanceId(Tooltip, 'tooltip');\n  const describedById = text || shortcut ? baseId : undefined;\n  const isOnlyChild = Children.count(children) === 1;\n  // console error if more than one child element is added\n  if (!isOnlyChild) {\n    if ('development' === process.env.NODE_ENV) {\n      // eslint-disable-next-line no-console\n      console.error('wp-components.Tooltip should be called with only a single child element.');\n    }\n  }\n\n  // Compute tooltip's placement:\n  // - give priority to `placement` prop, if defined\n  // - otherwise, compute it from the legacy `position` prop (if defined)\n  // - finally, fallback to the default placement: 'top'\n  let computedPlacement;\n  if (placement !== undefined) {\n    computedPlacement = placement;\n  } else if (position !== undefined) {\n    computedPlacement = positionToPlacement(position);\n    deprecated('`position` prop in wp.components.tooltip', {\n      since: '6.4',\n      alternative: '`placement` prop'\n    });\n  }\n  computedPlacement = computedPlacement || 'top';\n  const tooltipStore = Ariakit.useTooltipStore({\n    placement: computedPlacement,\n    showTimeout: delay\n  });\n  const mounted = Ariakit.useStoreState(tooltipStore, 'mounted');\n  if (isNestedInTooltip) {\n    return isOnlyChild ? /*#__PURE__*/_jsx(Ariakit.Role, {\n      ...restProps,\n      render: children\n    }) : children;\n  }\n\n  // TODO: this is a temporary workaround to minimize the effects of the\n  // Ariakit upgrade. Ariakit doesn't pass the `aria-describedby` prop to\n  // the tooltip anchor anymore since 0.4.0, so we need to add it manually.\n  // The `aria-describedby` attribute is added only if the anchor doesn't have\n  // one already, and if the tooltip text is not the same as the anchor's\n  // `aria-label`\n  // See: https://github.com/WordPress/gutenberg/pull/64066\n  // See: https://github.com/WordPress/gutenberg/pull/65989\n  function addDescribedById(element) {\n    return describedById && mounted && element.props['aria-describedby'] === undefined && element.props['aria-label'] !== text ? cloneElement(element, {\n      'aria-describedby': describedById\n    }) : element;\n  }\n  return /*#__PURE__*/_jsxs(TooltipInternalContext.Provider, {\n    value: CONTEXT_VALUE,\n    children: [/*#__PURE__*/_jsx(Ariakit.TooltipAnchor, {\n      onClick: hideOnClick ? tooltipStore.hide : undefined,\n      store: tooltipStore,\n      render: isOnlyChild ? addDescribedById(children) : undefined,\n      ref: ref,\n      children: isOnlyChild ? undefined : children\n    }), isOnlyChild && (text || shortcut) && /*#__PURE__*/_jsxs(Ariakit.Tooltip, {\n      ...restProps,\n      className: clsx('components-tooltip', className),\n      unmountOnHide: true,\n      gutter: 4,\n      id: describedById,\n      overflowPadding: 0.5,\n      store: tooltipStore,\n      children: [text, shortcut && /*#__PURE__*/_jsx(Shortcut, {\n        className: text ? 'components-tooltip__shortcut' : '',\n        shortcut: shortcut\n      })]\n    })]\n  });\n}\nexport const Tooltip = forwardRef(UnforwardedTooltip);\nexport default Tooltip;"],
+  "mappings": ";AAAA,YAAY,aAAa;AACzB,OAAO,UAAU;AACjB,SAAS,qBAAqB;AAC9B,SAAS,UAAU,YAAY,YAAY,oBAAoB;AAC/D,OAAO,gBAAgB;AACvB,OAAO,cAAc;AACrB,SAAS,2BAA2B;AACpC,SAAS,8BAA8B;AAKvC,SAAS,OAAO,MAAM,QAAQ,aAAa;AACpC,IAAM,gBAAgB;AAC7B,IAAM,gBAAgB;AAAA,EACpB,mBAAmB;AACrB;AACA,SAAS,mBAAmB,OAAO,KAAK;AACtC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM;AAAA,IACJ;AAAA,EACF,IAAI,WAAW,sBAAsB;AACrC,QAAM,SAAS,cAAcA,UAAS,SAAS;AAC/C,QAAM,gBAAgB,QAAQ,WAAW,SAAS;AAClD,QAAM,cAAc,SAAS,MAAM,QAAQ,MAAM;AAEjD,MAAI,CAAC,aAAa;AAChB,QAAI,kBAAkB,QAAQ,IAAI,UAAU;AAE1C,cAAQ,MAAM,0EAA0E;AAAA,IAC1F;AAAA,EACF;AAMA,MAAI;AACJ,MAAI,cAAc,QAAW;AAC3B,wBAAoB;AAAA,EACtB,WAAW,aAAa,QAAW;AACjC,wBAAoB,oBAAoB,QAAQ;AAChD,eAAW,4CAA4C;AAAA,MACrD,OAAO;AAAA,MACP,aAAa;AAAA,IACf,CAAC;AAAA,EACH;AACA,sBAAoB,qBAAqB;AACzC,QAAM,eAAuB,wBAAgB;AAAA,IAC3C,WAAW;AAAA,IACX,aAAa;AAAA,EACf,CAAC;AACD,QAAM,UAAkB,sBAAc,cAAc,SAAS;AAC7D,MAAI,mBAAmB;AACrB,WAAO,cAA2B,qBAAa,cAAM;AAAA,MACnD,GAAG;AAAA,MACH,QAAQ;AAAA,IACV,CAAC,IAAI;AAAA,EACP;AAUA,WAAS,iBAAiB,SAAS;AACjC,WAAO,iBAAiB,WAAW,QAAQ,MAAM,kBAAkB,MAAM,UAAa,QAAQ,MAAM,YAAY,MAAM,OAAO,aAAa,SAAS;AAAA,MACjJ,oBAAoB;AAAA,IACtB,CAAC,IAAI;AAAA,EACP;AACA,SAAoB,sBAAM,uBAAuB,UAAU;AAAA,IACzD,OAAO;AAAA,IACP,UAAU,CAAc,qBAAa,uBAAe;AAAA,MAClD,SAAS,cAAc,aAAa,OAAO;AAAA,MAC3C,OAAO;AAAA,MACP,QAAQ,cAAc,iBAAiB,QAAQ,IAAI;AAAA,MACnD;AAAA,MACA,UAAU,cAAc,SAAY;AAAA,IACtC,CAAC,GAAG,gBAAgB,QAAQ,aAA0B,sBAAc,iBAAS;AAAA,MAC3E,GAAG;AAAA,MACH,WAAW,KAAK,sBAAsB,SAAS;AAAA,MAC/C,eAAe;AAAA,MACf,QAAQ;AAAA,MACR,IAAI;AAAA,MACJ,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,UAAU,CAAC,MAAM,YAAyB,qBAAK,UAAU;AAAA,QACvD,WAAW,OAAO,iCAAiC;AAAA,QACnD;AAAA,MACF,CAAC,CAAC;AAAA,IACJ,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;AACO,IAAMA,WAAU,WAAW,kBAAkB;AACpD,IAAO,kBAAQA;",
   "names": ["Tooltip"]
 }

package/build-module/unit-control/utils.mjs

@@ -1,203 +1,201 @@
 // packages/components/src/unit-control/utils.ts
 import { __, _x } from "@wordpress/i18n";
-import { Platform } from "@wordpress/element";
-var isWeb = Platform.OS === "web";
 var allUnits = {
   px: {
     value: "px",
-    label: isWeb ? "px" : __("Pixels (px)"),
+    label: "px",
     a11yLabel: __("Pixels (px)"),
     step: 1
   },
   "%": {
     value: "%",
-    label: isWeb ? "%" : __("Percentage (%)"),
+    label: "%",
     a11yLabel: __("Percent (%)"),
     step: 0.1
   },
   em: {
     value: "em",
-    label: isWeb ? "em" : __("Relative to parent font size (em)"),
+    label: "em",
     a11yLabel: _x("ems", "Relative to parent font size (em)"),
     step: 0.01
   },
   rem: {
     value: "rem",
-    label: isWeb ? "rem" : __("Relative to root font size (rem)"),
+    label: "rem",
     a11yLabel: _x("rems", "Relative to root font size (rem)"),
     step: 0.01
   },
   vw: {
     value: "vw",
-    label: isWeb ? "vw" : __("Viewport width (vw)"),
+    label: "vw",
     a11yLabel: __("Viewport width (vw)"),
     step: 0.1
   },
   vh: {
     value: "vh",
-    label: isWeb ? "vh" : __("Viewport height (vh)"),
+    label: "vh",
     a11yLabel: __("Viewport height (vh)"),
     step: 0.1
   },
   vmin: {
     value: "vmin",
-    label: isWeb ? "vmin" : __("Viewport smallest dimension (vmin)"),
+    label: "vmin",
     a11yLabel: __("Viewport smallest dimension (vmin)"),
     step: 0.1
   },
   vmax: {
     value: "vmax",
-    label: isWeb ? "vmax" : __("Viewport largest dimension (vmax)"),
+    label: "vmax",
     a11yLabel: __("Viewport largest dimension (vmax)"),
     step: 0.1
   },
   ch: {
     value: "ch",
-    label: isWeb ? "ch" : __("Width of the zero (0) character (ch)"),
+    label: "ch",
     a11yLabel: __("Width of the zero (0) character (ch)"),
     step: 0.01
   },
   ex: {
     value: "ex",
-    label: isWeb ? "ex" : __("x-height of the font (ex)"),
+    label: "ex",
     a11yLabel: __("x-height of the font (ex)"),
     step: 0.01
   },
   cm: {
     value: "cm",
-    label: isWeb ? "cm" : __("Centimeters (cm)"),
+    label: "cm",
     a11yLabel: __("Centimeters (cm)"),
     step: 1e-3
   },
   mm: {
     value: "mm",
-    label: isWeb ? "mm" : __("Millimeters (mm)"),
+    label: "mm",
     a11yLabel: __("Millimeters (mm)"),
     step: 0.1
   },
   in: {
     value: "in",
-    label: isWeb ? "in" : __("Inches (in)"),
+    label: "in",
     a11yLabel: __("Inches (in)"),
     step: 1e-3
   },
   pc: {
     value: "pc",
-    label: isWeb ? "pc" : __("Picas (pc)"),
+    label: "pc",
     a11yLabel: __("Picas (pc)"),
     step: 1
   },
   pt: {
     value: "pt",
-    label: isWeb ? "pt" : __("Points (pt)"),
+    label: "pt",
     a11yLabel: __("Points (pt)"),
     step: 1
   },
   svw: {
     value: "svw",
-    label: isWeb ? "svw" : __("Small viewport width (svw)"),
+    label: "svw",
     a11yLabel: __("Small viewport width (svw)"),
     step: 0.1
   },
   svh: {
     value: "svh",
-    label: isWeb ? "svh" : __("Small viewport height (svh)"),
+    label: "svh",
     a11yLabel: __("Small viewport height (svh)"),
     step: 0.1
   },
   svi: {
     value: "svi",
-    label: isWeb ? "svi" : __("Viewport smallest size in the inline direction (svi)"),
+    label: "svi",
     a11yLabel: __("Small viewport width or height (svi)"),
     step: 0.1
   },
   svb: {
     value: "svb",
-    label: isWeb ? "svb" : __("Viewport smallest size in the block direction (svb)"),
+    label: "svb",
     a11yLabel: __("Small viewport width or height (svb)"),
     step: 0.1
   },
   svmin: {
     value: "svmin",
-    label: isWeb ? "svmin" : __("Small viewport smallest dimension (svmin)"),
+    label: "svmin",
     a11yLabel: __("Small viewport smallest dimension (svmin)"),
     step: 0.1
   },
   lvw: {
     value: "lvw",
-    label: isWeb ? "lvw" : __("Large viewport width (lvw)"),
+    label: "lvw",
     a11yLabel: __("Large viewport width (lvw)"),
     step: 0.1
   },
   lvh: {
     value: "lvh",
-    label: isWeb ? "lvh" : __("Large viewport height (lvh)"),
+    label: "lvh",
     a11yLabel: __("Large viewport height (lvh)"),
     step: 0.1
   },
   lvi: {
     value: "lvi",
-    label: isWeb ? "lvi" : __("Large viewport width or height (lvi)"),
+    label: "lvi",
     a11yLabel: __("Large viewport width or height (lvi)"),
     step: 0.1
   },
   lvb: {
     value: "lvb",
-    label: isWeb ? "lvb" : __("Large viewport width or height (lvb)"),
+    label: "lvb",
     a11yLabel: __("Large viewport width or height (lvb)"),
     step: 0.1
   },
   lvmin: {
     value: "lvmin",
-    label: isWeb ? "lvmin" : __("Large viewport smallest dimension (lvmin)"),
+    label: "lvmin",
     a11yLabel: __("Large viewport smallest dimension (lvmin)"),
     step: 0.1
   },
   dvw: {
     value: "dvw",
-    label: isWeb ? "dvw" : __("Dynamic viewport width (dvw)"),
+    label: "dvw",
     a11yLabel: __("Dynamic viewport width (dvw)"),
     step: 0.1
   },
   dvh: {
     value: "dvh",
-    label: isWeb ? "dvh" : __("Dynamic viewport height (dvh)"),
+    label: "dvh",
     a11yLabel: __("Dynamic viewport height (dvh)"),
     step: 0.1
   },
   dvi: {
     value: "dvi",
-    label: isWeb ? "dvi" : __("Dynamic viewport width or height (dvi)"),
+    label: "dvi",
     a11yLabel: __("Dynamic viewport width or height (dvi)"),
     step: 0.1
   },
   dvb: {
     value: "dvb",
-    label: isWeb ? "dvb" : __("Dynamic viewport width or height (dvb)"),
+    label: "dvb",
     a11yLabel: __("Dynamic viewport width or height (dvb)"),
     step: 0.1
   },
   dvmin: {
     value: "dvmin",
-    label: isWeb ? "dvmin" : __("Dynamic viewport smallest dimension (dvmin)"),
+    label: "dvmin",
     a11yLabel: __("Dynamic viewport smallest dimension (dvmin)"),
     step: 0.1
   },
   dvmax: {
     value: "dvmax",
-    label: isWeb ? "dvmax" : __("Dynamic viewport largest dimension (dvmax)"),
+    label: "dvmax",
     a11yLabel: __("Dynamic viewport largest dimension (dvmax)"),
     step: 0.1
   },
   svmax: {
     value: "svmax",
-    label: isWeb ? "svmax" : __("Small viewport largest dimension (svmax)"),
+    label: "svmax",
     a11yLabel: __("Small viewport largest dimension (svmax)"),
     step: 0.1
   },
   lvmax: {
     value: "lvmax",
-    label: isWeb ? "lvmax" : __("Large viewport largest dimension (lvmax)"),
+    label: "lvmax",
     a11yLabel: __("Large viewport largest dimension (lvmax)"),
     step: 0.1
   }

package/build-module/unit-control/utils.mjs.map

@@ -1,7 +1,7 @@
 {
   "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 ?? ''}${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 ?? 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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",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\n\nconst allUnits = {\n  px: {\n    value: 'px',\n    label: 'px',\n    a11yLabel: __('Pixels (px)'),\n    step: 1\n  },\n  '%': {\n    value: '%',\n    label: '%',\n    a11yLabel: __('Percent (%)'),\n    step: 0.1\n  },\n  em: {\n    value: 'em',\n    label: 'em',\n    a11yLabel: _x('ems', 'Relative to parent font size (em)'),\n    step: 0.01\n  },\n  rem: {\n    value: 'rem',\n    label: 'rem',\n    a11yLabel: _x('rems', 'Relative to root font size (rem)'),\n    step: 0.01\n  },\n  vw: {\n    value: 'vw',\n    label: 'vw',\n    a11yLabel: __('Viewport width (vw)'),\n    step: 0.1\n  },\n  vh: {\n    value: 'vh',\n    label: 'vh',\n    a11yLabel: __('Viewport height (vh)'),\n    step: 0.1\n  },\n  vmin: {\n    value: 'vmin',\n    label: 'vmin',\n    a11yLabel: __('Viewport smallest dimension (vmin)'),\n    step: 0.1\n  },\n  vmax: {\n    value: 'vmax',\n    label: 'vmax',\n    a11yLabel: __('Viewport largest dimension (vmax)'),\n    step: 0.1\n  },\n  ch: {\n    value: 'ch',\n    label: 'ch',\n    a11yLabel: __('Width of the zero (0) character (ch)'),\n    step: 0.01\n  },\n  ex: {\n    value: 'ex',\n    label: 'ex',\n    a11yLabel: __('x-height of the font (ex)'),\n    step: 0.01\n  },\n  cm: {\n    value: 'cm',\n    label: 'cm',\n    a11yLabel: __('Centimeters (cm)'),\n    step: 0.001\n  },\n  mm: {\n    value: 'mm',\n    label: 'mm',\n    a11yLabel: __('Millimeters (mm)'),\n    step: 0.1\n  },\n  in: {\n    value: 'in',\n    label: 'in',\n    a11yLabel: __('Inches (in)'),\n    step: 0.001\n  },\n  pc: {\n    value: 'pc',\n    label: 'pc',\n    a11yLabel: __('Picas (pc)'),\n    step: 1\n  },\n  pt: {\n    value: 'pt',\n    label: 'pt',\n    a11yLabel: __('Points (pt)'),\n    step: 1\n  },\n  svw: {\n    value: 'svw',\n    label: 'svw',\n    a11yLabel: __('Small viewport width (svw)'),\n    step: 0.1\n  },\n  svh: {\n    value: 'svh',\n    label: 'svh',\n    a11yLabel: __('Small viewport height (svh)'),\n    step: 0.1\n  },\n  svi: {\n    value: 'svi',\n    label: 'svi',\n    a11yLabel: __('Small viewport width or height (svi)'),\n    step: 0.1\n  },\n  svb: {\n    value: 'svb',\n    label: 'svb',\n    a11yLabel: __('Small viewport width or height (svb)'),\n    step: 0.1\n  },\n  svmin: {\n    value: 'svmin',\n    label: 'svmin',\n    a11yLabel: __('Small viewport smallest dimension (svmin)'),\n    step: 0.1\n  },\n  lvw: {\n    value: 'lvw',\n    label: 'lvw',\n    a11yLabel: __('Large viewport width (lvw)'),\n    step: 0.1\n  },\n  lvh: {\n    value: 'lvh',\n    label: 'lvh',\n    a11yLabel: __('Large viewport height (lvh)'),\n    step: 0.1\n  },\n  lvi: {\n    value: 'lvi',\n    label: 'lvi',\n    a11yLabel: __('Large viewport width or height (lvi)'),\n    step: 0.1\n  },\n  lvb: {\n    value: 'lvb',\n    label: 'lvb',\n    a11yLabel: __('Large viewport width or height (lvb)'),\n    step: 0.1\n  },\n  lvmin: {\n    value: 'lvmin',\n    label: 'lvmin',\n    a11yLabel: __('Large viewport smallest dimension (lvmin)'),\n    step: 0.1\n  },\n  dvw: {\n    value: 'dvw',\n    label: 'dvw',\n    a11yLabel: __('Dynamic viewport width (dvw)'),\n    step: 0.1\n  },\n  dvh: {\n    value: 'dvh',\n    label: 'dvh',\n    a11yLabel: __('Dynamic viewport height (dvh)'),\n    step: 0.1\n  },\n  dvi: {\n    value: 'dvi',\n    label: 'dvi',\n    a11yLabel: __('Dynamic viewport width or height (dvi)'),\n    step: 0.1\n  },\n  dvb: {\n    value: 'dvb',\n    label: 'dvb',\n    a11yLabel: __('Dynamic viewport width or height (dvb)'),\n    step: 0.1\n  },\n  dvmin: {\n    value: 'dvmin',\n    label: 'dvmin',\n    a11yLabel: __('Dynamic viewport smallest dimension (dvmin)'),\n    step: 0.1\n  },\n  dvmax: {\n    value: 'dvmax',\n    label: 'dvmax',\n    a11yLabel: __('Dynamic viewport largest dimension (dvmax)'),\n    step: 0.1\n  },\n  svmax: {\n    value: 'svmax',\n    label: 'svmax',\n    a11yLabel: __('Small viewport largest dimension (svmax)'),\n    step: 0.1\n  },\n  lvmax: {\n    value: 'lvmax',\n    label: '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 ?? ''}${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 ?? 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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",
   "names": []
 }