dawn-ui-react 1.0.0-alpha.9 → 1.0.0-beta.2

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: ({ size, 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: ({ size, 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: ({ size, 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: ({ size, 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: ({ size, 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: ({ size, 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: ({ size, 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;

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

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

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

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

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

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

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

@@ -1,3 +1,3 @@
 type FormProps = React.ComponentProps<'form'>;
-export declare const Form: ({ className, children, ref, ...props }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Form: ({ className, children, ref, ...props }: FormProps) => import("react").JSX.Element;
 export {};

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

@@ -1,3 +1,4 @@
+import { VariantProps } from 'class-variance-authority';
 import { Button } from '../button';
 export type FormProps = React.ComponentProps<'form'>;
 export type FormSubmitProps = React.ComponentProps<typeof Button>;
@@ -5,3 +6,12 @@ export type FormResetProps = React.ComponentProps<typeof Button>;
 export type FormErrorsProps = React.ComponentProps<'div'> & {
     headerLabel?: string;
 };
+export type FormSetProps = React.ComponentProps<'div'>;
+export type FormSetHeadingProps = React.ComponentProps<'span'> & VariantProps<typeof formSetHeadingVariants>;
+export type FormSetContentProps = React.ComponentProps<'div'>;
+export type FormFooterProps = React.ComponentProps<'div'> & {
+    orientation?: 'horizontal' | 'vertical';
+};
+export declare const formSetHeadingVariants: (props?: ({
+    size?: "small" | "large" | "medium" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -4,3 +4,7 @@ export { fieldContext, formContext, useAppForm, useFieldContext, useFormContext,
 export { FormErrors } from './form-errors';
 export { FormReset } from './form-reset';
 export { FormSubmit } from './form-submit';
+export { FormFooter } from './form-footer';
+export { FormSet } from './form-set';
+export { FormSetContent } from './form-set-content';
+export { FormSetHeading } from './form-set-heading';

package/dist/components/index.d.ts

@@ -4,16 +4,22 @@ export * from './alert-dialog';
 export * from './autocomplete';
 export * from './avatar';
 export * from './badge';
+export * from './bento-box';
 export * from './breadcrumb';
 export * from './button';
 export * from './button-group';
+export * from './chart';
 export * from './checkbox';
 export * from './checkbox-group';
-export * from './collapsible';
 export * from './code-block';
+export * from './collapsible';
+export * from './color-channel-slider';
+export * from './color-picker';
 export * from './combobox';
+export * from './context-menu';
 export * from './dialog';
 export * from './drawer';
+export * from './dropzone';
 export * from './field';
 export * from './form';
 export * from './input';
@@ -24,7 +30,10 @@ export * from './label';
 export * from './layer-tree';
 export * from './menu';
 export * from './meter';
+export * from './nav-bar';
+export * from './navigation-menu';
 export * from './number-field';
+export * from './preview-card';
 export * from './popover';
 export * from './profile';
 export * from './progress';

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

@@ -1,2 +1,2 @@
 import { InputProps } from './input.types';
-export declare const Input: ({ variant, size, className, ref, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Input: ({ fileUploadButtonIcon, fileUploadButtonLabel, maxFiles, maxFileSize, clearFilesLabel, filesSelectedLabel, maxFilesErrorLabel, maxFileSizeErrorLabel, compact, variant, size, className, ref, ...props }: InputProps) => import("react").JSX.Element;

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

@@ -1,8 +1,19 @@
 import { Input as BaseInput } from '@base-ui/react/input';
 import { VariantProps } from 'class-variance-authority';
 import { ComponentProps } from 'react';
+export declare const formatFileSize: (bytes: number) => string;
 export declare const inputVariants: (props?: ({
     variant?: "primary" | "secondary" | null | undefined;
     size?: "small" | "large" | "medium" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export type InputProps = VariantProps<typeof inputVariants> & Omit<ComponentProps<typeof BaseInput>, 'size'>;
+export type InputProps = VariantProps<typeof inputVariants> & Omit<ComponentProps<typeof BaseInput>, 'size'> & {
+    fileUploadButtonLabel?: string;
+    fileUploadButtonIcon?: React.ReactNode;
+    maxFiles?: number;
+    maxFileSize?: number;
+    clearFilesLabel?: string;
+    filesSelectedLabel?: (count: number) => string;
+    maxFilesErrorLabel?: (maxFiles: number) => string;
+    maxFileSizeErrorLabel?: (fileName: string, maxFileSize: string) => string;
+    compact?: boolean;
+};

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

@@ -1,4 +1,5 @@
 export { InputGroup } from './input-group';
-export type { InputGroupAddonProps, InputGroupInputProps, InputGroupProps, } from './input-group.types';
+export type { InputGroupAddonProps, InputGroupInputProps, InputGroupProps, InputGroupSeparatorProps, } from './input-group.types';
 export { InputGroupAddon } from './input-group-addon';
 export { InputGroupInput } from './input-group-input';
+export { InputGroupSeparator } from './input-group-separator';

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

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

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

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

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

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

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

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

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

@@ -1,6 +1,11 @@
+import { VariantProps } from 'class-variance-authority';
 import { inputVariants } from '../input/input.types';
+import { Separator } from '../separator';
 import { Input as BaseInput } from '@base-ui/react/input';
-import { VariantProps } from 'class-variance-authority';
-export type InputGroupAddonProps = React.ComponentProps<'div'>;
-export type InputGroupInputProps = React.ComponentProps<typeof BaseInput>;
+export declare const inputGroupAddonVariants: (props?: ({
+    size?: "small" | "large" | "medium" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type InputGroupAddonProps = React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>;
+export type InputGroupInputProps = Omit<React.ComponentProps<typeof BaseInput>, 'size'> & VariantProps<typeof inputVariants>;
 export type InputGroupProps = React.ComponentProps<'div'> & VariantProps<typeof inputVariants>;
+export type InputGroupSeparatorProps = React.ComponentProps<typeof Separator>;

package/dist/components/input-otp/input-otp-separator.d.ts

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

package/dist/components/input-otp/input-otp-slot.d.ts

@@ -1,2 +1,2 @@
 import { InputOTPSlotProps } from './input-otp.types';
-export declare const InputOTPSlot: ({ className, ...props }: InputOTPSlotProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InputOTPSlot: ({ className, ...props }: InputOTPSlotProps) => import("react").JSX.Element;

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

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

package/dist/components/input-otp/input-otp.types.d.ts

@@ -1,4 +1,4 @@
-import { OTPFieldPreview as OTPField } from '@base-ui/react/otp-field';
+import { OTPField } from '@base-ui/react';
 export type InputOTPProps = React.ComponentProps<typeof OTPField.Root>;
 export type InputOTPSlotProps = React.ComponentProps<typeof OTPField.Input>;
 export type InputOtpSeparatorProps = React.ComponentProps<typeof OTPField.Separator>;

package/dist/components/kbd/kbd-group.d.ts

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

package/dist/components/kbd/kbd.d.ts

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

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

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

package/dist/components/layer-tree/index.d.ts

@@ -1,12 +1,17 @@
-export type { LayerTreeBodyProps, LayerTreeExpandAllProps, LayerTreeNodeProps, LayerTreeNodeToggleProps, LayerTreeProps, LayerTreeRowProps, LayerTreeSearchProps, LayerTreeDataSet, LayerTreeNodeActionProps, LayerTreeFooterProps, LayerTreeSortProps, } from './layer-tree.types';
-export type { LayerTreeNodeData } from './layer-tree-utils';
-export { findLayerTreeNode, insertLayerTreeNode, moveLayerTreeNode, moveLayerTreeNodeToRoot, removeLayerTreeNode, } from './layer-tree-utils';
-export { LayerTree } from './layer-tree';
+export { createAppColumnHelper as createLayerTreeColumnHelper, features as layerTreeFeatures, useAppTable as useLayerTreeTable, useCellContext as useLayerTreeCellContext, useHeaderContext as useLayerTreeHeaderContext, useTableContext as useLayerTreeContext, } from './layer-tree-context';
+export type { LayerTreeBodyProps, LayerTreeColumnMeta, LayerTreeExpandAllProps, LayerTreeFooterProps, LayerTreeIconCellProps, LayerTreeLockedAllProps, LayerTreeLockedCellProps, LayerTreeTextCellProps, LayerTreeProps, LayerTreeRowProps, LayerTreeSearchProps, LayerTreeSortProps, LayerTreeTableMeta, LayerTreeTriggerCellProps, LayerTreeVisibilityAllProps, LayerTreeVisibilityCellProps, RowLockedState, RowVisibilityState, } from './layer-tree.types';
+export { LayerTree, useLayerTree } from './layer-tree';
 export { LayerTreeBody } from './layer-tree-body';
 export { LayerTreeExpandAll } from './layer-tree-expand-all';
-export { LayerTreeNode } from './layer-tree-node';
-export { LayerTreeNodeToggle } from './layer-tree-node-toggle';
+export { LayerTreeFooter } from './layer-tree-footer';
+export { LayerTreeIconCell } from './layer-tree-icon-cell';
+export { LayerTreeLockedAll } from './layer-tree-locked-all';
+export { LayerTreeLockedCell } from './layer-tree-locked-cell';
+export { LayerTreeTextCell } from './layer-tree-text-cell';
+export { LayerTreeTriggerCell } from './layer-tree-trigger-cell';
 export { LayerTreeRow } from './layer-tree-row';
 export { LayerTreeSearch } from './layer-tree-search';
-export { LayerTreeFooter } from './layer-tree-footer';
 export { LayerTreeSort } from './layer-tree-sort';
+export { LayerTreeVisibilityAll } from './layer-tree-visibility-all';
+export { LayerTreeVisibilityCell } from './layer-tree-visibility-cell';
+export { findLayerTreeNode, insertLayerTreeNode, moveLayerTreeNode, moveLayerTreeNodeToRoot, removeLayerTreeNode, rowLockedFeature, rowVisibilityFeature, type LayerTreeNodeBase, } from './layer-tree-utils';