@wordpress/components 37.0.1-next.v.202607070741.0 → 39.0.0

package/build-module/tools-panel/tools-panel-item/hook.mjs

@@ -1,10 +1,94 @@
 // packages/components/src/tools-panel/tools-panel-item/hook.ts
+import clsx from "clsx";
 import { usePrevious } from "@wordpress/compose";
-import { useCallback, useEffect, useLayoutEffect, useMemo } from "@wordpress/element";
-import * as styles from "../styles.mjs";
+import { useCallback, useEffect, useLayoutEffect } from "@wordpress/element";
+
+// packages/style-runtime/src/index.ts
+var STYLE_HASH_ATTRIBUTE = "data-wp-hash";
+function getRuntime() {
+  const globalScope = globalThis;
+  if (globalScope.__wpStyleRuntime) {
+    return globalScope.__wpStyleRuntime;
+  }
+  globalScope.__wpStyleRuntime = {
+    documents: /* @__PURE__ */ new Map(),
+    styles: /* @__PURE__ */ new Map(),
+    injectedStyles: /* @__PURE__ */ new WeakMap()
+  };
+  if (typeof document !== "undefined") {
+    registerDocument(document);
+  }
+  return globalScope.__wpStyleRuntime;
+}
+function documentContainsStyleHash(targetDocument, hash) {
+  if (!targetDocument.head) {
+    return false;
+  }
+  for (const style of targetDocument.head.querySelectorAll(`style[${STYLE_HASH_ATTRIBUTE}]`)) {
+    if (style.getAttribute(STYLE_HASH_ATTRIBUTE) === hash) {
+      return true;
+    }
+  }
+  return false;
+}
+function injectStyle(targetDocument, hash, css) {
+  if (!targetDocument.head) {
+    return;
+  }
+  const runtime = getRuntime();
+  let injectedStyles = runtime.injectedStyles.get(targetDocument);
+  if (!injectedStyles) {
+    injectedStyles = /* @__PURE__ */ new Set();
+    runtime.injectedStyles.set(targetDocument, injectedStyles);
+  }
+  if (injectedStyles.has(hash)) {
+    return;
+  }
+  if (documentContainsStyleHash(targetDocument, hash)) {
+    injectedStyles.add(hash);
+    return;
+  }
+  const style = targetDocument.createElement("style");
+  style.setAttribute(STYLE_HASH_ATTRIBUTE, hash);
+  style.appendChild(targetDocument.createTextNode(css));
+  targetDocument.head.appendChild(style);
+  injectedStyles.add(hash);
+}
+function registerDocument(targetDocument) {
+  const runtime = getRuntime();
+  runtime.documents.set(targetDocument, (runtime.documents.get(targetDocument) ?? 0) + 1);
+  for (const [hash, css] of runtime.styles) {
+    injectStyle(targetDocument, hash, css);
+  }
+  return () => {
+    const count = runtime.documents.get(targetDocument);
+    if (count === void 0) {
+      return;
+    }
+    if (count <= 1) {
+      runtime.documents.delete(targetDocument);
+      return;
+    }
+    runtime.documents.set(targetDocument, count - 1);
+  };
+}
+function registerStyle(hash, css) {
+  const runtime = getRuntime();
+  runtime.styles.set(hash, css);
+  for (const targetDocument of runtime.documents.keys()) {
+    injectStyle(targetDocument, hash, css);
+  }
+}
+
+// packages/components/src/tools-panel/style.module.scss
+if (typeof process === "undefined" || process.env.NODE_ENV !== "test") {
+  registerStyle("29b739f451", "._62d714739f4dc308__tools-panel{border-top:1px solid #ddd;margin-top:-1px;padding:16px}._40db7f4f897b683d__tools-panel-with-inner-wrapper>div:not(:first-of-type){column-gap:16px;display:grid;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}._95a15674966f30a3__tools-panel-hidden-inner-wrapper>div:not(:first-of-type){display:none}._322a049b9b7d8674__tools-panel-header{gap:8px;grid-column:1/-1}._322a049b9b7d8674__tools-panel-header .components-dropdown-menu{line-height:0;margin:-4px 0}._322a049b9b7d8674__tools-panel-header._322a049b9b7d8674__tools-panel-header._322a049b9b7d8674__tools-panel-header._322a049b9b7d8674__tools-panel-header .components-dropdown-menu__toggle{min-width:24px;padding:0}.b92a382d3b30104d__tools-panel-heading.b92a382d3b30104d__tools-panel-heading{font-size:inherit;line-height:normal;margin:0}._8005d68fffa9db91__tools-panel-item{grid-column:1/-1}._8005d68fffa9db91__tools-panel-item>div,._8005d68fffa9db91__tools-panel-item>fieldset{margin-bottom:0;max-width:100%;padding-bottom:0}._8005d68fffa9db91__tools-panel-item .components-base-control__help,._8005d68fffa9db91__tools-panel-item._8005d68fffa9db91__tools-panel-item .components-base-control,._8005d68fffa9db91__tools-panel-item._8005d68fffa9db91__tools-panel-item .components-base-control .components-base-control__field:last-child{margin-bottom:0}._4f55e1a6e373746e__tools-panel-item-placeholder{display:none}.d40032517bff9e12__dropdown-menu{min-width:200px}.f135b96aa96ca6bb__reset-label{color:var(--wp-components-color-accent-darker-10,var(--wp-admin-theme-color-darker-10,#2145e6));font-size:var(--wpds-typography-font-size-xs,11px);font-weight:var(--wpds-typography-font-weight-emphasis,600);line-height:1.4;margin-inline-start:12px;text-transform:uppercase}._69b138dfa5570d9c__default-controls-item{color:#1e1e1e}._69b138dfa5570d9c__default-controls-item._69b138dfa5570d9c__default-controls-item[aria-disabled=true]{color:#757575;opacity:1}._69b138dfa5570d9c__default-controls-item._69b138dfa5570d9c__default-controls-item[aria-disabled=true]:hover{color:#757575}._69b138dfa5570d9c__default-controls-item._69b138dfa5570d9c__default-controls-item[aria-disabled=true] .f135b96aa96ca6bb__reset-label{opacity:.3}");
+}
+var style_module_default = { "tools-panel": "_62d714739f4dc308__tools-panel", "tools-panel-with-inner-wrapper": "_40db7f4f897b683d__tools-panel-with-inner-wrapper", "tools-panel-hidden-inner-wrapper": "_95a15674966f30a3__tools-panel-hidden-inner-wrapper", "tools-panel-header": "_322a049b9b7d8674__tools-panel-header", "tools-panel-heading": "b92a382d3b30104d__tools-panel-heading", "tools-panel-item": "_8005d68fffa9db91__tools-panel-item", "tools-panel-item-placeholder": "_4f55e1a6e373746e__tools-panel-item-placeholder", "dropdown-menu": "d40032517bff9e12__dropdown-menu", "reset-label": "f135b96aa96ca6bb__reset-label", "default-controls-item": "_69b138dfa5570d9c__default-controls-item" };
+
+// packages/components/src/tools-panel/tools-panel-item/hook.ts
 import { useToolsPanelContext } from "../context.mjs";
 import { useContextSystem } from "../../context/index.mjs";
-import { useCx } from "../../utils/hooks/use-cx.mjs";
 var noop = () => {
 };
 function useToolsPanelItem(props) {
@@ -86,13 +170,8 @@ function useToolsPanelItem(props) {
     }
   }, [hasMatchingPanel, isMenuItemChecked, isRegistered, isResetting, isValueSet, wasMenuItemChecked, onSelect, onDeselect]);
   const isShown = isShownByDefault ? menuItems?.[menuGroup]?.[label] !== void 0 : isMenuItemChecked;
