@wordpress/components 30.7.0 → 30.7.2-next.2f1c7c01b.0

package/build-module/menu/submenu-trigger-item.js

@@ -1,3 +1,4 @@
+// packages/components/src/menu/submenu-trigger-item.tsx
 import * as Ariakit from "@ariakit/react";
 import { forwardRef, useContext } from "@wordpress/element";
 import { chevronRightSmall } from "@wordpress/icons";
@@ -5,7 +6,7 @@ import { Context } from "./context";
 import { Item } from "./item";
 import * as Styled from "./styles";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const SubmenuTriggerItem = forwardRef(function SubmenuTriggerItem2({
+var SubmenuTriggerItem = forwardRef(function SubmenuTriggerItem2({
   suffix,
   ...otherProps
 }, ref) {

package/build-module/menu/submenu-trigger-item.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/menu/submenu-trigger-item.tsx"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\nimport { chevronRightSmall } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\n\nimport { Context } from './context';\nimport { Item } from './item';\nimport * as Styled from './styles';\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport const SubmenuTriggerItem = forwardRef(function SubmenuTriggerItem({\n  suffix,\n  ...otherProps\n}, ref) {\n  const menuContext = useContext(Context);\n  if (!menuContext?.store.parent) {\n    throw new Error('Menu.SubmenuTriggerItem can only be rendered inside a nested Menu component');\n  }\n  return /*#__PURE__*/_jsx(Ariakit.MenuButton, {\n    ref: ref,\n    accessibleWhenDisabled: true,\n    store: menuContext.store,\n    render: /*#__PURE__*/_jsx(Item, {\n      ...otherProps,\n      // The menu item needs to register and be part of the parent menu.\n      // Without specifying the store explicitly, the `Item` component\n      // would otherwise read the store via context and pick up the one from\n      // the sub-menu `Menu` component.\n      store: menuContext.store.parent,\n      suffix: /*#__PURE__*/_jsxs(_Fragment, {\n        children: [suffix, /*#__PURE__*/_jsx(Styled.SubmenuChevronIcon, {\n          \"aria-hidden\": \"true\",\n          icon: chevronRightSmall,\n          size: 24,\n          preserveAspectRatio: \"xMidYMid slice\"\n        })]\n      })\n    })\n  });\n});"],
-  "mappings": "AAGA,YAAY,aAAa;AAKzB,SAAS,YAAY,kBAAkB;AACvC,SAAS,yBAAyB;AAMlC,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,YAAY,YAAY;AACxB,SAAS,OAAO,MAAM,YAAY,WAAW,QAAQ,aAAa;AAC3D,MAAM,qBAAqB,WAAW,SAASA,oBAAmB;AAAA,EACvE;AAAA,EACA,GAAG;AACL,GAAG,KAAK;AACN,QAAM,cAAc,WAAW,OAAO;AACtC,MAAI,CAAC,aAAa,MAAM,QAAQ;AAC9B,UAAM,IAAI,MAAM,6EAA6E;AAAA,EAC/F;AACA,SAAoB,qBAAK,QAAQ,YAAY;AAAA,IAC3C;AAAA,IACA,wBAAwB;AAAA,IACxB,OAAO,YAAY;AAAA,IACnB,QAAqB,qBAAK,MAAM;AAAA,MAC9B,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,MAKH,OAAO,YAAY,MAAM;AAAA,MACzB,QAAqB,sBAAM,WAAW;AAAA,QACpC,UAAU,CAAC,QAAqB,qBAAK,OAAO,oBAAoB;AAAA,UAC9D,eAAe;AAAA,UACf,MAAM;AAAA,UACN,MAAM;AAAA,UACN,qBAAqB;AAAA,QACvB,CAAC,CAAC;AAAA,MACJ,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC;AACH,CAAC;",
+  "mappings": ";AAGA,YAAY,aAAa;AAKzB,SAAS,YAAY,kBAAkB;AACvC,SAAS,yBAAyB;AAMlC,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,YAAY,YAAY;AACxB,SAAS,OAAO,MAAM,YAAY,WAAW,QAAQ,aAAa;AAC3D,IAAM,qBAAqB,WAAW,SAASA,oBAAmB;AAAA,EACvE;AAAA,EACA,GAAG;AACL,GAAG,KAAK;AACN,QAAM,cAAc,WAAW,OAAO;AACtC,MAAI,CAAC,aAAa,MAAM,QAAQ;AAC9B,UAAM,IAAI,MAAM,6EAA6E;AAAA,EAC/F;AACA,SAAoB,qBAAa,oBAAY;AAAA,IAC3C;AAAA,IACA,wBAAwB;AAAA,IACxB,OAAO,YAAY;AAAA,IACnB,QAAqB,qBAAK,MAAM;AAAA,MAC9B,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,MAKH,OAAO,YAAY,MAAM;AAAA,MACzB,QAAqB,sBAAM,WAAW;AAAA,QACpC,UAAU,CAAC,QAAqB,qBAAY,2BAAoB;AAAA,UAC9D,eAAe;AAAA,UACf,MAAM;AAAA,UACN,MAAM;AAAA,UACN,qBAAqB;AAAA,QACvB,CAAC,CAAC;AAAA,MACJ,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC;AACH,CAAC;",
   "names": ["SubmenuTriggerItem"]
 }

package/build-module/menu/trigger-button.js

@@ -1,8 +1,9 @@
+// packages/components/src/menu/trigger-button.tsx
 import * as Ariakit from "@ariakit/react";
 import { forwardRef, useContext } from "@wordpress/element";
 import { Context } from "./context";
 import { jsx as _jsx } from "react/jsx-runtime";
-const TriggerButton = forwardRef(function TriggerButton2({
+var TriggerButton = forwardRef(function TriggerButton2({
   children,
   disabled = false,
   ...props

package/build-module/menu/trigger-button.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/menu/trigger-button.tsx"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nimport { Context } from './context';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const TriggerButton = forwardRef(function TriggerButton({\n  children,\n  disabled = false,\n  ...props\n}, ref) {\n  const menuContext = useContext(Context);\n  if (!menuContext?.store) {\n    throw new Error('Menu.TriggerButton can only be rendered inside a Menu component');\n  }\n  if (menuContext.store.parent) {\n    throw new Error('Menu.TriggerButton should not be rendered inside a nested Menu component. Use Menu.SubmenuTriggerItem instead.');\n  }\n  return /*#__PURE__*/_jsx(Ariakit.MenuButton, {\n    ref: ref,\n    ...props,\n    disabled: disabled,\n    store: menuContext.store,\n    children: children\n  });\n});"],
-  "mappings": "AAGA,YAAY,aAAa;AAKzB,SAAS,YAAY,kBAAkB;AAMvC,SAAS,eAAe;AACxB,SAAS,OAAO,YAAY;AACrB,MAAM,gBAAgB,WAAW,SAASA,eAAc;AAAA,EAC7D;AAAA,EACA,WAAW;AAAA,EACX,GAAG;AACL,GAAG,KAAK;AACN,QAAM,cAAc,WAAW,OAAO;AACtC,MAAI,CAAC,aAAa,OAAO;AACvB,UAAM,IAAI,MAAM,iEAAiE;AAAA,EACnF;AACA,MAAI,YAAY,MAAM,QAAQ;AAC5B,UAAM,IAAI,MAAM,gHAAgH;AAAA,EAClI;AACA,SAAoB,qBAAK,QAAQ,YAAY;AAAA,IAC3C;AAAA,IACA,GAAG;AAAA,IACH;AAAA,IACA,OAAO,YAAY;AAAA,IACnB;AAAA,EACF,CAAC;AACH,CAAC;",
+  "mappings": ";AAGA,YAAY,aAAa;AAKzB,SAAS,YAAY,kBAAkB;AAMvC,SAAS,eAAe;AACxB,SAAS,OAAO,YAAY;AACrB,IAAM,gBAAgB,WAAW,SAASA,eAAc;AAAA,EAC7D;AAAA,EACA,WAAW;AAAA,EACX,GAAG;AACL,GAAG,KAAK;AACN,QAAM,cAAc,WAAW,OAAO;AACtC,MAAI,CAAC,aAAa,OAAO;AACvB,UAAM,IAAI,MAAM,iEAAiE;AAAA,EACnF;AACA,MAAI,YAAY,MAAM,QAAQ;AAC5B,UAAM,IAAI,MAAM,gHAAgH;AAAA,EAClI;AACA,SAAoB,qBAAa,oBAAY;AAAA,IAC3C;AAAA,IACA,GAAG;AAAA,IACH;AAAA,IACA,OAAO,YAAY;AAAA,IACnB;AAAA,EACF,CAAC;AACH,CAAC;",
   "names": ["TriggerButton"]
 }

package/build-module/menu-group/index.js

@@ -1,3 +1,4 @@
+// packages/components/src/menu-group/index.tsx
 import clsx from "clsx";
 import { Children } from "@wordpress/element";
 import { useInstanceId } from "@wordpress/compose";

package/build-module/menu-group/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/menu-group/index.tsx"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Children } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\n/**\n * `MenuGroup` wraps a series of related `MenuItem` components into a common\n * section.\n *\n * ```jsx\n * import { MenuGroup, MenuItem } from '@wordpress/components';\n *\n * const MyMenuGroup = () => (\n *   <MenuGroup label=\"Settings\">\n *     <MenuItem>Setting 1</MenuItem>\n *     <MenuItem>Setting 2</MenuItem>\n *   </MenuGroup>\n * );\n * ```\n */\nexport function MenuGroup(props) {\n  const {\n    children,\n    className = '',\n    label,\n    hideSeparator\n  } = props;\n  const instanceId = useInstanceId(MenuGroup);\n  if (!Children.count(children)) {\n    return null;\n  }\n  const labelId = `components-menu-group-label-${instanceId}`;\n  const classNames = clsx(className, 'components-menu-group', {\n    'has-hidden-separator': hideSeparator\n  });\n  return /*#__PURE__*/_jsxs(\"div\", {\n    className: classNames,\n    children: [label && /*#__PURE__*/_jsx(\"div\", {\n      className: \"components-menu-group__label\",\n      id: labelId,\n      \"aria-hidden\": \"true\",\n      children: label\n    }), /*#__PURE__*/_jsx(\"div\", {\n      role: \"group\",\n      \"aria-labelledby\": label ? labelId : undefined,\n      children: children\n    })]\n  });\n}\nexport default MenuGroup;"],
-  "mappings": "AAGA,OAAO,UAAU;AAKjB,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAK9B,SAAS,OAAO,MAAM,QAAQ,aAAa;AAgBpC,SAAS,UAAU,OAAO;AAC/B,QAAM;AAAA,IACJ;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,aAAa,cAAc,SAAS;AAC1C,MAAI,CAAC,SAAS,MAAM,QAAQ,GAAG;AAC7B,WAAO;AAAA,EACT;AACA,QAAM,UAAU,+BAA+B,UAAU;AACzD,QAAM,aAAa,KAAK,WAAW,yBAAyB;AAAA,IAC1D,wBAAwB;AAAA,EAC1B,CAAC;AACD,SAAoB,sBAAM,OAAO;AAAA,IAC/B,WAAW;AAAA,IACX,UAAU,CAAC,SAAsB,qBAAK,OAAO;AAAA,MAC3C,WAAW;AAAA,MACX,IAAI;AAAA,MACJ,eAAe;AAAA,MACf,UAAU;AAAA,IACZ,CAAC,GAAgB,qBAAK,OAAO;AAAA,MAC3B,MAAM;AAAA,MACN,mBAAmB,QAAQ,UAAU;AAAA,MACrC;AAAA,IACF,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;AACA,IAAO,qBAAQ;",
+  "mappings": ";AAGA,OAAO,UAAU;AAKjB,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAK9B,SAAS,OAAO,MAAM,QAAQ,aAAa;AAgBpC,SAAS,UAAU,OAAO;AAC/B,QAAM;AAAA,IACJ;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,aAAa,cAAc,SAAS;AAC1C,MAAI,CAAC,SAAS,MAAM,QAAQ,GAAG;AAC7B,WAAO;AAAA,EACT;AACA,QAAM,UAAU,+BAA+B,UAAU;AACzD,QAAM,aAAa,KAAK,WAAW,yBAAyB;AAAA,IAC1D,wBAAwB;AAAA,EAC1B,CAAC;AACD,SAAoB,sBAAM,OAAO;AAAA,IAC/B,WAAW;AAAA,IACX,UAAU,CAAC,SAAsB,qBAAK,OAAO;AAAA,MAC3C,WAAW;AAAA,MACX,IAAI;AAAA,MACJ,eAAe;AAAA,MACf,UAAU;AAAA,IACZ,CAAC,GAAgB,qBAAK,OAAO;AAAA,MAC3B,MAAM;AAAA,MACN,mBAAmB,QAAQ,UAAU;AAAA,MACrC;AAAA,IACF,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;AACA,IAAO,qBAAQ;",
   "names": []
 }

package/build-module/menu-item/index.js

@@ -1,3 +1,4 @@
+// packages/components/src/menu-item/index.tsx
 import clsx from "clsx";
 import { cloneElement, forwardRef } from "@wordpress/element";
 import Shortcut from "../shortcut";
@@ -57,7 +58,7 @@ function UnforwardedMenuItem(props, ref) {
     }), suffix]
   });
 }
