@atscript/vue-table 0.1.58

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Artem Maltsev <artem@maltsev.nl>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,24 @@
+# @atscript/vue-table
+
+Type-driven table components for Vue 3 — virtualized tables, filter dialogs, column config, preset persistence, all wired from an atscript-annotated `.as` type.
+
+Part of the [atscript-ui](https://github.com/moostjs/atscript-ui) monorepo. Built on [`@atscript/ui`](../ui) and [`@atscript/ui-table`](../ui-table).
+
+## What it provides
+
+- `<AsTable>`, `<AsTableRoot>`, `<AsFilters>` — tier-1 components users tag in templates
+- Default cell renderers (`AsCellDate`, `AsCellNumber`, `AsCellArray`, …) and dialogs (`AsFilterDialog`, `AsConfigDialog`, `AsPresetDialog`) under `@atscript/vue-table/as-*` subpaths
+- Window-virtualized variant (`<AsWindowTable>`) backed by `@tanstack/vue-virtual`
+- Composable: `useAsTable` — provides the model-driven state contract documented in the root CLAUDE.md
+
+## Install
+
+```sh
+pnpm add @atscript/vue-table
+```
+
+Peer requirements: `vue@^3`, `reka-ui@^2`, `@tanstack/vue-virtual@^3`, `@vueuse/core`, `@atscript/db-client`.
+
+## License
+
+MIT © Artem Maltsev

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

@@ -0,0 +1,221 @@
+const require_use_table_state = require("./use-table-state-MU-vuzui.cjs");
+let _atscript_ui = require("@atscript/ui");
+let vue = require("vue");
+let _atscript_db_client = require("@atscript/db-client");
+let _vueuse_core = require("@vueuse/core");
+let reka_ui = require("reka-ui");
+let _atscript_vue_form = require("@atscript/vue-form");
+//#region src/components/defaults/as-action-form-dialog.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "as-action-form-header" };
+const _hoisted_2 = {
+	key: 0,
+	class: "as-action-form-id-more"
+};
+const _hoisted_3 = {
+	"data-id-more": "",
+	class: "as-action-form-id-more"
+};
+const _hoisted_4 = { class: "as-action-form-body" };
+const _hoisted_5 = {
+	key: 1,
+	class: "as-action-form-status"
+};
+const _hoisted_6 = {
+	key: 2,
+	class: "as-action-form-error"
+};
+const _hoisted_7 = {
+	key: 0,
+	class: "as-action-form-footer"
+};
+const MEASURE_CAP = 50;
+//#endregion
+//#region src/components/defaults/as-action-form-dialog.vue
+var as_action_form_dialog_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-action-form-dialog",
+	setup(__props) {
+		const { state, client, formTypes, formComponents } = require_use_table_state.useTableContext();
+		const req = state.actionFormRequest;
+		const open = (0, vue.computed)({
+			get: () => req.value !== null,
+			set: (v) => {
+				if (!v) state.dismissActionForm();
+			}
+		});
+		const def = (0, vue.ref)(null);
+		const formData = (0, vue.ref)(null);
+		const loading = (0, vue.ref)(false);
+		const error = (0, vue.ref)(null);
+		const resolvedTypes = formTypes ?? (0, _atscript_vue_form.createDefaultTypes)();
+		(0, vue.watch)(req, async (next) => {
+			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;
+			}
+			loading.value = true;
+			const stale = () => req.value !== next;
+			try {
+				const annotated = await client.getActionForm(next.action.name);
+				if (stale()) return;
+				if (annotated === null) {
+					error.value = `Form schema "${next.action.inputForm}" not registered on server.`;
+					return;
+				}
+				def.value = (0, _atscript_ui.createFormDef)(annotated);
+				formData.value = (0, _atscript_ui.createFormData)(annotated);
+			} catch (err) {
+				if (stale()) return;
+				error.value = err instanceof Error ? err.message : String(err);
+			} finally {
+				if (!stale()) loading.value = false;
+			}
+		});
+		const formId = `as-action-form-${(0, vue.useId)()}`;
+		const view = (0, vue.computed)(() => {
+			const r = req.value;
+			if (!r) return null;
+			const d = def.value;
+			const ids = r.identifiers;
+			const idTotal = ids.length;
+			const allIds = (idTotal > MEASURE_CAP ? ids.slice(0, MEASURE_CAP) : ids).map((id) => (0, _atscript_db_client.formatIdentifier)(id, r.preferredId));
+			const intent = r.action.intent;
+			const scope = intent ? require_use_table_state.intentToScope(intent) : void 0;
+			return {
+				title: (d ? (0, _atscript_ui.getFieldMeta)(d.type, _atscript_ui.META_LABEL) : void 0) ?? r.action.label ?? r.action.name,
+				submitText: d && (0, _atscript_ui.getFieldMeta)(d.type, _atscript_ui.UI_FORM_SUBMIT_TEXT) || "Proceed",
+				submitClass: scope ? `as-action-form-submit-${scope}` : void 0,
+				description: r.action.description ?? "",
+				allIds,
+				idTotal,
+				needsMeasure: allIds.length > 1
+			};
+		});
+		const idsRef = (0, vue.ref)(null);
+		const measureRef = (0, vue.ref)(null);
+		const visibleIdsCount = (0, vue.ref)(0);
+		function recomputeFit() {
+			const len = view.value?.allIds.length ?? 0;
+			if (len <= 1) {
+				if (visibleIdsCount.value !== len) visibleIdsCount.value = len;
+				return;
+			}
+			const container = idsRef.value;
+			const measure = measureRef.value;
+			if (!container || !measure) return;
+			const containerWidth = container.clientWidth;
+			const chipEls = measure.querySelectorAll("[data-id-chip]");
+			const moreWidth = measure.querySelector("[data-id-more]")?.offsetWidth ?? 0;
+			const styles = window.getComputedStyle(measure);
+			const gap = Number.parseFloat(styles.columnGap || styles.gap || "0") || 0;
+			let used = 0;
+			let count = 0;
+			for (let i = 0; i < chipEls.length; i++) {
+				const chipWidth = chipEls[i].offsetWidth;
+				const next = used + (i === 0 ? 0 : gap) + chipWidth;
+				if (next + (i === chipEls.length - 1 ? 0 : gap + moreWidth) > containerWidth) break;
+				used = next;
+				count++;
+			}
+			if (count !== visibleIdsCount.value) visibleIdsCount.value = count;
+		}
+		(0, _vueuse_core.useResizeObserver)(idsRef, recomputeFit);
+		(0, vue.watch)(() => view.value?.allIds, recomputeFit, { flush: "post" });
+		function onSubmit(payload) {
+			state.acceptActionForm(payload);
+		}
+		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)
+			}, {
+				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)(() => [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" }, {
+									default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)(view.value.title), 1)]),
+									_: 1
+								}),
+								(0, vue.createElementVNode)("div", {
+									ref_key: "idsRef",
+									ref: idsRef,
+									class: "as-action-form-ids"
+								}, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(view.value.allIds.slice(0, visibleIdsCount.value), (id, idx) => {
+									return (0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+										key: idx,
+										class: "as-action-form-id"
+									}, (0, vue.toDisplayString)(id), 1);
+								}), 128)), view.value.idTotal - visibleIdsCount.value > 0 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_2, (0, vue.toDisplayString)(view.value.idTotal - visibleIdsCount.value) + " more…", 1)) : (0, vue.createCommentVNode)("v-if", true)], 512),
+								view.value.needsMeasure ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+									key: 0,
+									ref_key: "measureRef",
+									ref: measureRef,
+									class: "as-action-form-ids-measure",
+									"aria-hidden": "true"
+								}, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(view.value.allIds, (id, idx) => {
+									return (0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+										key: idx,
+										"data-id-chip": "",
+										class: "as-action-form-id"
+									}, (0, vue.toDisplayString)(id), 1);
+								}), 128)), (0, vue.createElementVNode)("span", _hoisted_3, (0, vue.toDisplayString)(view.value.idTotal) + " more…", 1)], 512)) : (0, vue.createCommentVNode)("v-if", true),
+								(0, vue.createVNode)((0, vue.unref)(reka_ui.DialogClose), {
+									type: "button",
+									class: "as-action-form-close",
+									"aria-label": "Close"
+								}, {
+									default: (0, vue.withCtx)(() => [..._cache[2] || (_cache[2] = [(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)]),
+							def.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("footer", _hoisted_7, [(0, vue.createElementVNode)("button", {
+								type: "button",
+								class: "as-action-form-cancel",
+								onClick: _cache[0] || (_cache[0] = ($event) => (0, vue.unref)(state).dismissActionForm())
+							}, " Cancel "), (0, vue.createElementVNode)("button", {
+								type: "submit",
+								form: formId,
+								class: (0, vue.normalizeClass)(["as-action-form-submit", view.value.submitClass])
+							}, (0, vue.toDisplayString)(view.value.submitText), 3)])) : (0, vue.createCommentVNode)("v-if", true)
+						], 64)) : (0, vue.createCommentVNode)("v-if", true)]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["open"]);
+		};
+	}
+});
+//#endregion
+module.exports = as_action_form_dialog_default;

