@atscript/vue-form 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,35 @@
+# @atscript/vue-form
+
+Type-driven form rendering for Vue 3 — components and composables that turn an atscript-annotated `.as` type into a fully wired form.
+
+Part of the [atscript-ui](https://github.com/moostjs/atscript-ui) monorepo. Built on [`@atscript/ui`](../ui).
+
+## What it provides
+
+- `<AsForm>`, `<AsField>`, `<AsIterator>` — tier-1 components users tag in templates
+- Default input renderers (`AsInput`, `AsSelect`, `AsCheckbox`, `AsDate`, …) under `@atscript/vue-form/as-*` subpaths — swappable via the `:types` / `:components` prop map
+- Composables: `useAsForm`, `createDefaultTypes`, …
+- Headless: zero design-system assumptions. Styling lives in [`@atscript/ui-styles`](../ui-styles) (UnoCSS) or your own layer.
+
+## Install
+
+```sh
+pnpm add @atscript/vue-form
+```
+
+Peer requirements: `vue@^3`, `reka-ui@^2`, `@atscript/db-client`, `@atscript/ui-fns`.
+
+## Auto-resolved tags (optional)
+
+```ts
+import Components from "unplugin-vue-components/vite";
+import { AsResolver } from "@atscript/ui-styles/vite";
+
+export default {
+  plugins: [Components({ resolvers: [AsResolver()] })],
+};
+```
+
+## License
+
+MIT © Artem Maltsev

package/dist/as-action-71f9E_bL.cjs

@@ -0,0 +1,208 @@
+let vue = require("vue");
+//#endregion
+//#region src/components/defaults/as-action.vue
+var as_action_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-action",
+	props: {
+		onBlur: {
+			type: Function,
+			required: true
+		},
+		error: {
+			type: String,
+			required: false
+		},
+		model: {
+			type: Object,
+			required: true
+		},
+		value: {
+			type: null,
+			required: false
+		},
+		label: {
+			type: String,
+			required: false
+		},
+		description: {
+			type: String,
+			required: false
+		},
+		hint: {
+			type: String,
+			required: false
+		},
+		placeholder: {
+			type: String,
+			required: false
+		},
+		prefixIcon: {
+			type: String,
+			required: false
+		},
+		suffixIcon: {
+			type: String,
+			required: false
+		},
+		class: {
+			type: [Object, String],
+			required: false
+		},
+		style: {
+			type: [Object, String],
+			required: false
+		},
+		optional: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		onToggleOptional: {
+			type: Function,
+			required: false
+		},
+		required: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		readonly: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		type: {
+			type: String,
+			required: true
+		},
+		formAction: {
+			type: Object,
+			required: false
+		},
+		name: {
+			type: String,
+			required: false
+		},
+		field: {
+			type: Object,
+			required: false
+		},
+		options: {
+			type: Array,
+			required: false
+		},
+		maxLength: {
+			type: Number,
+			required: false
+		},
+		autocomplete: {
+			type: String,
+			required: false
+		},
+		title: {
+			type: String,
+			required: false
+		},
+		level: {
+			type: Number,
+			required: false
+		},
+		onRemove: {
+			type: Function,
+			required: false
+		},
+		canRemove: {
+			type: Boolean,
+			required: false
+		},
+		removeLabel: {
+			type: String,
+			required: false
+		},
+		arrayIndex: {
+			type: Number,
+			required: false
+		},
+		path: {
+			type: String,
+			required: true
+		},
+		valueHelp: {
+			type: Object,
+			required: false
+		},
+		singularLabel: {
+			type: String,
+			required: false
+		},
+		inputId: {
+			type: String,
+			required: true
+		},
+		errorId: {
+			type: String,
+			required: true
+		},
+		descId: {
+			type: String,
+			required: true
+		},
+		ariaDescribedBy: {
+			type: String,
+			required: false
+		},
+		currencyCode: {
+			type: String,
+			required: false
+		},
+		unitCode: {
+			type: String,
+			required: false
+		},
+		precisionScale: {
+			type: Number,
+			required: false
+		},
+		prefix: {
+			type: String,
+			required: false
+		},
+		suffix: {
+			type: String,
+			required: false
+		},
+		scale: {
+			type: Number,
+			required: false
+		},
+		hasAdornment: {
+			type: Boolean,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		hidden: {
+			type: Boolean,
+			required: false
+		}
+	},
+	emits: ["action"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)(["as-default-field as-action-field", _ctx.$props.class]) }, [(0, vue.createElementVNode)("button", {
+				type: "button",
+				onClick: _cache[0] || (_cache[0] = ($event) => __props.formAction && emit("action", __props.formAction.id))
+			}, (0, vue.toDisplayString)(__props.formAction?.label), 1)], 2)), [[vue.vShow, !__props.hidden]]);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_action_default", {
+	enumerable: true,
+	get: function() {
+		return as_action_default;
+	}
+});

package/dist/as-action-DU17rykn.mjs