-  const cx = useCx();
-  const classes = useMemo(() => {
-    const shouldApplyPlaceholderStyles = shouldRenderPlaceholder && !isShown;
-    const firstItemStyle = firstDisplayedItem === label && __experimentalFirstVisibleItemClass;
-    const lastItemStyle = lastDisplayedItem === label && __experimentalLastVisibleItemClass;
-    return cx(styles.ToolsPanelItem, shouldApplyPlaceholderStyles && styles.ToolsPanelItemPlaceholder, !shouldApplyPlaceholderStyles && className, firstItemStyle, lastItemStyle);
-  }, [isShown, shouldRenderPlaceholder, className, cx, firstDisplayedItem, lastDisplayedItem, __experimentalFirstVisibleItemClass, __experimentalLastVisibleItemClass, label]);
+  const shouldApplyPlaceholderStyles = shouldRenderPlaceholder && !isShown;
+  const classes = clsx(style_module_default["tools-panel-item"], shouldApplyPlaceholderStyles && style_module_default["tools-panel-item-placeholder"], !shouldApplyPlaceholderStyles && className, firstDisplayedItem === label && __experimentalFirstVisibleItemClass, lastDisplayedItem === label && __experimentalLastVisibleItemClass);
   return {
     ...otherProps,
     isShown,

package/build-module/tools-panel/tools-panel-item/hook.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/tools-panel/tools-panel-item/hook.ts"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { usePrevious } from '@wordpress/compose';\nimport { useCallback, useEffect, useLayoutEffect, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport * as styles from '../styles';\nimport { useToolsPanelContext } from '../context';\nimport { useContextSystem } from '../../context';\nimport { useCx } from '../../utils/hooks/use-cx';\nconst noop = () => {};\nexport function useToolsPanelItem(props) {\n  const {\n    className,\n    hasValue,\n    isShownByDefault = false,\n    label,\n    panelId,\n    resetAllFilter = noop,\n    onDeselect,\n    onSelect,\n    ...otherProps\n  } = useContextSystem(props, 'ToolsPanelItem');\n  const {\n    panelId: currentPanelId,\n    menuItems,\n    registerResetAllFilter,\n    deregisterResetAllFilter,\n    registerPanelItem,\n    deregisterPanelItem,\n    flagItemCustomization,\n    isResetting,\n    shouldRenderPlaceholderItems: shouldRenderPlaceholder,\n    firstDisplayedItem,\n    lastDisplayedItem,\n    __experimentalFirstVisibleItemClass,\n    __experimentalLastVisibleItemClass\n  } = useToolsPanelContext();\n\n  // hasValue is a new function on every render, so do not add it as a\n  // dependency to the useCallback hook! If needed, we should use a ref.\n  const hasValueCallback = useCallback(hasValue, [panelId]);\n  // resetAllFilter is a new function on every render, so do not add it as a\n  // dependency to the useCallback hook! If needed, we should use a ref.\n  const resetAllFilterCallback = useCallback(resetAllFilter, [panelId]);\n  const previousPanelId = usePrevious(currentPanelId);\n  const hasMatchingPanel = currentPanelId === panelId || currentPanelId === null;\n\n  // Registering the panel item allows the panel to include it in its\n  // automatically generated menu and determine its initial checked status.\n  //\n  // This is performed in a layout effect to ensure that the panel item\n  // is registered before it is rendered preventing a rendering glitch.\n  // See: https://github.com/WordPress/gutenberg/issues/56470\n  useLayoutEffect(() => {\n    if (hasMatchingPanel && previousPanelId !== null) {\n      registerPanelItem({\n        hasValue: hasValueCallback,\n        isShownByDefault,\n        label,\n        panelId\n      });\n    }\n    return () => {\n      if (previousPanelId === null && !!currentPanelId || currentPanelId === panelId) {\n        deregisterPanelItem(label);\n      }\n    };\n  }, [currentPanelId, hasMatchingPanel, isShownByDefault, label, hasValueCallback, panelId, previousPanelId, registerPanelItem, deregisterPanelItem]);\n  useEffect(() => {\n    if (hasMatchingPanel) {\n      registerResetAllFilter(resetAllFilterCallback);\n    }\n    return () => {\n      if (hasMatchingPanel) {\n        deregisterResetAllFilter(resetAllFilterCallback);\n      }\n    };\n  }, [registerResetAllFilter, deregisterResetAllFilter, resetAllFilterCallback, hasMatchingPanel]);\n\n  // Note: `label` is used as a key when building menu item state in\n  // `ToolsPanel`.\n  const menuGroup = isShownByDefault ? 'default' : 'optional';\n  const isMenuItemChecked = menuItems?.[menuGroup]?.[label];\n  const wasMenuItemChecked = usePrevious(isMenuItemChecked);\n  const isRegistered = menuItems?.[menuGroup]?.[label] !== undefined;\n  const isValueSet = hasValue();\n  // Notify the panel when an item's value has changed except for optional\n  // items without value because the item should not cause itself to hide.\n  useEffect(() => {\n    if (!isShownByDefault && !isValueSet) {\n      return;\n    }\n    flagItemCustomization(isValueSet, label, menuGroup);\n  }, [isValueSet, menuGroup, label, flagItemCustomization, isShownByDefault]);\n\n  // Determine if the panel item's corresponding menu is being toggled and\n  // trigger appropriate callback if it is.\n  useEffect(() => {\n    // We check whether this item is currently registered as items rendered\n    // via fills can persist through the parent panel being remounted.\n    // See: https://github.com/WordPress/gutenberg/pull/45673\n    if (!isRegistered || isResetting || !hasMatchingPanel) {\n      return;\n    }\n    if (isMenuItemChecked && !isValueSet && !wasMenuItemChecked) {\n      onSelect?.();\n    }\n    if (!isMenuItemChecked && isValueSet && wasMenuItemChecked) {\n      onDeselect?.();\n    }\n  }, [hasMatchingPanel, isMenuItemChecked, isRegistered, isResetting, isValueSet, wasMenuItemChecked, onSelect, onDeselect]);\n\n  // The item is shown if it is a default control regardless of whether it\n  // has a value. Optional items are shown when they are checked or have\n  // a value.\n  const isShown = isShownByDefault ? menuItems?.[menuGroup]?.[label] !== undefined : isMenuItemChecked;\n  const cx = useCx();\n  const classes = useMemo(() => {\n    const shouldApplyPlaceholderStyles = shouldRenderPlaceholder && !isShown;\n    const firstItemStyle = firstDisplayedItem === label && __experimentalFirstVisibleItemClass;\n    const lastItemStyle = lastDisplayedItem === label && __experimentalLastVisibleItemClass;\n    return cx(styles.ToolsPanelItem, shouldApplyPlaceholderStyles && styles.ToolsPanelItemPlaceholder, !shouldApplyPlaceholderStyles && className, firstItemStyle, lastItemStyle);\n  }, [isShown, shouldRenderPlaceholder, className, cx, firstDisplayedItem, lastDisplayedItem, __experimentalFirstVisibleItemClass, __experimentalLastVisibleItemClass, label]);\n  return {\n    ...otherProps,\n    isShown,\n    shouldRenderPlaceholder,\n    className: classes\n  };\n}"],
-  "mappings": "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",
+  "sources": ["../../../src/tools-panel/tools-panel-item/hook.ts", "../../../../style-runtime/src/index.ts", "../../../src/tools-panel/style.module.scss"],
+  "sourcesContent": ["import clsx from 'clsx';\nimport { usePrevious } from '@wordpress/compose';\nimport { useCallback, useEffect, useLayoutEffect } from '@wordpress/element';\nimport styles from '../style.module.scss';\nimport { useToolsPanelContext } from '../context';\nimport { useContextSystem } from '../../context';\nconst noop = () => {};\nexport function useToolsPanelItem(props) {\n  const {\n    className,\n    hasValue,\n    isShownByDefault = false,\n    label,\n    panelId,\n    resetAllFilter = noop,\n    onDeselect,\n    onSelect,\n    ...otherProps\n  } = useContextSystem(props, 'ToolsPanelItem');\n  const {\n    panelId: currentPanelId,\n    menuItems,\n    registerResetAllFilter,\n    deregisterResetAllFilter,\n    registerPanelItem,\n    deregisterPanelItem,\n    flagItemCustomization,\n    isResetting,\n    shouldRenderPlaceholderItems: shouldRenderPlaceholder,\n    firstDisplayedItem,\n    lastDisplayedItem,\n    __experimentalFirstVisibleItemClass,\n    __experimentalLastVisibleItemClass\n  } = useToolsPanelContext();\n\n  // hasValue is a new function on every render, so do not add it as a\n  // dependency to the useCallback hook! If needed, we should use a ref.\n  const hasValueCallback = useCallback(hasValue, [panelId]);\n  // resetAllFilter is a new function on every render, so do not add it as a\n  // dependency to the useCallback hook! If needed, we should use a ref.\n  const resetAllFilterCallback = useCallback(resetAllFilter, [panelId]);\n  const previousPanelId = usePrevious(currentPanelId);\n  const hasMatchingPanel = currentPanelId === panelId || currentPanelId === null;\n\n  // Registering the panel item allows the panel to include it in its\n  // automatically generated menu and determine its initial checked status.\n  //\n  // This is performed in a layout effect to ensure that the panel item\n  // is registered before it is rendered preventing a rendering glitch.\n  // See: https://github.com/WordPress/gutenberg/issues/56470\n  useLayoutEffect(() => {\n    if (hasMatchingPanel && previousPanelId !== null) {\n      registerPanelItem({\n        hasValue: hasValueCallback,\n        isShownByDefault,\n        label,\n        panelId\n      });\n    }\n    return () => {\n      if (previousPanelId === null && !!currentPanelId || currentPanelId === panelId) {\n        deregisterPanelItem(label);\n      }\n    };\n  }, [currentPanelId, hasMatchingPanel, isShownByDefault, label, hasValueCallback, panelId, previousPanelId, registerPanelItem, deregisterPanelItem]);\n  useEffect(() => {\n    if (hasMatchingPanel) {\n      registerResetAllFilter(resetAllFilterCallback);\n    }\n    return () => {\n      if (hasMatchingPanel) {\n        deregisterResetAllFilter(resetAllFilterCallback);\n      }\n    };\n  }, [registerResetAllFilter, deregisterResetAllFilter, resetAllFilterCallback, hasMatchingPanel]);\n\n  // Note: `label` is used as a key when building menu item state in\n  // `ToolsPanel`.\n  const menuGroup = isShownByDefault ? 'default' : 'optional';\n  const isMenuItemChecked = menuItems?.[menuGroup]?.[label];\n  const wasMenuItemChecked = usePrevious(isMenuItemChecked);\n  const isRegistered = menuItems?.[menuGroup]?.[label] !== undefined;\n  const isValueSet = hasValue();\n  // Notify the panel when an item's value has changed except for optional\n  // items without value because the item should not cause itself to hide.\n  useEffect(() => {\n    if (!isShownByDefault && !isValueSet) {\n      return;\n    }\n    flagItemCustomization(isValueSet, label, menuGroup);\n  }, [isValueSet, menuGroup, label, flagItemCustomization, isShownByDefault]);\n\n  // Determine if the panel item's corresponding menu is being toggled and\n  // trigger appropriate callback if it is.\n  useEffect(() => {\n    // We check whether this item is currently registered as items rendered\n    // via fills can persist through the parent panel being remounted.\n    // See: https://github.com/WordPress/gutenberg/pull/45673\n    if (!isRegistered || isResetting || !hasMatchingPanel) {\n      return;\n    }\n    if (isMenuItemChecked && !isValueSet && !wasMenuItemChecked) {\n      onSelect?.();\n    }\n    if (!isMenuItemChecked && isValueSet && wasMenuItemChecked) {\n      onDeselect?.();\n    }\n  }, [hasMatchingPanel, isMenuItemChecked, isRegistered, isResetting, isValueSet, wasMenuItemChecked, onSelect, onDeselect]);\n\n  // The item is shown if it is a default control regardless of whether it\n  // has a value. Optional items are shown when they are checked or have\n  // a value.\n  const isShown = isShownByDefault ? menuItems?.[menuGroup]?.[label] !== undefined : isMenuItemChecked;\n  const shouldApplyPlaceholderStyles = shouldRenderPlaceholder && !isShown;\n  const classes = clsx(styles['tools-panel-item'], shouldApplyPlaceholderStyles && styles['tools-panel-item-placeholder'], !shouldApplyPlaceholderStyles && className, firstDisplayedItem === label && __experimentalFirstVisibleItemClass, lastDisplayedItem === label && __experimentalLastVisibleItemClass);\n  return {\n    ...otherProps,\n    isShown,\n    shouldRenderPlaceholder,\n    className: classes\n  };\n}", "const STYLE_HASH_ATTRIBUTE = 'data-wp-hash';\n\n/**\n * Returns the shared style runtime registry.\n *\n * The registry is stored on `globalThis` so separately bundled copies of this\n * package can coordinate through the same document and style maps.\n *\n * @return The shared runtime registry.\n */\nfunction getRuntime() {\n  const globalScope = globalThis;\n  if (globalScope.__wpStyleRuntime) {\n    return globalScope.__wpStyleRuntime;\n  }\n  globalScope.__wpStyleRuntime = {\n    documents: new Map(),\n    styles: new Map(),\n    injectedStyles: new WeakMap()\n  };\n  if (typeof document !== 'undefined') {\n    registerDocument(document);\n  }\n  return globalScope.__wpStyleRuntime;\n}\n\n/**\n * Checks whether a document already contains a style tag for a hash.\n *\n * @param targetDocument Document to inspect.\n * @param hash           Stable hash for the transformed CSS.\n *\n * @return Whether the style hash already exists in the document.\n */\nfunction documentContainsStyleHash(targetDocument, hash) {\n  if (!targetDocument.head) {\n    return false;\n  }\n  for (const style of targetDocument.head.querySelectorAll(`style[${STYLE_HASH_ATTRIBUTE}]`)) {\n    if (style.getAttribute(STYLE_HASH_ATTRIBUTE) === hash) {\n      return true;\n    }\n  }\n  return false;\n}\n\n/**\n * Injects a registered style into a document, unless that document already\n * contains a style tag for the same hash.\n *\n * @param targetDocument Document to inject the style into.\n * @param hash           Stable hash for the transformed CSS.\n * @param css            CSS text to inject.\n */\nfunction injectStyle(targetDocument, hash, css) {\n  if (!targetDocument.head) {\n    return;\n  }\n  const runtime = getRuntime();\n  let injectedStyles = runtime.injectedStyles.get(targetDocument);\n  if (!injectedStyles) {\n    injectedStyles = new Set();\n    runtime.injectedStyles.set(targetDocument, injectedStyles);\n  }\n  if (injectedStyles.has(hash)) {\n    return;\n  }\n\n  // Older generated CSS module output can still inject matching style tags\n  // after this document's cache is created, so keep the DOM as the fallback\n  // source of truth on cache misses.\n  if (documentContainsStyleHash(targetDocument, hash)) {\n    injectedStyles.add(hash);\n    return;\n  }\n  const style = targetDocument.createElement('style');\n  style.setAttribute(STYLE_HASH_ATTRIBUTE, hash);\n  style.appendChild(targetDocument.createTextNode(css));\n  targetDocument.head.appendChild(style);\n  injectedStyles.add(hash);\n}\n\n/**\n * Registers a document as a style injection target.\n *\n * Existing registered styles are replayed into the document immediately.\n * Documents are reference-counted so multiple providers can safely register the\n * same document without one cleanup removing it while another registration is\n * still active.\n *\n * @param targetDocument Document to receive registered styles.\n * @return Cleanup function that unregisters this document registration.\n */\nexport function registerDocument(targetDocument) {\n  const runtime = getRuntime();\n  runtime.documents.set(targetDocument, (runtime.documents.get(targetDocument) ?? 0) + 1);\n  for (const [hash, css] of runtime.styles) {\n    injectStyle(targetDocument, hash, css);\n  }\n  return () => {\n    const count = runtime.documents.get(targetDocument);\n    if (count === undefined) {\n      return;\n    }\n    if (count <= 1) {\n      runtime.documents.delete(targetDocument);\n      return;\n    }\n    runtime.documents.set(targetDocument, count - 1);\n  };\n}\n\n/**\n * Registers a style and injects it into all registered documents.\n *\n * The hash is used as the deduplication key, so calling this repeatedly with\n * the same hash will not add duplicate style tags to a document.\n * Registered styles are retained for the lifetime of the page so they can be\n * replayed into documents that are registered later.\n *\n * @param hash Stable hash for the transformed CSS.\n * @param css  CSS text to inject.\n */\nexport function registerStyle(hash, css) {\n  const runtime = getRuntime();\n  runtime.styles.set(hash, css);\n  for (const targetDocument of runtime.documents.keys()) {\n    injectStyle(targetDocument, hash, css);\n  }\n}", "import { registerStyle } from '@wordpress/style-runtime';\nif (typeof process === 'undefined' || process.env.NODE_ENV !== 'test') {\n\tregisterStyle(\"29b739f451\", \"._62d714739f4dc308__tools-panel{border-top:1px solid #ddd;margin-top:-1px;padding:16px}._40db7f4f897b683d__tools-panel-with-inner-wrapper>div:not(:first-of-type){column-gap:16px;display:grid;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}._95a15674966f30a3__tools-panel-hidden-inner-wrapper>div:not(:first-of-type){display:none}._322a049b9b7d8674__tools-panel-header{gap:8px;grid-column:1/-1}._322a049b9b7d8674__tools-panel-header .components-dropdown-menu{line-height:0;margin:-4px 0}._322a049b9b7d8674__tools-panel-header._322a049b9b7d8674__tools-panel-header._322a049b9b7d8674__tools-panel-header._322a049b9b7d8674__tools-panel-header .components-dropdown-menu__toggle{min-width:24px;padding:0}.b92a382d3b30104d__tools-panel-heading.b92a382d3b30104d__tools-panel-heading{font-size:inherit;line-height:normal;margin:0}._8005d68fffa9db91__tools-panel-item{grid-column:1/-1}._8005d68fffa9db91__tools-panel-item>div,._8005d68fffa9db91__tools-panel-item>fieldset{margin-bottom:0;max-width:100%;padding-bottom:0}._8005d68fffa9db91__tools-panel-item .components-base-control__help,._8005d68fffa9db91__tools-panel-item._8005d68fffa9db91__tools-panel-item .components-base-control,._8005d68fffa9db91__tools-panel-item._8005d68fffa9db91__tools-panel-item .components-base-control .components-base-control__field:last-child{margin-bottom:0}._4f55e1a6e373746e__tools-panel-item-placeholder{display:none}.d40032517bff9e12__dropdown-menu{min-width:200px}.f135b96aa96ca6bb__reset-label{color:var(--wp-components-color-accent-darker-10,var(--wp-admin-theme-color-darker-10,#2145e6));font-size:var(--wpds-typography-font-size-xs,11px);font-weight:var(--wpds-typography-font-weight-emphasis,600);line-height:1.4;margin-inline-start:12px;text-transform:uppercase}._69b138dfa5570d9c__default-controls-item{color:#1e1e1e}._69b138dfa5570d9c__default-controls-item._69b138dfa5570d9c__default-controls-item[aria-disabled=true]{color:#757575;opacity:1}._69b138dfa5570d9c__default-controls-item._69b138dfa5570d9c__default-controls-item[aria-disabled=true]:hover{color:#757575}._69b138dfa5570d9c__default-controls-item._69b138dfa5570d9c__default-controls-item[aria-disabled=true] .f135b96aa96ca6bb__reset-label{opacity:.3}\");\n}\nexport default {\"tools-panel\":\"_62d714739f4dc308__tools-panel\",\"tools-panel-with-inner-wrapper\":\"_40db7f4f897b683d__tools-panel-with-inner-wrapper\",\"tools-panel-hidden-inner-wrapper\":\"_95a15674966f30a3__tools-panel-hidden-inner-wrapper\",\"tools-panel-header\":\"_322a049b9b7d8674__tools-panel-header\",\"tools-panel-heading\":\"b92a382d3b30104d__tools-panel-heading\",\"tools-panel-item\":\"_8005d68fffa9db91__tools-panel-item\",\"tools-panel-item-placeholder\":\"_4f55e1a6e373746e__tools-panel-item-placeholder\",\"dropdown-menu\":\"d40032517bff9e12__dropdown-menu\",\"reset-label\":\"f135b96aa96ca6bb__reset-label\",\"default-controls-item\":\"_69b138dfa5570d9c__default-controls-item\"};\n"],
+  "mappings": "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",
   "names": []
 }

package/build-module/tree-grid/cell.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/tree-grid/cell.tsx"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport TreeGridItem from './item';\nimport { Fragment as _Fragment, jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnforwardedTreeGridCell({\n  children,\n  withoutGridItem = false,\n  ...props\n}, ref) {\n  return /*#__PURE__*/_jsx(\"td\", {\n    ...props,\n    role: \"gridcell\",\n    children: withoutGridItem ? /*#__PURE__*/_jsx(_Fragment, {\n      children: typeof children === 'function' ? children({\n        ...props,\n        ref\n      }) : children\n    }) : /*#__PURE__*/_jsx(TreeGridItem, {\n      ref: ref,\n      children: children\n    })\n  });\n}\n\n/**\n * `TreeGridCell` is used to create a tree hierarchy.\n * It is not a visually styled component, but instead helps with adding\n * keyboard navigation and roving tab index behaviors to tree grid structures.\n *\n * @see {@link https://www.w3.org/TR/wai-aria-practices/examples/treegrid/treegrid-1.html}\n */\nexport const TreeGridCell = forwardRef(UnforwardedTreeGridCell);\nTreeGridCell.displayName = 'TreeGridCell';\nexport default TreeGridCell;"],
-  "mappings": ";AAGA,SAAS,kBAAkB;AAK3B,OAAO,kBAAkB;AACzB,SAAS,YAAY,WAAW,OAAO,YAAY;AACnD,SAAS,wBAAwB;AAAA,EAC/B;AAAA,EACA,kBAAkB;AAAA,EAClB,GAAG;AACL,GAAG,KAAK;AACN,SAAoB,qBAAK,MAAM;AAAA,IAC7B,GAAG;AAAA,IACH,MAAM;AAAA,IACN,UAAU,kBAA+B,qBAAK,WAAW;AAAA,MACvD,UAAU,OAAO,aAAa,aAAa,SAAS;AAAA,QAClD,GAAG;AAAA,QACH;AAAA,MACF,CAAC,IAAI;AAAA,IACP,CAAC,IAAiB,qBAAK,cAAc;AAAA,MACnC;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;AASO,IAAM,eAAe,WAAW,uBAAuB;AAC9D,aAAa,cAAc;AAC3B,IAAO,eAAQ;",
+  "sourcesContent": ["import { forwardRef } from '@wordpress/element';\nimport TreeGridItem from './item';\nimport { Fragment as _Fragment, jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnforwardedTreeGridCell({\n  children,\n  withoutGridItem = false,\n  ...props\n}, ref) {\n  return /*#__PURE__*/_jsx(\"td\", {\n    ...props,\n    role: \"gridcell\",\n    children: withoutGridItem ? /*#__PURE__*/_jsx(_Fragment, {\n      children: typeof children === 'function' ? children({\n        ...props,\n        ref\n      }) : children\n    }) : /*#__PURE__*/_jsx(TreeGridItem, {\n      ref: ref,\n      children: children\n    })\n  });\n}\n\n/**\n * `TreeGridCell` is used to create a tree hierarchy.\n * It is not a visually styled component, but instead helps with adding\n * keyboard navigation and roving tab index behaviors to tree grid structures.\n *\n * @see {@link https://www.w3.org/TR/wai-aria-practices/examples/treegrid/treegrid-1.html}\n */\nexport const TreeGridCell = forwardRef(UnforwardedTreeGridCell);\nTreeGridCell.displayName = 'TreeGridCell';\nexport default TreeGridCell;"],
+  "mappings": ";AAAA,SAAS,kBAAkB;AAC3B,OAAO,kBAAkB;AACzB,SAAS,YAAY,WAAW,OAAO,YAAY;AACnD,SAAS,wBAAwB;AAAA,EAC/B;AAAA,EACA,kBAAkB;AAAA,EAClB,GAAG;AACL,GAAG,KAAK;AACN,SAAoB,qBAAK,MAAM;AAAA,IAC7B,GAAG;AAAA,IACH,MAAM;AAAA,IACN,UAAU,kBAA+B,qBAAK,WAAW;AAAA,MACvD,UAAU,OAAO,aAAa,aAAa,SAAS;AAAA,QAClD,GAAG;AAAA,QACH;AAAA,MACF,CAAC,IAAI;AAAA,IACP,CAAC,IAAiB,qBAAK,cAAc;AAAA,MACnC;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;AASO,IAAM,eAAe,WAAW,uBAAuB;AAC9D,aAAa,cAAc;AAC3B,IAAO,eAAQ;",
   "names": []
 }

