@fogpipe/forma-react 0.11.2 → 0.12.0-alpha.1

package/dist/index.d.ts

@@ -34,12 +34,22 @@ interface BaseFieldProps {
     visible: boolean;
     /** Whether field is enabled (inverse of disabled) */
     enabled: boolean;
+    /** Whether field is readonly (visible, not editable, value still submitted) */
+    readonly: boolean;
     /** Display label from field definition */
     label: string;
     /** Help text or description from field definition */
     description?: string;
     /** Placeholder text from field definition */
     placeholder?: string;
+    /** Prefix adorner text (e.g., "$") - only for adornable field types */
+    prefix?: string;
+    /** Suffix adorner text (e.g., "kg") - only for adornable field types */
+    suffix?: string;
+    /** Presentation variant hint (e.g., "slider", "radio", "nps") */
+    variant?: string;
+    /** Variant-specific configuration */
+    variantConfig?: Record<string, unknown>;
 }
 /**
  * Props for text-based fields (text, email, password, url, textarea)
@@ -226,10 +236,25 @@ interface ArrayItemFieldProps extends Omit<BaseFieldProps, "value" | "onChange">
     /** Field name within the item */
     fieldName: string;
 }
+/**
+ * Props for display fields (read-only presentation content)
+ */
+interface DisplayFieldProps extends Omit<BaseFieldProps, "value" | "onChange"> {
+    fieldType: "display";
+    /** Static content (markdown/text) */
+    content?: string;
+    /** Computed source value (resolved by useForma from display field's source property) */
+    sourceValue?: unknown;
+    /** Display format string */
+    format?: string;
+    /** No onChange - display fields are read-only */
+    onChange?: never;
+    value?: never;
+}
 /**
  * Union of all field prop types
  */
-type FieldProps = TextFieldProps | NumberFieldProps | IntegerFieldProps | BooleanFieldProps | DateFieldProps | DateTimeFieldProps | SelectFieldProps | MultiSelectFieldProps | ArrayFieldProps | ObjectFieldProps | ComputedFieldProps;
+type FieldProps = TextFieldProps | NumberFieldProps | IntegerFieldProps | BooleanFieldProps | DateFieldProps | DateTimeFieldProps | SelectFieldProps | MultiSelectFieldProps | ArrayFieldProps | ObjectFieldProps | ComputedFieldProps | DisplayFieldProps;
 /**
  * Map of field types to React components
  * Components receive wrapper props with { field, spec } structure
@@ -250,6 +275,7 @@ interface ComponentMap {
     array?: React.ComponentType<ArrayComponentProps>;
     object?: React.ComponentType<ObjectComponentProps>;
     computed?: React.ComponentType<ComputedComponentProps>;
+    display?: React.ComponentType<DisplayComponentProps>;
     fallback?: React.ComponentType<FieldComponentProps>;
 }
 /**
@@ -338,6 +364,10 @@ interface ComputedComponentProps {
     field: ComputedFieldProps;
     spec: Forma;
 }
+interface DisplayComponentProps {
+    field: DisplayFieldProps;
+    spec: Forma;
+}
 /**
  * Generic field component props (for fallback/dynamic components)
  */
@@ -367,6 +397,8 @@ interface GetFieldPropsResult {
     visible: boolean;
     /** Whether field is enabled (not disabled) */
     enabled: boolean;
+    /** Whether field is readonly (visible, not editable, value still submitted) */
+    readonly: boolean;
     /** Whether field is required (for validation) */
     required: boolean;
     /**
@@ -390,6 +422,14 @@ interface GetFieldPropsResult {
     "aria-required"?: boolean;
     /** Options for select/multiselect fields (filtered by visibleWhen) */
     options?: SelectOption[];
+    /** Prefix adorner text (e.g., "$") */
+    prefix?: string;
+    /** Suffix adorner text (e.g., "kg") */
+    suffix?: string;
+    /** Presentation variant hint */
+    variant?: string;
+    /** Variant-specific configuration */
+    variantConfig?: Record<string, unknown>;
 }
 /**
  * Select field props returned by getSelectFieldProps()
@@ -501,6 +541,8 @@ interface UseFormaReturn {
     required: Record<string, boolean>;
     /** Field enabled state map */
     enabled: Record<string, boolean>;
+    /** Field readonly state map */
+    readonly: Record<string, boolean>;
     /** Visible options for select/multiselect fields, keyed by field path */
     optionsVisibility: OptionsVisibilityResult;
     /** Field touched state map */
@@ -680,4 +722,4 @@ declare const FormaContext: React$1.Context<UseFormaReturn | null>;
  */
 declare function useFormaContext(): UseFormaReturn;
 
-export { type ArrayComponentProps, type ArrayFieldProps, type ArrayHelpers, type ArrayItemFieldProps, type ArrayItemFieldPropsResult, type BaseFieldProps, type BooleanComponentProps, type BooleanFieldProps, type ComponentMap, type ComputedComponentProps, type ComputedFieldProps, type DateComponentProps, type DateFieldProps, type DateTimeComponentProps, type DateTimeFieldProps, type FieldComponentProps, type FieldProps, FieldRenderer, type FieldRendererProps, type FieldWrapperProps, FormRenderer, type FormRendererHandle, type FormRendererProps, type UseFormaReturn as FormState, FormaContext, FormaErrorBoundary, type FormaErrorBoundaryProps, type GetArrayHelpersResult, type GetFieldPropsResult, type GetSelectFieldPropsResult, type IntegerComponentProps, type IntegerFieldProps, type LayoutProps, type LegacyFieldProps, type MultiSelectComponentProps, type MultiSelectFieldProps, type NumberComponentProps, type NumberFieldProps, type ObjectComponentProps, type ObjectFieldProps, type PageState, type PageWrapperProps, type SelectComponentProps, type SelectFieldProps, type SelectionFieldProps, type TextComponentProps, type TextFieldProps, type UseFormaOptions, type UseFormaReturn, type WizardHelpers, useForma, useFormaContext };
+export { type ArrayComponentProps, type ArrayFieldProps, type ArrayHelpers, type ArrayItemFieldProps, type ArrayItemFieldPropsResult, type BaseFieldProps, type BooleanComponentProps, type BooleanFieldProps, type ComponentMap, type ComputedComponentProps, type ComputedFieldProps, type DateComponentProps, type DateFieldProps, type DateTimeComponentProps, type DateTimeFieldProps, type DisplayComponentProps, type DisplayFieldProps, type FieldComponentProps, type FieldProps, FieldRenderer, type FieldRendererProps, type FieldWrapperProps, FormRenderer, type FormRendererHandle, type FormRendererProps, type UseFormaReturn as FormState, FormaContext, FormaErrorBoundary, type FormaErrorBoundaryProps, type GetArrayHelpersResult, type GetFieldPropsResult, type GetSelectFieldPropsResult, type IntegerComponentProps, type IntegerFieldProps, type LayoutProps, type LegacyFieldProps, type MultiSelectComponentProps, type MultiSelectFieldProps, type NumberComponentProps, type NumberFieldProps, type ObjectComponentProps, type ObjectFieldProps, type PageState, type PageWrapperProps, type SelectComponentProps, type SelectFieldProps, type SelectionFieldProps, type TextComponentProps, type TextFieldProps, type UseFormaOptions, type UseFormaReturn, type WizardHelpers, useForma, useFormaContext };

package/dist/index.js

@@ -1,9 +1,11 @@
 // src/useForma.ts
 import { useCallback, useEffect, useMemo, useReducer, useRef, useState } from "react";
