vlite3 0.6.1 → 0.6.3

package/components/CheckBox.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as v, computed as s, openBlock as l, createElementBlock as f, createElementVNode as g, normalizeClass as d, createVNode as w, Transition as C, withCtx as h, createBlock as o, createCommentVNode as r, createTextVNode as V, toDisplayString as z } from "vue";
+import { defineComponent as v, computed as s, openBlock as l, createElementBlock as f, createElementVNode as g, normalizeClass as i, createVNode as w, Transition as C, withCtx as h, createBlock as o, createCommentVNode as r, createTextVNode as V, toDisplayString as z } from "vue";
 import p from "./Icon.vue.js";
 import B from "./Label.vue.js";
 import { $t as N } from "../utils/i18n.js";
@@ -23,8 +23,8 @@ const _ = { class: "flex items-center space-x-2" }, j = ["aria-checked", "data-s
   setup(t, { emit: b }) {
     const e = t, c = b, u = s(() => e.labelI18n ? N(e.labelI18n) : e.label), m = () => {
       if (e.disabled) return;
-      const i = !(e.modelValue || e.checked);
-      c("update:modelValue", i), c("update:checked", i);
+      const d = !(e.modelValue || e.checked);
+      c("update:modelValue", d), c("update:checked", d);
     }, k = {
       xs: "h-3.5 w-3.5",
       sm: "h-4 w-4",
@@ -37,7 +37,7 @@ const _ = { class: "flex items-center space-x-2" }, j = ["aria-checked", "data-s
       md: "h-3.5 w-3.5",
       lg: "h-4 w-4",
       xl: "h-5 w-5"
-    }, x = {
+    }, y = {
       none: "rounded-none",
       xs: "rounded-[3px]",
       sm: "rounded-[4px]",
@@ -46,29 +46,30 @@ const _ = { class: "flex items-center space-x-2" }, j = ["aria-checked", "data-s
       xl: "rounded-lg",
       "2xl": "rounded-xl",
       full: "rounded-full"
-    }, y = s(() => [
-      "peer shrink-0 border border-primary transition-all duration-200 ease-in-out",
+    }, a = s(() => e.indeterminate ? "indeterminate" : e.modelValue || e.checked ? "checked" : "unchecked"), x = s(() => [
+      "peer shrink-0 border  transition-all duration-200 ease-in-out",
       "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
       "disabled:cursor-not-allowed disabled:opacity-50",
       "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
       "data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground",
       "cursor-pointer bg-transparent",
       k[e.size],
-      x[e.rounded || e.size],
+      y[e.rounded || e.size],
+      a.value === "checked" ? "border-primary!" : "border-gray-400!",
       e.class
-    ].join(" ")), a = s(() => e.indeterminate ? "indeterminate" : e.modelValue || e.checked ? "checked" : "unchecked");
+    ].join(" "));
     return s(() => [
       "transition-transform duration-200",
       a.value === "checked" || a.value === "indeterminate" ? "scale-100" : "scale-0",
       n[e.size]
-    ].join(" ")), (i, $) => (l(), f("div", _, [
+    ].join(" ")), (d, $) => (l(), f("div", _, [
       g("button", {
         type: "button",
         role: "checkbox",
         "aria-checked": t.indeterminate ? "mixed" : t.modelValue,
         "data-state": a.value,
         disabled: t.disabled,
-        class: d(y.value),
+        class: i(x.value),
         id: t.id,
         onClick: m
       }, [
@@ -85,11 +86,11 @@ const _ = { class: "flex items-center space-x-2" }, j = ["aria-checked", "data-s
               a.value === "checked" ? (l(), o(p, {
                 key: 0,
                 icon: "lucide:check",
-                class: d(n[t.size])
+                class: i(n[t.size])
               }, null, 8, ["class"])) : a.value === "indeterminate" ? (l(), o(p, {
                 key: 1,
                 icon: "lucide:minus",
-                class: d(n[t.size])
+                class: i(n[t.size])
               }, null, 8, ["class"])) : r("", !0)
             ]),
             _: 1

package/components/CommandPaletteContent.vue.js

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

package/components/CommandPaletteContent.vue2.js

@@ -255,7 +255,7 @@ const se = { class: "command-palette-content flex flex-col w-full h-full max-h-[
               "aria-disabled": e.disabled || void 0,
               "data-active": x(r, l) === a.value,
               class: T(["command-palette-item w-full flex items-center gap-3 px-3! py-2.5 mx-1 rounded-lg text-sm transition-colors duration-100 text-left cursor-pointer select-none focus-visible:outline-none", [
-                x(r, l) === a.value ? "bg-gray-200 text-foreground" : "text-muted-foreground hover:bg-muted/70 hover:text-foreground",
+                x(r, l) === a.value ? "bg-gray-200/80 text-foreground" : "text-muted-foreground hover:bg-muted/70 hover:text-foreground",
                 e.disabled ? "opacity-40 cursor-not-allowed" : ""
               ]]),
               style: { width: "calc(100% - 8px)" },
@@ -265,7 +265,7 @@ const se = { class: "command-palette-content flex flex-col w-full h-full max-h-[
               s("span", {
                 class: T([
                   "shrink-0 flex items-center justify-center w-7 h-7 rounded-md",
-                  x(r, l) === a.value ? "bg-gray-300 text-primary" : "bg-muted/80 text-muted-foreground"
+                  x(r, l) === a.value ? "bg-gray-300/80 text-gray-900" : "bg-muted/80 text-muted-foreground"
                 ])
               }, [
                 w(h, {

package/components/Form/Form.vue.d.ts

@@ -1,52 +1,29 @@
 import { IForm, IFormStep, IFormSubmitPayload } from './types';
 import { InputVariant, InputSize, InputRounded, TimelineTextPosition, ButtonProps } from '../../types';
 interface Props {
-    /** Schema - single array or grouped arrays */
     schema: IForm[] | IForm[][];
-    /** Initial/bound values */
     values?: Record<string, any>;
-    /** Input variant applied to all fields */
     variant?: InputVariant;
-    /** Input size applied to all fields */
     size?: InputSize;
-    /** Input rounded applied to all fields */
     rounded?: InputRounded;
-    /** Loading state during submit */
     loading?: boolean;
-    /** Show/hide default footer with submit button */
     footer?: boolean;
-    /** Headings for grouped schemas */
     groupsHeadings?: string[];
-    /** Descriptions for grouped schemas */
     groupHeadingsDescription?: string[];
-    /** Timeline steps for multi-step form mode */
     tabs?: IFormStep[];
-    /** Submit button text */
     submitText?: string;
     submitProps?: ButtonProps;
-    /** Cancel button text */
     cancelText?: string;
-    /** Show cancel button */
     showCancel?: boolean;
-    /** Whether this is an update operation */
     isUpdate?: boolean;
-    /** Folder ID for file uploads */
     folderId?: string;
-    /** Custom class for form element */
     class?: string;
-    /** Custom class for the grid layout (overrides columns) */
     className?: string;
-    /** Custom class for group containers */
     groupClass?: string;
-    /** Custom class for group/step headers */
     headerClass?: string;
-    /** Custom class for the footer area */
     footerClass?: string;
-    /** Timeline text position */
     timelineTextPosition?: TimelineTextPosition;
-    /** Fields to explicitly include in the submit payload */
     emitFields?: string[];
-    /** Show asterisk for required fields */
     showRequiredAsterisk?: boolean;
 }
 declare function __VLS_template(): {

package/components/Form/Form.vue.js

@@ -1,7 +1,7 @@
 import o from "./Form.vue2.js";
 /* empty css          */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-655cd96c"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-78f87e2c"]]);
 export {
   p as default
 };

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
 };