vlite3 0.3.6 → 0.3.7

package/components/Badge.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as o, computed as a, openBlock as c, createElementBlock as i, normalizeClass as d, renderSlot as u } from "vue";
+import { defineComponent as o, computed as a, openBlock as c, createElementBlock as d, normalizeClass as i, renderSlot as u } from "vue";
 const g = /* @__PURE__ */ o({
   __name: "Badge",
   props: {
@@ -6,7 +6,7 @@ const g = /* @__PURE__ */ o({
     class: { default: "" }
   },
   setup(n) {
-    const e = n, t = a(() => ["inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
+    const e = n, t = a(() => ["inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
       default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
       secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
       danger: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
@@ -15,8 +15,8 @@ const g = /* @__PURE__ */ o({
       success: "border-transparent bg-success text-success-fg hover:bg-success/80",
       outline: "text-foreground border-border"
     }[e.variant], e.class].join(" "));
-    return (r, s) => (c(), i("div", {
-      class: d(t.value)
+    return (r, s) => (c(), d("div", {
+      class: i(t.value)
     }, [
       u(r.$slots, "default")
     ], 2));

package/components/Button.vue.d.ts

@@ -3,6 +3,7 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
+        default?(_: {}): any;
     };
     refs: {};
     rootEl: HTMLButtonElement;

package/components/Button.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as y, useSlots as z, computed as i, inject as k, withDirectives as B, openBlock as r, createElementBlock as C, normalizeClass as s, createBlock as u, createCommentVNode as g, renderSlot as S, createTextVNode as G, toDisplayString as I, unref as R } from "vue";
+import { defineComponent as B, useSlots as I, computed as r, inject as R, withDirectives as S, openBlock as s, createElementBlock as g, normalizeClass as o, createBlock as u, createCommentVNode as h, renderSlot as f, createTextVNode as m, toDisplayString as b, unref as G } from "vue";
 import d from "./Icon.vue.js";
 import { vRipple as j } from "../directives/vRipple.js";
-const V = ["type", "disabled"], E = /* @__PURE__ */ y({
+const V = ["type", "disabled"], N = /* @__PURE__ */ B({
   __name: "Button",
   props: {
     variant: { default: "primary" },
@@ -13,11 +13,15 @@ const V = ["type", "disabled"], E = /* @__PURE__ */ y({
     iconRight: {},
     type: { default: "button" },
     text: {},
-    rounded: { default: "md" }
+    rounded: { default: "md" },
+    textClass: {},
+    iconLeftClass: {},
+    iconRightClass: {},
+    asIcon: { type: Boolean }
   },
   setup(e) {
-    const n = e, h = z(), l = i(() => n.icon && !n.text && !h.default), f = k("buttonGroup", null), m = i(() => !!f?.isInGroup), b = i(() => {
-      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 t = e, x = I(), l = r(() => t?.asIcon || t.icon && !t.text && !x.default), v = R("buttonGroup", null), w = r(() => !!v?.isInGroup), y = r(() => {
+      const n = "inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] cursor-pointer gap-2", i = {
         primary: "bg-primary text-primary-foreground hover:bg-primary/90",
         "primary-light": "bg-primary-light text-primary-fg-light hover:bg-primary/20",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
@@ -37,25 +41,25 @@ const V = ["type", "disabled"], E = /* @__PURE__ */ y({
         "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"
-      }, x = {
+      }, p = {
         xs: "h-6.5 px-2",
         sm: "h-7.5 px-3",
         md: "h-9 px-4 py-2",
         lg: "h-10 px-6",
         xl: "h-12 px-10"
-      }, v = {
+      }, z = {
         xs: "h-6.5 w-6.5 min-h-6.5 min-w-6.5",
         sm: "h-7 w-7 min-h-7 min-w-7",
         md: "h-7.5 w-7.5 min-h-7.5 min-w-7.5",
         lg: "h-8 w-8 min-h-8 min-w-8",
         xl: "h-8.5 w-8.5 min-h-8.5 min-w-8.5"
-      }, p = {
+      }, C = {
         xs: "px-2",
         sm: "px-3",
         md: "px-4",
         lg: "px-6",
         xl: "px-10"
-      }, w = {
+      }, k = {
         none: "rounded-none",
         sm: "rounded-sm",
         md: "rounded",
@@ -64,57 +68,64 @@ const V = ["type", "disabled"], E = /* @__PURE__ */ y({
         "2xl": "rounded-2xl",
         full: "rounded-full"
       };
-      let a;
-      return l.value ? a = m.value ? p[n.size] : v[n.size] : a = x[n.size], [
-        t,
-        o[n.variant],
-        w[n.rounded],
-        a,
-        n.class
+      let c;
+      return l.value ? c = w.value ? C[t.size] : z[t.size] : c = p[t.size], [
+        n,
+        i[t.variant],
+        k[t.rounded],
+        c,
+        t.class
       ].join(" ");
-    }), c = i(() => {
-      const t = {
+    }), a = r(() => {
+      const n = {
         xs: "w-3 h-3",
         sm: "w-4 h-4",
         md: "w-4 h-4",
         lg: "w-4 h-4",
         xl: "w-4 h-4"
-      }, o = {
+      }, i = {
         xs: "w-3 h-3",
         sm: "w-3.5 h-3.5",
         md: "w-3.5 h-3.5",
         lg: "w-4 h-4",
         xl: "w-4 h-4"
       };
-      return l.value ? o[n.size] : t[n.size];
+      return l.value ? i[t.size] : n[t.size];
     });
-    return (t, o) => B((r(), C("button", {
+    return (n, i) => S((s(), g("button", {
       type: e.type,
-      class: s(b.value),
+      class: o(y.value),
       disabled: e.disabled || e.loading
     }, [
-      e.loading ? (r(), u(d, {
+      e.loading ? (s(), u(d, {
         key: 0,
         icon: "lucide:loader-2",
-        class: s(["animate-spin pointer-events-none", c.value])
-      }, null, 8, ["class"])) : e.icon ? (r(), u(d, {
+        class: o(["animate-spin pointer-events-none", a.value])
+      }, null, 8, ["class"])) : e.icon ? (s(), u(d, {
         key: 1,
         icon: e.icon,
-        class: s(["pointer-events-none", [c.value, l.value ? "mx-auto" : ""]])
-      }, null, 8, ["icon", "class"])) : g("", !0),
-      S(t.$slots, "default", {}, () => [
-        G(I(e.text), 1)
-      ]),
-      e.iconRight && !e.loading ? (r(), u(d, {
+        class: o(["pointer-events-none", [e.iconLeftClass, a.value, l.value ? "mx-auto" : ""]])
+      }, null, 8, ["icon", "class"])) : h("", !0),
+      e.textClass ? (s(), g("span", {
         key: 2,
+        class: o(e.textClass)
+      }, [
+        f(n.$slots, "default", {}, () => [
+          m(b(e.text), 1)
+        ])
+      ], 2)) : f(n.$slots, "default", { key: 3 }, () => [
+        m(b(e.text), 1)
+      ]),
+      e.iconRight && !e.loading ? (s(), u(d, {
+        key: 4,
         icon: e.iconRight,
-        class: s([c.value, "h-4 w-4 pointer-events-none"])
-      }, null, 8, ["icon", "class"])) : g("", !0)
+        class: o([[e.iconRightClass, a.value], "h-4 w-4 pointer-events-none"])
+      }, null, 8, ["icon", "class"])) : h("", !0)
     ], 10, V)), [
-      [R(j)]
+      [G(j)]
     ]);
   }
 });
 export {
-  E as default
+  N as default
 };

package/components/DataList/DataList.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as B, ref as D, watch as u, computed as f, openBlock as a, createElementBlock as n, normalizeClass as y, Fragment as P, renderList as h, renderSlot as i, createBlock as k, resolveDynamicComponent as v, createElementVNode as d, createVNode as I, toDisplayString as p, mergeProps as x, createCommentVNode as b, unref as L } from "vue";
+import { defineComponent as B, ref as D, watch as u, computed as f, openBlock as a, createElementBlock as n, normalizeClass as y, Fragment as P, renderList as h, renderSlot as i, createBlock as k, resolveDynamicComponent as v, createElementVNode as c, createVNode as I, toDisplayString as p, mergeProps as x, createCommentVNode as b, unref as L } from "vue";
 import j from "../Pagination/Pagination.vue.js";
 import E from "../Icon.vue.js";
 const S = { class: "flex flex-col w-full" }, z = {
@@ -31,7 +31,8 @@ const S = { class: "flex flex-col w-full" }, z = {
       showItemsPerPage: !1,
       itemsPerPageOptions: [10, 25, 50, 100],
       showPageInfo: !1
-    }) }
+    }) },
+    delete: {}
   },
   emits: ["change"],
   setup(e, { emit: w }) {
@@ -74,30 +75,30 @@ const S = { class: "flex flex-col w-full" }, z = {
         ])), 64))
       ], 2)) : !e.data || e.data.length === 0 ? (a(), n("div", F, [
         i(t.$slots, "empty", {}, () => [
-          d("div", O, [
+          c("div", O, [
             I(E, {
               icon: e.emptyIcon,
               class: "h-6 w-6 text-gray-500"
             }, null, 8, ["icon"])
           ]),
-          d("h3", U, p(e.emptyTitle), 1),
-          d("p", V, p(e.emptyDescription), 1)
+          c("h3", U, p(e.emptyTitle), 1),
+          c("p", V, p(e.emptyDescription), 1)
         ])
       ])) : (a(), n("div", {
         key: 2,
         class: y(e.className)
       }, [
-        (a(!0), n(P, null, h(e.data, (l, c) => i(t.$slots, "item", {
-          key: c,
+        (a(!0), n(P, null, h(e.data, (l, d) => i(t.$slots, "item", {
+          key: d,
           item: l,
           data: e.data,
-          index: c
+          index: d
         }, () => [
           e.item ? (a(), k(v(e.item), x({
             key: 0,
             item: l,
             data: e.data,
-            index: c
+            index: d
           }, { ref_for: !0 }, e.itemProps), null, 16, ["item", "data", "index"])) : b("", !0)
         ])), 128))
       ], 2)),

package/components/DataList/types.d.ts

@@ -14,4 +14,5 @@ export interface DataListProps {
     emptyIcon?: string;
     showPagination?: boolean;
     paginationProps?: DataListMetaInfo;
+    delete?: (items: any[]) => void;
 }

package/components/DataTable/DataTable.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as le, ref as b, computed as p, watch as h, openBlock as n, createElementBlock as i, createBlock as R, normalizeClass as S, createSlots as V, withCtx as B, renderSlot as x, createCommentVNode as k, createElementVNode as r, createVNode as F, Fragment as T, renderList as I, normalizeStyle as M, mergeProps as U, toDisplayString as O, createTextVNode as ae, unref as se } from "vue";
+import { defineComponent as le, ref as g, computed as w, watch as h, openBlock as n, createElementBlock as i, createBlock as R, normalizeClass as S, createSlots as V, withCtx as B, renderSlot as x, createCommentVNode as p, createElementVNode as r, createVNode as F, Fragment as T, renderList as I, normalizeStyle as M, mergeProps as U, toDisplayString as O, createTextVNode as ae, unref as se } from "vue";
 import oe from "../Icon.vue.js";
 import ne from "../CheckBox.vue.js";
 import re from "../Button.vue.js";
@@ -59,34 +59,34 @@ const me = { class: "space-y-6.5" }, he = { class: "overflow-x-auto w-full" }, v
     const W = (e, t) => {
       if (!(!e || !t))
         return t.includes(".") ? t.split(".").reduce((s, u) => s?.[u], e) : e[t];
-    }, c = (e, t) => W(e, t), a = l, y = L, d = b({ field: "", order: "" }), P = b(
+    }, c = (e, t) => W(e, t), a = l, b = L, d = g({ field: "", order: "" }), k = g(
       a.pageInfo?.itemsPerPage || a.paginationProps?.itemsPerPage || 10
-    ), v = b(a.pageInfo?.currentPage || 1), w = b(a.search || ""), C = b(!1), g = b("initial"), q = p(() => a.loading && (g.value === "initial" || g.value === "page"));
+    ), v = g(a.pageInfo?.currentPage || 1), y = g(a.search || ""), P = g(!1), C = g("initial"), q = w(() => a.loading);
     h(
       () => a.loading,
       (e, t) => {
-        !e && t && (g.value = "idle");
+        !e && t && (C.value = "idle");
       }
     ), h(
       () => a.search,
       (e) => {
-        e !== void 0 && e !== w.value && (w.value = e);
+        e !== void 0 && e !== y.value && (y.value = e);
       }
     );
     let z = null;
-    h(w, (e) => {
+    h(y, (e) => {
       z && clearTimeout(z), z = setTimeout(() => {
-        v.value = 1, g.value = "search", $();
+        v.value = 1, C.value = "search", $();
       }, 300);
     }), h(
       () => a.pageInfo?.itemsPerPage,
       (e) => {
-        e !== void 0 && (P.value = e);
+        e !== void 0 && (k.value = e);
       }
     ), h(
       () => a.paginationProps?.itemsPerPage,
       (e) => {
-        e !== void 0 && (P.value = e);
+        e !== void 0 && (k.value = e);
       }
     ), h(
       () => a.pageInfo?.currentPage,
@@ -94,7 +94,7 @@ const me = { class: "space-y-6.5" }, he = { class: "overflow-x-auto w-full" }, v
         e && (v.value = e);
       }
     );
-    const N = (e) => c(e, a.keyField), o = b(/* @__PURE__ */ new Set());
+    const N = (e) => c(e, a.keyField), o = g(/* @__PURE__ */ new Set());
     h(
       () => a.selectedRows,
       (e) => {
@@ -103,7 +103,7 @@ const me = { class: "space-y-6.5" }, he = { class: "overflow-x-auto w-full" }, v
       },
       { immediate: !0, deep: !0 }
     );
-    const D = p(() => a.rows.length === 0 ? !1 : a.rows.every((e) => o.value.has(c(e, a.keyField)))), j = p(() => o.value.size > 0 && !D.value), G = p(() => {
+    const D = w(() => a.rows.length === 0 ? !1 : a.rows.every((e) => o.value.has(c(e, a.keyField)))), j = w(() => o.value.size > 0 && !D.value), G = w(() => {
       const e = [...a.selectedRows || [], ...a.rows], t = /* @__PURE__ */ new Map();
       return e.forEach((s) => t.set(c(s, a.keyField), s)), Array.from(o.value).map((s) => t.get(s)).filter(Boolean);
     }), H = (e) => {
@@ -124,38 +124,38 @@ const me = { class: "space-y-6.5" }, he = { class: "overflow-x-auto w-full" }, v
         all: D.value,
         indeterminate: j.value
       };
-      y("select", u), y("update:selectedRows", s);
+      b("select", u), b("update:selectedRows", s);
     }, K = (e) => {
-      d.value.field === e ? d.value.order === "asc" ? d.value.order = "desc" : d.value.order === "desc" ? (d.value.order = "", d.value.field = "") : d.value.order = "asc" : (d.value.field = e, d.value.order = "asc"), v.value = 1, g.value = "sort", $();
+      d.value.field === e ? d.value.order === "asc" ? d.value.order = "desc" : d.value.order === "desc" ? (d.value.order = "", d.value.field = "") : d.value.order = "asc" : (d.value.field = e, d.value.order = "asc"), v.value = 1, C.value = "sort", $();
     }, Q = (e) => {
-      v.value = e, g.value = "page", $();
+      v.value = e, C.value = "page", $();
     }, X = (e) => {
-      P.value = e, v.value = 1, g.value = "limit", y("update:itemsPerPage", e), $();
+      k.value = e, v.value = 1, C.value = "limit", b("update:itemsPerPage", e), $();
     }, Y = (e) => {
-      y("rowClick", e);
+      b("rowClick", e);
     }, Z = () => {
       const e = G.value;
-      y("delete", e), C.value = !1;
+      b("delete", e), P.value = !1;
     };
     let E = null;
     const $ = () => {
       E && clearTimeout(E), E = setTimeout(() => {
-        y("change", {
+        b("change", {
           pagination: {
             page: v.value,
-            limit: P.value
+            limit: k.value
           },
           sorting: { ...d.value },
-          search: w.value
+          search: y.value
         });
       }, 10);
-    }, _ = p(() => [
+    }, _ = w(() => [
       "w-full flex flex-col",
       a.variant === "raised" ? "bg-background shadow-sm p-2 rounded-lg" : "bg-background rounded",
       "overflow-hidden",
       a.bordered ? "border border-border" : "",
       a.class
-    ].join(" ")), ee = p(() => ["w-full caption-bottom -text-fs-1", a.tableClass].join(" ")), te = (e) => e.width ? e.width : "auto";
+    ].join(" ")), ee = w(() => ["w-full caption-bottom -text-fs-1", a.tableClass].join(" ")), te = (e) => e.width ? e.width : "auto";
     return h(
       () => a.rows,
       () => {
@@ -165,8 +165,8 @@ const me = { class: "space-y-6.5" }, he = { class: "overflow-x-auto w-full" }, v
     ), (e, t) => (n(), i("div", me, [
       l.showSearch || e.$slots?.["toolbar-left"] || e.$slots?.["toolbar-right"] ? (n(), R(fe, {
         key: 0,
-        modelValue: w.value,
-        "onUpdate:modelValue": t[1] || (t[1] = (s) => w.value = s),
+        modelValue: y.value,
+        "onUpdate:modelValue": t[1] || (t[1] = (s) => y.value = s),
         "show-search": l.showSearch,
         placeholder: l.searchPlaceholder,
         class: S(l.toolbarClass),
@@ -188,8 +188,8 @@ const me = { class: "space-y-6.5" }, he = { class: "overflow-x-auto w-full" }, v
               variant: "outline",
               size: "lg",
               icon: "lucide:trash-2",
-              onClick: t[0] || (t[0] = (s) => C.value = !0)
-            })) : k("", !0)
+              onClick: t[0] || (t[0] = (s) => P.value = !0)
+            })) : p("", !0)
           ]),
           key: "1"
         } : void 0,
@@ -200,7 +200,7 @@ const me = { class: "space-y-6.5" }, he = { class: "overflow-x-auto w-full" }, v
           ]),
           key: "2"
         } : void 0
-      ]), 1032, ["modelValue", "show-search", "placeholder", "class", "search-class"])) : k("", !0),
+      ]), 1032, ["modelValue", "show-search", "placeholder", "class", "search-class"])) : p("", !0),
       r("div", {
         class: S(_.value)
       }, [
@@ -224,7 +224,7 @@ const me = { class: "space-y-6.5" }, he = { class: "overflow-x-auto w-full" }, v
                       "onUpdate:modelValue": H
                     }, null, 8, ["model-value", "indeterminate"])
                   ])
-                ])) : k("", !0),
+                ])) : p("", !0),
                 (n(!0), i(T, null, I(l.headers, (s) => (n(), R(ce, {
                   key: s.field,
                   header: s,
@@ -240,7 +240,7 @@ const me = { class: "space-y-6.5" }, he = { class: "overflow-x-auto w-full" }, v
               ])
             ], 2),
             r("tbody", ye, [
-              q.value ? (n(!0), i(T, { key: 0 }, I(Math.min(P.value, 15), (s) => (n(), i("tr", {
+              q.value ? (n(!0), i(T, { key: 0 }, I(Math.min(k.value, 15), (s) => (n(), i("tr", {
                 key: "skeleton-" + s,
                 class: "border-b border-border/70 bg-background transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted"
               }, [
@@ -248,7 +248,7 @@ const me = { class: "space-y-6.5" }, he = { class: "overflow-x-auto w-full" }, v
                   r("div", { class: "flex items-center justify-center" }, [
                     r("div", { class: "h-4 w-4 rounded-[4px] bg-muted/50 animate-pulse" })
                   ], -1)
-                ])])) : k("", !0),
+                ])])) : p("", !0),
                 (n(!0), i(T, null, I(l.headers, (u) => (n(), i("td", {
                   key: u.field,
                   class: S(["p-5! align-middle last:pr-6!", [u.hideOnMobile ? "hidden md:table-cell" : ""]])
@@ -301,7 +301,7 @@ const me = { class: "space-y-6.5" }, he = { class: "overflow-x-auto w-full" }, v
                     ]),
                     e.$slots["empty-action"] ? (n(), i("div", Ie, [
                       x(e.$slots, "empty-action")
-                    ])) : k("", !0)
+                    ])) : p("", !0)
                   ])
                 ], 8, ke)
               ]))
