@wordpress/components 38.0.0 → 39.0.0

package/build/tools-panel/tools-panel/hook.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/tools-panel/tools-panel/hook.ts", "../../../../style-runtime/src/index.ts", "../../../src/tools-panel/style.module.scss"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useCallback, useEffect, useMemo, useReducer, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport styles from '../style.module.scss';\nimport { useContextSystem } from '../../context';\nfunction emptyMenuItems() {\n  return {\n    default: {},\n    optional: {}\n  };\n}\nfunction emptyState() {\n  return {\n    panelItems: [],\n    menuItemOrder: [],\n    menuItems: emptyMenuItems()\n  };\n}\nconst generateMenuItems = ({\n  panelItems,\n  shouldReset,\n  currentMenuItems,\n  menuItemOrder\n}) => {\n  const newMenuItems = emptyMenuItems();\n  const menuItems = emptyMenuItems();\n  panelItems.forEach(({\n    hasValue,\n    isShownByDefault,\n    label\n  }) => {\n    const group = isShownByDefault ? 'default' : 'optional';\n\n    // If a menu item for this label has already been flagged as customized\n    // (for default controls), or toggled on (for optional controls), do not\n    // overwrite its value as those controls would lose that state.\n    const existingItemValue = currentMenuItems?.[group]?.[label];\n    const value = existingItemValue ? existingItemValue : hasValue();\n    newMenuItems[group][label] = shouldReset ? false : value;\n  });\n\n  // Loop the known, previously registered items first to maintain menu order.\n  menuItemOrder.forEach(key => {\n    if (newMenuItems.default.hasOwnProperty(key)) {\n      menuItems.default[key] = newMenuItems.default[key];\n    }\n    if (newMenuItems.optional.hasOwnProperty(key)) {\n      menuItems.optional[key] = newMenuItems.optional[key];\n    }\n  });\n\n  // Loop newMenuItems object adding any that aren't in the known items order.\n  Object.keys(newMenuItems.default).forEach(key => {\n    if (!menuItems.default.hasOwnProperty(key)) {\n      menuItems.default[key] = newMenuItems.default[key];\n    }\n  });\n  Object.keys(newMenuItems.optional).forEach(key => {\n    if (!menuItems.optional.hasOwnProperty(key)) {\n      menuItems.optional[key] = newMenuItems.optional[key];\n    }\n  });\n  return menuItems;\n};\nfunction panelItemsReducer(panelItems, action) {\n  switch (action.type) {\n    case 'REGISTER_PANEL':\n      {\n        const newItems = [...panelItems];\n        // If an item with this label has already been registered, remove it\n        // first. This can happen when an item is moved between the default\n        // and optional groups.\n        const existingIndex = newItems.findIndex(oldItem => oldItem.label === action.item.label);\n        if (existingIndex !== -1) {\n          newItems.splice(existingIndex, 1);\n        }\n        newItems.push(action.item);\n        return newItems;\n      }\n    case 'UNREGISTER_PANEL':\n      {\n        const index = panelItems.findIndex(item => item.label === action.label);\n        if (index !== -1) {\n          const newItems = [...panelItems];\n          newItems.splice(index, 1);\n          return newItems;\n        }\n        return panelItems;\n      }\n    default:\n      return panelItems;\n  }\n}\nfunction menuItemOrderReducer(menuItemOrder, action) {\n  switch (action.type) {\n    case 'REGISTER_PANEL':\n      {\n        // Track the initial order of item registration. This is used for\n        // maintaining menu item order later.\n        if (menuItemOrder.includes(action.item.label)) {\n          return menuItemOrder;\n        }\n        return [...menuItemOrder, action.item.label];\n      }\n    default:\n      return menuItemOrder;\n  }\n}\nfunction menuItemsReducer(state, action) {\n  switch (action.type) {\n    case 'REGISTER_PANEL':\n    case 'UNREGISTER_PANEL':\n      // generate new menu items from original `menuItems` and updated `panelItems` and `menuItemOrder`\n      return generateMenuItems({\n        currentMenuItems: state.menuItems,\n        panelItems: state.panelItems,\n        menuItemOrder: state.menuItemOrder,\n        shouldReset: false\n      });\n    case 'RESET_ALL':\n      return generateMenuItems({\n        panelItems: state.panelItems,\n        menuItemOrder: state.menuItemOrder,\n        shouldReset: true\n      });\n    case 'UPDATE_VALUE':\n      {\n        const oldValue = state.menuItems[action.group][action.label];\n        if (action.value === oldValue) {\n          return state.menuItems;\n        }\n        return {\n          ...state.menuItems,\n          [action.group]: {\n            ...state.menuItems[action.group],\n            [action.label]: action.value\n          }\n        };\n      }\n    case 'TOGGLE_VALUE':\n      {\n        const currentItem = state.panelItems.find(item => item.label === action.label);\n        if (!currentItem) {\n          return state.menuItems;\n        }\n        const menuGroup = currentItem.isShownByDefault ? 'default' : 'optional';\n        const newMenuItems = {\n          ...state.menuItems,\n          [menuGroup]: {\n            ...state.menuItems[menuGroup],\n            [action.label]: !state.menuItems[menuGroup][action.label]\n          }\n        };\n        return newMenuItems;\n      }\n    default:\n      return state.menuItems;\n  }\n}\nfunction panelReducer(state, action) {\n  const panelItems = panelItemsReducer(state.panelItems, action);\n  const menuItemOrder = menuItemOrderReducer(state.menuItemOrder, action);\n  // `menuItemsReducer` is a bit unusual because it generates new state from original `menuItems`\n  // and the updated `panelItems` and `menuItemOrder`.\n  const menuItems = menuItemsReducer({\n    panelItems,\n    menuItemOrder,\n    menuItems: state.menuItems\n  }, action);\n  return {\n    panelItems,\n    menuItemOrder,\n    menuItems\n  };\n}\nfunction resetAllFiltersReducer(filters, action) {\n  switch (action.type) {\n    case 'REGISTER':\n      return [...filters, action.filter];\n    case 'UNREGISTER':\n      return filters.filter(f => f !== action.filter);\n    default:\n      return filters;\n  }\n}\nconst isMenuItemTypeEmpty = obj => Object.keys(obj).length === 0;\nexport function useToolsPanel(props) {\n  const {\n    className,\n    headingLevel = 2,\n    resetAll,\n    panelId,\n    hasInnerWrapper = false,\n    shouldRenderPlaceholderItems = false,\n    __experimentalFirstVisibleItemClass,\n    __experimentalLastVisibleItemClass,\n    ...otherProps\n  } = useContextSystem(props, 'ToolsPanel');\n  const isResettingRef = useRef(false);\n  const wasResetting = isResettingRef.current;\n\n  // `isResettingRef` is cleared via this hook to effectively batch together\n  // the resetAll task. Without this, the flag is cleared after the first\n  // control updates and forces a rerender with subsequent controls then\n  // believing they need to reset, unfortunately using stale data.\n  useEffect(() => {\n    if (wasResetting) {\n      isResettingRef.current = false;\n    }\n  }, [wasResetting]);\n\n  // Allow panel items to register themselves.\n  const [{\n    panelItems,\n    menuItems\n  }, panelDispatch] = useReducer(panelReducer, undefined, emptyState);\n  const [resetAllFilters, dispatchResetAllFilters] = useReducer(resetAllFiltersReducer, []);\n  const registerPanelItem = useCallback(item => {\n    // Add item to panel items.\n    panelDispatch({\n      type: 'REGISTER_PANEL',\n      item\n    });\n  }, []);\n\n  // Panels need to deregister on unmount to avoid orphans in menu state.\n  // This is an issue when panel items are being injected via SlotFills.\n  const deregisterPanelItem = useCallback(label => {\n    // When switching selections between components injecting matching\n    // controls, e.g. both panels have a \"padding\" control, the\n    // deregistration of the first panel doesn't occur until after the\n    // registration of the next.\n    panelDispatch({\n      type: 'UNREGISTER_PANEL',\n      label\n    });\n  }, []);\n  const registerResetAllFilter = useCallback(filter => {\n    dispatchResetAllFilters({\n      type: 'REGISTER',\n      filter\n    });\n  }, []);\n  const deregisterResetAllFilter = useCallback(filter => {\n    dispatchResetAllFilters({\n      type: 'UNREGISTER',\n      filter\n    });\n  }, []);\n\n  // Updates the status of the panel’s menu items. For default items the\n  // value represents whether it differs from the default and for optional\n  // items whether the item is shown.\n  const flagItemCustomization = useCallback((value, label, group = 'default') => {\n    panelDispatch({\n      type: 'UPDATE_VALUE',\n      group,\n      label,\n      value\n    });\n  }, []);\n\n  // Whether all optional menu items are hidden or not must be tracked\n  // in order to later determine if the panel display is empty and handle\n  // conditional display of a plus icon to indicate the presence of further\n  // menu items.\n  const areAllOptionalControlsHidden = useMemo(() => {\n    return isMenuItemTypeEmpty(menuItems.default) && !isMenuItemTypeEmpty(menuItems.optional) && Object.values(menuItems.optional).every(isSelected => !isSelected);\n  }, [menuItems]);\n  const classes = clsx(styles['tools-panel'], hasInnerWrapper && styles['tools-panel-with-inner-wrapper'], areAllOptionalControlsHidden && styles['tools-panel-hidden-inner-wrapper'], className);\n\n  // Toggle the checked state of a menu item which is then used to determine\n  // display of the item within the panel.\n  const toggleItem = useCallback(label => {\n    panelDispatch({\n      type: 'TOGGLE_VALUE',\n      label\n    });\n  }, []);\n\n  // Resets display of children and executes resetAll callback if available.\n  const resetAllItems = useCallback(() => {\n    if (typeof resetAll === 'function') {\n      isResettingRef.current = true;\n      resetAll(resetAllFilters);\n    }\n\n    // Turn off display of all non-default items.\n    panelDispatch({\n      type: 'RESET_ALL'\n    });\n  }, [resetAllFilters, resetAll]);\n\n  // Assist ItemGroup styling when there are potentially hidden placeholder\n  // items by identifying first & last items that are toggled on for display.\n  const getFirstVisibleItemLabel = items => {\n    const optionalItems = menuItems.optional || {};\n    const firstItem = items.find(item => item.isShownByDefault || optionalItems[item.label]);\n    return firstItem?.label;\n  };\n  const firstDisplayedItem = getFirstVisibleItemLabel(panelItems);\n  const lastDisplayedItem = getFirstVisibleItemLabel([...panelItems].reverse());\n  const hasMenuItems = panelItems.length > 0;\n  const panelContext = useMemo(() => ({\n    areAllOptionalControlsHidden,\n    deregisterPanelItem,\n    deregisterResetAllFilter,\n    firstDisplayedItem,\n    flagItemCustomization,\n    hasMenuItems,\n    isResetting: isResettingRef.current,\n    lastDisplayedItem,\n    menuItems,\n    panelId,\n    registerPanelItem,\n    registerResetAllFilter,\n    shouldRenderPlaceholderItems,\n    __experimentalFirstVisibleItemClass,\n    __experimentalLastVisibleItemClass\n  }), [areAllOptionalControlsHidden, deregisterPanelItem, deregisterResetAllFilter, firstDisplayedItem, flagItemCustomization, lastDisplayedItem, menuItems, panelId, hasMenuItems, registerResetAllFilter, registerPanelItem, shouldRenderPlaceholderItems, __experimentalFirstVisibleItemClass, __experimentalLastVisibleItemClass]);\n  return {\n    ...otherProps,\n    headingLevel,\n    panelContext,\n    resetAllItems,\n    toggleItem,\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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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { useCallback, useEffect, useMemo, useReducer, useRef } from '@wordpress/element';\nimport styles from '../style.module.scss';\nimport { useContextSystem } from '../../context';\nfunction emptyMenuItems() {\n  return {\n    default: {},\n    optional: {}\n  };\n}\nfunction emptyState() {\n  return {\n    panelItems: [],\n    menuItemOrder: [],\n    menuItems: emptyMenuItems()\n  };\n}\nconst generateMenuItems = ({\n  panelItems,\n  shouldReset,\n  currentMenuItems,\n  menuItemOrder\n}) => {\n  const newMenuItems = emptyMenuItems();\n  const menuItems = emptyMenuItems();\n  panelItems.forEach(({\n    hasValue,\n    isShownByDefault,\n    label\n  }) => {\n    const group = isShownByDefault ? 'default' : 'optional';\n\n    // If a menu item for this label has already been flagged as customized\n    // (for default controls), or toggled on (for optional controls), do not\n    // overwrite its value as those controls would lose that state.\n    const existingItemValue = currentMenuItems?.[group]?.[label];\n    const value = existingItemValue ? existingItemValue : hasValue();\n    newMenuItems[group][label] = shouldReset ? false : value;\n  });\n\n  // Loop the known, previously registered items first to maintain menu order.\n  menuItemOrder.forEach(key => {\n    if (newMenuItems.default.hasOwnProperty(key)) {\n      menuItems.default[key] = newMenuItems.default[key];\n    }\n    if (newMenuItems.optional.hasOwnProperty(key)) {\n      menuItems.optional[key] = newMenuItems.optional[key];\n    }\n  });\n\n  // Loop newMenuItems object adding any that aren't in the known items order.\n  Object.keys(newMenuItems.default).forEach(key => {\n    if (!menuItems.default.hasOwnProperty(key)) {\n      menuItems.default[key] = newMenuItems.default[key];\n    }\n  });\n  Object.keys(newMenuItems.optional).forEach(key => {\n    if (!menuItems.optional.hasOwnProperty(key)) {\n      menuItems.optional[key] = newMenuItems.optional[key];\n    }\n  });\n  return menuItems;\n};\nfunction panelItemsReducer(panelItems, action) {\n  switch (action.type) {\n    case 'REGISTER_PANEL':\n      {\n        const newItems = [...panelItems];\n        // If an item with this label has already been registered, remove it\n        // first. This can happen when an item is moved between the default\n        // and optional groups.\n        const existingIndex = newItems.findIndex(oldItem => oldItem.label === action.item.label);\n        if (existingIndex !== -1) {\n          newItems.splice(existingIndex, 1);\n        }\n        newItems.push(action.item);\n        return newItems;\n      }\n    case 'UNREGISTER_PANEL':\n      {\n        const index = panelItems.findIndex(item => item.label === action.label);\n        if (index !== -1) {\n          const newItems = [...panelItems];\n          newItems.splice(index, 1);\n          return newItems;\n        }\n        return panelItems;\n      }\n    default:\n      return panelItems;\n  }\n}\nfunction menuItemOrderReducer(menuItemOrder, action) {\n  switch (action.type) {\n    case 'REGISTER_PANEL':\n      {\n        // Track the initial order of item registration. This is used for\n        // maintaining menu item order later.\n        if (menuItemOrder.includes(action.item.label)) {\n          return menuItemOrder;\n        }\n        return [...menuItemOrder, action.item.label];\n      }\n    default:\n      return menuItemOrder;\n  }\n}\nfunction menuItemsReducer(state, action) {\n  switch (action.type) {\n    case 'REGISTER_PANEL':\n    case 'UNREGISTER_PANEL':\n      // generate new menu items from original `menuItems` and updated `panelItems` and `menuItemOrder`\n      return generateMenuItems({\n        currentMenuItems: state.menuItems,\n        panelItems: state.panelItems,\n        menuItemOrder: state.menuItemOrder,\n        shouldReset: false\n      });\n    case 'RESET_ALL':\n      return generateMenuItems({\n        panelItems: state.panelItems,\n        menuItemOrder: state.menuItemOrder,\n        shouldReset: true\n      });\n    case 'UPDATE_VALUE':\n      {\n        const oldValue = state.menuItems[action.group][action.label];\n        if (action.value === oldValue) {\n          return state.menuItems;\n        }\n        return {\n          ...state.menuItems,\n          [action.group]: {\n            ...state.menuItems[action.group],\n            [action.label]: action.value\n          }\n        };\n      }\n    case 'TOGGLE_VALUE':\n      {\n        const currentItem = state.panelItems.find(item => item.label === action.label);\n        if (!currentItem) {\n          return state.menuItems;\n        }\n        const menuGroup = currentItem.isShownByDefault ? 'default' : 'optional';\n        const newMenuItems = {\n          ...state.menuItems,\n          [menuGroup]: {\n            ...state.menuItems[menuGroup],\n            [action.label]: !state.menuItems[menuGroup][action.label]\n          }\n        };\n        return newMenuItems;\n      }\n    default:\n      return state.menuItems;\n  }\n}\nfunction panelReducer(state, action) {\n  const panelItems = panelItemsReducer(state.panelItems, action);\n  const menuItemOrder = menuItemOrderReducer(state.menuItemOrder, action);\n  // `menuItemsReducer` is a bit unusual because it generates new state from original `menuItems`\n  // and the updated `panelItems` and `menuItemOrder`.\n  const menuItems = menuItemsReducer({\n    panelItems,\n    menuItemOrder,\n    menuItems: state.menuItems\n  }, action);\n  return {\n    panelItems,\n    menuItemOrder,\n    menuItems\n  };\n}\nfunction resetAllFiltersReducer(filters, action) {\n  switch (action.type) {\n    case 'REGISTER':\n      return [...filters, action.filter];\n    case 'UNREGISTER':\n      return filters.filter(f => f !== action.filter);\n    default:\n      return filters;\n  }\n}\nconst isMenuItemTypeEmpty = obj => Object.keys(obj).length === 0;\nexport function useToolsPanel(props) {\n  const {\n    className,\n    headingLevel = 2,\n    resetAll,\n    panelId,\n    hasInnerWrapper = false,\n    shouldRenderPlaceholderItems = false,\n    __experimentalFirstVisibleItemClass,\n    __experimentalLastVisibleItemClass,\n    ...otherProps\n  } = useContextSystem(props, 'ToolsPanel');\n  const isResettingRef = useRef(false);\n  const wasResetting = isResettingRef.current;\n\n  // `isResettingRef` is cleared via this hook to effectively batch together\n  // the resetAll task. Without this, the flag is cleared after the first\n  // control updates and forces a rerender with subsequent controls then\n  // believing they need to reset, unfortunately using stale data.\n  useEffect(() => {\n    if (wasResetting) {\n      isResettingRef.current = false;\n    }\n  }, [wasResetting]);\n\n  // Allow panel items to register themselves.\n  const [{\n    panelItems,\n    menuItems\n  }, panelDispatch] = useReducer(panelReducer, undefined, emptyState);\n  const [resetAllFilters, dispatchResetAllFilters] = useReducer(resetAllFiltersReducer, []);\n  const registerPanelItem = useCallback(item => {\n    // Add item to panel items.\n    panelDispatch({\n      type: 'REGISTER_PANEL',\n      item\n    });\n  }, []);\n\n  // Panels need to deregister on unmount to avoid orphans in menu state.\n  // This is an issue when panel items are being injected via SlotFills.\n  const deregisterPanelItem = useCallback(label => {\n    // When switching selections between components injecting matching\n    // controls, e.g. both panels have a \"padding\" control, the\n    // deregistration of the first panel doesn't occur until after the\n    // registration of the next.\n    panelDispatch({\n      type: 'UNREGISTER_PANEL',\n      label\n    });\n  }, []);\n  const registerResetAllFilter = useCallback(filter => {\n    dispatchResetAllFilters({\n      type: 'REGISTER',\n      filter\n    });\n  }, []);\n  const deregisterResetAllFilter = useCallback(filter => {\n    dispatchResetAllFilters({\n      type: 'UNREGISTER',\n      filter\n    });\n  }, []);\n\n  // Updates the status of the panel’s menu items. For default items the\n  // value represents whether it differs from the default and for optional\n  // items whether the item is shown.\n  const flagItemCustomization = useCallback((value, label, group = 'default') => {\n    panelDispatch({\n      type: 'UPDATE_VALUE',\n      group,\n      label,\n      value\n    });\n  }, []);\n\n  // Whether all optional menu items are hidden or not must be tracked\n  // in order to later determine if the panel display is empty and handle\n  // conditional display of a plus icon to indicate the presence of further\n  // menu items.\n  const areAllOptionalControlsHidden = useMemo(() => {\n    return isMenuItemTypeEmpty(menuItems.default) && !isMenuItemTypeEmpty(menuItems.optional) && Object.values(menuItems.optional).every(isSelected => !isSelected);\n  }, [menuItems]);\n  const classes = clsx(styles['tools-panel'], hasInnerWrapper && styles['tools-panel-with-inner-wrapper'], areAllOptionalControlsHidden && styles['tools-panel-hidden-inner-wrapper'], className);\n\n  // Toggle the checked state of a menu item which is then used to determine\n  // display of the item within the panel.\n  const toggleItem = useCallback(label => {\n    panelDispatch({\n      type: 'TOGGLE_VALUE',\n      label\n    });\n  }, []);\n\n  // Resets display of children and executes resetAll callback if available.\n  const resetAllItems = useCallback(() => {\n    if (typeof resetAll === 'function') {\n      isResettingRef.current = true;\n      resetAll(resetAllFilters);\n    }\n\n    // Turn off display of all non-default items.\n    panelDispatch({\n      type: 'RESET_ALL'\n    });\n  }, [resetAllFilters, resetAll]);\n\n  // Assist ItemGroup styling when there are potentially hidden placeholder\n  // items by identifying first & last items that are toggled on for display.\n  const getFirstVisibleItemLabel = items => {\n    const optionalItems = menuItems.optional || {};\n    const firstItem = items.find(item => item.isShownByDefault || optionalItems[item.label]);\n    return firstItem?.label;\n  };\n  const firstDisplayedItem = getFirstVisibleItemLabel(panelItems);\n  const lastDisplayedItem = getFirstVisibleItemLabel([...panelItems].reverse());\n  const hasMenuItems = panelItems.length > 0;\n  const panelContext = useMemo(() => ({\n    areAllOptionalControlsHidden,\n    deregisterPanelItem,\n    deregisterResetAllFilter,\n    firstDisplayedItem,\n    flagItemCustomization,\n    hasMenuItems,\n    isResetting: isResettingRef.current,\n    lastDisplayedItem,\n    menuItems,\n    panelId,\n    registerPanelItem,\n    registerResetAllFilter,\n    shouldRenderPlaceholderItems,\n    __experimentalFirstVisibleItemClass,\n    __experimentalLastVisibleItemClass\n  }), [areAllOptionalControlsHidden, deregisterPanelItem, deregisterResetAllFilter, firstDisplayedItem, flagItemCustomization, lastDisplayedItem, menuItems, panelId, hasMenuItems, registerResetAllFilter, registerPanelItem, shouldRenderPlaceholderItems, __experimentalFirstVisibleItemClass, __experimentalLastVisibleItemClass]);\n  return {\n    ...otherProps,\n    headingLevel,\n    panelContext,\n    resetAllItems,\n    toggleItem,\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": ["clsx"]
 }

