vlite3 0.2.13 → 0.2.14

package/components/Avatar.vue.js

@@ -31,9 +31,9 @@ const y = ["src", "alt"], z = { key: 0 }, A = /* @__PURE__ */ k({
       xs: "h-6 w-6 text-[10px]",
       sm: "h-8 w-8 text-xs",
       md: "h-10 w-10 text-sm",
-      lg: "h-14 w-14 text-base",
-      xl: "h-20 w-20 text-lg",
-      "2xl": "h-22 w-22 text-xl"
+      lg: "h-12 w-12 text-base",
+      xl: "h-15 w-15 text-lg",
+      "2xl": "h-21 w-21 text-xl"
     }, h = {
       none: "rounded-none",
       sm: "rounded-sm",

package/components/Button.vue.js

@@ -1,7 +1,10 @@
-import { defineComponent as v, useSlots as x, computed as c, withDirectives as w, openBlock as i, createElementBlock as y, normalizeClass as o, createBlock as l, createCommentVNode as u, renderSlot as p, createTextVNode as z, toDisplayString as k, unref as B } from "vue";
-import d from "./Icon.vue.js";
+import { defineComponent as x, useSlots as w, computed as l, withDirectives as y, openBlock as i, createElementBlock as g, normalizeClass as r, createBlock as c, createCommentVNode as d, renderSlot as p, createTextVNode as k, toDisplayString as z, unref as B } from "vue";
+import u from "./Icon.vue.js";
 import { vRipple as C } from "../directives/vRipple.js";
-const S = ["type", "disabled"], D = /* @__PURE__ */ v({
+const S = ["type", "disabled"], R = {
+  key: 2,
+  class: "-text-fs-1.5!"
+}, D = /* @__PURE__ */ x({
   __name: "Button",
   props: {
     variant: { default: "primary" },
@@ -16,8 +19,8 @@ const S = ["type", "disabled"], D = /* @__PURE__ */ v({
     rounded: { default: "md" }
   },
   setup(e) {
-    const t = e, g = x(), s = c(() => t.icon && !t.text && !g.default), h = c(() => {
-      const n = "inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] cursor-pointer gap-2", r = {
+    const t = e, h = w(), s = l(() => t.icon && !t.text && !h.default), f = l(() => {
+      const n = "inline-flex items-center justify-center whitespace-nowrap -text-fs-0.5 font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] cursor-pointer gap-2", o = {
         primary: "bg-primary text-primary-foreground hover:bg-primary/90",
         "primary-light": "bg-primary-light text-primary-fg-light hover:bg-primary/20",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
@@ -37,7 +40,7 @@ const S = ["type", "disabled"], D = /* @__PURE__ */ v({
         "outline-success": "border border-success text-success hover:bg-success/10",
         ghost: "hover:bg-accent hover:text-accent-foreground text-foreground",
         link: "text-primary underline-offset-4 hover:underline"
-      }, f = {
+      }, b = {
         xs: "h-6.5 px-2",
         sm: "h-7.5 px-3",
         md: "h-9 px-4 py-2",
@@ -49,7 +52,7 @@ const S = ["type", "disabled"], D = /* @__PURE__ */ v({
         md: "h-7.5 w-7.5 min-h-7.5 min-w-7.5",
         lg: "h-8 w-8 min-h-8 min-w-8",
         xl: "h-8.5 w-8.5 min-h-8.5 min-w-8.5"
-      }, b = {
+      }, v = {
         none: "rounded-none",
         sm: "rounded-sm",
         md: "rounded",
@@ -60,52 +63,51 @@ const S = ["type", "disabled"], D = /* @__PURE__ */ v({
       };
       return [
         n,
-        r[t.variant],
-        b[t.rounded],
-        s.value ? m[t.size] : f[t.size],
+        o[t.variant],
+        v[t.rounded],
+        s.value ? m[t.size] : b[t.size],
         t.class
       ].join(" ");
-    }), a = c(() => {
+    }), a = l(() => {
       const n = {
         xs: "w-3 h-3",
         sm: "w-4 h-4",
         md: "w-4 h-4",
         lg: "w-4 h-4",
         xl: "w-4 h-4"
-      }, r = {
+      }, o = {
         xs: "w-3 h-3",
         sm: "w-3.5 h-3.5",
         md: "w-3.5 h-3.5",
         lg: "w-4 h-4",
         xl: "w-4 h-4"
       };
-      return s.value ? r[t.size] : n[t.size];
+      return s.value ? o[t.size] : n[t.size];
     });
-    return (n, r) => w((i(), y("button", {
+    return (n, o) => y((i(), g("button", {
       type: e.type,
-      class: o(h.value),
+      class: r(f.value),
       disabled: e.disabled || e.loading
     }, [
-      e.loading ? (i(), l(d, {
+      e.loading ? (i(), c(u, {
         key: 0,
         icon: "lucide:loader-2",
-        class: o(["animate-spin", { [a.value]: !0 }])
-      }, null, 8, ["class"])) : e.icon ? (i(), l(d, {
+        class: r(["animate-spin pointer-events-none", a.value])
+      }, null, 8, ["class"])) : e.icon ? (i(), c(u, {
         key: 1,
         icon: e.icon,
-        class: o({
-          "mx-auto": s.value,
-          [a.value]: !0
-        })
-      }, null, 8, ["icon", "class"])) : u("", !0),
-      p(n.$slots, "default", {}, () => [
-        z(k(e.text), 1)
-      ]),
-      e.iconRight && !e.loading ? (i(), l(d, {
-        key: 2,
+        class: r(["pointer-events-none", [a.value, s.value ? "mx-auto" : ""]])
+      }, null, 8, ["icon", "class"])) : d("", !0),
+      n.$slots?.default || e.text ? (i(), g("span", R, [
+        p(n.$slots, "default", {}, () => [
+          k(z(e.text), 1)
+        ])
+      ])) : d("", !0),
+      e.iconRight && !e.loading ? (i(), c(u, {
+        key: 3,
         icon: e.iconRight,
-        class: o([a.value, "h-4 w-4"])
-      }, null, 8, ["icon", "class"])) : u("", !0)
+        class: r([a.value, "h-4 w-4 pointer-events-none"])
+      }, null, 8, ["icon", "class"])) : d("", !0)
     ], 10, S)), [
       [B(C)]
     ]);

package/components/DataTable/DataTable.vue.js

@@ -139,7 +139,7 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ge
       "overflow-hidden",
       l.bordered ? "border border-border/60" : "",
       l.class
-    ].join(" ")), Z = b(() => ["w-full caption-bottom text-sm", l.tableClass].join(" ")), _ = (e) => e.width ? e.width : "auto";
+    ].join(" ")), Z = b(() => ["w-full caption-bottom", l.tableClass].join(" ")), _ = (e) => e.width ? e.width : "auto";
     return p(
       () => l.rows,
       () => {

package/components/DataTable/DataTableRow.vue.js

@@ -90,7 +90,7 @@ const L = ["data-state"], U = { class: "flex items-center justify-center" }, h =
       (c(!0), d(M, null, V(i.headers, (n) => (c(), d("td", {
         key: n.field,
         class: u(["align-middle overflow-hidden", [
-          i.compact ? "p-2 text-xs" : "py-3! px-3 text-sm",
+          i.compact ? "p-2" : "py-3! px-3 -text-fs-1.5!",
           y(n),
           n.hideOnMobile ? "hidden md:table-cell" : "",
           x(n, o(i.row, n.field), i.row)

package/components/Form/Form.vue.js

@@ -1,7 +1,7 @@
 import o from "./Form.vue2.js";
 /* empty css          */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-67eb0c47"]]);
+const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-5766d177"]]);
 export {
   _ as default
 };

package/components/Form/Form.vue2.js

@@ -207,7 +207,7 @@ const ne = {
         class: h([
           "form-footer flex items-center justify-end gap-3",
           e.footerClass,
-          $.value ? "sticky bottom-0 z-20 bg-body pt-4 border-t border-border/40 -mx-4 px-4  mt-4" : "mt-6"
+          $.value ? "sticky bottom-0 z-20 bg-body pt-4 border-t border-border/75 -mx-4 px-4  mt-4" : "mt-6"
         ])
       }, [
         G.value ? (l(), p(A, {

package/components/Form/FormField.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as N, computed as n, markRaw as P, openBlock as r, createBlock as u, mergeProps as f, toHandlers as R, createSlots as B, unref as C, withCtx as o, createVNode as L, createTextVNode as c, toDisplayString as m, createCommentVNode as $, resolveDynamicComponent as O } from "vue";
+import { defineComponent as N, computed as n, markRaw as P, openBlock as r, createBlock as u, mergeProps as f, toHandlers as R, createSlots as B, unref as $, withCtx as o, createVNode as C, createTextVNode as c, toDisplayString as m, createCommentVNode as L, resolveDynamicComponent as O } from "vue";
 import { isComponent as h, isAddonObject as p } from "./utils/form.utils.js";
 import I from "../NumberInput.vue.js";
 import v from "../Button.vue.js";
@@ -97,7 +97,7 @@ const fe = /* @__PURE__ */ N({
         min: e.field.min,
         // kept for validation attributes if needed
         max: e.field.max,
-        class: e.field.className
+        class: `${e.field.className}`
       } : t === "number" ? {
         ...a,
         modelValue: e.value ?? void 0,
@@ -227,7 +227,7 @@ const fe = /* @__PURE__ */ N({
       ...V.value,
       ...l.field?.props || {}
     }, R(b.value)), B({ _: 2 }, [
-      C(p)(l.field.addonLeft) ? {
+      $(p)(l.field.addonLeft) ? {
         name: "addon-left",
         fn: o(() => [
           l.field.addonLeft.type === "select" ? (r(), u(y, f({
@@ -238,7 +238,7 @@ const fe = /* @__PURE__ */ N({
             onOnSelect: a[0] || (a[0] = (i) => k(l.field.addonLeft, i))
           }), {
             trigger: o(({ selectedLabel: i }) => [
-              L(v, { variant: "outline" }, {
+              C(v, { variant: "outline" }, {
                 default: o(() => [
                   c(m(i), 1)
                 ]),
@@ -256,11 +256,11 @@ const fe = /* @__PURE__ */ N({
               c(m(l.field.addonLeft.text), 1)
             ]),
             _: 1
-          }, 16)) : $("", !0)
+          }, 16)) : L("", !0)
         ]),
         key: "0"
       } : void 0,
-      C(p)(l.field.addonRight) ? {
+      $(p)(l.field.addonRight) ? {
         name: "addon-right",
         fn: o(() => [
           l.field.addonRight.type === "select" ? (r(), u(y, f({
@@ -271,7 +271,7 @@ const fe = /* @__PURE__ */ N({
             onOnSelect: a[2] || (a[2] = (i) => k(l.field.addonRight, i))
           }), {
             trigger: o(({ selectedLabel: i }) => [
-              L(v, { variant: "outline" }, {
+              C(v, { variant: "outline" }, {
                 default: o(() => [
                   c(m(i), 1)
                 ]),
@@ -289,7 +289,7 @@ const fe = /* @__PURE__ */ N({
               c(m(l.field.addonRight.text), 1)
             ]),
             _: 1
-          }, 16)) : $("", !0)
+          }, 16)) : L("", !0)
         ]),
         key: "1"
       } : void 0

package/components/Input.vue.js

@@ -2,7 +2,7 @@ import { defineComponent as G, useSlots as J, ref as v, computed as r, onMounted
 import f from "./Icon.vue.js";
 import Q from "./Label.vue.js";
 import X from "./Textarea.vue.js";
-const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { class: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center justify-center gap-2 z-20" }, le = /* @__PURE__ */ G({
+const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { class: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center justify-center gap-2 z-20" }, te = /* @__PURE__ */ G({
   __name: "Input",
   props: {
     modelValue: { default: "" },
@@ -41,17 +41,17 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
     ].join(" ")), T = r(() => ["relative flex w-full items-stretch", e.labelPosition !== "top" ? "flex-1" : ""].join(
       " "
     )), j = r(() => {
-      const t = "block w-full bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground/50 disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none relative focus:z-10", o = {
+      const o = "block w-full bg-background px-3 py-2  ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground/50 disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none relative focus:z-10", l = {
         solid: "bg-muted border-transparent focus-visible:border-primary",
         outline: "border border-input focus-visible:border-primary",
         "outline-b": "border-b border-input bg-transparent rounded-none focus-visible:border-primary",
         transparent: "border-none bg-transparent shadow-none"
       }, i = {
-        sm: "h-7.5 text-xs",
-        md: "h-9 text-sm",
-        lg: "h-10 text-base"
+        sm: "h-7.5",
+        md: "h-9",
+        lg: "h-10"
       };
-      let l = {
+      let t = {
         none: "rounded-none",
         sm: "rounded-sm",
         md: "rounded-md",
@@ -60,41 +60,41 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
         "2xl": "rounded-2xl",
         full: "rounded-full"
       }[e.rounded];
-      g.value && (e.rounded === "md" ? l = "rounded-r-md rounded-l-none" : e.rounded === "sm" ? l = "rounded-r-sm rounded-l-none" : e.rounded === "lg" ? l = "rounded-r-lg rounded-l-none" : e.rounded === "full" ? l = "rounded-r-full rounded-l-none" : e.rounded !== "none" && (l = l.replace("rounded-", "rounded-r-").replace("rounded-l-", ""))), p.value && (g.value ? l = "rounded-none" : e.rounded === "md" ? l = "rounded-l-md rounded-r-none" : e.rounded === "sm" ? l = "rounded-l-sm rounded-r-none" : e.rounded === "lg" ? l = "rounded-l-lg rounded-r-none" : e.rounded === "full" ? l = "rounded-l-full rounded-r-none" : e.rounded !== "none" && (l = l.replace("rounded-", "rounded-l-").replace("rounded-r-", ""))), e.variant === "outline-b" && (l = "rounded-none");
+      g.value && (e.rounded === "md" ? t = "rounded-r-md rounded-l-none" : e.rounded === "sm" ? t = "rounded-r-sm rounded-l-none" : e.rounded === "lg" ? t = "rounded-r-lg rounded-l-none" : e.rounded === "full" ? t = "rounded-r-full rounded-l-none" : e.rounded !== "none" && (t = t.replace("rounded-", "rounded-r-").replace("rounded-l-", ""))), p.value && (g.value ? t = "rounded-none" : e.rounded === "md" ? t = "rounded-l-md rounded-r-none" : e.rounded === "sm" ? t = "rounded-l-sm rounded-r-none" : e.rounded === "lg" ? t = "rounded-l-lg rounded-r-none" : e.rounded === "full" ? t = "rounded-l-full rounded-r-none" : e.rounded !== "none" && (t = t.replace("rounded-", "rounded-l-").replace("rounded-r-", ""))), e.variant === "outline-b" && (t = "rounded-none");
       const P = e.variant === "outline-b" || e.variant === "transparent";
       return [
-        t,
-        o[e.variant],
+        o,
+        l[e.variant],
         i[e.size],
-        l,
+        t,
         e.error ? "border-destructive focus-visible:ring-destructive" : "",
         e.icon ? "pl-9" : P && !g.value ? "pl-0" : "",
         e.showClearButton && B.value || e.type === "password" || e.loading || e.iconRight ? "pr-9" : P && !p.value ? "pr-0" : "",
         e.inputClass
       ].join(" ");
     }), R = {
-      sm: "text-xs",
-      md: "text-sm",
+      sm: "text-base",
+      md: "text-base",
       lg: "text-base"
-    }, $ = (t) => {
-      const o = t === "left";
+    }, $ = (o) => {
+      const l = o === "left";
       return [
         // Ensure height matches
         "[&_button]:w-full [&_a]:w-full! [&_.v-btn]:w-full! [&_.tooltip-trigger]:w-full",
         // Handle borders (Connect sides)
-        o ? "[&_button]:rounded-r-none [&_a]:rounded-r-none [&_.v-btn]:rounded-r-none" : "[&_button]:rounded-l-none [&_a]:rounded-l-none [&_.v-btn]:rounded-l-none",
+        l ? "[&_button]:rounded-r-none [&_a]:rounded-r-none [&_.v-btn]:rounded-r-none" : "[&_button]:rounded-l-none [&_a]:rounded-l-none [&_.v-btn]:rounded-l-none",
         // Ensure focus ring appears on top
         "[&_button]:relative [&_button]:focus:z-20",
         // Merge borders (Negative margin to overlap single pixels)
-        o ? "-mr-px" : "-ml-px",
+        l ? "-mr-px" : "-ml-px",
         "z-10"
         // Ensure addons sit visually above input border if needed
       ].join(" ");
     }, E = r(() => {
-      const t = !!m["addon-left"];
+      const o = !!m["addon-left"];
       return [
         "flex items-center justify-center whitespace-nowrap",
-        t ? `border-none ${$("left")}` : `bg-muted border border-input border-r-0! px-3 text-muted-foreground ${{
+        o ? `border-none ${$("left")}` : `bg-muted border border-input border-r-0! px-3 text-muted-foreground ${{
           sm: "rounded-l-sm",
           md: "rounded-l-md",
           lg: "rounded-l-lg",
@@ -103,15 +103,15 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
           xl: "rounded-l-xl",
           "2xl": "rounded-l-2xl"
         }[e.rounded] || "rounded-l-md"}`,
-        t ? "" : R[e.size],
+        o ? "" : R[e.size],
         e.addonLeftClass,
         e.disabled ? "opacity-50 cursor-not-allowed" : ""
       ].join(" ");
     }), D = r(() => {
-      const t = !!m["addon-right"];
+      const o = !!m["addon-right"];
       return [
         "flex items-center justify-center whitespace-nowrap",
-        t ? `border-none ${$("right")}` : `bg-muted border border-input border-l-0! px-3 text-muted-foreground ${{
+        o ? `border-none ${$("right")}` : `bg-muted border border-input border-l-0! px-3 text-muted-foreground ${{
           sm: "rounded-r-sm",
           md: "rounded-r-md",
           lg: "rounded-r-lg",
@@ -120,33 +120,33 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
           xl: "rounded-r-xl",
           "2xl": "rounded-r-2xl"
         }[e.rounded] || "rounded-r-md"}`,
-        t ? "" : R[e.size],
+        o ? "" : R[e.size],
         e.addonRightClass,
         e.disabled ? "opacity-50 cursor-not-allowed" : ""
       ].join(" ");
-    }), H = (t) => {
+    }), H = (o) => {
       if (e.lazy) return;
-      const o = t.target;
-      u("update:modelValue", o.value);
-    }, U = (t) => {
-      const o = t.target;
-      e.lazy && u("update:modelValue", o.value), u("change", o.value);
+      const l = o.target;
+      u("update:modelValue", l.value);
+    }, U = (o) => {
+      const l = o.target;
+      e.lazy && u("update:modelValue", l.value), u("change", l.value);
     }, W = () => {
       b.value = !b.value;
     }, q = () => {
       u("update:modelValue", ""), A(() => {
         y.value?.focus();
       });
-    }, h = v(!1), w = v(!1), S = (t) => {
-      h.value = !0, u("focus", t);
-    }, L = (t) => {
-      h.value = !1, u("blur", t);
+    }, h = v(!1), w = v(!1), S = (o) => {
+      h.value = !0, u("focus", o);
+    }, L = (o) => {
+      h.value = !1, u("blur", o);
     };
     return K(() => {
       e.autofocus && A(() => {
         y.value?.focus();
       });
-    }), (t, o) => (d(), s("div", {
+    }), (o, l) => (d(), s("div", {
       class: a(N.value)
     }, [
       n.label ? (d(), C(Q, {
@@ -166,14 +166,14 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
           key: 0,
           class: a(E.value)
         }, [
-          F(t.$slots, "addon-left", {}, () => [
+          F(o.$slots, "addon-left", {}, () => [
             k(V(n.addonLeft), 1)
           ])
         ], 2)) : c("", !0),
         z("div", {
           class: "relative w-full",
-          onMouseenter: o[2] || (o[2] = (i) => w.value = !0),
-          onMouseleave: o[3] || (o[3] = (i) => w.value = !1)
+          onMouseenter: l[2] || (l[2] = (i) => w.value = !0),
+          onMouseleave: l[3] || (l[3] = (i) => w.value = !1)
         }, [
           n.type === "textarea" ? (d(), C(X, {
             key: 0,
@@ -182,7 +182,7 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
             disabled: n.disabled,
             rows: n.rows,
             class: a(j.value),
-            "onUpdate:modelValue": o[0] || (o[0] = (i) => u("update:modelValue", i)),
+            "onUpdate:modelValue": l[0] || (l[0] = (i) => u("update:modelValue", i)),
             onBlur: L,
             onFocus: S
           }, null, 8, ["model-value", "placeholder", "disabled", "rows", "class"])) : (d(), s("input", {
@@ -226,7 +226,7 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
                 "flex items-center justify-center text-muted-foreground",
                 n.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:text-foreground"
               ]),
-              onClick: o[1] || (o[1] = (i) => !n.disabled && u("click:icon-right", i))
+              onClick: l[1] || (l[1] = (i) => !n.disabled && u("click:icon-right", i))
             }, [
               x(f, {
                 icon: n.iconRight,
@@ -263,7 +263,7 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
           key: 1,
           class: a(D.value)
         }, [
-          F(t.$slots, "addon-right", {}, () => [
+          F(o.$slots, "addon-right", {}, () => [
             k(V(n.addonRight), 1)
           ])
         ], 2)) : c("", !0)
@@ -272,5 +272,5 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
   }
 });
 export {
-  le as default
+  te as default
 };

package/components/Label.vue.js

@@ -1,16 +1,16 @@
-import { defineComponent as l, computed as r, openBlock as a, createElementBlock as n, normalizeClass as c, renderSlot as d } from "vue";
-const p = ["for"], m = /* @__PURE__ */ l({
+import { defineComponent as r, computed as a, openBlock as l, createElementBlock as n, normalizeClass as c, renderSlot as d } from "vue";
+const p = ["for"], u = /* @__PURE__ */ r({
   __name: "Label",
   props: {
     for: {},
     class: { default: "" }
   },
   setup(o) {
-    const e = o, s = r(() => [
-      "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+    const e = o, s = a(() => [
+      "text-sm  leading-none text-gray-800 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
       e.class
     ].join(" "));
-    return (t, f) => (a(), n("label", {
+    return (t, f) => (l(), n("label", {
       for: e.for,
       class: c(s.value)
     }, [
@@ -19,5 +19,5 @@ const p = ["for"], m = /* @__PURE__ */ l({
   }
 });
 export {
-  m as default
+  u as default
 };

package/components/Modal.vue.js

@@ -6,7 +6,7 @@ const D = {
   class: "flex-none flex flex-col space-y-1.5 pb-0 border-b border-border/90"
 }, K = { class: "text-lg font-semibold leading-none tracking-tight" }, M = {
   key: 0,
-  class: "text-sm text-muted-foreground mb-2"
+  class: "text-sm text-muted-foreground mb-6.5"
 }, F = /* @__PURE__ */ w({
   inheritAttrs: !1,
   __name: "Modal",
@@ -71,13 +71,13 @@ const D = {
               onClick: k
             }, [
               r("div", {
-                class: d(["modal-body relative w-full rounded border border-border bg-body shadow-lg text-foreground flex flex-col max-h-[85vh] sm:max-h-[90vh]", [e.maxWidth]]),
+                class: d(["modal-body relative w-full rounded border border-border/60 bg-body shadow-lg text-foreground flex flex-col max-h-[85vh] sm:max-h-[90vh]", [e.maxWidth]]),
                 onClick: u[0] || (u[0] = b(() => {
                 }, ["stop"]))
               }, [
                 e.title ? (s(), a("div", D, [
                   r("div", {
-                    class: d(["flex items-center justify-between py-1.5 px-4 rounded-t-md", e.headerClass])
+                    class: d(["flex items-center justify-between py-2 px-4 rounded-t-md", e.headerClass])
                   }, [
                     r("h3", K, p(e.title), 1),
                     v(V, {
@@ -101,7 +101,7 @@ const D = {
                 ], 2),
                 t.$slots.footer ? (s(), a("div", {
                   key: 1,
-                  class: d([e.footerClass, "flex-none flex items-center px-4 py-3 border-t border-border/60 rounded-b-xl bg"])
+                  class: d([e.footerClass, "flex-none flex items-center px-4 py-3 border-t border-border/75 rounded-b-xl bg"])
                 }, [
                   i(t.$slots, "footer", { close: o })
                 ], 2)) : n("", !0)

package/components/MultiSelect/MultiSelect.vue.js

@@ -36,7 +36,7 @@ const F = { class: "flex flex-wrap gap-1.5 items-center flex-1 min-w-0 py-0.5" }
     }, S = () => {
       s("update:modelValue", []), s("change", []);
     }, N = i(() => [
-      "flex items-center justify-between w-full min-h-[40px] px-3 py-1.5 rounded-md border text-sm transition-colors cursor-pointer",
+      "flex items-center justify-between w-full px-3 py-1.5 rounded-md border text-sm transition-colors cursor-pointer",
       o.disabled ? "opacity-50 cursor-not-allowed bg-muted" : "bg-background hover:bg-gray-50/70",
       o.variant === "outline" ? "border-input" : "border-transparent bg-muted",
       u.value ? "border-primary/20" : ""

package/composables/useNotifications.js

@@ -1,7 +1,7 @@
 import { ref as p } from "vue";
 const u = p({
   position: "bottom-right",
-  duration: 4e3,
+  duration: 1e3,
   expand: !1,
   variant: "default"
 }), a = p([]), g = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map();

package/directives/vRipple.d.ts

@@ -1,4 +1,8 @@
+interface RippleElement extends HTMLElement {
+    _rippleHandler?: (ev: MouseEvent) => void;
+}
 export declare const vRipple: {
-    mounted(el: HTMLElement): void;
-    unmounted(el: HTMLElement): void;
+    mounted(el: RippleElement): void;
+    unmounted(el: RippleElement): void;
 };
+export {};

package/directives/vRipple.js

@@ -1,15 +1,14 @@
-const d = (e, n) => {
-  const i = n.getBoundingClientRect(), c = e.clientX - i.left, p = e.clientY - i.top, t = document.createElement("span"), s = Math.max(i.width, i.height), o = s / 2;
-  t.style.width = t.style.height = `${s}px`, t.style.left = `${c - o}px`, t.style.top = `${p - o}px`, t.classList.add("ripple");
-  const l = document.getElementsByClassName("ripple")[0];
-  l && l.remove(), n.appendChild(t), setTimeout(() => {
-    t.remove();
+const c = (e, i) => {
+  const n = i.getBoundingClientRect(), s = e.clientX - n.left, l = e.clientY - n.top, t = document.createElement("span"), p = Math.max(n.width, n.height), o = p / 2;
+  t.style.width = t.style.height = `${p}px`, t.style.left = `${s - o}px`, t.style.top = `${l - o}px`, t.style.position = "absolute", t.style.pointerEvents = "none", t.classList.add("ripple"), i.querySelectorAll(".ripple").forEach((r) => r.remove()), i.appendChild(t), setTimeout(() => {
+    t && t.parentNode && t.remove();
   }, 600);
 }, a = {
   mounted(e) {
-    e.style.position = "relative", e.style.overflow = "hidden", e.addEventListener("click", (n) => d(n, e));
+    window.getComputedStyle(e).position === "static" && (e.style.position = "relative"), e.style.overflow = "hidden", e._rippleHandler = (i) => c(i, e), e.addEventListener("click", e._rippleHandler);
   },
   unmounted(e) {
+    e._rippleHandler && e.removeEventListener("click", e._rippleHandler), e.querySelectorAll(".ripple").forEach((n) => n.remove());
   }
 };
 export {

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "description": "A Vue 3 UI component library built with Tailwind CSS.",
   "license": "MIT",
-  "version": "0.2.13",
+  "version": "0.2.14",
   "type": "module",
   "main": "index.js",
   "module": "index.js",

package/style.css

@@ -80,13 +80,16 @@
     --animate-ripple: ripple 600ms linear;
 
     --text--fs-1: 0.95em;
-    --text--fs-2: 0.8em;
+    --text--fs-1.5: 0.91em;
+    --text--fs-2: 0.85em;
+    --text--fs-2.5: 0.8em;
     --text--fs-3: 0.75em;
-    --text--fs-4: 0.7em;
-    --text--fs-5: 0.65em;
-    --text--fs-6: 0.6em;
-    --text--fs-7: 0.55em;
-    --text--fs-8: 0.5em;
+    --text--fs-3.5: 0.7em;
+    --text--fs-4: 0.65em;
+    --text--fs-5: 0.6em;
+    --text--fs-6: 0.55em;
+    --text--fs-7: 0.5em;
+    --text--fs-8: 0.45em;
     --text-fs-0.5: 1em;
     --text-fs-1: 1.03030303em;
     --text-fs-1.5: 1.06060606em;
@@ -107,6 +110,42 @@
     --text-fs-9: 1.93939394em;
     --text-fs-9.5: 2em;
     --text-fs-10: 2.06060606em;
+    --text-fs-10.5: 2.1;
+    --text-fs-11: 2.15;
+    --text-fs-11.5: 2.2;
+    --text-fs-12: 2.25;
+    --text-fs-12.5: 2.3;
+    --text-fs-13: 2.35;
+    --text-fs-13.5: 2.4;
+    --text-fs-14: 2.45;
+    --text-fs-14.5: 2.5;
+    --text-fs-15: 2.55;
+    --text-fs-15.5: 2.6;
+    --text-fs-16: 2.65;
+    --text-fs-16.5: 2.7;
+    --text-fs-17: 2.75;
+    --text-fs-17.5: 2.8;
+    --text-fs-18: 2.85;
+    --text-fs-18.5: 2.9;
+    --text-fs-19: 2.95;
+    --text-fs-19.5: 3;
+    --text-fs-20: 3.05;
+
+    --spacing: 0.25em;
+
+    --text-xs: 0.75em;
+    --text-sm: 0.875em;
+    --text-base: 1em;
+    --text-md2: 1.1em;
+    --text-lg: 1.125em;
+    --text-lg2: 1.2em;
+    --text-xl: 1.25em;
+    --text-xl2: 1.3em;
+    --text-2xl: 1.5em;
+    --text-3xl: 1.875em;
+    --text-4xl: 2.25em;
+    --text-5xl: 3em;
+    --text-6xl: 3.75em;
   }
 }
 
@@ -322,8 +361,8 @@
 
 .dark .modal-body,
 .dark .sidepanel-body {
-  --color-white: #141414 !important;
-  --color-mixture-1: #151515 !important;
+  --color-white: #101010 !important;
+  --color-mixture-1: #161616 !important;
   --color-mixture-2: #ffffff !important;
   --color-input: color-mix(in oklab, var(--color-mixture-1) 92%, var(--color-mixture-2));
 }
@@ -453,9 +492,9 @@ html {
     position: absolute;
     border-radius: 50%;
     transform: scale(0);
-    animation: ripple 600ms linear;
+    animation: ripple 600ms linear forwards;
     background-color: rgba(255, 255, 255, 0.094);
-    pointer-events: none;
+    pointer-events: none !important;
   }
 
   *,
@@ -619,6 +658,7 @@ html {
   padding-right: 10px !important;
 }
 
+
 /* --- input.css --- */
 input[type='number']::-webkit-inner-spin-button,
 input[type='number']::-webkit-outer-spin-button {
@@ -683,5 +723,5 @@ textarea::-webkit-scrollbar-thumb {
 }
 
 /* --- Vite Generated CSS --- */
-.accordion-enter-active[data-v-aa189e08],.accordion-leave-active[data-v-aa189e08]{transition:height .3s ease-in-out}.attached-group[data-v-8c9add3e]:not(.vertical-group) button{border-radius:0}.attached-group[data-v-8c9add3e] button{position:relative;--radius: .375rem}.attached-group[data-v-8c9add3e] button:focus-visible,.attached-group[data-v-8c9add3e] button:hover{z-index:10}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:not(:first-child){margin-left:-1px}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius);border-top-right-radius:0;border-bottom-right-radius:0}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:not(:first-child):not(:last-child){border-radius:0}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-bottom-left-radius:0}.vertical-group[data-v-8c9add3e] button:not(:first-child){margin-top:-1px}.vertical-group[data-v-8c9add3e] button:first-child{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.vertical-group[data-v-8c9add3e] button:not(:first-child):not(:last-child){border-radius:0}.vertical-group[data-v-8c9add3e] button:last-child{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-top-right-radius:0}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:not(:first-child):not(.border):before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none}.vertical-group[data-v-8c9add3e] button:not(:first-child):not(.border):before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none;width:auto}.vertical-group[data-v-8c9add3e] button:not(:first-child):not(.border):before{width:100%}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:not(:first-child):not(.border):before{height:100%}.carousel-wrapper[data-v-655a78c8]{width:100%;position:relative}.IroBox{border-radius:8px!important}input[data-v-e7171c4f]::-webkit-outer-spin-button,input[data-v-e7171c4f]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number][data-v-e7171c4f]{-moz-appearance:textfield;appearance:textfield}.custom-fields-table[data-v-ce6a94e8] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-ce6a94e8] input,.custom-fields-table[data-v-ce6a94e8] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-ce6a94e8] input,.custom-fields-table[data-v-ce6a94e8] textarea,.custom-fields-table[data-v-ce6a94e8] select,.custom-fields-table[data-v-ce6a94e8] .input-wrapper,.custom-fields-table[data-v-ce6a94e8] .tooltip-trigger button{border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;height:100%!important;min-height:40px}.custom-fields-table[data-v-ce6a94e8] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-ce6a94e8] input:focus,.custom-fields-table[data-v-ce6a94e8] textarea:focus,.custom-fields-table[data-v-ce6a94e8] select:focus,.custom-fields-table[data-v-ce6a94e8] .input-wrapper:focus-within{background-color:hsla(var(--primary) / .03)!important;box-shadow:inset 0 0 0 2px hsla(var(--primary) / .1)!important}.custom-fields-table[data-v-ce6a94e8] .w-full{width:100%;height:100%}.list-enter-active[data-v-ce6a94e8]{transition:all .15s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-ce6a94e8]{opacity:0;transform:translateY(-5px)}.form-field-item[data-v-47af145c]{display:flex;flex-direction:column}.form-field-item[data-v-47af145c]:has([role=switch]),.form-field-item[data-v-47af145c]:has([role=checkbox]){flex-direction:row;align-items:center}.form-container[data-v-67eb0c47]{width:100%}.heatmap-container[data-v-00476f00]{width:100%;height:100%;display:flex;flex-direction:column;min-height:0}.heatmap-wrapper[data-v-00476f00]{width:100%;height:100%;overflow:auto;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;position:relative}.heatmap-grid[data-v-00476f00]{width:fit-content;height:fit-content;transition:all .2s ease-in-out}.heatmap-cell[data-v-00476f00]{aspect-ratio:1 / 1;border-radius:2px;transition:all .15s ease-in-out;border:1px solid transparent;box-sizing:border-box}.heatmap-cell-interactive[data-v-00476f00]{cursor:pointer}.heatmap-cell-interactive[data-v-00476f00]:hover{transform:scale(1.1);border-color:var(--border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;z-index:10;position:relative}.heatmap-cell-empty[data-v-00476f00]{opacity:.6}.heatmap-cell-hovered[data-v-00476f00]{outline:2px solid var(--primary);outline-offset:1px}.heatmap-cell-label[data-v-00476f00]{font-size:8px;font-weight:500;color:var(--foreground);opacity:.8;display:flex;align-items:center;justify-content:center;height:100%;width:100%;pointer-events:none}.heatmap-legend[data-v-00476f00]{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;color:var(--muted-foreground);flex-shrink:0}.heatmap-legend-label[data-v-00476f00]{font-weight:500}.heatmap-legend-colors[data-v-00476f00]{display:flex;gap:.125rem}.heatmap-legend-item[data-v-00476f00]{width:.75rem;height:.75rem;border-radius:.375rem;border:1px solid var(--border)}@media(max-width:640px){.heatmap-wrapper[data-v-00476f00]{padding:12px}.heatmap-cell[data-v-00476f00]{border-radius:2px}.heatmap-cell-label[data-v-00476f00]{font-size:7px}}@media(min-width:641px)and (max-width:1023px){.heatmap-wrapper[data-v-00476f00]{padding:14px}.heatmap-cell[data-v-00476f00]{border-radius:2px}}@media(min-width:1024px){.heatmap-wrapper[data-v-00476f00]{padding:16px}.heatmap-cell[data-v-00476f00]{border-radius:3px}}.custom-scrollbar[data-v-9ac38977]::-webkit-scrollbar{width:0px}.custom-scrollbar[data-v-9ac38977]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-9ac38977]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar{height:8px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.masonry-item[data-v-c29d0159]{content-visibility:auto;contain-intrinsic-size:1px 200px}.slide-right-enter-active[data-v-495f8aa0],.slide-right-leave-active[data-v-495f8aa0],.slide-left-enter-active[data-v-495f8aa0],.slide-left-leave-active[data-v-495f8aa0]{transition:transform .3s ease-in-out}.slide-right-enter-from[data-v-495f8aa0],.slide-right-leave-to[data-v-495f8aa0]{transform:translate(100%)}.slide-left-enter-from[data-v-495f8aa0],.slide-left-leave-to[data-v-495f8aa0]{transform:translate(-100%)}.sidebar-manu-item .tooltip-trigger{width:100%!important}.sidebar-menu-tooltip{margin-left:4px!important}[dir=rtl] .sidebar-menu-tooltip{margin-right:4px!important}.first-toast-enter-active[data-v-6b631840]{animation:first-toast-in-6b631840 .45s cubic-bezier(.23,1,.32,1) forwards}.first-toast-leave-active[data-v-6b631840]{transition:all .25s ease-in}.first-toast-leave-to[data-v-6b631840]{opacity:0;transform:scale(.98)}@keyframes first-toast-in-6b631840{0%{opacity:var(--entrance-opacity, .6);transform:translateY(var(--entrance-offset, 25px)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.stack-toast-enter-active[data-v-6b631840],.stack-toast-leave-active[data-v-6b631840]{transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-toast-enter-from[data-v-6b631840]{opacity:0;transform:scale(.95) translateY(10px)}.stack-toast-leave-to[data-v-6b631840]{opacity:0;transform:scale(.95)}.stack-toast-move[data-v-6b631840]{transition:transform .4s cubic-bezier(.16,1,.3,1)}.bg-stripe[data-v-454a1505]{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.animate-progress-stripe[data-v-454a1505]{animation:progress-stripe-454a1505 1s linear infinite}@keyframes progress-stripe-454a1505{0%{background-position:1rem 0}to{background-position:0 0}}.animate-progress-indeterminate[data-v-454a1505]{animation:progress-indeterminate-454a1505 1.5s infinite cubic-bezier(.65,.815,.735,.395)}@keyframes progress-indeterminate-454a1505{0%{transform:translate(-100%) scaleX(.2)}50%{transform:translate(0) scaleX(.5)}to{transform:translate(100%) scaleX(.2)}}
+.accordion-enter-active[data-v-aa189e08],.accordion-leave-active[data-v-aa189e08]{transition:height .3s ease-in-out}.attached-group[data-v-8c9add3e]:not(.vertical-group) button{border-radius:0}.attached-group[data-v-8c9add3e] button{position:relative;--radius: .375rem}.attached-group[data-v-8c9add3e] button:focus-visible,.attached-group[data-v-8c9add3e] button:hover{z-index:10}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:not(:first-child){margin-left:-1px}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius);border-top-right-radius:0;border-bottom-right-radius:0}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:not(:first-child):not(:last-child){border-radius:0}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-bottom-left-radius:0}.vertical-group[data-v-8c9add3e] button:not(:first-child){margin-top:-1px}.vertical-group[data-v-8c9add3e] button:first-child{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.vertical-group[data-v-8c9add3e] button:not(:first-child):not(:last-child){border-radius:0}.vertical-group[data-v-8c9add3e] button:last-child{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-top-right-radius:0}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:not(:first-child):not(.border):before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none}.vertical-group[data-v-8c9add3e] button:not(:first-child):not(.border):before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none;width:auto}.vertical-group[data-v-8c9add3e] button:not(:first-child):not(.border):before{width:100%}.attached-group[data-v-8c9add3e]:not(.vertical-group) button:not(:first-child):not(.border):before{height:100%}.carousel-wrapper[data-v-655a78c8]{width:100%;position:relative}.IroBox{border-radius:8px!important}input[data-v-e7171c4f]::-webkit-outer-spin-button,input[data-v-e7171c4f]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number][data-v-e7171c4f]{-moz-appearance:textfield;appearance:textfield}.custom-fields-table[data-v-ce6a94e8] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-ce6a94e8] input,.custom-fields-table[data-v-ce6a94e8] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-ce6a94e8] input,.custom-fields-table[data-v-ce6a94e8] textarea,.custom-fields-table[data-v-ce6a94e8] select,.custom-fields-table[data-v-ce6a94e8] .input-wrapper,.custom-fields-table[data-v-ce6a94e8] .tooltip-trigger button{border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;height:100%!important;min-height:40px}.custom-fields-table[data-v-ce6a94e8] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-ce6a94e8] input:focus,.custom-fields-table[data-v-ce6a94e8] textarea:focus,.custom-fields-table[data-v-ce6a94e8] select:focus,.custom-fields-table[data-v-ce6a94e8] .input-wrapper:focus-within{background-color:hsla(var(--primary) / .03)!important;box-shadow:inset 0 0 0 2px hsla(var(--primary) / .1)!important}.custom-fields-table[data-v-ce6a94e8] .w-full{width:100%;height:100%}.list-enter-active[data-v-ce6a94e8]{transition:all .15s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-ce6a94e8]{opacity:0;transform:translateY(-5px)}.form-field-item[data-v-47af145c]{display:flex;flex-direction:column}.form-field-item[data-v-47af145c]:has([role=switch]),.form-field-item[data-v-47af145c]:has([role=checkbox]){flex-direction:row;align-items:center}.form-container[data-v-5766d177]{width:100%}.heatmap-container[data-v-00476f00]{width:100%;height:100%;display:flex;flex-direction:column;min-height:0}.heatmap-wrapper[data-v-00476f00]{width:100%;height:100%;overflow:auto;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;position:relative}.heatmap-grid[data-v-00476f00]{width:fit-content;height:fit-content;transition:all .2s ease-in-out}.heatmap-cell[data-v-00476f00]{aspect-ratio:1 / 1;border-radius:2px;transition:all .15s ease-in-out;border:1px solid transparent;box-sizing:border-box}.heatmap-cell-interactive[data-v-00476f00]{cursor:pointer}.heatmap-cell-interactive[data-v-00476f00]:hover{transform:scale(1.1);border-color:var(--border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;z-index:10;position:relative}.heatmap-cell-empty[data-v-00476f00]{opacity:.6}.heatmap-cell-hovered[data-v-00476f00]{outline:2px solid var(--primary);outline-offset:1px}.heatmap-cell-label[data-v-00476f00]{font-size:8px;font-weight:500;color:var(--foreground);opacity:.8;display:flex;align-items:center;justify-content:center;height:100%;width:100%;pointer-events:none}.heatmap-legend[data-v-00476f00]{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;color:var(--muted-foreground);flex-shrink:0}.heatmap-legend-label[data-v-00476f00]{font-weight:500}.heatmap-legend-colors[data-v-00476f00]{display:flex;gap:.125rem}.heatmap-legend-item[data-v-00476f00]{width:.75rem;height:.75rem;border-radius:.375rem;border:1px solid var(--border)}@media(max-width:640px){.heatmap-wrapper[data-v-00476f00]{padding:12px}.heatmap-cell[data-v-00476f00]{border-radius:2px}.heatmap-cell-label[data-v-00476f00]{font-size:7px}}@media(min-width:641px)and (max-width:1023px){.heatmap-wrapper[data-v-00476f00]{padding:14px}.heatmap-cell[data-v-00476f00]{border-radius:2px}}@media(min-width:1024px){.heatmap-wrapper[data-v-00476f00]{padding:16px}.heatmap-cell[data-v-00476f00]{border-radius:3px}}.custom-scrollbar[data-v-9ac38977]::-webkit-scrollbar{width:0px}.custom-scrollbar[data-v-9ac38977]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-9ac38977]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar{height:8px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.masonry-item[data-v-c29d0159]{content-visibility:auto;contain-intrinsic-size:1px 200px}.slide-right-enter-active[data-v-495f8aa0],.slide-right-leave-active[data-v-495f8aa0],.slide-left-enter-active[data-v-495f8aa0],.slide-left-leave-active[data-v-495f8aa0]{transition:transform .3s ease-in-out}.slide-right-enter-from[data-v-495f8aa0],.slide-right-leave-to[data-v-495f8aa0]{transform:translate(100%)}.slide-left-enter-from[data-v-495f8aa0],.slide-left-leave-to[data-v-495f8aa0]{transform:translate(-100%)}.sidebar-manu-item .tooltip-trigger{width:100%!important}.sidebar-menu-tooltip{margin-left:4px!important}[dir=rtl] .sidebar-menu-tooltip{margin-right:4px!important}.first-toast-enter-active[data-v-6b631840]{animation:first-toast-in-6b631840 .45s cubic-bezier(.23,1,.32,1) forwards}.first-toast-leave-active[data-v-6b631840]{transition:all .25s ease-in}.first-toast-leave-to[data-v-6b631840]{opacity:0;transform:scale(.98)}@keyframes first-toast-in-6b631840{0%{opacity:var(--entrance-opacity, .6);transform:translateY(var(--entrance-offset, 25px)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.stack-toast-enter-active[data-v-6b631840],.stack-toast-leave-active[data-v-6b631840]{transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-toast-enter-from[data-v-6b631840]{opacity:0;transform:scale(.95) translateY(10px)}.stack-toast-leave-to[data-v-6b631840]{opacity:0;transform:scale(.95)}.stack-toast-move[data-v-6b631840]{transition:transform .4s cubic-bezier(.16,1,.3,1)}.bg-stripe[data-v-454a1505]{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.animate-progress-stripe[data-v-454a1505]{animation:progress-stripe-454a1505 1s linear infinite}@keyframes progress-stripe-454a1505{0%{background-position:1rem 0}to{background-position:0 0}}.animate-progress-indeterminate[data-v-454a1505]{animation:progress-indeterminate-454a1505 1.5s infinite cubic-bezier(.65,.815,.735,.395)}@keyframes progress-indeterminate-454a1505{0%{transform:translate(-100%) scaleX(.2)}50%{transform:translate(0) scaleX(.5)}to{transform:translate(100%) scaleX(.2)}}