@zyncat/ui 0.11.0 → 0.12.0

package/dist/dropdown.js

@@ -0,0 +1,350 @@
+'use client';import { edgeEnabled, useTypeahead, normalizeCollection, matchPrefix, stepEnabled, MenuRow } from './chunk-XNIYSAMJ.js';
+import { useAnchorPosition } from './chunk-IUQAUBVM.js';
+import './chunk-UE63OOVG.js';
+import { useReturnFocus } from './chunk-A5WTZACK.js';
+import { ovCloneTrigger, OverlayPortal, useOverlayEntry, useOutsidePress } from './chunk-VAXCXZ53.js';
+import { activationProps } from './chunk-JY6A2ZJZ.js';
+import { useGlide, GlidePill } from './chunk-CNWTIMIP.js';
+import { popOut, popIn } from './chunk-HDSFWZ7L.js';
+import { Presence } from './chunk-DDRSMHN4.js';
+import { resolveMotionTiming } from './chunk-TUTXXC3W.js';
+import { useMotion } from './chunk-M43IOM5C.js';
+import './chunk-IJS7TPGV.js';
+import './chunk-3MPF7FZV.js';
+import { Icon } from './chunk-EAI4POPB.js';
+import { useControllable } from './chunk-MMRIQNEN.js';
+import { UIMotion } from './chunk-7IZJERGA.js';
+import './chunk-DMX2F6B4.js';
+import { cx } from './chunk-QGNC7LH5.js';
+import './dropdown.css';
+import { useState, useRef, useId, useMemo, Fragment, useLayoutEffect, useEffect } from 'react';
+import './menu-surface.css';
+import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';
+
+// src/components/composites/dropdown/types.ts
+var normalize = (source) => normalizeCollection(source, {
+  isGroup: (entry) => !("id" in entry),
+  itemsOf: (group) => group.items,
+  labelOf: (group) => group.label
+});
+var itemText = (item) => item.searchText ?? (typeof item.label === "string" ? item.label : item.id);
+var submenuOf = (item) => item.items && item.items.length > 0 ? item.items : null;
+var ROOT_LEVEL = "root";
+var levelKey = (depth, ownerId) => depth + ":" + ownerId;
+function resolveLevels(items, path) {
+  const levels = [{ key: ROOT_LEVEL, items, owner: null, ownerIdx: -1 }];
+  for (const id of path) {
+    const { flat } = normalize(levels[levels.length - 1].items);
+    const ownerIdx = flat.findIndex((item) => item.id === id);
+    const sub = ownerIdx >= 0 && submenuOf(flat[ownerIdx]);
+    if (!sub) break;
+    levels.push({ key: levelKey(levels.length, id), items: sub, owner: flat[ownerIdx], ownerIdx });
+  }
+  return levels;
+}
+var SUBMENU_OPEN_DELAY = 90;
+var SUBMENU_TRAVEL_GRACE = 500;
+var MENU_KEYS = new Set("ArrowDown ArrowUp ArrowLeft ArrowRight Home End Enter Escape Tab".split(" ").concat(" "));
+function headingTo(point, from, panel) {
+  const box = panel.getBoundingClientRect();
+  const rightward = from.x <= box.left;
+  const gone = rightward ? point.x - from.x : from.x - point.x;
+  if (!box.width || gone <= 0) return false;
+  const reached = Math.min(gone / Math.max(rightward ? box.left - from.x : from.x - box.right, 1), 1);
+  const [a, b] = [from.y + (box.top - from.y) * reached, from.y + (box.bottom - from.y) * reached];
+  return point.y >= Math.min(a, b) && point.y <= Math.max(a, b);
+}
+function MenuPanel({ chain, depth, ...motion }) {
+  const { levels, hoverDepth, refFor } = chain;
+  const [level, next, parent] = [levels[depth], levels[depth + 1], levels[depth - 1]];
+  const nested = Boolean(parent);
+  const panelId = (d) => d === 0 ? chain.menuId : chain.menuId + "-" + d + "-" + encodeURIComponent(levels[d].owner.id);
+  const menuId = panelId(depth);
+  const openSubId = next ? next.owner.id : null;
+  const seed = chain.seed.key === level.key ? chain.seed.focus : "none";
+  const { groups, flat } = useMemo(() => normalize(level.items), [level.items]);
+  const indexOf = useMemo(() => new Map(flat.map((item, i) => [item.id, i])), [flat]);
+  const [activeIdx, setActiveIdx] = useState(() => seed === "none" ? -1 : edgeEnabled(flat, seed === "last"));
+  const panelRef = refFor("panel:" + level.key);
+  const rowFor = (i) => refFor("row:" + levelKey(depth, flat[i].id));
+  const anchorRef = nested ? refFor("row:" + levelKey(depth - 1, level.owner.id)) : refFor("trigger");
+  const glide = useGlide(panelRef);
+  const typeahead = useTypeahead();
+  const timers = useRef({ open: 0, grace: 0 });
+  const travel = useRef({ from: null, active: false, hovered: -1 });
+  const openIdx = openSubId != null ? indexOf.get(openSubId) ?? -1 : -1;
+  const activeItem = activeIdx >= 0 ? flat[activeIdx] : void 0;
+  const cancel = () => chain.cancel(depth);
+  const closeSub = () => chain.closeSub(depth);
+  const entry = useOverlayEntry({ nodeRef: panelRef, dismissible: true, requestClose: cancel });
+  const place = { side: nested ? "right" : chain.side, align: nested ? "start" : chain.align };
+  useMotion(panelRef, motion);
+  useReturnFocus(panelRef);
+  useAnchorPosition({ ...place, arrow: false, triggerRef: anchorRef, panelRef });
+  useOutsidePress({ entry, refs: [panelRef, anchorRef], enabled: !nested, onPress: () => chain.dismiss(false) });
+  useLayoutEffect(() => {
+    const row = activeIdx >= 0 && activeIdx < flat.length ? rowFor(activeIdx).current : null;
+    if (!row) return glide.leave();
+    row.focus();
+    glide.enter(row);
+  }, [activeIdx]);
+  useLayoutEffect(() => {
+    if (seed !== "none") setActiveIdx(edgeEnabled(flat, seed === "last"));
+  }, [seed]);
+  useEffect(() => () => stopTravel(), []);
+  function stopTravel() {
+    clearTimeout(timers.current.open);
+    clearTimeout(timers.current.grace);
+    travel.current.active = false;
+  }
+  function armOpen(i) {
+    clearTimeout(timers.current.open);
+    const item = flat[i];
+    if (!item || item.disabled || item.id === openSubId || !submenuOf(item)) return;
+    timers.current.open = setTimeout(() => chain.openSub(depth, item, "none"), SUBMENU_OPEN_DELAY);
+  }
+  const heading = (point) => {
+    const sub = next && refFor("panel:" + next.key).current;
+    return Boolean(sub && travel.current.from && headingTo(point, travel.current.from, sub));
+  };
+  function abortTravel() {
+    stopTravel();
+    closeSub();
+    const i = travel.current.hovered;
+    if (i >= 0 && i < flat.length && !flat[i].disabled) {
+      setActiveIdx(i);
+      armOpen(i);
+    }
+  }
+  function moveTo(i) {
+    stopTravel();
+    if (i < 0 || i >= flat.length) return;
+    setActiveIdx(i);
+    if (openIdx >= 0 && flat[i].id !== openSubId) closeSub();
+  }
+  function commit(item) {
+    if (!item || item.disabled) return;
+    if (submenuOf(item)) chain.openSub(depth, item, "first");
+    else chain.select(item);
+  }
+  function onRowEnter(point, i) {
+    if (flat[i].disabled) return;
+    travel.current.hovered = i;
+    if (i === openIdx) {
+      stopTravel();
+      return setActiveIdx(i);
+    }
+    if (openIdx >= 0 && heading(point)) {
+      stopTravel();
+      travel.current.active = true;
+      timers.current.grace = setTimeout(() => hoverDepth.current <= depth && abortTravel(), SUBMENU_TRAVEL_GRACE);
+      return;
+    }
+    setActiveIdx(i);
+    if (openIdx >= 0) closeSub();
+    armOpen(i);
+  }
+  function onKeyDown(e) {
+    const printable = e.key.length === 1 && !e.metaKey && !e.ctrlKey && !e.altKey;
+    if (!MENU_KEYS.has(e.key) && !printable) return;
+    e.stopPropagation();
+    if (printable && (e.key !== " " || typeahead.buffered())) {
+      const i = matchPrefix(flat, itemText, typeahead.push(e.key));
+      return i >= 0 ? moveTo(i) : void 0;
+    }
+    e.preventDefault();
+    const back = () => openSubId != null ? closeSub() : cancel();
+    const opens = activeItem && !activeItem.disabled && submenuOf(activeItem);
+    switch (e.key) {
+      case "ArrowDown":
+        return moveTo(stepEnabled(flat, activeIdx, 1));
+      case "ArrowUp":
+        return moveTo(stepEnabled(flat, activeIdx, -1));
+      case "Home":
+        return moveTo(edgeEnabled(flat, false));
+      case "End":
+        return moveTo(edgeEnabled(flat, true));
+      case "ArrowRight":
+        return opens ? chain.openSub(depth, activeItem, "first") : void 0;
+      case "ArrowLeft":
+        return openSubId == null && !nested ? void 0 : back();
+      case "Escape":
+        return back();
+      case "Tab":
+        return chain.dismiss(true);
+      default:
+        return commit(activeItem);
+    }
+  }
+  function renderRow(item) {
+    const i = indexOf.get(item.id) ?? -1;
+    const sub = submenuOf(item);
+    const subOpen = sub != null && openSubId === item.id;
+    return /* @__PURE__ */ jsx(
+      MenuRow,
+      {
+        ref: rowFor(i),
+        id: menuId + "-item-" + i,
+        className: "dropdown__item",
+        role: "menuitem",
+        tabIndex: i === activeIdx ? 0 : -1,
+        "aria-disabled": item.disabled || void 0,
+        "aria-haspopup": sub ? "menu" : void 0,
+        "aria-expanded": sub ? subOpen : void 0,
+        "aria-controls": subOpen ? panelId(depth + 1) : void 0,
+        "aria-keyshortcuts": item.shortcut,
+        "data-active": i === activeIdx ? "true" : void 0,
+        "data-disabled": item.disabled ? "true" : void 0,
+        "data-danger": item.danger ? "true" : void 0,
+        onPointerEnter: (e) => onRowEnter({ x: e.clientX, y: e.clientY }, i),
+        onPointerLeave: (e) => {
+          clearTimeout(timers.current.open);
+          if (i === openIdx) travel.current.from = { x: e.clientX, y: e.clientY };
+        },
+        ...activationProps(() => commit(item), { on: chain.activateOn, holdFocus: true }),
+        icon: item.icon,
+        label: item.label,
+        description: item.description,
+        trailing: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          item.shortcut && /* @__PURE__ */ jsx("span", { className: "dropdown__item-shortcut", "aria-hidden": "true", children: item.shortcut }),
+          sub && /* @__PURE__ */ jsx(Icon, { name: "caret-right", size: "sm", className: "dropdown__item-caret" })
+        ] })
+      },
+      item.id
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...nested ? void 0 : chain.htmlProps,
+      ref: panelRef,
+      id: menuId,
+      className: cx("menu-surface menu-scroller dropdown__menu", !nested && chain.htmlProps?.className),
+      role: "menu",
+      tabIndex: -1,
+      "aria-label": nested ? void 0 : chain.ariaLabel,
+      "aria-labelledby": nested ? panelId(depth - 1) + "-item-" + level.ownerIdx : void 0,
+      "data-nested": nested ? "true" : void 0,
+      "data-danger-active": activeItem && activeItem.danger ? "true" : void 0,
+      onKeyDown,
+      onPointerEnter: () => {
+        if (hoverDepth.current > depth) travel.current.from = null;
+        hoverDepth.current = depth;
+        stopTravel();
+      },
+      onPointerMove: (e) => travel.current.active && !heading({ x: e.clientX, y: e.clientY }) && abortTravel(),
+      children: [
+        /* @__PURE__ */ jsx(GlidePill, { className: "menu-glide", glide }),
+        groups.length > 1 || groups[0]?.label ? groups.map((group, gi) => /* @__PURE__ */ jsxs("div", { className: "dropdown__group", role: "group", "aria-label": group.label || void 0, children: [
+          group.label && /* @__PURE__ */ jsx("div", { className: "menu-group-label", children: group.label }),
+          group.items.map(renderRow)
+        ] }, gi)) : flat.map(renderRow)
+      ]
+    }
+  );
+}
+var DROPDOWN_TIMING = {
+  open: { duration: "base", ease: "entrance" },
+  close: { duration: "fast", ease: "exit" }
+};
+function Dropdown({
+  items = [],
+  trigger,
+  activateOn = "pointerdown",
+  open: controlledOpen,
+  defaultOpen = false,
+  onOpenChange,
+  onSelect,
+  side = "bottom",
+  align = "start",
+  id,
+  ariaLabel,
+  htmlProps,
+  animation
+}) {
+  const [open, setOpen] = useControllable(controlledOpen, defaultOpen, onOpenChange);
+  const [path, setPath] = useState([]);
+  const [seed, setSeed] = useState({ key: ROOT_LEVEL, focus: "first" });
+  const refs = useRef(/* @__PURE__ */ new Map());
+  const hoverDepth = useRef(-1);
+  const autoId = useId();
+  const menuId = id || "dropdown-" + autoId;
+  const timings = resolveMotionTiming(animation, DROPDOWN_TIMING);
+  const levels = useMemo(() => resolveLevels(items, path), [items, path]);
+  const refFor = (key) => {
+    if (!refs.current.has(key)) refs.current.set(key, { current: null });
+    return refs.current.get(key);
+  };
+  const triggerRef = refFor("trigger");
+  const dismiss = (returnFocus) => {
+    setPath([]);
+    hoverDepth.current = -1;
+    setOpen(false);
+    if (returnFocus && triggerRef.current) triggerRef.current.focus();
+  };
+  const show = (focus) => {
+    setSeed({ key: ROOT_LEVEL, focus });
+    setPath([]);
+    setOpen(true);
+  };
+  const chain = {
+    levels,
+    menuId,
+    activateOn,
+    side,
+    align,
+    ariaLabel,
+    htmlProps,
+    seed,
+    hoverDepth,
+    refFor,
+    dismiss,
+    openSub: (depth, item, focus) => {
+      setSeed({ key: levelKey(depth + 1, item.id), focus });
+      setPath([...path.slice(0, depth), item.id]);
+    },
+    closeSub: (depth) => {
+      if (path.length > depth) setPath(path.slice(0, depth));
+    },
+    cancel: (depth) => {
+      if (depth === 0) return dismiss(true);
+      setPath(path.slice(0, depth - 1));
+      const owner = refFor("row:" + levelKey(depth - 1, levels[depth].owner.id)).current;
+      if (owner) owner.focus();
+    },
+    select: (item) => {
+      if (item.onSelect) item.onSelect();
+      if (onSelect) onSelect(item.id, item);
+      dismiss(true);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    ovCloneTrigger(trigger, {
+      open,
+      onPress: () => open ? dismiss(false) : show("first"),
+      onKeyDown: (e) => {
+        if (open || e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
+        e.preventDefault();
+        show(e.key === "ArrowDown" ? "first" : "last");
+      },
+      panelId: menuId,
+      haspopup: "menu",
+      triggerRef,
+      activateOn
+    }),
+    /* @__PURE__ */ jsx(OverlayPortal, { children: /* @__PURE__ */ jsx(Presence, { children: open && levels.map((level, depth) => /* @__PURE__ */ jsx(
+      MenuPanel,
+      {
+        chain,
+        depth,
+        animate: popIn(UIMotion.scale.floating, timings.open),
+        exit: popOut(UIMotion.scale.floating, timings.close)
+      },
+      level.key
+    )) }) })
+  ] });
+}
+
+export { Dropdown };
+//# sourceMappingURL=dropdown.js.map
+//# sourceMappingURL=dropdown.js.map