package/build/tools-panel/tools-panel-header/component.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/tools-panel/tools-panel-header/component.tsx", "../../../../style-runtime/src/index.ts", "../../../src/tools-panel/style.module.scss"],
-  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { speak } from '@wordpress/a11y';\nimport { check, moreVertical, plus } from '@wordpress/icons';\nimport { __, _x, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport DropdownMenu from '../../dropdown-menu';\nimport MenuGroup from '../../menu-group';\nimport MenuItem from '../../menu-item';\nimport { HStack } from '../../h-stack';\nimport { Heading } from '../../heading';\nimport { useToolsPanelHeader } from './hook';\nimport styles from '../style.module.scss';\nimport { contextConnect } from '../../context';\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst DefaultControlsGroup = ({\n  itemClassName,\n  items,\n  toggleItem\n}) => {\n  if (!items.length) {\n    return null;\n  }\n  const resetSuffix = /*#__PURE__*/_jsx(\"span\", {\n    \"aria-hidden\": true,\n    className: styles['reset-label'],\n    children: __('Reset')\n  });\n  return /*#__PURE__*/_jsx(_Fragment, {\n    children: items.map(([label, hasValue]) => {\n      if (hasValue) {\n        return /*#__PURE__*/_jsx(MenuItem, {\n          className: itemClassName,\n          role: \"menuitem\",\n          label: sprintf(\n          // translators: %s: The name of the control being reset e.g. \"Padding\".\n          __('Reset %s'), label),\n          onClick: () => {\n            toggleItem(label);\n            speak(sprintf(\n            // translators: %s: The name of the control being reset e.g. \"Padding\".\n            __('%s reset to default'), label), 'assertive');\n          },\n          suffix: resetSuffix,\n          children: label\n        }, label);\n      }\n      return /*#__PURE__*/_jsx(MenuItem, {\n        icon: check,\n        className: itemClassName,\n        role: \"menuitemcheckbox\",\n        isSelected: true,\n        \"aria-disabled\": true,\n        children: label\n      }, label);\n    })\n  });\n};\nconst OptionalControlsGroup = ({\n  items,\n  toggleItem\n}) => {\n  if (!items.length) {\n    return null;\n  }\n  return /*#__PURE__*/_jsx(_Fragment, {\n    children: items.map(([label, isSelected]) => {\n      const itemLabel = isSelected ? sprintf(\n      // translators: %s: The name of the control being hidden and reset e.g. \"Padding\".\n      __('Hide and reset %s'), label) : sprintf(\n      // translators: %s: The name of the control to display e.g. \"Padding\".\n      _x('Show %s', 'input control'), label);\n      return /*#__PURE__*/_jsx(MenuItem, {\n        icon: isSelected ? check : null,\n        isSelected: isSelected,\n        label: itemLabel,\n        onClick: () => {\n          if (isSelected) {\n            speak(sprintf(\n            // translators: %s: The name of the control being reset e.g. \"Padding\".\n            __('%s hidden and reset to default'), label), 'assertive');\n          } else {\n            speak(sprintf(\n            // translators: %s: The name of the control being reset e.g. \"Padding\".\n            __('%s is now visible'), label), 'assertive');\n          }\n          toggleItem(label);\n        },\n        role: \"menuitemcheckbox\",\n        children: label\n      }, label);\n    })\n  });\n};\nconst ToolsPanelHeader = (props, forwardedRef) => {\n  const {\n    areAllOptionalControlsHidden,\n    defaultControlsItemClassName,\n    dropdownMenuClassName,\n    hasMenuItems,\n    headingClassName,\n    headingLevel = 2,\n    label: labelText,\n    menuItems,\n    resetAll,\n    toggleItem,\n    dropdownMenuProps,\n    ...headerProps\n  } = useToolsPanelHeader(props);\n  if (!labelText) {\n    return null;\n  }\n  const defaultItems = Object.entries(menuItems?.default || {});\n  const optionalItems = Object.entries(menuItems?.optional || {});\n  const dropDownMenuIcon = areAllOptionalControlsHidden ? plus : moreVertical;\n  const dropDownMenuLabelText = sprintf(\n  // translators: %s: The name of the tool e.g. \"Color\" or \"Typography\".\n  _x('%s options', 'Button label to reveal tool panel options'), labelText);\n  const dropdownMenuDescriptionText = areAllOptionalControlsHidden ? __('All options are currently hidden') : undefined;\n  const canResetAll = [...defaultItems, ...optionalItems].some(([, isSelected]) => isSelected);\n  return /*#__PURE__*/_jsxs(HStack, {\n    ...headerProps,\n    ref: forwardedRef,\n    children: [/*#__PURE__*/_jsx(Heading, {\n      level: headingLevel,\n      className: headingClassName,\n      children: labelText\n    }), hasMenuItems && /*#__PURE__*/_jsx(DropdownMenu, {\n      ...dropdownMenuProps,\n      icon: dropDownMenuIcon,\n      label: dropDownMenuLabelText,\n      menuProps: {\n        className: dropdownMenuClassName\n      },\n      toggleProps: {\n        size: 'small',\n        description: dropdownMenuDescriptionText\n      },\n      children: () => /*#__PURE__*/_jsxs(_Fragment, {\n        children: [/*#__PURE__*/_jsxs(MenuGroup, {\n          label: labelText,\n          children: [/*#__PURE__*/_jsx(DefaultControlsGroup, {\n            items: defaultItems,\n            toggleItem: toggleItem,\n            itemClassName: defaultControlsItemClassName\n          }), /*#__PURE__*/_jsx(OptionalControlsGroup, {\n            items: optionalItems,\n            toggleItem: toggleItem\n          })]\n        }), /*#__PURE__*/_jsx(MenuGroup, {\n          children: /*#__PURE__*/_jsx(MenuItem, {\n            \"aria-disabled\": !canResetAll\n            // @ts-expect-error - TODO: If this \"tertiary\" style is something we really want to allow on MenuItem,\n            // we should rename it and explicitly allow it as an official API. All the other Button variants\n            // don't make sense in a MenuItem context, and should be disallowed.\n            ,\n            variant: \"tertiary\",\n            onClick: () => {\n              if (canResetAll) {\n                resetAll();\n                speak(__('All options reset'), 'assertive');\n              }\n            },\n            children: __('Reset all')\n          })\n        })]\n      })\n    })]\n  });\n};\nconst ConnectedToolsPanelHeader = contextConnect(ToolsPanelHeader, 'ToolsPanelHeader');\nexport default ConnectedToolsPanelHeader;", "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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,kBAAsB;AACtB,mBAA0C;AAC1C,kBAAgC;AAKhC,2BAAyB;AACzB,wBAAsB;AACtB,uBAAqB;AACrB,qBAAuB;AACvB,qBAAwB;AACxB,kBAAoC;;;ACnBpC,IAAM,uBAAuB;AAU7B,SAAS,aAAa;AACpB,QAAM,cAAc;AACpB,MAAI,YAAY,kBAAkB;AAChC,WAAO,YAAY;AAAA,EACrB;AACA,cAAY,mBAAmB;AAAA,IAC7B,WAAW,oBAAI,IAAI;AAAA,IACnB,QAAQ,oBAAI,IAAI;AAAA,IAChB,gBAAgB,oBAAI,QAAQ;AAAA,EAC9B;AACA,MAAI,OAAO,aAAa,aAAa;AACnC,qBAAiB,QAAQ;AAAA,EAC3B;AACA,SAAO,YAAY;AACrB;AAUA,SAAS,0BAA0B,gBAAgB,MAAM;AACvD,MAAI,CAAC,eAAe,MAAM;AACxB,WAAO;AAAA,EACT;AACA,aAAW,SAAS,eAAe,KAAK,iBAAiB,SAAS,oBAAoB,GAAG,GAAG;AAC1F,QAAI,MAAM,aAAa,oBAAoB,MAAM,MAAM;AACrD,aAAO;AAAA,IACT;AAAA,EACF;AACA,SAAO;AACT;AAUA,SAAS,YAAY,gBAAgB,MAAM,KAAK;AAC9C,MAAI,CAAC,eAAe,MAAM;AACxB;AAAA,EACF;AACA,QAAM,UAAU,WAAW;AAC3B,MAAI,iBAAiB,QAAQ,eAAe,IAAI,cAAc;AAC9D,MAAI,CAAC,gBAAgB;AACnB,qBAAiB,oBAAI,IAAI;AACzB,YAAQ,eAAe,IAAI,gBAAgB,cAAc;AAAA,EAC3D;AACA,MAAI,eAAe,IAAI,IAAI,GAAG;AAC5B;AAAA,EACF;AAKA,MAAI,0BAA0B,gBAAgB,IAAI,GAAG;AACnD,mBAAe,IAAI,IAAI;AACvB;AAAA,EACF;AACA,QAAM,QAAQ,eAAe,cAAc,OAAO;AAClD,QAAM,aAAa,sBAAsB,IAAI;AAC7C,QAAM,YAAY,eAAe,eAAe,GAAG,CAAC;AACpD,iBAAe,KAAK,YAAY,KAAK;AACrC,iBAAe,IAAI,IAAI;AACzB;AAaO,SAAS,iBAAiB,gBAAgB;AAC/C,QAAM,UAAU,WAAW;AAC3B,UAAQ,UAAU,IAAI,iBAAiB,QAAQ,UAAU,IAAI,cAAc,KAAK,KAAK,CAAC;AACtF,aAAW,CAAC,MAAM,GAAG,KAAK,QAAQ,QAAQ;AACxC,gBAAY,gBAAgB,MAAM,GAAG;AAAA,EACvC;AACA,SAAO,MAAM;AACX,UAAM,QAAQ,QAAQ,UAAU,IAAI,cAAc;AAClD,QAAI,UAAU,QAAW;AACvB;AAAA,IACF;AACA,QAAI,SAAS,GAAG;AACd,cAAQ,UAAU,OAAO,cAAc;AACvC;AAAA,IACF;AACA,YAAQ,UAAU,IAAI,gBAAgB,QAAQ,CAAC;AAAA,EACjD;AACF;AAaO,SAAS,cAAc,MAAM,KAAK;AACvC,QAAM,UAAU,WAAW;AAC3B,UAAQ,OAAO,IAAI,MAAM,GAAG;AAC5B,aAAW,kBAAkB,QAAQ,UAAU,KAAK,GAAG;AACrD,gBAAY,gBAAgB,MAAM,GAAG;AAAA,EACvC;AACF;;;AChIA,IAAI,OAAO,YAAY,eAAe,QAAQ,IAAI,aAAa,QAAQ;AACtE,gBAAc,cAAc,qrEAAqrE;AACltE;AACA,IAAO,uBAAQ,EAAC,eAAc,kCAAiC,kCAAiC,qDAAoD,oCAAmC,uDAAsD,sBAAqB,yCAAwC,uBAAsB,yCAAwC,oBAAmB,uCAAsC,gCAA+B,mDAAkD,iBAAgB,mCAAkC,eAAc,iCAAgC,yBAAwB,2CAA0C;;;AFiBppB,qBAA+B;AAC/B,yBAAkE;AAClE,IAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,MAAI,CAAC,MAAM,QAAQ;AACjB,WAAO;AAAA,EACT;AACA,QAAM,cAA2B,uCAAAA,KAAK,QAAQ;AAAA,IAC5C,eAAe;AAAA,IACf,WAAW,qBAAO,aAAa;AAAA,IAC/B,cAAU,gBAAG,OAAO;AAAA,EACtB,CAAC;AACD,SAAoB,uCAAAA,KAAK,mBAAAC,UAAW;AAAA,IAClC,UAAU,MAAM,IAAI,CAAC,CAAC,OAAO,QAAQ,MAAM;AACzC,UAAI,UAAU;AACZ,eAAoB,uCAAAD,KAAK,iBAAAE,SAAU;AAAA,UACjC,WAAW;AAAA,UACX,MAAM;AAAA,UACN,WAAO;AAAA;AAAA,gBAEP,gBAAG,UAAU;AAAA,YAAG;AAAA,UAAK;AAAA,UACrB,SAAS,MAAM;AACb,uBAAW,KAAK;AAChB,uCAAM;AAAA;AAAA,kBAEN,gBAAG,qBAAqB;AAAA,cAAG;AAAA,YAAK,GAAG,WAAW;AAAA,UAChD;AAAA,UACA,QAAQ;AAAA,UACR,UAAU;AAAA,QACZ,GAAG,KAAK;AAAA,MACV;AACA,aAAoB,uCAAAF,KAAK,iBAAAE,SAAU;AAAA,QACjC,MAAM;AAAA,QACN,WAAW;AAAA,QACX,MAAM;AAAA,QACN,YAAY;AAAA,QACZ,iBAAiB;AAAA,QACjB,UAAU;AAAA,MACZ,GAAG,KAAK;AAAA,IACV,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAM,wBAAwB,CAAC;AAAA,EAC7B;AAAA,EACA;AACF,MAAM;AACJ,MAAI,CAAC,MAAM,QAAQ;AACjB,WAAO;AAAA,EACT;AACA,SAAoB,uCAAAF,KAAK,mBAAAC,UAAW;AAAA,IAClC,UAAU,MAAM,IAAI,CAAC,CAAC,OAAO,UAAU,MAAM;AAC3C,YAAM,YAAY,iBAAa;AAAA;AAAA,YAE/B,gBAAG,mBAAmB;AAAA,QAAG;AAAA,MAAK,QAAI;AAAA;AAAA,YAElC,gBAAG,WAAW,eAAe;AAAA,QAAG;AAAA,MAAK;AACrC,aAAoB,uCAAAD,KAAK,iBAAAE,SAAU;AAAA,QACjC,MAAM,aAAa,qBAAQ;AAAA,QAC3B;AAAA,QACA,OAAO;AAAA,QACP,SAAS,MAAM;AACb,cAAI,YAAY;AACd,uCAAM;AAAA;AAAA,kBAEN,gBAAG,gCAAgC;AAAA,cAAG;AAAA,YAAK,GAAG,WAAW;AAAA,UAC3D,OAAO;AACL,uCAAM;AAAA;AAAA,kBAEN,gBAAG,mBAAmB;AAAA,cAAG;AAAA,YAAK,GAAG,WAAW;AAAA,UAC9C;AACA,qBAAW,KAAK;AAAA,QAClB;AAAA,QACA,MAAM;AAAA,QACN,UAAU;AAAA,MACZ,GAAG,KAAK;AAAA,IACV,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAM,mBAAmB,CAAC,OAAO,iBAAiB;AAChD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,QAAI,iCAAoB,KAAK;AAC7B,MAAI,CAAC,WAAW;AACd,WAAO;AAAA,EACT;AACA,QAAM,eAAe,OAAO,QAAQ,WAAW,WAAW,CAAC,CAAC;AAC5D,QAAM,gBAAgB,OAAO,QAAQ,WAAW,YAAY,CAAC,CAAC;AAC9D,QAAM,mBAAmB,+BAA+B,oBAAO;AAC/D,QAAM,4BAAwB;AAAA;AAAA,QAE9B,gBAAG,cAAc,2CAA2C;AAAA,IAAG;AAAA,EAAS;AACxE,QAAM,8BAA8B,mCAA+B,gBAAG,kCAAkC,IAAI;AAC5G,QAAM,cAAc,CAAC,GAAG,cAAc,GAAG,aAAa,EAAE,KAAK,CAAC,CAAC,EAAE,UAAU,MAAM,UAAU;AAC3F,SAAoB,uCAAAC,MAAM,uBAAQ;AAAA,IAChC,GAAG;AAAA,IACH,KAAK;AAAA,IACL,UAAU,CAAc,uCAAAH,KAAK,wBAAS;AAAA,MACpC,OAAO;AAAA,MACP,WAAW;AAAA,MACX,UAAU;AAAA,IACZ,CAAC,GAAG,gBAA6B,uCAAAA,KAAK,qBAAAI,SAAc;AAAA,MAClD,GAAG;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,QACT,WAAW;AAAA,MACb;AAAA,MACA,aAAa;AAAA,QACX,MAAM;AAAA,QACN,aAAa;AAAA,MACf;AAAA,MACA,UAAU,MAAmB,uCAAAD,MAAM,mBAAAF,UAAW;AAAA,QAC5C,UAAU,CAAc,uCAAAE,MAAM,kBAAAE,SAAW;AAAA,UACvC,OAAO;AAAA,UACP,UAAU,CAAc,uCAAAL,KAAK,sBAAsB;AAAA,YACjD,OAAO;AAAA,YACP;AAAA,YACA,eAAe;AAAA,UACjB,CAAC,GAAgB,uCAAAA,KAAK,uBAAuB;AAAA,YAC3C,OAAO;AAAA,YACP;AAAA,UACF,CAAC,CAAC;AAAA,QACJ,CAAC,GAAgB,uCAAAA,KAAK,kBAAAK,SAAW;AAAA,UAC/B,UAAuB,uCAAAL,KAAK,iBAAAE,SAAU;AAAA,YACpC,iBAAiB,CAAC;AAAA,YAKlB,SAAS;AAAA,YACT,SAAS,MAAM;AACb,kBAAI,aAAa;AACf,yBAAS;AACT,2CAAM,gBAAG,mBAAmB,GAAG,WAAW;AAAA,cAC5C;AAAA,YACF;AAAA,YACA,cAAU,gBAAG,WAAW;AAAA,UAC1B,CAAC;AAAA,QACH,CAAC,CAAC;AAAA,MACJ,CAAC;AAAA,IACH,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;AACA,IAAM,gCAA4B,+BAAe,kBAAkB,kBAAkB;AACrF,IAAO,oBAAQ;",
+  "sourcesContent": ["import { speak } from '@wordpress/a11y';\nimport { check, moreVertical, plus } from '@wordpress/icons';\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport DropdownMenu from '../../dropdown-menu';\nimport MenuGroup from '../../menu-group';\nimport MenuItem from '../../menu-item';\nimport { HStack } from '../../h-stack';\nimport { Heading } from '../../heading';\nimport { useToolsPanelHeader } from './hook';\nimport styles from '../style.module.scss';\nimport { contextConnect } from '../../context';\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst DefaultControlsGroup = ({\n  itemClassName,\n  items,\n  toggleItem\n}) => {\n  if (!items.length) {\n    return null;\n  }\n  const resetSuffix = /*#__PURE__*/_jsx(\"span\", {\n    \"aria-hidden\": true,\n    className: styles['reset-label'],\n    children: __('Reset')\n  });\n  return /*#__PURE__*/_jsx(_Fragment, {\n    children: items.map(([label, hasValue]) => {\n      if (hasValue) {\n        return /*#__PURE__*/_jsx(MenuItem, {\n          className: itemClassName,\n          role: \"menuitem\",\n          label: sprintf(\n          // translators: %s: The name of the control being reset e.g. \"Padding\".\n          __('Reset %s'), label),\n          onClick: () => {\n            toggleItem(label);\n            speak(sprintf(\n            // translators: %s: The name of the control being reset e.g. \"Padding\".\n            __('%s reset to default'), label), 'assertive');\n          },\n          suffix: resetSuffix,\n          children: label\n        }, label);\n      }\n      return /*#__PURE__*/_jsx(MenuItem, {\n        icon: check,\n        className: itemClassName,\n        role: \"menuitemcheckbox\",\n        isSelected: true,\n        \"aria-disabled\": true,\n        children: label\n      }, label);\n    })\n  });\n};\nconst OptionalControlsGroup = ({\n  items,\n  toggleItem\n}) => {\n  if (!items.length) {\n    return null;\n  }\n  return /*#__PURE__*/_jsx(_Fragment, {\n    children: items.map(([label, isSelected]) => {\n      const itemLabel = isSelected ? sprintf(\n      // translators: %s: The name of the control being hidden and reset e.g. \"Padding\".\n      __('Hide and reset %s'), label) : sprintf(\n      // translators: %s: The name of the control to display e.g. \"Padding\".\n      _x('Show %s', 'input control'), label);\n      return /*#__PURE__*/_jsx(MenuItem, {\n        icon: isSelected ? check : null,\n        isSelected: isSelected,\n        label: itemLabel,\n        onClick: () => {\n          if (isSelected) {\n            speak(sprintf(\n            // translators: %s: The name of the control being reset e.g. \"Padding\".\n            __('%s hidden and reset to default'), label), 'assertive');\n          } else {\n            speak(sprintf(\n            // translators: %s: The name of the control being reset e.g. \"Padding\".\n            __('%s is now visible'), label), 'assertive');\n          }\n          toggleItem(label);\n        },\n        role: \"menuitemcheckbox\",\n        children: label\n      }, label);\n    })\n  });\n};\nconst ToolsPanelHeader = (props, forwardedRef) => {\n  const {\n    areAllOptionalControlsHidden,\n    defaultControlsItemClassName,\n    dropdownMenuClassName,\n    hasMenuItems,\n    headingClassName,\n    headingLevel = 2,\n    label: labelText,\n    menuItems,\n    resetAll,\n    toggleItem,\n    dropdownMenuProps,\n    ...headerProps\n  } = useToolsPanelHeader(props);\n  if (!labelText) {\n    return null;\n  }\n  const defaultItems = Object.entries(menuItems?.default || {});\n  const optionalItems = Object.entries(menuItems?.optional || {});\n  const dropDownMenuIcon = areAllOptionalControlsHidden ? plus : moreVertical;\n  const dropDownMenuLabelText = sprintf(\n  // translators: %s: The name of the tool e.g. \"Color\" or \"Typography\".\n  _x('%s options', 'Button label to reveal tool panel options'), labelText);\n  const dropdownMenuDescriptionText = areAllOptionalControlsHidden ? __('All options are currently hidden') : undefined;\n  const canResetAll = [...defaultItems, ...optionalItems].some(([, isSelected]) => isSelected);\n  return /*#__PURE__*/_jsxs(HStack, {\n    ...headerProps,\n    ref: forwardedRef,\n    children: [/*#__PURE__*/_jsx(Heading, {\n      level: headingLevel,\n      className: headingClassName,\n      children: labelText\n    }), hasMenuItems && /*#__PURE__*/_jsx(DropdownMenu, {\n      ...dropdownMenuProps,\n      icon: dropDownMenuIcon,\n      label: dropDownMenuLabelText,\n      menuProps: {\n        className: dropdownMenuClassName\n      },\n      toggleProps: {\n        size: 'small',\n        description: dropdownMenuDescriptionText\n      },\n      children: () => /*#__PURE__*/_jsxs(_Fragment, {\n        children: [/*#__PURE__*/_jsxs(MenuGroup, {\n          label: labelText,\n          children: [/*#__PURE__*/_jsx(DefaultControlsGroup, {\n            items: defaultItems,\n            toggleItem: toggleItem,\n            itemClassName: defaultControlsItemClassName\n          }), /*#__PURE__*/_jsx(OptionalControlsGroup, {\n            items: optionalItems,\n            toggleItem: toggleItem\n          })]\n        }), /*#__PURE__*/_jsx(MenuGroup, {\n          children: /*#__PURE__*/_jsx(MenuItem, {\n            \"aria-disabled\": !canResetAll\n            // @ts-expect-error - TODO: If this \"tertiary\" style is something we really want to allow on MenuItem,\n            // we should rename it and explicitly allow it as an official API. All the other Button variants\n            // don't make sense in a MenuItem context, and should be disallowed.\n            ,\n            variant: \"tertiary\",\n            onClick: () => {\n              if (canResetAll) {\n                resetAll();\n                speak(__('All options reset'), 'assertive');\n              }\n            },\n            children: __('Reset all')\n          })\n        })]\n      })\n    })]\n  });\n};\nconst ConnectedToolsPanelHeader = contextConnect(ToolsPanelHeader, 'ToolsPanelHeader');\nexport default ConnectedToolsPanelHeader;", "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": ["_jsx", "_Fragment", "MenuItem", "_jsxs", "DropdownMenu", "MenuGroup"]
 }

package/build/tools-panel/tools-panel-header/hook.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/tools-panel/tools-panel-header/hook.ts", "../../../../style-runtime/src/index.ts", "../../../src/tools-panel/style.module.scss"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * Internal dependencies\n */\nimport styles from '../style.module.scss';\nimport { useToolsPanelContext } from '../context';\nimport { useContextSystem } from '../../context';\nexport function useToolsPanelHeader(props) {\n  const {\n    className,\n    headingLevel = 2,\n    ...otherProps\n  } = useContextSystem(props, 'ToolsPanelHeader');\n  const {\n    menuItems,\n    hasMenuItems,\n    areAllOptionalControlsHidden\n  } = useToolsPanelContext();\n  return {\n    ...otherProps,\n    areAllOptionalControlsHidden,\n    defaultControlsItemClassName: styles['default-controls-item'],\n    dropdownMenuClassName: styles['dropdown-menu'],\n    hasMenuItems,\n    headingClassName: styles['tools-panel-heading'],\n    headingLevel,\n    menuItems,\n    className: clsx(styles['tools-panel-header'], className)\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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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport styles from '../style.module.scss';\nimport { useToolsPanelContext } from '../context';\nimport { useContextSystem } from '../../context';\nexport function useToolsPanelHeader(props) {\n  const {\n    className,\n    headingLevel = 2,\n    ...otherProps\n  } = useContextSystem(props, 'ToolsPanelHeader');\n  const {\n    menuItems,\n    hasMenuItems,\n    areAllOptionalControlsHidden\n  } = useToolsPanelContext();\n  return {\n    ...otherProps,\n    areAllOptionalControlsHidden,\n    defaultControlsItemClassName: styles['default-controls-item'],\n    dropdownMenuClassName: styles['dropdown-menu'],\n    hasMenuItems,\n    headingClassName: styles['tools-panel-heading'],\n    headingLevel,\n    menuItems,\n    className: clsx(styles['tools-panel-header'], className)\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": ["import_context", "clsx"]
 }

package/build/tools-panel/tools-panel-item/component.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/tools-panel/tools-panel-item/component.tsx"],
-  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * Internal dependencies\n */\nimport { useToolsPanelItem } from './hook';\nimport { View } from '../../view';\nimport { contextConnect } from '../../context';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n// This wraps controls to be conditionally displayed within a tools panel. It\n// prevents props being applied to HTML elements that would make them invalid.\nconst UnconnectedToolsPanelItem = (props, forwardedRef) => {\n  const {\n    children,\n    isShown,\n    shouldRenderPlaceholder,\n    ...toolsPanelItemProps\n  } = useToolsPanelItem(props);\n  if (!isShown) {\n    return shouldRenderPlaceholder ? /*#__PURE__*/_jsx(View, {\n      ...toolsPanelItemProps,\n      ref: forwardedRef\n    }) : null;\n  }\n  return /*#__PURE__*/_jsx(View, {\n    ...toolsPanelItemProps,\n    ref: forwardedRef,\n    children: children\n  });\n};\nexport const ToolsPanelItem = contextConnect(UnconnectedToolsPanelItem, 'ToolsPanelItem');\nexport default ToolsPanelItem;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,kBAAkC;AAClC,kBAAqB;AACrB,qBAA+B;AAC/B,yBAA4B;AAG5B,IAAM,4BAA4B,CAAC,OAAO,iBAAiB;AACzD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,QAAI,+BAAkB,KAAK;AAC3B,MAAI,CAAC,SAAS;AACZ,WAAO,0BAAuC,uCAAAA,KAAK,kBAAM;AAAA,MACvD,GAAG;AAAA,MACH,KAAK;AAAA,IACP,CAAC,IAAI;AAAA,EACP;AACA,SAAoB,uCAAAA,KAAK,kBAAM;AAAA,IAC7B,GAAG;AAAA,IACH,KAAK;AAAA,IACL;AAAA,EACF,CAAC;AACH;AACO,IAAM,qBAAiB,+BAAe,2BAA2B,gBAAgB;AACxF,IAAO,oBAAQ;",
+  "sourcesContent": ["import { useToolsPanelItem } from './hook';\nimport { View } from '../../view';\nimport { contextConnect } from '../../context';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n// This wraps controls to be conditionally displayed within a tools panel. It\n// prevents props being applied to HTML elements that would make them invalid.\nconst UnconnectedToolsPanelItem = (props, forwardedRef) => {\n  const {\n    children,\n    isShown,\n    shouldRenderPlaceholder,\n    ...toolsPanelItemProps\n  } = useToolsPanelItem(props);\n  if (!isShown) {\n    return shouldRenderPlaceholder ? /*#__PURE__*/_jsx(View, {\n      ...toolsPanelItemProps,\n      ref: forwardedRef\n    }) : null;\n  }\n  return /*#__PURE__*/_jsx(View, {\n    ...toolsPanelItemProps,\n    ref: forwardedRef,\n    children: children\n  });\n};\nexport const ToolsPanelItem = contextConnect(UnconnectedToolsPanelItem, 'ToolsPanelItem');\nexport default ToolsPanelItem;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAkC;AAClC,kBAAqB;AACrB,qBAA+B;AAC/B,yBAA4B;AAG5B,IAAM,4BAA4B,CAAC,OAAO,iBAAiB;AACzD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,QAAI,+BAAkB,KAAK;AAC3B,MAAI,CAAC,SAAS;AACZ,WAAO,0BAAuC,uCAAAA,KAAK,kBAAM;AAAA,MACvD,GAAG;AAAA,MACH,KAAK;AAAA,IACP,CAAC,IAAI;AAAA,EACP;AACA,SAAoB,uCAAAA,KAAK,kBAAM;AAAA,IAC7B,GAAG;AAAA,IACH,KAAK;AAAA,IACL;AAAA,EACF,CAAC;AACH;AACO,IAAM,qBAAiB,+BAAe,2BAA2B,gBAAgB;AACxF,IAAO,oBAAQ;",
   "names": ["_jsx"]
 }

package/build/tools-panel/tools-panel-item/hook.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/tools-panel/tools-panel-item/hook.ts", "../../../../style-runtime/src/index.ts", "../../../src/tools-panel/style.module.scss"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { usePrevious } from '@wordpress/compose';\nimport { useCallback, useEffect, useLayoutEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\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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",
+  "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": ["import_context", "clsx"]
 }

package/build/tree-grid/cell.cjs.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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA2B;AAK3B,kBAAyB;AACzB,yBAAmD;AACnD,SAAS,wBAAwB;AAAA,EAC/B;AAAA,EACA,kBAAkB;AAAA,EAClB,GAAG;AACL,GAAG,KAAK;AACN,SAAoB,uCAAAA,KAAK,MAAM;AAAA,IAC7B,GAAG;AAAA,IACH,MAAM;AAAA,IACN,UAAU,kBAA+B,uCAAAA,KAAK,mBAAAC,UAAW;AAAA,MACvD,UAAU,OAAO,aAAa,aAAa,SAAS;AAAA,QAClD,GAAG;AAAA,QACH;AAAA,MACF,CAAC,IAAI;AAAA,IACP,CAAC,IAAiB,uCAAAD,KAAK,YAAAE,SAAc;AAAA,MACnC;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;AASO,IAAM,mBAAe,2BAAW,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA2B;AAC3B,kBAAyB;AACzB,yBAAmD;AACnD,SAAS,wBAAwB;AAAA,EAC/B;AAAA,EACA,kBAAkB;AAAA,EAClB,GAAG;AACL,GAAG,KAAK;AACN,SAAoB,uCAAAA,KAAK,MAAM;AAAA,IAC7B,GAAG;AAAA,IACH,MAAM;AAAA,IACN,UAAU,kBAA+B,uCAAAA,KAAK,mBAAAC,UAAW;AAAA,MACvD,UAAU,OAAO,aAAa,aAAa,SAAS;AAAA,QAClD,GAAG;AAAA,QACH;AAAA,MACF,CAAC,IAAI;AAAA,IACP,CAAC,IAAiB,uCAAAD,KAAK,YAAAE,SAAc;AAAA,MACnC;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;AASO,IAAM,mBAAe,2BAAW,uBAAuB;AAC9D,aAAa,cAAc;AAC3B,IAAO,eAAQ;",
   "names": ["_jsx", "_Fragment", "TreeGridItem"]
 }

