@craftzbay/ui 0.6.0 → 0.7.0

package/dist-lib/index.js

@@ -1,11 +1,11 @@
 import { clsx as Qr } from "clsx";
 import { twMerge as Xr } from "tailwind-merge";
 import { useState as w, useEffect as ve, useCallback as ee, forwardRef as m, useId as re, useMemo as xe, useContext as ge, createContext as Oe, useRef as lt, Fragment as Yr } from "react";
-import { AlertCircle as Jr, AlertTriangle as Re, ArrowDown as _t, ArrowLeft as At, ArrowRight as ze, ArrowUp as Ft, ArrowUpDown as Lt, AtSign as Zr, BarChart3 as jt, Bell as dt, Bookmark as Et, Calendar as $t, Check as ie, CheckCircle2 as Ne, ChevronDown as Be, ChevronLeft as Ve, ChevronRight as se, ChevronUp as Ot, ChevronsLeft as ct, ChevronsRight as ut, ChevronsUpDown as Ge, Circle as mt, Copy as en, CornerDownLeft as tn, CreditCard as Rt, Download as Bt, Edit2 as Vt, Ellipsis as rn, ExternalLink as Gt, Eye as Ht, EyeOff as Ut, Filter as Wt, Folder as He, GripVertical as nn, HelpCircle as ft, Home as Kt, Inbox as qt, Info as Ue, LayoutGrid as Qt, Link2 as an, Loader2 as We, Lock as Xt, LogOut as Yt, Mail as Jt, Menu as Zt, Minus as er, Moon as on, MoreHorizontal as tr, Package as sn, Plug as rr, Plus as gt, Search as Ke, Settings as qe, Sparkles as nr, Sun as ln, Trash2 as ht, Upload as Qe, User as pt, Users as Xe, X, XCircle as Ye, File as ar, FolderOpen as dn } from "lucide-react";
+import { AlertCircle as Jr, AlertTriangle as Re, ArrowDown as _t, ArrowLeft as At, ArrowRight as ze, ArrowUp as Ft, ArrowUpDown as Lt, AtSign as Zr, BarChart3 as Et, Bell as dt, Bookmark as jt, Calendar as $t, Check as ie, CheckCircle2 as Ne, ChevronDown as Be, ChevronLeft as Ve, ChevronRight as se, ChevronUp as Ot, ChevronsLeft as ct, ChevronsRight as ut, ChevronsUpDown as He, Circle as mt, Copy as en, CornerDownLeft as tn, CreditCard as Rt, Download as Bt, Edit2 as Vt, Ellipsis as rn, ExternalLink as Ht, Eye as Gt, EyeOff as Ut, Filter as Wt, Folder as Ge, GripVertical as nn, HelpCircle as ft, Home as Kt, Inbox as qt, Info as Ue, LayoutGrid as Qt, Link2 as an, Loader2 as We, Lock as Xt, LogOut as Yt, Mail as Jt, Menu as Zt, Minus as er, Moon as on, MoreHorizontal as tr, Package as sn, Plug as rr, Plus as gt, Search as Ke, Settings as qe, Sparkles as nr, Sun as ln, Trash2 as ht, Upload as Qe, User as pt, Users as Xe, X, XCircle as Ye, File as ar, FolderOpen as dn } from "lucide-react";
 import { jsxs as s, jsx as e, Fragment as te } from "react/jsx-runtime";
 import * as Te from "@radix-ui/react-accordion";
 import { cva as Y } from "class-variance-authority";
-import { cva as gi } from "class-variance-authority";
+import { cva as hi } from "class-variance-authority";
 import * as ot from "@radix-ui/react-avatar";
 import { Slot as or } from "@radix-ui/react-slot";
 import * as Tt from "@radix-ui/react-checkbox";
@@ -33,7 +33,7 @@ function l(...a) {
   return Xr(Qr(a));
 }
 let Dt = 0;
-function Yo(a = "ds") {
+function Zo(a = "ds") {
   return Dt += 1, `${a}-${Dt}`;
 }
 function bn(a) {
@@ -44,7 +44,7 @@ function bn(a) {
     return r(n.matches), n.addEventListener("change", o), () => n.removeEventListener("change", o);
   }, [a]), t;
 }
-function Jo() {
+function es() {
   return bn("(prefers-reduced-motion: reduce)");
 }
 const ue = {
@@ -64,7 +64,7 @@ const ue = {
     this.toasts = this.toasts.filter((t) => t.id !== a), this.emit();
   }
 };
-function Zo() {
+function ts() {
   const [a, t] = w(() => [...ue.toasts]);
   ve(() => {
     const i = (d) => t([...d]);
@@ -75,7 +75,7 @@ function Zo() {
   const r = ee((i) => ue.push(i), []), n = ee((i) => ue.dismiss(i), []), o = ee((i) => ue.remove(i), []);
   return { toasts: a, push: r, dismiss: n, remove: o };
 }
-const es = (a) => ue.push(a), ts = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const rs = (a) => ue.push(a), ns = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   AlertCircle: Jr,
   AlertTriangle: Re,
@@ -85,9 +85,9 @@ const es = (a) => ue.push(a), ts = /* @__PURE__ */ Object.freeze(/* @__PURE__ */
   ArrowUp: Ft,
   ArrowUpDown: Lt,
   AtSign: Zr,
-  BarChart3: jt,
+  BarChart3: Et,
   Bell: dt,
-  Bookmark: Et,
+  Bookmark: jt,
   Calendar: $t,
   Check: ie,
   CheckCircle2: Ne,
@@ -97,7 +97,7 @@ const es = (a) => ue.push(a), ts = /* @__PURE__ */ Object.freeze(/* @__PURE__ */
   ChevronUp: Ot,
   ChevronsLeft: ct,
   ChevronsRight: ut,
-  ChevronsUpDown: Ge,
+  ChevronsUpDown: He,
   Circle: mt,
   Copy: en,
   CornerDownLeft: tn,
@@ -105,11 +105,11 @@ const es = (a) => ue.push(a), ts = /* @__PURE__ */ Object.freeze(/* @__PURE__ */
   Download: Bt,
   Edit2: Vt,
   Ellipsis: rn,
-  ExternalLink: Gt,
-  Eye: Ht,
+  ExternalLink: Ht,
+  Eye: Gt,
   EyeOff: Ut,
   Filter: Wt,
-  Folder: He,
+  Folder: Ge,
   GripVertical: nn,
   HelpCircle: ft,
   Home: Kt,
@@ -232,7 +232,7 @@ function dr(a) {
     /* @__PURE__ */ e("path", { d: "M20 20l80 80", className: "text-danger", stroke: "currentColor" })
   ] });
 }
-const rs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const as = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ConnectionLost: dr,
   Construction: vn,
@@ -240,7 +240,7 @@ const rs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   NoSearchResults: xn,
   NotFound: ir,
   ServerError: lr
-}, Symbol.toStringTag, { value: "Module" })), ns = Te.Root, Nn = m(function({ className: t, ...r }, n) {
+}, Symbol.toStringTag, { value: "Module" })), os = Te.Root, Nn = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(Te.Item, { ref: n, className: l("border-b border-border", t), ...r });
 });
 Nn.displayName = "AccordionItem";
@@ -633,7 +633,7 @@ const Pn = Y(
   return /* @__PURE__ */ e("div", { ref: i, className: l(Pn({ variant: r, padding: n }), t), ...o });
 });
 V.displayName = "Card";
