dawn-ui-react 1.0.0-alpha.22 → 1.0.0-alpha.24

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

@@ -1,7 +1,8 @@
 export { Accordion } from './accordion';
-export type { AccordionHeaderProps, AccordionItemProps, AccordionProps, AccordionPanelProps, AccordionSubtitleProps, AccordionTitleProps, } from './accordion.types';
+export type { AccordionHeaderProps, AccordionItemProps, AccordionProps, AccordionPanelProps, AccordionSubtitleProps, AccordionTitleProps, AccordionTriggerProps, } from './accordion.types';
 export { AccordionHeader } from './accordion-header';
 export { AccordionItem } from './accordion-item';
 export { AccordionPanel } from './accordion-panel';
 export { AccordionSubtitle } from './accordion-subtitle';
 export { AccordionTitle } from './accordion-title';
+export { AccordionTrigger } from './accordion-trigger';

package/dist/components/chart/chart-legend.d.ts

@@ -1,2 +1,2 @@
 import { ChartLegendProps } from './chart.types';
-export declare const ChartLegend: ({ className, children, ...props }: ChartLegendProps) => import("react").JSX.Element;
+export declare const ChartLegend: ({ children, ...props }: ChartLegendProps) => import("react").JSX.Element;

package/dist/components/colour-channel-slider/colour-channel-slider.d.ts

@@ -0,0 +1,2 @@
+import { ColourChannelSliderProps } from './colour-channel-slider.types';
+export declare const ColourChannelSlider: ({ size, trackStyle, className, children, ref, ...props }: ColourChannelSliderProps) => import("react").JSX.Element;

package/dist/components/colour-channel-slider/colour-channel-slider.types.d.ts

