@uipath/apollo-vertex 0.0.0-stage → 0.1.0

package/dist/registry/form/form.js

@@ -0,0 +1,28 @@
+"use client";
+import { createFormHook } from "@tanstack/react-form";
+import { CheckboxField } from "./checkbox-field.js";
+import { fieldContext, formContext, useFieldContext, useFormContext } from "./form-context.js";
+import { RadioGroupField } from "./radio-group-field.js";
+import { SelectField } from "./select-field.js";
+import { SubmitButton } from "./submit-button.js";
+import { SwitchField } from "./switch-field.js";
+import { TextField } from "./text-field.js";
+import { TextareaField } from "./textarea-field.js";
+import { useTranslatedErrors } from "./use-translated-errors.js";
+import { FieldError } from "./field-error.js";
+const { useAppForm, withForm } = createFormHook({
+    fieldContext: fieldContext,
+    formContext: formContext,
+    fieldComponents: {
+        TextField: TextField,
+        TextareaField: TextareaField,
+        SelectField: SelectField,
+        CheckboxField: CheckboxField,
+        SwitchField: SwitchField,
+        RadioGroupField: RadioGroupField
+    },
+    formComponents: {
+        SubmitButton: SubmitButton
+    }
+});
+export { CheckboxField, FieldError, RadioGroupField, SelectField, SubmitButton, SwitchField, TextField, TextareaField, useAppForm, useFieldContext, useFormContext, useTranslatedErrors, withForm };

package/dist/registry/form/index.d.ts

@@ -0,0 +1 @@
+export { CheckboxField, type CheckboxFieldProps, FieldError, type FieldErrorProps, type FieldOption, RadioGroupField, type RadioGroupFieldProps, SelectField, type SelectFieldProps, SubmitButton, type SubmitButtonProps, SwitchField, type SwitchFieldProps, TextareaField, type TextareaFieldProps, TextField, type TextFieldProps, useAppForm, useFieldContext, useFormContext, useTranslatedErrors, withForm, } from "./form";

package/dist/registry/form/index.js

@@ -0,0 +1,2 @@
+import { CheckboxField, FieldError, RadioGroupField, SelectField, SubmitButton, SwitchField, TextField, TextareaField, useAppForm, useFieldContext, useFormContext, useTranslatedErrors, withForm } from "./form.js";
+export { CheckboxField, FieldError, RadioGroupField, SelectField, SubmitButton, SwitchField, TextField, TextareaField, useAppForm, useFieldContext, useFormContext, useTranslatedErrors, withForm };

package/dist/registry/form/radio-group-field.d.ts

@@ -0,0 +1,10 @@
+import type * as React from "react";
+import { type FieldOption } from "./field-utils";
+interface RadioGroupFieldProps {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    options: FieldOption[];
+}
+declare function RadioGroupField({ label, description, options, }: RadioGroupFieldProps): import("react/jsx-runtime").JSX.Element;
+export { RadioGroupField };
+export type { RadioGroupFieldProps };

package/dist/registry/form/radio-group-field.js

@@ -0,0 +1,61 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Field, FieldDescription, FieldError, FieldLabel } from "../field/field.js";
+import { RadioGroup, RadioGroupItem } from "../radio-group/radio-group.js";
+import { descriptionId, errorId, fieldDescribedBy } from "./field-utils.js";
+import { useFieldContext } from "./form-context.js";
+import { useTranslatedErrors } from "./use-translated-errors.js";
+function RadioGroupField({ label, description, options }) {
+    const field = useFieldContext();
+    const errors = useTranslatedErrors(field.state.meta.errors);
+    const invalid = errors.length > 0;
+    const labelId = `${field.name}-label`;
+    const describedBy = fieldDescribedBy(field.name, Boolean(description), invalid);
+    return /*#__PURE__*/ jsxs(Field, {
+        "data-invalid": invalid,
+        children: [
+            label ? /*#__PURE__*/ jsx(FieldLabel, {
+                id: labelId,
+                children: label
+            }) : null,
+            /*#__PURE__*/ jsx(RadioGroup, {
+                value: field.state.value ?? "",
+                onValueChange: field.handleChange,
+                "aria-invalid": invalid,
+                ...label ? {
+                    "aria-labelledby": labelId
+                } : {},
+                ...describedBy ? {
+                    "aria-describedby": describedBy
+                } : {},
+                children: options.map((option)=>{
+                    const itemId = `${field.name}-${option.value}`;
+                    return /*#__PURE__*/ jsxs(Field, {
+                        orientation: "horizontal",
+                        children: [
+                            /*#__PURE__*/ jsx(RadioGroupItem, {
+                                value: option.value,
+                                id: itemId,
+                                onBlur: field.handleBlur
+                            }),
+                            /*#__PURE__*/ jsx(FieldLabel, {
+                                htmlFor: itemId,
+                                className: "font-normal",
+                                children: option.label
+                            })
+                        ]
+                    }, option.value);
+                })
+            }),
+            description ? /*#__PURE__*/ jsx(FieldDescription, {
+                id: descriptionId(field.name),
+                children: description
+            }) : null,
+            /*#__PURE__*/ jsx(FieldError, {
+                id: errorId(field.name),
+                errors: errors
+            })
+        ]
+    });
+}
+export { RadioGroupField };

