vlite3 1.0.4 → 1.0.6

package/components/FilePicker/FilePicker.vue.js

@@ -1,26 +1,23 @@
-import { defineComponent as Z, computed as m, ref as C, useSlots as _, openBlock as a, createElementBlock as u, createElementVNode as s, renderSlot as ee, normalizeClass as T, createBlock as b, withModifiers as F, createVNode as k, toDisplayString as h, createTextVNode as le, createCommentVNode as S, Fragment as te, renderList as ie } from "vue";
+import { defineComponent as Z, computed as m, ref as A, useSlots as _, openBlock as r, createElementBlock as f, createElementVNode as s, renderSlot as ee, normalizeClass as C, createBlock as v, withModifiers as V, createVNode as F, toDisplayString as h, createTextVNode as le, createCommentVNode as T, Fragment as te, renderList as ie } from "vue";
 import p from "../Icon.vue.js";
 import N from "../Button.vue.js";
-import { $t as w } from "../../utils/i18n.js";
-const oe = { class: "w-full" }, re = ["multiple", "accept"], ae = ["value", "placeholder", "disabled"], se = { class: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center justify-center gap-2 bg-background" }, ne = { class: "p-3 bg-muted rounded-full text-muted-foreground" }, de = { class: "space-y-1" }, ue = { class: "text-sm font-medium text-foreground" }, ce = { class: "text-primary hover:underline" }, fe = {
+import { $t as k } from "../../utils/i18n.js";
+const oe = { class: "w-full" }, ae = ["multiple", "accept"], re = ["value", "placeholder", "disabled"], ne = { class: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center justify-center gap-2 bg-background" }, se = { class: "p-3 bg-muted rounded-full text-muted-foreground" }, de = { class: "space-y-1" }, ue = { class: "text-sm font-medium text-foreground" }, ce = { class: "text-primary hover:underline" }, fe = {
   key: 0,
   class: "text-xs text-muted-foreground"
 }, me = {
   key: 1,
   class: "space-y-2"
-}, ge = { class: "shrink-0 mr-3" }, pe = { class: "p-2 bg-primary-light rounded text-primary-fg-light" }, he = { class: "flex-1 min-w-0 flex flex-col items-start overflow-hidden" }, ve = {
+}, ge = { class: "shrink-0 mr-3" }, pe = { class: "p-2 bg-primary-light rounded text-primary-fg-light" }, ve = { class: "flex-1 min-w-0 flex flex-col items-start overflow-hidden" }, he = {
   key: 0,
   class: "inline-flex items-center group/rename w-fit max-w-full mb-0.5"
 }, ye = { class: "grid relative w-fit max-w-full items-center -ml-1" }, xe = { class: "invisible whitespace-pre col-start-1 row-start-1 text-sm font-medium px-1 py-0.5 max-w-full overflow-hidden text-ellipsis" }, be = ["value", "onInput"], ke = {
   key: 1,
   class: "text-sm font-medium text-foreground truncate w-full"
-}, we = { class: "text-xs text-muted-foreground" }, Ve = { class: "flex-shrink-0 ml-3 flex gap-2" }, Fe = {
+}, we = { class: "text-xs text-muted-foreground -mt-1" }, Ve = { class: "flex-shrink-0 ml-3 flex gap-2 items-center" }, Fe = {
   key: 0,
   class: "flex gap-2"
-}, Se = {
-  key: 2,
-  class: "absolute inset-0 bg-white/80 flex items-center justify-center rounded-lg z-10"
-}, Ae = { class: "bg-white p-2 rounded-full" }, Be = /* @__PURE__ */ Z({
+}, ze = /* @__PURE__ */ Z({
   name: "FilePicker",
   __name: "FilePicker",
   props: {
@@ -42,21 +39,21 @@ const oe = { class: "w-full" }, re = ["multiple", "accept"], ae = ["value", "pla
   },
   emits: ["update:modelValue", "change", "error"],
   setup(o, { emit: M }) {
-    const e = o, d = M, P = m(
-      () => e.placeholderI18n ? w(e.placeholderI18n) : e.placeholder !== void 0 ? e.placeholder : "Select file..."
+    const e = o, u = M, P = m(
+      () => e.placeholderI18n ? k(e.placeholderI18n) : e.placeholder !== void 0 ? e.placeholder : "Select file..."
     ), $ = m(() => {
-      if (e.textI18n) return w(e.textI18n);
-      const l = w("vlite.filePicker.clickToUpload");
+      if (e.textI18n) return k(e.textI18n);
+      const l = k("vlite.filePicker.clickToUpload");
       return l !== "vlite.filePicker.clickToUpload" ? l : "Click to upload";
     }), j = m(() => {
-      const l = w("vlite.filePicker.dragAndDrop");
+      const l = k("vlite.filePicker.dragAndDrop");
       return l !== "vlite.filePicker.dragAndDrop" ? l : "or drag and drop";
     }), U = m(() => {
-      const l = w("vlite.filePicker.addMore");
+      const l = k("vlite.filePicker.addMore");
       return l !== "vlite.filePicker.addMore" ? l : "Add more";
-    }), z = C(null), v = C(!1), c = C(!1);
+    }), z = A(null), y = A(!1), n = A(!1);
     _();
-    const E = m(() => e.fileTypes.join(",")), A = m(() => Array.isArray(e.modelValue) ? e.modelValue.length > 0 : e.modelValue !== null), V = m(() => {
+    const E = m(() => e.fileTypes.join(",")), S = m(() => Array.isArray(e.modelValue) ? e.modelValue.length > 0 : e.modelValue !== null), w = m(() => {
       let l = [];
       return Array.isArray(e.modelValue) ? l = e.modelValue : e.modelValue && (l = [e.modelValue]), l.map((t) => {
         if (typeof t == "string") {
@@ -72,96 +69,96 @@ const oe = { class: "w-full" }, re = ["multiple", "accept"], ae = ["value", "pla
         }
         return t;
       });
-    }), y = () => {
-      if (!(e.disabled || e.loading || c.value)) {
+    }), x = () => {
+      if (!(e.disabled || e.loading || n.value)) {
         if (e.multiSelect && e.maxFiles && (Array.isArray(e.modelValue) ? e.modelValue.length : e.modelValue ? 1 : 0) >= e.maxFiles) {
-          d("error", `Maximum ${e.maxFiles} files allowed`);
+          u("error", `Maximum ${e.maxFiles} files allowed`);
           return;
         }
         z.value?.click();
       }
     }, L = (l) => {
-      l.preventDefault(), !(e.disabled || e.loading) && (v.value = !0);
+      l.preventDefault(), !(e.disabled || e.loading) && (y.value = !0);
     }, R = (l) => {
-      l.preventDefault(), v.value = !1;
+      l.preventDefault(), y.value = !1;
     }, W = (l) => {
-      l.preventDefault(), v.value = !1, !(e.disabled || e.loading || c.value) && l.dataTransfer?.files && D(l.dataTransfer.files);
+      l.preventDefault(), y.value = !1, !(e.disabled || e.loading || n.value) && l.dataTransfer?.files && D(l.dataTransfer.files);
     }, O = (l) => {
       const t = l.target;
       t.files && D(t.files), t.value = "";
     }, q = (l) => {
       if (l === 0 || !l) return "";
-      const t = 1024, i = ["Bytes", "KB", "MB", "GB", "TB"], n = Math.floor(Math.log(l) / Math.log(t));
-      return parseFloat((l / Math.pow(t, n)).toFixed(2)) + " " + i[n];
+      const t = 1024, i = ["Bytes", "KB", "MB", "GB", "TB"], d = Math.floor(Math.log(l) / Math.log(t));
+      return parseFloat((l / Math.pow(t, d)).toFixed(2)) + " " + i[d];
     }, G = (l) => new Promise((t, i) => {
-      const n = new FileReader();
-      n.readAsDataURL(l), n.onload = () => {
-        typeof n.result == "string" ? t(n.result) : i(new Error("Failed to read file as base64"));
-      }, n.onerror = (f) => i(f);
+      const d = new FileReader();
+      d.readAsDataURL(l), d.onload = () => {
+        typeof d.result == "string" ? t(d.result) : i(new Error("Failed to read file as base64"));
+      }, d.onerror = (c) => i(c);
     }), D = async (l) => {
       if (l.length === 0) return;
-      c.value = !0;
-      const t = [], i = [], n = Array.from(l);
-      let f = e.multiSelect ? n : [n[0]];
+      n.value = !0;
+      const t = [], i = [], d = Array.from(l);
+      let c = e.multiSelect ? d : [d[0]];
       if (e.multiSelect && e.maxFiles) {
-        const r = Array.isArray(e.modelValue) ? e.modelValue.length : e.modelValue ? 1 : 0, g = e.maxFiles - r;
+        const a = Array.isArray(e.modelValue) ? e.modelValue.length : e.modelValue ? 1 : 0, g = e.maxFiles - a;
         if (g <= 0) {
-          d("error", `Maximum ${e.maxFiles} files allowed`), c.value = !1;
+          u("error", `Maximum ${e.maxFiles} files allowed`), n.value = !1;
           return;
         }
-        f.length > g && (i.push(`Only ${g} more file(s) allowed. Maximum ${e.maxFiles} files.`), f = f.slice(0, g));
+        c.length > g && (i.push(`Only ${g} more file(s) allowed. Maximum ${e.maxFiles} files.`), c = c.slice(0, g));
       }
       try {
-        for (const r of f) {
-          if (e.fileTypes.length > 0 && !e.fileTypes.some((x) => {
-            if (x.startsWith("."))
-              return r.name.toLowerCase().endsWith(x.toLowerCase());
-            if (x.endsWith("/*")) {
-              const Y = x.split("/")[0];
-              return r.type.startsWith(Y);
+        for (const a of c) {
+          if (e.fileTypes.length > 0 && !e.fileTypes.some((b) => {
+            if (b.startsWith("."))
+              return a.name.toLowerCase().endsWith(b.toLowerCase());
+            if (b.endsWith("/*")) {
+              const Y = b.split("/")[0];
+              return a.type.startsWith(Y);
             }
-            return r.type === x;
+            return a.type === b;
           })) {
-            i.push(`File type not allowed: ${r.name}`);
+            i.push(`File type not allowed: ${a.name}`);
             continue;
           }
           let g = !1;
-          e.maxSize && r.size > e.maxSize && (i.push(`File too large: ${r.name}`), g = !0);
+          e.maxSize && a.size > e.maxSize && (i.push(`File too large: ${a.name}`), g = !0);
           let B = "";
           if (e.returnFormat === "base64" && !g)
             try {
-              B = await G(r);
+              B = await G(a);
             } catch (I) {
               console.error("Base64 read failed", I);
             }
           t.push({
-            fileName: r.name,
-            fileType: r.type,
-            fileSize: r.size,
-            file: r,
+            fileName: a.name,
+            fileType: a.type,
+            fileSize: a.size,
+            file: a,
             base64: B
           });
         }
-        if (i.length > 0 && d("error", i.join("; ")), t.length > 0) {
-          let r;
-          e.multiSelect ? r = [...Array.isArray(e.modelValue) ? e.modelValue : e.modelValue ? [e.modelValue] : [], ...t] : r = t[0], d("update:modelValue", r), d("change", r);
+        if (i.length > 0 && u("error", i.join("; ")), t.length > 0) {
+          let a;
+          e.multiSelect ? a = [...Array.isArray(e.modelValue) ? e.modelValue : e.modelValue ? [e.modelValue] : [], ...t] : a = t[0], u("update:modelValue", a), u("change", a);
         }
-      } catch (r) {
-        console.error("Error processing files:", r), d("error", "Failed to process files");
+      } catch (a) {
+        console.error("Error processing files:", a), u("error", "Failed to process files");
       } finally {
-        c.value = !1;
+        n.value = !1;
       }
     }, K = (l) => {
       if (!(e.disabled || e.loading))
         if (e.multiSelect && Array.isArray(e.modelValue)) {
           const t = [...e.modelValue];
-          t.splice(l, 1), d("update:modelValue", t), d("change", t);
+          t.splice(l, 1), u("update:modelValue", t), u("change", t);
         } else
-          d("update:modelValue", null), d("change", null);
+          u("update:modelValue", null), u("change", null);
     }, H = () => {
-      e.disabled || e.loading || (d("update:modelValue", null), d("change", null));
+      e.disabled || e.loading || (u("update:modelValue", null), u("change", null));
     }, J = (l, t) => {
-      if (e.disabled || e.loading) return;
+      if (e.disabled || e.loading || n.value) return;
       let i;
       e.multiSelect && Array.isArray(e.modelValue) ? (i = [...e.modelValue], typeof i[l] == "object" && i[l] !== null ? i[l] = { ...i[l], fileName: t } : typeof i[l] == "string" && (i[l] = {
         fileName: t,
@@ -177,8 +174,8 @@ const oe = { class: "w-full" }, re = ["multiple", "accept"], ae = ["value", "pla
         file: null,
         base64: e.modelValue,
         isUrl: !0
-      }), i !== void 0 && (d("update:modelValue", i), d("change", i));
-    }, Q = m(() => A.value ? V.value.map((t) => t.fileName).join(", ") : ""), X = m(() => {
+      }), i !== void 0 && (u("update:modelValue", i), u("change", i));
+    }, Q = m(() => S.value ? w.value.map((t) => t.fileName).join(", ") : ""), X = m(() => {
       const l = "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 disabled:cursor-not-allowed disabled:opacity-50 transition-all focus-visible:outline-none cursor-pointer", t = {
         sm: "h-8 text-xs",
         md: "h-10 text-sm",
@@ -203,7 +200,7 @@ const oe = { class: "w-full" }, re = ["multiple", "accept"], ae = ["value", "pla
         e.disabled ? "cursor-not-allowed opacity-50" : ""
       ].join(" ");
     });
-    return (l, t) => (a(), u("div", oe, [
+    return (l, t) => (r(), f("div", oe, [
       s("input", {
         ref_key: "fileInput",
         ref: z,
@@ -212,133 +209,139 @@ const oe = { class: "w-full" }, re = ["multiple", "accept"], ae = ["value", "pla
         accept: E.value,
         class: "hidden",
         onChange: O
-      }, null, 40, re),
+      }, null, 40, ae),
       ee(l.$slots, "trigger", {
-        trigger: y,
-        isDragging: v.value,
-        isLoading: o.loading || c.value,
-        files: V.value
+        trigger: x,
+        isDragging: y.value,
+        isLoading: o.loading || n.value,
+        files: w.value
       }, () => [
-        o.variant === "input" ? (a(), u("div", {
+        o.variant === "input" ? (r(), f("div", {
           key: 0,
           class: "relative",
-          onClick: y
+          onClick: x
         }, [
           s("input", {
             type: "text",
             value: Q.value,
             placeholder: P.value,
             readonly: "",
-            class: T(X.value),
-            disabled: o.disabled || o.loading || c.value
-          }, null, 10, ae),
-          s("div", se, [
-            o.loading || c.value ? (a(), b(p, {
+            class: C(X.value),
+            disabled: o.disabled || o.loading || n.value
+          }, null, 10, re),
+          s("div", ne, [
+            o.loading || n.value ? (r(), v(p, {
               key: 0,
               icon: "lucide:loader-2",
               class: "h-4 w-4 animate-spin text-muted-foreground"
-            })) : A.value && !o.disabled ? (a(), u("button", {
+            })) : S.value && !o.disabled ? (r(), f("button", {
               key: 1,
               type: "button",
               class: "text-muted-foreground hover:text-foreground focus:outline-none",
-              onClick: F(H, ["stop"])
+              onClick: V(H, ["stop"])
             }, [
-              k(p, {
+              F(p, {
                 icon: "lucide:x-circle",
                 class: "h-4 w-4"
               })
-            ])) : (a(), b(p, {
+            ])) : (r(), v(p, {
               key: 2,
               icon: "lucide:upload",
               class: "h-4 w-4 text-muted-foreground"
             }))
           ])
-        ])) : (a(), u("div", {
+        ])) : (r(), f("div", {
           key: 1,
           class: "relative",
           onDragover: L,
           onDragleave: R,
           onDrop: W
         }, [
-          A.value ? (a(), u("div", me, [
-            (a(!0), u(te, null, ie(V.value, (i, n) => (a(), u("div", {
-              key: n,
-              class: T(["relative flex items-center p-3 border border-border rounded-lg bg-body transition-colors group", [!o.multiSelect && !o.disabled ? "cursor-pointer hover:border-primary/50" : ""]]),
-              onClick: t[2] || (t[2] = (f) => !o.multiSelect && !o.disabled ? y() : null)
+          S.value ? (r(), f("div", me, [
+            (r(!0), f(te, null, ie(w.value, (i, d) => (r(), f("div", {
+              key: d,
+              class: C(["relative flex items-center p-3 border border-border rounded-lg bg-body transition-colors group", [
+                !o.multiSelect && !o.disabled && !o.loading && !n.value ? "cursor-pointer hover:border-primary/50" : ""
+              ]]),
+              onClick: t[2] || (t[2] = (c) => !o.multiSelect && !o.disabled && !o.loading && !n.value ? x() : null)
             }, [
               s("div", ge, [
                 s("div", pe, [
-                  k(p, {
+                  F(p, {
                     icon: "lucide:file-text",
                     class: "w-5 h-5"
                   })
                 ])
               ]),
-              s("div", he, [
-                o.allowRename && !o.disabled ? (a(), u("div", ve, [
+              s("div", ve, [
+                o.allowRename && !o.disabled && !o.loading && !n.value ? (r(), f("div", he, [
                   s("div", ye, [
                     s("span", xe, h(i.fileName || "Enter file name"), 1),
                     s("input", {
                       value: i.fileName,
-                      onClick: t[0] || (t[0] = F(() => {
+                      onClick: t[0] || (t[0] = V(() => {
                       }, ["stop"])),
-                      onInput: (f) => J(n, f.target.value),
+                      onInput: (c) => J(d, c.target.value),
                       class: "col-start-1 row-start-1 w-auto min-w-[2ch] text-sm font-medium text-foreground bg-transparent border-b border-transparent hover:border-border focus:border-primary outline-none transition-colors py-0.5 px-1",
                       placeholder: "Enter file name"
                     }, null, 40, be)
                   ]),
                   s("div", {
                     class: "flex-shrink-0 ml-1 text-muted-foreground/50 group-hover/rename:text-foreground transition-colors cursor-text",
-                    onClick: t[1] || (t[1] = F(
-                      (f) => f.currentTarget.previousElementSibling?.querySelector("input")?.focus(),
+                    onClick: t[1] || (t[1] = V(
+                      (c) => c.currentTarget.previousElementSibling?.querySelector("input")?.focus(),
                       ["stop"]
                     )),
                     title: "Rename file"
                   }, [
-                    k(p, {
+                    F(p, {
                       icon: "lucide:pencil",
-                      class: "w-3.5 h-3.5"
+                      class: "w-3 h-3"
                     })
                   ])
-                ])) : (a(), u("p", ke, h(i.fileName), 1)),
+                ])) : (r(), f("p", ke, h(i.fileName), 1)),
                 s("p", we, h(q(i.fileSize)), 1)
               ]),
               s("div", Ve, [
-                !o.disabled && !o.loading ? (a(), b(N, {
+                o.loading || n.value ? (r(), v(p, {
                   key: 0,
+                  icon: "lucide:loader-2",
+                  class: "w-4 h-4 animate-spin text-primary"
+                })) : o.disabled ? T("", !0) : (r(), v(N, {
+                  key: 1,
                   size: "xs",
                   variant: "ghost",
                   icon: "lucide:x",
                   rounded: "full",
                   class: "text-muted-foreground hover:text-destructive hover:bg-destructive/10",
-                  onClick: F((f) => K(n), ["stop"])
-                }, null, 8, ["onClick"])) : S("", !0)
+                  onClick: V((c) => K(d), ["stop"])
+                }, null, 8, ["onClick"]))
               ])
             ], 2))), 128)),
-            o.multiSelect && (!o.maxFiles || V.value.length < o.maxFiles) ? (a(), u("div", Fe, [
-              k(N, {
+            o.multiSelect && (!o.maxFiles || w.value.length < o.maxFiles) ? (r(), f("div", Fe, [
+              F(N, {
                 size: "sm",
                 variant: "outline",
                 icon: "lucide:plus",
                 text: U.value,
-                disabled: o.disabled || o.loading || c.value,
-                onClick: y
+                disabled: o.disabled || o.loading || n.value,
+                onClick: x
               }, null, 8, ["text", "disabled"])
-            ])) : S("", !0)
-          ])) : (a(), u("div", {
+            ])) : T("", !0)
+          ])) : (r(), f("div", {
             key: 0,
-            class: T(["border-2 bg-body border-dashed border-border rounded-lg p-6 transition-all duration-200 ease-in-out cursor-pointer flex flex-col items-center justify-center text-center gap-2", [
-              v.value ? "border-primary bg-primary/5" : "hover:border-primary/50 ",
-              o.disabled || o.loading || c.value ? "opacity-50 cursor-not-allowed" : ""
+            class: C(["border-2 bg-body border-dashed border-border rounded-lg p-6 transition-all duration-200 ease-in-out cursor-pointer flex flex-col items-center justify-center text-center gap-2", [
+              y.value ? "border-primary bg-primary/5" : "hover:border-primary/50 ",
+              o.disabled || o.loading || n.value ? "opacity-50 cursor-not-allowed" : ""
             ]]),
-            onClick: y
+            onClick: x
           }, [
-            s("div", ne, [
-              o.loading || c.value ? (a(), b(p, {
+            s("div", se, [
+              o.loading || n.value ? (r(), v(p, {
                 key: 0,
                 icon: "lucide:loader-2",
                 class: "w-6 h-6 animate-spin"
-              })) : (a(), b(p, {
+              })) : (r(), v(p, {
                 key: 1,
                 icon: "lucide:upload-cloud",
                 class: "w-6 h-6"
@@ -349,22 +352,14 @@ const oe = { class: "w-full" }, re = ["multiple", "accept"], ae = ["value", "pla
                 s("span", ce, h($.value), 1),
                 le(" " + h(j.value), 1)
               ]),
-              o.fileTypes.length ? (a(), u("p", fe, h(o.fileTypes.join(", ")), 1)) : S("", !0)
+              o.fileTypes.length ? (r(), f("p", fe, h(o.fileTypes.join(", ")), 1)) : T("", !0)
             ])
-          ], 2)),
-          o.loading || c.value ? (a(), u("div", Se, [
-            s("div", Ae, [
-              k(p, {
-                icon: "lucide:loader-2",
-                class: "w-6 h-6 animate-spin text-primary"
-              })
-            ])
-          ])) : S("", !0)
+          ], 2))
         ], 32))
       ])
     ]));
   }
 });
 export {
-  Be as default
+  ze as default
 };

package/components/Input.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as Y, computed as a, useSlots as Z, ref as b, onMounted as _, nextTick as z, openBlock as d, createElementBlock as u, normalizeClass as r, createBlock as R, withCtx as ee, createTextVNode as $, toDisplayString as w, createCommentVNode as i, createElementVNode as A, renderSlot as T, createVNode as k } from "vue";
-import v from "./Icon.vue.js";
+import { defineComponent as Y, computed as a, useSlots as Z, ref as v, onMounted as _, nextTick as z, openBlock as d, createElementBlock as u, normalizeClass as r, createBlock as R, withCtx as ee, createTextVNode as $, toDisplayString as w, createCommentVNode as i, createElementVNode as A, renderSlot as M, createVNode as k } from "vue";
+import g from "./Icon.vue.js";
 import te from "./Label.vue.js";
 import le from "./Textarea.vue.js";
 import { $t as E } from "../utils/i18n.js";
@@ -41,7 +41,7 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "readonly"
   setup(t, { emit: D }) {
     const e = t, c = D, s = a(() => e.labelI18n ? E(e.labelI18n) : e.label), I = a(
       () => e.placeholderI18n ? E(e.placeholderI18n) : e.placeholder
-    ), g = Z(), m = b(null), x = b(!1), y = b(!1), H = a(() => e.type === "password" && x.value ? "text" : e.type), C = a(() => e.modelValue !== "" && e.modelValue !== null && e.modelValue !== void 0), V = a(() => p.value || C.value || y.value), h = a(() => !!e.addonLeft || !!g["addon-left"]), B = a(() => !!e.addonRight || !!g["addon-right"]), U = a(() => [
+    ), x = Z(), m = v(null), y = v(!1), h = v(!1), H = a(() => e.type === "password" && y.value ? "text" : e.type), C = a(() => e.modelValue !== "" && e.modelValue !== null && e.modelValue !== void 0), V = a(() => b.value || C.value || h.value), p = a(() => !!e.addonLeft || !!x["addon-left"]), B = a(() => !!e.addonRight || !!x["addon-right"]), U = a(() => [
       "relative w-full",
       e.class,
       e.labelPosition === "left" ? "flex items-center gap-4" : "",
@@ -69,16 +69,16 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "readonly"
         "2xl": "rounded-2xl",
         full: "rounded-full"
       }[e.rounded];
-      h.value && (e.rounded === "md" ? o = "rounded-r-md rounded-l-none" : e.rounded === "sm" ? o = "rounded-r-sm rounded-l-none" : e.rounded === "lg" ? o = "rounded-r-lg rounded-l-none" : e.rounded === "full" ? o = "rounded-r-full rounded-l-none" : e.rounded !== "none" && (o = o.replace("rounded-", "rounded-r-").replace("rounded-l-", ""))), B.value && (h.value ? o = "rounded-none" : e.rounded === "md" ? o = "rounded-l-md rounded-r-none" : e.rounded === "sm" ? o = "rounded-l-sm rounded-r-none" : e.rounded === "lg" ? o = "rounded-l-lg rounded-r-none" : e.rounded === "full" ? o = "rounded-l-full rounded-r-none" : e.rounded !== "none" && (o = o.replace("rounded-", "rounded-l-").replace("rounded-r-", ""))), e.variant === "outline-b" && (o = "rounded-none");
-      const M = e.variant === "outline-b" || e.variant === "transparent";
+      p.value && (e.rounded === "md" ? o = "rounded-r-md rounded-l-none" : e.rounded === "sm" ? o = "rounded-r-sm rounded-l-none" : e.rounded === "lg" ? o = "rounded-r-lg rounded-l-none" : e.rounded === "full" ? o = "rounded-r-full rounded-l-none" : e.rounded !== "none" && (o = o.replace("rounded-", "rounded-r-").replace("rounded-l-", ""))), B.value && (p.value ? o = "rounded-none" : e.rounded === "md" ? o = "rounded-l-md rounded-r-none" : e.rounded === "sm" ? o = "rounded-l-sm rounded-r-none" : e.rounded === "lg" ? o = "rounded-l-lg rounded-r-none" : e.rounded === "full" ? o = "rounded-l-full rounded-r-none" : e.rounded !== "none" && (o = o.replace("rounded-", "rounded-l-").replace("rounded-r-", ""))), e.variant === "outline-b" && (o = "rounded-none");
+      const T = e.variant === "outline-b" || e.variant === "transparent";
       return e.variant, [
         l,
         n[e.variant],
         e.type === "textarea" ? "" : f[e.size],
         o,
         e.error ? "border-destructive focus-visible:ring-destructive" : "",
-        e.icon ? "pl-9" : M && !h.value ? "pl-0" : "",
-        e.showClearButton && C.value || e.type === "password" || e.loading || e.iconRight ? "pr-9" : M && !B.value ? "pr-0" : "",
+        e.icon ? "pl-9" : T && !p.value ? "pl-0" : "",
+        e.showClearButton && C.value || e.type === "password" || e.loading || e.iconRight ? "pr-9" : T && !B.value ? "pr-0" : "",
         // Keyframe name used to detect browser autofill via animationstart event
         e.variant === "floating" ? "autofill-detect" : "",
         e.inputClass
@@ -97,7 +97,7 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "readonly"
         "z-10"
       ].join(" ");
     }, q = a(() => {
-      const l = !!g["addon-left"];
+      const l = !!x["addon-left"];
       return [
         "flex items-center justify-center whitespace-nowrap",
         l ? `border-none ${P("left")}` : `bg-muted border border-input border-r-0! px-3 text-muted-foreground ${{
@@ -114,7 +114,7 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "readonly"
         e.disabled ? "opacity-50 cursor-not-allowed" : ""
       ].join(" ");
     }), G = a(() => {
-      const l = !!g["addon-right"];
+      const l = !!x["addon-right"];
       return [
         "flex items-center justify-center whitespace-nowrap",
         l ? `border-none ${P("right")}` : `bg-muted border border-input border-l-0! px-3 text-muted-foreground ${{
@@ -137,23 +137,25 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "readonly"
       const n = l.target;
       c("change", n.value);
     }, O = () => {
-      e.disabled || e.readonly || (x.value = !x.value);
+      e.disabled || e.readonly || (y.value = !y.value);
     }, Q = () => {
       e.disabled || e.readonly || (c("update:modelValue", ""), z(() => {
         m.value?.focus();
       }));
-    }, p = b(!1), j = b(!1), F = (l) => {
-      p.value = !0, c("focus", l);
+    }, b = v(!1), j = v(!1), F = (l) => {
+      b.value = !0, c("focus", l);
     }, N = (l) => {
-      p.value = !1, c("blur", l);
+      b.value = !1, c("blur", l);
     }, X = (l) => {
-      l.animationName === "onAutoFillStart" ? y.value = !0 : l.animationName === "onAutoFillCancel" && (y.value = !1);
+      l.animationName === "onAutoFillStart" ? h.value = !0 : l.animationName === "onAutoFillCancel" && (h.value = !1);
     };
     return _(() => {
       e.autofocus && z(() => {
-        m.value?.focus();
+        setTimeout(() => {
+          m.value?.focus(), b.value = !0;
+        }, 100);
       }), z(() => {
-        m.value && m.value.value && !e.modelValue && (y.value = !0);
+        m.value && m.value.value && !e.modelValue && (h.value = !0);
       });
     }), (l, n) => (d(), u("div", {
       class: r(U.value)
@@ -171,11 +173,11 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "readonly"
       A("div", {
         class: r(W.value)
       }, [
-        h.value ? (d(), u("div", {
+        p.value ? (d(), u("div", {
           key: 0,
           class: r(q.value)
         }, [
-          T(l.$slots, "addon-left", {}, () => [
+          M(l.$slots, "addon-left", {}, () => [
             $(w(t.addonLeft), 1)
           ])
         ], 2)) : i("", !0),
@@ -229,13 +231,13 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "readonly"
               t.disabled ? "opacity-50" : ""
             ])
           }, [
-            k(v, {
+            k(g, {
               icon: t.icon,
               class: r(["h-4 w-4", t.iconClass])
             }, null, 8, ["icon", "class"])
           ], 2)) : i("", !0),
           A("div", ae, [
-            t.loading ? (d(), R(v, {
+            t.loading ? (d(), R(g, {
               key: 0,
               icon: "lucide:loader-2",
               class: "h-4 w-4 animate-spin text-muted-foreground"
@@ -248,7 +250,7 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "readonly"
               ]),
               onClick: n[1] || (n[1] = (f) => !t.disabled && !t.readonly && c("click:icon-right", f))
             }, [
-              k(v, {
+              k(g, {
                 icon: t.iconRight,
                 class: r(["h-4 w-4", t.iconRightClass])
               }, null, 8, ["icon", "class"])
@@ -260,19 +262,19 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "readonly"
               class: "flex items-center justify-center text-muted-foreground hover:text-foreground focus:outline-none",
               onClick: O
             }, [
-              k(v, {
-                icon: x.value ? "lucide:eye-off" : "lucide:eye",
+              k(g, {
+                icon: y.value ? "lucide:eye-off" : "lucide:eye",
                 class: "h-4 w-4"
               }, null, 8, ["icon"])
             ])) : i("", !0),
-            t.showClearButton && C.value && !t.disabled && !t.readonly && !t.loading && t.type !== "textarea" && t.type !== "password" && (p.value || j.value) ? (d(), u("button", {
+            t.showClearButton && C.value && !t.disabled && !t.readonly && !t.loading && t.type !== "textarea" && t.type !== "password" && (b.value || j.value) ? (d(), u("button", {
               key: 3,
               type: "button",
               tabindex: "-1",
               class: "flex items-center justify-center text-muted-foreground hover:text-foreground focus:outline-none transition-opacity duration-200",
               onClick: Q
             }, [
-              k(v, {
+              k(g, {
                 icon: "lucide:x-circle",
                 class: "h-4 w-4"
               })
@@ -283,7 +285,7 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "readonly"
           key: 1,
           class: r(G.value)
         }, [
-          T(l.$slots, "addon-right", {}, () => [
+          M(l.$slots, "addon-right", {}, () => [
             $(w(t.addonRight), 1)
           ])
         ], 2)) : i("", !0)