@photon-ai/pho-ui 1.4.0 → 2.0.0

package/dist/components/combobox.js

@@ -1,117 +1,5 @@
 "use client";
-import { t as o } from "../chunks/cn-DTiB6ek_.js";
-import "react";
-import { jsx as n } from "react/jsx-runtime";
-import { Combobox as r } from "@base-ui/react/combobox";
-var i = r.Root, s = r.Value, p = r.Portal, c = r.Group, l = r.Collection;
-function h({ className: e, ...t }) {
-  return /* @__PURE__ */ n(r.InputGroup, {
-    className: o("relative flex items-center", e),
-    ...t
-  });
-}
-function u({ className: e, ...t }) {
-  return /* @__PURE__ */ n(r.Input, {
-    className: o("bg-pho-primary ring-pho-primary text-pho-primary placeholder:text-pho-placeholder focus-visible:ring-pho-brand text-md rounded-base w-full px-3 py-2 ring-1 transition-shadow duration-100 ease-linear outline-none ring-inset focus-visible:ring-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-base", e),
-    ...t
-  });
-}
-function m({ className: e, ...t }) {
-  return /* @__PURE__ */ n(r.Clear, {
-    className: o("combobox-clear text-pho-secondary hover:text-pho-secondary-hover absolute right-2.5 flex cursor-pointer items-center [&>svg]:size-4", e),
-    ...t
-  });
-}
-function d({ className: e, ...t }) {
-  return /* @__PURE__ */ n(r.Trigger, {
-    className: o("text-pho-secondary hover:text-pho-secondary-hover absolute right-2.5 flex cursor-pointer items-center [&>svg]:size-4", e),
-    ...t
-  });
-}
-function g({ className: e, sideOffset: t = 6, ...a }) {
-  return /* @__PURE__ */ n(r.Positioner, {
-    sideOffset: t,
-    className: o("z-50 outline-none", e),
-    ...a
-  });
-}
-function x({ className: e, ...t }) {
-  return /* @__PURE__ */ n(r.Popup, {
-    className: o("bg-pho-primary text-pho-primary shadow-pho-lg ring-pho-secondary rounded-base w-[var(--anchor-width)] max-w-[var(--available-width)] origin-[var(--transform-origin)] p-1 ring-1 transition-[transform,opacity] duration-150 ease-out outline-none ring-inset", "data-[starting-style]:scale-95 data-[starting-style]:opacity-0", "data-[ending-style]:scale-95 data-[ending-style]:opacity-0", e),
-    ...t
-  });
-}
-function y({ className: e, ...t }) {
-  return /* @__PURE__ */ n(r.List, {
-    className: o("max-h-[min(20rem,var(--available-height))] overflow-y-auto overscroll-contain", e),
-    ...t
-  });
-}
-function b({ className: e, ...t }) {
-  return /* @__PURE__ */ n(r.Empty, {
-    className: o("text-pho-description px-2.5 py-6 text-center text-base empty:m-0 empty:p-0", e),
-    ...t
-  });
-}
-function f({ className: e, ...t }) {
-  return /* @__PURE__ */ n(r.Item, {
-    className: o("text-pho-secondary grid cursor-pointer grid-cols-[1rem_1fr] items-center gap-2 rounded-[calc(var(--radius-base)-4px)] py-1.5 pr-2.5 pl-2 text-base outline-none select-none", "data-[highlighted]:bg-pho-ghost-hover data-[highlighted]:text-pho-primary", e),
-    ...t
-  });
-}
-function v({ className: e, ...t }) {
-  return /* @__PURE__ */ n(r.ItemIndicator, {
-    className: o("text-pho-brand col-start-1 flex items-center [&>svg]:size-4", e),
-    ...t
-  });
-}
-function N({ className: e, ...t }) {
-  return /* @__PURE__ */ n(r.GroupLabel, {
-    className: o("text-pho-secondary px-2.5 py-1.5 text-xs font-medium", e),
-    ...t
-  });
-}
-function C({ className: e, ...t }) {
-  return /* @__PURE__ */ n(r.Chips, {
-    className: o("bg-pho-primary ring-pho-primary focus-within:ring-pho-brand rounded-base flex flex-wrap items-center gap-1.5 p-1.5 ring-1 ring-inset focus-within:ring-2", e),
-    ...t
-  });
-}
-function w({ className: e, ...t }) {
-  return /* @__PURE__ */ n(r.Chip, {
-    className: o("bg-pho-secondary text-pho-secondary data-[highlighted]:bg-pho-inverse data-[highlighted]:text-pho-inverse flex items-center gap-1 rounded-sm py-0.5 pr-1 pl-2 text-base", e),
-    ...t
-  });
-}
-function I({ className: e, ...t }) {
-  return /* @__PURE__ */ n(r.ChipRemove, {
-    className: o("text-pho-secondary hover:text-pho-secondary-hover in-data-[highlighted]:text-pho-inverse flex cursor-pointer items-center rounded-sm [&>svg]:size-3.5", e),
-    ...t
-  });
-}
-var R = {
-  Root: i,
-  Value: s,
-  InputGroup: h,
-  Input: u,
-  Trigger: d,
-  Clear: m,
-  Portal: p,
-  Positioner: g,
-  Popup: x,
-  List: y,
-  Collection: l,
-  Empty: b,
-  Item: f,
-  ItemIndicator: v,
-  Group: c,
-  GroupLabel: N,
-  Chips: C,
-  Chip: w,
-  ChipRemove: I
-};
+import { t } from "../chunks/combobox-rLdS6fl-.js";
 export {
-  R as Combobox
+  t as Combobox
 };
-
-//# sourceMappingURL=combobox.js.map

package/dist/components/command.js

