vlite3 0.4.6 → 0.4.7

package/components/Accordion/AccordionItem.vue.js

@@ -1,10 +1,11 @@
-import { defineComponent as I, computed as c, openBlock as l, createElementBlock as m, normalizeClass as u, renderSlot as b, createVNode as f, withCtx as x, createElementVNode as k, toDisplayString as h, createCommentVNode as v, withDirectives as z, createBlock as B, resolveDynamicComponent as V, vShow as O } from "vue";
-import A from "./AccordionTrigger.vue.js";
-import P from "./AccordionContent.vue.js";
-const T = { class: "font-medium" }, D = {
+import { defineComponent as B, computed as r, openBlock as c, createElementBlock as m, normalizeClass as u, renderSlot as f, createVNode as p, withCtx as v, createElementVNode as V, toDisplayString as x, createCommentVNode as $, withDirectives as O, createBlock as T, resolveDynamicComponent as A, vShow as D } from "vue";
+import P from "./AccordionTrigger.vue.js";
+import N from "./AccordionContent.vue.js";
+import { $t as h } from "../../utils/i18n.js";
+const S = { class: "font-medium" }, E = {
   key: 0,
   class: "ml-2 text-sm text-muted-foreground font-normal"
-}, N = ["innerHTML"], M = /* @__PURE__ */ I({
+}, H = ["innerHTML"], G = /* @__PURE__ */ B({
   __name: "AccordionItem",
   props: {
     item: {},
@@ -25,13 +26,13 @@ const T = { class: "font-medium" }, D = {
     class: { default: "" }
   },
   emits: ["toggle"],
-  setup(e, { emit: $ }) {
-    const n = e, p = $, r = () => {
-      n.item.disabled || n.disabled || p("toggle", n.item.id);
-    }, C = c(() => {
+  setup(e, { emit: C }) {
+    const n = e, y = C, l = () => {
+      n.item.disabled || n.disabled || y("toggle", n.item.id);
+    }, I = r(() => {
       const { variant: t, attached: a } = n;
       return a ? "transition-all first:rounded-t-lg last:rounded-b-lg border-b last:border-0" : t === "solid" ? "mb-2 border rounded-lg overflow-hidden transition-all duration-200" : t === "outline" ? "border mb-2 rounded-lg overflow-hidden" : t === "separated" ? "border mb-4 rounded-lg overflow-hidden" : t === "ghost" ? "border-none bg-transparent mb-1 rounded-lg overflow-hidden" : "border-b";
-    }), g = c(() => {
+    }), g = r(() => {
       const { variant: t, size: a, isOpen: d } = n, i = n.triggerClass || "", o = "transition-all duration-200 ease-in-out", s = {
         sm: "px-3.5 py-2.5 text-sm",
         md: "px-4 py-3 text-base",
@@ -42,7 +43,7 @@ const T = { class: "font-medium" }, D = {
         md: "py-3 text-base",
         lg: "py-4 text-lg"
       }[a]} px-0 hover:no-underline ${o}` : `${i} ${s} hover:bg-muted/5 ${o}`;
-    }), y = c(() => {
+    }), w = r(() => {
       const { variant: t, size: a, attached: d } = n, i = n.contentClass || "", o = {
         sm: "px-3.5 pb-3.5 pt-2.5 text-sm",
         md: "px-4 pb-4 pt-4 text-sm",
@@ -53,17 +54,17 @@ const T = { class: "font-medium" }, D = {
         md: "pb-4 pt-4 text-sm",
         lg: "pb-5 pt-5 text-base"
       }[a]} px-0`;
-    });
-    return (t, a) => (l(), m("div", {
-      class: u([C.value, n.class, n.itemClass])
+    }), k = r(() => n.item.titleI18n ? h(n.item.titleI18n) : n.item.title), b = r(() => n.item.descriptionI18n ? h(n.item.descriptionI18n) : n.item.description);
+    return (t, a) => (c(), m("div", {
+      class: u([I.value, n.class, n.itemClass])
     }, [
-      b(t.$slots, "trigger", {
+      f(t.$slots, "trigger", {
         item: e.item,
         open: e.isOpen,
-        toggle: r,
+        toggle: l,
         triggerClass: g.value
       }, () => [
-        f(A, {
+        p(P, {
           open: e.isOpen,
           size: e.size,
           disabled: e.item.disabled || e.disabled,
@@ -75,41 +76,41 @@ const T = { class: "font-medium" }, D = {
           "icon-variant": e.iconVariant,
           "active-icon-variant": e.activeIconVariant,
           class: u(g.value),
-          onClick: r
+          onClick: l
         }, {
-          default: x(() => [
-            k("span", T, h(e.item.title), 1),
-            e.item.description ? (l(), m("span", D, h(e.item.description), 1)) : v("", !0)
+          default: v(() => [
+            V("span", S, x(k.value), 1),
+            b.value ? (c(), m("span", E, x(b.value), 1)) : $("", !0)
           ]),
           _: 1
         }, 8, ["open", "size", "disabled", "icon", "index", "show-index", "open-icon", "close-icon", "icon-variant", "active-icon-variant", "class"])
       ]),
-      z(f(P, {
-        class: u(y.value)
+      O(p(N, {
+        class: u(w.value)
       }, {
-        default: x(() => [
-          b(t.$slots, "content", {
+        default: v(() => [
+          f(t.$slots, "content", {
             item: e.item,
-            close: r
+            close: l
           }, () => [
-            e.item.bodyComponent ? (l(), B(V(e.item.bodyComponent), {
+            e.item.bodyComponent ? (c(), T(A(e.item.bodyComponent), {
               key: 0,
               item: e.item,
-              close: r
-            }, null, 8, ["item"])) : e.item.content ? (l(), m("div", {
+              close: l
+            }, null, 8, ["item"])) : e.item.content ? (c(), m("div", {
               key: 1,
               class: "text-muted-foreground leading-relaxed",
               innerHTML: e.item.content
-            }, null, 8, N)) : v("", !0)
+            }, null, 8, H)) : $("", !0)
           ])
         ]),
         _: 3
       }, 8, ["class"]), [
-        [O, e.isOpen]
+        [D, e.isOpen]
       ])
     ], 2));
   }
 });
 export {
-  M as default
+  G as default
 };

package/components/Accordion/types.d.ts

@@ -5,7 +5,9 @@ export type IconVariant = 'simple' | 'solid' | 'outline' | 'primary' | 'ghost';
 export interface AccordionItemSchema {
     id: string;
     title: string;
+    titleI18n?: string;
     description?: string;
+    descriptionI18n?: string;
     content?: string;
     icon?: string;
     disabled?: boolean;

package/components/Alert.vue.d.ts

@@ -1,7 +1,9 @@
 import { AlertVariant } from '../types';
 interface Props {
     title?: string;
+    titleI18n?: string;
     description?: string;
+    descriptionI18n?: string;
     icon?: string;
     variant?: AlertVariant;
     closable?: boolean;

package/components/Alert.vue.js

@@ -1,13 +1,16 @@
-import { defineComponent as C, ref as V, computed as a, useSlots as $, openBlock as n, createElementBlock as i, normalizeClass as r, renderSlot as d, createBlock as B, createCommentVNode as o, createElementVNode as g, toDisplayString as v, createTextVNode as N, createVNode as S } from "vue";
-import m from "./Icon.vue.js";
-const j = ["role"], E = {
+import { defineComponent as V, ref as B, computed as t, useSlots as N, openBlock as a, createElementBlock as i, normalizeClass as r, renderSlot as p, createBlock as S, createCommentVNode as o, createElementVNode as v, toDisplayString as m, createTextVNode as T, createVNode as j } from "vue";
+import f from "./Icon.vue.js";
+import { $t as y } from "../utils/i18n.js";
+const D = ["role"], E = {
   key: 1,
   class: "text-sm opacity-90 [&_p]:leading-relaxed"
-}, A = /* @__PURE__ */ C({
+}, R = /* @__PURE__ */ V({
   __name: "Alert",
   props: {
     title: {},
+    titleI18n: {},
     description: {},
+    descriptionI18n: {},
     icon: {},
     variant: { default: "primary" },
     closable: { type: Boolean, default: !1 },
@@ -15,70 +18,69 @@ const j = ["role"], E = {
     class: { default: "" }
   },
   emits: ["close"],
-  setup(e, { emit: f }) {
-    const t = e, p = f, c = V(!0), y = () => {
-      c.value = !1, p("close");
-    }, b = a(() => ({
+  setup(s, { emit: b }) {
+    const e = s, k = b, u = B(!0), x = () => {
+      u.value = !1, k("close");
+    }, d = t(() => e.titleI18n ? y(e.titleI18n) : e.title), c = t(() => e.descriptionI18n ? y(e.descriptionI18n) : e.description), h = t(() => ({
       primary: "bg-primary-light text-primary border-primary/15",
       success: "bg-success-light text-success-dark border-success/25",
       warning: "bg-warning-light text-warning-dark border-warning/20",
       danger: "bg-danger-light text-danger-dark border-danger/15"
-    })[t.variant]), k = a(() => ({
+    })[e.variant]), w = t(() => ({
       primary: "text-primary!",
       success: "text-success-dark!",
       warning: "text-warning-dark!",
       danger: "text-danger-dark!"
-    })[t.variant]), l = a(() => !t.description && !$().default), x = a(() => [
+    })[e.variant]), l = t(() => !c.value && !N().default), C = t(() => [
       "relative w-full rounded-lg border px-4 [&>svg]:absolute [&>svg]:left-4 [&>svg]:text-foreground",
       l.value ? "py-3" : "pt-4 pb-2",
-      // Icon Position: Center vertically if title only, otherwise top-4
       l.value ? "[&>svg]:top-1/2 [&>svg]:-translate-y-1/2" : "[&>svg]:top-4 top-4 [&>svg+div]:translate-y-[-3px]",
-      b.value,
-      t.class
-    ].join(" ")), h = a(() => [
+      h.value,
+      e.class
+    ].join(" ")), I = t(() => [
       "font-medium leading-none tracking-tight text-inherit!",
       l.value ? "" : "mb-1"
-    ].join(" ")), w = a(() => t.role ? t.role : ["danger", "warning"].includes(t.variant) ? "alert" : "status");
-    return (s, u) => c.value ? (n(), i("div", {
+    ].join(" ")), $ = t(() => e.role ? e.role : ["danger", "warning"].includes(e.variant) ? "alert" : "status");
+    return (n, g) => u.value ? (a(), i("div", {
       key: 0,
-      class: r(x.value),
-      role: w.value
+      class: r(C.value),
+      role: $.value
     }, [
-      d(s.$slots, "icon", {}, () => [
-        e.icon ? (n(), B(m, {
+      p(n.$slots, "icon", {}, () => [
+        s.icon ? (a(), S(f, {
           key: 0,
-          icon: e.icon,
-          class: r(["h-4 w-4", k.value])
+          icon: s.icon,
+          class: r(["h-4 w-4", w.value])
         }, null, 8, ["icon", "class"])) : o("", !0)
       ]),
-      g("div", {
-        class: r({ "pl-7": e.icon || s.$slots.icon, "pr-6": e.closable })
+      v("div", {
+        class: r({ "pl-7": s.icon || n.$slots.icon, "pr-6": s.closable })
       }, [
-        e.title ? (n(), i("h5", {
+        d.value ? (a(), i("h5", {
           key: 0,
-          class: r(h.value)
-        }, v(e.title), 3)) : o("", !0),
-        e.description || s.$slots.default ? (n(), i("div", E, [
-          d(s.$slots, "default", {}, () => [
-            N(v(e.description), 1)
+          class: r(I.value)
+        }, m(d.value), 3)) : o("", !0),
+        c.value || n.$slots.default ? (a(), i("div", E, [
+          p(n.$slots, "default", {}, () => [
+            T(m(c.value), 1)
           ])
         ])) : o("", !0)
       ], 2),
-      e.closable ? (n(), i("button", {
+      s.closable ? (a(), i("button", {
         key: 0,
         type: "button",
-        onClick: y,
+        onClick: x,
         class: r(["absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", [l.value ? "top-1/2 -translate-y-1/2" : "top-4"]])
       }, [
-        S(m, {
+        j(f, {
           icon: "lucide:x",
           class: "h-4 w-4"
         }),
-        u[0] || (u[0] = g("span", { class: "sr-only" }, "Close", -1))
+        g[0] || (g[0] = v("span", { class: "sr-only" }, "Close", -1))
       ], 2)) : o("", !0)
-    ], 10, j)) : o("", !0);
+    ], 10, D)) : o("", !0);
   }
 });
 export {
-  A as default
+  R as default
 };

package/components/AvatarUploader/AvatarUploader.vue.d.ts

@@ -25,8 +25,8 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     alt: string;
     size: AvatarSize;
     modelValue: any;
-    loading: boolean;
     rounded: AvatarRounded;
+    loading: boolean;
     editable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/components/AvatarUploader/AvatarUploader.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as x, ref as w, computed as z, openBlock as i, createElementBlock as r, createElementVNode as f, normalizeClass as o, createVNode as n, withCtx as C, createCommentVNode as g, withModifiers as A } from "vue";
+import { defineComponent as x, ref as w, computed as z, openBlock as i, createElementBlock as r, createElementVNode as b, normalizeClass as o, createVNode as n, withCtx as V, createCommentVNode as g, withModifiers as C } from "vue";
 import c from "../Icon.vue.js";
 import U from "../FilePicker/FilePicker.vue.js";
-import V from "../Avatar.vue.js";
+import A from "../Avatar.vue.js";
 const R = { class: "inline-block" }, j = ["onClick"], F = /* @__PURE__ */ x({
   name: "AvatarUploader",
   __name: "AvatarUploader",
@@ -19,39 +19,40 @@ const R = { class: "inline-block" }, j = ["onClick"], F = /* @__PURE__ */ x({
   },
   emits: ["update:modelValue", "change", "error"],
   setup(e, { emit: v }) {
-    const l = e, t = v, d = w(null), m = z(() => {
+    const a = e, t = v, d = w(null), m = z(() => {
       if (d.value) return d.value;
-      if (typeof l.modelValue == "string") return l.modelValue;
-      if (l.modelValue && l.modelValue.base64) return l.modelValue.base64;
-      if (l.modelValue && l.modelValue.file instanceof File)
+      if (typeof a.modelValue == "string") return a.modelValue;
+      if (a.modelValue && a.modelValue.fileUrl) return a.modelValue.fileUrl;
+      if (a.modelValue && a.modelValue.base64) return a.modelValue.base64;
+      if (a.modelValue && a.modelValue.file instanceof File)
         try {
-          return URL.createObjectURL(l.modelValue.file);
+          return URL.createObjectURL(a.modelValue.file);
         } catch {
         }
       return null;
-    }), h = (a) => {
-      if (!a || Array.isArray(a)) {
-        Array.isArray(a) && a.length === 0 && b();
+    }), h = (l) => {
+      if (!l || Array.isArray(l)) {
+        Array.isArray(l) && l.length === 0 && f();
         return;
       }
-      if (a.base64)
-        d.value = a.base64, t("update:modelValue", a.base64);
-      else if (a.file)
+      if (l.base64)
+        d.value = l.base64, t("update:modelValue", l.base64);
+      else if (l.file)
         try {
-          d.value = URL.createObjectURL(a.file), t("update:modelValue", a);
+          d.value = URL.createObjectURL(l.file), t("update:modelValue", l);
         } catch {
         }
-      t("change", a);
-    }, y = (a) => {
-      t("error", a);
-    }, b = () => {
+      t("change", l);
+    }, y = (l) => {
+      t("error", l);
+    }, f = () => {
       d.value = null, t("update:modelValue", null), t("change", null);
     };
-    return (a, u) => (i(), r("div", R, [
-      f("div", {
+    return (l, u) => (i(), r("div", R, [
+      b("div", {
         class: o(["relative inline-block group", e.rounded === "full" ? "rounded-full" : "rounded-md"])
       }, [
-        n(V, {
+        n(A, {
           src: m.value || void 0,
           fallback: e.fallback,
           alt: e.alt,
@@ -68,8 +69,8 @@ const R = { class: "inline-block" }, j = ["onClick"], F = /* @__PURE__ */ x({
           onChange: u[0] || (u[0] = (s) => h(s)),
           onError: y
         }, {
-          trigger: C(({ trigger: s, isLoading: k }) => [
-            f("button", {
+          trigger: V(({ trigger: s, isLoading: k }) => [
+            b("button", {
               type: "button",
               class: o(["absolute inset-0 cursor-pointer", { "cursor-default": !e.editable || e.disabled }]),
               onClick: (B) => e.editable && !e.disabled ? s() : null
@@ -99,7 +100,7 @@ const R = { class: "inline-block" }, j = ["onClick"], F = /* @__PURE__ */ x({
           key: 0,
           type: "button",
           class: "absolute -top-1 -right-1 z-10 p-1 bg-background border border-border rounded-full text-muted-foreground shadow-sm hover:text-destructive hover:border-destructive transition-all opacity-0 group-hover:opacity-100 scale-75 group-hover:scale-100",
-          onClick: A(b, ["stop"]),
+          onClick: C(f, ["stop"]),
           title: "Remove image"
         }, [
           n(c, {

package/components/Button.vue.d.ts

@@ -15,8 +15,8 @@ declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}
     class: any;
     size: ButtonSize;
     variant: ButtonVariant;
-    loading: boolean;
     rounded: ButtonRounded;
+    loading: boolean;
 }, {}, {}, {}, 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,7 +1,8 @@
-import { defineComponent as B, useSlots as I, computed as r, inject as R, withDirectives as S, openBlock as s, createElementBlock as g, normalizeClass as i, createBlock as d, createCommentVNode as h, renderSlot as m, createTextVNode as f, toDisplayString as b, unref as G } from "vue";
-import u from "./Icon.vue.js";
+import { defineComponent as B, computed as s, useSlots as R, inject as S, withDirectives as G, openBlock as o, createElementBlock as h, normalizeClass as i, createBlock as d, createCommentVNode as m, renderSlot as f, createTextVNode as x, toDisplayString as b, unref as $ } from "vue";
+import g from "./Icon.vue.js";
 import { vRipple as j } from "../directives/vRipple.js";
-const V = ["type", "disabled"], E = /* @__PURE__ */ B({
+import { $t as V } from "../utils/i18n.js";
+const D = ["type", "disabled"], q = /* @__PURE__ */ B({
   __name: "Button",
   props: {
     variant: { default: "primary" },
@@ -13,6 +14,7 @@ const V = ["type", "disabled"], E = /* @__PURE__ */ B({
     iconRight: {},
     type: { default: "button" },
     text: {},
+    textI18n: {},
     rounded: { default: "md" },
     textClass: {},
     iconClass: {},
@@ -20,8 +22,8 @@ const V = ["type", "disabled"], E = /* @__PURE__ */ B({
     asIcon: { type: Boolean }
   },
   setup(e) {
-    const n = e, x = I(), l = r(() => n?.asIcon || n.icon && !n.text && !x.default), v = R("buttonGroup", null), w = r(() => !!v?.isInGroup), p = r(() => {
-      const t = "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", o = {
+    const n = e, l = s(() => n.textI18n ? V(n.textI18n) : n.text), v = R(), a = s(() => n?.asIcon || n.icon && !l.value && !v.default), p = S("buttonGroup", null), w = s(() => !!p?.isInGroup), y = s(() => {
+      const t = "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 = {
         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",
@@ -41,28 +43,28 @@ const V = ["type", "disabled"], E = /* @__PURE__ */ B({
         "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"
-      }, y = {
+      }, z = {
         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-6",
         xl: "h-12 px-10"
-      }, z = {
+      }, C = {
         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",
         sm2: "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"
-      }, C = {
+      }, k = {
         xs: "px-2",
         sm: "px-3",
         sm2: "px-3",
         md: "px-4",
         lg: "px-6",
         xl: "px-10"
-      }, k = {
+      }, I = {
         none: "rounded-none",
         sm: "rounded-sm",
         sm2: "rounded-sm",
@@ -72,15 +74,15 @@ const V = ["type", "disabled"], E = /* @__PURE__ */ B({
         "2xl": "rounded-2xl",
         full: "rounded-full"
       };
-      let c;
-      return l.value ? c = w.value ? C[n.size] : z[n.size] : c = y[n.size], [
+      let u;
+      return a.value ? u = w.value ? k[n.size] : C[n.size] : u = z[n.size], [
         t,
-        o[n.variant],
-        k[n.rounded],
-        c,
+        r[n.variant],
+        I[n.rounded],
+        u,
         n.class
       ].join(" ");
-    }), a = r(() => {
+    }), c = s(() => {
       const t = {
         xs: "w-3 h-3",
         sm: "w-4 h-4",
@@ -88,7 +90,7 @@ const V = ["type", "disabled"], E = /* @__PURE__ */ B({
         md: "w-4 h-4",
         lg: "w-4 h-4",
         xl: "w-4 h-4"
-      }, o = {
+      }, r = {
         xs: "w-3 h-3",
         sm: "w-3.5 h-3.5",
         sm2: "w-3.5 h-3.5",
@@ -96,42 +98,42 @@ const V = ["type", "disabled"], E = /* @__PURE__ */ B({
         lg: "w-4 h-4",
         xl: "w-4 h-4"
       };
-      return l.value ? o[n.size] : t[n.size];
+      return a.value ? r[n.size] : t[n.size];
     });
-    return (t, o) => S((s(), g("button", {
+    return (t, r) => G((o(), h("button", {
       type: e.type,
-      class: i(p.value),
+      class: i(y.value),
       disabled: e.disabled || e.loading
     }, [
-      e.loading ? (s(), d(u, {
+      e.loading ? (o(), d(g, {
         key: 0,
         icon: "lucide:loader-2",
-        class: i(["animate-spin pointer-events-none", a.value])
-      }, null, 8, ["class"])) : e.icon ? (s(), d(u, {
+        class: i(["animate-spin pointer-events-none", c.value])
+      }, null, 8, ["class"])) : e.icon ? (o(), d(g, {
         key: 1,
         icon: e.icon,
-        class: i(["pointer-events-none", [e.iconClass, a.value, l.value ? "mx-auto" : ""]])
-      }, null, 8, ["icon", "class"])) : h("", !0),
-      e.textClass ? (s(), g("span", {
+        class: i(["pointer-events-none", [e.iconClass, c.value, a.value ? "mx-auto" : ""]])
+      }, null, 8, ["icon", "class"])) : m("", !0),
+      e.textClass ? (o(), h("span", {
         key: 2,
         class: i(e.textClass)
       }, [
-        m(t.$slots, "default", {}, () => [
-          f(b(e.text), 1)
+        f(t.$slots, "default", {}, () => [
+          x(b(l.value), 1)
         ])
-      ], 2)) : m(t.$slots, "default", { key: 3 }, () => [
-        f(b(e.text), 1)
+      ], 2)) : f(t.$slots, "default", { key: 3 }, () => [
+        x(b(l.value), 1)
       ]),
-      e.iconRight && !e.loading ? (s(), d(u, {
+      e.iconRight && !e.loading ? (o(), d(g, {
         key: 4,
         icon: e.iconRight,
-        class: i([[e.iconRightClass, a.value], "h-4 w-4 pointer-events-none"])
-      }, null, 8, ["icon", "class"])) : h("", !0)
-    ], 10, V)), [
-      [G(j)]
+        class: i([[e.iconRightClass, c.value], "h-4 w-4 pointer-events-none"])
+      }, null, 8, ["icon", "class"])) : m("", !0)
+    ], 10, D)), [
+      [$(j)]
     ]);
   }
 });
 export {
-  E as default
+  q as default
 };

package/components/CheckBox.vue.d.ts

@@ -5,6 +5,7 @@ interface Props {
     disabled?: boolean;
     indeterminate?: boolean;
     label?: string;
+    labelI18n?: string;
     id?: string;
     class?: string;
     size?: CheckboxSize;