@craftzbay/ui 0.5.0 → 0.6.1

package/dist-lib/index.js

@@ -1,53 +1,53 @@
-import { clsx as Ur } from "clsx";
-import { twMerge as Kr } from "tailwind-merge";
-import { useState as w, useEffect as ke, useCallback as te, forwardRef as m, useId as ne, useMemo as ye, useContext as pe, createContext as He, useRef as ut } from "react";
-import { AlertCircle as qr, AlertTriangle as we, ArrowDown as Bt, ArrowLeft as Lt, ArrowRight as De, ArrowUp as $t, ArrowUpDown as Ot, AtSign as Qr, BarChart3 as Rt, Bell as mt, Bookmark as Et, Calendar as Vt, Check as le, CheckCircle2 as Ce, ChevronDown as We, ChevronLeft as Ue, ChevronRight as ie, ChevronUp as Gt, ChevronsLeft as ft, ChevronsRight as gt, ChevronsUpDown as Ke, Circle as ht, Copy as Xr, CornerDownLeft as Yr, CreditCard as Ht, Download as Wt, Edit2 as Ut, Ellipsis as Jr, ExternalLink as Kt, Eye as qt, EyeOff as Qt, Filter as Xt, Folder as qe, GripVertical as Zr, HelpCircle as pt, Home as Yt, Inbox as Jt, Info as Qe, LayoutGrid as Zt, Link2 as en, Loader2 as Xe, Lock as er, LogOut as tr, Mail as rr, Menu as nr, Minus as ar, Moon as tn, MoreHorizontal as or, Package as rn, Plug as sr, Plus as bt, Search as Ye, Settings as Je, Sparkles as ir, Sun as nn, Trash2 as xt, Upload as Ze, User as vt, Users as et, X, XCircle as Ae, File as lr, FolderOpen as an } from "lucide-react";
-import { jsxs as s, jsx as e, Fragment as re } from "react/jsx-runtime";
-import * as Pe from "@radix-ui/react-accordion";
+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 { 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 ci } from "class-variance-authority";
-import * as lt from "@radix-ui/react-avatar";
-import { Slot as dr } from "@radix-ui/react-slot";
-import * as Dt from "@radix-ui/react-checkbox";
+import { cva as gi } 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";
 import * as A from "@radix-ui/react-popover";
 import { Command as $ } from "cmdk";
 import * as D from "@radix-ui/react-dialog";
 import * as R from "@radix-ui/react-context-menu";
-import * as E from "@radix-ui/react-dropdown-menu";
-import { DayPicker as on } from "react-day-picker";
-import * as sn from "@radix-ui/react-label";
-import { FormProvider as ln, Controller as dn, useFormContext as cn } from "react-hook-form";
+import * as B from "@radix-ui/react-dropdown-menu";
+import { DayPicker as cn } from "react-day-picker";
+import * as un from "@radix-ui/react-label";
+import { FormProvider as mn, Controller as fn, useFormContext as gn } from "react-hook-form";
 import * as O from "@radix-ui/react-select";
-import * as Pt from "@radix-ui/react-progress";
-import * as ct from "@radix-ui/react-radio-group";
-import * as Ie from "@radix-ui/react-scroll-area";
-import * as un from "@radix-ui/react-separator";
-import * as Le from "@radix-ui/react-slider";
-import * as _t from "@radix-ui/react-switch";
-import * as tt from "@radix-ui/react-tabs";
-import * as be from "@radix-ui/react-toast";
-import * as _e from "@radix-ui/react-tooltip";
-import mn from "embla-carousel-react";
-import { Drawer as ue } from "vaul";
+import * as It from "@radix-ui/react-progress";
+import * as it from "@radix-ui/react-radio-group";
+import * as Se from "@radix-ui/react-scroll-area";
+import * as hn from "@radix-ui/react-separator";
+import * as _e from "@radix-ui/react-slider";
+import * as Mt from "@radix-ui/react-switch";
+import * as Je from "@radix-ui/react-tabs";
+import * as he from "@radix-ui/react-toast";
+import * as Ie from "@radix-ui/react-tooltip";
+import pn from "embla-carousel-react";
+import { Drawer as ce } from "vaul";
 function l(...a) {
-  return Kr(Ur(a));
+  return Xr(Qr(a));
 }
