@stonecrop/aform 0.13.12 → 0.14.0

package/dist/src/index.d.ts

@@ -2,7 +2,6 @@ export type * from '@stonecrop/atable/types';
 export { deserializeFunction } from './utils/deserialize';
 import type { App } from 'vue';
 import ACheckbox from './components/form/ACheckbox.vue';
-import AComboBox from './components/form/AComboBox.vue';
 import ADate from './components/form/ADate.vue';
 import ADropdown from './components/form/ADropdown.vue';
 import ADatePicker from './components/form/ADatePicker.vue';
@@ -16,6 +15,7 @@ import AForm from './components/AForm.vue';
 import AFormLink from './components/form/AFormLink.vue';
 import ANumericInput from './components/form/ANumericInput.vue';
 import ATextInput from './components/form/ATextInput.vue';
+import ATextarea from './components/form/ATextarea.vue';
 import Login from './components/utilities/Login.vue';
 export type * from './types';
 /**
@@ -24,5 +24,5 @@ export type * from './types';
  * @public
  */
 declare function install(app: App): void;
-export { ACheckbox, AComboBox, ADate, ADropdown, ADatePicker, ADateRange, ADateSelection, ADuration, ADateTime, AFieldset, AFileAttach, AForm, AFormLink, ANumericInput, ATextInput, Login, install, };
+export { ACheckbox, ADate, ADropdown, ADatePicker, ADateRange, ADateSelection, ADuration, ADateTime, AFieldset, AFileAttach, AForm, AFormLink, ANumericInput, ATextInput, ATextarea, Login, install, };
 //# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,yBAAyB,CAAA;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAEzD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAE9B,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,KAAK,MAAM,6BAA6B,CAAA;AAC/C,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,WAAW,MAAM,mCAAmC,CAAA;AAC3D,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,cAAc,MAAM,sCAAsC,CAAA;AACjE,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,UAAU,MAAM,kCAAkC,CAAA;AACzD,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,WAAW,MAAM,mCAAmC,CAAA;AAC3D,OAAO,KAAK,MAAM,wBAAwB,CAAA;AAC1C,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,aAAa,MAAM,qCAAqC,CAAA;AAC/D,OAAO,UAAU,MAAM,kCAAkC,CAAA;AACzD,OAAO,KAAK,MAAM,kCAAkC,CAAA;AACpD,mBAAmB,SAAS,CAAA;AAE5B;;;;GAIG;AACH,iBAAS,OAAO,CAAC,GAAG,EAAE,GAAG,QAkBxB;AAED,OAAO,EACN,SAAS,EACT,SAAS,EACT,KAAK,EACL,SAAS,EACT,WAAW,EACX,UAAU,EACV,cAAc,EACd,SAAS,EACT,SAAS,EACT,SAAS,EACT,WAAW,EACX,KAAK,EACL,SAAS,EACT,aAAa,EACb,UAAU,EACV,KAAK,EACL,OAAO,GACP,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,yBAAyB,CAAA;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAEzD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAE9B,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,KAAK,MAAM,6BAA6B,CAAA;AAC/C,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,WAAW,MAAM,mCAAmC,CAAA;AAC3D,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,cAAc,MAAM,sCAAsC,CAAA;AACjE,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,UAAU,MAAM,kCAAkC,CAAA;AACzD,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,WAAW,MAAM,mCAAmC,CAAA;AAC3D,OAAO,KAAK,MAAM,wBAAwB,CAAA;AAC1C,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,aAAa,MAAM,qCAAqC,CAAA;AAC/D,OAAO,UAAU,MAAM,kCAAkC,CAAA;AACzD,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,KAAK,MAAM,kCAAkC,CAAA;AACpD,mBAAmB,SAAS,CAAA;AAE5B;;;;GAIG;AACH,iBAAS,OAAO,CAAC,GAAG,EAAE,GAAG,QAkBxB;AAED,OAAO,EACN,SAAS,EACT,KAAK,EACL,SAAS,EACT,WAAW,EACX,UAAU,EACV,cAAc,EACd,SAAS,EACT,SAAS,EACT,SAAS,EACT,WAAW,EACX,KAAK,EACL,SAAS,EACT,aAAa,EACb,UAAU,EACV,SAAS,EACT,KAAK,EACL,OAAO,GACP,CAAA"}

package/dist/src/index.js

