npm - dawn-ui-react - Versions diffs - 1.0.0-alpha.21 → 1.0.0-alpha.23 - Mend

dawn-ui-react 1.0.0-alpha.21 → 1.0.0-alpha.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (391) hide show

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

@@ -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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,3 +1,4 @@
+import { VariantProps } from 'class-variance-authority';
 import { Checkbox } from '../checkbox';
 import { Input } from '../input';
 import { InputGroup, InputGroupInput } from '../input-group';
@@ -12,7 +13,9 @@ 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>;
@@ -23,3 +26,8 @@ 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 CHANGED Viewed

@@ -1,5 +1,5 @@
 export { Field } from './field';
-export type { FieldDescriptionProps, FieldErrorProps, FieldInputProps, FieldLabelProps, FieldProps, FieldSelectProps, FieldSliderProps, FieldTextAreaProps, FieldCheckboxProps, FieldRadioProps, FieldRadioGroupProps, FieldSwitchProps, FieldToggleProps, FieldInputGroupInputProps, FieldInputGroupProps, FieldSetProps, } 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';
@@ -15,3 +15,4 @@ 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 CHANGED Viewed

@@ -1,140 +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('..').FieldInputGroupProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldInputGroupInput: import('react').LazyExoticComponent<({ className, ref, ...props }: import('..').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: import('react').LazyExoticComponent<({ ...props }: import('..').FieldCheckboxProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldRadio: import('react').LazyExoticComponent<({ children, ...props }: import('..').FieldRadioProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldRadioGroup: import('react').LazyExoticComponent<({ children, ...props }: import('..').FieldRadioGroupProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldSwitch: import('react').LazyExoticComponent<({ ...props }: import('..').FieldSwitchProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldToggle: import('react').LazyExoticComponent<({ children, ...props }: import('..').FieldToggleProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldSet: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldSetProps) => 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('..').FieldInputGroupProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldInputGroupInput: import('react').LazyExoticComponent<({ className, ref, ...props }: import('..').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: import('react').LazyExoticComponent<({ ...props }: import('..').FieldCheckboxProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldRadio: import('react').LazyExoticComponent<({ children, ...props }: import('..').FieldRadioProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldRadioGroup: import('react').LazyExoticComponent<({ children, ...props }: import('..').FieldRadioGroupProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldSwitch: import('react').LazyExoticComponent<({ ...props }: import('..').FieldSwitchProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldToggle: import('react').LazyExoticComponent<({ children, ...props }: import('..').FieldToggleProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldSet: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldSetProps) => 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('..').FieldInputGroupProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldInputGroupInput: import('react').LazyExoticComponent<({ className, ref, ...props }: import('..').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: import('react').LazyExoticComponent<({ ...props }: import('..').FieldCheckboxProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldRadio: import('react').LazyExoticComponent<({ children, ...props }: import('..').FieldRadioProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldRadioGroup: import('react').LazyExoticComponent<({ children, ...props }: import('..').FieldRadioGroupProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldSwitch: import('react').LazyExoticComponent<({ ...props }: import('..').FieldSwitchProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldToggle: import('react').LazyExoticComponent<({ children, ...props }: import('..').FieldToggleProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldSet: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldSetProps) => 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('..').FieldInputGroupProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldInputGroupInput: import('react').LazyExoticComponent<({ className, ref, ...props }: import('..').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: import('react').LazyExoticComponent<({ ...props }: import('..').FieldCheckboxProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldRadio: import('react').LazyExoticComponent<({ children, ...props }: import('..').FieldRadioProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldRadioGroup: import('react').LazyExoticComponent<({ children, ...props }: import('..').FieldRadioGroupProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldSwitch: import('react').LazyExoticComponent<({ ...props }: import('..').FieldSwitchProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldToggle: import('react').LazyExoticComponent<({ children, ...props }: import('..').FieldToggleProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldSet: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldSetProps) => 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('..').FieldInputGroupProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldInputGroupInput: import('react').LazyExoticComponent<({ className, ref, ...props }: import('..').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: import('react').LazyExoticComponent<({ ...props }: import('..').FieldCheckboxProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldRadio: import('react').LazyExoticComponent<({ children, ...props }: import('..').FieldRadioProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldRadioGroup: import('react').LazyExoticComponent<({ children, ...props }: import('..').FieldRadioGroupProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldSwitch: import('react').LazyExoticComponent<({ ...props }: import('..').FieldSwitchProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldToggle: import('react').LazyExoticComponent<({ children, ...props }: import('..').FieldToggleProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldSet: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldSetProps) => 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('..').FieldInputGroupProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldInputGroupInput: import('react').LazyExoticComponent<({ className, ref, ...props }: import('..').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: import('react').LazyExoticComponent<({ ...props }: import('..').FieldCheckboxProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldRadio: import('react').LazyExoticComponent<({ children, ...props }: import('..').FieldRadioProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldRadioGroup: import('react').LazyExoticComponent<({ children, ...props }: import('..').FieldRadioGroupProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldSwitch: import('react').LazyExoticComponent<({ ...props }: import('..').FieldSwitchProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldToggle: import('react').LazyExoticComponent<({ children, ...props }: import('..').FieldToggleProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldSet: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldSetProps) => 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('..').FieldInputGroupProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldInputGroupInput: import('react').LazyExoticComponent<({ className, ref, ...props }: import('..').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: import('react').LazyExoticComponent<({ ...props }: import('..').FieldCheckboxProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldRadio: import('react').LazyExoticComponent<({ children, ...props }: import('..').FieldRadioProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldRadioGroup: import('react').LazyExoticComponent<({ children, ...props }: import('..').FieldRadioGroupProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldSwitch: import('react').LazyExoticComponent<({ ...props }: import('..').FieldSwitchProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldToggle: import('react').LazyExoticComponent<({ children, ...props }: import('..').FieldToggleProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldSet: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldSetProps) => 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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -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 ADDED Viewed

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

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

@@ -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 ADDED Viewed

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

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

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

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

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

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -5,3 +5,9 @@ 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'>;
+export type FormSetContentProps = React.ComponentProps<'div'>;
+export type FormFooterProps = React.ComponentProps<'div'> & {
+    orientation?: 'horizontal' | 'vertical';
+};

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

@@ -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 CHANGED Viewed

@@ -11,10 +11,11 @@ export * from './chart';
 export * from './checkbox';
 export * from './checkbox-group';
 export * from './collapsible';
-export * from './code-block';
 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';
@@ -25,6 +26,7 @@ export * from './label';
 export * from './layer-tree';
 export * from './menu';
 export * from './meter';
+export * from './nav-bar';
 export * from './number-field';
 export * from './popover';
 export * from './profile';

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

@@ -1,2 +1,2 @@
 import { InputProps } from './input.types';
-export declare const Input: ({ compact, 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;