vlite3 1.3.3 → 1.3.5

package/components/Form/Form.vue2.js

@@ -1,28 +1,31 @@
-import { defineComponent as we, inject as Ae, computed as r, onMounted as le, onUnmounted as O, ref as E, watch as ie, openBlock as s, createElementBlock as d, withKeys as se, withModifiers as J, normalizeClass as m, createElementVNode as f, createVNode as T, mergeProps as K, toDisplayString as z, unref as t, renderSlot as ne, createCommentVNode as c, createBlock as C, Fragment as Te, renderList as Re } from "vue";
-import { useForm as Pe } from "./composables/useForm.js";
+import { defineComponent as we, inject as Ae, computed as r, onMounted as se, onUnmounted as O, ref as K, watch as ne, openBlock as s, createElementBlock as c, withKeys as oe, withModifiers as J, normalizeClass as m, createElementVNode as f, createVNode as w, mergeProps as z, toDisplayString as B, unref as a, renderSlot as re, createCommentVNode as u, createBlock as C, withCtx as Te, Fragment as Pe, renderList as Re } from "vue";
+import { useForm as Ue } from "./composables/useForm.js";
 import Q from "./FormFields.vue.js";
-import Ue from "./FormField.vue.js";
-import Ve from "./FormSkeleton.vue.js";
-import R from "../Button.vue.js";
-import ze from "../BackButton.vue.js";
-import Be from "../Timeline/Timeline.vue.js";
+import Ve from "./FormField.vue.js";
+import ze from "./FormSkeleton.vue.js";
+import S from "../Button.vue.js";
+import Be from "../BackButton.vue.js";
+import Le from "../Timeline/Timeline.vue.js";
 import "@iconify/vue";