package/build-module/tree-grid/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/tree-grid/index.tsx"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { focus } from '@wordpress/dom';\nimport { forwardRef, useCallback } from '@wordpress/element';\nimport { UP, DOWN, LEFT, RIGHT, HOME, END } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport RovingTabIndexContainer from './roving-tab-index';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * Return focusables in a row element, excluding those from other branches\n * nested within the row.\n *\n * @param rowElement The DOM element representing the row.\n *\n * @return The array of focusables in the row.\n */\nfunction getRowFocusables(rowElement) {\n  const focusablesInRow = focus.focusable.find(rowElement, {\n    sequential: true\n  });\n  return focusablesInRow.filter(focusable => {\n    return focusable.closest('[role=\"row\"]') === rowElement;\n  });\n}\n\n/**\n * Renders both a table and tbody element, used to create a tree hierarchy.\n *\n */\nfunction UnforwardedTreeGrid({\n  children,\n  onExpandRow = () => {},\n  onCollapseRow = () => {},\n  onFocusRow = () => {},\n  applicationAriaLabel,\n  ...props\n}, /** A ref to the underlying DOM table element. */\nref) {\n  const onKeyDown = useCallback(event => {\n    const {\n      keyCode,\n      metaKey,\n      ctrlKey,\n      altKey\n    } = event;\n\n    // The shift key is intentionally absent from the following list,\n    // to enable shift + up/down to select items from the list.\n    const hasModifierKeyPressed = metaKey || ctrlKey || altKey;\n    if (hasModifierKeyPressed || ![UP, DOWN, LEFT, RIGHT, HOME, END].includes(keyCode)) {\n      return;\n    }\n\n    // The event will be handled, stop propagation.\n    event.stopPropagation();\n    const {\n      activeElement\n    } = document;\n    const {\n      currentTarget: treeGridElement\n    } = event;\n    if (!activeElement || !treeGridElement.contains(activeElement)) {\n      return;\n    }\n\n    // Calculate the columnIndex of the active element.\n    const activeRow = activeElement.closest('[role=\"row\"]');\n    if (!activeRow) {\n      return;\n    }\n    const focusablesInRow = getRowFocusables(activeRow);\n    const currentColumnIndex = focusablesInRow.indexOf(activeElement);\n    const canExpandCollapse = 0 === currentColumnIndex;\n    const cannotFocusNextColumn = canExpandCollapse && (activeRow.getAttribute('data-expanded') === 'false' || activeRow.getAttribute('aria-expanded') === 'false') && keyCode === RIGHT;\n    if ([LEFT, RIGHT].includes(keyCode)) {\n      // Calculate to the next element.\n      let nextIndex;\n      if (keyCode === LEFT) {\n        nextIndex = Math.max(0, currentColumnIndex - 1);\n      } else {\n        nextIndex = Math.min(currentColumnIndex + 1, focusablesInRow.length - 1);\n      }\n\n      // Focus is at the left most column.\n      if (canExpandCollapse) {\n        if (keyCode === LEFT) {\n          // Left:\n          // If a row is focused, and it is expanded, collapses the current row.\n          if (activeRow.getAttribute('data-expanded') === 'true' || activeRow.getAttribute('aria-expanded') === 'true') {\n            onCollapseRow(activeRow);\n            event.preventDefault();\n            return;\n          }\n          // If a row is focused, and it is collapsed, moves to the parent row (if there is one).\n          const level = Math.max(parseInt(activeRow?.getAttribute('aria-level') ?? '1', 10) - 1, 1);\n          const rows = Array.from(treeGridElement.querySelectorAll('[role=\"row\"]'));\n          let parentRow = activeRow;\n          const currentRowIndex = rows.indexOf(activeRow);\n          for (let i = currentRowIndex; i >= 0; i--) {\n            const ariaLevel = rows[i].getAttribute('aria-level');\n            if (ariaLevel !== null && parseInt(ariaLevel, 10) === level) {\n              parentRow = rows[i];\n              break;\n            }\n          }\n          getRowFocusables(parentRow)?.[0]?.focus();\n        }\n        if (keyCode === RIGHT) {\n          // Right:\n          // If a row is focused, and it is collapsed, expands the current row.\n          if (activeRow.getAttribute('data-expanded') === 'false' || activeRow.getAttribute('aria-expanded') === 'false') {\n            onExpandRow(activeRow);\n            event.preventDefault();\n            return;\n          }\n          // If a row is focused, and it is expanded, focuses the next cell in the row.\n          const focusableItems = getRowFocusables(activeRow);\n          if (focusableItems.length > 0) {\n            focusableItems[nextIndex]?.focus();\n          }\n        }\n        // Prevent key use for anything else. For example, Voiceover\n        // will start reading text on continued use of left/right arrow\n        // keys.\n        event.preventDefault();\n        return;\n      }\n\n      // Focus the next element. If at most left column and row is collapsed, moving right is not allowed as this will expand. However, if row is collapsed, moving left is allowed.\n      if (cannotFocusNextColumn) {\n        return;\n      }\n      focusablesInRow[nextIndex].focus();\n\n      // Prevent key use for anything else. This ensures Voiceover\n      // doesn't try to handle key navigation.\n      event.preventDefault();\n    } else if ([UP, DOWN].includes(keyCode)) {\n      // Calculate the rowIndex of the next row.\n      const rows = Array.from(treeGridElement.querySelectorAll('[role=\"row\"]'));\n      const currentRowIndex = rows.indexOf(activeRow);\n      let nextRowIndex;\n      if (keyCode === UP) {\n        nextRowIndex = Math.max(0, currentRowIndex - 1);\n      } else {\n        nextRowIndex = Math.min(currentRowIndex + 1, rows.length - 1);\n      }\n\n      // Focus is either at the top or bottom edge of the grid. Do nothing.\n      if (nextRowIndex === currentRowIndex) {\n        // Prevent key use for anything else. For example, Voiceover\n        // will start navigating horizontally when reaching the vertical\n        // bounds of a table.\n        event.preventDefault();\n        return;\n      }\n\n      // Get the focusables in the next row.\n      const focusablesInNextRow = getRowFocusables(rows[nextRowIndex]);\n\n      // If for some reason there are no focusables in the next row, do nothing.\n      if (!focusablesInNextRow || !focusablesInNextRow.length) {\n        // Prevent key use for anything else. For example, Voiceover\n        // will still focus text when using arrow keys, while this\n        // component should limit navigation to focusables.\n        event.preventDefault();\n        return;\n      }\n\n      // Try to focus the element in the next row that's at a similar column to the activeElement.\n      const nextIndex = Math.min(currentColumnIndex, focusablesInNextRow.length - 1);\n      focusablesInNextRow[nextIndex].focus();\n\n      // Let consumers know the row that was originally focused,\n      // and the row that is now in focus.\n      onFocusRow(event, activeRow, rows[nextRowIndex]);\n\n      // Prevent key use for anything else. This ensures Voiceover\n      // doesn't try to handle key navigation.\n      event.preventDefault();\n    } else if ([HOME, END].includes(keyCode)) {\n      // Calculate the rowIndex of the next row.\n      const rows = Array.from(treeGridElement.querySelectorAll('[role=\"row\"]'));\n      const currentRowIndex = rows.indexOf(activeRow);\n      let nextRowIndex;\n      if (keyCode === HOME) {\n        nextRowIndex = 0;\n      } else {\n        nextRowIndex = rows.length - 1;\n      }\n\n      // Focus is either at the top or bottom edge of the grid. Do nothing.\n      if (nextRowIndex === currentRowIndex) {\n        // Prevent key use for anything else. For example, Voiceover\n        // will start navigating horizontally when reaching the vertical\n        // bounds of a table.\n        event.preventDefault();\n        return;\n      }\n\n      // Get the focusables in the next row.\n      const focusablesInNextRow = getRowFocusables(rows[nextRowIndex]);\n\n      // If for some reason there are no focusables in the next row, do nothing.\n      if (!focusablesInNextRow || !focusablesInNextRow.length) {\n        // Prevent key use for anything else. For example, Voiceover\n        // will still focus text when using arrow keys, while this\n        // component should limit navigation to focusables.\n        event.preventDefault();\n        return;\n      }\n\n      // Try to focus the element in the next row that's at a similar column to the activeElement.\n      const nextIndex = Math.min(currentColumnIndex, focusablesInNextRow.length - 1);\n      focusablesInNextRow[nextIndex].focus();\n\n      // Let consumers know the row that was originally focused,\n      // and the row that is now in focus.\n      onFocusRow(event, activeRow, rows[nextRowIndex]);\n\n      // Prevent key use for anything else. This ensures Voiceover\n      // doesn't try to handle key navigation.\n      event.preventDefault();\n    }\n  }, [onExpandRow, onCollapseRow, onFocusRow]);\n\n  /* Disable reason: A treegrid is implemented using a table element. */\n  /* eslint-disable jsx-a11y/no-noninteractive-element-to-interactive-role */\n  return /*#__PURE__*/_jsx(RovingTabIndexContainer, {\n    children: /*#__PURE__*/_jsx(\"div\", {\n      role: \"application\",\n      \"aria-label\": applicationAriaLabel,\n      children: /*#__PURE__*/_jsx(\"table\", {\n        ...props,\n        role: \"treegrid\",\n        onKeyDown: onKeyDown,\n        ref: ref,\n        children: /*#__PURE__*/_jsx(\"tbody\", {\n          children: children\n        })\n      })\n    })\n  });\n  /* eslint-enable jsx-a11y/no-noninteractive-element-to-interactive-role */\n}\n\n/**\n * `TreeGrid` is used to create a tree hierarchy.\n * It is not a visually styled component, but instead helps with adding\n * keyboard navigation and roving tab index behaviors to tree grid structures.\n *\n * A tree grid is a hierarchical 2 dimensional UI component, for example it could be\n * used to implement a file system browser.\n *\n * A tree grid allows the user to navigate using arrow keys.\n * Up/down to navigate vertically across rows, and left/right to navigate horizontally\n * between focusables in a row.\n *\n * The `TreeGrid` renders both a `table` and `tbody` element, and is intended to be used\n * with `TreeGridRow` (`tr`) and `TreeGridCell` (`td`) to build out a grid.\n *\n * ```jsx\n * function TreeMenu() {\n * \treturn (\n * \t\t<TreeGrid>\n * \t\t\t<TreeGridRow level={ 1 } positionInSet={ 1 } setSize={ 2 }>\n * \t\t\t\t<TreeGridCell>\n * \t\t\t\t\t{ ( props ) => (\n * \t\t\t\t\t\t<Button onClick={ onSelect } { ...props }>Select</Button>\n * \t\t\t\t\t) }\n * \t\t\t\t</TreeGridCell>\n * \t\t\t\t<TreeGridCell>\n * \t\t\t\t\t{ ( props ) => (\n * \t\t\t\t\t\t<Button onClick={ onMove } { ...props }>Move</Button>\n * \t\t\t\t\t) }\n * \t\t\t\t</TreeGridCell>\n * \t\t\t</TreeGridRow>\n * \t\t\t<TreeGridRow level={ 1 } positionInSet={ 2 } setSize={ 2 }>\n * \t\t\t\t<TreeGridCell>\n * \t\t\t\t\t{ ( props ) => (\n * \t\t\t\t\t\t<Button onClick={ onSelect } { ...props }>Select</Button>\n * \t\t\t\t\t) }\n * \t\t\t\t</TreeGridCell>\n * \t\t\t\t<TreeGridCell>\n * \t\t\t\t\t{ ( props ) => (\n * \t\t\t\t\t\t<Button onClick={ onMove } { ...props }>Move</Button>\n * \t\t\t\t\t) }\n * \t\t\t\t</TreeGridCell>\n * \t\t\t</TreeGridRow>\n * \t\t\t<TreeGridRow level={ 2 } positionInSet={ 1 } setSize={ 1 }>\n * \t\t\t\t<TreeGridCell>\n * \t\t\t\t\t{ ( props ) => (\n * \t\t\t\t\t\t<Button onClick={ onSelect } { ...props }>Select</Button>\n * \t\t\t\t\t) }\n * \t\t\t\t</TreeGridCell>\n * \t\t\t\t<TreeGridCell>\n * \t\t\t\t\t{ ( props ) => (\n * \t\t\t\t\t\t<Button onClick={ onMove } { ...props }>Move</Button>\n * \t\t\t\t\t) }\n * \t\t\t\t</TreeGridCell>\n * \t\t\t</TreeGridRow>\n * \t\t</TreeGrid>\n * \t);\n * }\n * ```\n *\n * @see {@link https://www.w3.org/TR/wai-aria-practices/examples/treegrid/treegrid-1.html}\n */\nexport const TreeGrid = forwardRef(UnforwardedTreeGrid);\nTreeGrid.displayName = 'TreeGrid';\nexport default TreeGrid;\nexport { default as TreeGridRow } from './row';\nexport { default as TreeGridCell } from './cell';\nexport { default as TreeGridItem } from './item';"],
-  "mappings": "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",
+  "sourcesContent": ["import { focus } from '@wordpress/dom';\nimport { forwardRef, useCallback } from '@wordpress/element';\nimport { UP, DOWN, LEFT, RIGHT, HOME, END } from '@wordpress/keycodes';\nimport RovingTabIndexContainer from './roving-tab-index';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * Return focusables in a row element, excluding those from other branches\n * nested within the row.\n *\n * @param rowElement The DOM element representing the row.\n *\n * @return The array of focusables in the row.\n */\nfunction getRowFocusables(rowElement) {\n  const focusablesInRow = focus.focusable.find(rowElement, {\n    sequential: true\n  });\n  return focusablesInRow.filter(focusable => {\n    return focusable.closest('[role=\"row\"]') === rowElement;\n  });\n}\n\n/**\n * Renders both a table and tbody element, used to create a tree hierarchy.\n *\n */\nfunction UnforwardedTreeGrid({\n  children,\n  onExpandRow = () => {},\n  onCollapseRow = () => {},\n  onFocusRow = () => {},\n  applicationAriaLabel,\n  ...props\n}, /** A ref to the underlying DOM table element. */\nref) {\n  const onKeyDown = useCallback(event => {\n    const {\n      keyCode,\n      metaKey,\n      ctrlKey,\n      altKey\n    } = event;\n\n    // The shift key is intentionally absent from the following list,\n    // to enable shift + up/down to select items from the list.\n    const hasModifierKeyPressed = metaKey || ctrlKey || altKey;\n    if (hasModifierKeyPressed || ![UP, DOWN, LEFT, RIGHT, HOME, END].includes(keyCode)) {\n      return;\n    }\n\n    // The event will be handled, stop propagation.\n    event.stopPropagation();\n    const {\n      activeElement\n    } = document;\n    const {\n      currentTarget: treeGridElement\n    } = event;\n    if (!activeElement || !treeGridElement.contains(activeElement)) {\n      return;\n    }\n\n    // Calculate the columnIndex of the active element.\n    const activeRow = activeElement.closest('[role=\"row\"]');\n    if (!activeRow) {\n      return;\n    }\n    const focusablesInRow = getRowFocusables(activeRow);\n    const currentColumnIndex = focusablesInRow.indexOf(activeElement);\n    const canExpandCollapse = 0 === currentColumnIndex;\n    const cannotFocusNextColumn = canExpandCollapse && (activeRow.getAttribute('data-expanded') === 'false' || activeRow.getAttribute('aria-expanded') === 'false') && keyCode === RIGHT;\n    if ([LEFT, RIGHT].includes(keyCode)) {\n      // Calculate to the next element.\n      let nextIndex;\n      if (keyCode === LEFT) {\n        nextIndex = Math.max(0, currentColumnIndex - 1);\n      } else {\n        nextIndex = Math.min(currentColumnIndex + 1, focusablesInRow.length - 1);\n      }\n\n      // Focus is at the left most column.\n      if (canExpandCollapse) {\n        if (keyCode === LEFT) {\n          // Left:\n          // If a row is focused, and it is expanded, collapses the current row.\n          if (activeRow.getAttribute('data-expanded') === 'true' || activeRow.getAttribute('aria-expanded') === 'true') {\n            onCollapseRow(activeRow);\n            event.preventDefault();\n            return;\n          }\n          // If a row is focused, and it is collapsed, moves to the parent row (if there is one).\n          const level = Math.max(parseInt(activeRow?.getAttribute('aria-level') ?? '1', 10) - 1, 1);\n          const rows = Array.from(treeGridElement.querySelectorAll('[role=\"row\"]'));\n          let parentRow = activeRow;\n          const currentRowIndex = rows.indexOf(activeRow);\n          for (let i = currentRowIndex; i >= 0; i--) {\n            const ariaLevel = rows[i].getAttribute('aria-level');\n            if (ariaLevel !== null && parseInt(ariaLevel, 10) === level) {\n              parentRow = rows[i];\n              break;\n            }\n          }\n          getRowFocusables(parentRow)?.[0]?.focus();\n        }\n        if (keyCode === RIGHT) {\n          // Right:\n          // If a row is focused, and it is collapsed, expands the current row.\n          if (activeRow.getAttribute('data-expanded') === 'false' || activeRow.getAttribute('aria-expanded') === 'false') {\n            onExpandRow(activeRow);\n            event.preventDefault();\n            return;\n          }\n          // If a row is focused, and it is expanded, focuses the next cell in the row.\n          const focusableItems = getRowFocusables(activeRow);\n          if (focusableItems.length > 0) {\n            focusableItems[nextIndex]?.focus();\n          }\n        }\n        // Prevent key use for anything else. For example, Voiceover\n        // will start reading text on continued use of left/right arrow\n        // keys.\n        event.preventDefault();\n        return;\n      }\n\n      // Focus the next element. If at most left column and row is collapsed, moving right is not allowed as this will expand. However, if row is collapsed, moving left is allowed.\n      if (cannotFocusNextColumn) {\n        return;\n      }\n      focusablesInRow[nextIndex].focus();\n\n      // Prevent key use for anything else. This ensures Voiceover\n      // doesn't try to handle key navigation.\n      event.preventDefault();\n    } else if ([UP, DOWN].includes(keyCode)) {\n      // Calculate the rowIndex of the next row.\n      const rows = Array.from(treeGridElement.querySelectorAll('[role=\"row\"]'));\n      const currentRowIndex = rows.indexOf(activeRow);\n      let nextRowIndex;\n      if (keyCode === UP) {\n        nextRowIndex = Math.max(0, currentRowIndex - 1);\n      } else {\n        nextRowIndex = Math.min(currentRowIndex + 1, rows.length - 1);\n      }\n\n      // Focus is either at the top or bottom edge of the grid. Do nothing.\n      if (nextRowIndex === currentRowIndex) {\n        // Prevent key use for anything else. For example, Voiceover\n        // will start navigating horizontally when reaching the vertical\n        // bounds of a table.\n        event.preventDefault();\n        return;\n      }\n\n      // Get the focusables in the next row.\n      const focusablesInNextRow = getRowFocusables(rows[nextRowIndex]);\n\n      // If for some reason there are no focusables in the next row, do nothing.\n      if (!focusablesInNextRow || !focusablesInNextRow.length) {\n        // Prevent key use for anything else. For example, Voiceover\n        // will still focus text when using arrow keys, while this\n        // component should limit navigation to focusables.\n        event.preventDefault();\n        return;\n      }\n\n      // Try to focus the element in the next row that's at a similar column to the activeElement.\n      const nextIndex = Math.min(currentColumnIndex, focusablesInNextRow.length - 1);\n      focusablesInNextRow[nextIndex].focus();\n\n      // Let consumers know the row that was originally focused,\n      // and the row that is now in focus.\n      onFocusRow(event, activeRow, rows[nextRowIndex]);\n\n      // Prevent key use for anything else. This ensures Voiceover\n      // doesn't try to handle key navigation.\n      event.preventDefault();\n    } else if ([HOME, END].includes(keyCode)) {\n      // Calculate the rowIndex of the next row.\n      const rows = Array.from(treeGridElement.querySelectorAll('[role=\"row\"]'));\n      const currentRowIndex = rows.indexOf(activeRow);\n      let nextRowIndex;\n      if (keyCode === HOME) {\n        nextRowIndex = 0;\n      } else {\n        nextRowIndex = rows.length - 1;\n      }\n\n      // Focus is either at the top or bottom edge of the grid. Do nothing.\n      if (nextRowIndex === currentRowIndex) {\n        // Prevent key use for anything else. For example, Voiceover\n        // will start navigating horizontally when reaching the vertical\n        // bounds of a table.\n        event.preventDefault();\n        return;\n      }\n\n      // Get the focusables in the next row.\n      const focusablesInNextRow = getRowFocusables(rows[nextRowIndex]);\n\n      // If for some reason there are no focusables in the next row, do nothing.\n      if (!focusablesInNextRow || !focusablesInNextRow.length) {\n        // Prevent key use for anything else. For example, Voiceover\n        // will still focus text when using arrow keys, while this\n        // component should limit navigation to focusables.\n        event.preventDefault();\n        return;\n      }\n\n      // Try to focus the element in the next row that's at a similar column to the activeElement.\n      const nextIndex = Math.min(currentColumnIndex, focusablesInNextRow.length - 1);\n      focusablesInNextRow[nextIndex].focus();\n\n      // Let consumers know the row that was originally focused,\n      // and the row that is now in focus.\n      onFocusRow(event, activeRow, rows[nextRowIndex]);\n\n      // Prevent key use for anything else. This ensures Voiceover\n      // doesn't try to handle key navigation.\n      event.preventDefault();\n    }\n  }, [onExpandRow, onCollapseRow, onFocusRow]);\n\n  /* Disable reason: A treegrid is implemented using a table element. */\n  /* eslint-disable jsx-a11y/no-noninteractive-element-to-interactive-role */\n  return /*#__PURE__*/_jsx(RovingTabIndexContainer, {\n    children: /*#__PURE__*/_jsx(\"div\", {\n      role: \"application\",\n      \"aria-label\": applicationAriaLabel,\n      children: /*#__PURE__*/_jsx(\"table\", {\n        ...props,\n        role: \"treegrid\",\n        onKeyDown: onKeyDown,\n        ref: ref,\n        children: /*#__PURE__*/_jsx(\"tbody\", {\n          children: children\n        })\n      })\n    })\n  });\n  /* eslint-enable jsx-a11y/no-noninteractive-element-to-interactive-role */\n}\n\n/**\n * `TreeGrid` is used to create a tree hierarchy.\n * It is not a visually styled component, but instead helps with adding\n * keyboard navigation and roving tab index behaviors to tree grid structures.\n *\n * A tree grid is a hierarchical 2 dimensional UI component, for example it could be\n * used to implement a file system browser.\n *\n * A tree grid allows the user to navigate using arrow keys.\n * Up/down to navigate vertically across rows, and left/right to navigate horizontally\n * between focusables in a row.\n *\n * The `TreeGrid` renders both a `table` and `tbody` element, and is intended to be used\n * with `TreeGridRow` (`tr`) and `TreeGridCell` (`td`) to build out a grid.\n *\n * ```jsx\n * function TreeMenu() {\n * \treturn (\n * \t\t<TreeGrid>\n * \t\t\t<TreeGridRow level={ 1 } positionInSet={ 1 } setSize={ 2 }>\n * \t\t\t\t<TreeGridCell>\n * \t\t\t\t\t{ ( props ) => (\n * \t\t\t\t\t\t<Button onClick={ onSelect } { ...props }>Select</Button>\n * \t\t\t\t\t) }\n * \t\t\t\t</TreeGridCell>\n * \t\t\t\t<TreeGridCell>\n * \t\t\t\t\t{ ( props ) => (\n * \t\t\t\t\t\t<Button onClick={ onMove } { ...props }>Move</Button>\n * \t\t\t\t\t) }\n * \t\t\t\t</TreeGridCell>\n * \t\t\t</TreeGridRow>\n * \t\t\t<TreeGridRow level={ 1 } positionInSet={ 2 } setSize={ 2 }>\n * \t\t\t\t<TreeGridCell>\n * \t\t\t\t\t{ ( props ) => (\n * \t\t\t\t\t\t<Button onClick={ onSelect } { ...props }>Select</Button>\n * \t\t\t\t\t) }\n * \t\t\t\t</TreeGridCell>\n * \t\t\t\t<TreeGridCell>\n * \t\t\t\t\t{ ( props ) => (\n * \t\t\t\t\t\t<Button onClick={ onMove } { ...props }>Move</Button>\n * \t\t\t\t\t) }\n * \t\t\t\t</TreeGridCell>\n * \t\t\t</TreeGridRow>\n * \t\t\t<TreeGridRow level={ 2 } positionInSet={ 1 } setSize={ 1 }>\n * \t\t\t\t<TreeGridCell>\n * \t\t\t\t\t{ ( props ) => (\n * \t\t\t\t\t\t<Button onClick={ onSelect } { ...props }>Select</Button>\n * \t\t\t\t\t) }\n * \t\t\t\t</TreeGridCell>\n * \t\t\t\t<TreeGridCell>\n * \t\t\t\t\t{ ( props ) => (\n * \t\t\t\t\t\t<Button onClick={ onMove } { ...props }>Move</Button>\n * \t\t\t\t\t) }\n * \t\t\t\t</TreeGridCell>\n * \t\t\t</TreeGridRow>\n * \t\t</TreeGrid>\n * \t);\n * }\n * ```\n *\n * @see {@link https://www.w3.org/TR/wai-aria-practices/examples/treegrid/treegrid-1.html}\n */\nexport const TreeGrid = forwardRef(UnforwardedTreeGrid);\nTreeGrid.displayName = 'TreeGrid';\nexport default TreeGrid;\nexport { default as TreeGridRow } from './row';\nexport { default as TreeGridCell } from './cell';\nexport { default as TreeGridItem } from './item';"],
+  "mappings": "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",
   "names": ["default"]
 }

