@eventideorg/design-system 0.1.0 → 0.1.1

package/dist/index.js

@@ -1,29 +1,42 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { useId as Z, useState as S, useRef as Q, useMemo as ce, useEffect as W } from "react";
-import { cva as le } from "class-variance-authority";
-import { Slot as de } from "radix-ui";
-import { cn as C } from "@/ui/lib/utils";
-import { Checkbox as he } from "@/ui/ui/Checkbox";
-import { Label as V } from "@/ui/ui/Label";
-import { Input as D } from "@/ui/ui/Input";
-import { EyeOff as ge, Eye as ve, ChevronUp as xe, ChevronDown as be, X as ae, ChevronsUpDown as ie, Check as ue, Mail as ye, Link as Ne, Phone as Ce, CalendarIcon as we, Clock as ke, Upload as Ae, Image as ze, FileText as Se, FileSpreadsheet as Ie, File as Le, Search as Me, Loader2 as $e, Bold as Re, Italic as Ee, Underline as Pe, Strikethrough as Be, Heading1 as Ue, Heading2 as Fe, Heading3 as Te, List as De, ListOrdered as He, Quote as _e, Code2 as je, AlignLeft as Oe, AlignCenter as Ke, AlignRight as Ge, Undo2 as We, Redo2 as Qe, Link2 as Ze, Unlink2 as Ve } from "lucide-react";
-import { Button as B } from "@/ui/ui/Button";
-import { Popover as X, PopoverTrigger as J, PopoverContent as Y } from "@/ui/ui/Popover";
-import { format as re } from "date-fns";
-import { Calendar as ne } from "@/ui/ui/Calendar";
-import { Badge as me } from "@/ui/ui/Badge";
-import { useEditor as Xe, EditorContent as Je } from "@tiptap/react";
-import Ye from "@tiptap/starter-kit";
-import qe from "@tiptap/extension-text-align";
-import et from "@tiptap/extension-placeholder";
-import tt from "@tiptap/extension-character-count";
-import { Select as rt, SelectTrigger as nt, SelectValue as at, SelectContent as it, SelectItem as st } from "@/ui/ui/Select";
-import { Switch as ot } from "@/ui/ui/Switch";
-import { Textarea as ct } from "@/ui/ui/Textarea";
-import { FieldWrapper as lt } from "@/ui/ui/InputFields/FieldWrapper";
-import { clsx as dt } from "clsx";
-import { twMerge as ut } from "tailwind-merge";
-const mt = le(
+import { jsx as e, jsxs as l, Fragment as Ke } from "react/jsx-runtime";
+import { X as ke, Info as Rt, AlertTriangle as At, AlertCircle as Tt, CheckCircle2 as Lt, Minus as Mt, EyeOff as Et, Eye as Pt, ChevronUp as Dt, ChevronDown as Ut, ChevronsUpDown as Le, Check as nt, Mail as $t, Link as Bt, Phone as Ot, CalendarIcon as Ft, Clock as _t, Upload as jt, Image as Kt, FileText as Ht, FileSpreadsheet as Vt, File as Gt, Search as at, Loader2 as Wt, Bold as Qt, Italic as Xt, Underline as Yt, Strikethrough as Zt, Heading1 as Jt, Heading2 as qt, Heading3 as er, List as it, ListOrdered as tr, Quote as rr, Code2 as nr, AlignLeft as ar, AlignCenter as ir, AlignRight as sr, Undo2 as or, Redo2 as lr, Link2 as cr, Unlink2 as dr, Mic as we, CircleDot as st, Pause as ge, Square as ot, Play as ur, RotateCcw as lt, Trash2 as ct, VideoOff as mr, SwitchCamera as fr, Video as hr, ArrowUpIcon as pr, ArrowDownIcon as gr, ImageIcon as br, LayoutGrid as He, SlidersHorizontal as vr, PanelRight as xr, SearchX as yr, PackageOpen as Nr, LoaderIcon as wr, Loader2Icon as kr, OctagonXIcon as Cr, TriangleAlertIcon as Sr, InfoIcon as zr, CircleCheckIcon as Ir, Sun as Rr, Moon as Ar } from "lucide-react";
+import { cn as w } from "@/ui/lib/utils";
+import * as be from "react";
+import Ve, { createContext as Me, useState as R, useRef as F, useCallback as ae, useId as de, useMemo as ne, useEffect as X, useReducer as Tr, useContext as Ee } from "react";
+import { Button as $ } from "@/ui/ui/Button";
+import { Label as ue } from "@/ui/ui/Label";
+import { cva as dt } from "class-variance-authority";
+import { Slot as ut, Slider as xe, Tooltip as ce, Switch as Ge } from "radix-ui";
+import { Breadcrumb as Lr, BreadcrumbList as Mr, BreadcrumbItem as Re, BreadcrumbEllipsis as Er, BreadcrumbSeparator as We, BreadcrumbPage as Qe, BreadcrumbLink as Pr } from "@/ui/ui/Breadcrumb";
+import { ContextMenu as mt, ContextMenuTrigger as ft, ContextMenuContent as ht, ContextMenuItem as pt } from "@/ui/ui/ContextMenu";
+import { useVirtualizer as gt } from "@tanstack/react-virtual";
+import { useSensors as Dr, useSensor as Xe, PointerSensor as Ur, KeyboardSensor as $r, DndContext as Br, closestCenter as Or } from "@dnd-kit/core";
+import { useSortable as Fr, arrayMove as _r, SortableContext as jr, rectSortingStrategy as Kr } from "@dnd-kit/sortable";
+import { CSS as Hr } from "@dnd-kit/utilities";
+import { Checkbox as Pe } from "@/ui/ui/Checkbox";
+import { Input as ee } from "@/ui/ui/Input";
+import { Popover as me, PopoverTrigger as fe, PopoverContent as he } from "@/ui/ui/Popover";
+import { format as ye } from "date-fns";
+import { Calendar as Ae } from "@/ui/ui/Calendar";
+import { OTPInput as Vr, OTPInputContext as Gr } from "input-otp";
+import { DropdownMenu as Ye, DropdownMenuTrigger as Ze, DropdownMenuContent as Je, DropdownMenuCheckboxItem as Wr, DropdownMenuItem as Qr } from "@/ui/ui/DropdownMenu";
+import { Badge as bt } from "@/ui/ui/Badge";
+import { useEditor as Xr, EditorContent as Yr } from "@tiptap/react";
+import Zr from "@tiptap/starter-kit";
+import Jr from "@tiptap/extension-text-align";
+import qr from "@tiptap/extension-placeholder";
+import en from "@tiptap/extension-character-count";
+import { Select as tn, SelectTrigger as rn, SelectValue as nn, SelectContent as an, SelectItem as sn } from "@/ui/ui/Select";
+import { Slider as on } from "@/ui/ui/Slider";
+import { Switch as ln } from "@/ui/ui/Switch";
+import { Textarea as cn } from "@/ui/ui/Textarea";
+import { FieldWrapper as dn } from "@/ui/ui/InputFields/FieldWrapper";
+import { useTheme as un } from "@/ui/ui/ThemeToggle/ThemeProvider";
+import { Toaster as mn } from "sonner";
+import { toast as Bi } from "sonner";
+import { clsx as fn } from "clsx";
+import { twMerge as hn } from "tailwind-merge";
+const pn = dt(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
     variants: {
@@ -52,26 +65,101 @@ const mt = le(
     }
   }
 );
-function Jt({
+function Ga({
   className: t,
   variant: r = "default",
   size: n = "default",
   asChild: a = !1,
   ...i
 }) {
-  const x = a ? de.Root : "button";
+  const m = a ? ut.Root : "button";
   return /* @__PURE__ */ e(
-    x,
+    m,
     {
       "data-slot": "button",
       "data-variant": r,
       "data-size": n,
-      className: C(mt({ variant: r, size: n, className: t })),
+      className: w(pn({ variant: r, size: n, className: t })),
       ...i
     }
   );
 }
-const ft = le(
+const gn = {
+  success: "border-success/30 bg-success/10 text-success dark:border-success/40 dark:bg-success/15",
+  error: "border-destructive/30 bg-destructive/10 text-destructive dark:border-destructive/40 dark:bg-destructive/15",
+  warning: "border-brand-gold/30 bg-brand-gold/10 text-brand-gold dark:border-brand-gold/40 dark:bg-brand-gold/15",
+  info: "border-primary/30 bg-primary/10 text-primary dark:border-primary/40 dark:bg-primary/15"
+}, bn = {
+  success: /* @__PURE__ */ e(Lt, { className: "size-4 shrink-0" }),
+  error: /* @__PURE__ */ e(Tt, { className: "size-4 shrink-0" }),
+  warning: /* @__PURE__ */ e(At, { className: "size-4 shrink-0" }),
+  info: /* @__PURE__ */ e(Rt, { className: "size-4 shrink-0" })
+};
+function vn({ alert: t, onDismiss: r }) {
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      role: "alert",
+      "data-slot": "alert-item",
+      "data-variant": t.variant,
+      className: w(
+        "pointer-events-auto flex w-80 items-start gap-2 rounded-lg border px-4 py-3 shadow-lg",
+        gn[t.variant]
+      ),
+      children: [
+        bn[t.variant],
+        /* @__PURE__ */ e("p", { className: "flex-1 text-sm font-medium", children: t.message }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Dismiss alert",
+            onClick: () => r(t.id),
+            className: "shrink-0 rounded-sm opacity-70 hover:opacity-100 transition-opacity",
+            children: /* @__PURE__ */ e(ke, { className: "size-4" })
+          }
+        )
+      ]
+    }
+  );
+}
+const xn = Me(null), yn = 5e3;
+function Wa({ children: t }) {
+  const [r, n] = R([]), a = F(
+    /* @__PURE__ */ new Map()
+  ), i = ae((o) => {
+    const f = a.current.get(o);
+    f && (clearTimeout(f), a.current.delete(o)), n((h) => h.filter((p) => p.id !== o));
+  }, []), m = ae(
+    (o) => {
+      const f = o.id ?? crypto.randomUUID(), h = o.duration ?? yn, p = { ...o, id: f, duration: h };
+      if (n((u) => [...u, p]), h > 0) {
+        const u = setTimeout(() => {
+          i(f);
+        }, h);
+        a.current.set(f, u);
+      }
+      return f;
+    },
+    [i]
+  ), d = ae(() => {
+    for (const o of a.current.values())
+      clearTimeout(o);
+    a.current.clear(), n([]);
+  }, []);
+  return /* @__PURE__ */ l(xn.Provider, { value: { alerts: r, addAlert: m, removeAlert: i, clearAlerts: d }, children: [
+    t,
+    /* @__PURE__ */ e(
+      "div",
+      {
+        "data-slot": "alert-container",
+        className: "fixed top-4 right-4 z-50 flex flex-col gap-2 pointer-events-none",
+        children: r.map((o) => /* @__PURE__ */ e(vn, { alert: o, onDismiss: i }, o.id))
+      }
+    )
+  ] });
+}
+const Nn = dt(
   "inline-flex items-center justify-center rounded-full border border-transparent px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
     variants: {
@@ -89,29 +177,29 @@ const ft = le(
     }
   }
 );
-function Yt({
+function Qa({
   className: t,
   variant: r = "default",
   asChild: n = !1,
   ...a
 }) {
-  const i = n ? de.Root : "span";
+  const i = n ? ut.Root : "span";
   return /* @__PURE__ */ e(
     i,
     {
       "data-slot": "badge",
       "data-variant": r,
-      className: C(ft({ variant: r }), t),
+      className: w(Nn({ variant: r }), t),
       ...a
     }
   );
 }
-function qt({ className: t, ...r }) {
+function Xa({ className: t, ...r }) {
   return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "card",
-      className: C(
+      className: w(
         "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
         t
       ),
@@ -119,12 +207,12 @@ function qt({ className: t, ...r }) {
     }
   );
 }
-function er({ className: t, ...r }) {
+function Ya({ className: t, ...r }) {
   return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "card-header",
-      className: C(
+      className: w(
         "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
         t
       ),
@@ -132,32 +220,32 @@ function er({ className: t, ...r }) {
     }
   );
 }
-function tr({ className: t, ...r }) {
+function Za({ className: t, ...r }) {
   return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "card-title",
-      className: C("leading-none font-semibold", t),
+      className: w("leading-none font-semibold", t),
       ...r
     }
   );
 }
-function rr({ className: t, ...r }) {
+function Ja({ className: t, ...r }) {
   return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "card-description",
-      className: C("text-muted-foreground text-sm", t),
+      className: w("text-muted-foreground text-sm", t),
       ...r
     }
   );
 }
-function nr({ className: t, ...r }) {
+function qa({ className: t, ...r }) {
   return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "card-action",
-      className: C(
+      className: w(
         "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
         t
       ),
@@ -165,33 +253,33 @@ function nr({ className: t, ...r }) {
     }
   );
 }
-function ar({ className: t, ...r }) {
+function ei({ className: t, ...r }) {
   return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "card-content",
-      className: C("px-6", t),
+      className: w("px-6", t),
       ...r
     }
   );
 }
-function ir({ className: t, ...r }) {
+function ti({ className: t, ...r }) {
   return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "card-footer",
-      className: C("flex items-center px-6 [.border-t]:pt-6", t),
+      className: w("flex items-center px-6 [.border-t]:pt-6", t),
       ...r
     }
   );
 }
-function sr({ className: t, type: r, ...n }) {
+function ri({ className: t, type: r, ...n }) {
   return /* @__PURE__ */ e(
     "input",
     {
       type: r,
       "data-slot": "input",
-      className: C(
+      className: w(
         "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
         "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
         "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
@@ -201,261 +289,347 @@ function sr({ className: t, type: r, ...n }) {
     }
   );
 }
-function H({
+const wn = be.forwardRef(({ className: t, containerClassName: r, ...n }, a) => /* @__PURE__ */ e(
+  Vr,
+  {
+    ref: a,
+    containerClassName: w(
+      "flex items-center gap-2 has-[:disabled]:opacity-50",
+      r
+    ),
+    className: w("disabled:cursor-not-allowed", t),
+    ...n
+  }
+));
+wn.displayName = "InputOTP";
+const kn = be.forwardRef(({ className: t, ...r }, n) => /* @__PURE__ */ e("div", { ref: n, className: w("flex items-center", t), ...r }));
+kn.displayName = "InputOTPGroup";
+const Cn = be.forwardRef(({ index: t, className: r, ...n }, a) => {
+  const i = be.useContext(Gr), { char: m, hasFakeCaret: d, isActive: o } = i.slots[t];
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      ref: a,
+      className: w(
+        "relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
+        o && "z-10 ring-1 ring-ring",
+        r
+      ),
+      ...n,
+      children: [
+        m,
+        d && /* @__PURE__ */ e("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+      ]
+    }
+  );
+});
+Cn.displayName = "InputOTPSlot";
+const Sn = be.forwardRef(({ ...t }, r) => /* @__PURE__ */ e("div", { ref: r, role: "separator", ...t, children: /* @__PURE__ */ e(Mt, {}) }));
+Sn.displayName = "InputOTPSeparator";
+function ni({
+  className: t,
+  defaultValue: r,
+  value: n,
+  min: a = 0,
+  max: i = 100,
+  ...m
+}) {
+  const d = n ?? r ?? [a];
+  return /* @__PURE__ */ l(
+    xe.Root,
+    {
+      "data-slot": "slider",
+      defaultValue: r,
+      value: n,
+      min: a,
+      max: i,
+      className: w(
+        "relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=horizontal]:h-5 data-[orientation=vertical]:w-5 data-[orientation=vertical]:flex-col",
+        t
+      ),
+      ...m,
+      children: [
+        /* @__PURE__ */ e(
+          xe.Track,
+          {
+            "data-slot": "slider-track",
+            className: "bg-muted dark:bg-muted-foreground/25 relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5",
+            children: /* @__PURE__ */ e(
+              xe.Range,
+              {
+                "data-slot": "slider-range",
+                className: "bg-primary absolute rounded-full data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"
+              }
+            )
+          }
+        ),
+        d.map((o, f) => /* @__PURE__ */ e(
+          xe.Thumb,
+          {
+            "data-slot": "slider-thumb",
+            className: "border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-none disabled:pointer-events-none"
+          },
+          f
+        ))
+      ]
+    }
+  );
+}
+function q({
   id: t,
   label: r,
   error: n,
   helperText: a,
   required: i,
-  disabled: x,
-  children: b,
-  className: l
+  disabled: m,
+  children: d,
+  className: o
 }) {
-  const m = Z(), d = t ?? m, p = n ? `${d}-error` : void 0, h = a && !n ? `${d}-helper` : void 0, f = [p, h].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ c(
+  const f = de(), h = t ?? f, p = r ? `${h}-label` : void 0, u = n ? `${h}-error` : void 0, c = a && !n ? `${h}-helper` : void 0, s = [u, c].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ l(
     "div",
     {
-      className: C("space-y-2", l),
-      "data-disabled": x || void 0,
+      className: w("space-y-2", o),
+      "data-disabled": m || void 0,
       children: [
-        r && /* @__PURE__ */ c(V, { htmlFor: d, children: [
+        r && /* @__PURE__ */ l(ue, { id: p, htmlFor: h, children: [
           r,
           i && /* @__PURE__ */ e("span", { className: "text-destructive ml-0.5", "aria-hidden": "true", children: "*" })
         ] }),
-        b({ id: d, describedBy: f }),
-        n && /* @__PURE__ */ e("p", { id: p, className: "text-sm text-destructive", role: "alert", children: n }),
-        a && !n && /* @__PURE__ */ e("p", { id: h, className: "text-sm text-muted-foreground", children: a })
+        d({ id: h, labelId: p, describedBy: s }),
+        n && /* @__PURE__ */ e("p", { id: u, className: "text-sm text-destructive", role: "alert", children: n }),
+        a && !n && /* @__PURE__ */ e("p", { id: c, className: "text-sm text-muted-foreground", children: a })
       ]
     }
   );
 }
-function or({
+function ai({
   label: t,
   error: r,
   helperText: n,
   required: a,
   disabled: i,
-  id: x,
-  className: b,
-  ...l
+  id: m,
+  className: d,
+  ...o
 }) {
   return /* @__PURE__ */ e(
-    H,
+    q,
     {
-      id: x,
+      id: m,
       label: t,
       error: r,
       helperText: n,
       required: a,
       disabled: i,
-      className: b,
-      children: ({ id: m, describedBy: d }) => /* @__PURE__ */ e(
-        D,
+      className: d,
+      children: ({ id: f, describedBy: h }) => /* @__PURE__ */ e(
+        ee,
         {
-          id: m,
+          id: f,
           "aria-invalid": !!r,
-          "aria-describedby": d,
+          "aria-describedby": h,
           "aria-required": a,
           disabled: i,
           required: a,
-          ...l
+          ...o
         }
       )
     }
   );
 }
-const pt = {
+const zn = {
   none: "resize-none",
   vertical: "resize-y",
   horizontal: "resize-x",
   both: "resize"
 };
-function cr({
+function ii({
   label: t,
   error: r,
   helperText: n,
   required: a,
   disabled: i,
-  id: x,
-  className: b,
-  resize: l = "vertical",
-  ...m
+  id: m,
+  className: d,
+  resize: o = "vertical",
+  ...f
 }) {
   return /* @__PURE__ */ e(
-    H,
+    q,
     {
-      id: x,
+      id: m,
       label: t,
       error: r,
       helperText: n,
       required: a,
       disabled: i,
-      className: b,
-      children: ({ id: d, describedBy: p }) => /* @__PURE__ */ e(
-        ct,
+      className: d,
+      children: ({ id: h, describedBy: p }) => /* @__PURE__ */ e(
+        cn,
         {
-          id: d,
+          id: h,
           "aria-invalid": !!r,
           "aria-describedby": p,
           "aria-required": a,
           disabled: i,
           required: a,
-          className: C(pt[l]),
-          ...m
+          className: w(zn[o]),
+          ...f
         }
       )
     }
   );
 }
-function lr({
+function si({
   label: t,
   error: r,
   helperText: n,
   required: a,
   disabled: i,
-  id: x,
-  className: b,
-  showToggle: l = !0,
-  ...m
+  id: m,
+  className: d,
+  showToggle: o = !0,
+  ...f
 }) {
-  const [d, p] = S(!1);
+  const [h, p] = R(!1);
   return /* @__PURE__ */ e(
-    H,
+    q,
     {
-      id: x,
+      id: m,
       label: t,
       error: r,
       helperText: n,
       required: a,
       disabled: i,
-      className: b,
-      children: ({ id: h, describedBy: f }) => /* @__PURE__ */ c("div", { className: "relative", children: [
+      className: d,
+      children: ({ id: u, describedBy: c }) => /* @__PURE__ */ l("div", { className: "relative", children: [
         /* @__PURE__ */ e(
-          D,
+          ee,
           {
-            id: h,
-            type: d ? "text" : "password",
+            id: u,
+            type: h ? "text" : "password",
             "aria-invalid": !!r,
-            "aria-describedby": f,
+            "aria-describedby": c,
             "aria-required": a,
             disabled: i,
             required: a,
-            className: l ? "pr-10" : void 0,
-            ...m
+            className: o ? "pr-10" : void 0,
+            ...f
           }
         ),
-        l && /* @__PURE__ */ e(
-          B,
+        o && /* @__PURE__ */ e(
+          $,
           {
             type: "button",
             variant: "ghost",
             size: "icon-xs",
             className: "absolute right-2 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
-            onClick: () => p((o) => !o),
+            onClick: () => p((s) => !s),
             disabled: i,
-            "aria-label": d ? "Hide password" : "Show password",
+            "aria-label": h ? "Hide password" : "Show password",
             tabIndex: -1,
-            children: d ? /* @__PURE__ */ e(ge, { className: "size-4" }) : /* @__PURE__ */ e(ve, { className: "size-4" })
+            children: h ? /* @__PURE__ */ e(Et, { className: "size-4" }) : /* @__PURE__ */ e(Pt, { className: "size-4" })
           }
         )
       ] })
     }
   );
 }
-function ht(t, r, n) {
+function In(t, r, n) {
   let a = t;
   return r !== void 0 && a < r && (a = r), n !== void 0 && a > n && (a = n), a;
 }
-function dr({
+function oi({
   label: t,
   error: r,
   helperText: n,
   required: a,
   disabled: i,
-  id: x,
-  className: b,
-  value: l,
-  defaultValue: m,
-  placeholder: d,
+  id: m,
+  className: d,
+  value: o,
+  defaultValue: f,
+  placeholder: h,
   onChange: p,
-  onBlur: h,
-  min: f,
-  max: o,
-  step: y = 1,
-  showStepper: g = !1
+  onBlur: u,
+  min: c,
+  max: s,
+  step: g = 1,
+  showStepper: x = !1
 }) {
-  function M(L) {
-    const z = L.target.value;
-    if (z === "") {
+  function N(S) {
+    const A = S.target.value;
+    if (A === "") {
       p?.(void 0);
       return;
     }
-    const N = parseFloat(z);
-    isNaN(N) || p?.(N);
+    const k = parseFloat(A);
+    isNaN(k) || p?.(k);
   }
-  function I(L) {
-    const N = ht((typeof l == "number" ? l : m ?? 0) + y * L, f, o);
-    p?.(N);
+  function z(S) {
+    const k = In((typeof o == "number" ? o : f ?? 0) + g * S, c, s);
+    p?.(k);
   }
   return /* @__PURE__ */ e(
-    H,
+    q,
     {
-      id: x,
+      id: m,
       label: t,
       error: r,
       helperText: n,
       required: a,
       disabled: i,
-      className: b,
-      children: ({ id: L, describedBy: z }) => /* @__PURE__ */ c("div", { className: "relative", children: [
+      className: d,
+      children: ({ id: S, describedBy: A }) => /* @__PURE__ */ l("div", { className: "relative", children: [
         /* @__PURE__ */ e(
-          D,
+          ee,
           {
-            id: L,
+            id: S,
             type: "number",
             "aria-invalid": !!r,
-            "aria-describedby": z,
+            "aria-describedby": A,
             "aria-required": a,
             disabled: i,
             required: a,
-            value: l ?? "",
-            defaultValue: m,
-            placeholder: d,
-            onChange: M,
-            onBlur: h,
-            min: f,
-            max: o,
-            step: y,
-            className: g ? "pr-9" : void 0
+            value: o ?? "",
+            defaultValue: f,
+            placeholder: h,
+            onChange: N,
+            onBlur: u,
+            min: c,
+            max: s,
+            step: g,
+            className: x ? "pr-9" : void 0
           }
         ),
-        g && /* @__PURE__ */ c("div", { className: "absolute right-1 top-1/2 -translate-y-1/2 flex flex-col", children: [
+        x && /* @__PURE__ */ l("div", { className: "absolute right-1 top-1/2 -translate-y-1/2 flex flex-col", children: [
           /* @__PURE__ */ e(
-            B,
+            $,
             {
               type: "button",
               variant: "ghost",
               size: "icon-xs",
               className: "h-5 w-7 text-muted-foreground hover:text-foreground",
-              onClick: () => I(1),
-              disabled: i || o !== void 0 && typeof l == "number" && l >= o,
+              onClick: () => z(1),
+              disabled: i || s !== void 0 && typeof o == "number" && o >= s,
               "aria-label": "Increment",
               tabIndex: -1,
-              children: /* @__PURE__ */ e(xe, { className: "size-3" })
+              children: /* @__PURE__ */ e(Dt, { className: "size-3" })
             }
           ),
           /* @__PURE__ */ e(
-            B,
+            $,
             {
               type: "button",
               variant: "ghost",
               size: "icon-xs",
               className: "h-5 w-7 text-muted-foreground hover:text-foreground",
-              onClick: () => I(-1),
-              disabled: i || f !== void 0 && typeof l == "number" && l <= f,
+              onClick: () => z(-1),
+              disabled: i || c !== void 0 && typeof o == "number" && o <= c,
               "aria-label": "Decrement",
               tabIndex: -1,
-              children: /* @__PURE__ */ e(be, { className: "size-3" })
+              children: /* @__PURE__ */ e(Ut, { className: "size-3" })
             }
           )
         ] })
@@ -463,132 +637,132 @@ function dr({
     }
   );
 }
-function ur({
+function li({
   label: t,
   error: r,
   helperText: n,
   required: a,
   disabled: i,
-  id: x,
-  className: b,
-  checked: l,
-  defaultChecked: m,
-  onCheckedChange: d
+  id: m,
+  className: d,
+  checked: o,
+  defaultChecked: f,
+  onCheckedChange: h
 }) {
-  const p = Z(), h = x ?? p, f = r ? `${h}-error` : void 0;
-  return /* @__PURE__ */ c("div", { className: C("space-y-1.5", b), children: [
-    /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+  const p = de(), u = m ?? p, c = r ? `${u}-error` : void 0;
+  return /* @__PURE__ */ l("div", { className: w("space-y-1.5", d), children: [
+    /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ e(
-        he,
+        Pe,
         {
-          id: h,
-          checked: l,
-          defaultChecked: m,
-          onCheckedChange: (o) => d?.(o === !0),
+          id: u,
+          checked: o,
+          defaultChecked: f,
+          onCheckedChange: (s) => h?.(s === !0),
           disabled: i,
           required: a,
           "aria-invalid": !!r,
-          "aria-describedby": f
+          "aria-describedby": c
         }
       ),
-      t && /* @__PURE__ */ c(V, { htmlFor: h, className: "cursor-pointer", children: [
+      t && /* @__PURE__ */ l(ue, { htmlFor: u, className: "cursor-pointer", children: [
         t,
         a && /* @__PURE__ */ e("span", { className: "text-destructive ml-0.5", "aria-hidden": "true", children: "*" })
       ] })
     ] }),
-    r && /* @__PURE__ */ e("p", { id: f, className: "text-sm text-destructive", role: "alert", children: r }),
+    r && /* @__PURE__ */ e("p", { id: c, className: "text-sm text-destructive", role: "alert", children: r }),
     n && !r && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: n })
   ] });
 }
-function mr({
+function ci({
   label: t,
   error: r,
   helperText: n,
   required: a,
   disabled: i,
-  id: x,
-  className: b,
-  checked: l,
-  defaultChecked: m,
-  onCheckedChange: d
+  id: m,
+  className: d,
+  checked: o,
+  defaultChecked: f,
+  onCheckedChange: h
 }) {
-  const p = Z(), h = x ?? p, f = r ? `${h}-error` : void 0;
-  return /* @__PURE__ */ c("div", { className: C("space-y-1.5", b), children: [
-    /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+  const p = de(), u = m ?? p, c = r ? `${u}-error` : void 0;
+  return /* @__PURE__ */ l("div", { className: w("space-y-1.5", d), children: [
+    /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ e(
-        ot,
+        ln,
         {
-          id: h,
-          checked: l,
-          defaultChecked: m,
-          onCheckedChange: d,
+          id: u,
+          checked: o,
+          defaultChecked: f,
+          onCheckedChange: h,
           disabled: i,
           required: a,
           "aria-invalid": !!r,
-          "aria-describedby": f
+          "aria-describedby": c
         }
       ),
-      t && /* @__PURE__ */ c(V, { htmlFor: h, className: "cursor-pointer", children: [
+      t && /* @__PURE__ */ l(ue, { htmlFor: u, className: "cursor-pointer", children: [
         t,
         a && /* @__PURE__ */ e("span", { className: "text-destructive ml-0.5", "aria-hidden": "true", children: "*" })
       ] })
     ] }),
-    r && /* @__PURE__ */ e("p", { id: f, className: "text-sm text-destructive", role: "alert", children: r }),
+    r && /* @__PURE__ */ e("p", { id: c, className: "text-sm text-destructive", role: "alert", children: r }),
     n && !r && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: n })
   ] });
 }
-function fr({
+function di({
   label: t,
   error: r,
   helperText: n,
   required: a,
   disabled: i,
-  id: x,
-  className: b,
-  value: l,
-  defaultValue: m = "#000000",
-  onChange: d,
+  id: m,
+  className: d,
+  value: o,
+  defaultValue: f = "#000000",
+  onChange: h,
   showHexInput: p = !0
 }) {
   return /* @__PURE__ */ e(
-    H,
+    q,
     {
-      id: x,
+      id: m,
       label: t,
       error: r,
       helperText: n,
       required: a,
       disabled: i,
-      className: b,
-      children: ({ id: h, describedBy: f }) => /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+      className: d,
+      children: ({ id: u, describedBy: c }) => /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(
           "label",
           {
-            htmlFor: h,
-            className: C(
+            htmlFor: u,
+            className: w(
               "relative size-9 shrink-0 cursor-pointer overflow-hidden rounded-md border border-input shadow-xs",
               i && "cursor-not-allowed opacity-50"
             ),
             children: /* @__PURE__ */ e(
               "input",
               {
-                id: h,
+                id: u,
                 type: "color",
-                value: l ?? m,
-                onChange: (o) => d?.(o.target.value),
+                value: o ?? f,
+                onChange: (s) => h?.(s.target.value),
                 disabled: i,
                 "aria-invalid": !!r,
-                "aria-describedby": f,
+                "aria-describedby": c,
                 className: "absolute inset-0 size-full cursor-pointer border-0 p-0"
               }
             )
           }
         ),
         p && /* @__PURE__ */ e(
-          D,
+          ee,
           {
-            value: l ?? m,
-            onChange: (o) => d?.(o.target.value),
+            value: o ?? f,
+            onChange: (s) => h?.(s.target.value),
             disabled: i,
             placeholder: "#000000",
             maxLength: 7,
@@ -600,289 +774,289 @@ function fr({
     }
   );
 }
-function gt({
+function Rn({
   options: t,
   value: r,
   onChange: n,
   placeholder: a,
   disabled: i,
-  required: x,
-  fieldId: b,
-  describedBy: l,
-  error: m
+  required: m,
+  fieldId: d,
+  describedBy: o,
+  error: f
 }) {
-  return /* @__PURE__ */ c(
-    rt,
+  return /* @__PURE__ */ l(
+    tn,
     {
       value: r,
-      onValueChange: (d) => n?.(d),
+      onValueChange: (h) => n?.(h),
       disabled: i,
-      required: x,
+      required: m,
       children: [
         /* @__PURE__ */ e(
-          nt,
+          rn,
           {
-            id: b,
+            id: d,
             className: "w-full",
-            "aria-invalid": !!m,
-            "aria-describedby": l,
-            children: /* @__PURE__ */ e(at, { placeholder: a ?? "Select an option..." })
+            "aria-invalid": !!f,
+            "aria-describedby": o,
+            children: /* @__PURE__ */ e(nn, { placeholder: a ?? "Select an option..." })
           }
         ),
-        /* @__PURE__ */ e(it, { children: t.map((d) => /* @__PURE__ */ e(
-          st,
+        /* @__PURE__ */ e(an, { children: t.map((h) => /* @__PURE__ */ e(
+          sn,
           {
-            value: d.value,
-            disabled: d.disabled,
-            children: d.label
+            value: h.value,
+            disabled: h.disabled,
+            children: h.label
           },
-          d.value
+          h.value
         )) })
       ]
     }
   );
 }
-function vt({
+function An({
   options: t,
   value: r = [],
   onChange: n,
   placeholder: a,
   disabled: i,
-  fieldId: x,
-  describedBy: b,
-  error: l
+  fieldId: m,
+  describedBy: d,
+  error: o
 }) {
-  const [m, d] = S(!1), p = Array.isArray(r) ? r : [];
-  function h(o) {
-    const y = p.includes(o) ? p.filter((g) => g !== o) : [...p, o];
-    n?.(y);
+  const [f, h] = R(!1), p = Array.isArray(r) ? r : [];
+  function u(s) {
+    const g = p.includes(s) ? p.filter((x) => x !== s) : [...p, s];
+    n?.(g);
   }
-  function f(o) {
-    n?.(p.filter((y) => y !== o));
+  function c(s) {
+    n?.(p.filter((g) => g !== s));
   }
-  return /* @__PURE__ */ c(X, { open: m, onOpenChange: d, children: [
-    /* @__PURE__ */ e(J, { asChild: !0, children: /* @__PURE__ */ c(
-      B,
+  return /* @__PURE__ */ l(me, { open: f, onOpenChange: h, children: [
+    /* @__PURE__ */ e(fe, { asChild: !0, children: /* @__PURE__ */ l(
+      $,
       {
-        id: x,
+        id: m,
         variant: "outline",
         role: "combobox",
-        "aria-expanded": m,
-        "aria-invalid": !!l,
-        "aria-describedby": b,
+        "aria-expanded": f,
+        "aria-invalid": !!o,
+        "aria-describedby": d,
         disabled: i,
         className: "w-full justify-between font-normal h-auto min-h-9",
         children: [
-          /* @__PURE__ */ c("div", { className: "flex flex-wrap gap-1", children: [
+          /* @__PURE__ */ l("div", { className: "flex flex-wrap gap-1", children: [
             p.length === 0 && /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: a ?? "Select options..." }),
-            p.map((o) => {
-              const y = t.find((g) => g.value === o);
-              return /* @__PURE__ */ c(me, { variant: "secondary", className: "gap-1", children: [
-                y?.label ?? o,
+            p.map((s) => {
+              const g = t.find((x) => x.value === s);
+              return /* @__PURE__ */ l(bt, { variant: "secondary", className: "gap-1", children: [
+                g?.label ?? s,
                 /* @__PURE__ */ e(
                   "span",
                   {
                     role: "button",
                     tabIndex: 0,
                     className: "ml-0.5 rounded-full outline-none hover:bg-muted-foreground/20 cursor-pointer",
-                    onClick: (g) => {
-                      g.stopPropagation(), f(o);
+                    onClick: (x) => {
+                      x.stopPropagation(), c(s);
                     },
-                    onKeyDown: (g) => {
-                      (g.key === "Enter" || g.key === " ") && (g.stopPropagation(), f(o));
+                    onKeyDown: (x) => {
+                      (x.key === "Enter" || x.key === " ") && (x.stopPropagation(), c(s));
                     },
-                    "aria-label": `Remove ${y?.label ?? o}`,
-                    children: /* @__PURE__ */ e(ae, { className: "size-3" })
+                    "aria-label": `Remove ${g?.label ?? s}`,
+                    children: /* @__PURE__ */ e(ke, { className: "size-3" })
                   }
                 )
-              ] }, o);
+              ] }, s);
             })
           ] }),
-          /* @__PURE__ */ e(ie, { className: "ml-2 size-4 shrink-0 opacity-50" })
+          /* @__PURE__ */ e(Le, { className: "ml-2 size-4 shrink-0 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ e(Y, { className: "w-(--radix-popover-trigger-width) p-1", children: t.map((o) => /* @__PURE__ */ c(
+    /* @__PURE__ */ e(he, { className: "w-(--radix-popover-trigger-width) p-1", children: t.map((s) => /* @__PURE__ */ l(
       "button",
       {
         type: "button",
-        className: C(
+        className: w(
           "relative flex w-full cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-accent hover:text-accent-foreground",
-          o.disabled && "pointer-events-none opacity-50"
+          s.disabled && "pointer-events-none opacity-50"
         ),
-        onClick: () => h(o.value),
-        disabled: o.disabled,
+        onClick: () => u(s.value),
+        disabled: s.disabled,
         children: [
           /* @__PURE__ */ e(
             "div",
             {
-              className: C(
+              className: w(
                 "flex size-4 items-center justify-center rounded-sm border border-primary",
-                p.includes(o.value) ? "bg-primary text-primary-foreground" : "opacity-50"
+                p.includes(s.value) ? "bg-primary text-primary-foreground" : "opacity-50"
               ),
-              children: p.includes(o.value) && /* @__PURE__ */ e(ue, { className: "size-3" })
+              children: p.includes(s.value) && /* @__PURE__ */ e(nt, { className: "size-3" })
             }
           ),
-          o.label
+          s.label
         ]
       },
-      o.value
+      s.value
     )) })
   ] });
 }
-function pr({
+function ui({
   label: t,
   error: r,
   helperText: n,
   required: a,
   disabled: i,
-  id: x,
-  className: b,
-  options: l,
-  value: m,
-  onChange: d,
+  id: m,
+  className: d,
+  options: o,
+  value: f,
+  onChange: h,
   placeholder: p,
-  multiple: h = !1
+  multiple: u = !1
 }) {
-  const f = Z(), o = x ?? f, y = r ? `${o}-error` : void 0, g = n && !r ? `${o}-helper` : void 0, M = [y, g].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ c("div", { className: C("space-y-2", b), children: [
-    t && /* @__PURE__ */ c(V, { htmlFor: o, children: [
+  const c = de(), s = m ?? c, g = r ? `${s}-error` : void 0, x = n && !r ? `${s}-helper` : void 0, N = [g, x].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ l("div", { className: w("space-y-2", d), children: [
+    t && /* @__PURE__ */ l(ue, { htmlFor: s, children: [
       t,
       a && /* @__PURE__ */ e("span", { className: "text-destructive ml-0.5", "aria-hidden": "true", children: "*" })
     ] }),
-    h ? /* @__PURE__ */ e(
-      vt,
+    u ? /* @__PURE__ */ e(
+      An,
       {
-        options: l,
-        value: Array.isArray(m) ? m : [],
-        onChange: d,
+        options: o,
+        value: Array.isArray(f) ? f : [],
+        onChange: h,
         placeholder: p,
         disabled: i,
-        fieldId: o,
-        describedBy: M,
+        fieldId: s,
+        describedBy: N,
         error: r
       }
     ) : /* @__PURE__ */ e(
-      gt,
+      Rn,
       {
-        options: l,
-        value: typeof m == "string" ? m : void 0,
-        onChange: d,
+        options: o,
+        value: typeof f == "string" ? f : void 0,
+        onChange: h,
         placeholder: p,
         disabled: i,
         required: a,
-        fieldId: o,
-        describedBy: M,
+        fieldId: s,
+        describedBy: N,
         error: r
       }
     ),
-    r && /* @__PURE__ */ e("p", { id: y, className: "text-sm text-destructive", role: "alert", children: r }),
-    n && !r && /* @__PURE__ */ e("p", { id: g, className: "text-sm text-muted-foreground", children: n })
+    r && /* @__PURE__ */ e("p", { id: g, className: "text-sm text-destructive", role: "alert", children: r }),
+    n && !r && /* @__PURE__ */ e("p", { id: x, className: "text-sm text-muted-foreground", children: n })
   ] });
 }
-const xt = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-function hr({
+const Tn = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+function mi({
   label: t,
   error: r,
   helperText: n,
   required: a,
   disabled: i,
-  id: x,
-  className: b,
-  validateOnBlur: l = !0,
-  onBlur: m,
-  ...d
+  id: m,
+  className: d,
+  validateOnBlur: o = !0,
+  onBlur: f,
+  ...h
 }) {
-  const [p, h] = S(), f = r ?? p;
-  function o(y) {
-    l && y.target.value && !xt.test(y.target.value) ? h("Please enter a valid email address") : h(void 0), m?.(y);
+  const [p, u] = R(), c = r ?? p;
+  function s(g) {
+    o && g.target.value && !Tn.test(g.target.value) ? u("Please enter a valid email address") : u(void 0), f?.(g);
   }
   return /* @__PURE__ */ e(
-    H,
+    q,
     {
-      id: x,
+      id: m,
       label: t,
-      error: f,
+      error: c,
       helperText: n,
       required: a,
       disabled: i,
-      className: b,
-      children: ({ id: y, describedBy: g }) => /* @__PURE__ */ c("div", { className: "relative", children: [
-        /* @__PURE__ */ e(ye, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }),
+      className: d,
+      children: ({ id: g, describedBy: x }) => /* @__PURE__ */ l("div", { className: "relative", children: [
+        /* @__PURE__ */ e($t, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }),
         /* @__PURE__ */ e(
-          D,
+          ee,
           {
-            id: y,
+            id: g,
             type: "email",
-            "aria-invalid": !!f,
-            "aria-describedby": g,
+            "aria-invalid": !!c,
+            "aria-describedby": x,
             "aria-required": a,
             disabled: i,
             required: a,
-            onBlur: o,
+            onBlur: s,
             className: "pl-9",
-            ...d
+            ...h
           }
         )
       ] })
     }
   );
 }
-function bt(t) {
+function Ln(t) {
   try {
     return new URL(t), !0;
   } catch {
     return !1;
   }
 }
-function gr({
+function fi({
   label: t,
   error: r,
   helperText: n,
   required: a,
   disabled: i,
-  id: x,
-  className: b,
-  validateOnBlur: l = !0,
-  onBlur: m,
-  ...d
+  id: m,
+  className: d,
+  validateOnBlur: o = !0,
+  onBlur: f,
+  ...h
 }) {
-  const [p, h] = S(), f = r ?? p;
-  function o(y) {
-    l && y.target.value && !bt(y.target.value) ? h("Please enter a valid URL") : h(void 0), m?.(y);
+  const [p, u] = R(), c = r ?? p;
+  function s(g) {
+    o && g.target.value && !Ln(g.target.value) ? u("Please enter a valid URL") : u(void 0), f?.(g);
   }
   return /* @__PURE__ */ e(
-    H,
+    q,
     {
-      id: x,
+      id: m,
       label: t,
-      error: f,
+      error: c,
       helperText: n,
       required: a,
       disabled: i,
-      className: b,
-      children: ({ id: y, describedBy: g }) => /* @__PURE__ */ c("div", { className: "relative", children: [
-        /* @__PURE__ */ e(Ne, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }),
+      className: d,
+      children: ({ id: g, describedBy: x }) => /* @__PURE__ */ l("div", { className: "relative", children: [
+        /* @__PURE__ */ e(Bt, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }),
         /* @__PURE__ */ e(
-          D,
+          ee,
           {
-            id: y,
+            id: g,
             type: "url",
-            "aria-invalid": !!f,
-            "aria-describedby": g,
+            "aria-invalid": !!c,
+            "aria-describedby": x,
             "aria-required": a,
             disabled: i,
             required: a,
-            onBlur: o,
+            onBlur: s,
             className: "pl-9",
-            ...d
+            ...h
           }
         )
       ] })
     }
   );
 }
-const yt = [
+const Mn = [
   { code: "KE", dialCode: "+254", name: "Kenya", flag: "🇰🇪" },
   { code: "UG", dialCode: "+256", name: "Uganda", flag: "🇺🇬" },
   { code: "TZ", dialCode: "+255", name: "Tanzania", flag: "🇹🇿" },
@@ -899,214 +1073,214 @@ const yt = [
   { code: "DE", dialCode: "+49", name: "Germany", flag: "🇩🇪" },
   { code: "FR", dialCode: "+33", name: "France", flag: "🇫🇷" }
 ];
-function vr({
+function hi({
   label: t,
   error: r,
   helperText: n,
   required: a,
   disabled: i,
-  id: x,
-  className: b,
-  value: l,
-  onChange: m,
-  defaultCountry: d = "KE",
-  countries: p = yt,
-  placeholder: h
+  id: m,
+  className: d,
+  value: o,
+  onChange: f,
+  defaultCountry: h = "KE",
+  countries: p = Mn,
+  placeholder: u
 }) {
-  const f = Z(), o = x ?? f, y = r ? `${o}-error` : void 0, g = n && !r ? `${o}-helper` : void 0, M = [y, g].filter(Boolean).join(" ") || void 0, [I, L] = S(!1), [z, N] = S(
-    () => p.find((A) => A.code === d) ?? p[0]
-  ), [w, T] = S(""), $ = p.filter(
-    (A) => A.name.toLowerCase().includes(w.toLowerCase()) || A.dialCode.includes(w) || A.code.toLowerCase().includes(w.toLowerCase())
+  const c = de(), s = m ?? c, g = r ? `${s}-error` : void 0, x = n && !r ? `${s}-helper` : void 0, N = [g, x].filter(Boolean).join(" ") || void 0, [z, S] = R(!1), [A, k] = R(
+    () => p.find((C) => C.code === h) ?? p[0]
+  ), [P, D] = R(""), T = p.filter(
+    (C) => C.name.toLowerCase().includes(P.toLowerCase()) || C.dialCode.includes(P) || C.code.toLowerCase().includes(P.toLowerCase())
   );
-  function _(A) {
-    m?.(A.target.value, z);
+  function B(C) {
+    f?.(C.target.value, A);
   }
-  function O(A) {
-    N(A), L(!1), T(""), m?.(l ?? "", A);
+  function L(C) {
+    k(C), S(!1), D(""), f?.(o ?? "", C);
   }
-  return /* @__PURE__ */ c("div", { className: C("space-y-2", b), children: [
-    t && /* @__PURE__ */ c(V, { htmlFor: o, children: [
+  return /* @__PURE__ */ l("div", { className: w("space-y-2", d), children: [
+    t && /* @__PURE__ */ l(ue, { htmlFor: s, children: [
       t,
       a && /* @__PURE__ */ e("span", { className: "text-destructive ml-0.5", "aria-hidden": "true", children: "*" })
     ] }),
-    /* @__PURE__ */ c("div", { className: "flex gap-1", children: [
-      /* @__PURE__ */ c(X, { open: I, onOpenChange: L, children: [
-        /* @__PURE__ */ e(J, { asChild: !0, children: /* @__PURE__ */ c(
-          B,
+    /* @__PURE__ */ l("div", { className: "flex gap-1", children: [
+      /* @__PURE__ */ l(me, { open: z, onOpenChange: S, children: [
+        /* @__PURE__ */ e(fe, { asChild: !0, children: /* @__PURE__ */ l(
+          $,
           {
             variant: "outline",
             role: "combobox",
-            "aria-expanded": I,
+            "aria-expanded": z,
             "aria-label": "Select country code",
             disabled: i,
             className: "w-auto shrink-0 gap-1 px-2",
             children: [
-              /* @__PURE__ */ e("span", { className: "text-base leading-none", children: z.flag }),
-              /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: z.dialCode }),
-              /* @__PURE__ */ e(ie, { className: "size-3 opacity-50" })
+              /* @__PURE__ */ e("span", { className: "text-base leading-none", children: A.flag }),
+              /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: A.dialCode }),
+              /* @__PURE__ */ e(Le, { className: "size-3 opacity-50" })
             ]
           }
         ) }),
-        /* @__PURE__ */ c(Y, { className: "w-64 max-w-[calc(100vw-2rem)] p-0", align: "start", children: [
+        /* @__PURE__ */ l(he, { className: "w-64 max-w-[calc(100vw-2rem)] p-0", align: "start", children: [
           /* @__PURE__ */ e("div", { className: "p-2", children: /* @__PURE__ */ e(
-            D,
+            ee,
             {
               placeholder: "Search countries...",
-              value: w,
-              onChange: (A) => T(A.target.value),
+              value: P,
+              onChange: (C) => D(C.target.value),
               className: "h-8"
             }
           ) }),
-          /* @__PURE__ */ c("div", { className: "max-h-48 overflow-y-auto p-1", children: [
-            $.map((A) => /* @__PURE__ */ c(
+          /* @__PURE__ */ l("div", { className: "max-h-48 overflow-y-auto p-1", children: [
+            T.map((C) => /* @__PURE__ */ l(
               "button",
               {
                 type: "button",
-                className: C(
+                className: w(
                   "flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-accent hover:text-accent-foreground",
-                  z.code === A.code && "bg-accent"
+                  A.code === C.code && "bg-accent"
                 ),
-                onClick: () => O(A),
+                onClick: () => L(C),
                 children: [
-                  /* @__PURE__ */ e("span", { className: "text-base leading-none", children: A.flag }),
-                  /* @__PURE__ */ e("span", { className: "flex-1 text-left truncate", children: A.name }),
-                  /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: A.dialCode })
+                  /* @__PURE__ */ e("span", { className: "text-base leading-none", children: C.flag }),
+                  /* @__PURE__ */ e("span", { className: "flex-1 text-left truncate", children: C.name }),
+                  /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: C.dialCode })
                 ]
               },
-              A.code
+              C.code
             )),
-            $.length === 0 && /* @__PURE__ */ e("p", { className: "px-2 py-4 text-center text-sm text-muted-foreground", children: "No countries found" })
+            T.length === 0 && /* @__PURE__ */ e("p", { className: "px-2 py-4 text-center text-sm text-muted-foreground", children: "No countries found" })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ c("div", { className: "relative flex-1", children: [
-        /* @__PURE__ */ e(Ce, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }),
+      /* @__PURE__ */ l("div", { className: "relative flex-1", children: [
+        /* @__PURE__ */ e(Ot, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }),
         /* @__PURE__ */ e(
-          D,
+          ee,
           {
-            id: o,
+            id: s,
             type: "tel",
-            value: l,
-            onChange: _,
-            placeholder: h ?? "Phone number",
+            value: o,
+            onChange: B,
+            placeholder: u ?? "Phone number",
             disabled: i,
             required: a,
             "aria-invalid": !!r,
-            "aria-describedby": M,
+            "aria-describedby": N,
             className: "pl-9"
           }
         )
       ] })
     ] }),
-    r && /* @__PURE__ */ e("p", { id: y, className: "text-sm text-destructive", role: "alert", children: r }),
-    n && !r && /* @__PURE__ */ e("p", { id: g, className: "text-sm text-muted-foreground", children: n })
+    r && /* @__PURE__ */ e("p", { id: g, className: "text-sm text-destructive", role: "alert", children: r }),
+    n && !r && /* @__PURE__ */ e("p", { id: x, className: "text-sm text-muted-foreground", children: n })
   ] });
 }
-function xr({
+function pi({
   mode: t = "single",
   numberOfMonths: r = 1,
   value: n,
   onChange: a,
   placeholder: i = "Pick a date",
-  fromDate: x,
-  toDate: b,
-  label: l,
-  error: m,
-  helperText: d,
+  fromDate: m,
+  toDate: d,
+  label: o,
+  error: f,
+  helperText: h,
   required: p,
-  disabled: h,
-  id: f,
-  className: o
+  disabled: u,
+  id: c,
+  className: s
 }) {
-  const [y, g] = S(!1), M = () => {
+  const [g, x] = R(!1), N = () => {
     if (!n) return i;
     if (t === "single" && n instanceof Date)
-      return re(n, "MMM d, yyyy");
+      return ye(n, "MMM d, yyyy");
     if (t === "multiple" && Array.isArray(n)) {
-      const N = n.length;
-      return N > 0 ? `${N} date${N === 1 ? "" : "s"} selected` : i;
+      const k = n.length;
+      return k > 0 ? `${k} date${k === 1 ? "" : "s"} selected` : i;
     }
     if (t === "range" && n && typeof n == "object" && "from" in n) {
-      const { from: N, to: w } = n;
-      if (N && w)
-        return `${re(N, "MMM d")} - ${re(w, "MMM d, yyyy")}`;
-      if (N)
-        return re(N, "MMM d, yyyy");
+      const { from: k, to: P } = n;
+      if (k && P)
+        return `${ye(k, "MMM d")} - ${ye(P, "MMM d, yyyy")}`;
+      if (k)
+        return ye(k, "MMM d, yyyy");
     }
     return i;
   };
-  function I(N) {
-    a?.(N), g(!1);
+  function z(k) {
+    a?.(k), x(!1);
   }
-  function L(N) {
-    a?.(N);
+  function S(k) {
+    a?.(k);
   }
-  function z(N) {
-    a?.(N);
+  function A(k) {
+    a?.(k);
   }
   return /* @__PURE__ */ e(
-    H,
+    q,
     {
-      id: f,
-      label: l,
-      error: m,
-      helperText: d,
+      id: c,
+      label: o,
+      error: f,
+      helperText: h,
       required: p,
-      disabled: h,
-      className: o,
-      children: ({ id: N, describedBy: w }) => /* @__PURE__ */ c(X, { open: y, onOpenChange: g, children: [
-        /* @__PURE__ */ e(J, { asChild: !0, children: /* @__PURE__ */ c(
-          B,
+      disabled: u,
+      className: s,
+      children: ({ id: k, describedBy: P }) => /* @__PURE__ */ l(me, { open: g, onOpenChange: x, children: [
+        /* @__PURE__ */ e(fe, { asChild: !0, children: /* @__PURE__ */ l(
+          $,
           {
-            id: N,
+            id: k,
             variant: "outline",
-            disabled: h,
-            "aria-describedby": w,
-            className: C(
+            disabled: u,
+            "aria-describedby": P,
+            className: w(
               "w-full justify-start text-left font-normal",
               !n && "text-muted-foreground"
             ),
             children: [
-              /* @__PURE__ */ e(we, {}),
-              M()
+              /* @__PURE__ */ e(Ft, {}),
+              N()
             ]
           }
         ) }),
-        /* @__PURE__ */ c(Y, { className: "w-auto p-0", align: "start", children: [
+        /* @__PURE__ */ l(he, { className: "w-auto p-0", align: "start", children: [
           t === "single" && /* @__PURE__ */ e(
-            ne,
+            Ae,
             {
               mode: "single",
               selected: n instanceof Date ? n : void 0,
-              onSelect: I,
+              onSelect: z,
               numberOfMonths: r,
-              fromDate: x,
-              toDate: b,
-              disabled: h
+              fromDate: m,
+              toDate: d,
+              disabled: u
             }
           ),
           t === "multiple" && /* @__PURE__ */ e(
-            ne,
+            Ae,
             {
               mode: "multiple",
               selected: Array.isArray(n) ? n : void 0,
-              onSelect: L,
+              onSelect: S,
               numberOfMonths: r,
-              fromDate: x,
-              toDate: b,
-              disabled: h
+              fromDate: m,
+              toDate: d,
+              disabled: u
             }
           ),
           t === "range" && /* @__PURE__ */ e(
-            ne,
+            Ae,
             {
               mode: "range",
               selected: n && typeof n == "object" && "from" in n ? n : void 0,
-              onSelect: z,
+              onSelect: A,
               numberOfMonths: r,
-              fromDate: x,
-              toDate: b,
-              disabled: h
+              fromDate: m,
+              toDate: d,
+              disabled: u
             }
           )
         ] })
@@ -1114,134 +1288,134 @@ function xr({
     }
   );
 }
-function br({
+function gi({
   label: t,
   error: r,
   helperText: n,
   required: a,
   disabled: i,
-  id: x,
-  className: b,
-  value: l,
-  onChange: m,
-  format: d = "24h",
+  id: m,
+  className: d,
+  value: o,
+  onChange: f,
+  format: h = "24h",
   minuteStep: p = 1,
-  placeholder: h = "Select time"
+  placeholder: u = "Select time"
 }) {
-  const [f, o] = S(!1), y = (u) => {
-    if (!u) return null;
-    const [v, s] = u.split(":").map(Number);
-    return isNaN(v) || isNaN(s) ? null : { hour: v, minute: s };
-  }, g = y(l), M = (u) => {
-    if (!u) return h;
-    const v = y(u);
-    if (!v) return h;
-    if (d === "24h")
+  const [c, s] = R(!1), g = (y) => {
+    if (!y) return null;
+    const [v, b] = y.split(":").map(Number);
+    return isNaN(v) || isNaN(b) ? null : { hour: v, minute: b };
+  }, x = g(o), N = (y) => {
+    if (!y) return u;
+    const v = g(y);
+    if (!v) return u;
+    if (h === "24h")
       return `${String(v.hour).padStart(2, "0")}:${String(v.minute).padStart(2, "0")}`;
     {
-      const s = v.hour >= 12 ? "PM" : "AM";
-      return `${v.hour % 12 || 12}:${String(v.minute).padStart(2, "0")} ${s}`;
+      const b = v.hour >= 12 ? "PM" : "AM";
+      return `${v.hour % 12 || 12}:${String(v.minute).padStart(2, "0")} ${b}`;
     }
-  }, I = d === "24h" ? Array.from({ length: 24 }, (u, v) => v) : Array.from({ length: 12 }, (u, v) => v + 1), L = Array.from(
+  }, z = h === "24h" ? Array.from({ length: 24 }, (y, v) => v) : Array.from({ length: 12 }, (y, v) => v + 1), S = Array.from(
     { length: Math.ceil(60 / p) },
-    (u, v) => v * p
-  ), [z, N] = S(g?.hour ?? null), [w, T] = S(g?.minute ?? null), [$, _] = S(
-    g && g.hour >= 12 ? "PM" : "AM"
-  ), O = (u) => {
-    let v = u;
-    d === "12h" && ($ === "PM" && u !== 12 ? v = u + 12 : $ === "AM" && u === 12 && (v = 0)), N(v), j(v, w);
-  }, A = (u) => {
-    T(u), j(z, u);
-  }, K = (u) => {
-    if (_(u), z !== null) {
-      let v = z;
-      if (d === "12h") {
-        const s = z % 12 || 12;
-        u === "PM" && s !== 12 ? v = s + 12 : u === "AM" && s === 12 ? v = 0 : u === "AM" ? v = s : v = s === 12 ? 12 : s + 12;
+    (y, v) => v * p
+  ), [A, k] = R(x?.hour ?? null), [P, D] = R(x?.minute ?? null), [T, B] = R(
+    x && x.hour >= 12 ? "PM" : "AM"
+  ), L = (y) => {
+    let v = y;
+    h === "12h" && (T === "PM" && y !== 12 ? v = y + 12 : T === "AM" && y === 12 && (v = 0)), k(v), _(v, P);
+  }, C = (y) => {
+    D(y), _(A, y);
+  }, M = (y) => {
+    if (B(y), A !== null) {
+      let v = A;
+      if (h === "12h") {
+        const b = A % 12 || 12;
+        y === "PM" && b !== 12 ? v = b + 12 : y === "AM" && b === 12 ? v = 0 : y === "AM" ? v = b : v = b === 12 ? 12 : b + 12;
       }
-      N(v), j(v, w);
+      k(v), _(v, P);
     }
-  }, j = (u, v) => {
-    if (u !== null && v !== null && m) {
-      const s = `${String(u).padStart(2, "0")}:${String(v).padStart(2, "0")}`;
-      m(s);
+  }, _ = (y, v) => {
+    if (y !== null && v !== null && f) {
+      const b = `${String(y).padStart(2, "0")}:${String(v).padStart(2, "0")}`;
+      f(b);
     }
   };
   return /* @__PURE__ */ e(
-    lt,
+    dn,
     {
-      id: x,
+      id: m,
       label: t,
       error: r,
       helperText: n,
       required: a,
       disabled: i,
-      className: b,
-      children: ({ id: u, describedBy: v }) => /* @__PURE__ */ c(X, { open: f, onOpenChange: o, children: [
-        /* @__PURE__ */ e(J, { asChild: !0, children: /* @__PURE__ */ c(
-          B,
+      className: d,
+      children: ({ id: y, describedBy: v }) => /* @__PURE__ */ l(me, { open: c, onOpenChange: s, children: [
+        /* @__PURE__ */ e(fe, { asChild: !0, children: /* @__PURE__ */ l(
+          $,
           {
-            id: u,
+            id: y,
             "aria-describedby": v,
             variant: "outline",
-            className: C(
+            className: w(
               "w-full justify-start text-left font-normal",
-              !l && "text-muted-foreground"
+              !o && "text-muted-foreground"
             ),
             disabled: i,
             children: [
-              /* @__PURE__ */ e(ke, { className: "mr-2 size-4" }),
-              M(l)
+              /* @__PURE__ */ e(_t, { className: "mr-2 size-4" }),
+              N(o)
             ]
           }
         ) }),
-        /* @__PURE__ */ e(Y, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ c("div", { className: "flex w-fit", children: [
-          /* @__PURE__ */ c("div", { className: "flex flex-col border-r w-14", children: [
+        /* @__PURE__ */ e(he, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ l("div", { className: "flex w-fit", children: [
+          /* @__PURE__ */ l("div", { className: "flex flex-col border-r w-14", children: [
             /* @__PURE__ */ e("div", { className: "py-1.5 text-xs font-medium border-b text-muted-foreground text-center", children: "Hr" }),
-            /* @__PURE__ */ e("div", { className: "max-h-[200px] overflow-y-auto", children: I.map((s) => {
-              const P = d === "24h" ? s : $ === "PM" && s !== 12 ? s + 12 : $ === "AM" && s === 12 ? 0 : s;
+            /* @__PURE__ */ e("div", { className: "max-h-[200px] overflow-y-auto", children: z.map((b) => {
+              const O = h === "24h" ? b : T === "PM" && b !== 12 ? b + 12 : T === "AM" && b === 12 ? 0 : b;
               return /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
-                  onClick: () => O(s),
-                  className: C(
+                  onClick: () => L(b),
+                  className: w(
                     "w-full py-1.5 text-sm hover:bg-accent text-center transition-colors",
-                    z === P && "bg-primary/10 text-primary font-medium"
+                    A === O && "bg-primary/10 text-primary font-medium"
                   ),
-                  children: String(s).padStart(2, "0")
+                  children: String(b).padStart(2, "0")
                 },
-                s
+                b
               );
             }) })
           ] }),
-          /* @__PURE__ */ c("div", { className: C("flex flex-col w-14", d === "12h" && "border-r"), children: [
+          /* @__PURE__ */ l("div", { className: w("flex flex-col w-14", h === "12h" && "border-r"), children: [
             /* @__PURE__ */ e("div", { className: "py-1.5 text-xs font-medium border-b text-muted-foreground text-center", children: "Min" }),
-            /* @__PURE__ */ e("div", { className: "max-h-[200px] overflow-y-auto", children: L.map((s) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("div", { className: "max-h-[200px] overflow-y-auto", children: S.map((b) => /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                onClick: () => A(s),
-                className: C(
+                onClick: () => C(b),
+                className: w(
                   "w-full py-1.5 text-sm hover:bg-accent text-center transition-colors",
-                  w === s && "bg-primary/10 text-primary font-medium"
+                  P === b && "bg-primary/10 text-primary font-medium"
                 ),
-                children: String(s).padStart(2, "0")
+                children: String(b).padStart(2, "0")
               },
-              s
+              b
             )) })
           ] }),
-          d === "12h" && /* @__PURE__ */ c("div", { className: "flex flex-col w-14", children: [
+          h === "12h" && /* @__PURE__ */ l("div", { className: "flex flex-col w-14", children: [
             /* @__PURE__ */ e("div", { className: "py-1.5 text-xs font-medium border-b text-muted-foreground text-center", children: " " }),
-            /* @__PURE__ */ c("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ l("div", { className: "flex flex-col", children: [
               /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
-                  onClick: () => K("AM"),
-                  className: C(
+                  onClick: () => M("AM"),
+                  className: w(
                     "py-1.5 text-sm hover:bg-accent text-center transition-colors",
-                    $ === "AM" && "bg-primary/10 text-primary font-medium"
+                    T === "AM" && "bg-primary/10 text-primary font-medium"
                   ),
                   children: "AM"
                 }
@@ -1250,10 +1424,10 @@ function br({
                 "button",
                 {
                   type: "button",
-                  onClick: () => K("PM"),
-                  className: C(
+                  onClick: () => M("PM"),
+                  className: w(
                     "py-1.5 text-sm hover:bg-accent text-center transition-colors",
-                    $ === "PM" && "bg-primary/10 text-primary font-medium"
+                    T === "PM" && "bg-primary/10 text-primary font-medium"
                   ),
                   children: "PM"
                 }
@@ -1265,119 +1439,119 @@ function br({
     }
   );
 }
-function oe(t) {
+function qe(t) {
   return t < 1024 ? `${t} B` : t < 1024 * 1024 ? `${(t / 1024).toFixed(1)} KB` : `${(t / (1024 * 1024)).toFixed(1)} MB`;
 }
-function Nt(t) {
+function En(t) {
   const r = t.type;
-  return r.startsWith("image/") ? /* @__PURE__ */ e(ze, { className: "size-4 text-blue-500" }) : r === "application/pdf" || t.name.endsWith(".pdf") ? /* @__PURE__ */ e(Se, { className: "size-4 text-red-500" }) : r.includes("spreadsheet") || r.includes("csv") || r.includes("excel") || t.name.match(/\.(csv|xlsx?|xls)$/i) ? /* @__PURE__ */ e(Ie, { className: "size-4 text-green-500" }) : /* @__PURE__ */ e(Le, { className: "size-4 text-muted-foreground" });
+  return r.startsWith("image/") ? /* @__PURE__ */ e(Kt, { className: "size-4 text-blue-700 dark:text-blue-400", "aria-hidden": "true" }) : r === "application/pdf" || t.name.endsWith(".pdf") ? /* @__PURE__ */ e(Ht, { className: "size-4 text-red-700 dark:text-red-400", "aria-hidden": "true" }) : r.includes("spreadsheet") || r.includes("csv") || r.includes("excel") || t.name.match(/\.(csv|xlsx?|xls)$/i) ? /* @__PURE__ */ e(Vt, { className: "size-4 text-green-700 dark:text-green-400", "aria-hidden": "true" }) : /* @__PURE__ */ e(Gt, { className: "size-4 text-muted-foreground", "aria-hidden": "true" });
 }
-function yr({
+function bi({
   label: t,
   error: r,
   helperText: n,
   required: a,
   disabled: i,
-  id: x,
-  className: b,
-  value: l,
-  onChange: m,
-  accept: d,
+  id: m,
+  className: d,
+  value: o,
+  onChange: f,
+  accept: h,
   multiple: p = !1,
-  maxSize: h,
-  maxFiles: f
+  maxSize: u,
+  maxFiles: c
 }) {
-  const o = Q(null), [y, g] = S(!1), [M, I] = S(), [L, z] = S(/* @__PURE__ */ new Map()), N = ce(() => l ?? [], [l]), w = r ?? M;
-  W(() => {
-    const u = /* @__PURE__ */ new Map(), v = [];
-    return L.forEach((s) => v.push(s)), N.forEach((s) => {
-      if (s.type.startsWith("image/"))
+  const s = F(null), [g, x] = R(!1), [N, z] = R(), [S, A] = R(/* @__PURE__ */ new Map()), k = ne(() => o ?? [], [o]), P = r ?? N;
+  X(() => {
+    const y = /* @__PURE__ */ new Map(), v = [];
+    return S.forEach((b) => v.push(b)), k.forEach((b) => {
+      if (b.type.startsWith("image/"))
         try {
-          const P = URL.createObjectURL(s);
-          u.set(s.name, P);
+          const O = URL.createObjectURL(b);
+          y.set(b.name, O);
         } catch {
         }
-    }), z(u), () => {
-      v.forEach((s) => {
+    }), A(y), () => {
+      v.forEach((b) => {
         try {
-          URL.revokeObjectURL(s);
+          URL.revokeObjectURL(b);
         } catch {
         }
-      }), u.forEach((s) => {
+      }), y.forEach((b) => {
         try {
-          URL.revokeObjectURL(s);
+          URL.revokeObjectURL(b);
         } catch {
         }
       });
     };
-  }, [N]);
-  function T(u) {
-    if (h) {
-      const v = u.find((s) => s.size > h);
+  }, [k]);
+  function D(y) {
+    if (u) {
+      const v = y.find((b) => b.size > u);
       if (v)
-        return `File "${v.name}" exceeds maximum size of ${oe(h)}`;
+        return `File "${v.name}" exceeds maximum size of ${qe(u)}`;
     }
-    if (f && N.length + u.length > f)
-      return `Maximum ${f} files allowed`;
+    if (c && k.length + y.length > c)
+      return `Maximum ${c} files allowed`;
   }
-  function $(u) {
-    if (!u || u.length === 0) return;
-    const v = Array.from(u), s = T(v);
-    if (s) {
-      I(s);
+  function T(y) {
+    if (!y || y.length === 0) return;
+    const v = Array.from(y), b = D(v);
+    if (b) {
+      z(b);
       return;
     }
-    I(void 0), m?.(p ? [...N, ...v] : v.slice(0, 1)), o.current && (o.current.value = "");
+    z(void 0), f?.(p ? [...k, ...v] : v.slice(0, 1)), s.current && (s.current.value = "");
   }
-  function _(u) {
-    const v = N.filter((s, P) => P !== u);
-    m?.(v), I(void 0);
+  function B(y) {
+    const v = k.filter((b, O) => O !== y);
+    f?.(v), z(void 0);
   }
-  function O(u) {
-    u.preventDefault(), u.stopPropagation(), i || g(!0);
+  function L(y) {
+    y.preventDefault(), y.stopPropagation(), i || x(!0);
   }
-  function A(u) {
-    u.preventDefault(), u.stopPropagation();
+  function C(y) {
+    y.preventDefault(), y.stopPropagation();
   }
-  function K(u) {
-    u.preventDefault(), u.stopPropagation(), g(!1);
+  function M(y) {
+    y.preventDefault(), y.stopPropagation(), x(!1);
   }
-  function j(u) {
-    u.preventDefault(), u.stopPropagation(), g(!1), i || $(u.dataTransfer.files);
+  function _(y) {
+    y.preventDefault(), y.stopPropagation(), x(!1), i || T(y.dataTransfer.files);
   }
   return /* @__PURE__ */ e(
-    H,
+    q,
     {
-      id: x,
+      id: m,
       label: t,
-      error: w,
+      error: P,
       helperText: n,
       required: a,
       disabled: i,
-      className: b,
-      children: ({ id: u, describedBy: v }) => /* @__PURE__ */ c("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ c(
+      className: d,
+      children: ({ id: y, describedBy: v }) => /* @__PURE__ */ l("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ l(
           "label",
           {
-            htmlFor: u,
-            className: C(
+            htmlFor: y,
+            className: w(
               "flex flex-col items-center justify-center rounded-md border-2 border-dashed p-4 sm:p-8 transition-colors cursor-pointer",
-              y && !i ? "border-primary bg-primary/5" : "border-border hover:border-primary/50",
+              g && !i ? "border-primary bg-primary/5" : "border-border hover:border-primary/50",
               i && "opacity-50 cursor-not-allowed"
             ),
-            onDragEnter: O,
-            onDragOver: A,
-            onDragLeave: K,
-            onDrop: j,
+            onDragEnter: L,
+            onDragOver: C,
+            onDragLeave: M,
+            onDrop: _,
             children: [
-              /* @__PURE__ */ e(Ae, { className: "size-8 text-muted-foreground mb-4" }),
-              /* @__PURE__ */ c("p", { className: "text-sm text-center text-foreground font-medium", children: [
+              /* @__PURE__ */ e(jt, { className: "size-8 text-muted-foreground mb-4", "aria-hidden": "true" }),
+              /* @__PURE__ */ l("p", { className: "text-sm text-center text-foreground font-medium", children: [
                 /* @__PURE__ */ e("span", { className: "sm:hidden", children: "Tap to browse files" }),
                 /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: "Drag & drop files here, or click to browse" })
               ] }),
-              d && /* @__PURE__ */ c("p", { className: "text-xs text-muted-foreground mt-2", children: [
+              h && /* @__PURE__ */ l("p", { className: "text-xs text-muted-foreground mt-2", children: [
                 "Accepted formats: ",
-                d
+                h
               ] })
             ]
           }
@@ -1385,229 +1559,229 @@ function yr({
         /* @__PURE__ */ e(
           "input",
           {
-            ref: o,
-            id: u,
+            ref: s,
+            id: y,
             type: "file",
-            accept: d,
+            accept: h,
             multiple: p,
             disabled: i,
             required: a,
-            "aria-invalid": !!w,
+            "aria-invalid": !!P,
             "aria-describedby": v,
             "aria-required": a,
-            onChange: (s) => $(s.target.files),
+            onChange: (b) => T(b.target.files),
             className: "sr-only"
           }
         ),
-        N.length > 0 && /* @__PURE__ */ e("ul", { className: "space-y-2", role: "list", children: N.map((s, P) => {
-          const q = L.get(s.name);
-          return /* @__PURE__ */ c(
+        k.length > 0 && /* @__PURE__ */ e("ul", { className: "space-y-2", role: "list", children: k.map((b, O) => {
+          const J = S.get(b.name);
+          return /* @__PURE__ */ l(
             "li",
             {
               className: "flex items-center gap-3 rounded-md border p-3",
               children: [
-                q ? /* @__PURE__ */ e(
+                J ? /* @__PURE__ */ e(
                   "img",
                   {
-                    src: q,
-                    alt: s.name,
+                    src: J,
+                    alt: b.name,
                     className: "size-10 rounded object-cover",
-                    "data-testid": `file-icon-${s.name}`
+                    "data-testid": `file-icon-${b.name}`
                   }
-                ) : /* @__PURE__ */ e("div", { "data-testid": `file-icon-${s.name}`, children: Nt(s) }),
-                /* @__PURE__ */ c("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ e("p", { className: "text-sm font-medium truncate", children: s.name }),
-                  /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: oe(s.size) })
+                ) : /* @__PURE__ */ e("div", { "data-testid": `file-icon-${b.name}`, children: En(b) }),
+                /* @__PURE__ */ l("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ e("p", { className: "text-sm font-medium truncate", children: b.name }),
+                  /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: qe(b.size) })
                 ] }),
                 /* @__PURE__ */ e(
-                  B,
+                  $,
                   {
                     type: "button",
                     variant: "ghost",
                     size: "icon-sm",
-                    onClick: (ee) => {
-                      ee.stopPropagation(), _(P);
+                    onClick: (Q) => {
+                      Q.stopPropagation(), B(O);
                     },
                     disabled: i,
-                    "aria-label": `Remove ${s.name}`,
-                    children: /* @__PURE__ */ e(ae, { className: "size-4" })
+                    "aria-label": `Remove ${b.name}`,
+                    children: /* @__PURE__ */ e(ke, { className: "size-4" })
                   }
                 )
               ]
             },
-            `${s.name}-${P}`
+            `${b.name}-${O}`
           );
         }) })
       ] })
     }
   );
 }
-function Nr({
+function vi({
   label: t,
   error: r,
   helperText: n,
   required: a,
   disabled: i,
-  id: x,
-  className: b,
-  value: l,
-  onChange: m,
-  onSearch: d,
+  id: m,
+  className: d,
+  value: o,
+  onChange: f,
+  onSearch: h,
   multiple: p = !1,
-  debounceMs: h = 300,
-  minQueryLength: f = 1,
-  placeholder: o
+  debounceMs: u = 300,
+  minQueryLength: c = 1,
+  placeholder: s
 }) {
-  const y = Z(), g = x ?? y, M = r ? `${g}-error` : void 0, I = n && !r ? `${g}-helper` : void 0, L = [M, I].filter(Boolean).join(" ") || void 0, [z, N] = S(!1), [w, T] = S(""), [$, _] = S([]), [O, A] = S(!1), [K, j] = S(/* @__PURE__ */ new Map()), u = Q(void 0), v = Q(0), s = p ? Array.isArray(l) ? l : [] : typeof l == "string" ? l : void 0, P = ce(() => {
-    const k = new Map(K);
-    return $.forEach((E) => {
-      k.set(E.value, E.label);
-    }), k;
-  }, [$, K]);
-  W(() => {
-    if (w.length < f) {
-      _([]), A(!1);
+  const g = de(), x = m ?? g, N = r ? `${x}-error` : void 0, z = n && !r ? `${x}-helper` : void 0, S = [N, z].filter(Boolean).join(" ") || void 0, [A, k] = R(!1), [P, D] = R(""), [T, B] = R([]), [L, C] = R(!1), [M, _] = R(/* @__PURE__ */ new Map()), y = F(void 0), v = F(0), b = p ? Array.isArray(o) ? o : [] : typeof o == "string" ? o : void 0, O = ne(() => {
+    const E = new Map(M);
+    return T.forEach((U) => {
+      E.set(U.value, U.label);
+    }), E;
+  }, [T, M]);
+  X(() => {
+    if (P.length < c) {
+      B([]), C(!1);
       return;
     }
-    u.current !== void 0 && clearTimeout(u.current), A(!0), v.current += 1;
-    const k = v.current;
-    return u.current = window.setTimeout(() => {
-      d(w).then((E) => {
-        k === v.current && (_(E), A(!1), j((U) => {
-          const F = new Map(U);
-          return E.forEach((te) => {
-            F.set(te.value, te.label);
-          }), F;
+    y.current !== void 0 && clearTimeout(y.current), C(!0), v.current += 1;
+    const E = v.current;
+    return y.current = window.setTimeout(() => {
+      h(P).then((U) => {
+        E === v.current && (B(U), C(!1), _((I) => {
+          const j = new Map(I);
+          return U.forEach((V) => {
+            j.set(V.value, V.label);
+          }), j;
         }));
       }).catch(() => {
-        k === v.current && (_([]), A(!1));
+        E === v.current && (B([]), C(!1));
       });
-    }, h), () => {
-      u.current !== void 0 && clearTimeout(u.current);
+    }, u), () => {
+      y.current !== void 0 && clearTimeout(y.current);
     };
-  }, [w, d, h, f]);
-  function q(k, E) {
-    if (j((U) => new Map(U).set(k, E)), p) {
-      const U = Array.isArray(s) ? s : [], F = U.includes(k) ? U.filter((te) => te !== k) : [...U, k];
-      m?.(F);
+  }, [P, h, u, c]);
+  function J(E, U) {
+    if (_((I) => new Map(I).set(E, U)), p) {
+      const I = Array.isArray(b) ? b : [], j = I.includes(E) ? I.filter((V) => V !== E) : [...I, E];
+      f?.(j);
     } else
-      m?.(k), N(!1);
+      f?.(E), k(!1);
   }
-  function ee(k) {
+  function Q(E) {
     if (p) {
-      const U = (Array.isArray(s) ? s : []).filter((F) => F !== k);
-      m?.(U);
+      const I = (Array.isArray(b) ? b : []).filter((j) => j !== E);
+      f?.(I);
     }
   }
-  function se(k) {
-    return p ? Array.isArray(s) && s.includes(k) : s === k;
+  function H(E) {
+    return p ? Array.isArray(b) && b.includes(E) : b === E;
   }
-  function fe() {
+  function te() {
     if (p) {
-      const k = Array.isArray(s) ? s : [];
-      return k.length === 0 ? /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: o ?? "Select options..." }) : /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1", children: k.map((E) => {
-        const U = P.get(E) ?? E;
-        return /* @__PURE__ */ c(me, { variant: "secondary", className: "gap-1", children: [
-          U,
+      const E = Array.isArray(b) ? b : [];
+      return E.length === 0 ? /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: s ?? "Select options..." }) : /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1", children: E.map((U) => {
+        const I = O.get(U) ?? U;
+        return /* @__PURE__ */ l(bt, { variant: "secondary", className: "gap-1", children: [
+          I,
           /* @__PURE__ */ e(
             "span",
             {
               role: "button",
               tabIndex: 0,
               className: "ml-0.5 rounded-full outline-none hover:bg-muted-foreground/20 cursor-pointer",
-              onClick: (F) => {
-                F.stopPropagation(), ee(E);
+              onClick: (j) => {
+                j.stopPropagation(), Q(U);
               },
-              onKeyDown: (F) => {
-                (F.key === "Enter" || F.key === " ") && (F.stopPropagation(), ee(E));
+              onKeyDown: (j) => {
+                (j.key === "Enter" || j.key === " ") && (j.stopPropagation(), Q(U));
               },
-              "aria-label": `Remove ${U}`,
-              children: /* @__PURE__ */ e(ae, { className: "size-3" })
+              "aria-label": `Remove ${I}`,
+              children: /* @__PURE__ */ e(ke, { className: "size-3" })
             }
           )
-        ] }, E);
+        ] }, U);
       }) });
     } else
-      return s ? /* @__PURE__ */ e("span", { children: P.get(s) ?? s }) : /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: o ?? "Select an option..." });
+      return b ? /* @__PURE__ */ e("span", { children: O.get(b) ?? b }) : /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: s ?? "Select an option..." });
   }
-  function pe() {
-    return w.length < f ? /* @__PURE__ */ e("div", { className: "py-6 text-center text-sm text-muted-foreground", children: "Type to search..." }) : O ? /* @__PURE__ */ c("div", { className: "py-6 text-center flex items-center justify-center gap-2", children: [
-      /* @__PURE__ */ e($e, { className: "size-4 animate-spin", role: "status" }),
+  function ie() {
+    return P.length < c ? /* @__PURE__ */ e("div", { className: "py-6 text-center text-sm text-muted-foreground", children: "Type to search..." }) : L ? /* @__PURE__ */ l("div", { className: "py-6 text-center flex items-center justify-center gap-2", children: [
+      /* @__PURE__ */ e(Wt, { className: "size-4 animate-spin", role: "status" }),
       /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: "Searching..." })
-    ] }) : $.length === 0 ? /* @__PURE__ */ e("div", { className: "py-6 text-center text-sm text-muted-foreground", children: "No results found" }) : /* @__PURE__ */ e("div", { className: "max-h-64 overflow-y-auto", children: $.map((k) => /* @__PURE__ */ c(
+    ] }) : T.length === 0 ? /* @__PURE__ */ e("div", { className: "py-6 text-center text-sm text-muted-foreground", children: "No results found" }) : /* @__PURE__ */ e("div", { className: "max-h-64 overflow-y-auto", children: T.map((E) => /* @__PURE__ */ l(
       "button",
       {
         type: "button",
-        className: C(
+        className: w(
           "relative flex w-full cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-accent hover:text-accent-foreground",
-          k.disabled && "pointer-events-none opacity-50"
+          E.disabled && "pointer-events-none opacity-50"
         ),
-        onClick: () => q(k.value, k.label),
-        disabled: k.disabled,
+        onClick: () => J(E.value, E.label),
+        disabled: E.disabled,
         children: [
           /* @__PURE__ */ e(
             "div",
             {
-              className: C(
+              className: w(
                 "flex size-4 items-center justify-center",
-                se(k.value) && "text-primary"
+                H(E.value) && "text-primary"
               ),
-              children: se(k.value) && /* @__PURE__ */ e(ue, { className: "size-4" })
+              children: H(E.value) && /* @__PURE__ */ e(nt, { className: "size-4" })
             }
           ),
-          k.label
+          E.label
         ]
       },
-      k.value
+      E.value
     )) });
   }
-  return /* @__PURE__ */ c("div", { className: C("space-y-2", b), children: [
-    t && /* @__PURE__ */ c(V, { htmlFor: g, children: [
+  return /* @__PURE__ */ l("div", { className: w("space-y-2", d), children: [
+    t && /* @__PURE__ */ l(ue, { htmlFor: x, children: [
       t,
       a && /* @__PURE__ */ e("span", { className: "text-destructive ml-0.5", "aria-hidden": "true", children: "*" })
     ] }),
-    /* @__PURE__ */ c(X, { open: z, onOpenChange: N, children: [
-      /* @__PURE__ */ e(J, { asChild: !0, children: /* @__PURE__ */ c(
-        B,
+    /* @__PURE__ */ l(me, { open: A, onOpenChange: k, children: [
+      /* @__PURE__ */ e(fe, { asChild: !0, children: /* @__PURE__ */ l(
+        $,
         {
-          id: g,
+          id: x,
           variant: "outline",
           role: "combobox",
-          "aria-expanded": z,
+          "aria-expanded": A,
           "aria-invalid": !!r,
-          "aria-describedby": L,
+          "aria-describedby": S,
           disabled: i,
           className: "w-full justify-between font-normal h-auto min-h-9",
           children: [
-            fe(),
-            /* @__PURE__ */ e(ie, { className: "ml-2 size-4 shrink-0 opacity-50" })
+            te(),
+            /* @__PURE__ */ e(Le, { className: "ml-2 size-4 shrink-0 opacity-50" })
           ]
         }
       ) }),
-      /* @__PURE__ */ c(Y, { className: "w-(--radix-popover-trigger-width) p-0", children: [
-        /* @__PURE__ */ c("div", { className: "flex items-center border-b px-3", children: [
-          /* @__PURE__ */ e(Me, { className: "mr-2 size-4 shrink-0 opacity-50" }),
+      /* @__PURE__ */ l(he, { className: "w-(--radix-popover-trigger-width) p-0", children: [
+        /* @__PURE__ */ l("div", { className: "flex items-center border-b px-3", children: [
+          /* @__PURE__ */ e(at, { className: "mr-2 size-4 shrink-0 opacity-50" }),
           /* @__PURE__ */ e(
-            D,
+            ee,
             {
               placeholder: "Search...",
-              value: w,
-              onChange: (k) => T(k.target.value),
+              value: P,
+              onChange: (E) => D(E.target.value),
               className: "border-0 focus-visible:ring-0 focus-visible:ring-offset-0"
             }
           )
         ] }),
-        pe()
+        ie()
       ] })
     ] }),
-    r && /* @__PURE__ */ e("p", { id: M, className: "text-sm text-destructive", role: "alert", children: r }),
-    n && !r && /* @__PURE__ */ e("p", { id: I, className: "text-sm text-muted-foreground", children: n })
+    r && /* @__PURE__ */ e("p", { id: N, className: "text-sm text-destructive", role: "alert", children: r }),
+    n && !r && /* @__PURE__ */ e("p", { id: z, className: "text-sm text-muted-foreground", children: n })
   ] });
 }
-function G() {
-  return /* @__PURE__ */ e("div", { className: "mx-0.5 h-5 w-px bg-border" });
+function le() {
+  return /* @__PURE__ */ e("div", { className: "mx-0.5 h-5 w-px bg-border", role: "separator", "aria-orientation": "vertical" });
 }
-function R({
+function Z({
   onClick: t,
   isActive: r,
   disabled: n,
@@ -1615,102 +1789,104 @@ function R({
   children: i
 }) {
   return /* @__PURE__ */ e(
-    B,
+    $,
     {
       type: "button",
       variant: "ghost",
       size: "icon-xs",
       onClick: t,
       disabled: n,
-      className: C(r && "bg-accent text-accent-foreground"),
+      className: w(r && "bg-accent text-accent-foreground"),
       "aria-label": a,
       "aria-pressed": r,
       children: i
     }
   );
 }
-const Ct = /^(https?:\/\/|mailto:)/i;
-function wt(t) {
-  return Ct.test(t.trim());
+const Pn = /^(https?:\/\/|mailto:)/i;
+function Dn(t) {
+  return Pn.test(t.trim());
 }
-function kt({
+function Un({
   editor: t,
   disabled: r
 }) {
-  const [n, a] = S(!1), [i, x] = S("");
-  function b(f) {
-    if (f) {
-      const o = t.getAttributes("link").href ?? "";
-      x(o), m("");
+  const [n, a] = R(!1), [i, m] = R("");
+  function d(c) {
+    if (c) {
+      const s = t.getAttributes("link").href ?? "";
+      m(s), f("");
     }
-    a(f);
+    a(c);
   }
-  const [l, m] = S("");
-  function d() {
-    const f = i.trim();
-    if (f) {
-      if (!wt(f)) {
-        m("URL must start with http://, https://, or mailto:");
+  const [o, f] = R("");
+  function h() {
+    const c = i.trim();
+    if (c) {
+      if (!Dn(c)) {
+        f("URL must start with http://, https://, or mailto:");
         return;
       }
-      t.chain().focus().extendMarkRange("link").setLink({ href: f }).run(), a(!1), x(""), m("");
+      t.chain().focus().extendMarkRange("link").setLink({ href: c }).run(), a(!1), m(""), f("");
     }
   }
   function p() {
-    t.chain().focus().extendMarkRange("link").unsetLink().run(), a(!1), x("");
+    t.chain().focus().extendMarkRange("link").unsetLink().run(), a(!1), m("");
   }
-  const h = t.isActive("link");
-  return /* @__PURE__ */ c(X, { open: n, onOpenChange: b, children: [
-    /* @__PURE__ */ e(J, { asChild: !0, children: /* @__PURE__ */ e(
-      B,
+  const u = t.isActive("link");
+  return /* @__PURE__ */ l(me, { open: n, onOpenChange: d, children: [
+    /* @__PURE__ */ e(fe, { asChild: !0, children: /* @__PURE__ */ e(
+      $,
       {
         type: "button",
         variant: "ghost",
         size: "icon-xs",
         disabled: r,
-        className: C(h && "bg-accent text-accent-foreground"),
-        "aria-label": h ? "Edit link" : "Insert link",
-        "aria-pressed": h,
-        children: /* @__PURE__ */ e(Ze, { className: "size-3" })
+        className: w(u && "bg-accent text-accent-foreground"),
+        "aria-label": u ? "Edit link" : "Insert link",
+        "aria-pressed": u,
+        children: /* @__PURE__ */ e(cr, { className: "size-3", "aria-hidden": "true" })
       }
     ) }),
-    /* @__PURE__ */ e(Y, { className: "w-72 max-w-[calc(100vw-2rem)] p-3", align: "start", children: /* @__PURE__ */ c("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ e(he, { className: "w-72 max-w-[calc(100vw-2rem)] p-3", align: "start", children: /* @__PURE__ */ l("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e(
-        D,
+        ee,
         {
           placeholder: "https://example.com",
           value: i,
-          onChange: (f) => {
-            x(f.target.value), m("");
+          onChange: (c) => {
+            m(c.target.value), f("");
           },
-          onKeyDown: (f) => {
-            f.key === "Enter" && (f.preventDefault(), d());
+          onKeyDown: (c) => {
+            c.key === "Enter" && (c.preventDefault(), h());
           },
-          "aria-invalid": !!l,
+          "aria-label": "URL",
+          "aria-invalid": !!o,
+          "aria-describedby": o ? "link-url-error" : void 0,
           className: "h-8"
         }
       ),
-      l && /* @__PURE__ */ e("p", { className: "text-xs text-destructive", children: l }),
-      /* @__PURE__ */ c("div", { className: "flex gap-1", children: [
+      o && /* @__PURE__ */ e("p", { id: "link-url-error", className: "text-xs text-destructive", role: "alert", children: o }),
+      /* @__PURE__ */ l("div", { className: "flex gap-1", children: [
         /* @__PURE__ */ e(
-          B,
+          $,
           {
             type: "button",
             size: "xs",
-            onClick: d,
+            onClick: h,
             disabled: !i,
             children: "Apply"
           }
         ),
-        h && /* @__PURE__ */ c(
-          B,
+        u && /* @__PURE__ */ l(
+          $,
           {
             type: "button",
             variant: "ghost",
             size: "xs",
             onClick: p,
             children: [
-              /* @__PURE__ */ e(Ve, { className: "size-3" }),
+              /* @__PURE__ */ e(dr, { className: "size-3", "aria-hidden": "true" }),
               "Remove"
             ]
           }
@@ -1719,11 +1895,11 @@ function kt({
     ] }) })
   ] });
 }
-function At({
+function $n({
   editor: t,
   disabled: r
 }) {
-  return t ? /* @__PURE__ */ c(
+  return t ? /* @__PURE__ */ l(
     "div",
     {
       className: "flex flex-wrap items-center gap-0.5 border-b border-input px-2 py-1",
@@ -1731,209 +1907,209 @@ function At({
       "aria-label": "Formatting options",
       children: [
         /* @__PURE__ */ e(
-          R,
+          Z,
           {
             onClick: () => t.chain().focus().toggleBold().run(),
             isActive: t.isActive("bold"),
             disabled: r,
             ariaLabel: "Bold",
-            children: /* @__PURE__ */ e(Re, { className: "size-3" })
+            children: /* @__PURE__ */ e(Qt, { className: "size-3", "aria-hidden": "true" })
           }
         ),
         /* @__PURE__ */ e(
-          R,
+          Z,
           {
             onClick: () => t.chain().focus().toggleItalic().run(),
             isActive: t.isActive("italic"),
             disabled: r,
             ariaLabel: "Italic",
-            children: /* @__PURE__ */ e(Ee, { className: "size-3" })
+            children: /* @__PURE__ */ e(Xt, { className: "size-3", "aria-hidden": "true" })
           }
         ),
         /* @__PURE__ */ e(
-          R,
+          Z,
           {
             onClick: () => t.chain().focus().toggleUnderline().run(),
             isActive: t.isActive("underline"),
             disabled: r,
             ariaLabel: "Underline",
-            children: /* @__PURE__ */ e(Pe, { className: "size-3" })
+            children: /* @__PURE__ */ e(Yt, { className: "size-3", "aria-hidden": "true" })
           }
         ),
         /* @__PURE__ */ e(
-          R,
+          Z,
           {
             onClick: () => t.chain().focus().toggleStrike().run(),
             isActive: t.isActive("strike"),
             disabled: r,
             ariaLabel: "Strikethrough",
-            children: /* @__PURE__ */ e(Be, { className: "size-3" })
+            children: /* @__PURE__ */ e(Zt, { className: "size-3", "aria-hidden": "true" })
           }
         ),
-        /* @__PURE__ */ e(G, {}),
+        /* @__PURE__ */ e(le, {}),
         /* @__PURE__ */ e(
-          R,
+          Z,
           {
             onClick: () => t.chain().focus().toggleHeading({ level: 1 }).run(),
             isActive: t.isActive("heading", { level: 1 }),
             disabled: r,
             ariaLabel: "Heading 1",
-            children: /* @__PURE__ */ e(Ue, { className: "size-3" })
+            children: /* @__PURE__ */ e(Jt, { className: "size-3", "aria-hidden": "true" })
           }
         ),
         /* @__PURE__ */ e(
-          R,
+          Z,
           {
             onClick: () => t.chain().focus().toggleHeading({ level: 2 }).run(),
             isActive: t.isActive("heading", { level: 2 }),
             disabled: r,
             ariaLabel: "Heading 2",
-            children: /* @__PURE__ */ e(Fe, { className: "size-3" })
+            children: /* @__PURE__ */ e(qt, { className: "size-3", "aria-hidden": "true" })
           }
         ),
         /* @__PURE__ */ e(
-          R,
+          Z,
           {
             onClick: () => t.chain().focus().toggleHeading({ level: 3 }).run(),
             isActive: t.isActive("heading", { level: 3 }),
             disabled: r,
             ariaLabel: "Heading 3",
-            children: /* @__PURE__ */ e(Te, { className: "size-3" })
+            children: /* @__PURE__ */ e(er, { className: "size-3", "aria-hidden": "true" })
           }
         ),
-        /* @__PURE__ */ e(G, {}),
+        /* @__PURE__ */ e(le, {}),
         /* @__PURE__ */ e(
-          R,
+          Z,
           {
             onClick: () => t.chain().focus().toggleBulletList().run(),
             isActive: t.isActive("bulletList"),
             disabled: r,
             ariaLabel: "Bullet list",
-            children: /* @__PURE__ */ e(De, { className: "size-3" })
+            children: /* @__PURE__ */ e(it, { className: "size-3", "aria-hidden": "true" })
           }
         ),
         /* @__PURE__ */ e(
-          R,
+          Z,
           {
             onClick: () => t.chain().focus().toggleOrderedList().run(),
             isActive: t.isActive("orderedList"),
             disabled: r,
             ariaLabel: "Ordered list",
-            children: /* @__PURE__ */ e(He, { className: "size-3" })
+            children: /* @__PURE__ */ e(tr, { className: "size-3", "aria-hidden": "true" })
           }
         ),
-        /* @__PURE__ */ e(G, {}),
+        /* @__PURE__ */ e(le, {}),
         /* @__PURE__ */ e(
-          R,
+          Z,
           {
             onClick: () => t.chain().focus().toggleBlockquote().run(),
             isActive: t.isActive("blockquote"),
             disabled: r,
             ariaLabel: "Blockquote",
-            children: /* @__PURE__ */ e(_e, { className: "size-3" })
+            children: /* @__PURE__ */ e(rr, { className: "size-3", "aria-hidden": "true" })
           }
         ),
         /* @__PURE__ */ e(
-          R,
+          Z,
           {
             onClick: () => t.chain().focus().toggleCodeBlock().run(),
             isActive: t.isActive("codeBlock"),
             disabled: r,
             ariaLabel: "Code block",
-            children: /* @__PURE__ */ e(je, { className: "size-3" })
+            children: /* @__PURE__ */ e(nr, { className: "size-3", "aria-hidden": "true" })
           }
         ),
-        /* @__PURE__ */ e(G, {}),
+        /* @__PURE__ */ e(le, {}),
         /* @__PURE__ */ e(
-          R,
+          Z,
           {
             onClick: () => t.chain().focus().setTextAlign("left").run(),
             isActive: t.isActive({ textAlign: "left" }),
             disabled: r,
             ariaLabel: "Align left",
-            children: /* @__PURE__ */ e(Oe, { className: "size-3" })
+            children: /* @__PURE__ */ e(ar, { className: "size-3", "aria-hidden": "true" })
           }
         ),
         /* @__PURE__ */ e(
-          R,
+          Z,
           {
             onClick: () => t.chain().focus().setTextAlign("center").run(),
             isActive: t.isActive({ textAlign: "center" }),
             disabled: r,
             ariaLabel: "Align center",
-            children: /* @__PURE__ */ e(Ke, { className: "size-3" })
+            children: /* @__PURE__ */ e(ir, { className: "size-3", "aria-hidden": "true" })
           }
         ),
         /* @__PURE__ */ e(
-          R,
+          Z,
           {
             onClick: () => t.chain().focus().setTextAlign("right").run(),
             isActive: t.isActive({ textAlign: "right" }),
             disabled: r,
             ariaLabel: "Align right",
-            children: /* @__PURE__ */ e(Ge, { className: "size-3" })
+            children: /* @__PURE__ */ e(sr, { className: "size-3", "aria-hidden": "true" })
           }
         ),
-        /* @__PURE__ */ e(G, {}),
-        /* @__PURE__ */ e(kt, { editor: t, disabled: r }),
-        /* @__PURE__ */ e(G, {}),
+        /* @__PURE__ */ e(le, {}),
+        /* @__PURE__ */ e(Un, { editor: t, disabled: r }),
+        /* @__PURE__ */ e(le, {}),
         /* @__PURE__ */ e(
-          R,
+          Z,
           {
             onClick: () => t.chain().focus().undo().run(),
             disabled: r || !t.can().undo(),
             ariaLabel: "Undo",
-            children: /* @__PURE__ */ e(We, { className: "size-3" })
+            children: /* @__PURE__ */ e(or, { className: "size-3", "aria-hidden": "true" })
           }
         ),
         /* @__PURE__ */ e(
-          R,
+          Z,
           {
             onClick: () => t.chain().focus().redo().run(),
             disabled: r || !t.can().redo(),
             ariaLabel: "Redo",
-            children: /* @__PURE__ */ e(Qe, { className: "size-3" })
+            children: /* @__PURE__ */ e(lr, { className: "size-3", "aria-hidden": "true" })
           }
         )
       ]
     }
   ) : null;
 }
-function Cr({
+function xi({
   label: t,
   error: r,
   helperText: n,
   required: a,
   disabled: i,
-  id: x,
-  className: b,
-  value: l,
-  onChange: m,
-  placeholder: d,
+  id: m,
+  className: d,
+  value: o,
+  onChange: f,
+  placeholder: h,
   minHeight: p = "150px",
-  maxCharacters: h,
-  showWordCount: f,
-  showCharacterCount: o
+  maxCharacters: u,
+  showWordCount: c,
+  showCharacterCount: s
 }) {
-  const y = Q(m);
-  W(() => {
-    y.current = m;
-  }, [m]);
-  const g = Xe({
+  const g = F(f);
+  X(() => {
+    g.current = f;
+  }, [f]);
+  const x = Xr({
     extensions: [
-      Ye.configure({
+      Zr.configure({
         link: { openOnClick: !1 }
       }),
-      qe.configure({ types: ["heading", "paragraph"] }),
-      et.configure({ placeholder: d ?? "" }),
-      tt.configure({
-        limit: h ?? void 0
+      Jr.configure({ types: ["heading", "paragraph"] }),
+      qr.configure({ placeholder: h ?? "" }),
+      en.configure({
+        limit: u ?? void 0
       })
     ],
-    content: l ?? "",
+    content: o ?? "",
     editable: !i,
-    onUpdate: ({ editor: w }) => {
-      y.current?.(w.getHTML());
+    onUpdate: ({ editor: D }) => {
+      g.current?.(D.getHTML());
     },
     editorProps: {
       attributes: {
@@ -1942,46 +2118,46 @@ function Cr({
       }
     }
   });
-  W(() => {
-    if (!g) return;
-    const w = g.getHTML();
-    l !== void 0 && l !== w && g.commands.setContent(l, { emitUpdate: !1 });
-  }, [g, l]), W(() => {
-    g && g.setEditable(!i);
-  }, [g, i]);
-  const M = Q(""), I = Q(void 0);
-  W(() => {
-    if (!g) return;
-    const w = g.view.dom;
-    M.current && w.setAttribute("id", M.current), w.setAttribute("aria-invalid", String(!!r)), w.setAttribute("aria-required", String(!!a)), I.current ? w.setAttribute("aria-describedby", I.current) : w.removeAttribute("aria-describedby");
-  }, [g, r, a]);
-  const L = g?.storage.characterCount?.characters() ?? 0, z = g?.storage.characterCount?.words() ?? 0, N = o || f;
+  X(() => {
+    if (!x) return;
+    const D = x.getHTML();
+    o !== void 0 && o !== D && x.commands.setContent(o, { emitUpdate: !1 });
+  }, [x, o]), X(() => {
+    x && x.setEditable(!i);
+  }, [x, i]);
+  const N = F(""), z = F(void 0), S = F(void 0);
+  X(() => {
+    if (!x) return;
+    const D = x.view.dom;
+    N.current && D.setAttribute("id", N.current), z.current ? D.setAttribute("aria-labelledby", z.current) : D.removeAttribute("aria-labelledby"), D.setAttribute("aria-invalid", String(!!r)), D.setAttribute("aria-required", String(!!a)), S.current ? D.setAttribute("aria-describedby", S.current) : D.removeAttribute("aria-describedby");
+  }, [x, r, a, t]);
+  const A = x?.storage.characterCount?.characters() ?? 0, k = x?.storage.characterCount?.words() ?? 0, P = s || c;
   return /* @__PURE__ */ e(
-    H,
+    q,
     {
-      id: x,
+      id: m,
       label: t,
       error: r,
       helperText: n,
       required: a,
       disabled: i,
-      className: b,
-      children: ({ id: w, describedBy: T }) => (M.current = w, I.current = T, /* @__PURE__ */ c(
+      className: d,
+      children: ({ id: D, labelId: T, describedBy: B }) => (N.current = D, z.current = T, S.current = B, /* @__PURE__ */ l(
         "div",
         {
-          className: C(
+          className: w(
             "overflow-hidden rounded-md border border-input bg-transparent shadow-xs transition-colors",
             "focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]",
             r && "border-destructive focus-within:border-destructive focus-within:ring-destructive/20",
-            i && "opacity-50 pointer-events-none"
+            i && "pointer-events-none bg-muted/30"
           ),
           children: [
-            /* @__PURE__ */ e(At, { editor: g, disabled: i }),
+            /* @__PURE__ */ e($n, { editor: x, disabled: i }),
             /* @__PURE__ */ e(
-              Je,
+              Yr,
               {
-                editor: g,
-                className: C(
+                editor: x,
+                className: w(
                   "prose prose-sm max-w-none px-3 py-2 overflow-x-auto",
                   "text-foreground",
                   "prose-headings:text-foreground",
@@ -2003,52 +2179,1962 @@ function Cr({
                 style: { minHeight: p }
               }
             ),
-            N && /* @__PURE__ */ c("div", { className: "flex justify-end gap-3 border-t border-input px-3 py-1.5 text-xs text-muted-foreground", children: [
-              o && /* @__PURE__ */ e("span", { children: h ? `${L} / ${h} characters` : `${L} characters` }),
-              f && /* @__PURE__ */ c("span", { children: [
-                z,
-                " words"
+            P && /* @__PURE__ */ l(
+              "div",
+              {
+                className: "flex justify-end gap-3 border-t border-input px-3 py-1.5 text-xs text-muted-foreground",
+                role: "status",
+                "aria-live": "polite",
+                "aria-atomic": "true",
+                children: [
+                  s && /* @__PURE__ */ e("span", { children: u ? `${A} / ${u} characters` : `${A} characters` }),
+                  c && /* @__PURE__ */ l("span", { children: [
+                    k,
+                    " words"
+                  ] })
+                ]
+              }
+            )
+          ]
+        }
+      ))
+    }
+  );
+}
+function yi({
+  label: t,
+  error: r,
+  helperText: n,
+  required: a,
+  disabled: i,
+  id: m,
+  className: d,
+  value: o,
+  defaultValue: f,
+  onChange: h,
+  min: p = 0,
+  max: u = 100,
+  step: c = 1,
+  showValue: s = !0
+}) {
+  return /* @__PURE__ */ e(
+    q,
+    {
+      id: m,
+      label: t,
+      error: r,
+      helperText: n,
+      required: a,
+      disabled: i,
+      className: d,
+      children: ({ id: g, describedBy: x }) => /* @__PURE__ */ l("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ e(
+          on,
+          {
+            id: g,
+            "aria-describedby": x,
+            "aria-invalid": !!r,
+            disabled: i,
+            value: o !== void 0 ? [o] : void 0,
+            defaultValue: [f ?? p],
+            onValueChange: (N) => h?.(N[0]),
+            min: p,
+            max: u,
+            step: c
+          }
+        ),
+        s && /* @__PURE__ */ e("span", { className: "text-sm tabular-nums text-muted-foreground min-w-8 text-right", children: o ?? f ?? p })
+      ] })
+    }
+  );
+}
+function pe(t) {
+  const r = Math.floor(t / 60), n = Math.floor(t % 60);
+  return `${r}:${n.toString().padStart(2, "0")}`;
+}
+function Ni({
+  label: t,
+  error: r,
+  helperText: n,
+  required: a,
+  disabled: i,
+  id: m,
+  className: d,
+  value: o,
+  onChange: f,
+  maxDuration: h,
+  maxSize: p,
+  mimeType: u = "audio/webm",
+  audioBitsPerSecond: c
+}) {
+  const [s, g] = R(
+    o ? "recorded" : "idle"
+  ), [x, N] = R(0), [z, S] = R(0), [A, k] = R(0), [P, D] = R(!1), [T, B] = R(), [L, C] = R(o ?? null), M = F(null), _ = F(null), y = F([]), v = F(null), b = F(null), O = F(null), J = F(null), Q = F(null), H = F(null), te = F(0), ie = r ?? T;
+  X(() => {
+    o === null && L !== null && (C(null), g("idle"), N(0), S(0), k(0));
+  }, [o, L]), X(() => () => {
+    if (v.current && clearInterval(v.current), H.current && clearInterval(H.current), O.current)
+      try {
+        URL.revokeObjectURL(O.current);
+      } catch {
+      }
+    if (_.current && _.current.getTracks().forEach((K) => K.stop()), Q.current)
+      try {
+        Q.current.close();
+      } catch {
+      }
+  }, []);
+  const E = ae((K) => {
+    const G = J.current;
+    if (!G) return;
+    const W = G.getContext("2d");
+    if (!W) return;
+    const Y = K.getChannelData(0), re = G.width, oe = G.height;
+    W.clearRect(0, 0, re, oe);
+    const Ct = getComputedStyle(G);
+    W.fillStyle = Ct.getPropertyValue("--color-primary") || "#3b82f6";
+    const Se = 2, $e = 1, Be = Math.floor(re / (Se + $e)), Oe = Math.ceil(Y.length / Be);
+    for (let ve = 0; ve < Be; ve++) {
+      let Fe = 0;
+      const ze = ve * Oe, _e = Math.min(ze + Oe, Y.length);
+      for (let Ie = ze; Ie < _e; Ie++)
+        Fe += Math.abs(Y[Ie]);
+      const St = Fe / (_e - ze), je = Math.max(2, St * oe * 0.8), zt = ve * (Se + $e), It = (oe - je) / 2;
+      W.fillRect(zt, It, Se, je);
+    }
+  }, []);
+  async function U() {
+    B(void 0);
+    try {
+      const K = await navigator.mediaDevices.getUserMedia({ audio: !0 });
+      _.current = K;
+      const G = {};
+      u && MediaRecorder.isTypeSupported(u) && (G.mimeType = u), c && (G.audioBitsPerSecond = c);
+      const W = new MediaRecorder(K, G);
+      M.current = W, y.current = [], W.ondataavailable = (Y) => {
+        Y.data.size > 0 && y.current.push(Y.data);
+      }, W.onstop = () => {
+        const Y = new Blob(y.current, {
+          type: W.mimeType || u
+        });
+        if (p && Y.size > p) {
+          const re = (p / 1048576).toFixed(1);
+          B(
+            `Recording exceeds maximum size of ${re} MB`
+          ), g("idle"), N(0), K.getTracks().forEach((oe) => oe.stop()), _.current = null;
+          return;
+        }
+        C(Y), g("recorded"), f?.(Y), se(Y), K.getTracks().forEach((re) => re.stop()), _.current = null;
+      }, W.start(), g("recording"), N(0), te.current = performance.now(), v.current = setInterval(() => {
+        const Y = (performance.now() - te.current) / 1e3;
+        N(Y), h && Y >= h && I();
+      }, 100);
+    } catch {
+      B("Could not access microphone. Please check permissions.");
+    }
+  }
+  function I() {
+    v.current && (clearInterval(v.current), v.current = null), M.current && M.current.state !== "inactive" && M.current.stop();
+  }
+  function j() {
+    M.current && M.current.state === "recording" && (M.current.pause(), g("paused"), v.current && (clearInterval(v.current), v.current = null));
+  }
+  function V() {
+    if (M.current && M.current.state === "paused") {
+      M.current.resume(), g("recording");
+      const K = x, G = performance.now();
+      v.current = setInterval(() => {
+        const W = K + (performance.now() - G) / 1e3;
+        N(W), h && W >= h && I();
+      }, 100);
+    }
+  }
+  function se(K) {
+    if (O.current)
+      try {
+        URL.revokeObjectURL(O.current);
+      } catch {
+      }
+    const G = URL.createObjectURL(K);
+    O.current = G;
+    const W = new Audio(G);
+    b.current = W, W.addEventListener("loadedmetadata", () => {
+      k(W.duration);
+    }), W.addEventListener("ended", () => {
+      D(!1), S(0), H.current && (clearInterval(H.current), H.current = null);
+    }), typeof K.arrayBuffer == "function" && K.arrayBuffer().then((Y) => {
+      const re = new AudioContext();
+      return Q.current = re, re.decodeAudioData(Y).then((oe) => {
+        E(oe);
+      });
+    }).catch(() => {
+    });
+  }
+  function Ce() {
+    const K = b.current;
+    K && (P ? (K.pause(), D(!1), H.current && (clearInterval(H.current), H.current = null)) : (K.play(), D(!0), H.current = setInterval(() => {
+      S(K.currentTime);
+    }, 100)));
+  }
+  function Nt(K) {
+    const G = parseFloat(K.target.value);
+    b.current && (b.current.currentTime = G, S(G));
+  }
+  function wt() {
+    Ue(), g("idle"), C(null), N(0), S(0), k(0), D(!1), B(void 0), f?.(null);
+  }
+  function kt() {
+    Ue(), g("idle"), C(null), N(0), S(0), k(0), D(!1), B(void 0), f?.(null);
+  }
+  function Ue() {
+    if (b.current && (b.current.pause(), b.current = null), O.current) {
+      try {
+        URL.revokeObjectURL(O.current);
+      } catch {
+      }
+      O.current = null;
+    }
+    if (H.current && (clearInterval(H.current), H.current = null), Q.current) {
+      try {
+        Q.current.close();
+      } catch {
+      }
+      Q.current = null;
+    }
+  }
+  return /* @__PURE__ */ e(
+    q,
+    {
+      id: m,
+      label: t,
+      error: ie,
+      helperText: n,
+      required: a,
+      disabled: i,
+      className: d,
+      children: ({ id: K, describedBy: G }) => /* @__PURE__ */ l(
+        "div",
+        {
+          id: K,
+          className: "space-y-3",
+          "aria-invalid": !!ie,
+          "aria-describedby": G,
+          "aria-required": a,
+          children: [
+            s === "idle" && /* @__PURE__ */ l("div", { className: "flex flex-col items-center justify-center rounded-md border-2 border-dashed p-6 sm:p-8", children: [
+              /* @__PURE__ */ e(we, { className: "size-8 text-muted-foreground mb-3", "aria-hidden": "true" }),
+              /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground mb-4", children: "Click to start recording audio" }),
+              /* @__PURE__ */ l(
+                $,
+                {
+                  type: "button",
+                  variant: "default",
+                  onClick: U,
+                  disabled: i,
+                  "aria-label": "Start recording",
+                  children: [
+                    /* @__PURE__ */ e(we, { className: "size-4", "aria-hidden": "true" }),
+                    "Start Recording"
+                  ]
+                }
+              )
+            ] }),
+            (s === "recording" || s === "paused") && /* @__PURE__ */ l("div", { className: "flex flex-col items-center rounded-md border p-4 sm:p-6 space-y-4", children: [
+              /* @__PURE__ */ l("div", { className: "flex items-center gap-3", children: [
+                s === "recording" && /* @__PURE__ */ e(
+                  st,
+                  {
+                    className: "size-5 text-destructive animate-pulse",
+                    "aria-hidden": "true"
+                  }
+                ),
+                s === "paused" && /* @__PURE__ */ e(
+                  ge,
+                  {
+                    className: "size-5 text-muted-foreground",
+                    "aria-hidden": "true"
+                  }
+                ),
+                /* @__PURE__ */ l(
+                  "span",
+                  {
+                    className: "text-lg font-mono tabular-nums",
+                    role: "status",
+                    "aria-label": `Recording time: ${pe(x)}`,
+                    children: [
+                      pe(x),
+                      h && /* @__PURE__ */ l("span", { className: "text-muted-foreground", children: [
+                        " ",
+                        "/ ",
+                        pe(h)
+                      ] })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+                s === "recording" && /* @__PURE__ */ l(
+                  $,
+                  {
+                    type: "button",
+                    variant: "outline",
+                    size: "sm",
+                    onClick: j,
+                    "aria-label": "Pause recording",
+                    children: [
+                      /* @__PURE__ */ e(ge, { className: "size-4", "aria-hidden": "true" }),
+                      "Pause"
+                    ]
+                  }
+                ),
+                s === "paused" && /* @__PURE__ */ l(
+                  $,
+                  {
+                    type: "button",
+                    variant: "outline",
+                    size: "sm",
+                    onClick: V,
+                    "aria-label": "Resume recording",
+                    children: [
+                      /* @__PURE__ */ e(we, { className: "size-4", "aria-hidden": "true" }),
+                      "Resume"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ l(
+                  $,
+                  {
+                    type: "button",
+                    variant: "destructive",
+                    size: "sm",
+                    onClick: I,
+                    "aria-label": "Stop recording",
+                    children: [
+                      /* @__PURE__ */ e(ot, { className: "size-4", "aria-hidden": "true" }),
+                      "Stop"
+                    ]
+                  }
+                )
+              ] })
+            ] }),
+            s === "recorded" && L && /* @__PURE__ */ l("div", { className: "rounded-md border p-4 space-y-3", children: [
+              /* @__PURE__ */ e(
+                "canvas",
+                {
+                  ref: J,
+                  width: 300,
+                  height: 60,
+                  className: "w-full h-[60px] rounded",
+                  "aria-hidden": "true"
+                }
+              ),
+              /* @__PURE__ */ l("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ e(
+                  $,
+                  {
+                    type: "button",
+                    variant: "outline",
+                    size: "icon-sm",
+                    onClick: Ce,
+                    "aria-label": P ? "Pause playback" : "Play recording",
+                    children: P ? /* @__PURE__ */ e(ge, { className: "size-4", "aria-hidden": "true" }) : /* @__PURE__ */ e(ur, { className: "size-4", "aria-hidden": "true" })
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "input",
+                  {
+                    type: "range",
+                    min: 0,
+                    max: A || 0,
+                    step: 0.1,
+                    value: z,
+                    onChange: Nt,
+                    className: "flex-1 h-2 accent-primary cursor-pointer",
+                    "aria-label": "Seek audio position"
+                  }
+                ),
+                /* @__PURE__ */ l("span", { className: "text-xs font-mono tabular-nums text-muted-foreground whitespace-nowrap", children: [
+                  pe(z),
+                  " / ",
+                  pe(A)
+                ] })
+              ] }),
+              /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ l(
+                  $,
+                  {
+                    type: "button",
+                    variant: "outline",
+                    size: "sm",
+                    onClick: wt,
+                    disabled: i,
+                    "aria-label": "Re-record",
+                    children: [
+                      /* @__PURE__ */ e(lt, { className: "size-4", "aria-hidden": "true" }),
+                      "Re-record"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ l(
+                  $,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: kt,
+                    disabled: i,
+                    className: "text-destructive hover:text-destructive",
+                    "aria-label": "Delete recording",
+                    children: [
+                      /* @__PURE__ */ e(ct, { className: "size-4", "aria-hidden": "true" }),
+                      "Delete"
+                    ]
+                  }
+                )
               ] })
             ] })
           ]
         }
-      ))
+      )
+    }
+  );
+}
+function Ne(t) {
+  const r = Math.floor(t / 60), n = Math.floor(t % 60);
+  return `${r}:${n.toString().padStart(2, "0")}`;
+}
+function wi({
+  label: t,
+  error: r,
+  helperText: n,
+  required: a,
+  disabled: i,
+  id: m,
+  className: d,
+  value: o,
+  onChange: f,
+  maxDuration: h,
+  maxSize: p,
+  mimeType: u = "video/webm",
+  videoBitsPerSecond: c
+}) {
+  const [s, g] = R(
+    o ? "recorded" : "idle"
+  ), [x, N] = R(0), [z, S] = R(), [A, k] = R(o ?? null), [P, D] = R("user"), T = F(null), B = F(null), L = F([]), C = F(null), M = F(null), _ = F(0), y = ae(
+    (U) => {
+      U && B.current && (U.srcObject = B.current);
+    },
+    // Re-run when recordingState changes so the ref fires on mount
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [s]
+  ), v = r ?? z;
+  X(() => {
+    o === null && A !== null && (k(null), g("idle"), N(0));
+  }, [o, A]);
+  const b = ae(() => {
+    if (C.current && (clearInterval(C.current), C.current = null), M.current) {
+      try {
+        URL.revokeObjectURL(M.current);
+      } catch {
+      }
+      M.current = null;
+    }
+    B.current && (B.current.getTracks().forEach((U) => U.stop()), B.current = null);
+  }, []);
+  X(() => b, [b]);
+  async function O() {
+    S(void 0);
+    try {
+      const U = await navigator.mediaDevices.getUserMedia({
+        video: { facingMode: P },
+        audio: !0
+      });
+      B.current = U;
+      const I = {};
+      u && MediaRecorder.isTypeSupported(u) && (I.mimeType = u), c && (I.videoBitsPerSecond = c);
+      const j = new MediaRecorder(U, I);
+      T.current = j, L.current = [], j.ondataavailable = (V) => {
+        V.data.size > 0 && L.current.push(V.data);
+      }, j.onstop = () => {
+        const V = new Blob(L.current, {
+          type: j.mimeType || u
+        });
+        if (p && V.size > p) {
+          const se = (p / 1048576).toFixed(1);
+          S(
+            `Recording exceeds maximum size of ${se} MB`
+          ), g("idle"), N(0), U.getTracks().forEach((Ce) => Ce.stop()), B.current = null;
+          return;
+        }
+        if (k(V), g("recorded"), f?.(V), M.current)
+          try {
+            URL.revokeObjectURL(M.current);
+          } catch {
+          }
+        M.current = URL.createObjectURL(V), U.getTracks().forEach((se) => se.stop()), B.current = null;
+      }, j.start(), g("recording"), N(0), _.current = performance.now(), C.current = setInterval(() => {
+        const V = (performance.now() - _.current) / 1e3;
+        N(V), h && V >= h && J();
+      }, 100);
+    } catch {
+      S("Could not access camera/microphone. Please check permissions.");
+    }
+  }
+  function J() {
+    C.current && (clearInterval(C.current), C.current = null), T.current && T.current.state !== "inactive" && T.current.stop();
+  }
+  function Q() {
+    T.current && T.current.state === "recording" && (T.current.pause(), g("paused"), C.current && (clearInterval(C.current), C.current = null));
+  }
+  function H() {
+    if (T.current && T.current.state === "paused") {
+      T.current.resume(), g("recording");
+      const U = x, I = performance.now();
+      C.current = setInterval(() => {
+        const j = U + (performance.now() - I) / 1e3;
+        N(j), h && j >= h && J();
+      }, 100);
+    }
+  }
+  function te() {
+    b(), g("idle"), k(null), N(0), S(void 0), f?.(null);
+  }
+  function ie() {
+    b(), g("idle"), k(null), N(0), S(void 0), f?.(null);
+  }
+  function E() {
+    D((U) => U === "user" ? "environment" : "user");
+  }
+  return /* @__PURE__ */ e(
+    q,
+    {
+      id: m,
+      label: t,
+      error: v,
+      helperText: n,
+      required: a,
+      disabled: i,
+      className: d,
+      children: ({ id: U, describedBy: I }) => /* @__PURE__ */ l(
+        "div",
+        {
+          id: U,
+          className: "space-y-3",
+          "aria-invalid": !!v,
+          "aria-describedby": I,
+          "aria-required": a,
+          children: [
+            s === "idle" && /* @__PURE__ */ l("div", { className: "flex flex-col items-center justify-center rounded-md border-2 border-dashed p-6 sm:p-8", children: [
+              /* @__PURE__ */ e(mr, { className: "size-8 text-muted-foreground mb-3", "aria-hidden": "true" }),
+              /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground mb-4", children: "Click to start recording video" }),
+              /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ l(
+                  $,
+                  {
+                    type: "button",
+                    variant: "outline",
+                    size: "sm",
+                    onClick: E,
+                    disabled: i,
+                    "aria-label": "Flip camera",
+                    children: [
+                      /* @__PURE__ */ e(fr, { className: "size-4", "aria-hidden": "true" }),
+                      P === "user" ? "Front" : "Back"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ l(
+                  $,
+                  {
+                    type: "button",
+                    variant: "default",
+                    onClick: O,
+                    disabled: i,
+                    "aria-label": "Start recording",
+                    children: [
+                      /* @__PURE__ */ e(hr, { className: "size-4", "aria-hidden": "true" }),
+                      "Start Recording"
+                    ]
+                  }
+                )
+              ] })
+            ] }),
+            (s === "recording" || s === "paused") && /* @__PURE__ */ l("div", { className: "flex flex-col items-center rounded-md border p-4 sm:p-6 space-y-4", children: [
+              /* @__PURE__ */ e(
+                "video",
+                {
+                  ref: y,
+                  autoPlay: !0,
+                  muted: !0,
+                  playsInline: !0,
+                  className: "w-full max-h-[300px] rounded bg-black object-cover",
+                  "aria-label": "Camera preview"
+                }
+              ),
+              /* @__PURE__ */ l("div", { className: "flex items-center gap-3", children: [
+                s === "recording" && /* @__PURE__ */ e(
+                  st,
+                  {
+                    className: "size-5 text-destructive animate-pulse",
+                    "aria-hidden": "true"
+                  }
+                ),
+                s === "paused" && /* @__PURE__ */ e(
+                  ge,
+                  {
+                    className: "size-5 text-muted-foreground",
+                    "aria-hidden": "true"
+                  }
+                ),
+                /* @__PURE__ */ l(
+                  "span",
+                  {
+                    className: "text-lg font-mono tabular-nums",
+                    role: "status",
+                    "aria-label": `Recording time: ${Ne(x)}`,
+                    children: [
+                      Ne(x),
+                      h && /* @__PURE__ */ l("span", { className: "text-muted-foreground", children: [
+                        " ",
+                        "/ ",
+                        Ne(h)
+                      ] })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+                s === "recording" && /* @__PURE__ */ l(
+                  $,
+                  {
+                    type: "button",
+                    variant: "outline",
+                    size: "sm",
+                    onClick: Q,
+                    "aria-label": "Pause recording",
+                    children: [
+                      /* @__PURE__ */ e(ge, { className: "size-4", "aria-hidden": "true" }),
+                      "Pause"
+                    ]
+                  }
+                ),
+                s === "paused" && /* @__PURE__ */ l(
+                  $,
+                  {
+                    type: "button",
+                    variant: "outline",
+                    size: "sm",
+                    onClick: H,
+                    "aria-label": "Resume recording",
+                    children: [
+                      /* @__PURE__ */ e(we, { className: "size-4", "aria-hidden": "true" }),
+                      "Resume"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ l(
+                  $,
+                  {
+                    type: "button",
+                    variant: "destructive",
+                    size: "sm",
+                    onClick: J,
+                    "aria-label": "Stop recording",
+                    children: [
+                      /* @__PURE__ */ e(ot, { className: "size-4", "aria-hidden": "true" }),
+                      "Stop"
+                    ]
+                  }
+                )
+              ] })
+            ] }),
+            s === "recorded" && A && /* @__PURE__ */ l("div", { className: "rounded-md border p-4 space-y-3", children: [
+              /* @__PURE__ */ e(
+                "video",
+                {
+                  src: M.current ?? void 0,
+                  controls: !0,
+                  playsInline: !0,
+                  className: "w-full max-h-[300px] rounded bg-black",
+                  "aria-label": "Recorded video"
+                }
+              ),
+              /* @__PURE__ */ l("p", { className: "text-xs font-mono tabular-nums text-muted-foreground", children: [
+                "Duration: ",
+                Ne(x)
+              ] }),
+              /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ l(
+                  $,
+                  {
+                    type: "button",
+                    variant: "outline",
+                    size: "sm",
+                    onClick: te,
+                    disabled: i,
+                    "aria-label": "Re-record",
+                    children: [
+                      /* @__PURE__ */ e(lt, { className: "size-4", "aria-hidden": "true" }),
+                      "Re-record"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ l(
+                  $,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: ie,
+                    disabled: i,
+                    className: "text-destructive hover:text-destructive",
+                    "aria-label": "Delete recording",
+                    children: [
+                      /* @__PURE__ */ e(ct, { className: "size-4", "aria-hidden": "true" }),
+                      "Delete"
+                    ]
+                  }
+                )
+              ] })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+function et({
+  columns: t,
+  sort: r,
+  onSortChange: n,
+  allItemIds: a,
+  selectedIds: i,
+  onSelectionAction: m
+}) {
+  const d = a.length > 0 && i.size === a.length, o = i.size > 0 && i.size < a.length, f = () => {
+    m({ type: "select-all", ids: a });
+  }, h = (c) => {
+    r?.columnKey === c ? r.direction === "asc" ? n({ columnKey: c, direction: "desc" }) : n(null) : n({ columnKey: c, direction: "asc" });
+  }, p = (c, s) => {
+    (c.key === "Enter" || c.key === " ") && (c.preventDefault(), h(s));
+  }, u = t.filter((c) => c.visible !== !1);
+  return /* @__PURE__ */ e("thead", { "data-slot": "table-header", children: /* @__PURE__ */ l("tr", { className: "bg-muted/50", children: [
+    /* @__PURE__ */ e("th", { scope: "col", className: "w-10 px-2 py-2", children: /* @__PURE__ */ e(
+      Pe,
+      {
+        checked: d ? !0 : o ? "indeterminate" : !1,
+        onCheckedChange: f,
+        "aria-label": "Select all"
+      }
+    ) }),
+    u.map((c) => {
+      const s = c.sortable !== !1, g = r?.columnKey === c.key, x = g ? r.direction : null;
+      return /* @__PURE__ */ e(
+        "th",
+        {
+          scope: "col",
+          className: `px-4 py-2 text-left text-muted-foreground text-xs font-medium ${s ? "cursor-pointer select-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" : ""}`,
+          onClick: s ? () => h(c.key) : void 0,
+          onKeyDown: s ? (z) => p(z, c.key) : void 0,
+          tabIndex: s ? 0 : void 0,
+          "aria-sort": g ? x === "asc" ? "ascending" : "descending" : s ? "none" : void 0,
+          style: c.width ? { width: c.width } : void 0,
+          children: /* @__PURE__ */ l("div", { className: "flex items-center gap-1", children: [
+            c.label,
+            s && g && /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "text-foreground", children: x === "asc" ? /* @__PURE__ */ e(pr, { className: "size-3.5" }) : /* @__PURE__ */ e(gr, { className: "size-3.5" }) })
+          ] })
+        },
+        c.key
+      );
+    })
+  ] }) });
+}
+function tt({
+  item: t,
+  columns: r,
+  isSelected: n,
+  onSelect: a,
+  onItemOpen: i,
+  contextMenuActions: m,
+  selectedItems: d
+}) {
+  const o = (s) => {
+    s.stopPropagation(), a(t.id, !1, !1);
+  }, f = (s) => {
+    a(t.id, s.shiftKey, s.metaKey || s.ctrlKey);
+  }, h = () => {
+    i?.(t);
+  }, p = (s) => {
+    s.key === "Enter" ? (s.preventDefault(), i?.(t)) : s.key === " " && (s.preventDefault(), a(t.id, s.shiftKey, s.metaKey || s.ctrlKey));
+  }, u = r.filter((s) => s.visible !== !1), c = /* @__PURE__ */ l(
+    "tr",
+    {
+      "data-slot": "table-row",
+      "data-state": n ? "selected" : void 0,
+      "aria-selected": n,
+      tabIndex: 0,
+      className: `${n ? "bg-accent" : "hover:bg-muted/50"} cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset`,
+      onClick: f,
+      onDoubleClick: h,
+      onKeyDown: p,
+      children: [
+        /* @__PURE__ */ e("td", { className: "w-10 px-2 py-2", onClick: o, children: /* @__PURE__ */ e(
+          Pe,
+          {
+            checked: n,
+            "aria-label": `Select ${t.name}`,
+            tabIndex: -1
+          }
+        ) }),
+        u.map((s) => {
+          let g;
+          s.key === "name" ? g = t.name : g = t.metadata[s.key];
+          const x = s.render ? s.render(g, t) : String(g ?? "");
+          return /* @__PURE__ */ e("td", { className: "px-4 py-2 text-sm", children: x }, s.key);
+        })
+      ]
+    }
+  );
+  return !m || m.length === 0 ? c : /* @__PURE__ */ l(mt, { children: [
+    /* @__PURE__ */ e(ft, { asChild: !0, children: c }),
+    /* @__PURE__ */ e(ht, { children: m.map((s) => /* @__PURE__ */ l(
+      pt,
+      {
+        onClick: () => s.onAction(d),
+        variant: s.destructive ? "destructive" : "default",
+        disabled: s.disabled,
+        children: [
+          s.icon && /* @__PURE__ */ e("span", { "aria-hidden": "true", children: s.icon }),
+          s.label
+        ]
+      },
+      s.id
+    )) })
+  ] });
+}
+const Bn = 100, On = 40;
+function Fn({
+  items: t,
+  columns: r,
+  sort: n,
+  onSortChange: a,
+  selectedIds: i,
+  onSelectionAction: m,
+  onItemOpen: d,
+  contextMenuActions: o,
+  virtualizeThreshold: f = Bn,
+  className: h
+}) {
+  const p = t.map((z) => z.id), u = t.filter((z) => i.has(z.id)), c = F(null), s = t.length > f, g = gt({
+    count: t.length,
+    getScrollElement: () => c.current,
+    estimateSize: () => On,
+    overscan: 20,
+    enabled: s
+  }), x = (z, S, A) => {
+    m({ type: "select", id: z, shiftKey: S, metaKey: A });
+  };
+  if (!s)
+    return /* @__PURE__ */ e("div", { "data-testid": "table-view", "data-slot": "table-view", className: w("overflow-auto", h), children: /* @__PURE__ */ l("table", { className: "w-full border-collapse text-sm", "aria-label": "Items list", children: [
+      /* @__PURE__ */ e(
+        et,
+        {
+          columns: r,
+          sort: n,
+          onSortChange: a,
+          allItemIds: p,
+          selectedIds: i,
+          onSelectionAction: m
+        }
+      ),
+      /* @__PURE__ */ e("tbody", { children: t.map((z) => /* @__PURE__ */ e(
+        tt,
+        {
+          item: z,
+          columns: r,
+          isSelected: i.has(z.id),
+          onSelect: x,
+          onItemOpen: d,
+          contextMenuActions: o,
+          selectedItems: u
+        },
+        z.id
+      )) })
+    ] }) });
+  const N = g.getVirtualItems();
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ref: c,
+      "data-testid": "table-view",
+      "data-slot": "table-view",
+      className: w("overflow-auto", h),
+      style: { maxHeight: "80vh" },
+      children: /* @__PURE__ */ l("table", { className: "w-full border-collapse text-sm", "aria-label": "Items list", children: [
+        /* @__PURE__ */ e(
+          et,
+          {
+            columns: r,
+            sort: n,
+            onSortChange: a,
+            allItemIds: p,
+            selectedIds: i,
+            onSelectionAction: m
+          }
+        ),
+        /* @__PURE__ */ l("tbody", { children: [
+          N.length > 0 && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
+            "td",
+            {
+              colSpan: r.length + 1,
+              style: { height: N[0].start, padding: 0, border: 0 }
+            }
+          ) }),
+          N.map((z) => {
+            const S = t[z.index];
+            return /* @__PURE__ */ e(
+              tt,
+              {
+                item: S,
+                columns: r,
+                isSelected: i.has(S.id),
+                onSelect: x,
+                onItemOpen: d,
+                contextMenuActions: o,
+                selectedItems: u
+              },
+              S.id
+            );
+          }),
+          N.length > 0 && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
+            "td",
+            {
+              colSpan: r.length + 1,
+              style: {
+                height: g.getTotalSize() - N[N.length - 1].end,
+                padding: 0,
+                border: 0
+              }
+            }
+          ) })
+        ] })
+      ] })
+    }
+  );
+}
+function Te({
+  item: t,
+  density: r,
+  isSelected: n,
+  onSelect: a,
+  onItemOpen: i,
+  contextMenuActions: m,
+  selectedItems: d
+}) {
+  const o = (u) => {
+    a(t.id, u.shiftKey, u.metaKey || u.ctrlKey);
+  }, f = () => {
+    i?.(t);
+  }, h = (u) => {
+    u.key === "Enter" ? (u.preventDefault(), i?.(t)) : u.key === " " && (u.preventDefault(), a(t.id, u.shiftKey, u.metaKey || u.ctrlKey));
+  }, p = /* @__PURE__ */ l(
+    "div",
+    {
+      role: "option",
+      "data-slot": "card-item",
+      tabIndex: 0,
+      "aria-selected": n,
+      "aria-label": t.name,
+      onClick: o,
+      onDoubleClick: f,
+      onKeyDown: h,
+      className: w(
+        "flex cursor-pointer flex-col gap-1 rounded-lg border transition-colors",
+        "hover:bg-accent/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        r === "compact" && "p-1",
+        r === "regular" && "p-2",
+        r === "expanded" && "p-3",
+        n && "ring-2 ring-primary bg-accent"
+      ),
+      children: [
+        /* @__PURE__ */ e("div", { className: "aspect-square overflow-hidden rounded-md bg-muted", children: t.thumbnail ? /* @__PURE__ */ e(
+          "img",
+          {
+            src: t.thumbnail,
+            alt: t.name,
+            className: "h-full w-full object-cover"
+          }
+        ) : /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center text-muted-foreground", "aria-hidden": "true", children: /* @__PURE__ */ e(br, { className: "size-8" }) }) }),
+        /* @__PURE__ */ e(
+          "p",
+          {
+            className: w(
+              "truncate font-medium",
+              r === "compact" ? "text-xs" : "text-sm"
+            ),
+            children: t.name
+          }
+        ),
+        r !== "compact" && /* @__PURE__ */ l("div", { className: "flex flex-col gap-0.5", children: [
+          r === "regular" && Object.entries(t.metadata).slice(0, 2).map(([u, c]) => /* @__PURE__ */ l(
+            "span",
+            {
+              className: "truncate text-xs text-muted-foreground",
+              children: [
+                /* @__PURE__ */ l("span", { className: "sr-only", children: [
+                  u,
+                  ": "
+                ] }),
+                String(c)
+              ]
+            },
+            u
+          )),
+          r === "expanded" && Object.entries(t.metadata).map(([u, c]) => /* @__PURE__ */ l("span", { className: "text-xs text-muted-foreground", children: [
+            u,
+            ": ",
+            String(c)
+          ] }, u))
+        ] })
+      ]
+    }
+  );
+  return !m || m.length === 0 ? p : /* @__PURE__ */ l(mt, { children: [
+    /* @__PURE__ */ e(ft, { asChild: !0, children: p }),
+    /* @__PURE__ */ e(ht, { children: m.map((u) => /* @__PURE__ */ l(
+      pt,
+      {
+        disabled: u.disabled,
+        variant: u.destructive ? "destructive" : "default",
+        onClick: () => u.onAction(d),
+        children: [
+          u.icon && /* @__PURE__ */ e("span", { "aria-hidden": "true", children: u.icon }),
+          u.label
+        ]
+      },
+      u.id
+    )) })
+  ] });
+}
+function _n(t) {
+  const {
+    attributes: r,
+    listeners: n,
+    setNodeRef: a,
+    transform: i,
+    transition: m,
+    isDragging: d
+  } = Fr({ id: t.item.id }), o = {
+    transform: Hr.Transform.toString(i),
+    transition: m,
+    opacity: d ? 0.5 : 1
+  };
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ref: a,
+      role: "presentation",
+      style: o,
+      ...r,
+      ...n,
+      "aria-roledescription": "sortable item",
+      "aria-label": `Draggable: ${t.item.name}`,
+      children: /* @__PURE__ */ e(Te, { ...t })
+    }
+  );
+}
+const jn = {
+  compact: {
+    gridCols: "grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6",
+    gap: "gap-2"
+  },
+  regular: {
+    gridCols: "grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4",
+    gap: "gap-4"
+  },
+  expanded: {
+    gridCols: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
+    gap: "gap-6"
+  }
+}, Kn = 200, Hn = 100, Vn = 280, Gn = {
+  compact: 6,
+  regular: 4,
+  expanded: 3
+};
+function Wn({
+  items: t,
+  density: r,
+  selectedIds: n,
+  onSelectionAction: a,
+  onItemOpen: i,
+  contextMenuActions: m,
+  onReorder: d,
+  virtualizeThreshold: o = Hn,
+  className: f
+}) {
+  const h = t.filter((L) => n.has(L.id)), { gridCols: p, gap: u } = jn[r], c = F(null), s = t.length > o, g = Gn[r] ?? 4, x = Math.ceil(t.length / g), N = !!d, z = Dr(
+    Xe(Ur, { activationConstraint: { distance: 8 } }),
+    Xe($r)
+  ), S = gt({
+    count: x,
+    getScrollElement: () => c.current,
+    estimateSize: () => Vn,
+    overscan: 5,
+    enabled: s
+  }), A = (L, C, M) => {
+    a({ type: "select", id: L, shiftKey: C, metaKey: M });
+  }, k = ae(
+    (L) => {
+      const { active: C, over: M } = L;
+      if (!M || C.id === M.id || !d) return;
+      const _ = t.findIndex((v) => v.id === C.id), y = t.findIndex((v) => v.id === M.id);
+      if (_ !== -1 && y !== -1) {
+        const v = _r(t, _, y);
+        d(v.map((b) => b.id));
+      }
+    },
+    [t, d]
+  ), P = t.map((L) => L.id), D = N ? _n : Te, T = () => t.map((L) => /* @__PURE__ */ e(
+    D,
+    {
+      item: L,
+      density: r,
+      isSelected: n.has(L.id),
+      onSelect: A,
+      onItemOpen: i,
+      contextMenuActions: m,
+      selectedItems: h
+    },
+    L.id
+  ));
+  if (!s) {
+    const L = /* @__PURE__ */ l(
+      "div",
+      {
+        "data-testid": "card-view",
+        "data-slot": "card-view",
+        role: "listbox",
+        "aria-label": "Items grid",
+        "aria-multiselectable": "true",
+        className: w("grid", p, u, f),
+        children: [
+          t.length === 0 && /* @__PURE__ */ e("div", { className: "sr-only", children: "No items" }),
+          T()
+        ]
+      }
+    );
+    return N ? /* @__PURE__ */ e(
+      Br,
+      {
+        sensors: z,
+        collisionDetection: Or,
+        onDragEnd: k,
+        accessibility: {
+          screenReaderInstructions: {
+            draggable: "To pick up a draggable item, press space or enter. Use arrow keys to move. Press space or enter again to drop, or press escape to cancel."
+          }
+        },
+        children: /* @__PURE__ */ e(jr, { items: P, strategy: Kr, children: L })
+      }
+    ) : L;
+  }
+  const B = S.getVirtualItems();
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ref: c,
+      "data-testid": "card-view",
+      "data-slot": "card-view",
+      role: "listbox",
+      "aria-label": "Items grid",
+      "aria-multiselectable": "true",
+      className: w("overflow-auto", f),
+      style: { maxHeight: "80vh" },
+      children: /* @__PURE__ */ e("div", { role: "presentation", style: { height: S.getTotalSize(), position: "relative" }, children: B.map((L) => {
+        const C = L.index * g, M = t.slice(C, C + g);
+        return /* @__PURE__ */ e(
+          "div",
+          {
+            role: "presentation",
+            className: w("grid", p, u),
+            style: {
+              position: "absolute",
+              top: 0,
+              left: 0,
+              width: "100%",
+              transform: `translateY(${L.start}px)`
+            },
+            children: M.map((_) => /* @__PURE__ */ e(
+              Te,
+              {
+                item: _,
+                density: r,
+                isSelected: n.has(_.id),
+                onSelect: A,
+                onItemOpen: i,
+                contextMenuActions: m,
+                selectedItems: h
+              },
+              _.id
+            ))
+          },
+          L.key
+        );
+      }) })
+    }
+  );
+}
+function Qn({
+  view: t,
+  onViewChange: r,
+  searchValue: n,
+  onSearchChange: a,
+  columns: i,
+  onColumnVisibilityChange: m,
+  allowSplitView: d,
+  isSplitViewOpen: o,
+  onSplitViewToggle: f,
+  cardDensity: h,
+  onCardDensityChange: p,
+  toolbarLeft: u,
+  searchPlaceholder: c,
+  className: s
+}) {
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      "data-slot": "list-view-toolbar",
+      role: "toolbar",
+      "aria-label": "List view controls",
+      className: w("flex items-center gap-2 px-2 py-1.5", s),
+      children: [
+        u,
+        /* @__PURE__ */ l("div", { className: "relative flex-1 max-w-sm", children: [
+          /* @__PURE__ */ e(at, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 size-4 text-muted-foreground", "aria-hidden": "true" }),
+          /* @__PURE__ */ e(
+            ee,
+            {
+              value: n,
+              onChange: (g) => a(g.target.value),
+              placeholder: c ?? "Search...",
+              "aria-label": c ?? "Search items",
+              className: "pl-8 h-8"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ l("div", { className: "flex items-center rounded-md border", role: "group", "aria-label": "View mode", children: [
+          /* @__PURE__ */ e(
+            $,
+            {
+              variant: t === "table" ? "secondary" : "ghost",
+              size: "sm",
+              onClick: () => r("table"),
+              "aria-label": "Table view",
+              "aria-pressed": t === "table",
+              className: "rounded-r-none h-8",
+              children: /* @__PURE__ */ e(it, { className: "size-4", "aria-hidden": "true" })
+            }
+          ),
+          /* @__PURE__ */ e(
+            $,
+            {
+              variant: t === "card" ? "secondary" : "ghost",
+              size: "sm",
+              onClick: () => r("card"),
+              "aria-label": "Card view",
+              "aria-pressed": t === "card",
+              className: "rounded-l-none h-8",
+              children: /* @__PURE__ */ e(He, { className: "size-4", "aria-hidden": "true" })
+            }
+          )
+        ] }),
+        t === "table" && i && m && /* @__PURE__ */ l(Ye, { children: [
+          /* @__PURE__ */ e(Ze, { asChild: !0, children: /* @__PURE__ */ e(
+            $,
+            {
+              variant: "outline",
+              size: "sm",
+              className: "h-8",
+              "aria-label": "Toggle columns",
+              children: /* @__PURE__ */ e(vr, { className: "size-4", "aria-hidden": "true" })
+            }
+          ) }),
+          /* @__PURE__ */ e(Je, { align: "end", children: i.map((g) => /* @__PURE__ */ e(
+            Wr,
+            {
+              checked: g.visible !== !1,
+              onCheckedChange: () => m(g.key),
+              children: g.label
+            },
+            g.key
+          )) })
+        ] }),
+        t === "card" && h && p && /* @__PURE__ */ l(Ye, { children: [
+          /* @__PURE__ */ e(Ze, { asChild: !0, children: /* @__PURE__ */ e(
+            $,
+            {
+              variant: "outline",
+              size: "sm",
+              className: "h-8",
+              "aria-label": "Card density",
+              children: /* @__PURE__ */ e(He, { className: "size-4", "aria-hidden": "true" })
+            }
+          ) }),
+          /* @__PURE__ */ e(Je, { align: "end", children: ["compact", "regular", "expanded"].map((g) => /* @__PURE__ */ e(
+            Qr,
+            {
+              onClick: () => p(g),
+              className: h === g ? "bg-accent" : "",
+              children: g.charAt(0).toUpperCase() + g.slice(1)
+            },
+            g
+          )) })
+        ] }),
+        d && /* @__PURE__ */ e(
+          $,
+          {
+            variant: o ? "secondary" : "outline",
+            size: "sm",
+            className: "h-8",
+            onClick: f,
+            "aria-label": "Toggle split view",
+            "aria-pressed": o,
+            children: /* @__PURE__ */ e(xr, { className: "size-4", "aria-hidden": "true" })
+          }
+        )
+      ]
+    }
+  );
+}
+function Xn({
+  totalCount: t,
+  filteredCount: r,
+  selectedCount: n,
+  className: a
+}) {
+  let m = r < t ? `${r} of ${t} items` : `${t} items`;
+  return n > 0 && (m += ` · ${n} selected`), /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "list-view-status-bar",
+      role: "status",
+      "aria-live": "polite",
+      "aria-atomic": "true",
+      className: w("text-muted-foreground text-xs px-2 py-1", a),
+      children: m
+    }
+  );
+}
+function Yn({
+  isOpen: t,
+  renderDetail: r,
+  selectedItem: n,
+  children: a,
+  className: i
+}) {
+  return t ? /* @__PURE__ */ l(
+    "div",
+    {
+      "data-slot": "list-view-split-pane",
+      className: w("grid grid-cols-2 gap-0", i),
+      children: [
+        /* @__PURE__ */ e("div", { className: "overflow-auto border-r", children: a }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            role: "complementary",
+            "aria-label": "Item detail",
+            className: "overflow-auto p-4",
+            children: n ? r(n) : /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center text-muted-foreground text-sm", children: "Select an item to view details" })
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ e("div", { "data-slot": "list-view-split-pane", className: i, children: a });
+}
+function Zn({
+  isFiltered: t,
+  className: r
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      role: "status",
+      "data-testid": "list-view-empty-state",
+      className: w(
+        "flex flex-col items-center justify-center py-16 text-muted-foreground",
+        r
+      ),
+      children: t ? /* @__PURE__ */ l(Ke, { children: [
+        /* @__PURE__ */ e(yr, { className: "size-12 mb-4", strokeWidth: 1 }),
+        /* @__PURE__ */ e("p", { className: "text-sm font-medium", children: "No matching results found." }),
+        /* @__PURE__ */ e("p", { className: "text-xs mt-1", children: "Try adjusting your search terms." })
+      ] }) : /* @__PURE__ */ l(Ke, { children: [
+        /* @__PURE__ */ e(Nr, { className: "size-12 mb-4", strokeWidth: 1 }),
+        /* @__PURE__ */ e("p", { className: "text-sm font-medium", children: "No entries were found." })
+      ] })
+    }
+  );
+}
+function Jn({
+  orderedIds: t,
+  onSelectionChange: r
+}) {
+  const [n, a] = R(/* @__PURE__ */ new Set()), i = F(null);
+  X(() => {
+    r && r(Array.from(n));
+  }, [n, r]);
+  const m = (c, s, g) => {
+    if (s) {
+      const x = i.current ?? t[0], N = t.indexOf(x), z = t.indexOf(c);
+      if (N !== -1 && z !== -1) {
+        const S = Math.min(N, z), A = Math.max(N, z), k = t.slice(S, A + 1);
+        a(new Set(k));
+      }
+    } else g ? (a((x) => {
+      const N = new Set(x);
+      return N.has(c) ? N.delete(c) : N.add(c), N;
+    }), i.current = c) : (a(/* @__PURE__ */ new Set([c])), i.current = c);
+  }, d = () => {
+    const c = t.every((s) => n.has(s));
+    a(c ? /* @__PURE__ */ new Set() : new Set(t));
+  }, o = () => {
+    a(/* @__PURE__ */ new Set());
+  }, f = (c) => {
+    a(new Set(c));
+  }, h = (c) => n.has(c), p = t.length > 0 && t.every((c) => n.has(c)), u = n.size > 0 && n.size < t.length && t.some((c) => n.has(c));
+  return {
+    selectedIds: n,
+    handleSelect: m,
+    handleSelectAll: d,
+    clearSelection: o,
+    setSelection: f,
+    isSelected: h,
+    isAllSelected: p,
+    isIndeterminate: u
+  };
+}
+function qn({
+  onSortChange: t
+}) {
+  const [r, n] = R(null);
+  return X(() => {
+    t && t(r);
+  }, [r, t]), {
+    sort: r,
+    toggleSort: (d) => {
+      n((o) => !o || o.columnKey !== d ? { columnKey: d, direction: "asc" } : o.direction === "asc" ? { columnKey: d, direction: "desc" } : null);
+    },
+    clearSort: () => {
+      n(null);
+    },
+    sortItems: (d) => {
+      if (!r)
+        return d;
+      const { columnKey: o, direction: f } = r, h = [...d];
+      return h.sort((p, u) => {
+        const c = o === "name" ? p.name : p.metadata[o], s = o === "name" ? u.name : u.metadata[o];
+        if (c == null && s == null) return 0;
+        if (c == null) return 1;
+        if (s == null) return -1;
+        let g = 0;
+        return typeof c == "number" && typeof s == "number" ? g = c - s : typeof c == "string" && typeof s == "string" ? g = c.localeCompare(s) : g = String(c).localeCompare(String(s)), f === "asc" ? g : -g;
+      }), h;
+    }
+  };
+}
+function ea() {
+  const [t, r] = R(""), [n, a] = R("");
+  return X(() => {
+    const m = setTimeout(() => {
+      a(t);
+    }, Kn);
+    return () => clearTimeout(m);
+  }, [t]), {
+    searchValue: t,
+    setSearchValue: r,
+    filterItems: (m, d) => {
+      if (!n.trim())
+        return m;
+      const o = n.toLowerCase();
+      return m.filter((f) => {
+        if (f.name.toLowerCase().includes(o))
+          return !0;
+        if (d) {
+          const h = d.filter((p) => p.visible !== !1);
+          for (const p of h) {
+            const u = f.metadata[p.key];
+            if ((typeof u == "string" || typeof u == "number") && String(u).toLowerCase().includes(o))
+              return !0;
+          }
+        }
+        return !1;
+      });
+    }
+  };
+}
+function vt(t) {
+  const r = t.map((a) => a.key).join(","), n = /* @__PURE__ */ new Map();
+  return t.forEach((a) => {
+    n.set(a.key, a.visible !== !1);
+  }), { columnsKey: r, visibilityMap: n };
+}
+function ta(t, r) {
+  switch (r.type) {
+    case "TOGGLE": {
+      const n = t.visibilityMap.get(r.key) ?? !1, a = Array.from(t.visibilityMap.values()).filter(
+        Boolean
+      ).length;
+      if (n && a === 1)
+        return t;
+      const i = new Map(t.visibilityMap);
+      return i.set(r.key, !n), { ...t, visibilityMap: i };
+    }
+    case "RESET":
+      return vt(r.columns);
+    default:
+      return t;
+  }
+}
+function ra(t) {
+  const [r, n] = Tr(ta, t, vt), a = ne(
+    () => t.map((f) => f.key).join(","),
+    [t]
+  );
+  X(() => {
+    r.columnsKey !== a && n({ type: "RESET", columns: t });
+  }, [t, a, r.columnsKey]);
+  const i = (f) => {
+    n({ type: "TOGGLE", key: f });
+  }, m = (f) => r.visibilityMap.get(f) ?? !1, d = ne(() => t.filter((f) => r.visibilityMap.get(f.key) !== !1), [t, r.visibilityMap]), o = ne(() => t.map((f) => ({
+    ...f,
+    visible: r.visibilityMap.get(f.key) !== !1
+  })), [t, r.visibilityMap]);
+  return {
+    visibleColumns: d,
+    allColumns: o,
+    toggleColumn: i,
+    isColumnVisible: m
+  };
+}
+function na({
+  onSelectAll: t,
+  onClearSelection: r,
+  onOpenSelected: n
+}) {
+  return {
+    containerRef: F(null),
+    handleKeyDown: (m) => {
+      if (m.key === "a" && (m.metaKey || m.ctrlKey)) {
+        m.preventDefault(), t();
+        return;
+      }
+      if (m.key === "Escape") {
+        r();
+        return;
+      }
+      if (m.key === "Enter") {
+        n();
+        return;
+      }
+    }
+  };
+}
+const aa = [{ key: "name", label: "Name", sortable: !0 }];
+function ki({
+  items: t,
+  view: r,
+  onViewChange: n,
+  columns: a = aa,
+  onSelectionChange: i,
+  onItemOpen: m,
+  onSortChange: d,
+  allowSplitView: o = !1,
+  contextMenuActions: f,
+  renderDetail: h,
+  cardDensity: p = "regular",
+  onCardDensityChange: u,
+  onReorder: c,
+  virtualizeThreshold: s,
+  toolbarLeft: g,
+  searchPlaceholder: x,
+  emptyState: N,
+  className: z
+}) {
+  const [S, A] = R(!1), { searchValue: k, setSearchValue: P, filterItems: D } = ea(), { visibleColumns: T, allColumns: B, toggleColumn: L } = ra(a), { sort: C, toggleSort: M, sortItems: _ } = qn({ onSortChange: d }), y = ne(
+    () => D(t, T),
+    [D, t, T]
+  ), v = ne(
+    () => _(y),
+    [_, y]
+  ), b = ne(
+    () => v.map((I) => I.id),
+    [v]
+  ), { selectedIds: O, handleSelect: J, handleSelectAll: Q, clearSelection: H } = Jn({
+    orderedIds: b,
+    onSelectionChange: i
+  }), te = ne(() => {
+    const I = Array.from(O);
+    for (let j = I.length - 1; j >= 0; j--) {
+      const V = v.find((se) => se.id === I[j]);
+      if (V) return V;
+    }
+    return null;
+  }, [O, v]), { containerRef: ie, handleKeyDown: E } = na({
+    onSelectAll: Q,
+    onClearSelection: H,
+    onOpenSelected: () => {
+      te && m && m(te);
+    }
+  }), U = (I) => {
+    I && M(I.columnKey);
+  };
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      ref: ie,
+      "data-testid": "list-view",
+      "data-slot": "list-view",
+      role: "region",
+      "aria-label": "List view",
+      tabIndex: -1,
+      onKeyDown: E,
+      className: w("flex flex-col", z),
+      children: [
+        /* @__PURE__ */ e(
+          Qn,
+          {
+            view: r,
+            onViewChange: n,
+            searchValue: k,
+            onSearchChange: P,
+            columns: r === "table" ? B : void 0,
+            onColumnVisibilityChange: r === "table" ? L : void 0,
+            allowSplitView: o,
+            isSplitViewOpen: S,
+            onSplitViewToggle: () => A((I) => !I),
+            cardDensity: r === "card" ? p : void 0,
+            onCardDensityChange: r === "card" ? u : void 0,
+            toolbarLeft: g,
+            searchPlaceholder: x
+          }
+        ),
+        /* @__PURE__ */ e(
+          Yn,
+          {
+            isOpen: S && o,
+            renderDetail: h ?? (() => null),
+            selectedItem: te,
+            children: /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto transition-opacity duration-150", children: v.length === 0 ? typeof N == "function" ? N({ isFiltered: t.length > 0 && v.length === 0 }) : N ?? /* @__PURE__ */ e(Zn, { isFiltered: t.length > 0 && v.length === 0 }) : r === "table" ? /* @__PURE__ */ e(
+              Fn,
+              {
+                items: v,
+                columns: T,
+                sort: C,
+                onSortChange: U,
+                selectedIds: O,
+                onSelectionAction: (I) => {
+                  switch (I.type) {
+                    case "select":
+                      J(I.id, I.shiftKey, I.metaKey);
+                      break;
+                    case "select-all":
+                      Q();
+                      break;
+                    case "clear":
+                      H();
+                      break;
+                  }
+                },
+                onItemOpen: m,
+                contextMenuActions: f,
+                virtualizeThreshold: s
+              }
+            ) : /* @__PURE__ */ e(
+              Wn,
+              {
+                items: v,
+                density: p,
+                selectedIds: O,
+                onSelectionAction: (I) => {
+                  switch (I.type) {
+                    case "select":
+                      J(I.id, I.shiftKey, I.metaKey);
+                      break;
+                    case "select-all":
+                      Q();
+                      break;
+                    case "clear":
+                      H();
+                      break;
+                  }
+                },
+                onItemOpen: m,
+                contextMenuActions: f,
+                onReorder: c,
+                virtualizeThreshold: s
+              }
+            ) })
+          }
+        ),
+        /* @__PURE__ */ e(
+          Xn,
+          {
+            totalCount: t.length,
+            filteredCount: v.length,
+            selectedCount: O.size
+          }
+        )
+      ]
+    }
+  );
+}
+const De = Me(null);
+function Ci({ children: t }) {
+  const [r, n] = R([]), a = ae((d) => {
+    n((o) => [...o.filter((h) => h.id !== d.id), d].sort((h, p) => h.order - p.order));
+  }, []), i = ae((d) => {
+    n((o) => o.filter((f) => f.id !== d));
+  }, []), m = { items: r, addItem: a, removeItem: i };
+  return /* @__PURE__ */ e(De.Provider, { value: m, children: t });
+}
+function ia() {
+  const t = Ee(De);
+  if (!t)
+    throw new Error("useBreadcrumbs must be used within a BreadcrumbProvider");
+  return t.items;
+}
+function Si(t) {
+  const r = Ee(De);
+  if (!r)
+    throw new Error("useBreadcrumbItem must be used within a BreadcrumbProvider");
+  const { addItem: n, removeItem: a } = r, { id: i, label: m, href: d, order: o } = t;
+  X(() => (n({ id: i, label: m, href: d, order: o }), () => {
+    a(i);
+  }), [i, m, d, o, n, a]);
+}
+const sa = 4;
+function zi({
+  maxVisibleItems: t = sa,
+  className: r,
+  listClassName: n
+}) {
+  const a = ia();
+  if (a.length === 0)
+    return null;
+  const i = a.length > t, m = oa(a, t, i);
+  return /* @__PURE__ */ e(Lr, { className: r, children: /* @__PURE__ */ e(Mr, { className: n, children: m.map((d, o) => {
+    const f = o === m.length - 1;
+    return d.type === "ellipsis" ? /* @__PURE__ */ l(Ve.Fragment, { children: [
+      /* @__PURE__ */ e(Re, { children: /* @__PURE__ */ e(Er, {}) }),
+      /* @__PURE__ */ e(We, {})
+    ] }, "__ellipsis") : f ? /* @__PURE__ */ e(Re, { children: /* @__PURE__ */ e(Qe, { children: d.item.label }) }, d.item.id) : /* @__PURE__ */ l(Ve.Fragment, { children: [
+      /* @__PURE__ */ e(Re, { children: d.item.href ? /* @__PURE__ */ e(Pr, { href: d.item.href, children: d.item.label }) : /* @__PURE__ */ e(Qe, { children: d.item.label }) }),
+      /* @__PURE__ */ e(We, {})
+    ] }, d.item.id);
+  }) }) });
+}
+function oa(t, r, n) {
+  if (!n)
+    return t.map((d) => ({ type: "item", item: d }));
+  const a = r - 1, i = t[0], m = t.slice(-a);
+  return [
+    { type: "item", item: i },
+    { type: "ellipsis" },
+    ...m.map((d) => ({ type: "item", item: d }))
+  ];
+}
+function Ii({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    wr,
+    {
+      role: "status",
+      "aria-label": "Loading",
+      "data-slot": "spinner",
+      className: w("size-4 animate-spin", t),
+      ...r
+    }
+  );
+}
+const Ri = ce.Provider, Ai = ce.Root, Ti = ce.Trigger;
+function Li({
+  className: t,
+  sideOffset: r = 4,
+  children: n,
+  ...a
+}) {
+  return /* @__PURE__ */ e(ce.Portal, { children: /* @__PURE__ */ l(
+    ce.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset: r,
+      className: w(
+        "animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        "z-50 max-w-60 rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground shadow-md",
+        t
+      ),
+      ...a,
+      children: [
+        n,
+        /* @__PURE__ */ e(ce.Arrow, { className: "fill-primary" })
+      ]
+    }
+  ) });
+}
+function Mi(t) {
+  const { theme: r = "system" } = un();
+  return /* @__PURE__ */ e(
+    mn,
+    {
+      theme: r,
+      className: "toaster group",
+      icons: {
+        success: /* @__PURE__ */ e(Ir, { className: "size-4" }),
+        info: /* @__PURE__ */ e(zr, { className: "size-4" }),
+        warning: /* @__PURE__ */ e(Sr, { className: "size-4" }),
+        error: /* @__PURE__ */ e(Cr, { className: "size-4" }),
+        loading: /* @__PURE__ */ e(kr, { className: "size-4 animate-spin" })
+      },
+      style: {
+        "--normal-bg": "var(--color-popover)",
+        "--normal-text": "var(--color-popover-foreground)",
+        "--normal-border": "var(--color-border)",
+        "--border-radius": "var(--radius-lg)"
+      },
+      ...t
+    }
+  );
+}
+const xt = Me(void 0), yt = "(prefers-color-scheme: dark)";
+function la() {
+  return window.matchMedia(yt).matches ? "dark" : "light";
+}
+function rt(t) {
+  const r = t === "system" ? la() : t;
+  document.documentElement.classList.toggle("dark", r === "dark");
+}
+function Ei({
+  children: t,
+  defaultTheme: r = "system",
+  storageKey: n = "even-tide-theme"
+}) {
+  const [a, i] = R(() => {
+    const d = localStorage.getItem(n);
+    return d === "light" || d === "dark" || d === "system" ? d : r;
+  });
+  X(() => {
+    rt(a);
+  }, [a]), X(() => {
+    if (a !== "system") return;
+    const d = window.matchMedia(yt), o = () => rt("system");
+    return d.addEventListener("change", o), () => d.removeEventListener("change", o);
+  }, [a]);
+  function m(d) {
+    localStorage.setItem(n, d), i(d);
+  }
+  return /* @__PURE__ */ e(xt.Provider, { value: { theme: a, setTheme: m }, children: t });
+}
+function ca() {
+  const t = Ee(xt);
+  if (t === void 0)
+    throw new Error("useTheme must be used within a ThemeProvider");
+  return t;
+}
+function Pi({ className: t }) {
+  const { theme: r, setTheme: n } = ca(), a = r === "dark" || r === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches;
+  return /* @__PURE__ */ e(
+    Ge.Root,
+    {
+      checked: a,
+      onCheckedChange: (i) => n(i ? "dark" : "light"),
+      "aria-label": "Toggle dark mode",
+      className: w(
+        "relative inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border border-transparent shadow-xs transition-colors outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80",
+        t
+      ),
+      children: /* @__PURE__ */ l(
+        Ge.Thumb,
+        {
+          className: "pointer-events-none flex size-5 items-center justify-center rounded-full bg-background shadow-sm ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0 dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground",
+          children: [
+            /* @__PURE__ */ e(Rr, { className: "size-3 rotate-0 scale-100 transition-transform dark:rotate-90 dark:scale-0" }),
+            /* @__PURE__ */ e(Ar, { className: "absolute size-3 rotate-90 scale-0 transition-transform dark:rotate-0 dark:scale-100 dark:text-primary" })
+          ]
+        }
+      )
     }
   );
 }
-function wr(...t) {
-  return ut(dt(t));
+function Di(...t) {
+  return hn(fn(t));
 }
 export {
-  Yt as Badge,
-  Jt as Button,
-  qt as Card,
-  nr as CardAction,
-  ar as CardContent,
-  rr as CardDescription,
-  ir as CardFooter,
-  er as CardHeader,
-  tr as CardTitle,
-  ur as Checkbox,
-  fr as ColorInput,
-  yt as DEFAULT_COUNTRIES,
-  xr as DatePicker,
-  hr as EmailInput,
-  H as FieldWrapper,
-  yr as FileInput,
-  sr as Input,
-  dr as NumberInput,
-  lr as PasswordInput,
-  Nr as QuerySelect,
-  Cr as RichTextInput,
-  pr as SelectInput,
-  mr as SwitchInput,
-  vr as TelephoneInput,
-  or as TextInput,
-  cr as TextareaInput,
-  br as TimePicker,
-  gr as URLInput,
-  ft as badgeVariants,
-  mt as buttonVariants,
-  wr as cn
+  vn as AlertItem,
+  Wa as AlertProvider,
+  Ni as AudioInput,
+  Qa as Badge,
+  Ci as BreadcrumbProvider,
+  zi as Breadcrumbs,
+  Ga as Button,
+  Xa as Card,
+  qa as CardAction,
+  ei as CardContent,
+  Ja as CardDescription,
+  ti as CardFooter,
+  Ya as CardHeader,
+  Te as CardItem,
+  Za as CardTitle,
+  Wn as CardView,
+  li as Checkbox,
+  di as ColorInput,
+  Mn as DEFAULT_COUNTRIES,
+  pi as DatePicker,
+  mi as EmailInput,
+  q as FieldWrapper,
+  bi as FileInput,
+  ri as Input,
+  wn as InputOTP,
+  kn as InputOTPGroup,
+  Sn as InputOTPSeparator,
+  Cn as InputOTPSlot,
+  ki as ListView,
+  Yn as ListViewSplitPane,
+  Xn as ListViewStatusBar,
+  Qn as ListViewToolbar,
+  oi as NumberInput,
+  si as PasswordInput,
+  vi as QuerySelect,
+  xi as RichTextInput,
+  ui as SelectInput,
+  ni as Slider,
+  yi as SliderInput,
+  _n as SortableCardItem,
+  Ii as Spinner,
+  ci as SwitchInput,
+  Fn as TableView,
+  hi as TelephoneInput,
+  ai as TextInput,
+  ii as TextareaInput,
+  Ei as ThemeProvider,
+  Pi as ThemeToggle,
+  gi as TimePicker,
+  Mi as Toaster,
+  Ai as Tooltip,
+  Li as TooltipContent,
+  Ri as TooltipProvider,
+  Ti as TooltipTrigger,
+  fi as URLInput,
+  wi as VideoInput,
+  Nn as badgeVariants,
+  pn as buttonVariants,
+  Di as cn,
+  Bi as toast,
+  Si as useBreadcrumbItem,
+  ia as useBreadcrumbs,
+  ra as useColumnVisibility,
+  ea as useFiltering,
+  na as useListViewKeyboard,
+  Jn as useSelection,
+  qn as useSorting,
+  ca as useTheme
 };