-import { $t as Le } from "../../utils/i18n.js";
-import { useVLiteConfig as Ne } from "../../core/config.js";
-import { resolveFieldType as De } from "./utils/form.utils.js";
-const qe = ["onKeydown"], He = { class: "flex items-center gap-3" }, $e = { class: "flex items-center gap-2 shrink-0" }, Ie = {
+import { $t as Ne } from "../../utils/i18n.js";
+import { useVLiteConfig as De } from "../../core/config.js";
+import { resolveFieldType as qe } from "./utils/form.utils.js";
+const He = ["onKeydown"], $e = { class: "flex items-center gap-3" }, Ie = { class: "flex items-center gap-2 shrink-0" }, Ee = {
   key: 0,
   class: "w-full order-first lg:order-last lg:min-w-100 lg:max-w-[380px] shrink-0"
-}, Ee = { key: 0 }, Ke = { class: "text-base font-semibold text-foreground" }, Me = {
+}, Ke = { key: 0 }, Me = {
+  key: 0,
+  class: "flex gap-3 items-end pb-5 ml-auto"
+}, Ge = { class: "text-base font-semibold text-foreground" }, je = {
   key: 0,
   class: "text-sm text-muted-foreground mt-1"
-}, Ge = {
+}, Oe = {
   key: 2,
   class: "form-step"
-}, je = { class: "text-lg font-semibold text-foreground" }, Oe = {
+}, Je = { class: "text-lg font-semibold text-foreground" }, Qe = {
   key: 0,
   class: "text-sm text-muted-foreground mt-1"
-}, Je = { class: "flex gap-3 items-center" }, nt = /* @__PURE__ */ we({
+}, We = { class: "flex gap-3 items-center" }, rt = /* @__PURE__ */ we({
   __name: "Form",
   props: {
     schema: {},
@@ -59,316 +62,341 @@ const qe = ["onKeydown"], He = { class: "flex items-center gap-3" }, $e = { clas
     pageTitleClass: { default: "text-2xl font-bold" },
     pageHeaderClass: { default: "" },
     backButtonProps: { default: () => ({ size: "sm", variant: "ghost", icon: "heroicons-solid:arrow-left" }) },
-    backButtonPath: {}
+    backButtonPath: {},
+    layout: { default: "vertical" }
   },
   emits: ["onSubmit", "onCancel", "onStepChange", "onAddonAction", "onBack"],
-  setup(e, { expose: oe, emit: re }) {
-    const l = e, b = re, v = Ae("modal-context", null), ue = Ne(), B = r(() => ue?.components?.form || {}), L = r(() => l.variant ?? B.value.variant ?? "outline"), N = r(() => l.size ?? B.value.size ?? "md"), D = r(() => l.rounded ?? B.value.rounded ?? "md"), M = r(
-      () => l.showRequiredAsterisk ?? B.value.showRequiredAsterisk ?? !0
-    ), de = r(() => l.showCancel || !!v), F = r(() => !!v), P = r(() => l.stickyFooter || F.value);
-    le(() => {
-      l.footer && F.value && v?.registerFormFooter?.(!0);
+  setup(e, { expose: ue, emit: de }) {
+    const t = e, y = de, v = Ae("modal-context", null), ce = De(), L = r(() => ce?.components?.form || {}), N = r(() => t.variant ?? L.value.variant ?? "outline"), D = r(() => t.size ?? L.value.size ?? "md"), q = r(() => t.rounded ?? L.value.rounded ?? "md"), M = r(
+      () => t.showRequiredAsterisk ?? L.value.showRequiredAsterisk ?? !0
+    ), W = r(() => t.showCancel || !!v), A = r(() => !!v), R = r(
+      () => t.layout !== "inline" && (t.stickyFooter || A.value)
+    );
+    se(() => {
+      t.footer && A.value && v?.registerFormFooter?.(!0);
     }), O(() => {
-      F.value && v?.registerFormFooter?.(!1);
+      A.value && v?.registerFormFooter?.(!1);
     });
-    const ce = E(null), G = E(null), W = E(!1);
+    const me = K(null), G = K(null), X = K(!1);
     let j = null;
-    le(() => {
+    se(() => {
       G.value && (j = new IntersectionObserver(
-        ([a]) => {
-          W.value = !a.isIntersecting;
+        ([l]) => {
+          X.value = !l.isIntersecting;
         },
         { threshold: 0 }
       ), j.observe(G.value));
     }), O(() => {
       j?.disconnect();
     });
-    const w = r(() => !l.schema || l.schema.length === 0 ? !1 : Array.isArray(l.schema[0])), u = r(() => l.tabs && l.tabs.length > 0 && w.value), n = E(0), X = r(() => l.tabs ? l.tabs.map((a, i) => ({
-      id: a.id?.toString() || i.toString(),
-      title: a.title,
-      icon: a.icon,
-      description: a.description,
+    const T = r(() => !t.schema || t.schema.length === 0 ? !1 : Array.isArray(t.schema[0])), d = r(() => t.tabs && t.tabs.length > 0 && T.value), n = K(0), Y = r(() => t.tabs ? t.tabs.map((l, i) => ({
+      id: l.id?.toString() || i.toString(),
+      title: l.title,
+      icon: l.icon,
+      description: l.description,
       status: i < n.value ? "completed" : i === n.value ? "current" : "upcoming"
-    })) : []), S = r(() => w.value ? l.schema : [l.schema]), Y = r(() => u.value ? S.value[n.value] || [] : []), g = r(() => u.value ? null : (w.value ? l.schema.flat() : l.schema).find((i) => De(i, {
+    })) : []), F = r(() => T.value ? t.schema : [t.schema]), Z = r(() => d.value ? F.value[n.value] || [] : []), g = r(() => d.value ? null : (T.value ? t.schema.flat() : t.schema).find((i) => qe(i, {
       values: h.value,
       globalValues: h.value,
-      isUpdate: l.isUpdate
-    }) === "thumbnailSelector") ?? null), A = r(() => !!g.value), {
+      isUpdate: t.isUpdate
+    }) === "thumbnailSelector") ?? null), P = r(() => !!g.value), {
       formValues: h,
-      errors: y,
-      isSubmitting: x,
-      fieldLoading: q,
-      handleFieldChange: Z,
-      validateField: me,
-      validateAll: _,
+      errors: x,
+      isSubmitting: b,
+      fieldLoading: H,
+      handleFieldChange: _,
+      validateField: ve,
+      validateAll: ee,
       isFieldVisible: U,
       isFieldDisabled: V,
-      isFieldReadonly: H,
-      handleSubmit: ve,
-      reinitialize: fe,
-      resetForm: ge,
-      setFieldError: he,
-      clearErrors: be
-    } = Pe({
-      schema: l.schema,
-      values: l.values,
-      isUpdate: l.isUpdate,
-      folderId: l.folderId,
-      emitFields: l.emitFields,
-      onSubmit: (a) => {
-        b("onSubmit", a, v?.close || (() => {
+      isFieldReadonly: $,
+      handleSubmit: fe,
+      reinitialize: ge,
+      resetForm: he,
+      setFieldError: be,
+      clearErrors: ye
+    } = Ue({
+      schema: t.schema,
+      values: t.values,
+      isUpdate: t.isUpdate,
+      folderId: t.folderId,
+      emitFields: t.emitFields,
+      onSubmit: (l) => {
+        y("onSubmit", l, v?.close || (() => {
         }));
       }
     });
-    ie(
-      () => l.loading || x.value,
-      (a) => {
-        v?.setSubmitting && v.setSubmitting(a);
+    ne(
+      () => t.loading || b.value,
+      (l) => {
+        v?.setSubmitting && v.setSubmitting(l);
       },
       { immediate: !0 }
     ), O(() => {
       v?.setSubmitting && v.setSubmitting(!1);
-    }), ie(
-      [() => l.schema, () => l.values, () => l.schemaLoading],
-      ([a, i, o]) => {
-        o || fe(a, i);
+    }), ne(
+      [() => t.schema, () => t.values, () => t.schemaLoading],
+      ([l, i, o]) => {
+        o || ge(l, i);
       }
     );
-    const $ = (a, i) => {
-      Z(a, i.value, i.data);
-    }, ye = async () => {
-      if (!u.value) return !0;
-      const a = Y.value;
+    const I = (l, i) => {
+      _(l, i.value, i.data);
+    }, xe = async () => {
+      if (!d.value) return !0;
+      const l = Z.value;
       let i = !0;
-      for (const o of a) {
+      for (const o of l) {
         if (!U(o) || V(o)) continue;
-        await me(o) && (i = !1);
+        await ve(o) && (i = !1);
       }
       return i;
-    }, xe = r(() => u.value ? n.value < S.value.length - 1 : !1), ee = r(() => u.value ? n.value > 0 : !1), I = r(() => u.value ? n.value === S.value.length - 1 : !0), te = async () => {
-      !xe.value || !await ye() || (n.value++, b("onStepChange", n.value));
-    }, ke = () => {
-      ee.value && (n.value--, b("onStepChange", n.value));
-    }, pe = (a, i) => {
-      i <= n.value && (n.value = i, b("onStepChange", n.value));
+    }, ke = r(() => d.value ? n.value < F.value.length - 1 : !1), te = r(() => d.value ? n.value > 0 : !1), E = r(() => d.value ? n.value === F.value.length - 1 : !0), ae = async () => {
+      !ke.value || !await xe() || (n.value++, y("onStepChange", n.value));
+    }, pe = () => {
+      te.value && (n.value--, y("onStepChange", n.value));
+    }, Ce = (l, i) => {
+      i <= n.value && (n.value = i, y("onStepChange", n.value));
     }, k = async () => {
-      if (u.value) {
-        if (!I.value && !l.isUpdate) {
-          await te();
+      if (d.value) {
+        if (!E.value && !t.isUpdate) {
+          await ae();
           return;
         }
-        if (!await _()) {
-          const i = S.value.findIndex(
-            (o) => o.some((p) => !!y.value[p.name])
+        if (!await ee()) {
+          const i = F.value.findIndex(
+            (o) => o.some((p) => !!x.value[p.name])
           );
-          i !== -1 && i !== n.value && (n.value = i, b("onStepChange", n.value));
+          i !== -1 && i !== n.value && (n.value = i, y("onStepChange", n.value));
           return;
         }
       }
       try {
-        await ve();
+        await fe();
       } catch {
       }
-    }, Se = (a) => {
-      if (a.key !== "Enter") return;
-      const o = a.target.tagName.toLowerCase();
-      o !== "textarea" && o !== "button" && (a.preventDefault(), k());
-    }, ae = (a) => {
-      (a.metaKey || a.ctrlKey) && a.key === "s" && (a.preventDefault(), k());
+    }, Se = (l) => {
+      if (l.key !== "Enter") return;
+      const o = l.target.tagName.toLowerCase();
+      o !== "textarea" && o !== "button" && (l.preventDefault(), k());
+    }, le = (l) => {
+      (l.metaKey || l.ctrlKey) && l.key === "s" && (l.preventDefault(), k());
     };
-    oe({
+    ue({
       formValues: h,
-      errors: y,
-      isSubmitting: x,
+      errors: x,
+      isSubmitting: b,
       handleSubmit: k,
-      validateAll: _,
-      resetForm: ge,
-      setFieldError: he,
-      clearErrors: be,
-      setFieldValue: Z
+      validateAll: ee,
+      resetForm: he,
+      setFieldError: be,
+      clearErrors: ye,
+      setFieldValue: _
     });
-    const Ce = () => {
-      b("onCancel"), v && v?.close?.();
+    const ie = () => {
+      y("onCancel"), v && v?.close?.();
     };
-    return (a, i) => (s(), d("form", {
-      class: m(["form-container ", l.class, e.isPage && "pb-10"]),
+    return (l, i) => (s(), c("form", {
+      class: m(["form-container", t.class, e.isPage && "pb-10"]),
       onSubmit: J(k, ["prevent"]),
       onKeydown: [
         Se,
-        se(J(ae, ["meta", "prevent"]), ["s"]),
-        se(J(ae, ["ctrl", "prevent"]), ["s"])
+        oe(J(le, ["meta", "prevent"]), ["s"]),
+        oe(J(le, ["ctrl", "prevent"]), ["s"])
       ]
     }, [
-      e.isPage ? (s(), d("div", {
+      e.isPage ? (s(), c("div", {
         key: 0,
         class: m([
           "form-page-header sticky top-0 z-30 bg-background flex items-center justify-between  pb-3.5 pt-4 -mt-3.5 mb-4.5",
           e.pageHeaderClass
         ])
       }, [
-        f("div", He, [
-          T(ze, K(e.backButtonProps, {
+        f("div", $e, [
+          w(Be, z(e.backButtonProps, {
             fallback: e.backButtonPath,
             class: "max-sm:w-8 max-sm:h-8 max-sm:min-w-8 max-sm:min-h-8 max-sm:px-0 shrink-0"
           }), null, 16, ["fallback"]),
           f("h1", {
             class: m(["text-foreground max-sm:text-lg text-fs-5 truncate", e.pageTitleClass])
-          }, z(e.pageTitleI18n ? t(Le)(e.pageTitleI18n) : e.pageTitle), 3)
+          }, B(e.pageTitleI18n ? a(Ne)(e.pageTitleI18n) : e.pageTitle), 3)
         ]),
-        f("div", $e, [
-          ne(a.$slots, "header-actions", {
-            values: t(h),
-            isSubmitting: t(x),
+        f("div", Ie, [
+          re(l.$slots, "header-actions", {
+            values: a(h),
+            isSubmitting: a(b),
             handleSubmit: k
           }, void 0, !0),
-          T(R, K({
+          w(S, z({
             type: "button",
             variant: e.isUpdate ? "outline" : "primary",
             text: e.submitText
           }, e.submitProps, {
             disabled: e.schemaLoading,
-            loading: e.loading || t(x),
+            loading: e.loading || a(b),
             onClick: k,
             class: "max-sm:hidden"
           }), null, 16, ["variant", "text", "disabled", "loading"])
         ])
-      ], 2)) : c("", !0),
-      !e.schemaLoading && u.value && X.value.length > 0 ? (s(), d("div", {
+      ], 2)) : u("", !0),
+      !e.schemaLoading && d.value && Y.value.length > 0 ? (s(), c("div", {
         key: 1,
         class: m(["form-timeline", e.timelineTextPosition == "right" ? "mb-2" : "mb-8"])
       }, [
-        T(t(Be), {
-          steps: X.value,
+        w(a(Le), {
+          steps: Y.value,
           activeStep: n.value,
           direction: "horizontal",
           textPosition: e.timelineTextPosition,
           clickable: !0,
-          onStepClick: pe
+          onStepClick: Ce
         }, null, 8, ["steps", "activeStep", "textPosition"])
-      ], 2)) : c("", !0),
+      ], 2)) : u("", !0),
       f("div", {
-        class: m(e.footer && P.value ? "pb-2" : "")
+        class: m(e.footer && R.value ? "pb-2" : "")
       }, [
-        e.schemaLoading ? (s(), C(Ve, {
+        e.schemaLoading ? (s(), C(ze, {
           key: 0,
-          isGrouped: w.value
-        }, null, 8, ["isGrouped"])) : (s(), d("div", {
+          isGrouped: T.value
+        }, null, 8, ["isGrouped"])) : (s(), c("div", {
           key: 1,
-          class: m(A.value ? "flex flex-col lg:flex-row gap-10 lg:gap-16" : "")
+          class: m(P.value ? "flex flex-col lg:flex-row gap-10 lg:gap-16" : "")
         }, [
-          A.value ? (s(), d("div", Ie, [
-            g.value && t(U)(g.value) ? (s(), C(Ue, {
+          P.value ? (s(), c("div", Ee, [
+            g.value && a(U)(g.value) ? (s(), C(Ve, {
               key: 0,
               field: g.value,
-              value: t(h)[g.value.name],
-              values: t(h),
-              errors: t(y),
-              variant: L.value,
-              size: N.value,
-              rounded: D.value,
-              disabled: t(V)(g.value),
-              readonly: t(H)(g.value),
-              error: t(y)[g.value.name] || "",
+              value: a(h)[g.value.name],
+              values: a(h),
+              errors: a(x),
+              variant: N.value,
+              size: D.value,
+              rounded: q.value,
+              disabled: a(V)(g.value),
+              readonly: a($)(g.value),
+              error: a(x)[g.value.name] || "",
               isUpdate: e.isUpdate,
-              loading: t(q)[g.value?.name],
-              onChange: i[0] || (i[0] = (o) => $(g.value.name, o))
-            }, null, 8, ["field", "value", "values", "errors", "variant", "size", "rounded", "disabled", "readonly", "error", "isUpdate", "loading"])) : c("", !0)
-          ])) : c("", !0),
+              loading: a(H)[g.value?.name],
+              onChange: i[0] || (i[0] = (o) => I(g.value.name, o))
+            }, null, 8, ["field", "value", "values", "errors", "variant", "size", "rounded", "disabled", "readonly", "error", "isUpdate", "loading"])) : u("", !0)
+          ])) : u("", !0),
           f("div", {
-            class: m(A.value ? "flex-1 min-w-0 order-last lg:order-first" : "w-full")
+            class: m(P.value ? "flex-1 min-w-0 order-last lg:order-first" : "w-full")
           }, [
-            w.value ? w.value && !u.value ? (s(), d("div", {
+            T.value ? T.value && !d.value ? (s(), c("div", {
               key: 1,
               class: m(["form-groups space-y-6", e.groupContainerClass])
             }, [
-              (s(!0), d(Te, null, Re(S.value, (o, p) => (s(), d("div", {
+              (s(!0), c(Pe, null, Re(F.value, (o, p) => (s(), c("div", {
                 key: p,
                 class: m([
                   "form-group overflow-hidden bg-body",
                   e.groupClass,
-                  S.value?.length > 1 ? "border rounded" : ""
+                  F.value?.length > 1 ? "border rounded" : ""
                 ])
               }, [
-                e.groupsHeadings?.[p] ? (s(), d("div", {
+                e.groupsHeadings?.[p] ? (s(), c("div", {
                   key: 0,
                   class: m(["form-group-header bg-muted/50 px-4 py-2.5 border-b", e.headerClass])
                 }, [
-                  f("h3", Ke, z(e.groupsHeadings[p]), 1),
-                  e.groupHeadingsDescription?.[p] ? (s(), d("p", Me, z(e.groupHeadingsDescription[p]), 1)) : c("", !0)
-                ], 2)) : c("", !0),
+                  f("h3", Ge, B(e.groupsHeadings[p]), 1),
+                  e.groupHeadingsDescription?.[p] ? (s(), c("p", je, B(e.groupHeadingsDescription[p]), 1)) : u("", !0)
+                ], 2)) : u("", !0),
                 f("div", {
-                  class: m(["form-group-body", [e.groupBodyClass, S.value?.length > 1 ? "p-4.5" : ""]])
+                  class: m(["form-group-body", [e.groupBodyClass, F.value?.length > 1 ? "p-4.5" : ""]])
                 }, [
-                  T(Q, {
+                  w(Q, {
                     schema: o,
-                    values: t(h),
-                    errors: t(y),
-                    fieldLoading: t(q),
-                    variant: L.value,
-                    size: N.value,
-                    rounded: D.value,
+                    values: a(h),
+                    errors: a(x),
+                    fieldLoading: a(H),
+                    variant: N.value,
+                    size: D.value,
+                    rounded: q.value,
                     className: e.className,
                     isUpdate: e.isUpdate,
                     showRequiredAsterisk: M.value,
-                    isFieldVisible: t(U),
-                    isFieldDisabled: t(V),
-                    isFieldReadonly: t(H),
-                    excludeTypes: A.value ? ["thumbnailSelector"] : [],
-                    onChange: $,
-                    onAddonAction: i[2] || (i[2] = (Fe) => b("onAddonAction", Fe))
+                    isFieldVisible: a(U),
+                    isFieldDisabled: a(V),
+                    isFieldReadonly: a($),
+                    excludeTypes: P.value ? ["thumbnailSelector"] : [],
+                    onChange: I,
+                    onAddonAction: i[2] || (i[2] = (Fe) => y("onAddonAction", Fe))
                   }, null, 8, ["schema", "values", "errors", "fieldLoading", "variant", "size", "rounded", "className", "isUpdate", "showRequiredAsterisk", "isFieldVisible", "isFieldDisabled", "isFieldReadonly", "excludeTypes"])
                 ], 2)
               ], 2))), 128))
-            ], 2)) : u.value ? (s(), d("div", Ge, [
-              e.tabs?.[n.value] ? (s(), d("div", {
+            ], 2)) : d.value ? (s(), c("div", Oe, [
+              e.tabs?.[n.value] ? (s(), c("div", {
                 key: 0,
                 class: m(["form-step-header mb-6", e.headerClass])
               }, [
-                f("h2", je, z(e.tabs[n.value].title), 1),
-                e.tabs[n.value].description ? (s(), d("p", Oe, z(e.tabs[n.value].description), 1)) : c("", !0)
-              ], 2)) : c("", !0),
-              T(Q, {
-                schema: Y.value,
-                values: t(h),
-                errors: t(y),
-                fieldLoading: t(q),
-                variant: L.value,
-                size: N.value,
-                rounded: D.value,
+                f("h2", Je, B(e.tabs[n.value].title), 1),
+                e.tabs[n.value].description ? (s(), c("p", Qe, B(e.tabs[n.value].description), 1)) : u("", !0)
+              ], 2)) : u("", !0),
+              w(Q, {
+                schema: Z.value,
+                values: a(h),
+                errors: a(x),
+                fieldLoading: a(H),
+                variant: N.value,
+                size: D.value,
+                rounded: q.value,
                 className: e.className,
                 isUpdate: e.isUpdate,
                 showRequiredAsterisk: M.value,
-                isFieldVisible: t(U),
-                isFieldDisabled: t(V),
-                isFieldReadonly: t(H),
-                excludeTypes: A.value ? ["thumbnailSelector"] : [],
-                onChange: $,
-                onAddonAction: i[3] || (i[3] = (o) => b("onAddonAction", o))
+                isFieldVisible: a(U),
+                isFieldDisabled: a(V),
+                isFieldReadonly: a($),
+                excludeTypes: P.value ? ["thumbnailSelector"] : [],
+                onChange: I,
+                onAddonAction: i[3] || (i[3] = (o) => y("onAddonAction", o))
               }, null, 8, ["schema", "values", "errors", "fieldLoading", "variant", "size", "rounded", "className", "isUpdate", "showRequiredAsterisk", "isFieldVisible", "isFieldDisabled", "isFieldReadonly", "excludeTypes"])
-            ])) : c("", !0) : (s(), d("div", Ee, [
-              T(Q, {
+            ])) : u("", !0) : (s(), c("div", Ke, [
+              w(Q, {
                 schema: e.schema,
-                values: t(h),
-                errors: t(y),
-                fieldLoading: t(q),
-                variant: L.value,
-                size: N.value,
-                rounded: D.value,
+                values: a(h),
+                errors: a(x),
+                fieldLoading: a(H),
+                variant: N.value,
+                size: D.value,
+                rounded: q.value,
                 className: e.className,
                 isUpdate: e.isUpdate,
                 showRequiredAsterisk: M.value,
-                isFieldVisible: t(U),
-                isFieldDisabled: t(V),
-                isFieldReadonly: t(H),
-                excludeTypes: A.value ? ["thumbnailSelector"] : [],
-                onChange: $,
-                onAddonAction: i[1] || (i[1] = (o) => b("onAddonAction", o))
-              }, null, 8, ["schema", "values", "errors", "fieldLoading", "variant", "size", "rounded", "className", "isUpdate", "showRequiredAsterisk", "isFieldVisible", "isFieldDisabled", "isFieldReadonly", "excludeTypes"])
+                isFieldVisible: a(U),
+                isFieldDisabled: a(V),
+                isFieldReadonly: a($),
+                excludeTypes: P.value ? ["thumbnailSelector"] : [],
+                layout: t.layout,
+                onChange: I,
+                onAddonAction: i[1] || (i[1] = (o) => y("onAddonAction", o))
+              }, {
+                default: Te(() => [
+                  t.layout === "inline" && e.footer ? (s(), c("div", Me, [
+                    W.value ? (s(), C(S, {
+                      key: 0,
+                      type: "button",
+                      variant: "outline",
+                      text: e.cancelText,
+                      disabled: e.loading || a(b),
+                      onClick: ie
+                    }, null, 8, ["text", "disabled"])) : u("", !0),
+                    w(S, z({
+                      type: "submit",
+                      variant: "primary",
+                      text: e.submitText
+                    }, e.submitProps, {
+                      loading: e.loading || a(b)
+                    }), null, 16, ["text", "loading"])
+                  ])) : u("", !0)
+                ]),
+                _: 1
+              }, 8, ["schema", "values", "errors", "fieldLoading", "variant", "size", "rounded", "className", "isUpdate", "showRequiredAsterisk", "isFieldVisible", "isFieldDisabled", "isFieldReadonly", "excludeTypes", "layout"])
             ])),
-            ne(a.$slots, "default", {
-              values: t(h),
-              errors: t(y),
-              isSubmitting: t(x),
+            re(l.$slots, "default", {
+              values: a(h),
+              errors: a(x),
+              isSubmitting: a(b),
               handleSubmit: k
             }, void 0, !0)
           ], 2)
@@ -380,80 +408,81 @@ const qe = ["onKeydown"], He = { class: "flex items-center gap-3" }, $e = { clas
           "aria-hidden": "true"
         }, null, 512)
       ], 2),
-      e.footer && !e.schemaLoading ? (s(), d("div", {
+      e.footer && !e.schemaLoading && t.layout !== "inline" ? (s(), c("div", {
         key: 2,
         ref_key: "footerRef",
-        ref: ce,
+        ref: me,
         class: m([
           "form-footer items-center gap-3 z-20 rounded-b-md!",
           e.isPage ? "flex sm:hidden" : "flex",
           e.footerClass,
-          u.value ? "justify-between" : "justify-end",
+          d.value ? "justify-between" : "justify-end",
           // Sticky footer: always applied when inside a modal or when stickyFooter prop is set.
           // `sticky bottom-0` anchors the footer to the bottom of the nearest scrollable ancestor
           // (the modal's overflow-y-auto body), keeping it visible at all times without leaving
           // the normal document flow (unlike `fixed` which would escape the modal bounds).
-          P.value ? "sticky bottom-0 bg-body pt-3 pb-3 -mx-0.5 px-0.5 mt-6 border-t border-border/75" : "mt-6",
+          R.value ? "sticky bottom-0 bg-body pt-3 pb-3 -mx-0.5 px-0.5 mt-6 border-t border-border/75" : t.layout !== "inline" ? "mt-6" : "",
           // Show a subtle top shadow while content is scrolling beneath the sticky footer
-          (P.value && W.value, ""),
+          (R.value && X.value, ""),
           // Inside modal: extend footer flush to modal edge padding
-          F.value ? "-mx-4 px-4 pb-3! mt-7.5!" : "",
+          A.value && t.layout !== "inline" ? "-mx-4 px-4 pb-3! mt-7.5!" : "",
           // Non-sticky inside modal keeps the original border styling
-          !P.value && F.value ? "border-t border-border/75 mt-5" : "",
-          !P.value && !F.value ? "mt-6" : ""
+          !R.value && A.value && t.layout !== "inline" ? "border-t border-border/75 mt-5" : "",
+          !R.value && !A.value && t.layout !== "inline" ? "mt-6" : "",
+          t.layout === "inline" ? "mt-0 shrink-0" : ""
         ])
       }, [
-        f("div", Je, [
-          de.value ? (s(), C(R, {
+        f("div", We, [
+          W.value ? (s(), C(S, {
             key: 0,
             type: "button",
             variant: "outline",
             text: e.cancelText,
-            disabled: e.loading || t(x),
-            onClick: Ce
-          }, null, 8, ["text", "disabled"])) : c("", !0),
-          u.value && e.isUpdate && !I.value ? (s(), C(R, K({
+            disabled: e.loading || a(b),
+            onClick: ie
+          }, null, 8, ["text", "disabled"])) : u("", !0),
+          d.value && e.isUpdate && !E.value ? (s(), C(S, z({
             key: 1,
             type: "button",
             variant: "primary",
             text: e.submitText
           }, e.submitProps, {
-            loading: e.loading || t(x),
+            loading: e.loading || a(b),
             onClick: k
-          }), null, 16, ["text", "loading"])) : c("", !0)
+          }), null, 16, ["text", "loading"])) : u("", !0)
         ]),
         f("div", {
-          class: m(["flex gap-3 items-center", u.value && "ml-auto"])
+          class: m(["flex gap-3 items-center", d.value && "ml-auto"])
         }, [
-          u.value && ee.value ? (s(), C(R, {
+          d.value && te.value ? (s(), C(S, {
             key: 0,
             type: "button",
             variant: "outline",
             icon: "lucide:arrow-left",
             text: "Previous",
-            onClick: ke
-          })) : c("", !0),
-          u.value && !I.value ? (s(), C(R, {
+            onClick: pe
+          })) : u("", !0),
+          d.value && !E.value ? (s(), C(S, {
             key: 1,
             type: "button",
             variant: e.isUpdate ? "outline" : "primary",
             text: "Next",
             iconRight: "lucide:arrow-right",
-            onClick: te
-          }, null, 8, ["variant"])) : c("", !0),
-          !u.value || I.value ? (s(), C(R, K({
+            onClick: ae
+          }, null, 8, ["variant"])) : u("", !0),
+          !d.value || E.value ? (s(), C(S, z({
             key: 2,
             type: "submit",
             variant: "primary",
             text: e.submitText
           }, e.submitProps, {
-            loading: e.loading || t(x)
-          }), null, 16, ["text", "loading"])) : c("", !0)
+            loading: e.loading || a(b)
+          }), null, 16, ["text", "loading"])) : u("", !0)
         ], 2)
-      ], 2)) : c("", !0)
-    ], 42, qe));
+      ], 2)) : u("", !0)
+    ], 42, He));
   }
 });
 export {
-  nt as default
+  rt as default
 };