@@ -0,0 +1,8 @@
+import { Slider as BaseSlider } from '@base-ui/react';
+import { VariantProps } from 'class-variance-authority';
+export type ColourChannelSliderProps = React.ComponentProps<typeof BaseSlider.Root> & VariantProps<typeof colourChannelSliderVariants> & {
+    trackStyle: string[];
+};
+export declare const colourChannelSliderVariants: (props?: ({
+    size?: "small" | "large" | "medium" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/colour-channel-slider/colour-channel-slider.utils.d.ts

@@ -0,0 +1,4 @@
+export declare const getHueTrack: () => string[];
+export declare const getTransparencyTrack: (baseColor: string) => string[];
+export declare const getSaturationTrack: (baseColor: string) => string[];
+export declare const getLightnessTrack: (baseColor: string) => string[];

package/dist/components/colour-channel-slider/index.d.ts

@@ -0,0 +1,2 @@
+export type { ColourChannelSliderProps } from './colour-channel-slider.types';
+export { ColourChannelSlider } from './colour-channel-slider';

package/dist/components/colour-picker/colour-picker-area.d.ts

@@ -0,0 +1,2 @@
+import { ColourPickerAreaProps } from './colour-picker.types';
+export declare const ColourPickerArea: ({ className, ref, ...props }: ColourPickerAreaProps) => import("react").JSX.Element;

package/dist/components/colour-picker/colour-picker-group.d.ts

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

package/dist/components/colour-picker/colour-picker-hue-slider.d.ts

@@ -0,0 +1,2 @@
+import { ColourPickerHueSliderProps } from './colour-picker.types';
+export declare const ColourPickerHueSlider: ({ className, ref, ...props }: ColourPickerHueSliderProps) => import("react").JSX.Element;

package/dist/components/colour-picker/colour-picker-input.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { ColourPickerInputProps } from './colour-picker.types';
+export declare const ColourPickerInput: ({ className, children, ref, ...props }: ColourPickerInputProps) => React.JSX.Element;

package/dist/components/colour-picker/colour-picker-label.d.ts

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

package/dist/components/colour-picker/colour-picker-palette-add.d.ts

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

package/dist/components/colour-picker/colour-picker-palette-limit.d.ts

@@ -0,0 +1,2 @@
+import { ColourPickerPaletteLimitProps } from './colour-picker.types';
+export declare const ColourPickerPaletteLimit: ({ className, children, ref, ...props }: ColourPickerPaletteLimitProps) => import("react").JSX.Element | null;

package/dist/components/colour-picker/colour-picker-palette-list.d.ts

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

package/dist/components/colour-picker/colour-picker-palette-swatch.d.ts

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

package/dist/components/colour-picker/colour-picker-row.d.ts

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

package/dist/components/colour-picker/colour-picker-transparency-slider.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { ColourPickerTransparencySliderProps } from './colour-picker.types';
+export declare const ColourPickerTransparencySlider: ({ className, ref, ...props }: ColourPickerTransparencySliderProps) => React.JSX.Element;

package/dist/components/colour-picker/colour-picker-value-type.d.ts

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

package/dist/components/colour-picker/colour-picker.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ColourPickerProps, ColourPickerContextType } from './colour-picker.types';
+export declare const ColourPicker: ({ variant, defaultColour, defaultPalette, paletteLimit, className, children, ref, ...props }: ColourPickerProps) => React.JSX.Element;
+export declare const useColourPicker: () => ColourPickerContextType;

package/dist/components/colour-picker/colour-picker.types.d.ts

@@ -0,0 +1,94 @@
+import { default as chroma } from 'chroma-js';
+import { VariantProps } from 'class-variance-authority';
+import { Button } from '../button';
+import { ColourChannelSlider } from '../colour-channel-slider';
+import { InputGroup } from '../input-group';
+import { SelectTrigger } from '../select';
+export type ColourPickerContextType = {
+    colour: chroma.Color;
+    setColour: (colour: chroma.Color) => void;
+    hue: number;
+    saturation: number;
+    value: number;
+    alpha: number;
+    setHue: (hue: number) => void;
+    setSaturation: (saturation: number) => void;
+    setValue: (value: number) => void;
+    setAlpha: (alpha: number) => void;
+    valueType: ValueType;
+    setValueType: (valueType: ValueType) => void;
+    palette: chroma.Color[];
+    setPalette: (palette: chroma.Color[]) => void;
+    addPaletteColour: (colour: chroma.Color) => void;
+    paletteLimit?: number;
+};
+export type ColourPickerState = {
+    hue: number;
+    saturation: number;
+    value: number;
+    alpha: number;
+    valueType: ValueType;
+    palette: chroma.Color[];
+};
+export type ColourPickerAction = {
+    type: 'set_colour';
+    colour: chroma.Color;
+} | {
+    type: 'set_hue';
+    hue: number;
+} | {
+    type: 'set_saturation';
+    saturation: number;
+} | {
+    type: 'set_value';
+    value: number;
+} | {
+    type: 'set_alpha';
+    alpha: number;
+} | {
+    type: 'set_value_type';
+    valueType: ValueType;
+} | {
+    type: 'set_palette';
+    palette: chroma.Color[];
+} | {
+    type: 'add_palette_colour';
+    colour: chroma.Color;
+};
+export type ColourPickerProps = React.ComponentProps<'div'> & VariantProps<typeof colourPickerVariants> & {
+    defaultColour?: string;
+    defaultPalette?: string[];
+    paletteLimit?: number;
+};
+export declare const colourPickerVariants: (props?: ({
+    variant?: "ghost" | "outline" | "elevated" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const colourPickerSwatchVariants: (props?: ({
+    size?: "small" | "large" | "medium" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const VALUE_TYPES: ValueType[];
+export type ValueType = {
+    label: string;
+    value: string;
+    getValue: (colour: chroma.Color) => any;
+    parseValue: (value: string) => chroma.Color | undefined;
+};
+export type ColourPickerInputProps = React.ComponentProps<typeof InputGroup>;
+export type ColourPickerAreaProps = React.ComponentProps<'div'>;
+export type ColourPickerHueSliderProps = Partial<React.ComponentProps<typeof ColourChannelSlider>>;
+export type ColourPickerTransparencySliderProps = Partial<React.ComponentProps<typeof ColourChannelSlider>>;
+export type ColourPickerValueTypeProps = React.ComponentProps<typeof SelectTrigger>;
+export type ColourPickerRowProps = React.ComponentProps<'div'>;
+export type ColourPickerGroupProps = React.ComponentProps<'div'>;
+export type ColourPickerLabelProps = React.ComponentProps<'span'>;
+export type ColourPickerPaletteListProps = Omit<React.ComponentProps<'ul'>, 'children'> & {
+    children?: (props: {
+        colour: chroma.Color;
+        index: number;
+    }) => React.ReactNode;
+};
+export type ColourPickerPaletteSwatchProps = React.ComponentProps<'button'> & VariantProps<typeof colourPickerSwatchVariants> & {
+    colour: chroma.Color;
+};
+export type ColourPickerPaletteAddProps = React.ComponentProps<typeof Button>;
+export type ColourPickerPaletteLimitProps = React.ComponentProps<'span'>;

package/dist/components/colour-picker/index.d.ts

@@ -0,0 +1,2 @@
+export { ColourPicker } from './colour-picker';
+export type { ColourPickerProps } from './colour-picker.types';

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

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

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

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

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

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

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

@@ -1,140 +1,182 @@
 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 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: ({ className, children, ref, ...props }: import('..').FieldLabelProps) => import("react").JSX.Element;
-    readonly FieldSelect: ({ children, ...props }: import('..').FieldSelectProps) => import("react").JSX.Element;
-    readonly FieldSlider: ({ className, ref, ...props }: import('..').FieldSliderProps) => import("react").JSX.Element;
-    readonly FieldCheckbox: ({ ...props }: import('..').FieldCheckboxProps) => 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 FieldSet: ({ className, children, ref, ...props }: import('..').FieldSetProps) => import("react").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 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: ({ className, children, ref, ...props }: import('..').FieldLabelProps) => import("react").JSX.Element;
-    readonly FieldSelect: ({ children, ...props }: import('..').FieldSelectProps) => import("react").JSX.Element;
-    readonly FieldSlider: ({ className, ref, ...props }: import('..').FieldSliderProps) => import("react").JSX.Element;
-    readonly FieldCheckbox: ({ ...props }: import('..').FieldCheckboxProps) => 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 FieldSet: ({ className, children, ref, ...props }: import('..').FieldSetProps) => import("react").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 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: ({ className, children, ref, ...props }: import('..').FieldLabelProps) => import("react").JSX.Element;
-        readonly FieldSelect: ({ children, ...props }: import('..').FieldSelectProps) => import("react").JSX.Element;
-        readonly FieldSlider: ({ className, ref, ...props }: import('..').FieldSliderProps) => import("react").JSX.Element;
-        readonly FieldCheckbox: ({ ...props }: import('..').FieldCheckboxProps) => 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 FieldSet: ({ className, children, ref, ...props }: import('..').FieldSetProps) => import("react").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 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: ({ className, children, ref, ...props }: import('..').FieldLabelProps) => import("react").JSX.Element;
-        readonly FieldSelect: ({ children, ...props }: import('..').FieldSelectProps) => import("react").JSX.Element;
-        readonly FieldSlider: ({ className, ref, ...props }: import('..').FieldSliderProps) => import("react").JSX.Element;
-        readonly FieldCheckbox: ({ ...props }: import('..').FieldCheckboxProps) => 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 FieldSet: ({ className, children, ref, ...props }: import('..').FieldSetProps) => import("react").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 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: ({ className, children, ref, ...props }: import('..').FieldLabelProps) => import("react").JSX.Element;
-    readonly FieldSelect: ({ children, ...props }: import('..').FieldSelectProps) => import("react").JSX.Element;
-    readonly FieldSlider: ({ className, ref, ...props }: import('..').FieldSliderProps) => import("react").JSX.Element;
-    readonly FieldCheckbox: ({ ...props }: import('..').FieldCheckboxProps) => 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 FieldSet: ({ className, children, ref, ...props }: import('..').FieldSetProps) => import("react").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 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: ({ className, children, ref, ...props }: import('..').FieldLabelProps) => import("react").JSX.Element;
-        readonly FieldSelect: ({ children, ...props }: import('..').FieldSelectProps) => import("react").JSX.Element;
-        readonly FieldSlider: ({ className, ref, ...props }: import('..').FieldSliderProps) => import("react").JSX.Element;
-        readonly FieldCheckbox: ({ ...props }: import('..').FieldCheckboxProps) => 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 FieldSet: ({ className, children, ref, ...props }: import('..').FieldSetProps) => import("react").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 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: ({ className, children, ref, ...props }: import('..').FieldLabelProps) => import("react").JSX.Element;
-    readonly FieldSelect: ({ children, ...props }: import('..').FieldSelectProps) => import("react").JSX.Element;
-    readonly FieldSlider: ({ className, ref, ...props }: import('..').FieldSliderProps) => import("react").JSX.Element;
-    readonly FieldCheckbox: ({ ...props }: import('..').FieldCheckboxProps) => 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 FieldSet: ({ className, children, ref, ...props }: import('..').FieldSetProps) => import("react").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-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-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: ({ 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.types.d.ts

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

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

@@ -12,8 +12,10 @@ export * from './checkbox';
 export * from './checkbox-group';
 export * from './code-block';
 export * from './collapsible';
-export * from './context-menu';
+export * from './colour-channel-slider';
+export * from './colour-picker';
 export * from './combobox';
+export * from './context-menu';
 export * from './dialog';
 export * from './drawer';
 export * from './dropzone';
@@ -27,6 +29,7 @@ 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 './popover';

package/dist/components/nav-bar/index.d.ts

@@ -0,0 +1,5 @@
+export type { NavBarProps, NavBarItemIconProps, NavBarItemProps, NavBarItemLabelProps, } from './nav-bar.types';
+export { NavBar } from './nav-bar';
+export { NavBarItem } from './nav-bar-item';
+export { NavBarItemIcon } from './nav-bar-item-icon';
+export { NavBarItemLabel } from './nav-bar-item-label';

package/dist/components/nav-bar/nav-bar-item-icon.d.ts

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

package/dist/components/nav-bar/nav-bar-item-label.d.ts

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

package/dist/components/nav-bar/nav-bar-item.d.ts

@@ -0,0 +1,2 @@
+import { NavBarItemProps } from './nav-bar.types';
+export declare const NavBarItem: ({ isActive, tone, className, children, ref, ...props }: NavBarItemProps) => import("react").JSX.Element;

package/dist/components/nav-bar/nav-bar.d.ts

@@ -0,0 +1,2 @@
+import { NavBarProps } from './nav-bar.types';
+export declare const NavBar: ({ itemOrientation, size, variant, className, children, ref, ...props }: NavBarProps) => import("react").JSX.Element;