-let At = 0;
-function Ko(a = "ds") {
-  return At += 1, `${a}-${At}`;
+let Dt = 0;
+function Yo(a = "ds") {
+  return Dt += 1, `${a}-${Dt}`;
 }
-function fn(a) {
+function bn(a) {
   const [t, r] = w(() => typeof window > "u" ? !1 : window.matchMedia(a).matches);
-  return ke(() => {
+  return ve(() => {
     if (typeof window > "u") return;
     const n = window.matchMedia(a), o = (i) => r(i.matches);
     return r(n.matches), n.addEventListener("change", o), () => n.removeEventListener("change", o);
   }, [a]), t;
 }
-function qo() {
-  return fn("(prefers-reduced-motion: reduce)");
+function Jo() {
+  return bn("(prefers-reduced-motion: reduce)");
 }
-const me = {
+const ue = {
   toasts: [],
   listeners: /* @__PURE__ */ new Set(),
   emit() {
@@ -64,82 +64,82 @@ const me = {
     this.toasts = this.toasts.filter((t) => t.id !== a), this.emit();
   }
 };
-function Qo() {
-  const [a, t] = w(() => [...me.toasts]);
-  ke(() => {
+function Zo() {
+  const [a, t] = w(() => [...ue.toasts]);
+  ve(() => {
     const i = (d) => t([...d]);
-    return me.listeners.add(i), () => {
-      me.listeners.delete(i);
+    return ue.listeners.add(i), () => {
+      ue.listeners.delete(i);
     };
   }, []);
-  const r = te((i) => me.push(i), []), n = te((i) => me.dismiss(i), []), o = te((i) => me.remove(i), []);
+  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 Xo = (a) => me.push(a), Yo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const es = (a) => ue.push(a), ts = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  AlertCircle: qr,
-  AlertTriangle: we,
-  ArrowDown: Bt,
-  ArrowLeft: Lt,
-  ArrowRight: De,
-  ArrowUp: $t,
-  ArrowUpDown: Ot,
-  AtSign: Qr,
-  BarChart3: Rt,
-  Bell: mt,
+  AlertCircle: Jr,
+  AlertTriangle: Re,
+  ArrowDown: _t,
+  ArrowLeft: At,
+  ArrowRight: ze,
+  ArrowUp: Ft,
+  ArrowUpDown: Lt,
+  AtSign: Zr,
+  BarChart3: jt,
+  Bell: dt,
   Bookmark: Et,
-  Calendar: Vt,
-  Check: le,
-  CheckCircle2: Ce,
-  ChevronDown: We,
-  ChevronLeft: Ue,
-  ChevronRight: ie,
-  ChevronUp: Gt,
-  ChevronsLeft: ft,
-  ChevronsRight: gt,
-  ChevronsUpDown: Ke,
-  Circle: ht,
-  Copy: Xr,
-  CornerDownLeft: Yr,
-  CreditCard: Ht,
-  Download: Wt,
-  Edit2: Ut,
-  Ellipsis: Jr,
-  ExternalLink: Kt,
-  Eye: qt,
-  EyeOff: Qt,
-  Filter: Xt,
-  Folder: qe,
-  GripVertical: Zr,
-  HelpCircle: pt,
-  Home: Yt,
-  Inbox: Jt,
-  Info: Qe,
-  LayoutGrid: Zt,
-  Link2: en,
-  Loader2: Xe,
-  Lock: er,
-  LogOut: tr,
-  Mail: rr,
-  Menu: nr,
-  Minus: ar,
-  Moon: tn,
-  MoreHorizontal: or,
-  Package: rn,
-  Plug: sr,
-  Plus: bt,
-  Search: Ye,
-  Settings: Je,
-  Sparkles: ir,
-  Sun: nn,
-  Trash2: xt,
-  Upload: Ze,
-  User: vt,
-  Users: et,
+  Calendar: $t,
+  Check: ie,
+  CheckCircle2: Ne,
+  ChevronDown: Be,
+  ChevronLeft: Ve,
+  ChevronRight: se,
+  ChevronUp: Ot,
+  ChevronsLeft: ct,
+  ChevronsRight: ut,
+  ChevronsUpDown: Ge,
+  Circle: mt,
+  Copy: en,
+  CornerDownLeft: tn,
+  CreditCard: Rt,
+  Download: Bt,
+  Edit2: Vt,
+  Ellipsis: rn,
+  ExternalLink: Gt,
+  Eye: Ht,
+  EyeOff: Ut,
+  Filter: Wt,
+  Folder: He,
+  GripVertical: nn,
+  HelpCircle: ft,
+  Home: Kt,
+  Inbox: qt,
+  Info: Ue,
+  LayoutGrid: Qt,
+  Link2: an,
+  Loader2: We,
+  Lock: Xt,
+  LogOut: Yt,
+  Mail: Jt,
+  Menu: Zt,
+  Minus: er,
+  Moon: on,
+  MoreHorizontal: tr,
+  Package: sn,
+  Plug: rr,
+  Plus: gt,
+  Search: Ke,
+  Settings: qe,
+  Sparkles: nr,
+  Sun: ln,
+  Trash2: ht,
+  Upload: Qe,
+  User: pt,
+  Users: Xe,
   X,
-  XCircle: Ae
+  XCircle: Ye
 }, Symbol.toStringTag, { value: "Module" }));
-function Se({ className: a, children: t, ...r }) {
+function ye({ className: a, children: t, ...r }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -159,8 +159,8 @@ function Se({ className: a, children: t, ...r }) {
     }
   );
 }
-function gn(a) {
-  return /* @__PURE__ */ s(Se, { ...a, children: [
+function sr(a) {
+  return /* @__PURE__ */ s(ye, { ...a, children: [
     /* @__PURE__ */ e("path", { d: "M22 56l10-28a6 6 0 0 1 6-4h44a6 6 0 0 1 6 4l10 28" }),
     /* @__PURE__ */ e("path", { d: "M22 56v32a6 6 0 0 0 6 6h64a6 6 0 0 0 6-6V56" }),
     /* @__PURE__ */ e("path", { d: "M22 56h22l4 10h24l4-10h22" }),
@@ -168,8 +168,8 @@ function gn(a) {
     /* @__PURE__ */ e("path", { d: "M52 28l8 8M68 28l-8 8", opacity: "0.4" })
   ] });
 }
-function hn(a) {
-  return /* @__PURE__ */ s(Se, { ...a, children: [
+function xn(a) {
+  return /* @__PURE__ */ s(ye, { ...a, children: [
     /* @__PURE__ */ e("circle", { cx: "52", cy: "52", r: "26" }),
     /* @__PURE__ */ e("path", { d: "M72 72l20 20" }),
     /* @__PURE__ */ e("path", { d: "M42 52h20", opacity: "0.5" }),
@@ -177,8 +177,8 @@ function hn(a) {
     /* @__PURE__ */ e("circle", { cx: "20", cy: "92", r: "1.5", className: "text-accent", stroke: "currentColor" })
   ] });
 }
-function pn(a) {
-  return /* @__PURE__ */ s(Se, { ...a, children: [
+function ir(a) {
+  return /* @__PURE__ */ s(ye, { ...a, children: [
     /* @__PURE__ */ e("path", { d: "M22 32h76v56a6 6 0 0 1-6 6H28a6 6 0 0 1-6-6V32z" }),
     /* @__PURE__ */ e("path", { d: "M22 44h76" }),
     /* @__PURE__ */ e("circle", { cx: "32", cy: "38", r: "1.5" }),
@@ -201,8 +201,8 @@ function pn(a) {
     )
   ] });
 }
-function bn(a) {
-  return /* @__PURE__ */ s(Se, { ...a, children: [
+function lr(a) {
+  return /* @__PURE__ */ s(ye, { ...a, children: [
     /* @__PURE__ */ e("rect", { x: "22", y: "28", width: "76", height: "20", rx: "3" }),
     /* @__PURE__ */ e("rect", { x: "22", y: "54", width: "76", height: "20", rx: "3" }),
     /* @__PURE__ */ e("rect", { x: "22", y: "80", width: "76", height: "20", rx: "3" }),
@@ -213,8 +213,8 @@ function bn(a) {
     /* @__PURE__ */ e("path", { d: "M82 84l16 16M82 100l16-16", className: "text-danger", stroke: "currentColor" })
   ] });
 }
-function xn(a) {
-  return /* @__PURE__ */ s(Se, { ...a, children: [
+function vn(a) {
+  return /* @__PURE__ */ s(ye, { ...a, children: [
     /* @__PURE__ */ e("path", { d: "M22 86h76" }),
     /* @__PURE__ */ e("path", { d: "M30 86V52l30-22 30 22v34" }),
     /* @__PURE__ */ e("rect", { x: "40", y: "64", width: "14", height: "14", rx: "1" }),
@@ -223,8 +223,8 @@ function xn(a) {
     /* @__PURE__ */ e("path", { d: "M40 40v6M50 36v10M70 36v10M80 40v6", className: "text-accent", stroke: "currentColor" })
   ] });
 }
-function vn(a) {
-  return /* @__PURE__ */ s(Se, { ...a, children: [
+function dr(a) {
+  return /* @__PURE__ */ s(ye, { ...a, children: [
     /* @__PURE__ */ e("path", { d: "M22 60a40 40 0 0 1 76 0", opacity: "0.4" }),
     /* @__PURE__ */ e("path", { d: "M34 70a28 28 0 0 1 52 0", opacity: "0.6" }),
     /* @__PURE__ */ e("path", { d: "M46 80a16 16 0 0 1 28 0" }),
@@ -232,21 +232,21 @@ function vn(a) {
     /* @__PURE__ */ e("path", { d: "M20 20l80 80", className: "text-danger", stroke: "currentColor" })
   ] });
 }
-const Jo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const rs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ConnectionLost: vn,
-  Construction: xn,
-  InboxEmpty: gn,
-  NoSearchResults: hn,
-  NotFound: pn,
-  ServerError: bn
-}, Symbol.toStringTag, { value: "Module" })), Zo = Pe.Root, Nn = m(function({ className: t, ...r }, n) {
-  return /* @__PURE__ */ e(Pe.Item, { ref: n, className: l("border-b border-border", t), ...r });
+  ConnectionLost: dr,
+  Construction: vn,
+  InboxEmpty: sr,
+  NoSearchResults: xn,
+  NotFound: ir,
+  ServerError: lr
+}, Symbol.toStringTag, { value: "Module" })), ns = 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";
 const yn = m(function({ className: t, children: r, ...n }, o) {
-  return /* @__PURE__ */ e(Pe.Header, { className: "flex", children: /* @__PURE__ */ s(
-    Pe.Trigger,
+  return /* @__PURE__ */ e(Te.Header, { className: "flex", children: /* @__PURE__ */ s(
+    Te.Trigger,
     {
       ref: o,
       className: l(
@@ -261,7 +261,7 @@ const yn = m(function({ className: t, children: r, ...n }, o) {
       children: [
         r,
         /* @__PURE__ */ e(
-          We,
+          Be,
           {
             className: "size-4 shrink-0 text-foreground-subtle transition-transform duration-[var(--duration-base)]",
             "aria-hidden": !0
@@ -274,7 +274,7 @@ const yn = m(function({ className: t, children: r, ...n }, o) {
 yn.displayName = "AccordionTrigger";
 const wn = m(function({ className: t, children: r, ...n }, o) {
   return /* @__PURE__ */ e(
-    Pe.Content,
+    Te.Content,
     {
       ref: o,
       className: l(
@@ -303,11 +303,11 @@ const kn = Y(
   }
 ), Cn = {
   default: null,
-  info: /* @__PURE__ */ e(Qe, { className: "size-4 shrink-0 mt-0.5", "aria-hidden": !0 }),
-  success: /* @__PURE__ */ e(Ce, { className: "size-4 shrink-0 mt-0.5", "aria-hidden": !0 }),
-  warning: /* @__PURE__ */ e(we, { className: "size-4 shrink-0 mt-0.5", "aria-hidden": !0 }),
-  danger: /* @__PURE__ */ e(Ae, { className: "size-4 shrink-0 mt-0.5", "aria-hidden": !0 })
-}, rt = m(function({ className: t, variant: r = "default", title: n, dismissible: o, onDismiss: i, icon: d, children: u, ...f }, c) {
+  info: /* @__PURE__ */ e(Ue, { className: "size-4 shrink-0 mt-0.5", "aria-hidden": !0 }),
+  success: /* @__PURE__ */ e(Ne, { className: "size-4 shrink-0 mt-0.5", "aria-hidden": !0 }),
+  warning: /* @__PURE__ */ e(Re, { className: "size-4 shrink-0 mt-0.5", "aria-hidden": !0 }),
+  danger: /* @__PURE__ */ e(Ye, { className: "size-4 shrink-0 mt-0.5", "aria-hidden": !0 })
+}, Ze = m(function({ className: t, variant: r = "default", title: n, dismissible: o, onDismiss: i, icon: d, children: u, ...f }, c) {
   const [h, b] = w(!0);
   if (!h) return null;
   const g = () => {
@@ -335,7 +335,7 @@ const kn = Y(
     )
   ] });
 });
-rt.displayName = "Alert";
+Ze.displayName = "Alert";
 const cr = {
   xs: "size-5 text-[10px]",
   sm: "size-6 text-xs",
@@ -350,11 +350,11 @@ const cr = {
   busy: "bg-danger",
   away: "bg-warning",
   offline: "bg-foreground-subtle"
-}, ee = m(
+}, Z = m(
   function({ className: t, size: r, src: n, alt: o, fallback: i, status: d, ...u }, f) {
     return /* @__PURE__ */ s("span", { className: Sn({ size: r }), children: [
       /* @__PURE__ */ s(
-        lt.Root,
+        ot.Root,
         {
           ref: f,
           className: l(
@@ -364,7 +364,7 @@ const cr = {
           ...u,
           children: [
             n && /* @__PURE__ */ e(
-              lt.Image,
+              ot.Image,
               {
                 src: n,
                 alt: o ?? "",
@@ -372,7 +372,7 @@ const cr = {
               }
             ),
             /* @__PURE__ */ e(
-              lt.Fallback,
+              ot.Fallback,
               {
                 delayMs: n ? 200 : 0,
                 className: "flex size-full items-center justify-center bg-background-muted font-medium uppercase",
@@ -395,7 +395,7 @@ const cr = {
     ] });
   }
 );
-ee.displayName = "Avatar";
+Z.displayName = "Avatar";
 const Tn = m(function({ max: t = 4, size: r = "md", className: n, children: o, ...i }, d) {
   const u = Array.isArray(o) ? o : [o], f = u.slice(0, t), c = u.length - f.length;
   return /* @__PURE__ */ s("div", { ref: d, className: l("flex items-center -space-x-2", n), ...i, children: [
@@ -463,7 +463,7 @@ const In = Y(
   warning: "bg-warning",
   danger: "bg-danger",
   info: "bg-info"
-}, U = m(function({ className: t, variant: r, tone: n = "neutral", dot: o, children: i, ...d }, u) {
+}, W = m(function({ className: t, variant: r, tone: n = "neutral", dot: o, children: i, ...d }, u) {
   return /* @__PURE__ */ s("span", { ref: u, className: l(In({ variant: r, tone: n }), t), ...d, children: [
     o && /* @__PURE__ */ e(
       "span",
@@ -475,15 +475,15 @@ const In = Y(
     i
   ] });
 });
-U.displayName = "Badge";
+W.displayName = "Badge";
 const ur = m(function({ items: t, maxItems: r = 4, renderLink: n, className: o, ...i }, d) {
   const f = t.length > r ? [t[0], { collapsed: !0 }, ...t.slice(-2)] : t;
   return /* @__PURE__ */ e("nav", { ref: d, "aria-label": "Breadcrumb", className: l("text-sm", o), ...i, children: /* @__PURE__ */ e("ol", { className: "flex flex-wrap items-center gap-1.5 text-foreground-subtle", children: f.map((c, h) => {
     const b = h === f.length - 1;
     if ("collapsed" in c)
       return /* @__PURE__ */ s("li", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ e(or, { className: "size-4", "aria-hidden": !0 }),
-        /* @__PURE__ */ e(ie, { className: "size-3.5", "aria-hidden": !0 })
+        /* @__PURE__ */ e(tr, { className: "size-4", "aria-hidden": !0 }),
+        /* @__PURE__ */ e(se, { className: "size-3.5", "aria-hidden": !0 })
       ] }, `ellipsis-${h}`);
     const g = c, p = b ? /* @__PURE__ */ e("span", { "aria-current": "page", className: "font-medium text-foreground", children: g.label }) : g.href ? n ? n(g.href, g.label) : /* @__PURE__ */ e(
       "a",
@@ -495,7 +495,7 @@ const ur = m(function({ items: t, maxItems: r = 4, renderLink: n, className: o,
     ) : /* @__PURE__ */ e("span", { children: g.label });
     return /* @__PURE__ */ s("li", { className: "flex items-center gap-1.5", children: [
       p,
-      !b && /* @__PURE__ */ e(ie, { className: "size-3.5", "aria-hidden": !0 })
+      !b && /* @__PURE__ */ e(se, { className: "size-3.5", "aria-hidden": !0 })
     ] }, h);
   }) }) });
 });
@@ -578,7 +578,7 @@ const Dn = Y(
 }, g) {
   const p = f || i, x = l(Dn({ variant: r, size: n }), t);
   return o ? /* @__PURE__ */ e(
-    dr,
+    or,
     {
       ref: g,
       "aria-busy": i || void 0,
@@ -598,7 +598,7 @@ const Dn = Y(
       className: x,
       ...b,
       children: [
-        i ? /* @__PURE__ */ e(Xe, { className: "animate-spin", "aria-hidden": "true" }) : d,
+        i ? /* @__PURE__ */ e(We, { className: "animate-spin", "aria-hidden": "true" }) : d,
         c,
         !i && u
       ]
@@ -659,7 +659,7 @@ const Q = m(
   }
 );
 Q.displayName = "CardTitle";
-const se = m(function({ className: t, ...r }, n) {
+const oe = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
     "p",
     {
@@ -669,13 +669,13 @@ const se = m(function({ className: t, ...r }, n) {
     }
   );
 });
-se.displayName = "CardDescription";
-const W = m(
+oe.displayName = "CardDescription";
+const U = m(
   function({ className: t, ...r }, n) {
     return /* @__PURE__ */ e("div", { ref: n, className: l("text-sm text-foreground", t), ...r });
   }
 );
-W.displayName = "CardContent";
+U.displayName = "CardContent";
 const _n = m(
   function({ className: t, ...r }, n) {
     return /* @__PURE__ */ e(
@@ -689,13 +689,13 @@ const _n = m(
   }
 );
 _n.displayName = "CardFooter";
-const Re = m(
+const Le = m(
   function({ className: t, label: r, description: n, error: o, hideLabel: i, id: d, disabled: u, ...f }, c) {
-    const h = ne(), b = d ?? h, g = n ? `${b}-desc` : void 0, p = o ? `${b}-error` : void 0;
+    const h = re(), b = d ?? h, g = n ? `${b}-desc` : void 0, p = o ? `${b}-error` : void 0;
     return /* @__PURE__ */ s("div", { className: l("flex flex-col gap-1", t), children: [
       /* @__PURE__ */ s("div", { className: "flex items-start gap-2.5", children: [
         /* @__PURE__ */ e(
-          Dt.Root,
+          Tt.Root,
           {
             ref: c,
             id: b,
@@ -712,7 +712,7 @@ const Re = m(
               o ? "border-danger" : "border-border-strong"
             ),
             ...f,
-            children: /* @__PURE__ */ e(Dt.Indicator, { className: "flex items-center justify-center", children: f.checked === "indeterminate" ? /* @__PURE__ */ e(ar, { className: "size-3", "aria-hidden": !0, strokeWidth: 3 }) : /* @__PURE__ */ e(le, { className: "size-3", "aria-hidden": !0, strokeWidth: 3 }) })
+            children: /* @__PURE__ */ e(Tt.Indicator, { className: "flex items-center justify-center", children: f.checked === "indeterminate" ? /* @__PURE__ */ e(er, { className: "size-3", "aria-hidden": !0, strokeWidth: 3 }) : /* @__PURE__ */ e(ie, { className: "size-3", "aria-hidden": !0, strokeWidth: 3 }) })
           }
         ),
         r && /* @__PURE__ */ s("div", { className: l("flex flex-col gap-0.5", i && "sr-only"), children: [
@@ -734,7 +734,7 @@ const Re = m(
     ] });
   }
 );
-Re.displayName = "Checkbox";
+Le.displayName = "Checkbox";
 const An = m(function({
   value: t,
   onChange: r,
@@ -751,27 +751,27 @@ const An = m(function({
   size: p = "md",
   className: x
 }, N) {
-  const v = ne(), T = `${v}-helper`, F = `${v}-error`, [M, z] = w(!1), [y, k] = w(""), [B, K] = w([]), [q, de] = w(!1), _ = o ? B : n ?? [];
-  ke(() => {
+  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 ?? [];
+  ve(() => {
     if (!o || !M) return;
-    let L = !1;
-    return de(!0), o(y).then((S) => {
-      L || K(S);
+    let E = !1;
+    return le(!0), o(y).then((S) => {
+      E || K(S);
     }).finally(() => {
-      L || de(!1);
+      E || le(!1);
     }), () => {
-      L = !0;
+      E = !0;
     };
   }, [y, M, o]);
-  const G = ye(
-    () => _.find((L) => L.value === t) ?? null,
+  const G = xe(
+    () => _.find((E) => E.value === t) ?? null,
     [_, t]
-  ), ae = p === "sm" ? "h-8" : p === "lg" ? "h-10" : "h-9", C = p === "sm" ? "px-2.5" : p === "lg" ? "px-3.5" : "px-3", oe = te(
-    (L) => {
-      L.stopPropagation(), r(null);
+  ), 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);
     },
     [r]
-  ), ze = !!u;
+  ), we = !!u;
   return /* @__PURE__ */ s("div", { ref: N, className: l("flex flex-col gap-1.5", x), children: [
     i && /* @__PURE__ */ e("label", { htmlFor: v, className: "text-sm font-medium text-foreground", children: i }),
     /* @__PURE__ */ s(A.Root, { open: M, onOpenChange: z, children: [
@@ -782,17 +782,17 @@ const An = m(function({
           type: "button",
           role: "combobox",
           "aria-expanded": M,
-          "aria-invalid": ze || void 0,
-          "aria-describedby": ze ? F : d ? T : void 0,
+          "aria-invalid": we || void 0,
+          "aria-describedby": we ? F : d ? T : void 0,
           disabled: g,
           className: l(
             "inline-flex w-full items-center justify-between gap-2 rounded-md border bg-card text-sm text-foreground",
             "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out)]",
             "outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background",
             "disabled:opacity-50 disabled:cursor-not-allowed",
-            ae,
+            ne,
             C,
-            ze ? "border-danger focus-visible:border-danger focus-visible:ring-danger" : "border-border focus-visible:border-accent focus-visible:ring-ring"
+            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 }),
@@ -802,13 +802,13 @@ const An = m(function({
                 {
                   role: "button",
                   tabIndex: -1,
-                  onClick: oe,
+                  onClick: ae,
                   "aria-label": "Clear selection",
                   className: "text-foreground-subtle hover:text-foreground",
                   children: /* @__PURE__ */ e(X, { className: "size-4", "aria-hidden": !0 })
                 }
               ),
-              /* @__PURE__ */ e(Ke, { className: "size-4 text-foreground-subtle", "aria-hidden": !0 })
+              /* @__PURE__ */ e(Ge, { className: "size-4 text-foreground-subtle", "aria-hidden": !0 })
             ] })
           ]
         }
@@ -835,16 +835,16 @@ const An = m(function({
                   className: "flex h-9 w-full bg-transparent py-2 text-sm outline-none placeholder:text-foreground-subtle"
                 }
               ),
-              q && /* @__PURE__ */ e(Xe, { className: "size-4 animate-spin text-foreground-subtle", "aria-hidden": !0 })
+              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((L) => {
-                const S = L.value === t;
+              _.map((E) => {
+                const S = E.value === t;
                 return /* @__PURE__ */ s(
                   $.Item,
                   {
-                    value: L.value,
-                    disabled: L.disabled,
+                    value: E.value,
+                    disabled: E.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: L.label }),
-                      L.description && /* @__PURE__ */ e("span", { className: "text-xs text-foreground-subtle", children: L.description }),
-                      S && /* @__PURE__ */ e(le, { className: "size-4 text-accent", "aria-hidden": !0 })
+                      /* @__PURE__ */ e("span", { className: "flex-1", children: E.label }),
+                      E.description && /* @__PURE__ */ e("span", { className: "text-xs text-foreground-subtle", children: E.description }),
+                      S && /* @__PURE__ */ e(ie, { className: "size-4 text-accent", "aria-hidden": !0 })
                     ]
                   },
-                  L.value
+                  E.value
                 );
               }),
               !q && _.length === 0 && /* @__PURE__ */ e($.Empty, { className: "px-2 py-6 text-center text-sm text-foreground-subtle", children: h })
@@ -886,9 +886,9 @@ const Fn = m(function({ className: t, ...r }, n) {
   );
 });
 Fn.displayName = "Command";
-const jn = m(function({ className: t, ...r }, n) {
+const Ln = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ s("div", { className: "flex items-center gap-2 border-b border-border px-3", "cmdk-input-wrapper": "", children: [
-    /* @__PURE__ */ e(Ye, { className: "size-4 shrink-0 text-foreground-subtle", "aria-hidden": !0 }),
+    /* @__PURE__ */ e(Ke, { className: "size-4 shrink-0 text-foreground-subtle", "aria-hidden": !0 }),
     /* @__PURE__ */ e(
       $.Input,
       {
@@ -903,8 +903,8 @@ const jn = m(function({ className: t, ...r }, n) {
     )
   ] });
 });
-jn.displayName = "CommandInput";
-const Bn = m(function({ className: t, ...r }, n) {
+Ln.displayName = "CommandInput";
+const jn = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
     $.List,
     {
@@ -914,8 +914,8 @@ const Bn = m(function({ className: t, ...r }, n) {
     }
   );
 });
-Bn.displayName = "CommandList";
-const Ln = m(function(t, r) {
+jn.displayName = "CommandList";
+const En = m(function(t, r) {
   return /* @__PURE__ */ e(
     $.Empty,
     {
@@ -925,7 +925,7 @@ const Ln = m(function(t, r) {
     }
   );
 });
-Ln.displayName = "CommandEmpty";
+En.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 es({ children: a, className: t }) {
+function as({ children: a, className: t }) {
   return /* @__PURE__ */ e(
     "span",
     {
@@ -983,7 +983,7 @@ function es({ children: a, className: t }) {
     }
   );
 }
-function ts({ open: a, onOpenChange: t, children: r, title: n = "Command palette" }) {
+function os({ 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,16 +1014,16 @@ function ts({ open: a, onOpenChange: t, children: r, title: n = "Command palette
     )
   ] }) });
 }
-function rs(a) {
+function ss(a) {
   const [t, r] = w(0);
-  ke(() => {
+  ve(() => {
     const n = (o) => {
       o.key === "k" && (o.metaKey || o.ctrlKey) && (o.preventDefault(), a(!0), r((i) => i + 1));
     };
     return window.addEventListener("keydown", n), () => window.removeEventListener("keydown", n);
   }, [a]);
 }
-const ns = R.Root, as = R.Trigger, os = R.Group, En = R.Portal, ss = R.Sub, is = R.RadioGroup, nt = l(
+const is = R.Root, ls = R.Trigger, ds = R.Group, Bn = R.Portal, cs = R.Sub, us = 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"
@@ -1032,11 +1032,11 @@ const ns = R.Root, as = R.Trigger, os = R.Group, En = R.Portal, ss = R.Sub, is =
     R.SubTrigger,
     {
       ref: o,
-      className: l(nt, "data-[state=open]:bg-background-muted", t),
+      className: l(et, "data-[state=open]:bg-background-muted", t),
       ...n,
       children: [
         r,
-        /* @__PURE__ */ e(ie, { className: "ml-auto size-4 text-foreground-subtle", "aria-hidden": !0 })
+        /* @__PURE__ */ e(se, { className: "ml-auto size-4 text-foreground-subtle", "aria-hidden": !0 })
       ]
     }
   );
@@ -1057,7 +1057,7 @@ const Gn = m(function({ className: t, ...r }, n) {
 });
 Gn.displayName = "ContextMenuSubContent";
 const Hn = m(function({ className: t, ...r }, n) {
-  return /* @__PURE__ */ e(En, { children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(Bn, { children: /* @__PURE__ */ e(
     R.Content,
     {
       ref: n,
@@ -1072,13 +1072,13 @@ const Hn = m(function({ className: t, ...r }, n) {
   ) });
 });
 Hn.displayName = "ContextMenuContent";
-const Wn = m(function({ className: t, destructive: r, ...n }, o) {
+const Un = m(function({ className: t, destructive: r, ...n }, o) {
   return /* @__PURE__ */ e(
     R.Item,
     {
       ref: o,
       className: l(
-        nt,
+        et,
         r && "text-danger-text data-[highlighted]:bg-danger-soft data-[highlighted]:text-danger-text",
         t
       ),
@@ -1086,31 +1086,31 @@ const Wn = m(function({ className: t, destructive: r, ...n }, o) {
     }
   );
 });
-Wn.displayName = "ContextMenuItem";
-const Un = m(function({ className: t, children: r, ...n }, o) {
+Un.displayName = "ContextMenuItem";
+const Wn = m(function({ className: t, children: r, ...n }, o) {
   return /* @__PURE__ */ s(
     R.CheckboxItem,
     {
       ref: o,
-      className: l(nt, "pl-8", t),
+      className: l(et, "pl-8", t),
       ...n,
       children: [
-        /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(R.ItemIndicator, { children: /* @__PURE__ */ e(le, { className: "size-4 text-accent", "aria-hidden": !0 }) }) }),
+        /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(R.ItemIndicator, { children: /* @__PURE__ */ e(ie, { className: "size-4 text-accent", "aria-hidden": !0 }) }) }),
         r
       ]
     }
   );
 });
-Un.displayName = "ContextMenuCheckboxItem";
+Wn.displayName = "ContextMenuCheckboxItem";
 const Kn = m(function({ className: t, children: r, ...n }, o) {
   return /* @__PURE__ */ s(
     R.RadioItem,
     {
       ref: o,
-      className: l(nt, "pl-8", t),
+      className: l(et, "pl-8", t),
       ...n,
       children: [
-        /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(R.ItemIndicator, { children: /* @__PURE__ */ e(ht, { className: "size-2 fill-accent text-accent", "aria-hidden": !0 }) }) }),
+        /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(R.ItemIndicator, { children: /* @__PURE__ */ e(mt, { className: "size-2 fill-accent text-accent", "aria-hidden": !0 }) }) }),
         r
       ]
     }
@@ -1149,21 +1149,21 @@ function Xn({ className: a, ...t }) {
   );
 }
 Xn.displayName = "ContextMenuShortcut";
-const Nt = E.Root, yt = E.Trigger, ls = E.Group, Yn = E.Portal, ds = E.Sub, cs = E.RadioGroup, at = l(
+const bt = B.Root, xt = B.Trigger, ms = B.Group, Yn = B.Portal, fs = B.Sub, gs = 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",
   "transition-colors duration-[var(--duration-fast)]"
 ), Jn = m(function({ className: t, inset: r, children: n, ...o }, i) {
   return /* @__PURE__ */ s(
-    E.SubTrigger,
+    B.SubTrigger,
     {
       ref: i,
-      className: l(at, "data-[state=open]:bg-background-muted", r && "pl-8", t),
+      className: l(tt, "data-[state=open]:bg-background-muted", r && "pl-8", t),
       ...o,
       children: [
         n,
-        /* @__PURE__ */ e(ie, { className: "ml-auto size-4 text-foreground-subtle", "aria-hidden": !0 })
+        /* @__PURE__ */ e(se, { className: "ml-auto size-4 text-foreground-subtle", "aria-hidden": !0 })
       ]
     }
   );
@@ -1171,7 +1171,7 @@ const Nt = E.Root, yt = E.Trigger, ls = E.Group, Yn = E.Portal, ds = E.Sub, cs =
 Jn.displayName = "DropdownMenuSubTrigger";
 const Zn = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
-    E.SubContent,
+    B.SubContent,
     {
       ref: n,
       className: l(
@@ -1186,9 +1186,9 @@ const Zn = m(function({ className: t, ...r }, n) {
   );
 });
 Zn.displayName = "DropdownMenuSubContent";
-const ot = m(function({ className: t, sideOffset: r = 4, align: n = "end", ...o }, i) {
+const rt = m(function({ className: t, sideOffset: r = 4, align: n = "end", ...o }, i) {
   return /* @__PURE__ */ e(Yn, { children: /* @__PURE__ */ e(
-    E.Content,
+    B.Content,
     {
       ref: i,
       sideOffset: r,
@@ -1205,14 +1205,14 @@ const ot = m(function({ className: t, sideOffset: r = 4, align: n = "end", ...o
     }
   ) });
 });
-ot.displayName = "DropdownMenuContent";
-const ve = m(function({ className: t, inset: r, destructive: n, ...o }, i) {
+rt.displayName = "DropdownMenuContent";
+const mr = m(function({ className: t, inset: r, destructive: n, ...o }, i) {
   return /* @__PURE__ */ e(
-    E.Item,
+    B.Item,
     {
       ref: i,
       className: l(
-        at,
+        tt,
         r && "pl-8",
         n && "text-danger-text data-[highlighted]:bg-danger-soft data-[highlighted]:text-danger-text",
         t
@@ -1221,41 +1221,41 @@ const ve = m(function({ className: t, inset: r, destructive: n, ...o }, i) {
     }
   );
 });
-ve.displayName = "DropdownMenuItem";
-const mr = m(function({ className: t, children: r, checked: n, ...o }, i) {
+mr.displayName = "DropdownMenuItem";
+const fr = m(function({ className: t, children: r, checked: n, ...o }, i) {
   return /* @__PURE__ */ s(
-    E.CheckboxItem,
+    B.CheckboxItem,
     {
       ref: i,
       checked: n,
-      className: l(at, "pl-8", t),
+      className: l(tt, "pl-8", t),
       ...o,
       children: [
-        /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(E.ItemIndicator, { children: /* @__PURE__ */ e(le, { className: "size-4 text-accent", "aria-hidden": !0 }) }) }),
+        /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(B.ItemIndicator, { children: /* @__PURE__ */ e(ie, { className: "size-4 text-accent", "aria-hidden": !0 }) }) }),
         r
       ]
     }
   );
 });
-mr.displayName = "DropdownMenuCheckboxItem";
+fr.displayName = "DropdownMenuCheckboxItem";
 const ea = m(function({ className: t, children: r, ...n }, o) {
   return /* @__PURE__ */ s(
-    E.RadioItem,
+    B.RadioItem,
     {
       ref: o,
-      className: l(at, "pl-8", t),
+      className: l(tt, "pl-8", t),
       ...n,
       children: [
-        /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(E.ItemIndicator, { children: /* @__PURE__ */ e(ht, { className: "size-2 fill-accent text-accent", "aria-hidden": !0 }) }) }),
+        /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(B.ItemIndicator, { children: /* @__PURE__ */ e(mt, { className: "size-2 fill-accent text-accent", "aria-hidden": !0 }) }) }),
         r
       ]
     }
   );
 });
 ea.displayName = "DropdownMenuRadioItem";
-const wt = m(function({ className: t, inset: r, ...n }, o) {
+const vt = m(function({ className: t, inset: r, ...n }, o) {
   return /* @__PURE__ */ e(
-    E.Label,
+    B.Label,
     {
       ref: o,
       className: l(
@@ -1267,10 +1267,10 @@ const wt = m(function({ className: t, inset: r, ...n }, o) {
     }
   );
 });
-wt.displayName = "DropdownMenuLabel";
-const Me = m(function({ className: t, ...r }, n) {
+vt.displayName = "DropdownMenuLabel";
+const $e = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
-    E.Separator,
+    B.Separator,
     {
       ref: n,
       className: l("-mx-1 my-1 h-px bg-border", t),
@@ -1278,7 +1278,7 @@ const Me = m(function({ className: t, ...r }, n) {
     }
   );
 });
-Me.displayName = "DropdownMenuSeparator";
+$e.displayName = "DropdownMenuSeparator";
 function ta({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "span",
@@ -1320,7 +1320,7 @@ const ra = Y(
       size: "md"
     }
   }
-), Fe = m(function({ className: t, variant: r, size: n, icon: o, loading: i, disabled: d, type: u = "button", ...f }, c) {
+), Me = m(function({ className: t, variant: r, size: n, icon: o, loading: i, disabled: d, type: u = "button", ...f }, c) {
   return /* @__PURE__ */ e(
     "button",
     {
@@ -1330,11 +1330,11 @@ const ra = Y(
       disabled: d || i,
       className: l(ra({ variant: r, size: n }), t),
       ...f,
-      children: i ? /* @__PURE__ */ e(Xe, { className: "animate-spin", "aria-hidden": "true" }) : o
+      children: i ? /* @__PURE__ */ e(We, { className: "animate-spin", "aria-hidden": "true" }) : o
     }
   );
 });
-Fe.displayName = "IconButton";
+Me.displayName = "IconButton";
 const na = Y(
   [
     "group inline-flex items-center w-full",
@@ -1365,7 +1365,7 @@ const na = Y(
   "placeholder:text-foreground-subtle",
   "text-foreground",
   "disabled:cursor-not-allowed"
-]), j = m(function({
+]), L = m(function({
   className: t,
   type: r = "text",
   size: n,
@@ -1383,7 +1383,7 @@ const na = Y(
   value: N,
   ...v
 }, T) {
-  const F = ne(), M = p ?? F, z = `${M}-helper`, y = `${M}-error`, [k, B] = w(!1), K = r === "password" ? k ? "text" : "password" : r, q = !!u, de = q ? "error" : o, _ = f ?? (r === "search" ? /* @__PURE__ */ e(Ye, { 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, 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;
   return /* @__PURE__ */ s("div", { className: l("flex flex-col gap-1.5", t), children: [
     i && /* @__PURE__ */ e(
       "label",
@@ -1396,7 +1396,7 @@ const na = Y(
         children: i
       }
     ),
-    /* @__PURE__ */ s("div", { className: l(na({ size: n, tone: de })), children: [
+    /* @__PURE__ */ s("div", { className: l(na({ size: n, tone: le })), children: [
       _ && /* @__PURE__ */ e("span", { className: "flex items-center text-foreground-subtle [&_svg]:size-4", children: _ }),
       /* @__PURE__ */ e(
         "input",
@@ -1427,12 +1427,12 @@ const na = Y(
         "button",
         {
           type: "button",
-          onClick: () => B((ae) => !ae),
+          onClick: () => j((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(Qt, { className: "size-4", "aria-hidden": !0 }) : /* @__PURE__ */ e(qt, { className: "size-4", "aria-hidden": !0 })
+          children: k ? /* @__PURE__ */ e(Ut, { className: "size-4", "aria-hidden": !0 }) : /* @__PURE__ */ e(Ht, { className: "size-4", "aria-hidden": !0 })
         }
       ),
       c && /* @__PURE__ */ e("span", { className: "flex items-center text-foreground-subtle [&_svg]:size-4", children: c })
@@ -1440,8 +1440,8 @@ const na = Y(
     u ? /* @__PURE__ */ e("p", { id: y, role: "alert", className: "text-xs text-danger-text", children: u }) : d ? /* @__PURE__ */ e("p", { id: z, className: "text-xs text-foreground-subtle", children: d }) : null
   ] });
 });
-j.displayName = "Input";
-const kt = m(
+L.displayName = "Input";
+const Nt = m(
   function({ className: t, ...r }, n) {
     return /* @__PURE__ */ e("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ e(
       "table",
@@ -1453,8 +1453,8 @@ const kt = m(
     ) });
   }
 );
-kt.displayName = "Table";
-const Ct = m(
+Nt.displayName = "Table";
+const yt = m(
   function({ className: t, ...r }, n) {
     return /* @__PURE__ */ e(
       "thead",
@@ -1470,8 +1470,8 @@ const Ct = m(
     );
   }
 );
-Ct.displayName = "TableHeader";
-const St = m(
+yt.displayName = "TableHeader";
+const wt = m(
   function({ className: t, ...r }, n) {
     return /* @__PURE__ */ e(
       "tbody",
@@ -1483,7 +1483,7 @@ const St = m(
     );
   }
 );
-St.displayName = "TableBody";
+wt.displayName = "TableBody";
 const oa = m(
   function({ className: t, ...r }, n) {
     return /* @__PURE__ */ e(
@@ -1497,7 +1497,7 @@ const oa = m(
   }
 );
 oa.displayName = "TableFooter";
-const ge = m(function({ className: t, selected: r, ...n }, o) {
+const me = m(function({ className: t, selected: r, ...n }, o) {
   return /* @__PURE__ */ e(
     "tr",
     {
@@ -1513,8 +1513,8 @@ const ge = m(function({ className: t, selected: r, ...n }, o) {
     }
   );
 });
-ge.displayName = "TableRow";
-const he = m(function({ className: t, ...r }, n) {
+me.displayName = "TableRow";
+const fe = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
     "th",
     {
@@ -1528,8 +1528,8 @@ const he = m(function({ className: t, ...r }, n) {
     }
   );
 });
-he.displayName = "TableHead";
-const ce = m(function({ className: t, ...r }, n) {
+fe.displayName = "TableHead";
+const de = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
     "td",
     {
@@ -1539,7 +1539,7 @@ const ce = m(function({ className: t, ...r }, n) {
     }
   );
 });
-ce.displayName = "TableCell";
+de.displayName = "TableCell";
 const sa = m(
   function({ className: t, ...r }, n) {
     return /* @__PURE__ */ e(
@@ -1553,12 +1553,12 @@ const sa = m(
   }
 );
 sa.displayName = "TableCaption";
-const fr = m(
+const gr = m(
   function({ sortKey: t, currentSort: r, onSortChange: n, children: o, className: i, ...d }, u) {
     const f = (r == null ? void 0 : r.key) === t, c = f ? r == null ? void 0 : r.direction : void 0, h = () => {
       n(t, f && c === "asc" ? "desc" : "asc");
     };
-    return /* @__PURE__ */ e(he, { ref: u, className: l("p-0", i), "aria-sort": f ? c === "asc" ? "ascending" : "descending" : "none", ...d, children: /* @__PURE__ */ s(
+    return /* @__PURE__ */ e(fe, { ref: u, className: l("p-0", i), "aria-sort": f ? c === "asc" ? "ascending" : "descending" : "none", ...d, children: /* @__PURE__ */ s(
       "button",
       {
         type: "button",
@@ -1572,14 +1572,14 @@ const fr = m(
         ),
         children: [
           o,
-          c === "asc" ? /* @__PURE__ */ e($t, { className: "size-3.5", "aria-hidden": !0 }) : c === "desc" ? /* @__PURE__ */ e(Bt, { className: "size-3.5", "aria-hidden": !0 }) : /* @__PURE__ */ e(Ot, { className: "size-3.5 opacity-40", "aria-hidden": !0 })
+          c === "asc" ? /* @__PURE__ */ e(Ft, { className: "size-3.5", "aria-hidden": !0 }) : c === "desc" ? /* @__PURE__ */ e(_t, { className: "size-3.5", "aria-hidden": !0 }) : /* @__PURE__ */ e(Lt, { className: "size-3.5 opacity-40", "aria-hidden": !0 })
         ]
       }
     ) });
   }
 );
-fr.displayName = "TableSortHeader";
-const gr = m(function({ className: t, variant: r, ...n }, o) {
+gr.displayName = "TableSortHeader";
+const hr = m(function({ className: t, variant: r, ...n }, o) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1598,7 +1598,7 @@ const gr = m(function({ className: t, variant: r, ...n }, o) {
     }
   );
 });
-gr.displayName = "Skeleton";
+hr.displayName = "Skeleton";
 function ia({
   columns: a,
   rows: t,
@@ -1609,8 +1609,8 @@ function ia({
   emptyState: d,
   className: u
 }) {
-  const [f, c] = w({}), h = ye(() => a.filter((g) => !f[g.key]), [a, f]), b = () => r ? Array.from({ length: 5 }).map((g, p) => /* @__PURE__ */ e(ge, { children: h.map((x) => /* @__PURE__ */ e(ce, { children: /* @__PURE__ */ e(gr, { variant: "text", className: "w-3/4" }) }, x.key)) }, `skel-${p}`)) : t.length === 0 ? /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(ce, { colSpan: h.length, className: "h-32 text-center", children: d ?? /* @__PURE__ */ e("span", { className: "text-foreground-subtle", children: "No results." }) }) }) : t.map((g) => /* @__PURE__ */ e(ge, { children: h.map((p) => /* @__PURE__ */ e(
-    ce,
+  const [f, c] = w({}), h = xe(() => a.filter((g) => !f[g.key]), [a, f]), b = () => r ? Array.from({ length: 5 }).map((g, p) => /* @__PURE__ */ e(me, { children: h.map((x) => /* @__PURE__ */ e(de, { children: /* @__PURE__ */ e(hr, { variant: "text", className: "w-3/4" }) }, x.key)) }, `skel-${p}`)) : t.length === 0 ? /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e(de, { colSpan: h.length, className: "h-32 text-center", children: d ?? /* @__PURE__ */ e("span", { className: "text-foreground-subtle", children: "No results." }) }) }) : t.map((g) => /* @__PURE__ */ e(me, { children: h.map((p) => /* @__PURE__ */ e(
+    de,
     {
       className: l(p.align === "right" && "text-right tabular"),
       children: p.cell ? p.cell(g) : g[p.key]
@@ -1620,7 +1620,7 @@ function ia({
   return /* @__PURE__ */ s("div", { className: l("flex flex-col gap-3", u), children: [
     /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-2", children: [
       i ? /* @__PURE__ */ e(
-        j,
+        L,
         {
           type: "search",
           placeholder: i.placeholder ?? "Filter…",
@@ -1633,13 +1633,13 @@ function ia({
           label: "Filter rows"
         }
       ) : /* @__PURE__ */ e("div", {}),
-      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ s(Nt, { children: [
-        /* @__PURE__ */ e(yt, { asChild: !0, children: /* @__PURE__ */ e(Fe, { "aria-label": "Column visibility", icon: /* @__PURE__ */ e(Je, {}), variant: "outline" }) }),
-        /* @__PURE__ */ s(ot, { children: [
-          /* @__PURE__ */ e(wt, { children: "Columns" }),
-          /* @__PURE__ */ e(Me, {}),
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ s(bt, { children: [
+        /* @__PURE__ */ e(xt, { asChild: !0, children: /* @__PURE__ */ e(Me, { "aria-label": "Column visibility", icon: /* @__PURE__ */ e(qe, {}), variant: "outline" }) }),
+        /* @__PURE__ */ s(rt, { children: [
+          /* @__PURE__ */ e(vt, { children: "Columns" }),
+          /* @__PURE__ */ e($e, {}),
           a.map((g) => /* @__PURE__ */ e(
-            mr,
+            fr,
             {
               checked: !f[g.key],
               onCheckedChange: (p) => c((x) => ({ ...x, [g.key]: !p })),
@@ -1650,11 +1650,11 @@ function ia({
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ e("div", { className: "rounded-lg border border-border overflow-hidden", children: /* @__PURE__ */ s(kt, { children: [
+    /* @__PURE__ */ e("div", { className: "rounded-lg border border-border overflow-hidden", children: /* @__PURE__ */ s(Nt, { children: [
       /* @__PURE__ */ e("colgroup", { children: h.map((g) => /* @__PURE__ */ e("col", { style: g.width ? { width: g.width } : void 0 }, g.key)) }),
-      /* @__PURE__ */ e(Ct, { children: /* @__PURE__ */ e(ge, { children: h.map(
+      /* @__PURE__ */ e(yt, { children: /* @__PURE__ */ e(me, { children: h.map(
         (g) => g.sortable && o ? /* @__PURE__ */ e(
-          fr,
+          gr,
           {
             sortKey: g.key,
             currentSort: n ?? null,
@@ -1662,15 +1662,15 @@ function ia({
             children: g.header
           },
           g.key
-        ) : /* @__PURE__ */ e(he, { className: l(g.align === "right" && "text-right"), children: g.header }, g.key)
+        ) : /* @__PURE__ */ e(fe, { className: l(g.align === "right" && "text-right"), children: g.header }, g.key)
       ) }) }),
-      /* @__PURE__ */ e(St, { children: b() })
+      /* @__PURE__ */ e(wt, { children: b() })
     ] }) })
   ] });
 }
-const hr = m(function({ className: t, classNames: r, ...n }, o) {
+const pr = m(function({ className: t, classNames: r, ...n }, o) {
   return /* @__PURE__ */ e(
-    on,
+    cn,
     {
       showOutsideDays: !0,
       className: l("p-3", t),
@@ -1699,16 +1699,16 @@ const hr = m(function({ className: t, classNames: r, ...n }, o) {
         ...r
       },
       components: {
-        Chevron: ({ orientation: i }) => i === "left" ? /* @__PURE__ */ e(Ue, { className: "size-4" }) : /* @__PURE__ */ e(ie, { className: "size-4" })
+        Chevron: ({ orientation: i }) => i === "left" ? /* @__PURE__ */ e(Ve, { className: "size-4" }) : /* @__PURE__ */ e(se, { className: "size-4" })
       },
       ...n
     }
   );
 });
-function Ee(a) {
+function je(a) {
   return a ? a.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" }) : "";
 }
-function pr({
+function br({
   label: a,
   placeholder: t,
   hasValue: r,
@@ -1735,7 +1735,7 @@ function pr({
           !r && "text-foreground-subtle"
         ),
         children: [
-          /* @__PURE__ */ e(Vt, { className: "size-4 text-foreground-subtle", "aria-hidden": !0 }),
+          /* @__PURE__ */ e($t, { className: "size-4 text-foreground-subtle", "aria-hidden": !0 }),
           /* @__PURE__ */ e("span", { className: "truncate", children: r ? n : t })
         ]
       }
@@ -1744,10 +1744,10 @@ function pr({
   ] });
 }
 const la = m(function({ value: t, onChange: r, label: n, placeholder: o = "Pick a date", error: i, disabled: d, fromDate: u, toDate: f, className: c }, h) {
-  const b = ne(), [g, p] = w(!1);
+  const b = re(), [g, p] = w(!1);
   return /* @__PURE__ */ e("div", { ref: h, className: l(c), children: /* @__PURE__ */ s(A.Root, { open: g, onOpenChange: p, children: [
     /* @__PURE__ */ e(
-      pr,
+      br,
       {
         label: n,
         placeholder: o,
@@ -1755,7 +1755,7 @@ const la = m(function({ value: t, onChange: r, label: n, placeholder: o = "Pick
         error: i,
         fieldId: b,
         disabled: d,
-        children: Ee(t)
+        children: je(t)
       }
     ),
     /* @__PURE__ */ e(A.Portal, { children: /* @__PURE__ */ e(
@@ -1765,7 +1765,7 @@ const la = m(function({ value: t, onChange: r, label: n, placeholder: o = "Pick
         sideOffset: 4,
         className: "z-[var(--z-popover)] rounded-lg border border-border bg-popover text-popover-foreground shadow-md",
         children: /* @__PURE__ */ e(
-          hr,
+          pr,
           {
             mode: "single",
             selected: t,
@@ -1782,10 +1782,10 @@ const la = m(function({ value: t, onChange: r, label: n, placeholder: o = "Pick
 });
 la.displayName = "DatePicker";
 const da = m(function({ value: t, onChange: r, label: n, placeholder: o = "Pick a range", error: i, disabled: d, fromDate: u, toDate: f, className: c }, h) {
-  const b = ne(), [g, p] = w(!1), x = !!(t != null && t.from);
+  const b = re(), [g, p] = w(!1), x = !!(t != null && t.from);
   return /* @__PURE__ */ e("div", { ref: h, className: l(c), children: /* @__PURE__ */ s(A.Root, { open: g, onOpenChange: p, children: [
     /* @__PURE__ */ e(
-      pr,
+      br,
       {
         label: n,
         placeholder: o,
@@ -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 ? `${Ee(t.from)} – ${Ee(t.to)}` : t != null && t.from ? Ee(t.from) : ""
+        children: t != null && t.from && t.to ? `${je(t.from)} – ${je(t.to)}` : t != null && t.from ? je(t.from) : ""
       }
     ),
     /* @__PURE__ */ e(A.Portal, { children: /* @__PURE__ */ e(
@@ -1803,7 +1803,7 @@ const da = m(function({ value: t, onChange: r, label: n, placeholder: o = "Pick
         sideOffset: 4,
         className: "z-[var(--z-popover)] rounded-lg border border-border bg-popover text-popover-foreground shadow-md",
         children: /* @__PURE__ */ e(
-          hr,
+          pr,
           {
             mode: "range",
             selected: t,
@@ -1818,7 +1818,7 @@ const da = m(function({ value: t, onChange: r, label: n, placeholder: o = "Pick
   ] }) });
 });
 da.displayName = "DateRangePicker";
-function us({
+function hs({
   tokens: a,
   className: t,
   children: r,
@@ -1833,7 +1833,7 @@ function us({
     }
   return /* @__PURE__ */ e("div", { "data-brand-scope": !0, className: l("contents", t), style: i, ...o, children: r });
 }
-const ms = {
+const ps = {
   default: {},
   /** Cool indigo accent, slightly rounder corners. */
   edgelog: {
@@ -1860,7 +1860,7 @@ const ms = {
     "color-accent-800": "oklch(0.39 0.12 155)",
     "color-accent-soft": "oklch(0.95 0.04 155)"
   }
-}, ca = D.Root, fs = D.Trigger, ua = D.Portal, ma = D.Close, br = m(function({ className: t, ...r }, n) {
+}, ca = D.Root, bs = D.Trigger, ua = D.Portal, ma = D.Close, xr = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
     D.Overlay,
     {
@@ -1875,10 +1875,10 @@ const ms = {
     }
   );
 });
-br.displayName = "DialogOverlay";
-const xr = m(function({ className: t, children: r, showClose: n = !0, size: o = "md", ...i }, d) {
+xr.displayName = "DialogOverlay";
+const vr = m(function({ className: t, children: r, showClose: n = !0, size: o = "md", ...i }, d) {
   return /* @__PURE__ */ s(ua, { children: [
-    /* @__PURE__ */ e(br, {}),
+    /* @__PURE__ */ e(xr, {}),
     /* @__PURE__ */ s(
       D.Content,
       {
@@ -1916,12 +1916,12 @@ const xr = m(function({ className: t, children: r, showClose: n = !0, size: o =
     )
   ] });
 });
-xr.displayName = "DialogContent";
-function vr({ className: a, ...t }) {
+vr.displayName = "DialogContent";
+function Nr({ className: a, ...t }) {
   return /* @__PURE__ */ e("div", { className: l("flex flex-col gap-1 pb-4", a), ...t });
 }
-vr.displayName = "DialogHeader";
-function Nr({ className: a, ...t }) {
+Nr.displayName = "DialogHeader";
+function yr({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1930,8 +1930,8 @@ function Nr({ className: a, ...t }) {
     }
   );
 }
-Nr.displayName = "DialogFooter";
-const yr = m(function({ className: t, ...r }, n) {
+yr.displayName = "DialogFooter";
+const wr = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
     D.Title,
     {
@@ -1941,8 +1941,8 @@ const yr = m(function({ className: t, ...r }, n) {
     }
   );
 });
-yr.displayName = "DialogTitle";
-const wr = m(function({ className: t, ...r }, n) {
+wr.displayName = "DialogTitle";
+const kr = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
     D.Description,
     {
@@ -1952,7 +1952,7 @@ const wr = m(function({ className: t, ...r }, n) {
     }
   );
 });
-wr.displayName = "DialogDescription";
+kr.displayName = "DialogDescription";
 function fa({
   open: a,
   onOpenChange: t,
@@ -1964,86 +1964,86 @@ function fa({
   onConfirm: u,
   loading: f
 }) {
-  return /* @__PURE__ */ e(ca, { open: a, onOpenChange: t, children: /* @__PURE__ */ s(xr, { size: "sm", children: [
-    /* @__PURE__ */ s(vr, { children: [
-      /* @__PURE__ */ e(yr, { children: r }),
-      n && /* @__PURE__ */ e(wr, { children: n })
-    ] }),
+  return /* @__PURE__ */ e(ca, { open: a, onOpenChange: t, children: /* @__PURE__ */ s(vr, { size: "sm", children: [
     /* @__PURE__ */ s(Nr, { children: [
+      /* @__PURE__ */ e(wr, { children: r }),
+      n && /* @__PURE__ */ e(kr, { children: n })
+    ] }),
+    /* @__PURE__ */ s(yr, { children: [
       /* @__PURE__ */ e(ma, { asChild: !0, children: /* @__PURE__ */ e(I, { variant: "outline", children: i }) }),
       /* @__PURE__ */ e(I, { variant: d, loading: f, onClick: u, children: o })
     ] })
   ] }) });
 }
 fa.displayName = "ConfirmationDialog";
-const zt = m(function({ icon: t, title: r, description: n, action: o, secondaryAction: i, className: d, ...u }, f) {
+const kt = m(function({ icon: t, illustration: r, title: n, description: o, action: i, secondaryAction: d, className: u, ...f }, c) {
   return /* @__PURE__ */ s(
     "div",
     {
-      ref: f,
+      ref: c,
       className: l(
         "flex flex-col items-center justify-center gap-3 rounded-lg border border-dashed border-border bg-background-subtle p-10 text-center",
-        d
+        u
       ),
-      ...u,
+      ...f,
       children: [
-        t && /* @__PURE__ */ e("div", { className: "inline-flex size-12 items-center justify-center rounded-full bg-background-muted text-foreground-muted [&_svg]:size-6", children: t }),
-        /* @__PURE__ */ e("h3", { className: "text-base font-semibold text-foreground leading-tight", children: r }),
-        n && /* @__PURE__ */ e("p", { className: "max-w-md text-sm text-foreground-muted leading-relaxed", children: n }),
-        (o || i) && /* @__PURE__ */ s("div", { className: "mt-2 flex items-center gap-2", children: [
-          o,
-          i
+        r || (t ? /* @__PURE__ */ e("div", { className: "inline-flex size-12 items-center justify-center rounded-full bg-background-muted text-foreground-muted [&_svg]:size-6", children: t }) : /* @__PURE__ */ e(sr, { className: "size-24" })),
+        /* @__PURE__ */ e("h3", { className: "text-base font-semibold text-foreground leading-tight", children: n }),
+        o && /* @__PURE__ */ e("p", { className: "max-w-md text-sm text-foreground-muted leading-relaxed", children: o }),
+        (i || d) && /* @__PURE__ */ s("div", { className: "mt-2 flex items-center gap-2", children: [
+          i,
+          d
         ] })
       ]
     }
   );
 });
-zt.displayName = "EmptyState";
+kt.displayName = "EmptyState";
 const ga = {
   404: {
-    icon: /* @__PURE__ */ e(we, {}),
+    illustration: /* @__PURE__ */ e(ir, { className: "size-32" }),
     title: "Page not found",
     description: "We couldn't find what you were looking for."
   },
   500: {
-    icon: /* @__PURE__ */ e(Ae, {}),
+    illustration: /* @__PURE__ */ e(lr, { className: "size-32" }),
     title: "Something went wrong",
     description: "We're looking into it. Please try again in a moment."
   },
   generic: {
-    icon: /* @__PURE__ */ e(we, {}),
+    illustration: /* @__PURE__ */ e(dr, { className: "size-32" }),
     title: "Unexpected error",
     description: "Something interrupted this action."
   }
-}, ha = m(function({ variant: t = "generic", title: r, description: n, action: o, onRetry: i, className: d, ...u }, f) {
-  const c = ga[t];
+}, ha = m(function({ variant: t = "generic", title: r, description: n, illustration: o, action: i, onRetry: d, className: u, ...f }, c) {
+  const h = ga[t];
   return /* @__PURE__ */ s(
     "div",
     {
-      ref: f,
+      ref: c,
       role: "alert",
       className: l(
         "flex flex-col items-center justify-center gap-3 rounded-lg border border-border bg-background-subtle p-10 text-center",
-        d
+        u
       ),
-      ...u,
+      ...f,
       children: [
-        /* @__PURE__ */ e("div", { className: "inline-flex size-12 items-center justify-center rounded-full bg-danger-soft text-danger-text [&_svg]:size-6", children: c.icon }),
-        /* @__PURE__ */ e("h3", { className: "text-base font-semibold text-foreground leading-tight", children: r ?? c.title }),
-        /* @__PURE__ */ e("p", { className: "max-w-md text-sm text-foreground-muted leading-relaxed", children: n ?? c.description }),
-        (o || i) && /* @__PURE__ */ e("div", { className: "mt-2 flex items-center gap-2", children: o ?? /* @__PURE__ */ e(I, { onClick: i, variant: "outline", children: "Try again" }) })
+        o ?? h.illustration,
+        /* @__PURE__ */ e("h3", { className: "text-base font-semibold text-foreground leading-tight", children: r ?? h.title }),
+        /* @__PURE__ */ e("p", { className: "max-w-md text-sm text-foreground-muted leading-relaxed", children: n ?? h.description }),
+        (i || d) && /* @__PURE__ */ e("div", { className: "mt-2 flex items-center gap-2", children: i ?? /* @__PURE__ */ e(I, { onClick: d, variant: "outline", children: "Try again" }) })
       ]
     }
   );
 });
 ha.displayName = "ErrorState";
-const gs = ln, kr = He(null);
-function hs(a) {
-  return /* @__PURE__ */ e(kr.Provider, { value: { name: a.name }, children: /* @__PURE__ */ e(dn, { ...a }) });
+const xs = mn, Cr = Oe(null);
+function vs(a) {
+  return /* @__PURE__ */ e(Cr.Provider, { value: { name: a.name }, children: /* @__PURE__ */ e(fn, { ...a }) });
 }
-const Cr = He(null);
-function st() {
-  const a = pe(kr), t = pe(Cr), { getFieldState: r, formState: n } = cn();
+const Sr = Oe(null);
+function nt() {
+  const a = ge(Cr), t = ge(Sr), { getFieldState: r, formState: n } = gn();
   if (!a)
     throw new Error("useFormField must be used inside <FormField>");
   const o = r(a.name, n), i = (t == null ? void 0 : t.id) ?? "";
@@ -2058,15 +2058,15 @@ function st() {
 }
 const pa = m(
   function({ className: t, ...r }, n) {
-    const o = ne();
-    return /* @__PURE__ */ e(Cr.Provider, { value: { id: o }, children: /* @__PURE__ */ e("div", { ref: n, className: l("flex flex-col gap-1.5", t), ...r }) });
+    const o = re();
+    return /* @__PURE__ */ e(Sr.Provider, { value: { id: o }, children: /* @__PURE__ */ e("div", { ref: n, className: l("flex flex-col gap-1.5", t), ...r }) });
   }
 );
 pa.displayName = "FormItem";
 const ba = m(function({ className: t, ...r }, n) {
-  const { formItemId: o, error: i } = st();
+  const { formItemId: o, error: i } = nt();
   return /* @__PURE__ */ e(
-    sn.Root,
+    un.Root,
     {
       ref: n,
       htmlFor: o,
@@ -2082,9 +2082,9 @@ const ba = m(function({ className: t, ...r }, n) {
 ba.displayName = "FormLabel";
 const xa = m(
   function(t, r) {
-    const { error: n, formItemId: o, formDescriptionId: i, formMessageId: d } = st();
+    const { error: n, formItemId: o, formDescriptionId: i, formMessageId: d } = nt();
     return /* @__PURE__ */ e(
-      dr,
+      or,
       {
         ref: r,
         id: o,
@@ -2098,7 +2098,7 @@ const xa = m(
 xa.displayName = "FormControl";
 const va = m(
   function({ className: t, ...r }, n) {
-    const { formDescriptionId: o } = st();
+    const { formDescriptionId: o } = nt();
     return /* @__PURE__ */ e(
       "p",
       {
@@ -2113,7 +2113,7 @@ const va = m(
 va.displayName = "FormDescription";
 const Na = m(
   function({ className: t, children: r, ...n }, o) {
-    const { error: i, formMessageId: d } = st(), u = i ? String((i == null ? void 0 : i.message) ?? "") : r;
+    const { error: i, formMessageId: d } = nt(), u = i ? String((i == null ? void 0 : i.message) ?? "") : r;
     return u ? /* @__PURE__ */ e(
       "p",
       {
@@ -2128,7 +2128,7 @@ const Na = m(
   }
 );
 Na.displayName = "FormError";
-const Sr = m(function({ size: t = "sm", className: r, ...n }, o) {
+const zr = m(function({ size: t = "sm", className: r, ...n }, o) {
   return /* @__PURE__ */ e(
     "kbd",
     {
@@ -2143,7 +2143,7 @@ const Sr = m(function({ size: t = "sm", className: r, ...n }, o) {
     }
   );
 });
-Sr.displayName = "Kbd";
+zr.displayName = "Kbd";
 const ya = m(function({
   options: t,
   value: r,
@@ -2158,17 +2158,17 @@ const ya = m(function({
   disabled: b,
   className: g
 }, p) {
-  const x = ne(), N = x, v = `${x}-helper`, T = `${x}-error`, [F, M] = w(!1), [z, y] = w(""), k = ut(null), B = ye(
+  const x = re(), N = x, v = `${x}-helper`, T = `${x}-error`, [F, M] = w(!1), [z, y] = w(""), k = lt(null), j = xe(
     () => t.filter((C) => r.includes(C.value)),
     [t, r]
-  ), K = te(
+  ), K = ee(
     (C) => {
-      r.includes(C) ? n(r.filter((oe) => oe !== C)) : n([...r, C]);
+      r.includes(C) ? n(r.filter((ae) => ae !== C)) : n([...r, C]);
     },
     [r, n]
-  ), q = te(() => n([]), [n]), de = (C) => {
+  ), q = ee(() => n([]), [n]), le = (C) => {
     C.key === "Backspace" && z === "" && r.length > 0 && n(r.slice(0, -1));
-  }, _ = B.slice(0, c), G = B.length - _.length, ae = !!d;
+  }, _ = j.slice(0, c), G = j.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: [
@@ -2181,15 +2181,15 @@ const ya = m(function({
           "aria-haspopup": "listbox",
           id: N,
           tabIndex: b ? -1 : 0,
-          onKeyDown: de,
+          onKeyDown: le,
           "aria-disabled": b || void 0,
-          "aria-invalid": ae || void 0,
-          "aria-describedby": ae ? T : i ? v : void 0,
+          "aria-invalid": ne || void 0,
+          "aria-describedby": ne ? T : i ? v : void 0,
           className: l(
             "flex h-9 w-full cursor-text items-center gap-1.5 overflow-hidden rounded-md border bg-card px-2 py-1 text-sm",
             "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out)]",
             "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background",
-            ae ? "border-danger focus-visible:border-danger focus-visible:ring-danger" : "border-border focus-visible:border-accent focus-visible:ring-ring",
+            ne ? "border-danger focus-visible:border-danger focus-visible:ring-danger" : "border-border focus-visible:border-accent focus-visible:ring-ring",
             b && "opacity-50 pointer-events-none"
           ),
           onClick: () => {
@@ -2210,8 +2210,8 @@ const ya = m(function({
                       type: "button",
                       "aria-label": `Remove ${C.label}`,
                       className: "inline-flex items-center text-on-accent-soft hover:text-foreground",
-                      onClick: (oe) => {
-                        oe.stopPropagation(), K(C.value);
+                      onClick: (ae) => {
+                        ae.stopPropagation(), K(C.value);
                       },
                       children: /* @__PURE__ */ e(X, { className: "size-3", "aria-hidden": !0 })
                     }
@@ -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: (B.length === 0, ""),
+                placeholder: (j.length === 0, ""),
                 disabled: b
               }
             ),
             /* @__PURE__ */ s("span", { className: "ml-auto flex items-center gap-1", children: [
-              h && B.length > 0 && /* @__PURE__ */ e(
+              h && j.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(Ke, { className: "size-4 text-foreground-subtle", "aria-hidden": !0 })
+              /* @__PURE__ */ e(Ge, { className: "size-4 text-foreground-subtle", "aria-hidden": !0 })
             ] })
           ]
         }
@@ -2273,7 +2273,7 @@ const ya = m(function({
               className: "max-h-64 overflow-y-auto p-1",
               children: [
                 t.filter((C) => C.label.toLowerCase().includes(z.toLowerCase())).map((C) => {
-                  const oe = r.includes(C.value);
+                  const ae = r.includes(C.value);
                   return /* @__PURE__ */ s(
                     $.Item,
                     {
@@ -2292,9 +2292,9 @@ const ya = m(function({
                             "aria-hidden": !0,
                             className: l(
                               "flex size-4 items-center justify-center rounded-sm border",
-                              oe ? "border-accent bg-accent text-on-accent" : "border-border"
+                              ae ? "border-accent bg-accent text-on-accent" : "border-border"
                             ),
-                            children: oe && /* @__PURE__ */ e(le, { className: "size-3", "aria-hidden": !0 })
+                            children: ae && /* @__PURE__ */ e(ie, { className: "size-3", "aria-hidden": !0 })
                           }
                         ),
                         /* @__PURE__ */ e("span", { className: "flex-1", children: C.label }),
@@ -2315,7 +2315,7 @@ const ya = m(function({
   ] });
 });
 ya.displayName = "MultiSelect";
-const zr = O.Root, ps = O.Value, Tt = m(function({ className: t, placeholder: r, size: n = "md", tone: o = "default", ...i }, d) {
+const Tr = O.Root, Ns = O.Value, Ct = m(function({ className: t, placeholder: r, size: n = "md", tone: o = "default", ...i }, d) {
   return /* @__PURE__ */ s(
     O.Trigger,
     {
@@ -2336,21 +2336,21 @@ const zr = O.Root, ps = O.Value, Tt = m(function({ className: t, placeholder: r,
       ...i,
       children: [
         /* @__PURE__ */ e(O.Value, { placeholder: r }),
-        /* @__PURE__ */ e(O.Icon, { asChild: !0, children: /* @__PURE__ */ e(Ke, { className: "size-4 text-foreground-subtle shrink-0", "aria-hidden": !0 }) })
+        /* @__PURE__ */ e(O.Icon, { asChild: !0, children: /* @__PURE__ */ e(Ge, { className: "size-4 text-foreground-subtle shrink-0", "aria-hidden": !0 }) })
       ]
     }
   );
 });
-Tt.displayName = "SelectTrigger";
-const Tr = "flex h-6 cursor-default items-center justify-center text-foreground-subtle", Ir = m(function({ className: t, ...r }, n) {
-  return /* @__PURE__ */ e(O.ScrollUpButton, { ref: n, className: l(Tr, t), ...r, children: /* @__PURE__ */ e(Gt, { className: "size-4", "aria-hidden": !0 }) });
+Ct.displayName = "SelectTrigger";
+const Ir = "flex h-6 cursor-default items-center justify-center text-foreground-subtle", Mr = m(function({ className: t, ...r }, n) {
+  return /* @__PURE__ */ e(O.ScrollUpButton, { ref: n, className: l(Ir, t), ...r, children: /* @__PURE__ */ e(Ot, { className: "size-4", "aria-hidden": !0 }) });
 });
-Ir.displayName = "SelectScrollUpButton";
-const Mr = m(function({ className: t, ...r }, n) {
-  return /* @__PURE__ */ e(O.ScrollDownButton, { ref: n, className: l(Tr, t), ...r, children: /* @__PURE__ */ e(We, { className: "size-4", "aria-hidden": !0 }) });
+Mr.displayName = "SelectScrollUpButton";
+const Dr = m(function({ className: t, ...r }, n) {
+  return /* @__PURE__ */ e(O.ScrollDownButton, { ref: n, className: l(Ir, t), ...r, children: /* @__PURE__ */ e(Be, { className: "size-4", "aria-hidden": !0 }) });
 });
-Mr.displayName = "SelectScrollDownButton";
-const It = m(function({ className: t, children: r, position: n = "popper", ...o }, i) {
+Dr.displayName = "SelectScrollDownButton";
+const St = m(function({ className: t, children: r, position: n = "popper", ...o }, i) {
   return /* @__PURE__ */ e(O.Portal, { children: /* @__PURE__ */ s(
     O.Content,
     {
@@ -2368,15 +2368,15 @@ const It = m(function({ className: t, children: r, position: n = "popper", ...o
       ),
       ...o,
       children: [
-        /* @__PURE__ */ e(Ir, {}),
+        /* @__PURE__ */ e(Mr, {}),
         /* @__PURE__ */ e(O.Viewport, { className: "p-1", children: r }),
-        /* @__PURE__ */ e(Mr, {})
+        /* @__PURE__ */ e(Dr, {})
       ]
     }
   ) });
 });
-It.displayName = "SelectContent";
-const Dr = m(function({ className: t, ...r }, n) {
+St.displayName = "SelectContent";
+const Pr = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
     O.Label,
     {
@@ -2386,8 +2386,8 @@ const Dr = m(function({ className: t, ...r }, n) {
     }
   );
 });
-Dr.displayName = "SelectLabel";
-const Mt = m(function({ className: t, children: r, leadingIcon: n, ...o }, i) {
+Pr.displayName = "SelectLabel";
+const zt = m(function({ className: t, children: r, leadingIcon: n, ...o }, i) {
   return /* @__PURE__ */ s(
     O.Item,
     {
@@ -2403,12 +2403,12 @@ const Mt = m(function({ className: t, children: r, leadingIcon: n, ...o }, i) {
       children: [
         n && /* @__PURE__ */ e("span", { className: "flex items-center text-foreground-subtle [&_svg]:size-4", children: n }),
         /* @__PURE__ */ e(O.ItemText, { children: r }),
-        /* @__PURE__ */ e("span", { className: "absolute right-2 flex items-center justify-center", children: /* @__PURE__ */ e(O.ItemIndicator, { children: /* @__PURE__ */ e(le, { className: "size-4 text-accent", "aria-hidden": !0 }) }) })
+        /* @__PURE__ */ e("span", { className: "absolute right-2 flex items-center justify-center", children: /* @__PURE__ */ e(O.ItemIndicator, { children: /* @__PURE__ */ e(ie, { className: "size-4 text-accent", "aria-hidden": !0 }) }) })
       ]
     }
   );
 });
-Mt.displayName = "SelectItem";
+zt.displayName = "SelectItem";
 const wa = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
     O.Separator,
@@ -2422,7 +2422,7 @@ const wa = m(function({ className: t, ...r }, n) {
 wa.displayName = "SelectSeparator";
 const ka = m(function({ label: t, children: r, ...n }, o) {
   return /* @__PURE__ */ s(O.Group, { ref: o, ...n, children: [
-    t && /* @__PURE__ */ e(Dr, { children: t }),
+    t && /* @__PURE__ */ e(Pr, { children: t }),
     r
   ] });
 });
@@ -2434,7 +2434,7 @@ function Ca(a, t, r = 7) {
   for (let u = i; u <= d; u++) o.push(u);
   return d < t - 1 && o.push("gap"), o.push(t), o;
 }
-const Pr = m(function({
+const _r = m(function({
   page: t,
   pageCount: r,
   onPageChange: n,
@@ -2446,7 +2446,7 @@ const Pr = m(function({
   className: c,
   ...h
 }, b) {
-  const g = ye(() => Ca(t, r), [t, r]), p = i ? (t - 1) * i + 1 : void 0, x = i && o ? Math.min(t * i, o) : void 0, N = (v) => {
+  const g = xe(() => Ca(t, r), [t, r]), p = i ? (t - 1) * i + 1 : void 0, x = i && o ? Math.min(t * i, o) : void 0, N = (v) => {
     v < 1 || v > r || v === t || n(v);
   };
   return /* @__PURE__ */ s(
@@ -2468,9 +2468,9 @@ const Pr = m(function({
           ] }),
           d && u && i !== void 0 && /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ e("label", { htmlFor: "page-size", className: "sr-only", children: "Rows per page" }),
-            /* @__PURE__ */ s(zr, { value: String(i), onValueChange: (v) => u(Number(v)), children: [
-              /* @__PURE__ */ e(Tt, { size: "sm", className: "w-[7.5rem] whitespace-nowrap" }),
-              /* @__PURE__ */ e(It, { children: d.map((v) => /* @__PURE__ */ s(Mt, { value: String(v), children: [
+            /* @__PURE__ */ s(Tr, { value: String(i), onValueChange: (v) => u(Number(v)), children: [
+              /* @__PURE__ */ e(Ct, { size: "sm", className: "w-[7.5rem] whitespace-nowrap" }),
+              /* @__PURE__ */ e(St, { children: d.map((v) => /* @__PURE__ */ s(zt, { value: String(v), children: [
                 v,
                 " / page"
               ] }, v)) })
@@ -2485,8 +2485,8 @@ const Pr = m(function({
               "aria-label": "Go to first page",
               disabled: t === 1,
               onClick: () => N(1),
-              className: $e,
-              children: /* @__PURE__ */ e(ft, { className: "size-4", "aria-hidden": !0 })
+              className: Ae,
+              children: /* @__PURE__ */ e(ct, { className: "size-4", "aria-hidden": !0 })
             }
           ) }),
           /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
@@ -2496,8 +2496,8 @@ const Pr = m(function({
               "aria-label": "Previous page",
               disabled: t === 1,
               onClick: () => N(t - 1),
-              className: $e,
-              children: /* @__PURE__ */ e(Ue, { className: "size-4", "aria-hidden": !0 })
+              className: Ae,
+              children: /* @__PURE__ */ e(Ve, { className: "size-4", "aria-hidden": !0 })
             }
           ) }),
           g.map(
@@ -2525,8 +2525,8 @@ const Pr = m(function({
               "aria-label": "Next page",
               disabled: t === r,
               onClick: () => N(t + 1),
-              className: $e,
-              children: /* @__PURE__ */ e(ie, { className: "size-4", "aria-hidden": !0 })
+              className: Ae,
+              children: /* @__PURE__ */ e(se, { className: "size-4", "aria-hidden": !0 })
             }
           ) }),
           f && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
@@ -2536,8 +2536,8 @@ const Pr = m(function({
               "aria-label": "Go to last page",
               disabled: t === r,
               onClick: () => N(r),
-              className: $e,
-              children: /* @__PURE__ */ e(gt, { className: "size-4", "aria-hidden": !0 })
+              className: Ae,
+              children: /* @__PURE__ */ e(ut, { className: "size-4", "aria-hidden": !0 })
             }
           ) })
         ] })
@@ -2545,14 +2545,14 @@ const Pr = m(function({
     }
   );
 });
-Pr.displayName = "Pagination";
-const $e = l(
+_r.displayName = "Pagination";
+const Ae = l(
   "inline-flex size-8 items-center justify-center rounded-md text-foreground-muted",
   "transition-colors duration-[var(--duration-fast)]",
   "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"
-), bs = A.Root, xs = A.Trigger, vs = A.Anchor, Ns = A.Close, Sa = m(function({ className: t, align: r = "center", sideOffset: n = 4, ...o }, i) {
+), 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) {
   return /* @__PURE__ */ e(A.Portal, { children: /* @__PURE__ */ e(
     A.Content,
     {
@@ -2583,7 +2583,7 @@ const za = { sm: "h-1", md: "h-1.5", lg: "h-2" }, Ta = {
   function({ className: t, value: r, size: n = "md", tone: o = "accent", ...i }, d) {
     const u = r == null;
     return /* @__PURE__ */ s(
-      Pt.Root,
+      It.Root,
       {
         ref: d,
         value: u ? void 0 : r,
@@ -2595,7 +2595,7 @@ const za = { sm: "h-1", md: "h-1.5", lg: "h-2" }, Ta = {
         ...i,
         children: [
           /* @__PURE__ */ e(
-            Pt.Indicator,
+            It.Indicator,
             {
               className: l(
                 "h-full w-full flex-1 transition-transform",
@@ -2668,9 +2668,9 @@ const Ma = {
   );
 });
 Da.displayName = "ProgressCircle";
-const _r = m(function({ className: t, orientation: r = "vertical", ...n }, o) {
+const Ar = m(function({ className: t, orientation: r = "vertical", ...n }, o) {
   return /* @__PURE__ */ e(
-    ct.Root,
+    it.Root,
     {
       ref: o,
       className: l(
@@ -2682,12 +2682,12 @@ const _r = m(function({ className: t, orientation: r = "vertical", ...n }, o) {
     }
   );
 });
-_r.displayName = "RadioGroup";
-const Ve = m(function({ className: t, label: r, description: n, hideLabel: o, id: i, disabled: d, ...u }, f) {
-  const c = ne(), h = i ?? c, b = n ? `${h}-desc` : void 0;
+Ar.displayName = "RadioGroup";
+const Ee = 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(
-      ct.Item,
+      it.Item,
       {
         ref: f,
         id: h,
@@ -2702,7 +2702,7 @@ const Ve = m(function({ className: t, label: r, description: n, hideLabel: o, id
           "border-border-strong"
         ),
         ...u,
-        children: /* @__PURE__ */ e(ct.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ e("span", { className: "size-2 rounded-full bg-accent", "aria-hidden": !0 }) })
+        children: /* @__PURE__ */ e(it.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ e("span", { className: "size-2 rounded-full bg-accent", "aria-hidden": !0 }) })
       }
     ),
     r && /* @__PURE__ */ s("div", { className: l("flex flex-col gap-0.5", o && "sr-only"), children: [
@@ -2721,26 +2721,26 @@ const Ve = m(function({ className: t, label: r, description: n, hideLabel: o, id
     ] })
   ] });
 });
-Ve.displayName = "RadioItem";
+Ee.displayName = "RadioItem";
 const Pa = m(function({ className: t, children: r, ...n }, o) {
   return /* @__PURE__ */ s(
-    Ie.Root,
+    Se.Root,
     {
       ref: o,
       className: l("relative overflow-hidden", t),
       ...n,
       children: [
-        /* @__PURE__ */ e(Ie.Viewport, { className: "h-full w-full rounded-[inherit]", children: r }),
-        /* @__PURE__ */ e(Ar, {}),
-        /* @__PURE__ */ e(Ie.Corner, {})
+        /* @__PURE__ */ e(Se.Viewport, { className: "h-full w-full rounded-[inherit]", children: r }),
+        /* @__PURE__ */ e(Fr, {}),
+        /* @__PURE__ */ e(Se.Corner, {})
       ]
     }
   );
 });
 Pa.displayName = "ScrollArea";
-const Ar = m(function({ className: t, orientation: r = "vertical", ...n }, o) {
+const Fr = m(function({ className: t, orientation: r = "vertical", ...n }, o) {
   return /* @__PURE__ */ e(
-    Ie.ScrollAreaScrollbar,
+    Se.ScrollAreaScrollbar,
     {
       ref: o,
       orientation: r,
@@ -2751,14 +2751,14 @@ const Ar = m(function({ className: t, orientation: r = "vertical", ...n }, o) {
         t
       ),
       ...n,
-      children: /* @__PURE__ */ e(Ie.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border-strong" })
+      children: /* @__PURE__ */ e(Se.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border-strong" })
     }
   );
 });
-Ar.displayName = "ScrollBar";
-const Ne = m(function({ className: t, orientation: r = "horizontal", decorative: n = !0, ...o }, i) {
+Fr.displayName = "ScrollBar";
+const be = m(function({ className: t, orientation: r = "horizontal", decorative: n = !0, ...o }, i) {
   return /* @__PURE__ */ e(
-    un.Root,
+    hn.Root,
     {
       ref: i,
       orientation: r,
@@ -2772,8 +2772,8 @@ const Ne = m(function({ className: t, orientation: r = "horizontal", decorative:
     }
   );
 });
-Ne.displayName = "Separator";
-const _a = D.Root, Aa = D.Trigger, ys = D.Close, Fa = D.Portal, Fr = m(function({ className: t, ...r }, n) {
+be.displayName = "Separator";
+const _a = D.Root, Aa = D.Trigger, Ss = D.Close, Fa = D.Portal, Lr = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
     D.Overlay,
     {
@@ -2788,8 +2788,8 @@ const _a = D.Root, Aa = D.Trigger, ys = D.Close, Fa = D.Portal, Fr = m(function(
     }
   );
 });
-Fr.displayName = "SheetOverlay";
-const ja = Y(
+Lr.displayName = "SheetOverlay";
+const La = Y(
   [
     "fixed z-[var(--z-modal)] bg-card text-card-foreground shadow-lg",
     "flex flex-col gap-4 p-6",
@@ -2809,8 +2809,8 @@ const ja = Y(
   }
 ), jr = m(function({ className: t, children: r, side: n = "right", showClose: o = !0, ...i }, d) {
   return /* @__PURE__ */ s(Fa, { children: [
-    /* @__PURE__ */ e(Fr, {}),
-    /* @__PURE__ */ s(D.Content, { ref: d, className: l(ja({ side: n }), t), ...i, children: [
+    /* @__PURE__ */ e(Lr, {}),
+    /* @__PURE__ */ s(D.Content, { ref: d, className: l(La({ side: n }), t), ...i, children: [
       r,
       o && /* @__PURE__ */ e(
         D.Close,
@@ -2829,11 +2829,11 @@ const ja = Y(
   ] });
 });
 jr.displayName = "SheetContent";
-function Ba({ className: a, ...t }) {
+function ja({ className: a, ...t }) {
   return /* @__PURE__ */ e("div", { className: l("flex flex-col gap-1", a), ...t });
 }
-Ba.displayName = "SheetHeader";
-function La({ className: a, ...t }) {
+ja.displayName = "SheetHeader";
+function Ea({ className: a, ...t }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -2842,7 +2842,7 @@ function La({ className: a, ...t }) {
     }
   );
 }
-La.displayName = "SheetFooter";
+Ea.displayName = "SheetFooter";
 const $a = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
     D.Title,
@@ -2865,11 +2865,11 @@ const Oa = m(function({ className: t, ...r }, n) {
   );
 });
 Oa.displayName = "SheetDescription";
-const je = He({ collapsed: !1 });
-function ws() {
-  return pe(je);
+const De = Oe({ collapsed: !1 });
+function zs() {
+  return ge(De);
 }
-const Br = m(function({
+const Er = m(function({
   defaultCollapsed: t = !1,
   collapsed: r,
   onCollapsedChange: n,
@@ -2882,7 +2882,7 @@ const Br = m(function({
   const [h, b] = w(t), g = r ?? h, p = (x) => {
     r === void 0 && b(x), n == null || n(x);
   };
-  return /* @__PURE__ */ e(je.Provider, { value: { collapsed: g }, children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ e(De.Provider, { value: { collapsed: g }, children: /* @__PURE__ */ s(
     "aside",
     {
       ref: c,
@@ -2921,7 +2921,7 @@ const Br = m(function({
               "transition-colors duration-[var(--duration-fast)]"
             ),
             children: [
-              g ? /* @__PURE__ */ e(gt, { className: "size-4", "aria-hidden": !0 }) : /* @__PURE__ */ e(ft, { className: "size-4", "aria-hidden": !0 }),
+              g ? /* @__PURE__ */ e(ut, { className: "size-4", "aria-hidden": !0 }) : /* @__PURE__ */ e(ct, { className: "size-4", "aria-hidden": !0 }),
               !g && /* @__PURE__ */ e("span", { className: "text-xs font-medium", children: "Collapse" })
             ]
           }
@@ -2930,16 +2930,16 @@ const Br = m(function({
     }
   ) });
 });
-Br.displayName = "Sidebar";
-function Ge({ label: a, className: t, children: r, ...n }) {
-  const { collapsed: o } = pe(je);
+Er.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: [
     a && !o && /* @__PURE__ */ e("div", { className: "px-4 pb-1 pt-2 text-xs font-medium text-foreground-subtle uppercase tracking-wide", children: a }),
     /* @__PURE__ */ e("ul", { className: "flex flex-col gap-px", children: r })
   ] });
 }
-Ge.displayName = "SidebarSection";
-function Z({
+$r.displayName = "SidebarSection";
+function Or({
   icon: a,
   active: t,
   href: r,
@@ -2949,7 +2949,7 @@ function Z({
   children: d,
   ...u
 }) {
-  const { collapsed: f } = pe(je);
+  const { collapsed: f } = ge(De);
   return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s(
     r ? "a" : "button",
     {
@@ -2973,10 +2973,10 @@ function Z({
     }
   ) });
 }
-Z.displayName = "SidebarItem";
+Or.displayName = "SidebarItem";
 function Ra({ icon: a, label: t, defaultOpen: r = !0, children: n }) {
-  const { collapsed: o } = pe(je), [i, d] = w(r);
-  return o ? /* @__PURE__ */ e(re, { children: n }) : /* @__PURE__ */ s("li", { children: [
+  const { collapsed: o } = ge(De), [i, d] = w(r);
+  return o ? /* @__PURE__ */ e(te, { children: n }) : /* @__PURE__ */ s("li", { children: [
     /* @__PURE__ */ s(
       "button",
       {
@@ -2992,7 +2992,7 @@ function Ra({ icon: a, label: t, defaultOpen: r = !0, children: n }) {
         children: [
           a && /* @__PURE__ */ e("span", { className: "flex shrink-0 items-center [&_svg]:size-4", children: a }),
           /* @__PURE__ */ e("span", { className: "flex-1 text-left", children: t }),
-          /* @__PURE__ */ e(We, { className: l("size-3.5 transition-transform", i && "rotate-180"), "aria-hidden": !0 })
+          /* @__PURE__ */ e(Be, { className: l("size-3.5 transition-transform", i && "rotate-180"), "aria-hidden": !0 })
         ]
       }
     ),
@@ -3000,7 +3000,7 @@ function Ra({ icon: a, label: t, defaultOpen: r = !0, children: n }) {
   ] });
 }
 Ra.displayName = "SidebarGroup";
-const Ea = m(
+const Ba = m(
   function({
     className: t,
     label: r,
@@ -3017,7 +3017,7 @@ const Ea = m(
         n && /* @__PURE__ */ e("span", { className: "text-xs tabular text-foreground-muted font-mono", children: h ? `${o(c[0])} – ${o(c[1])}` : o(c[0]) })
       ] }),
       /* @__PURE__ */ s(
-        Le.Root,
+        _e.Root,
         {
           ref: f,
           value: i,
@@ -3025,9 +3025,9 @@ const Ea = m(
           className: "relative flex w-full touch-none select-none items-center",
           ...u,
           children: [
-            /* @__PURE__ */ e(Le.Track, { className: "relative h-1 w-full grow overflow-hidden rounded-full bg-background-muted", children: /* @__PURE__ */ e(Le.Range, { className: "absolute h-full bg-accent" }) }),
+            /* @__PURE__ */ e(_e.Track, { className: "relative h-1 w-full grow overflow-hidden rounded-full bg-background-muted", children: /* @__PURE__ */ e(_e.Range, { className: "absolute h-full bg-accent" }) }),
             c.map((b, g) => /* @__PURE__ */ e(
-              Le.Thumb,
+              _e.Thumb,
               {
                 className: l(
                   "block size-4 rounded-full border-2 border-accent bg-card shadow-sm",
@@ -3045,7 +3045,7 @@ const Ea = m(
     ] });
   }
 );
-Ea.displayName = "Slider";
+Ba.displayName = "Slider";
 const Va = { sm: "size-3.5", md: "size-4", lg: "size-6" }, Ga = {
   accent: "text-accent",
   neutral: "text-foreground-subtle",
@@ -3078,7 +3078,7 @@ const Va = { sm: "size-3.5", md: "size-4", lg: "size-6" }, Ga = {
   );
 });
 Ha.displayName = "Spinner";
-const Lr = m(function({ steps: t, current: r, orientation: n = "horizontal", className: o, ...i }, d) {
+const Rr = m(function({ steps: t, current: r, orientation: n = "horizontal", className: o, ...i }, d) {
   return /* @__PURE__ */ e(
     "ol",
     {
@@ -3110,7 +3110,7 @@ const Lr = m(function({ steps: t, current: r, orientation: n = "horizontal", cla
                       c === "current" && "bg-card border-2 border-accent text-accent",
                       c === "upcoming" && "bg-background-muted text-foreground-subtle border border-border"
                     ),
-                    children: c === "complete" ? /* @__PURE__ */ e(le, { className: "size-4" }) : f + 1
+                    children: c === "complete" ? /* @__PURE__ */ e(ie, { className: "size-4" }) : f + 1
                   }
                 ),
                 n === "vertical" && !h && /* @__PURE__ */ e(
@@ -3154,14 +3154,14 @@ const Lr = m(function({ steps: t, current: r, orientation: n = "horizontal", cla
     }
   );
 });
-Lr.displayName = "Stepper";
-const Wa = {
+Rr.displayName = "Stepper";
+const Ua = {
   sm: "h-4 w-7",
   md: "h-5 w-9"
-}, Ua = {
+}, Wa = {
   sm: "size-3 data-[state=checked]:translate-x-3",
   md: "size-4 data-[state=checked]:translate-x-4"
-}, Te = m(
+}, Ce = m(
   function({
     className: t,
     label: r,
@@ -3173,8 +3173,8 @@ const Wa = {
     disabled: f,
     ...c
   }, h) {
-    const b = ne(), g = u ?? b, p = n ? `${g}-desc` : void 0, x = /* @__PURE__ */ e(
-      _t.Root,
+    const b = re(), g = u ?? b, p = n ? `${g}-desc` : void 0, x = /* @__PURE__ */ e(
+      Mt.Root,
       {
         ref: h,
         id: g,
@@ -3186,17 +3186,17 @@ const Wa = {
           "outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
           "disabled:cursor-not-allowed disabled:opacity-50",
           "data-[state=checked]:bg-accent data-[state=unchecked]:bg-neutral-300 dark:data-[state=unchecked]:bg-neutral-700",
-          Wa[i]
+          Ua[i]
         ),
         ...c,
         children: /* @__PURE__ */ e(
-          _t.Thumb,
+          Mt.Thumb,
           {
             className: l(
               "pointer-events-none block rounded-full bg-white shadow-sm",
               "transition-transform duration-[var(--duration-base)] ease-[var(--ease-out)]",
               "translate-x-0",
-              Ua[i]
+              Wa[i]
             )
           }
         )
@@ -3222,8 +3222,8 @@ const Wa = {
     ] });
   }
 );
-Te.displayName = "Switch";
-const Ka = tt.Root, qa = Y("inline-flex items-center", {
+Ce.displayName = "Switch";
+const Ka = Je.Root, qa = Y("inline-flex items-center", {
   variants: {
     variant: {
       underline: "gap-4 border-b border-border w-full",
@@ -3236,10 +3236,10 @@ const Ka = tt.Root, qa = Y("inline-flex items-center", {
     }
   },
   defaultVariants: { variant: "underline", size: "md" }
-}), $r = m(
+}), Br = m(
   function({ className: t, variant: r = "underline", size: n, ...o }, i) {
     return /* @__PURE__ */ e(
-      tt.List,
+      Je.List,
       {
         ref: i,
         "data-variant": r,
@@ -3249,10 +3249,10 @@ const Ka = tt.Root, qa = Y("inline-flex items-center", {
     );
   }
 );
-$r.displayName = "TabsList";
-const Or = m(function({ className: t, ...r }, n) {
+Br.displayName = "TabsList";
+const Vr = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
-    tt.Trigger,
+    Je.Trigger,
     {
       ref: n,
       className: l(
@@ -3283,10 +3283,10 @@ const Or = m(function({ className: t, ...r }, n) {
     }
   );
 });
-Or.displayName = "TabsTrigger";
-const Rr = m(function({ className: t, ...r }, n) {
+Vr.displayName = "TabsTrigger";
+const Gr = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
-    tt.Content,
+    Je.Content,
     {
       ref: n,
       className: l(
@@ -3298,7 +3298,7 @@ const Rr = m(function({ className: t, ...r }, n) {
     }
   );
 });
-Rr.displayName = "TabsContent";
+Gr.displayName = "TabsContent";
 const Qa = m(function({
   className: t,
   label: r,
@@ -3314,16 +3314,16 @@ const Qa = m(function({
   defaultValue: g,
   ...p
 }, x) {
-  const N = ne(), v = c ?? N, T = `${v}-helper`, F = `${v}-error`, M = ut(null), z = (k) => {
+  const N = re(), v = c ?? N, T = `${v}-helper`, F = `${v}-error`, M = lt(null), z = (k) => {
     M.current = k, typeof x == "function" ? x(k) : x && (x.current = k);
-  }, y = te(() => {
+  }, y = ee(() => {
     const k = M.current;
     if (!k || !i) return;
     k.style.height = "auto";
     const K = (parseFloat(getComputedStyle(k).lineHeight) || 20) * u;
     k.style.height = `${Math.min(k.scrollHeight, K)}px`, k.style.overflowY = k.scrollHeight > K ? "auto" : "hidden";
   }, [i, u]);
-  return ke(() => {
+  return ve(() => {
     i && y();
   }, [i, y, b, g]), /* @__PURE__ */ s("div", { className: l("flex flex-col gap-1.5", t), children: [
     r && /* @__PURE__ */ e(
@@ -3368,9 +3368,9 @@ const Qa = m(function({
   ] });
 });
 Qa.displayName = "Textarea";
-const ks = be.Provider, Xa = m(function({ className: t, ...r }, n) {
+const Ts = he.Provider, Xa = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
-    be.Viewport,
+    he.Viewport,
     {
       ref: n,
       className: l(
@@ -3408,13 +3408,13 @@ const Ya = Y(
   }
 ), Ja = {
   default: null,
-  success: /* @__PURE__ */ e(Ce, { className: "size-5 text-success-text shrink-0 mt-0.5", "aria-hidden": !0 }),
-  warning: /* @__PURE__ */ e(we, { className: "size-5 text-warning-text shrink-0 mt-0.5", "aria-hidden": !0 }),
-  danger: /* @__PURE__ */ e(Ae, { className: "size-5 text-danger-text shrink-0 mt-0.5", "aria-hidden": !0 }),
-  info: /* @__PURE__ */ e(Qe, { className: "size-5 text-info-text shrink-0 mt-0.5", "aria-hidden": !0 })
+  success: /* @__PURE__ */ e(Ne, { className: "size-5 text-success-text shrink-0 mt-0.5", "aria-hidden": !0 }),
+  warning: /* @__PURE__ */ e(Re, { className: "size-5 text-warning-text shrink-0 mt-0.5", "aria-hidden": !0 }),
+  danger: /* @__PURE__ */ e(Ye, { className: "size-5 text-danger-text shrink-0 mt-0.5", "aria-hidden": !0 }),
+  info: /* @__PURE__ */ e(Ue, { className: "size-5 text-info-text shrink-0 mt-0.5", "aria-hidden": !0 })
 }, Za = m(
   function({ className: t, variant: r = "default", children: n, ...o }, i) {
-    return /* @__PURE__ */ s(be.Root, { ref: i, className: l(Ya({ variant: r }), t), ...o, children: [
+    return /* @__PURE__ */ s(he.Root, { ref: i, className: l(Ya({ variant: r }), t), ...o, children: [
       Ja[r ?? "default"],
       /* @__PURE__ */ e("div", { className: "flex-1 space-y-1", children: n })
     ] });
@@ -3423,7 +3423,7 @@ const Ya = Y(
 Za.displayName = "Toast";
 const eo = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
-    be.Title,
+    he.Title,
     {
       ref: n,
       className: l("text-sm font-medium", t),
@@ -3434,7 +3434,7 @@ const eo = m(function({ className: t, ...r }, n) {
 eo.displayName = "ToastTitle";
 const to = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
-    be.Description,
+    he.Description,
     {
       ref: n,
       className: l("text-sm opacity-90", t),
@@ -3445,7 +3445,7 @@ const to = m(function({ className: t, ...r }, n) {
 to.displayName = "ToastDescription";
 const ro = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
-    be.Action,
+    he.Action,
     {
       ref: n,
       className: l(
@@ -3461,7 +3461,7 @@ const ro = m(function({ className: t, ...r }, n) {
 ro.displayName = "ToastAction";
 const no = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
-    be.Close,
+    he.Close,
     {
       ref: n,
       "aria-label": "Close",
@@ -3478,20 +3478,20 @@ const no = m(function({ className: t, ...r }, n) {
   );
 });
 no.displayName = "ToastClose";
-const Cs = ({
+const Is = ({
   delayDuration: a = 500,
   skipDelayDuration: t = 200,
   ...r
 }) => /* @__PURE__ */ e(
-  _e.Provider,
+  Ie.Provider,
   {
     delayDuration: a,
     skipDelayDuration: t,
     ...r
   }
-), ao = _e.Root, oo = _e.Trigger, Er = m(function({ className: t, sideOffset: r = 4, ...n }, o) {
-  return /* @__PURE__ */ e(_e.Portal, { children: /* @__PURE__ */ e(
-    _e.Content,
+), ao = Ie.Root, oo = Ie.Trigger, Hr = m(function({ className: t, sideOffset: r = 4, ...n }, o) {
+  return /* @__PURE__ */ e(Ie.Portal, { children: /* @__PURE__ */ e(
+    Ie.Content,
     {
       ref: o,
       sideOffset: r,
@@ -3509,7 +3509,7 @@ const Cs = ({
     }
   ) });
 });
-Er.displayName = "TooltipContent";
+Hr.displayName = "TooltipContent";
 function so({
   children: a,
   label: t,
@@ -3518,9 +3518,9 @@ function so({
   disabled: o,
   delayDuration: i
 }) {
-  return o ? /* @__PURE__ */ e(re, { children: a }) : /* @__PURE__ */ s(ao, { delayDuration: i, children: [
+  return o ? /* @__PURE__ */ e(te, { children: a }) : /* @__PURE__ */ s(ao, { delayDuration: i, children: [
     /* @__PURE__ */ e(oo, { asChild: !0, children: a }),
-    /* @__PURE__ */ e(Er, { side: r, align: n, children: t })
+    /* @__PURE__ */ e(Hr, { side: r, align: n, children: t })
   ] });
 }
 so.displayName = "Tooltip";
@@ -3568,23 +3568,23 @@ const lo = m(function({ href: t, active: r, className: n, children: o, ...i }, d
   );
 });
 lo.displayName = "TopNavLink";
-const Vr = He(null);
-function it() {
-  const a = pe(Vr);
+const Ur = Oe(null);
+function at() {
+  const a = ge(Ur);
   if (!a) throw new Error("Carousel components must be used inside <Carousel>");
   return a;
 }
-const Ss = m(function({ opts: t, orientation: r = "horizontal", setApi: n, className: o, children: i, ...d }, u) {
-  const [f, c] = mn({ ...t, axis: r === "horizontal" ? "x" : "y" }), [h, b] = w(!1), [g, p] = w(!1), x = te((N) => {
+const Ms = 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()));
   }, []);
-  return ke(() => {
+  return ve(() => {
     if (c)
       return n == null || n(c), x(c), c.on("reInit", x).on("select", x), () => {
         c.off("reInit", x).off("select", x);
       };
   }, [c, x, n]), /* @__PURE__ */ e(
-    Vr.Provider,
+    Ur.Provider,
     {
       value: {
         carouselRef: f,
@@ -3598,9 +3598,9 @@ const Ss = 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 })
     }
   );
-}), zs = m(
+}), Ds = m(
   function({ className: t, ...r }, n) {
-    const { carouselRef: o, orientation: i } = it();
+    const { carouselRef: o, orientation: i } = at();
     return /* @__PURE__ */ e("div", { ref: o, className: "overflow-hidden", children: /* @__PURE__ */ e(
       "div",
       {
@@ -3614,9 +3614,9 @@ const Ss = m(function({ opts: t, orientation: r = "horizontal", setApi: n, class
       }
     ) });
   }
-), Ts = m(
+), Ps = m(
   function({ className: t, ...r }, n) {
-    const { orientation: o } = it();
+    const { orientation: o } = at();
     return /* @__PURE__ */ e(
       "div",
       {
@@ -3633,16 +3633,16 @@ const Ss = m(function({ opts: t, orientation: r = "horizontal", setApi: n, class
     );
   }
 );
-function Is({ className: a }) {
-  const { canPrev: t, scrollPrev: r, orientation: n } = it();
+function _s({ className: a }) {
+  const { canPrev: t, scrollPrev: r, orientation: n } = at();
   return /* @__PURE__ */ e(
-    Fe,
+    Me,
     {
       "aria-label": "Previous",
       variant: "outline",
       disabled: !t,
       onClick: r,
-      icon: /* @__PURE__ */ e(Ue, {}),
+      icon: /* @__PURE__ */ e(Ve, {}),
       className: l(
         "absolute z-10",
         n === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
@@ -3651,16 +3651,16 @@ function Is({ className: a }) {
     }
   );
 }
-function Ms({ className: a }) {
-  const { canNext: t, scrollNext: r, orientation: n } = it();
+function As({ className: a }) {
+  const { canNext: t, scrollNext: r, orientation: n } = at();
   return /* @__PURE__ */ e(
-    Fe,
+    Me,
     {
       "aria-label": "Next",
       variant: "outline",
       disabled: !t,
       onClick: r,
-      icon: /* @__PURE__ */ e(ie, {}),
+      icon: /* @__PURE__ */ e(se, {}),
       className: l(
         "absolute z-10",
         n === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
@@ -3669,12 +3669,12 @@ function Ms({ className: a }) {
     }
   );
 }
-function Gr(a, t, r, n = 8) {
+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 Ds({ data: a, height: t = 80, width: r = "100%", caption: n, className: o }) {
-  const i = typeof r == "number" ? r : 320, { sx: d, sy: u } = Gr(a, i, t), f = a.map((c, h) => `${h === 0 ? "M" : "L"}${d(h).toFixed(1)},${u(c.y).toFixed(1)}`).join(" ");
+function Fs({ 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 }),
     /* @__PURE__ */ s("svg", { viewBox: `0 0 ${i} ${t}`, width: r, height: t, role: "img", children: [
@@ -3683,8 +3683,8 @@ function Ds({ data: a, height: t = 80, width: r = "100%", caption: n, className:
     ] })
   ] });
 }
-function Ps({ data: a, height: t = 80, width: r = "100%", caption: n, className: o }) {
-  const i = typeof r == "number" ? r : 320, { sx: d, sy: u } = Gr(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`;
+function Ls({ 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 }),
     /* @__PURE__ */ s("svg", { viewBox: `0 0 ${i} ${t}`, width: r, height: t, role: "img", children: [
@@ -3693,7 +3693,7 @@ function Ps({ data: a, height: t = 80, width: r = "100%", caption: n, className:
     ] })
   ] });
 }
-function _s({ data: a, height: t = 100, width: r = "100%", caption: n, className: o }) {
+function js({ data: a, height: t = 100, width: r = "100%", caption: n, className: o }) {
   const i = typeof r == "number" ? r : 320, d = 8, u = 2, f = i - d * 2, c = Math.max(2, f / a.length - u), h = a.map((g) => g.y), b = Math.max(...h, 1);
   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 }),
@@ -3718,11 +3718,11 @@ function _s({ data: a, height: t = 100, width: r = "100%", caption: n, className
 const co = ({
   shouldScaleBackground: a = !0,
   ...t
-}) => /* @__PURE__ */ e(ue.Root, { shouldScaleBackground: a, ...t });
+}) => /* @__PURE__ */ e(ce.Root, { shouldScaleBackground: a, ...t });
 co.displayName = "Drawer";
-const As = ue.Trigger, uo = ue.Portal, Fs = ue.Close, mo = m(function({ className: t, ...r }, n) {
+const Es = ce.Trigger, uo = ce.Portal, $s = ce.Close, mo = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
-    ue.Overlay,
+    ce.Overlay,
     {
       ref: n,
       className: l("fixed inset-0 z-50 bg-black/40", t),
@@ -3739,12 +3739,12 @@ const As = ue.Trigger, uo = ue.Portal, Fs = ue.Close, mo = m(function({ classNam
   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"
-}, js = m(function({ className: t, direction: r = "bottom", hideHandle: n, children: o, ...i }, d) {
+}, Os = 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, {}),
     /* @__PURE__ */ s(
-      ue.Content,
+      ce.Content,
       {
         ref: d,
         className: l(
@@ -3762,24 +3762,24 @@ const As = ue.Trigger, uo = ue.Portal, Fs = ue.Close, mo = m(function({ classNam
     )
   ] });
 });
-function Bs({ className: a, ...t }) {
+function Rs({ className: a, ...t }) {
   return /* @__PURE__ */ e("div", { className: l("grid gap-1 p-4 text-center sm:text-left", a), ...t });
 }
-function Ls({ className: a, ...t }) {
+function Bs({ className: a, ...t }) {
   return /* @__PURE__ */ e("div", { className: l("mt-auto flex flex-col gap-2 p-4", a), ...t });
 }
-const $s = m(function({ className: t, ...r }, n) {
+const Vs = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
-    ue.Title,
+    ce.Title,
     {
       ref: n,
       className: l("text-lg font-semibold", t),
       ...r
     }
   );
-}), Os = m(function({ className: t, ...r }, n) {
+}), Gs = m(function({ className: t, ...r }, n) {
   return /* @__PURE__ */ e(
-    ue.Description,
+    ce.Description,
     {
       ref: n,
       className: l("text-sm text-foreground-muted", t),
@@ -3790,21 +3790,21 @@ const $s = m(function({ className: t, ...r }, n) {
 function ho(a) {
   return a < 1024 ? `${a} B` : a < 1024 * 1024 ? `${(a / 1024).toFixed(1)} KB` : `${(a / 1024 / 1024).toFixed(1)} MB`;
 }
-const Rs = m(function({ accept: t, multiple: r, maxSize: n, value: o, onChange: i, hint: d, disabled: u, className: f }, c) {
-  const h = ut(null), b = ne(), [g, p] = w([]), [x, N] = w(!1), v = o ?? g, T = te(
+const Hs = 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);
     },
     [i, o]
-  ), F = te(
+  ), F = ee(
     (y) => {
       const k = Array.from(y).filter(
-        (B) => !n || B.size <= n
+        (j) => !n || j.size <= n
       );
       T(r ? [...v, ...k] : k.slice(0, 1));
     },
     [v, n, r, T]
-  ), M = (y) => T(v.filter((k, B) => B !== y)), z = (y) => {
+  ), M = (y) => T(v.filter((k, j) => j !== 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: [
@@ -3826,7 +3826,7 @@ const Rs = m(function({ accept: t, multiple: r, maxSize: n, value: o, onChange:
           u && "pointer-events-none opacity-50"
         ),
         children: [
-          /* @__PURE__ */ e(Ze, { className: "size-5 text-foreground-muted", "aria-hidden": !0 }),
+          /* @__PURE__ */ e(Qe, { className: "size-5 text-foreground-muted", "aria-hidden": !0 }),
           /* @__PURE__ */ s("div", { className: "space-y-1", children: [
             /* @__PURE__ */ e("p", { className: "text-sm font-medium", children: "Drop files here, or click to browse" }),
             d && /* @__PURE__ */ e("p", { className: "text-xs text-foreground-muted", children: d })
@@ -3852,7 +3852,7 @@ const Rs = m(function({ accept: t, multiple: r, maxSize: n, value: o, onChange:
       {
         className: "flex items-center gap-3 rounded-md border border-border bg-card px-3 py-2",
         children: [
-          /* @__PURE__ */ e(lr, { className: "size-4 shrink-0 text-foreground-muted", "aria-hidden": !0 }),
+          /* @__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) })
@@ -3892,11 +3892,11 @@ const Rs = m(function({ accept: t, multiple: r, maxSize: n, value: o, onChange:
   }
 ), bo = {
   default: null,
-  info: /* @__PURE__ */ e(Qe, { className: "size-4 shrink-0 mt-0.5 text-info-text", "aria-hidden": !0 }),
-  success: /* @__PURE__ */ e(Ce, { className: "size-4 shrink-0 mt-0.5 text-success-text", "aria-hidden": !0 }),
-  warning: /* @__PURE__ */ e(we, { className: "size-4 shrink-0 mt-0.5 text-warning-text", "aria-hidden": !0 }),
-  danger: /* @__PURE__ */ e(Ae, { className: "size-4 shrink-0 mt-0.5 text-danger-text", "aria-hidden": !0 })
-}, Es = m(function({ className: t, variant: r = "default", title: n, action: o, onClose: i, icon: d, children: u, ...f }, c) {
+  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: [
     h,
@@ -3916,7 +3916,7 @@ const Rs = m(function({ accept: t, multiple: r, maxSize: n, value: o, onChange:
       }
     )
   ] });
-}), Vs = m(function({
+}), Ws = m(function({
   value: t,
   defaultValue: r = [],
   onChange: n,
@@ -3927,7 +3927,7 @@ const Rs = m(function({ accept: t, multiple: r, maxSize: n, value: o, onChange:
   separators: f = ["Enter", ","],
   className: c
 }, h) {
-  const [b, g] = w(r), [p, x] = w(""), N = t ?? b, v = te(
+  const [b, g] = w(r), [p, x] = w(""), N = t ?? b, v = ee(
     (z) => {
       t === void 0 && g(z), n == null || n(z);
     },
@@ -3987,9 +3987,9 @@ const Rs = m(function({ accept: t, multiple: r, maxSize: n, value: o, onChange:
       ]
     }
   );
-}), Gs = m(function({ className: t, children: r, ...n }, o) {
+}), Ks = 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 });
-}), Hs = 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 Rs = 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 Ws({ className: a, children: t }) {
+function Qs({ className: a, children: t }) {
   return /* @__PURE__ */ e("p", { className: l("text-xs text-foreground-subtle", a), children: t });
 }
-function Us({
+function Xs({
   className: a,
   children: t
 }) {
   return /* @__PURE__ */ e("p", { className: l("text-sm font-medium", a), children: t });
 }
-function Ks({
+function Ys({
   className: a,
   children: t
 }) {
   return /* @__PURE__ */ e("p", { className: l("mt-0.5 text-sm text-foreground-muted", a), children: t });
 }
-function qs({ data: a, defaultExpanded: t = [], selectedId: r, onSelect: n, className: o }) {
+function Js({ 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 ? an : qe : lr;
+    const b = !!c.children, g = i.has(c.id), p = r === c.id, x = b ? g ? dn : He : ar;
     return /* @__PURE__ */ s("li", { role: "treeitem", "aria-expanded": b ? g : void 0, children: [
       /* @__PURE__ */ s(
         "button",
@@ -4040,7 +4040,7 @@ function qs({ data: a, defaultExpanded: t = [], selectedId: r, onSelect: n, clas
           ),
           children: [
             b ? /* @__PURE__ */ e(
-              ie,
+              se,
               {
                 className: l("size-3.5 shrink-0 text-foreground-subtle transition-transform", g && "rotate-90"),
                 "aria-hidden": !0
@@ -4056,7 +4056,7 @@ function qs({ 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 Qs({ brand: a, title: t, subtitle: r, children: n, footer: o }) {
+function Zs({ 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,14 +4067,14 @@ function Qs({ 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 Xs({ onSubmit: a, loading: t, error: r, forgotHref: n = "/forgot" }) {
+function ei({ 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 });
   }, className: "space-y-4", children: [
-    r && /* @__PURE__ */ e(rt, { variant: "danger", children: r }),
+    r && /* @__PURE__ */ e(Ze, { variant: "danger", children: r }),
     /* @__PURE__ */ e(
-      j,
+      L,
       {
         type: "email",
         label: "Email",
@@ -4085,7 +4085,7 @@ function Xs({ onSubmit: a, loading: t, error: r, forgotHref: n = "/forgot" }) {
       }
     ),
     /* @__PURE__ */ e(
-      j,
+      L,
       {
         type: "password",
         label: "Password",
@@ -4103,10 +4103,10 @@ function Xs({ onSubmit: a, loading: t, error: r, forgotHref: n = "/forgot" }) {
         children: "Forgot password?"
       }
     ) }),
-    /* @__PURE__ */ e(I, { type: "submit", loading: t, className: "w-full", trailingIcon: /* @__PURE__ */ e(De, {}), children: "Sign in" })
+    /* @__PURE__ */ e(I, { type: "submit", loading: t, className: "w-full", trailingIcon: /* @__PURE__ */ e(ze, {}), children: "Sign in" })
   ] });
 }
-function Ys({ onSubmit: a, loading: t, error: r }) {
+function ti({ onSubmit: a, loading: t, error: r }) {
   const [n, o] = w(""), [i, d] = w(""), [u, f] = w("");
   return /* @__PURE__ */ s(
     "form",
@@ -4116,10 +4116,10 @@ function Ys({ onSubmit: a, loading: t, error: r }) {
       },
       className: "space-y-4",
       children: [
-        r && /* @__PURE__ */ e(rt, { variant: "danger", children: r }),
-        /* @__PURE__ */ e(j, { label: "Full name", value: n, onChange: (c) => o(c.target.value), required: !0 }),
+        r && /* @__PURE__ */ e(Ze, { variant: "danger", children: r }),
+        /* @__PURE__ */ e(L, { label: "Full name", value: n, onChange: (c) => o(c.target.value), required: !0 }),
         /* @__PURE__ */ e(
-          j,
+          L,
           {
             type: "email",
             label: "Work email",
@@ -4130,7 +4130,7 @@ function Ys({ onSubmit: a, loading: t, error: r }) {
           }
         ),
         /* @__PURE__ */ e(
-          j,
+          L,
           {
             type: "password",
             label: "Password",
@@ -4147,7 +4147,7 @@ function Ys({ onSubmit: a, loading: t, error: r }) {
     }
   );
 }
-function Js({ onSubmit: a, loading: t, error: r }) {
+function ri({ onSubmit: a, loading: t, error: r }) {
   const [n, o] = w("");
   return /* @__PURE__ */ s(
     "form",
@@ -4157,9 +4157,9 @@ function Js({ onSubmit: a, loading: t, error: r }) {
       },
       className: "space-y-4",
       children: [
-        r && /* @__PURE__ */ e(rt, { variant: "danger", children: r }),
+        r && /* @__PURE__ */ e(Ze, { variant: "danger", children: r }),
         /* @__PURE__ */ e(
-          j,
+          L,
           {
             type: "email",
             label: "Email",
@@ -4170,21 +4170,21 @@ function Js({ onSubmit: a, loading: t, error: r }) {
             required: !0
           }
         ),
-        /* @__PURE__ */ e(I, { type: "submit", loading: t, className: "w-full", leadingIcon: /* @__PURE__ */ e(rr, {}), children: "Send reset link" })
+        /* @__PURE__ */ e(I, { type: "submit", loading: t, className: "w-full", leadingIcon: /* @__PURE__ */ e(Jt, {}), children: "Send reset link" })
       ]
     }
   );
 }
-function Zs({ email: a, onResend: t }) {
+function ni({ 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(Ce, { className: "size-6", "aria-hidden": !0 }) }),
+    /* @__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: [
       "We sent a sign-in link to",
       " ",
       /* @__PURE__ */ e("span", { className: "font-medium text-foreground", children: a }),
       ". Open it on this device to continue."
     ] }),
-    /* @__PURE__ */ e(Ne, {}),
+    /* @__PURE__ */ e(be, {}),
     /* @__PURE__ */ s("p", { className: "text-xs text-foreground-subtle", children: [
       "Didn't get it?",
       " ",
@@ -4200,88 +4200,179 @@ function Zs({ email: a, onResend: t }) {
     ] })
   ] });
 }
-function fe(a) {
+function ke(a) {
   typeof window > "u" || (window.location.hash = a);
 }
-function Hr({ active: a }) {
-  return /* @__PURE__ */ s(re, { children: [
-    /* @__PURE__ */ s(Ge, { label: "Workspace", children: [
-      /* @__PURE__ */ e(Z, { href: "#dashboard", icon: /* @__PURE__ */ e(Yt, {}), active: a === "home", children: "Home" }),
-      /* @__PURE__ */ e(Z, { href: "#data-table", icon: /* @__PURE__ */ e(qe, {}), active: a === "projects", trailing: /* @__PURE__ */ e(U, { tone: "neutral", children: "12" }), children: "Projects" }),
-      /* @__PURE__ */ e(Z, { href: "#first-run", icon: /* @__PURE__ */ e(Jt, {}), active: a === "inbox", trailing: /* @__PURE__ */ e(U, { tone: "accent", children: "5" }), children: "Inbox" }),
-      /* @__PURE__ */ e(Z, { href: "#record", icon: /* @__PURE__ */ e(et, {}), active: a === "members", trailing: /* @__PURE__ */ e(U, { tone: "neutral", children: "3" }), children: "Members" }),
-      /* @__PURE__ */ e(Z, { href: "#dashboard", icon: /* @__PURE__ */ e(Rt, {}), active: a === "insights", children: "Insights" })
-    ] }),
-    /* @__PURE__ */ s(Ge, { label: "Personal", children: [
-      /* @__PURE__ */ e(Z, { href: "#pricing", icon: /* @__PURE__ */ e(Et, {}), active: a === "bookmarks", children: "Bookmarks" }),
-      /* @__PURE__ */ e(Z, { href: "#onboarding", icon: /* @__PURE__ */ e(Zt, {}), active: a === "apps", children: "Apps" })
-    ] }),
-    /* @__PURE__ */ s(Ge, { label: "Account", children: [
-      /* @__PURE__ */ e(Z, { href: "#settings", icon: /* @__PURE__ */ e(Je, {}), active: a === "settings", children: "Settings" }),
-      /* @__PURE__ */ e(Z, { href: "#settings", icon: /* @__PURE__ */ e(sr, {}), active: a === "integrations", children: "Integrations" }),
-      /* @__PURE__ */ e(Z, { href: "#", icon: /* @__PURE__ */ e(pt, {}), active: a === "help", children: "Help & docs" })
-    ] })
-  ] });
-}
-function ei({ children: a, brand: t, active: r = "home" }) {
+const xo = [
+  {
+    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: "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" }
+    ]
+  },
+  {
+    label: "Personal",
+    items: [
+      { key: "bookmarks", label: "Bookmarks", icon: /* @__PURE__ */ e(Et, {}), href: "#pricing" },
+      { key: "apps", label: "Apps", icon: /* @__PURE__ */ e(Qt, {}), href: "#onboarding" }
+    ]
+  },
+  {
+    label: "Account",
+    items: [
+      { key: "settings", label: "Settings", icon: /* @__PURE__ */ e(qe, {}), href: "#settings" },
+      { key: "integrations", label: "Integrations", icon: /* @__PURE__ */ e(rr, {}), href: "#settings" },
+      { key: "help", label: "Help & docs", icon: /* @__PURE__ */ e(ft, {}), href: "#" }
+    ]
+  }
+], vo = {
+  name: "Bay Otgonbayar",
+  email: "bay@craftzbay.com",
+  initials: "BO",
+  status: "online"
+}, No = [
+  { 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 = [
+  { 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") },
+  {
+    label: "Upgrade plan",
+    icon: /* @__PURE__ */ e(nr, { className: "size-4" }),
+    trailing: /* @__PURE__ */ e(W, { tone: "accent", className: "ml-auto", children: "Pro" }),
+    onSelect: () => ke("pricing")
+  },
+  { 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({
+  children: a,
+  brand: t,
+  active: r = "home",
+  navSections: n = xo,
+  sidebar: o,
+  topbarActions: i,
+  search: d,
+  user: u = vo,
+  profileMenu: f = yo,
+  notifications: c = No,
+  onMarkAllNotificationsRead: h,
+  onViewAllNotifications: b
+}) {
   return /* @__PURE__ */ s("div", { className: "flex min-h-screen w-full bg-background", children: [
-    /* @__PURE__ */ e(Br, { defaultCollapsed: !1, header: t, footer: /* @__PURE__ */ e(Wr, {}), children: /* @__PURE__ */ e(Hr, { active: r }) }),
+    /* @__PURE__ */ e(Er, { 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(xo, { brand: t, active: r }),
+      /* @__PURE__ */ e(
+        wo,
+        {
+          brand: t,
+          active: r,
+          navSections: n,
+          sidebar: o,
+          user: u,
+          search: d,
+          topbarActions: i,
+          notifications: c,
+          profileMenu: f,
+          onMarkAllNotificationsRead: h,
+          onViewAllNotifications: b
+        }
+      ),
       /* @__PURE__ */ e("main", { className: "flex-1 overflow-y-auto p-4 md:p-8", children: a })
     ] })
   ] });
 }
-function xo({ brand: a, active: t }) {
-  const [r, n] = w(!1);
+function Kr({
+  sections: a,
+  active: t
+}) {
+  return /* @__PURE__ */ e(te, { children: a.map((r, n) => /* @__PURE__ */ e($r, { label: r.label, children: r.items.map((o) => /* @__PURE__ */ e(
+    Or,
+    {
+      href: o.href,
+      icon: o.icon,
+      active: o.key === t,
+      trailing: o.trailing,
+      onClick: o.onClick,
+      children: o.label
+    },
+    o.key
+  )) }, n)) });
+}
+function wo({
+  brand: a,
+  active: t,
+  navSections: r,
+  sidebar: n,
+  user: o,
+  search: i,
+  topbarActions: d,
+  notifications: u,
+  profileMenu: f,
+  onMarkAllNotificationsRead: c,
+  onViewAllNotifications: h
+}) {
+  const [b, g] = w(!1), p = i === !1 ? null : i ?? /* @__PURE__ */ e(
+    L,
+    {
+      type: "search",
+      placeholder: "Search projects, members, files…",
+      hideLabel: !0,
+      label: "Search",
+      prefix: /* @__PURE__ */ e(Ke, {}),
+      suffix: /* @__PURE__ */ e(zr, { children: "⌘K" })
+    }
+  );
   return /* @__PURE__ */ s("header", { className: "sticky top-0 z-30 flex h-14 items-center gap-3 border-b border-border bg-background/80 px-4 backdrop-blur md:px-6", children: [
     /* @__PURE__ */ s("div", { className: "flex items-center gap-2 md:hidden", children: [
-      /* @__PURE__ */ s(_a, { open: r, onOpenChange: n, children: [
-        /* @__PURE__ */ e(Aa, { asChild: !0, children: /* @__PURE__ */ e(Fe, { "aria-label": "Open menu", icon: /* @__PURE__ */ e(nr, {}), variant: "ghost", size: "sm" }) }),
+      /* @__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__ */ 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: () => n(!1), children: /* @__PURE__ */ e(Hr, { active: t }) }),
-          /* @__PURE__ */ e("div", { className: "border-t border-border p-2", children: /* @__PURE__ */ e(Wr, {}) })
+          /* @__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 }) })
         ] })
       ] }),
       /* @__PURE__ */ e("div", { className: "text-sm", children: a })
     ] }),
-    /* @__PURE__ */ e("div", { className: "relative hidden flex-1 max-w-xl sm:block", children: /* @__PURE__ */ e(
-      j,
-      {
-        type: "search",
-        placeholder: "Search projects, members, files…",
-        hideLabel: !0,
-        label: "Search",
-        prefix: /* @__PURE__ */ e(Ye, {}),
-        suffix: /* @__PURE__ */ e(Sr, { children: "⌘K" })
-      }
-    ) }),
+    p && /* @__PURE__ */ e("div", { className: "relative hidden max-w-xl flex-1 sm:block", children: p }),
     /* @__PURE__ */ s("div", { className: "ml-auto flex items-center gap-1", children: [
-      /* @__PURE__ */ e(vo, {}),
-      /* @__PURE__ */ e(No, {})
+      d,
+      u.length > 0 && /* @__PURE__ */ e(
+        ko,
+        {
+          notifications: u,
+          onMarkAllRead: c,
+          onViewAll: h
+        }
+      ),
+      /* @__PURE__ */ e(Co, { user: o, items: f })
     ] })
   ] });
 }
-const Ft = [
-  { 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" }
-];
-function vo() {
-  const a = Ft.filter((t) => t.unread).length;
-  return /* @__PURE__ */ s(Nt, { children: [
-    /* @__PURE__ */ e(yt, { asChild: !0, children: /* @__PURE__ */ s(
+function ko({
+  notifications: a,
+  onMarkAllRead: t,
+  onViewAll: r
+}) {
+  const n = a.filter((o) => o.unread).length;
+  return /* @__PURE__ */ s(bt, { children: [
+    /* @__PURE__ */ e(xt, { asChild: !0, children: /* @__PURE__ */ s(
       "button",
       {
         type: "button",
-        "aria-label": `Notifications${a ? `, ${a} unread` : ""}`,
+        "aria-label": `Notifications${n ? `, ${n} unread` : ""}`,
         className: "relative inline-flex size-9 items-center justify-center rounded-md text-foreground-muted outline-none transition-colors hover:bg-background-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
         children: [
-          /* @__PURE__ */ e(mt, { className: "size-4" }),
-          a > 0 && /* @__PURE__ */ e(
+          /* @__PURE__ */ e(dt, { className: "size-4" }),
+          n > 0 && /* @__PURE__ */ e(
             "span",
             {
               "aria-hidden": !0,
@@ -4291,34 +4382,35 @@ function vo() {
         ]
       }
     ) }),
-    /* @__PURE__ */ s(ot, { align: "end", className: "w-80 p-0", children: [
+    /* @__PURE__ */ s(rt, { align: "end", className: "w-80 p-0", children: [
       /* @__PURE__ */ s("div", { className: "flex items-center justify-between border-b border-border px-3 py-2.5", children: [
         /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: "Notifications" }),
-          a > 0 && /* @__PURE__ */ s(U, { tone: "accent", children: [
-            a,
+          n > 0 && /* @__PURE__ */ s(W, { tone: "accent", children: [
+            n,
             " new"
           ] })
         ] }),
-        /* @__PURE__ */ e(
+        t && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
+            onClick: t,
             className: "text-xs text-foreground-muted hover:text-foreground",
             children: "Mark all read"
           }
         )
       ] }),
-      /* @__PURE__ */ e("ul", { className: "max-h-80 overflow-y-auto py-1", children: Ft.map((t) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s(
+      /* @__PURE__ */ e("ul", { className: "max-h-80 overflow-y-auto py-1", children: a.map((o) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s(
         "button",
         {
           type: "button",
-          onClick: () => fe("record"),
+          onClick: o.onClick,
           className: "flex w-full items-start gap-3 px-3 py-2.5 text-left outline-none hover:bg-background-muted focus-visible:bg-background-muted",
           children: [
             /* @__PURE__ */ s("div", { className: "relative mt-0.5", children: [
-              /* @__PURE__ */ e(ee, { size: "sm", fallback: t.who.initials }),
-              t.unread && /* @__PURE__ */ e(
+              /* @__PURE__ */ e(Z, { size: "sm", fallback: o.who.initials }),
+              o.unread && /* @__PURE__ */ e(
                 "span",
                 {
                   "aria-hidden": !0,
@@ -4328,22 +4420,22 @@ function vo() {
             ] }),
             /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: [
               /* @__PURE__ */ s("p", { className: "text-sm leading-snug", children: [
-                /* @__PURE__ */ e("span", { className: "font-medium text-foreground", children: t.who.name }),
+                /* @__PURE__ */ e("span", { className: "font-medium text-foreground", children: o.who.name }),
                 " ",
-                /* @__PURE__ */ e("span", { className: "text-foreground-muted", children: t.action }),
+                /* @__PURE__ */ e("span", { className: "text-foreground-muted", children: o.action }),
                 " ",
-                /* @__PURE__ */ e("span", { className: "font-medium text-foreground", children: t.target })
+                /* @__PURE__ */ e("span", { className: "font-medium text-foreground", children: o.target })
               ] }),
-              /* @__PURE__ */ e("p", { className: "mt-0.5 text-xs text-foreground-subtle", children: t.when })
+              /* @__PURE__ */ e("p", { className: "mt-0.5 text-xs text-foreground-subtle", children: o.when })
             ] })
           ]
         }
-      ) }, t.id)) }),
-      /* @__PURE__ */ e("div", { className: "border-t border-border px-3 py-2 text-center", children: /* @__PURE__ */ e(
+      ) }, o.id)) }),
+      r && /* @__PURE__ */ e("div", { className: "border-t border-border px-3 py-2 text-center", children: /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          onClick: () => fe("record"),
+          onClick: r,
           className: "text-xs font-medium text-accent hover:underline",
           children: "View all notifications"
         }
@@ -4351,151 +4443,149 @@ function vo() {
     ] })
   ] });
 }
-function No() {
-  return /* @__PURE__ */ s(Nt, { children: [
-    /* @__PURE__ */ e(yt, { asChild: !0, children: /* @__PURE__ */ e(
+function Co({
+  user: a,
+  items: t
+}) {
+  return /* @__PURE__ */ s(bt, { children: [
+    /* @__PURE__ */ e(xt, { asChild: !0, children: /* @__PURE__ */ e(
       "button",
       {
         type: "button",
         "aria-label": "Open profile menu",
-        className: "flex items-center gap-2 rounded-full p-0.5 outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background hover:bg-background-muted",
-        children: /* @__PURE__ */ e(ee, { size: "sm", fallback: "BO", status: "online" })
+        className: "flex items-center gap-2 rounded-full p-0.5 outline-none hover:bg-background-muted focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+        children: /* @__PURE__ */ e(Z, { size: "sm", fallback: a.initials, status: a.status })
       }
     ) }),
-    /* @__PURE__ */ s(ot, { align: "end", className: "w-60", children: [
-      /* @__PURE__ */ e(wt, { children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-0.5", children: [
-        /* @__PURE__ */ e("span", { className: "text-sm font-medium text-foreground", children: "Bay Otgonbayar" }),
-        /* @__PURE__ */ e("span", { className: "text-xs text-foreground-subtle", children: "bay@craftzbay.com" })
+    /* @__PURE__ */ s(rt, { align: "end", className: "w-60", children: [
+      /* @__PURE__ */ e(vt, { children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-0.5", children: [
+        /* @__PURE__ */ e("span", { className: "text-sm font-medium text-foreground", children: a.name }),
+        a.email && /* @__PURE__ */ e("span", { className: "text-xs text-foreground-subtle", children: a.email })
       ] }) }),
-      /* @__PURE__ */ e(Me, {}),
-      /* @__PURE__ */ s(ve, { onSelect: () => fe("record"), children: [
-        /* @__PURE__ */ e(vt, { className: "size-4" }),
-        "Profile"
-      ] }),
-      /* @__PURE__ */ s(ve, { onSelect: () => fe("settings"), children: [
-        /* @__PURE__ */ e(Je, { className: "size-4" }),
-        "Account settings"
-      ] }),
-      /* @__PURE__ */ s(ve, { onSelect: () => fe("pricing"), children: [
-        /* @__PURE__ */ e(ir, { className: "size-4" }),
-        "Upgrade plan",
-        /* @__PURE__ */ e(U, { tone: "accent", className: "ml-auto", children: "Pro" })
-      ] }),
-      /* @__PURE__ */ e(Me, {}),
-      /* @__PURE__ */ s(ve, { onSelect: () => fe("first-run"), children: [
-        /* @__PURE__ */ e(pt, { className: "size-4" }),
-        "Help & support"
-      ] }),
-      /* @__PURE__ */ e(Me, {}),
-      /* @__PURE__ */ s(ve, { onSelect: () => fe("auth-signin"), children: [
-        /* @__PURE__ */ e(tr, { className: "size-4" }),
-        "Sign out"
-      ] })
+      /* @__PURE__ */ e($e, {}),
+      t.map((r, n) => /* @__PURE__ */ s(Yr, { children: [
+        r.separatorAbove && /* @__PURE__ */ e($e, {}),
+        /* @__PURE__ */ s(mr, { onSelect: r.onSelect, children: [
+          r.icon,
+          r.label,
+          r.trailing
+        ] })
+      ] }, n))
     ] })
   ] });
 }
-function Wr() {
+function qr({ user: a }) {
   return /* @__PURE__ */ s("div", { className: "flex items-center gap-2.5 rounded-md px-2 py-1.5", children: [
-    /* @__PURE__ */ e(ee, { fallback: "BO", size: "sm", status: "online" }),
+    /* @__PURE__ */ e(Z, { fallback: a.initials, size: "sm", status: a.status }),
     /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ e("p", { className: "truncate text-sm font-medium text-foreground", children: "Bay Otgonbayar" }),
-      /* @__PURE__ */ e("p", { className: "truncate text-xs text-foreground-subtle", children: "Owner" })
+      /* @__PURE__ */ e("p", { className: "truncate text-sm font-medium text-foreground", children: a.name }),
+      a.email && /* @__PURE__ */ e("p", { className: "truncate text-xs text-foreground-subtle", children: a.email })
     ] })
   ] });
 }
-const yo = [
+const So = [
   { 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 } }
-], wo = [
+], zo = [
   { 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 ti() {
+function oi({
+  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,
+  chart: o,
+  chartTitle: i = "Active users",
+  chartDescription: d = "Distinct sessions per day, last 30 days.",
+  activity: u = zo,
+  activityTitle: f = "Recent activity"
+} = {}) {
   return /* @__PURE__ */ s("div", { className: "space-y-8", children: [
     /* @__PURE__ */ s("header", { className: "flex items-end justify-between gap-4", children: [
       /* @__PURE__ */ s("div", { children: [
-        /* @__PURE__ */ e("h1", { className: "text-2xl font-semibold tracking-tight text-foreground", children: "Overview" }),
-        /* @__PURE__ */ e("p", { className: "text-sm text-foreground-muted mt-1", children: "What's happening across your workspace today." })
+        /* @__PURE__ */ e("h1", { className: "text-2xl font-semibold tracking-tight text-foreground", children: a }),
+        t && /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-foreground-muted", children: t })
       ] }),
-      /* @__PURE__ */ e("div", { className: "hidden md:flex items-center gap-2", children: /* @__PURE__ */ e(U, { tone: "neutral", variant: "outline", children: "Last 7 days" }) })
+      r && /* @__PURE__ */ e("div", { className: "hidden items-center gap-2 md:flex", children: r })
     ] }),
-    /* @__PURE__ */ e("section", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4", children: yo.map((a) => /* @__PURE__ */ s(V, { children: [
-      /* @__PURE__ */ e(H, { className: "pb-2", children: /* @__PURE__ */ e(se, { children: a.label }) }),
-      /* @__PURE__ */ e(W, { children: /* @__PURE__ */ s("div", { className: "flex items-baseline gap-2", children: [
-        /* @__PURE__ */ e("span", { className: "text-2xl font-semibold tabular text-foreground", children: a.value }),
-        a.delta && /* @__PURE__ */ e(
+    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(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(
           "span",
           {
-            className: a.delta.positive ? "text-xs font-medium text-success-text tabular" : "text-xs font-medium text-danger-text tabular",
-            children: a.delta.value
+            className: c.delta.positive ? "tabular text-xs font-medium text-success-text" : "tabular text-xs font-medium text-danger-text",
+            children: c.delta.value
           }
         )
       ] }) })
-    ] }, a.label)) }),
-    /* @__PURE__ */ s(V, { children: [
+    ] }, h)) }),
+    (o !== void 0 || i) && /* @__PURE__ */ s(V, { children: [
       /* @__PURE__ */ s(H, { children: [
-        /* @__PURE__ */ e(Q, { children: "Active users" }),
-        /* @__PURE__ */ e(se, { children: "Distinct sessions per day, last 30 days." })
+        i && /* @__PURE__ */ e(Q, { children: i }),
+        d && /* @__PURE__ */ e(oe, { children: d })
       ] }),
-      /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(U, { children: o ?? /* @__PURE__ */ e(
         "div",
         {
           role: "img",
-          "aria-label": "Active users sparkline",
+          "aria-label": "Chart placeholder",
           className: "h-48 w-full rounded-md border border-dashed border-border bg-background-subtle"
         }
       ) })
     ] }),
-    /* @__PURE__ */ s(V, { padding: "none", children: [
-      /* @__PURE__ */ e(H, { className: "px-5 pt-5", children: /* @__PURE__ */ e(Q, { children: "Recent activity" }) }),
-      /* @__PURE__ */ s(kt, { children: [
-        /* @__PURE__ */ e(Ct, { children: /* @__PURE__ */ s(ge, { children: [
-          /* @__PURE__ */ e(he, { children: "Who" }),
-          /* @__PURE__ */ e(he, { children: "Action" }),
-          /* @__PURE__ */ e(he, { children: "Target" }),
-          /* @__PURE__ */ e(he, { className: "text-right", children: "When" })
+    u.length > 0 && /* @__PURE__ */ s(V, { padding: "none", children: [
+      /* @__PURE__ */ e(H, { 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" }),
+          /* @__PURE__ */ e(fe, { children: "Action" }),
+          /* @__PURE__ */ e(fe, { children: "Target" }),
+          /* @__PURE__ */ e(fe, { className: "text-right", children: "When" })
         ] }) }),
-        /* @__PURE__ */ e(St, { children: wo.map((a) => /* @__PURE__ */ s(ge, { children: [
-          /* @__PURE__ */ e(ce, { children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e(ee, { size: "xs", fallback: a.who.initials }),
-            /* @__PURE__ */ e("span", { className: "text-foreground", children: a.who.name })
+        /* @__PURE__ */ e(wt, { children: u.map((c) => /* @__PURE__ */ s(me, { children: [
+          /* @__PURE__ */ e(de, { children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e(Z, { size: "xs", fallback: c.who.initials }),
+            /* @__PURE__ */ e("span", { className: "text-foreground", children: c.who.name })
           ] }) }),
-          /* @__PURE__ */ e(ce, { className: "text-foreground-muted", children: a.action }),
-          /* @__PURE__ */ e(ce, { children: /* @__PURE__ */ e(U, { tone: "neutral", variant: "outline", children: a.target }) }),
-          /* @__PURE__ */ e(ce, { className: "text-right tabular text-foreground-subtle", children: a.when })
-        ] }, a.id)) })
+          /* @__PURE__ */ e(de, { className: "text-foreground-muted", children: c.action }),
+          /* @__PURE__ */ e(de, { children: /* @__PURE__ */ e(W, { tone: "neutral", variant: "outline", children: c.target }) }),
+          /* @__PURE__ */ e(de, { className: "tabular text-right text-foreground-subtle", children: c.when })
+        ] }, c.id)) })
       ] })
     ] })
   ] });
 }
-const ko = [
+const To = [
   {
     id: "profile",
     label: "Profile",
-    icon: /* @__PURE__ */ e(vt, {}),
+    icon: /* @__PURE__ */ e(pt, {}),
     render: () => /* @__PURE__ */ s(V, { children: [
       /* @__PURE__ */ s(H, { children: [
         /* @__PURE__ */ e(Q, { children: "Profile" }),
-        /* @__PURE__ */ e(se, { children: "Visible to your teammates." })
+        /* @__PURE__ */ e(oe, { children: "Visible to your teammates." })
       ] }),
-      /* @__PURE__ */ s(W, { className: "space-y-4", children: [
+      /* @__PURE__ */ s(U, { className: "space-y-4", children: [
         /* @__PURE__ */ s("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ e(ee, { size: "xl", fallback: "BO" }),
+          /* @__PURE__ */ e(Z, { size: "xl", fallback: "BO" }),
           /* @__PURE__ */ s("div", { children: [
             /* @__PURE__ */ e(I, { variant: "outline", size: "sm", children: "Change photo" }),
             /* @__PURE__ */ e("p", { className: "mt-2 text-xs text-foreground-subtle", children: "JPG or PNG, max 2 MB." })
           ] })
         ] }),
-        /* @__PURE__ */ e(Ne, {}),
+        /* @__PURE__ */ e(be, {}),
         /* @__PURE__ */ s("div", { className: "grid gap-4 sm:grid-cols-2", children: [
-          /* @__PURE__ */ e(j, { label: "First name", defaultValue: "Bay" }),
-          /* @__PURE__ */ e(j, { label: "Last name", defaultValue: "Otgonbayar" })
+          /* @__PURE__ */ e(L, { label: "First name", defaultValue: "Bay" }),
+          /* @__PURE__ */ e(L, { label: "Last name", defaultValue: "Otgonbayar" })
         ] }),
-        /* @__PURE__ */ e(j, { label: "Display email", type: "email", defaultValue: "bay@company.com" }),
+        /* @__PURE__ */ e(L, { label: "Display email", type: "email", defaultValue: "bay@company.com" }),
         /* @__PURE__ */ e("div", { className: "flex justify-end", children: /* @__PURE__ */ e(I, { children: "Save changes" }) })
       ] })
     ] })
@@ -4503,22 +4593,22 @@ const ko = [
   {
     id: "security",
     label: "Security",
-    icon: /* @__PURE__ */ e(er, {}),
+    icon: /* @__PURE__ */ e(Xt, {}),
     render: () => /* @__PURE__ */ s(V, { children: [
       /* @__PURE__ */ s(H, { children: [
         /* @__PURE__ */ e(Q, { children: "Security" }),
-        /* @__PURE__ */ e(se, { children: "How you sign in and protect your account." })
+        /* @__PURE__ */ e(oe, { children: "How you sign in and protect your account." })
       ] }),
-      /* @__PURE__ */ s(W, { className: "space-y-4", children: [
-        /* @__PURE__ */ e(j, { label: "Current password", type: "password" }),
-        /* @__PURE__ */ e(j, { label: "New password", type: "password", helperText: "At least 8 characters." }),
-        /* @__PURE__ */ e(Ne, {}),
+      /* @__PURE__ */ s(U, { className: "space-y-4", children: [
+        /* @__PURE__ */ e(L, { label: "Current password", type: "password" }),
+        /* @__PURE__ */ e(L, { label: "New password", type: "password", helperText: "At least 8 characters." }),
+        /* @__PURE__ */ e(be, {}),
         /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ s("div", { children: [
             /* @__PURE__ */ e("p", { className: "text-sm font-medium text-foreground", children: "Two-factor authentication" }),
             /* @__PURE__ */ e("p", { className: "text-xs text-foreground-subtle", children: "Required for admin accounts on production." })
           ] }),
-          /* @__PURE__ */ e(Te, { defaultChecked: !0 })
+          /* @__PURE__ */ e(Ce, { defaultChecked: !0 })
         ] }),
         /* @__PURE__ */ e("div", { className: "flex justify-end", children: /* @__PURE__ */ e(I, { children: "Update password" }) })
       ] })
@@ -4527,31 +4617,31 @@ const ko = [
   {
     id: "notifications",
     label: "Notifications",
-    icon: /* @__PURE__ */ e(mt, {}),
+    icon: /* @__PURE__ */ e(dt, {}),
     render: () => /* @__PURE__ */ s(V, { children: [
       /* @__PURE__ */ s(H, { children: [
         /* @__PURE__ */ e(Q, { children: "Notifications" }),
-        /* @__PURE__ */ e(se, { children: "Choose what we email and ping you about." })
+        /* @__PURE__ */ e(oe, { children: "Choose what we email and ping you about." })
       ] }),
-      /* @__PURE__ */ s(W, { className: "space-y-4", children: [
-        /* @__PURE__ */ e(Te, { label: "Product updates", description: "A short note when we ship something.", defaultChecked: !0 }),
-        /* @__PURE__ */ e(Ne, {}),
-        /* @__PURE__ */ e(Te, { label: "Mentions", description: "When a teammate @ mentions you in a comment.", defaultChecked: !0 }),
-        /* @__PURE__ */ e(Ne, {}),
-        /* @__PURE__ */ e(Te, { label: "Weekly digest", description: "A Monday-morning summary of last week's activity." })
+      /* @__PURE__ */ s(U, { className: "space-y-4", children: [
+        /* @__PURE__ */ e(Ce, { label: "Product updates", description: "A short note when we ship something.", defaultChecked: !0 }),
+        /* @__PURE__ */ e(be, {}),
+        /* @__PURE__ */ e(Ce, { label: "Mentions", description: "When a teammate @ mentions you in a comment.", defaultChecked: !0 }),
+        /* @__PURE__ */ e(be, {}),
+        /* @__PURE__ */ e(Ce, { label: "Weekly digest", description: "A Monday-morning summary of last week's activity." })
       ] })
     ] })
   },
   {
     id: "billing",
     label: "Billing",
-    icon: /* @__PURE__ */ e(Ht, {}),
+    icon: /* @__PURE__ */ e(Rt, {}),
     render: () => /* @__PURE__ */ s(V, { children: [
       /* @__PURE__ */ s(H, { children: [
         /* @__PURE__ */ e(Q, { children: "Billing" }),
-        /* @__PURE__ */ e(se, { children: "Your plan, invoices, and payment method." })
+        /* @__PURE__ */ e(oe, { children: "Your plan, invoices, and payment method." })
       ] }),
-      /* @__PURE__ */ s(W, { className: "space-y-4", children: [
+      /* @__PURE__ */ s(U, { className: "space-y-4", children: [
         /* @__PURE__ */ s("div", { className: "rounded-md border border-border bg-background-subtle p-4", children: [
           /* @__PURE__ */ e("p", { className: "text-sm font-medium text-foreground", children: "Team — $20/user/month" }),
           /* @__PURE__ */ e("p", { className: "mt-1 text-xs text-foreground-subtle", children: "Renews on 1 June 2026 · 12 seats" })
@@ -4566,16 +4656,16 @@ const ko = [
   {
     id: "team",
     label: "Team",
-    icon: /* @__PURE__ */ e(et, {}),
+    icon: /* @__PURE__ */ e(Xe, {}),
     render: () => /* @__PURE__ */ s(V, { children: [
       /* @__PURE__ */ s(H, { children: [
         /* @__PURE__ */ e(Q, { children: "Team" }),
-        /* @__PURE__ */ e(se, { children: "Invite teammates and manage roles." })
+        /* @__PURE__ */ e(oe, { children: "Invite teammates and manage roles." })
       ] }),
-      /* @__PURE__ */ s(W, { className: "space-y-4", children: [
+      /* @__PURE__ */ s(U, { className: "space-y-4", children: [
         /* @__PURE__ */ s("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ e(
-            j,
+            L,
             {
               type: "email",
               placeholder: "teammate@company.com",
@@ -4591,10 +4681,10 @@ const ko = [
     ] })
   }
 ];
-function ri({
+function si({
   title: a = "Settings",
   subtitle: t = "Manage your account, preferences, and billing.",
-  sections: r = ko,
+  sections: r = To,
   defaultSection: n,
   activeSection: o,
   onActiveSectionChange: i,
@@ -4633,17 +4723,17 @@ function ri({
     ] })
   ] });
 }
-const Co = [
+const Io = [
   { 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" },
   { id: "p4", name: "Billing spike", status: "archived", owner: "Khulan O.", updatedAt: "Last week" },
   { id: "p5", name: "Marketing refresh", status: "active", owner: "Anu B.", updatedAt: "Last week" }
-], jt = {
+], Pt = {
   active: { tone: "success", label: "Active" },
   paused: { tone: "warning", label: "Paused" },
   archived: { tone: "neutral", label: "Archived" }
-}, So = [
+}, Mo = [
   {
     key: "name",
     header: "Name",
@@ -4653,11 +4743,11 @@ const Co = [
   {
     key: "status",
     header: "Status",
-    cell: (a) => /* @__PURE__ */ e(U, { tone: jt[a.status].tone, dot: !0, children: jt[a.status].label })
+    cell: (a) => /* @__PURE__ */ e(W, { tone: Pt[a.status].tone, dot: !0, children: Pt[a.status].label })
   },
   { key: "owner", header: "Owner" },
   { key: "updatedAt", header: "Updated", align: "right" }
-], zo = [
+], Do = [
   {
     key: "status",
     label: "Status",
@@ -4668,19 +4758,19 @@ const Co = [
       { value: "archived", label: "Archived" }
     ]
   }
-], To = /* @__PURE__ */ s(re, { children: [
-  /* @__PURE__ */ e(I, { variant: "outline", leadingIcon: /* @__PURE__ */ e(Ze, {}), children: "Import" }),
-  /* @__PURE__ */ e(I, { leadingIcon: /* @__PURE__ */ e(bt, {}), children: "New project" })
-] }), Io = [
-  { label: "Export", icon: /* @__PURE__ */ e(Wt, {}), variant: "ghost", onAction: () => {
+], Po = /* @__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 = [
+  { label: "Export", icon: /* @__PURE__ */ e(Bt, {}), variant: "ghost", onAction: () => {
   } },
-  { label: "Delete", icon: /* @__PURE__ */ e(xt, {}), variant: "ghost", onAction: () => {
+  { label: "Delete", icon: /* @__PURE__ */ e(ht, {}), variant: "ghost", onAction: () => {
   } }
 ];
-function ni({
+function ii({
   title: a = "Projects",
   subtitle: t,
-  headerActions: r = To,
+  headerActions: r = Po,
   rows: n,
   columns: o,
   filters: i,
@@ -4692,47 +4782,47 @@ function ni({
   emptyState: b,
   className: g
 } = {}) {
-  const p = n ?? Co, x = o ?? So, N = i ?? zo, v = h ?? Io, [T, F] = w(""), [M, z] = w(() => {
+  const p = n ?? Io, x = o ?? Mo, N = i ?? Do, v = h ?? _o, [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([]), [B, K] = w(1), [q, de] = w(c), _ = ye(() => {
+  }), [y, k] = w([]), [j, K] = w(1), [q, le] = w(c), _ = xe(() => {
     const S = (P) => {
       const J = T.toLowerCase();
       if (J && !Object.values(P).some(
-        (xe) => typeof xe == "string" && xe.toLowerCase().includes(J)
+        (pe) => typeof pe == "string" && pe.toLowerCase().includes(J)
       ))
         return !1;
-      for (const [Be, xe] of Object.entries(M))
-        if (!(!xe || xe === "all") && P[Be] !== xe)
+      for (const [Pe, pe] of Object.entries(M))
+        if (!(!pe || pe === "all") && P[Pe] !== pe)
           return !1;
       return !0;
     };
     return p.filter(
       (P) => d ? d(P, M, T) : S(P)
     );
-  }, [p, T, M, d]), G = _.length > 0 && _.every((S) => y.includes(S.id)), ae = y.length > 0 && !G, C = ye(
+  }, [p, T, M, d]), G = _.length > 0 && _.every((S) => y.includes(S.id)), ne = y.length > 0 && !G, C = xe(
     () => p.filter((S) => y.includes(S.id)),
     [p, y]
-  ), oe = Math.max(1, Math.ceil(_.length / q)), ze = _.slice((B - 1) * q, B * q), L = [
+  ), ae = Math.max(1, Math.ceil(_.length / q)), we = _.slice((j - 1) * q, j * q), E = [
     {
       key: "__select",
       header: /* @__PURE__ */ e(
-        Re,
+        Le,
         {
-          checked: G ? !0 : ae ? "indeterminate" : !1,
+          checked: G ? !0 : ne ? "indeterminate" : !1,
           onCheckedChange: (S) => k(S ? _.map((P) => P.id) : []),
           "aria-label": "Select all rows"
         }
       ),
       width: "32px",
       cell: (S) => /* @__PURE__ */ e(
-        Re,
+        Le,
         {
           checked: y.includes(S.id),
           onCheckedChange: (P) => k(
-            (J) => P ? [...J, S.id] : J.filter((Be) => Be !== S.id)
+            (J) => P ? [...J, S.id] : J.filter((Pe) => Pe !== S.id)
           ),
           "aria-label": "Select row"
         }
@@ -4750,25 +4840,25 @@ function ni({
     ] }),
     (N.length > 0 || v.length > 0) && /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
       N.map((S) => /* @__PURE__ */ s(
-        zr,
+        Tr,
         {
           value: M[S.key],
           onValueChange: (P) => z((J) => ({ ...J, [S.key]: P })),
           children: [
-            /* @__PURE__ */ e(Tt, { className: "w-40", placeholder: S.label }),
-            /* @__PURE__ */ e(It, { children: S.options.map((P) => /* @__PURE__ */ e(Mt, { value: P.value, children: P.label }, P.value)) })
+            /* @__PURE__ */ e(Ct, { className: "w-40", placeholder: S.label }),
+            /* @__PURE__ */ e(St, { children: S.options.map((P) => /* @__PURE__ */ e(zt, { value: P.value, children: P.label }, P.value)) })
           ]
         },
         S.key
       )),
-      /* @__PURE__ */ e(I, { variant: "outline", size: "sm", leadingIcon: /* @__PURE__ */ e(Xt, {}), children: "More filters" })
+      /* @__PURE__ */ e(I, { variant: "outline", size: "sm", leadingIcon: /* @__PURE__ */ e(Wt, {}), children: "More filters" })
     ] }),
     y.length > 0 && v.length > 0 && /* @__PURE__ */ s("div", { className: "flex items-center justify-between rounded-md border border-border bg-background-subtle px-4 py-2", children: [
       /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ e(
-          Re,
+          Le,
           {
-            checked: G ? !0 : ae ? "indeterminate" : !1,
+            checked: G ? !0 : ne ? "indeterminate" : !1,
             onCheckedChange: (S) => k(S ? _.map((P) => P.id) : []),
             "aria-label": "Select all"
           }
@@ -4793,78 +4883,78 @@ function ni({
     /* @__PURE__ */ e(
       ia,
       {
-        rows: ze,
+        rows: we,
         filter: { value: T, onChange: F, placeholder: u },
         emptyState: b ?? /* @__PURE__ */ e(
-          zt,
+          kt,
           {
             title: "No results",
             description: "Try adjusting filters or your search.",
             className: "border-0 bg-transparent"
           }
         ),
-        columns: L
+        columns: E
       }
     ),
     /* @__PURE__ */ e(
-      Pr,
+      _r,
       {
-        page: B,
-        pageCount: oe,
+        page: j,
+        pageCount: ae,
         onPageChange: K,
         totalItems: _.length,
         pageSize: q,
         pageSizeOptions: f,
         onPageSizeChange: (S) => {
-          de(S), K(1);
+          le(S), K(1);
         }
       }
     )
   ] });
 }
-const Mo = {
+const Ao = {
   title: "Pulse onboarding",
   subtitle: "Self-serve onboarding flow for new admins. Owns the first 5 minutes of every workspace.",
-  status: /* @__PURE__ */ e(U, { tone: "success", dot: !0, children: "Active" }),
-  actions: /* @__PURE__ */ s(re, { children: [
-    /* @__PURE__ */ e(I, { variant: "outline", leadingIcon: /* @__PURE__ */ e(Ut, {}), children: "Edit" }),
-    /* @__PURE__ */ e(I, { variant: "outline", leadingIcon: /* @__PURE__ */ e(xt, {}), children: "Archive" }),
-    /* @__PURE__ */ e(I, { trailingIcon: /* @__PURE__ */ e(Kt, {}), children: "Open in app" })
+  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" })
   ] }),
   breadcrumbs: [{ label: "Projects", href: "/projects" }, { label: "Pulse onboarding" }]
-}, Do = [
+}, Fo = [
   {
     id: "overview",
     label: "Overview",
     render: () => /* @__PURE__ */ s(V, { children: [
       /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(Q, { children: "Summary" }) }),
-      /* @__PURE__ */ s(W, { className: "space-y-2 leading-relaxed text-foreground-muted", children: [
+      /* @__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." })
       ] })
     ] })
   },
-  { id: "activity", label: "Activity", render: () => /* @__PURE__ */ e(dt, { children: "Activity feed appears here." }) },
-  { id: "files", label: "Files", render: () => /* @__PURE__ */ e(dt, { children: "Linked documents appear here." }) },
-  { id: "settings", label: "Settings", render: () => /* @__PURE__ */ e(dt, { children: "Project settings appear here." }) }
-], Po = /* @__PURE__ */ s(re, { children: [
+  { 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: [
   /* @__PURE__ */ s(V, { children: [
     /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(Q, { children: "Details" }) }),
-    /* @__PURE__ */ s(W, { className: "space-y-3 text-sm", children: [
-      /* @__PURE__ */ e(Oe, { label: "Owner", value: /* @__PURE__ */ s(re, { children: [
-        /* @__PURE__ */ e(ee, { size: "xs", fallback: "AB" }),
+    /* @__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" }),
         " Anu B."
       ] }) }),
-      /* @__PURE__ */ e(Oe, { label: "Created", value: "12 Feb 2026" }),
-      /* @__PURE__ */ e(Oe, { label: "Updated", value: "2 hours ago" }),
+      /* @__PURE__ */ e(Fe, { label: "Created", value: "12 Feb 2026" }),
+      /* @__PURE__ */ e(Fe, { label: "Updated", value: "2 hours ago" }),
       /* @__PURE__ */ e(
-        Oe,
+        Fe,
         {
           label: "Tags",
-          value: /* @__PURE__ */ s(re, { children: [
-            /* @__PURE__ */ e(U, { tone: "accent", children: "growth" }),
+          value: /* @__PURE__ */ s(te, { children: [
+            /* @__PURE__ */ e(W, { tone: "accent", children: "growth" }),
             " ",
-            /* @__PURE__ */ e(U, { tone: "neutral", variant: "outline", children: "v2" })
+            /* @__PURE__ */ e(W, { tone: "neutral", variant: "outline", children: "v2" })
           ] })
         }
       )
@@ -4872,19 +4962,19 @@ const Mo = {
   ] }),
   /* @__PURE__ */ s(V, { children: [
     /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(Q, { children: "Watchers" }) }),
-    /* @__PURE__ */ e(W, { children: /* @__PURE__ */ s("div", { className: "flex -space-x-2", children: [
-      /* @__PURE__ */ e(ee, { fallback: "AB" }),
-      /* @__PURE__ */ e(ee, { fallback: "BE" }),
-      /* @__PURE__ */ e(ee, { fallback: "TG" }),
-      /* @__PURE__ */ e(ee, { fallback: "+2" })
+    /* @__PURE__ */ e(U, { children: /* @__PURE__ */ s("div", { className: "flex -space-x-2", children: [
+      /* @__PURE__ */ e(Z, { fallback: "AB" }),
+      /* @__PURE__ */ e(Z, { fallback: "BE" }),
+      /* @__PURE__ */ e(Z, { fallback: "TG" }),
+      /* @__PURE__ */ e(Z, { fallback: "+2" })
     ] }) })
   ] })
 ] });
-function ai({
-  header: a = Mo,
-  tabs: t = Do,
+function li({
+  header: a = Ao,
+  tabs: t = Fo,
   defaultTab: r,
-  sidePanel: n = Po,
+  sidePanel: n = Lo,
   className: o
 } = {}) {
   var d;
@@ -4907,8 +4997,8 @@ function ai({
         className: n ? "grid gap-6 lg:grid-cols-[1fr_320px]" : "min-w-0",
         children: [
           /* @__PURE__ */ e("div", { className: "min-w-0", children: /* @__PURE__ */ s(Ka, { defaultValue: i, children: [
-            /* @__PURE__ */ e($r, { children: t.map((u) => /* @__PURE__ */ e(Or, { value: u.id, children: u.label }, u.id)) }),
-            t.map((u) => /* @__PURE__ */ e(Rr, { value: u.id, className: "space-y-4", children: u.render() }, u.id))
+            /* @__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))
           ] }) }),
           n && /* @__PURE__ */ e("aside", { className: "space-y-4", children: n })
         ]
@@ -4916,24 +5006,24 @@ function ai({
     )
   ] });
 }
-function Oe({ label: a, value: t }) {
+function Fe({ label: a, value: t }) {
   return /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-3", children: [
     /* @__PURE__ */ e("span", { className: "text-foreground-subtle", children: a }),
     /* @__PURE__ */ e("span", { className: "flex items-center gap-1.5 text-foreground", children: t })
   ] });
 }
-function dt({ children: a }) {
+function st({ children: a }) {
   return /* @__PURE__ */ e("p", { className: "text-sm text-foreground-muted", children: a });
 }
-const _o = [
+const jo = [
   {
     id: "workspace",
     title: "Workspace",
     heading: "Create your workspace",
     subheading: "A workspace is where your team and projects live.",
-    render: ({ data: a, setData: t }) => /* @__PURE__ */ s(re, { children: [
+    render: ({ data: a, setData: t }) => /* @__PURE__ */ s(te, { children: [
       /* @__PURE__ */ e(
-        j,
+        L,
         {
           label: "Workspace name",
           placeholder: "Acme Inc.",
@@ -4942,7 +5032,7 @@ const _o = [
         }
       ),
       /* @__PURE__ */ e(
-        j,
+        L,
         {
           label: "URL slug",
           prefix: /* @__PURE__ */ e("span", { children: "acme.app/" }),
@@ -4958,9 +5048,9 @@ const _o = [
     title: "Invite team",
     heading: "Invite your team",
     subheading: "You can always invite more people later.",
-    render: ({ data: a, setData: t }) => /* @__PURE__ */ s(re, { children: [
+    render: ({ data: a, setData: t }) => /* @__PURE__ */ s(te, { children: [
       /* @__PURE__ */ e(
-        j,
+        L,
         {
           type: "email",
           label: "Invite by email",
@@ -4971,14 +5061,14 @@ const _o = [
         }
       ),
       /* @__PURE__ */ s(
-        _r,
+        Ar,
         {
           value: a.role ?? "member",
           onValueChange: (r) => t({ role: r }),
           children: [
-            /* @__PURE__ */ e(Ve, { value: "admin", label: "Admin", description: "Can manage workspace and billing." }),
-            /* @__PURE__ */ e(Ve, { value: "member", label: "Member", description: "Can create and edit projects." }),
-            /* @__PURE__ */ e(Ve, { value: "viewer", label: "Viewer", description: "Read-only access." })
+            /* @__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." })
           ]
         }
       )
@@ -4989,7 +5079,7 @@ const _o = [
     title: "Connect data",
     heading: "Connect a data source",
     subheading: "Pick one — others can be added in settings.",
-    render: ({ data: a, setData: t }) => /* @__PURE__ */ s(re, { children: [
+    render: ({ data: a, setData: t }) => /* @__PURE__ */ s(te, { children: [
       /* @__PURE__ */ e("p", { className: "text-sm text-foreground-muted", children: "Connect your data source so we can populate your first dashboard." }),
       /* @__PURE__ */ e("div", { className: "grid grid-cols-2 gap-2", children: ["Postgres", "BigQuery", "Snowflake", "CSV upload"].map((r) => {
         const n = a.source === r;
@@ -5017,14 +5107,14 @@ const _o = [
     subheading: "We've set up your starting dashboard.",
     ctaLabel: "Open workspace",
     render: () => /* @__PURE__ */ s("div", { className: "flex flex-col items-center gap-3 py-6 text-center", children: [
-      /* @__PURE__ */ e(Ce, { className: "size-10 text-success-text", "aria-hidden": !0 }),
+      /* @__PURE__ */ e(Ne, { className: "size-10 text-success-text", "aria-hidden": !0 }),
       /* @__PURE__ */ e("p", { className: "text-base font-medium text-foreground", children: "You're all set." }),
       /* @__PURE__ */ e("p", { className: "max-w-sm text-sm text-foreground-muted", children: "Your workspace is ready. We've sent invites and your first dashboard is loading." })
     ] })
   }
 ];
-function oi({
-  steps: a = _o,
+function di({
+  steps: a = jo,
   initialData: t = {},
   onComplete: r,
   className: n
@@ -5033,20 +5123,20 @@ function oi({
     r && await r(d);
   }, p = { next: h, prev: b, goTo: c, finish: g, data: d, setData: f }, x = a[o], N = o === a.length - 1;
   return /* @__PURE__ */ s("div", { className: `mx-auto max-w-2xl space-y-8 py-12 ${n ?? ""}`, children: [
-    /* @__PURE__ */ e(Lr, { steps: a.map((v) => ({ title: v.title, description: v.description })), current: o }),
+    /* @__PURE__ */ e(Rr, { steps: a.map((v) => ({ title: v.title, description: v.description })), current: o }),
     /* @__PURE__ */ s(V, { children: [
       /* @__PURE__ */ s(H, { children: [
         /* @__PURE__ */ e(Q, { children: x.heading }),
-        x.subheading && /* @__PURE__ */ e(se, { children: x.subheading })
+        x.subheading && /* @__PURE__ */ e(oe, { children: x.subheading })
       ] }),
-      /* @__PURE__ */ e(W, { className: "space-y-4", children: x.render(p) })
+      /* @__PURE__ */ e(U, { className: "space-y-4", children: x.render(p) })
     ] }),
     !x.hideNavigation && /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ e(
         I,
         {
           variant: "ghost",
-          leadingIcon: /* @__PURE__ */ e(Lt, {}),
+          leadingIcon: /* @__PURE__ */ e(At, {}),
           onClick: b,
           disabled: o === 0,
           children: "Back"
@@ -5055,7 +5145,7 @@ function oi({
       /* @__PURE__ */ e(
         I,
         {
-          trailingIcon: N ? void 0 : /* @__PURE__ */ e(De, {}),
+          trailingIcon: N ? void 0 : /* @__PURE__ */ e(ze, {}),
           onClick: N ? g : h,
           children: x.ctaLabel ?? (N ? "Finish" : "Continue")
         }
@@ -5063,7 +5153,7 @@ function oi({
     ] })
   ] });
 }
-const Ao = [
+const Eo = [
   {
     name: "Starter",
     price: "$0",
@@ -5101,10 +5191,10 @@ const Ao = [
     cta: "Talk to sales"
   }
 ];
-function si({
+function ci({
   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 = Ao,
+  tiers: r = Eo,
   highlightedLabel: n = "Most popular",
   className: o
 } = {}) {
@@ -5135,7 +5225,7 @@ function si({
               /* @__PURE__ */ s("div", { className: "space-y-2", children: [
                 /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
                   /* @__PURE__ */ e("h2", { className: "text-base font-semibold text-foreground", children: d.name }),
-                  d.highlighted && /* @__PURE__ */ e(U, { tone: "accent", children: n })
+                  d.highlighted && /* @__PURE__ */ e(W, { tone: "accent", children: n })
                 ] }),
                 d.description && /* @__PURE__ */ e("p", { className: "text-sm text-foreground-muted", children: d.description })
               ] }),
@@ -5144,7 +5234,7 @@ function si({
                 d.cadence && /* @__PURE__ */ e("span", { className: "text-sm text-foreground-subtle", children: d.cadence })
               ] }),
               /* @__PURE__ */ e("ul", { className: "space-y-2 text-sm", children: d.features.map((u) => /* @__PURE__ */ s("li", { className: "flex items-start gap-2 text-foreground", children: [
-                /* @__PURE__ */ e(le, { className: "mt-0.5 size-4 shrink-0 text-accent", "aria-hidden": !0 }),
+                /* @__PURE__ */ e(ie, { className: "mt-0.5 size-4 shrink-0 text-accent", "aria-hidden": !0 }),
                 u
               ] }, u)) }),
               /* @__PURE__ */ e(
@@ -5164,37 +5254,37 @@ function si({
     )
   ] });
 }
-const Fo = [
+const $o = [
   {
-    icon: /* @__PURE__ */ e(bt, {}),
+    icon: /* @__PURE__ */ e(gt, {}),
     title: "Create a project",
     description: "Track a real piece of work end-to-end.",
     cta: "New project"
   },
   {
-    icon: /* @__PURE__ */ e(Ze, {}),
+    icon: /* @__PURE__ */ e(Qe, {}),
     title: "Import existing data",
     description: "CSV, Postgres, BigQuery, or Snowflake — connect in a minute.",
     cta: "Connect source"
   },
   {
-    icon: /* @__PURE__ */ e(et, {}),
+    icon: /* @__PURE__ */ e(Xe, {}),
     title: "Invite your team",
     description: "Workspaces are better with teammates. We'll send the invites.",
     cta: "Invite people"
   }
 ];
-function ii({
-  heroIcon: a = /* @__PURE__ */ e(qe, { className: "size-6" }),
+function ui({
+  heroIcon: a = /* @__PURE__ */ e(He, { 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(De, {}), children: "Open tutorial" }),
-  steps: o = Fo,
+  primaryAction: n = /* @__PURE__ */ e(I, { trailingIcon: /* @__PURE__ */ e(ze, {}), children: "Open tutorial" }),
+  steps: o = $o,
   className: i
 } = {}) {
   return /* @__PURE__ */ s("div", { className: `mx-auto max-w-3xl space-y-8 py-12 ${i ?? ""}`, children: [
-    /* @__PURE__ */ e(zt, { icon: a, title: t, description: r, action: n }),
-    o.length > 0 && /* @__PURE__ */ e("div", { className: "grid gap-3 md:grid-cols-3", children: o.map((d) => /* @__PURE__ */ e(V, { variant: "interactive", children: /* @__PURE__ */ s(W, { className: "space-y-3", children: [
+    /* @__PURE__ */ e(kt, { icon: a, title: t, description: r, action: n }),
+    o.length > 0 && /* @__PURE__ */ e("div", { className: "grid gap-3 md:grid-cols-3", children: o.map((d) => /* @__PURE__ */ e(V, { variant: "interactive", children: /* @__PURE__ */ s(U, { className: "space-y-3", children: [
       d.icon && /* @__PURE__ */ e("div", { className: "inline-flex size-9 items-center justify-center rounded-md bg-accent-soft text-on-accent-soft [&_svg]:size-4", children: d.icon }),
       /* @__PURE__ */ s("div", { className: "space-y-1", children: [
         /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-foreground", children: d.title }),
@@ -5205,7 +5295,7 @@ function ii({
         {
           variant: "ghost",
           size: "sm",
-          trailingIcon: /* @__PURE__ */ e(De, {}),
+          trailingIcon: /* @__PURE__ */ e(ze, {}),
           onClick: d.onSelect,
           children: d.cta
         }
@@ -5214,213 +5304,213 @@ function ii({
   ] });
 }
 export {
-  Zo as Accordion,
+  ns as Accordion,
   wn as AccordionContent,
   Nn as AccordionItem,
   yn as AccordionTrigger,
-  rt as Alert,
-  ei as AppShell,
-  Ps as AreaChart,
-  Qs as AuthLayout,
-  ee as Avatar,
+  Ze as Alert,
+  ai as AppShell,
+  Ls as AreaChart,
+  Zs as AuthLayout,
+  Z as Avatar,
   Tn as AvatarGroup,
-  U as Badge,
-  _s as BarChart,
+  W as Badge,
+  js as BarChart,
   ur as Breadcrumbs,
   I as Button,
-  hr as Calendar,
+  pr as Calendar,
   V as Card,
-  W as CardContent,
-  se as CardDescription,
+  U as CardContent,
+  oe as CardDescription,
   _n as CardFooter,
   H as CardHeader,
   Q as CardTitle,
-  Ss as Carousel,
-  zs as CarouselContent,
-  Ts as CarouselItem,
-  Ms as CarouselNext,
-  Is as CarouselPrevious,
-  Re as Checkbox,
+  Ms as Carousel,
+  Ds as CarouselContent,
+  Ps as CarouselItem,
+  As as CarouselNext,
+  _s as CarouselPrevious,
+  Le as Checkbox,
   An as Combobox,
   Fn as Command,
-  ts as CommandDialog,
-  Ln as CommandEmpty,
+  os as CommandDialog,
+  En as CommandEmpty,
   $n as CommandGroup,
-  jn as CommandInput,
+  Ln as CommandInput,
   Rn as CommandItem,
-  Bn as CommandList,
+  jn as CommandList,
   On as CommandSeparator,
-  es as CommandShortcut,
+  as as CommandShortcut,
   fa as ConfirmationDialog,
-  ns as ContextMenu,
-  Un as ContextMenuCheckboxItem,
+  is as ContextMenu,
+  Wn as ContextMenuCheckboxItem,
   Hn as ContextMenuContent,
-  os as ContextMenuGroup,
-  Wn as ContextMenuItem,
+  ds as ContextMenuGroup,
+  Un as ContextMenuItem,
   qn as ContextMenuLabel,
-  En as ContextMenuPortal,
-  is as ContextMenuRadioGroup,
+  Bn as ContextMenuPortal,
+  us as ContextMenuRadioGroup,
   Kn as ContextMenuRadioItem,
   Qn as ContextMenuSeparator,
   Xn as ContextMenuShortcut,
-  ss as ContextMenuSub,
+  cs as ContextMenuSub,
   Gn as ContextMenuSubContent,
   Vn as ContextMenuSubTrigger,
-  as as ContextMenuTrigger,
-  ti as Dashboard,
+  ls as ContextMenuTrigger,
+  oi as Dashboard,
   ia as DataGrid,
-  ni as DataTablePage,
+  ii as DataTablePage,
   la as DatePicker,
   da as DateRangePicker,
-  us as DesignSystemProvider,
+  hs as DesignSystemProvider,
   ca as Dialog,
   ma as DialogClose,
-  xr as DialogContent,
-  wr as DialogDescription,
-  Nr as DialogFooter,
-  vr as DialogHeader,
-  br as DialogOverlay,
+  vr as DialogContent,
+  kr as DialogDescription,
+  yr as DialogFooter,
+  Nr as DialogHeader,
+  xr as DialogOverlay,
   ua as DialogPortal,
-  yr as DialogTitle,
-  fs as DialogTrigger,
+  wr as DialogTitle,
+  bs as DialogTrigger,
   co as Drawer,
-  Fs as DrawerClose,
-  js as DrawerContent,
-  Os as DrawerDescription,
-  Ls as DrawerFooter,
-  Bs as DrawerHeader,
+  $s as DrawerClose,
+  Os as DrawerContent,
+  Gs as DrawerDescription,
+  Bs as DrawerFooter,
+  Rs as DrawerHeader,
   mo as DrawerOverlay,
   uo as DrawerPortal,
-  $s as DrawerTitle,
-  As as DrawerTrigger,
-  Nt as DropdownMenu,
-  mr as DropdownMenuCheckboxItem,
-  ot as DropdownMenuContent,
-  ls as DropdownMenuGroup,
-  ve as DropdownMenuItem,
-  wt as DropdownMenuLabel,
+  Vs as DrawerTitle,
+  Es as DrawerTrigger,
+  bt as DropdownMenu,
+  fr as DropdownMenuCheckboxItem,
+  rt as DropdownMenuContent,
+  ms as DropdownMenuGroup,
+  mr as DropdownMenuItem,
+  vt as DropdownMenuLabel,
   Yn as DropdownMenuPortal,
-  cs as DropdownMenuRadioGroup,
+  gs as DropdownMenuRadioGroup,
   ea as DropdownMenuRadioItem,
-  Me as DropdownMenuSeparator,
+  $e as DropdownMenuSeparator,
   ta as DropdownMenuShortcut,
-  ds as DropdownMenuSub,
+  fs as DropdownMenuSub,
   Zn as DropdownMenuSubContent,
   Jn as DropdownMenuSubTrigger,
-  yt as DropdownMenuTrigger,
-  zt as EmptyState,
+  xt as DropdownMenuTrigger,
+  kt as EmptyState,
   ha as ErrorState,
-  Rs as FileUpload,
-  ii as FirstRunEmpty,
-  Js as ForgotPasswordForm,
-  gs as Form,
+  Hs as FileUpload,
+  ui as FirstRunEmpty,
+  ri as ForgotPasswordForm,
+  xs as Form,
   xa as FormControl,
   va as FormDescription,
   Na as FormError,
-  hs as FormField,
+  vs as FormField,
   pa as FormItem,
   ba as FormLabel,
-  Fe as IconButton,
-  Yo as Icons,
-  Jo as Illustrations,
-  j as Input,
-  Sr as Kbd,
-  Ds as LineChart,
-  Zs as MagicLinkSent,
+  Me as IconButton,
+  ts as Icons,
+  rs as Illustrations,
+  L as Input,
+  zr as Kbd,
+  Fs as LineChart,
+  ni as MagicLinkSent,
   ya as MultiSelect,
-  oi as Onboarding,
-  Pr as Pagination,
-  bs as Popover,
-  vs as PopoverAnchor,
-  Ns as PopoverClose,
+  di as Onboarding,
+  _r as Pagination,
+  ys as Popover,
+  ks as PopoverAnchor,
+  Cs as PopoverClose,
   Sa as PopoverContent,
-  xs as PopoverTrigger,
-  si as Pricing,
+  ws as PopoverTrigger,
+  ci as Pricing,
   Ia as Progress,
   Da as ProgressCircle,
-  _r as RadioGroup,
-  Ve as RadioItem,
-  ai as RecordDetail,
+  Ar as RadioGroup,
+  Ee as RadioItem,
+  li as RecordDetail,
   Pa as ScrollArea,
-  Ar as ScrollBar,
-  zr as Select,
-  It as SelectContent,
+  Fr as ScrollBar,
+  Tr as Select,
+  St as SelectContent,
   ka as SelectGroup,
-  Mt as SelectItem,
-  Dr as SelectLabel,
-  Mr as SelectScrollDownButton,
-  Ir as SelectScrollUpButton,
+  zt as SelectItem,
+  Pr as SelectLabel,
+  Dr as SelectScrollDownButton,
+  Mr as SelectScrollUpButton,
   wa as SelectSeparator,
-  Tt as SelectTrigger,
-  ps as SelectValue,
-  Ne as Separator,
-  ri as SettingsPage,
+  Ct as SelectTrigger,
+  Ns as SelectValue,
+  be as Separator,
+  si as SettingsPage,
   _a as Sheet,
-  ys as SheetClose,
+  Ss as SheetClose,
   jr as SheetContent,
   Oa as SheetDescription,
-  La as SheetFooter,
-  Ba as SheetHeader,
+  Ea as SheetFooter,
+  ja as SheetHeader,
   Fa as SheetPortal,
   $a as SheetTitle,
   Aa as SheetTrigger,
-  Br as Sidebar,
+  Er as Sidebar,
   Ra as SidebarGroup,
-  Z as SidebarItem,
-  Ge as SidebarSection,
-  Xs as SignInForm,
-  Ys as SignUpForm,
-  gr as Skeleton,
-  Ea as Slider,
-  Es as Snackbar,
+  Or as SidebarItem,
+  $r as SidebarSection,
+  ei as SignInForm,
+  ti as SignUpForm,
+  hr as Skeleton,
+  Ba as Slider,
+  Us as Snackbar,
   Ha as Spinner,
-  Lr as Stepper,
-  Te as Switch,
-  kt as Table,
-  St as TableBody,
+  Rr as Stepper,
+  Ce as Switch,
+  Nt as Table,
+  wt as TableBody,
   sa as TableCaption,
-  ce as TableCell,
+  de as TableCell,
   oa as TableFooter,
-  he as TableHead,
-  Ct as TableHeader,
-  ge as TableRow,
-  fr as TableSortHeader,
+  fe as TableHead,
+  yt as TableHeader,
+  me as TableRow,
+  gr as TableSortHeader,
   Ka as Tabs,
-  Rr as TabsContent,
-  $r as TabsList,
-  Or as TabsTrigger,
-  Vs as TagInput,
+  Gr as TabsContent,
+  Br as TabsList,
+  Vr as TabsTrigger,
+  Ws as TagInput,
   Qa as Textarea,
-  Gs as Timeline,
-  Ks as TimelineDescription,
-  Hs as TimelineItem,
-  Ws as TimelineTime,
-  Us as TimelineTitle,
+  Ks as Timeline,
+  Ys as TimelineDescription,
+  qs as TimelineItem,
+  Qs as TimelineTime,
+  Xs as TimelineTitle,
   Za as Toast,
   ro as ToastAction,
   no as ToastClose,
   to as ToastDescription,
-  ks as ToastProvider,
+  Ts as ToastProvider,
   eo as ToastTitle,
   Xa as ToastViewport,
   so as Tooltip,
-  Er as TooltipContent,
-  Cs as TooltipProvider,
+  Hr as TooltipContent,
+  Is as TooltipProvider,
   ao as TooltipRoot,
   oo as TooltipTrigger,
   io as TopNav,
   lo as TopNavLink,
-  qs as Tree,
-  ms as brandPresets,
+  Js as Tree,
+  ps as brandPresets,
   l as cn,
-  ci as cva,
-  Xo as toast,
-  Ko as uid,
-  rs as useCommandPaletteShortcut,
-  st as useFormField,
-  fn as useMediaQuery,
-  qo as usePrefersReducedMotion,
-  ws as useSidebar,
-  Qo as useToast
+  gi as cva,
+  es as toast,
+  Yo as uid,
+  ss as useCommandPaletteShortcut,
+  nt as useFormField,
+  bn as useMediaQuery,
+  Jo as usePrefersReducedMotion,
+  zs as useSidebar,
+  Zo as useToast
 };
 //# sourceMappingURL=index.js.map