vlite3 1.4.30 → 1.4.32

package/components/Form/Form.vue2.js

@@ -1,35 +1,35 @@
-import { defineComponent as Ve, computed as o, inject as Le, onMounted as ue, onUnmounted as Y, ref as M, watch as de, openBlock as n, createElementBlock as d, withKeys as ce, withModifiers as Z, normalizeClass as m, createElementVNode as x, createVNode as k, mergeProps as G, toDisplayString as H, renderSlot as me, unref as a, createCommentVNode as c, createBlock as F, withCtx as ve, Fragment as Ie, renderList as ze } from "vue";
-import { useForm as Ne } from "./composables/useForm.js";
-import j from "./FormFields.vue.js";
-import Be from "./FormField.vue.js";
-import De from "./FormSkeleton.vue.js";
-import qe from "../Accordion/Accordion.vue.js";
+import { defineComponent as Ge, computed as o, inject as He, getCurrentInstance as $e, onMounted as Me, onUnmounted as _, shallowRef as ee, watch as te, nextTick as Oe, openBlock as n, createElementBlock as c, withKeys as ye, withModifiers as ae, normalizeClass as v, createElementVNode as p, createVNode as k, mergeProps as O, toDisplayString as j, renderSlot as he, unref as l, createCommentVNode as d, createBlock as C, withCtx as be, Fragment as je, renderList as Ke, isMemoSame as Ye } from "vue";
+import { useForm as Je } from "./composables/useForm.js";
+import X from "./FormFields.vue.js";
+import Qe from "./FormField.vue.js";
+import We from "./FormSkeleton.vue.js";
+import Xe from "../Accordion/Accordion.vue.js";
 import S from "../Button.vue.js";
-import $e from "../BackButton.vue.js";
-import Ge from "../Timeline/Timeline.vue.js";
+import Ze from "../BackButton.vue.js";
+import _e from "../Timeline/Timeline.vue.js";
 import "@iconify/vue";
