@atscript/vue-form 0.1.83 → 0.1.84

package/dist/as-union.mjs

@@ -1,2 +1,2 @@
-import { t as as_union_default } from "./as-union-vz9dJ3aQ.mjs";
+import { t as as_union_default } from "./as-union-B5OFQLJX.mjs";
 export { as_union_default as default };

package/dist/{as-union.vue-Cue3m7Id.d.cts → as-union.vue-AqH35ozq.d.cts}

@@ -1,4 +1,4 @@
-import { i as TAsComponentProps } from "./types-CzMUE5Dk.cjs";
+import { o as TAsComponentProps } from "./types-BYfe1QEF.cjs";
 import * as vue from "vue";
 
 //#region src/components/defaults/as-union.vue.d.ts

package/dist/{as-union.vue-Czxxaht_.d.mts → as-union.vue-Ew3Bany8.d.mts}

@@ -1,4 +1,4 @@
-import { i as TAsComponentProps } from "./types-D0xtsrz8.mjs";
+import { o as TAsComponentProps } from "./types-CV9ss4UN.mjs";
 import * as vue from "vue";
 
 //#region src/components/defaults/as-union.vue.d.ts

package/dist/{as-variant-picker-BVs0AvjK.mjs → as-variant-picker-B3GLhKyt.mjs}

@@ -1,4 +1,4 @@
-import { t as useAsDropdown } from "./use-as-dropdown-BMnEm6jF.mjs";
+import { t as useAsDropdown } from "./use-as-dropdown-B2Shb7wn.mjs";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, withModifiers } from "vue";
 //#region src/components/internal/as-optional-clear.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1$1 = [

package/dist/{as-variant-picker-DObQZHmm.cjs → as-variant-picker-JlEhh7YO.cjs}

@@ -1,4 +1,4 @@
-const require_use_as_dropdown = require("./use-as-dropdown-C-Qy7Vt0.cjs");
+const require_use_as_dropdown = require("./use-as-dropdown-Bj9toVdw.cjs");
 let vue = require("vue");
 //#region src/components/internal/as-optional-clear.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1$1 = [

package/dist/{use-as-dropdown-C-Qy7Vt0.cjs → focus-after-toggle-CWxiPZWi.cjs}

@@ -50,35 +50,6 @@ function useAsFocusFirstAfter(onToggleOptional) {
 	};
 }
 //#endregion
