scrubbed-tailwind-components-v2 2.5.3 → 2.5.4

package/dist/AppNavTab.vue.d.ts

@@ -4,9 +4,9 @@ type __VLS_WithSlots<T, S> = T & (new () => {
     $slots: S;
 });
 declare const __VLS_component: import("vue").DefineComponent<{}, {
-    to: string;
+    to: string | Record<string, any>;
     $props: {
-        readonly to?: string;
+        readonly to?: string | Record<string, any>;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {

package/dist/{DialogContent-BQ3bdCEs.js → DialogContent-DCs1bZqu.js}

@@ -8,7 +8,7 @@ const D = {
   setup(f) {
     const g = i(
       () => import("./DialogBackground-WvtbjhWD.js")
-    ), m = i(() => import("./index-CoFsEOrT.js").then((t) => t.Q)), l = f, { toggled: r, toggleDialog: k } = y("DIALOG_META");
+    ), m = i(() => import("./index-DW7UkJJk.js").then((t) => t.V)), l = f, { toggled: r, toggleDialog: k } = y("DIALOG_META");
     return (t, s) => (o(), n(C, { to: "body" }, [
       d(c, { name: "fade-in" }, {
         default: a(() => [

package/dist/{SheetContent-DflOq7ZN.js → SheetContent-CtZN-OFm.js}

@@ -7,7 +7,7 @@ const w = {
   setup(m) {
     const u = s(
       () => import("./DialogBackground-WvtbjhWD.js")
-    ), p = s(() => import("./index-CoFsEOrT.js").then((t) => t.Q)), f = m, { toggled: a, toggleSheet: g } = h("SHEET_META");
+    ), p = s(() => import("./index-DW7UkJJk.js").then((t) => t.V)), f = m, { toggled: a, toggleSheet: g } = h("SHEET_META");
     return (t, l) => (o(), n(C, { to: "body" }, [
       d(i, { name: "fade-in" }, {
         default: r(() => [

package/dist/{index-CoFsEOrT.js → index-DW7UkJJk.js}

@@ -1,6 +1,6 @@
-import { useSlots as W, 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 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 { useSlots as W, 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 V, ref as _, createVNode as L, Fragment as S, createCommentVNode as T, Teleport as J, normalizeStyle as Y, watch as X, resolveComponent as Q, mergeProps as k, useModel as B, withDirectives as I, withModifiers as O, vModelCheckbox as ee, computed as E, vModelText as N, mergeModels as G, onMounted as re, renderList as R, createTextVNode as q, toDisplayString as D, vModelRadio as te, vModelSelect as oe, defineAsyncComponent as C } from "vue";
 import { RouterLink as M, useRoute as H } from "vue-router";
-const re = {
+const ne = {
   __name: "Alert",
   props: {
     variant: {
@@ -65,27 +65,27 @@ const re = {
   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, [
+}, ae = {}, se = { class: "text-sm text-neutral-600" };
+function le(e, r) {
+  return a(), s("span", se, [
     i(e.$slots, "default")
   ]);
 }
-const ae = /* @__PURE__ */ h(te, [["render", ne]]), se = {}, le = { class: "font-medium" };
-function ie(e, r) {
-  return a(), s("p", le, [
+const ie = /* @__PURE__ */ h(ae, [["render", le]]), de = {}, ce = { class: "font-medium" };
+function ue(e, r) {
+  return a(), s("p", ce, [
     i(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: "lg:w-60" }, pe = { class: "hidden xl:block" }, me = { class: "flex items-center gap-10" }, be = { class: "hidden gap-6 sm:flex" }, ct = {
+const ge = /* @__PURE__ */ h(de, [["render", ue]]), pe = { class: "flex w-full items-center justify-between" }, me = { class: "flex items-center gap-2" }, be = { class: "lg:w-60" }, fe = { class: "hidden xl:block" }, he = { class: "flex items-center gap-10" }, ve = { class: "hidden gap-6 sm:flex" }, bt = {
   __name: "AppHeader",
   setup(e) {
     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("nav", pe, [
+        l("div", me, [
           l("button", {
             onClick: d[0] || (d[0] = (u) => c(n)()),
             class: "block cursor-pointer rounded-full p-2 hover:bg-neutral-100 lg:hidden"
@@ -107,15 +107,15 @@ const de = /* @__PURE__ */ h(se, [["render", ie]]), ce = { class: "flex w-full i
               l("path", { d: "M4 6h16" })
             ], -1)
           ])),
-          l("div", ge, [
+          l("div", be, [
             i(o.$slots, "header-img")
           ]),
-          l("div", pe, [
+          l("div", fe, [
             i(o.$slots, "header-banner")
           ])
         ]),
-        l("div", me, [
-          l("ul", be, [
+        l("div", he, [
+          l("ul", ve, [
             i(o.$slots, "header-links")
           ]),
           i(o.$slots, "header-actions")
@@ -123,7 +123,7 @@ const de = /* @__PURE__ */ h(se, [["render", ie]]), ce = { class: "flex w-full i
       ])
     ], 2));
   }
-}, fe = ["href"], he = {
+}, xe = ["href"], _e = {
   __name: "AppHeaderLink",
   props: {
     to: { type: String, required: !0 }
@@ -146,10 +146,10 @@ const de = /* @__PURE__ */ h(se, [["render", ie]]), ce = { class: "flex w-full i
         href: r.to
       }, [
         i(t.$slots, "default")
-      ], 8, fe))
+      ], 8, xe))
     ]));
   }
-}, ve = { class: "relative" }, xe = { class: "flex" }, _e = {
+}, ye = { class: "relative" }, ke = { class: "flex" }, Ce = {
   __name: "AppLayout",
   setup(e) {
     const r = _(!1);
@@ -167,9 +167,9 @@ const de = /* @__PURE__ */ h(se, [["render", ie]]), ce = { class: "flex w-full i
           "origin-[center_top] translate-y-4 scale-93": r.value
         }])
       }, [
-        l("div", ve, [
+        l("div", ye, [
           (a(), x($(A((m = (u = o.$slots).default) == null ? void 0 : m.call(u)[0])))),
-          l("div", xe, [
+          l("div", ke, [
             (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]))))
           ])
@@ -177,7 +177,7 @@ const de = /* @__PURE__ */ h(se, [["render", ie]]), ce = { class: "flex w-full i
       ], 2);
     };
   }
-}, ye = { class: "grid h-full w-full place-items-center items-center" }, ke = { class: "mb-6 h-full w-full max-w-480 space-y-6" }, Ce = {
+}, we = { class: "grid h-full w-full place-items-center items-center" }, $e = { class: "mb-6 h-full w-full max-w-480 space-y-6" }, Ae = {
   __name: "AppMain",
   setup(e) {
     const r = y("APP_DATA"), { isSidebarToggled: t } = r;
@@ -187,28 +187,28 @@ const de = /* @__PURE__ */ h(se, [["render", ie]]), ce = { class: "flex w-full i
         c(t) ? "overflow-hidden rounded-t-xl sm:rounded-none" : "sm:rounded-tl-2xl"
       ])
     }, [
-      l("div", ye, [
-        l("div", ke, [
+      l("div", we, [
+        l("div", $e, [
           i(n.$slots, "default")
         ])
       ])
     ], 2));
   }
-}, we = {}, $e = { class: "flex w-full overflow-x-auto border-b-[1px] border-neutral-200 [&::-webkit-scrollbar]:hidden" };
-function Ae(e, r) {
-  return a(), s("div", $e, [
+}, Se = {}, Te = { class: "flex w-full overflow-x-auto border-b-[1px] border-neutral-200 [&::-webkit-scrollbar]:hidden" };
+function Be(e, r) {
+  return a(), s("div", Te, [
     i(e.$slots, "default")
   ]);
 }
-const Se = /* @__PURE__ */ h(we, [["render", Ae]]), Te = { class: "shrink-0" }, Be = {
+const Ie = /* @__PURE__ */ h(Se, [["render", Be]]), Re = { class: "shrink-0" }, Ve = {
   __name: "AppNavTab",
   props: {
-    to: { type: String, required: !0 }
+    to: { type: [String, Object], required: !0 }
   },
   setup(e) {
     const r = e;
-    return _(null), (t, n) => (a(), s("div", Te, [
-      j(c(M), {
+    return _(null), (t, n) => (a(), s("div", Re, [
+      L(c(M), {
         class: "[&.router-link-exact-active]:text-brand-primary-900 [&.router-link-exact-active]:border-brand-primary-700 [&.router-link-exact-active]:bg-primary-100 group relative flex h-10 shrink-0 items-center justify-between gap-2 rounded-t-xl border-b-2 border-transparent px-4 text-xs text-neutral-600 transition-all hover:border-neutral-400 hover:bg-neutral-100 [&.router-link-exact-active]:font-medium",
         to: r.to
       }, {
@@ -219,30 +219,30 @@ const Se = /* @__PURE__ */ h(we, [["render", Ae]]), Te = { class: "shrink-0" },
       }, 8, ["to"])
     ]));
   }
-}, Ie = { 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" }, Re = {
+}, De = { 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" }, Pe = {
   key: 0,
   class: "sticky top-0 z-50 bg-white"
-}, Ve = {
+}, Me = {
   key: 1,
   class: "sticky bottom-0 z-50 bg-white"
-}, De = {
+}, ze = {
   __name: "AppSidebar",
   setup(e) {
     const r = y("APP_DATA"), { isSidebarToggled: t, toggleSidebar: n } = r;
     return W(), (o, d) => (a(), s(S, null, [
-      l("aside", Ie, [
-        o.$slots.header ? (a(), s("div", Re, [
+      l("aside", De, [
+        o.$slots.header ? (a(), s("div", Pe, [
           i(o.$slots, "header")
         ])) : T("", !0),
         i(o.$slots, "default"),
-        o.$slots.footer ? (a(), s("div", Ve, [
+        o.$slots.footer ? (a(), s("div", Me, [
           i(o.$slots, "footer")
         ])) : T("", !0)
       ]),
-      (a(), x(K, { to: "body" }, [
+      (a(), x(J, { to: "body" }, [
         l("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(
+          style: Y(
             c(t) ? "transform: translateZ(0)" : "transform: translate3d(0,60svh,0)"
           )
         }, [
@@ -258,7 +258,7 @@ const Se = /* @__PURE__ */ h(we, [["render", Ae]]), Te = { class: "shrink-0" },
       ]))
     ], 64));
   }
-}, Pe = { class: "flex flex-col" }, Me = {
+}, je = { class: "flex flex-col" }, Le = {
   __name: "AppSidebarItem",
   setup(e) {
     H();
@@ -266,11 +266,11 @@ const Se = /* @__PURE__ */ h(we, [["render", Ae]]), Te = { class: "shrink-0" },
     function t() {
       r.value = !r.value;
     }
-    return P("SIDEBAR_TOGGLE", { toggled: r, toggleSidebarItem: t }), (n, o) => (a(), s("div", Pe, [
+    return P("SIDEBAR_TOGGLE", { toggled: r, toggleSidebarItem: t }), (n, o) => (a(), s("div", je, [
       i(n.$slots, "default")
     ]));
   }
-}, ze = ["href"], je = {
+}, Ee = ["href"], Ne = {
   __name: "AppSidebarItemChild",
   props: {
     to: { type: [String, Object], required: !0 }
@@ -292,9 +292,9 @@ const Se = /* @__PURE__ */ h(we, [["render", Ae]]), Te = { class: "shrink-0" },
       href: r.to
     }, [
       i(t.$slots, "default")
-    ], 8, ze));
+    ], 8, Ee));
   }
-}, Le = {
+}, Ge = {
   __name: "AppSidebarItemChildren",
   setup(e) {
     const r = y("SIDEBAR_TOGGLE"), { toggled: t } = r;
@@ -304,7 +304,7 @@ const Se = /* @__PURE__ */ h(we, [["render", Ae]]), Te = { class: "shrink-0" },
       i(n.$slots, "default")
     ], 2));
   }
-}, Ee = { 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" }, Ne = ["href"], Ge = {
+}, We = { 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" }, Oe = ["href"], qe = {
   __name: "AppSidebarItemParent",
   props: {
     to: { type: [String, Object], required: !0 },
@@ -318,7 +318,7 @@ const Se = /* @__PURE__ */ h(we, [["render", Ae]]), Te = { class: "shrink-0" },
         (g) => t.name === g.name
       ) ? d.value = !0 : d.value = !1;
     }
-    return Z(r, () => p(), { immediate: !0 }), (b, g) => (a(), s("div", Ee, [
+    return X(r, () => p(), { immediate: !0 }), (b, g) => (a(), s("div", We, [
       typeof t.to == "object" || t.to.startsWith("/") ? (a(), x(c(M), {
         key: 0,
         onClick: g[0] || (g[0] = (v) => c(m)()),
@@ -335,7 +335,7 @@ const Se = /* @__PURE__ */ h(we, [["render", Ae]]), Te = { class: "shrink-0" },
         href: t.to
       }, [
         i(b.$slots, "default")
-      ], 8, Ne)),
+      ], 8, Oe)),
       t.hasChildren ? (a(), s("button", {
         key: 2,
         onClick: g[1] || (g[1] = (v) => c(u)()),
@@ -359,14 +359,14 @@ const Se = /* @__PURE__ */ h(we, [["render", Ae]]), Te = { class: "shrink-0" },
       ])) : T("", !0)
     ]));
   }
-}, We = { 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" }, Oe = {
+}, He = { 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" }, Fe = {
   __name: "AppSidebarToggle",
   setup(e) {
     const r = y("SIDEBAR_TOGGLE");
     return (t, n) => {
-      const o = J("RouterLink");
-      return a(), s("div", We, [
-        j(o, {
+      const o = Q("RouterLink");
+      return a(), s("div", He, [
+        L(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: "/"
         }, {
@@ -398,21 +398,21 @@ const Se = /* @__PURE__ */ h(we, [["render", Ae]]), Te = { class: "shrink-0" },
       ]);
     };
   }
-}, qe = {}, He = { class: "px-4 pb-4 first-of-type:pt-4" }, Fe = {
+}, Ue = {}, Ke = { class: "px-4 pb-4 first-of-type:pt-4" }, Ze = {
   key: 0,
   class: "text-primary-950 px-1 text-sm font-medium"
-}, Ke = { class: "mt-2" };
-function Ue(e, r) {
-  return a(), s("nav", He, [
-    e.$slots.title ? (a(), s("b", Fe, [
+}, Je = { class: "mt-2" };
+function Ye(e, r) {
+  return a(), s("nav", Ke, [
+    e.$slots.title ? (a(), s("b", Ze, [
       i(e.$slots, "title")
     ])) : T("", !0),
-    l("div", Ke, [
+    l("div", Je, [
       i(e.$slots, "items")
     ])
   ]);
 }
-const Ze = /* @__PURE__ */ h(qe, [["render", Ue]]), G = {
+const Xe = /* @__PURE__ */ h(Ue, [["render", Ye]]), j = {
   /* ---------------- Solid Buttons ---------------- */
   primary: {
     backgroundColor: "bg-brand-primary-700",
@@ -640,7 +640,7 @@ const Ze = /* @__PURE__ */ h(qe, [["render", Ue]]), G = {
     hoverTextColor: "hover:text-warning-700",
     focusRing: "focus:ring-warning-200"
   }
-}, Je = {
+}, Qe = {
   __name: "Badge",
   props: {
     variant: { type: String, default: "primary" }
@@ -649,14 +649,15 @@ const Ze = /* @__PURE__ */ h(qe, [["render", Ue]]), G = {
     const r = e;
     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
+        c(j)[r.variant].backgroundColor,
+        c(j)[r.variant].textColor,
+        c(j)[r.variant].borderColor ?? ""
       ]])
     }, [
       i(t.$slots, "default")
     ], 2));
   }
-}, Ye = {
+}, er = {
   __name: "Button",
   props: {
     variant: { type: String, default: "primary" }
@@ -678,16 +679,16 @@ const Ze = /* @__PURE__ */ h(qe, [["render", Ue]]), G = {
       i(o.$slots, "default")
     ], 16));
   }
-}, Xe = {}, Qe = { class: "rounded-2xl bg-white p-6" };
-function er(e, r) {
-  return a(), s("div", Qe, [
+}, rr = {}, tr = { class: "rounded-2xl bg-white p-6" };
+function or(e, r) {
+  return a(), s("div", tr, [
     i(e.$slots, "default")
   ]);
 }
-const F = /* @__PURE__ */ h(Xe, [["render", er]]), ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const F = /* @__PURE__ */ h(rr, [["render", or]]), ft = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: F
-}, Symbol.toStringTag, { value: "Module" })), rr = {
+}, Symbol.toStringTag, { value: "Module" })), nr = {
   __name: "Checkbox",
   props: {
     modelValue: {},
@@ -723,54 +724,54 @@ const F = /* @__PURE__ */ h(Xe, [["render", er]]), ut = /* @__PURE__ */ Object.f
         ref: t,
         hidden: ""
       }), null, 16), [
-        [Y, r.value]
+        [ee, r.value]
       ])
     ]));
   }
-}, tr = {}, or = { class: "flex flex-col items-center justify-center gap-8" }, nr = { class: "flex max-w-xs flex-col items-center gap-2 text-center" }, ar = { class: "bg-brand-primary-100 mb-2 grid size-12 place-items-center rounded-full" };
-function sr(e, r) {
-  return a(), s("div", or, [
-    l("div", nr, [
-      l("div", ar, [
+}, ar = {}, sr = { class: "flex flex-col items-center justify-center gap-8" }, lr = { class: "flex max-w-xs flex-col items-center gap-2 text-center" }, ir = { class: "bg-brand-primary-100 mb-2 grid size-12 place-items-center rounded-full" };
+function dr(e, r) {
+  return a(), s("div", sr, [
+    l("div", lr, [
+      l("div", ir, [
         i(e.$slots, "icon")
       ]),
       i(e.$slots, "default")
     ])
   ]);
 }
-const lr = /* @__PURE__ */ h(tr, [["render", sr]]), ir = {}, dr = { class: "text-sm text-neutral-600" };
-function cr(e, r) {
-  return a(), s("p", dr, [
+const U = /* @__PURE__ */ h(ar, [["render", dr]]), cr = {}, ur = { class: "text-sm text-neutral-600" };
+function gr(e, r) {
+  return a(), s("p", ur, [
     i(e.$slots, "default")
   ]);
 }
-const gt = /* @__PURE__ */ h(ir, [["render", cr]]), ur = {}, gr = { class: "text-lg font-medium" };
-function pr(e, r) {
-  return a(), s("b", gr, [
+const K = /* @__PURE__ */ h(cr, [["render", gr]]), pr = {}, mr = { class: "text-lg font-medium" };
+function br(e, r) {
+  return a(), s("b", mr, [
     i(e.$slots, "default")
   ]);
 }
-const pt = /* @__PURE__ */ h(ur, [["render", pr]]), mr = {
+const Z = /* @__PURE__ */ h(pr, [["render", br]]), fr = {
   __name: "FormField",
   props: {
     invalid: { type: [Boolean, String] },
     validate: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const r = e, t = L(() => r.invalid === !0 || typeof r.invalid == "string" && r.invalid.trim() !== "");
+    const r = e, t = E(() => r.invalid === !0 || typeof r.invalid == "string" && r.invalid.trim() !== "");
     return (n, o) => (a(), s("div", {
       class: f(["group flex flex-col gap-2", { "invalid-form": t.value }])
     }, [
       i(n.$slots, "default")
     ], 2));
   }
-}, br = {}, fr = { 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 hr(e, r) {
-  return a(), s("p", fr, [
+}, hr = {}, vr = { 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 xr(e, r) {
+  return a(), s("p", vr, [
     i(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const vr = /* @__PURE__ */ h(br, [["render", hr], ["__scopeId", "data-v-a299dc33"]]), xr = {
+const _r = /* @__PURE__ */ h(hr, [["render", xr], ["__scopeId", "data-v-a299dc33"]]), yr = {
   __name: "Input",
   props: {
     modelValue: {},
@@ -781,18 +782,18 @@ const vr = /* @__PURE__ */ h(br, [["render", hr], ["__scopeId", "data-v-a299dc33
     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"
+      class: "group-[&.invalid-form]:focus:ring-danger-300 group-[&.invalid-form]:ring-danger-300 group-[&.invalid-form]:focus:border-danger-700 group-[&.invalid-form]:border-danger-700 text-primary-950 focus:ring-brand-primary-200 focus:border-brand-primary-500 focus:user-invalid:border-danger-700 user-invalid:border-danger-700 focus:user-invalid:ring-danger-300 user-invalid:ring-danger-300 rounded-lg border border-neutral-200 bg-white px-3 py-2 text-xs transition-all duration-300 outline-none group-[&.invalid-form]:ring-3 placeholder:text-neutral-400 user-invalid:ring-3 focus:ring-3 group-[&.invalid-form]:focus:ring-3 disabled:cursor-not-allowed disabled:opacity-50"
     }, null, 512)), [
-      [E, r.value]
+      [N, r.value]
     ]);
   }
-}, _r = {};
-function yr(e, r) {
+}, kr = {};
+function Cr(e, r) {
   return a(), s("label", k(e.$attrs, { class: "text-primary-950 text-xs font-medium transition-all" }), [
     i(e.$slots, "default")
   ], 16);
 }
-const kr = /* @__PURE__ */ h(_r, [["render", yr]]), Cr = {}, wr = {
+const wr = /* @__PURE__ */ h(kr, [["render", Cr]]), $r = {}, Ar = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -804,15 +805,15 @@ const kr = /* @__PURE__ */ h(_r, [["render", yr]]), Cr = {}, wr = {
   "stroke-linejoin": "round",
   class: "lucide lucide-x-icon lucide-x"
 };
-function $r(e, r) {
-  return a(), s("svg", wr, r[0] || (r[0] = [
+function Sr(e, r) {
+  return a(), s("svg", Ar, r[0] || (r[0] = [
     l("path", { d: "M18 6 6 18" }, null, -1),
     l("path", { d: "m6 6 12 12" }, null, -1)
   ]));
 }
-const Ar = /* @__PURE__ */ h(Cr, [["render", $r]]), Sr = { class: "max-w-72 space-y-2 rounded-xl border border-neutral-200 bg-white p-2" }, Tr = { class: "flex flex-wrap gap-2" }, Br = { 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" }, Ir = ["onClick"], Rr = { class: "max-h-72 overflow-y-auto" }, Vr = ["onClick"], Dr = {
+const Tr = /* @__PURE__ */ h($r, [["render", Sr]]), Br = { class: "max-w-72 space-y-2 rounded-xl border border-neutral-200 bg-white p-2" }, Ir = { class: "flex flex-wrap gap-2" }, Rr = { 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" }, Vr = ["onClick"], Dr = { class: "max-h-72 overflow-y-auto" }, Pr = ["onClick"], Mr = {
   __name: "MultiSelect",
-  props: /* @__PURE__ */ N({
+  props: /* @__PURE__ */ G({
     data: { type: Array, required: !0 },
     labelKey: { type: String, required: !0 },
     valueKey: { type: String, required: !0 }
@@ -822,7 +823,7 @@ const Ar = /* @__PURE__ */ h(Cr, [["render", $r]]), Sr = { class: "max-w-72 spac
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const r = B(e, "modelValue"), t = e, n = _([]), o = _(null), d = L(() => {
+    const r = B(e, "modelValue"), t = e, n = _([]), o = _(null), d = E(() => {
       let p = t.data;
       return n.value.length && (p = p.filter(
         (b) => !n.value.some(
@@ -836,18 +837,18 @@ const Ar = /* @__PURE__ */ h(Cr, [["render", $r]]), Sr = { class: "max-w-72 spac
     function m(p) {
       n.value.splice(p, 1), r.value = n.value;
     }
-    return X(() => {
+    return re(() => {
       n.value = r.value;
-    }), (p, b) => (a(), s("div", Sr, [
-      l("ul", Tr, [
-        (a(!0), s(S, null, R(n.value, (g, v) => (a(), s("li", Br, [
+    }), (p, b) => (a(), s("div", Br, [
+      l("ul", Ir, [
+        (a(!0), s(S, null, R(n.value, (g, v) => (a(), s("li", Rr, [
           q(D(g[t.labelKey]) + " ", 1),
           l("button", {
             onClick: (z) => m(v),
             class: "hidden shrink-0 cursor-pointer rounded-full group-hover/item:block"
           }, [
-            j(Ar, { class: "size-3.5 stroke-neutral-600" })
-          ], 8, Ir)
+            L(Tr, { class: "size-3.5 stroke-neutral-600" })
+          ], 8, Vr)
         ]))), 256))
       ]),
       I(l("input", {
@@ -856,20 +857,20 @@ const Ar = /* @__PURE__ */ h(Cr, [["render", $r]]), Sr = { class: "max-w-72 spac
         placeholder: "Search",
         type: "text"
       }, null, 512), [
-        [E, o.value]
+        [N, o.value]
       ]),
-      l("ul", Rr, [
+      l("ul", Dr, [
         (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, Vr))), 128))
+        }, D(g[t.labelKey]), 9, Pr))), 128))
       ])
     ]));
   }
-}, Pr = {
+}, zr = {
   __name: "Radio",
-  props: /* @__PURE__ */ N({
+  props: /* @__PURE__ */ G({
     variant: { type: String, default: "small" }
   }, {
     modelValue: {},
@@ -902,11 +903,11 @@ const Ar = /* @__PURE__ */ h(Cr, [["render", $r]]), Sr = { class: "max-w-72 spac
         ref: n,
         hidden: ""
       }), null, 16), [
-        [Q, r.value]
+        [te, r.value]
       ])
     ], 2));
   }
-}, Mr = "bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1YjYxNmUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLWRvd24iPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPg==')]", zr = {
+}, jr = "bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1YjYxNmUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLWRvd24iPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPg==')]", Lr = {
   __name: "Select",
   props: {
     modelValue: {},
@@ -917,24 +918,24 @@ const Ar = /* @__PURE__ */ h(Cr, [["render", $r]]), Sr = { class: "max-w-72 spac
     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", Mr]
+      class: ["group-[&.invalid-form]:focus:ring-danger-300 group-[&.invalid-form]:ring-danger-300 group-[&.invalid-form]:focus:border-danger-700 group-[&.invalid-form]:border-danger-700 text-primary-950 focus:ring-brand-primary-200 focus:border-brand-primary-500 focus:user-invalid:border-danger-700 user-invalid:border-danger-700 focus:user-invalid:ring-danger-300 user-invalid:ring-danger-300 appearance-none rounded-lg border border-neutral-200 bg-white bg-[length:16px] bg-[right_8px_center] bg-no-repeat py-2 ps-3 pe-8 text-xs transition-all duration-300 outline-none group-[&.invalid-form]:ring-3 user-invalid:ring-3 focus:ring-3 group-[&.invalid-form]:focus:ring-3 disabled:cursor-not-allowed disabled:opacity-50", jr]
     }), [
       i(t.$slots, "default")
     ], 16)), [
-      [ee, r.value]
+      [oe, r.value]
     ]);
   }
-}, jr = {}, Lr = { class: "bg-primary-100 animate-pulse rounded-lg" };
-function Er(e, r) {
-  return a(), s("div", Lr);
+}, Er = {}, Nr = { class: "bg-primary-100 animate-pulse rounded-lg" };
+function Gr(e, r) {
+  return a(), s("div", Nr);
 }
-const Nr = /* @__PURE__ */ h(jr, [["render", Er]]), Gr = {}, Wr = { class: "mt-4 flex items-center gap-2" };
-function Or(e, r) {
-  return a(), s("div", Wr, [
+const Wr = /* @__PURE__ */ h(Er, [["render", Gr]]), Or = {}, qr = { class: "mt-4 flex items-center gap-2" };
+function Hr(e, r) {
+  return a(), s("div", qr, [
     i(e.$slots, "default")
   ]);
 }
-const mt = /* @__PURE__ */ h(Gr, [["render", Or]]), qr = {
+const ht = /* @__PURE__ */ h(Or, [["render", Hr]]), Fr = {
   __name: "Switch",
   props: ["modelValue"],
   emits: ["update:modelValue"],
@@ -959,10 +960,10 @@ const mt = /* @__PURE__ */ h(Gr, [["render", Or]]), qr = {
       ], 2)
     ], 16));
   }
-}, Hr = { class: "w-full" }, Fr = { class: "h-16" }, Kr = { key: 0 }, Ur = {
+}, Ur = { class: "w-full" }, Kr = { class: "h-16" }, Zr = { key: 0 }, Jr = {
   key: 0,
   class: "pe-4"
-}, Zr = {
+}, Yr = {
   __name: "Table",
   props: {
     columns: { type: Array, required: !0 },
@@ -970,14 +971,14 @@ const mt = /* @__PURE__ */ h(Gr, [["render", Or]]), qr = {
   },
   setup(e) {
     const r = e;
-    return (t, n) => (a(), s("table", Hr, [
+    return (t, n) => (a(), s("table", Ur, [
       l("thead", null, [
-        l("tr", Fr, [
+        l("tr", Kr, [
           (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(o.label), 1))), 128)),
-          t.$slots.actions ? (a(), s("th", Kr)) : T("", !0)
+          t.$slots.actions ? (a(), s("th", Zr)) : T("", !0)
         ])
       ]),
       l("tbody", null, [
@@ -993,14 +994,14 @@ const mt = /* @__PURE__ */ h(Gr, [["render", Or]]), qr = {
               q(D(o[u.key]), 1)
             ])
           ]))), 128)),
-          t.$slots.actions ? (a(), s("td", Ur, [
+          t.$slots.actions ? (a(), s("td", Jr, [
             i(t.$slots, "actions", { row: o })
           ])) : T("", !0)
         ]))), 128))
       ])
     ]));
   }
-}, Jr = { class: "overflow-x-scroll rounded-xl bg-neutral-100/50 p-1 [&::-webkit-scrollbar]:hidden" }, Yr = {
+}, Xr = { class: "overflow-x-scroll rounded-xl bg-neutral-100/50 p-1 [&::-webkit-scrollbar]:hidden" }, Qr = {
   __name: "Tabs",
   props: {
     default: { default: null }
@@ -1010,17 +1011,17 @@ const mt = /* @__PURE__ */ h(Gr, [["render", Or]]), qr = {
     function n(o) {
       t.value = o;
     }
-    return P("TAB_DATA", { currentValue: t, setCurrentValue: n }), (o, d) => (a(), s("div", Jr, [
+    return P("TAB_DATA", { currentValue: t, setCurrentValue: n }), (o, d) => (a(), s("div", Xr, [
       i(o.$slots, "default")
     ]));
   }
-}, Xr = {
+}, et = {
   __name: "TabItem",
   props: {
     value: { required: !0 }
   },
   setup(e) {
-    const r = e, t = y("TAB_DATA"), { currentValue: n, setCurrentValue: o } = t, d = L(() => n.value === r.value ? [
+    const r = e, t = y("TAB_DATA"), { currentValue: n, setCurrentValue: o } = t, d = E(() => n.value === r.value ? [
       "bg-white",
       "font-medium",
       "text-primary-700",
@@ -1034,9 +1035,9 @@ const mt = /* @__PURE__ */ h(Gr, [["render", Or]]), qr = {
       i(u.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}, Qr = /* @__PURE__ */ h(Xr, [["__scopeId", "data-v-9e06f71f"]]), et = {
+}, rt = /* @__PURE__ */ h(et, [["__scopeId", "data-v-9e06f71f"]]), tt = {
   __name: "TextArea",
-  props: /* @__PURE__ */ N(["modelValue"], {
+  props: /* @__PURE__ */ G(["modelValue"], {
     modelValue: {},
     modelModifiers: {}
   }),
@@ -1047,63 +1048,66 @@ const mt = /* @__PURE__ */ h(Gr, [["render", Or]]), qr = {
       onInput: n[0] || (n[0] = (o) => t.$emit("update:modelValue", o.target.value))
     }, t.$attrs, {
       "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"
+      class: "group-[&.invalid-form]:focus:ring-danger-300 group-[&.invalid-form]:ring-danger-300 group-[&.invalid-form]:focus:border-danger-700 group-[&.invalid-form]:border-danger-700 text-primary-950 focus:ring-brand-primary-200 focus:border-brand-primary-500 focus:user-invalid:border-danger-700 user-invalid:border-danger-700 focus:user-invalid:ring-danger-300 user-invalid:ring-danger-300 rounded-lg border border-neutral-200 bg-white px-3 py-2 text-xs transition-all duration-300 outline-none group-[&.invalid-form]:ring-3 placeholder:text-neutral-400 user-invalid:ring-3 focus:ring-3 group-[&.invalid-form]:focus:ring-3 disabled:cursor-not-allowed disabled:opacity-50"
     }), null, 16)), [
-      [E, r.value]
+      [N, r.value]
     ]);
   }
-}, rt = C(() => import("./Dialog-BHLcOviq.js")), tt = C(() => import("./DialogContent-BQ3bdCEs.js")), ot = C(() => import("./DialogToggle-BBhhbRSr.js")), nt = C(
+}, ot = C(() => import("./Dialog-BHLcOviq.js")), nt = C(() => import("./DialogContent-DCs1bZqu.js")), at = C(() => import("./DialogToggle-BBhhbRSr.js")), st = C(
   () => import("./DialogBackground-WvtbjhWD.js")
-), at = C(() => import("./Sheet-BSbgTrds.js")), st = C(() => import("./SheetContent-DflOq7ZN.js")), lt = C(() => import("./SheetToggle-CE4cgr3o.js")), bt = {
+), lt = U, it = K, dt = Z, ct = C(() => import("./Sheet-BSbgTrds.js")), ut = C(() => import("./SheetContent-CtZN-OFm.js")), gt = C(() => import("./SheetToggle-CE4cgr3o.js")), vt = {
   install(e) {
-    e.component("Alert", re), e.component("AlertContent", ae), e.component("AlertTitle", de), e.component("AppHeaderLink", he), e.component("AppLayout", _e), e.component("AppMain", Ce), e.component("AppNavTabs", Se), e.component("AppNavTab", Be), e.component("AppSidebar", De), e.component("AppSidebarItem", Me), e.component("AppSidebarItemChild", je), e.component("AppSidebarItemChildren", Le), e.component("AppSidebarItemParent", Ge), e.component("AppSidebarToggle", Oe), e.component("AppSidebarNavSection", Ze), e.component("Badge", Je), e.component("Button", Ye), e.component("Checkbox", rr), e.component("Card", F), e.component("Dialog", rt), e.component("DialogContent", tt), e.component("DialogToggle", ot), e.component("DialogBackground", nt), e.component("Empty", lr), e.component("FormField", mr), e.component("FormFieldError", vr), e.component("Input", xr), e.component("Label", kr), e.component("MultiSelect", Dr), e.component("Radio", Pr), e.component("Select", zr), e.component("Sheet", at), e.component("SheetContent", st), e.component("SheetToggle", lt), e.component("SkeletonLoader", Nr), e.component("Switch", qr), e.component("Table", Zr), e.component("Tabs", Yr), e.component("TabItem", Qr), e.component("TextArea", et);
+    e.component("Alert", ne), e.component("AlertContent", ie), e.component("AlertTitle", ge), e.component("AppHeaderLink", _e), e.component("AppLayout", Ce), e.component("AppMain", Ae), e.component("AppNavTabs", Ie), e.component("AppNavTab", Ve), e.component("AppSidebar", ze), e.component("AppSidebarItem", Le), e.component("AppSidebarItemChild", Ne), e.component("AppSidebarItemChildren", Ge), e.component("AppSidebarItemParent", qe), e.component("AppSidebarToggle", Fe), e.component("AppSidebarNavSection", Xe), e.component("Badge", Qe), e.component("Button", er), e.component("Checkbox", nr), e.component("Card", F), e.component("Dialog", ot), e.component("DialogContent", nt), e.component("DialogToggle", at), e.component("DialogBackground", st), e.component("Empty", U), e.component("EmptyContent", K), e.component("EmptyTitle", Z), e.component("State", lt), e.component("StateContent", it), e.component("StateTitle", dt), e.component("FormField", fr), e.component("FormFieldError", _r), e.component("Input", yr), e.component("Label", wr), e.component("MultiSelect", Mr), e.component("Radio", zr), e.component("Select", Lr), e.component("Sheet", ct), e.component("SheetContent", ut), e.component("SheetToggle", gt), e.component("SkeletonLoader", Wr), e.component("Switch", Fr), e.component("Table", Yr), e.component("Tabs", Qr), e.component("TabItem", rt), e.component("TextArea", tt);
   }
 };
 export {
-  ae as A,
-  zr as B,
+  ie as A,
+  Mr as B,
   F as C,
-  rt as D,
-  lr as E,
-  vr as F,
-  st as G,
-  lt as H,
-  Nr as I,
-  mt as J,
-  qr as K,
-  kr as L,
-  Zr as M,
-  Yr as N,
-  et as O,
-  bt as P,
-  ut as Q,
-  at as S,
-  Qr as T,
-  re as _,
-  de as a,
-  ct as b,
-  he as c,
-  _e as d,
-  Ce as e,
-  Se as f,
-  Be as g,
-  De as h,
-  Me as i,
-  je as j,
-  Le as k,
-  Ge as l,
-  Oe as m,
-  Ze as n,
-  Je as o,
-  Ye as p,
-  rr as q,
-  tt as r,
-  ot as s,
-  nt as t,
-  gt as u,
-  pt as v,
-  mr as w,
-  xr as x,
-  Dr as y,
-  Pr as z
+  ot as D,
+  U as E,
+  _r as F,
+  zr as G,
+  Lr as H,
+  ct as I,
+  ut as J,
+  gt as K,
+  wr as L,
+  Wr as M,
+  ht as N,
+  Fr as O,
+  Yr as P,
+  Qr as Q,
+  tt as R,
+  lt as S,
+  rt as T,
+  vt as U,
+  ft as V,
+  ne as _,
+  ge as a,
+  bt as b,
+  _e as c,
+  Ce as d,
+  Ae as e,
+  Ie as f,
+  Ve as g,
+  ze as h,
+  Le as i,
+  Ne as j,
+  Ge as k,
+  qe as l,
+  Fe as m,
+  Xe as n,
+  Qe as o,
+  er as p,
+  nr as q,
+  nt as r,
+  at as s,
+  st as t,
+  K as u,
+  Z as v,
+  it as w,
+  dt as x,
+  fr as y,
+  yr as z
 };

package/dist/index.d.ts

@@ -101,6 +101,59 @@ export const DialogBackground: {
 import Empty from "./Empty.vue";
 import EmptyContent from "./EmptyContent.vue";
 import EmptyTitle from "./EmptyTitle.vue";
+export const State: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        icon?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    };
+});
+export const StateContent: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?: (props: {}) => any;
+    };
+});
+export const StateTitle: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?: (props: {}) => any;
+    };
+});
 import FormField from "./FormField.vue";
 import FormFieldError from "./FormFieldError.vue";
 import Input from "./Input.vue";

package/dist/scrubbed-tailwind-components-v2.es.js

@@ -1,16 +1,16 @@
 import "vue";
-import { _ as t, A as p, a as o, b as r, c as i, d as l, e as d, g as n, f as A, h as S, i as b, j as g, k as m, l as T, n as C, m as c, o as h, p as u, C as I, q as k, D as y, t as D, r as E, s as F, E as L, u as v, v as x, w as B, F as N, x as f, L as H, y as M, z as w, B as P, S as j, G as q, H as z, I as G, J, K, T as O, M as R, N as _, O as Q, P as U } from "./index-CoFsEOrT.js";
+import { _ as t, A as p, a as o, b as i, c as r, d as l, e as n, g as d, f as S, h as A, i as b, j as g, k as m, l as T, n as C, m as c, o as h, p as u, C as I, q as k, D as y, t as D, r as E, s as F, E as L, u as v, v as x, y as B, F as N, z as f, L as H, B as M, G as w, H as P, I as R, J as j, K as q, M as z, S as G, N as J, w as K, x as O, O as Q, T as U, P as _, Q as V, R as W, U as X } from "./index-DW7UkJJk.js";
 export {
   t as Alert,
   p as AlertContent,
   o as AlertTitle,
-  r as AppHeader,
-  i as AppHeaderLink,
+  i as AppHeader,
+  r as AppHeaderLink,
   l as AppLayout,
-  d as AppMain,
-  n as AppNavTab,
-  A as AppNavTabs,
-  S as AppSidebar,
+  n as AppMain,
+  d as AppNavTab,
+  S as AppNavTabs,
+  A as AppSidebar,
   b as AppSidebarItem,
   g as AppSidebarItemChild,
   m as AppSidebarItemChildren,
@@ -35,15 +35,18 @@ export {
   M as MultiSelect,
   w as Radio,
   P as Select,
-  j as Sheet,
-  q as SheetContent,
-  z as SheetToggle,
-  G as SkeletonLoader,
+  R as Sheet,
+  j as SheetContent,
+  q as SheetToggle,
+  z as SkeletonLoader,
+  G as State,
   J as StateActions,
-  K as Switch,
-  O as TabItem,
-  R as Table,
-  _ as Tabs,
-  Q as TextArea,
-  U as default
+  K as StateContent,
+  O as StateTitle,
+  Q as Switch,
+  U as TabItem,
+  _ as Table,
+  V as Tabs,
+  W as TextArea,
+  X as default
 };

package/dist/scrubbed-tailwind-components-v2.umd.js

@@ -1 +1 @@
-(function(a,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router"],e):(a=typeof globalThis<"u"?globalThis:a||self,e(a.ScrubbedTailwindComponentsV2={},a.Vue,a.vueRouter))})(this,function(a,e,f){"use strict";const y={__name:"Alert",props:{variant:{type:String,default:"info",validator:t=>["info","success","warning","destructive"].includes(t)}},setup(t){const o=e.useSlots(),r=t,l={info:{root:"bg-brand-primary-100 border-brand-primary-300 text-brand-primary-900 ",icon:"bg-brand-primary-300 text-brand-primary-700"},success:{root:"bg-success-100 border-success-300 text-success-800",icon:"bg-success-300 text-green-700"},warning:{root:"bg-warning-100 border-warning-300 text-warning-800",icon:"bg-warning-400 text-yellow-700"},destructive:{root:"bg-danger-100 border-danger-300 text-danger-700",icon:"bg-danger-300 text-red-700"}},n={info:{icon:"stroke-brand-primary-900"},success:{icon:"stroke-success-800"},warning:{icon:"stroke-warning-800"},destructive:{icon:"stroke-danger-700"}};return e.provide("ALERT",{VARIANT_MAP:l}),(s,c)=>{var d,m,g,i,u,_;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex w-full gap-4 rounded-2xl border p-4",l[r.variant].root])},[e.createElementVNode("div",{class:e.normalizeClass(["grid size-10 place-items-center rounded-full",l[r.variant].icon])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode((m=(d=e.unref(o)).default)==null?void 0:m.call(d)[0])),{class:e.normalizeClass(["size-4",n[r.variant].icon])},null,8,["class"]))],2),e.createElementVNode("div",null,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode((i=(g=e.unref(o)).default)==null?void 0:i.call(g)[1])))),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode((_=(u=e.unref(o)).default)==null?void 0:_.call(u)[2]))))])],2)}}},p=(t,o)=>{const r=t.__vccOpts||t;for(const[l,n]of o)r[l]=n;return r},se={},ce={class:"text-sm text-neutral-600"};function ie(t,o){return e.openBlock(),e.createElementBlock("span",ce,[e.renderSlot(t.$slots,"default")])}const x=p(se,[["render",ie]]),de={},me={class:"font-medium"};function ge(t,o){return e.openBlock(),e.createElementBlock("p",me,[e.renderSlot(t.$slots,"default")])}const C=p(de,[["render",ge]]),pe={class:"flex w-full items-center justify-between"},ue={class:"flex items-center gap-2"},fe={class:"lg:w-60"},be={class:"hidden xl:block"},he={class:"flex items-center gap-10"},ke={class:"hidden gap-6 sm:flex"},_e={__name:"AppHeader",setup(t){const o=e.inject("APP_DATA"),{isSidebarToggled:r,toggleSidebar:l}=o;return(n,s)=>(e.openBlock(),e.createElementBlock("header",{class:e.normalizeClass(["fixed top-0 flex h-16 w-dvw items-center justify-center bg-white px-3 backdrop-blur sm:px-6",{"rounded-t-2xl":e.unref(r)}])},[e.createElementVNode("nav",pe,[e.createElementVNode("div",ue,[e.createElementVNode("button",{onClick:s[0]||(s[0]=c=>e.unref(l)()),class:"block cursor-pointer rounded-full p-2 hover:bg-neutral-100 lg:hidden"},s[1]||(s[1]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-menu-icon lucide-menu size-5 stroke-neutral-600"},[e.createElementVNode("path",{d:"M4 12h16"}),e.createElementVNode("path",{d:"M4 18h16"}),e.createElementVNode("path",{d:"M4 6h16"})],-1)])),e.createElementVNode("div",fe,[e.renderSlot(n.$slots,"header-img")]),e.createElementVNode("div",be,[e.renderSlot(n.$slots,"header-banner")])]),e.createElementVNode("div",he,[e.createElementVNode("ul",ke,[e.renderSlot(n.$slots,"header-links")]),e.renderSlot(n.$slots,"header-actions")])])],2))}},ye=["href"],B={__name:"AppHeaderLink",props:{to:{type:String,required:!0}},setup(t){const o=t;return(r,l)=>(e.openBlock(),e.createElementBlock("li",null,[o.to.startsWith("/")?(e.openBlock(),e.createBlock(e.unref(f.RouterLink),{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:o.to},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},8,["to"])):(e.openBlock(),e.createElementBlock("a",{key:1,class:"hover:text-primary-950 text-xs uppercase text-neutral-600 hover:transition-all",href:o.to},[e.renderSlot(r.$slots,"default")],8,ye))]))}},xe={class:"relative"},Ce={class:"flex"},w={__name:"AppLayout",setup(t){const o=e.ref(!1);function r(){window.innerWidth<=1024?(o.value=!o.value,l()):o.value&&(o.value=!1,l())}function l(){const n=document.querySelector("body");n.classList.contains("bg-black")?n.classList.remove("bg-black"):n.classList.add("bg-black")}return e.provide("APP_DATA",{isSidebarToggled:o,toggleSidebar:r}),(n,s)=>{var c,d,m,g,i,u;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["bg-white transition-all duration-500 ease-[cubic-bezier(.32,.72,0,1)]",{"origin-[center_top] translate-y-4 scale-93":o.value}])},[e.createElementVNode("div",xe,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode((d=(c=n.$slots).default)==null?void 0:d.call(c)[0])))),e.createElementVNode("div",Ce,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode((g=(m=n.$slots).default)==null?void 0:g.call(m)[1])))),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode((u=(i=n.$slots).default)==null?void 0:u.call(i)[2]))))])])],2)}}},Be={class:"grid h-full w-full place-items-center items-center"},we={class:"mb-6 h-full w-full max-w-480 space-y-6"},S={__name:"AppMain",setup(t){const o=e.inject("APP_DATA"),{isSidebarToggled:r}=o;return(l,n)=>(e.openBlock(),e.createElementBlock("main",{class:e.normalizeClass(["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)]",e.unref(r)?"overflow-hidden rounded-t-xl sm:rounded-none":"sm:rounded-tl-2xl"])},[e.createElementVNode("div",Be,[e.createElementVNode("div",we,[e.renderSlot(l.$slots,"default")])])],2))}},Se={},$e={class:"flex w-full overflow-x-auto border-b-[1px] border-neutral-200 [&::-webkit-scrollbar]:hidden"};function Ee(t,o){return e.openBlock(),e.createElementBlock("div",$e,[e.renderSlot(t.$slots,"default")])}const $=p(Se,[["render",Ee]]),Ae={class:"shrink-0"},E={__name:"AppNavTab",props:{to:{type:String,required:!0}},setup(t){const o=t;return e.ref(null),(r,l)=>(e.openBlock(),e.createElementBlock("div",Ae,[e.createVNode(e.unref(f.RouterLink),{class:"[&.router-link-exact-active]:text-brand-primary-900 [&.router-link-exact-active]:border-brand-primary-700 [&.router-link-exact-active]:bg-primary-100 group relative flex h-10 shrink-0 items-center justify-between gap-2 rounded-t-xl border-b-2 border-transparent px-4 text-xs text-neutral-600 transition-all hover:border-neutral-400 hover:bg-neutral-100 [&.router-link-exact-active]:font-medium",to:o.to},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},8,["to"])]))}},Ve={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"},Te={key:0,class:"sticky top-0 z-50 bg-white"},Ne={key:1,class:"sticky bottom-0 z-50 bg-white"},A={__name:"AppSidebar",setup(t){const o=e.inject("APP_DATA"),{isSidebarToggled:r,toggleSidebar:l}=o;return e.useSlots(),(n,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("aside",Ve,[n.$slots.header?(e.openBlock(),e.createElementBlock("div",Te,[e.renderSlot(n.$slots,"header")])):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default"),n.$slots.footer?(e.openBlock(),e.createElementBlock("div",Ne,[e.renderSlot(n.$slots,"footer")])):e.createCommentVNode("",!0)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createElementVNode("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:e.normalizeStyle(e.unref(r)?"transform: translateZ(0)":"transform: translate3d(0,60svh,0)")},[e.renderSlot(n.$slots,"default")],4),e.createElementVNode("div",{onClick:s[0]||(s[0]=c=>e.unref(l)()),class:e.normalizeClass(["backdrop transition-all [transition-behavior:allow-discrete] duration-300",e.unref(r)?"fixed inset-0 z-40 block bg-black/80 opacity-100":"hidden"])},null,2)]))],64))}},De={class:"flex flex-col"},V={__name:"AppSidebarItem",setup(t){f.useRoute();const o=e.ref(!1);function r(){o.value=!o.value}return e.provide("SIDEBAR_TOGGLE",{toggled:o,toggleSidebarItem:r}),(l,n)=>(e.openBlock(),e.createElementBlock("div",De,[e.renderSlot(l.$slots,"default")]))}},Ie=["href"],T={__name:"AppSidebarItemChild",props:{to:{type:[String,Object],required:!0}},setup(t){const o=t;return(r,l)=>typeof o.to=="object"||o.to.startsWith("/")?(e.openBlock(),e.createBlock(e.unref(f.RouterLink),{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:o.to},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},8,["to"])):(e.openBlock(),e.createElementBlock("a",{key:1,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:o.to},[e.renderSlot(r.$slots,"default")],8,Ie))}},N={__name:"AppSidebarItemChildren",setup(t){const o=e.inject("SIDEBAR_TOGGLE"),{toggled:r}=o;return(l,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["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":e.unref(r)}])},[e.renderSlot(l.$slots,"default")],2))}},Pe={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"},Me=["href"],D={__name:"AppSidebarItemParent",props:{to:{type:[String,Object],required:!0},name:{type:String},hasChildren:{type:Boolean,default:!1}},setup(t){const o=f.useRoute(),r=t,l=e.inject("SIDEBAR_TOGGLE"),n=e.inject("APP_DATA"),{toggled:s,toggleSidebarItem:c}=l,{toggleSidebar:d}=n;function m(){o.matched.some(i=>r.name===i.name)?s.value=!0:s.value=!1}return e.watch(o,()=>m(),{immediate:!0}),(g,i)=>(e.openBlock(),e.createElementBlock("div",Pe,[typeof r.to=="object"||r.to.startsWith("/")?(e.openBlock(),e.createBlock(e.unref(f.RouterLink),{key:0,onClick:i[0]||(i[0]=u=>e.unref(d)()),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:r.to},{default:e.withCtx(()=>[e.renderSlot(g.$slots,"default")]),_:3},8,["to"])):(e.openBlock(),e.createElementBlock("a",{key:1,class:"text-primary-950 peer flex h-full w-full items-center gap-3 text-xs",href:r.to},[e.renderSlot(g.$slots,"default")],8,Me)),r.hasChildren?(e.openBlock(),e.createElementBlock("button",{key:2,onClick:i[1]||(i[1]=u=>e.unref(c)()),class:"hover:bg-brand-primary-200 cursor-pointer rounded-full p-1 transition-all",type:"button"},[(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:e.normalizeClass(["lucide lucide-chevron-down-icon lucide-chevron-down stroke-brand-primary-800 transition-all duration-300",{"rotate-180":e.unref(s)}])},i[2]||(i[2]=[e.createElementVNode("path",{d:"m6 9 6 6 6-6"},null,-1)]),2))])):e.createCommentVNode("",!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"},I={__name:"AppSidebarToggle",setup(t){const o=e.inject("SIDEBAR_TOGGLE");return(r,l)=>{const n=e.resolveComponent("RouterLink");return e.openBlock(),e.createElementBlock("div",ze,[e.createVNode(n,{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:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3}),e.createElementVNode("button",{onClick:l[0]||(l[0]=s=>e.unref(o).toggleSidebarItem()),class:"cursor-pointer",type:"button"},l[1]||(l[1]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-chevron-down-icon lucide-chevron-down stroke-white"},[e.createElementVNode("path",{d:"m6 9 6 6 6-6"})],-1)]))])}}},je={},Re={class:"px-4 pb-4 first-of-type:pt-4"},Le={key:0,class:"text-primary-950 px-1 text-sm font-medium"},Oe={class:"mt-2"};function Ge(t,o){return e.openBlock(),e.createElementBlock("nav",Re,[t.$slots.title?(e.openBlock(),e.createElementBlock("b",Le,[e.renderSlot(t.$slots,"title")])):e.createCommentVNode("",!0),e.createElementVNode("div",Oe,[e.renderSlot(t.$slots,"items")])])}const P=p(je,[["render",Ge]]),M={primary:{backgroundColor:"bg-brand-primary-700",textColor:"text-white"},secondary:{backgroundColor:"bg-neutral-100",textColor:"text-neutral-700"},success:{backgroundColor:"bg-success-400",textColor:"text-white"},danger:{backgroundColor:"bg-danger-600",textColor:"text-white"},warning:{backgroundColor:"bg-warning-500",textColor:"text-neutral-950"},secondaryPrimary:{backgroundColor:"bg-brand-primary-100",textColor:"text-brand-primary-700"},secondaryAltPrimary:{backgroundColor:"bg-primary-100",textColor:"text-primary-700"},secondarySuccess:{backgroundColor:"bg-success-100",textColor:"text-success-700"},secondaryDanger:{backgroundColor:"bg-danger-100",textColor:"text-danger-700"},secondaryWarning:{backgroundColor:"bg-warning-100",textColor:"text-warning-700"},outlined:{backgroundColor:"bg-transparent",textColor:"text-neutral-700",borderColor:"border border-neutral-200"},outlinedPrimary:{backgroundColor:"bg-transparent",textColor:"text-brand-primary-700",borderColor:"border border-brand-primary-300"},outlinedSuccess:{backgroundColor:"bg-transparent",textColor:"text-success-600",borderColor:"border border-success-300"},outlinedDanger:{backgroundColor:"bg-transparent",textColor:"text-danger-600",borderColor:"border border-danger-300"},outlinedWarning:{backgroundColor:"bg-transparent",textColor:"text-warning-600",borderColor:"border border-warning-300"},ghost:{backgroundColor:"bg-transparent",textColor:"text-neutral-700"},ghostPrimary:{backgroundColor:"bg-transparent",textColor:"text-brand-primary-700"},ghostSuccess:{backgroundColor:"bg-transparent",textColor:"text-success-600"},ghostDanger:{backgroundColor:"bg-transparent",textColor:"text-danger-600"},ghostWarning:{backgroundColor:"bg-transparent",textColor:"text-warning-600"}},b={primary:{backgroundColor:"bg-gradient-to-br from-brand-primary-500 to-brand-primary-700",textColor:"text-white",hoverBackgroundColor:"hover:from-brand-primary-700 hover:to-brand-primary-800",focusRing:"focus:ring-brand-primary-300"},secondary:{backgroundColor:"bg-neutral-100",textColor:"text-neutral-700",hoverBackgroundColor:"hover:bg-neutral-200",focusRing:"focus:ring-neutral-300"},success:{backgroundColor:"bg-success-400",textColor:"text-white",hoverBackgroundColor:"hover:bg-success-500",focusRing:"focus:ring-success-300"},danger:{backgroundColor:"bg-danger-600",textColor:"text-white",hoverBackgroundColor:"hover:bg-danger-700",focusRing:"focus:ring-danger-300"},warning:{backgroundColor:"bg-warning-500",textColor:"text-neutral-950",hoverBackgroundColor:"hover:bg-warning-600",focusRing:"focus:ring-warning-300"},secondaryPrimary:{backgroundColor:"bg-brand-primary-100",textColor:"text-brand-primary-700",hoverBackgroundColor:"hover:bg-brand-primary-200",focusRing:"focus:ring-brand-primary-200"},secondaryAltPrimary:{backgroundColor:"bg-primary-100",textColor:"text-primary-700",hoverBackgroundColor:"hover:bg-primary-200",focusRing:"focus:ring-primary-200"},secondarySuccess:{backgroundColor:"bg-success-100",textColor:"text-success-700",hoverBackgroundColor:"hover:bg-success-200",focusRing:"focus:ring-success-200"},secondaryDanger:{backgroundColor:"bg-danger-100",textColor:"text-danger-700",hoverBackgroundColor:"hover:bg-danger-200",focusRing:"focus:ring-danger-200"},secondaryWarning:{backgroundColor:"bg-warning-100",textColor:"text-warning-700",hoverBackgroundColor:"hover:bg-warning-200",focusRing:"focus:ring-warning-200"},outlined:{backgroundColor:"bg-transparent",textColor:"text-neutral-700",borderColor:"border border-neutral-200",hoverBackgroundColor:"hover:bg-neutral-100",hoverTextColor:"hover:text-neutral-900",focusRing:"focus:ring-neutral-200"},outlinedPrimary:{backgroundColor:"bg-transparent",textColor:"text-brand-primary-700",borderColor:"border border-brand-primary-300",hoverBackgroundColor:"hover:bg-brand-primary-100",hoverTextColor:"hover:text-brand-primary-800",focusRing:"focus:ring-brand-primary-200"},outlinedSuccess:{backgroundColor:"bg-transparent",textColor:"text-success-600",borderColor:"border border-success-300",hoverBackgroundColor:"hover:bg-success-100",hoverTextColor:"hover:text-success-700",focusRing:"focus:ring-success-200"},outlinedDanger:{backgroundColor:"bg-transparent",textColor:"text-danger-600",borderColor:"border border-danger-300",hoverBackgroundColor:"hover:bg-danger-100",hoverTextColor:"hover:text-danger-700",focusRing:"focus:ring-danger-200"},outlinedWarning:{backgroundColor:"bg-transparent",textColor:"text-warning-600",borderColor:"border border-warning-300",hoverBackgroundColor:"hover:bg-warning-100",hoverTextColor:"hover:text-warning-700",focusRing:"focus:ring-warning-200"},ghost:{backgroundColor:"bg-transparent",textColor:"text-neutral-700",hoverBackgroundColor:"hover:bg-neutral-100",hoverTextColor:"hover:text-neutral-900",focusRing:"focus:ring-neutral-200"},ghostPrimary:{backgroundColor:"bg-transparent",textColor:"text-brand-primary-700",hoverBackgroundColor:"hover:bg-brand-primary-100",hoverTextColor:"hover:text-brand-primary-800",focusRing:"focus:ring-brand-primary-200"},ghostSuccess:{backgroundColor:"bg-transparent",textColor:"text-success-600",hoverBackgroundColor:"hover:bg-success-100",hoverTextColor:"hover:text-success-700",focusRing:"focus:ring-success-200"},ghostDanger:{backgroundColor:"bg-transparent",textColor:"text-danger-600",hoverBackgroundColor:"hover:bg-danger-100",hoverTextColor:"hover:text-danger-700",focusRing:"focus:ring-danger-200"},ghostWarning:{backgroundColor:"bg-transparent",textColor:"text-warning-600",hoverBackgroundColor:"hover:bg-warning-100",hoverTextColor:"hover:text-warning-700",focusRing:"focus:ring-warning-200"}},z={__name:"Badge",props:{variant:{type:String,default:"primary"}},setup(t){const o=t;return(r,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["rounded-full px-3 py-1 text-xs font-medium",[e.unref(M)[o.variant].backgroundColor,e.unref(M)[o.variant].textColor]])},[e.renderSlot(r.$slots,"default")],2))}},j={__name:"Button",props:{variant:{type:String,default:"primary"}},setup(t,{expose:o}){const r=t,l=e.ref(null);return o({buttonRef:l}),(n,s)=>(e.openBlock(),e.createElementBlock("button",e.mergeProps(n.$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",[e.unref(b)[r.variant].backgroundColor,e.unref(b)[r.variant].borderColor,e.unref(b)[r.variant].textColor,e.unref(b)[r.variant].hoverBackgroundColor,e.unref(b)[r.variant].hoverTextColor,e.unref(b)[r.variant].focusRing]],ref_key:"buttonRef",ref:l}),[e.renderSlot(n.$slots,"default")],16))}},Fe={},We={class:"rounded-2xl bg-white p-6"};function He(t,o){return e.openBlock(),e.createElementBlock("div",We,[e.renderSlot(t.$slots,"default")])}const h=p(Fe,[["render",He]]),R=Object.freeze(Object.defineProperty({__proto__:null,default:h},Symbol.toStringTag,{value:"Module"})),L={__name:"Checkbox",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(t){const o=e.useModel(t,"modelValue"),r=e.ref(null);return(l,n)=>(e.openBlock(),e.createElementBlock("button",{onClick:n[2]||(n[2]=s=>r.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]=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","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"},[e.createElementVNode("path",{d:"M20 6 9 17l-5-5"})],-1)),e.withDirectives(e.createElementVNode("input",e.mergeProps(l.$attrs,{"onUpdate:modelValue":n[0]||(n[0]=s=>o.value=s),onChange:n[1]||(n[1]=e.withModifiers(()=>{},["stop"])),type:"checkbox",ref_key:"checkboxRef",ref:r,hidden:""}),null,16),[[e.vModelCheckbox,o.value]])]))}},qe={},Ue={class:"flex flex-col items-center justify-center gap-8"},Ze={class:"flex max-w-xs flex-col items-center gap-2 text-center"},Ke={class:"bg-brand-primary-100 mb-2 grid size-12 place-items-center rounded-full"};function Je(t,o){return e.openBlock(),e.createElementBlock("div",Ue,[e.createElementVNode("div",Ze,[e.createElementVNode("div",Ke,[e.renderSlot(t.$slots,"icon")]),e.renderSlot(t.$slots,"default")])])}const O=p(qe,[["render",Je]]),Ye={},Xe={class:"text-sm text-neutral-600"};function Qe(t,o){return e.openBlock(),e.createElementBlock("p",Xe,[e.renderSlot(t.$slots,"default")])}const ve=p(Ye,[["render",Qe]]),et={},tt={class:"text-lg font-medium"};function ot(t,o){return e.openBlock(),e.createElementBlock("b",tt,[e.renderSlot(t.$slots,"default")])}const rt=p(et,[["render",ot]]),G={__name:"FormField",props:{invalid:{type:[Boolean,String]},validate:{type:Boolean,default:!1}},setup(t){const o=t,r=e.computed(()=>o.invalid===!0||typeof o.invalid=="string"&&o.invalid.trim()!=="");return(l,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["group flex flex-col gap-2",{"invalid-form":r.value}])},[e.renderSlot(l.$slots,"default")],2))}},nt={},lt={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 at(t,o){return e.openBlock(),e.createElementBlock("p",lt,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const F=p(nt,[["render",at],["__scopeId","data-v-a299dc33"]]),W={__name:"Input",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(t){const o=e.useModel(t,"modelValue");return(r,l)=>e.withDirectives((e.openBlock(),e.createElementBlock("input",{"onUpdate:modelValue":l[0]||(l[0]=n=>o.value=n),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.vModelText,o.value]])}},st={};function ct(t,o){return e.openBlock(),e.createElementBlock("label",e.mergeProps(t.$attrs,{class:"text-primary-950 text-xs font-medium transition-all"}),[e.renderSlot(t.$slots,"default")],16)}const H=p(st,[["render",ct]]),it={},dt={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-x-icon lucide-x"};function mt(t,o){return e.openBlock(),e.createElementBlock("svg",dt,o[0]||(o[0]=[e.createElementVNode("path",{d:"M18 6 6 18"},null,-1),e.createElementVNode("path",{d:"m6 6 12 12"},null,-1)]))}const gt=p(it,[["render",mt]]),pt={class:"max-w-72 space-y-2 rounded-xl border border-neutral-200 bg-white p-2"},ut={class:"flex flex-wrap gap-2"},ft={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"},bt=["onClick"],ht={class:"max-h-72 overflow-y-auto"},kt=["onClick"],q={__name:"MultiSelect",props:e.mergeModels({data:{type:Array,required:!0},labelKey:{type:String,required:!0},valueKey:{type:String,required:!0}},{modelValue:{default:()=>[]},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const o=e.useModel(t,"modelValue"),r=t,l=e.ref([]),n=e.ref(null),s=e.computed(()=>{let m=r.data;return l.value.length&&(m=m.filter(g=>!l.value.some(i=>i[r.valueKey]===g[r.valueKey]))),n.value?m.filter(g=>g[r.labelKey].toLowerCase().includes(n.value.toLowerCase())):m});function c(m){l.value.push(m),o.value=l.value}function d(m){l.value.splice(m,1),o.value=l.value}return e.onMounted(()=>{l.value=o.value}),(m,g)=>(e.openBlock(),e.createElementBlock("div",pt,[e.createElementVNode("ul",ut,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,(i,u)=>(e.openBlock(),e.createElementBlock("li",ft,[e.createTextVNode(e.toDisplayString(i[r.labelKey])+" ",1),e.createElementVNode("button",{onClick:_=>d(u),class:"hidden shrink-0 cursor-pointer rounded-full group-hover/item:block"},[e.createVNode(gt,{class:"size-3.5 stroke-neutral-600"})],8,bt)]))),256))]),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":g[0]||(g[0]=i=>n.value=i),class:"w-full px-2 py-3 text-xs outline-none",placeholder:"Search",type:"text"},null,512),[[e.vModelText,n.value]]),e.createElementVNode("ul",ht,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,i=>(e.openBlock(),e.createElementBlock("li",{onClick:u=>c(i),class:"hover:bg-background-main cursor-pointer rounded-lg px-2 py-3 text-xs transition-colors",key:i[r.valueKey]},e.toDisplayString(i[r.labelKey]),9,kt))),128))])]))}},U={__name:"Radio",props:e.mergeModels({variant:{type:String,default:"small"}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const o=e.useModel(t,"modelValue"),r=t,l=e.ref(null),n={small:{outerCircleSize:"size-4",innerCircleSize:"size-2.5"},large:{outerCircleSize:"size-5",innerCircleSize:"size-3"}};return(s,c)=>(e.openBlock(),e.createElementBlock("button",{onClick:c[2]||(c[2]=d=>l.value.click()),class:e.normalizeClass(["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[r.variant].outerCircleSize]),role:"radio",type:"button"},[e.createElementVNode("div",{class:e.normalizeClass(["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[r.variant].innerCircleSize])},[e.renderSlot(s.$slots,"default")],2),e.withDirectives(e.createElementVNode("input",e.mergeProps({onChange:c[0]||(c[0]=e.withModifiers(()=>{},["stop"]))},s.$attrs,{"onUpdate:modelValue":c[1]||(c[1]=d=>o.value=d),type:"radio",ref_key:"radioRef",ref:l,hidden:""}),null,16),[[e.vModelRadio,o.value]])],2))}},_t="bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1YjYxNmUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLWRvd24iPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPg==')]",Z={__name:"Select",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(t){const o=e.useModel(t,"modelValue");return(r,l)=>e.withDirectives((e.openBlock(),e.createElementBlock("select",e.mergeProps(r.$attrs,{"onUpdate:modelValue":l[0]||(l[0]=n=>o.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",_t]}),[e.renderSlot(r.$slots,"default")],16)),[[e.vModelSelect,o.value]])}},yt={},xt={class:"bg-primary-100 animate-pulse rounded-lg"};function Ct(t,o){return e.openBlock(),e.createElementBlock("div",xt)}const K=p(yt,[["render",Ct]]),Bt={},wt={class:"mt-4 flex items-center gap-2"};function St(t,o){return e.openBlock(),e.createElementBlock("div",wt,[e.renderSlot(t.$slots,"default")])}const $t=p(Bt,[["render",St]]),J={__name:"Switch",props:["modelValue"],emits:["update:modelValue"],setup(t,{emit:o}){const r=o,l=t;function n(){r("update:modelValue",!l.modelValue)}return(s,c)=>(e.openBlock(),e.createElementBlock("button",e.mergeProps(s.$attrs,{onClick:c[0]||(c[0]=d=>n()),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",l.modelValue?"from-brand-primary-600 to-brand-primary-700 bg-gradient-to-br":"bg-neutral-200"],role:"switch",type:"button"}),[e.createElementVNode("span",{class:e.normalizeClass(["pointer-events-none flex size-4 items-center justify-center rounded-full bg-white shadow-md transition-all duration-300",{"translate-x-full":l.modelValue}])},[e.renderSlot(s.$slots,"icon")],2)],16))}},Et={class:"w-full"},At={class:"h-16"},Vt={key:0},Tt={key:0,class:"pe-4"},Y={__name:"Table",props:{columns:{type:Array,required:!0},data:{type:Array,required:!0}},setup(t){const o=t;return(r,l)=>(e.openBlock(),e.createElementBlock("table",Et,[e.createElementVNode("thead",null,[e.createElementVNode("tr",At,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.columns,n=>(e.openBlock(),e.createElementBlock("th",{key:n.key,class:"text-xs font-medium text-neutral-600 first-of-type:ps-4"},e.toDisplayString(n.label),1))),128)),r.$slots.actions?(e.openBlock(),e.createElementBlock("th",Vt)):e.createCommentVNode("",!0)])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.data,(n,s)=>(e.openBlock(),e.createElementBlock("tr",{key:s,class:"odd:bg-background-main/50 hover:bg-background-main min-h-16 rounded-md transition-all"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.columns,c=>(e.openBlock(),e.createElementBlock("td",{key:c.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"},[e.renderSlot(r.$slots,c.key,{row:n},()=>[e.createTextVNode(e.toDisplayString(n[c.key]),1)])]))),128)),r.$slots.actions?(e.openBlock(),e.createElementBlock("td",Tt,[e.renderSlot(r.$slots,"actions",{row:n})])):e.createCommentVNode("",!0)]))),128))])]))}},Nt={class:"overflow-x-scroll rounded-xl bg-neutral-100/50 p-1 [&::-webkit-scrollbar]:hidden"},X={__name:"Tabs",props:{default:{default:null}},setup(t){const o=t,r=e.ref(o.default);function l(n){r.value=n}return e.provide("TAB_DATA",{currentValue:r,setCurrentValue:l}),(n,s)=>(e.openBlock(),e.createElementBlock("div",Nt,[e.renderSlot(n.$slots,"default")]))}},Q=p({__name:"TabItem",props:{value:{required:!0}},setup(t){const o=t,r=e.inject("TAB_DATA"),{currentValue:l,setCurrentValue:n}=r,s=e.computed(()=>l.value===o.value?["bg-white","font-medium","text-primary-700","shadow-xl","tab-active"]:"text-neutral-600");return(c,d)=>(e.openBlock(),e.createElementBlock("button",{onClick:d[0]||(d[0]=m=>e.unref(n)(o.value)),class:e.normalizeClass(["tab h-8 cursor-pointer rounded-lg px-3 text-xs transition-all disabled:cursor-not-allowed disabled:opacity-50",s.value])},[e.renderSlot(c.$slots,"default",{},void 0,!0)],2))}},[["__scopeId","data-v-9e06f71f"]]),v={__name:"TextArea",props:e.mergeModels(["modelValue"],{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const o=e.useModel(t,"modelValue");return(r,l)=>e.withDirectives((e.openBlock(),e.createElementBlock("textarea",e.mergeProps({onInput:l[0]||(l[0]=n=>r.$emit("update:modelValue",n.target.value))},r.$attrs,{"onUpdate:modelValue":l[1]||(l[1]=n=>o.value=n),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.vModelText,o.value]])}},ee=e.defineAsyncComponent(()=>Promise.resolve().then(()=>It)),te=e.defineAsyncComponent(()=>Promise.resolve().then(()=>Pt)),oe=e.defineAsyncComponent(()=>Promise.resolve().then(()=>Mt)),re=e.defineAsyncComponent(()=>Promise.resolve().then(()=>k)),ne=e.defineAsyncComponent(()=>Promise.resolve().then(()=>zt)),le=e.defineAsyncComponent(()=>Promise.resolve().then(()=>jt)),ae=e.defineAsyncComponent(()=>Promise.resolve().then(()=>Rt)),Dt={install(t){t.component("Alert",y),t.component("AlertContent",x),t.component("AlertTitle",C),t.component("AppHeaderLink",B),t.component("AppLayout",w),t.component("AppMain",S),t.component("AppNavTabs",$),t.component("AppNavTab",E),t.component("AppSidebar",A),t.component("AppSidebarItem",V),t.component("AppSidebarItemChild",T),t.component("AppSidebarItemChildren",N),t.component("AppSidebarItemParent",D),t.component("AppSidebarToggle",I),t.component("AppSidebarNavSection",P),t.component("Badge",z),t.component("Button",j),t.component("Checkbox",L),t.component("Card",h),t.component("Dialog",ee),t.component("DialogContent",te),t.component("DialogToggle",oe),t.component("DialogBackground",re),t.component("Empty",O),t.component("FormField",G),t.component("FormFieldError",F),t.component("Input",W),t.component("Label",H),t.component("MultiSelect",q),t.component("Radio",U),t.component("Select",Z),t.component("Sheet",ne),t.component("SheetContent",le),t.component("SheetToggle",ae),t.component("SkeletonLoader",K),t.component("Switch",J),t.component("Table",Y),t.component("Tabs",X),t.component("TabItem",Q),t.component("TextArea",v)}},It=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"Dialog",setup(t){const o=e.ref(!1);function r(){o.value=!o.value}return e.provide("DIALOG_META",{toggled:o,toggleDialog:r}),(l,n)=>e.renderSlot(l.$slots,"default",{toggled:o.value,toggleDialog:r})}}},Symbol.toStringTag,{value:"Module"})),Pt=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"DialogContent",props:{class:{type:String},backgroundZ:{type:String,default:"z-[175]"}},setup(t){const o=e.defineAsyncComponent(()=>Promise.resolve().then(()=>k)),r=e.defineAsyncComponent(()=>Promise.resolve().then(()=>R)),l=t,{toggled:n,toggleDialog:s}=e.inject("DIALOG_META");return(c,d)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"fade-in"},{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createBlock(e.unref(o),{key:0,onClick:d[0]||(d[0]=m=>e.unref(s)()),class:e.normalizeClass(l.backgroundZ)},null,8,["class"])):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"fade-in-dialog"},{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createBlock(e.unref(r),{key:0,class:e.normalizeClass(["fixed top-1/2 left-1/2 z-[200] -translate-x-1/2 -translate-y-1/2 rounded-xl bg-white transition-all",l.class])},{default:e.withCtx(()=>[e.renderSlot(c.$slots,"default")]),_:3},8,["class"])):e.createCommentVNode("",!0)]),_:3})]))}}},Symbol.toStringTag,{value:"Module"})),Mt=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"DialogToggle",setup(t){const o=e.useSlots(),{toggleDialog:r}=e.inject("DIALOG_META");return(l,n)=>{var s,c;return e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode((c=(s=e.unref(o)).default)==null?void 0:c.call(s)[0],{onClick:e.unref(r)})))}}}},Symbol.toStringTag,{value:"Module"})),k=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"DialogBackground",setup(t){return e.onMounted(()=>{document.querySelector("body").classList.add("overflow-hidden")}),e.onUnmounted(()=>{document.querySelector("body").classList.remove("overflow-hidden")}),(o,r)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps(o.$attrs,{class:"pointer-events-auto fixed inset-0 z-[100] min-h-screen bg-black/80"}),[e.renderSlot(o.$slots,"default")],16))}}},Symbol.toStringTag,{value:"Module"})),zt=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"Sheet",setup(t){const o=e.ref(!1);function r(){o.value=!o.value}return e.provide("SHEET_META",{toggled:o,toggleSheet:r}),(l,n)=>e.renderSlot(l.$slots,"default",{toggled:o.value,toggleSheet:r})}}},Symbol.toStringTag,{value:"Module"})),jt=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SheetContent",props:{class:{type:String}},setup(t){const o=e.defineAsyncComponent(()=>Promise.resolve().then(()=>k)),r=e.defineAsyncComponent(()=>Promise.resolve().then(()=>R)),l=t,{toggled:n,toggleSheet:s}=e.inject("SHEET_META");return(c,d)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"fade-in"},{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createBlock(e.unref(o),{key:0,onClick:d[0]||(d[0]=m=>e.unref(s)())})):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"slide"},{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createBlock(e.unref(r),{key:0,class:e.normalizeClass(["fixed top-1/2 right-0 z-[150] h-full w-3/4 -translate-y-1/2 rounded-e-none bg-white transition-all md:right-[1rem] md:h-[calc(100dvh-2rem)] md:w-96 md:rounded-xl",l.class])},{default:e.withCtx(()=>[e.renderSlot(c.$slots,"default")]),_:3},8,["class"])):e.createCommentVNode("",!0)]),_:3})]))}}},Symbol.toStringTag,{value:"Module"})),Rt=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SheetToggle",setup(t){const o=e.useSlots(),{toggleSheet:r}=e.inject("SHEET_META");return(l,n)=>{var s,c;return e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode((c=(s=e.unref(o)).default)==null?void 0:c.call(s)[0],{onClick:e.unref(r)})))}}}},Symbol.toStringTag,{value:"Module"}));a.Alert=y,a.AlertContent=x,a.AlertTitle=C,a.AppHeader=_e,a.AppHeaderLink=B,a.AppLayout=w,a.AppMain=S,a.AppNavTab=E,a.AppNavTabs=$,a.AppSidebar=A,a.AppSidebarItem=V,a.AppSidebarItemChild=T,a.AppSidebarItemChildren=N,a.AppSidebarItemParent=D,a.AppSidebarNavSection=P,a.AppSidebarToggle=I,a.Badge=z,a.Button=j,a.Card=h,a.Checkbox=L,a.Dialog=ee,a.DialogBackground=re,a.DialogContent=te,a.DialogToggle=oe,a.Empty=O,a.EmptyContent=ve,a.EmptyTitle=rt,a.FormField=G,a.FormFieldError=F,a.Input=W,a.Label=H,a.MultiSelect=q,a.Radio=U,a.Select=Z,a.Sheet=ne,a.SheetContent=le,a.SheetToggle=ae,a.SkeletonLoader=K,a.StateActions=$t,a.Switch=J,a.TabItem=Q,a.Table=Y,a.Tabs=X,a.TextArea=v,a.default=Dt,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(a,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router"],e):(a=typeof globalThis<"u"?globalThis:a||self,e(a.ScrubbedTailwindComponentsV2={},a.Vue,a.vueRouter))})(this,function(a,e,f){"use strict";const S={__name:"Alert",props:{variant:{type:String,default:"info",validator:t=>["info","success","warning","destructive"].includes(t)}},setup(t){const o=e.useSlots(),r=t,l={info:{root:"bg-brand-primary-100 border-brand-primary-300 text-brand-primary-900 ",icon:"bg-brand-primary-300 text-brand-primary-700"},success:{root:"bg-success-100 border-success-300 text-success-800",icon:"bg-success-300 text-green-700"},warning:{root:"bg-warning-100 border-warning-300 text-warning-800",icon:"bg-warning-400 text-yellow-700"},destructive:{root:"bg-danger-100 border-danger-300 text-danger-700",icon:"bg-danger-300 text-red-700"}},n={info:{icon:"stroke-brand-primary-900"},success:{icon:"stroke-success-800"},warning:{icon:"stroke-warning-800"},destructive:{icon:"stroke-danger-700"}};return e.provide("ALERT",{VARIANT_MAP:l}),(s,c)=>{var d,m,g,i,u,B;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex w-full gap-4 rounded-2xl border p-4",l[r.variant].root])},[e.createElementVNode("div",{class:e.normalizeClass(["grid size-10 place-items-center rounded-full",l[r.variant].icon])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode((m=(d=e.unref(o)).default)==null?void 0:m.call(d)[0])),{class:e.normalizeClass(["size-4",n[r.variant].icon])},null,8,["class"]))],2),e.createElementVNode("div",null,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode((i=(g=e.unref(o)).default)==null?void 0:i.call(g)[1])))),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode((B=(u=e.unref(o)).default)==null?void 0:B.call(u)[2]))))])],2)}}},p=(t,o)=>{const r=t.__vccOpts||t;for(const[l,n]of o)r[l]=n;return r},ge={},pe={class:"text-sm text-neutral-600"};function ue(t,o){return e.openBlock(),e.createElementBlock("span",pe,[e.renderSlot(t.$slots,"default")])}const w=p(ge,[["render",ue]]),fe={},be={class:"font-medium"};function he(t,o){return e.openBlock(),e.createElementBlock("p",be,[e.renderSlot(t.$slots,"default")])}const $=p(fe,[["render",he]]),ke={class:"flex w-full items-center justify-between"},_e={class:"flex items-center gap-2"},ye={class:"lg:w-60"},xe={class:"hidden xl:block"},Ce={class:"flex items-center gap-10"},Be={class:"hidden gap-6 sm:flex"},Se={__name:"AppHeader",setup(t){const o=e.inject("APP_DATA"),{isSidebarToggled:r,toggleSidebar:l}=o;return(n,s)=>(e.openBlock(),e.createElementBlock("header",{class:e.normalizeClass(["fixed top-0 flex h-16 w-dvw items-center justify-center bg-white px-3 backdrop-blur sm:px-6",{"rounded-t-2xl":e.unref(r)}])},[e.createElementVNode("nav",ke,[e.createElementVNode("div",_e,[e.createElementVNode("button",{onClick:s[0]||(s[0]=c=>e.unref(l)()),class:"block cursor-pointer rounded-full p-2 hover:bg-neutral-100 lg:hidden"},s[1]||(s[1]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-menu-icon lucide-menu size-5 stroke-neutral-600"},[e.createElementVNode("path",{d:"M4 12h16"}),e.createElementVNode("path",{d:"M4 18h16"}),e.createElementVNode("path",{d:"M4 6h16"})],-1)])),e.createElementVNode("div",ye,[e.renderSlot(n.$slots,"header-img")]),e.createElementVNode("div",xe,[e.renderSlot(n.$slots,"header-banner")])]),e.createElementVNode("div",Ce,[e.createElementVNode("ul",Be,[e.renderSlot(n.$slots,"header-links")]),e.renderSlot(n.$slots,"header-actions")])])],2))}},we=["href"],E={__name:"AppHeaderLink",props:{to:{type:String,required:!0}},setup(t){const o=t;return(r,l)=>(e.openBlock(),e.createElementBlock("li",null,[o.to.startsWith("/")?(e.openBlock(),e.createBlock(e.unref(f.RouterLink),{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:o.to},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},8,["to"])):(e.openBlock(),e.createElementBlock("a",{key:1,class:"hover:text-primary-950 text-xs uppercase text-neutral-600 hover:transition-all",href:o.to},[e.renderSlot(r.$slots,"default")],8,we))]))}},$e={class:"relative"},Ee={class:"flex"},A={__name:"AppLayout",setup(t){const o=e.ref(!1);function r(){window.innerWidth<=1024?(o.value=!o.value,l()):o.value&&(o.value=!1,l())}function l(){const n=document.querySelector("body");n.classList.contains("bg-black")?n.classList.remove("bg-black"):n.classList.add("bg-black")}return e.provide("APP_DATA",{isSidebarToggled:o,toggleSidebar:r}),(n,s)=>{var c,d,m,g,i,u;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["bg-white transition-all duration-500 ease-[cubic-bezier(.32,.72,0,1)]",{"origin-[center_top] translate-y-4 scale-93":o.value}])},[e.createElementVNode("div",$e,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode((d=(c=n.$slots).default)==null?void 0:d.call(c)[0])))),e.createElementVNode("div",Ee,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode((g=(m=n.$slots).default)==null?void 0:g.call(m)[1])))),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode((u=(i=n.$slots).default)==null?void 0:u.call(i)[2]))))])])],2)}}},Ae={class:"grid h-full w-full place-items-center items-center"},Ve={class:"mb-6 h-full w-full max-w-480 space-y-6"},V={__name:"AppMain",setup(t){const o=e.inject("APP_DATA"),{isSidebarToggled:r}=o;return(l,n)=>(e.openBlock(),e.createElementBlock("main",{class:e.normalizeClass(["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)]",e.unref(r)?"overflow-hidden rounded-t-xl sm:rounded-none":"sm:rounded-tl-2xl"])},[e.createElementVNode("div",Ae,[e.createElementVNode("div",Ve,[e.renderSlot(l.$slots,"default")])])],2))}},Te={},Ne={class:"flex w-full overflow-x-auto border-b-[1px] border-neutral-200 [&::-webkit-scrollbar]:hidden"};function De(t,o){return e.openBlock(),e.createElementBlock("div",Ne,[e.renderSlot(t.$slots,"default")])}const T=p(Te,[["render",De]]),Ie={class:"shrink-0"},N={__name:"AppNavTab",props:{to:{type:[String,Object],required:!0}},setup(t){const o=t;return e.ref(null),(r,l)=>(e.openBlock(),e.createElementBlock("div",Ie,[e.createVNode(e.unref(f.RouterLink),{class:"[&.router-link-exact-active]:text-brand-primary-900 [&.router-link-exact-active]:border-brand-primary-700 [&.router-link-exact-active]:bg-primary-100 group relative flex h-10 shrink-0 items-center justify-between gap-2 rounded-t-xl border-b-2 border-transparent px-4 text-xs text-neutral-600 transition-all hover:border-neutral-400 hover:bg-neutral-100 [&.router-link-exact-active]:font-medium",to:o.to},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},8,["to"])]))}},Pe={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"},Me={key:0,class:"sticky top-0 z-50 bg-white"},ze={key:1,class:"sticky bottom-0 z-50 bg-white"},D={__name:"AppSidebar",setup(t){const o=e.inject("APP_DATA"),{isSidebarToggled:r,toggleSidebar:l}=o;return e.useSlots(),(n,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("aside",Pe,[n.$slots.header?(e.openBlock(),e.createElementBlock("div",Me,[e.renderSlot(n.$slots,"header")])):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default"),n.$slots.footer?(e.openBlock(),e.createElementBlock("div",ze,[e.renderSlot(n.$slots,"footer")])):e.createCommentVNode("",!0)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createElementVNode("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:e.normalizeStyle(e.unref(r)?"transform: translateZ(0)":"transform: translate3d(0,60svh,0)")},[e.renderSlot(n.$slots,"default")],4),e.createElementVNode("div",{onClick:s[0]||(s[0]=c=>e.unref(l)()),class:e.normalizeClass(["backdrop transition-all [transition-behavior:allow-discrete] duration-300",e.unref(r)?"fixed inset-0 z-40 block bg-black/80 opacity-100":"hidden"])},null,2)]))],64))}},je={class:"flex flex-col"},I={__name:"AppSidebarItem",setup(t){f.useRoute();const o=e.ref(!1);function r(){o.value=!o.value}return e.provide("SIDEBAR_TOGGLE",{toggled:o,toggleSidebarItem:r}),(l,n)=>(e.openBlock(),e.createElementBlock("div",je,[e.renderSlot(l.$slots,"default")]))}},Re=["href"],P={__name:"AppSidebarItemChild",props:{to:{type:[String,Object],required:!0}},setup(t){const o=t;return(r,l)=>typeof o.to=="object"||o.to.startsWith("/")?(e.openBlock(),e.createBlock(e.unref(f.RouterLink),{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:o.to},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},8,["to"])):(e.openBlock(),e.createElementBlock("a",{key:1,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:o.to},[e.renderSlot(r.$slots,"default")],8,Re))}},M={__name:"AppSidebarItemChildren",setup(t){const o=e.inject("SIDEBAR_TOGGLE"),{toggled:r}=o;return(l,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["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":e.unref(r)}])},[e.renderSlot(l.$slots,"default")],2))}},Le={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"},Oe=["href"],z={__name:"AppSidebarItemParent",props:{to:{type:[String,Object],required:!0},name:{type:String},hasChildren:{type:Boolean,default:!1}},setup(t){const o=f.useRoute(),r=t,l=e.inject("SIDEBAR_TOGGLE"),n=e.inject("APP_DATA"),{toggled:s,toggleSidebarItem:c}=l,{toggleSidebar:d}=n;function m(){o.matched.some(i=>r.name===i.name)?s.value=!0:s.value=!1}return e.watch(o,()=>m(),{immediate:!0}),(g,i)=>(e.openBlock(),e.createElementBlock("div",Le,[typeof r.to=="object"||r.to.startsWith("/")?(e.openBlock(),e.createBlock(e.unref(f.RouterLink),{key:0,onClick:i[0]||(i[0]=u=>e.unref(d)()),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:r.to},{default:e.withCtx(()=>[e.renderSlot(g.$slots,"default")]),_:3},8,["to"])):(e.openBlock(),e.createElementBlock("a",{key:1,class:"text-primary-950 peer flex h-full w-full items-center gap-3 text-xs",href:r.to},[e.renderSlot(g.$slots,"default")],8,Oe)),r.hasChildren?(e.openBlock(),e.createElementBlock("button",{key:2,onClick:i[1]||(i[1]=u=>e.unref(c)()),class:"hover:bg-brand-primary-200 cursor-pointer rounded-full p-1 transition-all",type:"button"},[(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:e.normalizeClass(["lucide lucide-chevron-down-icon lucide-chevron-down stroke-brand-primary-800 transition-all duration-300",{"rotate-180":e.unref(s)}])},i[2]||(i[2]=[e.createElementVNode("path",{d:"m6 9 6 6 6-6"},null,-1)]),2))])):e.createCommentVNode("",!0)]))}},Ge={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"},j={__name:"AppSidebarToggle",setup(t){const o=e.inject("SIDEBAR_TOGGLE");return(r,l)=>{const n=e.resolveComponent("RouterLink");return e.openBlock(),e.createElementBlock("div",Ge,[e.createVNode(n,{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:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3}),e.createElementVNode("button",{onClick:l[0]||(l[0]=s=>e.unref(o).toggleSidebarItem()),class:"cursor-pointer",type:"button"},l[1]||(l[1]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-chevron-down-icon lucide-chevron-down stroke-white"},[e.createElementVNode("path",{d:"m6 9 6 6 6-6"})],-1)]))])}}},Fe={},We={class:"px-4 pb-4 first-of-type:pt-4"},He={key:0,class:"text-primary-950 px-1 text-sm font-medium"},qe={class:"mt-2"};function Ue(t,o){return e.openBlock(),e.createElementBlock("nav",We,[t.$slots.title?(e.openBlock(),e.createElementBlock("b",He,[e.renderSlot(t.$slots,"title")])):e.createCommentVNode("",!0),e.createElementVNode("div",qe,[e.renderSlot(t.$slots,"items")])])}const R=p(Fe,[["render",Ue]]),h={primary:{backgroundColor:"bg-brand-primary-700",textColor:"text-white"},secondary:{backgroundColor:"bg-neutral-100",textColor:"text-neutral-700"},success:{backgroundColor:"bg-success-400",textColor:"text-white"},danger:{backgroundColor:"bg-danger-600",textColor:"text-white"},warning:{backgroundColor:"bg-warning-500",textColor:"text-neutral-950"},secondaryPrimary:{backgroundColor:"bg-brand-primary-100",textColor:"text-brand-primary-700"},secondaryAltPrimary:{backgroundColor:"bg-primary-100",textColor:"text-primary-700"},secondarySuccess:{backgroundColor:"bg-success-100",textColor:"text-success-700"},secondaryDanger:{backgroundColor:"bg-danger-100",textColor:"text-danger-700"},secondaryWarning:{backgroundColor:"bg-warning-100",textColor:"text-warning-700"},outlined:{backgroundColor:"bg-transparent",textColor:"text-neutral-700",borderColor:"border border-neutral-200"},outlinedPrimary:{backgroundColor:"bg-transparent",textColor:"text-brand-primary-700",borderColor:"border border-brand-primary-300"},outlinedSuccess:{backgroundColor:"bg-transparent",textColor:"text-success-600",borderColor:"border border-success-300"},outlinedDanger:{backgroundColor:"bg-transparent",textColor:"text-danger-600",borderColor:"border border-danger-300"},outlinedWarning:{backgroundColor:"bg-transparent",textColor:"text-warning-600",borderColor:"border border-warning-300"},ghost:{backgroundColor:"bg-transparent",textColor:"text-neutral-700"},ghostPrimary:{backgroundColor:"bg-transparent",textColor:"text-brand-primary-700"},ghostSuccess:{backgroundColor:"bg-transparent",textColor:"text-success-600"},ghostDanger:{backgroundColor:"bg-transparent",textColor:"text-danger-600"},ghostWarning:{backgroundColor:"bg-transparent",textColor:"text-warning-600"}},b={primary:{backgroundColor:"bg-gradient-to-br from-brand-primary-500 to-brand-primary-700",textColor:"text-white",hoverBackgroundColor:"hover:from-brand-primary-700 hover:to-brand-primary-800",focusRing:"focus:ring-brand-primary-300"},secondary:{backgroundColor:"bg-neutral-100",textColor:"text-neutral-700",hoverBackgroundColor:"hover:bg-neutral-200",focusRing:"focus:ring-neutral-300"},success:{backgroundColor:"bg-success-400",textColor:"text-white",hoverBackgroundColor:"hover:bg-success-500",focusRing:"focus:ring-success-300"},danger:{backgroundColor:"bg-danger-600",textColor:"text-white",hoverBackgroundColor:"hover:bg-danger-700",focusRing:"focus:ring-danger-300"},warning:{backgroundColor:"bg-warning-500",textColor:"text-neutral-950",hoverBackgroundColor:"hover:bg-warning-600",focusRing:"focus:ring-warning-300"},secondaryPrimary:{backgroundColor:"bg-brand-primary-100",textColor:"text-brand-primary-700",hoverBackgroundColor:"hover:bg-brand-primary-200",focusRing:"focus:ring-brand-primary-200"},secondaryAltPrimary:{backgroundColor:"bg-primary-100",textColor:"text-primary-700",hoverBackgroundColor:"hover:bg-primary-200",focusRing:"focus:ring-primary-200"},secondarySuccess:{backgroundColor:"bg-success-100",textColor:"text-success-700",hoverBackgroundColor:"hover:bg-success-200",focusRing:"focus:ring-success-200"},secondaryDanger:{backgroundColor:"bg-danger-100",textColor:"text-danger-700",hoverBackgroundColor:"hover:bg-danger-200",focusRing:"focus:ring-danger-200"},secondaryWarning:{backgroundColor:"bg-warning-100",textColor:"text-warning-700",hoverBackgroundColor:"hover:bg-warning-200",focusRing:"focus:ring-warning-200"},outlined:{backgroundColor:"bg-transparent",textColor:"text-neutral-700",borderColor:"border border-neutral-200",hoverBackgroundColor:"hover:bg-neutral-100",hoverTextColor:"hover:text-neutral-900",focusRing:"focus:ring-neutral-200"},outlinedPrimary:{backgroundColor:"bg-transparent",textColor:"text-brand-primary-700",borderColor:"border border-brand-primary-300",hoverBackgroundColor:"hover:bg-brand-primary-100",hoverTextColor:"hover:text-brand-primary-800",focusRing:"focus:ring-brand-primary-200"},outlinedSuccess:{backgroundColor:"bg-transparent",textColor:"text-success-600",borderColor:"border border-success-300",hoverBackgroundColor:"hover:bg-success-100",hoverTextColor:"hover:text-success-700",focusRing:"focus:ring-success-200"},outlinedDanger:{backgroundColor:"bg-transparent",textColor:"text-danger-600",borderColor:"border border-danger-300",hoverBackgroundColor:"hover:bg-danger-100",hoverTextColor:"hover:text-danger-700",focusRing:"focus:ring-danger-200"},outlinedWarning:{backgroundColor:"bg-transparent",textColor:"text-warning-600",borderColor:"border border-warning-300",hoverBackgroundColor:"hover:bg-warning-100",hoverTextColor:"hover:text-warning-700",focusRing:"focus:ring-warning-200"},ghost:{backgroundColor:"bg-transparent",textColor:"text-neutral-700",hoverBackgroundColor:"hover:bg-neutral-100",hoverTextColor:"hover:text-neutral-900",focusRing:"focus:ring-neutral-200"},ghostPrimary:{backgroundColor:"bg-transparent",textColor:"text-brand-primary-700",hoverBackgroundColor:"hover:bg-brand-primary-100",hoverTextColor:"hover:text-brand-primary-800",focusRing:"focus:ring-brand-primary-200"},ghostSuccess:{backgroundColor:"bg-transparent",textColor:"text-success-600",hoverBackgroundColor:"hover:bg-success-100",hoverTextColor:"hover:text-success-700",focusRing:"focus:ring-success-200"},ghostDanger:{backgroundColor:"bg-transparent",textColor:"text-danger-600",hoverBackgroundColor:"hover:bg-danger-100",hoverTextColor:"hover:text-danger-700",focusRing:"focus:ring-danger-200"},ghostWarning:{backgroundColor:"bg-transparent",textColor:"text-warning-600",hoverBackgroundColor:"hover:bg-warning-100",hoverTextColor:"hover:text-warning-700",focusRing:"focus:ring-warning-200"}},L={__name:"Badge",props:{variant:{type:String,default:"primary"}},setup(t){const o=t;return(r,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["rounded-full px-3 py-1 text-xs font-medium",[e.unref(h)[o.variant].backgroundColor,e.unref(h)[o.variant].textColor,e.unref(h)[o.variant].borderColor??""]])},[e.renderSlot(r.$slots,"default")],2))}},O={__name:"Button",props:{variant:{type:String,default:"primary"}},setup(t,{expose:o}){const r=t,l=e.ref(null);return o({buttonRef:l}),(n,s)=>(e.openBlock(),e.createElementBlock("button",e.mergeProps(n.$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",[e.unref(b)[r.variant].backgroundColor,e.unref(b)[r.variant].borderColor,e.unref(b)[r.variant].textColor,e.unref(b)[r.variant].hoverBackgroundColor,e.unref(b)[r.variant].hoverTextColor,e.unref(b)[r.variant].focusRing]],ref_key:"buttonRef",ref:l}),[e.renderSlot(n.$slots,"default")],16))}},Ze={},Ke={class:"rounded-2xl bg-white p-6"};function Je(t,o){return e.openBlock(),e.createElementBlock("div",Ke,[e.renderSlot(t.$slots,"default")])}const k=p(Ze,[["render",Je]]),G=Object.freeze(Object.defineProperty({__proto__:null,default:k},Symbol.toStringTag,{value:"Module"})),F={__name:"Checkbox",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(t){const o=e.useModel(t,"modelValue"),r=e.ref(null);return(l,n)=>(e.openBlock(),e.createElementBlock("button",{onClick:n[2]||(n[2]=s=>r.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]=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","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"},[e.createElementVNode("path",{d:"M20 6 9 17l-5-5"})],-1)),e.withDirectives(e.createElementVNode("input",e.mergeProps(l.$attrs,{"onUpdate:modelValue":n[0]||(n[0]=s=>o.value=s),onChange:n[1]||(n[1]=e.withModifiers(()=>{},["stop"])),type:"checkbox",ref_key:"checkboxRef",ref:r,hidden:""}),null,16),[[e.vModelCheckbox,o.value]])]))}},Ye={},Xe={class:"flex flex-col items-center justify-center gap-8"},Qe={class:"flex max-w-xs flex-col items-center gap-2 text-center"},ve={class:"bg-brand-primary-100 mb-2 grid size-12 place-items-center rounded-full"};function et(t,o){return e.openBlock(),e.createElementBlock("div",Xe,[e.createElementVNode("div",Qe,[e.createElementVNode("div",ve,[e.renderSlot(t.$slots,"icon")]),e.renderSlot(t.$slots,"default")])])}const _=p(Ye,[["render",et]]),tt={},ot={class:"text-sm text-neutral-600"};function rt(t,o){return e.openBlock(),e.createElementBlock("p",ot,[e.renderSlot(t.$slots,"default")])}const y=p(tt,[["render",rt]]),nt={},lt={class:"text-lg font-medium"};function at(t,o){return e.openBlock(),e.createElementBlock("b",lt,[e.renderSlot(t.$slots,"default")])}const x=p(nt,[["render",at]]),W={__name:"FormField",props:{invalid:{type:[Boolean,String]},validate:{type:Boolean,default:!1}},setup(t){const o=t,r=e.computed(()=>o.invalid===!0||typeof o.invalid=="string"&&o.invalid.trim()!=="");return(l,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["group flex flex-col gap-2",{"invalid-form":r.value}])},[e.renderSlot(l.$slots,"default")],2))}},st={},ct={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 it(t,o){return e.openBlock(),e.createElementBlock("p",ct,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const H=p(st,[["render",it],["__scopeId","data-v-a299dc33"]]),q={__name:"Input",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(t){const o=e.useModel(t,"modelValue");return(r,l)=>e.withDirectives((e.openBlock(),e.createElementBlock("input",{"onUpdate:modelValue":l[0]||(l[0]=n=>o.value=n),class:"group-[&.invalid-form]:focus:ring-danger-300 group-[&.invalid-form]:ring-danger-300 group-[&.invalid-form]:focus:border-danger-700 group-[&.invalid-form]:border-danger-700 text-primary-950 focus:ring-brand-primary-200 focus:border-brand-primary-500 focus:user-invalid:border-danger-700 user-invalid:border-danger-700 focus:user-invalid:ring-danger-300 user-invalid:ring-danger-300 rounded-lg border border-neutral-200 bg-white px-3 py-2 text-xs transition-all duration-300 outline-none group-[&.invalid-form]:ring-3 placeholder:text-neutral-400 user-invalid:ring-3 focus:ring-3 group-[&.invalid-form]:focus:ring-3 disabled:cursor-not-allowed disabled:opacity-50"},null,512)),[[e.vModelText,o.value]])}},dt={};function mt(t,o){return e.openBlock(),e.createElementBlock("label",e.mergeProps(t.$attrs,{class:"text-primary-950 text-xs font-medium transition-all"}),[e.renderSlot(t.$slots,"default")],16)}const U=p(dt,[["render",mt]]),gt={},pt={xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-x-icon lucide-x"};function ut(t,o){return e.openBlock(),e.createElementBlock("svg",pt,o[0]||(o[0]=[e.createElementVNode("path",{d:"M18 6 6 18"},null,-1),e.createElementVNode("path",{d:"m6 6 12 12"},null,-1)]))}const ft=p(gt,[["render",ut]]),bt={class:"max-w-72 space-y-2 rounded-xl border border-neutral-200 bg-white p-2"},ht={class:"flex flex-wrap gap-2"},kt={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"},_t=["onClick"],yt={class:"max-h-72 overflow-y-auto"},xt=["onClick"],Z={__name:"MultiSelect",props:e.mergeModels({data:{type:Array,required:!0},labelKey:{type:String,required:!0},valueKey:{type:String,required:!0}},{modelValue:{default:()=>[]},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const o=e.useModel(t,"modelValue"),r=t,l=e.ref([]),n=e.ref(null),s=e.computed(()=>{let m=r.data;return l.value.length&&(m=m.filter(g=>!l.value.some(i=>i[r.valueKey]===g[r.valueKey]))),n.value?m.filter(g=>g[r.labelKey].toLowerCase().includes(n.value.toLowerCase())):m});function c(m){l.value.push(m),o.value=l.value}function d(m){l.value.splice(m,1),o.value=l.value}return e.onMounted(()=>{l.value=o.value}),(m,g)=>(e.openBlock(),e.createElementBlock("div",bt,[e.createElementVNode("ul",ht,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,(i,u)=>(e.openBlock(),e.createElementBlock("li",kt,[e.createTextVNode(e.toDisplayString(i[r.labelKey])+" ",1),e.createElementVNode("button",{onClick:B=>d(u),class:"hidden shrink-0 cursor-pointer rounded-full group-hover/item:block"},[e.createVNode(ft,{class:"size-3.5 stroke-neutral-600"})],8,_t)]))),256))]),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":g[0]||(g[0]=i=>n.value=i),class:"w-full px-2 py-3 text-xs outline-none",placeholder:"Search",type:"text"},null,512),[[e.vModelText,n.value]]),e.createElementVNode("ul",yt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,i=>(e.openBlock(),e.createElementBlock("li",{onClick:u=>c(i),class:"hover:bg-background-main cursor-pointer rounded-lg px-2 py-3 text-xs transition-colors",key:i[r.valueKey]},e.toDisplayString(i[r.labelKey]),9,xt))),128))])]))}},K={__name:"Radio",props:e.mergeModels({variant:{type:String,default:"small"}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const o=e.useModel(t,"modelValue"),r=t,l=e.ref(null),n={small:{outerCircleSize:"size-4",innerCircleSize:"size-2.5"},large:{outerCircleSize:"size-5",innerCircleSize:"size-3"}};return(s,c)=>(e.openBlock(),e.createElementBlock("button",{onClick:c[2]||(c[2]=d=>l.value.click()),class:e.normalizeClass(["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[r.variant].outerCircleSize]),role:"radio",type:"button"},[e.createElementVNode("div",{class:e.normalizeClass(["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[r.variant].innerCircleSize])},[e.renderSlot(s.$slots,"default")],2),e.withDirectives(e.createElementVNode("input",e.mergeProps({onChange:c[0]||(c[0]=e.withModifiers(()=>{},["stop"]))},s.$attrs,{"onUpdate:modelValue":c[1]||(c[1]=d=>o.value=d),type:"radio",ref_key:"radioRef",ref:l,hidden:""}),null,16),[[e.vModelRadio,o.value]])],2))}},Ct="bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1YjYxNmUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLWRvd24iPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPg==')]",J={__name:"Select",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(t){const o=e.useModel(t,"modelValue");return(r,l)=>e.withDirectives((e.openBlock(),e.createElementBlock("select",e.mergeProps(r.$attrs,{"onUpdate:modelValue":l[0]||(l[0]=n=>o.value=n),class:["group-[&.invalid-form]:focus:ring-danger-300 group-[&.invalid-form]:ring-danger-300 group-[&.invalid-form]:focus:border-danger-700 group-[&.invalid-form]:border-danger-700 text-primary-950 focus:ring-brand-primary-200 focus:border-brand-primary-500 focus:user-invalid:border-danger-700 user-invalid:border-danger-700 focus:user-invalid:ring-danger-300 user-invalid:ring-danger-300 appearance-none rounded-lg border border-neutral-200 bg-white bg-[length:16px] bg-[right_8px_center] bg-no-repeat py-2 ps-3 pe-8 text-xs transition-all duration-300 outline-none group-[&.invalid-form]:ring-3 user-invalid:ring-3 focus:ring-3 group-[&.invalid-form]:focus:ring-3 disabled:cursor-not-allowed disabled:opacity-50",Ct]}),[e.renderSlot(r.$slots,"default")],16)),[[e.vModelSelect,o.value]])}},Bt={},St={class:"bg-primary-100 animate-pulse rounded-lg"};function wt(t,o){return e.openBlock(),e.createElementBlock("div",St)}const Y=p(Bt,[["render",wt]]),$t={},Et={class:"mt-4 flex items-center gap-2"};function At(t,o){return e.openBlock(),e.createElementBlock("div",Et,[e.renderSlot(t.$slots,"default")])}const Vt=p($t,[["render",At]]),X={__name:"Switch",props:["modelValue"],emits:["update:modelValue"],setup(t,{emit:o}){const r=o,l=t;function n(){r("update:modelValue",!l.modelValue)}return(s,c)=>(e.openBlock(),e.createElementBlock("button",e.mergeProps(s.$attrs,{onClick:c[0]||(c[0]=d=>n()),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",l.modelValue?"from-brand-primary-600 to-brand-primary-700 bg-gradient-to-br":"bg-neutral-200"],role:"switch",type:"button"}),[e.createElementVNode("span",{class:e.normalizeClass(["pointer-events-none flex size-4 items-center justify-center rounded-full bg-white shadow-md transition-all duration-300",{"translate-x-full":l.modelValue}])},[e.renderSlot(s.$slots,"icon")],2)],16))}},Tt={class:"w-full"},Nt={class:"h-16"},Dt={key:0},It={key:0,class:"pe-4"},Q={__name:"Table",props:{columns:{type:Array,required:!0},data:{type:Array,required:!0}},setup(t){const o=t;return(r,l)=>(e.openBlock(),e.createElementBlock("table",Tt,[e.createElementVNode("thead",null,[e.createElementVNode("tr",Nt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.columns,n=>(e.openBlock(),e.createElementBlock("th",{key:n.key,class:"text-xs font-medium text-neutral-600 first-of-type:ps-4"},e.toDisplayString(n.label),1))),128)),r.$slots.actions?(e.openBlock(),e.createElementBlock("th",Dt)):e.createCommentVNode("",!0)])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.data,(n,s)=>(e.openBlock(),e.createElementBlock("tr",{key:s,class:"odd:bg-background-main/50 hover:bg-background-main min-h-16 rounded-md transition-all"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.columns,c=>(e.openBlock(),e.createElementBlock("td",{key:c.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"},[e.renderSlot(r.$slots,c.key,{row:n},()=>[e.createTextVNode(e.toDisplayString(n[c.key]),1)])]))),128)),r.$slots.actions?(e.openBlock(),e.createElementBlock("td",It,[e.renderSlot(r.$slots,"actions",{row:n})])):e.createCommentVNode("",!0)]))),128))])]))}},Pt={class:"overflow-x-scroll rounded-xl bg-neutral-100/50 p-1 [&::-webkit-scrollbar]:hidden"},v={__name:"Tabs",props:{default:{default:null}},setup(t){const o=t,r=e.ref(o.default);function l(n){r.value=n}return e.provide("TAB_DATA",{currentValue:r,setCurrentValue:l}),(n,s)=>(e.openBlock(),e.createElementBlock("div",Pt,[e.renderSlot(n.$slots,"default")]))}},ee=p({__name:"TabItem",props:{value:{required:!0}},setup(t){const o=t,r=e.inject("TAB_DATA"),{currentValue:l,setCurrentValue:n}=r,s=e.computed(()=>l.value===o.value?["bg-white","font-medium","text-primary-700","shadow-xl","tab-active"]:"text-neutral-600");return(c,d)=>(e.openBlock(),e.createElementBlock("button",{onClick:d[0]||(d[0]=m=>e.unref(n)(o.value)),class:e.normalizeClass(["tab h-8 cursor-pointer rounded-lg px-3 text-xs transition-all disabled:cursor-not-allowed disabled:opacity-50",s.value])},[e.renderSlot(c.$slots,"default",{},void 0,!0)],2))}},[["__scopeId","data-v-9e06f71f"]]),te={__name:"TextArea",props:e.mergeModels(["modelValue"],{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const o=e.useModel(t,"modelValue");return(r,l)=>e.withDirectives((e.openBlock(),e.createElementBlock("textarea",e.mergeProps({onInput:l[0]||(l[0]=n=>r.$emit("update:modelValue",n.target.value))},r.$attrs,{"onUpdate:modelValue":l[1]||(l[1]=n=>o.value=n),class:"group-[&.invalid-form]:focus:ring-danger-300 group-[&.invalid-form]:ring-danger-300 group-[&.invalid-form]:focus:border-danger-700 group-[&.invalid-form]:border-danger-700 text-primary-950 focus:ring-brand-primary-200 focus:border-brand-primary-500 focus:user-invalid:border-danger-700 user-invalid:border-danger-700 focus:user-invalid:ring-danger-300 user-invalid:ring-danger-300 rounded-lg border border-neutral-200 bg-white px-3 py-2 text-xs transition-all duration-300 outline-none group-[&.invalid-form]:ring-3 placeholder:text-neutral-400 user-invalid:ring-3 focus:ring-3 group-[&.invalid-form]:focus:ring-3 disabled:cursor-not-allowed disabled:opacity-50"}),null,16)),[[e.vModelText,o.value]])}},oe=e.defineAsyncComponent(()=>Promise.resolve().then(()=>zt)),re=e.defineAsyncComponent(()=>Promise.resolve().then(()=>jt)),ne=e.defineAsyncComponent(()=>Promise.resolve().then(()=>Rt)),le=e.defineAsyncComponent(()=>Promise.resolve().then(()=>C)),ae=_,se=y,ce=x,ie=e.defineAsyncComponent(()=>Promise.resolve().then(()=>Lt)),de=e.defineAsyncComponent(()=>Promise.resolve().then(()=>Ot)),me=e.defineAsyncComponent(()=>Promise.resolve().then(()=>Gt)),Mt={install(t){t.component("Alert",S),t.component("AlertContent",w),t.component("AlertTitle",$),t.component("AppHeaderLink",E),t.component("AppLayout",A),t.component("AppMain",V),t.component("AppNavTabs",T),t.component("AppNavTab",N),t.component("AppSidebar",D),t.component("AppSidebarItem",I),t.component("AppSidebarItemChild",P),t.component("AppSidebarItemChildren",M),t.component("AppSidebarItemParent",z),t.component("AppSidebarToggle",j),t.component("AppSidebarNavSection",R),t.component("Badge",L),t.component("Button",O),t.component("Checkbox",F),t.component("Card",k),t.component("Dialog",oe),t.component("DialogContent",re),t.component("DialogToggle",ne),t.component("DialogBackground",le),t.component("Empty",_),t.component("EmptyContent",y),t.component("EmptyTitle",x),t.component("State",ae),t.component("StateContent",se),t.component("StateTitle",ce),t.component("FormField",W),t.component("FormFieldError",H),t.component("Input",q),t.component("Label",U),t.component("MultiSelect",Z),t.component("Radio",K),t.component("Select",J),t.component("Sheet",ie),t.component("SheetContent",de),t.component("SheetToggle",me),t.component("SkeletonLoader",Y),t.component("Switch",X),t.component("Table",Q),t.component("Tabs",v),t.component("TabItem",ee),t.component("TextArea",te)}},zt=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"Dialog",setup(t){const o=e.ref(!1);function r(){o.value=!o.value}return e.provide("DIALOG_META",{toggled:o,toggleDialog:r}),(l,n)=>e.renderSlot(l.$slots,"default",{toggled:o.value,toggleDialog:r})}}},Symbol.toStringTag,{value:"Module"})),jt=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"DialogContent",props:{class:{type:String},backgroundZ:{type:String,default:"z-[175]"}},setup(t){const o=e.defineAsyncComponent(()=>Promise.resolve().then(()=>C)),r=e.defineAsyncComponent(()=>Promise.resolve().then(()=>G)),l=t,{toggled:n,toggleDialog:s}=e.inject("DIALOG_META");return(c,d)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"fade-in"},{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createBlock(e.unref(o),{key:0,onClick:d[0]||(d[0]=m=>e.unref(s)()),class:e.normalizeClass(l.backgroundZ)},null,8,["class"])):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"fade-in-dialog"},{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createBlock(e.unref(r),{key:0,class:e.normalizeClass(["fixed top-1/2 left-1/2 z-[200] -translate-x-1/2 -translate-y-1/2 rounded-xl bg-white transition-all",l.class])},{default:e.withCtx(()=>[e.renderSlot(c.$slots,"default")]),_:3},8,["class"])):e.createCommentVNode("",!0)]),_:3})]))}}},Symbol.toStringTag,{value:"Module"})),Rt=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"DialogToggle",setup(t){const o=e.useSlots(),{toggleDialog:r}=e.inject("DIALOG_META");return(l,n)=>{var s,c;return e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode((c=(s=e.unref(o)).default)==null?void 0:c.call(s)[0],{onClick:e.unref(r)})))}}}},Symbol.toStringTag,{value:"Module"})),C=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"DialogBackground",setup(t){return e.onMounted(()=>{document.querySelector("body").classList.add("overflow-hidden")}),e.onUnmounted(()=>{document.querySelector("body").classList.remove("overflow-hidden")}),(o,r)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps(o.$attrs,{class:"pointer-events-auto fixed inset-0 z-[100] min-h-screen bg-black/80"}),[e.renderSlot(o.$slots,"default")],16))}}},Symbol.toStringTag,{value:"Module"})),Lt=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"Sheet",setup(t){const o=e.ref(!1);function r(){o.value=!o.value}return e.provide("SHEET_META",{toggled:o,toggleSheet:r}),(l,n)=>e.renderSlot(l.$slots,"default",{toggled:o.value,toggleSheet:r})}}},Symbol.toStringTag,{value:"Module"})),Ot=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SheetContent",props:{class:{type:String}},setup(t){const o=e.defineAsyncComponent(()=>Promise.resolve().then(()=>C)),r=e.defineAsyncComponent(()=>Promise.resolve().then(()=>G)),l=t,{toggled:n,toggleSheet:s}=e.inject("SHEET_META");return(c,d)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"fade-in"},{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createBlock(e.unref(o),{key:0,onClick:d[0]||(d[0]=m=>e.unref(s)())})):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"slide"},{default:e.withCtx(()=>[e.unref(n)?(e.openBlock(),e.createBlock(e.unref(r),{key:0,class:e.normalizeClass(["fixed top-1/2 right-0 z-[150] h-full w-3/4 -translate-y-1/2 rounded-e-none bg-white transition-all md:right-[1rem] md:h-[calc(100dvh-2rem)] md:w-96 md:rounded-xl",l.class])},{default:e.withCtx(()=>[e.renderSlot(c.$slots,"default")]),_:3},8,["class"])):e.createCommentVNode("",!0)]),_:3})]))}}},Symbol.toStringTag,{value:"Module"})),Gt=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SheetToggle",setup(t){const o=e.useSlots(),{toggleSheet:r}=e.inject("SHEET_META");return(l,n)=>{var s,c;return e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode((c=(s=e.unref(o)).default)==null?void 0:c.call(s)[0],{onClick:e.unref(r)})))}}}},Symbol.toStringTag,{value:"Module"}));a.Alert=S,a.AlertContent=w,a.AlertTitle=$,a.AppHeader=Se,a.AppHeaderLink=E,a.AppLayout=A,a.AppMain=V,a.AppNavTab=N,a.AppNavTabs=T,a.AppSidebar=D,a.AppSidebarItem=I,a.AppSidebarItemChild=P,a.AppSidebarItemChildren=M,a.AppSidebarItemParent=z,a.AppSidebarNavSection=R,a.AppSidebarToggle=j,a.Badge=L,a.Button=O,a.Card=k,a.Checkbox=F,a.Dialog=oe,a.DialogBackground=le,a.DialogContent=re,a.DialogToggle=ne,a.Empty=_,a.EmptyContent=y,a.EmptyTitle=x,a.FormField=W,a.FormFieldError=H,a.Input=q,a.Label=U,a.MultiSelect=Z,a.Radio=K,a.Select=J,a.Sheet=ie,a.SheetContent=de,a.SheetToggle=me,a.SkeletonLoader=Y,a.State=ae,a.StateActions=Vt,a.StateContent=se,a.StateTitle=ce,a.Switch=X,a.TabItem=ee,a.Table=Q,a.Tabs=v,a.TextArea=te,a.default=Mt,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "scrubbed-tailwind-components-v2",
-  "version": "2.5.3",
+  "version": "2.5.4",
   "private": false,
   "type": "module",
   "main": "dist/scrubbed-tailwind-components-v2.umd.js",