@atscript/vue-table 0.1.132 → 0.1.133

package/dist/as-action-form-dialog.cjs

@@ -1,4 +1,4 @@
-const require_use_table_state = require("./use-table-state-Oi2ds4_a.cjs");
+const require_use_table_state = require("./use-table-state-D6dHOFrA.cjs");
 let _atscript_ui = require("@atscript/ui");
 let vue = require("vue");
 let _atscript_db_client = require("@atscript/db-client");
@@ -17,11 +17,11 @@ const _hoisted_3 = {
 };
 const _hoisted_4 = { class: "as-action-form-body" };
 const _hoisted_5 = {
-	key: 1,
+	key: 0,
 	class: "as-action-form-status"
 };
 const _hoisted_6 = {
-	key: 2,
+	key: 1,
 	class: "as-action-form-error"
 };
 const _hoisted_7 = {
@@ -42,17 +42,25 @@ var as_action_form_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				if (!v) state.dismissActionForm();
 			}
 		});
+		const display = state.actionFormDisplay;
 		const def = (0, vue.ref)(null);
 		const formData = (0, vue.ref)(null);
 		const loading = (0, vue.ref)(false);
 		const error = (0, vue.ref)(null);
+		(0, vue.watch)(display, (next) => {
+			if (next !== null) return;
+			def.value = null;
+			formData.value = null;
+			error.value = null;
+			loading.value = false;
+		});
 		const resolvedTypes = formTypes ?? (0, _atscript_vue_form.createDefaultTypes)();
 		(0, vue.watch)(req, async (next) => {
+			if (next === null) return;
 			def.value = null;
 			formData.value = null;
 			error.value = null;
 			loading.value = false;
-			if (next === null) return;
 			if (!next.action.inputForm) {
 				error.value = "Action does not declare an input form.";
 				return;
@@ -77,7 +85,7 @@ var as_action_form_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		}, { immediate: true });
 		const formId = `as-action-form-${(0, vue.useId)()}`;
 		const view = (0, vue.computed)(() => {
-			const r = req.value;
+			const r = display.value;
 			if (!r) return null;
 			const d = def.value;
 			const ids = r.identifiers;
@@ -131,10 +139,13 @@ var as_action_form_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DialogRoot), {
 				open: open.value,
-				"onUpdate:open": _cache[1] || (_cache[1] = ($event) => open.value = $event)
+				"onUpdate:open": _cache[2] || (_cache[2] = ($event) => open.value = $event)
 			}, {
 				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.DialogPortal), null, {
-					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.DialogOverlay), { class: "as-action-form-overlay" }), (0, vue.createVNode)((0, vue.unref)(reka_ui.DialogContent), { class: "as-action-form-content" }, {
+					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.DialogOverlay), { class: "as-action-form-overlay" }), (0, vue.createVNode)((0, vue.unref)(reka_ui.DialogContent), {
+						class: "as-action-form-content",
+						onAfterLeave: _cache[1] || (_cache[1] = ($event) => (0, vue.unref)(state).releaseActionForm())
+					}, {
 						default: (0, vue.withCtx)(() => [view.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [
 							(0, vue.createElementVNode)("header", _hoisted_1, [
 								(0, vue.createVNode)((0, vue.unref)(reka_ui.DialogTitle), { class: "as-action-form-title" }, {
@@ -169,35 +180,36 @@ var as_action_form_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 									class: "as-action-form-close",
 									"aria-label": "Close"
 								}, {
-									default: (0, vue.withCtx)(() => [..._cache[2] || (_cache[2] = [(0, vue.createElementVNode)("span", {
+									default: (0, vue.withCtx)(() => [..._cache[3] || (_cache[3] = [(0, vue.createElementVNode)("span", {
 										class: "i-as-close",
 										"aria-hidden": "true"
 									}, null, -1)])]),
 									_: 1
 								})
 							]),
-							(0, vue.createElementVNode)("div", _hoisted_4, [view.value.description ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.DialogDescription), {
-								key: 0,
-								class: "as-action-form-description"
-							}, {
-								default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(view.value.description), 1)]),
-								_: 1
-							})) : (0, vue.createCommentVNode)("v-if", true), loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_5, "Loading form…")) : error.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_6, (0, vue.toDisplayString)(error.value), 1)) : def.value && formData.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_atscript_vue_form.AsForm), {
-								key: 3,
-								id: formId,
-								def: def.value,
-								"form-data": formData.value,
-								types: (0, vue.unref)(resolvedTypes),
-								components: (0, vue.unref)(formComponents),
-								"hide-root-title": "",
-								"hide-submit": "",
-								onSubmit
-							}, null, 8, [
-								"def",
-								"form-data",
-								"types",
-								"components"
-							])) : (0, vue.createCommentVNode)("v-if", true)]),
+							(0, vue.createElementVNode)("div", _hoisted_4, [
+								(0, vue.createCommentVNode)(" Always rendered: Reka warns and leaves\n                 `aria-describedby=\"undefined\"` on the surface when the action\n                 declares no description, so the fallback copy is kept\n                 screen-reader-only. "),
+								(0, vue.createVNode)((0, vue.unref)(reka_ui.DialogDescription), { class: (0, vue.normalizeClass)(view.value.description ? "as-action-form-description" : "sr-only") }, {
+									default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(view.value.description || `Provide the input for ${view.value.title}.`), 1)]),
+									_: 1
+								}, 8, ["class"]),
+								loading.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_5, "Loading form…")) : error.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", _hoisted_6, (0, vue.toDisplayString)(error.value), 1)) : def.value && formData.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(_atscript_vue_form.AsForm), {
+									key: 2,
+									id: formId,
+									def: def.value,
+									"form-data": formData.value,
+									types: (0, vue.unref)(resolvedTypes),
+									components: (0, vue.unref)(formComponents),
+									"hide-root-title": "",
+									"hide-submit": "",
+									onSubmit
+								}, null, 8, [
+									"def",
+									"form-data",
+									"types",
+									"components"
+								])) : (0, vue.createCommentVNode)("v-if", true)
+							]),
 							def.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("footer", _hoisted_7, [(0, vue.createElementVNode)("button", {
 								type: "button",
 								class: "as-action-form-cancel",

package/dist/as-action-form-dialog.mjs

@@ -1,4 +1,4 @@
-import { a as useTableContext, g as intentToScope } from "./use-table-state-BxX3SpeW.mjs";
+import { S as intentToScope, a as useTableContext } from "./use-table-state-DLJbW753.mjs";
 import { META_LABEL, UI_FORM_SUBMIT_TEXT, createFormData, createFormDef, getFieldMeta } from "@atscript/ui";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, useId, watch, withCtx } from "vue";
 import { formatIdentifier } from "@atscript/db-client";
@@ -17,11 +17,11 @@ const _hoisted_3 = {
 };
 const _hoisted_4 = { class: "as-action-form-body" };
 const _hoisted_5 = {
-	key: 1,
+	key: 0,
 	class: "as-action-form-status"
 };
 const _hoisted_6 = {
-	key: 2,
+	key: 1,
 	class: "as-action-form-error"
 };
 const _hoisted_7 = {
@@ -42,17 +42,25 @@ var as_action_form_dialog_default = /* @__PURE__ */ defineComponent({
 				if (!v) state.dismissActionForm();
 			}
 		});
+		const display = state.actionFormDisplay;
 		const def = ref(null);
 		const formData = ref(null);
 		const loading = ref(false);
 		const error = ref(null);
+		watch(display, (next) => {
+			if (next !== null) return;
+			def.value = null;
+			formData.value = null;
+			error.value = null;
+			loading.value = false;
+		});
 		const resolvedTypes = formTypes ?? createDefaultTypes();
 		watch(req, async (next) => {
+			if (next === null) return;
 			def.value = null;
 			formData.value = null;
 			error.value = null;
 			loading.value = false;
-			if (next === null) return;
 			if (!next.action.inputForm) {
 				error.value = "Action does not declare an input form.";
 				return;
@@ -77,7 +85,7 @@ var as_action_form_dialog_default = /* @__PURE__ */ defineComponent({
 		}, { immediate: true });
 		const formId = `as-action-form-${useId()}`;
 		const view = computed(() => {
-			const r = req.value;
+			const r = display.value;
 			if (!r) return null;
 			const d = def.value;
 			const ids = r.identifiers;
@@ -131,10 +139,13 @@ var as_action_form_dialog_default = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(DialogRoot), {
 				open: open.value,
-				"onUpdate:open": _cache[1] || (_cache[1] = ($event) => open.value = $event)
+				"onUpdate:open": _cache[2] || (_cache[2] = ($event) => open.value = $event)
 			}, {
 				default: withCtx(() => [createVNode(unref(DialogPortal), null, {
-					default: withCtx(() => [createVNode(unref(DialogOverlay), { class: "as-action-form-overlay" }), createVNode(unref(DialogContent), { class: "as-action-form-content" }, {
+					default: withCtx(() => [createVNode(unref(DialogOverlay), { class: "as-action-form-overlay" }), createVNode(unref(DialogContent), {
+						class: "as-action-form-content",
+						onAfterLeave: _cache[1] || (_cache[1] = ($event) => unref(state).releaseActionForm())
+					}, {
 						default: withCtx(() => [view.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
 							createElementVNode("header", _hoisted_1, [
 								createVNode(unref(DialogTitle), { class: "as-action-form-title" }, {
@@ -169,35 +180,36 @@ var as_action_form_dialog_default = /* @__PURE__ */ defineComponent({
 									class: "as-action-form-close",
 									"aria-label": "Close"
 								}, {
-									default: withCtx(() => [..._cache[2] || (_cache[2] = [createElementVNode("span", {
+									default: withCtx(() => [..._cache[3] || (_cache[3] = [createElementVNode("span", {
 										class: "i-as-close",
 										"aria-hidden": "true"
 									}, null, -1)])]),
 									_: 1
 								})
 							]),
-							createElementVNode("div", _hoisted_4, [view.value.description ? (openBlock(), createBlock(unref(DialogDescription), {
-								key: 0,
-								class: "as-action-form-description"
-							}, {
-								default: withCtx(() => [createTextVNode(toDisplayString(view.value.description), 1)]),
-								_: 1
-							})) : createCommentVNode("v-if", true), loading.value ? (openBlock(), createElementBlock("p", _hoisted_5, "Loading form…")) : error.value ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(error.value), 1)) : def.value && formData.value ? (openBlock(), createBlock(unref(AsForm), {
-								key: 3,
-								id: formId,
-								def: def.value,
-								"form-data": formData.value,
-								types: unref(resolvedTypes),
-								components: unref(formComponents),
-								"hide-root-title": "",
-								"hide-submit": "",
-								onSubmit
-							}, null, 8, [
-								"def",
-								"form-data",
-								"types",
-								"components"
-							])) : createCommentVNode("v-if", true)]),
+							createElementVNode("div", _hoisted_4, [
+								createCommentVNode(" Always rendered: Reka warns and leaves\n                 `aria-describedby=\"undefined\"` on the surface when the action\n                 declares no description, so the fallback copy is kept\n                 screen-reader-only. "),
+								createVNode(unref(DialogDescription), { class: normalizeClass(view.value.description ? "as-action-form-description" : "sr-only") }, {
+									default: withCtx(() => [createTextVNode(toDisplayString(view.value.description || `Provide the input for ${view.value.title}.`), 1)]),
+									_: 1
+								}, 8, ["class"]),
+								loading.value ? (openBlock(), createElementBlock("p", _hoisted_5, "Loading form…")) : error.value ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(error.value), 1)) : def.value && formData.value ? (openBlock(), createBlock(unref(AsForm), {
+									key: 2,
+									id: formId,
+									def: def.value,
+									"form-data": formData.value,
+									types: unref(resolvedTypes),
+									components: unref(formComponents),
+									"hide-root-title": "",
+									"hide-submit": "",
+									onSubmit
+								}, null, 8, [
+									"def",
+									"form-data",
+									"types",
+									"components"
+								])) : createCommentVNode("v-if", true)
+							]),
 							def.value ? (openBlock(), createElementBlock("footer", _hoisted_7, [createElementVNode("button", {
 								type: "button",
 								class: "as-action-form-cancel",

package/dist/{as-action-menu-content-4UfcabUe.mjs → as-action-menu-content-4D7CJNgr.mjs}

@@ -1,4 +1,4 @@
-import { _ as isModClick, d as ariaLabelFor, h as intentClass, v as isPlainLeftClick } from "./use-table-state-BxX3SpeW.mjs";
+import { C as isModClick, _ as ariaLabelFor, w as isPlainLeftClick, x as intentClass } from "./use-table-state-DLJbW753.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, defineComponent, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, unref, useSlots, withCtx } from "vue";
 import { DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator } from "reka-ui";
 //#endregion

package/dist/{as-action-menu-content-C5qx9MPE.cjs → as-action-menu-content-DiS37BYK.cjs}

@@ -1,4 +1,4 @@
-const require_use_table_state = require("./use-table-state-Oi2ds4_a.cjs");
+const require_use_table_state = require("./use-table-state-D6dHOFrA.cjs");
 let vue = require("vue");
 let reka_ui = require("reka-ui");
 //#endregion

package/dist/as-column-menu.d.cts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-column-menu.vue-u_DNy3f-.cjs";
+import { t as _default } from "./as-column-menu.vue-CZ8XqHl0.cjs";
 export = _default;

package/dist/as-column-menu.d.mts

@@ -1,2 +1,2 @@
-import { t as _default } from "./as-column-menu.vue-DL5N9mKR.mjs";
+import { t as _default } from "./as-column-menu.vue-Cuelpv3p.mjs";
 export { _default as default };

package/dist/{as-column-menu.vue-DL5N9mKR.d.mts → as-column-menu.vue-CZ8XqHl0.d.cts}

@@ -1,6 +1,6 @@
-import { n as ColumnMenuConfig } from "./types-ByU4O0Yf.mjs";
-import { ColumnDef } from "@atscript/ui";
+import { n as ColumnMenuConfig } from "./types-BZ0HssRY.cjs";
 import * as vue from "vue";
+import { ColumnDef } from "@atscript/ui";
 import { ColumnWidthEntry, FilterCondition } from "@atscript/ui-table";
 
 //#region src/components/defaults/as-column-menu.vue.d.ts

package/dist/{as-column-menu.vue-u_DNy3f-.d.cts → as-column-menu.vue-Cuelpv3p.d.mts}

@@ -1,6 +1,6 @@
-import { n as ColumnMenuConfig } from "./types-CTMxE_zA.cjs";
-import * as vue from "vue";
+import { n as ColumnMenuConfig } from "./types-CXz-4dPz.mjs";
 import { ColumnDef } from "@atscript/ui";
+import * as vue from "vue";
 import { ColumnWidthEntry, FilterCondition } from "@atscript/ui-table";
 
 //#region src/components/defaults/as-column-menu.vue.d.ts

package/dist/{as-config-dialog-BehfqIGd.mjs → as-config-dialog-BKsm8OHR.mjs}

@@ -1,9 +1,9 @@
-import { a as useTableContext } from "./use-table-state-BxX3SpeW.mjs";
-import { t as useTableComponent } from "./use-table-component-K6xj1obF.mjs";
+import { a as useTableContext } from "./use-table-state-DLJbW753.mjs";
+import { t as useTableComponent } from "./use-table-component-KuzZxAP8.mjs";
 import { t as useSeedOnOpen } from "./use-seed-on-open-DO3A1kIb.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, nextTick, normalizeClass, normalizeProps, openBlock, reactive, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, unref, useModel, vModelText, watch, withCtx, withDirectives, withModifiers } from "vue";
 import { arraysEqual, sortersEqual } from "@atscript/ui-table";
-import { DialogClose, DialogContent, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, ListboxContent, ListboxFilter, ListboxItem, ListboxItemIndicator, ListboxRoot, TabsContent, TabsList, TabsRoot, TabsTrigger } from "reka-ui";
+import { DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, ListboxContent, ListboxFilter, ListboxItem, ListboxItemIndicator, ListboxRoot, TabsContent, TabsList, TabsRoot, TabsTrigger } from "reka-ui";
 //#region src/composables/use-dialog-tab-keyboard.ts
 /**
 * Cmd/Ctrl+digit tab switching for dialogs. Owns the keyboard-handler logic
@@ -556,19 +556,27 @@ var as_config_dialog_default = /* @__PURE__ */ defineComponent({
 						onKeydown: unref(onDialogKeydown)
 					}, {
 						default: withCtx(() => [
-							createElementVNode("div", _hoisted_1, [createVNode(unref(DialogTitle), { class: "as-config-dialog-title" }, {
-								default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode("Table Settings", -1)])]),
-								_: 1
-							}), createVNode(unref(DialogClose), {
-								class: "as-config-dialog-close",
-								"aria-label": "Close"
-							}, {
-								default: withCtx(() => [..._cache[7] || (_cache[7] = [createElementVNode("span", {
-									class: "i-as-close",
-									"aria-hidden": "true"
-								}, null, -1)])]),
-								_: 1
-							})]),
+							createElementVNode("div", _hoisted_1, [
+								createVNode(unref(DialogTitle), { class: "as-config-dialog-title" }, {
+									default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode("Table Settings", -1)])]),
+									_: 1
+								}),
+								createCommentVNode(" Reka requires a description on every DialogContent — without it\n               it logs a warning and leaves `aria-describedby=\"undefined\"` on\n               the surface. The dialog has no visible sub-heading, so the copy\n               is screen-reader-only. "),
+								createVNode(unref(DialogDescription), { class: "sr-only" }, {
+									default: withCtx(() => [..._cache[7] || (_cache[7] = [createTextVNode(" Choose which columns are visible, which fields appear in the filter bar, and the sort order of the table. ", -1)])]),
+									_: 1
+								}),
+								createVNode(unref(DialogClose), {
+									class: "as-config-dialog-close",
+									"aria-label": "Close"
+								}, {
+									default: withCtx(() => [..._cache[8] || (_cache[8] = [createElementVNode("span", {
+										class: "i-as-close",
+										"aria-hidden": "true"
+									}, null, -1)])]),
+									_: 1
+								})
+							]),
 							createVNode(unref(TabsRoot), {
 								modelValue: activeTab.value,
 								"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => activeTab.value = $event),
@@ -582,11 +590,11 @@ var as_config_dialog_default = /* @__PURE__ */ defineComponent({
 												class: "as-config-tab-trigger"
 											}, {
 												default: withCtx(() => [
-													_cache[8] || (_cache[8] = createElementVNode("span", {
+													_cache[9] || (_cache[9] = createElementVNode("span", {
 														class: "as-config-tab-icon i-as-columns",
 														"aria-hidden": "true"
 													}, null, -1)),
-													_cache[9] || (_cache[9] = createTextVNode(" Columns ", -1)),
+													_cache[10] || (_cache[10] = createTextVNode(" Columns ", -1)),
 													createElementVNode("span", { class: normalizeClass(["as-config-tab-count", { "as-config-tab-count-active": activeTab.value === "columns" }]) }, toDisplayString(columnsModel.value.length), 3)
 												]),
 												_: 1
@@ -596,11 +604,11 @@ var as_config_dialog_default = /* @__PURE__ */ defineComponent({
 												class: "as-config-tab-trigger"
 											}, {
 												default: withCtx(() => [
-													_cache[10] || (_cache[10] = createElementVNode("span", {
+													_cache[11] || (_cache[11] = createElementVNode("span", {
 														class: "as-config-tab-icon i-as-filter",
 														"aria-hidden": "true"
 													}, null, -1)),
-													_cache[11] || (_cache[11] = createTextVNode(" Filters ", -1)),
+													_cache[12] || (_cache[12] = createTextVNode(" Filters ", -1)),
 													createElementVNode("span", { class: normalizeClass(["as-config-tab-count", { "as-config-tab-count-active": activeTab.value === "filters" }]) }, toDisplayString(filtersModel.value.length), 3)
 												]),
 												_: 1
@@ -610,11 +618,11 @@ var as_config_dialog_default = /* @__PURE__ */ defineComponent({
 												class: "as-config-tab-trigger"
 											}, {
 												default: withCtx(() => [
-													_cache[12] || (_cache[12] = createElementVNode("span", {
+													_cache[13] || (_cache[13] = createElementVNode("span", {
 														class: "as-config-tab-icon i-as-sorters",
 														"aria-hidden": "true"
 													}, null, -1)),
-													_cache[13] || (_cache[13] = createTextVNode(" Sorters ", -1)),
+													_cache[14] || (_cache[14] = createTextVNode(" Sorters ", -1)),
 													createElementVNode("span", { class: normalizeClass(["as-config-tab-count", { "as-config-tab-count-active": activeTab.value === "sorters" }]) }, toDisplayString(sortersModel.value.length), 3)
 												]),
 												_: 1

package/dist/{as-config-dialog-BOYWPYYH.cjs → as-config-dialog-Bt8oP8qg.cjs}

@@ -1,5 +1,5 @@
-const require_use_table_state = require("./use-table-state-Oi2ds4_a.cjs");
-const require_use_table_component = require("./use-table-component-DO_kvKSf.cjs");
+const require_use_table_state = require("./use-table-state-D6dHOFrA.cjs");
+const require_use_table_component = require("./use-table-component-DlLganVc.cjs");
 const require_use_seed_on_open = require("./use-seed-on-open-Dg9I89fU.cjs");
 let vue = require("vue");
 let _atscript_ui_table = require("@atscript/ui-table");
@@ -556,19 +556,27 @@ var as_config_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 						onKeydown: (0, vue.unref)(onDialogKeydown)
 					}, {
 						default: (0, vue.withCtx)(() => [
-							(0, vue.createElementVNode)("div", _hoisted_1, [(0, vue.createVNode)((0, vue.unref)(reka_ui.DialogTitle), { class: "as-config-dialog-title" }, {
-								default: (0, vue.withCtx)(() => [..._cache[6] || (_cache[6] = [(0, vue.createTextVNode)("Table Settings", -1)])]),
-								_: 1
-							}), (0, vue.createVNode)((0, vue.unref)(reka_ui.DialogClose), {
-								class: "as-config-dialog-close",
-								"aria-label": "Close"
-							}, {
-								default: (0, vue.withCtx)(() => [..._cache[7] || (_cache[7] = [(0, vue.createElementVNode)("span", {
-									class: "i-as-close",
-									"aria-hidden": "true"
-								}, null, -1)])]),
-								_: 1
-							})]),
+							(0, vue.createElementVNode)("div", _hoisted_1, [
+								(0, vue.createVNode)((0, vue.unref)(reka_ui.DialogTitle), { class: "as-config-dialog-title" }, {
+									default: (0, vue.withCtx)(() => [..._cache[6] || (_cache[6] = [(0, vue.createTextVNode)("Table Settings", -1)])]),
+									_: 1
+								}),
+								(0, vue.createCommentVNode)(" Reka requires a description on every DialogContent — without it\n               it logs a warning and leaves `aria-describedby=\"undefined\"` on\n               the surface. The dialog has no visible sub-heading, so the copy\n               is screen-reader-only. "),
+								(0, vue.createVNode)((0, vue.unref)(reka_ui.DialogDescription), { class: "sr-only" }, {
+									default: (0, vue.withCtx)(() => [..._cache[7] || (_cache[7] = [(0, vue.createTextVNode)(" Choose which columns are visible, which fields appear in the filter bar, and the sort order of the table. ", -1)])]),
+									_: 1
+								}),
+								(0, vue.createVNode)((0, vue.unref)(reka_ui.DialogClose), {
+									class: "as-config-dialog-close",
+									"aria-label": "Close"
+								}, {
+									default: (0, vue.withCtx)(() => [..._cache[8] || (_cache[8] = [(0, vue.createElementVNode)("span", {
+										class: "i-as-close",
+										"aria-hidden": "true"
+									}, null, -1)])]),
+									_: 1
+								})
+							]),
 							(0, vue.createVNode)((0, vue.unref)(reka_ui.TabsRoot), {
 								modelValue: activeTab.value,
 								"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => activeTab.value = $event),
@@ -582,11 +590,11 @@ var as_config_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 												class: "as-config-tab-trigger"
 											}, {
 												default: (0, vue.withCtx)(() => [
-													_cache[8] || (_cache[8] = (0, vue.createElementVNode)("span", {
+													_cache[9] || (_cache[9] = (0, vue.createElementVNode)("span", {
 														class: "as-config-tab-icon i-as-columns",
 														"aria-hidden": "true"
 													}, null, -1)),
-													_cache[9] || (_cache[9] = (0, vue.createTextVNode)(" Columns ", -1)),
+													_cache[10] || (_cache[10] = (0, vue.createTextVNode)(" Columns ", -1)),
 													(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(["as-config-tab-count", { "as-config-tab-count-active": activeTab.value === "columns" }]) }, (0, vue.toDisplayString)(columnsModel.value.length), 3)
 												]),
 												_: 1
@@ -596,11 +604,11 @@ var as_config_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 												class: "as-config-tab-trigger"
 											}, {
 												default: (0, vue.withCtx)(() => [
-													_cache[10] || (_cache[10] = (0, vue.createElementVNode)("span", {
+													_cache[11] || (_cache[11] = (0, vue.createElementVNode)("span", {
 														class: "as-config-tab-icon i-as-filter",
 														"aria-hidden": "true"
 													}, null, -1)),
-													_cache[11] || (_cache[11] = (0, vue.createTextVNode)(" Filters ", -1)),
+													_cache[12] || (_cache[12] = (0, vue.createTextVNode)(" Filters ", -1)),
 													(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(["as-config-tab-count", { "as-config-tab-count-active": activeTab.value === "filters" }]) }, (0, vue.toDisplayString)(filtersModel.value.length), 3)
 												]),
 												_: 1
@@ -610,11 +618,11 @@ var as_config_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 												class: "as-config-tab-trigger"
 											}, {
 												default: (0, vue.withCtx)(() => [
-													_cache[12] || (_cache[12] = (0, vue.createElementVNode)("span", {
+													_cache[13] || (_cache[13] = (0, vue.createElementVNode)("span", {
 														class: "as-config-tab-icon i-as-sorters",
 														"aria-hidden": "true"
 													}, null, -1)),
-													_cache[13] || (_cache[13] = (0, vue.createTextVNode)(" Sorters ", -1)),
+													_cache[14] || (_cache[14] = (0, vue.createTextVNode)(" Sorters ", -1)),
 													(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)(["as-config-tab-count", { "as-config-tab-count-active": activeTab.value === "sorters" }]) }, (0, vue.toDisplayString)(sortersModel.value.length), 3)
 												]),
 												_: 1

package/dist/as-config-dialog.cjs

@@ -1,2 +1,2 @@
-const require_as_config_dialog = require("./as-config-dialog-BOYWPYYH.cjs");
+const require_as_config_dialog = require("./as-config-dialog-Bt8oP8qg.cjs");
 module.exports = require_as_config_dialog.as_config_dialog_default;

package/dist/as-config-dialog.mjs

@@ -1,2 +1,2 @@
-import { t as as_config_dialog_default } from "./as-config-dialog-BehfqIGd.mjs";
+import { t as as_config_dialog_default } from "./as-config-dialog-BKsm8OHR.mjs";
 export { as_config_dialog_default as default };

package/dist/{as-confirm-dialog-bpN4A-KN.mjs → as-confirm-dialog-BV01t7dn.mjs}

@@ -1,4 +1,4 @@
-import { a as useTableContext } from "./use-table-state-BxX3SpeW.mjs";
+import { a as useTableContext } from "./use-table-state-DLJbW753.mjs";
 import { computed, createBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
 import { AlertDialogContent, AlertDialogDescription, AlertDialogOverlay, AlertDialogPortal, AlertDialogRoot, AlertDialogTitle } from "reka-ui";
 //#region src/components/defaults/as-confirm-dialog.vue?vue&type=script&setup=true&lang.ts
@@ -16,29 +16,32 @@ var as_confirm_dialog_default = /* @__PURE__ */ defineComponent({
 				if (!val) state.dismissPrompt();
 			}
 		});
-		const req = computed(() => state.confirmRequest.value);
+		const req = state.confirmDisplay;
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(AlertDialogRoot), {
 				open: isOpen.value,
-				"onUpdate:open": _cache[2] || (_cache[2] = ($event) => isOpen.value = $event)
+				"onUpdate:open": _cache[3] || (_cache[3] = ($event) => isOpen.value = $event)
 			}, {
 				default: withCtx(() => [createVNode(unref(AlertDialogPortal), null, {
-					default: withCtx(() => [createVNode(unref(AlertDialogOverlay), { class: "as-confirm-dialog-overlay" }), createVNode(unref(AlertDialogContent), { class: "as-confirm-dialog-content" }, {
+					default: withCtx(() => [createVNode(unref(AlertDialogOverlay), { class: "as-confirm-dialog-overlay" }), createVNode(unref(AlertDialogContent), {
+						class: "as-confirm-dialog-content",
+						onAfterLeave: _cache[2] || (_cache[2] = ($event) => unref(state).releaseConfirm())
+					}, {
 						default: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(unref(AlertDialogTitle), { class: "as-confirm-dialog-title" }, {
-							default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode("Confirmation", -1)])]),
+							default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode("Confirmation", -1)])]),
 							_: 1
 						}), createVNode(unref(AlertDialogDescription), { class: "as-confirm-dialog-body" }, {
-							default: withCtx(() => [createTextVNode(toDisplayString(req.value?.message), 1)]),
+							default: withCtx(() => [createTextVNode(toDisplayString(unref(req)?.message), 1)]),
 							_: 1
 						})]), createElementVNode("div", _hoisted_2, [createElementVNode("button", {
 							type: "button",
 							class: "as-confirm-dialog-cancel",
 							onClick: _cache[0] || (_cache[0] = ($event) => unref(state).dismissPrompt())
-						}, toDisplayString(req.value?.cancelButton ?? "Cancel"), 1), createElementVNode("button", {
+						}, toDisplayString(unref(req)?.cancelButton ?? "Cancel"), 1), createElementVNode("button", {
 							type: "button",
-							class: normalizeClass(["as-confirm-dialog-confirm", req.value?.scope ? `as-confirm-dialog-confirm-${req.value.scope}` : void 0]),
+							class: normalizeClass(["as-confirm-dialog-confirm", unref(req)?.scope ? `as-confirm-dialog-confirm-${unref(req).scope}` : void 0]),
 							onClick: _cache[1] || (_cache[1] = ($event) => unref(state).acceptPrompt())
-						}, toDisplayString(req.value?.confirmButton ?? "Confirm"), 3)])]),
+						}, toDisplayString(unref(req)?.confirmButton ?? "Confirm"), 3)])]),
 						_: 1
 					})]),
 					_: 1

package/dist/{as-confirm-dialog-UwhDHysk.cjs → as-confirm-dialog-Cw7KErhz.cjs}

@@ -1,4 +1,4 @@
-const require_use_table_state = require("./use-table-state-Oi2ds4_a.cjs");
+const require_use_table_state = require("./use-table-state-D6dHOFrA.cjs");
 let vue = require("vue");
 let reka_ui = require("reka-ui");
 //#region src/components/defaults/as-confirm-dialog.vue?vue&type=script&setup=true&lang.ts
@@ -16,29 +16,32 @@ var as_confirm_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
 				if (!val) state.dismissPrompt();
 			}
 		});
-		const req = (0, vue.computed)(() => state.confirmRequest.value);
+		const req = state.confirmDisplay;
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(reka_ui.AlertDialogRoot), {
 				open: isOpen.value,
-				"onUpdate:open": _cache[2] || (_cache[2] = ($event) => isOpen.value = $event)
+				"onUpdate:open": _cache[3] || (_cache[3] = ($event) => isOpen.value = $event)
 			}, {
 				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.AlertDialogPortal), null, {
-					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.AlertDialogOverlay), { class: "as-confirm-dialog-overlay" }), (0, vue.createVNode)((0, vue.unref)(reka_ui.AlertDialogContent), { class: "as-confirm-dialog-content" }, {
+					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(reka_ui.AlertDialogOverlay), { class: "as-confirm-dialog-overlay" }), (0, vue.createVNode)((0, vue.unref)(reka_ui.AlertDialogContent), {
+						class: "as-confirm-dialog-content",
+						onAfterLeave: _cache[2] || (_cache[2] = ($event) => (0, vue.unref)(state).releaseConfirm())
+					}, {
 						default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", _hoisted_1, [(0, vue.createVNode)((0, vue.unref)(reka_ui.AlertDialogTitle), { class: "as-confirm-dialog-title" }, {
-							default: (0, vue.withCtx)(() => [..._cache[3] || (_cache[3] = [(0, vue.createTextVNode)("Confirmation", -1)])]),
+							default: (0, vue.withCtx)(() => [..._cache[4] || (_cache[4] = [(0, vue.createTextVNode)("Confirmation", -1)])]),
 							_: 1
 						}), (0, vue.createVNode)((0, vue.unref)(reka_ui.AlertDialogDescription), { class: "as-confirm-dialog-body" }, {
-							default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(req.value?.message), 1)]),
+							default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(req)?.message), 1)]),
 							_: 1
 						})]), (0, vue.createElementVNode)("div", _hoisted_2, [(0, vue.createElementVNode)("button", {
 							type: "button",
 							class: "as-confirm-dialog-cancel",
 							onClick: _cache[0] || (_cache[0] = ($event) => (0, vue.unref)(state).dismissPrompt())
-						}, (0, vue.toDisplayString)(req.value?.cancelButton ?? "Cancel"), 1), (0, vue.createElementVNode)("button", {
+						}, (0, vue.toDisplayString)((0, vue.unref)(req)?.cancelButton ?? "Cancel"), 1), (0, vue.createElementVNode)("button", {
 							type: "button",
-							class: (0, vue.normalizeClass)(["as-confirm-dialog-confirm", req.value?.scope ? `as-confirm-dialog-confirm-${req.value.scope}` : void 0]),
+							class: (0, vue.normalizeClass)(["as-confirm-dialog-confirm", (0, vue.unref)(req)?.scope ? `as-confirm-dialog-confirm-${(0, vue.unref)(req).scope}` : void 0]),
 							onClick: _cache[1] || (_cache[1] = ($event) => (0, vue.unref)(state).acceptPrompt())
-						}, (0, vue.toDisplayString)(req.value?.confirmButton ?? "Confirm"), 3)])]),
+						}, (0, vue.toDisplayString)((0, vue.unref)(req)?.confirmButton ?? "Confirm"), 3)])]),
 						_: 1
 					})]),
 					_: 1

package/dist/as-confirm-dialog.cjs

@@ -1,2 +1,2 @@
-const require_as_confirm_dialog = require("./as-confirm-dialog-UwhDHysk.cjs");
+const require_as_confirm_dialog = require("./as-confirm-dialog-Cw7KErhz.cjs");
 module.exports = require_as_confirm_dialog.as_confirm_dialog_default;

package/dist/as-confirm-dialog.mjs

@@ -1,2 +1,2 @@
-import { t as as_confirm_dialog_default } from "./as-confirm-dialog-bpN4A-KN.mjs";
+import { t as as_confirm_dialog_default } from "./as-confirm-dialog-BV01t7dn.mjs";
 export { as_confirm_dialog_default as default };