@effect-app/vue-components 0.15.23 → 0.15.25

package/dist/vue-components.es18.js

@@ -1,91 +1,4 @@
-import { defineComponent as E, getCurrentInstance as C, computed as x, createBlock as o, openBlock as r, Transition as B, withCtx as n, createElementBlock as d, createCommentVNode as b, unref as e, renderSlot as w, normalizeProps as I, guardReactiveProps as V, resolveDynamicComponent as a, normalizeClass as N, createElementVNode as u, toDisplayString as c, Fragment as v, renderList as g, createTextVNode as k } from "vue";
-import { useOmegaErrors as O } from "./vue-components.es8.js";
-import { mdiLink as z } from "@mdi/js";
-import { useIntl as D } from "./vue-components.es3.js";
-const G = {
-  key: 0,
-  class: "error-alert"
-}, L = { class: "text-h6 mb-3" }, M = { class: "font-weight-medium" }, P = { class: "error-message" }, S = ["href"], T = { key: 1 }, H = /* @__PURE__ */ E({
-  __name: "OmegaErrors",
-  setup($) {
-    const m = C()?.appContext.components.VAlert, { errors: s, generalErrors: p, showErrors: y } = O(), { trans: _ } = D(), f = x(() => p.value ? p.value.filter(
-      (i) => !!i
-    ).flatMap(
-      (i) => Object.values(i).filter((l) => !!l).flatMap(
-        (l) => l.filter(
-          (t) => !!t?.message
-        ).map((t) => t.message)
-      )
-    ) : []);
-    return (i, l) => (r(), o(B, null, {
-      default: n(() => [
-        e(y) && (e(s).length || f.value.length) ? (r(), d("div", G, [
-          w(i.$slots, "default", I(V({ errors: e(s), showedGeneralErrors: f.value })), () => [
-            (r(), o(a(e(m) ? "v-alert" : "div"), {
-              class: N([e(m) ? "mb-4" : "error-alert-content", "mb-4"]),
-              type: "error",
-              variant: "tonal",
-              role: "alert",
-              "aria-live": "polite"
-            }, {
-              default: n(() => [
-                u("div", L, c(e(_)("form.includes_error")) + ":", 1),
-                e(s).length ? (r(), o(a(e(s).length > 1 ? "ul" : "div"), {
-                  key: 0,
-                  class: "error-list"
-                }, {
-                  default: n(() => [
-                    (r(!0), d(v, null, g(e(s), (t) => (r(), o(a(e(s).length > 1 ? "li" : "div"), {
-                      key: t.inputId,
-                      class: "error-item"
-                    }, {
-                      default: n(() => [
-                        u("div", M, c(t.label), 1),
-                        u("div", P, [
-                          (r(), o(a(t.errors.length > 1 ? "ul" : "div"), { class: "error-list" }, {
-                            default: n(() => [
-                              (r(!0), d(v, null, g(t.errors, (h) => (r(), o(a(t.errors.length > 1 ? "li" : "span"), { key: h }, {
-                                default: n(() => [
-                                  k(c(h), 1)
-                                ]),
-                                _: 2
-                              }, 1024))), 128))
-                            ]),
-                            _: 2
-                          }, 1024))
-                        ]),
-                        u("a", {
-                          href: `#${t.inputId}`,
-                          class: "error-link"
-                        }, [
-                          (r(), o(a(e(m) ? "v-icon" : "i"), {
-                            icon: e(z),
-                            "aria-hidden": "true"
-                          }, {
-                            default: n(() => l[0] || (l[0] = [
-                              u("i", null, "🔗", -1)
-                            ])),
-                            _: 1,
-                            __: [0]
-                          }, 8, ["icon"])),
-                          k(" " + c(e(_)("form.fix_input")), 1)
-                        ], 8, S)
-                      ]),
-                      _: 2
-                    }, 1024))), 128))
-                  ]),
-                  _: 1
-                })) : (r(), d("span", T, c(f.value[0]), 1))
-              ]),
-              _: 1
-            }, 8, ["class"]))
-          ], !0)
-        ])) : b("", !0)
-      ]),
-      _: 3
-    }));
-  }
-});
+import f from "./vue-components.es6.js";
 export {
-  H as default
+  f as default
 };