package/dist/registry/form/select-field.d.ts

@@ -0,0 +1,12 @@
+import type * as React from "react";
+import { type FieldOption } from "./field-utils";
+interface SelectFieldProps {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    placeholder?: string;
+    options: FieldOption[];
+    className?: string;
+}
+declare function SelectField({ label, description, placeholder, options, className, }: SelectFieldProps): import("react/jsx-runtime").JSX.Element;
+export { SelectField };
+export type { SelectFieldProps };

package/dist/registry/form/select-field.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Field, FieldDescription, FieldError, FieldLabel } from "../field/field.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../select/select.js";
+import { descriptionId, errorId, fieldDescribedBy } from "./field-utils.js";
+import { useFieldContext } from "./form-context.js";
+import { useTranslatedErrors } from "./use-translated-errors.js";
+function SelectField({ label, description, placeholder, options, className }) {
+    const field = useFieldContext();
+    const errors = useTranslatedErrors(field.state.meta.errors);
+    const invalid = errors.length > 0;
+    const describedBy = fieldDescribedBy(field.name, Boolean(description), invalid);
+    return /*#__PURE__*/ jsxs(Field, {
+        "data-invalid": invalid,
+        children: [
+            label ? /*#__PURE__*/ jsx(FieldLabel, {
+                htmlFor: field.name,
+                children: label
+            }) : null,
+            /*#__PURE__*/ jsxs(Select, {
+                value: field.state.value ?? "",
+                onValueChange: field.handleChange,
+                children: [
+                    /*#__PURE__*/ jsx(SelectTrigger, {
+                        id: field.name,
+                        onBlur: field.handleBlur,
+                        "aria-invalid": invalid,
+                        ...describedBy ? {
+                            "aria-describedby": describedBy
+                        } : {},
+                        className: className,
+                        children: /*#__PURE__*/ jsx(SelectValue, {
+                            placeholder: placeholder
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(SelectContent, {
+                        children: options.map((option)=>/*#__PURE__*/ jsx(SelectItem, {
+                                value: option.value,
+                                children: option.label
+                            }, option.value))
+                    })
+                ]
+            }),
+            description ? /*#__PURE__*/ jsx(FieldDescription, {
+                id: descriptionId(field.name),
+                children: description
+            }) : null,
+            /*#__PURE__*/ jsx(FieldError, {
+                id: errorId(field.name),
+                errors: errors
+            })
+        ]
+    });
+}
+export { SelectField };

package/dist/registry/form/submit-button.d.ts

@@ -0,0 +1,6 @@
+import type * as React from "react";
+import { Button } from "../button/button";
+type SubmitButtonProps = Omit<React.ComponentProps<typeof Button>, "type" | "disabled">;
+declare function SubmitButton({ children, ...props }: SubmitButtonProps): import("react/jsx-runtime").JSX.Element;
+export { SubmitButton };
+export type { SubmitButtonProps };

package/dist/registry/form/submit-button.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Button } from "../button/button.js";
+import { useFormContext } from "./form-context.js";
+function SubmitButton({ children, ...props }) {
+    const form = useFormContext();
+    return /*#__PURE__*/ jsx(form.Subscribe, {
+        selector: (state)=>state.canSubmit,
+        children: (canSubmit)=>/*#__PURE__*/ jsx(Button, {
+                type: "submit",
+                disabled: !canSubmit,
+                ...props,
+                children: children
+            })
+    });
+}
+export { SubmitButton };

package/dist/registry/form/switch-field.d.ts

@@ -0,0 +1,8 @@
+import type * as React from "react";
+interface SwitchFieldProps {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+}
+declare function SwitchField({ label, description }: SwitchFieldProps): import("react/jsx-runtime").JSX.Element;
+export { SwitchField };
+export type { SwitchFieldProps };

package/dist/registry/form/switch-field.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from "../field/field.js";
+import { Switch } from "../switch/switch.js";
+import { descriptionId, errorId, fieldDescribedBy } from "./field-utils.js";
+import { useFieldContext } from "./form-context.js";
+import { useTranslatedErrors } from "./use-translated-errors.js";
+function SwitchField({ label, description }) {
+    const field = useFieldContext();
+    const errors = useTranslatedErrors(field.state.meta.errors);
+    const invalid = errors.length > 0;
+    const describedBy = fieldDescribedBy(field.name, Boolean(description), invalid);
+    return /*#__PURE__*/ jsxs(Field, {
+        orientation: "horizontal",
+        "data-invalid": invalid,
+        children: [
+            /*#__PURE__*/ jsx(Switch, {
+                id: field.name,
+                name: field.name,
+                checked: field.state.value ?? false,
+                onCheckedChange: field.handleChange,
+                onBlur: field.handleBlur,
+                "aria-invalid": invalid,
+                ...describedBy ? {
+                    "aria-describedby": describedBy
+                } : {}
+            }),
+            /*#__PURE__*/ jsxs(FieldContent, {
+                children: [
+                    label ? /*#__PURE__*/ jsx(FieldLabel, {
+                        htmlFor: field.name,
+                        children: label
+                    }) : null,
+                    description ? /*#__PURE__*/ jsx(FieldDescription, {
+                        id: descriptionId(field.name),
+                        children: description
+                    }) : null,
+                    /*#__PURE__*/ jsx(FieldError, {
+                        id: errorId(field.name),
+                        errors: errors
+                    })
+                ]
+            })
+        ]
+    });
+}
+export { SwitchField };

package/dist/registry/form/text-field.d.ts

@@ -0,0 +1,9 @@
+import type * as React from "react";
+import { Input } from "../input/input";
+interface TextFieldProps extends Omit<React.ComponentProps<typeof Input>, "value" | "onChange" | "onBlur" | "name" | "id"> {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+}
+declare function TextField({ label, description, ...props }: TextFieldProps): import("react/jsx-runtime").JSX.Element;
+export { TextField };
+export type { TextFieldProps };

package/dist/registry/form/text-field.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Field, FieldDescription, FieldError, FieldLabel } from "../field/field.js";
+import { Input } from "../input/input.js";
+import { descriptionId, errorId, fieldDescribedBy } from "./field-utils.js";
+import { useFieldContext } from "./form-context.js";
+import { useTranslatedErrors } from "./use-translated-errors.js";
+function TextField({ label, description, ...props }) {
+    const field = useFieldContext();
+    const errors = useTranslatedErrors(field.state.meta.errors);
+    const invalid = errors.length > 0;
+    const describedBy = fieldDescribedBy(field.name, Boolean(description), invalid);
+    return /*#__PURE__*/ jsxs(Field, {
+        "data-invalid": invalid,
+        children: [
+            label ? /*#__PURE__*/ jsx(FieldLabel, {
+                htmlFor: field.name,
+                children: label
+            }) : null,
+            /*#__PURE__*/ jsx(Input, {
+                id: field.name,
+                name: field.name,
+                value: field.state.value ?? "",
+                onChange: (event)=>field.handleChange(event.target.value),
+                onBlur: field.handleBlur,
+                "aria-invalid": invalid,
+                ...describedBy ? {
+                    "aria-describedby": describedBy
+                } : {},
+                ...props
+            }),
+            description ? /*#__PURE__*/ jsx(FieldDescription, {
+                id: descriptionId(field.name),
+                children: description
+            }) : null,
+            /*#__PURE__*/ jsx(FieldError, {
+                id: errorId(field.name),
+                errors: errors
+            })
+        ]
+    });
+}
+export { TextField };

package/dist/registry/form/textarea-field.d.ts

@@ -0,0 +1,9 @@
+import type * as React from "react";
+import { Textarea } from "../textarea/textarea";
+interface TextareaFieldProps extends Omit<React.ComponentProps<typeof Textarea>, "value" | "onChange" | "onBlur" | "name" | "id"> {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+}
+declare function TextareaField({ label, description, ...props }: TextareaFieldProps): import("react/jsx-runtime").JSX.Element;
+export { TextareaField };
+export type { TextareaFieldProps };

package/dist/registry/form/textarea-field.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Field, FieldDescription, FieldError, FieldLabel } from "../field/field.js";
+import { Textarea } from "../textarea/textarea.js";
+import { descriptionId, errorId, fieldDescribedBy } from "./field-utils.js";
+import { useFieldContext } from "./form-context.js";
+import { useTranslatedErrors } from "./use-translated-errors.js";
+function TextareaField({ label, description, ...props }) {
+    const field = useFieldContext();
+    const errors = useTranslatedErrors(field.state.meta.errors);
+    const invalid = errors.length > 0;
+    const describedBy = fieldDescribedBy(field.name, Boolean(description), invalid);
+    return /*#__PURE__*/ jsxs(Field, {
+        "data-invalid": invalid,
+        children: [
+            label ? /*#__PURE__*/ jsx(FieldLabel, {
+                htmlFor: field.name,
+                children: label
+            }) : null,
+            /*#__PURE__*/ jsx(Textarea, {
+                id: field.name,
+                name: field.name,
+                value: field.state.value ?? "",
+                onChange: (event)=>field.handleChange(event.target.value),
+                onBlur: field.handleBlur,
+                "aria-invalid": invalid,
+                ...describedBy ? {
+                    "aria-describedby": describedBy
+                } : {},
+                ...props
+            }),
+            description ? /*#__PURE__*/ jsx(FieldDescription, {
+                id: descriptionId(field.name),
+                children: description
+            }) : null,
+            /*#__PURE__*/ jsx(FieldError, {
+                id: errorId(field.name),
+                errors: errors
+            })
+        ]
+    });
+}
+export { TextareaField };

package/dist/registry/form/use-translated-errors.d.ts

@@ -0,0 +1,3 @@
+export declare function useTranslatedErrors(errors: ReadonlyArray<unknown>): Array<{
+    message: string;
+}>;

package/dist/registry/form/use-translated-errors.js

@@ -0,0 +1,12 @@
+"use client";
+import { useTranslation } from "react-i18next";
+import { normalizeErrors } from "./field-utils.js";
+function useTranslatedErrors(errors) {
+    const { t } = useTranslation();
+    return normalizeErrors(errors).map((error)=>({
+            message: t(error.message, {
+                defaultValue: error.message
+            })
+        }));
+}
+export { useTranslatedErrors };

package/dist/registry/form-wizard/form-wizard-nav.d.ts

@@ -0,0 +1,15 @@
+import type { ComponentProps, ReactNode } from "react";
+import { useFormWizardContext } from "./form-wizard";
+interface FormWizardNavRenderApi {
+    back: () => void;
+    next: () => void;
+    isFirst: boolean;
+    isLast: boolean;
+    form: ReturnType<typeof useFormWizardContext>["form"];
+}
+interface FormWizardNavProps extends Omit<ComponentProps<"div">, "children"> {
+    children?: (api: FormWizardNavRenderApi) => ReactNode;
+}
+declare function FormWizardNav({ className, children, ...props }: FormWizardNavProps): import("react/jsx-runtime").JSX.Element;
+export { FormWizardNav };
+export type { FormWizardNavProps, FormWizardNavRenderApi };

package/dist/registry/form-wizard/form-wizard-nav.js

@@ -0,0 +1,42 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { Button } from "../button/button.js";
+import { cn } from "../../lib/utils.js";
+import { useFormWizardContext } from "./form-wizard.js";
+function FormWizardNav({ className, children, ...props }) {
+    const { form, isFirst, isLast, back, next } = useFormWizardContext();
+    const { t } = useTranslation();
+    if ("function" == typeof children) return /*#__PURE__*/ jsx(Fragment, {
+        children: children({
+            back,
+            next,
+            isFirst,
+            isLast,
+            form
+        })
+    });
+    return /*#__PURE__*/ jsxs("div", {
+        "data-slot": "form-wizard-nav",
+        className: cn("flex items-center justify-between gap-3", className),
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(Button, {
+                type: "button",
+                variant: "outline",
+                onClick: back,
+                disabled: isFirst,
+                children: t("wizard_back")
+            }),
+            /*#__PURE__*/ jsx(form.Subscribe, {
+                selector: (state)=>state.isSubmitting,
+                children: (isSubmitting)=>/*#__PURE__*/ jsx(Button, {
+                        type: "submit",
+                        disabled: isSubmitting,
+                        children: isLast ? t("wizard_submit") : t("wizard_next")
+                    })
+            })
+        ]
+    });
+}
+export { FormWizardNav };

