@craftzbay/ui 0.8.1 → 0.10.0

package/dist-lib/components/ui/TopNav.js

@@ -0,0 +1,52 @@
+"use client";
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { cn as l } from "../../lib/utils.js";
+const f = d(function({ logo: n, nav: e, search: r, actions: i, className: t, ...s }, m) {
+  return /* @__PURE__ */ a(
+    "header",
+    {
+      ref: m,
+      className: l(
+        "sticky top-0 z-[var(--z-sticky)] flex h-14 w-full items-center gap-4",
+        "border-b border-border bg-background px-4",
+        t
+      ),
+      ...s,
+      children: [
+        /* @__PURE__ */ a("div", { className: "flex items-center gap-6 shrink-0", children: [
+          n,
+          e && /* @__PURE__ */ o("nav", { className: "hidden md:flex items-center gap-1", children: e })
+        ] }),
+        r && /* @__PURE__ */ o("div", { className: "flex-1 max-w-md mx-auto", children: r }),
+        i && /* @__PURE__ */ o("div", { className: "ml-auto flex items-center gap-2 shrink-0", children: i })
+      ]
+    }
+  );
+});
+f.displayName = "TopNav";
+const u = d(function({ href: n, active: e, className: r, children: i, ...t }, s) {
+  return /* @__PURE__ */ o(
+    "a",
+    {
+      ref: s,
+      href: n,
+      "aria-current": e ? "page" : void 0,
+      className: l(
+        "inline-flex h-9 items-center rounded-md px-3 text-sm font-medium outline-none",
+        "transition-colors duration-[var(--duration-fast)]",
+        e ? "text-foreground" : "text-foreground-muted hover:text-foreground",
+        "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+        r
+      ),
+      ...t,
+      children: i
+    }
+  );
+});
+u.displayName = "TopNavLink";
+export {
+  f as TopNav,
+  u as TopNavLink
+};
+//# sourceMappingURL=TopNav.js.map