package/dist/vue-components.es2.js

@@ -1,20 +1,20 @@
-import { default as t } from "./vue-components.es11.js";
-import { default as m } from "./vue-components.es4.js";
-import { default as p } from "./vue-components.es5.js";
-import { default as l } from "./vue-components.es12.js";
-import { default as g } from "./vue-components.es6.js";
-import { default as s } from "./vue-components.es7.js";
+import { default as t } from "./vue-components.es4.js";
+import { default as m } from "./vue-components.es5.js";
+import { default as p } from "./vue-components.es11.js";
+import { default as l } from "./vue-components.es6.js";
+import { default as g } from "./vue-components.es7.js";
+import { default as s } from "./vue-components.es12.js";
 import * as e from "./vue-components.es8.js";
 import { createMeta as O, duplicateSchema as F, generateInputStandardSchemaFromFieldMeta as c, generateMetaFromSchema as I, nullableInput as S } from "./vue-components.es10.js";
 import { useOmegaForm as i } from "./vue-components.es9.js";
 export {
-  s as OmegaArray,
-  g as OmegaAutoGen,
-  l as OmegaErrors,
+  t as OmegaArray,
+  m as OmegaAutoGen,
+  p as OmegaErrors,
   e as OmegaErrorsContext,
-  t as OmegaForm,
-  p as OmegaFormInput,
-  m as OmegaInput,
+  s as OmegaForm,
+  l as OmegaFormInput,
+  g as OmegaInput,
   O as createMeta,
   F as duplicateSchema,
   c as generateInputStandardSchemaFromFieldMeta,

package/dist/vue-components.es20.js

@@ -1,4 +1,113 @@
-import f from "./vue-components.es6.js";
+import { defineComponent as w, computed as f, onBeforeMount as E, watch as j, createElementBlock as v, openBlock as b, withModifiers as F, createElementVNode as M, unref as c, renderSlot as p, createCommentVNode as k, Fragment as V } from "vue";
+import { useStore as g } from "@tanstack/vue-form";
+import { getOmegaStore as B } from "./vue-components.es25.js";
+import { provideOmegaErrors as C } from "./vue-components.es8.js";
+import { useOmegaForm as I } from "./vue-components.es9.js";
+const $ = ["disabled"], N = /* @__PURE__ */ w({
+  __name: "OmegaWrapper",
+  props: {
+    omegaConfig: {},
+    subscribe: {},
+    showErrorsOn: {},
+    defaultValues: {},
+    defaultState: {},
+    asyncAlways: { type: Boolean },
+    asyncDebounceMs: {},
+    validators: {},
+    onSubmitMeta: {},
+    onSubmitInvalid: { type: Function },
+    transform: {},
+    onSubmit: { type: Function },
+    form: {},
+    schema: {}
+  },
+  setup(O) {
+    const o = O, m = f(() => {
+      if (!(o.form || !o.schema))
+        return I(o.schema, o, o.omegaConfig);
+    }), t = f(() => o.form ?? m.value);
+    E(() => {
+      if (!o.form) return;
+      const e = Object.keys(o.form.options || {}), s = /* @__PURE__ */ new Set([
+        "omegaConfig",
+        "subscribe",
+        "showErrorsOn",
+        "asyncAlways",
+        "form",
+        "schema"
+      ]), i = Object.fromEntries(
+        Object.entries(o).filter(
+          ([a, u]) => !s.has(a) && u !== void 0
+        )
+      ), r = Object.keys(i), n = e.filter(
+        (a) => r.includes(a) && i[a] !== void 0
+      );
+      n.length > 0 && console.warn(
+        `[OmegaWrapper] Overlapping keys found between form options and filtered props:
+${n.join(
+          `, 
+`
+        )}.
+Props will overwrite existing form options. This might indicate a configuration issue.`
+      );
+      const S = {
+        ...t.value.options,
+        ...i
+      };
+      t.value.options = Object.fromEntries(
+        // TODO
+        Object.entries(S).filter(
+          ([a, u]) => u !== void 0
+        )
+      );
+    });
+    const h = g(
+      t.value.store,
+      (e) => e.isSubmitting
+    ), d = B(
+      t.value,
+      o.subscribe
+    ), y = g(
+      t.value.store,
+      (e) => e.submissionAttempts
+    ), l = f(() => t.value.useStore((e) => e.errors));
+    return j(
+      () => [t.value.filterItems, l.value.value],
+      () => {
+        const e = t.value.filterItems, s = l.value.value;
+        return e ? s ? (Object.values(s).filter(
+          (r) => !!r
+        ).flatMap(
+          (r) => Object.values(r).flat().map((n) => n.message)
+        ).some((r) => r === e.message) && e.items.forEach((r) => {
+          const n = t.value.getFieldMeta(r);
+          n && t.value.setFieldMeta(r, {
+            ...n,
+            errorMap: {
+              onSubmit: [
+                { path: [r], message: e.message }
+              ]
+            }
+          });
+        }), {}) : {} : {};
+      }
+    ), C(y, l.value, o.showErrorsOn), (e, s) => (b(), v("form", {
+      novalidate: "",
+      onSubmit: s[0] || (s[0] = F((i) => t.value.handleSubmit(), ["prevent", "stop"]))
+    }, [
+      M("fieldset", { disabled: c(h) }, [
+        o.form ? (b(), v(V, { key: 0 }, [
+          p(e.$slots, "externalForm", { subscribedValues: c(d) }, void 0, !0),
+          p(e.$slots, "default", {}, void 0, !0)
+        ], 64)) : m.value ? p(e.$slots, "internalForm", {
+          key: 1,
+          form: m.value,
+          subscribedValues: c(d)
+        }, void 0, !0) : k("", !0)
+      ], 8, $)
+    ], 32));
+  }
+});
 export {
-  f as default
+  N as default
 };

package/dist/vue-components.es22.js

@@ -1,4 +1,4 @@
-import { isFunction as c } from "./vue-components.es25.js";
+import { isFunction as c } from "./vue-components.es23.js";
 const s = c, t = (o) => typeof o == "object" && o !== null, i = (o) => t(o) || s(o);
 export {
   s as isFunction,

package/dist/vue-components.es23.js

@@ -1,92 +1,4 @@
-(function(){"use strict";try{if(typeof document<"u"){var i=document.createElement("style");if(i.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),document.head.appendChild(i),window.customElements){const e=window.customElements.define;window.customElements.define=function(s,t){const n=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(n&&n.call(this),this.shadowRoot){const a=document.createElement("style");a.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),this.shadowRoot.appendChild(a)}},e.call(window.customElements,s,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { defineComponent as w, getCurrentInstance as x, useId as C, computed as a, watch as f, nextTick as N, onMounted as d, ref as $, watchEffect as k, renderSlot as B, normalizeProps as I, guardReactiveProps as O, createElementVNode as _, normalizeClass as q, createBlock as L, createCommentVNode as P, unref as F, openBlock as S, mergeProps as T } from "vue";
-import { useStore as z } from "@tanstack/vue-form";
-import { useOmegaErrors as A } from "./vue-components.es8.js";
-import D from "./vue-components.es27.js";
-
-const J = /* @__PURE__ */ w({
-  inheritAttrs: !1,
-  __name: "OmegaInternalInput",
-  props: {
-    field: {},
-    meta: {},
-    label: {},
-    options: {},
-    type: {},
-    validators: {}
-  },
-  setup(c) {
-    const e = c, v = x()?.appContext.components.VTextField, l = C(), o = e.field, r = z(o.store, (t) => t), m = a(() => e.type ? e.type : e.meta?.type === "string" ? e.meta.format === "email" ? "email" : "string" : e.meta?.type || "unknown"), n = a(() => r.value.value), g = a(
-      () => (
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        r.value.meta.errors.map((t) => t?.message).filter(Boolean)
-      )
-    ), y = (t) => t == null || t === !1 || t === "" || Number.isNaN(t);
-    f(
-      () => !!n.value,
-      () => {
-        y(n.value) && e.meta?.type !== "boolean" && N(() => {
-          o.setValue(
-            e.meta?.nullableOrUndefined === "undefined" ? void 0 : null
-          );
-        });
-      }
-    ), d(() => {
-      !n.value && !e.meta?.required && e.meta?.nullableOrUndefined === "null" && o.setValue(null);
-    });
-    const { addError: h, removeError: b, showErrors: E, showErrorsOn: V } = A(), s = $(!1);
-    k(() => {
-      (E.value || V === "onChange") && (s.value = !0);
-    });
-    const u = () => {
-      s.value = !0;
-    };
-    d(() => {
-      n.value && u();
-    });
-    const p = a(() => !s.value && m.value !== "select" ? [] : g.value);
-    f(
-      () => r.value.meta.errors,
-      () => {
-        r.value.meta.errors.length ? h({
-          inputId: l,
-          errors: r.value.meta.errors.map((t) => t.message).filter(Boolean),
-          label: e.label
-        }) : b(l);
-      }
-    );
-    const i = a(() => ({
-      id: l,
-      required: e.meta?.required,
-      minLength: e.meta?.type === "string" && e.meta?.minLength,
-      maxLength: e.meta?.type === "string" && e.meta?.maxLength,
-      max: e.meta?.type === "number" && e.meta?.maximum,
-      min: e.meta?.type === "number" && e.meta?.minimum,
-      name: e.field.name,
-      modelValue: e.field.state.value,
-      errorMessages: p.value,
-      error: !!p.value.length,
-      field: e.field,
-      setRealDirty: u,
-      type: m.value,
-      label: `${e.label}${e.meta?.required ? " *" : ""}`,
-      options: e.options
-    }));
-    return (t, R) => B(t.$slots, "default", I(O(i.value)), () => [
-      _("div", {
-        class: q(t.$attrs.class),
-        onFocusout: u
-      }, [
-        F(v) ? (S(), L(D, T({
-          key: 0,
-          "input-props": i.value
-        }, t.$attrs, {
-          "vuetify-value": i.value.field.state.value
-        }), null, 16, ["input-props", "vuetify-value"])) : P("", !0)
-      ], 34)
-    ]);
-  }
-});
+const o = (n) => typeof n == "function";
 export {
-  J as default
+  o as isFunction
 };

package/dist/vue-components.es24.js

@@ -1,13 +1,92 @@
-import { useStore as u } from "@tanstack/vue-form";
-import { computed as f } from "vue";
-function c(o, t) {
-  return f(() => t ? u(o.store, (n) => {
-    const r = {};
-    for (const e of t)
-      r[e] = n[e];
-    return r;
-  }).value : {});
-}
+(function(){"use strict";try{if(typeof document<"u"){var i=document.createElement("style");if(i.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),document.head.appendChild(i),window.customElements){const e=window.customElements.define;window.customElements.define=function(s,t){const n=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(n&&n.call(this),this.shadowRoot){const a=document.createElement("style");a.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),this.shadowRoot.appendChild(a)}},e.call(window.customElements,s,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import { defineComponent as w, getCurrentInstance as x, useId as C, computed as a, watch as f, nextTick as N, onMounted as d, ref as $, watchEffect as k, renderSlot as B, normalizeProps as I, guardReactiveProps as O, createElementVNode as _, normalizeClass as q, createBlock as L, createCommentVNode as P, unref as F, openBlock as S, mergeProps as T } from "vue";
+import { useStore as z } from "@tanstack/vue-form";
+import { useOmegaErrors as A } from "./vue-components.es8.js";
+import D from "./vue-components.es27.js";
+
+const J = /* @__PURE__ */ w({
+  inheritAttrs: !1,
+  __name: "OmegaInternalInput",
+  props: {
+    field: {},
+    meta: {},
+    label: {},
+    options: {},
+    type: {},
+    validators: {}
+  },
+  setup(c) {
+    const e = c, v = x()?.appContext.components.VTextField, l = C(), o = e.field, r = z(o.store, (t) => t), m = a(() => e.type ? e.type : e.meta?.type === "string" ? e.meta.format === "email" ? "email" : "string" : e.meta?.type || "unknown"), n = a(() => r.value.value), g = a(
+      () => (
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        r.value.meta.errors.map((t) => t?.message).filter(Boolean)
+      )
+    ), y = (t) => t == null || t === !1 || t === "" || Number.isNaN(t);
+    f(
+      () => !!n.value,
+      () => {
+        y(n.value) && e.meta?.type !== "boolean" && N(() => {
+          o.setValue(
+            e.meta?.nullableOrUndefined === "undefined" ? void 0 : null
+          );
+        });
+      }
+    ), d(() => {
+      !n.value && !e.meta?.required && e.meta?.nullableOrUndefined === "null" && o.setValue(null);
+    });
+    const { addError: h, removeError: b, showErrors: E, showErrorsOn: V } = A(), s = $(!1);
+    k(() => {
+      (E.value || V === "onChange") && (s.value = !0);
+    });
+    const u = () => {
+      s.value = !0;
+    };
+    d(() => {
+      n.value && u();
+    });
+    const p = a(() => !s.value && m.value !== "select" ? [] : g.value);
+    f(
+      () => r.value.meta.errors,
+      () => {
+        r.value.meta.errors.length ? h({
+          inputId: l,
+          errors: r.value.meta.errors.map((t) => t.message).filter(Boolean),
+          label: e.label
+        }) : b(l);
+      }
+    );
+    const i = a(() => ({
+      id: l,
+      required: e.meta?.required,
+      minLength: e.meta?.type === "string" && e.meta?.minLength,
+      maxLength: e.meta?.type === "string" && e.meta?.maxLength,
+      max: e.meta?.type === "number" && e.meta?.maximum,
+      min: e.meta?.type === "number" && e.meta?.minimum,
+      name: e.field.name,
+      modelValue: e.field.state.value,
+      errorMessages: p.value,
+      error: !!p.value.length,
+      field: e.field,
+      setRealDirty: u,
+      type: m.value,
+      label: `${e.label}${e.meta?.required ? " *" : ""}`,
+      options: e.options
+    }));
+    return (t, R) => B(t.$slots, "default", I(O(i.value)), () => [
+      _("div", {
+        class: q(t.$attrs.class),
+        onFocusout: u
+      }, [
+        F(v) ? (S(), L(D, T({
+          key: 0,
+          "input-props": i.value
+        }, t.$attrs, {
+          "vuetify-value": i.value.field.state.value
+        }), null, 16, ["input-props", "vuetify-value"])) : P("", !0)
+      ], 34)
+    ]);
+  }
+});
 export {
-  c as getOmegaStore
+  J as default
 };

package/dist/vue-components.es25.js

@@ -1,4 +1,13 @@
-const o = (n) => typeof n == "function";
+import { useStore as u } from "@tanstack/vue-form";
+import { computed as f } from "vue";
+function c(o, t) {
+  return f(() => t ? u(o.store, (n) => {
+    const r = {};
+    for (const e of t)
+      r[e] = n[e];
+    return r;
+  }).value : {});
+}
 export {
-  o as isFunction
+  c as getOmegaStore
 };

package/dist/vue-components.es26.js

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

package/dist/vue-components.es4.js

@@ -1,52 +1,53 @@
-import { defineComponent as d, inject as f, computed as r, createBlock as n, openBlock as m, resolveDynamicComponent as c, withCtx as l, createCommentVNode as v, mergeProps as y, renderSlot as g, normalizeProps as h, guardReactiveProps as b } from "vue";
-import { generateInputStandardSchemaFromFieldMeta as C } from "./vue-components.es10.js";
-import F from "./vue-components.es23.js";
-const P = /* @__PURE__ */ d({
+import { defineComponent as F, computed as d, onMounted as M, provide as P, createBlock as f, openBlock as m, resolveDynamicComponent as i, withCtx as c, renderSlot as o, createElementBlock as k, normalizeProps as s, guardReactiveProps as l, Fragment as A, renderList as b, mergeProps as B } from "vue";
+const N = /* @__PURE__ */ F({
   inheritAttrs: !1,
-  __name: "OmegaInput",
+  __name: "OmegaArray",
   props: {
     form: {},
     name: {},
-    validators: {},
-    label: {},
-    options: {},
-    type: {}
+    defaultItems: {},
+    items: {}
   },
-  setup(s) {
-    const a = s, o = f(
-      "getMetaFromArray",
-      null
-    ), t = r(() => o?.value && o.value(a.name) ? o.value(a.name) : a.form.meta[a.name]), i = r(() => {
-      if (!t.value)
-        throw console.log(a.name, Object.keys(a.form.meta), a.form.meta), new Error("Meta is undefined");
-      return C(t.value);
-    });
-    return (e, k) => (m(), n(c(e.form.Field), {
-      name: e.name,
-      validators: {
-        onChange: i.value,
-        ...e.validators
+  setup(g) {
+    const t = g, y = t.form.useStore((e) => e.values), u = d(() => {
+      const e = t.name.replace(/\[/g, ".").replace(/\]/g, "");
+      try {
+        return e.split(".").reduce((a, r) => a[r], y.value);
+      } catch {
+        return [];
       }
-    }, {
-      default: l(({ field: p }) => [
-        t.value ? (m(), n(F, y({
-          key: 0,
-          field: p,
-          label: e.label,
-          options: e.options,
-          meta: t.value,
-          type: e.type
-        }, e.$attrs), {
-          default: l((u) => [
-            g(e.$slots, "default", h(b(u)))
+    });
+    M(async () => {
+      t.defaultItems && !u.value && t.form.setFieldValue(t.name, t.defaultItems);
+    });
+    const $ = d(() => (a) => {
+      const r = a.replace(/\[\d+\]/g, "");
+      return t.form.meta[r];
+    });
+    return P("getMetaFromArray", $), (e, a) => (m(), f(i(e.form.Field), { name: e.name }, {
+      default: c(({ field: r, state: p }) => [
+        o(e.$slots, "pre-array", s(l({ field: r, state: p }))),
+        (m(!0), k(A, null, b(u.value, (C, n) => (m(), f(i(e.form.Field), {
+          key: `${e.name}[${Number(n)}]`,
+          name: `${e.name}[${Number(n)}]`
+        }, {
+          default: c(({ field: v, state: h }) => [
+            o(e.$slots, "default", B({ ref_for: !0 }, {
+              subField: v,
+              subState: h,
+              index: Number(n),
+              field: r
+            }))
           ]),
           _: 2
-        }, 1040, ["field", "label", "options", "meta", "type"])) : v("", !0)
+        }, 1032, ["name"]))), 128)),
+        o(e.$slots, "post-array", s(l({ field: r, state: p }))),
+        o(e.$slots, "field", s(l({ field: r })))
       ]),
       _: 3
-    }, 8, ["name", "validators"]));
+    }, 8, ["name"]));
   }
 });
 export {
-  P as default
+  N as default
 };