package/dist/registry/form-wizard/form-wizard.d.ts

@@ -0,0 +1,27 @@
+import { type ComponentProps, type ReactNode } from "react";
+import { Stepper } from "../stepper/index";
+import { useFormWizard } from "./use-form-wizard";
+type FormWizardApi = ReturnType<typeof useFormWizard>;
+declare function useFormWizardContext(): FormWizardApi;
+interface FormWizardProps<TValues extends Record<string, unknown>> extends ComponentProps<"div"> {
+    wizard: ReturnType<typeof useFormWizard<TValues>>;
+    asChild?: boolean;
+}
+declare function FormWizard<TValues extends Record<string, unknown>>({ wizard, className, children, asChild, ...props }: FormWizardProps<TValues>): import("react/jsx-runtime").JSX.Element;
+interface FormWizardStepsRenderApi {
+    steps: FormWizardApi["steps"];
+    stepIndex: number;
+    goToStep: (id: string) => void;
+}
+interface FormWizardStepsProps extends Omit<ComponentProps<typeof Stepper>, "activeStep" | "children"> {
+    clickable?: boolean;
+    children?: (api: FormWizardStepsRenderApi) => ReactNode;
+}
+declare function FormWizardSteps({ clickable, className, children, ...props }: FormWizardStepsProps): import("react/jsx-runtime").JSX.Element;
+interface FormWizardStepProps extends ComponentProps<"div"> {
+    stepId: string;
+    asChild?: boolean;
+}
+declare function FormWizardStep({ stepId, className, children, asChild, ...props }: FormWizardStepProps): import("react/jsx-runtime").JSX.Element | null;
+export { FormWizard, FormWizardStep, FormWizardSteps, useFormWizardContext };
+export type { FormWizardProps, FormWizardStepProps, FormWizardStepsProps, FormWizardStepsRenderApi, };

