@refraction-ui/react 0.23.3 → 0.24.0

package/dist/react-dropdown-menu.js

@@ -1,6 +1,5 @@
 import {
   cn,
-  createKeyboardHandler,
   cva,
   devWarn
 } from "./chunk-75BKRTPO.js";
@@ -156,15 +155,33 @@ var DropdownMenuContent = React.forwardRef(
       document.addEventListener("pointerdown", onPointerDown);
       return () => document.removeEventListener("pointerdown", onPointerDown);
     }, [open, onOpenChange, triggerRef]);
+    React.useEffect(() => {
+      if (!open) return;
+      contentRef.current?.querySelector('[role="menuitem"]:not([aria-disabled="true"])')?.focus({ preventScroll: true });
+    }, [open]);
     const handleKeyDown = (e) => {
-      const handler = createKeyboardHandler({
-        Escape: (ev) => {
-          ev.preventDefault();
-          onOpenChange(false);
-        }
-      });
-      handler(e.nativeEvent);
       onKeyDown?.(e);
+      if (e.defaultPrevented) return;
+      if (e.key === "Escape") {
+        e.preventDefault();
+        onOpenChange(false);
+        triggerRef.current?.focus();
+        return;
+      }
+      if (e.key === "Tab") {
+        triggerRef.current?.focus();
+        onOpenChange(false);
+        return;
+      }
+      if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key)) return;
+      const items = Array.from(contentRef.current?.querySelectorAll(
+        '[role="menuitem"]:not([aria-disabled="true"])'
+      ) ?? []);
+      if (items.length === 0) return;
+      e.preventDefault();
+      const current = items.indexOf(document.activeElement);
+      const index = e.key === "Home" ? 0 : e.key === "End" ? items.length - 1 : e.key === "ArrowDown" ? (current + 1) % items.length : (current - 1 + items.length) % items.length;
+      items[index].focus();
     };
     if (!open) return null;
     const content = React.createElement(
@@ -191,11 +208,12 @@ var DropdownMenuContent = React.forwardRef(
 );
 var DropdownMenuItem = React.forwardRef(
   function DropdownMenuItem2({ className, disabled, onSelect, onClick, children, ...props }, ref) {
-    const { onOpenChange } = useDropdownMenuContext();
+    const { onOpenChange, triggerRef } = useDropdownMenuContext();
     const handleClick = (e) => {
       if (disabled) return;
       onSelect?.();
       onOpenChange(false);
+      triggerRef.current?.focus();
       onClick?.(e);
     };
     const handleKeyDown = (e) => {
@@ -204,6 +222,7 @@ var DropdownMenuItem = React.forwardRef(
         e.preventDefault();
         onSelect?.();
         onOpenChange(false);
+        triggerRef.current?.focus();
       }
     };
     return React.createElement(

package/dist/react-dropdown-menu.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../dropdown-menu/src/dropdown-menu.ts", "../../dropdown-menu/src/dropdown-menu.styles.ts", "../../react-dropdown-menu/src/dropdown-menu.tsx"],
-  "sourcesContent": ["import type { AccessibilityProps, KeyboardHandlerMap } from '@refraction-ui/shared'\nimport { createMachine, Keys, generateId } from '@refraction-ui/shared'\n\nexport interface DropdownMenuProps {\n  /** Whether the menu is open (controlled) */\n  open?: boolean\n  /** Whether the menu starts open (uncontrolled) */\n  defaultOpen?: boolean\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void\n}\n\nexport interface MenuItemProps {\n  /** Whether the item is disabled */\n  disabled?: boolean\n  /** Callback when the item is selected */\n  onSelect?: () => void\n}\n\nexport interface DropdownMenuState {\n  open: boolean\n}\n\nexport interface DropdownMenuAPI {\n  /** Current menu state */\n  state: DropdownMenuState\n  /** ARIA attributes for the trigger button */\n  triggerProps: Partial<AccessibilityProps> & Record<string, unknown>\n  /** ARIA attributes for the menu content */\n  contentProps: Partial<AccessibilityProps> & Record<string, unknown>\n  /** Factory for menu item props */\n  getItemProps(item: MenuItemProps): Partial<AccessibilityProps> & Record<string, unknown>\n  /** Open the menu */\n  open(): void\n  /** Close the menu */\n  close(): void\n  /** Toggle the menu */\n  toggle(): void\n  /** Keyboard handlers for the menu */\n  keyboardHandlers: KeyboardHandlerMap\n  /** Generated IDs for aria linking */\n  ids: {\n    content: string\n  }\n}\n\nexport function createDropdownMenu(props: DropdownMenuProps = {}): DropdownMenuAPI {\n  const { open: controlledOpen, defaultOpen = false, onOpenChange } = props\n\n  const machine = createMachine<'open' | 'closed', 'OPEN' | 'CLOSE'>({\n    initial: controlledOpen ?? defaultOpen ? 'open' : 'closed',\n    states: {\n      closed: { on: { OPEN: 'open' } },\n      open: { on: { CLOSE: 'closed' } },\n    },\n  })\n\n  const contentId = generateId('rfr-dropdown-menu')\n\n  function isOpen(): boolean {\n    if (controlledOpen !== undefined) return controlledOpen\n    return machine.matches('open')\n  }\n\n  function openMenu(): void {\n    machine.send('OPEN')\n    onOpenChange?.(true)\n  }\n\n  function closeMenu(): void {\n    machine.send('CLOSE')\n    onOpenChange?.(false)\n  }\n\n  function toggleMenu(): void {\n    if (isOpen()) {\n      closeMenu()\n    } else {\n      openMenu()\n    }\n  }\n\n  function getItemProps(item: MenuItemProps): Partial<AccessibilityProps> & Record<string, unknown> {\n    return {\n      role: 'menuitem',\n      tabIndex: item.disabled ? -1 : 0,\n      'data-disabled': item.disabled ? '' : undefined,\n      'aria-disabled': item.disabled || undefined,\n    }\n  }\n\n  const keyboardHandlers: KeyboardHandlerMap = {\n    [Keys.Escape]: (e: KeyboardEvent) => {\n      e.preventDefault()\n      closeMenu()\n    },\n    [Keys.ArrowDown]: (e: KeyboardEvent) => {\n      e.preventDefault()\n    },\n    [Keys.ArrowUp]: (e: KeyboardEvent) => {\n      e.preventDefault()\n    },\n    [Keys.Enter]: (e: KeyboardEvent) => {\n      e.preventDefault()\n    },\n    [Keys.Home]: (e: KeyboardEvent) => {\n      e.preventDefault()\n    },\n    [Keys.End]: (e: KeyboardEvent) => {\n      e.preventDefault()\n    },\n  }\n\n  const triggerProps: Partial<AccessibilityProps> & Record<string, unknown> = {\n    'aria-expanded': isOpen(),\n    'aria-controls': contentId,\n    'aria-haspopup': 'menu',\n  }\n\n  const contentProps: Partial<AccessibilityProps> & Record<string, unknown> = {\n    role: 'menu',\n    id: contentId,\n    'data-state': isOpen() ? 'open' : 'closed',\n  }\n\n  return {\n    state: { open: isOpen() },\n    triggerProps,\n    contentProps,\n    getItemProps,\n    open: openMenu,\n    close: closeMenu,\n    toggle: toggleMenu,\n    keyboardHandlers,\n    ids: {\n      content: contentId,\n    },\n  }\n}\n", "import { cva } from '@refraction-ui/shared'\n\nexport const menuContentVariants = cva({\n  base: 'z-50 rounded-md border bg-popover shadow-md',\n})\n\nexport const menuItemVariants = cva({\n  base: 'relative flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n})\n", "import * as React from 'react'\nimport * as ReactDOM from 'react-dom'\nimport {\n  menuContentVariants,\n  menuItemVariants,\n  type DropdownMenuProps as CoreDropdownMenuProps,\n  type MenuItemProps as CoreMenuItemProps,\n} from '@refraction-ui/dropdown-menu'\nimport { cn, createKeyboardHandler, devWarn } from '@refraction-ui/shared'\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\ninterface DropdownMenuContextValue {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  contentId: string\n  /** The trigger element, so the portalled content can anchor to it. */\n  triggerRef: React.MutableRefObject<HTMLElement | null>\n}\n\nconst DropdownMenuContext = React.createContext<DropdownMenuContextValue | null>(null)\n\nfunction useDropdownMenuContext(): DropdownMenuContextValue {\n  const ctx = React.useContext(DropdownMenuContext)\n  if (!ctx) {\n    devWarn(\n      'react-dropdown-menu/context-outside-provider',\n      'DropdownMenu compound components (DropdownMenuTrigger/DropdownMenuContent/DropdownMenuItem/etc.) must be rendered inside a <DropdownMenu>. The missing DropdownMenuContext makes this throw.',\n    )\n    throw new Error('DropdownMenu compound components must be used within <DropdownMenu>')\n  }\n  return ctx\n}\n\n// ---------------------------------------------------------------------------\n// DropdownMenu (root provider)\n// ---------------------------------------------------------------------------\n\nexport interface DropdownMenuProps {\n  open?: boolean\n  defaultOpen?: boolean\n  onOpenChange?: (open: boolean) => void\n  children?: React.ReactNode\n}\n\nexport function DropdownMenu({\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  children,\n}: DropdownMenuProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen)\n  const isControlled = controlledOpen !== undefined\n  const open = isControlled ? controlledOpen : uncontrolledOpen\n\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(next)\n      }\n      onOpenChange?.(next)\n    },\n    [isControlled, onOpenChange],\n  )\n\n  // React IDs agree across SSR and hydration, unlike the core's process counter.\n  const contentId = `rfr-dropdown-menu-${React.useId()}`\n\n  const triggerRef = React.useRef<HTMLElement | null>(null)\n\n  const ctx = React.useMemo<DropdownMenuContextValue>(\n    () => ({\n      open,\n      onOpenChange: handleOpenChange,\n      contentId,\n      triggerRef,\n    }),\n    [open, handleOpenChange, contentId],\n  )\n\n  return React.createElement(DropdownMenuContext.Provider, { value: ctx }, children)\n}\n\n// ---------------------------------------------------------------------------\n// DropdownMenuTrigger\n// ---------------------------------------------------------------------------\n\nexport interface DropdownMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Merge the trigger's props/behavior onto the child element instead of\n   * rendering a `<button>` around it (Radix-style `asChild`). Use it with\n   * styled triggers like `<Button>` — otherwise you'd nest a button in a\n   * button (invalid HTML and a hydration error). */\n  asChild?: boolean\n}\n\nexport const DropdownMenuTrigger = React.forwardRef<HTMLButtonElement, DropdownMenuTriggerProps>(\n  function DropdownMenuTrigger({ asChild = false, onClick, children, ...props }, ref) {\n    const { open, onOpenChange, contentId, triggerRef } = useDropdownMenuContext()\n    const setRefs = (node: HTMLButtonElement | null) => {\n      triggerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) ref.current = node\n    }\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      onOpenChange(!open)\n      onClick?.(e)\n    }\n\n    const triggerProps = {\n      type: 'button' as const,\n      'aria-expanded': open,\n      'aria-controls': contentId,\n      'aria-haspopup': 'menu' as const,\n      onClick: handleClick,\n      ...props,\n    }\n\n    if (asChild) {\n      if (!React.isValidElement(children)) {\n        devWarn(\n          'dropdown-menu-trigger-asChild-child',\n          'DropdownMenuTrigger: `asChild` expects a single React element child; rendering nothing.',\n        )\n        return null\n      }\n      const child = children as React.ReactElement<\n        Record<string, unknown>\n      > & { ref?: React.Ref<HTMLButtonElement> }\n      const childOnClick = child.props.onClick as\n        | ((e: React.MouseEvent<HTMLButtonElement>) => void)\n        | undefined\n      const childRef = child.ref\n      const mergedProps = {\n        ...triggerProps,\n        onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n          childOnClick?.(e)\n          if (!e.defaultPrevented) handleClick(e)\n        },\n        ref: (node: HTMLButtonElement | null) => {\n          setRefs(node)\n          if (typeof childRef === 'function') childRef(node)\n          else if (childRef) childRef.current = node\n        },\n      }\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      return React.cloneElement(child, mergedProps as any)\n    }\n\n    return React.createElement('button', { ref: setRefs, ...triggerProps }, children)\n  },\n)\n\n// ---------------------------------------------------------------------------\n// Positioning\n// ---------------------------------------------------------------------------\n\nexport type DropdownMenuAlign = 'start' | 'center' | 'end'\n\nconst DEFAULT_SIDE_OFFSET = 4\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect\n\n/**\n * Fixed-position coordinates that place a menu under its trigger, aligned to\n * the trigger's start, centre or end edge. Pure, so it is unit-testable.\n */\nexport function computeMenuPosition(\n  trigger: { top: number; bottom: number; left: number; right: number; width: number },\n  contentWidth: number,\n  align: DropdownMenuAlign,\n  sideOffset: number,\n): React.CSSProperties {\n  const left =\n    align === 'end'\n      ? trigger.right - contentWidth\n      : align === 'center'\n        ? trigger.left + trigger.width / 2 - contentWidth / 2\n        : trigger.left\n  return { position: 'fixed', top: trigger.bottom + sideOffset, left: Math.max(0, left), minWidth: trigger.width }\n}\n\n// ---------------------------------------------------------------------------\n// DropdownMenuContent\n// ---------------------------------------------------------------------------\n\nexport interface DropdownMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Horizontal alignment to the trigger. Defaults to `start`. */\n  align?: DropdownMenuAlign\n  /** Gap between trigger and menu in px. Defaults to 4. */\n  sideOffset?: number\n}\n\nexport const DropdownMenuContent = React.forwardRef<HTMLDivElement, DropdownMenuContentProps>(\n  function DropdownMenuContent(\n    { className, children, onKeyDown, align = 'start', sideOffset = DEFAULT_SIDE_OFFSET, style, ...props },\n    forwardedRef,\n  ) {\n    const { open, onOpenChange, contentId, triggerRef } = useDropdownMenuContext()\n    const contentRef = React.useRef<HTMLDivElement | null>(null)\n    const ref = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        contentRef.current = node\n        if (typeof forwardedRef === 'function') forwardedRef(node)\n        else if (forwardedRef) forwardedRef.current = node\n      },\n      [forwardedRef],\n    )\n    const [position, setPosition] = React.useState<React.CSSProperties | null>(null)\n\n    // The content is portalled to <body>, so anchor it to the trigger with\n    // fixed coordinates, and follow the trigger on scroll / resize.\n    useIsomorphicLayoutEffect(() => {\n      if (!open) return\n      const update = () => {\n        const trigger = triggerRef.current\n        const content = contentRef.current\n        if (!trigger) return\n        setPosition(\n          computeMenuPosition(trigger.getBoundingClientRect(), content?.offsetWidth ?? 0, align, sideOffset),\n        )\n      }\n      update()\n      window.addEventListener('resize', update)\n      window.addEventListener('scroll', update, true)\n      return () => {\n        window.removeEventListener('resize', update)\n        window.removeEventListener('scroll', update, true)\n      }\n    }, [open, align, sideOffset, triggerRef])\n\n    // Close on a pointer press outside the menu and its trigger.\n    React.useEffect(() => {\n      if (!open) return\n      const onPointerDown = (event: PointerEvent) => {\n        const target = event.target as Node\n        if (contentRef.current?.contains(target) || triggerRef.current?.contains(target)) return\n        onOpenChange(false)\n      }\n      document.addEventListener('pointerdown', onPointerDown)\n      return () => document.removeEventListener('pointerdown', onPointerDown)\n    }, [open, onOpenChange, triggerRef])\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      const handler = createKeyboardHandler({\n        Escape: (ev) => {\n          ev.preventDefault()\n          onOpenChange(false)\n        },\n      })\n      handler(e.nativeEvent)\n      onKeyDown?.(e)\n    }\n\n    if (!open) return null\n\n    const content = React.createElement(\n      'div',\n      {\n        ref,\n        role: 'menu',\n        id: contentId,\n        'data-state': open ? 'open' : 'closed',\n        className: cn(menuContentVariants(), className),\n        style: position ? { ...position, ...style } : style,\n        'data-align': align,\n        onKeyDown: handleKeyDown,\n        tabIndex: -1,\n        ...props,\n      },\n      children,\n    )\n\n    // Render via portal if document is available (client-side)\n    if (typeof document !== 'undefined') {\n      return ReactDOM.createPortal(content, document.body)\n    }\n\n    // SSR fallback: render inline\n    return content\n  },\n)\n\n// ---------------------------------------------------------------------------\n// DropdownMenuItem\n// ---------------------------------------------------------------------------\n\nexport interface DropdownMenuItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {\n  disabled?: boolean\n  onSelect?: () => void\n}\n\nexport const DropdownMenuItem = React.forwardRef<HTMLDivElement, DropdownMenuItemProps>(\n  function DropdownMenuItem({ className, disabled, onSelect, onClick, children, ...props }, ref) {\n    const { onOpenChange } = useDropdownMenuContext()\n\n    const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n      if (disabled) return\n      onSelect?.()\n      onOpenChange(false)\n      onClick?.(e)\n    }\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      if (disabled) return\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault()\n        onSelect?.()\n        onOpenChange(false)\n      }\n    }\n\n    return React.createElement(\n      'div',\n      {\n        ref,\n        role: 'menuitem',\n        tabIndex: disabled ? -1 : 0,\n        'data-disabled': disabled ? '' : undefined,\n        'aria-disabled': disabled || undefined,\n        className: cn(menuItemVariants(), className),\n        onClick: handleClick,\n        onKeyDown: handleKeyDown,\n        ...props,\n      },\n      children,\n    )\n  },\n)\n\n// ---------------------------------------------------------------------------\n// DropdownMenuSeparator\n// ---------------------------------------------------------------------------\n\nexport interface DropdownMenuSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const DropdownMenuSeparator = React.forwardRef<HTMLDivElement, DropdownMenuSeparatorProps>(\n  function DropdownMenuSeparator({ className, ...props }, ref) {\n    return React.createElement('div', {\n      ref,\n      role: 'separator',\n      className: cn('-mx-1 my-1 h-px bg-muted', className),\n      ...props,\n    })\n  },\n)\n\n// ---------------------------------------------------------------------------\n// DropdownMenuLabel\n// ---------------------------------------------------------------------------\n\nexport interface DropdownMenuLabelProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const DropdownMenuLabel = React.forwardRef<HTMLDivElement, DropdownMenuLabelProps>(\n  function DropdownMenuLabel({ className, ...props }, ref) {\n    return React.createElement('div', {\n      ref,\n      className: cn('px-2 py-1.5 text-sm font-semibold', className),\n      ...props,\n    })\n  },\n)\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { AccessibilityProps, KeyboardHandlerMap } from '@refraction-ui/shared'\nimport { createMachine, Keys, generateId } from '@refraction-ui/shared'\n\nexport interface DropdownMenuProps {\n  /** Whether the menu is open (controlled) */\n  open?: boolean\n  /** Whether the menu starts open (uncontrolled) */\n  defaultOpen?: boolean\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void\n}\n\nexport interface MenuItemProps {\n  /** Whether the item is disabled */\n  disabled?: boolean\n  /** Callback when the item is selected */\n  onSelect?: () => void\n}\n\nexport interface DropdownMenuState {\n  open: boolean\n}\n\nexport interface DropdownMenuAPI {\n  /** Current menu state */\n  state: DropdownMenuState\n  /** ARIA attributes for the trigger button */\n  triggerProps: Partial<AccessibilityProps> & Record<string, unknown>\n  /** ARIA attributes for the menu content */\n  contentProps: Partial<AccessibilityProps> & Record<string, unknown>\n  /** Factory for menu item props */\n  getItemProps(item: MenuItemProps): Partial<AccessibilityProps> & Record<string, unknown>\n  /** Open the menu */\n  open(): void\n  /** Close the menu */\n  close(): void\n  /** Toggle the menu */\n  toggle(): void\n  /** Keyboard handlers for the menu */\n  keyboardHandlers: KeyboardHandlerMap\n  /** Generated IDs for aria linking */\n  ids: {\n    content: string\n  }\n}\n\nexport function createDropdownMenu(props: DropdownMenuProps = {}): DropdownMenuAPI {\n  const { open: controlledOpen, defaultOpen = false, onOpenChange } = props\n\n  const machine = createMachine<'open' | 'closed', 'OPEN' | 'CLOSE'>({\n    initial: controlledOpen ?? defaultOpen ? 'open' : 'closed',\n    states: {\n      closed: { on: { OPEN: 'open' } },\n      open: { on: { CLOSE: 'closed' } },\n    },\n  })\n\n  const contentId = generateId('rfr-dropdown-menu')\n\n  function isOpen(): boolean {\n    if (controlledOpen !== undefined) return controlledOpen\n    return machine.matches('open')\n  }\n\n  function openMenu(): void {\n    machine.send('OPEN')\n    onOpenChange?.(true)\n  }\n\n  function closeMenu(): void {\n    machine.send('CLOSE')\n    onOpenChange?.(false)\n  }\n\n  function toggleMenu(): void {\n    if (isOpen()) {\n      closeMenu()\n    } else {\n      openMenu()\n    }\n  }\n\n  function getItemProps(item: MenuItemProps): Partial<AccessibilityProps> & Record<string, unknown> {\n    return {\n      role: 'menuitem',\n      tabIndex: item.disabled ? -1 : 0,\n      'data-disabled': item.disabled ? '' : undefined,\n      'aria-disabled': item.disabled || undefined,\n    }\n  }\n\n  const keyboardHandlers: KeyboardHandlerMap = {\n    [Keys.Escape]: (e: KeyboardEvent) => {\n      e.preventDefault()\n      closeMenu()\n    },\n    [Keys.ArrowDown]: (e: KeyboardEvent) => {\n      e.preventDefault()\n    },\n    [Keys.ArrowUp]: (e: KeyboardEvent) => {\n      e.preventDefault()\n    },\n    [Keys.Enter]: (e: KeyboardEvent) => {\n      e.preventDefault()\n    },\n    [Keys.Home]: (e: KeyboardEvent) => {\n      e.preventDefault()\n    },\n    [Keys.End]: (e: KeyboardEvent) => {\n      e.preventDefault()\n    },\n  }\n\n  const triggerProps: Partial<AccessibilityProps> & Record<string, unknown> = {\n    'aria-expanded': isOpen(),\n    'aria-controls': contentId,\n    'aria-haspopup': 'menu',\n  }\n\n  const contentProps: Partial<AccessibilityProps> & Record<string, unknown> = {\n    role: 'menu',\n    id: contentId,\n    'data-state': isOpen() ? 'open' : 'closed',\n  }\n\n  return {\n    state: { open: isOpen() },\n    triggerProps,\n    contentProps,\n    getItemProps,\n    open: openMenu,\n    close: closeMenu,\n    toggle: toggleMenu,\n    keyboardHandlers,\n    ids: {\n      content: contentId,\n    },\n  }\n}\n", "import { cva } from '@refraction-ui/shared'\n\nexport const menuContentVariants = cva({\n  base: 'z-50 rounded-md border bg-popover shadow-md',\n})\n\nexport const menuItemVariants = cva({\n  base: 'relative flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n})\n", "import * as React from 'react'\nimport * as ReactDOM from 'react-dom'\nimport {\n  menuContentVariants,\n  menuItemVariants,\n  type DropdownMenuProps as CoreDropdownMenuProps,\n  type MenuItemProps as CoreMenuItemProps,\n} from '@refraction-ui/dropdown-menu'\nimport { cn, devWarn } from '@refraction-ui/shared'\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\ninterface DropdownMenuContextValue {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  contentId: string\n  /** The trigger element, so the portalled content can anchor to it. */\n  triggerRef: React.MutableRefObject<HTMLElement | null>\n}\n\nconst DropdownMenuContext = React.createContext<DropdownMenuContextValue | null>(null)\n\nfunction useDropdownMenuContext(): DropdownMenuContextValue {\n  const ctx = React.useContext(DropdownMenuContext)\n  if (!ctx) {\n    devWarn(\n      'react-dropdown-menu/context-outside-provider',\n      'DropdownMenu compound components (DropdownMenuTrigger/DropdownMenuContent/DropdownMenuItem/etc.) must be rendered inside a <DropdownMenu>. The missing DropdownMenuContext makes this throw.',\n    )\n    throw new Error('DropdownMenu compound components must be used within <DropdownMenu>')\n  }\n  return ctx\n}\n\n// ---------------------------------------------------------------------------\n// DropdownMenu (root provider)\n// ---------------------------------------------------------------------------\n\nexport interface DropdownMenuProps {\n  open?: boolean\n  defaultOpen?: boolean\n  onOpenChange?: (open: boolean) => void\n  children?: React.ReactNode\n}\n\nexport function DropdownMenu({\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  children,\n}: DropdownMenuProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen)\n  const isControlled = controlledOpen !== undefined\n  const open = isControlled ? controlledOpen : uncontrolledOpen\n\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(next)\n      }\n      onOpenChange?.(next)\n    },\n    [isControlled, onOpenChange],\n  )\n\n  // React IDs agree across SSR and hydration, unlike the core's process counter.\n  const contentId = `rfr-dropdown-menu-${React.useId()}`\n\n  const triggerRef = React.useRef<HTMLElement | null>(null)\n\n  const ctx = React.useMemo<DropdownMenuContextValue>(\n    () => ({\n      open,\n      onOpenChange: handleOpenChange,\n      contentId,\n      triggerRef,\n    }),\n    [open, handleOpenChange, contentId],\n  )\n\n  return React.createElement(DropdownMenuContext.Provider, { value: ctx }, children)\n}\n\n// ---------------------------------------------------------------------------\n// DropdownMenuTrigger\n// ---------------------------------------------------------------------------\n\nexport interface DropdownMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Merge the trigger's props/behavior onto the child element instead of\n   * rendering a `<button>` around it (Radix-style `asChild`). Use it with\n   * styled triggers like `<Button>` — otherwise you'd nest a button in a\n   * button (invalid HTML and a hydration error). */\n  asChild?: boolean\n}\n\nexport const DropdownMenuTrigger = React.forwardRef<HTMLButtonElement, DropdownMenuTriggerProps>(\n  function DropdownMenuTrigger({ asChild = false, onClick, children, ...props }, ref) {\n    const { open, onOpenChange, contentId, triggerRef } = useDropdownMenuContext()\n    const setRefs = (node: HTMLButtonElement | null) => {\n      triggerRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) ref.current = node\n    }\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      onOpenChange(!open)\n      onClick?.(e)\n    }\n\n    const triggerProps = {\n      type: 'button' as const,\n      'aria-expanded': open,\n      'aria-controls': contentId,\n      'aria-haspopup': 'menu' as const,\n      onClick: handleClick,\n      ...props,\n    }\n\n    if (asChild) {\n      if (!React.isValidElement(children)) {\n        devWarn(\n          'dropdown-menu-trigger-asChild-child',\n          'DropdownMenuTrigger: `asChild` expects a single React element child; rendering nothing.',\n        )\n        return null\n      }\n      const child = children as React.ReactElement<\n        Record<string, unknown>\n      > & { ref?: React.Ref<HTMLButtonElement> }\n      const childOnClick = child.props.onClick as\n        | ((e: React.MouseEvent<HTMLButtonElement>) => void)\n        | undefined\n      const childRef = child.ref\n      const mergedProps = {\n        ...triggerProps,\n        onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n          childOnClick?.(e)\n          if (!e.defaultPrevented) handleClick(e)\n        },\n        ref: (node: HTMLButtonElement | null) => {\n          setRefs(node)\n          if (typeof childRef === 'function') childRef(node)\n          else if (childRef) childRef.current = node\n        },\n      }\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      return React.cloneElement(child, mergedProps as any)\n    }\n\n    return React.createElement('button', { ref: setRefs, ...triggerProps }, children)\n  },\n)\n\n// ---------------------------------------------------------------------------\n// Positioning\n// ---------------------------------------------------------------------------\n\nexport type DropdownMenuAlign = 'start' | 'center' | 'end'\n\nconst DEFAULT_SIDE_OFFSET = 4\n\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect\n\n/**\n * Fixed-position coordinates that place a menu under its trigger, aligned to\n * the trigger's start, centre or end edge. Pure, so it is unit-testable.\n */\nexport function computeMenuPosition(\n  trigger: { top: number; bottom: number; left: number; right: number; width: number },\n  contentWidth: number,\n  align: DropdownMenuAlign,\n  sideOffset: number,\n): React.CSSProperties {\n  const left =\n    align === 'end'\n      ? trigger.right - contentWidth\n      : align === 'center'\n        ? trigger.left + trigger.width / 2 - contentWidth / 2\n        : trigger.left\n  return { position: 'fixed', top: trigger.bottom + sideOffset, left: Math.max(0, left), minWidth: trigger.width }\n}\n\n// ---------------------------------------------------------------------------\n// DropdownMenuContent\n// ---------------------------------------------------------------------------\n\nexport interface DropdownMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Horizontal alignment to the trigger. Defaults to `start`. */\n  align?: DropdownMenuAlign\n  /** Gap between trigger and menu in px. Defaults to 4. */\n  sideOffset?: number\n}\n\nexport const DropdownMenuContent = React.forwardRef<HTMLDivElement, DropdownMenuContentProps>(\n  function DropdownMenuContent(\n    { className, children, onKeyDown, align = 'start', sideOffset = DEFAULT_SIDE_OFFSET, style, ...props },\n    forwardedRef,\n  ) {\n    const { open, onOpenChange, contentId, triggerRef } = useDropdownMenuContext()\n    const contentRef = React.useRef<HTMLDivElement | null>(null)\n    const ref = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        contentRef.current = node\n        if (typeof forwardedRef === 'function') forwardedRef(node)\n        else if (forwardedRef) forwardedRef.current = node\n      },\n      [forwardedRef],\n    )\n    const [position, setPosition] = React.useState<React.CSSProperties | null>(null)\n\n    // The content is portalled to <body>, so anchor it to the trigger with\n    // fixed coordinates, and follow the trigger on scroll / resize.\n    useIsomorphicLayoutEffect(() => {\n      if (!open) return\n      const update = () => {\n        const trigger = triggerRef.current\n        const content = contentRef.current\n        if (!trigger) return\n        setPosition(\n          computeMenuPosition(trigger.getBoundingClientRect(), content?.offsetWidth ?? 0, align, sideOffset),\n        )\n      }\n      update()\n      window.addEventListener('resize', update)\n      window.addEventListener('scroll', update, true)\n      return () => {\n        window.removeEventListener('resize', update)\n        window.removeEventListener('scroll', update, true)\n      }\n    }, [open, align, sideOffset, triggerRef])\n\n    // Close on a pointer press outside the menu and its trigger.\n    React.useEffect(() => {\n      if (!open) return\n      const onPointerDown = (event: PointerEvent) => {\n        const target = event.target as Node\n        if (contentRef.current?.contains(target) || triggerRef.current?.contains(target)) return\n        onOpenChange(false)\n      }\n      document.addEventListener('pointerdown', onPointerDown)\n      return () => document.removeEventListener('pointerdown', onPointerDown)\n    }, [open, onOpenChange, triggerRef])\n\n    React.useEffect(() => {\n      if (!open) return\n      // The initial portal layout can still be below the viewport when effects run.\n      // Move keyboard focus without scrolling the document away from the trigger.\n      contentRef.current?.querySelector<HTMLElement>('[role=\"menuitem\"]:not([aria-disabled=\"true\"])')?.focus({ preventScroll: true })\n    }, [open])\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(e)\n      if (e.defaultPrevented) return\n      if (e.key === 'Escape') {\n        e.preventDefault()\n        onOpenChange(false)\n        triggerRef.current?.focus()\n        return\n      }\n      if (e.key === 'Tab') {\n        // Native traversal must start from the trigger, before the portal unmounts.\n        triggerRef.current?.focus()\n        onOpenChange(false)\n        return\n      }\n      if (!['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(e.key)) return\n      const items = Array.from(contentRef.current?.querySelectorAll<HTMLElement>(\n        '[role=\"menuitem\"]:not([aria-disabled=\"true\"])',\n      ) ?? [])\n      if (items.length === 0) return\n      e.preventDefault()\n      const current = items.indexOf(document.activeElement as HTMLElement)\n      const index = e.key === 'Home' ? 0\n        : e.key === 'End' ? items.length - 1\n        : e.key === 'ArrowDown' ? (current + 1) % items.length\n        : (current - 1 + items.length) % items.length\n      items[index].focus()\n    }\n\n    if (!open) return null\n\n    const content = React.createElement(\n      'div',\n      {\n        ref,\n        role: 'menu',\n        id: contentId,\n        'data-state': open ? 'open' : 'closed',\n        className: cn(menuContentVariants(), className),\n        style: position ? { ...position, ...style } : style,\n        'data-align': align,\n        onKeyDown: handleKeyDown,\n        tabIndex: -1,\n        ...props,\n      },\n      children,\n    )\n\n    // Render via portal if document is available (client-side)\n    if (typeof document !== 'undefined') {\n      return ReactDOM.createPortal(content, document.body)\n    }\n\n    // SSR fallback: render inline\n    return content\n  },\n)\n\n// ---------------------------------------------------------------------------\n// DropdownMenuItem\n// ---------------------------------------------------------------------------\n\nexport interface DropdownMenuItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {\n  disabled?: boolean\n  onSelect?: () => void\n}\n\nexport const DropdownMenuItem = React.forwardRef<HTMLDivElement, DropdownMenuItemProps>(\n  function DropdownMenuItem({ className, disabled, onSelect, onClick, children, ...props }, ref) {\n    const { onOpenChange, triggerRef } = useDropdownMenuContext()\n\n    const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n      if (disabled) return\n      onSelect?.()\n      onOpenChange(false)\n      triggerRef.current?.focus()\n      onClick?.(e)\n    }\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      if (disabled) return\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault()\n        onSelect?.()\n        onOpenChange(false)\n        triggerRef.current?.focus()\n      }\n    }\n\n    return React.createElement(\n      'div',\n      {\n        ref,\n        role: 'menuitem',\n        tabIndex: disabled ? -1 : 0,\n        'data-disabled': disabled ? '' : undefined,\n        'aria-disabled': disabled || undefined,\n        className: cn(menuItemVariants(), className),\n        onClick: handleClick,\n        onKeyDown: handleKeyDown,\n        ...props,\n      },\n      children,\n    )\n  },\n)\n\n// ---------------------------------------------------------------------------\n// DropdownMenuSeparator\n// ---------------------------------------------------------------------------\n\nexport interface DropdownMenuSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const DropdownMenuSeparator = React.forwardRef<HTMLDivElement, DropdownMenuSeparatorProps>(\n  function DropdownMenuSeparator({ className, ...props }, ref) {\n    return React.createElement('div', {\n      ref,\n      role: 'separator',\n      className: cn('-mx-1 my-1 h-px bg-muted', className),\n      ...props,\n    })\n  },\n)\n\n// ---------------------------------------------------------------------------\n// DropdownMenuLabel\n// ---------------------------------------------------------------------------\n\nexport interface DropdownMenuLabelProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const DropdownMenuLabel = React.forwardRef<HTMLDivElement, DropdownMenuLabelProps>(\n  function DropdownMenuLabel({ className, ...props }, ref) {\n    return React.createElement('div', {\n      ref,\n      className: cn('px-2 py-1.5 text-sm font-semibold', className),\n      ...props,\n    })\n  },\n)\n"],
+  "mappings": "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",
   "names": ["DropdownMenuTrigger", "DropdownMenuContent", "content", "DropdownMenuItem", "DropdownMenuSeparator", "DropdownMenuLabel"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refraction-ui/react",
-  "version": "0.23.3",
+  "version": "0.24.0",
   "description": "All Refraction UI React components in one package — headless, accessible, zero-dependency",
   "type": "module",
   "main": "./dist/index.js",