package/build-module/tree-grid/item.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/tree-grid/item.tsx"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport RovingTabIndexItem from './roving-tab-index-item';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnforwardedTreeGridItem({\n  children,\n  ...props\n}, ref) {\n  return /*#__PURE__*/_jsx(RovingTabIndexItem, {\n    ref: ref,\n    ...props,\n    children: children\n  });\n}\n\n/**\n * `TreeGridItem` is used to create a tree hierarchy.\n * It is not a visually styled component, but instead helps with adding\n * keyboard navigation and roving tab index behaviors to tree grid structures.\n *\n * @see {@link https://www.w3.org/TR/wai-aria-practices/examples/treegrid/treegrid-1.html}\n */\nexport const TreeGridItem = forwardRef(UnforwardedTreeGridItem);\nTreeGridItem.displayName = 'TreeGridItem';\nexport default TreeGridItem;"],
-  "mappings": ";AAGA,SAAS,kBAAkB;AAK3B,OAAO,wBAAwB;AAC/B,SAAS,OAAO,YAAY;AAC5B,SAAS,wBAAwB;AAAA,EAC/B;AAAA,EACA,GAAG;AACL,GAAG,KAAK;AACN,SAAoB,qBAAK,oBAAoB;AAAA,IAC3C;AAAA,IACA,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AACH;AASO,IAAM,eAAe,WAAW,uBAAuB;AAC9D,aAAa,cAAc;AAC3B,IAAO,eAAQ;",
+  "sourcesContent": ["import { forwardRef } from '@wordpress/element';\nimport RovingTabIndexItem from './roving-tab-index-item';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnforwardedTreeGridItem({\n  children,\n  ...props\n}, ref) {\n  return /*#__PURE__*/_jsx(RovingTabIndexItem, {\n    ref: ref,\n    ...props,\n    children: children\n  });\n}\n\n/**\n * `TreeGridItem` is used to create a tree hierarchy.\n * It is not a visually styled component, but instead helps with adding\n * keyboard navigation and roving tab index behaviors to tree grid structures.\n *\n * @see {@link https://www.w3.org/TR/wai-aria-practices/examples/treegrid/treegrid-1.html}\n */\nexport const TreeGridItem = forwardRef(UnforwardedTreeGridItem);\nTreeGridItem.displayName = 'TreeGridItem';\nexport default TreeGridItem;"],
+  "mappings": ";AAAA,SAAS,kBAAkB;AAC3B,OAAO,wBAAwB;AAC/B,SAAS,OAAO,YAAY;AAC5B,SAAS,wBAAwB;AAAA,EAC/B;AAAA,EACA,GAAG;AACL,GAAG,KAAK;AACN,SAAoB,qBAAK,oBAAoB;AAAA,IAC3C;AAAA,IACA,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AACH;AASO,IAAM,eAAe,WAAW,uBAAuB;AAC9D,aAAa,cAAc;AAC3B,IAAO,eAAQ;",
   "names": []
 }

package/build-module/tree-grid/roving-tab-index-context.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/tree-grid/roving-tab-index-context.ts"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\nconst RovingTabIndexContext = createContext(undefined);\nRovingTabIndexContext.displayName = 'RovingTabIndexContext';\nexport const useRovingTabIndexContext = () => useContext(RovingTabIndexContext);\nexport const RovingTabIndexProvider = RovingTabIndexContext.Provider;"],
-  "mappings": ";AAGA,SAAS,eAAe,kBAAkB;AAC1C,IAAM,wBAAwB,cAAc,MAAS;AACrD,sBAAsB,cAAc;AAC7B,IAAM,2BAA2B,MAAM,WAAW,qBAAqB;AACvE,IAAM,yBAAyB,sBAAsB;",
+  "sourcesContent": ["import { createContext, useContext } from '@wordpress/element';\nconst RovingTabIndexContext = createContext(undefined);\nRovingTabIndexContext.displayName = 'RovingTabIndexContext';\nexport const useRovingTabIndexContext = () => useContext(RovingTabIndexContext);\nexport const RovingTabIndexProvider = RovingTabIndexContext.Provider;"],
+  "mappings": ";AAAA,SAAS,eAAe,kBAAkB;AAC1C,IAAM,wBAAwB,cAAc,MAAS;AACrD,sBAAsB,cAAc;AAC7B,IAAM,2BAA2B,MAAM,WAAW,qBAAqB;AACvE,IAAM,yBAAyB,sBAAsB;",
   "names": []
 }

