@nimbus-ds/components 5.28.0 → 5.29.0-rc.1

package/dist/Modal/index.d.ts

@@ -1,232 +0,0 @@
-// Generated by dts-bundle-generator v7.2.0
-
-import React from 'react';
-import { HTMLAttributes, ReactNode } from 'react';
-
-export interface Conditions<T> {
-	xs?: T;
-	md?: T;
-	lg?: T;
-	xl?: T;
-}
-declare const propertiesModal: {
-	padding: {
-		base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		none: string;
-	};
-};
-export type PaddingProperties = keyof typeof propertiesModal.padding;
-export interface ModalSprinkle {
-	/**
-	 * The maxWidth property specifies the maxWidth of a modal's content area. The width of the modal will be defined by the width of the content in this prop.
-	 * @default { xs: "100%", md: "500px" }
-	 */
-	maxWidth?: string | Conditions<string>;
-	/**
-	 * The padding properties are used to generate space around an modal's content area.
-	 * @default base
-	 */
-	padding?: PaddingProperties | Conditions<PaddingProperties>;
-}
-declare const modal: {
-	classnames: {
-		overlay: string;
-		overlayScoped: string;
-		container: string;
-		container__close: string;
-		container__footer: string;
-	};
-	subComponents: {
-		header: {
-			sprinkle: ((props: {
-				padding?: "small" | "none" | "base" | undefined;
-			}) => string) & {
-				properties: Set<"padding">;
-			};
-			properties: {
-				padding: {
-					base: string;
-					small: string;
-					none: string;
-				};
-			};
-		};
-		body: {
-			sprinkle: ((props: {
-				padding?: "small" | "none" | "base" | undefined;
-			}) => string) & {
-				properties: Set<"padding">;
-			};
-			properties: {
-				padding: {
-					base: string;
-					small: string;
-					none: string;
-				};
-			};
-		};
-		footer: {
-			sprinkle: ((props: {
-				padding?: "small" | "none" | "base" | undefined;
-			}) => string) & {
-				properties: Set<"padding">;
-			};
-			properties: {
-				padding: {
-					base: string;
-					small: string;
-					none: string;
-				};
-			};
-		};
-	};
-	sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
-		{
-			config: {
-				maxWidth: {
-					dynamic: {
-						default: string;
-						conditions: Record<"xs" | "md" | "lg" | "xl", string>;
-					};
-					dynamicScale: true;
-					name: "maxWidth";
-					vars: {
-						default: string;
-						conditions: Record<"xs" | "md" | "lg" | "xl", string>;
-					};
-				};
-				padding: {
-					dynamic: {
-						default: string;
-						conditions: Record<"xs" | "md" | "lg" | "xl", string>;
-					};
-					dynamicScale: {
-						base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-						small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-						none: string;
-					};
-					name: "padding";
-					vars: {
-						default: string;
-						conditions: Record<"xs" | "md" | "lg" | "xl", string>;
-					};
-				};
-			};
-		} & {
-			config: {
-				[x: string]: {
-					mappings: ("maxWidth" | "padding")[];
-				};
-			};
-		}
-	]>;
-	properties: {
-		padding: {
-			base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			none: string;
-		};
-	};
-};
-export type CloseOnOutsidePress = (event: PointerEvent | MouseEvent) => boolean;
-export interface ModalBodyProperties {
-	/**
-	 * The content of the modal body.
-	 * @TJS-type React.ReactNode
-	 */
-	children: ReactNode;
-	/**
-	 * The padding properties are used to generate space around an modal's body content area.
-	 * @default none
-	 */
-	padding?: keyof typeof modal.subComponents.body.properties.padding;
-}
-export type ModalBodyProps = ModalBodyProperties & HTMLAttributes<HTMLElement>;
-export declare const ModalBody: React.FC<ModalBodyProps>;
-export interface ModalFooterProperties {
-	/**
-	 * The content of the modal footer.
-	 * @TJS-type React.ReactNode
-	 */
-	children: ReactNode;
-	/**
-	 * The padding properties are used to generate space around an modal's footer content area.
-	 * @default none
-	 */
-	padding?: keyof typeof modal.subComponents.footer.properties.padding;
-}
-export type ModalFooterProps = ModalFooterProperties & HTMLAttributes<HTMLElement>;
-export declare const ModalFooter: React.FC<ModalFooterProps>;
-export interface ModalHeaderProperties {
-	/**
-	 * The content of the modal header.
-	 * @TJS-type React.ReactNode
-	 */
-	children?: ReactNode;
-	/**
-	 * The title to display in the modal header.
-	 */
-	title?: string;
-	/**
-	 * The padding properties are used to generate space around an modal's header content area.
-	 * @default none
-	 */
-	padding?: keyof typeof modal.subComponents.header.properties.padding;
-}
-export type ModalHeaderProps = ModalHeaderProperties & HTMLAttributes<HTMLElement>;
-export declare const ModalHeader: React.FC<ModalHeaderProps>;
-export interface ModalComponents {
-	Body: typeof ModalBody;
-	Footer: typeof ModalFooter;
-	Header: typeof ModalHeader;
-}
-export interface ModalProperties extends ModalSprinkle {
-	/**
-	 * The content of the modal.
-	 * @TJS-type React.ReactNode
-	 */
-	children: ReactNode;
-	/**
-	 * Whether the modal is open or not.
-	 */
-	open: boolean;
-	/**
-	 * Callback fired when the component requests to be closed.
-	 * @TJS-type (open: boolean) => void;
-	 */
-	onDismiss?: (open: boolean) => void;
-	/**
-	 * Id to be embedded in the portal element
-	 */
-	portalId?: string;
-	/**
-	 * Controls whether clicking/pressing outside should close the modal.
-	 * - boolean: enable/disable dismissal on outside press
-	 * - function: receive the DOM event and return true to allow closing, false to ignore
-	 *
-	 * Defaults to true.
-	 */
-	closeOnOutsidePress?: boolean | CloseOnOutsidePress;
-	/**
-	 * The attribute name to ignore when checking for outside clicks. Useful to
-	 * mark regions (e.g., a chat) that should not close the modal when clicked.
-	 * @default "data-nimbus-outside-press-ignore"
-	 */
-	ignoreAttributeName?: string;
-	/**
-	 * The padding properties are used to generate space around an modal's content area.
-	 * @default base
-	 */
-	padding?: keyof typeof modal.properties.padding;
-}
-export type ModalProps = ModalProperties & {
-	/**
-	 * Root element where the portal should be mounted. When provided and not null,
-	 * the portal renders inside this element; when null/undefined, the default root is used.
-	 */
-	root?: HTMLElement | null;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const Modal: React.FC<ModalProps> & ModalComponents;
-
-export {};

package/dist/MultiSelect/index.d.ts

@@ -1,107 +0,0 @@
-// Generated by dts-bundle-generator v7.2.0
-
-import React from 'react';
-import { ComponentPropsWithRef, HTMLAttributes, InputHTMLAttributes } from 'react';
-
-declare const multiSelect: {
-	sprinkle: ((props: {
-		zIndex?: "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | {
-			xs?: "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
-			md?: "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
-			lg?: "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
-			xl?: "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
-		} | undefined;
-	}) => string) & {
-		properties: Set<"zIndex">;
-	};
-	properties: {
-		zIndex: {
-			"100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-			"900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		};
-	};
-	classnames: {
-		appearance: Record<"success" | "warning" | "danger" | "neutral", string>;
-		container: string;
-		container__icon: string;
-		container__button: string;
-	};
-};
-export interface SkeletonProperties {
-	/**
-	 * Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.
-	 */
-	width: string;
-	/**
-	 * Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.
-	 */
-	height: string;
-	/**
-	 * The border radius of the skeleton.
-	 */
-	borderRadius?: string;
-	/**
-	 * This is an attribute used to identify a DOM node for testing purposes.
-	 */
-	"data-testid"?: string;
-}
-export type SkeletonProps = SkeletonProperties & HTMLAttributes<HTMLDivElement>;
-export type MultiSelectSkeletonProperties = Partial<Pick<SkeletonProps, "width" | "data-testid">>;
-export type MultiSelectSkeletonProps = MultiSelectSkeletonProperties & HTMLAttributes<HTMLDivElement>;
-export declare const MultiSelectSkeleton: React.FC<MultiSelectSkeletonProps>;
-export interface MultiSelectComponents {
-	Skeleton: typeof MultiSelectSkeleton;
-}
-export interface MultiSelectOption {
-	/**
-	 * Label for the option.
-	 */
-	label: string;
-	/**
-	 * Value of the option
-	 */
-	value: string;
-}
-export interface MultiSelectProperties {
-	/**
-	 * The name of the wrapper element or the select element when native.
-	 */
-	name: string;
-	/**
-	 * The id of the wrapper element or the select element when native.
-	 */
-	id: string;
-	/**
-	 * Change the visual style of the select.
-	 * @default neutral
-	 */
-	appearance?: "success" | "warning" | "danger" | "neutral";
-	/**
-	 * Options of the MultiSelect
-	 */
-	options: MultiSelectOption[];
-	/**
-	 * Options of the MultiSelect
-	 */
-	onChange?: (values: MultiSelectOption[]) => void;
-	/**
-	 * Deafult of the MultiSelect
-	 */
-	value?: MultiSelectOption[];
-	/**
-	 * ZIndex of the MultiSelect
-	 */
-	zIndex?: keyof typeof multiSelect.properties.zIndex;
-}
-export type MultiSelectBaseProps = MultiSelectProperties & Omit<InputHTMLAttributes<HTMLInputElement>, "children" | "value">;
-export declare const MultiSelect: React.FC<MultiSelectBaseProps> & MultiSelectComponents;
-export type MultiSelectProps = ComponentPropsWithRef<typeof MultiSelect>;
-
-export {};