package/dist/dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/composites/dropdown/types.ts","../src/components/composites/dropdown/menu-panel.tsx","../src/components/composites/dropdown/Dropdown.tsx"],"names":["Fragment","useState","useRef","useMemo","jsxs","jsx"],"mappings":"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","file":"dropdown.js","sourcesContent":["import type { HTMLAttributes, ReactNode, RefObject } from 'react';\n\nimport type { DataAttributes } from '../../../dom-props';\nimport { normalizeCollection, type NormalizedGroup } from '../../internal/collection/collection';\nimport type { ActivateOn } from '../../internal/utils/activation';\n\nexport interface DropdownItem {\n  /** Unique id - what `onSelect` receives, and what identifies this row's open submenu. */\n  id: string;\n  /** Primary row text. */\n  label: ReactNode;\n  /** Optional secondary line under the label. */\n  description?: string;\n  /** Your own icon node shown before the label. */\n  icon?: ReactNode;\n  /** Keyboard hint shown at the trailing edge, mono. Display only - you still bind the key. */\n  shortcut?: string;\n  /** Destructive action - the row reads in the danger hue. @default false */\n  danger?: boolean;\n  /** Not selectable - skipped by arrow keys and typeahead, and marked `aria-disabled`. @default false */\n  disabled?: boolean;\n  /** Nested menu. The row opens it instead of committing, and can nest again without limit. */\n  items?: DropdownItem[] | DropdownGroup[];\n  /** Text used for typeahead. Required when `label` is not a string. */\n  searchText?: string;\n  /** Fires when this row commits, before the menu's own `onSelect`. */\n  onSelect?: () => void;\n}\n\nexport interface DropdownGroup {\n  /** Section heading rendered above the rows; omit for an unlabeled but still divided group. */\n  label?: string;\n  /** The rows in this section. */\n  items: DropdownItem[];\n}\n\nexport type DropdownItems = DropdownItem[] | DropdownGroup[];\n\nexport const normalize = (source: DropdownItems): { groups: NormalizedGroup<DropdownItem>[]; flat: DropdownItem[] } =>\n  normalizeCollection<DropdownItem, DropdownGroup>(source, {\n    isGroup: (entry): entry is DropdownGroup => !('id' in entry),\n    itemsOf: (group) => group.items,\n    labelOf: (group) => group.label,\n  });\n\nexport const itemText = (item: DropdownItem): string =>\n  item.searchText ?? (typeof item.label === 'string' ? item.label : item.id);\n\nexport const submenuOf = (item: DropdownItem): DropdownItems | null =>\n  item.items && item.items.length > 0 ? item.items : null;\n\nexport const ROOT_LEVEL = 'root';\nexport const levelKey = (depth: number, ownerId: string) => depth + ':' + ownerId;\n\nexport interface Level {\n  key: string;\n  items: DropdownItems;\n  owner: DropdownItem | null;\n  ownerIdx: number;\n}\n\n/* The open chain, root first: path[d] names the row in level d whose submenu is level d + 1. */\nexport function resolveLevels(items: DropdownItems, path: string[]): Level[] {\n  const levels: Level[] = [{ key: ROOT_LEVEL, items, owner: null, ownerIdx: -1 }];\n  for (const id of path) {\n    const { flat } = normalize(levels[levels.length - 1].items);\n    const ownerIdx = flat.findIndex((item) => item.id === id);\n    const sub = ownerIdx >= 0 && submenuOf(flat[ownerIdx]);\n    if (!sub) break;\n    levels.push({ key: levelKey(levels.length, id), items: sub, owner: flat[ownerIdx], ownerIdx });\n  }\n  return levels;\n}\n\nexport type SeedFocus = 'first' | 'last' | 'none';\n\n/* Everything a level needs to render itself and act on the chain. One object, built once by\n   Dropdown, so a panel takes its place in the chain rather than twenty separate props. */\nexport interface MenuChain {\n  levels: Level[];\n  menuId: string;\n  activateOn?: ActivateOn;\n  side: 'top' | 'bottom' | 'left' | 'right';\n  align: 'start' | 'center' | 'end';\n  ariaLabel?: string;\n  htmlProps?: HTMLAttributes<HTMLDivElement> & DataAttributes;\n  seed: { key: string; focus: SeedFocus };\n  hoverDepth: { current: number };\n  refFor: (key: string) => RefObject<HTMLElement>;\n  openSub: (depth: number, item: DropdownItem, focus: SeedFocus) => void;\n  closeSub: (depth: number) => void;\n  cancel: (depth: number) => void;\n  dismiss: (returnFocus: boolean) => void;\n  select: (item: DropdownItem) => void;\n}\n","'use client';\n\nimport '../../internal/menu/menu-surface.css';\n\nimport { useEffect, useLayoutEffect, useMemo, useRef, useState, type KeyboardEvent, type RefObject } from 'react';\n\nimport { GlidePill, useGlide } from '../../../motion/glide';\nimport { useMotion, type MotionSpecs } from '../../../motion/use-motion';\nimport { edgeEnabled, matchPrefix, stepEnabled } from '../../internal/collection/collection';\nimport { useTypeahead } from '../../internal/hooks/use-typeahead';\nimport { Icon } from '../../internal/icon/Icon';\nimport { MenuRow } from '../../internal/menu/menu-row';\nimport { useReturnFocus } from '../../internal/overlay/focus';\nimport { useOutsidePress, useOverlayEntry } from '../../internal/overlay/layer';\nimport { useAnchorPosition } from '../../internal/overlay/position';\nimport { activationProps } from '../../internal/utils/activation';\nimport { cx } from '../../internal/utils/cx';\nimport { itemText, levelKey, normalize, submenuOf, type DropdownItem, type MenuChain } from './types';\n\nconst SUBMENU_OPEN_DELAY = 90;\nconst SUBMENU_TRAVEL_GRACE = 500;\nconst MENU_KEYS = new Set('ArrowDown ArrowUp ArrowLeft ArrowRight Home End Enter Escape Tab'.split(' ').concat(' '));\n\ntype Point = { x: number; y: number };\n\n/* Is the pointer inside the wedge from `from` to the submenu's near edge - travelling toward it\n   diagonally - rather than simply leaving the row? */\nfunction headingTo(point: Point, from: Point, panel: HTMLElement): boolean {\n  const box = panel.getBoundingClientRect();\n  const rightward = from.x <= box.left;\n  const gone = rightward ? point.x - from.x : from.x - point.x;\n  if (!box.width || gone <= 0) return false;\n  const reached = Math.min(gone / Math.max(rightward ? box.left - from.x : from.x - box.right, 1), 1);\n  const [a, b] = [from.y + (box.top - from.y) * reached, from.y + (box.bottom - from.y) * reached];\n  return point.y >= Math.min(a, b) && point.y <= Math.max(a, b);\n}\n\nexport function MenuPanel({ chain, depth, ...motion }: { chain: MenuChain; depth: number } & MotionSpecs) {\n  const { levels, hoverDepth, refFor } = chain;\n  const [level, next, parent] = [levels[depth], levels[depth + 1], levels[depth - 1]];\n  const nested = Boolean(parent);\n\n  const panelId = (d: number) =>\n    d === 0 ? chain.menuId : chain.menuId + '-' + d + '-' + encodeURIComponent(levels[d].owner!.id);\n  const menuId = panelId(depth);\n  const openSubId = next ? next.owner!.id : null;\n  const seed = chain.seed.key === level.key ? chain.seed.focus : 'none';\n\n  const { groups, flat } = useMemo(() => normalize(level.items), [level.items]);\n  const indexOf = useMemo(() => new Map(flat.map((item, i) => [item.id, i] as const)), [flat]);\n  const [activeIdx, setActiveIdx] = useState(() => (seed === 'none' ? -1 : edgeEnabled(flat, seed === 'last')));\n\n  const panelRef = refFor('panel:' + level.key);\n  const rowFor = (i: number) => refFor('row:' + levelKey(depth, flat[i].id)) as unknown as RefObject<HTMLDivElement>;\n  const anchorRef = nested ? refFor('row:' + levelKey(depth - 1, level.owner!.id)) : refFor('trigger');\n\n  const glide = useGlide(panelRef);\n  const typeahead = useTypeahead();\n  const timers = useRef<Record<'open' | 'grace', ReturnType<typeof setTimeout> | 0>>({ open: 0, grace: 0 });\n  const travel = useRef({ from: null as Point | null, active: false, hovered: -1 });\n\n  const openIdx = openSubId != null ? (indexOf.get(openSubId) ?? -1) : -1;\n  const activeItem = activeIdx >= 0 ? flat[activeIdx] : undefined;\n  const cancel = () => chain.cancel(depth);\n  const closeSub = () => chain.closeSub(depth);\n\n  const entry = useOverlayEntry({ nodeRef: panelRef, dismissible: true, requestClose: cancel });\n  const place = { side: nested ? 'right' : chain.side, align: nested ? 'start' : chain.align } as const;\n  useMotion(panelRef, motion);\n  useReturnFocus(panelRef);\n  useAnchorPosition({ ...place, arrow: false, triggerRef: anchorRef, panelRef });\n  useOutsidePress({ entry, refs: [panelRef, anchorRef], enabled: !nested, onPress: () => chain.dismiss(false) });\n\n  useLayoutEffect(() => {\n    const row = activeIdx >= 0 && activeIdx < flat.length ? rowFor(activeIdx).current : null;\n    if (!row) return glide.leave();\n    row.focus();\n    glide.enter(row);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [activeIdx]);\n\n  useLayoutEffect(() => {\n    if (seed !== 'none') setActiveIdx(edgeEnabled(flat, seed === 'last'));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [seed]);\n\n  useEffect(() => () => stopTravel(), []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  function stopTravel() {\n    clearTimeout(timers.current.open);\n    clearTimeout(timers.current.grace);\n    travel.current.active = false;\n  }\n\n  function armOpen(i: number) {\n    clearTimeout(timers.current.open);\n    const item = flat[i];\n    if (!item || item.disabled || item.id === openSubId || !submenuOf(item)) return;\n    timers.current.open = setTimeout(() => chain.openSub(depth, item, 'none'), SUBMENU_OPEN_DELAY);\n  }\n\n  const heading = (point: Point) => {\n    const sub = next && refFor('panel:' + next.key).current;\n    return Boolean(sub && travel.current.from && headingTo(point, travel.current.from, sub));\n  };\n\n  function abortTravel() {\n    stopTravel();\n    closeSub();\n    const i = travel.current.hovered;\n    if (i >= 0 && i < flat.length && !flat[i].disabled) {\n      setActiveIdx(i);\n      armOpen(i);\n    }\n  }\n\n  function moveTo(i: number) {\n    stopTravel();\n    if (i < 0 || i >= flat.length) return;\n    setActiveIdx(i);\n    if (openIdx >= 0 && flat[i].id !== openSubId) closeSub();\n  }\n\n  function commit(item: DropdownItem | undefined) {\n    if (!item || item.disabled) return;\n    if (submenuOf(item)) chain.openSub(depth, item, 'first');\n    else chain.select(item);\n  }\n\n  function onRowEnter(point: Point, i: number) {\n    if (flat[i].disabled) return;\n    travel.current.hovered = i;\n    if (i === openIdx) {\n      stopTravel();\n      return setActiveIdx(i);\n    }\n    if (openIdx >= 0 && heading(point)) {\n      stopTravel();\n      travel.current.active = true;\n      timers.current.grace = setTimeout(() => hoverDepth.current <= depth && abortTravel(), SUBMENU_TRAVEL_GRACE);\n      return;\n    }\n    setActiveIdx(i);\n    if (openIdx >= 0) closeSub();\n    armOpen(i);\n  }\n\n  function onKeyDown(e: KeyboardEvent<HTMLDivElement>) {\n    const printable = e.key.length === 1 && !e.metaKey && !e.ctrlKey && !e.altKey;\n    if (!MENU_KEYS.has(e.key) && !printable) return;\n    e.stopPropagation();\n    if (printable && (e.key !== ' ' || typeahead.buffered())) {\n      const i = matchPrefix(flat, itemText, typeahead.push(e.key));\n      return i >= 0 ? moveTo(i) : undefined;\n    }\n    e.preventDefault();\n    const back = () => (openSubId != null ? closeSub() : cancel());\n    const opens = activeItem && !activeItem.disabled && submenuOf(activeItem);\n    switch (e.key) {\n      case 'ArrowDown':\n        return moveTo(stepEnabled(flat, activeIdx, 1));\n      case 'ArrowUp':\n        return moveTo(stepEnabled(flat, activeIdx, -1));\n      case 'Home':\n        return moveTo(edgeEnabled(flat, false));\n      case 'End':\n        return moveTo(edgeEnabled(flat, true));\n      case 'ArrowRight':\n        return opens ? chain.openSub(depth, activeItem!, 'first') : undefined;\n      case 'ArrowLeft':\n        return openSubId == null && !nested ? undefined : back();\n      case 'Escape':\n        return back();\n      case 'Tab':\n        return chain.dismiss(true);\n      default:\n        return commit(activeItem);\n    }\n  }\n\n  function renderRow(item: DropdownItem) {\n    const i = indexOf.get(item.id) ?? -1;\n    const sub = submenuOf(item);\n    const subOpen = sub != null && openSubId === item.id;\n    return (\n      <MenuRow\n        key={item.id}\n        ref={rowFor(i)}\n        id={menuId + '-item-' + i}\n        className=\"dropdown__item\"\n        role=\"menuitem\"\n        tabIndex={i === activeIdx ? 0 : -1}\n        aria-disabled={item.disabled || undefined}\n        aria-haspopup={sub ? 'menu' : undefined}\n        aria-expanded={sub ? subOpen : undefined}\n        aria-controls={subOpen ? panelId(depth + 1) : undefined}\n        aria-keyshortcuts={item.shortcut}\n        data-active={i === activeIdx ? 'true' : undefined}\n        data-disabled={item.disabled ? 'true' : undefined}\n        data-danger={item.danger ? 'true' : undefined}\n        onPointerEnter={(e) => onRowEnter({ x: e.clientX, y: e.clientY }, i)}\n        onPointerLeave={(e) => {\n          clearTimeout(timers.current.open);\n          if (i === openIdx) travel.current.from = { x: e.clientX, y: e.clientY };\n        }}\n        {...activationProps<HTMLDivElement>(() => commit(item), { on: chain.activateOn, holdFocus: true })}\n        icon={item.icon}\n        label={item.label}\n        description={item.description}\n        trailing={\n          <>\n            {item.shortcut && (\n              <span className=\"dropdown__item-shortcut\" aria-hidden=\"true\">\n                {item.shortcut}\n              </span>\n            )}\n            {sub && <Icon name=\"caret-right\" size=\"sm\" className=\"dropdown__item-caret\" />}\n          </>\n        }\n      />\n    );\n  }\n\n  return (\n    <div\n      {...(nested ? undefined : chain.htmlProps)}\n      ref={panelRef as unknown as RefObject<HTMLDivElement>}\n      id={menuId}\n      className={cx('menu-surface menu-scroller dropdown__menu', !nested && chain.htmlProps?.className)}\n      role=\"menu\"\n      tabIndex={-1}\n      aria-label={nested ? undefined : chain.ariaLabel}\n      aria-labelledby={nested ? panelId(depth - 1) + '-item-' + level.ownerIdx : undefined}\n      data-nested={nested ? 'true' : undefined}\n      data-danger-active={activeItem && activeItem.danger ? 'true' : undefined}\n      onKeyDown={onKeyDown}\n      onPointerEnter={() => {\n        if (hoverDepth.current > depth) travel.current.from = null;\n        hoverDepth.current = depth;\n        stopTravel();\n      }}\n      onPointerMove={(e) => travel.current.active && !heading({ x: e.clientX, y: e.clientY }) && abortTravel()}\n    >\n      <GlidePill className=\"menu-glide\" glide={glide} />\n      {groups.length > 1 || groups[0]?.label\n        ? groups.map((group, gi) => (\n            <div className=\"dropdown__group\" role=\"group\" aria-label={group.label || undefined} key={gi}>\n              {group.label && <div className=\"menu-group-label\">{group.label}</div>}\n              {group.items.map(renderRow)}\n            </div>\n          ))\n        : flat.map(renderRow)}\n    </div>\n  );\n}\n","'use client';\n\nimport './dropdown.css';\n\nimport {\n  Fragment,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactElement,\n  type RefObject,\n} from 'react';\n\nimport type { DataAttributes } from '../../../dom-props';\nimport { resolveMotionTiming } from '../../../motion/motion-timing';\nimport { Presence } from '../../../motion/presence';\nimport { popIn, popOut } from '../../../motion/presets';\nimport type { DisableableAnimation } from '../../../motion/timing';\nimport { UIMotion } from '../../../tokens/motion-tokens';\nimport { useControllable } from '../../internal/hooks/use-controllable';\nimport { ovCloneTrigger, OverlayPortal } from '../../internal/overlay/layer';\nimport type { ActivateOn } from '../../internal/utils/activation';\nimport { MenuPanel } from './menu-panel';\nimport {\n  levelKey,\n  resolveLevels,\n  ROOT_LEVEL,\n  type DropdownItem,\n  type DropdownItems,\n  type MenuChain,\n  type SeedFocus,\n} from './types';\n\nexport type { DropdownItem, DropdownGroup } from './types';\n\nconst DROPDOWN_TIMING = {\n  open: { duration: 'base', ease: 'entrance' },\n  close: { duration: 'fast', ease: 'exit' },\n} as const;\n\nexport interface DropdownProps {\n  /** The rows - a flat `DropdownItem[]`, or `DropdownGroup[]` to render divided sections.\n   *  A row with its own `items` opens a submenu instead of committing. @default [] */\n  items: DropdownItems;\n  /** Cloned to toggle the menu, and used as the anchor. Gets the `aria-haspopup=\"menu\"` wiring. */\n  trigger: ReactElement;\n  /** Whether the trigger and the rows fire on `pointerdown` (snappier) or wait for `click`. @default 'pointerdown' */\n  activateOn?: ActivateOn;\n\n  /** Controlled open state. Omit to stay uncontrolled. */\n  open?: boolean;\n  /** Initial state when uncontrolled. @default false */\n  defaultOpen?: boolean;\n  /** Fires whenever the open state changes. Pair with `open` for controlled use. */\n  onOpenChange?: (open: boolean) => void;\n  /** Fires when a row commits - gets its `id` and the full item. Committing closes every level. */\n  onSelect?: (id: string, item: DropdownItem) => void;\n\n  /** Preferred side of the trigger; flips to the opposite side when cramped. @default 'bottom' */\n  side?: 'top' | 'bottom' | 'left' | 'right';\n  /** Cross-axis alignment against the trigger. Submenus always align to their row. @default 'start' */\n  align?: 'start' | 'center' | 'end';\n\n  /** Base id for the menu and its rows; drives the trigger's `aria-controls`. Auto-generated when omitted. */\n  id?: string;\n  /** Accessible name for the menu - supply when the trigger's own label does not describe it. */\n  ariaLabel?: string;\n  /** Standard attributes (className, style, data-*, ...) forwarded to the top-level menu panel. */\n  htmlProps?: HTMLAttributes<HTMLDivElement> & DataAttributes;\n  /** Open/close timing - motion tokens only, or `null` to disable. @default open 'base'/'entrance', close 'fast'/'exit' */\n  animation?: DisableableAnimation;\n}\n\nexport function Dropdown({\n  items = [],\n  trigger,\n  activateOn = 'pointerdown',\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  onSelect,\n  side = 'bottom',\n  align = 'start',\n  id,\n  ariaLabel,\n  htmlProps,\n  animation,\n}: DropdownProps) {\n  const [open, setOpen] = useControllable(controlledOpen, defaultOpen, onOpenChange);\n  const [path, setPath] = useState<string[]>([]);\n  const [seed, setSeed] = useState({ key: ROOT_LEVEL, focus: 'first' as SeedFocus });\n\n  const refs = useRef(new Map<string, RefObject<HTMLElement>>());\n  const hoverDepth = useRef(-1);\n  const autoId = useId();\n  const menuId = id || 'dropdown-' + autoId;\n  const timings = resolveMotionTiming(animation, DROPDOWN_TIMING);\n  const levels = useMemo(() => resolveLevels(items, path), [items, path]);\n\n  const refFor = (key: string): RefObject<HTMLElement> => {\n    if (!refs.current.has(key)) refs.current.set(key, { current: null });\n    return refs.current.get(key)!;\n  };\n  const triggerRef = refFor('trigger');\n\n  const dismiss = (returnFocus: boolean) => {\n    setPath([]);\n    hoverDepth.current = -1;\n    setOpen(false);\n    if (returnFocus && triggerRef.current) triggerRef.current.focus();\n  };\n\n  const show = (focus: SeedFocus) => {\n    setSeed({ key: ROOT_LEVEL, focus });\n    setPath([]);\n    setOpen(true);\n  };\n\n  const chain: MenuChain = {\n    levels,\n    menuId,\n    activateOn,\n    side,\n    align,\n    ariaLabel,\n    htmlProps,\n    seed,\n    hoverDepth,\n    refFor,\n    dismiss,\n    openSub: (depth, item, focus) => {\n      setSeed({ key: levelKey(depth + 1, item.id), focus });\n      setPath([...path.slice(0, depth), item.id]);\n    },\n    closeSub: (depth) => {\n      if (path.length > depth) setPath(path.slice(0, depth));\n    },\n    cancel: (depth) => {\n      if (depth === 0) return dismiss(true);\n      setPath(path.slice(0, depth - 1));\n      const owner = refFor('row:' + levelKey(depth - 1, levels[depth].owner!.id)).current;\n      if (owner) owner.focus();\n    },\n    select: (item) => {\n      if (item.onSelect) item.onSelect();\n      if (onSelect) onSelect(item.id, item);\n      dismiss(true);\n    },\n  };\n\n  return (\n    <Fragment>\n      {ovCloneTrigger(trigger, {\n        open,\n        onPress: () => (open ? dismiss(false) : show('first')),\n        onKeyDown: (e) => {\n          if (open || (e.key !== 'ArrowDown' && e.key !== 'ArrowUp')) return;\n          e.preventDefault();\n          show(e.key === 'ArrowDown' ? 'first' : 'last');\n        },\n        panelId: menuId,\n        haspopup: 'menu',\n        triggerRef,\n        activateOn,\n      })}\n      <OverlayPortal>\n        <Presence>\n          {open &&\n            levels.map((level, depth) => (\n              <MenuPanel\n                key={level.key}\n                chain={chain}\n                depth={depth}\n                animate={popIn(UIMotion.scale.floating, timings.open)}\n                exit={popOut(UIMotion.scale.floating, timings.close)}\n              />\n            ))}\n        </Presence>\n      </OverlayPortal>\n    </Fragment>\n  );\n}\n"]}