@wordpress/components 28.10.0 → 28.11.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["Ariakit","useStoreState","useContext","useMemo","cloneElement","isValidElement","useCallback","isRTL","chevronRightSmall","useContextSystem","contextConnect","Styled","MenuContext","MenuItem","MenuCheckboxItem","MenuRadioItem","MenuGroup","MenuGroupLabel","MenuSeparator","MenuItemLabel","MenuItemHelpText","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","UnconnectedMenu","props","ref","_props$placement","open","defaultOpen","onOpenChange","placement","trigger","gutter","children","shift","modal","variant","otherProps","parentContext","computedDirection","computedPlacement","store","test","replace","menuStore","useMenuStore","parent","focusLoop","setOpen","willBeOpen","rtl","contextValue","appliedPlacementSide","split","type","console","warn","hideOnEscape","event","preventDefault","wrapperProps","dir","style","direction","MenuButton","render","suffix","SubmenuChevronIcon","icon","size","preserveAspectRatio","Menu","hideOnHoverOutside","unmountOnHide","renderProps","MenuPopoverOuterWrapper","MenuPopoverInnerWrapper","Provider","value","Object","assign","Context","displayName","Item","RadioItem","CheckboxItem","Group","GroupLabel","Separator","ItemLabel","ItemHelpText"],"sources":["@wordpress/components/src/menu/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\nimport { useStoreState } from '@ariakit/react';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseContext,\n\tuseMemo,\n\tcloneElement,\n\tisValidElement,\n\tuseCallback,\n} from '@wordpress/element';\nimport { isRTL } from '@wordpress/i18n';\nimport { chevronRightSmall } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem, contextConnect } from '../context';\nimport type { WordPressComponentProps } from '../context';\nimport type { MenuContext as MenuContextType, MenuProps } from './types';\nimport * as Styled from './styles';\nimport { MenuContext } from './context';\nimport { MenuItem } from './item';\nimport { MenuCheckboxItem } from './checkbox-item';\nimport { MenuRadioItem } from './radio-item';\nimport { MenuGroup } from './group';\nimport { MenuGroupLabel } from './group-label';\nimport { MenuSeparator } from './separator';\nimport { MenuItemLabel } from './item-label';\nimport { MenuItemHelpText } from './item-help-text';\n\nconst UnconnectedMenu = (\n\tprops: WordPressComponentProps< MenuProps, 'div', false >,\n\tref: React.ForwardedRef< HTMLDivElement >\n) => {\n\tconst {\n\t\t// Store props\n\t\topen,\n\t\tdefaultOpen = false,\n\t\tonOpenChange,\n\t\tplacement,\n\n\t\t// Menu trigger props\n\t\ttrigger,\n\n\t\t// Menu props\n\t\tgutter,\n\t\tchildren,\n\t\tshift,\n\t\tmodal = true,\n\n\t\t// From internal components context\n\t\tvariant,\n\n\t\t// Rest\n\t\t...otherProps\n\t} = useContextSystem< typeof props & Pick< MenuContextType, 'variant' > >(\n\t\tprops,\n\t\t'Menu'\n\t);\n\n\tconst parentContext = useContext( MenuContext );\n\n\tconst computedDirection = isRTL() ? 'rtl' : 'ltr';\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\tprops.placement ??\n\t\t( parentContext?.store ? 'right-start' : 'bottom-start' );\n\t// Swap left/right in case of RTL direction\n\tif ( computedDirection === '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: computedDirection === 'rtl',\n\t} );\n\n\tconst contextValue = useMemo(\n\t\t() => ( { store: menuStore, variant } ),\n\t\t[ menuStore, variant ]\n\t);\n\n\t// Extract the side from the applied placement — useful for animations.\n\t// Using `currentPlacement` instead of `placement` to make sure that we\n\t// use the final computed placement (including \"flips\" etc).\n\tconst appliedPlacementSide = useStoreState(\n\t\tmenuStore,\n\t\t'currentPlacement'\n\t).split( '-' )[ 0 ];\n\n\tif (\n\t\tmenuStore.parent &&\n\t\t! ( isValidElement( trigger ) && MenuItem === trigger.type )\n\t) {\n\t\t// eslint-disable-next-line no-console\n\t\tconsole.warn(\n\t\t\t'For nested Menus, the `trigger` should always be a `MenuItem`.'\n\t\t);\n\t}\n\n\tconst hideOnEscape = useCallback(\n\t\t( event: React.KeyboardEvent< Element > ) => {\n\t\t\t// Pressing Escape can cause unexpected consequences (ie. exiting\n\t\t\t// full screen mode on MacOs, close parent modals...).\n\t\t\tevent.preventDefault();\n\t\t\t// Returning `true` causes the menu to hide.\n\t\t\treturn true;\n\t\t},\n\t\t[]\n\t);\n\n\tconst wrapperProps = useMemo(\n\t\t() => ( {\n\t\t\tdir: computedDirection,\n\t\t\tstyle: {\n\t\t\t\tdirection:\n\t\t\t\t\tcomputedDirection as React.CSSProperties[ 'direction' ],\n\t\t\t},\n\t\t} ),\n\t\t[ computedDirection ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ /* Menu trigger */ }\n\t\t\t<Ariakit.MenuButton\n\t\t\t\tref={ ref }\n\t\t\t\tstore={ menuStore }\n\t\t\t\trender={\n\t\t\t\t\tmenuStore.parent\n\t\t\t\t\t\t? cloneElement( trigger, {\n\t\t\t\t\t\t\t\t// Add submenu arrow, unless a `suffix` is explicitly specified\n\t\t\t\t\t\t\t\tsuffix: (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t{ trigger.props.suffix }\n\t\t\t\t\t\t\t\t\t\t<Styled.SubmenuChevronIcon\n\t\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\t\ticon={ chevronRightSmall }\n\t\t\t\t\t\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\t\t\t\t\t\tpreserveAspectRatio=\"xMidYMid slice\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t  } )\n\t\t\t\t\t\t: trigger\n\t\t\t\t}\n\t\t\t/>\n\n\t\t\t{ /* Menu popover */ }\n\t\t\t<Ariakit.Menu\n\t\t\t\t{ ...otherProps }\n\t\t\t\tmodal={ modal }\n\t\t\t\tstore={ menuStore }\n\t\t\t\t// Root menu has an 8px distance from its trigger,\n\t\t\t\t// otherwise 0 (which causes the submenu to slightly overlap)\n\t\t\t\tgutter={ gutter ?? ( menuStore.parent ? 0 : 8 ) }\n\t\t\t\t// Align nested menu by the same (but opposite) amount\n\t\t\t\t// as the menu container's padding.\n\t\t\t\tshift={ shift ?? ( menuStore.parent ? -4 : 0 ) }\n\t\t\t\thideOnHoverOutside={ false }\n\t\t\t\tdata-side={ appliedPlacementSide }\n\t\t\t\twrapperProps={ wrapperProps }\n\t\t\t\thideOnEscape={ hideOnEscape }\n\t\t\t\tunmountOnHide\n\t\t\t\trender={ ( renderProps ) => (\n\t\t\t\t\t// Two wrappers are needed for the entry animation, where the menu\n\t\t\t\t\t// container scales with a different factor than its contents.\n\t\t\t\t\t// The {...renderProps} are passed to the inner wrapper, so that the\n\t\t\t\t\t// menu element is the direct parent of the menu item elements.\n\t\t\t\t\t<Styled.MenuPopoverOuterWrapper variant={ variant }>\n\t\t\t\t\t\t<Styled.MenuPopoverInnerWrapper { ...renderProps } />\n\t\t\t\t\t</Styled.MenuPopoverOuterWrapper>\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<MenuContext.Provider value={ contextValue }>\n\t\t\t\t\t{ children }\n\t\t\t\t</MenuContext.Provider>\n\t\t\t</Ariakit.Menu>\n\t\t</>\n\t);\n};\n\nexport const Menu = Object.assign( contextConnect( UnconnectedMenu, 'Menu' ), {\n\tContext: Object.assign( MenuContext, {\n\t\tdisplayName: 'Menu.Context',\n\t} ),\n\tItem: Object.assign( MenuItem, {\n\t\tdisplayName: 'Menu.Item',\n\t} ),\n\tRadioItem: Object.assign( MenuRadioItem, {\n\t\tdisplayName: 'Menu.RadioItem',\n\t} ),\n\tCheckboxItem: Object.assign( MenuCheckboxItem, {\n\t\tdisplayName: 'Menu.CheckboxItem',\n\t} ),\n\tGroup: Object.assign( MenuGroup, {\n\t\tdisplayName: 'Menu.Group',\n\t} ),\n\tGroupLabel: Object.assign( MenuGroupLabel, {\n\t\tdisplayName: 'Menu.GroupLabel',\n\t} ),\n\tSeparator: Object.assign( MenuSeparator, {\n\t\tdisplayName: 'Menu.Separator',\n\t} ),\n\tItemLabel: Object.assign( MenuItemLabel, {\n\t\tdisplayName: 'Menu.ItemLabel',\n\t} ),\n\tItemHelpText: Object.assign( MenuItemHelpText, {\n\t\tdisplayName: 'Menu.ItemHelpText',\n\t} ),\n} );\n\nexport default Menu;\n"],"mappings":"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","ignoreList":[]}