-import { resolveI18nText as He } from "../../utils/i18n.js";
-import { useVLiteConfig as Ee } from "../../core/config.js";
-import { resolveFieldType as Ke } from "./utils/form.utils.js";
-const Me = ["onKeydown"], je = { class: "flex items-center gap-3" }, Oe = { class: "flex items-center gap-2 shrink-0" }, Je = {
+import { resolveI18nText as et } from "../../utils/i18n.js";
+import { useVLiteConfig as tt } from "../../core/config.js";
+import { resolveFieldType as at } from "./utils/form.utils.js";
+const lt = ["onKeydown"], it = { class: "flex items-center gap-3" }, st = { class: "flex items-center gap-2 shrink-0" }, nt = {
   key: 0,
   class: "w-full order-first lg:order-last lg:min-w-100 lg:max-w-[380px] shrink-0"
-}, Qe = { key: 0 }, We = {
+}, ot = { key: 0 }, rt = {
   key: 0,
   class: "flex gap-3 items-end ml-auto"
-}, Xe = { class: "text-base font-semibold text-foreground" }, Ye = {
+}, ut = { class: "text-base font-semibold text-foreground" }, dt = {
   key: 0,
   class: "text-sm text-muted-foreground mt-1"
-}, Ze = {
+}, ct = {
   key: 3,
   class: "form-step"
-}, _e = { class: "text-lg font-semibold text-foreground" }, et = {
+}, vt = { class: "text-lg font-semibold text-foreground" }, mt = {
   key: 0,
   class: "text-sm text-muted-foreground mt-1"
-}, tt = {
+}, ft = {
   key: 0,
   class: "flex gap-3 items-center"
-}, gt = /* @__PURE__ */ Ve({
+}, Pt = /* @__PURE__ */ Ge({
   __name: "Form",
   props: {
     schema: {},
@@ -71,413 +71,468 @@ const Me = ["onKeydown"], je = { class: "flex items-center gap-3" }, Oe = { clas
     layout: { default: "vertical" }
   },
   emits: ["onSubmit", "onCancel", "onStepChange", "onAddonAction", "onBack", "onChange"],
-  setup(e, { expose: fe, emit: ge }) {
-    const t = e, g = ge, he = o(() => He(t.pageTitleI18n, t.pageTitle)), h = Le("modal-context", null), ye = Ee(), E = o(() => ye?.components?.form || {}), V = o(() => t.variant ?? E.value.variant ?? "outline"), L = o(() => t.size ?? E.value.size ?? "md"), I = o(() => t.rounded ?? E.value.rounded ?? "md"), K = o(
-      () => t.showRequiredAsterisk ?? E.value.showRequiredAsterisk ?? !0
-    ), O = o(() => t.showCancel || !!h), U = o(() => !!h), z = o(
-      () => t.layout !== "inline" && (t.stickyFooter || U.value)
+  setup(e, { expose: xe, emit: pe }) {
+    const i = e, f = pe, ke = o(() => et(i.pageTitleI18n, i.pageTitle)), g = He("modal-context", null), Ce = tt(), K = o(() => Ce?.components?.form || {}), U = o(() => i.variant ?? K.value.variant ?? "outline"), I = o(() => i.size ?? K.value.size ?? "md"), z = o(() => i.rounded ?? K.value.rounded ?? "md"), D = o(
+      () => i.showRequiredAsterisk ?? K.value.showRequiredAsterisk ?? !0
+    ), Y = o(() => i.showCancel || !!g), E = o(() => !!g), Se = $e(), Fe = o(() => {
+      const t = Se?.vnode.props;
+      return !!t && (Object.prototype.hasOwnProperty.call(t, "stickyFooter") || Object.prototype.hasOwnProperty.call(t, "sticky-footer")) && i.stickyFooter;
+    }), L = o(
+      () => i.layout !== "inline" && (i.stickyFooter || E.value)
     );
-    ue(() => {
-      t.footer && U.value && h?.registerFormFooter?.(!0);
-    }), Y(() => {
-      U.value && h?.registerFormFooter?.(!1);
+    Me(() => {
+      i.footer && E.value && g?.registerFormFooter?.(!0);
+    }), _(() => {
+      E.value && g?.registerFormFooter?.(!1);
     });
-    const be = M(null), J = M(null), _ = M(!1);
-    let Q = null;
-    ue(() => {
-      J.value && (Q = new IntersectionObserver(
-        ([i]) => {
-          _.value = !i.isIntersecting;
-        },
-        { threshold: 0 }
-      ), Q.observe(J.value));
-    }), Y(() => {
-      Q?.disconnect();
+    const F = ee(null), q = ee(!1), le = (t) => {
+      let a = t?.parentElement ?? null;
+      for (; a && a !== document.body; ) {
+        const { overflowY: s } = getComputedStyle(a);
+        if (s === "auto" || s === "scroll" || s === "overlay")
+          return a;
+        a = a.parentElement;
+      }
+      return document.documentElement;
+    }, ie = () => {
+      if (!L.value || !F.value) {
+        q.value = !1;
+        return;
+      }
+      const t = le(F.value);
+      if (!t) {
+        q.value = !1;
+        return;
+      }
+      q.value = t.scrollHeight > t.clientHeight + 1;
+    }, we = o(
+      () => L.value && (E.value || Fe.value || q.value)
+    );
+    let A = null;
+    te(
+      [F, L, () => i.schemaLoading],
+      async () => {
+        if (A?.disconnect(), A = null, await Oe(), !F.value || !L.value) {
+          q.value = !1;
+          return;
+        }
+        const t = le(F.value);
+        if (ie(), typeof ResizeObserver > "u" || !t) return;
+        A = new ResizeObserver(() => ie()), A.observe(t), A.observe(F.value);
+        const a = F.value.closest("form");
+        a && A.observe(a);
+      },
+      { flush: "post", immediate: !0 }
+    ), _(() => {
+      A?.disconnect();
     });
-    const w = o(() => !t.schema || t.schema.length === 0 ? !1 : Array.isArray(t.schema[0])), u = o(() => t.tabs && t.tabs.length > 0 && w.value), r = M(0), ee = o(() => t.tabs ? t.tabs.map((i, l) => ({
-      id: i.id?.toString() || l.toString(),
-      title: i.title,
-      icon: i.icon,
-      description: i.description,
-      status: l < r.value ? "completed" : l === r.value ? "current" : "upcoming"
-    })) : []), N = o(() => w.value ? t.schema : [t.schema]), te = o(() => u.value ? N.value[r.value] || [] : []), ae = (i) => {
-      if (!i) return [];
-      if (Array.isArray(i)) return i;
+    const T = o(() => !i.schema || i.schema.length === 0 ? !1 : Array.isArray(i.schema[0])), u = o(() => i.tabs && i.tabs.length > 0 && T.value), r = ee(0), se = o(() => i.tabs ? i.tabs.map((t, a) => ({
+      id: t.id?.toString() || a.toString(),
+      title: t.title,
+      icon: t.icon,
+      description: t.description,
+      status: a < r.value ? "completed" : a === r.value ? "current" : "upcoming"
+    })) : []), G = o(() => T.value ? i.schema : [i.schema]), ne = o(() => u.value ? G.value[r.value] || [] : []), oe = (t) => {
+      if (!t) return [];
+      if (Array.isArray(t)) return t;
       try {
-        const l = i({
-          values: v.value,
-          globalValues: v.value,
-          isUpdate: t.isUpdate
+        const a = t({
+          values: m.value,
+          globalValues: m.value,
+          isUpdate: i.isUpdate
         });
-        return Array.isArray(l) ? l : [];
-      } catch (l) {
-        return console.error("[Form] Error evaluating dynamic group headings:", l), [];
+        return Array.isArray(a) ? a : [];
+      } catch (a) {
+        return console.error("[Form] Error evaluating dynamic group headings:", a), [];
       }
-    }, W = o(() => ae(t.groupsHeadings)), X = o(
-      () => ae(t.groupHeadingsDescription)
-    ), B = o(() => {
-      const i = N.value, l = [];
-      for (let s = 0; s < i.length; s++) {
-        const f = i[s];
-        !Array.isArray(f) || f.length === 0 || f.some((Pe) => T(Pe)) && l.push({ schema: f, originalIndex: s });
+    }, J = o(() => oe(i.groupsHeadings)), Q = o(
+      () => oe(i.groupHeadingsDescription)
+    ), H = o(() => {
+      const t = G.value, a = [];
+      for (let s = 0; s < t.length; s++) {
+        const x = t[s];
+        !Array.isArray(x) || x.length === 0 || x.some((me) => R(me)) && a.push({ schema: x, originalIndex: s });
       }
-      return l;
-    }), y = o(() => u.value ? null : (w.value ? t.schema.flat() : t.schema).find((l) => Ke(l, {
-      values: v.value,
-      globalValues: v.value,
-      isUpdate: t.isUpdate
-    }) === "thumbnailSelector") ?? null), A = o(() => !!y.value), {
-      formValues: v,
-      errors: p,
-      isSubmitting: b,
-      fieldLoading: D,
-      handleFieldChange: le,
-      validateField: xe,
-      validateAll: ie,
-      isFieldVisible: T,
-      isFieldDisabled: R,
-      isFieldReadonly: q,
-      handleSubmit: pe,
-      reinitialize: ke,
-      resetForm: Ce,
-      setFieldError: Fe,
-      clearErrors: Se
-    } = Ne({
-      schema: t.schema,
-      values: t.values,
-      isUpdate: t.isUpdate,
-      folderId: t.folderId,
-      emitFields: t.emitFields,
-      onSubmit: (i) => {
-        g("onSubmit", i, h?.close || (() => {
+      return a;
+    }), Ae = o(
+      () => H.value.map((t) => ({
+        id: `form-group-${t.originalIndex}`,
+        title: J.value?.[t.originalIndex] || "",
+        description: Q.value?.[t.originalIndex] || void 0
+      }))
+    ), Te = o(() => {
+      const t = /* @__PURE__ */ new Map();
+      for (const a of H.value)
+        t.set(`form-group-${a.originalIndex}`, a.schema);
+      return t;
+    }), h = o(() => u.value ? null : (T.value ? i.schema.flat() : i.schema).find((a) => at(a, {
+      values: m.value,
+      globalValues: m.value,
+      isUpdate: i.isUpdate
+    }) === "thumbnailSelector") ?? null), P = o(() => !!h.value), {
+      formValues: m,
+      errors: b,
+      isSubmitting: y,
+      fieldLoading: V,
+      handleFieldChange: re,
+      validateField: Pe,
+      validateAll: ue,
+      isFieldVisible: R,
+      isFieldDisabled: B,
+      isFieldReadonly: $,
+      handleSubmit: Re,
+      reinitialize: Ue,
+      resetForm: Ie,
+      setFieldError: ze,
+      clearErrors: Le
+    } = Je({
+      schema: i.schema,
+      values: i.values,
+      isUpdate: i.isUpdate,
+      folderId: i.folderId,
+      emitFields: i.emitFields,
+      onSubmit: (t) => {
+        f("onSubmit", t, g?.close || (() => {
         }));
       }
     });
-    de(
-      () => t.loading || b.value,
-      (i) => {
-        h?.setSubmitting && h.setSubmitting(i);
+    te(
+      () => i.loading || y.value,
+      (t) => {
+        g?.setSubmitting && g.setSubmitting(t);
       },
       { immediate: !0 }
-    ), Y(() => {
-      h?.setSubmitting && h.setSubmitting(!1);
-    }), de(
-      [() => t.schema, () => t.values, () => t.schemaLoading],
-      ([i, l, s]) => {
-        s || ke(i, l);
+    ), _(() => {
+      g?.setSubmitting && g.setSubmitting(!1);
+    }), te(
+      [() => i.schema, () => i.values, () => i.schemaLoading],
+      ([t, a, s]) => {
+        s || Ue(t, a);
       }
     );
-    const $ = (i, l) => {
-      le(i, l.value, l.data), g("onChange", v.value);
-    }, we = async () => {
+    const M = (t, a) => {
+      re(t, a.value, a.data), f("onChange", m.value);
+    }, Ve = async () => {
       if (!u.value) return !0;
-      const i = te.value;
-      let l = !0;
-      for (const s of i) {
-        if (!T(s) || R(s)) continue;
-        await xe(s) && (l = !1);
+      const t = ne.value;
+      let a = !0;
+      for (const s of t) {
+        if (!R(s) || B(s)) continue;
+        await Pe(s) && (a = !1);
       }
-      return l;
-    }, Ae = o(() => u.value ? r.value < N.value.length - 1 : !1), se = o(() => u.value ? r.value > 0 : !1), P = o(() => u.value ? r.value === N.value.length - 1 : !0), ne = async () => {
-      !Ae.value || !await we() || (r.value++, g("onStepChange", r.value));
-    }, Te = () => {
-      se.value && (r.value--, g("onStepChange", r.value));
-    }, Ue = (i, l) => {
-      l <= r.value && (r.value = l, g("onStepChange", r.value));
-    }, C = async () => {
+      return a;
+    }, Be = o(() => u.value ? r.value < G.value.length - 1 : !1), de = o(() => u.value ? r.value > 0 : !1), N = o(() => u.value ? r.value === G.value.length - 1 : !0), ce = async () => {
+      !Be.value || !await Ve() || (r.value++, f("onStepChange", r.value));
+    }, Ne = () => {
+      de.value && (r.value--, f("onStepChange", r.value));
+    }, De = (t, a) => {
+      a <= r.value && (r.value = a, f("onStepChange", r.value));
+    }, w = async () => {
       if (u.value) {
-        if (!P.value && !t.isUpdate) {
-          await ne();
+        if (!N.value && !i.isUpdate) {
+          await ce();
           return;
         }
-        if (!await ie()) {
-          const l = N.value.findIndex(
-            (s) => s.some((f) => !!p.value[f.name])
+        if (!await ue()) {
+          const a = G.value.findIndex(
+            (s) => s.some((x) => !!b.value[x.name])
           );
-          l !== -1 && l !== r.value && (r.value = l, g("onStepChange", r.value));
+          a !== -1 && a !== r.value && (r.value = a, f("onStepChange", r.value));
           return;
         }
       }
       try {
-        await pe();
+        await Re();
       } catch {
       }
-    }, Re = (i) => {
-      if (i.key !== "Enter" || i.defaultPrevented) return;
-      const l = i.target;
-      if (!l) return;
-      const s = l.tagName.toLowerCase();
-      s !== "textarea" && s !== "button" && (l.isContentEditable || (i.preventDefault(), C()));
-    }, oe = (i) => {
-      (i.metaKey || i.ctrlKey) && i.key === "s" && (i.preventDefault(), C());
+    }, Ee = (t) => {
+      if (t.key !== "Enter" || t.defaultPrevented) return;
+      const a = t.target;
+      if (!a) return;
+      const s = a.tagName.toLowerCase();
+      s !== "textarea" && s !== "button" && (a.isContentEditable || (t.preventDefault(), w()));
+    }, ve = (t) => {
+      (t.metaKey || t.ctrlKey) && t.key === "s" && (t.preventDefault(), w());
     };
-    fe({
-      formValues: v,
-      errors: p,
-      isSubmitting: b,
-      handleSubmit: C,
-      validateAll: ie,
-      resetForm: Ce,
-      setFieldError: Fe,
-      clearErrors: Se,
-      setFieldValue: le
+    xe({
+      formValues: m,
+      errors: b,
+      isSubmitting: y,
+      handleSubmit: w,
+      validateAll: ue,
+      resetForm: Ie,
+      setFieldError: ze,
+      clearErrors: Le,
+      setFieldValue: re
     });
-    const re = () => {
-      g("onCancel"), h && h?.close?.();
+    const Z = () => {
+      f("onCancel"), g && g?.close?.();
     };
-    return (i, l) => (n(), d("form", {
-      class: m(["form-container", t.class, e.isPage && "pb-10"]),
-      onSubmit: Z(C, ["prevent"]),
+    return (t, a) => (n(), c("form", {
+      class: v(["form-container", i.class, e.isPage && "pb-10"]),
+      onSubmit: ae(w, ["prevent"]),
       onKeydown: [
-        Re,
-        ce(Z(oe, ["meta", "prevent"]), ["s"]),
-        ce(Z(oe, ["ctrl", "prevent"]), ["s"])
+        Ee,
+        ye(ae(ve, ["meta", "prevent"]), ["s"]),
+        ye(ae(ve, ["ctrl", "prevent"]), ["s"])
       ]
     }, [
-      e.isPage ? (n(), d("div", {
+      e.isPage ? (n(), c("div", {
         key: 0,
-        class: m([
+        class: v([
           "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
         ])
       }, [
-        x("div", je, [
-          k($e, G(e.backButtonProps, {
+        p("div", it, [
+          k(Ze, O(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"]),
-          x("h1", {
-            class: m(["text-foreground max-sm:text-lg text-fs-5 truncate", e.pageTitleClass])
-          }, H(he.value), 3)
+          p("h1", {
+            class: v(["text-foreground max-sm:text-lg text-fs-5 truncate", e.pageTitleClass])
+          }, j(ke.value), 3)
         ]),
-        x("div", Oe, [
-          me(i.$slots, "header-actions", {
-            values: a(v),
-            isSubmitting: a(b),
-            handleSubmit: C
+        p("div", st, [
+          he(t.$slots, "header-actions", {
+            values: l(m),
+            isSubmitting: l(y),
+            handleSubmit: w
           }, void 0, !0),
-          k(S, G({
+          k(S, O({
             type: "button",
             variant: e.isUpdate ? "outline" : "primary",
             text: e.submitText
           }, e.submitProps, {
             disabled: e.schemaLoading,
-            loading: e.loading || a(b),
-            onClick: C,
+            loading: e.loading || l(y),
+            onClick: w,
             class: "max-sm:hidden"
           }), null, 16, ["variant", "text", "disabled", "loading"])
         ])
-      ], 2)) : c("", !0),
-      !e.schemaLoading && u.value && ee.value.length > 0 ? (n(), d("div", {
+      ], 2)) : d("", !0),
+      !e.schemaLoading && u.value && se.value.length > 0 ? (n(), c("div", {
         key: 1,
-        class: m(["form-timeline", e.timelineTextPosition == "right" ? "mb-2" : "mb-8"])
+        class: v(["form-timeline", e.timelineTextPosition == "right" ? "mb-2" : "mb-8"])
       }, [
-        k(a(Ge), {
-          steps: ee.value,
+        k(l(_e), {
+          steps: se.value,
           activeStep: r.value,
           direction: "horizontal",
           textPosition: e.timelineTextPosition,
           clickable: !0,
-          onStepClick: Ue
+          onStepClick: De
         }, null, 8, ["steps", "activeStep", "textPosition"])
-      ], 2)) : c("", !0),
-      x("div", {
-        class: m(e.footer && z.value ? "pb-2" : "")
+      ], 2)) : d("", !0),
+      p("div", {
+        class: v(e.footer && L.value ? "pb-2" : "")
       }, [
-        e.schemaLoading ? (n(), F(De, {
+        e.schemaLoading ? (n(), C(We, {
           key: 0,
-          isGrouped: w.value
-        }, null, 8, ["isGrouped"])) : (n(), d("div", {
+          isGrouped: T.value
+        }, null, 8, ["isGrouped"])) : (n(), c("div", {
           key: 1,
-          class: m(A.value ? "flex flex-col lg:flex-row gap-10 lg:gap-16" : "")
+          class: v(P.value ? "flex flex-col lg:flex-row gap-10 lg:gap-16" : "")
         }, [
-          A.value ? (n(), d("div", Je, [
-            y.value && a(T)(y.value) ? (n(), F(Be, {
+          P.value ? (n(), c("div", nt, [
+            h.value && l(R)(h.value) ? (n(), C(Qe, {
               key: 0,
-              field: y.value,
-              value: a(v)[y.value.name],
-              values: a(v),
-              errors: a(p),
-              variant: V.value,
-              size: L.value,
-              rounded: I.value,
-              disabled: a(R)(y.value),
-              readonly: a(q)(y.value),
-              error: a(p)[y.value.name] || "",
+              field: h.value,
+              value: l(m)[h.value.name],
+              values: l(m),
+              errors: l(b),
+              variant: U.value,
+              size: I.value,
+              rounded: z.value,
+              disabled: l(B)(h.value),
+              readonly: l($)(h.value),
+              error: l(b)[h.value.name] || "",
               isUpdate: e.isUpdate,
-              loading: a(D)[y.value?.name],
-              onChange: l[0] || (l[0] = (s) => $(y.value.name, s))
-            }, null, 8, ["field", "value", "values", "errors", "variant", "size", "rounded", "disabled", "readonly", "error", "isUpdate", "loading"])) : c("", !0)
-          ])) : c("", !0),
-          x("div", {
-            class: m(A.value ? "flex-1 min-w-0 order-last lg:order-first" : "w-full")
+              loading: l(V)[h.value?.name],
+              onChange: a[0] || (a[0] = (s) => M(h.value.name, s))
+            }, null, 8, ["field", "value", "values", "errors", "variant", "size", "rounded", "disabled", "readonly", "error", "isUpdate", "loading"])) : d("", !0)
+          ])) : d("", !0),
+          p("div", {
+            class: v(P.value ? "flex-1 min-w-0 order-last lg:order-first" : "w-full")
           }, [
-            w.value ? w.value && !u.value && e.groupLayout === "basic" ? (n(), d("div", {
+            T.value ? T.value && !u.value && e.groupLayout === "basic" ? (n(), c("div", {
               key: 1,
-              class: m(["form-groups space-y-6", e.groupContainerClass])
+              class: v(["form-groups space-y-6", e.groupContainerClass])
             }, [
-              (n(!0), d(Ie, null, ze(B.value, (s) => (n(), d("div", {
-                key: s.originalIndex,
-                class: m([
-                  "form-group overflow-hidden bg-body",
+              (n(!0), c(je, null, Ke(H.value, (s, x, me, W) => {
+                const fe = [
+                  s.schema,
+                  s.originalIndex,
+                  l(m),
+                  l(b),
+                  l(V),
+                  U.value,
+                  I.value,
+                  z.value,
+                  J.value?.[s.originalIndex],
+                  Q.value?.[s.originalIndex],
                   e.groupClass,
-                  B.value.length > 1 ? "border rounded" : ""
-                ])
-              }, [
-                W.value?.[s.originalIndex] ? (n(), d("div", {
-                  key: 0,
-                  class: m(["form-group-header bg-muted/50 px-4 py-2.5 border-b", e.headerClass])
+                  e.groupBodyClass,
+                  e.headerClass,
+                  e.className,
+                  e.isUpdate,
+                  D.value
+                ];
+                if (W && W.key === s.originalIndex && Ye(W, fe)) return W;
+                const ge = (n(), c("div", {
+                  key: s.originalIndex,
+                  class: v([
+                    "form-group overflow-hidden bg-body",
+                    e.groupClass,
+                    H.value.length > 1 ? "border rounded" : ""
+                  ])
                 }, [
-                  x("h3", Xe, H(W.value[s.originalIndex]), 1),
-                  X.value?.[s.originalIndex] ? (n(), d("p", Ye, H(X.value[s.originalIndex]), 1)) : c("", !0)
-                ], 2)) : c("", !0),
-                x("div", {
-                  class: m(["form-group-body", [e.groupBodyClass, B.value.length > 1 ? "p-4.5" : ""]])
-                }, [
-                  k(j, {
-                    schema: s.schema,
-                    values: a(v),
-                    errors: a(p),
-                    fieldLoading: a(D),
-                    variant: V.value,
-                    size: L.value,
-                    rounded: I.value,
-                    className: e.className,
-                    isUpdate: e.isUpdate,
-                    showRequiredAsterisk: K.value,
-                    isFieldVisible: a(T),
-                    isFieldDisabled: a(R),
-                    isFieldReadonly: a(q),
-                    excludeTypes: A.value ? ["thumbnailSelector"] : [],
-                    onChange: $,
-                    onAddonAction: l[2] || (l[2] = (f) => g("onAddonAction", f))
-                  }, null, 8, ["schema", "values", "errors", "fieldLoading", "variant", "size", "rounded", "className", "isUpdate", "showRequiredAsterisk", "isFieldVisible", "isFieldDisabled", "isFieldReadonly", "excludeTypes"])
-                ], 2)
-              ], 2))), 128))
-            ], 2)) : w.value && !u.value && e.groupLayout === "accordion" ? (n(), d("div", {
+                  J.value?.[s.originalIndex] ? (n(), c("div", {
+                    key: 0,
+                    class: v(["form-group-header bg-muted/50 px-4 py-2.5 border-b", e.headerClass])
+                  }, [
+                    p("h3", ut, j(J.value[s.originalIndex]), 1),
+                    Q.value?.[s.originalIndex] ? (n(), c("p", dt, j(Q.value[s.originalIndex]), 1)) : d("", !0)
+                  ], 2)) : d("", !0),
+                  p("div", {
+                    class: v(["form-group-body", [e.groupBodyClass, H.value.length > 1 ? "p-4.5" : ""]])
+                  }, [
+                    k(X, {
+                      schema: s.schema,
+                      values: l(m),
+                      errors: l(b),
+                      fieldLoading: l(V),
+                      variant: U.value,
+                      size: I.value,
+                      rounded: z.value,
+                      className: e.className,
+                      isUpdate: e.isUpdate,
+                      showRequiredAsterisk: D.value,
+                      isFieldVisible: l(R),
+                      isFieldDisabled: l(B),
+                      isFieldReadonly: l($),
+                      excludeTypes: P.value ? ["thumbnailSelector"] : [],
+                      onChange: M,
+                      onAddonAction: a[2] || (a[2] = (qe) => f("onAddonAction", qe))
+                    }, null, 8, ["schema", "values", "errors", "fieldLoading", "variant", "size", "rounded", "className", "isUpdate", "showRequiredAsterisk", "isFieldVisible", "isFieldDisabled", "isFieldReadonly", "excludeTypes"])
+                  ], 2)
+                ], 2));
+                return ge.memo = fe, ge;
+              }, a, 3), 128))
+            ], 2)) : T.value && !u.value && e.groupLayout === "accordion" ? (n(), c("div", {
               key: 2,
-              class: m(e.groupContainerClass)
+              class: v(e.groupContainerClass)
             }, [
-              k(qe, {
+              k(Xe, {
                 variant: "solid",
-                items: B.value.map((s) => ({
-                  id: `form-group-${s.originalIndex}`,
-                  title: W.value?.[s.originalIndex] || "",
-                  description: X.value?.[s.originalIndex] || void 0
-                })),
+                items: Ae.value,
                 "allow-multiple": "",
-                class: m(e.groupClass)
+                class: v(e.groupClass)
               }, {
-                content: ve(({ item: s }) => [
-                  k(j, {
-                    schema: B.value.find((f) => `form-group-${f.originalIndex}` === s.id)?.schema || [],
-                    values: a(v),
-                    errors: a(p),
-                    fieldLoading: a(D),
-                    variant: V.value,
-                    size: L.value,
-                    rounded: I.value,
+                content: be(({ item: s }) => [
+                  k(X, {
+                    schema: Te.value.get(s.id) || [],
+                    values: l(m),
+                    errors: l(b),
+                    fieldLoading: l(V),
+                    variant: U.value,
+                    size: I.value,
+                    rounded: z.value,
                     className: e.className,
                     isUpdate: e.isUpdate,
-                    showRequiredAsterisk: K.value,
-                    isFieldVisible: a(T),
-                    isFieldDisabled: a(R),
-                    isFieldReadonly: a(q),
-                    excludeTypes: A.value ? ["thumbnailSelector"] : [],
-                    onChange: $,
-                    onAddonAction: l[3] || (l[3] = (f) => g("onAddonAction", f))
+                    showRequiredAsterisk: D.value,
+                    isFieldVisible: l(R),
+                    isFieldDisabled: l(B),
+                    isFieldReadonly: l($),
+                    excludeTypes: P.value ? ["thumbnailSelector"] : [],
+                    onChange: M,
+                    onAddonAction: a[5] || (a[5] = (x) => f("onAddonAction", x))
                   }, null, 8, ["schema", "values", "errors", "fieldLoading", "variant", "size", "rounded", "className", "isUpdate", "showRequiredAsterisk", "isFieldVisible", "isFieldDisabled", "isFieldReadonly", "excludeTypes"])
                 ]),
                 _: 1
               }, 8, ["items", "class"])
-            ], 2)) : u.value ? (n(), d("div", Ze, [
-              e.tabs?.[r.value] ? (n(), d("div", {
+            ], 2)) : u.value ? (n(), c("div", ct, [
+              e.tabs?.[r.value] ? (n(), c("div", {
                 key: 0,
-                class: m(["form-step-header mb-6", e.headerClass])
+                class: v(["form-step-header mb-6", e.headerClass])
               }, [
-                x("h2", _e, H(e.tabs[r.value].title), 1),
-                e.tabs[r.value].description ? (n(), d("p", et, H(e.tabs[r.value].description), 1)) : c("", !0)
-              ], 2)) : c("", !0),
-              k(j, {
-                schema: te.value,
-                values: a(v),
-                errors: a(p),
-                fieldLoading: a(D),
-                variant: V.value,
-                size: L.value,
-                rounded: I.value,
+                p("h2", vt, j(e.tabs[r.value].title), 1),
+                e.tabs[r.value].description ? (n(), c("p", mt, j(e.tabs[r.value].description), 1)) : d("", !0)
+              ], 2)) : d("", !0),
+              k(X, {
+                schema: ne.value,
+                values: l(m),
+                errors: l(b),
+                fieldLoading: l(V),
+                variant: U.value,
+                size: I.value,
+                rounded: z.value,
                 className: e.className,
                 isUpdate: e.isUpdate,
-                showRequiredAsterisk: K.value,
-                isFieldVisible: a(T),
-                isFieldDisabled: a(R),
-                isFieldReadonly: a(q),
-                excludeTypes: A.value ? ["thumbnailSelector"] : [],
-                onChange: $,
-                onAddonAction: l[4] || (l[4] = (s) => g("onAddonAction", s))
+                showRequiredAsterisk: D.value,
+                isFieldVisible: l(R),
+                isFieldDisabled: l(B),
+                isFieldReadonly: l($),
+                excludeTypes: P.value ? ["thumbnailSelector"] : [],
+                onChange: M,
+                onAddonAction: a[6] || (a[6] = (s) => f("onAddonAction", s))
               }, null, 8, ["schema", "values", "errors", "fieldLoading", "variant", "size", "rounded", "className", "isUpdate", "showRequiredAsterisk", "isFieldVisible", "isFieldDisabled", "isFieldReadonly", "excludeTypes"])
-            ])) : c("", !0) : (n(), d("div", Qe, [
-              k(j, {
+            ])) : d("", !0) : (n(), c("div", ot, [
+              k(X, {
                 schema: e.schema,
-                values: a(v),
-                errors: a(p),
-                fieldLoading: a(D),
-                variant: V.value,
-                size: L.value,
-                rounded: I.value,
+                values: l(m),
+                errors: l(b),
+                fieldLoading: l(V),
+                variant: U.value,
+                size: I.value,
+                rounded: z.value,
                 className: e.className,
                 isUpdate: e.isUpdate,
-                showRequiredAsterisk: K.value,
-                isFieldVisible: a(T),
-                isFieldDisabled: a(R),
-                isFieldReadonly: a(q),
-                excludeTypes: A.value ? ["thumbnailSelector"] : [],
-                layout: t.layout,
-                onChange: $,
-                onAddonAction: l[1] || (l[1] = (s) => g("onAddonAction", s))
+                showRequiredAsterisk: D.value,
+                isFieldVisible: l(R),
+                isFieldDisabled: l(B),
+                isFieldReadonly: l($),
+                excludeTypes: P.value ? ["thumbnailSelector"] : [],
+                layout: i.layout,
+                onChange: M,
+                onAddonAction: a[1] || (a[1] = (s) => f("onAddonAction", s))
               }, {
-                default: ve(() => [
-                  t.layout === "inline" && e.footer ? (n(), d("div", We, [
-                    O.value ? (n(), F(S, {
+                default: be(() => [
+                  i.layout === "inline" && e.footer ? (n(), c("div", rt, [
+                    Y.value ? (n(), C(S, {
                       key: 0,
                       type: "button",
                       variant: "outline",
                       text: e.cancelText,
-                      disabled: e.loading || a(b),
-                      onClick: re
-                    }, null, 8, ["text", "disabled"])) : c("", !0),
-                    k(S, G({
+                      disabled: e.loading || l(y),
+                      onClick: Z
+                    }, null, 8, ["text", "disabled"])) : d("", !0),
+                    k(S, O({
                       type: "submit",
                       variant: "primary",
                       text: e.submitText
                     }, e.submitProps, {
-                      loading: e.loading || a(b)
+                      loading: e.loading || l(y)
                     }), null, 16, ["text", "loading"])
-                  ])) : c("", !0)
+                  ])) : d("", !0)
                 ]),
                 _: 1
               }, 8, ["schema", "values", "errors", "fieldLoading", "variant", "size", "rounded", "className", "isUpdate", "showRequiredAsterisk", "isFieldVisible", "isFieldDisabled", "isFieldReadonly", "excludeTypes", "layout"])
             ])),
-            me(i.$slots, "default", {
-              values: a(v),
-              errors: a(p),
-              isSubmitting: a(b),
-              handleSubmit: C
+            he(t.$slots, "default", {
+              values: l(m),
+              errors: l(b),
+              isSubmitting: l(y),
+              handleSubmit: w
             }, void 0, !0)
           ], 2)
-        ], 2)),
-        x("div", {
-          ref_key: "sentinelRef",
-          ref: J,
-          class: "form-scroll-sentinel h-px w-full",
-          "aria-hidden": "true"
-        }, null, 512)
+        ], 2))
       ], 2),
-      e.footer && !e.schemaLoading && t.layout !== "inline" ? (n(), d("div", {
+      e.footer && !e.schemaLoading && i.layout !== "inline" ? (n(), c("div", {
         key: 2,
         ref_key: "footerRef",
-        ref: be,
-        class: m([
+        ref: F,
+        class: v([
           "form-footer items-center gap-3 z-20 rounded-b-md!",
           e.isPage ? "flex sm:hidden" : "flex",
           e.footerClass,
@@ -486,71 +541,77 @@ const Me = ["onKeydown"], je = { class: "flex items-center gap-3" }, Oe = { clas
           // `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).
-          z.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
-          (z.value && _.value, ""),
+          L.value ? "sticky bottom-0  -mx-0.5 px-0.5 mt-4" : i.layout !== "inline" ? "mt-6" : "",
+          // Show the separator for modal/explicit sticky mode, or when the default
+          // auto-sticky footer is active because its scroll container overflows.
+          we.value ? "border-t border-border/75 bg-body pt-3 pb-3 mt-6" : "",
           // Inside modal: extend footer flush to modal edge padding
-          U.value && t.layout !== "inline" ? "-mx-4 px-4 pb-3! mt-7.5!" : "",
-          // Non-sticky inside modal keeps the original border styling
-          !z.value && U.value && t.layout !== "inline" ? "border-t border-border/75 mt-5" : "",
-          !z.value && !U.value && t.layout !== "inline" ? "mt-6" : "",
-          t.layout === "inline" ? "mt-0 shrink-0" : ""
+          E.value && i.layout !== "inline" ? "-mx-4 px-4 pb-3! mt-7.5!" : "",
+          i.layout === "inline" ? "mt-0 shrink-0" : ""
         ])
       }, [
-        O.value || u.value && e.isUpdate && !P.value ? (n(), d("div", tt, [
-          O.value ? (n(), F(S, {
+        u.value && (Y.value || e.isUpdate && !N.value) ? (n(), c("div", ft, [
+          Y.value ? (n(), C(S, {
             key: 0,
             type: "button",
             variant: "outline",
             text: e.cancelText,
-            disabled: e.loading || a(b),
-            onClick: re
-          }, null, 8, ["text", "disabled"])) : c("", !0),
-          u.value && e.isUpdate && !P.value ? (n(), F(S, G({
+            disabled: e.loading || l(y),
+            onClick: Z
+          }, null, 8, ["text", "disabled"])) : d("", !0),
+          e.isUpdate && !N.value ? (n(), C(S, O({
             key: 1,
             type: "button",
             variant: "primary",
             text: e.submitText
           }, e.submitProps, {
-            loading: e.loading || a(b),
-            onClick: C
-          }), null, 16, ["text", "loading"])) : c("", !0)
-        ])) : c("", !0),
-        x("div", {
-          class: m(["flex gap-3 items-center", [
+            loading: e.loading || l(y),
+            onClick: w
+          }), null, 16, ["text", "loading"])) : d("", !0)
+        ])) : d("", !0),
+        p("div", {
+          class: v(["flex gap-3 items-center", [
             u.value && "ml-auto",
-            !u.value || P.value ? "w-full justify-end" : ""
+            !u.value || N.value ? "w-full justify-end" : ""
           ]])
         }, [
-          u.value && se.value ? (n(), F(S, {
+          Y.value && !u.value ? (n(), C(S, {
             key: 0,
             type: "button",
             variant: "outline",
+            text: e.cancelText,
+            disabled: e.loading || l(y),
+            onClick: Z
+          }, null, 8, ["text", "disabled"])) : d("", !0),
+          u.value && de.value ? (n(), C(S, {
+            key: 1,
+            type: "button",
+            variant: "outline",
             icon: "lucide:arrow-left",
             text: "Previous",
-            onClick: Te
-          })) : c("", !0),
-          u.value && !P.value ? (n(), F(S, {
-            key: 1,
+            onClick: Ne
+          })) : d("", !0),
+          u.value && !N.value ? (n(), C(S, {
+            key: 2,
             type: "button",
             variant: e.isUpdate ? "outline" : "primary",
             text: "Next",
             iconRight: "lucide:arrow-right",
-            onClick: ne
-          }, null, 8, ["variant"])) : c("", !0),
-          !u.value || P.value ? (n(), F(S, G({
-            key: 2,
+            onClick: ce
+          }, null, 8, ["variant"])) : d("", !0),
+          !u.value || N.value ? (n(), C(S, O({
+            key: 3,
             type: "submit",
             variant: "primary",
             text: e.submitText
           }, e.submitProps, {
-            loading: e.loading || a(b)
-          }), null, 16, ["text", "loading"])) : c("", !0)
+            loading: e.loading || l(y)
+          }), null, 16, ["text", "loading"])) : d("", !0)
         ], 2)
-      ], 2)) : c("", !0)
-    ], 42, Me));
+      ], 2)) : d("", !0)
+    ], 42, lt));
   }
 });
 export {
-  gt as default
+  Pt as default
 };