@tribepad/themis 1.0.1 → 1.0.3

package/dist/elements/Dropdown/index.js

@@ -1,195 +1,3 @@
 "use client";
-'use strict';
-
-var react = require('react');
-var reactAriaComponents = require('react-aria-components');
-var classVarianceAuthority = require('class-variance-authority');
-var lucideReact = require('lucide-react');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/elements/Dropdown/Dropdown.tsx
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
-var menuVariants = classVarianceAuthority.cva(
-  // Base styles - semantic tokens with fallbacks
-  "z-50 min-w-[8rem] overflow-hidden rounded-md border border-[var(--menu-border)] bg-[var(--menu-background)] text-[var(--menu-foreground)] shadow-md data-[entering]:animate-in data-[exiting]:animate-out data-[entering]:fade-in-0 data-[exiting]:fade-out-0 data-[entering]:zoom-in-95 data-[exiting]:zoom-out-95 p-1",
-  {
-    variants: {
-      variant: {
-        default: ""
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-var menuItemVariants = classVarianceAuthority.cva(
-  // Base styles - FR-014: 44x44px minimum touch targets
-  "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 min-h-[44px] data-[focused]:bg-[var(--menu-accent)] data-[focused]:text-[var(--menu-accent-foreground)] data-[pressed]:bg-[var(--menu-accent)] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: ""
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-var DropdownRoot = react.forwardRef(
-  ({ defaultOpen = false, isOpen, onOpenChange, children }, _ref) => {
-    const childArray = react.Children.toArray(children);
-    const hasTrigger = childArray.some(
-      (child) => react.isValidElement(child) && (child.type === DropdownTrigger || child.type.displayName === "DropdownTrigger")
-    );
-    const hasMenu = childArray.some(
-      (child) => react.isValidElement(child) && (child.type === DropdownMenu || child.type.displayName === "DropdownMenu")
-    );
-    if (!hasTrigger || !hasMenu) {
-      throw new Error(
-        "Dropdown requires exactly one Dropdown.Trigger and one Dropdown.Menu as children"
-      );
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.MenuTrigger, { defaultOpen, isOpen, onOpenChange, children });
-  }
-);
-DropdownRoot.displayName = "Dropdown";
-var DropdownTrigger = react.forwardRef(
-  ({ children, ...props }, ref) => {
-    if (react.isValidElement(children)) {
-      return react.cloneElement(children, {
-        ...props,
-        slot: "trigger"
-      });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Button, { ref, ...props, children });
-  }
-);
-DropdownTrigger.displayName = "DropdownTrigger";
-var DropdownMenu = react.forwardRef(
-  ({ align = "start", side = "bottom", className, children, ...props }, _ref) => {
-    const placement = `${side} ${align}`;
-    return /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Popover, { placement, className: "entering:animate-in exiting:animate-out", children: /* @__PURE__ */ jsxRuntime.jsx(
-      reactAriaComponents.Menu,
-      {
-        className: cn(menuVariants({ variant: "default" }), className),
-        ...props,
-        children
-      }
-    ) });
-  }
-);
-DropdownMenu.displayName = "DropdownMenu";
-var DropdownItem = react.forwardRef(
-  ({
-    children,
-    onAction,
-    isDisabled = false,
-    shortcut,
-    icon,
-    iconRight,
-    className,
-    "aria-label": ariaLabel,
-    ...props
-  }, _ref) => {
-    const childArray = react.Children.toArray(children);
-    const hasSubmenu = childArray.some(
-      (child) => react.isValidElement(child) && (child.type === DropdownMenu || child.type.displayName === "DropdownMenu")
-    );
-    const contentChildren = childArray.filter(
-      (child) => !react.isValidElement(child) || child.type !== DropdownMenu && child.type.displayName !== "DropdownMenu"
-    );
-    const submenu = childArray.find(
-      (child) => react.isValidElement(child) && (child.type === DropdownMenu || child.type.displayName === "DropdownMenu")
-    );
-    if (hasSubmenu && submenu) {
-      return /* @__PURE__ */ jsxRuntime.jsxs(reactAriaComponents.SubmenuTrigger, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          reactAriaComponents.MenuItem,
-          {
-            "aria-label": ariaLabel,
-            className: cn(menuItemVariants({ variant: "default" }), className),
-            ...props,
-            children: [
-              icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2", children: icon }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1", children: contentChildren }),
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "ml-auto h-4 w-4", "aria-hidden": "true" })
-            ]
-          }
-        ),
-        submenu
-      ] });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      reactAriaComponents.MenuItem,
-      {
-        onAction,
-        isDisabled,
-        "aria-label": ariaLabel,
-        className: cn(menuItemVariants({ variant: "default" }), className),
-        ...props,
-        children: [
-          icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2", children: icon }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1", children }),
-          iconRight && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto", children: iconRight }),
-          shortcut && /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: "ml-auto pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border border-[var(--border)] bg-[var(--accent-background)] px-1.5 font-mono text-[10px] font-medium text-[var(--menu-muted)] opacity-100", children: shortcut })
-        ]
-      }
-    );
-  }
-);
-DropdownItem.displayName = "DropdownItem";
-var DropdownSeparator = react.memo(react.forwardRef(
-  ({ className, ...props }, _ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      reactAriaComponents.Separator,
-      {
-        className: cn(
-          "-mx-1 my-1 h-px bg-[var(--accent-background)]",
-          className
-        ),
-        ...props
-      }
-    );
-  }
-));
-DropdownSeparator.displayName = "DropdownSeparator";
-var DropdownLabel = react.memo(react.forwardRef(
-  ({ children, className, ...props }, _ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      reactAriaComponents.Header,
-      {
-        className: cn(
-          "px-2 py-1.5 text-sm font-semibold text-[var(--menu-muted)]",
-          className
-        ),
-        ...props,
-        children
-      }
-    );
-  }
-));
-DropdownLabel.displayName = "DropdownLabel";
-var Dropdown = Object.assign(DropdownRoot, {
-  Trigger: DropdownTrigger,
-  Menu: DropdownMenu,
-  Item: DropdownItem,
-  Separator: DropdownSeparator,
-  Label: DropdownLabel
-});
-
-exports.Dropdown = Dropdown;
-exports.DropdownItem = DropdownItem;
-exports.DropdownLabel = DropdownLabel;
-exports.DropdownMenu = DropdownMenu;
-exports.DropdownSeparator = DropdownSeparator;
-exports.DropdownTrigger = DropdownTrigger;
-exports.menuItemVariants = menuItemVariants;
-exports.menuVariants = menuVariants;
-//# sourceMappingURL=index.js.map
+'use strict';var react=require('react'),reactAriaComponents=require('react-aria-components'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function d(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var b=classVarianceAuthority.cva("z-50 min-w-[8rem] overflow-hidden rounded-md border border-[var(--menu-border)] bg-[var(--menu-background)] text-[var(--menu-foreground)] shadow-md data-[entering]:animate-in data-[exiting]:animate-out data-[entering]:fade-in-0 data-[exiting]:fade-out-0 data-[entering]:zoom-in-95 data-[exiting]:zoom-out-95 p-1",{variants:{variant:{default:""}},defaultVariants:{variant:"default"}}),w=classVarianceAuthority.cva("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 min-h-[44px] data-[focused]:bg-[var(--menu-accent)] data-[focused]:text-[var(--menu-accent-foreground)] data-[pressed]:bg-[var(--menu-accent)] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:""}},defaultVariants:{variant:"default"}});function P(e){if(typeof e=="function"||typeof e=="object")return e?.displayName}var E=react.forwardRef(({defaultOpen:e=false,isOpen:o,onOpenChange:n,children:t},p)=>{if(process.env.NODE_ENV!=="production"){let s=react.Children.toArray(t),i=s.some(a=>react.isValidElement(a)&&(a.type===f||P(a.type)==="DropdownTrigger")),c=s.some(a=>react.isValidElement(a)&&(a.type===l||P(a.type)==="DropdownMenu"));if(!i||!c)throw new Error("Dropdown requires exactly one Dropdown.Trigger and one Dropdown.Menu as children")}return jsxRuntime.jsx(reactAriaComponents.MenuTrigger,{defaultOpen:e,isOpen:o,onOpenChange:n,children:t})});E.displayName="Dropdown";var f=react.forwardRef(({children:e,...o},n)=>react.isValidElement(e)?react.cloneElement(e,{...o,slot:"trigger"}):jsxRuntime.jsx(reactAriaComponents.Button,{ref:n,...o,children:e}));f.displayName="DropdownTrigger";var l=react.forwardRef(({align:e="start",side:o="bottom",className:n,children:t,...p},s)=>{let i=`${o} ${e}`;return jsxRuntime.jsx(reactAriaComponents.Popover,{placement:i,className:"entering:animate-in exiting:animate-out",children:jsxRuntime.jsx(reactAriaComponents.Menu,{className:d(b({variant:"default"}),n),...p,children:t})})});l.displayName="DropdownMenu";var x=react.forwardRef(({children:e,onAction:o,isDisabled:n=false,shortcut:t,icon:p,iconRight:s,className:i,"aria-label":c,...a},G)=>{let D=react.Children.toArray(e),y=u=>react.isValidElement(u)&&(u.type===l||P(u.type)==="DropdownMenu"),L=D.some(y),h=D.filter(u=>!y(u)),N=D.find(y);return L&&N?jsxRuntime.jsxs(reactAriaComponents.SubmenuTrigger,{children:[jsxRuntime.jsxs(reactAriaComponents.MenuItem,{"aria-label":c,className:d(w({variant:"default"}),i),...a,children:[p&&jsxRuntime.jsx("span",{className:"mr-2",children:p}),jsxRuntime.jsx("span",{className:"flex-1",children:h}),jsxRuntime.jsx(lucideReact.ChevronRight,{className:"ml-auto h-4 w-4","aria-hidden":"true"})]}),N]}):jsxRuntime.jsxs(reactAriaComponents.MenuItem,{onAction:o,isDisabled:n,"aria-label":c,className:d(w({variant:"default"}),i),...a,children:[p&&jsxRuntime.jsx("span",{className:"mr-2",children:p}),jsxRuntime.jsx("span",{className:"flex-1",children:e}),s&&jsxRuntime.jsx("span",{className:"ml-auto",children:s}),t&&jsxRuntime.jsx("kbd",{className:"ml-auto pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border border-[var(--border)] bg-[var(--accent-background)] px-1.5 font-mono text-[10px] font-medium text-[var(--menu-muted)] opacity-100",children:t})]})});x.displayName="DropdownItem";var M=react.memo(react.forwardRef(({className:e,...o},n)=>jsxRuntime.jsx(reactAriaComponents.Separator,{className:d("-mx-1 my-1 h-px bg-[var(--accent-background)]",e),...o})));M.displayName="DropdownSeparator";var T=react.memo(react.forwardRef(({children:e,className:o,...n},t)=>jsxRuntime.jsx(reactAriaComponents.Header,{className:d("px-2 py-1.5 text-sm font-semibold text-[var(--menu-muted)]",o),...n,children:e})));T.displayName="DropdownLabel";var F=Object.assign(E,{Trigger:f,Menu:l,Item:x,Separator:M,Label:T});exports.Dropdown=F;exports.DropdownItem=x;exports.DropdownLabel=T;exports.DropdownMenu=l;exports.DropdownSeparator=M;exports.DropdownTrigger=f;exports.menuItemVariants=w;exports.menuVariants=b;//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/elements/Dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/Dropdown/Dropdown.tsx"],"names":["twMerge","clsx","cva","forwardRef","Children","isValidElement","jsx","AriaMenuTrigger","cloneElement","AriaButton","AriaPopover","AriaMenu","AriaSubmenuTrigger","jsxs","AriaMenuItem","ChevronRight","memo","AriaSeparator","AriaHeader"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","\"use client\";\n\n/**\n * Dropdown Menu Component\n * Accessible dropdown menu with React Aria primitives, nested submenus, and CVA styling\n *\n * @see spec.md FR-001 to FR-054 (Dropdown Component Requirements)\n * @see spec.md FR-009 (WCAG 2.2 AAA - 7:1 contrast ratio)\n * @see spec.md FR-014 (44x44px minimum touch targets)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\nimport { forwardRef, memo, Children, isValidElement, type ReactNode, type ReactElement, cloneElement } from 'react';\nimport {\n  MenuTrigger as AriaMenuTrigger,\n  SubmenuTrigger as AriaSubmenuTrigger,\n  Button as AriaButton,\n  Menu as AriaMenu,\n  MenuItem as AriaMenuItem,\n  Separator as AriaSeparator,\n  Header as AriaHeader,\n  Popover as AriaPopover,\n} from 'react-aria-components';\nimport { cva } from 'class-variance-authority';\nimport { ChevronRight } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport type {\n  DropdownProps,\n  DropdownTriggerProps,\n  DropdownMenuProps,\n  DropdownItemProps,\n  DropdownSeparatorProps,\n  DropdownLabelProps,\n} from './Dropdown.types';\n\n/**\n * Menu variant styles using CVA\n * @see spec.md FR-040 (CVA for variant styling - single \"default\" variant for v1)\n */\nconst menuVariants = cva(\n  // Base styles - semantic tokens with fallbacks\n  \"z-50 min-w-[8rem] overflow-hidden rounded-md border border-[var(--menu-border)] bg-[var(--menu-background)] text-[var(--menu-foreground)] shadow-md data-[entering]:animate-in data-[exiting]:animate-out data-[entering]:fade-in-0 data-[exiting]:fade-out-0 data-[entering]:zoom-in-95 data-[exiting]:zoom-out-95 p-1\",\n  {\n    variants: {\n      variant: {\n        default: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n\n/**\n * Menu Item variant styles using CVA\n * @see spec.md FR-041 (CVA for item states: hover, focus, active, disabled)\n */\nconst menuItemVariants = cva(\n  // Base styles - FR-014: 44x44px minimum touch targets\n  \"relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 min-h-[44px] data-[focused]:bg-[var(--menu-accent)] data-[focused]:text-[var(--menu-accent-foreground)] data-[pressed]:bg-[var(--menu-accent)] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n\n/**\n * Dropdown Root Component\n * Manages open/close state and coordinates Trigger and Menu children\n *\n * @see spec.md FR-001 to FR-007\n */\ninterface InternalDropdownProps extends DropdownProps {\n  children: ReactNode;\n}\n\nconst DropdownRoot = forwardRef<HTMLDivElement, InternalDropdownProps>(\n  ({ defaultOpen = false, isOpen, onOpenChange, children }, _ref) => {\n    // Validate children: must have exactly one Trigger and one Menu\n    const childArray = Children.toArray(children);\n    const hasTrigger = childArray.some(\n      (child) =>\n        isValidElement(child) &&\n        (child.type === DropdownTrigger || (child.type as any).displayName === 'DropdownTrigger')\n    );\n    const hasMenu = childArray.some(\n      (child) =>\n        isValidElement(child) &&\n        (child.type === DropdownMenu || (child.type as any).displayName === 'DropdownMenu')\n    );\n\n    if (!hasTrigger || !hasMenu) {\n      throw new Error(\n        'Dropdown requires exactly one Dropdown.Trigger and one Dropdown.Menu as children'\n      );\n    }\n\n    return (\n      <AriaMenuTrigger defaultOpen={defaultOpen} isOpen={isOpen} onOpenChange={onOpenChange}>\n        {children}\n      </AriaMenuTrigger>\n    );\n  }\n);\n\nDropdownRoot.displayName = 'Dropdown';\n\n/**\n * Dropdown.Trigger Component\n * Wraps trigger element (typically Button) with proper ARIA attributes\n *\n * @see spec.md FR-008 to FR-012\n */\nconst DropdownTrigger = forwardRef<HTMLButtonElement, DropdownTriggerProps>(\n  ({ children, ...props }, ref) => {\n    // Clone child and add ref if it's a single React element\n    if (isValidElement(children)) {\n      return cloneElement(children as ReactElement<any>, {\n        ...props,\n        slot: 'trigger',\n      });\n    }\n\n    // Fallback: wrap in AriaButton if not a React element\n    return (\n      <AriaButton ref={ref} {...props}>\n        {children}\n      </AriaButton>\n    );\n  }\n);\n\nDropdownTrigger.displayName = 'DropdownTrigger';\n\n/**\n * Dropdown.Menu Component\n * Renders menu with positioning, collision detection, and focus management\n *\n * @see spec.md FR-014 to FR-024\n */\nconst DropdownMenu = forwardRef<HTMLDivElement, DropdownMenuProps>(\n  ({ align = 'start', side = 'bottom', className, children, ...props }, _ref) => {\n    // Map align to React Aria placement\n    const placement = `${side} ${align}` as any;\n\n    return (\n      <AriaPopover placement={placement} className=\"entering:animate-in exiting:animate-out\">\n        <AriaMenu\n          className={cn(menuVariants({ variant: 'default' }), className)}\n          {...props}\n        >\n          {children}\n        </AriaMenu>\n      </AriaPopover>\n    );\n  }\n);\n\nDropdownMenu.displayName = 'DropdownMenu';\n\n/**\n * Dropdown.Item Component\n * Menu item with action callbacks, disabled state, shortcuts, icons, and nested submenu support\n *\n * @see spec.md FR-025 to FR-034\n */\nconst DropdownItem = forwardRef<HTMLDivElement, DropdownItemProps>(\n  (\n    {\n      children,\n      onAction,\n      isDisabled = false,\n      shortcut,\n      icon,\n      iconRight,\n      className,\n      'aria-label': ariaLabel,\n      ...props\n    },\n    _ref\n  ) => {\n    // Check if this item contains a nested submenu\n    const childArray = Children.toArray(children);\n    const hasSubmenu = childArray.some(\n      (child) =>\n        isValidElement(child) &&\n        (child.type === DropdownMenu || (child.type as any).displayName === 'DropdownMenu')\n    );\n\n    // Filter children to separate submenu from content\n    const contentChildren = childArray.filter(\n      (child) =>\n        !isValidElement(child) ||\n        (child.type !== DropdownMenu && (child.type as any).displayName !== 'DropdownMenu')\n    );\n\n    const submenu = childArray.find(\n      (child) =>\n        isValidElement(child) &&\n        (child.type === DropdownMenu || (child.type as any).displayName === 'DropdownMenu')\n    );\n\n    if (hasSubmenu && submenu) {\n      // Render as submenu trigger using React Aria's SubmenuTrigger\n      return (\n        <AriaSubmenuTrigger>\n          <AriaMenuItem\n            aria-label={ariaLabel}\n            className={cn(menuItemVariants({ variant: 'default' }), className)}\n            {...props}\n          >\n            {icon && <span className=\"mr-2\">{icon}</span>}\n            <span className=\"flex-1\">{contentChildren}</span>\n            <ChevronRight className=\"ml-auto h-4 w-4\" aria-hidden=\"true\" />\n          </AriaMenuItem>\n          {submenu as ReactElement}\n        </AriaSubmenuTrigger>\n      );\n    }\n\n    // Regular menu item\n    return (\n      <AriaMenuItem\n        onAction={onAction}\n        isDisabled={isDisabled}\n        aria-label={ariaLabel}\n        className={cn(menuItemVariants({ variant: 'default' }), className)}\n        {...props}\n      >\n        {icon && <span className=\"mr-2\">{icon}</span>}\n        <span className=\"flex-1\">{children}</span>\n        {iconRight && <span className=\"ml-auto\">{iconRight}</span>}\n        {shortcut && (\n          <kbd className=\"ml-auto pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border border-[var(--border)] bg-[var(--accent-background)] px-1.5 font-mono text-[10px] font-medium text-[var(--menu-muted)] opacity-100\">\n            {shortcut}\n          </kbd>\n        )}\n      </AriaMenuItem>\n    );\n  }\n);\n\nDropdownItem.displayName = 'DropdownItem';\n\n/**\n * Dropdown.Separator Component\n * Non-focusable visual divider\n *\n * @see spec.md FR-043 to FR-045\n */\nconst DropdownSeparator = memo(forwardRef<HTMLDivElement, DropdownSeparatorProps>(\n  ({ className, ...props }, _ref) => {\n    return (\n      <AriaSeparator\n        className={cn(\n          '-mx-1 my-1 h-px bg-[var(--accent-background)]',\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n));\n\nDropdownSeparator.displayName = 'DropdownSeparator';\n\n/**\n * Dropdown.Label Component\n * Non-interactive section header\n *\n * @see spec.md FR-046 to FR-048\n */\nconst DropdownLabel = memo(forwardRef<HTMLDivElement, DropdownLabelProps>(\n  ({ children, className, ...props }, _ref) => {\n    return (\n      <AriaHeader\n        className={cn(\n          'px-2 py-1.5 text-sm font-semibold text-[var(--menu-muted)]',\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </AriaHeader>\n    );\n  }\n));\n\nDropdownLabel.displayName = 'DropdownLabel';\n\n/**\n * Export compound component\n */\nexport const Dropdown = Object.assign(DropdownRoot, {\n  Trigger: DropdownTrigger,\n  Menu: DropdownMenu,\n  Item: DropdownItem,\n  Separator: DropdownSeparator,\n  Label: DropdownLabel,\n});\n\n// Export individual components for flexibility\nexport { DropdownTrigger, DropdownMenu, DropdownItem, DropdownSeparator, DropdownLabel };\n\n// Export variant functions for external use\nexport { menuVariants, menuItemVariants };\n\n// Export types\nexport type {\n  DropdownProps,\n  DropdownTriggerProps,\n  DropdownMenuProps,\n  DropdownItemProps,\n  DropdownSeparatorProps,\n  DropdownLabelProps,\n};\n"]}
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/Dropdown/Dropdown.styles.ts","../../../src/elements/Dropdown/Dropdown.tsx"],"names":["cn","inputs","twMerge","clsx","menuVariants","cva","menuItemVariants","getDisplayName","type","DropdownRoot","forwardRef","defaultOpen","isOpen","onOpenChange","children","_ref","childArray","Children","hasTrigger","child","isValidElement","DropdownTrigger","hasMenu","DropdownMenu","jsx","AriaMenuTrigger","props","ref","cloneElement","AriaButton","align","side","className","placement","AriaPopover","AriaMenu","DropdownItem","onAction","isDisabled","shortcut","icon","iconRight","ariaLabel","isDropdownMenu","hasSubmenu","contentChildren","submenu","jsxs","AriaSubmenuTrigger","AriaMenuItem","ChevronRight","DropdownSeparator","memo","AriaSeparator","DropdownLabel","AriaHeader","Dropdown"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","import { cva, type VariantProps } from 'class-variance-authority';\n\n/**\n * Menu variant styles using CVA\n * @see spec.md FR-040 (CVA for variant styling - single \"default\" variant for v1)\n */\nexport const menuVariants = cva(\n  // Base styles - semantic tokens with fallbacks\n  \"z-50 min-w-[8rem] overflow-hidden rounded-md border border-[var(--menu-border)] bg-[var(--menu-background)] text-[var(--menu-foreground)] shadow-md data-[entering]:animate-in data-[exiting]:animate-out data-[entering]:fade-in-0 data-[exiting]:fade-out-0 data-[entering]:zoom-in-95 data-[exiting]:zoom-out-95 p-1\",\n  {\n    variants: {\n      variant: {\n        default: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n\n/**\n * Menu Item variant styles using CVA\n * @see spec.md FR-041 (CVA for item states: hover, focus, active, disabled)\n */\nexport const menuItemVariants = cva(\n  // Base styles - FR-014: 44x44px minimum touch targets\n  \"relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 min-h-[44px] data-[focused]:bg-[var(--menu-accent)] data-[focused]:text-[var(--menu-accent-foreground)] data-[pressed]:bg-[var(--menu-accent)] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n\n/**\n * Type exports for variant props\n * Allows TypeScript inference of variant combinations\n */\nexport type MenuVariantProps = VariantProps<typeof menuVariants>;\nexport type MenuItemVariantProps = VariantProps<typeof menuItemVariants>;\n","\"use client\";\n\n/**\n * Dropdown Menu Component\n * Accessible dropdown menu with React Aria primitives, nested submenus, and CVA styling\n *\n * @see spec.md FR-001 to FR-054 (Dropdown Component Requirements)\n * @see spec.md FR-009 (WCAG 2.2 AAA - 7:1 contrast ratio)\n * @see spec.md FR-014 (44x44px minimum touch targets)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\nimport { forwardRef, memo, Children, isValidElement, type ReactNode, type ReactElement, cloneElement, type ComponentType } from 'react';\nimport type { Placement } from 'react-aria';\nimport {\n  MenuTrigger as AriaMenuTrigger,\n  SubmenuTrigger as AriaSubmenuTrigger,\n  Button as AriaButton,\n  Menu as AriaMenu,\n  MenuItem as AriaMenuItem,\n  Separator as AriaSeparator,\n  Header as AriaHeader,\n  Popover as AriaPopover,\n} from 'react-aria-components';\nimport { ChevronRight } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { menuVariants, menuItemVariants } from './Dropdown.styles';\nimport type {\n  DropdownProps,\n  DropdownTriggerProps,\n  DropdownMenuProps,\n  DropdownItemProps,\n  DropdownSeparatorProps,\n  DropdownLabelProps,\n} from './Dropdown.types';\n\n/**\n * Type-safe helper to get displayName from a component type.\n */\nfunction getDisplayName(type: unknown): string | undefined {\n  if (typeof type === 'function' || typeof type === 'object') {\n    return (type as ComponentType)?.displayName;\n  }\n  return undefined;\n}\n\n/**\n * Dropdown Root Component\n * Manages open/close state and coordinates Trigger and Menu children\n *\n * @see spec.md FR-001 to FR-007\n */\ninterface InternalDropdownProps extends DropdownProps {\n  children: ReactNode;\n}\n\nconst DropdownRoot = forwardRef<HTMLDivElement, InternalDropdownProps>(\n  ({ defaultOpen = false, isOpen, onOpenChange, children }, _ref) => {\n    // Validate children structure in development only\n    if (process.env.NODE_ENV !== 'production') {\n      const childArray = Children.toArray(children);\n      const hasTrigger = childArray.some(\n        (child) =>\n          isValidElement(child) &&\n          (child.type === DropdownTrigger || getDisplayName(child.type) === 'DropdownTrigger')\n      );\n      const hasMenu = childArray.some(\n        (child) =>\n          isValidElement(child) &&\n          (child.type === DropdownMenu || getDisplayName(child.type) === 'DropdownMenu')\n      );\n\n      if (!hasTrigger || !hasMenu) {\n        throw new Error(\n          'Dropdown requires exactly one Dropdown.Trigger and one Dropdown.Menu as children'\n        );\n      }\n    }\n\n    return (\n      <AriaMenuTrigger defaultOpen={defaultOpen} isOpen={isOpen} onOpenChange={onOpenChange}>\n        {children}\n      </AriaMenuTrigger>\n    );\n  }\n);\n\nDropdownRoot.displayName = 'Dropdown';\n\n/**\n * Dropdown.Trigger Component\n * Wraps trigger element (typically Button) with proper ARIA attributes\n *\n * @see spec.md FR-008 to FR-012\n */\nconst DropdownTrigger = forwardRef<HTMLButtonElement, DropdownTriggerProps>(\n  ({ children, ...props }, ref) => {\n    // Clone child and add ref if it's a single React element\n    if (isValidElement(children)) {\n      return cloneElement(children as ReactElement<Record<string, unknown>>, {\n        ...props,\n        slot: 'trigger',\n      });\n    }\n\n    // Fallback: wrap in AriaButton if not a React element\n    return (\n      <AriaButton ref={ref} {...props}>\n        {children}\n      </AriaButton>\n    );\n  }\n);\n\nDropdownTrigger.displayName = 'DropdownTrigger';\n\n/**\n * Dropdown.Menu Component\n * Renders menu with positioning, collision detection, and focus management\n *\n * @see spec.md FR-014 to FR-024\n */\nconst DropdownMenu = forwardRef<HTMLDivElement, DropdownMenuProps>(\n  ({ align = 'start', side = 'bottom', className, children, ...props }, _ref) => {\n    // Map align to React Aria placement\n    const placement = `${side} ${align}` as Placement;\n\n    return (\n      <AriaPopover placement={placement} className=\"entering:animate-in exiting:animate-out\">\n        <AriaMenu\n          className={cn(menuVariants({ variant: 'default' }), className)}\n          {...props}\n        >\n          {children}\n        </AriaMenu>\n      </AriaPopover>\n    );\n  }\n);\n\nDropdownMenu.displayName = 'DropdownMenu';\n\n/**\n * Dropdown.Item Component\n * Menu item with action callbacks, disabled state, shortcuts, icons, and nested submenu support\n *\n * @see spec.md FR-025 to FR-034\n */\nconst DropdownItem = forwardRef<HTMLDivElement, DropdownItemProps>(\n  (\n    {\n      children,\n      onAction,\n      isDisabled = false,\n      shortcut,\n      icon,\n      iconRight,\n      className,\n      'aria-label': ariaLabel,\n      ...props\n    },\n    _ref\n  ) => {\n    // Check if this item contains a nested submenu\n    const childArray = Children.toArray(children);\n    const isDropdownMenu = (child: unknown): boolean =>\n      isValidElement(child) &&\n      (child.type === DropdownMenu || getDisplayName(child.type) === 'DropdownMenu');\n\n    const hasSubmenu = childArray.some(isDropdownMenu);\n\n    // Filter children to separate submenu from content\n    const contentChildren = childArray.filter((child) => !isDropdownMenu(child));\n\n    const submenu = childArray.find(isDropdownMenu);\n\n    if (hasSubmenu && submenu) {\n      // Render as submenu trigger using React Aria's SubmenuTrigger\n      return (\n        <AriaSubmenuTrigger>\n          <AriaMenuItem\n            aria-label={ariaLabel}\n            className={cn(menuItemVariants({ variant: 'default' }), className)}\n            {...props}\n          >\n            {icon && <span className=\"mr-2\">{icon}</span>}\n            <span className=\"flex-1\">{contentChildren}</span>\n            <ChevronRight className=\"ml-auto h-4 w-4\" aria-hidden=\"true\" />\n          </AriaMenuItem>\n          {submenu as ReactElement}\n        </AriaSubmenuTrigger>\n      );\n    }\n\n    // Regular menu item\n    return (\n      <AriaMenuItem\n        onAction={onAction}\n        isDisabled={isDisabled}\n        aria-label={ariaLabel}\n        className={cn(menuItemVariants({ variant: 'default' }), className)}\n        {...props}\n      >\n        {icon && <span className=\"mr-2\">{icon}</span>}\n        <span className=\"flex-1\">{children}</span>\n        {iconRight && <span className=\"ml-auto\">{iconRight}</span>}\n        {shortcut && (\n          <kbd className=\"ml-auto pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border border-[var(--border)] bg-[var(--accent-background)] px-1.5 font-mono text-[10px] font-medium text-[var(--menu-muted)] opacity-100\">\n            {shortcut}\n          </kbd>\n        )}\n      </AriaMenuItem>\n    );\n  }\n);\n\nDropdownItem.displayName = 'DropdownItem';\n\n/**\n * Dropdown.Separator Component\n * Non-focusable visual divider\n *\n * @see spec.md FR-043 to FR-045\n */\nconst DropdownSeparator = memo(forwardRef<HTMLDivElement, DropdownSeparatorProps>(\n  ({ className, ...props }, _ref) => {\n    return (\n      <AriaSeparator\n        className={cn(\n          '-mx-1 my-1 h-px bg-[var(--accent-background)]',\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n));\n\nDropdownSeparator.displayName = 'DropdownSeparator';\n\n/**\n * Dropdown.Label Component\n * Non-interactive section header\n *\n * @see spec.md FR-046 to FR-048\n */\nconst DropdownLabel = memo(forwardRef<HTMLDivElement, DropdownLabelProps>(\n  ({ children, className, ...props }, _ref) => {\n    return (\n      <AriaHeader\n        className={cn(\n          'px-2 py-1.5 text-sm font-semibold text-[var(--menu-muted)]',\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </AriaHeader>\n    );\n  }\n));\n\nDropdownLabel.displayName = 'DropdownLabel';\n\n/**\n * Export compound component via Object.assign for backwards compatibility.\n * Enables `<Dropdown.Trigger>`, `<Dropdown.Menu>`, etc.\n *\n * @deprecated v2 — Remove Object.assign pattern in favour of direct named exports\n * (DropdownTrigger, DropdownMenu, DropdownItem, DropdownSeparator, DropdownLabel)\n * for better tree-shaking. See named exports below.\n */\nexport const Dropdown = Object.assign(DropdownRoot, {\n  Trigger: DropdownTrigger,\n  Menu: DropdownMenu,\n  Item: DropdownItem,\n  Separator: DropdownSeparator,\n  Label: DropdownLabel,\n});\n\n// Export individual components for flexibility\nexport { DropdownTrigger, DropdownMenu, DropdownItem, DropdownSeparator, DropdownLabel };\n\n// Export variant functions for external use\nexport { menuVariants, menuItemVariants };\n\n// Export types\nexport type {\n  DropdownProps,\n  DropdownTriggerProps,\n  DropdownMenuProps,\n  DropdownItemProps,\n  DropdownSeparatorProps,\n  DropdownLabelProps,\n};\n"]}