@@ -0,0 +1,242 @@
+"use client";
+import { t as l } from "../chunks/cn-DTiB6ek_.js";
+import { t as V } from "../chunks/IconArrowUpRight-DGgKzQwV.js";
+import { t as $ } from "../chunks/IconChevronLeft-CSWMKQ4C.js";
+import { t as q } from "../chunks/animated-height-DhNSac85.js";
+import { t as N } from "../chunks/dialog-Caze1vkf.js";
+import { useEffect as D, useId as A, useLayoutEffect as W, useRef as I } from "react";
+import { Fragment as P, jsx as n, jsxs as y } from "react/jsx-runtime";
+import { LayoutGroup as B, animate as j, motion as G, useMotionValue as E, useReducedMotion as O } from "motion/react";
+import { Command as f, useCommandState as k } from "cmdk";
+var L = {
+  type: "spring",
+  stiffness: 640,
+  damping: 50
+};
+function _({ className: t, children: e, ...r }) {
+  const a = A();
+  return /* @__PURE__ */ n(f, {
+    className: l("bg-pho-primary text-pho-primary flex w-full flex-col overflow-hidden outline-none", t),
+    ...r,
+    children: /* @__PURE__ */ n(B, {
+      id: a,
+      children: e
+    })
+  });
+}
+function F({ className: t, ...e }) {
+  return /* @__PURE__ */ n("div", {
+    className: l("border-pho-secondary relative flex items-center border-b", t),
+    ...e
+  });
+}
+var C = typeof window > "u" ? D : W;
+function U(t, e) {
+  typeof t == "function" ? t(e) : t && (t.current = e);
+}
+function J({ className: t, value: e, ref: r, ...a }) {
+  const c = I(null), u = k((o) => o.search);
+  return C(() => {
+    const o = c.current;
+    e == null || o == null || e === u || (Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set?.call(o, e), o.dispatchEvent(new Event("input", { bubbles: !0 })));
+  }, [e, u]), /* @__PURE__ */ n(f.Input, {
+    className: l("text-pho-primary placeholder:text-pho-placeholder text-display-xs w-full bg-transparent px-3 py-3 outline-none disabled:cursor-not-allowed disabled:opacity-50", t),
+    ...a,
+    ref: (o) => {
+      c.current = o, U(r, o);
+    }
+  });
+}
+function K() {
+  const t = I(null), e = k((s) => s.value), r = k((s) => s.search), a = E(0), c = E(0), u = E(0), o = I(!1), b = I(null);
+  return C(() => {
+    const s = t.current, d = s?.closest("[cmdk-list]");
+    if (!s || !d) return;
+    const g = () => {
+      const i = d.querySelector('[cmdk-item][aria-selected="true"]');
+      if (!i) {
+        d.querySelector("[cmdk-item]") || (o.current = !1, u.set(0));
+        return;
+      }
+      const v = b.current !== r;
+      if (v && i !== d.querySelector('[cmdk-item]:not([aria-disabled="true"])'))
+        return;
+      let x = 0, m = i;
+      for (; m && m !== d; )
+        x += m.offsetTop, m = m.offsetParent instanceof HTMLElement ? m.offsetParent : null;
+      if (s.style.left = `${i.offsetLeft}px`, s.style.width = `${i.offsetWidth}px`, b.current = r, !o.current || v) {
+        o.current = !0, a.jump(x), c.jump(i.offsetHeight), u.set(1);
+        return;
+      }
+      j(a, x, L), j(c, i.offsetHeight, L);
+    };
+    g();
+    const p = s.parentElement;
+    if (!p) return;
+    const h = new ResizeObserver(g);
+    h.observe(p);
+    for (const i of p.children) i !== s && h.observe(i);
+    const w = new MutationObserver(() => {
+      for (const i of p.children) i !== s && h.observe(i);
+      g();
+    });
+    return w.observe(p, { childList: !0 }), () => {
+      h.disconnect(), w.disconnect();
+    };
+  }, [
+    e,
+    r,
+    a,
+    c,
+    u
+  ]), /* @__PURE__ */ n(G.div, {
+    ref: t,
+    "aria-hidden": !0,
+    "data-command-selection": "",
+    className: "bg-pho-ghost-hover pointer-events-none absolute -z-10 rounded-[calc(var(--radius-base)-4px)]",
+    style: {
+      top: a,
+      height: c,
+      opacity: u
+    }
+  });
+}
+function Q({ className: t, children: e, ...r }) {
+  const a = O();
+  return /* @__PURE__ */ n(q, { children: /* @__PURE__ */ y(f.List, {
+    className: l("relative isolate max-h-[min(24rem,60vh)] overflow-y-auto overscroll-contain p-1", t),
+    ...r,
+    children: [a ? null : /* @__PURE__ */ n(K, {}), e]
+  }) });
+}
+function X({ className: t, ...e }) {
+  return /* @__PURE__ */ n(f.Empty, {
+    className: l("text-pho-description px-2.5 py-6 text-center text-base", t),
+    ...e
+  });
+}
+function Y({ className: t, ...e }) {
+  return /* @__PURE__ */ n(f.Group, {
+    className: l("[&_[cmdk-group-heading]]:text-pho-secondary [&_[cmdk-group-heading]]:px-2.5 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs", t),
+    ...e
+  });
+}
+function S({ className: t, ...e }) {
+  return /* @__PURE__ */ n("span", {
+    className: l("text-pho-secondary flex size-4 shrink-0 items-center justify-center [&>svg]:size-4", t),
+    ...e
+  });
+}
+function H({ className: t, level: e = "item", ...r }) {
+  return /* @__PURE__ */ n("span", {
+    className: l("text-md block truncate", e === "item" && "text-pho-primary", t),
+    ...r
+  });
+}
+function z() {
+  return /* @__PURE__ */ n(V, {
+    "aria-hidden": !0,
+    className: "text-pho-description size-4 shrink-0"
+  });
+}
+function Z({ className: t, level: e = "item", icon: r, iconSlot: a, title: c, path: u, scope: o, external: b, children: s, value: d, ...g }) {
+  const p = O(), h = typeof d == "string" ? d.trim() : "", w = k((R) => R.value), i = h !== "" && w === h, v = c != null, x = e === "result", m = x && (r != null || a), M = /* @__PURE__ */ n(f.Item, {
+    "data-level": e,
+    value: d,
+    className: l("text-pho-secondary flex cursor-pointer items-center gap-2 rounded-[calc(var(--radius-base)-4px)] py-2 pr-2.5 text-base outline-none select-none", e === "subsubitem" ? "pl-6" : "pl-2", "data-[selected=true]:text-pho-primary", p && "data-[selected=true]:bg-pho-ghost-hover", "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50", t),
+    ...g,
+    children: v && x ? /* @__PURE__ */ y(P, { children: [
+      m ? /* @__PURE__ */ n(S, {
+        "aria-hidden": r == null ? !0 : void 0,
+        children: r ?? null
+      }) : null,
+      /* @__PURE__ */ y("span", {
+        className: "text-md flex min-w-0 flex-1 items-center gap-1 overflow-hidden",
+        children: [/* @__PURE__ */ n("span", {
+          className: "text-pho-primary truncate",
+          children: c
+        }), (u ?? []).map((R, T) => /* @__PURE__ */ y("span", {
+          className: "text-pho-description flex shrink-0 items-center gap-0.5",
+          children: [/* @__PURE__ */ n($, {
+            "aria-hidden": !0,
+            className: "size-4 shrink-0"
+          }), R]
+        }, T))]
+      }),
+      o != null && o !== "" ? /* @__PURE__ */ n("span", {
+        className: "text-pho-description shrink-0 text-xs",
+        children: o
+      }) : null,
+      b ? /* @__PURE__ */ n(z, {}) : null,
+      s
+    ] }) : v ? /* @__PURE__ */ y(P, { children: [
+      /* @__PURE__ */ n(S, {
+        "aria-hidden": r == null ? !0 : void 0,
+        children: r ?? null
+      }),
+      /* @__PURE__ */ n("span", {
+        className: "min-w-0 flex-1",
+        children: /* @__PURE__ */ n(H, {
+          level: e,
+          children: c
+        })
+      }),
+      b ? /* @__PURE__ */ n(z, {}) : null,
+      s
+    ] }) : s
+  });
+  return p ? M : /* @__PURE__ */ n(G.div, {
+    layout: "position",
+    layoutId: typeof d == "string" ? d : void 0,
+    initial: !1,
+    transition: i ? { duration: 0 } : L,
+    children: M
+  });
+}
+function ee({ className: t, ...e }) {
+  return /* @__PURE__ */ n(f.Separator, {
+    className: l("-mx-1 my-1 h-px bg-[var(--border-color-pho-secondary)]", t),
+    ...e
+  });
+}
+function te({ className: t, ...e }) {
+  return /* @__PURE__ */ n(f.Loading, {
+    className: l("text-pho-description px-2.5 py-1.5 text-base", t),
+    ...e
+  });
+}
+function ne({ open: t, onOpenChange: e, label: r, className: a, children: c, ...u }) {
+  return /* @__PURE__ */ n(N.Root, {
+    open: t,
+    onOpenChange: e,
+    children: /* @__PURE__ */ y(N.Portal, { children: [/* @__PURE__ */ n(N.Backdrop, {}), /* @__PURE__ */ n(N.Popup, {
+      "aria-label": r,
+      className: l("top-[max(4rem,18vh)] max-w-xl translate-y-0 overflow-hidden p-0", a),
+      children: /* @__PURE__ */ n(_, {
+        label: r,
+        ...u,
+        children: c
+      })
+    })] })
+  });
+}
+var pe = {
+  Root: _,
+  InputGroup: F,
+  Input: J,
+  List: Q,
+  Empty: X,
+  Group: Y,
+  Item: Z,
+  ItemIcon: S,
+  ItemTitle: H,
+  Separator: ee,
+  Loading: te,
+  Dialog: ne
+};
+export {
+  pe as Command,
+  k as useCommandState
+};
+
+//# sourceMappingURL=command.js.map

