@bl33dz/fa814698dcde12f86a37ac31dd3aedf9 1.0.18 → 1.0.19

package/dist/perisai-ui.es.js

@@ -1,15 +1,15 @@
-import { defineComponent as f, createElementBlock as l, openBlock as r, renderSlot as d, createVNode as _, createElementVNode as c, unref as s, createBlock as g, mergeProps as b, withCtx as u, computed as w, ref as V, watch as Z, customRef as It, isRef as fe, reactive as Se, toRefs as Ce, getCurrentInstance as qe, nextTick as Ke, onUpdated as Mt, onMounted as re, normalizeClass as k, normalizeProps as Q, guardReactiveProps as ee, createTextVNode as O, toDisplayString as I, createCommentVNode as z, onUnmounted as ne, resolveComponent as be, normalizeStyle as H, Fragment as F, renderList as G, useSlots as le, defineAsyncComponent as Tt, provide as ue, resolveDynamicComponent as Y, useAttrs as U, withModifiers as Dt, inject as ve, onBeforeUnmount as Vt, h as se, Teleport as Pt, Transition as Oe, TransitionGroup as At, withDirectives as Ot, vShow as jt } from "vue";
-import { MoreHorizontal as Lt, ChevronDown as ze, Loader2Icon as Rt, X as he, Search as me, Minus as Ft, Check as Et, ChevronUp as Nt, CheckCircle as _e, AlertCircle as Xe, Loader2 as Ut, CircleIcon as Ht, User as Gt, PanelLeft as Wt, Lock as qt, Unlock as Kt, ArrowUpDown as Xt, ArrowDown as Jt, ArrowUp as Zt } from "lucide-vue-next";
+import { defineComponent as f, createElementBlock as l, openBlock as r, renderSlot as d, createVNode as h, createElementVNode as c, unref as s, createBlock as g, mergeProps as b, withCtx as u, computed as k, ref as V, watch as Z, customRef as It, isRef as fe, reactive as $e, toRefs as Se, getCurrentInstance as qe, nextTick as Ke, onUpdated as Mt, onMounted as re, normalizeClass as x, normalizeProps as Q, guardReactiveProps as ee, createTextVNode as O, toDisplayString as M, createCommentVNode as z, onUnmounted as ne, resolveComponent as Be, normalizeStyle as H, Fragment as F, renderList as G, useSlots as le, defineAsyncComponent as Tt, provide as ue, resolveDynamicComponent as Y, useAttrs as U, withModifiers as Dt, inject as be, onBeforeUnmount as Vt, h as se, Teleport as Pt, Transition as Oe, TransitionGroup as At, withDirectives as Ot, vShow as jt } from "vue";
+import { MoreHorizontal as Lt, ChevronDown as ze, Loader2Icon as Rt, X as ve, Search as me, Minus as Ft, Check as Et, ChevronUp as Nt, CheckCircle as he, AlertCircle as Xe, Loader2 as Ut, CircleIcon as Ht, User as Gt, PanelLeft as Wt, Lock as qt, Unlock as Kt, ArrowUpDown as Xt, ArrowDown as Jt, ArrowUp as Zt } from "lucide-vue-next";
 import { useForwardPropsEmits as N, AccordionRoot as Yt, AccordionContent as Qt, useForwardProps as q, AccordionItem as ea, AccordionHeader as ta, AccordionTrigger as aa, TooltipRoot as sa, TooltipPortal as oa, TooltipContent as ra, TooltipArrow as na, TooltipProvider as la, TooltipTrigger as ia, useFilter as da, ListboxRoot as ca, DialogRoot as ua, DialogClose as Ie, DialogOverlay as Je, DialogPortal as Ze, DialogContent as pa, DialogDescription as fa, DialogTitle as ma, DialogTrigger as ga, Primitive as ba, useId as Ye, ListboxGroup as va, ListboxGroupLabel as ha, ListboxFilter as _a, ListboxItem as ya, ListboxContent as xa, Separator as Qe, createContext as et, SwitchRoot as wa, SwitchThumb as ka, CollapsibleRoot as $a, CollapsibleContent as Sa, CollapsibleTrigger as Ca, PopoverPortal as Ba, PopoverContent as za, PopoverRoot as Ia, PopoverTrigger as Ma, SelectRoot as Ta, SelectPortal as Da, SelectContent as Va, SelectViewport as Pa, SelectItem as Aa, SelectItemIndicator as Oa, SelectItemText as ja, SelectScrollDownButton as La, SelectScrollUpButton as Ra, SelectTrigger as Fa, SelectIcon as Ea, SelectValue as Na, SelectSeparator as Ua, AvatarRoot as Ha, AvatarFallback as Ga, AvatarImage as Wa, DropdownMenuRoot as qa, DropdownMenuPortal as tt, DropdownMenuContent as Ka, DropdownMenuTrigger as Xa, RadioGroupRoot as Ja, RadioGroupItem as Za, RadioGroupIndicator as Ya, TabsRoot as Qa, TabsContent as es, TabsList as ts, TabsTrigger as as, SliderRoot as ss, SliderTrack as os, SliderRange as rs, SliderThumb as ns, Toggle as ls } from "reka-ui";
 import { clsx as Me } from "clsx";
 import { twMerge as Te } from "tailwind-merge";
