@od-oneapp/uni-ui 2026.1.1301

package/dist/dropdown-menu-91g1g_Cl.mjs

@@ -0,0 +1,379 @@
+'use client';
+import { t as cn } from "./utils-D2bGp2p_.mjs";
+import { a as SPRING_TACTILE, r as SPRING_FLUID } from "./motion-zelaDelJ.mjs";
+import { AI_FOCUS } from "./components-ai-elements-constants.mjs";
+import * as React$1 from "react";
+import { memo, useMemo } from "react";
+import { useMediaQuery, useReducedMotion } from "@mantine/hooks";
+import { cva } from "class-variance-authority";
+import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
+import { AnimatePresence, motion } from "motion/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+
+//#region src/components/elements/organisms/dropdown-menu/dropdown-menu.tsx
+/**
+* @fileoverview DropdownMenu Component - Premium Harmony V2
+*
+* A comprehensive dropdown menu component built on Radix UI primitives.
+* Supports submenus, checkboxes, radio items, and keyboard navigation.
+*
+* Features:
+* - ES2023 syntax with modern patterns
+* - Premium Harmony V2 spring physics (SPRING_FLUID, SPRING_TACTILE)
+* - Touch-optimized 44px minimum targets (WCAG 2.5.5)
+* - Reduced motion support via prefers-reduced-motion
+* - Touch detection with useMediaQuery('(pointer: coarse)')
+* - Tailwind v4 CSS-first theming with CSS variables
+* - Super light/dark mode with seamless switching
+* - CVA variants for item styling (variant, size, inset)
+* - Optional stagger animation for menu items
+* - Radix UI primitives for accessibility
+* - Nested submenus with slide animations
+* - Checkbox and radio item support
+* - Keyboard shortcut display
+* - Data attributes for state management (data-state, data-highlighted)
+* - Focus-visible ring styles using AI_FOCUS
+* - Semantic color tokens (no hardcoded colors)
+* - Portal usage: implicit (DropdownMenuContent) or explicit (DropdownMenuPortal + Content)
+*
+* @module @od-oneapp/uni-ui/components/elements/dropdown-menu
+* @component DropdownMenu
+*
+* @useCases
+* - User account menus with profile, settings, and logout actions
+* - Context menus for list items with edit, delete, share options
+* - Table row actions with view, edit, duplicate, archive commands
+* - Navigation dropdowns with nested submenu support
+* - Bulk action menus with checkboxes for multi-select operations
+* - Filter menus with radio groups for single-select options
+* - Quick action menus with keyboard shortcuts display
+* - Multi-level navigation menus with category submenus
+*
+* @subcomponents
+* - DropdownMenu - Root container
+* - DropdownMenuPortal - Portal container
+* - DropdownMenuTrigger - Button that opens the menu
+* - DropdownMenuContent - Menu content with animations
+* - DropdownMenuGroup - Groups related menu items
+* - DropdownMenuLabel - Label for a group
+* - DropdownMenuItem - Individual menu item
+* - DropdownMenuCheckboxItem - Checkbox menu item
+* - DropdownMenuRadioGroup - Radio group container
+* - DropdownMenuRadioItem - Radio menu item
+* - DropdownMenuSeparator - Visual separator
+* - DropdownMenuShortcut - Keyboard shortcut display
+* - DropdownMenuSub - Submenu container
+* - DropdownMenuSubTrigger - Submenu trigger
+* - DropdownMenuSubContent - Submenu content
+*
+* @variants
+* - variant: default, destructive (DropdownMenuItem)
+* - size: sm, default, lg, touch (DropdownMenuItem) - touch auto-applied on touch devices
+* - inset: true, false (DropdownMenuItem)
+*
+* @example
+* <DropdownMenu>
+*   <DropdownMenuTrigger>Open Menu</DropdownMenuTrigger>
+*   <DropdownMenuContent stagger>
+*     <DropdownMenuLabel>My Account</DropdownMenuLabel>
+*     <DropdownMenuSeparator />
+*     <DropdownMenuItem>Profile</DropdownMenuItem>
+*     <DropdownMenuItem variant="destructive">Delete</DropdownMenuItem>
+*   </DropdownMenuContent>
+* </DropdownMenu>
+*/
+const DropdownMenuContext = React$1.createContext({ open: false });
+const useDropdownMenuContext = () => React$1.useContext(DropdownMenuContext);
+function DropdownMenu({ children, open: openProp, onOpenChange, ...props }) {
+	const [internalOpen, setInternalOpen] = React$1.useState(false);
+	const isControlled = openProp !== void 0;
+	const open = isControlled ? openProp : internalOpen;
+	const handleOpenChange = React$1.useCallback((nextOpen) => {
+		if (!isControlled) setInternalOpen(nextOpen);
+		onOpenChange?.(nextOpen);
+	}, [isControlled, onOpenChange]);
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, {
+		"data-slot": "dropdown-menu",
+		open,
+		onOpenChange: handleOpenChange,
+		...props,
+		children: /* @__PURE__ */ jsx(DropdownMenuContext.Provider, {
+			value: { open },
+			children
+		})
+	});
+}
+/**
+* Renders a Radix Portal configured for the dropdown menu.
+*
+* @returns The Portal element used to mount dropdown menu content with a `data-slot="dropdown-menu-portal"` attribute.
+*/
+function DropdownMenuPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, {
+		"data-slot": "dropdown-menu-portal",
+		...props
+	});
+}
+const DROPDOWN_MENU_TRIGGER_BASE_CLASSNAME = AI_FOCUS.ring;
+const DROPDOWN_MENU_CONTENT_BASE_CLASSNAME = "bg-popover text-popover-foreground z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md";
+const DROPDOWN_MENU_CHECKBOX_ITEM_BASE_CLASSNAME = "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none min-h-[44px] data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+const DROPDOWN_MENU_CHECKBOX_INDICATOR_WRAPPER_CLASSNAME = "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center";
+const DROPDOWN_MENU_CHECKBOX_INDICATOR_ICON_CLASSNAME = "size-4";
+const DROPDOWN_MENU_RADIO_ITEM_BASE_CLASSNAME = "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none min-h-[44px] data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+const DROPDOWN_MENU_RADIO_INDICATOR_WRAPPER_CLASSNAME = "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center";
+const DROPDOWN_MENU_RADIO_INDICATOR_ICON_CLASSNAME = "size-2 fill-current";
+const DROPDOWN_MENU_LABEL_BASE_CLASSNAME = "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8";
+const DROPDOWN_MENU_SEPARATOR_BASE_CLASSNAME = "bg-border -mx-1 my-1 h-px";
+const DROPDOWN_MENU_SHORTCUT_BASE_CLASSNAME = "text-muted-foreground ml-auto text-xs tracking-widest";
+const DROPDOWN_MENU_SUB_TRIGGER_BASE_CLASSNAME = "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none min-h-[44px] data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+const DROPDOWN_MENU_SUB_TRIGGER_CHEVRON_CLASSNAME = "ml-auto size-4";
+const DROPDOWN_MENU_SUB_CONTENT_BASE_CLASSNAME = "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg";
+const DROPDOWN_MENU_CHECKBOX_INDICATOR_ICON = /* @__PURE__ */ jsx(CheckIcon, { className: DROPDOWN_MENU_CHECKBOX_INDICATOR_ICON_CLASSNAME });
+const DROPDOWN_MENU_RADIO_INDICATOR_ICON = /* @__PURE__ */ jsx(CircleIcon, { className: DROPDOWN_MENU_RADIO_INDICATOR_ICON_CLASSNAME });
+const DROPDOWN_MENU_SUB_TRIGGER_CHEVRON_ICON = /* @__PURE__ */ jsx(ChevronRightIcon, { className: DROPDOWN_MENU_SUB_TRIGGER_CHEVRON_CLASSNAME });
+/**
+* Renders the trigger element that opens the dropdown menu.
+*
+* The rendered element includes the data-slot="dropdown-menu-trigger" attribute and merges any provided `className` with built-in focus-visible ring and offset styles.
+*
+* @returns The trigger element for the dropdown menu
+*/
+function DropdownMenuTrigger({ className, ...props }) {
+	const triggerClassName = useMemo(() => cn(DROPDOWN_MENU_TRIGGER_BASE_CLASSNAME, className), [className]);
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, {
+		"data-slot": "dropdown-menu-trigger",
+		className: triggerClassName,
+		...props
+	});
+}
+/**
+* Renders dropdown menu content inside a portal with built-in styling, animations, and overflow handling.
+*
+* @param className - Additional CSS classes to apply to the content container.
+* @param sideOffset - Distance in pixels between the trigger and content; defaults to 4.
+* @param stagger - Enable staggered fade-in animation for menu items.
+* @param animate - Enable or disable entry/exit animations (defaults to true).
+* @returns A JSX element that mounts the dropdown content into a portal.
+*/
+function DropdownMenuContent({ className, sideOffset = 4, stagger = false, animate = true, children, ...props }) {
+	const { open } = useDropdownMenuContext();
+	const isTouchDevice = useMediaQuery("(pointer: coarse)");
+	const prefersReducedMotion = useReducedMotion();
+	const contentClassName = useMemo(() => cn(DROPDOWN_MENU_CONTENT_BASE_CLASSNAME, className), [className]);
+	const contentVariants = useMemo(() => ({
+		hidden: prefersReducedMotion ? { opacity: 0 } : {
+			opacity: 0,
+			scale: .95,
+			y: isTouchDevice ? -8 : -5
+		},
+		visible: {
+			opacity: 1,
+			scale: 1,
+			y: 0,
+			transition: {
+				...prefersReducedMotion ? { duration: .001 } : isTouchDevice ? SPRING_TACTILE : SPRING_FLUID,
+				staggerChildren: stagger ? .05 : 0
+			}
+		},
+		exit: prefersReducedMotion ? { opacity: 0 } : {
+			opacity: 0,
+			scale: .95,
+			y: isTouchDevice ? -8 : -5,
+			transition: { duration: .15 }
+		}
+	}), [
+		prefersReducedMotion,
+		isTouchDevice,
+		stagger
+	]);
+	useMemo(() => ({
+		hidden: {
+			opacity: 0,
+			x: -5
+		},
+		visible: {
+			opacity: 1,
+			x: 0
+		}
+	}), []);
+	return /* @__PURE__ */ jsx(AnimatePresence, { children: open ? /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, {
+		forceMount: true,
+		children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
+			asChild: true,
+			forceMount: true,
+			"data-slot": "dropdown-menu-content",
+			"data-state": open ? "open" : "closed",
+			sideOffset,
+			...props,
+			children: /* @__PURE__ */ jsx(motion.div, {
+				className: contentClassName,
+				variants: animate ? contentVariants : void 0,
+				initial: animate ? "hidden" : void 0,
+				animate: animate ? "visible" : void 0,
+				exit: animate ? "exit" : void 0,
+				children: stagger ? React$1.Children.map(children, (child, _index) => {
+					if (React$1.isValidElement(child) && child.type.displayName === "DropdownMenuItem") return child;
+					return child;
+				}) : children
+			})
+		})
+	}) : null });
+}
+function DropdownMenuGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Group, {
+		"data-slot": "dropdown-menu-group",
+		...props
+	});
+}
+const dropdownMenuItemVariants = cva("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+	variants: {
+		variant: {
+			default: "",
+			destructive: "text-destructive focus:bg-destructive/10 dark:focus:bg-destructive/20 focus:text-destructive *:[svg]:!text-destructive"
+		},
+		size: {
+			sm: "px-1.5 py-1 text-xs",
+			default: "px-2 py-1.5 text-sm",
+			lg: "px-3 py-2 text-base",
+			touch: "px-3 py-3 text-base min-h-[44px]"
+		},
+		inset: {
+			true: "pl-8",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default",
+		inset: false
+	}
+});
+function DropdownMenuItem({ className, inset, variant, size, animate = true, ...props }) {
+	const isTouchDevice = useMediaQuery("(pointer: coarse)");
+	const prefersReducedMotion = useReducedMotion();
+	const effectiveSize = size ?? (isTouchDevice ? "touch" : "default");
+	const itemClassName = useMemo(() => cn(dropdownMenuItemVariants({
+		variant,
+		size: effectiveSize,
+		inset: inset ?? false
+	}), className), [
+		variant,
+		effectiveSize,
+		inset,
+		className
+	]);
+	const itemVariants = useMemo(() => ({
+		hidden: {
+			opacity: 0,
+			x: -5
+		},
+		visible: {
+			opacity: 1,
+			x: 0
+		}
+	}), []);
+	const tapAnimation = useMemo(() => prefersReducedMotion ? {} : { scale: .98 }, [prefersReducedMotion]);
+	const tapTransition = useMemo(() => prefersReducedMotion ? { duration: 0 } : isTouchDevice ? SPRING_TACTILE : SPRING_FLUID, [prefersReducedMotion, isTouchDevice]);
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
+		asChild: true,
+		...props,
+		children: /* @__PURE__ */ jsx(motion.div, {
+			"data-slot": "dropdown-menu-item",
+			className: itemClassName,
+			variants: animate ? itemVariants : void 0,
+			whileTap: animate ? tapAnimation : void 0,
+			transition: animate ? tapTransition : void 0,
+			children: props.children
+		})
+	});
+}
+DropdownMenuItem.displayName = "DropdownMenuItem";
+function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
+	const checkboxItemClassName = useMemo(() => cn(DROPDOWN_MENU_CHECKBOX_ITEM_BASE_CLASSNAME, className), [className]);
+	const indicatorElement = useMemo(() => /* @__PURE__ */ jsx("span", {
+		className: DROPDOWN_MENU_CHECKBOX_INDICATOR_WRAPPER_CLASSNAME,
+		children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: DROPDOWN_MENU_CHECKBOX_INDICATOR_ICON })
+	}), []);
+	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
+		"data-slot": "dropdown-menu-checkbox-item",
+		"data-state": checked ? "checked" : "unchecked",
+		className: checkboxItemClassName,
+		checked,
+		...props,
+		children: [indicatorElement, children]
+	});
+}
+function DropdownMenuRadioGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.RadioGroup, {
+		"data-slot": "dropdown-menu-radio-group",
+		...props
+	});
+}
+function DropdownMenuRadioItem({ className, children, ...props }) {
+	const radioItemClassName = useMemo(() => cn(DROPDOWN_MENU_RADIO_ITEM_BASE_CLASSNAME, className), [className]);
+	const indicatorElement = useMemo(() => /* @__PURE__ */ jsx("span", {
+		className: DROPDOWN_MENU_RADIO_INDICATOR_WRAPPER_CLASSNAME,
+		children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: DROPDOWN_MENU_RADIO_INDICATOR_ICON })
+	}), []);
+	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, {
+		"data-slot": "dropdown-menu-radio-item",
+		className: radioItemClassName,
+		...props,
+		children: [indicatorElement, children]
+	});
+}
+const DropdownMenuLabel = memo(function DropdownMenuLabel({ className, inset, ...props }) {
+	const labelClassName = useMemo(() => cn(DROPDOWN_MENU_LABEL_BASE_CLASSNAME, className), [className]);
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
+		"data-slot": "dropdown-menu-label",
+		"data-inset": inset,
+		className: labelClassName,
+		...props
+	});
+});
+const DropdownMenuSeparator = memo(function DropdownMenuSeparator({ className, ...props }) {
+	const separatorClassName = useMemo(() => cn(DROPDOWN_MENU_SEPARATOR_BASE_CLASSNAME, className), [className]);
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
+		"data-slot": "dropdown-menu-separator",
+		className: separatorClassName,
+		...props
+	});
+});
+const DropdownMenuShortcut = memo(function DropdownMenuShortcut({ className, ...props }) {
+	const shortcutClassName = useMemo(() => cn(DROPDOWN_MENU_SHORTCUT_BASE_CLASSNAME, className), [className]);
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "dropdown-menu-shortcut",
+		className: shortcutClassName,
+		...props
+	});
+});
+function DropdownMenuSub({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Sub, {
+		"data-slot": "dropdown-menu-sub",
+		...props
+	});
+}
+function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
+	const subTriggerClassName = useMemo(() => cn(DROPDOWN_MENU_SUB_TRIGGER_BASE_CLASSNAME, className), [className]);
+	const chevronIcon = DROPDOWN_MENU_SUB_TRIGGER_CHEVRON_ICON;
+	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, {
+		"data-slot": "dropdown-menu-sub-trigger",
+		"data-inset": inset,
+		className: subTriggerClassName,
+		...props,
+		children: [children, chevronIcon]
+	});
+}
+function DropdownMenuSubContent({ className, ...props }) {
+	const subContentClassName = useMemo(() => cn(DROPDOWN_MENU_SUB_CONTENT_BASE_CLASSNAME, className), [className]);
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, {
+		"data-slot": "dropdown-menu-sub-content",
+		className: subContentClassName,
+		...props
+	});
+}
+
+//#endregion
+export { DropdownMenuItem as a, DropdownMenuRadioGroup as c, DropdownMenuShortcut as d, DropdownMenuSub as f, dropdownMenuItemVariants as g, DropdownMenuTrigger as h, DropdownMenuGroup as i, DropdownMenuRadioItem as l, DropdownMenuSubTrigger as m, DropdownMenuCheckboxItem as n, DropdownMenuLabel as o, DropdownMenuSubContent as p, DropdownMenuContent as r, DropdownMenuPortal as s, DropdownMenu as t, DropdownMenuSeparator as u };
+//# sourceMappingURL=dropdown-menu-91g1g_Cl.mjs.map