-const MenuItem = forwardRef(UnforwardedMenuItem);
+var MenuItem = forwardRef(UnforwardedMenuItem);
 var menu_item_default = MenuItem;
 export {
   MenuItem,

package/build-module/menu-item/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/menu-item/index.tsx"],
   "sourcesContent": ["/**\n * External dependencies\n */\n\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { cloneElement, forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Shortcut from '../shortcut';\nimport Button from '../button';\nimport Icon from '../icon';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nfunction UnforwardedMenuItem(props, ref) {\n  let {\n    children,\n    info,\n    className,\n    icon,\n    iconPosition = 'right',\n    shortcut,\n    isSelected,\n    role = 'menuitem',\n    suffix,\n    ...buttonProps\n  } = props;\n  className = clsx('components-menu-item__button', className);\n  if (info) {\n    children = /*#__PURE__*/_jsxs(\"span\", {\n      className: \"components-menu-item__info-wrapper\",\n      children: [/*#__PURE__*/_jsx(\"span\", {\n        className: \"components-menu-item__item\",\n        children: children\n      }), /*#__PURE__*/_jsx(\"span\", {\n        className: \"components-menu-item__info\",\n        children: info\n      })]\n    });\n  }\n  if (icon && typeof icon !== 'string') {\n    icon = cloneElement(icon, {\n      className: clsx('components-menu-items__item-icon', {\n        'has-icon-right': iconPosition === 'right'\n      })\n    });\n  }\n  return /*#__PURE__*/_jsxs(Button, {\n    __next40pxDefaultSize: true,\n    ref: ref\n    // Make sure aria-checked matches spec https://www.w3.org/TR/wai-aria-1.1/#aria-checked\n    ,\n    \"aria-checked\": role === 'menuitemcheckbox' || role === 'menuitemradio' ? isSelected : undefined,\n    role: role,\n    icon: iconPosition === 'left' ? icon : undefined,\n    className: className,\n    accessibleWhenDisabled: true,\n    ...buttonProps,\n    children: [/*#__PURE__*/_jsx(\"span\", {\n      className: \"components-menu-item__item\",\n      children: children\n    }), !suffix && /*#__PURE__*/_jsx(Shortcut, {\n      className: \"components-menu-item__shortcut\",\n      shortcut: shortcut\n    }), !suffix && icon && iconPosition === 'right' && /*#__PURE__*/_jsx(Icon, {\n      icon: icon\n    }), suffix]\n  });\n}\n\n/**\n * MenuItem is a component which renders a button intended to be used in combination with the `DropdownMenu` component.\n *\n * ```jsx\n * import { MenuItem } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyMenuItem = () => {\n * \tconst [ isActive, setIsActive ] = useState( true );\n *\n * \treturn (\n * \t\t<MenuItem\n * \t\t\ticon={ isActive ? 'yes' : 'no' }\n * \t\t\tisSelected={ isActive }\n * \t\t\trole=\"menuitemcheckbox\"\n * \t\t\tonClick={ () => setIsActive( ( state ) => ! state ) }\n * \t\t>\n * \t\t\tToggle\n * \t\t</MenuItem>\n * \t);\n * };\n * ```\n */\nexport const MenuItem = forwardRef(UnforwardedMenuItem);\nexport default MenuItem;"],
-  "mappings": "AAIA,OAAO,UAAU;AAKjB,SAAS,cAAc,kBAAkB;AAKzC,OAAO,cAAc;AACrB,OAAO,YAAY;AACnB,OAAO,UAAU;AACjB,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,SAAS,oBAAoB,OAAO,KAAK;AACvC,MAAI;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,cAAY,KAAK,gCAAgC,SAAS;AAC1D,MAAI,MAAM;AACR,eAAwB,sBAAM,QAAQ;AAAA,MACpC,WAAW;AAAA,MACX,UAAU,CAAc,qBAAK,QAAQ;AAAA,QACnC,WAAW;AAAA,QACX;AAAA,MACF,CAAC,GAAgB,qBAAK,QAAQ;AAAA,QAC5B,WAAW;AAAA,QACX,UAAU;AAAA,MACZ,CAAC,CAAC;AAAA,IACJ,CAAC;AAAA,EACH;AACA,MAAI,QAAQ,OAAO,SAAS,UAAU;AACpC,WAAO,aAAa,MAAM;AAAA,MACxB,WAAW,KAAK,oCAAoC;AAAA,QAClD,kBAAkB,iBAAiB;AAAA,MACrC,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACA,SAAoB,sBAAM,QAAQ;AAAA,IAChC,uBAAuB;AAAA,IACvB;AAAA,IAGA,gBAAgB,SAAS,sBAAsB,SAAS,kBAAkB,aAAa;AAAA,IACvF;AAAA,IACA,MAAM,iBAAiB,SAAS,OAAO;AAAA,IACvC;AAAA,IACA,wBAAwB;AAAA,IACxB,GAAG;AAAA,IACH,UAAU,CAAc,qBAAK,QAAQ;AAAA,MACnC,WAAW;AAAA,MACX;AAAA,IACF,CAAC,GAAG,CAAC,UAAuB,qBAAK,UAAU;AAAA,MACzC,WAAW;AAAA,MACX;AAAA,IACF,CAAC,GAAG,CAAC,UAAU,QAAQ,iBAAiB,WAAwB,qBAAK,MAAM;AAAA,MACzE;AAAA,IACF,CAAC,GAAG,MAAM;AAAA,EACZ,CAAC;AACH;AAyBO,MAAM,WAAW,WAAW,mBAAmB;AACtD,IAAO,oBAAQ;",
+  "mappings": ";AAIA,OAAO,UAAU;AAKjB,SAAS,cAAc,kBAAkB;AAKzC,OAAO,cAAc;AACrB,OAAO,YAAY;AACnB,OAAO,UAAU;AACjB,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,SAAS,oBAAoB,OAAO,KAAK;AACvC,MAAI;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,cAAY,KAAK,gCAAgC,SAAS;AAC1D,MAAI,MAAM;AACR,eAAwB,sBAAM,QAAQ;AAAA,MACpC,WAAW;AAAA,MACX,UAAU,CAAc,qBAAK,QAAQ;AAAA,QACnC,WAAW;AAAA,QACX;AAAA,MACF,CAAC,GAAgB,qBAAK,QAAQ;AAAA,QAC5B,WAAW;AAAA,QACX,UAAU;AAAA,MACZ,CAAC,CAAC;AAAA,IACJ,CAAC;AAAA,EACH;AACA,MAAI,QAAQ,OAAO,SAAS,UAAU;AACpC,WAAO,aAAa,MAAM;AAAA,MACxB,WAAW,KAAK,oCAAoC;AAAA,QAClD,kBAAkB,iBAAiB;AAAA,MACrC,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACA,SAAoB,sBAAM,QAAQ;AAAA,IAChC,uBAAuB;AAAA,IACvB;AAAA,IAGA,gBAAgB,SAAS,sBAAsB,SAAS,kBAAkB,aAAa;AAAA,IACvF;AAAA,IACA,MAAM,iBAAiB,SAAS,OAAO;AAAA,IACvC;AAAA,IACA,wBAAwB;AAAA,IACxB,GAAG;AAAA,IACH,UAAU,CAAc,qBAAK,QAAQ;AAAA,MACnC,WAAW;AAAA,MACX;AAAA,IACF,CAAC,GAAG,CAAC,UAAuB,qBAAK,UAAU;AAAA,MACzC,WAAW;AAAA,MACX;AAAA,IACF,CAAC,GAAG,CAAC,UAAU,QAAQ,iBAAiB,WAAwB,qBAAK,MAAM;AAAA,MACzE;AAAA,IACF,CAAC,GAAG,MAAM;AAAA,EACZ,CAAC;AACH;AAyBO,IAAM,WAAW,WAAW,mBAAmB;AACtD,IAAO,oBAAQ;",
   "names": []
 }

package/build-module/menu-items-choice/index.js