package/build-module/{dropdown-menu-v2 → menu}/item-help-text.js

@@ -9,8 +9,8 @@ import { forwardRef } from '@wordpress/element';
 
 import * as Styled from './styles';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const DropdownMenuItemHelpText = forwardRef(function DropdownMenuItemHelpText(props, ref) {
-  return /*#__PURE__*/_jsx(Styled.DropdownMenuItemHelpText, {
+export const MenuItemHelpText = forwardRef(function MenuItemHelpText(props, ref) {
+  return /*#__PURE__*/_jsx(Styled.MenuItemHelpText, {
     numberOfLines: 2,
     ref: ref,
     ...props

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Styled","jsx","_jsx","MenuItemHelpText","props","ref","numberOfLines"],"sources":["@wordpress/components/src/menu/item-help-text.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport * as Styled from './styles';\n\nexport const MenuItemHelpText = forwardRef<\n\tHTMLSpanElement,\n\tWordPressComponentProps< { children: React.ReactNode }, 'span', true >\n>( function MenuItemHelpText( props, ref ) {\n\treturn (\n\t\t<Styled.MenuItemHelpText numberOfLines={ 2 } ref={ ref } { ...props } />\n\t);\n} );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;;AAEA,OAAO,KAAKC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnC,OAAO,MAAMC,gBAAgB,GAAGJ,UAAU,CAGvC,SAASI,gBAAgBA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EAC1C,oBACCH,IAAA,CAACF,MAAM,CAACG,gBAAgB;IAACG,aAAa,EAAG,CAAG;IAACD,GAAG,EAAGA,GAAK;IAAA,GAAMD;EAAK,CAAI,CAAC;AAE1E,CAAE,CAAC","ignoreList":[]}

package/build-module/{dropdown-menu-v2 → menu}/item-label.js

@@ -9,8 +9,8 @@ import { forwardRef } from '@wordpress/element';
 
 import * as Styled from './styles';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const DropdownMenuItemLabel = forwardRef(function DropdownMenuItemLabel(props, ref) {
-  return /*#__PURE__*/_jsx(Styled.DropdownMenuItemLabel, {
+export const MenuItemLabel = forwardRef(function MenuItemLabel(props, ref) {
+  return /*#__PURE__*/_jsx(Styled.MenuItemLabel, {
     numberOfLines: 1,
     ref: ref,
     ...props

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Styled","jsx","_jsx","MenuItemLabel","props","ref","numberOfLines"],"sources":["@wordpress/components/src/menu/item-label.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport * as Styled from './styles';\n\nexport const MenuItemLabel = forwardRef<\n\tHTMLSpanElement,\n\tWordPressComponentProps< { children: React.ReactNode }, 'span', true >\n>( function MenuItemLabel( props, ref ) {\n\treturn (\n\t\t<Styled.MenuItemLabel numberOfLines={ 1 } ref={ ref } { ...props } />\n\t);\n} );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;;AAEA,OAAO,KAAKC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnC,OAAO,MAAMC,aAAa,GAAGJ,UAAU,CAGpC,SAASI,aAAaA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EACvC,oBACCH,IAAA,CAACF,MAAM,CAACG,aAAa;IAACG,aAAa,EAAG,CAAG;IAACD,GAAG,EAAGA,GAAK;IAAA,GAAMD;EAAK,CAAI,CAAC;AAEvE,CAAE,CAAC","ignoreList":[]}

package/build-module/{dropdown-menu-v2 → menu}/item.js

@@ -8,10 +8,10 @@ import { forwardRef, useContext } from '@wordpress/element';
  */
 
 import * as Styled from './styles';
-import { DropdownMenuContext } from './context';
+import { MenuContext } from './context';
 import { useTemporaryFocusVisibleFix } from './use-temporary-focus-visible-fix';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const DropdownMenuItem = forwardRef(function DropdownMenuItem({
+export const MenuItem = forwardRef(function MenuItem({
   prefix,
   suffix,
   children,
@@ -23,18 +23,18 @@ export const DropdownMenuItem = forwardRef(function DropdownMenuItem({
   const focusVisibleFixProps = useTemporaryFocusVisibleFix({
     onBlur
   });
-  const dropdownMenuContext = useContext(DropdownMenuContext);
-  return /*#__PURE__*/_jsxs(Styled.DropdownMenuItem, {
+  const menuContext = useContext(MenuContext);
+  return /*#__PURE__*/_jsxs(Styled.MenuItem, {
     ref: ref,
     ...props,
     ...focusVisibleFixProps,
     accessibleWhenDisabled: true,
     hideOnClick: hideOnClick,
-    store: dropdownMenuContext?.store,
+    store: menuContext?.store,
     children: [/*#__PURE__*/_jsx(Styled.ItemPrefixWrapper, {
       children: prefix
-    }), /*#__PURE__*/_jsxs(Styled.DropdownMenuItemContentWrapper, {
-      children: [/*#__PURE__*/_jsx(Styled.DropdownMenuItemChildrenWrapper, {
+    }), /*#__PURE__*/_jsxs(Styled.MenuItemContentWrapper, {
+      children: [/*#__PURE__*/_jsx(Styled.MenuItemChildrenWrapper, {
         children: children
       }), suffix && /*#__PURE__*/_jsx(Styled.ItemSuffixWrapper, {
         children: suffix

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useContext","Styled","MenuContext","useTemporaryFocusVisibleFix","jsx","_jsx","jsxs","_jsxs","MenuItem","prefix","suffix","children","onBlur","hideOnClick","props","ref","focusVisibleFixProps","menuContext","accessibleWhenDisabled","store","ItemPrefixWrapper","MenuItemContentWrapper","MenuItemChildrenWrapper","ItemSuffixWrapper"],"sources":["@wordpress/components/src/menu/item.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport type { MenuItemProps } from './types';\nimport * as Styled from './styles';\nimport { MenuContext } from './context';\nimport { useTemporaryFocusVisibleFix } from './use-temporary-focus-visible-fix';\n\nexport const MenuItem = forwardRef<\n\tHTMLDivElement,\n\tWordPressComponentProps< MenuItemProps, 'div', false >\n>( function MenuItem(\n\t{ prefix, suffix, children, onBlur, hideOnClick = true, ...props },\n\tref\n) {\n\t// TODO: Remove when https://github.com/ariakit/ariakit/issues/4083 is fixed\n\tconst focusVisibleFixProps = useTemporaryFocusVisibleFix( { onBlur } );\n\tconst menuContext = useContext( MenuContext );\n\n\treturn (\n\t\t<Styled.MenuItem\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\t{ ...focusVisibleFixProps }\n\t\t\taccessibleWhenDisabled\n\t\t\thideOnClick={ hideOnClick }\n\t\t\tstore={ menuContext?.store }\n\t\t>\n\t\t\t<Styled.ItemPrefixWrapper>{ prefix }</Styled.ItemPrefixWrapper>\n\n\t\t\t<Styled.MenuItemContentWrapper>\n\t\t\t\t<Styled.MenuItemChildrenWrapper>\n\t\t\t\t\t{ children }\n\t\t\t\t</Styled.MenuItemChildrenWrapper>\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.MenuItemContentWrapper>\n\t\t</Styled.MenuItem>\n\t);\n} );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAU,EAAEC,UAAU,QAAQ,oBAAoB;;AAE3D;AACA;AACA;;AAGA,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,SAASC,WAAW,QAAQ,WAAW;AACvC,SAASC,2BAA2B,QAAQ,mCAAmC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEhF,OAAO,MAAMC,QAAQ,GAAGT,UAAU,CAG/B,SAASS,QAAQA,CACnB;EAAEC,MAAM;EAAEC,MAAM;EAAEC,QAAQ;EAAEC,MAAM;EAAEC,WAAW,GAAG,IAAI;EAAE,GAAGC;AAAM,CAAC,EAClEC,GAAG,EACF;EACD;EACA,MAAMC,oBAAoB,GAAGb,2BAA2B,CAAE;IAAES;EAAO,CAAE,CAAC;EACtE,MAAMK,WAAW,GAAGjB,UAAU,CAAEE,WAAY,CAAC;EAE7C,oBACCK,KAAA,CAACN,MAAM,CAACO,QAAQ;IACfO,GAAG,EAAGA,GAAK;IAAA,GACND,KAAK;IAAA,GACLE,oBAAoB;IACzBE,sBAAsB;IACtBL,WAAW,EAAGA,WAAa;IAC3BM,KAAK,EAAGF,WAAW,EAAEE,KAAO;IAAAR,QAAA,gBAE5BN,IAAA,CAACJ,MAAM,CAACmB,iBAAiB;MAAAT,QAAA,EAAGF;IAAM,CAA4B,CAAC,eAE/DF,KAAA,CAACN,MAAM,CAACoB,sBAAsB;MAAAV,QAAA,gBAC7BN,IAAA,CAACJ,MAAM,CAACqB,uBAAuB;QAAAX,QAAA,EAC5BA;MAAQ,CACqB,CAAC,EAE/BD,MAAM,iBACPL,IAAA,CAACJ,MAAM,CAACsB,iBAAiB;QAAAZ,QAAA,EACtBD;MAAM,CACiB,CAC1B;IAAA,CAC6B,CAAC;EAAA,CAChB,CAAC;AAEpB,CAAE,CAAC","ignoreList":[]}

package/build-module/{dropdown-menu-v2 → menu}/radio-item.js

@@ -13,7 +13,7 @@ import { Icon } from '@wordpress/icons';
  * Internal dependencies
  */
 
-import { DropdownMenuContext } from './context';
+import { MenuContext } from './context';
 import * as Styled from './styles';
 import { SVG, Circle } from '@wordpress/primitives';
 import { useTemporaryFocusVisibleFix } from './use-temporary-focus-visible-fix';
@@ -27,7 +27,7 @@ const radioCheck = /*#__PURE__*/_jsx(SVG, {
     r: 3
   })
 });
-export const DropdownMenuRadioItem = forwardRef(function DropdownMenuRadioItem({
+export const MenuRadioItem = forwardRef(function MenuRadioItem({
   suffix,
   children,
   onBlur,
@@ -38,16 +38,16 @@ export const DropdownMenuRadioItem = forwardRef(function DropdownMenuRadioItem({
   const focusVisibleFixProps = useTemporaryFocusVisibleFix({
     onBlur
   });
-  const dropdownMenuContext = useContext(DropdownMenuContext);
-  return /*#__PURE__*/_jsxs(Styled.DropdownMenuRadioItem, {
+  const menuContext = useContext(MenuContext);
+  return /*#__PURE__*/_jsxs(Styled.MenuRadioItem, {
     ref: ref,
     ...props,
     ...focusVisibleFixProps,
     accessibleWhenDisabled: true,
     hideOnClick: hideOnClick,
-    store: dropdownMenuContext?.store,
+    store: menuContext?.store,
     children: [/*#__PURE__*/_jsx(Ariakit.MenuItemCheck, {
-      store: dropdownMenuContext?.store,
+      store: menuContext?.store,
       render: /*#__PURE__*/_jsx(Styled.ItemPrefixWrapper, {})
       // Override some ariakit inline styles
       ,
@@ -59,8 +59,8 @@ export const DropdownMenuRadioItem = forwardRef(function DropdownMenuRadioItem({
         icon: radioCheck,
         size: 24
       })
-    }), /*#__PURE__*/_jsxs(Styled.DropdownMenuItemContentWrapper, {
-      children: [/*#__PURE__*/_jsx(Styled.DropdownMenuItemChildrenWrapper, {
+    }), /*#__PURE__*/_jsxs(Styled.MenuItemContentWrapper, {
+      children: [/*#__PURE__*/_jsx(Styled.MenuItemChildrenWrapper, {
         children: children
       }), suffix && /*#__PURE__*/_jsx(Styled.ItemSuffixWrapper, {
         children: suffix

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

@@ -0,0 +1 @@
+{"version":3,"names":["Ariakit","forwardRef","useContext","Icon","MenuContext","Styled","SVG","Circle","useTemporaryFocusVisibleFix","jsx","_jsx","jsxs","_jsxs","radioCheck","xmlns","viewBox","children","cx","cy","r","MenuRadioItem","suffix","onBlur","hideOnClick","props","ref","focusVisibleFixProps","menuContext","accessibleWhenDisabled","store","MenuItemCheck","render","ItemPrefixWrapper","style","width","height","icon","size","MenuItemContentWrapper","MenuItemChildrenWrapper","ItemSuffixWrapper"],"sources":["@wordpress/components/src/menu/radio-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 } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport { MenuContext } from './context';\nimport type { MenuRadioItemProps } from './types';\nimport * as Styled from './styles';\nimport { SVG, Circle } from '@wordpress/primitives';\nimport { useTemporaryFocusVisibleFix } from './use-temporary-focus-visible-fix';\n\nconst radioCheck = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Circle cx={ 12 } cy={ 12 } r={ 3 }></Circle>\n\t</SVG>\n);\n\nexport const MenuRadioItem = forwardRef<\n\tHTMLDivElement,\n\tWordPressComponentProps< MenuRadioItemProps, 'div', false >\n>( function MenuRadioItem(\n\t{ suffix, children, onBlur, hideOnClick = false, ...props },\n\tref\n) {\n\t// TODO: Remove when https://github.com/ariakit/ariakit/issues/4083 is fixed\n\tconst focusVisibleFixProps = useTemporaryFocusVisibleFix( { onBlur } );\n\tconst menuContext = useContext( MenuContext );\n\n\treturn (\n\t\t<Styled.MenuRadioItem\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\t{ ...focusVisibleFixProps }\n\t\t\taccessibleWhenDisabled\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={ radioCheck } size={ 24 } />\n\t\t\t</Ariakit.MenuItemCheck>\n\n\t\t\t<Styled.MenuItemContentWrapper>\n\t\t\t\t<Styled.MenuItemChildrenWrapper>\n\t\t\t\t\t{ children }\n\t\t\t\t</Styled.MenuItemChildrenWrapper>\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.MenuItemContentWrapper>\n\t\t</Styled.MenuRadioItem>\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,QAAQ,kBAAkB;;AAEvC;AACA;AACA;;AAEA,SAASC,WAAW,QAAQ,WAAW;AAEvC,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,SAASC,GAAG,EAAEC,MAAM,QAAQ,uBAAuB;AACnD,SAASC,2BAA2B,QAAQ,mCAAmC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEhF,MAAMC,UAAU,gBACfH,IAAA,CAACJ,GAAG;EAACQ,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC,WAAW;EAAAC,QAAA,eAC1DN,IAAA,CAACH,MAAM;IAACU,EAAE,EAAG,EAAI;IAACC,EAAE,EAAG,EAAI;IAACC,CAAC,EAAG;EAAG,CAAS;AAAC,CACzC,CACL;AAED,OAAO,MAAMC,aAAa,GAAGnB,UAAU,CAGpC,SAASmB,aAAaA,CACxB;EAAEC,MAAM;EAAEL,QAAQ;EAAEM,MAAM;EAAEC,WAAW,GAAG,KAAK;EAAE,GAAGC;AAAM,CAAC,EAC3DC,GAAG,EACF;EACD;EACA,MAAMC,oBAAoB,GAAGlB,2BAA2B,CAAE;IAAEc;EAAO,CAAE,CAAC;EACtE,MAAMK,WAAW,GAAGzB,UAAU,CAAEE,WAAY,CAAC;EAE7C,oBACCQ,KAAA,CAACP,MAAM,CAACe,aAAa;IACpBK,GAAG,EAAGA,GAAK;IAAA,GACND,KAAK;IAAA,GACLE,oBAAoB;IACzBE,sBAAsB;IACtBL,WAAW,EAAGA,WAAa;IAC3BM,KAAK,EAAGF,WAAW,EAAEE,KAAO;IAAAb,QAAA,gBAE5BN,IAAA,CAACV,OAAO,CAAC8B,aAAa;MACrBD,KAAK,EAAGF,WAAW,EAAEE,KAAO;MAC5BE,MAAM,eAAGrB,IAAA,CAACL,MAAM,CAAC2B,iBAAiB,IAAE;MACpC;MAAA;MACAC,KAAK,EAAG;QAAEC,KAAK,EAAE,MAAM;QAAEC,MAAM,EAAE;MAAO,CAAG;MAAAnB,QAAA,eAE3CN,IAAA,CAACP,IAAI;QAACiC,IAAI,EAAGvB,UAAY;QAACwB,IAAI,EAAG;MAAI,CAAE;IAAC,CAClB,CAAC,eAExBzB,KAAA,CAACP,MAAM,CAACiC,sBAAsB;MAAAtB,QAAA,gBAC7BN,IAAA,CAACL,MAAM,CAACkC,uBAAuB;QAAAvB,QAAA,EAC5BA;MAAQ,CACqB,CAAC,EAE/BK,MAAM,iBACPX,IAAA,CAACL,MAAM,CAACmC,iBAAiB;QAAAxB,QAAA,EACtBK;MAAM,CACiB,CAC1B;IAAA,CAC6B,CAAC;EAAA,CACX,CAAC;AAEzB,CAAE,CAAC","ignoreList":[]}

package/build-module/menu/separator.js

@@ -0,0 +1,22 @@
+/**
+ * WordPress dependencies
+ */
+import { forwardRef, useContext } from '@wordpress/element';
+
+/**
+ * Internal dependencies
+ */
+
+import { MenuContext } from './context';
+import * as Styled from './styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const MenuSeparator = forwardRef(function MenuSeparator(props, ref) {
+  const menuContext = useContext(MenuContext);
+  return /*#__PURE__*/_jsx(Styled.MenuSeparator, {
+    ref: ref,
+    ...props,
+    store: menuContext?.store,
+    variant: menuContext?.variant
+  });
+});
+//# sourceMappingURL=separator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useContext","MenuContext","Styled","jsx","_jsx","MenuSeparator","props","ref","menuContext","store","variant"],"sources":["@wordpress/components/src/menu/separator.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport { MenuContext } from './context';\nimport type { MenuSeparatorProps } from './types';\nimport * as Styled from './styles';\n\nexport const MenuSeparator = forwardRef<\n\tHTMLHRElement,\n\tWordPressComponentProps< MenuSeparatorProps, 'hr', false >\n>( function MenuSeparator( props, ref ) {\n\tconst menuContext = useContext( MenuContext );\n\treturn (\n\t\t<Styled.MenuSeparator\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\tstore={ menuContext?.store }\n\t\t\tvariant={ menuContext?.variant }\n\t\t/>\n\t);\n} );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAU,EAAEC,UAAU,QAAQ,oBAAoB;;AAE3D;AACA;AACA;;AAEA,SAASC,WAAW,QAAQ,WAAW;AAEvC,OAAO,KAAKC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnC,OAAO,MAAMC,aAAa,GAAGN,UAAU,CAGpC,SAASM,aAAaA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EACvC,MAAMC,WAAW,GAAGR,UAAU,CAAEC,WAAY,CAAC;EAC7C,oBACCG,IAAA,CAACF,MAAM,CAACG,aAAa;IACpBE,GAAG,EAAGA,GAAK;IAAA,GACND,KAAK;IACVG,KAAK,EAAGD,WAAW,EAAEC,KAAO;IAC5BC,OAAO,EAAGF,WAAW,EAAEE;EAAS,CAChC,CAAC;AAEJ,CAAE,CAAC","ignoreList":[]}