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

package/dist/components/badge/badge.d.ts

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

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

@@ -1,6 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import { ComponentProps } from 'react';
 export declare const badgeVariants: (props?: ({
+    size?: "small" | "large" | "medium" | "iconLarge" | "iconMedium" | "iconSmall" | null | undefined;
     tone?: "brand" | "accent" | "neutral" | "error" | "info" | "success" | "warning" | null | undefined;
     variant?: "fill" | "outline" | "soft" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { ChartContainerContextProps, ChartContainerProps } from './chart.types';
+export declare const ChartContainerContext: React.Context<ChartContainerContextProps | null>;
+export declare const ChartContainer: ({ id, config, className, children, ref, ...props }: ChartContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useChart: () => ChartContainerContextProps;

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { ChartLegendContentProps } from './chart.types';
+export declare const ChartLegendContent: ({ payload, verticalAlign, className, children, ref, ...props }: ChartLegendContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useChartLegendPayload: () => {
+    label?: string;
+    color?: string;
+    icon?: React.ComponentType;
+};

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

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

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

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

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

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

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

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

package/dist/components/chart/chart-linear-gradient.d.ts

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

package/dist/components/chart/chart-tooltip-content.d.ts

@@ -0,0 +1,3 @@
+import { ChartTooltipContentProps } from './chart.types';
+export declare const ChartTooltipContent: ({ className, children, ref, ...props }: ChartTooltipContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useChartTooltipContent: () => ChartTooltipContentProps;

package/dist/components/chart/chart-tooltip-icon.d.ts

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

package/dist/components/chart/chart-tooltip-indicator.d.ts

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

package/dist/components/chart/chart-tooltip-label.d.ts

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

package/dist/components/chart/chart-tooltip-name.d.ts

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

package/dist/components/chart/chart-tooltip-payload.d.ts

@@ -0,0 +1,4 @@
+import { ChartTooltipPayloadProps } from './chart.types';
+import { TooltipPayloadEntry } from 'recharts';
+export declare const ChartTooltipPayload: ({ className, children, ref, ...props }: ChartTooltipPayloadProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useChartTooltipPayload: () => TooltipPayloadEntry<import('recharts').TooltipValueType, import('recharts/types/component/DefaultTooltipContent').NameType>;

package/dist/components/chart/chart-tooltip-value.d.ts

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

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

@@ -0,0 +1,2 @@
+import { ChartTooltipProps } from './chart.types';
+export declare const ChartTooltip: ({ content, ...props }: ChartTooltipProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,50 @@
+import * as RechartsPrimitive from 'recharts';
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+export type ChartConfig = Record<string, {
+    label?: string;
+    icon?: React.ComponentType;
+} & ({
+    colour?: string;
+    theme?: never;
+} | {
+    colour?: never;
+    theme: Record<keyof typeof THEMES, string>;
+})>;
+export type ChartContainerContextProps = {
+    config: ChartConfig;
+};
+export type ChartContainerProps = React.ComponentProps<'div'> & {
+    config: ChartConfig;
+    initialDimension?: {
+        width: number;
+        height: number;
+    };
+};
+export type ChartTooltipProps = RechartsPrimitive.TooltipProps;
+export type ChartTooltipContentProps = React.ComponentProps<'div'> & Partial<RechartsPrimitive.TooltipContentProps>;
+export type ChartLegendProps = RechartsPrimitive.LegendProps;
+export type ChartLegendContentProps = React.ComponentProps<'div'> & RechartsPrimitive.DefaultLegendContentProps;
+export type ChartTooltipLabelProps = React.ComponentProps<'p'>;
+export type ChartTooltipNameProps = React.ComponentProps<'p'>;
+export type ChartTooltipPayloadProps = React.ComponentProps<'div'>;
+export type ChartLegendPayloadProps = React.ComponentProps<'div'>;
+export type ChartTooltipIndicatorProps = React.ComponentProps<'div'> & {
+    shape?: 'circle' | 'square' | 'diamond' | 'triangle' | 'wye' | 'line';
+};
+export type ChartLinearGradientProps = React.ComponentProps<'defs'> & {
+    gradients: {
+        id: string;
+        stopColor: string;
+    }[];
+};
+export type ChartTooltipIconProps = React.ComponentProps<'div'>;
+export type ChartLegendIconProps = React.ComponentProps<'div'>;
+export type ChartLegendLabelProps = React.ComponentProps<'p'>;
+export type ChartLegendIndicatorProps = React.ComponentProps<'div'> & {
+    shape?: 'circle' | 'square' | 'diamond' | 'triangle' | 'wye' | 'line';
+};
+export type ChartTooltipValueProps = React.ComponentProps<'p'>;
+export {};

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

@@ -0,0 +1,11 @@
+import { ChartConfig } from './chart.types';
+export declare const getPayloadConfigFromPayload: (config: ChartConfig, payload: unknown, key: string) => ({
+    label?: string;
+    icon?: React.ComponentType;
+} & ({
+    colour?: string;
+    theme?: never;
+} | {
+    colour?: never;
+    theme: Record<"light" | "dark", string>;
+})) | undefined;

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

@@ -0,0 +1,19 @@
+export type { ChartConfig, ChartTooltipContentProps, ChartTooltipLabelProps, ChartLegendContentProps, ChartLinearGradientProps, ChartContainerContextProps, ChartContainerProps, ChartLegendProps, ChartTooltipIndicatorProps, ChartTooltipNameProps, ChartTooltipPayloadProps, ChartTooltipProps, ChartLegendIconProps, ChartLegendLabelProps, ChartLegendIndicatorProps, ChartTooltipIconProps, ChartLegendPayloadProps, ChartTooltipValueProps, } from './chart.types';
+export { ChartContainer } from './chart-container';
+export { ChartTooltip } from './chart-tooltip';
+export { ChartTooltipContent, useChartTooltipContent } from './chart-tooltip-content';
+export { ChartTooltipLabel } from './chart-tooltip-label';
+export { ChartTooltipPayload, useChartTooltipPayload } from './chart-tooltip-payload';
+export { ChartLegend } from './chart-legend';
+export { ChartLegendContent } from './chart-legend-content';
+export { ChartLinearGradient } from './chart-linear-gradient';
+export { ChartTooltipIndicator } from './chart-tooltip-indicator';
+export { ChartTooltipName } from './chart-tooltip-name';
+export { ChartLegendIcon } from './chart-legend-icon';
+export { ChartLegendLabel } from './chart-legend-label';
+export { ChartLegendIndicator } from './chart-legend-indicator';
+export { ChartTooltipIcon } from './chart-tooltip-icon';
+export { getPayloadConfigFromPayload } from './chart.utils';
+export { ChartTooltipValue } from './chart-tooltip-value';
+export { useChart } from './chart-container';
+export { ChartContainerContext } from './chart-container';

package/dist/components/code-block/code-block-actions.d.ts

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

package/dist/components/code-block/code-block-copy.d.ts

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

package/dist/components/code-block/code-block-download.d.ts

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

package/dist/components/code-block/code-block-header.d.ts

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

package/dist/components/code-block/code-block-name.d.ts

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

package/dist/components/code-block/code-block-select.d.ts

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

package/dist/components/code-block/code-block-tabs.d.ts

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

package/dist/components/code-block/code-block-window.d.ts

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

package/dist/components/code-block/code-block.d.ts

@@ -0,0 +1,3 @@
+import { CodeBlockProps, CodeBlockProviderState } from './code-block.types';
+export declare const CodeBlock: ({ items, defaultValue, className, children, ref, ...props }: CodeBlockProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useCodeBlock: () => CodeBlockProviderState;

package/dist/components/code-block/code-block.types.d.ts

@@ -0,0 +1,26 @@
+import { SelectTrigger } from '../select';
+import { Tabs } from '../tabs';
+export type CodeBlockProps = Omit<React.ComponentProps<'div'>, 'defaultValue'> & {
+    defaultValue: CodeBlockValue;
+    items: CodeBlockValue[];
+};
+export type CodeBlockProviderState = {
+    currentValue: CodeBlockValue;
+    setCurrentValue: React.Dispatch<React.SetStateAction<CodeBlockValue>>;
+    items: CodeBlockValue[];
+};
+export type CodeBlockValue = {
+    id: string;
+    label: string;
+    name: string;
+    content: string;
+    icon?: React.ReactNode;
+};
+export type CodeBlockTabsProps = React.ComponentProps<typeof Tabs>;
+export type CodeBlockCopyProps = React.ComponentProps<'button'>;
+export type CodeBlockNameProps = React.ComponentProps<'div'>;
+export type CodeBlockSelectProps = React.ComponentProps<typeof SelectTrigger>;
+export type CodeBlockHeaderGroupProps = React.ComponentProps<'div'>;
+export type CodeBlockDownloadProps = React.ComponentProps<'button'>;
+export type CodeBlockActionsProps = React.ComponentProps<'div'>;
+export type CodeBlockWindowProps = React.ComponentProps<'div'>;

package/dist/components/code-block/index.d.ts

@@ -0,0 +1,10 @@
+export type { CodeBlockProps, CodeBlockActionsProps, CodeBlockCopyProps, CodeBlockDownloadProps, CodeBlockHeaderGroupProps, CodeBlockNameProps, CodeBlockProviderState, CodeBlockSelectProps, CodeBlockTabsProps, CodeBlockWindowProps, CodeBlockValue, } from './code-block.types';
+export { CodeBlock } from './code-block';
+export { CodeBlockActions } from './code-block-actions';
+export { CodeBlockCopy } from './code-block-copy';
+export { CodeBlockDownload } from './code-block-download';
+export { CodeBlockHeader } from './code-block-header';
+export { CodeBlockName } from './code-block-name';
+export { CodeBlockSelect } from './code-block-select';
+export { CodeBlockTabs } from './code-block-tabs';
+export { CodeBlockWindow } from './code-block-window';

package/dist/components/combobox/combobox-virtualized-list.d.ts

@@ -0,0 +1,2 @@
+import { ComboboxVirtualizedListProps } from './combobox.types';
+export declare const ComboboxVirtualizedList: <TItem>({ open, virtualizerRef, estimateSize, overscan, className, children, ...props }: ComboboxVirtualizedListProps<TItem>) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,5 +1,6 @@
 import { Combobox as BaseCombobox } from '@base-ui/react/combobox';
 import { inputVariants } from '../input/input.types';
+import { Virtualizer } from '@tanstack/react-virtual';
 import { VariantProps } from 'class-variance-authority';
 export type ComboboxEmptyProps = React.ComponentProps<typeof BaseCombobox.Empty>;
 export type ComboboxInputProps = React.ComponentProps<typeof BaseCombobox.Input> & VariantProps<typeof inputVariants> & {
@@ -19,4 +20,12 @@ export type ComboboxGroupProps = React.ComponentProps<typeof BaseCombobox.Group>
 export type ComboboxGroupLabelProps = React.ComponentProps<typeof BaseCombobox.GroupLabel>;
 export type ComboboxCollectionProps = React.ComponentProps<typeof BaseCombobox.Collection>;
 export type ComboboxStatusProps = React.ComponentProps<typeof BaseCombobox.Status>;
+export type ComboboxVirtualizedListProps<TItem> = Omit<React.ComponentProps<'div'>, 'children'> & {
+    open: boolean;
+    virtualizerRef?: React.RefObject<Virtualizer<HTMLDivElement, HTMLDivElement> | null>;
+    estimateSize?: number;
+    overscan?: number;
+    children?: React.ReactNode | ((item: TItem) => React.ReactNode);
+};
 export declare const useFilter: typeof BaseCombobox.useFilter;
+export declare const useFilteredItems: typeof BaseCombobox.useFilteredItems;

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

@@ -1,5 +1,5 @@
 export { Combobox } from './combobox';
-export type { ComboboxChipProps, ComboboxChipsProps, ComboboxCollectionProps, ComboboxEmptyProps, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxInputProps, ComboboxItemProps, ComboboxListProps, ComboboxPopupProps, ComboboxProps, ComboboxStatusProps, ComboboxTriggerProps, ComboboxValueProps, } from './combobox.types';
+export type { ComboboxChipProps, ComboboxChipsProps, ComboboxCollectionProps, ComboboxEmptyProps, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxInputProps, ComboboxItemProps, ComboboxListProps, ComboboxPopupProps, ComboboxProps, ComboboxStatusProps, ComboboxTriggerProps, ComboboxValueProps, ComboboxVirtualizedListProps, useFilteredItems, useFilter, } from './combobox.types';
 export { ComboboxChip } from './combobox-chip';
 export { ComboboxChips } from './combobox-chips';
 export { ComboboxCollection } from './combobox-collection';
@@ -13,3 +13,4 @@ export { ComboboxPopup } from './combobox-popup';
 export { ComboboxStatus } from './combobox-status';
 export { ComboboxTrigger } from './combobox-trigger';
 export { ComboboxValue } from './combobox-value';
+export { ComboboxVirtualizedList } from './combobox-virtualized-list';

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

@@ -1,5 +1,5 @@
 export { Dialog } from './dialog';
-export type { DialogCloseProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogPopupProps, DialogProps, DialogTitleProps, DialogTriggerProps, } from './dialog.types';
+export type { DialogCloseProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogPopupProps, DialogProps, DialogTitleProps, DialogTriggerProps, DialogContentProps, } from './dialog.types';
 export { DialogClose } from './dialog-close';
 export { DialogContent } from './dialog-content';
 export { DialogDescription } from './dialog-description';

package/dist/components/drawer/drawer-close.d.ts

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

package/dist/components/drawer/drawer-content.d.ts

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

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

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

package/dist/components/drawer/drawer-header.d.ts

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

package/dist/components/drawer/drawer-popup.d.ts

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

package/dist/components/drawer/drawer-provider.d.ts

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

package/dist/components/drawer/drawer-title.d.ts

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

package/dist/components/drawer/drawer-trigger.d.ts

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

package/dist/components/drawer/drawer.d.ts

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

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

@@ -0,0 +1,10 @@
+import { Drawer as BaseDrawer } from '@base-ui/react';
+export type DrawerProps = BaseDrawer.Root.Props;
+export type DrawerProviderProps = BaseDrawer.Provider.Props;
+export type DrawerTriggerProps = BaseDrawer.Trigger.Props;
+export type DrawerPopupProps = BaseDrawer.Popup.Props;
+export type DrawerContentProps = BaseDrawer.Content.Props;
+export type DrawerTitleProps = BaseDrawer.Title.Props;
+export type DrawerDescriptionProps = BaseDrawer.Description.Props;
+export type DrawerCloseProps = BaseDrawer.Close.Props;
+export type DrawerHeaderProps = React.ComponentProps<'div'>;

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

@@ -0,0 +1,10 @@
+export type { DrawerProps, DrawerCloseProps, DrawerContentProps, DrawerDescriptionProps, DrawerProviderProps, DrawerTriggerProps, DrawerPopupProps, DrawerTitleProps, DrawerHeaderProps, } from './drawer.types';
+export { Drawer } from './drawer';
+export { DrawerClose } from './drawer-close';
+export { DrawerContent } from './drawer-content';
+export { DrawerDescription } from './drawer-description';
+export { DrawerProvider } from './drawer-provider';
+export { DrawerTrigger } from './drawer-trigger';
+export { DrawerPopup } from './drawer-popup';
+export { DrawerTitle } from './drawer-title';
+export { DrawerHeader } from './drawer-header';

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

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

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

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

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

@@ -1,7 +1,7 @@
 import { Checkbox } from '../checkbox';
 import { Input } from '../input';
 import { InputGroup, InputGroupInput } from '../input-group';
-import { RadioGroup } from '../radio-group';
+import { Radio, RadioGroup } from '../radio-group';
 import { Select } from '../select';
 import { Slider } from '../slider';
 import { Switch } from '../switch';
@@ -17,7 +17,9 @@ export type FieldSelectProps = React.ComponentProps<typeof Select>;
 export type FieldSliderProps = React.ComponentProps<typeof Slider>;
 export type FieldTextAreaProps = React.ComponentProps<typeof TextArea>;
 export type FieldCheckboxProps = React.ComponentProps<typeof Checkbox>;
+export type FieldRadioProps = React.ComponentProps<typeof Radio>;
 export type FieldRadioGroupProps = React.ComponentProps<typeof RadioGroup>;
 export type FieldSwitchProps = React.ComponentProps<typeof Switch>;
 export type FieldToggleProps = React.ComponentProps<typeof Toggle>;
 export type FieldProps = React.ComponentProps<'div'>;
+export type FieldSetProps = React.ComponentProps<'div'>;

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

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

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

@@ -3,11 +3,17 @@ export declare const useAppForm: <TFormData, TOnMount extends import('@tanstack/
     readonly FieldDescription: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldDescriptionProps) => import("react/jsx-runtime").JSX.Element>;
     readonly FieldErrors: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldErrorProps) => import("react/jsx-runtime").JSX.Element | null>;
     readonly FieldInput: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldInputProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldInputGroup: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('../field/field.types').FieldInputGroupProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldInputGroupInput: import('react').LazyExoticComponent<({ className, ref, ...props }: import('../field/field.types').FieldInputGroupInputProps) => import("react/jsx-runtime").JSX.Element>;
+    readonly 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 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;
@@ -16,11 +22,17 @@ export declare const useAppForm: <TFormData, TOnMount extends import('@tanstack/
     readonly FieldDescription: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldDescriptionProps) => import("react/jsx-runtime").JSX.Element>;
     readonly FieldErrors: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldErrorProps) => import("react/jsx-runtime").JSX.Element | null>;
     readonly FieldInput: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldInputProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldInputGroup: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('../field/field.types').FieldInputGroupProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldInputGroupInput: import('react').LazyExoticComponent<({ className, ref, ...props }: import('../field/field.types').FieldInputGroupInputProps) => import("react/jsx-runtime").JSX.Element>;
+    readonly 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 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;
@@ -30,11 +42,17 @@ export declare const useAppForm: <TFormData, TOnMount extends import('@tanstack/
         readonly FieldDescription: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldDescriptionProps) => import("react/jsx-runtime").JSX.Element>;
         readonly FieldErrors: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldErrorProps) => import("react/jsx-runtime").JSX.Element | null>;
         readonly FieldInput: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldInputProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldInputGroup: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('../field/field.types').FieldInputGroupProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldInputGroupInput: import('react').LazyExoticComponent<({ className, ref, ...props }: import('../field/field.types').FieldInputGroupInputProps) => import("react/jsx-runtime").JSX.Element>;
+        readonly 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 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;
@@ -43,11 +61,17 @@ export declare const useAppForm: <TFormData, TOnMount extends import('@tanstack/
         readonly FieldDescription: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldDescriptionProps) => import("react/jsx-runtime").JSX.Element>;
         readonly FieldErrors: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldErrorProps) => import("react/jsx-runtime").JSX.Element | null>;
         readonly FieldInput: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldInputProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldInputGroup: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('../field/field.types').FieldInputGroupProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldInputGroupInput: import('react').LazyExoticComponent<({ className, ref, ...props }: import('../field/field.types').FieldInputGroupInputProps) => import("react/jsx-runtime").JSX.Element>;
+        readonly 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 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;
@@ -58,11 +82,17 @@ export declare const useAppForm: <TFormData, TOnMount extends import('@tanstack/
     readonly FieldDescription: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldDescriptionProps) => import("react/jsx-runtime").JSX.Element>;
     readonly FieldErrors: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldErrorProps) => import("react/jsx-runtime").JSX.Element | null>;
     readonly FieldInput: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldInputProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldInputGroup: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('../field/field.types').FieldInputGroupProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldInputGroupInput: import('react').LazyExoticComponent<({ className, ref, ...props }: import('../field/field.types').FieldInputGroupInputProps) => import("react/jsx-runtime").JSX.Element>;
+    readonly 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 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;
@@ -72,11 +102,17 @@ export declare const useAppForm: <TFormData, TOnMount extends import('@tanstack/
         readonly FieldDescription: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldDescriptionProps) => import("react/jsx-runtime").JSX.Element>;
         readonly FieldErrors: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldErrorProps) => import("react/jsx-runtime").JSX.Element | null>;
         readonly FieldInput: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldInputProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldInputGroup: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('../field/field.types').FieldInputGroupProps) => import("react/jsx-runtime").JSX.Element>;
-        readonly FieldInputGroupInput: import('react').LazyExoticComponent<({ className, ref, ...props }: import('../field/field.types').FieldInputGroupInputProps) => import("react/jsx-runtime").JSX.Element>;
+        readonly 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 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;
@@ -86,11 +122,17 @@ export declare const useAppForm: <TFormData, TOnMount extends import('@tanstack/
     readonly FieldDescription: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldDescriptionProps) => import("react/jsx-runtime").JSX.Element>;
     readonly FieldErrors: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldErrorProps) => import("react/jsx-runtime").JSX.Element | null>;
     readonly FieldInput: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('..').FieldInputProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldInputGroup: import('react').LazyExoticComponent<({ className, children, ref, ...props }: import('../field/field.types').FieldInputGroupProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly FieldInputGroupInput: import('react').LazyExoticComponent<({ className, ref, ...props }: import('../field/field.types').FieldInputGroupInputProps) => import("react/jsx-runtime").JSX.Element>;
+    readonly 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 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;