vlite3 0.1.10 → 0.2.2

package/components/Form/utils/form.utils.js

@@ -1,97 +1,106 @@
-function u(e, i) {
-  if (!i || !e) return;
-  const n = i.split(".");
+function v(e) {
+  return !!e && typeof e == "object";
+}
+function s(e, n) {
+  if (!n || !e) return;
+  const t = n.split(".");
   let f = e;
-  for (const t of n) {
+  for (const r of t) {
     if (f == null) return;
-    f = f[t];
+    f = f[r];
   }
   return f;
 }
-function m(e, i, n) {
-  if (!i) return e;
-  const f = i.split("."), t = { ...e };
-  let r = t;
+function d(e, n, t) {
+  if (!n) return e;
+  const f = n.split("."), r = { ...e };
+  let i = r;
   for (let o = 0; o < f.length - 1; o++) {
-    const a = f[o];
-    Array.isArray(r[a]) ? r[a] = [...r[a]] : r[a] = r[a] ? { ...r[a] } : {}, r = r[a];
+    const l = f[o];
+    Array.isArray(i[l]) ? i[l] = [...i[l]] : i[l] = i[l] ? { ...i[l] } : {}, i = i[l];
   }
-  return r[f[f.length - 1]] = n, t;
+  return i[f[f.length - 1]] = t, r;
+}
+function m(e, n) {
+  return !v(n) || !n.name ? e : s(e, n.name) === void 0 && n.value !== void 0 ? d(e, n.name, n.value) : e;
 }
-function v(e, i) {
-  const n = i ? c(i) : {}, f = Array.isArray(e[0]) ? e.flat() : e;
-  for (const t of f) {
-    if (!t.name) continue;
-    if (u(n, t.name) === void 0) {
-      const o = typeof t.value == "function" ? t.value() : t.value;
-      o !== void 0 && Object.assign(n, m(n, t.name, o));
+function g(e, n) {
+  let t = n ? c(n) : {};
+  const f = Array.isArray(e[0]) ? e.flat() : e;
+  for (const r of f) {
+    if (!r.name) continue;
+    if (s(t, r.name) === void 0) {
+      const o = typeof r.value == "function" ? r.value() : r.value;
+      o !== void 0 && Object.assign(t, d(t, r.name, o));
     }
+    t = m(t, r.addonLeft), t = m(t, r.addonRight);
   }
-  return n;
+  return t;
 }
-function A(e, i) {
-  return e === void 0 ? !1 : typeof e == "boolean" ? e : typeof e == "function" ? e(i) : !1;
+function h(e, n) {
+  return e === void 0 ? !1 : typeof e == "boolean" ? e : typeof e == "function" ? e(n) : !1;
 }
-function g(e, i) {
-  return Array.isArray(e) ? e.filter((n) => n ? !i.every((t) => {
-    const r = n[t.name];
-    return r == null || r === "";
+function F(e, n) {
+  return Array.isArray(e) ? e.filter((t) => t ? !n.every((r) => {
+    const i = t[r.name];
+    return i == null || i === "";
   }) : !1) : [];
 }
-function h(e, i) {
-  const n = [], f = Array.isArray(e[0]) ? e.flat() : e;
-  for (const t of f) {
-    if (!t.name) continue;
-    const r = t.type;
-    if (r === "file" || r === "avatarUpload" || r === "fileUploader") {
-      const o = u(i, t.name);
-      o && n.push({
-        name: t.name,
+function V(e, n) {
+  const t = [], f = Array.isArray(e[0]) ? e.flat() : e;
+  for (const r of f) {
+    if (!r.name) continue;
+    const i = r.type;
+    if (i === "file" || i === "avatarUpload" || i === "fileUploader") {
+      const o = s(n, r.name);
+      o && t.push({
+        name: r.name,
         value: o,
-        type: r
+        type: i
       });
     }
-    if (r === "customFields" && t.props?.schema) {
-      const o = u(i, t.name);
+    if (i === "customFields" && r.props?.schema) {
+      const o = s(n, r.name);
       if (Array.isArray(o)) {
-        const y = t.props.schema.filter(
-          (l) => l.type === "file" || l.type === "avatarUpload" || l.type === "fileUploader"
+        const y = r.props.schema.filter(
+          (a) => a.type === "file" || a.type === "avatarUpload" || a.type === "fileUploader"
         );
-        y.length > 0 && o.forEach((l, d) => {
-          y.forEach((s) => {
-            const p = l?.[s.name];
-            p && n.push({
-              name: `${t.name}.${d}.${s.name}`,
+        y.length > 0 && o.forEach((a, A) => {
+          y.forEach((u) => {
+            const p = a?.[u.name];
+            p && t.push({
+              name: `${r.name}.${A}.${u.name}`,
               value: p,
-              type: s.type
+              type: u.type
             });
           });
         });
       }
     }
   }
-  return n;
+  return t;
 }
 function c(e) {
   if (e === null || typeof e != "object") return e;
   if (e instanceof Date) return new Date(e.getTime());
   if (e instanceof File) return e;
-  if (Array.isArray(e)) return e.map((n) => c(n));
-  const i = {};
-  for (const n in e)
-    Object.prototype.hasOwnProperty.call(e, n) && (i[n] = c(e[n]));
-  return i;
+  if (Array.isArray(e)) return e.map((t) => c(t));
+  const n = {};
+  for (const t in e)
+    Object.prototype.hasOwnProperty.call(e, t) && (n[t] = c(e[t]));
+  return n;
 }
-function F(e) {
+function k(e) {
   return e ? typeof e == "object" && (typeof e.render == "function" || typeof e.setup == "function" || e.__name !== void 0 || e.name !== void 0) : !1;
 }
 export {
-  h as collectFileFields,
+  V as collectFileFields,
   c as deepClone,
-  A as evaluateConditional,
-  g as filterNullCustomFields,
-  u as getNestedValue,
-  v as initializeFormValues,
-  F as isComponent,
-  m as setNestedValue
+  h as evaluateConditional,
+  F as filterNullCustomFields,
+  s as getNestedValue,
+  g as initializeFormValues,
+  v as isAddonObject,
+  k as isComponent,
+  d as setNestedValue
 };

package/components/GoogleLogin.vue.d.ts

@@ -0,0 +1,41 @@
+export interface GoogleLoginProps {
+    buttonText?: string;
+    btnClass?: string;
+    variant?: any;
+    size?: any;
+    rounded?: any;
+    disabled?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            login: () => void;
+            loading: boolean;
+            disabled: boolean;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<GoogleLoginProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    success: (response: any) => any;
+    error: (error: any) => any;
+}, string, import('vue').PublicProps, Readonly<GoogleLoginProps> & Readonly<{
+    onSuccess?: (response: any) => any;
+    onError?: (error: any) => any;
+}>, {
+    disabled: boolean;
+    size: any;
+    variant: any;
+    rounded: any;
+    buttonText: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/GoogleLogin.vue.js

@@ -0,0 +1,60 @@
+import { defineComponent as d, ref as u, openBlock as c, createElementBlock as f, renderSlot as m, createVNode as g, normalizeClass as v, unref as b, withCtx as C, createElementVNode as h, toDisplayString as k } from "vue";
+import { useTokenClient as w } from "../node_modules/vue3-google-signin/dist/index.es.js";
+import z from "./Button.vue.js";
+const x = { class: "google-login-wrapper inline-block w-full" }, y = { class: "font-medium" }, L = /* @__PURE__ */ d({
+  __name: "GoogleLogin",
+  props: {
+    buttonText: { default: "Sign in with Google" },
+    btnClass: {},
+    variant: { default: "outline" },
+    size: { default: "md" },
+    rounded: { default: "md" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["success", "error"],
+  setup(e, { emit: n }) {
+    const s = e, o = n, l = u(!1), { login: i, isReady: r } = w({
+      onSuccess: (a) => {
+        l.value = !1, o("success", a);
+      },
+      onError: (a) => {
+        l.value = !1, o("error", a);
+      }
+    }), t = () => {
+      if (!(s.disabled || l.value)) {
+        l.value = !0;
+        try {
+          i();
+        } catch (a) {
+          l.value = !1, o("error", a);
+        }
+      }
+    };
+    return (a, S) => (c(), f("div", x, [
+      m(a.$slots, "default", {
+        login: t,
+        loading: l.value,
+        disabled: e.disabled
+      }, () => [
+        g(z, {
+          variant: e.variant,
+          size: e.size,
+          rounded: e.rounded,
+          disabled: !b(r) || e.disabled || l.value,
+          loading: l.value,
+          class: v([e.btnClass, "w-full"]),
+          icon: "flat-color-icons:google",
+          onClick: t
+        }, {
+          default: C(() => [
+            h("span", y, k(e.buttonText), 1)
+          ]),
+          _: 1
+        }, 8, ["variant", "size", "rounded", "disabled", "loading", "class"])
+      ])
+    ]));
+  }
+});
+export {
+  L as default
+};

package/components/GoogleLogin.vue2.js

@@ -0,0 +1,4 @@
+import f from "./GoogleLogin.vue.js";
+export {
+  f as default
+};

package/components/Input.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as G, useSlots as J, ref as v, computed as u, onMounted as K, nextTick as A, openBlock as d, createElementBlock as i, normalizeClass as s, 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 { 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 f from "./Icon.vue.js";
 import Q from "./Label.vue.js";
 import X from "./Textarea.vue.js";
-const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { class: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center justify-center gap-2" }, le = /* @__PURE__ */ G({
+const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { class: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center justify-center gap-2 z-20" }, le = /* @__PURE__ */ G({
   __name: "Input",
   props: {
     modelValue: { default: "" },
@@ -32,25 +32,26 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
     max: {}
   },
   emits: ["update:modelValue", "focus", "blur", "change", "click:icon", "click:icon-right"],
-  setup(t, { emit: I }) {
-    const e = t, r = I, m = J(), y = v(null), b = v(!1), M = u(() => e.type === "password" && b.value ? "text" : e.type), j = u(() => e.modelValue !== "" && e.modelValue !== null && e.modelValue !== void 0), g = u(() => !!e.addonLeft || !!m["addon-left"]), h = u(() => !!e.addonRight || !!m["addon-right"]), N = u(() => [
+  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(() => [
       "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 = u(() => ["relative flex w-full items-stretch", e.labelPosition !== "top" ? "flex-1" : ""].join(
+    ].join(" ")), T = r(() => ["relative flex w-full items-stretch", e.labelPosition !== "top" ? "flex-1" : ""].join(
       " "
-    )), R = u(() => {
-      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/50 disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none", o = {
+    )), j = 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",
         "outline-b": "border-b border-input bg-transparent rounded-none focus-visible:border-primary",
         transparent: "border-none bg-transparent shadow-none"
-      }, a = {
+      }, i = {
         sm: "h-8 text-xs",
         md: "h-9 text-sm",
         lg: "h-10 text-base"
-      }, $ = {
+      };
+      let l = {
         none: "rounded-none",
         sm: "rounded-sm",
         md: "rounded-md",
@@ -58,173 +59,181 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
         xl: "rounded-xl",
         "2xl": "rounded-2xl",
         full: "rounded-full"
-      };
-      let n = $[e.rounded];
-      g.value && (n = n.replace("rounded-", "rounded-r-").replace("rounded-l-", ""), e.rounded === "md" && (n = "rounded-r-md rounded-l-none"), e.rounded === "sm" && (n = "rounded-r-sm rounded-l-none"), e.rounded === "lg" && (n = "rounded-r-lg rounded-l-none"), e.rounded === "full" && (n = "rounded-r-full rounded-l-none")), h.value && ($[e.rounded], g.value ? n = "rounded-none" : (e.rounded === "md" && (n = "rounded-l-md rounded-r-none"), e.rounded === "sm" && (n = "rounded-l-sm rounded-r-none"), e.rounded === "lg" && (n = "rounded-l-lg rounded-r-none"), e.rounded === "full" && (n = "rounded-l-full rounded-r-none"))), e.variant === "outline-b" && (n = "rounded-none");
-      const L = e.variant === "outline-b" || e.variant === "transparent";
+      }[e.rounded];
+      g.value && (e.rounded === "md" ? l = "rounded-r-md rounded-l-none" : e.rounded === "sm" ? l = "rounded-r-sm rounded-l-none" : e.rounded === "lg" ? l = "rounded-r-lg rounded-l-none" : e.rounded === "full" ? l = "rounded-r-full rounded-l-none" : e.rounded !== "none" && (l = l.replace("rounded-", "rounded-r-").replace("rounded-l-", ""))), p.value && (g.value ? l = "rounded-none" : e.rounded === "md" ? l = "rounded-l-md rounded-r-none" : e.rounded === "sm" ? l = "rounded-l-sm rounded-r-none" : e.rounded === "lg" ? l = "rounded-l-lg rounded-r-none" : e.rounded === "full" ? l = "rounded-l-full rounded-r-none" : e.rounded !== "none" && (l = l.replace("rounded-", "rounded-l-").replace("rounded-r-", ""))), e.variant === "outline-b" && (l = "rounded-none");
+      const P = e.variant === "outline-b" || e.variant === "transparent";
       return [
-        l,
+        t,
         o[e.variant],
-        a[e.size],
-        n,
+        i[e.size],
+        l,
         e.error ? "border-destructive focus-visible:ring-destructive" : "",
-        // Left Padding
-        e.icon ? "pl-9" : L && !g.value ? "pl-0" : "",
-        // Right Padding
-        e.showClearButton && j.value || e.type === "password" || e.loading || e.iconRight ? "pr-9" : L && !h.value ? "pr-0" : "",
+        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.inputClass
       ].join(" ");
-    }), z = {
+    }), R = {
       sm: "text-xs",
       md: "text-sm",
       lg: "text-base"
-    }, E = u(() => {
-      const l = {
-        sm: "rounded-l-sm",
-        md: "rounded-l-md",
-        lg: "rounded-l-lg",
-        full: "rounded-l-full",
-        none: "rounded-none",
-        xl: "rounded-l-xl",
-        "2xl": "rounded-l-2xl"
-      }, o = !!m["addon-left"];
+    }, $ = (t) => {
+      const o = t === "left";
+      return [
+        // Ensure height matches
+        "[&_button]:w-full [&_a]:w-full! [&_.v-btn]:w-full! [&_.tooltip-trigger]:w-full",
+        // Handle borders (Connect sides)
+        o ? "[&_button]:rounded-r-none [&_a]:rounded-r-none [&_.v-btn]:rounded-r-none" : "[&_button]:rounded-l-none [&_a]:rounded-l-none [&_.v-btn]:rounded-l-none",
+        // Ensure focus ring appears on top
+        "[&_button]:relative [&_button]:focus:z-20",
+        // Merge borders (Negative margin to overlap single pixels)
+        o ? "-mr-px" : "-ml-px",
+        "z-10"
+        // Ensure addons sit visually above input border if needed
+      ].join(" ");
+    }, E = r(() => {
+      const t = !!m["addon-left"];
       return [
         "flex items-center justify-center whitespace-nowrap",
-        o ? "border-none" : "bg-muted border border-input border-r-0! px-3 text-muted-foreground",
-        o ? "" : z[e.size],
-        l[e.rounded] || "rounded-l-md",
+        t ? `border-none ${$("left")}` : `bg-muted border border-input border-r-0! px-3 text-muted-foreground ${{
+          sm: "rounded-l-sm",
+          md: "rounded-l-md",
+          lg: "rounded-l-lg",
+          full: "rounded-l-full",
+          none: "rounded-none",
+          xl: "rounded-l-xl",
+          "2xl": "rounded-l-2xl"
+        }[e.rounded] || "rounded-l-md"}`,
+        t ? "" : R[e.size],
         e.addonLeftClass,
         e.disabled ? "opacity-50 cursor-not-allowed" : ""
       ].join(" ");
-    }), D = u(() => {
-      const l = {
-        sm: "rounded-r-sm",
-        md: "rounded-r-md",
-        lg: "rounded-r-lg",
-        full: "rounded-r-full",
-        none: "rounded-none",
-        xl: "rounded-r-xl",
-        "2xl": "rounded-r-2xl"
-      }, o = !!m["addon-right"];
+    }), D = r(() => {
+      const t = !!m["addon-right"];
       return [
         "flex items-center justify-center whitespace-nowrap",
-        o ? "border-none" : "bg-muted border border-input border-l-0! px-3 text-muted-foreground",
-        o ? "" : z[e.size],
-        l[e.rounded] || "rounded-r-md",
+        t ? `border-none ${$("right")}` : `bg-muted border border-input border-l-0! px-3 text-muted-foreground ${{
+          sm: "rounded-r-sm",
+          md: "rounded-r-md",
+          lg: "rounded-r-lg",
+          full: "rounded-r-full",
+          none: "rounded-none",
+          xl: "rounded-r-xl",
+          "2xl": "rounded-r-2xl"
+        }[e.rounded] || "rounded-r-md"}`,
+        t ? "" : R[e.size],
         e.addonRightClass,
         e.disabled ? "opacity-50 cursor-not-allowed" : ""
       ].join(" ");
-    }), H = (l) => {
+    }), H = (t) => {
       if (e.lazy) return;
-      const o = l.target;
-      r("update:modelValue", o.value);
-    }, U = (l) => {
-      const o = l.target;
-      e.lazy && r("update:modelValue", o.value), r("change", o.value);
+      const o = t.target;
+      u("update:modelValue", o.value);
+    }, U = (t) => {
+      const o = t.target;
+      e.lazy && u("update:modelValue", o.value), u("change", o.value);
     }, W = () => {
       b.value = !b.value;
     }, q = () => {
-      r("update:modelValue", ""), A(() => {
+      u("update:modelValue", ""), A(() => {
         y.value?.focus();
       });
-    }, p = v(!1), w = v(!1), P = (l) => {
-      p.value = !0, r("focus", l);
-    }, S = (l) => {
-      p.value = !1, r("blur", l);
+    }, h = v(!1), w = v(!1), S = (t) => {
+      h.value = !0, u("focus", t);
+    }, L = (t) => {
+      h.value = !1, u("blur", t);
     };
     return K(() => {
       e.autofocus && A(() => {
         y.value?.focus();
       });
-    }), (l, o) => (d(), i("div", {
-      class: s(N.value)
+    }), (t, o) => (d(), s("div", {
+      class: a(N.value)
     }, [
-      t.label ? (d(), C(Q, {
+      n.label ? (d(), C(Q, {
         key: 0,
-        for: t.label,
-        class: s(["mb-1.5", t.labelPosition !== "top" ? "mb-0" : ""].join(" "))
+        for: n.label,
+        class: a(["mb-1.5", n.labelPosition !== "top" ? "mb-0" : ""].join(" "))
       }, {
         default: O(() => [
-          k(V(t.label), 1)
+          k(V(n.label), 1)
         ]),
         _: 1
       }, 8, ["for", "class"])) : c("", !0),
-      B("div", {
-        class: s(T.value)
+      z("div", {
+        class: a(T.value)
       }, [
-        g.value ? (d(), i("div", {
+        g.value ? (d(), s("div", {
           key: 0,
-          class: s(E.value)
+          class: a(E.value)
         }, [
-          F(l.$slots, "addon-left", {}, () => [
-            k(V(t.addonLeft), 1)
+          F(t.$slots, "addon-left", {}, () => [
+            k(V(n.addonLeft), 1)
           ])
         ], 2)) : c("", !0),
-        B("div", {
+        z("div", {
           class: "relative w-full",
-          onMouseenter: o[3] || (o[3] = (a) => w.value = !0),
-          onMouseleave: o[4] || (o[4] = (a) => w.value = !1)
+          onMouseenter: o[2] || (o[2] = (i) => w.value = !0),
+          onMouseleave: o[3] || (o[3] = (i) => w.value = !1)
         }, [
-          t.type === "textarea" ? (d(), C(X, {
+          n.type === "textarea" ? (d(), C(X, {
             key: 0,
-            "model-value": String(t.modelValue),
-            placeholder: t.placeholder,
-            disabled: t.disabled,
-            rows: t.rows,
-            class: s(R.value),
-            "onUpdate:modelValue": o[0] || (o[0] = (a) => r("update:modelValue", a)),
-            onBlur: S,
-            onFocus: P
-          }, null, 8, ["model-value", "placeholder", "disabled", "rows", "class"])) : (d(), i("input", {
+            "model-value": String(n.modelValue),
+            placeholder: n.placeholder,
+            disabled: n.disabled,
+            rows: n.rows,
+            class: a(j.value),
+            "onUpdate:modelValue": o[0] || (o[0] = (i) => u("update:modelValue", i)),
+            onBlur: L,
+            onFocus: S
+          }, null, 8, ["model-value", "placeholder", "disabled", "rows", "class"])) : (d(), s("input", {
             key: 1,
             ref_key: "inputRef",
             ref: y,
             type: M.value,
-            value: t.modelValue,
-            placeholder: t.placeholder,
-            disabled: t.disabled,
-            min: t.min,
-            max: t.max,
-            class: s(R.value),
+            value: n.modelValue,
+            placeholder: n.placeholder,
+            disabled: n.disabled,
+            min: n.min,
+            max: n.max,
+            class: a(j.value),
             onInput: H,
             onChange: U,
-            onBlur: S,
-            onFocus: P
+            onBlur: L,
+            onFocus: S
           }, null, 42, Y)),
-          t.icon ? (d(), i("div", {
+          n.icon ? (d(), s("div", {
             key: 2,
             tabindex: "-1",
-            class: s([
-              "absolute left-3 top-1/2 -translate-y-1/2 flex items-center justify-center text-muted-foreground",
-              t.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:text-foreground"
-            ]),
-            onClick: o[1] || (o[1] = (a) => !t.disabled && r("click:icon", a))
+            class: a([
+              "absolute left-3 top-1/2 -translate-y-1/2 flex items-center justify-center text-muted-foreground z-20 pointer-events-none",
+              n.disabled ? "opacity-50" : ""
+            ])
           }, [
             x(f, {
-              icon: t.icon,
+              icon: n.icon,
               class: "h-4 w-4"
             }, null, 8, ["icon"])
           ], 2)) : c("", !0),
-          B("div", Z, [
-            t.loading ? (d(), C(f, {
+          z("div", Z, [
+            n.loading ? (d(), C(f, {
               key: 0,
               icon: "lucide:loader-2",
               class: "h-4 w-4 animate-spin text-muted-foreground"
-            })) : t.iconRight ? (d(), i("div", {
+            })) : n.iconRight ? (d(), s("div", {
               key: 1,
               tabindex: "-1",
-              class: s([
+              class: a([
                 "flex items-center justify-center text-muted-foreground",
-                t.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:text-foreground"
+                n.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:text-foreground"
               ]),
-              onClick: o[2] || (o[2] = (a) => !t.disabled && r("click:icon-right", a))
+              onClick: o[1] || (o[1] = (i) => !n.disabled && u("click:icon-right", i))
             }, [
               x(f, {
-                icon: t.iconRight,
+                icon: n.iconRight,
                 class: "h-4 w-4"
               }, null, 8, ["icon"])
             ], 2)) : c("", !0),
-            t.type === "password" && !t.disabled ? (d(), i("button", {
+            n.type === "password" && !n.disabled ? (d(), s("button", {
               key: 2,
               type: "button",
               tabindex: "-1",
@@ -236,7 +245,7 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
                 class: "h-4 w-4"
               }, null, 8, ["icon"])
             ])) : c("", !0),
-            t.showClearButton && j.value && !t.disabled && !t.loading && t.type !== "textarea" && t.type !== "password" && (p.value || w.value) ? (d(), i("button", {
+            n.showClearButton && B.value && !n.disabled && !n.loading && n.type !== "textarea" && n.type !== "password" && (h.value || w.value) ? (d(), s("button", {
               key: 3,
               type: "button",
               tabindex: "-1",
@@ -250,12 +259,12 @@ const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { clas
             ])) : c("", !0)
           ])
         ], 32),
-        h.value ? (d(), i("div", {
+        p.value ? (d(), s("div", {
           key: 1,
-          class: s(D.value)
+          class: a(D.value)
         }, [
-          F(l.$slots, "addon-right", {}, () => [
-            k(V(t.addonRight), 1)
+          F(t.$slots, "addon-right", {}, () => [
+            k(V(n.addonRight), 1)
           ])
         ], 2)) : c("", !0)
       ], 2)