package/build/tree-grid/index.cjs.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": ["_jsx", "RovingTabIndexContainer"]
 }

package/build/tree-grid/item.cjs.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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA2B;AAK3B,mCAA+B;AAC/B,yBAA4B;AAC5B,SAAS,wBAAwB;AAAA,EAC/B;AAAA,EACA,GAAG;AACL,GAAG,KAAK;AACN,SAAoB,uCAAAA,KAAK,6BAAAC,SAAoB;AAAA,IAC3C;AAAA,IACA,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AACH;AASO,IAAM,mBAAe,2BAAW,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA2B;AAC3B,mCAA+B;AAC/B,yBAA4B;AAC5B,SAAS,wBAAwB;AAAA,EAC/B;AAAA,EACA,GAAG;AACL,GAAG,KAAK;AACN,SAAoB,uCAAAA,KAAK,6BAAAC,SAAoB;AAAA,IAC3C;AAAA,IACA,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AACH;AASO,IAAM,mBAAe,2BAAW,uBAAuB;AAC9D,aAAa,cAAc;AAC3B,IAAO,eAAQ;",
   "names": ["_jsx", "RovingTabIndexItem"]
 }

package/build/tree-grid/roving-tab-index-context.cjs.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": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA0C;AAC1C,IAAM,4BAAwB,8BAAc,MAAS;AACrD,sBAAsB,cAAc;AAC7B,IAAM,2BAA2B,UAAM,2BAAW,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA0C;AAC1C,IAAM,4BAAwB,8BAAc,MAAS;AACrD,sBAAsB,cAAc;AAC7B,IAAM,2BAA2B,UAAM,2BAAW,qBAAqB;AACvE,IAAM,yBAAyB,sBAAsB;",
   "names": []
 }