@@ -1,7 +1,6 @@
 export { deserializeFunction } from './utils/deserialize';
 import { install as installATable } from '@stonecrop/atable';
 import ACheckbox from './components/form/ACheckbox.vue';
-import AComboBox from './components/form/AComboBox.vue';
 import ADate from './components/form/ADate.vue';
 import ADropdown from './components/form/ADropdown.vue';
 import ADatePicker from './components/form/ADatePicker.vue';
@@ -15,6 +14,7 @@ import AForm from './components/AForm.vue';
 import AFormLink from './components/form/AFormLink.vue';
 import ANumericInput from './components/form/ANumericInput.vue';
 import ATextInput from './components/form/ATextInput.vue';
+import ATextarea from './components/form/ATextarea.vue';
 import Login from './components/utilities/Login.vue';
 /**
  * Install all AForm components
@@ -24,7 +24,6 @@ import Login from './components/utilities/Login.vue';
 function install(app /* options */) {
     app.use(installATable); // Install ATable components for use within AForm
     app.component('ACheckbox', ACheckbox);
-    app.component('AComboBox', AComboBox);
     app.component('ADate', ADate);
     app.component('ADropdown', ADropdown);
     app.component('ADatePicker', ADatePicker);
@@ -37,6 +36,7 @@ function install(app /* options */) {
     app.component('AFormLink', AFormLink);
     app.component('ANumericInput', ANumericInput);
     app.component('ATextInput', ATextInput);
+    app.component('ATextarea', ATextarea);
     app.component('ADuration', ADuration);
 }
-export { ACheckbox, AComboBox, ADate, ADropdown, ADatePicker, ADateRange, ADateSelection, ADuration, ADateTime, AFieldset, AFileAttach, AForm, AFormLink, ANumericInput, ATextInput, Login, install, };
+export { ACheckbox, ADate, ADropdown, ADatePicker, ADateRange, ADateSelection, ADuration, ADateTime, AFieldset, AFileAttach, AForm, AFormLink, ANumericInput, ATextInput, ATextarea, Login, install, };

package/dist/src/types/index.d.ts

@@ -47,6 +47,14 @@ export interface ResolvedLink {
  * A resolved table — either from a Link with `noneOrMany`/`atLeastOne` cardinality,
  * or from an inline TableField. ATable receives columns via `:schema` (ColumnSchema[])
  * and row data via `:rows` from formData at render time.
+ *
+ * Note the key rename: an authoring `TableField` declares its columns under `columns`;
+ * `resolveSchema` moves them to `schema` here, because `schema` is the ATable prop that
+ * runs `schemaToColumns()` (ATable's own `columns` prop means already-converted
+ * `TableColumn[]`). A hand-authored table must therefore use `schema`, not `columns`.
+ *
+ * Rows are never part of the schema. AForm sources them from the data model at
+ * `dataModel[fieldname]`, so a `rows` key placed on this object is ignored.
  * @public
  */
 export interface ResolvedTable {
@@ -96,9 +104,13 @@ export interface ResolvedFieldset {
     schema: ResolvedField[];
 }
 /**
- * The discriminated union of all resolved field types — what AForm consumes
- * after `resolveSchema()` has transformed the authoring `DoctypeField[]`.
+ * The discriminated union of all resolved field types — what AForm consumes,
+ * usually after `resolveSchema()` has transformed the authoring `DoctypeField[]`,
+ * but also valid hand-authored for view chrome with no backing doctype.
  * Narrowed by `kind`: `'field'` | `'link'` | `'table'` | `'fieldset'`.
+ *
+ * `kind` is required — AForm dispatches on it alone and does not infer a field's
+ * type from its structure.
  * @public
  */
 export type ResolvedField = ResolvedScalar | ResolvedLink | ResolvedTable | ResolvedFieldset;
@@ -153,6 +165,13 @@ export type ComponentProps = {
         errorMessage: string;
         [key: string]: any;
     };
+    /**
+     * Inline validation error messages to display on this field. Fed by the host
+     * (e.g. mapped from the core validation store) — the renderer stays dumb and just
+     * shows what it is given. Takes precedence over the static `validation.errorMessage`.
+     * @public
+     */
+    errors?: string[];
 };
 /**
  * The value shape for AFormLink — a linked document reference with optional display text

package/dist/src/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"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"}

package/dist/theme/login.css

@@ -0,0 +1 @@
+@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stonecrop/aform",
-  "version": "0.13.12",
+  "version": "0.14.0",
   "license": "MIT",
   "type": "module",
   "author": {
@@ -35,10 +35,10 @@
   "dependencies": {
     "@vueuse/core": "^14.2.1",
     "@vueuse/components": "^14.2.1",
-    "@stonecrop/atable": "0.13.12",
-    "@stonecrop/schema": "0.13.12",
-    "@stonecrop/utilities": "0.13.12",
-    "@stonecrop/themes": "0.13.12"
+    "@stonecrop/atable": "0.14.0",
+    "@stonecrop/schema": "0.14.0",
+    "@stonecrop/utilities": "0.14.0",
+    "@stonecrop/themes": "0.14.0"
   },
   "peerDependencies": {
     "pinia": "^3.0.4",
@@ -62,6 +62,7 @@
     "vitest": "^4.1.5",
     "vue": "^3.5.33",
     "vue-router": "^5.0.6",
+    "vue-tsc": "^3.3.6",
     "stonecrop-rig": "0.7.0"
   },
   "publishConfig": {
@@ -79,6 +80,7 @@
     "lint:fix": "oxlint --fix",
     "preview": "vite preview",
     "test": "vitest run --coverage.enabled false",
+    "test:types": "vue-tsc --noEmit",
     "test:watch": "vitest watch",
     "test:coverage": "vitest run --coverage",
     "test:ui": "vitest --ui"

package/src/components/AForm.vue

@@ -14,6 +14,7 @@
 					:schema="componentObj.schema"
 					:label="componentObj.label"
 					:collapsible="componentObj.kind === 'fieldset' ? componentObj.collapsible : undefined"
+					:errors="errors"
 					@update:data="(val: any) => updateNestedData(componentObj.fieldname, val)" />
 			</div>
 
@@ -26,6 +27,7 @@
 				:schema="componentObj"
 				:data="dataModel[componentObj.fieldname]"
 				:mode="resolvedMode(componentObj)"
+				:errors="errors?.[componentObj.fieldname]"
 				v-bind="componentProps(componentObj)">
 			</component>
 		</template>
@@ -40,7 +42,16 @@ import type { InteractionMode } from '@stonecrop/schema'
 
 const emit = defineEmits(['update:schema', 'update:data'])
 const dataModel = defineModel<Record<string, any>>('data', { required: true })
-const { schema, mode = 'edit' } = defineProps<{ schema: ResolvedField[]; mode?: InteractionMode }>()
+const {
+	schema,
+	mode = 'edit',
+	errors,
+} = defineProps<{
+	schema: ResolvedField[]
+	mode?: InteractionMode
+	/** Inline validation errors keyed by fieldname. Fed by the host; the form stays store-agnostic. */
+	errors?: Record<string, string[]>
+}>()
 
 const isNestedSection = (componentObj: ResolvedField): componentObj is ResolvedLink | ResolvedFieldset =>
 	(componentObj.kind === 'link' || componentObj.kind === 'fieldset') &&
@@ -83,14 +94,15 @@ const componentProps = (componentObj: ResolvedField) => {
 	for (const [key, value] of Object.entries(componentObj)) {
 		// 'mode' is excluded here because it is handled by resolvedMode()
 		// and passed explicitly via :mode to avoid conflicting with the form-level defaults.
-		if (!['component', 'fieldtype', 'hidden', 'mode', 'width'].includes(key)) {
+		if (!['component', 'primaryKey', 'computed', 'language', 'hidden', 'mode', 'width'].includes(key)) {
 			propsToPass[key] = value
 		}
 	}
 
-	// kind: 'table' is the canonical check; 'columns' in componentObj is a structural fallback
-	// for schemas passed directly to AForm without going through the registry.
-	if (componentObj.kind === 'table' || 'columns' in componentObj) {
+	// A table sources its rows from the data model, never from the schema. `kind` is the only
+	// check: every path into AForm sets it (Zod's injectKind, Doctype.fromObject's
+	// normalizeFieldKind, and the registry), and hand-built ResolvedTable literals declare it.
+	if (componentObj.kind === 'table') {
 		propsToPass['rows'] = dataModel.value[componentObj.fieldname] || []
 	}
 
@@ -228,9 +240,9 @@ const childModels = computed(() => childModelsCache.value)
 	line-height: normal;
 }
 p.aform_error {
-	display: block;
+	/* v-show toggles visibility per field; base display must be visible (was stuck at `none`,
+	   which overrode v-show and left every field error dormant). */
 	display: inline-block;
-	display: none;
 	background: linear-gradient(var(--sc-form-background) 50%, var(--sc-input-field-background) 50%);
 	padding: 0 0.25rem;
 	margin: 0rem;
@@ -249,7 +261,6 @@ p.aform_error {
 </style>
 
 <style scoped>
-/* @import url('@stonecrop/themes/default.css'); */
 .aform {
 	display: flex;
 	flex-wrap: wrap;

package/src/components/form/ACheckbox.vue

@@ -15,17 +15,21 @@
 					:disabled="mode === 'read'"
 					:required="required" />
 			</span>
-			<p v-show="validation.errorMessage" class="aform_error" v-html="validation.errorMessage"></p>
+			<p v-show="errorText" class="aform_error" v-html="errorText"></p>
 		</template>
 	</div>
 </template>
 
 <script setup lang="ts">
-import { InputHTMLAttributes } from 'vue'
+import { computed, InputHTMLAttributes } from 'vue'
 
 import { ComponentProps } from '../../types'
 
-const { label, required, mode, uuid, validation = { errorMessage: '&nbsp;' } } = defineProps<ComponentProps>()
+const { label, required, mode, uuid, errors, validation = { errorMessage: '' } } = defineProps<ComponentProps>()
+
+// Dynamic trigger errors take precedence over a static schema errorMessage; empty means the slot hides.
+const errorText = computed(() => (errors?.length ? errors.join('; ') : (validation.errorMessage ?? '')))
+
 const checkbox = defineModel<InputHTMLAttributes['checked']>()
 </script>
 

package/src/components/form/ADate.vue

@@ -20,7 +20,7 @@
 					}
 				" />
 			<label :for="uuid">{{ label }}</label>
-			<p v-show="validation.errorMessage" v-html="validation.errorMessage"></p>
+			<p v-show="errorText" v-html="errorText"></p>
 			<ADateSelection
 				v-if="showPicker"
 				ref="picker"
@@ -39,7 +39,17 @@ import { onClickOutside } from '@vueuse/core'
 import ADateSelection from './ADateSelection.vue'
 import type { ComponentProps } from '../../types'
 
-const { label = 'Date', required, mode, uuid, validation = { errorMessage: '&nbsp;' } } = defineProps<ComponentProps>()
+const {
+	label = 'Date',
+	required,
+	mode,
+	uuid,
+	errors,
+	validation = { errorMessage: '' },
+} = defineProps<ComponentProps>()
+
+// Dynamic trigger errors take precedence over a static schema errorMessage; empty means the slot hides.
+const errorText = computed(() => (errors?.length ? errors.join('; ') : (validation.errorMessage ?? '')))
 
 const modelValue = defineModel<string | Date>()
 

package/src/components/form/ADatePicker.vue

@@ -2,74 +2,78 @@
 	<template v-if="mode === 'display' || mode === 'read'">
 		<span class="aform_display-value">{{ date ? new Date(date).toLocaleDateString() : '' }}</span>
 		<label v-if="label">{{ label }}</label>
+		<p v-show="errorText" class="aform_error" v-html="errorText"></p>
+	</template>
+	<template v-else>
+		<div ref="datepicker" class="adatepicker" tabindex="0">
+			<table>
+				<tbody>
+					<tr>
+						<td id="previous-month-btn" :tabindex="-1" @click="previousMonth">&lt;</td>
+						<th colspan="5" :tabindex="-1">{{ monthAndYear }}</th>
+						<td id="next-month-btn" :tabindex="-1" @click="nextMonth">&gt;</td>
+					</tr>
+					<tr v-if="selectRange">
+						<td colspan="7">
+							<div class="date-input">
+								<input
+									ref="start-date-input"
+									:value="getStartDate"
+									class="date-input-start aform_input-field"
+									type="text"
+									placeholder="start date"
+									@blur="enterInputDate()"
+									@keydown="enterDate" />
+								<div>-</div>
+								<input
+									ref="end-date-input"
+									:value="getEndDate"
+									class="date-input-end aform_input-field"
+									type="text"
+									placeholder="end date"
+									@blur="enterInputDate()"
+									@keydown="enterDate" />
+							</div>
+							<!-- {{ formattedDateRange }} -->
+						</td>
+					</tr>
+					<tr class="days-header">
+						<td>M</td>
+						<td>T</td>
+						<td>W</td>
+						<td>T</td>
+						<td>F</td>
+						<td>S</td>
+						<td>S</td>
+					</tr>
+					<tr v-for="rowNo in numberOfRows" :key="rowNo">
+						<!-- the 'ref' key is currently only used for test references -->
+						<td
+							v-for="colNo in numberOfColumns"
+							ref="celldate"
+							:key="getCurrentCell(rowNo, colNo)"
+							class="date-cell"
+							:contenteditable="false"
+							:spellcheck="false"
+							:tabindex="0"
+							:class="{
+								todaysDate: isTodaysDate(getCurrentDate(rowNo, colNo)),
+								selectedDate: isSelectedDate(getCurrentDate(rowNo, colNo)),
+								withinRange: selectRange ? isInDateRange(getCurrentDate(rowNo, colNo)) : false,
+								startDate: selectRange ? isStartDate(getCurrentDate(rowNo, colNo)) : false,
+								endDate: selectRange ? isEndDate(getCurrentDate(rowNo, colNo)) : false,
+							}"
+							@click.prevent.stop="selectDate(getCurrentCell(rowNo, colNo))"
+							@keydown.enter="selectDate(getCurrentCell(rowNo, colNo))"
+							@mouseover="hoverDate(getCurrentCell(rowNo, colNo))">
+							{{ new Date(getCurrentDate(rowNo, colNo)).getDate() }}
+						</td>
+					</tr>
+				</tbody>
+			</table>
+		</div>
+		<p v-show="errorText" class="aform_error" v-html="errorText"></p>
 	</template>
-	<div v-else ref="datepicker" class="adatepicker" tabindex="0">
-		<table>
-			<tbody>
-				<tr>
-					<td id="previous-month-btn" :tabindex="-1" @click="previousMonth">&lt;</td>
-					<th colspan="5" :tabindex="-1">{{ monthAndYear }}</th>
-					<td id="next-month-btn" :tabindex="-1" @click="nextMonth">&gt;</td>
-				</tr>
-				<tr v-if="selectRange">
-					<td colspan="7">
-						<div class="date-input">
-							<input
-								ref="start-date-input"
-								:value="getStartDate"
-								class="date-input-start aform_input-field"
-								type="text"
-								placeholder="start date"
-								@blur="enterInputDate()"
-								@keydown="enterDate" />
-							<div>-</div>
-							<input
-								ref="end-date-input"
-								:value="getEndDate"
-								class="date-input-end aform_input-field"
-								type="text"
-								placeholder="end date"
-								@blur="enterInputDate()"
-								@keydown="enterDate" />
-						</div>
-						<!-- {{ formattedDateRange }} -->
-					</td>
-				</tr>
-				<tr class="days-header">
-					<td>M</td>
-					<td>T</td>
-					<td>W</td>
-					<td>T</td>
-					<td>F</td>
-					<td>S</td>
-					<td>S</td>
-				</tr>
-				<tr v-for="rowNo in numberOfRows" :key="rowNo">
-					<!-- the 'ref' key is currently only used for test references -->
-					<td
-						v-for="colNo in numberOfColumns"
-						ref="celldate"
-						:key="getCurrentCell(rowNo, colNo)"
-						class="date-cell"
-						:contenteditable="false"
-						:spellcheck="false"
-						:tabindex="0"
-						:class="{
-							todaysDate: isTodaysDate(getCurrentDate(rowNo, colNo)),
-							selectedDate: isSelectedDate(getCurrentDate(rowNo, colNo)),
-							withinRange: selectRange ? isInDateRange(getCurrentDate(rowNo, colNo)) : false,
-							startDate: selectRange ? isStartDate(getCurrentDate(rowNo, colNo)) : false,
-							endDate: selectRange ? isEndDate(getCurrentDate(rowNo, colNo)) : false,
-						}"
-						@click.prevent.stop="selectDate(getCurrentCell(rowNo, colNo))"
-						@keydown.enter="selectDate(getCurrentCell(rowNo, colNo))"
-						@mouseover="hoverDate(getCurrentCell(rowNo, colNo))">
-						{{ new Date(getCurrentDate(rowNo, colNo)).getDate() }}
-					</td>
-				</tr>
-			</tbody>
-		</table>
-	</div>
 </template>
 
 <script setup lang="ts">
@@ -82,7 +86,10 @@ import type { ComponentProps } from '../../types'
 const numberOfRows = 6
 const numberOfColumns = 7
 
-const { mode, label, selectRange = false } = defineProps<ComponentProps>()
+const { mode, label, selectRange = false, errors, validation = { errorMessage: '' } } = defineProps<ComponentProps>()
+
+// Dynamic trigger errors take precedence over a static schema errorMessage; empty means the slot hides.
+const errorText = computed(() => (errors?.length ? errors.join('; ') : (validation.errorMessage ?? '')))
 
 const date = defineModel<number | Date>({ default: new Date() })
 const selectedDate = ref(new Date(date.value))
@@ -351,7 +358,6 @@ defineExpose({ currentMonth, currentYear, selectedDate })
 </script>
 
 <style scoped>
-/* @import url('@stonecrop/themes/default.css'); */
 .adatepicker {
 	font-size: var(--sc-table-font-size);
 	display: inline-table;
@@ -432,4 +438,14 @@ defineExpose({ currentMonth, currentYear, selectedDate })
 	width: 50%;
 	padding: 2px;
 }
+
+/* Keep the field error in-flow below the calendar. The shared .aform_error is absolutely
+   positioned against a .aform_form-element anchor, which this grid component does not use. */
+p.aform_error {
+	position: static;
+	display: block;
+	color: var(--sc-brand-danger, red);
+	font-size: 0.7rem;
+	margin: 0.25rem 0 0;
+}
 </style>

package/src/components/form/ADateRange.vue

@@ -17,7 +17,7 @@
 				@click="openPicker" />
 			<label :for="uuid">{{ label }}</label>
 
-			<p v-show="validation.errorMessage" v-html="validation.errorMessage"></p>
+			<p v-show="errorText" v-html="errorText"></p>
 
 			<ADateSelection
 				v-if="showPicker"
@@ -38,7 +38,10 @@ import type { ComponentProps } from '../../types'
 
 const fmt = (d: string) => new Date(d).toLocaleDateString()
 
-const { label = 'Date Range', mode, uuid, validation = { errorMessage: '&nbsp;' } } = defineProps<ComponentProps>()
+const { label = 'Date Range', mode, uuid, errors, validation = { errorMessage: '' } } = defineProps<ComponentProps>()
+
+// Dynamic trigger errors take precedence over a static schema errorMessage; empty means the slot hides.
+const errorText = computed(() => (errors?.length ? errors.join('; ') : (validation.errorMessage ?? '')))
 
 export interface DateRangeValue {
 	start_date: string | null

package/src/components/form/ADropdown.vue

@@ -2,6 +2,7 @@
 	<div v-if="mode === 'display'" class="input-wrapper">
 		<span class="aform_display-value">{{ search ?? '' }}</span>
 		<label>{{ label }}</label>
+		<p v-show="errorText" class="aform_error" v-html="errorText"></p>
 	</div>
 	<div v-else v-on-click-outside="onClickOutside" class="autocomplete" :class="{ isOpen: dropdown.open }">
 		<div class="input-wrapper">
@@ -31,12 +32,13 @@
 			</ul>
 			<label>{{ label }}</label>
 		</div>
+		<p v-show="errorText" class="aform_error" v-html="errorText"></p>
 	</div>
 </template>
 
 <script setup lang="ts">
 import { vOnClickOutside } from '@vueuse/components'
-import { reactive, ref } from 'vue'
+import { computed, reactive, ref } from 'vue'
 
 import type { ComponentProps } from '../../types'
 
@@ -46,6 +48,8 @@ const {
 	isAsync = false,
 	filterFunction = undefined,
 	mode,
+	errors,
+	validation = { errorMessage: '' },
 } = defineProps<
 	ComponentProps & {
 		options?: string[]
@@ -53,6 +57,9 @@ const {
 		filterFunction?: (search: string) => string[] | Promise<string[]>
 	}
 >()
+
+// Dynamic trigger errors take precedence over a static schema errorMessage; empty means the slot hides.
+const errorText = computed(() => (errors?.length ? errors.join('; ') : (validation.errorMessage ?? '')))
 const search = defineModel<string>()
 
 // tracks the last explicitly-committed value so outside-click reverts instead of clears
@@ -219,4 +226,14 @@ label {
 	background-color: var(--sc-row-color-zebra-light);
 	color: var(--sc-input-active-border-color);
 }
+
+/* Keep the field error in-flow below the control. The shared .aform_error is absolutely
+   positioned against a .aform_form-element anchor, which this component does not use. */
+p.aform_error {
+	position: static;
+	display: block;
+	color: var(--sc-brand-danger, red);
+	font-size: 0.7rem;
+	margin: 0.25rem 0 0;
+}
 </style>

package/src/components/form/ANumericInput.vue

@@ -13,14 +13,20 @@
 				:disabled="mode === 'read'"
 				:required="required" />
 			<label class="aform_field-label" :for="uuid">{{ label }}</label>
-			<p v-show="validation.errorMessage" class="aform_error" v-html="validation.errorMessage"></p>
+			<p v-show="errorText" class="aform_error" v-html="errorText"></p>
 		</template>
 	</div>
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue'
+
 import { ComponentProps } from '../../types'
 
-const { label, required, mode, uuid, validation = { errorMessage: '&nbsp;' } } = defineProps<ComponentProps>()
+const { label, required, mode, uuid, errors, validation = { errorMessage: '' } } = defineProps<ComponentProps>()
+
+// Dynamic trigger errors take precedence over a static schema errorMessage; empty means the slot hides.
+const errorText = computed(() => (errors?.length ? errors.join('; ') : (validation.errorMessage ?? '')))
+
 const inputNumber = defineModel<number>()
 </script>

package/src/components/form/ATextInput.vue

@@ -14,18 +14,21 @@
 				:maxlength="mask ? (maskFilled ? mask.length : undefined) : undefined"
 				:required="required" />
 			<label class="aform_field-label" :for="uuid">{{ label }} </label>
-			<p v-show="validation.errorMessage" class="aform_error" v-html="validation.errorMessage"></p>
+			<p v-show="errorText" class="aform_error" v-html="errorText"></p>
 		</template>
 	</div>
 </template>
 
 <script setup lang="ts">
-import { /* inject, */ ref } from 'vue'
+import { /* inject, */ computed, ref } from 'vue'
 
 import { useStringMask as vMask } from '../../directives/mask'
 import { ComponentProps } from '../../types'
 
-const { label, mask, required, mode, uuid, validation = { errorMessage: '&nbsp;' } } = defineProps<ComponentProps>()
+const { label, mask, required, mode, uuid, errors, validation = { errorMessage: '' } } = defineProps<ComponentProps>()
+
+// Dynamic trigger errors take precedence over a static schema errorMessage; empty means the slot hides.
+const errorText = computed(() => (errors?.length ? errors.join('; ') : (validation.errorMessage ?? '')))
 
 // TODO: setup maskFilled as a computed property
 const maskFilled = ref(true)

package/src/components/form/ATextarea.vue

@@ -0,0 +1,31 @@
+<template>
+	<div class="aform_form-element">
+		<template v-if="mode === 'display'">
+			<span class="aform_display-value">{{ inputText ?? '' }}</span>
+			<label class="aform_field-label">{{ label }}</label>
+		</template>
+		<template v-else>
+			<textarea
+				:id="uuid"
+				v-model="inputText"
+				class="aform_input-field aform_textarea"
+				:disabled="mode === 'read'"
+				:required="required"></textarea>
+			<label class="aform_field-label" :for="uuid">{{ label }} </label>
+			<p v-show="errorText" class="aform_error" v-html="errorText"></p>
+		</template>
+	</div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+
+import { ComponentProps } from '../../types'
+
+const { label, required, mode, uuid, errors, validation = { errorMessage: '' } } = defineProps<ComponentProps>()
+
+// Dynamic trigger errors take precedence over a static schema errorMessage; empty means the slot hides.
+const errorText = computed(() => (errors?.length ? errors.join('; ') : (validation.errorMessage ?? '')))
+
+const inputText = defineModel<number | string>()
+</script>

package/src/components/utilities/Login.vue

@@ -84,7 +84,6 @@ function onSubmit(event: Event) {
 </script>
 
 <style scoped>
-/* @import url('@stonecrop/themes/default.css'); */
 .login-container {
 	width: 100%;
 	position: relative;