vlite3 0.2.12 → 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

@@ -1,4 +1,4 @@
-import { defineComponent as ee, ref as g, computed as b, watch as p, onMounted as te, openBlock as n, createElementBlock as i, createVNode as C, createSlots as j, withCtx as T, renderSlot as S, createBlock as D, createCommentVNode as I, createElementVNode as r, normalizeClass as B, Fragment as R, renderList as $, normalizeStyle as A, mergeProps as le, toDisplayString as M, createTextVNode as ae, unref as se } from "vue";
+import { defineComponent as ee, ref as v, computed as b, watch as p, onMounted as te, openBlock as n, createElementBlock as i, createVNode as C, createSlots as j, withCtx as B, renderSlot as S, createBlock as D, createCommentVNode as I, createElementVNode as r, normalizeClass as R, Fragment as F, renderList as $, normalizeStyle as A, mergeProps as le, toDisplayString as M, createTextVNode as ae, unref as se } from "vue";
 import oe from "../Icon.vue.js";
 import ne from "../CheckBox.vue.js";
 import re from "../Button.vue.js";
@@ -7,12 +7,12 @@ import de from "../Pagination/Pagination.vue.js";
 import ue from "./DataTableHeader.vue.js";
 import ce from "./DataTableRow.vue.js";
 import me from "./DataTableToolbar.vue.js";
