vlite3 1.2.9 → 1.2.10

package/components/Button.vue.d.ts

@@ -1,4 +1,7 @@
 import { ButtonVariant, ButtonSize, ButtonRounded, ButtonProps } from '../types';
+export interface LocalButtonProps extends ButtonProps {
+    description?: string;
+}
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -9,7 +12,7 @@ declare function __VLS_template(): {
     rootEl: HTMLButtonElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
+declare const __VLS_component: import('vue').DefineComponent<LocalButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LocalButtonProps> & Readonly<{}>, {
     type: "button" | "submit" | "reset";
     class: any;
     variant: ButtonVariant;
@@ -17,6 +20,7 @@ declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}
     rounded: ButtonRounded;
     loading: boolean;
     disabled: boolean;
+    layout: "horizontal" | "vertical" | "tile";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/Button.vue.js

@@ -1,10 +1,20 @@
-import { defineComponent as k, computed as l, useSlots as z, withDirectives as $, openBlock as o, createElementBlock as u, normalizeClass as s, createBlock as d, createCommentVNode as h, renderSlot as m, createTextVNode as b, toDisplayString as f, unref as B } from "vue";
-import g from "./Icon.vue.js";
-import { vRipple as I } from "../directives/vRipple.js";
-import { $t as R } from "../utils/i18n.js";
-const S = ["type", "disabled", "data-testid"], T = /* @__PURE__ */ k({
+import { defineComponent as N, useAttrs as T, computed as s, useSlots as A, withDirectives as G, openBlock as i, createElementBlock as l, normalizeClass as a, Fragment as C, createElementVNode as k, createBlock as f, createCommentVNode as c, renderSlot as S, createTextVNode as $, toDisplayString as v, unref as F } from "vue";
+import p from "./Icon.vue.js";
+import { vRipple as H } from "../directives/vRipple.js";
+import { $t as M } from "../utils/i18n.js";
+const O = ["type", "disabled", "data-testid"], Z = {
+  key: 0,
+  class: "text-xs font-medium leading-tight truncate max-w-full"
+}, q = {
+  key: 1,
+  class: "text-[10px] font-normal opacity-70 mt-0.5 leading-tight truncate max-w-full"
+}, J = {
+  key: 0,
+  class: "text-[0.75em] font-normal opacity-70 mt-0.5 leading-tight"
+}, X = /* @__PURE__ */ N({
   __name: "Button",
   props: {
+    description: {},
     variant: { default: "primary" },
     size: { default: "md" },
     class: { default: "" },
@@ -19,18 +29,51 @@ const S = ["type", "disabled", "data-testid"], T = /* @__PURE__ */ k({
     textClass: {},
     iconClass: {},
     iconRightClass: {},
-    asIcon: { type: Boolean }
+    asIcon: { type: Boolean },
+    layout: { default: "horizontal" }
   },
-  setup(e) {
-    const t = e, r = l(() => t.textI18n ? R(t.textI18n) : t.text), x = z(), i = l(
-      () => t?.asIcon || t.icon && !r.value && !x.default
-    ), v = l(() => {
-      const n = `inline-flex items-center justify-center whitespace-nowrap text-sm font-medium disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] cursor-pointer gap-2 ${i.value ? "icon-only shrink-0" : ""}`, a = {
+  setup(t) {
+    const z = {
+      primary: "bg-primary text-primary-foreground",
+      "primary-light": "bg-primary-light text-primary-fg-light",
+      secondary: "bg-secondary text-secondary-foreground",
+      danger: "bg-danger text-danger-fg",
+      "danger-light": "bg-danger-light text-destructive",
+      warning: "bg-warning text-warning-fg",
+      "warning-light": "bg-warning-light text-warning-fg-light",
+      info: "bg-info text-info-fg",
+      "info-light": "bg-info-light text-info-fg-light",
+      success: "bg-success text-success-fg",
+      "success-light": "bg-success-light text-success-fg-light",
+      outline: "bg-muted text-foreground",
+      "outline-floating": "bg-muted text-foreground",
+      "outline-primary": "bg-primary/10 text-primary",
+      "outline-danger": "bg-destructive/10 text-destructive",
+      "outline-warning": "bg-warning/10 text-warning",
+      "outline-info": "bg-info/10 text-info",
+      "outline-success": "bg-success/10 text-success",
+      ghost: "bg-accent text-accent-foreground",
+      link: "bg-primary/10 text-primary",
+      transparent: "bg-muted text-foreground"
+    }, e = t, I = T(), o = s(() => {
+      const n = e.layout || I.layout;
+      return n === "tile" ? "tile" : n === "vertical" ? "vertical" : "horizontal";
+    }), h = s(() => o.value === "tile"), j = s(() => z[e.variant] ?? z.primary), b = s(() => ({
+      xs: "w-9 h-9",
+      sm: "w-10 h-10",
+      sm2: "w-11 h-11",
+      md: "w-12 h-12",
+      lg: "w-14 h-14",
+      xl: "w-16 h-16"
+    })[e.size]), r = s(() => e.textI18n ? M(e.textI18n) : e.text), B = A(), x = s(
+      () => e?.asIcon || e.icon && !r.value && !B.default
+    ), u = s(() => e.icon ? e.icon.startsWith("http://") || e.icon.startsWith("https://") || e.icon.startsWith("data:image/") ? !0 : [".png", ".jpg", ".jpeg", ".gif", ".svg", ".webp", ".ico", ".avif"].some((g) => e.icon.toLowerCase().endsWith(g)) : !1), R = s(() => {
+      const g = `inline-flex items-center justify-center whitespace-nowrap text-sm font-medium disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] cursor-pointer ${o.value === "tile" ? "flex-col gap-1.5 items-center" : o.value === "vertical" ? "flex-col gap-2" : e.description ? "gap-3" : "gap-2"} ${x.value ? "icon-only shrink-0" : ""}`, y = {
         primary: "bg-primary text-primary-foreground hover:bg-primary/90",
         "primary-light": "bg-primary-light text-primary-fg-light hover:bg-primary/15",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
         danger: "bg-danger text-danger-fg hover:bg-danger/90",
-        "danger-light": "bg-danger-light text-destructive hover:bg-danger/20 dark:hover:bg-danger/40",
+        "danger-light": "bg-danger-light text-danger hover:bg-danger/20 dark:hover:bg-danger/40",
         warning: "bg-warning text-warning-fg hover:bg-warning/80",
         "warning-light": "bg-warning-light text-warning-fg-light hover:bg-warning/25",
         info: "bg-info text-info-fg hover:bg-info/80",
@@ -47,21 +90,21 @@ const S = ["type", "disabled", "data-testid"], T = /* @__PURE__ */ k({
         ghost: "hover:bg-accent hover:text-accent-foreground text-foreground",
         link: "text-primary underline-offset-4 hover:underline",
         transparent: ""
-      }, w = {
-        xs: "h-6.5 px-2",
-        sm: "h-7.5 px-3",
-        sm2: "h-8 px-3",
-        md: "h-9 px-4 py-2",
-        lg: "h-10 px-4",
-        xl: "h-12 px-10"
-      }, y = {
+      }, d = {
+        xs: e.description ? "h-auto py-1.5 px-2" : "h-6.5 px-2",
+        sm: e.description ? "h-auto py-2 px-3" : "h-7.5 px-3",
+        sm2: e.description ? "h-auto py-2 px-3" : "h-8 px-3",
+        md: e.description ? "h-auto py-2.5 px-4" : "h-9 px-4 py-2",
+        lg: e.description ? "h-auto py-3 px-4" : "h-10 px-4",
+        xl: e.description ? "h-auto py-4 px-10" : "h-12 px-10"
+      }, V = {
         xs: "h-6.5 w-6.5 min-h-6.5 min-w-6.5",
         sm: "h-7.5 w-7.5 min-h-7.5 min-w-7.5",
         sm2: "h-8 w-8 min-h-8 min-w-8",
         md: "h-9 w-9 min-h-9 min-w-9",
         lg: "h-10 w-10 min-h-10 min-w-10",
         xl: "h-12 w-12 min-h-12 min-w-12"
-      }, p = {
+      }, W = {
         none: "rounded-none",
         sm: "rounded-sm",
         sm2: "rounded-sm",
@@ -71,23 +114,37 @@ const S = ["type", "disabled", "data-testid"], T = /* @__PURE__ */ k({
         "2xl": "rounded-2xl",
         full: "rounded-full"
       };
-      let C = i.value ? y[t.size] : w[t.size];
-      return [
-        n,
-        a[t.variant],
-        p[t.rounded],
-        C,
-        t.class
-      ].join(" ");
-    }), c = l(() => {
-      const n = {
-        xs: "w-3 h-3",
-        sm: "w-4 h-4",
-        sm2: "w-4 h-4",
-        md: "w-4 h-4",
-        lg: "w-4 h-4",
-        xl: "w-4 h-4"
-      }, a = {
+      let w = x.value ? V[e.size] : d[e.size];
+      o.value === "tile" ? w = {
+        xs: "h-auto p-0!",
+        sm: "h-auto p-0!",
+        sm2: "h-auto p-0!",
+        md: "h-auto p-0!",
+        lg: "h-auto p-0!",
+        xl: "h-auto p-0!"
+      }[e.size] : o.value === "vertical" && (w = {
+        xs: "h-auto py-1.5 px-2 min-w-16",
+        sm: "h-auto py-2 px-3 min-w-20",
+        sm2: "h-auto py-2 px-3 min-w-20",
+        md: "h-auto py-2.5 px-4 min-w-24",
+        lg: "h-auto py-3 px-4 min-w-28",
+        xl: "h-auto py-4 px-10 min-w-32"
+      }[e.size]);
+      const D = h.value ? "group text-foreground focus:outline-none focus-visible:outline-none active:scale-100!" : y[e.variant];
+      return [g, D, W[e.rounded], w, e.class].join(
+        " "
+      );
+    }), m = s(() => {
+      if (h.value && u.value)
+        return `${b.value} object-cover`;
+      const n = e.description && o.value === "horizontal", g = {
+        xs: n ? "w-3.5 h-3.5" : "w-3 h-3",
+        sm: n ? "w-5 h-5" : "w-4 h-4",
+        sm2: n ? "w-5 h-5" : "w-4 h-4",
+        md: n ? "w-5 h-5" : "w-4 h-4",
+        lg: n ? "w-5 h-5" : "w-4 h-4",
+        xl: n ? "w-5 h-5" : "w-4 h-4"
+      }, y = {
         xs: "w-3 h-3",
         sm: "w-4 h-4",
         sm2: "w-4 h-4",
@@ -95,43 +152,78 @@ const S = ["type", "disabled", "data-testid"], T = /* @__PURE__ */ k({
         lg: "w-4 h-4",
         xl: "w-4 h-4"
       };
-      return i.value ? a[t.size] : n[t.size];
-    });
-    return (n, a) => $((o(), u("button", {
-      type: e.type,
-      class: s([v.value, "cursor-pointer"]),
-      disabled: e.disabled || e.loading,
-      "data-testid": n.$attrs["data-testid"] || (r.value ? `btn-${r.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : e.icon ? `btn-${e.icon.replace(/[^a-zA-Z0-9]+/g, "-")}` : "button")
+      let d = x.value ? y[e.size] : g[e.size];
+      return u.value && (d += " object-cover"), h.value ? d += " scale-[1.45]!" : o.value === "vertical" && (d += " scale-[1.35]! mt-1"), d;
+    }), E = s(() => o.value === "vertical" ? "scale-[0.9]" : "");
+    return (n, g) => G((i(), l("button", {
+      type: t.type,
+      class: a([R.value, "cursor-pointer"]),
+      disabled: t.disabled || t.loading,
+      "data-testid": n.$attrs["data-testid"] || (r.value ? `btn-${r.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : t.icon ? `btn-${t.icon.replace(/[^a-zA-Z0-9]+/g, "-")}` : "button")
     }, [
-      e.loading ? (o(), d(g, {
-        key: 0,
-        icon: "lucide:loader-2",
-        class: s(["animate-spin pointer-events-none", c.value])
-      }, null, 8, ["class"])) : e.icon ? (o(), d(g, {
-        key: 1,
-        icon: e.icon,
-        class: s(["pointer-events-none", [e.iconClass, c.value, i.value ? "mx-auto" : ""]])
-      }, null, 8, ["icon", "class"])) : h("", !0),
-      e.textClass ? (o(), u("span", {
-        key: 2,
-        class: s(e.textClass)
-      }, [
-        m(n.$slots, "default", {}, () => [
-          b(f(r.value), 1)
-        ])
-      ], 2)) : m(n.$slots, "default", { key: 3 }, () => [
-        b(f(r.value), 1)
-      ]),
-      e.iconRight && !e.loading ? (o(), d(g, {
-        key: 4,
-        icon: e.iconRight,
-        class: s([[e.iconRightClass, c.value], "h-4 w-4 pointer-events-none"])
-      }, null, 8, ["icon", "class"])) : h("", !0)
-    ], 10, S)), [
-      [B(I)]
+      h.value ? (i(), l(C, { key: 0 }, [
+        k("span", {
+          class: a(["inline-flex items-center justify-center shrink-0 transition-transform duration-150 ease-out group-active:scale-[0.92]", [
+            u.value ? "" : "rounded-full",
+            u.value ? "" : j.value,
+            u.value ? "" : b.value
+          ]])
+        }, [
+          t.loading ? (i(), f(p, {
+            key: 0,
+            icon: "lucide:loader-2",
+            class: a(["animate-spin pointer-events-none", [m.value, u.value ? b.value : ""]])
+          }, null, 8, ["class"])) : t.icon ? (i(), f(p, {
+            key: 1,
+            icon: t.icon,
+            class: a(["pointer-events-none", [t.iconClass, m.value]])
+          }, null, 8, ["icon", "class"])) : c("", !0)
+        ], 2),
+        r.value || n.$slots.default || e.description ? (i(), l("span", {
+          key: 0,
+          class: a(["flex flex-col items-center max-w-full", t.textClass])
+        }, [
+          r.value || n.$slots.default ? (i(), l("span", Z, [
+            S(n.$slots, "default", {}, () => [
+              $(v(r.value), 1)
+            ])
+          ])) : c("", !0),
+          e.description ? (i(), l("span", q, v(e.description), 1)) : c("", !0)
+        ], 2)) : c("", !0)
+      ], 64)) : (i(), l(C, { key: 1 }, [
+        t.loading ? (i(), f(p, {
+          key: 0,
+          icon: "lucide:loader-2",
+          class: a(["animate-spin pointer-events-none", m.value])
+        }, null, 8, ["class"])) : t.icon ? (i(), f(p, {
+          key: 1,
+          icon: t.icon,
+          class: a(["pointer-events-none", [t.iconClass, m.value, x.value ? "mx-auto" : ""]])
+        }, null, 8, ["icon", "class"])) : c("", !0),
+        r.value || n.$slots.default || e.description ? (i(), l("div", {
+          key: 2,
+          class: a(["flex flex-col justify-center", o.value === "vertical" ? "items-center text-center" : "items-start text-left"])
+        }, [
+          k("span", {
+            class: a([[t.textClass, E.value], "leading-tight"])
+          }, [
+            S(n.$slots, "default", {}, () => [
+              $(v(r.value), 1)
+            ])
+          ], 2),
+          e.description ? (i(), l("span", J, v(e.description), 1)) : c("", !0)
+        ], 2)) : c("", !0),
+        t.iconRight && !t.loading ? (i(), f(p, {
+          key: 3,
+          icon: t.iconRight,
+          class: a([[t.iconRightClass, m.value], "h-4 w-4 pointer-events-none"])
+        }, null, 8, ["icon", "class"])) : c("", !0)
+      ], 64))
+    ], 10, O)), [
+      [F(H), !h.value]
     ]);
   }
 });
 export {
-  T as default
+  X as default
 };

package/components/Dropdown/Dropdown.vue.d.ts

@@ -93,12 +93,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     loading: boolean;
     readonly: boolean;
     disabled: boolean;
+    layout: "default" | "grouped";
     direction: "ltr" | "rtl";
     selectable: boolean;
     options: (IDropdownOption | string | number)[];
     selectedIndex: number | null;
     maxHeight: string;
-    layout: "default" | "grouped";
     hasMore: boolean;
     searchable: boolean;
     remote: boolean;

package/components/Dropdown/DropdownMenu.vue.d.ts

@@ -53,6 +53,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     class: string;
     columns: number | string;
     loading: boolean;
+    layout: "default" | "grouped";
     direction: "ltr" | "rtl";
     selectable: boolean;
     options: (IDropdownOption | string | number)[];
@@ -62,7 +63,6 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     nestedPosition: any;
     nestedOffset: [number, number];
     isCustomSlotMenu: boolean;
-    layout: "default" | "grouped";
     hasMore: boolean;
     searchable: boolean;
     remote: boolean;

package/components/Form/FormFields.vue.js

@@ -1,7 +1,7 @@
 import o from "./FormFields.vue2.js";
 /* empty css                */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-3e65ff52"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-330a03fe"]]);
 export {
   e as default
 };

package/components/Form/FormFields.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent as J, computed as K, ref as Q, openBlock as o, createElementBlock as u, normalizeClass as y, Fragment as p, renderList as W, withMemo as X, unref as d, createBlock as b, withCtx as z, resolveDynamicComponent as B, createTextVNode as V, toDisplayString as F, createCommentVNode as l, createElementVNode as Y, createVNode as Z, markRaw as _ } from "vue";
+import { defineComponent as J, computed as K, ref as Q, openBlock as o, createElementBlock as u, normalizeClass as y, Fragment as p, renderList as W, withMemo as X, unref as d, createBlock as b, withCtx as D, resolveDynamicComponent as B, createTextVNode as V, toDisplayString as F, createCommentVNode as i, createElementVNode as Y, createVNode as Z, markRaw as _ } from "vue";
 import { isComponent as m, getNestedValue as w, resolveFieldType as ee } from "./utils/form.utils.js";
-import f from "../Label.vue.js";
+import q from "../Label.vue.js";
 import te from "./FormField.vue.js";
 import { $t as ne } from "../../utils/i18n.js";
 const ae = {
@@ -34,8 +34,8 @@ const ae = {
     excludeTypes: { default: () => [] }
   },
   emits: ["change", "addonAction"],
-  setup(a, { emit: q }) {
-    const s = a, k = q, $ = K(() => {
+  setup(a, { emit: $ }) {
+    const s = a, k = $, f = K(() => {
       if (s.className) return s.className;
     }), r = (t) => ee(t, {
       values: s.values,
@@ -60,9 +60,9 @@ const ae = {
       g.value[t] = !1;
     }, L = (t) => {
       const n = x(t), e = r(t);
-      let i = n != null && n !== "" && !(Array.isArray(n) && n.length === 0);
-      const D = typeof n == "number" && !isNaN(n);
-      return e === "dateRangePicker" && n && typeof n == "object" && (i = !!(n.startDate || n.endDate || n.start || n.end)), T(t) || e === "number" ? g.value[t.name] || i || D : i || D;
+      let l = n != null && n !== "" && !(Array.isArray(n) && n.length === 0);
+      const z = typeof n == "number" && !isNaN(n);
+      return e === "dateRangePicker" && n && typeof n == "object" && (l = !!(n.startDate || n.endDate || n.start || n.end)), T(t) || e === "number" ? g.value[t.name] || l || z : l || z;
     }, T = (t) => {
       const n = r(t) || "text";
       return ["text", "email", "password", "tel", "url", "search", "textarea"].includes(n);
@@ -87,7 +87,7 @@ const ae = {
         return n;
     };
     return (t, n) => (o(), u("div", {
-      class: y(["grid", a.variant === "floating" ? "gap-5 mt-1" : "gap-4", $.value])
+      class: y(["grid", a.variant === "floating" ? "gap-5 mt-1" : "gap-4", f.value])
     }, [
       (o(!0), u(p, null, W(a.schema, (e) => (o(), u(p, {
         key: e.name
@@ -113,23 +113,27 @@ const ae = {
           key: 0,
           class: y(["max-md:col-span-full! form-field-item", P(e)])
         }, [
-          c(e) && r(e) !== "switch" && r(e) !== "check" && r(e) !== "customFields" && r(e) !== "choiceBox" && !A(e) ? (o(), b(f, {
+          c(e) && r(e) !== "switch" && r(e) !== "check" && r(e) !== "customFields" && r(e) !== "choiceBox" && !A(e) ? (o(), b(q, {
             key: 0,
+            size: "md",
             for: e.name,
-            class: "mb-2 block -text-fs-2! font-medium"
+            class: "mb-2.5 block font-medium"
           }, {
-            default: z(() => [
+            default: D(() => [
               d(m)(c(e)) ? (o(), b(B(R(c(e))), { key: 0 })) : (o(), u(p, { key: 1 }, [
                 V(F(c(e)) + " ", 1),
-                e.required && a.showRequiredAsterisk ? (o(), u("span", ae, "*")) : l("", !0)
+                e.required && a.showRequiredAsterisk ? (o(), u("span", ae, "*")) : i("", !0)
               ], 64))
             ]),
             _: 2
-          }, 1032, ["for"])) : l("", !0),
+          }, 1032, ["for"])) : i("", !0),
           Y("div", {
-            class: y(["relative", r(e) === "check" || r(e) === "switch" && e.props?.switchVariant === "basic" ? "w-auto" : "w-full"]),
-            onFocusin: (i) => M(e.name),
-            onFocusout: (i) => O(e.name)
+            class: y([
+              "relative",
+              r(e) === "check" || r(e) === "switch" && e.props?.switchVariant === "basic" ? "w-auto" : "w-full"
+            ]),
+            onFocusin: (l) => M(e.name),
+            onFocusout: (l) => O(e.name)
           }, [
             A(e) && U(e) && !T(e) ? (o(), u("label", {
               key: 0,
@@ -141,9 +145,9 @@ const ae = {
             }, [
               d(m)(c(e)) ? (o(), b(B(R(c(e))), { key: 0 })) : (o(), u(p, { key: 1 }, [
                 V(F(c(e)) + " ", 1),
-                e.required ? (o(), u("span", oe, "*")) : l("", !0)
+                e.required ? (o(), u("span", oe, "*")) : i("", !0)
               ], 64))
-            ], 10, re)) : l("", !0),
+            ], 10, re)) : i("", !0),
             Z(te, {
               field: s.variant === "floating" ? {
                 ...e,
@@ -164,24 +168,24 @@ const ae = {
               error: v(e),
               isUpdate: a.isUpdate,
               loading: a.fieldLoading[e.name],
-              onChange: (i) => j(e, i),
+              onChange: (l) => j(e, l),
               onAddonChange: S,
               onAddonAction: H
             }, null, 8, ["field", "value", "floatingActive", "label", "values", "errors", "variant", "size", "rounded", "disabled", "readonly", "error", "isUpdate", "loading", "onChange"])
           ], 42, se),
-          r(e) === "check" || r(e) === "switch" && e.props?.switchVariant === "basic" ? (o(), b(f, {
+          r(e) === "check" || r(e) === "switch" && e.props?.switchVariant === "basic" ? (o(), b(q, {
             key: 1,
             for: e.name,
             class: "ml-2 text-sm font-medium cursor-pointer"
           }, {
-            default: z(() => [
+            default: D(() => [
               V(F(c(e)) + " ", 1),
-              e.required ? (o(), u("span", ue, "*")) : l("", !0)
+              e.required ? (o(), u("span", ue, "*")) : i("", !0)
             ]),
             _: 2
-          }, 1032, ["for"])) : l("", !0),
-          v(e) ? (o(), u("p", ce, F(v(e)), 1)) : l("", !0)
-        ], 2)), n, 0) : l("", !0)
+          }, 1032, ["for"])) : i("", !0),
+          v(e) ? (o(), u("p", ce, F(v(e)), 1)) : i("", !0)
+        ], 2)), n, 0) : i("", !0)
       ], 64))), 128))
     ], 2));
   }

package/components/Input.vue.js

@@ -41,7 +41,7 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "readonly"
   setup(t, { emit: D }) {
     const e = t, c = D, a = d(() => e.labelI18n ? E(e.labelI18n) : e.label), S = d(
       () => e.placeholderI18n ? E(e.placeholderI18n) : e.placeholder
-    ), y = Z(), m = v(null), x = v(!1), h = v(!1), H = d(() => e.type === "password" && x.value ? "text" : e.type), k = d(() => e.modelValue !== "" && e.modelValue !== null && e.modelValue !== void 0), $ = d(() => b.value || k.value || h.value), p = d(() => !!e.addonLeft || !!y["addon-left"]), V = d(() => !!e.addonRight || !!y["addon-right"]), U = d(() => [
+    ), x = Z(), m = v(null), y = v(!1), h = v(!1), H = d(() => e.type === "password" && y.value ? "text" : e.type), k = d(() => e.modelValue !== "" && e.modelValue !== null && e.modelValue !== void 0), $ = d(() => b.value || k.value || h.value), p = d(() => !!e.addonLeft || !!x["addon-left"]), V = d(() => !!e.addonRight || !!x["addon-right"]), U = d(() => [
       "relative w-full",
       e.class,
       e.labelPosition === "left" ? "flex items-center gap-4" : "",
@@ -97,7 +97,7 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "readonly"
         "z-10"
       ].join(" ");
     }, q = d(() => {
-      const l = !!y["addon-left"];
+      const l = !!x["addon-left"];
       return [
         "flex items-center justify-center whitespace-nowrap",
         l ? `border-none ${P("left")}` : `bg-muted border border-input border-r-0! px-3 text-muted-foreground ${{
@@ -114,7 +114,7 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "readonly"
         e.disabled ? "opacity-50 cursor-not-allowed" : ""
       ].join(" ");
     }), G = d(() => {
-      const l = !!y["addon-right"];
+      const l = !!x["addon-right"];
       return [
         "flex items-center justify-center whitespace-nowrap",
         l ? `border-none ${P("right")}` : `bg-muted border border-input border-l-0! px-3 text-muted-foreground ${{
@@ -137,7 +137,7 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "readonly"
       const n = l.target;
       c("change", n.value);
     }, O = () => {
-      e.disabled || e.readonly || (x.value = !x.value);
+      e.disabled || e.readonly || (y.value = !y.value);
     }, Q = () => {
       e.disabled || e.readonly || (c("update:modelValue", ""), B(() => {
         m.value?.focus();
@@ -162,6 +162,7 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "readonly"
     }, [
       a.value && t.variant !== "floating" ? (r(), j(te, {
         key: 0,
+        size: "xs",
         for: a.value,
         class: u(["mb-1.5", t.labelPosition !== "top" ? "mb-0" : ""].join(" "))
       }, {
@@ -265,7 +266,7 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "readonly"
               onClick: O
             }, [
               C(g, {
-                icon: x.value ? "lucide:eye-off" : "lucide:eye",
+                icon: y.value ? "lucide:eye-off" : "lucide:eye",
                 class: "h-4 w-4"
               }, null, 8, ["icon"])
             ])) : i("", !0),

package/components/Label.vue.d.ts

@@ -1,6 +1,8 @@
-interface Props {
+export type LabelSize = 'xs' | 'sm' | 'md' | 'lg';
+export interface LabelProps {
     for?: string;
     class?: string;
+    size?: LabelSize;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -11,8 +13,9 @@ declare function __VLS_template(): {
     rootEl: HTMLLabelElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+declare const __VLS_component: import('vue').DefineComponent<LabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LabelProps> & Readonly<{}>, {
     class: string;
+    size: LabelSize;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLLabelElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/Label.vue.js

@@ -1,23 +1,30 @@
-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({
+import { defineComponent as a, computed as l, openBlock as r, createElementBlock as n, normalizeClass as c, renderSlot as d } from "vue";
+const f = ["for"], m = /* @__PURE__ */ a({
   __name: "Label",
   props: {
     for: {},
-    class: { default: "" }
+    class: { default: "" },
+    size: { default: "md" }
   },
-  setup(o) {
-    const e = o, s = a(() => [
-      "text-sm  leading-none text-gray-800 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+  setup(t) {
+    const e = t, o = l(() => [
+      {
+        xs: "-text-fs-3.5",
+        sm: "-text-fs-3",
+        md: "-text-fs-2",
+        lg: "text-base"
+      }[e.size],
+      "leading-none text-gray-800 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
       e.class
     ].join(" "));
-    return (t, f) => (l(), n("label", {
+    return (s, i) => (r(), n("label", {
       for: e.for,
-      class: c(s.value)
+      class: c(o.value)
     }, [
-      d(t.$slots, "default")
-    ], 10, p));
+      d(s.$slots, "default")
+    ], 10, f));
   }
 });
 export {
-  u as default
+  m as default
 };

package/components/MultiSelect/MultiSelect.vue.d.ts

@@ -55,9 +55,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     loading: boolean;
     readonly: boolean;
     disabled: boolean;
+    layout: "default" | "grouped";
     modelValue: any[];
     options: (IDropdownOption | string | number)[];
-    layout: "default" | "grouped";
     hasMore: boolean;
     searchable: boolean;
     remote: boolean;

package/components/Splitter/Splitter.vue.d.ts

@@ -23,10 +23,10 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     "onUpdate:modelValue"?: (val: number) => any;
 }>, {
     class: string;
+    layout: "horizontal" | "vertical";
     modelValue: number;
     min: number;
     max: number;
-    layout: "horizontal" | "vertical";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     containerRef: HTMLDivElement;
 }, HTMLDivElement>;

package/components/Tabes/Tabes.vue.js

@@ -1,7 +1,7 @@
 import o from "./Tabes.vue2.js";
 /* empty css           */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-84e08076"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1e044fd1"]]);
 export {
-  m as default
+  f as default
 };