@reformer/ui 1.0.0 → 2.0.0

package/dist/form-array/FormArray.d.ts

@@ -1,4 +1,4 @@
-import type { FormFields, GroupNodeWithControls } from '@reformer/core';
+import type { FormFields, FormProxy } from '@reformer/core';
 import { FormArrayList } from './FormArrayList';
 import { FormArrayAddButton } from './FormArrayAddButton';
 import { FormArrayRemoveButton } from './FormArrayRemoveButton';
@@ -23,7 +23,7 @@ export interface FormArrayHandle<T extends FormFields> {
     /** Whether the array is empty */
     isEmpty: boolean;
     /** Get item control at specific index */
-    at: (index: number) => GroupNodeWithControls<T> | undefined;
+    at: (index: number) => FormProxy<T> | undefined;
 }
 declare const FormArrayRoot: <T extends FormFields>(props: FormArrayRootProps<T> & {
     ref?: React.ForwardedRef<FormArrayHandle<T>>;

package/dist/form-array/types.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode, ElementType } from 'react';
-import type { ArrayNode, FormFields, GroupNodeWithControls } from '@reformer/core';
+import type { ArrayNode, FormFields, FormProxy } from '@reformer/core';
 /**
  * Props for FormArray.Root component
  */
@@ -25,7 +25,7 @@ export interface FormArrayListProps<T extends FormFields> {
  */
 export interface FormArrayItemRenderProps<T extends FormFields> {
     /** The form control for this item */
-    control: GroupNodeWithControls<T>;
+    control: FormProxy<T>;
     /** Zero-based index of the item */
     index: number;
     /** Unique identifier for React key */

package/dist/form-array/useFormArray.d.ts

@@ -1,10 +1,10 @@
-import { type ArrayNode, type FormFields, type GroupNodeWithControls } from '@reformer/core';
+import { type ArrayNode, type FormFields, type FormProxy } from '@reformer/core';
 /**
  * Represents a single item in a form array with its control, index, and actions
  */
 export interface FormArrayItem<T extends FormFields> {
     /** The form control for this item */
-    control: GroupNodeWithControls<T>;
+    control: FormProxy<T>;
     /** Zero-based index of the item in the array */
     index: number;
     /** Unique identifier for React key (uses internal id or falls back to index) */

package/dist/form-navigation/FormNavigationContext.d.ts

@@ -1,4 +1,4 @@
-import type { GroupNodeWithControls } from '@reformer/core';
+import type { FormProxy } from '@reformer/core';
 /**
  * Context value for FormNavigation
  * Shares navigation state and methods with child components
@@ -19,7 +19,7 @@ export interface FormNavigationContextValue<T extends Record<string, any>> {
     /** Is form submitting */
     isSubmitting: boolean;
     /** Form instance */
-    form: GroupNodeWithControls<T>;
+    form: FormProxy<T>;
     /** Go to next step (with validation) */
     goToNextStep: () => Promise<boolean>;
     /** Go to previous step */

package/dist/form-navigation/FormNavigationStep.d.ts

@@ -1,15 +1,15 @@
 import type { ComponentType } from 'react';
-import type { GroupNodeWithControls } from '@reformer/core';
+import type { FormProxy } from '@reformer/core';
 /**
  * Props for FormNavigation.Step component
  */
 export interface FormNavigationStepProps<T extends Record<string, any>> {
     /** Component to render for this step */
     component: ComponentType<{
-        control: GroupNodeWithControls<T>;
+        control: FormProxy<T>;
     } & Record<string, unknown>>;
     /** Form control to pass to the component */
-    control: GroupNodeWithControls<T>;
+    control: FormProxy<T>;
     /** Any additional props to pass to the component */
     [key: string]: unknown;
 }

package/dist/form-navigation/types.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { GroupNodeWithControls, ValidationSchemaFn } from '@reformer/core';
+import type { FormProxy, ValidationSchemaFn } from '@reformer/core';
 /**
  * Configuration for multi-step form navigation
  * Note: totalSteps is inferred from children count
@@ -40,7 +40,7 @@ export interface FormNavigationHandle<T extends Record<string, any>> {
  */
 export interface FormNavigationProps<T extends Record<string, any>> {
     /** Form instance */
-    form: GroupNodeWithControls<T>;
+    form: FormProxy<T>;
     /** Step configuration (validation schemas) */
     config: FormNavigationConfig<T>;
     /** Children (Step components, Indicator, Actions, Progress, or any ReactNode) */

package/llms.txt

@@ -81,7 +81,7 @@ import { FormArray } from '@reformer/ui/form-array';
 
 ```typescript
 interface FormArrayItemRenderProps<T> {
-  control: GroupNodeWithControls<T>;  // Form control for item
+  control: FormProxy<T>;  // Form control for item
   index: number;                       // Zero-based index
   id: string | number;                 // Unique key
   remove: () => void;                  // Remove this item
@@ -116,7 +116,7 @@ interface FormArrayHandle<T> {
   removeAt: (index: number) => void;
   length: number;
   isEmpty: boolean;
-  at: (index: number) => GroupNodeWithControls<T> | undefined;
+  at: (index: number) => FormProxy<T> | undefined;
 }
 ```
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reformer/ui",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "description": "Headless UI components for @reformer/core - form arrays, multi-step wizards, and more",
   "type": "module",
   "main": "./dist/index.js",
@@ -24,6 +24,7 @@
   "scripts": {
     "generate:llms": "npx tsx scripts/generate-llms.ts",
     "build": "npm run generate:llms && vite build && tsc -p tsconfig.json",
+    "build:stackblitz": "vite build && tsc -p tsconfig.json",
     "dev": "vite",
     "test": "vitest",
     "test:watch": "vitest watch"