@@ -1,7 +1,8 @@
+// packages/components/src/menu-items-choice/index.tsx
 import { check } from "@wordpress/icons";
 import MenuItem from "../menu-item";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-const noop = () => {
+var noop = () => {
 };
 function MenuItemsChoice({
   choices = [],

package/build-module/menu-items-choice/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/menu-items-choice/index.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { check } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport MenuItem from '../menu-item';\nimport { jsx as _jsx, Fragment as _Fragment } from \"react/jsx-runtime\";\nconst noop = () => {};\n\n/**\n * `MenuItemsChoice` functions similarly to a set of `MenuItem`s, but allows the user to select one option from a set of multiple choices.\n *\n *\n * ```jsx\n * import { MenuGroup, MenuItemsChoice } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyMenuItemsChoice = () => {\n * \tconst [ mode, setMode ] = useState( 'visual' );\n * \tconst choices = [\n * \t\t{\n * \t\t\tvalue: 'visual',\n * \t\t\tlabel: 'Visual editor',\n * \t\t},\n * \t\t{\n * \t\t\tvalue: 'text',\n * \t\t\tlabel: 'Code editor',\n * \t\t},\n * \t];\n *\n * \treturn (\n * \t\t<MenuGroup label=\"Editor\">\n * \t\t\t<MenuItemsChoice\n * \t\t\t\tchoices={ choices }\n * \t\t\t\tvalue={ mode }\n * \t\t\t\tonSelect={ ( newMode ) => setMode( newMode ) }\n * \t\t\t/>\n * \t\t</MenuGroup>\n * \t);\n * };\n * ```\n */\nfunction MenuItemsChoice({\n  choices = [],\n  onHover = noop,\n  onSelect,\n  value\n}) {\n  return /*#__PURE__*/_jsx(_Fragment, {\n    children: choices.map(item => {\n      const isSelected = value === item.value;\n      return /*#__PURE__*/_jsx(MenuItem, {\n        role: \"menuitemradio\",\n        disabled: item.disabled,\n        icon: isSelected ? check : null,\n        info: item.info,\n        isSelected: isSelected,\n        shortcut: item.shortcut,\n        className: \"components-menu-items-choice\",\n        onClick: () => {\n          if (!isSelected) {\n            onSelect(item.value);\n          }\n        },\n        onMouseEnter: () => onHover(item.value),\n        onMouseLeave: () => onHover(null),\n        \"aria-label\": item['aria-label'],\n        children: item.label\n      }, item.value);\n    })\n  });\n}\nexport default MenuItemsChoice;"],
-  "mappings": "AAGA,SAAS,aAAa;AAKtB,OAAO,cAAc;AACrB,SAAS,OAAO,MAAM,YAAY,iBAAiB;AACnD,MAAM,OAAO,MAAM;AAAC;AAmCpB,SAAS,gBAAgB;AAAA,EACvB,UAAU,CAAC;AAAA,EACX,UAAU;AAAA,EACV;AAAA,EACA;AACF,GAAG;AACD,SAAoB,qBAAK,WAAW;AAAA,IAClC,UAAU,QAAQ,IAAI,UAAQ;AAC5B,YAAM,aAAa,UAAU,KAAK;AAClC,aAAoB,qBAAK,UAAU;AAAA,QACjC,MAAM;AAAA,QACN,UAAU,KAAK;AAAA,QACf,MAAM,aAAa,QAAQ;AAAA,QAC3B,MAAM,KAAK;AAAA,QACX;AAAA,QACA,UAAU,KAAK;AAAA,QACf,WAAW;AAAA,QACX,SAAS,MAAM;AACb,cAAI,CAAC,YAAY;AACf,qBAAS,KAAK,KAAK;AAAA,UACrB;AAAA,QACF;AAAA,QACA,cAAc,MAAM,QAAQ,KAAK,KAAK;AAAA,QACtC,cAAc,MAAM,QAAQ,IAAI;AAAA,QAChC,cAAc,KAAK,YAAY;AAAA,QAC/B,UAAU,KAAK;AAAA,MACjB,GAAG,KAAK,KAAK;AAAA,IACf,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,4BAAQ;",
+  "mappings": ";AAGA,SAAS,aAAa;AAKtB,OAAO,cAAc;AACrB,SAAS,OAAO,MAAM,YAAY,iBAAiB;AACnD,IAAM,OAAO,MAAM;AAAC;AAmCpB,SAAS,gBAAgB;AAAA,EACvB,UAAU,CAAC;AAAA,EACX,UAAU;AAAA,EACV;AAAA,EACA;AACF,GAAG;AACD,SAAoB,qBAAK,WAAW;AAAA,IAClC,UAAU,QAAQ,IAAI,UAAQ;AAC5B,YAAM,aAAa,UAAU,KAAK;AAClC,aAAoB,qBAAK,UAAU;AAAA,QACjC,MAAM;AAAA,QACN,UAAU,KAAK;AAAA,QACf,MAAM,aAAa,QAAQ;AAAA,QAC3B,MAAM,KAAK;AAAA,QACX;AAAA,QACA,UAAU,KAAK;AAAA,QACf,WAAW;AAAA,QACX,SAAS,MAAM;AACb,cAAI,CAAC,YAAY;AACf,qBAAS,KAAK,KAAK;AAAA,UACrB;AAAA,QACF;AAAA,QACA,cAAc,MAAM,QAAQ,KAAK,KAAK;AAAA,QACtC,cAAc,MAAM,QAAQ,IAAI;AAAA,QAChC,cAAc,KAAK,YAAY;AAAA,QAC/B,UAAU,KAAK;AAAA,MACjB,GAAG,KAAK,KAAK;AAAA,IACf,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,4BAAQ;",
   "names": []
 }

package/build-module/mobile/image/constants.js

@@ -1,4 +1,5 @@
-const IMAGE_DEFAULT_FOCAL_POINT = {
+// packages/components/src/mobile/image/constants.js
+var IMAGE_DEFAULT_FOCAL_POINT = {
   x: 0.5,
   y: 0.5
 };

package/build-module/mobile/image/constants.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/mobile/image/constants.js"],
   "sourcesContent": ["export const IMAGE_DEFAULT_FOCAL_POINT = {\n  x: 0.5,\n  y: 0.5\n};"],
-  "mappings": "AAAO,MAAM,4BAA4B;AAAA,EACvC,GAAG;AAAA,EACH,GAAG;AACL;",
+  "mappings": ";AAAO,IAAM,4BAA4B;AAAA,EACvC,GAAG;AAAA,EACH,GAAG;AACL;",
   "names": []
 }

package/build-module/modal/aria-helper.js

@@ -1,5 +1,6 @@
-const LIVE_REGION_ARIA_ROLES = /* @__PURE__ */ new Set(["alert", "status", "log", "marquee", "timer"]);
-const hiddenElementsByDepth = [];
+// packages/components/src/modal/aria-helper.ts
+var LIVE_REGION_ARIA_ROLES = /* @__PURE__ */ new Set(["alert", "status", "log", "marquee", "timer"]);
+var hiddenElementsByDepth = [];
 function modalize(modalElement) {
   const elements = Array.from(document.body.children);
   const hiddenElements = [];

package/build-module/modal/aria-helper.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/modal/aria-helper.ts"],
   "sourcesContent": ["const LIVE_REGION_ARIA_ROLES = new Set(['alert', 'status', 'log', 'marquee', 'timer']);\nconst hiddenElementsByDepth = [];\n\n/**\n * Hides all elements in the body element from screen-readers except\n * the provided element and elements that should not be hidden from\n * screen-readers.\n *\n * The reason we do this is because `aria-modal=\"true\"` currently is bugged\n * in Safari, and support is spotty in other browsers overall. In the future\n * we should consider removing these helper functions in favor of\n * `aria-modal=\"true\"`.\n *\n * @param modalElement The element that should not be hidden.\n */\nexport function modalize(modalElement) {\n  const elements = Array.from(document.body.children);\n  const hiddenElements = [];\n  hiddenElementsByDepth.push(hiddenElements);\n  for (const element of elements) {\n    if (element === modalElement) {\n      continue;\n    }\n    if (elementShouldBeHidden(element)) {\n      element.setAttribute('aria-hidden', 'true');\n      hiddenElements.push(element);\n    }\n  }\n}\n\n/**\n * Determines if the passed element should not be hidden from screen readers.\n *\n * @param element The element that should be checked.\n *\n * @return Whether the element should not be hidden from screen-readers.\n */\nexport function elementShouldBeHidden(element) {\n  const role = element.getAttribute('role');\n  return !(element.tagName === 'SCRIPT' || element.hasAttribute('hidden') || element.hasAttribute('aria-hidden') || element.hasAttribute('aria-live') || role && LIVE_REGION_ARIA_ROLES.has(role));\n}\n\n/**\n * Accessibly reveals the elements hidden by the latest modal.\n */\nexport function unmodalize() {\n  const hiddenElements = hiddenElementsByDepth.pop();\n  if (!hiddenElements) {\n    return;\n  }\n  for (const element of hiddenElements) {\n    element.removeAttribute('aria-hidden');\n  }\n}"],
-  "mappings": "AAAA,MAAM,yBAAyB,oBAAI,IAAI,CAAC,SAAS,UAAU,OAAO,WAAW,OAAO,CAAC;AACrF,MAAM,wBAAwB,CAAC;AAcxB,SAAS,SAAS,cAAc;AACrC,QAAM,WAAW,MAAM,KAAK,SAAS,KAAK,QAAQ;AAClD,QAAM,iBAAiB,CAAC;AACxB,wBAAsB,KAAK,cAAc;AACzC,aAAW,WAAW,UAAU;AAC9B,QAAI,YAAY,cAAc;AAC5B;AAAA,IACF;AACA,QAAI,sBAAsB,OAAO,GAAG;AAClC,cAAQ,aAAa,eAAe,MAAM;AAC1C,qBAAe,KAAK,OAAO;AAAA,IAC7B;AAAA,EACF;AACF;AASO,SAAS,sBAAsB,SAAS;AAC7C,QAAM,OAAO,QAAQ,aAAa,MAAM;AACxC,SAAO,EAAE,QAAQ,YAAY,YAAY,QAAQ,aAAa,QAAQ,KAAK,QAAQ,aAAa,aAAa,KAAK,QAAQ,aAAa,WAAW,KAAK,QAAQ,uBAAuB,IAAI,IAAI;AAChM;AAKO,SAAS,aAAa;AAC3B,QAAM,iBAAiB,sBAAsB,IAAI;AACjD,MAAI,CAAC,gBAAgB;AACnB;AAAA,EACF;AACA,aAAW,WAAW,gBAAgB;AACpC,YAAQ,gBAAgB,aAAa;AAAA,EACvC;AACF;",
+  "mappings": ";AAAA,IAAM,yBAAyB,oBAAI,IAAI,CAAC,SAAS,UAAU,OAAO,WAAW,OAAO,CAAC;AACrF,IAAM,wBAAwB,CAAC;AAcxB,SAAS,SAAS,cAAc;AACrC,QAAM,WAAW,MAAM,KAAK,SAAS,KAAK,QAAQ;AAClD,QAAM,iBAAiB,CAAC;AACxB,wBAAsB,KAAK,cAAc;AACzC,aAAW,WAAW,UAAU;AAC9B,QAAI,YAAY,cAAc;AAC5B;AAAA,IACF;AACA,QAAI,sBAAsB,OAAO,GAAG;AAClC,cAAQ,aAAa,eAAe,MAAM;AAC1C,qBAAe,KAAK,OAAO;AAAA,IAC7B;AAAA,EACF;AACF;AASO,SAAS,sBAAsB,SAAS;AAC7C,QAAM,OAAO,QAAQ,aAAa,MAAM;AACxC,SAAO,EAAE,QAAQ,YAAY,YAAY,QAAQ,aAAa,QAAQ,KAAK,QAAQ,aAAa,aAAa,KAAK,QAAQ,aAAa,WAAW,KAAK,QAAQ,uBAAuB,IAAI,IAAI;AAChM;AAKO,SAAS,aAAa;AAC3B,QAAM,iBAAiB,sBAAsB,IAAI;AACjD,MAAI,CAAC,gBAAgB;AACnB;AAAA,EACF;AACA,aAAW,WAAW,gBAAgB;AACpC,YAAQ,gBAAgB,aAAa;AAAA,EACvC;AACF;",
   "names": []
 }

package/build-module/modal/index.js

@@ -1,3 +1,4 @@
+// packages/components/src/modal/index.tsx
 import clsx from "clsx";
 import { createPortal, useCallback, useEffect, useRef, useState, forwardRef, useLayoutEffect, createContext, useContext } from "@wordpress/element";
 import { useInstanceId, useFocusReturn, useFocusOnMount, useConstrainedTabbing, useMergeRefs } from "@wordpress/compose";
@@ -11,9 +12,9 @@ import { withIgnoreIMEEvents } from "../utils/with-ignore-ime-events";
 import { Spacer } from "../spacer";
 import { useModalExitAnimation } from "./use-modal-exit-animation";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const ModalContext = createContext(/* @__PURE__ */ new Set());
+var ModalContext = createContext(/* @__PURE__ */ new Set());
 ModalContext.displayName = "ModalContext";
-const bodyOpenClasses = /* @__PURE__ */ new Map();
+var bodyOpenClasses = /* @__PURE__ */ new Map();
 function UnforwardedModal(props, forwardedRef) {
   const {
     bodyOpenClassName = "modal-open",
@@ -237,7 +238,7 @@ function UnforwardedModal(props, forwardedRef) {
     children: modal
   }), document.body);
 }