package/dist/components/command.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command.js","names":[],"sources":["../../src/components/command/command.tsx"],"sourcesContent":["import {\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  type ComponentProps,\n  type ReactNode,\n  type Ref,\n} from \"react\";\nimport { IconArrowUpRight, IconChevronLeft } from \"@tabler/icons-react\";\nimport { Command as CommandPrimitive, useCommandState } from \"cmdk\";\nimport {\n  animate,\n  LayoutGroup,\n  motion,\n  useMotionValue,\n  useReducedMotion,\n} from \"motion/react\";\nimport { AnimatedHeight } from \"../../utils/animated-height\";\nimport { cn } from \"../../utils/cn\";\nimport { Dialog as PhoDialog } from \"../dialog\";\n\n/**\n * Spring for row moves (FLIP / shared-layout) — same feel as\n * `AnimatedHeight`: quick and critically damped, so rows glide to their new\n * slot without overshooting into neighbours.\n */\nconst ROW_MOVE_SPRING = {\n  type: \"spring\",\n  stiffness: 640,\n  damping: 50,\n} as const;\n\nfunction Root({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof CommandPrimitive>) {\n  // Namespace row layoutIds per palette instance — the docs page mounts the\n  // inline demo and the dialog demo at once, with identical item values.\n  const layoutNamespace = useId();\n  return (\n    <CommandPrimitive\n      className={cn(\n        \"bg-pho-primary text-pho-primary flex w-full flex-col overflow-hidden outline-none\",\n        className,\n      )}\n      {...props}\n    >\n      <LayoutGroup id={layoutNamespace}>{children}</LayoutGroup>\n    </CommandPrimitive>\n  );\n}\n\n/**\n * The input row — a bottom hairline separates it from the list. Position\n * leading icons absolutely and pad the input (`pl-9`), mirroring\n * `Autocomplete.InputGroup`.\n */\nfunction InputGroup({ className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\n        \"border-pho-secondary relative flex items-center border-b\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** SSR-safe layout effect (same pattern cmdk uses internally). */\nconst useIsomorphicLayoutEffect =\n  typeof window === \"undefined\" ? useEffect : useLayoutEffect;\n\nfunction assignRef<T>(ref: Ref<T> | undefined, value: T | null) {\n  if (typeof ref === \"function\") ref(value);\n  else if (ref) ref.current = value;\n}\n\nfunction Input({\n  className,\n  value,\n  ref: consumerRef,\n  ...props\n}: ComponentProps<typeof CommandPrimitive.Input>) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const search = useCommandState((state) => state.search);\n\n  // cmdk stays uncontrolled here on purpose. Its controlled path syncs the\n  // `value` prop into the search store through a passive effect — one painted\n  // frame late — so on that stale frame the old row is still \"selected\" while\n  // the list has already reflowed, and the selection pill visibly rides it\n  // before snapping to the re-selected first row. Uncontrolled keystrokes\n  // update search + first-row selection synchronously (pre-paint), killing\n  // that frame in both directions (typing and clearing).\n  //\n  // The consumer-facing API is still controlled: external `value` changes\n  // (programmatic reset, initial query) are replayed through the native input\n  // path below so store, display, and selection take the same sync route.\n  useIsomorphicLayoutEffect(() => {\n    const input = inputRef.current;\n    if (value == null || input == null || value === search) return;\n    const setNativeValue = Object.getOwnPropertyDescriptor(\n      HTMLInputElement.prototype,\n      \"value\",\n    )?.set;\n    setNativeValue?.call(input, value);\n    input.dispatchEvent(new Event(\"input\", { bubbles: true }));\n  }, [value, search]);\n\n  return (\n    <CommandPrimitive.Input\n      className={cn(\n        // Borderless inside the palette surface — the InputGroup hairline\n        // carries the edge. display-xs (18px) keeps iOS from zooming in.\n        \"text-pho-primary placeholder:text-pho-placeholder text-display-xs w-full bg-transparent px-3 py-3 outline-none disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n      ref={(node) => {\n        inputRef.current = node;\n        assignRef(consumerRef, node);\n      }}\n    />\n  );\n}\n\n/**\n * The selection highlight, decoupled from the rows. Rendered once per list as\n * an absolutely-positioned layer sitting on the selected row's *final* layout\n * position (`offsetTop` ignores in-flight FLIP transforms).\n *\n * The invariant (learned the hard way): the highlight must sit exactly on the\n * selected row at every moment. So when the list reflows (search change) the\n * pill *snaps* to the re-anchored row — which itself skips its travel\n * animation (see `Item`) — and the highlight simply *is* on the new content.\n * Only selection moves within a stable list (arrow keys / hover) glide.\n */\nfunction SelectionPill() {\n  const pillRef = useRef<HTMLDivElement>(null);\n  const selectedValue = useCommandState((state) => state.value);\n  const search = useCommandState((state) => state.search);\n  const top = useMotionValue(0);\n  const height = useMotionValue(0);\n  const opacity = useMotionValue(0);\n  const visibleRef = useRef(false);\n  const measuredSearchRef = useRef<string | null>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    const pill = pillRef.current;\n    const list = pill?.closest<HTMLElement>(\"[cmdk-list]\");\n    if (!pill || !list) return;\n\n    const measure = () => {\n      const row = list.querySelector<HTMLElement>(\n        '[cmdk-item][aria-selected=\"true\"]',\n      );\n      if (!row) {\n        // Hide only when the list truly has no rows (empty state). A missing\n        // selected row while rows exist is the mid-cascade moment before\n        // cmdk re-anchors to the first row — hold position until the\n        // follow-up pass instead of blinking out and snapping back in.\n        if (!list.querySelector(\"[cmdk-item]\")) {\n          visibleRef.current = false;\n          opacity.set(0);\n        }\n        return;\n      }\n      const reflowed = measuredSearchRef.current !== search;\n      if (reflowed) {\n        // After a search change cmdk always re-anchors selection to the first\n        // enabled row. A selected row anywhere else is the *old* value still\n        // mid-cascade (its twin can exist in the new tree, e.g. a search\n        // result reverting to its idle group row) — measuring it would send\n        // the pill on a long flight. Hold; the corrective pass lands here.\n        const firstEnabledRow = list.querySelector<HTMLElement>(\n          '[cmdk-item]:not([aria-disabled=\"true\"])',\n        );\n        if (row !== firstEnabledRow) return;\n      }\n      // Layout-space position relative to the list (offsetTop is unaffected\n      // by the rows' FLIP transforms, so this is the settled target).\n      let nextTop = 0;\n      let node: HTMLElement | null = row;\n      while (node && node !== list) {\n        nextTop += node.offsetTop;\n        node =\n          node.offsetParent instanceof HTMLElement ? node.offsetParent : null;\n      }\n      pill.style.left = `${row.offsetLeft}px`;\n      pill.style.width = `${row.offsetWidth}px`;\n      // Snap on (re)appearance and on list reflows (search changed): the\n      // re-anchored row appears in place, and the highlight must be on it in\n      // the same frame. Glide only for selection moves in a stable list.\n      measuredSearchRef.current = search;\n      if (!visibleRef.current || reflowed) {\n        visibleRef.current = true;\n        top.jump(nextTop);\n        height.jump(row.offsetHeight);\n        opacity.set(1);\n        return;\n      }\n      animate(top, nextTop, ROW_MOVE_SPRING);\n      animate(height, row.offsetHeight, ROW_MOVE_SPRING);\n    };\n\n    measure();\n\n    // Re-measure when content reflows without a selection change (rows\n    // entering / leaving above the selected row shift its slot). The list\n    // box itself is height-capped — observe its content children so inner\n    // reflows still fire once the outer size stops changing.\n    const listEl = pill.parentElement;\n    if (!listEl) return;\n    const observer = new ResizeObserver(measure);\n    observer.observe(listEl);\n    for (const child of listEl.children) {\n      if (child !== pill) observer.observe(child);\n    }\n    const mutations = new MutationObserver(() => {\n      for (const child of listEl.children) {\n        if (child !== pill) observer.observe(child);\n      }\n      measure();\n    });\n    mutations.observe(listEl, { childList: true });\n    return () => {\n      observer.disconnect();\n      mutations.disconnect();\n    };\n  }, [selectedValue, search, top, height, opacity]);\n\n  return (\n    <motion.div\n      ref={pillRef}\n      aria-hidden\n      data-command-selection=\"\"\n      className=\"bg-pho-ghost-hover pointer-events-none absolute -z-10 rounded-[calc(var(--radius-base)-4px)]\"\n      style={{ top, height, opacity }}\n    />\n  );\n}\n\nfunction List({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof CommandPrimitive.List>) {\n  const reduceMotion = useReducedMotion();\n  return (\n    // Same spring as the onboarding / invite Card shell — list height glides\n    // when idle ↔ search (or filter) changes instead of jumping.\n    <AnimatedHeight>\n      <CommandPrimitive.List\n        className={cn(\n          // relative anchors the pill's offset math; isolate keeps its\n          // negative z-index below the rows but above the panel background.\n          \"relative isolate max-h-[min(24rem,60vh)] overflow-y-auto overscroll-contain p-1\",\n          className,\n        )}\n        {...props}\n      >\n        {reduceMotion ? null : <SelectionPill />}\n        {children}\n      </CommandPrimitive.List>\n    </AnimatedHeight>\n  );\n}\n\nfunction Empty({\n  className,\n  ...props\n}: ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      className={cn(\n        \"text-pho-description px-2.5 py-6 text-center text-base\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Group({\n  className,\n  ...props\n}: ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      className={cn(\n        // cmdk renders the `heading` prop in a [cmdk-group-heading] wrapper —\n        // typography mirrors `Autocomplete.GroupLabel`.\n        \"[&_[cmdk-group-heading]]:text-pho-secondary [&_[cmdk-group-heading]]:px-2.5 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Row layout mode:\n * - `item` / `subitem` / `subsubitem` — idle hierarchy (icon column + indent)\n * - `result` — flat search hit (breadcrumb + trailing scope)\n */\nexport type CommandItemLevel = \"item\" | \"subitem\" | \"subsubitem\" | \"result\";\n\ntype ItemPrimitiveProps = ComponentProps<typeof CommandPrimitive.Item>;\n\nexport interface CommandItemProps extends Omit<\n  ItemPrimitiveProps,\n  \"children\" | \"title\"\n> {\n  /**\n   * Row depth / mode in the palette:\n   * - `item` — page / top destination (icon + title)\n   * - `subitem` — section under an item (label aligns with the item title)\n   * - `subsubitem` — row under a section (one step deeper)\n   * - `result` — flat search hit (`title` + `path` crumbs + `scope`)\n   */\n  level?: CommandItemLevel;\n  /**\n   * Leading glyph. On idle `item` rows (and reserved for sub-levels). On\n   * `result` rows, pass the resolved icon (self → parent → grandparent).\n   */\n  icon?: ReactNode;\n  /**\n   * When `level=\"result\"`, force the icon column so labels align across the\n   * list even if this row's `icon` is empty. Set true when any sibling result\n   * has an icon; omit when the whole result set is icon-less.\n   */\n  iconSlot?: boolean;\n  /** Primary label. Prefer this over free-form children for the shared layout. */\n  title?: ReactNode;\n  /**\n   * Ancestors after `title` for `level=\"result\"` — parent → page\n   * (e.g. `[\"Agent profile\", \"Settings\"]` → `Name < Agent profile < Settings`).\n   */\n  path?: ReactNode[];\n  /**\n   * Trailing scope for `level=\"result\"` — `Project` vs `Personal`, not a nav group.\n   */\n  scope?: ReactNode;\n  /** Shows a trailing external-link glyph (opens outside the app). */\n  external?: boolean;\n  /**\n   * Free-form content. When `title` is set, rendered after the label stack.\n   * When `title` is omitted, becomes the row body (legacy / simple items).\n   */\n  children?: ReactNode;\n}\n\n/** Leading icon column — `size-4`, secondary ink. */\nfunction ItemIcon({ className, ...props }: ComponentProps<\"span\">) {\n  return (\n    <span\n      className={cn(\n        \"text-pho-secondary flex size-4 shrink-0 items-center justify-center [&>svg]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Primary label — medium + primary ink on `item` rows. */\nfunction ItemTitle({\n  className,\n  level = \"item\",\n  ...props\n}: ComponentProps<\"span\"> & { level?: CommandItemLevel }) {\n  return (\n    <span\n      className={cn(\n        \"text-md block truncate\",\n        level === \"item\" && \"text-pho-primary\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * One selectable row. Idle palettes use `level` + `icon` / `title`\n * (item → subitem → subsubitem). Searching uses `level=\"result\"` with `path`\n * crumbs and a trailing `scope` (Project / Personal). No description line —\n * match via `keywords` / aliases instead.\n */\nfunction ExternalGlyph() {\n  return (\n    <IconArrowUpRight\n      aria-hidden\n      className=\"text-pho-description size-4 shrink-0\"\n    />\n  );\n}\n\nfunction Item({\n  className,\n  level = \"item\",\n  icon,\n  iconSlot,\n  title,\n  path,\n  scope,\n  external,\n  children,\n  value,\n  ...props\n}: CommandItemProps) {\n  const reduceMotion = useReducedMotion();\n  // cmdk registers `value.trim()` and exposes the selected one as\n  // `state.value` — mirrors cmdk's own `data-selected` computation.\n  const trimmedValue = typeof value === \"string\" ? value.trim() : \"\";\n  const selectedValue = useCommandState((state) => state.value);\n  const isSelected = trimmedValue !== \"\" && selectedValue === trimmedValue;\n  const structured = title != null;\n  const isResult = level === \"result\";\n  // Reserve the icon column when the row has an icon, or when the list asks\n  // for alignment (`iconSlot`) even if this row's glyph is empty.\n  const showResultIcon = isResult && (icon != null || iconSlot);\n\n  const row = (\n    <CommandPrimitive.Item\n      data-level={level}\n      value={value}\n      className={cn(\n        \"text-pho-secondary flex cursor-pointer items-center gap-2 rounded-[calc(var(--radius-base)-4px)] py-2 pr-2.5 text-base outline-none select-none\",\n        // subsubitem steps in; item/subitem share the base gutter.\n        level === \"subsubitem\" ? \"pl-6\" : \"pl-2\",\n        // Secondary at rest; selection lifts to primary ink (Menu idiom). The\n        // ghost wash comes from the list's SelectionPill overlay; fall back\n        // to a static background when motion is off (no pill rendered).\n        \"data-[selected=true]:text-pho-primary\",\n        reduceMotion && \"data-[selected=true]:bg-pho-ghost-hover\",\n        \"data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50\",\n        className,\n      )}\n      {...props}\n    >\n      {structured && isResult ? (\n        <>\n          {showResultIcon ? (\n            <ItemIcon aria-hidden={icon == null ? true : undefined}>\n              {icon ?? null}\n            </ItemIcon>\n          ) : null}\n          {/* Same text-md line box as idle ItemTitle so row height matches (36px). */}\n          <span className=\"text-md flex min-w-0 flex-1 items-center gap-1 overflow-hidden\">\n            <span className=\"text-pho-primary truncate\">{title}</span>\n            {(path ?? []).map((segment, index) => (\n              <span\n                key={index}\n                className=\"text-pho-description flex shrink-0 items-center gap-0.5\"\n              >\n                <IconChevronLeft aria-hidden className=\"size-4 shrink-0\" />\n                {segment}\n              </span>\n            ))}\n          </span>\n          {scope != null && scope !== \"\" ? (\n            <span className=\"text-pho-description shrink-0 text-xs\">\n              {scope}\n            </span>\n          ) : null}\n          {external ? <ExternalGlyph /> : null}\n          {children}\n        </>\n      ) : structured ? (\n        <>\n          {/* Icon column always reserved so subitem labels share the item title edge. */}\n          <ItemIcon aria-hidden={icon == null ? true : undefined}>\n            {icon ?? null}\n          </ItemIcon>\n          <span className=\"min-w-0 flex-1\">\n            <ItemTitle level={level}>{title}</ItemTitle>\n          </span>\n          {external ? <ExternalGlyph /> : null}\n          {children}\n        </>\n      ) : (\n        children\n      )}\n    </CommandPrimitive.Item>\n  );\n\n  if (reduceMotion) return row;\n\n  return (\n    // FLIP wrapper: rows that stay mounted glide when neighbours enter or\n    // leave, and a row remounting elsewhere with the same `value` (idle group\n    // ↔ flat search result) inherits the old bounds via its layoutId and\n    // slides to the new slot — the iOS list-diff feel. Rows without a match\n    // simply appear / disappear so the whole list never swarms.\n    //\n    // The selected row is the exception: it skips the travel and appears at\n    // its final slot immediately, so the selection highlight (which also\n    // snaps on reflow — see SelectionPill) is never sitting on empty space\n    // waiting for its row to fly in.\n    <motion.div\n      layout=\"position\"\n      layoutId={typeof value === \"string\" ? value : undefined}\n      initial={false}\n      transition={isSelected ? { duration: 0 } : ROW_MOVE_SPRING}\n    >\n      {row}\n    </motion.div>\n  );\n}\n\nfunction Separator({\n  className,\n  ...props\n}: ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      className={cn(\n        \"-mx-1 my-1 h-px bg-[var(--border-color-pho-secondary)]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Loading({\n  className,\n  ...props\n}: ComponentProps<typeof CommandPrimitive.Loading>) {\n  return (\n    <CommandPrimitive.Loading\n      className={cn(\"text-pho-description px-2.5 py-1.5 text-base\", className)}\n      {...props}\n    />\n  );\n}\n\ntype DialogRootProps = ComponentProps<typeof PhoDialog.Root>;\n\ninterface CommandDialogProps extends ComponentProps<typeof CommandPrimitive> {\n  /** Controlled dialog state — pass straight through to `Dialog.Root`. */\n  open?: DialogRootProps[\"open\"];\n  onOpenChange?: DialogRootProps[\"onOpenChange\"];\n  /** Accessible name for the palette (dialog and command menu). */\n  label?: string;\n  /** Extra classes for the dialog panel (not the command root). */\n  className?: string;\n}\n\n/**\n * A command palette in a modal — Pho's `Dialog` overlay (Base UI) around a\n * `Command.Root`, raised above center. We deliberately skip cmdk's own\n * `Command.Dialog` (Radix) so overlays stay on one primitive stack.\n *\n * List height springs via `AnimatedHeight` (same feel as the Card shell on\n * onboarding / invite) — the input row stays put while results resize.\n */\nfunction Dialog({\n  open,\n  onOpenChange,\n  label,\n  className,\n  children,\n  ...props\n}: CommandDialogProps) {\n  return (\n    <PhoDialog.Root open={open} onOpenChange={onOpenChange}>\n      <PhoDialog.Portal>\n        <PhoDialog.Backdrop />\n        <PhoDialog.Popup\n          aria-label={label}\n          // Palette sits above center so the list grows downward from a\n          // stable top edge instead of jumping around it.\n          className={cn(\n            \"top-[max(4rem,18vh)] max-w-xl translate-y-0 overflow-hidden p-0\",\n            className,\n          )}\n        >\n          <Root label={label} {...props}>\n            {children}\n          </Root>\n        </PhoDialog.Popup>\n      </PhoDialog.Portal>\n    </PhoDialog.Root>\n  );\n}\n\n/**\n * Command menu built on `cmdk` — a filterable list of actions driven from a\n * single input, keyboard-first. Compose inline (`Command.Root`) or as a\n * ⌘K-style modal palette (`Command.Dialog`, which owns the overlay). By\n * default cmdk filters and ranks items for you; pass `shouldFilter={false}`\n * to render your own result set (e.g. hierarchy-preserving navigation).\n *\n * Rows share one layout via `Command.Item` `level` — idle\n * `item` → `subitem` → `subsubitem`, or flat `result` while searching.\n */\nexport const Command = {\n  Root,\n  InputGroup,\n  Input,\n  List,\n  Empty,\n  Group,\n  Item,\n  ItemIcon,\n  ItemTitle,\n  Separator,\n  Loading,\n  Dialog,\n};\n\n/** Re-export of cmdk's state selector hook (search, value, filtered counts). */\nexport { useCommandState };\n"],"mappings":"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"}

