@wordpress/components 30.5.1-next.f56bd8138.0 → 30.6.0

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

@@ -1,22 +1,10 @@
-/**
- * External dependencies
- */
-import * as Ariakit from '@ariakit/react';
-
-/**
- * WordPress dependencies
- */
-import { forwardRef, useContext } from '@wordpress/element';
-import { Icon, check } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-
-import { Context } from './context';
-import * as Styled from './styles';
+import * as Ariakit from "@ariakit/react";
+import { forwardRef, useContext } from "@wordpress/element";
+import { Icon, check } from "@wordpress/icons";
+import { Context } from "./context";
+import * as Styled from "./styles";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const CheckboxItem = forwardRef(function CheckboxItem({
+const CheckboxItem = forwardRef(function CheckboxItem2({
   suffix,
   children,
   disabled = false,
@@ -25,35 +13,36 @@ export const CheckboxItem = forwardRef(function CheckboxItem({
 }, ref) {
   const menuContext = useContext(Context);
   if (!menuContext?.store) {
-    throw new Error('Menu.CheckboxItem can only be rendered inside a Menu component');
+    throw new Error("Menu.CheckboxItem can only be rendered inside a Menu component");
   }
-  return /*#__PURE__*/_jsxs(Styled.CheckboxItem, {
-    ref: ref,
+  return /* @__PURE__ */ _jsxs(Styled.CheckboxItem, {
+    ref,
     ...props,
     accessibleWhenDisabled: true,
-    disabled: disabled,
-    hideOnClick: hideOnClick,
+    disabled,
+    hideOnClick,
     store: menuContext.store,
-    children: [/*#__PURE__*/_jsx(Ariakit.MenuItemCheck, {
+    children: [/* @__PURE__ */ _jsx(Ariakit.MenuItemCheck, {
       store: menuContext.store,
-      render: /*#__PURE__*/_jsx(Styled.ItemPrefixWrapper, {})
-      // Override some ariakit inline styles
-      ,
+      render: /* @__PURE__ */ _jsx(Styled.ItemPrefixWrapper, {}),
       style: {
-        width: 'auto',
-        height: 'auto'
+        width: "auto",
+        height: "auto"
       },
-      children: /*#__PURE__*/_jsx(Icon, {
+      children: /* @__PURE__ */ _jsx(Icon, {
         icon: check,
         size: 24
       })
-    }), /*#__PURE__*/_jsxs(Styled.ItemContentWrapper, {
-      children: [/*#__PURE__*/_jsx(Styled.ItemChildrenWrapper, {
-        children: children
-      }), suffix && /*#__PURE__*/_jsx(Styled.ItemSuffixWrapper, {
+    }), /* @__PURE__ */ _jsxs(Styled.ItemContentWrapper, {
+      children: [/* @__PURE__ */ _jsx(Styled.ItemChildrenWrapper, {
+        children
+      }), suffix && /* @__PURE__ */ _jsx(Styled.ItemSuffixWrapper, {
         children: suffix
       })]
     })]
   });
 });
-//# sourceMappingURL=checkbox-item.js.map
+export {
+  CheckboxItem
+};
+//# sourceMappingURL=checkbox-item.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["Ariakit","forwardRef","useContext","Icon","check","Context","Styled","jsx","_jsx","jsxs","_jsxs","CheckboxItem","suffix","children","disabled","hideOnClick","props","ref","menuContext","store","Error","accessibleWhenDisabled","MenuItemCheck","render","ItemPrefixWrapper","style","width","height","icon","size","ItemContentWrapper","ItemChildrenWrapper","ItemSuffixWrapper"],"sources":["@wordpress/components/src/menu/checkbox-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 { Icon, check } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport { Context } from './context';\nimport type { CheckboxItemProps } from './types';\nimport * as Styled from './styles';\n\nexport const CheckboxItem = forwardRef<\n\tHTMLDivElement,\n\tWordPressComponentProps< CheckboxItemProps, 'div', false >\n>( function CheckboxItem(\n\t{ suffix, children, disabled = false, hideOnClick = false, ...props },\n\tref\n) {\n\tconst menuContext = useContext( Context );\n\n\tif ( ! menuContext?.store ) {\n\t\tthrow new Error(\n\t\t\t'Menu.CheckboxItem can only be rendered inside a Menu component'\n\t\t);\n\t}\n\n\treturn (\n\t\t<Styled.CheckboxItem\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\taccessibleWhenDisabled\n\t\t\tdisabled={ disabled }\n\t\t\thideOnClick={ hideOnClick }\n\t\t\tstore={ menuContext.store }\n\t\t>\n\t\t\t<Ariakit.MenuItemCheck\n\t\t\t\tstore={ menuContext.store }\n\t\t\t\trender={ <Styled.ItemPrefixWrapper /> }\n\t\t\t\t// Override some ariakit inline styles\n\t\t\t\tstyle={ { width: 'auto', height: 'auto' } }\n\t\t\t>\n\t\t\t\t<Icon icon={ check } size={ 24 } />\n\t\t\t</Ariakit.MenuItemCheck>\n\n\t\t\t<Styled.ItemContentWrapper>\n\t\t\t\t<Styled.ItemChildrenWrapper>\n\t\t\t\t\t{ children }\n\t\t\t\t</Styled.ItemChildrenWrapper>\n\n\t\t\t\t{ suffix && (\n\t\t\t\t\t<Styled.ItemSuffixWrapper>\n\t\t\t\t\t\t{ suffix }\n\t\t\t\t\t</Styled.ItemSuffixWrapper>\n\t\t\t\t) }\n\t\t\t</Styled.ItemContentWrapper>\n\t\t</Styled.CheckboxItem>\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,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;;AAE9C;AACA;AACA;;AAEA,SAASC,OAAO,QAAQ,WAAW;AAEnC,OAAO,KAAKC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEnC,OAAO,MAAMC,YAAY,GAAGV,UAAU,CAGnC,SAASU,YAAYA,CACvB;EAAEC,MAAM;EAAEC,QAAQ;EAAEC,QAAQ,GAAG,KAAK;EAAEC,WAAW,GAAG,KAAK;EAAE,GAAGC;AAAM,CAAC,EACrEC,GAAG,EACF;EACD,MAAMC,WAAW,GAAGhB,UAAU,CAAEG,OAAQ,CAAC;EAEzC,IAAK,CAAEa,WAAW,EAAEC,KAAK,EAAG;IAC3B,MAAM,IAAIC,KAAK,CACd,gEACD,CAAC;EACF;EAEA,oBACCV,KAAA,CAACJ,MAAM,CAACK,YAAY;IACnBM,GAAG,EAAGA,GAAK;IAAA,GACND,KAAK;IACVK,sBAAsB;IACtBP,QAAQ,EAAGA,QAAU;IACrBC,WAAW,EAAGA,WAAa;IAC3BI,KAAK,EAAGD,WAAW,CAACC,KAAO;IAAAN,QAAA,gBAE3BL,IAAA,CAACR,OAAO,CAACsB,aAAa;MACrBH,KAAK,EAAGD,WAAW,CAACC,KAAO;MAC3BI,MAAM,eAAGf,IAAA,CAACF,MAAM,CAACkB,iBAAiB,IAAE;MACpC;MAAA;MACAC,KAAK,EAAG;QAAEC,KAAK,EAAE,MAAM;QAAEC,MAAM,EAAE;MAAO,CAAG;MAAAd,QAAA,eAE3CL,IAAA,CAACL,IAAI;QAACyB,IAAI,EAAGxB,KAAO;QAACyB,IAAI,EAAG;MAAI,CAAE;IAAC,CACb,CAAC,eAExBnB,KAAA,CAACJ,MAAM,CAACwB,kBAAkB;MAAAjB,QAAA,gBACzBL,IAAA,CAACF,MAAM,CAACyB,mBAAmB;QAAAlB,QAAA,EACxBA;MAAQ,CACiB,CAAC,EAE3BD,MAAM,iBACPJ,IAAA,CAACF,MAAM,CAAC0B,iBAAiB;QAAAnB,QAAA,EACtBD;MAAM,CACiB,CAC1B;IAAA,CACyB,CAAC;EAAA,CACR,CAAC;AAExB,CAAE,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/menu/checkbox-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 { Icon, check } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\n\nimport { Context } from './context';\nimport * as Styled from './styles';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport const CheckboxItem = forwardRef(function CheckboxItem({\n  suffix,\n  children,\n  disabled = false,\n  hideOnClick = false,\n  ...props\n}, ref) {\n  const menuContext = useContext(Context);\n  if (!menuContext?.store) {\n    throw new Error('Menu.CheckboxItem can only be rendered inside a Menu component');\n  }\n  return /*#__PURE__*/_jsxs(Styled.CheckboxItem, {\n    ref: ref,\n    ...props,\n    accessibleWhenDisabled: true,\n    disabled: disabled,\n    hideOnClick: hideOnClick,\n    store: menuContext.store,\n    children: [/*#__PURE__*/_jsx(Ariakit.MenuItemCheck, {\n      store: menuContext.store,\n      render: /*#__PURE__*/_jsx(Styled.ItemPrefixWrapper, {})\n      // Override some ariakit inline styles\n      ,\n      style: {\n        width: 'auto',\n        height: 'auto'\n      },\n      children: /*#__PURE__*/_jsx(Icon, {\n        icon: check,\n        size: 24\n      })\n    }), /*#__PURE__*/_jsxs(Styled.ItemContentWrapper, {\n      children: [/*#__PURE__*/_jsx(Styled.ItemChildrenWrapper, {\n        children: children\n      }), suffix && /*#__PURE__*/_jsx(Styled.ItemSuffixWrapper, {\n        children: suffix\n      })]\n    })]\n  });\n});"],
+  "mappings": "AAGA,YAAY,aAAa;AAKzB,SAAS,YAAY,kBAAkB;AACvC,SAAS,MAAM,aAAa;AAM5B,SAAS,eAAe;AACxB,YAAY,YAAY;AACxB,SAAS,OAAO,MAAM,QAAQ,aAAa;AACpC,MAAM,eAAe,WAAW,SAASA,cAAa;AAAA,EAC3D;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd,GAAG;AACL,GAAG,KAAK;AACN,QAAM,cAAc,WAAW,OAAO;AACtC,MAAI,CAAC,aAAa,OAAO;AACvB,UAAM,IAAI,MAAM,gEAAgE;AAAA,EAClF;AACA,SAAoB,sBAAM,OAAO,cAAc;AAAA,IAC7C;AAAA,IACA,GAAG;AAAA,IACH,wBAAwB;AAAA,IACxB;AAAA,IACA;AAAA,IACA,OAAO,YAAY;AAAA,IACnB,UAAU,CAAc,qBAAK,QAAQ,eAAe;AAAA,MAClD,OAAO,YAAY;AAAA,MACnB,QAAqB,qBAAK,OAAO,mBAAmB,CAAC,CAAC;AAAA,MAGtD,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,MACA,UAAuB,qBAAK,MAAM;AAAA,QAChC,MAAM;AAAA,QACN,MAAM;AAAA,MACR,CAAC;AAAA,IACH,CAAC,GAAgB,sBAAM,OAAO,oBAAoB;AAAA,MAChD,UAAU,CAAc,qBAAK,OAAO,qBAAqB;AAAA,QACvD;AAAA,MACF,CAAC,GAAG,UAAuB,qBAAK,OAAO,mBAAmB;AAAA,QACxD,UAAU;AAAA,MACZ,CAAC,CAAC;AAAA,IACJ,CAAC,CAAC;AAAA,EACJ,CAAC;AACH,CAAC;",
+  "names": ["CheckboxItem"]
+}

package/build-module/menu/context.js

@@ -1,12 +1,7 @@
-/**
- * WordPress dependencies
- */
-import { createContext } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-
-export const Context = createContext(undefined);
-Context.displayName = 'MenuContext';
-//# sourceMappingURL=context.js.map
+import { createContext } from "@wordpress/element";
+const Context = createContext(void 0);
+Context.displayName = "MenuContext";
+export {
+  Context
+};
+//# sourceMappingURL=context.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["createContext","Context","undefined","displayName"],"sources":["@wordpress/components/src/menu/context.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { ContextProps } from './types';\n\nexport const Context = createContext< ContextProps | undefined >( undefined );\nContext.displayName = 'MenuContext';\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,oBAAoB;;AAElD;AACA;AACA;;AAGA,OAAO,MAAMC,OAAO,GAAGD,aAAa,CAA8BE,SAAU,CAAC;AAC7ED,OAAO,CAACE,WAAW,GAAG,aAAa","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/menu/context.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nexport const Context = createContext(undefined);\nContext.displayName = 'MenuContext';"],
+  "mappings": "AAGA,SAAS,qBAAqB;AAMvB,MAAM,UAAU,cAAc,MAAS;AAC9C,QAAQ,cAAc;",
+  "names": []
+}

package/build-module/menu/docs-manifest.json

@@ -0,0 +1,62 @@
+{
+	"$schema": "../../schemas/docs-manifest.json",
+	"displayName": "Menu",
+	"filePath": "./index.tsx",
+	"subcomponents": [
+		{
+			"displayName": "TriggerButton",
+			"preferredDisplayName": "Menu.TriggerButton",
+			"filePath": "./trigger-button.tsx"
+		},
+		{
+			"displayName": "Popover",
+			"preferredDisplayName": "Menu.Popover",
+			"filePath": "./popover.tsx"
+		},
+		{
+			"displayName": "Item",
+			"preferredDisplayName": "Menu.Item",
+			"filePath": "./item.tsx"
+		},
+		{
+			"displayName": "RadioItem",
+			"preferredDisplayName": "Menu.RadioItem",
+			"filePath": "./radio-item.tsx"
+		},
+		{
+			"displayName": "CheckboxItem",
+			"preferredDisplayName": "Menu.CheckboxItem",
+			"filePath": "./checkbox-item.tsx"
+		},
+		{
+			"displayName": "ItemLabel",
+			"preferredDisplayName": "Menu.ItemLabel",
+			"filePath": "./item-label.tsx"
+		},
+		{
+			"displayName": "ItemHelpText",
+			"preferredDisplayName": "Menu.ItemHelpText",
+			"filePath": "./item-help-text.tsx"
+		},
+		{
+			"displayName": "Group",
+			"preferredDisplayName": "Menu.Group",
+			"filePath": "./group.tsx"
+		},
+		{
+			"displayName": "GroupLabel",
+			"preferredDisplayName": "Menu.GroupLabel",
+			"filePath": "./group-label.tsx"
+		},
+		{
+			"displayName": "Separator",
+			"preferredDisplayName": "Menu.Separator",
+			"filePath": "./separator.tsx"
+		},
+		{
+			"displayName": "SubmenuTriggerItem",
+			"preferredDisplayName": "Menu.SubmenuTriggerItem",
+			"filePath": "./submenu-trigger-item.tsx"
+		}
+	]
+}

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

@@ -1,35 +1,30 @@
-/**
- * WordPress dependencies
- */
-import { forwardRef, useContext } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-
-import { Context } from './context';
-import { Text } from '../text';
-import * as Styled from './styles';
+import { forwardRef, useContext } from "@wordpress/element";
+import { Context } from "./context";
+import { Text } from "../text";
+import * as Styled from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const GroupLabel = forwardRef(function Group(props, ref) {
+const GroupLabel = forwardRef(function Group(props, ref) {
   const menuContext = useContext(Context);
   if (!menuContext?.store) {
-    throw new Error('Menu.GroupLabel can only be rendered inside a Menu component');
+    throw new Error("Menu.GroupLabel can only be rendered inside a Menu component");
   }
-  return /*#__PURE__*/_jsx(Styled.GroupLabel, {
-    ref: ref,
-    render:
-    /*#__PURE__*/
-    // @ts-expect-error The `children` prop is passed
-    _jsx(Text, {
-      upperCase: true,
-      variant: "muted",
-      size: "11px",
-      weight: 500,
-      lineHeight: "16px"
-    }),
+  return /* @__PURE__ */ _jsx(Styled.GroupLabel, {
+    ref,
+    render: (
+      // @ts-expect-error The `children` prop is passed
+      /* @__PURE__ */ _jsx(Text, {
+        upperCase: true,
+        variant: "muted",
+        size: "11px",
+        weight: 500,
+        lineHeight: "16px"
+      })
+    ),
     ...props,
     store: menuContext.store
   });
 });
-//# sourceMappingURL=group-label.js.map
+export {
+  GroupLabel
+};
+//# sourceMappingURL=group-label.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["forwardRef","useContext","Context","Text","Styled","jsx","_jsx","GroupLabel","Group","props","ref","menuContext","store","Error","render","upperCase","variant","size","weight","lineHeight"],"sources":["@wordpress/components/src/menu/group-label.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport { Context } from './context';\nimport { Text } from '../text';\nimport type { GroupLabelProps } from './types';\nimport * as Styled from './styles';\n\nexport const GroupLabel = forwardRef<\n\tHTMLDivElement,\n\tWordPressComponentProps< GroupLabelProps, 'div', false >\n>( function Group( props, ref ) {\n\tconst menuContext = useContext( Context );\n\n\tif ( ! menuContext?.store ) {\n\t\tthrow new Error(\n\t\t\t'Menu.GroupLabel can only be rendered inside a Menu component'\n\t\t);\n\t}\n\n\treturn (\n\t\t<Styled.GroupLabel\n\t\t\tref={ ref }\n\t\t\trender={\n\t\t\t\t// @ts-expect-error The `children` prop is passed\n\t\t\t\t<Text\n\t\t\t\t\tupperCase\n\t\t\t\t\tvariant=\"muted\"\n\t\t\t\t\tsize=\"11px\"\n\t\t\t\t\tweight={ 500 }\n\t\t\t\t\tlineHeight=\"16px\"\n\t\t\t\t/>\n\t\t\t}\n\t\t\t{ ...props }\n\t\t\tstore={ menuContext.store }\n\t\t/>\n\t);\n} );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAU,EAAEC,UAAU,QAAQ,oBAAoB;;AAE3D;AACA;AACA;;AAEA,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,IAAI,QAAQ,SAAS;AAE9B,OAAO,KAAKC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnC,OAAO,MAAMC,UAAU,GAAGP,UAAU,CAGjC,SAASQ,KAAKA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EAC/B,MAAMC,WAAW,GAAGV,UAAU,CAAEC,OAAQ,CAAC;EAEzC,IAAK,CAAES,WAAW,EAAEC,KAAK,EAAG;IAC3B,MAAM,IAAIC,KAAK,CACd,8DACD,CAAC;EACF;EAEA,oBACCP,IAAA,CAACF,MAAM,CAACG,UAAU;IACjBG,GAAG,EAAGA,GAAK;IACXI,MAAM;IAAA;IACL;IACAR,IAAA,CAACH,IAAI;MACJY,SAAS;MACTC,OAAO,EAAC,OAAO;MACfC,IAAI,EAAC,MAAM;MACXC,MAAM,EAAG,GAAK;MACdC,UAAU,EAAC;IAAM,CACjB,CACD;IAAA,GACIV,KAAK;IACVG,KAAK,EAAGD,WAAW,CAACC;EAAO,CAC3B,CAAC;AAEJ,CAAE,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/menu/group-label.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nimport { Context } from './context';\nimport { Text } from '../text';\nimport * as Styled from './styles';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const GroupLabel = forwardRef(function Group(props, ref) {\n  const menuContext = useContext(Context);\n  if (!menuContext?.store) {\n    throw new Error('Menu.GroupLabel can only be rendered inside a Menu component');\n  }\n  return /*#__PURE__*/_jsx(Styled.GroupLabel, {\n    ref: ref,\n    render:\n    /*#__PURE__*/\n    // @ts-expect-error The `children` prop is passed\n    _jsx(Text, {\n      upperCase: true,\n      variant: \"muted\",\n      size: \"11px\",\n      weight: 500,\n      lineHeight: \"16px\"\n    }),\n    ...props,\n    store: menuContext.store\n  });\n});"],
+  "mappings": "AAGA,SAAS,YAAY,kBAAkB;AAMvC,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,YAAY,YAAY;AACxB,SAAS,OAAO,YAAY;AACrB,MAAM,aAAa,WAAW,SAAS,MAAM,OAAO,KAAK;AAC9D,QAAM,cAAc,WAAW,OAAO;AACtC,MAAI,CAAC,aAAa,OAAO;AACvB,UAAM,IAAI,MAAM,8DAA8D;AAAA,EAChF;AACA,SAAoB,qBAAK,OAAO,YAAY;AAAA,IAC1C;AAAA,IACA;AAAA;AAAA,MAGA,qBAAK,MAAM;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,QACT,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,YAAY;AAAA,MACd,CAAC;AAAA;AAAA,IACD,GAAG;AAAA,IACH,OAAO,YAAY;AAAA,EACrB,CAAC;AACH,CAAC;",
+  "names": []
+}

package/build-module/menu/group.js

@@ -1,24 +1,19 @@
-/**
- * WordPress dependencies
- */
-import { forwardRef, useContext } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-
-import { Context } from './context';
-import * as Styled from './styles';
+import { forwardRef, useContext } from "@wordpress/element";
+import { Context } from "./context";
+import * as Styled from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const Group = forwardRef(function Group(props, ref) {
+const Group = forwardRef(function Group2(props, ref) {
   const menuContext = useContext(Context);
   if (!menuContext?.store) {
-    throw new Error('Menu.Group can only be rendered inside a Menu component');
+    throw new Error("Menu.Group can only be rendered inside a Menu component");
   }
-  return /*#__PURE__*/_jsx(Styled.Group, {
-    ref: ref,
+  return /* @__PURE__ */ _jsx(Styled.Group, {
+    ref,
     ...props,
     store: menuContext.store
   });
 });
-//# sourceMappingURL=group.js.map
+export {
+  Group
+};
+//# sourceMappingURL=group.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["forwardRef","useContext","Context","Styled","jsx","_jsx","Group","props","ref","menuContext","store","Error"],"sources":["@wordpress/components/src/menu/group.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport { Context } from './context';\nimport type { GroupProps } from './types';\nimport * as Styled from './styles';\n\nexport const Group = forwardRef<\n\tHTMLDivElement,\n\tWordPressComponentProps< GroupProps, 'div', false >\n>( function Group( props, ref ) {\n\tconst menuContext = useContext( Context );\n\n\tif ( ! menuContext?.store ) {\n\t\tthrow new Error(\n\t\t\t'Menu.Group can only be rendered inside a Menu component'\n\t\t);\n\t}\n\n\treturn (\n\t\t<Styled.Group ref={ ref } { ...props } store={ menuContext.store } />\n\t);\n} );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAU,EAAEC,UAAU,QAAQ,oBAAoB;;AAE3D;AACA;AACA;;AAEA,SAASC,OAAO,QAAQ,WAAW;AAEnC,OAAO,KAAKC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnC,OAAO,MAAMC,KAAK,GAAGN,UAAU,CAG5B,SAASM,KAAKA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EAC/B,MAAMC,WAAW,GAAGR,UAAU,CAAEC,OAAQ,CAAC;EAEzC,IAAK,CAAEO,WAAW,EAAEC,KAAK,EAAG;IAC3B,MAAM,IAAIC,KAAK,CACd,yDACD,CAAC;EACF;EAEA,oBACCN,IAAA,CAACF,MAAM,CAACG,KAAK;IAACE,GAAG,EAAGA,GAAK;IAAA,GAAMD,KAAK;IAAGG,KAAK,EAAGD,WAAW,CAACC;EAAO,CAAE,CAAC;AAEvE,CAAE,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/menu/group.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nimport { Context } from './context';\nimport * as Styled from './styles';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const Group = forwardRef(function Group(props, ref) {\n  const menuContext = useContext(Context);\n  if (!menuContext?.store) {\n    throw new Error('Menu.Group can only be rendered inside a Menu component');\n  }\n  return /*#__PURE__*/_jsx(Styled.Group, {\n    ref: ref,\n    ...props,\n    store: menuContext.store\n  });\n});"],
+  "mappings": "AAGA,SAAS,YAAY,kBAAkB;AAMvC,SAAS,eAAe;AACxB,YAAY,YAAY;AACxB,SAAS,OAAO,YAAY;AACrB,MAAM,QAAQ,WAAW,SAASA,OAAM,OAAO,KAAK;AACzD,QAAM,cAAc,WAAW,OAAO;AACtC,MAAI,CAAC,aAAa,OAAO;AACvB,UAAM,IAAI,MAAM,yDAAyD;AAAA,EAC3E;AACA,SAAoB,qBAAK,OAAO,OAAO;AAAA,IACrC;AAAA,IACA,GAAG;AAAA,IACH,OAAO,YAAY;AAAA,EACrB,CAAC;AACH,CAAC;",
+  "names": ["Group"]
+}

package/build-module/menu/index.js

@@ -1,32 +1,21 @@
-/**
- * External dependencies
- */
-import * as Ariakit from '@ariakit/react';
-
-/**
- * WordPress dependencies
- */
-import { useContext, useMemo } from '@wordpress/element';
-import { isRTL as isRTLFn } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import { useContextSystem, contextConnectWithoutRef } from '../context';
-import { Context } from './context';
-import { Item } from './item';
-import { CheckboxItem } from './checkbox-item';
-import { RadioItem } from './radio-item';
-import { Group } from './group';
-import { GroupLabel } from './group-label';
-import { Separator } from './separator';
-import { ItemLabel } from './item-label';
-import { ItemHelpText } from './item-help-text';
-import { TriggerButton } from './trigger-button';
-import { SubmenuTriggerItem } from './submenu-trigger-item';
-import { Popover } from './popover';
+import * as Ariakit from "@ariakit/react";
+import { useContext, useMemo } from "@wordpress/element";
+import { isRTL as isRTLFn } from "@wordpress/i18n";
+import { useContextSystem, contextConnectWithoutRef } from "../context";
+import { Context } from "./context";
+import { Item } from "./item";
+import { CheckboxItem } from "./checkbox-item";
+import { RadioItem } from "./radio-item";
+import { Group } from "./group";
+import { GroupLabel } from "./group-label";
+import { Separator } from "./separator";
+import { ItemLabel } from "./item-label";
+import { ItemHelpText } from "./item-help-text";
+import { TriggerButton } from "./trigger-button";
+import { SubmenuTriggerItem } from "./submenu-trigger-item";
+import { Popover } from "./popover";
 import { jsx as _jsx } from "react/jsx-runtime";
-const UnconnectedMenu = props => {
+const UnconnectedMenu = (props) => {
   const {
     children,
     defaultOpen = false,
@@ -35,20 +24,15 @@ const UnconnectedMenu = props => {
     placement,
     // From internal components context
     variant
-  } = useContextSystem(props, 'Menu');
+  } = useContextSystem(props, "Menu");
   const parentContext = useContext(Context);
   const rtl = isRTLFn();
-
-  // If an explicit value for the `placement` prop is not passed,
-  // apply a default placement of `bottom-start` for the root menu popover,
-  // and of `right-start` for nested menu popovers.
-  let computedPlacement = placement !== null && placement !== void 0 ? placement : parentContext?.store ? 'right-start' : 'bottom-start';
-  // Swap left/right in case of RTL direction
+  let computedPlacement = placement !== null && placement !== void 0 ? placement : parentContext?.store ? "right-start" : "bottom-start";
   if (rtl) {
     if (/right/.test(computedPlacement)) {
-      computedPlacement = computedPlacement.replace('right', 'left');
+      computedPlacement = computedPlacement.replace("right", "left");
     } else if (/left/.test(computedPlacement)) {
-      computedPlacement = computedPlacement.replace('left', 'right');
+      computedPlacement = computedPlacement.replace("left", "right");
     }
   }
   const menuStore = Ariakit.useMenuStore({
@@ -66,25 +50,14 @@ const UnconnectedMenu = props => {
     store: menuStore,
     variant
   }), [menuStore, variant]);
-  return /*#__PURE__*/_jsx(Context.Provider, {
+  return /* @__PURE__ */ _jsx(Context.Provider, {
     value: contextValue,
-    children: children
+    children
   });
 };
-
-/**
- * Menu is a collection of React components that combine to render
- * ARIA-compliant [menu](https://www.w3.org/WAI/ARIA/apg/patterns/menu/) and
- * [menu button](https://www.w3.org/WAI/ARIA/apg/patterns/menubutton/) patterns.
- *
- * `Menu` itself is a wrapper component and context provider.
- * It is responsible for managing the state of the menu and its items, and for
- * rendering the `Menu.TriggerButton` (or the `Menu.SubmenuTriggerItem`)
- * component, and the `Menu.Popover` component.
- */
-export const Menu = Object.assign(contextConnectWithoutRef(UnconnectedMenu, 'Menu'), {
+const Menu = Object.assign(contextConnectWithoutRef(UnconnectedMenu, "Menu"), {
   Context: Object.assign(Context, {
-    displayName: 'Menu.Context'
+    displayName: "Menu.Context"
   }),
   /**
    * Renders a menu item inside the `Menu.Popover` or `Menu.Group` components.
@@ -93,7 +66,7 @@ export const Menu = Object.assign(contextConnectWithoutRef(UnconnectedMenu, 'Men
    * and one instance of the `Menu.ItemHelpText` component.
    */
   Item: Object.assign(Item, {
-    displayName: 'Menu.Item'
+    displayName: "Menu.Item"
   }),
   /**
    * Renders a radio menu item inside the `Menu.Popover` or `Menu.Group`
@@ -103,7 +76,7 @@ export const Menu = Object.assign(contextConnectWithoutRef(UnconnectedMenu, 'Men
    * and one instance of the `Menu.ItemHelpText` component.
    */
   RadioItem: Object.assign(RadioItem, {
-    displayName: 'Menu.RadioItem'
+    displayName: "Menu.RadioItem"
   }),
   /**
    * Renders a checkbox menu item inside the `Menu.Popover` or `Menu.Group`
@@ -113,7 +86,7 @@ export const Menu = Object.assign(contextConnectWithoutRef(UnconnectedMenu, 'Men
    * and one instance of the `Menu.ItemHelpText` component.
    */
   CheckboxItem: Object.assign(CheckboxItem, {
-    displayName: 'Menu.CheckboxItem'
+    displayName: "Menu.CheckboxItem"
   }),
   /**
    * Renders a group for menu items.
@@ -122,7 +95,7 @@ export const Menu = Object.assign(contextConnectWithoutRef(UnconnectedMenu, 'Men
    * instances of `Menu.Item`, `Menu.RadioItem`, or `Menu.CheckboxItem`.
    */
   Group: Object.assign(Group, {
-    displayName: 'Menu.Group'
+    displayName: "Menu.Group"
   }),
   /**
    * Renders a label in a menu group.
@@ -131,27 +104,27 @@ export const Menu = Object.assign(contextConnectWithoutRef(UnconnectedMenu, 'Men
    * `aria-labelledby` is correctly set on the group element.
    */
   GroupLabel: Object.assign(GroupLabel, {
-    displayName: 'Menu.GroupLabel'
+    displayName: "Menu.GroupLabel"
   }),
   /**
    * Renders a divider between menu items or menu groups.
    */
   Separator: Object.assign(Separator, {
-    displayName: 'Menu.Separator'
+    displayName: "Menu.Separator"
   }),
   /**
    * Renders a menu item's label text. It should be wrapped with `Menu.Item`,
    * `Menu.RadioItem`, or `Menu.CheckboxItem`.
    */
   ItemLabel: Object.assign(ItemLabel, {
-    displayName: 'Menu.ItemLabel'
+    displayName: "Menu.ItemLabel"
   }),
   /**
    * Renders a menu item's help text. It should be wrapped with `Menu.Item`,
    * `Menu.RadioItem`, or `Menu.CheckboxItem`.
    */
   ItemHelpText: Object.assign(ItemHelpText, {
-    displayName: 'Menu.ItemHelpText'
+    displayName: "Menu.ItemHelpText"
   }),
   /**
    * Renders a dropdown menu element that's controlled by a sibling
@@ -163,14 +136,14 @@ export const Menu = Object.assign(contextConnectWithoutRef(UnconnectedMenu, 'Men
    * and `Menu` (for nested dropdown menus).
    */
   Popover: Object.assign(Popover, {
-    displayName: 'Menu.Popover'
+    displayName: "Menu.Popover"
   }),
   /**
    * Renders a menu button that toggles the visibility of a sibling
    * `Menu.Popover` component when clicked or when using arrow keys.
    */
   TriggerButton: Object.assign(TriggerButton, {
-    displayName: 'Menu.TriggerButton'
+    displayName: "Menu.TriggerButton"
   }),
   /**
    * Renders a menu item that toggles the visibility of a sibling
@@ -179,8 +152,12 @@ export const Menu = Object.assign(contextConnectWithoutRef(UnconnectedMenu, 'Men
    * This component is used to create a nested dropdown menu.
    */
   SubmenuTriggerItem: Object.assign(SubmenuTriggerItem, {
-    displayName: 'Menu.SubmenuTriggerItem'
+    displayName: "Menu.SubmenuTriggerItem"
   })
 });
-export default Menu;
-//# sourceMappingURL=index.js.map
+var menu_default = Menu;
+export {
+  Menu,
+  menu_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["Ariakit","useContext","useMemo","isRTL","isRTLFn","useContextSystem","contextConnectWithoutRef","Context","Item","CheckboxItem","RadioItem","Group","GroupLabel","Separator","ItemLabel","ItemHelpText","TriggerButton","SubmenuTriggerItem","Popover","jsx","_jsx","UnconnectedMenu","props","children","defaultOpen","open","onOpenChange","placement","variant","parentContext","rtl","computedPlacement","store","test","replace","menuStore","useMenuStore","parent","focusLoop","setOpen","willBeOpen","contextValue","Provider","value","Menu","Object","assign","displayName"],"sources":["@wordpress/components/src/menu/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport { useContext, useMemo } from '@wordpress/element';\nimport { isRTL as isRTLFn } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem, contextConnectWithoutRef } from '../context';\nimport type { ContextProps, Props } from './types';\nimport { Context } from './context';\nimport { Item } from './item';\nimport { CheckboxItem } from './checkbox-item';\nimport { RadioItem } from './radio-item';\nimport { Group } from './group';\nimport { GroupLabel } from './group-label';\nimport { Separator } from './separator';\nimport { ItemLabel } from './item-label';\nimport { ItemHelpText } from './item-help-text';\nimport { TriggerButton } from './trigger-button';\nimport { SubmenuTriggerItem } from './submenu-trigger-item';\nimport { Popover } from './popover';\n\nconst UnconnectedMenu = ( props: Props ) => {\n\tconst {\n\t\tchildren,\n\t\tdefaultOpen = false,\n\t\topen,\n\t\tonOpenChange,\n\t\tplacement,\n\n\t\t// From internal components context\n\t\tvariant,\n\t} = useContextSystem<\n\t\t// @ts-expect-error TODO: missing 'className' in MenuProps\n\t\ttypeof props & Pick< ContextProps, 'variant' >\n\t>( props, 'Menu' );\n\n\tconst parentContext = useContext( Context );\n\n\tconst rtl = isRTLFn();\n\n\t// If an explicit value for the `placement` prop is not passed,\n\t// apply a default placement of `bottom-start` for the root menu popover,\n\t// and of `right-start` for nested menu popovers.\n\tlet computedPlacement =\n\t\tplacement ?? ( parentContext?.store ? 'right-start' : 'bottom-start' );\n\t// Swap left/right in case of RTL direction\n\tif ( rtl ) {\n\t\tif ( /right/.test( computedPlacement ) ) {\n\t\t\tcomputedPlacement = computedPlacement.replace(\n\t\t\t\t'right',\n\t\t\t\t'left'\n\t\t\t) as typeof computedPlacement;\n\t\t} else if ( /left/.test( computedPlacement ) ) {\n\t\t\tcomputedPlacement = computedPlacement.replace(\n\t\t\t\t'left',\n\t\t\t\t'right'\n\t\t\t) as typeof computedPlacement;\n\t\t}\n\t}\n\n\tconst menuStore = Ariakit.useMenuStore( {\n\t\tparent: parentContext?.store,\n\t\topen,\n\t\tdefaultOpen,\n\t\tplacement: computedPlacement,\n\t\tfocusLoop: true,\n\t\tsetOpen( willBeOpen ) {\n\t\t\tonOpenChange?.( willBeOpen );\n\t\t},\n\t\trtl,\n\t} );\n\n\tconst contextValue = useMemo(\n\t\t() => ( { store: menuStore, variant } ),\n\t\t[ menuStore, variant ]\n\t);\n\n\treturn (\n\t\t<Context.Provider value={ contextValue }>{ children }</Context.Provider>\n\t);\n};\n\n/**\n * Menu is a collection of React components that combine to render\n * ARIA-compliant [menu](https://www.w3.org/WAI/ARIA/apg/patterns/menu/) and\n * [menu button](https://www.w3.org/WAI/ARIA/apg/patterns/menubutton/) patterns.\n *\n * `Menu` itself is a wrapper component and context provider.\n * It is responsible for managing the state of the menu and its items, and for\n * rendering the `Menu.TriggerButton` (or the `Menu.SubmenuTriggerItem`)\n * component, and the `Menu.Popover` component.\n */\nexport const Menu = Object.assign(\n\tcontextConnectWithoutRef( UnconnectedMenu, 'Menu' ),\n\t{\n\t\tContext: Object.assign( Context, {\n\t\t\tdisplayName: 'Menu.Context',\n\t\t} ),\n\t\t/**\n\t\t * Renders a menu item inside the `Menu.Popover` or `Menu.Group` components.\n\t\t *\n\t\t * It can optionally contain one instance of the `Menu.ItemLabel` component\n\t\t * and one instance of the `Menu.ItemHelpText` component.\n\t\t */\n\t\tItem: Object.assign( Item, {\n\t\t\tdisplayName: 'Menu.Item',\n\t\t} ),\n\t\t/**\n\t\t * Renders a radio menu item inside the `Menu.Popover` or `Menu.Group`\n\t\t * components.\n\t\t *\n\t\t * It can optionally contain one instance of the `Menu.ItemLabel` component\n\t\t * and one instance of the `Menu.ItemHelpText` component.\n\t\t */\n\t\tRadioItem: Object.assign( RadioItem, {\n\t\t\tdisplayName: 'Menu.RadioItem',\n\t\t} ),\n\t\t/**\n\t\t * Renders a checkbox menu item inside the `Menu.Popover` or `Menu.Group`\n\t\t * components.\n\t\t *\n\t\t * It can optionally contain one instance of the `Menu.ItemLabel` component\n\t\t * and one instance of the `Menu.ItemHelpText` component.\n\t\t */\n\t\tCheckboxItem: Object.assign( CheckboxItem, {\n\t\t\tdisplayName: 'Menu.CheckboxItem',\n\t\t} ),\n\t\t/**\n\t\t * Renders a group for menu items.\n\t\t *\n\t\t * It should contain one instance of `Menu.GroupLabel` and one or more\n\t\t * instances of `Menu.Item`, `Menu.RadioItem`, or `Menu.CheckboxItem`.\n\t\t */\n\t\tGroup: Object.assign( Group, {\n\t\t\tdisplayName: 'Menu.Group',\n\t\t} ),\n\t\t/**\n\t\t * Renders a label in a menu group.\n\t\t *\n\t\t * This component should be wrapped with `Menu.Group` so the\n\t\t * `aria-labelledby` is correctly set on the group element.\n\t\t */\n\t\tGroupLabel: Object.assign( GroupLabel, {\n\t\t\tdisplayName: 'Menu.GroupLabel',\n\t\t} ),\n\t\t/**\n\t\t * Renders a divider between menu items or menu groups.\n\t\t */\n\t\tSeparator: Object.assign( Separator, {\n\t\t\tdisplayName: 'Menu.Separator',\n\t\t} ),\n\t\t/**\n\t\t * Renders a menu item's label text. It should be wrapped with `Menu.Item`,\n\t\t * `Menu.RadioItem`, or `Menu.CheckboxItem`.\n\t\t */\n\t\tItemLabel: Object.assign( ItemLabel, {\n\t\t\tdisplayName: 'Menu.ItemLabel',\n\t\t} ),\n\t\t/**\n\t\t * Renders a menu item's help text. It should be wrapped with `Menu.Item`,\n\t\t * `Menu.RadioItem`, or `Menu.CheckboxItem`.\n\t\t */\n\t\tItemHelpText: Object.assign( ItemHelpText, {\n\t\t\tdisplayName: 'Menu.ItemHelpText',\n\t\t} ),\n\t\t/**\n\t\t * Renders a dropdown menu element that's controlled by a sibling\n\t\t * `Menu.TriggerButton` component. It renders a popover and automatically\n\t\t * focuses on items when the menu is shown.\n\t\t *\n\t\t * The only valid children of `Menu.Popover` are `Menu.Item`,\n\t\t * `Menu.RadioItem`, `Menu.CheckboxItem`, `Menu.Group`, `Menu.Separator`,\n\t\t * and `Menu` (for nested dropdown menus).\n\t\t */\n\t\tPopover: Object.assign( Popover, {\n\t\t\tdisplayName: 'Menu.Popover',\n\t\t} ),\n\t\t/**\n\t\t * Renders a menu button that toggles the visibility of a sibling\n\t\t * `Menu.Popover` component when clicked or when using arrow keys.\n\t\t */\n\t\tTriggerButton: Object.assign( TriggerButton, {\n\t\t\tdisplayName: 'Menu.TriggerButton',\n\t\t} ),\n\t\t/**\n\t\t * Renders a menu item that toggles the visibility of a sibling\n\t\t * `Menu.Popover` component when clicked or when using arrow keys.\n\t\t *\n\t\t * This component is used to create a nested dropdown menu.\n\t\t */\n\t\tSubmenuTriggerItem: Object.assign( SubmenuTriggerItem, {\n\t\t\tdisplayName: 'Menu.SubmenuTriggerItem',\n\t\t} ),\n\t}\n);\n\nexport default Menu;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/menu/index.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport { useContext, useMemo } from '@wordpress/element';\nimport { isRTL as isRTLFn } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem, contextConnectWithoutRef } from '../context';\nimport { Context } from './context';\nimport { Item } from './item';\nimport { CheckboxItem } from './checkbox-item';\nimport { RadioItem } from './radio-item';\nimport { Group } from './group';\nimport { GroupLabel } from './group-label';\nimport { Separator } from './separator';\nimport { ItemLabel } from './item-label';\nimport { ItemHelpText } from './item-help-text';\nimport { TriggerButton } from './trigger-button';\nimport { SubmenuTriggerItem } from './submenu-trigger-item';\nimport { Popover } from './popover';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst UnconnectedMenu = props => {\n  const {\n    children,\n    defaultOpen = false,\n    open,\n    onOpenChange,\n    placement,\n    // From internal components context\n    variant\n  } = useContextSystem(props, 'Menu');\n  const parentContext = useContext(Context);\n  const rtl = isRTLFn();\n\n  // If an explicit value for the `placement` prop is not passed,\n  // apply a default placement of `bottom-start` for the root menu popover,\n  // and of `right-start` for nested menu popovers.\n  let computedPlacement = placement !== null && placement !== void 0 ? placement : parentContext?.store ? 'right-start' : 'bottom-start';\n  // Swap left/right in case of RTL direction\n  if (rtl) {\n    if (/right/.test(computedPlacement)) {\n      computedPlacement = computedPlacement.replace('right', 'left');\n    } else if (/left/.test(computedPlacement)) {\n      computedPlacement = computedPlacement.replace('left', 'right');\n    }\n  }\n  const menuStore = Ariakit.useMenuStore({\n    parent: parentContext?.store,\n    open,\n    defaultOpen,\n    placement: computedPlacement,\n    focusLoop: true,\n    setOpen(willBeOpen) {\n      onOpenChange?.(willBeOpen);\n    },\n    rtl\n  });\n  const contextValue = useMemo(() => ({\n    store: menuStore,\n    variant\n  }), [menuStore, variant]);\n  return /*#__PURE__*/_jsx(Context.Provider, {\n    value: contextValue,\n    children: children\n  });\n};\n\n/**\n * Menu is a collection of React components that combine to render\n * ARIA-compliant [menu](https://www.w3.org/WAI/ARIA/apg/patterns/menu/) and\n * [menu button](https://www.w3.org/WAI/ARIA/apg/patterns/menubutton/) patterns.\n *\n * `Menu` itself is a wrapper component and context provider.\n * It is responsible for managing the state of the menu and its items, and for\n * rendering the `Menu.TriggerButton` (or the `Menu.SubmenuTriggerItem`)\n * component, and the `Menu.Popover` component.\n */\nexport const Menu = Object.assign(contextConnectWithoutRef(UnconnectedMenu, 'Menu'), {\n  Context: Object.assign(Context, {\n    displayName: 'Menu.Context'\n  }),\n  /**\n   * Renders a menu item inside the `Menu.Popover` or `Menu.Group` components.\n   *\n   * It can optionally contain one instance of the `Menu.ItemLabel` component\n   * and one instance of the `Menu.ItemHelpText` component.\n   */\n  Item: Object.assign(Item, {\n    displayName: 'Menu.Item'\n  }),\n  /**\n   * Renders a radio menu item inside the `Menu.Popover` or `Menu.Group`\n   * components.\n   *\n   * It can optionally contain one instance of the `Menu.ItemLabel` component\n   * and one instance of the `Menu.ItemHelpText` component.\n   */\n  RadioItem: Object.assign(RadioItem, {\n    displayName: 'Menu.RadioItem'\n  }),\n  /**\n   * Renders a checkbox menu item inside the `Menu.Popover` or `Menu.Group`\n   * components.\n   *\n   * It can optionally contain one instance of the `Menu.ItemLabel` component\n   * and one instance of the `Menu.ItemHelpText` component.\n   */\n  CheckboxItem: Object.assign(CheckboxItem, {\n    displayName: 'Menu.CheckboxItem'\n  }),\n  /**\n   * Renders a group for menu items.\n   *\n   * It should contain one instance of `Menu.GroupLabel` and one or more\n   * instances of `Menu.Item`, `Menu.RadioItem`, or `Menu.CheckboxItem`.\n   */\n  Group: Object.assign(Group, {\n    displayName: 'Menu.Group'\n  }),\n  /**\n   * Renders a label in a menu group.\n   *\n   * This component should be wrapped with `Menu.Group` so the\n   * `aria-labelledby` is correctly set on the group element.\n   */\n  GroupLabel: Object.assign(GroupLabel, {\n    displayName: 'Menu.GroupLabel'\n  }),\n  /**\n   * Renders a divider between menu items or menu groups.\n   */\n  Separator: Object.assign(Separator, {\n    displayName: 'Menu.Separator'\n  }),\n  /**\n   * Renders a menu item's label text. It should be wrapped with `Menu.Item`,\n   * `Menu.RadioItem`, or `Menu.CheckboxItem`.\n   */\n  ItemLabel: Object.assign(ItemLabel, {\n    displayName: 'Menu.ItemLabel'\n  }),\n  /**\n   * Renders a menu item's help text. It should be wrapped with `Menu.Item`,\n   * `Menu.RadioItem`, or `Menu.CheckboxItem`.\n   */\n  ItemHelpText: Object.assign(ItemHelpText, {\n    displayName: 'Menu.ItemHelpText'\n  }),\n  /**\n   * Renders a dropdown menu element that's controlled by a sibling\n   * `Menu.TriggerButton` component. It renders a popover and automatically\n   * focuses on items when the menu is shown.\n   *\n   * The only valid children of `Menu.Popover` are `Menu.Item`,\n   * `Menu.RadioItem`, `Menu.CheckboxItem`, `Menu.Group`, `Menu.Separator`,\n   * and `Menu` (for nested dropdown menus).\n   */\n  Popover: Object.assign(Popover, {\n    displayName: 'Menu.Popover'\n  }),\n  /**\n   * Renders a menu button that toggles the visibility of a sibling\n   * `Menu.Popover` component when clicked or when using arrow keys.\n   */\n  TriggerButton: Object.assign(TriggerButton, {\n    displayName: 'Menu.TriggerButton'\n  }),\n  /**\n   * Renders a menu item that toggles the visibility of a sibling\n   * `Menu.Popover` component when clicked or when using arrow keys.\n   *\n   * This component is used to create a nested dropdown menu.\n   */\n  SubmenuTriggerItem: Object.assign(SubmenuTriggerItem, {\n    displayName: 'Menu.SubmenuTriggerItem'\n  })\n});\nexport default Menu;"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/menu/item-help-text.js

@@ -1,24 +1,19 @@
-/**
- * WordPress dependencies
- */
-import { forwardRef, useContext } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-
-import { Context } from './context';
-import * as Styled from './styles';
+import { forwardRef, useContext } from "@wordpress/element";
+import { Context } from "./context";
+import * as Styled from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const ItemHelpText = forwardRef(function ItemHelpText(props, ref) {
+const ItemHelpText = forwardRef(function ItemHelpText2(props, ref) {
   const menuContext = useContext(Context);
   if (!menuContext?.store) {
-    throw new Error('Menu.ItemHelpText can only be rendered inside a Menu component');
+    throw new Error("Menu.ItemHelpText can only be rendered inside a Menu component");
   }
-  return /*#__PURE__*/_jsx(Styled.ItemHelpText, {
+  return /* @__PURE__ */ _jsx(Styled.ItemHelpText, {
     numberOfLines: 2,
-    ref: ref,
+    ref,
     ...props
   });
 });
-//# sourceMappingURL=item-help-text.js.map
+export {
+  ItemHelpText
+};
+//# sourceMappingURL=item-help-text.js.map

package/build-module/menu/item-help-text.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["forwardRef","useContext","Context","Styled","jsx","_jsx","ItemHelpText","props","ref","menuContext","store","Error","numberOfLines"],"sources":["@wordpress/components/src/menu/item-help-text.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport { Context } from './context';\nimport * as Styled from './styles';\n\nexport const ItemHelpText = forwardRef<\n\tHTMLSpanElement,\n\tWordPressComponentProps< { children: React.ReactNode }, 'span', true >\n>( function ItemHelpText( props, ref ) {\n\tconst menuContext = useContext( Context );\n\n\tif ( ! menuContext?.store ) {\n\t\tthrow new Error(\n\t\t\t'Menu.ItemHelpText can only be rendered inside a Menu component'\n\t\t);\n\t}\n\n\treturn <Styled.ItemHelpText numberOfLines={ 2 } ref={ ref } { ...props } />;\n} );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAU,EAAEC,UAAU,QAAQ,oBAAoB;;AAE3D;AACA;AACA;;AAEA,SAASC,OAAO,QAAQ,WAAW;AACnC,OAAO,KAAKC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnC,OAAO,MAAMC,YAAY,GAAGN,UAAU,CAGnC,SAASM,YAAYA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EACtC,MAAMC,WAAW,GAAGR,UAAU,CAAEC,OAAQ,CAAC;EAEzC,IAAK,CAAEO,WAAW,EAAEC,KAAK,EAAG;IAC3B,MAAM,IAAIC,KAAK,CACd,gEACD,CAAC;EACF;EAEA,oBAAON,IAAA,CAACF,MAAM,CAACG,YAAY;IAACM,aAAa,EAAG,CAAG;IAACJ,GAAG,EAAGA,GAAK;IAAA,GAAMD;EAAK,CAAI,CAAC;AAC5E,CAAE,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/menu/item-help-text.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nimport { Context } from './context';\nimport * as Styled from './styles';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const ItemHelpText = forwardRef(function ItemHelpText(props, ref) {\n  const menuContext = useContext(Context);\n  if (!menuContext?.store) {\n    throw new Error('Menu.ItemHelpText can only be rendered inside a Menu component');\n  }\n  return /*#__PURE__*/_jsx(Styled.ItemHelpText, {\n    numberOfLines: 2,\n    ref: ref,\n    ...props\n  });\n});"],
+  "mappings": "AAGA,SAAS,YAAY,kBAAkB;AAMvC,SAAS,eAAe;AACxB,YAAY,YAAY;AACxB,SAAS,OAAO,YAAY;AACrB,MAAM,eAAe,WAAW,SAASA,cAAa,OAAO,KAAK;AACvE,QAAM,cAAc,WAAW,OAAO;AACtC,MAAI,CAAC,aAAa,OAAO;AACvB,UAAM,IAAI,MAAM,gEAAgE;AAAA,EAClF;AACA,SAAoB,qBAAK,OAAO,cAAc;AAAA,IAC5C,eAAe;AAAA,IACf;AAAA,IACA,GAAG;AAAA,EACL,CAAC;AACH,CAAC;",
+  "names": ["ItemHelpText"]
+}