-const Modal = forwardRef(UnforwardedModal);
+var Modal = forwardRef(UnforwardedModal);
 var modal_default = Modal;
 export {
   Modal,

package/build-module/modal/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/modal/index.tsx"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { createPortal, useCallback, useEffect, useRef, useState, forwardRef, useLayoutEffect, createContext, useContext } from '@wordpress/element';\nimport { useInstanceId, useFocusReturn, useFocusOnMount, useConstrainedTabbing, useMergeRefs } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { close } from '@wordpress/icons';\nimport { getScrollContainer } from '@wordpress/dom';\n\n/**\n * Internal dependencies\n */\nimport * as ariaHelper from './aria-helper';\nimport Button from '../button';\nimport StyleProvider from '../style-provider';\nimport { withIgnoreIMEEvents } from '../utils/with-ignore-ime-events';\nimport { Spacer } from '../spacer';\nimport { useModalExitAnimation } from './use-modal-exit-animation';\n\n// Used to track and dismiss the prior modal when another opens unless nested.\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nconst ModalContext = createContext(new Set());\nModalContext.displayName = 'ModalContext';\n\n// Used to track body class names applied while modals are open.\nconst bodyOpenClasses = new Map();\nfunction UnforwardedModal(props, forwardedRef) {\n  const {\n    bodyOpenClassName = 'modal-open',\n    role = 'dialog',\n    title = null,\n    focusOnMount = true,\n    shouldCloseOnEsc = true,\n    shouldCloseOnClickOutside = true,\n    isDismissible = true,\n    /* Accessibility. */\n    aria = {\n      labelledby: undefined,\n      describedby: undefined\n    },\n    onRequestClose,\n    icon,\n    closeButtonLabel,\n    children,\n    style,\n    overlayClassName: overlayClassnameProp,\n    className,\n    contentLabel,\n    onKeyDown,\n    isFullScreen = false,\n    size,\n    headerActions = null,\n    __experimentalHideHeader = false\n  } = props;\n  const ref = useRef();\n  const instanceId = useInstanceId(Modal);\n  const headingId = title ? `components-modal-header-${instanceId}` : aria.labelledby;\n\n  // The focus hook does not support 'firstContentElement' but this is a valid\n  // value for the Modal's focusOnMount prop. The following code ensures the focus\n  // hook will focus the first focusable node within the element to which it is applied.\n  // When `firstContentElement` is passed as the value of the focusOnMount prop,\n  // the focus hook is applied to the Modal's content element.\n  // Otherwise, the focus hook is applied to the Modal's ref. This ensures that the\n  // focus hook will focus the first element in the Modal's **content** when\n  // `firstContentElement` is passed.\n  const focusOnMountRef = useFocusOnMount(focusOnMount === 'firstContentElement' ? 'firstElement' : focusOnMount);\n  const constrainedTabbingRef = useConstrainedTabbing();\n  const focusReturnRef = useFocusReturn();\n  const contentRef = useRef(null);\n  const childrenContainerRef = useRef(null);\n  const [hasScrolledContent, setHasScrolledContent] = useState(false);\n  const [hasScrollableContent, setHasScrollableContent] = useState(false);\n  let sizeClass;\n  if (isFullScreen || size === 'fill') {\n    sizeClass = 'is-full-screen';\n  } else if (size) {\n    sizeClass = `has-size-${size}`;\n  }\n\n  // Determines whether the Modal content is scrollable and updates the state.\n  const isContentScrollable = useCallback(() => {\n    if (!contentRef.current) {\n      return;\n    }\n    const closestScrollContainer = getScrollContainer(contentRef.current);\n    if (contentRef.current === closestScrollContainer) {\n      setHasScrollableContent(true);\n    } else {\n      setHasScrollableContent(false);\n    }\n  }, [contentRef]);\n\n  // Accessibly isolates/unisolates the modal.\n  useEffect(() => {\n    ariaHelper.modalize(ref.current);\n    return () => ariaHelper.unmodalize();\n  }, []);\n\n  // Keeps a fresh ref for the subsequent effect.\n  const onRequestCloseRef = useRef();\n  useEffect(() => {\n    onRequestCloseRef.current = onRequestClose;\n  }, [onRequestClose]);\n\n  // The list of `onRequestClose` callbacks of open (non-nested) Modals. Only\n  // one should remain open at a time and the list enables closing prior ones.\n  const dismissers = useContext(ModalContext);\n  // Used for the tracking and dismissing any nested modals.\n  const [nestedDismissers] = useState(() => new Set());\n\n  // Updates the stack tracking open modals at this level and calls\n  // onRequestClose for any prior and/or nested modals as applicable.\n  useEffect(() => {\n    // add this modal instance to the dismissers set\n    dismissers.add(onRequestCloseRef);\n    // request that all the other modals close themselves\n    for (const dismisser of dismissers) {\n      if (dismisser !== onRequestCloseRef) {\n        dismisser.current?.();\n      }\n    }\n    return () => {\n      // request that all the nested modals close themselves\n      for (const dismisser of nestedDismissers) {\n        dismisser.current?.();\n      }\n      // remove this modal instance from the dismissers set\n      dismissers.delete(onRequestCloseRef);\n    };\n  }, [dismissers, nestedDismissers]);\n\n  // Adds/removes the value of bodyOpenClassName to body element.\n  useEffect(() => {\n    var _bodyOpenClasses$get;\n    const theClass = bodyOpenClassName;\n    const oneMore = 1 + ((_bodyOpenClasses$get = bodyOpenClasses.get(theClass)) !== null && _bodyOpenClasses$get !== void 0 ? _bodyOpenClasses$get : 0);\n    bodyOpenClasses.set(theClass, oneMore);\n    document.body.classList.add(bodyOpenClassName);\n    return () => {\n      const oneLess = bodyOpenClasses.get(theClass) - 1;\n      if (oneLess === 0) {\n        document.body.classList.remove(theClass);\n        bodyOpenClasses.delete(theClass);\n      } else {\n        bodyOpenClasses.set(theClass, oneLess);\n      }\n    };\n  }, [bodyOpenClassName]);\n  const {\n    closeModal,\n    frameRef,\n    frameStyle,\n    overlayClassname\n  } = useModalExitAnimation();\n\n  // Calls the isContentScrollable callback when the Modal children container resizes.\n  useLayoutEffect(() => {\n    if (!window.ResizeObserver || !childrenContainerRef.current) {\n      return;\n    }\n    const resizeObserver = new ResizeObserver(isContentScrollable);\n    resizeObserver.observe(childrenContainerRef.current);\n    isContentScrollable();\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [isContentScrollable, childrenContainerRef]);\n  function handleEscapeKeyDown(event) {\n    if (shouldCloseOnEsc && (event.code === 'Escape' || event.key === 'Escape') && !event.defaultPrevented) {\n      event.preventDefault();\n      closeModal().then(() => onRequestClose(event));\n    }\n  }\n  const onContentContainerScroll = useCallback(e => {\n    var _e$currentTarget$scro;\n    const scrollY = (_e$currentTarget$scro = e?.currentTarget?.scrollTop) !== null && _e$currentTarget$scro !== void 0 ? _e$currentTarget$scro : -1;\n    if (!hasScrolledContent && scrollY > 0) {\n      setHasScrolledContent(true);\n    } else if (hasScrolledContent && scrollY <= 0) {\n      setHasScrolledContent(false);\n    }\n  }, [hasScrolledContent]);\n  let pressTarget = null;\n  const overlayPressHandlers = {\n    onPointerDown: event => {\n      if (event.target === event.currentTarget) {\n        pressTarget = event.target;\n        // Avoids focus changing so that focus return works as expected.\n        event.preventDefault();\n      }\n    },\n    // Closes the modal with two exceptions. 1. Opening the context menu on\n    // the overlay. 2. Pressing on the overlay then dragging the pointer\n    // over the modal and releasing. Due to the modal being a child of the\n    // overlay, such a gesture is a `click` on the overlay and cannot be\n    // excepted by a `click` handler. Thus the tactic of handling\n    // `pointerup` and comparing its target to that of the `pointerdown`.\n    onPointerUp: ({\n      target,\n      button\n    }) => {\n      const isSameTarget = target === pressTarget;\n      pressTarget = null;\n      if (button === 0 && isSameTarget) {\n        closeModal().then(() => onRequestClose());\n      }\n    }\n  };\n  const modal =\n  /*#__PURE__*/\n  // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n  _jsx(\"div\", {\n    ref: useMergeRefs([ref, forwardedRef]),\n    className: clsx('components-modal__screen-overlay', overlayClassname, overlayClassnameProp),\n    onKeyDown: withIgnoreIMEEvents(handleEscapeKeyDown),\n    ...(shouldCloseOnClickOutside ? overlayPressHandlers : {}),\n    children: /*#__PURE__*/_jsx(StyleProvider, {\n      document: document,\n      children: /*#__PURE__*/_jsx(\"div\", {\n        className: clsx('components-modal__frame', sizeClass, className),\n        style: {\n          ...frameStyle,\n          ...style\n        },\n        ref: useMergeRefs([frameRef, constrainedTabbingRef, focusReturnRef, focusOnMount !== 'firstContentElement' ? focusOnMountRef : null]),\n        role: role,\n        \"aria-label\": contentLabel,\n        \"aria-labelledby\": contentLabel ? undefined : headingId,\n        \"aria-describedby\": aria.describedby,\n        tabIndex: -1,\n        onKeyDown: onKeyDown,\n        children: /*#__PURE__*/_jsxs(\"div\", {\n          className: clsx('components-modal__content', {\n            'hide-header': __experimentalHideHeader,\n            'is-scrollable': hasScrollableContent,\n            'has-scrolled-content': hasScrolledContent\n          }),\n          role: \"document\",\n          onScroll: onContentContainerScroll,\n          ref: contentRef,\n          \"aria-label\": hasScrollableContent ? __('Scrollable section') : undefined,\n          tabIndex: hasScrollableContent ? 0 : undefined,\n          children: [!__experimentalHideHeader && /*#__PURE__*/_jsxs(\"div\", {\n            className: \"components-modal__header\",\n            children: [/*#__PURE__*/_jsxs(\"div\", {\n              className: \"components-modal__header-heading-container\",\n              children: [icon && /*#__PURE__*/_jsx(\"span\", {\n                className: \"components-modal__icon-container\",\n                \"aria-hidden\": true,\n                children: icon\n              }), title && /*#__PURE__*/_jsx(\"h1\", {\n                id: headingId,\n                className: \"components-modal__header-heading\",\n                children: title\n              })]\n            }), headerActions, isDismissible && /*#__PURE__*/_jsxs(_Fragment, {\n              children: [/*#__PURE__*/_jsx(Spacer, {\n                marginBottom: 0,\n                marginLeft: 2\n              }), /*#__PURE__*/_jsx(Button, {\n                size: \"compact\",\n                onClick: event => closeModal().then(() => onRequestClose(event)),\n                icon: close,\n                label: closeButtonLabel || __('Close')\n              })]\n            })]\n          }), /*#__PURE__*/_jsx(\"div\", {\n            ref: useMergeRefs([childrenContainerRef, focusOnMount === 'firstContentElement' ? focusOnMountRef : null]),\n            children: children\n          })]\n        })\n      })\n    })\n  });\n  return createPortal(/*#__PURE__*/_jsx(ModalContext.Provider, {\n    value: nestedDismissers,\n    children: modal\n  }), document.body);\n}\n\n/**\n * Modals give users information and choices related to a task they\u2019re trying to\n * accomplish. They can contain critical information, require decisions, or\n * involve multiple tasks.\n *\n * ```jsx\n * import { Button, Modal } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyModal = () => {\n *   const [ isOpen, setOpen ] = useState( false );\n *   const openModal = () => setOpen( true );\n *   const closeModal = () => setOpen( false );\n *\n *   return (\n *     <>\n *       <Button variant=\"secondary\" onClick={ openModal }>\n *         Open Modal\n *       </Button>\n *       { isOpen && (\n *         <Modal title=\"This is my modal\" onRequestClose={ closeModal }>\n *           <Button variant=\"secondary\" onClick={ closeModal }>\n *             My custom close button\n *           </Button>\n *         </Modal>\n *       ) }\n *     </>\n *   );\n * };\n * ```\n */\nexport const Modal = forwardRef(UnforwardedModal);\nexport default Modal;"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/build-module/modal/use-modal-exit-animation.js

@@ -1,10 +1,11 @@
+// packages/components/src/modal/use-modal-exit-animation.ts
 import { useReducedMotion } from "@wordpress/compose";
 import { useCallback, useRef, useState } from "@wordpress/element";
 import { CONFIG } from "../utils";
 import warning from "@wordpress/warning";
-const FRAME_ANIMATION_DURATION = CONFIG.transitionDuration;
-const FRAME_ANIMATION_DURATION_NUMBER = Number.parseInt(CONFIG.transitionDuration);
-const EXIT_ANIMATION_NAME = "components-modal__disappear-animation";
+var FRAME_ANIMATION_DURATION = CONFIG.transitionDuration;
+var FRAME_ANIMATION_DURATION_NUMBER = Number.parseInt(CONFIG.transitionDuration);
+var EXIT_ANIMATION_NAME = "components-modal__disappear-animation";
 function useModalExitAnimation() {
   const frameRef = useRef();
   const [isAnimatingOut, setIsAnimatingOut] = useState(false);

package/build-module/modal/use-modal-exit-animation.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/modal/use-modal-exit-animation.ts"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useReducedMotion } from '@wordpress/compose';\nimport { useCallback, useRef, useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { CONFIG } from '../utils';\nimport warning from '@wordpress/warning';\n\n// Animation duration (ms) extracted to JS in order to be used on a setTimeout.\nconst FRAME_ANIMATION_DURATION = CONFIG.transitionDuration;\nconst FRAME_ANIMATION_DURATION_NUMBER = Number.parseInt(CONFIG.transitionDuration);\nconst EXIT_ANIMATION_NAME = 'components-modal__disappear-animation';\nexport function useModalExitAnimation() {\n  const frameRef = useRef();\n  const [isAnimatingOut, setIsAnimatingOut] = useState(false);\n  const isReducedMotion = useReducedMotion();\n  const closeModal = useCallback(() => new Promise(closeModalResolve => {\n    // Grab a \"stable\" reference of the frame element, since\n    // the value held by the react ref might change at runtime.\n    const frameEl = frameRef.current;\n    if (isReducedMotion) {\n      closeModalResolve();\n      return;\n    }\n    if (!frameEl) {\n      globalThis.SCRIPT_DEBUG === true ? warning(\"wp.components.Modal: the Modal component can't be closed with an exit animation because of a missing reference to the modal frame element.\") : void 0;\n      closeModalResolve();\n      return;\n    }\n    let handleAnimationEnd;\n    const startAnimation = () => new Promise(animationResolve => {\n      handleAnimationEnd = e => {\n        if (e.animationName === EXIT_ANIMATION_NAME) {\n          animationResolve();\n        }\n      };\n      frameEl.addEventListener('animationend', handleAnimationEnd);\n      setIsAnimatingOut(true);\n    });\n    const animationTimeout = () => new Promise(timeoutResolve => {\n      setTimeout(() => timeoutResolve(),\n      // Allow an extra 20% of the animation duration for the\n      // animationend event to fire, in case the animation frame is\n      // slightly delayes by some other events in the event loop.\n      FRAME_ANIMATION_DURATION_NUMBER * 1.2);\n    });\n    Promise.race([startAnimation(), animationTimeout()]).then(() => {\n      if (handleAnimationEnd) {\n        frameEl.removeEventListener('animationend', handleAnimationEnd);\n      }\n      setIsAnimatingOut(false);\n      closeModalResolve();\n    });\n  }), [isReducedMotion]);\n  return {\n    overlayClassname: isAnimatingOut ? 'is-animating-out' : undefined,\n    frameRef,\n    frameStyle: {\n      '--modal-frame-animation-duration': `${FRAME_ANIMATION_DURATION}`\n    },\n    closeModal\n  };\n}"],
-  "mappings": "AAGA,SAAS,wBAAwB;AACjC,SAAS,aAAa,QAAQ,gBAAgB;AAK9C,SAAS,cAAc;AACvB,OAAO,aAAa;AAGpB,MAAM,2BAA2B,OAAO;AACxC,MAAM,kCAAkC,OAAO,SAAS,OAAO,kBAAkB;AACjF,MAAM,sBAAsB;AACrB,SAAS,wBAAwB;AACtC,QAAM,WAAW,OAAO;AACxB,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAC1D,QAAM,kBAAkB,iBAAiB;AACzC,QAAM,aAAa,YAAY,MAAM,IAAI,QAAQ,uBAAqB;AAGpE,UAAM,UAAU,SAAS;AACzB,QAAI,iBAAiB;AACnB,wBAAkB;AAClB;AAAA,IACF;AACA,QAAI,CAAC,SAAS;AACZ,iBAAW,iBAAiB,OAAO,QAAQ,4IAA4I,IAAI;AAC3L,wBAAkB;AAClB;AAAA,IACF;AACA,QAAI;AACJ,UAAM,iBAAiB,MAAM,IAAI,QAAQ,sBAAoB;AAC3D,2BAAqB,OAAK;AACxB,YAAI,EAAE,kBAAkB,qBAAqB;AAC3C,2BAAiB;AAAA,QACnB;AAAA,MACF;AACA,cAAQ,iBAAiB,gBAAgB,kBAAkB;AAC3D,wBAAkB,IAAI;AAAA,IACxB,CAAC;AACD,UAAM,mBAAmB,MAAM,IAAI,QAAQ,oBAAkB;AAC3D;AAAA,QAAW,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA,QAIhC,kCAAkC;AAAA,MAAG;AAAA,IACvC,CAAC;AACD,YAAQ,KAAK,CAAC,eAAe,GAAG,iBAAiB,CAAC,CAAC,EAAE,KAAK,MAAM;AAC9D,UAAI,oBAAoB;AACtB,gBAAQ,oBAAoB,gBAAgB,kBAAkB;AAAA,MAChE;AACA,wBAAkB,KAAK;AACvB,wBAAkB;AAAA,IACpB,CAAC;AAAA,EACH,CAAC,GAAG,CAAC,eAAe,CAAC;AACrB,SAAO;AAAA,IACL,kBAAkB,iBAAiB,qBAAqB;AAAA,IACxD;AAAA,IACA,YAAY;AAAA,MACV,oCAAoC,GAAG,wBAAwB;AAAA,IACjE;AAAA,IACA;AAAA,EACF;AACF;",
+  "mappings": ";AAGA,SAAS,wBAAwB;AACjC,SAAS,aAAa,QAAQ,gBAAgB;AAK9C,SAAS,cAAc;AACvB,OAAO,aAAa;AAGpB,IAAM,2BAA2B,OAAO;AACxC,IAAM,kCAAkC,OAAO,SAAS,OAAO,kBAAkB;AACjF,IAAM,sBAAsB;AACrB,SAAS,wBAAwB;AACtC,QAAM,WAAW,OAAO;AACxB,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAC1D,QAAM,kBAAkB,iBAAiB;AACzC,QAAM,aAAa,YAAY,MAAM,IAAI,QAAQ,uBAAqB;AAGpE,UAAM,UAAU,SAAS;AACzB,QAAI,iBAAiB;AACnB,wBAAkB;AAClB;AAAA,IACF;AACA,QAAI,CAAC,SAAS;AACZ,iBAAW,iBAAiB,OAAO,QAAQ,4IAA4I,IAAI;AAC3L,wBAAkB;AAClB;AAAA,IACF;AACA,QAAI;AACJ,UAAM,iBAAiB,MAAM,IAAI,QAAQ,sBAAoB;AAC3D,2BAAqB,OAAK;AACxB,YAAI,EAAE,kBAAkB,qBAAqB;AAC3C,2BAAiB;AAAA,QACnB;AAAA,MACF;AACA,cAAQ,iBAAiB,gBAAgB,kBAAkB;AAC3D,wBAAkB,IAAI;AAAA,IACxB,CAAC;AACD,UAAM,mBAAmB,MAAM,IAAI,QAAQ,oBAAkB;AAC3D;AAAA,QAAW,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA,QAIhC,kCAAkC;AAAA,MAAG;AAAA,IACvC,CAAC;AACD,YAAQ,KAAK,CAAC,eAAe,GAAG,iBAAiB,CAAC,CAAC,EAAE,KAAK,MAAM;AAC9D,UAAI,oBAAoB;AACtB,gBAAQ,oBAAoB,gBAAgB,kBAAkB;AAAA,MAChE;AACA,wBAAkB,KAAK;AACvB,wBAAkB;AAAA,IACpB,CAAC;AAAA,EACH,CAAC,GAAG,CAAC,eAAe,CAAC;AACrB,SAAO;AAAA,IACL,kBAAkB,iBAAiB,qBAAqB;AAAA,IACxD;AAAA,IACA,YAAY;AAAA,MACV,oCAAoC,GAAG,wBAAwB;AAAA,IACjE;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/build-module/navigable-container/container.js

@@ -1,9 +1,10 @@
+// packages/components/src/navigable-container/container.tsx
 import { Component, forwardRef } from "@wordpress/element";
 import { focus } from "@wordpress/dom";
 import { jsx as _jsx } from "react/jsx-runtime";
-const noop = () => {
+var noop = () => {
 };
-const MENU_ITEM_ROLES = ["menuitem", "menuitemradio", "menuitemcheckbox"];
+var MENU_ITEM_ROLES = ["menuitem", "menuitemradio", "menuitemcheckbox"];
 function cycleValue(value, total, offset) {
   const nextValue = value + offset;
   if (nextValue < 0) {
@@ -13,7 +14,7 @@ function cycleValue(value, total, offset) {
   }
   return nextValue;
 }
-class NavigableContainer extends Component {
+var NavigableContainer = class extends Component {
   constructor(args) {
     super(args);
     this.onKeyDown = this.onKeyDown.bind(this);
@@ -130,8 +131,8 @@ class NavigableContainer extends Component {
       children
     });
   }
-}
-const forwardedNavigableContainer = (props, ref) => {
+};
+var forwardedNavigableContainer = (props, ref) => {
   return /* @__PURE__ */ _jsx(NavigableContainer, {
     ...props,
     forwardedRef: ref

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/navigable-container/container.tsx"],
   "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { Component, forwardRef } from '@wordpress/element';\nimport { focus } from '@wordpress/dom';\n\n/**\n * Internal dependencies\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst noop = () => {};\nconst MENU_ITEM_ROLES = ['menuitem', 'menuitemradio', 'menuitemcheckbox'];\nfunction cycleValue(value, total, offset) {\n  const nextValue = value + offset;\n  if (nextValue < 0) {\n    return total + nextValue;\n  } else if (nextValue >= total) {\n    return nextValue - total;\n  }\n  return nextValue;\n}\nclass NavigableContainer extends Component {\n  constructor(args) {\n    super(args);\n    this.onKeyDown = this.onKeyDown.bind(this);\n    this.bindContainer = this.bindContainer.bind(this);\n    this.getFocusableContext = this.getFocusableContext.bind(this);\n    this.getFocusableIndex = this.getFocusableIndex.bind(this);\n  }\n  componentDidMount() {\n    if (!this.container) {\n      return;\n    }\n\n    // We use DOM event listeners instead of React event listeners\n    // because we want to catch events from the underlying DOM tree\n    // The React Tree can be different from the DOM tree when using\n    // portals. Block Toolbars for instance are rendered in a separate\n    // React Trees.\n    this.container.addEventListener('keydown', this.onKeyDown);\n  }\n  componentWillUnmount() {\n    if (!this.container) {\n      return;\n    }\n    this.container.removeEventListener('keydown', this.onKeyDown);\n  }\n  bindContainer(ref) {\n    const {\n      forwardedRef\n    } = this.props;\n    this.container = ref;\n    if (typeof forwardedRef === 'function') {\n      forwardedRef(ref);\n    } else if (forwardedRef && 'current' in forwardedRef) {\n      forwardedRef.current = ref;\n    }\n  }\n  getFocusableContext(target) {\n    if (!this.container) {\n      return null;\n    }\n    const {\n      onlyBrowserTabstops\n    } = this.props;\n    const finder = onlyBrowserTabstops ? focus.tabbable : focus.focusable;\n    const focusables = finder.find(this.container);\n    const index = this.getFocusableIndex(focusables, target);\n    if (index > -1 && target) {\n      return {\n        index,\n        target,\n        focusables\n      };\n    }\n    return null;\n  }\n  getFocusableIndex(focusables, target) {\n    return focusables.indexOf(target);\n  }\n  onKeyDown(event) {\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(event);\n    }\n    const {\n      getFocusableContext\n    } = this;\n    const {\n      cycle = true,\n      eventToOffset,\n      onNavigate = noop,\n      stopNavigationEvents\n    } = this.props;\n    const offset = eventToOffset(event);\n\n    // eventToOffset returns undefined if the event is not handled by the component.\n    if (offset !== undefined && stopNavigationEvents) {\n      // Prevents arrow key handlers bound to the document directly interfering.\n      event.stopImmediatePropagation();\n\n      // When navigating a collection of items, prevent scroll containers\n      // from scrolling. The preventDefault also prevents Voiceover from\n      // 'handling' the event, as voiceover will try to use arrow keys\n      // for highlighting text.\n      const targetRole = event.target?.getAttribute('role');\n      const targetHasMenuItemRole = !!targetRole && MENU_ITEM_ROLES.includes(targetRole);\n      if (targetHasMenuItemRole) {\n        event.preventDefault();\n      }\n    }\n    if (!offset) {\n      return;\n    }\n    const activeElement = event.target?.ownerDocument?.activeElement;\n    if (!activeElement) {\n      return;\n    }\n    const context = getFocusableContext(activeElement);\n    if (!context) {\n      return;\n    }\n    const {\n      index,\n      focusables\n    } = context;\n    const nextIndex = cycle ? cycleValue(index, focusables.length, offset) : index + offset;\n    if (nextIndex >= 0 && nextIndex < focusables.length) {\n      focusables[nextIndex].focus();\n      onNavigate(nextIndex, focusables[nextIndex]);\n\n      // `preventDefault()` on tab to avoid having the browser move the focus\n      // after this component has already moved it.\n      if (event.code === 'Tab') {\n        event.preventDefault();\n      }\n    }\n  }\n  render() {\n    const {\n      children,\n      stopNavigationEvents,\n      eventToOffset,\n      onNavigate,\n      onKeyDown,\n      cycle,\n      onlyBrowserTabstops,\n      forwardedRef,\n      ...restProps\n    } = this.props;\n    return /*#__PURE__*/_jsx(\"div\", {\n      ref: this.bindContainer,\n      ...restProps,\n      children: children\n    });\n  }\n}\nconst forwardedNavigableContainer = (props, ref) => {\n  return /*#__PURE__*/_jsx(NavigableContainer, {\n    ...props,\n    forwardedRef: ref\n  });\n};\nforwardedNavigableContainer.displayName = 'NavigableContainer';\nexport default forwardRef(forwardedNavigableContainer);"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/build-module/navigable-container/index.js

@@ -1,3 +1,4 @@
+// packages/components/src/navigable-container/index.tsx
 import { default as default2 } from "./menu";
 import { default as default3 } from "./tabbable";
 export {

package/build-module/navigable-container/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/navigable-container/index.tsx"],
   "sourcesContent": ["/**\n * Internal Dependencies\n */\nexport { default as NavigableMenu } from './menu';\nexport { default as TabbableContainer } from './tabbable';"],
-  "mappings": "AAGA,SAAoB,WAAXA,gBAAgC;AACzC,SAAoB,WAAXA,gBAAoC;",
+  "mappings": ";AAGA,SAAoB,WAAXA,gBAAgC;AACzC,SAAoB,WAAXA,gBAAoC;",
   "names": ["default"]
 }

package/build-module/navigable-container/menu.js

@@ -1,3 +1,4 @@
+// packages/components/src/navigable-container/menu.tsx
 import { forwardRef } from "@wordpress/element";
 import NavigableContainer from "./container";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -39,7 +40,7 @@ function UnforwardedNavigableMenu({
     ...rest
   });
 }
-const NavigableMenu = forwardRef(UnforwardedNavigableMenu);
+var NavigableMenu = forwardRef(UnforwardedNavigableMenu);
 var menu_default = NavigableMenu;
 export {
   NavigableMenu,

package/build-module/navigable-container/menu.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/navigable-container/menu.tsx"],
   "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport NavigableContainer from './container';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport function UnforwardedNavigableMenu({\n  role = 'menu',\n  orientation = 'vertical',\n  ...rest\n}, ref) {\n  const eventToOffset = evt => {\n    const {\n      code\n    } = evt;\n    let next = ['ArrowDown'];\n    let previous = ['ArrowUp'];\n    if (orientation === 'horizontal') {\n      next = ['ArrowRight'];\n      previous = ['ArrowLeft'];\n    }\n    if (orientation === 'both') {\n      next = ['ArrowRight', 'ArrowDown'];\n      previous = ['ArrowLeft', 'ArrowUp'];\n    }\n    if (next.includes(code)) {\n      return 1;\n    } else if (previous.includes(code)) {\n      return -1;\n    } else if (['ArrowDown', 'ArrowUp', 'ArrowLeft', 'ArrowRight'].includes(code)) {\n      // Key press should be handled, e.g. have event propagation and\n      // default behavior handled by NavigableContainer but not result\n      // in an offset.\n      return 0;\n    }\n    return undefined;\n  };\n  return /*#__PURE__*/_jsx(NavigableContainer, {\n    ref: ref,\n    stopNavigationEvents: true,\n    onlyBrowserTabstops: false,\n    role: role,\n    \"aria-orientation\": role !== 'presentation' && (orientation === 'vertical' || orientation === 'horizontal') ? orientation : undefined,\n    eventToOffset: eventToOffset,\n    ...rest\n  });\n}\n\n/**\n * A container for a navigable menu.\n *\n *  ```jsx\n *  import {\n *    NavigableMenu,\n *    Button,\n *  } from '@wordpress/components';\n *\n *  function onNavigate( index, target ) {\n *    console.log( `Navigates to ${ index }`, target );\n *  }\n *\n *  const MyNavigableContainer = () => (\n *    <div>\n *      <span>Navigable Menu:</span>\n *      <NavigableMenu onNavigate={ onNavigate } orientation=\"horizontal\">\n *        <Button variant=\"secondary\">Item 1</Button>\n *        <Button variant=\"secondary\">Item 2</Button>\n *        <Button variant=\"secondary\">Item 3</Button>\n *      </NavigableMenu>\n *    </div>\n *  );\n *  ```\n */\nexport const NavigableMenu = forwardRef(UnforwardedNavigableMenu);\nexport default NavigableMenu;"],
-  "mappings": "AAOA,SAAS,kBAAkB;AAK3B,OAAO,wBAAwB;AAC/B,SAAS,OAAO,YAAY;AACrB,SAAS,yBAAyB;AAAA,EACvC,OAAO;AAAA,EACP,cAAc;AAAA,EACd,GAAG;AACL,GAAG,KAAK;AACN,QAAM,gBAAgB,SAAO;AAC3B,UAAM;AAAA,MACJ;AAAA,IACF,IAAI;AACJ,QAAI,OAAO,CAAC,WAAW;AACvB,QAAI,WAAW,CAAC,SAAS;AACzB,QAAI,gBAAgB,cAAc;AAChC,aAAO,CAAC,YAAY;AACpB,iBAAW,CAAC,WAAW;AAAA,IACzB;AACA,QAAI,gBAAgB,QAAQ;AAC1B,aAAO,CAAC,cAAc,WAAW;AACjC,iBAAW,CAAC,aAAa,SAAS;AAAA,IACpC;AACA,QAAI,KAAK,SAAS,IAAI,GAAG;AACvB,aAAO;AAAA,IACT,WAAW,SAAS,SAAS,IAAI,GAAG;AAClC,aAAO;AAAA,IACT,WAAW,CAAC,aAAa,WAAW,aAAa,YAAY,EAAE,SAAS,IAAI,GAAG;AAI7E,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT;AACA,SAAoB,qBAAK,oBAAoB;AAAA,IAC3C;AAAA,IACA,sBAAsB;AAAA,IACtB,qBAAqB;AAAA,IACrB;AAAA,IACA,oBAAoB,SAAS,mBAAmB,gBAAgB,cAAc,gBAAgB,gBAAgB,cAAc;AAAA,IAC5H;AAAA,IACA,GAAG;AAAA,EACL,CAAC;AACH;AA2BO,MAAM,gBAAgB,WAAW,wBAAwB;AAChE,IAAO,eAAQ;",
+  "mappings": ";AAOA,SAAS,kBAAkB;AAK3B,OAAO,wBAAwB;AAC/B,SAAS,OAAO,YAAY;AACrB,SAAS,yBAAyB;AAAA,EACvC,OAAO;AAAA,EACP,cAAc;AAAA,EACd,GAAG;AACL,GAAG,KAAK;AACN,QAAM,gBAAgB,SAAO;AAC3B,UAAM;AAAA,MACJ;AAAA,IACF,IAAI;AACJ,QAAI,OAAO,CAAC,WAAW;AACvB,QAAI,WAAW,CAAC,SAAS;AACzB,QAAI,gBAAgB,cAAc;AAChC,aAAO,CAAC,YAAY;AACpB,iBAAW,CAAC,WAAW;AAAA,IACzB;AACA,QAAI,gBAAgB,QAAQ;AAC1B,aAAO,CAAC,cAAc,WAAW;AACjC,iBAAW,CAAC,aAAa,SAAS;AAAA,IACpC;AACA,QAAI,KAAK,SAAS,IAAI,GAAG;AACvB,aAAO;AAAA,IACT,WAAW,SAAS,SAAS,IAAI,GAAG;AAClC,aAAO;AAAA,IACT,WAAW,CAAC,aAAa,WAAW,aAAa,YAAY,EAAE,SAAS,IAAI,GAAG;AAI7E,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT;AACA,SAAoB,qBAAK,oBAAoB;AAAA,IAC3C;AAAA,IACA,sBAAsB;AAAA,IACtB,qBAAqB;AAAA,IACrB;AAAA,IACA,oBAAoB,SAAS,mBAAmB,gBAAgB,cAAc,gBAAgB,gBAAgB,cAAc;AAAA,IAC5H;AAAA,IACA,GAAG;AAAA,EACL,CAAC;AACH;AA2BO,IAAM,gBAAgB,WAAW,wBAAwB;AAChE,IAAO,eAAQ;",
   "names": []
 }

package/build-module/navigable-container/tabbable.js

@@ -1,3 +1,4 @@
+// packages/components/src/navigable-container/tabbable.tsx
 import { forwardRef } from "@wordpress/element";
 import NavigableContainer from "./container";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -26,7 +27,7 @@ function UnforwardedTabbableContainer({
     ...props
   });
 }
-const TabbableContainer = forwardRef(UnforwardedTabbableContainer);
+var TabbableContainer = forwardRef(UnforwardedTabbableContainer);
 var tabbable_default = TabbableContainer;
 export {
   TabbableContainer,

package/build-module/navigable-container/tabbable.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/navigable-container/tabbable.tsx"],
   "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport NavigableContainer from './container';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport function UnforwardedTabbableContainer({\n  eventToOffset,\n  ...props\n}, ref) {\n  const innerEventToOffset = evt => {\n    const {\n      code,\n      shiftKey\n    } = evt;\n    if ('Tab' === code) {\n      return shiftKey ? -1 : 1;\n    }\n\n    // Allow custom handling of keys besides Tab.\n    //\n    // By default, TabbableContainer will move focus forward on Tab and\n    // backward on Shift+Tab. The handler below will be used for all other\n    // events. The semantics for `eventToOffset`'s return\n    // values are the following:\n    //\n    // - +1: move focus forward\n    // - -1: move focus backward\n    // -  0: don't move focus, but acknowledge event and thus stop it\n    // - undefined: do nothing, let the event propagate.\n    if (eventToOffset) {\n      return eventToOffset(evt);\n    }\n    return undefined;\n  };\n  return /*#__PURE__*/_jsx(NavigableContainer, {\n    ref: ref,\n    stopNavigationEvents: true,\n    onlyBrowserTabstops: true,\n    eventToOffset: innerEventToOffset,\n    ...props\n  });\n}\n\n/**\n * A container for tabbable elements.\n *\n *  ```jsx\n *  import {\n *    TabbableContainer,\n *    Button,\n *  } from '@wordpress/components';\n *\n *  function onNavigate( index, target ) {\n *    console.log( `Navigates to ${ index }`, target );\n *  }\n *\n *  const MyTabbableContainer = () => (\n *    <div>\n *      <span>Tabbable Container:</span>\n *      <TabbableContainer onNavigate={ onNavigate }>\n *        <Button variant=\"secondary\" tabIndex=\"0\">\n *          Section 1\n *        </Button>\n *        <Button variant=\"secondary\" tabIndex=\"0\">\n *          Section 2\n *        </Button>\n *        <Button variant=\"secondary\" tabIndex=\"0\">\n *          Section 3\n *        </Button>\n *        <Button variant=\"secondary\" tabIndex=\"0\">\n *          Section 4\n *        </Button>\n *      </TabbableContainer>\n *    </div>\n *  );\n *  ```\n */\nexport const TabbableContainer = forwardRef(UnforwardedTabbableContainer);\nexport default TabbableContainer;"],
-  "mappings": "AAOA,SAAS,kBAAkB;AAK3B,OAAO,wBAAwB;AAC/B,SAAS,OAAO,YAAY;AACrB,SAAS,6BAA6B;AAAA,EAC3C;AAAA,EACA,GAAG;AACL,GAAG,KAAK;AACN,QAAM,qBAAqB,SAAO;AAChC,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,IACF,IAAI;AACJ,QAAI,UAAU,MAAM;AAClB,aAAO,WAAW,KAAK;AAAA,IACzB;AAaA,QAAI,eAAe;AACjB,aAAO,cAAc,GAAG;AAAA,IAC1B;AACA,WAAO;AAAA,EACT;AACA,SAAoB,qBAAK,oBAAoB;AAAA,IAC3C;AAAA,IACA,sBAAsB;AAAA,IACtB,qBAAqB;AAAA,IACrB,eAAe;AAAA,IACf,GAAG;AAAA,EACL,CAAC;AACH;AAoCO,MAAM,oBAAoB,WAAW,4BAA4B;AACxE,IAAO,mBAAQ;",
+  "mappings": ";AAOA,SAAS,kBAAkB;AAK3B,OAAO,wBAAwB;AAC/B,SAAS,OAAO,YAAY;AACrB,SAAS,6BAA6B;AAAA,EAC3C;AAAA,EACA,GAAG;AACL,GAAG,KAAK;AACN,QAAM,qBAAqB,SAAO;AAChC,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,IACF,IAAI;AACJ,QAAI,UAAU,MAAM;AAClB,aAAO,WAAW,KAAK;AAAA,IACzB;AAaA,QAAI,eAAe;AACjB,aAAO,cAAc,GAAG;AAAA,IAC1B;AACA,WAAO;AAAA,EACT;AACA,SAAoB,qBAAK,oBAAoB;AAAA,IAC3C;AAAA,IACA,sBAAsB;AAAA,IACtB,qBAAqB;AAAA,IACrB,eAAe;AAAA,IACf,GAAG;AAAA,EACL,CAAC;AACH;AAoCO,IAAM,oBAAoB,WAAW,4BAA4B;AACxE,IAAO,mBAAQ;",
   "names": []
 }

package/build-module/navigation/back-button/index.js

@@ -1,3 +1,4 @@
+// packages/components/src/navigation/back-button/index.tsx
 import clsx from "clsx";
 import { forwardRef } from "@wordpress/element";
 import { __, isRTL } from "@wordpress/i18n";
@@ -40,7 +41,7 @@ function UnforwardedNavigationBackButton({
     }), backButtonLabel || parentMenuTitle || __("Back")]
   });
 }