package/dist/as-action-form-dialog.d.cts

@@ -0,0 +1,6 @@
+import * as vue from "vue";
+
+//#region src/components/defaults/as-action-form-dialog.vue.d.ts
+declare const __VLS_export: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export = _default;

package/dist/as-action-form-dialog.d.mts

@@ -0,0 +1,7 @@
+import * as vue from "vue";
+
+//#region src/components/defaults/as-action-form-dialog.vue.d.ts
+declare const __VLS_export: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as default };

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

@@ -0,0 +1,221 @@
+import { a as useTableContext, p as intentToScope } from "./use-table-state-C4JbonEZ.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";
+import { useResizeObserver } from "@vueuse/core";
+import { DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle } from "reka-ui";
+import { AsForm, createDefaultTypes } from "@atscript/vue-form";
+//#region src/components/defaults/as-action-form-dialog.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "as-action-form-header" };
+const _hoisted_2 = {
+	key: 0,
+	class: "as-action-form-id-more"
+};
+const _hoisted_3 = {
+	"data-id-more": "",
+	class: "as-action-form-id-more"
+};
+const _hoisted_4 = { class: "as-action-form-body" };
+const _hoisted_5 = {
+	key: 1,
+	class: "as-action-form-status"
+};
+const _hoisted_6 = {
+	key: 2,
+	class: "as-action-form-error"
+};
+const _hoisted_7 = {
+	key: 0,
+	class: "as-action-form-footer"
+};
+const MEASURE_CAP = 50;
+//#endregion
+//#region src/components/defaults/as-action-form-dialog.vue
+var as_action_form_dialog_default = /* @__PURE__ */ defineComponent({
+	__name: "as-action-form-dialog",
+	setup(__props) {
+		const { state, client, formTypes, formComponents } = useTableContext();
+		const req = state.actionFormRequest;
+		const open = computed({
+			get: () => req.value !== null,
+			set: (v) => {
+				if (!v) state.dismissActionForm();
+			}
+		});
+		const def = ref(null);
+		const formData = ref(null);
+		const loading = ref(false);
+		const error = ref(null);
+		const resolvedTypes = formTypes ?? createDefaultTypes();
+		watch(req, async (next) => {
+			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;
+			}
+			loading.value = true;
+			const stale = () => req.value !== next;
+			try {
+				const annotated = await client.getActionForm(next.action.name);
+				if (stale()) return;
+				if (annotated === null) {
+					error.value = `Form schema "${next.action.inputForm}" not registered on server.`;
+					return;
+				}
+				def.value = createFormDef(annotated);
+				formData.value = createFormData(annotated);
+			} catch (err) {
+				if (stale()) return;
+				error.value = err instanceof Error ? err.message : String(err);
+			} finally {
+				if (!stale()) loading.value = false;
+			}
+		});
+		const formId = `as-action-form-${useId()}`;
+		const view = computed(() => {
+			const r = req.value;
+			if (!r) return null;
+			const d = def.value;
+			const ids = r.identifiers;
+			const idTotal = ids.length;
+			const allIds = (idTotal > MEASURE_CAP ? ids.slice(0, MEASURE_CAP) : ids).map((id) => formatIdentifier(id, r.preferredId));
+			const intent = r.action.intent;
+			const scope = intent ? intentToScope(intent) : void 0;
+			return {
+				title: (d ? getFieldMeta(d.type, META_LABEL) : void 0) ?? r.action.label ?? r.action.name,
+				submitText: d && getFieldMeta(d.type, UI_FORM_SUBMIT_TEXT) || "Proceed",
+				submitClass: scope ? `as-action-form-submit-${scope}` : void 0,
+				description: r.action.description ?? "",
+				allIds,
+				idTotal,
+				needsMeasure: allIds.length > 1
+			};
+		});
+		const idsRef = ref(null);
+		const measureRef = ref(null);
+		const visibleIdsCount = ref(0);
+		function recomputeFit() {
+			const len = view.value?.allIds.length ?? 0;
+			if (len <= 1) {
+				if (visibleIdsCount.value !== len) visibleIdsCount.value = len;
+				return;
+			}
+			const container = idsRef.value;
+			const measure = measureRef.value;
+			if (!container || !measure) return;
+			const containerWidth = container.clientWidth;
+			const chipEls = measure.querySelectorAll("[data-id-chip]");
+			const moreWidth = measure.querySelector("[data-id-more]")?.offsetWidth ?? 0;
+			const styles = window.getComputedStyle(measure);
+			const gap = Number.parseFloat(styles.columnGap || styles.gap || "0") || 0;
+			let used = 0;
+			let count = 0;
+			for (let i = 0; i < chipEls.length; i++) {
+				const chipWidth = chipEls[i].offsetWidth;
+				const next = used + (i === 0 ? 0 : gap) + chipWidth;
+				if (next + (i === chipEls.length - 1 ? 0 : gap + moreWidth) > containerWidth) break;
+				used = next;
+				count++;
+			}
+			if (count !== visibleIdsCount.value) visibleIdsCount.value = count;
+		}
+		useResizeObserver(idsRef, recomputeFit);
+		watch(() => view.value?.allIds, recomputeFit, { flush: "post" });
+		function onSubmit(payload) {
+			state.acceptActionForm(payload);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DialogRoot), {
+				open: open.value,
+				"onUpdate:open": _cache[1] || (_cache[1] = ($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(() => [view.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+							createElementVNode("header", _hoisted_1, [
+								createVNode(unref(DialogTitle), { class: "as-action-form-title" }, {
+									default: withCtx(() => [createTextVNode(toDisplayString(view.value.title), 1)]),
+									_: 1
+								}),
+								createElementVNode("div", {
+									ref_key: "idsRef",
+									ref: idsRef,
+									class: "as-action-form-ids"
+								}, [(openBlock(true), createElementBlock(Fragment, null, renderList(view.value.allIds.slice(0, visibleIdsCount.value), (id, idx) => {
+									return openBlock(), createElementBlock("span", {
+										key: idx,
+										class: "as-action-form-id"
+									}, toDisplayString(id), 1);
+								}), 128)), view.value.idTotal - visibleIdsCount.value > 0 ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(view.value.idTotal - visibleIdsCount.value) + " more…", 1)) : createCommentVNode("v-if", true)], 512),
+								view.value.needsMeasure ? (openBlock(), createElementBlock("div", {
+									key: 0,
+									ref_key: "measureRef",
+									ref: measureRef,
+									class: "as-action-form-ids-measure",
+									"aria-hidden": "true"
+								}, [(openBlock(true), createElementBlock(Fragment, null, renderList(view.value.allIds, (id, idx) => {
+									return openBlock(), createElementBlock("span", {
+										key: idx,
+										"data-id-chip": "",
+										class: "as-action-form-id"
+									}, toDisplayString(id), 1);
+								}), 128)), createElementVNode("span", _hoisted_3, toDisplayString(view.value.idTotal) + " more…", 1)], 512)) : createCommentVNode("v-if", true),
+								createVNode(unref(DialogClose), {
+									type: "button",
+									class: "as-action-form-close",
+									"aria-label": "Close"
+								}, {
+									default: withCtx(() => [..._cache[2] || (_cache[2] = [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)]),
+							def.value ? (openBlock(), createElementBlock("footer", _hoisted_7, [createElementVNode("button", {
+								type: "button",
+								class: "as-action-form-cancel",
+								onClick: _cache[0] || (_cache[0] = ($event) => unref(state).dismissActionForm())
+							}, " Cancel "), createElementVNode("button", {
+								type: "submit",
+								form: formId,
+								class: normalizeClass(["as-action-form-submit", view.value.submitClass])
+							}, toDisplayString(view.value.submitText), 3)])) : createCommentVNode("v-if", true)
+						], 64)) : createCommentVNode("v-if", true)]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["open"]);
+		};
+	}
+});
+//#endregion
+export { as_action_form_dialog_default as default };

package/dist/as-action-menu-content-CXsdPn42.mjs

@@ -0,0 +1,104 @@
+import { f as intentClass, l as ariaLabelFor } from "./use-table-state-C4JbonEZ.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
+//#region src/components/internal/as-action-menu-item.vue
+var as_action_menu_item_default = /* @__PURE__ */ defineComponent({
+	__name: "as-action-menu-item",
+	props: {
+		action: {
+			type: Object,
+			required: true
+		},
+		prefix: {
+			type: String,
+			required: true
+		},
+		default: {
+			type: Boolean,
+			required: false
+		}
+	},
+	emits: ["select"],
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DropdownMenuItem), {
+				class: normalizeClass([`${__props.prefix}-menu-item`, unref(intentClass)(__props.prefix, __props.action)]),
+				"data-default": props.default || void 0,
+				"aria-label": unref(ariaLabelFor)(__props.action),
+				onSelect: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("select", $event))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", { action: __props.action }, () => [__props.action.icon ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass([`${__props.prefix}-menu-item-icon`, __props.action.icon]),
+					"aria-hidden": "true"
+				}, null, 2)) : createCommentVNode("v-if", true), createElementVNode("span", { class: normalizeClass(`${__props.prefix}-menu-item-label`) }, toDisplayString(__props.action.label || __props.action.name), 3)])]),
+				_: 3
+			}, 8, [
+				"class",
+				"data-default",
+				"aria-label"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/internal/as-action-menu-content.vue
+var as_action_menu_content_default = /* @__PURE__ */ defineComponent({
+	__name: "as-action-menu-content",
+	props: {
+		groups: {
+			type: Array,
+			required: true
+		},
+		defaultMarker: {
+			type: Object,
+			required: false
+		},
+		prefix: {
+			type: String,
+			required: true
+		}
+	},
+	emits: ["select"],
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const visibleGroups = computed(() => props.groups.filter((g) => g.length > 0));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DropdownMenuContent), {
+				class: normalizeClass(`${__props.prefix}-menu`),
+				"side-offset": 4,
+				align: "end"
+			}, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(visibleGroups.value, (group, gIdx) => {
+					return openBlock(), createElementBlock(Fragment, { key: gIdx }, [gIdx > 0 ? (openBlock(), createBlock(unref(DropdownMenuSeparator), {
+						key: 0,
+						class: normalizeClass(`${__props.prefix}-menu-separator`)
+					}, null, 8, ["class"])) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(group, (action, aIdx) => {
+						return openBlock(), createBlock(as_action_menu_item_default, {
+							key: `${gIdx}-${action.name}-${aIdx}`,
+							action,
+							prefix: __props.prefix,
+							default: action === __props.defaultMarker,
+							onSelect: ($event) => _ctx.$emit("select", action, $event)
+						}, createSlots({ _: 2 }, [unref(slots)["menu-item"] ? {
+							name: "default",
+							fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "menu-item", { action: slotProps.action })]),
+							key: "0"
+						} : void 0]), 1032, [
+							"action",
+							"prefix",
+							"default",
+							"onSelect"
+						]);
+					}), 128))], 64);
+				}), 128))]),
+				_: 3
+			}, 8, ["class"]);
+		};
+	}
+});
+//#endregion
+export { as_action_menu_content_default as t };