@atscript/vue-form 0.1.85 → 0.1.86

package/dist/{as-action-Dx3RVCnH.mjs → as-action-BoZtbaXt.mjs}

@@ -1,4 +1,9 @@
-import { createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, toDisplayString, vShow, withDirectives } from "vue";
+import { Fragment, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, toDisplayString, vShow, withDirectives } from "vue";
+//#region src/components/defaults/as-action.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = {
+	key: 0,
+	class: "as-action-text"
+};
 //#endregion
 //#region src/components/defaults/as-action.vue
 var as_action_default = /* @__PURE__ */ defineComponent({
@@ -186,16 +191,25 @@ var as_action_default = /* @__PURE__ */ defineComponent({
 		hidden: {
 			type: Boolean,
 			required: false
+		},
+		text: {
+			type: String,
+			required: false
+		},
+		align: {
+			type: String,
+			required: false
 		}
 	},
 	emits: ["action"],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		return (_ctx, _cache) => {
-			return withDirectives((openBlock(), createElementBlock("div", { class: normalizeClass(["as-default-field as-action-field", _ctx.$props.class]) }, [createElementVNode("button", {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" `as-action-field` is the flex row; alignment (`as-action-{left,center,\n       right}`) is safelisted in the ui-styles preset since the static extractor\n       can't see this interpolated class. The link styling lives directly on the\n       <button> (as `as-field-action-link`) so `:hover`/`:focus` bind to the\n       button alone — not the whole row. "), withDirectives(createElementVNode("div", { class: normalizeClass(["as-action-field", [_ctx.$props.class, `as-action-${__props.align ?? "left"}`]]) }, [__props.text ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(__props.text), 1)) : createCommentVNode("v-if", true), createElementVNode("button", {
 				type: "button",
+				class: "as-field-action-link",
 				onClick: _cache[0] || (_cache[0] = ($event) => __props.formAction && emit("action", __props.formAction.id))
-			}, toDisplayString(__props.formAction?.label), 1)], 2)), [[vShow, !__props.hidden]]);
+			}, toDisplayString(__props.formAction?.label), 1)], 2), [[vShow, !__props.hidden]])], 2112);
 		};
 	}
 });

package/dist/{as-action-Weju622Z.cjs → as-action-lLooKipk.cjs}

@@ -1,4 +1,9 @@
 let vue = require("vue");
+//#region src/components/defaults/as-action.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = {
+	key: 0,
+	class: "as-action-text"
+};
 //#endregion
 //#region src/components/defaults/as-action.vue
 var as_action_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -186,16 +191,25 @@ var as_action_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		hidden: {
 			type: Boolean,
 			required: false
+		},
+		text: {
+			type: String,
+			required: false
+		},
+		align: {
+			type: String,
+			required: false
 		}
 	},
 	emits: ["action"],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		return (_ctx, _cache) => {
-			return (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)(["as-default-field as-action-field", _ctx.$props.class]) }, [(0, vue.createElementVNode)("button", {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [(0, vue.createCommentVNode)(" `as-action-field` is the flex row; alignment (`as-action-{left,center,\n       right}`) is safelisted in the ui-styles preset since the static extractor\n       can't see this interpolated class. The link styling lives directly on the\n       <button> (as `as-field-action-link`) so `:hover`/`:focus` bind to the\n       button alone — not the whole row. "), (0, vue.withDirectives)((0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)(["as-action-field", [_ctx.$props.class, `as-action-${__props.align ?? "left"}`]]) }, [__props.text ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_1, (0, vue.toDisplayString)(__props.text), 1)) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createElementVNode)("button", {
 				type: "button",
+				class: "as-field-action-link",
 				onClick: _cache[0] || (_cache[0] = ($event) => __props.formAction && emit("action", __props.formAction.id))
-			}, (0, vue.toDisplayString)(__props.formAction?.label), 1)], 2)), [[vue.vShow, !__props.hidden]]);
+			}, (0, vue.toDisplayString)(__props.formAction?.label), 1)], 2), [[vue.vShow, !__props.hidden]])], 2112);
 		};
 	}
 });

package/dist/as-action.cjs

