@craftzbay/ui 0.1.0

package/dist-lib/index.js

@@ -0,0 +1,4336 @@
+import { clsx as ka } from "clsx";
+import { twMerge as Ca } from "tailwind-merge";
+import { useState as y, useEffect as ke, useCallback as ie, forwardRef as d, useId as W, useMemo as Ce, useContext as xe, createContext as Ye, useRef as yt } from "react";
+import { AlertCircle as Sa, AlertTriangle as ve, ArrowDown as wt, ArrowLeft as kt, ArrowRight as Ne, ArrowUp as Ct, ArrowUpDown as St, Bell as Je, Calendar as zt, Check as J, CheckCircle2 as Se, ChevronDown as je, ChevronLeft as Ze, ChevronRight as le, ChevronUp as Tt, ChevronsLeft as et, ChevronsRight as tt, ChevronsUpDown as Fe, Circle as at, Copy as za, CornerDownLeft as Ta, CreditCard as It, Download as Mt, Edit2 as Dt, Ellipsis as Ia, ExternalLink as Pt, Eye as At, EyeOff as _t, Filter as jt, Folder as rt, GripVertical as Ma, HelpCircle as Da, Home as Ft, Info as nt, Link2 as Pa, Loader2 as Re, Lock as Rt, Mail as Bt, Menu as Aa, Minus as Lt, Moon as _a, MoreHorizontal as $t, Plus as _e, Search as Be, Settings as ot, Sun as ja, Trash2 as st, Upload as it, User as Ot, Users as Le, X as Y, XCircle as $e } from "lucide-react";
+import { jsx as e, jsxs as s, Fragment as te } from "react/jsx-runtime";
+import * as ye from "@radix-ui/react-accordion";
+import { cva as G } from "class-variance-authority";
+import { cva as Eo } from "class-variance-authority";
+import * as qe from "@radix-ui/react-avatar";
+import { Slot as Et } from "@radix-ui/react-slot";
+import * as pt from "@radix-ui/react-checkbox";
+import * as z from "@radix-ui/react-popover";
+import { Command as I } from "cmdk";
+import * as S from "@radix-ui/react-dialog";
+import * as D from "@radix-ui/react-context-menu";
+import * as P from "@radix-ui/react-dropdown-menu";
+import { DayPicker as Gt } from "react-day-picker";
+import * as Fa from "@radix-ui/react-label";
+import { FormProvider as Ra, Controller as Ba, useFormContext as La } from "react-hook-form";
+import * as M from "@radix-ui/react-select";
+import * as ht from "@radix-ui/react-progress";
+import * as Qe from "@radix-ui/react-radio-group";
+import * as be from "@radix-ui/react-scroll-area";
+import * as $a from "@radix-ui/react-separator";
+import * as ze from "@radix-ui/react-slider";
+import * as bt from "@radix-ui/react-switch";
+import * as Oe from "@radix-ui/react-tabs";
+import * as de from "@radix-ui/react-toast";
+import * as we from "@radix-ui/react-tooltip";
+function l(...n) {
+  return Ca(ka(n));
+}
+let xt = 0;
+function Qn(n = "ds") {
+  return xt += 1, `${n}-${xt}`;
+}
+function Oa(n) {
+  const [t, a] = y(() => typeof window > "u" ? !1 : window.matchMedia(n).matches);
+  return ke(() => {
+    if (typeof window > "u") return;
+    const r = window.matchMedia(n), o = (i) => a(i.matches);
+    return a(r.matches), r.addEventListener("change", o), () => r.removeEventListener("change", o);
+  }, [n]), t;
+}
+function Xn() {
+  return Oa("(prefers-reduced-motion: reduce)");
+}
+const ne = {
+  toasts: [],
+  listeners: /* @__PURE__ */ new Set(),
+  emit() {
+    for (const n of this.listeners) n(this.toasts);
+  },
+  push(n) {
+    const t = n.id ?? `t_${Date.now()}_${Math.random().toString(36).slice(2, 7)}`, a = { open: !0, duration: 5e3, variant: "default", ...n, id: t };
+    return this.toasts = [a, ...this.toasts].slice(0, 3), this.emit(), t;
+  },
+  dismiss(n) {
+    this.toasts = this.toasts.map((t) => t.id === n ? { ...t, open: !1 } : t), this.emit();
+  },
+  remove(n) {
+    this.toasts = this.toasts.filter((t) => t.id !== n), this.emit();
+  }
+};
+function Yn() {
+  const [n, t] = y(() => [...ne.toasts]);
+  ke(() => {
+    const i = (c) => t([...c]);
+    return ne.listeners.add(i), () => {
+      ne.listeners.delete(i);
+    };
+  }, []);
+  const a = ie((i) => ne.push(i), []), r = ie((i) => ne.dismiss(i), []), o = ie((i) => ne.remove(i), []);
+  return { toasts: n, push: a, dismiss: r, remove: o };
+}
+const Jn = (n) => ne.push(n), Zn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  AlertCircle: Sa,
+  AlertTriangle: ve,
+  ArrowDown: wt,
+  ArrowLeft: kt,
+  ArrowRight: Ne,
+  ArrowUp: Ct,
+  ArrowUpDown: St,
+  Bell: Je,
+  Calendar: zt,
+  Check: J,
+  CheckCircle2: Se,
+  ChevronDown: je,
+  ChevronLeft: Ze,
+  ChevronRight: le,
+  ChevronUp: Tt,
+  ChevronsLeft: et,
+  ChevronsRight: tt,
+  ChevronsUpDown: Fe,
+  Circle: at,
+  Copy: za,
+  CornerDownLeft: Ta,
+  CreditCard: It,
+  Download: Mt,
+  Edit2: Dt,
+  Ellipsis: Ia,
+  ExternalLink: Pt,
+  Eye: At,
+  EyeOff: _t,
+  Filter: jt,
+  Folder: rt,
+  GripVertical: Ma,
+  HelpCircle: Da,
+  Home: Ft,
+  Info: nt,
+  Link2: Pa,
+  Loader2: Re,
+  Lock: Rt,
+  Mail: Bt,
+  Menu: Aa,
+  Minus: Lt,
+  Moon: _a,
+  MoreHorizontal: $t,
+  Plus: _e,
+  Search: Be,
+  Settings: ot,
+  Sun: ja,
+  Trash2: st,
+  Upload: it,
+  User: Ot,
+  Users: Le,
+  X: Y,
+  XCircle: $e
+}, Symbol.toStringTag, { value: "Module" })), eo = ye.Root, Ea = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ e(ye.Item, { ref: r, className: l("border-b border-border", t), ...a });
+});
+Ea.displayName = "AccordionItem";
+const Ga = d(function({ className: t, children: a, ...r }, o) {
+  return /* @__PURE__ */ e(ye.Header, { className: "flex", children: /* @__PURE__ */ s(
+    ye.Trigger,
+    {
+      ref: o,
+      className: l(
+        "flex flex-1 items-center justify-between gap-2 py-4 text-left text-sm font-medium text-foreground",
+        "outline-none transition-colors duration-[var(--duration-fast)]",
+        "hover:text-accent",
+        "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+        "[&[data-state=open]>svg]:rotate-180",
+        t
+      ),
+      ...r,
+      children: [
+        a,
+        /* @__PURE__ */ e(
+          je,
+          {
+            className: "size-4 shrink-0 text-foreground-subtle transition-transform duration-[var(--duration-base)]",
+            "aria-hidden": !0
+          }
+        )
+      ]
+    }
+  ) });
+});
+Ga.displayName = "AccordionTrigger";
+const Va = d(function({ className: t, children: a, ...r }, o) {
+  return /* @__PURE__ */ e(
+    ye.Content,
+    {
+      ref: o,
+      className: l(
+        "overflow-hidden text-sm text-foreground-muted",
+        "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
+      ),
+      ...r,
+      children: /* @__PURE__ */ e("div", { className: l("pb-4 pt-0", t), children: a })
+    }
+  );
+});
+Va.displayName = "AccordionContent";
+const Ha = G(
+  ["relative flex w-full gap-3 rounded-lg border p-4", "text-sm"],
+  {
+    variants: {
+      variant: {
+        default: "border-border bg-background-subtle text-foreground",
+        info: "border-info-border-soft bg-info-soft text-info-text",
+        success: "border-success-border-soft bg-success-soft text-success-text",
+        warning: "border-warning-border-soft bg-warning-soft text-warning-text",
+        danger: "border-danger-border-soft bg-danger-soft text-danger-text"
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+), Wa = {
+  default: null,
+  info: /* @__PURE__ */ e(nt, { className: "size-4 shrink-0 mt-0.5", "aria-hidden": !0 }),
+  success: /* @__PURE__ */ e(Se, { className: "size-4 shrink-0 mt-0.5", "aria-hidden": !0 }),
+  warning: /* @__PURE__ */ e(ve, { className: "size-4 shrink-0 mt-0.5", "aria-hidden": !0 }),
+  danger: /* @__PURE__ */ e($e, { className: "size-4 shrink-0 mt-0.5", "aria-hidden": !0 })
+}, Ee = d(function({ className: t, variant: a = "default", title: r, dismissible: o, onDismiss: i, icon: c, children: u, ...m }, f) {
+  const [p, b] = y(!0);
+  if (!p) return null;
+  const g = () => {
+    b(!1), i == null || i();
+  }, h = c === !1 ? null : c ?? Wa[a ?? "default"];
+  return /* @__PURE__ */ s("div", { ref: f, role: "alert", className: l(Ha({ variant: a }), t), ...m, children: [
+    h,
+    /* @__PURE__ */ s("div", { className: "flex-1 min-w-0", children: [
+      r && /* @__PURE__ */ e("h5", { className: "font-medium leading-tight mb-1", children: r }),
+      /* @__PURE__ */ e("div", { className: "text-sm leading-relaxed [&_p]:leading-relaxed", children: u })
+    ] }),
+    o && /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        "aria-label": "Dismiss",
+        onClick: g,
+        className: l(
+          "inline-flex size-6 shrink-0 items-center justify-center rounded-md",
+          "hover:bg-current/10 outline-none",
+          "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background"
+        ),
+        children: /* @__PURE__ */ e(Y, { className: "size-3.5", "aria-hidden": !0 })
+      }
+    )
+  ] });
+});
+Ee.displayName = "Alert";
+const Vt = {
+  xs: "size-5 text-[10px]",
+  sm: "size-6 text-xs",
+  md: "size-8 text-xs",
+  lg: "size-10 text-sm",
+  xl: "size-12 text-base"
+}, Ua = G(
+  [
+    "relative inline-flex shrink-0 overflow-hidden rounded-full",
+    "bg-background-muted text-foreground-muted"
+  ],
+  {
+    variants: {
+      size: Vt
+    },
+    defaultVariants: { size: "md" }
+  }
+), Ka = {
+  online: "bg-success",
+  busy: "bg-danger",
+  away: "bg-warning",
+  offline: "bg-foreground-subtle"
+}, H = d(
+  function({ className: t, size: a, src: r, alt: o, fallback: i, status: c, ...u }, m) {
+    return /* @__PURE__ */ s(qe.Root, { ref: m, className: l(Ua({ size: a }), t), ...u, children: [
+      r && /* @__PURE__ */ e(
+        qe.Image,
+        {
+          src: r,
+          alt: o ?? "",
+          className: "aspect-square size-full object-cover"
+        }
+      ),
+      /* @__PURE__ */ e(
+        qe.Fallback,
+        {
+          delayMs: r ? 200 : 0,
+          className: "flex size-full items-center justify-center bg-background-muted font-medium uppercase",
+          children: i ?? "?"
+        }
+      ),
+      c && /* @__PURE__ */ e(
+        "span",
+        {
+          "aria-label": `Status: ${c}`,
+          className: l(
+            "absolute bottom-0 right-0 block size-1/4 rounded-full ring-2 ring-background",
+            Ka[c]
+          )
+        }
+      )
+    ] });
+  }
+);
+H.displayName = "Avatar";
+const qa = d(function({ max: t = 4, size: a = "md", className: r, children: o, ...i }, c) {
+  const u = Array.isArray(o) ? o : [o], m = u.slice(0, t), f = u.length - m.length;
+  return /* @__PURE__ */ s("div", { ref: c, className: l("flex items-center -space-x-2", r), ...i, children: [
+    m.map((p, b) => /* @__PURE__ */ e("div", { className: "ring-2 ring-background rounded-full", children: p }, b)),
+    f > 0 && /* @__PURE__ */ s(
+      "div",
+      {
+        className: l(
+          "inline-flex items-center justify-center rounded-full bg-background-muted text-foreground-muted ring-2 ring-background",
+          Vt[a],
+          "font-medium"
+        ),
+        "aria-label": `${f} more`,
+        children: [
+          "+",
+          f
+        ]
+      }
+    )
+  ] });
+});
+qa.displayName = "AvatarGroup";
+const Qa = G(
+  [
+    "inline-flex items-center gap-1 rounded-full px-2 py-0.5",
+    "text-xs font-medium whitespace-nowrap"
+  ],
+  {
+    variants: {
+      variant: {
+        subtle: "",
+        outline: "border bg-transparent"
+      },
+      tone: {
+        neutral: "",
+        accent: "",
+        success: "",
+        warning: "",
+        danger: "",
+        info: ""
+      }
+    },
+    compoundVariants: [
+      // Subtle — coloured fill + matching text.
+      { variant: "subtle", tone: "neutral", class: "bg-background-muted text-foreground-muted" },
+      { variant: "subtle", tone: "accent", class: "bg-accent-soft text-on-accent-soft" },
+      { variant: "subtle", tone: "success", class: "bg-success-soft text-success-text" },
+      { variant: "subtle", tone: "warning", class: "bg-warning-soft text-warning-text" },
+      { variant: "subtle", tone: "danger", class: "bg-danger-soft text-danger-text" },
+      { variant: "subtle", tone: "info", class: "bg-info-soft text-info-text" },
+      // Outline — coloured border + text, transparent fill.
+      { variant: "outline", tone: "neutral", class: "border-border text-foreground-muted" },
+      { variant: "outline", tone: "accent", class: "border-accent text-accent" },
+      { variant: "outline", tone: "success", class: "border-success-border-soft text-success-text" },
+      { variant: "outline", tone: "warning", class: "border-warning-border-soft text-warning-text" },
+      { variant: "outline", tone: "danger", class: "border-danger-border-soft text-danger-text" },
+      { variant: "outline", tone: "info", class: "border-info-border-soft text-info-text" }
+    ],
+    defaultVariants: { variant: "subtle", tone: "neutral" }
+  }
+), Xa = {
+  neutral: "bg-foreground-subtle",
+  accent: "bg-accent",
+  success: "bg-success",
+  warning: "bg-warning",
+  danger: "bg-danger",
+  info: "bg-info"
+}, X = d(function({ className: t, variant: a, tone: r = "neutral", dot: o, children: i, ...c }, u) {
+  return /* @__PURE__ */ s("span", { ref: u, className: l(Qa({ variant: a, tone: r }), t), ...c, children: [
+    o && /* @__PURE__ */ e(
+      "span",
+      {
+        "aria-hidden": !0,
+        className: l("inline-block size-1.5 rounded-full", Xa[r ?? "neutral"])
+      }
+    ),
+    i
+  ] });
+});
+X.displayName = "Badge";
+const Ht = d(function({ items: t, maxItems: a = 4, renderLink: r, className: o, ...i }, c) {
+  const m = t.length > a ? [t[0], { collapsed: !0 }, ...t.slice(-2)] : t;
+  return /* @__PURE__ */ e("nav", { ref: c, "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: m.map((f, p) => {
+    const b = p === m.length - 1;
+    if ("collapsed" in f)
+      return /* @__PURE__ */ s("li", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ e($t, { className: "size-4", "aria-hidden": !0 }),
+        /* @__PURE__ */ e(le, { className: "size-3.5", "aria-hidden": !0 })
+      ] }, `ellipsis-${p}`);
+    const g = f, h = b ? /* @__PURE__ */ e("span", { "aria-current": "page", className: "font-medium text-foreground", children: g.label }) : g.href ? r ? r(g.href, g.label) : /* @__PURE__ */ e(
+      "a",
+      {
+        href: g.href,
+        className: "hover:text-foreground transition-colors duration-[var(--duration-fast)] outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-sm",
+        children: g.label
+      }
+    ) : /* @__PURE__ */ e("span", { children: g.label });
+    return /* @__PURE__ */ s("li", { className: "flex items-center gap-1.5", children: [
+      h,
+      !b && /* @__PURE__ */ e(le, { className: "size-3.5", "aria-hidden": !0 })
+    ] }, p);
+  }) }) });
+});
+Ht.displayName = "Breadcrumbs";
+const Ya = G(
+  [
+    "inline-flex items-center justify-center gap-2 whitespace-nowrap",
+    "rounded-md text-sm font-medium",
+    "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out)]",
+    "outline-none",
+    "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+    "focus-visible:ring-offset-background",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "[&_svg]:pointer-events-none [&_svg]:shrink-0"
+  ],
+  {
+    variants: {
+      variant: {
+        primary: [
+          "bg-accent text-on-accent",
+          "hover:bg-accent-700",
+          "active:bg-accent-800"
+        ],
+        secondary: [
+          "bg-background-muted text-foreground border border-border",
+          "hover:bg-neutral-200 dark:hover:bg-neutral-800",
+          "active:bg-neutral-300 dark:active:bg-neutral-700"
+        ],
+        outline: [
+          "border border-border bg-transparent text-foreground",
+          "hover:bg-background-muted",
+          "active:bg-background-subtle"
+        ],
+        ghost: [
+          "bg-transparent text-foreground",
+          "hover:bg-background-muted",
+          "active:bg-background-subtle"
+        ],
+        destructive: [
+          "bg-danger text-on-danger",
+          "hover:bg-danger-700",
+          "active:bg-danger-800"
+        ],
+        link: [
+          "bg-transparent text-accent underline-offset-4 px-0",
+          "hover:underline",
+          "active:text-accent-700"
+        ]
+      },
+      size: {
+        sm: "h-8 px-3 text-xs [&_svg]:size-4",
+        md: "h-9 px-3.5 text-sm [&_svg]:size-4",
+        lg: "h-10 px-4 text-sm [&_svg]:size-5",
+        icon: "h-9 w-9 [&_svg]:size-4"
+      }
+    },
+    compoundVariants: [
+      // The `link` variant ignores horizontal padding from the size variant.
+      { variant: "link", size: "sm", class: "h-auto px-0" },
+      { variant: "link", size: "md", class: "h-auto px-0" },
+      { variant: "link", size: "lg", class: "h-auto px-0" }
+    ],
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+), w = d(function({
+  className: t,
+  variant: a,
+  size: r,
+  asChild: o = !1,
+  loading: i = !1,
+  leadingIcon: c,
+  trailingIcon: u,
+  disabled: m,
+  children: f,
+  type: p = "button",
+  ...b
+}, g) {
+  return /* @__PURE__ */ s(
+    o ? Et : "button",
+    {
+      ref: g,
+      type: o ? void 0 : p,
+      "aria-busy": i || void 0,
+      disabled: o ? void 0 : m || i,
+      "data-loading": i || void 0,
+      className: l(Ya({ variant: a, size: r }), t),
+      ...b,
+      children: [
+        i ? /* @__PURE__ */ e(Re, { className: "animate-spin", "aria-hidden": "true" }) : c,
+        f,
+        !i && u
+      ]
+    }
+  );
+});
+w.displayName = "Button";
+const Ja = G(
+  [
+    "rounded-lg border bg-card text-card-foreground",
+    "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out)]"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "border-border",
+        interactive: "border-border hover:border-border-strong hover:bg-background-subtle cursor-pointer"
+      },
+      padding: {
+        none: "",
+        sm: "p-4",
+        md: "p-5",
+        lg: "p-6"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      padding: "md"
+    }
+  }
+), j = d(function({ className: t, variant: a, padding: r, ...o }, i) {
+  return /* @__PURE__ */ e("div", { ref: i, className: l(Ja({ variant: a, padding: r }), t), ...o });
+});
+j.displayName = "Card";
+const F = d(
+  function({ className: t, ...a }, r) {
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: r,
+        className: l("flex flex-col gap-1 pb-4", t),
+        ...a
+      }
+    );
+  }
+);
+F.displayName = "CardHeader";
+const $ = d(
+  function({ className: t, ...a }, r) {
+    return /* @__PURE__ */ e(
+      "h3",
+      {
+        ref: r,
+        className: l("text-base font-semibold text-foreground leading-tight", t),
+        ...a
+      }
+    );
+  }
+);
+$.displayName = "CardTitle";
+const Q = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ e(
+    "p",
+    {
+      ref: r,
+      className: l("text-sm text-foreground-muted", t),
+      ...a
+    }
+  );
+});
+Q.displayName = "CardDescription";
+const R = d(
+  function({ className: t, ...a }, r) {
+    return /* @__PURE__ */ e("div", { ref: r, className: l("text-sm text-foreground", t), ...a });
+  }
+);
+R.displayName = "CardContent";
+const Za = d(
+  function({ className: t, ...a }, r) {
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: r,
+        className: l("flex items-center gap-2 pt-4", t),
+        ...a
+      }
+    );
+  }
+);
+Za.displayName = "CardFooter";
+const De = d(
+  function({ className: t, label: a, description: r, error: o, hideLabel: i, id: c, disabled: u, ...m }, f) {
+    const p = W(), b = c ?? p, g = r ? `${b}-desc` : void 0, h = 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(
+          pt.Root,
+          {
+            ref: f,
+            id: b,
+            disabled: u,
+            "aria-describedby": h ?? g,
+            "aria-invalid": !!o || void 0,
+            className: l(
+              "peer mt-0.5 flex size-4 shrink-0 items-center justify-center rounded-sm border",
+              "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out)]",
+              "outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+              "data-[state=checked]:bg-accent data-[state=checked]:border-accent data-[state=checked]:text-on-accent",
+              "data-[state=indeterminate]:bg-accent data-[state=indeterminate]:border-accent data-[state=indeterminate]:text-on-accent",
+              "disabled:cursor-not-allowed disabled:opacity-50",
+              o ? "border-danger" : "border-border-strong"
+            ),
+            ...m,
+            children: /* @__PURE__ */ e(pt.Indicator, { className: "flex items-center justify-center", children: m.checked === "indeterminate" ? /* @__PURE__ */ e(Lt, { className: "size-3", "aria-hidden": !0, strokeWidth: 3 }) : /* @__PURE__ */ e(J, { className: "size-3", "aria-hidden": !0, strokeWidth: 3 }) })
+          }
+        ),
+        a && /* @__PURE__ */ s("div", { className: l("flex flex-col gap-0.5", i && "sr-only"), children: [
+          /* @__PURE__ */ e(
+            "label",
+            {
+              htmlFor: b,
+              className: l(
+                "text-sm text-foreground select-none",
+                u && "opacity-50 cursor-not-allowed"
+              ),
+              children: a
+            }
+          ),
+          r && /* @__PURE__ */ e("p", { id: g, className: "text-xs text-foreground-subtle", children: r })
+        ] })
+      ] }),
+      o && /* @__PURE__ */ e("p", { id: h, role: "alert", className: "text-xs text-danger-text", children: o })
+    ] });
+  }
+);
+De.displayName = "Checkbox";
+const er = d(function({
+  value: t,
+  onChange: a,
+  options: r,
+  loadOptions: o,
+  label: i,
+  helperText: c,
+  error: u,
+  placeholder: m = "Select…",
+  searchPlaceholder: f = "Search…",
+  emptyText: p = "No results.",
+  clearable: b = !0,
+  disabled: g,
+  size: h = "md",
+  className: x
+}, k) {
+  const v = W(), B = `${v}-helper`, V = `${v}-error`, [A, O] = y(!1), [L, C] = y(""), [U, K] = y([]), [ae, ce] = y(!1), E = o ? U : r ?? [];
+  ke(() => {
+    if (!o || !A) return;
+    let _ = !1;
+    return ce(!0), o(L).then((Ke) => {
+      _ || K(Ke);
+    }).finally(() => {
+      _ || ce(!1);
+    }), () => {
+      _ = !0;
+    };
+  }, [L, A, o]);
+  const q = Ce(
+    () => E.find((_) => _.value === t) ?? null,
+    [E, t]
+  ), re = h === "sm" ? "h-8" : h === "lg" ? "h-10" : "h-9", N = h === "sm" ? "px-2.5" : h === "lg" ? "px-3.5" : "px-3", Z = ie(
+    (_) => {
+      _.stopPropagation(), a(null);
+    },
+    [a]
+  ), Ue = !!u;
+  return /* @__PURE__ */ s("div", { ref: k, 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(z.Root, { open: A, onOpenChange: O, children: [
+      /* @__PURE__ */ e(z.Trigger, { asChild: !0, children: /* @__PURE__ */ s(
+        "button",
+        {
+          id: v,
+          type: "button",
+          role: "combobox",
+          "aria-expanded": A,
+          "aria-invalid": Ue || void 0,
+          "aria-describedby": Ue ? V : c ? B : 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",
+            re,
+            N,
+            Ue ? "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", !q && "text-foreground-subtle"), children: q ? q.label : m }),
+            /* @__PURE__ */ s("span", { className: "ml-2 flex items-center gap-1 shrink-0", children: [
+              b && q && !g && /* @__PURE__ */ e(
+                "span",
+                {
+                  role: "button",
+                  tabIndex: -1,
+                  onClick: Z,
+                  "aria-label": "Clear selection",
+                  className: "text-foreground-subtle hover:text-foreground",
+                  children: /* @__PURE__ */ e(Y, { className: "size-4", "aria-hidden": !0 })
+                }
+              ),
+              /* @__PURE__ */ e(Fe, { className: "size-4 text-foreground-subtle", "aria-hidden": !0 })
+            ] })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ e(z.Portal, { children: /* @__PURE__ */ e(
+        z.Content,
+        {
+          align: "start",
+          sideOffset: 4,
+          className: l(
+            "z-[var(--z-popover)] w-[var(--radix-popover-trigger-width)] overflow-hidden rounded-lg border border-border bg-popover text-popover-foreground shadow-md",
+            "data-[state=open]:animate-in data-[state=closed]:animate-out",
+            "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+            "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95"
+          ),
+          children: /* @__PURE__ */ s(I, { shouldFilter: !o, className: "flex h-full w-full flex-col", children: [
+            /* @__PURE__ */ s("div", { className: "flex items-center border-b border-border px-3", children: [
+              /* @__PURE__ */ e(
+                I.Input,
+                {
+                  value: L,
+                  onValueChange: C,
+                  placeholder: f,
+                  className: "flex h-9 w-full bg-transparent py-2 text-sm outline-none placeholder:text-foreground-subtle"
+                }
+              ),
+              ae && /* @__PURE__ */ e(Re, { className: "size-4 animate-spin text-foreground-subtle", "aria-hidden": !0 })
+            ] }),
+            /* @__PURE__ */ s(I.List, { className: "max-h-64 overflow-y-auto p-1", children: [
+              E.map((_) => {
+                const Ke = _.value === t;
+                return /* @__PURE__ */ s(
+                  I.Item,
+                  {
+                    value: _.value,
+                    disabled: _.disabled,
+                    onSelect: (wa) => {
+                      a(wa), O(!1);
+                    },
+                    className: l(
+                      "flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-foreground",
+                      "data-[selected=true]:bg-background-muted",
+                      "data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none"
+                    ),
+                    children: [
+                      /* @__PURE__ */ e("span", { className: "flex-1", children: _.label }),
+                      _.description && /* @__PURE__ */ e("span", { className: "text-xs text-foreground-subtle", children: _.description }),
+                      Ke && /* @__PURE__ */ e(J, { className: "size-4 text-accent", "aria-hidden": !0 })
+                    ]
+                  },
+                  _.value
+                );
+              }),
+              !ae && E.length === 0 && /* @__PURE__ */ e(I.Empty, { className: "px-2 py-6 text-center text-sm text-foreground-subtle", children: p })
+            ] })
+          ] })
+        }
+      ) })
+    ] }),
+    u ? /* @__PURE__ */ e("p", { id: V, role: "alert", className: "text-xs text-danger-text", children: u }) : c ? /* @__PURE__ */ e("p", { id: B, className: "text-xs text-foreground-subtle", children: c }) : null
+  ] });
+});
+er.displayName = "Combobox";
+const tr = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ e(
+    I,
+    {
+      ref: r,
+      className: l(
+        "flex h-full w-full flex-col overflow-hidden rounded-lg bg-popover text-popover-foreground",
+        t
+      ),
+      ...a
+    }
+  );
+});
+tr.displayName = "Command";
+const ar = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ s("div", { className: "flex items-center gap-2 border-b border-border px-3", "cmdk-input-wrapper": "", children: [
+    /* @__PURE__ */ e(Be, { className: "size-4 shrink-0 text-foreground-subtle", "aria-hidden": !0 }),
+    /* @__PURE__ */ e(
+      I.Input,
+      {
+        ref: r,
+        className: l(
+          "flex h-11 w-full bg-transparent py-3 text-sm outline-none",
+          "placeholder:text-foreground-subtle disabled:cursor-not-allowed disabled:opacity-50",
+          t
+        ),
+        ...a
+      }
+    )
+  ] });
+});
+ar.displayName = "CommandInput";
+const rr = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ e(
+    I.List,
+    {
+      ref: r,
+      className: l("max-h-[320px] overflow-y-auto p-1", t),
+      ...a
+    }
+  );
+});
+rr.displayName = "CommandList";
+const nr = d(function(t, a) {
+  return /* @__PURE__ */ e(
+    I.Empty,
+    {
+      ref: a,
+      className: "py-8 text-center text-sm text-foreground-subtle",
+      ...t
+    }
+  );
+});
+nr.displayName = "CommandEmpty";
+const or = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ e(
+    I.Group,
+    {
+      ref: r,
+      className: l(
+        "overflow-hidden text-foreground p-1",
+        "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5",
+        "[&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
+        "[&_[cmdk-group-heading]]:text-foreground-subtle",
+        t
+      ),
+      ...a
+    }
+  );
+});
+or.displayName = "CommandGroup";
+const sr = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ e(
+    I.Separator,
+    {
+      ref: r,
+      className: l("-mx-1 my-1 h-px bg-border", t),
+      ...a
+    }
+  );
+});
+sr.displayName = "CommandSeparator";
+const ir = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ e(
+    I.Item,
+    {
+      ref: r,
+      className: 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-[selected=true]:bg-background-muted data-[selected=true]:text-foreground",
+        "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
+        "[&_svg]:size-4 [&_svg]:text-foreground-subtle",
+        t
+      ),
+      ...a
+    }
+  );
+});
+ir.displayName = "CommandItem";
+function to({ children: n, className: t }) {
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      className: l(
+        "ml-auto inline-flex items-center gap-0.5 text-xs tracking-widest text-foreground-subtle font-mono",
+        t
+      ),
+      children: n
+    }
+  );
+}
+function ao({ open: n, onOpenChange: t, children: a, title: r = "Command palette" }) {
+  return /* @__PURE__ */ e(S.Root, { open: n, onOpenChange: t, children: /* @__PURE__ */ s(S.Portal, { children: [
+    /* @__PURE__ */ e(
+      S.Overlay,
+      {
+        className: l(
+          "fixed inset-0 z-[var(--z-overlay)] bg-neutral-950/60 backdrop-blur-[2px]",
+          "data-[state=open]:animate-in data-[state=closed]:animate-out",
+          "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0"
+        )
+      }
+    ),
+    /* @__PURE__ */ s(
+      S.Content,
+      {
+        className: l(
+          "fixed left-1/2 top-[20%] z-[var(--z-modal)] -translate-x-1/2",
+          "w-[calc(100%-2rem)] max-w-[640px] overflow-hidden",
+          "rounded-lg border border-border bg-popover text-popover-foreground shadow-lg",
+          "data-[state=open]:animate-in data-[state=closed]:animate-out",
+          "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
+          "data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95"
+        ),
+        children: [
+          /* @__PURE__ */ e(S.Title, { className: "sr-only", children: r }),
+          a
+        ]
+      }
+    )
+  ] }) });
+}
+function ro(n) {
+  const [t, a] = y(0);
+  ke(() => {
+    const r = (o) => {
+      o.key === "k" && (o.metaKey || o.ctrlKey) && (o.preventDefault(), n(!0), a((i) => i + 1));
+    };
+    return window.addEventListener("keydown", r), () => window.removeEventListener("keydown", r);
+  }, [n]);
+}
+const no = D.Root, oo = D.Trigger, so = D.Group, lr = D.Portal, io = D.Sub, lo = D.RadioGroup, Ge = 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"
+), dr = d(function({ className: t, children: a, ...r }, o) {
+  return /* @__PURE__ */ s(
+    D.SubTrigger,
+    {
+      ref: o,
+      className: l(Ge, "data-[state=open]:bg-background-muted", t),
+      ...r,
+      children: [
+        a,
+        /* @__PURE__ */ e(le, { className: "ml-auto size-4 text-foreground-subtle", "aria-hidden": !0 })
+      ]
+    }
+  );
+});
+dr.displayName = "ContextMenuSubTrigger";
+const cr = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ e(
+    D.SubContent,
+    {
+      ref: r,
+      className: l(
+        "z-[var(--z-popover)] min-w-[8rem] overflow-hidden rounded-lg border border-border bg-popover p-1 text-popover-foreground shadow-md",
+        t
+      ),
+      ...a
+    }
+  );
+});
+cr.displayName = "ContextMenuSubContent";
+const ur = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ e(lr, { children: /* @__PURE__ */ e(
+    D.Content,
+    {
+      ref: r,
+      className: l(
+        "z-[var(--z-popover)] min-w-[12rem] overflow-hidden rounded-lg border border-border bg-popover p-1 text-popover-foreground shadow-md",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out",
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        t
+      ),
+      ...a
+    }
+  ) });
+});
+ur.displayName = "ContextMenuContent";
+const mr = d(function({ className: t, destructive: a, ...r }, o) {
+  return /* @__PURE__ */ e(
+    D.Item,
+    {
+      ref: o,
+      className: l(
+        Ge,
+        a && "text-danger-text data-[highlighted]:bg-danger-soft data-[highlighted]:text-danger-text",
+        t
+      ),
+      ...r
+    }
+  );
+});
+mr.displayName = "ContextMenuItem";
+const fr = d(function({ className: t, children: a, ...r }, o) {
+  return /* @__PURE__ */ s(
+    D.CheckboxItem,
+    {
+      ref: o,
+      className: l(Ge, "pl-8", t),
+      ...r,
+      children: [
+        /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(D.ItemIndicator, { children: /* @__PURE__ */ e(J, { className: "size-4 text-accent", "aria-hidden": !0 }) }) }),
+        a
+      ]
+    }
+  );
+});
+fr.displayName = "ContextMenuCheckboxItem";
+const gr = d(function({ className: t, children: a, ...r }, o) {
+  return /* @__PURE__ */ s(
+    D.RadioItem,
+    {
+      ref: o,
+      className: l(Ge, "pl-8", t),
+      ...r,
+      children: [
+        /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(D.ItemIndicator, { children: /* @__PURE__ */ e(at, { className: "size-2 fill-accent text-accent", "aria-hidden": !0 }) }) }),
+        a
+      ]
+    }
+  );
+});
+gr.displayName = "ContextMenuRadioItem";
+const pr = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ e(
+    D.Label,
+    {
+      ref: r,
+      className: l("px-2 py-1.5 text-xs font-medium text-foreground-subtle", t),
+      ...a
+    }
+  );
+});
+pr.displayName = "ContextMenuLabel";
+const hr = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ e(
+    D.Separator,
+    {
+      ref: r,
+      className: l("-mx-1 my-1 h-px bg-border", t),
+      ...a
+    }
+  );
+});
+hr.displayName = "ContextMenuSeparator";
+function br({ className: n, ...t }) {
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      className: l("ml-auto text-xs tracking-widest text-foreground-subtle font-mono", n),
+      ...t
+    }
+  );
+}
+br.displayName = "ContextMenuShortcut";
+const xr = P.Root, vr = P.Trigger, co = P.Group, Nr = P.Portal, uo = P.Sub, mo = P.RadioGroup, Ve = 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)]"
+), yr = d(function({ className: t, inset: a, children: r, ...o }, i) {
+  return /* @__PURE__ */ s(
+    P.SubTrigger,
+    {
+      ref: i,
+      className: l(Ve, "data-[state=open]:bg-background-muted", a && "pl-8", t),
+      ...o,
+      children: [
+        r,
+        /* @__PURE__ */ e(le, { className: "ml-auto size-4 text-foreground-subtle", "aria-hidden": !0 })
+      ]
+    }
+  );
+});
+yr.displayName = "DropdownMenuSubTrigger";
+const wr = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ e(
+    P.SubContent,
+    {
+      ref: r,
+      className: l(
+        "z-[var(--z-popover)] min-w-[8rem] overflow-hidden rounded-lg border border-border bg-popover p-1 text-popover-foreground shadow-md",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out",
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+        t
+      ),
+      ...a
+    }
+  );
+});
+wr.displayName = "DropdownMenuSubContent";
+const Wt = d(function({ className: t, sideOffset: a = 4, align: r = "end", ...o }, i) {
+  return /* @__PURE__ */ e(Nr, { children: /* @__PURE__ */ e(
+    P.Content,
+    {
+      ref: i,
+      sideOffset: a,
+      align: r,
+      className: l(
+        "z-[var(--z-popover)] min-w-[12rem] overflow-hidden rounded-lg border border-border bg-popover p-1 text-popover-foreground shadow-md",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out",
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+        "data-[side=bottom]:slide-in-from-top-1 data-[side=top]:slide-in-from-bottom-1",
+        t
+      ),
+      ...o
+    }
+  ) });
+});
+Wt.displayName = "DropdownMenuContent";
+const kr = d(function({ className: t, inset: a, destructive: r, ...o }, i) {
+  return /* @__PURE__ */ e(
+    P.Item,
+    {
+      ref: i,
+      className: l(
+        Ve,
+        a && "pl-8",
+        r && "text-danger-text data-[highlighted]:bg-danger-soft data-[highlighted]:text-danger-text",
+        t
+      ),
+      ...o
+    }
+  );
+});
+kr.displayName = "DropdownMenuItem";
+const Ut = d(function({ className: t, children: a, checked: r, ...o }, i) {
+  return /* @__PURE__ */ s(
+    P.CheckboxItem,
+    {
+      ref: i,
+      checked: r,
+      className: l(Ve, "pl-8", t),
+      ...o,
+      children: [
+        /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(P.ItemIndicator, { children: /* @__PURE__ */ e(J, { className: "size-4 text-accent", "aria-hidden": !0 }) }) }),
+        a
+      ]
+    }
+  );
+});
+Ut.displayName = "DropdownMenuCheckboxItem";
+const Cr = d(function({ className: t, children: a, ...r }, o) {
+  return /* @__PURE__ */ s(
+    P.RadioItem,
+    {
+      ref: o,
+      className: l(Ve, "pl-8", t),
+      ...r,
+      children: [
+        /* @__PURE__ */ e("span", { className: "absolute left-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ e(P.ItemIndicator, { children: /* @__PURE__ */ e(at, { className: "size-2 fill-accent text-accent", "aria-hidden": !0 }) }) }),
+        a
+      ]
+    }
+  );
+});
+Cr.displayName = "DropdownMenuRadioItem";
+const Kt = d(function({ className: t, inset: a, ...r }, o) {
+  return /* @__PURE__ */ e(
+    P.Label,
+    {
+      ref: o,
+      className: l(
+        "px-2 py-1.5 text-xs font-medium text-foreground-subtle",
+        a && "pl-8",
+        t
+      ),
+      ...r
+    }
+  );
+});
+Kt.displayName = "DropdownMenuLabel";
+const qt = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ e(
+    P.Separator,
+    {
+      ref: r,
+      className: l("-mx-1 my-1 h-px bg-border", t),
+      ...a
+    }
+  );
+});
+qt.displayName = "DropdownMenuSeparator";
+function Sr({ className: n, ...t }) {
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      className: l("ml-auto text-xs tracking-widest text-foreground-subtle font-mono", n),
+      ...t
+    }
+  );
+}
+Sr.displayName = "DropdownMenuShortcut";
+const zr = G(
+  [
+    "inline-flex items-center justify-center shrink-0",
+    "rounded-md",
+    "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out)]",
+    "outline-none",
+    "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+    "focus-visible:ring-offset-background",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "[&_svg]:pointer-events-none"
+  ],
+  {
+    variants: {
+      variant: {
+        primary: "bg-accent text-on-accent hover:bg-accent-700 active:bg-accent-800",
+        secondary: "bg-background-muted text-foreground border border-border hover:bg-neutral-200 dark:hover:bg-neutral-800",
+        outline: "border border-border bg-transparent text-foreground hover:bg-background-muted",
+        ghost: "bg-transparent text-foreground-muted hover:bg-background-muted hover:text-foreground",
+        destructive: "bg-danger text-on-danger hover:bg-danger-700 active:bg-danger-800"
+      },
+      size: {
+        sm: "h-7 w-7 [&_svg]:size-3.5",
+        md: "h-8 w-8 [&_svg]:size-4",
+        lg: "h-10 w-10 [&_svg]:size-5"
+      }
+    },
+    defaultVariants: {
+      variant: "ghost",
+      size: "md"
+    }
+  }
+), lt = d(function({ className: t, variant: a, size: r, icon: o, loading: i, disabled: c, type: u = "button", ...m }, f) {
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      ref: f,
+      type: u,
+      "aria-busy": i || void 0,
+      disabled: c || i,
+      className: l(zr({ variant: a, size: r }), t),
+      ...m,
+      children: i ? /* @__PURE__ */ e(Re, { className: "animate-spin", "aria-hidden": "true" }) : o
+    }
+  );
+});
+lt.displayName = "IconButton";
+const Tr = G(
+  [
+    "group inline-flex items-center w-full",
+    "rounded-md border bg-card text-sm",
+    "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out)]",
+    "has-disabled:opacity-50 has-disabled:pointer-events-none",
+    "focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-offset-background"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-8 px-2.5 gap-1.5",
+        md: "h-9 px-3 gap-2",
+        lg: "h-10 px-3.5 gap-2"
+      },
+      tone: {
+        default: "border-border focus-within:border-accent focus-within:ring-ring",
+        error: "border-danger focus-within:border-danger focus-within:ring-danger"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      tone: "default"
+    }
+  }
+), Ir = G([
+  "flex-1 min-w-0 bg-transparent outline-none",
+  "placeholder:text-foreground-subtle",
+  "text-foreground",
+  "disabled:cursor-not-allowed"
+]), T = d(function({
+  className: t,
+  type: a = "text",
+  size: r,
+  tone: o,
+  label: i,
+  helperText: c,
+  error: u,
+  prefix: m,
+  suffix: f,
+  clearable: p,
+  onClear: b,
+  hideLabel: g,
+  id: h,
+  disabled: x,
+  value: k,
+  ...v
+}, B) {
+  const V = W(), A = h ?? V, O = `${A}-helper`, L = `${A}-error`, [C, U] = y(!1), K = a === "password" ? C ? "text" : "password" : a, ae = !!u, ce = ae ? "error" : o, E = m ?? (a === "search" ? /* @__PURE__ */ e(Be, { className: "size-4 text-foreground-subtle", "aria-hidden": !0 }) : null), q = k !== void 0 && k !== "" && k !== null;
+  return /* @__PURE__ */ s("div", { className: l("flex flex-col gap-1.5", t), children: [
+    i && /* @__PURE__ */ e(
+      "label",
+      {
+        htmlFor: A,
+        className: l(
+          "text-sm font-medium text-foreground",
+          g && "sr-only"
+        ),
+        children: i
+      }
+    ),
+    /* @__PURE__ */ s("div", { className: l(Tr({ size: r, tone: ce })), children: [
+      E && /* @__PURE__ */ e("span", { className: "flex items-center text-foreground-subtle [&_svg]:size-4", children: E }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          ref: B,
+          id: A,
+          type: K,
+          disabled: x,
+          value: k,
+          "aria-invalid": ae || void 0,
+          "aria-describedby": u ? L : c ? O : void 0,
+          className: l(Ir()),
+          ...v
+        }
+      ),
+      p && q && /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          onClick: b,
+          tabIndex: -1,
+          "aria-label": "Clear input",
+          className: "flex items-center text-foreground-subtle hover:text-foreground",
+          children: /* @__PURE__ */ e(Y, { className: "size-4", "aria-hidden": !0 })
+        }
+      ),
+      a === "password" && /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          onClick: () => U((re) => !re),
+          tabIndex: -1,
+          "aria-label": C ? "Hide password" : "Show password",
+          "aria-pressed": C,
+          className: "flex items-center text-foreground-subtle hover:text-foreground",
+          children: C ? /* @__PURE__ */ e(_t, { className: "size-4", "aria-hidden": !0 }) : /* @__PURE__ */ e(At, { className: "size-4", "aria-hidden": !0 })
+        }
+      ),
+      f && /* @__PURE__ */ e("span", { className: "flex items-center text-foreground-subtle [&_svg]:size-4", children: f })
+    ] }),
+    u ? /* @__PURE__ */ e("p", { id: L, role: "alert", className: "text-xs text-danger-text", children: u }) : c ? /* @__PURE__ */ e("p", { id: O, className: "text-xs text-foreground-subtle", children: c }) : null
+  ] });
+});
+T.displayName = "Input";
+const dt = d(
+  function({ className: t, ...a }, r) {
+    return /* @__PURE__ */ e("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ e(
+      "table",
+      {
+        ref: r,
+        className: l("w-full caption-bottom text-sm border-collapse", t),
+        ...a
+      }
+    ) });
+  }
+);
+dt.displayName = "Table";
+const ct = d(
+  function({ className: t, ...a }, r) {
+    return /* @__PURE__ */ e(
+      "thead",
+      {
+        ref: r,
+        className: l(
+          "sticky top-0 z-10 bg-background-subtle text-foreground-muted",
+          "[&_tr]:border-b [&_tr]:border-border",
+          t
+        ),
+        ...a
+      }
+    );
+  }
+);
+ct.displayName = "TableHeader";
+const ut = d(
+  function({ className: t, ...a }, r) {
+    return /* @__PURE__ */ e(
+      "tbody",
+      {
+        ref: r,
+        className: l("[&_tr:last-child]:border-0", t),
+        ...a
+      }
+    );
+  }
+);
+ut.displayName = "TableBody";
+const Mr = d(
+  function({ className: t, ...a }, r) {
+    return /* @__PURE__ */ e(
+      "tfoot",
+      {
+        ref: r,
+        className: l("border-t border-border bg-background-subtle font-medium", t),
+        ...a
+      }
+    );
+  }
+);
+Mr.displayName = "TableFooter";
+const oe = d(function({ className: t, selected: a, ...r }, o) {
+  return /* @__PURE__ */ e(
+    "tr",
+    {
+      ref: o,
+      "data-selected": a || void 0,
+      className: l(
+        "border-b border-border transition-colors duration-[var(--duration-fast)]",
+        "hover:bg-background-subtle",
+        "data-[selected]:bg-accent-soft data-[selected]:hover:bg-accent-soft",
+        t
+      ),
+      ...r
+    }
+  );
+});
+oe.displayName = "TableRow";
+const se = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ e(
+    "th",
+    {
+      ref: r,
+      className: l(
+        "h-10 px-3 text-left align-middle text-xs font-medium uppercase tracking-wide text-foreground-subtle",
+        "[&:has([role=checkbox])]:w-10 [&:has([role=checkbox])]:pr-0",
+        t
+      ),
+      ...a
+    }
+  );
+});
+se.displayName = "TableHead";
+const ee = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ e(
+    "td",
+    {
+      ref: r,
+      className: l("px-3 py-3 align-middle text-foreground", t),
+      ...a
+    }
+  );
+});
+ee.displayName = "TableCell";
+const Dr = d(
+  function({ className: t, ...a }, r) {
+    return /* @__PURE__ */ e(
+      "caption",
+      {
+        ref: r,
+        className: l("mt-4 text-sm text-foreground-subtle", t),
+        ...a
+      }
+    );
+  }
+);
+Dr.displayName = "TableCaption";
+const Qt = d(
+  function({ sortKey: t, currentSort: a, onSortChange: r, children: o, className: i, ...c }, u) {
+    const m = (a == null ? void 0 : a.key) === t, f = m ? a == null ? void 0 : a.direction : void 0, p = () => {
+      r(t, m && f === "asc" ? "desc" : "asc");
+    };
+    return /* @__PURE__ */ e(se, { ref: u, className: l("p-0", i), "aria-sort": m ? f === "asc" ? "ascending" : "descending" : "none", ...c, children: /* @__PURE__ */ s(
+      "button",
+      {
+        type: "button",
+        onClick: p,
+        className: l(
+          "inline-flex h-10 w-full items-center gap-1.5 px-3 outline-none",
+          "transition-colors duration-[var(--duration-fast)]",
+          "hover:text-foreground focus-visible:text-foreground",
+          "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background rounded-sm",
+          m && "text-foreground"
+        ),
+        children: [
+          o,
+          f === "asc" ? /* @__PURE__ */ e(Ct, { className: "size-3.5", "aria-hidden": !0 }) : f === "desc" ? /* @__PURE__ */ e(wt, { className: "size-3.5", "aria-hidden": !0 }) : /* @__PURE__ */ e(St, { className: "size-3.5 opacity-40", "aria-hidden": !0 })
+        ]
+      }
+    ) });
+  }
+);
+Qt.displayName = "TableSortHeader";
+const Xt = d(function({ className: t, variant: a, ...r }, o) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ref: o,
+      "aria-hidden": !0,
+      className: l(
+        "animate-pulse bg-background-muted",
+        a === "text" && "h-3 rounded-sm",
+        a === "circle" && "rounded-full aspect-square",
+        a === "avatar" && "size-8 rounded-full",
+        a === "card" && "rounded-lg",
+        !a && "rounded-md",
+        t
+      ),
+      ...r
+    }
+  );
+});
+Xt.displayName = "Skeleton";
+function Pr({
+  columns: n,
+  rows: t,
+  loading: a,
+  sort: r,
+  onSortChange: o,
+  filter: i,
+  emptyState: c,
+  className: u
+}) {
+  const [m, f] = y({}), p = Ce(() => n.filter((g) => !m[g.key]), [n, m]), b = () => a ? Array.from({ length: 5 }).map((g, h) => /* @__PURE__ */ e(oe, { children: p.map((x) => /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(Xt, { variant: "text", className: "w-3/4" }) }, x.key)) }, `skel-${h}`)) : t.length === 0 ? /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ e(ee, { colSpan: p.length, className: "h-32 text-center", children: c ?? /* @__PURE__ */ e("span", { className: "text-foreground-subtle", children: "No results." }) }) }) : t.map((g) => /* @__PURE__ */ e(oe, { children: p.map((h) => /* @__PURE__ */ e(
+    ee,
+    {
+      className: l(h.align === "right" && "text-right tabular"),
+      children: h.cell ? h.cell(g) : g[h.key]
+    },
+    h.key
+  )) }, g.id));
+  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(
+        T,
+        {
+          type: "search",
+          placeholder: i.placeholder ?? "Filter…",
+          value: i.value,
+          onChange: (g) => i.onChange(g.target.value),
+          clearable: !0,
+          onClear: () => i.onChange(""),
+          className: "max-w-sm w-full",
+          hideLabel: !0,
+          label: "Filter rows"
+        }
+      ) : /* @__PURE__ */ e("div", {}),
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ s(xr, { children: [
+        /* @__PURE__ */ e(vr, { asChild: !0, children: /* @__PURE__ */ e(lt, { "aria-label": "Column visibility", icon: /* @__PURE__ */ e(ot, {}), variant: "outline" }) }),
+        /* @__PURE__ */ s(Wt, { children: [
+          /* @__PURE__ */ e(Kt, { children: "Columns" }),
+          /* @__PURE__ */ e(qt, {}),
+          n.map((g) => /* @__PURE__ */ e(
+            Ut,
+            {
+              checked: !m[g.key],
+              onCheckedChange: (h) => f((x) => ({ ...x, [g.key]: !h })),
+              children: g.header
+            },
+            g.key
+          ))
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "rounded-lg border border-border overflow-hidden", children: /* @__PURE__ */ s(dt, { children: [
+      /* @__PURE__ */ e("colgroup", { children: p.map((g) => /* @__PURE__ */ e("col", { style: g.width ? { width: g.width } : void 0 }, g.key)) }),
+      /* @__PURE__ */ e(ct, { children: /* @__PURE__ */ e(oe, { children: p.map(
+        (g) => g.sortable && o ? /* @__PURE__ */ e(
+          Qt,
+          {
+            sortKey: g.key,
+            currentSort: r ?? null,
+            onSortChange: (h, x) => o({ key: h, direction: x }),
+            children: g.header
+          },
+          g.key
+        ) : /* @__PURE__ */ e(se, { className: l(g.align === "right" && "text-right"), children: g.header }, g.key)
+      ) }) }),
+      /* @__PURE__ */ e(ut, { children: b() })
+    ] }) })
+  ] });
+}
+const Yt = {
+  root: "p-3",
+  month: "space-y-2",
+  caption: "flex items-center justify-between px-1 pb-2",
+  caption_label: "text-sm font-medium text-foreground",
+  nav: "flex items-center gap-1",
+  nav_button: "inline-flex size-7 items-center justify-center rounded-md text-foreground-muted hover:bg-background-muted hover:text-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring",
+  table: "w-full border-collapse",
+  head_row: "flex",
+  head_cell: "w-9 text-xs font-medium text-foreground-subtle",
+  row: "flex w-full mt-1",
+  cell: "relative size-9 p-0 text-center",
+  day: "inline-flex size-9 items-center justify-center rounded-md text-sm text-foreground transition-colors outline-none hover:bg-background-muted focus-visible:ring-2 focus-visible:ring-ring",
+  day_selected: "bg-accent text-on-accent hover:bg-accent hover:text-on-accent",
+  day_today: "font-semibold text-accent",
+  day_outside: "text-foreground-subtle opacity-50",
+  day_disabled: "text-foreground-subtle opacity-50 pointer-events-none",
+  day_range_start: "rounded-l-md",
+  day_range_end: "rounded-r-md",
+  day_range_middle: "bg-accent-soft text-on-accent-soft rounded-none"
+}, Jt = {
+  IconLeft: () => /* @__PURE__ */ e(Ze, { className: "size-4", "aria-hidden": !0 }),
+  IconRight: () => /* @__PURE__ */ e(le, { className: "size-4", "aria-hidden": !0 })
+};
+function Pe(n) {
+  return n ? n.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" }) : "";
+}
+function Zt({
+  label: n,
+  placeholder: t,
+  hasValue: a,
+  children: r,
+  error: o,
+  fieldId: i,
+  disabled: c
+}) {
+  return /* @__PURE__ */ s("div", { className: "flex flex-col gap-1.5", children: [
+    n && /* @__PURE__ */ e("label", { htmlFor: i, className: "text-sm font-medium text-foreground", children: n }),
+    /* @__PURE__ */ e(z.Trigger, { asChild: !0, children: /* @__PURE__ */ s(
+      "button",
+      {
+        id: i,
+        type: "button",
+        disabled: c,
+        "aria-invalid": !!o || void 0,
+        className: l(
+          "inline-flex h-9 w-full items-center justify-start gap-2 rounded-md border bg-card px-3 text-left text-sm",
+          "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",
+          o ? "border-danger focus-visible:border-danger focus-visible:ring-danger" : "border-border focus-visible:border-accent focus-visible:ring-ring",
+          !a && "text-foreground-subtle"
+        ),
+        children: [
+          /* @__PURE__ */ e(zt, { className: "size-4 text-foreground-subtle", "aria-hidden": !0 }),
+          /* @__PURE__ */ e("span", { className: "truncate", children: a ? r : t })
+        ]
+      }
+    ) }),
+    o && /* @__PURE__ */ e("p", { role: "alert", className: "text-xs text-danger-text", children: o })
+  ] });
+}
+const Ar = d(function({ value: t, onChange: a, label: r, placeholder: o = "Pick a date", error: i, disabled: c, fromDate: u, toDate: m, className: f }, p) {
+  const b = W(), [g, h] = y(!1);
+  return /* @__PURE__ */ e("div", { ref: p, className: l(f), children: /* @__PURE__ */ s(z.Root, { open: g, onOpenChange: h, children: [
+    /* @__PURE__ */ e(
+      Zt,
+      {
+        label: r,
+        placeholder: o,
+        hasValue: !!t,
+        error: i,
+        fieldId: b,
+        disabled: c,
+        children: Pe(t)
+      }
+    ),
+    /* @__PURE__ */ e(z.Portal, { children: /* @__PURE__ */ e(
+      z.Content,
+      {
+        align: "start",
+        sideOffset: 4,
+        className: "z-[var(--z-popover)] rounded-lg border border-border bg-popover text-popover-foreground shadow-md",
+        children: /* @__PURE__ */ e(
+          Gt,
+          {
+            mode: "single",
+            selected: t,
+            onSelect: (x) => {
+              a(x ?? void 0), x && h(!1);
+            },
+            fromDate: u,
+            toDate: m,
+            classNames: Yt,
+            components: Jt
+          }
+        )
+      }
+    ) })
+  ] }) });
+});
+Ar.displayName = "DatePicker";
+const _r = d(function({ value: t, onChange: a, label: r, placeholder: o = "Pick a range", error: i, disabled: c, fromDate: u, toDate: m, className: f }, p) {
+  const b = W(), [g, h] = y(!1), x = !!(t != null && t.from);
+  return /* @__PURE__ */ e("div", { ref: p, className: l(f), children: /* @__PURE__ */ s(z.Root, { open: g, onOpenChange: h, children: [
+    /* @__PURE__ */ e(
+      Zt,
+      {
+        label: r,
+        placeholder: o,
+        hasValue: x,
+        error: i,
+        fieldId: b,
+        disabled: c,
+        children: t != null && t.from && t.to ? `${Pe(t.from)} – ${Pe(t.to)}` : t != null && t.from ? Pe(t.from) : ""
+      }
+    ),
+    /* @__PURE__ */ e(z.Portal, { children: /* @__PURE__ */ e(
+      z.Content,
+      {
+        align: "start",
+        sideOffset: 4,
+        className: "z-[var(--z-popover)] rounded-lg border border-border bg-popover text-popover-foreground shadow-md",
+        children: /* @__PURE__ */ e(
+          Gt,
+          {
+            mode: "range",
+            selected: t,
+            onSelect: a,
+            numberOfMonths: 2,
+            fromDate: u,
+            toDate: m,
+            classNames: Yt,
+            components: Jt
+          }
+        )
+      }
+    ) })
+  ] }) });
+});
+_r.displayName = "DateRangePicker";
+const jr = S.Root, fo = S.Trigger, Fr = S.Portal, Rr = S.Close, ea = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ e(
+    S.Overlay,
+    {
+      ref: r,
+      className: l(
+        "fixed inset-0 z-[var(--z-overlay)] bg-neutral-950/60 backdrop-blur-[2px]",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out",
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        t
+      ),
+      ...a
+    }
+  );
+});
+ea.displayName = "DialogOverlay";
+const ta = d(function({ className: t, children: a, showClose: r = !0, size: o = "md", ...i }, c) {
+  return /* @__PURE__ */ s(Fr, { children: [
+    /* @__PURE__ */ e(ea, {}),
+    /* @__PURE__ */ s(
+      S.Content,
+      {
+        ref: c,
+        className: l(
+          "fixed left-1/2 top-1/2 z-[var(--z-modal)] -translate-x-1/2 -translate-y-1/2",
+          "w-[calc(100%-2rem)] rounded-lg border border-border bg-card text-card-foreground shadow-lg",
+          "p-6",
+          "data-[state=open]:animate-in data-[state=closed]:animate-out",
+          "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+          "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+          o === "sm" && "max-w-[400px]",
+          o === "md" && "max-w-[520px]",
+          o === "lg" && "max-w-[720px]",
+          t
+        ),
+        ...i,
+        children: [
+          a,
+          r && /* @__PURE__ */ e(
+            S.Close,
+            {
+              "aria-label": "Close",
+              className: l(
+                "absolute right-4 top-4 inline-flex size-8 items-center justify-center rounded-md text-foreground-subtle",
+                "hover:bg-background-muted hover:text-foreground",
+                "outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card",
+                "transition-colors duration-[var(--duration-fast)]"
+              ),
+              children: /* @__PURE__ */ e(Y, { className: "size-4", "aria-hidden": !0 })
+            }
+          )
+        ]
+      }
+    )
+  ] });
+});
+ta.displayName = "DialogContent";
+function aa({ className: n, ...t }) {
+  return /* @__PURE__ */ e("div", { className: l("flex flex-col gap-1 pb-4", n), ...t });
+}
+aa.displayName = "DialogHeader";
+function ra({ className: n, ...t }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: l("flex flex-col-reverse gap-2 pt-6 sm:flex-row sm:justify-end", n),
+      ...t
+    }
+  );
+}
+ra.displayName = "DialogFooter";
+const na = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ e(
+    S.Title,
+    {
+      ref: r,
+      className: l("text-lg font-semibold text-foreground leading-tight", t),
+      ...a
+    }
+  );
+});
+na.displayName = "DialogTitle";
+const oa = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ e(
+    S.Description,
+    {
+      ref: r,
+      className: l("text-sm text-foreground-muted", t),
+      ...a
+    }
+  );
+});
+oa.displayName = "DialogDescription";
+function Br({
+  open: n,
+  onOpenChange: t,
+  title: a,
+  description: r,
+  confirmLabel: o = "Confirm",
+  cancelLabel: i = "Cancel",
+  confirmVariant: c = "primary",
+  onConfirm: u,
+  loading: m
+}) {
+  return /* @__PURE__ */ e(jr, { open: n, onOpenChange: t, children: /* @__PURE__ */ s(ta, { size: "sm", children: [
+    /* @__PURE__ */ s(aa, { children: [
+      /* @__PURE__ */ e(na, { children: a }),
+      r && /* @__PURE__ */ e(oa, { children: r })
+    ] }),
+    /* @__PURE__ */ s(ra, { children: [
+      /* @__PURE__ */ e(Rr, { asChild: !0, children: /* @__PURE__ */ e(w, { variant: "outline", children: i }) }),
+      /* @__PURE__ */ e(w, { variant: c, loading: m, onClick: u, children: o })
+    ] })
+  ] }) });
+}
+Br.displayName = "ConfirmationDialog";
+const mt = d(function({ icon: t, title: a, description: r, action: o, secondaryAction: i, className: c, ...u }, m) {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      ref: m,
+      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",
+        c
+      ),
+      ...u,
+      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: a }),
+        r && /* @__PURE__ */ e("p", { className: "max-w-md text-sm text-foreground-muted leading-relaxed", children: r }),
+        (o || i) && /* @__PURE__ */ s("div", { className: "mt-2 flex items-center gap-2", children: [
+          o,
+          i
+        ] })
+      ]
+    }
+  );
+});
+mt.displayName = "EmptyState";
+const Lr = {
+  404: {
+    icon: /* @__PURE__ */ e(ve, {}),
+    title: "Page not found",
+    description: "We couldn't find what you were looking for."
+  },
+  500: {
+    icon: /* @__PURE__ */ e($e, {}),
+    title: "Something went wrong",
+    description: "We're looking into it. Please try again in a moment."
+  },
+  generic: {
+    icon: /* @__PURE__ */ e(ve, {}),
+    title: "Unexpected error",
+    description: "Something interrupted this action."
+  }
+}, $r = d(function({ variant: t = "generic", title: a, description: r, action: o, onRetry: i, className: c, ...u }, m) {
+  const f = Lr[t];
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      ref: m,
+      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",
+        c
+      ),
+      ...u,
+      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: f.icon }),
+        /* @__PURE__ */ e("h3", { className: "text-base font-semibold text-foreground leading-tight", children: a ?? f.title }),
+        /* @__PURE__ */ e("p", { className: "max-w-md text-sm text-foreground-muted leading-relaxed", children: r ?? f.description }),
+        (o || i) && /* @__PURE__ */ e("div", { className: "mt-2 flex items-center gap-2", children: o ?? /* @__PURE__ */ e(w, { onClick: i, variant: "outline", children: "Try again" }) })
+      ]
+    }
+  );
+});
+$r.displayName = "ErrorState";
+const go = Ra, sa = Ye(null);
+function po(n) {
+  return /* @__PURE__ */ e(sa.Provider, { value: { name: n.name }, children: /* @__PURE__ */ e(Ba, { ...n }) });
+}
+const ia = Ye(null);
+function He() {
+  const n = xe(sa), t = xe(ia), { getFieldState: a, formState: r } = La();
+  if (!n)
+    throw new Error("useFormField must be used inside <FormField>");
+  const o = a(n.name, r), i = (t == null ? void 0 : t.id) ?? "";
+  return {
+    id: i,
+    name: n.name,
+    formItemId: `${i}-item`,
+    formDescriptionId: `${i}-desc`,
+    formMessageId: `${i}-error`,
+    ...o
+  };
+}
+const Or = d(
+  function({ className: t, ...a }, r) {
+    const o = W();
+    return /* @__PURE__ */ e(ia.Provider, { value: { id: o }, children: /* @__PURE__ */ e("div", { ref: r, className: l("flex flex-col gap-1.5", t), ...a }) });
+  }
+);
+Or.displayName = "FormItem";
+const Er = d(function({ className: t, ...a }, r) {
+  const { formItemId: o, error: i } = He();
+  return /* @__PURE__ */ e(
+    Fa.Root,
+    {
+      ref: r,
+      htmlFor: o,
+      className: l(
+        "text-sm font-medium text-foreground",
+        i && "text-danger-text",
+        t
+      ),
+      ...a
+    }
+  );
+});
+Er.displayName = "FormLabel";
+const Gr = d(
+  function(t, a) {
+    const { error: r, formItemId: o, formDescriptionId: i, formMessageId: c } = He();
+    return /* @__PURE__ */ e(
+      Et,
+      {
+        ref: a,
+        id: o,
+        "aria-describedby": r ? `${i} ${c}` : i,
+        "aria-invalid": !!r,
+        ...t
+      }
+    );
+  }
+);
+Gr.displayName = "FormControl";
+const Vr = d(
+  function({ className: t, ...a }, r) {
+    const { formDescriptionId: o } = He();
+    return /* @__PURE__ */ e(
+      "p",
+      {
+        ref: r,
+        id: o,
+        className: l("text-xs text-foreground-subtle", t),
+        ...a
+      }
+    );
+  }
+);
+Vr.displayName = "FormDescription";
+const Hr = d(
+  function({ className: t, children: a, ...r }, o) {
+    const { error: i, formMessageId: c } = He(), u = i ? String((i == null ? void 0 : i.message) ?? "") : a;
+    return u ? /* @__PURE__ */ e(
+      "p",
+      {
+        ref: o,
+        id: c,
+        role: "alert",
+        className: l("text-xs text-danger-text", t),
+        ...r,
+        children: u
+      }
+    ) : null;
+  }
+);
+Hr.displayName = "FormError";
+const Wr = d(function({ size: t = "sm", className: a, ...r }, o) {
+  return /* @__PURE__ */ e(
+    "kbd",
+    {
+      ref: o,
+      className: l(
+        "inline-flex items-center justify-center rounded border border-border bg-background-subtle font-mono",
+        "text-foreground-muted shadow-xs",
+        t === "sm" ? "h-5 min-w-5 px-1 text-[10px]" : "h-6 min-w-6 px-1.5 text-xs",
+        a
+      ),
+      ...r
+    }
+  );
+});
+Wr.displayName = "Kbd";
+const Ur = d(function({
+  options: t,
+  value: a,
+  onChange: r,
+  label: o,
+  helperText: i,
+  error: c,
+  placeholder: u = "Select…",
+  emptyText: m = "No results.",
+  maxVisibleChips: f = 4,
+  clearable: p = !0,
+  disabled: b,
+  className: g
+}, h) {
+  const x = W(), k = x, v = `${x}-helper`, B = `${x}-error`, [V, A] = y(!1), [O, L] = y(""), C = yt(null), U = Ce(
+    () => t.filter((N) => a.includes(N.value)),
+    [t, a]
+  ), K = ie(
+    (N) => {
+      a.includes(N) ? r(a.filter((Z) => Z !== N)) : r([...a, N]);
+    },
+    [a, r]
+  ), ae = ie(() => r([]), [r]), ce = (N) => {
+    N.key === "Backspace" && O === "" && a.length > 0 && r(a.slice(0, -1));
+  }, E = U.slice(0, f), q = U.length - E.length, re = !!c;
+  return /* @__PURE__ */ s("div", { ref: h, className: l("flex flex-col gap-1.5", g), children: [
+    o && /* @__PURE__ */ e("label", { htmlFor: k, className: "text-sm font-medium text-foreground", children: o }),
+    /* @__PURE__ */ s(z.Root, { open: V, onOpenChange: A, children: [
+      /* @__PURE__ */ e(z.Trigger, { asChild: !0, children: /* @__PURE__ */ s(
+        "div",
+        {
+          role: "combobox",
+          "aria-expanded": V,
+          "aria-controls": `${k}-list`,
+          "aria-haspopup": "listbox",
+          id: k,
+          tabIndex: b ? -1 : 0,
+          onKeyDown: ce,
+          "aria-disabled": b || void 0,
+          "aria-invalid": re || void 0,
+          "aria-describedby": re ? B : i ? v : void 0,
+          className: l(
+            "flex w-full min-h-9 cursor-text flex-wrap items-center gap-1.5 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",
+            re ? "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: () => {
+            var N;
+            return (N = C.current) == null ? void 0 : N.focus();
+          },
+          children: [
+            E.length === 0 && /* @__PURE__ */ e("span", { className: "text-foreground-subtle px-1", children: u }),
+            E.map((N) => /* @__PURE__ */ s(
+              "span",
+              {
+                className: "inline-flex items-center gap-1 rounded-md bg-accent-soft px-1.5 py-0.5 text-xs font-medium text-on-accent-soft",
+                children: [
+                  N.label,
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-label": `Remove ${N.label}`,
+                      className: "inline-flex items-center text-on-accent-soft hover:text-foreground",
+                      onClick: (Z) => {
+                        Z.stopPropagation(), K(N.value);
+                      },
+                      children: /* @__PURE__ */ e(Y, { className: "size-3", "aria-hidden": !0 })
+                    }
+                  )
+                ]
+              },
+              N.value
+            )),
+            q > 0 && /* @__PURE__ */ s("span", { className: "rounded-md bg-background-muted px-1.5 py-0.5 text-xs font-medium text-foreground-muted", children: [
+              "+",
+              q,
+              " more"
+            ] }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                ref: C,
+                value: O,
+                onChange: (N) => L(N.target.value),
+                onFocus: () => A(!0),
+                className: "flex-1 min-w-[8ch] bg-transparent text-sm outline-none placeholder:text-foreground-subtle",
+                placeholder: (U.length === 0, ""),
+                disabled: b
+              }
+            ),
+            /* @__PURE__ */ s("span", { className: "ml-auto flex items-center gap-1", children: [
+              p && U.length > 0 && /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": "Clear all",
+                  onClick: (N) => {
+                    N.stopPropagation(), ae();
+                  },
+                  className: "text-foreground-subtle hover:text-foreground",
+                  children: /* @__PURE__ */ e(Y, { className: "size-4", "aria-hidden": !0 })
+                }
+              ),
+              /* @__PURE__ */ e(Fe, { className: "size-4 text-foreground-subtle", "aria-hidden": !0 })
+            ] })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ e(z.Portal, { children: /* @__PURE__ */ e(
+        z.Content,
+        {
+          align: "start",
+          sideOffset: 4,
+          className: l(
+            "z-[var(--z-popover)] w-[var(--radix-popover-trigger-width)] overflow-hidden rounded-lg border border-border bg-popover text-popover-foreground shadow-md",
+            "data-[state=open]:animate-in data-[state=closed]:animate-out",
+            "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+            "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95"
+          ),
+          onOpenAutoFocus: (N) => N.preventDefault(),
+          children: /* @__PURE__ */ e(I, { shouldFilter: !1, className: "flex h-full w-full flex-col", children: /* @__PURE__ */ s(
+            I.List,
+            {
+              id: `${k}-list`,
+              className: "max-h-64 overflow-y-auto p-1",
+              children: [
+                t.filter((N) => N.label.toLowerCase().includes(O.toLowerCase())).map((N) => {
+                  const Z = a.includes(N.value);
+                  return /* @__PURE__ */ s(
+                    I.Item,
+                    {
+                      value: N.value,
+                      disabled: N.disabled,
+                      onSelect: () => K(N.value),
+                      className: l(
+                        "flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm text-foreground",
+                        "data-[selected=true]:bg-background-muted",
+                        "data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none"
+                      ),
+                      children: [
+                        /* @__PURE__ */ e(
+                          "span",
+                          {
+                            "aria-hidden": !0,
+                            className: l(
+                              "flex size-4 items-center justify-center rounded-sm border",
+                              Z ? "border-accent bg-accent text-on-accent" : "border-border"
+                            ),
+                            children: Z && /* @__PURE__ */ e(J, { className: "size-3", "aria-hidden": !0 })
+                          }
+                        ),
+                        /* @__PURE__ */ e("span", { className: "flex-1", children: N.label }),
+                        N.description && /* @__PURE__ */ e("span", { className: "text-xs text-foreground-subtle", children: N.description })
+                      ]
+                    },
+                    N.value
+                  );
+                }),
+                /* @__PURE__ */ e(I.Empty, { className: "px-2 py-6 text-center text-sm text-foreground-subtle", children: m })
+              ]
+            }
+          ) })
+        }
+      ) })
+    ] }),
+    c ? /* @__PURE__ */ e("p", { id: B, role: "alert", className: "text-xs text-danger-text", children: c }) : i ? /* @__PURE__ */ e("p", { id: v, className: "text-xs text-foreground-subtle", children: i }) : null
+  ] });
+});
+Ur.displayName = "MultiSelect";
+const la = M.Root, ho = M.Value, ft = d(function({ className: t, placeholder: a, size: r = "md", tone: o = "default", ...i }, c) {
+  return /* @__PURE__ */ s(
+    M.Trigger,
+    {
+      ref: c,
+      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",
+        "data-[placeholder]:text-foreground-subtle",
+        r === "sm" && "h-8 px-2.5",
+        r === "md" && "h-9 px-3",
+        r === "lg" && "h-10 px-3.5",
+        o === "default" ? "border-border focus-visible:border-accent focus-visible:ring-ring" : "border-danger focus-visible:border-danger focus-visible:ring-danger",
+        t
+      ),
+      ...i,
+      children: [
+        /* @__PURE__ */ e(M.Value, { placeholder: a }),
+        /* @__PURE__ */ e(M.Icon, { asChild: !0, children: /* @__PURE__ */ e(Fe, { className: "size-4 text-foreground-subtle shrink-0", "aria-hidden": !0 }) })
+      ]
+    }
+  );
+});
+ft.displayName = "SelectTrigger";
+const da = "flex h-6 cursor-default items-center justify-center text-foreground-subtle", ca = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ e(M.ScrollUpButton, { ref: r, className: l(da, t), ...a, children: /* @__PURE__ */ e(Tt, { className: "size-4", "aria-hidden": !0 }) });
+});
+ca.displayName = "SelectScrollUpButton";
+const ua = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ e(M.ScrollDownButton, { ref: r, className: l(da, t), ...a, children: /* @__PURE__ */ e(je, { className: "size-4", "aria-hidden": !0 }) });
+});
+ua.displayName = "SelectScrollDownButton";
+const gt = d(function({ className: t, children: a, position: r = "popper", ...o }, i) {
+  return /* @__PURE__ */ e(M.Portal, { children: /* @__PURE__ */ s(
+    M.Content,
+    {
+      ref: i,
+      position: r,
+      className: l(
+        "z-[var(--z-popover)] min-w-[var(--radix-select-trigger-width)] max-h-96",
+        "overflow-hidden rounded-lg border border-border bg-popover text-popover-foreground",
+        "shadow-md",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out",
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+        r === "popper" && "data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1",
+        t
+      ),
+      ...o,
+      children: [
+        /* @__PURE__ */ e(ca, {}),
+        /* @__PURE__ */ e(M.Viewport, { className: "p-1", children: a }),
+        /* @__PURE__ */ e(ua, {})
+      ]
+    }
+  ) });
+});
+gt.displayName = "SelectContent";
+const ma = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ e(
+    M.Label,
+    {
+      ref: r,
+      className: l("px-2 py-1.5 text-xs font-medium text-foreground-subtle", t),
+      ...a
+    }
+  );
+});
+ma.displayName = "SelectLabel";
+const me = d(function({ className: t, children: a, leadingIcon: r, ...o }, i) {
+  return /* @__PURE__ */ s(
+    M.Item,
+    {
+      ref: i,
+      className: l(
+        "relative flex w-full cursor-default select-none items-center gap-2",
+        "rounded-sm px-2 py-1.5 pr-8 text-sm text-foreground outline-none",
+        "data-[highlighted]:bg-background-muted data-[highlighted]:text-foreground",
+        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        t
+      ),
+      ...o,
+      children: [
+        r && /* @__PURE__ */ e("span", { className: "flex items-center text-foreground-subtle [&_svg]:size-4", children: r }),
+        /* @__PURE__ */ e(M.ItemText, { children: a }),
+        /* @__PURE__ */ e("span", { className: "absolute right-2 flex items-center justify-center", children: /* @__PURE__ */ e(M.ItemIndicator, { children: /* @__PURE__ */ e(J, { className: "size-4 text-accent", "aria-hidden": !0 }) }) })
+      ]
+    }
+  );
+});
+me.displayName = "SelectItem";
+const Kr = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ e(
+    M.Separator,
+    {
+      ref: r,
+      className: l("-mx-1 my-1 h-px bg-border", t),
+      ...a
+    }
+  );
+});
+Kr.displayName = "SelectSeparator";
+const qr = d(function({ label: t, children: a, ...r }, o) {
+  return /* @__PURE__ */ s(M.Group, { ref: o, ...r, children: [
+    t && /* @__PURE__ */ e(ma, { children: t }),
+    a
+  ] });
+});
+qr.displayName = "SelectGroup";
+function Qr(n, t, a = 7) {
+  if (t <= a) return Array.from({ length: t }, (u, m) => m + 1);
+  const r = 1, o = [], i = Math.max(2, n - r), c = Math.min(t - 1, n + r);
+  o.push(1), i > 2 && o.push("gap");
+  for (let u = i; u <= c; u++) o.push(u);
+  return c < t - 1 && o.push("gap"), o.push(t), o;
+}
+const fa = d(function({
+  page: t,
+  pageCount: a,
+  onPageChange: r,
+  totalItems: o,
+  pageSize: i,
+  pageSizeOptions: c,
+  onPageSizeChange: u,
+  showJump: m = !0,
+  className: f,
+  ...p
+}, b) {
+  const g = Ce(() => Qr(t, a), [t, a]), h = i ? (t - 1) * i + 1 : void 0, x = i && o ? Math.min(t * i, o) : void 0, k = (v) => {
+    v < 1 || v > a || v === t || r(v);
+  };
+  return /* @__PURE__ */ s(
+    "nav",
+    {
+      ref: b,
+      "aria-label": "Pagination",
+      className: l("flex flex-wrap items-center justify-between gap-3", f),
+      ...p,
+      children: [
+        /* @__PURE__ */ s("div", { className: "flex items-center gap-3 text-sm text-foreground-muted", children: [
+          o !== void 0 && i !== void 0 && /* @__PURE__ */ s("span", { className: "tabular", children: [
+            "Showing ",
+            h,
+            "–",
+            x,
+            " of ",
+            o
+          ] }),
+          c && 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(la, { value: String(i), onValueChange: (v) => u(Number(v)), children: [
+              /* @__PURE__ */ e(ft, { size: "sm", className: "w-20" }),
+              /* @__PURE__ */ e(gt, { children: c.map((v) => /* @__PURE__ */ s(me, { value: String(v), children: [
+                v,
+                " / page"
+              ] }, v)) })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ s("ul", { className: "flex items-center gap-1", children: [
+          m && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Go to first page",
+              disabled: t === 1,
+              onClick: () => k(1),
+              className: Te,
+              children: /* @__PURE__ */ e(et, { className: "size-4", "aria-hidden": !0 })
+            }
+          ) }),
+          /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Previous page",
+              disabled: t === 1,
+              onClick: () => k(t - 1),
+              className: Te,
+              children: /* @__PURE__ */ e(Ze, { className: "size-4", "aria-hidden": !0 })
+            }
+          ) }),
+          g.map(
+            (v, B) => v === "gap" ? /* @__PURE__ */ e("li", { className: "px-2 text-foreground-subtle", children: "…" }, `gap-${B}`) : /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                "aria-label": `Page ${v}`,
+                "aria-current": v === t ? "page" : void 0,
+                onClick: () => k(v),
+                className: l(
+                  "inline-flex size-8 items-center justify-center rounded-md text-sm tabular outline-none",
+                  "transition-colors duration-[var(--duration-fast)]",
+                  "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+                  v === t ? "bg-accent text-on-accent font-medium" : "text-foreground-muted hover:bg-background-muted hover:text-foreground"
+                ),
+                children: v
+              }
+            ) }, v)
+          ),
+          /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Next page",
+              disabled: t === a,
+              onClick: () => k(t + 1),
+              className: Te,
+              children: /* @__PURE__ */ e(le, { className: "size-4", "aria-hidden": !0 })
+            }
+          ) }),
+          m && /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Go to last page",
+              disabled: t === a,
+              onClick: () => k(a),
+              className: Te,
+              children: /* @__PURE__ */ e(tt, { className: "size-4", "aria-hidden": !0 })
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+});
+fa.displayName = "Pagination";
+const Te = 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"
+), bo = z.Root, xo = z.Trigger, vo = z.Anchor, No = z.Close, Xr = d(function({ className: t, align: a = "center", sideOffset: r = 4, ...o }, i) {
+  return /* @__PURE__ */ e(z.Portal, { children: /* @__PURE__ */ e(
+    z.Content,
+    {
+      ref: i,
+      align: a,
+      sideOffset: r,
+      className: l(
+        "z-[var(--z-popover)] w-72 rounded-lg border border-border bg-popover p-4 text-popover-foreground shadow-md",
+        "outline-none",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out",
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+        "data-[side=bottom]:slide-in-from-top-1 data-[side=top]:slide-in-from-bottom-1",
+        "data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1",
+        t
+      ),
+      ...o
+    }
+  ) });
+});
+Xr.displayName = "PopoverContent";
+const Yr = { sm: "h-1", md: "h-1.5", lg: "h-2" }, Jr = {
+  accent: "bg-accent",
+  success: "bg-success",
+  warning: "bg-warning",
+  danger: "bg-danger"
+}, Zr = d(
+  function({ className: t, value: a, size: r = "md", tone: o = "accent", ...i }, c) {
+    const u = a == null;
+    return /* @__PURE__ */ s(
+      ht.Root,
+      {
+        ref: c,
+        value: u ? void 0 : a,
+        className: l(
+          "relative w-full overflow-hidden rounded-full bg-background-muted",
+          Yr[r],
+          t
+        ),
+        ...i,
+        children: [
+          /* @__PURE__ */ e(
+            ht.Indicator,
+            {
+              className: l(
+                "h-full w-full flex-1 transition-transform",
+                Jr[o],
+                u && "animate-[progressIndeterminate_1.4s_ease-in-out_infinite] origin-left"
+              ),
+              style: u ? void 0 : { transform: `translateX(-${100 - (a ?? 0)}%)` }
+            }
+          ),
+          /* @__PURE__ */ e("style", { children: `
+          @keyframes progressIndeterminate {
+            0% { transform: translateX(-100%) scaleX(0.6); }
+            50% { transform: translateX(0%) scaleX(0.4); }
+            100% { transform: translateX(100%) scaleX(0.6); }
+          }
+        ` })
+        ]
+      }
+    );
+  }
+);
+Zr.displayName = "Progress";
+const en = {
+  accent: "stroke-accent",
+  success: "stroke-success",
+  warning: "stroke-warning",
+  danger: "stroke-danger"
+}, tn = d(function({ value: t, size: a = 36, thickness: r = 3, className: o, tone: i = "accent", ...c }, u) {
+  const m = t === void 0, f = (a - r) / 2, p = 2 * Math.PI * f, b = m ? 0 : p - Math.min(100, Math.max(0, t)) / 100 * p;
+  return /* @__PURE__ */ s(
+    "svg",
+    {
+      ref: u,
+      width: a,
+      height: a,
+      viewBox: `0 0 ${a} ${a}`,
+      role: "progressbar",
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-valuenow": m ? void 0 : t,
+      className: l("shrink-0", m && "animate-spin", o),
+      ...c,
+      children: [
+        /* @__PURE__ */ e(
+          "circle",
+          {
+            cx: a / 2,
+            cy: a / 2,
+            r: f,
+            strokeWidth: r,
+            className: "stroke-background-muted fill-none"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "circle",
+          {
+            cx: a / 2,
+            cy: a / 2,
+            r: f,
+            strokeWidth: r,
+            strokeLinecap: "round",
+            strokeDasharray: p,
+            strokeDashoffset: m ? p * 0.7 : b,
+            className: l(en[i], "fill-none transition-[stroke-dashoffset]"),
+            transform: `rotate(-90 ${a / 2} ${a / 2})`
+          }
+        )
+      ]
+    }
+  );
+});
+tn.displayName = "ProgressCircle";
+const ga = d(function({ className: t, orientation: a = "vertical", ...r }, o) {
+  return /* @__PURE__ */ e(
+    Qe.Root,
+    {
+      ref: o,
+      className: l(
+        "flex gap-3",
+        a === "vertical" ? "flex-col" : "flex-row flex-wrap",
+        t
+      ),
+      ...r
+    }
+  );
+});
+ga.displayName = "RadioGroup";
+const Ae = d(function({ className: t, label: a, description: r, hideLabel: o, id: i, disabled: c, ...u }, m) {
+  const f = W(), p = i ?? f, b = r ? `${p}-desc` : void 0;
+  return /* @__PURE__ */ s("div", { className: l("flex items-start gap-2.5", t), children: [
+    /* @__PURE__ */ e(
+      Qe.Item,
+      {
+        ref: m,
+        id: p,
+        disabled: c,
+        "aria-describedby": b,
+        className: l(
+          "mt-0.5 flex size-4 shrink-0 items-center justify-center rounded-full border bg-card",
+          "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out)]",
+          "outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+          "data-[state=checked]:border-accent",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          "border-border-strong"
+        ),
+        ...u,
+        children: /* @__PURE__ */ e(Qe.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ e("span", { className: "size-2 rounded-full bg-accent", "aria-hidden": !0 }) })
+      }
+    ),
+    a && /* @__PURE__ */ s("div", { className: l("flex flex-col gap-0.5", o && "sr-only"), children: [
+      /* @__PURE__ */ e(
+        "label",
+        {
+          htmlFor: p,
+          className: l(
+            "text-sm text-foreground select-none",
+            c && "opacity-50 cursor-not-allowed"
+          ),
+          children: a
+        }
+      ),
+      r && /* @__PURE__ */ e("p", { id: b, className: "text-xs text-foreground-subtle", children: r })
+    ] })
+  ] });
+});
+Ae.displayName = "RadioItem";
+const an = d(function({ className: t, children: a, ...r }, o) {
+  return /* @__PURE__ */ s(
+    be.Root,
+    {
+      ref: o,
+      className: l("relative overflow-hidden", t),
+      ...r,
+      children: [
+        /* @__PURE__ */ e(be.Viewport, { className: "h-full w-full rounded-[inherit]", children: a }),
+        /* @__PURE__ */ e(pa, {}),
+        /* @__PURE__ */ e(be.Corner, {})
+      ]
+    }
+  );
+});
+an.displayName = "ScrollArea";
+const pa = d(function({ className: t, orientation: a = "vertical", ...r }, o) {
+  return /* @__PURE__ */ e(
+    be.ScrollAreaScrollbar,
+    {
+      ref: o,
+      orientation: a,
+      className: l(
+        "flex touch-none select-none transition-colors duration-[var(--duration-fast)]",
+        a === "vertical" && "h-full w-2 border-l border-l-transparent p-px",
+        a === "horizontal" && "h-2 flex-col border-t border-t-transparent p-px",
+        t
+      ),
+      ...r,
+      children: /* @__PURE__ */ e(be.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border-strong" })
+    }
+  );
+});
+pa.displayName = "ScrollBar";
+const fe = d(function({ className: t, orientation: a = "horizontal", decorative: r = !0, ...o }, i) {
+  return /* @__PURE__ */ e(
+    $a.Root,
+    {
+      ref: i,
+      orientation: a,
+      decorative: r,
+      className: l(
+        "shrink-0 bg-border",
+        a === "horizontal" ? "h-px w-full" : "h-full w-px",
+        t
+      ),
+      ...o
+    }
+  );
+});
+fe.displayName = "Separator";
+const yo = S.Root, wo = S.Trigger, ko = S.Close, rn = S.Portal, ha = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ e(
+    S.Overlay,
+    {
+      ref: r,
+      className: l(
+        "fixed inset-0 z-[var(--z-overlay)] bg-neutral-950/60 backdrop-blur-[2px]",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out",
+        "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
+        t
+      ),
+      ...a
+    }
+  );
+});
+ha.displayName = "SheetOverlay";
+const nn = G(
+  [
+    "fixed z-[var(--z-modal)] bg-card text-card-foreground shadow-lg",
+    "flex flex-col gap-4 p-6",
+    "data-[state=open]:animate-in data-[state=closed]:animate-out",
+    "data-[state=closed]:duration-[var(--duration-base)] data-[state=open]:duration-[var(--duration-slow)]"
+  ],
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b border-border data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top",
+        bottom: "inset-x-0 bottom-0 border-t border-border data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 max-w-md border-r border-border data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left",
+        right: "inset-y-0 right-0 h-full w-3/4 max-w-md border-l border-border data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right"
+      }
+    },
+    defaultVariants: { side: "right" }
+  }
+), on = d(function({ className: t, children: a, side: r = "right", showClose: o = !0, ...i }, c) {
+  return /* @__PURE__ */ s(rn, { children: [
+    /* @__PURE__ */ e(ha, {}),
+    /* @__PURE__ */ s(S.Content, { ref: c, className: l(nn({ side: r }), t), ...i, children: [
+      a,
+      o && /* @__PURE__ */ e(
+        S.Close,
+        {
+          "aria-label": "Close",
+          className: l(
+            "absolute right-4 top-4 inline-flex size-8 items-center justify-center rounded-md text-foreground-subtle",
+            "hover:bg-background-muted hover:text-foreground",
+            "outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card",
+            "transition-colors duration-[var(--duration-fast)]"
+          ),
+          children: /* @__PURE__ */ e(Y, { className: "size-4", "aria-hidden": !0 })
+        }
+      )
+    ] })
+  ] });
+});
+on.displayName = "SheetContent";
+function sn({ className: n, ...t }) {
+  return /* @__PURE__ */ e("div", { className: l("flex flex-col gap-1", n), ...t });
+}
+sn.displayName = "SheetHeader";
+function ln({ className: n, ...t }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: l("mt-auto flex flex-col-reverse gap-2 pt-4 sm:flex-row sm:justify-end", n),
+      ...t
+    }
+  );
+}
+ln.displayName = "SheetFooter";
+const dn = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ e(
+    S.Title,
+    {
+      ref: r,
+      className: l("text-lg font-semibold text-foreground leading-tight", t),
+      ...a
+    }
+  );
+});
+dn.displayName = "SheetTitle";
+const cn = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ e(
+    S.Description,
+    {
+      ref: r,
+      className: l("text-sm text-foreground-muted", t),
+      ...a
+    }
+  );
+});
+cn.displayName = "SheetDescription";
+const We = Ye({ collapsed: !1 }), ba = d(function({
+  defaultCollapsed: t = !1,
+  collapsed: a,
+  onCollapsedChange: r,
+  footer: o,
+  className: i,
+  children: c,
+  ...u
+}, m) {
+  const [f, p] = y(t), b = a ?? f, g = (h) => {
+    a === void 0 && p(h), r == null || r(h);
+  };
+  return /* @__PURE__ */ e(We.Provider, { value: { collapsed: b }, children: /* @__PURE__ */ s(
+    "aside",
+    {
+      ref: m,
+      "aria-label": "Primary",
+      className: l(
+        "sticky top-0 hidden md:flex h-screen shrink-0 flex-col gap-2 border-r border-border bg-background-subtle",
+        "transition-[width] duration-[var(--duration-base)] ease-[var(--ease-out)]",
+        b ? "w-14" : "w-60",
+        i
+      ),
+      ...u,
+      children: [
+        /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto py-3", children: c }),
+        o && /* @__PURE__ */ e("div", { className: "border-t border-border p-2", children: o }),
+        /* @__PURE__ */ s(
+          "button",
+          {
+            type: "button",
+            onClick: () => g(!b),
+            "aria-label": b ? "Expand sidebar" : "Collapse sidebar",
+            "aria-expanded": !b,
+            className: l(
+              "flex h-8 items-center gap-2 mx-2 mb-2 rounded-md px-2 text-foreground-subtle",
+              "hover:bg-background-muted hover:text-foreground outline-none",
+              "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+              "transition-colors duration-[var(--duration-fast)]"
+            ),
+            children: [
+              b ? /* @__PURE__ */ e(tt, { className: "size-4", "aria-hidden": !0 }) : /* @__PURE__ */ e(et, { className: "size-4", "aria-hidden": !0 }),
+              !b && /* @__PURE__ */ e("span", { className: "text-xs font-medium", children: "Collapse" })
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+});
+ba.displayName = "Sidebar";
+function Xe({ label: n, className: t, children: a, ...r }) {
+  const { collapsed: o } = xe(We);
+  return /* @__PURE__ */ s("div", { className: l("mb-3", t), ...r, children: [
+    n && !o && /* @__PURE__ */ e("div", { className: "px-4 pb-1 pt-2 text-xs font-medium text-foreground-subtle uppercase tracking-wide", children: n }),
+    /* @__PURE__ */ e("ul", { className: "flex flex-col gap-px", children: a })
+  ] });
+}
+Xe.displayName = "SidebarSection";
+function ue({
+  icon: n,
+  active: t,
+  href: a,
+  trailing: r,
+  sub: o,
+  className: i,
+  children: c,
+  ...u
+}) {
+  const { collapsed: m } = xe(We);
+  return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s(
+    a ? "a" : "button",
+    {
+      href: a,
+      "aria-current": t ? "page" : void 0,
+      className: l(
+        "mx-2 flex h-8 items-center gap-2 rounded-md px-2 text-sm outline-none",
+        "transition-colors duration-[var(--duration-fast)]",
+        "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+        t ? "bg-background-muted text-foreground font-medium" : "text-foreground-muted hover:bg-background-muted hover:text-foreground",
+        o && !m && "ml-6",
+        m && "justify-center",
+        i
+      ),
+      ...u,
+      children: [
+        n && /* @__PURE__ */ e("span", { className: "flex shrink-0 items-center [&_svg]:size-4", children: n }),
+        !m && /* @__PURE__ */ e("span", { className: "flex-1 truncate text-left", children: c }),
+        !m && r && /* @__PURE__ */ e("span", { className: "ml-auto", children: r })
+      ]
+    }
+  ) });
+}
+ue.displayName = "SidebarItem";
+function un({ icon: n, label: t, defaultOpen: a = !0, children: r }) {
+  const { collapsed: o } = xe(We), [i, c] = y(a);
+  return o ? /* @__PURE__ */ e(te, { children: r }) : /* @__PURE__ */ s("li", { children: [
+    /* @__PURE__ */ s(
+      "button",
+      {
+        type: "button",
+        onClick: () => c((u) => !u),
+        "aria-expanded": i,
+        className: l(
+          "mx-2 flex h-8 w-[calc(100%-1rem)] items-center gap-2 rounded-md px-2 text-sm text-foreground-muted outline-none",
+          "transition-colors duration-[var(--duration-fast)]",
+          "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: [
+          n && /* @__PURE__ */ e("span", { className: "flex shrink-0 items-center [&_svg]:size-4", children: n }),
+          /* @__PURE__ */ e("span", { className: "flex-1 text-left", children: t }),
+          /* @__PURE__ */ e(je, { className: l("size-3.5 transition-transform", i && "rotate-180"), "aria-hidden": !0 })
+        ]
+      }
+    ),
+    i && /* @__PURE__ */ e("ul", { className: "flex flex-col gap-px", children: r })
+  ] });
+}
+un.displayName = "SidebarGroup";
+const mn = d(
+  function({
+    className: t,
+    label: a,
+    showValue: r,
+    formatValue: o = (f) => String(f),
+    value: i,
+    defaultValue: c,
+    ...u
+  }, m) {
+    const f = i ?? c ?? [0], p = f.length > 1;
+    return /* @__PURE__ */ s("div", { className: l("flex flex-col gap-2", t), children: [
+      (a || r) && /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
+        a && /* @__PURE__ */ e("span", { className: "text-sm font-medium text-foreground", children: a }),
+        r && /* @__PURE__ */ e("span", { className: "text-xs tabular text-foreground-muted font-mono", children: p ? `${o(f[0])} – ${o(f[1])}` : o(f[0]) })
+      ] }),
+      /* @__PURE__ */ s(
+        ze.Root,
+        {
+          ref: m,
+          value: i,
+          defaultValue: c,
+          className: "relative flex w-full touch-none select-none items-center",
+          ...u,
+          children: [
+            /* @__PURE__ */ e(ze.Track, { className: "relative h-1 w-full grow overflow-hidden rounded-full bg-background-muted", children: /* @__PURE__ */ e(ze.Range, { className: "absolute h-full bg-accent" }) }),
+            f.map((b, g) => /* @__PURE__ */ e(
+              ze.Thumb,
+              {
+                className: l(
+                  "block size-4 rounded-full border-2 border-accent bg-card shadow-sm",
+                  "outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+                  "transition-transform duration-[var(--duration-fast)] ease-[var(--ease-out)]",
+                  "hover:scale-110 disabled:pointer-events-none disabled:opacity-50"
+                ),
+                "aria-label": p ? g === 0 ? "Minimum" : "Maximum" : a ? String(a) : "Value"
+              },
+              g
+            ))
+          ]
+        }
+      )
+    ] });
+  }
+);
+mn.displayName = "Slider";
+const fn = { sm: "size-3.5", md: "size-4", lg: "size-6" }, gn = {
+  accent: "text-accent",
+  neutral: "text-foreground-subtle",
+  "on-accent": "text-on-accent"
+}, pn = d(function({ className: t, tone: a = "accent", size: r = "md", label: o, decorative: i, ...c }, u) {
+  return /* @__PURE__ */ s(
+    "svg",
+    {
+      ref: u,
+      viewBox: "0 0 24 24",
+      role: i ? void 0 : "status",
+      "aria-label": i ? void 0 : o ?? "Loading",
+      "aria-hidden": i || void 0,
+      className: l("animate-spin", fn[r], gn[a], t),
+      ...c,
+      children: [
+        /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2.5", strokeOpacity: 0.2, fill: "none" }),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M12 2a10 10 0 0 1 10 10",
+            stroke: "currentColor",
+            strokeWidth: "2.5",
+            strokeLinecap: "round",
+            fill: "none"
+          }
+        )
+      ]
+    }
+  );
+});
+pn.displayName = "Spinner";
+const xa = d(function({ steps: t, current: a, orientation: r = "horizontal", className: o, ...i }, c) {
+  return /* @__PURE__ */ e(
+    "ol",
+    {
+      ref: c,
+      "aria-label": "Progress",
+      className: l(
+        r === "horizontal" ? "flex w-full items-center" : "flex flex-col gap-6",
+        o
+      ),
+      ...i,
+      children: t.map((u, m) => {
+        const f = m < a ? "complete" : m === a ? "current" : "upcoming", p = m === t.length - 1;
+        return /* @__PURE__ */ s(
+          "li",
+          {
+            "aria-current": f === "current" ? "step" : void 0,
+            className: l(
+              r === "horizontal" ? "flex flex-1 items-center gap-3 last:flex-initial" : "flex items-start gap-3"
+            ),
+            children: [
+              /* @__PURE__ */ s("div", { className: l(r === "horizontal" ? "flex items-center gap-3" : "flex flex-col items-center"), children: [
+                /* @__PURE__ */ e(
+                  "span",
+                  {
+                    "aria-hidden": !0,
+                    className: l(
+                      "inline-flex size-7 items-center justify-center rounded-full text-xs font-semibold transition-colors",
+                      f === "complete" && "bg-accent text-on-accent",
+                      f === "current" && "bg-card border-2 border-accent text-accent",
+                      f === "upcoming" && "bg-background-muted text-foreground-subtle border border-border"
+                    ),
+                    children: f === "complete" ? /* @__PURE__ */ e(J, { className: "size-4" }) : m + 1
+                  }
+                ),
+                r === "vertical" && !p && /* @__PURE__ */ e(
+                  "span",
+                  {
+                    className: l(
+                      "mt-1 w-px flex-1 min-h-6",
+                      m < a ? "bg-accent" : "bg-border"
+                    )
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ s("div", { className: l("flex flex-col", r === "horizontal" && "min-w-0"), children: [
+                /* @__PURE__ */ e(
+                  "span",
+                  {
+                    className: l(
+                      "text-sm font-medium",
+                      f === "upcoming" ? "text-foreground-subtle" : "text-foreground"
+                    ),
+                    children: u.title
+                  }
+                ),
+                r === "vertical" && u.description && /* @__PURE__ */ e("p", { className: "text-xs text-foreground-muted mt-0.5", children: u.description })
+              ] }),
+              r === "horizontal" && !p && /* @__PURE__ */ e(
+                "span",
+                {
+                  "aria-hidden": !0,
+                  className: l(
+                    "h-px flex-1 mx-2",
+                    m < a ? "bg-accent" : "bg-border"
+                  )
+                }
+              )
+            ]
+          },
+          m
+        );
+      })
+    }
+  );
+});
+xa.displayName = "Stepper";
+const hn = {
+  sm: "h-4 w-7",
+  md: "h-5 w-9"
+}, bn = {
+  sm: "size-3 data-[state=checked]:translate-x-3",
+  md: "size-4 data-[state=checked]:translate-x-4"
+}, ge = d(
+  function({
+    className: t,
+    label: a,
+    description: r,
+    labelPosition: o = "after",
+    size: i = "md",
+    hideLabel: c,
+    id: u,
+    disabled: m,
+    ...f
+  }, p) {
+    const b = W(), g = u ?? b, h = r ? `${g}-desc` : void 0, x = /* @__PURE__ */ e(
+      bt.Root,
+      {
+        ref: p,
+        id: g,
+        disabled: m,
+        "aria-describedby": h,
+        className: l(
+          "peer inline-flex shrink-0 items-center rounded-full border-2 border-transparent",
+          "transition-colors duration-[var(--duration-base)] ease-[var(--ease-out)]",
+          "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",
+          hn[i]
+        ),
+        ...f,
+        children: /* @__PURE__ */ e(
+          bt.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",
+              bn[i]
+            )
+          }
+        )
+      }
+    ), k = a && /* @__PURE__ */ s("div", { className: l("flex flex-col gap-0.5 select-none", c && "sr-only"), children: [
+      /* @__PURE__ */ e(
+        "label",
+        {
+          htmlFor: g,
+          className: l(
+            "text-sm text-foreground",
+            m && "opacity-50 cursor-not-allowed"
+          ),
+          children: a
+        }
+      ),
+      r && /* @__PURE__ */ e("p", { id: h, className: "text-xs text-foreground-subtle", children: r })
+    ] });
+    return /* @__PURE__ */ s("div", { className: l("inline-flex items-center gap-2.5", t), children: [
+      o === "before" && k,
+      x,
+      o === "after" && k
+    ] });
+  }
+);
+ge.displayName = "Switch";
+const xn = Oe.Root, vn = G("inline-flex items-center", {
+  variants: {
+    variant: {
+      underline: "gap-4 border-b border-border w-full",
+      pills: "gap-1 rounded-lg bg-background-muted p-1"
+    },
+    size: {
+      sm: "h-9 text-xs",
+      md: "h-10 text-sm",
+      lg: "h-11 text-sm"
+    }
+  },
+  defaultVariants: { variant: "underline", size: "md" }
+}), va = d(
+  function({ className: t, variant: a, size: r, ...o }, i) {
+    return /* @__PURE__ */ e(
+      Oe.List,
+      {
+        ref: i,
+        "data-variant": a,
+        className: l(vn({ variant: a, size: r }), t),
+        ...o
+      }
+    );
+  }
+);
+va.displayName = "TabsList";
+const pe = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ e(
+    Oe.Trigger,
+    {
+      ref: r,
+      className: l(
+        "inline-flex items-center gap-2 whitespace-nowrap font-medium",
+        "outline-none transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out)]",
+        "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+        "disabled:pointer-events-none disabled:opacity-50",
+        // Underline variant
+        "[[data-variant=underline]_&]:relative [[data-variant=underline]_&]:h-full",
+        "[[data-variant=underline]_&]:px-1 [[data-variant=underline]_&]:text-foreground-muted",
+        "[[data-variant=underline]_&]:hover:text-foreground",
+        "[[data-variant=underline]_&]:data-[state=active]:text-foreground",
+        "[[data-variant=underline]_&]:data-[state=active]:after:absolute",
+        "[[data-variant=underline]_&]:data-[state=active]:after:inset-x-0",
+        "[[data-variant=underline]_&]:data-[state=active]:after:-bottom-px",
+        "[[data-variant=underline]_&]:data-[state=active]:after:h-0.5",
+        "[[data-variant=underline]_&]:data-[state=active]:after:bg-accent",
+        // Pills variant
+        "[[data-variant=pills]_&]:h-full [[data-variant=pills]_&]:rounded-md [[data-variant=pills]_&]:px-3",
+        "[[data-variant=pills]_&]:text-foreground-muted",
+        "[[data-variant=pills]_&]:hover:text-foreground",
+        "[[data-variant=pills]_&]:data-[state=active]:bg-card",
+        "[[data-variant=pills]_&]:data-[state=active]:text-foreground",
+        "[[data-variant=pills]_&]:data-[state=active]:shadow-xs",
+        t
+      ),
+      ...a
+    }
+  );
+});
+pe.displayName = "TabsTrigger";
+const he = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ e(
+    Oe.Content,
+    {
+      ref: r,
+      className: l(
+        "mt-4 outline-none",
+        "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+        t
+      ),
+      ...a
+    }
+  );
+});
+he.displayName = "TabsContent";
+const Nn = d(function({
+  className: t,
+  label: a,
+  helperText: r,
+  error: o,
+  autoResize: i,
+  minRows: c = 3,
+  maxRows: u = 12,
+  hideLabel: m,
+  id: f,
+  onChange: p,
+  value: b,
+  defaultValue: g,
+  ...h
+}, x) {
+  const k = W(), v = f ?? k, B = `${v}-helper`, V = `${v}-error`, A = yt(null), O = (C) => {
+    A.current = C, typeof x == "function" ? x(C) : x && (x.current = C);
+  }, L = ie(() => {
+    const C = A.current;
+    if (!C || !i) return;
+    C.style.height = "auto";
+    const K = (parseFloat(getComputedStyle(C).lineHeight) || 20) * u;
+    C.style.height = `${Math.min(C.scrollHeight, K)}px`, C.style.overflowY = C.scrollHeight > K ? "auto" : "hidden";
+  }, [i, u]);
+  return ke(() => {
+    i && L();
+  }, [i, L, b, g]), /* @__PURE__ */ s("div", { className: l("flex flex-col gap-1.5", t), children: [
+    a && /* @__PURE__ */ e(
+      "label",
+      {
+        htmlFor: v,
+        className: l(
+          "text-sm font-medium text-foreground",
+          m && "sr-only"
+        ),
+        children: a
+      }
+    ),
+    /* @__PURE__ */ e(
+      "textarea",
+      {
+        ref: O,
+        id: v,
+        rows: c,
+        value: b,
+        defaultValue: g,
+        onChange: (C) => {
+          p == null || p(C), i && L();
+        },
+        "aria-invalid": !!o || void 0,
+        "aria-describedby": o ? V : r ? B : void 0,
+        className: l(
+          "rounded-md border bg-card px-3 py-2 text-sm text-foreground",
+          "placeholder:text-foreground-subtle",
+          "transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out)]",
+          "outline-none",
+          "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+          "focus-visible:ring-offset-background",
+          "disabled:opacity-50 disabled:cursor-not-allowed",
+          o ? "border-danger focus-visible:border-danger focus-visible:ring-danger" : "border-border focus-visible:border-accent",
+          i ? "resize-none" : "resize-y min-h-20"
+        ),
+        ...h
+      }
+    ),
+    o ? /* @__PURE__ */ e("p", { id: V, role: "alert", className: "text-xs text-danger-text", children: o }) : r ? /* @__PURE__ */ e("p", { id: B, className: "text-xs text-foreground-subtle", children: r }) : null
+  ] });
+});
+Nn.displayName = "Textarea";
+const Co = de.Provider, yn = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ e(
+    de.Viewport,
+    {
+      ref: r,
+      className: l(
+        "fixed bottom-0 right-0 z-[var(--z-toast)] flex max-h-screen w-full flex-col-reverse gap-2 p-6",
+        "sm:bottom-auto sm:top-4 sm:right-4 sm:max-w-sm sm:flex-col",
+        t
+      ),
+      ...a
+    }
+  );
+});
+yn.displayName = "ToastViewport";
+const wn = G(
+  [
+    "group pointer-events-auto relative flex w-full items-start gap-3",
+    "overflow-hidden rounded-lg border p-4 pr-8 shadow-md",
+    "data-[state=open]:animate-in data-[state=closed]:animate-out",
+    "data-[state=closed]:fade-out-80 data-[state=open]:slide-in-from-right-full",
+    "data-[state=closed]:slide-out-to-right-full",
+    "data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)]",
+    "data-[swipe=cancel]:translate-x-0 data-[swipe=cancel]:transition-transform",
+    "data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)]"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "border-border bg-card text-card-foreground",
+        success: "border-success-border-soft bg-success-soft text-success-text",
+        warning: "border-warning-border-soft bg-warning-soft text-warning-text",
+        danger: "border-danger-border-soft bg-danger-soft text-danger-text",
+        info: "border-info-border-soft bg-info-soft text-info-text"
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+), kn = {
+  default: null,
+  success: /* @__PURE__ */ e(Se, { className: "size-5 text-success-text shrink-0 mt-0.5", "aria-hidden": !0 }),
+  warning: /* @__PURE__ */ e(ve, { className: "size-5 text-warning-text shrink-0 mt-0.5", "aria-hidden": !0 }),
+  danger: /* @__PURE__ */ e($e, { className: "size-5 text-danger-text shrink-0 mt-0.5", "aria-hidden": !0 }),
+  info: /* @__PURE__ */ e(nt, { className: "size-5 text-info-text shrink-0 mt-0.5", "aria-hidden": !0 })
+}, Cn = d(
+  function({ className: t, variant: a = "default", children: r, ...o }, i) {
+    return /* @__PURE__ */ s(de.Root, { ref: i, className: l(wn({ variant: a }), t), ...o, children: [
+      kn[a ?? "default"],
+      /* @__PURE__ */ e("div", { className: "flex-1 space-y-1", children: r })
+    ] });
+  }
+);
+Cn.displayName = "Toast";
+const Sn = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ e(
+    de.Title,
+    {
+      ref: r,
+      className: l("text-sm font-medium", t),
+      ...a
+    }
+  );
+});
+Sn.displayName = "ToastTitle";
+const zn = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ e(
+    de.Description,
+    {
+      ref: r,
+      className: l("text-sm opacity-90", t),
+      ...a
+    }
+  );
+});
+zn.displayName = "ToastDescription";
+const Tn = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ e(
+    de.Action,
+    {
+      ref: r,
+      className: l(
+        "inline-flex h-8 shrink-0 items-center justify-center rounded-md border border-current bg-transparent px-3 text-sm font-medium",
+        "transition-colors hover:bg-current/10 outline-none",
+        "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card",
+        t
+      ),
+      ...a
+    }
+  );
+});
+Tn.displayName = "ToastAction";
+const In = d(function({ className: t, ...a }, r) {
+  return /* @__PURE__ */ e(
+    de.Close,
+    {
+      ref: r,
+      "aria-label": "Close",
+      className: l(
+        "absolute right-2 top-2 inline-flex size-7 items-center justify-center rounded-md text-foreground-subtle",
+        "opacity-0 transition-opacity group-hover:opacity-100 hover:text-foreground",
+        "outline-none focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-ring",
+        t
+      ),
+      "toast-close": "",
+      ...a,
+      children: /* @__PURE__ */ e(Y, { className: "size-4", "aria-hidden": !0 })
+    }
+  );
+});
+In.displayName = "ToastClose";
+const So = ({
+  delayDuration: n = 500,
+  skipDelayDuration: t = 200,
+  ...a
+}) => /* @__PURE__ */ e(
+  we.Provider,
+  {
+    delayDuration: n,
+    skipDelayDuration: t,
+    ...a
+  }
+), Mn = we.Root, Dn = we.Trigger, Na = d(function({ className: t, sideOffset: a = 4, ...r }, o) {
+  return /* @__PURE__ */ e(we.Portal, { children: /* @__PURE__ */ e(
+    we.Content,
+    {
+      ref: o,
+      sideOffset: a,
+      className: l(
+        "z-[var(--z-tooltip)] overflow-hidden rounded-md px-2 py-1 text-xs font-medium",
+        "bg-neutral-900 text-neutral-50",
+        "dark:bg-neutral-50 dark:text-neutral-900",
+        "shadow-sm max-w-xs",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out",
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+        t
+      ),
+      ...r
+    }
+  ) });
+});
+Na.displayName = "TooltipContent";
+function Pn({
+  children: n,
+  label: t,
+  side: a = "top",
+  align: r = "center",
+  disabled: o,
+  delayDuration: i
+}) {
+  return o ? /* @__PURE__ */ e(te, { children: n }) : /* @__PURE__ */ s(Mn, { delayDuration: i, children: [
+    /* @__PURE__ */ e(Dn, { asChild: !0, children: n }),
+    /* @__PURE__ */ e(Na, { side: a, align: r, children: t })
+  ] });
+}
+Pn.displayName = "Tooltip";
+const ya = d(function({ logo: t, nav: a, search: r, actions: o, className: i, ...c }, u) {
+  return /* @__PURE__ */ s(
+    "header",
+    {
+      ref: u,
+      className: l(
+        "sticky top-0 z-[var(--z-sticky)] flex h-14 w-full items-center gap-4",
+        "border-b border-border bg-background/80 px-4 backdrop-blur",
+        "supports-[backdrop-filter]:bg-background/60",
+        i
+      ),
+      ...c,
+      children: [
+        /* @__PURE__ */ s("div", { className: "flex items-center gap-6 shrink-0", children: [
+          t,
+          a && /* @__PURE__ */ e("nav", { className: "hidden md:flex items-center gap-1", children: a })
+        ] }),
+        r && /* @__PURE__ */ e("div", { className: "flex-1 max-w-md mx-auto", children: r }),
+        o && /* @__PURE__ */ e("div", { className: "ml-auto flex items-center gap-2 shrink-0", children: o })
+      ]
+    }
+  );
+});
+ya.displayName = "TopNav";
+const An = d(function({ href: t, active: a, className: r, children: o, ...i }, c) {
+  return /* @__PURE__ */ e(
+    "a",
+    {
+      ref: c,
+      href: t,
+      "aria-current": a ? "page" : void 0,
+      className: l(
+        "inline-flex h-9 items-center rounded-md px-3 text-sm font-medium outline-none",
+        "transition-colors duration-[var(--duration-fast)]",
+        a ? "text-foreground" : "text-foreground-muted hover:text-foreground",
+        "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+        r
+      ),
+      ...i,
+      children: o
+    }
+  );
+});
+An.displayName = "TopNavLink";
+function zo({ brand: n, title: t, subtitle: a, children: r, 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: [
+    n && /* @__PURE__ */ e("div", { className: "flex justify-center", children: n }),
+    /* @__PURE__ */ s("div", { className: "space-y-2 text-center", children: [
+      /* @__PURE__ */ e("h1", { className: "text-2xl font-semibold tracking-tight text-foreground", children: t }),
+      a && /* @__PURE__ */ e("p", { className: "text-sm text-foreground-muted", children: a })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "rounded-lg border border-border bg-card p-6", children: r }),
+    o && /* @__PURE__ */ e("p", { className: "text-center text-sm text-foreground-muted", children: o })
+  ] }) });
+}
+function To({ onSubmit: n, loading: t, error: a, forgotHref: r = "/forgot" }) {
+  const [o, i] = y(""), [c, u] = y("");
+  return /* @__PURE__ */ s("form", { onSubmit: (f) => {
+    f.preventDefault(), n({ email: o, password: c });
+  }, className: "space-y-4", children: [
+    a && /* @__PURE__ */ e(Ee, { variant: "danger", children: a }),
+    /* @__PURE__ */ e(
+      T,
+      {
+        type: "email",
+        label: "Email",
+        value: o,
+        onChange: (f) => i(f.target.value),
+        autoComplete: "email",
+        required: !0
+      }
+    ),
+    /* @__PURE__ */ e(
+      T,
+      {
+        type: "password",
+        label: "Password",
+        value: c,
+        onChange: (f) => u(f.target.value),
+        autoComplete: "current-password",
+        required: !0
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: "flex items-center justify-between text-sm", children: /* @__PURE__ */ e(
+      "a",
+      {
+        href: r,
+        className: "font-medium text-accent hover:underline outline-none focus-visible:ring-2 focus-visible:ring-ring rounded-sm",
+        children: "Forgot password?"
+      }
+    ) }),
+    /* @__PURE__ */ e(w, { type: "submit", loading: t, className: "w-full", trailingIcon: /* @__PURE__ */ e(Ne, {}), children: "Sign in" })
+  ] });
+}
+function Io({ onSubmit: n, loading: t, error: a }) {
+  const [r, o] = y(""), [i, c] = y(""), [u, m] = y("");
+  return /* @__PURE__ */ s(
+    "form",
+    {
+      onSubmit: (f) => {
+        f.preventDefault(), n({ name: r, email: i, password: u });
+      },
+      className: "space-y-4",
+      children: [
+        a && /* @__PURE__ */ e(Ee, { variant: "danger", children: a }),
+        /* @__PURE__ */ e(T, { label: "Full name", value: r, onChange: (f) => o(f.target.value), required: !0 }),
+        /* @__PURE__ */ e(
+          T,
+          {
+            type: "email",
+            label: "Work email",
+            value: i,
+            onChange: (f) => c(f.target.value),
+            autoComplete: "email",
+            required: !0
+          }
+        ),
+        /* @__PURE__ */ e(
+          T,
+          {
+            type: "password",
+            label: "Password",
+            helperText: "At least 8 characters.",
+            value: u,
+            onChange: (f) => m(f.target.value),
+            autoComplete: "new-password",
+            required: !0
+          }
+        ),
+        /* @__PURE__ */ e(w, { type: "submit", loading: t, className: "w-full", children: "Create account" }),
+        /* @__PURE__ */ e("p", { className: "text-xs text-foreground-subtle text-center", children: "By signing up you agree to our Terms of Service and Privacy Policy." })
+      ]
+    }
+  );
+}
+function Mo({ onSubmit: n, loading: t, error: a }) {
+  const [r, o] = y("");
+  return /* @__PURE__ */ s(
+    "form",
+    {
+      onSubmit: (i) => {
+        i.preventDefault(), n(r);
+      },
+      className: "space-y-4",
+      children: [
+        a && /* @__PURE__ */ e(Ee, { variant: "danger", children: a }),
+        /* @__PURE__ */ e(
+          T,
+          {
+            type: "email",
+            label: "Email",
+            helperText: "We'll send a reset link if an account exists.",
+            value: r,
+            onChange: (i) => o(i.target.value),
+            autoComplete: "email",
+            required: !0
+          }
+        ),
+        /* @__PURE__ */ e(w, { type: "submit", loading: t, className: "w-full", leadingIcon: /* @__PURE__ */ e(Bt, {}), children: "Send reset link" })
+      ]
+    }
+  );
+}
+function Do({ email: n, 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(Se, { 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: n }),
+      ". Open it on this device to continue."
+    ] }),
+    /* @__PURE__ */ e(fe, {}),
+    /* @__PURE__ */ s("p", { className: "text-xs text-foreground-subtle", children: [
+      "Didn't get it?",
+      " ",
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          onClick: t,
+          className: "font-medium text-accent hover:underline outline-none focus-visible:ring-2 focus-visible:ring-ring rounded-sm",
+          children: "Resend"
+        }
+      )
+    ] })
+  ] });
+}
+function Po({ children: n, brand: t }) {
+  return /* @__PURE__ */ s("div", { className: "flex min-h-screen w-full bg-background", children: [
+    /* @__PURE__ */ s(
+      ba,
+      {
+        defaultCollapsed: !1,
+        footer: /* @__PURE__ */ e(ue, { icon: /* @__PURE__ */ e(H, { fallback: "BO", size: "xs" }), className: "!h-10", children: "Bay Otgonbayar" }),
+        children: [
+          /* @__PURE__ */ s(Xe, { label: "Workspace", children: [
+            /* @__PURE__ */ e(ue, { icon: /* @__PURE__ */ e(Ft, {}), active: !0, children: "Home" }),
+            /* @__PURE__ */ e(ue, { icon: /* @__PURE__ */ e(rt, {}), children: "Projects" }),
+            /* @__PURE__ */ e(ue, { icon: /* @__PURE__ */ e(Le, {}), trailing: /* @__PURE__ */ e(X, { tone: "accent", children: "3" }), children: "Members" })
+          ] }),
+          /* @__PURE__ */ e(Xe, { label: "Account", children: /* @__PURE__ */ e(ue, { icon: /* @__PURE__ */ e(ot, {}), children: "Settings" }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ s("div", { className: "flex flex-1 flex-col min-w-0", children: [
+      /* @__PURE__ */ e(
+        ya,
+        {
+          logo: t,
+          search: /* @__PURE__ */ e(
+            T,
+            {
+              type: "search",
+              placeholder: "Search…",
+              hideLabel: !0,
+              label: "Search",
+              prefix: /* @__PURE__ */ e(Be, {})
+            }
+          ),
+          actions: /* @__PURE__ */ s(te, { children: [
+            /* @__PURE__ */ e(lt, { "aria-label": "Notifications", icon: /* @__PURE__ */ e(Je, {}), variant: "ghost" }),
+            /* @__PURE__ */ e(H, { size: "sm", fallback: "BO" })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ e("main", { className: "flex-1 overflow-y-auto p-6 md:p-8", children: n })
+    ] })
+  ] });
+}
+const _n = [
+  { 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 } }
+], jn = [
+  { 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 Ao() {
+  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("div", { className: "hidden md:flex items-center gap-2", children: /* @__PURE__ */ e(X, { tone: "neutral", variant: "outline", children: "Last 7 days" }) })
+    ] }),
+    /* @__PURE__ */ e("section", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4", children: _n.map((n) => /* @__PURE__ */ s(j, { children: [
+      /* @__PURE__ */ e(F, { className: "pb-2", children: /* @__PURE__ */ e(Q, { children: n.label }) }),
+      /* @__PURE__ */ e(R, { children: /* @__PURE__ */ s("div", { className: "flex items-baseline gap-2", children: [
+        /* @__PURE__ */ e("span", { className: "text-2xl font-semibold tabular text-foreground", children: n.value }),
+        n.delta && /* @__PURE__ */ e(
+          "span",
+          {
+            className: n.delta.positive ? "text-xs font-medium text-success-text tabular" : "text-xs font-medium text-danger-text tabular",
+            children: n.delta.value
+          }
+        )
+      ] }) })
+    ] }, n.label)) }),
+    /* @__PURE__ */ s(j, { children: [
+      /* @__PURE__ */ s(F, { children: [
+        /* @__PURE__ */ e($, { children: "Active users" }),
+        /* @__PURE__ */ e(Q, { children: "Distinct sessions per day, last 30 days." })
+      ] }),
+      /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(
+        "div",
+        {
+          role: "img",
+          "aria-label": "Active users sparkline",
+          className: "h-48 w-full rounded-md border border-dashed border-border bg-background-subtle"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ s(j, { padding: "none", children: [
+      /* @__PURE__ */ e(F, { className: "px-5 pt-5", children: /* @__PURE__ */ e($, { children: "Recent activity" }) }),
+      /* @__PURE__ */ s(dt, { children: [
+        /* @__PURE__ */ e(ct, { children: /* @__PURE__ */ s(oe, { children: [
+          /* @__PURE__ */ e(se, { children: "Who" }),
+          /* @__PURE__ */ e(se, { children: "Action" }),
+          /* @__PURE__ */ e(se, { children: "Target" }),
+          /* @__PURE__ */ e(se, { className: "text-right", children: "When" })
+        ] }) }),
+        /* @__PURE__ */ e(ut, { children: jn.map((n) => /* @__PURE__ */ s(oe, { children: [
+          /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e(H, { size: "xs", fallback: n.who.initials }),
+            /* @__PURE__ */ e("span", { className: "text-foreground", children: n.who.name })
+          ] }) }),
+          /* @__PURE__ */ e(ee, { className: "text-foreground-muted", children: n.action }),
+          /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(X, { tone: "neutral", variant: "outline", children: n.target }) }),
+          /* @__PURE__ */ e(ee, { className: "text-right tabular text-foreground-subtle", children: n.when })
+        ] }, n.id)) })
+      ] })
+    ] })
+  ] });
+}
+const Fn = [
+  { id: "profile", label: "Profile", icon: /* @__PURE__ */ e(Ot, {}) },
+  { id: "security", label: "Security", icon: /* @__PURE__ */ e(Rt, {}) },
+  { id: "notifications", label: "Notifications", icon: /* @__PURE__ */ e(Je, {}) },
+  { id: "billing", label: "Billing", icon: /* @__PURE__ */ e(It, {}) },
+  { id: "team", label: "Team", icon: /* @__PURE__ */ e(Le, {}) }
+];
+function _o() {
+  const [n, t] = y("profile");
+  return /* @__PURE__ */ s("div", { className: "mx-auto max-w-5xl space-y-8", children: [
+    /* @__PURE__ */ s("header", { children: [
+      /* @__PURE__ */ e("h1", { className: "text-2xl font-semibold tracking-tight text-foreground", children: "Settings" }),
+      /* @__PURE__ */ e("p", { className: "text-sm text-foreground-muted mt-1", children: "Manage your account, preferences, and billing." })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "grid gap-8 md:grid-cols-[200px_1fr]", children: [
+      /* @__PURE__ */ e("nav", { "aria-label": "Settings sections", className: "md:sticky md:top-20 md:self-start", children: /* @__PURE__ */ e("ul", { className: "flex flex-col gap-px", children: Fn.map((a) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s(
+        "a",
+        {
+          href: `#${a.id}`,
+          onClick: () => t(a.id),
+          className: l(
+            "flex h-9 items-center gap-2 rounded-md px-2 text-sm transition-colors duration-[var(--duration-fast)] outline-none",
+            "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+            n === a.id ? "bg-background-muted text-foreground font-medium" : "text-foreground-muted hover:bg-background-muted hover:text-foreground"
+          ),
+          "aria-current": n === a.id ? "page" : void 0,
+          children: [
+            /* @__PURE__ */ e("span", { className: "[&_svg]:size-4", children: a.icon }),
+            a.label
+          ]
+        }
+      ) }, a.id)) }) }),
+      /* @__PURE__ */ s("div", { className: "space-y-8", children: [
+        /* @__PURE__ */ e("section", { id: "profile", children: /* @__PURE__ */ s(j, { children: [
+          /* @__PURE__ */ s(F, { children: [
+            /* @__PURE__ */ e($, { children: "Profile" }),
+            /* @__PURE__ */ e(Q, { children: "Visible to your teammates." })
+          ] }),
+          /* @__PURE__ */ s(R, { className: "space-y-4", children: [
+            /* @__PURE__ */ s("div", { className: "flex items-center gap-4", children: [
+              /* @__PURE__ */ e(H, { size: "xl", fallback: "BO" }),
+              /* @__PURE__ */ s("div", { children: [
+                /* @__PURE__ */ e(w, { variant: "outline", size: "sm", children: "Change photo" }),
+                /* @__PURE__ */ e("p", { className: "text-xs text-foreground-subtle mt-2", children: "JPG or PNG, max 2 MB." })
+              ] })
+            ] }),
+            /* @__PURE__ */ e(fe, {}),
+            /* @__PURE__ */ s("div", { className: "grid gap-4 sm:grid-cols-2", children: [
+              /* @__PURE__ */ e(T, { label: "First name", defaultValue: "Bay" }),
+              /* @__PURE__ */ e(T, { label: "Last name", defaultValue: "Otgonbayar" })
+            ] }),
+            /* @__PURE__ */ e(T, { label: "Display email", type: "email", defaultValue: "bay@company.com" }),
+            /* @__PURE__ */ e("div", { className: "flex justify-end", children: /* @__PURE__ */ e(w, { children: "Save changes" }) })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ e("section", { id: "security", children: /* @__PURE__ */ s(j, { children: [
+          /* @__PURE__ */ s(F, { children: [
+            /* @__PURE__ */ e($, { children: "Security" }),
+            /* @__PURE__ */ e(Q, { children: "How you sign in and protect your account." })
+          ] }),
+          /* @__PURE__ */ s(R, { className: "space-y-4", children: [
+            /* @__PURE__ */ e(T, { label: "Current password", type: "password" }),
+            /* @__PURE__ */ e(T, { label: "New password", type: "password", helperText: "At least 8 characters." }),
+            /* @__PURE__ */ e(fe, {}),
+            /* @__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(ge, { defaultChecked: !0 })
+            ] }),
+            /* @__PURE__ */ e("div", { className: "flex justify-end", children: /* @__PURE__ */ e(w, { children: "Update password" }) })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ e("section", { id: "notifications", children: /* @__PURE__ */ s(j, { children: [
+          /* @__PURE__ */ s(F, { children: [
+            /* @__PURE__ */ e($, { children: "Notifications" }),
+            /* @__PURE__ */ e(Q, { children: "Choose what we email and ping you about." })
+          ] }),
+          /* @__PURE__ */ s(R, { className: "space-y-4", children: [
+            /* @__PURE__ */ e(ge, { label: "Product updates", description: "A short note when we ship something.", defaultChecked: !0 }),
+            /* @__PURE__ */ e(fe, {}),
+            /* @__PURE__ */ e(ge, { label: "Mentions", description: "When a teammate @ mentions you in a comment.", defaultChecked: !0 }),
+            /* @__PURE__ */ e(fe, {}),
+            /* @__PURE__ */ e(ge, { label: "Weekly digest", description: "A Monday-morning summary of last week's activity." })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ e("section", { id: "billing", children: /* @__PURE__ */ s(j, { children: [
+          /* @__PURE__ */ s(F, { children: [
+            /* @__PURE__ */ e($, { children: "Billing" }),
+            /* @__PURE__ */ e(Q, { children: "Your plan, invoices, and payment method." })
+          ] }),
+          /* @__PURE__ */ s(R, { 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: "text-xs text-foreground-subtle mt-1", children: "Renews on 1 June 2026 · 12 seats" })
+            ] }),
+            /* @__PURE__ */ s("div", { className: "flex justify-end gap-2", children: [
+              /* @__PURE__ */ e(w, { variant: "outline", children: "Manage seats" }),
+              /* @__PURE__ */ e(w, { children: "Upgrade plan" })
+            ] })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ e("section", { id: "team", children: /* @__PURE__ */ s(j, { children: [
+          /* @__PURE__ */ s(F, { children: [
+            /* @__PURE__ */ e($, { children: "Team" }),
+            /* @__PURE__ */ e(Q, { children: "Invite teammates and manage roles." })
+          ] }),
+          /* @__PURE__ */ s(R, { className: "space-y-4", children: [
+            /* @__PURE__ */ s("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ e(
+                T,
+                {
+                  type: "email",
+                  placeholder: "teammate@company.com",
+                  hideLabel: !0,
+                  label: "Invite email",
+                  className: "flex-1"
+                }
+              ),
+              /* @__PURE__ */ e(w, { children: "Send invite" })
+            ] }),
+            /* @__PURE__ */ e("p", { className: "text-xs text-foreground-subtle", children: "Invited members will receive a sign-up link by email." })
+          ] })
+        ] }) })
+      ] })
+    ] })
+  ] });
+}
+const Rn = [
+  { 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" }
+], vt = {
+  active: { tone: "success", label: "Active" },
+  paused: { tone: "warning", label: "Paused" },
+  archived: { tone: "neutral", label: "Archived" }
+};
+function jo() {
+  const [n, t] = y(""), [a, r] = y("all"), [o, i] = y([]), [c, u] = y(1), [m, f] = y(10), p = Ce(() => Rn.filter((h) => {
+    const x = h.name.toLowerCase().includes(n.toLowerCase()), k = a === "all" || h.status === a;
+    return x && k;
+  }), [n, a]), b = p.length > 0 && o.length === p.length, g = o.length > 0 && !b;
+  return /* @__PURE__ */ s("div", { className: "space-y-6", 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: "Projects" }),
+        /* @__PURE__ */ s("p", { className: "text-sm text-foreground-muted mt-1", children: [
+          p.length,
+          " project",
+          p.length === 1 ? "" : "s",
+          " match your filters."
+        ] })
+      ] }),
+      /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ e(w, { variant: "outline", leadingIcon: /* @__PURE__ */ e(it, {}), children: "Import" }),
+        /* @__PURE__ */ e(w, { leadingIcon: /* @__PURE__ */ e(_e, {}), children: "New project" })
+      ] })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ s(la, { value: a, onValueChange: r, children: [
+        /* @__PURE__ */ e(ft, { className: "w-36", placeholder: "Status" }),
+        /* @__PURE__ */ s(gt, { children: [
+          /* @__PURE__ */ e(me, { value: "all", children: "All statuses" }),
+          /* @__PURE__ */ e(me, { value: "active", children: "Active" }),
+          /* @__PURE__ */ e(me, { value: "paused", children: "Paused" }),
+          /* @__PURE__ */ e(me, { value: "archived", children: "Archived" })
+        ] })
+      ] }),
+      /* @__PURE__ */ e(w, { variant: "outline", size: "sm", leadingIcon: /* @__PURE__ */ e(jt, {}), children: "More filters" })
+    ] }),
+    o.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(
+          De,
+          {
+            checked: b ? !0 : g ? "indeterminate" : !1,
+            onCheckedChange: (h) => i(h ? p.map((x) => x.id) : []),
+            "aria-label": "Select all"
+          }
+        ),
+        /* @__PURE__ */ s("span", { className: "text-sm text-foreground", children: [
+          o.length,
+          " selected"
+        ] })
+      ] }),
+      /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ e(w, { variant: "ghost", size: "sm", leadingIcon: /* @__PURE__ */ e(Mt, {}), children: "Export" }),
+        /* @__PURE__ */ e(w, { variant: "ghost", size: "sm", leadingIcon: /* @__PURE__ */ e(st, {}), children: "Delete" })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(
+      Pr,
+      {
+        rows: p.slice((c - 1) * m, c * m),
+        filter: { value: n, onChange: t, placeholder: "Search projects…" },
+        emptyState: /* @__PURE__ */ e(
+          mt,
+          {
+            title: "No projects match",
+            description: "Try adjusting filters or creating a new project.",
+            action: /* @__PURE__ */ e(w, { leadingIcon: /* @__PURE__ */ e(_e, {}), children: "New project" }),
+            className: "border-0 bg-transparent"
+          }
+        ),
+        columns: [
+          {
+            key: "select",
+            header: /* @__PURE__ */ e(
+              De,
+              {
+                checked: b ? !0 : g ? "indeterminate" : !1,
+                onCheckedChange: (h) => i(h ? p.map((x) => x.id) : []),
+                "aria-label": "Select all rows"
+              }
+            ),
+            width: "32px",
+            cell: (h) => /* @__PURE__ */ e(
+              De,
+              {
+                checked: o.includes(h.id),
+                onCheckedChange: (x) => i((k) => x ? [...k, h.id] : k.filter((v) => v !== h.id)),
+                "aria-label": `Select ${h.name}`
+              }
+            )
+          },
+          { key: "name", header: "Name", sortable: !0, cell: (h) => /* @__PURE__ */ e("span", { className: "font-medium text-foreground", children: h.name }) },
+          {
+            key: "status",
+            header: "Status",
+            cell: (h) => /* @__PURE__ */ e(X, { tone: vt[h.status].tone, dot: !0, children: vt[h.status].label })
+          },
+          { key: "owner", header: "Owner" },
+          { key: "updatedAt", header: "Updated", align: "right" }
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(
+      fa,
+      {
+        page: c,
+        pageCount: Math.max(1, Math.ceil(p.length / m)),
+        onPageChange: u,
+        totalItems: p.length,
+        pageSize: m,
+        pageSizeOptions: [10, 20, 50],
+        onPageSizeChange: (h) => {
+          f(h), u(1);
+        }
+      }
+    )
+  ] });
+}
+function Fo() {
+  return /* @__PURE__ */ s("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ e(
+      Ht,
+      {
+        items: [
+          { label: "Projects", href: "/projects" },
+          { label: "Pulse onboarding" }
+        ]
+      }
+    ),
+    /* @__PURE__ */ s("header", { className: "flex items-start justify-between gap-4", children: [
+      /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ e("h1", { className: "text-2xl font-semibold tracking-tight text-foreground", children: "Pulse onboarding" }),
+          /* @__PURE__ */ e(X, { tone: "success", dot: !0, children: "Active" })
+        ] }),
+        /* @__PURE__ */ e("p", { className: "text-sm text-foreground-muted max-w-2xl", children: "Self-serve onboarding flow for new admins. Owns the first 5 minutes of every workspace." })
+      ] }),
+      /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ e(w, { variant: "outline", leadingIcon: /* @__PURE__ */ e(Dt, {}), children: "Edit" }),
+        /* @__PURE__ */ e(w, { variant: "outline", leadingIcon: /* @__PURE__ */ e(st, {}), children: "Archive" }),
+        /* @__PURE__ */ e(w, { trailingIcon: /* @__PURE__ */ e(Pt, {}), children: "Open in app" })
+      ] })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "grid gap-6 lg:grid-cols-[1fr_320px]", children: [
+      /* @__PURE__ */ e("div", { className: "min-w-0", children: /* @__PURE__ */ s(xn, { defaultValue: "overview", children: [
+        /* @__PURE__ */ s(va, { children: [
+          /* @__PURE__ */ e(pe, { value: "overview", children: "Overview" }),
+          /* @__PURE__ */ e(pe, { value: "activity", children: "Activity" }),
+          /* @__PURE__ */ e(pe, { value: "files", children: "Files" }),
+          /* @__PURE__ */ e(pe, { value: "settings", children: "Settings" })
+        ] }),
+        /* @__PURE__ */ e(he, { value: "overview", className: "space-y-4", children: /* @__PURE__ */ s(j, { children: [
+          /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e($, { children: "Summary" }) }),
+          /* @__PURE__ */ s(R, { className: "space-y-2 text-foreground-muted leading-relaxed", 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." })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ e(he, { value: "activity", children: /* @__PURE__ */ e("p", { className: "text-sm text-foreground-muted", children: "Activity feed appears here." }) }),
+        /* @__PURE__ */ e(he, { value: "files", children: /* @__PURE__ */ e("p", { className: "text-sm text-foreground-muted", children: "Linked documents appear here." }) }),
+        /* @__PURE__ */ e(he, { value: "settings", children: /* @__PURE__ */ e("p", { className: "text-sm text-foreground-muted", children: "Project settings appear here." }) })
+      ] }) }),
+      /* @__PURE__ */ s("aside", { className: "space-y-4", children: [
+        /* @__PURE__ */ s(j, { children: [
+          /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e($, { children: "Details" }) }),
+          /* @__PURE__ */ s(R, { className: "space-y-3 text-sm", children: [
+            /* @__PURE__ */ e(Ie, { label: "Owner", value: /* @__PURE__ */ s(te, { children: [
+              /* @__PURE__ */ e(H, { size: "xs", fallback: "AB" }),
+              " Anu B."
+            ] }) }),
+            /* @__PURE__ */ e(Ie, { label: "Created", value: "12 Feb 2026" }),
+            /* @__PURE__ */ e(Ie, { label: "Updated", value: "2 hours ago" }),
+            /* @__PURE__ */ e(Ie, { label: "Tags", value: /* @__PURE__ */ s(te, { children: [
+              /* @__PURE__ */ e(X, { tone: "accent", children: "growth" }),
+              " ",
+              /* @__PURE__ */ e(X, { tone: "neutral", variant: "outline", children: "v2" })
+            ] }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ s(j, { children: [
+          /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e($, { children: "Watchers" }) }),
+          /* @__PURE__ */ e(R, { children: /* @__PURE__ */ s("div", { className: "flex -space-x-2", children: [
+            /* @__PURE__ */ e(H, { fallback: "AB" }),
+            /* @__PURE__ */ e(H, { fallback: "BE" }),
+            /* @__PURE__ */ e(H, { fallback: "TG" }),
+            /* @__PURE__ */ e(H, { fallback: "+2" })
+          ] }) })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function Ie({ label: n, value: t }) {
+  return /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-3", children: [
+    /* @__PURE__ */ e("span", { className: "text-foreground-subtle", children: n }),
+    /* @__PURE__ */ e("span", { className: "flex items-center gap-1.5 text-foreground", children: t })
+  ] });
+}
+const Me = [
+  { title: "Workspace" },
+  { title: "Invite team" },
+  { title: "Connect data" },
+  { title: "Done" }
+];
+function Ro() {
+  const [n, t] = y(0), a = () => t((o) => Math.min(o + 1, Me.length - 1)), r = () => t((o) => Math.max(o - 1, 0));
+  return /* @__PURE__ */ s("div", { className: "mx-auto max-w-2xl space-y-8 py-12", children: [
+    /* @__PURE__ */ e(xa, { steps: Me, current: n }),
+    /* @__PURE__ */ s(j, { children: [
+      /* @__PURE__ */ s(F, { children: [
+        /* @__PURE__ */ e($, { children: Nt[n].title }),
+        /* @__PURE__ */ e(Q, { children: Nt[n].description })
+      ] }),
+      /* @__PURE__ */ s(R, { className: "space-y-4", children: [
+        n === 0 && /* @__PURE__ */ s(te, { children: [
+          /* @__PURE__ */ e(T, { label: "Workspace name", placeholder: "Acme Inc." }),
+          /* @__PURE__ */ e(T, { label: "URL slug", prefix: /* @__PURE__ */ e("span", { children: "acme.app/" }), placeholder: "acme" })
+        ] }),
+        n === 1 && /* @__PURE__ */ s(te, { children: [
+          /* @__PURE__ */ e(
+            T,
+            {
+              type: "email",
+              label: "Invite by email",
+              placeholder: "teammate@company.com",
+              helperText: "Separate multiple emails with commas."
+            }
+          ),
+          /* @__PURE__ */ s(ga, { defaultValue: "member", children: [
+            /* @__PURE__ */ e(Ae, { value: "admin", label: "Admin", description: "Can manage workspace and billing." }),
+            /* @__PURE__ */ e(Ae, { value: "member", label: "Member", description: "Can create and edit projects." }),
+            /* @__PURE__ */ e(Ae, { value: "viewer", label: "Viewer", description: "Read-only access." })
+          ] })
+        ] }),
+        n === 2 && /* @__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((o) => /* @__PURE__ */ s(
+            "button",
+            {
+              type: "button",
+              className: "rounded-lg border border-border bg-card p-4 text-left hover:border-border-strong hover:bg-background-subtle transition-colors duration-[var(--duration-fast)] outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+              children: [
+                /* @__PURE__ */ e("p", { className: "font-medium text-foreground", children: o }),
+                /* @__PURE__ */ e("p", { className: "text-xs text-foreground-subtle mt-1", children: "Quick setup with SSO" })
+              ]
+            },
+            o
+          )) })
+        ] }),
+        n === 3 && /* @__PURE__ */ s("div", { className: "flex flex-col items-center gap-3 py-6 text-center", children: [
+          /* @__PURE__ */ e(Se, { 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: "text-sm text-foreground-muted max-w-sm", children: "Your workspace is ready. We've sent invites and your first dashboard is loading." })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ e(w, { variant: "ghost", leadingIcon: /* @__PURE__ */ e(kt, {}), onClick: r, disabled: n === 0, children: "Back" }),
+      n < Me.length - 1 ? /* @__PURE__ */ e(w, { trailingIcon: /* @__PURE__ */ e(Ne, {}), onClick: a, children: n === Me.length - 2 ? "Finish" : "Continue" }) : /* @__PURE__ */ e(w, { children: "Open workspace" })
+    ] })
+  ] });
+}
+const Nt = [
+  { title: "Create your workspace", description: "A workspace is where your team and projects live." },
+  { title: "Invite your team", description: "You can always invite more people later." },
+  { title: "Connect a data source", description: "Pick one — others can be added in settings." },
+  { title: "Welcome aboard", description: "We've set up your starting dashboard." }
+], Bn = [
+  {
+    name: "Starter",
+    price: "$0",
+    cadence: "forever",
+    description: "For individuals exploring the product.",
+    features: ["Up to 3 projects", "Community support", "Single workspace"],
+    cta: "Start free"
+  },
+  {
+    name: "Team",
+    price: "$20",
+    cadence: "per user / month",
+    description: "For small teams running real workloads.",
+    features: [
+      "Unlimited projects",
+      "Email support, 24h response",
+      "SSO via Google & Microsoft",
+      "Audit log (30 days)"
+    ],
+    cta: "Start 14-day trial",
+    highlighted: !0
+  },
+  {
+    name: "Enterprise",
+    price: "Custom",
+    cadence: "annual",
+    description: "For organisations with custom requirements.",
+    features: [
+      "Everything in Team",
+      "SAML SSO + SCIM",
+      "Dedicated CSM",
+      "SOC 2 report + DPA",
+      "Audit log (unlimited)"
+    ],
+    cta: "Talk to sales"
+  }
+];
+function Bo() {
+  return /* @__PURE__ */ s("div", { className: "mx-auto max-w-5xl space-y-8 py-16", children: [
+    /* @__PURE__ */ s("header", { className: "text-center space-y-3", children: [
+      /* @__PURE__ */ e("h1", { className: "text-3xl font-semibold tracking-tight text-foreground", children: "Plans that scale with your team" }),
+      /* @__PURE__ */ e("p", { className: "text-sm text-foreground-muted max-w-xl mx-auto", children: "Start free, upgrade when you need more. All paid plans include a 14-day trial — no credit card required." })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "grid gap-4 md:grid-cols-3", children: Bn.map((n) => /* @__PURE__ */ s(
+      "div",
+      {
+        className: l(
+          "flex flex-col gap-6 rounded-lg border bg-card p-6",
+          n.highlighted ? "border-accent shadow-sm" : "border-border"
+        ),
+        children: [
+          /* @__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: n.name }),
+              n.highlighted && /* @__PURE__ */ e(X, { tone: "accent", children: "Most popular" })
+            ] }),
+            /* @__PURE__ */ e("p", { className: "text-sm text-foreground-muted", children: n.description })
+          ] }),
+          /* @__PURE__ */ s("div", { className: "flex items-baseline gap-1.5", children: [
+            /* @__PURE__ */ e("span", { className: "text-3xl font-semibold tabular text-foreground", children: n.price }),
+            /* @__PURE__ */ e("span", { className: "text-sm text-foreground-subtle", children: n.cadence })
+          ] }),
+          /* @__PURE__ */ e("ul", { className: "space-y-2 text-sm", children: n.features.map((t) => /* @__PURE__ */ s("li", { className: "flex items-start gap-2 text-foreground", children: [
+            /* @__PURE__ */ e(J, { className: "size-4 text-accent shrink-0 mt-0.5", "aria-hidden": !0 }),
+            t
+          ] }, t)) }),
+          /* @__PURE__ */ e(
+            w,
+            {
+              variant: n.highlighted ? "primary" : "outline",
+              className: "mt-auto w-full",
+              children: n.cta
+            }
+          )
+        ]
+      },
+      n.name
+    )) })
+  ] });
+}
+const Ln = [
+  {
+    icon: /* @__PURE__ */ e(_e, {}),
+    title: "Create a project",
+    description: "Track a real piece of work end-to-end.",
+    cta: "New project"
+  },
+  {
+    icon: /* @__PURE__ */ e(it, {}),
+    title: "Import existing data",
+    description: "CSV, Postgres, BigQuery, or Snowflake — connect in a minute.",
+    cta: "Connect source"
+  },
+  {
+    icon: /* @__PURE__ */ e(Le, {}),
+    title: "Invite your team",
+    description: "Workspaces are better with teammates. We'll send the invites.",
+    cta: "Invite people"
+  }
+];
+function Lo() {
+  return /* @__PURE__ */ s("div", { className: "mx-auto max-w-3xl space-y-8 py-12", children: [
+    /* @__PURE__ */ e(
+      mt,
+      {
+        icon: /* @__PURE__ */ e(rt, { className: "size-6" }),
+        title: "Your workspace is ready",
+        description: "Start with one of the steps below — you can always come back to the others.",
+        action: /* @__PURE__ */ e(w, { trailingIcon: /* @__PURE__ */ e(Ne, {}), children: "Open tutorial" })
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: "grid gap-3 md:grid-cols-3", children: Ln.map((n) => /* @__PURE__ */ e(j, { variant: "interactive", children: /* @__PURE__ */ s(R, { className: "space-y-3", children: [
+      /* @__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: n.icon }),
+      /* @__PURE__ */ s("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-foreground", children: n.title }),
+        /* @__PURE__ */ e("p", { className: "text-xs text-foreground-muted leading-relaxed", children: n.description })
+      ] }),
+      /* @__PURE__ */ e(w, { variant: "ghost", size: "sm", trailingIcon: /* @__PURE__ */ e(Ne, {}), children: n.cta })
+    ] }) }, n.title)) })
+  ] });
+}
+export {
+  eo as Accordion,
+  Va as AccordionContent,
+  Ea as AccordionItem,
+  Ga as AccordionTrigger,
+  Ee as Alert,
+  Po as AppShell,
+  zo as AuthLayout,
+  H as Avatar,
+  qa as AvatarGroup,
+  X as Badge,
+  Ht as Breadcrumbs,
+  w as Button,
+  j as Card,
+  R as CardContent,
+  Q as CardDescription,
+  Za as CardFooter,
+  F as CardHeader,
+  $ as CardTitle,
+  De as Checkbox,
+  er as Combobox,
+  tr as Command,
+  ao as CommandDialog,
+  nr as CommandEmpty,
+  or as CommandGroup,
+  ar as CommandInput,
+  ir as CommandItem,
+  rr as CommandList,
+  sr as CommandSeparator,
+  to as CommandShortcut,
+  Br as ConfirmationDialog,
+  no as ContextMenu,
+  fr as ContextMenuCheckboxItem,
+  ur as ContextMenuContent,
+  so as ContextMenuGroup,
+  mr as ContextMenuItem,
+  pr as ContextMenuLabel,
+  lr as ContextMenuPortal,
+  lo as ContextMenuRadioGroup,
+  gr as ContextMenuRadioItem,
+  hr as ContextMenuSeparator,
+  br as ContextMenuShortcut,
+  io as ContextMenuSub,
+  cr as ContextMenuSubContent,
+  dr as ContextMenuSubTrigger,
+  oo as ContextMenuTrigger,
+  Ao as Dashboard,
+  Pr as DataGrid,
+  jo as DataTablePage,
+  Ar as DatePicker,
+  _r as DateRangePicker,
+  jr as Dialog,
+  Rr as DialogClose,
+  ta as DialogContent,
+  oa as DialogDescription,
+  ra as DialogFooter,
+  aa as DialogHeader,
+  ea as DialogOverlay,
+  Fr as DialogPortal,
+  na as DialogTitle,
+  fo as DialogTrigger,
+  xr as DropdownMenu,
+  Ut as DropdownMenuCheckboxItem,
+  Wt as DropdownMenuContent,
+  co as DropdownMenuGroup,
+  kr as DropdownMenuItem,
+  Kt as DropdownMenuLabel,
+  Nr as DropdownMenuPortal,
+  mo as DropdownMenuRadioGroup,
+  Cr as DropdownMenuRadioItem,
+  qt as DropdownMenuSeparator,
+  Sr as DropdownMenuShortcut,
+  uo as DropdownMenuSub,
+  wr as DropdownMenuSubContent,
+  yr as DropdownMenuSubTrigger,
+  vr as DropdownMenuTrigger,
+  mt as EmptyState,
+  $r as ErrorState,
+  Lo as FirstRunEmpty,
+  Mo as ForgotPasswordForm,
+  go as Form,
+  Gr as FormControl,
+  Vr as FormDescription,
+  Hr as FormError,
+  po as FormField,
+  Or as FormItem,
+  Er as FormLabel,
+  lt as IconButton,
+  Zn as Icons,
+  T as Input,
+  Wr as Kbd,
+  Do as MagicLinkSent,
+  Ur as MultiSelect,
+  Ro as Onboarding,
+  fa as Pagination,
+  bo as Popover,
+  vo as PopoverAnchor,
+  No as PopoverClose,
+  Xr as PopoverContent,
+  xo as PopoverTrigger,
+  Bo as Pricing,
+  Zr as Progress,
+  tn as ProgressCircle,
+  ga as RadioGroup,
+  Ae as RadioItem,
+  Fo as RecordDetail,
+  an as ScrollArea,
+  pa as ScrollBar,
+  la as Select,
+  gt as SelectContent,
+  qr as SelectGroup,
+  me as SelectItem,
+  ma as SelectLabel,
+  ua as SelectScrollDownButton,
+  ca as SelectScrollUpButton,
+  Kr as SelectSeparator,
+  ft as SelectTrigger,
+  ho as SelectValue,
+  fe as Separator,
+  _o as SettingsPage,
+  yo as Sheet,
+  ko as SheetClose,
+  on as SheetContent,
+  cn as SheetDescription,
+  ln as SheetFooter,
+  sn as SheetHeader,
+  rn as SheetPortal,
+  dn as SheetTitle,
+  wo as SheetTrigger,
+  ba as Sidebar,
+  un as SidebarGroup,
+  ue as SidebarItem,
+  Xe as SidebarSection,
+  To as SignInForm,
+  Io as SignUpForm,
+  Xt as Skeleton,
+  mn as Slider,
+  pn as Spinner,
+  xa as Stepper,
+  ge as Switch,
+  dt as Table,
+  ut as TableBody,
+  Dr as TableCaption,
+  ee as TableCell,
+  Mr as TableFooter,
+  se as TableHead,
+  ct as TableHeader,
+  oe as TableRow,
+  Qt as TableSortHeader,
+  xn as Tabs,
+  he as TabsContent,
+  va as TabsList,
+  pe as TabsTrigger,
+  Nn as Textarea,
+  Cn as Toast,
+  Tn as ToastAction,
+  In as ToastClose,
+  zn as ToastDescription,
+  Co as ToastProvider,
+  Sn as ToastTitle,
+  yn as ToastViewport,
+  Pn as Tooltip,
+  Na as TooltipContent,
+  So as TooltipProvider,
+  Mn as TooltipRoot,
+  Dn as TooltipTrigger,
+  ya as TopNav,
+  An as TopNavLink,
+  l as cn,
+  Eo as cva,
+  Jn as toast,
+  Qn as uid,
+  ro as useCommandPaletteShortcut,
+  He as useFormField,
+  Oa as useMediaQuery,
+  Xn as usePrefersReducedMotion,
+  Yn as useToast
+};
+//# sourceMappingURL=index.js.map