package/build-module/tree-grid/roving-tab-index-item.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/tree-grid/roving-tab-index-item.tsx"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useRef, forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useRovingTabIndexContext } from './roving-tab-index-context';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const RovingTabIndexItem = forwardRef(function UnforwardedRovingTabIndexItem({\n  children,\n  as: Component,\n  ...props\n}, forwardedRef) {\n  const localRef = useRef(null);\n  const ref = forwardedRef || localRef;\n  // @ts-expect-error - We actually want to throw an error if this is undefined.\n  const {\n    lastFocusedElement,\n    setLastFocusedElement\n  } = useRovingTabIndexContext();\n  let tabIndex;\n  if (lastFocusedElement) {\n    tabIndex = lastFocusedElement === (\n    // TODO: The original implementation simply used `ref.current` here, assuming\n    // that a forwarded ref would always be an object, which is not necessarily true.\n    // This workaround maintains the original runtime behavior in a type-safe way,\n    // but should be revisited.\n    'current' in ref ? ref.current : undefined) ? 0 : -1;\n  }\n  const onFocus = event => setLastFocusedElement?.(event.target);\n  const allProps = {\n    ref,\n    tabIndex,\n    onFocus,\n    ...props\n  };\n  if (typeof children === 'function') {\n    return children(allProps);\n  }\n  if (!Component) {\n    return null;\n  }\n  return /*#__PURE__*/_jsx(Component, {\n    ...allProps,\n    children: children\n  });\n});\nRovingTabIndexItem.displayName = 'RovingTabIndexItem';\nexport default RovingTabIndexItem;"],
-  "mappings": ";AAGA,SAAS,QAAQ,kBAAkB;AAKnC,SAAS,gCAAgC;AACzC,SAAS,OAAO,YAAY;AACrB,IAAM,qBAAqB,WAAW,SAAS,8BAA8B;AAAA,EAClF;AAAA,EACA,IAAI;AAAA,EACJ,GAAG;AACL,GAAG,cAAc;AACf,QAAM,WAAW,OAAO,IAAI;AAC5B,QAAM,MAAM,gBAAgB;AAE5B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI,yBAAyB;AAC7B,MAAI;AACJ,MAAI,oBAAoB;AACtB,eAAW;AAAA;AAAA;AAAA;AAAA,KAKX,aAAa,MAAM,IAAI,UAAU,UAAa,IAAI;AAAA,EACpD;AACA,QAAM,UAAU,WAAS,wBAAwB,MAAM,MAAM;AAC7D,QAAM,WAAW;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL;AACA,MAAI,OAAO,aAAa,YAAY;AAClC,WAAO,SAAS,QAAQ;AAAA,EAC1B;AACA,MAAI,CAAC,WAAW;AACd,WAAO;AAAA,EACT;AACA,SAAoB,qBAAK,WAAW;AAAA,IAClC,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AACH,CAAC;AACD,mBAAmB,cAAc;AACjC,IAAO,gCAAQ;",
+  "sourcesContent": ["import { useRef, forwardRef } from '@wordpress/element';\nimport { useRovingTabIndexContext } from './roving-tab-index-context';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const RovingTabIndexItem = forwardRef(function UnforwardedRovingTabIndexItem({\n  children,\n  as: Component,\n  ...props\n}, forwardedRef) {\n  const localRef = useRef(null);\n  const ref = forwardedRef || localRef;\n  // @ts-expect-error - We actually want to throw an error if this is undefined.\n  const {\n    lastFocusedElement,\n    setLastFocusedElement\n  } = useRovingTabIndexContext();\n  let tabIndex;\n  if (lastFocusedElement) {\n    tabIndex = lastFocusedElement === (\n    // TODO: The original implementation simply used `ref.current` here, assuming\n    // that a forwarded ref would always be an object, which is not necessarily true.\n    // This workaround maintains the original runtime behavior in a type-safe way,\n    // but should be revisited.\n    'current' in ref ? ref.current : undefined) ? 0 : -1;\n  }\n  const onFocus = event => setLastFocusedElement?.(event.target);\n  const allProps = {\n    ref,\n    tabIndex,\n    onFocus,\n    ...props\n  };\n  if (typeof children === 'function') {\n    return children(allProps);\n  }\n  if (!Component) {\n    return null;\n  }\n  return /*#__PURE__*/_jsx(Component, {\n    ...allProps,\n    children: children\n  });\n});\nRovingTabIndexItem.displayName = 'RovingTabIndexItem';\nexport default RovingTabIndexItem;"],
+  "mappings": ";AAAA,SAAS,QAAQ,kBAAkB;AACnC,SAAS,gCAAgC;AACzC,SAAS,OAAO,YAAY;AACrB,IAAM,qBAAqB,WAAW,SAAS,8BAA8B;AAAA,EAClF;AAAA,EACA,IAAI;AAAA,EACJ,GAAG;AACL,GAAG,cAAc;AACf,QAAM,WAAW,OAAO,IAAI;AAC5B,QAAM,MAAM,gBAAgB;AAE5B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI,yBAAyB;AAC7B,MAAI;AACJ,MAAI,oBAAoB;AACtB,eAAW;AAAA;AAAA;AAAA;AAAA,KAKX,aAAa,MAAM,IAAI,UAAU,UAAa,IAAI;AAAA,EACpD;AACA,QAAM,UAAU,WAAS,wBAAwB,MAAM,MAAM;AAC7D,QAAM,WAAW;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL;AACA,MAAI,OAAO,aAAa,YAAY;AAClC,WAAO,SAAS,QAAQ;AAAA,EAC1B;AACA,MAAI,CAAC,WAAW;AACd,WAAO;AAAA,EACT;AACA,SAAoB,qBAAK,WAAW;AAAA,IAClC,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AACH,CAAC;AACD,mBAAmB,cAAc;AACjC,IAAO,gCAAQ;",
   "names": []
 }

package/build-module/tree-grid/roving-tab-index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/tree-grid/roving-tab-index.tsx"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useState, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { RovingTabIndexProvider } from './roving-tab-index-context';\n\n/**\n * Provider for adding roving tab index behaviors to tree grid structures.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/components/src/tree-grid/README.md\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function RovingTabIndex({\n  children\n}) {\n  const [lastFocusedElement, setLastFocusedElement] = useState();\n\n  // Use `useMemo` to avoid creation of a new object for the providerValue\n  // on every render. Only create a new object when the `lastFocusedElement`\n  // value changes.\n  const providerValue = useMemo(() => ({\n    lastFocusedElement,\n    setLastFocusedElement\n  }), [lastFocusedElement]);\n  return /*#__PURE__*/_jsx(RovingTabIndexProvider, {\n    value: providerValue,\n    children: children\n  });\n}"],
-  "mappings": ";AAGA,SAAS,UAAU,eAAe;AAKlC,SAAS,8BAA8B;AAOvC,SAAS,OAAO,YAAY;AACb,SAAR,eAAgC;AAAA,EACrC;AACF,GAAG;AACD,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAS;AAK7D,QAAM,gBAAgB,QAAQ,OAAO;AAAA,IACnC;AAAA,IACA;AAAA,EACF,IAAI,CAAC,kBAAkB,CAAC;AACxB,SAAoB,qBAAK,wBAAwB;AAAA,IAC/C,OAAO;AAAA,IACP;AAAA,EACF,CAAC;AACH;",
+  "sourcesContent": ["import { useState, useMemo } from '@wordpress/element';\nimport { RovingTabIndexProvider } from './roving-tab-index-context';\n\n/**\n * Provider for adding roving tab index behaviors to tree grid structures.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/components/src/tree-grid/README.md\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function RovingTabIndex({\n  children\n}) {\n  const [lastFocusedElement, setLastFocusedElement] = useState();\n\n  // Use `useMemo` to avoid creation of a new object for the providerValue\n  // on every render. Only create a new object when the `lastFocusedElement`\n  // value changes.\n  const providerValue = useMemo(() => ({\n    lastFocusedElement,\n    setLastFocusedElement\n  }), [lastFocusedElement]);\n  return /*#__PURE__*/_jsx(RovingTabIndexProvider, {\n    value: providerValue,\n    children: children\n  });\n}"],
+  "mappings": ";AAAA,SAAS,UAAU,eAAe;AAClC,SAAS,8BAA8B;AAOvC,SAAS,OAAO,YAAY;AACb,SAAR,eAAgC;AAAA,EACrC;AACF,GAAG;AACD,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAS;AAK7D,QAAM,gBAAgB,QAAQ,OAAO;AAAA,IACnC;AAAA,IACA;AAAA,EACF,IAAI,CAAC,kBAAkB,CAAC;AACxB,SAAoB,qBAAK,wBAAwB;AAAA,IAC/C,OAAO;AAAA,IACP;AAAA,EACF,CAAC;AACH;",
   "names": []
 }

package/build-module/tree-grid/row.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/tree-grid/row.tsx"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnforwardedTreeGridRow({\n  children,\n  level,\n  positionInSet,\n  setSize,\n  isExpanded,\n  ...props\n}, ref) {\n  return /*#__PURE__*/_jsx(\"tr\", {\n    ...props,\n    ref: ref,\n    role: \"row\",\n    \"aria-level\": level,\n    \"aria-posinset\": positionInSet,\n    \"aria-setsize\": setSize,\n    \"aria-expanded\": isExpanded,\n    children: children\n  });\n}\n\n/**\n * `TreeGridRow` is used to create a tree hierarchy.\n * It is not a visually styled component, but instead helps with adding\n * keyboard navigation and roving tab index behaviors to tree grid structures.\n *\n * @see {@link https://www.w3.org/TR/wai-aria-practices/examples/treegrid/treegrid-1.html}\n */\nexport const TreeGridRow = forwardRef(UnforwardedTreeGridRow);\nTreeGridRow.displayName = 'TreeGridRow';\nexport default TreeGridRow;"],
-  "mappings": ";AAGA,SAAS,kBAAkB;AAK3B,SAAS,OAAO,YAAY;AAC5B,SAAS,uBAAuB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,KAAK;AACN,SAAoB,qBAAK,MAAM;AAAA,IAC7B,GAAG;AAAA,IACH;AAAA,IACA,MAAM;AAAA,IACN,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB;AAAA,EACF,CAAC;AACH;AASO,IAAM,cAAc,WAAW,sBAAsB;AAC5D,YAAY,cAAc;AAC1B,IAAO,cAAQ;",
+  "sourcesContent": ["import { forwardRef } from '@wordpress/element';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnforwardedTreeGridRow({\n  children,\n  level,\n  positionInSet,\n  setSize,\n  isExpanded,\n  ...props\n}, ref) {\n  return /*#__PURE__*/_jsx(\"tr\", {\n    ...props,\n    ref: ref,\n    role: \"row\",\n    \"aria-level\": level,\n    \"aria-posinset\": positionInSet,\n    \"aria-setsize\": setSize,\n    \"aria-expanded\": isExpanded,\n    children: children\n  });\n}\n\n/**\n * `TreeGridRow` is used to create a tree hierarchy.\n * It is not a visually styled component, but instead helps with adding\n * keyboard navigation and roving tab index behaviors to tree grid structures.\n *\n * @see {@link https://www.w3.org/TR/wai-aria-practices/examples/treegrid/treegrid-1.html}\n */\nexport const TreeGridRow = forwardRef(UnforwardedTreeGridRow);\nTreeGridRow.displayName = 'TreeGridRow';\nexport default TreeGridRow;"],
+  "mappings": ";AAAA,SAAS,kBAAkB;AAC3B,SAAS,OAAO,YAAY;AAC5B,SAAS,uBAAuB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,KAAK;AACN,SAAoB,qBAAK,MAAM;AAAA,IAC7B,GAAG;AAAA,IACH;AAAA,IACA,MAAM;AAAA,IACN,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB;AAAA,EACF,CAAC;AACH;AASO,IAAM,cAAc,WAAW,sBAAsB;AAC5D,YAAY,cAAc;AAC1B,IAAO,cAAQ;",
   "names": []
 }

