@ankhorage/zora 9.0.1 → 11.0.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # Changelog
 
+## 11.0.0
+
+### Major Changes
+
+- 70a48ec: Replace the config-driven `Form` API with compositional `Form`, `FormField`, and `FormError` manifest nodes under canonical feature ownership.
+
+  `Form` now accepts `FormField` and global `FormError` children instead of `fields`, `values`, `onChange`, `errors`, `error`, and `footer`. Compose each control explicitly inside a `FormField`, keep field errors on `FormField.errorText`, and place global submission errors directly inside `Form`. The submit callback no longer receives values; controlled field state remains owned by the consumer.
+
+  Email rules now use the shared `@ankhorage/utility/regex` validation semantics.
+
+## 10.0.0
+
+### Major Changes
+
+- 8e3d5db: Add a manifest-authorable KeyboardAvoidingView feature backed by the Surface layout primitive, and
+  remove the obsolete React-rendered SplashScreen API.
+
 ## 9.0.1
 
 ### Patch Changes

package/README.md

@@ -1,9 +1,9 @@
 <!-- markdownlint-disable MD013 MD033 -->
 <!-- This file is generated by Paradox. Do not edit manually. -->
 
-# ZORA
+# @ankhorage/zora
 
-![license: MIT](././paradox/badges/license.svg) ![npm: v8.0.0](././paradox/badges/npm.svg) ![runtime: bun](././paradox/badges/runtime.svg) ![typescript: strict](././paradox/badges/typescript.svg) ![eslint: checked](././paradox/badges/eslint.svg) ![prettier: checked](././paradox/badges/prettier.svg) ![build: checked](././paradox/badges/build.svg) ![tests: checked](././paradox/badges/tests.svg) ![docs: paradox](././paradox/badges/docs.svg)
+![license: MIT](././paradox/badges/license.svg) ![npm: v10.0.0](././paradox/badges/npm.svg) ![runtime: bun](././paradox/badges/runtime.svg) ![typescript: strict](././paradox/badges/typescript.svg) ![eslint: checked](././paradox/badges/eslint.svg) ![prettier: checked](././paradox/badges/prettier.svg) ![build: checked](././paradox/badges/build.svg) ![tests: checked](././paradox/badges/tests.svg) ![docs: paradox](././paradox/badges/docs.svg)
 
 Opinionated React Native and React Native Web UI kit built on @ankhorage/surface.
 

package/dist/constants.d.ts