@@ -1,2 +1,2 @@
-const require_as_action = require("./as-action-Weju622Z.cjs");
+const require_as_action = require("./as-action-lLooKipk.cjs");
 module.exports = require_as_action.as_action_default;

package/dist/as-action.d.cts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-action.vue-CFGXoM5O.cjs";
+import { t as _default } from "./as-action.vue-BCbopk0S.cjs";
 export = _default;

package/dist/as-action.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-action.vue-0qaIjTnF.mjs";
+import { t as _default } from "./as-action.vue-BtQX09n-.mjs";
 export { _default as default };

package/dist/as-action.mjs

@@ -1,2 +1,2 @@
-import { t as as_action_default } from "./as-action-Dx3RVCnH.mjs";
+import { t as as_action_default } from "./as-action-BoZtbaXt.mjs";
 export { as_action_default as default };

package/dist/{as-action.vue-CFGXoM5O.d.cts → as-action.vue-BCbopk0S.d.cts}

@@ -2,7 +2,19 @@ import { o as TAsComponentProps } from "./types-BYfe1QEF.cjs";
 import * as vue from "vue";
 
 //#region src/components/defaults/as-action.vue.d.ts
-type __VLS_Props = TAsComponentProps;
+type __VLS_Props = TAsComponentProps & {
+  /**
+   * Text rendered before the action link, e.g. "Already have an account?".
+   * Supplied via `@ui.form.attr 'text', '...'` (attrs flow onto the component
+   * as props).
+   */
+  text?: string;
+  /**
+   * Horizontal alignment of the action row. Supplied via
+   * `@ui.form.attr 'align', 'left' | 'center' | 'right'`. Defaults to left.
+   */
+  align?: "left" | "center" | "right";
+};
 declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
   action: (name: string) => any;
 }, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{

package/dist/{as-action.vue-0qaIjTnF.d.mts → as-action.vue-BtQX09n-.d.mts}

@@ -2,7 +2,19 @@ import { o as TAsComponentProps } from "./types-CV9ss4UN.mjs";
 import * as vue from "vue";
 
 //#region src/components/defaults/as-action.vue.d.ts
-type __VLS_Props = TAsComponentProps;
+type __VLS_Props = TAsComponentProps & {
+  /**
+   * Text rendered before the action link, e.g. "Already have an account?".
+   * Supplied via `@ui.form.attr 'text', '...'` (attrs flow onto the component
+   * as props).
+   */
+  text?: string;
+  /**
+   * Horizontal alignment of the action row. Supplied via
+   * `@ui.form.attr 'align', 'left' | 'center' | 'right'`. Defaults to left.
+   */
+  align?: "left" | "center" | "right";
+};
 declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
   action: (name: string) => any;
 }, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{

package/dist/{as-form-BWf2QGoS.cjs → as-form-BpcP_wIF.cjs}

@@ -2,6 +2,7 @@ const require_use_form_context = require("./use-form-context-Dwr8Ai1v.cjs");
 const require_use_as_nested_sections_store = require("./use-as-nested-sections-store-jdMRxjBE.cjs");
 const require_use_as_value_help = require("./use-as-value-help-uANI3zWa.cjs");
 const require_as_field = require("./as-field--sdVpUAw.cjs");
+const require_as_iterator = require("./as-iterator-WKkr9lwG.cjs");
 let vue = require("vue");
 let _atscript_ui = require("@atscript/ui");
 //#region src/composables/use-as-external-errors.ts
@@ -277,6 +278,10 @@ const _hoisted_3 = { class: "as-form-error-message" };
 const _hoisted_4 = ["disabled"];
 const _hoisted_5 = {
 	key: 2,
+	class: "as-form-grid"
+};
+const _hoisted_6 = {
+	key: 3,
 	class: "as-form-overlay"
 };
 //#endregion
@@ -407,6 +412,11 @@ var as_form_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					class: "as-submit-btn",
 					disabled: (0, vue.unref)(form).submitDisabled.value
 				}, (0, vue.toDisplayString)((0, vue.unref)(form).submitText.value), 9, _hoisted_4)]) : (0, vue.createCommentVNode)("v-if", true),
