@particle-academy/react-fancy 5.64.0 → 5.65.0

package/CHANGELOG.md

@@ -11,6 +11,81 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [5.65.0] - 2026-10-27
+
+### Added
+
+- **`PromptInput`: controlled state and draft save/restore** (genie#1261).
+  Before this, nothing outside the composer could read or set what had been
+  typed, so a host could not keep a draft across a restart. That also broke the
+  component contract, which requires controlled state.
+  - `value` / `defaultValue` / `onChange(text)` cover the simple case. With
+    paste pills on, `value` carries a `pasteMarker(id)` for each pill, the same
+    as `Composer`'s `value`.
+  - `draft` / `defaultDraft` / `onDraftChange(draft)` cover the whole draft.
+    A `PromptDraft` is plain JSON:
+    `{ v: 1, text, pills: [{ kind: "text", id, text } | { kind: "image", id, label, file }], attachments: [{ id, name, type, bytes, ref? }] }`.
+  - A `ref` now resolves to a `PromptInputHandle`: `getDraft()`,
+    `setDraft(draft, { focus?: false })` and `focus()`.
+  - **Restoring a draft never moves focus or a caret** (genie#1235). This holds
+    when nothing is focused and when another input is. Pass `{ focus: true }`
+    to focus the composer.
+  - `setDraft` does **not** call `onChange` / `onDraftChange`. The host set the
+    draft and already has it, and firing the callbacks would make a restore
+    look like typing (a dirty flag, a typing indicator, a save over what was
+    just loaded). This is the same as assigning `input.value` in the DOM.
+  - The file bytes are not in the draft. `persistAttachment(file, entry)`
+    stores each attached or pasted file wherever the host chooses and returns
+    a handle, which becomes the entry's `ref`. It can be sync or async.
+    `restoreAttachment(entry)` gets the File back on restore. To keep the bytes
+    inline, use the new `promptFileToDataUrl` / `promptDataUrlToFile` helpers.
+    A restored entry with no File still shows its chip or pill, and reaches
+    `onSubmit` with its `ref` and `file: undefined`.
+  - `PromptAttachment` gains an optional `ref`. Each attachment chip gets a
+    stable `data-react-fancy-prompt-input-attachment="<id>"` handle.
+  - A draft whose `v` is unknown is refused with a console warning rather than
+    guessed at. Pills restored into a composer with no pills turned on are
+    expanded in place, and image pills become attachments, so no raw markers
+    show.
+
+  **What you must do: nothing, unless you opt in.** Existing usage renders the
+  same markup as 5.64.1, checked against a snapshot written by 5.64.1 itself.
+  Two edge cases. `ref`, `onChange` and `defaultValue` used to fall through
+  `...rest` to the root `<div>`, but none of them was in the props type, so a
+  TypeScript consumer could not have passed them. If you passed one anyway
+  (an untyped `onChange` that listened for DOM change events bubbling to the
+  root), it now means the new prop.
+
+## [5.64.1] - 2026-10-27
+
+### Fixed
+
+- **`Dropdown`: the menu can be driven from the keyboard again.** Its
+  arrow-key listener was attached in an effect keyed on `open` that returned
+  early while the menu element was still null (the menu mounts a render later,
+  behind `useAnimation`, and `Portal` takes one more), and nothing in its
+  dependencies changed once the element appeared, so it never re-ran.
+  ArrowDown did nothing and no item of any Dropdown was reachable by keyboard.
+  Found building the showcase's Features menu. Keys are now handled on the menu
+  element itself, and the element is tracked as state, so the timing cannot
+  recur. The menu now follows the WAI-ARIA menu button pattern:
+  - On the trigger, Enter, Space or ArrowDown opens the menu on its first
+    enabled item and ArrowUp on its last. A non-button trigger (an avatar
+    `span` with `tabIndex`) opens on Enter / Space too.
+  - In the menu, ArrowDown / ArrowUp move and wrap, Home / End jump, a typed
+    character jumps to the next item starting with it, and disabled items are
+    skipped.
+  - Escape closes the menu (still through the `useEscapeKey` layer stack, so
+    only the innermost layer closes) and returns focus to the trigger. Tab
+    closes it and continues from the trigger's place in the tab order.
+    Activating an item returns focus to the trigger unless its `onClick`
+    moved focus somewhere else.
+
+  Nothing to do as a consumer: the props are unchanged, and opening by mouse
+  still leaves focus on the trigger. If you worked around this with your own
+  arrow-key handler, you can delete it. `DropdownContextValue` gains
+  `focusTrigger`, plus two `@internal` refs.
+
 ## [5.64.0] - 2026-10-26
 
 ### Added

package/dist/chunk-BXPLERIJ.js

@@ -0,0 +1,293 @@
+import { useAnimation } from './chunk-3K2CEAI7.js';
+import { useFloatingPosition } from './chunk-MQ6VGG62.js';
+import { Portal } from './chunk-RBCMKPBX.js';
+import { useOutsideClick } from './chunk-RGANGU7X.js';
+import { useEscapeKey } from './chunk-YX6FTJ6N.js';
+import { cn } from './chunk-MMW2JGKZ.js';
+import { createContext, useState, useRef, useCallback, useMemo, useEffect, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var DropdownContext = createContext(null);
+function useDropdown() {
+  const ctx = useContext(DropdownContext);
+  if (!ctx) {
+    throw new Error(
+      "Dropdown compound components must be used within <Dropdown>"
+    );
+  }
+  return ctx;
+}
+
+// src/components/Dropdown/dropdown-focus.ts
+function menuItems(menu) {
+  if (!menu) return [];
+  return Array.from(
+    menu.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"]):not([disabled])')
+  );
+}
+function focusMenuItem(menu, move) {
+  const items = menuItems(menu);
+  if (items.length === 0) return -1;
+  const current = items.indexOf(document.activeElement);
+  let next;
+  if (move === "first") next = 0;
+  else if (move === "last") next = items.length - 1;
+  else if (current === -1) next = move === "next" ? 0 : items.length - 1;
+  else next = (current + (move === "next" ? 1 : -1) + items.length) % items.length;
+  items[next].focus();
+  return next;
+}
+function focusByChar(menu, char) {
+  const items = menuItems(menu);
+  if (items.length === 0) return -1;
+  const needle = char.toLowerCase();
+  const start = items.indexOf(document.activeElement);
+  for (let step = 1; step <= items.length; step++) {
+    const i = (start + step + items.length) % items.length;
+    if ((items[i].textContent ?? "").trim().toLowerCase().startsWith(needle)) {
+      items[i].focus();
+      return i;
+    }
+  }
+  return -1;
+}
+function activatesNatively(el) {
+  if (!(el instanceof HTMLElement)) return false;
+  const tag = el.tagName;
+  if (tag === "BUTTON" || tag === "SUMMARY") return true;
+  if (tag === "A") return el.hasAttribute("href");
+  if (tag === "INPUT") {
+    const type = el.type;
+    return type === "button" || type === "submit" || type === "reset" || type === "image";
+  }
+  return false;
+}
+function DropdownTrigger({ children }) {
+  const { setOpen, open, anchorRef, pendingFocusRef, menuRef } = useDropdown();
+  const onKeyDown = (e) => {
+    if (e.defaultPrevented) return;
+    if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+      e.preventDefault();
+      const target = e.key === "ArrowDown" ? "first" : "last";
+      if (open && menuRef.current) {
+        focusMenuItem(menuRef.current, target);
+        return;
+      }
+      pendingFocusRef.current = target;
+      setOpen(true);
+      return;
+    }
+    if (e.key === "Enter" || e.key === " ") {
+      if (!open) pendingFocusRef.current = "first";
+      if (activatesNatively(e.target)) return;
+      e.preventDefault();
+      if (open) pendingFocusRef.current = null;
+      setOpen(!open);
+    }
+  };
+  const onClick = (_e) => {
+    if (open) pendingFocusRef.current = null;
+    setOpen(!open);
+  };
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref: anchorRef,
+      "data-react-fancy-dropdown-trigger": "",
+      className: "inline-flex",
+      onClick,
+      onKeyDown,
+      "aria-expanded": open,
+      "aria-haspopup": "menu",
+      children
+    }
+  );
+}
+DropdownTrigger.displayName = "DropdownTrigger";
+function DropdownItems({ children, className }) {
+  const {
+    open,
+    setOpen,
+    anchorRef,
+    setActiveIndex,
+    placement,
+    offset,
+    pendingFocusRef,
+    menuRef,
+    focusTrigger
+  } = useDropdown();
+  const floatingRef = useRef(null);
+  const outsideRef = useRef(null);
+  const position = useFloatingPosition(anchorRef, floatingRef, {
+    placement,
+    offset,
+    enabled: open
+  });
+  const close = useCallback(() => {
+    pendingFocusRef.current = null;
+    setOpen(false);
+    setActiveIndex(-1);
+  }, [setOpen, setActiveIndex, pendingFocusRef]);
+  useOutsideClick(outsideRef, close, open, anchorRef);
+  useEscapeKey(() => {
+    close();
+    focusTrigger();
+  }, open);
+  const { mounted, className: animClass, ref: animRef } = useAnimation({
+    open,
+    enterClass: "fancy-scale-in",
+    exitClass: "fancy-fade-out"
+  });
+  const [menuEl, setMenuEl] = useState(null);
+  const setMenuRef = useCallback(
+    (node) => {
+      outsideRef.current = node;
+      floatingRef.current = node;
+      animRef.current = node;
+      menuRef.current = node;
+      setMenuEl(node);
+    },
+    [animRef, menuRef]
+  );
+  useEffect(() => {
+    if (!open || !menuEl) return;
+    const target = pendingFocusRef.current;
+    if (!target) return;
+    pendingFocusRef.current = null;
+    setActiveIndex(focusMenuItem(menuEl, target));
+  }, [open, menuEl, pendingFocusRef, setActiveIndex]);
+  const onKeyDown = (e) => {
+    const menu = e.currentTarget;
+    const moves = {
+      ArrowDown: "next",
+      ArrowUp: "prev",
+      Home: "first",
+      End: "last"
+    };
+    const move = moves[e.key];
+    if (move) {
+      e.preventDefault();
+      setActiveIndex(focusMenuItem(menu, move));
+      return;
+    }
+    if (e.key === "Tab") {
+      close();
+      focusTrigger();
+      return;
+    }
+    if (e.key.length === 1 && e.key !== " " && !e.ctrlKey && !e.metaKey && !e.altKey) {
+      const i = focusByChar(menu, e.key);
+      if (i >= 0) setActiveIndex(i);
+    }
+  };
+  if (!mounted) return null;
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: setMenuRef,
+      "data-react-fancy-dropdown": "",
+      role: "menu",
+      onKeyDown,
+      className: cn(
+        "fixed z-50 min-w-[8rem] rounded-xl border border-[color:var(--fancy-border,var(--color-zinc-200))] bg-[color:var(--fancy-surface,var(--color-white))] p-1 shadow-lg dark:border-[color:var(--fancy-border-dark,var(--color-zinc-700))] dark:bg-[color:var(--fancy-surface-dark,var(--color-zinc-900))]",
+        animClass,
+        className
+      ),
+      style: { left: position.x, top: position.y },
+      children
+    }
+  ) });
+}
+DropdownItems.displayName = "DropdownItems";
+function DropdownItem({
+  children,
+  onClick,
+  disabled = false,
+  danger = false,
+  className
+}) {
+  const { setOpen, focusTrigger } = useDropdown();
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      "data-react-fancy-dropdown-item": "",
+      type: "button",
+      role: "menuitem",
+      disabled,
+      "aria-disabled": disabled,
+      className: cn(
+        "flex w-full items-center rounded-lg px-3 py-2 text-left text-sm transition-colors",
+        danger ? "text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-950" : "text-[color:var(--fancy-text-soft,var(--color-zinc-700))] hover:bg-[color:var(--fancy-surface-muted,var(--color-zinc-100))] dark:text-[color:var(--fancy-text-soft-dark,var(--color-zinc-300))] dark:hover:bg-[color:var(--fancy-surface-muted-dark,var(--color-zinc-800))]",
+        disabled && "cursor-not-allowed opacity-50",
+        className
+      ),
+      onClick: (e) => {
+        if (disabled) return;
+        const hadFocus = document.activeElement === e.currentTarget;
+        onClick?.();
+        setOpen(false);
+        if (hadFocus && document.activeElement === e.currentTarget) focusTrigger();
+      },
+      children
+    }
+  );
+}
+DropdownItem.displayName = "DropdownItem";
+function DropdownSeparator({ className }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-react-fancy-dropdown-separator": "",
+      role: "separator",
+      className: cn(
+        "my-1 h-px bg-[color:var(--fancy-border,var(--color-zinc-200))] dark:bg-[color:var(--fancy-border-dark,var(--color-zinc-700))]",
+        className
+      )
+    }
+  );
+}
+DropdownSeparator.displayName = "DropdownSeparator";
+var TRIGGER_FOCUSABLE = 'button:not([disabled]), a[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+function DropdownRoot({
+  children,
+  placement = "bottom-start",
+  offset = 4
+}) {
+  const [open, setOpen] = useState(false);
+  const [activeIndex, setActiveIndex] = useState(-1);
+  const anchorRef = useRef(null);
+  const pendingFocusRef = useRef(null);
+  const menuRef = useRef(null);
+  const focusTrigger = useCallback(() => {
+    const anchor = anchorRef.current;
+    if (!anchor) return;
+    const target = anchor.querySelector(TRIGGER_FOCUSABLE) ?? (anchor.tabIndex >= 0 ? anchor : null);
+    target?.focus();
+  }, []);
+  const ctx = useMemo(
+    () => ({
+      open,
+      setOpen,
+      anchorRef,
+      activeIndex,
+      setActiveIndex,
+      placement,
+      offset,
+      pendingFocusRef,
+      menuRef,
+      focusTrigger
+    }),
+    [open, anchorRef, activeIndex, placement, offset, focusTrigger]
+  );
+  return /* @__PURE__ */ jsx(DropdownContext.Provider, { value: ctx, children });
+}
+var Dropdown = Object.assign(DropdownRoot, {
+  Trigger: DropdownTrigger,
+  Items: DropdownItems,
+  Item: DropdownItem,
+  Separator: DropdownSeparator
+});
+
+export { Dropdown, useDropdown };
+//# sourceMappingURL=chunk-BXPLERIJ.js.map
+//# sourceMappingURL=chunk-BXPLERIJ.js.map