@@ -318,17 +318,17 @@ const me = { class: "space-y-6.5" }, he = { class: "overflow-x-auto w-full" }, v
           onChange: Q,
           "onUpdate:itemsPerPage": X
         }), null, 16, ["current-page", "total-pages", "total-items"])
-      ])) : k("", !0),
+      ])) : p("", !0),
       F(ie, {
-        show: C.value,
-        "onUpdate:show": t[2] || (t[2] = (s) => C.value = s),
+        show: P.value,
+        "onUpdate:show": t[2] || (t[2] = (s) => P.value = s),
         title: "Confirm Deletion",
         description: "Are you sure you want to delete the selected items?",
         "confirm-text": "Delete",
         "cancel-text": "Cancel",
         variant: "danger",
         onConfirm: Z,
-        onCancel: t[3] || (t[3] = (s) => C.value = !1)
+        onCancel: t[3] || (t[3] = (s) => P.value = !1)
       }, null, 8, ["show"])
     ]));
   }

package/components/DataTable/DataTableRow.vue.js

@@ -63,7 +63,7 @@ const L = ["data-state"], U = { class: "flex items-center justify-center" }, h =
       a("select", b.value);
     };
     return (e, t) => (c(), d("tr", {
-      class: u(["border-b transition-colors data-[state=selected]:bg-muted h-full", [
+      class: u(["border-b data-[state=selected]:bg-muted h-full", [
         i.hoverable ? "hover:bg-muted/20" : "",
         i.striped && i.index % 2 === 1 ? "bg-muted/20" : "bg-background",
         i.isSelected ? "bg-muted! hover:bg-muted/30" : "",

package/components/Input.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as G, useSlots as J, ref as v, computed as r, onMounted as K, nextTick as A, openBlock as d, createElementBlock as s, normalizeClass as a, createBlock as C, withCtx as O, createTextVNode as k, toDisplayString as V, createCommentVNode as c, createElementVNode as z, renderSlot as F, createVNode as x } from "vue";
+import { defineComponent as G, useSlots as J, ref as v, computed as r, onMounted as K, nextTick as A, openBlock as d, createElementBlock as u, normalizeClass as a, createBlock as C, withCtx as O, createTextVNode as k, toDisplayString as V, createCommentVNode as c, createElementVNode as B, renderSlot as F, createVNode as x } from "vue";
 import f from "./Icon.vue.js";
 import Q from "./Label.vue.js";
 import X from "./Textarea.vue.js";
@@ -33,14 +33,14 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
   },
   emits: ["update:modelValue", "focus", "blur", "change", "click:icon", "click:icon-right"],
   setup(n, { emit: I }) {
-    const e = n, u = I, m = J(), y = v(null), b = v(!1), M = r(() => e.type === "password" && b.value ? "text" : e.type), B = r(() => e.modelValue !== "" && e.modelValue !== null && e.modelValue !== void 0), g = r(() => !!e.addonLeft || !!m["addon-left"]), p = r(() => !!e.addonRight || !!m["addon-right"]), N = r(() => [
+    const e = n, s = I, m = J(), y = v(null), b = v(!1), M = r(() => e.type === "password" && b.value ? "text" : e.type), j = r(() => e.modelValue !== "" && e.modelValue !== null && e.modelValue !== void 0), g = r(() => !!e.addonLeft || !!m["addon-left"]), p = r(() => !!e.addonRight || !!m["addon-right"]), N = r(() => [
       "relative w-full",
       e.class,
       e.labelPosition === "left" ? "flex items-center gap-4" : "",
       e.labelPosition === "right" ? "flex flex-row-reverse items-center gap-4" : "space-y-2"
     ].join(" ")), T = r(() => ["relative flex w-full items-stretch", e.labelPosition !== "top" ? "flex-1" : ""].join(
       " "
-    )), j = r(() => {
+    )), z = r(() => {
       const t = "block w-full bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground/50 disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none relative focus:z-10", o = {
         solid: "bg-muted border-transparent focus-visible:border-primary",
         outline: "border border-input focus-visible:border-primary",
@@ -69,7 +69,7 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
         l,
         e.error ? "border-destructive focus-visible:ring-destructive" : "",
         e.icon ? "pl-9" : P && !g.value ? "pl-0" : "",
-        e.showClearButton && B.value || e.type === "password" || e.loading || e.iconRight ? "pr-9" : P && !p.value ? "pr-0" : "",
+        e.showClearButton && j.value || e.type === "password" || e.loading || e.iconRight ? "pr-9" : P && !p.value ? "pr-0" : "",
         e.inputClass
       ].join(" ");
     }), R = {
@@ -125,28 +125,27 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
         e.disabled ? "opacity-50 cursor-not-allowed" : ""
       ].join(" ");
     }), H = (t) => {
-      if (e.lazy) return;
       const o = t.target;
-      u("update:modelValue", o.value);
+      s("update:modelValue", o.value);
     }, U = (t) => {
       const o = t.target;
-      e.lazy && u("update:modelValue", o.value), u("change", o.value);
+      s("change", o.value);
     }, W = () => {
       b.value = !b.value;
     }, q = () => {
-      u("update:modelValue", ""), A(() => {
+      s("update:modelValue", ""), A(() => {
         y.value?.focus();
       });
     }, h = v(!1), w = v(!1), S = (t) => {
-      h.value = !0, u("focus", t);
+      h.value = !0, s("focus", t);
     }, L = (t) => {
-      h.value = !1, u("blur", t);
+      h.value = !1, s("blur", t);
     };
     return K(() => {
       e.autofocus && A(() => {
         y.value?.focus();
       });
-    }), (t, o) => (d(), s("div", {
+    }), (t, o) => (d(), u("div", {
       class: a(N.value)
     }, [
       n.label ? (d(), C(Q, {
@@ -159,10 +158,10 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
         ]),
         _: 1
       }, 8, ["for", "class"])) : c("", !0),
-      z("div", {
+      B("div", {
         class: a(T.value)
       }, [
-        g.value ? (d(), s("div", {
+        g.value ? (d(), u("div", {
           key: 0,
           class: a(E.value)
         }, [
@@ -170,7 +169,7 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
             k(V(n.addonLeft), 1)
           ])
         ], 2)) : c("", !0),
-        z("div", {
+        B("div", {
           class: "relative w-full",
           onMouseenter: o[2] || (o[2] = (i) => w.value = !0),
           onMouseleave: o[3] || (o[3] = (i) => w.value = !1)
@@ -181,11 +180,11 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
             placeholder: n.placeholder,
             disabled: n.disabled,
             rows: n.rows,
-            class: a(j.value),
-            "onUpdate:modelValue": o[0] || (o[0] = (i) => u("update:modelValue", i)),
+            class: a(z.value),
+            "onUpdate:modelValue": o[0] || (o[0] = (i) => s("update:modelValue", i)),
             onBlur: L,
             onFocus: S
-          }, null, 8, ["model-value", "placeholder", "disabled", "rows", "class"])) : (d(), s("input", {
+          }, null, 8, ["model-value", "placeholder", "disabled", "rows", "class"])) : (d(), u("input", {
             key: 1,
             ref_key: "inputRef",
             ref: y,
@@ -195,13 +194,13 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
             disabled: n.disabled,
             min: n.min,
             max: n.max,
-            class: a(j.value),
+            class: a(z.value),
             onInput: H,
             onChange: U,
             onBlur: L,
             onFocus: S
           }, null, 42, Y)),
-          n.icon ? (d(), s("div", {
+          n.icon ? (d(), u("div", {
             key: 2,
             tabindex: "-1",
             class: a([
@@ -214,26 +213,26 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
               class: "h-4 w-4"
             }, null, 8, ["icon"])
           ], 2)) : c("", !0),
-          z("div", Z, [
+          B("div", Z, [
             n.loading ? (d(), C(f, {
               key: 0,
               icon: "lucide:loader-2",
               class: "h-4 w-4 animate-spin text-muted-foreground"
-            })) : n.iconRight ? (d(), s("div", {
+            })) : n.iconRight ? (d(), u("div", {
               key: 1,
               tabindex: "-1",
               class: a([
                 "flex items-center justify-center text-muted-foreground",
                 n.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:text-foreground"
               ]),
-              onClick: o[1] || (o[1] = (i) => !n.disabled && u("click:icon-right", i))
+              onClick: o[1] || (o[1] = (i) => !n.disabled && s("click:icon-right", i))
             }, [
               x(f, {
                 icon: n.iconRight,
                 class: "h-4 w-4"
               }, null, 8, ["icon"])
             ], 2)) : c("", !0),
-            n.type === "password" && !n.disabled ? (d(), s("button", {
+            n.type === "password" && !n.disabled ? (d(), u("button", {
               key: 2,
               type: "button",
               tabindex: "-1",
@@ -245,7 +244,7 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
                 class: "h-4 w-4"
               }, null, 8, ["icon"])
             ])) : c("", !0),
-            n.showClearButton && B.value && !n.disabled && !n.loading && n.type !== "textarea" && n.type !== "password" && (h.value || w.value) ? (d(), s("button", {
+            n.showClearButton && j.value && !n.disabled && !n.loading && n.type !== "textarea" && n.type !== "password" && (h.value || w.value) ? (d(), u("button", {
               key: 3,
               type: "button",
               tabindex: "-1",
@@ -259,7 +258,7 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
             ])) : c("", !0)
           ])
         ], 32),
-        p.value ? (d(), s("div", {
+        p.value ? (d(), u("div", {
           key: 1,
           class: a(D.value)
         }, [