-const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve = { class: "hover:bg-transparent" }, ge = {
+const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ge = { class: "hover:bg-transparent" }, ve = {
   key: 0,
   scope: "col",
   class: "w-[48px] px-0 text-center font-medium text-muted-foreground",
   style: { width: "48px" }
-}, pe = { class: "flex items-center justify-center" }, we = { class: "[&_tr:last-child]:border-0" }, ye = {
+}, pe = { class: "flex items-center justify-center" }, ye = { class: "[&_tr:last-child]:border-0" }, we = {
   key: 0,
   class: "w-[48px] px-0 py-4 align-middle text-center",
   style: { width: "48px" }
@@ -54,22 +54,22 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve
     const O = (e, t) => {
       if (!(!e || !t))
         return t.includes(".") ? t.split(".").reduce((s, c) => s?.[c], e) : e[t];
-    }, u = (e, t) => O(e, t), l = a, w = U, d = g({ field: "", order: "" }), k = g(l.itemsPerPage), h = g(l.pageInfo?.currentPage || 1), y = g(l.search || ""), P = g(!1), v = g("initial"), L = b(() => l.loading && (v.value === "initial" || v.value === "page"));
+    }, u = (e, t) => O(e, t), l = a, y = U, d = v({ field: "", order: "" }), k = v(l.itemsPerPage), h = v(l.pageInfo?.currentPage || 1), w = v(l.search || ""), P = v(!1), g = v("initial"), L = b(() => l.loading && (g.value === "initial" || g.value === "page"));
     p(
       () => l.loading,
       (e, t) => {
-        !e && t && (v.value = "idle");
+        !e && t && (g.value = "idle");
       }
     ), p(
       () => l.search,
       (e) => {
-        e !== void 0 && e !== y.value && (y.value = e);
+        e !== void 0 && e !== w.value && (w.value = e);
       }
     );
-    let F = null;
-    p(y, (e) => {
-      F && clearTimeout(F), F = setTimeout(() => {
-        h.value = 1, v.value = "search", x();
+    let z = null;
+    p(w, (e) => {
+      z && clearTimeout(z), z = setTimeout(() => {
+        h.value = 1, g.value = "search", x();
       }, 300);
     }), p(
       () => l.itemsPerPage,
@@ -82,7 +82,7 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve
         e && (h.value = e);
       }
     );
-    const E = (e) => u(e, l.keyField), o = g(/* @__PURE__ */ new Set());
+    const E = (e) => u(e, l.keyField), o = v(/* @__PURE__ */ new Set());
     p(
       () => l.selectedRows,
       (e) => {
@@ -91,7 +91,7 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve
       },
       { immediate: !0, deep: !0 }
     );
-    const z = b(() => l.rows.length === 0 ? !1 : l.rows.every((e) => o.value.has(u(e, l.keyField)))), N = b(() => o.value.size > 0 && !z.value), W = b(() => {
+    const T = b(() => l.rows.length === 0 ? !1 : l.rows.every((e) => o.value.has(u(e, l.keyField)))), N = b(() => o.value.size > 0 && !T.value), W = b(() => {
       const e = [...l.selectedRows || [], ...l.rows], t = /* @__PURE__ */ new Map();
       return e.forEach((s) => t.set(u(s, l.keyField), s)), Array.from(o.value).map((s) => t.get(s)).filter(Boolean);
     }), q = (e) => {
@@ -109,29 +109,29 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve
       });
       const c = {
         selected: s,
-        all: z.value,
+        all: T.value,
         indeterminate: N.value
       };
-      w("select", c), w("update:selectedRows", s);
+      y("select", c), y("update:selectedRows", s);
     }, H = (e) => {
-      d.value.field === e ? d.value.order === "asc" ? d.value.order = "desc" : d.value.order === "desc" ? (d.value.order = "", d.value.field = "") : d.value.order = "asc" : (d.value.field = e, d.value.order = "asc"), h.value = 1, v.value = "sort", x();
+      d.value.field === e ? d.value.order === "asc" ? d.value.order = "desc" : d.value.order === "desc" ? (d.value.order = "", d.value.field = "") : d.value.order = "asc" : (d.value.field = e, d.value.order = "asc"), h.value = 1, g.value = "sort", x();
     }, J = (e) => {
-      h.value = e, v.value = "page", x();
+      h.value = e, g.value = "page", x();
     }, K = (e) => {
-      k.value = e, h.value = 1, v.value = "limit", w("update:itemsPerPage", e), x();
+      k.value = e, h.value = 1, g.value = "limit", y("update:itemsPerPage", e), x();
     }, Q = (e) => {
-      w("rowClick", e);
+      y("rowClick", e);
     }, X = () => {
       const e = W.value;
-      w("delete", e), P.value = !1;
+      y("delete", e), P.value = !1;
     }, x = () => {
-      w("change", {
+      y("change", {
         pagination: {
           page: h.value,
           limit: k.value
         },
         sorting: { ...d.value },
-        search: y.value
+        search: w.value
       });
     }, Y = b(() => [
       "w-full flex flex-col",
@@ -139,7 +139,7 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve
       "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,
       () => {
@@ -150,59 +150,65 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve
       x();
     }), (e, t) => (n(), i("div", fe, [
       C(me, {
-        modelValue: y.value,
-        "onUpdate:modelValue": t[1] || (t[1] = (s) => y.value = s),
+        modelValue: w.value,
+        "onUpdate:modelValue": t[1] || (t[1] = (s) => w.value = s),
         "show-search": a.showSearch,
         placeholder: a.searchPlaceholder
       }, j({ _: 2 }, [
         e.$slots?.["toolbar-left"] ? {
           name: "left",
-          fn: T(() => [
+          fn: B(() => [
             S(e.$slots, "toolbar-left")
           ]),
           key: "0"
         } : void 0,
-        e.$slots?.["toolbar-right"] || o.value.size > 0 ? {
-          name: "right",
-          fn: T(() => [
+        o.value.size > 0 ? {
+          name: "delete",
+          fn: B(() => [
             o.value.size > 0 ? (n(), D(re, {
               key: 0,
               rounded: "full",
-              variant: "ghost",
+              variant: "outline",
+              size: "lg",
               icon: "lucide:trash-2",
-              class: "text-destructive! bg-destructive/10 hover:bg-destructive/15",
               onClick: t[0] || (t[0] = (s) => P.value = !0)
-            })) : I("", !0),
-            S(e.$slots, "toolbar-right")
+            })) : I("", !0)
           ]),
           key: "1"
+        } : void 0,
+        e.$slots?.["toolbar-right"] ? {
+          name: "right",
+          fn: B(() => [
+            S(e.$slots, "toolbar-right")
+          ]),
+          key: "2"
         } : void 0
       ]), 1032, ["modelValue", "show-search", "placeholder"]),
       r("div", {
-        class: B(Y.value)
+        class: R(Y.value)
       }, [
         r("div", he, [
           r("table", {
-            class: B([Z.value, "data-table"])
+            class: R([Z.value, "data-table"])
           }, [
             r("thead", {
-              class: B([
+              class: R([
                 "[&_tr]:border-b [&_tr]:border-border/70! bg-muted",
                 a.variant === "raised" ? "[&_th:first-child]:rounded-tl-lg [&_th:last-child]:rounded-tr-lg" : ""
               ])
             }, [
-              r("tr", ve, [
-                a.selectable ? (n(), i("th", ge, [
+              r("tr", ge, [
+                a.selectable ? (n(), i("th", ve, [
                   r("div", pe, [
                     C(ne, {
-                      "model-value": z.value,
+                      "model-value": T.value,
                       indeterminate: N.value,
                       size: "xs",
                       "onUpdate:modelValue": q
                     }, null, 8, ["model-value", "indeterminate"])
                   ])
                 ])) : I("", !0),
-                (n(!0), i(R, null, $(a.headers, (s) => (n(), D(ue, {
+                (n(!0), i(F, null, $(a.headers, (s) => (n(), D(ue, {
                   key: s.field,
                   header: s,
                   "sort-config": d.value,
@@ -216,19 +222,19 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve
                 }, null, 8, ["header", "sort-config", "compact", "table-sortable", "style"]))), 128))
               ])
             ], 2),
-            r("tbody", we, [
-              L.value ? (n(!0), i(R, { key: 0 }, $(Math.min(k.value, 15), (s) => (n(), i("tr", {
+            r("tbody", ye, [
+              L.value ? (n(!0), i(F, { key: 0 }, $(Math.min(k.value, 15), (s) => (n(), i("tr", {
                 key: "skeleton-" + s,
                 class: "border-b border-border/50 bg-background transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted"
               }, [
-                a.selectable ? (n(), i("td", ye, [...t[4] || (t[4] = [
+                a.selectable ? (n(), i("td", we, [...t[4] || (t[4] = [
                   r("div", { class: "flex items-center justify-center" }, [
                     r("div", { class: "h-4 w-4 rounded-[4px] bg-muted/50 animate-pulse" })
                   ], -1)
                 ])])) : I("", !0),
-                (n(!0), i(R, null, $(a.headers, (c) => (n(), i("td", {
+                (n(!0), i(F, null, $(a.headers, (c) => (n(), i("td", {
                   key: c.field,
-                  class: B(["p-5! align-middle last:pr-6!", [c.hideOnMobile ? "hidden md:table-cell" : ""]])
+                  class: R(["p-5! align-middle last:pr-6!", [c.hideOnMobile ? "hidden md:table-cell" : ""]])
                 }, [
                   r("div", {
                     class: "rounded-md bg-muted/50 animate-pulse h-4 w-full",
@@ -237,7 +243,7 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve
                     })
                   }, null, 4)
                 ], 2))), 128))
-              ]))), 128)) : a.rows.length > 0 ? (n(!0), i(R, { key: 1 }, $(a.rows, (s, c) => (n(), D(ce, {
+              ]))), 128)) : a.rows.length > 0 ? (n(!0), i(F, { key: 1 }, $(a.rows, (s, c) => (n(), D(ce, {
                 key: E(s),
                 row: s,
                 headers: a.headers,
@@ -254,7 +260,7 @@ const fe = { class: "space-y-4" }, he = { class: "overflow-x-auto w-full" }, ve
               }, j({ _: 2 }, [
                 $(a.headers, (m) => ({
                   name: m.field,
-                  fn: T((f) => [
+                  fn: B((f) => [
                     S(e.$slots, m.field, le({ ref_for: !0 }, f))
                   ])
                 }))

package/components/DataTable/DataTableRow.vue.js

@@ -64,7 +64,7 @@ const L = ["data-state"], U = { class: "flex items-center justify-center" }, h =
     };
     return (e, t) => (c(), d("tr", {
       class: u(["border-b border-border/70 transition-colors data-[state=selected]:bg-muted h-full", [
-        i.hoverable ? "hover:bg-muted/50" : "",
+        i.hoverable ? "hover:bg-muted/20" : "",
         i.striped && i.index % 2 === 1 ? "bg-muted/20" : "bg-background",
         i.isSelected ? "bg-muted! hover:bg-muted/30" : "",
         "group"
@@ -74,7 +74,7 @@ const L = ["data-state"], U = { class: "flex items-center justify-center" }, h =
     }, [
       i.selectable ? (c(), d("td", {
         key: 0,
-        class: "w-[48px] px-0 py-3 align-middle text-center",
+        class: "w-[48px] px-0 py-6! align-middle text-center",
         style: { width: "48px" },
         onClick: t[0] || (t[0] = v(() => {
         }, ["stop"]))
@@ -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/DataTable/DataTableToolbar.vue.d.ts

@@ -7,6 +7,7 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         left?(_: {}): any;
+        delete?(_: {}): any;
         right?(_: {}): any;
     };
     refs: {};

package/components/DataTable/DataTableToolbar.vue.js

@@ -1,12 +1,12 @@
-import { defineComponent as i, computed as p, openBlock as l, createElementBlock as o, renderSlot as r, createCommentVNode as c, createVNode as f, createElementVNode as h } from "vue";
+import { defineComponent as p, computed as f, openBlock as l, createElementBlock as o, renderSlot as a, createCommentVNode as d, createElementVNode as c, createVNode as h } from "vue";
 import V from "../Input.vue.js";
-const g = { class: "flex flex-col sm:flex-row items-center gap-4 p-1" }, v = {
+const v = { class: "flex flex-col sm:flex-row items-center gap-4 p-1" }, _ = {
   key: 0,
-  class: "flex items-center gap-3"
-}, _ = {
+  class: "flex items-center gap-3 mr-auto"
+}, g = { class: "ml-auto" }, w = {
   key: 1,
-  class: "w-full sm:w-72! mr-auto!"
-}, w = { class: "ml-auto flex items-center gap-3" }, x = /* @__PURE__ */ i({
+  class: "w-full sm:w-72!"
+}, b = { class: "flex items-center gap-3" }, S = /* @__PURE__ */ p({
   __name: "DataTableToolbar",
   props: {
     modelValue: { default: "" },
@@ -14,32 +14,35 @@ const g = { class: "flex flex-col sm:flex-row items-center gap-4 p-1" }, v = {
     placeholder: { default: "Search..." }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: d }) {
-    const n = t, u = d, a = p({
-      get: () => n.modelValue,
-      set: (e) => u("update:modelValue", e)
+  setup(t, { emit: n }) {
+    const u = t, m = n, s = f({
+      get: () => u.modelValue,
+      set: (e) => m("update:modelValue", e)
     });
-    return (e, s) => (l(), o("div", g, [
-      e.$slots?.left ? (l(), o("div", v, [
-        r(e.$slots, "left")
-      ])) : c("", !0),
-      t.showSearch ? (l(), o("div", _, [
-        f(V, {
-          modelValue: a.value,
-          "onUpdate:modelValue": s[0] || (s[0] = (m) => a.value = m),
+    return (e, r) => (l(), o("div", v, [
+      e.$slots?.left ? (l(), o("div", _, [
+        a(e.$slots, "left")
+      ])) : d("", !0),
+      c("div", g, [
+        a(e.$slots, "delete")
+      ]),
+      t.showSearch ? (l(), o("div", w, [
+        h(V, {
+          modelValue: s.value,
+          "onUpdate:modelValue": r[0] || (r[0] = (i) => s.value = i),
           placeholder: t.placeholder,
           icon: "lucide:search",
           variant: "outline",
           class: "bg-background",
           "show-clear-button": !0
         }, null, 8, ["modelValue", "placeholder"])
-      ])) : c("", !0),
-      h("div", w, [
-        r(e.$slots, "right")
+      ])) : d("", !0),
+      c("div", b, [
+        a(e.$slots, "right")
       ])
     ]));
   }
 });
 export {
-  x as default
+  S as default
 };

package/components/Form/CustomFields.vue.js

@@ -1,7 +1,7 @@
 import o from "./CustomFields.vue2.js";
 /* empty css                  */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ed01b0e1"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ce6a94e8"]]);
 export {
   r as default
 };

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.12",
+  "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;
   }
 }
 
@@ -169,15 +208,15 @@
       var(--color-mixture-2, #000000));
 
   --color-gray-500: color-mix(in oklab,
-      var(--color-mixture-1, #ffffff) 50%,
+      var(--color-mixture-1, #ffffff) 49%,
       var(--color-mixture-2, #000000));
 
   --color-gray-600: color-mix(in oklab,
-      var(--color-mixture-1, #ffffff) 38%,
+      var(--color-mixture-1, #ffffff) 39%,
       var(--color-mixture-2, #000000));
 
   --color-gray-700: color-mix(in oklab,
-      var(--color-mixture-1, #ffffff) 26%,
+      var(--color-mixture-1, #ffffff) 27%,
       var(--color-mixture-2, #000000));
 
   --color-gray-800: color-mix(in oklab,
@@ -189,14 +228,14 @@
       var(--color-mixture-2, #000000));
 
   --color-gray-900: color-mix(in oklab,
-      var(--color-mixture-1, #ffffff) 5%,
+      var(--color-mixture-1, #ffffff) 6%,
       var(--color-mixture-2, #000000));
 
   --color-gray-950: var(--color-mixture-2, #000000);
 
   --color-body: var(--color-white);
   --color-background: var(--color-body);
-  --color-foreground: var(--color-gray-900);
+  --color-foreground: var(--color-gray-850);
 
   --color-border: color-mix(in oklab, var(--color-mixture-1) 92%, var(--color-mixture-2));
   --color-input: color-mix(in oklab, var(--color-mixture-1) 90%, var(--color-mixture-2));
@@ -260,7 +299,7 @@
       var(--color-mixture-2, #000000));
 
   --color-secondary: color-mix(in oklab, var(--color-mixture-1) 89%, var(--color-mixture-2));
-
+  --color-muted: var(--color-gray-50);
   --color-destructive: #7f1d1d;
   --color-destructive-foreground: #fafafa;
 
@@ -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;
   }
 
   *,
@@ -471,15 +510,18 @@ html {
   h3,
   .h3,
   h4,
+  bold,
+  b,
+  strong,
   .h4 {
-    @apply font-bold text-foreground;
+    @apply font-bold text-gray-900;
   }
 
   h5,
   .h5,
   h6,
   .h6 {
-    @apply font-sans text-foreground;
+    @apply font-sans text-gray-900;
   }
 
   h1,
@@ -601,14 +643,14 @@ html {
 
 .data-table tr td:first-child,
 .data-table tr th:first-child {
-  padding-left: 16px !important;
-  padding-right: 16px !important;
+  padding-left: 18px !important;
+  padding-right: 18px !important;
 }
 
 .data-table tr td:last-child,
 .data-table tr th:last-child {
   padding-left: 6px !important;
-  padding-right: 16px !important;
+  padding-right: 18px !important;
 }
 
 .data-table tr td,
@@ -616,6 +658,7 @@ html {
   padding-right: 10px !important;
 }
 
+
 /* --- input.css --- */
 input[type='number']::-webkit-inner-spin-button,
 input[type='number']::-webkit-outer-spin-button {
@@ -680,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-ed01b0e1] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-ed01b0e1] input,.custom-fields-table[data-v-ed01b0e1] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-ed01b0e1] input,.custom-fields-table[data-v-ed01b0e1] textarea,.custom-fields-table[data-v-ed01b0e1] select,.custom-fields-table[data-v-ed01b0e1] .input-wrapper,.custom-fields-table[data-v-ed01b0e1] .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-ed01b0e1] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-ed01b0e1] input:focus,.custom-fields-table[data-v-ed01b0e1] textarea:focus,.custom-fields-table[data-v-ed01b0e1] select:focus,.custom-fields-table[data-v-ed01b0e1] .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-ed01b0e1] .w-full{width:100%;height:100%}.list-move[data-v-ed01b0e1],.list-enter-active[data-v-ed01b0e1],.list-leave-active[data-v-ed01b0e1]{transition:all .1s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-ed01b0e1],.list-leave-to[data-v-ed01b0e1]{opacity:0;transform:translateY(-10px)}.list-leave-active[data-v-ed01b0e1]{position:absolute;width:100%;z-index:0}.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)}}