package/dist/chunk-BXPLERIJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Dropdown/Dropdown.context.ts","../src/components/Dropdown/dropdown-focus.ts","../src/components/Dropdown/DropdownTrigger.tsx","../src/components/Dropdown/DropdownItems.tsx","../src/components/Dropdown/DropdownItem.tsx","../src/components/Dropdown/DropdownSeparator.tsx","../src/components/Dropdown/Dropdown.tsx"],"names":["jsx","useState","useRef","useCallback"],"mappings":"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","file":"chunk-BXPLERIJ.js","sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { DropdownContextValue } from \"./Dropdown.types\";\n\nexport const DropdownContext = createContext<DropdownContextValue | null>(null);\n\nexport function useDropdown(): DropdownContextValue {\n  const ctx = useContext(DropdownContext);\n  if (!ctx) {\n    throw new Error(\n      \"Dropdown compound components must be used within <Dropdown>\",\n    );\n  }\n  return ctx;\n}\n","/** Enabled menu items, in DOM order. Disabled items are skipped. */\nexport function menuItems(menu: HTMLElement | null): HTMLElement[] {\n  if (!menu) return [];\n  return Array.from(\n    menu.querySelectorAll<HTMLElement>('[role=\"menuitem\"]:not([aria-disabled=\"true\"]):not([disabled])'),\n  );\n}\n\nexport type FocusMove = \"first\" | \"last\" | \"next\" | \"prev\";\n\n/**\n * Focus an item relative to the one that currently has focus, wrapping at both\n * ends. Returns the index focused, or -1 when the menu has no enabled item.\n */\nexport function focusMenuItem(menu: HTMLElement | null, move: FocusMove): number {\n  const items = menuItems(menu);\n  if (items.length === 0) return -1;\n  const current = items.indexOf(document.activeElement as HTMLElement);\n  let next: number;\n  if (move === \"first\") next = 0;\n  else if (move === \"last\") next = items.length - 1;\n  else if (current === -1) next = move === \"next\" ? 0 : items.length - 1;\n  else next = (current + (move === \"next\" ? 1 : -1) + items.length) % items.length;\n  items[next]!.focus();\n  return next;\n}\n\n/**\n * Typeahead: focus the next enabled item (after the focused one, wrapping)\n * whose text starts with `char`. Returns the index focused, or -1 for no match.\n */\nexport function focusByChar(menu: HTMLElement | null, char: string): number {\n  const items = menuItems(menu);\n  if (items.length === 0) return -1;\n  const needle = char.toLowerCase();\n  const start = items.indexOf(document.activeElement as HTMLElement);\n  for (let step = 1; step <= items.length; step++) {\n    const i = (start + step + items.length) % items.length;\n    if ((items[i]!.textContent ?? \"\").trim().toLowerCase().startsWith(needle)) {\n      items[i]!.focus();\n      return i;\n    }\n  }\n  return -1;\n}\n","import type { KeyboardEvent, MouseEvent } from \"react\";\nimport { useDropdown } from \"./Dropdown.context\";\nimport { focusMenuItem } from \"./dropdown-focus\";\nimport type { DropdownTriggerProps } from \"./Dropdown.types\";\n\n/**\n * Elements the browser itself turns Enter / Space into a click on. For these\n * the trigger lets the native click open the menu; for anything else (an\n * avatar span with `tabIndex`) it opens the menu itself.\n */\nfunction activatesNatively(el: EventTarget | null): boolean {\n  if (!(el instanceof HTMLElement)) return false;\n  const tag = el.tagName;\n  if (tag === \"BUTTON\" || tag === \"SUMMARY\") return true;\n  if (tag === \"A\") return el.hasAttribute(\"href\");\n  if (tag === \"INPUT\") {\n    const type = (el as HTMLInputElement).type;\n    return type === \"button\" || type === \"submit\" || type === \"reset\" || type === \"image\";\n  }\n  return false;\n}\n\nexport function DropdownTrigger({ children }: DropdownTriggerProps) {\n  const { setOpen, open, anchorRef, pendingFocusRef, menuRef } = useDropdown();\n\n  // WAI-ARIA menu button: Enter / Space / ArrowDown open the menu on its first\n  // item, ArrowUp on its last.\n  const onKeyDown = (e: KeyboardEvent<HTMLSpanElement>) => {\n    if (e.defaultPrevented) return;\n\n    if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n      e.preventDefault();\n      const target = e.key === \"ArrowDown\" ? \"first\" : \"last\";\n      if (open && menuRef.current) {\n        focusMenuItem(menuRef.current, target);\n        return;\n      }\n      pendingFocusRef.current = target;\n      setOpen(true);\n      return;\n    }\n\n    if (e.key === \"Enter\" || e.key === \" \") {\n      if (!open) pendingFocusRef.current = \"first\";\n      if (activatesNatively(e.target)) return; // its click toggles the menu\n      e.preventDefault();\n      if (open) pendingFocusRef.current = null;\n      setOpen(!open);\n    }\n  };\n\n  const onClick = (_e: MouseEvent<HTMLSpanElement>) => {\n    if (open) pendingFocusRef.current = null;\n    setOpen(!open);\n  };\n\n  return (\n    <span\n      ref={anchorRef as React.RefObject<HTMLSpanElement>}\n      data-react-fancy-dropdown-trigger=\"\"\n      className=\"inline-flex\"\n      onClick={onClick}\n      onKeyDown={onKeyDown}\n      aria-expanded={open}\n      aria-haspopup=\"menu\"\n    >\n      {children}\n    </span>\n  );\n}\n\nDropdownTrigger.displayName = \"DropdownTrigger\";\n","import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { focusByChar, focusMenuItem, type FocusMove } from \"./dropdown-focus\";\nimport { cn } from \"../../utils/cn\";\nimport { Portal } from \"../Portal\";\nimport { useDropdown } from \"./Dropdown.context\";\nimport { useFloatingPosition } from \"../../hooks/use-floating-position\";\nimport { useOutsideClick } from \"../../hooks/use-outside-click\";\nimport { useEscapeKey } from \"../../hooks/use-escape-key\";\nimport { useAnimation } from \"../../hooks/use-animation\";\nimport type { DropdownItemsProps } from \"./Dropdown.types\";\n\nexport function DropdownItems({ children, className }: DropdownItemsProps) {\n  const {\n    open,\n    setOpen,\n    anchorRef,\n    setActiveIndex,\n    placement,\n    offset,\n    pendingFocusRef,\n    menuRef,\n    focusTrigger,\n  } = useDropdown();\n  const floatingRef = useRef<HTMLDivElement>(null);\n  const outsideRef = useRef<HTMLDivElement>(null);\n\n  const position = useFloatingPosition(anchorRef, floatingRef, {\n    placement,\n    offset,\n    enabled: open,\n  });\n\n  const close = useCallback(() => {\n    pendingFocusRef.current = null;\n    setOpen(false);\n    setActiveIndex(-1);\n  }, [setOpen, setActiveIndex, pendingFocusRef]);\n\n  useOutsideClick(outsideRef, close, open, anchorRef);\n  // Escape closes THIS menu (the innermost layer) and returns focus to where\n  // the menu came from. An outside click does not move focus: the user put it\n  // somewhere already.\n  useEscapeKey(() => {\n    close();\n    focusTrigger();\n  }, open);\n\n  const { mounted, className: animClass, ref: animRef } = useAnimation({\n    open,\n    enterClass: \"fancy-scale-in\",\n    exitClass: \"fancy-fade-out\",\n  });\n\n  // The menu element, as STATE. It does not exist when `open` first turns true:\n  // `useAnimation` mounts it a render later and `Portal` a render after that.\n  // Before 5.64.1 the key handler lived in an effect keyed on `open` that\n  // returned early while the element was null and never re-ran, so the arrow\n  // keys did nothing in any Dropdown. Keying on the element itself fixes the\n  // timing for good.\n  const [menuEl, setMenuEl] = useState<HTMLDivElement | null>(null);\n\n  const setMenuRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      outsideRef.current = node;\n      floatingRef.current = node;\n      (animRef as React.MutableRefObject<HTMLElement | null>).current = node;\n      menuRef.current = node;\n      setMenuEl(node);\n    },\n    [animRef, menuRef],\n  );\n\n  // Opened from the keyboard: focus the first / last item once it exists.\n  useEffect(() => {\n    if (!open || !menuEl) return;\n    const target = pendingFocusRef.current;\n    if (!target) return;\n    pendingFocusRef.current = null;\n    setActiveIndex(focusMenuItem(menuEl, target));\n  }, [open, menuEl, pendingFocusRef, setActiveIndex]);\n\n  // Keys are handled on the menu itself: focus is inside it while it is driven\n  // from the keyboard, and React delivers the event through the portal.\n  const onKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    const menu = e.currentTarget;\n    const moves: Record<string, FocusMove> = {\n      ArrowDown: \"next\",\n      ArrowUp: \"prev\",\n      Home: \"first\",\n      End: \"last\",\n    };\n    const move = moves[e.key];\n    if (move) {\n      e.preventDefault();\n      setActiveIndex(focusMenuItem(menu, move));\n      return;\n    }\n    if (e.key === \"Tab\") {\n      // Close, and put focus back on the trigger WITHOUT preventing the\n      // default: the browser's own Tab then moves on from the trigger's place\n      // in the tab order rather than from the end of <body>, where the\n      // portalled menu lives.\n      close();\n      focusTrigger();\n      return;\n    }\n    if (e.key.length === 1 && e.key !== \" \" && !e.ctrlKey && !e.metaKey && !e.altKey) {\n      const i = focusByChar(menu, e.key);\n      if (i >= 0) setActiveIndex(i);\n    }\n  };\n\n  if (!mounted) return null;\n\n  return (\n    <Portal>\n      <div\n        ref={setMenuRef}\n        data-react-fancy-dropdown=\"\"\n        role=\"menu\"\n        onKeyDown={onKeyDown}\n        className={cn(\n          \"fixed z-50 min-w-[8rem] rounded-xl border border-[color:var(--fancy-border,var(--color-zinc-200))] bg-[color:var(--fancy-surface,var(--color-white))] p-1 shadow-lg dark:border-[color:var(--fancy-border-dark,var(--color-zinc-700))] dark:bg-[color:var(--fancy-surface-dark,var(--color-zinc-900))]\",\n          animClass,\n          className,\n        )}\n        style={{ left: position.x, top: position.y }}\n      >\n        {children}\n      </div>\n    </Portal>\n  );\n}\n\nDropdownItems.displayName = \"DropdownItems\";\n","import { cn } from \"../../utils/cn\";\nimport { useDropdown } from \"./Dropdown.context\";\nimport type { DropdownItemProps } from \"./Dropdown.types\";\n\nexport function DropdownItem({\n  children,\n  onClick,\n  disabled = false,\n  danger = false,\n  className,\n}: DropdownItemProps) {\n  const { setOpen, focusTrigger } = useDropdown();\n\n  return (\n    <button\n      data-react-fancy-dropdown-item=\"\"\n      type=\"button\"\n      role=\"menuitem\"\n      disabled={disabled}\n      aria-disabled={disabled}\n      className={cn(\n        \"flex w-full items-center rounded-lg px-3 py-2 text-left text-sm transition-colors\",\n        danger\n          ? \"text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-950\"\n          : \"text-[color:var(--fancy-text-soft,var(--color-zinc-700))] hover:bg-[color:var(--fancy-surface-muted,var(--color-zinc-100))] dark:text-[color:var(--fancy-text-soft-dark,var(--color-zinc-300))] dark:hover:bg-[color:var(--fancy-surface-muted-dark,var(--color-zinc-800))]\",\n        disabled && \"cursor-not-allowed opacity-50\",\n        className,\n      )}\n      onClick={(e) => {\n        if (disabled) return;\n        const hadFocus = document.activeElement === e.currentTarget;\n        onClick?.();\n        setOpen(false);\n        // The item is about to unmount; without this, focus falls to <body>.\n        // Only when the item held focus, and only if onClick did not move it.\n        if (hadFocus && document.activeElement === e.currentTarget) focusTrigger();\n      }}\n    >\n      {children}\n    </button>\n  );\n}\n\nDropdownItem.displayName = \"DropdownItem\";\n","import { cn } from \"../../utils/cn\";\nimport type { DropdownSeparatorProps } from \"./Dropdown.types\";\n\nexport function DropdownSeparator({ className }: DropdownSeparatorProps) {\n  return (\n    <div\n      data-react-fancy-dropdown-separator=\"\"\n      role=\"separator\"\n      className={cn(\n        \"my-1 h-px bg-[color:var(--fancy-border,var(--color-zinc-200))] dark:bg-[color:var(--fancy-border-dark,var(--color-zinc-700))]\",\n        className,\n      )}\n    />\n  );\n}\n\nDropdownSeparator.displayName = \"DropdownSeparator\";\n","import { useCallback, useMemo, useRef, useState } from \"react\";\nimport { DropdownContext } from \"./Dropdown.context\";\nimport { DropdownTrigger } from \"./DropdownTrigger\";\nimport { DropdownItems } from \"./DropdownItems\";\nimport { DropdownItem } from \"./DropdownItem\";\nimport { DropdownSeparator } from \"./DropdownSeparator\";\nimport type { DropdownProps } from \"./Dropdown.types\";\n\nconst TRIGGER_FOCUSABLE =\n  'button:not([disabled]), a[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\nfunction DropdownRoot({\n  children,\n  placement = \"bottom-start\",\n  offset = 4,\n}: DropdownProps) {\n  const [open, setOpen] = useState(false);\n  const [activeIndex, setActiveIndex] = useState(-1);\n  const anchorRef = useRef<HTMLElement>(null);\n  const pendingFocusRef = useRef<\"first\" | \"last\" | null>(null);\n  const menuRef = useRef<HTMLElement | null>(null);\n\n  const focusTrigger = useCallback(() => {\n    const anchor = anchorRef.current;\n    if (!anchor) return;\n    const target =\n      anchor.querySelector<HTMLElement>(TRIGGER_FOCUSABLE) ?? (anchor.tabIndex >= 0 ? anchor : null);\n    target?.focus();\n  }, []);\n\n  const ctx = useMemo(\n    () => ({\n      open,\n      setOpen,\n      anchorRef,\n      activeIndex,\n      setActiveIndex,\n      placement,\n      offset,\n      pendingFocusRef,\n      menuRef,\n      focusTrigger,\n    }),\n    [open, anchorRef, activeIndex, placement, offset, focusTrigger],\n  );\n\n  return (\n    <DropdownContext.Provider value={ctx}>{children}</DropdownContext.Provider>\n  );\n}\n\nexport const Dropdown = Object.assign(DropdownRoot, {\n  Trigger: DropdownTrigger,\n  Items: DropdownItems,\n  Item: DropdownItem,\n  Separator: DropdownSeparator,\n});\n"]}