@@ -0,0 +1,203 @@
+import { createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, toDisplayString, vShow, withDirectives } from "vue";
+//#endregion
+//#region src/components/defaults/as-action.vue
+var as_action_default = /* @__PURE__ */ defineComponent({
+	__name: "as-action",
+	props: {
+		onBlur: {
+			type: Function,
+			required: true
+		},
+		error: {
+			type: String,
+			required: false
+		},
+		model: {
+			type: Object,
+			required: true
+		},
+		value: {
+			type: null,
+			required: false
+		},
+		label: {
+			type: String,
+			required: false
+		},
+		description: {
+			type: String,
+			required: false
+		},
+		hint: {
+			type: String,
+			required: false
+		},
+		placeholder: {
+			type: String,
+			required: false
+		},
+		prefixIcon: {
+			type: String,
+			required: false
+		},
+		suffixIcon: {
+			type: String,
+			required: false
+		},
+		class: {
+			type: [Object, String],
+			required: false
+		},
+		style: {
+			type: [Object, String],
+			required: false
+		},
+		optional: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		onToggleOptional: {
+			type: Function,
+			required: false
+		},
+		required: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		readonly: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		type: {
+			type: String,
+			required: true
+		},
+		formAction: {
+			type: Object,
+			required: false
+		},
+		name: {
+			type: String,
+			required: false
+		},
+		field: {
+			type: Object,
+			required: false
+		},
+		options: {
+			type: Array,
+			required: false
+		},
+		maxLength: {
+			type: Number,
+			required: false
+		},
+		autocomplete: {
+			type: String,
+			required: false
+		},
+		title: {
+			type: String,
+			required: false
+		},
+		level: {
+			type: Number,
+			required: false
+		},
+		onRemove: {
+			type: Function,
+			required: false
+		},
+		canRemove: {
+			type: Boolean,
+			required: false
+		},
+		removeLabel: {
+			type: String,
+			required: false
+		},
+		arrayIndex: {
+			type: Number,
+			required: false
+		},
+		path: {
+			type: String,
+			required: true
+		},
+		valueHelp: {
+			type: Object,
+			required: false
+		},
+		singularLabel: {
+			type: String,
+			required: false
+		},
+		inputId: {
+			type: String,
+			required: true
+		},
+		errorId: {
+			type: String,
+			required: true
+		},
+		descId: {
+			type: String,
+			required: true
+		},
+		ariaDescribedBy: {
+			type: String,
+			required: false
+		},
+		currencyCode: {
+			type: String,
+			required: false
+		},
+		unitCode: {
+			type: String,
+			required: false
+		},
+		precisionScale: {
+			type: Number,
+			required: false
+		},
+		prefix: {
+			type: String,
+			required: false
+		},
+		suffix: {
+			type: String,
+			required: false
+		},
+		scale: {
+			type: Number,
+			required: false
+		},
+		hasAdornment: {
+			type: Boolean,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		hidden: {
+			type: Boolean,
+			required: false
+		}
+	},
+	emits: ["action"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return withDirectives((openBlock(), createElementBlock("div", { class: normalizeClass(["as-default-field as-action-field", _ctx.$props.class]) }, [createElementVNode("button", {
+				type: "button",
+				onClick: _cache[0] || (_cache[0] = ($event) => __props.formAction && emit("action", __props.formAction.id))
+			}, toDisplayString(__props.formAction?.label), 1)], 2)), [[vShow, !__props.hidden]]);
+		};
+	}
+});
+//#endregion
+export { as_action_default as t };

package/dist/as-action.cjs

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

package/dist/as-action.d.cts

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

package/dist/as-action.d.mts

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

package/dist/as-action.mjs

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

package/dist/as-action.vue-BdbAOZCL.d.cts

