@datum-cloud/datum-ui 0.2.0-alpha.0 → 0.2.0-alpha.2

package/dist/components/features/form/components/form-dialog.d.ts

@@ -0,0 +1,58 @@
+import type { z } from 'zod';
+import type { FormDialogProps } from '../types';
+/**
+ * Form.Dialog - A dialog with an integrated form
+ *
+ * Combines Dialog and Form.Root into a single component with:
+ * - Automatic dialog state management (controlled or uncontrolled)
+ * - Built-in header with title and description
+ * - Built-in footer with submit and cancel buttons
+ * - Auto-close on successful submission
+ * - Prevents accidental close during submission
+ * - Supports render function pattern for form state access
+ *
+ * @example Basic usage
+ * ```tsx
+ * <Form.Dialog
+ *   title="Add User"
+ *   description="Enter user details"
+ *   schema={userSchema}
+ *   onSubmit={handleSubmit}
+ *   trigger={<Button>Add User</Button>}
+ * >
+ *   <Form.Field name="name" label="Name" required>
+ *     <Form.Input />
+ *   </Form.Field>
+ *   <Form.Field name="email" label="Email" required>
+ *     <Form.Input type="email" />
+ *   </Form.Field>
+ * </Form.Dialog>
+ * ```
+ *
+ * @example With render function for form state access
+ * ```tsx
+ * <Form.Dialog
+ *   title="Edit User"
+ *   schema={userSchema}
+ *   defaultValues={user}
+ *   onSubmit={handleSubmit}
+ *   trigger={<Button>Edit</Button>}
+ * >
+ *   {({ form, fields, isSubmitting, reset }) => (
+ *     <>
+ *       <Form.Field name="name" label="Name">
+ *         <Form.Input />
+ *       </Form.Field>
+ *       <Button variant="ghost" onClick={reset} disabled={isSubmitting}>
+ *         Reset
+ *       </Button>
+ *     </>
+ *   )}
+ * </Form.Dialog>
+ * ```
+ */
+export declare function FormDialog<T extends z.ZodType>({ open, onOpenChange, defaultOpen, title, description, trigger, schema, defaultValues, onSubmit, onSuccess, onError, submitText, submitTextLoading, cancelText, showCancel, submitType, loading, formComponent, telemetry, className, formClassName, children, }: FormDialogProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace FormDialog {
+    var displayName: string;
+}
+//# sourceMappingURL=form-dialog.d.ts.map

package/dist/components/features/form/components/form-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/form/components/form-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AAC5B,OAAO,KAAK,EAAE,eAAe,EAAuB,MAAM,UAAU,CAAA;AAMpE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,EAE9C,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,KAAK,EACL,WAAW,EACX,OAAO,EAGP,MAAM,EACN,aAAa,EACb,QAAQ,EACR,SAAS,EACT,OAAO,EAGP,UAAqB,EACrB,iBAAmC,EACnC,UAAqB,EACrB,UAAiB,EACjB,UAAsB,EAGtB,OAAO,EAGP,aAAa,EACb,SAAS,EAGT,SAAS,EACT,aAAa,EAGb,QAAQ,GACT,EAAE,eAAe,CAAC,CAAC,CAAC,2CAwGpB;yBA5Ie,UAAU"}

package/dist/components/features/form/components/form-error.d.ts

@@ -0,0 +1,29 @@
+import type { FormErrorProps } from '../types';
+/**
+ * Form.Error - Display field errors
+ *
+ * Can be used inside Form.Field to display errors automatically,
+ * or standalone with custom rendering.
+ *
+ * @example
+ * ```tsx
+ * // Inside Form.Field - displays field errors automatically
+ * <Form.Field name="email">
+ *   <Form.Input />
+ *   <Form.Error />
+ * </Form.Field>
+ *
+ * // Custom rendering
+ * <Form.Field name="email">
+ *   <Form.Input />
+ *   <Form.Error>
+ *     {(errors) => errors.map(e => <span key={e}>{e}</span>)}
+ *   </Form.Error>
+ * </Form.Field>
+ * ```
+ */
+export declare function FormError({ children, className }: FormErrorProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace FormError {
+    var displayName: string;
+}
+//# sourceMappingURL=form-error.d.ts.map

package/dist/components/features/form/components/form-error.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-error.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/form/components/form-error.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAK9C;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,cAAc,kDA+BhE;yBA/Be,SAAS"}

package/dist/components/features/form/components/form-field-array.d.ts

@@ -0,0 +1,40 @@
+import type { FormFieldArrayProps } from '../types';
+/**
+ * Form.FieldArray - Dynamic array of fields
+ *
+ * Provides helpers for managing arrays of form fields.
+ *
+ * @example
+ * ```tsx
+ * <Form.FieldArray name="members">
+ *   {({ fields, append, remove }) => (
+ *     <>
+ *       {fields.map((field, index) => (
+ *         <div key={field.key} className="flex gap-2">
+ *           <Form.Field name={`members.${index}.email`} label="Email">
+ *             <Form.Input type="email" />
+ *           </Form.Field>
+ *           <Form.Field name={`members.${index}.role`} label="Role">
+ *             <Form.Select>
+ *               <Form.SelectItem value="admin">Admin</Form.SelectItem>
+ *               <Form.SelectItem value="user">User</Form.SelectItem>
+ *             </Form.Select>
+ *           </Form.Field>
+ *           <button type="button" onClick={() => remove(index)}>
+ *             Remove
+ *           </button>
+ *         </div>
+ *       ))}
+ *       <button type="button" onClick={() => append({ email: '', role: 'user' })}>
+ *         Add Member
+ *       </button>
+ *     </>
+ *   )}
+ * </Form.FieldArray>
+ * ```
+ */
+export declare function FormFieldArray({ name, children }: FormFieldArrayProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace FormFieldArray {
+    var displayName: string;
+}
+//# sourceMappingURL=form-field-array.d.ts.map

package/dist/components/features/form/components/form-field-array.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-array.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/form/components/form-field-array.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAA6B,MAAM,UAAU,CAAA;AAK9E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,mBAAmB,kDA6FrE;yBA7Fe,cAAc"}

package/dist/components/features/form/components/form-field.d.ts

@@ -0,0 +1,40 @@
+import type { FormFieldProps } from '../types';
+/**
+ * Form.Field - Field wrapper component
+ *
+ * Provides field context to children with:
+ * - Automatic label rendering
+ * - Error display
+ * - Description text
+ * - Required indicator
+ * - Accessibility attributes
+ *
+ * Supports two patterns:
+ * 1. ReactNode children - for standard Form inputs
+ * 2. Render function - for custom components needing field access
+ *
+ * @example Standard usage
+ * ```tsx
+ * <Form.Field name="email" label="Email Address" required>
+ *   <Form.Input type="email" />
+ * </Form.Field>
+ * ```
+ *
+ * @example Render function for custom components
+ * ```tsx
+ * <Form.Field name="role" label="Role" required>
+ *   {({ control, meta, fields }) => (
+ *     <CustomSelect
+ *       name={meta.name}
+ *       value={control.value}
+ *       onChange={control.change}
+ *     />
+ *   )}
+ * </Form.Field>
+ * ```
+ */
+export declare function FormField({ name, children, label, description, tooltip, required, disabled, className, labelClassName, }: FormFieldProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace FormField {
+    var displayName: string;
+}
+//# sourceMappingURL=form-field.d.ts.map

package/dist/components/features/form/components/form-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/form/components/form-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAyB,cAAc,EAAwB,MAAM,UAAU,CAAA;AAoE3F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,cAAc,GACf,EAAE,cAAc,kDAgJhB;yBA1Je,SAAS"}

package/dist/components/features/form/components/form-input-group.d.ts

@@ -0,0 +1,21 @@
+import type { InputWithAddonsProps } from '../../input-with-addons';
+import * as React from 'react';
+/**
+ * Form.Input - Text input component
+ *
+ * Automatically wired to the parent Form.Field context.
+ *
+ * @example
+ * ```tsx
+ * <Form.Field name="email" label="Email" required>
+ *   <Form.Input type="email" placeholder="john@example.com" />
+ * </Form.Field>
+ * ```
+ */
+export declare function FormInputGroup({ ref, type, className, disabled, ...props }: InputWithAddonsProps & {
+    ref?: React.RefObject<HTMLInputElement | null>;
+}): import("react/jsx-runtime").JSX.Element;
+export declare namespace FormInputGroup {
+    var displayName: string;
+}
+//# sourceMappingURL=form-input-group.d.ts.map

package/dist/components/features/form/components/form-input-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-input-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/form/components/form-input-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAEnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAAC,EAAE,GAAG,EAAE,IAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;CAAE,2CAiC9J;yBAjCe,cAAc"}

package/dist/components/features/form/components/form-input.d.ts

@@ -0,0 +1,21 @@
+import type { FormInputProps } from '../types';
+import * as React from 'react';
+/**
+ * Form.Input - Text input component
+ *
+ * Automatically wired to the parent Form.Field context.
+ *
+ * @example
+ * ```tsx
+ * <Form.Field name="email" label="Email" required>
+ *   <Form.Input type="email" placeholder="john@example.com" />
+ * </Form.Field>
+ * ```
+ */
+export declare function FormInput({ ref, type, className, disabled, ...props }: FormInputProps & {
+    ref?: React.RefObject<HTMLInputElement | null>;
+}): import("react/jsx-runtime").JSX.Element;
+export declare namespace FormInput {
+    var displayName: string;
+}
+//# sourceMappingURL=form-input.d.ts.map

package/dist/components/features/form/components/form-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-input.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/form/components/form-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAE9C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B;;;;;;;;;;;GAWG;AACH,wBAAgB,SAAS,CAAC,EAAE,GAAG,EAAE,IAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;CAAE,2CAmBnJ;yBAnBe,SAAS"}

package/dist/components/features/form/components/form-radio-group.d.ts

@@ -0,0 +1,34 @@
+import type { FormRadioGroupProps, FormRadioItemProps } from '../types';
+/**
+ * Form.RadioGroup - Radio button group component
+ *
+ * Automatically wired to the parent Form.Field context.
+ *
+ * @example
+ * ```tsx
+ * <Form.Field name="plan" label="Select Plan" required>
+ *   <Form.RadioGroup orientation="vertical">
+ *     <Form.RadioItem value="free" label="Free" description="Basic features" />
+ *     <Form.RadioItem value="pro" label="Pro" description="Advanced features" />
+ *     <Form.RadioItem value="enterprise" label="Enterprise" description="Custom solutions" />
+ *   </Form.RadioGroup>
+ * </Form.Field>
+ * ```
+ */
+export declare function FormRadioGroup({ orientation, disabled, className, children, }: FormRadioGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace FormRadioGroup {
+    var displayName: string;
+}
+/**
+ * Form.RadioItem - Individual radio button option
+ *
+ * @example
+ * ```tsx
+ * <Form.RadioItem value="option1" label="Option 1" />
+ * ```
+ */
+export declare function FormRadioItem({ value, label, description, disabled }: FormRadioItemProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace FormRadioItem {
+    var displayName: string;
+}
+//# sourceMappingURL=form-radio-group.d.ts.map

package/dist/components/features/form/components/form-radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-radio-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/form/components/form-radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAQvE;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,cAAc,CAAC,EAC7B,WAAwB,EACxB,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,EAAE,mBAAmB,2CA0BrB;yBA/Be,cAAc;;;AAmC9B;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAoBxF;yBApBe,aAAa"}

package/dist/components/features/form/components/form-root.d.ts

@@ -0,0 +1,49 @@
+import type { z } from 'zod';
+import type { FormRootProps } from '../types';
+/**
+ * Form.Root - The root form component
+ *
+ * Provides form context to all children with built-in:
+ * - Zod schema validation
+ * - Conform integration
+ * - Optional telemetry callbacks
+ *
+ * Supports two patterns:
+ * 1. ReactNode children - for standard forms
+ * 2. Render function - for forms needing access to form state
+ *
+ * @example Standard usage
+ * ```tsx
+ * <Form.Root schema={userSchema} onSubmit={handleSubmit}>
+ *   <Form.Field name="email" label="Email" required>
+ *     <Form.Input type="email" />
+ *   </Form.Field>
+ *   <Form.Submit>Save</Form.Submit>
+ * </Form.Root>
+ * ```
+ *
+ * @example Render function for form state access
+ * ```tsx
+ * <Form.Root schema={userSchema} onSubmit={handleSubmit}>
+ *   {({ form, fields, isSubmitting }) => (
+ *     <>
+ *       <Form.Field name="email" label="Email" required>
+ *         <Form.Input type="email" />
+ *       </Form.Field>
+ *       <Button
+ *         disabled={isSubmitting}
+ *         onClick={() => form.update({ value: { email: '' } })}
+ *       >
+ *         Cancel
+ *       </Button>
+ *       <Form.Submit>Save</Form.Submit>
+ *     </>
+ *   )}
+ * </Form.Root>
+ * ```
+ */
+export declare function FormRoot<T extends z.ZodType>({ schema, children, onSubmit, action, method, formComponent: FormComp, id, name, defaultValues, mode, isSubmitting: externalIsSubmitting, onError, onSuccess, telemetry, className, }: FormRootProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace FormRoot {
+    var displayName: string;
+}
+//# sourceMappingURL=form-root.d.ts.map

package/dist/components/features/form/components/form-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-root.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/form/components/form-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AAC5B,OAAO,KAAK,EAAE,aAAa,EAAuB,MAAM,UAAU,CAAA;AAOlE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,EAC5C,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,MAAe,EACf,aAAa,EAAE,QAAiB,EAChC,EAAE,EACF,IAAI,EACJ,aAAa,EACb,IAAe,EACf,YAAY,EAAE,oBAAoB,EAClC,OAAO,EACP,SAAS,EACT,SAAS,EACT,SAAS,GACV,EAAE,aAAa,CAAC,CAAC,CAAC,2CAqJlB;yBArKe,QAAQ"}

package/dist/components/features/form/components/form-select.d.ts

@@ -0,0 +1,34 @@
+import type { FormSelectItemProps, FormSelectProps } from '../types';
+/**
+ * Form.Select - Select dropdown component
+ *
+ * Automatically wired to the parent Form.Field context.
+ *
+ * @example
+ * ```tsx
+ * <Form.Field name="country" label="Country" required>
+ *   <Form.Select placeholder="Select a country">
+ *     <Form.SelectItem value="us">United States</Form.SelectItem>
+ *     <Form.SelectItem value="uk">United Kingdom</Form.SelectItem>
+ *     <Form.SelectItem value="ca">Canada</Form.SelectItem>
+ *   </Form.Select>
+ * </Form.Field>
+ * ```
+ */
+export declare function FormSelect({ placeholder, disabled, className, children }: FormSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace FormSelect {
+    var displayName: string;
+}
+/**
+ * Form.SelectItem - Individual select option
+ *
+ * @example
+ * ```tsx
+ * <Form.SelectItem value="option1">Option 1</Form.SelectItem>
+ * ```
+ */
+export declare function FormSelectItem({ value, children, disabled }: FormSelectItemProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace FormSelectItem {
+    var displayName: string;
+}
+//# sourceMappingURL=form-select.d.ts.map

package/dist/components/features/form/components/form-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-select.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/form/components/form-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAapE;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,UAAU,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,eAAe,2CA4BzF;yBA5Be,UAAU;;;AAgC1B;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAMhF;yBANe,cAAc"}

package/dist/components/features/form/components/form-submit.d.ts

@@ -0,0 +1,16 @@
+import type { FormSubmitProps } from '../types';
+/**
+ * Form.Submit - Submit button with automatic loading state
+ *
+ * @example
+ * ```tsx
+ * <Form.Submit loadingText="Saving...">
+ *   Save Changes
+ * </Form.Submit>
+ * ```
+ */
+export declare function FormSubmit({ children, loadingText, loading, ...props }: FormSubmitProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace FormSubmit {
+    var displayName: string;
+}
+//# sourceMappingURL=form-submit.d.ts.map

package/dist/components/features/form/components/form-submit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-submit.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/form/components/form-submit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAI/C;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAe,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAU/F;yBAVe,UAAU"}

package/dist/components/features/form/components/form-switch.d.ts

@@ -0,0 +1,18 @@
+import type { FormSwitchProps } from '../types';
+/**
+ * Form.Switch - Toggle switch component
+ *
+ * Automatically wired to the parent Form.Field context.
+ *
+ * @example
+ * ```tsx
+ * <Form.Field name="notifications">
+ *   <Form.Switch label="Enable email notifications" />
+ * </Form.Field>
+ * ```
+ */
+export declare function FormSwitch({ label, disabled, className }: FormSwitchProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace FormSwitch {
+    var displayName: string;
+}
+//# sourceMappingURL=form-switch.d.ts.map

package/dist/components/features/form/components/form-switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-switch.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/form/components/form-switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAQ/C;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,eAAe,2CAwCzE;yBAxCe,UAAU"}

package/dist/components/features/form/components/form-textarea.d.ts

@@ -0,0 +1,21 @@
+import type { FormTextareaProps } from '../types';
+import * as React from 'react';
+/**
+ * Form.Textarea - Multi-line text input component
+ *
+ * Automatically wired to the parent Form.Field context.
+ *
+ * @example
+ * ```tsx
+ * <Form.Field name="bio" label="Bio">
+ *   <Form.Textarea rows={4} placeholder="Tell us about yourself..." />
+ * </Form.Field>
+ * ```
+ */
+export declare function FormTextarea({ ref, className, disabled, rows, ...props }: FormTextareaProps & {
+    ref?: React.RefObject<HTMLTextAreaElement | null>;
+}): import("react/jsx-runtime").JSX.Element;
+export declare namespace FormTextarea {
+    var displayName: string;
+}
+//# sourceMappingURL=form-textarea.d.ts.map

package/dist/components/features/form/components/form-textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-textarea.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/form/components/form-textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAA;CAAE,2CAmBvJ;yBAnBe,YAAY"}

package/dist/components/features/form/components/form-when.d.ts

@@ -0,0 +1,34 @@
+import type { FormWhenProps } from '../types';
+/**
+ * Form.When - Conditional rendering based on field values
+ *
+ * Renders children only when the specified field matches the condition.
+ *
+ * @example
+ * ```tsx
+ * // Render when field equals value
+ * <Form.When field="contactMethod" is="email">
+ *   <Form.Field name="email"><Form.Input type="email" /></Form.Field>
+ * </Form.When>
+ *
+ * // Render when field does not equal value
+ * <Form.When field="contactMethod" isNot="none">
+ *   <Form.Field name="contact"><Form.Input /></Form.Field>
+ * </Form.When>
+ *
+ * // Render when field value is in array
+ * <Form.When field="role" in={['admin', 'moderator']}>
+ *   <Form.Field name="permissions"><Form.Input /></Form.Field>
+ * </Form.When>
+ *
+ * // Render when field value is not in array
+ * <Form.When field="status" notIn={['archived', 'deleted']}>
+ *   <Form.Field name="actions"><Form.Input /></Form.Field>
+ * </Form.When>
+ * ```
+ */
+export declare function FormWhen({ field, is, isNot, in: inArray, notIn, children }: FormWhenProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace FormWhen {
+    var displayName: string;
+}
+//# sourceMappingURL=form-when.d.ts.map

package/dist/components/features/form/components/form-when.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-when.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/form/components/form-when.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAI7C;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,aAAa,kDA+BzF;yBA/Be,QAAQ"}

package/dist/components/features/form/components/index.d.ts

@@ -0,0 +1,20 @@
+export { FormAutocomplete } from './form-autocomplete';
+export { FormButton } from './form-button';
+export { FormCheckbox } from './form-checkbox';
+export { FormCopyBox } from './form-copy-box';
+export { FormCustom } from './form-custom';
+export { FormDescription } from './form-description';
+export { FormDialog } from './form-dialog';
+export { FormError } from './form-error';
+export { FormField } from './form-field';
+export { FormFieldArray } from './form-field-array';
+export { FormInput } from './form-input';
+export { FormRadioGroup, FormRadioItem } from './form-radio-group';
+export { FormRoot } from './form-root';
+export { FormSelect, FormSelectItem } from './form-select';
+export { FormSubmit } from './form-submit';
+export { FormSwitch } from './form-switch';
+export { FormTextarea } from './form-textarea';
+export { FormWhen } from './form-when';
+export { FormStep, FormStepper, StepperControls, StepperNavigation } from './stepper';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/features/form/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/form/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAGpD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAElE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAGtC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA"}

package/dist/components/features/form/components/stepper/form-step.d.ts

@@ -0,0 +1,22 @@
+import type { FormStepProps } from '../../types';
+/**
+ * Form.Step - Individual step content container
+ *
+ * Only renders its children when the step is active.
+ * Works with the single-form architecture - fields remain registered
+ * even when unmounted, preserving their values.
+ *
+ * @example
+ * ```tsx
+ * <Form.Step id="account">
+ *   <Form.Field name="email" label="Email" required>
+ *     <Form.Input type="email" />
+ *   </Form.Field>
+ * </Form.Step>
+ * ```
+ */
+export declare function FormStep({ id, children }: FormStepProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace FormStep {
+    var displayName: string;
+}
+//# sourceMappingURL=form-step.d.ts.map

package/dist/components/features/form/components/stepper/form-step.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-step.d.ts","sourceRoot":"","sources":["../../../../../../src/components/features/form/components/stepper/form-step.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAIhD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,QAAQ,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,aAAa,kDASvD;yBATe,QAAQ"}

package/dist/components/features/form/components/stepper/form-stepper.d.ts

@@ -0,0 +1,71 @@
+import type { FormStepperProps, StepConfig } from '../../types';
+import * as React from 'react';
+interface FormStepperContextValue {
+    /** All step configurations */
+    steps: StepConfig[];
+    /** Current step config */
+    current: StepConfig;
+    /** Current step index */
+    currentIndex: number;
+    /** Go to next step */
+    next: () => void;
+    /** Go to previous step */
+    prev: () => void;
+    /** Go to specific step by ID */
+    goTo: (stepId: string) => void;
+    /** Whether current step is first */
+    isFirst: boolean;
+    /** Whether current step is last */
+    isLast: boolean;
+    /** Get metadata for a specific step */
+    getStepData: (stepId: string) => Record<string, unknown> | undefined;
+    /** Get all metadata from all steps */
+    getAllStepData: () => Record<string, unknown>;
+    /** Stepperize utils */
+    utils: {
+        getIndex: (id: string) => number;
+    };
+}
+export declare function useFormStepperContext(): FormStepperContextValue;
+/**
+ * Form.Stepper - Multi-step form container
+ *
+ * Uses Stepperize internally for step navigation and a single Conform form
+ * instance for all steps. Schemas are auto-merged for unified validation.
+ *
+ * @example
+ * ```tsx
+ * const steps = [
+ *   { id: 'account', label: 'Account', schema: accountSchema },
+ *   { id: 'profile', label: 'Profile', schema: profileSchema },
+ * ];
+ *
+ * <Form.Stepper steps={steps} onComplete={handleComplete}>
+ *   <Form.StepperNavigation />
+ *
+ *   <Form.Step id="account">
+ *     <Form.Field name="email" label="Email" required>
+ *       <Form.Input type="email" />
+ *     </Form.Field>
+ *   </Form.Step>
+ *
+ *   <Form.Step id="profile">
+ *     <Form.Field name="name" label="Full Name" required>
+ *       <Form.Input />
+ *     </Form.Field>
+ *   </Form.Step>
+ *
+ *   <Form.StepperControls />
+ * </Form.Stepper>
+ * ```
+ */
+export declare function FormStepper({ steps, children, onComplete, onStepChange, initialStep, className, defaultValues, id, formComponent, }: FormStepperProps & {
+    defaultValues?: Record<string, unknown>;
+    id?: string;
+    formComponent?: React.ElementType;
+}): import("react/jsx-runtime").JSX.Element;
+export declare namespace FormStepper {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=form-stepper.d.ts.map

package/dist/components/features/form/components/stepper/form-stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-stepper.d.ts","sourceRoot":"","sources":["../../../../../../src/components/features/form/components/stepper/form-stepper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAA0B,UAAU,EAAE,MAAM,aAAa,CAAA;AAGvF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,UAAU,uBAAuB;IAC/B,8BAA8B;IAC9B,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,0BAA0B;IAC1B,OAAO,EAAE,UAAU,CAAA;IACnB,yBAAyB;IACzB,YAAY,EAAE,MAAM,CAAA;IACpB,sBAAsB;IACtB,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,0BAA0B;IAC1B,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,gCAAgC;IAChC,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,oCAAoC;IACpC,OAAO,EAAE,OAAO,CAAA;IAChB,mCAAmC;IACnC,MAAM,EAAE,OAAO,CAAA;IACf,uCAAuC;IACvC,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAA;IACpE,sCAAsC;IACtC,cAAc,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC7C,uBAAuB;IACvB,KAAK,EAAE;QACL,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAA;KACjC,CAAA;CACF;AAQD,wBAAgB,qBAAqB,IAAI,uBAAuB,CAM/D;AAwED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,WAAW,EACX,SAAS,EACT,aAAa,EACb,EAAE,EACF,aAAa,GACd,EAAE,gBAAgB,GAAG;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACvC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAClC,2CAqCA;yBAnDe,WAAW"}

package/dist/components/features/form/components/stepper/index.d.ts

@@ -0,0 +1,5 @@
+export { FormStep } from './form-step';
+export { FormStepper, useFormStepperContext } from './form-stepper';
+export { StepperControls } from './stepper-controls';
+export { StepperNavigation } from './stepper-navigation';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/features/form/components/stepper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/features/form/components/stepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAA;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA"}