@@ -10,12 +10,13 @@ export declare const FEATURE_MANIFEST_ELEMENTS: {
     readonly card: readonly ["Card", "MediaCard", "MetricCard", "PostCard", "ProductCard"];
     readonly chip: readonly ["Chip", "ChipGroup"];
     readonly 'data-table': readonly ["DataTable"];
+    readonly form: readonly ["Form", "FormError", "FormField"];
     readonly button: readonly ["Button", "IconButton", "ButtonGroup"];
     readonly icon: readonly ["Icon"];
     readonly image: readonly ["Image"];
+    readonly 'keyboard-avoiding-view': readonly ["KeyboardAvoidingView"];
     readonly layout: readonly ["Box", "Container", "ContentRail", "Divider", "Grid", "Stack"];
     readonly list: readonly ["FlatList", "SectionList"];
-    readonly 'splash-screen': readonly ["SplashScreen"];
     readonly typography: readonly ["Heading", "Text"];
     readonly uploader: readonly ["Uploader"];
     readonly 'bottom-sheet': readonly ["BottomSheet"];

package/dist/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB;;;;CAI5B,CAAC;AAEX,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;CAgB5B,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB;;;;CAI5B,CAAC;AAEX,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;CAiB5B,CAAC"}

package/dist/constants.js

@@ -10,12 +10,13 @@ export const FEATURE_MANIFEST_ELEMENTS = {
     card: ['Card', 'MediaCard', 'MetricCard', 'PostCard', 'ProductCard'],
     chip: ['Chip', 'ChipGroup'],
     'data-table': ['DataTable'],
+    form: ['Form', 'FormError', 'FormField'],
     button: ['Button', 'IconButton', 'ButtonGroup'],
     icon: ['Icon'],
     image: ['Image'],
+    'keyboard-avoiding-view': ['KeyboardAvoidingView'],
     layout: ['Box', 'Container', 'ContentRail', 'Divider', 'Grid', 'Stack'],
     list: ['FlatList', 'SectionList'],
-    'splash-screen': ['SplashScreen'],
     typography: ['Heading', 'Text'],
     uploader: ['Uploader'],
     'bottom-sheet': ['BottomSheet'],

package/dist/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,SAAS,EAAE,OAAO;IAClB,KAAK,EAAE,WAAW;IAClB,qBAAqB,EAAE,IAAI;CACnB,CAAC;AAEX,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,OAAO,EAAE,CAAC,SAAS,CAAC;IACpB,MAAM,EAAE,CAAC,QAAQ,EAAE,aAAa,CAAC;IACjC,KAAK,EAAE,CAAC,OAAO,CAAC;IAChB,IAAI,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,aAAa,CAAC;IACpE,IAAI,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC;IAC3B,YAAY,EAAE,CAAC,WAAW,CAAC;IAC3B,MAAM,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,aAAa,CAAC;IAC/C,IAAI,EAAE,CAAC,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,OAAO,CAAC;IAChB,MAAM,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC;IACvE,IAAI,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC;IACjC,eAAe,EAAE,CAAC,cAAc,CAAC;IACjC,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC;IAC/B,QAAQ,EAAE,CAAC,UAAU,CAAC;IACtB,cAAc,EAAE,CAAC,aAAa,CAAC;CACvB,CAAC","sourcesContent":["export const COMPONENT_THEME_AUTHORING = {\n  authority: 'theme',\n  scope: 'component',\n  allowInstanceOverride: true,\n} as const;\n\nexport const FEATURE_MANIFEST_ELEMENTS = {\n  surface: ['Surface'],\n  avatar: ['Avatar', 'AvatarGroup'],\n  badge: ['Badge'],\n  card: ['Card', 'MediaCard', 'MetricCard', 'PostCard', 'ProductCard'],\n  chip: ['Chip', 'ChipGroup'],\n  'data-table': ['DataTable'],\n  button: ['Button', 'IconButton', 'ButtonGroup'],\n  icon: ['Icon'],\n  image: ['Image'],\n  layout: ['Box', 'Container', 'ContentRail', 'Divider', 'Grid', 'Stack'],\n  list: ['FlatList', 'SectionList'],\n  'splash-screen': ['SplashScreen'],\n  typography: ['Heading', 'Text'],\n  uploader: ['Uploader'],\n  'bottom-sheet': ['BottomSheet'],\n} as const;\n"]}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,SAAS,EAAE,OAAO;IAClB,KAAK,EAAE,WAAW;IAClB,qBAAqB,EAAE,IAAI;CACnB,CAAC;AAEX,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,OAAO,EAAE,CAAC,SAAS,CAAC;IACpB,MAAM,EAAE,CAAC,QAAQ,EAAE,aAAa,CAAC;IACjC,KAAK,EAAE,CAAC,OAAO,CAAC;IAChB,IAAI,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,aAAa,CAAC;IACpE,IAAI,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC;IAC3B,YAAY,EAAE,CAAC,WAAW,CAAC;IAC3B,IAAI,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,WAAW,CAAC;IACxC,MAAM,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,aAAa,CAAC;IAC/C,IAAI,EAAE,CAAC,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,OAAO,CAAC;IAChB,wBAAwB,EAAE,CAAC,sBAAsB,CAAC;IAClD,MAAM,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC;IACvE,IAAI,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC;IACjC,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC;IAC/B,QAAQ,EAAE,CAAC,UAAU,CAAC;IACtB,cAAc,EAAE,CAAC,aAAa,CAAC;CACvB,CAAC","sourcesContent":["export const COMPONENT_THEME_AUTHORING = {\n  authority: 'theme',\n  scope: 'component',\n  allowInstanceOverride: true,\n} as const;\n\nexport const FEATURE_MANIFEST_ELEMENTS = {\n  surface: ['Surface'],\n  avatar: ['Avatar', 'AvatarGroup'],\n  badge: ['Badge'],\n  card: ['Card', 'MediaCard', 'MetricCard', 'PostCard', 'ProductCard'],\n  chip: ['Chip', 'ChipGroup'],\n  'data-table': ['DataTable'],\n  form: ['Form', 'FormError', 'FormField'],\n  button: ['Button', 'IconButton', 'ButtonGroup'],\n  icon: ['Icon'],\n  image: ['Image'],\n  'keyboard-avoiding-view': ['KeyboardAvoidingView'],\n  layout: ['Box', 'Container', 'ContentRail', 'Divider', 'Grid', 'Stack'],\n  list: ['FlatList', 'SectionList'],\n  typography: ['Heading', 'Text'],\n  uploader: ['Uploader'],\n  'bottom-sheet': ['BottomSheet'],\n} as const;\n"]}

package/dist/features/bottom-sheet/bottomSheetMeta.d.ts

@@ -2,7 +2,7 @@ export declare const bottomSheetMeta: {
     readonly name: "BottomSheet";
     readonly category: "layout";
     readonly directManifestNode: true;
-    readonly allowedChildren: readonly ["ActivityIndicator", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "IconButton", "SplashScreen", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "FormField", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly allowedChildren: readonly ["ActivityIndicator", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Container", "Divider", "Text", "Heading", "Icon", "Image", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
     readonly description: "Controlled presentation through the shared single-sheet host. Bind dismiss to clear open.";
     readonly events: {
         readonly dismiss: {

package/dist/features/card/cardMeta.d.ts

@@ -2,7 +2,7 @@ export declare const cardMeta: {
     readonly name: "Card";
     readonly category: "component";
     readonly directManifestNode: true;
-    readonly allowedChildren: readonly ["ActivityIndicator", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "IconButton", "SplashScreen", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "FormField", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly allowedChildren: readonly ["ActivityIndicator", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Container", "Divider", "Text", "Heading", "Icon", "Image", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
     readonly blueprint: {
         readonly label: "Card";
         readonly defaultProps: {

package/dist/features/card/mediaCardMeta.d.ts

@@ -2,7 +2,7 @@ export declare const mediaCardMeta: {
     readonly name: "MediaCard";
     readonly category: "component";
     readonly directManifestNode: true;
-    readonly allowedChildren: readonly ["ActivityIndicator", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "IconButton", "SplashScreen", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "FormField", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly allowedChildren: readonly ["ActivityIndicator", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Container", "Divider", "Text", "Heading", "Icon", "Image", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
     readonly events: {
         readonly press: {
             readonly label: "Press";

package/dist/features/card/postCardMeta.d.ts

@@ -3,7 +3,7 @@ export declare const postCardMeta: {
     readonly category: "pattern";
     readonly description: "Social/content post card with author identity, body, media, actions, and comment previews.";
     readonly directManifestNode: true;
-    readonly allowedChildren: readonly ["ActivityIndicator", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "IconButton", "SplashScreen", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "FormField", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly allowedChildren: readonly ["ActivityIndicator", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Container", "Divider", "Text", "Heading", "Icon", "Image", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
     readonly blueprint: {
         readonly label: "Post card";
         readonly icon: {

package/dist/features/form/adapters/inbound/Form.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { FormProps } from '../../../../types/form';
+/*** Composes explicit form fields, form errors, and submit actions. */
+export declare const Form: (props: FormProps) => React.ReactElement | null;
+//# sourceMappingURL=Form.d.ts.map

package/dist/features/form/adapters/inbound/Form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../../../src/features/form/adapters/inbound/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAkCxD,uEAAuE;AACvE,eAAO,MAAM,IAAI,iDAAgC,CAAC"}

package/dist/features/form/adapters/inbound/Form.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { Stack } from '../../../layout/public';
+import { FormActions } from './FormActions';
+function FormInner({ themeId: _themeId, mode: _mode, children, onSubmit, loading = false, disabled = false, submitLabel = 'Submit', actions, testID, interactionPolicy, }) {
+    return (<Stack gap="m" testID={testID}>
+      {children}
+      <FormActions disabled={disabled} interactionPolicy={interactionPolicy} loading={loading} onSubmit={() => {
+            if (interactionPolicy !== 'passive')
+                void onSubmit?.();
+        }} submitLabel={submitLabel}>
+        {actions}
+      </FormActions>
+    </Stack>);
+}
+/*** Composes explicit form fields, form errors, and submit actions. */
+export const Form = withZoraThemeScope(FormInner);
+//# sourceMappingURL=Form.js.map

package/dist/features/form/adapters/inbound/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../../../src/features/form/adapters/inbound/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,SAAS,SAAS,CAAC,EACjB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,QAAQ,EACtB,OAAO,EACP,MAAM,EACN,iBAAiB,GACP;IACV,OAAO,CACL,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC5B;MAAA,CAAC,QAAQ,CACT;MAAA,CAAC,WAAW,CACV,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,GAAG,EAAE;YACb,IAAI,iBAAiB,KAAK,SAAS;gBAAE,KAAK,QAAQ,EAAE,EAAE,CAAC;QACzD,CAAC,CAAC,CACF,WAAW,CAAC,CAAC,WAAW,CAAC,CAEzB;QAAA,CAAC,OAAO,CACV;MAAA,EAAE,WAAW,CACf;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC;AAED,uEAAuE;AACvE,MAAM,CAAC,MAAM,IAAI,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { FormProps } from '../../../../types/form';\nimport { Stack } from '../../../layout/public';\nimport { FormActions } from './FormActions';\n\nfunction FormInner({\n  themeId: _themeId,\n  mode: _mode,\n  children,\n  onSubmit,\n  loading = false,\n  disabled = false,\n  submitLabel = 'Submit',\n  actions,\n  testID,\n  interactionPolicy,\n}: FormProps) {\n  return (\n    <Stack gap=\"m\" testID={testID}>\n      {children}\n      <FormActions\n        disabled={disabled}\n        interactionPolicy={interactionPolicy}\n        loading={loading}\n        onSubmit={() => {\n          if (interactionPolicy !== 'passive') void onSubmit?.();\n        }}\n        submitLabel={submitLabel}\n      >\n        {actions}\n      </FormActions>\n    </Stack>\n  );\n}\n\n/*** Composes explicit form fields, form errors, and submit actions. */\nexport const Form = withZoraThemeScope(FormInner);\n"]}

package/dist/{components/form → features/form/adapters/inbound}/FormActions.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { FormActionsProps } from './types';
+import type { FormActionsProps } from '../../../../types/form';
 /***
  * Standard submit/action area for forms.
  */

package/dist/features/form/adapters/inbound/FormActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormActions.d.ts","sourceRoot":"","sources":["../../../../../src/features/form/adapters/inbound/FormActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AA+B/D;;GAEG;AACH,eAAO,MAAM,WAAW,wDAAuC,CAAC"}

package/dist/{components/form → features/form/adapters/inbound}/FormActions.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Button } from '../../features/button/public';
-import { Box, Stack } from '../../features/layout/public';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { Button } from '../../../button/public';
+import { Box, Stack } from '../../../layout/public';
 function FormActionsInner({ themeId: _themeId, mode: _mode, submitLabel = 'Submit', loading = false, disabled = false, onSubmit, children, testID, interactionPolicy, }) {
     return (<Stack gap="s" testID={testID}>
       <Button disabled={disabled} fullWidth interactionPolicy={interactionPolicy} loading={loading} onPress={onSubmit}>

package/dist/features/form/adapters/inbound/FormActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormActions.js","sourceRoot":"","sources":["../../../../../src/features/form/adapters/inbound/FormActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAEpD,SAAS,gBAAgB,CAAC,EACxB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,WAAW,GAAG,QAAQ,EACtB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,iBAAiB,GACA;IACjB,OAAO,CACL,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC5B;MAAA,CAAC,MAAM,CACL,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,SAAS,CACT,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,OAAO,CAAC,CAAC,QAAQ,CAAC,CAElB;QAAA,CAAC,WAAW,CACd;MAAA,EAAE,MAAM,CACR;MAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAC1C;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,kBAAkB,CAAC,gBAAgB,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { FormActionsProps } from '../../../../types/form';\nimport { Button } from '../../../button/public';\nimport { Box, Stack } from '../../../layout/public';\n\nfunction FormActionsInner({\n  themeId: _themeId,\n  mode: _mode,\n  submitLabel = 'Submit',\n  loading = false,\n  disabled = false,\n  onSubmit,\n  children,\n  testID,\n  interactionPolicy,\n}: FormActionsProps) {\n  return (\n    <Stack gap=\"s\" testID={testID}>\n      <Button\n        disabled={disabled}\n        fullWidth\n        interactionPolicy={interactionPolicy}\n        loading={loading}\n        onPress={onSubmit}\n      >\n        {submitLabel}\n      </Button>\n      {children ? <Box>{children}</Box> : null}\n    </Stack>\n  );\n}\n\n/***\n * Standard submit/action area for forms.\n */\nexport const FormActions = withZoraThemeScope(FormActionsInner);\n"]}

package/dist/features/form/adapters/inbound/FormError.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { FormErrorProps } from '../../../../types/form';
+/*** Displays a form-level validation or submission error. */
+export declare const FormError: (props: FormErrorProps) => React.ReactElement | null;
+//# sourceMappingURL=FormError.d.ts.map

package/dist/features/form/adapters/inbound/FormError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormError.d.ts","sourceRoot":"","sources":["../../../../../src/features/form/adapters/inbound/FormError.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAgB7D,6DAA6D;AAC7D,eAAO,MAAM,SAAS,sDAAqC,CAAC"}

package/dist/features/form/adapters/inbound/FormError.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { useZoraTheme } from '../../../../theme/useZoraTheme';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { Box } from '../../../layout/public';
+import { Text } from '../../../typography/public';
+function FormErrorInner({ themeId: _themeId, mode: _mode, error, testID }) {
+    const { theme } = useZoraTheme();
+    if (!error)
+        return null;
+    return (<Box borderColor={theme.colors.error} borderWidth={1} p="s" radius="m" testID={testID}>
+      <Text color="error" variant="bodySmall">
+        {error}
+      </Text>
+    </Box>);
+}
+/*** Displays a form-level validation or submission error. */
+export const FormError = withZoraThemeScope(FormErrorInner);
+//# sourceMappingURL=FormError.js.map

package/dist/features/form/adapters/inbound/FormError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormError.js","sourceRoot":"","sources":["../../../../../src/features/form/adapters/inbound/FormError.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAElD,SAAS,cAAc,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAkB;IACvF,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IACxB,OAAO,CACL,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CACpF;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CACrC;QAAA,CAAC,KAAK,CACR;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC;AAED,6DAA6D;AAC7D,MAAM,CAAC,MAAM,SAAS,GAAG,kBAAkB,CAAC,cAAc,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { useZoraTheme } from '../../../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { FormErrorProps } from '../../../../types/form';\nimport { Box } from '../../../layout/public';\nimport { Text } from '../../../typography/public';\n\nfunction FormErrorInner({ themeId: _themeId, mode: _mode, error, testID }: FormErrorProps) {\n  const { theme } = useZoraTheme();\n  if (!error) return null;\n  return (\n    <Box borderColor={theme.colors.error} borderWidth={1} p=\"s\" radius=\"m\" testID={testID}>\n      <Text color=\"error\" variant=\"bodySmall\">\n        {error}\n      </Text>\n    </Box>\n  );\n}\n\n/*** Displays a form-level validation or submission error. */\nexport const FormError = withZoraThemeScope(FormErrorInner);\n"]}

package/dist/features/form/adapters/inbound/FormField.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { FormFieldProps } from '../../../../types/form';
+/*** Groups one form control with its label, description, helper text, and field error. */
+export declare const FormField: (props: FormFieldProps) => React.ReactElement | null;
+//# sourceMappingURL=FormField.d.ts.map

package/dist/features/form/adapters/inbound/FormField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../../src/features/form/adapters/inbound/FormField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAoC7D,0FAA0F;AAC1F,eAAO,MAAM,SAAS,sDAAqC,CAAC"}

package/dist/{patterns/form-field → features/form/adapters/inbound}/FormField.js

@@ -1,9 +1,9 @@
 import { Field } from '@ankhorage/surface';
 import React from 'react';
-import { Stack } from '../../features/layout/public';
-import { Text } from '../../features/typography/public';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-function FormFieldInner({ themeId: _themeId, mode: _mode, label, description, helperText, children, ...props }) {
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { Stack } from '../../../layout/public';
+import { Text } from '../../../typography/public';
+function FormFieldInner({ themeId: _themeId, mode: _mode, label, description, helperText, children, interactionPolicy: _interactionPolicy, ...props }) {
     return (<Field {...props} helperText={helperText} label={<Stack gap="xs">
           <Text variant="label" weight="semiBold">
             {label}
@@ -15,5 +15,6 @@ function FormFieldInner({ themeId: _themeId, mode: _mode, label, description, he
       {children}
     </Field>);
 }
+/*** Groups one form control with its label, description, helper text, and field error. */
 export const FormField = withZoraThemeScope(FormFieldInner);
 //# sourceMappingURL=FormField.js.map

package/dist/features/form/adapters/inbound/FormField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../../../src/features/form/adapters/inbound/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAElD,SAAS,cAAc,CAAC,EACtB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,KAAK,EACL,WAAW,EACX,UAAU,EACV,QAAQ,EACR,iBAAiB,EAAE,kBAAkB,EACrC,GAAG,KAAK,EACO;IACf,OAAO,CACL,CAAC,KAAK,CACJ,IAAI,KAAK,CAAC,CACV,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,KAAK,CAAC,CACJ,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CACb;UAAA,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,CACrC;YAAA,CAAC,KAAK,CACR;UAAA,EAAE,IAAI,CACN;UAAA,CAAC,WAAW,CAAC,CAAC,CAAC,CACb,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CACxC;cAAA,CAAC,WAAW,CACd;YAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;QAAA,EAAE,KAAK,CACT,CAAC,CAED;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC;AAED,0FAA0F;AAC1F,MAAM,CAAC,MAAM,SAAS,GAAG,kBAAkB,CAAC,cAAc,CAAC,CAAC","sourcesContent":["import { Field } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { FormFieldProps } from '../../../../types/form';\nimport { Stack } from '../../../layout/public';\nimport { Text } from '../../../typography/public';\n\nfunction FormFieldInner({\n  themeId: _themeId,\n  mode: _mode,\n  label,\n  description,\n  helperText,\n  children,\n  interactionPolicy: _interactionPolicy,\n  ...props\n}: FormFieldProps) {\n  return (\n    <Field\n      {...props}\n      helperText={helperText}\n      label={\n        <Stack gap=\"xs\">\n          <Text variant=\"label\" weight=\"semiBold\">\n            {label}\n          </Text>\n          {description ? (\n            <Text emphasis=\"muted\" variant=\"bodySmall\">\n              {description}\n            </Text>\n          ) : null}\n        </Stack>\n      }\n    >\n      {children}\n    </Field>\n  );\n}\n\n/*** Groups one form control with its label, description, helper text, and field error. */\nexport const FormField = withZoraThemeScope(FormFieldInner);\n"]}

package/dist/features/form/formActionsMeta.d.ts

@@ -0,0 +1,9 @@
+export declare const formActionsMeta: {
+    readonly name: "FormActions";
+    readonly category: "component";
+    readonly directManifestNode: false;
+    readonly allowedChildren: readonly [];
+    readonly note: "Internal form action helper.";
+    readonly props: {};
+};
+//# sourceMappingURL=formActionsMeta.d.ts.map

package/dist/features/form/formActionsMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formActionsMeta.d.ts","sourceRoot":"","sources":["../../../src/features/form/formActionsMeta.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,eAAe;;;;;;;CAOU,CAAC"}

package/dist/features/form/formActionsMeta.js

@@ -0,0 +1,9 @@
+export const formActionsMeta = {
+    name: 'FormActions',
+    category: 'component',
+    directManifestNode: false,
+    allowedChildren: [],
+    note: 'Internal form action helper.',
+    props: {},
+};
+//# sourceMappingURL=formActionsMeta.js.map

package/dist/features/form/formActionsMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formActionsMeta.js","sourceRoot":"","sources":["../../../src/features/form/formActionsMeta.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,IAAI,EAAE,aAAa;IACnB,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,8BAA8B;IACpC,KAAK,EAAE,EAAE;CAC2B,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\nexport const formActionsMeta = {\n  name: 'FormActions',\n  category: 'component',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Internal form action helper.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/features/form/formErrorMeta.d.ts

@@ -0,0 +1,32 @@
+export declare const formErrorMeta: {
+    readonly name: "FormError";
+    readonly category: "component";
+    readonly directManifestNode: true;
+    readonly allowedChildren: readonly [];
+    readonly blueprint: {
+        readonly label: "Form error";
+        readonly defaultProps: {
+            readonly error: "Unable to submit the form.";
+        };
+    };
+    readonly bindings: {
+        readonly props: {
+            readonly error: {
+                readonly label: "Error";
+                readonly description: "Global form or submission error.";
+                readonly value: {
+                    readonly type: "unknown";
+                };
+                readonly acceptsFallback: true;
+            };
+        };
+    };
+    readonly props: {
+        readonly error: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Error";
+        };
+    };
+};
+//# sourceMappingURL=formErrorMeta.d.ts.map

package/dist/features/form/formErrorMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formErrorMeta.d.ts","sourceRoot":"","sources":["../../../src/features/form/formErrorMeta.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBY,CAAC"}

package/dist/features/form/formErrorMeta.js

@@ -0,0 +1,19 @@
+export const formErrorMeta = {
+    name: 'FormError',
+    category: 'component',
+    directManifestNode: true,
+    allowedChildren: [],
+    blueprint: { label: 'Form error', defaultProps: { error: 'Unable to submit the form.' } },
+    bindings: {
+        props: {
+            error: {
+                label: 'Error',
+                description: 'Global form or submission error.',
+                value: { type: 'unknown' },
+                acceptsFallback: true,
+            },
+        },
+    },
+    props: { error: { type: 'string', category: 'Content', label: 'Error' } },
+};
+//# sourceMappingURL=formErrorMeta.js.map

package/dist/features/form/formErrorMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formErrorMeta.js","sourceRoot":"","sources":["../../../src/features/form/formErrorMeta.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,EAAE;IACnB,SAAS,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,EAAE;IACzF,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,KAAK,EAAE,OAAO;gBACd,WAAW,EAAE,kCAAkC;gBAC/C,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;gBAC1B,eAAe,EAAE,IAAI;aACtB;SACF;KACF;IACD,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;CACrC,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\nexport const formErrorMeta = {\n  name: 'FormError',\n  category: 'component',\n  directManifestNode: true,\n  allowedChildren: [],\n  blueprint: { label: 'Form error', defaultProps: { error: 'Unable to submit the form.' } },\n  bindings: {\n    props: {\n      error: {\n        label: 'Error',\n        description: 'Global form or submission error.',\n        value: { type: 'unknown' },\n        acceptsFallback: true,\n      },\n    },\n  },\n  props: { error: { type: 'string', category: 'Content', label: 'Error' } },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/{components/form/meta.d.ts → features/form/formFieldMeta.d.ts}

@@ -1,51 +1,35 @@
-export declare const formMeta: {
-    readonly name: "Form";
-    readonly category: "component";
-    readonly directManifestNode: false;
-    readonly allowedChildren: readonly [];
-    readonly note: "Form orchestration component; not represented as a manifest node in v1.";
-    readonly events: {
-        readonly submit: {
-            readonly label: "Submit";
-            readonly eventType: "form.submit";
-            readonly description: "Emitted when the form submits its current values.";
-            readonly payloadFields: readonly [{
-                readonly path: "payload.values";
-                readonly type: "record";
-                readonly label: "Values";
-                readonly description: "Submitted form values keyed by field name.";
-            }];
-        };
-    };
-    readonly props: {};
-};
-export declare const formActionsMeta: {
-    readonly name: "FormActions";
-    readonly category: "component";
-    readonly directManifestNode: false;
-    readonly allowedChildren: readonly [];
-    readonly note: "Form helper component; not represented as a manifest node in v1.";
-    readonly props: {};
-};
-export declare const formErrorMeta: {
-    readonly name: "FormError";
-    readonly category: "component";
-    readonly directManifestNode: false;
-    readonly allowedChildren: readonly [];
-    readonly note: "Form helper component; not represented as a manifest node in v1.";
-    readonly props: {};
-};
 export declare const formFieldMeta: {
     readonly name: "FormField";
     readonly category: "component";
     readonly directManifestNode: true;
-    readonly allowedChildren: readonly ["TextInput"];
+    readonly allowedChildren: readonly ["Checkbox", "CheckboxGroup", "RadioGroup", "TextInput"];
     readonly blueprint: {
         readonly label: "Form field";
         readonly defaultProps: {
             readonly label: "Label";
         };
     };
+    readonly bindings: {
+        readonly props: {
+            readonly errorText: {
+                readonly label: "Error text";
+                readonly description: "Field-level validation error.";
+                readonly value: {
+                    readonly type: "unknown";
+                };
+                readonly acceptsFallback: true;
+            };
+            readonly disabled: {
+                readonly label: "Disabled";
+                readonly description: "Whether the field is disabled.";
+                readonly value: {
+                    readonly type: "boolean";
+                };
+                readonly acceptsFallback: true;
+                readonly acceptsTransforms: true;
+            };
+        };
+    };
     readonly props: {
         readonly label: {
             readonly type: "string";
@@ -63,6 +47,11 @@ export declare const formFieldMeta: {
             readonly category: "Content";
             readonly label: "Helper text";
         };
+        readonly errorText: {
+            readonly type: "string";
+            readonly category: "Validation";
+            readonly label: "Error text";
+        };
         readonly required: {
             readonly type: "boolean";
             readonly category: "Validation";
@@ -89,4 +78,4 @@ export declare const formFieldMeta: {
         };
     };
 };
-//# sourceMappingURL=meta.d.ts.map
+//# sourceMappingURL=formFieldMeta.d.ts.map

package/dist/features/form/formFieldMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formFieldMeta.d.ts","sourceRoot":"","sources":["../../../src/features/form/formFieldMeta.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCY,CAAC"}

package/dist/features/form/formFieldMeta.js

@@ -0,0 +1,35 @@
+export const formFieldMeta = {
+    name: 'FormField',
+    category: 'component',
+    directManifestNode: true,
+    allowedChildren: ['Checkbox', 'CheckboxGroup', 'RadioGroup', 'TextInput'],
+    blueprint: { label: 'Form field', defaultProps: { label: 'Label' } },
+    bindings: {
+        props: {
+            errorText: {
+                label: 'Error text',
+                description: 'Field-level validation error.',
+                value: { type: 'unknown' },
+                acceptsFallback: true,
+            },
+            disabled: {
+                label: 'Disabled',
+                description: 'Whether the field is disabled.',
+                value: { type: 'boolean' },
+                acceptsFallback: true,
+                acceptsTransforms: true,
+            },
+        },
+    },
+    props: {
+        label: { type: 'string', category: 'Content', label: 'Label', default: 'Label' },
+        description: { type: 'string', category: 'Content', label: 'Description' },
+        helperText: { type: 'string', category: 'Content', label: 'Helper text' },
+        errorText: { type: 'string', category: 'Validation', label: 'Error text' },
+        required: { type: 'boolean', category: 'Validation', label: 'Required', default: false },
+        invalid: { type: 'boolean', category: 'Validation', label: 'Invalid', default: false },
+        disabled: { type: 'boolean', category: 'State', label: 'Disabled', default: false },
+        readOnly: { type: 'boolean', category: 'State', label: 'Read-only', default: false },
+    },
+};
+//# sourceMappingURL=formFieldMeta.js.map

package/dist/features/form/formFieldMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formFieldMeta.js","sourceRoot":"","sources":["../../../src/features/form/formFieldMeta.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,CAAC,UAAU,EAAE,eAAe,EAAE,YAAY,EAAE,WAAW,CAAC;IACzE,SAAS,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;IACpE,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,SAAS,EAAE;gBACT,KAAK,EAAE,YAAY;gBACnB,WAAW,EAAE,+BAA+B;gBAC5C,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;gBAC1B,eAAe,EAAE,IAAI;aACtB;YACD,QAAQ,EAAE;gBACR,KAAK,EAAE,UAAU;gBACjB,WAAW,EAAE,gCAAgC;gBAC7C,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;gBAC1B,eAAe,EAAE,IAAI;gBACrB,iBAAiB,EAAE,IAAI;aACxB;SACF;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE;QAChF,WAAW,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE;QAC1E,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE;QACzE,SAAS,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;QAC1E,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE;QACxF,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE;QACtF,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE;QACnF,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE;KACrF;CACmC,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\nexport const formFieldMeta = {\n  name: 'FormField',\n  category: 'component',\n  directManifestNode: true,\n  allowedChildren: ['Checkbox', 'CheckboxGroup', 'RadioGroup', 'TextInput'],\n  blueprint: { label: 'Form field', defaultProps: { label: 'Label' } },\n  bindings: {\n    props: {\n      errorText: {\n        label: 'Error text',\n        description: 'Field-level validation error.',\n        value: { type: 'unknown' },\n        acceptsFallback: true,\n      },\n      disabled: {\n        label: 'Disabled',\n        description: 'Whether the field is disabled.',\n        value: { type: 'boolean' },\n        acceptsFallback: true,\n        acceptsTransforms: true,\n      },\n    },\n  },\n  props: {\n    label: { type: 'string', category: 'Content', label: 'Label', default: 'Label' },\n    description: { type: 'string', category: 'Content', label: 'Description' },\n    helperText: { type: 'string', category: 'Content', label: 'Helper text' },\n    errorText: { type: 'string', category: 'Validation', label: 'Error text' },\n    required: { type: 'boolean', category: 'Validation', label: 'Required', default: false },\n    invalid: { type: 'boolean', category: 'Validation', label: 'Invalid', default: false },\n    disabled: { type: 'boolean', category: 'State', label: 'Disabled', default: false },\n    readOnly: { type: 'boolean', category: 'State', label: 'Read-only', default: false },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/features/form/formMeta.d.ts

@@ -0,0 +1,61 @@
+export declare const formMeta: {
+    readonly name: "Form";
+    readonly category: "component";
+    readonly directManifestNode: true;
+    readonly allowedChildren: readonly ["FormError", "FormField"];
+    readonly blueprint: {
+        readonly label: "Form";
+        readonly defaultProps: {
+            readonly submitLabel: "Submit";
+            readonly loading: false;
+            readonly disabled: false;
+        };
+    };
+    readonly bindings: {
+        readonly events: {
+            readonly submit: {
+                readonly label: "Submit";
+                readonly description: "Runs when the form is submitted.";
+                readonly payload: {
+                    readonly eventType: "form.submit";
+                    readonly fields: readonly [];
+                };
+            };
+        };
+    };
+    readonly events: {
+        readonly submit: {
+            readonly label: "Submit";
+            readonly eventType: "form.submit";
+            readonly description: "Emitted when the form is submitted.";
+            readonly payloadFields: readonly [];
+        };
+    };
+    readonly slots: {
+        readonly actions: {
+            readonly label: "Actions";
+            readonly allowedChildren: readonly ["Button", "ButtonGroup"];
+        };
+    };
+    readonly props: {
+        readonly submitLabel: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Submit label";
+            readonly default: "Submit";
+        };
+        readonly loading: {
+            readonly type: "boolean";
+            readonly category: "State";
+            readonly label: "Loading";
+            readonly default: false;
+        };
+        readonly disabled: {
+            readonly type: "boolean";
+            readonly category: "State";
+            readonly label: "Disabled";
+            readonly default: false;
+        };
+    };
+};
+//# sourceMappingURL=formMeta.d.ts.map

package/dist/features/form/formMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formMeta.d.ts","sourceRoot":"","sources":["../../../src/features/form/formMeta.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCiB,CAAC"}