@wordpress/components 30.5.1-next.233ccab9b.0 → 30.6.0

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

@@ -1,43 +1,31 @@
-/**
- * External dependencies
- */
-import * as Ariakit from '@ariakit/react';
-
-/**
- * WordPress dependencies
- */
-import { forwardRef, useContext } from '@wordpress/element';
-import { chevronRightSmall } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-
-import { Context } from './context';
-import { Item } from './item';
-import * as Styled from './styles';
+import * as Ariakit from "@ariakit/react";
+import { forwardRef, useContext } from "@wordpress/element";
+import { chevronRightSmall } from "@wordpress/icons";
+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";
-export const SubmenuTriggerItem = forwardRef(function SubmenuTriggerItem({
+const SubmenuTriggerItem = forwardRef(function SubmenuTriggerItem2({
   suffix,
   ...otherProps
 }, ref) {
   const menuContext = useContext(Context);
   if (!menuContext?.store.parent) {
-    throw new Error('Menu.SubmenuTriggerItem can only be rendered inside a nested Menu component');
+    throw new Error("Menu.SubmenuTriggerItem can only be rendered inside a nested Menu component");
   }
-  return /*#__PURE__*/_jsx(Ariakit.MenuButton, {
-    ref: ref,
+  return /* @__PURE__ */ _jsx(Ariakit.MenuButton, {
+    ref,
     accessibleWhenDisabled: true,
     store: menuContext.store,
-    render: /*#__PURE__*/_jsx(Item, {
+    render: /* @__PURE__ */ _jsx(Item, {
       ...otherProps,
       // The menu item needs to register and be part of the parent menu.
       // Without specifying the store explicitly, the `Item` component
       // would otherwise read the store via context and pick up the one from
       // the sub-menu `Menu` component.
       store: menuContext.store.parent,
-      suffix: /*#__PURE__*/_jsxs(_Fragment, {
-        children: [suffix, /*#__PURE__*/_jsx(Styled.SubmenuChevronIcon, {
+      suffix: /* @__PURE__ */ _jsxs(_Fragment, {
+        children: [suffix, /* @__PURE__ */ _jsx(Styled.SubmenuChevronIcon, {
           "aria-hidden": "true",
           icon: chevronRightSmall,
           size: 24,
@@ -47,4 +35,7 @@ export const SubmenuTriggerItem = forwardRef(function SubmenuTriggerItem({
     })
   });
 });
-//# sourceMappingURL=submenu-trigger-item.js.map
+export {
+  SubmenuTriggerItem
+};
+//# sourceMappingURL=submenu-trigger-item.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["Ariakit","forwardRef","useContext","chevronRightSmall","Context","Item","Styled","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","SubmenuTriggerItem","suffix","otherProps","ref","menuContext","store","parent","Error","MenuButton","accessibleWhenDisabled","render","children","SubmenuChevronIcon","icon","size","preserveAspectRatio"],"sources":["@wordpress/components/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 */\nimport type { WordPressComponentProps } from '../context';\nimport type { ItemProps } from './types';\nimport { Context } from './context';\nimport { Item } from './item';\nimport * as Styled from './styles';\n\nexport const SubmenuTriggerItem = forwardRef<\n\tHTMLDivElement,\n\tWordPressComponentProps< ItemProps, 'div', false >\n>( function SubmenuTriggerItem( { suffix, ...otherProps }, ref ) {\n\tconst menuContext = useContext( Context );\n\n\tif ( ! menuContext?.store.parent ) {\n\t\tthrow new Error(\n\t\t\t'Menu.SubmenuTriggerItem can only be rendered inside a nested Menu component'\n\t\t);\n\t}\n\n\treturn (\n\t\t<Ariakit.MenuButton\n\t\t\tref={ ref }\n\t\t\taccessibleWhenDisabled\n\t\t\tstore={ menuContext.store }\n\t\t\trender={\n\t\t\t\t<Item\n\t\t\t\t\t{ ...otherProps }\n\t\t\t\t\t// The menu item needs to register and be part of the parent menu.\n\t\t\t\t\t// Without specifying the store explicitly, the `Item` component\n\t\t\t\t\t// would otherwise read the store via context and pick up the one from\n\t\t\t\t\t// the sub-menu `Menu` component.\n\t\t\t\t\tstore={ menuContext.store.parent }\n\t\t\t\t\tsuffix={\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ suffix }\n\t\t\t\t\t\t\t<Styled.SubmenuChevronIcon\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\ticon={ chevronRightSmall }\n\t\t\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\t\t\tpreserveAspectRatio=\"xMidYMid slice\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t}\n\t\t/>\n\t);\n} );\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAO,KAAKA,OAAO,MAAM,gBAAgB;;AAEzC;AACA;AACA;AACA,SAASC,UAAU,EAAEC,UAAU,QAAQ,oBAAoB;AAC3D,SAASC,iBAAiB,QAAQ,kBAAkB;;AAEpD;AACA;AACA;;AAGA,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,IAAI,QAAQ,QAAQ;AAC7B,OAAO,KAAKC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAEnC,OAAO,MAAMC,kBAAkB,GAAGZ,UAAU,CAGzC,SAASY,kBAAkBA,CAAE;EAAEC,MAAM;EAAE,GAAGC;AAAW,CAAC,EAAEC,GAAG,EAAG;EAChE,MAAMC,WAAW,GAAGf,UAAU,CAAEE,OAAQ,CAAC;EAEzC,IAAK,CAAEa,WAAW,EAAEC,KAAK,CAACC,MAAM,EAAG;IAClC,MAAM,IAAIC,KAAK,CACd,6EACD,CAAC;EACF;EAEA,oBACCZ,IAAA,CAACR,OAAO,CAACqB,UAAU;IAClBL,GAAG,EAAGA,GAAK;IACXM,sBAAsB;IACtBJ,KAAK,EAAGD,WAAW,CAACC,KAAO;IAC3BK,MAAM,eACLf,IAAA,CAACH,IAAI;MAAA,GACCU,UAAU;MACf;MACA;MACA;MACA;MACAG,KAAK,EAAGD,WAAW,CAACC,KAAK,CAACC,MAAQ;MAClCL,MAAM,eACLF,KAAA,CAAAF,SAAA;QAAAc,QAAA,GACGV,MAAM,eACRN,IAAA,CAACF,MAAM,CAACmB,kBAAkB;UACzB,eAAY,MAAM;UAClBC,IAAI,EAAGvB,iBAAmB;UAC1BwB,IAAI,EAAG,EAAI;UACXC,mBAAmB,EAAC;QAAgB,CACpC,CAAC;MAAA,CACD;IACF,CACD;EACD,CACD,CAAC;AAEJ,CAAE,CAAC","ignoreList":[]}
+{
+  "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;",
+  "names": ["SubmenuTriggerItem"]
+}

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

@@ -1,37 +1,28 @@
-/**
- * External dependencies
- */
-import * as Ariakit from '@ariakit/react';
-
-/**
- * WordPress dependencies
- */
-import { forwardRef, useContext } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-
-import { Context } from './context';
+import * as Ariakit from "@ariakit/react";
+import { forwardRef, useContext } from "@wordpress/element";
+import { Context } from "./context";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const TriggerButton = forwardRef(function TriggerButton({
+const TriggerButton = forwardRef(function TriggerButton2({
   children,
   disabled = false,
   ...props
 }, ref) {
   const menuContext = useContext(Context);
   if (!menuContext?.store) {
-    throw new Error('Menu.TriggerButton can only be rendered inside a Menu component');
+    throw new Error("Menu.TriggerButton can only be rendered inside a Menu component");
   }
   if (menuContext.store.parent) {
-    throw new Error('Menu.TriggerButton should not be rendered inside a nested Menu component. Use Menu.SubmenuTriggerItem instead.');
+    throw new Error("Menu.TriggerButton should not be rendered inside a nested Menu component. Use Menu.SubmenuTriggerItem instead.");
   }
-  return /*#__PURE__*/_jsx(Ariakit.MenuButton, {
-    ref: ref,
+  return /* @__PURE__ */ _jsx(Ariakit.MenuButton, {
+    ref,
     ...props,
-    disabled: disabled,
+    disabled,
     store: menuContext.store,
-    children: children
+    children
   });
 });
-//# sourceMappingURL=trigger-button.js.map
+export {
+  TriggerButton
+};
+//# sourceMappingURL=trigger-button.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["Ariakit","forwardRef","useContext","Context","jsx","_jsx","TriggerButton","children","disabled","props","ref","menuContext","store","Error","parent","MenuButton"],"sources":["@wordpress/components/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 */\nimport type { WordPressComponentProps } from '../context';\nimport type { TriggerButtonProps } from './types';\nimport { Context } from './context';\n\nexport const TriggerButton = forwardRef<\n\tHTMLDivElement,\n\tWordPressComponentProps< TriggerButtonProps, 'button', false >\n>( function TriggerButton( { children, disabled = false, ...props }, ref ) {\n\tconst menuContext = useContext( Context );\n\n\tif ( ! menuContext?.store ) {\n\t\tthrow new Error(\n\t\t\t'Menu.TriggerButton can only be rendered inside a Menu component'\n\t\t);\n\t}\n\n\tif ( menuContext.store.parent ) {\n\t\tthrow new Error(\n\t\t\t'Menu.TriggerButton should not be rendered inside a nested Menu component. Use Menu.SubmenuTriggerItem instead.'\n\t\t);\n\t}\n\n\treturn (\n\t\t<Ariakit.MenuButton\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\tdisabled={ disabled }\n\t\t\tstore={ menuContext.store }\n\t\t>\n\t\t\t{ children }\n\t\t</Ariakit.MenuButton>\n\t);\n} );\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAO,KAAKA,OAAO,MAAM,gBAAgB;;AAEzC;AACA;AACA;AACA,SAASC,UAAU,EAAEC,UAAU,QAAQ,oBAAoB;;AAE3D;AACA;AACA;;AAGA,SAASC,OAAO,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpC,OAAO,MAAMC,aAAa,GAAGL,UAAU,CAGpC,SAASK,aAAaA,CAAE;EAAEC,QAAQ;EAAEC,QAAQ,GAAG,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,EAAG;EAC1E,MAAMC,WAAW,GAAGT,UAAU,CAAEC,OAAQ,CAAC;EAEzC,IAAK,CAAEQ,WAAW,EAAEC,KAAK,EAAG;IAC3B,MAAM,IAAIC,KAAK,CACd,iEACD,CAAC;EACF;EAEA,IAAKF,WAAW,CAACC,KAAK,CAACE,MAAM,EAAG;IAC/B,MAAM,IAAID,KAAK,CACd,gHACD,CAAC;EACF;EAEA,oBACCR,IAAA,CAACL,OAAO,CAACe,UAAU;IAClBL,GAAG,EAAGA,GAAK;IAAA,GACND,KAAK;IACVD,QAAQ,EAAGA,QAAU;IACrBI,KAAK,EAAGD,WAAW,CAACC,KAAO;IAAAL,QAAA,EAEzBA;EAAQ,CACS,CAAC;AAEvB,CAAE,CAAC","ignoreList":[]}
+{
+  "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;",
+  "names": ["TriggerButton"]
+}

package/build-module/menu/types.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/build-module/menu/types.js.map

@@ -1 +1,7 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/menu/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type * as Ariakit from '@ariakit/react';\n\nexport interface ContextProps {\n\t/**\n\t * The ariakit store shared across all Menu subcomponents.\n\t */\n\tstore: Ariakit.MenuStore;\n\t/**\n\t * The variant used by the underlying menu popover.\n\t */\n\tvariant?: 'toolbar';\n}\n\nexport interface Props {\n\t/**\n\t * The elements, which should include one instance of the `Menu.TriggerButton`\n\t * component and one instance of the `Menu.Popover` component.\n\t */\n\tchildren?: Ariakit.MenuProviderProps[ 'children' ];\n\t/**\n\t * Whether the menu popover and its contents should be visible by default.\n\t *\n\t * Note: this prop will be overridden by the `open` prop if it is\n\t * provided (meaning the component will be used in \"controlled\" mode).\n\t *\n\t * @default false\n\t */\n\tdefaultOpen?: Ariakit.MenuProviderProps[ 'defaultOpen' ];\n\t/**\n\t * Whether the menu popover and its contents should be visible.\n\t * Should be used in conjunction with `onOpenChange` in order to control\n\t * the open state of the menu popover.\n\t *\n\t * Note: this prop will set the component in \"controlled\" mode, and it will\n\t * override the `defaultOpen` prop.\n\t */\n\topen?: Ariakit.MenuProviderProps[ 'open' ];\n\t/**\n\t * A callback that gets called when the `open` state changes.\n\t */\n\tonOpenChange?: Ariakit.MenuProviderProps[ 'setOpen' ];\n\t/**\n\t * The placement of the menu popover.\n\t *\n\t * @default 'bottom-start' for root-level menus, 'right-start' for submenus\n\t */\n\tplacement?: Ariakit.MenuProviderProps[ 'placement' ];\n}\n\nexport interface PopoverProps {\n\t/**\n\t * The contents of the menu popover, which should include instances of the\n\t * `Menu.Item`, `Menu.CheckboxItem`, `Menu.RadioItem`, `Menu.Group`, and\n\t * `Menu.Separator` components.\n\t */\n\tchildren?: Ariakit.MenuProps[ 'children' ];\n\t/**\n\t * The modality of the menu popover. When set to true, interaction with\n\t * outside elements will be disabled and only menu content will be visible to\n\t * screen readers.\n\t *\n\t * Determines whether the menu popover is modal. Modal dialogs have distinct\n\t * states and behaviors:\n\t * - The `portal` and `preventBodyScroll` props are set to `true`. They can\n\t *   still be manually set to `false`.\n\t * - When the dialog is open, element tree outside it will be inert.\n\t *\n\t * @default true\n\t */\n\tmodal?: Ariakit.MenuProps[ 'modal' ];\n\t/**\n\t * The distance between the popover and the anchor element.\n\t *\n\t * @default 8 for root-level menus, 16 for nested menus\n\t */\n\tgutter?: Ariakit.MenuProps[ 'gutter' ];\n\t/**\n\t * The skidding of the popover along the anchor element. Can be set to\n\t * negative values to make the popover shift to the opposite side.\n\t *\n\t * @default 0 for root-level menus, -8 for nested menus\n\t */\n\tshift?: Ariakit.MenuProps[ 'shift' ];\n\t/**\n\t * Determines if the menu popover will hide when the user presses the\n\t * Escape key.\n\t *\n\t * This prop can be either a boolean or a function that accepts an event as an\n\t * argument and returns a boolean. The event object represents the keydown\n\t * event that initiated the hide action, which could be either a native\n\t * keyboard event or a React synthetic event.\n\t *\n\t * @default `( event ) => { event.preventDefault(); return true; }`\n\t */\n\thideOnEscape?: Ariakit.MenuProps[ 'hideOnEscape' ];\n}\n\nexport interface TriggerButtonProps {\n\t/**\n\t * The contents of the menu trigger button.\n\t */\n\tchildren?: Ariakit.MenuButtonProps[ 'children' ];\n\t/**\n\t * Allows the component to be rendered as a different HTML element or React\n\t * component. The value can be a React element or a function that takes in the\n\t * original component props and gives back a React element with the props\n\t * merged.\n\t */\n\trender?: Ariakit.MenuButtonProps[ 'render' ];\n\t/**\n\t * Determines if the element is disabled. This sets the `aria-disabled`\n\t * attribute accordingly, enabling support for all elements, including those\n\t * that don't support the native `disabled` attribute.\n\t *\n\t * This feature can be combined with the `accessibleWhenDisabled` prop to\n\t * make disabled elements still accessible via keyboard.\n\t *\n\t * @default false\n\t */\n\tdisabled?: Ariakit.MenuButtonProps[ 'disabled' ];\n\t/**\n\t * Indicates whether the element should be focusable even when it is\n\t * `disabled`.\n\t *\n\t * This is important when discoverability is a concern. For example:\n\t *\n\t * > A toolbar in an editor contains a set of special smart paste functions\n\t * that are disabled when the clipboard is empty or when the function is not\n\t * applicable to the current content of the clipboard. It could be helpful to\n\t * keep the disabled buttons focusable if the ability to discover their\n\t * functionality is primarily via their presence on the toolbar.\n\t *\n\t * Learn more on [Focusability of disabled\n\t * controls](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#focusabilityofdisabledcontrols).\n\t */\n\taccessibleWhenDisabled?: Ariakit.MenuButtonProps[ 'accessibleWhenDisabled' ];\n}\n\nexport interface GroupProps {\n\t/**\n\t * The contents of the menu group, which should include one instance of the\n\t * `Menu.GroupLabel` component and one or more instances of `Menu.Item`,\n\t * `Menu.CheckboxItem`, and `Menu.RadioItem`.\n\t */\n\tchildren: Ariakit.MenuGroupProps[ 'children' ];\n}\n\nexport interface GroupLabelProps {\n\t/**\n\t * The contents of the menu group label, which should provide an accessible\n\t * label for the menu group.\n\t */\n\tchildren: Ariakit.MenuGroupLabelProps[ 'children' ];\n}\n\nexport interface ItemProps {\n\t/**\n\t * The contents of the menu item, which could include one instance of the\n\t * `Menu.ItemLabel` component and/or one instance of the `Menu.ItemHelpText`\n\t * component.\n\t */\n\tchildren: Ariakit.MenuItemProps[ 'children' ];\n\t/**\n\t * The contents of the menu item's prefix, such as an icon.\n\t */\n\tprefix?: React.ReactNode;\n\t/**\n\t * The contents of the menu item's suffix, such as a keyboard shortcut.\n\t */\n\tsuffix?: React.ReactNode;\n\t/**\n\t * Determines if the menu should hide when this item is clicked.\n\t *\n\t * **Note**: This behavior isn't triggered if this menu item is rendered as a\n\t * link and modifier keys are used to either open the link in a new tab or\n\t * download it.\n\t *\n\t * @default true\n\t */\n\thideOnClick?: Ariakit.MenuItemProps[ 'hideOnClick' ];\n\t/**\n\t * Determines if the element is disabled. This sets the `aria-disabled`\n\t * attribute accordingly, enabling support for all elements, including those\n\t * that don't support the native `disabled` attribute.\n\t *\n\t * @default false\n\t */\n\tdisabled?: Ariakit.MenuItemProps[ 'disabled' ];\n\t/**\n\t * Allows the component to be rendered as a different HTML element or React\n\t * component. The value can be a React element or a function that takes in the\n\t * original component props and gives back a React element with the props\n\t * merged.\n\t */\n\trender?: Ariakit.MenuItemProps[ 'render' ];\n\t/**\n\t * The ariakit menu store. This prop is only meant for internal use.\n\t * @ignore\n\t */\n\tstore?: Ariakit.MenuItemProps[ 'store' ];\n}\n\nexport interface CheckboxItemProps {\n\t/**\n\t * The contents of the menu item, which could include one instance of the\n\t * `Menu.ItemLabel` component and/or one instance of the `Menu.ItemHelpText`\n\t * component.\n\t */\n\tchildren: Ariakit.MenuItemCheckboxProps[ 'children' ];\n\t/**\n\t * The contents of the menu item's suffix, such as a keyboard shortcut.\n\t */\n\tsuffix?: React.ReactNode;\n\t/**\n\t * Determines if the menu should hide when this item is clicked.\n\t *\n\t * **Note**: This behavior isn't triggered if this menu item is rendered as a\n\t * link and modifier keys are used to either open the link in a new tab or\n\t * download it.\n\t *\n\t * @default false\n\t */\n\thideOnClick?: Ariakit.MenuItemCheckboxProps[ 'hideOnClick' ];\n\t/**\n\t * Determines if the element is disabled. This sets the `aria-disabled`\n\t * attribute accordingly, enabling support for all elements, including those\n\t * that don't support the native `disabled` attribute.\n\t *\n\t * @default false\n\t */\n\tdisabled?: Ariakit.MenuItemCheckboxProps[ 'disabled' ];\n\t/**\n\t * Allows the component to be rendered as a different HTML element or React\n\t * component. The value can be a React element or a function that takes in the\n\t * original component props and gives back a React element with the props\n\t * merged.\n\t */\n\trender?: Ariakit.MenuItemCheckboxProps[ 'render' ];\n\t/**\n\t * The checkbox menu item's name.\n\t */\n\tname: Ariakit.MenuItemCheckboxProps[ 'name' ];\n\t/**\n\t * The checkbox item's value, useful when using multiple checkbox menu items\n\t * associated to the same `name`.\n\t */\n\tvalue?: Ariakit.MenuItemCheckboxProps[ 'value' ];\n\t/**\n\t * The controlled checked state of the checkbox menu item.\n\t *\n\t * Note: this prop will override the `defaultChecked` prop.\n\t */\n\tchecked?: Ariakit.MenuItemCheckboxProps[ 'checked' ];\n\t/**\n\t * The checked state of the checkbox menu item when it is initially rendered.\n\t * Use when not wanting to control its checked state.\n\t *\n\t * Note: this prop will be overriden by the `checked` prop, if it is defined.\n\t */\n\tdefaultChecked?: Ariakit.MenuItemCheckboxProps[ 'defaultChecked' ];\n\t/**\n\t * A function that is called when the checkbox's checked state changes.\n\t */\n\tonChange?: Ariakit.MenuItemCheckboxProps[ 'onChange' ];\n}\n\nexport interface RadioItemProps {\n\t/**\n\t * The contents of the menu item, which could include one instance of the\n\t * `Menu.ItemLabel` component and/or one instance of the `Menu.ItemHelpText`\n\t * component.\n\t */\n\tchildren: Ariakit.MenuItemRadioProps[ 'children' ];\n\t/**\n\t * The contents of the menu item's suffix, such as a keyboard shortcut.\n\t */\n\tsuffix?: React.ReactNode;\n\t/**\n\t * Determines if the menu should hide when this item is clicked.\n\t *\n\t * **Note**: This behavior isn't triggered if this menu item is rendered as a\n\t * link and modifier keys are used to either open the link in a new tab or\n\t * download it.\n\t *\n\t * @default false\n\t */\n\thideOnClick?: Ariakit.MenuItemRadioProps[ 'hideOnClick' ];\n\t/**\n\t * Determines if the element is disabled. This sets the `aria-disabled`\n\t * attribute accordingly, enabling support for all elements, including those\n\t * that don't support the native `disabled` attribute.\n\t *\n\t * @default false\n\t */\n\tdisabled?: Ariakit.MenuItemRadioProps[ 'disabled' ];\n\t/**\n\t * Allows the component to be rendered as a different HTML element or React\n\t * component. The value can be a React element or a function that takes in the\n\t * original component props and gives back a React element with the props\n\t * merged.\n\t */\n\trender?: Ariakit.MenuItemRadioProps[ 'render' ];\n\t/**\n\t * The radio item's name.\n\t */\n\tname: Ariakit.MenuItemRadioProps[ 'name' ];\n\t/**\n\t * The radio item's value.\n\t */\n\tvalue: Ariakit.MenuItemRadioProps[ 'value' ];\n\t/**\n\t * The controlled checked state of the radio menu item.\n\t *\n\t * Note: this prop will override the `defaultChecked` prop.\n\t */\n\tchecked?: Ariakit.MenuItemRadioProps[ 'checked' ];\n\t/**\n\t * The checked state of the radio menu item when it is initially rendered.\n\t * Use when not wanting to control its checked state.\n\t *\n\t * Note: this prop will be overriden by the `checked` prop, if it is defined.\n\t */\n\tdefaultChecked?: Ariakit.MenuItemRadioProps[ 'defaultChecked' ];\n\t/**\n\t * A function that is called when the checkbox's checked state changes.\n\t */\n\tonChange?: Ariakit.MenuItemRadioProps[ 'onChange' ];\n}\n\nexport interface SeparatorProps {}\n"],"mappings":"","ignoreList":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

@@ -1,37 +1,11 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { Children } from '@wordpress/element';
-import { useInstanceId } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
+import clsx from "clsx";
+import { Children } from "@wordpress/element";
+import { useInstanceId } from "@wordpress/compose";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `MenuGroup` wraps a series of related `MenuItem` components into a common
- * section.
- *
- * ```jsx
- * import { MenuGroup, MenuItem } from '@wordpress/components';
- *
- * const MyMenuGroup = () => (
- *   <MenuGroup label="Settings">
- *     <MenuItem>Setting 1</MenuItem>
- *     <MenuItem>Setting 2</MenuItem>
- *   </MenuGroup>
- * );
- * ```
- */
-export function MenuGroup(props) {
+function MenuGroup(props) {
   const {
     children,
-    className = '',
+    className = "",
     label,
     hideSeparator
   } = props;
@@ -40,22 +14,26 @@ export function MenuGroup(props) {
     return null;
   }
   const labelId = `components-menu-group-label-${instanceId}`;
-  const classNames = clsx(className, 'components-menu-group', {
-    'has-hidden-separator': hideSeparator
+  const classNames = clsx(className, "components-menu-group", {
+    "has-hidden-separator": hideSeparator
   });
-  return /*#__PURE__*/_jsxs("div", {
+  return /* @__PURE__ */ _jsxs("div", {
     className: classNames,
-    children: [label && /*#__PURE__*/_jsx("div", {
+    children: [label && /* @__PURE__ */ _jsx("div", {
       className: "components-menu-group__label",
       id: labelId,
       "aria-hidden": "true",
       children: label
-    }), /*#__PURE__*/_jsx("div", {
+    }), /* @__PURE__ */ _jsx("div", {
       role: "group",
-      "aria-labelledby": label ? labelId : undefined,
-      children: children
+      "aria-labelledby": label ? labelId : void 0,
+      children
     })]
   });
 }
-export default MenuGroup;
-//# sourceMappingURL=index.js.map
+var menu_group_default = MenuGroup;
+export {
+  MenuGroup,
+  menu_group_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","Children","useInstanceId","jsx","_jsx","jsxs","_jsxs","MenuGroup","props","children","className","label","hideSeparator","instanceId","count","labelId","classNames","id","role","undefined"],"sources":["@wordpress/components/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 type { MenuGroupProps } from './types';\n\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: MenuGroupProps ) {\n\tconst { children, className = '', label, hideSeparator } = props;\n\tconst instanceId = useInstanceId( MenuGroup );\n\n\tif ( ! Children.count( children ) ) {\n\t\treturn null;\n\t}\n\n\tconst labelId = `components-menu-group-label-${ instanceId }`;\n\tconst classNames = clsx( className, 'components-menu-group', {\n\t\t'has-hidden-separator': hideSeparator,\n\t} );\n\n\treturn (\n\t\t<div className={ classNames }>\n\t\t\t{ label && (\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"components-menu-group__label\"\n\t\t\t\t\tid={ labelId }\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t>\n\t\t\t\t\t{ label }\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<div role=\"group\" aria-labelledby={ label ? labelId : undefined }>\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default MenuGroup;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,aAAa,QAAQ,oBAAoB;;AAElD;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,SAASA,CAAEC,KAAqB,EAAG;EAClD,MAAM;IAAEC,QAAQ;IAAEC,SAAS,GAAG,EAAE;IAAEC,KAAK;IAAEC;EAAc,CAAC,GAAGJ,KAAK;EAChE,MAAMK,UAAU,GAAGX,aAAa,CAAEK,SAAU,CAAC;EAE7C,IAAK,CAAEN,QAAQ,CAACa,KAAK,CAAEL,QAAS,CAAC,EAAG;IACnC,OAAO,IAAI;EACZ;EAEA,MAAMM,OAAO,GAAG,+BAAgCF,UAAU,EAAG;EAC7D,MAAMG,UAAU,GAAGhB,IAAI,CAAEU,SAAS,EAAE,uBAAuB,EAAE;IAC5D,sBAAsB,EAAEE;EACzB,CAAE,CAAC;EAEH,oBACCN,KAAA;IAAKI,SAAS,EAAGM,UAAY;IAAAP,QAAA,GAC1BE,KAAK,iBACNP,IAAA;MACCM,SAAS,EAAC,8BAA8B;MACxCO,EAAE,EAAGF,OAAS;MACd,eAAY,MAAM;MAAAN,QAAA,EAEhBE;IAAK,CACH,CACL,eACDP,IAAA;MAAKc,IAAI,EAAC,OAAO;MAAC,mBAAkBP,KAAK,GAAGI,OAAO,GAAGI,SAAW;MAAAV,QAAA,EAC9DA;IAAQ,CACN,CAAC;EAAA,CACF,CAAC;AAER;AAEA,eAAeF,SAAS","ignoreList":[]}
+{
+  "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;",
+  "names": []
+}

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

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/menu-group/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ReactNode } from 'react';\n\nexport type MenuGroupProps = {\n\t/**\n\t * A CSS `class` to give to the container element.\n\t */\n\tclassName?: string;\n\t/**\n\t * Hide the top border on the container.\n\t */\n\thideSeparator?: boolean;\n\t/**\n\t * Text to be displayed as the menu group header.\n\t */\n\tlabel?: string;\n\t/**\n\t * The children elements.\n\t */\n\tchildren?: ReactNode;\n};\n"],"mappings":"","ignoreList":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

@@ -1,20 +1,8 @@
-/**
- * External dependencies
- */
-
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { cloneElement, forwardRef } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import Shortcut from '../shortcut';
-import Button from '../button';
-import Icon from '../icon';
+import clsx from "clsx";
+import { cloneElement, forwardRef } from "@wordpress/element";
+import Shortcut from "../shortcut";
+import Button from "../button";
+import Icon from "../icon";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function UnforwardedMenuItem(props, ref) {
   let {
@@ -22,79 +10,57 @@ function UnforwardedMenuItem(props, ref) {
     info,
     className,
     icon,
-    iconPosition = 'right',
+    iconPosition = "right",
     shortcut,
     isSelected,
-    role = 'menuitem',
+    role = "menuitem",
     suffix,
     ...buttonProps
   } = props;
-  className = clsx('components-menu-item__button', className);
+  className = clsx("components-menu-item__button", className);
   if (info) {
-    children = /*#__PURE__*/_jsxs("span", {
+    children = /* @__PURE__ */ _jsxs("span", {
       className: "components-menu-item__info-wrapper",
-      children: [/*#__PURE__*/_jsx("span", {
+      children: [/* @__PURE__ */ _jsx("span", {
         className: "components-menu-item__item",
-        children: children
-      }), /*#__PURE__*/_jsx("span", {
+        children
+      }), /* @__PURE__ */ _jsx("span", {
         className: "components-menu-item__info",
         children: info
       })]
     });
   }
-  if (icon && typeof icon !== 'string') {
+  if (icon && typeof icon !== "string") {
     icon = cloneElement(icon, {
-      className: clsx('components-menu-items__item-icon', {
-        'has-icon-right': iconPosition === 'right'
+      className: clsx("components-menu-items__item-icon", {
+        "has-icon-right": iconPosition === "right"
       })
     });
   }
-  return /*#__PURE__*/_jsxs(Button, {
+  return /* @__PURE__ */ _jsxs(Button, {
     __next40pxDefaultSize: true,
-    ref: ref
-    // Make sure aria-checked matches spec https://www.w3.org/TR/wai-aria-1.1/#aria-checked
-    ,
-    "aria-checked": role === 'menuitemcheckbox' || role === 'menuitemradio' ? isSelected : undefined,
-    role: role,
-    icon: iconPosition === 'left' ? icon : undefined,
-    className: className,
+    ref,
+    "aria-checked": role === "menuitemcheckbox" || role === "menuitemradio" ? isSelected : void 0,
+    role,
+    icon: iconPosition === "left" ? icon : void 0,
+    className,
     accessibleWhenDisabled: true,
     ...buttonProps,
-    children: [/*#__PURE__*/_jsx("span", {
+    children: [/* @__PURE__ */ _jsx("span", {
       className: "components-menu-item__item",
-      children: children
-    }), !suffix && /*#__PURE__*/_jsx(Shortcut, {
+      children
+    }), !suffix && /* @__PURE__ */ _jsx(Shortcut, {
       className: "components-menu-item__shortcut",
-      shortcut: shortcut
-    }), !suffix && icon && iconPosition === 'right' && /*#__PURE__*/_jsx(Icon, {
-      icon: icon
+      shortcut
+    }), !suffix && icon && iconPosition === "right" && /* @__PURE__ */ _jsx(Icon, {
+      icon
     }), suffix]
   });
 }
-
-/**
- * MenuItem is a component which renders a button intended to be used in combination with the `DropdownMenu` component.
- *
- * ```jsx
- * import { MenuItem } from '@wordpress/components';
- * import { useState } from '@wordpress/element';
- *
- * const MyMenuItem = () => {
- * 	const [ isActive, setIsActive ] = useState( true );
- *
- * 	return (
- * 		<MenuItem
- * 			icon={ isActive ? 'yes' : 'no' }
- * 			isSelected={ isActive }
- * 			role="menuitemcheckbox"
- * 			onClick={ () => setIsActive( ( state ) => ! state ) }
- * 		>
- * 			Toggle
- * 		</MenuItem>
- * 	);
- * };
- * ```
- */
-export const MenuItem = forwardRef(UnforwardedMenuItem);
-export default MenuItem;
-//# sourceMappingURL=index.js.map
+const MenuItem = forwardRef(UnforwardedMenuItem);
+var menu_item_default = MenuItem;
+export {
+  MenuItem,
+  menu_item_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","cloneElement","forwardRef","Shortcut","Button","Icon","jsx","_jsx","jsxs","_jsxs","UnforwardedMenuItem","props","ref","children","info","className","icon","iconPosition","shortcut","isSelected","role","suffix","buttonProps","__next40pxDefaultSize","undefined","accessibleWhenDisabled","MenuItem"],"sources":["@wordpress/components/src/menu-item/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\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 type { WordPressComponentProps } from '../context';\nimport type { MenuItemProps } from './types';\n\nfunction UnforwardedMenuItem(\n\tprops: WordPressComponentProps< MenuItemProps, 'button', false >,\n\tref: ForwardedRef< HTMLButtonElement >\n) {\n\tlet {\n\t\tchildren,\n\t\tinfo,\n\t\tclassName,\n\t\ticon,\n\t\ticonPosition = 'right',\n\t\tshortcut,\n\t\tisSelected,\n\t\trole = 'menuitem',\n\t\tsuffix,\n\t\t...buttonProps\n\t} = props;\n\n\tclassName = clsx( 'components-menu-item__button', className );\n\n\tif ( info ) {\n\t\tchildren = (\n\t\t\t<span className=\"components-menu-item__info-wrapper\">\n\t\t\t\t<span className=\"components-menu-item__item\">{ children }</span>\n\t\t\t\t<span className=\"components-menu-item__info\">{ info }</span>\n\t\t\t</span>\n\t\t);\n\t}\n\n\tif ( icon && typeof icon !== 'string' ) {\n\t\ticon = cloneElement( icon, {\n\t\t\tclassName: clsx( 'components-menu-items__item-icon', {\n\t\t\t\t'has-icon-right': iconPosition === 'right',\n\t\t\t} ),\n\t\t} );\n\t}\n\n\treturn (\n\t\t<Button\n\t\t\t__next40pxDefaultSize\n\t\t\tref={ ref }\n\t\t\t// Make sure aria-checked matches spec https://www.w3.org/TR/wai-aria-1.1/#aria-checked\n\t\t\taria-checked={\n\t\t\t\trole === 'menuitemcheckbox' || role === 'menuitemradio'\n\t\t\t\t\t? isSelected\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\trole={ role }\n\t\t\ticon={ iconPosition === 'left' ? icon : undefined }\n\t\t\tclassName={ className }\n\t\t\taccessibleWhenDisabled\n\t\t\t{ ...buttonProps }\n\t\t>\n\t\t\t<span className=\"components-menu-item__item\">{ children }</span>\n\t\t\t{ ! suffix && (\n\t\t\t\t<Shortcut\n\t\t\t\t\tclassName=\"components-menu-item__shortcut\"\n\t\t\t\t\tshortcut={ shortcut }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ ! suffix && icon && iconPosition === 'right' && (\n\t\t\t\t<Icon icon={ icon } />\n\t\t\t) }\n\t\t\t{ suffix }\n\t\t</Button>\n\t);\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 );\n\nexport default MenuItem;\n"],"mappings":"AAAA;AACA;AACA;;AAEA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,YAAY,EAAEC,UAAU,QAAQ,oBAAoB;;AAE7D;AACA;AACA;AACA,OAAOC,QAAQ,MAAM,aAAa;AAClC,OAAOC,MAAM,MAAM,WAAW;AAC9B,OAAOC,IAAI,MAAM,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAI3B,SAASC,mBAAmBA,CAC3BC,KAAgE,EAChEC,GAAsC,EACrC;EACD,IAAI;IACHC,QAAQ;IACRC,IAAI;IACJC,SAAS;IACTC,IAAI;IACJC,YAAY,GAAG,OAAO;IACtBC,QAAQ;IACRC,UAAU;IACVC,IAAI,GAAG,UAAU;IACjBC,MAAM;IACN,GAAGC;EACJ,CAAC,GAAGX,KAAK;EAETI,SAAS,GAAGf,IAAI,CAAE,8BAA8B,EAAEe,SAAU,CAAC;EAE7D,IAAKD,IAAI,EAAG;IACXD,QAAQ,gBACPJ,KAAA;MAAMM,SAAS,EAAC,oCAAoC;MAAAF,QAAA,gBACnDN,IAAA;QAAMQ,SAAS,EAAC,4BAA4B;QAAAF,QAAA,EAAGA;MAAQ,CAAQ,CAAC,eAChEN,IAAA;QAAMQ,SAAS,EAAC,4BAA4B;QAAAF,QAAA,EAAGC;MAAI,CAAQ,CAAC;IAAA,CACvD,CACN;EACF;EAEA,IAAKE,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAG;IACvCA,IAAI,GAAGf,YAAY,CAAEe,IAAI,EAAE;MAC1BD,SAAS,EAAEf,IAAI,CAAE,kCAAkC,EAAE;QACpD,gBAAgB,EAAEiB,YAAY,KAAK;MACpC,CAAE;IACH,CAAE,CAAC;EACJ;EAEA,oBACCR,KAAA,CAACL,MAAM;IACNmB,qBAAqB;IACrBX,GAAG,EAAGA;IACN;IAAA;IACA,gBACCQ,IAAI,KAAK,kBAAkB,IAAIA,IAAI,KAAK,eAAe,GACpDD,UAAU,GACVK,SACH;IACDJ,IAAI,EAAGA,IAAM;IACbJ,IAAI,EAAGC,YAAY,KAAK,MAAM,GAAGD,IAAI,GAAGQ,SAAW;IACnDT,SAAS,EAAGA,SAAW;IACvBU,sBAAsB;IAAA,GACjBH,WAAW;IAAAT,QAAA,gBAEhBN,IAAA;MAAMQ,SAAS,EAAC,4BAA4B;MAAAF,QAAA,EAAGA;IAAQ,CAAQ,CAAC,EAC9D,CAAEQ,MAAM,iBACTd,IAAA,CAACJ,QAAQ;MACRY,SAAS,EAAC,gCAAgC;MAC1CG,QAAQ,EAAGA;IAAU,CACrB,CACD,EACC,CAAEG,MAAM,IAAIL,IAAI,IAAIC,YAAY,KAAK,OAAO,iBAC7CV,IAAA,CAACF,IAAI;MAACW,IAAI,EAAGA;IAAM,CAAE,CACrB,EACCK,MAAM;EAAA,CACD,CAAC;AAEX;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMK,QAAQ,GAAGxB,UAAU,CAAEQ,mBAAoB,CAAC;AAEzD,eAAegB,QAAQ","ignoreList":[]}
+{
+  "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;",
+  "names": []
+}

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

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/menu-item/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ReactNode } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { ButtonAsButtonProps } from '../button/types';\n\nexport type MenuItemProps = Pick< ButtonAsButtonProps, 'isDestructive' > & {\n\t/**\n\t * A CSS `class` to give to the container element.\n\t */\n\tclassName?: string;\n\t/**\n\t * The children elements.\n\t */\n\tchildren?: ReactNode;\n\t/**\n\t * Text to use as description for button text.\n\t */\n\tinfo?: string;\n\t/**\n\t * The icon to render. Supported values are: Dashicons (specified as\n\t * strings), functions, Component instances and `null`.\n\t *\n\t * @default null\n\t */\n\ticon?: JSX.Element | null;\n\t/**\n\t * Determines where to display the provided `icon`.\n\t */\n\ticonPosition?: ButtonAsButtonProps[ 'iconPosition' ];\n\t/**\n\t * Whether or not the menu item is currently selected, `isSelected` is only taken into\n\t * account when the `role` prop is either `\"menuitemcheckbox\"` or `\"menuitemradio\"`.\n\t */\n\tisSelected?: boolean;\n\t/**\n\t * If shortcut is a string, it is expecting the display text. If shortcut is an object,\n\t * it will accept the properties of `display` (string) and `ariaLabel` (string).\n\t */\n\tshortcut?: string | { display: string; ariaLabel: string };\n\t/**\n\t * If you need to have selectable menu items use menuitemradio for single select,\n\t * and menuitemcheckbox for multiselect.\n\t *\n\t * @default 'menuitem'\n\t */\n\trole?: string;\n\t/**\n\t * Allows for markup other than icons or shortcuts to be added to the menu item.\n\t *\n\t */\n\tsuffix?: ReactNode;\n\t/**\n\t * Human-readable label for item.\n\t */\n\tlabel?: string;\n};\n"],"mappings":"","ignoreList":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

@@ -1,63 +1,23 @@
-/**
- * WordPress dependencies
- */
-import { check } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import MenuItem from '../menu-item';
+import { check } from "@wordpress/icons";
+import MenuItem from "../menu-item";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-const noop = () => {};
-
-/**
- * `MenuItemsChoice` functions similarly to a set of `MenuItem`s, but allows the user to select one option from a set of multiple choices.
- *
- *
- * ```jsx
- * import { MenuGroup, MenuItemsChoice } from '@wordpress/components';
- * import { useState } from '@wordpress/element';
- *
- * const MyMenuItemsChoice = () => {
- * 	const [ mode, setMode ] = useState( 'visual' );
- * 	const choices = [
- * 		{
- * 			value: 'visual',
- * 			label: 'Visual editor',
- * 		},
- * 		{
- * 			value: 'text',
- * 			label: 'Code editor',
- * 		},
- * 	];
- *
- * 	return (
- * 		<MenuGroup label="Editor">
- * 			<MenuItemsChoice
- * 				choices={ choices }
- * 				value={ mode }
- * 				onSelect={ ( newMode ) => setMode( newMode ) }
- * 			/>
- * 		</MenuGroup>
- * 	);
- * };
- * ```
- */
+const noop = () => {
+};
 function MenuItemsChoice({
   choices = [],
   onHover = noop,
   onSelect,
   value
 }) {
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: choices.map(item => {
+  return /* @__PURE__ */ _jsx(_Fragment, {
+    children: choices.map((item) => {
       const isSelected = value === item.value;
-      return /*#__PURE__*/_jsx(MenuItem, {
+      return /* @__PURE__ */ _jsx(MenuItem, {
         role: "menuitemradio",
         disabled: item.disabled,
         icon: isSelected ? check : null,
         info: item.info,
-        isSelected: isSelected,
+        isSelected,
         shortcut: item.shortcut,
         className: "components-menu-items-choice",
         onClick: () => {
@@ -67,11 +27,14 @@ function MenuItemsChoice({
         },
         onMouseEnter: () => onHover(item.value),
         onMouseLeave: () => onHover(null),
-        "aria-label": item['aria-label'],
+        "aria-label": item["aria-label"],
         children: item.label
       }, item.value);
     })
   });
 }
-export default MenuItemsChoice;
-//# sourceMappingURL=index.js.map
+var menu_items_choice_default = MenuItemsChoice;
+export {
+  menu_items_choice_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["check","MenuItem","jsx","_jsx","Fragment","_Fragment","noop","MenuItemsChoice","choices","onHover","onSelect","value","children","map","item","isSelected","role","disabled","icon","info","shortcut","className","onClick","onMouseEnter","onMouseLeave","label"],"sources":["@wordpress/components/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 type { MenuItemsChoiceProps } from './types';\n\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\tchoices = [],\n\tonHover = noop,\n\tonSelect,\n\tvalue,\n}: MenuItemsChoiceProps ) {\n\treturn (\n\t\t<>\n\t\t\t{ choices.map( ( item ) => {\n\t\t\t\tconst isSelected = value === item.value;\n\t\t\t\treturn (\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tkey={ item.value }\n\t\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\t\tdisabled={ item.disabled }\n\t\t\t\t\t\ticon={ isSelected ? check : null }\n\t\t\t\t\t\tinfo={ item.info }\n\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\tshortcut={ item.shortcut }\n\t\t\t\t\t\tclassName=\"components-menu-items-choice\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tif ( ! isSelected ) {\n\t\t\t\t\t\t\t\tonSelect( item.value );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonMouseEnter={ () => onHover( item.value ) }\n\t\t\t\t\t\tonMouseLeave={ () => onHover( null ) }\n\t\t\t\t\t\taria-label={ item[ 'aria-label' ] }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ item.label }\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n\nexport default MenuItemsChoice;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,KAAK,QAAQ,kBAAkB;;AAExC;AACA;AACA;AACA,OAAOC,QAAQ,MAAM,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAGpC,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;;AAErB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,eAAeA,CAAE;EACzBC,OAAO,GAAG,EAAE;EACZC,OAAO,GAAGH,IAAI;EACdI,QAAQ;EACRC;AACqB,CAAC,EAAG;EACzB,oBACCR,IAAA,CAAAE,SAAA;IAAAO,QAAA,EACGJ,OAAO,CAACK,GAAG,CAAIC,IAAI,IAAM;MAC1B,MAAMC,UAAU,GAAGJ,KAAK,KAAKG,IAAI,CAACH,KAAK;MACvC,oBACCR,IAAA,CAACF,QAAQ;QAERe,IAAI,EAAC,eAAe;QACpBC,QAAQ,EAAGH,IAAI,CAACG,QAAU;QAC1BC,IAAI,EAAGH,UAAU,GAAGf,KAAK,GAAG,IAAM;QAClCmB,IAAI,EAAGL,IAAI,CAACK,IAAM;QAClBJ,UAAU,EAAGA,UAAY;QACzBK,QAAQ,EAAGN,IAAI,CAACM,QAAU;QAC1BC,SAAS,EAAC,8BAA8B;QACxCC,OAAO,EAAGA,CAAA,KAAM;UACf,IAAK,CAAEP,UAAU,EAAG;YACnBL,QAAQ,CAAEI,IAAI,CAACH,KAAM,CAAC;UACvB;QACD,CAAG;QACHY,YAAY,EAAGA,CAAA,KAAMd,OAAO,CAAEK,IAAI,CAACH,KAAM,CAAG;QAC5Ca,YAAY,EAAGA,CAAA,KAAMf,OAAO,CAAE,IAAK,CAAG;QACtC,cAAaK,IAAI,CAAE,YAAY,CAAI;QAAAF,QAAA,EAEjCE,IAAI,CAACW;MAAK,GAjBNX,IAAI,CAACH,KAkBF,CAAC;IAEb,CAAE;EAAC,CACF,CAAC;AAEL;AAEA,eAAeJ,eAAe","ignoreList":[]}
+{
+  "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;",
+  "names": []
+}

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

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/menu-items-choice/types.ts"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport type { ShortcutProps } from '../shortcut/types';\nimport type { ButtonAsButtonProps } from '../button/types';\n\nexport type MenuItemsChoiceProps = {\n\t/**\n\t * Array of choices.\n\t *\n\t * @default []\n\t */\n\tchoices: readonly MenuItemChoice[];\n\t/**\n\t * Value of currently selected choice (should match a `value` property\n\t * from a choice in `choices`).\n\t */\n\tvalue: string;\n\t/**\n\t * Callback function to be called with the selected choice when user\n\t * selects a new choice.\n\t */\n\tonSelect: ( value: string ) => void;\n\n\t/**\n\t * Callback function to be called with a choice when user\n\t * hovers over a new choice (will be empty on mouse leave).\n\t *\n\t * @default noop\n\t */\n\tonHover: ( value: string | null ) => void;\n};\n\nexport type MenuItemChoice = {\n\t/**\n\t * Human-readable label for choice.\n\t */\n\tlabel: string;\n\t/**\n\t * Unique value for choice.\n\t */\n\tvalue: string;\n\t/**\n\t * Whether the menu item is disabled.\n\t */\n\tdisabled?: ButtonAsButtonProps[ 'disabled' ];\n\t/**\n\t * Additional information which will be rendered below the given label.\n\t */\n\tinfo?: string;\n\t/**\n\t * Optional keyboard sequence to trigger choice with keyboard shortcut\n\t * (e.g. `ctrl+s`).\n\t */\n\tshortcut?: ShortcutProps[ 'shortcut' ];\n\t/**\n\t * Aria compliant label.\n\t */\n\t[ 'aria-label' ]?: string;\n};\n"],"mappings":"","ignoreList":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}