@wordpress/components 25.0.0 → 25.1.1

package/build-module/dropdown-menu-v2/index.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import { createElement, Fragment } from "@wordpress/element";
 
 /**
@@ -9,7 +8,7 @@ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
  * WordPress dependencies
  */
 
-import { forwardRef } from '@wordpress/element';
+import { forwardRef, createContext, useContext, useMemo } from '@wordpress/element';
 import { isRTL } from '@wordpress/i18n';
 import { check, chevronRightSmall, lineSolid } from '@wordpress/icons';
 import { SVG, Circle } from '@wordpress/primitives';
@@ -17,19 +16,22 @@ import { SVG, Circle } from '@wordpress/primitives';
  * Internal dependencies
  */
 
+import { useContextSystem, contextConnectWithoutRef } from '../ui/context';
+import { useSlot } from '../slot-fill';
 import Icon from '../icon';
+import { SLOT_NAME as POPOVER_DEFAULT_SLOT_NAME } from '../popover';
 import * as DropdownMenuStyled from './styles';
 // Menu content's side padding + 4px
-const SUB_MENU_OFFSET_SIDE = 12; // Opposite amount of the top padding of the menu item
+const SUB_MENU_OFFSET_SIDE = 16; // Opposite amount of the top padding of the menu item
 
 const SUB_MENU_OFFSET_ALIGN = -8;
-/**
- * `DropdownMenu` displays a menu to the user (such as a set of actions
- * or functions) triggered by a button.
- */
+const DropdownMenuPrivateContext = createContext({
+  variant: undefined,
+  portalContainer: null
+});
 
-export const DropdownMenu = _ref => {
-  let {
+const UnconnectedDropdownMenu = props => {
+  const {
     // Root props
     defaultOpen,
     open,
@@ -42,8 +44,17 @@ export const DropdownMenu = _ref => {
     alignOffset = 0,
     // Render props
     children,
-    trigger
-  } = _ref;
+    trigger,
+    // From internal components context
+    variant
+  } = useContextSystem(props, 'DropdownMenu'); // Render the portal in the default slot used by the legacy Popover component.
+
+  const slot = useSlot(POPOVER_DEFAULT_SLOT_NAME);
+  const portalContainer = slot.ref?.current;
+  const privateContextValue = useMemo(() => ({
+    variant,
+    portalContainer
+  }), [variant, portalContainer]);
   return createElement(DropdownMenuPrimitive.Root, {
     defaultOpen: defaultOpen,
     open: open,
@@ -52,38 +63,52 @@ export const DropdownMenu = _ref => {
     dir: isRTL() ? 'rtl' : 'ltr'
   }, createElement(DropdownMenuPrimitive.Trigger, {
     asChild: true
-  }, trigger), createElement(DropdownMenuPrimitive.Portal, null, createElement(DropdownMenuStyled.Content, {
+  }, trigger), createElement(DropdownMenuPrimitive.Portal, {
+    container: portalContainer
+  }, createElement(DropdownMenuStyled.Content, {
     side: side,
     align: align,
     sideOffset: sideOffset,
     alignOffset: alignOffset,
-    loop: true
-  }, children)));
+    loop: true,
+    variant: variant
+  }, createElement(DropdownMenuPrivateContext.Provider, {
+    value: privateContextValue
+  }, children))));
 };