-//#region src/composables/use-as-dropdown.ts
-function useAsDropdown(containerRef) {
-	const isOpen = (0, vue.ref)(false);
-	function toggle() {
-		isOpen.value = !isOpen.value;
-	}
-	function close() {
-		isOpen.value = false;
-	}
-	function select(callback) {
-		callback();
-		close();
-	}
-	function onClickOutside(event) {
-		if (containerRef.value && !containerRef.value.contains(event.target)) close();
-	}
-	(0, vue.watch)(isOpen, (open) => {
-		if (open) document.addEventListener("click", onClickOutside, true);
-		else document.removeEventListener("click", onClickOutside, true);
-	});
-	(0, vue.onBeforeUnmount)(() => document.removeEventListener("click", onClickOutside, true));
-	return {
-		isOpen,
-		toggle,
-		close,
-		select
-	};
-}
-//#endregion
 Object.defineProperty(exports, "focusFirstAfter", {
 	enumerable: true,
 	get: function() {
@@ -91,12 +62,6 @@ Object.defineProperty(exports, "focusNewFocusableAfter", {
 		return focusNewFocusableAfter;
 	}
 });
-Object.defineProperty(exports, "useAsDropdown", {
-	enumerable: true,
-	get: function() {
-		return useAsDropdown;
-	}
-});
 Object.defineProperty(exports, "useAsFocusFirstAfter", {
 	enumerable: true,
 	get: function() {

package/dist/{use-as-dropdown-BMnEm6jF.mjs → focus-after-toggle-Dtl3P6CS.mjs}

@@ -1,4 +1,4 @@
-import { nextTick, onBeforeUnmount, ref, watch } from "vue";
+import { nextTick, ref } from "vue";
 //#region src/composables/focus-after-toggle.ts
 const FOCUSABLE_SELECTOR = [
 	"input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([disabled])",
@@ -50,33 +50,4 @@ function useAsFocusFirstAfter(onToggleOptional) {
 	};
 }
 //#endregion
-//#region src/composables/use-as-dropdown.ts
-function useAsDropdown(containerRef) {
-	const isOpen = ref(false);
-	function toggle() {
-		isOpen.value = !isOpen.value;
-	}
-	function close() {
-		isOpen.value = false;
-	}
-	function select(callback) {
-		callback();
-		close();
-	}
-	function onClickOutside(event) {
-		if (containerRef.value && !containerRef.value.contains(event.target)) close();
-	}
-	watch(isOpen, (open) => {
-		if (open) document.addEventListener("click", onClickOutside, true);
-		else document.removeEventListener("click", onClickOutside, true);
-	});
-	onBeforeUnmount(() => document.removeEventListener("click", onClickOutside, true));
-	return {
-		isOpen,
-		toggle,
-		close,
-		select
-	};
-}
-//#endregion
-export { useAsFocusFirstAfter as i, focusFirstAfter as n, focusNewFocusableAfter as r, useAsDropdown as t };
+export { focusNewFocusableAfter as n, useAsFocusFirstAfter as r, focusFirstAfter as t };

package/dist/index.cjs

@@ -6,27 +6,29 @@ const require_as_form = require("./as-form-BWf2QGoS.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_use_as_dropdown = require("./use-as-dropdown-C-Qy7Vt0.cjs");
-const require_as_field_shell = require("./as-field-shell-TH8IrGg9.cjs");
-const require_as_input = require("./as-input-DBwxoEp7.cjs");
-const require_as_select = require("./as-select-BrmjjRKU.cjs");
-const require_as_multi_select = require("./as-multi-select-CjyY453L.cjs");
-const require_as_radio = require("./as-radio-BoS1VhOR.cjs");
-const require_as_checkbox = require("./as-checkbox-Dcqf2Bby.cjs");
-const require_as_paragraph = require("./as-paragraph-D_h8QGLz.cjs");
-const require_as_action = require("./as-action-UtPIV4Cf.cjs");
-const require_use_as_optional_add_flow = require("./use-as-optional-add-flow-Dg_2iQ4d.cjs");
-const require_as_object = require("./as-object-B3dxi-5A.cjs");
-const require_as_array = require("./as-array-BoPN5kVu.cjs");
-const require_as_union = require("./as-union-BDqrrIn6.cjs");
-const require_as_tuple = require("./as-tuple-BH2ss6EY.cjs");
-const require_as_ref = require("./as-ref-DjMTB-tC.cjs");
-const require_as_decimal = require("./as-decimal--cEvm1lb.cjs");
-const require_as_number = require("./as-number-ojx4Q8YH.cjs");
-const require_use_as_date = require("./use-as-date-v-GFUtrP.cjs");
-const require_as_date = require("./as-date-B9g4UlrI.cjs");
-const require_as_datetime = require("./as-datetime-Ds_yQWi6.cjs");
-const require_as_time = require("./as-time-CNmyhGwd.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");
+const require_use_as_dropdown = require("./use-as-dropdown-Bj9toVdw.cjs");
+const require_as_input = require("./as-input-CwPkK9qR.cjs");
+const require_as_select = require("./as-select-B2jqgF38.cjs");
+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_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_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");
+const require_as_ref = require("./as-ref-BOAHVeR-.cjs");
+const require_as_decimal = require("./as-decimal-DhrdOvUQ.cjs");
+const require_as_number = require("./as-number-BQWwSipg.cjs");
+const require_use_as_date = require("./use-as-date-DY8b1_V4.cjs");
+const require_as_date = require("./as-date-Cizo8gZx.cjs");
+const require_as_datetime = require("./as-datetime-Cjbprmxg.cjs");
+const require_as_time = require("./as-time-DdQnNIQX.cjs");
 let vue = require("vue");
 let _atscript_ui = require("@atscript/ui");
 //#region src/composables/create-as-form-def.ts
@@ -103,6 +105,7 @@ function useAsErrorDismiss() {
 exports.AsAction = require_as_action.as_action_default;
 exports.AsArray = require_as_array.as_array_default;
 exports.AsCheckbox = require_as_checkbox.as_checkbox_default;
+exports.AsCollapsible = require_as_collapsible.as_collapsible_default;
 exports.AsDate = require_as_date.as_date_default;
 exports.AsDatetime = require_as_datetime.as_datetime_default;
 exports.AsDecimal = require_as_decimal.as_decimal_default;
@@ -122,8 +125,8 @@ exports.AsTuple = require_as_tuple.as_tuple_default;
 exports.AsUnion = require_as_union.as_union_default;
 exports.createAsFormDef = createAsFormDef;
 exports.createDefaultTypes = createDefaultTypes;
-exports.focusFirstAfter = require_use_as_dropdown.focusFirstAfter;
-exports.focusNewFocusableAfter = require_use_as_dropdown.focusNewFocusableAfter;
+exports.focusFirstAfter = require_focus_after_toggle.focusFirstAfter;
+exports.focusNewFocusableAfter = require_focus_after_toggle.focusNewFocusableAfter;
 exports.formatIndexedLabelParts = require_use_form_context.formatIndexedLabelParts;
 Object.defineProperty(exports, "getDefaultClientFactory", {
 	enumerable: true,
@@ -154,7 +157,7 @@ exports.useAsDualInput = require_as_decimal.useAsDualInput;
 exports.useAsErrorDismiss = useAsErrorDismiss;
 exports.useAsExternalErrors = require_as_form.useAsExternalErrors;
 exports.useAsField = require_as_field.useAsField;
-exports.useAsFocusFirstAfter = require_use_as_dropdown.useAsFocusFirstAfter;
+exports.useAsFocusFirstAfter = require_focus_after_toggle.useAsFocusFirstAfter;
 exports.useAsForm = require_as_form.useAsForm;
 exports.useAsLocale = require_use_as_locale.useAsLocale;
 exports.useAsNestedSectionsStore = require_use_as_nested_sections_store.useAsNestedSectionsStore;

package/dist/index.d.cts

@@ -1,24 +1,25 @@
-import _default$6 from "./as-field.cjs";
-import { a as TFormRule, i as TFormFieldRegistration, n as _default$8, o as TFormState, r as TFormFieldCallbacks } from "./as-form.vue-BkSIywRv.cjs";
-import { a as TAsTypeComponents, i as TAsComponentProps, n as TAsChangeType, o as TAsUnionContext, r as TAsComponentEmits, t as TAsBaseComponentProps } from "./types-CzMUE5Dk.cjs";
-import _default$10 from "./as-iterator.cjs";
-import { t as _default } from "./as-action.vue-BOLmcRHb.cjs";
-import { t as _default$1 } from "./as-array.vue-BwIDKidj.cjs";
-import { t as _default$2 } from "./as-checkbox.vue-C1J7GXSV.cjs";
-import { t as _default$3 } from "./as-date.vue-Dq-lJ85v.cjs";
-import { t as _default$4 } from "./as-datetime.vue-B3e_uLA3.cjs";
-import { t as _default$5 } from "./as-decimal.vue-C_boWzTP.cjs";
-import { t as _default$7 } from "./as-field-shell.vue-DXubVvFh.cjs";
-import { t as _default$9 } from "./as-input.vue-BkFMg_PX.cjs";
-import { t as _default$11 } from "./as-number.vue-BSXOv-nz.cjs";
-import { t as _default$12 } from "./as-object.vue-C9Sp3JdQ.cjs";
-import { t as _default$13 } from "./as-paragraph.vue-p2kyH9gG.cjs";
-import { t as _default$14 } from "./as-radio.vue-DkN0qaB9.cjs";
-import { t as _default$15 } from "./as-ref.vue-3K67TM80.cjs";
-import { t as _default$16 } from "./as-select.vue-DfZY_vxR.cjs";
-import { t as _default$17 } from "./as-time.vue-BPzy2jHL.cjs";
-import { t as _default$18 } from "./as-tuple.vue-BpB4uiSs.cjs";
-import { t as _default$19 } from "./as-union.vue-Cue3m7Id.cjs";
+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 _default$11 from "./as-iterator.cjs";
+import { t as _default } from "./as-action.vue-CFGXoM5O.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";
+import { t as _default$5 } from "./as-datetime.vue-DUp_TDOW.cjs";
+import { t as _default$6 } from "./as-decimal.vue-Bhq4C1Ix.cjs";
+import { t as _default$8 } from "./as-field-shell.vue-Ct1ixFqc.cjs";
+import { t as _default$10 } from "./as-input.vue-BHsVVncq.cjs";
+import { t as _default$12 } from "./as-number.vue-D2DrbnQu.cjs";
+import { t as _default$13 } from "./as-object.vue-BljKYrMo.cjs";
+import { t as _default$14 } from "./as-paragraph.vue-LxXA7VPD.cjs";
+import { t as _default$15 } from "./as-radio.vue-Dk4nlz-d.cjs";
+import { t as _default$16 } from "./as-ref.vue-CnzqRblA.cjs";
+import { t as _default$17 } from "./as-select.vue-ZZtjsmcO.cjs";
+import { t as _default$18 } from "./as-time.vue-BUAvE5m3.cjs";
+import { t as _default$19 } from "./as-tuple.vue-cy0ThAGl.cjs";
+import { t as _default$20 } from "./as-union.vue-AqH35ozq.cjs";
 import * as vue from "vue";
 import { Component, ComputedRef, MaybeRef, Ref, ShallowRef, WritableComputedRef } from "vue";
 import * as _atscript_ui0 from "@atscript/ui";
@@ -969,4 +970,4 @@ type AsErrorDismiss = (path: string) => void;
  */
 declare function useAsErrorDismiss(): AsErrorDismiss;
 //#endregion
-export { _default as AsAction, _default$1 as AsArray, _default$2 as AsCheckbox, _default$3 as AsDate, _default$4 as AsDatetime, _default$5 as AsDecimal, type AsErrorDismiss, _default$6 as AsField, _default$7 as AsFieldShell, _default$8 as AsForm, _default$9 as AsInput, _default$10 as AsIterator, type AsNestedSectionsStore, _default$11 as AsNumber, _default$12 as AsObject, _default$13 as AsParagraph, _default$14 as AsRadio, _default$15 as AsRef, _default$16 as AsSelect, _default$17 as AsTime, _default$18 as AsTuple, _default$19 as AsUnion, type ClientFactory, type TAsBaseComponentProps, type TAsChangeType, type TAsComponentEmits, type TAsComponentProps, type TAsTypeComponents, type TAsUnionContext, type TFormFieldCallbacks, type TFormFieldRegistration, type TFormRule, type TFormState, type TFormSubmitValidator, type UseAsArrayReturn, type UseAsDataReturn, type UseAsDateOptions, type UseAsDateReturn, type UseAsDecimalOptions, type UseAsDecimalReturn, type UseAsDualInputOptions, type UseAsDualInputReturn, type UseAsExternalErrorsOptions, type UseAsExternalErrorsReturn, type UseAsFieldOptions, type UseAsFieldReturn, type UseAsFormOptions, type UseAsFormReturn, type UseAsLocaleReturn, type UseAsNumberOptions, type UseAsNumberReturn, type UseAsOptionalAddFlowOptions, type UseAsOptionalAddFlowReturn, type UseAsPathReturn, type UseAsStateReturn, type UseAsTriStateCheckboxOptions, type UseAsTriStateCheckboxReturn, type UseAsTupleReturn, type UseAsTypeMapReturn, type UseAsUnionReturn, type UseAsValueHelpOptions, type UseAsValueHelpReturn, createAsFormDef, createDefaultTypes, focusFirstAfter, focusNewFocusableAfter, formatIndexedLabelParts, getDefaultClientFactory, provideAsLocale, provideAsNestedSectionsStore, resetDefaultClientFactory, setDefaultClientFactory, useAsArray, useAsData, useAsDate, useAsDecimal, useAsDropdown, useAsDualInput, useAsErrorDismiss, useAsExternalErrors, useAsField, useAsFocusFirstAfter, useAsForm, useAsLocale, useAsNestedSectionsStore, useAsNumber, useAsOptionalAddFlow, useAsPath, useAsState, useAsTriStateCheckbox, useAsTuple, useAsTypeMap, useAsUnion, useAsUnionVariant, useAsValueHelp };
+export { _default as AsAction, _default$1 as AsArray, _default$2 as AsCheckbox, _default$3 as AsCollapsible, _default$4 as AsDate, _default$5 as AsDatetime, _default$6 as AsDecimal, type AsErrorDismiss, _default$7 as AsField, _default$8 as AsFieldShell, _default$9 as AsForm, _default$10 as AsInput, _default$11 as AsIterator, type AsNestedSectionsStore, _default$12 as AsNumber, _default$13 as AsObject, _default$14 as AsParagraph, _default$15 as AsRadio, _default$16 as AsRef, _default$17 as AsSelect, _default$18 as AsTime, _default$19 as AsTuple, _default$20 as AsUnion, type ClientFactory, type TAsBaseComponentProps, type TAsChangeType, type TAsCollapsibleProps, type TAsCollapsibleSlots, type TAsComponentEmits, type TAsComponentProps, type TAsTypeComponents, type TAsUnionContext, type TFormFieldCallbacks, type TFormFieldRegistration, type TFormRule, type TFormState, type TFormSubmitValidator, type UseAsArrayReturn, type UseAsDataReturn, type UseAsDateOptions, type UseAsDateReturn, type UseAsDecimalOptions, type UseAsDecimalReturn, type UseAsDualInputOptions, type UseAsDualInputReturn, type UseAsExternalErrorsOptions, type UseAsExternalErrorsReturn, type UseAsFieldOptions, type UseAsFieldReturn, type UseAsFormOptions, type UseAsFormReturn, type UseAsLocaleReturn, type UseAsNumberOptions, type UseAsNumberReturn, type UseAsOptionalAddFlowOptions, type UseAsOptionalAddFlowReturn, type UseAsPathReturn, type UseAsStateReturn, type UseAsTriStateCheckboxOptions, type UseAsTriStateCheckboxReturn, type UseAsTupleReturn, type UseAsTypeMapReturn, type UseAsUnionReturn, type UseAsValueHelpOptions, type UseAsValueHelpReturn, createAsFormDef, createDefaultTypes, focusFirstAfter, focusNewFocusableAfter, formatIndexedLabelParts, getDefaultClientFactory, provideAsLocale, provideAsNestedSectionsStore, resetDefaultClientFactory, setDefaultClientFactory, useAsArray, useAsData, useAsDate, useAsDecimal, useAsDropdown, useAsDualInput, useAsErrorDismiss, useAsExternalErrors, useAsField, useAsFocusFirstAfter, useAsForm, useAsLocale, useAsNestedSectionsStore, useAsNumber, useAsOptionalAddFlow, useAsPath, useAsState, useAsTriStateCheckbox, useAsTuple, useAsTypeMap, useAsUnion, useAsUnionVariant, useAsValueHelp };

package/dist/index.d.mts

@@ -1,24 +1,25 @@
-import _default$6 from "./as-field.mjs";
-import { a as TFormRule, i as TFormFieldRegistration, n as _default$8, o as TFormState, r as TFormFieldCallbacks } from "./as-form.vue-BOfKxDTv.mjs";
-import { a as TAsTypeComponents, i as TAsComponentProps, n as TAsChangeType, o as TAsUnionContext, r as TAsComponentEmits, t as TAsBaseComponentProps } from "./types-D0xtsrz8.mjs";
-import _default$10 from "./as-iterator.mjs";
-import { t as _default } from "./as-action.vue-ReXXWCRt.mjs";
-import { t as _default$1 } from "./as-array.vue-DWk95nMh.mjs";
-import { t as _default$2 } from "./as-checkbox.vue-DbIbeNGB.mjs";
-import { t as _default$3 } from "./as-date.vue-DQQ7e1be.mjs";
-import { t as _default$4 } from "./as-datetime.vue-B9J68KLU.mjs";
-import { t as _default$5 } from "./as-decimal.vue-B8-nFo4M.mjs";
-import { t as _default$7 } from "./as-field-shell.vue-NyQkFneN.mjs";
-import { t as _default$9 } from "./as-input.vue-DBMNi9pA.mjs";
-import { t as _default$11 } from "./as-number.vue-DRE18Wy-.mjs";
-import { t as _default$12 } from "./as-object.vue-I-Blr7wy.mjs";
-import { t as _default$13 } from "./as-paragraph.vue-KdN_Gtoh.mjs";
-import { t as _default$14 } from "./as-radio.vue-BgWru-Q7.mjs";
-import { t as _default$15 } from "./as-ref.vue-CE1vVUTN.mjs";
-import { t as _default$16 } from "./as-select.vue-C03bPwG_.mjs";
-import { t as _default$17 } from "./as-time.vue-CTahupM4.mjs";
-import { t as _default$18 } from "./as-tuple.vue-S4qpWqlA.mjs";
-import { t as _default$19 } from "./as-union.vue-Czxxaht_.mjs";
+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 _default$11 from "./as-iterator.mjs";
+import { t as _default } from "./as-action.vue-0qaIjTnF.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";
+import { t as _default$5 } from "./as-datetime.vue-B47V1siL.mjs";
+import { t as _default$6 } from "./as-decimal.vue-DitPZpS_.mjs";
+import { t as _default$8 } from "./as-field-shell.vue-K4Flr3gw.mjs";
+import { t as _default$10 } from "./as-input.vue-DgZrW4pc.mjs";
+import { t as _default$12 } from "./as-number.vue-Oml2y6Nt.mjs";
+import { t as _default$13 } from "./as-object.vue-DAq7Kha3.mjs";
+import { t as _default$14 } from "./as-paragraph.vue-CBU_olev.mjs";
+import { t as _default$15 } from "./as-radio.vue-TVMliE1e.mjs";
+import { t as _default$16 } from "./as-ref.vue-CUxxGqyg.mjs";
+import { t as _default$17 } from "./as-select.vue-CKjAg-Y2.mjs";
+import { t as _default$18 } from "./as-time.vue-BCEE4uCV.mjs";
+import { t as _default$19 } from "./as-tuple.vue-WN7k43tv.mjs";
+import { t as _default$20 } from "./as-union.vue-Ew3Bany8.mjs";
 import * as vue from "vue";
 import { Component, ComputedRef, MaybeRef, Ref, ShallowRef, WritableComputedRef } from "vue";
 import * as _atscript_ui0 from "@atscript/ui";
@@ -969,4 +970,4 @@ type AsErrorDismiss = (path: string) => void;
  */
 declare function useAsErrorDismiss(): AsErrorDismiss;
 //#endregion
-export { _default as AsAction, _default$1 as AsArray, _default$2 as AsCheckbox, _default$3 as AsDate, _default$4 as AsDatetime, _default$5 as AsDecimal, type AsErrorDismiss, _default$6 as AsField, _default$7 as AsFieldShell, _default$8 as AsForm, _default$9 as AsInput, _default$10 as AsIterator, type AsNestedSectionsStore, _default$11 as AsNumber, _default$12 as AsObject, _default$13 as AsParagraph, _default$14 as AsRadio, _default$15 as AsRef, _default$16 as AsSelect, _default$17 as AsTime, _default$18 as AsTuple, _default$19 as AsUnion, type ClientFactory, type TAsBaseComponentProps, type TAsChangeType, type TAsComponentEmits, type TAsComponentProps, type TAsTypeComponents, type TAsUnionContext, type TFormFieldCallbacks, type TFormFieldRegistration, type TFormRule, type TFormState, type TFormSubmitValidator, type UseAsArrayReturn, type UseAsDataReturn, type UseAsDateOptions, type UseAsDateReturn, type UseAsDecimalOptions, type UseAsDecimalReturn, type UseAsDualInputOptions, type UseAsDualInputReturn, type UseAsExternalErrorsOptions, type UseAsExternalErrorsReturn, type UseAsFieldOptions, type UseAsFieldReturn, type UseAsFormOptions, type UseAsFormReturn, type UseAsLocaleReturn, type UseAsNumberOptions, type UseAsNumberReturn, type UseAsOptionalAddFlowOptions, type UseAsOptionalAddFlowReturn, type UseAsPathReturn, type UseAsStateReturn, type UseAsTriStateCheckboxOptions, type UseAsTriStateCheckboxReturn, type UseAsTupleReturn, type UseAsTypeMapReturn, type UseAsUnionReturn, type UseAsValueHelpOptions, type UseAsValueHelpReturn, createAsFormDef, createDefaultTypes, focusFirstAfter, focusNewFocusableAfter, formatIndexedLabelParts, getDefaultClientFactory, provideAsLocale, provideAsNestedSectionsStore, resetDefaultClientFactory, setDefaultClientFactory, useAsArray, useAsData, useAsDate, useAsDecimal, useAsDropdown, useAsDualInput, useAsErrorDismiss, useAsExternalErrors, useAsField, useAsFocusFirstAfter, useAsForm, useAsLocale, useAsNestedSectionsStore, useAsNumber, useAsOptionalAddFlow, useAsPath, useAsState, useAsTriStateCheckbox, useAsTuple, useAsTypeMap, useAsUnion, useAsUnionVariant, useAsValueHelp };
+export { _default as AsAction, _default$1 as AsArray, _default$2 as AsCheckbox, _default$3 as AsCollapsible, _default$4 as AsDate, _default$5 as AsDatetime, _default$6 as AsDecimal, type AsErrorDismiss, _default$7 as AsField, _default$8 as AsFieldShell, _default$9 as AsForm, _default$10 as AsInput, _default$11 as AsIterator, type AsNestedSectionsStore, _default$12 as AsNumber, _default$13 as AsObject, _default$14 as AsParagraph, _default$15 as AsRadio, _default$16 as AsRef, _default$17 as AsSelect, _default$18 as AsTime, _default$19 as AsTuple, _default$20 as AsUnion, type ClientFactory, type TAsBaseComponentProps, type TAsChangeType, type TAsCollapsibleProps, type TAsCollapsibleSlots, type TAsComponentEmits, type TAsComponentProps, type TAsTypeComponents, type TAsUnionContext, type TFormFieldCallbacks, type TFormFieldRegistration, type TFormRule, type TFormState, type TFormSubmitValidator, type UseAsArrayReturn, type UseAsDataReturn, type UseAsDateOptions, type UseAsDateReturn, type UseAsDecimalOptions, type UseAsDecimalReturn, type UseAsDualInputOptions, type UseAsDualInputReturn, type UseAsExternalErrorsOptions, type UseAsExternalErrorsReturn, type UseAsFieldOptions, type UseAsFieldReturn, type UseAsFormOptions, type UseAsFormReturn, type UseAsLocaleReturn, type UseAsNumberOptions, type UseAsNumberReturn, type UseAsOptionalAddFlowOptions, type UseAsOptionalAddFlowReturn, type UseAsPathReturn, type UseAsStateReturn, type UseAsTriStateCheckboxOptions, type UseAsTriStateCheckboxReturn, type UseAsTupleReturn, type UseAsTypeMapReturn, type UseAsUnionReturn, type UseAsValueHelpOptions, type UseAsValueHelpReturn, createAsFormDef, createDefaultTypes, focusFirstAfter, focusNewFocusableAfter, formatIndexedLabelParts, getDefaultClientFactory, provideAsLocale, provideAsNestedSectionsStore, resetDefaultClientFactory, setDefaultClientFactory, useAsArray, useAsData, useAsDate, useAsDecimal, useAsDropdown, useAsDualInput, useAsErrorDismiss, useAsExternalErrors, useAsField, useAsFocusFirstAfter, useAsForm, useAsLocale, useAsNestedSectionsStore, useAsNumber, useAsOptionalAddFlow, useAsPath, useAsState, useAsTriStateCheckbox, useAsTuple, useAsTypeMap, useAsUnion, useAsUnionVariant, useAsValueHelp };

package/dist/index.mjs

@@ -5,27 +5,29 @@ import { i as useAsExternalErrors, n as useAsForm, r as useAsState, t as as_form
 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 { i as useAsFocusFirstAfter, n as focusFirstAfter, r as focusNewFocusableAfter, t as useAsDropdown } from "./use-as-dropdown-BMnEm6jF.mjs";
-import { t as as_field_shell_default } from "./as-field-shell-DEQnfFVJ.mjs";
-import { t as as_input_default } from "./as-input-CfXuz6cf.mjs";
-import { t as as_select_default } from "./as-select-DerYjoLO.mjs";
-import { t as as_multi_select_default } from "./as-multi-select-CitiQ7iz.mjs";
-import { t as as_radio_default } from "./as-radio-DQry_nv7.mjs";
-import { n as useAsTriStateCheckbox, t as as_checkbox_default } from "./as-checkbox-DwGSW968.mjs";
-import { t as as_paragraph_default } from "./as-paragraph-CuXb-mfi.mjs";
-import { t as as_action_default } from "./as-action-DfQE2MA7.mjs";
-import { t as useAsOptionalAddFlow } from "./use-as-optional-add-flow-DzUScp6V.mjs";
-import { t as as_object_default } from "./as-object-DpSs3Aki.mjs";
-import { n as useAsArray, t as as_array_default } from "./as-array-C8pb0XAq.mjs";
-import { n as useAsTypeMap, r as useAsUnion, t as as_union_default } from "./as-union-vz9dJ3aQ.mjs";
-import { n as useAsTuple, t as as_tuple_default } from "./as-tuple-4xpIT7ix.mjs";
-import { t as as_ref_default } from "./as-ref-Bq_4z1IA.mjs";
-import { n as useAsDualInput, r as useAsDecimal, t as as_decimal_default } from "./as-decimal-7sV4gfJx.mjs";
-import { n as useAsNumber, t as as_number_default } from "./as-number-Clq1LMQd.mjs";
-import { t as useAsDate } from "./use-as-date-Bb0Pi1l_.mjs";
-import { t as as_date_default } from "./as-date-9Uwj5MPG.mjs";
-import { t as as_datetime_default } from "./as-datetime-D_sc95ED.mjs";
-import { t as as_time_default } from "./as-time-B2zB5xSS.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";
+import { t as useAsDropdown } from "./use-as-dropdown-B2Shb7wn.mjs";
+import { t as as_input_default } from "./as-input-VOGvI31W.mjs";
+import { t as as_select_default } from "./as-select-BiS6USZW.mjs";
+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 useAsOptionalAddFlow } from "./use-as-optional-add-flow-CQctXLZI.mjs";
+import { t as as_object_default } from "./as-object-mBh0KLy2.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";
+import { t as as_ref_default } from "./as-ref-D6zp_PIG.mjs";
+import { n as useAsDualInput, r as useAsDecimal, t as as_decimal_default } from "./as-decimal-DtQuZmPA.mjs";
+import { n as useAsNumber, t as as_number_default } from "./as-number-BIhBVXih.mjs";
+import { t as useAsDate } from "./use-as-date-XLE8HBbo.mjs";
+import { t as as_date_default } from "./as-date-CsBBqja_.mjs";
+import { t as as_datetime_default } from "./as-datetime-D_Wbrj9t.mjs";
+import { t as as_time_default } from "./as-time-BN-Vc-iw.mjs";
 import { computed, inject, reactive } from "vue";
 import { createFormData, createFormDef, createFormValueResolver, getDefaultClientFactory, resetDefaultClientFactory, setDefaultClientFactory } from "@atscript/ui";
 //#region src/composables/create-as-form-def.ts
@@ -99,4 +101,4 @@ function useAsErrorDismiss() {
 	return inject(DISMISS_EXTERNAL_AT_KEY, null) ?? NOOP;
 }
 //#endregion
-export { as_action_default as AsAction, as_array_default as AsArray, as_checkbox_default as AsCheckbox, as_date_default as AsDate, as_datetime_default as AsDatetime, as_decimal_default as AsDecimal, as_field_default as AsField, as_field_shell_default as AsFieldShell, as_form_default as AsForm, as_input_default as AsInput, as_iterator_default as AsIterator, as_number_default as AsNumber, as_object_default as AsObject, as_paragraph_default as AsParagraph, as_radio_default as AsRadio, as_ref_default as AsRef, as_select_default as AsSelect, as_time_default as AsTime, as_tuple_default as AsTuple, as_union_default as AsUnion, createAsFormDef, createDefaultTypes, focusFirstAfter, focusNewFocusableAfter, formatIndexedLabelParts, getDefaultClientFactory, provideAsLocale, provideAsNestedSectionsStore, resetDefaultClientFactory, setDefaultClientFactory, useAsArray, useAsData, useAsDate, useAsDecimal, useAsDropdown, useAsDualInput, useAsErrorDismiss, useAsExternalErrors, useAsField, useAsFocusFirstAfter, useAsForm, useAsLocale, useAsNestedSectionsStore, useAsNumber, useAsOptionalAddFlow, useAsPath, useAsState, useAsTriStateCheckbox, useAsTuple, useAsTypeMap, useAsUnion, useAsUnionVariant, useAsValueHelp };
+export { as_action_default as AsAction, as_array_default as AsArray, as_checkbox_default as AsCheckbox, as_collapsible_default as AsCollapsible, as_date_default as AsDate, as_datetime_default as AsDatetime, as_decimal_default as AsDecimal, as_field_default as AsField, as_field_shell_default as AsFieldShell, as_form_default as AsForm, as_input_default as AsInput, as_iterator_default as AsIterator, as_number_default as AsNumber, as_object_default as AsObject, as_paragraph_default as AsParagraph, as_radio_default as AsRadio, as_ref_default as AsRef, as_select_default as AsSelect, as_time_default as AsTime, as_tuple_default as AsTuple, as_union_default as AsUnion, createAsFormDef, createDefaultTypes, focusFirstAfter, focusNewFocusableAfter, formatIndexedLabelParts, getDefaultClientFactory, provideAsLocale, provideAsNestedSectionsStore, resetDefaultClientFactory, setDefaultClientFactory, useAsArray, useAsData, useAsDate, useAsDecimal, useAsDropdown, useAsDualInput, useAsErrorDismiss, useAsExternalErrors, useAsField, useAsFocusFirstAfter, useAsForm, useAsLocale, useAsNestedSectionsStore, useAsNumber, useAsOptionalAddFlow, useAsPath, useAsState, useAsTriStateCheckbox, useAsTuple, useAsTypeMap, useAsUnion, useAsUnionVariant, useAsValueHelp };

package/dist/{types-D0xtsrz8.d.mts → types-BYfe1QEF.d.cts}

@@ -230,5 +230,30 @@ interface TAsUnionContext {
   /** Switch to a different variant (rewrites model data). */
   changeVariant: (index: number) => void;
 }
+/**
+ * Public props contract for the standalone `AsCollapsible` section component.
+ */
+interface TAsCollapsibleProps {
+  title?: string;
+  description?: string;
+  level: number;
+  optional?: boolean;
+  optionalEnabled?: boolean;
+  path: string;
+  error?: string;
+  defaultOpen?: boolean;
+  hidden?: boolean;
+  arrayIndex?: number;
+}
+/**
+ * Slots exposed by `AsCollapsible` — all header slots render inside `<summary>`.
+ */
+interface TAsCollapsibleSlots {
+  "title-extras"(): unknown;
+  badges(): unknown;
+  actions(): unknown;
+  body(): unknown;
+  empty(): unknown;
+}
 //#endregion
-export { TAsTypeComponents as a, TAsComponentProps as i, TAsChangeType as n, TAsUnionContext as o, TAsComponentEmits as r, TAsBaseComponentProps as t };
+export { TAsComponentEmits as a, TAsUnionContext as c, TAsCollapsibleSlots as i, TAsChangeType as n, TAsComponentProps as o, TAsCollapsibleProps as r, TAsTypeComponents as s, TAsBaseComponentProps as t };

package/dist/{types-CzMUE5Dk.d.cts → types-CV9ss4UN.d.mts}

@@ -230,5 +230,30 @@ interface TAsUnionContext {
   /** Switch to a different variant (rewrites model data). */
   changeVariant: (index: number) => void;
 }
+/**
+ * Public props contract for the standalone `AsCollapsible` section component.
+ */
+interface TAsCollapsibleProps {
+  title?: string;
+  description?: string;
+  level: number;
+  optional?: boolean;
+  optionalEnabled?: boolean;
+  path: string;
+  error?: string;
+  defaultOpen?: boolean;
+  hidden?: boolean;
+  arrayIndex?: number;
+}
+/**
+ * Slots exposed by `AsCollapsible` — all header slots render inside `<summary>`.
+ */
+interface TAsCollapsibleSlots {
+  "title-extras"(): unknown;
+  badges(): unknown;
+  actions(): unknown;
+  body(): unknown;
+  empty(): unknown;
+}
 //#endregion
-export { TAsTypeComponents as a, TAsComponentProps as i, TAsChangeType as n, TAsUnionContext as o, TAsComponentEmits as r, TAsBaseComponentProps as t };
+export { TAsComponentEmits as a, TAsUnionContext as c, TAsCollapsibleSlots as i, TAsChangeType as n, TAsComponentProps as o, TAsCollapsibleProps as r, TAsTypeComponents as s, TAsBaseComponentProps as t };

package/dist/use-as-dropdown-B2Shb7wn.mjs

@@ -0,0 +1,31 @@
+import { onBeforeUnmount, ref, watch } from "vue";
+//#region src/composables/use-as-dropdown.ts
+function useAsDropdown(containerRef) {
+	const isOpen = ref(false);
+	function toggle() {
+		isOpen.value = !isOpen.value;
+	}
+	function close() {
+		isOpen.value = false;
+	}
+	function select(callback) {
+		callback();
+		close();
+	}
+	function onClickOutside(event) {
+		if (containerRef.value && !containerRef.value.contains(event.target)) close();
+	}
+	watch(isOpen, (open) => {
+		if (open) document.addEventListener("click", onClickOutside, true);
+		else document.removeEventListener("click", onClickOutside, true);
+	});
+	onBeforeUnmount(() => document.removeEventListener("click", onClickOutside, true));
+	return {
+		isOpen,
+		toggle,
+		close,
+		select
+	};
+}
+//#endregion
+export { useAsDropdown as t };

package/dist/use-as-dropdown-Bj9toVdw.cjs

@@ -0,0 +1,36 @@
+let vue = require("vue");
+//#region src/composables/use-as-dropdown.ts
+function useAsDropdown(containerRef) {
+	const isOpen = (0, vue.ref)(false);
+	function toggle() {
+		isOpen.value = !isOpen.value;
+	}
+	function close() {
+		isOpen.value = false;
+	}
+	function select(callback) {
+		callback();
+		close();
+	}
+	function onClickOutside(event) {
+		if (containerRef.value && !containerRef.value.contains(event.target)) close();
+	}
+	(0, vue.watch)(isOpen, (open) => {
+		if (open) document.addEventListener("click", onClickOutside, true);
+		else document.removeEventListener("click", onClickOutside, true);
+	});
+	(0, vue.onBeforeUnmount)(() => document.removeEventListener("click", onClickOutside, true));
+	return {
+		isOpen,
+		toggle,
+		close,
+		select
+	};
+}
+//#endregion
+Object.defineProperty(exports, "useAsDropdown", {
+	enumerable: true,
+	get: function() {
+		return useAsDropdown;
+	}
+});

package/dist/{use-as-optional-add-flow-Dg_2iQ4d.cjs → use-as-optional-add-flow-C85F2VoU.cjs}

@@ -1,5 +1,5 @@
 const require_use_as_nested_sections_store = require("./use-as-nested-sections-store-jdMRxjBE.cjs");
-const require_use_as_dropdown = require("./use-as-dropdown-C-Qy7Vt0.cjs");
+const require_focus_after_toggle = require("./focus-after-toggle-CWxiPZWi.cjs");
 //#region src/composables/use-as-optional-add-flow.ts
 /**
 * Choreography composable for "enable-optional + add + focus-first-new"
@@ -35,7 +35,7 @@ function useAsOptionalAddFlow(options) {
 	return {
 		composeAction: wrap,
 		runAndFocusNew(scope, action, ticks = 2) {
-			return require_use_as_dropdown.focusNewFocusableAfter(wrap(action), scope, ticks);
+			return require_focus_after_toggle.focusNewFocusableAfter(wrap(action), scope, ticks);
 		}
 	};
 }

package/dist/{use-as-optional-add-flow-DzUScp6V.mjs → use-as-optional-add-flow-CQctXLZI.mjs}

@@ -1,5 +1,5 @@
 import { r as useAsNestedSectionsStore } from "./use-as-nested-sections-store-lhi0z5z1.mjs";
-import { r as focusNewFocusableAfter } from "./use-as-dropdown-BMnEm6jF.mjs";
+import { n as focusNewFocusableAfter } from "./focus-after-toggle-Dtl3P6CS.mjs";
 //#region src/composables/use-as-optional-add-flow.ts
 /**
 * Choreography composable for "enable-optional + add + focus-first-new"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atscript/vue-form",
-  "version": "0.1.83",
+  "version": "0.1.84",
   "description": "Type-driven form rendering for Atscript with Vue 3",
   "keywords": [
     "atscript",
@@ -52,6 +52,11 @@
       "import": "./dist/as-checkbox.mjs",
       "require": "./dist/as-checkbox.cjs"
     },
+    "./as-collapsible": {
+      "types": "./dist/as-collapsible.d.mts",
+      "import": "./dist/as-collapsible.mjs",
+      "require": "./dist/as-collapsible.cjs"
+    },
     "./as-date": {
       "types": "./dist/as-date.d.mts",
       "import": "./dist/as-date.mjs",
@@ -152,7 +157,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@atscript/ui": "^0.1.83"
+    "@atscript/ui": "^0.1.84"
   },
   "devDependencies": {
     "@atscript/core": "^0.1.68",
@@ -168,13 +173,13 @@
     "vue": "^3",
     "vue-tsc": "~3.2.9",
     "vunor": "^0.2.1",
-    "@atscript/ui-fns": "^0.1.83"
+    "@atscript/ui-fns": "^0.1.84"
   },
   "peerDependencies": {
     "@atscript/db-client": "^0.1.95",
     "reka-ui": "^2.9.8",
     "vue": "^3",
-    "@atscript/ui-fns": "^0.1.83"
+    "@atscript/ui-fns": "^0.1.84"
   },
   "scripts": {
     "build": "node ../../scripts/gen-exports.mjs && vp pack",