package/dist/Pagination/index.d.ts

@@ -1,41 +0,0 @@
-// Generated by dts-bundle-generator v7.2.0
-
-import React from 'react';
-import { HTMLAttributes } from 'react';
-
-export interface PaginationItemData {
-	pageNumber: number | string;
-	isCurrent: boolean;
-}
-export interface PaginationProperties {
-	/**
-	 * The currently selected page.
-	 */
-	activePage: number;
-	/**
-	 * The total number of pages.
-	 */
-	pageCount: number;
-	/**
-	 * Called with event and page number when a page is clicked.
-	 * @TJS-type (page: number) => void;
-	 */
-	onPageChange: (page: number) => void;
-	/**
-	 * Determines whether page numbers should be shown.
-	 * @default true
-	 */
-	showNumbers?: boolean;
-	/**
-	 * Custom render function for pagination items.
-	 */
-	renderItem?: (item: PaginationItemData) => React.ReactNode;
-}
-export type PaginationProps = PaginationProperties & HTMLAttributes<HTMLElement>;
-export declare const Pagination: React.FC<PaginationProps>;
-
-export {
-	Pagination as default,
-};
-
-export {};

package/dist/Popover/index.d.ts

@@ -1,165 +0,0 @@
-// Generated by dts-bundle-generator v7.2.0
-
-import React from 'react';
-import { HTMLAttributes, ReactNode } from 'react';
-
-export interface Conditions<T> {
-	xs?: T;
-	md?: T;
-	lg?: T;
-	xl?: T;
-}
-export type Overflow = "visible" | "hidden" | "scroll" | "auto";
-declare const propertiesPopover: {
-	backgroundColor: {
-		"primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"primary-interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"success-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-	};
-	color: {
-		"primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"primary-interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"success-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-	};
-	padding: {
-		base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		none: string;
-	};
-	zIndex: {
-		"100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-		"900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-	};
-	overflow: Overflow[];
-};
-export type PopoverColorProperties = keyof typeof propertiesPopover.color;
-export type PopoverBackgroundColorProperties = keyof typeof propertiesPopover.backgroundColor;
-export type PopoverPaddingProperties = keyof typeof propertiesPopover.padding;
-export type PopoverZIndexProperties = keyof typeof propertiesPopover.zIndex;
-export interface PopoverSprinkle {
-	/**
-	 * The width property specifies the width of a popover's content area.
-	 * @default fit-content
-	 */
-	width?: string | Conditions<string>;
-	/**
-	 * The maxWidth property specifies the maximum width of a popover's content area.
-	 */
-	maxWidth?: string | Conditions<string>;
-	/**
-	 * The height property specifies the height of a popover's content area.
-	 */
-	height?: string | Conditions<string>;
-	/**
-	 * The zIndex property specifies the stack order of the popover.
-	 */
-	zIndex?: PopoverZIndexProperties | Conditions<PopoverZIndexProperties>;
-	/**
-	 * The backgroundColor property sets the background color of the popover.
-	 * @default neutral-background
-	 * @examples ["neutral-interactive", { xs: "neutral-surface", md: "neutral-interactive" }]
-	 */
-	backgroundColor?: PopoverBackgroundColorProperties | Conditions<PopoverBackgroundColorProperties>;
-	/**
-	 * The color property is used to set the color of the popover.
-	 * @default neutral-background
-	 */
-	color?: PopoverColorProperties | Conditions<PopoverColorProperties>;
-	/**
-	 * The padding properties are used to generate space around an popover's content area.
-	 * @default base
-	 */
-	padding?: PopoverPaddingProperties | Conditions<PopoverPaddingProperties>;
-	/**
-	 * The overflow shorthand property sets the desired behavior for an popover's content overflow.
-	 */
-	overflow?: Overflow | Conditions<Overflow>;
-}
-export type PopoverPlacement = "top" | "right" | "bottom" | "left" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end";
-export interface PopoverProperties extends PopoverSprinkle {
-	/**
-	 * An HTML element, or a function that returns one. It's used to set the position of the popover.
-	 * @TJS-type React.ReactNode | ((data: { open: boolean, setVisibility: (visibility: boolean) => void }) => React.ReactNode);
-	 */
-	children: ReactNode | ((data: {
-		open: boolean;
-		setVisibility: (visibility: boolean) => void;
-	}) => ReactNode);
-	/**
-	 * The content of the popover.
-	 * @TJS-type React.ReactNode
-	 */
-	content: ReactNode;
-	/**
-	 * If true, the component is shown.
-	 */
-	visible?: boolean;
-	/**
-	 * Function to control popover opening and closing.
-	 * @TJS-type (visible: boolean) => void;
-	 */
-	onVisibility?: (visible: boolean) => void;
-	/**
-	 * Conditional for displaying the popover arrow.
-	 * @default true
-	 */
-	arrow?: boolean;
-	/**
-	 * A common feature of select dropdowns is that the dropdown matches the width of the reference regardless of its contents.
-	 * @default false
-	 */
-	matchReferenceWidth?: boolean;
-	/**
-	 * Position of the popover.
-	 * @default bottom
-	 */
-	position?: PopoverPlacement;
-	/**
-	 * Adds hover event listeners that change the open state, like CSS :hover.
-	 * @default false
-	 */
-	enabledHover?: boolean;
-	/**
-	 * Adds click event listeners that change the open state.
-	 * @default true
-	 */
-	enabledClick?: boolean;
-	/**
-	 * Adds listeners that dismiss (close) the floating element.
-	 * @default true
-	 */
-	enabledDismiss?: boolean;
-	/**
-	 * Offest displaces the floating element from its core placement along the specified axes.
-	 * @default 10
-	 */
-	offset?: number;
-	/**
-	 * When enabled, renders an invisible overlay that prevents accidental clicks on elements behind the popover.
-	 * @default false
-	 */
-	renderOverlay?: boolean;
-}
-export type PopoverProps = PopoverProperties & Omit<HTMLAttributes<HTMLDivElement>, "children" | "content">;
-export declare const Popover: React.FC<PopoverProps>;
-
-export {
-	Popover as default,
-};
-
-export {};

package/dist/ProgressBar/index.d.ts

@@ -1,57 +0,0 @@
-// Generated by dts-bundle-generator v7.2.0
-
-import React from 'react';
-import { ComponentPropsWithRef, HTMLAttributes } from 'react';
-
-export interface SkeletonProperties {
-	/**
-	 * Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.
-	 */
-	width: string;
-	/**
-	 * Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.
-	 */
-	height: string;
-	/**
-	 * The border radius of the skeleton.
-	 */
-	borderRadius?: string;
-	/**
-	 * This is an attribute used to identify a DOM node for testing purposes.
-	 */
-	"data-testid"?: string;
-}
-export type SkeletonProps = SkeletonProperties & HTMLAttributes<HTMLDivElement>;
-export type ProgressBarSkeletonProperties = Partial<Pick<SkeletonProps, "width" | "height" | "data-testid">>;
-export declare const ProgressBarSkeleton: React.FC<ProgressBarSkeletonProperties>;
-export interface ProgressBarComponents {
-	Skeleton: typeof ProgressBarSkeleton;
-}
-export interface ProgressBarProperties {
-	/**
-	 * Progress value from 0 to 100
-	 * @note Always renders with a minimum 8px width for visual consistency
-	 */
-	value: number;
-	/**
-	 * Change the visual style of the progress bar.
-	 * @default neutral
-	 */
-	appearance?: "primary" | "success" | "warning" | "danger" | "neutral" | "ai-generative";
-}
-/**
- * ProgressBar component displays the progress of an operation or task in a visual format.
- * It provides a horizontal bar that fills based on the completion percentage.
- *
- * @component
- * @example
- * <ProgressBar value={50} appearance="primary" />
- *
- * @example
- * // With skeleton loading state
- * <ProgressBar.Skeleton width="200px" />
- */
-export declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProperties & Omit<React.HTMLAttributes<HTMLDivElement>, keyof ProgressBarProperties> & React.RefAttributes<HTMLDivElement>> & ProgressBarComponents;
-export type ProgressBarProps = ComponentPropsWithRef<typeof ProgressBar>;
-
-export {};

package/dist/Radio/index.d.ts

@@ -1,62 +0,0 @@
-// Generated by dts-bundle-generator v7.2.0
-
-import React from 'react';
-import { HTMLAttributes, InputHTMLAttributes } from 'react';
-
-export interface SkeletonProperties {
-	/**
-	 * Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own.
-	 */
-	width: string;
-	/**
-	 * Height of the skeleton. Useful when you don't want to adapt the skeleton to a text element but for instance a card.
-	 */
-	height: string;
-	/**
-	 * The border radius of the skeleton.
-	 */
-	borderRadius?: string;
-	/**
-	 * This is an attribute used to identify a DOM node for testing purposes.
-	 */
-	"data-testid"?: string;
-}
-export type SkeletonProps = SkeletonProperties & HTMLAttributes<HTMLDivElement>;
-export type RadioSkeletonProperties = Partial<Pick<SkeletonProps, "width">> & Partial<Pick<RadioProps, "as">> & {
-	/**
-	 * This is an attribute used to identify a DOM node for testing purposes.
-	 */
-	"data-testid"?: string;
-};
-export type RadioSkeletonProps = RadioSkeletonProperties;
-export declare const RadioSkeleton: React.FC<RadioSkeletonProps>;
-export interface RadioComponents {
-	Skeleton: typeof RadioSkeleton;
-}
-export interface RadioProperties {
-	/**
-	 * Name attribute of the input element.
-	 */
-	name: string;
-	/**
-	 * Change the visual style of the radio.
-	 * @default radio
-	 */
-	as?: "radio" | "button";
-	/**
-	 * Modifies true/false value of the native radio.
-	 */
-	checked?: boolean;
-	/**
-	 * Modifies the native disabled state of the native radio.
-	 */
-	disabled?: boolean;
-	/**
-	 * Text to be rendered inside the component.
-	 */
-	label?: string;
-}
-export type RadioProps = RadioProperties & InputHTMLAttributes<HTMLInputElement>;
-export declare const Radio: React.FC<RadioProps> & RadioComponents;
-
-export {};