@datum-cloud/datum-ui 0.1.1 → 0.2.0-alpha.1

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"}

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

@@ -0,0 +1,32 @@
+import type { StepperControlsProps } from '../../types';
+/**
+ * Form.StepperControls - Navigation buttons (Previous/Next/Submit)
+ *
+ * Provides Previous and Next/Submit buttons for navigating between steps.
+ * The Next button triggers form validation before advancing.
+ * The Previous button navigates back without validation.
+ *
+ * @example
+ * ```tsx
+ * <Form.StepperControls
+ *   prevLabel={(isFirst) => isFirst ? 'Cancel' : 'Previous'}
+ *   nextLabel={(isLast) => isLast ? 'Submit' : 'Next'}
+ *   loadingText="Creating..."
+ *   onCancel={() => setOpen(false)}
+ * />
+ * ```
+ *
+ * @example With external loading state
+ * ```tsx
+ * <Form.StepperControls
+ *   loading={fetcher.state === 'submitting'}
+ *   disabled={!isValid}
+ *   loadingText="Saving..."
+ * />
+ * ```
+ */
+export declare function StepperControls({ prevLabel, nextLabel, loadingText, showPrev, loading, disabled, onPrev, onCancel, className, }: StepperControlsProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace StepperControls {
+    var displayName: string;
+}
+//# sourceMappingURL=stepper-controls.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stepper-controls.d.ts","sourceRoot":"","sources":["../../../../../../src/components/features/form/components/stepper/stepper-controls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAOvD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,SAAsB,EACtB,SAA6D,EAC7D,WAA6B,EAC7B,QAAe,EACf,OAAO,EACP,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,SAAS,GACV,EAAE,oBAAoB,2CA4DtB;yBAtEe,eAAe"}

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

@@ -0,0 +1,17 @@
+import type { StepperNavigationProps } from '../../types';
+/**
+ * Form.StepperNavigation - Step indicators/progress
+ *
+ * Displays visual step indicators showing current progress through the form.
+ * Supports horizontal and vertical variants with optional label orientation.
+ *
+ * @example
+ * ```tsx
+ * <Form.StepperNavigation variant="horizontal" labelOrientation="vertical" />
+ * ```
+ */
+export declare function StepperNavigation({ variant, labelOrientation, className, }: StepperNavigationProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace StepperNavigation {
+    var displayName: string;
+}
+//# sourceMappingURL=stepper-navigation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stepper-navigation.d.ts","sourceRoot":"","sources":["../../../../../../src/components/features/form/components/stepper/stepper-navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAA;AAMzD;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,OAAsB,EACtB,gBAA6B,EAC7B,SAAS,GACV,EAAE,sBAAsB,2CA6JxB;yBAjKe,iBAAiB"}

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

@@ -0,0 +1,16 @@
+import type { FormFieldContextValue } from '../types';
+import * as React from 'react';
+declare const FieldContext: React.Context<FormFieldContextValue | null>;
+export interface FieldProviderProps {
+    children: React.ReactNode;
+    value: FormFieldContextValue;
+}
+export declare function FieldProvider({ children, value }: FieldProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useFieldContext(): FormFieldContextValue;
+/**
+ * Optional field context - returns null if not within a Form.Field
+ * Useful for components that can work both inside and outside Form.Field
+ */
+export declare function useOptionalFieldContext(): FormFieldContextValue | null;
+export { FieldContext };
+//# sourceMappingURL=field-context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-context.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/form/context/field-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,QAAA,MAAM,YAAY,6CAA0D,CAAA;AAE5E,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,EAAE,qBAAqB,CAAA;CAC7B;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,kBAAkB,2CAEpE;AAED,wBAAgB,eAAe,IAAI,qBAAqB,CAWvD;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,IAAI,qBAAqB,GAAG,IAAI,CAEtE;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}

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

@@ -0,0 +1,20 @@
+import type { FieldMetadata } from '@conform-to/react';
+import type { FormContextValue } from '../types';
+import * as React from 'react';
+declare const FormContext: React.Context<FormContextValue<Record<string, unknown>> | null>;
+export interface FormProviderProps {
+    children: React.ReactNode;
+    value: FormContextValue;
+}
+export declare function FormProvider({ children, value }: FormProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useFormContext<T extends Record<string, unknown> = Record<string, unknown>>(): FormContextValue<T>;
+/**
+ * Get a specific field from the form context
+ */
+export declare function useFormField(name: string): FieldMetadata<unknown> | undefined;
+/**
+ * Check if the form is currently submitting
+ */
+export declare function useFormSubmitting(): boolean;
+export { FormContext };
+//# sourceMappingURL=form-context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-context.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/form/context/form-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,QAAA,MAAM,WAAW,iEAAqD,CAAA;AAEtE,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,EAAE,gBAAgB,CAAA;CACxB;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,iBAAiB,2CAElE;AAED,wBAAgB,cAAc,CAC5B,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KACxD,gBAAgB,CAAC,CAAC,CAAC,CAQvB;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,aAAa,CAAC,OAAO,CAAC,GAAG,SAAS,CAG7E;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,OAAO,CAG3C;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

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

@@ -0,0 +1,3 @@
+export { FieldContext, FieldProvider, useFieldContext, useOptionalFieldContext, } from './field-context';
+export { FormContext, FormProvider, useFormContext, useFormField, useFormSubmitting, } from './form-context';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/form/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,aAAa,EACb,eAAe,EACf,uBAAuB,GACxB,MAAM,iBAAiB,CAAA;AAExB,OAAO,EACL,WAAW,EACX,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,iBAAiB,GAClB,MAAM,gBAAgB,CAAA"}

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

@@ -0,0 +1,6 @@
+export { useField } from './use-field';
+export { useFieldContext } from './use-field-context';
+export { useFormContext } from './use-form-context';
+export { useStepper } from './use-stepper';
+export { useWatch, useWatchAll } from './use-watch';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/form/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA"}

package/dist/components/features/form/hooks/use-field-context.d.ts

@@ -0,0 +1,24 @@
+import type { FormFieldContextValue } from '../types';
+/**
+ * Hook to access the current field context
+ * Must be used within a Form.Field component
+ *
+ * @example
+ * ```tsx
+ * function MyInput() {
+ *   const { name, id, errors, required, disabled, fieldMeta } = useFieldContext();
+ *
+ *   return (
+ *     <input
+ *       name={name}
+ *       id={id}
+ *       required={required}
+ *       disabled={disabled}
+ *       aria-invalid={!!errors?.length}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export declare function useFieldContext(): FormFieldContextValue;
+//# sourceMappingURL=use-field-context.d.ts.map