npm - scrubbed-tailwind-components-v2 - Versions diffs - 2.0.2 → 2.0.4 - Mend

scrubbed-tailwind-components-v2 2.0.2 → 2.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/scrubbed-tailwind-components-v2.css +1 -1
package/dist/scrubbed-tailwind-components-v2.es.js +232 -246
package/dist/scrubbed-tailwind-components-v2.umd.js +1 -1
package/package.json +1 -1

package/dist/scrubbed-tailwind-components-v2.css CHANGED Viewed

	@@ -1 +1 @@
1	- @starting-style{.backdrop[data-v-aaece1c7]{opacity:0}}
1	+ @starting-style{.backdrop[data-v-aaece1c7]{opacity:0}}.link[data-v-0fab71c0]{border:1px solid transparent}.link[data-v-0fab71c0]:has(.router-link-active){border:1px solid rgba(255,255,255,.75);background:linear-gradient(101deg,#e9eef54d 6.76%,#105fa24d 100.14%);box-shadow:0 4px 17px -1px #30537426;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.tab[data-v-9e06f71f]{border:1px solid transparent}.tab-active[data-v-9e06f71f]{border-radius:10px;border:1px solid rgba(255,255,255,.75);background:linear-gradient(101deg,#e9eef54d 6.76%,#105fa24d 100.14%);box-shadow:0 4px 17px -1px #30537426;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}

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

@@ -1,18 +1,18 @@
-import { inject as m, createElementBlock as l, openBlock as a, normalizeClass as h, unref as u, createElementVNode as d, renderSlot as i, createBlock as $, withCtx as g, ref as f, provide as w, createVNode as B, Fragment as y, Teleport as R, normalizeStyle as M, watch as N, createCommentVNode as k, resolveComponent as j, mergeProps as v, useModel as V, withDirectives as A, vModelCheckbox as G, onMounted as z, onUnmounted as E, vModelText as D, vModelRadio as W, renderList as T, toDisplayString as C, createTextVNode as H, computed as q } from "vue";
-import { RouterLink as S, useRoute as L } from "vue-router";
+import { inject as m, createElementBlock as a, openBlock as s, normalizeClass as h, unref as u, createElementVNode as d, renderSlot as i, createBlock as y, withCtx as _, ref as f, provide as I, createVNode as B, Fragment as x, Teleport as L, normalizeStyle as M, watch as j, createCommentVNode as k, resolveComponent as G, mergeProps as g, useModel as D, withDirectives as $, vModelCheckbox as z, onMounted as N, onUnmounted as E, vModelText as P, vModelRadio as H, renderList as S, toDisplayString as C, createTextVNode as W, computed as q } from "vue";
+import { RouterLink as w, useRoute as R } from "vue-router";
 const O = { class: "flex w-full items-center justify-between" }, U = { class: "flex items-center gap-2" }, Z = { class: "flex items-center gap-10" }, J = { class: "hidden gap-6 sm:flex" }, Y = {
   __name: "AppHeader",
   setup(e) {
-    const o = m("APP_DATA"), { isSidebarToggled: r, toggleSidebar: n } = o;
-    return (t, s) => (a(), l("header", {
-      class: h(["fixed flex h-16 w-dvw items-center bg-white/50 px-3 backdrop-blur sm:px-6", { "rounded-t-2xl": u(r) }])
+    const t = m("APP_DATA"), { isSidebarToggled: o, toggleSidebar: n } = t;
+    return (r, l) => (s(), a("header", {
+      class: h(["fixed flex h-16 w-dvw items-center bg-white/50 px-3 backdrop-blur sm:px-6", { "rounded-t-2xl": u(o) }])
     }, [
       d("nav", O, [
         d("div", U, [
           d("button", {
-            onClick: s[0] || (s[0] = (c) => u(n)()),
+            onClick: l[0] || (l[0] = (c) => u(n)()),
             class: "block cursor-pointer rounded-full p-2 hover:bg-neutral-100 sm:hidden"
-          }, s[1] || (s[1] = [
+          }, l[1] || (l[1] = [
             d("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               width: "24",
@@ -30,13 +30,13 @@ const O = { class: "flex w-full items-center justify-between" }, U = { class: "f
               d("path", { d: "M4 6h16" })
             ], -1)
           ])),
-          i(t.$slots, "header-img")
+          i(r.$slots, "header-img")
         ]),
         d("div", Z, [
           d("ul", J, [
-            i(t.$slots, "header-links")
+            i(r.$slots, "header-links")
           ]),
-          i(t.$slots, "header-actions")
+          i(r.$slots, "header-actions")
         ])
       ])
     ], 2));
@@ -47,46 +47,46 @@ const O = { class: "flex w-full items-center justify-between" }, U = { class: "f
     to: { type: String, required: !0 }
   },
   setup(e) {
-    const o = e;
-    return (r, n) => (a(), l("li", null, [
-      o.to.startsWith("/") ? (a(), $(u(S), {
+    const t = e;
+    return (o, n) => (s(), a("li", null, [
+      t.to.startsWith("/") ? (s(), y(u(w), {
         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
+        to: t.to
       }, {
-        default: g(() => [
-          i(r.$slots, "default")
+        default: _(() => [
+          i(o.$slots, "default")
         ]),
         _: 3
-      }, 8, ["to"])) : (a(), l("a", {
+      }, 8, ["to"])) : (s(), a("a", {
         key: 1,
         class: "hover:text-primary-950 text-xs uppercase text-neutral-600 hover:transition-all",
-        href: o.to
+        href: t.to
       }, [
-        i(r.$slots, "default")
+        i(o.$slots, "default")
       ], 8, F))
     ]));
   }
 }, Q = { class: "relative" }, K = { class: "flex" }, ee = {
   __name: "AppLayout",
   setup(e) {
-    const o = f(!1);
-    function r() {
-      window.innerWidth <= 640 ? (o.value = !o.value, n()) : o.value && (o.value = !1, n());
+    const t = f(!1);
+    function o() {
+      window.innerWidth <= 640 ? (t.value = !t.value, n()) : t.value && (t.value = !1, n());
     }
     function n() {
-      const t = document.querySelector("body");
-      t.classList.contains("bg-black") ? t.classList.remove("bg-black") : t.classList.add("bg-black");
+      const r = document.querySelector("body");
+      r.classList.contains("bg-black") ? r.classList.remove("bg-black") : r.classList.add("bg-black");
     }
-    return w("APP_DATA", { isSidebarToggled: o, toggleSidebar: r }), (t, s) => (a(), l("div", {
+    return I("APP_DATA", { isSidebarToggled: t, toggleSidebar: o }), (r, l) => (s(), a("div", {
       class: h(["bg-white transition-all duration-500 ease-[cubic-bezier(.32,.72,0,1)]", {
-        "scale-93 origin-[center_top] translate-y-4": o.value
+        "scale-93 origin-[center_top] translate-y-4": t.value
       }])
     }, [
       d("div", Q, [
-        i(t.$slots, "header"),
+        i(r.$slots, "header"),
         d("div", K, [
-          i(t.$slots, "content")
+          i(r.$slots, "content")
         ])
       ])
     ], 2));
@@ -94,142 +94,122 @@ const O = { class: "flex w-full items-center justify-between" }, U = { class: "f
 }, te = {
   __name: "AppMain",
   setup(e) {
-    const o = m("APP_DATA"), { isSidebarToggled: r } = o;
-    return (n, t) => (a(), l("main", {
+    const t = m("APP_DATA"), { isSidebarToggled: o } = t;
+    return (n, r) => (s(), a("main", {
       class: h([
         "bg-background-main fixed z-[-1] h-svh w-full overflow-auto px-6 pb-9 pt-24 sm:top-16 sm:ml-[223px] sm:h-[calc(100dvh-4rem)] sm:w-[calc(100dvw-223px)] sm:pt-9",
-        u(r) ? "overflow-hidden rounded-t-xl sm:rounded-none" : "sm:rounded-tl-2xl"
+        u(o) ? "overflow-hidden rounded-t-xl sm:rounded-none" : "sm:rounded-tl-2xl"
       ])
     }, [
       i(n.$slots, "default")
     ], 2));
   }
-}, oe = { class: "group flex w-full overflow-x-auto border-b-[1px] border-neutral-200" }, re = {
-  __name: "AppNavTabs",
-  setup(e) {
-    const o = f(null);
-    function r(t, s, c) {
-      o.value.style = `left: ${t}px; top: calc(${s}px + 6px); opacity: 1; width: ${c}px`;
-    }
-    function n(t, s, c) {
-      o.value.style = `left: ${t}px; top: calc(${s}px + 6px); opacity: 0; width: ${c}px`;
-    }
-    return w("NAV_TABS", {
-      setSelectorAttributes: r,
-      resetSelectorOpacity: n
-    }), (t, s) => (a(), l("div", oe, [
-      i(t.$slots, "default"),
-      d("div", {
-        class: "bg-brand-primary-700 absolute left-0 z-[-1] h-[32px] w-10 rounded-lg opacity-0 transition-all ease-in-out",
-        ref_key: "selector",
-        ref: o
-      }, null, 512)
-    ]));
-  }
-}, ne = {
+}, b = (e, t) => {
+  const o = e.__vccOpts || e;
+  for (const [n, r] of t)
+    o[n] = r;
+  return o;
+}, re = {}, oe = { class: "flex w-full overflow-x-auto border-b-[1px] border-neutral-200 [&::-webkit-scrollbar]:hidden" };
+function ne(e, t) {
+  return s(), a("div", oe, [
+    i(e.$slots, "default")
+  ]);
+}
+const se = /* @__PURE__ */ b(re, [["render", ne]]), ae = { class: "shrink-0" }, le = {
   __name: "AppNavTab",
   props: {
     to: { type: String, required: !0 }
   },
   setup(e) {
-    const o = e, r = m("NAV_TABS"), { setSelectorAttributes: n, resetSelectorOpacity: t } = r, s = f(null);
-    return (c, p) => (a(), l("div", {
-      onMouseover: p[0] || (p[0] = (x) => u(n)(s.value.offsetLeft, s.value.offsetTop, s.value.clientWidth)),
-      onMouseleave: p[1] || (p[1] = (x) => u(t)(s.value.offsetLeft, s.value.offsetTop, s.value.clientWidth)),
-      class: "shrink-0",
-      ref_key: "el",
-      ref: s
-    }, [
-      B(u(S), {
-        class: "[&.router-link-exact-active]:text-primary-950 [&.router-link-exact-active]:border-brand-primary-700 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 hover:font-medium hover:text-white [&.router-link-exact-active]:font-medium [&.router-link-exact-active]:hover:text-white",
-        to: o.to
+    const t = e;
+    return f(null), (o, n) => (s(), a("div", ae, [
+      B(u(w), {
+        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: g(() => [
-          i(c.$slots, "default")
+        default: _(() => [
+          i(o.$slots, "default"),
+          n[0] || (n[0] = d("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
+        _: 3,
+        __: [0]
       }, 8, ["to"])
-    ], 544));
+    ]));
   }
-}, _ = (e, o) => {
-  const r = e.__vccOpts || e;
-  for (const [n, t] of o)
-    r[n] = t;
-  return r;
-}, se = { class: "fixed left-0 top-0 hidden w-[223px] space-y-4 bg-white px-4 py-8 sm:top-[64px] sm:block" }, ae = {
+}, ie = { class: "fixed left-0 top-0 hidden w-[223px] space-y-4 bg-white px-4 py-8 sm:top-[64px] sm:block" }, de = {
   __name: "AppSidebar",
   setup(e) {
-    const o = m("APP_DATA"), { isSidebarToggled: r, toggleSidebar: n } = o;
-    return (t, s) => (a(), l(y, null, [
-      d("aside", se, [
-        i(t.$slots, "default", {}, void 0, !0)
+    const t = m("APP_DATA"), { isSidebarToggled: o, toggleSidebar: n } = t;
+    return (r, l) => (s(), a(x, null, [
+      d("aside", ie, [
+        i(r.$slots, "default", {}, void 0, !0)
       ]),
-      (a(), $(R, { to: "body" }, [
+      (s(), y(L, { to: "body" }, [
         d("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: M(
-            u(r) ? "transform: translateZ(0)" : "transform: translate3d(0,60svh,0)"
+            u(o) ? "transform: translateZ(0)" : "transform: translate3d(0,60svh,0)"
           )
         }, [
-          i(t.$slots, "default", {}, void 0, !0)
+          i(r.$slots, "default", {}, void 0, !0)
         ], 4),
         d("div", {
-          onClick: s[0] || (s[0] = (c) => u(n)()),
+          onClick: l[0] || (l[0] = (c) => u(n)()),
           class: h([
             "backdrop backdrop-blur-[0.50px] transition-all duration-300 [transition-behavior:allow-discrete]",
-            u(r) ? "fixed inset-0 z-40 block bg-black/80 opacity-100" : "hidden"
+            u(o) ? "fixed inset-0 z-40 block bg-black/80 opacity-100" : "hidden"
           ])
         }, null, 2)
       ]))
     ], 64));
   }
-}, le = /* @__PURE__ */ _(ae, [["__scopeId", "data-v-aaece1c7"]]), ie = { class: "flex flex-col" }, de = {
+}, ue = /* @__PURE__ */ b(de, [["__scopeId", "data-v-aaece1c7"]]), ce = { class: "flex flex-col" }, pe = {
   __name: "AppSidebarItem",
   setup(e) {
-    L();
-    const o = f(!1);
-    function r() {
-      o.value = !o.value;
+    R();
+    const t = f(!1);
+    function o() {
+      t.value = !t.value;
     }
-    return w("SIDEBAR_TOGGLE", { toggled: o, toggleSidebarItem: r }), (n, t) => (a(), l("div", ie, [
+    return I("SIDEBAR_TOGGLE", { toggled: t, toggleSidebarItem: o }), (n, r) => (s(), a("div", ce, [
       i(n.$slots, "default")
     ]));
   }
-}, ue = ["to"], ce = {
+}, me = ["to"], fe = {
   __name: "AppSidebarItemChild",
   props: {
     to: { type: String, required: !0 }
   },
   setup(e) {
-    const o = e;
-    return (r, n) => o.to.startsWith("/") ? (a(), $(u(S), {
+    const t = e;
+    return (o, n) => t.to.startsWith("/") ? (s(), y(u(w), {
       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 text-ellipsis whitespace-nowrap rounded-lg px-3 text-xs leading-[40px] transition-all [&.router-link-exact-active]:font-medium",
-      to: o.to
+      to: t.to
     }, {
-      default: g(() => [
-        i(r.$slots, "default")
+      default: _(() => [
+        i(o.$slots, "default")
       ]),
       _: 3
-    }, 8, ["to"])) : (a(), l("a", {
+    }, 8, ["to"])) : (s(), a("a", {
       key: 1,
       class: "text-primary-950 hover:bg-background-main block h-10 items-center gap-3 overflow-hidden text-ellipsis whitespace-nowrap rounded-lg px-3 text-xs leading-[40px] transition-all",
-      to: o.to
+      to: t.to
     }, [
-      i(r.$slots, "default")
-    ], 8, ue));
+      i(o.$slots, "default")
+    ], 8, me));
   }
-}, pe = {
+}, be = {
   __name: "AppSidebarItemChildren",
   setup(e) {
-    const o = m("SIDEBAR_TOGGLE"), { toggled: r } = o;
-    return (n, t) => (a(), l("div", {
-      class: h(["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": u(r) }])
+    const t = m("SIDEBAR_TOGGLE"), { toggled: o } = t;
+    return (n, r) => (s(), a("div", {
+      class: h(["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": u(o) }])
     }, [
       i(n.$slots, "default")
     ], 2));
   }
-}, me = { class: "group/sidebar-item hover:bg-background-main has-[&.router-link-active]:bg-background-main peer flex h-10 items-center justify-between rounded-lg px-3 transition-all" }, fe = ["href"], be = {
+}, he = { class: "link group/sidebar-item hover:bg-background-main has-[&.router-link-active]:bg-background-main peer flex h-10 items-center justify-between rounded-lg px-3 transition-all" }, ge = ["href"], _e = {
   __name: "AppSidebarItemParent",
   props: {
     to: { type: String, required: !0 },
@@ -237,37 +217,37 @@ const O = { class: "flex w-full items-center justify-between" }, U = { class: "f
     hasChildren: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const o = L(), r = e, n = m("SIDEBAR_TOGGLE"), t = m("APP_DATA"), { toggled: s, toggleSidebarItem: c } = n, { toggleSidebar: p } = t;
-    function x() {
-      o.matched.some(
-        (b) => r.name === b.name
-      ) ? s.value = !0 : s.value = !1;
+    const t = R(), o = e, n = m("SIDEBAR_TOGGLE"), r = m("APP_DATA"), { toggled: l, toggleSidebarItem: c } = n, { toggleSidebar: v } = r;
+    function T() {
+      t.matched.some(
+        (p) => o.name === p.name
+      ) ? l.value = !0 : l.value = !1;
     }
-    return N(o, () => x(), { immediate: !0 }), (I, b) => (a(), l("div", me, [
-      r.to.startsWith("/") ? (a(), $(u(S), {
+    return j(t, () => T(), { immediate: !0 }), (A, p) => (s(), a("div", he, [
+      o.to.startsWith("/") ? (s(), y(u(w), {
         key: 0,
-        onClick: b[0] || (b[0] = (P) => u(p)()),
-        class: "[&.router-link-active]:text-primary-950 [&.router-link-active]:text-primary-950 text-primary-950 peer flex h-full w-full items-center gap-3 text-xs [&.router-link-active]:font-medium",
-        to: r.to
+        onClick: p[0] || (p[0] = (V) => u(v)()),
+        class: "[&.router-link-active]:text-primary-800 [&.router-link-active]:text-primary-800 text-primary-950 peer flex h-full w-full items-center gap-3 text-xs [&.router-link-active]:font-medium",
+        to: o.to
       }, {
-        default: g(() => [
-          i(I.$slots, "default")
+        default: _(() => [
+          i(A.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
-      }, 8, ["to"])) : (a(), l("a", {
+      }, 8, ["to"])) : (s(), a("a", {
         key: 1,
         class: "text-primary-950 peer flex h-full w-full items-center gap-3 text-xs",
-        href: r.to
+        href: o.to
       }, [
-        i(I.$slots, "default")
-      ], 8, fe)),
-      r.hasChildren ? (a(), l("button", {
+        i(A.$slots, "default", {}, void 0, !0)
+      ], 8, ge)),
+      o.hasChildren ? (s(), a("button", {
         key: 2,
-        onClick: b[1] || (b[1] = (P) => u(c)()),
+        onClick: p[1] || (p[1] = (V) => u(c)()),
         class: "cursor-pointer rounded-full p-1 transition-all hover:bg-neutral-100",
         type: "button"
       }, [
-        (a(), l("svg", {
+        (s(), a("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           width: "16",
           height: "16",
@@ -277,31 +257,31 @@ const O = { class: "flex w-full items-center justify-between" }, U = { class: "f
           "stroke-width": "2",
           "stroke-linecap": "round",
           "stroke-linejoin": "round",
-          class: h(["lucide lucide-chevron-down-icon lucide-chevron-down stroke-primary-950 transition-all duration-300", { "rotate-180": u(s) }])
-        }, b[2] || (b[2] = [
+          class: h(["lucide lucide-chevron-down-icon lucide-chevron-down stroke-primary-800 transition-all duration-300", { "rotate-180": u(l) }])
+        }, p[2] || (p[2] = [
           d("path", { d: "m6 9 6 6 6-6" }, null, -1)
         ]), 2))
       ])) : k("", !0)
     ]));
   }
-}, he = { class: "hover:bg-background-main has-[&.router-link-active]:active has-[&.router-link-active]:bg-primary-700 peer flex h-10 items-center justify-between rounded-lg px-3 transition-all" }, ve = {
+}, ve = /* @__PURE__ */ b(_e, [["__scopeId", "data-v-0fab71c0"]]), xe = { 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" }, ke = {
   __name: "AppSidebarToggle",
   setup(e) {
-    const o = m("SIDEBAR_TOGGLE");
-    return (r, n) => {
-      const t = j("RouterLink");
-      return a(), l("div", he, [
-        B(t, {
+    const t = m("SIDEBAR_TOGGLE");
+    return (o, n) => {
+      const r = G("RouterLink");
+      return s(), a("div", xe, [
+        B(r, {
           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: g(() => [
-            i(r.$slots, "default")
+          default: _(() => [
+            i(o.$slots, "default")
           ]),
           _: 3
         }),
         d("button", {
-          onClick: n[0] || (n[0] = (s) => u(o).toggleSidebarItem()),
+          onClick: n[0] || (n[0] = (l) => u(t).toggleSidebarItem()),
           class: "cursor-pointer",
           type: "button"
         }, n[1] || (n[1] = [
@@ -323,33 +303,33 @@ const O = { class: "flex w-full items-center justify-between" }, U = { class: "f
       ]);
     };
   }
-}, ge = {}, _e = {
+}, ye = {}, $e = {
   key: 0,
   class: "text-primary-950 px-1 text-sm font-medium"
-}, xe = { class: "mt-2" };
-function ye(e, o) {
-  return a(), l("nav", null, [
-    e.$slots.title ? (a(), l("b", _e, [
+}, we = { class: "mt-2" };
+function Ae(e, t) {
+  return s(), a("nav", null, [
+    e.$slots.title ? (s(), a("b", $e, [
       i(e.$slots, "title")
     ])) : k("", !0),
-    d("div", xe, [
+    d("div", we, [
       i(e.$slots, "items")
     ])
   ]);
 }
-const ke = /* @__PURE__ */ _(ge, [["render", ye]]), $e = {}, we = { class: "rounded-full px-3 py-1 text-xs font-medium" };
-function Ae(e, o) {
-  return a(), l("div", we, [
+const Se = /* @__PURE__ */ b(ye, [["render", Ae]]), Ie = {}, Te = { class: "rounded-full px-3 py-1 text-xs font-medium" };
+function Ce(e, t) {
+  return s(), a("div", Te, [
     i(e.$slots, "default")
   ]);
 }
-const Se = /* @__PURE__ */ _($e, [["render", Ae]]), Ie = {
+const Be = /* @__PURE__ */ b(Ie, [["render", Ce]]), De = {
   __name: "Button",
   props: {
     variant: { type: String, default: "primary" }
   },
   setup(e) {
-    const o = e, r = {
+    const t = e, o = {
       primary: [
         "bg-brand-primary-700",
         "text-white",
@@ -370,19 +350,19 @@ const Se = /* @__PURE__ */ _($e, [["render", Ae]]), Ie = {
         "hover:bg-danger-600-hovered"
       ]
     };
-    return (n, t) => (a(), l("button", v(n.$attrs, {
-      class: ["cursor-pointer rounded-lg px-4 py-2 text-xs transition-all disabled:cursor-not-allowed disabled:opacity-50", r[o.variant]]
+    return (n, r) => (s(), a("button", g(n.$attrs, {
+      class: ["cursor-pointer rounded-lg px-4 py-2 text-xs transition-all disabled:cursor-not-allowed disabled:opacity-50", o[t.variant]]
     }), [
       i(n.$slots, "default")
     ], 16));
   }
-}, Te = {}, Ce = { class: "rounded-2xl bg-white p-6" };
-function Be(e, o) {
-  return a(), l("div", Ce, [
+}, Pe = {}, Re = { class: "rounded-2xl bg-white p-6" };
+function Ve(e, t) {
+  return s(), a("div", Re, [
     i(e.$slots, "default")
   ]);
 }
-const Ve = /* @__PURE__ */ _(Te, [["render", Be]]), De = {
+const Le = /* @__PURE__ */ b(Pe, [["render", Ve]]), Me = {
   __name: "Checkbox",
   props: {
     modelValue: {},
@@ -390,12 +370,12 @@ const Ve = /* @__PURE__ */ _(Te, [["render", Be]]), De = {
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const o = V(e, "modelValue"), r = f(null);
-    return (n, t) => (a(), l("button", {
-      onClick: t[1] || (t[1] = (s) => r.value.click()),
+    const t = D(e, "modelValue"), o = f(null);
+    return (n, r) => (s(), a("button", {
+      onClick: r[1] || (r[1] = (l) => o.value.click()),
       class: "group/checkbox bg-neutral-100 has-checked:bg-primary-700 flex size-4 cursor-pointer items-center justify-center rounded-sm transition-all"
     }, [
-      t[2] || (t[2] = d("svg", {
+      r[2] || (r[2] = d("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         width: "14",
         height: "14",
@@ -409,48 +389,48 @@ const Ve = /* @__PURE__ */ _(Te, [["render", Be]]), De = {
       }, [
         d("path", { d: "M20 6 9 17l-5-5" })
       ], -1)),
-      A(d("input", v(n.$attrs, {
-        "onUpdate:modelValue": t[0] || (t[0] = (s) => o.value = s),
+      $(d("input", g(n.$attrs, {
+        "onUpdate:modelValue": r[0] || (r[0] = (l) => t.value = l),
         type: "checkbox",
         ref_key: "checkboxRef",
-        ref: r,
+        ref: o,
         hidden: ""
       }), null, 16), [
-        [G, o.value]
+        [z, t.value]
       ])
     ]));
   }
-}, Le = { class: "pointer-events-auto fixed inset-0 z-[100] min-h-screen bg-black/80 backdrop-blur-[2px]" }, Pe = {
+}, je = { class: "pointer-events-auto fixed inset-0 z-[100] min-h-screen bg-black/80 backdrop-blur-[2px]" }, Ge = {
   __name: "DialogBackground",
   setup(e) {
-    return z(() => {
+    return N(() => {
       document.querySelector("body").classList.add("overflow-hidden");
     }), E(() => {
       document.querySelector("body").classList.remove("overflow-hidden");
-    }), (o, r) => (a(), l("div", Le, [
-      i(o.$slots, "default")
+    }), (t, o) => (s(), a("div", je, [
+      i(t.$slots, "default")
     ]));
   }
-}, Re = {
+}, ze = {
   __name: "Input",
   props: ["modelValue"],
   setup(e) {
-    const r = f(e.modelValue);
-    return (n, t) => A((a(), l("input", {
-      "onUpdate:modelValue": t[0] || (t[0] = (s) => r.value = s),
-      onInput: t[1] || (t[1] = (s) => n.$emit("update:modelValue", s.target.value)),
+    const o = f(e.modelValue);
+    return (n, r) => $((s(), a("input", {
+      "onUpdate:modelValue": r[0] || (r[0] = (l) => o.value = l),
+      onInput: r[1] || (r[1] = (l) => n.$emit("update:modelValue", l.target.value)),
       class: "text-primary-950 focus:ring-primary-700 neutral-400:text-neutral-400 rounded-lg border-[1px] border-neutral-200 bg-white px-3 py-2 text-xs outline-none transition-all focus:ring-2 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
     }, null, 544)), [
-      [D, r.value]
+      [P, o.value]
     ]);
   }
-}, Me = {};
-function Ne(e, o) {
-  return a(), l("label", v(e.$attrs, { class: "text-primary-950 text-xs transition-all" }), [
+}, Ne = {};
+function Ee(e, t) {
+  return s(), a("label", g(e.$attrs, { class: "text-primary-950 text-xs transition-all" }), [
     i(e.$slots, "default")
   ], 16);
 }
-const je = /* @__PURE__ */ _(Me, [["render", Ne]]), Ge = {
+const He = /* @__PURE__ */ b(Ne, [["render", Ee]]), We = {
   __name: "Radio",
   props: {
     modelValue: {},
@@ -458,119 +438,125 @@ const je = /* @__PURE__ */ _(Me, [["render", Ne]]), Ge = {
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const o = V(e, "modelValue"), r = f(null);
-    return (n, t) => (a(), l("button", {
-      onClick: t[1] || (t[1] = (s) => r.value.click()),
+    const t = D(e, "modelValue"), o = f(null);
+    return (n, r) => (s(), a("button", {
+      onClick: r[1] || (r[1] = (l) => o.value.click()),
       class: "group/radio bg-neutral-100 has-checked:bg-white has-checked:border-primary-700 flex size-4 cursor-pointer items-center justify-center rounded-full border-[1px] border-transparent"
     }, [
-      t[2] || (t[2] = d("div", { class: "group-has-checked/radio:bg-primary-700 group-has-checked/radio:opacity-100 size-[10px] rounded-full opacity-0 transition-all" }, null, -1)),
-      A(d("input", v(n.$attrs, {
-        "onUpdate:modelValue": t[0] || (t[0] = (s) => o.value = s),
+      r[2] || (r[2] = d("div", { class: "group-has-checked/radio:bg-primary-700 group-has-checked/radio:opacity-100 size-[10px] rounded-full opacity-0 transition-all" }, null, -1)),
+      $(d("input", g(n.$attrs, {
+        "onUpdate:modelValue": r[0] || (r[0] = (l) => t.value = l),
         type: "radio",
         ref_key: "radioRef",
-        ref: r,
+        ref: o,
         hidden: ""
       }), null, 16), [
-        [W, o.value]
+        [H, t.value]
       ])
     ]));
   }
-}, ze = "bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1YjYxNmUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLWRvd24iPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPg==')]", Ee = {
+}, qe = "bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1YjYxNmUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLWRvd24iPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPg==')]", Oe = {
   __name: "Select",
   setup(e) {
-    return (o, r) => (a(), l("select", v(o.$attrs, {
-      onChange: r[0] || (r[0] = (n) => o.$emit("update:modelValue", n.target.value)),
-      class: ["border-neutral-200 text-primary-950 focus:ring-primary-700 appearance-none rounded-lg border-[1px] bg-white bg-[length:16px] bg-[right_12px_center] bg-no-repeat px-3 py-2 text-xs outline-none transition-all focus:ring-2 focus:ring-offset-2", ze]
+    return (t, o) => (s(), a("select", g(t.$attrs, {
+      onChange: o[0] || (o[0] = (n) => t.$emit("update:modelValue", n.target.value)),
+      class: ["border-neutral-200 text-primary-950 focus:ring-primary-700 appearance-none rounded-lg border-[1px] bg-white bg-[length:16px] bg-[right_12px_center] bg-no-repeat px-3 py-2 text-xs outline-none transition-all focus:ring-2 focus:ring-offset-2", qe]
     }), [
-      i(o.$slots, "default")
+      i(t.$slots, "default")
     ], 16));
   }
-}, We = { class: "w-full" }, He = { class: "h-16" }, qe = { key: 0 }, Oe = {
+}, Ue = { class: "w-full" }, Ze = { class: "h-16" }, Je = { key: 0 }, Ye = {
   key: 0,
   class: "pe-4"
-}, Ue = {
+}, Fe = {
   __name: "Table",
   props: {
     columns: { type: Array, required: !0 },
     data: { type: Array, required: !0 }
   },
   setup(e) {
-    const o = e;
-    return (r, n) => (a(), l("table", We, [
+    const t = e;
+    return (o, n) => (s(), a("table", Ue, [
       d("thead", null, [
-        d("tr", He, [
-          (a(!0), l(y, null, T(o.columns, (t) => (a(), l("th", {
-            key: t.key,
+        d("tr", Ze, [
+          (s(!0), a(x, null, S(t.columns, (r) => (s(), a("th", {
+            key: r.key,
             class: "text-xs font-medium text-neutral-600 first-of-type:ps-4"
-          }, C(t.label), 1))), 128)),
-          r.$slots.actions ? (a(), l("th", qe)) : k("", !0)
+          }, C(r.label), 1))), 128)),
+          o.$slots.actions ? (s(), a("th", Je)) : k("", !0)
         ])
       ]),
       d("tbody", null, [
-        (a(!0), l(y, null, T(o.data, (t, s) => (a(), l("tr", {
-          key: s,
+        (s(!0), a(x, null, S(t.data, (r, l) => (s(), a("tr", {
+          key: l,
           class: "odd:bg-background-main/50 hover:bg-background-main min-h-16 rounded-md transition-all"
         }, [
-          (a(!0), l(y, null, T(o.columns, (c) => (a(), l("td", {
+          (s(!0), a(x, null, S(t.columns, (c) => (s(), a("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"
           }, [
-            i(r.$slots, c.key, { row: t }, () => [
-              H(C(t[c.key]), 1)
+            i(o.$slots, c.key, { row: r }, () => [
+              W(C(r[c.key]), 1)
             ])
           ]))), 128)),
-          r.$slots.actions ? (a(), l("td", Oe, [
-            i(r.$slots, "actions", { row: t })
+          o.$slots.actions ? (s(), a("td", Ye, [
+            i(o.$slots, "actions", { row: r })
           ])) : k("", !0)
         ]))), 128))
       ])
     ]));
   }
-}, Ze = { class: "bg-neutral-100/50 overflow-x-scroll rounded-xl p-1 [&::-webkit-scrollbar]:hidden" }, Je = {
+}, Xe = { class: "overflow-x-scroll rounded-xl bg-neutral-100/50 p-1 [&::-webkit-scrollbar]:hidden" }, Qe = {
   __name: "Tabs",
   props: {
     default: { default: null }
   },
   setup(e) {
-    const r = f(e.default);
-    function n(t) {
-      r.value = t;
+    const o = f(e.default);
+    function n(r) {
+      o.value = r;
     }
-    return w("TAB_DATA", { currentValue: r, setCurrentValue: n }), (t, s) => (a(), l("div", Ze, [
-      i(t.$slots, "default")
+    return I("TAB_DATA", { currentValue: o, setCurrentValue: n }), (r, l) => (s(), a("div", Xe, [
+      i(r.$slots, "default")
     ]));
   }
-}, Ye = {
+}, Ke = {
   __name: "TabItem",
   props: {
     value: { required: !0 }
   },
   setup(e) {
-    const o = e, r = m("TAB_DATA"), { currentValue: n, setCurrentValue: t } = r, s = q(() => n.value === o.value ? ["bg-white", "font-medium", "text-primary-700", "shadow-xl"] : "text-neutral-600");
-    return (c, p) => (a(), l("button", {
-      onClick: p[0] || (p[0] = (x) => u(t)(o.value)),
-      class: h(["h-8 cursor-pointer rounded-lg px-3 text-xs transition-all disabled:cursor-not-allowed disabled:opacity-50", s.value])
+    const t = e, o = m("TAB_DATA"), { currentValue: n, setCurrentValue: r } = o, l = q(() => n.value === t.value ? [
+      "bg-white",
+      "font-medium",
+      "text-primary-700",
+      "shadow-xl",
+      "tab-active"
+    ] : "text-neutral-600");
+    return (c, v) => (s(), a("button", {
+      onClick: v[0] || (v[0] = (T) => u(r)(t.value)),
+      class: h(["tab h-8 cursor-pointer rounded-lg px-3 text-xs transition-all disabled:cursor-not-allowed disabled:opacity-50", l.value])
     }, [
-      i(c.$slots, "default")
+      i(c.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}, Fe = {
+}, et = /* @__PURE__ */ b(Ke, [["__scopeId", "data-v-9e06f71f"]]), tt = {
   __name: "TextArea",
   props: ["modelValue"],
   setup(e) {
-    const r = f(e.modelValue);
-    return (n, t) => A((a(), l("textarea", v({
-      onInput: t[0] || (t[0] = (s) => n.$emit("update:modelValue", s.target.value))
+    const o = f(e.modelValue);
+    return (n, r) => $((s(), a("textarea", g({
+      onInput: r[0] || (r[0] = (l) => n.$emit("update:modelValue", l.target.value))
     }, n.$attrs, {
-      "onUpdate:modelValue": t[1] || (t[1] = (s) => r.value = s),
+      "onUpdate:modelValue": r[1] || (r[1] = (l) => o.value = l),
       class: "border-neutral-200 text-primary-950 neutral-400:text-neutral-400 focus:ring-primary-700 rounded-lg border-[1px] px-3 py-2 text-xs outline-none transition-all focus:ring-2 focus:ring-offset-2"
     }), null, 16)), [
-      [D, r.value]
+      [P, o.value]
     ]);
   }
-}, Ke = {
+}, nt = {
   install(e) {
-    e.component("AppHeader", Y), e.component("AppHeaderLink", X), e.component("AppLayout", ee), e.component("AppMain", te), e.component("AppNavTabs", re), e.component("AppNavTab", ne), e.component("AppSidebar", le), e.component("AppSidebarItem", de), e.component("AppSidebarItemChild", ce), e.component("AppSidebarItemChildren", pe), e.component("AppSidebarItemParent", be), e.component("AppSidebarToggle", ve), e.component("AppSidebarNavSection", ke), e.component("Badge", Se), e.component("Button", Ie), e.component("Checkbox", De), e.component("Card", Ve), e.component("DialogBackground", Pe), e.component("Input", Re), e.component("Label", je), e.component("Radio", Ge), e.component("Select", Ee), e.component("Table", Ue), e.component("Tabs", Je), e.component("TabItem", Ye), e.component("TextArea", Fe);
+    e.component("AppHeader", Y), e.component("AppHeaderLink", X), e.component("AppLayout", ee), e.component("AppMain", te), e.component("AppNavTabs", se), e.component("AppNavTab", le), e.component("AppSidebar", ue), e.component("AppSidebarItem", pe), e.component("AppSidebarItemChild", fe), e.component("AppSidebarItemChildren", be), e.component("AppSidebarItemParent", ve), e.component("AppSidebarToggle", ke), e.component("AppSidebarNavSection", Se), e.component("Badge", Be), e.component("Button", De), e.component("Checkbox", Me), e.component("Card", Le), e.component("DialogBackground", Ge), e.component("Input", ze), e.component("Label", He), e.component("Radio", We), e.component("Select", Oe), e.component("Table", Fe), e.component("Tabs", Qe), e.component("TabItem", et), e.component("TextArea", tt);
   }
 };
 export {
@@ -578,27 +564,27 @@ export {
   X as AppHeaderLink,
   ee as AppLayout,
   te as AppMain,
-  ne as AppNavTab,
-  re as AppNavTabs,
-  le as AppSidebar,
-  de as AppSidebarItem,
-  ce as AppSidebarItemChild,
-  pe as AppSidebarItemChildren,
-  be as AppSidebarItemParent,
-  ke as AppSidebarNavSection,
-  ve as AppSidebarToggle,
-  Se as Badge,
-  Ie as Button,
-  Ve as Card,
-  De as Checkbox,
-  Pe as DialogBackground,
-  Re as Input,
-  je as Label,
-  Ge as Radio,
-  Ee as Select,
-  Ye as TabItem,
-  Ue as Table,
-  Je as Tabs,
-  Fe as TextArea,
-  Ke as default
+  le as AppNavTab,
+  se as AppNavTabs,
+  ue as AppSidebar,
+  pe as AppSidebarItem,
+  fe as AppSidebarItemChild,
+  be as AppSidebarItemChildren,
+  ve as AppSidebarItemParent,
+  Se as AppSidebarNavSection,
+  ke as AppSidebarToggle,
+  Be as Badge,
+  De as Button,
+  Le as Card,
+  Me as Checkbox,
+  Ge as DialogBackground,
+  ze as Input,
+  He as Label,
+  We as Radio,
+  Oe as Select,
+  et as TabItem,
+  Fe as Table,
+  Qe as Tabs,
+  tt as TextArea,
+  nt as default
 };

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

	@@ -1 +1 @@
1	- (function(s,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):(s=typeof globalThis<"u"?globalThis:s\|\|self,e(s.ScrubbedTailwindComponentsV2={},s.Vue,s.vueRouter))})(this,function(s,e,p){"use strict";const W={class:"flex w-full items-center justify-between"},H={class:"flex items-center gap-2"},q={class:"flex items-center gap-10"},O={class:"hidden gap-6 sm:flex"},k={__name:"AppHeader",setup(t){const o=e.inject("APP_DATA"),{isSidebarToggled:n,toggleSidebar:l}=o;return(r,a)=>(e.openBlock(),e.createElementBlock("header",{class:e.normalizeClass(["fixed flex h-16 w-dvw items-center bg-white/50 px-3 backdrop-blur sm:px-6",{"rounded-t-2xl":e.unref(n)}])},[e.createElementVNode("nav",W,[e.createElementVNode("div",H,[e.createElementVNode("button",{onClick:a[0]\|\|(a[0]=i=>e.unref(l)()),class:"block cursor-pointer rounded-full p-2 hover:bg-neutral-100 sm:hidden"},a[1]\|\|(a[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(r.$slots,"header-img")]),e.createElementVNode("div",q,[e.createElementVNode("ul",O,[e.renderSlot(r.$slots,"header-links")]),e.renderSlot(r.$slots,"header-actions")])])],2))}},U=["href"],b={__name:"AppHeaderLink",props:{to:{type:String,required:!0}},setup(t){const o=t;return(n,l)=>(e.openBlock(),e.createElementBlock("li",null,[o.to.startsWith("/")?(e.openBlock(),e.createBlock(e.unref(p.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(n.$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(n.$slots,"default")],8,U))]))}},Z={class:"relative"},J={class:"flex"},h={__name:"AppLayout",setup(t){const o=e.ref(!1);function n(){window.innerWidth<=640?(o.value=!o.value,l()):o.value&&(o.value=!1,l())}function l(){const r=document.querySelector("body");r.classList.contains("bg-black")?r.classList.remove("bg-black"):r.classList.add("bg-black")}return e.provide("APP_DATA",{isSidebarToggled:o,toggleSidebar:n}),(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["bg-white transition-all duration-500 ease-[cubic-bezier(.32,.72,0,1)]",{"scale-93 origin-[center_top] translate-y-4":o.value}])},[e.createElementVNode("div",Z,[e.renderSlot(r.$slots,"header"),e.createElementVNode("div",J,[e.renderSlot(r.$slots,"content")])])],2))}},g={__name:"AppMain",setup(t){const o=e.inject("APP_DATA"),{isSidebarToggled:n}=o;return(l,r)=>(e.openBlock(),e.createElementBlock("main",{class:e.normalizeClass(["bg-background-main fixed z-[-1] h-svh w-full overflow-auto px-6 pb-9 pt-24 sm:top-16 sm:ml-[223px] sm:h-[calc(100dvh-4rem)] sm:w-[calc(100dvw-223px)] sm:pt-9",e.unref(n)?"overflow-hidden rounded-t-xl sm:rounded-none":"sm:rounded-tl-2xl"])},[e.renderSlot(l.$slots,"default")],2))}},Y={class:"group flex w-full overflow-x-auto border-b-[1px] border-neutral-200"},_={__name:"AppNavTabs",setup(t){const o=e.ref(null);function n(r,a,i){o.value.style=`left: ${r}px; top: calc(${a}px + 6px); opacity: 1; width: ${i}px`}function l(r,a,i){o.value.style=`left: ${r}px; top: calc(${a}px + 6px); opacity: 0; width: ${i}px`}return e.provide("NAV_TABS",{setSelectorAttributes:n,resetSelectorOpacity:l}),(r,a)=>(e.openBlock(),e.createElementBlock("div",Y,[e.renderSlot(r.$slots,"default"),e.createElementVNode("div",{class:"bg-brand-primary-700 absolute left-0 z-[-1] h-[32px] w-10 rounded-lg opacity-0 transition-all ease-in-out",ref_key:"selector",ref:o},null,512)]))}},x={__name:"AppNavTab",props:{to:{type:String,required:!0}},setup(t){const o=t,n=e.inject("NAV_TABS"),{setSelectorAttributes:l,resetSelectorOpacity:r}=n,a=e.ref(null);return(i,c)=>(e.openBlock(),e.createElementBlock("div",{onMouseover:c[0]\|\|(c[0]=u=>e.unref(l)(a.value.offsetLeft,a.value.offsetTop,a.value.clientWidth)),onMouseleave:c[1]\|\|(c[1]=u=>e.unref(r)(a.value.offsetLeft,a.value.offsetTop,a.value.clientWidth)),class:"shrink-0",ref_key:"el",ref:a},[e.createVNode(e.unref(p.RouterLink),{class:"[&.router-link-exact-active]:text-primary-950 [&.router-link-exact-active]:border-brand-primary-700 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 hover:font-medium hover:text-white [&.router-link-exact-active]:font-medium [&.router-link-exact-active]:hover:text-white",to:o.to},{default:e.withCtx(()=>[e.renderSlot(i.$slots,"default")]),_:3},8,["to"])],544))}},m=(t,o)=>{const n=t.__vccOpts\|\|t;for(const[l,r]of o)n[l]=r;return n},F={class:"fixed left-0 top-0 hidden w-[223px] space-y-4 bg-white px-4 py-8 sm:top-[64px] sm:block"},y=m({__name:"AppSidebar",setup(t){const o=e.inject("APP_DATA"),{isSidebarToggled:n,toggleSidebar:l}=o;return(r,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("aside",F,[e.renderSlot(r.$slots,"default",{},void 0,!0)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createElementVNode("div",{class:"shadow-t-2xl fixed bottom-0 z-50 h-[60svh] w-full 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(n)?"transform: translateZ(0)":"transform: translate3d(0,60svh,0)")},[e.renderSlot(r.$slots,"default",{},void 0,!0)],4),e.createElementVNode("div",{onClick:a[0]\|\|(a[0]=i=>e.unref(l)()),class:e.normalizeClass(["backdrop backdrop-blur-[0.50px] transition-all duration-300 [transition-behavior:allow-discrete]",e.unref(n)?"fixed inset-0 z-40 block bg-black/80 opacity-100":"hidden"])},null,2)]))],64))}},[["__scopeId","data-v-aaece1c7"]]),X={class:"flex flex-col"},B={__name:"AppSidebarItem",setup(t){p.useRoute();const o=e.ref(!1);function n(){o.value=!o.value}return e.provide("SIDEBAR_TOGGLE",{toggled:o,toggleSidebarItem:n}),(l,r)=>(e.openBlock(),e.createElementBlock("div",X,[e.renderSlot(l.$slots,"default")]))}},Q=["to"],w={__name:"AppSidebarItemChild",props:{to:{type:String,required:!0}},setup(t){const o=t;return(n,l)=>o.to.startsWith("/")?(e.openBlock(),e.createBlock(e.unref(p.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 text-ellipsis whitespace-nowrap rounded-lg px-3 text-xs leading-[40px] transition-all [&.router-link-exact-active]:font-medium",to:o.to},{default:e.withCtx(()=>[e.renderSlot(n.$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 text-ellipsis whitespace-nowrap rounded-lg px-3 text-xs leading-[40px] transition-all",to:o.to},[e.renderSlot(n.$slots,"default")],8,Q))}},$={__name:"AppSidebarItemChildren",setup(t){const o=e.inject("SIDEBAR_TOGGLE"),{toggled:n}=o;return(l,r)=>(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(n)}])},[e.renderSlot(l.$slots,"default")],2))}},K={class:"group/sidebar-item hover:bg-background-main has-[&.router-link-active]:bg-background-main peer flex h-10 items-center justify-between rounded-lg px-3 transition-all"},v=["href"],S={__name:"AppSidebarItemParent",props:{to:{type:String,required:!0},name:{type:String},hasChildren:{type:Boolean,default:!1}},setup(t){const o=p.useRoute(),n=t,l=e.inject("SIDEBAR_TOGGLE"),r=e.inject("APP_DATA"),{toggled:a,toggleSidebarItem:i}=l,{toggleSidebar:c}=r;function u(){o.matched.some(d=>n.name===d.name)?a.value=!0:a.value=!1}return e.watch(o,()=>u(),{immediate:!0}),(f,d)=>(e.openBlock(),e.createElementBlock("div",K,[n.to.startsWith("/")?(e.openBlock(),e.createBlock(e.unref(p.RouterLink),{key:0,onClick:d[0]\|\|(d[0]=ye=>e.unref(c)()),class:"[&.router-link-active]:text-primary-950 [&.router-link-active]:text-primary-950 text-primary-950 peer flex h-full w-full items-center gap-3 text-xs [&.router-link-active]:font-medium",to:n.to},{default:e.withCtx(()=>[e.renderSlot(f.$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:n.to},[e.renderSlot(f.$slots,"default")],8,v)),n.hasChildren?(e.openBlock(),e.createElementBlock("button",{key:2,onClick:d[1]\|\|(d[1]=ye=>e.unref(i)()),class:"cursor-pointer rounded-full p-1 transition-all hover:bg-neutral-100",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-primary-950 transition-all duration-300",{"rotate-180":e.unref(a)}])},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"},A={__name:"AppSidebarToggle",setup(t){const o=e.inject("SIDEBAR_TOGGLE");return(n,l)=>{const r=e.resolveComponent("RouterLink");return e.openBlock(),e.createElementBlock("div",ee,[e.createVNode(r,{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(n.$slots,"default")]),_:3}),e.createElementVNode("button",{onClick:l[0]\|\|(l[0]=a=>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)]))])}}},te={},oe={key:0,class:"text-primary-950 px-1 text-sm font-medium"},re={class:"mt-2"};function ne(t,o){return e.openBlock(),e.createElementBlock("nav",null,[t.$slots.title?(e.openBlock(),e.createElementBlock("b",oe,[e.renderSlot(t.$slots,"title")])):e.createCommentVNode("",!0),e.createElementVNode("div",re,[e.renderSlot(t.$slots,"items")])])}const E=m(te,[["render",ne]]),le={},ae={class:"rounded-full px-3 py-1 text-xs font-medium"};function se(t,o){return e.openBlock(),e.createElementBlock("div",ae,[e.renderSlot(t.$slots,"default")])}const V=m(le,[["render",se]]),T={__name:"Button",props:{variant:{type:String,default:"primary"}},setup(t){const o=t,n={primary:["bg-brand-primary-700","text-white","active:bg-primary-950 hover:bg-primary-800"],secondary:["bg-neutral-100","text-primary-900"],outlined:["border-[1px]","border-neutral-200","text-primary-900","hover:bg-neutral-100"],ghost:["font-medium","text-primary-900","hover:bg-neutral-100"],destructive:["bg-danger-600","text-white","active:bg-danger-600-active","hover:bg-danger-600-hovered"]};return(l,r)=>(e.openBlock(),e.createElementBlock("button",e.mergeProps(l.$attrs,{class:["cursor-pointer rounded-lg px-4 py-2 text-xs transition-all disabled:cursor-not-allowed disabled:opacity-50",n[o.variant]]}),[e.renderSlot(l.$slots,"default")],16))}},ie={},ce={class:"rounded-2xl bg-white p-6"};function de(t,o){return e.openBlock(),e.createElementBlock("div",ce,[e.renderSlot(t.$slots,"default")])}const I=m(ie,[["render",de]]),N={__name:"Checkbox",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(t){const o=e.useModel(t,"modelValue"),n=e.ref(null);return(l,r)=>(e.openBlock(),e.createElementBlock("button",{onClick:r[1]\|\|(r[1]=a=>n.value.click()),class:"group/checkbox bg-neutral-100 has-checked:bg-primary-700 flex size-4 cursor-pointer items-center justify-center rounded-sm transition-all"},[r[2]\|\|(r[2]=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 hidden stroke-white group-has-[:checked]/checkbox:block"},[e.createElementVNode("path",{d:"M20 6 9 17l-5-5"})],-1)),e.withDirectives(e.createElementVNode("input",e.mergeProps(l.$attrs,{"onUpdate:modelValue":r[0]\|\|(r[0]=a=>o.value=a),type:"checkbox",ref_key:"checkboxRef",ref:n,hidden:""}),null,16),[[e.vModelCheckbox,o.value]])]))}},pe={class:"pointer-events-auto fixed inset-0 z-[100] min-h-screen bg-black/80 backdrop-blur-[2px]"},C={__name:"DialogBackground",setup(t){return e.onMounted(()=>{document.querySelector("body").classList.add("overflow-hidden")}),e.onUnmounted(()=>{document.querySelector("body").classList.remove("overflow-hidden")}),(o,n)=>(e.openBlock(),e.createElementBlock("div",pe,[e.renderSlot(o.$slots,"default")]))}},D={__name:"Input",props:["modelValue"],setup(t){const o=t,n=e.ref(o.modelValue);return(l,r)=>e.withDirectives((e.openBlock(),e.createElementBlock("input",{"onUpdate:modelValue":r[0]\|\|(r[0]=a=>n.value=a),onInput:r[1]\|\|(r[1]=a=>l.$emit("update:modelValue",a.target.value)),class:"text-primary-950 focus:ring-primary-700 neutral-400:text-neutral-400 rounded-lg border-[1px] border-neutral-200 bg-white px-3 py-2 text-xs outline-none transition-all focus:ring-2 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"},null,544)),[[e.vModelText,n.value]])}},me={};function ue(t,o){return e.openBlock(),e.createElementBlock("label",e.mergeProps(t.$attrs,{class:"text-primary-950 text-xs transition-all"}),[e.renderSlot(t.$slots,"default")],16)}const L=m(me,[["render",ue]]),P={__name:"Radio",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(t){const o=e.useModel(t,"modelValue"),n=e.ref(null);return(l,r)=>(e.openBlock(),e.createElementBlock("button",{onClick:r[1]\|\|(r[1]=a=>n.value.click()),class:"group/radio bg-neutral-100 has-checked:bg-white has-checked:border-primary-700 flex size-4 cursor-pointer items-center justify-center rounded-full border-[1px] border-transparent"},[r[2]\|\|(r[2]=e.createElementVNode("div",{class:"group-has-checked/radio:bg-primary-700 group-has-checked/radio:opacity-100 size-[10px] rounded-full opacity-0 transition-all"},null,-1)),e.withDirectives(e.createElementVNode("input",e.mergeProps(l.$attrs,{"onUpdate:modelValue":r[0]\|\|(r[0]=a=>o.value=a),type:"radio",ref_key:"radioRef",ref:n,hidden:""}),null,16),[[e.vModelRadio,o.value]])]))}},fe="bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1YjYxNmUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLWRvd24iPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPg==')]",j={__name:"Select",setup(t){return(o,n)=>(e.openBlock(),e.createElementBlock("select",e.mergeProps(o.$attrs,{onChange:n[0]\|\|(n[0]=l=>o.$emit("update:modelValue",l.target.value)),class:["border-neutral-200 text-primary-950 focus:ring-primary-700 appearance-none rounded-lg border-[1px] bg-white bg-[length:16px] bg-[right_12px_center] bg-no-repeat px-3 py-2 text-xs outline-none transition-all focus:ring-2 focus:ring-offset-2",fe]}),[e.renderSlot(o.$slots,"default")],16))}},ke={class:"w-full"},be={class:"h-16"},he={key:0},ge={key:0,class:"pe-4"},M={__name:"Table",props:{columns:{type:Array,required:!0},data:{type:Array,required:!0}},setup(t){const o=t;return(n,l)=>(e.openBlock(),e.createElementBlock("table",ke,[e.createElementVNode("thead",null,[e.createElementVNode("tr",be,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.columns,r=>(e.openBlock(),e.createElementBlock("th",{key:r.key,class:"text-xs font-medium text-neutral-600 first-of-type:ps-4"},e.toDisplayString(r.label),1))),128)),n.$slots.actions?(e.openBlock(),e.createElementBlock("th",he)):e.createCommentVNode("",!0)])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.data,(r,a)=>(e.openBlock(),e.createElementBlock("tr",{key:a,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,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(n.$slots,i.key,{row:r},()=>[e.createTextVNode(e.toDisplayString(r[i.key]),1)])]))),128)),n.$slots.actions?(e.openBlock(),e.createElementBlock("td",ge,[e.renderSlot(n.$slots,"actions",{row:r})])):e.createCommentVNode("",!0)]))),128))])]))}},_e={class:"bg-neutral-100/50 overflow-x-scroll rounded-xl p-1 [&::-webkit-scrollbar]:hidden"},R={__name:"Tabs",props:{default:{default:null}},setup(t){const o=t,n=e.ref(o.default);function l(r){n.value=r}return e.provide("TAB_DATA",{currentValue:n,setCurrentValue:l}),(r,a)=>(e.openBlock(),e.createElementBlock("div",_e,[e.renderSlot(r.$slots,"default")]))}},z={__name:"TabItem",props:{value:{required:!0}},setup(t){const o=t,n=e.inject("TAB_DATA"),{currentValue:l,setCurrentValue:r}=n,a=e.computed(()=>l.value===o.value?["bg-white","font-medium","text-primary-700","shadow-xl"]:"text-neutral-600");return(i,c)=>(e.openBlock(),e.createElementBlock("button",{onClick:c[0]\|\|(c[0]=u=>e.unref(r)(o.value)),class:e.normalizeClass(["h-8 cursor-pointer rounded-lg px-3 text-xs transition-all disabled:cursor-not-allowed disabled:opacity-50",a.value])},[e.renderSlot(i.$slots,"default")],2))}},G={__name:"TextArea",props:["modelValue"],setup(t){const o=t,n=e.ref(o.modelValue);return(l,r)=>e.withDirectives((e.openBlock(),e.createElementBlock("textarea",e.mergeProps({onInput:r[0]\|\|(r[0]=a=>l.$emit("update:modelValue",a.target.value))},l.$attrs,{"onUpdate:modelValue":r[1]\|\|(r[1]=a=>n.value=a),class:"border-neutral-200 text-primary-950 neutral-400:text-neutral-400 focus:ring-primary-700 rounded-lg border-[1px] px-3 py-2 text-xs outline-none transition-all focus:ring-2 focus:ring-offset-2"}),null,16)),[[e.vModelText,n.value]])}},xe={install(t){t.component("AppHeader",k),t.component("AppHeaderLink",b),t.component("AppLayout",h),t.component("AppMain",g),t.component("AppNavTabs",_),t.component("AppNavTab",x),t.component("AppSidebar",y),t.component("AppSidebarItem",B),t.component("AppSidebarItemChild",w),t.component("AppSidebarItemChildren",$),t.component("AppSidebarItemParent",S),t.component("AppSidebarToggle",A),t.component("AppSidebarNavSection",E),t.component("Badge",V),t.component("Button",T),t.component("Checkbox",N),t.component("Card",I),t.component("DialogBackground",C),t.component("Input",D),t.component("Label",L),t.component("Radio",P),t.component("Select",j),t.component("Table",M),t.component("Tabs",R),t.component("TabItem",z),t.component("TextArea",G)}};s.AppHeader=k,s.AppHeaderLink=b,s.AppLayout=h,s.AppMain=g,s.AppNavTab=x,s.AppNavTabs=_,s.AppSidebar=y,s.AppSidebarItem=B,s.AppSidebarItemChild=w,s.AppSidebarItemChildren=$,s.AppSidebarItemParent=S,s.AppSidebarNavSection=E,s.AppSidebarToggle=A,s.Badge=V,s.Button=T,s.Card=I,s.Checkbox=N,s.DialogBackground=C,s.Input=D,s.Label=L,s.Radio=P,s.Select=j,s.TabItem=z,s.Table=M,s.Tabs=R,s.TextArea=G,s.default=xe,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
1	+ (function(a,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router"],e):(a=typeof globalThis<"u"?globalThis:a\|\|self,e(a.ScrubbedTailwindComponentsV2={},a.Vue,a.vueRouter))})(this,function(a,e,p){"use strict";const H={class:"flex w-full items-center justify-between"},W={class:"flex items-center gap-2"},q={class:"flex items-center gap-10"},O={class:"hidden gap-6 sm:flex"},f={__name:"AppHeader",setup(t){const o=e.inject("APP_DATA"),{isSidebarToggled:n,toggleSidebar:l}=o;return(r,s)=>(e.openBlock(),e.createElementBlock("header",{class:e.normalizeClass(["fixed flex h-16 w-dvw items-center bg-white/50 px-3 backdrop-blur sm:px-6",{"rounded-t-2xl":e.unref(n)}])},[e.createElementVNode("nav",H,[e.createElementVNode("div",W,[e.createElementVNode("button",{onClick:s[0]\|\|(s[0]=i=>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(r.$slots,"header-img")]),e.createElementVNode("div",q,[e.createElementVNode("ul",O,[e.renderSlot(r.$slots,"header-links")]),e.renderSlot(r.$slots,"header-actions")])])],2))}},U=["href"],k={__name:"AppHeaderLink",props:{to:{type:String,required:!0}},setup(t){const o=t;return(n,l)=>(e.openBlock(),e.createElementBlock("li",null,[o.to.startsWith("/")?(e.openBlock(),e.createBlock(e.unref(p.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(n.$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(n.$slots,"default")],8,U))]))}},Z={class:"relative"},J={class:"flex"},b={__name:"AppLayout",setup(t){const o=e.ref(!1);function n(){window.innerWidth<=640?(o.value=!o.value,l()):o.value&&(o.value=!1,l())}function l(){const r=document.querySelector("body");r.classList.contains("bg-black")?r.classList.remove("bg-black"):r.classList.add("bg-black")}return e.provide("APP_DATA",{isSidebarToggled:o,toggleSidebar:n}),(r,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["bg-white transition-all duration-500 ease-[cubic-bezier(.32,.72,0,1)]",{"scale-93 origin-[center_top] translate-y-4":o.value}])},[e.createElementVNode("div",Z,[e.renderSlot(r.$slots,"header"),e.createElementVNode("div",J,[e.renderSlot(r.$slots,"content")])])],2))}},h={__name:"AppMain",setup(t){const o=e.inject("APP_DATA"),{isSidebarToggled:n}=o;return(l,r)=>(e.openBlock(),e.createElementBlock("main",{class:e.normalizeClass(["bg-background-main fixed z-[-1] h-svh w-full overflow-auto px-6 pb-9 pt-24 sm:top-16 sm:ml-[223px] sm:h-[calc(100dvh-4rem)] sm:w-[calc(100dvw-223px)] sm:pt-9",e.unref(n)?"overflow-hidden rounded-t-xl sm:rounded-none":"sm:rounded-tl-2xl"])},[e.renderSlot(l.$slots,"default")],2))}},c=(t,o)=>{const n=t.__vccOpts\|\|t;for(const[l,r]of o)n[l]=r;return n},Y={},F={class:"flex w-full overflow-x-auto border-b-[1px] border-neutral-200 [&::-webkit-scrollbar]:hidden"};function X(t,o){return e.openBlock(),e.createElementBlock("div",F,[e.renderSlot(t.$slots,"default")])}const g=c(Y,[["render",X]]),Q={class:"shrink-0"},_={__name:"AppNavTab",props:{to:{type:String,required:!0}},setup(t){const o=t;return e.ref(null),(n,l)=>(e.openBlock(),e.createElementBlock("div",Q,[e.createVNode(e.unref(p.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(n.$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"])]))}},K={class:"fixed left-0 top-0 hidden w-[223px] space-y-4 bg-white px-4 py-8 sm:top-[64px] sm:block"},x=c({__name:"AppSidebar",setup(t){const o=e.inject("APP_DATA"),{isSidebarToggled:n,toggleSidebar:l}=o;return(r,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("aside",K,[e.renderSlot(r.$slots,"default",{},void 0,!0)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createElementVNode("div",{class:"shadow-t-2xl fixed bottom-0 z-50 h-[60svh] w-full 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(n)?"transform: translateZ(0)":"transform: translate3d(0,60svh,0)")},[e.renderSlot(r.$slots,"default",{},void 0,!0)],4),e.createElementVNode("div",{onClick:s[0]\|\|(s[0]=i=>e.unref(l)()),class:e.normalizeClass(["backdrop backdrop-blur-[0.50px] transition-all duration-300 [transition-behavior:allow-discrete]",e.unref(n)?"fixed inset-0 z-40 block bg-black/80 opacity-100":"hidden"])},null,2)]))],64))}},[["__scopeId","data-v-aaece1c7"]]),v={class:"flex flex-col"},y={__name:"AppSidebarItem",setup(t){p.useRoute();const o=e.ref(!1);function n(){o.value=!o.value}return e.provide("SIDEBAR_TOGGLE",{toggled:o,toggleSidebarItem:n}),(l,r)=>(e.openBlock(),e.createElementBlock("div",v,[e.renderSlot(l.$slots,"default")]))}},ee=["to"],B={__name:"AppSidebarItemChild",props:{to:{type:String,required:!0}},setup(t){const o=t;return(n,l)=>o.to.startsWith("/")?(e.openBlock(),e.createBlock(e.unref(p.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 text-ellipsis whitespace-nowrap rounded-lg px-3 text-xs leading-[40px] transition-all [&.router-link-exact-active]:font-medium",to:o.to},{default:e.withCtx(()=>[e.renderSlot(n.$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 text-ellipsis whitespace-nowrap rounded-lg px-3 text-xs leading-[40px] transition-all",to:o.to},[e.renderSlot(n.$slots,"default")],8,ee))}},w={__name:"AppSidebarItemChildren",setup(t){const o=e.inject("SIDEBAR_TOGGLE"),{toggled:n}=o;return(l,r)=>(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(n)}])},[e.renderSlot(l.$slots,"default")],2))}},te={class:"link group/sidebar-item hover:bg-background-main has-[&.router-link-active]:bg-background-main peer flex h-10 items-center justify-between rounded-lg px-3 transition-all"},oe=["href"],$=c({__name:"AppSidebarItemParent",props:{to:{type:String,required:!0},name:{type:String},hasChildren:{type:Boolean,default:!1}},setup(t){const o=p.useRoute(),n=t,l=e.inject("SIDEBAR_TOGGLE"),r=e.inject("APP_DATA"),{toggled:s,toggleSidebarItem:i}=l,{toggleSidebar:m}=r;function G(){o.matched.some(d=>n.name===d.name)?s.value=!0:s.value=!1}return e.watch(o,()=>G(),{immediate:!0}),(u,d)=>(e.openBlock(),e.createElementBlock("div",te,[n.to.startsWith("/")?(e.openBlock(),e.createBlock(e.unref(p.RouterLink),{key:0,onClick:d[0]\|\|(d[0]=$e=>e.unref(m)()),class:"[&.router-link-active]:text-primary-800 [&.router-link-active]:text-primary-800 text-primary-950 peer flex h-full w-full items-center gap-3 text-xs [&.router-link-active]:font-medium",to:n.to},{default:e.withCtx(()=>[e.renderSlot(u.$slots,"default",{},void 0,!0)]),_: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:n.to},[e.renderSlot(u.$slots,"default",{},void 0,!0)],8,oe)),n.hasChildren?(e.openBlock(),e.createElementBlock("button",{key:2,onClick:d[1]\|\|(d[1]=$e=>e.unref(i)()),class:"cursor-pointer rounded-full p-1 transition-all hover:bg-neutral-100",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-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)]))}},[["__scopeId","data-v-0fab71c0"]]),re={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"},S={__name:"AppSidebarToggle",setup(t){const o=e.inject("SIDEBAR_TOGGLE");return(n,l)=>{const r=e.resolveComponent("RouterLink");return e.openBlock(),e.createElementBlock("div",re,[e.createVNode(r,{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(n.$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)]))])}}},ne={},le={key:0,class:"text-primary-950 px-1 text-sm font-medium"},ae={class:"mt-2"};function se(t,o){return e.openBlock(),e.createElementBlock("nav",null,[t.$slots.title?(e.openBlock(),e.createElementBlock("b",le,[e.renderSlot(t.$slots,"title")])):e.createCommentVNode("",!0),e.createElementVNode("div",ae,[e.renderSlot(t.$slots,"items")])])}const A=c(ne,[["render",se]]),ie={},ce={class:"rounded-full px-3 py-1 text-xs font-medium"};function de(t,o){return e.openBlock(),e.createElementBlock("div",ce,[e.renderSlot(t.$slots,"default")])}const E=c(ie,[["render",de]]),V={__name:"Button",props:{variant:{type:String,default:"primary"}},setup(t){const o=t,n={primary:["bg-brand-primary-700","text-white","active:bg-primary-950 hover:bg-primary-800"],secondary:["bg-neutral-100","text-primary-900"],outlined:["border-[1px]","border-neutral-200","text-primary-900","hover:bg-neutral-100"],ghost:["font-medium","text-primary-900","hover:bg-neutral-100"],destructive:["bg-danger-600","text-white","active:bg-danger-600-active","hover:bg-danger-600-hovered"]};return(l,r)=>(e.openBlock(),e.createElementBlock("button",e.mergeProps(l.$attrs,{class:["cursor-pointer rounded-lg px-4 py-2 text-xs transition-all disabled:cursor-not-allowed disabled:opacity-50",n[o.variant]]}),[e.renderSlot(l.$slots,"default")],16))}},pe={},me={class:"rounded-2xl bg-white p-6"};function ue(t,o){return e.openBlock(),e.createElementBlock("div",me,[e.renderSlot(t.$slots,"default")])}const I=c(pe,[["render",ue]]),T={__name:"Checkbox",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(t){const o=e.useModel(t,"modelValue"),n=e.ref(null);return(l,r)=>(e.openBlock(),e.createElementBlock("button",{onClick:r[1]\|\|(r[1]=s=>n.value.click()),class:"group/checkbox bg-neutral-100 has-checked:bg-primary-700 flex size-4 cursor-pointer items-center justify-center rounded-sm transition-all"},[r[2]\|\|(r[2]=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 hidden stroke-white group-has-[:checked]/checkbox:block"},[e.createElementVNode("path",{d:"M20 6 9 17l-5-5"})],-1)),e.withDirectives(e.createElementVNode("input",e.mergeProps(l.$attrs,{"onUpdate:modelValue":r[0]\|\|(r[0]=s=>o.value=s),type:"checkbox",ref_key:"checkboxRef",ref:n,hidden:""}),null,16),[[e.vModelCheckbox,o.value]])]))}},fe={class:"pointer-events-auto fixed inset-0 z-[100] min-h-screen bg-black/80 backdrop-blur-[2px]"},C={__name:"DialogBackground",setup(t){return e.onMounted(()=>{document.querySelector("body").classList.add("overflow-hidden")}),e.onUnmounted(()=>{document.querySelector("body").classList.remove("overflow-hidden")}),(o,n)=>(e.openBlock(),e.createElementBlock("div",fe,[e.renderSlot(o.$slots,"default")]))}},N={__name:"Input",props:["modelValue"],setup(t){const o=t,n=e.ref(o.modelValue);return(l,r)=>e.withDirectives((e.openBlock(),e.createElementBlock("input",{"onUpdate:modelValue":r[0]\|\|(r[0]=s=>n.value=s),onInput:r[1]\|\|(r[1]=s=>l.$emit("update:modelValue",s.target.value)),class:"text-primary-950 focus:ring-primary-700 neutral-400:text-neutral-400 rounded-lg border-[1px] border-neutral-200 bg-white px-3 py-2 text-xs outline-none transition-all focus:ring-2 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"},null,544)),[[e.vModelText,n.value]])}},ke={};function be(t,o){return e.openBlock(),e.createElementBlock("label",e.mergeProps(t.$attrs,{class:"text-primary-950 text-xs transition-all"}),[e.renderSlot(t.$slots,"default")],16)}const P=c(ke,[["render",be]]),D={__name:"Radio",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(t){const o=e.useModel(t,"modelValue"),n=e.ref(null);return(l,r)=>(e.openBlock(),e.createElementBlock("button",{onClick:r[1]\|\|(r[1]=s=>n.value.click()),class:"group/radio bg-neutral-100 has-checked:bg-white has-checked:border-primary-700 flex size-4 cursor-pointer items-center justify-center rounded-full border-[1px] border-transparent"},[r[2]\|\|(r[2]=e.createElementVNode("div",{class:"group-has-checked/radio:bg-primary-700 group-has-checked/radio:opacity-100 size-[10px] rounded-full opacity-0 transition-all"},null,-1)),e.withDirectives(e.createElementVNode("input",e.mergeProps(l.$attrs,{"onUpdate:modelValue":r[0]\|\|(r[0]=s=>o.value=s),type:"radio",ref_key:"radioRef",ref:n,hidden:""}),null,16),[[e.vModelRadio,o.value]])]))}},he="bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1YjYxNmUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLWRvd24iPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPg==')]",L={__name:"Select",setup(t){return(o,n)=>(e.openBlock(),e.createElementBlock("select",e.mergeProps(o.$attrs,{onChange:n[0]\|\|(n[0]=l=>o.$emit("update:modelValue",l.target.value)),class:["border-neutral-200 text-primary-950 focus:ring-primary-700 appearance-none rounded-lg border-[1px] bg-white bg-[length:16px] bg-[right_12px_center] bg-no-repeat px-3 py-2 text-xs outline-none transition-all focus:ring-2 focus:ring-offset-2",he]}),[e.renderSlot(o.$slots,"default")],16))}},ge={class:"w-full"},_e={class:"h-16"},xe={key:0},ye={key:0,class:"pe-4"},j={__name:"Table",props:{columns:{type:Array,required:!0},data:{type:Array,required:!0}},setup(t){const o=t;return(n,l)=>(e.openBlock(),e.createElementBlock("table",ge,[e.createElementVNode("thead",null,[e.createElementVNode("tr",_e,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.columns,r=>(e.openBlock(),e.createElementBlock("th",{key:r.key,class:"text-xs font-medium text-neutral-600 first-of-type:ps-4"},e.toDisplayString(r.label),1))),128)),n.$slots.actions?(e.openBlock(),e.createElementBlock("th",xe)):e.createCommentVNode("",!0)])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.data,(r,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,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(n.$slots,i.key,{row:r},()=>[e.createTextVNode(e.toDisplayString(r[i.key]),1)])]))),128)),n.$slots.actions?(e.openBlock(),e.createElementBlock("td",ye,[e.renderSlot(n.$slots,"actions",{row:r})])):e.createCommentVNode("",!0)]))),128))])]))}},Be={class:"overflow-x-scroll rounded-xl bg-neutral-100/50 p-1 [&::-webkit-scrollbar]:hidden"},R={__name:"Tabs",props:{default:{default:null}},setup(t){const o=t,n=e.ref(o.default);function l(r){n.value=r}return e.provide("TAB_DATA",{currentValue:n,setCurrentValue:l}),(r,s)=>(e.openBlock(),e.createElementBlock("div",Be,[e.renderSlot(r.$slots,"default")]))}},M=c({__name:"TabItem",props:{value:{required:!0}},setup(t){const o=t,n=e.inject("TAB_DATA"),{currentValue:l,setCurrentValue:r}=n,s=e.computed(()=>l.value===o.value?["bg-white","font-medium","text-primary-700","shadow-xl","tab-active"]:"text-neutral-600");return(i,m)=>(e.openBlock(),e.createElementBlock("button",{onClick:m[0]\|\|(m[0]=G=>e.unref(r)(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(i.$slots,"default",{},void 0,!0)],2))}},[["__scopeId","data-v-9e06f71f"]]),z={__name:"TextArea",props:["modelValue"],setup(t){const o=t,n=e.ref(o.modelValue);return(l,r)=>e.withDirectives((e.openBlock(),e.createElementBlock("textarea",e.mergeProps({onInput:r[0]\|\|(r[0]=s=>l.$emit("update:modelValue",s.target.value))},l.$attrs,{"onUpdate:modelValue":r[1]\|\|(r[1]=s=>n.value=s),class:"border-neutral-200 text-primary-950 neutral-400:text-neutral-400 focus:ring-primary-700 rounded-lg border-[1px] px-3 py-2 text-xs outline-none transition-all focus:ring-2 focus:ring-offset-2"}),null,16)),[[e.vModelText,n.value]])}},we={install(t){t.component("AppHeader",f),t.component("AppHeaderLink",k),t.component("AppLayout",b),t.component("AppMain",h),t.component("AppNavTabs",g),t.component("AppNavTab",_),t.component("AppSidebar",x),t.component("AppSidebarItem",y),t.component("AppSidebarItemChild",B),t.component("AppSidebarItemChildren",w),t.component("AppSidebarItemParent",$),t.component("AppSidebarToggle",S),t.component("AppSidebarNavSection",A),t.component("Badge",E),t.component("Button",V),t.component("Checkbox",T),t.component("Card",I),t.component("DialogBackground",C),t.component("Input",N),t.component("Label",P),t.component("Radio",D),t.component("Select",L),t.component("Table",j),t.component("Tabs",R),t.component("TabItem",M),t.component("TextArea",z)}};a.AppHeader=f,a.AppHeaderLink=k,a.AppLayout=b,a.AppMain=h,a.AppNavTab=_,a.AppNavTabs=g,a.AppSidebar=x,a.AppSidebarItem=y,a.AppSidebarItemChild=B,a.AppSidebarItemChildren=w,a.AppSidebarItemParent=$,a.AppSidebarNavSection=A,a.AppSidebarToggle=S,a.Badge=E,a.Button=V,a.Card=I,a.Checkbox=T,a.DialogBackground=C,a.Input=N,a.Label=P,a.Radio=D,a.Select=L,a.TabItem=M,a.Table=j,a.Tabs=R,a.TextArea=z,a.default=we,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json CHANGED Viewed

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