vlite3 0.6.7 → 0.6.9

package/_virtual/_commonjsHelpers.js

@@ -0,0 +1,6 @@
+function e(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+export {
+  e as getDefaultExportFromCjs
+};

package/_virtual/dayjs.min.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as o } from "../node_modules/dayjs/dayjs.min.js";
+var t = o();
+const s = /* @__PURE__ */ r(t);
+export {
+  s as default
+};

package/_virtual/dayjs.min2.js

@@ -0,0 +1,4 @@
+var a = { exports: {} };
+export {
+  a as __module
+};

package/components/Barcode/Barcode.vue.d.ts

@@ -9,9 +9,9 @@ export interface BarcodeProps {
     margin?: number;
 }
 declare const _default: import('vue').DefineComponent<BarcodeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BarcodeProps> & Readonly<{}>, {
+    format: string;
     width: number;
     height: number;
-    format: string;
     displayValue: boolean;
     margin: number;
     lineColor: string;

package/components/Breadcrumb/BreadcrumbItem.vue.js

@@ -1,7 +1,7 @@
 import o from "./BreadcrumbItem.vue2.js";
 /* empty css                    */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-5c9662c5"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-ecb5df7c"]]);
 export {
-  a as default
+  e as default
 };

package/components/ConfirmationModal.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as I, computed as l, openBlock as h, createBlock as w, withCtx as s, createElementVNode as r, toDisplayString as f, createVNode as m, renderSlot as x } from "vue";
-import y from "./Modal.vue.js";
+import { defineComponent as I, computed as l, openBlock as y, createBlock as h, createSlots as w, withCtx as c, createElementVNode as r, toDisplayString as f, createVNode as m, renderSlot as x } from "vue";
+import b from "./Modal.vue.js";
 import p from "./Button.vue.js";
 import { $t as n } from "../utils/i18n.js";
