diff --git a/aform/CHANGELOG.json b/aform/CHANGELOG.json
index f7047a6f..eba829b3 100644
--- a/aform/CHANGELOG.json
+++ b/aform/CHANGELOG.json
@@ -1,6 +1,60 @@
 {
   "name": "@stonecrop/aform",
   "entries": [
+    {
+      "version": "0.3.8",
+      "tag": "@stonecrop/aform_v0.3.8",
+      "date": "Thu, 09 Jan 2025 11:21:58 GMT",
+      "comments": {
+        "patch": [
+          {
+            "comment": "add strict null checks to improve logic"
+          }
+        ]
+      }
+    },
+    {
+      "version": "0.3.7",
+      "tag": "@stonecrop/aform_v0.3.7",
+      "date": "Fri, 03 Jan 2025 06:27:07 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.6",
+      "tag": "@stonecrop/aform_v0.3.6",
+      "date": "Fri, 27 Dec 2024 09:24:01 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.5",
+      "tag": "@stonecrop/aform_v0.3.5",
+      "date": "Tue, 24 Dec 2024 11:42:53 GMT",
+      "comments": {
+        "patch": [
+          {
+            "comment": "fix broken table stories"
+          }
+        ]
+      }
+    },
+    {
+      "version": "0.3.4",
+      "tag": "@stonecrop/aform_v0.3.4",
+      "date": "Wed, 18 Dec 2024 09:54:31 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.3",
+      "tag": "@stonecrop/aform_v0.3.3",
+      "date": "Tue, 17 Dec 2024 13:42:30 GMT",
+      "comments": {
+        "none": [
+          {
+            "comment": "small style update to Adate"
+          }
+        ]
+      }
+    },
     {
       "version": "0.3.2",
       "tag": "@stonecrop/aform_v0.3.2",
diff --git a/aform/CHANGELOG.md b/aform/CHANGELOG.md
index 31081f1c..75c452cb 100644
--- a/aform/CHANGELOG.md
+++ b/aform/CHANGELOG.md
@@ -1,6 +1,42 @@
 # Change Log - @stonecrop/aform
 
-This log was last generated on Tue, 17 Dec 2024 10:07:54 GMT and should not be manually modified.
+This log was last generated on Thu, 09 Jan 2025 11:21:58 GMT and should not be manually modified.
+
+## 0.3.8
+Thu, 09 Jan 2025 11:21:58 GMT
+
+### Patches
+
+- add strict null checks to improve logic
+
+## 0.3.7
+Fri, 03 Jan 2025 06:27:07 GMT
+
+_Version update only_
+
+## 0.3.6
+Fri, 27 Dec 2024 09:24:01 GMT
+
+_Version update only_
+
+## 0.3.5
+Tue, 24 Dec 2024 11:42:53 GMT
+
+### Patches
+
+- fix broken table stories
+
+## 0.3.4
+Wed, 18 Dec 2024 09:54:31 GMT
+
+_Version update only_
+
+## 0.3.3
+Tue, 17 Dec 2024 13:42:30 GMT
+
+### Updates
+
+- small style update to Adate
 
 ## 0.3.2
 Tue, 17 Dec 2024 10:07:54 GMT
diff --git a/aform/package.json b/aform/package.json
index f1c94e23..9b6e9bc1 100644
--- a/aform/package.json
+++ b/aform/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@stonecrop/aform",
-	"version": "0.3.2",
+	"version": "0.3.8",
 	"license": "MIT",
 	"type": "module",
 	"author": {
diff --git a/aform/src/components/form/ACheckbox.vue b/aform/src/components/form/ACheckbox.vue
index 3cea3b4f..f4e635f4 100644
--- a/aform/src/components/form/ACheckbox.vue
+++ b/aform/src/components/form/ACheckbox.vue
@@ -19,7 +19,14 @@ import { InputHTMLAttributes } from 'vue'
 
 import { ComponentProps } from '../../types'
 
-const { label, required, readonly, uuid, validation = { errorMessage: '&nbsp;' } } = defineProps<ComponentProps>()
+const {
+	schema, // don't remove to allow masking to work
+	label,
+	required,
+	readonly,
+	uuid,
+	validation = { errorMessage: '&nbsp;' },
+} = defineProps<ComponentProps>()
 const checkbox = defineModel<InputHTMLAttributes['checked']>()
 </script>
 
diff --git a/aform/src/components/form/ADate.vue b/aform/src/components/form/ADate.vue
index ca2e6dfe..08276de8 100644
--- a/aform/src/components/form/ADate.vue
+++ b/aform/src/components/form/ADate.vue
@@ -19,6 +19,7 @@ import { useTemplateRef } from 'vue'
 import { ComponentProps } from '../../types'
 
 const {
+	schema, // don't remove to allow masking to work
 	label = 'Date',
 	required,
 	readonly,
@@ -47,6 +48,8 @@ const showPicker = () => {
 <style scoped>
 div {
 	min-width: 40ch;
+	width: 100%;
+	box-sizing: border-box;
 	border: 1px solid transparent;
 	padding: 0rem;
 	margin: 0rem;
@@ -55,6 +58,7 @@ div {
 
 input {
 	width: calc(100% - 1ch);
+	box-sizing: border-box;
 	outline: 1px solid transparent;
 	border: 1px solid var(--sc-input-border-color);
 	padding: 1ch 0.5ch 0.5ch 1ch;
@@ -72,12 +76,14 @@ label {
 	margin: 0rem;
 	border: 1px solid transparent;
 	margin-bottom: 0.25rem;
+	box-sizing: border-box;
 }
 
 p {
 	width: 100%;
 	color: red;
 	font-size: 85%;
+	box-sizing: border-box;
 }
 
 label {
@@ -87,6 +93,7 @@ label {
 	background: white;
 	margin: calc(-1.5rem - calc(2.15rem / 2)) 0 0 1ch;
 	padding: 0 0.25ch 0 0.25ch;
+	box-sizing: border-box;
 }
 
 input:focus {
diff --git a/aform/src/components/form/ADatePicker.vue b/aform/src/components/form/ADatePicker.vue
index d18bd58c..c69e6525 100644
--- a/aform/src/components/form/ADatePicker.vue
+++ b/aform/src/components/form/ADatePicker.vue
@@ -155,6 +155,8 @@ useKeyboardNav([
 		},
 	},
 ])
+
+defineExpose({ currentMonth, currentYear, selectedDate })
 </script>
 
 <style scoped>
diff --git a/aform/src/components/form/AFieldset.vue b/aform/src/components/form/AFieldset.vue
index 1cd1bf71..abf82f29 100644
--- a/aform/src/components/form/AFieldset.vue
+++ b/aform/src/components/form/AFieldset.vue
@@ -34,6 +34,8 @@ const toggleCollapse = (event: Event) => {
 		collapsed.value = !collapsed.value
 	}
 }
+
+defineExpose({ collapsed })
 </script>
 
 <style scoped>
diff --git a/aform/src/components/form/ANumericInput.vue b/aform/src/components/form/ANumericInput.vue
index dfc89f13..01771daa 100644
--- a/aform/src/components/form/ANumericInput.vue
+++ b/aform/src/components/form/ANumericInput.vue
@@ -15,6 +15,13 @@
 <script setup lang="ts">
 import { ComponentProps } from '../../types'
 
-const { label, required, readonly, uuid, validation = { errorMessage: '&nbsp;' } } = defineProps<ComponentProps>()
+const {
+	schema, // don't remove to allow masking to work
+	label,
+	required,
+	readonly,
+	uuid,
+	validation = { errorMessage: '&nbsp;' },
+} = defineProps<ComponentProps>()
 const inputNumber = defineModel<number>()
 </script>
diff --git a/aform/src/components/form/ATextInput.vue b/aform/src/components/form/ATextInput.vue
index 272c8972..486d11f2 100644
--- a/aform/src/components/form/ATextInput.vue
+++ b/aform/src/components/form/ATextInput.vue
@@ -19,7 +19,15 @@ import { /* inject, */ ref } from 'vue'
 import { useStringMask as vMask } from '../../directives/mask'
 import { ComponentProps } from '../../types'
 
-const { label, mask, required, readonly, uuid, validation = { errorMessage: '&nbsp;' } } = defineProps<ComponentProps>()
+const {
+	schema, // don't remove to allow masking to work
+	label,
+	mask,
+	required,
+	readonly,
+	uuid,
+	validation = { errorMessage: '&nbsp;' },
+} = defineProps<ComponentProps>()
 
 // TODO: setup maskFilled as a computed property
 const maskFilled = ref(true)
diff --git a/aform/src/directives/mask.ts b/aform/src/directives/mask.ts
index ca4cae3e..d335ec0f 100644
--- a/aform/src/directives/mask.ts
+++ b/aform/src/directives/mask.ts
@@ -2,6 +2,9 @@ import type { DirectiveBinding } from 'vue'
 
 import type { FormSchema } from '../types'
 
+/**
+ * Named masks for common input types
+ */
 const NAMED_MASKS = {
 	date: '##/##/####',
 	datetime: '####/##/## ##:##',
@@ -11,6 +14,11 @@ const NAMED_MASKS = {
 	card: '#### #### #### ####',
 }
 
+/**
+ * Extracts a mask function from a stringified function
+ * @param mask - Mask string
+ * @returns Mask function
+ */
 function extractMaskFn(mask: string): ((args: any) => string) | void {
 	try {
 		// eslint-disable-next-line @typescript-eslint/no-implied-eval
@@ -22,6 +30,11 @@ function extractMaskFn(mask: string): ((args: any) => string) | void {
 	}
 }
 
+/**
+ * Gets the mask for a given directive binding
+ * @param binding - Binding object from directive hook
+ * @returns Mask string
+ */
 function getMask(binding: DirectiveBinding<string>) {
 	let mask = binding.value
 
@@ -30,12 +43,12 @@ function getMask(binding: DirectiveBinding<string>) {
 		if (maskFn) {
 			// TODO: (state) replace with state management;
 			// pass the entire form/table data to the function
-			const locale = binding.instance['locale']
+			const locale = binding.instance?.['locale']
 			mask = maskFn(locale)
 		}
 	} else {
 		// TODO: (state) handle using state management
-		const schema: FormSchema = binding.instance['schema']
+		const schema = binding.instance?.['schema'] as FormSchema
 		const fieldType: string | undefined = schema?.fieldtype?.toLowerCase()
 		if (fieldType && NAMED_MASKS[fieldType]) {
 			mask = NAMED_MASKS[fieldType]
@@ -45,6 +58,12 @@ function getMask(binding: DirectiveBinding<string>) {
 	return mask
 }
 
+/**
+ * Unmasks the input string
+ * @param input - Input string
+ * @param maskToken - Mask token character
+ * @returns Unmasked input string
+ */
 function unmaskInput(input: string, maskToken?: string) {
 	if (!maskToken) {
 		maskToken = '#'
@@ -60,6 +79,13 @@ function unmaskInput(input: string, maskToken?: string) {
 	return unmaskedInput
 }
 
+/**
+ * Fills the mask with the input string
+ * @param input - Input string
+ * @param mask - Mask string
+ * @param maskToken - Mask token character
+ * @returns Masked input string
+ */
 function fillMask(input: string, mask: string, maskToken?: string) {
 	if (!maskToken) {
 		maskToken = '#'
@@ -78,6 +104,13 @@ function fillMask(input: string, mask: string, maskToken?: string) {
 	return replacement.slice(0, mask.length)
 }
 
+/**
+ * Applies a mask to an input element
+ * @param el - Input element
+ * @param binding - Binding object from directive hook
+ * @returns void
+ * @public
+ */
 export function useStringMask(el: HTMLInputElement, binding: DirectiveBinding<string>) {
 	const mask = getMask(binding)
 	if (!mask) return
@@ -94,7 +127,7 @@ export function useStringMask(el: HTMLInputElement, binding: DirectiveBinding<st
 		// most likely fixed with state management;
 		// a better way could be to emit back to instance;
 
-		if (binding.instance['maskFilled']) {
+		if (binding.instance?.['maskFilled']) {
 			binding.instance['maskFilled'] = !replacement.includes(maskToken)
 		}
 
diff --git a/aform/src/index.ts b/aform/src/index.ts
index fd7c0c83..47ecb47a 100644
--- a/aform/src/index.ts
+++ b/aform/src/index.ts
@@ -1,5 +1,5 @@
 export type { CellContext, TableConfig, TableColumn, TableRow } from '@stonecrop/atable'
-import { App } from 'vue'
+import type { App } from 'vue'
 
 import ACheckbox from './components/form/ACheckbox.vue'
 import AComboBox from './components/form/AComboBox.vue'
@@ -12,9 +12,7 @@ import AForm from './components/AForm.vue'
 import ANumericInput from './components/form/ANumericInput.vue'
 import ATextInput from './components/form/ATextInput.vue'
 import Login from './components/utilities/Login.vue'
-export type { BasicSchema, FormSchema, TableSchema, FieldsetSchema, SchemaTypes } from './types'
-// import { ACurrency } from './components/form/ACurrency.vue'
-// import { AQuantity } from './components/form/AQuantity.vue'
+export type { BaseSchema, FieldsetSchema, FormSchema, SchemaTypes, TableSchema } from './types'
 
 /**
  * Install all AForm components
@@ -32,8 +30,6 @@ function install(app: App /* options */) {
 	app.component('AForm', AForm)
 	app.component('ANumericInput', ANumericInput)
 	app.component('ATextInput', ATextInput)
-	// app.component('ACurrency', ACurrency)
-	// app.component('AQuantity', AQuantity)
 }
 
 export {
diff --git a/aform/src/types/index.ts b/aform/src/types/index.ts
index e3eed097..1cd5825e 100644
--- a/aform/src/types/index.ts
+++ b/aform/src/types/index.ts
@@ -5,60 +5,195 @@ import type { TableColumn, TableConfig, TableRow } from '@stonecrop/atable'
  * @public
  */
 export type ComponentProps = {
+	/**
+	 * The schema object to pass to the component
+	 * @public
+	 */
+	schema?: SchemaTypes
+
+	/**
+	 * The label to display in the component
+	 * @public
+	 */
 	label?: string
+
+	/**
+	 * The masking string to apply to inputs inside the component
+	 * @public
+	 */
 	mask?: string
+
+	/**
+	 * Indicate whether input is required for text and/or select elements inside the component
+	 * @public
+	 */
 	required?: boolean
+
+	/**
+	 * Indicate whether elements inside the component are read-only
+	 * @public
+	 */
 	readonly?: boolean
+
+	/**
+	 * Set a unique identifier for elements inside the component
+	 * @public
+	 */
 	uuid?: string
-	validation?: Record<string, any>
+
+	/**
+	 * Validation options for elements inside the component
+	 * @public
+	 */
+	validation?: {
+		/**
+		 * The error message to display when validation fails
+		 * @public
+		 */
+		errorMessage: string
+
+		[key: string]: any
+	}
 }
 
 /**
- * Base schemda for AForm components
- * @beta
+ * Basic field structure for AForm schemas
+ * @public
  */
-export type BasicSchema = {
-	component: string
+export type BaseSchema = {
+	/**
+	 * The fieldname for the schema field
+	 * @public
+	 */
 	fieldname: string
-	value: any
+
+	/**
+	 * The component to render
+	 *
+	 * @remarks
+	 * This must be a string that represents the component to render. The registration of the component
+	 * should be done in the main application.
+	 *
+	 * @public
+	 */
+	component?: string
+
+	/**
+	 * A placeholder value for the field
+	 * @beta
+	 */
+	value?: any
 }
 
 /**
- * Form schema
- * @beta
+ * Schema structure for defining forms inside AForm
+ * @public
  */
-export type FormSchema = BasicSchema & {
-	align: string
-	edit: boolean
-	fieldtype: string
-	label: string
-	name: string
-	width: string
+export type FormSchema = BaseSchema & {
+	/**
+	 * Align the field in the form
+	 * @beta
+	 */
+	align?: string
+
+	/**
+	 * Indicate whether the field is editable
+	 * @beta
+	 */
+	edit?: boolean
+
+	/**
+	 * The field type for the schema field
+	 *
+	 * @remarks
+	 * This must be a string that represents the field type. A mask string will be automatically
+	 * applied for the following field types:
+	 * - Date ('##/##/####')
+	 * - Datetime ('####/##/## ##:##')
+	 * - Time ('##:##')
+	 * - Fulltime ('##:##:##')
+	 * - Phone ('(###) ### - ####')
+	 * - Card ('#### #### #### ####')
+	 *
+	 * @public
+	 */
+	fieldtype?: string
+
+	/**
+	 * The label to display in the form
+	 * @public
+	 */
+	label?: string
+
+	/**
+	 * The unique identifier for the field
+	 * @beta
+	 */
+	name?: string
+
+	/**
+	 * The width of the field element.
+	 * @beta
+	 */
+	width?: string
+
+	/**
+	 * The mask string for the field
+	 * @beta
+	 */
 	mask?: string
 }
 
 /**
- * Table schema
- * @beta
+ * Schema structure for defining tables inside AForm
+ * @public
  */
-export type TableSchema = BasicSchema & {
-	columns: TableColumn[]
-	config: TableConfig
-	rows: TableRow[]
+export type TableSchema = BaseSchema & {
+	/**
+	 * The columns to display in the table
+	 * @public
+	 */
+	columns?: TableColumn[]
+
+	/**
+	 * The configuration for the table
+	 * @public
+	 */
+	config?: TableConfig
+
+	/**
+	 * The rows to display in the table
+	 * @public
+	 */
+	rows?: TableRow[]
 }
 
 /**
- * Fieldset schema
- * @beta
+ * Schema structure for defining fieldsets inside AForm
+ * @public
  */
-export type FieldsetSchema = BasicSchema & {
-	label: string
-	schema: (FormSchema | TableSchema)[]
+export type FieldsetSchema = BaseSchema & {
+	/**
+	 * The label to display in the fieldset
+	 * @public
+	 */
+	label?: string
+
+	/**
+	 * The schemas to be rendered inside the fieldset
+	 * @public
+	 */
+	schema?: (FormSchema | TableSchema)[]
+
+	/**
+	 * Indicate whether the fieldset is collapsible
+	 * @public
+	 */
 	collapsible?: boolean
 }
 
 /**
- * Superset of schema types
- * @beta
+ * Superset of all schema types for AForm
+ * @public
  */
 export type SchemaTypes = FormSchema | TableSchema | FieldsetSchema
diff --git a/aform/tests/datepicker.spec.ts b/aform/tests/datepicker.spec.ts
index 886a21a9..7f8c4e91 100644
--- a/aform/tests/datepicker.spec.ts
+++ b/aform/tests/datepicker.spec.ts
@@ -48,7 +48,13 @@ describe('datepicker component', () => {
 
 		const $prevMonthBtn = wrapper.find('#previous-month-btn')
 		await $prevMonthBtn.trigger('click')
-		expect(wrapper.vm.currentMonth).toBe(new Date().getMonth() - 1)
+
+		const currentMonth = new Date().getMonth()
+		if (currentMonth === 0) {
+			expect(wrapper.vm.currentMonth).toBe(11)
+		} else {
+			expect(wrapper.vm.currentMonth).toBe(currentMonth - 1)
+		}
 	})
 
 	it('select previous year', async () => {
diff --git a/aform/tests/fieldset.spec.ts b/aform/tests/fieldset.spec.ts
index df33a538..16add9f9 100644
--- a/aform/tests/fieldset.spec.ts
+++ b/aform/tests/fieldset.spec.ts
@@ -2,6 +2,7 @@ import { describe, it, expect } from 'vitest'
 import { mount } from '@vue/test-utils'
 
 import AFieldset from '../src/components/form/AFieldset.vue'
+import type { SchemaTypes } from '../src/types'
 
 describe('fieldset input component', () => {
 	it('no change in collapse status when fieldset is uncollapsible', async () => {
@@ -12,7 +13,7 @@ describe('fieldset input component', () => {
 				schema: [
 					{
 						fieldname: 'first_name',
-						fieldtype: 'ATextInput',
+						component: 'ATextInput',
 						label: 'First Name',
 					},
 					{
@@ -30,7 +31,7 @@ describe('fieldset input component', () => {
 						component: 'ANumericInput',
 						label: 'Age',
 					},
-				],
+				] as SchemaTypes[],
 			},
 		})
 
@@ -48,7 +49,7 @@ describe('fieldset input component', () => {
 				schema: [
 					{
 						fieldname: 'first_name',
-						fieldtype: 'ATextInput',
+						component: 'ATextInput',
 						label: 'First Name',
 					},
 					{
@@ -66,7 +67,7 @@ describe('fieldset input component', () => {
 						component: 'ANumericInput',
 						label: 'Age',
 					},
-				],
+				] as SchemaTypes[],
 			},
 		})
 
diff --git a/aform/tests/form.spec.ts b/aform/tests/form.spec.ts
index e2c512b5..db1dd7f5 100644
--- a/aform/tests/form.spec.ts
+++ b/aform/tests/form.spec.ts
@@ -3,19 +3,18 @@ import { mount } from '@vue/test-utils'
 
 import AForm from '../src/components/AForm.vue'
 import ATextInput from '../src/components/form/ATextInput.vue'
+import type { SchemaTypes } from '../src/types'
 
 describe('AForm Component', () => {
-	const form_schema = [
-		{
-			fieldname: 'first_name',
-			component: 'ATextInput',
-			label: 'First Name',
-		},
-	]
-
 	const wrapper = mount(AForm, {
 		props: {
-			modelValue: form_schema,
+			modelValue: [
+				{
+					fieldname: 'first_name',
+					component: 'ATextInput',
+					label: 'First Name',
+				},
+			] as SchemaTypes[],
 			data: {},
 		},
 		components: {
diff --git a/atable/CHANGELOG.json b/atable/CHANGELOG.json
index 92db7f7f..e1a76556 100644
--- a/atable/CHANGELOG.json
+++ b/atable/CHANGELOG.json
@@ -1,6 +1,60 @@
 {
   "name": "@stonecrop/atable",
   "entries": [
+    {
+      "version": "0.3.8",
+      "tag": "@stonecrop/atable_v0.3.8",
+      "date": "Thu, 09 Jan 2025 11:21:58 GMT",
+      "comments": {
+        "patch": [
+          {
+            "comment": "add strict null checks to improve logic"
+          }
+        ]
+      }
+    },
+    {
+      "version": "0.3.7",
+      "tag": "@stonecrop/atable_v0.3.7",
+      "date": "Fri, 03 Jan 2025 06:27:07 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.6",
+      "tag": "@stonecrop/atable_v0.3.6",
+      "date": "Fri, 27 Dec 2024 09:24:01 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.5",
+      "tag": "@stonecrop/atable_v0.3.5",
+      "date": "Tue, 24 Dec 2024 11:42:53 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.4",
+      "tag": "@stonecrop/atable_v0.3.4",
+      "date": "Wed, 18 Dec 2024 09:54:31 GMT",
+      "comments": {
+        "patch": [
+          {
+            "comment": "emit cell update in columns with format"
+          }
+        ]
+      }
+    },
+    {
+      "version": "0.3.3",
+      "tag": "@stonecrop/atable_v0.3.3",
+      "date": "Tue, 17 Dec 2024 13:42:30 GMT",
+      "comments": {
+        "none": [
+          {
+            "comment": "modal scrolls with cells and detects edges"
+          }
+        ]
+      }
+    },
     {
       "version": "0.3.2",
       "tag": "@stonecrop/atable_v0.3.2",
diff --git a/atable/CHANGELOG.md b/atable/CHANGELOG.md
index e82eb4f8..ca11f914 100644
--- a/atable/CHANGELOG.md
+++ b/atable/CHANGELOG.md
@@ -1,6 +1,42 @@
 # Change Log - @stonecrop/atable
 
-This log was last generated on Tue, 17 Dec 2024 10:07:54 GMT and should not be manually modified.
+This log was last generated on Thu, 09 Jan 2025 11:21:58 GMT and should not be manually modified.
+
+## 0.3.8
+Thu, 09 Jan 2025 11:21:58 GMT
+
+### Patches
+
+- add strict null checks to improve logic
+
+## 0.3.7
+Fri, 03 Jan 2025 06:27:07 GMT
+
+_Version update only_
+
+## 0.3.6
+Fri, 27 Dec 2024 09:24:01 GMT
+
+_Version update only_
+
+## 0.3.5
+Tue, 24 Dec 2024 11:42:53 GMT
+
+_Version update only_
+
+## 0.3.4
+Wed, 18 Dec 2024 09:54:31 GMT
+
+### Patches
+
+- emit cell update in columns with format
+
+## 0.3.3
+Tue, 17 Dec 2024 13:42:30 GMT
+
+### Updates
+
+- modal scrolls with cells and detects edges
 
 ## 0.3.2
 Tue, 17 Dec 2024 10:07:54 GMT
diff --git a/atable/package.json b/atable/package.json
index 3db46084..5ae7a008 100644
--- a/atable/package.json
+++ b/atable/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@stonecrop/atable",
-	"version": "0.3.2",
+	"version": "0.3.8",
 	"license": "MIT",
 	"type": "module",
 	"author": {
diff --git a/atable/src/components/ACell.vue b/atable/src/components/ACell.vue
index ffe8f1f7..44ead2d2 100644
--- a/atable/src/components/ACell.vue
+++ b/atable/src/components/ACell.vue
@@ -10,7 +10,6 @@
 		:style="cellStyle"
 		@focus="onFocus"
 		@paste="updateCellData"
-		@blur="updateCellData"
 		@input="updateCellData"
 		@click="showModal"
 		class="atable-cell"
@@ -28,7 +27,7 @@
 <script setup lang="ts">
 import { KeypressHandlers, defaultKeypressHandlers, useKeyboardNav } from '@stonecrop/utilities'
 import { useElementBounding } from '@vueuse/core'
-import { computed, CSSProperties, ref, useTemplateRef, watch } from 'vue'
+import { computed, type CSSProperties, ref, useTemplateRef } from 'vue'
 
 import { createTableStore } from '../stores/table'
 import { isHtmlString } from '../utils'
@@ -48,12 +47,13 @@ const {
 	pinned?: boolean
 }>()
 
+const emit = defineEmits<{ cellInput: [colIndex: number, rowIndex: number, newValue: string, oldValue: string] }>()
+
 const cellRef = useTemplateRef<HTMLTableCellElement>('cell')
-const { bottom, left } = useElementBounding(cellRef)
+const { width, height } = useElementBounding(cellRef)
 
 // keep a shallow copy of the original cell value for comparison
 const originalData = store.getCellData(colIndex, rowIndex)
-const displayValue = ref(store.getCellDisplayValue(colIndex, rowIndex))
 const currentData = ref('')
 const cellModified = ref(false)
 
@@ -63,13 +63,7 @@ const row = store.rows[rowIndex]
 const textAlign = column.align || 'center'
 const cellWidth = column.width || '40ch'
 
-watch(
-	() => store.getCellData(colIndex, rowIndex),
-	cellData => {
-		displayValue.value = store.getFormattedValue(colIndex, rowIndex, cellData)
-	}
-)
-
+const displayValue = computed(() => store.getCellDisplayValue(colIndex, rowIndex))
 const isHtmlValue = computed(() => {
 	// TODO: check if display value is a native DOM element
 	return typeof displayValue.value === 'string' ? isHtmlString(displayValue.value) : false
@@ -96,10 +90,11 @@ const showModal = () => {
 			state.modal.visible = true
 			state.modal.colIndex = colIndex
 			state.modal.rowIndex = rowIndex
-			state.modal.parent = cellRef.value
-			state.modal.top = bottom.value
-			state.modal.left = left.value
-			state.modal.width = cellWidth
+			state.modal.parent = cellRef.value!
+			state.modal.top = cellRef.value!.offsetTop + cellRef.value!.offsetHeight
+			state.modal.left = cellRef.value!.offsetLeft
+			state.modal.width = width.value
+			state.modal.height = height.value
 
 			if (typeof column.modalComponent === 'function') {
 				state.modal.component = column.modalComponent({ table: state.table, row, column })
@@ -151,27 +146,27 @@ if (addNavigation) {
 
 const onFocus = () => {
 	if (cellRef.value) {
-		currentData.value = cellRef.value.textContent
+		currentData.value = cellRef.value.textContent!
 	}
 }
 
-const updateCellData = () => {
-	if (cellRef.value) {
-		// only apply changes if the cell value has changed after being mounted
-		if (column.format) {
-			cellModified.value = cellRef.value.textContent !== store.getFormattedValue(colIndex, rowIndex, originalData)
-		} else {
-			cellModified.value = cellRef.value.textContent !== originalData
-		}
+const updateCellData = (payload: Event) => {
+	const target = payload.target as HTMLTableCellElement
+	if (target.textContent === currentData.value) {
+		return
+	}
 
-		if (cellRef.value.textContent !== currentData.value) {
-			currentData.value = cellRef.value.textContent
-			cellRef.value.dispatchEvent(new Event('change'))
-			if (!column.format) {
-				// TODO: need to setup reverse format function
-				store.setCellData(colIndex, rowIndex, currentData.value)
-			}
-		}
+	emit('cellInput', colIndex, rowIndex, target.textContent!, currentData.value)
+	currentData.value = target.textContent!
+
+	// only apply changes if the cell value has changed after being mounted
+	if (column.format) {
+		cellModified.value = target.textContent !== store.getFormattedValue(colIndex, rowIndex, originalData)
+		// TODO: need to setup reverse format function?
+		store.setCellText(colIndex, rowIndex, target.textContent!)
+	} else {
+		cellModified.value = target.textContent !== originalData
+		store.setCellData(colIndex, rowIndex, target.textContent)
 	}
 }
 </script>
diff --git a/atable/src/components/ARow.vue b/atable/src/components/ARow.vue
index f3c3e954..b9007dea 100644
--- a/atable/src/components/ARow.vue
+++ b/atable/src/components/ARow.vue
@@ -26,7 +26,7 @@
 
 <script setup lang="ts">
 import { type KeypressHandlers, useKeyboardNav, defaultKeypressHandlers } from '@stonecrop/utilities'
-import { useTemplateRef } from 'vue'
+import { computed, useTemplateRef } from 'vue'
 
 import { createTableStore } from '../stores/table'
 
@@ -43,8 +43,9 @@ const {
 }>()
 
 const rowRef = useTemplateRef<HTMLTableRowElement>('rowEl')
-const isRowVisible = store.isRowVisible(rowIndex)
-const rowExpandSymbol = store.getRowExpandSymbol(rowIndex)
+
+const isRowVisible = computed(() => store.isRowVisible(rowIndex))
+const rowExpandSymbol = computed(() => store.getRowExpandSymbol(rowIndex))
 
 if (addNavigation) {
 	let handlers = defaultKeypressHandlers
diff --git a/atable/src/components/ATable.vue b/atable/src/components/ATable.vue
index d5435b8f..e58db298 100644
--- a/atable/src/components/ATable.vue
+++ b/atable/src/components/ATable.vue
@@ -25,7 +25,8 @@
 							textAlign: col?.align || 'center',
 							minWidth: col?.width || '40ch',
 							width: store.config.fullWidth ? 'auto' : null,
-						}" />
+						}"
+						@cellInput="emitInput" />
 				</ARow>
 			</slot>
 		</tbody>
@@ -37,11 +38,7 @@
 				:colIndex="store.modal.colIndex"
 				:rowIndex="store.modal.rowIndex"
 				:store="store"
-				:style="{
-					left: store.modal.left + 'px',
-					top: store.modal.top + 'px',
-					maxWidth: store.modal.width + 'px',
-				}">
+				:container="tableRef">
 				<template #default>
 					<component
 						:key="`${store.modal.rowIndex}:${store.modal.colIndex}`"
@@ -91,11 +88,14 @@ const tableRef = useTemplateRef<HTMLTableElement>('table')
 const rowsValue = modelValue ? modelValue : rows
 const store = createTableStore({ columns, rows: rowsValue, id, config })
 
-store.$onAction(({ name, store, args }) => {
+store.$onAction(({ name, store, args, after }) => {
 	if (name === 'setCellData') {
 		const [colIndex, rowIndex, newCellValue] = args
 		const prevCellValue = store.getCellData(colIndex, rowIndex)
-		emit('cellUpdate', [colIndex, rowIndex, newCellValue, prevCellValue])
+
+		after(() => {
+			emit('cellUpdate', colIndex, rowIndex, newCellValue, prevCellValue)
+		})
 	}
 })
 
@@ -118,6 +118,10 @@ onMounted(() => {
 	}
 })
 
+const emitInput = (colIndex: number, rowIndex: number, newCellValue: any, prevCellValue: any) => {
+	emit('cellUpdate', colIndex, rowIndex, newCellValue, prevCellValue)
+}
+
 const assignStickyCellWidths = () => {
 	const table = tableRef.value
 
@@ -152,54 +156,6 @@ const assignStickyCellWidths = () => {
 	}
 }
 
-// const formatCell = (event?: KeyboardEvent, column?: TableColumn, cellData?: any) => {
-// 	let colIndex: number
-// 	const target = event?.target as HTMLTableCellElement
-// 	if (event) {
-// 		colIndex = target.cellIndex
-// 	} else if (column && cellData) {
-// 		colIndex = store.columns.indexOf(column)
-// 	}
-
-// 	if (!column && 'format' in store.columns[colIndex]) {
-// 		// TODO: (utils) create helper to extract format from string
-// 		const format = store.columns[colIndex].format
-// 		if (typeof format === 'function') {
-// 			return format(target.innerHTML)
-// 		} else if (typeof format === 'string') {
-// 			// parse format function from string
-// 			// eslint-disable-next-line @typescript-eslint/no-implied-eval
-// 			const formatFn: (args: any) => any = Function(`"use strict";return (${format})`)()
-// 			return formatFn(target.innerHTML)
-// 		} else {
-// 			return target.innerHTML
-// 		}
-// 	} else if (cellData && 'format' in column) {
-// 		const format = column.format
-// 		if (typeof format === 'function') {
-// 			return format(cellData)
-// 		} else if (typeof format === 'string') {
-// 			// parse format function from string
-// 			// eslint-disable-next-line @typescript-eslint/no-implied-eval
-// 			const formatFn: (args: any) => any = Function(`"use strict";return (${format})`)()
-// 			return formatFn(cellData)
-// 		} else {
-// 			return cellData
-// 		}
-// 	} else if (cellData && column.type.toLowerCase() in ['int', 'decimal', 'float', 'number', 'percent']) {
-// 		return cellData
-// 		// TODO: number formatting
-// 	} else {
-// 		return cellData
-// 	}
-// }
-
-// const moveCursorToEnd = (target: HTMLElement) => {
-// 	target.focus()
-// 	document.execCommand('selectAll', false, null)
-// 	document.getSelection().collapseToEnd()
-// }
-
 window.addEventListener('keydown', (event: KeyboardEvent) => {
 	if (event.key === 'Escape') {
 		if (store.modal.visible) {
@@ -249,6 +205,7 @@ td.sticky-index {
 <style scoped>
 @import url('@stonecrop/themes/default.css');
 .atable {
+	position: relative;
 	font-family: var(--sc-atable-font-family);
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
diff --git a/atable/src/components/ATableModal.vue b/atable/src/components/ATableModal.vue
index 36851d5e..13dcce7e 100644
--- a/atable/src/components/ATableModal.vue
+++ b/atable/src/components/ATableModal.vue
@@ -1,26 +1,49 @@
 <template>
-	<div class="amodal" tabindex="-1" @click="handleInput" @input="handleInput">
+	<div class="amodal" ref="amodal" tabindex="-1" @click="handleInput" @input="handleInput" :style="amodalStyles">
 		<slot />
 	</div>
 </template>
 
 <script setup lang="ts">
+import { useElementBounding } from '@vueuse/core'
+import { useTemplateRef, computed } from 'vue'
+
 import { createTableStore } from '../stores/table'
 
-/* const { colIndex, rowIndex, store } = */ defineProps<{
+const { store, container } = defineProps<{
 	colIndex?: number
 	rowIndex?: number
 	store?: ReturnType<typeof createTableStore>
+	container?: HTMLElement
 }>()
 
-// const cellBackgroundColor = computed(() => {
-// 	if (store.modal.parent) {
-// 		let computedstyle = window.getComputedStyle(store.modal.parent)
-// 		return 'blue'
-// 	} else {
-// 		return 'inherit'
-// 	}
-// })
+const amodalRef = useTemplateRef('amodal')
+const { width, height } = useElementBounding(amodalRef)
+
+const amodalStyles = computed(() => {
+	// the modal usually will appear left align with and below the element it is associated with,
+	// but needs to detect and adjust its position if it would overflow the rightr or bottom edges
+
+	// get the dimensions of whatever container is holding this modal, e.g. Table, Window, div so the modal can detect edges
+	const containerWidth = container?.offsetWidth || 0
+	const containerHeight = container?.offsetHeight || 0
+
+	// if this modal would go outside the edge of its container, instead place it above the element (Y) or along the right side (X)
+	const modalLeft =
+		store.modal.left + width.value > containerWidth
+			? store.modal.left - (width.value - store.modal.width)
+			: store.modal.left
+
+	const modalTop =
+		store.modal.top + height.value > containerHeight
+			? store.modal.top - height.value - store.modal.height
+			: store.modal.top
+
+	return {
+		left: `${modalLeft}px`,
+		top: `${modalTop}px`,
+	}
+})
 
 const handleInput = (event: Event) => {
 	event.stopPropagation()
@@ -31,7 +54,7 @@ const handleInput = (event: Event) => {
 @import url('@stonecrop/themes/default.css');
 
 .amodal {
-	position: fixed;
+	position: absolute;
 	background-color: var(--sc-row-color-zebra-dark);
 	z-index: 100;
 }
diff --git a/atable/src/index.ts b/atable/src/index.ts
index 65016a88..eb92709f 100644
--- a/atable/src/index.ts
+++ b/atable/src/index.ts
@@ -7,7 +7,15 @@ import ATable from './components/ATable.vue'
 import ATableHeader from './components/ATableHeader.vue'
 import ATableModal from './components/ATableModal.vue'
 export { createTableStore } from './stores/table'
-export type { CellContext, TableColumn, TableConfig, TableDisplay, TableRow, TableModal } from './types'
+export type {
+	CellContext,
+	TableColumn,
+	TableConfig,
+	TableDisplay,
+	TableModal,
+	TableModalProps,
+	TableRow,
+} from './types'
 
 /**
  * Install all ATable components
diff --git a/atable/src/stores/table.ts b/atable/src/stores/table.ts
index 1c1bb69a..0f620116 100644
--- a/atable/src/stores/table.ts
+++ b/atable/src/stores/table.ts
@@ -56,7 +56,7 @@ export const createTableStore = (initData: {
 				defaultDisplay[rowIndex] = {
 					childrenOpen: false,
 					expanded: false,
-					indent: row.indent || null,
+					indent: row.indent || 0,
 					isParent: parents.has(rowIndex),
 					isRoot: row.parent === null || row.parent === undefined,
 					rowModified: false,
@@ -75,6 +75,7 @@ export const createTableStore = (initData: {
 		const table = ref(initData.table || createTableObject())
 		const display = ref(createDisplayObject(initData.display))
 		const modal = ref(initData.modal || { visible: false })
+		const updates = ref<Record<string, string>>({})
 
 		// getters
 		const hasPinnedColumns = computed(() => columns.value.some(col => col.pinned))
@@ -84,7 +85,9 @@ export const createTableStore = (initData: {
 			return `${indent}ch`
 		})
 
-		const zeroColumn = computed(() => ['list', 'tree', 'list-expansion'].includes(config.value.view))
+		const zeroColumn = computed(() =>
+			config.value.view ? ['list', 'tree', 'list-expansion'].includes(config.value.view) : false
+		)
 
 		// actions
 		const getCellData = <T = any>(colIndex: number, rowIndex: number): T => table.value[`${colIndex}:${rowIndex}`]
@@ -100,10 +103,19 @@ export const createTableStore = (initData: {
 			rows.value[rowIndex][col.name] = value
 		}
 
+		const setCellText = (colIndex: number, rowIndex: number, value: string) => {
+			const index = `${colIndex}:${rowIndex}`
+
+			if (table.value[index] !== value) {
+				display.value[rowIndex].rowModified = true
+				updates.value[index] = value
+			}
+		}
+
 		const getHeaderCellStyle = (column: TableColumn): CSSProperties => ({
 			minWidth: column.width || '40ch',
 			textAlign: column.align || 'center',
-			width: config.value.fullWidth ? 'auto' : null,
+			width: config.value.fullWidth ? 'auto' : undefined,
 		})
 
 		const isRowVisible = (rowIndex: number) => {
@@ -185,11 +197,12 @@ export const createTableStore = (initData: {
 		return {
 			// state
 			columns,
-			rows,
 			config,
-			table,
 			display,
 			modal,
+			rows,
+			table,
+			updates,
 
 			// getters
 			hasPinnedColumns,
@@ -206,6 +219,7 @@ export const createTableStore = (initData: {
 			getRowExpandSymbol,
 			isRowVisible,
 			setCellData,
+			setCellText,
 			toggleRowExpand,
 		}
 	})
diff --git a/atable/src/types/index.ts b/atable/src/types/index.ts
index 18201000..2427c1a2 100644
--- a/atable/src/types/index.ts
+++ b/atable/src/types/index.ts
@@ -1,3 +1,5 @@
+import { createTableStore } from '../stores/table'
+
 /**
  * Table column definition.
  * @public
@@ -93,13 +95,25 @@ export type TableRow = {
 export type TableModal = {
 	colIndex?: number
 	event?: string
+	height?: number
 	left?: number
 	parent?: HTMLElement
 	rowIndex?: number
 	top?: number
 	visible?: boolean
-	width?: string
+	width?: number
 
 	component?: string
 	componentProps?: Record<string, any>
 }
+
+/**
+ * Table modal props definition.
+ * @public
+ */
+export type TableModalProps = {
+	[key: string]: any
+	colIndex: number
+	rowIndex: number
+	store: ReturnType<typeof createTableStore>
+}
diff --git a/beam/CHANGELOG.json b/beam/CHANGELOG.json
index 8b05dafe..c4a7487d 100644
--- a/beam/CHANGELOG.json
+++ b/beam/CHANGELOG.json
@@ -1,6 +1,48 @@
 {
   "name": "@stonecrop/beam",
   "entries": [
+    {
+      "version": "0.3.8",
+      "tag": "@stonecrop/beam_v0.3.8",
+      "date": "Thu, 09 Jan 2025 11:21:58 GMT",
+      "comments": {
+        "patch": [
+          {
+            "comment": "add strict null checks to improve logic"
+          }
+        ]
+      }
+    },
+    {
+      "version": "0.3.7",
+      "tag": "@stonecrop/beam_v0.3.7",
+      "date": "Fri, 03 Jan 2025 06:27:07 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.6",
+      "tag": "@stonecrop/beam_v0.3.6",
+      "date": "Fri, 27 Dec 2024 09:24:01 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.5",
+      "tag": "@stonecrop/beam_v0.3.5",
+      "date": "Tue, 24 Dec 2024 11:42:53 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.4",
+      "tag": "@stonecrop/beam_v0.3.4",
+      "date": "Wed, 18 Dec 2024 09:54:31 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.3",
+      "tag": "@stonecrop/beam_v0.3.3",
+      "date": "Tue, 17 Dec 2024 13:42:30 GMT",
+      "comments": {}
+    },
     {
       "version": "0.3.2",
       "tag": "@stonecrop/beam_v0.3.2",
diff --git a/beam/CHANGELOG.md b/beam/CHANGELOG.md
index ff101187..b9a86278 100644
--- a/beam/CHANGELOG.md
+++ b/beam/CHANGELOG.md
@@ -1,6 +1,38 @@
 # Change Log - @stonecrop/beam
 
-This log was last generated on Tue, 17 Dec 2024 10:07:54 GMT and should not be manually modified.
+This log was last generated on Thu, 09 Jan 2025 11:21:58 GMT and should not be manually modified.
+
+## 0.3.8
+Thu, 09 Jan 2025 11:21:58 GMT
+
+### Patches
+
+- add strict null checks to improve logic
+
+## 0.3.7
+Fri, 03 Jan 2025 06:27:07 GMT
+
+_Version update only_
+
+## 0.3.6
+Fri, 27 Dec 2024 09:24:01 GMT
+
+_Version update only_
+
+## 0.3.5
+Tue, 24 Dec 2024 11:42:53 GMT
+
+_Version update only_
+
+## 0.3.4
+Wed, 18 Dec 2024 09:54:31 GMT
+
+_Version update only_
+
+## 0.3.3
+Tue, 17 Dec 2024 13:42:30 GMT
+
+_Version update only_
 
 ## 0.3.2
 Tue, 17 Dec 2024 10:07:54 GMT
diff --git a/beam/package.json b/beam/package.json
index 55080f38..21204ca7 100644
--- a/beam/package.json
+++ b/beam/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@stonecrop/beam",
-	"version": "0.3.2",
+	"version": "0.3.8",
 	"license": "MIT",
 	"type": "module",
 	"author": {
diff --git a/beam/src/composables/mqtt.ts b/beam/src/composables/mqtt.ts
index ecfa0f1f..03026b29 100644
--- a/beam/src/composables/mqtt.ts
+++ b/beam/src/composables/mqtt.ts
@@ -9,8 +9,8 @@ import { IMqttStream } from '../types'
  * @returns MQTT stream messages
  * @beta
  */
-export const useMqttStream = (options?: IMqttStream) => {
-	const client = ref<MqttClient>(null)
+export const useMqttStream = (options: IMqttStream) => {
+	const client = ref<MqttClient>()
 	const messages = ref<Record<string, string[]>>({})
 
 	onMounted(() => {
@@ -38,7 +38,7 @@ export const useMqttStream = (options?: IMqttStream) => {
 	})
 
 	onUnmounted(() => {
-		client.value.end()
+		client.value?.end()
 	})
 
 	return { messages }
diff --git a/code_editor/CHANGELOG.json b/code_editor/CHANGELOG.json
index 9ab88824..7779acef 100644
--- a/code_editor/CHANGELOG.json
+++ b/code_editor/CHANGELOG.json
@@ -1,6 +1,42 @@
 {
   "name": "@stonecrop/code-editor",
   "entries": [
+    {
+      "version": "0.3.8",
+      "tag": "@stonecrop/code-editor_v0.3.8",
+      "date": "Thu, 09 Jan 2025 11:21:58 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.7",
+      "tag": "@stonecrop/code-editor_v0.3.7",
+      "date": "Fri, 03 Jan 2025 06:27:07 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.6",
+      "tag": "@stonecrop/code-editor_v0.3.6",
+      "date": "Fri, 27 Dec 2024 09:24:01 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.5",
+      "tag": "@stonecrop/code-editor_v0.3.5",
+      "date": "Tue, 24 Dec 2024 11:42:53 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.4",
+      "tag": "@stonecrop/code-editor_v0.3.4",
+      "date": "Wed, 18 Dec 2024 09:54:31 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.3",
+      "tag": "@stonecrop/code-editor_v0.3.3",
+      "date": "Tue, 17 Dec 2024 13:42:30 GMT",
+      "comments": {}
+    },
     {
       "version": "0.3.2",
       "tag": "@stonecrop/code-editor_v0.3.2",
diff --git a/code_editor/CHANGELOG.md b/code_editor/CHANGELOG.md
index 4c4528d6..c908aa51 100644
--- a/code_editor/CHANGELOG.md
+++ b/code_editor/CHANGELOG.md
@@ -1,6 +1,36 @@
 # Change Log - @stonecrop/code-editor
 
-This log was last generated on Tue, 17 Dec 2024 10:07:54 GMT and should not be manually modified.
+This log was last generated on Thu, 09 Jan 2025 11:21:58 GMT and should not be manually modified.
+
+## 0.3.8
+Thu, 09 Jan 2025 11:21:58 GMT
+
+_Version update only_
+
+## 0.3.7
+Fri, 03 Jan 2025 06:27:07 GMT
+
+_Version update only_
+
+## 0.3.6
+Fri, 27 Dec 2024 09:24:01 GMT
+
+_Version update only_
+
+## 0.3.5
+Tue, 24 Dec 2024 11:42:53 GMT
+
+_Version update only_
+
+## 0.3.4
+Wed, 18 Dec 2024 09:54:31 GMT
+
+_Version update only_
+
+## 0.3.3
+Tue, 17 Dec 2024 13:42:30 GMT
+
+_Version update only_
 
 ## 0.3.2
 Tue, 17 Dec 2024 10:07:54 GMT
diff --git a/code_editor/package.json b/code_editor/package.json
index 9eec084f..33e962d3 100644
--- a/code_editor/package.json
+++ b/code_editor/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@stonecrop/code-editor",
-	"version": "0.3.2",
+	"version": "0.3.8",
 	"license": "MIT",
 	"type": "module",
 	"author": {
diff --git a/common/config/rush/pnpm-lock.yaml b/common/config/rush/pnpm-lock.yaml
index 5bf467c7..fdc74cce 100644
--- a/common/config/rush/pnpm-lock.yaml
+++ b/common/config/rush/pnpm-lock.yaml
@@ -316,9 +316,6 @@ importers:
       vue:
         specifier: ^3.5.11
         version: 3.5.13(typescript@5.7.2)
-      xstate:
-        specifier: ^4.38.3
-        version: 4.38.3
     devDependencies:
       '@microsoft/api-documenter':
         specifier: ^7.26.2
@@ -603,8 +600,8 @@ importers:
         specifier: ^0.3.0
         version: 0.3.0(pinia@2.3.0(typescript@5.7.2)(vue@3.5.13(typescript@5.7.2)))(vue@3.5.13(typescript@5.7.2))
       pinia-xstate:
-        specifier: ^1.0.9
-        version: 1.0.9(pinia@2.3.0(typescript@5.7.2)(vue@3.5.13(typescript@5.7.2)))(typescript@5.7.2)(xstate@4.38.3)
+        specifier: ^2.2.1
+        version: 2.2.1(pinia@2.3.0(typescript@5.7.2)(vue@3.5.13(typescript@5.7.2)))(typescript@5.7.2)(xstate@4.38.3)
       vue:
         specifier: ^3.5.11
         version: 3.5.13(typescript@5.7.2)
@@ -3029,11 +3026,11 @@ packages:
     peerDependencies:
       pinia: '>=2.0.14'
 
-  pinia-xstate@1.0.9:
-    resolution: {integrity: sha512-fvoA3p7S5l+96Lczl9JTCeXxK0qP2YWRiZqINH2ei9kMbwqP184czYTAD4HjqjUN7fpEVgDAZFeBIIykmnYV1A==}
+  pinia-xstate@2.2.1:
+    resolution: {integrity: sha512-TnNNql9b0AiRxseDNrsInJ5tSdCylwSuTFw0XSgJvDHMCjyYVyXG+EePpajBl66THTycKWpzZ3cBWHMyuL2TXw==}
     peerDependencies:
       pinia: ^2.0.0
-      xstate: ^4.30.0
+      xstate: ^5.15.0
 
   pinia@2.3.0:
     resolution: {integrity: sha512-ohZj3jla0LL0OH5PlLTDMzqKiVw2XARmC1XYLdLWIPBMdhDW/123ZWr4zVAhtJm+aoSkFa13pYXskAvAscIkhQ==}
@@ -6472,7 +6469,7 @@ snapshots:
       - '@vue/composition-api'
       - vue
 
-  pinia-xstate@1.0.9(pinia@2.3.0(typescript@5.7.2)(vue@3.5.13(typescript@5.7.2)))(typescript@5.7.2)(xstate@4.38.3):
+  pinia-xstate@2.2.1(pinia@2.3.0(typescript@5.7.2)(vue@3.5.13(typescript@5.7.2)))(typescript@5.7.2)(xstate@4.38.3):
     dependencies:
       pinia: 2.3.0(typescript@5.7.2)(vue@3.5.13(typescript@5.7.2))
       vue: 3.5.13(typescript@5.7.2)
diff --git a/common/config/rush/version-policies.json b/common/config/rush/version-policies.json
index 095fd10b..623326be 100644
--- a/common/config/rush/version-policies.json
+++ b/common/config/rush/version-policies.json
@@ -12,7 +12,7 @@
 	{
 		"definitionName": "lockStepVersion",
 		"policyName": "stonecrop",
-		"version": "0.3.2",
+		"version": "0.3.8",
 		"nextBump": "patch"
 	}
 	// {
diff --git a/common/reviews/api/aform.api.md b/common/reviews/api/aform.api.md
index 31349d05..19f238e8 100644
--- a/common/reviews/api/aform.api.md
+++ b/common/reviews/api/aform.api.md
@@ -13,7 +13,7 @@ import AFieldset from './components/form/AFieldset.vue';
 import AFileAttach from './components/form/AFileAttach.vue';
 import AForm from './components/AForm.vue';
 import ANumericInput from './components/form/ANumericInput.vue';
-import { App } from 'vue';
+import type { App } from 'vue';
 import ATextInput from './components/form/ATextInput.vue';
 import Login from './components/utilities/Login.vue';
 
@@ -37,11 +37,11 @@ export { ANumericInput }
 
 export { ATextInput }
 
-// @beta
-export type BasicSchema = {
-    component: string;
+// @public
+export type BaseSchema = {
     fieldname: string;
-    value: any;
+    component?: string;
+    value?: any;
 };
 
 // @public
@@ -53,21 +53,21 @@ export type CellContext = {
     };
 };
 
-// @beta
-export type FieldsetSchema = BasicSchema & {
-    label: string;
-    schema: (FormSchema | TableSchema)[];
+// @public
+export type FieldsetSchema = BaseSchema & {
+    label?: string;
+    schema?: (FormSchema | TableSchema)[];
     collapsible?: boolean;
 };
 
-// @beta
-export type FormSchema = BasicSchema & {
-    align: string;
-    edit: boolean;
-    fieldtype: string;
-    label: string;
-    name: string;
-    width: string;
+// @public
+export type FormSchema = BaseSchema & {
+    align?: string;
+    edit?: boolean;
+    fieldtype?: string;
+    label?: string;
+    name?: string;
+    width?: string;
     mask?: string;
 };
 
@@ -76,7 +76,7 @@ export function install(app: App): void;
 
 export { Login }
 
-// @beta
+// @public
 export type SchemaTypes = FormSchema | TableSchema | FieldsetSchema;
 
 // @public
@@ -109,11 +109,11 @@ export type TableRow = {
     parent?: number;
 };
 
-// @beta
-export type TableSchema = BasicSchema & {
-    columns: TableColumn[];
-    config: TableConfig;
-    rows: TableRow[];
+// @public
+export type TableSchema = BaseSchema & {
+    columns?: TableColumn[];
+    config?: TableConfig;
+    rows?: TableRow[];
 };
 
 // (No @packageDocumentation comment for this package)
diff --git a/common/reviews/api/atable.api.md b/common/reviews/api/atable.api.md
index 47762489..fd4b16fd 100644
--- a/common/reviews/api/atable.api.md
+++ b/common/reviews/api/atable.api.md
@@ -51,92 +51,95 @@ export const createTableStore: (initData: {
 }) => Store<`table-${string}`, Pick<{
 columns: Ref<    {
 name: string;
-align?: CanvasTextAlign;
-edit?: boolean;
-label?: string;
-type?: string;
-width?: string;
-pinned?: boolean;
-cellComponent?: string;
-cellComponentProps?: Record<string, any>;
-modalComponent?: string | ((context: CellContext) => string);
-modalComponentExtraProps?: Record<string, any>;
-format?: string | ((value: any, context: CellContext) => string);
-mask?: (value: any) => any;
+align?: CanvasTextAlign | undefined;
+edit?: boolean | undefined;
+label?: string | undefined;
+type?: string | undefined;
+width?: string | undefined;
+pinned?: boolean | undefined;
+cellComponent?: string | undefined;
+cellComponentProps?: Record<string, any> | undefined;
+modalComponent?: string | ((context: CellContext) => string) | undefined;
+modalComponentExtraProps?: Record<string, any> | undefined;
+format?: string | ((value: any, context: CellContext) => string) | undefined;
+mask?: ((value: any) => any) | undefined;
 }[], TableColumn[] | {
 name: string;
-align?: CanvasTextAlign;
-edit?: boolean;
-label?: string;
-type?: string;
-width?: string;
-pinned?: boolean;
-cellComponent?: string;
-cellComponentProps?: Record<string, any>;
-modalComponent?: string | ((context: CellContext) => string);
-modalComponentExtraProps?: Record<string, any>;
-format?: string | ((value: any, context: CellContext) => string);
-mask?: (value: any) => any;
-}[]>;
-rows: Ref<    {
-[x: string]: any;
-indent?: number;
-parent?: number;
-}[], TableRow[] | {
-[x: string]: any;
-indent?: number;
-parent?: number;
+align?: CanvasTextAlign | undefined;
+edit?: boolean | undefined;
+label?: string | undefined;
+type?: string | undefined;
+width?: string | undefined;
+pinned?: boolean | undefined;
+cellComponent?: string | undefined;
+cellComponentProps?: Record<string, any> | undefined;
+modalComponent?: string | ((context: CellContext) => string) | undefined;
+modalComponentExtraProps?: Record<string, any> | undefined;
+format?: string | ((value: any, context: CellContext) => string) | undefined;
+mask?: ((value: any) => any) | undefined;
 }[]>;
 config: Ref<    {
-view?: "uncounted" | "list" | "list-expansion" | "tree";
-fullWidth?: boolean;
+view?: "uncounted" | "list" | "list-expansion" | "tree" | undefined;
+fullWidth?: boolean | undefined;
 }, TableConfig | {
-view?: "uncounted" | "list" | "list-expansion" | "tree";
-fullWidth?: boolean;
+view?: "uncounted" | "list" | "list-expansion" | "tree" | undefined;
+fullWidth?: boolean | undefined;
 }>;
-table: Ref<    {}, {}>;
 display: Ref<    {
-childrenOpen?: boolean;
-expanded?: boolean;
-indent?: number;
-isParent?: boolean;
-isRoot?: boolean;
-open?: boolean;
-parent?: number;
-rowModified?: boolean;
+childrenOpen?: boolean | undefined;
+expanded?: boolean | undefined;
+indent?: number | undefined;
+isParent?: boolean | undefined;
+isRoot?: boolean | undefined;
+open?: boolean | undefined;
+parent?: number | undefined;
+rowModified?: boolean | undefined;
 }[], TableDisplay[] | {
-childrenOpen?: boolean;
-expanded?: boolean;
-indent?: number;
-isParent?: boolean;
-isRoot?: boolean;
-open?: boolean;
-parent?: number;
-rowModified?: boolean;
+childrenOpen?: boolean | undefined;
+expanded?: boolean | undefined;
+indent?: number | undefined;
+isParent?: boolean | undefined;
+isRoot?: boolean | undefined;
+open?: boolean | undefined;
+parent?: number | undefined;
+rowModified?: boolean | undefined;
 }[]>;
 modal: Ref<    {
-colIndex?: number;
-event?: string;
-left?: number;
-parent?: HTMLElement;
-rowIndex?: number;
-top?: number;
-visible?: boolean;
-width?: string;
-component?: string;
-componentProps?: Record<string, any>;
+colIndex?: number | undefined;
+event?: string | undefined;
+height?: number | undefined;
+left?: number | undefined;
+parent?: HTMLElement | undefined;
+rowIndex?: number | undefined;
+top?: number | undefined;
+visible?: boolean | undefined;
+width?: number | undefined;
+component?: string | undefined;
+componentProps?: Record<string, any> | undefined;
 }, TableModal | {
-colIndex?: number;
-event?: string;
-left?: number;
-parent?: HTMLElement;
-rowIndex?: number;
-top?: number;
-visible?: boolean;
-width?: string;
-component?: string;
-componentProps?: Record<string, any>;
+colIndex?: number | undefined;
+event?: string | undefined;
+height?: number | undefined;
+left?: number | undefined;
+parent?: HTMLElement | undefined;
+rowIndex?: number | undefined;
+top?: number | undefined;
+visible?: boolean | undefined;
+width?: number | undefined;
+component?: string | undefined;
+componentProps?: Record<string, any> | undefined;
 }>;
+rows: Ref<    {
+[x: string]: any;
+indent?: number | undefined;
+parent?: number | undefined;
+}[], TableRow[] | {
+[x: string]: any;
+indent?: number | undefined;
+parent?: number | undefined;
+}[]>;
+table: Ref<    {}, {}>;
+updates: Ref<Record<string, string>, Record<string, string>>;
 hasPinnedColumns: ComputedRef<boolean>;
 numberedRowWidth: ComputedRef<string>;
 zeroColumn: ComputedRef<boolean>;
@@ -147,98 +150,102 @@ getFormattedValue: (colIndex: number, rowIndex: number, value: any) => any;
 getHeaderCellStyle: (column: TableColumn) => CSSProperties;
 getIndent: (colIndex: number, indentLevel?: number) => string;
 getRowExpandSymbol: (rowIndex: number) => "" | "-" | "+";
-isRowVisible: (rowIndex: number) => boolean;
+isRowVisible: (rowIndex: number) => boolean | undefined;
 setCellData: (colIndex: number, rowIndex: number, value: any) => void;
+setCellText: (colIndex: number, rowIndex: number, value: string) => void;
 toggleRowExpand: (rowIndex: number) => void;
-}, "columns" | "rows" | "config" | "table" | "display" | "modal">, Pick<{
+}, "columns" | "config" | "display" | "modal" | "rows" | "table" | "updates">, Pick<{
 columns: Ref<    {
 name: string;
-align?: CanvasTextAlign;
-edit?: boolean;
-label?: string;
-type?: string;
-width?: string;
-pinned?: boolean;
-cellComponent?: string;
-cellComponentProps?: Record<string, any>;
-modalComponent?: string | ((context: CellContext) => string);
-modalComponentExtraProps?: Record<string, any>;
-format?: string | ((value: any, context: CellContext) => string);
-mask?: (value: any) => any;
+align?: CanvasTextAlign | undefined;
+edit?: boolean | undefined;
+label?: string | undefined;
+type?: string | undefined;
+width?: string | undefined;
+pinned?: boolean | undefined;
+cellComponent?: string | undefined;
+cellComponentProps?: Record<string, any> | undefined;
+modalComponent?: string | ((context: CellContext) => string) | undefined;
+modalComponentExtraProps?: Record<string, any> | undefined;
+format?: string | ((value: any, context: CellContext) => string) | undefined;
+mask?: ((value: any) => any) | undefined;
 }[], TableColumn[] | {
 name: string;
-align?: CanvasTextAlign;
-edit?: boolean;
-label?: string;
-type?: string;
-width?: string;
-pinned?: boolean;
-cellComponent?: string;
-cellComponentProps?: Record<string, any>;
-modalComponent?: string | ((context: CellContext) => string);
-modalComponentExtraProps?: Record<string, any>;
-format?: string | ((value: any, context: CellContext) => string);
-mask?: (value: any) => any;
-}[]>;
-rows: Ref<    {
-[x: string]: any;
-indent?: number;
-parent?: number;
-}[], TableRow[] | {
-[x: string]: any;
-indent?: number;
-parent?: number;
+align?: CanvasTextAlign | undefined;
+edit?: boolean | undefined;
+label?: string | undefined;
+type?: string | undefined;
+width?: string | undefined;
+pinned?: boolean | undefined;
+cellComponent?: string | undefined;
+cellComponentProps?: Record<string, any> | undefined;
+modalComponent?: string | ((context: CellContext) => string) | undefined;
+modalComponentExtraProps?: Record<string, any> | undefined;
+format?: string | ((value: any, context: CellContext) => string) | undefined;
+mask?: ((value: any) => any) | undefined;
 }[]>;
 config: Ref<    {
-view?: "uncounted" | "list" | "list-expansion" | "tree";
-fullWidth?: boolean;
+view?: "uncounted" | "list" | "list-expansion" | "tree" | undefined;
+fullWidth?: boolean | undefined;
 }, TableConfig | {
-view?: "uncounted" | "list" | "list-expansion" | "tree";
-fullWidth?: boolean;
+view?: "uncounted" | "list" | "list-expansion" | "tree" | undefined;
+fullWidth?: boolean | undefined;
 }>;
-table: Ref<    {}, {}>;
 display: Ref<    {
-childrenOpen?: boolean;
-expanded?: boolean;
-indent?: number;
-isParent?: boolean;
-isRoot?: boolean;
-open?: boolean;
-parent?: number;
-rowModified?: boolean;
+childrenOpen?: boolean | undefined;
+expanded?: boolean | undefined;
+indent?: number | undefined;
+isParent?: boolean | undefined;
+isRoot?: boolean | undefined;
+open?: boolean | undefined;
+parent?: number | undefined;
+rowModified?: boolean | undefined;
 }[], TableDisplay[] | {
-childrenOpen?: boolean;
-expanded?: boolean;
-indent?: number;
-isParent?: boolean;
-isRoot?: boolean;
-open?: boolean;
-parent?: number;
-rowModified?: boolean;
+childrenOpen?: boolean | undefined;
+expanded?: boolean | undefined;
+indent?: number | undefined;
+isParent?: boolean | undefined;
+isRoot?: boolean | undefined;
+open?: boolean | undefined;
+parent?: number | undefined;
+rowModified?: boolean | undefined;
 }[]>;
 modal: Ref<    {
-colIndex?: number;
-event?: string;
-left?: number;
-parent?: HTMLElement;
-rowIndex?: number;
-top?: number;
-visible?: boolean;
-width?: string;
-component?: string;
-componentProps?: Record<string, any>;
+colIndex?: number | undefined;
+event?: string | undefined;
+height?: number | undefined;
+left?: number | undefined;
+parent?: HTMLElement | undefined;
+rowIndex?: number | undefined;
+top?: number | undefined;
+visible?: boolean | undefined;
+width?: number | undefined;
+component?: string | undefined;
+componentProps?: Record<string, any> | undefined;
 }, TableModal | {
-colIndex?: number;
-event?: string;
-left?: number;
-parent?: HTMLElement;
-rowIndex?: number;
-top?: number;
-visible?: boolean;
-width?: string;
-component?: string;
-componentProps?: Record<string, any>;
+colIndex?: number | undefined;
+event?: string | undefined;
+height?: number | undefined;
+left?: number | undefined;
+parent?: HTMLElement | undefined;
+rowIndex?: number | undefined;
+top?: number | undefined;
+visible?: boolean | undefined;
+width?: number | undefined;
+component?: string | undefined;
+componentProps?: Record<string, any> | undefined;
 }>;
+rows: Ref<    {
+[x: string]: any;
+indent?: number | undefined;
+parent?: number | undefined;
+}[], TableRow[] | {
+[x: string]: any;
+indent?: number | undefined;
+parent?: number | undefined;
+}[]>;
+table: Ref<    {}, {}>;
+updates: Ref<Record<string, string>, Record<string, string>>;
 hasPinnedColumns: ComputedRef<boolean>;
 numberedRowWidth: ComputedRef<string>;
 zeroColumn: ComputedRef<boolean>;
@@ -249,98 +256,102 @@ getFormattedValue: (colIndex: number, rowIndex: number, value: any) => any;
 getHeaderCellStyle: (column: TableColumn) => CSSProperties;
 getIndent: (colIndex: number, indentLevel?: number) => string;
 getRowExpandSymbol: (rowIndex: number) => "" | "-" | "+";
-isRowVisible: (rowIndex: number) => boolean;
+isRowVisible: (rowIndex: number) => boolean | undefined;
 setCellData: (colIndex: number, rowIndex: number, value: any) => void;
+setCellText: (colIndex: number, rowIndex: number, value: string) => void;
 toggleRowExpand: (rowIndex: number) => void;
 }, "hasPinnedColumns" | "numberedRowWidth" | "zeroColumn">, Pick<{
 columns: Ref<    {
 name: string;
-align?: CanvasTextAlign;
-edit?: boolean;
-label?: string;
-type?: string;
-width?: string;
-pinned?: boolean;
-cellComponent?: string;
-cellComponentProps?: Record<string, any>;
-modalComponent?: string | ((context: CellContext) => string);
-modalComponentExtraProps?: Record<string, any>;
-format?: string | ((value: any, context: CellContext) => string);
-mask?: (value: any) => any;
+align?: CanvasTextAlign | undefined;
+edit?: boolean | undefined;
+label?: string | undefined;
+type?: string | undefined;
+width?: string | undefined;
+pinned?: boolean | undefined;
+cellComponent?: string | undefined;
+cellComponentProps?: Record<string, any> | undefined;
+modalComponent?: string | ((context: CellContext) => string) | undefined;
+modalComponentExtraProps?: Record<string, any> | undefined;
+format?: string | ((value: any, context: CellContext) => string) | undefined;
+mask?: ((value: any) => any) | undefined;
 }[], TableColumn[] | {
 name: string;
-align?: CanvasTextAlign;
-edit?: boolean;
-label?: string;
-type?: string;
-width?: string;
-pinned?: boolean;
-cellComponent?: string;
-cellComponentProps?: Record<string, any>;
-modalComponent?: string | ((context: CellContext) => string);
-modalComponentExtraProps?: Record<string, any>;
-format?: string | ((value: any, context: CellContext) => string);
-mask?: (value: any) => any;
-}[]>;
-rows: Ref<    {
-[x: string]: any;
-indent?: number;
-parent?: number;
-}[], TableRow[] | {
-[x: string]: any;
-indent?: number;
-parent?: number;
+align?: CanvasTextAlign | undefined;
+edit?: boolean | undefined;
+label?: string | undefined;
+type?: string | undefined;
+width?: string | undefined;
+pinned?: boolean | undefined;
+cellComponent?: string | undefined;
+cellComponentProps?: Record<string, any> | undefined;
+modalComponent?: string | ((context: CellContext) => string) | undefined;
+modalComponentExtraProps?: Record<string, any> | undefined;
+format?: string | ((value: any, context: CellContext) => string) | undefined;
+mask?: ((value: any) => any) | undefined;
 }[]>;
 config: Ref<    {
-view?: "uncounted" | "list" | "list-expansion" | "tree";
-fullWidth?: boolean;
+view?: "uncounted" | "list" | "list-expansion" | "tree" | undefined;
+fullWidth?: boolean | undefined;
 }, TableConfig | {
-view?: "uncounted" | "list" | "list-expansion" | "tree";
-fullWidth?: boolean;
+view?: "uncounted" | "list" | "list-expansion" | "tree" | undefined;
+fullWidth?: boolean | undefined;
 }>;
-table: Ref<    {}, {}>;
 display: Ref<    {
-childrenOpen?: boolean;
-expanded?: boolean;
-indent?: number;
-isParent?: boolean;
-isRoot?: boolean;
-open?: boolean;
-parent?: number;
-rowModified?: boolean;
+childrenOpen?: boolean | undefined;
+expanded?: boolean | undefined;
+indent?: number | undefined;
+isParent?: boolean | undefined;
+isRoot?: boolean | undefined;
+open?: boolean | undefined;
+parent?: number | undefined;
+rowModified?: boolean | undefined;
 }[], TableDisplay[] | {
-childrenOpen?: boolean;
-expanded?: boolean;
-indent?: number;
-isParent?: boolean;
-isRoot?: boolean;
-open?: boolean;
-parent?: number;
-rowModified?: boolean;
+childrenOpen?: boolean | undefined;
+expanded?: boolean | undefined;
+indent?: number | undefined;
+isParent?: boolean | undefined;
+isRoot?: boolean | undefined;
+open?: boolean | undefined;
+parent?: number | undefined;
+rowModified?: boolean | undefined;
 }[]>;
 modal: Ref<    {
-colIndex?: number;
-event?: string;
-left?: number;
-parent?: HTMLElement;
-rowIndex?: number;
-top?: number;
-visible?: boolean;
-width?: string;
-component?: string;
-componentProps?: Record<string, any>;
+colIndex?: number | undefined;
+event?: string | undefined;
+height?: number | undefined;
+left?: number | undefined;
+parent?: HTMLElement | undefined;
+rowIndex?: number | undefined;
+top?: number | undefined;
+visible?: boolean | undefined;
+width?: number | undefined;
+component?: string | undefined;
+componentProps?: Record<string, any> | undefined;
 }, TableModal | {
-colIndex?: number;
-event?: string;
-left?: number;
-parent?: HTMLElement;
-rowIndex?: number;
-top?: number;
-visible?: boolean;
-width?: string;
-component?: string;
-componentProps?: Record<string, any>;
+colIndex?: number | undefined;
+event?: string | undefined;
+height?: number | undefined;
+left?: number | undefined;
+parent?: HTMLElement | undefined;
+rowIndex?: number | undefined;
+top?: number | undefined;
+visible?: boolean | undefined;
+width?: number | undefined;
+component?: string | undefined;
+componentProps?: Record<string, any> | undefined;
 }>;
+rows: Ref<    {
+[x: string]: any;
+indent?: number | undefined;
+parent?: number | undefined;
+}[], TableRow[] | {
+[x: string]: any;
+indent?: number | undefined;
+parent?: number | undefined;
+}[]>;
+table: Ref<    {}, {}>;
+updates: Ref<Record<string, string>, Record<string, string>>;
 hasPinnedColumns: ComputedRef<boolean>;
 numberedRowWidth: ComputedRef<string>;
 zeroColumn: ComputedRef<boolean>;
@@ -351,10 +362,11 @@ getFormattedValue: (colIndex: number, rowIndex: number, value: any) => any;
 getHeaderCellStyle: (column: TableColumn) => CSSProperties;
 getIndent: (colIndex: number, indentLevel?: number) => string;
 getRowExpandSymbol: (rowIndex: number) => "" | "-" | "+";
-isRowVisible: (rowIndex: number) => boolean;
+isRowVisible: (rowIndex: number) => boolean | undefined;
 setCellData: (colIndex: number, rowIndex: number, value: any) => void;
+setCellText: (colIndex: number, rowIndex: number, value: string) => void;
 toggleRowExpand: (rowIndex: number) => void;
-}, "closeModal" | "getCellData" | "getCellDisplayValue" | "getFormattedValue" | "getHeaderCellStyle" | "getIndent" | "getRowExpandSymbol" | "isRowVisible" | "setCellData" | "toggleRowExpand">>;
+}, "closeModal" | "getCellData" | "getCellDisplayValue" | "getFormattedValue" | "getHeaderCellStyle" | "getIndent" | "getRowExpandSymbol" | "isRowVisible" | "setCellData" | "setCellText" | "toggleRowExpand">>;
 
 // @public
 export function install(app: App): void;
@@ -398,16 +410,25 @@ export type TableDisplay = {
 export type TableModal = {
     colIndex?: number;
     event?: string;
+    height?: number;
     left?: number;
     parent?: HTMLElement;
     rowIndex?: number;
     top?: number;
     visible?: boolean;
-    width?: string;
+    width?: number;
     component?: string;
     componentProps?: Record<string, any>;
 };
 
+// @public
+export type TableModalProps = {
+    [key: string]: any;
+    colIndex: number;
+    rowIndex: number;
+    store: ReturnType<typeof createTableStore>;
+};
+
 // @public
 export type TableRow = {
     [key: string]: any;
diff --git a/common/reviews/api/beam.api.md b/common/reviews/api/beam.api.md
index 50276cd8..9275ea6e 100644
--- a/common/reviews/api/beam.api.md
+++ b/common/reviews/api/beam.api.md
@@ -101,7 +101,7 @@ export { SplitColumn }
 export { ToggleArrow }
 
 // @beta
-export const useMqttStream: (options?: IMqttStream) => {
+export const useMqttStream: (options: IMqttStream) => {
     messages: Ref<Record<string, string[]>, Record<string, string[]>>;
 };
 
diff --git a/common/reviews/api/desktop.api.md b/common/reviews/api/desktop.api.md
index 683a5765..d4c58310 100644
--- a/common/reviews/api/desktop.api.md
+++ b/common/reviews/api/desktop.api.md
@@ -11,12 +11,38 @@ import { Plugin as Plugin_2 } from 'vue';
 import Records from './components/Records.vue';
 import SheetNav from './components/SheetNav.vue';
 
+// @public
+export type ActionElements = ButtonElement | DropdownElement;
+
 export { ActionSet }
 
+// @public
+export type BaseElement = {
+    label: string;
+    show?: boolean;
+};
+
+// @public
+export type ButtonElement = BaseElement & ElementAction & {
+    type: 'button';
+};
+
 export { CommandPalette }
 
 export { Doctype }
 
+// @public
+export type DropdownElement = BaseElement & {
+    type: 'dropdown';
+    actions: ElementAction[];
+};
+
+// @public
+export type ElementAction = BaseElement & {
+    link?: string;
+    action?: () => void;
+};
+
 export { Records }
 
 export { SheetNav }
diff --git a/common/reviews/api/stonecrop.api.md b/common/reviews/api/stonecrop.api.md
index c1903c05..284914e8 100644
--- a/common/reviews/api/stonecrop.api.md
+++ b/common/reviews/api/stonecrop.api.md
@@ -4,30 +4,154 @@
 
 ```ts
 
-import DoctypeMeta from '@/doctype';
-import { ImmutableDoctype } from '@/types';
-import { InstallOptions } from '@/types';
-import { MutableDoctype } from '@/types';
-import Registry from '@/registry';
-import { Schema } from '@/types';
-import Stonecrop from '@/plugins';
-import { useStonecrop } from '@/composable';
+import { Component } from 'vue';
+import { List } from 'immutable';
+import type { MachineConfig } from 'xstate';
+import { Map as Map_2 } from 'immutable';
+import { Plugin as Plugin_2 } from 'vue';
+import { Ref } from 'vue';
+import { Router } from 'vue-router';
+import type { StateMachine } from 'xstate';
+import { StoreDefinition } from 'pinia';
 
-export { DoctypeMeta }
+// @public
+export type BaseSchema = {
+    fieldname: string;
+    component?: string;
+    value?: any;
+};
 
-export { ImmutableDoctype }
+// @public
+export type CellContext = {
+    row: TableRow;
+    column: TableColumn;
+    table: {
+        [key: string]: any;
+    };
+};
 
-export { InstallOptions }
+// @public
+export class DoctypeMeta {
+    constructor(doctype: string, schema: ImmutableDoctype['schema'], workflow: ImmutableDoctype['workflow'], actions: ImmutableDoctype['actions'], component?: Component);
+    readonly actions: ImmutableDoctype['actions'];
+    readonly component?: Component;
+    readonly doctype: string;
+    readonly schema: ImmutableDoctype['schema'];
+    get slug(): string;
+    readonly workflow: ImmutableDoctype['workflow'];
+}
 
-export { MutableDoctype }
+// @public
+export type FieldsetSchema = BaseSchema & {
+    label?: string;
+    schema?: (FormSchema | TableSchema)[];
+    collapsible?: boolean;
+};
 
-export { Registry }
+// @public
+export type FormSchema = BaseSchema & {
+    align?: string;
+    edit?: boolean;
+    fieldtype?: string;
+    label?: string;
+    name?: string;
+    width?: string;
+    mask?: string;
+};
 
-export { Schema }
+// @public
+export type ImmutableDoctype = {
+    readonly schema?: List<SchemaTypes>;
+    readonly workflow: StateMachine<unknown, any, any>;
+    readonly actions?: Map_2<string, string[]>;
+};
 
-export { Stonecrop }
+// @public
+export type InstallOptions = {
+    router?: Router;
+    components?: Record<string, Component>;
+    getMeta?: (doctype?: string) => DoctypeMeta | Promise<DoctypeMeta>;
+};
 
-export { useStonecrop }
+// @public
+export type MutableDoctype = {
+    schema?: SchemaTypes[];
+    workflow: MachineConfig<unknown, any, any>;
+    actions?: Record<string, string[]>;
+};
+
+// @public
+export class Registry {
+    constructor(router: Router, getMeta?: (doctype: string) => DoctypeMeta | Promise<DoctypeMeta>);
+    addDoctype(doctype: DoctypeMeta): void;
+    getMeta?: (doctype: string) => DoctypeMeta | Promise<DoctypeMeta>;
+    name: string;
+    registry: Record<string, DoctypeMeta>;
+    static _root: Registry;
+    router: Router;
+}
+
+// @public
+export type Schema = {
+    doctype: string;
+    schema: List<SchemaTypes>;
+};
+
+// @public
+export type SchemaTypes = FormSchema | TableSchema | FieldsetSchema;
+
+// @public
+export const Stonecrop: Plugin_2;
+
+// @public
+export type StonecropReturn = {
+    stonecrop: Ref<Stonecrop_2>;
+    isReady: Ref<boolean>;
+};
+
+// @public
+export type TableColumn = {
+    name: string;
+    align?: CanvasTextAlign;
+    edit?: boolean;
+    label?: string;
+    type?: string;
+    width?: string;
+    pinned?: boolean;
+    cellComponent?: string;
+    cellComponentProps?: Record<string, any>;
+    modalComponent?: string | ((context: CellContext) => string);
+    modalComponentExtraProps?: Record<string, any>;
+    format?: string | ((value: any, context: CellContext) => string);
+    mask?: (value: any) => any;
+};
+
+// @public
+export type TableConfig = {
+    view?: 'uncounted' | 'list' | 'list-expansion' | 'tree';
+    fullWidth?: boolean;
+};
+
+// @public
+export type TableRow = {
+    [key: string]: any;
+    indent?: number;
+    parent?: number;
+};
+
+// @public
+export type TableSchema = BaseSchema & {
+    columns?: TableColumn[];
+    config?: TableConfig;
+    rows?: TableRow[];
+};
+
+// @public
+export function useStonecrop(registry?: Registry): StonecropReturn;
+
+// Warnings were encountered during analysis:
+//
+// src/composable.ts:12:2 - (ae-forgotten-export) The symbol "Stonecrop_2" needs to be exported by the entry point index.d.ts
 
 // (No @packageDocumentation comment for this package)
 
diff --git a/desktop/CHANGELOG.json b/desktop/CHANGELOG.json
index 5cba0787..db2bd930 100644
--- a/desktop/CHANGELOG.json
+++ b/desktop/CHANGELOG.json
@@ -1,6 +1,54 @@
 {
   "name": "@stonecrop/desktop",
   "entries": [
+    {
+      "version": "0.3.8",
+      "tag": "@stonecrop/desktop_v0.3.8",
+      "date": "Thu, 09 Jan 2025 11:21:58 GMT",
+      "comments": {
+        "patch": [
+          {
+            "comment": "add strict null checks to improve logic"
+          }
+        ]
+      }
+    },
+    {
+      "version": "0.3.7",
+      "tag": "@stonecrop/desktop_v0.3.7",
+      "date": "Fri, 03 Jan 2025 06:27:07 GMT",
+      "comments": {
+        "patch": [
+          {
+            "comment": "fix broken docbuilder stories"
+          }
+        ]
+      }
+    },
+    {
+      "version": "0.3.6",
+      "tag": "@stonecrop/desktop_v0.3.6",
+      "date": "Fri, 27 Dec 2024 09:24:01 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.5",
+      "tag": "@stonecrop/desktop_v0.3.5",
+      "date": "Tue, 24 Dec 2024 11:42:53 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.4",
+      "tag": "@stonecrop/desktop_v0.3.4",
+      "date": "Wed, 18 Dec 2024 09:54:31 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.3",
+      "tag": "@stonecrop/desktop_v0.3.3",
+      "date": "Tue, 17 Dec 2024 13:42:30 GMT",
+      "comments": {}
+    },
     {
       "version": "0.3.2",
       "tag": "@stonecrop/desktop_v0.3.2",
diff --git a/desktop/CHANGELOG.md b/desktop/CHANGELOG.md
index 955c6422..5c07a87d 100644
--- a/desktop/CHANGELOG.md
+++ b/desktop/CHANGELOG.md
@@ -1,6 +1,40 @@
 # Change Log - @stonecrop/desktop
 
-This log was last generated on Tue, 17 Dec 2024 10:07:54 GMT and should not be manually modified.
+This log was last generated on Thu, 09 Jan 2025 11:21:58 GMT and should not be manually modified.
+
+## 0.3.8
+Thu, 09 Jan 2025 11:21:58 GMT
+
+### Patches
+
+- add strict null checks to improve logic
+
+## 0.3.7
+Fri, 03 Jan 2025 06:27:07 GMT
+
+### Patches
+
+- fix broken docbuilder stories
+
+## 0.3.6
+Fri, 27 Dec 2024 09:24:01 GMT
+
+_Version update only_
+
+## 0.3.5
+Tue, 24 Dec 2024 11:42:53 GMT
+
+_Version update only_
+
+## 0.3.4
+Wed, 18 Dec 2024 09:54:31 GMT
+
+_Version update only_
+
+## 0.3.3
+Tue, 17 Dec 2024 13:42:30 GMT
+
+_Version update only_
 
 ## 0.3.2
 Tue, 17 Dec 2024 10:07:54 GMT
diff --git a/desktop/package.json b/desktop/package.json
index dbed8176..a58bf1e4 100644
--- a/desktop/package.json
+++ b/desktop/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@stonecrop/desktop",
-	"version": "0.3.2",
+	"version": "0.3.8",
 	"description": "Desktop-specific components for Stonecrop UI",
 	"license": "MIT",
 	"type": "module",
@@ -39,8 +39,7 @@
 		"@stonecrop/atable": "workspace:*",
 		"@stonecrop/stonecrop": "workspace:*",
 		"@stonecrop/themes": "workspace:*",
-		"vue": "^3.5.11",
-		"xstate": "^4.38.3"
+		"vue": "^3.5.11"
 	},
 	"devDependencies": {
 		"@microsoft/api-documenter": "^7.26.2",
diff --git a/desktop/src/components/ActionSet.vue b/desktop/src/components/ActionSet.vue
index 2b6ebdf8..c38d793e 100644
--- a/desktop/src/components/ActionSet.vue
+++ b/desktop/src/components/ActionSet.vue
@@ -39,8 +39,8 @@
 		</div>
 		<div style="margin-right: 30px"></div>
 		<div class="action-element" v-for="(el, index) in _elements" :key="el.label">
-			<button v-if="el.elementType == 'button'" :onclick="el.action" class="button-default">{{ el.label }}</button>
-			<div v-if="el.elementType == 'dropdown'">
+			<button v-if="el.type == 'button'" :onclick="el.action" class="button-default">{{ el.label }}</button>
+			<div v-if="el.type == 'dropdown'">
 				<button class="button-default" @click="toggleDropdown(index)">{{ el.label }}</button>
 				<div class="dropdown-container" v-show="el.show">
 					<div class="dropdown">
@@ -60,22 +60,9 @@
 <script setup lang="ts">
 import { onMounted, ref } from 'vue'
 
-type SetAction = {
-	label: string
-	link?: string
-	action?: () => void
-}
-
-type SetElement = {
-	elementType: string
-	label: string
-	link?: string
-	show?: boolean
-	action?: () => void
-	actions?: SetAction[]
-}
+import type { ActionElements } from '../types'
 
-const { elements } = defineProps<{ elements?: SetElement[] }>()
+const { elements } = defineProps<{ elements?: ActionElements[] }>()
 
 const _elements = ref(elements)
 const isOpen = ref(false)
@@ -89,7 +76,7 @@ onMounted(() => {
 
 const closeDropdowns = () => {
 	for (const element of _elements.value) {
-		if (element.elementType === 'dropdown') {
+		if (element.type === 'dropdown') {
 			element.show = false
 		}
 	}
diff --git a/desktop/src/index.ts b/desktop/src/index.ts
index 1f983f9f..62a8d17d 100644
--- a/desktop/src/index.ts
+++ b/desktop/src/index.ts
@@ -4,5 +4,6 @@ import Doctype from './components/Doctype.vue'
 import Records from './components/Records.vue'
 import SheetNav from './components/SheetNav.vue'
 import StonecropDesktop from './plugins'
+export type { ActionElements, BaseElement, ButtonElement, DropdownElement, ElementAction } from './types'
 
 export { ActionSet, CommandPalette, Doctype, Records, SheetNav, StonecropDesktop }
diff --git a/desktop/src/plugins/index.ts b/desktop/src/plugins/index.ts
index a2bd04af..78b9508e 100644
--- a/desktop/src/plugins/index.ts
+++ b/desktop/src/plugins/index.ts
@@ -7,8 +7,7 @@ import Records from '../components/Records.vue'
 import SheetNav from '../components/SheetNav.vue'
 
 /**
- * This is the main plugin file that will be used to register all the components
- * that we want to use in our application.
+ * This is the main plugin that will be used to register all the desktop components.
  * @public
  */
 const plugin: Plugin = {
diff --git a/desktop/src/types/index.ts b/desktop/src/types/index.ts
new file mode 100644
index 00000000..d6f5b1db
--- /dev/null
+++ b/desktop/src/types/index.ts
@@ -0,0 +1,41 @@
+/**
+ * Base type for elements in the Action Set
+ * @public
+ */
+export type BaseElement = {
+	label: string
+	show?: boolean
+}
+
+/**
+ * Element actions
+ * @public
+ */
+export type ElementAction = BaseElement & {
+	link?: string
+	action?: () => void
+}
+
+/**
+ * Button elements
+ * @public
+ */
+export type ButtonElement = BaseElement &
+	ElementAction & {
+		type: 'button'
+	}
+
+/**
+ * Dropdown elements
+ * @public
+ */
+export type DropdownElement = BaseElement & {
+	type: 'dropdown'
+	actions: ElementAction[]
+}
+
+/**
+ * Superset of all element types in the Action Set
+ * @public
+ */
+export type ActionElements = ButtonElement | DropdownElement
diff --git a/docs/aform/aform.baseschema.md b/docs/aform/aform.baseschema.md
new file mode 100644
index 00000000..d7aedccf
--- /dev/null
+++ b/docs/aform/aform.baseschema.md
@@ -0,0 +1,17 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/aform](./aform.md) &gt; [BaseSchema](./aform.baseschema.md)
+
+## BaseSchema type
+
+Basic field structure for AForm schemas
+
+**Signature:**
+
+```typescript
+export type BaseSchema = {
+    fieldname: string;
+    component?: string;
+    value?: any;
+};
+```
diff --git a/docs/aform/aform.basicschema.md b/docs/aform/aform.basicschema.md
deleted file mode 100644
index 59bc02d1..00000000
--- a/docs/aform/aform.basicschema.md
+++ /dev/null
@@ -1,20 +0,0 @@
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[Home](./index.md) &gt; [@stonecrop/aform](./aform.md) &gt; [BasicSchema](./aform.basicschema.md)
-
-## BasicSchema type
-
-> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
-> 
-
-Base schemda for AForm components
-
-**Signature:**
-
-```typescript
-export type BasicSchema = {
-    component: string;
-    fieldname: string;
-    value: any;
-};
-```
diff --git a/docs/aform/aform.fieldsetschema.md b/docs/aform/aform.fieldsetschema.md
index 83598d1a..7bb57371 100644
--- a/docs/aform/aform.fieldsetschema.md
+++ b/docs/aform/aform.fieldsetschema.md
@@ -4,19 +4,16 @@
 
 ## FieldsetSchema type
 
-> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
-> 
-
-Fieldset schema
+Schema structure for defining fieldsets inside AForm
 
 **Signature:**
 
 ```typescript
-export type FieldsetSchema = BasicSchema & {
-    label: string;
-    schema: (FormSchema | TableSchema)[];
+export type FieldsetSchema = BaseSchema & {
+    label?: string;
+    schema?: (FormSchema | TableSchema)[];
     collapsible?: boolean;
 };
 ```
-**References:** [BasicSchema](./aform.basicschema.md)<!-- -->, [FormSchema](./aform.formschema.md)<!-- -->, [TableSchema](./aform.tableschema.md)
+**References:** [BaseSchema](./aform.baseschema.md)<!-- -->, [FormSchema](./aform.formschema.md)<!-- -->, [TableSchema](./aform.tableschema.md)
 
diff --git a/docs/aform/aform.formschema.md b/docs/aform/aform.formschema.md
index 8e9fc2b6..6b61635f 100644
--- a/docs/aform/aform.formschema.md
+++ b/docs/aform/aform.formschema.md
@@ -4,23 +4,20 @@
 
 ## FormSchema type
 
-> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
-> 
-
-Form schema
+Schema structure for defining forms inside AForm
 
 **Signature:**
 
 ```typescript
-export type FormSchema = BasicSchema & {
-    align: string;
-    edit: boolean;
-    fieldtype: string;
-    label: string;
-    name: string;
-    width: string;
+export type FormSchema = BaseSchema & {
+    align?: string;
+    edit?: boolean;
+    fieldtype?: string;
+    label?: string;
+    name?: string;
+    width?: string;
     mask?: string;
 };
 ```
-**References:** [BasicSchema](./aform.basicschema.md)
+**References:** [BaseSchema](./aform.baseschema.md)
 
diff --git a/docs/aform/aform.md b/docs/aform/aform.md
index 6195fee1..6a32e3d3 100644
--- a/docs/aform/aform.md
+++ b/docs/aform/aform.md
@@ -45,12 +45,12 @@ Description
 </th></tr></thead>
 <tbody><tr><td>
 
-[BasicSchema](./aform.basicschema.md)
+[BaseSchema](./aform.baseschema.md)
 
 
 </td><td>
 
-**_(BETA)_** Base schemda for AForm components
+Basic field structure for AForm schemas
 
 
 </td></tr>
@@ -72,7 +72,7 @@ Table cell context definition.
 
 </td><td>
 
-**_(BETA)_** Fieldset schema
+Schema structure for defining fieldsets inside AForm
 
 
 </td></tr>
@@ -83,7 +83,7 @@ Table cell context definition.
 
 </td><td>
 
-**_(BETA)_** Form schema
+Schema structure for defining forms inside AForm
 
 
 </td></tr>
@@ -94,7 +94,7 @@ Table cell context definition.
 
 </td><td>
 
-**_(BETA)_** Superset of schema types
+Superset of all schema types for AForm
 
 
 </td></tr>
@@ -138,7 +138,7 @@ Table row definition.
 
 </td><td>
 
-**_(BETA)_** Table schema
+Schema structure for defining tables inside AForm
 
 
 </td></tr>
diff --git a/docs/aform/aform.schematypes.md b/docs/aform/aform.schematypes.md
index 9111046a..89e23da4 100644
--- a/docs/aform/aform.schematypes.md
+++ b/docs/aform/aform.schematypes.md
@@ -4,10 +4,7 @@
 
 ## SchemaTypes type
 
-> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
-> 
-
-Superset of schema types
+Superset of all schema types for AForm
 
 **Signature:**
 
diff --git a/docs/aform/aform.tableschema.md b/docs/aform/aform.tableschema.md
index 69a73110..f4bf8312 100644
--- a/docs/aform/aform.tableschema.md
+++ b/docs/aform/aform.tableschema.md
@@ -4,19 +4,16 @@
 
 ## TableSchema type
 
-> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
-> 
-
-Table schema
+Schema structure for defining tables inside AForm
 
 **Signature:**
 
 ```typescript
-export type TableSchema = BasicSchema & {
-    columns: TableColumn[];
-    config: TableConfig;
-    rows: TableRow[];
+export type TableSchema = BaseSchema & {
+    columns?: TableColumn[];
+    config?: TableConfig;
+    rows?: TableRow[];
 };
 ```
-**References:** [BasicSchema](./aform.basicschema.md)<!-- -->, [TableColumn](./aform.tablecolumn.md)<!-- -->, [TableConfig](./aform.tableconfig.md)<!-- -->, [TableRow](./aform.tablerow.md)
+**References:** [BaseSchema](./aform.baseschema.md)<!-- -->, [TableColumn](./aform.tablecolumn.md)<!-- -->, [TableConfig](./aform.tableconfig.md)<!-- -->, [TableRow](./aform.tablerow.md)
 
diff --git a/docs/atable/atable.createtablestore.md b/docs/atable/atable.createtablestore.md
index d16165ae..7dfb1ee5 100644
--- a/docs/atable/atable.createtablestore.md
+++ b/docs/atable/atable.createtablestore.md
@@ -22,92 +22,95 @@ createTableStore: (initData: {
 }) => import("pinia").Store<`table-${string}`, Pick<{
     columns: import("vue").Ref<{
         name: string;
-        align?: CanvasTextAlign;
-        edit?: boolean;
-        label?: string;
-        type?: string;
-        width?: string;
-        pinned?: boolean;
-        cellComponent?: string;
-        cellComponentProps?: Record<string, any>;
-        modalComponent?: string | ((context: CellContext) => string);
-        modalComponentExtraProps?: Record<string, any>;
-        format?: string | ((value: any, context: CellContext) => string);
-        mask?: (value: any) => any;
+        align?: CanvasTextAlign | undefined;
+        edit?: boolean | undefined;
+        label?: string | undefined;
+        type?: string | undefined;
+        width?: string | undefined;
+        pinned?: boolean | undefined;
+        cellComponent?: string | undefined;
+        cellComponentProps?: Record<string, any> | undefined;
+        modalComponent?: string | ((context: CellContext) => string) | undefined;
+        modalComponentExtraProps?: Record<string, any> | undefined;
+        format?: string | ((value: any, context: CellContext) => string) | undefined;
+        mask?: ((value: any) => any) | undefined;
     }[], TableColumn[] | {
         name: string;
-        align?: CanvasTextAlign;
-        edit?: boolean;
-        label?: string;
-        type?: string;
-        width?: string;
-        pinned?: boolean;
-        cellComponent?: string;
-        cellComponentProps?: Record<string, any>;
-        modalComponent?: string | ((context: CellContext) => string);
-        modalComponentExtraProps?: Record<string, any>;
-        format?: string | ((value: any, context: CellContext) => string);
-        mask?: (value: any) => any;
-    }[]>;
-    rows: import("vue").Ref<{
-        [x: string]: any;
-        indent?: number;
-        parent?: number;
-    }[], TableRow[] | {
-        [x: string]: any;
-        indent?: number;
-        parent?: number;
+        align?: CanvasTextAlign | undefined;
+        edit?: boolean | undefined;
+        label?: string | undefined;
+        type?: string | undefined;
+        width?: string | undefined;
+        pinned?: boolean | undefined;
+        cellComponent?: string | undefined;
+        cellComponentProps?: Record<string, any> | undefined;
+        modalComponent?: string | ((context: CellContext) => string) | undefined;
+        modalComponentExtraProps?: Record<string, any> | undefined;
+        format?: string | ((value: any, context: CellContext) => string) | undefined;
+        mask?: ((value: any) => any) | undefined;
     }[]>;
     config: import("vue").Ref<{
-        view?: "uncounted" | "list" | "list-expansion" | "tree";
-        fullWidth?: boolean;
+        view?: "uncounted" | "list" | "list-expansion" | "tree" | undefined;
+        fullWidth?: boolean | undefined;
     }, TableConfig | {
-        view?: "uncounted" | "list" | "list-expansion" | "tree";
-        fullWidth?: boolean;
+        view?: "uncounted" | "list" | "list-expansion" | "tree" | undefined;
+        fullWidth?: boolean | undefined;
     }>;
-    table: import("vue").Ref<{}, {}>;
     display: import("vue").Ref<{
-        childrenOpen?: boolean;
-        expanded?: boolean;
-        indent?: number;
-        isParent?: boolean;
-        isRoot?: boolean;
-        open?: boolean;
-        parent?: number;
-        rowModified?: boolean;
+        childrenOpen?: boolean | undefined;
+        expanded?: boolean | undefined;
+        indent?: number | undefined;
+        isParent?: boolean | undefined;
+        isRoot?: boolean | undefined;
+        open?: boolean | undefined;
+        parent?: number | undefined;
+        rowModified?: boolean | undefined;
     }[], TableDisplay[] | {
-        childrenOpen?: boolean;
-        expanded?: boolean;
-        indent?: number;
-        isParent?: boolean;
-        isRoot?: boolean;
-        open?: boolean;
-        parent?: number;
-        rowModified?: boolean;
+        childrenOpen?: boolean | undefined;
+        expanded?: boolean | undefined;
+        indent?: number | undefined;
+        isParent?: boolean | undefined;
+        isRoot?: boolean | undefined;
+        open?: boolean | undefined;
+        parent?: number | undefined;
+        rowModified?: boolean | undefined;
     }[]>;
     modal: import("vue").Ref<{
-        colIndex?: number;
-        event?: string;
-        left?: number;
-        parent?: HTMLElement;
-        rowIndex?: number;
-        top?: number;
-        visible?: boolean;
-        width?: string;
-        component?: string;
-        componentProps?: Record<string, any>;
+        colIndex?: number | undefined;
+        event?: string | undefined;
+        height?: number | undefined;
+        left?: number | undefined;
+        parent?: HTMLElement | undefined;
+        rowIndex?: number | undefined;
+        top?: number | undefined;
+        visible?: boolean | undefined;
+        width?: number | undefined;
+        component?: string | undefined;
+        componentProps?: Record<string, any> | undefined;
     }, TableModal | {
-        colIndex?: number;
-        event?: string;
-        left?: number;
-        parent?: HTMLElement;
-        rowIndex?: number;
-        top?: number;
-        visible?: boolean;
-        width?: string;
-        component?: string;
-        componentProps?: Record<string, any>;
+        colIndex?: number | undefined;
+        event?: string | undefined;
+        height?: number | undefined;
+        left?: number | undefined;
+        parent?: HTMLElement | undefined;
+        rowIndex?: number | undefined;
+        top?: number | undefined;
+        visible?: boolean | undefined;
+        width?: number | undefined;
+        component?: string | undefined;
+        componentProps?: Record<string, any> | undefined;
     }>;
+    rows: import("vue").Ref<{
+        [x: string]: any;
+        indent?: number | undefined;
+        parent?: number | undefined;
+    }[], TableRow[] | {
+        [x: string]: any;
+        indent?: number | undefined;
+        parent?: number | undefined;
+    }[]>;
+    table: import("vue").Ref<{}, {}>;
+    updates: import("vue").Ref<Record<string, string>, Record<string, string>>;
     hasPinnedColumns: import("vue").ComputedRef<boolean>;
     numberedRowWidth: import("vue").ComputedRef<string>;
     zeroColumn: import("vue").ComputedRef<boolean>;
@@ -118,98 +121,102 @@ createTableStore: (initData: {
     getHeaderCellStyle: (column: TableColumn) => CSSProperties;
     getIndent: (colIndex: number, indentLevel?: number) => string;
     getRowExpandSymbol: (rowIndex: number) => "" | "-" | "+";
-    isRowVisible: (rowIndex: number) => boolean;
+    isRowVisible: (rowIndex: number) => boolean | undefined;
     setCellData: (colIndex: number, rowIndex: number, value: any) => void;
+    setCellText: (colIndex: number, rowIndex: number, value: string) => void;
     toggleRowExpand: (rowIndex: number) => void;
-}, "columns" | "rows" | "config" | "table" | "display" | "modal">, Pick<{
+}, "columns" | "config" | "display" | "modal" | "rows" | "table" | "updates">, Pick<{
     columns: import("vue").Ref<{
         name: string;
-        align?: CanvasTextAlign;
-        edit?: boolean;
-        label?: string;
-        type?: string;
-        width?: string;
-        pinned?: boolean;
-        cellComponent?: string;
-        cellComponentProps?: Record<string, any>;
-        modalComponent?: string | ((context: CellContext) => string);
-        modalComponentExtraProps?: Record<string, any>;
-        format?: string | ((value: any, context: CellContext) => string);
-        mask?: (value: any) => any;
+        align?: CanvasTextAlign | undefined;
+        edit?: boolean | undefined;
+        label?: string | undefined;
+        type?: string | undefined;
+        width?: string | undefined;
+        pinned?: boolean | undefined;
+        cellComponent?: string | undefined;
+        cellComponentProps?: Record<string, any> | undefined;
+        modalComponent?: string | ((context: CellContext) => string) | undefined;
+        modalComponentExtraProps?: Record<string, any> | undefined;
+        format?: string | ((value: any, context: CellContext) => string) | undefined;
+        mask?: ((value: any) => any) | undefined;
     }[], TableColumn[] | {
         name: string;
-        align?: CanvasTextAlign;
-        edit?: boolean;
-        label?: string;
-        type?: string;
-        width?: string;
-        pinned?: boolean;
-        cellComponent?: string;
-        cellComponentProps?: Record<string, any>;
-        modalComponent?: string | ((context: CellContext) => string);
-        modalComponentExtraProps?: Record<string, any>;
-        format?: string | ((value: any, context: CellContext) => string);
-        mask?: (value: any) => any;
-    }[]>;
-    rows: import("vue").Ref<{
-        [x: string]: any;
-        indent?: number;
-        parent?: number;
-    }[], TableRow[] | {
-        [x: string]: any;
-        indent?: number;
-        parent?: number;
+        align?: CanvasTextAlign | undefined;
+        edit?: boolean | undefined;
+        label?: string | undefined;
+        type?: string | undefined;
+        width?: string | undefined;
+        pinned?: boolean | undefined;
+        cellComponent?: string | undefined;
+        cellComponentProps?: Record<string, any> | undefined;
+        modalComponent?: string | ((context: CellContext) => string) | undefined;
+        modalComponentExtraProps?: Record<string, any> | undefined;
+        format?: string | ((value: any, context: CellContext) => string) | undefined;
+        mask?: ((value: any) => any) | undefined;
     }[]>;
     config: import("vue").Ref<{
-        view?: "uncounted" | "list" | "list-expansion" | "tree";
-        fullWidth?: boolean;
+        view?: "uncounted" | "list" | "list-expansion" | "tree" | undefined;
+        fullWidth?: boolean | undefined;
     }, TableConfig | {
-        view?: "uncounted" | "list" | "list-expansion" | "tree";
-        fullWidth?: boolean;
+        view?: "uncounted" | "list" | "list-expansion" | "tree" | undefined;
+        fullWidth?: boolean | undefined;
     }>;
-    table: import("vue").Ref<{}, {}>;
     display: import("vue").Ref<{
-        childrenOpen?: boolean;
-        expanded?: boolean;
-        indent?: number;
-        isParent?: boolean;
-        isRoot?: boolean;
-        open?: boolean;
-        parent?: number;
-        rowModified?: boolean;
+        childrenOpen?: boolean | undefined;
+        expanded?: boolean | undefined;
+        indent?: number | undefined;
+        isParent?: boolean | undefined;
+        isRoot?: boolean | undefined;
+        open?: boolean | undefined;
+        parent?: number | undefined;
+        rowModified?: boolean | undefined;
     }[], TableDisplay[] | {
-        childrenOpen?: boolean;
-        expanded?: boolean;
-        indent?: number;
-        isParent?: boolean;
-        isRoot?: boolean;
-        open?: boolean;
-        parent?: number;
-        rowModified?: boolean;
+        childrenOpen?: boolean | undefined;
+        expanded?: boolean | undefined;
+        indent?: number | undefined;
+        isParent?: boolean | undefined;
+        isRoot?: boolean | undefined;
+        open?: boolean | undefined;
+        parent?: number | undefined;
+        rowModified?: boolean | undefined;
     }[]>;
     modal: import("vue").Ref<{
-        colIndex?: number;
-        event?: string;
-        left?: number;
-        parent?: HTMLElement;
-        rowIndex?: number;
-        top?: number;
-        visible?: boolean;
-        width?: string;
-        component?: string;
-        componentProps?: Record<string, any>;
+        colIndex?: number | undefined;
+        event?: string | undefined;
+        height?: number | undefined;
+        left?: number | undefined;
+        parent?: HTMLElement | undefined;
+        rowIndex?: number | undefined;
+        top?: number | undefined;
+        visible?: boolean | undefined;
+        width?: number | undefined;
+        component?: string | undefined;
+        componentProps?: Record<string, any> | undefined;
     }, TableModal | {
-        colIndex?: number;
-        event?: string;
-        left?: number;
-        parent?: HTMLElement;
-        rowIndex?: number;
-        top?: number;
-        visible?: boolean;
-        width?: string;
-        component?: string;
-        componentProps?: Record<string, any>;
+        colIndex?: number | undefined;
+        event?: string | undefined;
+        height?: number | undefined;
+        left?: number | undefined;
+        parent?: HTMLElement | undefined;
+        rowIndex?: number | undefined;
+        top?: number | undefined;
+        visible?: boolean | undefined;
+        width?: number | undefined;
+        component?: string | undefined;
+        componentProps?: Record<string, any> | undefined;
     }>;
+    rows: import("vue").Ref<{
+        [x: string]: any;
+        indent?: number | undefined;
+        parent?: number | undefined;
+    }[], TableRow[] | {
+        [x: string]: any;
+        indent?: number | undefined;
+        parent?: number | undefined;
+    }[]>;
+    table: import("vue").Ref<{}, {}>;
+    updates: import("vue").Ref<Record<string, string>, Record<string, string>>;
     hasPinnedColumns: import("vue").ComputedRef<boolean>;
     numberedRowWidth: import("vue").ComputedRef<string>;
     zeroColumn: import("vue").ComputedRef<boolean>;
@@ -220,98 +227,102 @@ createTableStore: (initData: {
     getHeaderCellStyle: (column: TableColumn) => CSSProperties;
     getIndent: (colIndex: number, indentLevel?: number) => string;
     getRowExpandSymbol: (rowIndex: number) => "" | "-" | "+";
-    isRowVisible: (rowIndex: number) => boolean;
+    isRowVisible: (rowIndex: number) => boolean | undefined;
     setCellData: (colIndex: number, rowIndex: number, value: any) => void;
+    setCellText: (colIndex: number, rowIndex: number, value: string) => void;
     toggleRowExpand: (rowIndex: number) => void;
 }, "hasPinnedColumns" | "numberedRowWidth" | "zeroColumn">, Pick<{
     columns: import("vue").Ref<{
         name: string;
-        align?: CanvasTextAlign;
-        edit?: boolean;
-        label?: string;
-        type?: string;
-        width?: string;
-        pinned?: boolean;
-        cellComponent?: string;
-        cellComponentProps?: Record<string, any>;
-        modalComponent?: string | ((context: CellContext) => string);
-        modalComponentExtraProps?: Record<string, any>;
-        format?: string | ((value: any, context: CellContext) => string);
-        mask?: (value: any) => any;
+        align?: CanvasTextAlign | undefined;
+        edit?: boolean | undefined;
+        label?: string | undefined;
+        type?: string | undefined;
+        width?: string | undefined;
+        pinned?: boolean | undefined;
+        cellComponent?: string | undefined;
+        cellComponentProps?: Record<string, any> | undefined;
+        modalComponent?: string | ((context: CellContext) => string) | undefined;
+        modalComponentExtraProps?: Record<string, any> | undefined;
+        format?: string | ((value: any, context: CellContext) => string) | undefined;
+        mask?: ((value: any) => any) | undefined;
     }[], TableColumn[] | {
         name: string;
-        align?: CanvasTextAlign;
-        edit?: boolean;
-        label?: string;
-        type?: string;
-        width?: string;
-        pinned?: boolean;
-        cellComponent?: string;
-        cellComponentProps?: Record<string, any>;
-        modalComponent?: string | ((context: CellContext) => string);
-        modalComponentExtraProps?: Record<string, any>;
-        format?: string | ((value: any, context: CellContext) => string);
-        mask?: (value: any) => any;
-    }[]>;
-    rows: import("vue").Ref<{
-        [x: string]: any;
-        indent?: number;
-        parent?: number;
-    }[], TableRow[] | {
-        [x: string]: any;
-        indent?: number;
-        parent?: number;
+        align?: CanvasTextAlign | undefined;
+        edit?: boolean | undefined;
+        label?: string | undefined;
+        type?: string | undefined;
+        width?: string | undefined;
+        pinned?: boolean | undefined;
+        cellComponent?: string | undefined;
+        cellComponentProps?: Record<string, any> | undefined;
+        modalComponent?: string | ((context: CellContext) => string) | undefined;
+        modalComponentExtraProps?: Record<string, any> | undefined;
+        format?: string | ((value: any, context: CellContext) => string) | undefined;
+        mask?: ((value: any) => any) | undefined;
     }[]>;
     config: import("vue").Ref<{
-        view?: "uncounted" | "list" | "list-expansion" | "tree";
-        fullWidth?: boolean;
+        view?: "uncounted" | "list" | "list-expansion" | "tree" | undefined;
+        fullWidth?: boolean | undefined;
     }, TableConfig | {
-        view?: "uncounted" | "list" | "list-expansion" | "tree";
-        fullWidth?: boolean;
+        view?: "uncounted" | "list" | "list-expansion" | "tree" | undefined;
+        fullWidth?: boolean | undefined;
     }>;
-    table: import("vue").Ref<{}, {}>;
     display: import("vue").Ref<{
-        childrenOpen?: boolean;
-        expanded?: boolean;
-        indent?: number;
-        isParent?: boolean;
-        isRoot?: boolean;
-        open?: boolean;
-        parent?: number;
-        rowModified?: boolean;
+        childrenOpen?: boolean | undefined;
+        expanded?: boolean | undefined;
+        indent?: number | undefined;
+        isParent?: boolean | undefined;
+        isRoot?: boolean | undefined;
+        open?: boolean | undefined;
+        parent?: number | undefined;
+        rowModified?: boolean | undefined;
     }[], TableDisplay[] | {
-        childrenOpen?: boolean;
-        expanded?: boolean;
-        indent?: number;
-        isParent?: boolean;
-        isRoot?: boolean;
-        open?: boolean;
-        parent?: number;
-        rowModified?: boolean;
+        childrenOpen?: boolean | undefined;
+        expanded?: boolean | undefined;
+        indent?: number | undefined;
+        isParent?: boolean | undefined;
+        isRoot?: boolean | undefined;
+        open?: boolean | undefined;
+        parent?: number | undefined;
+        rowModified?: boolean | undefined;
     }[]>;
     modal: import("vue").Ref<{
-        colIndex?: number;
-        event?: string;
-        left?: number;
-        parent?: HTMLElement;
-        rowIndex?: number;
-        top?: number;
-        visible?: boolean;
-        width?: string;
-        component?: string;
-        componentProps?: Record<string, any>;
+        colIndex?: number | undefined;
+        event?: string | undefined;
+        height?: number | undefined;
+        left?: number | undefined;
+        parent?: HTMLElement | undefined;
+        rowIndex?: number | undefined;
+        top?: number | undefined;
+        visible?: boolean | undefined;
+        width?: number | undefined;
+        component?: string | undefined;
+        componentProps?: Record<string, any> | undefined;
     }, TableModal | {
-        colIndex?: number;
-        event?: string;
-        left?: number;
-        parent?: HTMLElement;
-        rowIndex?: number;
-        top?: number;
-        visible?: boolean;
-        width?: string;
-        component?: string;
-        componentProps?: Record<string, any>;
+        colIndex?: number | undefined;
+        event?: string | undefined;
+        height?: number | undefined;
+        left?: number | undefined;
+        parent?: HTMLElement | undefined;
+        rowIndex?: number | undefined;
+        top?: number | undefined;
+        visible?: boolean | undefined;
+        width?: number | undefined;
+        component?: string | undefined;
+        componentProps?: Record<string, any> | undefined;
     }>;
+    rows: import("vue").Ref<{
+        [x: string]: any;
+        indent?: number | undefined;
+        parent?: number | undefined;
+    }[], TableRow[] | {
+        [x: string]: any;
+        indent?: number | undefined;
+        parent?: number | undefined;
+    }[]>;
+    table: import("vue").Ref<{}, {}>;
+    updates: import("vue").Ref<Record<string, string>, Record<string, string>>;
     hasPinnedColumns: import("vue").ComputedRef<boolean>;
     numberedRowWidth: import("vue").ComputedRef<string>;
     zeroColumn: import("vue").ComputedRef<boolean>;
@@ -322,10 +333,11 @@ createTableStore: (initData: {
     getHeaderCellStyle: (column: TableColumn) => CSSProperties;
     getIndent: (colIndex: number, indentLevel?: number) => string;
     getRowExpandSymbol: (rowIndex: number) => "" | "-" | "+";
-    isRowVisible: (rowIndex: number) => boolean;
+    isRowVisible: (rowIndex: number) => boolean | undefined;
     setCellData: (colIndex: number, rowIndex: number, value: any) => void;
+    setCellText: (colIndex: number, rowIndex: number, value: string) => void;
     toggleRowExpand: (rowIndex: number) => void;
-}, "closeModal" | "getCellData" | "getCellDisplayValue" | "getFormattedValue" | "getHeaderCellStyle" | "getIndent" | "getRowExpandSymbol" | "isRowVisible" | "setCellData" | "toggleRowExpand">>
+}, "closeModal" | "getCellData" | "getCellDisplayValue" | "getFormattedValue" | "getHeaderCellStyle" | "getIndent" | "getRowExpandSymbol" | "isRowVisible" | "setCellData" | "setCellText" | "toggleRowExpand">>
 ```
 
 ## Parameters
@@ -365,7 +377,7 @@ Initial data for the table store
 </tbody></table>
 **Returns:**
 
-import("pinia").Store&lt;\`table-${string}\`, Pick&lt;{ columns: import("vue").Ref&lt;{ name: string; align?: CanvasTextAlign; edit?: boolean; label?: string; type?: string; width?: string; pinned?: boolean; cellComponent?: string; cellComponentProps?: Record&lt;string, any&gt;; modalComponent?: string \| ((context: [CellContext](./atable.cellcontext.md)<!-- -->) =&gt; string); modalComponentExtraProps?: Record&lt;string, any&gt;; format?: string \| ((value: any, context: [CellContext](./atable.cellcontext.md)<!-- -->) =&gt; string); mask?: (value: any) =&gt; any; }\[\], [TableColumn](./atable.tablecolumn.md)<!-- -->\[\] \| { name: string; align?: CanvasTextAlign; edit?: boolean; label?: string; type?: string; width?: string; pinned?: boolean; cellComponent?: string; cellComponentProps?: Record&lt;string, any&gt;; modalComponent?: string \| ((context: [CellContext](./atable.cellcontext.md)<!-- -->) =&gt; string); modalComponentExtraProps?: Record&lt;string, any&gt;; format?: string \| ((value: any, context: [CellContext](./atable.cellcontext.md)<!-- -->) =&gt; string); mask?: (value: any) =&gt; any; }\[\]&gt;; rows: import("vue").Ref&lt;{ \[x: string\]: any; indent?: number; parent?: number; }\[\], [TableRow](./atable.tablerow.md)<!-- -->\[\] \| { \[x: string\]: any; indent?: number; parent?: number; }\[\]&gt;; config: import("vue").Ref&lt;{ view?: "uncounted" \| "list" \| "list-expansion" \| "tree"; fullWidth?: boolean; }, [TableConfig](./atable.tableconfig.md) \| { view?: "uncounted" \| "list" \| "list-expansion" \| "tree"; fullWidth?: boolean; }&gt;; table: import("vue").Ref&lt;{}, {}&gt;; display: import("vue").Ref&lt;{ childrenOpen?: boolean; expanded?: boolean; indent?: number; isParent?: boolean; isRoot?: boolean; open?: boolean; parent?: number; rowModified?: boolean; }\[\], [TableDisplay](./atable.tabledisplay.md)<!-- -->\[\] \| { childrenOpen?: boolean; expanded?: boolean; indent?: number; isParent?: boolean; isRoot?: boolean; open?: boolean; parent?: number; rowModified?: boolean; }\[\]&gt;; modal: import("vue").Ref&lt;{ colIndex?: number; event?: string; left?: number; parent?: HTMLElement; rowIndex?: number; top?: number; visible?: boolean; width?: string; component?: string; componentProps?: Record&lt;string, any&gt;; }, [TableModal](./atable.tablemodal.md) \| { colIndex?: number; event?: string; left?: number; parent?: HTMLElement; rowIndex?: number; top?: number; visible?: boolean; width?: string; component?: string; componentProps?: Record&lt;string, any&gt;; }&gt;; hasPinnedColumns: import("vue").ComputedRef&lt;boolean&gt;; numberedRowWidth: import("vue").ComputedRef&lt;string&gt;; zeroColumn: import("vue").ComputedRef&lt;boolean&gt;; closeModal: (event: MouseEvent) =&gt; void; getCellData: &lt;T = any&gt;(colIndex: number, rowIndex: number) =&gt; T; getCellDisplayValue: (colIndex: number, rowIndex: number) =&gt; any; getFormattedValue: (colIndex: number, rowIndex: number, value: any) =&gt; any; getHeaderCellStyle: (column: [TableColumn](./atable.tablecolumn.md)<!-- -->) =&gt; CSSProperties; getIndent: (colIndex: number, indentLevel?: number) =&gt; string; getRowExpandSymbol: (rowIndex: number) =&gt; "" \| "-" \| "+"; isRowVisible: (rowIndex: number) =&gt; boolean; setCellData: (colIndex: number, rowIndex: number, value: any) =&gt; void; toggleRowExpand: (rowIndex: number) =&gt; void; }, "columns" \| "rows" \| "config" \| "table" \| "display" \| "modal"&gt;, Pick&lt;{ columns: import("vue").Ref&lt;{ name: string; align?: CanvasTextAlign; edit?: boolean; label?: string; type?: string; width?: string; pinned?: boolean; cellComponent?: string; cellComponentProps?: Record&lt;string, any&gt;; modalComponent?: string \| ((context: [CellContext](./atable.cellcontext.md)<!-- -->) =&gt; string); modalComponentExtraProps?: Record&lt;string, any&gt;; format?: string \| ((value: any, context: [CellContext](./atable.cellcontext.md)<!-- -->) =&gt; string); mask?: (value: any) =&gt; any; }\[\], [TableColumn](./atable.tablecolumn.md)<!-- -->\[\] \| { name: string; align?: CanvasTextAlign; edit?: boolean; label?: string; type?: string; width?: string; pinned?: boolean; cellComponent?: string; cellComponentProps?: Record&lt;string, any&gt;; modalComponent?: string \| ((context: [CellContext](./atable.cellcontext.md)<!-- -->) =&gt; string); modalComponentExtraProps?: Record&lt;string, any&gt;; format?: string \| ((value: any, context: [CellContext](./atable.cellcontext.md)<!-- -->) =&gt; string); mask?: (value: any) =&gt; any; }\[\]&gt;; rows: import("vue").Ref&lt;{ \[x: string\]: any; indent?: number; parent?: number; }\[\], [TableRow](./atable.tablerow.md)<!-- -->\[\] \| { \[x: string\]: any; indent?: number; parent?: number; }\[\]&gt;; config: import("vue").Ref&lt;{ view?: "uncounted" \| "list" \| "list-expansion" \| "tree"; fullWidth?: boolean; }, [TableConfig](./atable.tableconfig.md) \| { view?: "uncounted" \| "list" \| "list-expansion" \| "tree"; fullWidth?: boolean; }&gt;; table: import("vue").Ref&lt;{}, {}&gt;; display: import("vue").Ref&lt;{ childrenOpen?: boolean; expanded?: boolean; indent?: number; isParent?: boolean; isRoot?: boolean; open?: boolean; parent?: number; rowModified?: boolean; }\[\], [TableDisplay](./atable.tabledisplay.md)<!-- -->\[\] \| { childrenOpen?: boolean; expanded?: boolean; indent?: number; isParent?: boolean; isRoot?: boolean; open?: boolean; parent?: number; rowModified?: boolean; }\[\]&gt;; modal: import("vue").Ref&lt;{ colIndex?: number; event?: string; left?: number; parent?: HTMLElement; rowIndex?: number; top?: number; visible?: boolean; width?: string; component?: string; componentProps?: Record&lt;string, any&gt;; }, [TableModal](./atable.tablemodal.md) \| { colIndex?: number; event?: string; left?: number; parent?: HTMLElement; rowIndex?: number; top?: number; visible?: boolean; width?: string; component?: string; componentProps?: Record&lt;string, any&gt;; }&gt;; hasPinnedColumns: import("vue").ComputedRef&lt;boolean&gt;; numberedRowWidth: import("vue").ComputedRef&lt;string&gt;; zeroColumn: import("vue").ComputedRef&lt;boolean&gt;; closeModal: (event: MouseEvent) =&gt; void; getCellData: &lt;T = any&gt;(colIndex: number, rowIndex: number) =&gt; T; getCellDisplayValue: (colIndex: number, rowIndex: number) =&gt; any; getFormattedValue: (colIndex: number, rowIndex: number, value: any) =&gt; any; getHeaderCellStyle: (column: [TableColumn](./atable.tablecolumn.md)<!-- -->) =&gt; CSSProperties; getIndent: (colIndex: number, indentLevel?: number) =&gt; string; getRowExpandSymbol: (rowIndex: number) =&gt; "" \| "-" \| "+"; isRowVisible: (rowIndex: number) =&gt; boolean; setCellData: (colIndex: number, rowIndex: number, value: any) =&gt; void; toggleRowExpand: (rowIndex: number) =&gt; void; }, "hasPinnedColumns" \| "numberedRowWidth" \| "zeroColumn"&gt;, Pick&lt;{ columns: import("vue").Ref&lt;{ name: string; align?: CanvasTextAlign; edit?: boolean; label?: string; type?: string; width?: string; pinned?: boolean; cellComponent?: string; cellComponentProps?: Record&lt;string, any&gt;; modalComponent?: string \| ((context: [CellContext](./atable.cellcontext.md)<!-- -->) =&gt; string); modalComponentExtraProps?: Record&lt;string, any&gt;; format?: string \| ((value: any, context: [CellContext](./atable.cellcontext.md)<!-- -->) =&gt; string); mask?: (value: any) =&gt; any; }\[\], [TableColumn](./atable.tablecolumn.md)<!-- -->\[\] \| { name: string; align?: CanvasTextAlign; edit?: boolean; label?: string; type?: string; width?: string; pinned?: boolean; cellComponent?: string; cellComponentProps?: Record&lt;string, any&gt;; modalComponent?: string \| ((context: [CellContext](./atable.cellcontext.md)<!-- -->) =&gt; string); modalComponentExtraProps?: Record&lt;string, any&gt;; format?: string \| ((value: any, context: [CellContext](./atable.cellcontext.md)<!-- -->) =&gt; string); mask?: (value: any) =&gt; any; }\[\]&gt;; rows: import("vue").Ref&lt;{ \[x: string\]: any; indent?: number; parent?: number; }\[\], [TableRow](./atable.tablerow.md)<!-- -->\[\] \| { \[x: string\]: any; indent?: number; parent?: number; }\[\]&gt;; config: import("vue").Ref&lt;{ view?: "uncounted" \| "list" \| "list-expansion" \| "tree"; fullWidth?: boolean; }, [TableConfig](./atable.tableconfig.md) \| { view?: "uncounted" \| "list" \| "list-expansion" \| "tree"; fullWidth?: boolean; }&gt;; table: import("vue").Ref&lt;{}, {}&gt;; display: import("vue").Ref&lt;{ childrenOpen?: boolean; expanded?: boolean; indent?: number; isParent?: boolean; isRoot?: boolean; open?: boolean; parent?: number; rowModified?: boolean; }\[\], [TableDisplay](./atable.tabledisplay.md)<!-- -->\[\] \| { childrenOpen?: boolean; expanded?: boolean; indent?: number; isParent?: boolean; isRoot?: boolean; open?: boolean; parent?: number; rowModified?: boolean; }\[\]&gt;; modal: import("vue").Ref&lt;{ colIndex?: number; event?: string; left?: number; parent?: HTMLElement; rowIndex?: number; top?: number; visible?: boolean; width?: string; component?: string; componentProps?: Record&lt;string, any&gt;; }, [TableModal](./atable.tablemodal.md) \| { colIndex?: number; event?: string; left?: number; parent?: HTMLElement; rowIndex?: number; top?: number; visible?: boolean; width?: string; component?: string; componentProps?: Record&lt;string, any&gt;; }&gt;; hasPinnedColumns: import("vue").ComputedRef&lt;boolean&gt;; numberedRowWidth: import("vue").ComputedRef&lt;string&gt;; zeroColumn: import("vue").ComputedRef&lt;boolean&gt;; closeModal: (event: MouseEvent) =&gt; void; getCellData: &lt;T = any&gt;(colIndex: number, rowIndex: number) =&gt; T; getCellDisplayValue: (colIndex: number, rowIndex: number) =&gt; any; getFormattedValue: (colIndex: number, rowIndex: number, value: any) =&gt; any; getHeaderCellStyle: (column: [TableColumn](./atable.tablecolumn.md)<!-- -->) =&gt; CSSProperties; getIndent: (colIndex: number, indentLevel?: number) =&gt; string; getRowExpandSymbol: (rowIndex: number) =&gt; "" \| "-" \| "+"; isRowVisible: (rowIndex: number) =&gt; boolean; setCellData: (colIndex: number, rowIndex: number, value: any) =&gt; void; toggleRowExpand: (rowIndex: number) =&gt; void; }, "closeModal" \| "getCellData" \| "getCellDisplayValue" \| "getFormattedValue" \| "getHeaderCellStyle" \| "getIndent" \| "getRowExpandSymbol" \| "isRowVisible" \| "setCellData" \| "toggleRowExpand"&gt;&gt;
+import("pinia").Store&lt;\`table-${string}\`, Pick&lt;{ columns: import("vue").Ref&lt;{ name: string; align?: CanvasTextAlign \| undefined; edit?: boolean \| undefined; label?: string \| undefined; type?: string \| undefined; width?: string \| undefined; pinned?: boolean \| undefined; cellComponent?: string \| undefined; cellComponentProps?: Record&lt;string, any&gt; \| undefined; modalComponent?: string \| ((context: [CellContext](./atable.cellcontext.md)<!-- -->) =&gt; string) \| undefined; modalComponentExtraProps?: Record&lt;string, any&gt; \| undefined; format?: string \| ((value: any, context: [CellContext](./atable.cellcontext.md)<!-- -->) =&gt; string) \| undefined; mask?: ((value: any) =&gt; any) \| undefined; }\[\], [TableColumn](./atable.tablecolumn.md)<!-- -->\[\] \| { name: string; align?: CanvasTextAlign \| undefined; edit?: boolean \| undefined; label?: string \| undefined; type?: string \| undefined; width?: string \| undefined; pinned?: boolean \| undefined; cellComponent?: string \| undefined; cellComponentProps?: Record&lt;string, any&gt; \| undefined; modalComponent?: string \| ((context: [CellContext](./atable.cellcontext.md)<!-- -->) =&gt; string) \| undefined; modalComponentExtraProps?: Record&lt;string, any&gt; \| undefined; format?: string \| ((value: any, context: [CellContext](./atable.cellcontext.md)<!-- -->) =&gt; string) \| undefined; mask?: ((value: any) =&gt; any) \| undefined; }\[\]&gt;; config: import("vue").Ref&lt;{ view?: "uncounted" \| "list" \| "list-expansion" \| "tree" \| undefined; fullWidth?: boolean \| undefined; }, [TableConfig](./atable.tableconfig.md) \| { view?: "uncounted" \| "list" \| "list-expansion" \| "tree" \| undefined; fullWidth?: boolean \| undefined; }&gt;; display: import("vue").Ref&lt;{ childrenOpen?: boolean \| undefined; expanded?: boolean \| undefined; indent?: number \| undefined; isParent?: boolean \| undefined; isRoot?: boolean \| undefined; open?: boolean \| undefined; parent?: number \| undefined; rowModified?: boolean \| undefined; }\[\], [TableDisplay](./atable.tabledisplay.md)<!-- -->\[\] \| { childrenOpen?: boolean \| undefined; expanded?: boolean \| undefined; indent?: number \| undefined; isParent?: boolean \| undefined; isRoot?: boolean \| undefined; open?: boolean \| undefined; parent?: number \| undefined; rowModified?: boolean \| undefined; }\[\]&gt;; modal: import("vue").Ref&lt;{ colIndex?: number \| undefined; event?: string \| undefined; height?: number \| undefined; left?: number \| undefined; parent?: HTMLElement \| undefined; rowIndex?: number \| undefined; top?: number \| undefined; visible?: boolean \| undefined; width?: number \| undefined; component?: string \| undefined; componentProps?: Record&lt;string, any&gt; \| undefined; }, [TableModal](./atable.tablemodal.md) \| { colIndex?: number \| undefined; event?: string \| undefined; height?: number \| undefined; left?: number \| undefined; parent?: HTMLElement \| undefined; rowIndex?: number \| undefined; top?: number \| undefined; visible?: boolean \| undefined; width?: number \| undefined; component?: string \| undefined; componentProps?: Record&lt;string, any&gt; \| undefined; }&gt;; rows: import("vue").Ref&lt;{ \[x: string\]: any; indent?: number \| undefined; parent?: number \| undefined; }\[\], [TableRow](./atable.tablerow.md)<!-- -->\[\] \| { \[x: string\]: any; indent?: number \| undefined; parent?: number \| undefined; }\[\]&gt;; table: import("vue").Ref&lt;{}, {}&gt;; updates: import("vue").Ref&lt;Record&lt;string, string&gt;, Record&lt;string, string&gt;&gt;; hasPinnedColumns: import("vue").ComputedRef&lt;boolean&gt;; numberedRowWidth: import("vue").ComputedRef&lt;string&gt;; zeroColumn: import("vue").ComputedRef&lt;boolean&gt;; closeModal: (event: MouseEvent) =&gt; void; getCellData: &lt;T = any&gt;(colIndex: number, rowIndex: number) =&gt; T; getCellDisplayValue: (colIndex: number, rowIndex: number) =&gt; any; getFormattedValue: (colIndex: number, rowIndex: number, value: any) =&gt; any; getHeaderCellStyle: (column: [TableColumn](./atable.tablecolumn.md)<!-- -->) =&gt; CSSProperties; getIndent: (colIndex: number, indentLevel?: number) =&gt; string; getRowExpandSymbol: (rowIndex: number) =&gt; "" \| "-" \| "+"; isRowVisible: (rowIndex: number) =&gt; boolean \| undefined; setCellData: (colIndex: number, rowIndex: number, value: any) =&gt; void; setCellText: (colIndex: number, rowIndex: number, value: string) =&gt; void; toggleRowExpand: (rowIndex: number) =&gt; void; }, "columns" \| "config" \| "display" \| "modal" \| "rows" \| "table" \| "updates"&gt;, Pick&lt;{ columns: import("vue").Ref&lt;{ name: string; align?: CanvasTextAlign \| undefined; edit?: boolean \| undefined; label?: string \| undefined; type?: string \| undefined; width?: string \| undefined; pinned?: boolean \| undefined; cellComponent?: string \| undefined; cellComponentProps?: Record&lt;string, any&gt; \| undefined; modalComponent?: string \| ((context: [CellContext](./atable.cellcontext.md)<!-- -->) =&gt; string) \| undefined; modalComponentExtraProps?: Record&lt;string, any&gt; \| undefined; format?: string \| ((value: any, context: [CellContext](./atable.cellcontext.md)<!-- -->) =&gt; string) \| undefined; mask?: ((value: any) =&gt; any) \| undefined; }\[\], [TableColumn](./atable.tablecolumn.md)<!-- -->\[\] \| { name: string; align?: CanvasTextAlign \| undefined; edit?: boolean \| undefined; label?: string \| undefined; type?: string \| undefined; width?: string \| undefined; pinned?: boolean \| undefined; cellComponent?: string \| undefined; cellComponentProps?: Record&lt;string, any&gt; \| undefined; modalComponent?: string \| ((context: [CellContext](./atable.cellcontext.md)<!-- -->) =&gt; string) \| undefined; modalComponentExtraProps?: Record&lt;string, any&gt; \| undefined; format?: string \| ((value: any, context: [CellContext](./atable.cellcontext.md)<!-- -->) =&gt; string) \| undefined; mask?: ((value: any) =&gt; any) \| undefined; }\[\]&gt;; config: import("vue").Ref&lt;{ view?: "uncounted" \| "list" \| "list-expansion" \| "tree" \| undefined; fullWidth?: boolean \| undefined; }, [TableConfig](./atable.tableconfig.md) \| { view?: "uncounted" \| "list" \| "list-expansion" \| "tree" \| undefined; fullWidth?: boolean \| undefined; }&gt;; display: import("vue").Ref&lt;{ childrenOpen?: boolean \| undefined; expanded?: boolean \| undefined; indent?: number \| undefined; isParent?: boolean \| undefined; isRoot?: boolean \| undefined; open?: boolean \| undefined; parent?: number \| undefined; rowModified?: boolean \| undefined; }\[\], [TableDisplay](./atable.tabledisplay.md)<!-- -->\[\] \| { childrenOpen?: boolean \| undefined; expanded?: boolean \| undefined; indent?: number \| undefined; isParent?: boolean \| undefined; isRoot?: boolean \| undefined; open?: boolean \| undefined; parent?: number \| undefined; rowModified?: boolean \| undefined; }\[\]&gt;; modal: import("vue").Ref&lt;{ colIndex?: number \| undefined; event?: string \| undefined; height?: number \| undefined; left?: number \| undefined; parent?: HTMLElement \| undefined; rowIndex?: number \| undefined; top?: number \| undefined; visible?: boolean \| undefined; width?: number \| undefined; component?: string \| undefined; componentProps?: Record&lt;string, any&gt; \| undefined; }, [TableModal](./atable.tablemodal.md) \| { colIndex?: number \| undefined; event?: string \| undefined; height?: number \| undefined; left?: number \| undefined; parent?: HTMLElement \| undefined; rowIndex?: number \| undefined; top?: number \| undefined; visible?: boolean \| undefined; width?: number \| undefined; component?: string \| undefined; componentProps?: Record&lt;string, any&gt; \| undefined; }&gt;; rows: import("vue").Ref&lt;{ \[x: string\]: any; indent?: number \| undefined; parent?: number \| undefined; }\[\], [TableRow](./atable.tablerow.md)<!-- -->\[\] \| { \[x: string\]: any; indent?: number \| undefined; parent?: number \| undefined; }\[\]&gt;; table: import("vue").Ref&lt;{}, {}&gt;; updates: import("vue").Ref&lt;Record&lt;string, string&gt;, Record&lt;string, string&gt;&gt;; hasPinnedColumns: import("vue").ComputedRef&lt;boolean&gt;; numberedRowWidth: import("vue").ComputedRef&lt;string&gt;; zeroColumn: import("vue").ComputedRef&lt;boolean&gt;; closeModal: (event: MouseEvent) =&gt; void; getCellData: &lt;T = any&gt;(colIndex: number, rowIndex: number) =&gt; T; getCellDisplayValue: (colIndex: number, rowIndex: number) =&gt; any; getFormattedValue: (colIndex: number, rowIndex: number, value: any) =&gt; any; getHeaderCellStyle: (column: [TableColumn](./atable.tablecolumn.md)<!-- -->) =&gt; CSSProperties; getIndent: (colIndex: number, indentLevel?: number) =&gt; string; getRowExpandSymbol: (rowIndex: number) =&gt; "" \| "-" \| "+"; isRowVisible: (rowIndex: number) =&gt; boolean \| undefined; setCellData: (colIndex: number, rowIndex: number, value: any) =&gt; void; setCellText: (colIndex: number, rowIndex: number, value: string) =&gt; void; toggleRowExpand: (rowIndex: number) =&gt; void; }, "hasPinnedColumns" \| "numberedRowWidth" \| "zeroColumn"&gt;, Pick&lt;{ columns: import("vue").Ref&lt;{ name: string; align?: CanvasTextAlign \| undefined; edit?: boolean \| undefined; label?: string \| undefined; type?: string \| undefined; width?: string \| undefined; pinned?: boolean \| undefined; cellComponent?: string \| undefined; cellComponentProps?: Record&lt;string, any&gt; \| undefined; modalComponent?: string \| ((context: [CellContext](./atable.cellcontext.md)<!-- -->) =&gt; string) \| undefined; modalComponentExtraProps?: Record&lt;string, any&gt; \| undefined; format?: string \| ((value: any, context: [CellContext](./atable.cellcontext.md)<!-- -->) =&gt; string) \| undefined; mask?: ((value: any) =&gt; any) \| undefined; }\[\], [TableColumn](./atable.tablecolumn.md)<!-- -->\[\] \| { name: string; align?: CanvasTextAlign \| undefined; edit?: boolean \| undefined; label?: string \| undefined; type?: string \| undefined; width?: string \| undefined; pinned?: boolean \| undefined; cellComponent?: string \| undefined; cellComponentProps?: Record&lt;string, any&gt; \| undefined; modalComponent?: string \| ((context: [CellContext](./atable.cellcontext.md)<!-- -->) =&gt; string) \| undefined; modalComponentExtraProps?: Record&lt;string, any&gt; \| undefined; format?: string \| ((value: any, context: [CellContext](./atable.cellcontext.md)<!-- -->) =&gt; string) \| undefined; mask?: ((value: any) =&gt; any) \| undefined; }\[\]&gt;; config: import("vue").Ref&lt;{ view?: "uncounted" \| "list" \| "list-expansion" \| "tree" \| undefined; fullWidth?: boolean \| undefined; }, [TableConfig](./atable.tableconfig.md) \| { view?: "uncounted" \| "list" \| "list-expansion" \| "tree" \| undefined; fullWidth?: boolean \| undefined; }&gt;; display: import("vue").Ref&lt;{ childrenOpen?: boolean \| undefined; expanded?: boolean \| undefined; indent?: number \| undefined; isParent?: boolean \| undefined; isRoot?: boolean \| undefined; open?: boolean \| undefined; parent?: number \| undefined; rowModified?: boolean \| undefined; }\[\], [TableDisplay](./atable.tabledisplay.md)<!-- -->\[\] \| { childrenOpen?: boolean \| undefined; expanded?: boolean \| undefined; indent?: number \| undefined; isParent?: boolean \| undefined; isRoot?: boolean \| undefined; open?: boolean \| undefined; parent?: number \| undefined; rowModified?: boolean \| undefined; }\[\]&gt;; modal: import("vue").Ref&lt;{ colIndex?: number \| undefined; event?: string \| undefined; height?: number \| undefined; left?: number \| undefined; parent?: HTMLElement \| undefined; rowIndex?: number \| undefined; top?: number \| undefined; visible?: boolean \| undefined; width?: number \| undefined; component?: string \| undefined; componentProps?: Record&lt;string, any&gt; \| undefined; }, [TableModal](./atable.tablemodal.md) \| { colIndex?: number \| undefined; event?: string \| undefined; height?: number \| undefined; left?: number \| undefined; parent?: HTMLElement \| undefined; rowIndex?: number \| undefined; top?: number \| undefined; visible?: boolean \| undefined; width?: number \| undefined; component?: string \| undefined; componentProps?: Record&lt;string, any&gt; \| undefined; }&gt;; rows: import("vue").Ref&lt;{ \[x: string\]: any; indent?: number \| undefined; parent?: number \| undefined; }\[\], [TableRow](./atable.tablerow.md)<!-- -->\[\] \| { \[x: string\]: any; indent?: number \| undefined; parent?: number \| undefined; }\[\]&gt;; table: import("vue").Ref&lt;{}, {}&gt;; updates: import("vue").Ref&lt;Record&lt;string, string&gt;, Record&lt;string, string&gt;&gt;; hasPinnedColumns: import("vue").ComputedRef&lt;boolean&gt;; numberedRowWidth: import("vue").ComputedRef&lt;string&gt;; zeroColumn: import("vue").ComputedRef&lt;boolean&gt;; closeModal: (event: MouseEvent) =&gt; void; getCellData: &lt;T = any&gt;(colIndex: number, rowIndex: number) =&gt; T; getCellDisplayValue: (colIndex: number, rowIndex: number) =&gt; any; getFormattedValue: (colIndex: number, rowIndex: number, value: any) =&gt; any; getHeaderCellStyle: (column: [TableColumn](./atable.tablecolumn.md)<!-- -->) =&gt; CSSProperties; getIndent: (colIndex: number, indentLevel?: number) =&gt; string; getRowExpandSymbol: (rowIndex: number) =&gt; "" \| "-" \| "+"; isRowVisible: (rowIndex: number) =&gt; boolean \| undefined; setCellData: (colIndex: number, rowIndex: number, value: any) =&gt; void; setCellText: (colIndex: number, rowIndex: number, value: string) =&gt; void; toggleRowExpand: (rowIndex: number) =&gt; void; }, "closeModal" \| "getCellData" \| "getCellDisplayValue" \| "getFormattedValue" \| "getHeaderCellStyle" \| "getIndent" \| "getRowExpandSymbol" \| "isRowVisible" \| "setCellData" \| "setCellText" \| "toggleRowExpand"&gt;&gt;
 
 table store instance
 
diff --git a/docs/atable/atable.md b/docs/atable/atable.md
index cfc92c39..be9c52dc 100644
--- a/docs/atable/atable.md
+++ b/docs/atable/atable.md
@@ -108,6 +108,17 @@ Table display definition.
 Table modal definition.
 
 
+</td></tr>
+<tr><td>
+
+[TableModalProps](./atable.tablemodalprops.md)
+
+
+</td><td>
+
+Table modal props definition.
+
+
 </td></tr>
 <tr><td>
 
diff --git a/docs/atable/atable.tablemodal.md b/docs/atable/atable.tablemodal.md
index cd0f7d57..c12a1a9d 100644
--- a/docs/atable/atable.tablemodal.md
+++ b/docs/atable/atable.tablemodal.md
@@ -12,12 +12,13 @@ Table modal definition.
 export type TableModal = {
     colIndex?: number;
     event?: string;
+    height?: number;
     left?: number;
     parent?: HTMLElement;
     rowIndex?: number;
     top?: number;
     visible?: boolean;
-    width?: string;
+    width?: number;
     component?: string;
     componentProps?: Record<string, any>;
 };
diff --git a/docs/atable/atable.tablemodalprops.md b/docs/atable/atable.tablemodalprops.md
new file mode 100644
index 00000000..76f0bb71
--- /dev/null
+++ b/docs/atable/atable.tablemodalprops.md
@@ -0,0 +1,18 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/atable](./atable.md) &gt; [TableModalProps](./atable.tablemodalprops.md)
+
+## TableModalProps type
+
+Table modal props definition.
+
+**Signature:**
+
+```typescript
+export type TableModalProps = {
+    [key: string]: any;
+    colIndex: number;
+    rowIndex: number;
+    store: ReturnType<typeof createTableStore>;
+};
+```
diff --git a/docs/beam/beam.usemqttstream.md b/docs/beam/beam.usemqttstream.md
index de1c782a..b3ca6987 100644
--- a/docs/beam/beam.usemqttstream.md
+++ b/docs/beam/beam.usemqttstream.md
@@ -12,7 +12,7 @@ Use MQTT stream
 **Signature:**
 
 ```typescript
-useMqttStream: (options?: IMqttStream) => {
+useMqttStream: (options: IMqttStream) => {
     messages: import("vue").Ref<Record<string, string[]>, Record<string, string[]>>;
 }
 ```
@@ -47,7 +47,7 @@ options
 
 </td><td>
 
-_(Optional)_ MQTT stream options
+MQTT stream options
 
 
 </td></tr>
diff --git a/docs/desktop/desktop.actionelements.md b/docs/desktop/desktop.actionelements.md
new file mode 100644
index 00000000..1ca7c9b4
--- /dev/null
+++ b/docs/desktop/desktop.actionelements.md
@@ -0,0 +1,15 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/desktop](./desktop.md) &gt; [ActionElements](./desktop.actionelements.md)
+
+## ActionElements type
+
+Superset of all element types in the Action Set
+
+**Signature:**
+
+```typescript
+export type ActionElements = ButtonElement | DropdownElement;
+```
+**References:** [ButtonElement](./desktop.buttonelement.md)<!-- -->, [DropdownElement](./desktop.dropdownelement.md)
+
diff --git a/docs/desktop/desktop.baseelement.md b/docs/desktop/desktop.baseelement.md
new file mode 100644
index 00000000..7ae51aa7
--- /dev/null
+++ b/docs/desktop/desktop.baseelement.md
@@ -0,0 +1,16 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/desktop](./desktop.md) &gt; [BaseElement](./desktop.baseelement.md)
+
+## BaseElement type
+
+Base type for elements in the Action Set
+
+**Signature:**
+
+```typescript
+export type BaseElement = {
+    label: string;
+    show?: boolean;
+};
+```
diff --git a/docs/desktop/desktop.buttonelement.md b/docs/desktop/desktop.buttonelement.md
new file mode 100644
index 00000000..f65c73d9
--- /dev/null
+++ b/docs/desktop/desktop.buttonelement.md
@@ -0,0 +1,17 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/desktop](./desktop.md) &gt; [ButtonElement](./desktop.buttonelement.md)
+
+## ButtonElement type
+
+Button elements
+
+**Signature:**
+
+```typescript
+export type ButtonElement = BaseElement & ElementAction & {
+    type: 'button';
+};
+```
+**References:** [BaseElement](./desktop.baseelement.md)<!-- -->, [ElementAction](./desktop.elementaction.md)
+
diff --git a/docs/desktop/desktop.dropdownelement.md b/docs/desktop/desktop.dropdownelement.md
new file mode 100644
index 00000000..33127c2f
--- /dev/null
+++ b/docs/desktop/desktop.dropdownelement.md
@@ -0,0 +1,18 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/desktop](./desktop.md) &gt; [DropdownElement](./desktop.dropdownelement.md)
+
+## DropdownElement type
+
+Dropdown elements
+
+**Signature:**
+
+```typescript
+export type DropdownElement = BaseElement & {
+    type: 'dropdown';
+    actions: ElementAction[];
+};
+```
+**References:** [BaseElement](./desktop.baseelement.md)<!-- -->, [ElementAction](./desktop.elementaction.md)
+
diff --git a/docs/desktop/desktop.elementaction.md b/docs/desktop/desktop.elementaction.md
new file mode 100644
index 00000000..653ad256
--- /dev/null
+++ b/docs/desktop/desktop.elementaction.md
@@ -0,0 +1,18 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/desktop](./desktop.md) &gt; [ElementAction](./desktop.elementaction.md)
+
+## ElementAction type
+
+Element actions
+
+**Signature:**
+
+```typescript
+export type ElementAction = BaseElement & {
+    link?: string;
+    action?: () => void;
+};
+```
+**References:** [BaseElement](./desktop.baseelement.md)
+
diff --git a/docs/desktop/desktop.md b/docs/desktop/desktop.md
index 49609348..8ad281e7 100644
--- a/docs/desktop/desktop.md
+++ b/docs/desktop/desktop.md
@@ -24,7 +24,77 @@ Description
 
 </td><td>
 
-This is the main plugin file that will be used to register all the components that we want to use in our application.
+This is the main plugin that will be used to register all the desktop components.
+
+
+</td></tr>
+</tbody></table>
+
+## Type Aliases
+
+<table><thead><tr><th>
+
+Type Alias
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[ActionElements](./desktop.actionelements.md)
+
+
+</td><td>
+
+Superset of all element types in the Action Set
+
+
+</td></tr>
+<tr><td>
+
+[BaseElement](./desktop.baseelement.md)
+
+
+</td><td>
+
+Base type for elements in the Action Set
+
+
+</td></tr>
+<tr><td>
+
+[ButtonElement](./desktop.buttonelement.md)
+
+
+</td><td>
+
+Button elements
+
+
+</td></tr>
+<tr><td>
+
+[DropdownElement](./desktop.dropdownelement.md)
+
+
+</td><td>
+
+Dropdown elements
+
+
+</td></tr>
+<tr><td>
+
+[ElementAction](./desktop.elementaction.md)
+
+
+</td><td>
+
+Element actions
 
 
 </td></tr>
diff --git a/docs/desktop/desktop.stonecropdesktop.md b/docs/desktop/desktop.stonecropdesktop.md
index 0638e8b8..b5f6477e 100644
--- a/docs/desktop/desktop.stonecropdesktop.md
+++ b/docs/desktop/desktop.stonecropdesktop.md
@@ -4,7 +4,7 @@
 
 ## StonecropDesktop variable
 
-This is the main plugin file that will be used to register all the components that we want to use in our application.
+This is the main plugin that will be used to register all the desktop components.
 
 **Signature:**
 
diff --git a/docs/stonecrop/stonecrop.baseschema.md b/docs/stonecrop/stonecrop.baseschema.md
new file mode 100644
index 00000000..43d2aa31
--- /dev/null
+++ b/docs/stonecrop/stonecrop.baseschema.md
@@ -0,0 +1,17 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/stonecrop](./stonecrop.md) &gt; [BaseSchema](./stonecrop.baseschema.md)
+
+## BaseSchema type
+
+Basic field structure for AForm schemas
+
+**Signature:**
+
+```typescript
+export type BaseSchema = {
+    fieldname: string;
+    component?: string;
+    value?: any;
+};
+```
diff --git a/docs/stonecrop/stonecrop.cellcontext.md b/docs/stonecrop/stonecrop.cellcontext.md
new file mode 100644
index 00000000..3704d071
--- /dev/null
+++ b/docs/stonecrop/stonecrop.cellcontext.md
@@ -0,0 +1,21 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/stonecrop](./stonecrop.md) &gt; [CellContext](./stonecrop.cellcontext.md)
+
+## CellContext type
+
+Table cell context definition.
+
+**Signature:**
+
+```typescript
+export type CellContext = {
+    row: TableRow;
+    column: TableColumn;
+    table: {
+        [key: string]: any;
+    };
+};
+```
+**References:** [TableRow](./stonecrop.tablerow.md)<!-- -->, [TableColumn](./stonecrop.tablecolumn.md)
+
diff --git a/docs/stonecrop/stonecrop.doctypemeta._constructor_.md b/docs/stonecrop/stonecrop.doctypemeta._constructor_.md
new file mode 100644
index 00000000..1c3849d9
--- /dev/null
+++ b/docs/stonecrop/stonecrop.doctypemeta._constructor_.md
@@ -0,0 +1,105 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/stonecrop](./stonecrop.md) &gt; [DoctypeMeta](./stonecrop.doctypemeta.md) &gt; [(constructor)](./stonecrop.doctypemeta._constructor_.md)
+
+## DoctypeMeta.(constructor)
+
+Constructs a new instance of the `DoctypeMeta` class
+
+**Signature:**
+
+```typescript
+constructor(doctype: string, schema: ImmutableDoctype['schema'], workflow: ImmutableDoctype['workflow'], actions: ImmutableDoctype['actions'], component?: Component);
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+doctype
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+
+</td></tr>
+<tr><td>
+
+schema
+
+
+</td><td>
+
+[ImmutableDoctype](./stonecrop.immutabledoctype.md)<!-- -->\['schema'\]
+
+
+</td><td>
+
+
+</td></tr>
+<tr><td>
+
+workflow
+
+
+</td><td>
+
+[ImmutableDoctype](./stonecrop.immutabledoctype.md)<!-- -->\['workflow'\]
+
+
+</td><td>
+
+
+</td></tr>
+<tr><td>
+
+actions
+
+
+</td><td>
+
+[ImmutableDoctype](./stonecrop.immutabledoctype.md)<!-- -->\['actions'\]
+
+
+</td><td>
+
+
+</td></tr>
+<tr><td>
+
+component
+
+
+</td><td>
+
+Component
+
+
+</td><td>
+
+_(Optional)_
+
+
+</td></tr>
+</tbody></table>
diff --git a/docs/stonecrop/stonecrop.doctypemeta.actions.md b/docs/stonecrop/stonecrop.doctypemeta.actions.md
new file mode 100644
index 00000000..63045454
--- /dev/null
+++ b/docs/stonecrop/stonecrop.doctypemeta.actions.md
@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/stonecrop](./stonecrop.md) &gt; [DoctypeMeta](./stonecrop.doctypemeta.md) &gt; [actions](./stonecrop.doctypemeta.actions.md)
+
+## DoctypeMeta.actions property
+
+The doctype actions
+
+**Signature:**
+
+```typescript
+readonly actions: ImmutableDoctype['actions'];
+```
diff --git a/docs/stonecrop/stonecrop.doctypemeta.component.md b/docs/stonecrop/stonecrop.doctypemeta.component.md
new file mode 100644
index 00000000..5db4f62e
--- /dev/null
+++ b/docs/stonecrop/stonecrop.doctypemeta.component.md
@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/stonecrop](./stonecrop.md) &gt; [DoctypeMeta](./stonecrop.doctypemeta.md) &gt; [component](./stonecrop.doctypemeta.component.md)
+
+## DoctypeMeta.component property
+
+The doctype component
+
+**Signature:**
+
+```typescript
+readonly component?: Component;
+```
diff --git a/docs/stonecrop/stonecrop.doctypemeta.doctype.md b/docs/stonecrop/stonecrop.doctypemeta.doctype.md
new file mode 100644
index 00000000..0e47122e
--- /dev/null
+++ b/docs/stonecrop/stonecrop.doctypemeta.doctype.md
@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/stonecrop](./stonecrop.md) &gt; [DoctypeMeta](./stonecrop.doctypemeta.md) &gt; [doctype](./stonecrop.doctypemeta.doctype.md)
+
+## DoctypeMeta.doctype property
+
+The doctype name
+
+**Signature:**
+
+```typescript
+readonly doctype: string;
+```
diff --git a/docs/stonecrop/stonecrop.doctypemeta.md b/docs/stonecrop/stonecrop.doctypemeta.md
new file mode 100644
index 00000000..093d690b
--- /dev/null
+++ b/docs/stonecrop/stonecrop.doctypemeta.md
@@ -0,0 +1,198 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/stonecrop](./stonecrop.md) &gt; [DoctypeMeta](./stonecrop.doctypemeta.md)
+
+## DoctypeMeta class
+
+Doctype Meta class
+
+**Signature:**
+
+```typescript
+export default class DoctypeMeta 
+```
+
+## Constructors
+
+<table><thead><tr><th>
+
+Constructor
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[(constructor)(doctype, schema, workflow, actions, component)](./stonecrop.doctypemeta._constructor_.md)
+
+
+</td><td>
+
+
+</td><td>
+
+Constructs a new instance of the `DoctypeMeta` class
+
+
+</td></tr>
+</tbody></table>
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[actions](./stonecrop.doctypemeta.actions.md)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+[ImmutableDoctype](./stonecrop.immutabledoctype.md)<!-- -->\['actions'\]
+
+
+</td><td>
+
+The doctype actions
+
+
+</td></tr>
+<tr><td>
+
+[component?](./stonecrop.doctypemeta.component.md)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+Component
+
+
+</td><td>
+
+_(Optional)_ The doctype component
+
+
+</td></tr>
+<tr><td>
+
+[doctype](./stonecrop.doctypemeta.doctype.md)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+The doctype name
+
+
+</td></tr>
+<tr><td>
+
+[schema](./stonecrop.doctypemeta.schema.md)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+[ImmutableDoctype](./stonecrop.immutabledoctype.md)<!-- -->\['schema'\]
+
+
+</td><td>
+
+The doctype schema
+
+
+</td></tr>
+<tr><td>
+
+[slug](./stonecrop.doctypemeta.slug.md)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+Converts the registered doctype to a slug (kebab-case)
+
+
+</td></tr>
+<tr><td>
+
+[workflow](./stonecrop.doctypemeta.workflow.md)
+
+
+</td><td>
+
+`readonly`
+
+
+</td><td>
+
+[ImmutableDoctype](./stonecrop.immutabledoctype.md)<!-- -->\['workflow'\]
+
+
+</td><td>
+
+The doctype workflow
+
+
+</td></tr>
+</tbody></table>
diff --git a/docs/stonecrop/stonecrop.doctypemeta.schema.md b/docs/stonecrop/stonecrop.doctypemeta.schema.md
new file mode 100644
index 00000000..f493f89e
--- /dev/null
+++ b/docs/stonecrop/stonecrop.doctypemeta.schema.md
@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/stonecrop](./stonecrop.md) &gt; [DoctypeMeta](./stonecrop.doctypemeta.md) &gt; [schema](./stonecrop.doctypemeta.schema.md)
+
+## DoctypeMeta.schema property
+
+The doctype schema
+
+**Signature:**
+
+```typescript
+readonly schema: ImmutableDoctype['schema'];
+```
diff --git a/docs/stonecrop/stonecrop.doctypemeta.slug.md b/docs/stonecrop/stonecrop.doctypemeta.slug.md
new file mode 100644
index 00000000..bcad0152
--- /dev/null
+++ b/docs/stonecrop/stonecrop.doctypemeta.slug.md
@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/stonecrop](./stonecrop.md) &gt; [DoctypeMeta](./stonecrop.doctypemeta.md) &gt; [slug](./stonecrop.doctypemeta.slug.md)
+
+## DoctypeMeta.slug property
+
+Converts the registered doctype to a slug (kebab-case)
+
+**Signature:**
+
+```typescript
+get slug(): string;
+```
diff --git a/docs/stonecrop/stonecrop.doctypemeta.workflow.md b/docs/stonecrop/stonecrop.doctypemeta.workflow.md
new file mode 100644
index 00000000..57b5f7ef
--- /dev/null
+++ b/docs/stonecrop/stonecrop.doctypemeta.workflow.md
@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/stonecrop](./stonecrop.md) &gt; [DoctypeMeta](./stonecrop.doctypemeta.md) &gt; [workflow](./stonecrop.doctypemeta.workflow.md)
+
+## DoctypeMeta.workflow property
+
+The doctype workflow
+
+**Signature:**
+
+```typescript
+readonly workflow: ImmutableDoctype['workflow'];
+```
diff --git a/docs/stonecrop/stonecrop.fieldsetschema.md b/docs/stonecrop/stonecrop.fieldsetschema.md
new file mode 100644
index 00000000..6572e01c
--- /dev/null
+++ b/docs/stonecrop/stonecrop.fieldsetschema.md
@@ -0,0 +1,19 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/stonecrop](./stonecrop.md) &gt; [FieldsetSchema](./stonecrop.fieldsetschema.md)
+
+## FieldsetSchema type
+
+Schema structure for defining fieldsets inside AForm
+
+**Signature:**
+
+```typescript
+export type FieldsetSchema = BaseSchema & {
+    label?: string;
+    schema?: (FormSchema | TableSchema)[];
+    collapsible?: boolean;
+};
+```
+**References:** [BaseSchema](./stonecrop.baseschema.md)<!-- -->, [FormSchema](./stonecrop.formschema.md)<!-- -->, [TableSchema](./stonecrop.tableschema.md)
+
diff --git a/docs/stonecrop/stonecrop.formschema.md b/docs/stonecrop/stonecrop.formschema.md
new file mode 100644
index 00000000..62ebf850
--- /dev/null
+++ b/docs/stonecrop/stonecrop.formschema.md
@@ -0,0 +1,23 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/stonecrop](./stonecrop.md) &gt; [FormSchema](./stonecrop.formschema.md)
+
+## FormSchema type
+
+Schema structure for defining forms inside AForm
+
+**Signature:**
+
+```typescript
+export type FormSchema = BaseSchema & {
+    align?: string;
+    edit?: boolean;
+    fieldtype?: string;
+    label?: string;
+    name?: string;
+    width?: string;
+    mask?: string;
+};
+```
+**References:** [BaseSchema](./stonecrop.baseschema.md)
+
diff --git a/docs/stonecrop/stonecrop.immutabledoctype.md b/docs/stonecrop/stonecrop.immutabledoctype.md
new file mode 100644
index 00000000..68194176
--- /dev/null
+++ b/docs/stonecrop/stonecrop.immutabledoctype.md
@@ -0,0 +1,19 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/stonecrop](./stonecrop.md) &gt; [ImmutableDoctype](./stonecrop.immutabledoctype.md)
+
+## ImmutableDoctype type
+
+Immutable Doctype type for Stonecrop instances
+
+**Signature:**
+
+```typescript
+export type ImmutableDoctype = {
+    readonly schema?: List<SchemaTypes>;
+    readonly workflow: StateMachine<unknown, any, any>;
+    readonly actions?: Map<string, string[]>;
+};
+```
+**References:** [SchemaTypes](./stonecrop.schematypes.md)
+
diff --git a/docs/stonecrop/stonecrop.installoptions.md b/docs/stonecrop/stonecrop.installoptions.md
new file mode 100644
index 00000000..a676683c
--- /dev/null
+++ b/docs/stonecrop/stonecrop.installoptions.md
@@ -0,0 +1,19 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/stonecrop](./stonecrop.md) &gt; [InstallOptions](./stonecrop.installoptions.md)
+
+## InstallOptions type
+
+Install options for Stonecrop Vue plugin
+
+**Signature:**
+
+```typescript
+export type InstallOptions = {
+    router?: Router;
+    components?: Record<string, Component>;
+    getMeta?: (doctype?: string) => DoctypeMeta | Promise<DoctypeMeta>;
+};
+```
+**References:** [DoctypeMeta](./stonecrop.doctypemeta.md)
+
diff --git a/docs/stonecrop/stonecrop.md b/docs/stonecrop/stonecrop.md
index aaeae1f8..bac6889c 100644
--- a/docs/stonecrop/stonecrop.md
+++ b/docs/stonecrop/stonecrop.md
@@ -4,3 +4,260 @@
 
 ## stonecrop package
 
+## Classes
+
+<table><thead><tr><th>
+
+Class
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[DoctypeMeta](./stonecrop.doctypemeta.md)
+
+
+</td><td>
+
+Doctype Meta class
+
+
+</td></tr>
+<tr><td>
+
+[Registry](./stonecrop.registry.md)
+
+
+</td><td>
+
+Stonecrop Registry class
+
+
+</td></tr>
+</tbody></table>
+
+## Functions
+
+<table><thead><tr><th>
+
+Function
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[useStonecrop(registry)](./stonecrop.usestonecrop.md)
+
+
+</td><td>
+
+Stonecrop composable
+
+
+</td></tr>
+</tbody></table>
+
+## Variables
+
+<table><thead><tr><th>
+
+Variable
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[Stonecrop](./stonecrop.stonecrop.md)
+
+
+</td><td>
+
+Stonecrop Vue plugin
+
+
+</td></tr>
+</tbody></table>
+
+## Type Aliases
+
+<table><thead><tr><th>
+
+Type Alias
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[BaseSchema](./stonecrop.baseschema.md)
+
+
+</td><td>
+
+Basic field structure for AForm schemas
+
+
+</td></tr>
+<tr><td>
+
+[CellContext](./stonecrop.cellcontext.md)
+
+
+</td><td>
+
+Table cell context definition.
+
+
+</td></tr>
+<tr><td>
+
+[FieldsetSchema](./stonecrop.fieldsetschema.md)
+
+
+</td><td>
+
+Schema structure for defining fieldsets inside AForm
+
+
+</td></tr>
+<tr><td>
+
+[FormSchema](./stonecrop.formschema.md)
+
+
+</td><td>
+
+Schema structure for defining forms inside AForm
+
+
+</td></tr>
+<tr><td>
+
+[ImmutableDoctype](./stonecrop.immutabledoctype.md)
+
+
+</td><td>
+
+Immutable Doctype type for Stonecrop instances
+
+
+</td></tr>
+<tr><td>
+
+[InstallOptions](./stonecrop.installoptions.md)
+
+
+</td><td>
+
+Install options for Stonecrop Vue plugin
+
+
+</td></tr>
+<tr><td>
+
+[MutableDoctype](./stonecrop.mutabledoctype.md)
+
+
+</td><td>
+
+Mutable Doctype type for Stonecrop instances
+
+
+</td></tr>
+<tr><td>
+
+[Schema](./stonecrop.schema.md)
+
+
+</td><td>
+
+Schema type for Stonecrop instances
+
+
+</td></tr>
+<tr><td>
+
+[SchemaTypes](./stonecrop.schematypes.md)
+
+
+</td><td>
+
+Superset of all schema types for AForm
+
+
+</td></tr>
+<tr><td>
+
+[StonecropReturn](./stonecrop.stonecropreturn.md)
+
+
+</td><td>
+
+Stonecrop composable return type
+
+
+</td></tr>
+<tr><td>
+
+[TableColumn](./stonecrop.tablecolumn.md)
+
+
+</td><td>
+
+Table column definition.
+
+
+</td></tr>
+<tr><td>
+
+[TableConfig](./stonecrop.tableconfig.md)
+
+
+</td><td>
+
+Table configuration definition.
+
+
+</td></tr>
+<tr><td>
+
+[TableRow](./stonecrop.tablerow.md)
+
+
+</td><td>
+
+Table row definition.
+
+
+</td></tr>
+<tr><td>
+
+[TableSchema](./stonecrop.tableschema.md)
+
+
+</td><td>
+
+Schema structure for defining tables inside AForm
+
+
+</td></tr>
+</tbody></table>
diff --git a/docs/stonecrop/stonecrop.mutabledoctype.md b/docs/stonecrop/stonecrop.mutabledoctype.md
new file mode 100644
index 00000000..02b4ecd4
--- /dev/null
+++ b/docs/stonecrop/stonecrop.mutabledoctype.md
@@ -0,0 +1,19 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/stonecrop](./stonecrop.md) &gt; [MutableDoctype](./stonecrop.mutabledoctype.md)
+
+## MutableDoctype type
+
+Mutable Doctype type for Stonecrop instances
+
+**Signature:**
+
+```typescript
+export type MutableDoctype = {
+    schema?: SchemaTypes[];
+    workflow: MachineConfig<unknown, any, any>;
+    actions?: Record<string, string[]>;
+};
+```
+**References:** [SchemaTypes](./stonecrop.schematypes.md)
+
diff --git a/docs/stonecrop/stonecrop.registry._constructor_.md b/docs/stonecrop/stonecrop.registry._constructor_.md
new file mode 100644
index 00000000..c9c2d0ec
--- /dev/null
+++ b/docs/stonecrop/stonecrop.registry._constructor_.md
@@ -0,0 +1,63 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/stonecrop](./stonecrop.md) &gt; [Registry](./stonecrop.registry.md) &gt; [(constructor)](./stonecrop.registry._constructor_.md)
+
+## Registry.(constructor)
+
+Constructs a new instance of the `Registry` class
+
+**Signature:**
+
+```typescript
+constructor(router: Router, getMeta?: (doctype: string) => DoctypeMeta | Promise<DoctypeMeta>);
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+router
+
+
+</td><td>
+
+Router
+
+
+</td><td>
+
+
+</td></tr>
+<tr><td>
+
+getMeta
+
+
+</td><td>
+
+(doctype: string) =&gt; [DoctypeMeta](./stonecrop.doctypemeta.md) \| Promise&lt;[DoctypeMeta](./stonecrop.doctypemeta.md)<!-- -->&gt;
+
+
+</td><td>
+
+_(Optional)_
+
+
+</td></tr>
+</tbody></table>
diff --git a/docs/stonecrop/stonecrop.registry._root.md b/docs/stonecrop/stonecrop.registry._root.md
new file mode 100644
index 00000000..a8575a99
--- /dev/null
+++ b/docs/stonecrop/stonecrop.registry._root.md
@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/stonecrop](./stonecrop.md) &gt; [Registry](./stonecrop.registry.md) &gt; [\_root](./stonecrop.registry._root.md)
+
+## Registry.\_root property
+
+The root Registry instance
+
+**Signature:**
+
+```typescript
+static _root: Registry;
+```
diff --git a/docs/stonecrop/stonecrop.registry.adddoctype.md b/docs/stonecrop/stonecrop.registry.adddoctype.md
new file mode 100644
index 00000000..714687ac
--- /dev/null
+++ b/docs/stonecrop/stonecrop.registry.adddoctype.md
@@ -0,0 +1,55 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/stonecrop](./stonecrop.md) &gt; [Registry](./stonecrop.registry.md) &gt; [addDoctype](./stonecrop.registry.adddoctype.md)
+
+## Registry.addDoctype() method
+
+Get doctype metadata
+
+**Signature:**
+
+```typescript
+addDoctype(doctype: DoctypeMeta): void;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+doctype
+
+
+</td><td>
+
+[DoctypeMeta](./stonecrop.doctypemeta.md)
+
+
+</td><td>
+
+The doctype to fetch metadata for
+
+
+</td></tr>
+</tbody></table>
+**Returns:**
+
+void
+
+The doctype metadata
+
diff --git a/docs/stonecrop/stonecrop.registry.getmeta.md b/docs/stonecrop/stonecrop.registry.getmeta.md
new file mode 100644
index 00000000..16bfb922
--- /dev/null
+++ b/docs/stonecrop/stonecrop.registry.getmeta.md
@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/stonecrop](./stonecrop.md) &gt; [Registry](./stonecrop.registry.md) &gt; [getMeta](./stonecrop.registry.getmeta.md)
+
+## Registry.getMeta property
+
+The getMeta function fetches doctype metadata from an API
+
+**Signature:**
+
+```typescript
+getMeta?: (doctype: string) => DoctypeMeta | Promise<DoctypeMeta>;
+```
diff --git a/docs/stonecrop/stonecrop.registry.md b/docs/stonecrop/stonecrop.registry.md
new file mode 100644
index 00000000..5b4738cf
--- /dev/null
+++ b/docs/stonecrop/stonecrop.registry.md
@@ -0,0 +1,203 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/stonecrop](./stonecrop.md) &gt; [Registry](./stonecrop.registry.md)
+
+## Registry class
+
+Stonecrop Registry class
+
+**Signature:**
+
+```typescript
+export default class Registry 
+```
+
+## Constructors
+
+<table><thead><tr><th>
+
+Constructor
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[(constructor)(router, getMeta)](./stonecrop.registry._constructor_.md)
+
+
+</td><td>
+
+
+</td><td>
+
+Constructs a new instance of the `Registry` class
+
+
+</td></tr>
+</tbody></table>
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[\_root](./stonecrop.registry._root.md)
+
+
+</td><td>
+
+`static`
+
+
+</td><td>
+
+[Registry](./stonecrop.registry.md)
+
+
+</td><td>
+
+The root Registry instance
+
+
+</td></tr>
+<tr><td>
+
+[getMeta?](./stonecrop.registry.getmeta.md)
+
+
+</td><td>
+
+
+</td><td>
+
+(doctype: string) =&gt; [DoctypeMeta](./stonecrop.doctypemeta.md) \| Promise&lt;[DoctypeMeta](./stonecrop.doctypemeta.md)<!-- -->&gt;
+
+
+</td><td>
+
+_(Optional)_ The getMeta function fetches doctype metadata from an API
+
+
+</td></tr>
+<tr><td>
+
+[name](./stonecrop.registry.name.md)
+
+
+</td><td>
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+The name of the Registry instance
+
+
+</td></tr>
+<tr><td>
+
+[registry](./stonecrop.registry.registry.md)
+
+
+</td><td>
+
+
+</td><td>
+
+Record&lt;string, [DoctypeMeta](./stonecrop.doctypemeta.md)<!-- -->&gt;
+
+
+</td><td>
+
+The registry property contains a collection of doctypes
+
+
+</td></tr>
+<tr><td>
+
+[router](./stonecrop.registry.router.md)
+
+
+</td><td>
+
+
+</td><td>
+
+Router
+
+
+</td><td>
+
+The Vue router instance
+
+
+</td></tr>
+</tbody></table>
+
+## Methods
+
+<table><thead><tr><th>
+
+Method
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[addDoctype(doctype)](./stonecrop.registry.adddoctype.md)
+
+
+</td><td>
+
+
+</td><td>
+
+Get doctype metadata
+
+
+</td></tr>
+</tbody></table>
diff --git a/docs/stonecrop/stonecrop.registry.name.md b/docs/stonecrop/stonecrop.registry.name.md
new file mode 100644
index 00000000..9e1bfa64
--- /dev/null
+++ b/docs/stonecrop/stonecrop.registry.name.md
@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/stonecrop](./stonecrop.md) &gt; [Registry](./stonecrop.registry.md) &gt; [name](./stonecrop.registry.name.md)
+
+## Registry.name property
+
+The name of the Registry instance
+
+**Signature:**
+
+```typescript
+name: string;
+```
diff --git a/docs/stonecrop/stonecrop.registry.registry.md b/docs/stonecrop/stonecrop.registry.registry.md
new file mode 100644
index 00000000..cbce7989
--- /dev/null
+++ b/docs/stonecrop/stonecrop.registry.registry.md
@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/stonecrop](./stonecrop.md) &gt; [Registry](./stonecrop.registry.md) &gt; [registry](./stonecrop.registry.registry.md)
+
+## Registry.registry property
+
+The registry property contains a collection of doctypes
+
+**Signature:**
+
+```typescript
+registry: Record<string, DoctypeMeta>;
+```
diff --git a/docs/stonecrop/stonecrop.registry.router.md b/docs/stonecrop/stonecrop.registry.router.md
new file mode 100644
index 00000000..c8902dd7
--- /dev/null
+++ b/docs/stonecrop/stonecrop.registry.router.md
@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/stonecrop](./stonecrop.md) &gt; [Registry](./stonecrop.registry.md) &gt; [router](./stonecrop.registry.router.md)
+
+## Registry.router property
+
+The Vue router instance
+
+**Signature:**
+
+```typescript
+router: Router;
+```
diff --git a/docs/stonecrop/stonecrop.schema.md b/docs/stonecrop/stonecrop.schema.md
new file mode 100644
index 00000000..38fff20b
--- /dev/null
+++ b/docs/stonecrop/stonecrop.schema.md
@@ -0,0 +1,18 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/stonecrop](./stonecrop.md) &gt; [Schema](./stonecrop.schema.md)
+
+## Schema type
+
+Schema type for Stonecrop instances
+
+**Signature:**
+
+```typescript
+export type Schema = {
+    doctype: string;
+    schema: List<SchemaTypes>;
+};
+```
+**References:** [SchemaTypes](./stonecrop.schematypes.md)
+
diff --git a/docs/stonecrop/stonecrop.schematypes.md b/docs/stonecrop/stonecrop.schematypes.md
new file mode 100644
index 00000000..f322500d
--- /dev/null
+++ b/docs/stonecrop/stonecrop.schematypes.md
@@ -0,0 +1,15 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/stonecrop](./stonecrop.md) &gt; [SchemaTypes](./stonecrop.schematypes.md)
+
+## SchemaTypes type
+
+Superset of all schema types for AForm
+
+**Signature:**
+
+```typescript
+export type SchemaTypes = FormSchema | TableSchema | FieldsetSchema;
+```
+**References:** [FormSchema](./stonecrop.formschema.md)<!-- -->, [TableSchema](./stonecrop.tableschema.md)<!-- -->, [FieldsetSchema](./stonecrop.fieldsetschema.md)
+
diff --git a/docs/stonecrop/stonecrop.stonecrop.md b/docs/stonecrop/stonecrop.stonecrop.md
new file mode 100644
index 00000000..005af91a
--- /dev/null
+++ b/docs/stonecrop/stonecrop.stonecrop.md
@@ -0,0 +1,38 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/stonecrop](./stonecrop.md) &gt; [Stonecrop](./stonecrop.stonecrop.md)
+
+## Stonecrop variable
+
+Stonecrop Vue plugin
+
+**Signature:**
+
+```typescript
+plugin: Plugin
+```
+
+## Example
+
+
+```ts
+
+import { createApp } from 'vue'
+import Stonecrop from 'stonecrop'
+
+import App from './App.vue'
+
+const app = createApp(App)
+app.use(Stonecrop, {
+ router,
+ components: {
+  // register custom components
+ },
+ getMeta: async (doctype: string) => {
+  // fetch doctype meta from API
+ },
+})
+
+app.mount('#app')
+```
+
diff --git a/docs/stonecrop/stonecrop.stonecropreturn.md b/docs/stonecrop/stonecrop.stonecropreturn.md
new file mode 100644
index 00000000..4ec4ea4f
--- /dev/null
+++ b/docs/stonecrop/stonecrop.stonecropreturn.md
@@ -0,0 +1,16 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/stonecrop](./stonecrop.md) &gt; [StonecropReturn](./stonecrop.stonecropreturn.md)
+
+## StonecropReturn type
+
+Stonecrop composable return type
+
+**Signature:**
+
+```typescript
+export type StonecropReturn = {
+    stonecrop: Ref<Stonecrop>;
+    isReady: Ref<boolean>;
+};
+```
diff --git a/docs/stonecrop/stonecrop.tablecolumn.md b/docs/stonecrop/stonecrop.tablecolumn.md
new file mode 100644
index 00000000..760b37e5
--- /dev/null
+++ b/docs/stonecrop/stonecrop.tablecolumn.md
@@ -0,0 +1,29 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/stonecrop](./stonecrop.md) &gt; [TableColumn](./stonecrop.tablecolumn.md)
+
+## TableColumn type
+
+Table column definition.
+
+**Signature:**
+
+```typescript
+export type TableColumn = {
+    name: string;
+    align?: CanvasTextAlign;
+    edit?: boolean;
+    label?: string;
+    type?: string;
+    width?: string;
+    pinned?: boolean;
+    cellComponent?: string;
+    cellComponentProps?: Record<string, any>;
+    modalComponent?: string | ((context: CellContext) => string);
+    modalComponentExtraProps?: Record<string, any>;
+    format?: string | ((value: any, context: CellContext) => string);
+    mask?: (value: any) => any;
+};
+```
+**References:** [CellContext](./stonecrop.cellcontext.md)
+
diff --git a/docs/stonecrop/stonecrop.tableconfig.md b/docs/stonecrop/stonecrop.tableconfig.md
new file mode 100644
index 00000000..5cbf6dd8
--- /dev/null
+++ b/docs/stonecrop/stonecrop.tableconfig.md
@@ -0,0 +1,16 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/stonecrop](./stonecrop.md) &gt; [TableConfig](./stonecrop.tableconfig.md)
+
+## TableConfig type
+
+Table configuration definition.
+
+**Signature:**
+
+```typescript
+export type TableConfig = {
+    view?: 'uncounted' | 'list' | 'list-expansion' | 'tree';
+    fullWidth?: boolean;
+};
+```
diff --git a/docs/stonecrop/stonecrop.tablerow.md b/docs/stonecrop/stonecrop.tablerow.md
new file mode 100644
index 00000000..03b3f123
--- /dev/null
+++ b/docs/stonecrop/stonecrop.tablerow.md
@@ -0,0 +1,17 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/stonecrop](./stonecrop.md) &gt; [TableRow](./stonecrop.tablerow.md)
+
+## TableRow type
+
+Table row definition.
+
+**Signature:**
+
+```typescript
+export type TableRow = {
+    [key: string]: any;
+    indent?: number;
+    parent?: number;
+};
+```
diff --git a/docs/stonecrop/stonecrop.tableschema.md b/docs/stonecrop/stonecrop.tableschema.md
new file mode 100644
index 00000000..e2f70125
--- /dev/null
+++ b/docs/stonecrop/stonecrop.tableschema.md
@@ -0,0 +1,19 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/stonecrop](./stonecrop.md) &gt; [TableSchema](./stonecrop.tableschema.md)
+
+## TableSchema type
+
+Schema structure for defining tables inside AForm
+
+**Signature:**
+
+```typescript
+export type TableSchema = BaseSchema & {
+    columns?: TableColumn[];
+    config?: TableConfig;
+    rows?: TableRow[];
+};
+```
+**References:** [BaseSchema](./stonecrop.baseschema.md)<!-- -->, [TableColumn](./stonecrop.tablecolumn.md)<!-- -->, [TableConfig](./stonecrop.tableconfig.md)<!-- -->, [TableRow](./stonecrop.tablerow.md)
+
diff --git a/docs/stonecrop/stonecrop.usestonecrop.md b/docs/stonecrop/stonecrop.usestonecrop.md
new file mode 100644
index 00000000..c7b5bde2
--- /dev/null
+++ b/docs/stonecrop/stonecrop.usestonecrop.md
@@ -0,0 +1,59 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@stonecrop/stonecrop](./stonecrop.md) &gt; [useStonecrop](./stonecrop.usestonecrop.md)
+
+## useStonecrop() function
+
+Stonecrop composable
+
+**Signature:**
+
+```typescript
+export declare function useStonecrop(registry?: Registry): StonecropReturn;
+```
+
+## Parameters
+
+<table><thead><tr><th>
+
+Parameter
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+registry
+
+
+</td><td>
+
+[Registry](./stonecrop.registry.md)
+
+
+</td><td>
+
+_(Optional)_ An existing Stonecrop Registry instance
+
+
+</td></tr>
+</tbody></table>
+**Returns:**
+
+[StonecropReturn](./stonecrop.stonecropreturn.md)
+
+The Stonecrop instance and a boolean indicating if Stonecrop is setup and ready
+
+## Exceptions
+
+Error if the Stonecrop plugin is not enabled before using the composable
+
diff --git a/examples/aform/assets/basic_fieldset_schema.json b/examples/aform/assets/basic_fieldset_schema.json
index ad1e6972..f9f1ec3e 100644
--- a/examples/aform/assets/basic_fieldset_schema.json
+++ b/examples/aform/assets/basic_fieldset_schema.json
@@ -6,7 +6,7 @@
 		"schema": [
 			{
 				"fieldname": "first_name",
-				"fieldtype": "ATextInput",
+				"component": "ATextInput",
 				"label": "First Name"
 			},
 			{
diff --git a/examples/aform/assets/basic_table_schema.json b/examples/aform/assets/basic_table_schema.json
index 6442730f..7480da11 100644
--- a/examples/aform/assets/basic_table_schema.json
+++ b/examples/aform/assets/basic_table_schema.json
@@ -43,7 +43,6 @@
 				"label": "Report Date",
 				"name": "report_date",
 				"fieldname": "report_date",
-				"fieldtype": "component",
 				"modalComponent": "ADatePicker",
 				"align": "center",
 				"edit": true,
diff --git a/examples/aform/assets/fieldset_table_schema.json b/examples/aform/assets/fieldset_table_schema.json
index 2f144059..6728e0c5 100644
--- a/examples/aform/assets/fieldset_table_schema.json
+++ b/examples/aform/assets/fieldset_table_schema.json
@@ -48,7 +48,6 @@
 						"label": "Report Date",
 						"name": "report_date",
 						"fieldname": "report_date",
-						"fieldtype": "component",
 						"modalComponent": "ADatePicker",
 						"align": "center",
 						"edit": true,
diff --git a/examples/aform/histoire.setup.ts b/examples/aform/histoire.setup.ts
index bde9bd9c..c8826875 100644
--- a/examples/aform/histoire.setup.ts
+++ b/examples/aform/histoire.setup.ts
@@ -1,8 +1,11 @@
 import { defineSetupVue3 } from '@histoire/plugin-vue'
 import { install as AForm, Login } from '@stonecrop/aform'
 import { install as ATable } from '@stonecrop/atable'
+import { createPinia } from 'pinia'
 
 export const setupVue3 = defineSetupVue3(({ app }) => {
+	const pinia = createPinia()
+	app.use(pinia)
 	app.use(AForm)
 	app.use(ATable)
 	app.component('Login', Login)
diff --git a/examples/atable/components/DateInput.vue b/examples/atable/components/DateInput.vue
index 4f20a414..3abacc68 100644
--- a/examples/atable/components/DateInput.vue
+++ b/examples/atable/components/DateInput.vue
@@ -3,18 +3,25 @@
 </template>
 
 <script setup lang="ts">
-import { ADate } from '@stonecrop/aform'
-import { createTableStore } from '@stonecrop/atable'
+import type { TableModalProps } from '@stonecrop/atable'
 import { ref, watch } from 'vue'
 
-const { colIndex, rowIndex, store, ...rest } = defineProps<{
-	colIndex: number
-	rowIndex: number
-	store: ReturnType<typeof createTableStore>
-	[key: string]: any
-}>()
+const { colIndex, rowIndex, store, ...rest } = defineProps<TableModalProps>()
+const date = ref(store.getCellData<string | number | Date>(colIndex, rowIndex))
+watch(date, newDate => store.setCellData(colIndex, rowIndex, newDate))
 
-const date = ref(store.getCellData<number>(colIndex, rowIndex))
+store.$onAction(({ name, args, after }) => {
+	if (name === 'setCellText') {
+		const [colIndex, rowIndex, value] = args
 
-watch(date, newDate => store.setCellData(colIndex, rowIndex, newDate))
+		after(() => {
+			const dateObj = new Date(value)
+			const dateTime = dateObj.getTime()
+			const dateOffset = dateObj.getTimezoneOffset() * 60000
+			if (isNaN(dateTime - dateOffset)) return
+			const newDate = new Date(dateTime - dateOffset).toISOString().split('T')[0]
+			date.value = newDate
+		})
+	}
+})
 </script>
diff --git a/examples/desktop/App.vue b/examples/desktop/App.vue
index 5a385af7..3d4b13ff 100644
--- a/examples/desktop/App.vue
+++ b/examples/desktop/App.vue
@@ -11,12 +11,12 @@
 <script setup lang="ts">
 const elements = [
 	{
-		elementType: 'button',
+		type: 'button',
 		label: 'Show Alert',
 		action: buttonClicked,
 	},
 	{
-		elementType: 'dropdown',
+		type: 'dropdown',
 		label: 'Action Menu',
 		actions: [
 			{
@@ -38,7 +38,7 @@ const elements = [
 		],
 	},
 	{
-		elementType: 'dropdown',
+		type: 'dropdown',
 		label: 'Link Menu',
 		actions: [
 			{
diff --git a/examples/desktop/components/Fieldtype.vue b/examples/desktop/components/Fieldtype.vue
index 544bcdcd..9f502448 100644
--- a/examples/desktop/components/Fieldtype.vue
+++ b/examples/desktop/components/Fieldtype.vue
@@ -10,7 +10,6 @@ const app = getCurrentInstance()
 const registeredComponents = computed(() => {
 	let components = []
 	for (const [name, obj] of Object.entries(app.appContext.components)) {
-		// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
 		if ((obj as any).props?.register) {
 			// may be appropriate to pass more than just the instance name here
 			components.push(name)
diff --git a/examples/desktop/index.ts b/examples/desktop/index.ts
index 2000ad41..55e2e38d 100644
--- a/examples/desktop/index.ts
+++ b/examples/desktop/index.ts
@@ -1,10 +1,12 @@
 import { List, Map } from 'immutable'
+import { createPinia } from 'pinia'
 import { createApp } from 'vue'
 import { RouteRecordRaw } from 'vue-router'
 import { createMachine } from 'xstate'
 
+import '@stonecrop/desktop/styles'
 import { ADate, ATextInput } from '@stonecrop/aform'
-import { ActionSet, CommandPalette, Doctype, Records, SheetNav } from '@stonecrop/desktop'
+import { Doctype, Records, StonecropDesktop } from '@stonecrop/desktop'
 import { DoctypeMeta, Stonecrop, type ImmutableDoctype, type MutableDoctype } from '@stonecrop/stonecrop'
 
 import Home from './components/Home.vue'
@@ -26,17 +28,16 @@ for (const route of routes) {
 	router.addRoute(route)
 }
 
+// setup Pinia
+const pinia = createPinia()
+app.use(pinia)
+
 // setup Stonecrop
 app.use(Stonecrop, {
 	router,
 	components: {
-		ActionSet,
 		ADate,
 		ATextInput,
-		CommandPalette,
-		Doctype,
-		Records,
-		SheetNav,
 	},
 	// TODO: or if doctype is a function [doctype].apply()
 	getMeta: async (doctype: string) => {
@@ -52,4 +53,5 @@ app.use(Stonecrop, {
 		return new DoctypeMeta(doctype, config.schema, config.workflow, config.actions)
 	},
 })
+app.use(StonecropDesktop)
 app.mount('#app')
diff --git a/examples/docbuilder/assets/doctype_schema.json b/examples/docbuilder/assets/doctype_schema.json
index 9d11bc7c..bd35adb9 100644
--- a/examples/docbuilder/assets/doctype_schema.json
+++ b/examples/docbuilder/assets/doctype_schema.json
@@ -23,14 +23,14 @@
 						"fieldtype": "Data",
 						"align": "left",
 						"edit": false,
-						"width": "35ch"
+						"width": "25ch"
 					},
 					{
 						"label": "Fieldtype",
 						"name": "fieldtype",
 						"fieldtype": "Select",
 						"align": "left",
-						"width": "20ch",
+						"width": "25ch",
 						"edit": true
 					},
 					{
@@ -47,7 +47,7 @@
 						"component": "<input type=\"radio\"/>",
 						"align": "left",
 						"edit": true,
-						"width": "5ch"
+						"width": "10ch"
 					},
 					{
 						"label": "Read Only",
@@ -55,7 +55,7 @@
 						"component": "<input type=\"radio\"/>",
 						"align": "left",
 						"edit": true,
-						"width": "5ch"
+						"width": "10ch"
 					}
 				],
 				"config": { "view": "list", "fullWidth": true },
@@ -87,7 +87,7 @@
 						"fieldtype": "Data",
 						"align": "left",
 						"edit": true,
-						"width": "40ch",
+						"width": "50ch",
 						"cellComponent": "textarea",
 						"cellComponentProps": {
 							"rows": 8,
diff --git a/examples/docbuilder/components/Builder.vue b/examples/docbuilder/components/Builder.vue
index 38f41686..d21ff726 100644
--- a/examples/docbuilder/components/Builder.vue
+++ b/examples/docbuilder/components/Builder.vue
@@ -9,12 +9,13 @@
 					:layout="layout" />
 			</div>
 		</AFieldset>
-		<AForm class="aform-main" :key="formKey" v-model="doctypeSchema" :data="data" />
+		<AForm class="aform-main" v-model="doctypeSchema" :data="data" :key="formKey" />
 		<ActionSet :elements="actionElements" />
 	</div>
 </template>
 
 <script setup lang="ts">
+import type { ActionElements } from '@stonecrop/desktop'
 import type { Layout } from '@stonecrop/node-editor'
 import { onBeforeMount, ref } from 'vue'
 import { useRoute } from 'vue-router'
@@ -24,13 +25,13 @@ import doctypeSchema from '../assets/doctype_schema.json'
 import { makeServer } from '../server'
 
 const route = useRoute()
-let formKey = ref(0)
+const formKey = ref(0)
 
 // create mirage server
 makeServer()
 
 // fetch data
-let layout: Layout = {}
+const layout = ref<Layout>({})
 const data = ref({})
 const stateConfig = ref({})
 
@@ -49,10 +50,10 @@ onBeforeMount(async () => {
 	data.value['side_effects_fieldset']['side_effects'] = actions
 
 	const stateResponse = await fetch('/api/load_state_machine?' + searchParams.toString())
-	const stateResponseData: Record<string, any>[] = await stateResponse.json()
+	const stateResponseData: Record<string, any> = await stateResponse.json()
 	const stateMachine = createMachine(stateResponseData.machine)
 	stateConfig.value = stateMachine.config.states
-	layout = stateResponseData.layout
+	layout.value = stateResponseData.layout
 
 	// increment form key to force form re-render
 	formKey.value++
@@ -61,12 +62,12 @@ onBeforeMount(async () => {
 // setup page actions
 const actionElements = [
 	{
-		elementType: 'button',
-		action: function () {},
+		type: 'button',
 		label: 'Save',
+		action: function () {},
 	},
 	{
-		elementType: 'dropdown',
+		type: 'dropdown',
 		label: 'Actions',
 		actions: [
 			{
@@ -83,13 +84,10 @@ const actionElements = [
 			},
 		],
 	},
-]
+] as ActionElements[]
 </script>
 
 <style>
-@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
-@import url('@stonecrop/themes/default.css');
-/* @import '../style.css'; */
 html,
 body {
 	height: 100%;
diff --git a/examples/docbuilder/components/Home.vue b/examples/docbuilder/components/Home.vue
deleted file mode 100644
index 793c0c4d..00000000
--- a/examples/docbuilder/components/Home.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<template>
-	<div>
-		<h1>Home</h1>
-		<li><router-link to="/doctype">Doctypes</router-link></li>
-		<li><router-link to="/issue">Issues</router-link></li>
-		<li><router-link to="/user">Users</router-link></li>
-	</div>
-</template>
-<script setup lang="ts"></script>
diff --git a/examples/docbuilder/components/Listview.vue b/examples/docbuilder/components/Listview.vue
index 4b5b3ab5..d7b95ce3 100644
--- a/examples/docbuilder/components/Listview.vue
+++ b/examples/docbuilder/components/Listview.vue
@@ -1,5 +1,5 @@
 <template>
-	<ATable id="list" :key="rows" :columns="columns" :rows="rows" :config="{ view: 'list', fullWidth: true }">
+	<ATable v-model="rows" :columns="columns" :config="{ view: 'list', fullWidth: true }" :key="componentKey">
 		<template #body="{ data }">
 			<ARow
 				v-for="(row, rowIndex) in data.rows"
@@ -30,14 +30,13 @@
 </template>
 
 <script lang="ts" setup>
-import { CSSProperties, onMounted, ref } from 'vue'
+import type { TableColumn, TableRow } from '@stonecrop/atable'
+import { type CSSProperties, onMounted, ref } from 'vue'
 import { useRouter } from 'vue-router'
 
-import { createTableStore } from '@stonecrop/atable'
-import { TableColumn, TableRow } from '@stonecrop/atable/types'
-
 const router = useRouter()
 
+const componentKey = ref(0)
 const rows = ref<TableRow[]>([])
 const columns = [
 	{
@@ -52,15 +51,16 @@ const columns = [
 
 onMounted(async () => {
 	const response = await fetch('/api/doctypes')
-	const data: Record<string, Record<string, any>[]> = await response.json()
-	rows.value = data.doctypes
+	const data = await response.json()
+	rows.value = data.doctypes as Record<string, any>[]
+	componentKey.value++
 })
 
-function showBuilder(doctype: string) {
+const showBuilder = (doctype: string) => {
 	router.push({ name: 'builder', params: { id: doctype } })
 }
 
-function getRowCellStyle(column: TableColumn): CSSProperties {
+const getRowCellStyle = (column: TableColumn): CSSProperties => {
 	return {
 		minWidth: column?.width || '40ch',
 		textAlign: column?.align || 'center',
@@ -103,9 +103,3 @@ rowNav['keydown.alt.down'] = rowNav['keydown.down']
 rowNav['keydown.shift.enter'] = rowNav['keydown.up']
 rowNav['keydown.enter'] = rowNav['keydown.down']
 </script>
-
-<style>
-@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
-@import url('@stonecrop/themes/default.css');
-/* @import '../style.css'; */
-</style>
diff --git a/examples/docbuilder/index.ts b/examples/docbuilder/index.ts
index 9bfdbe3d..1cb46a06 100644
--- a/examples/docbuilder/index.ts
+++ b/examples/docbuilder/index.ts
@@ -1,30 +1,23 @@
+import { createPinia } from 'pinia'
 import { createApp } from 'vue'
 
-import '@stonecrop/aform/styles'
-import '@stonecrop/atable/styles'
 import '@stonecrop/desktop/styles'
 import '@stonecrop/node-editor/styles'
-import { AFieldset, AForm, ANumericInput, ATextInput } from '@stonecrop/aform'
-import { ACell, ARow, ATableHeader, ATableModal, ATable } from '@stonecrop/atable'
+import { install as ATablePlugin } from '@stonecrop/aform'
+import { install as AFormPlugin } from '@stonecrop/atable'
 import { ActionSet, SheetNav } from '@stonecrop/desktop'
-import { NodeEditor, StateEditor } from '@stonecrop/node-editor'
+import { install as NodeEditorPlugin } from '@stonecrop/node-editor'
 
 import App from './App.vue'
 import router from './router'
 
-let app = createApp(App)
+const app = createApp(App)
+const pinia = createPinia()
+app.use(pinia)
 app.use(router)
-app.component('ACell', ACell)
-app.component('AFieldset', AFieldset)
-app.component('AForm', AForm)
-app.component('ANumericInput', ANumericInput)
-app.component('ARow', ARow)
-app.component('ATable', ATable)
-app.component('ATableHeader', ATableHeader)
-app.component('ATableModal', ATableModal)
-app.component('ATextInput', ATextInput)
-app.component('NodeEditor', NodeEditor)
-app.component('StateEditor', StateEditor)
+app.use(AFormPlugin)
+app.use(ATablePlugin)
+app.use(NodeEditorPlugin)
 app.component('ActionSet', ActionSet)
 app.component('SheetNav', SheetNav)
 app.mount('#app')
diff --git a/examples/docbuilder/server.ts b/examples/docbuilder/server.ts
index c364d477..98fafe66 100644
--- a/examples/docbuilder/server.ts
+++ b/examples/docbuilder/server.ts
@@ -20,7 +20,7 @@ export function makeServer({ environment = 'development' } = {}) {
 				doctypes: [{ name: 'Issue' }, { name: 'Assignment' }, { name: 'User' }],
 				stateMachines: [
 					{
-						name: 'Issue',
+						name: 'issue',
 						machine: {
 							id: 'Issue',
 							initial: 'New',
@@ -88,7 +88,7 @@ export function makeServer({ environment = 'development' } = {}) {
 						},
 					},
 					{
-						name: 'Assignment',
+						name: 'assignment',
 						machine: {
 							id: 'Assignment',
 							initial: 'New',
@@ -133,7 +133,7 @@ export function makeServer({ environment = 'development' } = {}) {
 						},
 					},
 					{
-						name: 'User',
+						name: 'user',
 						machine: {
 							id: 'User',
 							invoke: {
@@ -174,7 +174,7 @@ export function makeServer({ environment = 'development' } = {}) {
 				],
 				meta: [
 					{
-						name: 'Issue',
+						name: 'issue',
 						fields: [
 							{
 								id: 'subject',
@@ -225,7 +225,7 @@ export function makeServer({ environment = 'development' } = {}) {
 						],
 					},
 					{
-						name: 'Assignment',
+						name: 'assignment',
 						fields: [
 							{
 								id: 'user',
@@ -264,7 +264,7 @@ export function makeServer({ environment = 'development' } = {}) {
 						],
 					},
 					{
-						name: 'User',
+						name: 'user',
 						fields: [
 							{
 								id: 'username',
@@ -294,7 +294,7 @@ export function makeServer({ environment = 'development' } = {}) {
 				],
 				actions: [
 					{
-						name: 'Issue',
+						name: 'issue',
 						side_effects: [
 							{
 								event_name: 'LOAD',
@@ -321,7 +321,7 @@ export function makeServer({ environment = 'development' } = {}) {
 						],
 					},
 					{
-						name: 'Assignment',
+						name: 'assignment',
 						side_effects: [
 							{
 								event_name: 'LOAD',
@@ -348,7 +348,7 @@ export function makeServer({ environment = 'development' } = {}) {
 						],
 					},
 					{
-						name: 'User',
+						name: 'user',
 						side_effects: [
 							{
 								event_name: 'LOAD',
@@ -398,21 +398,24 @@ export function makeServer({ environment = 'development' } = {}) {
 			})
 
 			this.get('/load_state_machine', (schema, request) => {
-				let machine = schema.stateMachines.findBy({ name: request.queryParams.doctype })
+				const doctype = request.queryParams.doctype.toString().toLowerCase()
+				const machine = schema.stateMachines.findBy({ name: doctype })
 				return machine
 					? machine.attrs
 					: new Response(400, { some: 'Not Found' }, { errors: ['StateMachine for Doctype not found'] })
 			})
 
 			this.get('/load_meta', (schema, request) => {
-				let meta = schema.meta.findBy({ name: request.queryParams.doctype })
+				const doctype = request.queryParams.doctype.toString().toLowerCase()
+				const meta = schema.meta.findBy({ name: doctype })
 				return meta
 					? meta.attrs.fields
 					: new Response(400, { some: 'Not Found' }, { errors: ['Metadata for Doctype not found'] })
 			})
 
 			this.get('/load_side_effects', (schema, request) => {
-				let actions = schema.actions.findBy({ name: request.queryParams.doctype })
+				const doctype = request.queryParams.doctype.toString().toLowerCase()
+				const actions = schema.actions.findBy({ name: doctype })
 				return actions
 					? actions.attrs.side_effects
 					: new Response(400, { some: 'Not Found' }, { errors: ['Actions for Doctype not found'] })
diff --git a/examples/docbuilder/vite.config.ts b/examples/docbuilder/vite.config.ts
index 6a43aa7d..56d342f3 100644
--- a/examples/docbuilder/vite.config.ts
+++ b/examples/docbuilder/vite.config.ts
@@ -17,7 +17,7 @@ export default defineConfig({
 	build: {
 		sourcemap: true,
 		lib: {
-			entry: resolve(projectRootDir, 'docbuilder/index.ts'),
+			entry: resolve(projectRootDir, 'index.ts'),
 			name: '@stonecrop/examples',
 		},
 		rollupOptions: {
diff --git a/graphql_client/CHANGELOG.json b/graphql_client/CHANGELOG.json
index b9872c80..33d2ca18 100644
--- a/graphql_client/CHANGELOG.json
+++ b/graphql_client/CHANGELOG.json
@@ -1,6 +1,42 @@
 {
   "name": "@stonecrop/graphql-client",
   "entries": [
+    {
+      "version": "0.3.8",
+      "tag": "@stonecrop/graphql-client_v0.3.8",
+      "date": "Thu, 09 Jan 2025 11:21:58 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.7",
+      "tag": "@stonecrop/graphql-client_v0.3.7",
+      "date": "Fri, 03 Jan 2025 06:27:07 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.6",
+      "tag": "@stonecrop/graphql-client_v0.3.6",
+      "date": "Fri, 27 Dec 2024 09:24:01 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.5",
+      "tag": "@stonecrop/graphql-client_v0.3.5",
+      "date": "Tue, 24 Dec 2024 11:42:53 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.4",
+      "tag": "@stonecrop/graphql-client_v0.3.4",
+      "date": "Wed, 18 Dec 2024 09:54:31 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.3",
+      "tag": "@stonecrop/graphql-client_v0.3.3",
+      "date": "Tue, 17 Dec 2024 13:42:30 GMT",
+      "comments": {}
+    },
     {
       "version": "0.3.2",
       "tag": "@stonecrop/graphql-client_v0.3.2",
diff --git a/graphql_client/CHANGELOG.md b/graphql_client/CHANGELOG.md
index 43c2b5b7..3cdd1936 100644
--- a/graphql_client/CHANGELOG.md
+++ b/graphql_client/CHANGELOG.md
@@ -1,6 +1,36 @@
 # Change Log - @stonecrop/graphql-client
 
-This log was last generated on Tue, 17 Dec 2024 10:07:54 GMT and should not be manually modified.
+This log was last generated on Thu, 09 Jan 2025 11:21:58 GMT and should not be manually modified.
+
+## 0.3.8
+Thu, 09 Jan 2025 11:21:58 GMT
+
+_Version update only_
+
+## 0.3.7
+Fri, 03 Jan 2025 06:27:07 GMT
+
+_Version update only_
+
+## 0.3.6
+Fri, 27 Dec 2024 09:24:01 GMT
+
+_Version update only_
+
+## 0.3.5
+Tue, 24 Dec 2024 11:42:53 GMT
+
+_Version update only_
+
+## 0.3.4
+Wed, 18 Dec 2024 09:54:31 GMT
+
+_Version update only_
+
+## 0.3.3
+Tue, 17 Dec 2024 13:42:30 GMT
+
+_Version update only_
 
 ## 0.3.2
 Tue, 17 Dec 2024 10:07:54 GMT
diff --git a/graphql_client/package.json b/graphql_client/package.json
index 2704374c..41e8fd7a 100644
--- a/graphql_client/package.json
+++ b/graphql_client/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@stonecrop/graphql-client",
-	"version": "0.3.2",
+	"version": "0.3.8",
 	"license": "MIT",
 	"type": "module",
 	"author": {
diff --git a/node_editor/CHANGELOG.json b/node_editor/CHANGELOG.json
index 91cff41a..1e4c75b3 100644
--- a/node_editor/CHANGELOG.json
+++ b/node_editor/CHANGELOG.json
@@ -1,6 +1,42 @@
 {
   "name": "@stonecrop/node-editor",
   "entries": [
+    {
+      "version": "0.3.8",
+      "tag": "@stonecrop/node-editor_v0.3.8",
+      "date": "Thu, 09 Jan 2025 11:21:58 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.7",
+      "tag": "@stonecrop/node-editor_v0.3.7",
+      "date": "Fri, 03 Jan 2025 06:27:07 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.6",
+      "tag": "@stonecrop/node-editor_v0.3.6",
+      "date": "Fri, 27 Dec 2024 09:24:01 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.5",
+      "tag": "@stonecrop/node-editor_v0.3.5",
+      "date": "Tue, 24 Dec 2024 11:42:53 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.4",
+      "tag": "@stonecrop/node-editor_v0.3.4",
+      "date": "Wed, 18 Dec 2024 09:54:31 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.3",
+      "tag": "@stonecrop/node-editor_v0.3.3",
+      "date": "Tue, 17 Dec 2024 13:42:30 GMT",
+      "comments": {}
+    },
     {
       "version": "0.3.2",
       "tag": "@stonecrop/node-editor_v0.3.2",
diff --git a/node_editor/CHANGELOG.md b/node_editor/CHANGELOG.md
index 864b6dfa..36bad675 100644
--- a/node_editor/CHANGELOG.md
+++ b/node_editor/CHANGELOG.md
@@ -1,6 +1,36 @@
 # Change Log - @stonecrop/node-editor
 
-This log was last generated on Tue, 17 Dec 2024 10:07:54 GMT and should not be manually modified.
+This log was last generated on Thu, 09 Jan 2025 11:21:58 GMT and should not be manually modified.
+
+## 0.3.8
+Thu, 09 Jan 2025 11:21:58 GMT
+
+_Version update only_
+
+## 0.3.7
+Fri, 03 Jan 2025 06:27:07 GMT
+
+_Version update only_
+
+## 0.3.6
+Fri, 27 Dec 2024 09:24:01 GMT
+
+_Version update only_
+
+## 0.3.5
+Tue, 24 Dec 2024 11:42:53 GMT
+
+_Version update only_
+
+## 0.3.4
+Wed, 18 Dec 2024 09:54:31 GMT
+
+_Version update only_
+
+## 0.3.3
+Tue, 17 Dec 2024 13:42:30 GMT
+
+_Version update only_
 
 ## 0.3.2
 Tue, 17 Dec 2024 10:07:54 GMT
diff --git a/node_editor/package.json b/node_editor/package.json
index 6f1bf1c1..c0e51409 100644
--- a/node_editor/package.json
+++ b/node_editor/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@stonecrop/node-editor",
-	"version": "0.3.2",
+	"version": "0.3.8",
 	"description": "Node editor UI for Stonecrop",
 	"license": "MIT",
 	"type": "module",
diff --git a/rigs/stonecrop-rig/profiles/default/config/api-extractor-task.json b/rigs/stonecrop-rig/profiles/default/config/api-extractor-task.json
index 56721e9b..ecc329c2 100644
--- a/rigs/stonecrop-rig/profiles/default/config/api-extractor-task.json
+++ b/rigs/stonecrop-rig/profiles/default/config/api-extractor-task.json
@@ -1,4 +1,3 @@
 {
-	"$schema": "https://developer.microsoft.com/json-schemas/heft/v0/api-extractor-task.schema.json",
-	"useProjectTypescriptVersion": true
+	"$schema": "https://developer.microsoft.com/json-schemas/heft/v0/api-extractor-task.schema.json"
 }
diff --git a/stonecrop/CHANGELOG.json b/stonecrop/CHANGELOG.json
index 3ad67c83..f8b8ef01 100644
--- a/stonecrop/CHANGELOG.json
+++ b/stonecrop/CHANGELOG.json
@@ -1,6 +1,60 @@
 {
   "name": "@stonecrop/stonecrop",
   "entries": [
+    {
+      "version": "0.3.8",
+      "tag": "@stonecrop/stonecrop_v0.3.8",
+      "date": "Thu, 09 Jan 2025 11:21:58 GMT",
+      "comments": {
+        "patch": [
+          {
+            "comment": "add strict null checks to improve logic"
+          }
+        ]
+      }
+    },
+    {
+      "version": "0.3.7",
+      "tag": "@stonecrop/stonecrop_v0.3.7",
+      "date": "Fri, 03 Jan 2025 06:27:07 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.6",
+      "tag": "@stonecrop/stonecrop_v0.3.6",
+      "date": "Fri, 27 Dec 2024 09:24:01 GMT",
+      "comments": {
+        "patch": [
+          {
+            "comment": "fix stonecrop documentation generation"
+          }
+        ]
+      }
+    },
+    {
+      "version": "0.3.5",
+      "tag": "@stonecrop/stonecrop_v0.3.5",
+      "date": "Tue, 24 Dec 2024 11:42:53 GMT",
+      "comments": {
+        "patch": [
+          {
+            "comment": "throw error if Stonecrop plugin isn't installed"
+          }
+        ]
+      }
+    },
+    {
+      "version": "0.3.4",
+      "tag": "@stonecrop/stonecrop_v0.3.4",
+      "date": "Wed, 18 Dec 2024 09:54:31 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.3",
+      "tag": "@stonecrop/stonecrop_v0.3.3",
+      "date": "Tue, 17 Dec 2024 13:42:30 GMT",
+      "comments": {}
+    },
     {
       "version": "0.3.2",
       "tag": "@stonecrop/stonecrop_v0.3.2",
diff --git a/stonecrop/CHANGELOG.md b/stonecrop/CHANGELOG.md
index 8f12dc1a..fc650c52 100644
--- a/stonecrop/CHANGELOG.md
+++ b/stonecrop/CHANGELOG.md
@@ -1,6 +1,42 @@
 # Change Log - @stonecrop/stonecrop
 
-This log was last generated on Tue, 17 Dec 2024 10:07:54 GMT and should not be manually modified.
+This log was last generated on Thu, 09 Jan 2025 11:21:58 GMT and should not be manually modified.
+
+## 0.3.8
+Thu, 09 Jan 2025 11:21:58 GMT
+
+### Patches
+
+- add strict null checks to improve logic
+
+## 0.3.7
+Fri, 03 Jan 2025 06:27:07 GMT
+
+_Version update only_
+
+## 0.3.6
+Fri, 27 Dec 2024 09:24:01 GMT
+
+### Patches
+
+- fix stonecrop documentation generation
+
+## 0.3.5
+Tue, 24 Dec 2024 11:42:53 GMT
+
+### Patches
+
+- throw error if Stonecrop plugin isn't installed
+
+## 0.3.4
+Wed, 18 Dec 2024 09:54:31 GMT
+
+_Version update only_
+
+## 0.3.3
+Tue, 17 Dec 2024 13:42:30 GMT
+
+_Version update only_
 
 ## 0.3.2
 Tue, 17 Dec 2024 10:07:54 GMT
diff --git a/stonecrop/config/heft.json b/stonecrop/config/heft.json
deleted file mode 100644
index 99244526..00000000
--- a/stonecrop/config/heft.json
+++ /dev/null
@@ -1,22 +0,0 @@
-/**
- * Defines configuration used by core Heft.
- */
-{
-	"$schema": "https://developer.microsoft.com/json-schemas/heft/v0/heft.schema.json",
-
-	"phasesByName": {
-		"build": {
-			"phaseDescription": "This phase compiles the project source code.",
-
-			"cleanFiles": [{ "sourcePath": "dist" }],
-
-			"tasksByName": {
-				"typescript": {
-					"taskPlugin": {
-						"pluginPackage": "@rushstack/heft-typescript-plugin"
-					}
-				}
-			}
-		}
-	}
-}
diff --git a/stonecrop/package.json b/stonecrop/package.json
index f0e01486..f953538f 100644
--- a/stonecrop/package.json
+++ b/stonecrop/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@stonecrop/stonecrop",
-	"version": "0.3.2",
+	"version": "0.3.8",
 	"description": "schema helper",
 	"license": "MIT",
 	"type": "module",
@@ -31,8 +31,8 @@
 		"src/*"
 	],
 	"scripts": {
-		"prepublish": "heft build && vite build",
-		"build": "heft build && vite build",
+		"prepublish": "heft build && vite build && rushx docs",
+		"build": "heft build && vite build && rushx docs",
 		"docs": "api-documenter markdown -i temp -o ../docs/stonecrop",
 		"lint": "eslint . --ext .ts,.vue",
 		"preview": "vite preview"
@@ -41,7 +41,7 @@
 		"immutable": "^4.3.0",
 		"pinia": "^2.3.0",
 		"pinia-shared-state": "^0.3.0",
-		"pinia-xstate": "^1.0.9",
+		"pinia-xstate": "^2.2.1",
 		"vue": "^3.5.11",
 		"vue-router": "^4.4.0",
 		"xstate": "^4.38.3"
diff --git a/stonecrop/src/composable.ts b/stonecrop/src/composable.ts
index 622e7d19..3b0dced3 100644
--- a/stonecrop/src/composable.ts
+++ b/stonecrop/src/composable.ts
@@ -4,21 +4,41 @@ import Registry from './registry'
 import { Stonecrop } from './stonecrop'
 import { useDataStore } from './stores/data'
 
-type StonecropReturn = {
+/**
+ * Stonecrop composable return type
+ * @public
+ */
+export type StonecropReturn = {
 	stonecrop: Ref<Stonecrop>
 	isReady: Ref<boolean>
 }
 
+/**
+ * Stonecrop composable
+ * @param registry - An existing Stonecrop Registry instance
+ * @returns The Stonecrop instance and a boolean indicating if Stonecrop is setup and ready
+ * @throws Error if the Stonecrop plugin is not enabled before using the composable
+ * @public
+ */
 export function useStonecrop(registry?: Registry): StonecropReturn {
 	if (!registry) {
 		registry = inject<Registry>('$registry')
 	}
 
-	const store = useDataStore()
+	let store: ReturnType<typeof useDataStore>
+	try {
+		store = useDataStore()
+	} catch (e) {
+		throw new Error('Please enable the Stonecrop plugin before using the Stonecrop composable')
+	}
+
+	// @ts-expect-error TODO: handle empty registry passed to Stonecrop
 	const stonecrop = ref(new Stonecrop(registry, store))
 	const isReady = ref(false)
 
 	onBeforeMount(async () => {
+		if (!registry) return
+
 		const route = registry.router.currentRoute.value
 		const doctypeSlug = route.params.records?.toString().toLowerCase()
 		const recordId = route.params.record?.toString().toLowerCase()
@@ -29,19 +49,22 @@ export function useStonecrop(registry?: Registry): StonecropReturn {
 		}
 
 		// setup doctype via registry
-		const doctype = await registry.getMeta(doctypeSlug)
-		registry.addDoctype(doctype)
-		stonecrop.value.setup(doctype)
-
-		if (doctypeSlug) {
-			if (recordId) {
-				await stonecrop.value.getRecord(doctype, recordId)
-			} else {
-				await stonecrop.value.getRecords(doctype)
+		const doctype = await registry.getMeta?.(doctypeSlug)
+		if (doctype) {
+			registry.addDoctype(doctype)
+			stonecrop.value.setup(doctype)
+
+			if (doctypeSlug) {
+				if (recordId) {
+					await stonecrop.value.getRecord(doctype, recordId)
+				} else {
+					await stonecrop.value.getRecords(doctype)
+				}
 			}
+
+			stonecrop.value.runAction(doctype, 'LOAD', recordId ? [recordId] : undefined)
 		}
 
-		stonecrop.value.runAction(doctype, 'LOAD', recordId ? [recordId] : undefined)
 		isReady.value = true
 	})
 
diff --git a/stonecrop/src/doctype.ts b/stonecrop/src/doctype.ts
index 050b5316..3b67d3ba 100644
--- a/stonecrop/src/doctype.ts
+++ b/stonecrop/src/doctype.ts
@@ -2,14 +2,47 @@ import { Component } from 'vue'
 
 import type { ImmutableDoctype } from './types'
 
+/**
+ * Doctype Meta class
+ * @public
+ */
 export default class DoctypeMeta {
+	/**
+	 * The doctype name
+	 * @public
+	 * @readonly
+	 */
 	readonly doctype: string
+
+	/**
+	 * The doctype schema
+	 * @public
+	 * @readonly
+	 */
 	readonly schema: ImmutableDoctype['schema']
+
+	/**
+	 * The doctype workflow
+	 * @public
+	 * @readonly
+	 */
 	readonly workflow: ImmutableDoctype['workflow']
+
+	/**
+	 * The doctype actions
+	 * @public
+	 * @readonly
+	 */
 	readonly actions: ImmutableDoctype['actions']
+
+	/**
+	 * The doctype component
+	 * @public
+	 * @readonly
+	 */
+	readonly component?: Component
 	// TODO: allow different components for different views; probably
 	// should be defined in the schema instead?
-	readonly component?: Component
 
 	constructor(
 		doctype: string,
@@ -25,15 +58,15 @@ export default class DoctypeMeta {
 		this.component = component
 	}
 
+	/**
+	 * Converts the registered doctype to a slug (kebab-case)
+	 * @returns The slugified doctype string
+	 * @public
+	 */
 	get slug() {
-		// kebab case
 		return this.doctype
 			.replace(/([a-z])([A-Z])/g, '$1-$2')
 			.replace(/[\s_]+/g, '-')
 			.toLowerCase()
 	}
-
-	get __typename() {
-		return this.doctype
-	}
 }
diff --git a/stonecrop/src/index.ts b/stonecrop/src/index.ts
index e9192138..04294f8d 100644
--- a/stonecrop/src/index.ts
+++ b/stonecrop/src/index.ts
@@ -1,7 +1,10 @@
-import { useStonecrop } from './composable'
+export type { BaseSchema, FieldsetSchema, FormSchema, SchemaTypes, TableSchema } from '@stonecrop/aform'
+export type { CellContext, TableColumn, TableConfig, TableRow } from '@stonecrop/atable'
+
+import { type StonecropReturn, useStonecrop } from './composable'
 import DoctypeMeta from './doctype'
 import Registry from './registry'
 import Stonecrop from './plugins'
 export type { ImmutableDoctype, MutableDoctype, Schema, InstallOptions } from './types'
 
-export { DoctypeMeta, Registry, Stonecrop, useStonecrop }
+export { DoctypeMeta, Registry, Stonecrop, StonecropReturn, useStonecrop }
diff --git a/stonecrop/src/plugins/index.ts b/stonecrop/src/plugins/index.ts
index 2d4e1eac..6a41e716 100644
--- a/stonecrop/src/plugins/index.ts
+++ b/stonecrop/src/plugins/index.ts
@@ -5,6 +5,34 @@ import router from '../router'
 import { pinia } from '../stores'
 import type { InstallOptions } from '../types'
 
+/**
+ * Stonecrop Vue plugin
+ * @param app - The Vue app instance
+ * @param options - The plugin options
+ * @example
+ * ```ts
+ *
+ * import { createApp } from 'vue'
+ * import Stonecrop from 'stonecrop'
+ *
+ * import App from './App.vue'
+ *
+ * const app = createApp(App)
+ * app.use(Stonecrop, {
+ *  router,
+ *  components: {
+ *   // register custom components
+ *  },
+ *  getMeta: async (doctype: string) => {
+ *   // fetch doctype meta from API
+ *  },
+ * })
+ *
+ * app.mount('#app')
+ * ```
+ *
+ * @public
+ */
 const plugin: Plugin = {
 	install: (app: App, options?: InstallOptions) => {
 		const appRouter = options?.router || router
diff --git a/stonecrop/src/registry.ts b/stonecrop/src/registry.ts
index 2f215e9b..ba2a534e 100644
--- a/stonecrop/src/registry.ts
+++ b/stonecrop/src/registry.ts
@@ -2,11 +2,39 @@ import { Router } from 'vue-router'
 
 import DoctypeMeta from './doctype'
 
+/**
+ * Stonecrop Registry class
+ * @public
+ */
 export default class Registry {
+	/**
+	 * The root Registry instance
+	 */
 	static _root: Registry
+
+	/**
+	 * The name of the Registry instance
+	 *
+	 * @defaultValue 'Registry'
+	 */
 	name: string
+
+	/**
+	 * The Vue router instance
+	 * @see {@link https://router.vuejs.org/}
+	 */
 	router: Router
+
+	/**
+	 * The registry property contains a collection of doctypes
+	 * @see {@link DoctypeMeta}
+	 */
 	registry: Record<string, DoctypeMeta>
+
+	/**
+	 * The getMeta function fetches doctype metadata from an API
+	 * @see {@link DoctypeMeta}
+	 */
 	getMeta?: (doctype: string) => DoctypeMeta | Promise<DoctypeMeta>
 
 	constructor(router: Router, getMeta?: (doctype: string) => DoctypeMeta | Promise<DoctypeMeta>) {
@@ -20,11 +48,17 @@ export default class Registry {
 		this.getMeta = getMeta
 	}
 
+	/**
+	 * Get doctype metadata
+	 * @param doctype - The doctype to fetch metadata for
+	 * @returns The doctype metadata
+	 * @see {@link DoctypeMeta}
+	 */
 	addDoctype(doctype: DoctypeMeta) {
 		if (!(doctype.doctype in Object.keys(this.registry))) {
 			this.registry[doctype.slug] = doctype
 		}
-		if (!this.router.hasRoute(doctype.doctype)) {
+		if (!this.router.hasRoute(doctype.doctype) && doctype.component) {
 			this.router.addRoute({
 				path: `/${doctype.slug}`,
 				name: doctype.slug,
diff --git a/stonecrop/src/stonecrop.ts b/stonecrop/src/stonecrop.ts
index e8b7d674..7e513a4b 100644
--- a/stonecrop/src/stonecrop.ts
+++ b/stonecrop/src/stonecrop.ts
@@ -4,25 +4,28 @@ import Registry from './registry'
 import { useDataStore } from './stores/data'
 import type { ImmutableDoctype, Schema } from './types'
 
+/**
+ * Stonecrop class
+ * @public
+ */
 export class Stonecrop {
 	/**
-	 * @property {Stonecrop} _root
-	 * @description The root Stonecrop instance
+	 * The root Stonecrop instance
 	 */
 	static _root: Stonecrop
 
 	/**
-	 * @property {string} name
-	 * @description The name of the Stonecrop instance
-	 * @example
-	 * 'Stonecrop'
+	 * The name of the Stonecrop instance
+	 * @readonly
+	 *
+	 * @defaultValue 'Stonecrop'
 	 */
 	readonly name = 'Stonecrop'
 
 	/**
-	 * @property {Registry} registry
-	 * @description The registry is an immutable collection of doctypes
+	 * The registry is an immutable collection of doctypes
 	 * @example
+	 * ```ts
 	 * {
 	 * 	'task': {
 	 * 		doctype: 'Task',
@@ -34,15 +37,21 @@ export class Stonecrop {
 	 * 	},
 	 * 	...
 	 * }
+	 * ```
 	 * @see {@link Registry}
 	 * @see {@link DoctypeMeta}
 	 */
 	readonly registry: Registry
 
 	/**
-	 * @property {Schema} schema - The Stonecrop schema
-	 * @description The schema is a subset of the registry
+	 * The Pinia store that manages the mutable records
+	 */
+	store: ReturnType<typeof useDataStore>
+
+	/**
+	 * schema - The Stonecrop schema; the schema is a subset of the registry
 	 * @example
+	 * ```ts
 	 * {
 	 * 	doctype: 'Task',
 	 * 	schema: {
@@ -51,43 +60,36 @@ export class Stonecrop {
 	 * 		...
 	 * 	}
 	 * }
+	 * ```
 	 * @see {@link Registry}
 	 * @see {@link DoctypeMeta}
 	 * @see {@link DoctypeMeta.schema}
 	 */
-	schema: Schema
-
-	/**
-	 * @property {ImmutableDoctype['workflow']} workflow
-	 * @description The workflow is a subset of the registry
-	 */
-	workflow: ImmutableDoctype['workflow']
+	schema?: Schema
 
 	/**
-	 * @property {ImmutableDoctype['actions']} actions
-	 * @description The actions are a subset of the registry
+	 * The workflow is a subset of the registry
 	 */
-	actions: ImmutableDoctype['actions']
+	workflow?: ImmutableDoctype['workflow']
 
 	/**
-	 * @property {ReturnType<typeof useDataStore>} store
-	 * @description The Pinia store that manages the mutable records
+	 * The actions are a subset of the registry
 	 */
-	store: ReturnType<typeof useDataStore>
+	actions?: ImmutableDoctype['actions']
 
 	/**
-	 * @constructor
-	 * @param {Registry} registry - The immutable registry
-	 * @param {ReturnType<typeof useDataStore>} store - The mutable Pinia store
-	 * @param {Schema} [schema] - (optional) The Stonecrop schema
-	 * @param {ImmutableDoctype['workflow']} [workflow] - (optional) The Stonecrop workflow
-	 * @param {ImmutableDoctype['actions']} [actions] - (optional) The Stonecrop actions
-	 * @returns {Stonecrop} The Stonecrop instance
-	 * @description The Stonecrop constructor initializes a new Stonecrop instance with the given registry, store, schema, workflow, and actions. If a Stonecrop instance has already been created, it returns the existing instance instead of creating a new one.
+	 * @param registry - The immutable registry
+	 * @param store - The mutable Pinia store
+	 * @param schema - The Stonecrop schema
+	 * @param workflow - The Stonecrop workflow
+	 * @param actions - The Stonecrop actions
+	 * @returns The Stonecrop instance with the given registry, store, schema, workflow, and actions. If a Stonecrop instance has already been created, it returns the existing instance instead of creating a new one.
 	 * @example
+	 * ```ts
 	 * const registry = new Registry()
 	 * const store = useDataStore()
-	 * const stonecrop = new Stonecrop(registry, store, schema, workflow, actions)
+	 * const stonecrop = new Stonecrop(registry, store)
+	 * ```
 	 */
 	constructor(
 		registry: Registry,
@@ -108,13 +110,13 @@ export class Stonecrop {
 	}
 
 	/**
-	 * @method setup
-	 * @param {DoctypeMeta} doctype - The doctype to setup
-	 * @returns {void}
-	 * @description Sets up the Stonecrop instance with the given doctype
+	 * Sets up the Stonecrop instance with the given doctype
+	 * @param doctype - The doctype to setup
 	 * @example
+	 * ```ts
 	 * const doctype = await registry.getMeta('Task')
 	 * stonecrop.setup(doctype)
+	 * ```
 	 */
 	setup(doctype: DoctypeMeta): void {
 		void this.getMeta(doctype)
@@ -123,28 +125,29 @@ export class Stonecrop {
 	}
 
 	/**
-	 * @method getMeta
-	 * @param {DoctypeMeta} doctype - The doctype to get meta for
-	 * @returns {DoctypeMeta}
-	 * @see {@link DoctypeMeta}
+	 * Gets the meta for the given doctype
+	 * @param doctype - The doctype to get meta for
+	 * @returns The meta for the given doctype
 	 * @throws NotImplementedError
-	 * @description Gets the meta for the given doctype
 	 * @example
+	 * ```ts
 	 * const doctype = await registry.getMeta('Task')
 	 * const meta = stonecrop.getMeta(doctype)
+	 * ```
+	 * @see {@link DoctypeMeta}
 	 */
 	getMeta(doctype: DoctypeMeta): DoctypeMeta | Promise<DoctypeMeta> | never {
 		return this.registry.getMeta ? this.registry.getMeta(doctype.doctype) : new NotImplementedError(doctype.doctype)
 	}
 
 	/**
-	 * @method getWorkflow
-	 * @param {DoctypeMeta} doctype - The doctype to get workflow for
-	 * @returns {void}
-	 * @description Gets the workflow for the given doctype
+	 * Gets the workflow for the given doctype
+	 * @param doctype - The doctype to get workflow for
 	 * @example
+	 * ```ts
 	 * const doctype = await registry.getMeta('Task')
 	 * stonecrop.getWorkflow(doctype)
+	 * ```
 	 */
 	getWorkflow(doctype: DoctypeMeta): void {
 		const doctypeRegistry = this.registry.registry[doctype.slug]
@@ -152,13 +155,13 @@ export class Stonecrop {
 	}
 
 	/**
-	 * @method getActions
-	 * @param {DoctypeMeta} doctype - The doctype to get actions for
-	 * @returns {void}
-	 * @description Gets the actions for the given doctype
+	 * Gets the actions for the given doctype
+	 * @param doctype - The doctype to get actions for
 	 * @example
+	 * ```ts
 	 * const doctype = await registry.getMeta('Task')
 	 * stonecrop.getActions(doctype)
+	 * ```
 	 */
 	getActions(doctype: DoctypeMeta): void {
 		const doctypeRegistry = this.registry.registry[doctype.slug]
@@ -166,18 +169,20 @@ export class Stonecrop {
 	}
 
 	/**
-	 * @method getRecords
-	 * @param {DoctypeMeta} doctype - The doctype to get records for
-	 * @param {RequestInit} [filters] - The filters to apply to the records
-	 * @returns {Promise<void>}
-	 * @description Gets the records for the given doctype
+	 * Gets the records for the given doctype
+	 * @param doctype - The doctype to get records for
+	 * @param filters - The filters to apply to the records
 	 * @example
+	 * ```ts
 	 * const doctype = await registry.getMeta('Task')
 	 * await stonecrop.getRecords(doctype)
+	 * ```
 	 * @example
+	 * ```ts
 	 * const doctype = await registry.getMeta('Task')
 	 * const filters = JSON.stringify({ status: 'Open' })
 	 * await stonecrop.getRecords(doctype, { body: filters })
+	 * ```
 	 */
 	async getRecords(doctype: DoctypeMeta, filters?: RequestInit): Promise<void> {
 		this.store.$patch({ records: [] })
@@ -187,14 +192,14 @@ export class Stonecrop {
 	}
 
 	/**
-	 * @method getRecord
-	 * @param {DoctypeMeta} doctype - The doctype to get record for
-	 * @param {string} id - The id of the record to get
-	 * @returns {Promise<void>}
-	 * @description Gets the record for the given doctype and id
+	 * Gets the record for the given doctype and id
+	 * @param doctype - The doctype to get record for
+	 * @param id - The id of the record to get
 	 * @example
+	 * ```ts
 	 * const doctype = await registry.getMeta('Task')
 	 * await stonecrop.getRecord(doctype, 'TASK-00001')
+	 * ```
 	 */
 	async getRecord(doctype: DoctypeMeta, id: string): Promise<void> {
 		this.store.$patch({ record: {} })
@@ -204,40 +209,49 @@ export class Stonecrop {
 	}
 
 	/**
-	 * @method runAction
-	 * @param {DoctypeMeta} doctype - The doctype to run action for
-	 * @param {string} action - The action to run
-	 * @param {string[]} [id] - The id(s) of the record(s) to run action on
-	 * @returns {void}
-	 * @description Runs the action for the given doctype and id
+	 * Runs the action for the given doctype and id
+	 * @param doctype - The doctype to run action for
+	 * @param action - The action to run
+	 * @param id - The id(s) of the record(s) to run action on
 	 * @example
+	 * ```ts
 	 * const doctype = await registry.getMeta('Task')
 	 * stonecrop.runAction(doctype, 'CREATE')
+	 * ```
 	 * @example
+	 * ```ts
 	 * const doctype = await registry.getMeta('Task')
 	 * stonecrop.runAction(doctype, 'UPDATE', ['TASK-00001'])
+	 * ```
 	 * @example
+	 * ```ts
 	 * const doctype = await registry.getMeta('Task')
 	 * stonecrop.runAction(doctype, 'DELETE', ['TASK-00001'])
+	 * ```
 	 * @example
+	 * ```ts
 	 * const doctype = await registry.getMeta('Task')
 	 * stonecrop.runAction(doctype, 'TRANSITION', ['TASK-00001', 'TASK-00002'])
+	 * ```
 	 */
 	runAction(doctype: DoctypeMeta, action: string, id?: string[]): void {
 		const doctypeRegistry = this.registry.registry[doctype.slug]
-		const actions = doctypeRegistry.actions.get(action)
+		const actions = doctypeRegistry.actions?.get(action)
 
 		// trigger the action on the state machine
-		const { initialState } = this.workflow
-		this.workflow.transition(initialState, { type: action })
-
-		// run actions after state machine transition
-		if (actions.length > 0) {
-			actions.forEach(action => {
-				// eslint-disable-next-line @typescript-eslint/no-implied-eval
-				const actionFn = new Function(action)
-				actionFn(id)
-			})
+		if (this.workflow) {
+			const { initialState } = this.workflow
+			this.workflow.transition(initialState, { type: action })
+
+			// run actions after state machine transition
+			// TODO: should this happen with or without the workflow?
+			if (actions && actions.length > 0) {
+				actions.forEach(action => {
+					// eslint-disable-next-line @typescript-eslint/no-implied-eval
+					const actionFn = new Function(action)
+					actionFn(id)
+				})
+			}
 		}
 	}
 }
diff --git a/stonecrop/src/stores/xstate.ts b/stonecrop/src/stores/xstate.ts
index 493a298a..e4c0dd0c 100644
--- a/stonecrop/src/stores/xstate.ts
+++ b/stonecrop/src/stores/xstate.ts
@@ -1,5 +1,5 @@
 import { defineStore } from 'pinia'
-import xstate from 'pinia-xstate'
+import { xstate } from 'pinia-xstate'
 import { createMachine } from 'xstate'
 
 export const counterMachine = createMachine(
diff --git a/stonecrop/src/types/index.ts b/stonecrop/src/types/index.ts
index 1aedd627..bc0bcc6d 100644
--- a/stonecrop/src/types/index.ts
+++ b/stonecrop/src/types/index.ts
@@ -1,30 +1,46 @@
-import { SchemaTypes } from '@stonecrop/aform'
+import type { SchemaTypes } from '@stonecrop/aform'
 import { List, Map } from 'immutable'
-import { Component } from 'vue'
-import { Router } from 'vue-router'
-import { MachineConfig, StateMachine } from 'xstate'
+import type { Component } from 'vue'
+import type { Router } from 'vue-router'
+import type { MachineConfig, StateMachine } from 'xstate'
 
 import DoctypeMeta from '../doctype'
 
+/**
+ * Immutable Doctype type for Stonecrop instances
+ * @public
+ */
 export type ImmutableDoctype = {
 	// TODO: allow schema to be a function
 	readonly schema?: List<SchemaTypes>
-	readonly workflow: StateMachine<unknown, unknown, any>
+	readonly workflow: StateMachine<unknown, any, any>
 	readonly actions?: Map<string, string[]>
 }
 
+/**
+ * Mutable Doctype type for Stonecrop instances
+ * @public
+ */
 export type MutableDoctype = {
 	// TODO: allow schema to be a function
 	schema?: SchemaTypes[]
-	workflow: MachineConfig<unknown, unknown, any>
+	workflow: MachineConfig<unknown, any, any>
 	actions?: Record<string, string[]>
 }
 
+/**
+ * Schema type for Stonecrop instances
+ * @public
+ */
 export type Schema = {
 	doctype: string
 	schema: List<SchemaTypes>
 }
 
+/**
+ * Install options for Stonecrop Vue plugin
+ * @public
+ */
 export type InstallOptions = {
 	router?: Router
 	components?: Record<string, Component>
diff --git a/themes/CHANGELOG.json b/themes/CHANGELOG.json
index 18f88071..cae97467 100644
--- a/themes/CHANGELOG.json
+++ b/themes/CHANGELOG.json
@@ -1,6 +1,42 @@
 {
   "name": "@stonecrop/themes",
   "entries": [
+    {
+      "version": "0.3.8",
+      "tag": "@stonecrop/themes_v0.3.8",
+      "date": "Thu, 09 Jan 2025 11:21:58 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.7",
+      "tag": "@stonecrop/themes_v0.3.7",
+      "date": "Fri, 03 Jan 2025 06:27:07 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.6",
+      "tag": "@stonecrop/themes_v0.3.6",
+      "date": "Fri, 27 Dec 2024 09:24:01 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.5",
+      "tag": "@stonecrop/themes_v0.3.5",
+      "date": "Tue, 24 Dec 2024 11:42:53 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.4",
+      "tag": "@stonecrop/themes_v0.3.4",
+      "date": "Wed, 18 Dec 2024 09:54:31 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.3",
+      "tag": "@stonecrop/themes_v0.3.3",
+      "date": "Tue, 17 Dec 2024 13:42:30 GMT",
+      "comments": {}
+    },
     {
       "version": "0.3.2",
       "tag": "@stonecrop/themes_v0.3.2",
diff --git a/themes/CHANGELOG.md b/themes/CHANGELOG.md
index 408a2712..7b90446f 100644
--- a/themes/CHANGELOG.md
+++ b/themes/CHANGELOG.md
@@ -1,6 +1,36 @@
 # Change Log - @stonecrop/themes
 
-This log was last generated on Tue, 17 Dec 2024 10:07:54 GMT and should not be manually modified.
+This log was last generated on Thu, 09 Jan 2025 11:21:58 GMT and should not be manually modified.
+
+## 0.3.8
+Thu, 09 Jan 2025 11:21:58 GMT
+
+_Version update only_
+
+## 0.3.7
+Fri, 03 Jan 2025 06:27:07 GMT
+
+_Version update only_
+
+## 0.3.6
+Fri, 27 Dec 2024 09:24:01 GMT
+
+_Version update only_
+
+## 0.3.5
+Tue, 24 Dec 2024 11:42:53 GMT
+
+_Version update only_
+
+## 0.3.4
+Wed, 18 Dec 2024 09:54:31 GMT
+
+_Version update only_
+
+## 0.3.3
+Tue, 17 Dec 2024 13:42:30 GMT
+
+_Version update only_
 
 ## 0.3.2
 Tue, 17 Dec 2024 10:07:54 GMT
diff --git a/themes/package.json b/themes/package.json
index 92e29af8..cb1e99f3 100644
--- a/themes/package.json
+++ b/themes/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@stonecrop/themes",
-	"version": "0.3.2",
+	"version": "0.3.8",
 	"type": "module",
 	"author": {
 		"name": "Tyler Matteson",
diff --git a/tsconfig.options.json b/tsconfig.options.json
index 4186ec92..c3f3638a 100644
--- a/tsconfig.options.json
+++ b/tsconfig.options.json
@@ -10,7 +10,8 @@
 		"disableReferencedProjectLoad": true,
 		"emitDeclarationOnly": true,
 		"isolatedModules": true,
-		"skipLibCheck": true
+		"skipLibCheck": true,
+		"strictNullChecks": true
 	},
 	"exclude": ["node_modules", "**/*.spec.ts"]
 }
diff --git a/utilities/CHANGELOG.json b/utilities/CHANGELOG.json
index c94d7e53..0cf56653 100644
--- a/utilities/CHANGELOG.json
+++ b/utilities/CHANGELOG.json
@@ -1,6 +1,48 @@
 {
   "name": "@stonecrop/utilities",
   "entries": [
+    {
+      "version": "0.3.8",
+      "tag": "@stonecrop/utilities_v0.3.8",
+      "date": "Thu, 09 Jan 2025 11:21:58 GMT",
+      "comments": {
+        "patch": [
+          {
+            "comment": "add strict null checks to improve logic"
+          }
+        ]
+      }
+    },
+    {
+      "version": "0.3.7",
+      "tag": "@stonecrop/utilities_v0.3.7",
+      "date": "Fri, 03 Jan 2025 06:27:07 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.6",
+      "tag": "@stonecrop/utilities_v0.3.6",
+      "date": "Fri, 27 Dec 2024 09:24:01 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.5",
+      "tag": "@stonecrop/utilities_v0.3.5",
+      "date": "Tue, 24 Dec 2024 11:42:53 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.4",
+      "tag": "@stonecrop/utilities_v0.3.4",
+      "date": "Wed, 18 Dec 2024 09:54:31 GMT",
+      "comments": {}
+    },
+    {
+      "version": "0.3.3",
+      "tag": "@stonecrop/utilities_v0.3.3",
+      "date": "Tue, 17 Dec 2024 13:42:30 GMT",
+      "comments": {}
+    },
     {
       "version": "0.3.2",
       "tag": "@stonecrop/utilities_v0.3.2",
diff --git a/utilities/CHANGELOG.md b/utilities/CHANGELOG.md
index 956e378b..86046e4f 100644
--- a/utilities/CHANGELOG.md
+++ b/utilities/CHANGELOG.md
@@ -1,6 +1,38 @@
 # Change Log - @stonecrop/utilities
 
-This log was last generated on Tue, 17 Dec 2024 10:07:54 GMT and should not be manually modified.
+This log was last generated on Thu, 09 Jan 2025 11:21:58 GMT and should not be manually modified.
+
+## 0.3.8
+Thu, 09 Jan 2025 11:21:58 GMT
+
+### Patches
+
+- add strict null checks to improve logic
+
+## 0.3.7
+Fri, 03 Jan 2025 06:27:07 GMT
+
+_Version update only_
+
+## 0.3.6
+Fri, 27 Dec 2024 09:24:01 GMT
+
+_Version update only_
+
+## 0.3.5
+Tue, 24 Dec 2024 11:42:53 GMT
+
+_Version update only_
+
+## 0.3.4
+Wed, 18 Dec 2024 09:54:31 GMT
+
+_Version update only_
+
+## 0.3.3
+Tue, 17 Dec 2024 13:42:30 GMT
+
+_Version update only_
 
 ## 0.3.2
 Tue, 17 Dec 2024 10:07:54 GMT
diff --git a/utilities/package.json b/utilities/package.json
index 3bc3959f..1e7194fd 100644
--- a/utilities/package.json
+++ b/utilities/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@stonecrop/utilities",
-	"version": "0.3.2",
+	"version": "0.3.8",
 	"license": "MIT",
 	"type": "module",
 	"author": {
diff --git a/utilities/src/composables/keyboard.ts b/utilities/src/composables/keyboard.ts
index 0f75ca24..d55ad27f 100644
--- a/utilities/src/composables/keyboard.ts
+++ b/utilities/src/composables/keyboard.ts
@@ -53,7 +53,7 @@ const getTopCell = (event: KeyboardEvent) => {
 		const $table = $target.parentElement?.parentElement
 		if ($table) {
 			const $firstRow = $table.firstElementChild
-			const $navCell = $firstRow.children[$target.cellIndex] as HTMLElement
+			const $navCell = $firstRow?.children[$target.cellIndex] as HTMLElement
 			if ($navCell) {
 				$topCell = $navCell
 			}
@@ -112,7 +112,7 @@ const getBottomCell = (event: KeyboardEvent) => {
 		const $table = $target.parentElement?.parentElement
 		if ($table) {
 			const $lastRow = $table.lastElementChild
-			const $navCell = $lastRow.children[$target.cellIndex] as HTMLElement
+			const $navCell = $lastRow?.children[$target.cellIndex] as HTMLElement
 			if ($navCell) {
 				$bottomCell = $navCell
 			}
@@ -175,7 +175,7 @@ const _getNextCell = (element: HTMLElement): HTMLElement | undefined => {
 const getFirstCell = (event: KeyboardEvent) => {
 	const $target = event.target as HTMLElement
 	const $parent = $target.parentElement
-	const $firstCell = $parent.firstElementChild as HTMLElement | null
+	const $firstCell = $parent?.firstElementChild as HTMLElement | null
 	if ($firstCell && (!isFocusable($firstCell) || !isVisible($firstCell))) {
 		return _getNextCell($firstCell)
 	}
@@ -185,7 +185,7 @@ const getFirstCell = (event: KeyboardEvent) => {
 const getLastCell = (event: KeyboardEvent) => {
 	const $target = event.target as HTMLElement
 	const $parent = $target.parentElement
-	const $lastCell = $parent.lastElementChild as HTMLElement | null
+	const $lastCell = $parent?.lastElementChild as HTMLElement | null
 	if ($lastCell && (!isFocusable($lastCell) || !isVisible($lastCell))) {
 		return _getPrevCell($lastCell)
 	}
@@ -370,7 +370,7 @@ export function useKeyboardNav(options: KeyboardNavigationOptions[]) {
 			}
 		} else if (option.selectors instanceof HTMLElement) {
 			selectors.push(option.selectors)
-		} else {
+		} else if (option.selectors?.value) {
 			if (Array.isArray(option.selectors.value)) {
 				for (const element of option.selectors.value) {
 					if (element instanceof HTMLElement) {