vlite3 0.6.1 → 0.6.4

package/components/Form/Form.vue2.js

@@ -1,26 +1,26 @@
-import { defineComponent as se, inject as le, computed as n, ref as oe, watch as $, onUnmounted as ne, openBlock as o, createElementBlock as u, withModifiers as re, normalizeClass as g, createVNode as V, unref as a, createCommentVNode as d, Fragment as ue, renderList as de, createElementVNode as p, toDisplayString as N, renderSlot as ce, createBlock as S, mergeProps as j } from "vue";
-import { useForm as me } from "./composables/useForm.js";
+import { defineComponent as le, inject as oe, computed as n, ref as ne, watch as $, onUnmounted as re, openBlock as o, createElementBlock as d, withModifiers as ue, normalizeClass as g, createVNode as N, unref as s, createCommentVNode as c, Fragment as de, renderList as ce, createElementVNode as p, toDisplayString as U, renderSlot as me, createBlock as S, mergeProps as j } from "vue";
+import { useForm as ve } from "./composables/useForm.js";
 import H from "./FormFields.vue.js";
 import C from "../Button.vue.js";
-import ve from "../Timeline/Timeline.vue.js";
+import fe from "../Timeline/Timeline.vue.js";
 import "@iconify/vue";
-import { useVLiteConfig as fe } from "../../core/config.js";
-const ge = {
+import { useVLiteConfig as ge } from "../../core/config.js";
+const he = {
   key: 1,
   class: "form-fields-single"
-}, he = {
+}, be = {
   key: 2,
   class: "form-groups space-y-6"
-}, be = { class: "text-base font-semibold text-foreground" }, ye = {
+}, ye = { class: "text-base font-semibold text-foreground" }, pe = {
   key: 0,
   class: "text-sm text-muted-foreground mt-1"
-}, pe = { class: "form-group-body p-6" }, Se = {
+}, Se = { class: "form-group-body p-4.5" }, Ce = {
   key: 3,
   class: "form-step"
-}, Ce = { class: "text-lg font-semibold text-foreground" }, ke = {
+}, ke = { class: "text-lg font-semibold text-foreground" }, xe = {
   key: 0,
   class: "text-sm text-muted-foreground mt-1"
-}, Fe = { class: "flex items-center gap-3" }, xe = { class: "flex items-center gap-3 ml-auto" }, qe = /* @__PURE__ */ se({
+}, Fe = { class: "flex items-center gap-3" }, Ae = { class: "flex items-center gap-3 ml-auto" }, Te = /* @__PURE__ */ le({
   __name: "Form",
   props: {
     schema: {},
@@ -50,19 +50,19 @@ const ge = {
   },
   emits: ["onSubmit", "onCancel", "onStepChange", "onAddonAction"],
   setup(e, { emit: I }) {
-    const t = e, m = I, v = le(
+    const i = e, m = I, v = oe(
       "modal-context",
       null
-    ), J = fe(), k = n(() => J?.components?.form || {}), U = n(() => t.variant ?? k.value.variant ?? "outline"), z = n(() => t.size ?? k.value.size ?? "md"), P = n(() => t.rounded ?? k.value.rounded ?? "md"), D = n(
-      () => t.showRequiredAsterisk ?? k.value.showRequiredAsterisk ?? !0
-    ), K = n(() => t.showCancel || !!v), O = n(() => !!v), F = n(() => !t.schema || t.schema.length === 0 ? !1 : Array.isArray(t.schema[0])), r = n(() => t.tabs && t.tabs.length > 0 && F.value), s = oe(0), M = n(() => t.tabs ? t.tabs.map((l, i) => ({
-      id: l.id?.toString() || i.toString(),
-      title: l.title,
-      icon: l.icon,
-      description: l.description,
-      status: i < s.value ? "completed" : i === s.value ? "current" : "upcoming"
-    })) : []), h = n(() => F.value ? t.schema : [t.schema]), E = n(() => r.value ? h.value[s.value] || [] : []), {
-      formValues: x,
+    ), K = ge(), k = n(() => K?.components?.form || {}), z = n(() => i.variant ?? k.value.variant ?? "outline"), D = n(() => i.size ?? k.value.size ?? "md"), P = n(() => i.rounded ?? k.value.rounded ?? "md"), q = n(
+      () => i.showRequiredAsterisk ?? k.value.showRequiredAsterisk ?? !0
+    ), J = n(() => i.showCancel || !!v), O = n(() => !!v), x = n(() => !i.schema || i.schema.length === 0 ? !1 : Array.isArray(i.schema[0])), u = n(() => i.tabs && i.tabs.length > 0 && x.value), l = ne(0), M = n(() => i.tabs ? i.tabs.map((a, t) => ({
+      id: a.id?.toString() || t.toString(),
+      title: a.title,
+      icon: a.icon,
+      description: a.description,
+      status: t < l.value ? "completed" : t === l.value ? "current" : "upcoming"
+    })) : []), h = n(() => x.value ? i.schema : [i.schema]), E = n(() => u.value ? h.value[l.value] || [] : []), {
+      formValues: F,
       errors: b,
       isSubmitting: y,
       handleFieldChange: Q,
@@ -70,63 +70,63 @@ const ge = {
       validateAll: X,
       isFieldVisible: A,
       isFieldDisabled: w,
-      isFieldReadonly: q,
-      getFieldValue: Ae,
+      isFieldReadonly: T,
+      getFieldValue: we,
       handleSubmit: Y,
-      flatSchema: we
-    } = me({
-      schema: t.schema,
-      values: t.values,
-      isUpdate: t.isUpdate,
-      folderId: t.folderId,
-      emitFields: t.emitFields,
-      onSubmit: (l) => {
-        m("onSubmit", l, v?.close || (() => {
+      flatSchema: Re
+    } = ve({
+      schema: i.schema,
+      values: i.values,
+      isUpdate: i.isUpdate,
+      folderId: i.folderId,
+      emitFields: i.emitFields,
+      onSubmit: (a) => {
+        m("onSubmit", a, v?.close || (() => {
         }));
       }
     });
     $(
-      () => t.loading || y.value,
-      (l) => {
-        v?.setSubmitting && v.setSubmitting(l);
+      () => i.loading || y.value,
+      (a) => {
+        v?.setSubmitting && v.setSubmitting(a);
       },
       { immediate: !0 }
-    ), ne(() => {
+    ), re(() => {
       v?.setSubmitting && v.setSubmitting(!1);
     }), $(
-      () => t.values,
-      (l) => {
+      () => i.values,
+      (a) => {
       },
       { deep: !0 }
     );
-    const T = (l, i) => {
-      Q(l, i.value, i.data);
+    const B = (a, t) => {
+      Q(a, t.value, t.data);
     }, Z = () => {
-      if (!r.value) return !0;
-      const l = E.value;
-      let i = !0;
-      for (const c of l) {
-        if (!A(c) || w(c)) continue;
-        W(c) && (i = !1);
+      if (!u.value) return !0;
+      const a = E.value;
+      let t = !0;
+      for (const r of a) {
+        if (!A(r) || w(r)) continue;
+        W(r) && (t = !1);
       }
-      return i;
-    }, _ = n(() => r.value ? s.value < h.value.length - 1 : !1), G = n(() => r.value ? s.value > 0 : !1), R = n(() => r.value ? s.value === h.value.length - 1 : !0), L = () => {
-      _.value && Z() && (s.value++, m("onStepChange", s.value));
+      return t;
+    }, _ = n(() => u.value ? l.value < h.value.length - 1 : !1), L = n(() => u.value ? l.value > 0 : !1), R = n(() => u.value ? l.value === h.value.length - 1 : !0), G = () => {
+      _.value && Z() && (l.value++, m("onStepChange", l.value));
     }, ee = () => {
-      G.value && (s.value--, m("onStepChange", s.value));
-    }, te = (l, i) => {
-      i <= s.value && (s.value = i, m("onStepChange", s.value));
-    }, B = async () => {
-      if (r.value) {
-        if (!R.value && !t.isUpdate) {
-          L();
+      L.value && (l.value--, m("onStepChange", l.value));
+    }, te = (a, t) => {
+      t <= l.value && (l.value = t, m("onStepChange", l.value));
+    }, V = async () => {
+      if (u.value) {
+        if (!R.value && !i.isUpdate) {
+          G();
           return;
         }
         if (!X()) {
-          const i = h.value.findIndex(
-            (c) => c.some((f) => !!b.value[f.name])
+          const t = h.value.findIndex(
+            (r) => r.some((f) => !!b.value[f.name])
           );
-          i !== -1 && i !== s.value && (s.value = i, m("onStepChange", s.value));
+          t !== -1 && t !== l.value && (l.value = t, m("onStepChange", l.value));
           return;
         }
       }
@@ -134,106 +134,111 @@ const ge = {
         await Y();
       } catch {
       }
-    }, ie = () => {
+    }, ie = (a) => {
+      if (a.key !== "Enter") return;
+      const r = a.target.tagName.toLowerCase();
+      r !== "textarea" && r !== "button" && (a.preventDefault(), V());
+    }, ae = () => {
       m("onCancel"), v && v?.close?.();
     };
-    return (l, i) => (o(), u("form", {
-      class: g(["form-container", t.class]),
-      onSubmit: re(B, ["prevent"])
+    return (a, t) => (o(), d("form", {
+      class: g(["form-container", i.class]),
+      onSubmit: ue(V, ["prevent"]),
+      onKeydown: ie
     }, [
-      r.value && M.value.length > 0 ? (o(), u("div", {
+      u.value && M.value.length > 0 ? (o(), d("div", {
         key: 0,
         class: g(["form-timeline", e.timelineTextPosition == "right" ? "mb-6.5" : "mb-13"])
       }, [
-        V(a(ve), {
+        N(s(fe), {
           steps: M.value,
-          activeStep: s.value,
+          activeStep: l.value,
           direction: "horizontal",
           textPosition: e.timelineTextPosition,
           clickable: !0,
           onStepClick: te
         }, null, 8, ["steps", "activeStep", "textPosition"])
-      ], 2)) : d("", !0),
-      F.value ? F.value && !r.value ? (o(), u("div", he, [
-        (o(!0), u(ue, null, de(h.value, (c, f) => (o(), u("div", {
+      ], 2)) : c("", !0),
+      x.value ? x.value && !u.value ? (o(), d("div", be, [
+        (o(!0), d(de, null, ce(h.value, (r, f) => (o(), d("div", {
           key: f,
-          class: g(["form-group border rounded-lg overflow-hidden", e.groupClass])
+          class: g(["form-group border rounded overflow-hidden", e.groupClass])
         }, [
-          e.groupsHeadings?.[f] ? (o(), u("div", {
+          e.groupsHeadings?.[f] ? (o(), d("div", {
             key: 0,
-            class: g(["form-group-header bg-muted/50 px-6 py-4 border-b", e.headerClass])
+            class: g(["form-group-header bg-muted/50 px-4 py-2.5 border-b", e.headerClass])
           }, [
-            p("h3", be, N(e.groupsHeadings[f]), 1),
-            e.groupHeadingsDescription?.[f] ? (o(), u("p", ye, N(e.groupHeadingsDescription[f]), 1)) : d("", !0)
-          ], 2)) : d("", !0),
-          p("div", pe, [
-            V(H, {
-              schema: c,
-              values: a(x),
-              errors: a(b),
-              variant: U.value,
-              size: z.value,
+            p("h3", ye, U(e.groupsHeadings[f]), 1),
+            e.groupHeadingsDescription?.[f] ? (o(), d("p", pe, U(e.groupHeadingsDescription[f]), 1)) : c("", !0)
+          ], 2)) : c("", !0),
+          p("div", Se, [
+            N(H, {
+              schema: r,
+              values: s(F),
+              errors: s(b),
+              variant: z.value,
+              size: D.value,
               rounded: P.value,
               className: e.className,
               isUpdate: e.isUpdate,
-              showRequiredAsterisk: D.value,
-              isFieldVisible: a(A),
-              isFieldDisabled: a(w),
-              isFieldReadonly: a(q),
-              onChange: T,
-              onAddonAction: i[1] || (i[1] = (ae) => m("onAddonAction", ae))
+              showRequiredAsterisk: q.value,
+              isFieldVisible: s(A),
+              isFieldDisabled: s(w),
+              isFieldReadonly: s(T),
+              onChange: B,
+              onAddonAction: t[1] || (t[1] = (se) => m("onAddonAction", se))
             }, null, 8, ["schema", "values", "errors", "variant", "size", "rounded", "className", "isUpdate", "showRequiredAsterisk", "isFieldVisible", "isFieldDisabled", "isFieldReadonly"])
           ])
         ], 2))), 128))
-      ])) : r.value ? (o(), u("div", Se, [
-        e.tabs?.[s.value] ? (o(), u("div", {
+      ])) : u.value ? (o(), d("div", Ce, [
+        e.tabs?.[l.value] ? (o(), d("div", {
           key: 0,
           class: g(["form-step-header mb-6", e.headerClass])
         }, [
-          p("h2", Ce, N(e.tabs[s.value].title), 1),
-          e.tabs[s.value].description ? (o(), u("p", ke, N(e.tabs[s.value].description), 1)) : d("", !0)
-        ], 2)) : d("", !0),
-        V(H, {
+          p("h2", ke, U(e.tabs[l.value].title), 1),
+          e.tabs[l.value].description ? (o(), d("p", xe, U(e.tabs[l.value].description), 1)) : c("", !0)
+        ], 2)) : c("", !0),
+        N(H, {
           schema: E.value,
-          values: a(x),
-          errors: a(b),
-          variant: U.value,
-          size: z.value,
+          values: s(F),
+          errors: s(b),
+          variant: z.value,
+          size: D.value,
           rounded: P.value,
           className: e.className,
           isUpdate: e.isUpdate,
-          showRequiredAsterisk: D.value,
-          isFieldVisible: a(A),
-          isFieldDisabled: a(w),
-          isFieldReadonly: a(q),
-          onChange: T,
-          onAddonAction: i[2] || (i[2] = (c) => m("onAddonAction", c))
+          showRequiredAsterisk: q.value,
+          isFieldVisible: s(A),
+          isFieldDisabled: s(w),
+          isFieldReadonly: s(T),
+          onChange: B,
+          onAddonAction: t[2] || (t[2] = (r) => m("onAddonAction", r))
         }, null, 8, ["schema", "values", "errors", "variant", "size", "rounded", "className", "isUpdate", "showRequiredAsterisk", "isFieldVisible", "isFieldDisabled", "isFieldReadonly"])
-      ])) : d("", !0) : (o(), u("div", ge, [
-        V(H, {
+      ])) : c("", !0) : (o(), d("div", he, [
+        N(H, {
           schema: e.schema,
-          values: a(x),
-          errors: a(b),
-          variant: U.value,
-          size: z.value,
+          values: s(F),
+          errors: s(b),
+          variant: z.value,
+          size: D.value,
           rounded: P.value,
           className: e.className,
           isUpdate: e.isUpdate,
-          showRequiredAsterisk: D.value,
-          isFieldVisible: a(A),
-          isFieldDisabled: a(w),
-          isFieldReadonly: a(q),
-          onChange: T,
-          onAddonAction: i[0] || (i[0] = (c) => m("onAddonAction", c))
+          showRequiredAsterisk: q.value,
+          isFieldVisible: s(A),
+          isFieldDisabled: s(w),
+          isFieldReadonly: s(T),
+          onChange: B,
+          onAddonAction: t[0] || (t[0] = (r) => m("onAddonAction", r))
         }, null, 8, ["schema", "values", "errors", "variant", "size", "rounded", "className", "isUpdate", "showRequiredAsterisk", "isFieldVisible", "isFieldDisabled", "isFieldReadonly"])
       ])),
-      ce(l.$slots, "default", {
-        values: a(x),
-        errors: a(b),
-        isSubmitting: a(y),
-        handleSubmit: B
+      me(a.$slots, "default", {
+        values: s(F),
+        errors: s(b),
+        isSubmitting: s(y),
+        handleSubmit: V
       }, void 0, !0),
-      e.footer ? (o(), u("div", {
+      e.footer ? (o(), d("div", {
         key: 4,
         class: g([
           "form-footer flex items-center justify-between gap-3",
@@ -242,54 +247,54 @@ const ge = {
         ])
       }, [
         p("div", Fe, [
-          K.value ? (o(), S(C, {
+          J.value ? (o(), S(C, {
             key: 0,
             type: "button",
             variant: "outline",
             text: e.cancelText,
-            disabled: e.loading || a(y),
-            onClick: ie
-          }, null, 8, ["text", "disabled"])) : d("", !0),
-          r.value && e.isUpdate && !R.value ? (o(), S(C, j({
+            disabled: e.loading || s(y),
+            onClick: ae
+          }, null, 8, ["text", "disabled"])) : c("", !0),
+          u.value && e.isUpdate && !R.value ? (o(), S(C, j({
             key: 1,
             type: "button",
             variant: "primary",
             text: e.submitText
           }, e.submitProps, {
-            loading: e.loading || a(y),
-            onClick: B
-          }), null, 16, ["text", "loading"])) : d("", !0)
+            loading: e.loading || s(y),
+            onClick: V
+          }), null, 16, ["text", "loading"])) : c("", !0)
         ]),
-        p("div", xe, [
-          r.value && G.value ? (o(), S(C, {
+        p("div", Ae, [
+          u.value && L.value ? (o(), S(C, {
             key: 0,
             type: "button",
             variant: "outline",
             icon: "lucide:arrow-left",
             text: "Previous",
             onClick: ee
-          })) : d("", !0),
-          r.value && !R.value ? (o(), S(C, {
+          })) : c("", !0),
+          u.value && !R.value ? (o(), S(C, {
             key: 1,
             type: "button",
             variant: e.isUpdate ? "outline" : "primary",
             text: "Next",
             iconRight: "lucide:arrow-right",
-            onClick: L
-          }, null, 8, ["variant"])) : d("", !0),
-          !r.value || R.value ? (o(), S(C, j({
+            onClick: G
+          }, null, 8, ["variant"])) : c("", !0),
+          !u.value || R.value ? (o(), S(C, j({
             key: 2,
             type: "submit",
             variant: "primary",
             text: e.submitText
           }, e.submitProps, {
-            loading: e.loading || a(y)
-          }), null, 16, ["text", "loading"])) : d("", !0)
+            loading: e.loading || s(y)
+          }), null, 16, ["text", "loading"])) : c("", !0)
         ])
-      ], 2)) : d("", !0)
+      ], 2)) : c("", !0)
     ], 34));
   }
 });
 export {
-  qe as default
+  Te as default
 };

package/components/Form/FormField.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as U, computed as o, markRaw as I, openBlock as r, createBlock as f, mergeProps as s, toHandlers as S, createSlots as N, unref as R, withCtx as n, createVNode as z, createTextVNode as c, toDisplayString as m, createCommentVNode as L, resolveDynamicComponent as B } from "vue";
+import { defineComponent as U, computed as o, markRaw as I, openBlock as r, createBlock as f, mergeProps as s, toHandlers as S, createSlots as N, unref as z, withCtx as n, createVNode as R, createTextVNode as c, toDisplayString as m, createCommentVNode as L, resolveDynamicComponent as B } from "vue";
 import { isComponent as h, isAddonObject as p } from "./utils/form.utils.js";
 import O from "../NumberInput.vue.js";
 import v from "../Button.vue.js";
@@ -119,6 +119,7 @@ const ue = /* @__PURE__ */ U({
       } : t === "switch" ? {
         ...a,
         modelValue: !!e.value,
+        size: "sm",
         label: ""
         // Label handled externally
       } : t === "check" ? {
@@ -240,7 +241,7 @@ const ue = /* @__PURE__ */ U({
       ...b.value,
       ...l.field?.props || {}
     }, S(x.value)), N({ _: 2 }, [
-      R(p)(l.field.addonLeft) ? {
+      z(p)(l.field.addonLeft) ? {
         name: "addon-left",
         fn: n(() => [
           l.field.addonLeft.type === "select" ? (r(), f(y, s({
@@ -251,7 +252,7 @@ const ue = /* @__PURE__ */ U({
             onOnSelect: a[0] || (a[0] = (i) => V(l.field.addonLeft, i))
           }), {
             trigger: n(({ selectedLabel: i }) => [
-              z(v, { variant: "outline" }, {
+              R(v, { variant: "outline" }, {
                 default: n(() => [
                   c(m(i), 1)
                 ]),
@@ -273,7 +274,7 @@ const ue = /* @__PURE__ */ U({
         ]),
         key: "0"
       } : void 0,
-      R(p)(l.field.addonRight) ? {
+      z(p)(l.field.addonRight) ? {
         name: "addon-right",
         fn: n(() => [
           l.field.addonRight.type === "select" ? (r(), f(y, s({
@@ -284,7 +285,7 @@ const ue = /* @__PURE__ */ U({
             onOnSelect: a[2] || (a[2] = (i) => V(l.field.addonRight, i))
           }), {
             trigger: n(({ selectedLabel: i }) => [
-              z(v, { variant: "outline" }, {
+              R(v, { variant: "outline" }, {
                 default: n(() => [
                   c(m(i), 1)
                 ]),

package/components/Form/FormFields.vue.js

@@ -1,7 +1,7 @@
 import o from "./FormFields.vue2.js";
 /* empty css                */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-03c267ac"]]);
+const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-0fe8a23f"]]);
 export {
-  c as default
+  a as default
 };

package/components/Form/FormFields.vue2.js

@@ -33,17 +33,17 @@ const W = {
   },
   emits: ["change", "addonAction"],
   setup(c, { emit: N }) {
-    const a = c, y = N, L = O(() => {
+    const a = c, h = N, L = O(() => {
       if (a.className) return a.className;
-    }), k = (t) => M(a.values, t.name), h = (t) => a.errors[t.name] || "", z = (t) => a.isFieldVisible ? a.isFieldVisible(t) : !0, D = (t) => a.isFieldDisabled ? a.isFieldDisabled(t) : t.disabled === !0, R = (t) => a.isFieldReadonly ? a.isFieldReadonly(t) : t.readonly === !0, o = (t) => t.labelI18n ? Q(t.labelI18n) : t.label, x = (t) => {
+    }), k = (t) => M(a.values, t.name), y = (t) => a.errors[t.name] || "", z = (t) => a.isFieldVisible ? a.isFieldVisible(t) : !0, D = (t) => a.isFieldDisabled ? a.isFieldDisabled(t) : t.disabled === !0, R = (t) => a.isFieldReadonly ? a.isFieldReadonly(t) : t.readonly === !0, o = (t) => t.labelI18n ? Q(t.labelI18n) : t.label, x = (t) => {
       if (t)
         return p(t), t;
     }, $ = (t, n) => {
-      y("change", t.name, n);
+      h("change", t.name, n);
     }, q = (t) => t.itemClass || "", B = (t, n) => {
-      y("change", t, n);
+      h("change", t, n);
     }, I = (t) => {
-      y("addonAction", t);
+      h("addonAction", t);
     }, v = j({}), U = (t) => {
       v.value[t] = !0;
     }, E = (t) => {
@@ -96,7 +96,7 @@ const W = {
               for: e.name,
               class: i([
                 "absolute transition-all duration-200 ease-in-out pointer-events-none z-20",
-                f(e) ? "-top-2.5 left-3 text-xs bg-background px-1 text-primary shadow-[0_4px_4px_-4px_bg-background]" : `top-2.5 text-sm text-muted-foreground/70 ${S(e)}`
+                f(e) ? "-top-2.5 left-3 text-xs bg-background px-1 text-black shadow-[0_4px_4px_-4px_bg-background]" : `top-2.5 text-sm text-muted-foreground/70 ${S(e)}`
               ])
             }, [
               _(p)(o(e)) ? (s(), d(w(x(o(e))), { key: 0 })) : (s(), r(l, { key: 1 }, [
@@ -119,7 +119,7 @@ const W = {
               rounded: c.rounded,
               disabled: D(e),
               readonly: R(e),
-              error: h(e),
+              error: y(e),
               isUpdate: c.isUpdate,
               onChange: (F) => $(e, F),
               onAddonChange: B,
@@ -137,7 +137,7 @@ const W = {
             ]),
             _: 2
           }, 1032, ["for"])) : u("", !0),
-          h(e) ? (s(), r("p", te, m(h(e)), 1)) : u("", !0)
+          y(e) ? (s(), r("p", te, m(y(e)), 1)) : u("", !0)
         ], 2)) : u("", !0)
       ], 64))), 128))
     ], 2));

package/components/Input.vue.js

@@ -1,4 +1,4 @@
-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 C } from "vue";
+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 te from "./Label.vue.js";
 import le from "./Textarea.vue.js";
@@ -40,7 +40,7 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "min", "ma
   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), k = a(() => e.modelValue !== "" && e.modelValue !== null && e.modelValue !== void 0), V = a(() => h.value || k.value || y.value), p = a(() => !!e.addonLeft || !!g["addon-left"]), B = a(() => !!e.addonRight || !!g["addon-right"]), U = a(() => [
+    ), 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(() => h.value || C.value || y.value), p = a(() => !!e.addonLeft || !!g["addon-left"]), B = a(() => !!e.addonRight || !!g["addon-right"]), U = a(() => [
       "relative w-full",
       e.class,
       e.labelPosition === "left" ? "flex items-center gap-4" : "",
@@ -49,11 +49,11 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "min", "ma
       " "
     )), S = a(() => {
       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/70 disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none relative focus:z-10", n = {
-        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",
+        solid: "bg-muted border-transparent focus-visible:border-black",
+        outline: "border border-input focus-visible:border-black",
+        "outline-b": "border-b border-input bg-transparent rounded-none focus-visible:border-black",
         transparent: "border-none bg-transparent shadow-none",
-        floating: "border border-input focus-visible:border-primary"
+        floating: "border border-input focus-visible:border-black"
       }, f = {
         sm: "h-7.5 text-xs",
         md: "h-9 text-sm",
@@ -77,7 +77,7 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "min", "ma
         o,
         e.error ? "border-destructive focus-visible:ring-destructive" : "",
         e.icon ? "pl-9" : M && !p.value ? "pl-0" : "",
-        e.showClearButton && k.value || e.type === "password" || e.loading || e.iconRight ? "pr-9" : M && !B.value ? "pr-0" : "",
+        e.showClearButton && C.value || e.type === "password" || e.loading || e.iconRight ? "pr-9" : M && !B.value ? "pr-0" : "",
         // Keyframe name used to detect browser autofill via animationstart event
         e.variant === "floating" ? "autofill-detect" : "",
         e.inputClass
@@ -188,7 +188,7 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "min", "ma
             for: s.value,
             class: r([
               "absolute transition-all duration-200 ease-in-out pointer-events-none z-20",
-              V.value ? "-top-2.5 left-3 text-xs bg-background px-1 text-primary shadow-[0_4px_4px_-4px_bg-background] translate-y-0" : t.type === "textarea" ? `top-2 text-sm text-muted-foreground/70 ${t.icon ? "left-9" : "left-3"} translate-y-0` : `top-1/2 -translate-y-1/2 text-sm text-muted-foreground/70 ${t.icon ? "left-9" : "left-3"}`
+              V.value ? "-top-2.5 left-3 text-xs bg-background px-1 text-black shadow-[0_4px_4px_-4px_bg-background] translate-y-0" : t.type === "textarea" ? `top-2 text-sm text-muted-foreground/70 ${t.icon ? "left-9" : "left-3"} translate-y-0` : `top-1/2 -translate-y-1/2 text-sm text-muted-foreground/70 ${t.icon ? "left-9" : "left-3"}`
             ])
           }, w(s.value), 11, ne)) : i("", !0),
           t.type === "textarea" ? (d(), R(le, {
@@ -226,7 +226,7 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "min", "ma
               t.disabled ? "opacity-50" : ""
             ])
           }, [
-            C(v, {
+            k(v, {
               icon: t.icon,
               class: r(["h-4 w-4", t.iconClass])
             }, null, 8, ["icon", "class"])
@@ -245,7 +245,7 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "min", "ma
               ]),
               onClick: n[1] || (n[1] = (f) => !t.disabled && c("click:icon-right", f))
             }, [
-              C(v, {
+              k(v, {
                 icon: t.iconRight,
                 class: r(["h-4 w-4", t.iconRightClass])
               }, null, 8, ["icon", "class"])
@@ -257,19 +257,19 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "min", "ma
               class: "flex items-center justify-center text-muted-foreground hover:text-foreground focus:outline-none",
               onClick: O
             }, [
-              C(v, {
+              k(v, {
                 icon: x.value ? "lucide:eye-off" : "lucide:eye",
                 class: "h-4 w-4"
               }, null, 8, ["icon"])
             ])) : i("", !0),
-            t.showClearButton && k.value && !t.disabled && !t.loading && t.type !== "textarea" && t.type !== "password" && (h.value || j.value) ? (d(), u("button", {
+            t.showClearButton && C.value && !t.disabled && !t.loading && t.type !== "textarea" && t.type !== "password" && (h.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
             }, [
-              C(v, {
+              k(v, {
                 icon: "lucide:x-circle",
                 class: "h-4 w-4"
               })

package/components/Modal.vue.js

@@ -1,7 +1,7 @@
 import o from "./Modal.vue2.js";
 /* empty css           */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b4f8e934"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c26acbd9"]]);
 export {
   m as default
 };