package/dist-lib/components/ui/TopNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopNav.js","sources":["../../../src/components/ui/TopNav.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport interface TopNavProps extends HTMLAttributes<HTMLElement> {\n  /** Logo / wordmark slot. Shown on the far left. */\n  logo: ReactNode;\n  /** Primary navigation links — typically a list of `<TopNavLink>`. */\n  nav?: ReactNode;\n  /** Search / command bar slot — fills the centre on wide screens. */\n  search?: ReactNode;\n  /** Right-aligned cluster — notifications, theme toggle, user menu. */\n  actions?: ReactNode;\n}\n\n/**\n * App-level top bar. Layout: `logo · nav · search · actions`. Search and nav\n * are optional.\n *\n * @example\n *   <TopNav\n *     logo={<Logo />}\n *     nav={<><TopNavLink href=\"/\" active>Home</TopNavLink>…</>}\n *     search={<Input type=\"search\" placeholder=\"Search…\" />}\n *     actions={<><Bell /><Avatar /></>}\n *   />\n *\n * @do Pick one primary nav style — links here or in the Sidebar, not both.\n * @dont Stack two rows of navigation in the TopNav. If you need tabs as well,\n *       put them below the bar inside the page content.\n */\nexport const TopNav = forwardRef<HTMLElement, TopNavProps>(function TopNav(\n  { logo, nav, search, actions, className, ...props },\n  ref,\n) {\n  return (\n    <header\n      ref={ref}\n      className={cn(\n        'sticky top-0 z-[var(--z-sticky)] flex h-14 w-full items-center gap-4',\n        'border-b border-border bg-background px-4',\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"flex items-center gap-6 shrink-0\">\n        {logo}\n        {nav && <nav className=\"hidden md:flex items-center gap-1\">{nav}</nav>}\n      </div>\n      {search && <div className=\"flex-1 max-w-md mx-auto\">{search}</div>}\n      {actions && <div className=\"ml-auto flex items-center gap-2 shrink-0\">{actions}</div>}\n    </header>\n  );\n});\nTopNav.displayName = 'TopNav';\n\nexport interface TopNavLinkProps extends HTMLAttributes<HTMLAnchorElement> {\n  href: string;\n  active?: boolean;\n}\n\nexport const TopNavLink = forwardRef<HTMLAnchorElement, TopNavLinkProps>(function TopNavLink(\n  { href, active, className, children, ...props },\n  ref,\n) {\n  return (\n    <a\n      ref={ref}\n      href={href}\n      aria-current={active ? 'page' : undefined}\n      className={cn(\n        'inline-flex h-9 items-center rounded-md px-3 text-sm font-medium outline-none',\n        'transition-colors duration-[var(--duration-fast)]',\n        active ? 'text-foreground' : 'text-foreground-muted hover:text-foreground',\n        'focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </a>\n  );\n});\nTopNavLink.displayName = 'TopNavLink';\n"],"names":["TopNav","forwardRef","logo","nav","search","actions","className","props","ref","jsxs","cn","jsx","TopNavLink","href","active","children"],"mappings":";;;;AAgCO,MAAMA,IAASC,EAAqC,SACzD,EAAE,MAAAC,GAAM,KAAAC,GAAK,QAAAC,GAAQ,SAAAC,GAAS,WAAAC,GAAW,GAAGC,EAAA,GAC5CC,GACA;AACA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,oCACZ,UAAA;AAAA,UAAAP;AAAA,UACAC,KAAO,gBAAAQ,EAAC,OAAA,EAAI,WAAU,qCAAqC,UAAAR,EAAA,CAAI;AAAA,QAAA,GAClE;AAAA,QACCC,KAAU,gBAAAO,EAAC,OAAA,EAAI,WAAU,2BAA2B,UAAAP,GAAO;AAAA,QAC3DC,KAAW,gBAAAM,EAAC,OAAA,EAAI,WAAU,4CAA4C,UAAAN,EAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGrF,CAAC;AACDL,EAAO,cAAc;AAOd,MAAMY,IAAaX,EAA+C,SACvE,EAAE,MAAAY,GAAM,QAAAC,GAAQ,WAAAR,GAAW,UAAAS,GAAU,GAAGR,EAAA,GACxCC,GACA;AACA,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAH;AAAA,MACA,MAAAK;AAAA,MACA,gBAAcC,IAAS,SAAS;AAAA,MAChC,WAAWJ;AAAA,QACT;AAAA,QACA;AAAA,QACAI,IAAS,oBAAoB;AAAA,QAC7B;AAAA,QACAR;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEH,UAAAQ;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AACDH,EAAW,cAAc;"}

package/dist-lib/components/ui/Tree.d.ts

@@ -10,15 +10,37 @@ export interface TreeNode {
 export interface TreeProps {
     /** The root nodes. */
     data: TreeNode[];
-    /** Ids to expand by default. */
+    /** Ids to expand by default (uncontrolled). */
     defaultExpanded?: string[];
-    /** Currently selected node id. */
+    /** Controlled set of expanded ids. */
+    expanded?: string[];
+    /** Called with the full next set of expanded ids. */
+    onExpandedChange?: (next: string[]) => void;
+    /** Currently selected node id (controlled). Alias: `selected`. */
     selectedId?: string;
+    /** Controlled selected id. Takes precedence over `selectedId`. */
+    selected?: string;
+    /** Default selected id (uncontrolled). */
+    defaultSelected?: string;
+    /** Called when a node is activated (click / Enter / Space). */
     onSelect?: (id: string) => void;
+    /** Alias of `onSelect` for the controlled `selected` pair. */
+    onSelectedChange?: (id: string) => void;
+    /** Accessible name for the tree. */
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
     className?: string;
 }
 /**
- * Expandable file-tree style list. Single selection. Keyboard a11y is
- * handled at the row level (`tabIndex`, Enter, ArrowRight/Left to toggle).
+ * Expandable file-tree style list following the WAI-ARIA tree pattern.
+ * Single selection, roving tabindex (one tab stop), and full arrow-key
+ * navigation: Up/Down move, Right expands or moves into a folder, Left
+ * collapses or moves to the parent, Home/End jump, Enter/Space select.
+ *
+ * Expansion and selection are uncontrolled by default; pass
+ * `expanded`/`onExpandedChange` and `selected`/`onSelectedChange` to control.
  */
-export declare function Tree({ data, defaultExpanded, selectedId, onSelect, className }: TreeProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tree({ data, defaultExpanded, expanded: expandedProp, onExpandedChange, selectedId, selected: selectedProp, defaultSelected, onSelect, onSelectedChange, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, }: TreeProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Tree {
+    var displayName: string;
+}

package/dist-lib/components/ui/Tree.js

@@ -0,0 +1,167 @@
+"use client";
+import { jsx as f, jsxs as L } from "react/jsx-runtime";
+import { useState as A, useMemo as S, useRef as Z, useCallback as O } from "react";
+import { ChevronRight as _, FolderOpen as $, Folder as P, File as C } from "../../icons/index.js";
+import { cn as R } from "../../lib/utils.js";
+import { useStrings as ee } from "../../hooks/use-strings.js";
+function te({
+  data: p,
+  defaultExpanded: U = [],
+  expanded: d,
+  onExpandedChange: b,
+  selectedId: D,
+  selected: I,
+  defaultSelected: q,
+  onSelect: h,
+  onSelectedChange: g,
+  className: B,
+  "aria-label": G,
+  "aria-labelledby": T
+}) {
+  var H;
+  const J = ee(), [j, Q] = A(
+    () => new Set(U)
+  ), o = S(
+    () => d ? new Set(d) : j,
+    [d, j]
+  ), [V, W] = A(q), v = I ?? D ?? V, [N, y] = A(void 0), F = Z(/* @__PURE__ */ new Map()), K = O(
+    (e) => {
+      d === void 0 && Q(e), b == null || b([...e]);
+    },
+    [d, b]
+  ), k = O(
+    (e, t) => {
+      if (o.has(e) === t) return;
+      const r = new Set(o);
+      t ? r.add(e) : r.delete(e), K(r);
+    },
+    [o, K]
+  ), M = O(
+    (e) => {
+      I === void 0 && D === void 0 && W(e), h == null || h(e), g == null || g(e);
+    },
+    [h, g, I, D]
+  ), a = S(() => {
+    const e = [], t = (r, l, c) => {
+      r.forEach((s, n) => {
+        e.push({ node: s, level: l, setSize: r.length, posInSet: n + 1, parentId: c }), s.children && o.has(s.id) && t(s.children, l + 1, s.id);
+      });
+    };
+    return t(p, 1, null), e;
+  }, [p, o]), X = N && a.some((e) => e.node.id === N) && N || v && a.some((e) => e.node.id === v) && v || ((H = a[0]) == null ? void 0 : H.node.id), u = (e) => {
+    var t;
+    e && (y(e), (t = F.current.get(e)) == null || t.focus());
+  }, Y = (e, t) => {
+    var n, m, w, x, i;
+    const { node: r } = t, l = !!r.children, c = o.has(r.id), s = a.findIndex((z) => z.node.id === r.id);
+    switch (e.key) {
+      case "ArrowDown":
+        e.preventDefault(), u((n = a[s + 1]) == null ? void 0 : n.node.id);
+        break;
+      case "ArrowUp":
+        e.preventDefault(), u((m = a[s - 1]) == null ? void 0 : m.node.id);
+        break;
+      case "ArrowRight":
+        e.preventDefault(), l && !c ? k(r.id, !0) : l && c && u((w = r.children[0]) == null ? void 0 : w.id);
+        break;
+      case "ArrowLeft":
+        e.preventDefault(), l && c ? k(r.id, !1) : t.parentId && u(t.parentId);
+        break;
+      case "Home":
+        e.preventDefault(), u((x = a[0]) == null ? void 0 : x.node.id);
+        break;
+      case "End":
+        e.preventDefault(), u((i = a[a.length - 1]) == null ? void 0 : i.node.id);
+        break;
+      case "Enter":
+      case " ":
+        e.preventDefault(), M(r.id), l && k(r.id, !c);
+        break;
+      default:
+        return;
+    }
+    e.stopPropagation();
+  };
+  function E(e, t, r, l, c) {
+    const s = !!e.children, n = o.has(e.id), m = v === e.id, w = s ? n ? $ : P : C, x = { node: e, parentId: c };
+    return /* @__PURE__ */ L(
+      "li",
+      {
+        ref: (i) => {
+          i ? F.current.set(e.id, i) : F.current.delete(e.id);
+        },
+        role: "treeitem",
+        "aria-expanded": s ? n : void 0,
+        "aria-selected": m,
+        "aria-level": t,
+        "aria-setsize": r,
+        "aria-posinset": l,
+        tabIndex: X === e.id ? 0 : -1,
+        onFocus: (i) => {
+          i.target === i.currentTarget && y(e.id);
+        },
+        onKeyDown: (i) => {
+          i.target === i.currentTarget && Y(i, x);
+        },
+        onClick: (i) => {
+          i.stopPropagation(), y(e.id), M(e.id), s && k(e.id, !n);
+        },
+        className: "outline-none",
+        children: [
+          /* @__PURE__ */ L(
+            "div",
+            {
+              style: { paddingLeft: (t - 1) * 16 + 8 },
+              className: R(
+                "flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-2 text-left text-sm",
+                "hover:bg-background-muted",
+                "[li:focus-visible>&]:ring-ring [li:focus-visible>&]:ring-offset-background [li:focus-visible>&]:ring-2 [li:focus-visible>&]:ring-offset-1",
+                m && "bg-accent-soft text-foreground"
+              ),
+              children: [
+                s ? /* @__PURE__ */ f(
+                  _,
+                  {
+                    className: R(
+                      "text-foreground-subtle size-3.5 shrink-0 transition-transform",
+                      n && "rotate-90"
+                    ),
+                    "aria-hidden": !0
+                  }
+                ) : /* @__PURE__ */ f("span", { className: "w-3.5 shrink-0", "aria-hidden": !0 }),
+                e.icon ?? /* @__PURE__ */ f(w, { className: "text-foreground-muted size-4 shrink-0", "aria-hidden": !0 }),
+                /* @__PURE__ */ f(
+                  "span",
+                  {
+                    className: "truncate",
+                    title: typeof e.label == "string" ? e.label : void 0,
+                    children: e.label
+                  }
+                )
+              ]
+            }
+          ),
+          s && n && /* @__PURE__ */ f("ul", { role: "group", className: "mt-0.5", children: e.children.map(
+            (i, z) => E(i, t + 1, e.children.length, z + 1, e.id)
+          ) })
+        ]
+      },
+      e.id
+    );
+  }
+  return /* @__PURE__ */ f(
+    "ul",
+    {
+      role: "tree",
+      "aria-label": G ?? (T ? void 0 : J.tree.label),
+      "aria-labelledby": T,
+      className: R("flex flex-col gap-0.5", B),
+      children: p.map((e, t) => E(e, 1, p.length, t + 1, null))
+    }
+  );
+}
+te.displayName = "Tree";
+export {
+  te as Tree
+};
+//# sourceMappingURL=Tree.js.map

package/dist-lib/components/ui/Tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.js","sources":["../../../src/components/ui/Tree.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useMemo, useRef, useState, type KeyboardEvent, type ReactNode } from 'react';\nimport { ChevronRight, File as FileIcon, Folder, FolderOpen } from '@/icons';\nimport { cn } from '@/lib/utils';\nimport { useStrings } from '@/hooks/use-strings';\n\nexport interface TreeNode {\n  id: string;\n  label: ReactNode;\n  /** If undefined the node is a leaf; if empty array it is an empty folder. */\n  children?: TreeNode[];\n  /** Optional custom icon (overrides default file/folder icons). */\n  icon?: ReactNode;\n}\n\nexport interface TreeProps {\n  /** The root nodes. */\n  data: TreeNode[];\n  /** Ids to expand by default (uncontrolled). */\n  defaultExpanded?: string[];\n  /** Controlled set of expanded ids. */\n  expanded?: string[];\n  /** Called with the full next set of expanded ids. */\n  onExpandedChange?: (next: string[]) => void;\n  /** Currently selected node id (controlled). Alias: `selected`. */\n  selectedId?: string;\n  /** Controlled selected id. Takes precedence over `selectedId`. */\n  selected?: string;\n  /** Default selected id (uncontrolled). */\n  defaultSelected?: string;\n  /** Called when a node is activated (click / Enter / Space). */\n  onSelect?: (id: string) => void;\n  /** Alias of `onSelect` for the controlled `selected` pair. */\n  onSelectedChange?: (id: string) => void;\n  /** Accessible name for the tree. */\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  className?: string;\n}\n\ninterface FlatNode {\n  node: TreeNode;\n  level: number;\n  setSize: number;\n  posInSet: number;\n  parentId: string | null;\n}\n\n/**\n * Expandable file-tree style list following the WAI-ARIA tree pattern.\n * Single selection, roving tabindex (one tab stop), and full arrow-key\n * navigation: Up/Down move, Right expands or moves into a folder, Left\n * collapses or moves to the parent, Home/End jump, Enter/Space select.\n *\n * Expansion and selection are uncontrolled by default; pass\n * `expanded`/`onExpandedChange` and `selected`/`onSelectedChange` to control.\n */\nexport function Tree({\n  data,\n  defaultExpanded = [],\n  expanded: expandedProp,\n  onExpandedChange,\n  selectedId,\n  selected: selectedProp,\n  defaultSelected,\n  onSelect,\n  onSelectedChange,\n  className,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n}: TreeProps) {\n  const strings = useStrings();\n  const [internalExpanded, setInternalExpanded] = useState<Set<string>>(\n    () => new Set(defaultExpanded),\n  );\n  const expanded = useMemo(\n    () => (expandedProp ? new Set(expandedProp) : internalExpanded),\n    [expandedProp, internalExpanded],\n  );\n\n  const [internalSelected, setInternalSelected] = useState<string | undefined>(defaultSelected);\n  const selected = selectedProp ?? selectedId ?? internalSelected;\n\n  const [focusedId, setFocusedId] = useState<string | undefined>(undefined);\n  const itemRefs = useRef(new Map<string, HTMLLIElement>());\n\n  const setExpanded = useCallback(\n    (next: Set<string>) => {\n      if (expandedProp === undefined) setInternalExpanded(next);\n      onExpandedChange?.([...next]);\n    },\n    [expandedProp, onExpandedChange],\n  );\n\n  const setOpen = useCallback(\n    (id: string, open: boolean) => {\n      if (expanded.has(id) === open) return;\n      const next = new Set(expanded);\n      if (open) next.add(id);\n      else next.delete(id);\n      setExpanded(next);\n    },\n    [expanded, setExpanded],\n  );\n\n  const select = useCallback(\n    (id: string) => {\n      if (selectedProp === undefined && selectedId === undefined) setInternalSelected(id);\n      onSelect?.(id);\n      onSelectedChange?.(id);\n    },\n    [onSelect, onSelectedChange, selectedProp, selectedId],\n  );\n\n  // Flatten the *visible* nodes in DOM order — this is what arrow keys walk.\n  const visible = useMemo(() => {\n    const out: FlatNode[] = [];\n    const walk = (nodes: TreeNode[], level: number, parentId: string | null) => {\n      nodes.forEach((node, i) => {\n        out.push({ node, level, setSize: nodes.length, posInSet: i + 1, parentId });\n        if (node.children && expanded.has(node.id)) walk(node.children, level + 1, node.id);\n      });\n    };\n    walk(data, 1, null);\n    return out;\n  }, [data, expanded]);\n\n  // The single tab stop: focused item if still visible, else selected, else first.\n  const tabStopId =\n    (focusedId && visible.some((v) => v.node.id === focusedId) && focusedId) ||\n    (selected && visible.some((v) => v.node.id === selected) && selected) ||\n    visible[0]?.node.id;\n\n  const focusItem = (id: string | undefined) => {\n    if (!id) return;\n    setFocusedId(id);\n    itemRefs.current.get(id)?.focus();\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLLIElement>, flat: FlatNode) => {\n    const { node } = flat;\n    const hasChildren = !!node.children;\n    const isOpen = expanded.has(node.id);\n    const index = visible.findIndex((v) => v.node.id === node.id);\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        focusItem(visible[index + 1]?.node.id);\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        focusItem(visible[index - 1]?.node.id);\n        break;\n      case 'ArrowRight':\n        e.preventDefault();\n        if (hasChildren && !isOpen) setOpen(node.id, true);\n        else if (hasChildren && isOpen) focusItem(node.children![0]?.id);\n        break;\n      case 'ArrowLeft':\n        e.preventDefault();\n        if (hasChildren && isOpen) setOpen(node.id, false);\n        else if (flat.parentId) focusItem(flat.parentId);\n        break;\n      case 'Home':\n        e.preventDefault();\n        focusItem(visible[0]?.node.id);\n        break;\n      case 'End':\n        e.preventDefault();\n        focusItem(visible[visible.length - 1]?.node.id);\n        break;\n      case 'Enter':\n      case ' ':\n        e.preventDefault();\n        select(node.id);\n        if (hasChildren) setOpen(node.id, !isOpen);\n        break;\n      default:\n        return;\n    }\n    e.stopPropagation();\n  };\n\n  function renderNode(\n    node: TreeNode,\n    level: number,\n    setSize: number,\n    posInSet: number,\n    parentId: string | null,\n  ): ReactNode {\n    const hasChildren = !!node.children;\n    const isOpen = expanded.has(node.id);\n    const isSelected = selected === node.id;\n    const DefaultIcon = hasChildren ? (isOpen ? FolderOpen : Folder) : FileIcon;\n    const flat: FlatNode = { node, level, setSize, posInSet, parentId };\n\n    return (\n      <li\n        key={node.id}\n        ref={(el) => {\n          if (el) itemRefs.current.set(node.id, el);\n          else itemRefs.current.delete(node.id);\n        }}\n        role=\"treeitem\"\n        aria-expanded={hasChildren ? isOpen : undefined}\n        aria-selected={isSelected}\n        aria-level={level}\n        aria-setsize={setSize}\n        aria-posinset={posInSet}\n        tabIndex={tabStopId === node.id ? 0 : -1}\n        onFocus={(e) => {\n          if (e.target === e.currentTarget) setFocusedId(node.id);\n        }}\n        onKeyDown={(e) => {\n          if (e.target === e.currentTarget) handleKeyDown(e, flat);\n        }}\n        onClick={(e) => {\n          e.stopPropagation();\n          setFocusedId(node.id);\n          select(node.id);\n          if (hasChildren) setOpen(node.id, !isOpen);\n        }}\n        className=\"outline-none\"\n      >\n        <div\n          style={{ paddingLeft: (level - 1) * 16 + 8 }}\n          className={cn(\n            'flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-2 text-left text-sm',\n            'hover:bg-background-muted',\n            '[li:focus-visible>&]:ring-ring [li:focus-visible>&]:ring-offset-background [li:focus-visible>&]:ring-2 [li:focus-visible>&]:ring-offset-1',\n            isSelected && 'bg-accent-soft text-foreground',\n          )}\n        >\n          {hasChildren ? (\n            <ChevronRight\n              className={cn(\n                'text-foreground-subtle size-3.5 shrink-0 transition-transform',\n                isOpen && 'rotate-90',\n              )}\n              aria-hidden\n            />\n          ) : (\n            <span className=\"w-3.5 shrink-0\" aria-hidden />\n          )}\n          {node.icon ?? (\n            <DefaultIcon className=\"text-foreground-muted size-4 shrink-0\" aria-hidden />\n          )}\n          <span\n            className=\"truncate\"\n            title={typeof node.label === 'string' ? node.label : undefined}\n          >\n            {node.label}\n          </span>\n        </div>\n        {hasChildren && isOpen && (\n          <ul role=\"group\" className=\"mt-0.5\">\n            {node.children!.map((c, i) =>\n              renderNode(c, level + 1, node.children!.length, i + 1, node.id),\n            )}\n          </ul>\n        )}\n      </li>\n    );\n  }\n\n  return (\n    <ul\n      role=\"tree\"\n      aria-label={ariaLabel ?? (ariaLabelledby ? undefined : strings.tree.label)}\n      aria-labelledby={ariaLabelledby}\n      className={cn('flex flex-col gap-0.5', className)}\n    >\n      {data.map((n, i) => renderNode(n, 1, data.length, i + 1, null))}\n    </ul>\n  );\n}\nTree.displayName = 'Tree';\n"],"names":["Tree","data","defaultExpanded","expandedProp","onExpandedChange","selectedId","selectedProp","defaultSelected","onSelect","onSelectedChange","className","ariaLabel","ariaLabelledby","strings","useStrings","internalExpanded","setInternalExpanded","useState","expanded","useMemo","internalSelected","setInternalSelected","selected","focusedId","setFocusedId","itemRefs","useRef","setExpanded","useCallback","next","setOpen","id","open","select","visible","out","walk","nodes","level","parentId","node","i","tabStopId","v","_a","focusItem","handleKeyDown","flat","hasChildren","isOpen","index","_b","_c","_d","_e","renderNode","setSize","posInSet","isSelected","DefaultIcon","FolderOpen","Folder","FileIcon","jsxs","el","e","cn","jsx","ChevronRight","c","n"],"mappings":";;;;;;AA0DO,SAASA,GAAK;AAAA,EACnB,MAAAC;AAAA,EACA,iBAAAC,IAAkB,CAAA;AAAA,EAClB,UAAUC;AAAA,EACV,kBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAcC;AAAA,EACd,mBAAmBC;AACrB,GAAc;;AACZ,QAAMC,IAAUC,GAAA,GACV,CAACC,GAAkBC,CAAmB,IAAIC;AAAA,IAC9C,MAAM,IAAI,IAAIf,CAAe;AAAA,EAAA,GAEzBgB,IAAWC;AAAA,IACf,MAAOhB,IAAe,IAAI,IAAIA,CAAY,IAAIY;AAAA,IAC9C,CAACZ,GAAcY,CAAgB;AAAA,EAAA,GAG3B,CAACK,GAAkBC,CAAmB,IAAIJ,EAA6BV,CAAe,GACtFe,IAAWhB,KAAgBD,KAAce,GAEzC,CAACG,GAAWC,CAAY,IAAIP,EAA6B,MAAS,GAClEQ,IAAWC,EAAO,oBAAI,KAA4B,GAElDC,IAAcC;AAAA,IAClB,CAACC,MAAsB;AACrB,MAAI1B,MAAiB,UAAWa,EAAoBa,CAAI,GACxDzB,KAAA,QAAAA,EAAmB,CAAC,GAAGyB,CAAI;AAAA,IAC7B;AAAA,IACA,CAAC1B,GAAcC,CAAgB;AAAA,EAAA,GAG3B0B,IAAUF;AAAA,IACd,CAACG,GAAYC,MAAkB;AAC7B,UAAId,EAAS,IAAIa,CAAE,MAAMC,EAAM;AAC/B,YAAMH,IAAO,IAAI,IAAIX,CAAQ;AAC7B,MAAIc,IAAMH,EAAK,IAAIE,CAAE,IAChBF,EAAK,OAAOE,CAAE,GACnBJ,EAAYE,CAAI;AAAA,IAClB;AAAA,IACA,CAACX,GAAUS,CAAW;AAAA,EAAA,GAGlBM,IAASL;AAAA,IACb,CAACG,MAAe;AACd,MAAIzB,MAAiB,UAAaD,MAAe,YAA+B0B,CAAE,GAClFvB,KAAA,QAAAA,EAAWuB,IACXtB,KAAA,QAAAA,EAAmBsB;AAAA,IACrB;AAAA,IACA,CAACvB,GAAUC,GAAkBH,GAAcD,CAAU;AAAA,EAAA,GAIjD6B,IAAUf,EAAQ,MAAM;AAC5B,UAAMgB,IAAkB,CAAA,GAClBC,IAAO,CAACC,GAAmBC,GAAeC,MAA4B;AAC1E,MAAAF,EAAM,QAAQ,CAACG,GAAMC,MAAM;AACzB,QAAAN,EAAI,KAAK,EAAE,MAAAK,GAAM,OAAAF,GAAO,SAASD,EAAM,QAAQ,UAAUI,IAAI,GAAG,UAAAF,EAAA,CAAU,GACtEC,EAAK,YAAYtB,EAAS,IAAIsB,EAAK,EAAE,KAAGJ,EAAKI,EAAK,UAAUF,IAAQ,GAAGE,EAAK,EAAE;AAAA,MACpF,CAAC;AAAA,IACH;AACA,WAAAJ,EAAKnC,GAAM,GAAG,IAAI,GACXkC;AAAA,EACT,GAAG,CAAClC,GAAMiB,CAAQ,CAAC,GAGbwB,IACHnB,KAAaW,EAAQ,KAAK,CAACS,MAAMA,EAAE,KAAK,OAAOpB,CAAS,KAAKA,KAC7DD,KAAYY,EAAQ,KAAK,CAACS,MAAMA,EAAE,KAAK,OAAOrB,CAAQ,KAAKA,OAC5DsB,IAAAV,EAAQ,CAAC,MAAT,gBAAAU,EAAY,KAAK,KAEbC,IAAY,CAACd,MAA2B;;AAC5C,IAAKA,MACLP,EAAaO,CAAE,IACfa,IAAAnB,EAAS,QAAQ,IAAIM,CAAE,MAAvB,QAAAa,EAA0B;AAAA,EAC5B,GAEME,IAAgB,CAAC,GAAiCC,MAAmB;;AACzE,UAAM,EAAE,MAAAP,MAASO,GACXC,IAAc,CAAC,CAACR,EAAK,UACrBS,IAAS/B,EAAS,IAAIsB,EAAK,EAAE,GAC7BU,IAAQhB,EAAQ,UAAU,CAACS,MAAMA,EAAE,KAAK,OAAOH,EAAK,EAAE;AAE5D,YAAQ,EAAE,KAAA;AAAA,MACR,KAAK;AACH,UAAE,eAAA,GACFK,GAAUD,IAAAV,EAAQgB,IAAQ,CAAC,MAAjB,gBAAAN,EAAoB,KAAK,EAAE;AACrC;AAAA,MACF,KAAK;AACH,UAAE,eAAA,GACFC,GAAUM,IAAAjB,EAAQgB,IAAQ,CAAC,MAAjB,gBAAAC,EAAoB,KAAK,EAAE;AACrC;AAAA,MACF,KAAK;AACH,UAAE,eAAA,GACEH,KAAe,CAACC,IAAQnB,EAAQU,EAAK,IAAI,EAAI,IACxCQ,KAAeC,KAAQJ,GAAUO,IAAAZ,EAAK,SAAU,CAAC,MAAhB,gBAAAY,EAAmB,EAAE;AAC/D;AAAA,MACF,KAAK;AACH,UAAE,eAAA,GACEJ,KAAeC,IAAQnB,EAAQU,EAAK,IAAI,EAAK,IACxCO,EAAK,YAAUF,EAAUE,EAAK,QAAQ;AAC/C;AAAA,MACF,KAAK;AACH,UAAE,eAAA,GACFF,GAAUQ,IAAAnB,EAAQ,CAAC,MAAT,gBAAAmB,EAAY,KAAK,EAAE;AAC7B;AAAA,MACF,KAAK;AACH,UAAE,eAAA,GACFR,GAAUS,IAAApB,EAAQA,EAAQ,SAAS,CAAC,MAA1B,gBAAAoB,EAA6B,KAAK,EAAE;AAC9C;AAAA,MACF,KAAK;AAAA,MACL,KAAK;AACH,UAAE,eAAA,GACFrB,EAAOO,EAAK,EAAE,GACVQ,KAAalB,EAAQU,EAAK,IAAI,CAACS,CAAM;AACzC;AAAA,MACF;AACE;AAAA,IAAA;AAEJ,MAAE,gBAAA;AAAA,EACJ;AAEA,WAASM,EACPf,GACAF,GACAkB,GACAC,GACAlB,GACW;AACX,UAAMS,IAAc,CAAC,CAACR,EAAK,UACrBS,IAAS/B,EAAS,IAAIsB,EAAK,EAAE,GAC7BkB,IAAapC,MAAakB,EAAK,IAC/BmB,IAAcX,IAAeC,IAASW,IAAaC,IAAUC,GAC7Df,IAAiB,EAAE,MAAAP,GAAgC,UAAAD,EAAA;AAEzD,WACE,gBAAAwB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,KAAK,CAACC,MAAO;AACX,UAAIA,IAAIvC,EAAS,QAAQ,IAAIe,EAAK,IAAIwB,CAAE,IACnCvC,EAAS,QAAQ,OAAOe,EAAK,EAAE;AAAA,QACtC;AAAA,QACA,MAAK;AAAA,QACL,iBAAeQ,IAAcC,IAAS;AAAA,QACtC,iBAAeS;AAAA,QACf,cAAYpB;AAAA,QACZ,gBAAckB;AAAA,QACd,iBAAeC;AAAA,QACf,UAAUf,MAAcF,EAAK,KAAK,IAAI;AAAA,QACtC,SAAS,CAACyB,MAAM;AACd,UAAIA,EAAE,WAAWA,EAAE,iBAAezC,EAAagB,EAAK,EAAE;AAAA,QACxD;AAAA,QACA,WAAW,CAACyB,MAAM;AAChB,UAAIA,EAAE,WAAWA,EAAE,iBAAenB,EAAcmB,GAAGlB,CAAI;AAAA,QACzD;AAAA,QACA,SAAS,CAACkB,MAAM;AACd,UAAAA,EAAE,gBAAA,GACFzC,EAAagB,EAAK,EAAE,GACpBP,EAAOO,EAAK,EAAE,GACVQ,KAAalB,EAAQU,EAAK,IAAI,CAACS,CAAM;AAAA,QAC3C;AAAA,QACA,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAc;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO,EAAE,cAAczB,IAAQ,KAAK,KAAK,EAAA;AAAA,cACzC,WAAW4B;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA;AAAA,gBACAR,KAAc;AAAA,cAAA;AAAA,cAGf,UAAA;AAAA,gBAAAV,IACC,gBAAAmB;AAAA,kBAACC;AAAA,kBAAA;AAAA,oBACC,WAAWF;AAAA,sBACT;AAAA,sBACAjB,KAAU;AAAA,oBAAA;AAAA,oBAEZ,eAAW;AAAA,kBAAA;AAAA,gBAAA,IAGb,gBAAAkB,EAAC,QAAA,EAAK,WAAU,kBAAiB,eAAW,IAAC;AAAA,gBAE9C3B,EAAK,QACJ,gBAAA2B,EAACR,KAAY,WAAU,yCAAwC,eAAW,IAAC;AAAA,gBAE7E,gBAAAQ;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,OAAO,OAAO3B,EAAK,SAAU,WAAWA,EAAK,QAAQ;AAAA,oBAEpD,UAAAA,EAAK;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACR;AAAA,YAAA;AAAA,UAAA;AAAA,UAEDQ,KAAeC,KACd,gBAAAkB,EAAC,MAAA,EAAG,MAAK,SAAQ,WAAU,UACxB,UAAA3B,EAAK,SAAU;AAAA,YAAI,CAAC6B,GAAG5B,MACtBc,EAAWc,GAAG/B,IAAQ,GAAGE,EAAK,SAAU,QAAQC,IAAI,GAAGD,EAAK,EAAE;AAAA,UAAA,EAChE,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,MA7DGA,EAAK;AAAA,IAAA;AAAA,EAiEhB;AAEA,SACE,gBAAA2B;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAYxD,MAAcC,IAAiB,SAAYC,EAAQ,KAAK;AAAA,MACpE,mBAAiBD;AAAA,MACjB,WAAWsD,EAAG,yBAAyBxD,CAAS;AAAA,MAE/C,UAAAT,EAAK,IAAI,CAACqE,GAAG7B,MAAMc,EAAWe,GAAG,GAAGrE,EAAK,QAAQwC,IAAI,GAAG,IAAI,CAAC;AAAA,IAAA;AAAA,EAAA;AAGpE;AACAzC,GAAK,cAAc;"}

package/dist-lib/hooks/use-field-ids.d.ts

@@ -0,0 +1,29 @@
+export interface FieldIds {
+    /** Id for the control itself (`<input id>` / `<label htmlFor>`). */
+    fieldId: string;
+    /** Id for the description / helper text element. */
+    helperId: string;
+    /** Id for the validation message element. */
+    errorId: string;
+    /**
+     * `aria-describedby` value computed from what actually renders — the error
+     * wins over the helper; `undefined` when neither is present.
+     */
+    describedBy: string | undefined;
+}
+/**
+ * Shared id wiring for form fields: one stable id for the control plus
+ * derived helper / error ids, and an `aria-describedby` that only references
+ * elements that exist. Pass a consumer `id` to keep `<label htmlFor>` in sync.
+ *
+ * @example
+ *   const { fieldId, helperId, errorId, describedBy } = useFieldIds(id, {
+ *     hasHelper: Boolean(helperText),
+ *     hasError: Boolean(error),
+ *   });
+ */
+export declare function useFieldIds(id?: string, present?: {
+    hasHelper?: boolean;
+    hasError?: boolean;
+    extra?: string;
+}): FieldIds;

package/dist-lib/hooks/use-field-ids.js

@@ -0,0 +1,18 @@
+"use client";
+import { useId as n } from "react";
+function c(s, r = {}) {
+  const i = n(), e = s ?? i, o = `${e}-helper`, t = `${e}-error`, d = [
+    r.hasError ? t : r.hasHelper ? o : void 0,
+    r.extra
+  ].filter(Boolean);
+  return {
+    fieldId: e,
+    helperId: o,
+    errorId: t,
+    describedBy: d.length ? d.join(" ") : void 0
+  };
+}
+export {
+  c as useFieldIds
+};
+//# sourceMappingURL=use-field-ids.js.map

package/dist-lib/hooks/use-field-ids.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-field-ids.js","sources":["../../src/hooks/use-field-ids.ts"],"sourcesContent":["'use client';\n\nimport { useId } from 'react';\n\nexport interface FieldIds {\n  /** Id for the control itself (`<input id>` / `<label htmlFor>`). */\n  fieldId: string;\n  /** Id for the description / helper text element. */\n  helperId: string;\n  /** Id for the validation message element. */\n  errorId: string;\n  /**\n   * `aria-describedby` value computed from what actually renders — the error\n   * wins over the helper; `undefined` when neither is present.\n   */\n  describedBy: string | undefined;\n}\n\n/**\n * Shared id wiring for form fields: one stable id for the control plus\n * derived helper / error ids, and an `aria-describedby` that only references\n * elements that exist. Pass a consumer `id` to keep `<label htmlFor>` in sync.\n *\n * @example\n *   const { fieldId, helperId, errorId, describedBy } = useFieldIds(id, {\n *     hasHelper: Boolean(helperText),\n *     hasError: Boolean(error),\n *   });\n */\nexport function useFieldIds(\n  id?: string,\n  present: { hasHelper?: boolean; hasError?: boolean; extra?: string } = {},\n): FieldIds {\n  const autoId = useId();\n  const fieldId = id ?? autoId;\n  const helperId = `${fieldId}-helper`;\n  const errorId = `${fieldId}-error`;\n  const parts = [\n    present.hasError ? errorId : present.hasHelper ? helperId : undefined,\n    present.extra,\n  ].filter(Boolean);\n  return {\n    fieldId,\n    helperId,\n    errorId,\n    describedBy: parts.length ? parts.join(' ') : undefined,\n  };\n}\n"],"names":["useFieldIds","id","present","autoId","useId","fieldId","helperId","errorId","parts"],"mappings":";;AA6BO,SAASA,EACdC,GACAC,IAAuE,IAC7D;AACV,QAAMC,IAASC,EAAA,GACTC,IAAUJ,KAAME,GAChBG,IAAW,GAAGD,CAAO,WACrBE,IAAU,GAAGF,CAAO,UACpBG,IAAQ;AAAA,IACZN,EAAQ,WAAWK,IAAUL,EAAQ,YAAYI,IAAW;AAAA,IAC5DJ,EAAQ;AAAA,EAAA,EACR,OAAO,OAAO;AAChB,SAAO;AAAA,IACL,SAAAG;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,aAAaC,EAAM,SAASA,EAAM,KAAK,GAAG,IAAI;AAAA,EAAA;AAElD;"}

package/dist-lib/hooks/use-media-query.js

@@ -0,0 +1,18 @@
+"use client";
+import { useState as s, useEffect as c } from "react";
+function d(e) {
+  const [i, n] = s(() => typeof window > "u" ? !1 : window.matchMedia(e).matches);
+  return c(() => {
+    if (typeof window > "u") return;
+    const t = window.matchMedia(e), r = (o) => n(o.matches);
+    return n(t.matches), t.addEventListener("change", r), () => t.removeEventListener("change", r);
+  }, [e]), i;
+}
+function a() {
+  return d("(prefers-reduced-motion: reduce)");
+}
+export {
+  d as useMediaQuery,
+  a as usePrefersReducedMotion
+};
+//# sourceMappingURL=use-media-query.js.map

package/dist-lib/hooks/use-media-query.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-media-query.js","sources":["../../src/hooks/use-media-query.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\n/**\n * Subscribe to a CSS media query. SSR-safe — returns `false` on the server.\n *\n * @example\n *   const isDesktop = useMediaQuery('(min-width: 1024px)');\n */\nexport function useMediaQuery(query: string): boolean {\n  const [matches, setMatches] = useState(() => {\n    if (typeof window === 'undefined') return false;\n    return window.matchMedia(query).matches;\n  });\n\n  useEffect(() => {\n    if (typeof window === 'undefined') return;\n    const list = window.matchMedia(query);\n    const onChange = (event: MediaQueryListEvent) => setMatches(event.matches);\n    setMatches(list.matches);\n    list.addEventListener('change', onChange);\n    return () => list.removeEventListener('change', onChange);\n  }, [query]);\n\n  return matches;\n}\n\n/** Convenience: respect `prefers-reduced-motion`. */\nexport function usePrefersReducedMotion(): boolean {\n  return useMediaQuery('(prefers-reduced-motion: reduce)');\n}\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","list","onChange","event","usePrefersReducedMotion"],"mappings":";;AAUO,SAASA,EAAcC,GAAwB;AACpD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,MACjC,OAAO,SAAW,MAAoB,KACnC,OAAO,WAAWH,CAAK,EAAE,OACjC;AAED,SAAAI,EAAU,MAAM;AACd,QAAI,OAAO,SAAW,IAAa;AACnC,UAAMC,IAAO,OAAO,WAAWL,CAAK,GAC9BM,IAAW,CAACC,MAA+BL,EAAWK,EAAM,OAAO;AACzE,WAAAL,EAAWG,EAAK,OAAO,GACvBA,EAAK,iBAAiB,UAAUC,CAAQ,GACjC,MAAMD,EAAK,oBAAoB,UAAUC,CAAQ;AAAA,EAC1D,GAAG,CAACN,CAAK,CAAC,GAEHC;AACT;AAGO,SAASO,IAAmC;AACjD,SAAOT,EAAc,kCAAkC;AACzD;"}

package/dist-lib/hooks/use-strings.d.ts

@@ -0,0 +1,5 @@
+import { UiStrings } from '../lib/strings.js';
+/** Resolved (complete) strings for the current subtree. */
+export declare const StringsContext: import('react').Context<UiStrings>;
+/** Read the library strings — falls back to the English defaults without a provider. */
+export declare function useStrings(): UiStrings;

package/dist-lib/hooks/use-strings.js

@@ -0,0 +1,12 @@
+"use client";
+import { useContext as t, createContext as e } from "react";
+import { defaultStrings as n } from "../lib/strings.js";
+const r = e(n);
+function s() {
+  return t(r);
+}
+export {
+  r as StringsContext,
+  s as useStrings
+};
+//# sourceMappingURL=use-strings.js.map

package/dist-lib/hooks/use-strings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-strings.js","sources":["../../src/hooks/use-strings.ts"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\nimport { defaultStrings, type UiStrings } from '@/lib/strings';\n\n/** Resolved (complete) strings for the current subtree. */\nexport const StringsContext = createContext<UiStrings>(defaultStrings);\n\n/** Read the library strings — falls back to the English defaults without a provider. */\nexport function useStrings(): UiStrings {\n  return useContext(StringsContext);\n}\n"],"names":["StringsContext","createContext","defaultStrings","useStrings","useContext"],"mappings":";;;AAMO,MAAMA,IAAiBC,EAAyBC,CAAc;AAG9D,SAASC,IAAwB;AACtC,SAAOC,EAAWJ,CAAc;AAClC;"}

package/dist-lib/hooks/use-toast.js

@@ -0,0 +1,36 @@
+"use client";
+import { useState as h, useEffect as u, useCallback as n } from "react";
+const i = {
+  toasts: [],
+  listeners: /* @__PURE__ */ new Set(),
+  emit() {
+    for (const s of this.listeners) s(this.toasts);
+  },
+  push(s) {
+    const t = s.id ?? `t_${Date.now()}_${Math.random().toString(36).slice(2, 7)}`, o = { open: !0, duration: 5e3, variant: "default", ...s, id: t };
+    return this.toasts = [o, ...this.toasts].slice(0, 3), this.emit(), t;
+  },
+  dismiss(s) {
+    this.toasts = this.toasts.map((t) => t.id === s ? { ...t, open: !1 } : t), this.emit();
+  },
+  remove(s) {
+    this.toasts = this.toasts.filter((t) => t.id !== s), this.emit();
+  }
+};
+function m() {
+  const [s, t] = h(() => [...i.toasts]);
+  u(() => {
+    const e = (c) => t([...c]);
+    return i.listeners.add(e), () => {
+      i.listeners.delete(e);
+    };
+  }, []);
+  const o = n((e) => i.push(e), []), a = n((e) => i.dismiss(e), []), r = n((e) => i.remove(e), []);
+  return { toasts: s, push: o, dismiss: a, remove: r };
+}
+const d = (s) => i.push(s);
+export {
+  d as toast,
+  m as useToast
+};
+//# sourceMappingURL=use-toast.js.map

package/dist-lib/hooks/use-toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-toast.js","sources":["../../src/hooks/use-toast.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useState, type ReactNode } from 'react';\n\n/* -----------------------------------------------------------------------------\n *  Minimal toast queue + hook. The host app mounts a single <ToastHub> near\n *  the root which subscribes to this store; any component can call\n *  `useToast().push({...})` from anywhere.\n *\n *  Kept dependency-free intentionally — no external state library.\n * --------------------------------------------------------------------------- */\n\nexport type ToastVariant = 'default' | 'success' | 'warning' | 'danger' | 'info';\n\nexport interface ToastDescriptor {\n  /** Auto-generated; consumers can pass an explicit id to update an in-flight toast. */\n  id?: string;\n  title?: ReactNode;\n  description?: ReactNode;\n  variant?: ToastVariant;\n  /** Milliseconds before auto-dismiss. Default 5000. Set to 0 to keep open. */\n  duration?: number;\n  /** Action button. The alt text is used for screen reader announcements. */\n  action?: {\n    label: ReactNode;\n    altText: string;\n    onClick: () => void;\n  };\n}\n\ninterface InternalToast extends ToastDescriptor {\n  id: string;\n  open: boolean;\n}\n\ntype Listener = (toasts: InternalToast[]) => void;\n\ninterface ToastStore {\n  toasts: InternalToast[];\n  listeners: Set<Listener>;\n  emit(): void;\n  push(t: ToastDescriptor): string;\n  dismiss(id: string): void;\n  remove(id: string): void;\n}\n\nconst store: ToastStore = {\n  toasts: [],\n  listeners: new Set<Listener>(),\n  emit() {\n    for (const listener of this.listeners) listener(this.toasts);\n  },\n  push(t: ToastDescriptor) {\n    const id = t.id ?? `t_${Date.now()}_${Math.random().toString(36).slice(2, 7)}`;\n    const next: InternalToast = { open: true, duration: 5000, variant: 'default', ...t, id };\n    this.toasts = [next, ...this.toasts].slice(0, 3);\n    this.emit();\n    return id;\n  },\n  dismiss(id: string) {\n    this.toasts = this.toasts.map((t: InternalToast) => (t.id === id ? { ...t, open: false } : t));\n    this.emit();\n  },\n  remove(id: string) {\n    this.toasts = this.toasts.filter((t: InternalToast) => t.id !== id);\n    this.emit();\n  },\n};\n\n/**\n * Subscribe to the toast queue and dispatch new toasts.\n *\n * @example\n *   const toast = useToast();\n *   toast.push({ variant: 'success', title: 'Saved' });\n *\n *   // With an action\n *   toast.push({\n *     title: 'Project archived',\n *     action: { label: 'Undo', altText: 'Undo archive', onClick: undo },\n *   });\n */\nexport function useToast() {\n  const [toasts, setToasts] = useState<InternalToast[]>(() => [...store.toasts]);\n\n  useEffect(() => {\n    const listener: Listener = (next) => setToasts([...next]);\n    store.listeners.add(listener);\n    return () => {\n      store.listeners.delete(listener);\n    };\n  }, []);\n\n  const push = useCallback((t: ToastDescriptor) => store.push(t), []);\n  const dismiss = useCallback((id: string) => store.dismiss(id), []);\n  const remove = useCallback((id: string) => store.remove(id), []);\n\n  return { toasts, push, dismiss, remove };\n}\n\n/** Convenience export — dispatch a toast outside React (e.g. from an API client). */\nexport const toast = (t: ToastDescriptor) => store.push(t);\n"],"names":["store","listener","t","id","next","useToast","toasts","setToasts","useState","useEffect","push","useCallback","dismiss","remove","toast"],"mappings":";;AA8CA,MAAMA,IAAoB;AAAA,EACxB,QAAQ,CAAA;AAAA,EACR,+BAAe,IAAA;AAAA,EACf,OAAO;AACL,eAAWC,KAAY,KAAK,UAAW,CAAAA,EAAS,KAAK,MAAM;AAAA,EAC7D;AAAA,EACA,KAAKC,GAAoB;AACvB,UAAMC,IAAKD,EAAE,MAAM,KAAK,KAAK,KAAK,IAAI,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC,IACtEE,IAAsB,EAAE,MAAM,IAAM,UAAU,KAAM,SAAS,WAAW,GAAGF,GAAG,IAAAC,EAAA;AACpF,gBAAK,SAAS,CAACC,GAAM,GAAG,KAAK,MAAM,EAAE,MAAM,GAAG,CAAC,GAC/C,KAAK,KAAA,GACED;AAAA,EACT;AAAA,EACA,QAAQA,GAAY;AAClB,SAAK,SAAS,KAAK,OAAO,IAAI,CAAC,MAAsB,EAAE,OAAOA,IAAK,EAAE,GAAG,GAAG,MAAM,GAAA,IAAU,CAAE,GAC7F,KAAK,KAAA;AAAA,EACP;AAAA,EACA,OAAOA,GAAY;AACjB,SAAK,SAAS,KAAK,OAAO,OAAO,CAAC,MAAqB,EAAE,OAAOA,CAAE,GAClE,KAAK,KAAA;AAAA,EACP;AACF;AAeO,SAASE,IAAW;AACzB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAA0B,MAAM,CAAC,GAAGR,EAAM,MAAM,CAAC;AAE7E,EAAAS,EAAU,MAAM;AACd,UAAMR,IAAqB,CAACG,MAASG,EAAU,CAAC,GAAGH,CAAI,CAAC;AACxD,WAAAJ,EAAM,UAAU,IAAIC,CAAQ,GACrB,MAAM;AACX,MAAAD,EAAM,UAAU,OAAOC,CAAQ;AAAA,IACjC;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,QAAMS,IAAOC,EAAY,CAACT,MAAuBF,EAAM,KAAKE,CAAC,GAAG,EAAE,GAC5DU,IAAUD,EAAY,CAACR,MAAeH,EAAM,QAAQG,CAAE,GAAG,EAAE,GAC3DU,IAASF,EAAY,CAACR,MAAeH,EAAM,OAAOG,CAAE,GAAG,EAAE;AAE/D,SAAO,EAAE,QAAAG,GAAQ,MAAAI,GAAM,SAAAE,GAAS,QAAAC,EAAA;AAClC;AAGO,MAAMC,IAAQ,CAACZ,MAAuBF,EAAM,KAAKE,CAAC;"}

package/dist-lib/icon.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Secondary entry — `@craftzbay/ui/icon`.
+ *
+ * Name-addressed `<Icon name="…">` plus the full `iconNames` list. Kept out of
+ * the main barrel because it references `lucide-react/dynamicIconImports`
+ * (a map of ~1500 lazy imports) which bundlers cannot tree-shake.
+ */
+export { Icon, iconNames, type IconName, type IconProps } from './components/ui/Icon.js';

package/dist-lib/icon.js

@@ -0,0 +1,7 @@
+"use client";
+import { Icon as c, iconNames as n } from "./components/ui/Icon.js";
+export {
+  c as Icon,
+  n as iconNames
+};
+//# sourceMappingURL=icon.js.map

package/dist-lib/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist-lib/icons/index.d.ts

@@ -1,11 +1,71 @@
-/**
- * Curated re-exports from `lucide-react`. Components should import icons from
- * here, never directly from `lucide-react`, so the design system can swap
- * icon sets later if needed and so unused icons stay tree-shakable.
- *
- * Defaults applied at the call site:
- *   - 16px for inline-with-text usage
- *   - 20px for use inside buttons
- *   - strokeWidth 1.5
- */
-export { AlertCircle, AlertTriangle, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, ArrowUpDown, AtSign, BarChart3, Bell, Bookmark, Calendar, Check, CheckCircle2, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronsLeft, ChevronsRight, ChevronsUpDown, Circle, Copy, CornerDownLeft, CreditCard, Download, Edit2, Ellipsis, Eye, EyeOff, Filter, Folder, GripVertical, Home, Inbox, LayoutGrid, Lock, LogOut, HelpCircle, Info, Link2, Loader2, Mail, Menu, Minus, MoreHorizontal, Package, Plug, Plus, Search, Sparkles, Settings, Sun, Moon, Trash2, Upload, User, Users, X, XCircle, ExternalLink, type LucideIcon, type LucideProps, } from 'lucide-react';
+import { LucideIcon } from 'lucide-react';
+export declare const AlertCircle: LucideIcon;
+export declare const AlertTriangle: LucideIcon;
+export declare const ArrowDown: LucideIcon;
+export declare const ArrowLeft: LucideIcon;
+export declare const ArrowRight: LucideIcon;
+export declare const ArrowUp: LucideIcon;
+export declare const ArrowUpDown: LucideIcon;
+export declare const AtSign: LucideIcon;
+export declare const BarChart3: LucideIcon;
+export declare const Bell: LucideIcon;
+export declare const Bookmark: LucideIcon;
+export declare const Calendar: LucideIcon;
+export declare const Check: LucideIcon;
+export declare const CheckCircle2: LucideIcon;
+export declare const ChevronDown: LucideIcon;
+export declare const ChevronLeft: LucideIcon;
+export declare const ChevronRight: LucideIcon;
+export declare const ChevronUp: LucideIcon;
+export declare const ChevronsLeft: LucideIcon;
+export declare const ChevronsRight: LucideIcon;
+export declare const ChevronsUpDown: LucideIcon;
+export declare const Circle: LucideIcon;
+export declare const Copy: LucideIcon;
+export declare const CornerDownLeft: LucideIcon;
+export declare const CreditCard: LucideIcon;
+export declare const Download: LucideIcon;
+export declare const Edit2: LucideIcon;
+export declare const Ellipsis: LucideIcon;
+export declare const ExternalLink: LucideIcon;
+export declare const Eye: LucideIcon;
+export declare const EyeOff: LucideIcon;
+export declare const File: LucideIcon;
+export declare const FileText: LucideIcon;
+export declare const Filter: LucideIcon;
+export declare const Folder: LucideIcon;
+export declare const FolderOpen: LucideIcon;
+export declare const Github: LucideIcon;
+export declare const GripVertical: LucideIcon;
+export declare const Heart: LucideIcon;
+export declare const HelpCircle: LucideIcon;
+export declare const Home: LucideIcon;
+export declare const Inbox: LucideIcon;
+export declare const Info: LucideIcon;
+export declare const LayoutGrid: LucideIcon;
+export declare const Link2: LucideIcon;
+export declare const Loader2: LucideIcon;
+export declare const Lock: LucideIcon;
+export declare const LogOut: LucideIcon;
+export declare const Mail: LucideIcon;
+export declare const Menu: LucideIcon;
+export declare const Minus: LucideIcon;
+export declare const Moon: LucideIcon;
+export declare const MoreHorizontal: LucideIcon;
+export declare const Package: LucideIcon;
+export declare const Pencil: LucideIcon;
+export declare const Plug: LucideIcon;
+export declare const Plus: LucideIcon;
+export declare const Search: LucideIcon;
+export declare const Settings: LucideIcon;
+export declare const ShoppingCart: LucideIcon;
+export declare const Sparkles: LucideIcon;
+export declare const Star: LucideIcon;
+export declare const Sun: LucideIcon;
+export declare const Trash2: LucideIcon;
+export declare const Upload: LucideIcon;
+export declare const User: LucideIcon;
+export declare const Users: LucideIcon;
+export declare const X: LucideIcon;
+export declare const XCircle: LucideIcon;
+export declare const Zap: LucideIcon;