-const H = m(
+const G = m(
   function({ className: t, ...r }, n) {
     return /* @__PURE__ */ e(
       "div",
@@ -645,7 +645,7 @@ const H = m(
     );
   }
 );
-H.displayName = "CardHeader";
+G.displayName = "CardHeader";
 const Q = m(
   function({ className: t, ...r }, n) {
     return /* @__PURE__ */ e(
@@ -751,24 +751,24 @@ const An = m(function({
   size: p = "md",
   className: x
 }, N) {
-  const v = re(), T = `${v}-helper`, F = `${v}-error`, [M, z] = w(!1), [y, k] = w(""), [j, K] = w([]), [q, le] = w(!1), _ = o ? j : n ?? [];
+  const v = re(), T = `${v}-helper`, F = `${v}-error`, [M, z] = w(!1), [y, k] = w(""), [E, K] = w([]), [q, le] = w(!1), _ = o ? E : n ?? [];
   ve(() => {
     if (!o || !M) return;
-    let E = !1;
+    let j = !1;
     return le(!0), o(y).then((S) => {
-      E || K(S);
+      j || K(S);
     }).finally(() => {
-      E || le(!1);
+      j || le(!1);
     }), () => {
-      E = !0;
+      j = !0;
     };
   }, [y, M, o]);
-  const G = xe(
-    () => _.find((E) => E.value === t) ?? null,
+  const H = xe(
+    () => _.find((j) => j.value === t) ?? null,
     [_, t]
   ), ne = p === "sm" ? "h-8" : p === "lg" ? "h-10" : "h-9", C = p === "sm" ? "px-2.5" : p === "lg" ? "px-3.5" : "px-3", ae = ee(
-    (E) => {
-      E.stopPropagation(), r(null);
+    (j) => {
+      j.stopPropagation(), r(null);
     },
     [r]
   ), we = !!u;
@@ -795,9 +795,9 @@ const An = m(function({
             we ? "border-danger focus-visible:border-danger focus-visible:ring-danger" : "border-border focus-visible:border-accent focus-visible:ring-ring"
           ),
           children: [
-            /* @__PURE__ */ e("span", { className: l("truncate", !G && "text-foreground-subtle"), children: G ? G.label : f }),
+            /* @__PURE__ */ e("span", { className: l("truncate", !H && "text-foreground-subtle"), children: H ? H.label : f }),
             /* @__PURE__ */ s("span", { className: "ml-2 flex items-center gap-1 shrink-0", children: [
-              b && G && !g && /* @__PURE__ */ e(
+              b && H && !g && /* @__PURE__ */ e(
                 "span",
                 {
                   role: "button",
@@ -808,7 +808,7 @@ const An = m(function({
                   children: /* @__PURE__ */ e(X, { className: "size-4", "aria-hidden": !0 })
                 }
               ),
-              /* @__PURE__ */ e(Ge, { className: "size-4 text-foreground-subtle", "aria-hidden": !0 })
+              /* @__PURE__ */ e(He, { className: "size-4 text-foreground-subtle", "aria-hidden": !0 })
             ] })
           ]
         }
@@ -838,13 +838,13 @@ const An = m(function({
               q && /* @__PURE__ */ e(We, { className: "size-4 animate-spin text-foreground-subtle", "aria-hidden": !0 })
             ] }),
             /* @__PURE__ */ s($.List, { className: "max-h-64 overflow-y-auto p-1", children: [
-              _.map((E) => {
-                const S = E.value === t;
+              _.map((j) => {
+                const S = j.value === t;
                 return /* @__PURE__ */ s(
                   $.Item,
                   {
-                    value: E.value,
-                    disabled: E.disabled,
+                    value: j.value,
+                    disabled: j.disabled,
                     onSelect: (P) => {
                       r(P), z(!1);
                     },
@@ -854,12 +854,12 @@ const An = m(function({
                       "data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none"
                     ),
                     children: [
-                      /* @__PURE__ */ e("span", { className: "flex-1", children: E.label }),
-                      E.description && /* @__PURE__ */ e("span", { className: "text-xs text-foreground-subtle", children: E.description }),
+                      /* @__PURE__ */ e("span", { className: "flex-1", children: j.label }),
+                      j.description && /* @__PURE__ */ e("span", { className: "text-xs text-foreground-subtle", children: j.description }),
                       S && /* @__PURE__ */ e(ie, { className: "size-4 text-accent", "aria-hidden": !0 })
                     ]
                   },
-                  E.value
+                  j.value
                 );
               }),
               !q && _.length === 0 && /* @__PURE__ */ e($.Empty, { className: "px-2 py-6 text-center text-sm text-foreground-subtle", children: h })
@@ -904,7 +904,7 @@ const Ln = m(function({ className: t, ...r }, n) {
   ] });
 });
 Ln.displayName = "CommandInput";
-const jn = m(function({ className: t, ...r }, n) {
+const En = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
     $.List,
     {
@@ -914,8 +914,8 @@ const jn = m(function({ className: t, ...r }, n) {
     }
   );
 });
-jn.displayName = "CommandList";
-const En = m(function(t, r) {
+En.displayName = "CommandList";
+const jn = m(function(t, r) {
   return /* @__PURE__ */ e(
     $.Empty,
     {
@@ -925,7 +925,7 @@ const En = m(function(t, r) {
     }
   );
 });
-En.displayName = "CommandEmpty";
+jn.displayName = "CommandEmpty";
 const $n = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
     $.Group,
@@ -971,7 +971,7 @@ const Rn = m(function({ className: t, ...r }, n) {
   );
 });
 Rn.displayName = "CommandItem";
-function as({ children: a, className: t }) {
+function ss({ children: a, className: t }) {
   return /* @__PURE__ */ e(
     "span",
     {
@@ -983,7 +983,7 @@ function as({ children: a, className: t }) {
     }
   );
 }
-function os({ open: a, onOpenChange: t, children: r, title: n = "Command palette" }) {
+function is({ open: a, onOpenChange: t, children: r, title: n = "Command palette" }) {
   return /* @__PURE__ */ e(D.Root, { open: a, onOpenChange: t, children: /* @__PURE__ */ s(D.Portal, { children: [
     /* @__PURE__ */ e(
       D.Overlay,
@@ -1014,7 +1014,7 @@ function os({ open: a, onOpenChange: t, children: r, title: n = "Command palette
     )
   ] }) });
 }
-function ss(a) {
+function ls(a) {
   const [t, r] = w(0);
   ve(() => {
     const n = (o) => {
@@ -1023,7 +1023,7 @@ function ss(a) {
     return window.addEventListener("keydown", n), () => window.removeEventListener("keydown", n);
   }, [a]);
 }
-const is = R.Root, ls = R.Trigger, ds = R.Group, Bn = R.Portal, cs = R.Sub, us = R.RadioGroup, et = l(
+const ds = R.Root, cs = R.Trigger, us = R.Group, Bn = R.Portal, ms = R.Sub, fs = R.RadioGroup, et = l(
   "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-foreground outline-none",
   "data-[highlighted]:bg-background-muted data-[highlighted]:text-foreground",
   "data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
@@ -1042,7 +1042,7 @@ const is = R.Root, ls = R.Trigger, ds = R.Group, Bn = R.Portal, cs = R.Sub, us =
   );
 });
 Vn.displayName = "ContextMenuSubTrigger";
-const Gn = m(function({ className: t, ...r }, n) {
+const Hn = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
     R.SubContent,
     {
@@ -1055,8 +1055,8 @@ const Gn = m(function({ className: t, ...r }, n) {
     }
   );
 });
-Gn.displayName = "ContextMenuSubContent";
-const Hn = m(function({ className: t, ...r }, n) {
+Hn.displayName = "ContextMenuSubContent";
+const Gn = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(Bn, { children: /* @__PURE__ */ e(
     R.Content,
     {
@@ -1071,7 +1071,7 @@ const Hn = m(function({ className: t, ...r }, n) {
     }
   ) });
 });
-Hn.displayName = "ContextMenuContent";
+Gn.displayName = "ContextMenuContent";
 const Un = m(function({ className: t, destructive: r, ...n }, o) {
   return /* @__PURE__ */ e(
     R.Item,
@@ -1149,7 +1149,7 @@ function Xn({ className: a, ...t }) {
   );
 }
 Xn.displayName = "ContextMenuShortcut";
-const bt = B.Root, xt = B.Trigger, ms = B.Group, Yn = B.Portal, fs = B.Sub, gs = B.RadioGroup, tt = l(
+const bt = B.Root, xt = B.Trigger, gs = B.Group, Yn = B.Portal, hs = B.Sub, ps = B.RadioGroup, tt = l(
   "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-foreground outline-none",
   "data-[highlighted]:bg-background-muted data-[highlighted]:text-foreground",
   "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
@@ -1383,7 +1383,7 @@ const na = Y(
   value: N,
   ...v
 }, T) {
-  const F = re(), M = p ?? F, z = `${M}-helper`, y = `${M}-error`, [k, j] = w(!1), K = r === "password" ? k ? "text" : "password" : r, q = !!u, le = q ? "error" : o, _ = f ?? (r === "search" ? /* @__PURE__ */ e(Ke, { className: "size-4 text-foreground-subtle", "aria-hidden": !0 }) : null), G = N !== void 0 && N !== "" && N !== null;
+  const F = re(), M = p ?? F, z = `${M}-helper`, y = `${M}-error`, [k, E] = w(!1), K = r === "password" ? k ? "text" : "password" : r, q = !!u, le = q ? "error" : o, _ = f ?? (r === "search" ? /* @__PURE__ */ e(Ke, { className: "size-4 text-foreground-subtle", "aria-hidden": !0 }) : null), H = N !== void 0 && N !== "" && N !== null;
   return /* @__PURE__ */ s("div", { className: l("flex flex-col gap-1.5", t), children: [
     i && /* @__PURE__ */ e(
       "label",
@@ -1412,7 +1412,7 @@ const na = Y(
           ...v
         }
       ),
-      h && G && /* @__PURE__ */ e(
+      h && H && /* @__PURE__ */ e(
         "button",
         {
           type: "button",
@@ -1427,12 +1427,12 @@ const na = Y(
         "button",
         {
           type: "button",
-          onClick: () => j((ne) => !ne),
+          onClick: () => E((ne) => !ne),
           tabIndex: -1,
           "aria-label": k ? "Hide password" : "Show password",
           "aria-pressed": k,
           className: "flex items-center text-foreground-subtle hover:text-foreground",
-          children: k ? /* @__PURE__ */ e(Ut, { className: "size-4", "aria-hidden": !0 }) : /* @__PURE__ */ e(Ht, { className: "size-4", "aria-hidden": !0 })
+          children: k ? /* @__PURE__ */ e(Ut, { className: "size-4", "aria-hidden": !0 }) : /* @__PURE__ */ e(Gt, { className: "size-4", "aria-hidden": !0 })
         }
       ),
       c && /* @__PURE__ */ e("span", { className: "flex items-center text-foreground-subtle [&_svg]:size-4", children: c })
@@ -1705,7 +1705,7 @@ const pr = m(function({ className: t, classNames: r, ...n }, o) {
     }
   );
 });
-function je(a) {
+function Ee(a) {
   return a ? a.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" }) : "";
 }
 function br({
@@ -1755,7 +1755,7 @@ const la = m(function({ value: t, onChange: r, label: n, placeholder: o = "Pick
         error: i,
         fieldId: b,
         disabled: d,
-        children: je(t)
+        children: Ee(t)
       }
     ),
     /* @__PURE__ */ e(A.Portal, { children: /* @__PURE__ */ e(
@@ -1793,7 +1793,7 @@ const da = m(function({ value: t, onChange: r, label: n, placeholder: o = "Pick
         error: i,
         fieldId: b,
         disabled: d,
-        children: t != null && t.from && t.to ? `${je(t.from)} – ${je(t.to)}` : t != null && t.from ? je(t.from) : ""
+        children: t != null && t.from && t.to ? `${Ee(t.from)} – ${Ee(t.to)}` : t != null && t.from ? Ee(t.from) : ""
       }
     ),
     /* @__PURE__ */ e(A.Portal, { children: /* @__PURE__ */ e(
@@ -1818,7 +1818,7 @@ const da = m(function({ value: t, onChange: r, label: n, placeholder: o = "Pick
   ] }) });
 });
 da.displayName = "DateRangePicker";
-function hs({
+function bs({
   tokens: a,
   className: t,
   children: r,
@@ -1833,7 +1833,7 @@ function hs({
     }
   return /* @__PURE__ */ e("div", { "data-brand-scope": !0, className: l("contents", t), style: i, ...o, children: r });
 }
-const ps = {
+const xs = {
   default: {},
   /** Cool indigo accent, slightly rounder corners. */
   edgelog: {
@@ -1860,7 +1860,7 @@ const ps = {
     "color-accent-800": "oklch(0.39 0.12 155)",
     "color-accent-soft": "oklch(0.95 0.04 155)"
   }
-}, ca = D.Root, bs = D.Trigger, ua = D.Portal, ma = D.Close, xr = m(function({ className: t, ...r }, n) {
+}, ca = D.Root, vs = D.Trigger, ua = D.Portal, ma = D.Close, xr = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
     D.Overlay,
     {
@@ -2037,8 +2037,8 @@ const ga = {
   );
 });
 ha.displayName = "ErrorState";
-const xs = mn, Cr = Oe(null);
-function vs(a) {
+const Ns = mn, Cr = Oe(null);
+function ys(a) {
   return /* @__PURE__ */ e(Cr.Provider, { value: { name: a.name }, children: /* @__PURE__ */ e(fn, { ...a }) });
 }
 const Sr = Oe(null);
@@ -2158,7 +2158,7 @@ const ya = m(function({
   disabled: b,
   className: g
 }, p) {
-  const x = re(), N = x, v = `${x}-helper`, T = `${x}-error`, [F, M] = w(!1), [z, y] = w(""), k = lt(null), j = xe(
+  const x = re(), N = x, v = `${x}-helper`, T = `${x}-error`, [F, M] = w(!1), [z, y] = w(""), k = lt(null), E = xe(
     () => t.filter((C) => r.includes(C.value)),
     [t, r]
   ), K = ee(
@@ -2168,7 +2168,7 @@ const ya = m(function({
     [r, n]
   ), q = ee(() => n([]), [n]), le = (C) => {
     C.key === "Backspace" && z === "" && r.length > 0 && n(r.slice(0, -1));
-  }, _ = j.slice(0, c), G = j.length - _.length, ne = !!d;
+  }, _ = E.slice(0, c), H = E.length - _.length, ne = !!d;
   return /* @__PURE__ */ s("div", { ref: p, className: l("flex flex-col gap-1.5", g), children: [
     o && /* @__PURE__ */ e("label", { htmlFor: N, className: "text-sm font-medium text-foreground", children: o }),
     /* @__PURE__ */ s(A.Root, { open: F, onOpenChange: M, children: [
@@ -2220,9 +2220,9 @@ const ya = m(function({
               },
               C.value
             )),
-            G > 0 && /* @__PURE__ */ s("span", { className: "shrink-0 rounded-md bg-background-muted px-1.5 py-0.5 text-xs font-medium text-foreground-muted", children: [
+            H > 0 && /* @__PURE__ */ s("span", { className: "shrink-0 rounded-md bg-background-muted px-1.5 py-0.5 text-xs font-medium text-foreground-muted", children: [
               "+",
-              G
+              H
             ] }),
             /* @__PURE__ */ e(
               "input",
@@ -2232,12 +2232,12 @@ const ya = m(function({
                 onChange: (C) => y(C.target.value),
                 onFocus: () => M(!0),
                 className: "flex-1 min-w-[8ch] bg-transparent text-sm outline-none placeholder:text-foreground-subtle",
-                placeholder: (j.length === 0, ""),
+                placeholder: (E.length === 0, ""),
                 disabled: b
               }
             ),
             /* @__PURE__ */ s("span", { className: "ml-auto flex items-center gap-1", children: [
-              h && j.length > 0 && /* @__PURE__ */ e(
+              h && E.length > 0 && /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
@@ -2249,7 +2249,7 @@ const ya = m(function({
                   children: /* @__PURE__ */ e(X, { className: "size-4", "aria-hidden": !0 })
                 }
               ),
-              /* @__PURE__ */ e(Ge, { className: "size-4 text-foreground-subtle", "aria-hidden": !0 })
+              /* @__PURE__ */ e(He, { className: "size-4 text-foreground-subtle", "aria-hidden": !0 })
             ] })
           ]
         }
@@ -2315,7 +2315,7 @@ const ya = m(function({
   ] });
 });
 ya.displayName = "MultiSelect";
-const Tr = O.Root, Ns = O.Value, Ct = m(function({ className: t, placeholder: r, size: n = "md", tone: o = "default", ...i }, d) {
+const Tr = O.Root, ws = O.Value, Ct = m(function({ className: t, placeholder: r, size: n = "md", tone: o = "default", ...i }, d) {
   return /* @__PURE__ */ s(
     O.Trigger,
     {
@@ -2336,7 +2336,7 @@ const Tr = O.Root, Ns = O.Value, Ct = m(function({ className: t, placeholder: r,
       ...i,
       children: [
         /* @__PURE__ */ e(O.Value, { placeholder: r }),
-        /* @__PURE__ */ e(O.Icon, { asChild: !0, children: /* @__PURE__ */ e(Ge, { className: "size-4 text-foreground-subtle shrink-0", "aria-hidden": !0 }) })
+        /* @__PURE__ */ e(O.Icon, { asChild: !0, children: /* @__PURE__ */ e(He, { className: "size-4 text-foreground-subtle shrink-0", "aria-hidden": !0 }) })
       ]
     }
   );
@@ -2552,7 +2552,7 @@ const Ae = l(
   "hover:bg-background-muted hover:text-foreground",
   "disabled:opacity-50 disabled:pointer-events-none",
   "outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background"
-), ys = A.Root, ws = A.Trigger, ks = A.Anchor, Cs = A.Close, Sa = m(function({ className: t, align: r = "center", sideOffset: n = 4, ...o }, i) {
+), ks = A.Root, Cs = A.Trigger, Ss = A.Anchor, zs = A.Close, Sa = m(function({ className: t, align: r = "center", sideOffset: n = 4, ...o }, i) {
   return /* @__PURE__ */ e(A.Portal, { children: /* @__PURE__ */ e(
     A.Content,
     {
@@ -2683,7 +2683,7 @@ const Ar = m(function({ className: t, orientation: r = "vertical", ...n }, o) {
   );
 });
 Ar.displayName = "RadioGroup";
-const Ee = m(function({ className: t, label: r, description: n, hideLabel: o, id: i, disabled: d, ...u }, f) {
+const je = m(function({ className: t, label: r, description: n, hideLabel: o, id: i, disabled: d, ...u }, f) {
   const c = re(), h = i ?? c, b = n ? `${h}-desc` : void 0;
   return /* @__PURE__ */ s("div", { className: l("flex items-start gap-2.5", t), children: [
     /* @__PURE__ */ e(
@@ -2721,7 +2721,7 @@ const Ee = m(function({ className: t, label: r, description: n, hideLabel: o, id
     ] })
   ] });
 });
-Ee.displayName = "RadioItem";
+je.displayName = "RadioItem";
 const Pa = m(function({ className: t, children: r, ...n }, o) {
   return /* @__PURE__ */ s(
     Se.Root,
@@ -2773,7 +2773,7 @@ const be = m(function({ className: t, orientation: r = "horizontal", decorative:
   );
 });
 be.displayName = "Separator";
-const _a = D.Root, Aa = D.Trigger, Ss = D.Close, Fa = D.Portal, Lr = m(function({ className: t, ...r }, n) {
+const _a = D.Root, Aa = D.Trigger, Ts = D.Close, Fa = D.Portal, Lr = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
     D.Overlay,
     {
@@ -2807,7 +2807,7 @@ const La = Y(
     },
     defaultVariants: { side: "right" }
   }
-), jr = m(function({ className: t, children: r, side: n = "right", showClose: o = !0, ...i }, d) {
+), Er = m(function({ className: t, children: r, side: n = "right", showClose: o = !0, ...i }, d) {
   return /* @__PURE__ */ s(Fa, { children: [
     /* @__PURE__ */ e(Lr, {}),
     /* @__PURE__ */ s(D.Content, { ref: d, className: l(La({ side: n }), t), ...i, children: [
@@ -2828,12 +2828,12 @@ const La = Y(
     ] })
   ] });
 });
-jr.displayName = "SheetContent";
-function ja({ className: a, ...t }) {
+Er.displayName = "SheetContent";
+function Ea({ className: a, ...t }) {
   return /* @__PURE__ */ e("div", { className: l("flex flex-col gap-1", a), ...t });
 }
-ja.displayName = "SheetHeader";
-function Ea({ className: a, ...t }) {
+Ea.displayName = "SheetHeader";
+function ja({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -2842,7 +2842,7 @@ function Ea({ className: a, ...t }) {
     }
   );
 }
-Ea.displayName = "SheetFooter";
+ja.displayName = "SheetFooter";
 const $a = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
     D.Title,
@@ -2866,10 +2866,10 @@ const Oa = m(function({ className: t, ...r }, n) {
 });
 Oa.displayName = "SheetDescription";
 const De = Oe({ collapsed: !1 });
-function zs() {
+function Is() {
   return ge(De);
 }
-const Er = m(function({
+const jr = m(function({
   defaultCollapsed: t = !1,
   collapsed: r,
   onCollapsedChange: n,
@@ -2930,7 +2930,7 @@ const Er = m(function({
     }
   ) });
 });
-Er.displayName = "Sidebar";
+jr.displayName = "Sidebar";
 function $r({ label: a, className: t, children: r, ...n }) {
   const { collapsed: o } = ge(De);
   return /* @__PURE__ */ s("div", { className: l("mb-3", t), ...n, children: [
@@ -3046,11 +3046,11 @@ const Ba = m(
   }
 );
 Ba.displayName = "Slider";
-const Va = { sm: "size-3.5", md: "size-4", lg: "size-6" }, Ga = {
+const Va = { sm: "size-3.5", md: "size-4", lg: "size-6" }, Ha = {
   accent: "text-accent",
   neutral: "text-foreground-subtle",
   "on-accent": "text-on-accent"
-}, Ha = m(function({ className: t, tone: r = "accent", size: n = "md", label: o, decorative: i, ...d }, u) {
+}, Ga = m(function({ className: t, tone: r = "accent", size: n = "md", label: o, decorative: i, ...d }, u) {
   return /* @__PURE__ */ s(
     "svg",
     {
@@ -3059,7 +3059,7 @@ const Va = { sm: "size-3.5", md: "size-4", lg: "size-6" }, Ga = {
       role: i ? void 0 : "status",
       "aria-label": i ? void 0 : o ?? "Loading",
       "aria-hidden": i || void 0,
-      className: l("animate-spin", Va[n], Ga[r], t),
+      className: l("animate-spin", Va[n], Ha[r], t),
       ...d,
       children: [
         /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2.5", strokeOpacity: 0.2, fill: "none" }),
@@ -3077,7 +3077,7 @@ const Va = { sm: "size-3.5", md: "size-4", lg: "size-6" }, Ga = {
     }
   );
 });
-Ha.displayName = "Spinner";
+Ga.displayName = "Spinner";
 const Rr = m(function({ steps: t, current: r, orientation: n = "horizontal", className: o, ...i }, d) {
   return /* @__PURE__ */ e(
     "ol",
@@ -3284,7 +3284,7 @@ const Vr = m(function({ className: t, ...r }, n) {
   );
 });
 Vr.displayName = "TabsTrigger";
-const Gr = m(function({ className: t, ...r }, n) {
+const Hr = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
     Je.Content,
     {
@@ -3298,7 +3298,7 @@ const Gr = m(function({ className: t, ...r }, n) {
     }
   );
 });
-Gr.displayName = "TabsContent";
+Hr.displayName = "TabsContent";
 const Qa = m(function({
   className: t,
   label: r,
@@ -3368,7 +3368,7 @@ const Qa = m(function({
   ] });
 });
 Qa.displayName = "Textarea";
-const Ts = he.Provider, Xa = m(function({ className: t, ...r }, n) {
+const Ms = he.Provider, Xa = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
     he.Viewport,
     {
@@ -3478,7 +3478,7 @@ const no = m(function({ className: t, ...r }, n) {
   );
 });
 no.displayName = "ToastClose";
-const Is = ({
+const Ds = ({
   delayDuration: a = 500,
   skipDelayDuration: t = 200,
   ...r
@@ -3489,7 +3489,7 @@ const Is = ({
     skipDelayDuration: t,
     ...r
   }
-), ao = Ie.Root, oo = Ie.Trigger, Hr = m(function({ className: t, sideOffset: r = 4, ...n }, o) {
+), ao = Ie.Root, oo = Ie.Trigger, Gr = m(function({ className: t, sideOffset: r = 4, ...n }, o) {
   return /* @__PURE__ */ e(Ie.Portal, { children: /* @__PURE__ */ e(
     Ie.Content,
     {
@@ -3509,7 +3509,7 @@ const Is = ({
     }
   ) });
 });
-Hr.displayName = "TooltipContent";
+Gr.displayName = "TooltipContent";
 function so({
   children: a,
   label: t,
@@ -3520,7 +3520,7 @@ function so({
 }) {
   return o ? /* @__PURE__ */ e(te, { children: a }) : /* @__PURE__ */ s(ao, { delayDuration: i, children: [
     /* @__PURE__ */ e(oo, { asChild: !0, children: a }),
-    /* @__PURE__ */ e(Hr, { side: r, align: n, children: t })
+    /* @__PURE__ */ e(Gr, { side: r, align: n, children: t })
   ] });
 }
 so.displayName = "Tooltip";
@@ -3574,7 +3574,7 @@ function at() {
   if (!a) throw new Error("Carousel components must be used inside <Carousel>");
   return a;
 }
-const Ms = m(function({ opts: t, orientation: r = "horizontal", setApi: n, className: o, children: i, ...d }, u) {
+const Ps = m(function({ opts: t, orientation: r = "horizontal", setApi: n, className: o, children: i, ...d }, u) {
   const [f, c] = pn({ ...t, axis: r === "horizontal" ? "x" : "y" }), [h, b] = w(!1), [g, p] = w(!1), x = ee((N) => {
     N && (b(N.canScrollPrev()), p(N.canScrollNext()));
   }, []);
@@ -3598,7 +3598,7 @@ const Ms = m(function({ opts: t, orientation: r = "horizontal", setApi: n, class
       children: /* @__PURE__ */ e("div", { ref: u, className: l("relative", o), role: "region", "aria-roledescription": "carousel", ...d, children: i })
     }
   );
-}), Ds = m(
+}), _s = m(
   function({ className: t, ...r }, n) {
     const { carouselRef: o, orientation: i } = at();
     return /* @__PURE__ */ e("div", { ref: o, className: "overflow-hidden", children: /* @__PURE__ */ e(
@@ -3614,7 +3614,7 @@ const Ms = m(function({ opts: t, orientation: r = "horizontal", setApi: n, class
       }
     ) });
   }
-), Ps = m(
+), As = m(
   function({ className: t, ...r }, n) {
     const { orientation: o } = at();
     return /* @__PURE__ */ e(
@@ -3633,7 +3633,7 @@ const Ms = m(function({ opts: t, orientation: r = "horizontal", setApi: n, class
     );
   }
 );
-function _s({ className: a }) {
+function Fs({ className: a }) {
   const { canPrev: t, scrollPrev: r, orientation: n } = at();
   return /* @__PURE__ */ e(
     Me,
@@ -3651,7 +3651,7 @@ function _s({ className: a }) {
     }
   );
 }
-function As({ className: a }) {
+function Ls({ className: a }) {
   const { canNext: t, scrollNext: r, orientation: n } = at();
   return /* @__PURE__ */ e(
     Me,
@@ -3673,7 +3673,7 @@ function Wr(a, t, r, n = 8) {
   const o = a.map((g) => g.y), i = Math.min(0, ...o), d = Math.max(...o, 1), u = d - i || 1, f = t - n * 2, c = r - n * 2;
   return { sx: (g) => a.length <= 1 ? n + f / 2 : n + g / (a.length - 1) * f, sy: (g) => n + c - (g - i) / u * c, min: i, max: d };
 }
-function Fs({ data: a, height: t = 80, width: r = "100%", caption: n, className: o }) {
+function co({ data: a, height: t = 80, width: r = "100%", caption: n, className: o }) {
   const i = typeof r == "number" ? r : 320, { sx: d, sy: u } = Wr(a, i, t), f = a.map((c, h) => `${h === 0 ? "M" : "L"}${d(h).toFixed(1)},${u(c.y).toFixed(1)}`).join(" ");
   return /* @__PURE__ */ s("figure", { className: l("flex flex-col gap-1.5", o), children: [
     n && /* @__PURE__ */ e("figcaption", { className: "text-xs text-foreground-muted", children: n }),
@@ -3683,7 +3683,7 @@ function Fs({ data: a, height: t = 80, width: r = "100%", caption: n, className:
     ] })
   ] });
 }
-function Ls({ data: a, height: t = 80, width: r = "100%", caption: n, className: o }) {
+function Es({ data: a, height: t = 80, width: r = "100%", caption: n, className: o }) {
   const i = typeof r == "number" ? r : 320, { sx: d, sy: u } = Wr(a, i, t), f = a.map((h, b) => `${b === 0 ? "M" : "L"}${d(b).toFixed(1)},${u(h.y).toFixed(1)}`).join(" "), c = `${f} L${d(a.length - 1).toFixed(1)},${t} L${d(0).toFixed(1)},${t} Z`;
   return /* @__PURE__ */ s("figure", { className: l("flex flex-col gap-1.5", o), children: [
     n && /* @__PURE__ */ e("figcaption", { className: "text-xs text-foreground-muted", children: n }),
@@ -3715,12 +3715,12 @@ function js({ data: a, height: t = 100, width: r = "100%", caption: n, className
     }) })
   ] });
 }
-const co = ({
+const uo = ({
   shouldScaleBackground: a = !0,
   ...t
 }) => /* @__PURE__ */ e(ce.Root, { shouldScaleBackground: a, ...t });
-co.displayName = "Drawer";
-const Es = ce.Trigger, uo = ce.Portal, $s = ce.Close, mo = m(function({ className: t, ...r }, n) {
+uo.displayName = "Drawer";
+const $s = ce.Trigger, mo = ce.Portal, Os = ce.Close, fo = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
     ce.Overlay,
     {
@@ -3729,46 +3729,46 @@ const Es = ce.Trigger, uo = ce.Portal, $s = ce.Close, mo = m(function({ classNam
       ...r
     }
   );
-}), fo = {
+}), go = {
   bottom: "inset-x-0 bottom-0 mt-24 flex h-auto max-h-[90vh] flex-col rounded-t-xl border-t border-border",
   top: "inset-x-0 top-0 mb-24 flex h-auto max-h-[90vh] flex-col rounded-b-xl border-b border-border",
   left: "inset-y-0 left-0 flex h-full w-[420px] max-w-[90vw] flex-col rounded-r-xl border-r border-border",
   right: "inset-y-0 right-0 flex h-full w-[420px] max-w-[90vw] flex-col rounded-l-xl border-l border-border"
-}, go = {
+}, ho = {
   bottom: "mx-auto mt-3 h-1.5 w-12 rounded-full bg-border",
   top: "mx-auto mb-3 h-1.5 w-12 rounded-full bg-border order-last",
   left: "mx-1.5 my-auto h-12 w-1.5 rounded-full bg-border order-last self-stretch shrink-0",
   right: "mx-1.5 my-auto h-12 w-1.5 rounded-full bg-border shrink-0 self-stretch"
-}, Os = m(function({ className: t, direction: r = "bottom", hideHandle: n, children: o, ...i }, d) {
+}, Rs = m(function({ className: t, direction: r = "bottom", hideHandle: n, children: o, ...i }, d) {
   const u = r === "left" || r === "right";
-  return /* @__PURE__ */ s(uo, { children: [
-    /* @__PURE__ */ e(mo, {}),
+  return /* @__PURE__ */ s(mo, { children: [
+    /* @__PURE__ */ e(fo, {}),
     /* @__PURE__ */ s(
       ce.Content,
       {
         ref: d,
         className: l(
           "fixed z-50 bg-card",
-          fo[r],
+          go[r],
           u && "flex-row",
           t
         ),
         ...i,
         children: [
-          !n && /* @__PURE__ */ e("div", { "aria-hidden": !0, className: go[r] }),
+          !n && /* @__PURE__ */ e("div", { "aria-hidden": !0, className: ho[r] }),
           /* @__PURE__ */ e("div", { className: l("min-h-0 min-w-0 flex-1", u && "flex flex-col"), children: o })
         ]
       }
     )
   ] });
 });
-function Rs({ className: a, ...t }) {
+function Bs({ className: a, ...t }) {
   return /* @__PURE__ */ e("div", { className: l("grid gap-1 p-4 text-center sm:text-left", a), ...t });
 }
-function Bs({ className: a, ...t }) {
+function Vs({ className: a, ...t }) {
   return /* @__PURE__ */ e("div", { className: l("mt-auto flex flex-col gap-2 p-4", a), ...t });
 }
-const Vs = m(function({ className: t, ...r }, n) {
+const Hs = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
     ce.Title,
     {
@@ -3787,10 +3787,10 @@ const Vs = m(function({ className: t, ...r }, n) {
     }
   );
 });
-function ho(a) {
+function po(a) {
   return a < 1024 ? `${a} B` : a < 1024 * 1024 ? `${(a / 1024).toFixed(1)} KB` : `${(a / 1024 / 1024).toFixed(1)} MB`;
 }
-const Hs = m(function({ accept: t, multiple: r, maxSize: n, value: o, onChange: i, hint: d, disabled: u, className: f }, c) {
+const Us = m(function({ accept: t, multiple: r, maxSize: n, value: o, onChange: i, hint: d, disabled: u, className: f }, c) {
   const h = lt(null), b = re(), [g, p] = w([]), [x, N] = w(!1), v = o ?? g, T = ee(
     (y) => {
       o === void 0 && p(y), i == null || i(y);
@@ -3799,12 +3799,12 @@ const Hs = m(function({ accept: t, multiple: r, maxSize: n, value: o, onChange:
   ), F = ee(
     (y) => {
       const k = Array.from(y).filter(
-        (j) => !n || j.size <= n
+        (E) => !n || E.size <= n
       );
       T(r ? [...v, ...k] : k.slice(0, 1));
     },
     [v, n, r, T]
-  ), M = (y) => T(v.filter((k, j) => j !== y)), z = (y) => {
+  ), M = (y) => T(v.filter((k, E) => E !== y)), z = (y) => {
     y.preventDefault(), N(!1), !u && F(y.dataTransfer.files);
   };
   return /* @__PURE__ */ s("div", { ref: c, className: l("flex flex-col gap-3", f), children: [
@@ -3855,7 +3855,7 @@ const Hs = m(function({ accept: t, multiple: r, maxSize: n, value: o, onChange:
           /* @__PURE__ */ e(ar, { className: "size-4 shrink-0 text-foreground-muted", "aria-hidden": !0 }),
           /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: [
             /* @__PURE__ */ e("p", { className: "truncate text-sm", children: y.name }),
-            /* @__PURE__ */ e("p", { className: "text-xs text-foreground-muted", children: ho(y.size) })
+            /* @__PURE__ */ e("p", { className: "text-xs text-foreground-muted", children: po(y.size) })
           ] }),
           /* @__PURE__ */ e(
             "button",
@@ -3872,7 +3872,7 @@ const Hs = m(function({ accept: t, multiple: r, maxSize: n, value: o, onChange:
       `${y.name}-${k}`
     )) })
   ] });
-}), po = Y(
+}), bo = Y(
   [
     "relative pointer-events-auto w-full max-w-md",
     "flex items-start gap-3 rounded-md border bg-card p-3 shadow-md",
@@ -3890,15 +3890,15 @@ const Hs = m(function({ accept: t, multiple: r, maxSize: n, value: o, onChange:
     },
     defaultVariants: { variant: "default" }
   }
-), bo = {
+), xo = {
   default: null,
   info: /* @__PURE__ */ e(Ue, { className: "size-4 shrink-0 mt-0.5 text-info-text", "aria-hidden": !0 }),
   success: /* @__PURE__ */ e(Ne, { className: "size-4 shrink-0 mt-0.5 text-success-text", "aria-hidden": !0 }),
   warning: /* @__PURE__ */ e(Re, { className: "size-4 shrink-0 mt-0.5 text-warning-text", "aria-hidden": !0 }),
   danger: /* @__PURE__ */ e(Ye, { className: "size-4 shrink-0 mt-0.5 text-danger-text", "aria-hidden": !0 })
-}, Us = m(function({ className: t, variant: r = "default", title: n, action: o, onClose: i, icon: d, children: u, ...f }, c) {
-  const h = d === !1 ? null : d ?? bo[r ?? "default"];
-  return /* @__PURE__ */ s("div", { ref: c, role: "status", className: l(po({ variant: r }), t), ...f, children: [
+}, Ws = m(function({ className: t, variant: r = "default", title: n, action: o, onClose: i, icon: d, children: u, ...f }, c) {
+  const h = d === !1 ? null : d ?? xo[r ?? "default"];
+  return /* @__PURE__ */ s("div", { ref: c, role: "status", className: l(bo({ variant: r }), t), ...f, children: [
     h,
     /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: [
       n && /* @__PURE__ */ e("p", { className: "font-medium", children: n }),
@@ -3916,7 +3916,7 @@ const Hs = m(function({ accept: t, multiple: r, maxSize: n, value: o, onChange:
       }
     )
   ] });
-}), Ws = m(function({
+}), Ks = m(function({
   value: t,
   defaultValue: r = [],
   onChange: n,
@@ -3987,9 +3987,9 @@ const Hs = m(function({ accept: t, multiple: r, maxSize: n, value: o, onChange:
       ]
     }
   );
-}), Ks = m(function({ className: t, children: r, ...n }, o) {
+}), qs = m(function({ className: t, children: r, ...n }, o) {
   return /* @__PURE__ */ e("ol", { ref: o, className: l("relative flex flex-col gap-6", t), ...n, children: r });
-}), qs = m(function({ bullet: t, isLast: r, className: n, children: o, ...i }, d) {
+}), Qs = m(function({ bullet: t, isLast: r, className: n, children: o, ...i }, d) {
   return /* @__PURE__ */ s("li", { ref: d, className: l("relative flex gap-4 pb-1", n), ...i, children: [
     /* @__PURE__ */ s("div", { className: "relative flex shrink-0 flex-col items-center", children: [
       /* @__PURE__ */ e("div", { className: "flex size-6 items-center justify-center rounded-full border border-border bg-card text-foreground-muted", children: t ?? /* @__PURE__ */ e("span", { className: "size-2 rounded-full bg-accent", "aria-hidden": !0 }) }),
@@ -3998,28 +3998,28 @@ const Hs = m(function({ accept: t, multiple: r, maxSize: n, value: o, onChange:
     /* @__PURE__ */ e("div", { className: "min-w-0 flex-1 pb-4", children: o })
   ] });
 });
-function Qs({ className: a, children: t }) {
+function Xs({ className: a, children: t }) {
   return /* @__PURE__ */ e("p", { className: l("text-xs text-foreground-subtle", a), children: t });
 }
-function Xs({
+function Ys({
   className: a,
   children: t
 }) {
   return /* @__PURE__ */ e("p", { className: l("text-sm font-medium", a), children: t });
 }
-function Ys({
+function Js({
   className: a,
   children: t
 }) {
   return /* @__PURE__ */ e("p", { className: l("mt-0.5 text-sm text-foreground-muted", a), children: t });
 }
-function Js({ data: a, defaultExpanded: t = [], selectedId: r, onSelect: n, className: o }) {
+function Zs({ data: a, defaultExpanded: t = [], selectedId: r, onSelect: n, className: o }) {
   const [i, d] = w(new Set(t)), u = (c) => d((h) => {
     const b = new Set(h);
     return b.has(c) ? b.delete(c) : b.add(c), b;
   });
   function f(c, h) {
-    const b = !!c.children, g = i.has(c.id), p = r === c.id, x = b ? g ? dn : He : ar;
+    const b = !!c.children, g = i.has(c.id), p = r === c.id, x = b ? g ? dn : Ge : ar;
     return /* @__PURE__ */ s("li", { role: "treeitem", "aria-expanded": b ? g : void 0, children: [
       /* @__PURE__ */ s(
         "button",
@@ -4056,7 +4056,7 @@ function Js({ data: a, defaultExpanded: t = [], selectedId: r, onSelect: n, clas
   }
   return /* @__PURE__ */ e("ul", { role: "tree", className: l("flex flex-col gap-0.5", o), children: a.map((c) => f(c, 0)) });
 }
-function Zs({ brand: a, title: t, subtitle: r, children: n, footer: o }) {
+function ei({ brand: a, title: t, subtitle: r, children: n, footer: o }) {
   return /* @__PURE__ */ e("main", { className: "grid min-h-screen place-items-center bg-background-subtle px-4 py-12", children: /* @__PURE__ */ s("div", { className: "w-full max-w-[400px] space-y-6", children: [
     a && /* @__PURE__ */ e("div", { className: "flex justify-center", children: a }),
     /* @__PURE__ */ s("div", { className: "space-y-2 text-center", children: [
@@ -4067,7 +4067,7 @@ function Zs({ brand: a, title: t, subtitle: r, children: n, footer: o }) {
     o && /* @__PURE__ */ e("p", { className: "text-center text-sm text-foreground-muted", children: o })
   ] }) });
 }
-function ei({ onSubmit: a, loading: t, error: r, forgotHref: n = "/forgot" }) {
+function ti({ onSubmit: a, loading: t, error: r, forgotHref: n = "/forgot" }) {
   const [o, i] = w(""), [d, u] = w("");
   return /* @__PURE__ */ s("form", { onSubmit: (c) => {
     c.preventDefault(), a({ email: o, password: d });
@@ -4106,7 +4106,7 @@ function ei({ onSubmit: a, loading: t, error: r, forgotHref: n = "/forgot" }) {
     /* @__PURE__ */ e(I, { type: "submit", loading: t, className: "w-full", trailingIcon: /* @__PURE__ */ e(ze, {}), children: "Sign in" })
   ] });
 }
-function ti({ onSubmit: a, loading: t, error: r }) {
+function ri({ onSubmit: a, loading: t, error: r }) {
   const [n, o] = w(""), [i, d] = w(""), [u, f] = w("");
   return /* @__PURE__ */ s(
     "form",
@@ -4147,7 +4147,7 @@ function ti({ onSubmit: a, loading: t, error: r }) {
     }
   );
 }
-function ri({ onSubmit: a, loading: t, error: r }) {
+function ni({ onSubmit: a, loading: t, error: r }) {
   const [n, o] = w("");
   return /* @__PURE__ */ s(
     "form",
@@ -4175,7 +4175,7 @@ function ri({ onSubmit: a, loading: t, error: r }) {
     }
   );
 }
-function ni({ email: a, onResend: t }) {
+function ai({ email: a, onResend: t }) {
   return /* @__PURE__ */ s("div", { className: "space-y-4 text-center", children: [
     /* @__PURE__ */ e("div", { className: "mx-auto inline-flex size-12 items-center justify-center rounded-full bg-success-soft text-success-text", children: /* @__PURE__ */ e(Ne, { className: "size-6", "aria-hidden": !0 }) }),
     /* @__PURE__ */ s("p", { className: "text-sm text-foreground-muted", children: [
@@ -4203,21 +4203,21 @@ function ni({ email: a, onResend: t }) {
 function ke(a) {
   typeof window > "u" || (window.location.hash = a);
 }
-const xo = [
+const vo = [
   {
     label: "Workspace",
     items: [
       { key: "home", label: "Home", icon: /* @__PURE__ */ e(Kt, {}), href: "#dashboard" },
-      { key: "projects", label: "Projects", icon: /* @__PURE__ */ e(He, {}), href: "#data-table", trailing: /* @__PURE__ */ e(W, { tone: "neutral", children: "12" }) },
+      { key: "projects", label: "Projects", icon: /* @__PURE__ */ e(Ge, {}), href: "#data-table", trailing: /* @__PURE__ */ e(W, { tone: "neutral", children: "12" }) },
       { key: "inbox", label: "Inbox", icon: /* @__PURE__ */ e(qt, {}), href: "#first-run", trailing: /* @__PURE__ */ e(W, { tone: "accent", children: "5" }) },
       { key: "members", label: "Members", icon: /* @__PURE__ */ e(Xe, {}), href: "#record", trailing: /* @__PURE__ */ e(W, { tone: "neutral", children: "3" }) },
-      { key: "insights", label: "Insights", icon: /* @__PURE__ */ e(jt, {}), href: "#dashboard" }
+      { key: "insights", label: "Insights", icon: /* @__PURE__ */ e(Et, {}), href: "#dashboard" }
     ]
   },
   {
     label: "Personal",
     items: [
-      { key: "bookmarks", label: "Bookmarks", icon: /* @__PURE__ */ e(Et, {}), href: "#pricing" },
+      { key: "bookmarks", label: "Bookmarks", icon: /* @__PURE__ */ e(jt, {}), href: "#pricing" },
       { key: "apps", label: "Apps", icon: /* @__PURE__ */ e(Qt, {}), href: "#onboarding" }
     ]
   },
@@ -4229,18 +4229,18 @@ const xo = [
       { key: "help", label: "Help & docs", icon: /* @__PURE__ */ e(ft, {}), href: "#" }
     ]
   }
-], vo = {
+], No = {
   name: "Bay Otgonbayar",
   email: "bay@craftzbay.com",
   initials: "BO",
   status: "online"
-}, No = [
+}, yo = [
   { id: "n1", who: { name: "Anu B.", initials: "AB" }, action: "mentioned you in", target: "Q2 OKRs", when: "2m", unread: !0 },
   { id: "n2", who: { name: "Bat E.", initials: "BE" }, action: "requested review on", target: "fix/login-flow", when: "18m", unread: !0 },
   { id: "n3", who: { name: "Tuya G.", initials: "TG" }, action: "commented on", target: "feat/segments", when: "1h", unread: !0 },
   { id: "n4", who: { name: "Khulan O.", initials: "KO" }, action: "archived", target: "old-billing-spike", when: "3h" },
   { id: "n5", who: { name: "Sara M.", initials: "SM" }, action: "invited you to", target: "Atlas workspace", when: "Yesterday" }
-], yo = [
+], wo = [
   { label: "Profile", icon: /* @__PURE__ */ e(pt, { className: "size-4" }), onSelect: () => ke("record") },
   { label: "Account settings", icon: /* @__PURE__ */ e(qe, { className: "size-4" }), onSelect: () => ke("settings") },
   {
@@ -4252,25 +4252,25 @@ const xo = [
   { label: "Help & support", icon: /* @__PURE__ */ e(ft, { className: "size-4" }), onSelect: () => ke("first-run"), separatorAbove: !0 },
   { label: "Sign out", icon: /* @__PURE__ */ e(Yt, { className: "size-4" }), onSelect: () => ke("auth-signin"), separatorAbove: !0 }
 ];
-function ai({
+function oi({
   children: a,
   brand: t,
   active: r = "home",
-  navSections: n = xo,
+  navSections: n = vo,
   sidebar: o,
   topbarActions: i,
   search: d,
-  user: u = vo,
-  profileMenu: f = yo,
-  notifications: c = No,
+  user: u = No,
+  profileMenu: f = wo,
+  notifications: c = yo,
   onMarkAllNotificationsRead: h,
   onViewAllNotifications: b
 }) {
   return /* @__PURE__ */ s("div", { className: "flex min-h-screen w-full bg-background", children: [
-    /* @__PURE__ */ e(Er, { defaultCollapsed: !1, header: t, footer: /* @__PURE__ */ e(qr, { user: u }), children: o ?? /* @__PURE__ */ e(Kr, { sections: n, active: r }) }),
+    /* @__PURE__ */ e(jr, { defaultCollapsed: !1, header: t, footer: /* @__PURE__ */ e(qr, { user: u }), children: o ?? /* @__PURE__ */ e(Kr, { sections: n, active: r }) }),
     /* @__PURE__ */ s("div", { className: "flex min-w-0 flex-1 flex-col", children: [
       /* @__PURE__ */ e(
-        wo,
+        ko,
         {
           brand: t,
           active: r,
@@ -4306,7 +4306,7 @@ function Kr({
     o.key
   )) }, n)) });
 }
-function wo({
+function ko({
   brand: a,
   active: t,
   navSections: r,
@@ -4334,7 +4334,7 @@ function wo({
     /* @__PURE__ */ s("div", { className: "flex items-center gap-2 md:hidden", children: [
       /* @__PURE__ */ s(_a, { open: b, onOpenChange: g, children: [
         /* @__PURE__ */ e(Aa, { asChild: !0, children: /* @__PURE__ */ e(Me, { "aria-label": "Open menu", icon: /* @__PURE__ */ e(Zt, {}), variant: "ghost", size: "sm" }) }),
-        /* @__PURE__ */ s(jr, { side: "left", className: "w-64 p-0", children: [
+        /* @__PURE__ */ s(Er, { side: "left", className: "w-64 p-0", children: [
           /* @__PURE__ */ e("div", { className: "flex h-14 shrink-0 items-center border-b border-border px-3", children: a }),
           /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto py-3", onClick: () => g(!1), children: n ?? /* @__PURE__ */ e(Kr, { sections: r, active: t }) }),
           /* @__PURE__ */ e("div", { className: "border-t border-border p-2", children: /* @__PURE__ */ e(qr, { user: o }) })
@@ -4346,18 +4346,18 @@ function wo({
     /* @__PURE__ */ s("div", { className: "ml-auto flex items-center gap-1", children: [
       d,
       u.length > 0 && /* @__PURE__ */ e(
-        ko,
+        Co,
         {
           notifications: u,
           onMarkAllRead: c,
           onViewAll: h
         }
       ),
-      /* @__PURE__ */ e(Co, { user: o, items: f })
+      /* @__PURE__ */ e(So, { user: o, items: f })
     ] })
   ] });
 }
-function ko({
+function Co({
   notifications: a,
   onMarkAllRead: t,
   onViewAll: r
@@ -4443,7 +4443,7 @@ function ko({
     ] })
   ] });
 }
-function Co({
+function So({
   user: a,
   items: t
 }) {
@@ -4483,26 +4483,29 @@ function qr({ user: a }) {
     ] })
   ] });
 }
-const So = [
+const zo = Array.from({ length: 30 }, (a, t) => {
+  const r = 2200 + t * 22, n = Math.sin(t / 3.5) * 180, o = (Math.sin(t * 7.3) + Math.cos(t * 3.1)) * 60;
+  return { x: t, y: Math.round(r + n + o) };
+}), To = [
   { label: "Active users", value: "2,840", delta: { value: "+12%", positive: !0 } },
   { label: "Sessions today", value: "8,402", delta: { value: "+4%", positive: !0 } },
   { label: "Open issues", value: "14", delta: { value: "−6%", positive: !0 } },
   { label: "Error rate", value: "0.32%", delta: { value: "+0.05%", positive: !1 } }
-], zo = [
+], Io = [
   { id: "1", who: { name: "Anu B.", initials: "AB" }, action: "merged", target: "feat/segments", when: "12m ago" },
   { id: "2", who: { name: "Bat E.", initials: "BE" }, action: "opened", target: "fix/login-flow", when: "34m ago" },
   { id: "3", who: { name: "Tuya G.", initials: "TG" }, action: "commented on", target: "Q2 OKRs", when: "1h ago" },
   { id: "4", who: { name: "Khulan O.", initials: "KO" }, action: "archived", target: "old-billing-spike", when: "3h ago" }
 ];
-function oi({
+function si({
   title: a = "Overview",
   subtitle: t = "What's happening across your workspace today.",
   headerActions: r = /* @__PURE__ */ e(W, { tone: "neutral", variant: "outline", children: "Last 7 days" }),
-  stats: n = So,
+  stats: n = To,
   chart: o,
   chartTitle: i = "Active users",
   chartDescription: d = "Distinct sessions per day, last 30 days.",
-  activity: u = zo,
+  activity: u = Io,
   activityTitle: f = "Recent activity"
 } = {}) {
   return /* @__PURE__ */ s("div", { className: "space-y-8", children: [
@@ -4514,7 +4517,7 @@ function oi({
       r && /* @__PURE__ */ e("div", { className: "hidden items-center gap-2 md:flex", children: r })
     ] }),
     n.length > 0 && /* @__PURE__ */ e("section", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4", children: n.map((c, h) => /* @__PURE__ */ s(V, { children: [
-      /* @__PURE__ */ e(H, { className: "pb-2", children: /* @__PURE__ */ e(oe, { children: c.label }) }),
+      /* @__PURE__ */ e(G, { className: "pb-2", children: /* @__PURE__ */ e(oe, { children: c.label }) }),
       /* @__PURE__ */ e(U, { children: /* @__PURE__ */ s("div", { className: "flex items-baseline gap-2", children: [
         /* @__PURE__ */ e("span", { className: "tabular text-2xl font-semibold text-foreground", children: c.value }),
         c.delta && /* @__PURE__ */ e(
@@ -4527,21 +4530,14 @@ function oi({
       ] }) })
     ] }, h)) }),
     (o !== void 0 || i) && /* @__PURE__ */ s(V, { children: [
-      /* @__PURE__ */ s(H, { children: [
+      /* @__PURE__ */ s(G, { children: [
         i && /* @__PURE__ */ e(Q, { children: i }),
         d && /* @__PURE__ */ e(oe, { children: d })
       ] }),
-      /* @__PURE__ */ e(U, { children: o ?? /* @__PURE__ */ e(
-        "div",
-        {
-          role: "img",
-          "aria-label": "Chart placeholder",
-          className: "h-48 w-full rounded-md border border-dashed border-border bg-background-subtle"
-        }
-      ) })
+      /* @__PURE__ */ e(U, { children: o ?? /* @__PURE__ */ e(co, { data: zo, height: 160, className: "w-full" }) })
     ] }),
     u.length > 0 && /* @__PURE__ */ s(V, { padding: "none", children: [
-      /* @__PURE__ */ e(H, { className: "px-5 pt-5", children: /* @__PURE__ */ e(Q, { children: f }) }),
+      /* @__PURE__ */ e(G, { className: "px-5 pt-5", children: /* @__PURE__ */ e(Q, { children: f }) }),
       /* @__PURE__ */ s(Nt, { children: [
         /* @__PURE__ */ e(yt, { children: /* @__PURE__ */ s(me, { children: [
           /* @__PURE__ */ e(fe, { children: "Who" }),
@@ -4562,13 +4558,13 @@ function oi({
     ] })
   ] });
 }
-const To = [
+const Mo = [
   {
     id: "profile",
     label: "Profile",
     icon: /* @__PURE__ */ e(pt, {}),
     render: () => /* @__PURE__ */ s(V, { children: [
-      /* @__PURE__ */ s(H, { children: [
+      /* @__PURE__ */ s(G, { children: [
         /* @__PURE__ */ e(Q, { children: "Profile" }),
         /* @__PURE__ */ e(oe, { children: "Visible to your teammates." })
       ] }),
@@ -4595,7 +4591,7 @@ const To = [
     label: "Security",
     icon: /* @__PURE__ */ e(Xt, {}),
     render: () => /* @__PURE__ */ s(V, { children: [
-      /* @__PURE__ */ s(H, { children: [
+      /* @__PURE__ */ s(G, { children: [
         /* @__PURE__ */ e(Q, { children: "Security" }),
         /* @__PURE__ */ e(oe, { children: "How you sign in and protect your account." })
       ] }),
@@ -4619,7 +4615,7 @@ const To = [
     label: "Notifications",
     icon: /* @__PURE__ */ e(dt, {}),
     render: () => /* @__PURE__ */ s(V, { children: [
-      /* @__PURE__ */ s(H, { children: [
+      /* @__PURE__ */ s(G, { children: [
         /* @__PURE__ */ e(Q, { children: "Notifications" }),
         /* @__PURE__ */ e(oe, { children: "Choose what we email and ping you about." })
       ] }),
@@ -4637,7 +4633,7 @@ const To = [
     label: "Billing",
     icon: /* @__PURE__ */ e(Rt, {}),
     render: () => /* @__PURE__ */ s(V, { children: [
-      /* @__PURE__ */ s(H, { children: [
+      /* @__PURE__ */ s(G, { children: [
         /* @__PURE__ */ e(Q, { children: "Billing" }),
         /* @__PURE__ */ e(oe, { children: "Your plan, invoices, and payment method." })
       ] }),
@@ -4658,7 +4654,7 @@ const To = [
     label: "Team",
     icon: /* @__PURE__ */ e(Xe, {}),
     render: () => /* @__PURE__ */ s(V, { children: [
-      /* @__PURE__ */ s(H, { children: [
+      /* @__PURE__ */ s(G, { children: [
         /* @__PURE__ */ e(Q, { children: "Team" }),
         /* @__PURE__ */ e(oe, { children: "Invite teammates and manage roles." })
       ] }),
@@ -4681,10 +4677,10 @@ const To = [
     ] })
   }
 ];
-function si({
+function ii({
   title: a = "Settings",
   subtitle: t = "Manage your account, preferences, and billing.",
-  sections: r = To,
+  sections: r = Mo,
   defaultSection: n,
   activeSection: o,
   onActiveSectionChange: i,
@@ -4723,7 +4719,7 @@ function si({
     ] })
   ] });
 }
-const Io = [
+const Do = [
   { id: "p1", name: "Pulse onboarding", status: "active", owner: "Anu B.", updatedAt: "2 hours ago" },
   { id: "p2", name: "Q2 OKRs rollout", status: "active", owner: "Bat E.", updatedAt: "Yesterday" },
   { id: "p3", name: "Legacy export", status: "paused", owner: "Tuya G.", updatedAt: "3 days ago" },
@@ -4733,7 +4729,7 @@ const Io = [
   active: { tone: "success", label: "Active" },
   paused: { tone: "warning", label: "Paused" },
   archived: { tone: "neutral", label: "Archived" }
-}, Mo = [
+}, Po = [
   {
     key: "name",
     header: "Name",
@@ -4747,7 +4743,7 @@ const Io = [
   },
   { key: "owner", header: "Owner" },
   { key: "updatedAt", header: "Updated", align: "right" }
-], Do = [
+], _o = [
   {
     key: "status",
     label: "Status",
@@ -4758,19 +4754,19 @@ const Io = [
       { value: "archived", label: "Archived" }
     ]
   }
-], Po = /* @__PURE__ */ s(te, { children: [
+], Ao = /* @__PURE__ */ s(te, { children: [
   /* @__PURE__ */ e(I, { variant: "outline", leadingIcon: /* @__PURE__ */ e(Qe, {}), children: "Import" }),
   /* @__PURE__ */ e(I, { leadingIcon: /* @__PURE__ */ e(gt, {}), children: "New project" })
-] }), _o = [
+] }), Fo = [
   { label: "Export", icon: /* @__PURE__ */ e(Bt, {}), variant: "ghost", onAction: () => {
   } },
   { label: "Delete", icon: /* @__PURE__ */ e(ht, {}), variant: "ghost", onAction: () => {
   } }
 ];
-function ii({
+function li({
   title: a = "Projects",
   subtitle: t,
-  headerActions: r = Po,
+  headerActions: r = Ao,
   rows: n,
   columns: o,
   filters: i,
@@ -4782,12 +4778,12 @@ function ii({
   emptyState: b,
   className: g
 } = {}) {
-  const p = n ?? Io, x = o ?? Mo, N = i ?? Do, v = h ?? _o, [T, F] = w(""), [M, z] = w(() => {
+  const p = n ?? Do, x = o ?? Po, N = i ?? _o, v = h ?? Fo, [T, F] = w(""), [M, z] = w(() => {
     var P;
     const S = {};
     for (const J of N) S[J.key] = J.defaultValue ?? ((P = J.options[0]) == null ? void 0 : P.value) ?? "";
     return S;
-  }), [y, k] = w([]), [j, K] = w(1), [q, le] = w(c), _ = xe(() => {
+  }), [y, k] = w([]), [E, K] = w(1), [q, le] = w(c), _ = xe(() => {
     const S = (P) => {
       const J = T.toLowerCase();
       if (J && !Object.values(P).some(
@@ -4802,16 +4798,16 @@ function ii({
     return p.filter(
       (P) => d ? d(P, M, T) : S(P)
     );
-  }, [p, T, M, d]), G = _.length > 0 && _.every((S) => y.includes(S.id)), ne = y.length > 0 && !G, C = xe(
+  }, [p, T, M, d]), H = _.length > 0 && _.every((S) => y.includes(S.id)), ne = y.length > 0 && !H, C = xe(
     () => p.filter((S) => y.includes(S.id)),
     [p, y]
-  ), ae = Math.max(1, Math.ceil(_.length / q)), we = _.slice((j - 1) * q, j * q), E = [
+  ), ae = Math.max(1, Math.ceil(_.length / q)), we = _.slice((E - 1) * q, E * q), j = [
     {
       key: "__select",
       header: /* @__PURE__ */ e(
         Le,
         {
-          checked: G ? !0 : ne ? "indeterminate" : !1,
+          checked: H ? !0 : ne ? "indeterminate" : !1,
           onCheckedChange: (S) => k(S ? _.map((P) => P.id) : []),
           "aria-label": "Select all rows"
         }
@@ -4858,7 +4854,7 @@ function ii({
         /* @__PURE__ */ e(
           Le,
           {
-            checked: G ? !0 : ne ? "indeterminate" : !1,
+            checked: H ? !0 : ne ? "indeterminate" : !1,
             onCheckedChange: (S) => k(S ? _.map((P) => P.id) : []),
             "aria-label": "Select all"
           }
@@ -4893,13 +4889,13 @@ function ii({
             className: "border-0 bg-transparent"
           }
         ),
-        columns: E
+        columns: j
       }
     ),
     /* @__PURE__ */ e(
       _r,
       {
-        page: j,
+        page: E,
         pageCount: ae,
         onPageChange: K,
         totalItems: _.length,
@@ -4912,22 +4908,22 @@ function ii({
     )
   ] });
 }
-const Ao = {
+const Lo = {
   title: "Pulse onboarding",
   subtitle: "Self-serve onboarding flow for new admins. Owns the first 5 minutes of every workspace.",
   status: /* @__PURE__ */ e(W, { tone: "success", dot: !0, children: "Active" }),
   actions: /* @__PURE__ */ s(te, { children: [
     /* @__PURE__ */ e(I, { variant: "outline", leadingIcon: /* @__PURE__ */ e(Vt, {}), children: "Edit" }),
     /* @__PURE__ */ e(I, { variant: "outline", leadingIcon: /* @__PURE__ */ e(ht, {}), children: "Archive" }),
-    /* @__PURE__ */ e(I, { trailingIcon: /* @__PURE__ */ e(Gt, {}), children: "Open in app" })
+    /* @__PURE__ */ e(I, { trailingIcon: /* @__PURE__ */ e(Ht, {}), children: "Open in app" })
   ] }),
   breadcrumbs: [{ label: "Projects", href: "/projects" }, { label: "Pulse onboarding" }]
-}, Fo = [
+}, Eo = [
   {
     id: "overview",
     label: "Overview",
     render: () => /* @__PURE__ */ s(V, { children: [
-      /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(Q, { children: "Summary" }) }),
+      /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(Q, { children: "Summary" }) }),
       /* @__PURE__ */ s(U, { className: "space-y-2 leading-relaxed text-foreground-muted", children: [
         /* @__PURE__ */ e("p", { children: "The Pulse onboarding flow walks new admins through workspace creation, teammate invites, and first-data import in under five minutes." }),
         /* @__PURE__ */ e("p", { children: "Completion rate sits at 71% (week-over-week +4 pts) and median time to finish is 4 m 22 s." })
@@ -4937,9 +4933,9 @@ const Ao = {
   { id: "activity", label: "Activity", render: () => /* @__PURE__ */ e(st, { children: "Activity feed appears here." }) },
   { id: "files", label: "Files", render: () => /* @__PURE__ */ e(st, { children: "Linked documents appear here." }) },
   { id: "settings", label: "Settings", render: () => /* @__PURE__ */ e(st, { children: "Project settings appear here." }) }
-], Lo = /* @__PURE__ */ s(te, { children: [
+], jo = /* @__PURE__ */ s(te, { children: [
   /* @__PURE__ */ s(V, { children: [
-    /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(Q, { children: "Details" }) }),
+    /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(Q, { children: "Details" }) }),
     /* @__PURE__ */ s(U, { className: "space-y-3 text-sm", children: [
       /* @__PURE__ */ e(Fe, { label: "Owner", value: /* @__PURE__ */ s(te, { children: [
         /* @__PURE__ */ e(Z, { size: "xs", fallback: "AB" }),
@@ -4961,7 +4957,7 @@ const Ao = {
     ] })
   ] }),
   /* @__PURE__ */ s(V, { children: [
-    /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(Q, { children: "Watchers" }) }),
+    /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(Q, { children: "Watchers" }) }),
     /* @__PURE__ */ e(U, { children: /* @__PURE__ */ s("div", { className: "flex -space-x-2", children: [
       /* @__PURE__ */ e(Z, { fallback: "AB" }),
       /* @__PURE__ */ e(Z, { fallback: "BE" }),
@@ -4970,11 +4966,11 @@ const Ao = {
     ] }) })
   ] })
 ] });
-function li({
-  header: a = Ao,
-  tabs: t = Fo,
+function di({
+  header: a = Lo,
+  tabs: t = Eo,
   defaultTab: r,
-  sidePanel: n = Lo,
+  sidePanel: n = jo,
   className: o
 } = {}) {
   var d;
@@ -4998,7 +4994,7 @@ function li({
         children: [
           /* @__PURE__ */ e("div", { className: "min-w-0", children: /* @__PURE__ */ s(Ka, { defaultValue: i, children: [
             /* @__PURE__ */ e(Br, { children: t.map((u) => /* @__PURE__ */ e(Vr, { value: u.id, children: u.label }, u.id)) }),
-            t.map((u) => /* @__PURE__ */ e(Gr, { value: u.id, className: "space-y-4", children: u.render() }, u.id))
+            t.map((u) => /* @__PURE__ */ e(Hr, { value: u.id, className: "space-y-4", children: u.render() }, u.id))
           ] }) }),
           n && /* @__PURE__ */ e("aside", { className: "space-y-4", children: n })
         ]
@@ -5015,7 +5011,7 @@ function Fe({ label: a, value: t }) {
 function st({ children: a }) {
   return /* @__PURE__ */ e("p", { className: "text-sm text-foreground-muted", children: a });
 }
-const jo = [
+const $o = [
   {
     id: "workspace",
     title: "Workspace",
@@ -5066,9 +5062,9 @@ const jo = [
           value: a.role ?? "member",
           onValueChange: (r) => t({ role: r }),
           children: [
-            /* @__PURE__ */ e(Ee, { value: "admin", label: "Admin", description: "Can manage workspace and billing." }),
-            /* @__PURE__ */ e(Ee, { value: "member", label: "Member", description: "Can create and edit projects." }),
-            /* @__PURE__ */ e(Ee, { value: "viewer", label: "Viewer", description: "Read-only access." })
+            /* @__PURE__ */ e(je, { value: "admin", label: "Admin", description: "Can manage workspace and billing." }),
+            /* @__PURE__ */ e(je, { value: "member", label: "Member", description: "Can create and edit projects." }),
+            /* @__PURE__ */ e(je, { value: "viewer", label: "Viewer", description: "Read-only access." })
           ]
         }
       )
@@ -5113,8 +5109,8 @@ const jo = [
     ] })
   }
 ];
-function di({
-  steps: a = jo,
+function ci({
+  steps: a = $o,
   initialData: t = {},
   onComplete: r,
   className: n
@@ -5125,7 +5121,7 @@ function di({
   return /* @__PURE__ */ s("div", { className: `mx-auto max-w-2xl space-y-8 py-12 ${n ?? ""}`, children: [
     /* @__PURE__ */ e(Rr, { steps: a.map((v) => ({ title: v.title, description: v.description })), current: o }),
     /* @__PURE__ */ s(V, { children: [
-      /* @__PURE__ */ s(H, { children: [
+      /* @__PURE__ */ s(G, { children: [
         /* @__PURE__ */ e(Q, { children: x.heading }),
         x.subheading && /* @__PURE__ */ e(oe, { children: x.subheading })
       ] }),
@@ -5153,7 +5149,7 @@ function di({
     ] })
   ] });
 }
-const Eo = [
+const Oo = [
   {
     name: "Starter",
     price: "$0",
@@ -5191,10 +5187,10 @@ const Eo = [
     cta: "Talk to sales"
   }
 ];
-function ci({
+function ui({
   title: a = "Plans that scale with your team",
   subtitle: t = "Start free, upgrade when you need more. All paid plans include a 14-day trial — no credit card required.",
-  tiers: r = Eo,
+  tiers: r = Oo,
   highlightedLabel: n = "Most popular",
   className: o
 } = {}) {
@@ -5254,7 +5250,7 @@ function ci({
     )
   ] });
 }
-const $o = [
+const Ro = [
   {
     icon: /* @__PURE__ */ e(gt, {}),
     title: "Create a project",
@@ -5274,12 +5270,12 @@ const $o = [
     cta: "Invite people"
   }
 ];
-function ui({
-  heroIcon: a = /* @__PURE__ */ e(He, { className: "size-6" }),
+function mi({
+  heroIcon: a = /* @__PURE__ */ e(Ge, { className: "size-6" }),
   title: t = "Your workspace is ready",
   description: r = "Start with one of the steps below — you can always come back to the others.",
   primaryAction: n = /* @__PURE__ */ e(I, { trailingIcon: /* @__PURE__ */ e(ze, {}), children: "Open tutorial" }),
-  steps: o = $o,
+  steps: o = Ro,
   className: i
 } = {}) {
   return /* @__PURE__ */ s("div", { className: `mx-auto max-w-3xl space-y-8 py-12 ${i ?? ""}`, children: [
@@ -5304,14 +5300,14 @@ function ui({
   ] });
 }
 export {
-  ns as Accordion,
+  os as Accordion,
   wn as AccordionContent,
   Nn as AccordionItem,
   yn as AccordionTrigger,
   Ze as Alert,
-  ai as AppShell,
-  Ls as AreaChart,
-  Zs as AuthLayout,
+  oi as AppShell,
+  Es as AreaChart,
+  ei as AuthLayout,
   Z as Avatar,
   Tn as AvatarGroup,
   W as Badge,
@@ -5323,46 +5319,46 @@ export {
   U as CardContent,
   oe as CardDescription,
   _n as CardFooter,
-  H as CardHeader,
+  G as CardHeader,
   Q as CardTitle,
-  Ms as Carousel,
-  Ds as CarouselContent,
-  Ps as CarouselItem,
-  As as CarouselNext,
-  _s as CarouselPrevious,
+  Ps as Carousel,
+  _s as CarouselContent,
+  As as CarouselItem,
+  Ls as CarouselNext,
+  Fs as CarouselPrevious,
   Le as Checkbox,
   An as Combobox,
   Fn as Command,
-  os as CommandDialog,
-  En as CommandEmpty,
+  is as CommandDialog,
+  jn as CommandEmpty,
   $n as CommandGroup,
   Ln as CommandInput,
   Rn as CommandItem,
-  jn as CommandList,
+  En as CommandList,
   On as CommandSeparator,
-  as as CommandShortcut,
+  ss as CommandShortcut,
   fa as ConfirmationDialog,
-  is as ContextMenu,
+  ds as ContextMenu,
   Wn as ContextMenuCheckboxItem,
-  Hn as ContextMenuContent,
-  ds as ContextMenuGroup,
+  Gn as ContextMenuContent,
+  us as ContextMenuGroup,
   Un as ContextMenuItem,
   qn as ContextMenuLabel,
   Bn as ContextMenuPortal,
-  us as ContextMenuRadioGroup,
+  fs as ContextMenuRadioGroup,
   Kn as ContextMenuRadioItem,
   Qn as ContextMenuSeparator,
   Xn as ContextMenuShortcut,
-  cs as ContextMenuSub,
-  Gn as ContextMenuSubContent,
+  ms as ContextMenuSub,
+  Hn as ContextMenuSubContent,
   Vn as ContextMenuSubTrigger,
-  ls as ContextMenuTrigger,
-  oi as Dashboard,
+  cs as ContextMenuTrigger,
+  si as Dashboard,
   ia as DataGrid,
-  ii as DataTablePage,
+  li as DataTablePage,
   la as DatePicker,
   da as DateRangePicker,
-  hs as DesignSystemProvider,
+  bs as DesignSystemProvider,
   ca as Dialog,
   ma as DialogClose,
   vr as DialogContent,
@@ -5372,65 +5368,65 @@ export {
   xr as DialogOverlay,
   ua as DialogPortal,
   wr as DialogTitle,
-  bs as DialogTrigger,
-  co as Drawer,
-  $s as DrawerClose,
-  Os as DrawerContent,
+  vs as DialogTrigger,
+  uo as Drawer,
+  Os as DrawerClose,
+  Rs as DrawerContent,
   Gs as DrawerDescription,
-  Bs as DrawerFooter,
-  Rs as DrawerHeader,
-  mo as DrawerOverlay,
-  uo as DrawerPortal,
-  Vs as DrawerTitle,
-  Es as DrawerTrigger,
+  Vs as DrawerFooter,
+  Bs as DrawerHeader,
+  fo as DrawerOverlay,
+  mo as DrawerPortal,
+  Hs as DrawerTitle,
+  $s as DrawerTrigger,
   bt as DropdownMenu,
   fr as DropdownMenuCheckboxItem,
   rt as DropdownMenuContent,
-  ms as DropdownMenuGroup,
+  gs as DropdownMenuGroup,
   mr as DropdownMenuItem,
   vt as DropdownMenuLabel,
   Yn as DropdownMenuPortal,
-  gs as DropdownMenuRadioGroup,
+  ps as DropdownMenuRadioGroup,
   ea as DropdownMenuRadioItem,
   $e as DropdownMenuSeparator,
   ta as DropdownMenuShortcut,
-  fs as DropdownMenuSub,
+  hs as DropdownMenuSub,
   Zn as DropdownMenuSubContent,
   Jn as DropdownMenuSubTrigger,
   xt as DropdownMenuTrigger,
   kt as EmptyState,
   ha as ErrorState,
-  Hs as FileUpload,
-  ui as FirstRunEmpty,
-  ri as ForgotPasswordForm,
-  xs as Form,
+  Us as FileUpload,
+  mi as FirstRunEmpty,
+  ni as ForgotPasswordForm,
+  Ns as Form,
   xa as FormControl,
   va as FormDescription,
   Na as FormError,
-  vs as FormField,
+  ys as FormField,
   pa as FormItem,
   ba as FormLabel,
   Me as IconButton,
-  ts as Icons,
-  rs as Illustrations,
+  ns as Icons,
+  as as Illustrations,
   L as Input,
   zr as Kbd,
-  Fs as LineChart,
-  ni as MagicLinkSent,
+  co as LineChart,
+  ai as MagicLinkSent,
   ya as MultiSelect,
-  di as Onboarding,
+  ci as Onboarding,
   _r as Pagination,
-  ys as Popover,
-  ks as PopoverAnchor,
-  Cs as PopoverClose,
+  ks as Popover,
+  Ss as PopoverAnchor,
+  zs as PopoverClose,
   Sa as PopoverContent,
-  ws as PopoverTrigger,
-  ci as Pricing,
+  Cs as PopoverTrigger,
+  ui as Pricing,
   Ia as Progress,
   Da as ProgressCircle,
   Ar as RadioGroup,
-  Ee as RadioItem,
-  li as RecordDetail,
+  je as RadioItem,
+  di as RecordDetail,
   Pa as ScrollArea,
   Fr as ScrollBar,
   Tr as Select,
@@ -5442,28 +5438,28 @@ export {
   Mr as SelectScrollUpButton,
   wa as SelectSeparator,
   Ct as SelectTrigger,
-  Ns as SelectValue,
+  ws as SelectValue,
   be as Separator,
-  si as SettingsPage,
+  ii as SettingsPage,
   _a as Sheet,
-  Ss as SheetClose,
-  jr as SheetContent,
+  Ts as SheetClose,
+  Er as SheetContent,
   Oa as SheetDescription,
-  Ea as SheetFooter,
-  ja as SheetHeader,
+  ja as SheetFooter,
+  Ea as SheetHeader,
   Fa as SheetPortal,
   $a as SheetTitle,
   Aa as SheetTrigger,
-  Er as Sidebar,
+  jr as Sidebar,
   Ra as SidebarGroup,
   Or as SidebarItem,
   $r as SidebarSection,
-  ei as SignInForm,
-  ti as SignUpForm,
+  ti as SignInForm,
+  ri as SignUpForm,
   hr as Skeleton,
   Ba as Slider,
-  Us as Snackbar,
-  Ha as Spinner,
+  Ws as Snackbar,
+  Ga as Spinner,
   Rr as Stepper,
   Ce as Switch,
   Nt as Table,
@@ -5476,41 +5472,41 @@ export {
   me as TableRow,
   gr as TableSortHeader,
   Ka as Tabs,
-  Gr as TabsContent,
+  Hr as TabsContent,
   Br as TabsList,
   Vr as TabsTrigger,
-  Ws as TagInput,
+  Ks as TagInput,
   Qa as Textarea,
-  Ks as Timeline,
-  Ys as TimelineDescription,
-  qs as TimelineItem,
-  Qs as TimelineTime,
-  Xs as TimelineTitle,
+  qs as Timeline,
+  Js as TimelineDescription,
+  Qs as TimelineItem,
+  Xs as TimelineTime,
+  Ys as TimelineTitle,
   Za as Toast,
   ro as ToastAction,
   no as ToastClose,
   to as ToastDescription,
-  Ts as ToastProvider,
+  Ms as ToastProvider,
   eo as ToastTitle,
   Xa as ToastViewport,
   so as Tooltip,
-  Hr as TooltipContent,
-  Is as TooltipProvider,
+  Gr as TooltipContent,
+  Ds as TooltipProvider,
   ao as TooltipRoot,
   oo as TooltipTrigger,
   io as TopNav,
   lo as TopNavLink,
-  Js as Tree,
-  ps as brandPresets,
+  Zs as Tree,
+  xs as brandPresets,
   l as cn,
-  gi as cva,
-  es as toast,
-  Yo as uid,
-  ss as useCommandPaletteShortcut,
+  hi as cva,
+  rs as toast,
+  Zo as uid,
+  ls as useCommandPaletteShortcut,
   nt as useFormField,
   bn as useMediaQuery,
-  Jo as usePrefersReducedMotion,
-  zs as useSidebar,
-  Zo as useToast
+  es as usePrefersReducedMotion,
+  Is as useSidebar,
+  ts as useToast
 };
 //# sourceMappingURL=index.js.map