rn-inputforge 0.5.0 → 0.5.1

package/lib/typescript/schema/types.d.ts

@@ -0,0 +1,43 @@
+import type { FieldFlowRules, FieldFlowOption, FieldFlowVariant } from '../types';
+import type { FieldFlowAutofillRole } from '../autofill/profiles';
+import type { FieldFlowIconSource } from '../icons';
+export type FieldFlowSchemaFieldType = 'text' | 'email' | 'phone' | 'password' | 'number' | 'decimal' | 'search' | 'multiline' | 'switch' | 'checkbox' | 'radio' | 'segmented' | 'dropdown' | 'tags' | 'rating' | 'slider' | 'stepper';
+export interface FieldFlowSchemaField {
+    name: string;
+    type: FieldFlowSchemaFieldType;
+    label?: string;
+    placeholder?: string;
+    helperText?: string;
+    required?: boolean;
+    rules?: FieldFlowRules;
+    variant?: FieldFlowVariant;
+    autofill?: FieldFlowAutofillRole;
+    leftIcon?: FieldFlowIconSource;
+    options?: FieldFlowOption[];
+    /** For slider / stepper / rating. */
+    min?: number;
+    max?: number;
+    step?: number;
+    /** Show when predicate returns true (values bag). */
+    showWhen?: string;
+    /** JSON-serializable expression keys — resolved by `showWhenFns` map on the renderer. */
+    section?: string;
+    suggestions?: boolean | 'email' | 'phone' | 'currency';
+    showStrength?: boolean;
+    prefix?: string;
+    suffix?: string;
+}
+export interface FieldFlowSchemaSection {
+    id: string;
+    title?: string;
+    description?: string;
+    icon?: FieldFlowIconSource;
+    collapsible?: boolean;
+}
+export interface FieldFlowFormSchema {
+    fields: FieldFlowSchemaField[];
+    sections?: FieldFlowSchemaSection[];
+    /** Initial string values for text-like fields. */
+    initialValues?: Record<string, string>;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/schema/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/schema/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAClF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,MAAM,MAAM,wBAAwB,GAChC,MAAM,GACN,OAAO,GACP,OAAO,GACP,UAAU,GACV,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,WAAW,GACX,QAAQ,GACR,UAAU,GACV,OAAO,GACP,WAAW,GACX,UAAU,GACV,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,SAAS,CAAC;AAEd,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,wBAAwB,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,qCAAqC;IACrC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yFAAyF;IACzF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;IACvD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,oBAAoB,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACpC,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACxC"}

package/lib/typescript/theme/ThemeProvider.d.ts

@@ -1,16 +1,30 @@
 import React from 'react';
-import type { DeepPartial, FieldFlowTheme } from '../types';
+import type { DeepPartial, FieldFlowControlSize, FieldFlowDensity, FieldFlowFocusRing, FieldFlowShape, FieldFlowSurface, FieldFlowTheme } from '../types';
 declare function mergeDeep<T extends Record<string, any>>(base: T, override?: DeepPartial<T>): T;
 export interface FieldFlowThemeProviderProps {
     theme?: DeepPartial<FieldFlowTheme>;
+    /** Form-wide density. Default: comfortable. */
+    density?: FieldFlowDensity;
+    /** Control size scale. Default: md. */
+    size?: FieldFlowControlSize;
+    /** Surface depth language. Default: flat. */
+    surface?: FieldFlowSurface;
+    /** Corner shape. Default: rounded. */
+    shape?: FieldFlowShape;
+    /** Focus ring style. Default: softGlow. */
+    focusRing?: FieldFlowFocusRing;
+    /**
+     * Soft crossfade when the resolved theme changes (e.g. switching presets).
+     * Default: true. Skipped when Reduce Motion is on.
+     */
+    animateTheme?: boolean;
     children: React.ReactNode;
 }
 /**
  * Wrap your app (or a screen/form) in this provider to apply a custom theme.
- * Any field not covered by your overrides falls back to FieldFlow's defaults,
- * so you only need to specify what you want to change.
+ * Density / size / shape / surface / focusRing are one-liner visual knobs.
  */
-export declare function FieldFlowThemeProvider({ theme, children }: FieldFlowThemeProviderProps): React.JSX.Element;
+export declare function FieldFlowThemeProvider({ theme, density, size, surface, shape, focusRing, animateTheme, children, }: FieldFlowThemeProviderProps): React.JSX.Element;
 export declare function useFieldFlowTheme(): FieldFlowTheme;
 export { mergeDeep };
 //# sourceMappingURL=ThemeProvider.d.ts.map

package/lib/typescript/theme/ThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAK5D,iBAAS,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAmBvF;AAED,MAAM,WAAW,2BAA2B;IAC1C,KAAK,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,2BAA2B,qBAKtF;AAED,wBAAgB,iBAAiB,IAAI,cAAc,CAElD;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgE,MAAM,OAAO,CAAC;AAErF,OAAO,KAAK,EACV,WAAW,EAEX,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,gBAAgB,EAChB,cAAc,EACf,MAAM,UAAU,CAAC;AAOlB,iBAAS,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAmBvF;AAED,MAAM,WAAW,2BAA2B;IAC1C,KAAK,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;IACpC,+CAA+C;IAC/C,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,uCAAuC;IACvC,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,6CAA6C;IAC7C,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,sCAAsC;IACtC,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,OAAO,EACP,IAAI,EACJ,OAAO,EACP,KAAK,EACL,SAAS,EACT,YAAmB,EACnB,QAAQ,GACT,EAAE,2BAA2B,qBA2D7B;AAED,wBAAgB,iBAAiB,IAAI,cAAc,CAElD;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/lib/typescript/theme/appearance.d.ts

@@ -0,0 +1,19 @@
+import type { FieldFlowAppearance, FieldFlowControlSize, FieldFlowDensity, FieldFlowFocusRing, FieldFlowShape, FieldFlowSurface, FieldFlowTheme } from '../types';
+export declare const defaultAppearance: FieldFlowAppearance;
+/**
+ * Apply density / size / shape onto spacing + typography.
+ * Surface and focusRing stay as appearance flags for components to read.
+ */
+export declare function applyAppearance(theme: FieldFlowTheme, appearance?: Partial<FieldFlowAppearance>): FieldFlowTheme;
+export declare function surfaceShadow(surface: FieldFlowSurface): {
+    shadowColor?: string;
+    shadowOpacity?: number;
+    shadowRadius?: number;
+    shadowOffset?: {
+        width: number;
+        height: number;
+    };
+    elevation?: number;
+} | null;
+export type { FieldFlowDensity, FieldFlowControlSize, FieldFlowSurface, FieldFlowShape, FieldFlowFocusRing };
+//# sourceMappingURL=appearance.d.ts.map

package/lib/typescript/theme/appearance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appearance.d.ts","sourceRoot":"","sources":["../../../src/theme/appearance.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,mBAAmB,EACnB,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,gBAAgB,EAChB,cAAc,EACf,MAAM,UAAU,CAAC;AAElB,eAAO,MAAM,iBAAiB,EAAE,mBAM/B,CAAC;AAwBF;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,cAAc,EACrB,UAAU,GAAE,OAAO,CAAC,mBAAmB,CAAM,GAC5C,cAAc,CA0BhB;AAED,wBAAgB,aAAa,CAAC,OAAO,EAAE,gBAAgB,GAAG;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAqBP;AAED,YAAY,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAC"}

package/lib/typescript/theme/defaultTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,eAAO,MAAM,YAAY,EAAE,cAmC1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,cAkBvB,CAAC"}
+{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG/C,eAAO,MAAM,YAAY,EAAE,cAwC1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,cAuBvB,CAAC"}

package/lib/typescript/theme/index.d.ts

@@ -3,4 +3,5 @@ export { FieldFlowThemeProvider, useFieldFlowTheme, mergeDeep } from './ThemePro
 export type { FieldFlowThemeProviderProps } from './ThemeProvider';
 export { themePresets, getThemePreset } from './presets';
 export type { FieldFlowThemePresetName } from './presets';
+export { applyAppearance, defaultAppearance, surfaceShadow } from './appearance';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvF,YAAY,EAAE,2BAA2B,EAAE,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AACzD,YAAY,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvF,YAAY,EAAE,2BAA2B,EAAE,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AACzD,YAAY,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC"}

package/lib/typescript/types/index.d.ts

@@ -51,6 +51,14 @@ export interface FieldFlowColors {
     success: string;
     icon: string;
     iconFocused: string;
+    /** Soft warning (amber). */
+    warning: string;
+    /** Informational blue/teal. */
+    info: string;
+    /** Muted surface for soft / inset wells. */
+    surfaceMuted: string;
+    /** Elevated card surface. */
+    surfaceElevated: string;
 }
 export interface FieldFlowSpacing {
     paddingHorizontal: number;
@@ -71,11 +79,29 @@ export interface FieldFlowAnimationConfig {
     duration: number;
     useNativeDriver: boolean;
 }
+/** Form-wide visual rhythm. */
+export type FieldFlowDensity = 'compact' | 'comfortable' | 'spacious';
+/** Control scale. */
+export type FieldFlowControlSize = 'sm' | 'md' | 'lg';
+/** Chrome depth. */
+export type FieldFlowSurface = 'flat' | 'elevated' | 'soft' | 'inset';
+/** Corner language. */
+export type FieldFlowShape = 'square' | 'rounded' | 'pill';
+/** Focus treatment. */
+export type FieldFlowFocusRing = 'solid' | 'softGlow' | 'underlinePulse';
+export interface FieldFlowAppearance {
+    density: FieldFlowDensity;
+    size: FieldFlowControlSize;
+    surface: FieldFlowSurface;
+    shape: FieldFlowShape;
+    focusRing: FieldFlowFocusRing;
+}
 export interface FieldFlowTheme {
     colors: FieldFlowColors;
     spacing: FieldFlowSpacing;
     typography: FieldFlowTypography;
     animation: FieldFlowAnimationConfig;
+    appearance: FieldFlowAppearance;
 }
 export type DeepPartial<T> = {
     [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];

package/lib/typescript/types/index.d.ts.map

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "rn-inputforge",
-  "version": "0.5.0",
-  "description": "A production-ready React Native input/form system (bare CLI & Expo) — fields, OTP, masks, date/time, phone+country, upload, typeahead, rating, slider, stepper, credit card, signature, multi-step wizard, tags, password strength, drafts, motion UI, i18n validation, react-hook-form + Zod adapters. Pure JS/TS, no native modules.",
+  "version": "0.5.1",
+  "description": "A production-ready React Native input/form system (bare CLI & Expo) — density/size/shape/surface theming, calm alerts, skeletons, form headers, autofill, wizard, drafts, motion, and a full field kit. Pure JS/TS, no native modules.",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "types": "lib/typescript/index.d.ts",

package/src/a11y/audit.ts

@@ -0,0 +1,99 @@
+export type FieldFlowA11ySeverity = 'error' | 'warn' | 'info';
+
+export interface FieldFlowA11yIssue {
+  id: string;
+  severity: FieldFlowA11ySeverity;
+  message: string;
+  field?: string;
+}
+
+export interface FieldFlowA11yFieldSnapshot {
+  name: string;
+  label?: string;
+  hasError?: boolean;
+  errorText?: string;
+  required?: boolean;
+  /** Approximate hit target height in px (optional). */
+  hitHeight?: number;
+  /** True if accessibilityLabel / labelledBy is set. */
+  hasAccessibilityLabel?: boolean;
+  placeholderOnly?: boolean;
+}
+
+export interface FieldFlowA11yAuditInput {
+  fields: FieldFlowA11yFieldSnapshot[];
+  /** Form uses Reduce Motion–aware animations. */
+  respectsReducedMotion?: boolean;
+  /** Min touch target. Default: 44. */
+  minHitTarget?: number;
+}
+
+/**
+ * Dev-time accessibility audit for FieldFlow forms.
+ * Call in `__DEV__` and log / render via `FieldFlowA11yAudit`.
+ */
+export function runA11yAudit(input: FieldFlowA11yAuditInput): FieldFlowA11yIssue[] {
+  const minHit = input.minHitTarget ?? 44;
+  const issues: FieldFlowA11yIssue[] = [];
+
+  for (const field of input.fields) {
+    if (!field.label && !field.hasAccessibilityLabel) {
+      issues.push({
+        id: `label-${field.name}`,
+        severity: 'error',
+        field: field.name,
+        message: `Field "${field.name}" has no visible label or accessibilityLabel`,
+      });
+    }
+    if (field.placeholderOnly && !field.label) {
+      issues.push({
+        id: `placeholder-${field.name}`,
+        severity: 'warn',
+        field: field.name,
+        message: `Field "${field.name}" relies on placeholder as the only label`,
+      });
+    }
+    if (field.required && field.label && !/\*|required/i.test(field.label) && !field.hasAccessibilityLabel) {
+      issues.push({
+        id: `required-${field.name}`,
+        severity: 'info',
+        field: field.name,
+        message: `Required field "${field.name}" — ensure required state is announced`,
+      });
+    }
+    if (field.hasError && !field.errorText) {
+      issues.push({
+        id: `error-text-${field.name}`,
+        severity: 'error',
+        field: field.name,
+        message: `Field "${field.name}" is in error state without errorText for screen readers`,
+      });
+    }
+    if (field.hitHeight != null && field.hitHeight < minHit) {
+      issues.push({
+        id: `hit-${field.name}`,
+        severity: 'warn',
+        field: field.name,
+        message: `Field "${field.name}" hit target ~${field.hitHeight}px (min ${minHit})`,
+      });
+    }
+  }
+
+  if (input.respectsReducedMotion === false) {
+    issues.push({
+      id: 'reduced-motion',
+      severity: 'warn',
+      message: 'Animations may not respect Reduce Motion — use motion={false} or useReducedMotion',
+    });
+  }
+
+  if (input.fields.length === 0) {
+    issues.push({
+      id: 'empty',
+      severity: 'info',
+      message: 'No fields registered for audit',
+    });
+  }
+
+  return issues;
+}

package/src/a11y/index.ts

@@ -0,0 +1,7 @@
+export { runA11yAudit } from './audit';
+export type {
+  FieldFlowA11ySeverity,
+  FieldFlowA11yIssue,
+  FieldFlowA11yFieldSnapshot,
+  FieldFlowA11yAuditInput,
+} from './audit';

package/src/autofill/index.ts

@@ -0,0 +1,10 @@
+export {
+  getAutofillProps,
+  autofillRoleFromFieldType,
+  autofillProfiles,
+} from './profiles';
+export type {
+  FieldFlowAutofillRole,
+  FieldFlowAutofillProps,
+  FieldFlowAutofillProfileName,
+} from './profiles';

package/src/autofill/profiles.ts

@@ -0,0 +1,224 @@
+import type { TextInputProps } from 'react-native';
+
+/**
+ * Semantic autofill roles — map to platform `autoComplete` + iOS `textContentType`.
+ * Pass as `autofill="email"` on `FieldFlowInput`, or use a profile bundle.
+ */
+export type FieldFlowAutofillRole =
+  | 'off'
+  | 'name'
+  | 'givenName'
+  | 'familyName'
+  | 'email'
+  | 'username'
+  | 'password'
+  | 'newPassword'
+  | 'oneTimeCode'
+  | 'tel'
+  | 'streetAddress'
+  | 'postalCode'
+  | 'addressCity'
+  | 'addressState'
+  | 'country'
+  | 'ccNumber'
+  | 'ccExp'
+  | 'ccCsc'
+  | 'ccName'
+  | 'organization'
+  | 'url'
+  | 'birthdate';
+
+export type FieldFlowAutofillProps = Pick<
+  TextInputProps,
+  'autoComplete' | 'textContentType' | 'importantForAutofill' | 'autoCorrect' | 'autoCapitalize'
+>;
+
+const ROLE_MAP: Record<FieldFlowAutofillRole, FieldFlowAutofillProps> = {
+  off: {
+    autoComplete: 'off',
+    textContentType: 'none',
+    importantForAutofill: 'no',
+  },
+  name: {
+    autoComplete: 'name',
+    textContentType: 'name',
+    importantForAutofill: 'yes',
+    autoCapitalize: 'words',
+  },
+  givenName: {
+    autoComplete: 'given-name',
+    textContentType: 'givenName',
+    importantForAutofill: 'yes',
+    autoCapitalize: 'words',
+  },
+  familyName: {
+    autoComplete: 'family-name',
+    textContentType: 'familyName',
+    importantForAutofill: 'yes',
+    autoCapitalize: 'words',
+  },
+  email: {
+    autoComplete: 'email',
+    textContentType: 'emailAddress',
+    importantForAutofill: 'yes',
+    autoCapitalize: 'none',
+    autoCorrect: false,
+  },
+  username: {
+    autoComplete: 'username',
+    textContentType: 'username',
+    importantForAutofill: 'yes',
+    autoCapitalize: 'none',
+    autoCorrect: false,
+  },
+  password: {
+    autoComplete: 'password',
+    textContentType: 'password',
+    importantForAutofill: 'yes',
+    autoCapitalize: 'none',
+    autoCorrect: false,
+  },
+  newPassword: {
+    autoComplete: 'password-new',
+    textContentType: 'newPassword',
+    importantForAutofill: 'yes',
+    autoCapitalize: 'none',
+    autoCorrect: false,
+  },
+  oneTimeCode: {
+    autoComplete: 'sms-otp',
+    textContentType: 'oneTimeCode',
+    importantForAutofill: 'yes',
+    autoCapitalize: 'none',
+    autoCorrect: false,
+  },
+  tel: {
+    autoComplete: 'tel',
+    textContentType: 'telephoneNumber',
+    importantForAutofill: 'yes',
+  },
+  streetAddress: {
+    autoComplete: 'street-address',
+    textContentType: 'fullStreetAddress',
+    importantForAutofill: 'yes',
+  },
+  postalCode: {
+    autoComplete: 'postal-code',
+    textContentType: 'postalCode',
+    importantForAutofill: 'yes',
+  },
+  addressCity: {
+    autoComplete: 'postal-address-locality',
+    textContentType: 'addressCity',
+    importantForAutofill: 'yes',
+    autoCapitalize: 'words',
+  },
+  addressState: {
+    autoComplete: 'postal-address-region',
+    textContentType: 'addressState',
+    importantForAutofill: 'yes',
+  },
+  country: {
+    autoComplete: 'country',
+    textContentType: 'countryName',
+    importantForAutofill: 'yes',
+  },
+  ccNumber: {
+    autoComplete: 'cc-number',
+    textContentType: 'creditCardNumber',
+    importantForAutofill: 'yes',
+  },
+  ccExp: {
+    autoComplete: 'cc-exp',
+    textContentType: 'creditCardExpiration',
+    importantForAutofill: 'yes',
+  },
+  ccCsc: {
+    autoComplete: 'cc-csc',
+    textContentType: 'creditCardSecurityCode',
+    importantForAutofill: 'yes',
+  },
+  ccName: {
+    autoComplete: 'cc-name',
+    textContentType: 'creditCardName',
+    importantForAutofill: 'yes',
+    autoCapitalize: 'words',
+  },
+  organization: {
+    autoComplete: 'organization',
+    textContentType: 'organizationName',
+    importantForAutofill: 'yes',
+    autoCapitalize: 'words',
+  },
+  url: {
+    autoComplete: 'url',
+    textContentType: 'URL',
+    importantForAutofill: 'yes',
+    autoCapitalize: 'none',
+    autoCorrect: false,
+  },
+  birthdate: {
+    autoComplete: 'birthdate-full',
+    textContentType: 'none',
+    importantForAutofill: 'yes',
+  },
+};
+
+/** Resolve platform autofill props for a semantic role. */
+export function getAutofillProps(role: FieldFlowAutofillRole): FieldFlowAutofillProps {
+  return ROLE_MAP[role] ?? ROLE_MAP.off;
+}
+
+/** Infer a sensible autofill role from FieldFlow `type` when no explicit role is set. */
+export function autofillRoleFromFieldType(
+  type?: string,
+): FieldFlowAutofillRole | undefined {
+  switch (type) {
+    case 'email':
+      return 'email';
+    case 'phone':
+      return 'tel';
+    case 'password':
+      return 'password';
+    default:
+      return undefined;
+  }
+}
+
+/**
+ * Named screen profiles — spread onto multiple fields.
+ * Example: `autofillProfiles.signup.email` → role `'email'`.
+ */
+export const autofillProfiles = {
+  login: {
+    email: 'email' as const,
+    username: 'username' as const,
+    password: 'password' as const,
+  },
+  signup: {
+    name: 'name' as const,
+    email: 'email' as const,
+    password: 'newPassword' as const,
+    phone: 'tel' as const,
+  },
+  shipping: {
+    name: 'name' as const,
+    street: 'streetAddress' as const,
+    city: 'addressCity' as const,
+    state: 'addressState' as const,
+    postalCode: 'postalCode' as const,
+    country: 'country' as const,
+    phone: 'tel' as const,
+  },
+  payment: {
+    name: 'ccName' as const,
+    number: 'ccNumber' as const,
+    expiry: 'ccExp' as const,
+    cvc: 'ccCsc' as const,
+  },
+  otp: {
+    code: 'oneTimeCode' as const,
+  },
+} as const;
+
+export type FieldFlowAutofillProfileName = keyof typeof autofillProfiles;

package/src/components/FieldFlowA11yAudit/FieldFlowA11yAudit.tsx

@@ -0,0 +1,112 @@
+import React, { useMemo } from 'react';
+import { StyleSheet, Text, View, type ViewStyle } from 'react-native';
+import { runA11yAudit, type FieldFlowA11yAuditInput, type FieldFlowA11yIssue } from '../../a11y';
+import { useFieldFlowTheme, mergeDeep } from '../../theme/ThemeProvider';
+import { defaultTheme } from '../../theme/defaultTheme';
+import type { DeepPartial, FieldFlowTheme } from '../../types';
+
+export interface FieldFlowA11yAuditProps {
+  /** Audit input — or pass precomputed `issues`. */
+  audit?: FieldFlowA11yAuditInput;
+  issues?: FieldFlowA11yIssue[];
+  /** Only render in __DEV__ when true (default). */
+  devOnly?: boolean;
+  title?: string;
+  containerStyle?: ViewStyle;
+  theme?: DeepPartial<FieldFlowTheme>;
+  testID?: string;
+}
+
+/**
+ * Dev overlay listing accessibility issues for the current form.
+ * No-ops in production when `devOnly` is true.
+ */
+export function FieldFlowA11yAudit({
+  audit,
+  issues: issuesProp,
+  devOnly = true,
+  title = 'FieldFlow a11y audit',
+  containerStyle,
+  theme: themeOverride,
+  testID,
+}: FieldFlowA11yAuditProps) {
+  // Prefer RN `__DEV__`; fall back without assuming Node `process` types.
+  const isDev =
+    typeof __DEV__ !== 'undefined'
+      ? __DEV__
+      : typeof process !== 'undefined' &&
+        typeof process.env !== 'undefined' &&
+        process.env.NODE_ENV !== 'production';
+
+  const issues = useMemo(() => {
+    if (issuesProp) return issuesProp;
+    if (audit) return runA11yAudit(audit);
+    return [];
+  }, [audit, issuesProp]);
+
+  const contextTheme = useFieldFlowTheme();
+  const theme = useMemo(
+    () => (themeOverride ? mergeDeep(contextTheme ?? defaultTheme, themeOverride) : contextTheme ?? defaultTheme),
+    [contextTheme, themeOverride],
+  );
+  const styles = useMemo(() => createStyles(theme), [theme]);
+
+  if (devOnly && !isDev) return null;
+  if (issues.length === 0) {
+    return (
+      <View style={[styles.wrap, styles.ok, containerStyle]} testID={testID}>
+        <Text style={styles.title}>{title}</Text>
+        <Text style={styles.okText}>No issues found</Text>
+      </View>
+    );
+  }
+
+  return (
+    <View style={[styles.wrap, containerStyle]} testID={testID}>
+      <Text style={styles.title}>
+        {title} ({issues.length})
+      </Text>
+      {issues.map(issue => (
+        <Text
+          key={issue.id}
+          style={[
+            styles.item,
+            issue.severity === 'error' && styles.error,
+            issue.severity === 'warn' && styles.warn,
+          ]}
+        >
+          [{issue.severity}] {issue.field ? `${issue.field}: ` : ''}
+          {issue.message}
+        </Text>
+      ))}
+    </View>
+  );
+}
+
+function createStyles(theme: FieldFlowTheme) {
+  return StyleSheet.create({
+    wrap: {
+      marginVertical: 8,
+      padding: 12,
+      borderRadius: 8,
+      borderWidth: 1,
+      borderColor: theme.colors.borderError,
+      backgroundColor: theme.colors.background,
+    },
+    ok: { borderColor: theme.colors.borderSuccess },
+    title: {
+      fontWeight: '700',
+      marginBottom: 6,
+      color: theme.colors.text,
+      fontSize: theme.typography.helperFontSize + 1,
+    },
+    item: {
+      fontSize: theme.typography.helperFontSize,
+      color: theme.colors.label,
+      marginBottom: 4,
+    },
+    error: { color: theme.colors.error },
+    warn: { color: '#B45309' },
+    okText: { color: theme.colors.success, fontSize: theme.typography.helperFontSize },
+  });
+}

package/src/components/FieldFlowA11yAudit/index.ts

@@ -0,0 +1,2 @@
+export { FieldFlowA11yAudit } from './FieldFlowA11yAudit';
+export type { FieldFlowA11yAuditProps } from './FieldFlowA11yAudit';