package/dist/components/context-menu.js

@@ -1,7 +1,7 @@
 "use client";
 import { t as a } from "../chunks/cn-DTiB6ek_.js";
 import { t as v } from "../chunks/resolve-variant-CcD8iG5l.js";
-import { a as b, c as x, n as M, o as h, r as N, t as s } from "../chunks/menu-BSXds3Rt.js";
+import { a as b, c as x, n as M, o as h, r as N, t as s } from "../chunks/menu-BC-9IP29.js";
 import "react";
 import { Fragment as P, jsx as t, jsxs as i } from "react/jsx-runtime";
 import { Separator as S } from "@base-ui/react/separator";

package/dist/components/dialog.js

@@ -1,5 +1,5 @@
 "use client";
-import { n as i, t as o } from "../chunks/dialog-Ba0UUE5g.js";
+import { n as i, t as o } from "../chunks/dialog-Caze1vkf.js";
 export {
   o as Dialog,
   i as useDialogPending

package/dist/components/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","names":[],"sources":["../../src/components/drawer/drawer.tsx"],"sourcesContent":["import { type ComponentProps, type ElementType } from \"react\";\nimport { Drawer as BaseDrawer } from \"@base-ui/react/drawer\";\nimport { cn } from \"../../utils/cn\";\n\n/** Override Base UI's `string | (state) => string` className with plain string. */\ntype StyledProps<T extends ElementType> = Omit<\n  ComponentProps<T>,\n  \"className\"\n> & {\n  className?: string;\n};\n\nconst Root = BaseDrawer.Root;\nconst Trigger = BaseDrawer.Trigger;\nconst Portal = BaseDrawer.Portal;\nconst Close = BaseDrawer.Close;\n\nfunction Backdrop({\n  className,\n  ...props\n}: StyledProps<typeof BaseDrawer.Backdrop>) {\n  return (\n    <BaseDrawer.Backdrop\n      className={cn(\n        \"bg-pho-overlay fixed inset-0 z-50 transition-opacity duration-300 ease-out\",\n        \"data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 data-[swiping]:duration-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Viewport({\n  className,\n  ...props\n}: StyledProps<typeof BaseDrawer.Viewport>) {\n  return (\n    <BaseDrawer.Viewport\n      className={cn(\n        \"fixed inset-0 z-50 flex items-stretch justify-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Popup({ className, ...props }: StyledProps<typeof BaseDrawer.Popup>) {\n  return (\n    <BaseDrawer.Popup\n      className={cn(\n        // Floating layer: keeps its elevation shadow; hairline edge is the\n        // site card stroke (border-pho-secondary), not the interactive edge.\n        \"border-pho-secondary bg-pho-primary shadow-pho-xl h-full w-[22rem] max-w-[calc(100vw-3rem)] overflow-y-auto overscroll-contain border-l p-6 outline-none\",\n        \"[transform:translateX(var(--drawer-swipe-movement-x,0px))] transition-transform duration-300 ease-out\",\n        \"data-[ending-style]:translate-x-full data-[starting-style]:translate-x-full data-[swiping]:duration-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Content({\n  className,\n  ...props\n}: StyledProps<typeof BaseDrawer.Content>) {\n  return (\n    <BaseDrawer.Content\n      className={cn(\"flex h-full flex-col\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Title({ className, ...props }: StyledProps<typeof BaseDrawer.Title>) {\n  return (\n    <BaseDrawer.Title\n      className={cn(\n        \"text-pho-primary font-display text-display-sm font-medium text-balance\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Description({\n  className,\n  ...props\n}: StyledProps<typeof BaseDrawer.Description>) {\n  return (\n    <BaseDrawer.Description\n      className={cn(\n        \"text-pho-description text-display-xs mt-1 font-normal\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Drawer built on Base UI `Drawer` — a panel that slides in from the edge\n * (here, the right) with swipe-to-dismiss. Use it for secondary tasks and\n * navigation that should keep page context; for a forced decision use\n * `AlertDialog`, and for a centered modal use `Dialog`. Compose `Drawer.Portal`\n * → `Backdrop` → `Viewport` → `Popup` → `Content`.\n */\nexport const Drawer = {\n  Root,\n  Trigger,\n  Portal,\n  Backdrop,\n  Viewport,\n  Popup,\n  Content,\n  Title,\n  Description,\n  Close,\n};\n"],"mappings":";;;;;AAYA,IAAM,IAAO,EAAW,MAClB,IAAU,EAAW,SACrB,IAAS,EAAW,QACpB,IAAQ,EAAW;AAEzB,SAAS,EAAS,EAChB,WAAA,GACA,GAAG,EAAA,GACuC;AAC1C,SACE,gBAAA,EAAC,EAAW,UAAZ;AAAA,IACE,WAAW,EACT,8EACA,2FACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAS,EAChB,WAAA,GACA,GAAG,EAAA,GACuC;AAC1C,SACE,gBAAA,EAAC,EAAW,UAAZ;AAAA,IACE,WAAW,EACT,qDACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EAAE,WAAA,GAAW,GAAG,EAAA,GAA+C;AAC5E,SACE,gBAAA,EAAC,EAAW,OAAZ;AAAA,IACE,WAAW,EAGT,4JACA,yGACA,yGACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAQ,EACf,WAAA,GACA,GAAG,EAAA,GACsC;AACzC,SACE,gBAAA,EAAC,EAAW,SAAZ;AAAA,IACE,WAAW,EAAG,wBAAwB,CAAS;AAAA,IAC/C,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EAAE,WAAA,GAAW,GAAG,EAAA,GAA+C;AAC5E,SACE,gBAAA,EAAC,EAAW,OAAZ;AAAA,IACE,WAAW,EACT,0EACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAY,EACnB,WAAA,GACA,GAAG,EAAA,GAC0C;AAC7C,SACE,gBAAA,EAAC,EAAW,aAAZ;AAAA,IACE,WAAW,EACT,yDACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AASA,IAAa,IAAS;AAAA,EACpB,MAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA;AACF"}
+{"version":3,"file":"drawer.js","names":[],"sources":["../../src/components/drawer/drawer.tsx"],"sourcesContent":["import { type ComponentProps, type ElementType } from \"react\";\nimport { Drawer as BaseDrawer } from \"@base-ui/react/drawer\";\nimport { cn } from \"../../utils/cn\";\n\n/** Override Base UI's `string | (state) => string` className with plain string. */\ntype StyledProps<T extends ElementType> = Omit<\n  ComponentProps<T>,\n  \"className\"\n> & {\n  className?: string;\n};\n\nconst Root = BaseDrawer.Root;\nconst Trigger = BaseDrawer.Trigger;\nconst Portal = BaseDrawer.Portal;\nconst Close = BaseDrawer.Close;\n\nfunction Backdrop({\n  className,\n  ...props\n}: StyledProps<typeof BaseDrawer.Backdrop>) {\n  return (\n    <BaseDrawer.Backdrop\n      className={cn(\n        \"bg-pho-overlay fixed inset-0 z-50 transition-opacity duration-300 ease-out\",\n        \"data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 data-[swiping]:duration-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Viewport({\n  className,\n  ...props\n}: StyledProps<typeof BaseDrawer.Viewport>) {\n  return (\n    <BaseDrawer.Viewport\n      className={cn(\n        \"fixed inset-0 z-50 flex items-stretch justify-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Popup({ className, ...props }: StyledProps<typeof BaseDrawer.Popup>) {\n  return (\n    <BaseDrawer.Popup\n      className={cn(\n        // Floating layer: keeps its elevation shadow; hairline edge is the\n        // site card stroke (border-pho-secondary), not the interactive edge.\n        \"border-pho-secondary bg-pho-primary shadow-pho-xl h-full w-[22rem] max-w-[calc(100vw-3rem)] overflow-y-auto overscroll-contain border-l p-6 outline-none\",\n        \"[transform:translateX(var(--drawer-swipe-movement-x,0px))] transition-transform duration-300 ease-out\",\n        \"data-[ending-style]:translate-x-full data-[starting-style]:translate-x-full data-[swiping]:duration-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Content({\n  className,\n  ...props\n}: StyledProps<typeof BaseDrawer.Content>) {\n  return (\n    <BaseDrawer.Content\n      className={cn(\"flex h-full flex-col\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction Title({ className, ...props }: StyledProps<typeof BaseDrawer.Title>) {\n  return (\n    <BaseDrawer.Title\n      className={cn(\n        \"text-pho-primary font-display text-display-sm font-medium text-balance\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Description({\n  className,\n  ...props\n}: StyledProps<typeof BaseDrawer.Description>) {\n  return (\n    <BaseDrawer.Description\n      className={cn(\n        \"text-pho-description text-display-xs mt-1 font-normal\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Drawer built on Base UI `Drawer` — a panel that slides in from the edge\n * (here, the right) with swipe-to-dismiss. Use it for secondary tasks and\n * navigation that should keep page context; for a decision or a centered modal\n * use `Dialog`. Compose `Drawer.Portal`\n * → `Backdrop` → `Viewport` → `Popup` → `Content`.\n */\nexport const Drawer = {\n  Root,\n  Trigger,\n  Portal,\n  Backdrop,\n  Viewport,\n  Popup,\n  Content,\n  Title,\n  Description,\n  Close,\n};\n"],"mappings":";;;;;AAYA,IAAM,IAAO,EAAW,MAClB,IAAU,EAAW,SACrB,IAAS,EAAW,QACpB,IAAQ,EAAW;AAEzB,SAAS,EAAS,EAChB,WAAA,GACA,GAAG,EAAA,GACuC;AAC1C,SACE,gBAAA,EAAC,EAAW,UAAZ;AAAA,IACE,WAAW,EACT,8EACA,2FACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAS,EAChB,WAAA,GACA,GAAG,EAAA,GACuC;AAC1C,SACE,gBAAA,EAAC,EAAW,UAAZ;AAAA,IACE,WAAW,EACT,qDACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EAAE,WAAA,GAAW,GAAG,EAAA,GAA+C;AAC5E,SACE,gBAAA,EAAC,EAAW,OAAZ;AAAA,IACE,WAAW,EAGT,4JACA,yGACA,yGACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAQ,EACf,WAAA,GACA,GAAG,EAAA,GACsC;AACzC,SACE,gBAAA,EAAC,EAAW,SAAZ;AAAA,IACE,WAAW,EAAG,wBAAwB,CAAS;AAAA,IAC/C,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAM,EAAE,WAAA,GAAW,GAAG,EAAA,GAA+C;AAC5E,SACE,gBAAA,EAAC,EAAW,OAAZ;AAAA,IACE,WAAW,EACT,0EACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AAEA,SAAS,EAAY,EACnB,WAAA,GACA,GAAG,EAAA,GAC0C;AAC7C,SACE,gBAAA,EAAC,EAAW,aAAZ;AAAA,IACE,WAAW,EACT,yDACA,CACF;AAAA,IACA,GAAI;AAAA,EACL,CAAA;AAEL;AASA,IAAa,IAAS;AAAA,EACpB,MAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA;AACF"}