-const NavigationBackButton = forwardRef(UnforwardedNavigationBackButton);
+var NavigationBackButton = forwardRef(UnforwardedNavigationBackButton);
 var back_button_default = NavigationBackButton;
 export {
   NavigationBackButton,

package/build-module/navigation/back-button/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/navigation/back-button/index.tsx"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { Icon, chevronLeft, chevronRight } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { useNavigationContext } from '../context';\nimport { MenuBackButtonUI } from '../styles/navigation-styles';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nfunction UnforwardedNavigationBackButton({\n  backButtonLabel,\n  className,\n  href,\n  onClick,\n  parentMenu\n}, ref) {\n  const {\n    setActiveMenu,\n    navigationTree\n  } = useNavigationContext();\n  const classes = clsx('components-navigation__back-button', className);\n  const parentMenuTitle = parentMenu !== undefined ? navigationTree.getMenu(parentMenu)?.title : undefined;\n  const handleOnClick = event => {\n    if (typeof onClick === 'function') {\n      onClick(event);\n    }\n    const animationDirection = isRTL() ? 'left' : 'right';\n    if (parentMenu && !event.defaultPrevented) {\n      setActiveMenu(parentMenu, animationDirection);\n    }\n  };\n  const icon = isRTL() ? chevronRight : chevronLeft;\n  return /*#__PURE__*/_jsxs(MenuBackButtonUI, {\n    __next40pxDefaultSize: true,\n    className: classes,\n    href: href,\n    variant: \"tertiary\",\n    ref: ref,\n    onClick: handleOnClick,\n    children: [/*#__PURE__*/_jsx(Icon, {\n      icon: icon\n    }), backButtonLabel || parentMenuTitle || __('Back')]\n  });\n}\n\n/**\n * @deprecated Use `Navigator` instead.\n */\nexport const NavigationBackButton = forwardRef(UnforwardedNavigationBackButton);\nexport default NavigationBackButton;"],
-  "mappings": "AAGA,OAAO,UAAU;AAIjB,SAAS,kBAAkB;AAC3B,SAAS,IAAI,aAAa;AAC1B,SAAS,MAAM,aAAa,oBAAoB;AAKhD,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AACjC,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,SAAS,gCAAgC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAG,KAAK;AACN,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI,qBAAqB;AACzB,QAAM,UAAU,KAAK,sCAAsC,SAAS;AACpE,QAAM,kBAAkB,eAAe,SAAY,eAAe,QAAQ,UAAU,GAAG,QAAQ;AAC/F,QAAM,gBAAgB,WAAS;AAC7B,QAAI,OAAO,YAAY,YAAY;AACjC,cAAQ,KAAK;AAAA,IACf;AACA,UAAM,qBAAqB,MAAM,IAAI,SAAS;AAC9C,QAAI,cAAc,CAAC,MAAM,kBAAkB;AACzC,oBAAc,YAAY,kBAAkB;AAAA,IAC9C;AAAA,EACF;AACA,QAAM,OAAO,MAAM,IAAI,eAAe;AACtC,SAAoB,sBAAM,kBAAkB;AAAA,IAC1C,uBAAuB;AAAA,IACvB,WAAW;AAAA,IACX;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,SAAS;AAAA,IACT,UAAU,CAAc,qBAAK,MAAM;AAAA,MACjC;AAAA,IACF,CAAC,GAAG,mBAAmB,mBAAmB,GAAG,MAAM,CAAC;AAAA,EACtD,CAAC;AACH;AAKO,MAAM,uBAAuB,WAAW,+BAA+B;AAC9E,IAAO,sBAAQ;",
+  "mappings": ";AAGA,OAAO,UAAU;AAIjB,SAAS,kBAAkB;AAC3B,SAAS,IAAI,aAAa;AAC1B,SAAS,MAAM,aAAa,oBAAoB;AAKhD,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AACjC,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,SAAS,gCAAgC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAG,KAAK;AACN,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI,qBAAqB;AACzB,QAAM,UAAU,KAAK,sCAAsC,SAAS;AACpE,QAAM,kBAAkB,eAAe,SAAY,eAAe,QAAQ,UAAU,GAAG,QAAQ;AAC/F,QAAM,gBAAgB,WAAS;AAC7B,QAAI,OAAO,YAAY,YAAY;AACjC,cAAQ,KAAK;AAAA,IACf;AACA,UAAM,qBAAqB,MAAM,IAAI,SAAS;AAC9C,QAAI,cAAc,CAAC,MAAM,kBAAkB;AACzC,oBAAc,YAAY,kBAAkB;AAAA,IAC9C;AAAA,EACF;AACA,QAAM,OAAO,MAAM,IAAI,eAAe;AACtC,SAAoB,sBAAM,kBAAkB;AAAA,IAC1C,uBAAuB;AAAA,IACvB,WAAW;AAAA,IACX;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,SAAS;AAAA,IACT,UAAU,CAAc,qBAAK,MAAM;AAAA,MACjC;AAAA,IACF,CAAC,GAAG,mBAAmB,mBAAmB,GAAG,MAAM,CAAC;AAAA,EACtD,CAAC;AACH;AAKO,IAAM,uBAAuB,WAAW,+BAA+B;AAC9E,IAAO,sBAAQ;",
   "names": []
 }

