vlite3 0.2.13 → 0.2.15

package/components/Avatar.vue.js

@@ -29,11 +29,11 @@ const y = ["src", "alt"], z = { key: 0 }, A = /* @__PURE__ */ k({
       return l.length === 1 ? l[0].slice(0, 2).toUpperCase() : (l[0][0] + l[l.length - 1][0]).toUpperCase();
     }), x = {
       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"
+      sm: "h-10 w-10 text-xs",
+      md: "h-12 w-12 text-sm",
+      lg: "h-15 w-15 text-base",
+      xl: "h-18 w-18 text-lg",
+      "2xl": "h-20 w-20 text-xl"
     }, h = {
       none: "rounded-none",
       sm: "rounded-sm",

package/components/Button.vue.js

@@ -1,7 +1,6 @@
-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 { defineComponent as v, useSlots as x, computed as c, openBlock as o, createElementBlock as w, normalizeClass as r, createBlock as l, createCommentVNode as g, renderSlot as y, createTextVNode as p, toDisplayString as z } from "vue";
 import d from "./Icon.vue.js";
-import { vRipple as C } from "../directives/vRipple.js";
-const S = ["type", "disabled"], D = /* @__PURE__ */ v({
+const k = ["type", "disabled"], S = /* @__PURE__ */ v({
   __name: "Button",
   props: {
     variant: { default: "primary" },
@@ -16,8 +15,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 n = e, u = x(), s = c(() => n.icon && !n.text && !u.default), h = c(() => {
+      const t = "inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background transition-all duration-200 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.95] active:opacity-80 cursor-pointer gap-2", i = {
         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",
@@ -43,13 +42,13 @@ const S = ["type", "disabled"], D = /* @__PURE__ */ v({
         md: "h-9 px-4 py-2",
         lg: "h-10 px-6",
         xl: "h-12 px-10"
-      }, m = {
+      }, b = {
         xs: "h-6.5 w-6.5 min-h-6.5 min-w-6.5",
         sm: "h-7 w-7 min-h-7 min-w-7",
         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 = {
+      }, m = {
         none: "rounded-none",
         sm: "rounded-sm",
         md: "rounded",
@@ -59,58 +58,53 @@ const S = ["type", "disabled"], D = /* @__PURE__ */ v({
         full: "rounded-full"
       };
       return [
-        n,
-        r[t.variant],
-        b[t.rounded],
-        s.value ? m[t.size] : f[t.size],
-        t.class
+        t,
+        i[n.variant],
+        m[n.rounded],
+        s.value ? b[n.size] : f[n.size],
+        n.class
       ].join(" ");
     }), a = c(() => {
-      const n = {
+      const t = {
         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 = {
+      }, i = {
         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 ? i[n.size] : t[n.size];
     });
-    return (n, r) => w((i(), y("button", {
+    return (t, i) => (o(), w("button", {
       type: e.type,
-      class: o(h.value),
+      class: r(h.value),
       disabled: e.disabled || e.loading
     }, [
-      e.loading ? (i(), l(d, {
+      e.loading ? (o(), l(d, {
         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 ? (o(), l(d, {
         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)
+        class: r(["pointer-events-none", [a.value, s.value ? "mx-auto" : ""]])
+      }, null, 8, ["icon", "class"])) : g("", !0),
+      y(t.$slots, "default", {}, () => [
+        p(z(e.text), 1)
       ]),
-      e.iconRight && !e.loading ? (i(), l(d, {
+      e.iconRight && !e.loading ? (o(), l(d, {
         key: 2,
         icon: e.iconRight,
-        class: o([a.value, "h-4 w-4"])
-      }, null, 8, ["icon", "class"])) : u("", !0)
-    ], 10, S)), [
-      [B(C)]
-    ]);
+        class: r([a.value, "h-4 w-4 pointer-events-none"])
+      }, null, 8, ["icon", "class"])) : g("", !0)
+    ], 10, k));
   }
 });
 export {
-  D as default
+  S as default
 };

package/components/Carousel/Carousel.vue.d.ts

@@ -352,7 +352,7 @@ declare function __VLS_template(): {
             };
         }>> & Readonly<{
             "onSlide-change"?: ((index: number) => any) | undefined;
-        }>, "focus" | "direction" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "draggable" | "autoPlayInterval" | "itemsToShow" | "gap" | "speed" | "easing" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "goToSlide" | "goNext" | "goPrev" | "autoFocus" | "wheelOptions" | "state" | "canGoNext" | "canGoPrev"> & import('vue').ShallowUnwrapRef<{
+        }>, "direction" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "draggable" | "autoPlayInterval" | "itemsToShow" | "gap" | "speed" | "easing" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "goToSlide" | "goNext" | "goPrev" | "autoFocus" | "wheelOptions" | "state" | "canGoNext" | "canGoPrev" | "focus"> & import('vue').ShallowUnwrapRef<{
             goToSlide: (index: number, smooth?: boolean) => void;
             goNext: (smooth?: boolean) => void;
             goPrev: (smooth?: boolean) => void;
@@ -778,7 +778,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         };
     }>> & Readonly<{
         "onSlide-change"?: ((index: number) => any) | undefined;
-    }>, "focus" | "direction" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "draggable" | "autoPlayInterval" | "itemsToShow" | "gap" | "speed" | "easing" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "goToSlide" | "goNext" | "goPrev" | "autoFocus" | "wheelOptions" | "state" | "canGoNext" | "canGoPrev"> & import('vue').ShallowUnwrapRef<{
+    }>, "direction" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "draggable" | "autoPlayInterval" | "itemsToShow" | "gap" | "speed" | "easing" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "goToSlide" | "goNext" | "goPrev" | "autoFocus" | "wheelOptions" | "state" | "canGoNext" | "canGoPrev" | "focus"> & import('vue').ShallowUnwrapRef<{
         goToSlide: (index: number, smooth?: boolean) => void;
         goNext: (smooth?: boolean) => void;
         goPrev: (smooth?: boolean) => void;

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 -text-fs-1", 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 f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b1fa52ca"]]);
 export {
-  _ as default
+  f 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-8" : "mt-6"
         ])
       }, [
         G.value ? (l(), p(A, {

package/components/Form/FormField.vue.d.ts

@@ -24,8 +24,8 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     disabled: boolean;
     size: InputSize;
     variant: InputVariant;
-    error: string;
     rounded: InputRounded;
+    error: string;
     readonly: boolean;
     isUpdate: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

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,
@@ -154,6 +154,7 @@ const fe = /* @__PURE__ */ N({
         size: e.size,
         rounded: e.rounded
       } : t === "avatarUpload" ? {
+        size: "2xl",
         ...a,
         modelValue: e.value,
         editable: !e.readonly
@@ -227,7 +228,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 +239,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 +257,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 +272,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 +290,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.d.ts

@@ -14,15 +14,15 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<InputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string | number) => any;
     change: (value: string | number) => any;
-    blur: (event: FocusEvent) => any;
     focus: (event: FocusEvent) => any;
+    blur: (event: FocusEvent) => any;
     "click:icon": (event: MouseEvent) => any;
     "click:icon-right": (event: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<InputProps> & Readonly<{
     "onUpdate:modelValue"?: (value: string | number) => any;
     onChange?: (value: string | number) => any;
-    onBlur?: (event: FocusEvent) => any;
     onFocus?: (event: FocusEvent) => any;
+    onBlur?: (event: FocusEvent) => any;
     "onClick:icon"?: (event: MouseEvent) => any;
     "onClick:icon-right"?: (event: MouseEvent) => any;
 }>, {

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/components/NumberInput.vue.d.ts

@@ -16,13 +16,13 @@ export interface NumberInputProps {
 declare const _default: import('vue').DefineComponent<NumberInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: number) => any;
     change: (value: number) => any;
-    blur: (event: FocusEvent) => any;
     focus: (event: FocusEvent) => any;
+    blur: (event: FocusEvent) => any;
 }, string, import('vue').PublicProps, Readonly<NumberInputProps> & Readonly<{
     "onUpdate:modelValue"?: (value: number) => any;
     onChange?: (value: number) => any;
-    onBlur?: (event: FocusEvent) => any;
     onFocus?: (event: FocusEvent) => any;
+    onBlur?: (event: FocusEvent) => any;
 }>, {
     disabled: boolean;
     mode: "solid" | "outline" | "ghost";

package/components/Textarea.vue.d.ts

@@ -7,12 +7,12 @@ interface Props {
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string) => any;
-    blur: (event: FocusEvent) => any;
     focus: (event: FocusEvent) => any;
+    blur: (event: FocusEvent) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:modelValue"?: (value: string) => any;
-    onBlur?: (event: FocusEvent) => any;
     onFocus?: (event: FocusEvent) => any;
+    onBlur?: (event: FocusEvent) => any;
 }>, {
     disabled: boolean;
     class: string;

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/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.15",
   "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,26 @@
     --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;
   }
 }
 
@@ -322,8 +345,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));
 }
@@ -447,17 +470,6 @@ html {
       'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
   }
 
-
-  /* Ripple */
-  span.ripple {
-    position: absolute;
-    border-radius: 50%;
-    transform: scale(0);
-    animation: ripple 600ms linear;
-    background-color: rgba(255, 255, 255, 0.094);
-    pointer-events: none;
-  }
-
   *,
   ::before,
   ::after {
@@ -557,13 +569,6 @@ html {
   }
 }
 
-@keyframes ripple {
-  to {
-    transform: scale(4);
-    opacity: 0;
-  }
-}
-
 #icon-picker {
   --iconPicker-text: var(--color-foreground);
   --iconPicker-border: var(--color-border);
@@ -619,6 +624,7 @@ html {
   padding-right: 10px !important;
 }
 
+
 /* --- input.css --- */
 input[type='number']::-webkit-inner-spin-button,
 input[type='number']::-webkit-outer-spin-button {
@@ -683,5 +689,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-b1fa52ca]{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)}}
 

package/directives/vRipple.d.ts

@@ -1,4 +0,0 @@
-export declare const vRipple: {
-    mounted(el: HTMLElement): void;
-    unmounted(el: HTMLElement): void;
-};

package/directives/vRipple.js

@@ -1,17 +0,0 @@
-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();
-  }, 600);
-}, a = {
-  mounted(e) {
-    e.style.position = "relative", e.style.overflow = "hidden", e.addEventListener("click", (n) => d(n, e));
-  },
-  unmounted(e) {
-  }
-};
-export {
-  a as vRipple
-};