@bl33dz/fa814698dcde12f86a37ac31dd3aedf9 1.0.15 → 1.0.17

package/dist/perisai-ui.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as p, createElementBlock as l, openBlock as r, renderSlot as d, createVNode as y, createElementVNode as c, unref as s, createBlock as g, mergeProps as b, withCtx as u, computed as x, 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 w, 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 { defineComponent as f, createElementBlock as l, openBlock as r, renderSlot as d, createVNode as y, createElementVNode as c, unref as s, createBlock as g, mergeProps as b, withCtx as u, computed as x, 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 w, 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 { 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";
@@ -9,7 +9,7 @@ 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__ */ p({
+}, vd = /* @__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__ */ p({
+}, hd = /* @__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__ */ p({
+}, _d = /* @__PURE__ */ f({
   __name: "BreadcrumbPage",
   setup(t) {
     return (e, a) => (r(), l("span", bs, [
@@ -44,7 +44,7 @@ const ms = {
   role: "presentation",
   "aria-hidden": "true",
   class: "flex size-9 items-center justify-center"
-}, yd = /* @__PURE__ */ p({
+}, yd = /* @__PURE__ */ f({
   __name: "BreadcrumbEllipsis",
   setup(t) {
     return (e, a) => (r(), l("span", vs, [
@@ -52,7 +52,7 @@ const ms = {
       a[0] || (a[0] = c("span", { class: "sr-only" }, "More", -1))
     ]));
   }
-}), hs = /* @__PURE__ */ p({
+}), hs = /* @__PURE__ */ f({
   __name: "Accordion",
   props: {
     collapsible: { type: Boolean },
@@ -69,7 +69,7 @@ const ms = {
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
     const n = N(t, e);
-    return (i, f) => (r(), g(s(Yt), b({ "data-slot": "accordion" }, s(n)), {
+    return (i, p) => (r(), g(s(Yt), b({ "data-slot": "accordion" }, s(n)), {
       default: u(() => [
         d(i.$slots, "default")
       ]),
@@ -79,10 +79,10 @@ const ms = {
 });
 function _s(t, e) {
   let a, o, n;
-  const i = V(!0), f = () => {
+  const i = V(!0), p = () => {
     i.value = !0, n();
   };
-  Z(t, f, { flush: "sync" });
+  Z(t, p, { flush: "sync" });
   const m = typeof e == "function" ? e : e.get, k = typeof e == "function" ? void 0 : e.set, v = It((_, h) => (o = _, n = h, {
     get() {
       return i.value && (a = m(), i.value = !1), o(), a;
@@ -91,7 +91,7 @@ function _s(t, e) {
       k?.($);
     }
   }));
-  return Object.isExtensible(v) && (v.trigger = f), v;
+  return Object.isExtensible(v) && (v.trigger = p), v;
 }
 function at(t) {
   return typeof t == "function" ? t() : s(t);
@@ -149,7 +149,7 @@ function Ss(t) {
   return Mt(a.trigger), re(a.trigger), a;
 }
 function Cs(t, e, a, o = {}) {
-  var n, i, f;
+  var n, i, p;
   const {
     clone: m = !1,
     passive: k = !1,
@@ -157,7 +157,7 @@ function Cs(t, e, a, o = {}) {
     deep: _ = !1,
     defaultValue: h,
     shouldEmit: $
-  } = o, C = qe(), B = a || C?.emit || ((n = C?.$emit) == null ? void 0 : n.bind(C)) || ((f = (i = C?.proxy) == null ? void 0 : i.$emit) == null ? void 0 : f.bind(C?.proxy));
+  } = o, C = qe(), B = a || C?.emit || ((n = C?.$emit) == null ? void 0 : n.bind(C)) || ((p = (i = C?.proxy) == null ? void 0 : i.$emit) == null ? void 0 : p.bind(C?.proxy));
   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]) : h, X = (E) => {
@@ -191,7 +191,7 @@ function Cs(t, e, a, o = {}) {
 function S(...t) {
   return Te(Me(t));
 }
-const Bs = /* @__PURE__ */ p({
+const Bs = /* @__PURE__ */ f({
   __name: "AccordionContent",
   props: {
     forceMount: { type: Boolean },
@@ -212,7 +212,7 @@ const Bs = /* @__PURE__ */ p({
       _: 3
     }, 16));
   }
-}), zs = /* @__PURE__ */ p({
+}), zs = /* @__PURE__ */ f({
   __name: "AccordionItem",
   props: {
     disabled: { type: Boolean },
@@ -233,7 +233,7 @@ const Bs = /* @__PURE__ */ p({
       _: 3
     }, 16, ["class"]));
   }
-}), Is = /* @__PURE__ */ p({
+}), Is = /* @__PURE__ */ f({
   __name: "AccordionTrigger",
   props: {
     asChild: { type: Boolean },
@@ -262,7 +262,7 @@ const Bs = /* @__PURE__ */ p({
       _: 3
     }));
   }
-}), xd = /* @__PURE__ */ p({
+}), xd = /* @__PURE__ */ f({
   __name: "Spinner",
   props: {
     class: {}
@@ -275,7 +275,7 @@ const Bs = /* @__PURE__ */ p({
       class: w(s(S)("size-4 animate-spin", e.class))
     }, null, 8, ["class"]));
   }
-}), Ms = /* @__PURE__ */ p({
+}), Ms = /* @__PURE__ */ f({
   __name: "Tooltip",
   props: {
     defaultOpen: { type: Boolean },
@@ -289,14 +289,14 @@ const Bs = /* @__PURE__ */ p({
   emits: ["update:open"],
   setup(t, { emit: e }) {
     const n = N(t, e);
-    return (i, f) => (r(), g(s(sa), b({ "data-slot": "tooltip" }, s(n)), {
+    return (i, p) => (r(), g(s(sa), b({ "data-slot": "tooltip" }, s(n)), {
       default: u(() => [
         d(i.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Ts = /* @__PURE__ */ p({
+}), Ts = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "TooltipContent",
   props: {
@@ -374,7 +374,7 @@ const Bs = /* @__PURE__ */ p({
           variant: "default"
         }
       }
-    ), n = t, i = e, f = D(n, "class"), m = N(f, i);
+    ), n = t, i = e, p = D(n, "class"), m = N(p, i);
     return (k, v) => (r(), g(s(oa), null, {
       default: u(() => [
         y(s(ra), b({ "data-slot": "tooltip-content" }, { ...s(m), ...k.$attrs }, {
@@ -400,7 +400,7 @@ const Bs = /* @__PURE__ */ p({
       _: 3
     }));
   }
-}), Ds = /* @__PURE__ */ p({
+}), Ds = /* @__PURE__ */ f({
   __name: "TooltipProvider",
   props: {
     delayDuration: { default: 0 },
@@ -419,7 +419,7 @@ const Bs = /* @__PURE__ */ p({
       _: 3
     }, 16));
   }
-}), Vs = /* @__PURE__ */ p({
+}), Vs = /* @__PURE__ */ f({
   __name: "TooltipTrigger",
   props: {
     reference: {},
@@ -435,7 +435,7 @@ const Bs = /* @__PURE__ */ p({
       _: 3
     }, 16));
   }
-}), Ps = /* @__PURE__ */ p({
+}), Ps = /* @__PURE__ */ f({
   __name: "Command",
   props: {
     modelValue: { default: "" },
@@ -455,7 +455,7 @@ const Bs = /* @__PURE__ */ p({
   },
   emits: ["update:modelValue", "highlight", "entryFocus", "leave"],
   setup(t, { emit: e }) {
-    const a = t, o = e, n = D(a, "class"), i = N(n, o), f = V(/* @__PURE__ */ new Map()), m = V(/* @__PURE__ */ new Map()), { contains: k } = da({ sensitivity: "base" }), v = 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: k } = da({ sensitivity: "base" }), v = Se({
       search: "",
       filtered: {
         /** The count of all visible items. */
@@ -468,12 +468,12 @@ const Bs = /* @__PURE__ */ p({
     });
     function _() {
       if (!v.search) {
-        v.filtered.count = f.value.size;
+        v.filtered.count = p.value.size;
         return;
       }
       v.filtered.groups = /* @__PURE__ */ new Set();
       let h = 0;
-      for (const [$, C] of f.value) {
+      for (const [$, C] of p.value) {
         const B = k(C, v.search);
         v.filtered.items.set($, B ? 1 : 0), B && h++;
       }
@@ -488,7 +488,7 @@ const Bs = /* @__PURE__ */ p({
     return Z(() => v.search, () => {
       _();
     }), Es({
-      allItems: f,
+      allItems: p,
       allGroups: m,
       filterState: v
     }), (h, $) => (r(), g(s(ca), b({ "data-slot": "command" }, s(i), {
@@ -500,7 +500,7 @@ const Bs = /* @__PURE__ */ p({
       _: 3
     }, 16, ["class"]));
   }
-}), st = /* @__PURE__ */ p({
+}), st = /* @__PURE__ */ f({
   __name: "Dialog",
   props: {
     open: { type: Boolean },
@@ -510,14 +510,14 @@ const Bs = /* @__PURE__ */ p({
   emits: ["update:open"],
   setup(t, { emit: e }) {
     const n = N(t, e);
-    return (i, f) => (r(), g(s(ua), b({ "data-slot": "dialog" }, s(n)), {
+    return (i, p) => (r(), g(s(ua), b({ "data-slot": "dialog" }, s(n)), {
       default: u(() => [
         d(i.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), As = /* @__PURE__ */ p({
+}), As = /* @__PURE__ */ f({
   __name: "DialogClose",
   props: {
     asChild: { type: Boolean },
@@ -532,7 +532,7 @@ const Bs = /* @__PURE__ */ p({
       _: 3
     }, 16));
   }
-}), Os = /* @__PURE__ */ p({
+}), Os = /* @__PURE__ */ f({
   __name: "DialogOverlay",
   props: {
     forceMount: { type: Boolean },
@@ -551,7 +551,7 @@ const Bs = /* @__PURE__ */ p({
       _: 3
     }, 16, ["class"]));
   }
-}), ot = /* @__PURE__ */ p({
+}), ot = /* @__PURE__ */ f({
   __name: "DialogContent",
   props: {
     forceMount: { type: Boolean },
@@ -563,17 +563,17 @@ const Bs = /* @__PURE__ */ p({
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
   setup(t, { emit: e }) {
     const a = t, o = e, n = D(a, "class"), i = N(n, o);
-    return (f, m) => (r(), g(s(Ze), null, {
+    return (p, m) => (r(), g(s(Ze), null, {
       default: u(() => [
         y(Os),
         y(s(pa), b({ "data-slot": "dialog-content" }, s(i), {
           class: s(S)(
-            "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%] gap-4 rounded-lg border shadow-lg duration-200 sm:max-w-lg",
+            "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
           )
         }), {
           default: u(() => [
-            d(f.$slots, "default"),
+            d(p.$slots, "default"),
             y(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(() => [
                 y(s(he)),
@@ -588,7 +588,7 @@ const Bs = /* @__PURE__ */ p({
       _: 3
     }));
   }
-}), rt = /* @__PURE__ */ p({
+}), rt = /* @__PURE__ */ f({
   __name: "DialogDescription",
   props: {
     asChild: { type: Boolean },
@@ -606,7 +606,7 @@ const Bs = /* @__PURE__ */ p({
       _: 3
     }, 16, ["class"]));
   }
-}), js = /* @__PURE__ */ p({
+}), js = /* @__PURE__ */ f({
   __name: "DialogHeader",
   props: {
     class: {}
@@ -620,7 +620,7 @@ const Bs = /* @__PURE__ */ p({
       d(a.$slots, "default")
     ], 2));
   }
-}), nt = /* @__PURE__ */ p({
+}), nt = /* @__PURE__ */ f({
   __name: "DialogTitle",
   props: {
     asChild: { type: Boolean },
@@ -638,7 +638,7 @@ const Bs = /* @__PURE__ */ p({
       _: 3
     }, 16, ["class"]));
   }
-}), Ls = /* @__PURE__ */ p({
+}), Ls = /* @__PURE__ */ f({
   __name: "DialogTrigger",
   props: {
     asChild: { type: Boolean },
@@ -653,7 +653,7 @@ const Bs = /* @__PURE__ */ p({
       _: 3
     }, 16));
   }
-}), wd = /* @__PURE__ */ p({
+}), wd = /* @__PURE__ */ f({
   __name: "CommandDialog",
   props: {
     open: { type: Boolean },
@@ -665,7 +665,7 @@ const Bs = /* @__PURE__ */ p({
   emits: ["update:open"],
   setup(t, { emit: e }) {
     const n = N(t, e);
-    return (i, f) => (r(), g(s(st), Q(ee(s(n))), {
+    return (i, p) => (r(), g(s(st), Q(ee(s(n))), {
       default: u(() => [
         y(s(ot), { class: "overflow-hidden p-0" }, {
           default: u(() => [
@@ -699,7 +699,7 @@ const Bs = /* @__PURE__ */ p({
       _: 3
     }, 16));
   }
-}), kd = /* @__PURE__ */ p({
+}), kd = /* @__PURE__ */ f({
   __name: "CommandEmpty",
   props: {
     asChild: { type: Boolean },
@@ -710,7 +710,7 @@ const Bs = /* @__PURE__ */ p({
     const e = t, a = D(e, "class"), { filterState: o } = ye(), n = x(
       () => !!o.search && o.filtered.count === 0
     );
-    return (i, f) => n.value ? (r(), g(s(ba), b({
+    return (i, p) => n.value ? (r(), g(s(ba), b({
       key: 0,
       "data-slot": "command-empty"
     }, s(a), {
@@ -722,7 +722,7 @@ const Bs = /* @__PURE__ */ p({
       _: 3
     }, 16, ["class"])) : z("", !0);
   }
-}), $d = /* @__PURE__ */ p({
+}), $d = /* @__PURE__ */ f({
   __name: "CommandGroup",
   props: {
     asChild: { type: Boolean },
@@ -731,7 +731,7 @@ const Bs = /* @__PURE__ */ p({
     heading: {}
   },
   setup(t) {
-    const e = t, a = D(e, "class"), { allGroups: o, filterState: n } = ye(), i = Ye(), f = x(() => n.search ? n.filtered.groups.has(i) : !0);
+    const e = t, a = D(e, "class"), { allGroups: o, filterState: n } = ye(), i = Ye(), p = x(() => 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(() => {
@@ -740,7 +740,7 @@ const Bs = /* @__PURE__ */ p({
       id: s(i),
       "data-slot": "command-group",
       class: s(S)("text-foreground overflow-hidden p-1", e.class),
-      hidden: f.value ? void 0 : !0
+      hidden: p.value ? void 0 : !0
     }), {
       default: u(() => [
         t.heading ? (r(), g(s(ha), {
@@ -760,7 +760,7 @@ const Bs = /* @__PURE__ */ p({
 }), Rs = {
   "data-slot": "command-input-wrapper",
   class: "flex h-9 items-center gap-2 border-b px-3"
-}, Sd = /* @__PURE__ */ p({
+}, Sd = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "CommandInput",
   props: {
@@ -773,18 +773,18 @@ const Bs = /* @__PURE__ */ p({
   },
   setup(t) {
     const e = t, a = D(e, "class"), o = q(a), { filterState: n } = ye();
-    return (i, f) => (r(), l("div", Rs, [
+    return (i, p) => (r(), l("div", Rs, [
       y(s(me), { class: "size-4 shrink-0 opacity-50" }),
       y(s(_a), b({ ...s(o), ...i.$attrs }, {
         modelValue: s(n).search,
-        "onUpdate:modelValue": f[0] || (f[0] = (m) => s(n).search = m),
+        "onUpdate:modelValue": p[0] || (p[0] = (m) => s(n).search = m),
         "data-slot": "command-input",
         "auto-focus": "",
         class: s(S)("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", e.class)
       }), null, 16, ["modelValue", "class"])
     ]));
   }
-}), Cd = /* @__PURE__ */ p({
+}), Cd = /* @__PURE__ */ f({
   __name: "CommandItem",
   props: {
     value: {},
@@ -795,9 +795,9 @@ const Bs = /* @__PURE__ */ p({
   },
   emits: ["select"],
   setup(t, { emit: e }) {
-    const a = t, o = e, n = D(a, "class"), i = N(n, o), f = Ye(), { filterState: m, allItems: k, allGroups: v } = ye(), _ = Ns(), h = x(() => {
+    const a = t, o = e, n = D(a, "class"), i = N(n, o), p = Ye(), { filterState: m, allItems: k, allGroups: v } = ye(), _ = Ns(), h = x(() => {
       if (m.search) {
-        const B = m.filtered.items.get(f);
+        const B = m.filtered.items.get(p);
         return B === void 0 ? !0 : B > 0;
       } else
         return !0;
@@ -805,13 +805,13 @@ const Bs = /* @__PURE__ */ p({
     return re(() => {
       if (!(C.value instanceof HTMLElement))
         return;
-      k.value.set(f, C.value.textContent ?? a.value?.toString() ?? "");
+      k.value.set(p, C.value.textContent ?? a.value?.toString() ?? "");
       const B = _?.id;
-      B && (v.value.has(B) ? v.value.get(B)?.add(f) : v.value.set(B, /* @__PURE__ */ new Set([f])));
+      B && (v.value.has(B) ? v.value.get(B)?.add(p) : v.value.set(B, /* @__PURE__ */ new Set([p])));
     }), ne(() => {
-      k.value.delete(f);
+      k.value.delete(p);
     }), (B, P) => h.value ? (r(), g(s(ya), b({ key: 0 }, s(i), {
-      id: s(f),
+      id: s(p),
       ref_key: "itemRef",
       ref: $,
       "data-slot": "command-item",
@@ -826,7 +826,7 @@ const Bs = /* @__PURE__ */ p({
       _: 3
     }, 16, ["id", "class"])) : z("", !0);
   }
-}), Fs = { role: "presentation" }, Bd = /* @__PURE__ */ p({
+}), Fs = { role: "presentation" }, Bd = /* @__PURE__ */ f({
   __name: "CommandList",
   props: {
     asChild: { type: Boolean },
@@ -846,7 +846,7 @@ const Bs = /* @__PURE__ */ p({
       _: 3
     }, 16, ["class"]));
   }
-}), zd = /* @__PURE__ */ p({
+}), zd = /* @__PURE__ */ f({
   __name: "CommandSeparator",
   props: {
     orientation: {},
@@ -866,7 +866,7 @@ const Bs = /* @__PURE__ */ p({
       _: 3
     }, 16, ["class"]));
   }
-}), Id = /* @__PURE__ */ p({
+}), Id = /* @__PURE__ */ f({
   __name: "CommandShortcut",
   props: {
     class: {}
@@ -880,7 +880,7 @@ const Bs = /* @__PURE__ */ p({
       d(a.$slots, "default")
     ], 2));
   }
-}), [ye, Es] = et("Command"), [Ns, Us] = et("CommandGroup"), Md = /* @__PURE__ */ p({
+}), [ye, Es] = et("Command"), [Ns, Us] = et("CommandGroup"), Md = /* @__PURE__ */ f({
   __name: "Switch",
   props: {
     defaultValue: { type: Boolean },
@@ -897,7 +897,7 @@ const Bs = /* @__PURE__ */ p({
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
     const a = t, o = e, n = D(a, "class"), i = N(n, o);
-    return (f, m) => (r(), g(s(wa), b({ "data-slot": "switch" }, s(i), {
+    return (p, m) => (r(), g(s(wa), b({ "data-slot": "switch" }, s(i), {
       class: s(S)(
         "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-switch-background focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-6 w-11 shrink-0 items-center rounded-full border-2 border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
         a.class
@@ -909,7 +909,7 @@ const Bs = /* @__PURE__ */ p({
           class: w(s(S)("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(f.$slots, "thumb")
+            d(p.$slots, "thumb")
           ]),
           _: 3
         }, 8, ["class"])
@@ -917,7 +917,7 @@ const Bs = /* @__PURE__ */ p({
       _: 3
     }, 16, ["class"]));
   }
-}), Td = /* @__PURE__ */ p({
+}), Td = /* @__PURE__ */ f({
   __name: "Collapsible",
   props: {
     defaultOpen: { type: Boolean },
@@ -930,14 +930,14 @@ const Bs = /* @__PURE__ */ p({
   emits: ["update:open"],
   setup(t, { emit: e }) {
     const n = N(t, e);
-    return (i, f) => (r(), g(s($a), b({ "data-slot": "collapsible" }, s(n)), {
+    return (i, p) => (r(), g(s($a), b({ "data-slot": "collapsible" }, s(n)), {
       default: u((m) => [
         d(i.$slots, "default", Q(ee(m)))
       ]),
       _: 3
     }, 16));
   }
-}), Dd = /* @__PURE__ */ p({
+}), Dd = /* @__PURE__ */ f({
   __name: "CollapsibleContent",
   props: {
     forceMount: { type: Boolean },
@@ -953,7 +953,7 @@ const Bs = /* @__PURE__ */ p({
       _: 3
     }, 16));
   }
-}), Vd = /* @__PURE__ */ p({
+}), Vd = /* @__PURE__ */ f({
   __name: "CollapsibleTrigger",
   props: {
     asChild: { type: Boolean },
@@ -971,7 +971,7 @@ const Bs = /* @__PURE__ */ p({
 }), Hs = { class: "truncate" }, Gs = {
   key: 0,
   class: "ml-4 mt-0.5 space-y-0.5 pl-2"
-}, Ws = /* @__PURE__ */ p({
+}, Ws = /* @__PURE__ */ f({
   __name: "tree-node",
   props: {
     node: {},
@@ -983,7 +983,7 @@ const Bs = /* @__PURE__ */ p({
     const a = t, o = e, n = x(() => a.expandedIds.includes(a.node.id)), i = () => {
       o("toggle", a.node.id), o("nodeClick", a.node);
     };
-    return (f, m) => {
+    return (p, m) => {
       const k = be("TreeNode", !0);
       return r(), l("li", null, [
         c("button", {
@@ -1011,7 +1011,7 @@ const Bs = /* @__PURE__ */ p({
       ]);
     };
   }
-}), qs = { class: "space-y-0.5" }, Pd = /* @__PURE__ */ p({
+}), qs = { class: "space-y-0.5" }, Pd = /* @__PURE__ */ f({
   __name: "tree",
   props: {
     items: {}
@@ -1019,17 +1019,17 @@ const Bs = /* @__PURE__ */ p({
   emits: ["nodeClick"],
   setup(t, { emit: e }) {
     const a = e, o = V([]), n = (i) => {
-      const f = o.value.slice(), m = f.indexOf(i);
-      m >= 0 ? f.splice(m, 1) : f.push(i), o.value = f;
+      const p = o.value.slice(), m = p.indexOf(i);
+      m >= 0 ? p.splice(m, 1) : p.push(i), o.value = p;
     };
-    return (i, f) => (r(), l("ul", qs, [
+    return (i, p) => (r(), l("ul", qs, [
       (r(!0), l(F, null, G(t.items, (m) => (r(), g(Ws, {
         key: m.id,
         node: m,
         level: 0,
         "expanded-ids": o.value,
         onToggle: n,
-        onNodeClick: f[0] || (f[0] = (k) => a("nodeClick", k))
+        onNodeClick: p[0] || (p[0] = (k) => a("nodeClick", k))
       }, null, 8, ["node", "expanded-ids"]))), 128))
     ]));
   }
@@ -1037,7 +1037,7 @@ const Bs = /* @__PURE__ */ p({
 function M(...t) {
   return Te(Me(t));
 }
-const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /* @__PURE__ */ p({
+const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /* @__PURE__ */ f({
   __name: "InputOTP",
   props: {
     modelValue: { type: String, default: "" },
@@ -1061,14 +1061,14 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       i = null;
     }
     i && ue(je, { masked: a.masked });
-    const f = x(() => ({
+    const p = x(() => ({
       value: a.modelValue,
       onChange: n,
       maxLength: a.maxLength,
       disabled: a.disabled,
       masked: a.masked
     }));
-    return i || (ue(Ks, f.value), ue(je, { masked: a.masked })), (m, k) => s(i) ? (r(), g(Y(s(i)), {
+    return i || (ue(Ks, p.value), ue(je, { masked: a.masked })), (m, k) => 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),
@@ -1090,7 +1090,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       d(m.$slots, "default")
     ], 2));
   }
-}), Od = /* @__PURE__ */ p({
+}), Od = /* @__PURE__ */ f({
   __name: "InputOTPGroup",
   props: { class: String },
   setup(t) {
@@ -1105,7 +1105,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
 }), Xs = {
   "data-slot": "input-otp-separator",
   role: "separator"
-}, jd = /* @__PURE__ */ p({
+}, jd = /* @__PURE__ */ f({
   __name: "InputOTPSeparator",
   setup(t) {
     return (e, a) => (r(), l("div", Xs, [
@@ -1135,7 +1135,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
     }, n = (i) => {
       i.target.value;
     };
-    return (i, f) => (r(), l("div", {
+    return (i, p) => (r(), l("div", {
       "data-slot": "input-otp-slot",
       "data-index": e.index,
       "data-active": a.value,
@@ -1150,21 +1150,21 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
         maxlength: "1",
         value: t.char,
         onInput: n,
-        onKeydown: f[0] || (f[0] = (...m) => i.handleKeydown && i.handleKeydown(...m)),
-        onFocus: f[1] || (f[1] = (m) => i.isFocused = !0),
-        onBlur: f[2] || (f[2] = (m) => i.isFocused = !1),
+        onKeydown: p[0] || (p[0] = (...m) => i.handleKeydown && i.handleKeydown(...m)),
+        onFocus: p[1] || (p[1] = (m) => i.isFocused = !0),
+        onBlur: p[2] || (p[2] = (m) => i.isFocused = !1),
         class: "absolute inset-0 w-full h-full bg-transparent border-0 outline-none text-center opacity-0 caret-transparent",
         style: { "caret-color": "transparent" }
       }, null, 40, Zs),
       c("div", Ys, [
         t.char ? (r(), l("span", Qs, I(i.displayChar), 1)) : z("", !0)
       ]),
-      a.value && !t.char ? (r(), l("div", eo, [...f[3] || (f[3] = [
+      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)
       ])])) : z("", !0)
     ], 10, Js));
   }
-}, to = /* @__PURE__ */ p({
+}, to = /* @__PURE__ */ f({
   __name: "PopoverContent",
   props: {
     class: String,
@@ -1180,7 +1180,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
           align: e.align,
           "side-offset": e.sideOffset,
           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 w-72 origin-(--reka-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+            "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
           )
         }, a.$attrs), {
@@ -1193,7 +1193,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       _: 3
     }));
   }
-}), ao = /* @__PURE__ */ p({
+}), ao = /* @__PURE__ */ f({
   __name: "Popover",
   props: {
     defaultOpen: { type: Boolean },
@@ -1203,14 +1203,14 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
   emits: ["update:open"],
   setup(t, { emit: e }) {
     const n = N(t, e);
-    return (i, f) => (r(), g(s(Ia), b({ "data-slot": "popover" }, s(n)), {
+    return (i, p) => (r(), g(s(Ia), b({ "data-slot": "popover" }, s(n)), {
       default: u(() => [
         d(i.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), so = /* @__PURE__ */ p({
+}), so = /* @__PURE__ */ f({
   __name: "PopoverTrigger",
   props: {
     asChild: { type: Boolean },
@@ -1225,7 +1225,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       _: 3
     }, 16));
   }
-}), oo = /* @__PURE__ */ p({
+}), oo = /* @__PURE__ */ f({
   __name: "PopoverTrigger",
   setup(t) {
     return (e, a) => (r(), g(s(so), b({ "data-slot": "popover-trigger" }, e.$attrs), {
@@ -1235,7 +1235,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       _: 3
     }, 16));
   }
-}), ro = /* @__PURE__ */ p({
+}), ro = /* @__PURE__ */ f({
   __name: "Select",
   props: {
     open: { type: Boolean },
@@ -1253,14 +1253,14 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
   emits: ["update:modelValue", "update:open"],
   setup(t, { emit: e }) {
     const n = N(t, e);
-    return (i, f) => (r(), g(s(Ta), b({ "data-slot": "select" }, s(n)), {
+    return (i, p) => (r(), g(s(Ta), b({ "data-slot": "select" }, s(n)), {
       default: u(() => [
         d(i.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), lt = /* @__PURE__ */ p({
+}), lt = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "SelectContent",
   props: {
@@ -1291,11 +1291,11 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
   emits: ["closeAutoFocus", "escapeKeyDown", "pointerDownOutside"],
   setup(t, { emit: e }) {
     const a = t, o = e, n = D(a, "class"), i = N(n, o);
-    return (f, m) => (r(), g(s(Da), null, {
+    return (p, m) => (r(), g(s(Da), null, {
       default: u(() => [
-        y(s(Va), b({ "data-slot": "select-content" }, { ...s(i), ...f.$attrs }, {
+        y(s(Va), b({ "data-slot": "select-content" }, { ...s(i), ...p.$attrs }, {
           class: s(S)(
-            "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 relative z-50 max-h-(--reka-select-content-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+            "!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",
             a.class
           )
@@ -1306,7 +1306,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
               class: w(s(S)("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(f.$slots, "default")
+                d(p.$slots, "default")
               ]),
               _: 3
             }, 8, ["class"]),
@@ -1318,7 +1318,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       _: 3
     }));
   }
-}), no = { class: "absolute right-2 flex size-3.5 items-center justify-center" }, it = /* @__PURE__ */ p({
+}), no = { class: "absolute right-2 flex size-3.5 items-center justify-center" }, it = /* @__PURE__ */ f({
   __name: "SelectItem",
   props: {
     value: {},
@@ -1332,7 +1332,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
     const e = t, a = D(e, "class"), o = q(a);
     return (n, i) => (r(), g(s(Aa), b({ "data-slot": "select-item" }, s(o), {
       class: s(S)(
-        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 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",
+        "!text-white hover:!bg-neutral-700 focus:!bg-neutral-700 data-[state=checked]:!bg-neutral-700 aria-selected:!bg-neutral-700 [&_svg:not([class*='text-'])]:!text-white 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
       )
     }), {
@@ -1355,7 +1355,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       _: 3
     }, 16, ["class"]));
   }
-}), lo = /* @__PURE__ */ p({
+}), lo = /* @__PURE__ */ f({
   __name: "SelectScrollDownButton",
   props: {
     asChild: { type: Boolean },
@@ -1375,7 +1375,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       _: 3
     }, 16, ["class"]));
   }
-}), io = /* @__PURE__ */ p({
+}), io = /* @__PURE__ */ f({
   __name: "SelectScrollUpButton",
   props: {
     asChild: { type: Boolean },
@@ -1395,7 +1395,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       _: 3
     }, 16, ["class"]));
   }
-}), dt = /* @__PURE__ */ p({
+}), dt = /* @__PURE__ */ f({
   __name: "SelectTrigger",
   props: {
     disabled: { type: Boolean },
@@ -1412,7 +1412,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       "data-size": t.size
     }, s(o), {
       class: s(S)(
-        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "!border-neutral-600 data-[placeholder]:!text-gray-400 [&_svg:not([class*='text-'])]:!text-gray-400 focus-visible:!border-blue-500 focus-visible:!ring-blue-500/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:!bg-neutral-600 flex w-full items-center justify-between gap-2 rounded-lg !border !bg-neutral-700 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]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         e.class
       )
     }), {
@@ -1428,7 +1428,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       _: 3
     }, 16, ["data-size", "class"]));
   }
-}), ct = /* @__PURE__ */ p({
+}), ct = /* @__PURE__ */ f({
   __name: "SelectValue",
   props: {
     placeholder: {},
@@ -1444,7 +1444,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       _: 3
     }, 16));
   }
-}), Rd = /* @__PURE__ */ p({
+}), Rd = /* @__PURE__ */ f({
   __name: "SelectContent",
   props: {
     class: String,
@@ -1455,7 +1455,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
     return (a, o) => (r(), g(s(lt), b({
       "data-slot": "select-content",
       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 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-md border shadow-md",
+        "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
       ),
@@ -1479,7 +1479,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       class: s(M)("bg-border pointer-events-none -mx-1 my-1 h-px", e.class)
     }, a.$attrs), null, 16, ["class"]));
   }
-}, Ed = /* @__PURE__ */ p({
+}, Ed = /* @__PURE__ */ f({
   __name: "SelectTrigger",
   props: {
     class: String,
@@ -1490,7 +1490,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       "data-slot": "select-trigger",
       "data-size": t.size,
       class: s(M)(
-        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-select-hover flex w-full items-center justify-between gap-2 rounded-md border bg-input-background px-3 py-2 text-sm 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",
+        "border-gray-700 data-[placeholder]:text-gray-400 [&_svg:not([class*='text-'])]:text-gray-400 focus-visible:border-blue-500 focus-visible:ring-blue-500/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-gray-750 flex w-full items-center justify-between gap-2 rounded-lg border bg-gray-800 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
       )
     }, e.$attrs), {
@@ -1500,7 +1500,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       _: 3
     }, 16, ["data-size", "class"]));
   }
-}), Nd = /* @__PURE__ */ p({
+}), Nd = /* @__PURE__ */ f({
   __name: "SelectValue",
   setup(t) {
     return (e, a) => (r(), g(s(ct), b({ "data-slot": "select-value" }, e.$attrs), {
@@ -1510,7 +1510,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       _: 3
     }, 16));
   }
-}), Ud = /* @__PURE__ */ p({
+}), Ud = /* @__PURE__ */ f({
   __name: "SelectItem",
   props: {
     value: {
@@ -1525,7 +1525,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       value: e.value,
       "data-slot": "select-item",
       class: s(M)(
-        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 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",
+        "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
       )
     }, a.$attrs), {
@@ -1535,7 +1535,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       _: 3
     }, 16, ["value", "class"]));
   }
-}), co = /* @__PURE__ */ p({
+}), co = /* @__PURE__ */ f({
   __name: "SheetContent",
   props: {
     side: { type: String, default: "right" },
@@ -1578,7 +1578,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       ])])
     ], 2));
   }
-}), uo = /* @__PURE__ */ p({
+}), uo = /* @__PURE__ */ f({
   __name: "SheetDescription",
   props: {
     class: String
@@ -1592,7 +1592,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       d(a.$slots, "default")
     ], 2));
   }
-}), po = /* @__PURE__ */ p({
+}), po = /* @__PURE__ */ f({
   __name: "SheetHeader",
   props: {
     class: String
@@ -1606,7 +1606,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       d(a.$slots, "default")
     ], 2));
   }
-}), fo = /* @__PURE__ */ p({
+}), fo = /* @__PURE__ */ f({
   __name: "SheetTitle",
   props: {
     class: String
@@ -1620,7 +1620,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       d(a.$slots, "default")
     ], 2));
   }
-}), Hd = /* @__PURE__ */ p({
+}), Hd = /* @__PURE__ */ f({
   __name: "accordion-content",
   setup(t) {
     const e = U();
@@ -1635,7 +1635,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       _: 3
     }, 16));
   }
-}), Gd = /* @__PURE__ */ p({
+}), Gd = /* @__PURE__ */ f({
   __name: "accordion-item",
   props: {
     class: { type: [String, Array, Object], default: "" }
@@ -1666,7 +1666,7 @@ const Wd = {
       _: 3
     }, 16, ["class"]));
   }
-}, qd = /* @__PURE__ */ p({
+}, qd = /* @__PURE__ */ f({
   __name: "accordion",
   setup(t) {
     return (e, a) => (r(), g(s(hs), b({ "data-slot": "accordion" }, e.$attrs), {
@@ -1740,7 +1740,7 @@ const Wd = {
     }, n = x(
       () => "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, f) => t.visible ? (r(), l("div", {
+    return (i, p) => t.visible ? (r(), l("div", {
       key: 0,
       "data-slot": "alert",
       role: "alert",
@@ -1752,14 +1752,14 @@ const Wd = {
         "data-slot": "alert-close",
         type: "button",
         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: f[0] || (f[0] = (m) => i.$emit("dismiss"))
+        onClick: p[0] || (p[0] = (m) => i.$emit("dismiss"))
       }, [
         y(s(he), { class: "size-4" }),
-        f[1] || (f[1] = c("span", { class: "sr-only" }, "Close alert", -1))
+        p[1] || (p[1] = c("span", { class: "sr-only" }, "Close alert", -1))
       ])) : z("", !0)
     ], 2)) : z("", !0);
   }
-}, mo = /* @__PURE__ */ p({
+}, mo = /* @__PURE__ */ f({
   __name: "Avatar",
   props: {
     class: {}
@@ -1776,7 +1776,7 @@ const Wd = {
       _: 3
     }, 8, ["class"]));
   }
-}), go = /* @__PURE__ */ p({
+}), go = /* @__PURE__ */ f({
   __name: "AvatarFallback",
   props: {
     delayMs: {},
@@ -1795,7 +1795,7 @@ const Wd = {
       _: 3
     }, 16, ["class"]));
   }
-}), bo = /* @__PURE__ */ p({
+}), bo = /* @__PURE__ */ f({
   __name: "AvatarImage",
   props: {
     src: {},
@@ -1813,7 +1813,7 @@ const Wd = {
       _: 3
     }, 16));
   }
-}), Yd = /* @__PURE__ */ p({
+}), Yd = /* @__PURE__ */ f({
   __name: "avatar-fallback",
   props: {
     class: {
@@ -1862,7 +1862,7 @@ const Wd = {
       _: 3
     }, 16, ["class"]));
   }
-}), Qd = /* @__PURE__ */ p({
+}), Qd = /* @__PURE__ */ f({
   __name: "avatar-group",
   props: {
     spacing: {
@@ -1889,7 +1889,7 @@ const Wd = {
       d(o.$slots, "default")
     ], 16));
   }
-}), ec = /* @__PURE__ */ p({
+}), ec = /* @__PURE__ */ f({
   __name: "avatar-image",
   props: {
     src: String,
@@ -1934,7 +1934,7 @@ const Wd = {
       _: 3
     }, 16, ["class"]));
   }
-}, oe = /* @__PURE__ */ p({
+}, oe = /* @__PURE__ */ f({
   __name: "badge",
   props: {
     variant: {
@@ -1972,7 +1972,7 @@ const Wd = {
       default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/90",
       secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/90",
       destructive: "border-transparent bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-      outline: "text-foreground hover:bg-accent hover:text-accent-foreground",
+      outline: "border-border bg-background text-foreground hover:bg-accent hover:text-accent-foreground",
       "soft-primary": "border-blue-200 bg-blue-50 text-blue-700 hover:bg-blue-100 dark:border-blue-800 dark:bg-blue-950 dark:text-blue-300 dark:hover:bg-blue-900",
       "soft-secondary": "border-gray-200 bg-gray-50 text-gray-700 hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 dark:hover:bg-gray-800",
       "soft-success": "border-green-200 bg-green-50 text-green-700 hover:bg-green-100 dark:border-green-800 dark:bg-green-950 dark:text-green-300 dark:hover:bg-green-900",
@@ -2000,7 +2000,7 @@ const Wd = {
           return { iconClass: "h-3.5 w-3.5", buttonClass: "p-0.5" };
       }
     }
-    const { iconClass: f, buttonClass: m } = i(e.size);
+    const { iconClass: p, buttonClass: m } = i(e.size);
     return (k, v) => (r(), l("span", b({
       "data-slot": "badge",
       class: s(M)(
@@ -2020,7 +2020,7 @@ const Wd = {
         "aria-label": "Remove"
       }, [
         y(s(he), {
-          class: w(s(f))
+          class: w(s(p))
         }, null, 8, ["class"])
       ], 2)) : z("", !0)
     ], 16));
@@ -2090,7 +2090,7 @@ const Wd = {
         case "secondary":
           return "bg-secondary text-secondary-foreground hover:bg-secondary/80";
         case "ghost":
-          return "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50";
+          return "hover:bg-accent hover:text-accent-foreground";
         case "link":
           return "text-primary underline-offset-4 hover:underline";
         default:
@@ -2108,21 +2108,21 @@ const Wd = {
           return "h-9 px-4 py-2 has-[>svg]:px-3";
       }
     });
-    return (f, m) => (r(), g(Y(t.asChild ? "span" : "button"), b({
+    return (p, m) => (r(), g(Y(t.asChild ? "span" : "button"), b({
       "data-slot": "button",
       class: s(S)(xo, n.value, i.value, s(o).class)
     }, s(o), {
       type: t.asChild ? void 0 : t.type,
       disabled: t.disabled,
-      onClick: m[0] || (m[0] = (k) => f.$emit("click", k))
+      onClick: m[0] || (m[0] = (k) => p.$emit("click", k))
     }), {
       default: u(() => [
-        d(f.$slots, "default")
+        d(p.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "type", "disabled"]));
   }
-}, oc = /* @__PURE__ */ p({
+}, oc = /* @__PURE__ */ f({
   __name: "card-content",
   props: {},
   setup(t) {
@@ -2133,7 +2133,7 @@ const Wd = {
       d(e.$slots, "default")
     ], 16));
   }
-}), rc = /* @__PURE__ */ p({
+}), rc = /* @__PURE__ */ f({
   __name: "card-description",
   props: {},
   setup(t) {
@@ -2144,7 +2144,7 @@ const Wd = {
       d(e.$slots, "default")
     ], 16));
   }
-}), nc = /* @__PURE__ */ p({
+}), nc = /* @__PURE__ */ f({
   __name: "card-footer",
   setup(t) {
     return (e, a) => (r(), l("div", b({
@@ -2154,7 +2154,7 @@ const Wd = {
       d(e.$slots, "default")
     ], 16));
   }
-}), lc = /* @__PURE__ */ p({
+}), lc = /* @__PURE__ */ f({
   __name: "card-header",
   props: {},
   setup(t) {
@@ -2168,7 +2168,7 @@ const Wd = {
       d(e.$slots, "default")
     ], 16));
   }
-}), ic = /* @__PURE__ */ p({
+}), ic = /* @__PURE__ */ f({
   __name: "card-title",
   props: {},
   setup(t) {
@@ -2182,7 +2182,7 @@ const Wd = {
 }), wo = {
   key: 0,
   class: "relative"
-}, dc = /* @__PURE__ */ p({
+}, dc = /* @__PURE__ */ f({
   __name: "card",
   props: {
     variant: {
@@ -2224,12 +2224,12 @@ const Wd = {
     });
     return (n, i) => e.variant === "corner-cut" ? (r(), l("div", wo, [
       c("div", {
-        class: w(s(M)("absolute inset-0 bg-border rounded")),
+        class: w(s(M)("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", o.value, n.$attrs.class),
+        class: s(M)("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,12 +2237,12 @@ const Wd = {
     ])) : (r(), l("div", b({
       key: 1,
       "data-slot": "card",
-      class: s(M)("bg-card text-card-foreground flex flex-col gap-3 rounded-md border", n.$attrs.class)
+      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)
     }, n.$attrs), [
       d(n.$slots, "default")
     ], 16));
   }
-}), pt = /* @__PURE__ */ p({
+}), pt = /* @__PURE__ */ f({
   __name: "tooltip-provider",
   props: {
     delayDuration: { type: Number, default: 0 }
@@ -2258,7 +2258,7 @@ const Wd = {
       _: 3
     }, 16, ["delay-duration"]));
   }
-}), ft = /* @__PURE__ */ p({
+}), ft = /* @__PURE__ */ f({
   __name: "tooltip",
   props: {
     sideOffset: { type: Number, default: 0 },
@@ -2282,7 +2282,7 @@ const Wd = {
       _: 3
     }, 8, ["delay-duration"]));
   }
-}), mt = /* @__PURE__ */ p({
+}), mt = /* @__PURE__ */ f({
   __name: "tooltip-content",
   props: {
     sideOffset: { type: Number, default: 0 },
@@ -2319,7 +2319,7 @@ const Wd = {
       _: 3
     }, 16, ["side-offset", "class"]));
   }
-}), gt = /* @__PURE__ */ p({
+}), gt = /* @__PURE__ */ f({
   __name: "tooltip-trigger",
   props: {
     asChild: { type: Boolean }
@@ -2355,7 +2355,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__ */ p({
+}, 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({
   __name: "category-breakdown-metric",
   props: {
     title: String,
@@ -2390,7 +2390,7 @@ const Wd = {
         n.value[_ + 1].boundaryPosition - h.boundaryPosition < Le && (v[_] = !1);
       }
       return n.value?.length > 0 && 100 - n.value[n.value?.length - 1].boundaryPosition < Le && (v[n.value?.length - 1] = !1), v;
-    }), f = x(() => n.value?.map((v, _) => {
+    }), p = x(() => n.value?.map((v, _) => {
       if (_ === n.value?.length - 1)
         return { ...v, isVisible: !0 };
       const B = n.value[_ + 1].boundaryPosition - v.boundaryPosition >= 15;
@@ -2481,7 +2481,7 @@ const Wd = {
                         c("div", Oo, [
                           (r(), l("svg", jo, [
                             c("line", {
-                              stroke: f.value && f.value[0]?.color || a.value && a.value[0]?.color || "#9ca3af",
+                              stroke: p.value && p.value[0]?.color || a.value && a.value[0]?.color || "#9ca3af",
                               x2: "75",
                               y1: "0.5",
                               y2: "0.5"
@@ -2585,7 +2585,7 @@ function Jo(t, e) {
 const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
   key: 0,
   class: "space-y-2"
-}, Yo = { class: "flex items-center space-x-2" }, Qo = { class: "relative flex items-center" }, er = ["checked", "disabled", "aria-invalid"], tr = {
+}, Yo = { class: "flex items-center space-x-2" }, Qo = { class: "relative flex items-center" }, er = ["id", "checked", "disabled", "aria-invalid"], tr = {
   key: 0,
   "data-slot": "checkbox-indicator",
   class: "absolute left-0 top-0 flex h-full w-full items-center justify-center text-current transition-none pointer-events-none"
@@ -2621,45 +2621,43 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
     class: { type: String, default: "" }
   },
   setup(t) {
-    const e = t;
-    x(() => e.id || `checkbox-${Math.random().toString(36).substr(2, 9)}`);
-    const a = x(() => [
-      "peer border bg-input-background dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=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 data-[state=checked]:bg-red-500" : "",
-      e.validationState === "success" ? "border-green-500 data-[state=checked]:bg-green-500" : "",
+    const e = t, a = x(() => e.id || `checkbox-${Math.random().toString(36).substr(2, 9)}`), o = x(() => [
+      "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" : "",
       e.class
     ]);
-    return (o, n) => t.label ? (r(), l("div", Zo, [
+    return (n, i) => t.label ? (r(), l("div", Zo, [
       c("div", Yo, [
         c("span", Qo, [
           c("input", b({
-            id: "with-label",
+            id: a.value,
             "data-slot": "checkbox",
             type: "checkbox",
             checked: t.modelValue,
             disabled: t.disabled,
             "aria-invalid": t.validationState === "error" ? "true" : void 0,
-            class: a.value
-          }, o.$attrs, {
-            onChange: n[0] || (n[0] = (i) => o.$emit("update:modelValue", i.target.checked))
+            class: o.value
+          }, n.$attrs, {
+            onChange: i[0] || (i[0] = (p) => n.$emit("update:modelValue", p.target.checked))
           }), null, 16, er),
           t.modelValue ? (r(), l("span", tr, [
             y(pe, { class: "h-3.5 w-3.5" })
           ])) : z("", !0)
         ]),
-        y(xe, { htmlFor: "with-label" }, {
+        y(xe, { for: a.value }, {
           default: u(() => [
             O(I(t.label), 1)
           ]),
           _: 1
-        })
+        }, 8, ["for"])
       ]),
       t.validationState === "success" && t.validationText ? (r(), l("p", ar, [
         y(pe, { class: "h-4 w-4" }),
         O(" " + I(t.validationText), 1)
       ])) : z("", !0),
       t.validationState === "error" && t.validationText ? (r(), l("p", sr, [
-        n[2] || (n[2] = c("svg", {
+        i[2] || (i[2] = c("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           class: "h-4 w-4",
           fill: "none",
@@ -2691,21 +2689,21 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
           checked: t.modelValue,
           disabled: t.disabled,
           "aria-invalid": t.validationState === "error" ? "true" : void 0,
-          class: a.value
-        }, o.$attrs, {
-          onChange: n[1] || (n[1] = (i) => o.$emit("update:modelValue", i.target.checked))
+          class: o.value
+        }, n.$attrs, {
+          onChange: i[1] || (i[1] = (p) => n.$emit("update:modelValue", p.target.checked))
         }), null, 16, nr),
         t.modelValue ? (r(), l("span", lr, [
           y(pe, { class: "h-3.5 w-3.5" })
         ])) : z("", !0)
       ]),
-      d(o.$slots, "label"),
+      d(n.$slots, "label"),
       t.validationState === "success" && t.validationText ? (r(), l("p", ir, [
         y(pe, { class: "h-4 w-4" }),
         O(" " + I(t.validationText), 1)
       ])) : z("", !0),
       t.validationState === "error" && t.validationText ? (r(), l("p", dr, [
-        n[3] || (n[3] = c("svg", {
+        i[3] || (i[3] = c("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           class: "h-4 w-4",
           fill: "none",
@@ -2736,7 +2734,7 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
   setup(t) {
     return (e, a) => (r(), l("div", b({
       "data-slot": "dialog-body",
-      class: ["p-4 space-y-4", e.$attrs.class]
+      class: ["px-6 py-5 space-y-6 [&>*+*]:border-t [&>*+*]:border-border [&>*+*]:pt-5", e.$attrs.class]
     }, e.$attrs), [
       d(e.$slots, "default")
     ], 16));
@@ -2772,7 +2770,7 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
     return (a, o) => (r(), g(s(ot), b({
       "data-slot": "dialog-content",
       class: [
-        "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",
+        "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-100 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-lg border border-border shadow-lg duration-200 sm:max-w-lg",
         e[t.size],
         a.$attrs.class
       ]
@@ -2808,7 +2806,7 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
   setup(t) {
     return (e, a) => (r(), l("div", b({
       "data-slot": "dialog-footer",
-      class: ["flex flex-col-reverse gap-2 sm:flex-row sm:justify-end border-t p-2", e.$attrs.class]
+      class: ["flex flex-col-reverse gap-2 sm:flex-row sm:justify-end border-t border-border px-6 py-4", e.$attrs.class]
     }, e.$attrs), [
       d(e.$slots, "default")
     ], 16));
@@ -2818,7 +2816,7 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
   setup(t) {
     return (e, a) => (r(), l("div", b({
       "data-slot": "dialog-header",
-      class: ["flex flex-col gap-2 text-center pl-4 py-4 pr-5 sm:text-left border-b", e.$attrs.class]
+      class: ["flex flex-col gap-2 text-center px-6 py-5 sm:text-left border-b border-border", e.$attrs.class]
     }, e.$attrs), [
       d(e.$slots, "default")
     ], 16));
@@ -2901,7 +2899,7 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
     function i(v) {
       o.value = o.value.filter((_) => _.id !== v);
     }
-    function f(v) {
+    function p(v) {
       n.value = n.value.filter((_) => _.id !== v);
     }
     function m() {
@@ -2962,7 +2960,7 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
             variant: h.variant,
             size: h.size,
             dismissible: "",
-            onDismiss: ($) => f(h.id)
+            onDismiss: ($) => p(h.id)
           }, {
             default: u(() => [
               y(s(_e)),
@@ -3134,7 +3132,7 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
 }, 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 = {
   key: 0,
   class: "block w-3 h-3 bg-primary rounded"
-}, Mc = /* @__PURE__ */ p({
+}, Mc = /* @__PURE__ */ f({
   __name: "dropdown-menu-checkbox-item",
   props: {
     checked: Boolean,
@@ -3147,7 +3145,7 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
     function n() {
       a.disabled || o("update:checked", !a.checked);
     }
-    return (i, f) => (r(), l("div", {
+    return (i, p) => (r(), l("div", {
       class: w(["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",
@@ -3160,7 +3158,7 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
       d(i.$slots, "default")
     ], 10, Sr));
   }
-}), zr = /* @__PURE__ */ p({
+}), zr = /* @__PURE__ */ f({
   __name: "DropdownMenu",
   props: {
     defaultOpen: { type: Boolean },
@@ -3171,14 +3169,14 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
   emits: ["update:open"],
   setup(t, { emit: e }) {
     const n = N(t, e);
-    return (i, f) => (r(), g(s(qa), b({ "data-slot": "dropdown-menu" }, s(n)), {
+    return (i, p) => (r(), g(s(qa), b({ "data-slot": "dropdown-menu" }, s(n)), {
       default: u(() => [
         d(i.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Ir = /* @__PURE__ */ p({
+}), Ir = /* @__PURE__ */ f({
   __name: "DropdownMenuContent",
   props: {
     forceMount: { type: Boolean },
@@ -3207,13 +3205,13 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "closeAutoFocus"],
   setup(t, { emit: e }) {
     const a = t, o = e, n = D(a, "class"), i = N(n, o);
-    return (f, m) => (r(), g(s(tt), null, {
+    return (p, m) => (r(), g(s(tt), null, {
       default: u(() => [
         y(s(Ka), b({ "data-slot": "dropdown-menu-content" }, s(i), {
           class: s(S)("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(() => [
-            d(f.$slots, "default")
+            d(p.$slots, "default")
           ]),
           _: 3
         }, 16, ["class"])
@@ -3221,7 +3219,7 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
       _: 3
     }));
   }
-}), Mr = /* @__PURE__ */ p({
+}), Mr = /* @__PURE__ */ f({
   __name: "DropdownMenuTrigger",
   props: {
     disabled: { type: Boolean },
@@ -3237,7 +3235,7 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
       _: 3
     }, 16));
   }
-}), Tc = /* @__PURE__ */ p({
+}), Tc = /* @__PURE__ */ f({
   __name: "dropdown-menu-content",
   props: {
     class: { type: String, default: "" },
@@ -3251,7 +3249,7 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
           "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 p-1 shadow-md", e.class)
+          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)
         }), {
           default: u(() => [
             d(a.$slots, "default")
@@ -3268,7 +3266,7 @@ function Vr(t, e) {
     d(t.$slots, "default")
   ]);
 }
-const Dc = /* @__PURE__ */ T(Tr, [["render", Vr]]), Pr = ["data-inset", "data-variant"], Vc = /* @__PURE__ */ p({
+const Dc = /* @__PURE__ */ T(Tr, [["render", Vr]]), Pr = ["data-inset", "data-variant"], Vc = /* @__PURE__ */ f({
   __name: "dropdown-menu-item",
   props: {
     class: { type: String, default: "" },
@@ -3285,7 +3283,7 @@ const Dc = /* @__PURE__ */ T(Tr, [["render", Vr]]), Pr = ["data-inset", "data-va
       d(e.$slots, "default")
     ], 16, Pr));
   }
-}), Ar = ["data-inset"], Pc = /* @__PURE__ */ p({
+}), Ar = ["data-inset"], Pc = /* @__PURE__ */ f({
   __name: "dropdown-menu-label",
   props: {
     class: { type: String, default: "" },
@@ -3300,14 +3298,14 @@ const Dc = /* @__PURE__ */ T(Tr, [["render", Vr]]), Pr = ["data-inset", "data-va
       d(e.$slots, "default")
     ], 16, Ar));
   }
-}), Or = { "data-slot": "dropdown-menu-portal" }, Ac = /* @__PURE__ */ p({
+}), Or = { "data-slot": "dropdown-menu-portal" }, Ac = /* @__PURE__ */ f({
   __name: "dropdown-menu-portal",
   setup(t) {
     return (e, a) => (r(), l("div", Or, [
       d(e.$slots, "default")
     ]));
   }
-}), jr = { role: "radiogroup" }, Oc = /* @__PURE__ */ p({
+}), jr = { role: "radiogroup" }, Oc = /* @__PURE__ */ f({
   __name: "dropdown-menu-radio-group",
   props: {
     modelValue: String
@@ -3321,7 +3319,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__ */ p({
+}, jc = /* @__PURE__ */ f({
   __name: "dropdown-menu-radio-item",
   props: {
     value: String,
@@ -3334,7 +3332,7 @@ const Dc = /* @__PURE__ */ T(Tr, [["render", Vr]]), Pr = ["data-inset", "data-va
     function i() {
       !a.disabled && n && (n.value = a.value, o("update:modelValue", a.value));
     }
-    return (f, m) => (r(), l("div", {
+    return (p, m) => (r(), l("div", {
       class: w(["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",
@@ -3344,10 +3342,10 @@ const Dc = /* @__PURE__ */ T(Tr, [["render", Vr]]), Pr = ["data-inset", "data-va
       c("span", Rr, [
         s(n) && s(n).value === a.value ? (r(), l("span", Fr)) : z("", !0)
       ]),
-      d(f.$slots, "default")
+      d(p.$slots, "default")
     ], 10, Lr));
   }
-}), Lc = /* @__PURE__ */ p({
+}), Lc = /* @__PURE__ */ f({
   __name: "dropdown-menu-separator",
   props: {
     class: { type: String, default: "" }
@@ -3358,7 +3356,7 @@ const Dc = /* @__PURE__ */ T(Tr, [["render", Vr]]), Pr = ["data-inset", "data-va
       class: s(M)("bg-border -mx-1 my-1 h-px", e.$attrs.class)
     }, e.$attrs), null, 16));
   }
-}), Rc = /* @__PURE__ */ p({
+}), Rc = /* @__PURE__ */ f({
   __name: "dropdown-menu-shortcut",
   props: {
     class: { type: String, default: "" }
@@ -3372,9 +3370,9 @@ const Dc = /* @__PURE__ */ T(Tr, [["render", Vr]]), Pr = ["data-inset", "data-va
     ], 16));
   }
 }), Er = {
-  class: "absolute left-full top-0 mt-0 ml-2 min-w-[8rem] bg-popover border rounded-md shadow-md z-50",
+  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__ */ p({
+}, Fc = /* @__PURE__ */ f({
   __name: "dropdown-menu-sub-content",
   setup(t) {
     return (e, a) => (r(), l("div", Er, [
@@ -3384,7 +3382,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__ */ p({
+}, Ec = /* @__PURE__ */ f({
   __name: "dropdown-menu-sub-trigger",
   setup(t) {
     return (e, a) => (r(), l("div", Nr, [
@@ -3394,14 +3392,14 @@ const Dc = /* @__PURE__ */ T(Tr, [["render", Vr]]), Pr = ["data-inset", "data-va
 }), Ur = {
   class: "relative",
   "data-slot": "dropdown-menu-sub"
-}, Nc = /* @__PURE__ */ p({
+}, Nc = /* @__PURE__ */ f({
   __name: "dropdown-menu-sub",
   setup(t) {
     return (e, a) => (r(), l("div", Ur, [
       d(e.$slots, "default")
     ]));
   }
-}), Uc = /* @__PURE__ */ p({
+}), Uc = /* @__PURE__ */ f({
   __name: "dropdown-menu-trigger",
   setup(t) {
     return (e, a) => (r(), g(s(Mr), b({ "data-slot": "dropdown-menu-trigger" }, e.$attrs), {
@@ -3411,7 +3409,7 @@ const Dc = /* @__PURE__ */ T(Tr, [["render", Vr]]), Pr = ["data-inset", "data-va
       _: 3
     }, 16));
   }
-}), Hc = /* @__PURE__ */ p({
+}), Hc = /* @__PURE__ */ f({
   __name: "dropdown-menu",
   setup(t) {
     return (e, a) => (r(), g(s(zr), { "data-slot": "dropdown-menu" }, {
@@ -3421,7 +3419,7 @@ const Dc = /* @__PURE__ */ T(Tr, [["render", Vr]]), Pr = ["data-inset", "data-va
       _: 3
     }));
   }
-}), Gc = /* @__PURE__ */ p({
+}), Gc = /* @__PURE__ */ f({
   __name: "grouped-avatar",
   props: {
     class: {
@@ -3937,7 +3935,7 @@ function il(t, e) {
     }, null, -1)
   ])]);
 }
-const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-center gap-2" }, bu = /* @__PURE__ */ p({
+const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-center gap-2" }, bu = /* @__PURE__ */ f({
   __name: "input-otp",
   props: {
     class: String,
@@ -3960,7 +3958,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
       maxLength: a.maxLength,
       disabled: a.disabled,
       masked: a.masked
-    })), (i, f) => (r(), g(s(fs), b({
+    })), (i, p) => (r(), g(s(fs), b({
       "data-slot": "input-otp",
       "container-class": s(S)("flex items-center gap-2 has-disabled:opacity-50", a.containerClass),
       "class-name": s(S)("disabled:cursor-not-allowed", a.class),
@@ -4102,19 +4100,19 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
       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 <= 1,
-        onClick: i[0] || (i[0] = (f) => n.$emit("update:page", t.page - 1)),
+        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("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,
-        onClick: i[1] || (i[1] = (f) => n.$emit("update:page", t.page + 1)),
+        onClick: i[1] || (i[1] = (p) => n.$emit("update:page", t.page + 1)),
         "aria-label": "Next page"
       }, " > ", 8, vl)
     ]));
   }
-}, hl = /* @__PURE__ */ p({
+}, hl = /* @__PURE__ */ f({
   __name: "popover",
   setup(t) {
     return (e, a) => (r(), g(s(ao), b({ "data-slot": "popover" }, e.$attrs), {
@@ -4151,7 +4149,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
     function i(m) {
       return m === "complete" ? "soft-success" : m === "in-progress" ? "soft-primary" : "secondary";
     }
-    function f(m) {
+    function p(m) {
       return m === "complete" ? "Complete" : m === "in-progress" ? "In Progress" : "Pending";
     }
     return (m, k) => (r(), l("div", {
@@ -4184,7 +4182,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
             variant: i(v.status)
           }, {
             default: u(() => [
-              O(I(f(v.status)), 1)
+              O(I(p(v.status)), 1)
             ]),
             _: 2
           }, 1032, ["variant"])
@@ -4205,7 +4203,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
       ], 2))
     ], 2));
   }
-}, $l = /* @__PURE__ */ p({
+}, $l = /* @__PURE__ */ f({
   __name: "RadioGroup",
   props: {
     modelValue: {},
@@ -4223,17 +4221,17 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
     const a = t, o = e, n = D(a, "class"), i = N(n, o);
-    return (f, m) => (r(), g(s(Ja), b({
+    return (p, m) => (r(), g(s(Ja), b({
       "data-slot": "radio-group",
       class: s(S)("grid gap-3", a.class)
     }, s(i)), {
       default: u(() => [
-        d(f.$slots, "default")
+        d(p.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Sl = /* @__PURE__ */ p({
+}), Sl = /* @__PURE__ */ f({
   __name: "RadioGroupItem",
   props: {
     id: {},
@@ -4296,7 +4294,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
       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)
     }, s(a), {
       modelValue: o.value,
-      "onUpdate:modelValue": i[0] || (i[0] = (f) => o.value = f)
+      "onUpdate:modelValue": i[0] || (i[0] = (p) => o.value = p)
     }), {
       indicator: u(() => [...i[1] || (i[1] = [
         c("span", {
@@ -4342,7 +4340,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
       _: 3
     }, 16, ["aria-labelledby", "class"]));
   }
-}, Cl = /* @__PURE__ */ p({
+}, Cl = /* @__PURE__ */ f({
   __name: "Tabs",
   props: {
     defaultValue: {},
@@ -4358,16 +4356,16 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
     const a = t, o = e, n = D(a, "class"), i = N(n, o);
-    return (f, m) => (r(), g(s(Qa), b({ "data-slot": "tabs" }, s(i), {
+    return (p, m) => (r(), g(s(Qa), b({ "data-slot": "tabs" }, s(i), {
       class: s(S)("flex flex-col", a.class)
     }), {
       default: u(() => [
-        d(f.$slots, "default")
+        d(p.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Bl = /* @__PURE__ */ p({
+}), Bl = /* @__PURE__ */ f({
   __name: "TabsContent",
   props: {
     value: {},
@@ -4388,7 +4386,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
       _: 3
     }, 16, ["class"]));
   }
-}), bt = /* @__PURE__ */ p({
+}), bt = /* @__PURE__ */ f({
   __name: "TabsList",
   props: {
     loop: { type: Boolean },
@@ -4410,7 +4408,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
       _: 3
     }, 16, ["class"]));
   }
-}), zl = /* @__PURE__ */ p({
+}), zl = /* @__PURE__ */ f({
   __name: "TabsTrigger",
   props: {
     value: {},
@@ -4443,7 +4441,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
       _: 3
     }, 16, ["class"]));
   }
-}), wu = /* @__PURE__ */ p({
+}), wu = /* @__PURE__ */ f({
   __name: "tab-list",
   props: {
     variant: {
@@ -4471,7 +4469,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
       _: 3
     }, 16, ["class"]));
   }
-}), ku = /* @__PURE__ */ p({
+}), ku = /* @__PURE__ */ f({
   __name: "tab-trigger",
   props: {
     variant: {
@@ -4503,7 +4501,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
       _: 3
     }, 16, ["class"]));
   }
-}), $u = /* @__PURE__ */ p({
+}), $u = /* @__PURE__ */ f({
   __name: "tab-content",
   props: {
     variant: {
@@ -4529,7 +4527,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
       _: 3
     }, 16, ["class"]));
   }
-}), Il = { class: "group relative w-full" }, Ml = /* @__PURE__ */ p({
+}), Il = { class: "group relative w-full" }, Ml = /* @__PURE__ */ f({
   __name: "scrollable-tabs-list",
   props: {
     class: {
@@ -4538,12 +4536,12 @@ 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), f = V(!1);
+    const e = t, a = U(), o = V(null), n = V(!1), i = V(!1), p = V(!1);
     function m() {
       const $ = o.value;
       if (!$) return;
       const { scrollLeft: C, scrollWidth: B, clientWidth: P } = $;
-      n.value = C > 0, i.value = C < B - P - 1, f.value = B > P;
+      n.value = C > 0, i.value = C < B - P - 1, p.value = B > P;
     }
     function k() {
       const $ = o.value;
@@ -4563,7 +4561,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
       const $ = o.value;
       $ && _ && $.removeEventListener("scroll", _), h && window.removeEventListener("resize", h);
     }), ($, C) => (r(), l("div", Il, [
-      f.value && n.value ? (r(), l("button", {
+      p.value && n.value ? (r(), l("button", {
         key: 0,
         onClick: k,
         class: "absolute left-0 top-0 z-10 h-full w-10 flex min-w-0 max-w-48 w-auto shrink-0 items-center justify-center bg-gradient-to-r 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 [&>span]:truncate [&>span]:block",
@@ -4595,8 +4593,8 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
             "[&:has(.corner-cut-trigger)]:border-primary",
             "[&:has(.corner-cut-trigger)]:gap-0",
             "[&:has(.corner-cut-trigger)]:-space-x-[1px]",
-            f.value && n.value ? "pl-3" : "",
-            f.value && i.value ? "pr-3" : "",
+            p.value && n.value ? "pl-3" : "",
+            p.value && i.value ? "pr-3" : "",
             e.class
           ]
         }), {
@@ -4606,7 +4604,7 @@ const gu = /* @__PURE__ */ T(nl, [["render", il]]), dl = { class: "flex items-ce
           _: 3
         }, 16, ["class"])
       ], 512),
-      f.value && i.value ? (r(), l("button", {
+      p.value && i.value ? (r(), l("button", {
         key: 1,
         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",
@@ -4655,7 +4653,7 @@ const Pl = ({
   "absolute-stroke-width": o,
   strokeWidth: n,
   "stroke-width": i,
-  size: f = ce.width,
+  size: p = ce.width,
   color: m = ce.stroke,
   ...k
 }, { slots: v }) => se(
@@ -4663,10 +4661,10 @@ const Pl = ({
   {
     ...ce,
     ...k,
-    width: f,
-    height: f,
+    width: p,
+    height: p,
     stroke: m,
-    "stroke-width": Ee(a) || Ee(o) || a === !0 || o === !0 ? Number(n || i || ce["stroke-width"]) * 24 / Number(f) : n || i || ce["stroke-width"],
+    "stroke-width": Ee(a) || Ee(o) || a === !0 || o === !0 ? Number(n || i || ce["stroke-width"]) * 24 / Number(p) : n || i || ce["stroke-width"],
     class: Vl(
       "lucide",
       k.class,
@@ -4728,7 +4726,7 @@ const Ol = Al("chevron-down", [
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const a = t, o = e, n = U(), i = V(!1), f = x(() => a.class || n.class || "");
+    const a = t, o = e, n = U(), i = V(!1), p = x(() => a.class || n.class || "");
     function m(v) {
       const _ = a.options.find((h) => h.id === v);
       return _ ? _.label : v;
@@ -4751,7 +4749,7 @@ const Ol = Al("chevron-down", [
                 class: w([
                   "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",
-                  f.value
+                  p.value
                 ]),
                 role: "combobox",
                 "aria-expanded": i.value,
@@ -4797,7 +4795,7 @@ const Ol = Al("chevron-down", [
             _: 1
           }),
           y(to, {
-            class: w(["p-0", f.value]),
+            class: w(["p-0", p.value]),
             align: "start"
           }, {
             default: u(() => [
@@ -4831,7 +4829,7 @@ const Ol = Al("chevron-down", [
       }, 8, ["open", "disabled"])
     ]));
   }
-}, Bu = /* @__PURE__ */ p({
+}, Bu = /* @__PURE__ */ f({
   __name: "select",
   props: {
     modelValue: [String, Array],
@@ -4846,7 +4844,7 @@ const Ol = Al("chevron-down", [
     const a = t, o = e, n = x({
       get: () => a.modelValue,
       set: (m) => o("update:modelValue", m)
-    }), i = U(), f = x(() => a.customClass || i.class || "");
+    }), i = U(), p = x(() => a.customClass || i.class || "");
     return (m, k) => {
       const v = be("SelectMultiple");
       return t.multiple ? (r(), g(v, b({ key: 0 }, {
@@ -4857,7 +4855,7 @@ const Ol = Al("chevron-down", [
         maxDisplay: m.maxDisplay,
         disabled: t.disabled,
         size: m.size,
-        customClass: f.value
+        customClass: p.value
       }, {
         "onUpdate:modelValue": k[0] || (k[0] = (_) => m.$emit("update:modelValue", _))
       }), null, 16)) : (r(), g(s(ro), {
@@ -4892,7 +4890,7 @@ const Ol = Al("chevron-down", [
       }, 8, ["modelValue", "disabled"]));
     };
   }
-}), Wl = /* @__PURE__ */ p({
+}), Wl = /* @__PURE__ */ f({
   __name: "Separator",
   props: {
     orientation: { default: "horizontal" },
@@ -4971,7 +4969,7 @@ const Ol = Al("chevron-down", [
   key: 0,
   class: "fixed inset-0 z-50 bg-black/50",
   "data-slot": "sheet-overlay"
-}, Jl = /* @__PURE__ */ p({
+}, Jl = /* @__PURE__ */ f({
   __name: "sheet",
   props: {
     open: Boolean,
@@ -5031,7 +5029,7 @@ const Ol = Al("chevron-down", [
   "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__ */ p({
+}, ti = "260px", ke = /* @__PURE__ */ f({
   __name: "BaseSidebar",
   props: {
     side: { type: String, default: "left" },
@@ -5120,7 +5118,7 @@ const Ol = Al("chevron-down", [
       ], 16)
     ], 8, Ql));
   }
-}), ai = { class: "relative" }, si = ["placeholder", "value"], oi = /* @__PURE__ */ p({
+}), ai = { class: "relative" }, si = ["placeholder", "value"], oi = /* @__PURE__ */ f({
   __name: "BasicSearch",
   props: {
     class: String,
@@ -5152,7 +5150,7 @@ const Ol = Al("chevron-down", [
 }), ri = { class: "h-10 flex items-center opacity-100 visible" }, ni = {
   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__ */ p({
+}, 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({
   __name: "ResponsiveSearch",
   props: {
     isExpanded: Boolean,
@@ -5169,10 +5167,10 @@ const Ol = Al("chevron-down", [
       e.onSearchClick && e.onSearchClick();
     }
     function n(i) {
-      const f = i.target;
-      e.onChange && e.onChange(f.value);
+      const p = i.target;
+      e.onChange && e.onChange(p.value);
     }
-    return (i, f) => (r(), l("div", {
+    return (i, p) => (r(), l("div", {
       class: w(["mb-4 px-1 relative z-10", e.class])
     }, [
       c("div", ri, [
@@ -5200,7 +5198,7 @@ const Ol = Al("chevron-down", [
       ])
     ], 2));
   }
-}), Ue = /* @__PURE__ */ p({
+}), Ue = /* @__PURE__ */ f({
   __name: "Wrapper",
   props: {
     height: { type: String, default: "h-screen" },
@@ -5214,7 +5212,7 @@ const Ol = Al("chevron-down", [
       d(a.$slots, "default")
     ], 2));
   }
-}), ci = "16rem", ui = "3.5rem", pi = "3.5rem", fi = "sidebar-open", mi = 3600 * 24 * 365, gi = "b", He = /* @__PURE__ */ p({
+}), ci = "16rem", ui = "3.5rem", pi = "3.5rem", fi = "sidebar-open", mi = 3600 * 24 * 365, gi = "b", He = /* @__PURE__ */ f({
   __name: "SidebarProvider",
   props: {
     defaultOpen: { type: Boolean, default: !0 },
@@ -5237,9 +5235,9 @@ const Ol = Al("chevron-down", [
     }
     const o = a(), n = V(!1), i = (C) => {
       n.value = C;
-    }, f = V(e.defaultOpen), m = x(() => e.open !== void 0 ? e.open : f.value), k = (C) => {
+    }, p = V(e.defaultOpen), m = x(() => e.open !== void 0 ? e.open : p.value), k = (C) => {
       const B = typeof C == "function" ? C(m.value) : C;
-      e.onOpenChange ? e.onOpenChange(B) : f.value = B, document.cookie = `${fi}=${B}; path=/; max-age=${mi}`;
+      e.onOpenChange ? e.onOpenChange(B) : p.value = B, document.cookie = `${fi}=${B}; path=/; max-age=${mi}`;
     }, v = () => {
       o.value ? i(!n.value) : k((C) => !C);
     };
@@ -5279,7 +5277,7 @@ const Ol = Al("chevron-down", [
 }, vi = {
   key: 0,
   class: "flex-1 text-sm font-medium leading-none truncate"
-}, hi = /* @__PURE__ */ p({
+}, hi = /* @__PURE__ */ f({
   __name: "SidebarMenuItemWithIcon",
   props: {
     icon: [Object, Function],
@@ -5300,7 +5298,7 @@ const Ol = Al("chevron-down", [
       () => S(
         e.isActive ? "bg-primary/10 text-primary" : "text-muted-foreground hover:text-foreground"
       )
-    ), f = x(
+    ), p = x(
       () => S(
         "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"
@@ -5316,7 +5314,7 @@ const Ol = Al("chevron-down", [
               (...v) => e.onClick && e.onClick(...v))
             }, [
               c("div", {
-                class: w(f.value)
+                class: w(p.value)
               }, [
                 e.icon ? (r(), g(Y(e.icon), {
                   key: 0,
@@ -5369,7 +5367,7 @@ const Ol = Al("chevron-down", [
 }), _i = { class: "flex-1 overflow-y-auto" }, yi = {
   key: 0,
   class: "pt-3 border-t border-border px-2 flex justify-center"
-}, $e = /* @__PURE__ */ p({
+}, $e = /* @__PURE__ */ f({
   __name: "SidebarContent",
   props: {
     navigationItems: {},
@@ -5397,7 +5395,7 @@ const Ol = Al("chevron-down", [
       ])) : z("", !0)
     ], 64));
   }
-}), Ge = /* @__PURE__ */ p({
+}), Ge = /* @__PURE__ */ f({
   __name: "SidebarInset",
   props: {
     class: { type: String, default: "" }
@@ -5417,7 +5415,7 @@ const Ol = Al("chevron-down", [
       d(o.$slots, "default")
     ], 2));
   }
-}), Iu = /* @__PURE__ */ p({
+}), Iu = /* @__PURE__ */ f({
   __name: "SidebarTrigger",
   props: {
     class: {}
@@ -5431,8 +5429,8 @@ const Ol = Al("chevron-down", [
       variant: "ghost",
       size: "icon",
       class: w(["size-7", n.$props.class]),
-      onClick: i[0] || (i[0] = (f) => {
-        o("click", f), s(a)?.toggleSidebar();
+      onClick: i[0] || (i[0] = (p) => {
+        o("click", p), s(a)?.toggleSidebar();
       })
     }, {
       default: u(() => [
@@ -5442,7 +5440,7 @@ const Ol = Al("chevron-down", [
       _: 1
     }, 8, ["class"]));
   }
-}), Mu = /* @__PURE__ */ p({
+}), Mu = /* @__PURE__ */ f({
   __name: "SidebarGroup",
   props: {
     class: { type: String, default: "" }
@@ -5461,7 +5459,7 @@ function ki(t, e) {
     d(t.$slots, "default")
   ]);
 }
-const Tu = /* @__PURE__ */ T(xi, [["render", ki]]), Du = /* @__PURE__ */ p({
+const Tu = /* @__PURE__ */ T(xi, [["render", ki]]), Du = /* @__PURE__ */ f({
   __name: "SidebarGroupContent",
   props: {
     class: { type: String, default: "" }
@@ -5480,7 +5478,7 @@ function Ci(t, e) {
     d(t.$slots, "default")
   ]);
 }
-const Vu = /* @__PURE__ */ T($i, [["render", Ci]]), Pu = /* @__PURE__ */ p({
+const Vu = /* @__PURE__ */ T($i, [["render", Ci]]), Pu = /* @__PURE__ */ f({
   __name: "SidebarMenuItem",
   props: {
     class: { type: String, default: "" }
@@ -5493,7 +5491,7 @@ const Vu = /* @__PURE__ */ T($i, [["render", Ci]]), Pu = /* @__PURE__ */ p({
       d(a.$slots, "default")
     ], 2));
   }
-}), Au = /* @__PURE__ */ p({
+}), Au = /* @__PURE__ */ f({
   __name: "SidebarMenuButton",
   props: {
     isActive: { type: Boolean, default: !1 },
@@ -5518,7 +5516,7 @@ function Ii(t, e) {
     d(t.$slots, "default")
   ]);
 }
-const Ou = /* @__PURE__ */ T(Bi, [["render", Ii]]), ju = /* @__PURE__ */ p({
+const Ou = /* @__PURE__ */ T(Bi, [["render", Ii]]), ju = /* @__PURE__ */ f({
   __name: "SidebarMenuSub",
   props: {
     class: String
@@ -5537,7 +5535,7 @@ const Ou = /* @__PURE__ */ T(Bi, [["render", Ii]]), ju = /* @__PURE__ */ p({
       d(a.$slots, "default")
     ], 2));
   }
-}), Lu = /* @__PURE__ */ p({
+}), Lu = /* @__PURE__ */ f({
   __name: "SidebarMenuSubContent",
   props: {
     class: { type: String, default: "" }
@@ -5550,7 +5548,7 @@ const Ou = /* @__PURE__ */ T(Bi, [["render", Ii]]), ju = /* @__PURE__ */ p({
       d(a.$slots, "default")
     ], 2));
   }
-}), Ru = /* @__PURE__ */ p({
+}), Ru = /* @__PURE__ */ f({
   __name: "SidebarMenuSubItem",
   props: {
     class: { type: String, default: "" }
@@ -5563,7 +5561,7 @@ const Ou = /* @__PURE__ */ T(Bi, [["render", Ii]]), ju = /* @__PURE__ */ p({
       d(a.$slots, "default")
     ], 2));
   }
-}), Fu = /* @__PURE__ */ p({
+}), Fu = /* @__PURE__ */ f({
   __name: "SidebarMenuSubTrigger",
   props: {
     class: { type: String, default: "" }
@@ -5576,7 +5574,7 @@ const Ou = /* @__PURE__ */ T(Bi, [["render", Ii]]), ju = /* @__PURE__ */ p({
       d(a.$slots, "default")
     ], 2));
   }
-}), Eu = /* @__PURE__ */ p({
+}), Eu = /* @__PURE__ */ f({
   __name: "SidebarHeader",
   props: {
     class: { type: String, default: "" }
@@ -5589,7 +5587,7 @@ const Ou = /* @__PURE__ */ T(Bi, [["render", Ii]]), ju = /* @__PURE__ */ p({
       d(a.$slots, "default")
     ], 2));
   }
-}), Nu = /* @__PURE__ */ p({
+}), Nu = /* @__PURE__ */ f({
   __name: "SidebarFooter",
   props: {
     class: { type: String, default: "" }
@@ -5602,7 +5600,7 @@ const Ou = /* @__PURE__ */ T(Bi, [["render", Ii]]), ju = /* @__PURE__ */ p({
       d(a.$slots, "default")
     ], 2));
   }
-}), Uu = /* @__PURE__ */ p({
+}), Uu = /* @__PURE__ */ f({
   __name: "SidebarTitle",
   props: {
     class: { type: String, default: "" }
@@ -5615,7 +5613,7 @@ const Ou = /* @__PURE__ */ T(Bi, [["render", Ii]]), ju = /* @__PURE__ */ p({
       d(a.$slots, "default")
     ], 2));
   }
-}), Hu = /* @__PURE__ */ p({
+}), Hu = /* @__PURE__ */ f({
   __name: "SidebarDescription",
   props: {
     class: { type: String, default: "" }
@@ -5628,7 +5626,7 @@ const Ou = /* @__PURE__ */ T(Bi, [["render", Ii]]), ju = /* @__PURE__ */ p({
       d(a.$slots, "default")
     ], 2));
   }
-}), Gu = /* @__PURE__ */ p({
+}), Gu = /* @__PURE__ */ f({
   __name: "SidebarSeparator",
   props: {
     class: { type: String, default: "" }
@@ -5639,7 +5637,7 @@ const Ou = /* @__PURE__ */ T(Bi, [["render", Ii]]), ju = /* @__PURE__ */ p({
       class: w(["sidebar-separator", e.class])
     }, null, 2));
   }
-}), Wu = /* @__PURE__ */ p({
+}), Wu = /* @__PURE__ */ f({
   __name: "SidebarScrollArea",
   props: {
     class: { type: String, default: "" }
@@ -5652,7 +5650,7 @@ const Ou = /* @__PURE__ */ T(Bi, [["render", Ii]]), ju = /* @__PURE__ */ p({
       d(a.$slots, "default")
     ], 2));
   }
-}), qu = /* @__PURE__ */ p({
+}), qu = /* @__PURE__ */ f({
   __name: "SidebarShortcut",
   props: {
     class: { type: String, default: "" }
@@ -5665,7 +5663,7 @@ const Ou = /* @__PURE__ */ T(Bi, [["render", Ii]]), ju = /* @__PURE__ */ p({
       d(a.$slots, "default")
     ], 2));
   }
-}), Ku = /* @__PURE__ */ p({
+}), Ku = /* @__PURE__ */ f({
   __name: "SidebarCollapseButton",
   props: {
     class: { type: String, default: "" }
@@ -5678,7 +5676,7 @@ const Ou = /* @__PURE__ */ T(Bi, [["render", Ii]]), ju = /* @__PURE__ */ p({
       d(a.$slots, "default")
     ], 2));
   }
-}), Xu = /* @__PURE__ */ p({
+}), Xu = /* @__PURE__ */ f({
   __name: "SidebarExpandButton",
   props: {
     class: { type: String, default: "" }
@@ -5699,16 +5697,16 @@ function Mi({
   unlockCollapseDelay: o = 300,
   onLockToggle: n
 } = {}) {
-  const i = V(t), f = V(!1), m = { current: void 0 }, k = x(() => !i.value && !e.trim()), v = x(() => i.value || e.trim() ? !0 : f.value), _ = () => {
-    k.value && (m.current && clearTimeout(m.current), f.value = !0);
+  const i = V(t), p = V(!1), m = { current: void 0 }, k = x(() => !i.value && !e.trim()), v = x(() => i.value || e.trim() ? !0 : p.value), _ = () => {
+    k.value && (m.current && clearTimeout(m.current), p.value = !0);
   }, h = () => {
     k.value && (m.current = setTimeout(() => {
-      f.value = !1;
+      p.value = !1;
     }, a));
   }, $ = () => {
     i.value = !i.value, n && n(i.value);
   }, C = () => {
-    v.value || (f.value = !0);
+    v.value || (p.value = !0);
   };
   return ne(() => {
     m.current && clearTimeout(m.current);
@@ -5716,7 +5714,7 @@ function Mi({
     n && n(B);
   }), {
     isLocked: i,
-    isHovered: f,
+    isHovered: p,
     isExpanded: v,
     shouldAutoCollapse: k,
     handleMouseEnter: _,
@@ -5728,7 +5726,7 @@ function Mi({
 const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" }, Pi = {
   key: 2,
   class: "relative isolate"
-}, Ai = { class: "p-4" }, Ju = /* @__PURE__ */ p({
+}, Ai = { class: "p-4" }, Ju = /* @__PURE__ */ f({
   __name: "Sidebar",
   props: {
     variant: { type: String, default: "basic" },
@@ -5766,7 +5764,7 @@ 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 = x(() => e.open !== void 0 ? e.open : o.value), f = (A) => {
+    const o = V(e.defaultOpen), n = V(""), i = x(() => e.open !== void 0 ? e.open : o.value), p = (A) => {
       e.onOpenChange ? e.onOpenChange(A) : o.value = A;
     }, m = x(() => e.searchValue || n.value), k = (A) => {
       e.onSearchChange ? e.onSearchChange(A) : n.value = A;
@@ -5784,7 +5782,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
       e.variant,
       m.value,
       i.value,
-      f,
+      p,
       e.onLockToggle
     ), X = () => e.variant === "collapsible" || e.variant === "autocollapse" ? "icon" : "none", E = x(() => [
       "transition-all duration-300 ease-in-out",
@@ -5917,7 +5915,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
     })) : e.variant === "collapsible" ? (r(), l("div", Pi, [
       y(He, {
         open: i.value,
-        onOpenChange: f
+        onOpenChange: p
       }, {
         default: u(() => [
           y(Ue, { height: "h-[500px]" }, {
@@ -5929,7 +5927,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
                 default: u(() => [
                   y(Ne, {
                     isExpanded: i.value,
-                    onSearchClick: () => f(!0)
+                    onSearchClick: () => p(!0)
                   }, null, 8, ["isExpanded", "onSearchClick"]),
                   y($e, {
                     navigationItems: e.navigationItems,
@@ -5978,7 +5976,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
       _: 3
     }, 16, ["side", "variant", "collapsible", "class"]));
   }
-}), Zu = /* @__PURE__ */ p({
+}), Zu = /* @__PURE__ */ f({
   __name: "SidebarSection",
   props: {
     class: { type: String, default: "" }
@@ -6002,7 +6000,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
       d(a.$slots, "default")
     ], 16));
   }
-}, Oi = /* @__PURE__ */ p({
+}, Oi = /* @__PURE__ */ f({
   __name: "Slider",
   props: {
     defaultValue: {},
@@ -6025,7 +6023,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
   emits: ["update:modelValue", "valueCommit"],
   setup(t, { emit: e }) {
     const a = t, o = e, n = D(a, "class"), i = N(n, o);
-    return (f, m) => (r(), g(s(ss), b({
+    return (p, m) => (r(), g(s(ss), b({
       "data-slot": "slider",
       class: s(S)(
         "relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
@@ -6054,7 +6052,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
       _: 1
     }, 16, ["class"]));
   }
-}), Qu = /* @__PURE__ */ p({
+}), Qu = /* @__PURE__ */ f({
   __name: "slider",
   props: {
     modelValue: {
@@ -6073,9 +6071,9 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
       get: () => [a.modelValue],
       set: (i) => o("update:modelValue", i[0])
     });
-    return (i, f) => (r(), g(Oi, {
+    return (i, p) => (r(), g(Oi, {
       modelValue: n.value,
-      "onUpdate:modelValue": f[0] || (f[0] = (m) => n.value = m),
+      "onUpdate:modelValue": p[0] || (p[0] = (m) => n.value = m),
       min: t.min,
       max: t.max,
       step: t.step,
@@ -6097,19 +6095,19 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
   setup(t) {
     const e = V([]);
     let a = 0;
-    function o({ title: i, description: f, icon: m, duration: k = 3e3 }) {
+    function o({ title: i, description: p, icon: m, duration: k = 3e3 }) {
       const v = ++a;
-      e.value.push({ id: v, title: i, description: f, icon: m, visible: !0 }), setTimeout(() => n(v), k);
+      e.value.push({ id: v, title: i, description: p, icon: m, visible: !0 }), setTimeout(() => n(v), k);
     }
     function n(i) {
-      const f = e.value.findIndex((m) => m.id === i);
-      f !== -1 && (e.value[f].visible = !1, setTimeout(() => {
-        e.value.splice(f, 1);
+      const p = e.value.findIndex((m) => m.id === i);
+      p !== -1 && (e.value[p].visible = !1, setTimeout(() => {
+        e.value.splice(p, 1);
       }, 300));
     }
     return typeof window < "u" && (window.$sonner = o), ne(() => {
       typeof window < "u" && window.$sonner === o && delete window.$sonner;
-    }), (i, f) => (r(), g(At, {
+    }), (i, p) => (r(), g(At, {
       name: "sonner-fade",
       tag: "div",
       class: "fixed z-50 w-full flex flex-col items-center pointer-events-none top-4 left-0"
@@ -6181,7 +6179,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
       d(a.$slots, "default")
     ], 10, Hi));
   }
-}, sp = /* @__PURE__ */ p({
+}, sp = /* @__PURE__ */ f({
   __name: "table-body",
   props: {
     class: {
@@ -6198,7 +6196,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
       d(o.$slots, "default")
     ], 2));
   }
-}), op = /* @__PURE__ */ p({
+}), op = /* @__PURE__ */ f({
   __name: "table-caption",
   props: {
     class: {
@@ -6214,7 +6212,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
       d(e.$slots, "default")
     ], 16));
   }
-}), rp = /* @__PURE__ */ p({
+}), rp = /* @__PURE__ */ f({
   __name: "table-cell",
   props: {
     class: {
@@ -6231,7 +6229,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
       d(o.$slots, "default")
     ], 2));
   }
-}), np = /* @__PURE__ */ p({
+}), np = /* @__PURE__ */ f({
   __name: "table-footer",
   props: {
     class: {
@@ -6240,7 +6238,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
     }
   },
   setup(t) {
-    const a = M("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", t.class);
+    const a = M("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: w(s(a))
@@ -6248,7 +6246,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
       d(o.$slots, "default")
     ], 2));
   }
-}), Gi = ["tabindex", "role", "aria-sort"], Wi = { class: "flex items-center" }, lp = /* @__PURE__ */ p({
+}), Gi = ["tabindex", "role", "aria-sort"], Wi = { class: "flex items-center" }, lp = /* @__PURE__ */ f({
   __name: "table-header",
   props: {
     sortable: Boolean,
@@ -6273,9 +6271,9 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
   },
   emits: ["sort", "resize"],
   setup(t, { emit: e }) {
-    const a = t, o = V(null), n = e, i = V(!1), f = V(a.width || 150);
+    const a = t, o = V(null), n = e, i = V(!1), p = V(a.width || 150);
     Z(() => a.width, (B) => {
-      B && (f.value = B);
+      B && (p.value = B);
     });
     const m = x(
       () => M(
@@ -6298,7 +6296,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
           return se(Xt, { class: "ml-2 h-4 w-4 opacity-50" });
       }
     }), _ = x(() => ({
-      width: a.resizable ? f.value + "px" : a.width ? a.width + "px" : void 0,
+      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
     }));
@@ -6311,10 +6309,10 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
     function C(B) {
       if (!a.resizable) return;
       B.preventDefault(), i.value = !0;
-      const P = B.clientX, R = f.value;
+      const P = B.clientX, R = p.value;
       function K(E) {
         const A = E.clientX - P, j = Math.min(a.maxWidth, Math.max(a.minWidth, R + A));
-        f.value = j, n("resize", j);
+        p.value = j, n("resize", j);
       }
       function X() {
         i.value = !1, document.removeEventListener("mousemove", K), document.removeEventListener("mouseup", X);
@@ -6344,7 +6342,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
       }, null, 32)) : z("", !0)
     ], 46, Gi));
   }
-}), ip = /* @__PURE__ */ p({
+}), ip = /* @__PURE__ */ f({
   __name: "table-row",
   props: {
     class: {
@@ -6353,7 +6351,7 @@ 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 transition-colors", t.class);
+    const a = M("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: w(s(a))
@@ -6363,16 +6361,16 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
   }
 }), qi = {
   "data-slot": "table-container",
-  class: "relative w-full overflow-x-auto"
+  class: "relative w-full overflow-x-auto rounded-md border border-border"
 }, Ki = {
   key: 0,
   "data-slot": "table-head",
-  class: "[&_tr]:border-b"
+  class: "[&_tr]:border-b [&_tr]:border-border"
 }, Xi = {
   key: 1,
   "data-slot": "table-body",
   class: "[&_tr:last-child]:border-0"
-}, dp = /* @__PURE__ */ p({
+}, dp = /* @__PURE__ */ f({
   __name: "table",
   props: {
     resizable: {
@@ -6385,8 +6383,8 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
     }
   },
   setup(t) {
-    const e = t, a = le(), o = x(() => (a.default ? a.default() : []).filter((f) => {
-      const m = f.type;
+    const e = t, a = le(), o = x(() => (a.default ? a.default() : []).filter((p) => {
+      const m = p.type;
       return m && (m.name === "TableRow" || m.__name === "TableRow");
     })), n = x(
       () => M(
@@ -6395,7 +6393,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
         e.class
       )
     );
-    return (i, f) => (r(), l("div", qi, [
+    return (i, p) => (r(), l("div", qi, [
       c("table", {
         "data-slot": "table",
         class: w(n.value)
@@ -6507,7 +6505,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
         id: t.id,
         "data-slot": "textarea",
         class: s(S)(
-          "resize-none border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive flex field-sizing-content min-h-16 w-full rounded-md border bg-input-background px-3 py-2 text-base transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          "resize-none border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive flex field-sizing-content min-h-16 w-full rounded-md border bg-input-background text-base transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
           t.validationState === "error" && "border-red-500 focus:border-red-500 focus:ring-red-500",
           t.validationState === "success" && "border-green-500 focus:border-green-500 focus:ring-green-500",
           s(a).class
@@ -6539,7 +6537,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
       onInput: n[1] || (n[1] = (i) => o.$emit("update:modelValue", i.target.value))
     }), null, 16, td));
   }
-}, ad = ["width", "height", "viewBox"], sd = ["d", "stroke", "stroke-width"], od = ["cx", "cy", "r", "stroke", "stroke-width"], We = 4, pp = /* @__PURE__ */ p({
+}, ad = ["width", "height", "viewBox"], sd = ["d", "stroke", "stroke-width"], od = ["cx", "cy", "r", "stroke", "stroke-width"], We = 4, pp = /* @__PURE__ */ f({
   __name: "threat-gauge",
   props: {
     value: { type: Number, required: !0 },
@@ -6550,7 +6548,7 @@ 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: f, snapToSegmentCenter: m } = Ce(e), k = {
+    const e = t, { value: a, level: o, size: n, gapDegrees: i, thicknessRatio: p, snapToSegmentCenter: m } = Ce(e), k = {
       LOW: "var(--success-500)",
       MEDIUM: "var(--warning-400)",
       HIGH: "var(--warning-600)",
@@ -6570,7 +6568,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
           tRange: [J, de]
         };
       })
-    ), P = x(() => Math.max(4, n.value * f.value)), R = x(() => n.value * 0.45), K = x(() => n.value / 2), X = x(() => n.value * 0.65), E = x(() => Math.min(Math.max(a.value, 0), 100)), A = x(
+    ), P = x(() => Math.max(4, n.value * p.value)), R = x(() => n.value * 0.45), K = x(() => n.value / 2), X = x(() => n.value * 0.65), E = x(() => Math.min(Math.max(a.value, 0), 100)), A = x(
       () => 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) {
@@ -6623,7 +6621,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
       }, I(s(o)), 5)
     ], 6));
   }
-}), rd = /* @__PURE__ */ p({
+}), rd = /* @__PURE__ */ f({
   __name: "Toggle",
   props: {
     defaultValue: { type: Boolean },
@@ -6640,11 +6638,11 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
     const a = t, o = e, n = D(a, "class", "size", "variant"), i = N(n, o);
-    return (f, m) => (r(), g(s(ls), b({ "data-slot": "toggle" }, s(i), {
+    return (p, m) => (r(), g(s(ls), b({ "data-slot": "toggle" }, s(i), {
       class: s(S)(s(nd)({ variant: t.variant, size: t.size }), a.class)
     }), {
       default: u((k) => [
-        d(f.$slots, "default", Q(ee(k)))
+        d(p.$slots, "default", Q(ee(k)))
       ]),
       _: 3
     }, 16, ["class"]));
@@ -6668,7 +6666,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__ */ p({
+), 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({
   __name: "toggle",
   props: {
     modelValue: Boolean,
@@ -6690,7 +6688,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const a = t, o = e, n = U(), i = Cs(a, "modelValue", o), f = {
+    const a = t, o = e, n = U(), i = Cs(a, "modelValue", o), p = {
       default: "bg-transparent",
       outline: "border bg-border bg-transparent hover:bg-accent hover:text-accent-foreground"
     }, m = {
@@ -6700,7 +6698,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
     }, k = x(
       () => M(
         id,
-        f[a.variant],
+        p[a.variant],
         m[a.size],
         a.class
       )