package/dist/dropdown-menu-91g1g_Cl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-91g1g_Cl.mjs","names":["React"],"sources":["../src/components/elements/organisms/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["/**\n * @fileoverview DropdownMenu Component - Premium Harmony V2\n *\n * A comprehensive dropdown menu component built on Radix UI primitives.\n * Supports submenus, checkboxes, radio items, and keyboard navigation.\n *\n * Features:\n * - ES2023 syntax with modern patterns\n * - Premium Harmony V2 spring physics (SPRING_FLUID, SPRING_TACTILE)\n * - Touch-optimized 44px minimum targets (WCAG 2.5.5)\n * - Reduced motion support via prefers-reduced-motion\n * - Touch detection with useMediaQuery('(pointer: coarse)')\n * - Tailwind v4 CSS-first theming with CSS variables\n * - Super light/dark mode with seamless switching\n * - CVA variants for item styling (variant, size, inset)\n * - Optional stagger animation for menu items\n * - Radix UI primitives for accessibility\n * - Nested submenus with slide animations\n * - Checkbox and radio item support\n * - Keyboard shortcut display\n * - Data attributes for state management (data-state, data-highlighted)\n * - Focus-visible ring styles using AI_FOCUS\n * - Semantic color tokens (no hardcoded colors)\n * - Portal usage: implicit (DropdownMenuContent) or explicit (DropdownMenuPortal + Content)\n *\n * @module @od-oneapp/uni-ui/components/elements/dropdown-menu\n * @component DropdownMenu\n *\n * @useCases\n * - User account menus with profile, settings, and logout actions\n * - Context menus for list items with edit, delete, share options\n * - Table row actions with view, edit, duplicate, archive commands\n * - Navigation dropdowns with nested submenu support\n * - Bulk action menus with checkboxes for multi-select operations\n * - Filter menus with radio groups for single-select options\n * - Quick action menus with keyboard shortcuts display\n * - Multi-level navigation menus with category submenus\n *\n * @subcomponents\n * - DropdownMenu - Root container\n * - DropdownMenuPortal - Portal container\n * - DropdownMenuTrigger - Button that opens the menu\n * - DropdownMenuContent - Menu content with animations\n * - DropdownMenuGroup - Groups related menu items\n * - DropdownMenuLabel - Label for a group\n * - DropdownMenuItem - Individual menu item\n * - DropdownMenuCheckboxItem - Checkbox menu item\n * - DropdownMenuRadioGroup - Radio group container\n * - DropdownMenuRadioItem - Radio menu item\n * - DropdownMenuSeparator - Visual separator\n * - DropdownMenuShortcut - Keyboard shortcut display\n * - DropdownMenuSub - Submenu container\n * - DropdownMenuSubTrigger - Submenu trigger\n * - DropdownMenuSubContent - Submenu content\n *\n * @variants\n * - variant: default, destructive (DropdownMenuItem)\n * - size: sm, default, lg, touch (DropdownMenuItem) - touch auto-applied on touch devices\n * - inset: true, false (DropdownMenuItem)\n *\n * @example\n * <DropdownMenu>\n *   <DropdownMenuTrigger>Open Menu</DropdownMenuTrigger>\n *   <DropdownMenuContent stagger>\n *     <DropdownMenuLabel>My Account</DropdownMenuLabel>\n *     <DropdownMenuSeparator />\n *     <DropdownMenuItem>Profile</DropdownMenuItem>\n *     <DropdownMenuItem variant=\"destructive\">Delete</DropdownMenuItem>\n *   </DropdownMenuContent>\n * </DropdownMenu>\n */\n\n'use client';\n\nimport * as React from 'react';\nimport { memo, useMemo } from 'react';\n\nimport { useMediaQuery, useReducedMotion } from '@mantine/hooks';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';\nimport { AnimatePresence, motion } from 'motion/react';\n\nimport { cn } from '../../../../lib/utils';\nimport { AI_FOCUS, SPRING_FLUID, SPRING_TACTILE } from '../../../ai-elements/ai-elements.constants';\n\nconst DropdownMenuContext = React.createContext<{ open: boolean }>({ open: false });\n\nconst useDropdownMenuContext = () => React.useContext(DropdownMenuContext);\n\nfunction DropdownMenu({\n  children,\n  open: openProp,\n  onOpenChange,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  // Track internal state for uncontrolled mode\n  const [internalOpen, setInternalOpen] = React.useState(false);\n\n  // Use controlled value if provided, otherwise use internal state\n  const isControlled = openProp !== undefined;\n  const open = isControlled ? openProp : internalOpen;\n\n  // Handler that updates internal state and calls external handler\n  const handleOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) {\n        setInternalOpen(nextOpen);\n      }\n      onOpenChange?.(nextOpen);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  return (\n    <DropdownMenuPrimitive.Root\n      data-slot=\"dropdown-menu\"\n      open={open}\n      onOpenChange={handleOpenChange}\n      {...props}\n    >\n      <DropdownMenuContext.Provider value={{ open }}>{children}</DropdownMenuContext.Provider>\n    </DropdownMenuPrimitive.Root>\n  );\n}\n\n/**\n * Renders a Radix Portal configured for the dropdown menu.\n *\n * @returns The Portal element used to mount dropdown menu content with a `data-slot=\"dropdown-menu-portal\"` attribute.\n */\nfunction DropdownMenuPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />;\n}\n\n// Static classNames - moved outside components to prevent recreation\nconst DROPDOWN_MENU_TRIGGER_BASE_CLASSNAME = AI_FOCUS.ring;\nconst DROPDOWN_MENU_CONTENT_BASE_CLASSNAME =\n  'bg-popover text-popover-foreground z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md';\nconst DROPDOWN_MENU_CHECKBOX_ITEM_BASE_CLASSNAME =\n  \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none min-h-[44px] data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\";\nconst DROPDOWN_MENU_CHECKBOX_INDICATOR_WRAPPER_CLASSNAME =\n  'pointer-events-none absolute left-2 flex size-3.5 items-center justify-center';\nconst DROPDOWN_MENU_CHECKBOX_INDICATOR_ICON_CLASSNAME = 'size-4';\nconst DROPDOWN_MENU_RADIO_ITEM_BASE_CLASSNAME =\n  \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none min-h-[44px] data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\";\nconst DROPDOWN_MENU_RADIO_INDICATOR_WRAPPER_CLASSNAME =\n  'pointer-events-none absolute left-2 flex size-3.5 items-center justify-center';\nconst DROPDOWN_MENU_RADIO_INDICATOR_ICON_CLASSNAME = 'size-2 fill-current';\nconst DROPDOWN_MENU_LABEL_BASE_CLASSNAME = 'px-2 py-1.5 text-sm font-medium data-[inset]:pl-8';\nconst DROPDOWN_MENU_SEPARATOR_BASE_CLASSNAME = 'bg-border -mx-1 my-1 h-px';\nconst DROPDOWN_MENU_SHORTCUT_BASE_CLASSNAME =\n  'text-muted-foreground ml-auto text-xs tracking-widest';\nconst DROPDOWN_MENU_SUB_TRIGGER_BASE_CLASSNAME =\n  \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none min-h-[44px] data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\";\nconst DROPDOWN_MENU_SUB_TRIGGER_CHEVRON_CLASSNAME = 'ml-auto size-4';\nconst DROPDOWN_MENU_SUB_CONTENT_BASE_CLASSNAME =\n  'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg';\n\n// Default React elements - moved outside components to prevent recreation\nconst DROPDOWN_MENU_CHECKBOX_INDICATOR_ICON = (\n  <CheckIcon className={DROPDOWN_MENU_CHECKBOX_INDICATOR_ICON_CLASSNAME} />\n);\nconst DROPDOWN_MENU_RADIO_INDICATOR_ICON = (\n  <CircleIcon className={DROPDOWN_MENU_RADIO_INDICATOR_ICON_CLASSNAME} />\n);\nconst DROPDOWN_MENU_SUB_TRIGGER_CHEVRON_ICON = (\n  <ChevronRightIcon className={DROPDOWN_MENU_SUB_TRIGGER_CHEVRON_CLASSNAME} />\n);\n\n/**\n * Renders the trigger element that opens the dropdown menu.\n *\n * The rendered element includes the data-slot=\"dropdown-menu-trigger\" attribute and merges any provided `className` with built-in focus-visible ring and offset styles.\n *\n * @returns The trigger element for the dropdown menu\n */\nfunction DropdownMenuTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  // Memoize className computation to prevent unnecessary re-computation\n  const triggerClassName = useMemo(\n    () => cn(DROPDOWN_MENU_TRIGGER_BASE_CLASSNAME, className),\n    [className],\n  );\n\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      className={triggerClassName}\n      {...props}\n    />\n  );\n}\n\ninterface DropdownMenuContentProps extends React.ComponentProps<\n  typeof DropdownMenuPrimitive.Content\n> {\n  /** Enable stagger animation for menu items */\n  stagger?: boolean;\n  /** Disable animations for the menu content */\n  animate?: boolean;\n}\n\n/**\n * Renders dropdown menu content inside a portal with built-in styling, animations, and overflow handling.\n *\n * @param className - Additional CSS classes to apply to the content container.\n * @param sideOffset - Distance in pixels between the trigger and content; defaults to 4.\n * @param stagger - Enable staggered fade-in animation for menu items.\n * @param animate - Enable or disable entry/exit animations (defaults to true).\n * @returns A JSX element that mounts the dropdown content into a portal.\n */\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  stagger = false,\n  animate = true,\n  children,\n  ...props\n}: DropdownMenuContentProps) {\n  const { open } = useDropdownMenuContext();\n\n  // Premium Harmony V2: Device and motion detection\n  const isTouchDevice = useMediaQuery('(pointer: coarse)');\n  const prefersReducedMotion = useReducedMotion();\n\n  // Memoize className computation to prevent unnecessary re-computation\n  const contentClassName = useMemo(\n    () => cn(DROPDOWN_MENU_CONTENT_BASE_CLASSNAME, className),\n    [className],\n  );\n\n  // Premium Harmony V2: Dynamic animation variants based on device and motion preferences\n  const contentVariants = useMemo(\n    () => ({\n      hidden: prefersReducedMotion\n        ? { opacity: 0 }\n        : { opacity: 0, scale: 0.95, y: isTouchDevice ? -8 : -5 },\n      visible: {\n        opacity: 1,\n        scale: 1,\n        y: 0,\n        transition: {\n          ...(prefersReducedMotion\n            ? { duration: 0.001 }\n            : (isTouchDevice\n              ? SPRING_TACTILE\n              : SPRING_FLUID)),\n          staggerChildren: stagger ? 0.05 : 0,\n        },\n      },\n      exit: prefersReducedMotion\n        ? { opacity: 0 }\n        : { opacity: 0, scale: 0.95, y: isTouchDevice ? -8 : -5, transition: { duration: 0.15 } },\n    }),\n    [prefersReducedMotion, isTouchDevice, stagger],\n  );\n\n  const itemVariants = useMemo(\n    () => ({\n      hidden: { opacity: 0, x: -5 },\n      visible: { opacity: 1, x: 0 },\n    }),\n    [],\n  );\n\n  return (\n    <AnimatePresence>\n      {open ? (\n        <DropdownMenuPrimitive.Portal forceMount>\n          <DropdownMenuPrimitive.Content\n            asChild\n            forceMount\n            data-slot=\"dropdown-menu-content\"\n            data-state={open ? 'open' : 'closed'}\n            sideOffset={sideOffset}\n            {...props}\n          >\n            <motion.div\n              className={contentClassName}\n              variants={animate ? contentVariants : undefined}\n              initial={animate ? 'hidden' : undefined}\n              animate={animate ? 'visible' : undefined}\n              exit={animate ? 'exit' : undefined}\n            >\n              {stagger\n                ? React.Children.map(children, (child, _index) => {\n                    if (\n                      React.isValidElement(child) &&\n                      (child.type as any).displayName === 'DropdownMenuItem'\n                    ) {\n                      // We can't easily inject variants into children without cloning or wrapper\n                      // Standard DropdownMenuItem will need to handle its own animation if it's inside motion.div\n                      return child;\n                    }\n                    return child;\n                  })\n                : children}\n            </motion.div>\n          </DropdownMenuPrimitive.Content>\n        </DropdownMenuPrimitive.Portal>\n      ) : null}\n    </AnimatePresence>\n  );\n}\n\nfunction DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />;\n}\n\nconst dropdownMenuItemVariants = cva(\n  \"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: '',\n        destructive:\n          'text-destructive focus:bg-destructive/10 dark:focus:bg-destructive/20 focus:text-destructive *:[svg]:!text-destructive',\n      },\n      size: {\n        sm: 'px-1.5 py-1 text-xs',\n        default: 'px-2 py-1.5 text-sm',\n        lg: 'px-3 py-2 text-base',\n        touch: 'px-3 py-3 text-base min-h-[44px]',\n      },\n      inset: {\n        true: 'pl-8',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n      inset: false,\n    },\n  },\n);\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant,\n  size,\n  animate = true,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> &\n  VariantProps<typeof dropdownMenuItemVariants> & {\n    animate?: boolean;\n  }) {\n  // Premium Harmony V2: Device and motion detection\n  const isTouchDevice = useMediaQuery('(pointer: coarse)');\n  const prefersReducedMotion = useReducedMotion();\n\n  // Premium Harmony V2: Auto-apply touch size on touch devices\n  const effectiveSize = size ?? (isTouchDevice ? 'touch' : 'default');\n\n  // Memoize className computation to prevent unnecessary re-computation\n  const itemClassName = useMemo(\n    () =>\n      cn(\n        dropdownMenuItemVariants({ variant, size: effectiveSize, inset: inset ?? false }),\n        className,\n      ),\n    [variant, effectiveSize, inset, className],\n  );\n\n  // Premium Harmony V2: Dynamic item variants\n  const itemVariants = useMemo(\n    () => ({\n      hidden: { opacity: 0, x: -5 },\n      visible: { opacity: 1, x: 0 },\n    }),\n    [],\n  );\n\n  // Premium Harmony V2: Dynamic tap animation\n  const tapAnimation = useMemo(\n    () => (prefersReducedMotion ? {} : { scale: 0.98 }),\n    [prefersReducedMotion],\n  );\n\n  const tapTransition = useMemo(\n    () => (prefersReducedMotion ? { duration: 0 } : (isTouchDevice ? SPRING_TACTILE : SPRING_FLUID)),\n    [prefersReducedMotion, isTouchDevice],\n  );\n\n  return (\n    <DropdownMenuPrimitive.Item asChild {...props}>\n      <motion.div\n        data-slot=\"dropdown-menu-item\"\n        className={itemClassName}\n        variants={animate ? itemVariants : undefined}\n        whileTap={animate ? tapAnimation : undefined}\n        transition={animate ? tapTransition : undefined}\n      >\n        {props.children}\n      </motion.div>\n    </DropdownMenuPrimitive.Item>\n  );\n}\nDropdownMenuItem.displayName = 'DropdownMenuItem';\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  // Memoize className computation to prevent unnecessary re-computation\n  const checkboxItemClassName = useMemo(\n    () => cn(DROPDOWN_MENU_CHECKBOX_ITEM_BASE_CLASSNAME, className),\n    [className],\n  );\n\n  // Memoize indicator element to prevent unnecessary re-creation\n  const indicatorElement = useMemo(\n    () => (\n      <span className={DROPDOWN_MENU_CHECKBOX_INDICATOR_WRAPPER_CLASSNAME}>\n        <DropdownMenuPrimitive.ItemIndicator>\n          {DROPDOWN_MENU_CHECKBOX_INDICATOR_ICON}\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n    ),\n    [],\n  );\n\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      data-state={checked ? 'checked' : 'unchecked'}\n      className={checkboxItemClassName}\n      checked={checked}\n      {...props}\n    >\n      {indicatorElement}\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\nfunction DropdownMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return <DropdownMenuPrimitive.RadioGroup data-slot=\"dropdown-menu-radio-group\" {...props} />;\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  // Memoize className computation to prevent unnecessary re-computation\n  const radioItemClassName = useMemo(\n    () => cn(DROPDOWN_MENU_RADIO_ITEM_BASE_CLASSNAME, className),\n    [className],\n  );\n\n  // Memoize indicator element to prevent unnecessary re-creation\n  const indicatorElement = useMemo(\n    () => (\n      <span className={DROPDOWN_MENU_RADIO_INDICATOR_WRAPPER_CLASSNAME}>\n        <DropdownMenuPrimitive.ItemIndicator>\n          {DROPDOWN_MENU_RADIO_INDICATOR_ICON}\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n    ),\n    [],\n  );\n\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={radioItemClassName}\n      {...props}\n    >\n      {indicatorElement}\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n}\n\nconst DropdownMenuLabel = memo(function DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  // Memoize className computation to prevent unnecessary re-computation\n  const labelClassName = useMemo(\n    () => cn(DROPDOWN_MENU_LABEL_BASE_CLASSNAME, className),\n    [className],\n  );\n\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={labelClassName}\n      {...props}\n    />\n  );\n});\n\nconst DropdownMenuSeparator = memo(function DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  // Memoize className computation to prevent unnecessary re-computation\n  const separatorClassName = useMemo(\n    () => cn(DROPDOWN_MENU_SEPARATOR_BASE_CLASSNAME, className),\n    [className],\n  );\n\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={separatorClassName}\n      {...props}\n    />\n  );\n});\n\nconst DropdownMenuShortcut = memo(function DropdownMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  // Memoize className computation to prevent unnecessary re-computation\n  const shortcutClassName = useMemo(\n    () => cn(DROPDOWN_MENU_SHORTCUT_BASE_CLASSNAME, className),\n    [className],\n  );\n\n  return <span data-slot=\"dropdown-menu-shortcut\" className={shortcutClassName} {...props} />;\n});\n\nfunction DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  // Memoize className computation to prevent unnecessary re-computation\n  const subTriggerClassName = useMemo(\n    () => cn(DROPDOWN_MENU_SUB_TRIGGER_BASE_CLASSNAME, className),\n    [className],\n  );\n\n  // Use constant chevron icon to prevent unnecessary re-creation\n  const chevronIcon = DROPDOWN_MENU_SUB_TRIGGER_CHEVRON_ICON;\n\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={subTriggerClassName}\n      {...props}\n    >\n      {children}\n      {chevronIcon}\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  // Memoize className computation to prevent unnecessary re-computation\n  const subContentClassName = useMemo(\n    () => cn(DROPDOWN_MENU_SUB_CONTENT_BASE_CLASSNAME, className),\n    [className],\n  );\n\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={subContentClassName}\n      {...props}\n    />\n  );\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  dropdownMenuItemVariants,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n};\n"],"mappings":"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"}

