dawn-ui-react 1.0.0-alpha.3 → 1.0.0-alpha.30

package/dist/components/dropzone/dropzone.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { DropzoneProps } from './dropzone.types';
+type DropzoneContextProps = {
+    acceptedFileTypes: string[];
+    fileError: string | null;
+    fileProgress: Record<string, number>;
+    files: File[];
+    handleDragLeave: (event: React.DragEvent<HTMLDivElement>) => void;
+    handleDragOver: (event: React.DragEvent<HTMLDivElement>) => void;
+    handleDrop: (event: React.DragEvent<HTMLDivElement>) => void;
+    handleFiles: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    inputRef: React.RefObject<HTMLInputElement | null>;
+    isHovering: boolean;
+    maxFileSize?: string;
+    maxFiles?: number;
+    props: React.ComponentProps<'input'>;
+    removeFile: (file: File) => void;
+    setFiles: React.Dispatch<React.SetStateAction<File[]>>;
+    onUpload?: (file: File, onProgress: (percent: number) => void) => void | Promise<void>;
+    onConfirm?: (files: File[]) => void;
+};
+export declare const Dropzone: ({ maxFiles, maxFileSize, maxFilesErrorLabel, maxFileSizeErrorLabel, fileTypeErrorLabel, onUpload, ref, className, children, onChange, onConfirm, ...props }: DropzoneProps) => React.JSX.Element;
+export declare const useDropzone: () => DropzoneContextProps;
+export {};

package/dist/components/dropzone/dropzone.types.d.ts

@@ -0,0 +1,30 @@
+import { Button } from '../button';
+export type DropzoneContainerProps = React.ComponentProps<'div'> & {
+    children?: React.ReactNode;
+};
+export type DropzoneErrorProps = React.ComponentProps<'p'>;
+export type DropzoneFilesListProps = React.ComponentProps<'ul'>;
+export type DropzoneFileSizeLimitProps = React.ComponentProps<'span'>;
+export type DropzoneFormatsProps = React.ComponentProps<'span'>;
+export type DropzoneHeadingProps = React.ComponentProps<'span'>;
+export type DropzoneIconProps = React.ComponentProps<'div'>;
+export type DropzoneInfoProps = React.ComponentProps<'div'>;
+export type DropzoneSubtitleProps = React.ComponentProps<'span'>;
+export type DropzoneTriggerProps = React.ComponentProps<'button'>;
+export type DropzoneProps = React.ComponentProps<'input'> & {
+    children?: React.ReactNode;
+    maxFiles?: number;
+    maxFileSize?: number;
+    maxFilesErrorLabel?: (maxFiles: number) => string;
+    maxFileSizeErrorLabel?: (fileName: string, maxFileSize: string) => string;
+    fileTypeErrorLabel?: (fileName: string) => string;
+    onConfirm?: (files: File[]) => void;
+    onUpload?: (file: File, onProgress: (percent: number) => void) => void | Promise<void>;
+};
+export type DropzoneFileLimitProps = React.ComponentProps<'span'>;
+export type DropzoneFilesProps = React.ComponentProps<'div'>;
+export type DropzoneFilesHeaderProps = React.ComponentProps<'div'>;
+export type DropzoneFilesTitleProps = React.ComponentProps<'span'>;
+export type DropzoneActionsProps = React.ComponentProps<'div'>;
+export type DropzoneConfirmProps = React.ComponentProps<typeof Button>;
+export type DropzoneClearProps = React.ComponentProps<typeof Button>;

package/dist/components/dropzone/dropzone.utils.d.ts

@@ -0,0 +1,3 @@
+export declare const formatFileSize: (bytes: number) => string;
+export declare const getFileKey: (file: File) => string;
+export declare const isFileTypeAccepted: (file: File, acceptedFileTypes: string[]) => boolean;

package/dist/components/dropzone/index.d.ts

@@ -0,0 +1,18 @@
+export type { DropzoneProps, DropzoneContainerProps, DropzoneErrorProps, DropzoneActionsProps, DropzoneClearProps, DropzoneConfirmProps, DropzoneFilesListProps, DropzoneFileLimitProps, DropzoneFilesHeaderProps, DropzoneFilesProps, DropzoneFilesTitleProps, DropzoneFileSizeLimitProps, DropzoneFormatsProps, DropzoneHeadingProps, DropzoneIconProps, DropzoneSubtitleProps, DropzoneTriggerProps, DropzoneInfoProps, } from './dropzone.types';
+export { Dropzone } from './dropzone';
+export { DropzoneContainer } from './dropzone-container';
+export { DropzoneError } from './dropzone-error';
+export { DropzoneFilesList as DropzoneFileList } from './dropzone-files-list';
+export { DropzoneFileSizeLimit } from './dropzone-file-size-limit';
+export { DropzoneFormats } from './dropzone-formats';
+export { DropzoneHeading } from './dropzone-heading';
+export { DropzoneIcon } from './dropzone-icon';
+export { DropzoneSubtitle } from './dropzone-subtitle';
+export { DropzoneTrigger } from './dropzone-trigger';
+export { DropzoneInfo } from './dropzone-info';
+export { DropzoneFiles } from './dropzone-files';
+export { DropzoneFilesHeader } from './dropzone-files-header';
+export { DropzoneFilesTitle } from './dropzone-files-title';
+export { DropzoneActions } from './dropzone-actions';
+export { DropzoneConfirm } from './dropzone-confirm';
+export { DropzoneClear } from './dropzone-clear';

package/dist/components/field/field-checkbox.d.ts

@@ -1,2 +1,2 @@
 import { FieldCheckboxProps } from './field.types';
