@n3wth/ui 0.7.0 → 0.9.0

package/dist/molecules/Dropdown/Dropdown.js

@@ -0,0 +1,530 @@
+import { jsx as o, jsxs as C } from "react/jsx-runtime";
+import { forwardRef as R, useId as ye, useState as N, useMemo as V, useRef as O, useCallback as A, useEffect as z, createContext as De, useContext as Ie } from "react";
+import { createPortal as Ce } from "react-dom";
+import { cn as y } from "../../utils/cn.js";
+const ae = De(null);
+function T() {
+  const r = Ie(ae);
+  if (!r) throw new Error("Dropdown compound components must be used within <Dropdown>");
+  return r;
+}
+function Ne(r, l) {
+  z(() => {
+    function u(p) {
+      const c = p.target;
+      r.every((i) => i.current && !i.current.contains(c)) && l();
+    }
+    return document.addEventListener("pointerdown", u), () => document.removeEventListener("pointerdown", u);
+  }, [r, l]);
+}
+function Le(r, l) {
+  const [u, p] = N({});
+  return z(() => {
+    if (!l || !r.current) return;
+    let c, i = null;
+    function x() {
+      const h = r.current;
+      if (!h) return;
+      const D = h.getBoundingClientRect();
+      p({
+        position: "fixed",
+        top: D.bottom + 4,
+        left: D.left,
+        width: D.width,
+        zIndex: 9999
+      });
+    }
+    x(), typeof ResizeObserver < "u" && (i = new ResizeObserver(() => {
+      cancelAnimationFrame(c), c = requestAnimationFrame(x);
+    }), i.observe(r.current));
+    const s = () => {
+      cancelAnimationFrame(c), c = requestAnimationFrame(x);
+    };
+    return window.addEventListener("scroll", s, { passive: !0, capture: !1 }), () => {
+      cancelAnimationFrame(c), window.removeEventListener("scroll", s), i && i.disconnect();
+    };
+  }, [l, r]), u;
+}
+const se = R(
+  ({ children: r, className: l, onClick: u, ...p }, c) => {
+    const i = T(), x = (s) => {
+      u?.(s), i.toggle();
+    };
+    return /* @__PURE__ */ o(
+      "button",
+      {
+        ref: c,
+        id: i.triggerId,
+        type: "button",
+        role: "combobox",
+        "aria-expanded": i.isOpen,
+        "aria-haspopup": "listbox",
+        "aria-controls": i.isOpen ? i.listboxId : void 0,
+        className: l,
+        onClick: x,
+        ...p,
+        children: r
+      }
+    );
+  }
+);
+se.displayName = "Dropdown.Trigger";
+const le = R(
+  ({ children: r, className: l, ...u }, p) => {
+    const c = T();
+    return c.isOpen ? /* @__PURE__ */ o(
+      "ul",
+      {
+        ref: p,
+        id: c.listboxId,
+        role: "listbox",
+        "aria-multiselectable": c.multi || void 0,
+        tabIndex: -1,
+        className: l,
+        ...u,
+        children: r
+      }
+    ) : null;
+  }
+);
+le.displayName = "Dropdown.Menu";
+const ie = R(
+  ({ value: r, disabled: l = !1, children: u, className: p, onClick: c, ...i }, x) => {
+    const s = T(), h = s.selectedValues.has(r);
+    return /* @__PURE__ */ o(
+      "li",
+      {
+        ref: x,
+        role: "option",
+        "aria-selected": h,
+        "aria-disabled": l || void 0,
+        "data-value": r,
+        className: p,
+        onClick: (K) => {
+          l || (c?.(K), s.select(r));
+        },
+        ...i,
+        children: u ?? r
+      }
+    );
+  }
+);
+ie.displayName = "Dropdown.Item";
+function Se({ open: r, className: l }) {
+  return /* @__PURE__ */ o(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      className: y(
+        "transition-transform duration-200 shrink-0",
+        r && "rotate-180",
+        l
+      ),
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ o(
+        "path",
+        {
+          d: "M4 6L8 10L12 6",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+function Ee() {
+  return /* @__PURE__ */ C(
+    "svg",
+    {
+      width: "14",
+      height: "14",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      className: "shrink-0",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ o("circle", { cx: "7", cy: "7", r: "5", stroke: "currentColor", strokeWidth: "1.5" }),
+        /* @__PURE__ */ o("path", { d: "M11 11L14 14", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+      ]
+    }
+  );
+}
+function oe() {
+  return /* @__PURE__ */ o(
+    "svg",
+    {
+      width: "14",
+      height: "14",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      className: "shrink-0",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ o(
+        "path",
+        {
+          d: "M3.5 8.5L6.5 11.5L12.5 4.5",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+const Ve = Object.assign(
+  R(
+    ({
+      options: r = [],
+      value: l,
+      values: u,
+      defaultValue: p,
+      defaultValues: c,
+      onChange: i,
+      onMultiChange: x,
+      multi: s = !1,
+      searchable: h = !1,
+      placeholder: D = "Select...",
+      searchPlaceholder: K = "Search...",
+      disabled: L = !1,
+      size: H = "md",
+      variant: ce = "default",
+      className: de,
+      menuClassName: ue,
+      portal: W = !1,
+      children: U
+    }, S) => {
+      const G = ye(), J = `dropdown-trigger-${G}`, E = `dropdown-listbox-${G}`, [a, I] = N(!1), [M, q] = N(""), [f, b] = N(-1), [Q, fe] = N(p), [X, be] = N(c ?? []), v = s ? u !== void 0 : l !== void 0, w = V(
+        () => v ? l : Q,
+        [v, l, Q]
+      ), m = V(
+        () => v ? u ?? [] : X,
+        [v, u, X]
+      ), $ = V(
+        () => new Set(s ? m : w ? [w] : []),
+        [s, m, w]
+      ), B = O(null), j = O(null), P = O(null), Y = O(null), pe = O(/* @__PURE__ */ new Map()), d = V(() => {
+        if (!M) return r;
+        const e = M.toLowerCase();
+        return r.filter((t) => t.label.toLowerCase().includes(e));
+      }, [r, M]), he = Le(B, a && W), k = A(() => {
+        I(!1), q(""), b(-1), B.current?.focus();
+      }, []), Z = A(() => {
+        L || I((e) => (e && (q(""), b(-1)), !e));
+      }, [L]), F = A(
+        (e) => {
+          if (s) {
+            const t = $.has(e) ? m.filter((n) => n !== e) : [...m, e];
+            v || be(t), x?.(t);
+          } else
+            v || fe(e), i?.(e), k();
+        },
+        [s, $, m, v, i, x, k]
+      ), ge = A((e, t) => {
+        pe.current.set(t, e);
+      }, []);
+      Ne([Y, j], () => {
+        a && k();
+      }), z(() => {
+        a && h && requestAnimationFrame(() => P.current?.focus());
+      }, [a, h]);
+      const _ = A(
+        (e) => {
+          if (!L)
+            switch (e.key) {
+              case "ArrowDown": {
+                if (e.preventDefault(), !a) {
+                  I(!0), b(0);
+                  return;
+                }
+                b((t) => {
+                  const n = d.length - 1;
+                  let g = t + 1;
+                  for (; g <= n && d[g]?.disabled; ) g++;
+                  return g > n ? t : g;
+                });
+                break;
+              }
+              case "ArrowUp": {
+                if (e.preventDefault(), !a) {
+                  I(!0), b(d.length - 1);
+                  return;
+                }
+                b((t) => {
+                  let n = t - 1;
+                  for (; n >= 0 && d[n]?.disabled; ) n--;
+                  return n < 0 ? t : n;
+                });
+                break;
+              }
+              case "Enter":
+              case " ": {
+                if (!a) {
+                  e.preventDefault(), I(!0), b(0);
+                  return;
+                }
+                if (e.key === " " && h && document.activeElement === P.current)
+                  return;
+                e.preventDefault(), f >= 0 && d[f] && !d[f].disabled && F(d[f].value);
+                break;
+              }
+              case "Escape": {
+                e.preventDefault(), k();
+                break;
+              }
+              case "Home": {
+                if (a) {
+                  e.preventDefault();
+                  const t = d.findIndex((n) => !n.disabled);
+                  t >= 0 && b(t);
+                }
+                break;
+              }
+              case "End": {
+                if (a) {
+                  e.preventDefault();
+                  for (let t = d.length - 1; t >= 0; t--)
+                    if (!d[t].disabled) {
+                      b(t);
+                      break;
+                    }
+                }
+                break;
+              }
+              case "Tab": {
+                a && k();
+                break;
+              }
+              default:
+                if (!h && e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {
+                  e.preventDefault(), a || I(!0);
+                  const t = e.key.toLowerCase(), n = f + 1, re = [
+                    ...d.slice(n),
+                    ...d.slice(0, n)
+                  ].findIndex(
+                    (ne) => !ne.disabled && ne.label.toLowerCase().startsWith(t)
+                  );
+                  re >= 0 && b((re + n) % d.length);
+                }
+            }
+        },
+        [L, a, d, f, h, F, k]
+      );
+      z(() => {
+        if (!a || f < 0 || !j.current) return;
+        j.current.querySelector(`[data-index="${f}"]`)?.scrollIntoView({ block: "nearest" });
+      }, [a, f]);
+      const xe = {
+        sm: "h-8 px-3 text-xs",
+        md: "h-10 px-4 text-sm",
+        lg: "h-12 px-5 text-base"
+      }, me = {
+        sm: "px-3 py-1.5 text-xs",
+        md: "px-4 py-2 text-sm",
+        lg: "px-5 py-2.5 text-base"
+      }, ve = {
+        default: [
+          "bg-transparent",
+          "border-[var(--glass-border)]",
+          "hover:border-[var(--glass-highlight)]"
+        ],
+        glass: [
+          "bg-[var(--glass-bg)]",
+          "backdrop-blur-lg",
+          "border-[var(--glass-border)]",
+          "hover:bg-[rgba(255,255,255,0.08)]"
+        ]
+      }, ee = V(() => {
+        if (s) {
+          if (m.length === 0) return null;
+          const e = m.map((t) => r.find((n) => n.value === t)?.label ?? t);
+          return e.length <= 2 ? e.join(", ") : `${e[0]}, ${e[1]} +${e.length - 2}`;
+        }
+        return w ? r.find((e) => e.value === w)?.label ?? w : null;
+      }, [s, m, w, r]), we = a && f >= 0 ? `${E}-option-${f}` : void 0, ke = {
+        isOpen: a,
+        activeIndex: f,
+        selectedValues: $,
+        multi: s,
+        listboxId: E,
+        triggerId: J,
+        toggle: Z,
+        close: k,
+        select: F,
+        setActiveIndex: b,
+        registerItem: ge
+      };
+      if (U)
+        return /* @__PURE__ */ o(ae.Provider, { value: ke, children: /* @__PURE__ */ o("div", { ref: S, onKeyDown: _, children: U }) });
+      const te = /* @__PURE__ */ C(
+        "ul",
+        {
+          ref: j,
+          id: E,
+          role: "listbox",
+          "aria-multiselectable": s || void 0,
+          "aria-label": "Options",
+          tabIndex: -1,
+          className: y(
+            "py-1 max-h-60 overflow-y-auto",
+            "bg-[var(--glass-bg)] backdrop-blur-xl",
+            "border border-[var(--glass-border)]",
+            "rounded-xl",
+            "scrollbar-hidden",
+            "animate-in",
+            ue
+          ),
+          style: W ? he : void 0,
+          children: [
+            h && /* @__PURE__ */ o("li", { role: "presentation", className: "px-2 py-1.5 sticky top-0 bg-[var(--glass-bg)] backdrop-blur-xl z-10", children: /* @__PURE__ */ C("div", { className: "flex items-center gap-2 px-2 py-1.5 rounded-lg border border-[var(--glass-border)] bg-transparent", children: [
+              /* @__PURE__ */ o("span", { className: "text-[var(--color-grey-400)]", children: /* @__PURE__ */ o(Ee, {}) }),
+              /* @__PURE__ */ o(
+                "input",
+                {
+                  ref: P,
+                  type: "text",
+                  role: "searchbox",
+                  "aria-label": "Filter options",
+                  value: M,
+                  onChange: (e) => {
+                    q(e.target.value), b(0);
+                  },
+                  placeholder: K,
+                  className: y(
+                    "w-full bg-transparent",
+                    "text-[var(--color-white)]",
+                    "placeholder:text-[var(--color-grey-600)]",
+                    "focus:outline-none",
+                    "text-xs"
+                  )
+                }
+              )
+            ] }) }),
+            d.length === 0 && /* @__PURE__ */ o(
+              "li",
+              {
+                role: "presentation",
+                className: "px-4 py-3 text-center text-xs text-[var(--color-grey-600)]",
+                children: "No options found"
+              }
+            ),
+            d.map((e, t) => {
+              const n = $.has(e.value), g = t === f;
+              return /* @__PURE__ */ C(
+                "li",
+                {
+                  id: `${E}-option-${t}`,
+                  role: "option",
+                  "aria-selected": n,
+                  "aria-disabled": e.disabled || void 0,
+                  "data-index": t,
+                  "data-value": e.value,
+                  className: y(
+                    "flex items-center gap-2 cursor-pointer",
+                    "transition-[background-color,color] duration-150",
+                    me[H],
+                    g && "bg-[var(--glass-highlight)]",
+                    n && !g && "text-[var(--color-white)]",
+                    !n && !g && "text-[var(--color-grey-300)]",
+                    e.disabled && "opacity-40 cursor-not-allowed pointer-events-none",
+                    !e.disabled && !g && "hover:bg-[var(--glass-bg)]"
+                  ),
+                  onClick: () => {
+                    e.disabled || F(e.value);
+                  },
+                  onMouseEnter: () => b(t),
+                  children: [
+                    s && /* @__PURE__ */ o(
+                      "span",
+                      {
+                        className: y(
+                          "w-4 h-4 rounded border flex items-center justify-center shrink-0",
+                          "transition-[background-color,border-color] duration-150",
+                          n ? "bg-[var(--color-white)] border-[var(--color-white)] text-[var(--color-bg)]" : "border-[var(--glass-border)]"
+                        ),
+                        children: n && /* @__PURE__ */ o(oe, {})
+                      }
+                    ),
+                    /* @__PURE__ */ o("span", { className: "truncate", children: e.label }),
+                    !s && n && /* @__PURE__ */ o("span", { className: "ml-auto text-[var(--color-white)]", children: /* @__PURE__ */ o(oe, {}) })
+                  ]
+                },
+                e.value
+              );
+            })
+          ]
+        }
+      );
+      return /* @__PURE__ */ C(
+        "div",
+        {
+          ref: (e) => {
+            Y.current = e, typeof S == "function" ? S(e) : S && (S.current = e);
+          },
+          className: "relative inline-block w-full",
+          onKeyDown: _,
+          children: [
+            /* @__PURE__ */ C(
+              "button",
+              {
+                ref: B,
+                id: J,
+                type: "button",
+                role: "combobox",
+                "aria-expanded": a,
+                "aria-haspopup": "listbox",
+                "aria-controls": a ? E : void 0,
+                "aria-activedescendant": we,
+                disabled: L,
+                className: y(
+                  "w-full inline-flex items-center justify-between gap-2",
+                  "border rounded-xl",
+                  "transition-[border-color,background-color] duration-200",
+                  "focus-ring",
+                  "disabled:opacity-50 disabled:cursor-not-allowed",
+                  xe[H],
+                  ve[ce],
+                  a && "border-[var(--color-white)]",
+                  de
+                ),
+                onClick: Z,
+                children: [
+                  /* @__PURE__ */ o(
+                    "span",
+                    {
+                      className: y(
+                        "truncate text-left",
+                        ee ? "text-[var(--color-white)]" : "text-[var(--color-grey-600)]"
+                      ),
+                      children: ee ?? D
+                    }
+                  ),
+                  /* @__PURE__ */ o(Se, { open: a, className: "text-[var(--color-grey-400)]" })
+                ]
+              }
+            ),
+            a && (W ? Ce(te, document.body) : /* @__PURE__ */ o("div", { className: "absolute left-0 right-0 mt-1 z-50", children: te }))
+          ]
+        }
+      );
+    }
+  ),
+  {
+    Trigger: se,
+    Menu: le,
+    Item: ie
+  }
+);
+Ve.displayName = "Dropdown";
+export {
+  Ve as Dropdown,
+  ie as DropdownItem,
+  le as DropdownMenu,
+  se as DropdownTrigger
+};
+//# sourceMappingURL=Dropdown.js.map

package/dist/molecules/Dropdown/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sources":["../../../src/molecules/Dropdown/Dropdown.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useState,\n  useRef,\n  useEffect,\n  useCallback,\n  useMemo,\n  useId,\n  createContext,\n  useContext,\n  type ReactNode,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type MouseEvent,\n} from 'react'\nimport { createPortal } from 'react-dom'\nimport { cn } from '../../utils/cn'\n\n/* ------------------------------------------------------------------\n   Types\n   ------------------------------------------------------------------ */\n\nexport interface DropdownOption {\n  value: string\n  label: string\n  disabled?: boolean\n}\n\nexport interface DropdownProps {\n  /** Options to display */\n  options: DropdownOption[]\n  /** Controlled value (single-select) */\n  value?: string\n  /** Controlled values (multi-select) */\n  values?: string[]\n  /** Default value for uncontrolled single-select */\n  defaultValue?: string\n  /** Default values for uncontrolled multi-select */\n  defaultValues?: string[]\n  /** Called when selection changes (single-select) */\n  onChange?: (value: string) => void\n  /** Called when selection changes (multi-select) */\n  onMultiChange?: (values: string[]) => void\n  /** Enable multi-select mode */\n  multi?: boolean\n  /** Enable search/filter input */\n  searchable?: boolean\n  /** Placeholder text when nothing is selected */\n  placeholder?: string\n  /** Search input placeholder */\n  searchPlaceholder?: string\n  /** Disabled state */\n  disabled?: boolean\n  /** Size variant */\n  size?: 'sm' | 'md' | 'lg'\n  /** Visual variant */\n  variant?: 'default' | 'glass'\n  /** Additional class names for the trigger */\n  className?: string\n  /** Additional class names for the menu */\n  menuClassName?: string\n  /** Use portal rendering for overflow contexts */\n  portal?: boolean\n  /** Children for compound API (overrides options-based rendering) */\n  children?: ReactNode\n}\n\n/* ------------------------------------------------------------------\n   Context for compound API\n   ------------------------------------------------------------------ */\n\ninterface DropdownContextValue {\n  isOpen: boolean\n  activeIndex: number\n  selectedValues: Set<string>\n  multi: boolean\n  listboxId: string\n  triggerId: string\n  toggle: () => void\n  close: () => void\n  select: (value: string) => void\n  setActiveIndex: (index: number) => void\n  registerItem: (value: string, index: number) => void\n}\n\nconst DropdownContext = createContext<DropdownContextValue | null>(null)\n\nfunction useDropdownContext() {\n  const ctx = useContext(DropdownContext)\n  if (!ctx) throw new Error('Dropdown compound components must be used within <Dropdown>')\n  return ctx\n}\n\n/* ------------------------------------------------------------------\n   Hooks\n   ------------------------------------------------------------------ */\n\nfunction useClickOutside(\n  refs: React.RefObject<HTMLElement | null>[],\n  handler: () => void\n) {\n  useEffect(() => {\n    function onPointerDown(e: PointerEvent) {\n      const target = e.target as Node\n      if (refs.every((r) => r.current && !r.current.contains(target))) {\n        handler()\n      }\n    }\n    document.addEventListener('pointerdown', onPointerDown)\n    return () => document.removeEventListener('pointerdown', onPointerDown)\n  }, [refs, handler])\n}\n\nfunction usePositioning(\n  triggerRef: React.RefObject<HTMLElement | null>,\n  isOpen: boolean\n) {\n  const [style, setStyle] = useState<React.CSSProperties>({})\n\n  useEffect(() => {\n    if (!isOpen || !triggerRef.current) return\n\n    let animationFrameId: number\n    let resizeObserver: ResizeObserver | null = null\n\n    function update() {\n      const trigger = triggerRef.current\n      if (!trigger) return\n      const rect = trigger.getBoundingClientRect()\n      setStyle({\n        position: 'fixed',\n        top: rect.bottom + 4,\n        left: rect.left,\n        width: rect.width,\n        zIndex: 9999,\n      })\n    }\n\n    // Initial position\n    update()\n\n    // ResizeObserver for reliable updates when the trigger resizes\n    if (typeof ResizeObserver !== 'undefined') {\n      resizeObserver = new ResizeObserver(() => {\n        cancelAnimationFrame(animationFrameId)\n        animationFrameId = requestAnimationFrame(update)\n      })\n      resizeObserver.observe(triggerRef.current)\n    }\n\n    // Passive, rAF-throttled scroll listener for smoother updates\n    const handleScroll = () => {\n      cancelAnimationFrame(animationFrameId)\n      animationFrameId = requestAnimationFrame(update)\n    }\n    window.addEventListener('scroll', handleScroll, { passive: true, capture: false })\n\n    return () => {\n      cancelAnimationFrame(animationFrameId)\n      window.removeEventListener('scroll', handleScroll)\n      if (resizeObserver) resizeObserver.disconnect()\n    }\n  }, [isOpen, triggerRef])\n\n  return style\n}\n\n/* ------------------------------------------------------------------\n   Sub-components\n   ------------------------------------------------------------------ */\n\nexport interface DropdownTriggerProps extends HTMLAttributes<HTMLButtonElement> {\n  children?: ReactNode\n}\n\nexport const DropdownTrigger = forwardRef<HTMLButtonElement, DropdownTriggerProps>(\n  ({ children, className, onClick, ...props }, ref) => {\n    const ctx = useDropdownContext()\n\n    const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n      onClick?.(e)\n      ctx.toggle()\n    }\n\n    return (\n      <button\n        ref={ref}\n        id={ctx.triggerId}\n        type=\"button\"\n        role=\"combobox\"\n        aria-expanded={ctx.isOpen}\n        aria-haspopup=\"listbox\"\n        aria-controls={ctx.isOpen ? ctx.listboxId : undefined}\n        className={className}\n        onClick={handleClick}\n        {...props}\n      >\n        {children}\n      </button>\n    )\n  }\n)\nDropdownTrigger.displayName = 'Dropdown.Trigger'\n\nexport interface DropdownMenuProps extends HTMLAttributes<HTMLUListElement> {\n  children?: ReactNode\n}\n\nexport const DropdownMenu = forwardRef<HTMLUListElement, DropdownMenuProps>(\n  ({ children, className, ...props }, ref) => {\n    const ctx = useDropdownContext()\n\n    if (!ctx.isOpen) return null\n\n    return (\n      <ul\n        ref={ref}\n        id={ctx.listboxId}\n        role=\"listbox\"\n        aria-multiselectable={ctx.multi || undefined}\n        tabIndex={-1}\n        className={className}\n        {...props}\n      >\n        {children}\n      </ul>\n    )\n  }\n)\nDropdownMenu.displayName = 'Dropdown.Menu'\n\nexport interface DropdownItemProps extends HTMLAttributes<HTMLLIElement> {\n  value: string\n  disabled?: boolean\n  children?: ReactNode\n}\n\nexport const DropdownItem = forwardRef<HTMLLIElement, DropdownItemProps>(\n  ({ value, disabled = false, children, className, onClick, ...props }, ref) => {\n    const ctx = useDropdownContext()\n    const isSelected = ctx.selectedValues.has(value)\n\n    const handleClick = (e: MouseEvent<HTMLLIElement>) => {\n      if (disabled) return\n      onClick?.(e)\n      ctx.select(value)\n    }\n\n    return (\n      <li\n        ref={ref}\n        role=\"option\"\n        aria-selected={isSelected}\n        aria-disabled={disabled || undefined}\n        data-value={value}\n        className={className}\n        onClick={handleClick}\n        {...props}\n      >\n        {children ?? value}\n      </li>\n    )\n  }\n)\nDropdownItem.displayName = 'Dropdown.Item'\n\n/* ------------------------------------------------------------------\n   Chevron icon (inline SVG to avoid dependency)\n   ------------------------------------------------------------------ */\n\nfunction ChevronIcon({ open, className }: { open: boolean; className?: string }) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      className={cn(\n        'transition-transform duration-200 shrink-0',\n        open && 'rotate-180',\n        className\n      )}\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M4 6L8 10L12 6\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n\nfunction SearchIcon() {\n  return (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      className=\"shrink-0\"\n      aria-hidden=\"true\"\n    >\n      <circle cx=\"7\" cy=\"7\" r=\"5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n      <path d=\"M11 11L14 14\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n    </svg>\n  )\n}\n\nfunction CheckIcon() {\n  return (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      className=\"shrink-0\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M3.5 8.5L6.5 11.5L12.5 4.5\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n\n/* ------------------------------------------------------------------\n   Main Dropdown component\n   ------------------------------------------------------------------ */\n\nexport const Dropdown = Object.assign(\n  forwardRef<HTMLDivElement, DropdownProps>(\n    (\n      {\n        options = [],\n        value,\n        values,\n        defaultValue,\n        defaultValues,\n        onChange,\n        onMultiChange,\n        multi = false,\n        searchable = false,\n        placeholder = 'Select...',\n        searchPlaceholder = 'Search...',\n        disabled = false,\n        size = 'md',\n        variant = 'default',\n        className,\n        menuClassName,\n        portal = false,\n        children,\n      },\n      ref\n    ) => {\n      const uid = useId()\n      const triggerId = `dropdown-trigger-${uid}`\n      const listboxId = `dropdown-listbox-${uid}`\n\n      // State\n      const [isOpen, setIsOpen] = useState(false)\n      const [search, setSearch] = useState('')\n      const [activeIndex, setActiveIndex] = useState(-1)\n\n      // Selection state (controlled or uncontrolled)\n      const [internalValue, setInternalValue] = useState<string | undefined>(defaultValue)\n      const [internalValues, setInternalValues] = useState<string[]>(defaultValues ?? [])\n\n      const isControlled = multi ? values !== undefined : value !== undefined\n      const selectedValue = useMemo(\n        () => (isControlled ? value : internalValue),\n        [isControlled, value, internalValue]\n      )\n      const selectedMultiValues = useMemo(\n        () => (isControlled ? (values ?? []) : internalValues),\n        [isControlled, values, internalValues]\n      )\n      const selectedSet = useMemo(\n        () => new Set(multi ? selectedMultiValues : selectedValue ? [selectedValue] : []),\n        [multi, selectedMultiValues, selectedValue]\n      )\n\n      // Refs\n      const triggerRef = useRef<HTMLButtonElement>(null)\n      const menuRef = useRef<HTMLUListElement>(null)\n      const searchRef = useRef<HTMLInputElement>(null)\n      const containerRef = useRef<HTMLDivElement>(null)\n      const itemMapRef = useRef<Map<number, string>>(new Map())\n\n      // Filtered options\n      const filteredOptions = useMemo(() => {\n        if (!search) return options\n        const lower = search.toLowerCase()\n        return options.filter((o) => o.label.toLowerCase().includes(lower))\n      }, [options, search])\n\n      // Position for portal mode\n      const portalStyle = usePositioning(triggerRef, isOpen && portal)\n\n      // Close handler\n      const close = useCallback(() => {\n        setIsOpen(false)\n        setSearch('')\n        setActiveIndex(-1)\n        triggerRef.current?.focus()\n      }, [])\n\n      // Toggle\n      const toggle = useCallback(() => {\n        if (disabled) return\n        setIsOpen((prev) => {\n          if (prev) {\n            setSearch('')\n            setActiveIndex(-1)\n          }\n          return !prev\n        })\n      }, [disabled])\n\n      // Selection\n      const select = useCallback(\n        (val: string) => {\n          if (multi) {\n            const next = selectedSet.has(val)\n              ? selectedMultiValues.filter((v) => v !== val)\n              : [...selectedMultiValues, val]\n            if (!isControlled) setInternalValues(next)\n            onMultiChange?.(next)\n          } else {\n            if (!isControlled) setInternalValue(val)\n            onChange?.(val)\n            close()\n          }\n        },\n        [multi, selectedSet, selectedMultiValues, isControlled, onChange, onMultiChange, close]\n      )\n\n      // Register item (for compound API)\n      const registerItem = useCallback((val: string, index: number) => {\n        itemMapRef.current.set(index, val)\n      }, [])\n\n      // Click outside\n      useClickOutside([containerRef, menuRef], () => {\n        if (isOpen) close()\n      })\n\n      // Focus search input when menu opens\n      useEffect(() => {\n        if (isOpen && searchable) {\n          requestAnimationFrame(() => searchRef.current?.focus())\n        }\n      }, [isOpen, searchable])\n\n      // Keyboard handler\n      const handleKeyDown = useCallback(\n        (e: KeyboardEvent<HTMLDivElement>) => {\n          if (disabled) return\n\n          switch (e.key) {\n            case 'ArrowDown': {\n              e.preventDefault()\n              if (!isOpen) {\n                setIsOpen(true)\n                setActiveIndex(0)\n                return\n              }\n              setActiveIndex((prev) => {\n                const max = filteredOptions.length - 1\n                let next = prev + 1\n                while (next <= max && filteredOptions[next]?.disabled) next++\n                return next > max ? prev : next\n              })\n              break\n            }\n            case 'ArrowUp': {\n              e.preventDefault()\n              if (!isOpen) {\n                setIsOpen(true)\n                setActiveIndex(filteredOptions.length - 1)\n                return\n              }\n              setActiveIndex((prev) => {\n                let next = prev - 1\n                while (next >= 0 && filteredOptions[next]?.disabled) next--\n                return next < 0 ? prev : next\n              })\n              break\n            }\n            case 'Enter':\n            case ' ': {\n              if (!isOpen) {\n                e.preventDefault()\n                setIsOpen(true)\n                setActiveIndex(0)\n                return\n              }\n              // Allow space in search input\n              if (e.key === ' ' && searchable && document.activeElement === searchRef.current) {\n                return\n              }\n              e.preventDefault()\n              if (activeIndex >= 0 && filteredOptions[activeIndex] && !filteredOptions[activeIndex].disabled) {\n                select(filteredOptions[activeIndex].value)\n              }\n              break\n            }\n            case 'Escape': {\n              e.preventDefault()\n              close()\n              break\n            }\n            case 'Home': {\n              if (isOpen) {\n                e.preventDefault()\n                const first = filteredOptions.findIndex((o) => !o.disabled)\n                if (first >= 0) setActiveIndex(first)\n              }\n              break\n            }\n            case 'End': {\n              if (isOpen) {\n                e.preventDefault()\n                for (let i = filteredOptions.length - 1; i >= 0; i--) {\n                  if (!filteredOptions[i].disabled) {\n                    setActiveIndex(i)\n                    break\n                  }\n                }\n              }\n              break\n            }\n            case 'Tab': {\n              if (isOpen) close()\n              break\n            }\n            default: {\n              // Type-ahead: single character jumps to matching option\n              if (!searchable && e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {\n                e.preventDefault()\n                if (!isOpen) setIsOpen(true)\n                const char = e.key.toLowerCase()\n                const startIndex = activeIndex + 1\n                const reordered = [\n                  ...filteredOptions.slice(startIndex),\n                  ...filteredOptions.slice(0, startIndex),\n                ]\n                const match = reordered.findIndex(\n                  (o) => !o.disabled && o.label.toLowerCase().startsWith(char)\n                )\n                if (match >= 0) {\n                  setActiveIndex((match + startIndex) % filteredOptions.length)\n                }\n              }\n            }\n          }\n        },\n        [disabled, isOpen, filteredOptions, activeIndex, searchable, select, close]\n      )\n\n      // Scroll active item into view\n      useEffect(() => {\n        if (!isOpen || activeIndex < 0 || !menuRef.current) return\n        const activeEl = menuRef.current.querySelector(`[data-index=\"${activeIndex}\"]`)\n        activeEl?.scrollIntoView({ block: 'nearest' })\n      }, [isOpen, activeIndex])\n\n      // Size styles\n      const triggerSizes = {\n        sm: 'h-8 px-3 text-xs',\n        md: 'h-10 px-4 text-sm',\n        lg: 'h-12 px-5 text-base',\n      }\n\n      const itemSizes = {\n        sm: 'px-3 py-1.5 text-xs',\n        md: 'px-4 py-2 text-sm',\n        lg: 'px-5 py-2.5 text-base',\n      }\n\n      // Variant styles\n      const triggerVariants = {\n        default: [\n          'bg-transparent',\n          'border-[var(--glass-border)]',\n          'hover:border-[var(--glass-highlight)]',\n        ],\n        glass: [\n          'bg-[var(--glass-bg)]',\n          'backdrop-blur-lg',\n          'border-[var(--glass-border)]',\n          'hover:bg-[rgba(255,255,255,0.08)]',\n        ],\n      }\n\n      // Display value\n      const displayValue = useMemo(() => {\n        if (multi) {\n          if (selectedMultiValues.length === 0) return null\n          const labels = selectedMultiValues\n            .map((v) => options.find((o) => o.value === v)?.label ?? v)\n          if (labels.length <= 2) return labels.join(', ')\n          return `${labels[0]}, ${labels[1]} +${labels.length - 2}`\n        }\n        if (!selectedValue) return null\n        return options.find((o) => o.value === selectedValue)?.label ?? selectedValue\n      }, [multi, selectedMultiValues, selectedValue, options])\n\n      // Active descendant\n      const activeDescendant =\n        isOpen && activeIndex >= 0\n          ? `${listboxId}-option-${activeIndex}`\n          : undefined\n\n      // Context value\n      const contextValue: DropdownContextValue = {\n        isOpen,\n        activeIndex,\n        selectedValues: selectedSet,\n        multi,\n        listboxId,\n        triggerId,\n        toggle,\n        close,\n        select,\n        setActiveIndex,\n        registerItem,\n      }\n\n      // If children are provided, use compound API\n      if (children) {\n        return (\n          <DropdownContext.Provider value={contextValue}>\n            <div ref={ref} onKeyDown={handleKeyDown}>\n              {children}\n            </div>\n          </DropdownContext.Provider>\n        )\n      }\n\n      // Options-based rendering\n      const menuContent = (\n        <ul\n          ref={menuRef}\n          id={listboxId}\n          role=\"listbox\"\n          aria-multiselectable={multi || undefined}\n          aria-label=\"Options\"\n          tabIndex={-1}\n          className={cn(\n            'py-1 max-h-60 overflow-y-auto',\n            'bg-[var(--glass-bg)] backdrop-blur-xl',\n            'border border-[var(--glass-border)]',\n            'rounded-xl',\n            'scrollbar-hidden',\n            'animate-in',\n            menuClassName\n          )}\n          style={portal ? portalStyle : undefined}\n        >\n          {searchable && (\n            <li role=\"presentation\" className=\"px-2 py-1.5 sticky top-0 bg-[var(--glass-bg)] backdrop-blur-xl z-10\">\n              <div className=\"flex items-center gap-2 px-2 py-1.5 rounded-lg border border-[var(--glass-border)] bg-transparent\">\n                <span className=\"text-[var(--color-grey-400)]\">\n                  <SearchIcon />\n                </span>\n                <input\n                  ref={searchRef}\n                  type=\"text\"\n                  role=\"searchbox\"\n                  aria-label=\"Filter options\"\n                  value={search}\n                  onChange={(e) => {\n                    setSearch(e.target.value)\n                    setActiveIndex(0)\n                  }}\n                  placeholder={searchPlaceholder}\n                  className={cn(\n                    'w-full bg-transparent',\n                    'text-[var(--color-white)]',\n                    'placeholder:text-[var(--color-grey-600)]',\n                    'focus:outline-none',\n                    'text-xs'\n                  )}\n                />\n              </div>\n            </li>\n          )}\n          {filteredOptions.length === 0 && (\n            <li\n              role=\"presentation\"\n              className=\"px-4 py-3 text-center text-xs text-[var(--color-grey-600)]\"\n            >\n              No options found\n            </li>\n          )}\n          {filteredOptions.map((option, index) => {\n            const isSelected = selectedSet.has(option.value)\n            const isActive = index === activeIndex\n\n            return (\n              <li\n                key={option.value}\n                id={`${listboxId}-option-${index}`}\n                role=\"option\"\n                aria-selected={isSelected}\n                aria-disabled={option.disabled || undefined}\n                data-index={index}\n                data-value={option.value}\n                className={cn(\n                  'flex items-center gap-2 cursor-pointer',\n                  'transition-[background-color,color] duration-150',\n                  itemSizes[size],\n                  isActive && 'bg-[var(--glass-highlight)]',\n                  isSelected && !isActive && 'text-[var(--color-white)]',\n                  !isSelected && !isActive && 'text-[var(--color-grey-300)]',\n                  option.disabled && 'opacity-40 cursor-not-allowed pointer-events-none',\n                  !option.disabled && !isActive && 'hover:bg-[var(--glass-bg)]'\n                )}\n                onClick={() => {\n                  if (!option.disabled) select(option.value)\n                }}\n                onMouseEnter={() => setActiveIndex(index)}\n              >\n                {multi && (\n                  <span\n                    className={cn(\n                      'w-4 h-4 rounded border flex items-center justify-center shrink-0',\n                      'transition-[background-color,border-color] duration-150',\n                      isSelected\n                        ? 'bg-[var(--color-white)] border-[var(--color-white)] text-[var(--color-bg)]'\n                        : 'border-[var(--glass-border)]'\n                    )}\n                  >\n                    {isSelected && <CheckIcon />}\n                  </span>\n                )}\n                <span className=\"truncate\">{option.label}</span>\n                {!multi && isSelected && (\n                  <span className=\"ml-auto text-[var(--color-white)]\">\n                    <CheckIcon />\n                  </span>\n                )}\n              </li>\n            )\n          })}\n        </ul>\n      )\n\n      return (\n        <div\n          ref={(node) => {\n            // Merge refs\n            ;(containerRef as React.MutableRefObject<HTMLDivElement | null>).current = node\n            if (typeof ref === 'function') ref(node)\n            else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node\n          }}\n          className=\"relative inline-block w-full\"\n          onKeyDown={handleKeyDown}\n        >\n          {/* Trigger */}\n          <button\n            ref={triggerRef}\n            id={triggerId}\n            type=\"button\"\n            role=\"combobox\"\n            aria-expanded={isOpen}\n            aria-haspopup=\"listbox\"\n            aria-controls={isOpen ? listboxId : undefined}\n            aria-activedescendant={activeDescendant}\n            disabled={disabled}\n            className={cn(\n              'w-full inline-flex items-center justify-between gap-2',\n              'border rounded-xl',\n              'transition-[border-color,background-color] duration-200',\n              'focus-ring',\n              'disabled:opacity-50 disabled:cursor-not-allowed',\n              triggerSizes[size],\n              triggerVariants[variant],\n              isOpen && 'border-[var(--color-white)]',\n              className\n            )}\n            onClick={toggle}\n          >\n            <span\n              className={cn(\n                'truncate text-left',\n                displayValue\n                  ? 'text-[var(--color-white)]'\n                  : 'text-[var(--color-grey-600)]'\n              )}\n            >\n              {displayValue ?? placeholder}\n            </span>\n            <ChevronIcon open={isOpen} className=\"text-[var(--color-grey-400)]\" />\n          </button>\n\n          {/* Menu */}\n          {isOpen && (\n            portal\n              ? createPortal(menuContent, document.body)\n              : <div className=\"absolute left-0 right-0 mt-1 z-50\">{menuContent}</div>\n          )}\n        </div>\n      )\n    }\n  ),\n  {\n    Trigger: DropdownTrigger,\n    Menu: DropdownMenu,\n    Item: DropdownItem,\n  }\n)\n\nDropdown.displayName = 'Dropdown'\n"],"names":["DropdownContext","createContext","useDropdownContext","ctx","useContext","useClickOutside","refs","handler","useEffect","onPointerDown","e","target","r","usePositioning","triggerRef","isOpen","style","setStyle","useState","animationFrameId","resizeObserver","update","trigger","rect","handleScroll","DropdownTrigger","forwardRef","children","className","onClick","props","ref","handleClick","jsx","DropdownMenu","DropdownItem","value","disabled","isSelected","ChevronIcon","open","cn","SearchIcon","jsxs","CheckIcon","Dropdown","options","values","defaultValue","defaultValues","onChange","onMultiChange","multi","searchable","placeholder","searchPlaceholder","size","variant","menuClassName","portal","uid","useId","triggerId","listboxId","setIsOpen","search","setSearch","activeIndex","setActiveIndex","internalValue","setInternalValue","internalValues","setInternalValues","isControlled","selectedValue","useMemo","selectedMultiValues","selectedSet","useRef","menuRef","searchRef","containerRef","itemMapRef","filteredOptions","lower","o","portalStyle","close","useCallback","toggle","prev","select","val","next","v","registerItem","index","handleKeyDown","max","first","i","char","startIndex","match","triggerSizes","itemSizes","triggerVariants","displayValue","labels","activeDescendant","contextValue","menuContent","option","isActive","node","createPortal"],"mappings":"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"}