+import { isAdornableField } from "@fogpipe/forma-core";
 import {
   getVisibility,
   getRequired,
   getEnabled,
+  getReadonly,
   validate,
   calculate,
   getPageVisibility,
@@ -103,6 +105,10 @@ function useForma(options) {
     () => getEnabled(state.data, spec, { computed }),
     [state.data, spec, computed]
   );
+  const readonly = useMemo(
+    () => getReadonly(state.data, spec, { computed }),
+    [state.data, spec, computed]
+  );
   const optionsVisibility = useMemo(
     () => getOptionsVisibility(state.data, spec, { computed }),
     [state.data, spec, computed]
@@ -300,7 +306,7 @@ function useForma(options) {
     const validFields = new Set(spec.fieldOrder);
     for (const fieldId of spec.fieldOrder) {
       const fieldDef = spec.fields[fieldId];
-      if (fieldDef == null ? void 0 : fieldDef.itemFields) {
+      if ((fieldDef == null ? void 0 : fieldDef.type) === "array" && fieldDef.itemFields) {
         for (const key of fieldHandlers.current.keys()) {
           if (key.startsWith(`${fieldId}[`)) {
             validFields.add(key);
@@ -356,6 +362,7 @@ function useForma(options) {
     const isBooleanField = (schemaProperty == null ? void 0 : schemaProperty.type) === "boolean" || (fieldDef == null ? void 0 : fieldDef.type) === "boolean";
     const hasValidationRules = (((_a = fieldDef == null ? void 0 : fieldDef.validations) == null ? void 0 : _a.length) ?? 0) > 0;
     const showRequiredIndicator = isRequired && (!isBooleanField || hasValidationRules);
+    const adornerProps = fieldDef && isAdornableField(fieldDef) ? { prefix: fieldDef.prefix, suffix: fieldDef.suffix } : {};
     return {
       name: path,
       value: getValueAtPath(path),
@@ -365,6 +372,7 @@ function useForma(options) {
       placeholder: fieldDef == null ? void 0 : fieldDef.placeholder,
       visible: visibility[path] !== false,
       enabled: enabled[path] !== false,
+      readonly: readonly[path] ?? false,
       required: isRequired,
       showRequiredIndicator,
       touched: isTouched,
@@ -374,9 +382,14 @@ function useForma(options) {
       // ARIA accessibility attributes
       "aria-invalid": hasErrors || void 0,
       "aria-describedby": hasErrors ? `${path}-error` : void 0,
-      "aria-required": isRequired || void 0
+      "aria-required": isRequired || void 0,
+      // Adorner props (only for adornable field types)
+      ...adornerProps,
+      // Presentation variant
+      variant: fieldDef == null ? void 0 : fieldDef.variant,
+      variantConfig: fieldDef == null ? void 0 : fieldDef.variantConfig
     };
-  }, [spec, state.touched, state.isSubmitted, visibility, enabled, required, validation.errors, validateOn, getValueAtPath, getFieldHandlers]);
+  }, [spec, state.touched, state.isSubmitted, visibility, enabled, readonly, required, validation.errors, validateOn, getValueAtPath, getFieldHandlers]);
   const getSelectFieldProps = useCallback((path) => {
     const baseProps = getFieldProps(path);
     const visibleOptions = optionsVisibility[path] ?? [];
@@ -388,14 +401,15 @@ function useForma(options) {
   const getArrayHelpers = useCallback((path) => {
     const fieldDef = spec.fields[path];
     const currentValue = getValueAtPath(path) ?? [];
-    const minItems = (fieldDef == null ? void 0 : fieldDef.minItems) ?? 0;
-    const maxItems = (fieldDef == null ? void 0 : fieldDef.maxItems) ?? Infinity;
+    const arrayDef = (fieldDef == null ? void 0 : fieldDef.type) === "array" ? fieldDef : void 0;
+    const minItems = (arrayDef == null ? void 0 : arrayDef.minItems) ?? 0;
+    const maxItems = (arrayDef == null ? void 0 : arrayDef.maxItems) ?? Infinity;
     const canAdd = currentValue.length < maxItems;
     const canRemove = currentValue.length > minItems;
     const getItemFieldProps = (index, fieldName) => {
       var _a;
       const itemPath = `${path}[${index}].${fieldName}`;
-      const itemFieldDef = (_a = fieldDef == null ? void 0 : fieldDef.itemFields) == null ? void 0 : _a[fieldName];
+      const itemFieldDef = (_a = arrayDef == null ? void 0 : arrayDef.itemFields) == null ? void 0 : _a[fieldName];
       const handlers = getFieldHandlers(itemPath);
       const item = currentValue[index] ?? {};
       const itemValue = item[fieldName];
@@ -412,6 +426,7 @@ function useForma(options) {
         placeholder: itemFieldDef == null ? void 0 : itemFieldDef.placeholder,
         visible: true,
         enabled: enabled[path] !== false,
+        readonly: readonly[itemPath] ?? false,
         required: false,
         // TODO: Evaluate item field required
         showRequiredIndicator: false,
@@ -461,13 +476,14 @@ function useForma(options) {
       canAdd,
       canRemove
     };
-  }, [spec.fields, getValueAtPath, setValueAtPath, getFieldHandlers, enabled, state.touched, state.isSubmitted, validation.errors, validateOn, optionsVisibility]);
+  }, [spec.fields, getValueAtPath, setValueAtPath, getFieldHandlers, enabled, readonly, state.touched, state.isSubmitted, validation.errors, validateOn, optionsVisibility]);
   return {
     data: state.data,
     computed,
     visibility,
     required,
     enabled,
+    readonly,
     optionsVisibility,
     touched: state.touched,
     errors: validation.errors,
@@ -492,6 +508,7 @@ function useForma(options) {
 
 // src/FormRenderer.tsx
 import React, { forwardRef, useImperativeHandle, useRef as useRef2, useMemo as useMemo2, useCallback as useCallback2 } from "react";
+import { isAdornableField as isAdornableField2, isSelectionField } from "@fogpipe/forma-core";
 
 // src/context.ts
 import { createContext, useContext } from "react";
@@ -642,7 +659,7 @@ var FormRenderer = forwardRef(
       if (!fieldDef) return null;
       const isVisible = forma.visibility[fieldPath] !== false;
       if (!isVisible) return null;
-      const fieldType = fieldDef.type || (fieldDef.itemFields ? "array" : "text");
+      const fieldType = fieldDef.type;
       const componentKey = fieldType;
       const Component = components[componentKey] || components.fallback;
       if (!Component) {
@@ -657,6 +674,7 @@ var FormRenderer = forwardRef(
       const isBooleanField = (schemaProperty == null ? void 0 : schemaProperty.type) === "boolean" || (fieldDef == null ? void 0 : fieldDef.type) === "boolean";
       const hasValidationRules = (((_a = fieldDef == null ? void 0 : fieldDef.validations) == null ? void 0 : _a.length) ?? 0) > 0;
       const showRequiredIndicator = required && (!isBooleanField || hasValidationRules);
+      const isReadonly = forma.readonly[fieldPath] ?? false;
       const baseProps = {
         name: fieldPath,
         field: fieldDef,
@@ -671,9 +689,18 @@ var FormRenderer = forwardRef(
         visible: true,
         // Always true since we already filtered for visibility
         enabled: !disabled,
+        readonly: isReadonly,
         label: fieldDef.label ?? fieldPath,
         description: fieldDef.description,
-        placeholder: fieldDef.placeholder
+        placeholder: fieldDef.placeholder,
+        // Adorner properties (only for adornable field types)
+        ...isAdornableField2(fieldDef) && {
+          prefix: fieldDef.prefix,
+          suffix: fieldDef.suffix
+        },
+        // Presentation variant
+        variant: fieldDef.variant,
+        variantConfig: fieldDef.variantConfig
       };
       let fieldProps = baseProps;
       if (fieldType === "number" || fieldType === "integer") {
@@ -686,14 +713,15 @@ var FormRenderer = forwardRef(
           ...constraints
         };
       } else if (fieldType === "select" || fieldType === "multiselect") {
+        const selectOptions = isSelectionField(fieldDef) ? fieldDef.options : [];
         fieldProps = {
           ...baseProps,
           fieldType,
           value: baseProps.value,
           onChange: baseProps.onChange,
-          options: forma.optionsVisibility[fieldPath] ?? fieldDef.options ?? []
+          options: forma.optionsVisibility[fieldPath] ?? selectOptions ?? []
         };
-      } else if (fieldType === "array" && fieldDef.itemFields) {
+      } else if (fieldType === "array" && fieldDef.type === "array" && fieldDef.itemFields) {
         const arrayValue = Array.isArray(baseProps.value) ? baseProps.value : [];
         const minItems = fieldDef.minItems ?? 0;
         const maxItems = fieldDef.maxItems ?? Infinity;
@@ -711,7 +739,7 @@ var FormRenderer = forwardRef(
             ...baseProps2,
             itemIndex: index,
             fieldName,
-            options: forma.optionsVisibility[itemPath] ?? (itemFieldDef == null ? void 0 : itemFieldDef.options)
+            options: forma.optionsVisibility[itemPath] ?? (itemFieldDef && isSelectionField(itemFieldDef) ? itemFieldDef.options : void 0)
           };
         };
         const helpers = {
@@ -737,6 +765,16 @@ var FormRenderer = forwardRef(
           minItems,
           maxItems
         };
+      } else if (fieldType === "display" && fieldDef.type === "display") {
+        const sourceValue = fieldDef.source ? forma.data[fieldDef.source] ?? forma.computed[fieldDef.source] : void 0;
+        const { onChange: _onChange, value: _value, ...displayBaseProps } = baseProps;
+        fieldProps = {
+          ...displayBaseProps,
+          fieldType: "display",
+          content: fieldDef.content,
+          sourceValue,
+          format: fieldDef.format
+        };
       } else {
         fieldProps = {
           ...baseProps,
@@ -796,6 +834,7 @@ var FormRenderer = forwardRef(
 
 // src/FieldRenderer.tsx
 import React2 from "react";
+import { isAdornableField as isAdornableField3 } from "@fogpipe/forma-core";
 import { jsx as jsx2 } from "react/jsx-runtime";
 function getNumberConstraints2(schema) {
   if (!schema) return {};
@@ -833,7 +872,7 @@ function FieldRenderer({ fieldPath, components, className }) {
   }
   const isVisible = forma.visibility[fieldPath] !== false;
   if (!isVisible) return null;
-  const fieldType = fieldDef.type || (fieldDef.itemFields ? "array" : "text");
+  const fieldType = fieldDef.type;
   const componentKey = fieldType;
   const Component = components[componentKey] || components.fallback;
   if (!Component) {
@@ -845,6 +884,7 @@ function FieldRenderer({ fieldPath, components, className }) {
   const required = forma.required[fieldPath] ?? false;
   const disabled = forma.enabled[fieldPath] === false;
   const schemaProperty = spec.schema.properties[fieldPath];
+  const isReadonly = forma.readonly[fieldPath] ?? false;
   const baseProps = {
     name: fieldPath,
     field: fieldDef,
@@ -859,9 +899,18 @@ function FieldRenderer({ fieldPath, components, className }) {
     visible: true,
     // Always true since we already filtered for visibility
     enabled: !disabled,
+    readonly: isReadonly,
     label: fieldDef.label ?? fieldPath,
     description: fieldDef.description,
-    placeholder: fieldDef.placeholder
+    placeholder: fieldDef.placeholder,
+    // Adorner properties (only for adornable field types)
+    ...isAdornableField3(fieldDef) && {
+      prefix: fieldDef.prefix,
+      suffix: fieldDef.suffix
+    },
+    // Presentation variant
+    variant: fieldDef.variant,
+    variantConfig: fieldDef.variantConfig
   };
   let fieldProps = baseProps;
   if (fieldType === "number") {
@@ -901,7 +950,7 @@ function FieldRenderer({ fieldPath, components, className }) {
       onChange: baseProps.onChange,
       options: visibleOptions
     };
-  } else if (fieldType === "array" && fieldDef.itemFields) {
+  } else if (fieldType === "array" && fieldDef.type === "array" && fieldDef.itemFields) {
     const arrayValue = baseProps.value ?? [];
     const minItems = fieldDef.minItems ?? 0;
     const maxItems = fieldDef.maxItems ?? Infinity;
@@ -948,6 +997,7 @@ function FieldRenderer({ fieldPath, components, className }) {
           placeholder: itemFieldDef == null ? void 0 : itemFieldDef.placeholder,
           visible: true,
           enabled: !disabled,
+          readonly: forma.readonly[itemPath] ?? false,
           required: (itemFieldDef == null ? void 0 : itemFieldDef.requiredWhen) === "true",
           touched: forma.touched[itemPath] ?? false,
           errors: forma.errors.filter((e) => e.field === itemPath),
@@ -978,6 +1028,16 @@ function FieldRenderer({ fieldPath, components, className }) {
       minItems,
       maxItems
     };
+  } else if (fieldType === "display" && fieldDef.type === "display") {
+    const sourceValue = fieldDef.source ? forma.data[fieldDef.source] ?? forma.computed[fieldDef.source] : void 0;
+    const { onChange: _onChange, value: _value, ...displayBaseProps } = baseProps;
+    fieldProps = {
+      ...displayBaseProps,
+      fieldType: "display",
+      content: fieldDef.content,
+      sourceValue,
+      format: fieldDef.format
+    };
   } else {
     fieldProps = {
       ...baseProps,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/useForma.ts","../src/FormRenderer.tsx","../src/context.ts","../src/FieldRenderer.tsx","../src/ErrorBoundary.tsx"],"sourcesContent":["/**\n * useForma Hook\n *\n * Main hook for managing Forma form state.\n * This is a placeholder - the full implementation will be migrated from formidable.\n */\n\nimport { useCallback, useEffect, useMemo, useReducer, useRef, useState } from \"react\";\nimport type { Forma, FieldError, ValidationResult, SelectOption } from \"@fogpipe/forma-core\";\nimport type { GetFieldPropsResult, GetSelectFieldPropsResult, GetArrayHelpersResult } from \"./types.js\";\nimport {\n  getVisibility,\n  getRequired,\n  getEnabled,\n  validate,\n  calculate,\n  getPageVisibility,\n  getOptionsVisibility,\n} from \"@fogpipe/forma-core\";\nimport type { OptionsVisibilityResult } from \"@fogpipe/forma-core\";\n\n/**\n * Options for useForma hook\n */\nexport interface UseFormaOptions {\n  /** The Forma specification */\n  spec: Forma;\n  /** Initial form data */\n  initialData?: Record<string, unknown>;\n  /** Submit handler */\n  onSubmit?: (data: Record<string, unknown>) => void | Promise<void>;\n  /** Change handler */\n  onChange?: (data: Record<string, unknown>, computed?: Record<string, unknown>) => void;\n  /** When to validate: on change, blur, or submit only */\n  validateOn?: \"change\" | \"blur\" | \"submit\";\n  /** Additional reference data to merge with spec.referenceData */\n  referenceData?: Record<string, unknown>;\n  /**\n   * Debounce validation by this many milliseconds.\n   * Useful for large forms to improve performance.\n   * Set to 0 (default) for immediate validation.\n   */\n  validationDebounceMs?: number;\n}\n\n/**\n * Form state\n */\ninterface FormState {\n  data: Record<string, unknown>;\n  touched: Record<string, boolean>;\n  isSubmitting: boolean;\n  isSubmitted: boolean;\n  isDirty: boolean;\n  currentPage: number;\n}\n\n/**\n * State actions\n */\ntype FormAction =\n  | { type: \"SET_FIELD_VALUE\"; field: string; value: unknown }\n  | { type: \"SET_FIELD_TOUCHED\"; field: string; touched: boolean }\n  | { type: \"SET_VALUES\"; values: Record<string, unknown> }\n  | { type: \"SET_SUBMITTING\"; isSubmitting: boolean }\n  | { type: \"SET_SUBMITTED\"; isSubmitted: boolean }\n  | { type: \"SET_PAGE\"; page: number }\n  | { type: \"RESET\"; initialData: Record<string, unknown> };\n\n/**\n * Page state for multi-page forms\n */\nexport interface PageState {\n  id: string;\n  title: string;\n  description?: string;\n  visible: boolean;\n  fields: string[];\n}\n\n/**\n * Wizard navigation helpers\n */\nexport interface WizardHelpers {\n  pages: PageState[];\n  currentPageIndex: number;\n  currentPage: PageState | null;\n  goToPage: (index: number) => void;\n  nextPage: () => void;\n  previousPage: () => void;\n  hasNextPage: boolean;\n  hasPreviousPage: boolean;\n  canProceed: boolean;\n  isLastPage: boolean;\n  touchCurrentPageFields: () => void;\n  validateCurrentPage: () => boolean;\n}\n\n/**\n * Return type of useForma hook\n */\nexport interface UseFormaReturn {\n  /** Current form data */\n  data: Record<string, unknown>;\n  /** Computed field values */\n  computed: Record<string, unknown>;\n  /** Field visibility map */\n  visibility: Record<string, boolean>;\n  /** Field required state map */\n  required: Record<string, boolean>;\n  /** Field enabled state map */\n  enabled: Record<string, boolean>;\n  /** Visible options for select/multiselect fields, keyed by field path */\n  optionsVisibility: OptionsVisibilityResult;\n  /** Field touched state map */\n  touched: Record<string, boolean>;\n  /** Validation errors */\n  errors: FieldError[];\n  /** Whether form is valid */\n  isValid: boolean;\n  /** Whether form is submitting */\n  isSubmitting: boolean;\n  /** Whether form has been submitted */\n  isSubmitted: boolean;\n  /** Whether any field has been modified */\n  isDirty: boolean;\n  /** The Forma spec */\n  spec: Forma;\n  /** Wizard helpers (if multi-page) */\n  wizard: WizardHelpers | null;\n\n  /** Set a field value */\n  setFieldValue: (path: string, value: unknown) => void;\n  /** Set a field as touched */\n  setFieldTouched: (path: string, touched?: boolean) => void;\n  /** Set multiple values */\n  setValues: (values: Record<string, unknown>) => void;\n  /** Validate a single field */\n  validateField: (path: string) => FieldError[];\n  /** Validate entire form */\n  validateForm: () => ValidationResult;\n  /** Submit the form */\n  submitForm: () => Promise<void>;\n  /** Reset the form */\n  resetForm: () => void;\n\n  // Helper methods for getting field props\n  /** Get props for any field */\n  getFieldProps: (path: string) => GetFieldPropsResult;\n  /** Get props for select field (includes options) */\n  getSelectFieldProps: (path: string) => GetSelectFieldPropsResult;\n  /** Get array helpers for array field */\n  getArrayHelpers: (path: string) => GetArrayHelpersResult;\n}\n\n/**\n * State reducer\n */\nfunction formReducer(state: FormState, action: FormAction): FormState {\n  switch (action.type) {\n    case \"SET_FIELD_VALUE\":\n      return {\n        ...state,\n        data: { ...state.data, [action.field]: action.value },\n        isDirty: true,\n        isSubmitted: false, // Clear on data change\n      };\n    case \"SET_FIELD_TOUCHED\":\n      return {\n        ...state,\n        touched: { ...state.touched, [action.field]: action.touched },\n      };\n    case \"SET_VALUES\":\n      return {\n        ...state,\n        data: { ...state.data, ...action.values },\n        isDirty: true,\n        isSubmitted: false, // Clear on data change\n      };\n    case \"SET_SUBMITTING\":\n      return { ...state, isSubmitting: action.isSubmitting };\n    case \"SET_SUBMITTED\":\n      return { ...state, isSubmitted: action.isSubmitted };\n    case \"SET_PAGE\":\n      return { ...state, currentPage: action.page };\n    case \"RESET\":\n      return {\n        data: action.initialData,\n        touched: {},\n        isSubmitting: false,\n        isSubmitted: false,\n        isDirty: false,\n        currentPage: 0,\n      };\n    default:\n      return state;\n  }\n}\n\n/**\n * Get default initial values for boolean fields.\n * Boolean fields default to false to avoid undefined state,\n * which provides better UX since false is a valid answer.\n */\nfunction getDefaultBooleanValues(spec: Forma): Record<string, boolean> {\n  const defaults: Record<string, boolean> = {};\n  for (const fieldPath of spec.fieldOrder) {\n    const schemaProperty = spec.schema.properties?.[fieldPath];\n    const fieldDef = spec.fields[fieldPath];\n    if (schemaProperty?.type === \"boolean\" || fieldDef?.type === \"boolean\") {\n      defaults[fieldPath] = false;\n    }\n  }\n  return defaults;\n}\n\n/**\n * Main Forma hook\n */\nexport function useForma(options: UseFormaOptions): UseFormaReturn {\n  const { spec: inputSpec, initialData = {}, onSubmit, onChange, validateOn = \"blur\", referenceData, validationDebounceMs = 0 } = options;\n\n  // Merge referenceData from options with spec.referenceData\n  const spec = useMemo((): Forma => {\n    if (!referenceData) return inputSpec;\n    return {\n      ...inputSpec,\n      referenceData: {\n        ...inputSpec.referenceData,\n        ...referenceData,\n      },\n    };\n  }, [inputSpec, referenceData]);\n\n  const [state, dispatch] = useReducer(formReducer, {\n    data: { ...getDefaultBooleanValues(spec), ...initialData }, // Boolean defaults merged UNDER initialData\n    touched: {},\n    isSubmitting: false,\n    isSubmitted: false,\n    isDirty: false,\n    currentPage: 0,\n  });\n\n  // Keep a ref to current state.data to avoid stale closures in cached handlers\n  const stateDataRef = useRef(state.data);\n  stateDataRef.current = state.data;\n\n  // Track if we've initialized (to avoid calling onChange on first render)\n  const hasInitialized = useRef(false);\n\n  // Calculate computed values\n  const computed = useMemo(\n    () => calculate(state.data, spec),\n    [state.data, spec]\n  );\n\n  // Calculate visibility\n  const visibility = useMemo(\n    () => getVisibility(state.data, spec, { computed }),\n    [state.data, spec, computed]\n  );\n\n  // Calculate required state\n  const required = useMemo(\n    () => getRequired(state.data, spec, { computed }),\n    [state.data, spec, computed]\n  );\n\n  // Calculate enabled state\n  const enabled = useMemo(\n    () => getEnabled(state.data, spec, { computed }),\n    [state.data, spec, computed]\n  );\n\n  // Calculate visible options for all select/multiselect fields (memoized)\n  const optionsVisibility = useMemo(\n    () => getOptionsVisibility(state.data, spec, { computed }),\n    [state.data, spec, computed]\n  );\n\n  // Validate form - compute immediate result\n  const immediateValidation = useMemo(\n    () => validate(state.data, spec, { computed, onlyVisible: true }),\n    [state.data, spec, computed]\n  );\n\n  // Debounced validation state (only used when validationDebounceMs > 0)\n  const [debouncedValidation, setDebouncedValidation] = useState<ValidationResult>(immediateValidation);\n\n  // Apply debouncing if configured\n  useEffect(() => {\n    if (validationDebounceMs <= 0) {\n      // No debouncing - use immediate validation\n      setDebouncedValidation(immediateValidation);\n      return;\n    }\n\n    // Debounce validation updates\n    const timeoutId = setTimeout(() => {\n      setDebouncedValidation(immediateValidation);\n    }, validationDebounceMs);\n\n    return () => clearTimeout(timeoutId);\n  }, [immediateValidation, validationDebounceMs]);\n\n  // Use debounced validation for display, but immediate for submit\n  const validation = validationDebounceMs > 0 ? debouncedValidation : immediateValidation;\n\n  // isDirty is tracked via reducer state for O(1) performance\n\n  // Call onChange when data changes (not on initial render)\n  useEffect(() => {\n    if (hasInitialized.current) {\n      onChange?.(state.data, computed);\n    } else {\n      hasInitialized.current = true;\n    }\n  }, [state.data, computed, onChange]);\n\n  // Helper function to set value at nested path\n  const setNestedValue = useCallback((path: string, value: unknown): void => {\n    // Handle array index notation: \"items[0].name\" -> nested structure\n    const parts = path.replace(/\\[(\\d+)\\]/g, '.$1').split('.');\n\n    if (parts.length === 1) {\n      // Simple path - just set directly\n      dispatch({ type: \"SET_FIELD_VALUE\", field: path, value });\n      return;\n    }\n\n    // Build nested object for complex paths\n    const buildNestedObject = (data: Record<string, unknown>, pathParts: string[], val: unknown): Record<string, unknown> => {\n      const result = { ...data };\n      let current: Record<string, unknown> = result;\n\n      for (let i = 0; i < pathParts.length - 1; i++) {\n        const part = pathParts[i];\n        const nextPart = pathParts[i + 1];\n        const isNextArrayIndex = /^\\d+$/.test(nextPart);\n\n        if (current[part] === undefined) {\n          current[part] = isNextArrayIndex ? [] : {};\n        } else if (Array.isArray(current[part])) {\n          current[part] = [...(current[part] as unknown[])];\n        } else {\n          current[part] = { ...(current[part] as Record<string, unknown>) };\n        }\n        current = current[part] as Record<string, unknown>;\n      }\n\n      current[pathParts[pathParts.length - 1]] = val;\n      return result;\n    };\n\n    dispatch({ type: \"SET_VALUES\", values: buildNestedObject(state.data, parts, value) });\n  }, [state.data]);\n\n  // Actions\n  const setFieldValue = useCallback(\n    (path: string, value: unknown) => {\n      setNestedValue(path, value);\n      if (validateOn === \"change\") {\n        dispatch({ type: \"SET_FIELD_TOUCHED\", field: path, touched: true });\n      }\n    },\n    [validateOn, setNestedValue]\n  );\n\n  const setFieldTouched = useCallback((path: string, touched = true) => {\n    dispatch({ type: \"SET_FIELD_TOUCHED\", field: path, touched });\n  }, []);\n\n  const setValues = useCallback((values: Record<string, unknown>) => {\n    dispatch({ type: \"SET_VALUES\", values });\n  }, []);\n\n  const validateField = useCallback(\n    (path: string): FieldError[] => {\n      return validation.errors.filter((e) => e.field === path);\n    },\n    [validation]\n  );\n\n  const validateForm = useCallback((): ValidationResult => {\n    return validation;\n  }, [validation]);\n\n  const submitForm = useCallback(async () => {\n    dispatch({ type: \"SET_SUBMITTING\", isSubmitting: true });\n    try {\n      // Always use immediate validation on submit to ensure accurate result\n      if (immediateValidation.valid && onSubmit) {\n        await onSubmit(state.data);\n      }\n      dispatch({ type: \"SET_SUBMITTED\", isSubmitted: true });\n    } finally {\n      dispatch({ type: \"SET_SUBMITTING\", isSubmitting: false });\n    }\n  }, [immediateValidation, onSubmit, state.data]);\n\n  const resetForm = useCallback(() => {\n    dispatch({ type: \"RESET\", initialData });\n  }, [initialData]);\n\n  // Wizard helpers\n  const wizard = useMemo((): WizardHelpers | null => {\n    if (!spec.pages || spec.pages.length === 0) return null;\n\n    const pageVisibility = getPageVisibility(state.data, spec, { computed });\n\n    // Include all pages with their visibility status\n    const pages: PageState[] = spec.pages.map((p) => ({\n      id: p.id,\n      title: p.title,\n      description: p.description,\n      visible: pageVisibility[p.id] !== false,\n      fields: p.fields,\n    }));\n\n    // For navigation, only count visible pages\n    const visiblePages = pages.filter((p) => p.visible);\n\n    // Clamp currentPage to valid range (handles case where current page becomes hidden)\n    const maxPageIndex = Math.max(0, visiblePages.length - 1);\n    const clampedPageIndex = Math.min(Math.max(0, state.currentPage), maxPageIndex);\n\n    // Auto-correct page index if it's out of bounds\n    if (clampedPageIndex !== state.currentPage && visiblePages.length > 0) {\n      dispatch({ type: \"SET_PAGE\", page: clampedPageIndex });\n    }\n\n    const currentPage = visiblePages[clampedPageIndex] || null;\n    const hasNextPage = clampedPageIndex < visiblePages.length - 1;\n    const hasPreviousPage = clampedPageIndex > 0;\n    const isLastPage = clampedPageIndex === visiblePages.length - 1;\n\n    return {\n      pages,\n      currentPageIndex: clampedPageIndex,\n      currentPage,\n      goToPage: (index: number) => {\n        // Clamp to valid range\n        const validIndex = Math.min(Math.max(0, index), maxPageIndex);\n        dispatch({ type: \"SET_PAGE\", page: validIndex });\n      },\n      nextPage: () => {\n        if (hasNextPage) {\n          dispatch({ type: \"SET_PAGE\", page: clampedPageIndex + 1 });\n        }\n      },\n      previousPage: () => {\n        if (hasPreviousPage) {\n          dispatch({ type: \"SET_PAGE\", page: clampedPageIndex - 1 });\n        }\n      },\n      hasNextPage,\n      hasPreviousPage,\n      canProceed: (() => {\n        if (!currentPage) return true;\n        // Get errors only for visible fields on the current page\n        const pageErrors = validation.errors.filter((e) => {\n          // Check if field is on current page (including array items like \"items[0].name\")\n          const isOnCurrentPage = currentPage.fields.includes(e.field) ||\n            currentPage.fields.some(f => e.field.startsWith(`${f}[`));\n          // Only count errors for visible fields\n          const isVisible = visibility[e.field] !== false;\n          // Only count actual errors, not warnings\n          const isError = e.severity === 'error';\n          return isOnCurrentPage && isVisible && isError;\n        });\n        return pageErrors.length === 0;\n      })(),\n      isLastPage,\n      touchCurrentPageFields: () => {\n        if (currentPage) {\n          currentPage.fields.forEach((field) => {\n            dispatch({ type: \"SET_FIELD_TOUCHED\", field, touched: true });\n          });\n        }\n      },\n      validateCurrentPage: () => {\n        if (!currentPage) return true;\n        const pageErrors = validation.errors.filter((e) =>\n          currentPage.fields.includes(e.field)\n        );\n        return pageErrors.length === 0;\n      },\n    };\n  }, [spec, state.data, state.currentPage, computed, validation, visibility]);\n\n  // Helper to get value at nested path\n  // Uses stateDataRef to always access current state, avoiding stale closure issues\n  const getValueAtPath = useCallback((path: string): unknown => {\n    // Handle array index notation: \"items[0].name\" -> [\"items\", \"0\", \"name\"]\n    const parts = path.replace(/\\[(\\d+)\\]/g, '.$1').split('.');\n    let value: unknown = stateDataRef.current;\n    for (const part of parts) {\n      if (value === null || value === undefined) return undefined;\n      value = (value as Record<string, unknown>)[part];\n    }\n    return value;\n  }, []); // No dependencies - uses ref for current state\n\n  // Helper to set value at nested path\n  // Uses stateDataRef to always access current state, avoiding stale closure issues\n  const setValueAtPath = useCallback((path: string, value: unknown): void => {\n    // For nested paths, we need to build the nested structure\n    const parts = path.replace(/\\[(\\d+)\\]/g, '.$1').split('.');\n    if (parts.length === 1) {\n      dispatch({ type: \"SET_FIELD_VALUE\", field: path, value });\n      return;\n    }\n\n    // Build nested object from CURRENT state via ref (not stale closure)\n    const newData = { ...stateDataRef.current };\n    let current: Record<string, unknown> = newData;\n\n    for (let i = 0; i < parts.length - 1; i++) {\n      const part = parts[i];\n      const nextPart = parts[i + 1];\n      const isNextArrayIndex = /^\\d+$/.test(nextPart);\n\n      if (current[part] === undefined) {\n        current[part] = isNextArrayIndex ? [] : {};\n      } else if (Array.isArray(current[part])) {\n        current[part] = [...(current[part] as unknown[])];\n      } else {\n        current[part] = { ...(current[part] as Record<string, unknown>) };\n      }\n      current = current[part] as Record<string, unknown>;\n    }\n\n    current[parts[parts.length - 1]] = value;\n    dispatch({ type: \"SET_VALUES\", values: newData });\n  }, []); // No dependencies - uses ref for current state\n\n  // Memoized onChange/onBlur handlers for fields\n  const fieldHandlers = useRef<Map<string, { onChange: (value: unknown) => void; onBlur: () => void }>>(new Map());\n\n  // Clean up stale field handlers when spec changes to prevent memory leaks\n  useEffect(() => {\n    const validFields = new Set(spec.fieldOrder);\n    // Also include array item field patterns\n    for (const fieldId of spec.fieldOrder) {\n      const fieldDef = spec.fields[fieldId];\n      if (fieldDef?.itemFields) {\n        for (const key of fieldHandlers.current.keys()) {\n          if (key.startsWith(`${fieldId}[`)) {\n            validFields.add(key);\n          }\n        }\n      }\n    }\n    // Remove handlers for fields that no longer exist\n    for (const key of fieldHandlers.current.keys()) {\n      const baseField = key.split('[')[0];\n      if (!validFields.has(key) && !validFields.has(baseField)) {\n        fieldHandlers.current.delete(key);\n      }\n    }\n  }, [spec]);\n\n  const getFieldHandlers = useCallback((path: string) => {\n    if (!fieldHandlers.current.has(path)) {\n      fieldHandlers.current.set(path, {\n        onChange: (value: unknown) => setValueAtPath(path, value),\n        onBlur: () => setFieldTouched(path),\n      });\n    }\n    return fieldHandlers.current.get(path)!;\n  }, [setValueAtPath, setFieldTouched]);\n\n  // Get field props for any field\n  const getFieldProps = useCallback((path: string): GetFieldPropsResult => {\n    const fieldDef = spec.fields[path];\n    const handlers = getFieldHandlers(path);\n\n    // Determine field type from definition or infer from schema\n    let fieldType = fieldDef?.type || \"text\";\n    if (!fieldType || fieldType === \"computed\") {\n      const schemaProperty = spec.schema.properties[path];\n      if (schemaProperty) {\n        if (schemaProperty.type === \"number\") fieldType = \"number\";\n        else if (schemaProperty.type === \"integer\") fieldType = \"integer\";\n        else if (schemaProperty.type === \"boolean\") fieldType = \"boolean\";\n        else if (schemaProperty.type === \"array\") fieldType = \"array\";\n        else if (schemaProperty.type === \"object\") fieldType = \"object\";\n        else if (\"enum\" in schemaProperty && schemaProperty.enum) fieldType = \"select\";\n        else if (\"format\" in schemaProperty) {\n          if (schemaProperty.format === \"date\") fieldType = \"date\";\n          else if (schemaProperty.format === \"date-time\") fieldType = \"datetime\";\n          else if (schemaProperty.format === \"email\") fieldType = \"email\";\n          else if (schemaProperty.format === \"uri\") fieldType = \"url\";\n        }\n      }\n    }\n\n    const fieldErrors = validation.errors.filter((e) => e.field === path);\n    const isTouched = state.touched[path] ?? false;\n    const showErrors = validateOn === \"change\" || (validateOn === \"blur\" && isTouched) || state.isSubmitted;\n    const displayedErrors = showErrors ? fieldErrors : [];\n    const hasErrors = displayedErrors.length > 0;\n    const isRequired = required[path] ?? false;\n\n    // Boolean fields: hide asterisk unless they have validation rules (consent pattern)\n    // - Binary question (\"Do you smoke?\"): no validation → false is valid → hide asterisk\n    // - Consent checkbox (\"I accept terms\"): has validation rule → show asterisk\n    const schemaProperty = spec.schema.properties[path];\n    const isBooleanField = schemaProperty?.type === \"boolean\" || fieldDef?.type === \"boolean\";\n    const hasValidationRules = (fieldDef?.validations?.length ?? 0) > 0;\n    const showRequiredIndicator = isRequired && (!isBooleanField || hasValidationRules);\n\n    return {\n      name: path,\n      value: getValueAtPath(path),\n      type: fieldType,\n      label: fieldDef?.label || path.charAt(0).toUpperCase() + path.slice(1),\n      description: fieldDef?.description,\n      placeholder: fieldDef?.placeholder,\n      visible: visibility[path] !== false,\n      enabled: enabled[path] !== false,\n      required: isRequired,\n      showRequiredIndicator,\n      touched: isTouched,\n      errors: displayedErrors,\n      onChange: handlers.onChange,\n      onBlur: handlers.onBlur,\n      // ARIA accessibility attributes\n      \"aria-invalid\": hasErrors || undefined,\n      \"aria-describedby\": hasErrors ? `${path}-error` : undefined,\n      \"aria-required\": isRequired || undefined,\n    };\n  }, [spec, state.touched, state.isSubmitted, visibility, enabled, required, validation.errors, validateOn, getValueAtPath, getFieldHandlers]);\n\n  // Get select field props - uses pre-computed optionsVisibility map\n  const getSelectFieldProps = useCallback((path: string): GetSelectFieldPropsResult => {\n    const baseProps = getFieldProps(path);\n\n    // Look up pre-computed visible options from memoized map\n    const visibleOptions = optionsVisibility[path] ?? [];\n\n    return {\n      ...baseProps,\n      options: visibleOptions as SelectOption[],\n    };\n  }, [getFieldProps, optionsVisibility]);\n\n  // Get array helpers\n  const getArrayHelpers = useCallback((path: string): GetArrayHelpersResult => {\n    const fieldDef = spec.fields[path];\n    const currentValue = (getValueAtPath(path) as unknown[]) ?? [];\n    const minItems = fieldDef?.minItems ?? 0;\n    const maxItems = fieldDef?.maxItems ?? Infinity;\n\n    const canAdd = currentValue.length < maxItems;\n    const canRemove = currentValue.length > minItems;\n\n    const getItemFieldProps = (index: number, fieldName: string): GetFieldPropsResult => {\n      const itemPath = `${path}[${index}].${fieldName}`;\n      const itemFieldDef = fieldDef?.itemFields?.[fieldName];\n      const handlers = getFieldHandlers(itemPath);\n\n      // Get item value\n      const item = (currentValue[index] as Record<string, unknown>) ?? {};\n      const itemValue = item[fieldName];\n\n      const fieldErrors = validation.errors.filter((e) => e.field === itemPath);\n      const isTouched = state.touched[itemPath] ?? false;\n      const showErrors = validateOn === \"change\" || (validateOn === \"blur\" && isTouched) || state.isSubmitted;\n\n      // Look up pre-computed visible options from memoized map\n      const visibleOptions = optionsVisibility[itemPath] as SelectOption[] | undefined;\n\n      return {\n        name: itemPath,\n        value: itemValue,\n        type: itemFieldDef?.type || \"text\",\n        label: itemFieldDef?.label || fieldName.charAt(0).toUpperCase() + fieldName.slice(1),\n        description: itemFieldDef?.description,\n        placeholder: itemFieldDef?.placeholder,\n        visible: true,\n        enabled: enabled[path] !== false,\n        required: false, // TODO: Evaluate item field required\n        showRequiredIndicator: false, // Item fields don't show required indicator\n        touched: isTouched,\n        errors: showErrors ? fieldErrors : [],\n        onChange: handlers.onChange,\n        onBlur: handlers.onBlur,\n        options: visibleOptions,\n      };\n    };\n\n    return {\n      items: currentValue,\n      push: (item: unknown) => {\n        if (canAdd) {\n          setValueAtPath(path, [...currentValue, item]);\n        }\n      },\n      remove: (index: number) => {\n        if (canRemove) {\n          const newArray = [...currentValue];\n          newArray.splice(index, 1);\n          setValueAtPath(path, newArray);\n        }\n      },\n      move: (from: number, to: number) => {\n        const newArray = [...currentValue];\n        const [item] = newArray.splice(from, 1);\n        newArray.splice(to, 0, item);\n        setValueAtPath(path, newArray);\n      },\n      swap: (indexA: number, indexB: number) => {\n        const newArray = [...currentValue];\n        [newArray[indexA], newArray[indexB]] = [newArray[indexB], newArray[indexA]];\n        setValueAtPath(path, newArray);\n      },\n      insert: (index: number, item: unknown) => {\n        if (canAdd) {\n          const newArray = [...currentValue];\n          newArray.splice(index, 0, item);\n          setValueAtPath(path, newArray);\n        }\n      },\n      getItemFieldProps,\n      minItems,\n      maxItems,\n      canAdd,\n      canRemove,\n    };\n  }, [spec.fields, getValueAtPath, setValueAtPath, getFieldHandlers, enabled, state.touched, state.isSubmitted, validation.errors, validateOn, optionsVisibility]);\n\n  return {\n    data: state.data,\n    computed,\n    visibility,\n    required,\n    enabled,\n    optionsVisibility,\n    touched: state.touched,\n    errors: validation.errors,\n    isValid: validation.valid,\n    isSubmitting: state.isSubmitting,\n    isSubmitted: state.isSubmitted,\n    isDirty: state.isDirty,\n    spec,\n    wizard,\n    setFieldValue,\n    setFieldTouched,\n    setValues,\n    validateField,\n    validateForm,\n    submitForm,\n    resetForm,\n    getFieldProps,\n    getSelectFieldProps,\n    getArrayHelpers,\n  };\n}\n","/**\n * FormRenderer Component\n *\n * Renders a complete form from a Forma specification.\n * Supports single-page and multi-page (wizard) forms.\n */\n\nimport React, { forwardRef, useImperativeHandle, useRef, useMemo, useCallback } from \"react\";\nimport type { Forma, FieldDefinition, ValidationResult, JSONSchemaProperty, SelectOption } from \"@fogpipe/forma-core\";\nimport { useForma } from \"./useForma.js\";\nimport { FormaContext } from \"./context.js\";\nimport type { ComponentMap, LayoutProps, FieldWrapperProps, PageWrapperProps, BaseFieldProps, TextFieldProps, NumberFieldProps, SelectFieldProps, ArrayFieldProps, ArrayHelpers } from \"./types.js\";\n\n/**\n * Props for FormRenderer component\n */\nexport interface FormRendererProps {\n  /** The Forma specification */\n  spec: Forma;\n  /** Initial form data */\n  initialData?: Record<string, unknown>;\n  /** Submit handler */\n  onSubmit?: (data: Record<string, unknown>) => void | Promise<void>;\n  /** Change handler */\n  onChange?: (data: Record<string, unknown>, computed?: Record<string, unknown>) => void;\n  /** Component map for rendering fields */\n  components: ComponentMap;\n  /** Custom layout component */\n  layout?: React.ComponentType<LayoutProps>;\n  /** Custom field wrapper component */\n  fieldWrapper?: React.ComponentType<FieldWrapperProps>;\n  /** Custom page wrapper component */\n  pageWrapper?: React.ComponentType<PageWrapperProps>;\n  /** When to validate */\n  validateOn?: \"change\" | \"blur\" | \"submit\";\n  /** Current page for controlled wizard */\n  page?: number;\n}\n\n/**\n * Imperative handle for FormRenderer\n */\nexport interface FormRendererHandle {\n  submitForm: () => Promise<void>;\n  resetForm: () => void;\n  validateForm: () => ValidationResult;\n  focusField: (path: string) => void;\n  focusFirstError: () => void;\n  getValues: () => Record<string, unknown>;\n  setValues: (values: Record<string, unknown>) => void;\n  isValid: boolean;\n  isDirty: boolean;\n}\n\n/**\n * Default layout component\n */\nfunction DefaultLayout({ children, onSubmit, isSubmitting }: LayoutProps) {\n  return (\n    <form\n      onSubmit={(e) => {\n        e.preventDefault();\n        onSubmit();\n      }}\n    >\n      {children}\n      <button type=\"submit\" disabled={isSubmitting}>\n        {isSubmitting ? \"Submitting...\" : \"Submit\"}\n      </button>\n    </form>\n  );\n}\n\n/**\n * Default field wrapper component with accessibility support\n */\nfunction DefaultFieldWrapper({ fieldPath, field, children, errors, showRequiredIndicator, visible }: FieldWrapperProps) {\n  if (!visible) return null;\n\n  const errorId = `${fieldPath}-error`;\n  const descriptionId = field.description ? `${fieldPath}-description` : undefined;\n  const hasErrors = errors.length > 0;\n\n  return (\n    <div className=\"field-wrapper\" data-field-path={fieldPath}>\n      {field.label && (\n        <label htmlFor={fieldPath}>\n          {field.label}\n          {showRequiredIndicator && <span className=\"required\" aria-hidden=\"true\">*</span>}\n          {showRequiredIndicator && <span className=\"sr-only\"> (required)</span>}\n        </label>\n      )}\n      {children}\n      {hasErrors && (\n        <div\n          id={errorId}\n          className=\"field-errors\"\n          role=\"alert\"\n          aria-live=\"polite\"\n        >\n          {errors.map((error, i) => (\n            <span key={i} className=\"error\">\n              {error.message}\n            </span>\n          ))}\n        </div>\n      )}\n      {field.description && (\n        <p id={descriptionId} className=\"field-description\">\n          {field.description}\n        </p>\n      )}\n    </div>\n  );\n}\n\n/**\n * Default page wrapper component\n */\nfunction DefaultPageWrapper({ title, description, children }: PageWrapperProps) {\n  return (\n    <div className=\"page-wrapper\">\n      <h2>{title}</h2>\n      {description && <p>{description}</p>}\n      {children}\n    </div>\n  );\n}\n\n/**\n * Extract numeric constraints from JSON Schema property\n */\nfunction getNumberConstraints(schema?: JSONSchemaProperty): { min?: number; max?: number; step?: number } {\n  if (!schema) return {};\n  if (schema.type !== \"number\" && schema.type !== \"integer\") return {};\n\n  // Extract min/max from schema\n  const min = \"minimum\" in schema && typeof schema.minimum === \"number\" ? schema.minimum : undefined;\n  const max = \"maximum\" in schema && typeof schema.maximum === \"number\" ? schema.maximum : undefined;\n\n  // Use multipleOf for step if defined, otherwise default to 1 for integers\n  let step: number | undefined;\n  if (\"multipleOf\" in schema && typeof schema.multipleOf === \"number\") {\n    step = schema.multipleOf;\n  } else if (schema.type === \"integer\") {\n    step = 1;\n  }\n\n  return { min, max, step };\n}\n\n/**\n * Create a default item for an array field based on item field definitions\n */\nfunction createDefaultItem(itemFields: Record<string, FieldDefinition>): Record<string, unknown> {\n  const item: Record<string, unknown> = {};\n  for (const [fieldName, fieldDef] of Object.entries(itemFields)) {\n    if (fieldDef.type === \"boolean\") {\n      item[fieldName] = false;\n    } else if (fieldDef.type === \"number\" || fieldDef.type === \"integer\") {\n      item[fieldName] = null;\n    } else {\n      item[fieldName] = \"\";\n    }\n  }\n  return item;\n}\n\n/**\n * FormRenderer component\n */\nexport const FormRenderer = forwardRef<FormRendererHandle, FormRendererProps>(\n  function FormRenderer(props, ref) {\n    const {\n      spec,\n      initialData,\n      onSubmit,\n      onChange,\n      components,\n      layout: Layout = DefaultLayout,\n      fieldWrapper: FieldWrapper = DefaultFieldWrapper,\n      pageWrapper: PageWrapper = DefaultPageWrapper,\n      validateOn,\n    } = props;\n\n    const forma = useForma({\n      spec,\n      initialData,\n      onSubmit,\n      onChange,\n      validateOn,\n    });\n\n    const fieldRefs = useRef<Map<string, HTMLElement>>(new Map());\n\n    // Focus a specific field by path\n    const focusField = useCallback((path: string) => {\n      const element = fieldRefs.current.get(path);\n      element?.focus();\n    }, []);\n\n    // Focus the first field with an error\n    const focusFirstError = useCallback(() => {\n      const firstError = forma.errors[0];\n      if (firstError) {\n        focusField(firstError.field);\n      }\n    }, [forma.errors, focusField]);\n\n    // Expose imperative handle\n    useImperativeHandle(\n      ref,\n      () => ({\n        submitForm: forma.submitForm,\n        resetForm: forma.resetForm,\n        validateForm: forma.validateForm,\n        focusField,\n        focusFirstError,\n        getValues: () => forma.data,\n        setValues: forma.setValues,\n        isValid: forma.isValid,\n        isDirty: forma.isDirty,\n      }),\n      [forma, focusField, focusFirstError]\n    );\n\n    // Determine which fields to render based on pages or fieldOrder\n    const fieldsToRender = useMemo(() => {\n      if (spec.pages && spec.pages.length > 0 && forma.wizard) {\n        // Wizard mode - render fields for the active page\n        const currentPage = forma.wizard.currentPage;\n        if (currentPage) {\n          return currentPage.fields;\n        }\n        // Fallback to first page\n        return spec.pages[0]?.fields ?? [];\n      }\n      // Single page mode - render all fields in order\n      return spec.fieldOrder;\n    }, [spec.pages, spec.fieldOrder, forma.wizard]);\n\n    // Render a single field (memoized)\n    const renderField = useCallback((fieldPath: string) => {\n      const fieldDef = spec.fields[fieldPath];\n      if (!fieldDef) return null;\n\n      const isVisible = forma.visibility[fieldPath] !== false;\n      if (!isVisible) return null;\n\n      // Infer field type\n      const fieldType = fieldDef.type || (fieldDef.itemFields ? \"array\" : \"text\");\n      const componentKey = fieldType as keyof ComponentMap;\n      const Component = components[componentKey] || components.fallback;\n\n      if (!Component) {\n        console.warn(`No component found for field type: ${fieldType}`);\n        return null;\n      }\n\n      const errors = forma.errors.filter((e) => e.field === fieldPath);\n      const touched = forma.touched[fieldPath] ?? false;\n      const required = forma.required[fieldPath] ?? false;\n      const disabled = forma.enabled[fieldPath] === false;\n\n      // Get schema property for additional constraints\n      const schemaProperty = spec.schema.properties[fieldPath];\n\n      // Boolean fields: hide asterisk unless they have validation rules (consent pattern)\n      // - Binary question (\"Do you smoke?\"): no validation → false is valid → hide asterisk\n      // - Consent checkbox (\"I accept terms\"): has validation rule → show asterisk\n      const isBooleanField = schemaProperty?.type === \"boolean\" || fieldDef?.type === \"boolean\";\n      const hasValidationRules = (fieldDef?.validations?.length ?? 0) > 0;\n      const showRequiredIndicator = required && (!isBooleanField || hasValidationRules);\n\n      // Base field props\n      const baseProps: BaseFieldProps = {\n        name: fieldPath,\n        field: fieldDef,\n        value: forma.data[fieldPath],\n        touched,\n        required,\n        disabled,\n        errors,\n        onChange: (value: unknown) => forma.setFieldValue(fieldPath, value),\n        onBlur: () => forma.setFieldTouched(fieldPath),\n        // Convenience properties\n        visible: true, // Always true since we already filtered for visibility\n        enabled: !disabled,\n        label: fieldDef.label ?? fieldPath,\n        description: fieldDef.description,\n        placeholder: fieldDef.placeholder,\n      };\n\n      // Build type-specific props\n      let fieldProps: BaseFieldProps | TextFieldProps | NumberFieldProps | SelectFieldProps | ArrayFieldProps = baseProps;\n\n      if (fieldType === \"number\" || fieldType === \"integer\") {\n        const constraints = getNumberConstraints(schemaProperty);\n        fieldProps = {\n          ...baseProps,\n          fieldType,\n          value: baseProps.value as number | null,\n          onChange: baseProps.onChange as (value: number | null) => void,\n          ...constraints,\n        } as NumberFieldProps;\n      } else if (fieldType === \"select\" || fieldType === \"multiselect\") {\n        fieldProps = {\n          ...baseProps,\n          fieldType,\n          value: baseProps.value as string | string[] | null,\n          onChange: baseProps.onChange as (value: string | string[] | null) => void,\n          options: forma.optionsVisibility[fieldPath] ?? fieldDef.options ?? [],\n        } as SelectFieldProps;\n      } else if (fieldType === \"array\" && fieldDef.itemFields) {\n        const arrayValue = Array.isArray(baseProps.value) ? baseProps.value : [];\n        const minItems = fieldDef.minItems ?? 0;\n        const maxItems = fieldDef.maxItems ?? Infinity;\n        const itemFieldDefs = fieldDef.itemFields;\n\n        // Get helpers from useForma - these are fresh on each render, avoiding stale closures\n        const baseHelpers = forma.getArrayHelpers(fieldPath);\n\n        // Wrap push to add default item creation when called without arguments\n        const pushWithDefault = (item?: unknown): void => {\n          const newItem = item ?? createDefaultItem(itemFieldDefs);\n          baseHelpers.push(newItem);\n        };\n\n        // Extend getItemFieldProps to include additional metadata (itemIndex, fieldName, options)\n        const getItemFieldPropsExtended = (index: number, fieldName: string) => {\n          const baseProps = baseHelpers.getItemFieldProps(index, fieldName);\n          const itemFieldDef = itemFieldDefs[fieldName];\n          const itemPath = `${fieldPath}[${index}].${fieldName}`;\n          return {\n            ...baseProps,\n            itemIndex: index,\n            fieldName,\n            options: (forma.optionsVisibility[itemPath] as SelectOption[] | undefined) ?? itemFieldDef?.options,\n          };\n        };\n\n        const helpers: ArrayHelpers = {\n          items: arrayValue,\n          push: pushWithDefault,\n          insert: baseHelpers.insert,\n          remove: baseHelpers.remove,\n          move: baseHelpers.move,\n          swap: baseHelpers.swap,\n          getItemFieldProps: getItemFieldPropsExtended,\n          minItems,\n          maxItems,\n          canAdd: arrayValue.length < maxItems,\n          canRemove: arrayValue.length > minItems,\n        };\n        fieldProps = {\n          ...baseProps,\n          fieldType: \"array\",\n          value: arrayValue,\n          onChange: baseProps.onChange as (value: unknown[]) => void,\n          helpers,\n          itemFields: itemFieldDefs,\n          minItems,\n          maxItems,\n        } as ArrayFieldProps;\n      } else {\n        // Text-based fields\n        fieldProps = {\n          ...baseProps,\n          fieldType: fieldType as \"text\" | \"email\" | \"password\" | \"url\" | \"textarea\",\n          value: (baseProps.value as string) ?? \"\",\n          onChange: baseProps.onChange as (value: string) => void,\n        };\n      }\n\n      // Wrap props in { field, spec } structure for components\n      const componentProps = { field: fieldProps, spec };\n\n      return (\n        <FieldWrapper\n          key={fieldPath}\n          fieldPath={fieldPath}\n          field={fieldDef}\n          errors={errors}\n          touched={touched}\n          required={required}\n          showRequiredIndicator={showRequiredIndicator}\n          visible={isVisible}\n        >\n          {React.createElement(Component as React.ComponentType<typeof componentProps>, componentProps)}\n        </FieldWrapper>\n      );\n    }, [spec, forma, components, FieldWrapper]);\n\n    // Render fields (memoized)\n    const renderedFields = useMemo(\n      () => fieldsToRender.map(renderField),\n      [fieldsToRender, renderField]\n    );\n\n    // Render with page wrapper if using pages\n    const content = useMemo(() => {\n      if (spec.pages && spec.pages.length > 0 && forma.wizard) {\n        const currentPage = forma.wizard.currentPage;\n        if (!currentPage) return null;\n\n        return (\n          <PageWrapper\n            title={currentPage.title}\n            description={currentPage.description}\n            pageIndex={forma.wizard.currentPageIndex}\n            totalPages={forma.wizard.pages.length}\n          >\n            {renderedFields}\n          </PageWrapper>\n        );\n      }\n\n      return <>{renderedFields}</>;\n    }, [spec.pages, forma.wizard, PageWrapper, renderedFields]);\n\n    return (\n      <FormaContext.Provider value={forma}>\n        <Layout\n          onSubmit={forma.submitForm}\n          isSubmitting={forma.isSubmitting}\n          isValid={forma.isValid}\n        >\n          {content}\n        </Layout>\n      </FormaContext.Provider>\n    );\n  }\n);\n","/**\n * React Context for Forma\n */\n\nimport { createContext, useContext } from \"react\";\nimport type { UseFormaReturn } from \"./useForma.js\";\n\n/**\n * Context for sharing form state across components\n */\nexport const FormaContext = createContext<UseFormaReturn | null>(null);\n\n/**\n * Hook to access Forma context\n * @throws Error if used outside of FormaContext.Provider\n */\nexport function useFormaContext(): UseFormaReturn {\n  const context = useContext(FormaContext);\n  if (!context) {\n    throw new Error(\"useFormaContext must be used within a FormaContext.Provider\");\n  }\n  return context;\n}\n","/**\n * FieldRenderer Component\n *\n * Routes a single field to the appropriate component based on its type.\n * This is useful for custom form layouts where you need field-by-field control.\n */\n\nimport React from \"react\";\nimport type { FieldDefinition, JSONSchemaProperty, SelectOption } from \"@fogpipe/forma-core\";\nimport { useFormaContext } from \"./context.js\";\nimport type {\n  ComponentMap,\n  BaseFieldProps,\n  TextFieldProps,\n  NumberFieldProps,\n  IntegerFieldProps,\n  SelectFieldProps,\n  MultiSelectFieldProps,\n  ArrayFieldProps,\n  ArrayHelpers,\n} from \"./types.js\";\n\n/**\n * Props for FieldRenderer component\n */\nexport interface FieldRendererProps {\n  /** Field path (e.g., \"firstName\" or \"address.city\") */\n  fieldPath: string;\n  /** Component map for rendering fields */\n  components: ComponentMap;\n  /** Optional class name for the wrapper */\n  className?: string;\n}\n\n/**\n * Extract numeric constraints from JSON Schema property\n */\nfunction getNumberConstraints(schema?: JSONSchemaProperty): { min?: number; max?: number; step?: number } {\n  if (!schema) return {};\n  if (schema.type !== \"number\" && schema.type !== \"integer\") return {};\n\n  // Extract min/max from schema\n  const min = \"minimum\" in schema && typeof schema.minimum === \"number\" ? schema.minimum : undefined;\n  const max = \"maximum\" in schema && typeof schema.maximum === \"number\" ? schema.maximum : undefined;\n\n  // Use multipleOf for step if defined, otherwise default to 1 for integers\n  let step: number | undefined;\n  if (\"multipleOf\" in schema && typeof schema.multipleOf === \"number\") {\n    step = schema.multipleOf;\n  } else if (schema.type === \"integer\") {\n    step = 1;\n  }\n\n  return { min, max, step };\n}\n\n/**\n * Create a default item for an array field based on item field definitions\n */\nfunction createDefaultItem(itemFields: Record<string, FieldDefinition>): Record<string, unknown> {\n  const item: Record<string, unknown> = {};\n  for (const [fieldName, fieldDef] of Object.entries(itemFields)) {\n    if (fieldDef.type === \"boolean\") {\n      item[fieldName] = false;\n    } else if (fieldDef.type === \"number\" || fieldDef.type === \"integer\") {\n      item[fieldName] = null;\n    } else {\n      item[fieldName] = \"\";\n    }\n  }\n  return item;\n}\n\n/**\n * FieldRenderer component\n *\n * @example\n * ```tsx\n * // Render a specific field with custom components\n * <FieldRenderer fieldPath=\"email\" components={componentMap} />\n * ```\n */\nexport function FieldRenderer({ fieldPath, components, className }: FieldRendererProps) {\n  const forma = useFormaContext();\n  const { spec } = forma;\n\n  const fieldDef = spec.fields[fieldPath];\n  if (!fieldDef) {\n    console.warn(`Field not found: ${fieldPath}`);\n    return null;\n  }\n\n  const isVisible = forma.visibility[fieldPath] !== false;\n  if (!isVisible) return null;\n\n  // Infer field type\n  const fieldType = fieldDef.type || (fieldDef.itemFields ? \"array\" : \"text\");\n  const componentKey = fieldType as keyof ComponentMap;\n  const Component = components[componentKey] || components.fallback;\n\n  if (!Component) {\n    console.warn(`No component found for field type: ${fieldType}`);\n    return null;\n  }\n\n  const errors = forma.errors.filter((e) => e.field === fieldPath);\n  const touched = forma.touched[fieldPath] ?? false;\n  const required = forma.required[fieldPath] ?? false;\n  const disabled = forma.enabled[fieldPath] === false;\n\n  // Get schema property for additional constraints\n  const schemaProperty = spec.schema.properties[fieldPath];\n\n  // Base field props\n  const baseProps: BaseFieldProps = {\n    name: fieldPath,\n    field: fieldDef,\n    value: forma.data[fieldPath],\n    touched,\n    required,\n    disabled,\n    errors,\n    onChange: (value: unknown) => forma.setFieldValue(fieldPath, value),\n    onBlur: () => forma.setFieldTouched(fieldPath),\n    // Convenience properties\n    visible: true, // Always true since we already filtered for visibility\n    enabled: !disabled,\n    label: fieldDef.label ?? fieldPath,\n    description: fieldDef.description,\n    placeholder: fieldDef.placeholder,\n  };\n\n  // Build type-specific props\n  let fieldProps: BaseFieldProps | TextFieldProps | NumberFieldProps | IntegerFieldProps | SelectFieldProps | MultiSelectFieldProps | ArrayFieldProps = baseProps;\n\n  if (fieldType === \"number\") {\n    const constraints = getNumberConstraints(schemaProperty);\n    fieldProps = {\n      ...baseProps,\n      fieldType: \"number\",\n      value: baseProps.value as number | null,\n      onChange: baseProps.onChange as (value: number | null) => void,\n      ...constraints,\n    } as NumberFieldProps;\n  } else if (fieldType === \"integer\") {\n    const constraints = getNumberConstraints(schemaProperty);\n    fieldProps = {\n      ...baseProps,\n      fieldType: \"integer\",\n      value: baseProps.value as number | null,\n      onChange: baseProps.onChange as (value: number | null) => void,\n      min: constraints.min,\n      max: constraints.max,\n    } as IntegerFieldProps;\n  } else if (fieldType === \"select\") {\n    // Use pre-computed visible options from memoized map\n    const visibleOptions = (forma.optionsVisibility[fieldPath] ?? []) as SelectOption[];\n    fieldProps = {\n      ...baseProps,\n      fieldType: \"select\",\n      value: baseProps.value as string | null,\n      onChange: baseProps.onChange as (value: string | null) => void,\n      options: visibleOptions,\n    } as SelectFieldProps;\n  } else if (fieldType === \"multiselect\") {\n    // Use pre-computed visible options from memoized map\n    const visibleOptions = (forma.optionsVisibility[fieldPath] ?? []) as SelectOption[];\n    fieldProps = {\n      ...baseProps,\n      fieldType: \"multiselect\",\n      value: (baseProps.value as string[] | undefined) ?? [],\n      onChange: baseProps.onChange as (value: string[]) => void,\n      options: visibleOptions,\n    } as MultiSelectFieldProps;\n  } else if (fieldType === \"array\" && fieldDef.itemFields) {\n    const arrayValue = (baseProps.value as unknown[] | undefined) ?? [];\n    const minItems = fieldDef.minItems ?? 0;\n    const maxItems = fieldDef.maxItems ?? Infinity;\n    const itemFieldDefs = fieldDef.itemFields;\n\n    const helpers: ArrayHelpers = {\n      items: arrayValue,\n      push: (item?: unknown) => {\n        const newItem = item ?? createDefaultItem(itemFieldDefs);\n        forma.setFieldValue(fieldPath, [...arrayValue, newItem]);\n      },\n      insert: (index: number, item: unknown) => {\n        const newArray = [...arrayValue];\n        newArray.splice(index, 0, item);\n        forma.setFieldValue(fieldPath, newArray);\n      },\n      remove: (index: number) => {\n        const newArray = [...arrayValue];\n        newArray.splice(index, 1);\n        forma.setFieldValue(fieldPath, newArray);\n      },\n      move: (from: number, to: number) => {\n        const newArray = [...arrayValue];\n        const [item] = newArray.splice(from, 1);\n        newArray.splice(to, 0, item);\n        forma.setFieldValue(fieldPath, newArray);\n      },\n      swap: (indexA: number, indexB: number) => {\n        const newArray = [...arrayValue];\n        [newArray[indexA], newArray[indexB]] = [newArray[indexB], newArray[indexA]];\n        forma.setFieldValue(fieldPath, newArray);\n      },\n      getItemFieldProps: (index: number, fieldName: string) => {\n        const itemFieldDef = itemFieldDefs[fieldName];\n        const itemPath = `${fieldPath}[${index}].${fieldName}`;\n        const item = (arrayValue[index] as Record<string, unknown>) ?? {};\n        const itemValue = item[fieldName];\n\n        // Use pre-computed visible options from memoized map\n        const visibleOptions = forma.optionsVisibility[itemPath] as SelectOption[] | undefined;\n\n        return {\n          name: itemPath,\n          value: itemValue,\n          type: itemFieldDef?.type ?? \"text\",\n          label: itemFieldDef?.label ?? fieldName,\n          description: itemFieldDef?.description,\n          placeholder: itemFieldDef?.placeholder,\n          visible: true,\n          enabled: !disabled,\n          required: itemFieldDef?.requiredWhen === \"true\",\n          touched: forma.touched[itemPath] ?? false,\n          errors: forma.errors.filter((e) => e.field === itemPath),\n          onChange: (value: unknown) => {\n            const newArray = [...arrayValue];\n            const existingItem = (newArray[index] ?? {}) as Record<string, unknown>;\n            newArray[index] = { ...existingItem, [fieldName]: value };\n            forma.setFieldValue(fieldPath, newArray);\n          },\n          onBlur: () => forma.setFieldTouched(itemPath),\n          itemIndex: index,\n          fieldName,\n          options: visibleOptions,\n        };\n      },\n      minItems,\n      maxItems,\n      canAdd: arrayValue.length < maxItems,\n      canRemove: arrayValue.length > minItems,\n    };\n    fieldProps = {\n      ...baseProps,\n      fieldType: \"array\",\n      value: arrayValue,\n      onChange: baseProps.onChange as (value: unknown[]) => void,\n      helpers,\n      itemFields: itemFieldDefs,\n      minItems,\n      maxItems,\n    } as ArrayFieldProps;\n  } else {\n    // Text-based fields\n    fieldProps = {\n      ...baseProps,\n      fieldType: fieldType as \"text\" | \"email\" | \"password\" | \"url\" | \"textarea\",\n      value: (baseProps.value as string) ?? \"\",\n      onChange: baseProps.onChange as (value: string) => void,\n    };\n  }\n\n  // Wrap props in { field, spec } structure for components\n  const componentProps = { field: fieldProps, spec };\n  const element = React.createElement(Component as React.ComponentType<typeof componentProps>, componentProps);\n\n  if (className) {\n    return <div className={className}>{element}</div>;\n  }\n\n  return element;\n}\n","/**\n * FormaErrorBoundary Component\n *\n * Error boundary for catching render errors in form components.\n * Provides graceful error handling and recovery options.\n */\n\nimport React from \"react\";\n\n/**\n * Props for FormaErrorBoundary component\n */\nexport interface FormaErrorBoundaryProps {\n  /** Child components to render */\n  children: React.ReactNode;\n  /** Custom fallback UI to show when an error occurs */\n  fallback?: React.ReactNode | ((error: Error, reset: () => void) => React.ReactNode);\n  /** Callback when an error is caught */\n  onError?: (error: Error, errorInfo: React.ErrorInfo) => void;\n  /** Key to reset the error boundary (change this to reset) */\n  resetKey?: string | number;\n}\n\n/**\n * State for FormaErrorBoundary component\n */\ninterface FormaErrorBoundaryState {\n  hasError: boolean;\n  error: Error | null;\n}\n\n/**\n * Default fallback component shown when an error occurs\n */\nfunction DefaultErrorFallback({ error, onReset }: { error: Error; onReset: () => void }) {\n  return (\n    <div className=\"forma-error-boundary\" role=\"alert\">\n      <h3>Something went wrong</h3>\n      <p>An error occurred while rendering the form.</p>\n      <details>\n        <summary>Error details</summary>\n        <pre>{error.message}</pre>\n      </details>\n      <button type=\"button\" onClick={onReset}>\n        Try again\n      </button>\n    </div>\n  );\n}\n\n/**\n * Error boundary component for Forma forms\n *\n * Catches JavaScript errors in child component tree and displays\n * a fallback UI instead of crashing the entire application.\n *\n * @example\n * ```tsx\n * <FormaErrorBoundary\n *   fallback={<div>Form error occurred</div>}\n *   onError={(error) => logError(error)}\n * >\n *   <FormRenderer spec={spec} components={components} />\n * </FormaErrorBoundary>\n * ```\n */\nexport class FormaErrorBoundary extends React.Component<\n  FormaErrorBoundaryProps,\n  FormaErrorBoundaryState\n> {\n  constructor(props: FormaErrorBoundaryProps) {\n    super(props);\n    this.state = { hasError: false, error: null };\n  }\n\n  static getDerivedStateFromError(error: Error): FormaErrorBoundaryState {\n    return { hasError: true, error };\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {\n    this.props.onError?.(error, errorInfo);\n  }\n\n  componentDidUpdate(prevProps: FormaErrorBoundaryProps): void {\n    // Reset error state when resetKey changes\n    if (\n      this.state.hasError &&\n      prevProps.resetKey !== this.props.resetKey\n    ) {\n      this.setState({ hasError: false, error: null });\n    }\n  }\n\n  reset = (): void => {\n    this.setState({ hasError: false, error: null });\n  };\n\n  render(): React.ReactNode {\n    if (this.state.hasError && this.state.error) {\n      const { fallback } = this.props;\n\n      if (typeof fallback === \"function\") {\n        return fallback(this.state.error, this.reset);\n      }\n\n      if (fallback) {\n        return fallback;\n      }\n\n      return <DefaultErrorFallback error={this.state.error} onReset={this.reset} />;\n    }\n\n    return this.props.children;\n  }\n}\n"],"mappings":"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","names":["schemaProperty","useRef","useMemo","useCallback","FormRenderer","useRef","useCallback","useMemo","baseProps","React","jsx","getNumberConstraints","createDefaultItem","React","React","jsx","jsxs"]}
+{"version":3,"sources":["../src/useForma.ts","../src/FormRenderer.tsx","../src/context.ts","../src/FieldRenderer.tsx","../src/ErrorBoundary.tsx"],"sourcesContent":["/**\n * useForma Hook\n *\n * Main hook for managing Forma form state.\n * This is a placeholder - the full implementation will be migrated from formidable.\n */\n\nimport { useCallback, useEffect, useMemo, useReducer, useRef, useState } from \"react\";\nimport type { Forma, FieldError, ValidationResult, SelectOption } from \"@fogpipe/forma-core\";\nimport { isAdornableField } from \"@fogpipe/forma-core\";\nimport type { GetFieldPropsResult, GetSelectFieldPropsResult, GetArrayHelpersResult } from \"./types.js\";\nimport {\n  getVisibility,\n  getRequired,\n  getEnabled,\n  getReadonly,\n  validate,\n  calculate,\n  getPageVisibility,\n  getOptionsVisibility,\n} from \"@fogpipe/forma-core\";\nimport type { OptionsVisibilityResult } from \"@fogpipe/forma-core\";\n\n/**\n * Options for useForma hook\n */\nexport interface UseFormaOptions {\n  /** The Forma specification */\n  spec: Forma;\n  /** Initial form data */\n  initialData?: Record<string, unknown>;\n  /** Submit handler */\n  onSubmit?: (data: Record<string, unknown>) => void | Promise<void>;\n  /** Change handler */\n  onChange?: (data: Record<string, unknown>, computed?: Record<string, unknown>) => void;\n  /** When to validate: on change, blur, or submit only */\n  validateOn?: \"change\" | \"blur\" | \"submit\";\n  /** Additional reference data to merge with spec.referenceData */\n  referenceData?: Record<string, unknown>;\n  /**\n   * Debounce validation by this many milliseconds.\n   * Useful for large forms to improve performance.\n   * Set to 0 (default) for immediate validation.\n   */\n  validationDebounceMs?: number;\n}\n\n/**\n * Form state\n */\ninterface FormState {\n  data: Record<string, unknown>;\n  touched: Record<string, boolean>;\n  isSubmitting: boolean;\n  isSubmitted: boolean;\n  isDirty: boolean;\n  currentPage: number;\n}\n\n/**\n * State actions\n */\ntype FormAction =\n  | { type: \"SET_FIELD_VALUE\"; field: string; value: unknown }\n  | { type: \"SET_FIELD_TOUCHED\"; field: string; touched: boolean }\n  | { type: \"SET_VALUES\"; values: Record<string, unknown> }\n  | { type: \"SET_SUBMITTING\"; isSubmitting: boolean }\n  | { type: \"SET_SUBMITTED\"; isSubmitted: boolean }\n  | { type: \"SET_PAGE\"; page: number }\n  | { type: \"RESET\"; initialData: Record<string, unknown> };\n\n/**\n * Page state for multi-page forms\n */\nexport interface PageState {\n  id: string;\n  title: string;\n  description?: string;\n  visible: boolean;\n  fields: string[];\n}\n\n/**\n * Wizard navigation helpers\n */\nexport interface WizardHelpers {\n  pages: PageState[];\n  currentPageIndex: number;\n  currentPage: PageState | null;\n  goToPage: (index: number) => void;\n  nextPage: () => void;\n  previousPage: () => void;\n  hasNextPage: boolean;\n  hasPreviousPage: boolean;\n  canProceed: boolean;\n  isLastPage: boolean;\n  touchCurrentPageFields: () => void;\n  validateCurrentPage: () => boolean;\n}\n\n/**\n * Return type of useForma hook\n */\nexport interface UseFormaReturn {\n  /** Current form data */\n  data: Record<string, unknown>;\n  /** Computed field values */\n  computed: Record<string, unknown>;\n  /** Field visibility map */\n  visibility: Record<string, boolean>;\n  /** Field required state map */\n  required: Record<string, boolean>;\n  /** Field enabled state map */\n  enabled: Record<string, boolean>;\n  /** Field readonly state map */\n  readonly: Record<string, boolean>;\n  /** Visible options for select/multiselect fields, keyed by field path */\n  optionsVisibility: OptionsVisibilityResult;\n  /** Field touched state map */\n  touched: Record<string, boolean>;\n  /** Validation errors */\n  errors: FieldError[];\n  /** Whether form is valid */\n  isValid: boolean;\n  /** Whether form is submitting */\n  isSubmitting: boolean;\n  /** Whether form has been submitted */\n  isSubmitted: boolean;\n  /** Whether any field has been modified */\n  isDirty: boolean;\n  /** The Forma spec */\n  spec: Forma;\n  /** Wizard helpers (if multi-page) */\n  wizard: WizardHelpers | null;\n\n  /** Set a field value */\n  setFieldValue: (path: string, value: unknown) => void;\n  /** Set a field as touched */\n  setFieldTouched: (path: string, touched?: boolean) => void;\n  /** Set multiple values */\n  setValues: (values: Record<string, unknown>) => void;\n  /** Validate a single field */\n  validateField: (path: string) => FieldError[];\n  /** Validate entire form */\n  validateForm: () => ValidationResult;\n  /** Submit the form */\n  submitForm: () => Promise<void>;\n  /** Reset the form */\n  resetForm: () => void;\n\n  // Helper methods for getting field props\n  /** Get props for any field */\n  getFieldProps: (path: string) => GetFieldPropsResult;\n  /** Get props for select field (includes options) */\n  getSelectFieldProps: (path: string) => GetSelectFieldPropsResult;\n  /** Get array helpers for array field */\n  getArrayHelpers: (path: string) => GetArrayHelpersResult;\n}\n\n/**\n * State reducer\n */\nfunction formReducer(state: FormState, action: FormAction): FormState {\n  switch (action.type) {\n    case \"SET_FIELD_VALUE\":\n      return {\n        ...state,\n        data: { ...state.data, [action.field]: action.value },\n        isDirty: true,\n        isSubmitted: false, // Clear on data change\n      };\n    case \"SET_FIELD_TOUCHED\":\n      return {\n        ...state,\n        touched: { ...state.touched, [action.field]: action.touched },\n      };\n    case \"SET_VALUES\":\n      return {\n        ...state,\n        data: { ...state.data, ...action.values },\n        isDirty: true,\n        isSubmitted: false, // Clear on data change\n      };\n    case \"SET_SUBMITTING\":\n      return { ...state, isSubmitting: action.isSubmitting };\n    case \"SET_SUBMITTED\":\n      return { ...state, isSubmitted: action.isSubmitted };\n    case \"SET_PAGE\":\n      return { ...state, currentPage: action.page };\n    case \"RESET\":\n      return {\n        data: action.initialData,\n        touched: {},\n        isSubmitting: false,\n        isSubmitted: false,\n        isDirty: false,\n        currentPage: 0,\n      };\n    default:\n      return state;\n  }\n}\n\n/**\n * Get default initial values for boolean fields.\n * Boolean fields default to false to avoid undefined state,\n * which provides better UX since false is a valid answer.\n */\nfunction getDefaultBooleanValues(spec: Forma): Record<string, boolean> {\n  const defaults: Record<string, boolean> = {};\n  for (const fieldPath of spec.fieldOrder) {\n    const schemaProperty = spec.schema.properties?.[fieldPath];\n    const fieldDef = spec.fields[fieldPath];\n    if (schemaProperty?.type === \"boolean\" || fieldDef?.type === \"boolean\") {\n      defaults[fieldPath] = false;\n    }\n  }\n  return defaults;\n}\n\n/**\n * Main Forma hook\n */\nexport function useForma(options: UseFormaOptions): UseFormaReturn {\n  const { spec: inputSpec, initialData = {}, onSubmit, onChange, validateOn = \"blur\", referenceData, validationDebounceMs = 0 } = options;\n\n  // Merge referenceData from options with spec.referenceData\n  const spec = useMemo((): Forma => {\n    if (!referenceData) return inputSpec;\n    return {\n      ...inputSpec,\n      referenceData: {\n        ...inputSpec.referenceData,\n        ...referenceData,\n      },\n    };\n  }, [inputSpec, referenceData]);\n\n  const [state, dispatch] = useReducer(formReducer, {\n    data: { ...getDefaultBooleanValues(spec), ...initialData }, // Boolean defaults merged UNDER initialData\n    touched: {},\n    isSubmitting: false,\n    isSubmitted: false,\n    isDirty: false,\n    currentPage: 0,\n  });\n\n  // Keep a ref to current state.data to avoid stale closures in cached handlers\n  const stateDataRef = useRef(state.data);\n  stateDataRef.current = state.data;\n\n  // Track if we've initialized (to avoid calling onChange on first render)\n  const hasInitialized = useRef(false);\n\n  // Calculate computed values\n  const computed = useMemo(\n    () => calculate(state.data, spec),\n    [state.data, spec]\n  );\n\n  // Calculate visibility\n  const visibility = useMemo(\n    () => getVisibility(state.data, spec, { computed }),\n    [state.data, spec, computed]\n  );\n\n  // Calculate required state\n  const required = useMemo(\n    () => getRequired(state.data, spec, { computed }),\n    [state.data, spec, computed]\n  );\n\n  // Calculate enabled state\n  const enabled = useMemo(\n    () => getEnabled(state.data, spec, { computed }),\n    [state.data, spec, computed]\n  );\n\n  // Calculate readonly state\n  const readonly = useMemo(\n    () => getReadonly(state.data, spec, { computed }),\n    [state.data, spec, computed]\n  );\n\n  // Calculate visible options for all select/multiselect fields (memoized)\n  const optionsVisibility = useMemo(\n    () => getOptionsVisibility(state.data, spec, { computed }),\n    [state.data, spec, computed]\n  );\n\n  // Validate form - compute immediate result\n  const immediateValidation = useMemo(\n    () => validate(state.data, spec, { computed, onlyVisible: true }),\n    [state.data, spec, computed]\n  );\n\n  // Debounced validation state (only used when validationDebounceMs > 0)\n  const [debouncedValidation, setDebouncedValidation] = useState<ValidationResult>(immediateValidation);\n\n  // Apply debouncing if configured\n  useEffect(() => {\n    if (validationDebounceMs <= 0) {\n      // No debouncing - use immediate validation\n      setDebouncedValidation(immediateValidation);\n      return;\n    }\n\n    // Debounce validation updates\n    const timeoutId = setTimeout(() => {\n      setDebouncedValidation(immediateValidation);\n    }, validationDebounceMs);\n\n    return () => clearTimeout(timeoutId);\n  }, [immediateValidation, validationDebounceMs]);\n\n  // Use debounced validation for display, but immediate for submit\n  const validation = validationDebounceMs > 0 ? debouncedValidation : immediateValidation;\n\n  // isDirty is tracked via reducer state for O(1) performance\n\n  // Call onChange when data changes (not on initial render)\n  useEffect(() => {\n    if (hasInitialized.current) {\n      onChange?.(state.data, computed);\n    } else {\n      hasInitialized.current = true;\n    }\n  }, [state.data, computed, onChange]);\n\n  // Helper function to set value at nested path\n  const setNestedValue = useCallback((path: string, value: unknown): void => {\n    // Handle array index notation: \"items[0].name\" -> nested structure\n    const parts = path.replace(/\\[(\\d+)\\]/g, '.$1').split('.');\n\n    if (parts.length === 1) {\n      // Simple path - just set directly\n      dispatch({ type: \"SET_FIELD_VALUE\", field: path, value });\n      return;\n    }\n\n    // Build nested object for complex paths\n    const buildNestedObject = (data: Record<string, unknown>, pathParts: string[], val: unknown): Record<string, unknown> => {\n      const result = { ...data };\n      let current: Record<string, unknown> = result;\n\n      for (let i = 0; i < pathParts.length - 1; i++) {\n        const part = pathParts[i];\n        const nextPart = pathParts[i + 1];\n        const isNextArrayIndex = /^\\d+$/.test(nextPart);\n\n        if (current[part] === undefined) {\n          current[part] = isNextArrayIndex ? [] : {};\n        } else if (Array.isArray(current[part])) {\n          current[part] = [...(current[part] as unknown[])];\n        } else {\n          current[part] = { ...(current[part] as Record<string, unknown>) };\n        }\n        current = current[part] as Record<string, unknown>;\n      }\n\n      current[pathParts[pathParts.length - 1]] = val;\n      return result;\n    };\n\n    dispatch({ type: \"SET_VALUES\", values: buildNestedObject(state.data, parts, value) });\n  }, [state.data]);\n\n  // Actions\n  const setFieldValue = useCallback(\n    (path: string, value: unknown) => {\n      setNestedValue(path, value);\n      if (validateOn === \"change\") {\n        dispatch({ type: \"SET_FIELD_TOUCHED\", field: path, touched: true });\n      }\n    },\n    [validateOn, setNestedValue]\n  );\n\n  const setFieldTouched = useCallback((path: string, touched = true) => {\n    dispatch({ type: \"SET_FIELD_TOUCHED\", field: path, touched });\n  }, []);\n\n  const setValues = useCallback((values: Record<string, unknown>) => {\n    dispatch({ type: \"SET_VALUES\", values });\n  }, []);\n\n  const validateField = useCallback(\n    (path: string): FieldError[] => {\n      return validation.errors.filter((e) => e.field === path);\n    },\n    [validation]\n  );\n\n  const validateForm = useCallback((): ValidationResult => {\n    return validation;\n  }, [validation]);\n\n  const submitForm = useCallback(async () => {\n    dispatch({ type: \"SET_SUBMITTING\", isSubmitting: true });\n    try {\n      // Always use immediate validation on submit to ensure accurate result\n      if (immediateValidation.valid && onSubmit) {\n        await onSubmit(state.data);\n      }\n      dispatch({ type: \"SET_SUBMITTED\", isSubmitted: true });\n    } finally {\n      dispatch({ type: \"SET_SUBMITTING\", isSubmitting: false });\n    }\n  }, [immediateValidation, onSubmit, state.data]);\n\n  const resetForm = useCallback(() => {\n    dispatch({ type: \"RESET\", initialData });\n  }, [initialData]);\n\n  // Wizard helpers\n  const wizard = useMemo((): WizardHelpers | null => {\n    if (!spec.pages || spec.pages.length === 0) return null;\n\n    const pageVisibility = getPageVisibility(state.data, spec, { computed });\n\n    // Include all pages with their visibility status\n    const pages: PageState[] = spec.pages.map((p) => ({\n      id: p.id,\n      title: p.title,\n      description: p.description,\n      visible: pageVisibility[p.id] !== false,\n      fields: p.fields,\n    }));\n\n    // For navigation, only count visible pages\n    const visiblePages = pages.filter((p) => p.visible);\n\n    // Clamp currentPage to valid range (handles case where current page becomes hidden)\n    const maxPageIndex = Math.max(0, visiblePages.length - 1);\n    const clampedPageIndex = Math.min(Math.max(0, state.currentPage), maxPageIndex);\n\n    // Auto-correct page index if it's out of bounds\n    if (clampedPageIndex !== state.currentPage && visiblePages.length > 0) {\n      dispatch({ type: \"SET_PAGE\", page: clampedPageIndex });\n    }\n\n    const currentPage = visiblePages[clampedPageIndex] || null;\n    const hasNextPage = clampedPageIndex < visiblePages.length - 1;\n    const hasPreviousPage = clampedPageIndex > 0;\n    const isLastPage = clampedPageIndex === visiblePages.length - 1;\n\n    return {\n      pages,\n      currentPageIndex: clampedPageIndex,\n      currentPage,\n      goToPage: (index: number) => {\n        // Clamp to valid range\n        const validIndex = Math.min(Math.max(0, index), maxPageIndex);\n        dispatch({ type: \"SET_PAGE\", page: validIndex });\n      },\n      nextPage: () => {\n        if (hasNextPage) {\n          dispatch({ type: \"SET_PAGE\", page: clampedPageIndex + 1 });\n        }\n      },\n      previousPage: () => {\n        if (hasPreviousPage) {\n          dispatch({ type: \"SET_PAGE\", page: clampedPageIndex - 1 });\n        }\n      },\n      hasNextPage,\n      hasPreviousPage,\n      canProceed: (() => {\n        if (!currentPage) return true;\n        // Get errors only for visible fields on the current page\n        const pageErrors = validation.errors.filter((e) => {\n          // Check if field is on current page (including array items like \"items[0].name\")\n          const isOnCurrentPage = currentPage.fields.includes(e.field) ||\n            currentPage.fields.some(f => e.field.startsWith(`${f}[`));\n          // Only count errors for visible fields\n          const isVisible = visibility[e.field] !== false;\n          // Only count actual errors, not warnings\n          const isError = e.severity === 'error';\n          return isOnCurrentPage && isVisible && isError;\n        });\n        return pageErrors.length === 0;\n      })(),\n      isLastPage,\n      touchCurrentPageFields: () => {\n        if (currentPage) {\n          currentPage.fields.forEach((field) => {\n            dispatch({ type: \"SET_FIELD_TOUCHED\", field, touched: true });\n          });\n        }\n      },\n      validateCurrentPage: () => {\n        if (!currentPage) return true;\n        const pageErrors = validation.errors.filter((e) =>\n          currentPage.fields.includes(e.field)\n        );\n        return pageErrors.length === 0;\n      },\n    };\n  }, [spec, state.data, state.currentPage, computed, validation, visibility]);\n\n  // Helper to get value at nested path\n  // Uses stateDataRef to always access current state, avoiding stale closure issues\n  const getValueAtPath = useCallback((path: string): unknown => {\n    // Handle array index notation: \"items[0].name\" -> [\"items\", \"0\", \"name\"]\n    const parts = path.replace(/\\[(\\d+)\\]/g, '.$1').split('.');\n    let value: unknown = stateDataRef.current;\n    for (const part of parts) {\n      if (value === null || value === undefined) return undefined;\n      value = (value as Record<string, unknown>)[part];\n    }\n    return value;\n  }, []); // No dependencies - uses ref for current state\n\n  // Helper to set value at nested path\n  // Uses stateDataRef to always access current state, avoiding stale closure issues\n  const setValueAtPath = useCallback((path: string, value: unknown): void => {\n    // For nested paths, we need to build the nested structure\n    const parts = path.replace(/\\[(\\d+)\\]/g, '.$1').split('.');\n    if (parts.length === 1) {\n      dispatch({ type: \"SET_FIELD_VALUE\", field: path, value });\n      return;\n    }\n\n    // Build nested object from CURRENT state via ref (not stale closure)\n    const newData = { ...stateDataRef.current };\n    let current: Record<string, unknown> = newData;\n\n    for (let i = 0; i < parts.length - 1; i++) {\n      const part = parts[i];\n      const nextPart = parts[i + 1];\n      const isNextArrayIndex = /^\\d+$/.test(nextPart);\n\n      if (current[part] === undefined) {\n        current[part] = isNextArrayIndex ? [] : {};\n      } else if (Array.isArray(current[part])) {\n        current[part] = [...(current[part] as unknown[])];\n      } else {\n        current[part] = { ...(current[part] as Record<string, unknown>) };\n      }\n      current = current[part] as Record<string, unknown>;\n    }\n\n    current[parts[parts.length - 1]] = value;\n    dispatch({ type: \"SET_VALUES\", values: newData });\n  }, []); // No dependencies - uses ref for current state\n\n  // Memoized onChange/onBlur handlers for fields\n  const fieldHandlers = useRef<Map<string, { onChange: (value: unknown) => void; onBlur: () => void }>>(new Map());\n\n  // Clean up stale field handlers when spec changes to prevent memory leaks\n  useEffect(() => {\n    const validFields = new Set(spec.fieldOrder);\n    // Also include array item field patterns\n    for (const fieldId of spec.fieldOrder) {\n      const fieldDef = spec.fields[fieldId];\n      if (fieldDef?.type === \"array\" && fieldDef.itemFields) {\n        for (const key of fieldHandlers.current.keys()) {\n          if (key.startsWith(`${fieldId}[`)) {\n            validFields.add(key);\n          }\n        }\n      }\n    }\n    // Remove handlers for fields that no longer exist\n    for (const key of fieldHandlers.current.keys()) {\n      const baseField = key.split('[')[0];\n      if (!validFields.has(key) && !validFields.has(baseField)) {\n        fieldHandlers.current.delete(key);\n      }\n    }\n  }, [spec]);\n\n  const getFieldHandlers = useCallback((path: string) => {\n    if (!fieldHandlers.current.has(path)) {\n      fieldHandlers.current.set(path, {\n        onChange: (value: unknown) => setValueAtPath(path, value),\n        onBlur: () => setFieldTouched(path),\n      });\n    }\n    return fieldHandlers.current.get(path)!;\n  }, [setValueAtPath, setFieldTouched]);\n\n  // Get field props for any field\n  const getFieldProps = useCallback((path: string): GetFieldPropsResult => {\n    const fieldDef = spec.fields[path];\n    const handlers = getFieldHandlers(path);\n\n    // Determine field type from definition or infer from schema\n    let fieldType = fieldDef?.type || \"text\";\n    if (!fieldType || fieldType === \"computed\") {\n      const schemaProperty = spec.schema.properties[path];\n      if (schemaProperty) {\n        if (schemaProperty.type === \"number\") fieldType = \"number\";\n        else if (schemaProperty.type === \"integer\") fieldType = \"integer\";\n        else if (schemaProperty.type === \"boolean\") fieldType = \"boolean\";\n        else if (schemaProperty.type === \"array\") fieldType = \"array\";\n        else if (schemaProperty.type === \"object\") fieldType = \"object\";\n        else if (\"enum\" in schemaProperty && schemaProperty.enum) fieldType = \"select\";\n        else if (\"format\" in schemaProperty) {\n          if (schemaProperty.format === \"date\") fieldType = \"date\";\n          else if (schemaProperty.format === \"date-time\") fieldType = \"datetime\";\n          else if (schemaProperty.format === \"email\") fieldType = \"email\";\n          else if (schemaProperty.format === \"uri\") fieldType = \"url\";\n        }\n      }\n    }\n\n    const fieldErrors = validation.errors.filter((e) => e.field === path);\n    const isTouched = state.touched[path] ?? false;\n    const showErrors = validateOn === \"change\" || (validateOn === \"blur\" && isTouched) || state.isSubmitted;\n    const displayedErrors = showErrors ? fieldErrors : [];\n    const hasErrors = displayedErrors.length > 0;\n    const isRequired = required[path] ?? false;\n\n    // Boolean fields: hide asterisk unless they have validation rules (consent pattern)\n    // - Binary question (\"Do you smoke?\"): no validation → false is valid → hide asterisk\n    // - Consent checkbox (\"I accept terms\"): has validation rule → show asterisk\n    const schemaProperty = spec.schema.properties[path];\n    const isBooleanField = schemaProperty?.type === \"boolean\" || fieldDef?.type === \"boolean\";\n    const hasValidationRules = (fieldDef?.validations?.length ?? 0) > 0;\n    const showRequiredIndicator = isRequired && (!isBooleanField || hasValidationRules);\n\n    // Pass through adorner props for adornable field types\n    const adornerProps = fieldDef && isAdornableField(fieldDef)\n      ? { prefix: fieldDef.prefix, suffix: fieldDef.suffix }\n      : {};\n\n    return {\n      name: path,\n      value: getValueAtPath(path),\n      type: fieldType,\n      label: fieldDef?.label || path.charAt(0).toUpperCase() + path.slice(1),\n      description: fieldDef?.description,\n      placeholder: fieldDef?.placeholder,\n      visible: visibility[path] !== false,\n      enabled: enabled[path] !== false,\n      readonly: readonly[path] ?? false,\n      required: isRequired,\n      showRequiredIndicator,\n      touched: isTouched,\n      errors: displayedErrors,\n      onChange: handlers.onChange,\n      onBlur: handlers.onBlur,\n      // ARIA accessibility attributes\n      \"aria-invalid\": hasErrors || undefined,\n      \"aria-describedby\": hasErrors ? `${path}-error` : undefined,\n      \"aria-required\": isRequired || undefined,\n      // Adorner props (only for adornable field types)\n      ...adornerProps,\n      // Presentation variant\n      variant: fieldDef?.variant,\n      variantConfig: fieldDef?.variantConfig,\n    };\n  }, [spec, state.touched, state.isSubmitted, visibility, enabled, readonly, required, validation.errors, validateOn, getValueAtPath, getFieldHandlers]);\n\n  // Get select field props - uses pre-computed optionsVisibility map\n  const getSelectFieldProps = useCallback((path: string): GetSelectFieldPropsResult => {\n    const baseProps = getFieldProps(path);\n\n    // Look up pre-computed visible options from memoized map\n    const visibleOptions = optionsVisibility[path] ?? [];\n\n    return {\n      ...baseProps,\n      options: visibleOptions as SelectOption[],\n    };\n  }, [getFieldProps, optionsVisibility]);\n\n  // Get array helpers\n  const getArrayHelpers = useCallback((path: string): GetArrayHelpersResult => {\n    const fieldDef = spec.fields[path];\n    const currentValue = (getValueAtPath(path) as unknown[]) ?? [];\n    const arrayDef = fieldDef?.type === \"array\" ? fieldDef : undefined;\n    const minItems = arrayDef?.minItems ?? 0;\n    const maxItems = arrayDef?.maxItems ?? Infinity;\n\n    const canAdd = currentValue.length < maxItems;\n    const canRemove = currentValue.length > minItems;\n\n    const getItemFieldProps = (index: number, fieldName: string): GetFieldPropsResult => {\n      const itemPath = `${path}[${index}].${fieldName}`;\n      const itemFieldDef = arrayDef?.itemFields?.[fieldName];\n      const handlers = getFieldHandlers(itemPath);\n\n      // Get item value\n      const item = (currentValue[index] as Record<string, unknown>) ?? {};\n      const itemValue = item[fieldName];\n\n      const fieldErrors = validation.errors.filter((e) => e.field === itemPath);\n      const isTouched = state.touched[itemPath] ?? false;\n      const showErrors = validateOn === \"change\" || (validateOn === \"blur\" && isTouched) || state.isSubmitted;\n\n      // Look up pre-computed visible options from memoized map\n      const visibleOptions = optionsVisibility[itemPath] as SelectOption[] | undefined;\n\n      return {\n        name: itemPath,\n        value: itemValue,\n        type: itemFieldDef?.type || \"text\",\n        label: itemFieldDef?.label || fieldName.charAt(0).toUpperCase() + fieldName.slice(1),\n        description: itemFieldDef?.description,\n        placeholder: itemFieldDef?.placeholder,\n        visible: true,\n        enabled: enabled[path] !== false,\n        readonly: readonly[itemPath] ?? false,\n        required: false, // TODO: Evaluate item field required\n        showRequiredIndicator: false, // Item fields don't show required indicator\n        touched: isTouched,\n        errors: showErrors ? fieldErrors : [],\n        onChange: handlers.onChange,\n        onBlur: handlers.onBlur,\n        options: visibleOptions,\n      };\n    };\n\n    return {\n      items: currentValue,\n      push: (item: unknown) => {\n        if (canAdd) {\n          setValueAtPath(path, [...currentValue, item]);\n        }\n      },\n      remove: (index: number) => {\n        if (canRemove) {\n          const newArray = [...currentValue];\n          newArray.splice(index, 1);\n          setValueAtPath(path, newArray);\n        }\n      },\n      move: (from: number, to: number) => {\n        const newArray = [...currentValue];\n        const [item] = newArray.splice(from, 1);\n        newArray.splice(to, 0, item);\n        setValueAtPath(path, newArray);\n      },\n      swap: (indexA: number, indexB: number) => {\n        const newArray = [...currentValue];\n        [newArray[indexA], newArray[indexB]] = [newArray[indexB], newArray[indexA]];\n        setValueAtPath(path, newArray);\n      },\n      insert: (index: number, item: unknown) => {\n        if (canAdd) {\n          const newArray = [...currentValue];\n          newArray.splice(index, 0, item);\n          setValueAtPath(path, newArray);\n        }\n      },\n      getItemFieldProps,\n      minItems,\n      maxItems,\n      canAdd,\n      canRemove,\n    };\n  }, [spec.fields, getValueAtPath, setValueAtPath, getFieldHandlers, enabled, readonly, state.touched, state.isSubmitted, validation.errors, validateOn, optionsVisibility]);\n\n  return {\n    data: state.data,\n    computed,\n    visibility,\n    required,\n    enabled,\n    readonly,\n    optionsVisibility,\n    touched: state.touched,\n    errors: validation.errors,\n    isValid: validation.valid,\n    isSubmitting: state.isSubmitting,\n    isSubmitted: state.isSubmitted,\n    isDirty: state.isDirty,\n    spec,\n    wizard,\n    setFieldValue,\n    setFieldTouched,\n    setValues,\n    validateField,\n    validateForm,\n    submitForm,\n    resetForm,\n    getFieldProps,\n    getSelectFieldProps,\n    getArrayHelpers,\n  };\n}\n","/**\n * FormRenderer Component\n *\n * Renders a complete form from a Forma specification.\n * Supports single-page and multi-page (wizard) forms.\n */\n\nimport React, { forwardRef, useImperativeHandle, useRef, useMemo, useCallback } from \"react\";\nimport type { Forma, FieldDefinition, ValidationResult, JSONSchemaProperty, SelectOption } from \"@fogpipe/forma-core\";\nimport { isAdornableField, isSelectionField } from \"@fogpipe/forma-core\";\nimport { useForma } from \"./useForma.js\";\nimport { FormaContext } from \"./context.js\";\nimport type { ComponentMap, LayoutProps, FieldWrapperProps, PageWrapperProps, BaseFieldProps, TextFieldProps, NumberFieldProps, SelectFieldProps, ArrayFieldProps, ArrayHelpers, DisplayFieldProps } from \"./types.js\";\n\n/**\n * Props for FormRenderer component\n */\nexport interface FormRendererProps {\n  /** The Forma specification */\n  spec: Forma;\n  /** Initial form data */\n  initialData?: Record<string, unknown>;\n  /** Submit handler */\n  onSubmit?: (data: Record<string, unknown>) => void | Promise<void>;\n  /** Change handler */\n  onChange?: (data: Record<string, unknown>, computed?: Record<string, unknown>) => void;\n  /** Component map for rendering fields */\n  components: ComponentMap;\n  /** Custom layout component */\n  layout?: React.ComponentType<LayoutProps>;\n  /** Custom field wrapper component */\n  fieldWrapper?: React.ComponentType<FieldWrapperProps>;\n  /** Custom page wrapper component */\n  pageWrapper?: React.ComponentType<PageWrapperProps>;\n  /** When to validate */\n  validateOn?: \"change\" | \"blur\" | \"submit\";\n  /** Current page for controlled wizard */\n  page?: number;\n}\n\n/**\n * Imperative handle for FormRenderer\n */\nexport interface FormRendererHandle {\n  submitForm: () => Promise<void>;\n  resetForm: () => void;\n  validateForm: () => ValidationResult;\n  focusField: (path: string) => void;\n  focusFirstError: () => void;\n  getValues: () => Record<string, unknown>;\n  setValues: (values: Record<string, unknown>) => void;\n  isValid: boolean;\n  isDirty: boolean;\n}\n\n/**\n * Default layout component\n */\nfunction DefaultLayout({ children, onSubmit, isSubmitting }: LayoutProps) {\n  return (\n    <form\n      onSubmit={(e) => {\n        e.preventDefault();\n        onSubmit();\n      }}\n    >\n      {children}\n      <button type=\"submit\" disabled={isSubmitting}>\n        {isSubmitting ? \"Submitting...\" : \"Submit\"}\n      </button>\n    </form>\n  );\n}\n\n/**\n * Default field wrapper component with accessibility support\n */\nfunction DefaultFieldWrapper({ fieldPath, field, children, errors, showRequiredIndicator, visible }: FieldWrapperProps) {\n  if (!visible) return null;\n\n  const errorId = `${fieldPath}-error`;\n  const descriptionId = field.description ? `${fieldPath}-description` : undefined;\n  const hasErrors = errors.length > 0;\n\n  return (\n    <div className=\"field-wrapper\" data-field-path={fieldPath}>\n      {field.label && (\n        <label htmlFor={fieldPath}>\n          {field.label}\n          {showRequiredIndicator && <span className=\"required\" aria-hidden=\"true\">*</span>}\n          {showRequiredIndicator && <span className=\"sr-only\"> (required)</span>}\n        </label>\n      )}\n      {children}\n      {hasErrors && (\n        <div\n          id={errorId}\n          className=\"field-errors\"\n          role=\"alert\"\n          aria-live=\"polite\"\n        >\n          {errors.map((error, i) => (\n            <span key={i} className=\"error\">\n              {error.message}\n            </span>\n          ))}\n        </div>\n      )}\n      {field.description && (\n        <p id={descriptionId} className=\"field-description\">\n          {field.description}\n        </p>\n      )}\n    </div>\n  );\n}\n\n/**\n * Default page wrapper component\n */\nfunction DefaultPageWrapper({ title, description, children }: PageWrapperProps) {\n  return (\n    <div className=\"page-wrapper\">\n      <h2>{title}</h2>\n      {description && <p>{description}</p>}\n      {children}\n    </div>\n  );\n}\n\n/**\n * Extract numeric constraints from JSON Schema property\n */\nfunction getNumberConstraints(schema?: JSONSchemaProperty): { min?: number; max?: number; step?: number } {\n  if (!schema) return {};\n  if (schema.type !== \"number\" && schema.type !== \"integer\") return {};\n\n  // Extract min/max from schema\n  const min = \"minimum\" in schema && typeof schema.minimum === \"number\" ? schema.minimum : undefined;\n  const max = \"maximum\" in schema && typeof schema.maximum === \"number\" ? schema.maximum : undefined;\n\n  // Use multipleOf for step if defined, otherwise default to 1 for integers\n  let step: number | undefined;\n  if (\"multipleOf\" in schema && typeof schema.multipleOf === \"number\") {\n    step = schema.multipleOf;\n  } else if (schema.type === \"integer\") {\n    step = 1;\n  }\n\n  return { min, max, step };\n}\n\n/**\n * Create a default item for an array field based on item field definitions\n */\nfunction createDefaultItem(itemFields: Record<string, FieldDefinition>): Record<string, unknown> {\n  const item: Record<string, unknown> = {};\n  for (const [fieldName, fieldDef] of Object.entries(itemFields)) {\n    if (fieldDef.type === \"boolean\") {\n      item[fieldName] = false;\n    } else if (fieldDef.type === \"number\" || fieldDef.type === \"integer\") {\n      item[fieldName] = null;\n    } else {\n      item[fieldName] = \"\";\n    }\n  }\n  return item;\n}\n\n/**\n * FormRenderer component\n */\nexport const FormRenderer = forwardRef<FormRendererHandle, FormRendererProps>(\n  function FormRenderer(props, ref) {\n    const {\n      spec,\n      initialData,\n      onSubmit,\n      onChange,\n      components,\n      layout: Layout = DefaultLayout,\n      fieldWrapper: FieldWrapper = DefaultFieldWrapper,\n      pageWrapper: PageWrapper = DefaultPageWrapper,\n      validateOn,\n    } = props;\n\n    const forma = useForma({\n      spec,\n      initialData,\n      onSubmit,\n      onChange,\n      validateOn,\n    });\n\n    const fieldRefs = useRef<Map<string, HTMLElement>>(new Map());\n\n    // Focus a specific field by path\n    const focusField = useCallback((path: string) => {\n      const element = fieldRefs.current.get(path);\n      element?.focus();\n    }, []);\n\n    // Focus the first field with an error\n    const focusFirstError = useCallback(() => {\n      const firstError = forma.errors[0];\n      if (firstError) {\n        focusField(firstError.field);\n      }\n    }, [forma.errors, focusField]);\n\n    // Expose imperative handle\n    useImperativeHandle(\n      ref,\n      () => ({\n        submitForm: forma.submitForm,\n        resetForm: forma.resetForm,\n        validateForm: forma.validateForm,\n        focusField,\n        focusFirstError,\n        getValues: () => forma.data,\n        setValues: forma.setValues,\n        isValid: forma.isValid,\n        isDirty: forma.isDirty,\n      }),\n      [forma, focusField, focusFirstError]\n    );\n\n    // Determine which fields to render based on pages or fieldOrder\n    const fieldsToRender = useMemo(() => {\n      if (spec.pages && spec.pages.length > 0 && forma.wizard) {\n        // Wizard mode - render fields for the active page\n        const currentPage = forma.wizard.currentPage;\n        if (currentPage) {\n          return currentPage.fields;\n        }\n        // Fallback to first page\n        return spec.pages[0]?.fields ?? [];\n      }\n      // Single page mode - render all fields in order\n      return spec.fieldOrder;\n    }, [spec.pages, spec.fieldOrder, forma.wizard]);\n\n    // Render a single field (memoized)\n    const renderField = useCallback((fieldPath: string) => {\n      const fieldDef = spec.fields[fieldPath];\n      if (!fieldDef) return null;\n\n      const isVisible = forma.visibility[fieldPath] !== false;\n      if (!isVisible) return null;\n\n      // Get field type (type is required on all field definitions)\n      const fieldType = fieldDef.type;\n      const componentKey = fieldType as keyof ComponentMap;\n      const Component = components[componentKey] || components.fallback;\n\n      if (!Component) {\n        console.warn(`No component found for field type: ${fieldType}`);\n        return null;\n      }\n\n      const errors = forma.errors.filter((e) => e.field === fieldPath);\n      const touched = forma.touched[fieldPath] ?? false;\n      const required = forma.required[fieldPath] ?? false;\n      const disabled = forma.enabled[fieldPath] === false;\n\n      // Get schema property for additional constraints\n      const schemaProperty = spec.schema.properties[fieldPath];\n\n      // Boolean fields: hide asterisk unless they have validation rules (consent pattern)\n      // - Binary question (\"Do you smoke?\"): no validation → false is valid → hide asterisk\n      // - Consent checkbox (\"I accept terms\"): has validation rule → show asterisk\n      const isBooleanField = schemaProperty?.type === \"boolean\" || fieldDef?.type === \"boolean\";\n      const hasValidationRules = (fieldDef?.validations?.length ?? 0) > 0;\n      const showRequiredIndicator = required && (!isBooleanField || hasValidationRules);\n\n      // Base field props\n      const isReadonly = forma.readonly[fieldPath] ?? false;\n      const baseProps: BaseFieldProps = {\n        name: fieldPath,\n        field: fieldDef,\n        value: forma.data[fieldPath],\n        touched,\n        required,\n        disabled,\n        errors,\n        onChange: (value: unknown) => forma.setFieldValue(fieldPath, value),\n        onBlur: () => forma.setFieldTouched(fieldPath),\n        // Convenience properties\n        visible: true, // Always true since we already filtered for visibility\n        enabled: !disabled,\n        readonly: isReadonly,\n        label: fieldDef.label ?? fieldPath,\n        description: fieldDef.description,\n        placeholder: fieldDef.placeholder,\n        // Adorner properties (only for adornable field types)\n        ...(isAdornableField(fieldDef) && {\n          prefix: fieldDef.prefix,\n          suffix: fieldDef.suffix,\n        }),\n        // Presentation variant\n        variant: fieldDef.variant,\n        variantConfig: fieldDef.variantConfig,\n      };\n\n      // Build type-specific props\n      let fieldProps: BaseFieldProps | TextFieldProps | NumberFieldProps | SelectFieldProps | ArrayFieldProps | DisplayFieldProps = baseProps;\n\n      if (fieldType === \"number\" || fieldType === \"integer\") {\n        const constraints = getNumberConstraints(schemaProperty);\n        fieldProps = {\n          ...baseProps,\n          fieldType,\n          value: baseProps.value as number | null,\n          onChange: baseProps.onChange as (value: number | null) => void,\n          ...constraints,\n        } as NumberFieldProps;\n      } else if (fieldType === \"select\" || fieldType === \"multiselect\") {\n        const selectOptions = isSelectionField(fieldDef) ? fieldDef.options : [];\n        fieldProps = {\n          ...baseProps,\n          fieldType,\n          value: baseProps.value as string | string[] | null,\n          onChange: baseProps.onChange as (value: string | string[] | null) => void,\n          options: forma.optionsVisibility[fieldPath] ?? selectOptions ?? [],\n        } as SelectFieldProps;\n      } else if (fieldType === \"array\" && fieldDef.type === \"array\" && fieldDef.itemFields) {\n        const arrayValue = Array.isArray(baseProps.value) ? baseProps.value : [];\n        const minItems = fieldDef.minItems ?? 0;\n        const maxItems = fieldDef.maxItems ?? Infinity;\n        const itemFieldDefs = fieldDef.itemFields;\n\n        // Get helpers from useForma - these are fresh on each render, avoiding stale closures\n        const baseHelpers = forma.getArrayHelpers(fieldPath);\n\n        // Wrap push to add default item creation when called without arguments\n        const pushWithDefault = (item?: unknown): void => {\n          const newItem = item ?? createDefaultItem(itemFieldDefs);\n          baseHelpers.push(newItem);\n        };\n\n        // Extend getItemFieldProps to include additional metadata (itemIndex, fieldName, options)\n        const getItemFieldPropsExtended = (index: number, fieldName: string) => {\n          const baseProps = baseHelpers.getItemFieldProps(index, fieldName);\n          const itemFieldDef = itemFieldDefs[fieldName];\n          const itemPath = `${fieldPath}[${index}].${fieldName}`;\n          return {\n            ...baseProps,\n            itemIndex: index,\n            fieldName,\n            options: (forma.optionsVisibility[itemPath] as SelectOption[] | undefined) ?? (itemFieldDef && isSelectionField(itemFieldDef) ? itemFieldDef.options : undefined),\n          };\n        };\n\n        const helpers: ArrayHelpers = {\n          items: arrayValue,\n          push: pushWithDefault,\n          insert: baseHelpers.insert,\n          remove: baseHelpers.remove,\n          move: baseHelpers.move,\n          swap: baseHelpers.swap,\n          getItemFieldProps: getItemFieldPropsExtended,\n          minItems,\n          maxItems,\n          canAdd: arrayValue.length < maxItems,\n          canRemove: arrayValue.length > minItems,\n        };\n        fieldProps = {\n          ...baseProps,\n          fieldType: \"array\",\n          value: arrayValue,\n          onChange: baseProps.onChange as (value: unknown[]) => void,\n          helpers,\n          itemFields: itemFieldDefs,\n          minItems,\n          maxItems,\n        } as ArrayFieldProps;\n      } else if (fieldType === \"display\" && fieldDef.type === \"display\") {\n        // Display fields (read-only presentation content)\n        // Resolve source value if the display field has a source property\n        const sourceValue = fieldDef.source ? forma.data[fieldDef.source] ?? forma.computed[fieldDef.source] : undefined;\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        const { onChange: _onChange, value: _value, ...displayBaseProps } = baseProps;\n        fieldProps = {\n          ...displayBaseProps,\n          fieldType: \"display\",\n          content: fieldDef.content,\n          sourceValue,\n          format: fieldDef.format,\n        } as DisplayFieldProps;\n      } else {\n        // Text-based fields\n        fieldProps = {\n          ...baseProps,\n          fieldType: fieldType as \"text\" | \"email\" | \"password\" | \"url\" | \"textarea\",\n          value: (baseProps.value as string) ?? \"\",\n          onChange: baseProps.onChange as (value: string) => void,\n        };\n      }\n\n      // Wrap props in { field, spec } structure for components\n      const componentProps = { field: fieldProps, spec };\n\n      return (\n        <FieldWrapper\n          key={fieldPath}\n          fieldPath={fieldPath}\n          field={fieldDef}\n          errors={errors}\n          touched={touched}\n          required={required}\n          showRequiredIndicator={showRequiredIndicator}\n          visible={isVisible}\n        >\n          {React.createElement(Component as React.ComponentType<typeof componentProps>, componentProps)}\n        </FieldWrapper>\n      );\n    }, [spec, forma, components, FieldWrapper]);\n\n    // Render fields (memoized)\n    const renderedFields = useMemo(\n      () => fieldsToRender.map(renderField),\n      [fieldsToRender, renderField]\n    );\n\n    // Render with page wrapper if using pages\n    const content = useMemo(() => {\n      if (spec.pages && spec.pages.length > 0 && forma.wizard) {\n        const currentPage = forma.wizard.currentPage;\n        if (!currentPage) return null;\n\n        return (\n          <PageWrapper\n            title={currentPage.title}\n            description={currentPage.description}\n            pageIndex={forma.wizard.currentPageIndex}\n            totalPages={forma.wizard.pages.length}\n          >\n            {renderedFields}\n          </PageWrapper>\n        );\n      }\n\n      return <>{renderedFields}</>;\n    }, [spec.pages, forma.wizard, PageWrapper, renderedFields]);\n\n    return (\n      <FormaContext.Provider value={forma}>\n        <Layout\n          onSubmit={forma.submitForm}\n          isSubmitting={forma.isSubmitting}\n          isValid={forma.isValid}\n        >\n          {content}\n        </Layout>\n      </FormaContext.Provider>\n    );\n  }\n);\n","/**\n * React Context for Forma\n */\n\nimport { createContext, useContext } from \"react\";\nimport type { UseFormaReturn } from \"./useForma.js\";\n\n/**\n * Context for sharing form state across components\n */\nexport const FormaContext = createContext<UseFormaReturn | null>(null);\n\n/**\n * Hook to access Forma context\n * @throws Error if used outside of FormaContext.Provider\n */\nexport function useFormaContext(): UseFormaReturn {\n  const context = useContext(FormaContext);\n  if (!context) {\n    throw new Error(\"useFormaContext must be used within a FormaContext.Provider\");\n  }\n  return context;\n}\n","/**\n * FieldRenderer Component\n *\n * Routes a single field to the appropriate component based on its type.\n * This is useful for custom form layouts where you need field-by-field control.\n */\n\nimport React from \"react\";\nimport type { FieldDefinition, JSONSchemaProperty, SelectOption } from \"@fogpipe/forma-core\";\nimport { isAdornableField } from \"@fogpipe/forma-core\";\nimport { useFormaContext } from \"./context.js\";\nimport type {\n  ComponentMap,\n  BaseFieldProps,\n  TextFieldProps,\n  NumberFieldProps,\n  IntegerFieldProps,\n  SelectFieldProps,\n  MultiSelectFieldProps,\n  ArrayFieldProps,\n  ArrayHelpers,\n  DisplayFieldProps,\n} from \"./types.js\";\n\n/**\n * Props for FieldRenderer component\n */\nexport interface FieldRendererProps {\n  /** Field path (e.g., \"firstName\" or \"address.city\") */\n  fieldPath: string;\n  /** Component map for rendering fields */\n  components: ComponentMap;\n  /** Optional class name for the wrapper */\n  className?: string;\n}\n\n/**\n * Extract numeric constraints from JSON Schema property\n */\nfunction getNumberConstraints(schema?: JSONSchemaProperty): { min?: number; max?: number; step?: number } {\n  if (!schema) return {};\n  if (schema.type !== \"number\" && schema.type !== \"integer\") return {};\n\n  // Extract min/max from schema\n  const min = \"minimum\" in schema && typeof schema.minimum === \"number\" ? schema.minimum : undefined;\n  const max = \"maximum\" in schema && typeof schema.maximum === \"number\" ? schema.maximum : undefined;\n\n  // Use multipleOf for step if defined, otherwise default to 1 for integers\n  let step: number | undefined;\n  if (\"multipleOf\" in schema && typeof schema.multipleOf === \"number\") {\n    step = schema.multipleOf;\n  } else if (schema.type === \"integer\") {\n    step = 1;\n  }\n\n  return { min, max, step };\n}\n\n/**\n * Create a default item for an array field based on item field definitions\n */\nfunction createDefaultItem(itemFields: Record<string, FieldDefinition>): Record<string, unknown> {\n  const item: Record<string, unknown> = {};\n  for (const [fieldName, fieldDef] of Object.entries(itemFields)) {\n    if (fieldDef.type === \"boolean\") {\n      item[fieldName] = false;\n    } else if (fieldDef.type === \"number\" || fieldDef.type === \"integer\") {\n      item[fieldName] = null;\n    } else {\n      item[fieldName] = \"\";\n    }\n  }\n  return item;\n}\n\n/**\n * FieldRenderer component\n *\n * @example\n * ```tsx\n * // Render a specific field with custom components\n * <FieldRenderer fieldPath=\"email\" components={componentMap} />\n * ```\n */\nexport function FieldRenderer({ fieldPath, components, className }: FieldRendererProps) {\n  const forma = useFormaContext();\n  const { spec } = forma;\n\n  const fieldDef = spec.fields[fieldPath];\n  if (!fieldDef) {\n    console.warn(`Field not found: ${fieldPath}`);\n    return null;\n  }\n\n  const isVisible = forma.visibility[fieldPath] !== false;\n  if (!isVisible) return null;\n\n  // Get field type (type is required on all field definitions)\n  const fieldType = fieldDef.type;\n  const componentKey = fieldType as keyof ComponentMap;\n  const Component = components[componentKey] || components.fallback;\n\n  if (!Component) {\n    console.warn(`No component found for field type: ${fieldType}`);\n    return null;\n  }\n\n  const errors = forma.errors.filter((e) => e.field === fieldPath);\n  const touched = forma.touched[fieldPath] ?? false;\n  const required = forma.required[fieldPath] ?? false;\n  const disabled = forma.enabled[fieldPath] === false;\n\n  // Get schema property for additional constraints\n  const schemaProperty = spec.schema.properties[fieldPath];\n\n  // Base field props\n  const isReadonly = forma.readonly[fieldPath] ?? false;\n  const baseProps: BaseFieldProps = {\n    name: fieldPath,\n    field: fieldDef,\n    value: forma.data[fieldPath],\n    touched,\n    required,\n    disabled,\n    errors,\n    onChange: (value: unknown) => forma.setFieldValue(fieldPath, value),\n    onBlur: () => forma.setFieldTouched(fieldPath),\n    // Convenience properties\n    visible: true, // Always true since we already filtered for visibility\n    enabled: !disabled,\n    readonly: isReadonly,\n    label: fieldDef.label ?? fieldPath,\n    description: fieldDef.description,\n    placeholder: fieldDef.placeholder,\n    // Adorner properties (only for adornable field types)\n    ...(isAdornableField(fieldDef) && {\n      prefix: fieldDef.prefix,\n      suffix: fieldDef.suffix,\n    }),\n    // Presentation variant\n    variant: fieldDef.variant,\n    variantConfig: fieldDef.variantConfig,\n  };\n\n  // Build type-specific props\n  let fieldProps: BaseFieldProps | TextFieldProps | NumberFieldProps | IntegerFieldProps | SelectFieldProps | MultiSelectFieldProps | ArrayFieldProps | DisplayFieldProps = baseProps;\n\n  if (fieldType === \"number\") {\n    const constraints = getNumberConstraints(schemaProperty);\n    fieldProps = {\n      ...baseProps,\n      fieldType: \"number\",\n      value: baseProps.value as number | null,\n      onChange: baseProps.onChange as (value: number | null) => void,\n      ...constraints,\n    } as NumberFieldProps;\n  } else if (fieldType === \"integer\") {\n    const constraints = getNumberConstraints(schemaProperty);\n    fieldProps = {\n      ...baseProps,\n      fieldType: \"integer\",\n      value: baseProps.value as number | null,\n      onChange: baseProps.onChange as (value: number | null) => void,\n      min: constraints.min,\n      max: constraints.max,\n    } as IntegerFieldProps;\n  } else if (fieldType === \"select\") {\n    // Use pre-computed visible options from memoized map\n    const visibleOptions = (forma.optionsVisibility[fieldPath] ?? []) as SelectOption[];\n    fieldProps = {\n      ...baseProps,\n      fieldType: \"select\",\n      value: baseProps.value as string | null,\n      onChange: baseProps.onChange as (value: string | null) => void,\n      options: visibleOptions,\n    } as SelectFieldProps;\n  } else if (fieldType === \"multiselect\") {\n    // Use pre-computed visible options from memoized map\n    const visibleOptions = (forma.optionsVisibility[fieldPath] ?? []) as SelectOption[];\n    fieldProps = {\n      ...baseProps,\n      fieldType: \"multiselect\",\n      value: (baseProps.value as string[] | undefined) ?? [],\n      onChange: baseProps.onChange as (value: string[]) => void,\n      options: visibleOptions,\n    } as MultiSelectFieldProps;\n  } else if (fieldType === \"array\" && fieldDef.type === \"array\" && fieldDef.itemFields) {\n    const arrayValue = (baseProps.value as unknown[] | undefined) ?? [];\n    const minItems = fieldDef.minItems ?? 0;\n    const maxItems = fieldDef.maxItems ?? Infinity;\n    const itemFieldDefs = fieldDef.itemFields;\n\n    const helpers: ArrayHelpers = {\n      items: arrayValue,\n      push: (item?: unknown) => {\n        const newItem = item ?? createDefaultItem(itemFieldDefs);\n        forma.setFieldValue(fieldPath, [...arrayValue, newItem]);\n      },\n      insert: (index: number, item: unknown) => {\n        const newArray = [...arrayValue];\n        newArray.splice(index, 0, item);\n        forma.setFieldValue(fieldPath, newArray);\n      },\n      remove: (index: number) => {\n        const newArray = [...arrayValue];\n        newArray.splice(index, 1);\n        forma.setFieldValue(fieldPath, newArray);\n      },\n      move: (from: number, to: number) => {\n        const newArray = [...arrayValue];\n        const [item] = newArray.splice(from, 1);\n        newArray.splice(to, 0, item);\n        forma.setFieldValue(fieldPath, newArray);\n      },\n      swap: (indexA: number, indexB: number) => {\n        const newArray = [...arrayValue];\n        [newArray[indexA], newArray[indexB]] = [newArray[indexB], newArray[indexA]];\n        forma.setFieldValue(fieldPath, newArray);\n      },\n      getItemFieldProps: (index: number, fieldName: string) => {\n        const itemFieldDef = itemFieldDefs[fieldName];\n        const itemPath = `${fieldPath}[${index}].${fieldName}`;\n        const item = (arrayValue[index] as Record<string, unknown>) ?? {};\n        const itemValue = item[fieldName];\n\n        // Use pre-computed visible options from memoized map\n        const visibleOptions = forma.optionsVisibility[itemPath] as SelectOption[] | undefined;\n\n        return {\n          name: itemPath,\n          value: itemValue,\n          type: itemFieldDef?.type ?? \"text\",\n          label: itemFieldDef?.label ?? fieldName,\n          description: itemFieldDef?.description,\n          placeholder: itemFieldDef?.placeholder,\n          visible: true,\n          enabled: !disabled,\n          readonly: forma.readonly[itemPath] ?? false,\n          required: itemFieldDef?.requiredWhen === \"true\",\n          touched: forma.touched[itemPath] ?? false,\n          errors: forma.errors.filter((e) => e.field === itemPath),\n          onChange: (value: unknown) => {\n            const newArray = [...arrayValue];\n            const existingItem = (newArray[index] ?? {}) as Record<string, unknown>;\n            newArray[index] = { ...existingItem, [fieldName]: value };\n            forma.setFieldValue(fieldPath, newArray);\n          },\n          onBlur: () => forma.setFieldTouched(itemPath),\n          itemIndex: index,\n          fieldName,\n          options: visibleOptions,\n        };\n      },\n      minItems,\n      maxItems,\n      canAdd: arrayValue.length < maxItems,\n      canRemove: arrayValue.length > minItems,\n    };\n    fieldProps = {\n      ...baseProps,\n      fieldType: \"array\",\n      value: arrayValue,\n      onChange: baseProps.onChange as (value: unknown[]) => void,\n      helpers,\n      itemFields: itemFieldDefs,\n      minItems,\n      maxItems,\n    } as ArrayFieldProps;\n  } else if (fieldType === \"display\" && fieldDef.type === \"display\") {\n    // Display fields (read-only presentation content)\n    const sourceValue = fieldDef.source ? forma.data[fieldDef.source] ?? forma.computed[fieldDef.source] : undefined;\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { onChange: _onChange, value: _value, ...displayBaseProps } = baseProps;\n    fieldProps = {\n      ...displayBaseProps,\n      fieldType: \"display\",\n      content: fieldDef.content,\n      sourceValue,\n      format: fieldDef.format,\n    } as DisplayFieldProps;\n  } else {\n    // Text-based fields\n    fieldProps = {\n      ...baseProps,\n      fieldType: fieldType as \"text\" | \"email\" | \"password\" | \"url\" | \"textarea\",\n      value: (baseProps.value as string) ?? \"\",\n      onChange: baseProps.onChange as (value: string) => void,\n    };\n  }\n\n  // Wrap props in { field, spec } structure for components\n  const componentProps = { field: fieldProps, spec };\n  const element = React.createElement(Component as React.ComponentType<typeof componentProps>, componentProps);\n\n  if (className) {\n    return <div className={className}>{element}</div>;\n  }\n\n  return element;\n}\n","/**\n * FormaErrorBoundary Component\n *\n * Error boundary for catching render errors in form components.\n * Provides graceful error handling and recovery options.\n */\n\nimport React from \"react\";\n\n/**\n * Props for FormaErrorBoundary component\n */\nexport interface FormaErrorBoundaryProps {\n  /** Child components to render */\n  children: React.ReactNode;\n  /** Custom fallback UI to show when an error occurs */\n  fallback?: React.ReactNode | ((error: Error, reset: () => void) => React.ReactNode);\n  /** Callback when an error is caught */\n  onError?: (error: Error, errorInfo: React.ErrorInfo) => void;\n  /** Key to reset the error boundary (change this to reset) */\n  resetKey?: string | number;\n}\n\n/**\n * State for FormaErrorBoundary component\n */\ninterface FormaErrorBoundaryState {\n  hasError: boolean;\n  error: Error | null;\n}\n\n/**\n * Default fallback component shown when an error occurs\n */\nfunction DefaultErrorFallback({ error, onReset }: { error: Error; onReset: () => void }) {\n  return (\n    <div className=\"forma-error-boundary\" role=\"alert\">\n      <h3>Something went wrong</h3>\n      <p>An error occurred while rendering the form.</p>\n      <details>\n        <summary>Error details</summary>\n        <pre>{error.message}</pre>\n      </details>\n      <button type=\"button\" onClick={onReset}>\n        Try again\n      </button>\n    </div>\n  );\n}\n\n/**\n * Error boundary component for Forma forms\n *\n * Catches JavaScript errors in child component tree and displays\n * a fallback UI instead of crashing the entire application.\n *\n * @example\n * ```tsx\n * <FormaErrorBoundary\n *   fallback={<div>Form error occurred</div>}\n *   onError={(error) => logError(error)}\n * >\n *   <FormRenderer spec={spec} components={components} />\n * </FormaErrorBoundary>\n * ```\n */\nexport class FormaErrorBoundary extends React.Component<\n  FormaErrorBoundaryProps,\n  FormaErrorBoundaryState\n> {\n  constructor(props: FormaErrorBoundaryProps) {\n    super(props);\n    this.state = { hasError: false, error: null };\n  }\n\n  static getDerivedStateFromError(error: Error): FormaErrorBoundaryState {\n    return { hasError: true, error };\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {\n    this.props.onError?.(error, errorInfo);\n  }\n\n  componentDidUpdate(prevProps: FormaErrorBoundaryProps): void {\n    // Reset error state when resetKey changes\n    if (\n      this.state.hasError &&\n      prevProps.resetKey !== this.props.resetKey\n    ) {\n      this.setState({ hasError: false, error: null });\n    }\n  }\n\n  reset = (): void => {\n    this.setState({ hasError: false, error: null });\n  };\n\n  render(): React.ReactNode {\n    if (this.state.hasError && this.state.error) {\n      const { fallback } = this.props;\n\n      if (typeof fallback === \"function\") {\n        return fallback(this.state.error, this.reset);\n      }\n\n      if (fallback) {\n        return fallback;\n      }\n\n      return <DefaultErrorFallback error={this.state.error} onReset={this.reset} />;\n    }\n\n    return this.props.children;\n  }\n}\n"],"mappings":"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","names":["schemaProperty","useRef","useMemo","useCallback","isAdornableField","FormRenderer","useRef","useCallback","useMemo","isAdornableField","baseProps","React","isAdornableField","jsx","getNumberConstraints","createDefaultItem","isAdornableField","React","React","jsx","jsxs"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fogpipe/forma-react",
-  "version": "0.11.2",
+  "version": "0.12.0-alpha.1",
   "description": "Headless React form renderer for Forma specifications",
   "type": "module",
   "main": "./dist/index.js",
@@ -11,6 +11,10 @@
       "import": {
         "types": "./dist/index.d.ts",
         "default": "./dist/index.js"
+      },
+      "default": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
       }
     }
   },
@@ -30,7 +34,7 @@
     "test:coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "@fogpipe/forma-core": "^0.11.2"
+    "@fogpipe/forma-core": "^0.12.0-alpha.1"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0"

package/src/FieldRenderer.tsx

@@ -7,6 +7,7 @@
 
 import React from "react";
 import type { FieldDefinition, JSONSchemaProperty, SelectOption } from "@fogpipe/forma-core";
+import { isAdornableField } from "@fogpipe/forma-core";
 import { useFormaContext } from "./context.js";
 import type {
   ComponentMap,
@@ -18,6 +19,7 @@ import type {
   MultiSelectFieldProps,
   ArrayFieldProps,
   ArrayHelpers,
+  DisplayFieldProps,
 } from "./types.js";
 
 /**
@@ -93,8 +95,8 @@ export function FieldRenderer({ fieldPath, components, className }: FieldRendere
   const isVisible = forma.visibility[fieldPath] !== false;
   if (!isVisible) return null;
 
-  // Infer field type
-  const fieldType = fieldDef.type || (fieldDef.itemFields ? "array" : "text");
+  // Get field type (type is required on all field definitions)
+  const fieldType = fieldDef.type;
   const componentKey = fieldType as keyof ComponentMap;
   const Component = components[componentKey] || components.fallback;
 
@@ -112,6 +114,7 @@ export function FieldRenderer({ fieldPath, components, className }: FieldRendere
   const schemaProperty = spec.schema.properties[fieldPath];
 
   // Base field props
+  const isReadonly = forma.readonly[fieldPath] ?? false;
   const baseProps: BaseFieldProps = {
     name: fieldPath,
     field: fieldDef,
@@ -125,13 +128,22 @@ export function FieldRenderer({ fieldPath, components, className }: FieldRendere
     // Convenience properties
     visible: true, // Always true since we already filtered for visibility
     enabled: !disabled,
+    readonly: isReadonly,
     label: fieldDef.label ?? fieldPath,
     description: fieldDef.description,
     placeholder: fieldDef.placeholder,
+    // Adorner properties (only for adornable field types)
+    ...(isAdornableField(fieldDef) && {
+      prefix: fieldDef.prefix,
+      suffix: fieldDef.suffix,
+    }),
+    // Presentation variant
+    variant: fieldDef.variant,
+    variantConfig: fieldDef.variantConfig,
   };
 
   // Build type-specific props
-  let fieldProps: BaseFieldProps | TextFieldProps | NumberFieldProps | IntegerFieldProps | SelectFieldProps | MultiSelectFieldProps | ArrayFieldProps = baseProps;
+  let fieldProps: BaseFieldProps | TextFieldProps | NumberFieldProps | IntegerFieldProps | SelectFieldProps | MultiSelectFieldProps | ArrayFieldProps | DisplayFieldProps = baseProps;
 
   if (fieldType === "number") {
     const constraints = getNumberConstraints(schemaProperty);
@@ -172,7 +184,7 @@ export function FieldRenderer({ fieldPath, components, className }: FieldRendere
       onChange: baseProps.onChange as (value: string[]) => void,
       options: visibleOptions,
     } as MultiSelectFieldProps;
-  } else if (fieldType === "array" && fieldDef.itemFields) {
+  } else if (fieldType === "array" && fieldDef.type === "array" && fieldDef.itemFields) {
     const arrayValue = (baseProps.value as unknown[] | undefined) ?? [];
     const minItems = fieldDef.minItems ?? 0;
     const maxItems = fieldDef.maxItems ?? Infinity;
@@ -223,6 +235,7 @@ export function FieldRenderer({ fieldPath, components, className }: FieldRendere
           placeholder: itemFieldDef?.placeholder,
           visible: true,
           enabled: !disabled,
+          readonly: forma.readonly[itemPath] ?? false,
           required: itemFieldDef?.requiredWhen === "true",
           touched: forma.touched[itemPath] ?? false,
           errors: forma.errors.filter((e) => e.field === itemPath),
@@ -253,6 +266,18 @@ export function FieldRenderer({ fieldPath, components, className }: FieldRendere
       minItems,
       maxItems,
     } as ArrayFieldProps;
+  } else if (fieldType === "display" && fieldDef.type === "display") {
+    // Display fields (read-only presentation content)
+    const sourceValue = fieldDef.source ? forma.data[fieldDef.source] ?? forma.computed[fieldDef.source] : undefined;
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const { onChange: _onChange, value: _value, ...displayBaseProps } = baseProps;
+    fieldProps = {
+      ...displayBaseProps,
+      fieldType: "display",
+      content: fieldDef.content,
+      sourceValue,
+      format: fieldDef.format,
+    } as DisplayFieldProps;
   } else {
     // Text-based fields
     fieldProps = {

package/src/FormRenderer.tsx

@@ -7,9 +7,10 @@
 
 import React, { forwardRef, useImperativeHandle, useRef, useMemo, useCallback } from "react";
 import type { Forma, FieldDefinition, ValidationResult, JSONSchemaProperty, SelectOption } from "@fogpipe/forma-core";
+import { isAdornableField, isSelectionField } from "@fogpipe/forma-core";
 import { useForma } from "./useForma.js";
 import { FormaContext } from "./context.js";
-import type { ComponentMap, LayoutProps, FieldWrapperProps, PageWrapperProps, BaseFieldProps, TextFieldProps, NumberFieldProps, SelectFieldProps, ArrayFieldProps, ArrayHelpers } from "./types.js";
+import type { ComponentMap, LayoutProps, FieldWrapperProps, PageWrapperProps, BaseFieldProps, TextFieldProps, NumberFieldProps, SelectFieldProps, ArrayFieldProps, ArrayHelpers, DisplayFieldProps } from "./types.js";
 
 /**
  * Props for FormRenderer component
@@ -247,8 +248,8 @@ export const FormRenderer = forwardRef<FormRendererHandle, FormRendererProps>(
       const isVisible = forma.visibility[fieldPath] !== false;
       if (!isVisible) return null;
 
-      // Infer field type
-      const fieldType = fieldDef.type || (fieldDef.itemFields ? "array" : "text");
+      // Get field type (type is required on all field definitions)
+      const fieldType = fieldDef.type;
       const componentKey = fieldType as keyof ComponentMap;
       const Component = components[componentKey] || components.fallback;
 
@@ -273,6 +274,7 @@ export const FormRenderer = forwardRef<FormRendererHandle, FormRendererProps>(
       const showRequiredIndicator = required && (!isBooleanField || hasValidationRules);
 
       // Base field props
+      const isReadonly = forma.readonly[fieldPath] ?? false;
       const baseProps: BaseFieldProps = {
         name: fieldPath,
         field: fieldDef,
@@ -286,13 +288,22 @@ export const FormRenderer = forwardRef<FormRendererHandle, FormRendererProps>(
         // Convenience properties
         visible: true, // Always true since we already filtered for visibility
         enabled: !disabled,
+        readonly: isReadonly,
         label: fieldDef.label ?? fieldPath,
         description: fieldDef.description,
         placeholder: fieldDef.placeholder,
+        // Adorner properties (only for adornable field types)
+        ...(isAdornableField(fieldDef) && {
+          prefix: fieldDef.prefix,
+          suffix: fieldDef.suffix,
+        }),
+        // Presentation variant
+        variant: fieldDef.variant,
+        variantConfig: fieldDef.variantConfig,
       };
 
       // Build type-specific props
-      let fieldProps: BaseFieldProps | TextFieldProps | NumberFieldProps | SelectFieldProps | ArrayFieldProps = baseProps;
+      let fieldProps: BaseFieldProps | TextFieldProps | NumberFieldProps | SelectFieldProps | ArrayFieldProps | DisplayFieldProps = baseProps;
 
       if (fieldType === "number" || fieldType === "integer") {
         const constraints = getNumberConstraints(schemaProperty);
@@ -304,14 +315,15 @@ export const FormRenderer = forwardRef<FormRendererHandle, FormRendererProps>(
           ...constraints,
         } as NumberFieldProps;
       } else if (fieldType === "select" || fieldType === "multiselect") {
+        const selectOptions = isSelectionField(fieldDef) ? fieldDef.options : [];
         fieldProps = {
           ...baseProps,
           fieldType,
           value: baseProps.value as string | string[] | null,
           onChange: baseProps.onChange as (value: string | string[] | null) => void,
-          options: forma.optionsVisibility[fieldPath] ?? fieldDef.options ?? [],
+          options: forma.optionsVisibility[fieldPath] ?? selectOptions ?? [],
         } as SelectFieldProps;
-      } else if (fieldType === "array" && fieldDef.itemFields) {
+      } else if (fieldType === "array" && fieldDef.type === "array" && fieldDef.itemFields) {
         const arrayValue = Array.isArray(baseProps.value) ? baseProps.value : [];
         const minItems = fieldDef.minItems ?? 0;
         const maxItems = fieldDef.maxItems ?? Infinity;
@@ -335,7 +347,7 @@ export const FormRenderer = forwardRef<FormRendererHandle, FormRendererProps>(
             ...baseProps,
             itemIndex: index,
             fieldName,
-            options: (forma.optionsVisibility[itemPath] as SelectOption[] | undefined) ?? itemFieldDef?.options,
+            options: (forma.optionsVisibility[itemPath] as SelectOption[] | undefined) ?? (itemFieldDef && isSelectionField(itemFieldDef) ? itemFieldDef.options : undefined),
           };
         };
 
@@ -362,6 +374,19 @@ export const FormRenderer = forwardRef<FormRendererHandle, FormRendererProps>(
           minItems,
           maxItems,
         } as ArrayFieldProps;
+      } else if (fieldType === "display" && fieldDef.type === "display") {
+        // Display fields (read-only presentation content)
+        // Resolve source value if the display field has a source property
+        const sourceValue = fieldDef.source ? forma.data[fieldDef.source] ?? forma.computed[fieldDef.source] : undefined;
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const { onChange: _onChange, value: _value, ...displayBaseProps } = baseProps;
+        fieldProps = {
+          ...displayBaseProps,
+          fieldType: "display",
+          content: fieldDef.content,
+          sourceValue,
+          format: fieldDef.format,
+        } as DisplayFieldProps;
       } else {
         // Text-based fields
         fieldProps = {

package/src/index.ts

@@ -79,6 +79,8 @@ export type {
   ArrayComponentProps,
   ObjectComponentProps,
   ComputedComponentProps,
+  DisplayFieldProps,
+  DisplayComponentProps,
   ComponentMap,
 
   // Form state

package/src/types.ts

@@ -31,12 +31,22 @@ export interface BaseFieldProps {
   visible: boolean;
   /** Whether field is enabled (inverse of disabled) */
   enabled: boolean;
+  /** Whether field is readonly (visible, not editable, value still submitted) */
+  readonly: boolean;
   /** Display label from field definition */
   label: string;
   /** Help text or description from field definition */
   description?: string;
   /** Placeholder text from field definition */
   placeholder?: string;
+  /** Prefix adorner text (e.g., "$") - only for adornable field types */
+  prefix?: string;
+  /** Suffix adorner text (e.g., "kg") - only for adornable field types */
+  suffix?: string;
+  /** Presentation variant hint (e.g., "slider", "radio", "nps") */
+  variant?: string;
+  /** Variant-specific configuration */
+  variantConfig?: Record<string, unknown>;
 }
 
 /**
@@ -239,6 +249,22 @@ export interface ArrayItemFieldProps extends Omit<BaseFieldProps, "value" | "onC
   fieldName: string;
 }
 
+/**
+ * Props for display fields (read-only presentation content)
+ */
+export interface DisplayFieldProps extends Omit<BaseFieldProps, "value" | "onChange"> {
+  fieldType: "display";
+  /** Static content (markdown/text) */
+  content?: string;
+  /** Computed source value (resolved by useForma from display field's source property) */
+  sourceValue?: unknown;
+  /** Display format string */
+  format?: string;
+  /** No onChange - display fields are read-only */
+  onChange?: never;
+  value?: never;
+}
+
 /**
  * Union of all field prop types
  */
@@ -253,7 +279,8 @@ export type FieldProps =
   | MultiSelectFieldProps
   | ArrayFieldProps
   | ObjectFieldProps
-  | ComputedFieldProps;
+  | ComputedFieldProps
+  | DisplayFieldProps;
 
 /**
  * Map of field types to React components
@@ -275,6 +302,7 @@ export interface ComponentMap {
   array?: React.ComponentType<ArrayComponentProps>;
   object?: React.ComponentType<ObjectComponentProps>;
   computed?: React.ComponentType<ComputedComponentProps>;
+  display?: React.ComponentType<DisplayComponentProps>;
   fallback?: React.ComponentType<FieldComponentProps>;
 }
 
@@ -382,6 +410,11 @@ export interface ComputedComponentProps {
   spec: Forma;
 }
 
+export interface DisplayComponentProps {
+  field: DisplayFieldProps;
+  spec: Forma;
+}
+
 /**
  * Generic field component props (for fallback/dynamic components)
  */
@@ -427,6 +460,8 @@ export interface GetFieldPropsResult {
   visible: boolean;
   /** Whether field is enabled (not disabled) */
   enabled: boolean;
+  /** Whether field is readonly (visible, not editable, value still submitted) */
+  readonly: boolean;
   /** Whether field is required (for validation) */
   required: boolean;
   /**
@@ -451,6 +486,14 @@ export interface GetFieldPropsResult {
   "aria-required"?: boolean;
   /** Options for select/multiselect fields (filtered by visibleWhen) */
   options?: SelectOption[];
+  /** Prefix adorner text (e.g., "$") */
+  prefix?: string;
+  /** Suffix adorner text (e.g., "kg") */
+  suffix?: string;
+  /** Presentation variant hint */
+  variant?: string;
+  /** Variant-specific configuration */
+  variantConfig?: Record<string, unknown>;
 }
 
 /**

package/src/useForma.ts

@@ -7,11 +7,13 @@
 
 import { useCallback, useEffect, useMemo, useReducer, useRef, useState } from "react";
 import type { Forma, FieldError, ValidationResult, SelectOption } from "@fogpipe/forma-core";
+import { isAdornableField } from "@fogpipe/forma-core";
 import type { GetFieldPropsResult, GetSelectFieldPropsResult, GetArrayHelpersResult } from "./types.js";
 import {
   getVisibility,
   getRequired,
   getEnabled,
+  getReadonly,
   validate,
   calculate,
   getPageVisibility,
@@ -110,6 +112,8 @@ export interface UseFormaReturn {
   required: Record<string, boolean>;
   /** Field enabled state map */
   enabled: Record<string, boolean>;
+  /** Field readonly state map */
+  readonly: Record<string, boolean>;
   /** Visible options for select/multiselect fields, keyed by field path */
   optionsVisibility: OptionsVisibilityResult;
   /** Field touched state map */
@@ -272,6 +276,12 @@ export function useForma(options: UseFormaOptions): UseFormaReturn {
     [state.data, spec, computed]
   );
 
+  // Calculate readonly state
+  const readonly = useMemo(
+    () => getReadonly(state.data, spec, { computed }),
+    [state.data, spec, computed]
+  );
+
   // Calculate visible options for all select/multiselect fields (memoized)
   const optionsVisibility = useMemo(
     () => getOptionsVisibility(state.data, spec, { computed }),
@@ -543,7 +553,7 @@ export function useForma(options: UseFormaOptions): UseFormaReturn {
     // Also include array item field patterns
     for (const fieldId of spec.fieldOrder) {
       const fieldDef = spec.fields[fieldId];
-      if (fieldDef?.itemFields) {
+      if (fieldDef?.type === "array" && fieldDef.itemFields) {
         for (const key of fieldHandlers.current.keys()) {
           if (key.startsWith(`${fieldId}[`)) {
             validFields.add(key);
@@ -610,6 +620,11 @@ export function useForma(options: UseFormaOptions): UseFormaReturn {
     const hasValidationRules = (fieldDef?.validations?.length ?? 0) > 0;
     const showRequiredIndicator = isRequired && (!isBooleanField || hasValidationRules);
 
+    // Pass through adorner props for adornable field types
+    const adornerProps = fieldDef && isAdornableField(fieldDef)
+      ? { prefix: fieldDef.prefix, suffix: fieldDef.suffix }
+      : {};
+
     return {
       name: path,
       value: getValueAtPath(path),
@@ -619,6 +634,7 @@ export function useForma(options: UseFormaOptions): UseFormaReturn {
       placeholder: fieldDef?.placeholder,
       visible: visibility[path] !== false,
       enabled: enabled[path] !== false,
+      readonly: readonly[path] ?? false,
       required: isRequired,
       showRequiredIndicator,
       touched: isTouched,
@@ -629,8 +645,13 @@ export function useForma(options: UseFormaOptions): UseFormaReturn {
       "aria-invalid": hasErrors || undefined,
       "aria-describedby": hasErrors ? `${path}-error` : undefined,
       "aria-required": isRequired || undefined,
+      // Adorner props (only for adornable field types)
+      ...adornerProps,
+      // Presentation variant
+      variant: fieldDef?.variant,
+      variantConfig: fieldDef?.variantConfig,
     };
-  }, [spec, state.touched, state.isSubmitted, visibility, enabled, required, validation.errors, validateOn, getValueAtPath, getFieldHandlers]);
+  }, [spec, state.touched, state.isSubmitted, visibility, enabled, readonly, required, validation.errors, validateOn, getValueAtPath, getFieldHandlers]);
 
   // Get select field props - uses pre-computed optionsVisibility map
   const getSelectFieldProps = useCallback((path: string): GetSelectFieldPropsResult => {
@@ -649,15 +670,16 @@ export function useForma(options: UseFormaOptions): UseFormaReturn {
   const getArrayHelpers = useCallback((path: string): GetArrayHelpersResult => {
     const fieldDef = spec.fields[path];
     const currentValue = (getValueAtPath(path) as unknown[]) ?? [];
-    const minItems = fieldDef?.minItems ?? 0;
-    const maxItems = fieldDef?.maxItems ?? Infinity;
+    const arrayDef = fieldDef?.type === "array" ? fieldDef : undefined;
+    const minItems = arrayDef?.minItems ?? 0;
+    const maxItems = arrayDef?.maxItems ?? Infinity;
 
     const canAdd = currentValue.length < maxItems;
     const canRemove = currentValue.length > minItems;
 
     const getItemFieldProps = (index: number, fieldName: string): GetFieldPropsResult => {
       const itemPath = `${path}[${index}].${fieldName}`;
-      const itemFieldDef = fieldDef?.itemFields?.[fieldName];
+      const itemFieldDef = arrayDef?.itemFields?.[fieldName];
       const handlers = getFieldHandlers(itemPath);
 
       // Get item value
@@ -680,6 +702,7 @@ export function useForma(options: UseFormaOptions): UseFormaReturn {
         placeholder: itemFieldDef?.placeholder,
         visible: true,
         enabled: enabled[path] !== false,
+        readonly: readonly[itemPath] ?? false,
         required: false, // TODO: Evaluate item field required
         showRequiredIndicator: false, // Item fields don't show required indicator
         touched: isTouched,
@@ -728,7 +751,7 @@ export function useForma(options: UseFormaOptions): UseFormaReturn {
       canAdd,
       canRemove,
     };
-  }, [spec.fields, getValueAtPath, setValueAtPath, getFieldHandlers, enabled, state.touched, state.isSubmitted, validation.errors, validateOn, optionsVisibility]);
+  }, [spec.fields, getValueAtPath, setValueAtPath, getFieldHandlers, enabled, readonly, state.touched, state.isSubmitted, validation.errors, validateOn, optionsVisibility]);
 
   return {
     data: state.data,
@@ -736,6 +759,7 @@ export function useForma(options: UseFormaOptions): UseFormaReturn {
     visibility,
     required,
     enabled,
+    readonly,
     optionsVisibility,
     touched: state.touched,
     errors: validation.errors,