package/dist/dropdown-menu-CwRZCnNs.d.mts

@@ -0,0 +1,91 @@
+
+import * as React$1 from "react";
+import { VariantProps } from "class-variance-authority";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/elements/organisms/dropdown-menu/dropdown-menu.d.ts
+declare function DropdownMenu({
+  children,
+  open: openProp,
+  onOpenChange,
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Root>): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuPortal({
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Portal>): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuTrigger({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): react_jsx_runtime0.JSX.Element;
+interface DropdownMenuContentProps extends React$1.ComponentProps<typeof DropdownMenuPrimitive.Content> {
+  stagger?: boolean;
+  animate?: boolean;
+}
+declare function DropdownMenuContent({
+  className,
+  sideOffset,
+  stagger,
+  animate,
+  children,
+  ...props
+}: DropdownMenuContentProps): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuGroup({
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Group>): react_jsx_runtime0.JSX.Element;
+declare const dropdownMenuItemVariants: (props?: ({
+  variant?: "default" | "destructive" | null | undefined;
+  size?: "default" | "sm" | "lg" | "touch" | null | undefined;
+  inset?: boolean | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+declare function DropdownMenuItem({
+  className,
+  inset,
+  variant,
+  size,
+  animate,
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Item> & VariantProps<typeof dropdownMenuItemVariants> & {
+  animate?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+declare namespace DropdownMenuItem {
+  var displayName: string;
+}
+declare function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuRadioGroup({
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuRadioItem({
+  className,
+  children,
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): react_jsx_runtime0.JSX.Element;
+declare const DropdownMenuLabel: React$1.NamedExoticComponent<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement> & {
+  inset?: boolean;
+}>;
+declare const DropdownMenuSeparator: React$1.NamedExoticComponent<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: React$1.NamedExoticComponent<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+declare function DropdownMenuSub({
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Sub>): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+  inset?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuSubContent({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DropdownMenuItem as a, DropdownMenuRadioGroup as c, DropdownMenuShortcut as d, DropdownMenuSub as f, dropdownMenuItemVariants as g, DropdownMenuTrigger as h, DropdownMenuGroup as i, DropdownMenuRadioItem as l, DropdownMenuSubTrigger as m, DropdownMenuCheckboxItem as n, DropdownMenuLabel as o, DropdownMenuSubContent as p, DropdownMenuContent as r, DropdownMenuPortal as s, DropdownMenu as t, DropdownMenuSeparator as u };
+//# sourceMappingURL=dropdown-menu-CwRZCnNs.d.mts.map