+				(0, vue.createCommentVNode)(" `@ui.form.pushDown` fields render in their own grid below submit. "),
+				__props.def.pushDownFields.length ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_5, [(0, vue.createVNode)(require_as_iterator.as_iterator_default, {
+					def: __props.def,
+					fields: __props.def.pushDownFields
+				}, null, 8, ["def", "fields"])])) : (0, vue.createCommentVNode)("v-if", true),
 				(0, vue.renderSlot)(_ctx.$slots, "form.footer", {
 					disabled: (0, vue.unref)(form).submitDisabled.value,
 					clearErrors: (0, vue.unref)(form).clearErrors,
@@ -414,7 +424,7 @@ var as_form_default = /* @__PURE__ */ (0, vue.defineComponent)({
 					setErrors: (0, vue.unref)(form).setErrors,
 					formContext: __props.formContext
 				}),
-				__props.loading ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_5, [(0, vue.renderSlot)(_ctx.$slots, "form.loading", {}, () => [_cache[2] || (_cache[2] = (0, vue.createElementVNode)("span", {
+				__props.loading ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_6, [(0, vue.renderSlot)(_ctx.$slots, "form.loading", {}, () => [_cache[2] || (_cache[2] = (0, vue.createElementVNode)("span", {
 					class: "as-form-overlay-icon",
 					"aria-hidden": "true"
 				}, null, -1))])])) : (0, vue.createCommentVNode)("v-if", true)

package/dist/{as-form-D6zQF-19.mjs → as-form-Cb5orGFC.mjs}

@@ -2,6 +2,7 @@ import { a as CHANGE_HANDLER_KEY, c as ERRORS_KEY, d as FORM_STATE_KEY, f as HID
 import { n as provideAsNestedSectionsStore, r as useAsNestedSectionsStore, t as DESCENDANT_ERROR_COUNTS_KEY } from "./use-as-nested-sections-store-lhi0z5z1.mjs";
 import { t as CLIENT_FACTORY_KEY } from "./use-as-value-help-CBykDEjZ.mjs";
 import { t as as_field_default } from "./as-field-CryuaPPU.mjs";
+import { t as as_iterator_default } from "./as-iterator-B0Jf2zn4.mjs";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, openBlock, provide, reactive, ref, renderSlot, toDisplayString, toRaw, toValue, unref, watch, watchEffect, withModifiers } from "vue";
 import { UI_FORM_ACTION, UI_FORM_FN_SUBMIT_DISABLED, UI_FORM_FN_SUBMIT_TEXT, UI_FORM_SUBMIT_TEXT, WF_ACTION_WITH_DATA, buildDescendantErrorCounts, getFieldMeta, getFormValidator, iteratePathAncestors, mergeErrorMaps, resolveFormProp } from "@atscript/ui";
 //#region src/composables/use-as-external-errors.ts
@@ -277,6 +278,10 @@ const _hoisted_3 = { class: "as-form-error-message" };
 const _hoisted_4 = ["disabled"];
 const _hoisted_5 = {
 	key: 2,
+	class: "as-form-grid"
+};
+const _hoisted_6 = {
+	key: 3,
 	class: "as-form-overlay"
 };
 //#endregion
@@ -407,6 +412,11 @@ var as_form_default = /* @__PURE__ */ defineComponent({
 					class: "as-submit-btn",
 					disabled: unref(form).submitDisabled.value
 				}, toDisplayString(unref(form).submitText.value), 9, _hoisted_4)]) : createCommentVNode("v-if", true),
+				createCommentVNode(" `@ui.form.pushDown` fields render in their own grid below submit. "),
+				__props.def.pushDownFields.length ? (openBlock(), createElementBlock("div", _hoisted_5, [createVNode(as_iterator_default, {
+					def: __props.def,
+					fields: __props.def.pushDownFields
+				}, null, 8, ["def", "fields"])])) : createCommentVNode("v-if", true),
 				renderSlot(_ctx.$slots, "form.footer", {
 					disabled: unref(form).submitDisabled.value,
 					clearErrors: unref(form).clearErrors,
@@ -414,7 +424,7 @@ var as_form_default = /* @__PURE__ */ defineComponent({
 					setErrors: unref(form).setErrors,
 					formContext: __props.formContext
 				}),
-				__props.loading ? (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "form.loading", {}, () => [_cache[2] || (_cache[2] = createElementVNode("span", {
+				__props.loading ? (openBlock(), createElementBlock("div", _hoisted_6, [renderSlot(_ctx.$slots, "form.loading", {}, () => [_cache[2] || (_cache[2] = createElementVNode("span", {
 					class: "as-form-overlay-icon",
 					"aria-hidden": "true"
 				}, null, -1))])])) : createCommentVNode("v-if", true)

package/dist/as-form.cjs

@@ -1,2 +1,2 @@
-const require_as_form = require("./as-form-BWf2QGoS.cjs");
+const require_as_form = require("./as-form-BpcP_wIF.cjs");
 module.exports = require_as_form.as_form_default;

package/dist/as-form.d.cts

@@ -1,2 +1,2 @@
-import { n as _default, t as Props } from "./as-form.vue-BfX0Qgl9.cjs";
+import { n as _default, t as Props } from "./as-form.vue-D37zUXKc.cjs";
 export { Props, _default as default };

package/dist/as-form.d.mts

@@ -1,2 +1,2 @@
-import { n as _default, t as Props } from "./as-form.vue-DmW9OzBV.mjs";
+import { n as _default, t as Props } from "./as-form.vue-DNMxIbtn.mjs";
 export { Props, _default as default };

package/dist/as-form.mjs

@@ -1,2 +1,2 @@
-import { t as as_form_default } from "./as-form-D6zQF-19.mjs";
+import { t as as_form_default } from "./as-form-Cb5orGFC.mjs";
 export { as_form_default as default };

package/dist/{as-form.vue-BfX0Qgl9.d.cts → as-form.vue-D37zUXKc.d.cts}

@@ -77,11 +77,11 @@ interface Props<TF, TC> {
 }
 declare const __VLS_export: <TFormData = any, TFormContext = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: vue.PublicProps & __VLS_PrettifyLocal<Props<TFormData, TFormContext> & {
+    onAction?: ((name: string, data: TFormData) => any) | undefined;
     onError?: ((errors: {
       path: string;
       message: string;
     }[]) => any) | undefined;
-    onAction?: ((name: string, data: TFormData) => any) | undefined;
     onSubmit?: ((data: TFormData) => any) | undefined;
     "onUnsupported-action"?: ((name: string, data: TFormData) => any) | undefined;
     onChange?: ((type: TAsChangeType, path: string, value: unknown, formData: TFormData) => any) | undefined;

package/dist/{as-form.vue-DmW9OzBV.d.mts → as-form.vue-DNMxIbtn.d.mts}

@@ -77,11 +77,11 @@ interface Props<TF, TC> {
 }
 declare const __VLS_export: <TFormData = any, TFormContext = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: vue.PublicProps & __VLS_PrettifyLocal<Props<TFormData, TFormContext> & {
+    onAction?: ((name: string, data: TFormData) => any) | undefined;
     onError?: ((errors: {
       path: string;
       message: string;
     }[]) => any) | undefined;
-    onAction?: ((name: string, data: TFormData) => any) | undefined;
     onSubmit?: ((data: TFormData) => any) | undefined;
     "onUnsupported-action"?: ((name: string, data: TFormData) => any) | undefined;
     onChange?: ((type: TAsChangeType, path: string, value: unknown, formData: TFormData) => any) | undefined;

package/dist/{as-iterator-CNMdEj9a.mjs → as-iterator-B0Jf2zn4.mjs}

@@ -25,6 +25,10 @@ var as_iterator_default = /* @__PURE__ */ defineComponent({
 		removeLabel: {
 			type: String,
 			required: false
+		},
+		fields: {
+			type: Array,
+			required: false
 		}
 	},
 	setup(__props) {
@@ -35,7 +39,7 @@ var as_iterator_default = /* @__PURE__ */ defineComponent({
 			return parentPrefix.value;
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(true), createElementBlock(Fragment, null, renderList(__props.def.fields, (f) => {
+			return openBlock(true), createElementBlock(Fragment, null, renderList(__props.fields ?? __props.def.fields, (f) => {
 				return openBlock(), createBlock(as_field_default, {
 					key: f.path ?? f.name,
 					field: f,

package/dist/{as-iterator-0kW5UmOg.cjs → as-iterator-WKkr9lwG.cjs}

@@ -25,6 +25,10 @@ var as_iterator_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		removeLabel: {
 			type: String,
 			required: false
+		},
+		fields: {
+			type: Array,
+			required: false
 		}
 	},
 	setup(__props) {
@@ -35,7 +39,7 @@ var as_iterator_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			return parentPrefix.value;
 		}));
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.def.fields, (f) => {
+			return (0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.fields ?? __props.def.fields, (f) => {
 				return (0, vue.openBlock)(), (0, vue.createBlock)(require_as_field.as_field_default, {
 					key: f.path ?? f.name,
 					field: f,

package/dist/as-iterator.cjs

@@ -1,2 +1,2 @@
-const require_as_iterator = require("./as-iterator-0kW5UmOg.cjs");
+const require_as_iterator = require("./as-iterator-WKkr9lwG.cjs");
 module.exports = require_as_iterator.as_iterator_default;

package/dist/as-iterator.d.cts

@@ -1,5 +1,5 @@
 import * as vue from "vue";
-import { FormDef } from "@atscript/ui";
+import { FormDef, FormFieldDef } from "@atscript/ui";
 
 //#region src/components/as-iterator.vue.d.ts
 type __VLS_Props = {
@@ -8,6 +8,13 @@ type __VLS_Props = {
   onRemove?: () => void;
   canRemove?: boolean;
   removeLabel?: string;
+  /**
+   * Explicit field list to render. Defaults to `def.fields`. Used to render a
+   * precomputed partition of the same FormDef — `def.mainFields` (above submit)
+   * vs `def.pushDownFields` (below submit) — so each field renders exactly once
+   * across the two grids without re-scanning per frame.
+   */
+  fields?: FormFieldDef[];
 };
 declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/as-iterator.d.mts

@@ -1,5 +1,5 @@
 import * as vue from "vue";
-import { FormDef } from "@atscript/ui";
+import { FormDef, FormFieldDef } from "@atscript/ui";
 
 //#region src/components/as-iterator.vue.d.ts
 type __VLS_Props = {
@@ -8,6 +8,13 @@ type __VLS_Props = {
   onRemove?: () => void;
   canRemove?: boolean;
   removeLabel?: string;
+  /**
+   * Explicit field list to render. Defaults to `def.fields`. Used to render a
+   * precomputed partition of the same FormDef — `def.mainFields` (above submit)
+   * vs `def.pushDownFields` (below submit) — so each field renders exactly once
+   * across the two grids without re-scanning per frame.
+   */
+  fields?: FormFieldDef[];
 };
 declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/as-iterator.mjs

@@ -1,2 +1,2 @@
-import { t as as_iterator_default } from "./as-iterator-CNMdEj9a.mjs";
+import { t as as_iterator_default } from "./as-iterator-B0Jf2zn4.mjs";
 export { as_iterator_default as default };

package/dist/{as-object-CAIUl3li.cjs → as-object-D6AHBb5w.cjs}

@@ -1,5 +1,5 @@
 const require_use_form_context = require("./use-form-context-Dwr8Ai1v.cjs");
-const require_as_iterator = require("./as-iterator-0kW5UmOg.cjs");
+const require_as_iterator = require("./as-iterator-WKkr9lwG.cjs");
 const require_as_collapsible = require("./as-collapsible-B0rlXU0x.cjs");
 const require_as_variant_picker = require("./as-variant-picker-JlEhh7YO.cjs");
 const require_use_as_optional_add_flow = require("./use-as-optional-add-flow-C85F2VoU.cjs");
@@ -226,10 +226,14 @@ var as_object_default = /* @__PURE__ */ (0, vue.defineComponent)({
 			return isRoot.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [
 				__props.title ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("h2", _hoisted_1, (0, vue.toDisplayString)(__props.title), 1)) : (0, vue.createCommentVNode)("v-if", true),
 				__props.description ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_2, (0, vue.toDisplayString)(__props.description), 1)) : (0, vue.createCommentVNode)("v-if", true),
+				(0, vue.createCommentVNode)(" Root grid renders the above-submit partition; `@ui.form.pushDown`\n         fields go to AsForm's below-submit grid via `def.pushDownFields`. "),
 				objectDef.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 					key: 2,
 					class: (0, vue.normalizeClass)(["as-form-grid", _ctx.$props.class])
-				}, [(0, vue.createVNode)(require_as_iterator.as_iterator_default, { def: objectDef.value }, null, 8, ["def"])], 2)) : (0, vue.createCommentVNode)("v-if", true)
+				}, [(0, vue.createVNode)(require_as_iterator.as_iterator_default, {
+					def: objectDef.value,
+					fields: objectDef.value.mainFields
+				}, null, 8, ["def", "fields"])], 2)) : (0, vue.createCommentVNode)("v-if", true)
 			], 64)) : ((0, vue.openBlock)(), (0, vue.createBlock)(require_as_collapsible.as_collapsible_default, {
 				key: 1,
 				ref_key: "collapsibleRef",

package/dist/{as-object-mBh0KLy2.mjs → as-object-Dl3ranqm.mjs}

@@ -1,5 +1,5 @@
 import { n as useAsUnionVariant } from "./use-form-context-bAj7UoSe.mjs";
-import { t as as_iterator_default } from "./as-iterator-CNMdEj9a.mjs";
+import { t as as_iterator_default } from "./as-iterator-B0Jf2zn4.mjs";
 import { t as as_collapsible_default } from "./as-collapsible-DQOxKGGj.mjs";
 import { n as as_optional_clear_default, t as as_variant_picker_default } from "./as-variant-picker-B3GLhKyt.mjs";
 import { t as useAsOptionalAddFlow } from "./use-as-optional-add-flow-CQctXLZI.mjs";
@@ -226,10 +226,14 @@ var as_object_default = /* @__PURE__ */ defineComponent({
 			return isRoot.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
 				__props.title ? (openBlock(), createElementBlock("h2", _hoisted_1, toDisplayString(__props.title), 1)) : createCommentVNode("v-if", true),
 				__props.description ? (openBlock(), createElementBlock("p", _hoisted_2, toDisplayString(__props.description), 1)) : createCommentVNode("v-if", true),
+				createCommentVNode(" Root grid renders the above-submit partition; `@ui.form.pushDown`\n         fields go to AsForm's below-submit grid via `def.pushDownFields`. "),
 				objectDef.value ? (openBlock(), createElementBlock("div", {
 					key: 2,
 					class: normalizeClass(["as-form-grid", _ctx.$props.class])
-				}, [createVNode(as_iterator_default, { def: objectDef.value }, null, 8, ["def"])], 2)) : createCommentVNode("v-if", true)
+				}, [createVNode(as_iterator_default, {
+					def: objectDef.value,
+					fields: objectDef.value.mainFields
+				}, null, 8, ["def", "fields"])], 2)) : createCommentVNode("v-if", true)
 			], 64)) : (openBlock(), createBlock(as_collapsible_default, {
 				key: 1,
 				ref_key: "collapsibleRef",

package/dist/as-object.cjs

@@ -1,2 +1,2 @@
-const require_as_object = require("./as-object-CAIUl3li.cjs");
+const require_as_object = require("./as-object-D6AHBb5w.cjs");
 module.exports = require_as_object.as_object_default;

package/dist/as-object.mjs

@@ -1,2 +1,2 @@
-import { t as as_object_default } from "./as-object-mBh0KLy2.mjs";
+import { t as as_object_default } from "./as-object-Dl3ranqm.mjs";
 export { as_object_default as default };

package/dist/index.cjs

@@ -2,10 +2,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_use_form_context = require("./use-form-context-Dwr8Ai1v.cjs");
 const require_use_as_nested_sections_store = require("./use-as-nested-sections-store-jdMRxjBE.cjs");
 const require_use_as_value_help = require("./use-as-value-help-uANI3zWa.cjs");
-const require_as_form = require("./as-form-BWf2QGoS.cjs");
+const require_as_form = require("./as-form-BpcP_wIF.cjs");
 const require_as_field = require("./as-field--sdVpUAw.cjs");
 const require_use_as_locale = require("./use-as-locale-C4z5stwD.cjs");
-const require_as_iterator = require("./as-iterator-0kW5UmOg.cjs");
+const require_as_iterator = require("./as-iterator-WKkr9lwG.cjs");
 const require_focus_after_toggle = require("./focus-after-toggle-CWxiPZWi.cjs");
 const require_as_collapsible = require("./as-collapsible-B0rlXU0x.cjs");
 const require_as_field_shell = require("./as-field-shell-zeno02I1.cjs");
@@ -16,9 +16,9 @@ const require_as_multi_select = require("./as-multi-select-D7XGZS3L.cjs");
 const require_as_radio = require("./as-radio-CdK8gCkN.cjs");
 const require_as_checkbox = require("./as-checkbox-Cva4XHFW.cjs");
 const require_as_paragraph = require("./as-paragraph-BA-c863H.cjs");
-const require_as_action = require("./as-action-Weju622Z.cjs");
+const require_as_action = require("./as-action-lLooKipk.cjs");
 const require_use_as_optional_add_flow = require("./use-as-optional-add-flow-C85F2VoU.cjs");
-const require_as_object = require("./as-object-CAIUl3li.cjs");
+const require_as_object = require("./as-object-D6AHBb5w.cjs");
 const require_as_array = require("./as-array-CIwvhCCk.cjs");
 const require_as_union = require("./as-union-Cz5cm7BP.cjs");
 const require_as_tuple = require("./as-tuple-Co8__kEm.cjs");

package/dist/index.d.cts

@@ -1,9 +1,9 @@
 import { a as TAsComponentEmits, c as TAsUnionContext, i as TAsCollapsibleSlots, n as TAsChangeType, o as TAsComponentProps, r as TAsCollapsibleProps, s as TAsTypeComponents, t as TAsBaseComponentProps } from "./types-BYfe1QEF.cjs";
 import _default$3 from "./as-collapsible.cjs";
 import _default$7 from "./as-field.cjs";
-import { a as TFormRule, i as TFormFieldRegistration, n as _default$9, o as TFormState, r as TFormFieldCallbacks } from "./as-form.vue-BfX0Qgl9.cjs";
+import { a as TFormRule, i as TFormFieldRegistration, n as _default$9, o as TFormState, r as TFormFieldCallbacks } from "./as-form.vue-D37zUXKc.cjs";
 import _default$11 from "./as-iterator.cjs";
-import { t as _default } from "./as-action.vue-CFGXoM5O.cjs";
+import { t as _default } from "./as-action.vue-BCbopk0S.cjs";
 import { t as _default$1 } from "./as-array.vue-Ci4xO292.cjs";
 import { t as _default$2 } from "./as-checkbox.vue-DqIm0ms2.cjs";
 import { t as _default$4 } from "./as-date.vue-SdlJH5fn.cjs";

package/dist/index.d.mts

@@ -1,9 +1,9 @@
 import { a as TAsComponentEmits, c as TAsUnionContext, i as TAsCollapsibleSlots, n as TAsChangeType, o as TAsComponentProps, r as TAsCollapsibleProps, s as TAsTypeComponents, t as TAsBaseComponentProps } from "./types-CV9ss4UN.mjs";
 import _default$3 from "./as-collapsible.mjs";
 import _default$7 from "./as-field.mjs";
-import { a as TFormRule, i as TFormFieldRegistration, n as _default$9, o as TFormState, r as TFormFieldCallbacks } from "./as-form.vue-DmW9OzBV.mjs";
+import { a as TFormRule, i as TFormFieldRegistration, n as _default$9, o as TFormState, r as TFormFieldCallbacks } from "./as-form.vue-DNMxIbtn.mjs";
 import _default$11 from "./as-iterator.mjs";
-import { t as _default } from "./as-action.vue-0qaIjTnF.mjs";
+import { t as _default } from "./as-action.vue-BtQX09n-.mjs";
 import { t as _default$1 } from "./as-array.vue-I42wuF6e.mjs";
 import { t as _default$2 } from "./as-checkbox.vue-BoY72SV8.mjs";
 import { t as _default$4 } from "./as-date.vue-BfSVrED7.mjs";

package/dist/index.mjs

@@ -1,10 +1,10 @@
 import { m as PATH_PREFIX_KEY, n as useAsUnionVariant, s as DISMISS_EXTERNAL_AT_KEY, t as formatIndexedLabelParts } from "./use-form-context-bAj7UoSe.mjs";
 import { n as provideAsNestedSectionsStore, r as useAsNestedSectionsStore } from "./use-as-nested-sections-store-lhi0z5z1.mjs";
 import { n as useAsValueHelp } from "./use-as-value-help-CBykDEjZ.mjs";
-import { i as useAsExternalErrors, n as useAsForm, r as useAsState, t as as_form_default } from "./as-form-D6zQF-19.mjs";
+import { i as useAsExternalErrors, n as useAsForm, r as useAsState, t as as_form_default } from "./as-form-Cb5orGFC.mjs";
 import { n as useAsData, r as useAsField, t as as_field_default } from "./as-field-CryuaPPU.mjs";
 import { n as useAsLocale, t as provideAsLocale } from "./use-as-locale-BrFdAgnU.mjs";
-import { t as as_iterator_default } from "./as-iterator-CNMdEj9a.mjs";
+import { t as as_iterator_default } from "./as-iterator-B0Jf2zn4.mjs";
 import { n as focusNewFocusableAfter, r as useAsFocusFirstAfter, t as focusFirstAfter } from "./focus-after-toggle-Dtl3P6CS.mjs";
 import { t as as_collapsible_default } from "./as-collapsible-DQOxKGGj.mjs";
 import { t as as_field_shell_default } from "./as-field-shell-D0mNXfQZ.mjs";
@@ -15,9 +15,9 @@ import { t as as_multi_select_default } from "./as-multi-select-DGipqqGz.mjs";
 import { t as as_radio_default } from "./as-radio-DBW6XzlW.mjs";
 import { n as useAsTriStateCheckbox, t as as_checkbox_default } from "./as-checkbox-dN1K-rJ_.mjs";
 import { t as as_paragraph_default } from "./as-paragraph-GIGj6UgL.mjs";
-import { t as as_action_default } from "./as-action-Dx3RVCnH.mjs";
+import { t as as_action_default } from "./as-action-BoZtbaXt.mjs";
 import { t as useAsOptionalAddFlow } from "./use-as-optional-add-flow-CQctXLZI.mjs";
-import { t as as_object_default } from "./as-object-mBh0KLy2.mjs";
+import { t as as_object_default } from "./as-object-Dl3ranqm.mjs";
 import { n as useAsArray, t as as_array_default } from "./as-array-DNJOnZ2j.mjs";
 import { n as useAsTypeMap, r as useAsUnion, t as as_union_default } from "./as-union-B5OFQLJX.mjs";
 import { n as useAsTuple, t as as_tuple_default } from "./as-tuple-NwaomSYF.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atscript/vue-form",
-  "version": "0.1.85",
+  "version": "0.1.86",
   "description": "Type-driven form rendering for Atscript with Vue 3",
   "keywords": [
     "atscript",
@@ -157,7 +157,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@atscript/ui": "^0.1.85"
+    "@atscript/ui": "^0.1.86"
   },
   "devDependencies": {
     "@atscript/core": "^0.1.68",
@@ -173,13 +173,13 @@
     "vue": "^3",
     "vue-tsc": "~3.2.9",
     "vunor": "^0.2.1",
-    "@atscript/ui-fns": "^0.1.85"
+    "@atscript/ui-fns": "^0.1.86"
   },
   "peerDependencies": {
     "@atscript/db-client": "^0.1.95",
     "reka-ui": "^2.9.8",
     "vue": "^3",
-    "@atscript/ui-fns": "^0.1.85"
+    "@atscript/ui-fns": "^0.1.86"
   },
   "scripts": {
     "build": "node ../../scripts/gen-exports.mjs && vp pack",