package/build-module/tree-select/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/tree-select/index.tsx"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport { SelectControl } from '../select-control';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction getSelectOptions(tree, level = 0) {\n  return tree.flatMap(treeNode => [{\n    value: treeNode.id,\n    label: '\\u00A0'.repeat(level * 3) + decodeEntities(treeNode.name)\n  }, ...getSelectOptions(treeNode.children || [], level + 1)]);\n}\n\n/**\n * Generates a hierarchical select input.\n *\n * ```jsx\n * import { useState } from 'react';\n * import { TreeSelect } from '@wordpress/components';\n *\n * const MyTreeSelect = () => {\n * \tconst [ page, setPage ] = useState( 'p21' );\n *\n * \treturn (\n * \t\t<TreeSelect\n * \t\t\tlabel=\"Parent page\"\n * \t\t\tnoOptionLabel=\"No parent page\"\n * \t\t\tonChange={ ( newPage ) => setPage( newPage ) }\n * \t\t\tselectedId={ page }\n * \t\t\ttree={ [\n * \t\t\t\t{\n * \t\t\t\t\tname: 'Page 1',\n * \t\t\t\t\tid: 'p1',\n * \t\t\t\t\tchildren: [\n * \t\t\t\t\t\t{ name: 'Descend 1 of page 1', id: 'p11' },\n * \t\t\t\t\t\t{ name: 'Descend 2 of page 1', id: 'p12' },\n * \t\t\t\t\t],\n * \t\t\t\t},\n * \t\t\t\t{\n * \t\t\t\t\tname: 'Page 2',\n * \t\t\t\t\tid: 'p2',\n * \t\t\t\t\tchildren: [\n * \t\t\t\t\t\t{\n * \t\t\t\t\t\t\tname: 'Descend 1 of page 2',\n * \t\t\t\t\t\t\tid: 'p21',\n * \t\t\t\t\t\t\tchildren: [\n * \t\t\t\t\t\t\t\t{\n * \t\t\t\t\t\t\t\t\tname: 'Descend 1 of Descend 1 of page 2',\n * \t\t\t\t\t\t\t\t\tid: 'p211',\n * \t\t\t\t\t\t\t\t},\n * \t\t\t\t\t\t\t],\n * \t\t\t\t\t\t},\n * \t\t\t\t\t],\n * \t\t\t\t},\n * \t\t\t] }\n * \t\t/>\n * \t);\n * }\n * ```\n */\nexport function TreeSelect(props) {\n  const {\n    // Prevent passing legacy props to internal component.\n    __nextHasNoMarginBottom: _,\n    __next40pxDefaultSize: _next40pxDefaultSize,\n    label,\n    noOptionLabel,\n    onChange,\n    selectedId,\n    tree = [],\n    ...restProps\n  } = props;\n  const options = useMemo(() => {\n    return [noOptionLabel && {\n      value: '',\n      label: noOptionLabel\n    }, ...getSelectOptions(tree)].filter(option => !!option);\n  }, [noOptionLabel, tree]);\n  return /*#__PURE__*/_jsx(SelectControl, {\n    label,\n    options,\n    onChange,\n    value: selectedId,\n    ...restProps\n  });\n}\nexport default TreeSelect;"],
-  "mappings": ";AAGA,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAK/B,SAAS,qBAAqB;AAC9B,SAAS,OAAO,YAAY;AAC5B,SAAS,iBAAiB,MAAM,QAAQ,GAAG;AACzC,SAAO,KAAK,QAAQ,cAAY,CAAC;AAAA,IAC/B,OAAO,SAAS;AAAA,IAChB,OAAO,IAAS,OAAO,QAAQ,CAAC,IAAI,eAAe,SAAS,IAAI;AAAA,EAClE,GAAG,GAAG,iBAAiB,SAAS,YAAY,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;AAC7D;AAiDO,SAAS,WAAW,OAAO;AAChC,QAAM;AAAA;AAAA,IAEJ,yBAAyB;AAAA,IACzB,uBAAuB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,IACR,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,UAAU,QAAQ,MAAM;AAC5B,WAAO,CAAC,iBAAiB;AAAA,MACvB,OAAO;AAAA,MACP,OAAO;AAAA,IACT,GAAG,GAAG,iBAAiB,IAAI,CAAC,EAAE,OAAO,YAAU,CAAC,CAAC,MAAM;AAAA,EACzD,GAAG,CAAC,eAAe,IAAI,CAAC;AACxB,SAAoB,qBAAK,eAAe;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,GAAG;AAAA,EACL,CAAC;AACH;AACA,IAAO,sBAAQ;",
+  "sourcesContent": ["import { useMemo } from '@wordpress/element';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { SelectControl } from '../select-control';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction getSelectOptions(tree, level = 0) {\n  return tree.flatMap(treeNode => [{\n    value: treeNode.id,\n    label: '\\u00A0'.repeat(level * 3) + decodeEntities(treeNode.name)\n  }, ...getSelectOptions(treeNode.children || [], level + 1)]);\n}\n\n/**\n * Generates a hierarchical select input.\n *\n * ```jsx\n * import { useState } from 'react';\n * import { TreeSelect } from '@wordpress/components';\n *\n * const MyTreeSelect = () => {\n * \tconst [ page, setPage ] = useState( 'p21' );\n *\n * \treturn (\n * \t\t<TreeSelect\n * \t\t\tlabel=\"Parent page\"\n * \t\t\tnoOptionLabel=\"No parent page\"\n * \t\t\tonChange={ ( newPage ) => setPage( newPage ) }\n * \t\t\tselectedId={ page }\n * \t\t\ttree={ [\n * \t\t\t\t{\n * \t\t\t\t\tname: 'Page 1',\n * \t\t\t\t\tid: 'p1',\n * \t\t\t\t\tchildren: [\n * \t\t\t\t\t\t{ name: 'Descend 1 of page 1', id: 'p11' },\n * \t\t\t\t\t\t{ name: 'Descend 2 of page 1', id: 'p12' },\n * \t\t\t\t\t],\n * \t\t\t\t},\n * \t\t\t\t{\n * \t\t\t\t\tname: 'Page 2',\n * \t\t\t\t\tid: 'p2',\n * \t\t\t\t\tchildren: [\n * \t\t\t\t\t\t{\n * \t\t\t\t\t\t\tname: 'Descend 1 of page 2',\n * \t\t\t\t\t\t\tid: 'p21',\n * \t\t\t\t\t\t\tchildren: [\n * \t\t\t\t\t\t\t\t{\n * \t\t\t\t\t\t\t\t\tname: 'Descend 1 of Descend 1 of page 2',\n * \t\t\t\t\t\t\t\t\tid: 'p211',\n * \t\t\t\t\t\t\t\t},\n * \t\t\t\t\t\t\t],\n * \t\t\t\t\t\t},\n * \t\t\t\t\t],\n * \t\t\t\t},\n * \t\t\t] }\n * \t\t/>\n * \t);\n * }\n * ```\n */\nexport function TreeSelect(props) {\n  const {\n    // Prevent passing legacy props to internal component.\n    __nextHasNoMarginBottom: _,\n    __next40pxDefaultSize: _next40pxDefaultSize,\n    label,\n    noOptionLabel,\n    onChange,\n    selectedId,\n    tree = [],\n    ...restProps\n  } = props;\n  const options = useMemo(() => {\n    return [noOptionLabel && {\n      value: '',\n      label: noOptionLabel\n    }, ...getSelectOptions(tree)].filter(option => !!option);\n  }, [noOptionLabel, tree]);\n  return /*#__PURE__*/_jsx(SelectControl, {\n    label,\n    options,\n    onChange,\n    value: selectedId,\n    ...restProps\n  });\n}\nexport default TreeSelect;"],
+  "mappings": ";AAAA,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAC9B,SAAS,OAAO,YAAY;AAC5B,SAAS,iBAAiB,MAAM,QAAQ,GAAG;AACzC,SAAO,KAAK,QAAQ,cAAY,CAAC;AAAA,IAC/B,OAAO,SAAS;AAAA,IAChB,OAAO,IAAS,OAAO,QAAQ,CAAC,IAAI,eAAe,SAAS,IAAI;AAAA,EAClE,GAAG,GAAG,iBAAiB,SAAS,YAAY,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;AAC7D;AAiDO,SAAS,WAAW,OAAO;AAChC,QAAM;AAAA;AAAA,IAEJ,yBAAyB;AAAA,IACzB,uBAAuB;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,IACR,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,UAAU,QAAQ,MAAM;AAC5B,WAAO,CAAC,iBAAiB;AAAA,MACvB,OAAO;AAAA,MACP,OAAO;AAAA,IACT,GAAG,GAAG,iBAAiB,IAAI,CAAC,EAAE,OAAO,YAAU,CAAC,CAAC,MAAM;AAAA,EACzD,GAAG,CAAC,eAAe,IAAI,CAAC;AACxB,SAAoB,qBAAK,eAAe;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,GAAG;AAAA,EACL,CAAC;AACH;AACA,IAAO,sBAAQ;",
   "names": []
 }

package/build-module/truncate/component.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/truncate/component.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * Internal dependencies\n */\n\nimport { contextConnect } from '../context';\nimport { View } from '../view';\nimport useTruncate from './hook';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnconnectedTruncate(props, forwardedRef) {\n  const truncateProps = useTruncate(props);\n  return /*#__PURE__*/_jsx(View, {\n    as: \"span\",\n    ...truncateProps,\n    ref: forwardedRef\n  });\n}\n\n/**\n * `Truncate` is a typography primitive that trims text content.\n * For almost all cases, it is recommended that `Text`, `Heading`, or\n * `Subheading` is used to render text content. However,`Truncate` is\n * available for custom implementations.\n *\n * ```jsx\n * import { __experimentalTruncate as Truncate } from `@wordpress/components`;\n *\n * function Example() {\n * \treturn (\n * \t\t<Truncate>\n * \t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ex\n * \t\t\tneque, vulputate a diam et, luctus convallis lacus. Vestibulum ac\n * \t\t\tmollis mi. Morbi id elementum massa.\n * \t\t</Truncate>\n * \t);\n * }\n * ```\n */\nexport const Truncate = contextConnect(UnconnectedTruncate, 'Truncate');\nexport default Truncate;"],
-  "mappings": ";AAQA,SAAS,sBAAsB;AAC/B,SAAS,YAAY;AACrB,OAAO,iBAAiB;AACxB,SAAS,OAAO,YAAY;AAC5B,SAAS,oBAAoB,OAAO,cAAc;AAChD,QAAM,gBAAgB,YAAY,KAAK;AACvC,SAAoB,qBAAK,MAAM;AAAA,IAC7B,IAAI;AAAA,IACJ,GAAG;AAAA,IACH,KAAK;AAAA,EACP,CAAC;AACH;AAsBO,IAAM,WAAW,eAAe,qBAAqB,UAAU;AACtE,IAAO,oBAAQ;",
+  "sourcesContent": ["import { contextConnect } from '../context';\nimport { View } from '../view';\nimport useTruncate from './hook';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnconnectedTruncate(props, forwardedRef) {\n  const truncateProps = useTruncate(props);\n  return /*#__PURE__*/_jsx(View, {\n    as: \"span\",\n    ...truncateProps,\n    ref: forwardedRef\n  });\n}\n\n/**\n * `Truncate` is a typography primitive that trims text content.\n * For almost all cases, it is recommended that `Text`, `Heading`, or\n * `Subheading` is used to render text content. However,`Truncate` is\n * available for custom implementations.\n *\n * ```jsx\n * import { __experimentalTruncate as Truncate } from `@wordpress/components`;\n *\n * function Example() {\n * \treturn (\n * \t\t<Truncate>\n * \t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ex\n * \t\t\tneque, vulputate a diam et, luctus convallis lacus. Vestibulum ac\n * \t\t\tmollis mi. Morbi id elementum massa.\n * \t\t</Truncate>\n * \t);\n * }\n * ```\n */\nexport const Truncate = contextConnect(UnconnectedTruncate, 'Truncate');\nexport default Truncate;"],
+  "mappings": ";AAAA,SAAS,sBAAsB;AAC/B,SAAS,YAAY;AACrB,OAAO,iBAAiB;AACxB,SAAS,OAAO,YAAY;AAC5B,SAAS,oBAAoB,OAAO,cAAc;AAChD,QAAM,gBAAgB,YAAY,KAAK;AACvC,SAAoB,qBAAK,MAAM;AAAA,IAC7B,IAAI;AAAA,IACJ,GAAG;AAAA,IACH,KAAK;AAAA,EACP,CAAC;AACH;AAsBO,IAAM,WAAW,eAAe,qBAAqB,UAAU;AACtE,IAAO,oBAAQ;",
   "names": []
 }

package/build-module/truncate/hook.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/truncate/hook.ts", "../../../style-runtime/src/index.ts", "../../src/truncate/style.module.scss"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * Internal dependencies\n */\n\nimport { useContextSystem } from '../context';\nimport { TRUNCATE_ELLIPSIS, TRUNCATE_TYPE, truncateContent } from './utils';\nimport styles from './style.module.scss';\nexport default function useTruncate(props) {\n  const {\n    className,\n    children,\n    ellipsis = TRUNCATE_ELLIPSIS,\n    ellipsizeMode = TRUNCATE_TYPE.auto,\n    limit = 0,\n    numberOfLines = 0,\n    style,\n    ...otherProps\n  } = useContextSystem(props, 'Truncate');\n  let childrenAsText;\n  if (typeof children === 'string') {\n    childrenAsText = children;\n  } else if (typeof children === 'number') {\n    childrenAsText = children.toString();\n  }\n  const truncatedContent = childrenAsText ? truncateContent(childrenAsText, {\n    ellipsis,\n    ellipsizeMode,\n    limit,\n    numberOfLines\n  }) : children;\n  const shouldTruncate = !!childrenAsText && ellipsizeMode === TRUNCATE_TYPE.auto;\n  const shouldClampLines = shouldTruncate && !!numberOfLines;\n  const shouldClampSingleLine = shouldClampLines && numberOfLines === 1;\n  const classes = clsx(shouldTruncate && !numberOfLines && styles.truncate, shouldClampLines && styles['is-line-clamp'], shouldClampSingleLine && styles['is-single-line'], className);\n  const truncateStyle = shouldClampLines ? {\n    ...style,\n    '--wp-components-truncate-lines': numberOfLines\n  } : style;\n  return {\n    ...otherProps,\n    className: classes,\n    style: truncateStyle,\n    children: truncatedContent\n  };\n}", "const STYLE_HASH_ATTRIBUTE = 'data-wp-hash';\n\n/**\n * Returns the shared style runtime registry.\n *\n * The registry is stored on `globalThis` so separately bundled copies of this\n * package can coordinate through the same document and style maps.\n *\n * @return The shared runtime registry.\n */\nfunction getRuntime() {\n  const globalScope = globalThis;\n  if (globalScope.__wpStyleRuntime) {\n    return globalScope.__wpStyleRuntime;\n  }\n  globalScope.__wpStyleRuntime = {\n    documents: new Map(),\n    styles: new Map(),\n    injectedStyles: new WeakMap()\n  };\n  if (typeof document !== 'undefined') {\n    registerDocument(document);\n  }\n  return globalScope.__wpStyleRuntime;\n}\n\n/**\n * Checks whether a document already contains a style tag for a hash.\n *\n * @param targetDocument Document to inspect.\n * @param hash           Stable hash for the transformed CSS.\n *\n * @return Whether the style hash already exists in the document.\n */\nfunction documentContainsStyleHash(targetDocument, hash) {\n  if (!targetDocument.head) {\n    return false;\n  }\n  for (const style of targetDocument.head.querySelectorAll(`style[${STYLE_HASH_ATTRIBUTE}]`)) {\n    if (style.getAttribute(STYLE_HASH_ATTRIBUTE) === hash) {\n      return true;\n    }\n  }\n  return false;\n}\n\n/**\n * Injects a registered style into a document, unless that document already\n * contains a style tag for the same hash.\n *\n * @param targetDocument Document to inject the style into.\n * @param hash           Stable hash for the transformed CSS.\n * @param css            CSS text to inject.\n */\nfunction injectStyle(targetDocument, hash, css) {\n  if (!targetDocument.head) {\n    return;\n  }\n  const runtime = getRuntime();\n  let injectedStyles = runtime.injectedStyles.get(targetDocument);\n  if (!injectedStyles) {\n    injectedStyles = new Set();\n    runtime.injectedStyles.set(targetDocument, injectedStyles);\n  }\n  if (injectedStyles.has(hash)) {\n    return;\n  }\n\n  // Older generated CSS module output can still inject matching style tags\n  // after this document's cache is created, so keep the DOM as the fallback\n  // source of truth on cache misses.\n  if (documentContainsStyleHash(targetDocument, hash)) {\n    injectedStyles.add(hash);\n    return;\n  }\n  const style = targetDocument.createElement('style');\n  style.setAttribute(STYLE_HASH_ATTRIBUTE, hash);\n  style.appendChild(targetDocument.createTextNode(css));\n  targetDocument.head.appendChild(style);\n  injectedStyles.add(hash);\n}\n\n/**\n * Registers a document as a style injection target.\n *\n * Existing registered styles are replayed into the document immediately.\n * Documents are reference-counted so multiple providers can safely register the\n * same document without one cleanup removing it while another registration is\n * still active.\n *\n * @param targetDocument Document to receive registered styles.\n * @return Cleanup function that unregisters this document registration.\n */\nexport function registerDocument(targetDocument) {\n  const runtime = getRuntime();\n  runtime.documents.set(targetDocument, (runtime.documents.get(targetDocument) ?? 0) + 1);\n  for (const [hash, css] of runtime.styles) {\n    injectStyle(targetDocument, hash, css);\n  }\n  return () => {\n    const count = runtime.documents.get(targetDocument);\n    if (count === undefined) {\n      return;\n    }\n    if (count <= 1) {\n      runtime.documents.delete(targetDocument);\n      return;\n    }\n    runtime.documents.set(targetDocument, count - 1);\n  };\n}\n\n/**\n * Registers a style and injects it into all registered documents.\n *\n * The hash is used as the deduplication key, so calling this repeatedly with\n * the same hash will not add duplicate style tags to a document.\n * Registered styles are retained for the lifetime of the page so they can be\n * replayed into documents that are registered later.\n *\n * @param hash Stable hash for the transformed CSS.\n * @param css  CSS text to inject.\n */\nexport function registerStyle(hash, css) {\n  const runtime = getRuntime();\n  runtime.styles.set(hash, css);\n  for (const targetDocument of runtime.documents.keys()) {\n    injectStyle(targetDocument, hash, css);\n  }\n}", "import { registerStyle } from '@wordpress/style-runtime';\nif (typeof process === 'undefined' || process.env.NODE_ENV !== 'test') {\n\tregisterStyle(\"beeae56da8\", \"._51f2afb77f24a721__truncate{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.d232bf8e2132288d__is-line-clamp{-webkit-box-orient:vertical;-webkit-line-clamp:var(--wp-components-truncate-lines);display:-webkit-box;overflow:hidden}.d232bf8e2132288d__is-line-clamp._95bf20b727db236f__is-single-line{word-break:break-all}\");\n}\nexport default {\"truncate\":\"_51f2afb77f24a721__truncate\",\"is-line-clamp\":\"d232bf8e2132288d__is-line-clamp\",\"is-single-line\":\"_95bf20b727db236f__is-single-line\"};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { useContextSystem } from '../context';\nimport { TRUNCATE_ELLIPSIS, TRUNCATE_TYPE, truncateContent } from './utils';\nimport styles from './style.module.scss';\nexport default function useTruncate(props) {\n  const {\n    className,\n    children,\n    ellipsis = TRUNCATE_ELLIPSIS,\n    ellipsizeMode = TRUNCATE_TYPE.auto,\n    limit = 0,\n    numberOfLines = 0,\n    style,\n    ...otherProps\n  } = useContextSystem(props, 'Truncate');\n  let childrenAsText;\n  if (typeof children === 'string') {\n    childrenAsText = children;\n  } else if (typeof children === 'number') {\n    childrenAsText = children.toString();\n  }\n  const truncatedContent = childrenAsText ? truncateContent(childrenAsText, {\n    ellipsis,\n    ellipsizeMode,\n    limit,\n    numberOfLines\n  }) : children;\n  const shouldTruncate = !!childrenAsText && ellipsizeMode === TRUNCATE_TYPE.auto;\n  const shouldClampLines = shouldTruncate && !!numberOfLines;\n  const shouldClampSingleLine = shouldClampLines && numberOfLines === 1;\n  const classes = clsx(shouldTruncate && !numberOfLines && styles.truncate, shouldClampLines && styles['is-line-clamp'], shouldClampSingleLine && styles['is-single-line'], className);\n  const truncateStyle = shouldClampLines ? {\n    ...style,\n    '--wp-components-truncate-lines': numberOfLines\n  } : style;\n  return {\n    ...otherProps,\n    className: classes,\n    style: truncateStyle,\n    children: truncatedContent\n  };\n}", "const STYLE_HASH_ATTRIBUTE = 'data-wp-hash';\n\n/**\n * Returns the shared style runtime registry.\n *\n * The registry is stored on `globalThis` so separately bundled copies of this\n * package can coordinate through the same document and style maps.\n *\n * @return The shared runtime registry.\n */\nfunction getRuntime() {\n  const globalScope = globalThis;\n  if (globalScope.__wpStyleRuntime) {\n    return globalScope.__wpStyleRuntime;\n  }\n  globalScope.__wpStyleRuntime = {\n    documents: new Map(),\n    styles: new Map(),\n    injectedStyles: new WeakMap()\n  };\n  if (typeof document !== 'undefined') {\n    registerDocument(document);\n  }\n  return globalScope.__wpStyleRuntime;\n}\n\n/**\n * Checks whether a document already contains a style tag for a hash.\n *\n * @param targetDocument Document to inspect.\n * @param hash           Stable hash for the transformed CSS.\n *\n * @return Whether the style hash already exists in the document.\n */\nfunction documentContainsStyleHash(targetDocument, hash) {\n  if (!targetDocument.head) {\n    return false;\n  }\n  for (const style of targetDocument.head.querySelectorAll(`style[${STYLE_HASH_ATTRIBUTE}]`)) {\n    if (style.getAttribute(STYLE_HASH_ATTRIBUTE) === hash) {\n      return true;\n    }\n  }\n  return false;\n}\n\n/**\n * Injects a registered style into a document, unless that document already\n * contains a style tag for the same hash.\n *\n * @param targetDocument Document to inject the style into.\n * @param hash           Stable hash for the transformed CSS.\n * @param css            CSS text to inject.\n */\nfunction injectStyle(targetDocument, hash, css) {\n  if (!targetDocument.head) {\n    return;\n  }\n  const runtime = getRuntime();\n  let injectedStyles = runtime.injectedStyles.get(targetDocument);\n  if (!injectedStyles) {\n    injectedStyles = new Set();\n    runtime.injectedStyles.set(targetDocument, injectedStyles);\n  }\n  if (injectedStyles.has(hash)) {\n    return;\n  }\n\n  // Older generated CSS module output can still inject matching style tags\n  // after this document's cache is created, so keep the DOM as the fallback\n  // source of truth on cache misses.\n  if (documentContainsStyleHash(targetDocument, hash)) {\n    injectedStyles.add(hash);\n    return;\n  }\n  const style = targetDocument.createElement('style');\n  style.setAttribute(STYLE_HASH_ATTRIBUTE, hash);\n  style.appendChild(targetDocument.createTextNode(css));\n  targetDocument.head.appendChild(style);\n  injectedStyles.add(hash);\n}\n\n/**\n * Registers a document as a style injection target.\n *\n * Existing registered styles are replayed into the document immediately.\n * Documents are reference-counted so multiple providers can safely register the\n * same document without one cleanup removing it while another registration is\n * still active.\n *\n * @param targetDocument Document to receive registered styles.\n * @return Cleanup function that unregisters this document registration.\n */\nexport function registerDocument(targetDocument) {\n  const runtime = getRuntime();\n  runtime.documents.set(targetDocument, (runtime.documents.get(targetDocument) ?? 0) + 1);\n  for (const [hash, css] of runtime.styles) {\n    injectStyle(targetDocument, hash, css);\n  }\n  return () => {\n    const count = runtime.documents.get(targetDocument);\n    if (count === undefined) {\n      return;\n    }\n    if (count <= 1) {\n      runtime.documents.delete(targetDocument);\n      return;\n    }\n    runtime.documents.set(targetDocument, count - 1);\n  };\n}\n\n/**\n * Registers a style and injects it into all registered documents.\n *\n * The hash is used as the deduplication key, so calling this repeatedly with\n * the same hash will not add duplicate style tags to a document.\n * Registered styles are retained for the lifetime of the page so they can be\n * replayed into documents that are registered later.\n *\n * @param hash Stable hash for the transformed CSS.\n * @param css  CSS text to inject.\n */\nexport function registerStyle(hash, css) {\n  const runtime = getRuntime();\n  runtime.styles.set(hash, css);\n  for (const targetDocument of runtime.documents.keys()) {\n    injectStyle(targetDocument, hash, css);\n  }\n}", "import { registerStyle } from '@wordpress/style-runtime';\nif (typeof process === 'undefined' || process.env.NODE_ENV !== 'test') {\n\tregisterStyle(\"beeae56da8\", \"._51f2afb77f24a721__truncate{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.d232bf8e2132288d__is-line-clamp{-webkit-box-orient:vertical;-webkit-line-clamp:var(--wp-components-truncate-lines);display:-webkit-box;overflow:hidden}.d232bf8e2132288d__is-line-clamp._95bf20b727db236f__is-single-line{word-break:break-all}\");\n}\nexport default {\"truncate\":\"_51f2afb77f24a721__truncate\",\"is-line-clamp\":\"d232bf8e2132288d__is-line-clamp\",\"is-single-line\":\"_95bf20b727db236f__is-single-line\"};\n"],
+  "mappings": "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",
   "names": []
 }

