vlite3 0.4.4 → 0.4.7

package/components/CheckBox.vue.js

@@ -1,10 +1,11 @@
-import { defineComponent as y, computed as d, openBlock as l, createElementBlock as m, createElementVNode as v, normalizeClass as i, createVNode as g, Transition as w, withCtx as f, createBlock as o, createCommentVNode as c, createTextVNode as C, toDisplayString as V } from "vue";
-import h from "./Icon.vue.js";
-import z from "./Label.vue.js";
-const B = { class: "flex items-center space-x-2" }, N = ["aria-checked", "data-state", "disabled", "id"], j = {
+import { defineComponent as v, computed as s, openBlock as l, createElementBlock as f, createElementVNode as g, normalizeClass as d, createVNode as w, Transition as C, withCtx as h, createBlock as o, createCommentVNode as r, createTextVNode as V, toDisplayString as z } from "vue";
+import p from "./Icon.vue.js";
+import B from "./Label.vue.js";
+import { $t as N } from "../utils/i18n.js";
+const _ = { class: "flex items-center space-x-2" }, j = ["aria-checked", "data-state", "disabled", "id"], I = {
   key: 0,
   class: "flex items-center justify-center text-current w-full h-full"
-}, D = /* @__PURE__ */ y({
+}, L = /* @__PURE__ */ v({
   __name: "CheckBox",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -12,30 +13,31 @@ const B = { class: "flex items-center space-x-2" }, N = ["aria-checked", "data-s
     disabled: { type: Boolean, default: !1 },
     indeterminate: { type: Boolean, default: !1 },
     label: {},
+    labelI18n: {},
     id: {},
     class: { default: "" },
     size: { default: "md" },
     rounded: {}
   },
   emits: ["update:modelValue", "update:checked"],
-  setup(t, { emit: k }) {
-    const e = t, r = k, u = () => {
+  setup(t, { emit: b }) {
+    const e = t, c = b, u = s(() => e.labelI18n ? N(e.labelI18n) : e.label), m = () => {
       if (e.disabled) return;
-      const n = !(e.modelValue || e.checked);
-      r("update:modelValue", n), r("update:checked", n);
-    }, b = {
+      const i = !(e.modelValue || e.checked);
+      c("update:modelValue", i), c("update:checked", i);
+    }, k = {
       xs: "h-3.5 w-3.5",
       sm: "h-4 w-4",
       md: "h-4.5 w-4.5",
       lg: "h-5 w-5",
       xl: "h-5.5 w-5.5"
-    }, s = {
+    }, n = {
       xs: "h-2.5 w-2.5",
       sm: "h-3 w-3",
       md: "h-3.5 w-3.5",
       lg: "h-4 w-4",
       xl: "h-5 w-5"
-    }, p = {
+    }, x = {
       none: "rounded-none",
       xs: "rounded-[3px]",
       sm: "rounded-[4px]",
@@ -44,36 +46,34 @@ const B = { class: "flex items-center space-x-2" }, N = ["aria-checked", "data-s
       xl: "rounded-lg",
       "2xl": "rounded-xl",
       full: "rounded-full"
-    }, x = d(() => [
+    }, y = s(() => [
       "peer shrink-0 border border-primary transition-all duration-200 ease-in-out",
       "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
-      // Kept ring for accessibility visibility on small elements
       "disabled:cursor-not-allowed disabled:opacity-50",
       "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
       "data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground",
       "cursor-pointer bg-transparent",
-      // Default background
-      b[e.size],
-      p[e.rounded || e.size],
+      k[e.size],
+      x[e.rounded || e.size],
       e.class
-    ].join(" ")), a = d(() => e.indeterminate ? "indeterminate" : e.modelValue || e.checked ? "checked" : "unchecked");
-    return d(() => [
+    ].join(" ")), a = s(() => e.indeterminate ? "indeterminate" : e.modelValue || e.checked ? "checked" : "unchecked");
+    return s(() => [
       "transition-transform duration-200",
       a.value === "checked" || a.value === "indeterminate" ? "scale-100" : "scale-0",
-      s[e.size]
-    ].join(" ")), (n, E) => (l(), m("div", B, [
-      v("button", {
+      n[e.size]
+    ].join(" ")), (i, $) => (l(), f("div", _, [
+      g("button", {
         type: "button",
         role: "checkbox",
         "aria-checked": t.indeterminate ? "mixed" : t.modelValue,
         "data-state": a.value,
         disabled: t.disabled,
-        class: i(x.value),
+        class: d(y.value),
         id: t.id,
-        onClick: u
+        onClick: m
       }, [
-        a.value === "checked" || a.value === "indeterminate" ? (l(), m("div", j, [
-          g(w, {
+        a.value === "checked" || a.value === "indeterminate" ? (l(), f("div", I, [
+          w(C, {
             "enter-active-class": "transition duration-200 ease-out",
             "enter-from-class": "scale-50 opacity-0",
             "enter-to-class": "scale-100 opacity-100",
@@ -81,35 +81,35 @@ const B = { class: "flex items-center space-x-2" }, N = ["aria-checked", "data-s
             "leave-from-class": "scale-100 opacity-100",
             "leave-to-class": "scale-50 opacity-0"
           }, {
-            default: f(() => [
-              a.value === "checked" ? (l(), o(h, {
+            default: h(() => [
+              a.value === "checked" ? (l(), o(p, {
                 key: 0,
                 icon: "lucide:check",
-                class: i(s[t.size])
-              }, null, 8, ["class"])) : a.value === "indeterminate" ? (l(), o(h, {
+                class: d(n[t.size])
+              }, null, 8, ["class"])) : a.value === "indeterminate" ? (l(), o(p, {
                 key: 1,
                 icon: "lucide:minus",
-                class: i(s[t.size])
-              }, null, 8, ["class"])) : c("", !0)
+                class: d(n[t.size])
+              }, null, 8, ["class"])) : r("", !0)
             ]),
             _: 1
           })
-        ])) : c("", !0)
-      ], 10, N),
-      t.label ? (l(), o(z, {
+        ])) : r("", !0)
+      ], 10, j),
+      u.value ? (l(), o(B, {
         key: 0,
         for: t.id,
         class: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer",
-        onClick: u
+        onClick: m
       }, {
-        default: f(() => [
-          C(V(t.label), 1)
+        default: h(() => [
+          V(z(u.value), 1)
         ]),
         _: 1
-      }, 8, ["for"])) : c("", !0)
+      }, 8, ["for"])) : r("", !0)
     ]));
   }
 });
 export {
-  D as default
+  L as default
 };

package/components/Chip/Chip.vue.js

@@ -1,13 +1,15 @@
-import { defineComponent as $, computed as s, openBlock as l, createElementBlock as c, normalizeClass as o, renderSlot as u, createBlock as d, createCommentVNode as i, createTextVNode as C, toDisplayString as z, withCtx as B, createVNode as D } from "vue";
-import f from "../Icon.vue.js";
+import { defineComponent as C, computed as s, openBlock as o, createElementBlock as u, normalizeClass as i, renderSlot as d, createBlock as f, createCommentVNode as c, createTextVNode as z, toDisplayString as B, withCtx as D, createVNode as I } from "vue";
+import b from "../Icon.vue.js";
 import S from "../Button.vue.js";
-const N = ["role", "tabindex"], V = {
+import { $t as N } from "../../utils/i18n.js";
+const V = ["role", "tabindex"], j = {
   key: 0,
   class: "truncate"
-}, j = "inline-flex items-center justify-center font-medium rounded-full transition-all duration-200 border box-border whitespace-nowrap focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary", H = /* @__PURE__ */ $({
+}, E = "inline-flex items-center justify-center font-medium rounded-full transition-all duration-200 border box-border whitespace-nowrap focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary", q = /* @__PURE__ */ C({
   __name: "Chip",
   props: {
     text: { default: "" },
+    textI18n: {},
     icon: {},
     variant: { default: "subtle" },
     size: { default: "medium" },
@@ -17,15 +19,15 @@ const N = ["role", "tabindex"], V = {
     class: { default: "" }
   },
   emits: ["click", "delete"],
-  setup(a, { emit: b }) {
-    const t = a, n = b, r = s(() => t.clickable && !t.disabled), g = (e) => {
-      t.disabled || t.clickable && n("click", e);
-    }, v = (e) => {
-      t.disabled || (e.stopPropagation(), n("delete", e));
-    }, m = (e) => {
-      t.disabled || !t.clickable && !t.deletable || ((e.key === "Enter" || e.key === " ") && (e.preventDefault(), t.clickable && n("click", e)), (e.key === "Backspace" || e.key === "Delete") && t.deletable && (e.preventDefault(), n("delete", e)));
-    }, h = s(() => {
-      switch (t.size) {
+  setup(r, { emit: v }) {
+    const e = r, n = v, l = s(() => e.textI18n ? N(e.textI18n) : e.text), a = s(() => e.clickable && !e.disabled), g = (t) => {
+      e.disabled || e.clickable && n("click", t);
+    }, m = (t) => {
+      e.disabled || (t.stopPropagation(), n("delete", t));
+    }, h = (t) => {
+      e.disabled || !e.clickable && !e.deletable || ((t.key === "Enter" || t.key === " ") && (t.preventDefault(), e.clickable && n("click", t)), (t.key === "Backspace" || t.key === "Delete") && e.deletable && (t.preventDefault(), n("delete", t)));
+    }, p = s(() => {
+      switch (e.size) {
         case "small":
           return "h-5 text-[10px] px-1.5 gap-1";
         case "large":
@@ -34,24 +36,22 @@ const N = ["role", "tabindex"], V = {
           return "h-6 text-xs px-2.5 gap-1.5";
       }
     }), x = s(() => {
-      if (t.disabled)
+      if (e.disabled)
         return "bg-muted text-muted-foreground border-transparent opacity-50 cursor-not-allowed";
-      const e = r.value ? "cursor-pointer hover:shadow-sm active:scale-[0.98]" : "cursor-default";
+      const t = a.value ? "cursor-pointer hover:shadow-sm active:scale-[0.98]" : "cursor-default";
       return `${{
-        solid: `bg-primary text-primary-fg border-transparent ${r.value ? "hover:bg-primary/90" : ""}`,
-        outline: `bg-transparent border-input text-foreground ${r.value ? "hover:bg-accent hover:text-accent-foreground" : ""}`,
-        ghost: `bg-transparent border-transparent text-muted-foreground ${r.value ? "hover:bg-accent hover:text-accent-foreground" : ""}`,
-        subtle: `bg-accent/50 text-foreground border-transparent ${r.value ? "hover:bg-accent" : ""}`,
-        // Default neutral
-        // Semantic Variants
-        secondary: `bg-secondary text-secondary-foreground border-transparent ${r.value ? "hover:bg-secondary/80" : ""}`,
-        success: `bg-success text-success-fg border-transparent ${r.value ? "hover:bg-success/80" : ""}`,
-        warning: `bg-warning text-warning-fg border-transparent ${r.value ? "hover:bg-warning/80" : ""}`,
-        danger: `bg-destructive text-destructive-foreground border-transparent ${r.value ? "hover:bg-destructive/90" : ""}`,
-        info: `bg-info text-info-fg border-transparent ${r.value ? "hover:bg-info/80" : ""}`
-      }[t.variant]} ${e}`;
-    }), p = s(() => [j, h.value, x.value, t.class].join(" ")), k = s(() => {
-      switch (t.size) {
+        solid: `bg-primary text-primary-fg border-transparent ${a.value ? "hover:bg-primary/90" : ""}`,
+        outline: `bg-transparent border-input text-foreground ${a.value ? "hover:bg-accent hover:text-accent-foreground" : ""}`,
+        ghost: `bg-transparent border-transparent text-muted-foreground ${a.value ? "hover:bg-accent hover:text-accent-foreground" : ""}`,
+        subtle: `bg-accent/50 text-foreground border-transparent ${a.value ? "hover:bg-accent" : ""}`,
+        secondary: `bg-secondary text-secondary-foreground border-transparent ${a.value ? "hover:bg-secondary/80" : ""}`,
+        success: `bg-success text-success-fg border-transparent ${a.value ? "hover:bg-success/80" : ""}`,
+        warning: `bg-warning text-warning-fg border-transparent ${a.value ? "hover:bg-warning/80" : ""}`,
+        danger: `bg-destructive text-destructive-foreground border-transparent ${a.value ? "hover:bg-destructive/90" : ""}`,
+        info: `bg-info text-info-fg border-transparent ${a.value ? "hover:bg-info/80" : ""}`
+      }[e.variant]} ${t}`;
+    }), k = s(() => [E, p.value, x.value, e.class].join(" ")), y = s(() => {
+      switch (e.size) {
         case "small":
           return "h-3 w-3";
         case "large":
@@ -59,8 +59,8 @@ const N = ["role", "tabindex"], V = {
         default:
           return "h-3.5 w-3.5";
       }
-    }), y = s(() => {
-      switch (t.size) {
+    }), w = s(() => {
+      switch (e.size) {
         case "small":
           return "h-2.5 w-2.5";
         case "large":
@@ -69,45 +69,45 @@ const N = ["role", "tabindex"], V = {
           return "h-3 w-3";
       }
     });
-    return (e, w) => (l(), c("div", {
-      class: o(p.value),
-      role: a.clickable ? "button" : "status",
-      tabindex: r.value || a.deletable ? 0 : void 0,
+    return (t, $) => (o(), u("div", {
+      class: i(k.value),
+      role: r.clickable ? "button" : "status",
+      tabindex: a.value || r.deletable ? 0 : void 0,
       onClick: g,
-      onKeydown: m
+      onKeydown: h
     }, [
-      u(e.$slots, "icon", {}, () => [
-        a.icon ? (l(), d(f, {
+      d(t.$slots, "icon", {}, () => [
+        r.icon ? (o(), f(b, {
           key: 0,
-          icon: a.icon,
-          class: o([k.value, "shrink-0", a.text ? "-ml-0.5" : ""])
-        }, null, 8, ["icon", "class"])) : i("", !0)
+          icon: r.icon,
+          class: i([y.value, "shrink-0", l.value ? "-ml-0.5" : ""])
+        }, null, 8, ["icon", "class"])) : c("", !0)
       ]),
-      a.text || e.$slots.default ? (l(), c("span", V, [
-        u(e.$slots, "default", {}, () => [
-          C(z(a.text), 1)
+      l.value || t.$slots.default ? (o(), u("span", j, [
+        d(t.$slots, "default", {}, () => [
+          z(B(l.value), 1)
         ])
-      ])) : i("", !0),
-      a.deletable ? (l(), d(S, {
+      ])) : c("", !0),
+      r.deletable ? (o(), f(S, {
         key: 1,
         variant: "ghost",
         size: "xs",
         rounded: "full",
-        disabled: a.disabled,
-        class: o(["ml-auto p-0.5! h-auto! w-auto! hover:bg-[#8282823c]", [a.text ? a.size === "small" ? "-mr-0.5" : "-mr-1" : ""]]),
-        onClick: v
+        disabled: r.disabled,
+        class: i(["ml-auto p-0.5! h-auto! w-auto! hover:bg-[#8282823c]", [l.value ? r.size === "small" ? "-mr-0.5" : "-mr-1" : ""]]),
+        onClick: m
       }, {
-        default: B(() => [
-          D(f, {
+        default: D(() => [
+          I(b, {
             icon: "lucide:x",
-            class: o(y.value)
+            class: i(w.value)
           }, null, 8, ["class"])
         ]),
         _: 1
-      }, 8, ["disabled", "class"])) : i("", !0)
-    ], 42, N));
+      }, 8, ["disabled", "class"])) : c("", !0)
+    ], 42, V));
   }
 });
 export {
-  H as default
+  q as default
 };

package/components/Chip/types.d.ts

@@ -2,6 +2,7 @@ export type ChipVariant = 'solid' | 'outline' | 'subtle' | 'ghost' | 'secondary'
 export type ChipSize = 'small' | 'medium' | 'large';
 export interface ChipProps {
     text?: string;
+    textI18n?: string;
     icon?: string;
     variant?: ChipVariant;
     size?: ChipSize;

package/components/ChoiceBox/ChoiceBox.vue.d.ts

@@ -1,17 +1,22 @@
 export interface ChoiceBoxOption {
     id: string | number;
     title: string;
+    titleI18n?: string;
     description?: string;
+    descriptionI18n?: string;
     icon?: string;
     disabled?: boolean;
     badge?: string;
+    badgeI18n?: string;
 }
 interface Props {
     modelValue?: string | number | (string | number)[] | null;
     options: ChoiceBoxOption[];
     multiple?: boolean;
     title?: string;
+    titleI18n?: string;
     description?: string;
+    descriptionI18n?: string;
     disabled?: boolean;
     grid?: number;
     gap?: number;

package/components/ChoiceBox/ChoiceBox.vue.js

@@ -1,48 +1,51 @@
-import { defineComponent as w, computed as x, openBlock as t, createElementBlock as i, toDisplayString as o, createCommentVNode as a, createElementVNode as c, normalizeClass as u, Fragment as V, renderList as _, withKeys as C, withModifiers as B, createVNode as A, createBlock as y } from "vue";
-import m from "../Icon.vue.js";
-const K = { class: "w-full" }, N = {
+import { defineComponent as O, computed as m, openBlock as r, createElementBlock as i, toDisplayString as c, createCommentVNode as n, createElementVNode as a, normalizeClass as o, Fragment as A, renderList as $, withKeys as D, withModifiers as K, createVNode as N, createBlock as v } from "vue";
+import y from "../Icon.vue.js";
+import { $t as u } from "../../utils/i18n.js";
+const E = { class: "w-full" }, S = {
   key: 0,
   class: "mb-4"
-}, $ = {
+}, T = {
   key: 0,
   class: "text-base font-semibold text-foreground"
-}, E = {
+}, j = {
   key: 1,
   class: "text-sm text-muted-foreground mt-1"
-}, O = ["onClick", "onKeydown"], S = { class: "flex flex-1 gap-3" }, j = {
+}, q = ["onClick", "onKeydown"], z = { class: "flex flex-1 gap-3" }, F = {
   key: 0,
   class: "shrink-0 pt-0.5"
-}, q = { class: "flex flex-col" }, z = { class: "flex items-center gap-2" }, D = {
+}, L = { class: "flex flex-col" }, M = { class: "flex items-center gap-2" }, G = {
   key: 0,
   class: "mt-1 -text-fs-3 text-muted leading-relaxed"
-}, F = {
+}, H = {
   key: 0,
   class: "absolute top-4 right-4 text-primary"
-}, G = /* @__PURE__ */ w({
+}, R = /* @__PURE__ */ O({
   __name: "ChoiceBox",
   props: {
     modelValue: { default: void 0 },
     options: {},
     multiple: { type: Boolean, default: !1 },
     title: {},
+    titleI18n: {},
     description: {},
+    descriptionI18n: {},
     disabled: { type: Boolean, default: !1 },
     grid: { default: 1 },
     gap: { default: 4 }
   },
   emits: ["update:modelValue", "change"],
-  setup(s, { emit: h }) {
-    const r = s, g = h, n = (l) => Array.isArray(r.modelValue) ? r.modelValue.includes(l) : r.modelValue === l, f = (l) => {
-      if (r.disabled || r.options.find((d) => d.id === l)?.disabled) return;
+  setup(g, { emit: _ }) {
+    const s = g, x = _, f = m(() => s.titleI18n ? u(s.titleI18n) : s.title), p = m(() => s.descriptionI18n ? u(s.descriptionI18n) : s.description), k = (t) => t.titleI18n ? u(t.titleI18n) : t.title, I = (t) => t.descriptionI18n ? u(t.descriptionI18n) : t.description, w = (t) => t.badgeI18n ? u(t.badgeI18n) : t.badge, d = (t) => Array.isArray(s.modelValue) ? s.modelValue.includes(t) : s.modelValue === t, b = (t) => {
+      if (s.disabled || s.options.find((l) => l.id === t)?.disabled) return;
       let e;
-      if (r.multiple) {
-        const d = Array.isArray(r.modelValue) ? [...r.modelValue] : [], p = d.indexOf(l);
-        p === -1 ? d.push(l) : d.splice(p, 1), e = d;
+      if (s.multiple) {
+        const l = Array.isArray(s.modelValue) ? [...s.modelValue] : [], h = l.indexOf(t);
+        h === -1 ? l.push(t) : l.splice(h, 1), e = l;
       } else
-        e = l;
-      g("update:modelValue", e), g("change", e);
-    }, b = x(() => {
-      switch (r.grid) {
+        e = t;
+      x("update:modelValue", e), x("change", e);
+    }, V = m(() => {
+      switch (s.grid) {
         case 1:
           return "grid-cols-1";
         case 2:
@@ -54,8 +57,8 @@ const K = { class: "w-full" }, N = {
         default:
           return "grid-cols-1";
       }
-    }), v = x(() => {
-      switch (r.gap) {
+    }), C = m(() => {
+      switch (s.gap) {
         case 2:
           return "gap-2";
         case 3:
@@ -70,72 +73,72 @@ const K = { class: "w-full" }, N = {
           return "gap-4";
       }
     });
-    return (l, k) => (t(), i("div", K, [
-      s.title || s.description ? (t(), i("div", N, [
-        s.title ? (t(), i("h3", $, o(s.title), 1)) : a("", !0),
-        s.description ? (t(), i("p", E, o(s.description), 1)) : a("", !0)
-      ])) : a("", !0),
-      c("div", {
-        class: u(["grid", [b.value, v.value]])
+    return (t, B) => (r(), i("div", E, [
+      f.value || p.value ? (r(), i("div", S, [
+        f.value ? (r(), i("h3", T, c(f.value), 1)) : n("", !0),
+        p.value ? (r(), i("p", j, c(p.value), 1)) : n("", !0)
+      ])) : n("", !0),
+      a("div", {
+        class: o(["grid", [V.value, C.value]])
       }, [
-        (t(!0), i(V, null, _(s.options, (e) => (t(), i("div", {
+        (r(!0), i(A, null, $(g.options, (e) => (r(), i("div", {
           key: e.id,
-          class: u(["relative flex cursor-pointer rounded-xl border border-border p-4 transition-all duration-200 outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2", [
-            n(e.id) ? "border-primary bg-accent" : "bg-card hover:border-primary/50 hover:bg-accent",
-            s.disabled || e.disabled ? "opacity-50 cursor-not-allowed grayscale" : ""
+          class: o(["relative flex cursor-pointer rounded-xl border border-border p-4 transition-all duration-200 outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2", [
+            d(e.id) ? "border-primary bg-accent" : "bg-card hover:border-primary/50 hover:bg-accent",
+            g.disabled || e.disabled ? "opacity-50 cursor-not-allowed grayscale" : ""
           ]]),
-          onClick: (d) => f(e.id),
+          onClick: (l) => b(e.id),
           tabindex: "0",
-          onKeydown: C(B((d) => f(e.id), ["prevent"]), ["enter", "space"])
+          onKeydown: D(K((l) => b(e.id), ["prevent"]), ["enter", "space"])
         }, [
-          c("div", S, [
-            e.icon ? (t(), i("div", j, [
-              c("div", {
-                class: u([
+          a("div", z, [
+            e.icon ? (r(), i("div", F, [
+              a("div", {
+                class: o([
                   "flex h-10 w-10 items-center justify-center rounded-full transition-colors",
-                  n(e.id) ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground"
+                  d(e.id) ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground"
                 ])
               }, [
-                A(m, {
+                N(y, {
                   icon: e.icon,
                   class: "h-5 w-5"
                 }, null, 8, ["icon"])
               ], 2)
-            ])) : a("", !0),
-            c("div", q, [
-              c("div", z, [
-                c("span", {
-                  class: u(["font-semibold text-foreground text-fs-1", {
-                    "text-primary": n(e.id)
+            ])) : n("", !0),
+            a("div", L, [
+              a("div", M, [
+                a("span", {
+                  class: o(["font-semibold text-foreground text-fs-1", {
+                    "text-primary": d(e.id)
                   }])
-                }, o(e.title), 3),
-                e.badge ? (t(), i("span", {
+                }, c(k(e)), 3),
+                e.badge || e.badgeI18n ? (r(), i("span", {
                   key: 0,
-                  class: u([
+                  class: o([
                     "inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium",
-                    n(e.id) ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"
+                    d(e.id) ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"
                   ])
-                }, o(e.badge), 3)) : a("", !0)
+                }, c(w(e)), 3)) : n("", !0)
               ]),
-              e.description ? (t(), i("span", D, o(e.description), 1)) : a("", !0)
+              e.description || e.descriptionI18n ? (r(), i("span", G, c(I(e)), 1)) : n("", !0)
             ])
           ]),
-          n(e.id) ? (t(), i("div", F, [
-            s.multiple ? (t(), y(m, {
+          d(e.id) ? (r(), i("div", H, [
+            g.multiple ? (r(), v(y, {
               key: 0,
               icon: "lucide:check-square",
               class: "h-5 w-5"
-            })) : (t(), y(m, {
+            })) : (r(), v(y, {
               key: 1,
               icon: "lucide:check-circle-2",
               class: "h-5 w-5"
             }))
-          ])) : a("", !0)
-        ], 42, O))), 128))
+          ])) : n("", !0)
+        ], 42, q))), 128))
       ], 2)
     ]));
   }
 });
 export {
-  G as default
+  R as default
 };

package/components/ColorPicker/ColorPicker.vue.js

@@ -2,6 +2,7 @@ import { defineComponent as z, ref as p, watch as i, openBlock as a, createBlock
 import B from "../Dropdown/Dropdown.vue.js";
 import "@iconify/vue";
 import O from "../Input.vue.js";
+import "../../core/config.js";
 import y from "../Button.vue.js";
 import E from "./ColorIro.vue.js";
 /* empty css              */
@@ -12,7 +13,7 @@ const I = {
 }, N = {
   key: 0,
   class: "flex items-center gap-1.5 w-full"
-}, D = { class: "w-32" }, q = /* @__PURE__ */ z({
+}, D = { class: "w-32" }, J = /* @__PURE__ */ z({
   __name: "ColorPicker",
   props: {
     modelValue: { default: "#000000" },
@@ -107,5 +108,5 @@ const I = {
   }
 });
 export {
-  q as default
+  J as default
 };

package/components/ConfirmationModal.vue.d.ts

@@ -1,10 +1,14 @@
 interface Props {
     show?: boolean;
     title: string;
+    titleI18n?: string;
     description: string;
+    descriptionI18n?: string;
     loading?: boolean;
     confirmText?: string;
+    confirmTextI18n?: string;
     cancelText?: string;
+    cancelTextI18n?: string;
     variant?: 'danger' | 'primary' | 'warning' | 'success' | 'info';
 }
 declare function __VLS_template(): {
@@ -27,8 +31,6 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     variant: "danger" | "primary" | "warning" | "success" | "info";
     loading: boolean;
     show: boolean;
-    confirmText: string;
-    cancelText: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;