package/dist/registry/form-wizard/form-wizard.js

@@ -0,0 +1,79 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { createContext, useContext } from "react";
+import { Stepper, StepperContent, StepperDescription, StepperIndicator, StepperItem, StepperSeparator, StepperTitle, StepperTrigger } from "../stepper/index.js";
+import { cn } from "../../lib/utils.js";
+const FormWizardContext = /*#__PURE__*/ createContext(null);
+function useFormWizardContext() {
+    const context = useContext(FormWizardContext);
+    if (!context) throw new Error("FormWizard parts must be used within a <FormWizard>.");
+    return context;
+}
+function FormWizard({ wizard, className, children, asChild = false, ...props }) {
+    const Comp = asChild ? Slot : "div";
+    return /*#__PURE__*/ jsx(FormWizardContext.Provider, {
+        value: wizard,
+        children: /*#__PURE__*/ jsx(Comp, {
+            "data-slot": "form-wizard",
+            className: cn("flex flex-col gap-8", className),
+            ...props,
+            children: children
+        })
+    });
+}
+function FormWizardSteps({ clickable, className, children, ...props }) {
+    const { steps, stepIndex, goToStep } = useFormWizardContext();
+    if ("function" == typeof children) return /*#__PURE__*/ jsx(Fragment, {
+        children: children({
+            steps,
+            stepIndex,
+            goToStep
+        })
+    });
+    return /*#__PURE__*/ jsx(Stepper, {
+        activeStep: stepIndex,
+        className: className,
+        ...props,
+        children: steps.map((step, index)=>{
+            const canNavigate = clickable && index < stepIndex;
+            const navProps = canNavigate ? {
+                onClick: ()=>goToStep(step.id)
+            } : {};
+            return /*#__PURE__*/ jsxs(StepperItem, {
+                step: index,
+                children: [
+                    /*#__PURE__*/ jsxs(StepperTrigger, {
+                        ...navProps,
+                        children: [
+                            /*#__PURE__*/ jsx(StepperIndicator, {}),
+                            /*#__PURE__*/ jsxs(StepperContent, {
+                                children: [
+                                    /*#__PURE__*/ jsx(StepperTitle, {
+                                        children: step.title
+                                    }),
+                                    step.description ? /*#__PURE__*/ jsx(StepperDescription, {
+                                        children: step.description
+                                    }) : null
+                                ]
+                            })
+                        ]
+                    }),
+                    index < steps.length - 1 ? /*#__PURE__*/ jsx(StepperSeparator, {}) : null
+                ]
+            }, step.id);
+        })
+    });
+}
+function FormWizardStep({ stepId, className, children, asChild = false, ...props }) {
+    const { currentStepId } = useFormWizardContext();
+    if (stepId !== currentStepId) return null;
+    const Comp = asChild ? Slot : "div";
+    return /*#__PURE__*/ jsx(Comp, {
+        "data-slot": "form-wizard-step",
+        className: cn("flex flex-col", className),
+        ...props,
+        children: children
+    });
+}
+export { FormWizard, FormWizardStep, FormWizardSteps, useFormWizardContext };