@@ -0,0 +1,13 @@
+import { i as TAsComponentProps } from "./types-C4HRSxgV.cjs";
+import * as vue from "vue";
+
+//#region src/components/defaults/as-action.vue.d.ts
+type __VLS_Props = TAsComponentProps;
+declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
+  action: (name: string) => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
+  onAction?: ((name: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as t };

package/dist/as-action.vue-CmY3eil1.d.mts

@@ -0,0 +1,13 @@
+import { i as TAsComponentProps } from "./types-Czm-Gtud.mjs";
+import * as vue from "vue";
+
+//#region src/components/defaults/as-action.vue.d.ts
+type __VLS_Props = TAsComponentProps;
+declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
+  action: (name: string) => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
+  onAction?: ((name: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default as t };

package/dist/as-adornment-shell-9UmdNIPR.cjs

@@ -0,0 +1,97 @@
+let vue = require("vue");
+//#region src/components/internal/as-adornment-shell.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = ["title"];
+const _hoisted_2 = {
+	key: 1,
+	class: "as-prefix",
+	"aria-hidden": "true"
+};
+const _hoisted_3 = {
+	key: 2,
+	class: "as-suffix",
+	"aria-hidden": "true"
+};
+//#endregion
+//#region src/components/internal/as-adornment-shell.vue
+var as_adornment_shell_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "as-adornment-shell",
+	props: {
+		prefixIcon: {
+			type: String,
+			required: false
+		},
+		prefix: {
+			type: String,
+			required: false
+		},
+		suffix: {
+			type: String,
+			required: false
+		},
+		suffixIcon: {
+			type: String,
+			required: false
+		},
+		error: {
+			type: [
+				Boolean,
+				String,
+				null
+			],
+			required: false
+		},
+		required: {
+			type: Boolean,
+			required: false
+		},
+		title: {
+			type: String,
+			required: false
+		}
+	},
+	setup(__props) {
+		/**
+		* Internal merged-chrome wrapper for adorned inputs. Renders the bordered
+		* `.as-input-shell` container with prefix/suffix icon + text pills around
+		* the slotted input control. Used by AsInput / AsDate / AsDatetime /
+		* AsTime when AsField sees ANY adornment-driving annotation on the field.
+		*
+		* AsNumber / AsDecimal keep their own bespoke shells (`as-number` /
+		* `as-decimal`) because they need extra internals (split integer/decimal
+		* inputs, sign behaviour). The icon span classes (`as-prefix-icon`,
+		* `as-suffix-icon`) are shared across the input family.
+		*
+		* Tier 3 — not exported from the package barrel.
+		*/
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				class: (0, vue.normalizeClass)(["as-input-shell", {
+					error: !!__props.error,
+					required: __props.required
+				}]),
+				title: __props.title
+			}, [
+				__props.prefixIcon ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+					key: 0,
+					class: (0, vue.normalizeClass)(["as-prefix-icon", __props.prefixIcon]),
+					"aria-hidden": "true"
+				}, null, 2)) : (0, vue.createCommentVNode)("v-if", true),
+				__props.prefix ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_2, (0, vue.toDisplayString)(__props.prefix), 1)) : (0, vue.createCommentVNode)("v-if", true),
+				(0, vue.renderSlot)(_ctx.$slots, "default"),
+				__props.suffix ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3, (0, vue.toDisplayString)(__props.suffix), 1)) : (0, vue.createCommentVNode)("v-if", true),
+				__props.suffixIcon ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+					key: 3,
+					class: (0, vue.normalizeClass)(["as-suffix-icon", __props.suffixIcon]),
+					"aria-hidden": "true"
+				}, null, 2)) : (0, vue.createCommentVNode)("v-if", true)
+			], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "as_adornment_shell_default", {
+	enumerable: true,
+	get: function() {
+		return as_adornment_shell_default;
+	}
+});

package/dist/as-adornment-shell-knFiB7Ct.mjs

@@ -0,0 +1,92 @@
+import { createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString } from "vue";
+//#region src/components/internal/as-adornment-shell.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = ["title"];
+const _hoisted_2 = {
+	key: 1,
+	class: "as-prefix",
+	"aria-hidden": "true"
+};
+const _hoisted_3 = {
+	key: 2,
+	class: "as-suffix",
+	"aria-hidden": "true"
+};
+//#endregion
+//#region src/components/internal/as-adornment-shell.vue
+var as_adornment_shell_default = /* @__PURE__ */ defineComponent({
+	__name: "as-adornment-shell",
+	props: {
+		prefixIcon: {
+			type: String,
+			required: false
+		},
+		prefix: {
+			type: String,
+			required: false
+		},
+		suffix: {
+			type: String,
+			required: false
+		},
+		suffixIcon: {
+			type: String,
+			required: false
+		},
+		error: {
+			type: [
+				Boolean,
+				String,
+				null
+			],
+			required: false
+		},
+		required: {
+			type: Boolean,
+			required: false
+		},
+		title: {
+			type: String,
+			required: false
+		}
+	},
+	setup(__props) {
+		/**
+		* Internal merged-chrome wrapper for adorned inputs. Renders the bordered
+		* `.as-input-shell` container with prefix/suffix icon + text pills around
+		* the slotted input control. Used by AsInput / AsDate / AsDatetime /
+		* AsTime when AsField sees ANY adornment-driving annotation on the field.
+		*
+		* AsNumber / AsDecimal keep their own bespoke shells (`as-number` /
+		* `as-decimal`) because they need extra internals (split integer/decimal
+		* inputs, sign behaviour). The icon span classes (`as-prefix-icon`,
+		* `as-suffix-icon`) are shared across the input family.
+		*
+		* Tier 3 — not exported from the package barrel.
+		*/
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(["as-input-shell", {
+					error: !!__props.error,
+					required: __props.required
+				}]),
+				title: __props.title
+			}, [
+				__props.prefixIcon ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass(["as-prefix-icon", __props.prefixIcon]),
+					"aria-hidden": "true"
+				}, null, 2)) : createCommentVNode("v-if", true),
+				__props.prefix ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.prefix), 1)) : createCommentVNode("v-if", true),
+				renderSlot(_ctx.$slots, "default"),
+				__props.suffix ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.suffix), 1)) : createCommentVNode("v-if", true),
+				__props.suffixIcon ? (openBlock(), createElementBlock("span", {
+					key: 3,
+					class: normalizeClass(["as-suffix-icon", __props.suffixIcon]),
+					"aria-hidden": "true"
+				}, null, 2)) : createCommentVNode("v-if", true)
+			], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { as_adornment_shell_default as t };