package/build/tree-grid/roving-tab-index-item.cjs.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": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAmC;AAKnC,sCAAyC;AACzC,yBAA4B;AACrB,IAAM,yBAAqB,2BAAW,SAAS,8BAA8B;AAAA,EAClF;AAAA,EACA,IAAI;AAAA,EACJ,GAAG;AACL,GAAG,cAAc;AACf,QAAM,eAAW,uBAAO,IAAI;AAC5B,QAAM,MAAM,gBAAgB;AAE5B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,QAAI,0DAAyB;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,uCAAAA,KAAK,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAmC;AACnC,sCAAyC;AACzC,yBAA4B;AACrB,IAAM,yBAAqB,2BAAW,SAAS,8BAA8B;AAAA,EAClF;AAAA,EACA,IAAI;AAAA,EACJ,GAAG;AACL,GAAG,cAAc;AACf,QAAM,eAAW,uBAAO,IAAI;AAC5B,QAAM,MAAM,gBAAgB;AAE5B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,QAAI,0DAAyB;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,uCAAAA,KAAK,WAAW;AAAA,IAClC,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AACH,CAAC;AACD,mBAAmB,cAAc;AACjC,IAAO,gCAAQ;",
   "names": ["_jsx"]
 }

package/build/tree-grid/roving-tab-index.cjs.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": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAkC;AAKlC,sCAAuC;AAOvC,yBAA4B;AACb,SAAR,eAAgC;AAAA,EACrC;AACF,GAAG;AACD,QAAM,CAAC,oBAAoB,qBAAqB,QAAI,yBAAS;AAK7D,QAAM,oBAAgB,wBAAQ,OAAO;AAAA,IACnC;AAAA,IACA;AAAA,EACF,IAAI,CAAC,kBAAkB,CAAC;AACxB,SAAoB,uCAAAA,KAAK,wDAAwB;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;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAkC;AAClC,sCAAuC;AAOvC,yBAA4B;AACb,SAAR,eAAgC;AAAA,EACrC;AACF,GAAG;AACD,QAAM,CAAC,oBAAoB,qBAAqB,QAAI,yBAAS;AAK7D,QAAM,oBAAgB,wBAAQ,OAAO;AAAA,IACnC;AAAA,IACA;AAAA,EACF,IAAI,CAAC,kBAAkB,CAAC;AACxB,SAAoB,uCAAAA,KAAK,wDAAwB;AAAA,IAC/C,OAAO;AAAA,IACP;AAAA,EACF,CAAC;AACH;",
   "names": ["_jsx"]
 }