package/dist/components/error.js

@@ -0,0 +1,13 @@
+"use client";
+import { a, c as s, i as t, l as e, n as o, o as i, r as E, s as p, t as l } from "../chunks/error-DR6G2LmG.js";
+export {
+  l as Error,
+  o as ErrorView,
+  E as GENERIC_ERROR_TITLE,
+  t as capitalizeFirst,
+  a as describeError,
+  i as httpReasonPhrase,
+  p as httpStatusExplanation,
+  s as isProblem,
+  e as parseProblem
+};

package/dist/components/input.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../chunks/input-CxS7ndpb.js";
+import { t as e } from "../chunks/input-D3XQcC4J.js";
 export {
   e as Input
 };

package/dist/components/menu.js

@@ -1,5 +1,5 @@
 "use client";
-import { i as e, n as M, r as n, s as a, t as E } from "../chunks/menu-BSXds3Rt.js";
+import { i as e, n as M, r as n, s as a, t as E } from "../chunks/menu-BC-9IP29.js";
 export {
   E as MENU_ITEM,
   M as MENU_ITEM_COLORS,

package/dist/components/notification.js

@@ -1,7 +1,8 @@
 "use client";
 import { t } from "../chunks/cn-DTiB6ek_.js";
-import { t as b } from "../chunks/resolve-variant-CcD8iG5l.js";
-import { t as s } from "../chunks/createReactComponent-BqCmnqfX.js";
+import { t as y } from "../chunks/resolve-variant-CcD8iG5l.js";
+import { t as d } from "../chunks/createReactComponent-BqCmnqfX.js";
+import { t as n } from "../chunks/IconInfoCircle-L0zfhg7R.js";
 import { t as N } from "../chunks/IconX-pZ9vrtSr.js";
 import "react";
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
@@ -18,26 +19,13 @@ var k = [
     d: "M12 16h.01",
     key: "svg-2"
   }]
