vlite3 1.3.9 → 1.3.11

package/components/Form/Form.vue2.js

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