-export declare const FieldCheckbox: ({ ...props }: FieldCheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FieldCheckbox: ({ ...props }: FieldCheckboxProps) => import("react").JSX.Element;

package/dist/components/field/field-description.d.ts

@@ -1,2 +1,2 @@
 import { FieldDescriptionProps } from './field.types';
-export declare const FieldDescription: ({ className, children, ref, ...props }: FieldDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FieldDescription: ({ className, children, ref, ...props }: FieldDescriptionProps) => import("react").JSX.Element;

package/dist/components/field/field-errors.d.ts

@@ -1,2 +1,2 @@
 import { FieldErrorProps } from './field.types';
-export declare const FieldErrors: ({ className, children, ref, ...props }: FieldErrorProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const FieldErrors: ({ className, children, ref, ...props }: FieldErrorProps) => import("react").JSX.Element | null;

package/dist/components/field/field-input-group-input.d.ts

@@ -1,2 +1,2 @@
 import { FieldInputGroupInputProps } from './field.types';
-export declare const FieldInputGroupInput: ({ className, ref, ...props }: FieldInputGroupInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FieldInputGroupInput: ({ className, ref, ...props }: FieldInputGroupInputProps) => import("react").JSX.Element;

package/dist/components/field/field-input-group.d.ts

@@ -1,2 +1,2 @@
 import { FieldInputGroupProps } from './field.types';
-export declare const FieldInputGroup: ({ className, children, ref, ...props }: FieldInputGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FieldInputGroup: ({ className, children, ref, ...props }: FieldInputGroupProps) => import("react").JSX.Element;

package/dist/components/field/field-input.d.ts

@@ -1,2 +1,2 @@
 import { FieldInputProps } from './field.types';
-export declare const FieldInput: ({ className, children, ref, ...props }: FieldInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FieldInput: ({ className, children, ref, ...props }: FieldInputProps) => import("react").JSX.Element;

package/dist/components/field/field-label.d.ts

@@ -1,2 +1,2 @@
 import { FieldLabelProps } from './field.types';
-export declare const FieldLabel: ({ className, children, ref, ...props }: FieldLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FieldLabel: ({ size, variant, showRequired, className, children, ref, ...props }: FieldLabelProps) => import("react").JSX.Element;

package/dist/components/field/field-radio-group.d.ts

@@ -1,2 +1,2 @@
 import { FieldRadioGroupProps } from './field.types';
-export declare const FieldRadioGroup: ({ children, ...props }: FieldRadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FieldRadioGroup: ({ children, ...props }: FieldRadioGroupProps) => import("react").JSX.Element;

package/dist/components/field/field-radio.d.ts

@@ -0,0 +1,2 @@
+import { FieldRadioProps } from './field.types';
+export declare const FieldRadio: ({ children, ...props }: FieldRadioProps) => import("react").JSX.Element;

package/dist/components/field/field-row.d.ts

@@ -0,0 +1,2 @@
+import { FieldRowProps } from './field.types';
+export declare const FieldRow: ({ className, children, ref, ...props }: FieldRowProps) => import("react").JSX.Element;

package/dist/components/field/field-select.d.ts

@@ -1,2 +1,2 @@
 import { FieldSelectProps } from './field.types';
-export declare const FieldSelect: ({ children, ...props }: FieldSelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FieldSelect: ({ children, ...props }: FieldSelectProps) => import("react").JSX.Element;

package/dist/components/field/field-set.d.ts

@@ -0,0 +1,2 @@
+import { FieldSetProps } from './field.types';
+export declare const FieldSet: ({ className, children, ref, ...props }: FieldSetProps) => import("react").JSX.Element;

package/dist/components/field/field-slider.d.ts

@@ -1,2 +1,2 @@
 import { FieldSliderProps } from './field.types';
-export declare const FieldSlider: ({ className, ref, ...props }: FieldSliderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FieldSlider: ({ className, ref, ...props }: FieldSliderProps) => import("react").JSX.Element;

package/dist/components/field/field-switch.d.ts

@@ -1,2 +1,2 @@
 import { FieldSwitchProps } from './field.types';
-export declare const FieldSwitch: ({ ...props }: FieldSwitchProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FieldSwitch: ({ ...props }: FieldSwitchProps) => import("react").JSX.Element;

package/dist/components/field/field-text-area.d.ts

@@ -1,2 +1,2 @@
 import { FieldTextAreaProps } from './field.types';
-export declare const FieldTextArea: ({ className, ref, ...props }: FieldTextAreaProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FieldTextArea: ({ className, ref, ...props }: FieldTextAreaProps) => import("react").JSX.Element;

package/dist/components/field/field-toggle.d.ts

@@ -1,2 +1,2 @@
 import { FieldToggleProps } from './field.types';
-export declare const FieldToggle: ({ children, ...props }: FieldToggleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FieldToggle: ({ children, ...props }: FieldToggleProps) => import("react").JSX.Element;

package/dist/components/field/field.d.ts

@@ -1,2 +1,2 @@
 import { FieldProps } from './field.types';
-export declare const Field: ({ className, children, ref, ...props }: FieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Field: ({ className, children, ref, ...props }: FieldProps) => import("react").JSX.Element;

package/dist/components/field/field.types.d.ts

@@ -1,7 +1,8 @@
+import { VariantProps } from 'class-variance-authority';
 import { Checkbox } from '../checkbox';
 import { Input } from '../input';
 import { InputGroup, InputGroupInput } from '../input-group';
-import { RadioGroup } from '../radio-group';
+import { Radio, RadioGroup } from '../radio-group';
 import { Select } from '../select';
 import { Slider } from '../slider';
 import { Switch } from '../switch';
@@ -12,12 +13,21 @@ export type FieldErrorProps = React.ComponentProps<'ul'>;
 export type FieldInputGroupProps = React.ComponentProps<typeof InputGroup>;
 export type FieldInputGroupInputProps = React.ComponentProps<typeof InputGroupInput>;
 export type FieldInputProps = React.ComponentProps<typeof Input>;
-export type FieldLabelProps = React.ComponentProps<'div'>;
+export type FieldLabelProps = React.ComponentProps<'div'> & VariantProps<typeof fieldLabelVariants> & {
+    showRequired?: boolean;
+};
 export type FieldSelectProps = React.ComponentProps<typeof Select>;
 export type FieldSliderProps = React.ComponentProps<typeof Slider>;
 export type FieldTextAreaProps = React.ComponentProps<typeof TextArea>;
 export type FieldCheckboxProps = React.ComponentProps<typeof Checkbox>;
+export type FieldRadioProps = React.ComponentProps<typeof Radio>;
 export type FieldRadioGroupProps = React.ComponentProps<typeof RadioGroup>;
 export type FieldSwitchProps = React.ComponentProps<typeof Switch>;
 export type FieldToggleProps = React.ComponentProps<typeof Toggle>;
 export type FieldProps = React.ComponentProps<'div'>;
+export type FieldSetProps = React.ComponentProps<'div'>;
+export type FieldRowProps = React.ComponentProps<'div'>;
+export declare const fieldLabelVariants: (props?: ({
+    size?: "small" | "large" | "medium" | null | undefined;
+    variant?: "primary" | "secondary" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/field/index.d.ts

@@ -1,5 +1,5 @@
 export { Field } from './field';
-export type { FieldDescriptionProps, FieldErrorProps, FieldInputProps, FieldLabelProps, FieldProps, FieldSelectProps, FieldSliderProps, FieldTextAreaProps, FieldCheckboxProps, FieldRadioGroupProps, FieldSwitchProps, FieldToggleProps, } from './field.types';
+export type { FieldDescriptionProps, FieldErrorProps, FieldInputProps, FieldLabelProps, FieldProps, FieldSelectProps, FieldSliderProps, FieldTextAreaProps, FieldCheckboxProps, FieldRadioProps, FieldRadioGroupProps, FieldSwitchProps, FieldToggleProps, FieldInputGroupInputProps, FieldInputGroupProps, FieldSetProps, FieldRowProps, } from './field.types';
 export { FieldDescription } from './field-description';
 export { FieldErrors } from './field-errors';
 export { FieldInput } from './field-input';
@@ -8,6 +8,11 @@ export { FieldSlider } from './field-slider';
 export { FieldSelect } from './field-select';
 export { FieldTextArea } from './field-text-area';
 export { FieldCheckbox } from './field-checkbox';
+export { FieldRadio } from './field-radio';
 export { FieldRadioGroup } from './field-radio-group';
 export { FieldSwitch } from './field-switch';
 export { FieldToggle } from './field-toggle';
+export { FieldInputGroup } from './field-input-group';
+export { FieldInputGroupInput } from './field-input-group-input';
+export { FieldSet } from './field-set';
+export { FieldRow } from './field-row';

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

@@ -1,98 +1,182 @@
-export declare const fieldContext: import('react').Context<import('@tanstack/react-form').AnyFieldApi>, useFieldContext: <TData>() => import('@tanstack/react-form').FieldApi<any, string, TData, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>, formContext: import('react').Context<import('@tanstack/react-form').AnyFormApi>, useFormContext: () => import('@tanstack/react-form').ReactFormExtendedApi<Record<string, never>, any, any, any, any, any, any, any, any, any, any, any>;
+export { fieldContext, formContext, useFieldContext, useFormContext } from './form-contexts';
 export declare const useAppForm: <TFormData, TOnMount extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnChange extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: import('@tanstack/react-form').FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>) => import('@tanstack/react-form').AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
-    readonly FieldDescription: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldDescriptionProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldErrors: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldErrorProps) => import("react/jsx-runtime").JSX.Element | null>;
-    readonly FieldInput: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldInputProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldInputGroup: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('../field/field.types').FieldInputGroupProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldInputGroupInput: import('react').LazyExoticComponent<({ className, ref, ...props }: import('../field/field.types').FieldInputGroupInputProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldLabel: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldLabelProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldSelect: import('react').LazyExoticComponent<({ children, ...props }: import('..').FieldSelectProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldSlider: import('react').LazyExoticComponent<({ className, ref, ...props }: import('..').FieldSliderProps) => import("react/jsx-runtime").JSX.Element>;
+    readonly FieldCheckbox: ({ ...props }: import('..').FieldCheckboxProps) => import("react").JSX.Element;
+    readonly FieldDescription: ({ className, children, ref, ...props }: import('..').FieldDescriptionProps) => import("react").JSX.Element;
+    readonly FieldErrors: ({ className, children, ref, ...props }: import('..').FieldErrorProps) => import("react").JSX.Element | null;
+    readonly FieldRow: ({ className, children, ref, ...props }: import('..').FieldRowProps) => import("react").JSX.Element;
+    readonly FieldInput: ({ className, children, ref, ...props }: import('..').FieldInputProps) => import("react").JSX.Element;
+    readonly FieldInputGroup: ({ className, children, ref, ...props }: import('..').FieldInputGroupProps) => import("react").JSX.Element;
+    readonly FieldInputGroupInput: ({ className, ref, ...props }: import('..').FieldInputGroupInputProps) => import("react").JSX.Element;
+    readonly FieldLabel: ({ size, variant, showRequired, className, children, ref, ...props }: import('..').FieldLabelProps) => import("react").JSX.Element;
+    readonly FieldRadio: ({ children, ...props }: import('..').FieldRadioProps) => import("react").JSX.Element;
+    readonly FieldRadioGroup: ({ children, ...props }: import('..').FieldRadioGroupProps) => import("react").JSX.Element;
+    readonly FieldSelect: ({ children, ...props }: import('..').FieldSelectProps) => import("react").JSX.Element;
+    readonly FieldSet: ({ className, children, ref, ...props }: import('..').FieldSetProps) => import("react").JSX.Element;
+    readonly FieldSlider: ({ className, ref, ...props }: import('..').FieldSliderProps) => import("react").JSX.Element;
+    readonly FieldSwitch: ({ ...props }: import('..').FieldSwitchProps) => import("react").JSX.Element;
+    readonly FieldTextArea: ({ className, ref, ...props }: import('..').FieldTextAreaProps) => import("react").JSX.Element;
+    readonly FieldToggle: ({ children, ...props }: import('..').FieldToggleProps) => import("react").JSX.Element;
 }, {
-    readonly FormErrors: ({ className, children, ref, ...props }: import('./form.types').FormErrorsProps) => import("react/jsx-runtime").JSX.Element;
-    readonly FormReset: ({ className, children, ref, ...props }: import('./form.types').FormResetProps) => import("react/jsx-runtime").JSX.Element;
-    readonly FormSubmit: ({ className, children, ref, ...props }: import('./form.types').FormSubmitProps) => import("react/jsx-runtime").JSX.Element;
+    readonly FormErrors: ({ className, children, ref, ...props }: import('./form.types').FormErrorsProps) => import("react").JSX.Element;
+    readonly FormFooter: ({ orientation, className, children, ref, ...props }: import('./form.types').FormFooterProps) => import("react").JSX.Element;
+    readonly FormReset: ({ className, children, ref, ...props }: import('./form.types').FormResetProps) => import("react").JSX.Element;
+    readonly FormSet: ({ className, children, ref, ...props }: import('./form.types').FormSetProps) => import("react").JSX.Element;
+    readonly FormSetHeading: ({ className, children, ref, ...props }: import('./form.types').FormSetHeadingProps) => import("react").JSX.Element;
+    readonly FormSetContent: ({ className, children, ref, ...props }: import('./form.types').FormSetContentProps) => import("react").JSX.Element;
+    readonly FormSubmit: ({ className, children, ref, ...props }: import('./form.types').FormSubmitProps) => import("react").JSX.Element;
 }>, withFieldGroup: <TFieldGroupData, TSubmitMeta, TRenderProps extends object = {}>({ render, props, defaultValues, }: import('@tanstack/react-form').WithFieldGroupProps<TFieldGroupData, {
-    readonly FieldDescription: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldDescriptionProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldErrors: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldErrorProps) => import("react/jsx-runtime").JSX.Element | null>;
-    readonly FieldInput: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldInputProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldInputGroup: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('../field/field.types').FieldInputGroupProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldInputGroupInput: import('react').LazyExoticComponent<({ className, ref, ...props }: import('../field/field.types').FieldInputGroupInputProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldLabel: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldLabelProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldSelect: import('react').LazyExoticComponent<({ children, ...props }: import('..').FieldSelectProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldSlider: import('react').LazyExoticComponent<({ className, ref, ...props }: import('..').FieldSliderProps) => import("react/jsx-runtime").JSX.Element>;
+    readonly FieldCheckbox: ({ ...props }: import('..').FieldCheckboxProps) => import("react").JSX.Element;
+    readonly FieldDescription: ({ className, children, ref, ...props }: import('..').FieldDescriptionProps) => import("react").JSX.Element;
+    readonly FieldErrors: ({ className, children, ref, ...props }: import('..').FieldErrorProps) => import("react").JSX.Element | null;
+    readonly FieldRow: ({ className, children, ref, ...props }: import('..').FieldRowProps) => import("react").JSX.Element;
+    readonly FieldInput: ({ className, children, ref, ...props }: import('..').FieldInputProps) => import("react").JSX.Element;
+    readonly FieldInputGroup: ({ className, children, ref, ...props }: import('..').FieldInputGroupProps) => import("react").JSX.Element;
+    readonly FieldInputGroupInput: ({ className, ref, ...props }: import('..').FieldInputGroupInputProps) => import("react").JSX.Element;
+    readonly FieldLabel: ({ size, variant, showRequired, className, children, ref, ...props }: import('..').FieldLabelProps) => import("react").JSX.Element;
+    readonly FieldRadio: ({ children, ...props }: import('..').FieldRadioProps) => import("react").JSX.Element;
+    readonly FieldRadioGroup: ({ children, ...props }: import('..').FieldRadioGroupProps) => import("react").JSX.Element;
+    readonly FieldSelect: ({ children, ...props }: import('..').FieldSelectProps) => import("react").JSX.Element;
+    readonly FieldSet: ({ className, children, ref, ...props }: import('..').FieldSetProps) => import("react").JSX.Element;
+    readonly FieldSlider: ({ className, ref, ...props }: import('..').FieldSliderProps) => import("react").JSX.Element;
+    readonly FieldSwitch: ({ ...props }: import('..').FieldSwitchProps) => import("react").JSX.Element;
+    readonly FieldTextArea: ({ className, ref, ...props }: import('..').FieldTextAreaProps) => import("react").JSX.Element;
+    readonly FieldToggle: ({ children, ...props }: import('..').FieldToggleProps) => import("react").JSX.Element;
 }, {
-    readonly FormErrors: ({ className, children, ref, ...props }: import('./form.types').FormErrorsProps) => import("react/jsx-runtime").JSX.Element;
-    readonly FormReset: ({ className, children, ref, ...props }: import('./form.types').FormResetProps) => import("react/jsx-runtime").JSX.Element;
-    readonly FormSubmit: ({ className, children, ref, ...props }: import('./form.types').FormSubmitProps) => import("react/jsx-runtime").JSX.Element;
+    readonly FormErrors: ({ className, children, ref, ...props }: import('./form.types').FormErrorsProps) => import("react").JSX.Element;
+    readonly FormFooter: ({ orientation, className, children, ref, ...props }: import('./form.types').FormFooterProps) => import("react").JSX.Element;
+    readonly FormReset: ({ className, children, ref, ...props }: import('./form.types').FormResetProps) => import("react").JSX.Element;
+    readonly FormSet: ({ className, children, ref, ...props }: import('./form.types').FormSetProps) => import("react").JSX.Element;
+    readonly FormSetHeading: ({ className, children, ref, ...props }: import('./form.types').FormSetHeadingProps) => import("react").JSX.Element;
+    readonly FormSetContent: ({ className, children, ref, ...props }: import('./form.types').FormSetContentProps) => import("react").JSX.Element;
+    readonly FormSubmit: ({ className, children, ref, ...props }: import('./form.types').FormSubmitProps) => import("react").JSX.Element;
 }, TSubmitMeta, TRenderProps>) => <TFormData, TFields extends import('@tanstack/react-form').DeepKeysOfType<TFormData, TFieldGroupData | null | undefined> | import('@tanstack/react-form').FieldsMap<TFormData, TFieldGroupData>, TOnMount extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnChange extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TFormSubmitMeta>(params: import('react').PropsWithChildren<NoInfer<TRenderProps> & {
     form: import('@tanstack/react-form').AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, unknown extends TSubmitMeta ? TFormSubmitMeta : TSubmitMeta, {
-        readonly FieldDescription: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldDescriptionProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldErrors: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldErrorProps) => import("react/jsx-runtime").JSX.Element | null>;
-        readonly FieldInput: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldInputProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldInputGroup: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('../field/field.types').FieldInputGroupProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldInputGroupInput: import('react').LazyExoticComponent<({ className, ref, ...props }: import('../field/field.types').FieldInputGroupInputProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldLabel: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldLabelProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldSelect: import('react').LazyExoticComponent<({ children, ...props }: import('..').FieldSelectProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldSlider: import('react').LazyExoticComponent<({ className, ref, ...props }: import('..').FieldSliderProps) => import("react/jsx-runtime").JSX.Element>;
+        readonly FieldCheckbox: ({ ...props }: import('..').FieldCheckboxProps) => import("react").JSX.Element;
+        readonly FieldDescription: ({ className, children, ref, ...props }: import('..').FieldDescriptionProps) => import("react").JSX.Element;
+        readonly FieldErrors: ({ className, children, ref, ...props }: import('..').FieldErrorProps) => import("react").JSX.Element | null;
+        readonly FieldRow: ({ className, children, ref, ...props }: import('..').FieldRowProps) => import("react").JSX.Element;
+        readonly FieldInput: ({ className, children, ref, ...props }: import('..').FieldInputProps) => import("react").JSX.Element;
+        readonly FieldInputGroup: ({ className, children, ref, ...props }: import('..').FieldInputGroupProps) => import("react").JSX.Element;
+        readonly FieldInputGroupInput: ({ className, ref, ...props }: import('..').FieldInputGroupInputProps) => import("react").JSX.Element;
+        readonly FieldLabel: ({ size, variant, showRequired, className, children, ref, ...props }: import('..').FieldLabelProps) => import("react").JSX.Element;
+        readonly FieldRadio: ({ children, ...props }: import('..').FieldRadioProps) => import("react").JSX.Element;
+        readonly FieldRadioGroup: ({ children, ...props }: import('..').FieldRadioGroupProps) => import("react").JSX.Element;
+        readonly FieldSelect: ({ children, ...props }: import('..').FieldSelectProps) => import("react").JSX.Element;
+        readonly FieldSet: ({ className, children, ref, ...props }: import('..').FieldSetProps) => import("react").JSX.Element;
+        readonly FieldSlider: ({ className, ref, ...props }: import('..').FieldSliderProps) => import("react").JSX.Element;
+        readonly FieldSwitch: ({ ...props }: import('..').FieldSwitchProps) => import("react").JSX.Element;
+        readonly FieldTextArea: ({ className, ref, ...props }: import('..').FieldTextAreaProps) => import("react").JSX.Element;
+        readonly FieldToggle: ({ children, ...props }: import('..').FieldToggleProps) => import("react").JSX.Element;
     }, {
-        readonly FormErrors: ({ className, children, ref, ...props }: import('./form.types').FormErrorsProps) => import("react/jsx-runtime").JSX.Element;
-        readonly FormReset: ({ className, children, ref, ...props }: import('./form.types').FormResetProps) => import("react/jsx-runtime").JSX.Element;
-        readonly FormSubmit: ({ className, children, ref, ...props }: import('./form.types').FormSubmitProps) => import("react/jsx-runtime").JSX.Element;
+        readonly FormErrors: ({ className, children, ref, ...props }: import('./form.types').FormErrorsProps) => import("react").JSX.Element;
+        readonly FormFooter: ({ orientation, className, children, ref, ...props }: import('./form.types').FormFooterProps) => import("react").JSX.Element;
+        readonly FormReset: ({ className, children, ref, ...props }: import('./form.types').FormResetProps) => import("react").JSX.Element;
+        readonly FormSet: ({ className, children, ref, ...props }: import('./form.types').FormSetProps) => import("react").JSX.Element;
+        readonly FormSetHeading: ({ className, children, ref, ...props }: import('./form.types').FormSetHeadingProps) => import("react").JSX.Element;
+        readonly FormSetContent: ({ className, children, ref, ...props }: import('./form.types').FormSetContentProps) => import("react").JSX.Element;
+        readonly FormSubmit: ({ className, children, ref, ...props }: import('./form.types').FormSubmitProps) => import("react").JSX.Element;
     }> | import('@tanstack/react-form').AppFieldExtendedReactFieldGroupApi<unknown, TFormData, string | import('@tanstack/react-form').FieldsMap<unknown, TFormData>, any, any, any, any, any, any, any, any, any, any, unknown extends TSubmitMeta ? TFormSubmitMeta : TSubmitMeta, {
-        readonly FieldDescription: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldDescriptionProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldErrors: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldErrorProps) => import("react/jsx-runtime").JSX.Element | null>;
-        readonly FieldInput: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldInputProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldInputGroup: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('../field/field.types').FieldInputGroupProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldInputGroupInput: import('react').LazyExoticComponent<({ className, ref, ...props }: import('../field/field.types').FieldInputGroupInputProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldLabel: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldLabelProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldSelect: import('react').LazyExoticComponent<({ children, ...props }: import('..').FieldSelectProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldSlider: import('react').LazyExoticComponent<({ className, ref, ...props }: import('..').FieldSliderProps) => import("react/jsx-runtime").JSX.Element>;
+        readonly FieldCheckbox: ({ ...props }: import('..').FieldCheckboxProps) => import("react").JSX.Element;
+        readonly FieldDescription: ({ className, children, ref, ...props }: import('..').FieldDescriptionProps) => import("react").JSX.Element;
+        readonly FieldErrors: ({ className, children, ref, ...props }: import('..').FieldErrorProps) => import("react").JSX.Element | null;
+        readonly FieldRow: ({ className, children, ref, ...props }: import('..').FieldRowProps) => import("react").JSX.Element;
+        readonly FieldInput: ({ className, children, ref, ...props }: import('..').FieldInputProps) => import("react").JSX.Element;
+        readonly FieldInputGroup: ({ className, children, ref, ...props }: import('..').FieldInputGroupProps) => import("react").JSX.Element;
+        readonly FieldInputGroupInput: ({ className, ref, ...props }: import('..').FieldInputGroupInputProps) => import("react").JSX.Element;
+        readonly FieldLabel: ({ size, variant, showRequired, className, children, ref, ...props }: import('..').FieldLabelProps) => import("react").JSX.Element;
+        readonly FieldRadio: ({ children, ...props }: import('..').FieldRadioProps) => import("react").JSX.Element;
+        readonly FieldRadioGroup: ({ children, ...props }: import('..').FieldRadioGroupProps) => import("react").JSX.Element;
+        readonly FieldSelect: ({ children, ...props }: import('..').FieldSelectProps) => import("react").JSX.Element;
+        readonly FieldSet: ({ className, children, ref, ...props }: import('..').FieldSetProps) => import("react").JSX.Element;
+        readonly FieldSlider: ({ className, ref, ...props }: import('..').FieldSliderProps) => import("react").JSX.Element;
+        readonly FieldSwitch: ({ ...props }: import('..').FieldSwitchProps) => import("react").JSX.Element;
+        readonly FieldTextArea: ({ className, ref, ...props }: import('..').FieldTextAreaProps) => import("react").JSX.Element;
+        readonly FieldToggle: ({ children, ...props }: import('..').FieldToggleProps) => import("react").JSX.Element;
     }, {
-        readonly FormErrors: ({ className, children, ref, ...props }: import('./form.types').FormErrorsProps) => import("react/jsx-runtime").JSX.Element;
-        readonly FormReset: ({ className, children, ref, ...props }: import('./form.types').FormResetProps) => import("react/jsx-runtime").JSX.Element;
-        readonly FormSubmit: ({ className, children, ref, ...props }: import('./form.types').FormSubmitProps) => import("react/jsx-runtime").JSX.Element;
+        readonly FormErrors: ({ className, children, ref, ...props }: import('./form.types').FormErrorsProps) => import("react").JSX.Element;
+        readonly FormFooter: ({ orientation, className, children, ref, ...props }: import('./form.types').FormFooterProps) => import("react").JSX.Element;
+        readonly FormReset: ({ className, children, ref, ...props }: import('./form.types').FormResetProps) => import("react").JSX.Element;
+        readonly FormSet: ({ className, children, ref, ...props }: import('./form.types').FormSetProps) => import("react").JSX.Element;
+        readonly FormSetHeading: ({ className, children, ref, ...props }: import('./form.types').FormSetHeadingProps) => import("react").JSX.Element;
+        readonly FormSetContent: ({ className, children, ref, ...props }: import('./form.types').FormSetContentProps) => import("react").JSX.Element;
+        readonly FormSubmit: ({ className, children, ref, ...props }: import('./form.types').FormSubmitProps) => import("react").JSX.Element;
     }>;
     fields: TFields;
 }>) => ReturnType<import('react').FunctionComponent>, withForm: <TFormData, TOnMount extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnChange extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta, TRenderProps extends object = {}>({ render, props, }: import('@tanstack/react-form').WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
-    readonly FieldDescription: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldDescriptionProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldErrors: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldErrorProps) => import("react/jsx-runtime").JSX.Element | null>;
-    readonly FieldInput: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldInputProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldInputGroup: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('../field/field.types').FieldInputGroupProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldInputGroupInput: import('react').LazyExoticComponent<({ className, ref, ...props }: import('../field/field.types').FieldInputGroupInputProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldLabel: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldLabelProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldSelect: import('react').LazyExoticComponent<({ children, ...props }: import('..').FieldSelectProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldSlider: import('react').LazyExoticComponent<({ className, ref, ...props }: import('..').FieldSliderProps) => import("react/jsx-runtime").JSX.Element>;
+    readonly FieldCheckbox: ({ ...props }: import('..').FieldCheckboxProps) => import("react").JSX.Element;
+    readonly FieldDescription: ({ className, children, ref, ...props }: import('..').FieldDescriptionProps) => import("react").JSX.Element;
+    readonly FieldErrors: ({ className, children, ref, ...props }: import('..').FieldErrorProps) => import("react").JSX.Element | null;
+    readonly FieldRow: ({ className, children, ref, ...props }: import('..').FieldRowProps) => import("react").JSX.Element;
+    readonly FieldInput: ({ className, children, ref, ...props }: import('..').FieldInputProps) => import("react").JSX.Element;
+    readonly FieldInputGroup: ({ className, children, ref, ...props }: import('..').FieldInputGroupProps) => import("react").JSX.Element;
+    readonly FieldInputGroupInput: ({ className, ref, ...props }: import('..').FieldInputGroupInputProps) => import("react").JSX.Element;
+    readonly FieldLabel: ({ size, variant, showRequired, className, children, ref, ...props }: import('..').FieldLabelProps) => import("react").JSX.Element;
+    readonly FieldRadio: ({ children, ...props }: import('..').FieldRadioProps) => import("react").JSX.Element;
+    readonly FieldRadioGroup: ({ children, ...props }: import('..').FieldRadioGroupProps) => import("react").JSX.Element;
+    readonly FieldSelect: ({ children, ...props }: import('..').FieldSelectProps) => import("react").JSX.Element;
+    readonly FieldSet: ({ className, children, ref, ...props }: import('..').FieldSetProps) => import("react").JSX.Element;
+    readonly FieldSlider: ({ className, ref, ...props }: import('..').FieldSliderProps) => import("react").JSX.Element;
+    readonly FieldSwitch: ({ ...props }: import('..').FieldSwitchProps) => import("react").JSX.Element;
+    readonly FieldTextArea: ({ className, ref, ...props }: import('..').FieldTextAreaProps) => import("react").JSX.Element;
+    readonly FieldToggle: ({ children, ...props }: import('..').FieldToggleProps) => import("react").JSX.Element;
 }, {
-    readonly FormErrors: ({ className, children, ref, ...props }: import('./form.types').FormErrorsProps) => import("react/jsx-runtime").JSX.Element;
-    readonly FormReset: ({ className, children, ref, ...props }: import('./form.types').FormResetProps) => import("react/jsx-runtime").JSX.Element;
-    readonly FormSubmit: ({ className, children, ref, ...props }: import('./form.types').FormSubmitProps) => import("react/jsx-runtime").JSX.Element;
+    readonly FormErrors: ({ className, children, ref, ...props }: import('./form.types').FormErrorsProps) => import("react").JSX.Element;
+    readonly FormFooter: ({ orientation, className, children, ref, ...props }: import('./form.types').FormFooterProps) => import("react").JSX.Element;
+    readonly FormReset: ({ className, children, ref, ...props }: import('./form.types').FormResetProps) => import("react").JSX.Element;
+    readonly FormSet: ({ className, children, ref, ...props }: import('./form.types').FormSetProps) => import("react").JSX.Element;
+    readonly FormSetHeading: ({ className, children, ref, ...props }: import('./form.types').FormSetHeadingProps) => import("react").JSX.Element;
+    readonly FormSetContent: ({ className, children, ref, ...props }: import('./form.types').FormSetContentProps) => import("react").JSX.Element;
+    readonly FormSubmit: ({ className, children, ref, ...props }: import('./form.types').FormSubmitProps) => import("react").JSX.Element;
 }, TRenderProps>) => import('react').FunctionComponent<import('react').PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
     form: import('@tanstack/react-form').AppFieldExtendedReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined] extends [TOnDynamic] ? [TOnDynamic] extends [TOnDynamic & (import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamic : TOnDynamic, [import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined] extends [TOnDynamicAsync] ? [TOnDynamicAsync] extends [TOnDynamicAsync & (import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamicAsync : TOnDynamicAsync, [import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, {
-        readonly FieldDescription: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldDescriptionProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldErrors: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldErrorProps) => import("react/jsx-runtime").JSX.Element | null>;
-        readonly FieldInput: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldInputProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldInputGroup: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('../field/field.types').FieldInputGroupProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldInputGroupInput: import('react').LazyExoticComponent<({ className, ref, ...props }: import('../field/field.types').FieldInputGroupInputProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldLabel: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldLabelProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldSelect: import('react').LazyExoticComponent<({ children, ...props }: import('..').FieldSelectProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldSlider: import('react').LazyExoticComponent<({ className, ref, ...props }: import('..').FieldSliderProps) => import("react/jsx-runtime").JSX.Element>;
+        readonly FieldCheckbox: ({ ...props }: import('..').FieldCheckboxProps) => import("react").JSX.Element;
+        readonly FieldDescription: ({ className, children, ref, ...props }: import('..').FieldDescriptionProps) => import("react").JSX.Element;
+        readonly FieldErrors: ({ className, children, ref, ...props }: import('..').FieldErrorProps) => import("react").JSX.Element | null;
+        readonly FieldRow: ({ className, children, ref, ...props }: import('..').FieldRowProps) => import("react").JSX.Element;
+        readonly FieldInput: ({ className, children, ref, ...props }: import('..').FieldInputProps) => import("react").JSX.Element;
+        readonly FieldInputGroup: ({ className, children, ref, ...props }: import('..').FieldInputGroupProps) => import("react").JSX.Element;
+        readonly FieldInputGroupInput: ({ className, ref, ...props }: import('..').FieldInputGroupInputProps) => import("react").JSX.Element;
+        readonly FieldLabel: ({ size, variant, showRequired, className, children, ref, ...props }: import('..').FieldLabelProps) => import("react").JSX.Element;
+        readonly FieldRadio: ({ children, ...props }: import('..').FieldRadioProps) => import("react").JSX.Element;
+        readonly FieldRadioGroup: ({ children, ...props }: import('..').FieldRadioGroupProps) => import("react").JSX.Element;
+        readonly FieldSelect: ({ children, ...props }: import('..').FieldSelectProps) => import("react").JSX.Element;
+        readonly FieldSet: ({ className, children, ref, ...props }: import('..').FieldSetProps) => import("react").JSX.Element;
+        readonly FieldSlider: ({ className, ref, ...props }: import('..').FieldSliderProps) => import("react").JSX.Element;
+        readonly FieldSwitch: ({ ...props }: import('..').FieldSwitchProps) => import("react").JSX.Element;
+        readonly FieldTextArea: ({ className, ref, ...props }: import('..').FieldTextAreaProps) => import("react").JSX.Element;
+        readonly FieldToggle: ({ children, ...props }: import('..').FieldToggleProps) => import("react").JSX.Element;
     }, {
-        readonly FormErrors: ({ className, children, ref, ...props }: import('./form.types').FormErrorsProps) => import("react/jsx-runtime").JSX.Element;
-        readonly FormReset: ({ className, children, ref, ...props }: import('./form.types').FormResetProps) => import("react/jsx-runtime").JSX.Element;
-        readonly FormSubmit: ({ className, children, ref, ...props }: import('./form.types').FormSubmitProps) => import("react/jsx-runtime").JSX.Element;
+        readonly FormErrors: ({ className, children, ref, ...props }: import('./form.types').FormErrorsProps) => import("react").JSX.Element;
+        readonly FormFooter: ({ orientation, className, children, ref, ...props }: import('./form.types').FormFooterProps) => import("react").JSX.Element;
+        readonly FormReset: ({ className, children, ref, ...props }: import('./form.types').FormResetProps) => import("react").JSX.Element;
+        readonly FormSet: ({ className, children, ref, ...props }: import('./form.types').FormSetProps) => import("react").JSX.Element;
+        readonly FormSetHeading: ({ className, children, ref, ...props }: import('./form.types').FormSetHeadingProps) => import("react").JSX.Element;
+        readonly FormSetContent: ({ className, children, ref, ...props }: import('./form.types').FormSetContentProps) => import("react").JSX.Element;
+        readonly FormSubmit: ({ className, children, ref, ...props }: import('./form.types').FormSubmitProps) => import("react").JSX.Element;
     }>;
 }>>, useTypedAppFormContext: <TFormData, TOnMount extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnChange extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import('@tanstack/react-form').FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import('@tanstack/react-form').FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(_props: import('@tanstack/react-form').FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>) => import('@tanstack/react-form').AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
-    readonly FieldDescription: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldDescriptionProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldErrors: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldErrorProps) => import("react/jsx-runtime").JSX.Element | null>;
-    readonly FieldInput: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldInputProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldInputGroup: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('../field/field.types').FieldInputGroupProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldInputGroupInput: import('react').LazyExoticComponent<({ className, ref, ...props }: import('../field/field.types').FieldInputGroupInputProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldLabel: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldLabelProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldSelect: import('react').LazyExoticComponent<({ children, ...props }: import('..').FieldSelectProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldSlider: import('react').LazyExoticComponent<({ className, ref, ...props }: import('..').FieldSliderProps) => import("react/jsx-runtime").JSX.Element>;
+    readonly FieldCheckbox: ({ ...props }: import('..').FieldCheckboxProps) => import("react").JSX.Element;
+    readonly FieldDescription: ({ className, children, ref, ...props }: import('..').FieldDescriptionProps) => import("react").JSX.Element;
+    readonly FieldErrors: ({ className, children, ref, ...props }: import('..').FieldErrorProps) => import("react").JSX.Element | null;
+    readonly FieldRow: ({ className, children, ref, ...props }: import('..').FieldRowProps) => import("react").JSX.Element;
+    readonly FieldInput: ({ className, children, ref, ...props }: import('..').FieldInputProps) => import("react").JSX.Element;
+    readonly FieldInputGroup: ({ className, children, ref, ...props }: import('..').FieldInputGroupProps) => import("react").JSX.Element;
+    readonly FieldInputGroupInput: ({ className, ref, ...props }: import('..').FieldInputGroupInputProps) => import("react").JSX.Element;
+    readonly FieldLabel: ({ size, variant, showRequired, className, children, ref, ...props }: import('..').FieldLabelProps) => import("react").JSX.Element;
+    readonly FieldRadio: ({ children, ...props }: import('..').FieldRadioProps) => import("react").JSX.Element;
+    readonly FieldRadioGroup: ({ children, ...props }: import('..').FieldRadioGroupProps) => import("react").JSX.Element;
+    readonly FieldSelect: ({ children, ...props }: import('..').FieldSelectProps) => import("react").JSX.Element;
+    readonly FieldSet: ({ className, children, ref, ...props }: import('..').FieldSetProps) => import("react").JSX.Element;
+    readonly FieldSlider: ({ className, ref, ...props }: import('..').FieldSliderProps) => import("react").JSX.Element;
+    readonly FieldSwitch: ({ ...props }: import('..').FieldSwitchProps) => import("react").JSX.Element;
+    readonly FieldTextArea: ({ className, ref, ...props }: import('..').FieldTextAreaProps) => import("react").JSX.Element;
+    readonly FieldToggle: ({ children, ...props }: import('..').FieldToggleProps) => import("react").JSX.Element;
 }, {
-    readonly FormErrors: ({ className, children, ref, ...props }: import('./form.types').FormErrorsProps) => import("react/jsx-runtime").JSX.Element;
-    readonly FormReset: ({ className, children, ref, ...props }: import('./form.types').FormResetProps) => import("react/jsx-runtime").JSX.Element;
-    readonly FormSubmit: ({ className, children, ref, ...props }: import('./form.types').FormSubmitProps) => import("react/jsx-runtime").JSX.Element;
+    readonly FormErrors: ({ className, children, ref, ...props }: import('./form.types').FormErrorsProps) => import("react").JSX.Element;
+    readonly FormFooter: ({ orientation, className, children, ref, ...props }: import('./form.types').FormFooterProps) => import("react").JSX.Element;
+    readonly FormReset: ({ className, children, ref, ...props }: import('./form.types').FormResetProps) => import("react").JSX.Element;
+    readonly FormSet: ({ className, children, ref, ...props }: import('./form.types').FormSetProps) => import("react").JSX.Element;
+    readonly FormSetHeading: ({ className, children, ref, ...props }: import('./form.types').FormSetHeadingProps) => import("react").JSX.Element;
+    readonly FormSetContent: ({ className, children, ref, ...props }: import('./form.types').FormSetContentProps) => import("react").JSX.Element;
+    readonly FormSubmit: ({ className, children, ref, ...props }: import('./form.types').FormSubmitProps) => import("react").JSX.Element;
 }>;

package/dist/components/form/form-contexts.d.ts

@@ -0,0 +1 @@
+export declare const fieldContext: import('react').Context<import('@tanstack/react-form').AnyFieldApi>, useFieldContext: <TData>() => import('@tanstack/react-form').FieldApi<any, string, TData, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>, formContext: import('react').Context<import('@tanstack/react-form').AnyFormApi>, useFormContext: () => import('@tanstack/react-form').ReactFormExtendedApi<Record<string, never>, any, any, any, any, any, any, any, any, any, any, any>;

package/dist/components/form/form-errors.d.ts

@@ -1,2 +1,2 @@
 import { FormErrorsProps } from './form.types';
-export declare const FormErrors: ({ className, children, ref, ...props }: FormErrorsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormErrors: ({ className, children, ref, ...props }: FormErrorsProps) => import("react").JSX.Element;

package/dist/components/form/form-footer.d.ts

@@ -0,0 +1,2 @@
+import { FormFooterProps } from './form.types';
+export declare const FormFooter: ({ orientation, className, children, ref, ...props }: FormFooterProps) => import("react").JSX.Element;

package/dist/components/form/form-reset.d.ts

@@ -1,2 +1,2 @@
 import { FormResetProps } from './form.types';
-export declare const FormReset: ({ className, children, ref, ...props }: FormResetProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormReset: ({ className, children, ref, ...props }: FormResetProps) => import("react").JSX.Element;

package/dist/components/form/form-set-content.d.ts

@@ -0,0 +1,2 @@
+import { FormSetContentProps } from './form.types';
+export declare const FormSetContent: ({ className, children, ref, ...props }: FormSetContentProps) => import("react").JSX.Element;