package/build-module/truncate/utils.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/truncate/utils.ts"],
-  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { isValueDefined } from '../utils/values';\nexport const TRUNCATE_ELLIPSIS = '…';\nexport const TRUNCATE_TYPE = {\n  auto: 'auto',\n  head: 'head',\n  middle: 'middle',\n  tail: 'tail',\n  none: 'none'\n};\nexport const TRUNCATE_DEFAULT_PROPS = {\n  ellipsis: TRUNCATE_ELLIPSIS,\n  ellipsizeMode: TRUNCATE_TYPE.auto,\n  limit: 0,\n  numberOfLines: 0\n};\n\n// Source\n// https://github.com/kahwee/truncate-middle\nexport function truncateMiddle(word, headLength, tailLength, ellipsis) {\n  if (typeof word !== 'string') {\n    return '';\n  }\n  const wordLength = word.length;\n  // Setting default values\n  // eslint-disable-next-line no-bitwise\n  const frontLength = ~~headLength; // Will cast to integer\n  // eslint-disable-next-line no-bitwise\n  const backLength = ~~tailLength;\n  /* istanbul ignore next */\n  const truncateStr = isValueDefined(ellipsis) ? ellipsis : TRUNCATE_ELLIPSIS;\n  if (frontLength === 0 && backLength === 0 || frontLength >= wordLength || backLength >= wordLength || frontLength + backLength >= wordLength) {\n    return word;\n  } else if (backLength === 0) {\n    return word.slice(0, frontLength) + truncateStr;\n  }\n  return word.slice(0, frontLength) + truncateStr + word.slice(wordLength - backLength);\n}\nexport function truncateContent(words = '', props) {\n  const mergedProps = {\n    ...TRUNCATE_DEFAULT_PROPS,\n    ...props\n  };\n  const {\n    ellipsis,\n    ellipsizeMode,\n    limit\n  } = mergedProps;\n  if (ellipsizeMode === TRUNCATE_TYPE.none) {\n    return words;\n  }\n  let truncateHead;\n  let truncateTail;\n  switch (ellipsizeMode) {\n    case TRUNCATE_TYPE.head:\n      truncateHead = 0;\n      truncateTail = limit;\n      break;\n    case TRUNCATE_TYPE.middle:\n      truncateHead = Math.floor(limit / 2);\n      truncateTail = Math.floor(limit / 2);\n      break;\n    default:\n      truncateHead = limit;\n      truncateTail = 0;\n  }\n  const truncatedContent = ellipsizeMode !== TRUNCATE_TYPE.auto ? truncateMiddle(words, truncateHead, truncateTail, ellipsis) : words;\n  return truncatedContent;\n}"],
-  "mappings": ";AAGA,SAAS,sBAAsB;AACxB,IAAM,oBAAoB;AAC1B,IAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AACR;AACO,IAAM,yBAAyB;AAAA,EACpC,UAAU;AAAA,EACV,eAAe,cAAc;AAAA,EAC7B,OAAO;AAAA,EACP,eAAe;AACjB;AAIO,SAAS,eAAe,MAAM,YAAY,YAAY,UAAU;AACrE,MAAI,OAAO,SAAS,UAAU;AAC5B,WAAO;AAAA,EACT;AACA,QAAM,aAAa,KAAK;AAGxB,QAAM,cAAc,CAAC,CAAC;AAEtB,QAAM,aAAa,CAAC,CAAC;AAErB,QAAM,cAAc,eAAe,QAAQ,IAAI,WAAW;AAC1D,MAAI,gBAAgB,KAAK,eAAe,KAAK,eAAe,cAAc,cAAc,cAAc,cAAc,cAAc,YAAY;AAC5I,WAAO;AAAA,EACT,WAAW,eAAe,GAAG;AAC3B,WAAO,KAAK,MAAM,GAAG,WAAW,IAAI;AAAA,EACtC;AACA,SAAO,KAAK,MAAM,GAAG,WAAW,IAAI,cAAc,KAAK,MAAM,aAAa,UAAU;AACtF;AACO,SAAS,gBAAgB,QAAQ,IAAI,OAAO;AACjD,QAAM,cAAc;AAAA,IAClB,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,MAAI,kBAAkB,cAAc,MAAM;AACxC,WAAO;AAAA,EACT;AACA,MAAI;AACJ,MAAI;AACJ,UAAQ,eAAe;AAAA,IACrB,KAAK,cAAc;AACjB,qBAAe;AACf,qBAAe;AACf;AAAA,IACF,KAAK,cAAc;AACjB,qBAAe,KAAK,MAAM,QAAQ,CAAC;AACnC,qBAAe,KAAK,MAAM,QAAQ,CAAC;AACnC;AAAA,IACF;AACE,qBAAe;AACf,qBAAe;AAAA,EACnB;AACA,QAAM,mBAAmB,kBAAkB,cAAc,OAAO,eAAe,OAAO,cAAc,cAAc,QAAQ,IAAI;AAC9H,SAAO;AACT;",
+  "sourcesContent": ["import { isValueDefined } from '../utils/values';\nexport const TRUNCATE_ELLIPSIS = '…';\nexport const TRUNCATE_TYPE = {\n  auto: 'auto',\n  head: 'head',\n  middle: 'middle',\n  tail: 'tail',\n  none: 'none'\n};\nexport const TRUNCATE_DEFAULT_PROPS = {\n  ellipsis: TRUNCATE_ELLIPSIS,\n  ellipsizeMode: TRUNCATE_TYPE.auto,\n  limit: 0,\n  numberOfLines: 0\n};\n\n// Source\n// https://github.com/kahwee/truncate-middle\nexport function truncateMiddle(word, headLength, tailLength, ellipsis) {\n  if (typeof word !== 'string') {\n    return '';\n  }\n  const wordLength = word.length;\n  // Setting default values\n  // eslint-disable-next-line no-bitwise\n  const frontLength = ~~headLength; // Will cast to integer\n  // eslint-disable-next-line no-bitwise\n  const backLength = ~~tailLength;\n  /* istanbul ignore next */\n  const truncateStr = isValueDefined(ellipsis) ? ellipsis : TRUNCATE_ELLIPSIS;\n  if (frontLength === 0 && backLength === 0 || frontLength >= wordLength || backLength >= wordLength || frontLength + backLength >= wordLength) {\n    return word;\n  } else if (backLength === 0) {\n    return word.slice(0, frontLength) + truncateStr;\n  }\n  return word.slice(0, frontLength) + truncateStr + word.slice(wordLength - backLength);\n}\nexport function truncateContent(words = '', props) {\n  const mergedProps = {\n    ...TRUNCATE_DEFAULT_PROPS,\n    ...props\n  };\n  const {\n    ellipsis,\n    ellipsizeMode,\n    limit\n  } = mergedProps;\n  if (ellipsizeMode === TRUNCATE_TYPE.none) {\n    return words;\n  }\n  let truncateHead;\n  let truncateTail;\n  switch (ellipsizeMode) {\n    case TRUNCATE_TYPE.head:\n      truncateHead = 0;\n      truncateTail = limit;\n      break;\n    case TRUNCATE_TYPE.middle:\n      truncateHead = Math.floor(limit / 2);\n      truncateTail = Math.floor(limit / 2);\n      break;\n    default:\n      truncateHead = limit;\n      truncateTail = 0;\n  }\n  const truncatedContent = ellipsizeMode !== TRUNCATE_TYPE.auto ? truncateMiddle(words, truncateHead, truncateTail, ellipsis) : words;\n  return truncatedContent;\n}"],
+  "mappings": ";AAAA,SAAS,sBAAsB;AACxB,IAAM,oBAAoB;AAC1B,IAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AACR;AACO,IAAM,yBAAyB;AAAA,EACpC,UAAU;AAAA,EACV,eAAe,cAAc;AAAA,EAC7B,OAAO;AAAA,EACP,eAAe;AACjB;AAIO,SAAS,eAAe,MAAM,YAAY,YAAY,UAAU;AACrE,MAAI,OAAO,SAAS,UAAU;AAC5B,WAAO;AAAA,EACT;AACA,QAAM,aAAa,KAAK;AAGxB,QAAM,cAAc,CAAC,CAAC;AAEtB,QAAM,aAAa,CAAC,CAAC;AAErB,QAAM,cAAc,eAAe,QAAQ,IAAI,WAAW;AAC1D,MAAI,gBAAgB,KAAK,eAAe,KAAK,eAAe,cAAc,cAAc,cAAc,cAAc,cAAc,YAAY;AAC5I,WAAO;AAAA,EACT,WAAW,eAAe,GAAG;AAC3B,WAAO,KAAK,MAAM,GAAG,WAAW,IAAI;AAAA,EACtC;AACA,SAAO,KAAK,MAAM,GAAG,WAAW,IAAI,cAAc,KAAK,MAAM,aAAa,UAAU;AACtF;AACO,SAAS,gBAAgB,QAAQ,IAAI,OAAO;AACjD,QAAM,cAAc;AAAA,IAClB,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,MAAI,kBAAkB,cAAc,MAAM;AACxC,WAAO;AAAA,EACT;AACA,MAAI;AACJ,MAAI;AACJ,UAAQ,eAAe;AAAA,IACrB,KAAK,cAAc;AACjB,qBAAe;AACf,qBAAe;AACf;AAAA,IACF,KAAK,cAAc;AACjB,qBAAe,KAAK,MAAM,QAAQ,CAAC;AACnC,qBAAe,KAAK,MAAM,QAAQ,CAAC;AACnC;AAAA,IACF;AACE,qBAAe;AACf,qBAAe;AAAA,EACnB;AACA,QAAM,mBAAmB,kBAAkB,cAAc,OAAO,eAAe,OAAO,cAAc,cAAc,QAAQ,IAAI;AAC9H,SAAO;AACT;",
   "names": []
 }

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

