vlite3 0.4.4 → 0.4.7

package/components/Kanban/KanbanBoard.vue2.js

@@ -1,14 +1,15 @@
-import { defineComponent as B, ref as K, watch as U, onMounted as E, openBlock as r, createElementBlock as d, normalizeClass as u, createElementVNode as n, renderSlot as m, unref as t, toDisplayString as f, Fragment as g, renderList as b, createVNode as h, withCtx as L, createCommentVNode as M } from "vue";
-import { VueDraggable as V } from "vue-draggable-plus";
-import j from "../Spinner/Spinner.vue.js";
-import { useKanbanBoard as z } from "./useKanbanBoard.js";
-const F = { class: "flex items-center justify-between font-semibold text-foreground" }, H = {
+import { defineComponent as K, ref as U, watch as E, onMounted as L, computed as M, openBlock as r, createElementBlock as d, normalizeClass as u, createElementVNode as n, renderSlot as m, unref as t, toDisplayString as f, Fragment as g, renderList as b, createVNode as h, withCtx as V, createCommentVNode as j } from "vue";
+import { VueDraggable as z } from "vue-draggable-plus";
+import F from "../Spinner/Spinner.vue.js";
+import { useKanbanBoard as H } from "./useKanbanBoard.js";
+import { $t as J } from "../../utils/i18n.js";
+const O = { class: "flex items-center justify-between font-semibold text-foreground" }, T = {
   key: 0,
   class: "flex-1 flex flex-col gap-3 min-h-[50px] py-1"
-}, J = { class: "bg-body p-3 rounded-md shadow-sm border border-border text-sm" }, O = {
+}, A = { class: "bg-body p-3 rounded-md shadow-sm border border-border text-sm" }, R = {
   key: 0,
   class: "py-4 flex justify-center shrink-0"
-}, G = /* @__PURE__ */ B({
+}, X = /* @__PURE__ */ K({
   __name: "KanbanBoard",
   props: {
     column: {},
@@ -23,112 +24,112 @@ const F = { class: "flex items-center justify-between font-semibold text-foregro
     ghostClass: {}
   },
   emits: ["change", "update:columnData"],
-  setup(o, { emit: v }) {
-    const l = o, i = v, p = K(null), { items: a, isInitialLoading: y, isLoadingMore: x, pageInfo: C, loadInitial: k, loadMore: D } = z(
-      l.column.id,
-      l.loadData,
-      l.columnData
-    ), w = (e) => {
-      a.value = e, i("update:columnData", e);
+  setup(l, { emit: p }) {
+    const o = l, c = p, v = U(null), { items: a, isInitialLoading: y, isLoadingMore: x, pageInfo: C, loadInitial: k, loadMore: D } = H(
+      o.column.id,
+      o.loadData,
+      o.columnData
+    ), I = (e) => {
+      a.value = e, c("update:columnData", e);
     };
-    U(
-      () => l.columnData,
+    E(
+      () => o.columnData,
       (e) => {
         e && JSON.stringify(e) !== JSON.stringify(a.value) && (a.value = [...e]);
       },
       { deep: !0 }
-    ), E(() => {
-      l.loadData && (!l.columnData || l.columnData.length === 0) && k();
+    ), L(() => {
+      o.loadData && (!o.columnData || o.columnData.length === 0) && k();
     });
-    const I = (e) => {
-      const c = e.target;
-      c.scrollTop + c.clientHeight >= c.scrollHeight - 50 && D();
+    const w = (e) => {
+      const i = e.target;
+      i.scrollTop + i.clientHeight >= i.scrollHeight - 50 && D();
     }, S = (e) => {
-      i("change", { type: "add", event: e, columnId: l.column.id });
-    }, N = (e) => {
-      i("change", { type: "remove", event: e, columnId: l.column.id });
+      c("change", { type: "add", event: e, columnId: o.column.id });
     }, $ = (e) => {
-      i("change", { type: "update", event: e, columnId: l.column.id });
-    };
-    return (e, c) => (r(), d("div", {
+      c("change", { type: "remove", event: e, columnId: o.column.id });
+    }, N = (e) => {
+      c("change", { type: "update", event: e, columnId: o.column.id });
+    }, B = M(() => o.column.titleI18n ? J(o.column.titleI18n) : o.column.title);
+    return (e, i) => (r(), d("div", {
       class: u([
         "flex flex-col bg-card rounded-lg overflow-hidden shrink-0 border border-border/60",
-        o.boardClass || "w-80"
+        l.boardClass || "w-80"
       ])
     }, [
       n("div", {
-        class: u(["p-3 border-b border-border/80 ", o.headerClass])
+        class: u(["p-3 border-b border-border/80 ", l.headerClass])
       }, [
         m(e.$slots, "header", {
-          column: o.column,
+          column: l.column,
           pageInfo: t(C)
         }, () => [
-          n("div", F, [
-            n("span", null, f(o.column.title), 1)
+          n("div", O, [
+            n("span", null, f(B.value), 1)
           ])
         ], !0)
       ], 2),
       n("div", {
         ref_key: "scrollContainer",
-        ref: p,
-        class: u(["flex-1 flex flex-col overflow-y-auto p-3  custom-scrollbar", o.bodyClass]),
-        onScroll: I
+        ref: v,
+        class: u(["flex-1 flex flex-col overflow-y-auto p-3  custom-scrollbar", l.bodyClass]),
+        onScroll: w
       }, [
-        t(y) && t(a).length === 0 ? (r(), d("div", H, [
+        t(y) && t(a).length === 0 ? (r(), d("div", T, [
           (r(), d(g, null, b(3, (s) => n("div", {
             key: "skeleton-" + s,
             class: "bg-body p-3 rounded-md shadow-sm border border-border animate-pulse flex flex-col gap-3"
-          }, [...c[0] || (c[0] = [
+          }, [...i[0] || (i[0] = [
             n("div", { class: "h-4 bg-muted/60 rounded w-2/3" }, null, -1),
             n("div", { class: "h-3 bg-muted/60 rounded w-1/3" }, null, -1)
           ])])), 64))
         ])) : (r(), d(g, { key: 1 }, [
           m(e.$slots, "prepend-item", {
-            column: o.column,
+            column: l.column,
             items: t(a)
           }, void 0, !0),
-          h(t(V), {
+          h(t(z), {
             "model-value": t(a),
-            "onUpdate:modelValue": w,
-            group: o.group,
+            "onUpdate:modelValue": I,
+            group: l.group,
             animation: 150,
-            ghostClass: o.ghostClass || "kanban-ghost",
-            class: u(["flex-1 flex flex-col  gap-2 min-h-[50px] py-1", o.draggableClass]),
+            ghostClass: l.ghostClass || "kanban-ghost",
+            class: u(["flex-1 flex flex-col  gap-2 min-h-[50px] py-1", l.draggableClass]),
             onAdd: S,
-            onRemove: N,
-            onUpdate: $
+            onRemove: $,
+            onUpdate: N
           }, {
-            default: L(() => [
+            default: V(() => [
               (r(!0), d(g, null, b(t(a), (s) => (r(), d("div", {
-                key: s[o.itemKey || "id"],
+                key: s[l.itemKey || "id"],
                 class: "cursor-grab active:cursor-grabbing"
               }, [
                 m(e.$slots, "item", {
                   item: s,
-                  column: o.column
+                  column: l.column
                 }, () => [
-                  n("div", J, f(s.title || s.name || s.id), 1)
+                  n("div", A, f(s.title || s.name || s.id), 1)
                 ], !0)
               ]))), 128))
             ]),
             _: 3
           }, 8, ["model-value", "group", "ghostClass", "class"]),
           m(e.$slots, "append-item", {
-            column: o.column,
+            column: l.column,
             items: t(a)
           }, void 0, !0),
-          t(x) ? (r(), d("div", O, [
-            h(j, {
+          t(x) ? (r(), d("div", R, [
+            h(F, {
               size: "sm",
               variant: "dots",
               color: "primary"
             })
-          ])) : M("", !0)
+          ])) : j("", !0)
         ], 64))
       ], 34)
     ], 2));
   }
 });
 export {
-  G as default
+  X as default
 };

package/components/Kanban/types.d.ts

@@ -10,6 +10,7 @@ export interface KanbanLoadDataResult<T = any> {
 export interface KanbanColumn {
     id: string | number;
     title: string;
+    titleI18n?: string;
     [key: string]: any;
 }
 export interface KanbanChangeEvent {

package/components/Masonry/Masonry.vue2.js

@@ -1,7 +1,8 @@
 import { defineComponent as B, ref as d, computed as m, onMounted as K, onUnmounted as O, openBlock as u, createBlock as w, resolveDynamicComponent as z, normalizeStyle as v, withCtx as C, createElementBlock as c, Fragment as p, renderList as y, renderSlot as S } from "vue";
 import { MASONRY_BREAKPOINTS as x } from "./types.js";
 import { debounce as A } from "../../utils/functions.js";
-const j = /* @__PURE__ */ B({
+import "../../core/config.js";
+const k = /* @__PURE__ */ B({
   __name: "Masonry",
   props: {
     data: {},
@@ -79,5 +80,5 @@ const j = /* @__PURE__ */ B({
   }
 });
 export {
-  j as default
+  k as default
 };

package/components/Modal.vue.d.ts

@@ -2,10 +2,12 @@ import { Component } from 'vue';
 interface Props {
     show?: boolean;
     title?: string;
+    titleI18n?: string;
     maxWidth?: string;
     closeOutside?: boolean;
     backdrop?: boolean;
     description?: string;
+    descriptionI18n?: string;
     triggerClass?: string;
     bodyClass?: string;
     headerClass?: string;

package/components/Modal.vue.js

@@ -1,22 +1,25 @@
-import { defineComponent as w, ref as $, watch as m, provide as B, onUnmounted as O, openBlock as s, createElementBlock as a, Fragment as S, createElementVNode as r, mergeProps as y, withModifiers as b, renderSlot as i, createCommentVNode as n, createBlock as h, Teleport as z, createVNode as v, Transition as E, withCtx as N, normalizeClass as d, toDisplayString as p, resolveDynamicComponent as P } from "vue";
-import V from "./Button.vue.js";
-import { useKeyStroke as j } from "../composables/useKeyStroke.js";
-const D = {
+import { defineComponent as O, ref as S, watch as b, provide as z, onUnmounted as D, computed as p, openBlock as l, createElementBlock as a, Fragment as E, createElementVNode as n, mergeProps as v, withModifiers as h, renderSlot as c, createCommentVNode as i, createBlock as g, Teleport as N, createVNode as x, Transition as P, withCtx as T, normalizeClass as d, toDisplayString as k, resolveDynamicComponent as V } from "vue";
+import j from "./Button.vue.js";
+import { useKeyStroke as K } from "../composables/useKeyStroke.js";
+import { $t as C } from "../utils/i18n.js";
+const M = {
   key: 0,
   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 = {
+}, W = { class: "text-lg font-semibold leading-none tracking-tight" }, A = {
   key: 0,
   class: "text-sm text-muted-foreground mb-6.5"
-}, F = /* @__PURE__ */ w({
+}, H = /* @__PURE__ */ O({
   inheritAttrs: !1,
   __name: "Modal",
   props: {
     show: { type: Boolean, default: !1 },
     title: {},
+    titleI18n: {},
     maxWidth: { default: "sm:max-w-lg" },
     closeOutside: { type: Boolean, default: !0 },
     backdrop: { type: Boolean, default: !0 },
     description: {},
+    descriptionI18n: {},
     triggerClass: {},
     bodyClass: {},
     headerClass: {},
@@ -25,38 +28,40 @@ const D = {
     bodyProps: {}
   },
   emits: ["close", "update:show", "onOpen"],
-  setup(e, { emit: g }) {
-    const c = e, f = g, l = $(c.show);
-    m(
-      () => c.show,
-      (t) => {
-        l.value = t, t && f("onOpen");
+  setup(t, { emit: w }) {
+    const o = t, u = w, r = S(o.show);
+    b(
+      () => o.show,
+      (e) => {
+        r.value = e, e && u("onOpen");
       }
     );
-    const x = () => {
-      l.value = !0;
-    }, o = () => {
-      l.value = !1, f("update:show", !1), f("close");
+    const $ = () => {
+      r.value = !0;
+    }, s = () => {
+      r.value = !1, u("update:show", !1), u("close");
     };
-    B("modal-context", { close: o });
-    const k = () => {
-      c.closeOutside && o();
-    }, { onKeyStroke: C } = j();
-    return C("Escape", o), m(l, (t) => {
-      t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
-    }), O(() => {
+    z("modal-context", { close: s });
+    const B = () => {
+      o.closeOutside && s();
+    }, { onKeyStroke: I } = K();
+    I("Escape", s), b(r, (e) => {
+      e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
+    }), D(() => {
       document.body.style.overflow = "";
-    }), (t, u) => (s(), a(S, null, [
-      r("span", y({
-        onClick: b(x, ["stop"]),
-        class: `${e.triggerClass}`
-      }, t.$attrs), [
-        i(t.$slots, "trigger", {}, () => [
-          e.body ? i(t.$slots, "default", { key: 0 }) : n("", !0)
+    });
+    const f = p(() => o.titleI18n ? C(o.titleI18n) : o.title), m = p(() => o.descriptionI18n ? C(o.descriptionI18n) : o.description);
+    return (e, y) => (l(), a(E, null, [
+      n("span", v({
+        onClick: h($, ["stop"]),
+        class: `${t.triggerClass}`
+      }, e.$attrs), [
+        c(e.$slots, "trigger", {}, () => [
+          t.body ? c(e.$slots, "default", { key: 0 }) : i("", !0)
         ])
       ], 16),
-      (s(), h(z, { to: "body" }, [
-        v(E, {
+      (l(), g(N, { to: "body" }, [
+        x(P, {
           "enter-active-class": "transition duration-200 ease-out",
           "enter-from-class": "opacity-0",
           "enter-to-class": "opacity-100",
@@ -64,49 +69,49 @@ const D = {
           "leave-from-class": "opacity-100",
           "leave-to-class": "opacity-0"
         }, {
-          default: N(() => [
-            l.value ? (s(), a("div", {
+          default: T(() => [
+            r.value ? (l(), a("div", {
               key: 0,
-              class: d(["fixed inset-0 z-50 flex items-center justify-center bg-[#00000051] p-4", e.backdrop && "backdrop-blur-[2px]"]),
-              onClick: k
+              class: d(["fixed inset-0 z-50 flex items-center justify-center bg-[#00000051] p-4", t.backdrop && "backdrop-blur-[2px]"]),
+              onClick: B
             }, [
-              r("div", {
-                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(() => {
+              n("div", {
+                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]", [t.maxWidth]]),
+                onClick: y[0] || (y[0] = h(() => {
                 }, ["stop"]))
               }, [
-                e.title ? (s(), a("div", D, [
-                  r("div", {
-                    class: d(["flex items-center justify-between py-2 px-4 rounded-t-md", e.headerClass])
+                f.value ? (l(), a("div", M, [
+                  n("div", {
+                    class: d(["flex items-center justify-between py-2 px-4 rounded-t-md", t.headerClass])
                   }, [
-                    r("h3", K, p(e.title), 1),
-                    v(V, {
+                    n("h3", W, k(f.value), 1),
+                    x(j, {
                       rounded: "full",
                       size: "sm",
                       icon: "lucide:x",
                       variant: "ghost",
                       class: "hover:bg-gray-250/25!",
-                      onClick: o
+                      onClick: s
                     })
                   ], 2)
-                ])) : n("", !0),
-                r("div", {
-                  class: d(["flex-1 overflow-y-auto px-4 pt-4 pb-3.5 min-h-0", e.bodyClass])
+                ])) : i("", !0),
+                n("div", {
+                  class: d(["flex-1 overflow-y-auto px-4 pt-4 pb-3.5 min-h-0", t.bodyClass])
                 }, [
-                  e.description ? (s(), a("p", M, p(e.description), 1)) : n("", !0),
-                  e.body ? (s(), h(P(e.body), y({ key: 1 }, { ...e.bodyProps, ...t.$attrs }, { close: o }), null, 16)) : i(t.$slots, "default", {
+                  m.value ? (l(), a("p", A, k(m.value), 1)) : i("", !0),
+                  t.body ? (l(), g(V(t.body), v({ key: 1 }, { ...t.bodyProps, ...e.$attrs }, { close: s }), null, 16)) : c(e.$slots, "default", {
                     key: 2,
-                    close: o
+                    close: s
                   })
                 ], 2),
-                t.$slots.footer ? (s(), a("div", {
+                e.$slots.footer ? (l(), a("div", {
                   key: 1,
-                  class: d([e.footerClass, "flex-none flex items-center px-4 py-3 border-t border-border/75 rounded-b-xl bg"])
+                  class: d([t.footerClass, "flex-none flex items-center px-4 py-3 border-t border-border/75 rounded-b-xl bg-body"])
                 }, [
-                  i(t.$slots, "footer", { close: o })
-                ], 2)) : n("", !0)
+                  c(e.$slots, "footer", { close: s })
+                ], 2)) : i("", !0)
               ], 2)
-            ], 2)) : n("", !0)
+            ], 2)) : i("", !0)
           ]),
           _: 3
         })
@@ -115,5 +120,5 @@ const D = {
   }
 });
 export {
-  F as default
+  H as default
 };

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

@@ -3,6 +3,7 @@ interface Props {
     modelValue?: any[];
     options?: IDropdownOptions;
     placeholder?: string;
+    placeholderI18n?: string;
     disabled?: boolean;
     searchable?: boolean;
     variant?: 'default' | 'outline' | 'solid';
@@ -26,7 +27,6 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
 }>, {
     disabled: boolean;
     size: "sm" | "md" | "lg";
-    placeholder: string;
     variant: "default" | "outline" | "solid";
     modelValue: any[];
     loading: boolean;

package/components/MultiSelect/MultiSelect.vue.js

@@ -1,17 +1,19 @@
-import { defineComponent as z, ref as j, computed as i, openBlock as n, createBlock as m, unref as y, withCtx as f, createVNode as v, createElementVNode as d, normalizeClass as V, createElementBlock as p, toDisplayString as b, Fragment as w, renderList as E, withModifiers as k, createCommentVNode as g, createTextVNode as L } from "vue";
-import h from "../Icon.vue.js";
-import A from "../Dropdown/Dropdown.vue.js";
-import D from "../Dropdown/DropdownMenu.vue.js";
-import C from "../Badge.vue.js";
-const F = { class: "flex flex-wrap gap-1.5 items-center flex-1 min-w-0 py-0.5" }, T = {
+import { defineComponent as j, ref as E, computed as i, openBlock as s, createBlock as m, unref as v, withCtx as f, createVNode as h, createElementVNode as d, normalizeClass as w, createElementBlock as p, toDisplayString as b, Fragment as k, renderList as L, withModifiers as C, createCommentVNode as g, createTextVNode as A } from "vue";
+import x from "../Icon.vue.js";
+import D from "../Dropdown/Dropdown.vue.js";
+import F from "../Dropdown/DropdownMenu.vue.js";
+import { $t as y } from "../../utils/i18n.js";
+import $ from "../Badge.vue.js";
+const P = { class: "flex flex-wrap gap-1.5 items-center flex-1 min-w-0 py-0.5" }, T = {
   key: 0,
   class: "text-muted-foreground pl-1"
-}, U = { class: "truncate" }, q = ["onClick"], G = { class: "flex items-center gap-2 pl-2 shrink-0 text-muted-foreground" }, R = /* @__PURE__ */ z({
+}, U = { class: "truncate" }, q = ["onClick"], G = { class: "flex items-center gap-2 pl-2 shrink-0 text-muted-foreground" }, Y = /* @__PURE__ */ j({
   __name: "MultiSelect",
   props: {
     modelValue: { default: () => [] },
     options: { default: () => [] },
-    placeholder: { default: "Select items..." },
+    placeholder: {},
+    placeholderI18n: {},
     disabled: { type: Boolean, default: !1 },
     searchable: { type: Boolean, default: !0 },
     variant: { default: "outline" },
@@ -23,51 +25,56 @@ const F = { class: "flex flex-wrap gap-1.5 items-center flex-1 min-w-0 py-0.5" }
     layout: { default: "default" }
   },
   emits: ["update:modelValue", "change", "load-more", "search"],
-  setup(l, { emit: $ }) {
-    const o = l, s = $, u = j(!1), c = i(() => o.options.filter((a) => {
+  setup(o, { emit: S }) {
+    const t = o, r = S, u = E(!1), B = i(() => {
+      if (t.placeholderI18n) return y(t.placeholderI18n);
+      if (t.placeholder) return t.placeholder;
+      const a = y("vlite.multiSelect.placeholder");
+      return a !== "vlite.multiSelect.placeholder" ? a : "Select items...";
+    }), c = i(() => t.options.filter((a) => {
       const e = a.value ?? a.label;
-      return o.modelValue.includes(e);
-    })), B = i(() => c.value.slice(0, o.maxVisible)), x = i(() => c.value.length - o.maxVisible), O = (a) => {
-      const e = a.value ?? a.label, t = [...o.modelValue], r = t.indexOf(e);
-      r === -1 ? t.push(e) : t.splice(r, 1), s("update:modelValue", t), s("change", t);
-    }, M = (a) => {
-      const e = o.modelValue.filter((t) => t !== a);
-      s("update:modelValue", e), s("change", e);
-    }, S = () => {
-      s("update:modelValue", []), s("change", []);
-    }, N = i(() => [
+      return t.modelValue.includes(e);
+    })), O = i(() => c.value.slice(0, t.maxVisible)), V = i(() => c.value.length - t.maxVisible), M = (a) => {
+      const e = a.value ?? a.label, l = [...t.modelValue], n = l.indexOf(e);
+      n === -1 ? l.push(e) : l.splice(n, 1), r("update:modelValue", l), r("change", l);
+    }, I = (a) => {
+      const e = t.modelValue.filter((l) => l !== a);
+      r("update:modelValue", e), r("change", e);
+    }, N = () => {
+      r("update:modelValue", []), r("change", []);
+    }, z = i(() => [
       "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",
+      t.disabled ? "opacity-50 cursor-not-allowed bg-muted" : "bg-background hover:bg-gray-50/70",
+      t.variant === "outline" ? "border-input" : "border-transparent bg-muted",
       u.value ? "border-primary/20" : ""
     ].join(" "));
-    return i(() => o.size === "sm" ? "xs" : "sm"), (a, e) => (n(), m(y(A), {
+    return i(() => t.size === "sm" ? "xs" : "sm"), (a, e) => (s(), m(v(D), {
       isOpen: u.value,
-      "onUpdate:isOpen": e[3] || (e[3] = (t) => u.value = t),
+      "onUpdate:isOpen": e[3] || (e[3] = (l) => u.value = l),
       "close-on-select": !1,
       selectable: !0,
-      disabled: l.disabled
+      disabled: o.disabled
     }, {
-      trigger: f(({ isOpen: t }) => [
+      trigger: f(({ isOpen: l }) => [
         d("div", {
-          class: V(N.value)
+          class: w(z.value)
         }, [
-          d("div", F, [
-            c.value.length === 0 ? (n(), p("span", T, b(l.placeholder), 1)) : (n(), p(w, { key: 1 }, [
-              (n(!0), p(w, null, E(B.value, (r) => (n(), m(C, {
-                key: r.value,
+          d("div", P, [
+            c.value.length === 0 ? (s(), p("span", T, b(B.value), 1)) : (s(), p(k, { key: 1 }, [
+              (s(!0), p(k, null, L(O.value, (n) => (s(), m($, {
+                key: n.value,
                 variant: "secondary",
                 class: "gap-1 pr-1 truncate max-w-[150px]"
               }, {
                 default: f(() => [
-                  d("span", U, b(r.label), 1),
-                  l.disabled ? g("", !0) : (n(), p("button", {
+                  d("span", U, b(n.labelI18n ? v(y)(n.labelI18n) : n.label), 1),
+                  o.disabled ? g("", !0) : (s(), p("button", {
                     key: 0,
                     type: "button",
-                    onClick: k((H) => M(r.value), ["stop"]),
+                    onClick: C((H) => I(n.value), ["stop"]),
                     class: "hover:bg-destructive/10 hover:text-destructive rounded-full p-0.5 transition-colors"
                   }, [
-                    v(h, {
+                    h(x, {
                       icon: "lucide:x",
                       class: "w-3 h-3"
                     })
@@ -75,47 +82,47 @@ const F = { class: "flex flex-wrap gap-1.5 items-center flex-1 min-w-0 py-0.5" }
                 ]),
                 _: 2
               }, 1024))), 128)),
-              x.value > 0 ? (n(), m(C, {
+              V.value > 0 ? (s(), m($, {
                 key: 0,
                 variant: "secondary",
                 class: "font-normal text-muted-foreground"
               }, {
                 default: f(() => [
-                  L(" +" + b(x.value), 1)
+                  A(" +" + b(V.value), 1)
                 ]),
                 _: 1
               })) : g("", !0)
             ], 64))
           ]),
           d("div", G, [
-            c.value.length > 0 && !l.disabled ? (n(), m(h, {
+            c.value.length > 0 && !o.disabled ? (s(), m(x, {
               key: 0,
               icon: "lucide:x",
               class: "w-4 h-4 hover:text-foreground transition-colors",
-              onClick: k(S, ["stop"])
+              onClick: C(N, ["stop"])
             })) : g("", !0),
             e[4] || (e[4] = d("div", { class: "w-px h-4 bg-border mx-0.5" }, null, -1)),
-            v(h, {
+            h(x, {
               icon: "lucide:chevron-down",
-              class: V(["w-4 h-4 transition-transform duration-200", { "rotate-180": t }])
+              class: w(["w-4 h-4 transition-transform duration-200", { "rotate-180": l }])
             }, null, 8, ["class"])
           ])
         ], 2)
       ]),
       default: f(() => [
-        v(y(D), {
-          options: l.options,
-          selected: l.modelValue,
+        h(v(F), {
+          options: o.options,
+          selected: o.modelValue,
           class: "min-w-[300px]",
-          loading: l.loading,
-          hasMore: l.hasMore,
-          searchable: l.searchable,
-          remote: l.remote,
-          layout: l.layout,
-          onSelect: O,
-          onClose: e[0] || (e[0] = (t) => u.value = !1),
-          onLoadMore: e[1] || (e[1] = (t) => a.$emit("load-more")),
-          onSearch: e[2] || (e[2] = (t) => a.$emit("search", t))
+          loading: o.loading,
+          hasMore: o.hasMore,
+          searchable: o.searchable,
+          remote: o.remote,
+          layout: o.layout,
+          onSelect: M,
+          onClose: e[0] || (e[0] = (l) => u.value = !1),
+          onLoadMore: e[1] || (e[1] = (l) => a.$emit("load-more")),
+          onSearch: e[2] || (e[2] = (l) => a.$emit("search", l))
         }, null, 8, ["options", "selected", "loading", "hasMore", "searchable", "remote", "layout"])
       ]),
       _: 1
@@ -123,5 +130,5 @@ const F = { class: "flex flex-wrap gap-1.5 items-center flex-1 min-w-0 py-0.5" }
   }
 });
 export {
-  R as default
+  Y as default
 };