-import { cva as Be } from "class-variance-authority";
+import { cva as Ce } from "class-variance-authority";
 import { DrawerPortal as is, DrawerOverlay as ds, DrawerContent as cs, DrawerTrigger as us, DrawerRoot as ps } from "vaul-vue";
 import { OTPInput as fs } from "input-otp";
 const ms = {
   "data-slot": "breadcrumb-list",
   class: "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5"
-}, vd = /* @__PURE__ */ f({
+}, hd = /* @__PURE__ */ f({
   __name: "BreadcrumbList",
   setup(t) {
     return (e, a) => (r(), l("ol", ms, [
@@ -19,7 +19,7 @@ const ms = {
 }), gs = {
   "data-slot": "breadcrumb-link",
   class: "hover:text-foreground transition-colors"
-}, hd = /* @__PURE__ */ f({
+}, _d = /* @__PURE__ */ f({
   __name: "BreadcrumbLink",
   setup(t) {
     return (e, a) => (r(), l("a", gs, [
@@ -32,7 +32,7 @@ const ms = {
   "aria-disabled": "true",
   "aria-current": "page",
   class: "text-foreground font-normal"
-}, _d = /* @__PURE__ */ f({
+}, yd = /* @__PURE__ */ f({
   __name: "BreadcrumbPage",
   setup(t) {
     return (e, a) => (r(), l("span", bs, [
@@ -44,11 +44,11 @@ const ms = {
   role: "presentation",
   "aria-hidden": "true",
   class: "flex size-9 items-center justify-center"
-}, yd = /* @__PURE__ */ f({
+}, xd = /* @__PURE__ */ f({
   __name: "BreadcrumbEllipsis",
   setup(t) {
     return (e, a) => (r(), l("span", vs, [
-      _(s(Lt), { class: "size-4" }),
+      h(s(Lt), { class: "size-4" }),
       a[0] || (a[0] = c("span", { class: "sr-only" }, "More", -1))
     ]));
   }
@@ -83,22 +83,22 @@ function _s(t, e) {
     i.value = !0, n();
   };
   Z(t, p, { flush: "sync" });
-  const m = typeof e == "function" ? e : e.get, $ = typeof e == "function" ? void 0 : e.set, h = It((v, y) => (o = v, n = y, {
+  const m = typeof e == "function" ? e : e.get, $ = typeof e == "function" ? void 0 : e.set, v = It((_, y) => (o = _, n = y, {
     get() {
       return i.value && (a = m(), i.value = !1), o(), a;
     },
-    set(x) {
-      $?.(x);
+    set(w) {
+      $?.(w);
     }
   }));
-  return Object.isExtensible(h) && (h.trigger = p), h;
+  return Object.isExtensible(v) && (v.trigger = p), v;
 }
 function at(t) {
   return typeof t == "function" ? t() : s(t);
 }
 function ys(t) {
   if (!fe(t))
-    return Se(t);
+    return $e(t);
   const e = new Proxy({}, {
     get(a, o, n) {
       return s(Reflect.get(t.value, o, n));
@@ -122,14 +122,14 @@ function ys(t) {
       };
     }
   });
-  return Se(e);
+  return $e(e);
 }
 function xs(t) {
-  return ys(w(t));
+  return ys(k(t));
 }
 function D(t, ...e) {
   const a = e.flat(), o = a[0];
-  return xs(() => Object.fromEntries(typeof o == "function" ? Object.entries(Ce(t)).filter(([n, i]) => !o(at(i), n)) : Object.entries(Ce(t)).filter((n) => !a.includes(n[0]))));
+  return xs(() => Object.fromEntries(typeof o == "function" ? Object.entries(Se(t)).filter(([n, i]) => !o(at(i), n)) : Object.entries(Se(t)).filter((n) => !a.includes(n[0]))));
 }
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 const ws = (t) => typeof t < "u";
@@ -153,15 +153,15 @@ function Cs(t, e, a, o = {}) {
   const {
     clone: m = !1,
     passive: $ = !1,
-    eventName: h,
-    deep: v = !1,
+    eventName: v,
+    deep: _ = !1,
     defaultValue: y,
-    shouldEmit: x
+    shouldEmit: w
   } = o, S = qe(), B = a || S?.emit || ((n = S?.$emit) == null ? void 0 : n.bind(S)) || ((p = (i = S?.proxy) == null ? void 0 : i.$emit) == null ? void 0 : p.bind(S?.proxy));
-  let P = h;
+  let P = v;
   P = P || `update:${e.toString()}`;
   const R = (E) => m ? typeof m == "function" ? m(E) : $s(E) : E, K = () => ws(t[e]) ? R(t[e]) : y, X = (E) => {
-    x ? x(E) && B(P, E) : B(P, E);
+    w ? w(E) && B(P, E) : B(P, E);
   };
   if ($) {
     const E = K(), A = V(E);
@@ -174,12 +174,12 @@ function Cs(t, e, a, o = {}) {
     ), Z(
       A,
       (L) => {
-        !j && (L !== t[e] || v) && X(L);
+        !j && (L !== t[e] || _) && X(L);
       },
-      { deep: v }
+      { deep: _ }
     ), A;
   } else
-    return w({
+    return k({
       get() {
         return K();
       },
@@ -204,7 +204,7 @@ const Bs = /* @__PURE__ */ f({
     return (o, n) => (r(), g(s(Qt), b({ "data-slot": "accordion-content" }, s(a), { class: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" }), {
       default: u(() => [
         c("div", {
-          class: k(s(C)("pt-0 pb-4", e.class))
+          class: x(s(C)("pt-0 pb-4", e.class))
         }, [
           d(o.$slots, "default")
         ], 2)
@@ -244,7 +244,7 @@ const Bs = /* @__PURE__ */ f({
     const e = t, a = D(e, "class");
     return (o, n) => (r(), g(s(ta), { class: "flex" }, {
       default: u(() => [
-        _(s(aa), b({ "data-slot": "accordion-trigger" }, s(a), {
+        h(s(aa), b({ "data-slot": "accordion-trigger" }, s(a), {
           class: s(C)(
             "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
             e.class
@@ -253,7 +253,7 @@ const Bs = /* @__PURE__ */ f({
           default: u(() => [
             d(o.$slots, "default"),
             d(o.$slots, "icon", {}, () => [
-              _(s(ze), { class: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
+              h(s(ze), { class: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
             ])
           ]),
           _: 3
@@ -262,7 +262,7 @@ const Bs = /* @__PURE__ */ f({
       _: 3
     }));
   }
-}), xd = /* @__PURE__ */ f({
+}), wd = /* @__PURE__ */ f({
   __name: "Spinner",
   props: {
     class: {}
@@ -272,7 +272,7 @@ const Bs = /* @__PURE__ */ f({
     return (a, o) => (r(), g(s(Rt), {
       role: "status",
       "aria-label": "Loading",
-      class: k(s(C)("size-4 animate-spin", e.class))
+      class: x(s(C)("size-4 animate-spin", e.class))
     }, null, 8, ["class"]));
   }
 }), Ms = /* @__PURE__ */ f({
@@ -321,7 +321,7 @@ const Bs = /* @__PURE__ */ f({
   },
   emits: ["escapeKeyDown", "pointerDownOutside"],
   setup(t, { emit: e }) {
-    const a = Be(
+    const a = Ce(
       "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 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
       {
         variants: {
@@ -348,7 +348,7 @@ const Bs = /* @__PURE__ */ f({
           variant: "default"
         }
       }
-    ), o = Be(
+    ), o = Ce(
       "z-50 size-2.5 translate-y-[calc(-50%_-_1px)] rotate-45 rounded-[2px]",
       {
         variants: {
@@ -375,9 +375,9 @@ const Bs = /* @__PURE__ */ f({
         }
       }
     ), n = t, i = e, p = D(n, "class"), m = N(p, i);
-    return ($, h) => (r(), g(s(oa), null, {
+    return ($, v) => (r(), g(s(oa), null, {
       default: u(() => [
-        _(s(ra), b({ "data-slot": "tooltip-content" }, { ...s(m), ...$.$attrs }, {
+        h(s(ra), b({ "data-slot": "tooltip-content" }, { ...s(m), ...$.$attrs }, {
           class: s(C)(
             "bg-primary text-primary-foreground 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 w-fit rounded-md px-3 py-1.5 text-xs text-balance",
             s(a)({ variant: n.variant }),
@@ -387,8 +387,8 @@ const Bs = /* @__PURE__ */ f({
         }), {
           default: u(() => [
             d($.$slots, "default"),
-            _(s(na), {
-              class: k(s(C)(
+            h(s(na), {
+              class: x(s(C)(
                 "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]",
                 s(o)({ variant: n.variant })
               ))
@@ -455,7 +455,7 @@ const Bs = /* @__PURE__ */ f({
   },
   emits: ["update:modelValue", "highlight", "entryFocus", "leave"],
   setup(t, { emit: e }) {
-    const a = t, o = e, n = D(a, "class"), i = N(n, o), p = V(/* @__PURE__ */ new Map()), m = V(/* @__PURE__ */ new Map()), { contains: $ } = da({ sensitivity: "base" }), h = Se({
+    const a = t, o = e, n = D(a, "class"), i = N(n, o), p = V(/* @__PURE__ */ new Map()), m = V(/* @__PURE__ */ new Map()), { contains: $ } = da({ sensitivity: "base" }), v = $e({
       search: "",
       filtered: {
         /** The count of all visible items. */
@@ -466,32 +466,32 @@ const Bs = /* @__PURE__ */ f({
         groups: /* @__PURE__ */ new Set()
       }
     });
-    function v() {
-      if (!h.search) {
-        h.filtered.count = p.value.size;
+    function _() {
+      if (!v.search) {
+        v.filtered.count = p.value.size;
         return;
       }
-      h.filtered.groups = /* @__PURE__ */ new Set();
+      v.filtered.groups = /* @__PURE__ */ new Set();
       let y = 0;
-      for (const [x, S] of p.value) {
-        const B = $(S, h.search);
-        h.filtered.items.set(x, B ? 1 : 0), B && y++;
+      for (const [w, S] of p.value) {
+        const B = $(S, v.search);
+        v.filtered.items.set(w, B ? 1 : 0), B && y++;
       }
-      for (const [x, S] of m.value)
+      for (const [w, S] of m.value)
         for (const B of S)
-          if (h.filtered.items.get(B) > 0) {
-            h.filtered.groups.add(x);
+          if (v.filtered.items.get(B) > 0) {
+            v.filtered.groups.add(w);
             break;
           }
-      h.filtered.count = y;
+      v.filtered.count = y;
     }
-    return Z(() => h.search, () => {
-      v();
+    return Z(() => v.search, () => {
+      _();
     }), Es({
       allItems: p,
       allGroups: m,
-      filterState: h
-    }), (y, x) => (r(), g(s(ca), b({ "data-slot": "command" }, s(i), {
+      filterState: v
+    }), (y, w) => (r(), g(s(ca), b({ "data-slot": "command" }, s(i), {
       class: s(C)("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md", a.class)
     }), {
       default: u(() => [
@@ -565,8 +565,8 @@ const Bs = /* @__PURE__ */ f({
     const a = t, o = e, n = D(a, "class"), i = N(n, o);
     return (p, m) => (r(), g(s(Ze), null, {
       default: u(() => [
-        _(Os),
-        _(s(pa), b({ "data-slot": "dialog-content" }, s(i), {
+        h(Os),
+        h(s(pa), b({ "data-slot": "dialog-content" }, s(i), {
           class: s(C)(
             "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-lg border shadow-lg duration-200 sm:max-w-lg",
             a.class
@@ -574,9 +574,9 @@ const Bs = /* @__PURE__ */ f({
         }), {
           default: u(() => [
             d(p.$slots, "default"),
-            _(s(Ie), { class: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4" }, {
+            h(s(Ie), { class: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4" }, {
               default: u(() => [
-                _(s(he)),
+                h(s(ve)),
                 m[0] || (m[0] = c("span", { class: "sr-only" }, "Close", -1))
               ]),
               _: 1
@@ -615,7 +615,7 @@ const Bs = /* @__PURE__ */ f({
     const e = t;
     return (a, o) => (r(), l("div", {
       "data-slot": "dialog-header",
-      class: k(s(C)("flex flex-col gap-2 text-center sm:text-left", e.class))
+      class: x(s(C)("flex flex-col gap-2 text-center sm:text-left", e.class))
     }, [
       d(a.$slots, "default")
     ], 2));
@@ -653,7 +653,7 @@ const Bs = /* @__PURE__ */ f({
       _: 3
     }, 16));
   }
-}), wd = /* @__PURE__ */ f({
+}), kd = /* @__PURE__ */ f({
   __name: "CommandDialog",
   props: {
     open: { type: Boolean },
@@ -667,26 +667,26 @@ const Bs = /* @__PURE__ */ f({
     const n = N(t, e);
     return (i, p) => (r(), g(s(st), Q(ee(s(n))), {
       default: u(() => [
-        _(s(ot), { class: "overflow-hidden p-0" }, {
+        h(s(ot), { class: "overflow-hidden p-0" }, {
           default: u(() => [
-            _(s(js), { class: "sr-only" }, {
+            h(s(js), { class: "sr-only" }, {
               default: u(() => [
-                _(s(nt), null, {
+                h(s(nt), null, {
                   default: u(() => [
-                    O(I(t.title), 1)
+                    O(M(t.title), 1)
                   ]),
                   _: 1
                 }),
-                _(s(rt), null, {
+                h(s(rt), null, {
                   default: u(() => [
-                    O(I(t.description), 1)
+                    O(M(t.description), 1)
                   ]),
                   _: 1
                 })
               ]),
               _: 1
             }),
-            _(Ps, null, {
+            h(Ps, null, {
               default: u(() => [
                 d(i.$slots, "default")
               ]),
@@ -699,7 +699,7 @@ const Bs = /* @__PURE__ */ f({
       _: 3
     }, 16));
   }
-}), kd = /* @__PURE__ */ f({
+}), $d = /* @__PURE__ */ f({
   __name: "CommandEmpty",
   props: {
     asChild: { type: Boolean },
@@ -707,7 +707,7 @@ const Bs = /* @__PURE__ */ f({
     class: {}
   },
   setup(t) {
-    const e = t, a = D(e, "class"), { filterState: o } = ye(), n = w(
+    const e = t, a = D(e, "class"), { filterState: o } = _e(), n = k(
       () => !!o.search && o.filtered.count === 0
     );
     return (i, p) => n.value ? (r(), g(s(ba), b({
@@ -722,7 +722,7 @@ const Bs = /* @__PURE__ */ f({
       _: 3
     }, 16, ["class"])) : z("", !0);
   }
-}), $d = /* @__PURE__ */ f({
+}), Sd = /* @__PURE__ */ f({
   __name: "CommandGroup",
   props: {
     asChild: { type: Boolean },
@@ -731,7 +731,7 @@ const Bs = /* @__PURE__ */ f({
     heading: {}
   },
   setup(t) {
-    const e = t, a = D(e, "class"), { allGroups: o, filterState: n } = ye(), i = Ye(), p = w(() => n.search ? n.filtered.groups.has(i) : !0);
+    const e = t, a = D(e, "class"), { allGroups: o, filterState: n } = _e(), i = Ye(), p = k(() => n.search ? n.filtered.groups.has(i) : !0);
     return Us({ id: i }), re(() => {
       o.value.has(i) || o.value.set(i, /* @__PURE__ */ new Set());
     }), ne(() => {
@@ -748,7 +748,7 @@ const Bs = /* @__PURE__ */ f({
           class: "px-2 py-1.5 text-xs font-medium text-muted-foreground"
         }, {
           default: u(() => [
-            O(I(t.heading), 1)
+            O(M(t.heading), 1)
           ]),
           _: 1
         })) : z("", !0),
@@ -760,7 +760,7 @@ const Bs = /* @__PURE__ */ f({
 }), Rs = {
   "data-slot": "command-input-wrapper",
   class: "flex h-9 items-center gap-2 border-b px-3"
-}, Sd = /* @__PURE__ */ f({
+}, Cd = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "CommandInput",
   props: {
@@ -772,10 +772,10 @@ const Bs = /* @__PURE__ */ f({
     class: {}
   },
   setup(t) {
-    const e = t, a = D(e, "class"), o = q(a), { filterState: n } = ye();
+    const e = t, a = D(e, "class"), o = q(a), { filterState: n } = _e();
     return (i, p) => (r(), l("div", Rs, [
-      _(s(me), { class: "size-4 shrink-0 opacity-50" }),
-      _(s(_a), b({ ...s(o), ...i.$attrs }, {
+      h(s(me), { class: "size-4 shrink-0 opacity-50" }),
+      h(s(_a), b({ ...s(o), ...i.$attrs }, {
         modelValue: s(n).search,
         "onUpdate:modelValue": p[0] || (p[0] = (m) => s(n).search = m),
         "data-slot": "command-input",
@@ -784,7 +784,7 @@ const Bs = /* @__PURE__ */ f({
       }), null, 16, ["modelValue", "class"])
     ]));
   }
-}), Cd = /* @__PURE__ */ f({
+}), Bd = /* @__PURE__ */ f({
   __name: "CommandItem",
   props: {
     value: {},
@@ -795,25 +795,25 @@ const Bs = /* @__PURE__ */ f({
   },
   emits: ["select"],
   setup(t, { emit: e }) {
-    const a = t, o = e, n = D(a, "class"), i = N(n, o), p = Ye(), { filterState: m, allItems: $, allGroups: h } = ye(), v = Ns(), y = w(() => {
+    const a = t, o = e, n = D(a, "class"), i = N(n, o), p = Ye(), { filterState: m, allItems: $, allGroups: v } = _e(), _ = Ns(), y = k(() => {
       if (m.search) {
         const B = m.filtered.items.get(p);
         return B === void 0 ? !0 : B > 0;
       } else
         return !0;
-    }), x = V(), S = Ss(x);
+    }), w = V(), S = Ss(w);
     return re(() => {
       if (!(S.value instanceof HTMLElement))
         return;
       $.value.set(p, S.value.textContent ?? a.value?.toString() ?? "");
-      const B = v?.id;
-      B && (h.value.has(B) ? h.value.get(B)?.add(p) : h.value.set(B, /* @__PURE__ */ new Set([p])));
+      const B = _?.id;
+      B && (v.value.has(B) ? v.value.get(B)?.add(p) : v.value.set(B, /* @__PURE__ */ new Set([p])));
     }), ne(() => {
       $.value.delete(p);
     }), (B, P) => y.value ? (r(), g(s(ya), b({ key: 0 }, s(i), {
       id: s(p),
       ref_key: "itemRef",
-      ref: x,
+      ref: w,
       "data-slot": "command-item",
       class: s(C)("data-[state=checked]:bg-accent data-[highlighted]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 !py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", a.class),
       onSelect: P[0] || (P[0] = () => {
@@ -826,7 +826,7 @@ const Bs = /* @__PURE__ */ f({
       _: 3
     }, 16, ["id", "class"])) : z("", !0);
   }
-}), Fs = { role: "presentation" }, Bd = /* @__PURE__ */ f({
+}), Fs = { role: "presentation" }, zd = /* @__PURE__ */ f({
   __name: "CommandList",
   props: {
     asChild: { type: Boolean },
@@ -846,7 +846,7 @@ const Bs = /* @__PURE__ */ f({
       _: 3
     }, 16, ["class"]));
   }
-}), zd = /* @__PURE__ */ f({
+}), Id = /* @__PURE__ */ f({
   __name: "CommandSeparator",
   props: {
     orientation: {},
@@ -866,7 +866,7 @@ const Bs = /* @__PURE__ */ f({
       _: 3
     }, 16, ["class"]));
   }
-}), Id = /* @__PURE__ */ f({
+}), Md = /* @__PURE__ */ f({
   __name: "CommandShortcut",
   props: {
     class: {}
@@ -875,12 +875,12 @@ const Bs = /* @__PURE__ */ f({
     const e = t;
     return (a, o) => (r(), l("span", {
       "data-slot": "command-shortcut",
-      class: k(s(C)("text-muted-foreground ml-auto text-xs tracking-widest", e.class))
+      class: x(s(C)("text-muted-foreground ml-auto text-xs tracking-widest", e.class))
     }, [
       d(a.$slots, "default")
     ], 2));
   }
-}), [ye, Es] = et("Command"), [Ns, Us] = et("CommandGroup"), Md = /* @__PURE__ */ f({
+}), [_e, Es] = et("Command"), [Ns, Us] = et("CommandGroup"), Td = /* @__PURE__ */ f({
   __name: "Switch",
   props: {
     defaultValue: { type: Boolean },
@@ -904,9 +904,9 @@ const Bs = /* @__PURE__ */ f({
       )
     }), {
       default: u(() => [
-        _(s(ka), {
+        h(s(ka), {
           "data-slot": "switch-thumb",
-          class: k(s(C)("bg-switch-thumb dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block h-5 w-5 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"))
+          class: x(s(C)("bg-switch-thumb dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block h-5 w-5 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"))
         }, {
           default: u(() => [
             d(p.$slots, "thumb")
@@ -917,7 +917,7 @@ const Bs = /* @__PURE__ */ f({
       _: 3
     }, 16, ["class"]));
   }
-}), Td = /* @__PURE__ */ f({
+}), Dd = /* @__PURE__ */ f({
   __name: "Collapsible",
   props: {
     defaultOpen: { type: Boolean },
@@ -937,7 +937,7 @@ const Bs = /* @__PURE__ */ f({
       _: 3
     }, 16));
   }
-}), Dd = /* @__PURE__ */ f({
+}), Vd = /* @__PURE__ */ f({
   __name: "CollapsibleContent",
   props: {
     forceMount: { type: Boolean },
@@ -953,7 +953,7 @@ const Bs = /* @__PURE__ */ f({
       _: 3
     }, 16));
   }
-}), Vd = /* @__PURE__ */ f({
+}), Pd = /* @__PURE__ */ f({
   __name: "CollapsibleTrigger",
   props: {
     asChild: { type: Boolean },
@@ -980,11 +980,11 @@ const Bs = /* @__PURE__ */ f({
   },
   emits: ["toggle", "nodeClick"],
   setup(t, { emit: e }) {
-    const a = t, o = e, n = w(() => a.expandedIds.includes(a.node.id)), i = () => {
+    const a = t, o = e, n = k(() => a.expandedIds.includes(a.node.id)), i = () => {
       o("toggle", a.node.id), o("nodeClick", a.node);
     };
     return (p, m) => {
-      const $ = be("TreeNode", !0);
+      const $ = Be("TreeNode", !0);
       return r(), l("li", null, [
         c("button", {
           type: "button",
@@ -994,24 +994,24 @@ const Bs = /* @__PURE__ */ f({
         }, [
           t.node.children?.length ? (r(), l("span", {
             key: 0,
-            class: k(["inline-flex w-3 justify-center text-muted-foreground transition-transform duration-200", n.value ? "rotate-90" : "rotate-0"])
+            class: x(["inline-flex w-3 justify-center text-muted-foreground transition-transform duration-200", n.value ? "rotate-90" : "rotate-0"])
           }, " ▶ ", 2)) : z("", !0),
-          c("span", Hs, I(t.node.title), 1)
+          c("span", Hs, M(t.node.title), 1)
         ], 4),
         n.value && t.node.children?.length ? (r(), l("ul", Gs, [
-          (r(!0), l(F, null, G(t.node.children, (h) => (r(), g($, {
-            key: h.id,
-            node: h,
+          (r(!0), l(F, null, G(t.node.children, (v) => (r(), g($, {
+            key: v.id,
+            node: v,
             level: t.level + 1,
             "expanded-ids": t.expandedIds,
-            onToggle: m[0] || (m[0] = (v) => o("toggle", v)),
-            onNodeClick: m[1] || (m[1] = (v) => o("nodeClick", v))
+            onToggle: m[0] || (m[0] = (_) => o("toggle", _)),
+            onNodeClick: m[1] || (m[1] = (_) => o("nodeClick", _))
           }, null, 8, ["node", "level", "expanded-ids"]))), 128))
         ])) : z("", !0)
       ]);
     };
   }
-}), qs = { class: "space-y-0.5" }, Pd = /* @__PURE__ */ f({
+}), qs = { class: "space-y-0.5" }, Ad = /* @__PURE__ */ f({
   __name: "tree",
   props: {
     items: {}
@@ -1034,10 +1034,10 @@ const Bs = /* @__PURE__ */ f({
     ]));
   }
 });
-function M(...t) {
+function I(...t) {
   return Te(Me(t));
 }
-const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /* @__PURE__ */ f({
+const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Od = /* @__PURE__ */ f({
   __name: "InputOTP",
   props: {
     modelValue: { type: String, default: "" },
@@ -1061,7 +1061,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       i = null;
     }
     i && ue(je, { masked: a.masked });
-    const p = w(() => ({
+    const p = k(() => ({
       value: a.modelValue,
       onChange: n,
       maxLength: a.maxLength,
@@ -1071,11 +1071,11 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
     return i || (ue(Ks, p.value), ue(je, { masked: a.masked })), (m, $) => s(i) ? (r(), g(Y(s(i)), {
       key: 0,
       "data-slot": "input-otp",
-      "container-class": s(M)("flex items-center gap-2 has-disabled:opacity-50", a.containerClass),
-      class: k(s(M)("disabled:cursor-not-allowed", a.class)),
+      "container-class": s(I)("flex items-center gap-2 has-disabled:opacity-50", a.containerClass),
+      class: x(s(I)("disabled:cursor-not-allowed", a.class)),
       "max-length": a.maxLength,
       value: a.modelValue,
-      onChange: (h) => o("update:modelValue", h),
+      onChange: (v) => o("update:modelValue", v),
       disabled: a.disabled
     }, {
       default: u(() => [
@@ -1085,19 +1085,19 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
     }, 40, ["container-class", "class", "max-length", "value", "onChange", "disabled"])) : (r(), l("div", {
       key: 1,
       "data-slot": "input-otp",
-      class: k(s(M)("flex items-center gap-2 has-disabled:opacity-50", a.containerClass))
+      class: x(s(I)("flex items-center gap-2 has-disabled:opacity-50", a.containerClass))
     }, [
       d(m.$slots, "default")
     ], 2));
   }
-}), Od = /* @__PURE__ */ f({
+}), jd = /* @__PURE__ */ f({
   __name: "InputOTPGroup",
   props: { class: String },
   setup(t) {
     const e = t;
     return (a, o) => (r(), l("div", {
       "data-slot": "input-otp-group",
-      class: k(s(M)("flex items-center gap-1", e.class))
+      class: x(s(I)("flex items-center gap-1", e.class))
     }, [
       d(a.$slots, "default")
     ], 2));
@@ -1105,11 +1105,11 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
 }), Xs = {
   "data-slot": "input-otp-separator",
   role: "separator"
-}, jd = /* @__PURE__ */ f({
+}, Ld = /* @__PURE__ */ f({
   __name: "InputOTPSeparator",
   setup(t) {
     return (e, a) => (r(), l("div", Xs, [
-      _(s(Ft), { class: "h-4 w-4" })
+      h(s(Ft), { class: "h-4 w-4" })
     ]));
   }
 }), Js = ["data-index", "data-active"], Zs = ["value"], Ys = { class: "pointer-events-none select-none relative z-10 flex items-center justify-center" }, Qs = {
@@ -1118,7 +1118,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
 }, eo = {
   key: 0,
   class: "pointer-events-none absolute inset-0 flex items-center justify-center z-20"
-}, Ld = {
+}, Rd = {
   __name: "InputOTPSlot",
   props: {
     index: Number,
@@ -1128,9 +1128,9 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
   },
   setup(t) {
     const e = t;
-    w(() => ""), w(() => {
+    k(() => ""), k(() => {
     });
-    const a = w(() => {
+    const a = k(() => {
     }), o = () => {
     }, n = (i) => {
       i.target.value;
@@ -1139,7 +1139,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       "data-slot": "input-otp-slot",
       "data-index": e.index,
       "data-active": a.value,
-      class: k(s(C)("data-[active=true]:border-ring data-[active=true]:ring-ring/50 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm bg-input-background transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px] cursor-text", e.class)),
+      class: x(s(C)("data-[active=true]:border-ring data-[active=true]:ring-ring/50 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm bg-input-background transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px] cursor-text", e.class)),
       onClick: o
     }, [
       c("input", {
@@ -1157,7 +1157,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
         style: { "caret-color": "transparent" }
       }, null, 40, Zs),
       c("div", Ys, [
-        t.char ? (r(), l("span", Qs, I(i.displayChar), 1)) : z("", !0)
+        t.char ? (r(), l("span", Qs, M(i.displayChar), 1)) : z("", !0)
       ]),
       a.value && !t.char ? (r(), l("div", eo, [...p[3] || (p[3] = [
         c("div", { class: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }, null, -1)
@@ -1175,11 +1175,11 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
     const e = t;
     return (a, o) => (r(), g(s(Ba), null, {
       default: u(() => [
-        _(s(za), b({
+        h(s(za), b({
           "data-slot": "popover-content",
           align: e.align,
           "side-offset": e.sideOffset,
-          class: s(M)(
+          class: s(I)(
             "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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 w-72 origin-(--reka-popover-content-transform-origin) rounded-md border border-border p-4 shadow-md outline-hidden",
             e.class
           )
@@ -1293,7 +1293,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
     const a = t, o = e, n = D(a, "class"), i = N(n, o);
     return (p, m) => (r(), g(s(Da), null, {
       default: u(() => [
-        _(s(Va), b({ "data-slot": "select-content" }, { ...s(i), ...p.$attrs }, {
+        h(s(Va), b({ "data-slot": "select-content" }, { ...s(i), ...p.$attrs }, {
           class: s(C)(
             "!bg-neutral-800 !text-white data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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 relative z-50 max-h-(--reka-select-content-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-lg shadow-md",
             t.position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
@@ -1301,16 +1301,16 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
           )
         }), {
           default: u(() => [
-            _(s(io)),
-            _(s(Pa), {
-              class: k(s(C)("p-1", t.position === "popper" && "h-[var(--reka-select-trigger-height)] w-full min-w-[var(--reka-select-trigger-width)] scroll-my-1"))
+            h(s(io)),
+            h(s(Pa), {
+              class: x(s(C)("p-1", t.position === "popper" && "h-[var(--reka-select-trigger-height)] w-full min-w-[var(--reka-select-trigger-width)] scroll-my-1"))
             }, {
               default: u(() => [
                 d(p.$slots, "default")
               ]),
               _: 3
             }, 8, ["class"]),
-            _(s(lo))
+            h(s(lo))
           ]),
           _: 3
         }, 16, ["class"])
@@ -1338,14 +1338,14 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
     }), {
       default: u(() => [
         c("span", no, [
-          _(s(Oa), null, {
+          h(s(Oa), null, {
             default: u(() => [
-              _(s(Et), { class: "size-4" })
+              h(s(Et), { class: "size-4" })
             ]),
             _: 1
           })
         ]),
-        _(s(ja), null, {
+        h(s(ja), null, {
           default: u(() => [
             d(n.$slots, "default")
           ]),
@@ -1369,7 +1369,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
     }), {
       default: u(() => [
         d(n.$slots, "default", {}, () => [
-          _(s(ze), { class: "size-4" })
+          h(s(ze), { class: "size-4" })
         ])
       ]),
       _: 3
@@ -1389,7 +1389,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
     }), {
       default: u(() => [
         d(n.$slots, "default", {}, () => [
-          _(s(Nt), { class: "size-4" })
+          h(s(Nt), { class: "size-4" })
         ])
       ]),
       _: 3
@@ -1418,9 +1418,9 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
     }), {
       default: u(() => [
         d(n.$slots, "default"),
-        _(s(Ea), { "as-child": "" }, {
+        h(s(Ea), { "as-child": "" }, {
           default: u(() => [
-            _(s(ze), { class: "size-4 opacity-50" })
+            h(s(ze), { class: "size-4 opacity-50" })
           ]),
           _: 1
         })
@@ -1444,7 +1444,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       _: 3
     }, 16));
   }
-}), Rd = /* @__PURE__ */ f({
+}), Fd = /* @__PURE__ */ f({
   __name: "SelectContent",
   props: {
     class: String,
@@ -1454,7 +1454,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
     const e = t;
     return (a, o) => (r(), g(s(lt), b({
       "data-slot": "select-content",
-      class: s(M)(
+      class: s(I)(
         "bg-gray-800 text-white data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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 relative z-50 max-h-(--reka-select-content-available-height) min-w-[8rem] origin-(--reka-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg border border-gray-700 shadow-md p-1",
         e.position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
         e.class
@@ -1467,7 +1467,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       _: 3
     }, 16, ["class", "position"]));
   }
-}), Fd = {
+}), Ed = {
   __name: "SelectSeparator",
   props: {
     class: String
@@ -1476,10 +1476,10 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
     const e = t;
     return (a, o) => (r(), g(s(Ua), b({
       "data-slot": "select-separator",
-      class: s(M)("bg-border pointer-events-none -mx-1 my-1 h-px", e.class)
+      class: s(I)("bg-border pointer-events-none -mx-1 my-1 h-px", e.class)
     }, a.$attrs), null, 16, ["class"]));
   }
-}, Ed = /* @__PURE__ */ f({
+}, Nd = /* @__PURE__ */ f({
   __name: "SelectTrigger",
   props: {
     class: String,
@@ -1489,7 +1489,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
     return (e, a) => (r(), g(s(dt), b({
       "data-slot": "select-trigger",
       "data-size": t.size,
-      class: s(M)(
+      class: s(I)(
         "justify-between border-input bg-input-background hover:bg-select-hover focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] data-[placeholder]:text-gray-400 [&_svg:not([class*='text-'])]:text-gray-400 focus-visible:ring-blue-500/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive flex w-full items-center gap-2 border px-4 py-2.5 text-sm text-white transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:min-h-9 data-[size=sm]:min-h-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 *:data-[slot=select-value]:overflow-hidden [&_[data-slot=select-value]_div]:flex [&_[data-slot=select-value]_div]:items-center [&_[data-slot=select-value]_div]:gap-2 [&_[data-slot=select-value]_.text-xs]:hidden [&_[data-slot=select-value]_svg]:shrink-0",
         e.$props.class
       )
@@ -1500,17 +1500,24 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       _: 3
     }, 16, ["data-size", "class"]));
   }
-}), Nd = /* @__PURE__ */ f({
+}), Ud = /* @__PURE__ */ f({
   __name: "SelectValue",
+  props: {
+    class: String
+  },
   setup(t) {
-    return (e, a) => (r(), g(s(ct), b({ "data-slot": "select-value" }, e.$attrs), {
+    const e = t;
+    return (a, o) => (r(), g(s(ct), b({
+      "data-slot": "select-value",
+      class: s(I)(e.class)
+    }, a.$attrs), {
       default: u(() => [
-        d(e.$slots, "default")
+        d(a.$slots, "default")
       ]),
       _: 3
-    }, 16));
+    }, 16, ["class"]));
   }
-}), Ud = /* @__PURE__ */ f({
+}), Hd = /* @__PURE__ */ f({
   __name: "SelectItem",
   props: {
     value: {
@@ -1524,7 +1531,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
     return (a, o) => (r(), g(s(it), b({
       value: e.value,
       "data-slot": "select-item",
-      class: s(M)(
+      class: s(I)(
         "text-white hover:bg-gray-700 focus:bg-gray-700 [&_svg:not([class*='text-'])]:text-gray-400 relative flex w-full cursor-pointer items-center gap-2 rounded-md py-2 pr-8 pl-3 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
         e.class
       )
@@ -1545,7 +1552,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
     const e = t;
     return (a, o) => (r(), l("div", {
       "data-slot": "sheet-content",
-      class: k([
+      class: x([
         s(C)(
           "bg-background fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out",
           t.side === "right" && "inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
@@ -1587,7 +1594,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
     const e = t;
     return (a, o) => (r(), l("p", {
       "data-slot": "sheet-description",
-      class: k(s(C)("text-muted-foreground text-sm", e.class))
+      class: x(s(C)("text-muted-foreground text-sm", e.class))
     }, [
       d(a.$slots, "default")
     ], 2));
@@ -1601,7 +1608,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
     const e = t;
     return (a, o) => (r(), l("div", {
       "data-slot": "sheet-header",
-      class: k(s(C)("flex flex-col gap-1.5 p-4", e.class))
+      class: x(s(C)("flex flex-col gap-1.5 p-4", e.class))
     }, [
       d(a.$slots, "default")
     ], 2));
@@ -1615,19 +1622,19 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
     const e = t;
     return (a, o) => (r(), l("h2", {
       "data-slot": "sheet-title",
-      class: k(s(C)("text-foreground font-semibold", e.class))
+      class: x(s(C)("text-foreground font-semibold", e.class))
     }, [
       d(a.$slots, "default")
     ], 2));
   }
-}), Hd = /* @__PURE__ */ f({
+}), Gd = /* @__PURE__ */ f({
   __name: "accordion-content",
   setup(t) {
     const e = U();
     return (a, o) => (r(), g(s(Bs), b({ "data-slot": "accordion-content" }, s(e), { class: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" }), {
       default: u(() => [
         c("div", {
-          class: k(s(C)("pt-0 pb-4", s(e).class))
+          class: x(s(C)("pt-0 pb-4", s(e).class))
         }, [
           d(a.$slots, "default")
         ], 2)
@@ -1635,7 +1642,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       _: 3
     }, 16));
   }
-}), Gd = /* @__PURE__ */ f({
+}), Wd = /* @__PURE__ */ f({
   __name: "accordion-item",
   props: {
     class: { type: [String, Array, Object], default: "" }
@@ -1653,7 +1660,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
 function ut(...t) {
   return Te(Me(t));
 }
-const Wd = {
+const qd = {
   __name: "accordion-trigger",
   setup(t) {
     return (e, a) => (r(), g(s(Is), b({
@@ -1666,7 +1673,7 @@ const Wd = {
       _: 3
     }, 16, ["class"]));
   }
-}, qd = /* @__PURE__ */ f({
+}, Kd = /* @__PURE__ */ f({
   __name: "accordion",
   setup(t) {
     return (e, a) => (r(), g(s(hs), b({ "data-slot": "accordion" }, e.$attrs), {
@@ -1676,7 +1683,7 @@ const Wd = {
       _: 3
     }, 16));
   }
-}), Kd = {
+}), Xd = {
   __name: "alert-actions",
   setup(t) {
     return (e, a) => (r(), l("div", b({
@@ -1686,7 +1693,7 @@ const Wd = {
       d(e.$slots, "default")
     ], 16));
   }
-}, Xd = {
+}, Jd = {
   __name: "alert-description",
   setup(t) {
     return (e, a) => (r(), l("div", b({
@@ -1696,7 +1703,7 @@ const Wd = {
       d(e.$slots, "default")
     ], 16));
   }
-}, Jd = {
+}, Zd = {
   __name: "alert-title",
   setup(t) {
     return (e, a) => (r(), l("div", b({
@@ -1706,7 +1713,7 @@ const Wd = {
       d(e.$slots, "default")
     ], 16));
   }
-}, Zd = {
+}, Yd = {
   __name: "alert",
   props: {
     variant: {
@@ -1737,14 +1744,14 @@ const Wd = {
       "soft-primary": "border-cyan-200 bg-cyan-50 text-cyan-700 [&>svg]:text-cyan-600 dark:border-cyan-800 dark:bg-cyan-950 dark:text-cyan-300 dark:[&>svg]:text-cyan-400",
       "soft-secondary": "border-gray-200 bg-gray-50 text-gray-700 [&>svg]:text-gray-600 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 dark:[&>svg]:text-gray-400",
       "soft-neutral": "border-stone-200 bg-stone-50 text-stone-700 [&>svg]:text-stone-600 dark:border-stone-700 dark:bg-stone-900 dark:text-stone-300 dark:[&>svg]:text-stone-400"
-    }, n = w(
+    }, n = k(
       () => "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current " + (o[a.variant] || o.default) + (a.class ? " " + a.class : "")
     );
     return (i, p) => t.visible ? (r(), l("div", {
       key: 0,
       "data-slot": "alert",
       role: "alert",
-      class: k(n.value)
+      class: x(n.value)
     }, [
       d(i.$slots, "default"),
       t.dismissible ? (r(), l("button", {
@@ -1754,7 +1761,7 @@ const Wd = {
         class: "absolute right-2 top-2 p-1 h-6 w-6 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none inline-flex items-center justify-center text-current hover:bg-muted",
         onClick: p[0] || (p[0] = (m) => i.$emit("dismiss"))
       }, [
-        _(s(he), { class: "size-4" }),
+        h(s(ve), { class: "size-4" }),
         p[1] || (p[1] = c("span", { class: "sr-only" }, "Close alert", -1))
       ])) : z("", !0)
     ], 2)) : z("", !0);
@@ -1768,7 +1775,7 @@ const Wd = {
     const e = t;
     return (a, o) => (r(), g(s(Ha), {
       "data-slot": "avatar",
-      class: k(s(C)("relative flex size-8 shrink-0 overflow-hidden rounded-full", e.class))
+      class: x(s(C)("relative flex size-8 shrink-0 overflow-hidden rounded-full", e.class))
     }, {
       default: u(() => [
         d(a.$slots, "default")
@@ -1813,7 +1820,7 @@ const Wd = {
       _: 3
     }, 16));
   }
-}), Yd = /* @__PURE__ */ f({
+}), Qd = /* @__PURE__ */ f({
   __name: "avatar-fallback",
   props: {
     class: {
@@ -1822,7 +1829,7 @@ const Wd = {
     }
   },
   setup(t) {
-    const a = M(
+    const a = I(
       "bg-muted flex size-full items-center justify-center rounded-full",
       // Text sizing based on parent avatar size
       "[.size-6_&]:text-xs",
@@ -1862,7 +1869,7 @@ const Wd = {
       _: 3
     }, 16, ["class"]));
   }
-}), Qd = /* @__PURE__ */ f({
+}), ec = /* @__PURE__ */ f({
   __name: "avatar-group",
   props: {
     spacing: {
@@ -1876,8 +1883,8 @@ const Wd = {
     }
   },
   setup(t) {
-    const e = t, a = w(
-      () => M(
+    const e = t, a = k(
+      () => I(
         "flex",
         e.spacing === "tight" && "-space-x-1",
         e.spacing === "normal" && "-space-x-2",
@@ -1889,7 +1896,7 @@ const Wd = {
       d(o.$slots, "default")
     ], 16));
   }
-}), ec = /* @__PURE__ */ f({
+}), tc = /* @__PURE__ */ f({
   __name: "avatar-image",
   props: {
     src: String,
@@ -1901,7 +1908,7 @@ const Wd = {
       "data-slot": "avatar-image",
       src: t.src,
       alt: t.alt,
-      class: s(M)("aspect-square size-full", e.$attrs.class)
+      class: s(I)("aspect-square size-full", e.$attrs.class)
     }, e.$attrs), null, 16, ["src", "alt", "class"]));
   }
 }), vo = {
@@ -2001,9 +2008,9 @@ const Wd = {
       }
     }
     const { iconClass: p, buttonClass: m } = i(e.size);
-    return ($, h) => (r(), l("span", b({
+    return ($, v) => (r(), l("span", b({
       "data-slot": "badge",
-      class: s(M)(
+      class: s(I)(
         "inline-flex items-center justify-center border font-medium w-fit whitespace-nowrap shrink-0 [&>svg:not(.dismiss-icon)]:pointer-events-none [&>svg:not(.dismiss-icon)]:shrink-0 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",
         o[e.variant],
         n[e.size],
@@ -2015,17 +2022,17 @@ const Wd = {
       e.dismissible && e.onDismiss ? (r(), l("button", {
         key: 0,
         type: "button",
-        onClick: h[0] || (h[0] = Dt((v) => e.onDismiss(), ["stop"])),
-        class: k(s(M)("dismiss-icon rounded-sm opacity-70 hover:opacity-100 focus:opacity-100 focus:outline-none focus:ring-1 focus:ring-ring transition-opacity", s(m))),
+        onClick: v[0] || (v[0] = Dt((_) => e.onDismiss(), ["stop"])),
+        class: x(s(I)("dismiss-icon rounded-sm opacity-70 hover:opacity-100 focus:opacity-100 focus:outline-none focus:ring-1 focus:ring-ring transition-opacity", s(m))),
         "aria-label": "Remove"
       }, [
-        _(s(he), {
-          class: k(s(p))
+        h(s(ve), {
+          class: x(s(p))
         }, null, 8, ["class"])
       ], 2)) : z("", !0)
     ], 16));
   }
-}), tc = {
+}), ac = {
   __name: "breadcrumb-item",
   setup(t) {
     return (e, a) => (r(), l("li", null, [
@@ -2036,7 +2043,7 @@ const Wd = {
       ], 16)
     ]));
   }
-}, ho = { "aria-hidden": "true" }, ac = {
+}, ho = { "aria-hidden": "true" }, sc = {
   __name: "breadcrumb-separator",
   setup(t) {
     return (e, a) => (r(), l("li", ho, [...a[0] || (a[0] = [
@@ -2046,7 +2053,7 @@ const Wd = {
 }, _o = {
   class: "w-full",
   "aria-label": "breadcrumb"
-}, yo = { class: "flex flex-wrap items-center gap-1 text-sm text-muted-foreground" }, sc = {
+}, yo = { class: "flex flex-wrap items-center gap-1 text-sm text-muted-foreground" }, oc = {
   __name: "breadcrumb",
   setup(t) {
     return (e, a) => (r(), l("nav", _o, [
@@ -2081,7 +2088,7 @@ const Wd = {
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const a = t, o = U(), n = w(() => {
+    const a = t, o = U(), n = k(() => {
       switch (a.variant) {
         case "destructive":
           return "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60";
@@ -2096,7 +2103,7 @@ const Wd = {
         default:
           return "bg-primary text-primary-foreground hover:bg-primary/90";
       }
-    }), i = w(() => {
+    }), i = k(() => {
       switch (a.size) {
         case "sm":
           return "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5";
@@ -2122,45 +2129,45 @@ const Wd = {
       _: 3
     }, 16, ["class", "type", "disabled"]));
   }
-}, oc = /* @__PURE__ */ f({
+}, rc = /* @__PURE__ */ f({
   __name: "card-content",
   props: {},
   setup(t) {
     return (e, a) => (r(), l("div", b({
       "data-slot": "card-content",
-      class: s(M)("px-3 space-y-4 [&:first-child]:pt-3 [&:last-child]:pb-3", e.$attrs.class)
+      class: s(I)("px-3 space-y-4 [&:first-child]:pt-3 [&:last-child]:pb-3", e.$attrs.class)
     }, e.$attrs), [
       d(e.$slots, "default")
     ], 16));
   }
-}), rc = /* @__PURE__ */ f({
+}), nc = /* @__PURE__ */ f({
   __name: "card-description",
   props: {},
   setup(t) {
     return (e, a) => (r(), l("p", b({
       "data-slot": "card-description",
-      class: s(M)("text-muted-foreground", e.$attrs.class)
+      class: s(I)("text-muted-foreground", e.$attrs.class)
     }, e.$attrs), [
       d(e.$slots, "default")
     ], 16));
   }
-}), nc = /* @__PURE__ */ f({
+}), lc = /* @__PURE__ */ f({
   __name: "card-footer",
   setup(t) {
     return (e, a) => (r(), l("div", b({
       "data-slot": "card-footer",
-      class: s(M)("flex items-center px-3 pb-3 [.border-t]:pt-3", e.$attrs.class)
+      class: s(I)("flex items-center px-3 pb-3 [.border-t]:pt-3", e.$attrs.class)
     }, e.$attrs), [
       d(e.$slots, "default")
     ], 16));
   }
-}), lc = /* @__PURE__ */ f({
+}), ic = /* @__PURE__ */ f({
   __name: "card-header",
   props: {},
   setup(t) {
     return (e, a) => (r(), l("div", b({
       "data-slot": "card-header",
-      class: s(M)(
+      class: s(I)(
         "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1 px-3 pt-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-3",
         e.$attrs.class
       )
@@ -2168,13 +2175,13 @@ const Wd = {
       d(e.$slots, "default")
     ], 16));
   }
-}), ic = /* @__PURE__ */ f({
+}), dc = /* @__PURE__ */ f({
   __name: "card-title",
   props: {},
   setup(t) {
     return (e, a) => (r(), l("h4", b({
       "data-slot": "card-title",
-      class: s(M)("leading-none", e.$attrs.class)
+      class: s(I)("leading-none", e.$attrs.class)
     }, e.$attrs), [
       d(e.$slots, "default")
     ], 16));
@@ -2182,7 +2189,7 @@ const Wd = {
 }), wo = {
   key: 0,
   class: "relative"
-}, dc = /* @__PURE__ */ f({
+}, cc = /* @__PURE__ */ f({
   __name: "card",
   props: {
     variant: {
@@ -2195,7 +2202,7 @@ const Wd = {
     }
   },
   setup(t) {
-    const e = t, a = w(() => {
+    const e = t, a = k(() => {
       if (e.variant === "corner-cut")
         switch (e.cornerPosition) {
           case "top-left":
@@ -2209,7 +2216,7 @@ const Wd = {
           default:
             return;
         }
-    }), o = w(() => {
+    }), o = k(() => {
       if (e.variant !== "corner-cut") return "";
       switch (e.cornerPosition) {
         case "top-left":
@@ -2224,12 +2231,12 @@ const Wd = {
     });
     return (n, i) => e.variant === "corner-cut" ? (r(), l("div", wo, [
       c("div", {
-        class: k(s(M)("absolute inset-0 bg-border/60 rounded")),
+        class: x(s(I)("absolute inset-0 bg-border/60 rounded")),
         style: H({ clipPath: a.value })
       }, null, 6),
       c("div", b({
         "data-slot": "card",
-        class: s(M)("bg-card text-card-foreground flex flex-col gap-3 relative rounded shadow-sm", o.value, n.$attrs.class),
+        class: s(I)("bg-card text-card-foreground flex flex-col gap-3 relative rounded shadow-sm", o.value, n.$attrs.class),
         style: { clipPath: a.value, margin: "1px" }
       }, n.$attrs), [
         d(n.$slots, "default")
@@ -2237,7 +2244,7 @@ const Wd = {
     ])) : (r(), l("div", b({
       key: 1,
       "data-slot": "card",
-      class: s(M)("bg-gray-900 text-card-foreground flex flex-col gap-3 relative rounded-xl border border-gray-800 shadow-sm", n.$attrs.class)
+      class: s(I)("bg-gray-900 text-card-foreground flex flex-col gap-3 relative rounded-xl border border-gray-800 shadow-sm", n.$attrs.class)
     }, n.$attrs), [
       d(n.$slots, "default")
     ], 16));
@@ -2272,7 +2279,7 @@ const Wd = {
       "delay-duration": e.delayDuration
     }, {
       default: u(() => [
-        _(s(Ms), b({ "data-slot": "tooltip" }, e), {
+        h(s(Ms), b({ "data-slot": "tooltip" }, e), {
           default: u(() => [
             d(a.$slots, "default")
           ]),
@@ -2311,7 +2318,7 @@ const Wd = {
     return (o, n) => (r(), g(s(Ts), b({
       "data-slot": "tooltip-content",
       "side-offset": e.sideOffset,
-      class: s(M)(a[e.variant] || a.default, e.class, "p-3 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 w-fit rounded-md px-3 py-1.5 text-xs text-balance")
+      class: s(I)(a[e.variant] || a.default, e.class, "p-3 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 w-fit rounded-md px-3 py-1.5 text-xs text-balance")
     }, e), {
       default: u(() => [
         d(o.$slots, "default")
@@ -2355,7 +2362,7 @@ const Wd = {
   fill: "none",
   preserveAspectRatio: "none",
   viewBox: "0 0 75 1"
-}, Lo = ["stroke"], Ro = { class: "absolute box-border content-stretch flex items-center justify-between left-[0.33px] overflow-clip px-[2px] py-0 right-[0.33px] rounded-[2px] top-[51px]" }, Fo = { class: "flex-none rotate-[180deg] scale-y-[-100%]" }, Eo = { class: "space-y-2" }, No = { class: "space-y-1" }, Uo = { class: "flex items-center gap-2" }, Ho = { class: "text-sm" }, Go = { class: "border-t pt-2 mt-2" }, Wo = { class: "flex items-center justify-between" }, qo = { class: "text-sm font-mono font-medium" }, Le = 24, Re = 74, cc = /* @__PURE__ */ f({
+}, Lo = ["stroke"], Ro = { class: "absolute box-border content-stretch flex items-center justify-between left-[0.33px] overflow-clip px-[2px] py-0 right-[0.33px] rounded-[2px] top-[51px]" }, Fo = { class: "flex-none rotate-[180deg] scale-y-[-100%]" }, Eo = { class: "space-y-2" }, No = { class: "space-y-1" }, Uo = { class: "flex items-center gap-2" }, Ho = { class: "text-sm" }, Go = { class: "border-t pt-2 mt-2" }, Wo = { class: "flex items-center justify-between" }, qo = { class: "text-sm font-mono font-medium" }, Le = 24, Re = 74, uc = /* @__PURE__ */ f({
   __name: "category-breakdown-metric",
   props: {
     title: String,
@@ -2371,69 +2378,69 @@ const Wd = {
     isLoading: Boolean
   },
   setup(t) {
-    const e = t, a = w(() => e.categories?.filter((h) => (e.data[h.name] ?? 0) > 0)), o = w(() => a.value?.reduce((h, v) => h + (e.data[v.name] || 0), 0)), n = w(() => {
-      let h = 0;
-      return a.value?.map((v, y) => {
-        const x = e.data[v.name] || 0, B = (o.value > 0 ? x / o.value : 0) * 100, P = h;
-        return h += B, {
-          ...v,
-          value: x,
+    const e = t, a = k(() => e.categories?.filter((v) => (e.data[v.name] ?? 0) > 0)), o = k(() => a.value?.reduce((v, _) => v + (e.data[_.name] || 0), 0)), n = k(() => {
+      let v = 0;
+      return a.value?.map((_, y) => {
+        const w = e.data[_.name] || 0, B = (o.value > 0 ? w / o.value : 0) * 100, P = v;
+        return v += B, {
+          ..._,
+          value: w,
           boundaryPosition: P,
           percentage: B,
           index: y
         };
       });
-    }), i = w(() => {
-      const h = n.value?.map(() => !0);
-      for (let v = 0; v < n.value?.length - 1; v++) {
-        const y = n.value[v];
-        n.value[v + 1].boundaryPosition - y.boundaryPosition < Le && (h[v] = !1);
+    }), i = k(() => {
+      const v = n.value?.map(() => !0);
+      for (let _ = 0; _ < n.value?.length - 1; _++) {
+        const y = n.value[_];
+        n.value[_ + 1].boundaryPosition - y.boundaryPosition < Le && (v[_] = !1);
       }
-      return n.value?.length > 0 && 100 - n.value[n.value?.length - 1].boundaryPosition < Le && (h[n.value?.length - 1] = !1), h;
-    }), p = w(() => n.value?.map((h, v) => {
-      if (v === n.value?.length - 1)
-        return { ...h, isVisible: !0 };
-      const B = n.value[v + 1].boundaryPosition - h.boundaryPosition >= 15;
-      return { ...h, isVisible: B };
-    })), m = w(() => {
-      const h = [];
-      let v = 0;
+      return n.value?.length > 0 && 100 - n.value[n.value?.length - 1].boundaryPosition < Le && (v[n.value?.length - 1] = !1), v;
+    }), p = k(() => n.value?.map((v, _) => {
+      if (_ === n.value?.length - 1)
+        return { ...v, isVisible: !0 };
+      const B = n.value[_ + 1].boundaryPosition - v.boundaryPosition >= 15;
+      return { ...v, isVisible: B };
+    })), m = k(() => {
+      const v = [];
+      let _ = 0;
       for (e.categories?.forEach((y) => {
-        const x = e.data[y.name] || 0, S = a.value.find((R) => R.name === y.name), B = o.value > 0 && S ? x / o.value : 0, P = Math.round(B * Re);
+        const w = e.data[y.name] || 0, S = a.value.find((R) => R.name === y.name), B = o.value > 0 && S ? w / o.value : 0, P = Math.round(B * Re);
         for (let R = 0; R < P; R++)
-          h.push({ color: y.color, position: v + R });
-        v += P;
-      }); h?.length < Re; ) {
+          v.push({ color: y.color, position: _ + R });
+        _ += P;
+      }); v?.length < Re; ) {
         let y;
         a.value && (y = a.value[a.value?.length - 1]);
-        const x = y?.color || e.categories && e.categories[e.categories?.length - 1]?.color || "#9ca3af";
-        h.push({ color: x, position: h?.length });
+        const w = y?.color || e.categories && e.categories[e.categories?.length - 1]?.color || "#9ca3af";
+        v.push({ color: w, position: v?.length });
       }
-      return h;
-    }), $ = w(() => o.value === 0);
-    return (h, v) => $.value ? (r(), l("div", ko, [...v[0] || (v[0] = [
+      return v;
+    }), $ = k(() => o.value === 0);
+    return (v, _) => $.value ? (r(), l("div", ko, [..._[0] || (_[0] = [
       c("span", { class: "text-gray-400 text-sm" }, "No data available", -1)
     ])])) : (r(), g(pt, { key: 1 }, {
       default: u(() => [
-        _(ft, null, {
+        h(ft, null, {
           default: u(() => [
-            _(gt, { "as-child": "" }, {
+            h(gt, { "as-child": "" }, {
               default: u(() => [
                 c("div", $o, [
-                  (r(!0), l(F, null, G(n.value, (y, x) => (r(), l(F, {
+                  (r(!0), l(F, null, G(n.value, (y, w) => (r(), l(F, {
                     key: y.name
                   }, [
-                    i.value[x] ? (r(), l("div", So, [
-                      x !== n.value?.length - 1 ? (r(), l("div", {
+                    i.value[w] ? (r(), l("div", So, [
+                      w !== n.value?.length - 1 ? (r(), l("div", {
                         key: 0,
                         class: "absolute box-border content-stretch flex flex-col gap-[4px] py-0 top-[0.33px] items-start",
                         style: H({ left: y.boundaryPosition + "%", transform: "translateX(8px)" })
                       }, [
-                        c("p", Co, I(y.label || y.name), 1),
+                        c("p", Co, M(y.label || y.name), 1),
                         c("p", {
                           class: "leading-[20px] text-[24px]",
                           style: H({ color: y.color })
-                        }, I(y.value), 5)
+                        }, M(y.value), 5)
                       ], 4)) : (r(), l("div", {
                         key: 1,
                         class: "absolute box-border content-stretch flex flex-col gap-[4px] py-0 top-[0.33px]",
@@ -2443,21 +2450,21 @@ const Wd = {
                           textAlign: 100 - y.boundaryPosition < 6 ? "right" : "left"
                         })
                       }, [
-                        c("p", Bo, I(y.label || y.name), 1),
+                        c("p", Bo, M(y.label || y.name), 1),
                         c("p", {
                           class: "leading-[20px] text-[24px]",
                           style: H({ color: y.color })
-                        }, I(y.value), 5)
+                        }, M(y.value), 5)
                       ], 4))
                     ])) : z("", !0)
                   ], 64))), 128)),
-                  (r(!0), l(F, null, G(n.value, (y, x) => (r(), l(F, {
-                    key: "line-" + x
+                  (r(!0), l(F, null, G(n.value, (y, w) => (r(), l(F, {
+                    key: "line-" + w
                   }, [
-                    x !== 0 ? (r(), l("div", {
+                    w !== 0 ? (r(), l("div", {
                       key: 0,
                       class: "absolute flex h-[75px] items-center justify-center top-0 w-[0px] overflow-visible",
-                      style: H({ left: n.value.slice(0, x).reduce((S, B) => S + B.percentage, 0) + "%" })
+                      style: H({ left: n.value.slice(0, w).reduce((S, B) => S + B.percentage, 0) + "%" })
                     }, [
                       c("div", zo, [
                         c("div", Io, [
@@ -2492,8 +2499,8 @@ const Wd = {
                     ])
                   ]),
                   c("div", Ro, [
-                    (r(!0), l(F, null, G(m.value, (y, x) => (r(), l("div", {
-                      key: x,
+                    (r(!0), l(F, null, G(m.value, (y, w) => (r(), l("div", {
+                      key: w,
                       class: "flex items-center justify-center relative shrink-0"
                     }, [
                       c("div", Fo, [
@@ -2508,10 +2515,10 @@ const Wd = {
               ]),
               _: 1
             }),
-            _(mt, { variant: "outline" }, {
+            h(mt, { variant: "outline" }, {
               default: u(() => [
                 c("div", Eo, [
-                  v[2] || (v[2] = c("p", { class: "font-medium text-sm" }, "Threat Breakdown", -1)),
+                  _[2] || (_[2] = c("p", { class: "font-medium text-sm" }, "Threat Breakdown", -1)),
                   c("div", No, [
                     (r(!0), l(F, null, G(e.categories, (y) => (r(), l("div", {
                       key: y.name,
@@ -2522,18 +2529,18 @@ const Wd = {
                           class: "w-2 h-2 rounded-full flex-shrink-0",
                           style: H({ backgroundColor: y.color })
                         }, null, 4),
-                        c("span", Ho, I(y.label || y.name), 1)
+                        c("span", Ho, M(y.label || y.name), 1)
                       ]),
                       c("span", {
                         class: "text-sm font-mono",
                         style: H({ color: y.color })
-                      }, I(e.data[y.name] || 0), 5)
+                      }, M(e.data[y.name] || 0), 5)
                     ]))), 128))
                   ]),
                   c("div", Go, [
                     c("div", Wo, [
-                      v[1] || (v[1] = c("span", { class: "text-sm font-medium" }, "Total", -1)),
-                      c("span", qo, I(e.categories.reduce((y, x) => y + (e.data[x.name] || 0), 0).toLocaleString()), 1)
+                      _[1] || (_[1] = c("span", { class: "text-sm font-medium" }, "Total", -1)),
+                      c("span", qo, M(e.categories.reduce((y, w) => y + (e.data[w.name] || 0), 0).toLocaleString()), 1)
                     ])
                   ])
                 ])
@@ -2547,12 +2554,12 @@ const Wd = {
       _: 1
     }));
   }
-}), xe = {
+}), ye = {
   __name: "label",
   setup(t) {
     const e = U();
     return (a, o) => (r(), l("label", b({ "data-slot": "label" }, s(e), {
-      class: s(M)(
+      class: s(I)(
         "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
         s(e).class
       )
@@ -2621,7 +2628,7 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
     class: { type: String, default: "" }
   },
   setup(t) {
-    const e = t, a = w(() => e.id || `checkbox-${Math.random().toString(36).substr(2, 9)}`), o = w(() => [
+    const e = t, a = k(() => e.id || `checkbox-${Math.random().toString(36).substr(2, 9)}`), o = k(() => [
       "peer appearance-none border bg-input-background dark:bg-input/30 checked:bg-primary checked:text-primary-foreground dark:checked:bg-primary checked:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
       e.validationState === "error" ? "border-red-500 checked:bg-red-500 checked:border-red-500" : "",
       e.validationState === "success" ? "border-green-500 checked:bg-green-500 checked:border-green-500" : "",
@@ -2642,19 +2649,19 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
             onChange: i[0] || (i[0] = (p) => n.$emit("update:modelValue", p.target.checked))
           }), null, 16, er),
           t.modelValue ? (r(), l("span", tr, [
-            _(pe, { class: "h-3.5 w-3.5" })
+            h(pe, { class: "h-3.5 w-3.5" })
           ])) : z("", !0)
         ]),
-        _(xe, { for: a.value }, {
+        h(ye, { for: a.value }, {
           default: u(() => [
-            O(I(t.label), 1)
+            O(M(t.label), 1)
           ]),
           _: 1
         }, 8, ["for"])
       ]),
       t.validationState === "success" && t.validationText ? (r(), l("p", ar, [
-        _(pe, { class: "h-4 w-4" }),
-        O(" " + I(t.validationText), 1)
+        h(pe, { class: "h-4 w-4" }),
+        O(" " + M(t.validationText), 1)
       ])) : z("", !0),
       t.validationState === "error" && t.validationText ? (r(), l("p", sr, [
         i[2] || (i[2] = c("svg", {
@@ -2679,7 +2686,7 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
             d: "M12 8v4m0 4h.01"
           })
         ], -1)),
-        O(" " + I(t.validationText), 1)
+        O(" " + M(t.validationText), 1)
       ])) : z("", !0)
     ])) : (r(), l("div", or, [
       c("span", rr, [
@@ -2694,13 +2701,13 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
           onChange: i[1] || (i[1] = (p) => n.$emit("update:modelValue", p.target.checked))
         }), null, 16, nr),
         t.modelValue ? (r(), l("span", lr, [
-          _(pe, { class: "h-3.5 w-3.5" })
+          h(pe, { class: "h-3.5 w-3.5" })
         ])) : z("", !0)
       ]),
       d(n.$slots, "label"),
       t.validationState === "success" && t.validationText ? (r(), l("p", ir, [
-        _(pe, { class: "h-4 w-4" }),
-        O(" " + I(t.validationText), 1)
+        h(pe, { class: "h-4 w-4" }),
+        O(" " + M(t.validationText), 1)
       ])) : z("", !0),
       t.validationState === "error" && t.validationText ? (r(), l("p", dr, [
         i[3] || (i[3] = c("svg", {
@@ -2725,11 +2732,11 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
             d: "M12 8v4m0 4h.01"
           })
         ], -1)),
-        O(" " + I(t.validationText), 1)
+        O(" " + M(t.validationText), 1)
       ])) : z("", !0)
     ]));
   }
-}, uc = {
+}, pc = {
   __name: "dialog-body",
   setup(t) {
     return (e, a) => (r(), l("div", b({
@@ -2739,7 +2746,7 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
       d(e.$slots, "default")
     ], 16));
   }
-}, pc = {
+}, fc = {
   __name: "dialog-close",
   setup(t) {
     return (e, a) => (r(), g(s(Ie), Q(ee(e.$attrs)), {
@@ -2749,7 +2756,7 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
       _: 3
     }, 16));
   }
-}, fc = {
+}, mc = {
   __name: "dialog-content",
   props: {
     size: {
@@ -2777,9 +2784,9 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
     }, a.$attrs), {
       default: u(() => [
         d(a.$slots, "default"),
-        _(s(As), { class: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4" }, {
+        h(s(As), { class: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4" }, {
           default: u(() => [
-            _(s(he)),
+            h(s(ve)),
             o[0] || (o[0] = c("span", { class: "sr-only" }, "Close", -1))
           ]),
           _: 1
@@ -2788,7 +2795,7 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
       _: 3
     }, 16, ["class"]));
   }
-}, mc = {
+}, gc = {
   __name: "dialog-description",
   setup(t) {
     return (e, a) => (r(), g(s(rt), b({
@@ -2801,7 +2808,7 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
       _: 3
     }, 16, ["class"]));
   }
-}, gc = {
+}, bc = {
   __name: "dialog-footer",
   setup(t) {
     return (e, a) => (r(), l("div", b({
@@ -2811,7 +2818,7 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
       d(e.$slots, "default")
     ], 16));
   }
-}, bc = {
+}, vc = {
   __name: "dialog-header",
   setup(t) {
     return (e, a) => (r(), l("div", b({
@@ -2821,7 +2828,7 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
       d(e.$slots, "default")
     ], 16));
   }
-}, vc = {
+}, hc = {
   __name: "dialog-overlay",
   setup(t) {
     return (e, a) => (r(), g(s(Je), b({
@@ -2832,7 +2839,7 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
       ]
     }, e.$attrs), null, 16, ["class"]));
   }
-}, hc = {
+}, _c = {
   __name: "dialog-portal",
   setup(t) {
     return (e, a) => (r(), g(s(Ze), Q(ee(e.$attrs)), {
@@ -2842,7 +2849,7 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
       _: 3
     }, 16));
   }
-}, _c = {
+}, yc = {
   __name: "dialog-title",
   setup(t) {
     return (e, a) => (r(), g(s(nt), b({
@@ -2855,7 +2862,7 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
       _: 3
     }, 16, ["class"]));
   }
-}, yc = {
+}, xc = {
   __name: "dialog-trigger",
   setup(t) {
     return (e, a) => (r(), g(s(Ls), Q(ee(e.$attrs)), {
@@ -2865,7 +2872,7 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
       _: 3
     }, 16));
   }
-}, xc = {
+}, wc = {
   __name: "dialog",
   setup(t) {
     return (e, a) => (r(), g(s(st), Q(ee(e.$attrs)), {
@@ -2881,7 +2888,7 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
 }, gr = { class: "flex items-center justify-between mb-3" }, br = { class: "flex flex-wrap gap-2 min-h-[2rem]" }, vr = {
   key: 1,
   class: "text-sm text-muted-foreground"
-}, wc = {
+}, kc = {
   __name: "dismissible-badges-demo",
   setup(t) {
     const e = [
@@ -2896,11 +2903,11 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
       { id: 2, label: "Pending", variant: "soft-warning", size: "md" },
       { id: 3, label: "Draft", variant: "soft-neutral", size: "md" }
     ], o = V([...e]), n = V([...a]);
-    function i(h) {
-      o.value = o.value.filter((v) => v.id !== h);
+    function i(v) {
+      o.value = o.value.filter((_) => _.id !== v);
     }
-    function p(h) {
-      n.value = n.value.filter((v) => v.id !== h);
+    function p(v) {
+      n.value = n.value.filter((_) => _.id !== v);
     }
     function m() {
       o.value = [...e];
@@ -2908,17 +2915,17 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
     function $() {
       n.value = [...a];
     }
-    return (h, v) => (r(), l("div", ur, [
+    return (v, _) => (r(), l("div", ur, [
       c("div", null, [
         c("div", pr, [
-          v[1] || (v[1] = c("h4", { class: "font-medium" }, "Project Tags", -1)),
-          _(ge, {
+          _[1] || (_[1] = c("h4", { class: "font-medium" }, "Project Tags", -1)),
+          h(ge, {
             variant: "outline",
             size: "sm",
             onClick: m,
             disabled: o.value.length === e.length
           }, {
-            default: u(() => [...v[0] || (v[0] = [
+            default: u(() => [..._[0] || (_[0] = [
               O(" Reset Tags ", -1)
             ])]),
             _: 1
@@ -2930,10 +2937,10 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
             variant: y.variant,
             size: y.size,
             dismissible: "",
-            onDismiss: (x) => i(y.id)
+            onDismiss: (w) => i(y.id)
           }, {
             default: u(() => [
-              O(I(y.label), 1)
+              O(M(y.label), 1)
             ]),
             _: 2
           }, 1032, ["variant", "size", "onDismiss"]))), 128)) : (r(), l("p", mr, "No tags selected"))
@@ -2941,14 +2948,14 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
       ]),
       c("div", null, [
         c("div", gr, [
-          v[3] || (v[3] = c("h4", { class: "font-medium" }, "Applied Filters", -1)),
-          _(ge, {
+          _[3] || (_[3] = c("h4", { class: "font-medium" }, "Applied Filters", -1)),
+          h(ge, {
             variant: "outline",
             size: "sm",
             onClick: $,
             disabled: n.value.length === a.length
           }, {
-            default: u(() => [...v[2] || (v[2] = [
+            default: u(() => [..._[2] || (_[2] = [
               O(" Reset Filters ", -1)
             ])]),
             _: 1
@@ -2960,17 +2967,17 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
             variant: y.variant,
             size: y.size,
             dismissible: "",
-            onDismiss: (x) => p(y.id)
+            onDismiss: (w) => p(y.id)
           }, {
             default: u(() => [
-              _(s(_e)),
-              O(" " + I(y.label), 1)
+              h(s(he)),
+              O(" " + M(y.label), 1)
             ]),
             _: 2
           }, 1032, ["variant", "size", "onDismiss"]))), 128)) : (r(), l("p", vr, "No filters applied"))
         ])
       ]),
-      v[4] || (v[4] = c("div", { class: "text-sm text-muted-foreground" }, [
+      _[4] || (_[4] = c("div", { class: "text-sm text-muted-foreground" }, [
         c("p", null, "Click the × button on any badge to remove it")
       ], -1))
     ]));
@@ -2997,15 +3004,15 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
       "2xl": "sm:max-w-2xl max-w-[calc(100%-2rem)]",
       "4xl": "sm:max-w-4xl max-w-[calc(100%-2rem)]",
       full: "sm:max-w-[calc(100vw-2rem)] max-w-[calc(100%-2rem)]"
-    }, o = w(() => [
+    }, o = k(() => [
       "group/drawer-content bg-background fixed z-50 flex h-auto flex-col",
       a[e.size],
       e.class
     ].join(" "));
     return (n, i) => (r(), g(s(is), { "data-slot": "drawer-portal" }, {
       default: u(() => [
-        _(s(ds), { "data-slot": "drawer-overlay" }),
-        _(s(cs), b(n.$attrs, {
+        h(s(ds), { "data-slot": "drawer-overlay" }),
+        h(s(cs), b(n.$attrs, {
           class: o.value,
           "data-slot": "drawer-content"
         }), {
@@ -3019,15 +3026,15 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
       _: 3
     }));
   }
-}, kc = /* @__PURE__ */ T(hr, [["__scopeId", "data-v-784fd8dc"]]), _r = {
+}, $c = /* @__PURE__ */ T(hr, [["__scopeId", "data-v-784fd8dc"]]), _r = {
   __name: "drawer-description",
   props: {
     class: String
   },
   setup(t) {
-    const e = w(() => ["text-muted-foreground text-sm", $props.class].join(" "));
+    const e = k(() => ["text-muted-foreground text-sm", $props.class].join(" "));
     return (a, o) => {
-      const n = be("VaulDrawerDescription");
+      const n = Be("VaulDrawerDescription");
       return r(), g(n, b(a.$attrs, {
         class: e.value,
         "data-slot": "drawer-description"
@@ -3039,43 +3046,43 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
       }, 16, ["class"]);
     };
   }
-}, $c = /* @__PURE__ */ T(_r, [["__scopeId", "data-v-a79f808c"]]), yr = {
+}, Sc = /* @__PURE__ */ T(_r, [["__scopeId", "data-v-a79f808c"]]), yr = {
   __name: "drawer-footer",
   props: {
     class: String
   },
   setup(t) {
-    const e = w(() => ["mt-auto flex flex-col gap-2 p-4", $props.class].join(" "));
+    const e = k(() => ["mt-auto flex flex-col gap-2 p-4", $props.class].join(" "));
     return (a, o) => (r(), l("div", {
-      class: k(e.value),
+      class: x(e.value),
       "data-slot": "drawer-footer"
     }, [
       d(a.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}, Sc = /* @__PURE__ */ T(yr, [["__scopeId", "data-v-6f042498"]]), xr = {
+}, Cc = /* @__PURE__ */ T(yr, [["__scopeId", "data-v-6f042498"]]), xr = {
   __name: "drawer-header",
   props: {
     class: String
   },
   setup(t) {
-    const e = w(() => ["flex flex-col gap-1.5 p-4", $props.class].join(" "));
+    const e = k(() => ["flex flex-col gap-1.5 p-4", $props.class].join(" "));
     return (a, o) => (r(), l("div", {
-      class: k(e.value),
+      class: x(e.value),
       "data-slot": "drawer-header"
     }, [
       d(a.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}, Cc = /* @__PURE__ */ T(xr, [["__scopeId", "data-v-cbc09128"]]), wr = {
+}, Bc = /* @__PURE__ */ T(xr, [["__scopeId", "data-v-cbc09128"]]), wr = {
   __name: "drawer-title",
   props: {
     class: String
   },
   setup(t) {
-    const e = w(() => ["text-foreground font-semibold", $props.class].join(" "));
+    const e = k(() => ["text-foreground font-semibold", $props.class].join(" "));
     return (a, o) => {
-      const n = be("VaulDrawerTitle");
+      const n = Be("VaulDrawerTitle");
       return r(), g(n, b(a.$attrs, {
         class: e.value,
         "data-slot": "drawer-title"
@@ -3087,7 +3094,7 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
       }, 16, ["class"]);
     };
   }
-}, Bc = /* @__PURE__ */ T(wr, [["__scopeId", "data-v-4bf18d63"]]), kr = {
+}, zc = /* @__PURE__ */ T(wr, [["__scopeId", "data-v-4bf18d63"]]), kr = {
   __name: "drawer-trigger",
   props: {
     asChild: {
@@ -3103,7 +3110,7 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
       _: 3
     }, 16));
   }
-}, zc = /* @__PURE__ */ T(kr, [["__scopeId", "data-v-9c94c5a5"]]), $r = {
+}, Ic = /* @__PURE__ */ T(kr, [["__scopeId", "data-v-9c94c5a5"]]), $r = {
   __name: "drawer",
   props: {
     open: Boolean,
@@ -3129,10 +3136,10 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
       _: 3
     }, 16, ["open", "size", "direction"]));
   }
-}, Ic = /* @__PURE__ */ T($r, [["__scopeId", "data-v-0620bb5e"]]), Sr = ["aria-checked"], Cr = { class: "mr-2 w-4 h-4 flex items-center justify-center" }, Br = {
+}, Mc = /* @__PURE__ */ T($r, [["__scopeId", "data-v-0620bb5e"]]), Sr = ["aria-checked"], Cr = { class: "mr-2 w-4 h-4 flex items-center justify-center" }, Br = {
   key: 0,
   class: "block w-3 h-3 bg-primary rounded"
-}, Mc = /* @__PURE__ */ f({
+}, Tc = /* @__PURE__ */ f({
   __name: "dropdown-menu-checkbox-item",
   props: {
     checked: Boolean,
@@ -3146,7 +3153,7 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
       a.disabled || o("update:checked", !a.checked);
     }
     return (i, p) => (r(), l("div", {
-      class: k(["flex items-center px-2 py-1.5 text-sm cursor-pointer select-none", a.class, { "opacity-50 pointer-events-none": a.disabled }]),
+      class: x(["flex items-center px-2 py-1.5 text-sm cursor-pointer select-none", a.class, { "opacity-50 pointer-events-none": a.disabled }]),
       onClick: n,
       role: "menuitemcheckbox",
       "aria-checked": a.checked,
@@ -3207,7 +3214,7 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
     const a = t, o = e, n = D(a, "class"), i = N(n, o);
     return (p, m) => (r(), g(s(tt), null, {
       default: u(() => [
-        _(s(Ka), b({ "data-slot": "dropdown-menu-content" }, s(i), {
+        h(s(Ka), b({ "data-slot": "dropdown-menu-content" }, s(i), {
           class: s(C)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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-h-(--reka-dropdown-menu-content-available-height) min-w-[8rem] origin-(--reka-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", a.class)
         }), {
           default: u(() => [
@@ -3235,7 +3242,7 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
       _: 3
     }, 16));
   }
-}), Tc = /* @__PURE__ */ f({
+}), Dc = /* @__PURE__ */ f({
   __name: "dropdown-menu-content",
   props: {
     class: { type: String, default: "" },
@@ -3245,11 +3252,11 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
     const e = t;
     return (a, o) => (r(), g(s(tt), null, {
       default: u(() => [
-        _(s(Ir), b({
+        h(s(Ir), b({
           "data-slot": "dropdown-menu-content",
           sideOffset: e.sideOffset
         }, a.$attrs, {
-          class: s(M)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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-h-[--reka-dropdown-menu-content-available-height] min-w-[8rem] origin-[--reka-dropdown-menu-content-transform-origin] overflow-x-hidden overflow-y-auto rounded-md border border-border p-1 shadow-md", e.class)
+          class: s(I)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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-h-[--reka-dropdown-menu-content-available-height] min-w-[8rem] origin-[--reka-dropdown-menu-content-transform-origin] overflow-x-hidden overflow-y-auto rounded-md border border-border p-1 shadow-md", e.class)
         }), {
           default: u(() => [
             d(a.$slots, "default")
@@ -3266,7 +3273,7 @@ function Vr(t, e) {
     d(t.$slots, "default")
   ]);
 }
-const Dc = /* @__PURE__ */ T(Tr, [["render", Vr]]), Pr = ["data-inset", "data-variant"], Vc = /* @__PURE__ */ f({
+const Vc = /* @__PURE__ */ T(Tr, [["render", Vr]]), Pr = ["data-inset", "data-variant"], Pc = /* @__PURE__ */ f({
   __name: "dropdown-menu-item",
   props: {
     class: { type: String, default: "" },
@@ -3278,12 +3285,12 @@ const Dc = /* @__PURE__ */ T(Tr, [["render", Vr]]), Pr = ["data-inset", "data-va
       "data-slot": "dropdown-menu-item",
       "data-inset": t.inset,
       "data-variant": t.variant,
-      class: s(M)("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm select-none", { "pl-8": t.inset }, e.$attrs.class)
+      class: s(I)("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm select-none", { "pl-8": t.inset }, e.$attrs.class)
     }, e.$attrs), [
       d(e.$slots, "default")
     ], 16, Pr));
   }
-}), Ar = ["data-inset"], Pc = /* @__PURE__ */ f({
+}), Ar = ["data-inset"], Ac = /* @__PURE__ */ f({
   __name: "dropdown-menu-label",
   props: {
     class: { type: String, default: "" },
@@ -3293,19 +3300,19 @@ const Dc = /* @__PURE__ */ T(Tr, [["render", Vr]]), Pr = ["data-inset", "data-va
     return (e, a) => (r(), l("div", b({
       "data-slot": "dropdown-menu-label",
       "data-inset": t.inset,
-      class: s(M)("px-2 py-1.5 text-sm font-medium", { "pl-8": t.inset }, e.$attrs.class)
+      class: s(I)("px-2 py-1.5 text-sm font-medium", { "pl-8": t.inset }, e.$attrs.class)
     }, e.$attrs), [
       d(e.$slots, "default")
     ], 16, Ar));
   }
-}), Or = { "data-slot": "dropdown-menu-portal" }, Ac = /* @__PURE__ */ f({
+}), Or = { "data-slot": "dropdown-menu-portal" }, Oc = /* @__PURE__ */ f({
   __name: "dropdown-menu-portal",
   setup(t) {
     return (e, a) => (r(), l("div", Or, [
       d(e.$slots, "default")
     ]));
   }
-}), jr = { role: "radiogroup" }, Oc = /* @__PURE__ */ f({
+}), jr = { role: "radiogroup" }, jc = /* @__PURE__ */ f({
   __name: "dropdown-menu-radio-group",
   props: {
     modelValue: String
@@ -3319,7 +3326,7 @@ const Dc = /* @__PURE__ */ T(Tr, [["render", Vr]]), Pr = ["data-inset", "data-va
 }), Lr = ["aria-checked"], Rr = { class: "mr-2 w-4 h-4 flex items-center justify-center" }, Fr = {
   key: 0,
   class: "block w-3 h-3 bg-primary rounded-full"
-}, jc = /* @__PURE__ */ f({
+}, Lc = /* @__PURE__ */ f({
   __name: "dropdown-menu-radio-item",
   props: {
     value: String,
@@ -3328,12 +3335,12 @@ const Dc = /* @__PURE__ */ T(Tr, [["render", Vr]]), Pr = ["data-inset", "data-va
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const a = t, o = e, n = ve("dropdownMenuRadioGroupValue", null);
+    const a = t, o = e, n = be("dropdownMenuRadioGroupValue", null);
     function i() {
       !a.disabled && n && (n.value = a.value, o("update:modelValue", a.value));
     }
     return (p, m) => (r(), l("div", {
-      class: k(["flex items-center px-2 py-1.5 text-sm cursor-pointer select-none", a.class, { "opacity-50 pointer-events-none": a.disabled }]),
+      class: x(["flex items-center px-2 py-1.5 text-sm cursor-pointer select-none", a.class, { "opacity-50 pointer-events-none": a.disabled }]),
       onClick: i,
       role: "menuitemradio",
       "aria-checked": s(n) && s(n).value === a.value,
@@ -3345,7 +3352,7 @@ const Dc = /* @__PURE__ */ T(Tr, [["render", Vr]]), Pr = ["data-inset", "data-va
       d(p.$slots, "default")
     ], 10, Lr));
   }
-}), Lc = /* @__PURE__ */ f({
+}), Rc = /* @__PURE__ */ f({
   __name: "dropdown-menu-separator",
   props: {
     class: { type: String, default: "" }
@@ -3353,10 +3360,10 @@ const Dc = /* @__PURE__ */ T(Tr, [["render", Vr]]), Pr = ["data-inset", "data-va
   setup(t) {
     return (e, a) => (r(), l("div", b({
       "data-slot": "dropdown-menu-separator",
-      class: s(M)("bg-border -mx-1 my-1 h-px", e.$attrs.class)
+      class: s(I)("bg-border -mx-1 my-1 h-px", e.$attrs.class)
     }, e.$attrs), null, 16));
   }
-}), Rc = /* @__PURE__ */ f({
+}), Fc = /* @__PURE__ */ f({
   __name: "dropdown-menu-shortcut",
   props: {
     class: { type: String, default: "" }
@@ -3364,7 +3371,7 @@ const Dc = /* @__PURE__ */ T(Tr, [["render", Vr]]), Pr = ["data-inset", "data-va
   setup(t) {
     return (e, a) => (r(), l("span", b({
       "data-slot": "dropdown-menu-shortcut",
-      class: s(M)("text-muted-foreground ml-auto text-xs tracking-widest", e.$attrs.class)
+      class: s(I)("text-muted-foreground ml-auto text-xs tracking-widest", e.$attrs.class)
     }, e.$attrs), [
       d(e.$slots, "default")
     ], 16));
@@ -3372,7 +3379,7 @@ const Dc = /* @__PURE__ */ T(Tr, [["render", Vr]]), Pr = ["data-inset", "data-va
 }), Er = {
   class: "absolute left-full top-0 mt-0 ml-2 min-w-[8rem] bg-popover border border-border rounded-md shadow-md z-50",
   "data-slot": "dropdown-menu-sub-content"
-}, Fc = /* @__PURE__ */ f({
+}, Ec = /* @__PURE__ */ f({
   __name: "dropdown-menu-sub-content",
   setup(t) {
     return (e, a) => (r(), l("div", Er, [
@@ -3382,7 +3389,7 @@ const Dc = /* @__PURE__ */ T(Tr, [["render", Vr]]), Pr = ["data-inset", "data-va
 }), Nr = {
   class: "flex items-center cursor-pointer select-none",
   "data-slot": "dropdown-menu-sub-trigger"
-}, Ec = /* @__PURE__ */ f({
+}, Nc = /* @__PURE__ */ f({
   __name: "dropdown-menu-sub-trigger",
   setup(t) {
     return (e, a) => (r(), l("div", Nr, [
@@ -3392,14 +3399,14 @@ const Dc = /* @__PURE__ */ T(Tr, [["render", Vr]]), Pr = ["data-inset", "data-va
 }), Ur = {
   class: "relative",
   "data-slot": "dropdown-menu-sub"
-}, Nc = /* @__PURE__ */ f({
+}, Uc = /* @__PURE__ */ f({
   __name: "dropdown-menu-sub",
   setup(t) {
     return (e, a) => (r(), l("div", Ur, [
       d(e.$slots, "default")
     ]));
   }
-}), Uc = /* @__PURE__ */ f({
+}), Hc = /* @__PURE__ */ f({
   __name: "dropdown-menu-trigger",
   setup(t) {
     return (e, a) => (r(), g(s(Mr), b({ "data-slot": "dropdown-menu-trigger" }, e.$attrs), {
@@ -3409,7 +3416,7 @@ const Dc = /* @__PURE__ */ T(Tr, [["render", Vr]]), Pr = ["data-inset", "data-va
       _: 3
     }, 16));
   }
-}), Hc = /* @__PURE__ */ f({
+}), Gc = /* @__PURE__ */ f({
   __name: "dropdown-menu",
   setup(t) {
     return (e, a) => (r(), g(s(zr), { "data-slot": "dropdown-menu" }, {
@@ -3419,7 +3426,7 @@ const Dc = /* @__PURE__ */ T(Tr, [["render", Vr]]), Pr = ["data-inset", "data-va
       _: 3
     }));
   }
-}), Gc = /* @__PURE__ */ f({
+}), Wc = /* @__PURE__ */ f({
   __name: "grouped-avatar",
   props: {
     class: {
@@ -3428,7 +3435,7 @@ const Dc = /* @__PURE__ */ T(Tr, [["render", Vr]]), Pr = ["data-inset", "data-va
     }
   },
   setup(t) {
-    const a = M("border-2 border-background", t.class);
+    const a = I("border-2 border-background", t.class);
     return (o, n) => (r(), g(vo, b({ class: s(a) }, o.$attrs), {
       default: u(() => [
         d(o.$slots, "default")
@@ -3458,7 +3465,7 @@ function Wr(t, e) {
     }, null, -1)
   ])]);
 }
-const Wc = /* @__PURE__ */ T(Hr, [["render", Wr]]), qr = {}, Kr = {
+const qc = /* @__PURE__ */ T(Hr, [["render", Wr]]), qr = {}, Kr = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-4 w-4",
   fill: "none",
@@ -3475,7 +3482,7 @@ function Xr(t, e) {
     }, null, -1)
   ])]);
 }
-const qc = /* @__PURE__ */ T(qr, [["render", Xr]]), Jr = {}, Zr = {
+const Kc = /* @__PURE__ */ T(qr, [["render", Xr]]), Jr = {}, Zr = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -3491,7 +3498,7 @@ function Yr(t, e) {
     c("polyline", { points: "19 12 12 19 5 12" }, null, -1)
   ])]);
 }
-const Kc = /* @__PURE__ */ T(Jr, [["render", Yr]]), Qr = {}, en = {
+const Xc = /* @__PURE__ */ T(Jr, [["render", Yr]]), Qr = {}, en = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -3507,7 +3514,7 @@ function tn(t, e) {
     c("polyline", { points: "5 12 12 5 19 12" }, null, -1)
   ])]);
 }
-const Xc = /* @__PURE__ */ T(Qr, [["render", tn]]), an = {}, sn = {
+const Jc = /* @__PURE__ */ T(Qr, [["render", tn]]), an = {}, sn = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -3529,7 +3536,7 @@ function on(t, e) {
     c("polyline", { points: "5 12 12 5 19 12" }, null, -1)
   ])]);
 }
-const Jc = /* @__PURE__ */ T(an, [["render", on]]), rn = {}, nn = {
+const Zc = /* @__PURE__ */ T(an, [["render", on]]), rn = {}, nn = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-4 w-4",
   fill: "none",
@@ -3546,7 +3553,7 @@ function ln(t, e) {
     }, null, -1)
   ])]);
 }
-const Zc = /* @__PURE__ */ T(rn, [["render", ln]]), dn = {}, cn = {
+const Yc = /* @__PURE__ */ T(rn, [["render", ln]]), dn = {}, cn = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-4 w-4",
   fill: "none",
@@ -3588,7 +3595,7 @@ function un(t, e) {
     }, null, -1)
   ])]);
 }
-const Yc = /* @__PURE__ */ T(dn, [["render", un]]), pn = {}, fn = {
+const Qc = /* @__PURE__ */ T(dn, [["render", un]]), pn = {}, fn = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-4 w-4",
   fill: "none",
@@ -3605,7 +3612,7 @@ function mn(t, e) {
     }, null, -1)
   ])]);
 }
-const Qc = /* @__PURE__ */ T(pn, [["render", mn]]), gn = {}, bn = {
+const eu = /* @__PURE__ */ T(pn, [["render", mn]]), gn = {}, bn = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-3 w-3",
   fill: "currentColor",
@@ -3620,7 +3627,7 @@ function vn(t, e) {
     }, null, -1)
   ])]);
 }
-const eu = /* @__PURE__ */ T(gn, [["render", vn]]), hn = {}, _n = {
+const tu = /* @__PURE__ */ T(gn, [["render", vn]]), hn = {}, _n = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-3 w-3",
   fill: "none",
@@ -3645,7 +3652,7 @@ function yn(t, e) {
     }, null, -1)
   ])]);
 }
-const tu = /* @__PURE__ */ T(hn, [["render", yn]]), xn = {}, wn = {
+const au = /* @__PURE__ */ T(hn, [["render", yn]]), xn = {}, wn = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-4 w-4",
   fill: "currentColor",
@@ -3660,7 +3667,7 @@ function kn(t, e) {
     }, null, -1)
   ])]);
 }
-const au = /* @__PURE__ */ T(xn, [["render", kn]]), $n = {}, Sn = {
+const su = /* @__PURE__ */ T(xn, [["render", kn]]), $n = {}, Sn = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-4 w-4",
   fill: "none",
@@ -3677,7 +3684,7 @@ function Cn(t, e) {
     }, null, -1)
   ])]);
 }
-const su = /* @__PURE__ */ T($n, [["render", Cn]]), Bn = {}, zn = {
+const ou = /* @__PURE__ */ T($n, [["render", Cn]]), Bn = {}, zn = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-4 w-4",
   fill: "none",
@@ -3719,7 +3726,7 @@ function In(t, e) {
     }, null, -1)
   ])]);
 }
-const ou = /* @__PURE__ */ T(Bn, [["render", In]]), Mn = {}, Tn = {
+const ru = /* @__PURE__ */ T(Bn, [["render", In]]), Mn = {}, Tn = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-4 w-4",
   fill: "none",
@@ -3736,7 +3743,7 @@ function Dn(t, e) {
     }, null, -1)
   ])]);
 }
-const ru = /* @__PURE__ */ T(Mn, [["render", Dn]]), Vn = {}, Pn = {
+const nu = /* @__PURE__ */ T(Mn, [["render", Dn]]), Vn = {}, Pn = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-4 w-4",
   fill: "none",
@@ -3759,7 +3766,7 @@ function An(t, e) {
     }, null, -1)
   ])]);
 }
-const nu = /* @__PURE__ */ T(Vn, [["render", An]]), On = {}, jn = {
+const lu = /* @__PURE__ */ T(Vn, [["render", An]]), On = {}, jn = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-4 w-4",
   fill: "none",
@@ -3776,7 +3783,7 @@ function Ln(t, e) {
     }, null, -1)
   ])]);
 }
-const lu = /* @__PURE__ */ T(On, [["render", Ln]]), Rn = {}, Fn = {
+const iu = /* @__PURE__ */ T(On, [["render", Ln]]), Rn = {}, Fn = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-4 w-4",
   fill: "none",
@@ -3793,7 +3800,7 @@ function En(t, e) {
     }, null, -1)
   ])]);
 }
-const iu = /* @__PURE__ */ T(Rn, [["render", En]]), Nn = {}, Un = {
+const du = /* @__PURE__ */ T(Rn, [["render", En]]), Nn = {}, Un = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-4 w-4",
   fill: "none",
@@ -3812,7 +3819,7 @@ function Hn(t, e) {
     }, null, -1)
   ])]);
 }
-const du = /* @__PURE__ */ T(Nn, [["render", Hn]]), Gn = {}, Wn = {
+const cu = /* @__PURE__ */ T(Nn, [["render", Hn]]), Gn = {}, Wn = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-4 w-4",
   fill: "none",
@@ -3838,7 +3845,7 @@ function qn(t, e) {
     }, null, -1)
   ])]);
 }
-const cu = /* @__PURE__ */ T(Gn, [["render", qn]]), Kn = {}, Xn = {
+const uu = /* @__PURE__ */ T(Gn, [["render", qn]]), Kn = {}, Xn = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-4 w-4",
   fill: "none",
@@ -3860,7 +3867,7 @@ function Jn(t, e) {
     }, null, -1)
   ])]);
 }
-const uu = /* @__PURE__ */ T(Kn, [["render", Jn]]), Zn = {}, Yn = {
+const pu = /* @__PURE__ */ T(Kn, [["render", Jn]]), Zn = {}, Yn = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-4 w-4",
   fill: "none",
@@ -3879,7 +3886,7 @@ function Qn(t, e) {
     }, null, -1)
   ])]);
 }
-const pu = /* @__PURE__ */ T(Zn, [["render", Qn]]), el = {}, tl = {
+const fu = /* @__PURE__ */ T(Zn, [["render", Qn]]), el = {}, tl = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-4 w-4",
   fill: "none",
@@ -3896,7 +3903,7 @@ function al(t, e) {
     }, null, -1)
   ])]);
 }
-const fu = /* @__PURE__ */ T(el, [["render", al]]), sl = {}, ol = {
+const mu = /* @__PURE__ */ T(el, [["render", al]]), sl = {}, ol = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-4 w-4",
   fill: "none",
@@ -3913,7 +3920,7 @@ function rl(t, e) {
     }, null, -1)
   ])]);
 }
-const mu = /* @__PURE__ */ T(sl, [["render", rl]]), nl = {}, ll = {
+const gu = /* @__PURE__ */ T(sl, [["render", rl]]), nl = {}, ll = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "h-4 w-4",
   fill: "none",
@@ -3935,7 +3942,7 @@ function il(t, e) {
     }, null, -1)
   ])]);
 }
-const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-center gap-2" }, bu = /* @__PURE__ */ f({
+const bu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-center gap-2" }, vu = /* @__PURE__ */ f({
   __name: "input-otp",
   props: {
     class: String,
@@ -3952,7 +3959,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
     const n = (i) => {
       i.length <= a.maxLength && o("update:modelValue", i);
     };
-    return w(() => ({
+    return k(() => ({
       value: a.modelValue,
       onChange: n,
       maxLength: a.maxLength,
@@ -3978,7 +3985,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
 }), cl = { class: "space-y-2" }, ul = { class: "relative" }, pl = {
   key: 0,
   class: "absolute left-1 top-1/2 transform -translate-y-1/2 pointer-events-none"
-}, fl = ["id", "type", "disabled", "readonly", "value"], vu = {
+}, fl = ["id", "type", "disabled", "readonly", "value"], hu = {
   __name: "input",
   props: {
     modelValue: {
@@ -4019,12 +4026,12 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
   setup(t, { emit: e }) {
     const a = ut;
     return (o, n) => (r(), l("div", cl, [
-      t.label ? (r(), g(xe, {
+      t.label ? (r(), g(ye, {
         key: 0,
         for: t.id || "input"
       }, {
         default: u(() => [
-          O(I(t.label), 1)
+          O(M(t.label), 1)
         ]),
         _: 1
       }, 8, ["for"])) : z("", !0),
@@ -4034,13 +4041,13 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
         ])) : z("", !0),
         o.$slots.iconRight || t.validationState === "success" || t.validationState === "error" ? (r(), l("span", {
           key: 1,
-          class: k([
+          class: x([
             "absolute right-3 top-1/2 transform -translate-y-1/2 pointer-events-none",
             t.validationState === "error" ? "text-red-500" : "",
             t.validationState === "success" ? "text-green-500" : ""
           ])
         }, [
-          t.validationState === "success" ? (r(), g(s(_e), {
+          t.validationState === "success" ? (r(), g(s(he), {
             key: 0,
             class: "text-green-500 h-4 w-4"
           })) : t.validationState === "error" ? (r(), g(s(Xe), {
@@ -4069,15 +4076,15 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
       ]),
       t.validationMessage ? (r(), l("p", {
         key: 1,
-        class: k(["text-sm", t.validationState === "error" ? "text-red-600" : "", t.validationState === "success" ? "text-green-600" : ""])
-      }, I(t.validationMessage), 3)) : z("", !0)
+        class: x(["text-sm", t.validationState === "error" ? "text-red-600" : "", t.validationState === "success" ? "text-green-600" : ""])
+      }, M(t.validationMessage), 3)) : z("", !0)
     ]));
   }
 }, ml = {
   class: "flex items-center justify-center gap-2",
   role: "navigation",
   "aria-label": "Pagination"
-}, gl = ["disabled"], bl = { class: "px-2 text-sm" }, vl = ["disabled"], hu = {
+}, gl = ["disabled"], bl = { class: "px-2 text-sm" }, vl = ["disabled"], _u = {
   __name: "pagination",
   props: {
     page: {
@@ -4095,7 +4102,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
   },
   emits: ["update:page"],
   setup(t, { emit: e }) {
-    const a = t, o = w(() => Math.max(1, Math.ceil(a.total / a.perPage)));
+    const a = t, o = k(() => Math.max(1, Math.ceil(a.total / a.perPage)));
     return (n, i) => (r(), l("nav", ml, [
       c("button", {
         class: "h-8 w-8 flex items-center justify-center rounded border border-input bg-background px-0 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground disabled:opacity-50",
@@ -4103,7 +4110,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
         onClick: i[0] || (i[0] = (p) => n.$emit("update:page", t.page - 1)),
         "aria-label": "Previous page"
       }, " < ", 8, gl),
-      c("span", bl, I(t.page) + " / " + I(o.value), 1),
+      c("span", bl, M(t.page) + " / " + M(o.value), 1),
       c("button", {
         class: "h-8 w-8 flex items-center justify-center rounded border border-input bg-background px-0 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground disabled:opacity-50",
         disabled: t.page >= o.value,
@@ -4131,7 +4138,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
 }, wl = {
   key: 1,
   class: "space-y-3 mb-2"
-}, kl = ["aria-valuenow"], _u = {
+}, kl = ["aria-valuenow"], yu = {
   __name: "progress",
   props: {
     value: {
@@ -4142,7 +4149,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
     steps: Array
   },
   setup(t) {
-    const e = t, a = U(), o = w(() => Array.isArray(e.steps) && e.steps.length > 0);
+    const e = t, a = U(), o = k(() => Array.isArray(e.steps) && e.steps.length > 0);
     function n(m) {
       return m === "complete" ? "bg-green-500" : m === "in-progress" ? "bg-blue-500" : "bg-muted";
     }
@@ -4153,36 +4160,36 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
       return m === "complete" ? "Complete" : m === "in-progress" ? "In Progress" : "Pending";
     }
     return (m, $) => (r(), l("div", {
-      class: k(s(M)("space-y-2", s(a).class))
+      class: x(s(I)("space-y-2", s(a).class))
     }, [
       t.label ? (r(), l("div", _l, [
-        c("span", yl, I(t.label), 1),
-        typeof t.value == "number" && !o.value ? (r(), l("span", xl, I(t.value) + "%", 1)) : z("", !0)
+        c("span", yl, M(t.label), 1),
+        typeof t.value == "number" && !o.value ? (r(), l("span", xl, M(t.value) + "%", 1)) : z("", !0)
       ])) : z("", !0),
       o.value ? (r(), l("div", wl, [
-        (r(!0), l(F, null, G(t.steps, (h, v) => (r(), l("div", {
-          key: v,
+        (r(!0), l(F, null, G(t.steps, (v, _) => (r(), l("div", {
+          key: _,
           class: "flex items-center space-x-3"
         }, [
           c("div", {
-            class: k([n(h.status), "w-4 h-4 rounded-full flex items-center justify-center"])
+            class: x([n(v.status), "w-4 h-4 rounded-full flex items-center justify-center"])
           }, [
-            h.status === "complete" ? (r(), g(s(_e), {
+            v.status === "complete" ? (r(), g(s(he), {
               key: 0,
               class: "w-3 h-3 text-white"
-            })) : h.status === "in-progress" ? (r(), g(s(Ut), {
+            })) : v.status === "in-progress" ? (r(), g(s(Ut), {
               key: 1,
               class: "w-3 h-3 text-white animate-spin"
             })) : z("", !0)
           ], 2),
           c("span", {
-            class: k(["text-sm", h.status === "pending" ? "text-muted-foreground" : ""])
-          }, I(h.label), 3),
-          _(oe, {
-            variant: i(h.status)
+            class: x(["text-sm", v.status === "pending" ? "text-muted-foreground" : ""])
+          }, M(v.label), 3),
+          h(oe, {
+            variant: i(v.status)
           }, {
             default: u(() => [
-              O(I(p(h.status)), 1)
+              O(M(p(v.status)), 1)
             ]),
             _: 2
           }, 1032, ["variant"])
@@ -4190,7 +4197,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
       ])) : z("", !0),
       o.value ? z("", !0) : (r(), l("div", {
         key: 2,
-        class: k(s(M)("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", s(a).class))
+        class: x(s(I)("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", s(a).class))
       }, [
         c("div", {
           class: "bg-primary h-full w-full flex-1 transition-all",
@@ -4252,12 +4259,12 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
       )
     }), {
       default: u(() => [
-        _(s(Ya), {
+        h(s(Ya), {
           "data-slot": "radio-group-indicator",
           class: "relative flex items-center justify-center"
         }, {
           default: u(() => [
-            _(s(Ht), { class: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
+            h(s(Ht), { class: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
           ]),
           _: 1
         })
@@ -4265,7 +4272,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
       _: 1
     }, 16, ["class"]));
   }
-}), yu = {
+}), xu = {
   __name: "radio-group-item",
   props: {
     modelValue: {
@@ -4291,7 +4298,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
       "data-slot": "radio-group-item",
       value: t.value,
       disabled: t.disabled,
-      class: s(M)("border-neutral-300 dark:border-neutral-600 text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-background dark:bg-input aspect-square size-4 shrink-0 rounded-full border-2 shadow-xs transition-[color,box-shadow,border-color] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", s(a).class)
+      class: s(I)("border-neutral-300 dark:border-neutral-600 text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive bg-background dark:bg-input aspect-square size-4 shrink-0 rounded-full border-2 shadow-xs transition-[color,box-shadow,border-color] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", s(a).class)
     }, s(a), {
       modelValue: o.value,
       "onUpdate:modelValue": i[0] || (i[0] = (p) => o.value = p)
@@ -4319,7 +4326,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
       _: 3
     }, 16, ["value", "disabled", "class", "modelValue"]));
   }
-}, xu = {
+}, wu = {
   __name: "radio-group",
   props: {
     ariaLabelledby: {
@@ -4332,7 +4339,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
     return (a, o) => (r(), g(s($l), b({
       "data-slot": "radio-group",
       "aria-labelledby": t.ariaLabelledby,
-      class: s(M)("grid gap-3", s(e).class)
+      class: s(I)("grid gap-3", s(e).class)
     }, s(e)), {
       default: u(() => [
         d(a.$slots, "default")
@@ -4441,7 +4448,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
       _: 3
     }, 16, ["class"]));
   }
-}), wu = /* @__PURE__ */ f({
+}), ku = /* @__PURE__ */ f({
   __name: "tab-list",
   props: {
     variant: {
@@ -4453,7 +4460,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
     const e = t, a = U();
     return (o, n) => (r(), g(s(bt), b({
       "data-slot": "tabs-list",
-      class: s(M)(
+      class: s(I)(
         "inline-flex items-center justify-start border-b border-border bg-transparent",
         "[&:has(.corner-cut-trigger)]:border-primary",
         "[&:has(.corner-cut-trigger)]:gap-0 [&:has(.corner-cut-trigger)]:-space-x-[1px]",
@@ -4469,7 +4476,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
       _: 3
     }, 16, ["class"]));
   }
-}), ku = /* @__PURE__ */ f({
+}), $u = /* @__PURE__ */ f({
   __name: "tab-trigger",
   props: {
     variant: {
@@ -4481,7 +4488,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
     const e = t;
     return (a, o) => (r(), g(s(zl), b({
       "data-slot": "tabs-trigger",
-      class: s(M)(
+      class: s(I)(
         "relative inline-flex items-center justify-center gap-2 px-4 py-2 transition-all duration-200 ease-out",
         "min-w-0 max-w-48 w-auto shrink-0",
         "text-muted-foreground hover:text-foreground",
@@ -4501,7 +4508,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
       _: 3
     }, 16, ["class"]));
   }
-}), $u = /* @__PURE__ */ f({
+}), Su = /* @__PURE__ */ f({
   __name: "tab-content",
   props: {
     variant: {
@@ -4513,7 +4520,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
     const e = t;
     return (a, o) => (r(), g(s(Bl), b({
       "data-slot": "tabs-content",
-      class: s(M)(
+      class: s(I)(
         "mt-4 outline-none",
         "focus-visible:ring-2 focus-visible:ring-primary/20 focus-visible:ring-offset-2",
         e.variant === "card" && "p-4 border rounded-lg",
@@ -4538,29 +4545,29 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
   setup(t) {
     const e = t, a = U(), o = V(null), n = V(!1), i = V(!1), p = V(!1);
     function m() {
-      const x = o.value;
-      if (!x) return;
-      const { scrollLeft: S, scrollWidth: B, clientWidth: P } = x;
+      const w = o.value;
+      if (!w) return;
+      const { scrollLeft: S, scrollWidth: B, clientWidth: P } = w;
       n.value = S > 0, i.value = S < B - P - 1, p.value = B > P;
     }
     function $() {
-      const x = o.value;
-      x && x.scrollBy({ left: -200, behavior: "smooth" });
+      const w = o.value;
+      w && w.scrollBy({ left: -200, behavior: "smooth" });
     }
-    function h() {
-      const x = o.value;
-      x && x.scrollBy({ left: 200, behavior: "smooth" });
+    function v() {
+      const w = o.value;
+      w && w.scrollBy({ left: 200, behavior: "smooth" });
     }
-    let v = null, y = null;
+    let _ = null, y = null;
     return re(() => {
       Ke(() => {
-        const x = o.value;
-        x && (v = () => m(), y = () => m(), x.addEventListener("scroll", v), window.addEventListener("resize", y), m());
+        const w = o.value;
+        w && (_ = () => m(), y = () => m(), w.addEventListener("scroll", _), window.addEventListener("resize", y), m());
       });
     }), Vt(() => {
-      const x = o.value;
-      x && v && x.removeEventListener("scroll", v), y && window.removeEventListener("resize", y);
-    }), (x, S) => (r(), l("div", Il, [
+      const w = o.value;
+      w && _ && w.removeEventListener("scroll", _), y && window.removeEventListener("resize", y);
+    }), (w, S) => (r(), l("div", Il, [
       p.value && n.value ? (r(), l("button", {
         key: 0,
         onClick: $,
@@ -4587,7 +4594,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
         ref: o,
         class: "w-full overflow-x-auto scrollbar-hide"
       }, [
-        _(s(bt), b(s(a), {
+        h(s(bt), b(s(a), {
           class: [
             "inline-flex items-center justify-start border-b border-border bg-transparent w-max",
             "[&:has(.corner-cut-trigger)]:border-primary",
@@ -4599,14 +4606,14 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
           ]
         }), {
           default: u(() => [
-            d(x.$slots, "default", {}, void 0, !0)
+            d(w.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
         }, 16, ["class"])
       ], 512),
       p.value && i.value ? (r(), l("button", {
         key: 1,
-        onClick: h,
+        onClick: v,
         class: "absolute right-0 top-0 z-10 h-full w-10 flex items-center justify-center bg-gradient-to-l from-background via-background/95 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-200 hover:from-background hover:via-background focus:outline-none focus:opacity-100",
         "aria-label": "Scroll tabs right",
         type: "button"
@@ -4627,7 +4634,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
       ])])) : z("", !0)
     ]));
   }
-}), Su = /* @__PURE__ */ T(Ml, [["__scopeId", "data-v-f29cb3b8"]]);
+}), Cu = /* @__PURE__ */ T(Ml, [["__scopeId", "data-v-f29cb3b8"]]);
 const Fe = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Tl = (t) => t.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (e, a, o) => o ? o.toUpperCase() : a.toLowerCase()
@@ -4656,7 +4663,7 @@ const Pl = ({
   size: p = ce.width,
   color: m = ce.stroke,
   ...$
-}, { slots: h }) => se(
+}, { slots: v }) => se(
   "svg",
   {
     ...ce,
@@ -4671,7 +4678,7 @@ const Pl = ({
       ...t ? [`lucide-${Fe(Dl(t))}-icon`, `lucide-${Fe(t)}`] : ["lucide-icon"]
     )
   },
-  [...e.map((v) => se(...v)), ...h.default ? [h.default()] : []]
+  [...e.map((_) => se(..._)), ...v.default ? [v.default()] : []]
 );
 const Al = (t, e) => (a, { slots: o, attrs: n }) => se(
   Pl,
@@ -4688,7 +4695,7 @@ const Ol = Al("chevron-down", [
 ]), jl = { class: "space-y-4" }, Ll = { class: "w-2/3 flex gap-1 flex-1" }, Rl = {
   key: 0,
   class: "text-muted-foreground"
-}, Fl = { class: "p-1" }, El = { class: "p-3 pb-2" }, Nl = { class: "text-sm font-medium" }, Ul = { class: "max-h-[200px] overflow-y-auto" }, Hl = ["onClick"], Gl = { class: "flex-1 font-medium leading-none" }, Cu = {
+}, Fl = { class: "p-1" }, El = { class: "p-3 pb-2" }, Nl = { class: "text-sm font-medium" }, Ul = { class: "max-h-[200px] overflow-y-auto" }, Hl = ["onClick"], Gl = { class: "flex-1 font-medium leading-none" }, Wl = {
   __name: "select-multiple",
   props: {
     modelValue: {
@@ -4714,30 +4721,30 @@ const Ol = Al("chevron-down", [
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const a = t, o = e, n = U(), i = V(!1), p = w(() => a.class || n.class || "");
-    function m(v) {
-      return Array.isArray(a.modelValue) && a.modelValue.includes(v);
+    const a = t, o = e, n = U(), i = V(!1), p = k(() => a.class || n.class || "");
+    function m(_) {
+      return Array.isArray(a.modelValue) && a.modelValue.includes(_);
     }
-    function $(v) {
-      const y = a.options.find((x) => x.value === v);
-      return y ? y.label : v;
+    function $(_) {
+      const y = a.options.find((w) => w.value === _);
+      return y ? y.label : _;
     }
-    function h(v, y) {
+    function v(_, y) {
       let S = [...Array.isArray(a.modelValue) ? a.modelValue : []];
-      y && !S.includes(v) ? S.push(v) : y || (S = S.filter((B) => B !== v)), o("update:modelValue", S);
+      y && !S.includes(_) ? S.push(_) : y || (S = S.filter((B) => B !== _)), o("update:modelValue", S);
     }
-    return (v, y) => (r(), l("div", jl, [
-      _(hl, {
+    return (_, y) => (r(), l("div", jl, [
+      h(hl, {
         open: i.value,
-        "onUpdate:open": y[0] || (y[0] = (x) => i.value = x),
+        "onUpdate:open": y[0] || (y[0] = (w) => i.value = w),
         disabled: t.disabled
       }, {
         default: u(() => [
-          _(oo, { as: "template" }, {
+          h(oo, { as: "template" }, {
             default: u(() => [
-              _(ge, {
+              h(ge, {
                 variant: "secondary",
-                class: k([
+                class: x([
                   "justify-between border-input bg-input-background hover:bg-select-hover focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
                   t.size === "sm" ? "h-8" : "h-9",
                   p.value
@@ -4748,67 +4755,67 @@ const Ol = Al("chevron-down", [
               }, {
                 default: u(() => [
                   c("div", Ll, [
-                    t.modelValue.length === 0 ? (r(), l("span", Rl, I(t.placeholder), 1)) : t.modelValue.length <= t.maxDisplay ? (r(!0), l(F, { key: 1 }, G(t.modelValue, (x) => (r(), g(oe, {
-                      key: x,
+                    t.modelValue.length === 0 ? (r(), l("span", Rl, M(t.placeholder), 1)) : t.modelValue.length <= t.maxDisplay ? (r(!0), l(F, { key: 1 }, G(t.modelValue, (w) => (r(), g(oe, {
+                      key: w,
                       variant: "soft-neutral",
                       class: "text-xs shrink-0"
                     }, {
                       default: u(() => [
-                        O(I($(x)), 1)
+                        O(M($(w)), 1)
                       ]),
                       _: 2
                     }, 1024))), 128)) : (r(), l(F, { key: 2 }, [
-                      _(oe, {
+                      h(oe, {
                         variant: "soft-neutral",
                         class: "text-xs shrink-0"
                       }, {
                         default: u(() => [
-                          O(I($(t.modelValue[0])), 1)
+                          O(M($(t.modelValue[0])), 1)
                         ]),
                         _: 1
                       }),
-                      _(oe, {
+                      h(oe, {
                         variant: "soft-neutral",
                         class: "text-xs shrink-0"
                       }, {
                         default: u(() => [
-                          O(" +" + I(t.modelValue.length - 1) + " more ", 1)
+                          O(" +" + M(t.modelValue.length - 1) + " more ", 1)
                         ]),
                         _: 1
                       })
                     ], 64))
                   ]),
-                  _(s(Ol), { class: "h-4 w-4 shrink-0 opacity-50" })
+                  h(s(Ol), { class: "h-4 w-4 shrink-0 opacity-50" })
                 ]),
                 _: 1
               }, 8, ["class", "aria-expanded", "disabled"])
             ]),
             _: 1
           }),
-          _(to, {
-            class: k(["p-0", p.value]),
+          h(to, {
+            class: x(["p-0", p.value]),
             align: "start"
           }, {
             default: u(() => [
               c("div", Fl, [
                 c("div", El, [
-                  c("div", Nl, I(t.title), 1)
+                  c("div", Nl, M(t.title), 1)
                 ]),
                 c("div", Ul, [
-                  (r(!0), l(F, null, G(t.options, (x) => (r(), l("div", {
-                    key: x.value,
-                    class: k([
+                  (r(!0), l(F, null, G(t.options, (w) => (r(), l("div", {
+                    key: w.value,
+                    class: x([
                       "relative flex w-full cursor-pointer items-center gap-2 rounded-sm py-1.5 pr-2 pl-2 text-sm outline-hidden select-none transition-colors",
-                      x.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-accent hover:text-accent-foreground"
+                      w.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-accent hover:text-accent-foreground"
                     ]),
-                    onClick: (S) => !x.disabled && h(x.value, !m(x.value))
+                    onClick: (S) => !w.disabled && v(w.value, !m(w.value))
                   }, [
-                    _(cr, {
-                      "model-value": m(x.value),
-                      disabled: x.disabled,
+                    h(cr, {
+                      "model-value": m(w.value),
+                      disabled: w.disabled,
                       class: "pointer-events-none"
                     }, null, 8, ["model-value", "disabled"]),
-                    c("span", Gl, I(x.label), 1)
+                    c("span", Gl, M(w.label), 1)
                   ], 10, Hl))), 128))
                 ])
               ])
@@ -4828,60 +4835,68 @@ const Ol = Al("chevron-down", [
     multiple: Boolean,
     placeholder: String,
     disabled: Boolean,
-    customClass: String
+    customClass: String,
+    contentClass: String,
+    title: String,
+    maxDisplay: { type: Number, default: 3 },
+    size: { type: String, default: "default" }
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const a = t, o = e, n = w({
+    const a = t, o = e, n = k({
       get: () => a.modelValue,
       set: (m) => o("update:modelValue", m)
-    }), i = U(), p = w(() => a.customClass || i.class || "");
-    return (m, $) => {
-      const h = be("SelectMultiple");
-      return t.multiple ? (r(), g(h, b({ key: 0 }, {
-        modelValue: t.modelValue,
-        options: t.options,
-        placeholder: t.placeholder,
-        title: m.title,
-        maxDisplay: m.maxDisplay,
-        disabled: t.disabled,
-        size: m.size,
-        customClass: p.value
-      }, {
-        "onUpdate:modelValue": $[0] || ($[0] = (v) => m.$emit("update:modelValue", v))
-      }), null, 16)) : (r(), g(s(ro), {
-        key: 1,
-        modelValue: n.value,
-        "onUpdate:modelValue": $[1] || ($[1] = (v) => n.value = v),
-        disabled: t.disabled
-      }, {
-        default: u(() => [
-          _(s(dt), { class: "w-full" }, {
-            default: u(() => [
-              _(s(ct), { placeholder: t.placeholder }, null, 8, ["placeholder"])
-            ]),
-            _: 1
-          }),
-          _(s(lt), null, {
-            default: u(() => [
+    }), i = U(), p = k(() => I(a.customClass, i.class));
+    return (m, $) => t.multiple ? (r(), g(Wl, b({ key: 0 }, {
+      modelValue: t.modelValue,
+      options: t.options,
+      placeholder: t.placeholder,
+      title: t.title,
+      maxDisplay: t.maxDisplay,
+      disabled: t.disabled,
+      size: t.size,
+      customClass: p.value
+    }, {
+      "onUpdate:modelValue": $[0] || ($[0] = (v) => m.$emit("update:modelValue", v))
+    }), null, 16)) : (r(), g(s(ro), {
+      key: 1,
+      modelValue: n.value,
+      "onUpdate:modelValue": $[1] || ($[1] = (v) => n.value = v),
+      disabled: t.disabled,
+      class: x(p.value)
+    }, {
+      default: u(() => [
+        h(s(dt), { class: "w-full" }, {
+          default: u(() => [
+            d(m.$slots, "trigger", {}, () => [
+              h(s(ct), { placeholder: t.placeholder }, null, 8, ["placeholder"])
+            ])
+          ]),
+          _: 3
+        }),
+        h(s(lt), {
+          class: x(t.contentClass)
+        }, {
+          default: u(() => [
+            d(m.$slots, "content", {}, () => [
               (r(!0), l(F, null, G(t.options, (v) => (r(), g(s(it), {
                 key: String(v.value),
                 value: String(v.value)
               }, {
                 default: u(() => [
-                  O(I(v.label), 1)
+                  O(M(v.label), 1)
                 ]),
                 _: 2
               }, 1032, ["value"]))), 128))
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["modelValue", "disabled"]));
-    };
+            ])
+          ]),
+          _: 3
+        }, 8, ["class"])
+      ]),
+      _: 3
+    }, 8, ["modelValue", "disabled", "class"]));
   }
-}), Wl = /* @__PURE__ */ f({
+}), ql = /* @__PURE__ */ f({
   __name: "Separator",
   props: {
     orientation: { default: "horizontal" },
@@ -4904,10 +4919,10 @@ const Ol = Al("chevron-down", [
       _: 3
     }, 16, ["class"]));
   }
-}), ql = {
+}), Kl = {
   key: 0,
   class: "absolute inset-0 flex items-center"
-}, Kl = { class: "bg-background px-2 text-xs uppercase text-muted-foreground" }, zu = {
+}, Xl = { class: "bg-background px-2 text-xs uppercase text-muted-foreground" }, zu = {
   __name: "separator",
   props: {
     orientation: {
@@ -4931,8 +4946,8 @@ const Ol = Al("chevron-down", [
     }
   },
   setup(t) {
-    const e = t, a = U(), o = w(() => e.align === "start" ? "justify-start" : e.align === "end" ? "justify-end" : "justify-center");
-    return (n, i) => (r(), g(s(Wl), b({
+    const e = t, a = U(), o = k(() => e.align === "start" ? "justify-start" : e.align === "end" ? "justify-end" : "justify-center");
+    return (n, i) => (r(), g(s(ql), b({
       role: t.role,
       "aria-orientation": t.orientation,
       "aria-hidden": t.decorative,
@@ -4945,22 +4960,22 @@ const Ol = Al("chevron-down", [
       ]
     }, s(a)), {
       default: u(() => [
-        t.text ? (r(), l("div", ql, [
+        t.text ? (r(), l("div", Kl, [
           c("div", {
-            class: k(["relative flex w-full", o.value])
+            class: x(["relative flex w-full", o.value])
           }, [
-            c("span", Kl, I(t.text), 1)
+            c("span", Xl, M(t.text), 1)
           ], 2)
         ])) : z("", !0)
       ]),
       _: 1
     }, 16, ["role", "aria-orientation", "aria-hidden", "orientation", "decorative", "class"]));
   }
-}, Xl = {
+}, Jl = {
   key: 0,
   class: "fixed inset-0 z-50 bg-black/50",
   "data-slot": "sheet-overlay"
-}, Jl = /* @__PURE__ */ f({
+}, Zl = /* @__PURE__ */ f({
   __name: "sheet",
   props: {
     open: Boolean,
@@ -4970,18 +4985,18 @@ const Ol = Al("chevron-down", [
   emits: ["update:open"],
   setup(t) {
     return (e, a) => (r(), g(Pt, { to: "body" }, [
-      _(Oe, { name: "fade" }, {
+      h(Oe, { name: "fade" }, {
         default: u(() => [
-          t.open ? (r(), l("div", Xl)) : z("", !0)
+          t.open ? (r(), l("div", Jl)) : z("", !0)
         ]),
         _: 1
       }),
-      _(Oe, { name: "slide" }, {
+      h(Oe, { name: "slide" }, {
         default: u(() => [
           t.open ? (r(), l("div", {
             key: 0,
             "data-slot": "sheet-content",
-            class: k([
+            class: x([
               "bg-background fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out",
               t.side === "right" && "inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
               t.side === "left" && "inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
@@ -5016,11 +5031,11 @@ const Ol = Al("chevron-down", [
       })
     ]));
   }
-}), Zl = /* @__PURE__ */ T(Jl, [["__scopeId", "data-v-e170e221"]]), Yl = { class: "flex h-full w-full flex-col" }, Ql = ["data-state", "data-collapsible", "data-variant", "data-side"], ei = {
+}), Yl = /* @__PURE__ */ T(Zl, [["__scopeId", "data-v-e170e221"]]), Ql = { class: "flex h-full w-full flex-col" }, ei = ["data-state", "data-collapsible", "data-variant", "data-side"], ti = {
   "data-sidebar": "sidebar",
   "data-slot": "sidebar-inner",
   class: "bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm"
-}, ti = "260px", ke = /* @__PURE__ */ f({
+}, ai = "260px", we = /* @__PURE__ */ f({
   __name: "BaseSidebar",
   props: {
     side: { type: String, default: "left" },
@@ -5029,37 +5044,37 @@ const Ol = Al("chevron-down", [
     class: { type: String, default: "" }
   },
   setup(t) {
-    const e = t, a = ve("sidebarContext");
+    const e = t, a = be("sidebarContext");
     return (o, n) => e.collapsible === "none" ? (r(), l("div", b({
       key: 0,
       "data-slot": "sidebar",
       class: s(C)("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", e.class)
     }, o.$attrs), [
       d(o.$slots, "default")
-    ], 16)) : s(a).isMobile ? (r(), g(Zl, b({
+    ], 16)) : s(a).isMobile ? (r(), g(Yl, b({
       key: 1,
       open: s(a).openMobile,
       "onUpdate:open": s(a).setOpenMobile
     }, o.$attrs), {
       default: u(() => [
-        _(co, {
+        h(co, {
           "data-sidebar": "sidebar",
           "data-slot": "sidebar",
           "data-mobile": "true",
           class: "bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",
-          style: H({ "--sidebar-width": ti }),
+          style: H({ "--sidebar-width": ai }),
           side: e.side
         }, {
           default: u(() => [
-            _(po, { class: "sr-only" }, {
+            h(po, { class: "sr-only" }, {
               default: u(() => [
-                _(fo, null, {
+                h(fo, null, {
                   default: u(() => [...n[0] || (n[0] = [
                     O("Sidebar", -1)
                   ])]),
                   _: 1
                 }),
-                _(uo, null, {
+                h(uo, null, {
                   default: u(() => [...n[1] || (n[1] = [
                     O("Displays the mobile sidebar.", -1)
                   ])]),
@@ -5068,7 +5083,7 @@ const Ol = Al("chevron-down", [
               ]),
               _: 1
             }),
-            c("div", Yl, [
+            c("div", Ql, [
               d(o.$slots, "default")
             ])
           ]),
@@ -5087,7 +5102,7 @@ const Ol = Al("chevron-down", [
     }, [
       c("div", {
         "data-slot": "sidebar-gap",
-        class: k(s(C)(
+        class: x(s(C)(
           "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",
           "group-data-[collapsible=offcanvas]:w-0",
           "group-data-[side=right]:rotate-180",
@@ -5103,13 +5118,13 @@ const Ol = Al("chevron-down", [
           e.class
         )
       }, o.$attrs), [
-        c("div", ei, [
+        c("div", ti, [
           d(o.$slots, "default")
         ])
       ], 16)
-    ], 8, Ql));
+    ], 8, ei));
   }
-}), ai = { class: "relative" }, si = ["placeholder", "value"], oi = /* @__PURE__ */ f({
+}), si = { class: "relative" }, oi = ["placeholder", "value"], ri = /* @__PURE__ */ f({
   __name: "BasicSearch",
   props: {
     class: String,
@@ -5124,24 +5139,24 @@ const Ol = Al("chevron-down", [
       e.onChange && e.onChange(n.value);
     }
     return (o, n) => (r(), l("div", {
-      class: k(["mb-4 px-1", e.class])
+      class: x(["mb-4 px-1", e.class])
     }, [
-      c("div", ai, [
-        _(s(me), { class: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+      c("div", si, [
+        h(s(me), { class: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
         c("input", {
           type: "text",
           placeholder: e.placeholder,
           value: e.value,
           onInput: a,
           class: "w-full pl-9 pr-3 py-2 text-sm bg-muted/50 border border-border rounded-md focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset"
-        }, null, 40, si)
+        }, null, 40, oi)
       ])
     ], 2));
   }
-}), ri = { class: "h-10 flex items-center opacity-100 visible" }, ni = {
+}), ni = { class: "h-10 flex items-center opacity-100 visible" }, li = {
   key: 0,
   class: "relative w-full"
-}, li = ["placeholder", "value"], ii = ["title"], di = { class: "w-6 h-6 rounded-md flex items-center justify-center transition-colors duration-200 bg-transparent" }, Ne = /* @__PURE__ */ f({
+}, ii = ["placeholder", "value"], di = ["title"], ci = { class: "w-6 h-6 rounded-md flex items-center justify-center transition-colors duration-200 bg-transparent" }, Ne = /* @__PURE__ */ f({
   __name: "ResponsiveSearch",
   props: {
     isExpanded: Boolean,
@@ -5162,11 +5177,11 @@ const Ol = Al("chevron-down", [
       e.onChange && e.onChange(p.value);
     }
     return (i, p) => (r(), l("div", {
-      class: k(["mb-4 px-1 relative z-10", e.class])
+      class: x(["mb-4 px-1 relative z-10", e.class])
     }, [
-      c("div", ri, [
-        e.isExpanded || e.isLocked ? (r(), l("div", ni, [
-          _(s(me), { class: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+      c("div", ni, [
+        e.isExpanded || e.isLocked ? (r(), l("div", li, [
+          h(s(me), { class: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
           c("input", {
             ref_key: "inputRef",
             ref: a,
@@ -5175,17 +5190,17 @@ const Ol = Al("chevron-down", [
             value: e.value,
             onInput: n,
             class: "w-full h-10 pl-9 pr-3 text-sm bg-muted/50 border border-border rounded-md focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset"
-          }, null, 40, li)
+          }, null, 40, ii)
         ])) : (r(), l("button", {
           key: 1,
           onClick: o,
           title: e.isLocked ? "Search" : "Search (Click to expand)",
           class: "w-10 h-10 min-w-10 flex items-center justify-center rounded-lg transition-all duration-200 group hover:bg-accent/50 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset text-muted-foreground hover:text-foreground opacity-100 relative z-20"
         }, [
-          c("div", di, [
-            _(s(me), { class: "w-4 h-4" })
+          c("div", ci, [
+            h(s(me), { class: "w-4 h-4" })
           ])
-        ], 8, ii))
+        ], 8, di))
       ])
     ], 2));
   }
@@ -5198,12 +5213,12 @@ const Ol = Al("chevron-down", [
   setup(t) {
     const e = t;
     return (a, o) => (r(), l("div", {
-      class: k(s(C)("flex w-full border overflow-hidden relative z-0 bg-background", e.height, e.class))
+      class: x(s(C)("flex w-full border overflow-hidden relative z-0 bg-background", e.height, e.class))
     }, [
       d(a.$slots, "default")
     ], 2));
   }
-}), ci = "16rem", ui = "3.5rem", pi = "3.5rem", fi = "sidebar-open", mi = 3600 * 24 * 365, gi = "b", He = /* @__PURE__ */ f({
+}), ui = "16rem", pi = "3.5rem", fi = "3.5rem", mi = "sidebar-open", gi = 3600 * 24 * 365, bi = "b", He = /* @__PURE__ */ f({
   __name: "SidebarProvider",
   props: {
     defaultOpen: { type: Boolean, default: !0 },
@@ -5226,35 +5241,35 @@ const Ol = Al("chevron-down", [
     }
     const o = a(), n = V(!1), i = (S) => {
       n.value = S;
-    }, p = V(e.defaultOpen), m = w(() => e.open !== void 0 ? e.open : p.value), $ = (S) => {
+    }, p = V(e.defaultOpen), m = k(() => e.open !== void 0 ? e.open : p.value), $ = (S) => {
       const B = typeof S == "function" ? S(m.value) : S;
-      e.onOpenChange ? e.onOpenChange(B) : p.value = B, document.cookie = `${fi}=${B}; path=/; max-age=${mi}`;
-    }, h = () => {
+      e.onOpenChange ? e.onOpenChange(B) : p.value = B, document.cookie = `${mi}=${B}; path=/; max-age=${gi}`;
+    }, v = () => {
       o.value ? i(!n.value) : $((S) => !S);
     };
-    function v(S) {
-      S.key.toLowerCase() === gi && (S.metaKey || S.ctrlKey) && (S.preventDefault(), h());
+    function _(S) {
+      S.key.toLowerCase() === bi && (S.metaKey || S.ctrlKey) && (S.preventDefault(), v());
     }
     re(() => {
-      window.addEventListener("keydown", v);
+      window.addEventListener("keydown", _);
     }), ne(() => {
-      window.removeEventListener("keydown", v);
+      window.removeEventListener("keydown", _);
     });
-    const y = w(() => m.value ? "expanded" : "collapsed"), x = w(() => ({
+    const y = k(() => m.value ? "expanded" : "collapsed"), w = k(() => ({
       state: y.value,
       open: m.value,
       setOpen: $,
       isMobile: o.value,
       openMobile: n.value,
       setOpenMobile: i,
-      toggleSidebar: h
+      toggleSidebar: v
     }));
-    return ue("sidebarContext", x.value), (S, B) => (r(), l("div", b({
+    return ue("sidebarContext", w.value), (S, B) => (r(), l("div", b({
       "data-slot": "sidebar-wrapper",
       style: {
-        "--sidebar-width": ci,
-        "--sidebar-width-icon": ui,
-        "--sidebar-width-autocollapse": pi,
+        "--sidebar-width": ui,
+        "--sidebar-width-icon": pi,
+        "--sidebar-width-autocollapse": fi,
         ...e.style
       },
       class: ["group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex h-full w-full", e.class]
@@ -5262,13 +5277,13 @@ const Ol = Al("chevron-down", [
       d(S.$slots, "default")
     ], 16));
   }
-}), bi = {
+}), vi = {
   key: 0,
   class: "ml-2 text-xs opacity-60"
-}, vi = {
+}, hi = {
   key: 0,
   class: "flex-1 text-sm font-medium leading-none truncate"
-}, hi = /* @__PURE__ */ f({
+}, _i = /* @__PURE__ */ f({
   __name: "SidebarMenuItemWithIcon",
   props: {
     icon: [Object, Function],
@@ -5279,17 +5294,17 @@ const Ol = Al("chevron-down", [
     class: String
   },
   setup(t) {
-    const e = t, a = ve("sidebarContext"), o = w(() => a && a.state === "collapsed" && !a.isMobile), n = w(
+    const e = t, a = be("sidebarContext"), o = k(() => a && a.state === "collapsed" && !a.isMobile), n = k(
       () => C(
         "relative w-full flex items-center gap-2 pl-2 pr-3 py-2 rounded-lg text-left transition-all duration-200 group hover:bg-accent/50 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset",
         o.value && "justify-center px-2 w-10 h-10 min-w-10",
         e.class
       )
-    ), i = w(
+    ), i = k(
       () => C(
         e.isActive ? "bg-primary/10 text-primary" : "text-muted-foreground hover:text-foreground"
       )
-    ), p = w(
+    ), p = k(
       () => C(
         "relative w-6 h-6 rounded-md flex items-center justify-center transition-colors duration-200",
         o.value ? "bg-transparent" : e.isActive ? "bg-primary/15 text-primary" : "bg-muted group-hover:bg-accent text-muted-foreground group-hover:text-foreground"
@@ -5297,15 +5312,15 @@ const Ol = Al("chevron-down", [
     );
     return (m, $) => o.value ? (r(), g(ft, { key: 0 }, {
       default: u(() => [
-        _(gt, { "as-child": "" }, {
+        h(gt, { "as-child": "" }, {
           default: u(() => [
             c("button", {
-              class: k(s(C)(n.value, i.value)),
+              class: x(s(C)(n.value, i.value)),
               onClick: $[0] || ($[0] = //@ts-ignore
-              (...h) => e.onClick && e.onClick(...h))
+              (...v) => e.onClick && e.onClick(...v))
             }, [
               c("div", {
-                class: k(p.value)
+                class: x(p.value)
               }, [
                 e.icon ? (r(), g(Y(e.icon), {
                   key: 0,
@@ -5316,13 +5331,13 @@ const Ol = Al("chevron-down", [
           ]),
           _: 1
         }),
-        _(mt, {
+        h(mt, {
           side: "right",
           align: "center"
         }, {
           default: u(() => [
-            c("p", null, I(e.label), 1),
-            e.badge ? (r(), l("span", bi, "(" + I(e.badge) + ")", 1)) : z("", !0)
+            c("p", null, M(e.label), 1),
+            e.badge ? (r(), l("span", vi, "(" + M(e.badge) + ")", 1)) : z("", !0)
           ]),
           _: 1
         })
@@ -5331,11 +5346,11 @@ const Ol = Al("chevron-down", [
     })) : (r(), l("button", {
       key: 1,
       type: "button",
-      onClick: $[1] || ($[1] = (h) => e.onClick && e.onClick(h)),
-      class: k(s(C)(n.value, i.value, e.class))
+      onClick: $[1] || ($[1] = (v) => e.onClick && e.onClick(v)),
+      class: x(s(C)(n.value, i.value, e.class))
     }, [
       c("div", {
-        class: k(s(C)(
+        class: x(s(C)(
           "relative w-6 h-6 rounded-md flex items-center justify-center transition-colors duration-200",
           o.value ? "bg-transparent" : e.isActive ? "bg-primary/15 text-primary" : "bg-muted group-hover:bg-accent text-muted-foreground group-hover:text-foreground"
         ))
@@ -5345,20 +5360,20 @@ const Ol = Al("chevron-down", [
           class: "w-4 h-4"
         })) : z("", !0)
       ], 2),
-      o.value ? z("", !0) : (r(), l("span", vi, I(e.label), 1)),
+      o.value ? z("", !0) : (r(), l("span", hi, M(e.label), 1)),
       !o.value && e.badge ? (r(), l("span", {
         key: 1,
-        class: k(s(C)(
+        class: x(s(C)(
           "absolute right-3 inline-flex items-center justify-center px-2 py-0.5 text-xs font-medium rounded-full min-w-[1.25rem] h-5",
           e.isActive ? "bg-primary/20 text-primary" : "bg-muted text-muted-foreground group-hover:bg-accent group-hover:text-foreground"
         ))
-      }, I(e.badge), 3)) : z("", !0)
+      }, M(e.badge), 3)) : z("", !0)
     ], 2));
   }
-}), _i = { class: "flex-1 overflow-y-auto" }, yi = {
+}), yi = { class: "flex-1 overflow-y-auto" }, xi = {
   key: 0,
   class: "pt-3 border-t border-border px-2 flex justify-center"
-}, $e = /* @__PURE__ */ f({
+}, ke = /* @__PURE__ */ f({
   __name: "SidebarContent",
   props: {
     navigationItems: {},
@@ -5373,11 +5388,11 @@ const Ol = Al("chevron-down", [
   setup(t) {
     const e = t;
     return (a, o) => (r(), l(F, null, [
-      c("div", _i, [
+      c("div", yi, [
         d(a.$slots, "default")
       ]),
-      e.showFooter !== !1 ? (r(), l("div", yi, [
-        _(hi, {
+      e.showFooter !== !1 ? (r(), l("div", xi, [
+        h(_i, {
           icon: s(Gt),
           label: e.footerUser ?? "John Doe",
           isActive: e.activeItem === "profile",
@@ -5392,7 +5407,7 @@ const Ol = Al("chevron-down", [
     class: { type: String, default: "" }
   },
   setup(t) {
-    const e = t, a = w(
+    const e = t, a = k(
       () => C(
         "bg-background relative flex w-full flex-1 flex-col",
         "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
@@ -5401,7 +5416,7 @@ const Ol = Al("chevron-down", [
     );
     return (o, n) => (r(), l("main", {
       "data-slot": "sidebar-inset",
-      class: k(a.value)
+      class: x(a.value)
     }, [
       d(o.$slots, "default")
     ], 2));
@@ -5413,19 +5428,19 @@ const Ol = Al("chevron-down", [
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const a = ve("sidebarContext"), o = e;
+    const a = be("sidebarContext"), o = e;
     return (n, i) => (r(), g(ge, {
       "data-sidebar": "trigger",
       "data-slot": "sidebar-trigger",
       variant: "ghost",
       size: "icon",
-      class: k(["size-7", n.$props.class]),
+      class: x(["size-7", n.$props.class]),
       onClick: i[0] || (i[0] = (p) => {
         o("click", p), s(a)?.toggleSidebar();
       })
     }, {
       default: u(() => [
-        _(s(Wt), { class: "w-4 h-4" }),
+        h(s(Wt), { class: "w-4 h-4" }),
         i[1] || (i[1] = c("span", { class: "sr-only" }, "Toggle Sidebar", -1))
       ]),
       _: 1
@@ -5439,18 +5454,18 @@ const Ol = Al("chevron-down", [
   setup(t) {
     const e = t;
     return (a, o) => (r(), l("div", {
-      class: k(["sidebar-group", e.class])
+      class: x(["sidebar-group", e.class])
     }, [
       d(a.$slots, "default")
     ], 2));
   }
-}), xi = {}, wi = { class: "text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-1" };
-function ki(t, e) {
-  return r(), l("div", wi, [
+}), wi = {}, ki = { class: "text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-1" };
+function $i(t, e) {
+  return r(), l("div", ki, [
     d(t.$slots, "default")
   ]);
 }
-const Tu = /* @__PURE__ */ T(xi, [["render", ki]]), Du = /* @__PURE__ */ f({
+const Tu = /* @__PURE__ */ T(wi, [["render", $i]]), Du = /* @__PURE__ */ f({
   __name: "SidebarGroupContent",
   props: {
     class: { type: String, default: "" }
@@ -5458,18 +5473,18 @@ const Tu = /* @__PURE__ */ T(xi, [["render", ki]]), Du = /* @__PURE__ */ f({
   setup(t) {
     const e = t;
     return (a, o) => (r(), l("div", {
-      class: k(["sidebar-group-content", e.class])
+      class: x(["sidebar-group-content", e.class])
     }, [
       d(a.$slots, "default")
     ], 2));
   }
-}), $i = {}, Si = { class: "sidebar-menu" };
-function Ci(t, e) {
-  return r(), l("ul", Si, [
+}), Si = {}, Ci = { class: "sidebar-menu" };
+function Bi(t, e) {
+  return r(), l("ul", Ci, [
     d(t.$slots, "default")
   ]);
 }
-const Vu = /* @__PURE__ */ T($i, [["render", Ci]]), Pu = /* @__PURE__ */ f({
+const Vu = /* @__PURE__ */ T(Si, [["render", Bi]]), Pu = /* @__PURE__ */ f({
   __name: "SidebarMenuItem",
   props: {
     class: { type: String, default: "" }
@@ -5477,7 +5492,7 @@ const Vu = /* @__PURE__ */ T($i, [["render", Ci]]), Pu = /* @__PURE__ */ f({
   setup(t) {
     const e = t;
     return (a, o) => (r(), l("li", {
-      class: k(["sidebar-menu-item", e.class])
+      class: x(["sidebar-menu-item", e.class])
     }, [
       d(a.$slots, "default")
     ], 2));
@@ -5492,7 +5507,7 @@ const Vu = /* @__PURE__ */ T($i, [["render", Ci]]), Pu = /* @__PURE__ */ f({
   setup(t) {
     const e = t;
     return (a, o) => (r(), l("button", {
-      class: k([
+      class: x([
         "sidebar-menu-button w-full flex items-center gap-2 px-3 py-2 rounded-md text-sm font-medium transition-colors",
         e.isActive ? "bg-accent text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground",
         e.class
@@ -5501,13 +5516,13 @@ const Vu = /* @__PURE__ */ T($i, [["render", Ci]]), Pu = /* @__PURE__ */ f({
       d(a.$slots, "default")
     ], 2));
   }
-}), Bi = {}, zi = { class: "sidebar-menu-badge ml-2 text-xs bg-muted px-2 py-0.5 rounded-full" };
-function Ii(t, e) {
-  return r(), l("span", zi, [
+}), zi = {}, Ii = { class: "sidebar-menu-badge ml-2 text-xs bg-muted px-2 py-0.5 rounded-full" };
+function Mi(t, e) {
+  return r(), l("span", Ii, [
     d(t.$slots, "default")
   ]);
 }
-const Ou = /* @__PURE__ */ T(Bi, [["render", Ii]]), ju = /* @__PURE__ */ f({
+const Ou = /* @__PURE__ */ T(zi, [["render", Mi]]), ju = /* @__PURE__ */ f({
   __name: "SidebarMenuSub",
   props: {
     class: String
@@ -5517,7 +5532,7 @@ const Ou = /* @__PURE__ */ T(Bi, [["render", Ii]]), ju = /* @__PURE__ */ f({
     return (a, o) => (r(), l("ul", {
       "data-slot": "sidebar-menu-sub",
       "data-sidebar": "menu-sub",
-      class: k([
+      class: x([
         "border-sidebar-border ml-4.5 pl-2 pr-4.5 flex min-w-0 translate-x-px flex-col gap-1 border-l pt-1 pb-0.5",
         "group-data-[collapsible=icon]:hidden",
         e.class
@@ -5534,7 +5549,7 @@ const Ou = /* @__PURE__ */ T(Bi, [["render", Ii]]), ju = /* @__PURE__ */ f({
   setup(t) {
     const e = t;
     return (a, o) => (r(), l("ul", {
-      class: k(["sidebar-menu-sub-content", e.class])
+      class: x(["sidebar-menu-sub-content", e.class])
     }, [
       d(a.$slots, "default")
     ], 2));
@@ -5547,7 +5562,7 @@ const Ou = /* @__PURE__ */ T(Bi, [["render", Ii]]), ju = /* @__PURE__ */ f({
   setup(t) {
     const e = t;
     return (a, o) => (r(), l("li", {
-      class: k(["sidebar-menu-sub-item", e.class])
+      class: x(["sidebar-menu-sub-item", e.class])
     }, [
       d(a.$slots, "default")
     ], 2));
@@ -5560,7 +5575,7 @@ const Ou = /* @__PURE__ */ T(Bi, [["render", Ii]]), ju = /* @__PURE__ */ f({
   setup(t) {
     const e = t;
     return (a, o) => (r(), l("button", {
-      class: k(["sidebar-menu-sub-trigger", e.class])
+      class: x(["sidebar-menu-sub-trigger", e.class])
     }, [
       d(a.$slots, "default")
     ], 2));
@@ -5573,7 +5588,7 @@ const Ou = /* @__PURE__ */ T(Bi, [["render", Ii]]), ju = /* @__PURE__ */ f({
   setup(t) {
     const e = t;
     return (a, o) => (r(), l("header", {
-      class: k(["sidebar-header", e.class])
+      class: x(["sidebar-header", e.class])
     }, [
       d(a.$slots, "default")
     ], 2));
@@ -5586,7 +5601,7 @@ const Ou = /* @__PURE__ */ T(Bi, [["render", Ii]]), ju = /* @__PURE__ */ f({
   setup(t) {
     const e = t;
     return (a, o) => (r(), l("footer", {
-      class: k(["sidebar-footer", e.class])
+      class: x(["sidebar-footer", e.class])
     }, [
       d(a.$slots, "default")
     ], 2));
@@ -5599,7 +5614,7 @@ const Ou = /* @__PURE__ */ T(Bi, [["render", Ii]]), ju = /* @__PURE__ */ f({
   setup(t) {
     const e = t;
     return (a, o) => (r(), l("div", {
-      class: k(["sidebar-title", e.class])
+      class: x(["sidebar-title", e.class])
     }, [
       d(a.$slots, "default")
     ], 2));
@@ -5612,7 +5627,7 @@ const Ou = /* @__PURE__ */ T(Bi, [["render", Ii]]), ju = /* @__PURE__ */ f({
   setup(t) {
     const e = t;
     return (a, o) => (r(), l("div", {
-      class: k(["sidebar-description", e.class])
+      class: x(["sidebar-description", e.class])
     }, [
       d(a.$slots, "default")
     ], 2));
@@ -5625,7 +5640,7 @@ const Ou = /* @__PURE__ */ T(Bi, [["render", Ii]]), ju = /* @__PURE__ */ f({
   setup(t) {
     const e = t;
     return (a, o) => (r(), l("hr", {
-      class: k(["sidebar-separator", e.class])
+      class: x(["sidebar-separator", e.class])
     }, null, 2));
   }
 }), Wu = /* @__PURE__ */ f({
@@ -5636,7 +5651,7 @@ const Ou = /* @__PURE__ */ T(Bi, [["render", Ii]]), ju = /* @__PURE__ */ f({
   setup(t) {
     const e = t;
     return (a, o) => (r(), l("div", {
-      class: k(["sidebar-scroll-area", e.class])
+      class: x(["sidebar-scroll-area", e.class])
     }, [
       d(a.$slots, "default")
     ], 2));
@@ -5649,7 +5664,7 @@ const Ou = /* @__PURE__ */ T(Bi, [["render", Ii]]), ju = /* @__PURE__ */ f({
   setup(t) {
     const e = t;
     return (a, o) => (r(), l("span", {
-      class: k(["sidebar-shortcut", e.class])
+      class: x(["sidebar-shortcut", e.class])
     }, [
       d(a.$slots, "default")
     ], 2));
@@ -5662,7 +5677,7 @@ const Ou = /* @__PURE__ */ T(Bi, [["render", Ii]]), ju = /* @__PURE__ */ f({
   setup(t) {
     const e = t;
     return (a, o) => (r(), l("button", {
-      class: k(["sidebar-collapse-button", e.class])
+      class: x(["sidebar-collapse-button", e.class])
     }, [
       d(a.$slots, "default")
     ], 2));
@@ -5675,29 +5690,29 @@ const Ou = /* @__PURE__ */ T(Bi, [["render", Ii]]), ju = /* @__PURE__ */ f({
   setup(t) {
     const e = t;
     return (a, o) => (r(), l("button", {
-      class: k(["sidebar-expand-button", e.class])
+      class: x(["sidebar-expand-button", e.class])
     }, [
       d(a.$slots, "default")
     ], 2));
   }
 });
-function Mi({
+function Ti({
   defaultLocked: t = !1,
   searchValue: e = "",
   autoCollapseDelay: a = 300,
   unlockCollapseDelay: o = 300,
   onLockToggle: n
 } = {}) {
-  const i = V(t), p = V(!1), m = { current: void 0 }, $ = w(() => !i.value && !e.trim()), h = w(() => i.value || e.trim() ? !0 : p.value), v = () => {
+  const i = V(t), p = V(!1), m = { current: void 0 }, $ = k(() => !i.value && !e.trim()), v = k(() => i.value || e.trim() ? !0 : p.value), _ = () => {
     $.value && (m.current && clearTimeout(m.current), p.value = !0);
   }, y = () => {
     $.value && (m.current = setTimeout(() => {
       p.value = !1;
     }, a));
-  }, x = () => {
+  }, w = () => {
     i.value = !i.value, n && n(i.value);
   }, S = () => {
-    h.value || (p.value = !0);
+    v.value || (p.value = !0);
   };
   return ne(() => {
     m.current && clearTimeout(m.current);
@@ -5706,18 +5721,18 @@ function Mi({
   }), {
     isLocked: i,
     isHovered: p,
-    isExpanded: h,
+    isExpanded: v,
     shouldAutoCollapse: $,
-    handleMouseEnter: v,
+    handleMouseEnter: _,
     handleMouseLeave: y,
-    toggleLock: x,
+    toggleLock: w,
     handleSearchClick: S
   };
 }
-const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" }, Pi = {
+const Di = { class: "relative isolate" }, Vi = ["title"], Pi = { class: "p-4" }, Ai = {
   key: 2,
   class: "relative isolate"
-}, Ai = { class: "p-4" }, Ju = /* @__PURE__ */ f({
+}, Oi = { class: "p-4" }, Ju = /* @__PURE__ */ f({
   __name: "Sidebar",
   props: {
     variant: { type: String, default: "basic" },
@@ -5755,37 +5770,37 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
       };
     }
     e.variant === "basic" && a(e.initialActiveItem, e.initialActiveSubItem);
-    const o = V(e.defaultOpen), n = V(""), i = w(() => e.open !== void 0 ? e.open : o.value), p = (A) => {
+    const o = V(e.defaultOpen), n = V(""), i = k(() => e.open !== void 0 ? e.open : o.value), p = (A) => {
       e.onOpenChange ? e.onOpenChange(A) : o.value = A;
-    }, m = w(() => e.searchValue || n.value), $ = (A) => {
+    }, m = k(() => e.searchValue || n.value), $ = (A) => {
       e.onSearchChange ? e.onSearchChange(A) : n.value = A;
     }, {
-      isLocked: h,
-      isExpanded: v,
+      isLocked: v,
+      isExpanded: _,
       isLockButtonHovered: y,
-      handleLockButtonMouseEnter: x,
+      handleLockButtonMouseEnter: w,
       handleLockButtonMouseLeave: S,
       handleMouseEnter: B,
       handleMouseLeave: P,
       toggleLock: R,
       handleSearchClick: K
-    } = Mi(
+    } = Ti(
       e.variant,
       m.value,
       i.value,
       p,
       e.onLockToggle
-    ), X = () => e.variant === "collapsible" || e.variant === "autocollapse" ? "icon" : "none", E = w(() => [
+    ), X = () => e.variant === "collapsible" || e.variant === "autocollapse" ? "icon" : "none", E = k(() => [
       "transition-all duration-300 ease-in-out",
-      e.variant === "autocollapse" && !v.value && "overflow-hidden",
+      e.variant === "autocollapse" && !_.value && "overflow-hidden",
       e.className
     ].filter(Boolean).join(" "));
     return (A, j) => e.variant === "basic" ? (r(), l("div", {
       key: 0,
-      class: k(["w-64 border bg-card p-3 flex flex-col", e.height, e.className].filter(Boolean).join(" "))
+      class: x(["w-64 border bg-card p-3 flex flex-col", e.height, e.className].filter(Boolean).join(" "))
     }, [
-      _(s(oi)),
-      _($e, {
+      h(s(ri)),
+      h(ke, {
         navigationItems: e.navigationItems,
         recentItems: e.recentItems,
         activeItem: e.initialActiveItem,
@@ -5807,15 +5822,15 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
       height: "h-[500px]"
     }, {
       default: u(() => [
-        c("div", Ti, [
-          _(He, {
-            open: s(v),
+        c("div", Di, [
+          h(He, {
+            open: s(_),
             onOpenChange: () => {
             }
           }, {
             default: u(() => [
               c("div", {
-                class: k(["group relative z-10 transition-all duration-300 overflow-visible", s(y) ? "border-r-2 border-r-primary" : "border-r border-r-border"]),
+                class: x(["group relative z-10 transition-all duration-300 overflow-visible", s(y) ? "border-r-2 border-r-primary" : "border-r border-r-border"]),
                 onMouseenter: j[3] || (j[3] = //@ts-ignore
                 (...L) => s(B) && s(B)(...L)),
                 onMouseleave: j[4] || (j[4] = //@ts-ignore
@@ -5825,28 +5840,28 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
                   onClick: j[0] || (j[0] = //@ts-ignore
                   (...L) => s(R) && s(R)(...L)),
                   onMouseenter: j[1] || (j[1] = //@ts-ignore
-                  (...L) => s(x) && s(x)(...L)),
+                  (...L) => s(w) && s(w)(...L)),
                   onMouseleave: j[2] || (j[2] = //@ts-ignore
                   (...L) => s(S) && s(S)(...L)),
-                  class: k([
+                  class: x([
                     "absolute top-4 z-20 w-7 h-7 rounded-full bg-card border",
                     "flex items-center justify-center text-primary hover:text-primary-foreground",
                     "transition-all duration-300 hover:bg-primary shadow-sm",
                     "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
                     "opacity-0 group-hover:opacity-100 transition-opacity duration-200",
-                    (s(v), "-right-3.5")
+                    (s(_), "-right-3.5")
                   ]),
-                  title: s(h) ? "Click to enable auto-collapse" : "Click to lock sidebar open"
+                  title: s(v) ? "Click to enable auto-collapse" : "Click to lock sidebar open"
                 }, [
-                  s(h) ? (r(), g(s(qt), {
+                  s(v) ? (r(), g(s(qt), {
                     key: 0,
                     class: "w-3.5 h-3.5"
                   })) : (r(), g(s(Kt), {
                     key: 1,
                     class: "w-3.5 h-3.5"
                   }))
-                ], 42, Di),
-                _(ke, {
+                ], 42, Vi),
+                h(we, {
                   collapsible: "icon",
                   class: "relative bg-card py-2 overflow-visible"
                 }, {
@@ -5854,22 +5869,22 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
                     c("div", {
                       class: "flex flex-col h-full",
                       style: H({
-                        paddingLeft: s(v) ? "8px" : "4px",
-                        paddingRight: s(v) ? "16px" : "4px",
+                        paddingLeft: s(_) ? "8px" : "4px",
+                        paddingRight: s(_) ? "16px" : "4px",
                         width: "100%",
                         minWidth: 0,
                         overflow: "visible"
                       })
                     }, [
-                      _(Ne, {
-                        isExpanded: s(v),
-                        isLocked: s(h),
+                      h(Ne, {
+                        isExpanded: s(_),
+                        isLocked: s(v),
                         onSearchClick: s(K),
                         value: m.value,
                         onChange: $,
                         placeholder: e.data?.searchPlaceholder || "Search..."
                       }, null, 8, ["isExpanded", "isLocked", "onSearchClick", "value", "placeholder"]),
-                      _($e, {
+                      h(ke, {
                         navigationItems: e.navigationItems,
                         recentItems: e.recentItems,
                         activeItem: e.initialActiveItem,
@@ -5893,9 +5908,9 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
             _: 3
           }, 8, ["open"])
         ]),
-        _(Ge, { class: "bg-background z-[-1]" }, {
+        h(Ge, { class: "bg-background z-[-1]" }, {
           default: u(() => [
-            c("div", Vi, [
+            c("div", Pi, [
               d(A.$slots, "activeContent")
             ])
           ]),
@@ -5903,24 +5918,24 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
         })
       ]),
       _: 3
-    })) : e.variant === "collapsible" ? (r(), l("div", Pi, [
-      _(He, {
+    })) : e.variant === "collapsible" ? (r(), l("div", Ai, [
+      h(He, {
         open: i.value,
         onOpenChange: p
       }, {
         default: u(() => [
-          _(Ue, { height: "h-[500px]" }, {
+          h(Ue, { height: "h-[500px]" }, {
             default: u(() => [
-              _(ke, {
+              h(we, {
                 collapsible: "icon",
                 class: "relative bg-card px-1 py-2"
               }, {
                 default: u(() => [
-                  _(Ne, {
+                  h(Ne, {
                     isExpanded: i.value,
                     onSearchClick: () => p(!0)
                   }, null, 8, ["isExpanded", "onSearchClick"]),
-                  _($e, {
+                  h(ke, {
                     navigationItems: e.navigationItems,
                     recentItems: e.recentItems,
                     activeItem: e.initialActiveItem,
@@ -5940,9 +5955,9 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
                 ]),
                 _: 3
               }),
-              _(Ge, { class: "bg-background" }, {
+              h(Ge, { class: "bg-background" }, {
                 default: u(() => [
-                  c("div", Ai, [
+                  c("div", Oi, [
                     d(A.$slots, "activeContent")
                   ])
                 ]),
@@ -5954,7 +5969,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
         ]),
         _: 3
       }, 8, ["open"])
-    ])) : (r(), g(ke, b({
+    ])) : (r(), g(we, b({
       key: 3,
       side: e.side,
       variant: e.sidebarVariant,
@@ -5975,7 +5990,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
   setup(t) {
     const e = t;
     return (a, o) => (r(), l("section", {
-      class: k(["sidebar-section", e.class])
+      class: x(["sidebar-section", e.class])
     }, [
       d(a.$slots, "default")
     ], 2));
@@ -5986,12 +6001,12 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
     const e = U();
     return (a, o) => (r(), l("div", b({
       "data-slot": "skeleton",
-      class: s(M)("bg-accent animate-pulse rounded-md", s(e).class)
+      class: s(I)("bg-accent animate-pulse rounded-md", s(e).class)
     }, s(e)), [
       d(a.$slots, "default")
     ], 16));
   }
-}, Oi = /* @__PURE__ */ f({
+}, ji = /* @__PURE__ */ f({
   __name: "Slider",
   props: {
     defaultValue: {},
@@ -6022,20 +6037,20 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
       )
     }, s(i)), {
       default: u(({ modelValue: $ }) => [
-        _(s(os), {
+        h(s(os), {
           "data-slot": "slider-track",
           class: "h-2 bg-muted 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"
         }, {
           default: u(() => [
-            _(s(rs), {
+            h(s(rs), {
               "data-slot": "slider-range",
               class: "h-full bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"
             })
           ]),
           _: 1
         }),
-        (r(!0), l(F, null, G($, (h, v) => (r(), g(s(ns), {
-          key: v,
+        (r(!0), l(F, null, G($, (v, _) => (r(), g(s(ns), {
+          key: _,
           "data-slot": "slider-thumb",
           class: "data-[orientation=vertical]:-left-[7px] border-primary h-5 w-5 bg-slider-thumb 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-hidden disabled:pointer-events-none disabled:opacity-50"
         }))), 128))
@@ -6058,37 +6073,37 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const a = t, o = e, n = w({
+    const a = t, o = e, n = k({
       get: () => [a.modelValue],
       set: (i) => o("update:modelValue", i[0])
     });
-    return (i, p) => (r(), g(Oi, {
+    return (i, p) => (r(), g(ji, {
       modelValue: n.value,
       "onUpdate:modelValue": p[0] || (p[0] = (m) => n.value = m),
       min: t.min,
       max: t.max,
       step: t.step,
       disabled: t.disabled,
-      class: k(t.class)
+      class: x(t.class)
     }, null, 8, ["modelValue", "min", "max", "step", "disabled", "class"]));
   }
-}), ji = {
+}), Li = {
   key: 0,
   class: "text-xl"
-}, Li = { class: "flex-1" }, Ri = {
+}, Ri = { class: "flex-1" }, Fi = {
   key: 0,
   class: "font-semibold text-sm"
-}, Fi = {
+}, Ei = {
   key: 1,
   class: "text-xs text-muted-foreground mt-1"
-}, Ei = ["onClick"], Ni = {
+}, Ni = ["onClick"], Ui = {
   __name: "sonner",
   setup(t) {
     const e = V([]);
     let a = 0;
     function o({ title: i, description: p, icon: m, duration: $ = 3e3 }) {
-      const h = ++a;
-      e.value.push({ id: h, title: i, description: p, icon: m, visible: !0 }), setTimeout(() => n(h), $);
+      const v = ++a;
+      e.value.push({ id: v, title: i, description: p, icon: m, visible: !0 }), setTimeout(() => n(v), $);
     }
     function n(i) {
       const p = e.value.findIndex((m) => m.id === i);
@@ -6109,22 +6124,22 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
           class: "bg-card border border-border shadow-lg rounded-lg px-4 py-3 mb-2 flex items-center gap-3 pointer-events-auto min-w-[240px] max-w-xs",
           style: H({ opacity: m.visible ? 1 : 0 })
         }, [
-          m.icon ? (r(), l("span", ji, I(m.icon), 1)) : z("", !0),
-          c("div", Li, [
-            m.title ? (r(), l("div", Ri, I(m.title), 1)) : z("", !0),
-            m.description ? (r(), l("div", Fi, I(m.description), 1)) : z("", !0)
+          m.icon ? (r(), l("span", Li, M(m.icon), 1)) : z("", !0),
+          c("div", Ri, [
+            m.title ? (r(), l("div", Fi, M(m.title), 1)) : z("", !0),
+            m.description ? (r(), l("div", Ei, M(m.description), 1)) : z("", !0)
           ]),
           c("button", {
             class: "ml-2 text-muted-foreground hover:text-foreground focus:outline-none",
-            onClick: (h) => n(m.id),
+            onClick: (v) => n(m.id),
             "aria-label": "Close"
-          }, " × ", 8, Ei)
+          }, " × ", 8, Ni)
         ], 4))), 128))
       ]),
       _: 1
     }));
   }
-}, ep = /* @__PURE__ */ T(Ni, [["__scopeId", "data-v-60e60f2b"]]), Ui = { class: "mt-2" }, tp = {
+}, ep = /* @__PURE__ */ T(Ui, [["__scopeId", "data-v-60e60f2b"]]), Hi = { class: "mt-2" }, tp = {
   __name: "tab-panel",
   props: {
     value: {
@@ -6137,13 +6152,13 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
     }
   },
   setup(t) {
-    return (e, a) => Ot((r(), l("div", Ui, [
+    return (e, a) => Ot((r(), l("div", Hi, [
       d(e.$slots, "default")
     ], 512)), [
       [jt, t.active]
     ]);
   }
-}, Hi = ["disabled"], ap = {
+}, Gi = ["disabled"], ap = {
   __name: "tab",
   props: {
     value: {
@@ -6162,13 +6177,13 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
   emits: ["select"],
   setup(t, { emit: e }) {
     return (a, o) => (r(), l("button", {
-      class: k(["inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow", { "bg-background text-foreground shadow": t.active }]),
+      class: x(["inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow", { "bg-background text-foreground shadow": t.active }]),
       disabled: t.disabled,
       onClick: o[0] || (o[0] = (n) => a.$emit("select", t.value)),
       type: "button"
     }, [
       d(a.$slots, "default")
-    ], 10, Hi));
+    ], 10, Gi));
   }
 }, sp = /* @__PURE__ */ f({
   __name: "table-body",
@@ -6179,10 +6194,10 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
     }
   },
   setup(t) {
-    const a = M("[&_tr:last-child]:border-0", t.class);
+    const a = I("[&_tr:last-child]:border-0", t.class);
     return (o, n) => (r(), l("tbody", {
       "data-slot": "table-body",
-      class: k(s(a))
+      class: x(s(a))
     }, [
       d(o.$slots, "default")
     ], 2));
@@ -6198,7 +6213,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
   setup(t) {
     return (e, a) => (r(), l("caption", b({
       "data-slot": "table-caption",
-      class: s(M)("text-muted-foreground mt-4 text-sm", e.$attrs.class)
+      class: s(I)("text-muted-foreground mt-4 text-sm", e.$attrs.class)
     }, e.$attrs), [
       d(e.$slots, "default")
     ], 16));
@@ -6212,10 +6227,10 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
     }
   },
   setup(t) {
-    const a = M("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", t.class);
+    const a = I("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", t.class);
     return (o, n) => (r(), l("td", {
       "data-slot": "table-cell",
-      class: k(s(a))
+      class: x(s(a))
     }, [
       d(o.$slots, "default")
     ], 2));
@@ -6229,15 +6244,15 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
     }
   },
   setup(t) {
-    const a = M("bg-muted/50 border-t border-border font-medium [&>tr]:last:border-b-0", t.class);
+    const a = I("bg-muted/50 border-t border-border font-medium [&>tr]:last:border-b-0", t.class);
     return (o, n) => (r(), l("tfoot", {
       "data-slot": "table-footer",
-      class: k(s(a))
+      class: x(s(a))
     }, [
       d(o.$slots, "default")
     ], 2));
   }
-}), Gi = ["tabindex", "role", "aria-sort"], Wi = { class: "flex items-center" }, lp = /* @__PURE__ */ f({
+}), Wi = ["tabindex", "role", "aria-sort"], qi = { class: "flex items-center" }, lp = /* @__PURE__ */ f({
   __name: "table-header",
   props: {
     sortable: Boolean,
@@ -6266,17 +6281,17 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
     Z(() => a.width, (B) => {
       B && (p.value = B);
     });
-    const m = w(
-      () => M(
+    const m = k(
+      () => I(
         "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
         a.sortable && "cursor-pointer select-none hover:bg-muted/50 focus-visible:bg-muted/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 transition-colors",
         "relative group",
         a.class
       )
-    ), $ = w(() => {
+    ), $ = k(() => {
       if (a.sortable)
         return a.sortDirection === "asc" ? "ascending" : a.sortDirection === "desc" ? "descending" : "none";
-    }), h = w(() => {
+    }), v = k(() => {
       if (!a.sortable) return null;
       switch (a.sortDirection) {
         case "asc":
@@ -6286,7 +6301,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
         default:
           return se(Xt, { class: "ml-2 h-4 w-4 opacity-50" });
       }
-    }), v = w(() => ({
+    }), _ = k(() => ({
       width: a.resizable ? p.value + "px" : a.width ? a.width + "px" : void 0,
       minWidth: a.resizable ? a.minWidth + "px" : void 0,
       maxWidth: a.resizable ? a.maxWidth + "px" : void 0
@@ -6294,7 +6309,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
     function y() {
       a.sortable && !i.value && n("sort");
     }
-    function x(B) {
+    function w(B) {
       a.sortable && (B.key === "Enter" || B.key === " ") && (B.preventDefault(), n("sort"));
     }
     function S(B) {
@@ -6314,24 +6329,24 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
       ref_key: "headerRef",
       ref: o,
       "data-slot": "table-header",
-      class: k(m.value),
+      class: x(m.value),
       tabindex: t.sortable ? 0 : void 0,
       role: t.sortable ? "button" : void 0,
       "aria-sort": $.value,
       onClick: P[0] || (P[0] = (R) => t.sortable ? y : void 0),
-      onKeydown: P[1] || (P[1] = (R) => t.sortable ? x : void 0),
-      style: H(v.value)
+      onKeydown: P[1] || (P[1] = (R) => t.sortable ? w : void 0),
+      style: H(_.value)
     }, [
-      c("div", Wi, [
+      c("div", qi, [
         d(B.$slots, "default"),
-        t.sortable ? (r(), g(Y(h.value), { key: 0 })) : z("", !0)
+        t.sortable ? (r(), g(Y(v.value), { key: 0 })) : z("", !0)
       ]),
       t.resizable ? (r(), l("div", {
         key: 0,
         class: "absolute right-0 top-0 w-1 h-full cursor-col-resize bg-transparent hover:bg-blue-500/50 transition-colors opacity-0 group-hover:opacity-100",
         onMousedown: S
       }, null, 32)) : z("", !0)
-    ], 46, Gi));
+    ], 46, Wi));
   }
 }), ip = /* @__PURE__ */ f({
   __name: "table-row",
@@ -6342,22 +6357,22 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
     }
   },
   setup(t) {
-    const a = M("hover:bg-muted/50 data-[state=selected]:bg-muted border-b border-border transition-colors", t.class);
+    const a = I("hover:bg-muted/50 data-[state=selected]:bg-muted border-b border-border transition-colors", t.class);
     return (o, n) => (r(), l("tr", {
       "data-slot": "table-row",
-      class: k(s(a))
+      class: x(s(a))
     }, [
       d(o.$slots, "default")
     ], 2));
   }
-}), qi = {
+}), Ki = {
   "data-slot": "table-container",
   class: "relative w-full overflow-x-auto rounded-md border border-border"
-}, Ki = {
+}, Xi = {
   key: 0,
   "data-slot": "table-head",
   class: "[&_tr]:border-b [&_tr]:border-border"
-}, Xi = {
+}, Ji = {
   key: 1,
   "data-slot": "table-body",
   class: "[&_tr:last-child]:border-0"
@@ -6374,26 +6389,26 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
     }
   },
   setup(t) {
-    const e = t, a = le(), o = w(() => (a.default ? a.default() : []).filter((p) => {
+    const e = t, a = le(), o = k(() => (a.default ? a.default() : []).filter((p) => {
       const m = p.type;
       return m && (m.name === "TableRow" || m.__name === "TableRow");
-    })), n = w(
-      () => M(
+    })), n = k(
+      () => I(
         "w-full caption-bottom text-sm",
         e.resizable && "table-fixed",
         e.class
       )
     );
-    return (i, p) => (r(), l("div", qi, [
+    return (i, p) => (r(), l("div", Ki, [
       c("table", {
         "data-slot": "table",
-        class: k(n.value)
+        class: x(n.value)
       }, [
         d(i.$slots, "caption"),
-        o.value.length ? (r(), l("thead", Ki, [
+        o.value.length ? (r(), l("thead", Xi, [
           (r(), g(Y(o.value[0])))
         ])) : z("", !0),
-        o.value.length > 1 ? (r(), l("tbody", Xi, [
+        o.value.length > 1 ? (r(), l("tbody", Ji, [
           (r(!0), l(F, null, G(o.value.slice(1), (m, $) => (r(), g(Y(m), { key: $ }))), 128))
         ])) : z("", !0),
         d(i.$slots, "default")
@@ -6416,7 +6431,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
     const e = t, a = U();
     return (o, n) => (r(), g(s(Cl), b({
       "data-slot": "tabs",
-      class: s(M)(
+      class: s(I)(
         "flex flex-col",
         e.variant === "vertical" && "flex-row",
         s(a).class
@@ -6428,16 +6443,16 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
       _: 3
     }, 16, ["class"]));
   }
-}, Ji = {
+}, Zi = {
   key: 0,
   class: "space-y-2"
-}, Zi = { class: "flex items-center gap-2" }, Yi = ["id", "disabled", "readonly", "value"], Qi = {
+}, Yi = { class: "flex items-center gap-2" }, Qi = ["id", "disabled", "readonly", "value"], ed = {
   key: 0,
   class: "text-sm text-red-600 flex items-center gap-1"
-}, ed = {
+}, td = {
   key: 1,
   class: "text-sm text-green-600 flex items-center gap-1"
-}, td = ["disabled", "readonly", "value"], up = {
+}, ad = ["disabled", "readonly", "value"], up = {
   __name: "textarea",
   props: {
     modelValue: {
@@ -6476,18 +6491,18 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
     const a = U();
-    return (o, n) => t.label ? (r(), l("div", Ji, [
-      c("div", Zi, [
+    return (o, n) => t.label ? (r(), l("div", Zi, [
+      c("div", Yi, [
         t.icon ? (r(), g(Y(t.icon), {
           key: 0,
           class: "h-4 w-4"
         })) : z("", !0),
-        t.label ? (r(), g(xe, {
+        t.label ? (r(), g(ye, {
           key: 1,
           for: t.id
         }, {
           default: u(() => [
-            O(I(t.label), 1)
+            O(M(t.label), 1)
           ]),
           _: 1
         }, 8, ["for"])) : z("", !0)
@@ -6506,13 +6521,13 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
         readonly: t.readonly,
         value: t.modelValue,
         onInput: n[0] || (n[0] = (i) => o.$emit("update:modelValue", i.target.value))
-      }), null, 16, Yi),
-      t.validationState === "error" && t.validationText ? (r(), l("p", Qi, [
-        _(s(Xe), { class: "h-4 w-4" }),
-        O(" " + I(t.validationText), 1)
-      ])) : t.validationState === "success" && t.validationText ? (r(), l("p", ed, [
-        _(s(_e), { class: "h-4 w-4" }),
-        O(" " + I(t.validationText), 1)
+      }), null, 16, Qi),
+      t.validationState === "error" && t.validationText ? (r(), l("p", ed, [
+        h(s(Xe), { class: "h-4 w-4" }),
+        O(" " + M(t.validationText), 1)
+      ])) : t.validationState === "success" && t.validationText ? (r(), l("p", td, [
+        h(s(he), { class: "h-4 w-4" }),
+        O(" " + M(t.validationText), 1)
       ])) : z("", !0)
     ])) : (r(), l("textarea", b({
       key: 1,
@@ -6526,9 +6541,9 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
       readonly: t.readonly,
       value: t.modelValue,
       onInput: n[1] || (n[1] = (i) => o.$emit("update:modelValue", i.target.value))
-    }), null, 16, td));
+    }), null, 16, ad));
   }
-}, ad = ["width", "height", "viewBox"], sd = ["d", "stroke", "stroke-width"], od = ["cx", "cy", "r", "stroke", "stroke-width"], We = 4, pp = /* @__PURE__ */ f({
+}, sd = ["width", "height", "viewBox"], od = ["d", "stroke", "stroke-width"], rd = ["cx", "cy", "r", "stroke", "stroke-width"], We = 4, pp = /* @__PURE__ */ f({
   __name: "threat-gauge",
   props: {
     value: { type: Number, required: !0 },
@@ -6539,42 +6554,42 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
     snapToSegmentCenter: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = t, { value: a, level: o, size: n, gapDegrees: i, thicknessRatio: p, snapToSegmentCenter: m } = Ce(e), $ = {
+    const e = t, { value: a, level: o, size: n, gapDegrees: i, thicknessRatio: p, snapToSegmentCenter: m } = Se(e), $ = {
       LOW: "var(--success-500)",
       MEDIUM: "var(--warning-400)",
       HIGH: "var(--warning-600)",
       CRITICAL: "var(--error-500)"
-    }, h = ["LOW", "MEDIUM", "HIGH", "CRITICAL"], v = [
+    }, v = ["LOW", "MEDIUM", "HIGH", "CRITICAL"], _ = [
       [0, 25],
       [25, 50],
       [50, 75],
       [75, 100.0001]
-    ], y = w(() => Math.max(0, Math.min(i.value, 30)) / 180), x = w(() => y.value * (We - 1)), S = w(() => (1 - x.value) / We), B = w(
-      () => h.map((W, ae) => {
+    ], y = k(() => Math.max(0, Math.min(i.value, 30)) / 180), w = k(() => y.value * (We - 1)), S = k(() => (1 - w.value) / We), B = k(
+      () => v.map((W, ae) => {
         const J = ae * (S.value + y.value), de = J + S.value;
         return {
           key: W,
           color: $[W],
-          range: v[ae],
+          range: _[ae],
           tRange: [J, de]
         };
       })
-    ), P = w(() => Math.max(4, n.value * p.value)), R = w(() => n.value * 0.45), K = w(() => n.value / 2), X = w(() => n.value * 0.65), E = w(() => Math.min(Math.max(a.value, 0), 100)), A = w(
+    ), P = k(() => Math.max(4, n.value * p.value)), R = k(() => n.value * 0.45), K = k(() => n.value / 2), X = k(() => n.value * 0.65), E = k(() => Math.min(Math.max(a.value, 0), 100)), A = k(
       () => B.value.find((W) => W.key === o.value) || B.value.find((W) => E.value >= W.range[0] && E.value < W.range[1]) || B.value[0]
     );
     function j(W, ae, J = 42) {
       const de = [], St = Math.max(0, Math.min(1, ae) - Math.max(0, W)), Pe = Math.max(2, Math.round(J * St));
-      for (let we = 0; we <= Pe; we++) {
-        const Ct = W + (ae - W) * we / Pe, Ae = Math.PI * (1 - Ct), Bt = K.value + R.value * Math.cos(Ae), zt = X.value - R.value * Math.sin(Ae);
+      for (let xe = 0; xe <= Pe; xe++) {
+        const Ct = W + (ae - W) * xe / Pe, Ae = Math.PI * (1 - Ct), Bt = K.value + R.value * Math.cos(Ae), zt = X.value - R.value * Math.sin(Ae);
         de.push(`${Bt} ${zt}`);
       }
       return `M ${de[0]} L ${de.slice(1).join(" ")}`;
     }
-    const [L, te] = w(() => A.value.range).value, ie = w(
+    const [L, te] = k(() => A.value.range).value, ie = k(
       () => m.value ? (L + te) / 2 : Math.min(Math.max(E.value, L), te)
-    ), vt = w(() => (ie.value - L) / (te - L)), [De, ht] = w(() => A.value.tRange).value, _t = w(() => De + (ht - De) * vt.value), Ve = w(() => Math.PI * (1 - _t.value)), yt = w(() => K.value + R.value * Math.cos(Ve.value)), xt = w(() => X.value - R.value * Math.sin(Ve.value)), wt = w(() => n.value * 0.12), kt = w(() => Math.max(8, n.value * 0.04)), $t = w(() => Math.max(2.5, n.value * 0.015));
+    ), vt = k(() => (ie.value - L) / (te - L)), [De, ht] = k(() => A.value.tRange).value, _t = k(() => De + (ht - De) * vt.value), Ve = k(() => Math.PI * (1 - _t.value)), yt = k(() => K.value + R.value * Math.cos(Ve.value)), xt = k(() => X.value - R.value * Math.sin(Ve.value)), wt = k(() => n.value * 0.12), kt = k(() => Math.max(8, n.value * 0.04)), $t = k(() => Math.max(2.5, n.value * 0.015));
     return (W, ae) => (r(), l("div", {
-      class: k(["relative", W.$attrs.class]),
+      class: x(["relative", W.$attrs.class]),
       style: H({ width: `${s(n)}px`, height: `${s(n)}px` })
     }, [
       (r(), l("svg", {
@@ -6590,7 +6605,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
           stroke: J.color,
           "stroke-width": P.value,
           "stroke-linecap": "butt"
-        }, null, 8, sd))), 128)),
+        }, null, 8, od))), 128)),
         c("circle", {
           cx: yt.value,
           cy: xt.value,
@@ -6598,8 +6613,8 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
           fill: "#ffffff",
           stroke: A.value.color,
           "stroke-width": $t.value
-        }, null, 8, od)
-      ], 8, ad)),
+        }, null, 8, rd)
+      ], 8, sd)),
       c("div", {
         class: "absolute left-1/2 font-semibold text-center",
         style: H({
@@ -6609,10 +6624,10 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
           fontSize: `${wt.value}px`,
           lineHeight: 1.1
         })
-      }, I(s(o)), 5)
+      }, M(s(o)), 5)
     ], 6));
   }
-}), rd = /* @__PURE__ */ f({
+}), nd = /* @__PURE__ */ f({
   __name: "Toggle",
   props: {
     defaultValue: { type: Boolean },
@@ -6630,7 +6645,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
   setup(t, { emit: e }) {
     const a = t, o = e, n = D(a, "class", "size", "variant"), i = N(n, o);
     return (p, m) => (r(), g(s(ls), b({ "data-slot": "toggle" }, s(i), {
-      class: s(C)(s(nd)({ variant: t.variant, size: t.size }), a.class)
+      class: s(C)(s(ld)({ variant: t.variant, size: t.size }), a.class)
     }), {
       default: u(($) => [
         d(p.$slots, "default", Q(ee($)))
@@ -6638,7 +6653,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
       _: 3
     }, 16, ["class"]));
   }
-}), nd = Be(
+}), ld = Ce(
   "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
   {
     variants: {
@@ -6657,7 +6672,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
       size: "default"
     }
   }
-), ld = { class: "flex items-center gap-2" }, id = "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap", fp = /* @__PURE__ */ f({
+), id = { class: "flex items-center gap-2" }, dd = "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap", fp = /* @__PURE__ */ f({
   __name: "toggle",
   props: {
     modelValue: Boolean,
@@ -6686,16 +6701,16 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
       default: "h-9 px-2 min-w-9",
       sm: "h-8 px-1.5 min-w-8",
       lg: "h-10 px-2.5 min-w-10"
-    }, $ = w(
-      () => M(
-        id,
+    }, $ = k(
+      () => I(
+        dd,
         p[a.variant],
         m[a.size],
         a.class
       )
     );
-    return (h, v) => (r(), l("div", ld, [
-      _(s(rd), b({
+    return (v, _) => (r(), l("div", id, [
+      h(s(nd), b({
         id: t.id,
         "data-slot": "toggle",
         class: $.value,
@@ -6703,19 +6718,19 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
         disabled: t.disabled
       }, s(n), {
         modelValue: s(i),
-        "onUpdate:modelValue": v[0] || (v[0] = (y) => fe(i) ? i.value = y : null)
+        "onUpdate:modelValue": _[0] || (_[0] = (y) => fe(i) ? i.value = y : null)
       }), {
         default: u(() => [
-          d(h.$slots, "default")
+          d(v.$slots, "default")
         ]),
         _: 3
       }, 16, ["id", "class", "aria-label", "disabled", "modelValue"]),
-      t.label ? (r(), g(xe, {
+      t.label ? (r(), g(ye, {
         key: 0,
         for: t.id
       }, {
         default: u(() => [
-          O(I(t.label), 1)
+          O(M(t.label), 1)
         ]),
         _: 1
       }, 8, ["for"])) : z("", !0)
@@ -6723,137 +6738,137 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
   }
 });
 export {
-  Wc as Accessibility,
-  qd as Accordion,
-  Hd as AccordionContent,
-  Gd as AccordionItem,
-  Wd as AccordionTrigger,
-  Zd as Alert,
-  Kd as AlertActions,
-  Xd as AlertDescription,
-  Jd as AlertTitle,
-  qc as AlignLeft,
-  Kc as ArrowDown,
-  Xc as ArrowUp,
-  Jc as ArrowUpDown,
+  qc as Accessibility,
+  Kd as Accordion,
+  Gd as AccordionContent,
+  Wd as AccordionItem,
+  qd as AccordionTrigger,
+  Yd as Alert,
+  Xd as AlertActions,
+  Jd as AlertDescription,
+  Zd as AlertTitle,
+  Kc as AlignLeft,
+  Xc as ArrowDown,
+  Jc as ArrowUp,
+  Zc as ArrowUpDown,
   vo as Avatar,
-  Yd as AvatarFallback,
-  Qd as AvatarGroup,
-  ec as AvatarImage,
+  Qd as AvatarFallback,
+  ec as AvatarGroup,
+  tc as AvatarImage,
   oe as Badge,
-  ke as BaseSidebar,
-  oi as BasicSearch,
-  Zc as BookOpen,
-  sc as Breadcrumb,
-  yd as BreadcrumbEllipsis,
-  tc as BreadcrumbItem,
-  hd as BreadcrumbLink,
-  vd as BreadcrumbList,
-  _d as BreadcrumbPage,
-  ac as BreadcrumbSeparator,
+  we as BaseSidebar,
+  ri as BasicSearch,
+  Yc as BookOpen,
+  oc as Breadcrumb,
+  xd as BreadcrumbEllipsis,
+  ac as BreadcrumbItem,
+  _d as BreadcrumbLink,
+  hd as BreadcrumbList,
+  yd as BreadcrumbPage,
+  sc as BreadcrumbSeparator,
   ge as Button,
-  Yc as Calendar,
-  dc as Card,
-  oc as CardContent,
-  rc as CardDescription,
-  nc as CardFooter,
-  lc as CardHeader,
-  ic as CardTitle,
-  cc as CategoryBreakdownMetric,
+  Qc as Calendar,
+  cc as Card,
+  rc as CardContent,
+  nc as CardDescription,
+  lc as CardFooter,
+  ic as CardHeader,
+  dc as CardTitle,
+  uc as CategoryBreakdownMetric,
   pe as Check,
   cr as Checkbox,
-  Qc as ChevronRight,
-  eu as Circle,
-  Td as Collapsible,
-  Dd as CollapsibleContent,
-  Vd as CollapsibleTrigger,
+  eu as ChevronRight,
+  tu as Circle,
+  Dd as Collapsible,
+  Vd as CollapsibleContent,
+  Pd as CollapsibleTrigger,
   Ps as Command,
-  wd as CommandDialog,
-  kd as CommandEmpty,
-  $d as CommandGroup,
-  Sd as CommandInput,
-  Cd as CommandItem,
-  Bd as CommandList,
-  zd as CommandSeparator,
-  Id as CommandShortcut,
-  tu as Copy,
-  xc as Dialog,
-  uc as DialogBody,
-  pc as DialogClose,
-  fc as DialogContent,
-  mc as DialogDescription,
-  gc as DialogFooter,
-  bc as DialogHeader,
-  vc as DialogOverlay,
-  hc as DialogPortal,
-  _c as DialogTitle,
-  yc as DialogTrigger,
-  wc as DismissibleBadgesDemo,
-  au as Dot,
-  Ic as Drawer,
-  kc as DrawerContent,
-  $c as DrawerDescription,
-  Sc as DrawerFooter,
-  Cc as DrawerHeader,
-  Bc as DrawerTitle,
-  zc as DrawerTrigger,
-  Hc as DropdownMenu,
-  Mc as DropdownMenuCheckboxItem,
-  Tc as DropdownMenuContent,
-  Dc as DropdownMenuGroup,
-  Vc as DropdownMenuItem,
-  Pc as DropdownMenuLabel,
-  Ac as DropdownMenuPortal,
-  Oc as DropdownMenuRadioGroup,
-  jc as DropdownMenuRadioItem,
-  Lc as DropdownMenuSeparator,
-  Rc as DropdownMenuShortcut,
-  Nc as DropdownMenuSub,
-  Fc as DropdownMenuSubContent,
-  Ec as DropdownMenuSubTrigger,
-  Uc as DropdownMenuTrigger,
-  su as Edit,
-  ou as FileText,
-  ru as Folder,
-  nu as FolderOpen,
-  Gc as GroupedAvatar,
-  lu as Hash,
-  iu as Home,
-  vu as Input,
-  Ad as InputOTP,
-  Od as InputOTPGroup,
-  jd as InputOTPSeparator,
-  Ld as InputOTPSlot,
-  bu as InputOtp,
-  xe as Label,
-  du as Minus,
-  cu as MoreHorizontal,
-  hu as Pagination,
+  kd as CommandDialog,
+  $d as CommandEmpty,
+  Sd as CommandGroup,
+  Cd as CommandInput,
+  Bd as CommandItem,
+  zd as CommandList,
+  Id as CommandSeparator,
+  Md as CommandShortcut,
+  au as Copy,
+  wc as Dialog,
+  pc as DialogBody,
+  fc as DialogClose,
+  mc as DialogContent,
+  gc as DialogDescription,
+  bc as DialogFooter,
+  vc as DialogHeader,
+  hc as DialogOverlay,
+  _c as DialogPortal,
+  yc as DialogTitle,
+  xc as DialogTrigger,
+  kc as DismissibleBadgesDemo,
+  su as Dot,
+  Mc as Drawer,
+  $c as DrawerContent,
+  Sc as DrawerDescription,
+  Cc as DrawerFooter,
+  Bc as DrawerHeader,
+  zc as DrawerTitle,
+  Ic as DrawerTrigger,
+  Gc as DropdownMenu,
+  Tc as DropdownMenuCheckboxItem,
+  Dc as DropdownMenuContent,
+  Vc as DropdownMenuGroup,
+  Pc as DropdownMenuItem,
+  Ac as DropdownMenuLabel,
+  Oc as DropdownMenuPortal,
+  jc as DropdownMenuRadioGroup,
+  Lc as DropdownMenuRadioItem,
+  Rc as DropdownMenuSeparator,
+  Fc as DropdownMenuShortcut,
+  Uc as DropdownMenuSub,
+  Ec as DropdownMenuSubContent,
+  Nc as DropdownMenuSubTrigger,
+  Hc as DropdownMenuTrigger,
+  ou as Edit,
+  ru as FileText,
+  nu as Folder,
+  lu as FolderOpen,
+  Wc as GroupedAvatar,
+  iu as Hash,
+  du as Home,
+  hu as Input,
+  Od as InputOTP,
+  jd as InputOTPGroup,
+  Ld as InputOTPSeparator,
+  Rd as InputOTPSlot,
+  vu as InputOtp,
+  ye as Label,
+  cu as Minus,
+  uu as MoreHorizontal,
+  _u as Pagination,
   hl as Popover,
   to as PopoverContent,
   oo as PopoverTrigger,
-  _u as Progress,
-  xu as RadioGroup,
-  yu as RadioGroupItem,
+  yu as Progress,
+  wu as RadioGroup,
+  xu as RadioGroupItem,
   Ne as ResponsiveSearch,
-  Su as ScrollableTabsList,
+  Cu as ScrollableTabsList,
   Bu as Select,
-  Rd as SelectContent,
-  Ud as SelectItem,
-  Cu as SelectMultiple,
-  Fd as SelectSeparator,
-  Ed as SelectTrigger,
-  Nd as SelectValue,
+  Fd as SelectContent,
+  Hd as SelectItem,
+  Wl as SelectMultiple,
+  Ed as SelectSeparator,
+  Nd as SelectTrigger,
+  Ud as SelectValue,
   zu as Separator,
-  uu as Settings,
-  Zl as Sheet,
+  pu as Settings,
+  Yl as Sheet,
   co as SheetContent,
   uo as SheetDescription,
   po as SheetHeader,
   fo as SheetTitle,
   Ju as Sidebar,
   Ku as SidebarCollapseButton,
-  $e as SidebarContent,
+  ke as SidebarContent,
   Hu as SidebarDescription,
   Xu as SidebarExpandButton,
   Nu as SidebarFooter,
@@ -6878,16 +6893,16 @@ export {
   Uu as SidebarTitle,
   Iu as SidebarTrigger,
   Yu as Skeleton,
-  pu as Slash,
+  fu as Slash,
   Qu as Slider,
   ep as Sonner,
-  xd as Spinner,
-  Md as Switch,
+  wd as Spinner,
+  Td as Switch,
   ap as Tab,
-  $u as TabContent,
-  wu as TabList,
+  Su as TabContent,
+  ku as TabList,
   tp as TabPanel,
-  ku as TabTrigger,
+  $u as TabTrigger,
   dp as Table,
   sp as TableBody,
   op as TableCaption,
@@ -6903,13 +6918,13 @@ export {
   Ts as TooltipContent,
   Ds as TooltipProvider,
   Vs as TooltipTrigger,
-  fu as Trash2,
-  Pd as Tree,
-  mu as Type,
-  gu as User,
+  mu as Trash2,
+  Ad as Tree,
+  gu as Type,
+  bu as User,
   Ue as Wrapper,
   Es as provideCommandContext,
   Us as provideCommandGroupContext,
-  ye as useCommand,
+  _e as useCommand,
   Ns as useCommandGroup
 };