scrubbed-tailwind-components-v2 2.4.1 → 2.4.2

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

@@ -1,6 +1,6 @@
-import { useSlots as j, provide as I, createElementBlock as s, openBlock as a, normalizeClass as p, createElementVNode as c, createBlock as g, resolveDynamicComponent as k, cloneVNode as C, unref as d, renderSlot as i, inject as h, withCtx as f, ref as v, createVNode as w, Fragment as D, Teleport as L, normalizeStyle as Z, watch as J, createCommentVNode as $, resolveComponent as X, mergeProps as A, useModel as V, withDirectives as B, withModifiers as F, vModelCheckbox as Q, onMounted as K, onUnmounted as ee, Transition as R, createStaticVNode as te, createTextVNode as z, computed as q, vModelText as U, mergeModels as re, vModelRadio as oe, vModelSelect as ne, renderList as M, toDisplayString as H } from "vue";
-import { RouterLink as P, useRoute as Y } from "vue-router";
-const ae = {
+import { useSlots as M, provide as I, createElementBlock as s, openBlock as a, normalizeClass as p, createElementVNode as c, createBlock as g, resolveDynamicComponent as k, cloneVNode as C, unref as d, renderSlot as i, inject as h, withCtx as v, ref as x, createVNode as T, Fragment as D, Teleport as z, normalizeStyle as U, watch as Z, createCommentVNode as w, resolveComponent as J, mergeProps as $, useModel as V, withDirectives as B, withModifiers as H, vModelCheckbox as Y, onMounted as X, onUnmounted as Q, Transition as R, computed as O, vModelText as F, mergeModels as K, vModelRadio as ee, vModelSelect as te, renderList as E, toDisplayString as N, createTextVNode as re } from "vue";
+import { RouterLink as P, useRoute as q } from "vue-router";
+const oe = {
   __name: "Alert",
   props: {
     variant: {
@@ -10,7 +10,7 @@ const ae = {
     }
   },
   setup(e) {
-    const t = j(), r = e, n = {
+    const t = M(), r = e, n = {
       info: {
         root: "to-brand-primary-200 border-white text-brand-primary-900",
         icon: "bg-brand-primary-200 text-blue-700"
@@ -42,7 +42,7 @@ const ae = {
       }
     };
     return I("ALERT", { VARIANT_MAP: n }), (l, u) => {
-      var m, y, x, b, S, W;
+      var m, y, _, b, A, G;
       return a(), s("div", {
         class: p(["flex w-full gap-4 rounded-lg border border-white bg-linear-60 from-white p-4", n[r.variant].root])
       }, [
@@ -54,38 +54,38 @@ const ae = {
           }, null, 8, ["class"]))
         ], 2),
         c("div", null, [
-          (a(), g(k(C((b = (x = d(t)).default) == null ? void 0 : b.call(x)[1])))),
-          (a(), g(k(C((W = (S = d(t)).default) == null ? void 0 : W.call(S)[2]))))
+          (a(), g(k(C((b = (_ = d(t)).default) == null ? void 0 : b.call(_)[1])))),
+          (a(), g(k(C((G = (A = d(t)).default) == null ? void 0 : G.call(A)[2]))))
         ])
       ], 2);
     };
   }
-}, _ = (e, t) => {
+}, f = (e, t) => {
   const r = e.__vccOpts || e;
   for (const [n, o] of t)
     r[n] = o;
   return r;
-}, se = {}, le = { class: "text-xs text-neutral-700" };
-function ie(e, t) {
-  return a(), s("span", le, [
+}, ne = {}, ae = { class: "text-xs text-neutral-700" };
+function se(e, t) {
+  return a(), s("span", ae, [
     i(e.$slots, "default")
   ]);
 }
-const de = /* @__PURE__ */ _(se, [["render", ie]]), ce = {}, ue = { class: "text-sm font-medium" };
-function ge(e, t) {
-  return a(), s("p", ue, [
+const le = /* @__PURE__ */ f(ne, [["render", se]]), ie = {}, de = { class: "text-sm font-medium" };
+function ce(e, t) {
+  return a(), s("p", de, [
     i(e.$slots, "default")
   ]);
 }
-const pe = /* @__PURE__ */ _(ce, [["render", ge]]), me = { class: "flex w-full items-center justify-between" }, be = { class: "flex items-center gap-2" }, fe = { class: "flex items-center gap-10" }, he = { class: "hidden gap-6 sm:flex" }, zt = {
+const ue = /* @__PURE__ */ f(ie, [["render", ce]]), ge = { class: "flex w-full items-center justify-between" }, pe = { class: "flex items-center gap-2" }, me = { class: "flex items-center gap-10" }, be = { class: "hidden gap-6 sm:flex" }, Ut = {
   __name: "AppHeader",
   setup(e) {
     const t = h("APP_DATA"), { isSidebarToggled: r, toggleSidebar: n } = t;
     return (o, l) => (a(), s("header", {
       class: p(["fixed top-0 flex h-16 w-dvw items-center justify-center bg-white/50 px-3 backdrop-blur sm:px-6", { "rounded-t-2xl": d(r) }])
     }, [
-      c("nav", me, [
-        c("div", be, [
+      c("nav", ge, [
+        c("div", pe, [
           c("button", {
             onClick: l[0] || (l[0] = (u) => d(n)()),
             class: "block cursor-pointer rounded-full p-2 hover:bg-neutral-100 sm:hidden"
@@ -109,8 +109,8 @@ const pe = /* @__PURE__ */ _(ce, [["render", ge]]), me = { class: "flex w-full i
           ])),
           i(o.$slots, "header-img")
         ]),
-        c("div", fe, [
-          c("ul", he, [
+        c("div", me, [
+          c("ul", be, [
             i(o.$slots, "header-links")
           ]),
           i(o.$slots, "header-actions")
@@ -118,7 +118,7 @@ const pe = /* @__PURE__ */ _(ce, [["render", ge]]), me = { class: "flex w-full i
       ])
     ], 2));
   }
-}, ve = ["href"], xe = {
+}, fe = ["href"], he = {
   __name: "AppHeaderLink",
   props: {
     to: { type: String, required: !0 }
@@ -131,7 +131,7 @@ const pe = /* @__PURE__ */ _(ce, [["render", ge]]), me = { class: "flex w-full i
         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: t.to
       }, {
-        default: f(() => [
+        default: v(() => [
           i(r.$slots, "default")
         ]),
         _: 3
@@ -141,13 +141,13 @@ const pe = /* @__PURE__ */ _(ce, [["render", ge]]), me = { class: "flex w-full i
         href: t.to
       }, [
         i(r.$slots, "default")
-      ], 8, ve))
+      ], 8, fe))
     ]));
   }
-}, _e = { class: "relative" }, ye = { class: "flex" }, ke = {
+}, ve = { class: "relative" }, xe = { class: "flex" }, _e = {
   __name: "AppLayout",
   setup(e) {
-    const t = v(!1);
+    const t = x(!1);
     function r() {
       window.innerWidth <= 640 ? (t.value = !t.value, n()) : t.value && (t.value = !1, n());
     }
@@ -156,23 +156,23 @@ const pe = /* @__PURE__ */ _(ce, [["render", ge]]), me = { class: "flex w-full i
       o.classList.contains("bg-black") ? o.classList.remove("bg-black") : o.classList.add("bg-black");
     }
     return I("APP_DATA", { isSidebarToggled: t, toggleSidebar: r }), (o, l) => {
-      var u, m, y, x, b, S;
+      var u, m, y, _, b, A;
       return a(), s("div", {
         class: p(["bg-white transition-all duration-500 ease-[cubic-bezier(.32,.72,0,1)]", {
           "origin-[center_top] translate-y-4 scale-93": t.value
         }])
       }, [
-        c("div", _e, [
+        c("div", ve, [
           (a(), g(k(C((m = (u = o.$slots).default) == null ? void 0 : m.call(u)[0])))),
-          c("div", ye, [
-            (a(), g(k(C((x = (y = o.$slots).default) == null ? void 0 : x.call(y)[1])))),
-            (a(), g(k(C((S = (b = o.$slots).default) == null ? void 0 : S.call(b)[2]))))
+          c("div", xe, [
+            (a(), g(k(C((_ = (y = o.$slots).default) == null ? void 0 : _.call(y)[1])))),
+            (a(), g(k(C((A = (b = o.$slots).default) == null ? void 0 : A.call(b)[2]))))
           ])
         ])
       ], 2);
     };
   }
-}, Ce = {
+}, ye = {
   __name: "AppMain",
   setup(e) {
     const t = h("APP_DATA"), { isSidebarToggled: r } = t;
@@ -185,25 +185,25 @@ const pe = /* @__PURE__ */ _(ce, [["render", ge]]), me = { class: "flex w-full i
       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, t) {
-  return a(), s("div", $e, [
+}, ke = {}, Ce = { class: "flex w-full flex-wrap border-b-[1px] border-neutral-200 [&::-webkit-scrollbar]:hidden" };
+function we(e, t) {
+  return a(), s("div", Ce, [
     i(e.$slots, "default")
   ]);
 }
-const Se = /* @__PURE__ */ _(we, [["render", Ae]]), Te = { class: "shrink-0" }, Ie = {
+const $e = /* @__PURE__ */ f(ke, [["render", we]]), Ae = { class: "shrink-0" }, Se = {
   __name: "AppNavTab",
   props: {
     to: { type: String, required: !0 }
   },
   setup(e) {
     const t = e;
-    return v(null), (r, n) => (a(), s("div", Te, [
-      w(d(P), {
+    return x(null), (r, n) => (a(), s("div", Ae, [
+      T(d(P), {
         class: "[&.router-link-exact-active]:text-primary-950 [&.router-link-exact-active]:border-brand-primary-700 hover:text-brand-primary-700 group relative flex h-12 shrink-0 items-center justify-between gap-2 border-b-2 border-transparent px-3 text-sm text-neutral-600 transition-all [&.router-link-exact-active]:font-medium",
         to: t.to
       }, {
-        default: f(() => [
+        default: v(() => [
           i(r.$slots, "default"),
           n[0] || (n[0] = c("div", { class: "bg-primary-100 absolute inset-x-0 z-[-1] h-8 w-full rounded-lg opacity-0 transition-all contain-strict group-hover:transform-none group-hover:opacity-100 group-hover:[transform-origin:50%_50%_0px]" }, null, -1))
         ]),
@@ -212,18 +212,18 @@ const Se = /* @__PURE__ */ _(we, [["render", Ae]]), Te = { class: "shrink-0" },
       }, 8, ["to"])
     ]));
   }
-}, Be = { class: "sidebar-wrapper fixed top-0 left-0 hidden max-h-[calc(100vh-64px)] w-[223px] space-y-4 overflow-y-auto bg-white px-4 py-8 sm:top-[64px] sm:block" }, De = {
+}, Te = { class: "sidebar-wrapper fixed top-0 left-0 hidden max-h-[calc(100vh-64px)] w-[223px] space-y-4 overflow-y-auto bg-white px-4 py-8 sm:top-[64px] sm:block" }, Ie = {
   __name: "AppSidebar",
   setup(e) {
     const t = h("APP_DATA"), { isSidebarToggled: r, toggleSidebar: n } = t;
     return (o, l) => (a(), s(D, null, [
-      c("aside", Be, [
+      c("aside", Te, [
         i(o.$slots, "default")
       ]),
-      (a(), g(L, { to: "body" }, [
+      (a(), g(z, { to: "body" }, [
         c("div", {
           class: "shadow-t-2xl fixed bottom-0 z-50 h-[60svh] w-full space-y-4 overflow-y-scroll rounded-t-2xl bg-white p-4 transition-all duration-500 ease-[cubic-bezier(.32,.72,0,1)] [&::-webkit-scrollbar]:hidden",
-          style: Z(
+          style: U(
             d(r) ? "transform: translateZ(0)" : "transform: translate3d(0,60svh,0)"
           )
         }, [
@@ -239,19 +239,19 @@ const Se = /* @__PURE__ */ _(we, [["render", Ae]]), Te = { class: "shrink-0" },
       ]))
     ], 64));
   }
-}, Re = { class: "flex flex-col" }, Ve = {
+}, Be = { class: "flex flex-col" }, De = {
   __name: "AppSidebarItem",
   setup(e) {
-    Y();
-    const t = v(!1);
+    q();
+    const t = x(!1);
     function r() {
       t.value = !t.value;
     }
-    return I("SIDEBAR_TOGGLE", { toggled: t, toggleSidebarItem: r }), (n, o) => (a(), s("div", Re, [
+    return I("SIDEBAR_TOGGLE", { toggled: t, toggleSidebarItem: r }), (n, o) => (a(), s("div", Be, [
       i(n.$slots, "default")
     ]));
   }
-}, Pe = ["href"], Me = {
+}, Re = ["href"], Ve = {
   __name: "AppSidebarItemChild",
   props: {
     to: { type: [String, Object], required: !0 }
@@ -263,7 +263,7 @@ const Se = /* @__PURE__ */ _(we, [["render", Ae]]), Te = { class: "shrink-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: t.to
     }, {
-      default: f(() => [
+      default: v(() => [
         i(r.$slots, "default")
       ]),
       _: 3
@@ -273,9 +273,9 @@ const Se = /* @__PURE__ */ _(we, [["render", Ae]]), Te = { class: "shrink-0" },
       href: t.to
     }, [
       i(r.$slots, "default")
-    ], 8, Pe));
+    ], 8, Re));
   }
-}, ze = {
+}, Pe = {
   __name: "AppSidebarItemChildren",
   setup(e) {
     const t = h("SIDEBAR_TOGGLE"), { toggled: r } = t;
@@ -285,7 +285,7 @@ const Se = /* @__PURE__ */ _(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" }, je = ["href"], Le = {
+}, 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" }, Me = ["href"], ze = {
   __name: "AppSidebarItemParent",
   props: {
     to: { type: [String, Object], required: !0 },
@@ -293,21 +293,21 @@ const Se = /* @__PURE__ */ _(we, [["render", Ae]]), Te = { class: "shrink-0" },
     hasChildren: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = Y(), r = e, n = h("SIDEBAR_TOGGLE"), o = h("APP_DATA"), { toggled: l, toggleSidebarItem: u } = n, { toggleSidebar: m } = o;
+    const t = q(), r = e, n = h("SIDEBAR_TOGGLE"), o = h("APP_DATA"), { toggled: l, toggleSidebarItem: u } = n, { toggleSidebar: m } = o;
     function y() {
       t.matched.some(
         (b) => r.name === b.name
       ) ? l.value = !0 : l.value = !1;
     }
-    return J(t, () => y(), { immediate: !0 }), (x, b) => (a(), s("div", Ee, [
+    return Z(t, () => y(), { immediate: !0 }), (_, b) => (a(), s("div", Ee, [
       typeof r.to == "object" || r.to.startsWith("/") ? (a(), g(d(P), {
         key: 0,
-        onClick: b[0] || (b[0] = (S) => d(m)()),
+        onClick: b[0] || (b[0] = (A) => d(m)()),
         class: "[&.router-link-active]:text-primary-700 text-primary-950 peer flex h-full w-full items-center gap-3 text-xs [&.router-link-active]:font-medium",
         to: r.to
       }, {
-        default: f(() => [
-          i(x.$slots, "default")
+        default: v(() => [
+          i(_.$slots, "default")
         ]),
         _: 3
       }, 8, ["to"])) : (a(), s("a", {
@@ -315,11 +315,11 @@ const Se = /* @__PURE__ */ _(we, [["render", Ae]]), Te = { class: "shrink-0" },
         class: "text-primary-950 peer flex h-full w-full items-center gap-3 text-xs",
         href: r.to
       }, [
-        i(x.$slots, "default")
-      ], 8, je)),
+        i(_.$slots, "default")
+      ], 8, Me)),
       r.hasChildren ? (a(), s("button", {
         key: 2,
-        onClick: b[1] || (b[1] = (S) => d(u)()),
+        onClick: b[1] || (b[1] = (A) => d(u)()),
         class: "hover:bg-brand-primary-200 cursor-pointer rounded-full p-1 transition-all",
         type: "button"
       }, [
@@ -337,21 +337,21 @@ const Se = /* @__PURE__ */ _(we, [["render", Ae]]), Te = { class: "shrink-0" },
         }, b[2] || (b[2] = [
           c("path", { d: "m6 9 6 6 6-6" }, null, -1)
         ]), 2))
-      ])) : $("", !0)
+      ])) : w("", !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" }, Ne = {
+}, Le = { class: "hover:bg-background-main has-[&.router-link-active]:active has-[&.router-link-active]:bg-primary-700 peer flex h-10 items-center justify-between rounded-lg px-3 transition-all" }, je = {
   __name: "AppSidebarToggle",
   setup(e) {
     const t = h("SIDEBAR_TOGGLE");
     return (r, n) => {
-      const o = X("RouterLink");
-      return a(), s("div", Ge, [
-        w(o, {
+      const o = J("RouterLink");
+      return a(), s("div", Le, [
+        T(o, {
           class: "text-primary-950 peer flex h-full w-full items-center gap-3 text-xs [&.router-link-active]:font-medium [&.router-link-active]:text-white",
           to: "/"
         }, {
-          default: f(() => [
+          default: v(() => [
             i(r.$slots, "default")
           ]),
           _: 3
@@ -379,21 +379,21 @@ const Se = /* @__PURE__ */ _(we, [["render", Ae]]), Te = { class: "shrink-0" },
       ]);
     };
   }
-}, We = {}, He = {
+}, Ge = {}, Ne = {
   key: 0,
   class: "text-primary-950 px-1 text-sm font-medium"
-}, Oe = { class: "mt-2" };
-function Fe(e, t) {
+}, We = { class: "mt-2" };
+function He(e, t) {
   return a(), s("nav", null, [
-    e.$slots.title ? (a(), s("b", He, [
+    e.$slots.title ? (a(), s("b", Ne, [
       i(e.$slots, "title")
-    ])) : $("", !0),
-    c("div", Oe, [
+    ])) : w("", !0),
+    c("div", We, [
       i(e.$slots, "items")
     ])
   ]);
 }
-const qe = /* @__PURE__ */ _(We, [["render", Fe]]), O = {
+const Oe = /* @__PURE__ */ f(Ge, [["render", He]]), W = {
   /* ---------------- Solid Buttons ---------------- */
   primary: {
     backgroundColor: "bg-brand-primary-700",
@@ -482,7 +482,7 @@ const qe = /* @__PURE__ */ _(We, [["render", Fe]]), O = {
     backgroundColor: "bg-transparent",
     textColor: "text-warning-600"
   }
-}, T = {
+}, S = {
   /* ---------------- Solid Buttons ---------------- */
   primary: {
     backgroundColor: "bg-gradient-to-br from-brand-primary-500 to-brand-primary-700",
@@ -621,7 +621,7 @@ const qe = /* @__PURE__ */ _(We, [["render", Fe]]), O = {
     hoverTextColor: "hover:text-warning-700",
     focusRing: "focus:ring-warning-200"
   }
-}, Ue = {
+}, Fe = {
   __name: "Badge",
   props: {
     variant: { type: String, default: "primary" }
@@ -630,28 +630,28 @@ const qe = /* @__PURE__ */ _(We, [["render", Fe]]), O = {
     const t = e;
     return (r, n) => (a(), s("div", {
       class: p(["rounded-full px-3 py-1 text-xs font-medium", [
-        d(O)[t.variant].backgroundColor,
-        d(O)[t.variant].textColor
+        d(W)[t.variant].backgroundColor,
+        d(W)[t.variant].textColor
       ]])
     }, [
       i(r.$slots, "default")
     ], 2));
   }
-}, E = {
+}, qe = {
   __name: "Button",
   props: {
     variant: { type: String, default: "primary" }
   },
   setup(e, { expose: t }) {
-    const r = e, n = v(null);
-    return t({ buttonRef: n }), (o, l) => (a(), s("button", A(o.$attrs, {
+    const r = e, n = x(null);
+    return t({ buttonRef: n }), (o, l) => (a(), s("button", $(o.$attrs, {
       class: ["cursor-pointer rounded-lg px-4 py-2 text-xs transition-all active:scale-[0.97] disabled:cursor-not-allowed disabled:opacity-50 disabled:active:scale-100", [
-        d(T)[r.variant].backgroundColor,
-        d(T)[r.variant].borderColor,
-        d(T)[r.variant].textColor,
-        d(T)[r.variant].hoverBackgroundColor,
-        d(T)[r.variant].hoverTextColor,
-        d(T)[r.variant].focusRing
+        d(S)[r.variant].backgroundColor,
+        d(S)[r.variant].borderColor,
+        d(S)[r.variant].textColor,
+        d(S)[r.variant].hoverBackgroundColor,
+        d(S)[r.variant].hoverTextColor,
+        d(S)[r.variant].focusRing
       ]],
       ref_key: "buttonRef",
       ref: n
@@ -659,13 +659,13 @@ const qe = /* @__PURE__ */ _(We, [["render", Fe]]), O = {
       i(o.$slots, "default")
     ], 16));
   }
-}, Ye = {}, Ze = { class: "rounded-2xl bg-white p-6" };
+}, Ue = {}, Ze = { class: "rounded-2xl bg-white p-6" };
 function Je(e, t) {
   return a(), s("div", Ze, [
     i(e.$slots, "default")
   ]);
 }
-const G = /* @__PURE__ */ _(Ye, [["render", Je]]), Xe = {
+const L = /* @__PURE__ */ f(Ue, [["render", Je]]), Ye = {
   __name: "Checkbox",
   props: {
     modelValue: {},
@@ -673,7 +673,7 @@ const G = /* @__PURE__ */ _(Ye, [["render", Je]]), Xe = {
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = V(e, "modelValue"), r = v(null);
+    const t = V(e, "modelValue"), r = x(null);
     return (n, o) => (a(), s("button", {
       onClick: o[2] || (o[2] = (l) => 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"
@@ -692,23 +692,23 @@ const G = /* @__PURE__ */ _(Ye, [["render", Je]]), Xe = {
       }, [
         c("path", { d: "M20 6 9 17l-5-5" })
       ], -1)),
-      B(c("input", A(n.$attrs, {
+      B(c("input", $(n.$attrs, {
         "onUpdate:modelValue": o[0] || (o[0] = (l) => t.value = l),
-        onChange: o[1] || (o[1] = F(() => {
+        onChange: o[1] || (o[1] = H(() => {
         }, ["stop"])),
         type: "checkbox",
         ref_key: "checkboxRef",
         ref: r,
         hidden: ""
       }), null, 16), [
-        [Q, t.value]
+        [Y, t.value]
       ])
     ]));
   }
-}, Qe = {
+}, Xe = {
   __name: "Dialog",
   setup(e) {
-    const t = v(!1);
+    const t = x(!1);
     function r() {
       t.value = !t.value;
     }
@@ -717,55 +717,55 @@ const G = /* @__PURE__ */ _(Ye, [["render", Je]]), Xe = {
       toggleDialog: r
     });
   }
-}, N = {
+}, j = {
   __name: "DialogBackground",
   setup(e) {
-    return K(() => {
+    return X(() => {
       document.querySelector("body").classList.add("overflow-hidden");
-    }), ee(() => {
+    }), Q(() => {
       document.querySelector("body").classList.remove("overflow-hidden");
-    }), (t, r) => (a(), s("div", A(t.$attrs, { class: "pointer-events-auto fixed inset-0 z-[100] min-h-screen bg-black/80" }), [
+    }), (t, r) => (a(), s("div", $(t.$attrs, { class: "pointer-events-auto fixed inset-0 z-[100] min-h-screen bg-black/80" }), [
       i(t.$slots, "default")
     ], 16));
   }
-}, Ke = {
+}, Qe = {
   __name: "DialogContent",
   props: {
     class: { type: String }
   },
   setup(e) {
     const t = e, { toggled: r, toggleDialog: n } = h("DIALOG_META");
-    return (o, l) => (a(), g(L, { to: "body" }, [
-      w(R, { name: "fade-in" }, {
-        default: f(() => [
-          d(r) ? (a(), g(N, {
+    return (o, l) => (a(), g(z, { to: "body" }, [
+      T(R, { name: "fade-in" }, {
+        default: v(() => [
+          d(r) ? (a(), g(j, {
             key: 0,
             onClick: l[0] || (l[0] = (u) => d(n)()),
             class: "z-[175]"
-          })) : $("", !0)
+          })) : w("", !0)
         ]),
         _: 1
       }),
-      w(R, { name: "fade-in-dialog" }, {
-        default: f(() => [
-          d(r) ? (a(), g(G, {
+      T(R, { name: "fade-in-dialog" }, {
+        default: v(() => [
+          d(r) ? (a(), g(L, {
             key: 0,
             class: p(["fixed top-1/2 left-1/2 z-[200] -translate-x-1/2 -translate-y-1/2 rounded-xl bg-white transition-all", t.class])
           }, {
-            default: f(() => [
+            default: v(() => [
               i(o.$slots, "default")
             ]),
             _: 3
-          }, 8, ["class"])) : $("", !0)
+          }, 8, ["class"])) : w("", !0)
         ]),
         _: 3
       })
     ]));
   }
-}, et = {
+}, Ke = {
   __name: "DialogToggle",
   setup(e) {
-    const t = j(), { toggleDialog: r } = h("DIALOG_META");
+    const t = M(), { toggleDialog: r } = h("DIALOG_META");
     return (n, o) => {
       var l, u;
       return a(), g(k(
@@ -775,56 +775,50 @@ const G = /* @__PURE__ */ _(Ye, [["render", Je]]), Xe = {
       ));
     };
   }
-}, tt = { class: "flex flex-col items-center justify-center gap-8" }, rt = { class: "flex items-center gap-2" }, ot = {
-  __name: "Empty",
-  setup(e) {
-    return (t, r) => (a(), s("div", tt, [
-      r[2] || (r[2] = te('<div class="flex max-w-xs flex-col items-center gap-2 text-center"><div class="bg-brand-primary-100 mb-2 grid size-12 place-items-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" class="text-brand-primary-700 h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 13h6m-3-3v6m5 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg></div><b class="text-lg font-medium">No Projects Yet</b><p class="text-sm text-neutral-600"> You haven&#39;t created any projects yet. Get started by creating your first project. </p></div>', 1)),
-      c("div", rt, [
-        w(E, {
-          class: "h-10",
-          variant: "outlined"
-        }, {
-          default: f(() => r[0] || (r[0] = [
-            z("Import Project")
-          ])),
-          _: 1,
-          __: [0]
-        }),
-        w(E, {
-          class: "h-10",
-          variant: "primary"
-        }, {
-          default: f(() => r[1] || (r[1] = [
-            z("Create Project")
-          ])),
-          _: 1,
-          __: [1]
-        })
-      ])
-    ]));
-  }
-}, nt = {
+}, et = {}, tt = { class: "flex flex-col items-center justify-center gap-8" }, rt = { class: "flex max-w-xs flex-col items-center gap-2 text-center" }, ot = { class: "bg-brand-primary-100 mb-2 grid size-12 place-items-center rounded-full" };
+function nt(e, t) {
+  return a(), s("div", tt, [
+    c("div", rt, [
+      c("div", ot, [
+        i(e.$slots, "icon")
+      ]),
+      i(e.$slots, "default")
+    ])
+  ]);
+}
+const at = /* @__PURE__ */ f(et, [["render", nt]]), st = {}, lt = { class: "text-sm text-neutral-600" };
+function it(e, t) {
+  return a(), s("p", lt, [
+    i(e.$slots, "default")
+  ]);
+}
+const Zt = /* @__PURE__ */ f(st, [["render", it]]), dt = {}, ct = { class: "text-lg font-medium" };
+function ut(e, t) {
+  return a(), s("b", ct, [
+    i(e.$slots, "default")
+  ]);
+}
+const Jt = /* @__PURE__ */ f(dt, [["render", ut]]), gt = {
   __name: "FormField",
   props: {
     invalid: { type: [Boolean, String] },
     validate: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, r = q(() => t.invalid === !0 || typeof t.invalid == "string" && t.invalid.trim() !== "");
+    const t = e, r = O(() => t.invalid === !0 || typeof t.invalid == "string" && t.invalid.trim() !== "");
     return (n, o) => (a(), s("div", {
       class: p(["group flex flex-col gap-2", { "invalid-form": r.value }])
     }, [
       i(n.$slots, "default")
     ], 2));
   }
-}, at = {}, st = { 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 lt(e, t) {
-  return a(), s("p", st, [
+}, pt = {}, mt = { 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 bt(e, t) {
+  return a(), s("p", mt, [
     i(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const it = /* @__PURE__ */ _(at, [["render", lt], ["__scopeId", "data-v-a299dc33"]]), dt = {
+const ft = /* @__PURE__ */ f(pt, [["render", bt], ["__scopeId", "data-v-a299dc33"]]), ht = {
   __name: "Input",
   props: {
     modelValue: {},
@@ -837,18 +831,18 @@ const it = /* @__PURE__ */ _(at, [["render", lt], ["__scopeId", "data-v-a299dc33
       "onUpdate:modelValue": n[0] || (n[0] = (o) => t.value = o),
       class: "group-[&.invalid-form]:focus:ring-danger-700 group-[&.invalid-form]:ring-danger-700 text-primary-950 focus:ring-brand-primary-700 focus:user-invalid:ring-danger-700 user-invalid:ring-danger-700 rounded-lg border-[1px] border-neutral-200 bg-white px-3 py-2 text-xs ring-offset-2 transition-all duration-300 outline-none group-[&.invalid-form]:ring-2 placeholder:text-neutral-400 user-invalid:ring-2 focus:ring-2 group-[&.invalid-form]:focus:ring-2 disabled:cursor-not-allowed disabled:opacity-50"
     }, null, 512)), [
-      [U, t.value]
+      [F, t.value]
     ]);
   }
-}, ct = {};
-function ut(e, t) {
-  return a(), s("label", A(e.$attrs, { class: "text-primary-950 text-xs font-medium transition-all" }), [
+}, vt = {};
+function xt(e, t) {
+  return a(), s("label", $(e.$attrs, { class: "text-primary-950 text-xs font-medium transition-all" }), [
     i(e.$slots, "default")
   ], 16);
 }
-const gt = /* @__PURE__ */ _(ct, [["render", ut]]), pt = {
+const _t = /* @__PURE__ */ f(vt, [["render", xt]]), yt = {
   __name: "Radio",
-  props: /* @__PURE__ */ re({
+  props: /* @__PURE__ */ K({
     variant: { type: String, default: "small" }
   }, {
     modelValue: {},
@@ -856,7 +850,7 @@ const gt = /* @__PURE__ */ _(ct, [["render", ut]]), pt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = V(e, "modelValue"), r = e, n = v(null), o = {
+    const t = V(e, "modelValue"), r = e, n = x(null), o = {
       small: { outerCircleSize: "size-4", innerCircleSize: "size-2.5" },
       large: { outerCircleSize: "size-5", innerCircleSize: "size-3" }
     };
@@ -871,8 +865,8 @@ const gt = /* @__PURE__ */ _(ct, [["render", ut]]), pt = {
       }, [
         i(l.$slots, "default")
       ], 2),
-      B(c("input", A({
-        onChange: u[0] || (u[0] = F(() => {
+      B(c("input", $({
+        onChange: u[0] || (u[0] = H(() => {
         }, ["stop"]))
       }, l.$attrs, {
         "onUpdate:modelValue": u[1] || (u[1] = (m) => t.value = m),
@@ -881,11 +875,11 @@ const gt = /* @__PURE__ */ _(ct, [["render", ut]]), pt = {
         ref: n,
         hidden: ""
       }), null, 16), [
-        [oe, t.value]
+        [ee, t.value]
       ])
     ], 2));
   }
-}, mt = "bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1YjYxNmUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLWRvd24iPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPg==')]", bt = {
+}, kt = "bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1YjYxNmUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLWRvd24iPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPg==')]", Ct = {
   __name: "Select",
   props: {
     modelValue: {},
@@ -894,19 +888,19 @@ const gt = /* @__PURE__ */ _(ct, [["render", ut]]), pt = {
   emits: ["update:modelValue"],
   setup(e) {
     const t = V(e, "modelValue");
-    return (r, n) => B((a(), s("select", A(r.$attrs, {
+    return (r, n) => B((a(), s("select", $(r.$attrs, {
       "onUpdate:modelValue": n[0] || (n[0] = (o) => t.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", mt]
+      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", kt]
     }), [
       i(r.$slots, "default")
     ], 16)), [
-      [ne, t.value]
+      [te, t.value]
     ]);
   }
-}, ft = {
+}, wt = {
   __name: "Sheet",
   setup(e) {
-    const t = v(!1);
+    const t = x(!1);
     function r() {
       t.value = !t.value;
     }
@@ -915,43 +909,43 @@ const gt = /* @__PURE__ */ _(ct, [["render", ut]]), pt = {
       toggleSheet: r
     });
   }
-}, ht = {
+}, $t = {
   __name: "SheetContent",
   props: {
     class: { type: String }
   },
   setup(e) {
     const t = e, { toggled: r, toggleSheet: n } = h("SHEET_META");
-    return (o, l) => (a(), g(L, { to: "body" }, [
-      w(R, { name: "fade-in" }, {
-        default: f(() => [
-          d(r) ? (a(), g(N, {
+    return (o, l) => (a(), g(z, { to: "body" }, [
+      T(R, { name: "fade-in" }, {
+        default: v(() => [
+          d(r) ? (a(), g(j, {
             key: 0,
             onClick: l[0] || (l[0] = (u) => d(n)())
-          })) : $("", !0)
+          })) : w("", !0)
         ]),
         _: 1
       }),
-      w(R, { name: "slide" }, {
-        default: f(() => [
-          d(r) ? (a(), g(G, {
+      T(R, { name: "slide" }, {
+        default: v(() => [
+          d(r) ? (a(), g(L, {
             key: 0,
             class: p(["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", t.class])
           }, {
-            default: f(() => [
+            default: v(() => [
               i(o.$slots, "default")
             ]),
             _: 3
-          }, 8, ["class"])) : $("", !0)
+          }, 8, ["class"])) : w("", !0)
         ]),
         _: 3
       })
     ]));
   }
-}, vt = {
+}, At = {
   __name: "SheetToggle",
   setup(e) {
-    const t = j(), { toggleSheet: r } = h("SHEET_META");
+    const t = M(), { toggleSheet: r } = h("SHEET_META");
     return (n, o) => {
       var l, u;
       return a(), g(k(
@@ -961,11 +955,17 @@ const gt = /* @__PURE__ */ _(ct, [["render", ut]]), pt = {
       ));
     };
   }
-}, xt = {}, _t = { class: "bg-primary-100 animate-pulse rounded-lg" };
-function yt(e, t) {
-  return a(), s("div", _t);
+}, St = {}, Tt = { class: "bg-primary-100 animate-pulse rounded-lg" };
+function It(e, t) {
+  return a(), s("div", Tt);
+}
+const Bt = /* @__PURE__ */ f(St, [["render", It]]), Dt = {}, Rt = { class: "flex items-center gap-2" };
+function Vt(e, t) {
+  return a(), s("div", Rt, [
+    i(e.$slots, "default")
+  ]);
 }
-const kt = /* @__PURE__ */ _(xt, [["render", yt]]), Ct = {
+const Yt = /* @__PURE__ */ f(Dt, [["render", Vt]]), Pt = {
   __name: "Switch",
   props: ["modelValue"],
   emits: ["update:modelValue"],
@@ -974,7 +974,7 @@ const kt = /* @__PURE__ */ _(xt, [["render", yt]]), Ct = {
     function o() {
       r("update:modelValue", !n.modelValue);
     }
-    return (l, u) => (a(), s("button", A(l.$attrs, {
+    return (l, u) => (a(), s("button", $(l.$attrs, {
       onClick: u[0] || (u[0] = (m) => o()),
       class: [
         "group/switch h-5 w-9 cursor-pointer rounded-full p-0.5 transition-all duration-300 disabled:cursor-not-allowed disabled:opacity-50",
@@ -990,10 +990,10 @@ const kt = /* @__PURE__ */ _(xt, [["render", yt]]), Ct = {
       ], 2)
     ], 16));
   }
-}, wt = { class: "w-full" }, $t = { class: "h-16" }, At = { key: 0 }, St = {
+}, Et = { class: "w-full" }, Mt = { class: "h-16" }, zt = { key: 0 }, Lt = {
   key: 0,
   class: "pe-4"
-}, Tt = {
+}, jt = {
   __name: "Table",
   props: {
     columns: { type: Array, required: !0 },
@@ -1001,57 +1001,57 @@ const kt = /* @__PURE__ */ _(xt, [["render", yt]]), Ct = {
   },
   setup(e) {
     const t = e;
-    return (r, n) => (a(), s("table", wt, [
+    return (r, n) => (a(), s("table", Et, [
       c("thead", null, [
-        c("tr", $t, [
-          (a(!0), s(D, null, M(t.columns, (o) => (a(), s("th", {
+        c("tr", Mt, [
+          (a(!0), s(D, null, E(t.columns, (o) => (a(), s("th", {
             key: o.key,
             class: "text-xs font-medium text-neutral-600 first-of-type:ps-4"
-          }, H(o.label), 1))), 128)),
-          r.$slots.actions ? (a(), s("th", At)) : $("", !0)
+          }, N(o.label), 1))), 128)),
+          r.$slots.actions ? (a(), s("th", zt)) : w("", !0)
         ])
       ]),
       c("tbody", null, [
-        (a(!0), s(D, null, M(t.data, (o, l) => (a(), s("tr", {
+        (a(!0), s(D, null, E(t.data, (o, l) => (a(), s("tr", {
           key: l,
           class: "odd:bg-background-main/50 hover:bg-background-main min-h-16 rounded-md transition-all"
         }, [
-          (a(!0), s(D, null, M(t.columns, (u) => (a(), s("td", {
+          (a(!0), s(D, null, E(t.columns, (u) => (a(), s("td", {
             key: u.key,
             class: "text-primary-950 py-4 text-xs first-of-type:rounded-s-md first-of-type:ps-4 last-of-type:rounded-e-md last-of-type:pe-4"
           }, [
             i(r.$slots, u.key, { row: o }, () => [
-              z(H(o[u.key]), 1)
+              re(N(o[u.key]), 1)
             ])
           ]))), 128)),
-          r.$slots.actions ? (a(), s("td", St, [
+          r.$slots.actions ? (a(), s("td", Lt, [
             i(r.$slots, "actions", { row: o })
-          ])) : $("", !0)
+          ])) : w("", !0)
         ]))), 128))
       ])
     ]));
   }
-}, It = { class: "overflow-x-scroll rounded-xl bg-neutral-100/50 p-1 [&::-webkit-scrollbar]:hidden" }, Bt = {
+}, Gt = { class: "overflow-x-scroll rounded-xl bg-neutral-100/50 p-1 [&::-webkit-scrollbar]:hidden" }, Nt = {
   __name: "Tabs",
   props: {
     default: { default: null }
   },
   setup(e) {
-    const r = v(e.default);
+    const r = x(e.default);
     function n(o) {
       r.value = o;
     }
-    return I("TAB_DATA", { currentValue: r, setCurrentValue: n }), (o, l) => (a(), s("div", It, [
+    return I("TAB_DATA", { currentValue: r, setCurrentValue: n }), (o, l) => (a(), s("div", Gt, [
       i(o.$slots, "default")
     ]));
   }
-}, Dt = {
+}, Wt = {
   __name: "TabItem",
   props: {
     value: { required: !0 }
   },
   setup(e) {
-    const t = e, r = h("TAB_DATA"), { currentValue: n, setCurrentValue: o } = r, l = q(() => n.value === t.value ? [
+    const t = e, r = h("TAB_DATA"), { currentValue: n, setCurrentValue: o } = r, l = O(() => n.value === t.value ? [
       "bg-white",
       "font-medium",
       "text-primary-700",
@@ -1065,65 +1065,68 @@ const kt = /* @__PURE__ */ _(xt, [["render", yt]]), Ct = {
       i(u.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}, Rt = /* @__PURE__ */ _(Dt, [["__scopeId", "data-v-9e06f71f"]]), Vt = {
+}, Ht = /* @__PURE__ */ f(Wt, [["__scopeId", "data-v-9e06f71f"]]), Ot = {
   __name: "TextArea",
   props: ["modelValue"],
   setup(e) {
-    const r = v(e.modelValue);
-    return (n, o) => B((a(), s("textarea", A({
+    const r = x(e.modelValue);
+    return (n, o) => B((a(), s("textarea", $({
       onInput: o[0] || (o[0] = (l) => n.$emit("update:modelValue", l.target.value))
     }, n.$attrs, {
       "onUpdate:modelValue": o[1] || (o[1] = (l) => r.value = l),
       class: "text-primary-950 neutral-400:text-neutral-400 focus:ring-brand-primary-700 user-invalid:ring-danger-700 focus:user-invalid:ring-danger-700 rounded-lg border-[1px] border-neutral-200 px-3 py-2 text-xs transition-all outline-none user-invalid:ring-2 focus:ring-2 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
     }), null, 16)), [
-      [U, r.value]
+      [F, r.value]
     ]);
   }
-}, Et = {
+}, Xt = {
   install(e) {
-    e.component("Alert", ae), e.component("AlertContent", de), e.component("AlertTitle", pe), e.component("AppHeaderLink", xe), e.component("AppLayout", ke), e.component("AppMain", Ce), e.component("AppNavTabs", Se), e.component("AppNavTab", Ie), e.component("AppSidebar", De), e.component("AppSidebarItem", Ve), e.component("AppSidebarItemChild", Me), e.component("AppSidebarItemChildren", ze), e.component("AppSidebarItemParent", Le), e.component("AppSidebarToggle", Ne), e.component("AppSidebarNavSection", qe), e.component("Badge", Ue), e.component("Button", E), e.component("Checkbox", Xe), e.component("Card", G), e.component("Dialog", Qe), e.component("DialogContent", Ke), e.component("DialogToggle", et), e.component("DialogBackground", N), e.component("Empty", ot), e.component("FormField", nt), e.component("FormFieldError", it), e.component("Input", dt), e.component("Label", gt), e.component("Radio", pt), e.component("Select", bt), e.component("Sheet", ft), e.component("SheetContent", ht), e.component("SheetToggle", vt), e.component("SkeletonLoader", kt), e.component("Switch", Ct), e.component("Table", Tt), e.component("Tabs", Bt), e.component("TabItem", Rt), e.component("TextArea", Vt);
+    e.component("Alert", oe), e.component("AlertContent", le), e.component("AlertTitle", ue), e.component("AppHeaderLink", he), e.component("AppLayout", _e), e.component("AppMain", ye), e.component("AppNavTabs", $e), e.component("AppNavTab", Se), e.component("AppSidebar", Ie), e.component("AppSidebarItem", De), e.component("AppSidebarItemChild", Ve), e.component("AppSidebarItemChildren", Pe), e.component("AppSidebarItemParent", ze), e.component("AppSidebarToggle", je), e.component("AppSidebarNavSection", Oe), e.component("Badge", Fe), e.component("Button", qe), e.component("Checkbox", Ye), e.component("Card", L), e.component("Dialog", Xe), e.component("DialogContent", Qe), e.component("DialogToggle", Ke), e.component("DialogBackground", j), e.component("Empty", at), e.component("FormField", gt), e.component("FormFieldError", ft), e.component("Input", ht), e.component("Label", _t), e.component("Radio", yt), e.component("Select", Ct), e.component("Sheet", wt), e.component("SheetContent", $t), e.component("SheetToggle", At), e.component("SkeletonLoader", Bt), e.component("Switch", Pt), e.component("Table", jt), e.component("Tabs", Nt), e.component("TabItem", Ht), e.component("TextArea", Ot);
   }
 };
 export {
-  ae as Alert,
-  de as AlertContent,
-  pe as AlertTitle,
-  zt as AppHeader,
-  xe as AppHeaderLink,
-  ke as AppLayout,
-  Ce as AppMain,
-  Ie as AppNavTab,
-  Se as AppNavTabs,
-  De as AppSidebar,
-  Ve as AppSidebarItem,
-  Me as AppSidebarItemChild,
-  ze as AppSidebarItemChildren,
-  Le as AppSidebarItemParent,
-  qe as AppSidebarNavSection,
-  Ne as AppSidebarToggle,
-  Ue as Badge,
-  E as Button,
-  G as Card,
-  Xe as Checkbox,
-  Qe as Dialog,
-  N as DialogBackground,
-  Ke as DialogContent,
-  et as DialogToggle,
-  ot as Empty,
-  nt as FormField,
-  it as FormFieldError,
-  dt as Input,
-  gt as Label,
-  pt as Radio,
-  bt as Select,
-  ft as Sheet,
-  ht as SheetContent,
-  vt as SheetToggle,
-  kt as SkeletonLoader,
-  Ct as Switch,
-  Rt as TabItem,
-  Tt as Table,
-  Bt as Tabs,
-  Vt as TextArea,
-  Et as default
+  oe as Alert,
+  le as AlertContent,
+  ue as AlertTitle,
+  Ut as AppHeader,
+  he as AppHeaderLink,
+  _e as AppLayout,
+  ye as AppMain,
+  Se as AppNavTab,
+  $e as AppNavTabs,
+  Ie as AppSidebar,
+  De as AppSidebarItem,
+  Ve as AppSidebarItemChild,
+  Pe as AppSidebarItemChildren,
+  ze as AppSidebarItemParent,
+  Oe as AppSidebarNavSection,
+  je as AppSidebarToggle,
+  Fe as Badge,
+  qe as Button,
+  L as Card,
+  Ye as Checkbox,
+  Xe as Dialog,
+  j as DialogBackground,
+  Qe as DialogContent,
+  Ke as DialogToggle,
+  at as Empty,
+  Zt as EmptyContent,
+  Jt as EmptyTitle,
+  gt as FormField,
+  ft as FormFieldError,
+  ht as Input,
+  _t as Label,
+  yt as Radio,
+  Ct as Select,
+  wt as Sheet,
+  $t as SheetContent,
+  At as SheetToggle,
+  Bt as SkeletonLoader,
+  Yt as StateActions,
+  Pt as Switch,
+  Ht as TabItem,
+  jt as Table,
+  Nt as Tabs,
+  Ot as TextArea,
+  Xt as default
 };

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

@@ -1 +1 @@
-(function(l,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):(l=typeof globalThis<"u"?globalThis:l||self,e(l.ScrubbedTailwindComponentsV2={},l.Vue,l.vueRouter))})(this,function(l,e,f){"use strict";const x={__name:"Alert",props:{variant:{type:String,default:"info",validator:t=>["info","success","warning","destructive"].includes(t)}},setup(t){const r=e.useSlots(),o=t,a={info:{root:"to-brand-primary-200 border-white text-brand-primary-900",icon:"bg-brand-primary-200 text-blue-700"},success:{root:"to-success-200 text-success-800",icon:"bg-success-200 text-green-700"},warning:{root:"to-warning-200 text-warning-800",icon:"bg-warning-200 text-yellow-700"},destructive:{root:"to-danger-200 text-danger-700",icon:"bg-danger-200 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:a}),(s,i)=>{var c,g,p,d,u,oe;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex w-full gap-4 rounded-lg border border-white bg-linear-60 from-white p-4",a[o.variant].root])},[e.createElementVNode("div",{class:e.normalizeClass(["grid size-10 place-items-center rounded-full",a[o.variant].icon])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode((g=(c=e.unref(r)).default)==null?void 0:g.call(c)[0])),{class:e.normalizeClass(["size-4",n[o.variant].icon])},null,8,["class"]))],2),e.createElementVNode("div",null,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode((d=(p=e.unref(r)).default)==null?void 0:d.call(p)[1])))),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode((oe=(u=e.unref(r)).default)==null?void 0:oe.call(u)[2]))))])],2)}}},m=(t,r)=>{const o=t.__vccOpts||t;for(const[a,n]of r)o[a]=n;return o},ne={},ae={class:"text-xs text-neutral-700"};function le(t,r){return e.openBlock(),e.createElementBlock("span",ae,[e.renderSlot(t.$slots,"default")])}const y=m(ne,[["render",le]]),se={},ie={class:"text-sm font-medium"};function ce(t,r){return e.openBlock(),e.createElementBlock("p",ie,[e.renderSlot(t.$slots,"default")])}const C=m(se,[["render",ce]]),de={class:"flex w-full items-center justify-between"},me={class:"flex items-center gap-2"},pe={class:"flex items-center gap-10"},ge={class:"hidden gap-6 sm:flex"},ue={__name:"AppHeader",setup(t){const r=e.inject("APP_DATA"),{isSidebarToggled:o,toggleSidebar:a}=r;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/50 px-3 backdrop-blur sm:px-6",{"rounded-t-2xl":e.unref(o)}])},[e.createElementVNode("nav",de,[e.createElementVNode("div",me,[e.createElementVNode("button",{onClick:s[0]||(s[0]=i=>e.unref(a)()),class:"block cursor-pointer rounded-full p-2 hover:bg-neutral-100 sm: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.renderSlot(n.$slots,"header-img")]),e.createElementVNode("div",pe,[e.createElementVNode("ul",ge,[e.renderSlot(n.$slots,"header-links")]),e.renderSlot(n.$slots,"header-actions")])])],2))}},fe=["href"],B={__name:"AppHeaderLink",props:{to:{type:String,required:!0}},setup(t){const r=t;return(o,a)=>(e.openBlock(),e.createElementBlock("li",null,[r.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:r.to},{default:e.withCtx(()=>[e.renderSlot(o.$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:r.to},[e.renderSlot(o.$slots,"default")],8,fe))]))}},be={class:"relative"},ke={class:"flex"},w={__name:"AppLayout",setup(t){const r=e.ref(!1);function o(){window.innerWidth<=640?(r.value=!r.value,a()):r.value&&(r.value=!1,a())}function a(){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:r,toggleSidebar:o}),(n,s)=>{var i,c,g,p,d,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":r.value}])},[e.createElementVNode("div",be,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode((c=(i=n.$slots).default)==null?void 0:c.call(i)[0])))),e.createElementVNode("div",ke,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode((p=(g=n.$slots).default)==null?void 0:p.call(g)[1])))),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode((u=(d=n.$slots).default)==null?void 0:u.call(d)[2]))))])])],2)}}},S={__name:"AppMain",setup(t){const r=e.inject("APP_DATA"),{isSidebarToggled:o}=r;return(a,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:ml-[223px] sm:h-[calc(100dvh-4rem)] sm:w-[calc(100dvw-223px)] sm:pt-9",e.unref(o)?"overflow-hidden rounded-t-xl sm:rounded-none":"sm:rounded-tl-2xl"])},[e.renderSlot(a.$slots,"default")],2))}},he={},_e={class:"flex w-full overflow-x-auto border-b-[1px] border-neutral-200 [&::-webkit-scrollbar]:hidden"};function xe(t,r){return e.openBlock(),e.createElementBlock("div",_e,[e.renderSlot(t.$slots,"default")])}const $=m(he,[["render",xe]]),ye={class:"shrink-0"},A={__name:"AppNavTab",props:{to:{type:String,required:!0}},setup(t){const r=t;return e.ref(null),(o,a)=>(e.openBlock(),e.createElementBlock("div",ye,[e.createVNode(e.unref(f.RouterLink),{class:"[&.router-link-exact-active]:text-primary-950 [&.router-link-exact-active]:border-brand-primary-700 hover:text-brand-primary-700 group relative flex h-12 shrink-0 items-center justify-between gap-2 border-b-2 border-transparent px-3 text-sm text-neutral-600 transition-all [&.router-link-exact-active]:font-medium",to:r.to},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default"),a[0]||(a[0]=e.createElementVNode("div",{class:"bg-primary-100 absolute inset-x-0 z-[-1] h-8 w-full rounded-lg opacity-0 transition-all contain-strict group-hover:transform-none group-hover:opacity-100 group-hover:[transform-origin:50%_50%_0px]"},null,-1))]),_:3,__:[0]},8,["to"])]))}},Ce={class:"sidebar-wrapper fixed top-0 left-0 hidden max-h-[calc(100vh-64px)] w-[223px] space-y-4 overflow-y-auto bg-white px-4 py-8 sm:top-[64px] sm:block"},E={__name:"AppSidebar",setup(t){const r=e.inject("APP_DATA"),{isSidebarToggled:o,toggleSidebar:a}=r;return(n,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("aside",Ce,[e.renderSlot(n.$slots,"default")]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createElementVNode("div",{class:"shadow-t-2xl fixed bottom-0 z-50 h-[60svh] w-full space-y-4 overflow-y-scroll rounded-t-2xl bg-white p-4 transition-all duration-500 ease-[cubic-bezier(.32,.72,0,1)] [&::-webkit-scrollbar]:hidden",style:e.normalizeStyle(e.unref(o)?"transform: translateZ(0)":"transform: translate3d(0,60svh,0)")},[e.renderSlot(n.$slots,"default")],4),e.createElementVNode("div",{onClick:s[0]||(s[0]=i=>e.unref(a)()),class:e.normalizeClass(["backdrop transition-all [transition-behavior:allow-discrete] duration-300",e.unref(o)?"fixed inset-0 z-40 block bg-black/80 opacity-100":"hidden"])},null,2)]))],64))}},Be={class:"flex flex-col"},V={__name:"AppSidebarItem",setup(t){f.useRoute();const r=e.ref(!1);function o(){r.value=!r.value}return e.provide("SIDEBAR_TOGGLE",{toggled:r,toggleSidebarItem:o}),(a,n)=>(e.openBlock(),e.createElementBlock("div",Be,[e.renderSlot(a.$slots,"default")]))}},we=["href"],T={__name:"AppSidebarItemChild",props:{to:{type:[String,Object],required:!0}},setup(t){const r=t;return(o,a)=>typeof r.to=="object"||r.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:r.to},{default:e.withCtx(()=>[e.renderSlot(o.$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:r.to},[e.renderSlot(o.$slots,"default")],8,we))}},N={__name:"AppSidebarItemChildren",setup(t){const r=e.inject("SIDEBAR_TOGGLE"),{toggled:o}=r;return(a,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(o)}])},[e.renderSlot(a.$slots,"default")],2))}},Se={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"},$e=["href"],D={__name:"AppSidebarItemParent",props:{to:{type:[String,Object],required:!0},name:{type:String},hasChildren:{type:Boolean,default:!1}},setup(t){const r=f.useRoute(),o=t,a=e.inject("SIDEBAR_TOGGLE"),n=e.inject("APP_DATA"),{toggled:s,toggleSidebarItem:i}=a,{toggleSidebar:c}=n;function g(){r.matched.some(d=>o.name===d.name)?s.value=!0:s.value=!1}return e.watch(r,()=>g(),{immediate:!0}),(p,d)=>(e.openBlock(),e.createElementBlock("div",Se,[typeof o.to=="object"||o.to.startsWith("/")?(e.openBlock(),e.createBlock(e.unref(f.RouterLink),{key:0,onClick:d[0]||(d[0]=u=>e.unref(c)()),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:o.to},{default:e.withCtx(()=>[e.renderSlot(p.$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:o.to},[e.renderSlot(p.$slots,"default")],8,$e)),o.hasChildren?(e.openBlock(),e.createElementBlock("button",{key:2,onClick:d[1]||(d[1]=u=>e.unref(i)()),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)}])},d[2]||(d[2]=[e.createElementVNode("path",{d:"m6 9 6 6 6-6"},null,-1)]),2))])):e.createCommentVNode("",!0)]))}},Ae={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 r=e.inject("SIDEBAR_TOGGLE");return(o,a)=>{const n=e.resolveComponent("RouterLink");return e.openBlock(),e.createElementBlock("div",Ae,[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(o.$slots,"default")]),_:3}),e.createElementVNode("button",{onClick:a[0]||(a[0]=s=>e.unref(r).toggleSidebarItem()),class:"cursor-pointer",type:"button"},a[1]||(a[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)]))])}}},Ee={},Ve={key:0,class:"text-primary-950 px-1 text-sm font-medium"},Te={class:"mt-2"};function Ne(t,r){return e.openBlock(),e.createElementBlock("nav",null,[t.$slots.title?(e.openBlock(),e.createElementBlock("b",Ve,[e.renderSlot(t.$slots,"title")])):e.createCommentVNode("",!0),e.createElementVNode("div",Te,[e.renderSlot(t.$slots,"items")])])}const R=m(Ee,[["render",Ne]]),z={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"}},P={__name:"Badge",props:{variant:{type:String,default:"primary"}},setup(t){const r=t;return(o,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["rounded-full px-3 py-1 text-xs font-medium",[e.unref(z)[r.variant].backgroundColor,e.unref(z)[r.variant].textColor]])},[e.renderSlot(o.$slots,"default")],2))}},k={__name:"Button",props:{variant:{type:String,default:"primary"}},setup(t,{expose:r}){const o=t,a=e.ref(null);return r({buttonRef:a}),(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)[o.variant].backgroundColor,e.unref(b)[o.variant].borderColor,e.unref(b)[o.variant].textColor,e.unref(b)[o.variant].hoverBackgroundColor,e.unref(b)[o.variant].hoverTextColor,e.unref(b)[o.variant].focusRing]],ref_key:"buttonRef",ref:a}),[e.renderSlot(n.$slots,"default")],16))}},De={},Ie={class:"rounded-2xl bg-white p-6"};function Re(t,r){return e.openBlock(),e.createElementBlock("div",Ie,[e.renderSlot(t.$slots,"default")])}const h=m(De,[["render",Re]]),j={__name:"Checkbox",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(t){const r=e.useModel(t,"modelValue"),o=e.ref(null);return(a,n)=>(e.openBlock(),e.createElementBlock("button",{onClick:n[2]||(n[2]=s=>o.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(a.$attrs,{"onUpdate:modelValue":n[0]||(n[0]=s=>r.value=s),onChange:n[1]||(n[1]=e.withModifiers(()=>{},["stop"])),type:"checkbox",ref_key:"checkboxRef",ref:o,hidden:""}),null,16),[[e.vModelCheckbox,r.value]])]))}},M={__name:"Dialog",setup(t){const r=e.ref(!1);function o(){r.value=!r.value}return e.provide("DIALOG_META",{toggled:r,toggleDialog:o}),(a,n)=>e.renderSlot(a.$slots,"default",{toggled:r.value,toggleDialog:o})}},_={__name:"DialogBackground",setup(t){return e.onMounted(()=>{document.querySelector("body").classList.add("overflow-hidden")}),e.onUnmounted(()=>{document.querySelector("body").classList.remove("overflow-hidden")}),(r,o)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps(r.$attrs,{class:"pointer-events-auto fixed inset-0 z-[100] min-h-screen bg-black/80"}),[e.renderSlot(r.$slots,"default")],16))}},L={__name:"DialogContent",props:{class:{type:String}},setup(t){const r=t,{toggled:o,toggleDialog:a}=e.inject("DIALOG_META");return(n,s)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"fade-in"},{default:e.withCtx(()=>[e.unref(o)?(e.openBlock(),e.createBlock(_,{key:0,onClick:s[0]||(s[0]=i=>e.unref(a)()),class:"z-[175]"})):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"fade-in-dialog"},{default:e.withCtx(()=>[e.unref(o)?(e.openBlock(),e.createBlock(h,{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",r.class])},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},8,["class"])):e.createCommentVNode("",!0)]),_:3})]))}},G={__name:"DialogToggle",setup(t){const r=e.useSlots(),{toggleDialog:o}=e.inject("DIALOG_META");return(a,n)=>{var s,i;return e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode((i=(s=e.unref(r)).default)==null?void 0:i.call(s)[0],{onClick:e.unref(o)})))}}},ze={class:"flex flex-col items-center justify-center gap-8"},Pe={class:"flex items-center gap-2"},W={__name:"Empty",setup(t){return(r,o)=>(e.openBlock(),e.createElementBlock("div",ze,[o[2]||(o[2]=e.createStaticVNode('<div class="flex max-w-xs flex-col items-center gap-2 text-center"><div class="bg-brand-primary-100 mb-2 grid size-12 place-items-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" class="text-brand-primary-700 h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 13h6m-3-3v6m5 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg></div><b class="text-lg font-medium">No Projects Yet</b><p class="text-sm text-neutral-600"> You haven&#39;t created any projects yet. Get started by creating your first project. </p></div>',1)),e.createElementVNode("div",Pe,[e.createVNode(k,{class:"h-10",variant:"outlined"},{default:e.withCtx(()=>o[0]||(o[0]=[e.createTextVNode("Import Project")])),_:1,__:[0]}),e.createVNode(k,{class:"h-10",variant:"primary"},{default:e.withCtx(()=>o[1]||(o[1]=[e.createTextVNode("Create Project")])),_:1,__:[1]})])]))}},F={__name:"FormField",props:{invalid:{type:[Boolean,String]},validate:{type:Boolean,default:!1}},setup(t){const r=t,o=e.computed(()=>r.invalid===!0||typeof r.invalid=="string"&&r.invalid.trim()!=="");return(a,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["group flex flex-col gap-2",{"invalid-form":o.value}])},[e.renderSlot(a.$slots,"default")],2))}},je={},Me={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 Le(t,r){return e.openBlock(),e.createElementBlock("p",Me,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const H=m(je,[["render",Le],["__scopeId","data-v-a299dc33"]]),O={__name:"Input",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(t){const r=e.useModel(t,"modelValue");return(o,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("input",{"onUpdate:modelValue":a[0]||(a[0]=n=>r.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,r.value]])}},Ge={};function We(t,r){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 q=m(Ge,[["render",We]]),U={__name:"Radio",props:e.mergeModels({variant:{type:String,default:"small"}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const r=e.useModel(t,"modelValue"),o=t,a=e.ref(null),n={small:{outerCircleSize:"size-4",innerCircleSize:"size-2.5"},large:{outerCircleSize:"size-5",innerCircleSize:"size-3"}};return(s,i)=>(e.openBlock(),e.createElementBlock("button",{onClick:i[2]||(i[2]=c=>a.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[o.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[o.variant].innerCircleSize])},[e.renderSlot(s.$slots,"default")],2),e.withDirectives(e.createElementVNode("input",e.mergeProps({onChange:i[0]||(i[0]=e.withModifiers(()=>{},["stop"]))},s.$attrs,{"onUpdate:modelValue":i[1]||(i[1]=c=>r.value=c),type:"radio",ref_key:"radioRef",ref:a,hidden:""}),null,16),[[e.vModelRadio,r.value]])],2))}},Fe="bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1YjYxNmUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLWRvd24iPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPg==')]",Y={__name:"Select",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(t){const r=e.useModel(t,"modelValue");return(o,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("select",e.mergeProps(o.$attrs,{"onUpdate:modelValue":a[0]||(a[0]=n=>r.value=n),class:["group-[&.invalid-form]:ring-danger-700 group-[&.invalid-form]:focus:ring-danger-700 text-primary-950 user-invalid:ring-danger-700 focus:user-invalid:ring-danger-700 focus:ring-brand-primary-700 appearance-none rounded-lg border-[1px] border-neutral-200 bg-white bg-[length:16px] bg-[right_12px_center] bg-no-repeat px-3 py-2 text-xs ring-offset-2 transition-all outline-none group-[&.invalid-form]:ring-2 user-invalid:ring-2 focus:ring-2 group-[&.invalid-form]:focus:ring-2 disabled:cursor-not-allowed disabled:opacity-50",Fe]}),[e.renderSlot(o.$slots,"default")],16)),[[e.vModelSelect,r.value]])}},Z={__name:"Sheet",setup(t){const r=e.ref(!1);function o(){r.value=!r.value}return e.provide("SHEET_META",{toggled:r,toggleSheet:o}),(a,n)=>e.renderSlot(a.$slots,"default",{toggled:r.value,toggleSheet:o})}},J={__name:"SheetContent",props:{class:{type:String}},setup(t){const r=t,{toggled:o,toggleSheet:a}=e.inject("SHEET_META");return(n,s)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"fade-in"},{default:e.withCtx(()=>[e.unref(o)?(e.openBlock(),e.createBlock(_,{key:0,onClick:s[0]||(s[0]=i=>e.unref(a)())})):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"slide"},{default:e.withCtx(()=>[e.unref(o)?(e.openBlock(),e.createBlock(h,{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",r.class])},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},8,["class"])):e.createCommentVNode("",!0)]),_:3})]))}},X={__name:"SheetToggle",setup(t){const r=e.useSlots(),{toggleSheet:o}=e.inject("SHEET_META");return(a,n)=>{var s,i;return e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode((i=(s=e.unref(r)).default)==null?void 0:i.call(s)[0],{onClick:e.unref(o)})))}}},He={},Oe={class:"bg-primary-100 animate-pulse rounded-lg"};function qe(t,r){return e.openBlock(),e.createElementBlock("div",Oe)}const Q=m(He,[["render",qe]]),K={__name:"Switch",props:["modelValue"],emits:["update:modelValue"],setup(t,{emit:r}){const o=r,a=t;function n(){o("update:modelValue",!a.modelValue)}return(s,i)=>(e.openBlock(),e.createElementBlock("button",e.mergeProps(s.$attrs,{onClick:i[0]||(i[0]=c=>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",a.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":a.modelValue}])},[e.renderSlot(s.$slots,"icon")],2)],16))}},Ue={class:"w-full"},Ye={class:"h-16"},Ze={key:0},Je={key:0,class:"pe-4"},v={__name:"Table",props:{columns:{type:Array,required:!0},data:{type:Array,required:!0}},setup(t){const r=t;return(o,a)=>(e.openBlock(),e.createElementBlock("table",Ue,[e.createElementVNode("thead",null,[e.createElementVNode("tr",Ye,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.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)),o.$slots.actions?(e.openBlock(),e.createElementBlock("th",Ze)):e.createCommentVNode("",!0)])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.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(r.columns,i=>(e.openBlock(),e.createElementBlock("td",{key:i.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(o.$slots,i.key,{row:n},()=>[e.createTextVNode(e.toDisplayString(n[i.key]),1)])]))),128)),o.$slots.actions?(e.openBlock(),e.createElementBlock("td",Je,[e.renderSlot(o.$slots,"actions",{row:n})])):e.createCommentVNode("",!0)]))),128))])]))}},Xe={class:"overflow-x-scroll rounded-xl bg-neutral-100/50 p-1 [&::-webkit-scrollbar]:hidden"},ee={__name:"Tabs",props:{default:{default:null}},setup(t){const r=t,o=e.ref(r.default);function a(n){o.value=n}return e.provide("TAB_DATA",{currentValue:o,setCurrentValue:a}),(n,s)=>(e.openBlock(),e.createElementBlock("div",Xe,[e.renderSlot(n.$slots,"default")]))}},te=m({__name:"TabItem",props:{value:{required:!0}},setup(t){const r=t,o=e.inject("TAB_DATA"),{currentValue:a,setCurrentValue:n}=o,s=e.computed(()=>a.value===r.value?["bg-white","font-medium","text-primary-700","shadow-xl","tab-active"]:"text-neutral-600");return(i,c)=>(e.openBlock(),e.createElementBlock("button",{onClick:c[0]||(c[0]=g=>e.unref(n)(r.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(i.$slots,"default",{},void 0,!0)],2))}},[["__scopeId","data-v-9e06f71f"]]),re={__name:"TextArea",props:["modelValue"],setup(t){const r=t,o=e.ref(r.modelValue);return(a,n)=>e.withDirectives((e.openBlock(),e.createElementBlock("textarea",e.mergeProps({onInput:n[0]||(n[0]=s=>a.$emit("update:modelValue",s.target.value))},a.$attrs,{"onUpdate:modelValue":n[1]||(n[1]=s=>o.value=s),class:"text-primary-950 neutral-400:text-neutral-400 focus:ring-brand-primary-700 user-invalid:ring-danger-700 focus:user-invalid:ring-danger-700 rounded-lg border-[1px] border-neutral-200 px-3 py-2 text-xs transition-all outline-none user-invalid:ring-2 focus:ring-2 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"}),null,16)),[[e.vModelText,o.value]])}},Qe={install(t){t.component("Alert",x),t.component("AlertContent",y),t.component("AlertTitle",C),t.component("AppHeaderLink",B),t.component("AppLayout",w),t.component("AppMain",S),t.component("AppNavTabs",$),t.component("AppNavTab",A),t.component("AppSidebar",E),t.component("AppSidebarItem",V),t.component("AppSidebarItemChild",T),t.component("AppSidebarItemChildren",N),t.component("AppSidebarItemParent",D),t.component("AppSidebarToggle",I),t.component("AppSidebarNavSection",R),t.component("Badge",P),t.component("Button",k),t.component("Checkbox",j),t.component("Card",h),t.component("Dialog",M),t.component("DialogContent",L),t.component("DialogToggle",G),t.component("DialogBackground",_),t.component("Empty",W),t.component("FormField",F),t.component("FormFieldError",H),t.component("Input",O),t.component("Label",q),t.component("Radio",U),t.component("Select",Y),t.component("Sheet",Z),t.component("SheetContent",J),t.component("SheetToggle",X),t.component("SkeletonLoader",Q),t.component("Switch",K),t.component("Table",v),t.component("Tabs",ee),t.component("TabItem",te),t.component("TextArea",re)}};l.Alert=x,l.AlertContent=y,l.AlertTitle=C,l.AppHeader=ue,l.AppHeaderLink=B,l.AppLayout=w,l.AppMain=S,l.AppNavTab=A,l.AppNavTabs=$,l.AppSidebar=E,l.AppSidebarItem=V,l.AppSidebarItemChild=T,l.AppSidebarItemChildren=N,l.AppSidebarItemParent=D,l.AppSidebarNavSection=R,l.AppSidebarToggle=I,l.Badge=P,l.Button=k,l.Card=h,l.Checkbox=j,l.Dialog=M,l.DialogBackground=_,l.DialogContent=L,l.DialogToggle=G,l.Empty=W,l.FormField=F,l.FormFieldError=H,l.Input=O,l.Label=q,l.Radio=U,l.Select=Y,l.Sheet=Z,l.SheetContent=J,l.SheetToggle=X,l.SkeletonLoader=Q,l.Switch=K,l.TabItem=te,l.Table=v,l.Tabs=ee,l.TextArea=re,l.default=Qe,Object.defineProperties(l,{__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 _={__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:"to-brand-primary-200 border-white text-brand-primary-900",icon:"bg-brand-primary-200 text-blue-700"},success:{root:"to-success-200 text-success-800",icon:"bg-success-200 text-green-700"},warning:{root:"to-warning-200 text-warning-800",icon:"bg-warning-200 text-yellow-700"},destructive:{root:"to-danger-200 text-danger-700",icon:"bg-danger-200 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 i,g,p,d,u,re;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex w-full gap-4 rounded-lg border border-white bg-linear-60 from-white 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((g=(i=e.unref(o)).default)==null?void 0:g.call(i)[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((d=(p=e.unref(o)).default)==null?void 0:d.call(p)[1])))),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode((re=(u=e.unref(o)).default)==null?void 0:re.call(u)[2]))))])],2)}}},m=(t,o)=>{const r=t.__vccOpts||t;for(const[l,n]of o)r[l]=n;return r},ne={},le={class:"text-xs text-neutral-700"};function ae(t,o){return e.openBlock(),e.createElementBlock("span",le,[e.renderSlot(t.$slots,"default")])}const x=m(ne,[["render",ae]]),se={},ce={class:"text-sm font-medium"};function ie(t,o){return e.openBlock(),e.createElementBlock("p",ce,[e.renderSlot(t.$slots,"default")])}const y=m(se,[["render",ie]]),de={class:"flex w-full items-center justify-between"},me={class:"flex items-center gap-2"},pe={class:"flex items-center gap-10"},ge={class:"hidden gap-6 sm:flex"},ue={__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/50 px-3 backdrop-blur sm:px-6",{"rounded-t-2xl":e.unref(r)}])},[e.createElementVNode("nav",de,[e.createElementVNode("div",me,[e.createElementVNode("button",{onClick:s[0]||(s[0]=c=>e.unref(l)()),class:"block cursor-pointer rounded-full p-2 hover:bg-neutral-100 sm: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.renderSlot(n.$slots,"header-img")]),e.createElementVNode("div",pe,[e.createElementVNode("ul",ge,[e.renderSlot(n.$slots,"header-links")]),e.renderSlot(n.$slots,"header-actions")])])],2))}},fe=["href"],C={__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,fe))]))}},be={class:"relative"},ke={class:"flex"},B={__name:"AppLayout",setup(t){const o=e.ref(!1);function r(){window.innerWidth<=640?(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,i,g,p,d,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",be,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode((i=(c=n.$slots).default)==null?void 0:i.call(c)[0])))),e.createElementVNode("div",ke,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode((p=(g=n.$slots).default)==null?void 0:p.call(g)[1])))),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.cloneVNode((u=(d=n.$slots).default)==null?void 0:u.call(d)[2]))))])])],2)}}},w={__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:ml-[223px] sm:h-[calc(100dvh-4rem)] sm:w-[calc(100dvw-223px)] sm:pt-9",e.unref(r)?"overflow-hidden rounded-t-xl sm:rounded-none":"sm:rounded-tl-2xl"])},[e.renderSlot(l.$slots,"default")],2))}},he={},_e={class:"flex w-full flex-wrap border-b-[1px] border-neutral-200 [&::-webkit-scrollbar]:hidden"};function xe(t,o){return e.openBlock(),e.createElementBlock("div",_e,[e.renderSlot(t.$slots,"default")])}const S=m(he,[["render",xe]]),ye={class:"shrink-0"},$={__name:"AppNavTab",props:{to:{type:String,required:!0}},setup(t){const o=t;return e.ref(null),(r,l)=>(e.openBlock(),e.createElementBlock("div",ye,[e.createVNode(e.unref(f.RouterLink),{class:"[&.router-link-exact-active]:text-primary-950 [&.router-link-exact-active]:border-brand-primary-700 hover:text-brand-primary-700 group relative flex h-12 shrink-0 items-center justify-between gap-2 border-b-2 border-transparent px-3 text-sm text-neutral-600 transition-all [&.router-link-exact-active]:font-medium",to:o.to},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default"),l[0]||(l[0]=e.createElementVNode("div",{class:"bg-primary-100 absolute inset-x-0 z-[-1] h-8 w-full rounded-lg opacity-0 transition-all contain-strict group-hover:transform-none group-hover:opacity-100 group-hover:[transform-origin:50%_50%_0px]"},null,-1))]),_:3,__:[0]},8,["to"])]))}},Ce={class:"sidebar-wrapper fixed top-0 left-0 hidden max-h-[calc(100vh-64px)] w-[223px] space-y-4 overflow-y-auto bg-white px-4 py-8 sm:top-[64px] sm:block"},E={__name:"AppSidebar",setup(t){const o=e.inject("APP_DATA"),{isSidebarToggled:r,toggleSidebar:l}=o;return(n,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("aside",Ce,[e.renderSlot(n.$slots,"default")]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createElementVNode("div",{class:"shadow-t-2xl fixed bottom-0 z-50 h-[60svh] w-full space-y-4 overflow-y-scroll rounded-t-2xl bg-white p-4 transition-all duration-500 ease-[cubic-bezier(.32,.72,0,1)] [&::-webkit-scrollbar]:hidden",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))}},Be={class:"flex flex-col"},A={__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",Be,[e.renderSlot(l.$slots,"default")]))}},we=["href"],V={__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,we))}},T={__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))}},Se={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"},$e=["href"],N={__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:i}=n;function g(){o.matched.some(d=>r.name===d.name)?s.value=!0:s.value=!1}return e.watch(o,()=>g(),{immediate:!0}),(p,d)=>(e.openBlock(),e.createElementBlock("div",Se,[typeof r.to=="object"||r.to.startsWith("/")?(e.openBlock(),e.createBlock(e.unref(f.RouterLink),{key:0,onClick:d[0]||(d[0]=u=>e.unref(i)()),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(p.$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(p.$slots,"default")],8,$e)),r.hasChildren?(e.openBlock(),e.createElementBlock("button",{key:2,onClick:d[1]||(d[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)}])},d[2]||(d[2]=[e.createElementVNode("path",{d:"m6 9 6 6 6-6"},null,-1)]),2))])):e.createCommentVNode("",!0)]))}},Ee={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"},D={__name:"AppSidebarToggle",setup(t){const o=e.inject("SIDEBAR_TOGGLE");return(r,l)=>{const n=e.resolveComponent("RouterLink");return e.openBlock(),e.createElementBlock("div",Ee,[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)]))])}}},Ae={},Ve={key:0,class:"text-primary-950 px-1 text-sm font-medium"},Te={class:"mt-2"};function Ne(t,o){return e.openBlock(),e.createElementBlock("nav",null,[t.$slots.title?(e.openBlock(),e.createElementBlock("b",Ve,[e.renderSlot(t.$slots,"title")])):e.createCommentVNode("",!0),e.createElementVNode("div",Te,[e.renderSlot(t.$slots,"items")])])}const I=m(Ae,[["render",Ne]]),R={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(R)[o.variant].backgroundColor,e.unref(R)[o.variant].textColor]])},[e.renderSlot(r.$slots,"default")],2))}},P={__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))}},De={},Ie={class:"rounded-2xl bg-white p-6"};function Re(t,o){return e.openBlock(),e.createElementBlock("div",Ie,[e.renderSlot(t.$slots,"default")])}const k=m(De,[["render",Re]]),M={__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]])]))}},j={__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})}},h={__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))}},L={__name:"DialogContent",props:{class:{type:String}},setup(t){const o=t,{toggled:r,toggleDialog:l}=e.inject("DIALOG_META");return(n,s)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"fade-in"},{default:e.withCtx(()=>[e.unref(r)?(e.openBlock(),e.createBlock(h,{key:0,onClick:s[0]||(s[0]=c=>e.unref(l)()),class:"z-[175]"})):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"fade-in-dialog"},{default:e.withCtx(()=>[e.unref(r)?(e.openBlock(),e.createBlock(k,{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",o.class])},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},8,["class"])):e.createCommentVNode("",!0)]),_:3})]))}},G={__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)})))}}},ze={},Pe={class:"flex flex-col items-center justify-center gap-8"},Me={class:"flex max-w-xs flex-col items-center gap-2 text-center"},je={class:"bg-brand-primary-100 mb-2 grid size-12 place-items-center rounded-full"};function Le(t,o){return e.openBlock(),e.createElementBlock("div",Pe,[e.createElementVNode("div",Me,[e.createElementVNode("div",je,[e.renderSlot(t.$slots,"icon")]),e.renderSlot(t.$slots,"default")])])}const W=m(ze,[["render",Le]]),Ge={},We={class:"text-sm text-neutral-600"};function Fe(t,o){return e.openBlock(),e.createElementBlock("p",We,[e.renderSlot(t.$slots,"default")])}const He=m(Ge,[["render",Fe]]),Oe={},qe={class:"text-lg font-medium"};function Ue(t,o){return e.openBlock(),e.createElementBlock("b",qe,[e.renderSlot(t.$slots,"default")])}const Ze=m(Oe,[["render",Ue]]),F={__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))}},Je={},Ye={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 Xe(t,o){return e.openBlock(),e.createElementBlock("p",Ye,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const H=m(Je,[["render",Xe],["__scopeId","data-v-a299dc33"]]),O={__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]])}},Qe={};function Ke(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 q=m(Qe,[["render",Ke]]),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]=i=>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]=i=>o.value=i),type:"radio",ref_key:"radioRef",ref:l,hidden:""}),null,16),[[e.vModelRadio,o.value]])],2))}},ve="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",ve]}),[e.renderSlot(r.$slots,"default")],16)),[[e.vModelSelect,o.value]])}},J={__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})}},Y={__name:"SheetContent",props:{class:{type:String}},setup(t){const o=t,{toggled:r,toggleSheet:l}=e.inject("SHEET_META");return(n,s)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"fade-in"},{default:e.withCtx(()=>[e.unref(r)?(e.openBlock(),e.createBlock(h,{key:0,onClick:s[0]||(s[0]=c=>e.unref(l)())})):e.createCommentVNode("",!0)]),_:1}),e.createVNode(e.Transition,{name:"slide"},{default:e.withCtx(()=>[e.unref(r)?(e.openBlock(),e.createBlock(k,{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",o.class])},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},8,["class"])):e.createCommentVNode("",!0)]),_:3})]))}},X={__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)})))}}},et={},tt={class:"bg-primary-100 animate-pulse rounded-lg"};function ot(t,o){return e.openBlock(),e.createElementBlock("div",tt)}const Q=m(et,[["render",ot]]),rt={},nt={class:"flex items-center gap-2"};function lt(t,o){return e.openBlock(),e.createElementBlock("div",nt,[e.renderSlot(t.$slots,"default")])}const at=m(rt,[["render",lt]]),K={__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]=i=>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))}},st={class:"w-full"},ct={class:"h-16"},it={key:0},dt={key:0,class:"pe-4"},v={__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",st,[e.createElementVNode("thead",null,[e.createElementVNode("tr",ct,[(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",it)):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",dt,[e.renderSlot(r.$slots,"actions",{row:n})])):e.createCommentVNode("",!0)]))),128))])]))}},mt={class:"overflow-x-scroll rounded-xl bg-neutral-100/50 p-1 [&::-webkit-scrollbar]:hidden"},ee={__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",mt,[e.renderSlot(n.$slots,"default")]))}},te=m({__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,i)=>(e.openBlock(),e.createElementBlock("button",{onClick:i[0]||(i[0]=g=>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"]]),oe={__name:"TextArea",props:["modelValue"],setup(t){const o=t,r=e.ref(o.modelValue);return(l,n)=>e.withDirectives((e.openBlock(),e.createElementBlock("textarea",e.mergeProps({onInput:n[0]||(n[0]=s=>l.$emit("update:modelValue",s.target.value))},l.$attrs,{"onUpdate:modelValue":n[1]||(n[1]=s=>r.value=s),class:"text-primary-950 neutral-400:text-neutral-400 focus:ring-brand-primary-700 user-invalid:ring-danger-700 focus:user-invalid:ring-danger-700 rounded-lg border-[1px] border-neutral-200 px-3 py-2 text-xs transition-all outline-none user-invalid:ring-2 focus:ring-2 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"}),null,16)),[[e.vModelText,r.value]])}},pt={install(t){t.component("Alert",_),t.component("AlertContent",x),t.component("AlertTitle",y),t.component("AppHeaderLink",C),t.component("AppLayout",B),t.component("AppMain",w),t.component("AppNavTabs",S),t.component("AppNavTab",$),t.component("AppSidebar",E),t.component("AppSidebarItem",A),t.component("AppSidebarItemChild",V),t.component("AppSidebarItemChildren",T),t.component("AppSidebarItemParent",N),t.component("AppSidebarToggle",D),t.component("AppSidebarNavSection",I),t.component("Badge",z),t.component("Button",P),t.component("Checkbox",M),t.component("Card",k),t.component("Dialog",j),t.component("DialogContent",L),t.component("DialogToggle",G),t.component("DialogBackground",h),t.component("Empty",W),t.component("FormField",F),t.component("FormFieldError",H),t.component("Input",O),t.component("Label",q),t.component("Radio",U),t.component("Select",Z),t.component("Sheet",J),t.component("SheetContent",Y),t.component("SheetToggle",X),t.component("SkeletonLoader",Q),t.component("Switch",K),t.component("Table",v),t.component("Tabs",ee),t.component("TabItem",te),t.component("TextArea",oe)}};a.Alert=_,a.AlertContent=x,a.AlertTitle=y,a.AppHeader=ue,a.AppHeaderLink=C,a.AppLayout=B,a.AppMain=w,a.AppNavTab=$,a.AppNavTabs=S,a.AppSidebar=E,a.AppSidebarItem=A,a.AppSidebarItemChild=V,a.AppSidebarItemChildren=T,a.AppSidebarItemParent=N,a.AppSidebarNavSection=I,a.AppSidebarToggle=D,a.Badge=z,a.Button=P,a.Card=k,a.Checkbox=M,a.Dialog=j,a.DialogBackground=h,a.DialogContent=L,a.DialogToggle=G,a.Empty=W,a.EmptyContent=He,a.EmptyTitle=Ze,a.FormField=F,a.FormFieldError=H,a.Input=O,a.Label=q,a.Radio=U,a.Select=Z,a.Sheet=J,a.SheetContent=Y,a.SheetToggle=X,a.SkeletonLoader=Q,a.StateActions=at,a.Switch=K,a.TabItem=te,a.Table=v,a.Tabs=ee,a.TextArea=oe,a.default=pt,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

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