-export const DropdownSubMenuTrigger = _ref2 => {
-  let {
-    prefix,
-    suffix = createElement(DropdownMenuStyled.SubmenuRtlChevronIcon, {
-      icon: chevronRightSmall,
-      size: 24
-    }),
-    children
-  } = _ref2;
+/**
+ * `DropdownMenu` displays a menu to the user (such as a set of actions
+ * or functions) triggered by a button.
+ */
+
+
+export const DropdownMenu = contextConnectWithoutRef(UnconnectedDropdownMenu, 'DropdownMenu');
+export const DropdownSubMenuTrigger = ({
+  prefix,
+  suffix = createElement(DropdownMenuStyled.SubmenuRtlChevronIcon, {
+    icon: chevronRightSmall,
+    size: 24
+  }),
+  children
+}) => {
   return createElement(Fragment, null, prefix && createElement(DropdownMenuStyled.ItemPrefixWrapper, null, prefix), children, suffix && createElement(DropdownMenuStyled.ItemSuffixWrapper, null, suffix));
 };
-export const DropdownSubMenu = _ref3 => {
-  let {
-    // Sub props
-    defaultOpen,
-    open,
-    onOpenChange,
-    // Sub trigger props
-    disabled,
-    textValue,
-    // Render props
-    children,
-    trigger
-  } = _ref3;
+export const DropdownSubMenu = ({
+  // Sub props
+  defaultOpen,
+  open,
+  onOpenChange,
+  // Sub trigger props
+  disabled,
+  textValue,
+  // Render props
+  children,
+  trigger
+}) => {
+  const {
+    variant,
+    portalContainer
+  } = useContext(DropdownMenuPrivateContext);
   return createElement(DropdownMenuPrimitive.Sub, {
     defaultOpen: defaultOpen,
     open: open,
@@ -91,40 +116,44 @@ export const DropdownSubMenu = _ref3 => {
   }, createElement(DropdownMenuStyled.SubTrigger, {
     disabled: disabled,
     textValue: textValue
-  }, trigger), createElement(DropdownMenuPrimitive.Portal, null, createElement(DropdownMenuStyled.SubContent, {
+  }, trigger), createElement(DropdownMenuPrimitive.Portal, {
+    container: portalContainer
+  }, createElement(DropdownMenuStyled.SubContent, {
     loop: true,
     sideOffset: SUB_MENU_OFFSET_SIDE,
-    alignOffset: SUB_MENU_OFFSET_ALIGN
+    alignOffset: SUB_MENU_OFFSET_ALIGN,
+    variant: variant
   }, children)));
 };
-export const DropdownMenuLabel = props => createElement(DropdownMenuStyled.Label, props);
-export const DropdownMenuGroup = props => createElement(DropdownMenuPrimitive.Group, props);
-export const DropdownMenuItem = forwardRef((_ref4, forwardedRef) => {
-  let {
-    children,
-    prefix,
-    suffix,
-    ...props
-  } = _ref4;
-  return createElement(DropdownMenuStyled.Item, _extends({}, props, {
+export const DropdownMenuLabel = props => createElement(DropdownMenuStyled.Label, { ...props
+});
+export const DropdownMenuGroup = props => createElement(DropdownMenuPrimitive.Group, { ...props
+});
+export const DropdownMenuItem = forwardRef(({
+  children,
+  prefix,
+  suffix,
+  ...props
+}, forwardedRef) => {
+  return createElement(DropdownMenuStyled.Item, { ...props,
     ref: forwardedRef
-  }), prefix && createElement(DropdownMenuStyled.ItemPrefixWrapper, null, prefix), children, suffix && createElement(DropdownMenuStyled.ItemSuffixWrapper, null, suffix));
+  }, prefix && createElement(DropdownMenuStyled.ItemPrefixWrapper, null, prefix), children, suffix && createElement(DropdownMenuStyled.ItemSuffixWrapper, null, suffix));
 });
-export const DropdownMenuCheckboxItem = _ref5 => {
-  let {
-    children,
-    checked = false,
-    suffix,
-    ...props
-  } = _ref5;
-  return createElement(DropdownMenuStyled.CheckboxItem, _extends({}, props, {
+export const DropdownMenuCheckboxItem = ({
+  children,
+  checked = false,
+  suffix,
+  ...props
+}) => {
+  return createElement(DropdownMenuStyled.CheckboxItem, { ...props,
     checked: checked
-  }), createElement(DropdownMenuStyled.ItemPrefixWrapper, null, createElement(DropdownMenuStyled.ItemIndicator, null, (checked === 'indeterminate' || checked === true) && createElement(Icon, {
+  }, createElement(DropdownMenuStyled.ItemPrefixWrapper, null, createElement(DropdownMenuStyled.ItemIndicator, null, (checked === 'indeterminate' || checked === true) && createElement(Icon, {
     icon: checked === 'indeterminate' ? lineSolid : check,
     size: 24
   }))), children, suffix && createElement(DropdownMenuStyled.ItemSuffixWrapper, null, suffix));
 };
-export const DropdownMenuRadioGroup = props => createElement(DropdownMenuPrimitive.RadioGroup, props);
+export const DropdownMenuRadioGroup = props => createElement(DropdownMenuPrimitive.RadioGroup, { ...props
+});
 const radioDot = createElement(SVG, {
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg"
@@ -134,16 +163,23 @@ const radioDot = createElement(SVG, {
   r: 3,
   fill: "currentColor"
 }));
-export const DropdownMenuRadioItem = _ref6 => {
-  let {
-    children,
-    suffix,
-    ...props
-  } = _ref6;
-  return createElement(DropdownMenuStyled.RadioItem, props, createElement(DropdownMenuStyled.ItemPrefixWrapper, null, createElement(DropdownMenuStyled.ItemIndicator, null, createElement(Icon, {
+export const DropdownMenuRadioItem = ({
+  children,
+  suffix,
+  ...props
+}) => {
+  return createElement(DropdownMenuStyled.RadioItem, { ...props
+  }, createElement(DropdownMenuStyled.ItemPrefixWrapper, null, createElement(DropdownMenuStyled.ItemIndicator, null, createElement(Icon, {
     icon: radioDot,
     size: 22
   }))), children, suffix && createElement(DropdownMenuStyled.ItemSuffixWrapper, null, suffix));
 };
-export const DropdownMenuSeparator = props => createElement(DropdownMenuStyled.Separator, props);
+export const DropdownMenuSeparator = props => {
+  const {
+    variant
+  } = useContext(DropdownMenuPrivateContext);
+  return createElement(DropdownMenuStyled.Separator, { ...props,
+    variant: variant
+  });
+};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/dropdown-menu-v2/index.tsx"],"names":["DropdownMenuPrimitive","forwardRef","isRTL","check","chevronRightSmall","lineSolid","SVG","Circle","Icon","DropdownMenuStyled","SUB_MENU_OFFSET_SIDE","SUB_MENU_OFFSET_ALIGN","DropdownMenu","defaultOpen","open","onOpenChange","modal","side","sideOffset","align","alignOffset","children","trigger","DropdownSubMenuTrigger","prefix","suffix","DropdownSubMenu","disabled","textValue","DropdownMenuLabel","props","DropdownMenuGroup","DropdownMenuItem","forwardedRef","DropdownMenuCheckboxItem","checked","DropdownMenuRadioGroup","radioDot","DropdownMenuRadioItem","DropdownMenuSeparator"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport { isRTL } from '@wordpress/i18n';\nimport { check, chevronRightSmall, lineSolid } from '@wordpress/icons';\nimport { SVG, Circle } from '@wordpress/primitives';\n\n/**\n * Internal dependencies\n */\nimport Icon from '../icon';\nimport * as DropdownMenuStyled from './styles';\nimport type {\n\tDropdownMenuProps,\n\tDropdownSubMenuProps,\n\tDropdownMenuItemProps,\n\tDropdownMenuLabelProps,\n\tDropdownMenuGroupProps,\n\tDropdownMenuCheckboxItemProps,\n\tDropdownMenuRadioGroupProps,\n\tDropdownMenuRadioItemProps,\n\tDropdownMenuSeparatorProps,\n\tDropdownSubMenuTriggerProps,\n} from './types';\n\n// Menu content's side padding + 4px\nconst SUB_MENU_OFFSET_SIDE = 12;\n// Opposite amount of the top padding of the menu item\nconst SUB_MENU_OFFSET_ALIGN = -8;\n\n/**\n * `DropdownMenu` displays a menu to the user (such as a set of actions\n * or functions) triggered by a button.\n */\nexport const DropdownMenu = ( {\n\t// Root props\n\tdefaultOpen,\n\topen,\n\tonOpenChange,\n\tmodal = true,\n\t// Content positioning props\n\tside = 'bottom',\n\tsideOffset = 0,\n\talign = 'center',\n\talignOffset = 0,\n\t// Render props\n\tchildren,\n\ttrigger,\n}: DropdownMenuProps ) => {\n\treturn (\n\t\t<DropdownMenuPrimitive.Root\n\t\t\tdefaultOpen={ defaultOpen }\n\t\t\topen={ open }\n\t\t\tonOpenChange={ onOpenChange }\n\t\t\tmodal={ modal }\n\t\t\tdir={ isRTL() ? 'rtl' : 'ltr' }\n\t\t>\n\t\t\t<DropdownMenuPrimitive.Trigger asChild>\n\t\t\t\t{ trigger }\n\t\t\t</DropdownMenuPrimitive.Trigger>\n\t\t\t<DropdownMenuPrimitive.Portal>\n\t\t\t\t<DropdownMenuStyled.Content\n\t\t\t\t\tside={ side }\n\t\t\t\t\talign={ align }\n\t\t\t\t\tsideOffset={ sideOffset }\n\t\t\t\t\talignOffset={ alignOffset }\n\t\t\t\t\tloop={ true }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</DropdownMenuStyled.Content>\n\t\t\t</DropdownMenuPrimitive.Portal>\n\t\t</DropdownMenuPrimitive.Root>\n\t);\n};\n\nexport const DropdownSubMenuTrigger = ( {\n\tprefix,\n\tsuffix = (\n\t\t<DropdownMenuStyled.SubmenuRtlChevronIcon\n\t\t\ticon={ chevronRightSmall }\n\t\t\tsize={ 24 }\n\t\t/>\n\t),\n\tchildren,\n}: DropdownSubMenuTriggerProps ) => {\n\treturn (\n\t\t<>\n\t\t\t{ prefix && (\n\t\t\t\t<DropdownMenuStyled.ItemPrefixWrapper>\n\t\t\t\t\t{ prefix }\n\t\t\t\t</DropdownMenuStyled.ItemPrefixWrapper>\n\t\t\t) }\n\t\t\t{ children }\n\t\t\t{ suffix && (\n\t\t\t\t<DropdownMenuStyled.ItemSuffixWrapper>\n\t\t\t\t\t{ suffix }\n\t\t\t\t</DropdownMenuStyled.ItemSuffixWrapper>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nexport const DropdownSubMenu = ( {\n\t// Sub props\n\tdefaultOpen,\n\topen,\n\tonOpenChange,\n\t// Sub trigger props\n\tdisabled,\n\ttextValue,\n\t// Render props\n\tchildren,\n\ttrigger,\n}: DropdownSubMenuProps ) => {\n\treturn (\n\t\t<DropdownMenuPrimitive.Sub\n\t\t\tdefaultOpen={ defaultOpen }\n\t\t\topen={ open }\n\t\t\tonOpenChange={ onOpenChange }\n\t\t>\n\t\t\t<DropdownMenuStyled.SubTrigger\n\t\t\t\tdisabled={ disabled }\n\t\t\t\ttextValue={ textValue }\n\t\t\t>\n\t\t\t\t{ trigger }\n\t\t\t</DropdownMenuStyled.SubTrigger>\n\t\t\t<DropdownMenuPrimitive.Portal>\n\t\t\t\t<DropdownMenuStyled.SubContent\n\t\t\t\t\tloop\n\t\t\t\t\tsideOffset={ SUB_MENU_OFFSET_SIDE }\n\t\t\t\t\talignOffset={ SUB_MENU_OFFSET_ALIGN }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</DropdownMenuStyled.SubContent>\n\t\t\t</DropdownMenuPrimitive.Portal>\n\t\t</DropdownMenuPrimitive.Sub>\n\t);\n};\n\nexport const DropdownMenuLabel = ( props: DropdownMenuLabelProps ) => (\n\t<DropdownMenuStyled.Label { ...props } />\n);\n\nexport const DropdownMenuGroup = ( props: DropdownMenuGroupProps ) => (\n\t<DropdownMenuPrimitive.Group { ...props } />\n);\n\nexport const DropdownMenuItem = forwardRef(\n\t(\n\t\t{ children, prefix, suffix, ...props }: DropdownMenuItemProps,\n\t\tforwardedRef: React.ForwardedRef< any >\n\t) => {\n\t\treturn (\n\t\t\t<DropdownMenuStyled.Item { ...props } ref={ forwardedRef }>\n\t\t\t\t{ prefix && (\n\t\t\t\t\t<DropdownMenuStyled.ItemPrefixWrapper>\n\t\t\t\t\t\t{ prefix }\n\t\t\t\t\t</DropdownMenuStyled.ItemPrefixWrapper>\n\t\t\t\t) }\n\t\t\t\t{ children }\n\t\t\t\t{ suffix && (\n\t\t\t\t\t<DropdownMenuStyled.ItemSuffixWrapper>\n\t\t\t\t\t\t{ suffix }\n\t\t\t\t\t</DropdownMenuStyled.ItemSuffixWrapper>\n\t\t\t\t) }\n\t\t\t</DropdownMenuStyled.Item>\n\t\t);\n\t}\n);\n\nexport const DropdownMenuCheckboxItem = ( {\n\tchildren,\n\tchecked = false,\n\tsuffix,\n\t...props\n}: DropdownMenuCheckboxItemProps ) => {\n\treturn (\n\t\t<DropdownMenuStyled.CheckboxItem { ...props } checked={ checked }>\n\t\t\t<DropdownMenuStyled.ItemPrefixWrapper>\n\t\t\t\t<DropdownMenuStyled.ItemIndicator>\n\t\t\t\t\t{ ( checked === 'indeterminate' || checked === true ) && (\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\tchecked === 'indeterminate' ? lineSolid : check\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</DropdownMenuStyled.ItemIndicator>\n\t\t\t</DropdownMenuStyled.ItemPrefixWrapper>\n\t\t\t{ children }\n\t\t\t{ suffix && (\n\t\t\t\t<DropdownMenuStyled.ItemSuffixWrapper>\n\t\t\t\t\t{ suffix }\n\t\t\t\t</DropdownMenuStyled.ItemSuffixWrapper>\n\t\t\t) }\n\t\t</DropdownMenuStyled.CheckboxItem>\n\t);\n};\n\nexport const DropdownMenuRadioGroup = (\n\tprops: DropdownMenuRadioGroupProps\n) => <DropdownMenuPrimitive.RadioGroup { ...props } />;\n\nconst radioDot = (\n\t<SVG viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t<Circle cx={ 12 } cy={ 12 } r={ 3 } fill=\"currentColor\"></Circle>\n\t</SVG>\n);\n\nexport const DropdownMenuRadioItem = ( {\n\tchildren,\n\tsuffix,\n\t...props\n}: DropdownMenuRadioItemProps ) => {\n\treturn (\n\t\t<DropdownMenuStyled.RadioItem { ...props }>\n\t\t\t<DropdownMenuStyled.ItemPrefixWrapper>\n\t\t\t\t<DropdownMenuStyled.ItemIndicator>\n\t\t\t\t\t<Icon icon={ radioDot } size={ 22 } />\n\t\t\t\t</DropdownMenuStyled.ItemIndicator>\n\t\t\t</DropdownMenuStyled.ItemPrefixWrapper>\n\t\t\t{ children }\n\t\t\t{ suffix && (\n\t\t\t\t<DropdownMenuStyled.ItemSuffixWrapper>\n\t\t\t\t\t{ suffix }\n\t\t\t\t</DropdownMenuStyled.ItemSuffixWrapper>\n\t\t\t) }\n\t\t</DropdownMenuStyled.RadioItem>\n\t);\n};\n\nexport const DropdownMenuSeparator = ( props: DropdownMenuSeparatorProps ) => (\n\t<DropdownMenuStyled.Separator { ...props } />\n);\n"]}
+{"version":3,"sources":["@wordpress/components/src/dropdown-menu-v2/index.tsx"],"names":["DropdownMenuPrimitive","forwardRef","createContext","useContext","useMemo","isRTL","check","chevronRightSmall","lineSolid","SVG","Circle","useContextSystem","contextConnectWithoutRef","useSlot","Icon","SLOT_NAME","POPOVER_DEFAULT_SLOT_NAME","DropdownMenuStyled","SUB_MENU_OFFSET_SIDE","SUB_MENU_OFFSET_ALIGN","DropdownMenuPrivateContext","variant","undefined","portalContainer","UnconnectedDropdownMenu","props","defaultOpen","open","onOpenChange","modal","side","sideOffset","align","alignOffset","children","trigger","slot","ref","current","privateContextValue","DropdownMenu","DropdownSubMenuTrigger","prefix","suffix","DropdownSubMenu","disabled","textValue","DropdownMenuLabel","DropdownMenuGroup","DropdownMenuItem","forwardedRef","DropdownMenuCheckboxItem","checked","DropdownMenuRadioGroup","radioDot","DropdownMenuRadioItem","DropdownMenuSeparator"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tforwardRef,\n\tcreateContext,\n\tuseContext,\n\tuseMemo,\n} from '@wordpress/element';\nimport { isRTL } from '@wordpress/i18n';\nimport { check, chevronRightSmall, lineSolid } from '@wordpress/icons';\nimport { SVG, Circle } from '@wordpress/primitives';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem, contextConnectWithoutRef } from '../ui/context';\nimport { useSlot } from '../slot-fill';\nimport Icon from '../icon';\nimport { SLOT_NAME as POPOVER_DEFAULT_SLOT_NAME } from '../popover';\nimport * as DropdownMenuStyled from './styles';\nimport type {\n\tDropdownMenuProps,\n\tDropdownSubMenuProps,\n\tDropdownMenuItemProps,\n\tDropdownMenuLabelProps,\n\tDropdownMenuGroupProps,\n\tDropdownMenuCheckboxItemProps,\n\tDropdownMenuRadioGroupProps,\n\tDropdownMenuRadioItemProps,\n\tDropdownMenuSeparatorProps,\n\tDropdownSubMenuTriggerProps,\n\tDropdownMenuInternalContext,\n\tDropdownMenuPrivateContext as DropdownMenuPrivateContextType,\n} from './types';\n\n// Menu content's side padding + 4px\nconst SUB_MENU_OFFSET_SIDE = 16;\n// Opposite amount of the top padding of the menu item\nconst SUB_MENU_OFFSET_ALIGN = -8;\n\nconst DropdownMenuPrivateContext =\n\tcreateContext< DropdownMenuPrivateContextType >( {\n\t\tvariant: undefined,\n\t\tportalContainer: null,\n\t} );\n\nconst UnconnectedDropdownMenu = ( props: DropdownMenuProps ) => {\n\tconst {\n\t\t// Root props\n\t\tdefaultOpen,\n\t\topen,\n\t\tonOpenChange,\n\t\tmodal = true,\n\t\t// Content positioning props\n\t\tside = 'bottom',\n\t\tsideOffset = 0,\n\t\talign = 'center',\n\t\talignOffset = 0,\n\t\t// Render props\n\t\tchildren,\n\t\ttrigger,\n\n\t\t// From internal components context\n\t\tvariant,\n\t} = useContextSystem<\n\t\t// Adding `className` to the context type to avoid a TS error\n\t\tDropdownMenuProps & DropdownMenuInternalContext & { className?: string }\n\t>( props, 'DropdownMenu' );\n\n\t// Render the portal in the default slot used by the legacy Popover component.\n\tconst slot = useSlot( POPOVER_DEFAULT_SLOT_NAME );\n\tconst portalContainer = slot.ref?.current;\n\n\tconst privateContextValue = useMemo(\n\t\t() => ( {\n\t\t\tvariant,\n\t\t\tportalContainer,\n\t\t} ),\n\t\t[ variant, portalContainer ]\n\t);\n\n\treturn (\n\t\t<DropdownMenuPrimitive.Root\n\t\t\tdefaultOpen={ defaultOpen }\n\t\t\topen={ open }\n\t\t\tonOpenChange={ onOpenChange }\n\t\t\tmodal={ modal }\n\t\t\tdir={ isRTL() ? 'rtl' : 'ltr' }\n\t\t>\n\t\t\t<DropdownMenuPrimitive.Trigger asChild>\n\t\t\t\t{ trigger }\n\t\t\t</DropdownMenuPrimitive.Trigger>\n\t\t\t<DropdownMenuPrimitive.Portal container={ portalContainer }>\n\t\t\t\t<DropdownMenuStyled.Content\n\t\t\t\t\tside={ side }\n\t\t\t\t\talign={ align }\n\t\t\t\t\tsideOffset={ sideOffset }\n\t\t\t\t\talignOffset={ alignOffset }\n\t\t\t\t\tloop={ true }\n\t\t\t\t\tvariant={ variant }\n\t\t\t\t>\n\t\t\t\t\t<DropdownMenuPrivateContext.Provider\n\t\t\t\t\t\tvalue={ privateContextValue }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</DropdownMenuPrivateContext.Provider>\n\t\t\t\t</DropdownMenuStyled.Content>\n\t\t\t</DropdownMenuPrimitive.Portal>\n\t\t</DropdownMenuPrimitive.Root>\n\t);\n};\n\n/**\n * `DropdownMenu` displays a menu to the user (such as a set of actions\n * or functions) triggered by a button.\n */\nexport const DropdownMenu = contextConnectWithoutRef(\n\tUnconnectedDropdownMenu,\n\t'DropdownMenu'\n);\n\nexport const DropdownSubMenuTrigger = ( {\n\tprefix,\n\tsuffix = (\n\t\t<DropdownMenuStyled.SubmenuRtlChevronIcon\n\t\t\ticon={ chevronRightSmall }\n\t\t\tsize={ 24 }\n\t\t/>\n\t),\n\tchildren,\n}: DropdownSubMenuTriggerProps ) => {\n\treturn (\n\t\t<>\n\t\t\t{ prefix && (\n\t\t\t\t<DropdownMenuStyled.ItemPrefixWrapper>\n\t\t\t\t\t{ prefix }\n\t\t\t\t</DropdownMenuStyled.ItemPrefixWrapper>\n\t\t\t) }\n\t\t\t{ children }\n\t\t\t{ suffix && (\n\t\t\t\t<DropdownMenuStyled.ItemSuffixWrapper>\n\t\t\t\t\t{ suffix }\n\t\t\t\t</DropdownMenuStyled.ItemSuffixWrapper>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nexport const DropdownSubMenu = ( {\n\t// Sub props\n\tdefaultOpen,\n\topen,\n\tonOpenChange,\n\t// Sub trigger props\n\tdisabled,\n\ttextValue,\n\t// Render props\n\tchildren,\n\ttrigger,\n}: DropdownSubMenuProps ) => {\n\tconst { variant, portalContainer } = useContext(\n\t\tDropdownMenuPrivateContext\n\t);\n\n\treturn (\n\t\t<DropdownMenuPrimitive.Sub\n\t\t\tdefaultOpen={ defaultOpen }\n\t\t\topen={ open }\n\t\t\tonOpenChange={ onOpenChange }\n\t\t>\n\t\t\t<DropdownMenuStyled.SubTrigger\n\t\t\t\tdisabled={ disabled }\n\t\t\t\ttextValue={ textValue }\n\t\t\t>\n\t\t\t\t{ trigger }\n\t\t\t</DropdownMenuStyled.SubTrigger>\n\t\t\t<DropdownMenuPrimitive.Portal container={ portalContainer }>\n\t\t\t\t<DropdownMenuStyled.SubContent\n\t\t\t\t\tloop\n\t\t\t\t\tsideOffset={ SUB_MENU_OFFSET_SIDE }\n\t\t\t\t\talignOffset={ SUB_MENU_OFFSET_ALIGN }\n\t\t\t\t\tvariant={ variant }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</DropdownMenuStyled.SubContent>\n\t\t\t</DropdownMenuPrimitive.Portal>\n\t\t</DropdownMenuPrimitive.Sub>\n\t);\n};\n\nexport const DropdownMenuLabel = ( props: DropdownMenuLabelProps ) => (\n\t<DropdownMenuStyled.Label { ...props } />\n);\n\nexport const DropdownMenuGroup = ( props: DropdownMenuGroupProps ) => (\n\t<DropdownMenuPrimitive.Group { ...props } />\n);\n\nexport const DropdownMenuItem = forwardRef(\n\t(\n\t\t{ children, prefix, suffix, ...props }: DropdownMenuItemProps,\n\t\tforwardedRef: React.ForwardedRef< any >\n\t) => {\n\t\treturn (\n\t\t\t<DropdownMenuStyled.Item { ...props } ref={ forwardedRef }>\n\t\t\t\t{ prefix && (\n\t\t\t\t\t<DropdownMenuStyled.ItemPrefixWrapper>\n\t\t\t\t\t\t{ prefix }\n\t\t\t\t\t</DropdownMenuStyled.ItemPrefixWrapper>\n\t\t\t\t) }\n\t\t\t\t{ children }\n\t\t\t\t{ suffix && (\n\t\t\t\t\t<DropdownMenuStyled.ItemSuffixWrapper>\n\t\t\t\t\t\t{ suffix }\n\t\t\t\t\t</DropdownMenuStyled.ItemSuffixWrapper>\n\t\t\t\t) }\n\t\t\t</DropdownMenuStyled.Item>\n\t\t);\n\t}\n);\n\nexport const DropdownMenuCheckboxItem = ( {\n\tchildren,\n\tchecked = false,\n\tsuffix,\n\t...props\n}: DropdownMenuCheckboxItemProps ) => {\n\treturn (\n\t\t<DropdownMenuStyled.CheckboxItem { ...props } checked={ checked }>\n\t\t\t<DropdownMenuStyled.ItemPrefixWrapper>\n\t\t\t\t<DropdownMenuStyled.ItemIndicator>\n\t\t\t\t\t{ ( checked === 'indeterminate' || checked === true ) && (\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\tchecked === 'indeterminate' ? lineSolid : check\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</DropdownMenuStyled.ItemIndicator>\n\t\t\t</DropdownMenuStyled.ItemPrefixWrapper>\n\t\t\t{ children }\n\t\t\t{ suffix && (\n\t\t\t\t<DropdownMenuStyled.ItemSuffixWrapper>\n\t\t\t\t\t{ suffix }\n\t\t\t\t</DropdownMenuStyled.ItemSuffixWrapper>\n\t\t\t) }\n\t\t</DropdownMenuStyled.CheckboxItem>\n\t);\n};\n\nexport const DropdownMenuRadioGroup = (\n\tprops: DropdownMenuRadioGroupProps\n) => <DropdownMenuPrimitive.RadioGroup { ...props } />;\n\nconst radioDot = (\n\t<SVG viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t<Circle cx={ 12 } cy={ 12 } r={ 3 } fill=\"currentColor\"></Circle>\n\t</SVG>\n);\n\nexport const DropdownMenuRadioItem = ( {\n\tchildren,\n\tsuffix,\n\t...props\n}: DropdownMenuRadioItemProps ) => {\n\treturn (\n\t\t<DropdownMenuStyled.RadioItem { ...props }>\n\t\t\t<DropdownMenuStyled.ItemPrefixWrapper>\n\t\t\t\t<DropdownMenuStyled.ItemIndicator>\n\t\t\t\t\t<Icon icon={ radioDot } size={ 22 } />\n\t\t\t\t</DropdownMenuStyled.ItemIndicator>\n\t\t\t</DropdownMenuStyled.ItemPrefixWrapper>\n\t\t\t{ children }\n\t\t\t{ suffix && (\n\t\t\t\t<DropdownMenuStyled.ItemSuffixWrapper>\n\t\t\t\t\t{ suffix }\n\t\t\t\t</DropdownMenuStyled.ItemSuffixWrapper>\n\t\t\t) }\n\t\t</DropdownMenuStyled.RadioItem>\n\t);\n};\n\nexport const DropdownMenuSeparator = ( props: DropdownMenuSeparatorProps ) => {\n\tconst { variant } = useContext( DropdownMenuPrivateContext );\n\treturn <DropdownMenuStyled.Separator { ...props } variant={ variant } />;\n};\n"]}