scrubbed-tailwind-components-v2 2.4.4 → 2.5.1

package/dist/{index-Bae24DF4.js → index-BF-I-8pN.js}

@@ -1,5 +1,5 @@
-import { useSlots as F, provide as P, createElementBlock as s, openBlock as a, normalizeClass as f, createElementVNode as l, createBlock as x, resolveDynamicComponent as $, cloneVNode as A, unref as c, renderSlot as i, inject as y, withCtx as R, ref as _, createVNode as j, Fragment as S, Teleport as K, normalizeStyle as U, watch as Z, createCommentVNode as V, resolveComponent as J, mergeProps as k, useModel as T, withDirectives as B, withModifiers as W, vModelCheckbox as Y, computed as L, vModelText as E, mergeModels as N, onMounted as X, renderList as I, createTextVNode as O, toDisplayString as D, vModelRadio as Q, vModelSelect as ee, defineAsyncComponent as C } from "vue";
-import { RouterLink as M, useRoute as q } from "vue-router";
+import { useSlots as W, provide as P, createElementBlock as s, openBlock as a, normalizeClass as f, createElementVNode as i, createBlock as x, resolveDynamicComponent as $, cloneVNode as A, unref as c, renderSlot as l, inject as y, withCtx as V, ref as _, createVNode as j, Fragment as S, createCommentVNode as T, Teleport as K, normalizeStyle as U, watch as Z, resolveComponent as J, mergeProps as k, useModel as B, withDirectives as I, withModifiers as O, vModelCheckbox as Y, computed as L, vModelText as E, mergeModels as N, onMounted as X, renderList as R, createTextVNode as q, toDisplayString as D, vModelRadio as Q, vModelSelect as ee, defineAsyncComponent as C } from "vue";
+import { RouterLink as z, useRoute as H } from "vue-router";
 const re = {
   __name: "Alert",
   props: {
@@ -10,7 +10,7 @@ const re = {
     }
   },
   setup(e) {
-    const r = F(), t = e, o = {
+    const r = W(), t = e, n = {
       info: {
         root: "bg-brand-primary-100 border-brand-primary-300 text-brand-primary-900 ",
         icon: "bg-brand-primary-300 text-brand-primary-700"
@@ -27,7 +27,7 @@ const re = {
         root: "bg-danger-100 border-danger-300 text-danger-700",
         icon: "bg-danger-300 text-red-700"
       }
-    }, n = {
+    }, o = {
       info: {
         icon: "stroke-brand-primary-900"
       },
@@ -41,56 +41,56 @@ const re = {
         icon: "stroke-danger-700"
       }
     };
-    return P("ALERT", { VARIANT_MAP: o }), (d, u) => {
-      var m, p, b, g, v, z;
+    return P("ALERT", { VARIANT_MAP: n }), (d, u) => {
+      var m, p, b, g, v, M;
       return a(), s("div", {
-        class: f(["flex w-full gap-4 rounded-2xl border p-4", o[t.variant].root])
+        class: f(["flex w-full gap-4 rounded-2xl border p-4", n[t.variant].root])
       }, [
-        l("div", {
-          class: f(["grid size-10 place-items-center rounded-full", o[t.variant].icon])
+        i("div", {
+          class: f(["grid size-10 place-items-center rounded-full", n[t.variant].icon])
         }, [
           (a(), x($(A((p = (m = c(r)).default) == null ? void 0 : p.call(m)[0])), {
-            class: f(["size-4", n[t.variant].icon])
+            class: f(["size-4", o[t.variant].icon])
           }, null, 8, ["class"]))
         ], 2),
-        l("div", null, [
+        i("div", null, [
           (a(), x($(A((g = (b = c(r)).default) == null ? void 0 : g.call(b)[1])))),
-          (a(), x($(A((z = (v = c(r)).default) == null ? void 0 : z.call(v)[2]))))
+          (a(), x($(A((M = (v = c(r)).default) == null ? void 0 : M.call(v)[2]))))
         ])
       ], 2);
     };
   }
 }, h = (e, r) => {
   const t = e.__vccOpts || e;
-  for (const [o, n] of r)
-    t[o] = n;
+  for (const [n, o] of r)
+    t[n] = o;
   return t;
 }, te = {}, oe = { class: "text-sm text-neutral-600" };
 function ne(e, r) {
   return a(), s("span", oe, [
-    i(e.$slots, "default")
+    l(e.$slots, "default")
   ]);
 }
 const ae = /* @__PURE__ */ h(te, [["render", ne]]), se = {}, le = { class: "font-medium" };
 function ie(e, r) {
   return a(), s("p", le, [
-    i(e.$slots, "default")
+    l(e.$slots, "default")
   ]);
 }
-const de = /* @__PURE__ */ h(se, [["render", ie]]), ce = { class: "flex w-full items-center justify-between" }, ue = { class: "flex items-center gap-2" }, ge = { class: "flex items-center gap-10" }, pe = { class: "hidden gap-6 sm:flex" }, ot = {
+const de = /* @__PURE__ */ h(se, [["render", ie]]), ce = { class: "flex w-full items-center justify-between" }, ue = { class: "flex items-center gap-2" }, ge = { class: "lg:w-60" }, pe = { class: "hidden xl:block" }, me = { class: "flex items-center gap-10" }, be = { class: "hidden gap-6 sm:flex" }, it = {
   __name: "AppHeader",
   setup(e) {
-    const r = y("APP_DATA"), { isSidebarToggled: t, toggleSidebar: o } = r;
-    return (n, d) => (a(), s("header", {
-      class: f(["fixed top-0 flex h-16 w-dvw items-center justify-center bg-white/50 px-3 backdrop-blur sm:px-6", { "rounded-t-2xl": c(t) }])
+    const r = y("APP_DATA"), { isSidebarToggled: t, toggleSidebar: n } = r;
+    return (o, d) => (a(), s("header", {
+      class: f(["fixed top-0 flex h-16 w-dvw items-center justify-center bg-white px-3 backdrop-blur sm:px-6", { "rounded-t-2xl": c(t) }])
     }, [
-      l("nav", ce, [
-        l("div", ue, [
-          l("button", {
-            onClick: d[0] || (d[0] = (u) => c(o)()),
-            class: "block cursor-pointer rounded-full p-2 hover:bg-neutral-100 sm:hidden"
+      i("nav", ce, [
+        i("div", ue, [
+          i("button", {
+            onClick: d[0] || (d[0] = (u) => c(n)()),
+            class: "block cursor-pointer rounded-full p-2 hover:bg-neutral-100 lg:hidden"
           }, d[1] || (d[1] = [
-            l("svg", {
+            i("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               width: "24",
               height: "24",
@@ -102,37 +102,42 @@ const de = /* @__PURE__ */ h(se, [["render", ie]]), ce = { class: "flex w-full i
               "stroke-linejoin": "round",
               class: "lucide lucide-menu-icon lucide-menu size-5 stroke-neutral-600"
             }, [
-              l("path", { d: "M4 12h16" }),
-              l("path", { d: "M4 18h16" }),
-              l("path", { d: "M4 6h16" })
+              i("path", { d: "M4 12h16" }),
+              i("path", { d: "M4 18h16" }),
+              i("path", { d: "M4 6h16" })
             ], -1)
           ])),
-          i(n.$slots, "header-img")
+          i("div", ge, [
+            l(o.$slots, "header-img")
+          ]),
+          i("div", pe, [
+            l(o.$slots, "header-banner")
+          ])
         ]),
-        l("div", ge, [
-          l("ul", pe, [
-            i(n.$slots, "header-links")
+        i("div", me, [
+          i("ul", be, [
+            l(o.$slots, "header-links")
           ]),
-          i(n.$slots, "header-actions")
+          l(o.$slots, "header-actions")
         ])
       ])
     ], 2));
   }
-}, me = ["href"], be = {
+}, fe = ["href"], he = {
   __name: "AppHeaderLink",
   props: {
     to: { type: String, required: !0 }
   },
   setup(e) {
     const r = e;
-    return (t, o) => (a(), s("li", null, [
-      r.to.startsWith("/") ? (a(), x(c(M), {
+    return (t, n) => (a(), s("li", null, [
+      r.to.startsWith("/") ? (a(), x(c(z), {
         key: 0,
         class: "hover:text-primary-950 [&.router-link-active]:text-primary-950 text-xs uppercase text-neutral-600 hover:transition-all [&.router-link-active]:font-semibold",
         to: r.to
       }, {
-        default: R(() => [
-          i(t.$slots, "default")
+        default: V(() => [
+          l(t.$slots, "default")
         ]),
         _: 3
       }, 8, ["to"])) : (a(), s("a", {
@@ -140,97 +145,109 @@ const de = /* @__PURE__ */ h(se, [["render", ie]]), ce = { class: "flex w-full i
         class: "hover:text-primary-950 text-xs uppercase text-neutral-600 hover:transition-all",
         href: r.to
       }, [
-        i(t.$slots, "default")
-      ], 8, me))
+        l(t.$slots, "default")
+      ], 8, fe))
     ]));
   }
-}, fe = { class: "relative" }, he = { class: "flex" }, ve = {
+}, ve = { class: "relative" }, xe = { class: "flex" }, _e = {
   __name: "AppLayout",
   setup(e) {
     const r = _(!1);
     function t() {
-      window.innerWidth <= 640 ? (r.value = !r.value, o()) : r.value && (r.value = !1, o());
+      window.innerWidth <= 1024 ? (r.value = !r.value, n()) : r.value && (r.value = !1, n());
     }
-    function o() {
-      const n = document.querySelector("body");
-      n.classList.contains("bg-black") ? n.classList.remove("bg-black") : n.classList.add("bg-black");
+    function n() {
+      const o = document.querySelector("body");
+      o.classList.contains("bg-black") ? o.classList.remove("bg-black") : o.classList.add("bg-black");
     }
-    return P("APP_DATA", { isSidebarToggled: r, toggleSidebar: t }), (n, d) => {
+    return P("APP_DATA", { isSidebarToggled: r, toggleSidebar: t }), (o, d) => {
       var u, m, p, b, g, v;
       return a(), s("div", {
         class: f(["bg-white transition-all duration-500 ease-[cubic-bezier(.32,.72,0,1)]", {
           "origin-[center_top] translate-y-4 scale-93": r.value
         }])
       }, [
-        l("div", fe, [
-          (a(), x($(A((m = (u = n.$slots).default) == null ? void 0 : m.call(u)[0])))),
-          l("div", he, [
-            (a(), x($(A((b = (p = n.$slots).default) == null ? void 0 : b.call(p)[1])))),
-            (a(), x($(A((v = (g = n.$slots).default) == null ? void 0 : v.call(g)[2]))))
+        i("div", ve, [
+          (a(), x($(A((m = (u = o.$slots).default) == null ? void 0 : m.call(u)[0])))),
+          i("div", xe, [
+            (a(), x($(A((b = (p = o.$slots).default) == null ? void 0 : b.call(p)[1])))),
+            (a(), x($(A((v = (g = o.$slots).default) == null ? void 0 : v.call(g)[2]))))
           ])
         ])
       ], 2);
     };
   }
-}, xe = {
+}, ye = {
   __name: "AppMain",
   setup(e) {
     const r = y("APP_DATA"), { isSidebarToggled: t } = r;
-    return (o, n) => (a(), s("main", {
+    return (n, o) => (a(), s("main", {
       class: f([
-        "bg-background-main fixed z-[-1] h-svh w-full overflow-auto px-6 pt-24 pb-9 sm:top-16 sm:ml-[223px] sm:h-[calc(100dvh-4rem)] sm:w-[calc(100dvw-223px)] sm:pt-9",
+        "bg-background-main fixed z-[-1] h-svh w-full overflow-auto px-6 pt-24 pb-9 sm:top-16 sm:pt-9 md:h-[calc(100dvh-4rem)] lg:ms-64 lg:w-[calc(100dvw-256px)]",
         c(t) ? "overflow-hidden rounded-t-xl sm:rounded-none" : "sm:rounded-tl-2xl"
       ])
     }, [
-      i(o.$slots, "default")
+      l(n.$slots, "default")
     ], 2));
   }
-}, _e = {}, ye = { class: "flex w-full overflow-x-auto border-b-[1px] border-neutral-200 [&::-webkit-scrollbar]:hidden" };
-function ke(e, r) {
-  return a(), s("div", ye, [
-    i(e.$slots, "default")
+}, ke = {}, Ce = { class: "flex w-full overflow-x-auto border-b-[1px] border-neutral-200 [&::-webkit-scrollbar]:hidden" };
+function we(e, r) {
+  return a(), s("div", Ce, [
+    l(e.$slots, "default")
   ]);
 }
-const Ce = /* @__PURE__ */ h(_e, [["render", ke]]), we = { class: "shrink-0" }, $e = {
+const $e = /* @__PURE__ */ h(ke, [["render", we]]), Ae = { class: "shrink-0" }, Se = {
   __name: "AppNavTab",
   props: {
     to: { type: String, required: !0 }
   },
   setup(e) {
     const r = e;
-    return _(null), (t, o) => (a(), s("div", we, [
-      j(c(M), {
+    return _(null), (t, n) => (a(), s("div", Ae, [
+      j(c(z), {
         class: "[&.router-link-exact-active]:text-primary-950 [&.router-link-exact-active]:border-brand-primary-700 hover:text-brand-primary-700 group relative flex h-12 shrink-0 items-center justify-between gap-2 border-b-2 border-transparent px-3 text-sm text-neutral-600 transition-all [&.router-link-exact-active]:font-medium",
         to: r.to
       }, {
-        default: R(() => [
-          i(t.$slots, "default"),
-          o[0] || (o[0] = l("div", { class: "bg-primary-100 absolute inset-x-0 z-[-1] h-8 w-full rounded-lg opacity-0 transition-all contain-strict group-hover:transform-none group-hover:opacity-100 group-hover:[transform-origin:50%_50%_0px]" }, null, -1))
+        default: V(() => [
+          l(t.$slots, "default"),
+          n[0] || (n[0] = i("div", { class: "bg-primary-100 absolute inset-x-0 z-[-1] h-8 w-full rounded-lg opacity-0 transition-all contain-strict group-hover:transform-none group-hover:opacity-100 group-hover:[transform-origin:50%_50%_0px]" }, null, -1))
         ]),
         _: 3,
         __: [0]
       }, 8, ["to"])
     ]));
   }
-}, Ae = { class: "sidebar-wrapper fixed top-0 left-0 hidden max-h-[calc(100vh-64px)] w-[223px] space-y-4 overflow-y-auto bg-white px-4 py-8 sm:top-[64px] sm:block" }, Se = {
+}, Te = { class: "sidebar-wrapper fixed top-0 left-0 hidden max-h-[calc(100vh-64px)] w-64 overflow-y-auto bg-white sm:top-16 lg:block" }, Be = {
+  key: 0,
+  class: "sticky top-0 z-50 bg-white"
+}, Ie = {
+  key: 1,
+  class: "sticky bottom-0 z-50 bg-white"
+}, Re = {
   __name: "AppSidebar",
   setup(e) {
-    const r = y("APP_DATA"), { isSidebarToggled: t, toggleSidebar: o } = r;
-    return (n, d) => (a(), s(S, null, [
-      l("aside", Ae, [
-        i(n.$slots, "default")
+    const r = y("APP_DATA"), { isSidebarToggled: t, toggleSidebar: n } = r;
+    return W(), (o, d) => (a(), s(S, null, [
+      i("aside", Te, [
+        o.$slots.header ? (a(), s("div", Be, [
+          l(o.$slots, "header")
+        ])) : T("", !0),
+        l(o.$slots, "default"),
+        o.$slots.footer ? (a(), s("div", Ie, [
+          l(o.$slots, "footer")
+        ])) : T("", !0)
       ]),
       (a(), x(K, { to: "body" }, [
-        l("div", {
-          class: "shadow-t-2xl fixed bottom-0 z-50 h-[60svh] w-full space-y-4 overflow-y-scroll rounded-t-2xl bg-white p-4 transition-all duration-500 ease-[cubic-bezier(.32,.72,0,1)] [&::-webkit-scrollbar]:hidden",
+        i("div", {
+          class: "shadow-t-2xl fixed bottom-0 z-50 h-[60svh] w-full overflow-y-scroll rounded-t-2xl bg-white transition-all duration-500 ease-[cubic-bezier(.32,.72,0,1)] [&::-webkit-scrollbar]:hidden",
           style: U(
             c(t) ? "transform: translateZ(0)" : "transform: translate3d(0,60svh,0)"
           )
         }, [
-          i(n.$slots, "default")
+          l(o.$slots, "default")
         ], 4),
-        l("div", {
-          onClick: d[0] || (d[0] = (u) => c(o)()),
+        i("div", {
+          onClick: d[0] || (d[0] = (u) => c(n)()),
           class: f([
             "backdrop transition-all [transition-behavior:allow-discrete] duration-300",
             c(t) ? "fixed inset-0 z-40 block bg-black/80 opacity-100" : "hidden"
@@ -239,32 +256,32 @@ const Ce = /* @__PURE__ */ h(_e, [["render", ke]]), we = { class: "shrink-0" },
       ]))
     ], 64));
   }
-}, Te = { class: "flex flex-col" }, Be = {
+}, Ve = { class: "flex flex-col" }, De = {
   __name: "AppSidebarItem",
   setup(e) {
-    q();
+    H();
     const r = _(!1);
     function t() {
       r.value = !r.value;
     }
-    return P("SIDEBAR_TOGGLE", { toggled: r, toggleSidebarItem: t }), (o, n) => (a(), s("div", Te, [
-      i(o.$slots, "default")
+    return P("SIDEBAR_TOGGLE", { toggled: r, toggleSidebarItem: t }), (n, o) => (a(), s("div", Ve, [
+      l(n.$slots, "default")
     ]));
   }
-}, Ie = ["href"], Re = {
+}, Pe = ["href"], ze = {
   __name: "AppSidebarItemChild",
   props: {
     to: { type: [String, Object], required: !0 }
   },
   setup(e) {
     const r = e;
-    return (t, o) => typeof r.to == "object" || r.to.startsWith("/") ? (a(), x(c(M), {
+    return (t, n) => typeof r.to == "object" || r.to.startsWith("/") ? (a(), x(c(z), {
       key: 0,
       class: "[&.router-link-exact-active]:text-primary-950 [&.router-link-exact-active]:bg-background-main text-primary-950 hover:bg-background-main block h-10 items-center gap-3 overflow-hidden rounded-lg px-3 text-xs leading-[40px] text-ellipsis whitespace-nowrap transition-all [&.router-link-exact-active]:font-medium",
       to: r.to
     }, {
-      default: R(() => [
-        i(t.$slots, "default")
+      default: V(() => [
+        l(t.$slots, "default")
       ]),
       _: 3
     }, 8, ["to"])) : (a(), s("a", {
@@ -272,20 +289,20 @@ const Ce = /* @__PURE__ */ h(_e, [["render", ke]]), we = { class: "shrink-0" },
       class: "text-primary-950 hover:bg-background-main block h-10 items-center gap-3 overflow-hidden rounded-lg px-3 text-xs leading-[40px] text-ellipsis whitespace-nowrap transition-all",
       href: r.to
     }, [
-      i(t.$slots, "default")
-    ], 8, Ie));
+      l(t.$slots, "default")
+    ], 8, Pe));
   }
-}, Ve = {
+}, Me = {
   __name: "AppSidebarItemChildren",
   setup(e) {
     const r = y("SIDEBAR_TOGGLE"), { toggled: t } = r;
-    return (o, n) => (a(), s("div", {
+    return (n, o) => (a(), s("div", {
       class: f(["max-h-0 overflow-y-hidden rounded-b-lg opacity-0 transition-all", { "mt-2 max-h-max overflow-y-auto px-2 opacity-100": c(t) }])
     }, [
-      i(o.$slots, "default")
+      l(n.$slots, "default")
     ], 2));
   }
-}, De = { class: "link group/sidebar-item hover:bg-background-main peer has-[&.router-link-active]:from-brand-primary-50 has-[&.router-link-active]:to-brand-primary-100 flex h-10 items-center justify-between rounded-lg px-3 transition-all has-[&.router-link-active]:bg-gradient-to-br" }, Pe = ["href"], Me = {
+}, je = { class: "link group/sidebar-item hover:bg-background-main peer has-[&.router-link-active]:from-brand-primary-50 has-[&.router-link-active]:to-brand-primary-100 flex h-10 items-center justify-between rounded-lg px-3 transition-all has-[&.router-link-active]:bg-gradient-to-br" }, Le = ["href"], Ee = {
   __name: "AppSidebarItemParent",
   props: {
     to: { type: [String, Object], required: !0 },
@@ -293,21 +310,21 @@ const Ce = /* @__PURE__ */ h(_e, [["render", ke]]), we = { class: "shrink-0" },
     hasChildren: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const r = q(), t = e, o = y("SIDEBAR_TOGGLE"), n = y("APP_DATA"), { toggled: d, toggleSidebarItem: u } = o, { toggleSidebar: m } = n;
+    const r = H(), t = e, n = y("SIDEBAR_TOGGLE"), o = y("APP_DATA"), { toggled: d, toggleSidebarItem: u } = n, { toggleSidebar: m } = o;
     function p() {
       r.matched.some(
         (g) => t.name === g.name
       ) ? d.value = !0 : d.value = !1;
     }
-    return Z(r, () => p(), { immediate: !0 }), (b, g) => (a(), s("div", De, [
-      typeof t.to == "object" || t.to.startsWith("/") ? (a(), x(c(M), {
+    return Z(r, () => p(), { immediate: !0 }), (b, g) => (a(), s("div", je, [
+      typeof t.to == "object" || t.to.startsWith("/") ? (a(), x(c(z), {
         key: 0,
         onClick: g[0] || (g[0] = (v) => c(m)()),
         class: "[&.router-link-active]:text-primary-700 text-primary-950 peer flex h-full w-full items-center gap-3 text-xs [&.router-link-active]:font-medium",
         to: t.to
       }, {
-        default: R(() => [
-          i(b.$slots, "default")
+        default: V(() => [
+          l(b.$slots, "default")
         ]),
         _: 3
       }, 8, ["to"])) : (a(), s("a", {
@@ -315,8 +332,8 @@ const Ce = /* @__PURE__ */ h(_e, [["render", ke]]), we = { class: "shrink-0" },
         class: "text-primary-950 peer flex h-full w-full items-center gap-3 text-xs",
         href: t.to
       }, [
-        i(b.$slots, "default")
-      ], 8, Pe)),
+        l(b.$slots, "default")
+      ], 8, Le)),
       t.hasChildren ? (a(), s("button", {
         key: 2,
         onClick: g[1] || (g[1] = (v) => c(u)()),
@@ -335,33 +352,33 @@ const Ce = /* @__PURE__ */ h(_e, [["render", ke]]), we = { class: "shrink-0" },
           "stroke-linejoin": "round",
           class: f(["lucide lucide-chevron-down-icon lucide-chevron-down stroke-brand-primary-800 transition-all duration-300", { "rotate-180": c(d) }])
         }, g[2] || (g[2] = [
-          l("path", { d: "m6 9 6 6 6-6" }, null, -1)
+          i("path", { d: "m6 9 6 6 6-6" }, null, -1)
         ]), 2))
-      ])) : V("", !0)
+      ])) : T("", !0)
     ]));
   }
-}, ze = { class: "hover:bg-background-main has-[&.router-link-active]:active has-[&.router-link-active]:bg-primary-700 peer flex h-10 items-center justify-between rounded-lg px-3 transition-all" }, je = {
+}, Ne = { class: "hover:bg-background-main has-[&.router-link-active]:active has-[&.router-link-active]:bg-primary-700 peer flex h-10 items-center justify-between rounded-lg px-3 transition-all" }, Ge = {
   __name: "AppSidebarToggle",
   setup(e) {
     const r = y("SIDEBAR_TOGGLE");
-    return (t, o) => {
-      const n = J("RouterLink");
-      return a(), s("div", ze, [
-        j(n, {
+    return (t, n) => {
+      const o = J("RouterLink");
+      return a(), s("div", Ne, [
+        j(o, {
           class: "text-primary-950 peer flex h-full w-full items-center gap-3 text-xs [&.router-link-active]:font-medium [&.router-link-active]:text-white",
           to: "/"
         }, {
-          default: R(() => [
-            i(t.$slots, "default")
+          default: V(() => [
+            l(t.$slots, "default")
           ]),
           _: 3
         }),
-        l("button", {
-          onClick: o[0] || (o[0] = (d) => c(r).toggleSidebarItem()),
+        i("button", {
+          onClick: n[0] || (n[0] = (d) => c(r).toggleSidebarItem()),
           class: "cursor-pointer",
           type: "button"
-        }, o[1] || (o[1] = [
-          l("svg", {
+        }, n[1] || (n[1] = [
+          i("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             width: "16",
             height: "16",
@@ -373,27 +390,27 @@ const Ce = /* @__PURE__ */ h(_e, [["render", ke]]), we = { class: "shrink-0" },
             "stroke-linejoin": "round",
             class: "lucide lucide-chevron-down-icon lucide-chevron-down stroke-white"
           }, [
-            l("path", { d: "m6 9 6 6 6-6" })
+            i("path", { d: "m6 9 6 6 6-6" })
           ], -1)
         ]))
       ]);
     };
   }
-}, Le = {}, Ee = {
+}, We = {}, Oe = { class: "px-4 pb-4 first-of-type:pt-4" }, qe = {
   key: 0,
   class: "text-primary-950 px-1 text-sm font-medium"
-}, Ne = { class: "mt-2" };
-function Ge(e, r) {
-  return a(), s("nav", null, [
-    e.$slots.title ? (a(), s("b", Ee, [
-      i(e.$slots, "title")
-    ])) : V("", !0),
-    l("div", Ne, [
-      i(e.$slots, "items")
+}, He = { class: "mt-2" };
+function Fe(e, r) {
+  return a(), s("nav", Oe, [
+    e.$slots.title ? (a(), s("b", qe, [
+      l(e.$slots, "title")
+    ])) : T("", !0),
+    i("div", He, [
+      l(e.$slots, "items")
     ])
   ]);
 }
-const We = /* @__PURE__ */ h(Le, [["render", Ge]]), G = {
+const Ke = /* @__PURE__ */ h(We, [["render", Fe]]), G = {
   /* ---------------- Solid Buttons ---------------- */
   primary: {
     backgroundColor: "bg-brand-primary-700",
@@ -621,30 +638,30 @@ const We = /* @__PURE__ */ h(Le, [["render", Ge]]), G = {
     hoverTextColor: "hover:text-warning-700",
     focusRing: "focus:ring-warning-200"
   }
-}, Oe = {
+}, Ue = {
   __name: "Badge",
   props: {
     variant: { type: String, default: "primary" }
   },
   setup(e) {
     const r = e;
-    return (t, o) => (a(), s("div", {
+    return (t, n) => (a(), s("div", {
       class: f(["rounded-full px-3 py-1 text-xs font-medium", [
         c(G)[r.variant].backgroundColor,
         c(G)[r.variant].textColor
       ]])
     }, [
-      i(t.$slots, "default")
+      l(t.$slots, "default")
     ], 2));
   }
-}, qe = {
+}, Ze = {
   __name: "Button",
   props: {
     variant: { type: String, default: "primary" }
   },
   setup(e, { expose: r }) {
-    const t = e, o = _(null);
-    return r({ buttonRef: o }), (n, d) => (a(), s("button", k(n.$attrs, {
+    const t = e, n = _(null);
+    return r({ buttonRef: n }), (o, d) => (a(), s("button", k(o.$attrs, {
       class: ["cursor-pointer rounded-lg px-4 py-2 text-xs transition-all active:scale-[0.97] disabled:cursor-not-allowed disabled:opacity-50 disabled:active:scale-100", [
         c(w)[t.variant].backgroundColor,
         c(w)[t.variant].borderColor,
@@ -654,21 +671,21 @@ const We = /* @__PURE__ */ h(Le, [["render", Ge]]), G = {
         c(w)[t.variant].focusRing
       ]],
       ref_key: "buttonRef",
-      ref: o
+      ref: n
     }), [
-      i(n.$slots, "default")
+      l(o.$slots, "default")
     ], 16));
   }
-}, He = {}, Fe = { class: "rounded-2xl bg-white p-6" };
-function Ke(e, r) {
-  return a(), s("div", Fe, [
-    i(e.$slots, "default")
+}, Je = {}, Ye = { class: "rounded-2xl bg-white p-6" };
+function Xe(e, r) {
+  return a(), s("div", Ye, [
+    l(e.$slots, "default")
   ]);
 }
-const H = /* @__PURE__ */ h(He, [["render", Ke]]), nt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const F = /* @__PURE__ */ h(Je, [["render", Xe]]), dt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: H
-}, Symbol.toStringTag, { value: "Module" })), Ue = {
+  default: F
+}, Symbol.toStringTag, { value: "Module" })), Qe = {
   __name: "Checkbox",
   props: {
     modelValue: {},
@@ -676,12 +693,12 @@ const H = /* @__PURE__ */ h(He, [["render", Ke]]), nt = /* @__PURE__ */ Object.f
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const r = T(e, "modelValue"), t = _(null);
-    return (o, n) => (a(), s("button", {
-      onClick: n[2] || (n[2] = (d) => t.value.click()),
+    const r = B(e, "modelValue"), t = _(null);
+    return (n, o) => (a(), s("button", {
+      onClick: o[2] || (o[2] = (d) => t.value.click()),
       class: "group/checkbox has-checked:bg-brand-primary-700 flex size-4 cursor-pointer items-center justify-center rounded-sm bg-neutral-200 transition-all duration-300 active:scale-[0.50] has-disabled:cursor-not-allowed has-disabled:opacity-50"
     }, [
-      n[3] || (n[3] = l("svg", {
+      o[3] || (o[3] = i("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         width: "14",
         height: "14",
@@ -693,11 +710,11 @@ const H = /* @__PURE__ */ h(He, [["render", Ke]]), nt = /* @__PURE__ */ Object.f
         "stroke-linejoin": "round",
         class: "lucide lucide-check-icon lucide-check scale-0 stroke-white opacity-0 group-has-[:checked]/checkbox:scale-100 group-has-[:checked]/checkbox:opacity-100"
       }, [
-        l("path", { d: "M20 6 9 17l-5-5" })
+        i("path", { d: "M20 6 9 17l-5-5" })
       ], -1)),
-      B(l("input", k(o.$attrs, {
-        "onUpdate:modelValue": n[0] || (n[0] = (d) => r.value = d),
-        onChange: n[1] || (n[1] = W(() => {
+      I(i("input", k(n.$attrs, {
+        "onUpdate:modelValue": o[0] || (o[0] = (d) => r.value = d),
+        onChange: o[1] || (o[1] = O(() => {
         }, ["stop"])),
         type: "checkbox",
         ref_key: "checkboxRef",
@@ -708,30 +725,30 @@ const H = /* @__PURE__ */ h(He, [["render", Ke]]), nt = /* @__PURE__ */ Object.f
       ])
     ]));
   }
-}, Ze = {}, Je = { class: "flex flex-col items-center justify-center gap-8" }, Ye = { class: "flex max-w-xs flex-col items-center gap-2 text-center" }, Xe = { class: "bg-brand-primary-100 mb-2 grid size-12 place-items-center rounded-full" };
-function Qe(e, r) {
-  return a(), s("div", Je, [
-    l("div", Ye, [
-      l("div", Xe, [
-        i(e.$slots, "icon")
+}, er = {}, rr = { class: "flex flex-col items-center justify-center gap-8" }, tr = { class: "flex max-w-xs flex-col items-center gap-2 text-center" }, or = { class: "bg-brand-primary-100 mb-2 grid size-12 place-items-center rounded-full" };
+function nr(e, r) {
+  return a(), s("div", rr, [
+    i("div", tr, [
+      i("div", or, [
+        l(e.$slots, "icon")
       ]),
-      i(e.$slots, "default")
+      l(e.$slots, "default")
     ])
   ]);
 }
-const er = /* @__PURE__ */ h(Ze, [["render", Qe]]), rr = {}, tr = { class: "text-sm text-neutral-600" };
-function or(e, r) {
-  return a(), s("p", tr, [
-    i(e.$slots, "default")
+const ar = /* @__PURE__ */ h(er, [["render", nr]]), sr = {}, lr = { class: "text-sm text-neutral-600" };
+function ir(e, r) {
+  return a(), s("p", lr, [
+    l(e.$slots, "default")
   ]);
 }
-const at = /* @__PURE__ */ h(rr, [["render", or]]), nr = {}, ar = { class: "text-lg font-medium" };
-function sr(e, r) {
-  return a(), s("b", ar, [
-    i(e.$slots, "default")
+const ct = /* @__PURE__ */ h(sr, [["render", ir]]), dr = {}, cr = { class: "text-lg font-medium" };
+function ur(e, r) {
+  return a(), s("b", cr, [
+    l(e.$slots, "default")
   ]);
 }
-const st = /* @__PURE__ */ h(nr, [["render", sr]]), lr = {
+const ut = /* @__PURE__ */ h(dr, [["render", ur]]), gr = {
   __name: "FormField",
   props: {
     invalid: { type: [Boolean, String] },
@@ -739,19 +756,19 @@ const st = /* @__PURE__ */ h(nr, [["render", sr]]), lr = {
   },
   setup(e) {
     const r = e, t = L(() => r.invalid === !0 || typeof r.invalid == "string" && r.invalid.trim() !== "");
-    return (o, n) => (a(), s("div", {
+    return (n, o) => (a(), s("div", {
       class: f(["group flex flex-col gap-2", { "invalid-form": t.value }])
     }, [
-      i(o.$slots, "default")
+      l(n.$slots, "default")
     ], 2));
   }
-}, ir = {}, dr = { class: "text-danger-700 hidden h-0 text-xs opacity-0 transition-all group-has-user-invalid:mt-1 group-has-user-invalid:block group-has-user-invalid:h-4 group-has-user-invalid:opacity-100 group-[&.invalid-form]:mt-1 group-[&.invalid-form]:block group-[&.invalid-form]:h-4 group-[&.invalid-form]:opacity-100" };
-function cr(e, r) {
-  return a(), s("p", dr, [
-    i(e.$slots, "default", {}, void 0, !0)
+}, pr = {}, mr = { class: "text-danger-700 hidden h-0 text-xs opacity-0 transition-all group-has-user-invalid:mt-1 group-has-user-invalid:block group-has-user-invalid:h-4 group-has-user-invalid:opacity-100 group-[&.invalid-form]:mt-1 group-[&.invalid-form]:block group-[&.invalid-form]:h-4 group-[&.invalid-form]:opacity-100" };
+function br(e, r) {
+  return a(), s("p", mr, [
+    l(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const ur = /* @__PURE__ */ h(ir, [["render", cr], ["__scopeId", "data-v-a299dc33"]]), gr = {
+const fr = /* @__PURE__ */ h(pr, [["render", br], ["__scopeId", "data-v-a299dc33"]]), hr = {
   __name: "Input",
   props: {
     modelValue: {},
@@ -759,21 +776,21 @@ const ur = /* @__PURE__ */ h(ir, [["render", cr], ["__scopeId", "data-v-a299dc33
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const r = T(e, "modelValue");
-    return (t, o) => B((a(), s("input", {
-      "onUpdate:modelValue": o[0] || (o[0] = (n) => r.value = n),
+    const r = B(e, "modelValue");
+    return (t, n) => I((a(), s("input", {
+      "onUpdate:modelValue": n[0] || (n[0] = (o) => r.value = o),
       class: "group-[&.invalid-form]:focus:ring-danger-700 group-[&.invalid-form]:ring-danger-700 text-primary-950 focus:ring-brand-primary-700 focus:user-invalid:ring-danger-700 user-invalid:ring-danger-700 rounded-lg border-[1px] border-neutral-200 bg-white px-3 py-2 text-xs ring-offset-2 transition-all duration-300 outline-none group-[&.invalid-form]:ring-2 placeholder:text-neutral-400 user-invalid:ring-2 focus:ring-2 group-[&.invalid-form]:focus:ring-2 disabled:cursor-not-allowed disabled:opacity-50"
     }, null, 512)), [
       [E, r.value]
     ]);
   }
-}, pr = {};
-function mr(e, r) {
+}, vr = {};
+function xr(e, r) {
   return a(), s("label", k(e.$attrs, { class: "text-primary-950 text-xs font-medium transition-all" }), [
-    i(e.$slots, "default")
+    l(e.$slots, "default")
   ], 16);
 }
-const br = /* @__PURE__ */ h(pr, [["render", mr]]), fr = {}, hr = {
+const _r = /* @__PURE__ */ h(vr, [["render", xr]]), yr = {}, kr = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -785,13 +802,13 @@ const br = /* @__PURE__ */ h(pr, [["render", mr]]), fr = {}, hr = {
   "stroke-linejoin": "round",
   class: "lucide lucide-x-icon lucide-x"
 };
-function vr(e, r) {
-  return a(), s("svg", hr, r[0] || (r[0] = [
-    l("path", { d: "M18 6 6 18" }, null, -1),
-    l("path", { d: "m6 6 12 12" }, null, -1)
+function Cr(e, r) {
+  return a(), s("svg", kr, r[0] || (r[0] = [
+    i("path", { d: "M18 6 6 18" }, null, -1),
+    i("path", { d: "m6 6 12 12" }, null, -1)
   ]));
 }
-const xr = /* @__PURE__ */ h(fr, [["render", vr]]), _r = { class: "max-w-72 space-y-2 rounded-xl border border-neutral-200 bg-white p-2" }, yr = { class: "flex flex-wrap gap-2" }, kr = { class: "group/item hover:border-brand-primary-500 inline-flex cursor-pointer items-center justify-center gap-2 rounded-full border border-neutral-200 bg-white px-3 py-2 text-xs transition-all" }, Cr = ["onClick"], wr = { class: "max-h-72 overflow-y-auto" }, $r = ["onClick"], Ar = {
+const wr = /* @__PURE__ */ h(yr, [["render", Cr]]), $r = { class: "max-w-72 space-y-2 rounded-xl border border-neutral-200 bg-white p-2" }, Ar = { class: "flex flex-wrap gap-2" }, Sr = { class: "group/item hover:border-brand-primary-500 inline-flex cursor-pointer items-center justify-center gap-2 rounded-full border border-neutral-200 bg-white px-3 py-2 text-xs transition-all" }, Tr = ["onClick"], Br = { class: "max-h-72 overflow-y-auto" }, Ir = ["onClick"], Rr = {
   __name: "MultiSelect",
   props: /* @__PURE__ */ N({
     data: { type: Array, required: !0 },
@@ -803,52 +820,52 @@ const xr = /* @__PURE__ */ h(fr, [["render", vr]]), _r = { class: "max-w-72 spac
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const r = T(e, "modelValue"), t = e, o = _([]), n = _(null), d = L(() => {
+    const r = B(e, "modelValue"), t = e, n = _([]), o = _(null), d = L(() => {
       let p = t.data;
-      return o.value.length && (p = p.filter(
-        (b) => !o.value.some(
+      return n.value.length && (p = p.filter(
+        (b) => !n.value.some(
           (g) => g[t.valueKey] === b[t.valueKey]
         )
-      )), n.value ? p.filter((b) => b[t.labelKey].toLowerCase().includes(n.value.toLowerCase())) : p;
+      )), o.value ? p.filter((b) => b[t.labelKey].toLowerCase().includes(o.value.toLowerCase())) : p;
     });
     function u(p) {
-      o.value.push(p), r.value = o.value;
+      n.value.push(p), r.value = n.value;
     }
     function m(p) {
-      o.value.splice(p, 1), r.value = o.value;
+      n.value.splice(p, 1), r.value = n.value;
     }
     return X(() => {
-      o.value = r.value;
-    }), (p, b) => (a(), s("div", _r, [
-      l("ul", yr, [
-        (a(!0), s(S, null, I(o.value, (g, v) => (a(), s("li", kr, [
-          O(D(g[t.labelKey]) + " ", 1),
-          l("button", {
-            onClick: (z) => m(v),
+      n.value = r.value;
+    }), (p, b) => (a(), s("div", $r, [
+      i("ul", Ar, [
+        (a(!0), s(S, null, R(n.value, (g, v) => (a(), s("li", Sr, [
+          q(D(g[t.labelKey]) + " ", 1),
+          i("button", {
+            onClick: (M) => m(v),
             class: "hidden shrink-0 cursor-pointer rounded-full group-hover/item:block"
           }, [
-            j(xr, { class: "size-3.5 stroke-neutral-600" })
-          ], 8, Cr)
+            j(wr, { class: "size-3.5 stroke-neutral-600" })
+          ], 8, Tr)
         ]))), 256))
       ]),
-      B(l("input", {
-        "onUpdate:modelValue": b[0] || (b[0] = (g) => n.value = g),
+      I(i("input", {
+        "onUpdate:modelValue": b[0] || (b[0] = (g) => o.value = g),
         class: "w-full px-2 py-3 text-xs outline-none",
         placeholder: "Search",
         type: "text"
       }, null, 512), [
-        [E, n.value]
+        [E, o.value]
       ]),
-      l("ul", wr, [
-        (a(!0), s(S, null, I(d.value, (g) => (a(), s("li", {
+      i("ul", Br, [
+        (a(!0), s(S, null, R(d.value, (g) => (a(), s("li", {
           onClick: (v) => u(g),
           class: "hover:bg-background-main cursor-pointer rounded-lg px-2 py-3 text-xs transition-colors",
           key: g[t.valueKey]
-        }, D(g[t.labelKey]), 9, $r))), 128))
+        }, D(g[t.labelKey]), 9, Ir))), 128))
       ])
     ]));
   }
-}, Sr = {
+}, Vr = {
   __name: "Radio",
   props: /* @__PURE__ */ N({
     variant: { type: String, default: "small" }
@@ -858,36 +875,36 @@ const xr = /* @__PURE__ */ h(fr, [["render", vr]]), _r = { class: "max-w-72 spac
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const r = T(e, "modelValue"), t = e, o = _(null), n = {
+    const r = B(e, "modelValue"), t = e, n = _(null), o = {
       small: { outerCircleSize: "size-4", innerCircleSize: "size-2.5" },
       large: { outerCircleSize: "size-5", innerCircleSize: "size-3" }
     };
     return (d, u) => (a(), s("button", {
-      onClick: u[2] || (u[2] = (m) => o.value.click()),
-      class: f(["group/radio has-checked:border-brand-primary-700 flex cursor-pointer items-center justify-center rounded-full border-[1px] border-transparent bg-neutral-100 duration-300 active:scale-[0.80] has-checked:bg-white", n[t.variant].outerCircleSize]),
+      onClick: u[2] || (u[2] = (m) => n.value.click()),
+      class: f(["group/radio has-checked:border-brand-primary-700 flex cursor-pointer items-center justify-center rounded-full border-[1px] border-transparent bg-neutral-100 duration-300 active:scale-[0.80] has-checked:bg-white", o[t.variant].outerCircleSize]),
       role: "radio",
       type: "button"
     }, [
-      l("div", {
-        class: f(["group-has-checked/radio:bg-brand-primary-700 grid place-items-center rounded-full opacity-0 transition-all group-has-checked/radio:opacity-100", n[t.variant].innerCircleSize])
+      i("div", {
+        class: f(["group-has-checked/radio:bg-brand-primary-700 grid place-items-center rounded-full opacity-0 transition-all group-has-checked/radio:opacity-100", o[t.variant].innerCircleSize])
       }, [
-        i(d.$slots, "default")
+        l(d.$slots, "default")
       ], 2),
-      B(l("input", k({
-        onChange: u[0] || (u[0] = W(() => {
+      I(i("input", k({
+        onChange: u[0] || (u[0] = O(() => {
         }, ["stop"]))
       }, d.$attrs, {
         "onUpdate:modelValue": u[1] || (u[1] = (m) => r.value = m),
         type: "radio",
         ref_key: "radioRef",
-        ref: o,
+        ref: n,
         hidden: ""
       }), null, 16), [
         [Q, r.value]
       ])
     ], 2));
   }
-}, Tr = "bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1YjYxNmUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLWRvd24iPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPg==')]", Br = {
+}, Dr = "bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1YjYxNmUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLWRvd24iPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPg==')]", Pr = {
   __name: "Select",
   props: {
     modelValue: {},
@@ -895,55 +912,55 @@ const xr = /* @__PURE__ */ h(fr, [["render", vr]]), _r = { class: "max-w-72 spac
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const r = T(e, "modelValue");
-    return (t, o) => B((a(), s("select", k(t.$attrs, {
-      "onUpdate:modelValue": o[0] || (o[0] = (n) => r.value = n),
-      class: ["group-[&.invalid-form]:ring-danger-700 group-[&.invalid-form]:focus:ring-danger-700 text-primary-950 user-invalid:ring-danger-700 focus:user-invalid:ring-danger-700 focus:ring-brand-primary-700 appearance-none rounded-lg border-[1px] border-neutral-200 bg-white bg-[length:16px] bg-[right_12px_center] bg-no-repeat px-3 py-2 text-xs ring-offset-2 transition-all outline-none group-[&.invalid-form]:ring-2 user-invalid:ring-2 focus:ring-2 group-[&.invalid-form]:focus:ring-2 disabled:cursor-not-allowed disabled:opacity-50", Tr]
+    const r = B(e, "modelValue");
+    return (t, n) => I((a(), s("select", k(t.$attrs, {
+      "onUpdate:modelValue": n[0] || (n[0] = (o) => r.value = o),
+      class: ["group-[&.invalid-form]:ring-danger-700 group-[&.invalid-form]:focus:ring-danger-700 text-primary-950 user-invalid:ring-danger-700 focus:user-invalid:ring-danger-700 focus:ring-brand-primary-700 appearance-none rounded-lg border-[1px] border-neutral-200 bg-white bg-[length:16px] bg-[right_12px_center] bg-no-repeat px-3 py-2 text-xs ring-offset-2 transition-all outline-none group-[&.invalid-form]:ring-2 user-invalid:ring-2 focus:ring-2 group-[&.invalid-form]:focus:ring-2 disabled:cursor-not-allowed disabled:opacity-50", Dr]
     }), [
-      i(t.$slots, "default")
+      l(t.$slots, "default")
     ], 16)), [
       [ee, r.value]
     ]);
   }
-}, Ir = {}, Rr = { class: "bg-primary-100 animate-pulse rounded-lg" };
-function Vr(e, r) {
-  return a(), s("div", Rr);
+}, zr = {}, Mr = { class: "bg-primary-100 animate-pulse rounded-lg" };
+function jr(e, r) {
+  return a(), s("div", Mr);
 }
-const Dr = /* @__PURE__ */ h(Ir, [["render", Vr]]), Pr = {}, Mr = { class: "mt-4 flex items-center gap-2" };
-function zr(e, r) {
-  return a(), s("div", Mr, [
-    i(e.$slots, "default")
+const Lr = /* @__PURE__ */ h(zr, [["render", jr]]), Er = {}, Nr = { class: "mt-4 flex items-center gap-2" };
+function Gr(e, r) {
+  return a(), s("div", Nr, [
+    l(e.$slots, "default")
   ]);
 }
-const lt = /* @__PURE__ */ h(Pr, [["render", zr]]), jr = {
+const gt = /* @__PURE__ */ h(Er, [["render", Gr]]), Wr = {
   __name: "Switch",
   props: ["modelValue"],
   emits: ["update:modelValue"],
   setup(e, { emit: r }) {
-    const t = r, o = e;
-    function n() {
-      t("update:modelValue", !o.modelValue);
+    const t = r, n = e;
+    function o() {
+      t("update:modelValue", !n.modelValue);
     }
     return (d, u) => (a(), s("button", k(d.$attrs, {
-      onClick: u[0] || (u[0] = (m) => n()),
+      onClick: u[0] || (u[0] = (m) => o()),
       class: [
         "group/switch h-5 w-9 cursor-pointer rounded-full p-0.5 transition-all duration-300 disabled:cursor-not-allowed disabled:opacity-50",
-        o.modelValue ? "from-brand-primary-600 to-brand-primary-700 bg-gradient-to-br" : "bg-neutral-200"
+        n.modelValue ? "from-brand-primary-600 to-brand-primary-700 bg-gradient-to-br" : "bg-neutral-200"
       ],
       role: "switch",
       type: "button"
     }), [
-      l("span", {
-        class: f(["pointer-events-none flex size-4 items-center justify-center rounded-full bg-white shadow-md transition-all duration-300", { "translate-x-full": o.modelValue }])
+      i("span", {
+        class: f(["pointer-events-none flex size-4 items-center justify-center rounded-full bg-white shadow-md transition-all duration-300", { "translate-x-full": n.modelValue }])
       }, [
-        i(d.$slots, "icon")
+        l(d.$slots, "icon")
       ], 2)
     ], 16));
   }
-}, Lr = { class: "w-full" }, Er = { class: "h-16" }, Nr = { key: 0 }, Gr = {
+}, Or = { class: "w-full" }, qr = { class: "h-16" }, Hr = { key: 0 }, Fr = {
   key: 0,
   class: "pe-4"
-}, Wr = {
+}, Kr = {
   __name: "Table",
   props: {
     columns: { type: Array, required: !0 },
@@ -951,57 +968,57 @@ const lt = /* @__PURE__ */ h(Pr, [["render", zr]]), jr = {
   },
   setup(e) {
     const r = e;
-    return (t, o) => (a(), s("table", Lr, [
-      l("thead", null, [
-        l("tr", Er, [
-          (a(!0), s(S, null, I(r.columns, (n) => (a(), s("th", {
-            key: n.key,
+    return (t, n) => (a(), s("table", Or, [
+      i("thead", null, [
+        i("tr", qr, [
+          (a(!0), s(S, null, R(r.columns, (o) => (a(), s("th", {
+            key: o.key,
             class: "text-xs font-medium text-neutral-600 first-of-type:ps-4"
-          }, D(n.label), 1))), 128)),
-          t.$slots.actions ? (a(), s("th", Nr)) : V("", !0)
+          }, D(o.label), 1))), 128)),
+          t.$slots.actions ? (a(), s("th", Hr)) : T("", !0)
         ])
       ]),
-      l("tbody", null, [
-        (a(!0), s(S, null, I(r.data, (n, d) => (a(), s("tr", {
+      i("tbody", null, [
+        (a(!0), s(S, null, R(r.data, (o, d) => (a(), s("tr", {
           key: d,
           class: "odd:bg-background-main/50 hover:bg-background-main min-h-16 rounded-md transition-all"
         }, [
-          (a(!0), s(S, null, I(r.columns, (u) => (a(), s("td", {
+          (a(!0), s(S, null, R(r.columns, (u) => (a(), s("td", {
             key: u.key,
             class: "text-primary-950 py-4 text-xs first-of-type:rounded-s-md first-of-type:ps-4 last-of-type:rounded-e-md last-of-type:pe-4"
           }, [
-            i(t.$slots, u.key, { row: n }, () => [
-              O(D(n[u.key]), 1)
+            l(t.$slots, u.key, { row: o }, () => [
+              q(D(o[u.key]), 1)
             ])
           ]))), 128)),
-          t.$slots.actions ? (a(), s("td", Gr, [
-            i(t.$slots, "actions", { row: n })
-          ])) : V("", !0)
+          t.$slots.actions ? (a(), s("td", Fr, [
+            l(t.$slots, "actions", { row: o })
+          ])) : T("", !0)
         ]))), 128))
       ])
     ]));
   }
-}, Or = { class: "overflow-x-scroll rounded-xl bg-neutral-100/50 p-1 [&::-webkit-scrollbar]:hidden" }, qr = {
+}, Ur = { class: "overflow-x-scroll rounded-xl bg-neutral-100/50 p-1 [&::-webkit-scrollbar]:hidden" }, Zr = {
   __name: "Tabs",
   props: {
     default: { default: null }
   },
   setup(e) {
     const t = _(e.default);
-    function o(n) {
-      t.value = n;
+    function n(o) {
+      t.value = o;
     }
-    return P("TAB_DATA", { currentValue: t, setCurrentValue: o }), (n, d) => (a(), s("div", Or, [
-      i(n.$slots, "default")
+    return P("TAB_DATA", { currentValue: t, setCurrentValue: n }), (o, d) => (a(), s("div", Ur, [
+      l(o.$slots, "default")
     ]));
   }
-}, Hr = {
+}, Jr = {
   __name: "TabItem",
   props: {
     value: { required: !0 }
   },
   setup(e) {
-    const r = e, t = y("TAB_DATA"), { currentValue: o, setCurrentValue: n } = t, d = L(() => o.value === r.value ? [
+    const r = e, t = y("TAB_DATA"), { currentValue: n, setCurrentValue: o } = t, d = L(() => n.value === r.value ? [
       "bg-white",
       "font-medium",
       "text-primary-700",
@@ -1009,13 +1026,13 @@ const lt = /* @__PURE__ */ h(Pr, [["render", zr]]), jr = {
       "tab-active"
     ] : "text-neutral-600");
     return (u, m) => (a(), s("button", {
-      onClick: m[0] || (m[0] = (p) => c(n)(r.value)),
+      onClick: m[0] || (m[0] = (p) => c(o)(r.value)),
       class: f(["tab h-8 cursor-pointer rounded-lg px-3 text-xs transition-all disabled:cursor-not-allowed disabled:opacity-50", d.value])
     }, [
-      i(u.$slots, "default", {}, void 0, !0)
+      l(u.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}, Fr = /* @__PURE__ */ h(Hr, [["__scopeId", "data-v-9e06f71f"]]), Kr = {
+}, Yr = /* @__PURE__ */ h(Jr, [["__scopeId", "data-v-9e06f71f"]]), Xr = {
   __name: "TextArea",
   props: /* @__PURE__ */ N(["modelValue"], {
     modelValue: {},
@@ -1023,68 +1040,68 @@ const lt = /* @__PURE__ */ h(Pr, [["render", zr]]), jr = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const r = T(e, "modelValue");
-    return (t, o) => B((a(), s("textarea", k({
-      onInput: o[0] || (o[0] = (n) => t.$emit("update:modelValue", n.target.value))
+    const r = B(e, "modelValue");
+    return (t, n) => I((a(), s("textarea", k({
+      onInput: n[0] || (n[0] = (o) => t.$emit("update:modelValue", o.target.value))
     }, t.$attrs, {
-      "onUpdate:modelValue": o[1] || (o[1] = (n) => r.value = n),
+      "onUpdate:modelValue": n[1] || (n[1] = (o) => r.value = o),
       class: "text-primary-950 neutral-400:text-neutral-400 focus:ring-brand-primary-700 group-[&.invalid-form]:focus:ring-danger-700 group-[&.invalid-form]:ring-danger-700 focus:user-invalid:ring-danger-700 user-invalid:ring-danger-700 rounded-lg border-[1px] border-neutral-200 px-3 py-2 text-xs ring-offset-2 transition-all outline-none group-[&.invalid-form]:ring-2 user-invalid:ring-2 focus:ring-2 focus:ring-offset-2 group-[&.invalid-form]:focus:ring-2 disabled:cursor-not-allowed disabled:opacity-50"
     }), null, 16)), [
       [E, r.value]
     ]);
   }
-}, Ur = C(() => import("./Dialog-BHLcOviq.js")), Zr = C(() => import("./DialogContent-BfrkVmQ4.js")), Jr = C(() => import("./DialogToggle-BBhhbRSr.js")), Yr = C(
+}, Qr = C(() => import("./Dialog-BHLcOviq.js")), et = C(() => import("./DialogContent-BrXhtNDl.js")), rt = C(() => import("./DialogToggle-BBhhbRSr.js")), tt = C(
   () => import("./DialogBackground-WvtbjhWD.js")
-), Xr = C(() => import("./Sheet-BSbgTrds.js")), Qr = C(() => import("./SheetContent-CcUAnFV8.js")), et = C(() => import("./SheetToggle-CE4cgr3o.js")), it = {
+), ot = C(() => import("./Sheet-BSbgTrds.js")), nt = C(() => import("./SheetContent-CwM7Ef5X.js")), at = C(() => import("./SheetToggle-CE4cgr3o.js")), pt = {
   install(e) {
-    e.component("Alert", re), e.component("AlertContent", ae), e.component("AlertTitle", de), e.component("AppHeaderLink", be), e.component("AppLayout", ve), e.component("AppMain", xe), e.component("AppNavTabs", Ce), e.component("AppNavTab", $e), e.component("AppSidebar", Se), e.component("AppSidebarItem", Be), e.component("AppSidebarItemChild", Re), e.component("AppSidebarItemChildren", Ve), e.component("AppSidebarItemParent", Me), e.component("AppSidebarToggle", je), e.component("AppSidebarNavSection", We), e.component("Badge", Oe), e.component("Button", qe), e.component("Checkbox", Ue), e.component("Card", H), e.component("Dialog", Ur), e.component("DialogContent", Zr), e.component("DialogToggle", Jr), e.component("DialogBackground", Yr), e.component("Empty", er), e.component("FormField", lr), e.component("FormFieldError", ur), e.component("Input", gr), e.component("Label", br), e.component("MultiSelect", Ar), e.component("Radio", Sr), e.component("Select", Br), e.component("Sheet", Xr), e.component("SheetContent", Qr), e.component("SheetToggle", et), e.component("SkeletonLoader", Dr), e.component("Switch", jr), e.component("Table", Wr), e.component("Tabs", qr), e.component("TabItem", Fr), e.component("TextArea", Kr);
+    e.component("Alert", re), e.component("AlertContent", ae), e.component("AlertTitle", de), e.component("AppHeaderLink", he), e.component("AppLayout", _e), e.component("AppMain", ye), e.component("AppNavTabs", $e), e.component("AppNavTab", Se), e.component("AppSidebar", Re), e.component("AppSidebarItem", De), e.component("AppSidebarItemChild", ze), e.component("AppSidebarItemChildren", Me), e.component("AppSidebarItemParent", Ee), e.component("AppSidebarToggle", Ge), e.component("AppSidebarNavSection", Ke), e.component("Badge", Ue), e.component("Button", Ze), e.component("Checkbox", Qe), e.component("Card", F), e.component("Dialog", Qr), e.component("DialogContent", et), e.component("DialogToggle", rt), e.component("DialogBackground", tt), e.component("Empty", ar), e.component("FormField", gr), e.component("FormFieldError", fr), e.component("Input", hr), e.component("Label", _r), e.component("MultiSelect", Rr), e.component("Radio", Vr), e.component("Select", Pr), e.component("Sheet", ot), e.component("SheetContent", nt), e.component("SheetToggle", at), e.component("SkeletonLoader", Lr), e.component("Switch", Wr), e.component("Table", Kr), e.component("Tabs", Zr), e.component("TabItem", Yr), e.component("TextArea", Xr);
   }
 };
 export {
   ae as A,
-  Br as B,
-  H as C,
-  Ur as D,
-  er as E,
-  ur as F,
-  Qr as G,
-  et as H,
-  Dr as I,
-  lt as J,
-  jr as K,
-  br as L,
-  Wr as M,
-  qr as N,
-  Kr as O,
-  it as P,
-  nt as Q,
-  Xr as S,
-  Fr as T,
+  Pr as B,
+  F as C,
+  Qr as D,
+  ar as E,
+  fr as F,
+  nt as G,
+  at as H,
+  Lr as I,
+  gt as J,
+  Wr as K,
+  _r as L,
+  Kr as M,
+  Zr as N,
+  Xr as O,
+  pt as P,
+  dt as Q,
+  ot as S,
+  Yr as T,
   re as _,
   de as a,
-  ot as b,
-  be as c,
-  ve as d,
-  xe as e,
-  Ce as f,
-  $e as g,
-  Se as h,
-  Be as i,
-  Re as j,
-  Ve as k,
-  Me as l,
-  je as m,
-  We as n,
-  Oe as o,
-  qe as p,
-  Ue as q,
-  Zr as r,
-  Jr as s,
-  Yr as t,
-  at as u,
-  st as v,
-  lr as w,
-  gr as x,
-  Ar as y,
-  Sr as z
+  it as b,
+  he as c,
+  _e as d,
+  ye as e,
+  $e as f,
+  Se as g,
+  Re as h,
+  De as i,
+  ze as j,
+  Me as k,
+  Ee as l,
+  Ge as m,
+  Ke as n,
+  Ue as o,
+  Ze as p,
+  Qe as q,
+  et as r,
+  rt as s,
+  tt as t,
+  ct as u,
+  ut as v,
+  gr as w,
+  hr as x,
+  Rr as y,
+  Vr as z
 };