package/build-module/navigation/constants.js

@@ -1,5 +1,6 @@
-const ROOT_MENU = "root";
-const SEARCH_FOCUS_DELAY = 100;
+// packages/components/src/navigation/constants.tsx
+var ROOT_MENU = "root";
+var SEARCH_FOCUS_DELAY = 100;
 export {
   ROOT_MENU,
   SEARCH_FOCUS_DELAY

package/build-module/navigation/constants.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/navigation/constants.tsx"],
   "sourcesContent": ["export const ROOT_MENU = 'root';\nexport const SEARCH_FOCUS_DELAY = 100;"],
-  "mappings": "AAAO,MAAM,YAAY;AAClB,MAAM,qBAAqB;",
+  "mappings": ";AAAO,IAAM,YAAY;AAClB,IAAM,qBAAqB;",
   "names": []
 }

package/build-module/navigation/context.js

@@ -1,10 +1,11 @@
+// packages/components/src/navigation/context.tsx
 import { createContext, useContext } from "@wordpress/element";
 import { ROOT_MENU } from "./constants";
-const noop = () => {
+var noop = () => {
 };
-const defaultIsEmpty = () => false;
-const defaultGetter = () => void 0;
-const NavigationContext = createContext({
+var defaultIsEmpty = () => false;
+var defaultGetter = () => void 0;
+var NavigationContext = createContext({
   activeItem: void 0,
   activeMenu: ROOT_MENU,
   setActiveMenu: noop,
@@ -23,7 +24,7 @@ const NavigationContext = createContext({
   }
 });
 NavigationContext.displayName = "NavigationContext";
-const useNavigationContext = () => useContext(NavigationContext);
+var useNavigationContext = () => useContext(NavigationContext);
 export {
   NavigationContext,
   useNavigationContext

package/build-module/navigation/context.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/navigation/context.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { ROOT_MENU } from './constants';\nconst noop = () => {};\nconst defaultIsEmpty = () => false;\nconst defaultGetter = () => undefined;\nexport const NavigationContext = createContext({\n  activeItem: undefined,\n  activeMenu: ROOT_MENU,\n  setActiveMenu: noop,\n  navigationTree: {\n    items: {},\n    getItem: defaultGetter,\n    addItem: noop,\n    removeItem: noop,\n    menus: {},\n    getMenu: defaultGetter,\n    addMenu: noop,\n    removeMenu: noop,\n    childMenu: {},\n    traverseMenu: noop,\n    isMenuEmpty: defaultIsEmpty\n  }\n});\nNavigationContext.displayName = 'NavigationContext';\nexport const useNavigationContext = () => useContext(NavigationContext);"],
-  "mappings": "AAGA,SAAS,eAAe,kBAAkB;AAK1C,SAAS,iBAAiB;AAC1B,MAAM,OAAO,MAAM;AAAC;AACpB,MAAM,iBAAiB,MAAM;AAC7B,MAAM,gBAAgB,MAAM;AACrB,MAAM,oBAAoB,cAAc;AAAA,EAC7C,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,gBAAgB;AAAA,IACd,OAAO,CAAC;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,OAAO,CAAC;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW,CAAC;AAAA,IACZ,cAAc;AAAA,IACd,aAAa;AAAA,EACf;AACF,CAAC;AACD,kBAAkB,cAAc;AACzB,MAAM,uBAAuB,MAAM,WAAW,iBAAiB;",
+  "mappings": ";AAGA,SAAS,eAAe,kBAAkB;AAK1C,SAAS,iBAAiB;AAC1B,IAAM,OAAO,MAAM;AAAC;AACpB,IAAM,iBAAiB,MAAM;AAC7B,IAAM,gBAAgB,MAAM;AACrB,IAAM,oBAAoB,cAAc;AAAA,EAC7C,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,gBAAgB;AAAA,IACd,OAAO,CAAC;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,OAAO,CAAC;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW,CAAC;AAAA,IACZ,cAAc;AAAA,IACd,aAAa;AAAA,EACf;AACF,CAAC;AACD,kBAAkB,cAAc;AACzB,IAAM,uBAAuB,MAAM,WAAW,iBAAiB;",
   "names": []
 }

package/build-module/navigation/group/context.js

@@ -1,9 +1,10 @@
+// packages/components/src/navigation/group/context.tsx
 import { createContext, useContext } from "@wordpress/element";
-const NavigationGroupContext = createContext({
+var NavigationGroupContext = createContext({
   group: void 0
 });
 NavigationGroupContext.displayName = "NavigationGroupContext";
-const useNavigationGroupContext = () => useContext(NavigationGroupContext);
+var useNavigationGroupContext = () => useContext(NavigationGroupContext);
 export {
   NavigationGroupContext,
   useNavigationGroupContext

package/build-module/navigation/group/context.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/navigation/group/context.tsx"],
   "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nexport const NavigationGroupContext = createContext({\n  group: undefined\n});\nNavigationGroupContext.displayName = 'NavigationGroupContext';\nexport const useNavigationGroupContext = () => useContext(NavigationGroupContext);"],
-  "mappings": "AAGA,SAAS,eAAe,kBAAkB;AAMnC,MAAM,yBAAyB,cAAc;AAAA,EAClD,OAAO;AACT,CAAC;AACD,uBAAuB,cAAc;AAC9B,MAAM,4BAA4B,MAAM,WAAW,sBAAsB;",
+  "mappings": ";AAGA,SAAS,eAAe,kBAAkB;AAMnC,IAAM,yBAAyB,cAAc;AAAA,EAClD,OAAO;AACT,CAAC;AACD,uBAAuB,cAAc;AAC9B,IAAM,4BAA4B,MAAM,WAAW,sBAAsB;",
   "names": []
 }

package/build-module/navigation/group/index.js

@@ -1,10 +1,11 @@
+// packages/components/src/navigation/group/index.tsx
 import clsx from "clsx";
 import { useState } from "@wordpress/element";
 import { NavigationGroupContext } from "./context";
 import { GroupTitleUI } from "../styles/navigation-styles";
 import { useNavigationContext } from "../context";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-let uniqueId = 0;
+var uniqueId = 0;
 function NavigationGroup({
   children,
   className,

package/build-module/navigation/group/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/navigation/group/index.tsx"],
   "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { NavigationGroupContext } from './context';\nimport { GroupTitleUI } from '../styles/navigation-styles';\nimport { useNavigationContext } from '../context';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nlet uniqueId = 0;\n\n/**\n * @deprecated Use `Navigator` instead.\n */\nexport function NavigationGroup({\n  children,\n  className,\n  title\n}) {\n  const [groupId] = useState(`group-${++uniqueId}`);\n  const {\n    navigationTree: {\n      items\n    }\n  } = useNavigationContext();\n  const context = {\n    group: groupId\n  };\n\n  // Keep the children rendered to make sure invisible items are included in the navigation tree.\n  if (!Object.values(items).some(item => item.group === groupId && item._isVisible)) {\n    return /*#__PURE__*/_jsx(NavigationGroupContext.Provider, {\n      value: context,\n      children: children\n    });\n  }\n  const groupTitleId = `components-navigation__group-title-${groupId}`;\n  const classes = clsx('components-navigation__group', className);\n  return /*#__PURE__*/_jsx(NavigationGroupContext.Provider, {\n    value: context,\n    children: /*#__PURE__*/_jsxs(\"li\", {\n      className: classes,\n      children: [title && /*#__PURE__*/_jsx(GroupTitleUI, {\n        className: \"components-navigation__group-title\",\n        id: groupTitleId,\n        level: 3,\n        children: title\n      }), /*#__PURE__*/_jsx(\"ul\", {\n        \"aria-labelledby\": groupTitleId,\n        role: \"group\",\n        children: children\n      })]\n    })\n  });\n}\nexport default NavigationGroup;"],
-  "mappings": "AAGA,OAAO,UAAU;AAKjB,SAAS,gBAAgB;AAKzB,SAAS,8BAA8B;AACvC,SAAS,oBAAoB;AAC7B,SAAS,4BAA4B;AACrC,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,IAAI,WAAW;AAKR,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,QAAM,CAAC,OAAO,IAAI,SAAS,SAAS,EAAE,QAAQ,EAAE;AAChD,QAAM;AAAA,IACJ,gBAAgB;AAAA,MACd;AAAA,IACF;AAAA,EACF,IAAI,qBAAqB;AACzB,QAAM,UAAU;AAAA,IACd,OAAO;AAAA,EACT;AAGA,MAAI,CAAC,OAAO,OAAO,KAAK,EAAE,KAAK,UAAQ,KAAK,UAAU,WAAW,KAAK,UAAU,GAAG;AACjF,WAAoB,qBAAK,uBAAuB,UAAU;AAAA,MACxD,OAAO;AAAA,MACP;AAAA,IACF,CAAC;AAAA,EACH;AACA,QAAM,eAAe,sCAAsC,OAAO;AAClE,QAAM,UAAU,KAAK,gCAAgC,SAAS;AAC9D,SAAoB,qBAAK,uBAAuB,UAAU;AAAA,IACxD,OAAO;AAAA,IACP,UAAuB,sBAAM,MAAM;AAAA,MACjC,WAAW;AAAA,MACX,UAAU,CAAC,SAAsB,qBAAK,cAAc;AAAA,QAClD,WAAW;AAAA,QACX,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,UAAU;AAAA,MACZ,CAAC,GAAgB,qBAAK,MAAM;AAAA,QAC1B,mBAAmB;AAAA,QACnB,MAAM;AAAA,QACN;AAAA,MACF,CAAC,CAAC;AAAA,IACJ,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,gBAAQ;",
+  "mappings": ";AAGA,OAAO,UAAU;AAKjB,SAAS,gBAAgB;AAKzB,SAAS,8BAA8B;AACvC,SAAS,oBAAoB;AAC7B,SAAS,4BAA4B;AACrC,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,IAAI,WAAW;AAKR,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,QAAM,CAAC,OAAO,IAAI,SAAS,SAAS,EAAE,QAAQ,EAAE;AAChD,QAAM;AAAA,IACJ,gBAAgB;AAAA,MACd;AAAA,IACF;AAAA,EACF,IAAI,qBAAqB;AACzB,QAAM,UAAU;AAAA,IACd,OAAO;AAAA,EACT;AAGA,MAAI,CAAC,OAAO,OAAO,KAAK,EAAE,KAAK,UAAQ,KAAK,UAAU,WAAW,KAAK,UAAU,GAAG;AACjF,WAAoB,qBAAK,uBAAuB,UAAU;AAAA,MACxD,OAAO;AAAA,MACP;AAAA,IACF,CAAC;AAAA,EACH;AACA,QAAM,eAAe,sCAAsC,OAAO;AAClE,QAAM,UAAU,KAAK,gCAAgC,SAAS;AAC9D,SAAoB,qBAAK,uBAAuB,UAAU;AAAA,IACxD,OAAO;AAAA,IACP,UAAuB,sBAAM,MAAM;AAAA,MACjC,WAAW;AAAA,MACX,UAAU,CAAC,SAAsB,qBAAK,cAAc;AAAA,QAClD,WAAW;AAAA,QACX,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,UAAU;AAAA,MACZ,CAAC,GAAgB,qBAAK,MAAM;AAAA,QAC1B,mBAAmB;AAAA,QACnB,MAAM;AAAA,QACN;AAAA,MACF,CAAC,CAAC;AAAA,IACJ,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,gBAAQ;",
   "names": []
 }