-const b = { class: "pb-2 px-[2px]" }, k = { class: "mb-1.5 font-semibold text-lg" }, $ = { class: "text-sm text-muted-foreground" }, B = { class: "flex w-full items-center justify-end space-x-2 px-[2px]" }, S = /* @__PURE__ */ I({
+const k = { class: "pb-2 px-[2px]" }, $ = { class: "mb-1.5 font-semibold text-lg" }, B = { class: "text-sm text-muted-foreground" }, S = { class: "flex w-full items-center justify-end space-x-2 px-[2px]" }, _ = /* @__PURE__ */ I({
   __name: "ConfirmationModal",
   props: {
     show: { type: Boolean, default: !1 },
@@ -21,9 +21,9 @@ const b = { class: "pb-2 px-[2px]" }, k = { class: "mb-1.5 font-semibold text-lg
   setup(o, { emit: u }) {
     const t = o, d = u, a = () => {
       d("cancel");
-    }, v = l(() => t.titleI18n ? n(t.titleI18n) : t.title), T = l(
+    }, v = l(() => t.titleI18n ? n(t.titleI18n) : t.title), g = l(
       () => t.descriptionI18n ? n(t.descriptionI18n) : t.description
-    ), g = l(() => {
+    ), T = l(() => {
       if (t.confirmTextI18n) return n(t.confirmTextI18n);
       if (t.confirmText) return t.confirmText;
       const e = n("vlite.confirmation.confirm");
@@ -34,48 +34,53 @@ const b = { class: "pb-2 px-[2px]" }, k = { class: "mb-1.5 font-semibold text-lg
       const e = n("vlite.confirmation.cancel");
       return e !== "vlite.confirmation.cancel" ? e : "Cancel";
     });
-    return (e, i) => (h(), w(y, {
+    return (e, i) => (y(), h(b, {
       show: o.show,
       footerClass: "border-t-0! pt-0! pb-3.5!",
       "max-width": "max-w-[400px]",
       onClose: a,
-      "onUpdate:show": i[1] || (i[1] = (c) => !c && a())
-    }, {
-      trigger: s(() => [
-        x(e.$slots, "trigger", {}, () => [
-          x(e.$slots, "default")
-        ])
-      ]),
-      footer: s(({ close: c }) => [
-        r("div", B, [
+      "onUpdate:show": i[1] || (i[1] = (s) => !s && a())
+    }, w({
+      footer: c(({ close: s }) => [
+        r("div", S, [
           m(p, {
             variant: "secondary",
             text: C.value,
             disabled: o.loading,
             size: "sm2",
             onClick: () => {
-              c?.(), a?.();
+              s?.(), a?.();
             }
           }, null, 8, ["text", "disabled", "onClick"]),
           m(p, {
             size: "sm2",
             variant: o.variant,
-            text: g.value,
+            text: T.value,
             loading: o.loading,
-            onClick: i[0] || (i[0] = (_) => d("confirm"))
+            onClick: i[0] || (i[0] = (z) => d("confirm"))
           }, null, 8, ["variant", "text", "loading"])
         ])
       ]),
-      default: s(() => [
-        r("div", b, [
-          r("h3", k, f(v.value), 1),
-          r("p", $, f(T.value), 1)
+      default: c(() => [
+        r("div", k, [
+          r("h3", $, f(v.value), 1),
+          r("p", B, f(g.value), 1)
         ])
       ]),
-      _: 3
-    }, 8, ["show"]));
+      _: 2
+    }, [
+      e.$slots?.trigger ? {
+        name: "trigger",
+        fn: c(() => [
+          x(e.$slots, "trigger", {}, () => [
+            x(e.$slots, "default")
+          ])
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["show"]));
   }
 });
 export {
-  S as default
+  _ as default
 };

package/components/DataTable/DataTableRow.vue.js

@@ -1,6 +1,8 @@
-import { defineComponent as k, computed as p, openBlock as c, createElementBlock as d, normalizeClass as u, withModifiers as v, createElementVNode as m, createVNode as N, createCommentVNode as B, Fragment as M, renderList as V, renderSlot as z } from "vue";
-import F from "../CheckBox.vue.js";
-const L = ["data-state"], U = { class: "flex items-center justify-center" }, h = ["title", "innerHTML"], T = /* @__PURE__ */ k({
+import { defineComponent as C, computed as S, openBlock as s, createElementBlock as d, normalizeClass as u, withModifiers as B, createElementVNode as M, createVNode as p, createCommentVNode as N, Fragment as V, renderList as z, renderSlot as F, createBlock as m } from "vue";
+import L from "../CheckBox.vue.js";
+import $ from "../Price/Price.vue.js";
+import T from "../Date/Date.vue.js";
+const E = ["data-state"], H = { class: "flex items-center justify-center" }, I = ["title", "innerHTML"], j = /* @__PURE__ */ C({
   __name: "DataTableRow",
   props: {
     row: {},
@@ -14,30 +16,23 @@ const L = ["data-state"], U = { class: "flex items-center justify-center" }, h =
     compact: { type: Boolean, default: !1 }
   },
   emits: ["select", "rowClick"],
-  setup(i, { emit: f }) {
-    const r = i, a = f, o = (e, t) => {
-      if (!(!e || !t))
-        return t.includes(".") ? t.split(".").reduce((n, l) => n?.[l], e) : e[t];
-    }, g = (e, t, n) => e.format ? e.format(t, n) : t == null ? "-" : e.type === "price" ? new Intl.NumberFormat("en-US", {
-      style: "currency",
-      currency: "USD"
-    }).format(Number(t)) : e.type === "date" ? new Date(t).toLocaleDateString("en-US", {
-      year: "numeric",
-      month: "short",
-      day: "numeric"
-    }) : e.type === "number" ? new Intl.NumberFormat("en-US").format(Number(t)) : String(t), x = (e, t, n) => {
-      const l = [];
-      if (e.capitalize && l.push("capitalize"), e.addStatusColor) {
-        const s = w(t);
-        s && l.push(s);
+  setup(t, { emit: f }) {
+    const a = t, r = f, n = (l, i) => {
+      if (!(!l || !i))
+        return i.includes(".") ? i.split(".").reduce((e, o) => e?.[o], l) : l[i];
+    }, g = (l, i, e) => l.format ? l.format(i, e) : i == null ? "-" : l.type === "number" ? new Intl.NumberFormat("en-US").format(Number(i)) : String(i), w = (l, i, e) => {
+      const o = [];
+      if (l.capitalize && o.push("capitalize"), l.addStatusColor) {
+        const c = x(i);
+        c && o.push(c);
       }
-      if (typeof e.class == "function") {
-        const s = e.class(t, n);
-        s && l.push(s);
-      } else e.class && l.push(e.class);
-      return l.join(" ");
-    }, w = (e) => {
-      const t = {
+      if (typeof l.class == "function") {
+        const c = l.class(i, e);
+        c && o.push(c);
+      } else l.class && o.push(l.class);
+      return o.join(" ");
+    }, x = (l) => {
+      const i = {
         active: "text-success font-medium",
         inactive: "text-muted-foreground",
         pending: "text-warning font-medium",
@@ -51,67 +46,78 @@ const L = ["data-state"], U = { class: "flex items-center justify-center" }, h =
         high: "text-destructive font-medium",
         medium: "text-warning font-medium",
         low: "text-muted-foreground"
-      }, n = String(e).toLowerCase().replace(/[-_\s]/g, "");
-      return t[n] || "";
-    }, y = (e) => ({
+      }, e = String(l).toLowerCase().replace(/[-_\s]/g, "");
+      return i[e] || "";
+    }, y = (l) => ({
       left: "text-left",
       center: "text-center",
       right: "text-right"
-    })[e.align || "left"], b = p(() => o(r.row, r.keyField)), C = () => {
-      a("rowClick", { row: r.row, index: r.index });
-    }, S = () => {
-      a("select", b.value);
+    })[l.align || "left"], b = S(() => n(a.row, a.keyField)), k = () => {
+      r("rowClick", { row: a.row, index: a.index });
+    }, v = () => {
+      r("select", b.value);
     };
-    return (e, t) => (c(), d("tr", {
+    return (l, i) => (s(), d("tr", {
       class: u(["border-b data-[state=selected]:bg-muted h-full", [
-        i.hoverable ? "hover:bg-muted/20" : "",
-        i.striped && i.index % 2 === 1 ? "bg-muted/20" : "bg-background",
-        i.isSelected ? "bg-muted! hover:bg-muted/30" : "",
+        t.hoverable ? "hover:bg-muted/20" : "",
+        t.striped && t.index % 2 === 1 ? "bg-muted/20" : "bg-background",
+        t.isSelected ? "bg-muted! hover:bg-muted/30" : "",
         "group"
       ]]),
-      "data-state": i.isSelected ? "selected" : void 0,
-      onClick: C
+      "data-state": t.isSelected ? "selected" : void 0,
+      onClick: k
     }, [
-      i.selectable ? (c(), d("td", {
+      t.selectable ? (s(), d("td", {
         key: 0,
-        class: "w-[48px] px-0 py-6! align-middle text-center",
+        class: "w-[48px] px-0 py-5.5! align-middle text-center",
         style: { width: "48px" },
-        onClick: t[0] || (t[0] = v(() => {
+        onClick: i[0] || (i[0] = B(() => {
         }, ["stop"]))
       }, [
-        m("div", U, [
-          N(F, {
-            "model-value": i.isSelected,
+        M("div", H, [
+          p(L, {
+            "model-value": t.isSelected,
             size: "xs",
-            "onUpdate:modelValue": S
+            "onUpdate:modelValue": v
           }, null, 8, ["model-value"])
         ])
-      ])) : B("", !0),
-      (c(!0), d(M, null, V(i.headers, (n) => (c(), d("td", {
-        key: n.field,
+      ])) : N("", !0),
+      (s(!0), d(V, null, z(t.headers, (e) => (s(), d("td", {
+        key: e.field,
         class: u(["align-middle overflow-hidden", [
-          i.compact ? "p-2" : "py-3! px-3 -text-fs-1.5!",
-          y(n),
-          n.hideOnMobile ? "hidden md:table-cell" : "",
-          x(n, o(i.row, n.field), i.row)
+          t.compact ? "p-2" : "py-2! px-3 -text-fs-1.5!",
+          y(e),
+          e.hideOnMobile ? "hidden md:table-cell" : "",
+          w(e, n(t.row, e.field), t.row)
         ]])
       }, [
-        z(e.$slots, n.field, {
-          value: o(i.row, n.field),
-          row: i.row,
-          index: i.index,
-          field: n.field
+        F(l.$slots, e.field, {
+          value: n(t.row, e.field),
+          row: t.row,
+          index: t.index,
+          field: e.field
         }, () => [
-          m("span", {
+          e.type === "price" ? (s(), m($, {
+            key: 0,
+            value: n(t.row, e.field),
             class: "truncate block",
-            title: String(o(i.row, n.field)),
-            innerHTML: g(n, o(i.row, n.field), i.row)
-          }, null, 8, h)
+            title: String(n(t.row, e.field))
+          }, null, 8, ["value", "title"])) : e.type === "date" ? (s(), m(T, {
+            key: 1,
+            value: n(t.row, e.field),
+            class: "truncate block",
+            title: String(n(t.row, e.field))
+          }, null, 8, ["value", "title"])) : (s(), d("span", {
+            key: 2,
+            class: "truncate block",
+            title: String(n(t.row, e.field)),
+            innerHTML: g(e, n(t.row, e.field), t.row)
+          }, null, 8, I))
         ])
       ], 2))), 128))
-    ], 10, L));
+    ], 10, E));
   }
 });
 export {
-  T as default
+  j as default
 };

package/components/Date/Date.vue.d.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    /** The date value to format (can be string, number/timestamp, or Date object) */
+    value?: string | number | Date;
+    /** Custom format string overriding the global configuration */
+    format?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;
+export default _default;

package/components/Date/Date.vue.js

@@ -0,0 +1,21 @@
+import { defineComponent as c, computed as o, openBlock as s, createElementBlock as u, toDisplayString as i } from "vue";
+import f from "../../_virtual/dayjs.min.js";
+import { useVLiteConfig as p } from "../../core/config.js";
+const D = /* @__PURE__ */ c({
+  __name: "Date",
+  props: {
+    value: {},
+    format: {}
+  },
+  setup(r) {
+    const t = r, n = p(), a = o(() => t.format || n?.components?.date?.format || "MM/DD/YYYY"), m = o(() => {
+      if (!t.value) return "--";
+      const e = f(t.value);
+      return e.isValid() ? e.format(a.value) : String(t.value);
+    });
+    return (e, l) => (s(), u("span", null, i(m.value), 1));
+  }
+});
+export {
+  D as default
+};

package/components/Date/Date.vue2.js

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

package/components/Date/index.d.ts

@@ -0,0 +1 @@
+export { default as Date } from './Date.vue';

package/components/Dropdown/DropdownMenu.vue.js

@@ -21,7 +21,7 @@ const ve = ["dir"], ye = {
 }, ke = {
   key: 0,
   class: "h-px bg-border my-1 mx-1"
-}, we = ["onMouseenter"], pe = { class: "flex items-center gap-2 flex-1 min-w-0" }, xe = { class: "truncate" }, Se = {
+}, we = ["onMouseenter"], pe = { class: "flex items-center flex-1 min-w-0" }, xe = { class: "truncate" }, Se = {
   key: 3,
   class: "flex justify-center py-2"
 }, Oe = {

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-78f87e2c"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-e5c8ab25"]]);
 export {
   p as default
 };

package/components/Form/Form.vue2.js

@@ -1,4 +1,4 @@
-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 { defineComponent as le, inject as oe, computed as r, ref as ne, watch as G, 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 $ } from "vue";
 import { useForm as ve } from "./composables/useForm.js";
 import H from "./FormFields.vue.js";
 import C from "../Button.vue.js";
@@ -20,7 +20,7 @@ const he = {
 }, 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" }, Ae = { class: "flex items-center gap-3 ml-auto" }, Te = /* @__PURE__ */ le({
+}, Fe = { class: "flex items-center gap-3" }, qe = /* @__PURE__ */ le({
   __name: "Form",
   props: {
     schema: {},
@@ -53,15 +53,15 @@ const he = {
     const i = e, m = I, v = oe(
       "modal-context",
       null
-    ), 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(
+    ), K = ge(), k = r(() => K?.components?.form || {}), z = r(() => i.variant ?? k.value.variant ?? "outline"), D = r(() => i.size ?? k.value.size ?? "md"), P = r(() => i.rounded ?? k.value.rounded ?? "md"), q = r(
       () => 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) => ({
+    ), J = r(() => i.showCancel || !!v), O = r(() => !!v), x = r(() => !i.schema || i.schema.length === 0 ? !1 : Array.isArray(i.schema[0])), n = r(() => i.tabs && i.tabs.length > 0 && x.value), l = ne(0), M = r(() => 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] || [] : []), {
+    })) : []), h = r(() => x.value ? i.schema : [i.schema]), E = r(() => n.value ? h.value[l.value] || [] : []), {
       formValues: F,
       errors: b,
       isSubmitting: y,
@@ -71,9 +71,9 @@ const he = {
       isFieldVisible: A,
       isFieldDisabled: w,
       isFieldReadonly: T,
-      getFieldValue: we,
+      getFieldValue: Ae,
       handleSubmit: Y,
-      flatSchema: Re
+      flatSchema: we
     } = ve({
       schema: i.schema,
       values: i.values,
@@ -85,7 +85,7 @@ const he = {
         }));
       }
     });
-    $(
+    G(
       () => i.loading || y.value,
       (a) => {
         v?.setSubmitting && v.setSubmitting(a);
@@ -93,7 +93,7 @@ const he = {
       { immediate: !0 }
     ), re(() => {
       v?.setSubmitting && v.setSubmitting(!1);
-    }), $(
+    }), G(
       () => i.values,
       (a) => {
       },
@@ -102,29 +102,29 @@ const he = {
     const B = (a, t) => {
       Q(a, t.value, t.data);
     }, Z = () => {
-      if (!u.value) return !0;
+      if (!n.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);
+      for (const u of a) {
+        if (!A(u) || w(u)) continue;
+        W(u) && (t = !1);
       }
       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 = () => {
+    }, _ = r(() => n.value ? l.value < h.value.length - 1 : !1), L = r(() => n.value ? l.value > 0 : !1), R = r(() => n.value ? l.value === h.value.length - 1 : !0), j = () => {
       _.value && Z() && (l.value++, m("onStepChange", l.value));
     }, ee = () => {
       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 (n.value) {
         if (!R.value && !i.isUpdate) {
-          G();
+          j();
           return;
         }
         if (!X()) {
           const t = h.value.findIndex(
-            (r) => r.some((f) => !!b.value[f.name])
+            (u) => u.some((f) => !!b.value[f.name])
           );
           t !== -1 && t !== l.value && (l.value = t, m("onStepChange", l.value));
           return;
@@ -136,8 +136,8 @@ const he = {
       }
     }, ie = (a) => {
       if (a.key !== "Enter") return;
-      const r = a.target.tagName.toLowerCase();
-      r !== "textarea" && r !== "button" && (a.preventDefault(), V());
+      const u = a.target.tagName.toLowerCase();
+      u !== "textarea" && u !== "button" && (a.preventDefault(), V());
     }, ae = () => {
       m("onCancel"), v && v?.close?.();
     };
@@ -146,7 +146,7 @@ const he = {
       onSubmit: ue(V, ["prevent"]),
       onKeydown: ie
     }, [
-      u.value && M.value.length > 0 ? (o(), d("div", {
+      n.value && M.value.length > 0 ? (o(), d("div", {
         key: 0,
         class: g(["form-timeline", e.timelineTextPosition == "right" ? "mb-6.5" : "mb-13"])
       }, [
@@ -159,8 +159,8 @@ const he = {
           onStepClick: te
         }, null, 8, ["steps", "activeStep", "textPosition"])
       ], 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", {
+      x.value ? x.value && !n.value ? (o(), d("div", be, [
+        (o(!0), d(de, null, ce(h.value, (u, f) => (o(), d("div", {
           key: f,
           class: g(["form-group border rounded overflow-hidden", e.groupClass])
         }, [
@@ -173,7 +173,7 @@ const he = {
           ], 2)) : c("", !0),
           p("div", Se, [
             N(H, {
-              schema: r,
+              schema: u,
               values: s(F),
               errors: s(b),
               variant: z.value,
@@ -190,7 +190,7 @@ const he = {
             }, null, 8, ["schema", "values", "errors", "variant", "size", "rounded", "className", "isUpdate", "showRequiredAsterisk", "isFieldVisible", "isFieldDisabled", "isFieldReadonly"])
           ])
         ], 2))), 128))
-      ])) : u.value ? (o(), d("div", Ce, [
+      ])) : n.value ? (o(), d("div", Ce, [
         e.tabs?.[l.value] ? (o(), d("div", {
           key: 0,
           class: g(["form-step-header mb-6", e.headerClass])
@@ -212,7 +212,7 @@ const he = {
           isFieldDisabled: s(w),
           isFieldReadonly: s(T),
           onChange: B,
-          onAddonAction: t[2] || (t[2] = (r) => m("onAddonAction", r))
+          onAddonAction: t[2] || (t[2] = (u) => m("onAddonAction", u))
         }, null, 8, ["schema", "values", "errors", "variant", "size", "rounded", "className", "isUpdate", "showRequiredAsterisk", "isFieldVisible", "isFieldDisabled", "isFieldReadonly"])
       ])) : c("", !0) : (o(), d("div", he, [
         N(H, {
@@ -229,7 +229,7 @@ const he = {
           isFieldDisabled: s(w),
           isFieldReadonly: s(T),
           onChange: B,
-          onAddonAction: t[0] || (t[0] = (r) => m("onAddonAction", r))
+          onAddonAction: t[0] || (t[0] = (u) => m("onAddonAction", u))
         }, null, 8, ["schema", "values", "errors", "variant", "size", "rounded", "className", "isUpdate", "showRequiredAsterisk", "isFieldVisible", "isFieldDisabled", "isFieldReadonly"])
       ])),
       me(a.$slots, "default", {
@@ -241,9 +241,10 @@ const he = {
       e.footer ? (o(), d("div", {
         key: 4,
         class: g([
-          "form-footer flex items-center justify-between gap-3",
+          "form-footer flex items-center  gap-3",
           e.footerClass,
-          O.value ? "sticky bottom-0 z-20 bg-body pt-4 border-t border-border/75 -mx-4 px-4 mt-8" : "mt-6"
+          n.value ? "justify-between" : "justify-end",
+          O.value ? "sticky bottom-0 z-20 bg-body pt-3.5 border-t border-border/75 -mx-4 px-4 mt-8" : "mt-6"
         ])
       }, [
         p("div", Fe, [
@@ -255,7 +256,7 @@ const he = {
             disabled: e.loading || s(y),
             onClick: ae
           }, null, 8, ["text", "disabled"])) : c("", !0),
-          u.value && e.isUpdate && !R.value ? (o(), S(C, j({
+          n.value && e.isUpdate && !R.value ? (o(), S(C, $({
             key: 1,
             type: "button",
             variant: "primary",
@@ -265,8 +266,10 @@ const he = {
             onClick: V
           }), null, 16, ["text", "loading"])) : c("", !0)
         ]),
-        p("div", Ae, [
-          u.value && L.value ? (o(), S(C, {
+        p("div", {
+          class: g(["flex items-center gap-3", n.value && "ml-auto"])
+        }, [
+          n.value && L.value ? (o(), S(C, {
             key: 0,
             type: "button",
             variant: "outline",
@@ -274,15 +277,15 @@ const he = {
             text: "Previous",
             onClick: ee
           })) : c("", !0),
-          u.value && !R.value ? (o(), S(C, {
+          n.value && !R.value ? (o(), S(C, {
             key: 1,
             type: "button",
             variant: e.isUpdate ? "outline" : "primary",
             text: "Next",
             iconRight: "lucide:arrow-right",
-            onClick: G
+            onClick: j
           }, null, 8, ["variant"])) : c("", !0),
-          !u.value || R.value ? (o(), S(C, j({
+          !n.value || R.value ? (o(), S(C, $({
             key: 2,
             type: "submit",
             variant: "primary",
@@ -290,11 +293,11 @@ const he = {
           }, e.submitProps, {
             loading: e.loading || s(y)
           }), null, 16, ["text", "loading"])) : c("", !0)
-        ])
+        ], 2)
       ], 2)) : c("", !0)
     ], 34));
   }
 });
 export {
-  Te as default
+  qe as default
 };