-], c = s("outline", "alert-circle", "AlertCircle", k), C = [["path", {
+], c = d("outline", "alert-circle", "AlertCircle", k), C = [["path", {
   d: "M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0",
   key: "svg-0"
 }], ["path", {
   d: "M9 12l2 2l4 -4",
   key: "svg-1"
-}]], I = s("outline", "circle-check", "CircleCheck", C), w = [
-  ["path", {
-    d: "M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0",
-    key: "svg-0"
-  }],
-  ["path", {
-    d: "M12 9h.01",
-    key: "svg-1"
-  }],
-  ["path", {
-    d: "M11 12h1v4h1",
-    key: "svg-2"
-  }]
-], l = s("outline", "info-circle", "InfoCircle", w), M = {
+}]], I = d("outline", "circle-check", "CircleCheck", C), w = {
   brand: {
     classes: "text-pho-brand",
     description: "Informational / product update (default)"
@@ -58,23 +46,23 @@ var k = [
     classes: "text-pho-error",
     description: "Something went wrong"
   }
-}, _ = {
-  brand: l,
-  gray: l,
+}, A = {
+  brand: n,
+  gray: n,
   success: I,
   warning: c,
   error: c
-}, d = "cursor-pointer text-base font-medium outline-pho-brand transition duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2";
-function A({ color: i = "brand", title: p, description: r, confirmLabel: n, onConfirm: h, dismissLabel: u = "Dismiss", onClose: a, icon: m, className: v, ref: f, ...g }) {
-  const x = m ?? _[i], y = !!n;
+}, l = "cursor-pointer text-base font-medium outline-pho-brand transition duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2";
+function _({ color: a = "brand", title: p, description: r, confirmLabel: i, onConfirm: h, dismissLabel: m = "Dismiss", onClose: s, icon: u, className: f, ref: v, ...x }) {
+  const g = u ?? A[a], b = !!i;
   return /* @__PURE__ */ o("div", {
-    ref: f,
-    ...g,
-    className: t("ring-pho-secondary bg-pho-primary shadow-pho-lg rounded-base relative flex w-full max-w-sm gap-4 p-4 ring-1 ring-inset", v),
+    ref: v,
+    ...x,
+    className: t("ring-pho-secondary bg-pho-primary shadow-pho-lg rounded-base relative flex w-full max-w-sm gap-4 p-4 ring-1 ring-inset", f),
     children: [
-      /* @__PURE__ */ e(x, {
+      /* @__PURE__ */ e(g, {
         "aria-hidden": "true",
-        className: t("mt-0.5 size-5 shrink-0", b(M, i))
+        className: t("mt-0.5 size-5 shrink-0", y(w, a))
       }),
       /* @__PURE__ */ o("div", {
         className: "flex flex-1 flex-col gap-3 pr-6",
@@ -87,24 +75,24 @@ function A({ color: i = "brand", title: p, description: r, confirmLabel: n, onCo
             className: "text-pho-description text-base",
             children: r
           })]
-        }), y && /* @__PURE__ */ o("div", {
+        }), b && /* @__PURE__ */ o("div", {
           className: "flex gap-4",
           children: [/* @__PURE__ */ e("button", {
             type: "button",
             onClick: h,
-            className: t(d, "text-pho-brand hover:underline"),
-            children: n
+            className: t(l, "text-pho-brand hover:underline"),
+            children: i
           }), /* @__PURE__ */ e("button", {
             type: "button",
-            onClick: a,
-            className: t(d, "text-pho-secondary hover:text-pho-secondary-hover"),
-            children: u
+            onClick: s,
+            className: t(l, "text-pho-secondary hover:text-pho-secondary-hover"),
+            children: m
           })]
         })]
       }),
-      a && /* @__PURE__ */ e("button", {
+      s && /* @__PURE__ */ e("button", {
         type: "button",
-        onClick: a,
+        onClick: s,
         "aria-label": "Dismiss",
         className: "text-pho-secondary hover:text-pho-secondary-hover hover:bg-pho-ghost-hover outline-pho-brand absolute top-2.5 right-2.5 flex size-6 cursor-pointer items-center justify-center rounded-sm transition focus-visible:outline-2 [&>svg]:size-4",
         children: /* @__PURE__ */ e(N, { "aria-hidden": "true" })
@@ -112,10 +100,10 @@ function A({ color: i = "brand", title: p, description: r, confirmLabel: n, onCo
     ]
   });
 }
-A.displayName = "Notification";
+_.displayName = "Notification";
 export {
-  M as NOTIFICATION_COLORS,
-  A as Notification
+  w as NOTIFICATION_COLORS,
+  _ as Notification
 };
 
 //# sourceMappingURL=notification.js.map