package/dist/registry/form-wizard/index.d.ts

@@ -0,0 +1,4 @@
+export { FormWizard, type FormWizardProps, FormWizardStep, type FormWizardStepProps, FormWizardSteps, type FormWizardStepsProps, type FormWizardStepsRenderApi, useFormWizardContext, } from "./form-wizard";
+export { FormWizardNav, type FormWizardNavProps, type FormWizardNavRenderApi, } from "./form-wizard-nav";
+export { useFormWizard, type UseFormWizardOptions, type WizardPersistConfig, } from "./use-form-wizard";
+export { getVisibleSteps, type WizardStepDef } from "./wizard-schema";

package/dist/registry/form-wizard/index.js

@@ -0,0 +1,5 @@
+import { FormWizard, FormWizardStep, FormWizardSteps, useFormWizardContext } from "./form-wizard.js";
+import { FormWizardNav } from "./form-wizard-nav.js";
+import { useFormWizard } from "./use-form-wizard.js";
+import { getVisibleSteps } from "./wizard-schema.js";
+export { FormWizard, FormWizardNav, FormWizardStep, FormWizardSteps, getVisibleSteps, useFormWizard, useFormWizardContext };

package/dist/registry/form-wizard/use-form-wizard.d.ts

@@ -0,0 +1,41 @@
+import { type FormValidateFn } from "@tanstack/react-form";
+import type { z } from "zod";
+import { type WizardStepDef } from "./wizard-schema";
+interface WizardPersistConfig {
+    key: string;
+}
+interface UseFormWizardOptions<TValues extends Record<string, unknown>> {
+    formOptions: {
+        defaultValues: TValues;
+    };
+    schema: z.ZodType<TValues>;
+    steps: ReadonlyArray<WizardStepDef<TValues>>;
+    persist?: WizardPersistConfig;
+    onSubmit: (values: TValues) => void | Promise<void>;
+}
+declare function useFormWizard<TValues extends Record<string, unknown>>({ formOptions, schema, steps, persist, onSubmit, }: UseFormWizardOptions<TValues>): {
+    form: import("@tanstack/react-form").AppFieldExtendedReactFormApi<TValues, import("@tanstack/react-form").FormValidateOrFn<TValues> | undefined, import("@tanstack/react-form").FormValidateOrFn<TValues> | undefined, import("@tanstack/react-form").FormAsyncValidateOrFn<TValues> | undefined, import("@tanstack/react-form").FormValidateOrFn<TValues> | undefined, import("@tanstack/react-form").FormAsyncValidateOrFn<TValues> | undefined, import("@tanstack/react-form").FormValidateOrFn<TValues> | undefined, import("@tanstack/react-form").FormAsyncValidateOrFn<TValues> | undefined, FormValidateFn<TValues>, import("@tanstack/react-form").FormAsyncValidateOrFn<TValues> | undefined, import("@tanstack/react-form").FormAsyncValidateOrFn<TValues> | undefined, unknown, {
+        readonly TextField: typeof import("../form/index").TextField;
+        readonly TextareaField: typeof import("../form/index").TextareaField;
+        readonly SelectField: typeof import("../form/index").SelectField;
+        readonly CheckboxField: typeof import("../form/index").CheckboxField;
+        readonly SwitchField: typeof import("../form/index").SwitchField;
+        readonly RadioGroupField: typeof import("../form/index").RadioGroupField;
+    }, {
+        readonly SubmitButton: typeof import("../form/index").SubmitButton;
+    }>;
+    steps: WizardStepDef<TValues>[];
+    currentStep: WizardStepDef<TValues>;
+    currentStepId: string;
+    stepIndex: number;
+    stepCount: number;
+    isFirst: boolean;
+    isLast: boolean;
+    progress: number;
+    next: () => void;
+    back: () => void;
+    goToStep: (id: string) => void;
+    reset: () => void;
+};
+export { useFormWizard };
+export type { UseFormWizardOptions, WizardPersistConfig };