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

package/dist/Modal/index.d.ts

@@ -0,0 +1,232 @@
+// 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

@@ -0,0 +1,107 @@
+// 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

@@ -0,0 +1,41 @@
+// 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

@@ -0,0 +1,165 @@
+// 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

@@ -0,0 +1,57 @@
+// 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

@@ -0,0 +1,62 @@
+// 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 {};