vlite3 0.1.2 → 0.1.4

package/components/DataTable/DataTableHeader.vue.js

@@ -1,25 +1,26 @@
-import { defineComponent as m, computed as o, openBlock as n, createElementBlock as a, normalizeClass as r, createElementVNode as s, toDisplayString as p, createVNode as g, createCommentVNode as x } from "vue";
-import y from "../Icon.vue.js";
-const C = { class: "text-xs font-bold! uppercase tracking-wider text-gray-900 truncate" }, b = {
+import { defineComponent as m, computed as o, openBlock as a, createElementBlock as n, normalizeClass as r, createElementVNode as l, toDisplayString as p, createVNode as g, createCommentVNode as x } from "vue";
+import b from "../Icon.vue.js";
+const y = { class: "text-xs font-bold! uppercase tracking-wider text-gray-900 truncate" }, C = {
   key: 0,
   class: "w-4 h-4 shrink-0"
-}, j = /* @__PURE__ */ m({
+}, S = /* @__PURE__ */ m({
   __name: "DataTableHeader",
   props: {
     header: {},
     sortConfig: {},
-    compact: { type: Boolean, default: !1 }
+    compact: { type: Boolean, default: !1 },
+    tableSortable: { type: Boolean, default: !0 }
   },
   emits: ["sort"],
-  setup(t, { emit: i }) {
-    const e = t, l = i, c = o(() => e.sortConfig?.field === e.header.field && e.sortConfig?.order), d = o(() => !e.sortConfig || e.sortConfig.field !== e.header.field ? "lucide:chevrons-up-down" : e.sortConfig.order === "asc" ? "lucide:arrow-up" : e.sortConfig.order === "desc" ? "lucide:arrow-down" : "lucide:chevrons-up-down"), f = () => {
-      e.header.sortable !== !1 && l("sort", e.header.field);
+  setup(t, { emit: s }) {
+    const e = t, i = s, c = o(() => e.sortConfig?.field === e.header.field && e.sortConfig?.order), d = o(() => !e.sortConfig || e.sortConfig.field !== e.header.field ? "lucide:chevrons-up-down" : e.sortConfig.order === "asc" ? "lucide:arrow-up" : e.sortConfig.order === "desc" ? "lucide:arrow-down" : "lucide:chevrons-up-down"), f = () => {
+      e.tableSortable && e.header.sortable !== !1 && i("sort", e.header.field);
     }, u = o(() => ({
       left: "justify-start text-left",
       center: "justify-center text-center",
       right: "justify-end text-right"
     })[e.header.align || "left"]);
-    return (h, v) => (n(), a("th", {
+    return (h, v) => (a(), n("th", {
       scope: "col",
       class: r(["h-10 px-3 text-left align-middle font-medium text-muted-foreground transition-colors [&:has([role=checkbox])]:pr-0 overflow-hidden", [
         t.compact ? "py-2" : "py-3!",
@@ -28,12 +29,12 @@ const C = { class: "text-xs font-bold! uppercase tracking-wider text-gray-900 tr
       ]]),
       onClick: f
     }, [
-      s("div", {
+      l("div", {
         class: r(["flex items-center gap-2 space-x-2", u.value])
       }, [
-        s("span", C, p(t.header.title), 1),
-        t.header.sortable !== !1 ? (n(), a("span", b, [
-          g(y, {
+        l("span", y, p(t.header.title), 1),
+        t.tableSortable && t.header.sortable !== !1 ? (a(), n("span", C, [
+          g(b, {
             icon: d.value,
             class: r(["w-3.5 h-3.5 transition-all text-muted-foreground mt-0.5", [
               c.value ? "opacity-100 text-foreground" : "opacity-0 group-hover:opacity-100"
@@ -45,5 +46,5 @@ const C = { class: "text-xs font-bold! uppercase tracking-wider text-gray-900 tr
   }
 });
 export {
-  j as default
+  S as default
 };

package/components/DataTable/DataTableRow.vue.js

@@ -61,7 +61,7 @@ const F = ["data-state"], L = { class: "flex items-center justify-center" }, U =
     };
     return (e, n) => (c(), a("tr", {
       class: u(["border-b border-border/70 transition-colors data-[state=selected]:bg-muted h-full", [
-        t.hoverable ? "hover:bg-muted/80" : "",
+        t.hoverable ? "hover:bg-muted/50" : "",
         t.striped && t.index % 2 === 1 ? "bg-muted/20" : "bg-background",
         t.isSelected ? "bg-muted! hover:bg-muted/30" : "",
         "group"

package/components/DataTable/types.d.ts

@@ -50,7 +50,8 @@ export interface DataTableProps {
     keyField?: string;
     loading?: boolean;
     selectable?: boolean;
-    emptyMessage?: string;
+    emptyTitle?: string;
+    emptyDescription?: string;
     emptyIcon?: string;
     showPagination?: boolean;
     pageInfo?: PageInfo;
@@ -63,6 +64,8 @@ export interface DataTableProps {
     compact?: boolean;
     tableClass?: string;
     class?: string;
+    sortable?: boolean;
+    variant?: 'default' | 'raised';
 }
 export interface SelectionState {
     selected: any[];

package/components/DatePicker.vue.d.ts

@@ -26,11 +26,11 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    onChange: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onOnChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
+    onChange?: (...args: any[]) => any;
 }>, {
     teleport: boolean;
     minuteInterval: number;

package/components/DatePicker.vue.js

@@ -1,8 +1,8 @@
 import { defineComponent as v, computed as r, openBlock as h, createBlock as g, unref as u, withCtx as m, createElementVNode as p, createVNode as c, renderSlot as V, mergeProps as w } from "vue";
-import D from "./Button.vue.js";
-import y from "./Dropdown/Dropdown.vue.js";
+import y from "./Button.vue.js";
+import D from "./Dropdown/Dropdown.vue.js";
 import "@iconify/vue";
-import C from "v-datepicker-lite";
+import x from "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
 const P = { class: "min-w-[300px] overflow-hidden" }, N = /* @__PURE__ */ v({
   __name: "DatePicker",
@@ -19,19 +19,19 @@ const P = { class: "min-w-[300px] overflow-hidden" }, N = /* @__PURE__ */ v({
     teleport: { type: Boolean, default: !0 },
     minuteInterval: { default: 5 }
   },
-  emits: ["update:modelValue", "onChange"],
-  setup(t, { emit: d }) {
-    const n = t, i = d, a = r({
+  emits: ["update:modelValue", "change"],
+  setup(t, { emit: s }) {
+    const n = t, i = s, a = r({
       get: () => n.modelValue ?? n.value,
       set: (e) => {
-        i("update:modelValue", e), i("onChange", e);
+        i("update:modelValue", e), i("change", e);
       }
-    }), s = (e) => e instanceof Date ? e.getHours() !== 0 || e.getMinutes() !== 0 : typeof e == "string" ? e.includes("T") || /\d{2}:\d{2}/.test(e) : !1, l = r(() => {
+    }), d = (e) => e instanceof Date ? e.getHours() !== 0 || e.getMinutes() !== 0 : typeof e == "string" ? e.includes("T") || /\d{2}:\d{2}/.test(e) : !1, l = r(() => {
       if (!a.value) return "";
       try {
         const e = new Date(a.value);
         if (isNaN(e.getTime())) return String(a.value);
-        const o = n.mode === "dateTime" && s(a.value);
+        const o = n.mode === "dateTime" && d(a.value);
         return e.toLocaleDateString("en-US", {
           month: "short",
           day: "numeric",
@@ -44,7 +44,7 @@ const P = { class: "min-w-[300px] overflow-hidden" }, N = /* @__PURE__ */ v({
     }), f = (e) => {
       a.value = e;
     };
-    return (e, o) => (h(), g(u(y), {
+    return (e, o) => (h(), g(u(D), {
       position: "bottom-start",
       class: "w-full",
       teleport: t.teleport
@@ -54,17 +54,17 @@ const P = { class: "min-w-[300px] overflow-hidden" }, N = /* @__PURE__ */ v({
           value: a.value,
           displayValue: l.value
         }, () => [
-          c(D, w({
+          c(y, w({
             text: l.value || t.placeholder || "Select date",
             variant: t.variant || "outline",
             size: t.size || "md",
             icon: t.icon || "lucide:calendar"
-          }, t.btnProps, { class: "w-full" }), null, 16, ["text", "variant", "size", "icon"])
+          }, t.btnProps, { class: "w-full justify-start text-left font-normal" }), null, 16, ["text", "variant", "size", "icon"])
         ])
       ]),
       default: m(() => [
         p("div", P, [
-          c(u(C), {
+          c(u(x), {
             value: a.value,
             mode: t.mode,
             "min-date": t.minDate,

package/components/FilePicker/FilePicker.vue.js

@@ -1,13 +1,13 @@
 import { defineComponent as K, ref as S, useSlots as O, computed as v, openBlock as a, createElementBlock as u, createElementVNode as s, renderSlot as q, normalizeClass as z, createBlock as y, withModifiers as D, createVNode as b, createTextVNode as H, toDisplayString as F, createCommentVNode as x, Fragment as J, renderList as Q } from "vue";
 import f from "../Icon.vue.js";
 import T from "../Button.vue.js";
-const X = { class: "w-full" }, Y = ["multiple", "accept"], Z = ["value", "placeholder", "disabled"], _ = { class: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center justify-center gap-2 bg-background" }, ee = { class: "p-3 bg-muted rounded-full text-muted-foreground" }, le = { class: "space-y-1" }, te = {
+const X = { class: "w-full" }, Y = ["multiple", "accept"], Z = ["value", "placeholder", "disabled"], _ = { class: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center justify-center gap-2 bg-background" }, ee = { class: "p-3 bg-muted-light rounded-full text-muted-foreground" }, le = { class: "space-y-1" }, te = {
   key: 0,
   class: "text-xs text-muted-foreground"
 }, oe = {
   key: 1,
-  class: "space-y-3"
-}, ie = { class: "shrink-0 mr-3" }, re = { class: "p-2 bg-primary/10 rounded text-primary" }, ae = { class: "flex-1 min-w-0" }, ne = { class: "text-sm font-medium text-foreground truncate" }, se = { class: "text-xs text-muted-foreground" }, de = { class: "flex-shrink-0 ml-3 flex gap-2" }, ue = {
+  class: "space-y-2"
+}, ie = { class: "shrink-0 mr-3" }, re = { class: "p-2 bg-primary-light rounded text-primary" }, ae = { class: "flex-1 min-w-0" }, ne = { class: "text-sm font-medium text-foreground truncate" }, se = { class: "text-xs text-muted-foreground" }, de = { class: "flex-shrink-0 ml-3 flex gap-2" }, ue = {
   key: 0,
   class: "flex gap-2"
 }, ce = {

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

@@ -30,6 +30,8 @@ interface Props {
     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) */
@@ -58,11 +60,11 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    onSubmit: (payload: IFormSubmitPayload) => any;
+    onSubmit: (payload: IFormSubmitPayload, close: () => void) => any;
     onCancel: () => any;
     onStepChange: (step: number) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    onOnSubmit?: (payload: IFormSubmitPayload) => any;
+    onOnSubmit?: (payload: IFormSubmitPayload, close: () => void) => any;
     onOnCancel?: () => any;
     onOnStepChange?: (step: number) => any;
 }>, {
@@ -78,6 +80,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     footerClass: string;
     cancelText: string;
     isUpdate: boolean;
+    folderId: string;
     groupsHeadings: string[];
     groupHeadingsDescription: string[];
     submitText: string;

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

package/components/Form/Form.vue2.js

@@ -1,27 +1,27 @@
-import { defineComponent as K, computed as d, ref as O, watch as Q, openBlock as i, createElementBlock as r, withModifiers as W, normalizeClass as f, createVNode as F, createCommentVNode as u, unref as t, Fragment as X, renderList as Y, createElementVNode as U, toDisplayString as k, renderSlot as Z, createBlock as x, mergeProps as I } from "vue";
-import { useForm as _ } from "./composables/useForm.js";
-import D from "./FormFields.vue.js";
-import p from "../Button.vue.js";
-import ee from "../Timeline.vue.js";
-const te = {
+import { defineComponent as Q, inject as W, computed as u, ref as X, watch as Y, openBlock as s, createElementBlock as o, withModifiers as Z, normalizeClass as h, createVNode as x, createCommentVNode as d, unref as t, Fragment as _, renderList as ee, createElementVNode as D, toDisplayString as k, renderSlot as te, createBlock as p, mergeProps as ae } from "vue";
+import { useForm as ie } from "./composables/useForm.js";
+import w from "./FormFields.vue.js";
+import N from "../Button.vue.js";
+import se from "../Timeline.vue.js";
+const le = {
   key: 0,
   class: "form-timeline mb-18"
-}, ae = {
+}, ne = {
   key: 1,
   class: "form-fields-single"
-}, ie = {
+}, oe = {
   key: 2,
   class: "form-groups space-y-6"
-}, se = { class: "text-base font-semibold text-foreground" }, le = {
+}, re = { class: "text-base font-semibold text-foreground" }, ue = {
   key: 0,
   class: "text-sm text-muted-foreground mt-1"
-}, ne = { class: "form-group-body p-6" }, re = {
+}, de = { class: "form-group-body p-6" }, ce = {
   key: 3,
   class: "form-step"
-}, oe = { class: "text-lg font-semibold text-foreground" }, ue = {
+}, me = { class: "text-lg font-semibold text-foreground" }, ve = {
   key: 0,
   class: "text-sm text-muted-foreground mt-1"
-}, ye = /* @__PURE__ */ K({
+}, xe = /* @__PURE__ */ Q({
   __name: "Form",
   props: {
     schema: {},
@@ -39,6 +39,7 @@ const te = {
     cancelText: { default: "Cancel" },
     showCancel: { type: Boolean, default: !1 },
     isUpdate: { type: Boolean, default: !1 },
+    folderId: { default: void 0 },
     class: { default: "" },
     className: { default: "" },
     groupClass: { default: "" },
@@ -47,192 +48,200 @@ const te = {
     timelineTextPosition: { default: "bottom" }
   },
   emits: ["onSubmit", "onCancel", "onStepChange"],
-  setup(e, { emit: M }) {
-    const s = e, m = M, h = d(() => !s.schema || s.schema.length === 0 ? !1 : Array.isArray(s.schema[0])), o = d(() => s.tabs && s.tabs.length > 0 && h.value), a = O(0), P = d(() => s.tabs ? s.tabs.map((l, n) => ({
+  setup(e, { emit: A }) {
+    const i = e, m = A, v = W("modal-context", null), G = u(() => i.showCancel || !!v), $ = u(() => !!v), b = u(() => !i.schema || i.schema.length === 0 ? !1 : Array.isArray(i.schema[0])), r = u(() => i.tabs && i.tabs.length > 0 && b.value), a = X(0), P = u(() => i.tabs ? i.tabs.map((l, n) => ({
       id: l.id?.toString() || n.toString(),
       title: l.title,
       icon: l.icon,
       description: l.description,
       status: n < a.value ? "completed" : n === a.value ? "current" : "upcoming"
-    })) : []), g = d(() => h.value ? s.schema : [s.schema]), w = d(() => o.value ? g.value[a.value] || [] : []), {
-      formValues: b,
-      errors: y,
-      isSubmitting: N,
-      handleFieldChange: A,
-      validateField: G,
-      validateAll: de,
-      isFieldVisible: S,
-      isFieldDisabled: C,
-      isFieldReadonly: V,
-      getFieldValue: ce,
-      handleSubmit: $,
-      flatSchema: me
-    } = _({
-      schema: s.schema,
-      values: s.values,
-      isUpdate: s.isUpdate,
+    })) : []), g = u(() => b.value ? i.schema : [i.schema]), R = u(() => r.value ? g.value[a.value] || [] : []), {
+      formValues: y,
+      errors: S,
+      isSubmitting: V,
+      handleFieldChange: j,
+      validateField: E,
+      validateAll: fe,
+      isFieldVisible: C,
+      isFieldDisabled: F,
+      isFieldReadonly: z,
+      getFieldValue: he,
+      handleSubmit: L,
+      flatSchema: be
+    } = ie({
+      schema: i.schema,
+      values: i.values,
+      isUpdate: i.isUpdate,
+      folderId: i.folderId,
       onSubmit: (l) => {
-        m("onSubmit", l);
+        m("onSubmit", l, v?.close);
       }
     });
-    Q(
-      () => s.values,
+    Y(
+      () => i.values,
       (l) => {
       },
       { deep: !0 }
     );
-    const z = (l, n) => {
-      A(l, n.value, n.data);
-    }, E = () => {
-      if (!o.value) return !0;
-      const l = w.value;
+    const U = (l, n) => {
+      j(l, n.value, n.data);
+    }, q = () => {
+      if (!r.value) return !0;
+      const l = R.value;
       let n = !0;
-      for (const v of l) {
-        if (!S(v) || C(v)) continue;
-        G(v) && (n = !1);
+      for (const f of l) {
+        if (!C(f) || F(f)) continue;
+        E(f) && (n = !1);
       }
       return n;
-    }, L = d(() => o.value ? a.value < g.value.length - 1 : !1), R = d(() => o.value ? a.value > 0 : !1), B = d(() => o.value ? a.value === g.value.length - 1 : !0), T = () => {
-      L.value && E() && (a.value++, m("onStepChange", a.value));
-    }, j = () => {
-      R.value && (a.value--, m("onStepChange", a.value));
-    }, q = (l, n) => {
+    }, I = u(() => r.value ? a.value < g.value.length - 1 : !1), B = u(() => r.value ? a.value > 0 : !1), T = u(() => r.value ? a.value === g.value.length - 1 : !0), H = () => {
+      I.value && q() && (a.value++, m("onStepChange", a.value));
+    }, J = () => {
+      B.value && (a.value--, m("onStepChange", a.value));
+    }, K = (l, n) => {
       n <= a.value && (a.value = n, m("onStepChange", a.value));
-    }, H = async () => {
-      if (o.value && !B.value) {
-        T();
+    }, M = async () => {
+      if (r.value && !T.value) {
+        H();
         return;
       }
-      await $();
-    }, J = () => {
-      m("onCancel");
+      try {
+        await L();
+      } catch {
+      }
+    }, O = () => {
+      m("onCancel"), v && v?.close?.();
     };
-    return (l, n) => (i(), r("form", {
-      class: f(["form-container", s.class]),
-      onSubmit: W(H, ["prevent"])
+    return (l, n) => (s(), o("form", {
+      class: h(["form-container", i.class]),
+      onSubmit: Z(M, ["prevent"])
     }, [
-      o.value && P.value.length > 0 ? (i(), r("div", te, [
-        F(ee, {
+      r.value && P.value.length > 0 ? (s(), o("div", le, [
+        x(se, {
           steps: P.value,
           activeStep: a.value,
           direction: "horizontal",
           textPosition: e.timelineTextPosition,
           clickable: !0,
-          onStepClick: q
+          onStepClick: K
         }, null, 8, ["steps", "activeStep", "textPosition"])
-      ])) : u("", !0),
-      h.value ? h.value && !o.value ? (i(), r("div", ie, [
-        (i(!0), r(X, null, Y(g.value, (v, c) => (i(), r("div", {
+      ])) : d("", !0),
+      b.value ? b.value && !r.value ? (s(), o("div", oe, [
+        (s(!0), o(_, null, ee(g.value, (f, c) => (s(), o("div", {
           key: c,
-          class: f(["form-group border rounded-lg overflow-hidden", e.groupClass])
+          class: h(["form-group border rounded-lg overflow-hidden", e.groupClass])
         }, [
-          e.groupsHeadings?.[c] ? (i(), r("div", {
+          e.groupsHeadings?.[c] ? (s(), o("div", {
             key: 0,
-            class: f(["form-group-header bg-muted/50 px-6 py-4 border-b", e.headerClass])
+            class: h(["form-group-header bg-muted/50 px-6 py-4 border-b", e.headerClass])
           }, [
-            U("h3", se, k(e.groupsHeadings[c]), 1),
-            e.groupHeadingsDescription?.[c] ? (i(), r("p", le, k(e.groupHeadingsDescription[c]), 1)) : u("", !0)
-          ], 2)) : u("", !0),
-          U("div", ne, [
-            F(D, {
-              schema: v,
-              values: t(b),
-              errors: t(y),
+            D("h3", re, k(e.groupsHeadings[c]), 1),
+            e.groupHeadingsDescription?.[c] ? (s(), o("p", ue, k(e.groupHeadingsDescription[c]), 1)) : d("", !0)
+          ], 2)) : d("", !0),
+          D("div", de, [
+            x(w, {
+              schema: f,
+              values: t(y),
+              errors: t(S),
               variant: e.variant,
               size: e.size,
               rounded: e.rounded,
               className: e.className,
               isUpdate: e.isUpdate,
-              isFieldVisible: t(S),
-              isFieldDisabled: t(C),
-              isFieldReadonly: t(V),
-              onChange: z
+              isFieldVisible: t(C),
+              isFieldDisabled: t(F),
+              isFieldReadonly: t(z),
+              onChange: U
             }, null, 8, ["schema", "values", "errors", "variant", "size", "rounded", "className", "isUpdate", "isFieldVisible", "isFieldDisabled", "isFieldReadonly"])
           ])
         ], 2))), 128))
-      ])) : o.value ? (i(), r("div", re, [
-        e.tabs?.[a.value] ? (i(), r("div", {
+      ])) : r.value ? (s(), o("div", ce, [
+        e.tabs?.[a.value] ? (s(), o("div", {
           key: 0,
-          class: f(["form-step-header mb-6", e.headerClass])
+          class: h(["form-step-header mb-6", e.headerClass])
         }, [
-          U("h2", oe, k(e.tabs[a.value].title), 1),
-          e.tabs[a.value].description ? (i(), r("p", ue, k(e.tabs[a.value].description), 1)) : u("", !0)
-        ], 2)) : u("", !0),
-        F(D, {
-          schema: w.value,
-          values: t(b),
-          errors: t(y),
+          D("h2", me, k(e.tabs[a.value].title), 1),
+          e.tabs[a.value].description ? (s(), o("p", ve, k(e.tabs[a.value].description), 1)) : d("", !0)
+        ], 2)) : d("", !0),
+        x(w, {
+          schema: R.value,
+          values: t(y),
+          errors: t(S),
           variant: e.variant,
           size: e.size,
           rounded: e.rounded,
           className: e.className,
           isUpdate: e.isUpdate,
-          isFieldVisible: t(S),
-          isFieldDisabled: t(C),
-          isFieldReadonly: t(V),
-          onChange: z
+          isFieldVisible: t(C),
+          isFieldDisabled: t(F),
+          isFieldReadonly: t(z),
+          onChange: U
         }, null, 8, ["schema", "values", "errors", "variant", "size", "rounded", "className", "isUpdate", "isFieldVisible", "isFieldDisabled", "isFieldReadonly"])
-      ])) : u("", !0) : (i(), r("div", ae, [
-        F(D, {
+      ])) : d("", !0) : (s(), o("div", ne, [
+        x(w, {
           schema: e.schema,
-          values: t(b),
-          errors: t(y),
+          values: t(y),
+          errors: t(S),
           variant: e.variant,
           size: e.size,
           rounded: e.rounded,
           className: e.className,
           isUpdate: e.isUpdate,
-          isFieldVisible: t(S),
-          isFieldDisabled: t(C),
-          isFieldReadonly: t(V),
-          onChange: z
+          isFieldVisible: t(C),
+          isFieldDisabled: t(F),
+          isFieldReadonly: t(z),
+          onChange: U
         }, null, 8, ["schema", "values", "errors", "variant", "size", "rounded", "className", "isUpdate", "isFieldVisible", "isFieldDisabled", "isFieldReadonly"])
       ])),
-      Z(l.$slots, "default", {
-        values: t(b),
-        errors: t(y),
-        isSubmitting: t(N),
-        handleSubmit: H
+      te(l.$slots, "default", {
+        values: t(y),
+        errors: t(S),
+        isSubmitting: t(V),
+        handleSubmit: M
       }, void 0, !0),
-      e.footer ? (i(), r("div", {
+      e.footer ? (s(), o("div", {
         key: 4,
-        class: f(["form-footer mt-6 flex items-center justify-end gap-3", e.footerClass])
+        class: h([
+          "form-footer flex items-center justify-end gap-3",
+          e.footerClass,
+          $.value ? "sticky bottom-0 z-20 bg-body pt-4 border-t border-border -mx-4 px-4  mt-4" : "mt-6"
+        ])
       }, [
-        e.showCancel ? (i(), x(p, {
+        G.value ? (s(), p(N, {
           key: 0,
           type: "button",
           variant: "outline",
           text: e.cancelText,
-          disabled: e.loading || t(N),
-          onClick: J
-        }, null, 8, ["text", "disabled"])) : u("", !0),
-        o.value && R.value ? (i(), x(p, {
+          disabled: e.loading || t(V),
+          onClick: O
+        }, null, 8, ["text", "disabled"])) : d("", !0),
+        r.value && B.value ? (s(), p(N, {
           key: 1,
           type: "button",
           variant: "outline",
           icon: "lucide:arrow-left",
           text: "Previous",
-          onClick: j
-        })) : u("", !0),
-        o.value && !B.value ? (i(), x(p, {
+          onClick: J
+        })) : d("", !0),
+        r.value && !T.value ? (s(), p(N, {
           key: 2,
           type: "button",
           variant: "primary",
           text: "Next",
           iconRight: "lucide:arrow-right",
-          onClick: T
-        })) : (i(), x(p, I({
+          onClick: H
+        })) : (s(), p(N, ae({
           key: 3,
           type: "submit",
           variant: "primary",
           text: e.submitText
         }, e.submitProps, {
-          loading: e.loading || t(N)
+          loading: e.loading || t(V)
         }), null, 16, ["text", "loading"]))
-      ], 2)) : u("", !0)
+      ], 2)) : d("", !0)
     ], 34));
   }
 });
 export {
-  ye as default
+  xe as default
 };