package/dist/elements/Dropdown/index.mjs

@@ -1,186 +1,3 @@
 "use client";
-import { forwardRef, Children, isValidElement, cloneElement, memo } from 'react';
-import { MenuTrigger, Button, Popover, Menu, SubmenuTrigger, MenuItem, Separator, Header } from 'react-aria-components';
-import { cva } from 'class-variance-authority';
-import { ChevronRight } from 'lucide-react';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-// src/elements/Dropdown/Dropdown.tsx
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-var menuVariants = cva(
-  // Base styles - semantic tokens with fallbacks
-  "z-50 min-w-[8rem] overflow-hidden rounded-md border border-[var(--menu-border)] bg-[var(--menu-background)] text-[var(--menu-foreground)] shadow-md data-[entering]:animate-in data-[exiting]:animate-out data-[entering]:fade-in-0 data-[exiting]:fade-out-0 data-[entering]:zoom-in-95 data-[exiting]:zoom-out-95 p-1",
-  {
-    variants: {
-      variant: {
-        default: ""
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-var menuItemVariants = cva(
-  // Base styles - FR-014: 44x44px minimum touch targets
-  "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 min-h-[44px] data-[focused]:bg-[var(--menu-accent)] data-[focused]:text-[var(--menu-accent-foreground)] data-[pressed]:bg-[var(--menu-accent)] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: ""
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-var DropdownRoot = forwardRef(
-  ({ defaultOpen = false, isOpen, onOpenChange, children }, _ref) => {
-    const childArray = Children.toArray(children);
-    const hasTrigger = childArray.some(
-      (child) => isValidElement(child) && (child.type === DropdownTrigger || child.type.displayName === "DropdownTrigger")
-    );
-    const hasMenu = childArray.some(
-      (child) => isValidElement(child) && (child.type === DropdownMenu || child.type.displayName === "DropdownMenu")
-    );
-    if (!hasTrigger || !hasMenu) {
-      throw new Error(
-        "Dropdown requires exactly one Dropdown.Trigger and one Dropdown.Menu as children"
-      );
-    }
-    return /* @__PURE__ */ jsx(MenuTrigger, { defaultOpen, isOpen, onOpenChange, children });
-  }
-);
-DropdownRoot.displayName = "Dropdown";
-var DropdownTrigger = forwardRef(
-  ({ children, ...props }, ref) => {
-    if (isValidElement(children)) {
-      return cloneElement(children, {
-        ...props,
-        slot: "trigger"
-      });
-    }
-    return /* @__PURE__ */ jsx(Button, { ref, ...props, children });
-  }
-);
-DropdownTrigger.displayName = "DropdownTrigger";
-var DropdownMenu = forwardRef(
-  ({ align = "start", side = "bottom", className, children, ...props }, _ref) => {
-    const placement = `${side} ${align}`;
-    return /* @__PURE__ */ jsx(Popover, { placement, className: "entering:animate-in exiting:animate-out", children: /* @__PURE__ */ jsx(
-      Menu,
-      {
-        className: cn(menuVariants({ variant: "default" }), className),
-        ...props,
-        children
-      }
-    ) });
-  }
-);
-DropdownMenu.displayName = "DropdownMenu";
-var DropdownItem = forwardRef(
-  ({
-    children,
-    onAction,
-    isDisabled = false,
-    shortcut,
-    icon,
-    iconRight,
-    className,
-    "aria-label": ariaLabel,
-    ...props
-  }, _ref) => {
-    const childArray = Children.toArray(children);
-    const hasSubmenu = childArray.some(
-      (child) => isValidElement(child) && (child.type === DropdownMenu || child.type.displayName === "DropdownMenu")
-    );
-    const contentChildren = childArray.filter(
-      (child) => !isValidElement(child) || child.type !== DropdownMenu && child.type.displayName !== "DropdownMenu"
-    );
-    const submenu = childArray.find(
-      (child) => isValidElement(child) && (child.type === DropdownMenu || child.type.displayName === "DropdownMenu")
-    );
-    if (hasSubmenu && submenu) {
-      return /* @__PURE__ */ jsxs(SubmenuTrigger, { children: [
-        /* @__PURE__ */ jsxs(
-          MenuItem,
-          {
-            "aria-label": ariaLabel,
-            className: cn(menuItemVariants({ variant: "default" }), className),
-            ...props,
-            children: [
-              icon && /* @__PURE__ */ jsx("span", { className: "mr-2", children: icon }),
-              /* @__PURE__ */ jsx("span", { className: "flex-1", children: contentChildren }),
-              /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-4 w-4", "aria-hidden": "true" })
-            ]
-          }
-        ),
-        submenu
-      ] });
-    }
-    return /* @__PURE__ */ jsxs(
-      MenuItem,
-      {
-        onAction,
-        isDisabled,
-        "aria-label": ariaLabel,
-        className: cn(menuItemVariants({ variant: "default" }), className),
-        ...props,
-        children: [
-          icon && /* @__PURE__ */ jsx("span", { className: "mr-2", children: icon }),
-          /* @__PURE__ */ jsx("span", { className: "flex-1", children }),
-          iconRight && /* @__PURE__ */ jsx("span", { className: "ml-auto", children: iconRight }),
-          shortcut && /* @__PURE__ */ jsx("kbd", { className: "ml-auto pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border border-[var(--border)] bg-[var(--accent-background)] px-1.5 font-mono text-[10px] font-medium text-[var(--menu-muted)] opacity-100", children: shortcut })
-        ]
-      }
-    );
-  }
-);
-DropdownItem.displayName = "DropdownItem";
-var DropdownSeparator = memo(forwardRef(
-  ({ className, ...props }, _ref) => {
-    return /* @__PURE__ */ jsx(
-      Separator,
-      {
-        className: cn(
-          "-mx-1 my-1 h-px bg-[var(--accent-background)]",
-          className
-        ),
-        ...props
-      }
-    );
-  }
-));
-DropdownSeparator.displayName = "DropdownSeparator";
-var DropdownLabel = memo(forwardRef(
-  ({ children, className, ...props }, _ref) => {
-    return /* @__PURE__ */ jsx(
-      Header,
-      {
-        className: cn(
-          "px-2 py-1.5 text-sm font-semibold text-[var(--menu-muted)]",
-          className
-        ),
-        ...props,
-        children
-      }
-    );
-  }
-));
-DropdownLabel.displayName = "DropdownLabel";
-var Dropdown = Object.assign(DropdownRoot, {
-  Trigger: DropdownTrigger,
-  Menu: DropdownMenu,
-  Item: DropdownItem,
-  Separator: DropdownSeparator,
-  Label: DropdownLabel
-});
-
-export { Dropdown, DropdownItem, DropdownLabel, DropdownMenu, DropdownSeparator, DropdownTrigger, menuItemVariants, menuVariants };
-//# sourceMappingURL=index.mjs.map
+import {forwardRef,Children,isValidElement,cloneElement,memo}from'react';import {MenuTrigger,Button,Popover,Menu,SubmenuTrigger,MenuItem,Separator,Header}from'react-aria-components';import {ChevronRight}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {jsx,jsxs}from'react/jsx-runtime';function d(...e){return twMerge(clsx(e))}var b=cva("z-50 min-w-[8rem] overflow-hidden rounded-md border border-[var(--menu-border)] bg-[var(--menu-background)] text-[var(--menu-foreground)] shadow-md data-[entering]:animate-in data-[exiting]:animate-out data-[entering]:fade-in-0 data-[exiting]:fade-out-0 data-[entering]:zoom-in-95 data-[exiting]:zoom-out-95 p-1",{variants:{variant:{default:""}},defaultVariants:{variant:"default"}}),w=cva("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 min-h-[44px] data-[focused]:bg-[var(--menu-accent)] data-[focused]:text-[var(--menu-accent-foreground)] data-[pressed]:bg-[var(--menu-accent)] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:""}},defaultVariants:{variant:"default"}});function P(e){if(typeof e=="function"||typeof e=="object")return e?.displayName}var E=forwardRef(({defaultOpen:e=false,isOpen:o,onOpenChange:n,children:t},p)=>{if(process.env.NODE_ENV!=="production"){let s=Children.toArray(t),i=s.some(a=>isValidElement(a)&&(a.type===f||P(a.type)==="DropdownTrigger")),c=s.some(a=>isValidElement(a)&&(a.type===l||P(a.type)==="DropdownMenu"));if(!i||!c)throw new Error("Dropdown requires exactly one Dropdown.Trigger and one Dropdown.Menu as children")}return jsx(MenuTrigger,{defaultOpen:e,isOpen:o,onOpenChange:n,children:t})});E.displayName="Dropdown";var f=forwardRef(({children:e,...o},n)=>isValidElement(e)?cloneElement(e,{...o,slot:"trigger"}):jsx(Button,{ref:n,...o,children:e}));f.displayName="DropdownTrigger";var l=forwardRef(({align:e="start",side:o="bottom",className:n,children:t,...p},s)=>{let i=`${o} ${e}`;return jsx(Popover,{placement:i,className:"entering:animate-in exiting:animate-out",children:jsx(Menu,{className:d(b({variant:"default"}),n),...p,children:t})})});l.displayName="DropdownMenu";var x=forwardRef(({children:e,onAction:o,isDisabled:n=false,shortcut:t,icon:p,iconRight:s,className:i,"aria-label":c,...a},G)=>{let D=Children.toArray(e),y=u=>isValidElement(u)&&(u.type===l||P(u.type)==="DropdownMenu"),L=D.some(y),h=D.filter(u=>!y(u)),N=D.find(y);return L&&N?jsxs(SubmenuTrigger,{children:[jsxs(MenuItem,{"aria-label":c,className:d(w({variant:"default"}),i),...a,children:[p&&jsx("span",{className:"mr-2",children:p}),jsx("span",{className:"flex-1",children:h}),jsx(ChevronRight,{className:"ml-auto h-4 w-4","aria-hidden":"true"})]}),N]}):jsxs(MenuItem,{onAction:o,isDisabled:n,"aria-label":c,className:d(w({variant:"default"}),i),...a,children:[p&&jsx("span",{className:"mr-2",children:p}),jsx("span",{className:"flex-1",children:e}),s&&jsx("span",{className:"ml-auto",children:s}),t&&jsx("kbd",{className:"ml-auto pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border border-[var(--border)] bg-[var(--accent-background)] px-1.5 font-mono text-[10px] font-medium text-[var(--menu-muted)] opacity-100",children:t})]})});x.displayName="DropdownItem";var M=memo(forwardRef(({className:e,...o},n)=>jsx(Separator,{className:d("-mx-1 my-1 h-px bg-[var(--accent-background)]",e),...o})));M.displayName="DropdownSeparator";var T=memo(forwardRef(({children:e,className:o,...n},t)=>jsx(Header,{className:d("px-2 py-1.5 text-sm font-semibold text-[var(--menu-muted)]",o),...n,children:e})));T.displayName="DropdownLabel";var F=Object.assign(E,{Trigger:f,Menu:l,Item:x,Separator:M,Label:T});export{F as Dropdown,x as DropdownItem,T as DropdownLabel,l as DropdownMenu,M as DropdownSeparator,f as DropdownTrigger,w as menuItemVariants,b as menuVariants};//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

package/dist/elements/Dropdown/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/Dropdown/Dropdown.tsx"],"names":["AriaMenuTrigger","AriaButton","AriaPopover","AriaMenu","AriaSubmenuTrigger","AriaMenuItem","AriaSeparator","AriaHeader"],"mappings":";;;;;;;;;AAcO,SAAS,MAAM,MAAA,EAA8B;AAClD,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACuBA,IAAM,YAAA,GAAe,GAAA;AAAA;AAAA,EAEnB,yTAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS;AAAA;AACX,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ;AAMA,IAAM,gBAAA,GAAmB,GAAA;AAAA;AAAA,EAEvB,qYAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS;AAAA;AACX,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ;AAYA,IAAM,YAAA,GAAe,UAAA;AAAA,EACnB,CAAC,EAAE,WAAA,GAAc,KAAA,EAAO,QAAQ,YAAA,EAAc,QAAA,IAAY,IAAA,KAAS;AAEjE,IAAA,MAAM,UAAA,GAAa,QAAA,CAAS,OAAA,CAAQ,QAAQ,CAAA;AAC5C,IAAA,MAAM,aAAa,UAAA,CAAW,IAAA;AAAA,MAC5B,CAAC,KAAA,KACC,cAAA,CAAe,KAAK,CAAA,KACnB,MAAM,IAAA,KAAS,eAAA,IAAoB,KAAA,CAAM,IAAA,CAAa,WAAA,KAAgB,iBAAA;AAAA,KAC3E;AACA,IAAA,MAAM,UAAU,UAAA,CAAW,IAAA;AAAA,MACzB,CAAC,KAAA,KACC,cAAA,CAAe,KAAK,CAAA,KACnB,MAAM,IAAA,KAAS,YAAA,IAAiB,KAAA,CAAM,IAAA,CAAa,WAAA,KAAgB,cAAA;AAAA,KACxE;AAEA,IAAA,IAAI,CAAC,UAAA,IAAc,CAAC,OAAA,EAAS;AAC3B,MAAA,MAAM,IAAI,KAAA;AAAA,QACR;AAAA,OACF;AAAA,IACF;AAEA,IAAA,uBACE,GAAA,CAACA,WAAA,EAAA,EAAgB,WAAA,EAA0B,MAAA,EAAgB,cACxD,QAAA,EACH,CAAA;AAAA,EAEJ;AACF,CAAA;AAEA,YAAA,CAAa,WAAA,GAAc,UAAA;AAQ3B,IAAM,eAAA,GAAkB,UAAA;AAAA,EACtB,CAAC,EAAE,QAAA,EAAU,GAAG,KAAA,IAAS,GAAA,KAAQ;AAE/B,IAAA,IAAI,cAAA,CAAe,QAAQ,CAAA,EAAG;AAC5B,MAAA,OAAO,aAAa,QAAA,EAA+B;AAAA,QACjD,GAAG,KAAA;AAAA,QACH,IAAA,EAAM;AAAA,OACP,CAAA;AAAA,IACH;AAGA,IAAA,uBACE,GAAA,CAACC,MAAA,EAAA,EAAW,GAAA,EAAW,GAAG,OACvB,QAAA,EACH,CAAA;AAAA,EAEJ;AACF;AAEA,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAQ9B,IAAM,YAAA,GAAe,UAAA;AAAA,EACnB,CAAC,EAAE,KAAA,GAAQ,OAAA,EAAS,IAAA,GAAO,QAAA,EAAU,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,IAAA,KAAS;AAE7E,IAAA,MAAM,SAAA,GAAY,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,KAAK,CAAA,CAAA;AAElC,IAAA,uBACE,GAAA,CAACC,OAAA,EAAA,EAAY,SAAA,EAAsB,SAAA,EAAU,yCAAA,EAC3C,QAAA,kBAAA,GAAA;AAAA,MAACC,IAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,GAAG,YAAA,CAAa,EAAE,SAAS,SAAA,EAAW,GAAG,SAAS,CAAA;AAAA,QAC5D,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH,EACF,CAAA;AAAA,EAEJ;AACF;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA;AAQ3B,IAAM,YAAA,GAAe,UAAA;AAAA,EACnB,CACE;AAAA,IACE,QAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA,GAAa,KAAA;AAAA,IACb,QAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA,EAAc,SAAA;AAAA,IACd,GAAG;AAAA,KAEL,IAAA,KACG;AAEH,IAAA,MAAM,UAAA,GAAa,QAAA,CAAS,OAAA,CAAQ,QAAQ,CAAA;AAC5C,IAAA,MAAM,aAAa,UAAA,CAAW,IAAA;AAAA,MAC5B,CAAC,KAAA,KACC,cAAA,CAAe,KAAK,CAAA,KACnB,MAAM,IAAA,KAAS,YAAA,IAAiB,KAAA,CAAM,IAAA,CAAa,WAAA,KAAgB,cAAA;AAAA,KACxE;AAGA,IAAA,MAAM,kBAAkB,UAAA,CAAW,MAAA;AAAA,MACjC,CAAC,KAAA,KACC,CAAC,cAAA,CAAe,KAAK,CAAA,IACpB,KAAA,CAAM,IAAA,KAAS,YAAA,IAAiB,KAAA,CAAM,IAAA,CAAa,WAAA,KAAgB;AAAA,KACxE;AAEA,IAAA,MAAM,UAAU,UAAA,CAAW,IAAA;AAAA,MACzB,CAAC,KAAA,KACC,cAAA,CAAe,KAAK,CAAA,KACnB,MAAM,IAAA,KAAS,YAAA,IAAiB,KAAA,CAAM,IAAA,CAAa,WAAA,KAAgB,cAAA;AAAA,KACxE;AAEA,IAAA,IAAI,cAAc,OAAA,EAAS;AAEzB,MAAA,4BACGC,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,wBAAA,IAAA;AAAA,UAACC,QAAA;AAAA,UAAA;AAAA,YACC,YAAA,EAAY,SAAA;AAAA,YACZ,SAAA,EAAW,GAAG,gBAAA,CAAiB,EAAE,SAAS,SAAA,EAAW,GAAG,SAAS,CAAA;AAAA,YAChE,GAAG,KAAA;AAAA,YAEH,QAAA,EAAA;AAAA,cAAA,IAAA,oBAAQ,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,MAAA,EAAQ,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,8BACtC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAU,QAAA,EAAA,eAAA,EAAgB,CAAA;AAAA,8BAC1C,GAAA,CAAC,YAAA,EAAA,EAAa,SAAA,EAAU,iBAAA,EAAkB,eAAY,MAAA,EAAO;AAAA;AAAA;AAAA,SAC/D;AAAA,QACC;AAAA,OAAA,EACH,CAAA;AAAA,IAEJ;AAGA,IAAA,uBACE,IAAA;AAAA,MAACA,QAAA;AAAA,MAAA;AAAA,QACC,QAAA;AAAA,QACA,UAAA;AAAA,QACA,YAAA,EAAY,SAAA;AAAA,QACZ,SAAA,EAAW,GAAG,gBAAA,CAAiB,EAAE,SAAS,SAAA,EAAW,GAAG,SAAS,CAAA;AAAA,QAChE,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,IAAA,oBAAQ,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,MAAA,EAAQ,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,0BACtC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAU,QAAA,EAAS,CAAA;AAAA,UAClC,SAAA,oBAAa,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,WAAW,QAAA,EAAA,SAAA,EAAU,CAAA;AAAA,UAClD,QAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gOACZ,QAAA,EAAA,QAAA,EACH;AAAA;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA;AAQ3B,IAAM,oBAAoB,IAAA,CAAK,UAAA;AAAA,EAC7B,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,IAAA,KAAS;AACjC,IAAA,uBACE,GAAA;AAAA,MAACC,SAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,+CAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF,CAAC;AAED,iBAAA,CAAkB,WAAA,GAAc,mBAAA;AAQhC,IAAM,gBAAgB,IAAA,CAAK,UAAA;AAAA,EACzB,CAAC,EAAE,QAAA,EAAU,WAAW,GAAG,KAAA,IAAS,IAAA,KAAS;AAC3C,IAAA,uBACE,GAAA;AAAA,MAACC,MAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,4DAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF,CAAC;AAED,aAAA,CAAc,WAAA,GAAc,eAAA;AAKrB,IAAM,QAAA,GAAW,MAAA,CAAO,MAAA,CAAO,YAAA,EAAc;AAAA,EAClD,OAAA,EAAS,eAAA;AAAA,EACT,IAAA,EAAM,YAAA;AAAA,EACN,IAAA,EAAM,YAAA;AAAA,EACN,SAAA,EAAW,iBAAA;AAAA,EACX,KAAA,EAAO;AACT,CAAC","file":"index.mjs","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","\"use client\";\n\n/**\n * Dropdown Menu Component\n * Accessible dropdown menu with React Aria primitives, nested submenus, and CVA styling\n *\n * @see spec.md FR-001 to FR-054 (Dropdown Component Requirements)\n * @see spec.md FR-009 (WCAG 2.2 AAA - 7:1 contrast ratio)\n * @see spec.md FR-014 (44x44px minimum touch targets)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\nimport { forwardRef, memo, Children, isValidElement, type ReactNode, type ReactElement, cloneElement } from 'react';\nimport {\n  MenuTrigger as AriaMenuTrigger,\n  SubmenuTrigger as AriaSubmenuTrigger,\n  Button as AriaButton,\n  Menu as AriaMenu,\n  MenuItem as AriaMenuItem,\n  Separator as AriaSeparator,\n  Header as AriaHeader,\n  Popover as AriaPopover,\n} from 'react-aria-components';\nimport { cva } from 'class-variance-authority';\nimport { ChevronRight } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport type {\n  DropdownProps,\n  DropdownTriggerProps,\n  DropdownMenuProps,\n  DropdownItemProps,\n  DropdownSeparatorProps,\n  DropdownLabelProps,\n} from './Dropdown.types';\n\n/**\n * Menu variant styles using CVA\n * @see spec.md FR-040 (CVA for variant styling - single \"default\" variant for v1)\n */\nconst menuVariants = cva(\n  // Base styles - semantic tokens with fallbacks\n  \"z-50 min-w-[8rem] overflow-hidden rounded-md border border-[var(--menu-border)] bg-[var(--menu-background)] text-[var(--menu-foreground)] shadow-md data-[entering]:animate-in data-[exiting]:animate-out data-[entering]:fade-in-0 data-[exiting]:fade-out-0 data-[entering]:zoom-in-95 data-[exiting]:zoom-out-95 p-1\",\n  {\n    variants: {\n      variant: {\n        default: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n\n/**\n * Menu Item variant styles using CVA\n * @see spec.md FR-041 (CVA for item states: hover, focus, active, disabled)\n */\nconst menuItemVariants = cva(\n  // Base styles - FR-014: 44x44px minimum touch targets\n  \"relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 min-h-[44px] data-[focused]:bg-[var(--menu-accent)] data-[focused]:text-[var(--menu-accent-foreground)] data-[pressed]:bg-[var(--menu-accent)] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n\n/**\n * Dropdown Root Component\n * Manages open/close state and coordinates Trigger and Menu children\n *\n * @see spec.md FR-001 to FR-007\n */\ninterface InternalDropdownProps extends DropdownProps {\n  children: ReactNode;\n}\n\nconst DropdownRoot = forwardRef<HTMLDivElement, InternalDropdownProps>(\n  ({ defaultOpen = false, isOpen, onOpenChange, children }, _ref) => {\n    // Validate children: must have exactly one Trigger and one Menu\n    const childArray = Children.toArray(children);\n    const hasTrigger = childArray.some(\n      (child) =>\n        isValidElement(child) &&\n        (child.type === DropdownTrigger || (child.type as any).displayName === 'DropdownTrigger')\n    );\n    const hasMenu = childArray.some(\n      (child) =>\n        isValidElement(child) &&\n        (child.type === DropdownMenu || (child.type as any).displayName === 'DropdownMenu')\n    );\n\n    if (!hasTrigger || !hasMenu) {\n      throw new Error(\n        'Dropdown requires exactly one Dropdown.Trigger and one Dropdown.Menu as children'\n      );\n    }\n\n    return (\n      <AriaMenuTrigger defaultOpen={defaultOpen} isOpen={isOpen} onOpenChange={onOpenChange}>\n        {children}\n      </AriaMenuTrigger>\n    );\n  }\n);\n\nDropdownRoot.displayName = 'Dropdown';\n\n/**\n * Dropdown.Trigger Component\n * Wraps trigger element (typically Button) with proper ARIA attributes\n *\n * @see spec.md FR-008 to FR-012\n */\nconst DropdownTrigger = forwardRef<HTMLButtonElement, DropdownTriggerProps>(\n  ({ children, ...props }, ref) => {\n    // Clone child and add ref if it's a single React element\n    if (isValidElement(children)) {\n      return cloneElement(children as ReactElement<any>, {\n        ...props,\n        slot: 'trigger',\n      });\n    }\n\n    // Fallback: wrap in AriaButton if not a React element\n    return (\n      <AriaButton ref={ref} {...props}>\n        {children}\n      </AriaButton>\n    );\n  }\n);\n\nDropdownTrigger.displayName = 'DropdownTrigger';\n\n/**\n * Dropdown.Menu Component\n * Renders menu with positioning, collision detection, and focus management\n *\n * @see spec.md FR-014 to FR-024\n */\nconst DropdownMenu = forwardRef<HTMLDivElement, DropdownMenuProps>(\n  ({ align = 'start', side = 'bottom', className, children, ...props }, _ref) => {\n    // Map align to React Aria placement\n    const placement = `${side} ${align}` as any;\n\n    return (\n      <AriaPopover placement={placement} className=\"entering:animate-in exiting:animate-out\">\n        <AriaMenu\n          className={cn(menuVariants({ variant: 'default' }), className)}\n          {...props}\n        >\n          {children}\n        </AriaMenu>\n      </AriaPopover>\n    );\n  }\n);\n\nDropdownMenu.displayName = 'DropdownMenu';\n\n/**\n * Dropdown.Item Component\n * Menu item with action callbacks, disabled state, shortcuts, icons, and nested submenu support\n *\n * @see spec.md FR-025 to FR-034\n */\nconst DropdownItem = forwardRef<HTMLDivElement, DropdownItemProps>(\n  (\n    {\n      children,\n      onAction,\n      isDisabled = false,\n      shortcut,\n      icon,\n      iconRight,\n      className,\n      'aria-label': ariaLabel,\n      ...props\n    },\n    _ref\n  ) => {\n    // Check if this item contains a nested submenu\n    const childArray = Children.toArray(children);\n    const hasSubmenu = childArray.some(\n      (child) =>\n        isValidElement(child) &&\n        (child.type === DropdownMenu || (child.type as any).displayName === 'DropdownMenu')\n    );\n\n    // Filter children to separate submenu from content\n    const contentChildren = childArray.filter(\n      (child) =>\n        !isValidElement(child) ||\n        (child.type !== DropdownMenu && (child.type as any).displayName !== 'DropdownMenu')\n    );\n\n    const submenu = childArray.find(\n      (child) =>\n        isValidElement(child) &&\n        (child.type === DropdownMenu || (child.type as any).displayName === 'DropdownMenu')\n    );\n\n    if (hasSubmenu && submenu) {\n      // Render as submenu trigger using React Aria's SubmenuTrigger\n      return (\n        <AriaSubmenuTrigger>\n          <AriaMenuItem\n            aria-label={ariaLabel}\n            className={cn(menuItemVariants({ variant: 'default' }), className)}\n            {...props}\n          >\n            {icon && <span className=\"mr-2\">{icon}</span>}\n            <span className=\"flex-1\">{contentChildren}</span>\n            <ChevronRight className=\"ml-auto h-4 w-4\" aria-hidden=\"true\" />\n          </AriaMenuItem>\n          {submenu as ReactElement}\n        </AriaSubmenuTrigger>\n      );\n    }\n\n    // Regular menu item\n    return (\n      <AriaMenuItem\n        onAction={onAction}\n        isDisabled={isDisabled}\n        aria-label={ariaLabel}\n        className={cn(menuItemVariants({ variant: 'default' }), className)}\n        {...props}\n      >\n        {icon && <span className=\"mr-2\">{icon}</span>}\n        <span className=\"flex-1\">{children}</span>\n        {iconRight && <span className=\"ml-auto\">{iconRight}</span>}\n        {shortcut && (\n          <kbd className=\"ml-auto pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border border-[var(--border)] bg-[var(--accent-background)] px-1.5 font-mono text-[10px] font-medium text-[var(--menu-muted)] opacity-100\">\n            {shortcut}\n          </kbd>\n        )}\n      </AriaMenuItem>\n    );\n  }\n);\n\nDropdownItem.displayName = 'DropdownItem';\n\n/**\n * Dropdown.Separator Component\n * Non-focusable visual divider\n *\n * @see spec.md FR-043 to FR-045\n */\nconst DropdownSeparator = memo(forwardRef<HTMLDivElement, DropdownSeparatorProps>(\n  ({ className, ...props }, _ref) => {\n    return (\n      <AriaSeparator\n        className={cn(\n          '-mx-1 my-1 h-px bg-[var(--accent-background)]',\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n));\n\nDropdownSeparator.displayName = 'DropdownSeparator';\n\n/**\n * Dropdown.Label Component\n * Non-interactive section header\n *\n * @see spec.md FR-046 to FR-048\n */\nconst DropdownLabel = memo(forwardRef<HTMLDivElement, DropdownLabelProps>(\n  ({ children, className, ...props }, _ref) => {\n    return (\n      <AriaHeader\n        className={cn(\n          'px-2 py-1.5 text-sm font-semibold text-[var(--menu-muted)]',\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </AriaHeader>\n    );\n  }\n));\n\nDropdownLabel.displayName = 'DropdownLabel';\n\n/**\n * Export compound component\n */\nexport const Dropdown = Object.assign(DropdownRoot, {\n  Trigger: DropdownTrigger,\n  Menu: DropdownMenu,\n  Item: DropdownItem,\n  Separator: DropdownSeparator,\n  Label: DropdownLabel,\n});\n\n// Export individual components for flexibility\nexport { DropdownTrigger, DropdownMenu, DropdownItem, DropdownSeparator, DropdownLabel };\n\n// Export variant functions for external use\nexport { menuVariants, menuItemVariants };\n\n// Export types\nexport type {\n  DropdownProps,\n  DropdownTriggerProps,\n  DropdownMenuProps,\n  DropdownItemProps,\n  DropdownSeparatorProps,\n  DropdownLabelProps,\n};\n"]}
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/Dropdown/Dropdown.styles.ts","../../../src/elements/Dropdown/Dropdown.tsx"],"names":["cn","inputs","twMerge","clsx","menuVariants","cva","menuItemVariants","getDisplayName","type","DropdownRoot","forwardRef","defaultOpen","isOpen","onOpenChange","children","_ref","childArray","Children","hasTrigger","child","isValidElement","DropdownTrigger","hasMenu","DropdownMenu","jsx","AriaMenuTrigger","props","ref","cloneElement","AriaButton","align","side","className","placement","AriaPopover","AriaMenu","DropdownItem","onAction","isDisabled","shortcut","icon","iconRight","ariaLabel","isDropdownMenu","hasSubmenu","contentChildren","submenu","jsxs","AriaSubmenuTrigger","AriaMenuItem","ChevronRight","DropdownSeparator","memo","AriaSeparator","DropdownLabel","AriaHeader","Dropdown"],"mappings":"+WAcO,SAASA,CAAAA,CAAAA,GAAMC,CAAAA,CAA8B,CAClD,OAAOC,QAAQC,IAAAA,CAAKF,CAAM,CAAC,CAC7B,CCVO,IAAMG,CAAAA,CAAeC,GAAAA,CAE1B,yTAAA,CACA,CACE,QAAA,CAAU,CACR,OAAA,CAAS,CACP,OAAA,CAAS,EACX,CACF,CAAA,CACA,eAAA,CAAiB,CACf,OAAA,CAAS,SACX,CACF,CACF,CAAA,CAMaC,CAAAA,CAAmBD,GAAAA,CAE9B,qYAAA,CACA,CACE,QAAA,CAAU,CACR,OAAA,CAAS,CACP,OAAA,CAAS,EACX,CACF,CAAA,CACA,eAAA,CAAiB,CACf,QAAS,SACX,CACF,CACF,ECCA,SAASE,CAAAA,CAAeC,CAAAA,CAAmC,CACzD,GAAI,OAAOA,CAAAA,EAAS,UAAA,EAAc,OAAOA,CAAAA,EAAS,QAAA,CAChD,OAAQA,CAAAA,EAAwB,WAGpC,CAYA,IAAMC,EAAeC,UAAAA,CACnB,CAAC,CAAE,WAAA,CAAAC,CAAAA,CAAc,KAAA,CAAO,MAAA,CAAAC,CAAAA,CAAQ,aAAAC,CAAAA,CAAc,QAAA,CAAAC,CAAS,CAAA,CAAGC,CAAAA,GAAS,CAEjE,GAAI,OAAA,CAAQ,IAAI,QAAA,GAAa,YAAA,CAAc,CACzC,IAAMC,CAAAA,CAAaC,QAAAA,CAAS,OAAA,CAAQH,CAAQ,CAAA,CACtCI,CAAAA,CAAaF,CAAAA,CAAW,IAAA,CAC3BG,CAAAA,EACCC,cAAAA,CAAeD,CAAK,CAAA,GACnBA,EAAM,IAAA,GAASE,CAAAA,EAAmBd,CAAAA,CAAeY,CAAAA,CAAM,IAAI,CAAA,GAAM,iBAAA,CACtE,CAAA,CACMG,CAAAA,CAAUN,CAAAA,CAAW,IAAA,CACxBG,CAAAA,EACCC,cAAAA,CAAeD,CAAK,CAAA,GACnBA,CAAAA,CAAM,OAASI,CAAAA,EAAgBhB,CAAAA,CAAeY,CAAAA,CAAM,IAAI,CAAA,GAAM,cAAA,CACnE,CAAA,CAEA,GAAI,CAACD,CAAAA,EAAc,CAACI,CAAAA,CAClB,MAAM,IAAI,KAAA,CACR,kFACF,CAEJ,CAEA,OACEE,GAAAA,CAACC,WAAAA,CAAA,CAAgB,WAAA,CAAad,CAAAA,CAAa,MAAA,CAAQC,EAAQ,YAAA,CAAcC,CAAAA,CACtE,QAAA,CAAAC,CAAAA,CACH,CAEJ,CACF,CAAA,CAEAL,CAAAA,CAAa,YAAc,UAAA,CAQ3B,IAAMY,CAAAA,CAAkBX,UAAAA,CACtB,CAAC,CAAE,QAAA,CAAAI,CAAAA,CAAU,GAAGY,CAAM,CAAA,CAAGC,CAAAA,GAEnBP,cAAAA,CAAeN,CAAQ,CAAA,CAClBc,YAAAA,CAAad,EAAmD,CACrE,GAAGY,CAAAA,CACH,IAAA,CAAM,SACR,CAAC,CAAA,CAKDF,GAAAA,CAACK,OAAA,CAAW,GAAA,CAAKF,CAAAA,CAAM,GAAGD,CAAAA,CACvB,QAAA,CAAAZ,CAAAA,CACH,CAGN,EAEAO,CAAAA,CAAgB,WAAA,CAAc,iBAAA,CAQ9B,IAAME,CAAAA,CAAeb,UAAAA,CACnB,CAAC,CAAE,KAAA,CAAAoB,CAAAA,CAAQ,OAAA,CAAS,IAAA,CAAAC,CAAAA,CAAO,QAAA,CAAU,SAAA,CAAAC,CAAAA,CAAW,SAAAlB,CAAAA,CAAU,GAAGY,CAAM,CAAA,CAAGX,CAAAA,GAAS,CAE7E,IAAMkB,CAAAA,CAAY,GAAGF,CAAI,CAAA,CAAA,EAAID,CAAK,CAAA,CAAA,CAElC,OACEN,GAAAA,CAACU,OAAAA,CAAA,CAAY,UAAWD,CAAAA,CAAW,SAAA,CAAU,yCAAA,CAC3C,QAAA,CAAAT,GAAAA,CAACW,IAAAA,CAAA,CACC,SAAA,CAAWnC,CAAAA,CAAGI,CAAAA,CAAa,CAAE,OAAA,CAAS,SAAU,CAAC,CAAA,CAAG4B,CAAS,EAC5D,GAAGN,CAAAA,CAEH,QAAA,CAAAZ,CAAAA,CACH,CAAA,CACF,CAEJ,CACF,EAEAS,CAAAA,CAAa,WAAA,CAAc,cAAA,CAQ3B,IAAMa,CAAAA,CAAe1B,UAAAA,CACnB,CACE,CACE,SAAAI,CAAAA,CACA,QAAA,CAAAuB,CAAAA,CACA,UAAA,CAAAC,CAAAA,CAAa,KAAA,CACb,QAAA,CAAAC,CAAAA,CACA,IAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,SAAA,CAAAT,CAAAA,CACA,YAAA,CAAcU,CAAAA,CACd,GAAGhB,CACL,CAAA,CACAX,CAAAA,GACG,CAEH,IAAMC,CAAAA,CAAaC,QAAAA,CAAS,OAAA,CAAQH,CAAQ,CAAA,CACtC6B,CAAAA,CAAkBxB,CAAAA,EACtBC,cAAAA,CAAeD,CAAK,CAAA,GACnBA,CAAAA,CAAM,IAAA,GAASI,GAAgBhB,CAAAA,CAAeY,CAAAA,CAAM,IAAI,CAAA,GAAM,cAAA,CAAA,CAE3DyB,CAAAA,CAAa5B,CAAAA,CAAW,IAAA,CAAK2B,CAAc,CAAA,CAG3CE,CAAAA,CAAkB7B,CAAAA,CAAW,MAAA,CAAQG,CAAAA,EAAU,CAACwB,CAAAA,CAAexB,CAAK,CAAC,CAAA,CAErE2B,CAAAA,CAAU9B,CAAAA,CAAW,IAAA,CAAK2B,CAAc,CAAA,CAE9C,OAAIC,GAAcE,CAAAA,CAGdC,IAAAA,CAACC,cAAAA,CAAA,CACC,QAAA,CAAA,CAAAD,IAAAA,CAACE,QAAAA,CAAA,CACC,aAAYP,CAAAA,CACZ,SAAA,CAAW1C,CAAAA,CAAGM,CAAAA,CAAiB,CAAE,OAAA,CAAS,SAAU,CAAC,CAAA,CAAG0B,CAAS,CAAA,CAChE,GAAGN,CAAAA,CAEH,QAAA,CAAA,CAAAc,CAAAA,EAAQhB,GAAAA,CAAC,QAAK,SAAA,CAAU,MAAA,CAAQ,QAAA,CAAAgB,CAAAA,CAAK,CAAA,CACtChB,GAAAA,CAAC,MAAA,CAAA,CAAK,SAAA,CAAU,SAAU,QAAA,CAAAqB,CAAAA,CAAgB,CAAA,CAC1CrB,GAAAA,CAAC0B,YAAAA,CAAA,CAAa,SAAA,CAAU,iBAAA,CAAkB,cAAY,MAAA,CAAO,CAAA,CAAA,CAC/D,CAAA,CACCJ,CAAAA,CAAAA,CACH,CAAA,CAMFC,IAAAA,CAACE,QAAAA,CAAA,CACC,QAAA,CAAUZ,CAAAA,CACV,UAAA,CAAYC,CAAAA,CACZ,YAAA,CAAYI,CAAAA,CACZ,SAAA,CAAW1C,CAAAA,CAAGM,EAAiB,CAAE,OAAA,CAAS,SAAU,CAAC,CAAA,CAAG0B,CAAS,CAAA,CAChE,GAAGN,EAEH,QAAA,CAAA,CAAAc,CAAAA,EAAQhB,GAAAA,CAAC,MAAA,CAAA,CAAK,SAAA,CAAU,MAAA,CAAQ,QAAA,CAAAgB,CAAAA,CAAK,EACtChB,GAAAA,CAAC,MAAA,CAAA,CAAK,SAAA,CAAU,QAAA,CAAU,QAAA,CAAAV,CAAAA,CAAS,CAAA,CAClC2B,CAAAA,EAAajB,GAAAA,CAAC,MAAA,CAAA,CAAK,SAAA,CAAU,SAAA,CAAW,QAAA,CAAAiB,CAAAA,CAAU,CAAA,CAClDF,CAAAA,EACCf,IAAC,KAAA,CAAA,CAAI,SAAA,CAAU,8NAAA,CACZ,QAAA,CAAAe,CAAAA,CACH,CAAA,CAAA,CAEJ,CAEJ,CACF,EAEAH,CAAAA,CAAa,WAAA,CAAc,cAAA,CAQ3B,IAAMe,CAAAA,CAAoBC,IAAAA,CAAK1C,UAAAA,CAC7B,CAAC,CAAE,SAAA,CAAAsB,CAAAA,CAAW,GAAGN,CAAM,CAAA,CAAGX,CAAAA,GAEtBS,GAAAA,CAAC6B,SAAAA,CAAA,CACC,SAAA,CAAWrD,CAAAA,CACT,+CAAA,CACAgC,CACF,CAAA,CACC,GAAGN,CAAAA,CACN,CAGN,CAAC,EAEDyB,CAAAA,CAAkB,WAAA,CAAc,mBAAA,CAQhC,IAAMG,CAAAA,CAAgBF,IAAAA,CAAK1C,WACzB,CAAC,CAAE,QAAA,CAAAI,CAAAA,CAAU,SAAA,CAAAkB,CAAAA,CAAW,GAAGN,CAAM,EAAGX,CAAAA,GAEhCS,GAAAA,CAAC+B,MAAAA,CAAA,CACC,SAAA,CAAWvD,CAAAA,CACT,4DAAA,CACAgC,CACF,CAAA,CACC,GAAGN,CAAAA,CAEH,QAAA,CAAAZ,CAAAA,CACH,CAGN,CAAC,EAEDwC,EAAc,WAAA,CAAc,eAAA,CAUrB,IAAME,CAAAA,CAAW,MAAA,CAAO,MAAA,CAAO/C,CAAAA,CAAc,CAClD,QAASY,CAAAA,CACT,IAAA,CAAME,CAAAA,CACN,IAAA,CAAMa,CAAAA,CACN,SAAA,CAAWe,CAAAA,CACX,KAAA,CAAOG,CACT,CAAC","file":"index.mjs","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","import { cva, type VariantProps } from 'class-variance-authority';\n\n/**\n * Menu variant styles using CVA\n * @see spec.md FR-040 (CVA for variant styling - single \"default\" variant for v1)\n */\nexport const menuVariants = cva(\n  // Base styles - semantic tokens with fallbacks\n  \"z-50 min-w-[8rem] overflow-hidden rounded-md border border-[var(--menu-border)] bg-[var(--menu-background)] text-[var(--menu-foreground)] shadow-md data-[entering]:animate-in data-[exiting]:animate-out data-[entering]:fade-in-0 data-[exiting]:fade-out-0 data-[entering]:zoom-in-95 data-[exiting]:zoom-out-95 p-1\",\n  {\n    variants: {\n      variant: {\n        default: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n\n/**\n * Menu Item variant styles using CVA\n * @see spec.md FR-041 (CVA for item states: hover, focus, active, disabled)\n */\nexport const menuItemVariants = cva(\n  // Base styles - FR-014: 44x44px minimum touch targets\n  \"relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 min-h-[44px] data-[focused]:bg-[var(--menu-accent)] data-[focused]:text-[var(--menu-accent-foreground)] data-[pressed]:bg-[var(--menu-accent)] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n\n/**\n * Type exports for variant props\n * Allows TypeScript inference of variant combinations\n */\nexport type MenuVariantProps = VariantProps<typeof menuVariants>;\nexport type MenuItemVariantProps = VariantProps<typeof menuItemVariants>;\n","\"use client\";\n\n/**\n * Dropdown Menu Component\n * Accessible dropdown menu with React Aria primitives, nested submenus, and CVA styling\n *\n * @see spec.md FR-001 to FR-054 (Dropdown Component Requirements)\n * @see spec.md FR-009 (WCAG 2.2 AAA - 7:1 contrast ratio)\n * @see spec.md FR-014 (44x44px minimum touch targets)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\nimport { forwardRef, memo, Children, isValidElement, type ReactNode, type ReactElement, cloneElement, type ComponentType } from 'react';\nimport type { Placement } from 'react-aria';\nimport {\n  MenuTrigger as AriaMenuTrigger,\n  SubmenuTrigger as AriaSubmenuTrigger,\n  Button as AriaButton,\n  Menu as AriaMenu,\n  MenuItem as AriaMenuItem,\n  Separator as AriaSeparator,\n  Header as AriaHeader,\n  Popover as AriaPopover,\n} from 'react-aria-components';\nimport { ChevronRight } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { menuVariants, menuItemVariants } from './Dropdown.styles';\nimport type {\n  DropdownProps,\n  DropdownTriggerProps,\n  DropdownMenuProps,\n  DropdownItemProps,\n  DropdownSeparatorProps,\n  DropdownLabelProps,\n} from './Dropdown.types';\n\n/**\n * Type-safe helper to get displayName from a component type.\n */\nfunction getDisplayName(type: unknown): string | undefined {\n  if (typeof type === 'function' || typeof type === 'object') {\n    return (type as ComponentType)?.displayName;\n  }\n  return undefined;\n}\n\n/**\n * Dropdown Root Component\n * Manages open/close state and coordinates Trigger and Menu children\n *\n * @see spec.md FR-001 to FR-007\n */\ninterface InternalDropdownProps extends DropdownProps {\n  children: ReactNode;\n}\n\nconst DropdownRoot = forwardRef<HTMLDivElement, InternalDropdownProps>(\n  ({ defaultOpen = false, isOpen, onOpenChange, children }, _ref) => {\n    // Validate children structure in development only\n    if (process.env.NODE_ENV !== 'production') {\n      const childArray = Children.toArray(children);\n      const hasTrigger = childArray.some(\n        (child) =>\n          isValidElement(child) &&\n          (child.type === DropdownTrigger || getDisplayName(child.type) === 'DropdownTrigger')\n      );\n      const hasMenu = childArray.some(\n        (child) =>\n          isValidElement(child) &&\n          (child.type === DropdownMenu || getDisplayName(child.type) === 'DropdownMenu')\n      );\n\n      if (!hasTrigger || !hasMenu) {\n        throw new Error(\n          'Dropdown requires exactly one Dropdown.Trigger and one Dropdown.Menu as children'\n        );\n      }\n    }\n\n    return (\n      <AriaMenuTrigger defaultOpen={defaultOpen} isOpen={isOpen} onOpenChange={onOpenChange}>\n        {children}\n      </AriaMenuTrigger>\n    );\n  }\n);\n\nDropdownRoot.displayName = 'Dropdown';\n\n/**\n * Dropdown.Trigger Component\n * Wraps trigger element (typically Button) with proper ARIA attributes\n *\n * @see spec.md FR-008 to FR-012\n */\nconst DropdownTrigger = forwardRef<HTMLButtonElement, DropdownTriggerProps>(\n  ({ children, ...props }, ref) => {\n    // Clone child and add ref if it's a single React element\n    if (isValidElement(children)) {\n      return cloneElement(children as ReactElement<Record<string, unknown>>, {\n        ...props,\n        slot: 'trigger',\n      });\n    }\n\n    // Fallback: wrap in AriaButton if not a React element\n    return (\n      <AriaButton ref={ref} {...props}>\n        {children}\n      </AriaButton>\n    );\n  }\n);\n\nDropdownTrigger.displayName = 'DropdownTrigger';\n\n/**\n * Dropdown.Menu Component\n * Renders menu with positioning, collision detection, and focus management\n *\n * @see spec.md FR-014 to FR-024\n */\nconst DropdownMenu = forwardRef<HTMLDivElement, DropdownMenuProps>(\n  ({ align = 'start', side = 'bottom', className, children, ...props }, _ref) => {\n    // Map align to React Aria placement\n    const placement = `${side} ${align}` as Placement;\n\n    return (\n      <AriaPopover placement={placement} className=\"entering:animate-in exiting:animate-out\">\n        <AriaMenu\n          className={cn(menuVariants({ variant: 'default' }), className)}\n          {...props}\n        >\n          {children}\n        </AriaMenu>\n      </AriaPopover>\n    );\n  }\n);\n\nDropdownMenu.displayName = 'DropdownMenu';\n\n/**\n * Dropdown.Item Component\n * Menu item with action callbacks, disabled state, shortcuts, icons, and nested submenu support\n *\n * @see spec.md FR-025 to FR-034\n */\nconst DropdownItem = forwardRef<HTMLDivElement, DropdownItemProps>(\n  (\n    {\n      children,\n      onAction,\n      isDisabled = false,\n      shortcut,\n      icon,\n      iconRight,\n      className,\n      'aria-label': ariaLabel,\n      ...props\n    },\n    _ref\n  ) => {\n    // Check if this item contains a nested submenu\n    const childArray = Children.toArray(children);\n    const isDropdownMenu = (child: unknown): boolean =>\n      isValidElement(child) &&\n      (child.type === DropdownMenu || getDisplayName(child.type) === 'DropdownMenu');\n\n    const hasSubmenu = childArray.some(isDropdownMenu);\n\n    // Filter children to separate submenu from content\n    const contentChildren = childArray.filter((child) => !isDropdownMenu(child));\n\n    const submenu = childArray.find(isDropdownMenu);\n\n    if (hasSubmenu && submenu) {\n      // Render as submenu trigger using React Aria's SubmenuTrigger\n      return (\n        <AriaSubmenuTrigger>\n          <AriaMenuItem\n            aria-label={ariaLabel}\n            className={cn(menuItemVariants({ variant: 'default' }), className)}\n            {...props}\n          >\n            {icon && <span className=\"mr-2\">{icon}</span>}\n            <span className=\"flex-1\">{contentChildren}</span>\n            <ChevronRight className=\"ml-auto h-4 w-4\" aria-hidden=\"true\" />\n          </AriaMenuItem>\n          {submenu as ReactElement}\n        </AriaSubmenuTrigger>\n      );\n    }\n\n    // Regular menu item\n    return (\n      <AriaMenuItem\n        onAction={onAction}\n        isDisabled={isDisabled}\n        aria-label={ariaLabel}\n        className={cn(menuItemVariants({ variant: 'default' }), className)}\n        {...props}\n      >\n        {icon && <span className=\"mr-2\">{icon}</span>}\n        <span className=\"flex-1\">{children}</span>\n        {iconRight && <span className=\"ml-auto\">{iconRight}</span>}\n        {shortcut && (\n          <kbd className=\"ml-auto pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border border-[var(--border)] bg-[var(--accent-background)] px-1.5 font-mono text-[10px] font-medium text-[var(--menu-muted)] opacity-100\">\n            {shortcut}\n          </kbd>\n        )}\n      </AriaMenuItem>\n    );\n  }\n);\n\nDropdownItem.displayName = 'DropdownItem';\n\n/**\n * Dropdown.Separator Component\n * Non-focusable visual divider\n *\n * @see spec.md FR-043 to FR-045\n */\nconst DropdownSeparator = memo(forwardRef<HTMLDivElement, DropdownSeparatorProps>(\n  ({ className, ...props }, _ref) => {\n    return (\n      <AriaSeparator\n        className={cn(\n          '-mx-1 my-1 h-px bg-[var(--accent-background)]',\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n));\n\nDropdownSeparator.displayName = 'DropdownSeparator';\n\n/**\n * Dropdown.Label Component\n * Non-interactive section header\n *\n * @see spec.md FR-046 to FR-048\n */\nconst DropdownLabel = memo(forwardRef<HTMLDivElement, DropdownLabelProps>(\n  ({ children, className, ...props }, _ref) => {\n    return (\n      <AriaHeader\n        className={cn(\n          'px-2 py-1.5 text-sm font-semibold text-[var(--menu-muted)]',\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </AriaHeader>\n    );\n  }\n));\n\nDropdownLabel.displayName = 'DropdownLabel';\n\n/**\n * Export compound component via Object.assign for backwards compatibility.\n * Enables `<Dropdown.Trigger>`, `<Dropdown.Menu>`, etc.\n *\n * @deprecated v2 — Remove Object.assign pattern in favour of direct named exports\n * (DropdownTrigger, DropdownMenu, DropdownItem, DropdownSeparator, DropdownLabel)\n * for better tree-shaking. See named exports below.\n */\nexport const Dropdown = Object.assign(DropdownRoot, {\n  Trigger: DropdownTrigger,\n  Menu: DropdownMenu,\n  Item: DropdownItem,\n  Separator: DropdownSeparator,\n  Label: DropdownLabel,\n});\n\n// Export individual components for flexibility\nexport { DropdownTrigger, DropdownMenu, DropdownItem, DropdownSeparator, DropdownLabel };\n\n// Export variant functions for external use\nexport { menuVariants, menuItemVariants };\n\n// Export types\nexport type {\n  DropdownProps,\n  DropdownTriggerProps,\n  DropdownMenuProps,\n  DropdownItemProps,\n  DropdownSeparatorProps,\n  DropdownLabelProps,\n};\n"]}