@@ -119,7 +119,6 @@ function UnforwardedUnitControl(unitControlProps, forwardedRef) {
   }
   return /* @__PURE__ */ _jsx(ValueInput, {
     ...props,
-    __next40pxDefaultSize: true,
     autoComplete,
     className: classes,
     disabled,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/unit-control/index.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\n\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\nimport { forwardRef, useMemo, useRef, useEffect } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\n\nimport { ValueInput } from './styles/unit-control-styles';\nimport UnitSelectControl from './unit-select-control';\nimport { CSS_UNITS, getParsedQuantityAndUnit, getUnitsWithCurrentUnit, getValidParsedQuantityAndUnit } from './utils';\nimport { useControlledState } from '../utils/hooks';\nimport { escapeRegExp } from '../utils/strings';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnforwardedUnitControl(unitControlProps, forwardedRef) {\n  const {\n    __unstableStateReducer,\n    autoComplete = 'off',\n    // @ts-expect-error Ensure that children is omitted from restProps\n    children,\n    className,\n    disabled = false,\n    disableUnits = false,\n    isPressEnterToChange = false,\n    isResetValueOnUnitChange = false,\n    isUnitSelectTabbable = true,\n    label,\n    onChange: onChangeProp,\n    onUnitChange,\n    size = 'default',\n    unit: unitProp,\n    units: unitsProp = CSS_UNITS,\n    value: valueProp,\n    onFocus: onFocusProp,\n    ...props\n  } = unitControlProps;\n  if ('unit' in unitControlProps) {\n    deprecated('UnitControl unit prop', {\n      since: '5.6',\n      hint: 'The unit should be provided within the `value` prop.',\n      version: '6.2'\n    });\n  }\n\n  // The `value` prop, in theory, should not be `null`, but the following line\n  // ensures it fallback to `undefined` in case a consumer of `UnitControl`\n  // still passes `null` as a `value`.\n  const nonNullValueProp = valueProp ?? undefined;\n  const [units, reFirstCharacterOfUnits] = useMemo(() => {\n    const list = getUnitsWithCurrentUnit(nonNullValueProp, unitProp, unitsProp);\n    const [{\n      value: firstUnitValue = ''\n    } = {}, ...rest] = list;\n    const firstCharacters = rest.reduce((carry, {\n      value\n    }) => {\n      const first = escapeRegExp(value?.substring(0, 1) || '');\n      return carry.includes(first) ? carry : `${carry}|${first}`;\n    }, escapeRegExp(firstUnitValue.substring(0, 1)));\n    return [list, new RegExp(`^(?:${firstCharacters})$`, 'i')];\n  }, [nonNullValueProp, unitProp, unitsProp]);\n  const [parsedQuantity, parsedUnit] = getParsedQuantityAndUnit(nonNullValueProp, unitProp, units);\n  const [unit, setUnit] = useControlledState(units.length === 1 ? units[0].value : unitProp, {\n    initial: parsedUnit,\n    fallback: ''\n  });\n  useEffect(() => {\n    if (parsedUnit !== undefined) {\n      setUnit(parsedUnit);\n    }\n  }, [parsedUnit, setUnit]);\n  const classes = clsx('components-unit-control',\n  // This class is added for legacy purposes to maintain it on the outer\n  // wrapper. See: https://github.com/WordPress/gutenberg/pull/45139\n  'components-unit-control-wrapper', className);\n  const handleOnQuantityChange = (nextQuantityValue, changeProps) => {\n    if (nextQuantityValue === '' || typeof nextQuantityValue === 'undefined' || nextQuantityValue === null) {\n      onChangeProp?.('', changeProps);\n      return;\n    }\n\n    /*\n     * Customizing the onChange callback.\n     * This allows as to broadcast a combined value+unit to onChange.\n     */\n    const onChangeValue = getValidParsedQuantityAndUnit(nextQuantityValue, units, parsedQuantity, unit).join('');\n    onChangeProp?.(onChangeValue, changeProps);\n  };\n  const handleOnUnitChange = (nextUnitValue, changeProps) => {\n    const {\n      data\n    } = changeProps;\n    let nextValue = `${parsedQuantity ?? ''}${nextUnitValue}`;\n    if (isResetValueOnUnitChange && data?.default !== undefined) {\n      nextValue = `${data.default}${nextUnitValue}`;\n    }\n    onChangeProp?.(nextValue, changeProps);\n    onUnitChange?.(nextUnitValue, changeProps);\n    setUnit(nextUnitValue);\n  };\n  let handleOnKeyDown;\n  if (!disableUnits && isUnitSelectTabbable && units.length) {\n    handleOnKeyDown = event => {\n      props.onKeyDown?.(event);\n      // Unless the meta or ctrl key was pressed (to avoid interfering with\n      // shortcuts, e.g. pastes), move focus to the unit select if a key\n      // matches the first character of a unit.\n      if (!event.metaKey && !event.ctrlKey && reFirstCharacterOfUnits.test(event.key)) {\n        refInputSuffix.current?.focus();\n      }\n    };\n  }\n  const refInputSuffix = useRef(null);\n  const inputSuffix = !disableUnits ? /*#__PURE__*/_jsx(UnitSelectControl, {\n    ref: refInputSuffix,\n    \"aria-label\": __('Select unit'),\n    disabled: disabled,\n    isUnitSelectTabbable: isUnitSelectTabbable,\n    onChange: handleOnUnitChange,\n    size: ['small', 'compact'].includes(size) ? 'small' : 'default',\n    unit: unit,\n    units: units,\n    onFocus: onFocusProp,\n    onBlur: unitControlProps.onBlur\n  }) : null;\n  let step = props.step;\n\n  /*\n   * If no step prop has been passed, lookup the active unit and\n   * try to get step from `units`, or default to a value of `1`\n   */\n  if (!step && units) {\n    const activeUnit = units.find(option => option.value === unit);\n    step = activeUnit?.step ?? 1;\n  }\n  return /*#__PURE__*/_jsx(ValueInput, {\n    ...props,\n    __next40pxDefaultSize: true,\n    autoComplete: autoComplete,\n    className: classes,\n    disabled: disabled,\n    spinControls: \"none\",\n    isPressEnterToChange: isPressEnterToChange,\n    label: label,\n    onKeyDown: handleOnKeyDown,\n    onChange: handleOnQuantityChange,\n    ref: forwardedRef,\n    size: size,\n    suffix: inputSuffix,\n    type: isPressEnterToChange ? 'text' : 'number',\n    value: parsedQuantity ?? '',\n    step: step,\n    onFocus: onFocusProp,\n    __unstableStateReducer: __unstableStateReducer\n  });\n}\n\n/**\n * `UnitControl` allows the user to set a numeric quantity as well as a unit (e.g. `px`).\n *\n *\n * ```jsx\n * import { __experimentalUnitControl as UnitControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const Example = () => {\n *   const [ value, setValue ] = useState( '10px' );\n *\n *   return <UnitControl onChange={ setValue } value={ value } />;\n * };\n * ```\n */\nexport const UnitControl = forwardRef(UnforwardedUnitControl);\nUnitControl.displayName = 'UnitControl';\nexport { parseQuantityAndUnitFromRawValue, useCustomUnits } from './utils';\nexport default UnitControl;"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport deprecated from '@wordpress/deprecated';\nimport { forwardRef, useMemo, useRef, useEffect } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { ValueInput } from './styles/unit-control-styles';\nimport UnitSelectControl from './unit-select-control';\nimport { CSS_UNITS, getParsedQuantityAndUnit, getUnitsWithCurrentUnit, getValidParsedQuantityAndUnit } from './utils';\nimport { useControlledState } from '../utils/hooks';\nimport { escapeRegExp } from '../utils/strings';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnforwardedUnitControl(unitControlProps, forwardedRef) {\n  const {\n    __unstableStateReducer,\n    autoComplete = 'off',\n    // @ts-expect-error Ensure that children is omitted from restProps\n    children,\n    className,\n    disabled = false,\n    disableUnits = false,\n    isPressEnterToChange = false,\n    isResetValueOnUnitChange = false,\n    isUnitSelectTabbable = true,\n    label,\n    onChange: onChangeProp,\n    onUnitChange,\n    size = 'default',\n    unit: unitProp,\n    units: unitsProp = CSS_UNITS,\n    value: valueProp,\n    onFocus: onFocusProp,\n    ...props\n  } = unitControlProps;\n  if ('unit' in unitControlProps) {\n    deprecated('UnitControl unit prop', {\n      since: '5.6',\n      hint: 'The unit should be provided within the `value` prop.',\n      version: '6.2'\n    });\n  }\n\n  // The `value` prop, in theory, should not be `null`, but the following line\n  // ensures it fallback to `undefined` in case a consumer of `UnitControl`\n  // still passes `null` as a `value`.\n  const nonNullValueProp = valueProp ?? undefined;\n  const [units, reFirstCharacterOfUnits] = useMemo(() => {\n    const list = getUnitsWithCurrentUnit(nonNullValueProp, unitProp, unitsProp);\n    const [{\n      value: firstUnitValue = ''\n    } = {}, ...rest] = list;\n    const firstCharacters = rest.reduce((carry, {\n      value\n    }) => {\n      const first = escapeRegExp(value?.substring(0, 1) || '');\n      return carry.includes(first) ? carry : `${carry}|${first}`;\n    }, escapeRegExp(firstUnitValue.substring(0, 1)));\n    return [list, new RegExp(`^(?:${firstCharacters})$`, 'i')];\n  }, [nonNullValueProp, unitProp, unitsProp]);\n  const [parsedQuantity, parsedUnit] = getParsedQuantityAndUnit(nonNullValueProp, unitProp, units);\n  const [unit, setUnit] = useControlledState(units.length === 1 ? units[0].value : unitProp, {\n    initial: parsedUnit,\n    fallback: ''\n  });\n  useEffect(() => {\n    if (parsedUnit !== undefined) {\n      setUnit(parsedUnit);\n    }\n  }, [parsedUnit, setUnit]);\n  const classes = clsx('components-unit-control',\n  // This class is added for legacy purposes to maintain it on the outer\n  // wrapper. See: https://github.com/WordPress/gutenberg/pull/45139\n  'components-unit-control-wrapper', className);\n  const handleOnQuantityChange = (nextQuantityValue, changeProps) => {\n    if (nextQuantityValue === '' || typeof nextQuantityValue === 'undefined' || nextQuantityValue === null) {\n      onChangeProp?.('', changeProps);\n      return;\n    }\n\n    /*\n     * Customizing the onChange callback.\n     * This allows as to broadcast a combined value+unit to onChange.\n     */\n    const onChangeValue = getValidParsedQuantityAndUnit(nextQuantityValue, units, parsedQuantity, unit).join('');\n    onChangeProp?.(onChangeValue, changeProps);\n  };\n  const handleOnUnitChange = (nextUnitValue, changeProps) => {\n    const {\n      data\n    } = changeProps;\n    let nextValue = `${parsedQuantity ?? ''}${nextUnitValue}`;\n    if (isResetValueOnUnitChange && data?.default !== undefined) {\n      nextValue = `${data.default}${nextUnitValue}`;\n    }\n    onChangeProp?.(nextValue, changeProps);\n    onUnitChange?.(nextUnitValue, changeProps);\n    setUnit(nextUnitValue);\n  };\n  let handleOnKeyDown;\n  if (!disableUnits && isUnitSelectTabbable && units.length) {\n    handleOnKeyDown = event => {\n      props.onKeyDown?.(event);\n      // Unless the meta or ctrl key was pressed (to avoid interfering with\n      // shortcuts, e.g. pastes), move focus to the unit select if a key\n      // matches the first character of a unit.\n      if (!event.metaKey && !event.ctrlKey && reFirstCharacterOfUnits.test(event.key)) {\n        refInputSuffix.current?.focus();\n      }\n    };\n  }\n  const refInputSuffix = useRef(null);\n  const inputSuffix = !disableUnits ? /*#__PURE__*/_jsx(UnitSelectControl, {\n    ref: refInputSuffix,\n    \"aria-label\": __('Select unit'),\n    disabled: disabled,\n    isUnitSelectTabbable: isUnitSelectTabbable,\n    onChange: handleOnUnitChange,\n    size: ['small', 'compact'].includes(size) ? 'small' : 'default',\n    unit: unit,\n    units: units,\n    onFocus: onFocusProp,\n    onBlur: unitControlProps.onBlur\n  }) : null;\n  let step = props.step;\n\n  /*\n   * If no step prop has been passed, lookup the active unit and\n   * try to get step from `units`, or default to a value of `1`\n   */\n  if (!step && units) {\n    const activeUnit = units.find(option => option.value === unit);\n    step = activeUnit?.step ?? 1;\n  }\n  return /*#__PURE__*/_jsx(ValueInput, {\n    ...props,\n    autoComplete: autoComplete,\n    className: classes,\n    disabled: disabled,\n    spinControls: \"none\",\n    isPressEnterToChange: isPressEnterToChange,\n    label: label,\n    onKeyDown: handleOnKeyDown,\n    onChange: handleOnQuantityChange,\n    ref: forwardedRef,\n    size: size,\n    suffix: inputSuffix,\n    type: isPressEnterToChange ? 'text' : 'number',\n    value: parsedQuantity ?? '',\n    step: step,\n    onFocus: onFocusProp,\n    __unstableStateReducer: __unstableStateReducer\n  });\n}\n\n/**\n * `UnitControl` allows the user to set a numeric quantity as well as a unit (e.g. `px`).\n *\n *\n * ```jsx\n * import { __experimentalUnitControl as UnitControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const Example = () => {\n *   const [ value, setValue ] = useState( '10px' );\n *\n *   return <UnitControl onChange={ setValue } value={ value } />;\n * };\n * ```\n */\nexport const UnitControl = forwardRef(UnforwardedUnitControl);\nUnitControl.displayName = 'UnitControl';\nexport { parseQuantityAndUnitFromRawValue, useCustomUnits } from './utils';\nexport default UnitControl;"],
+  "mappings": "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",
   "names": []
 }