@bricks-toolkit/toolkit 0.1.10 → 0.1.12

package/dist/modal/index.d.mts

@@ -1,116 +0,0 @@
-import { ReactNode } from 'react';
-
-type ModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | 'full';
-/**
- * Visual style variant of the modal
- * - `default`: Standard surface background with border
- * - `glass`: Glassmorphism effect with blur and translucency
- * - `flat`: No border, flat surface
- */
-type ModalVariant = 'default' | 'glass' | 'flat';
-/**
- * Position/entry direction of the modal
- * - `top`: Modal appears near the top
- * - `center`: Modal is vertically centered (default dialog)
- * - `bottom`: Slides up from the bottom (bottom sheet)
- * - `left`: Slides in from the left (left drawer)
- * - `right`: Slides in from the right (right drawer)
- */
-type ModalPosition = 'top' | 'center' | 'bottom' | 'left' | 'right';
-interface ModalProps {
-    /** Controls whether the modal is visible */
-    isOpen: boolean;
-    /** Called when the modal should close */
-    onClose: () => void;
-    /** Content rendered inside the modal */
-    children?: ReactNode;
-    /**
-     * Size of the modal
-     * @default 'md'
-     */
-    size?: ModalSize;
-    /**
-     * Visual variant of the modal
-     * @default 'default'
-     */
-    variant?: ModalVariant;
-    /**
-     * Vertical position of modal on screen
-     * @default 'center'
-     */
-    position?: ModalPosition;
-    /**
-     * Close modal when clicking the overlay
-     * @default true
-     */
-    closeOnOverlayClick?: boolean;
-    /**
-     * Close modal when pressing the Escape key
-     * @default true
-     */
-    closeOnEsc?: boolean;
-    /**
-     * Trap focus inside the modal for accessibility
-     * @default true
-     */
-    trapFocus?: boolean;
-    /**
-     * Lock body scroll when modal is open
-     * @default true
-     */
-    lockScroll?: boolean;
-    /** Extra class(es) applied to the modal content panel */
-    contentClassName?: string;
-    /** Extra class(es) applied to the backdrop overlay */
-    overlayClassName?: string;
-    /**
-     * Show the dark backdrop overlay
-     * @default true
-     */
-    showBackdrop?: boolean;
-    /** aria-label for the dialog (use when no visible title exists) */
-    ariaLabel?: string;
-    /** ID of the element that labels the dialog */
-    ariaLabelledby?: string;
-    /** ID of the element that describes the dialog */
-    ariaDescribedby?: string;
-}
-interface ModalHeaderProps {
-    children: ReactNode;
-    className?: string;
-    /** Optional decorative icon rendered before the title */
-    icon?: ReactNode;
-    /** Optional description shown below the title */
-    description?: string;
-}
-interface ModalBodyProps {
-    children: ReactNode;
-    className?: string;
-    /** Remove default padding (useful for full-bleed content) */
-    noPadding?: boolean;
-}
-interface ModalFooterProps {
-    children: ReactNode;
-    className?: string;
-    /** Left-align the footer actions instead of right-aligning */
-    align?: 'left' | 'center' | 'right';
-}
-interface ModalCloseButtonProps {
-    onClick?: () => void;
-    className?: string;
-}
-
-interface ModalComponent {
-    (props: ModalProps): React.ReactPortal | null;
-    Header: typeof ModalHeader;
-    Body: typeof ModalBody;
-    Footer: typeof ModalFooter;
-    CloseButton: typeof ModalCloseButton;
-}
-declare const Modal: ModalComponent;
-declare function ModalHeader({ children, className, icon, description, }: ModalHeaderProps): React.JSX.Element;
-declare function ModalBody({ children, className, noPadding, }: ModalBodyProps): React.JSX.Element;
-declare function ModalFooter({ children, className, align, }: ModalFooterProps): React.JSX.Element;
-declare function ModalCloseButton({ onClick, className }: ModalCloseButtonProps): React.JSX.Element;
-
-export { Modal, ModalBody, type ModalBodyProps, ModalCloseButton, type ModalCloseButtonProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalPosition, type ModalProps, type ModalSize, type ModalVariant };

package/dist/modal/index.d.ts

@@ -1,116 +0,0 @@
-import { ReactNode } from 'react';
-
-type ModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | 'full';
-/**
- * Visual style variant of the modal
- * - `default`: Standard surface background with border
- * - `glass`: Glassmorphism effect with blur and translucency
- * - `flat`: No border, flat surface
- */
-type ModalVariant = 'default' | 'glass' | 'flat';
-/**
- * Position/entry direction of the modal
- * - `top`: Modal appears near the top
- * - `center`: Modal is vertically centered (default dialog)
- * - `bottom`: Slides up from the bottom (bottom sheet)
- * - `left`: Slides in from the left (left drawer)
- * - `right`: Slides in from the right (right drawer)
- */
-type ModalPosition = 'top' | 'center' | 'bottom' | 'left' | 'right';
-interface ModalProps {
-    /** Controls whether the modal is visible */
-    isOpen: boolean;
-    /** Called when the modal should close */
-    onClose: () => void;
-    /** Content rendered inside the modal */
-    children?: ReactNode;
-    /**
-     * Size of the modal
-     * @default 'md'
-     */
-    size?: ModalSize;
-    /**
-     * Visual variant of the modal
-     * @default 'default'
-     */
-    variant?: ModalVariant;
-    /**
-     * Vertical position of modal on screen
-     * @default 'center'
-     */
-    position?: ModalPosition;
-    /**
-     * Close modal when clicking the overlay
-     * @default true
-     */
-    closeOnOverlayClick?: boolean;
-    /**
-     * Close modal when pressing the Escape key
-     * @default true
-     */
-    closeOnEsc?: boolean;
-    /**
-     * Trap focus inside the modal for accessibility
-     * @default true
-     */
-    trapFocus?: boolean;
-    /**
-     * Lock body scroll when modal is open
-     * @default true
-     */
-    lockScroll?: boolean;
-    /** Extra class(es) applied to the modal content panel */
-    contentClassName?: string;
-    /** Extra class(es) applied to the backdrop overlay */
-    overlayClassName?: string;
-    /**
-     * Show the dark backdrop overlay
-     * @default true
-     */
-    showBackdrop?: boolean;
-    /** aria-label for the dialog (use when no visible title exists) */
-    ariaLabel?: string;
-    /** ID of the element that labels the dialog */
-    ariaLabelledby?: string;
-    /** ID of the element that describes the dialog */
-    ariaDescribedby?: string;
-}
-interface ModalHeaderProps {
-    children: ReactNode;
-    className?: string;
-    /** Optional decorative icon rendered before the title */
-    icon?: ReactNode;
-    /** Optional description shown below the title */
-    description?: string;
-}
-interface ModalBodyProps {
-    children: ReactNode;
-    className?: string;
-    /** Remove default padding (useful for full-bleed content) */
-    noPadding?: boolean;
-}
-interface ModalFooterProps {
-    children: ReactNode;
-    className?: string;
-    /** Left-align the footer actions instead of right-aligning */
-    align?: 'left' | 'center' | 'right';
-}
-interface ModalCloseButtonProps {
-    onClick?: () => void;
-    className?: string;
-}
-
-interface ModalComponent {
-    (props: ModalProps): React.ReactPortal | null;
-    Header: typeof ModalHeader;
-    Body: typeof ModalBody;
-    Footer: typeof ModalFooter;
-    CloseButton: typeof ModalCloseButton;
-}
-declare const Modal: ModalComponent;
-declare function ModalHeader({ children, className, icon, description, }: ModalHeaderProps): React.JSX.Element;
-declare function ModalBody({ children, className, noPadding, }: ModalBodyProps): React.JSX.Element;
-declare function ModalFooter({ children, className, align, }: ModalFooterProps): React.JSX.Element;
-declare function ModalCloseButton({ onClick, className }: ModalCloseButtonProps): React.JSX.Element;
-
-export { Modal, ModalBody, type ModalBodyProps, ModalCloseButton, type ModalCloseButtonProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalPosition, type ModalProps, type ModalSize, type ModalVariant };

package/dist/multi-select/index.d.mts

@@ -1,59 +0,0 @@
-type MultiSelectVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
-type MultiSelectSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type MultiSelectState = 'default' | 'error' | 'success' | 'warning';
-interface MultiSelectOption {
-    label: string;
-    value: string;
-}
-interface MultiSelectProps {
-    /** Array of available options */
-    options: MultiSelectOption[];
-    /** Array of currently selected values */
-    value?: string[];
-    /** Array of initially selected values (for uncontrolled usage) */
-    defaultValue?: string[];
-    /** Callback fired when selection changes */
-    onChange?: (values: string[]) => void;
-    /** Placeholder text when nothing is selected */
-    placeholder?: string;
-    /** Text label rendered above the input */
-    label?: string;
-    /** Adds a required asterisk */
-    required?: boolean;
-    /** Helper text rendered below the input */
-    helperText?: string;
-    /** Error message rendered below the input when state is 'error' */
-    errorMessage?: string;
-    /** Success message rendered below the input when state is 'success' */
-    successMessage?: string;
-    /** Warning message rendered below the input when state is 'warning' */
-    warningMessage?: string;
-    /** Visual variant of the input trigger */
-    variant?: MultiSelectVariant;
-    /** Overall size scale of the component */
-    size?: MultiSelectSize;
-    /** Validation state affecting border colors */
-    state?: MultiSelectState;
-    /** Whether the component should take full width of its container */
-    fullWidth?: boolean;
-    /** Disables interactions */
-    disabled?: boolean;
-    /** Shows a loading state (e.g., fetching options) */
-    isLoading?: boolean;
-    /** Custom ID for the component elements */
-    id?: string;
-    /** Appended to the outermost wrapper */
-    wrapperClassName?: string;
-    /** Appended to the trigger button */
-    triggerClassName?: string;
-    /** Appended to the dropdown menu container */
-    dropdownClassName?: string;
-    /** Appended to the label element */
-    labelClassName?: string;
-    /** Appended to the helper text element */
-    helperClassName?: string;
-}
-
-declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<HTMLButtonElement>>;
-
-export { MultiSelect, type MultiSelectProps, type MultiSelectSize, type MultiSelectState, type MultiSelectVariant };

package/dist/multi-select/index.d.ts

@@ -1,59 +0,0 @@
-type MultiSelectVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
-type MultiSelectSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type MultiSelectState = 'default' | 'error' | 'success' | 'warning';
-interface MultiSelectOption {
-    label: string;
-    value: string;
-}
-interface MultiSelectProps {
-    /** Array of available options */
-    options: MultiSelectOption[];
-    /** Array of currently selected values */
-    value?: string[];
-    /** Array of initially selected values (for uncontrolled usage) */
-    defaultValue?: string[];
-    /** Callback fired when selection changes */
-    onChange?: (values: string[]) => void;
-    /** Placeholder text when nothing is selected */
-    placeholder?: string;
-    /** Text label rendered above the input */
-    label?: string;
-    /** Adds a required asterisk */
-    required?: boolean;
-    /** Helper text rendered below the input */
-    helperText?: string;
-    /** Error message rendered below the input when state is 'error' */
-    errorMessage?: string;
-    /** Success message rendered below the input when state is 'success' */
-    successMessage?: string;
-    /** Warning message rendered below the input when state is 'warning' */
-    warningMessage?: string;
-    /** Visual variant of the input trigger */
-    variant?: MultiSelectVariant;
-    /** Overall size scale of the component */
-    size?: MultiSelectSize;
-    /** Validation state affecting border colors */
-    state?: MultiSelectState;
-    /** Whether the component should take full width of its container */
-    fullWidth?: boolean;
-    /** Disables interactions */
-    disabled?: boolean;
-    /** Shows a loading state (e.g., fetching options) */
-    isLoading?: boolean;
-    /** Custom ID for the component elements */
-    id?: string;
-    /** Appended to the outermost wrapper */
-    wrapperClassName?: string;
-    /** Appended to the trigger button */
-    triggerClassName?: string;
-    /** Appended to the dropdown menu container */
-    dropdownClassName?: string;
-    /** Appended to the label element */
-    labelClassName?: string;
-    /** Appended to the helper text element */
-    helperClassName?: string;
-}
-
-declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<HTMLButtonElement>>;
-
-export { MultiSelect, type MultiSelectProps, type MultiSelectSize, type MultiSelectState, type MultiSelectVariant };

package/dist/otp-input/index.d.mts

@@ -1,57 +0,0 @@
-type OtpVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
-type OtpSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type OtpState = 'default' | 'error' | 'success' | 'warning';
-interface OtpInputProps {
-    /** The total number of input boxes (defaults to 4 or 6 depending on your preference, normally 4 or 6. We default to 4). */
-    length?: number;
-    /** The current value of the OTP input. */
-    value?: string;
-    /** Fired when the value changes. */
-    onChange?: (value: string) => void;
-    /** Fired when all the input boxes are filled. */
-    onComplete?: (value: string) => void;
-    /** Optional label text shown above the inputs. */
-    label?: string;
-    /** Whether the field is explicitly required. */
-    required?: boolean;
-    /** Helper text displayed below the inputs. */
-    helperText?: string;
-    /** Error message displayed when state is 'error'. */
-    errorMessage?: string;
-    /** Success message displayed when state is 'success'. */
-    successMessage?: string;
-    /** Warning message displayed when state is 'warning'. */
-    warningMessage?: string;
-    /** The visual style variant of the input boxes. */
-    variant?: OtpVariant;
-    /** The size of each input box. */
-    size?: OtpSize;
-    /** The interaction state of the component. */
-    state?: OtpState;
-    /** Custom classname applied to the root wrapper. */
-    className?: string;
-    /** Alias for className to match other components. */
-    wrapperClassName?: string;
-    /** Custom classname applied to the inputs wrapper flex container. */
-    inputGroupClassName?: string;
-    /** Custom classname applied to each individual input box. */
-    inputClassName?: string;
-    /** Custom classname applied to the label. */
-    labelClassName?: string;
-    /** Custom classname applied to the helper/state messages. */
-    helperClassName?: string;
-    /** Explicit accessibility ID. Generated automatically if omitted. */
-    id?: string;
-    /** Whether the component is completely disabled. */
-    disabled?: boolean;
-    /** Whether to show a loading state indicator. */
-    isLoading?: boolean;
-    /** Only mask inputs with generic dots like a password if truthy. */
-    mask?: boolean;
-    /** Allow alphanumeric? Defaults to numeric-only if false or omitted. */
-    alphanumeric?: boolean;
-}
-
-declare const OtpInput: React.ForwardRefExoticComponent<OtpInputProps & React.RefAttributes<HTMLDivElement>>;
-
-export { OtpInput, type OtpInputProps, type OtpSize, type OtpState, type OtpVariant };

package/dist/otp-input/index.d.ts

@@ -1,57 +0,0 @@
-type OtpVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
-type OtpSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type OtpState = 'default' | 'error' | 'success' | 'warning';
-interface OtpInputProps {
-    /** The total number of input boxes (defaults to 4 or 6 depending on your preference, normally 4 or 6. We default to 4). */
-    length?: number;
-    /** The current value of the OTP input. */
-    value?: string;
-    /** Fired when the value changes. */
-    onChange?: (value: string) => void;
-    /** Fired when all the input boxes are filled. */
-    onComplete?: (value: string) => void;
-    /** Optional label text shown above the inputs. */
-    label?: string;
-    /** Whether the field is explicitly required. */
-    required?: boolean;
-    /** Helper text displayed below the inputs. */
-    helperText?: string;
-    /** Error message displayed when state is 'error'. */
-    errorMessage?: string;
-    /** Success message displayed when state is 'success'. */
-    successMessage?: string;
-    /** Warning message displayed when state is 'warning'. */
-    warningMessage?: string;
-    /** The visual style variant of the input boxes. */
-    variant?: OtpVariant;
-    /** The size of each input box. */
-    size?: OtpSize;
-    /** The interaction state of the component. */
-    state?: OtpState;
-    /** Custom classname applied to the root wrapper. */
-    className?: string;
-    /** Alias for className to match other components. */
-    wrapperClassName?: string;
-    /** Custom classname applied to the inputs wrapper flex container. */
-    inputGroupClassName?: string;
-    /** Custom classname applied to each individual input box. */
-    inputClassName?: string;
-    /** Custom classname applied to the label. */
-    labelClassName?: string;
-    /** Custom classname applied to the helper/state messages. */
-    helperClassName?: string;
-    /** Explicit accessibility ID. Generated automatically if omitted. */
-    id?: string;
-    /** Whether the component is completely disabled. */
-    disabled?: boolean;
-    /** Whether to show a loading state indicator. */
-    isLoading?: boolean;
-    /** Only mask inputs with generic dots like a password if truthy. */
-    mask?: boolean;
-    /** Allow alphanumeric? Defaults to numeric-only if false or omitted. */
-    alphanumeric?: boolean;
-}
-
-declare const OtpInput: React.ForwardRefExoticComponent<OtpInputProps & React.RefAttributes<HTMLDivElement>>;
-
-export { OtpInput, type OtpInputProps, type OtpSize, type OtpState, type OtpVariant };

package/dist/password-input/index.d.mts

@@ -1,32 +0,0 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
-
-type PasswordInputVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
-type PasswordInputSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type PasswordInputState = 'default' | 'error' | 'success' | 'warning';
-interface PasswordInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
-    label?: string;
-    required?: boolean;
-    helperText?: string;
-    errorMessage?: string;
-    successMessage?: string;
-    warningMessage?: string;
-    variant?: PasswordInputVariant;
-    size?: PasswordInputSize;
-    state?: PasswordInputState;
-    fullWidth?: boolean;
-    leftElement?: ReactNode;
-    rightElement?: ReactNode;
-    prefix?: ReactNode;
-    suffix?: ReactNode;
-    wrapperClassName?: string;
-    inputGroupClassName?: string;
-    inputClassName?: string;
-    labelClassName?: string;
-    helperClassName?: string;
-    isLoading?: boolean;
-    showPasswordToggle?: boolean;
-}
-
-declare const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps & React.RefAttributes<HTMLInputElement>>;
-
-export { PasswordInput, type PasswordInputProps, type PasswordInputSize, type PasswordInputState, type PasswordInputVariant };

package/dist/password-input/index.d.ts

@@ -1,32 +0,0 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
-
-type PasswordInputVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
-type PasswordInputSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type PasswordInputState = 'default' | 'error' | 'success' | 'warning';
-interface PasswordInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
-    label?: string;
-    required?: boolean;
-    helperText?: string;
-    errorMessage?: string;
-    successMessage?: string;
-    warningMessage?: string;
-    variant?: PasswordInputVariant;
-    size?: PasswordInputSize;
-    state?: PasswordInputState;
-    fullWidth?: boolean;
-    leftElement?: ReactNode;
-    rightElement?: ReactNode;
-    prefix?: ReactNode;
-    suffix?: ReactNode;
-    wrapperClassName?: string;
-    inputGroupClassName?: string;
-    inputClassName?: string;
-    labelClassName?: string;
-    helperClassName?: string;
-    isLoading?: boolean;
-    showPasswordToggle?: boolean;
-}
-
-declare const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps & React.RefAttributes<HTMLInputElement>>;
-
-export { PasswordInput, type PasswordInputProps, type PasswordInputSize, type PasswordInputState, type PasswordInputVariant };

package/dist/phone/index.d.mts

@@ -1,41 +0,0 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
-
-type PhoneVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
-type PhoneSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type PhoneState = 'default' | 'error' | 'success' | 'warning';
-interface PhoneValue {
-    countryCode: string;
-    phoneNumber: string;
-}
-interface PhoneProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type' | 'value' | 'defaultValue' | 'onChange'> {
-    value?: PhoneValue;
-    defaultValue?: PhoneValue;
-    onChange?: (value: PhoneValue) => void;
-    showFlag?: boolean;
-    defaultCountryCode?: string;
-    label?: string;
-    required?: boolean;
-    helperText?: string;
-    errorMessage?: string;
-    successMessage?: string;
-    warningMessage?: string;
-    variant?: PhoneVariant;
-    size?: PhoneSize;
-    state?: PhoneState;
-    fullWidth?: boolean;
-    leftElement?: ReactNode;
-    rightElement?: ReactNode;
-    prefix?: ReactNode;
-    suffix?: ReactNode;
-    wrapperClassName?: string;
-    inputGroupClassName?: string;
-    inputClassName?: string;
-    labelClassName?: string;
-    helperClassName?: string;
-    clearable?: boolean;
-    isLoading?: boolean;
-}
-
-declare const Phone: React.ForwardRefExoticComponent<PhoneProps & React.RefAttributes<HTMLInputElement>>;
-
-export { Phone, type PhoneProps, type PhoneSize, type PhoneState, type PhoneValue, type PhoneVariant };

package/dist/phone/index.d.ts

@@ -1,41 +0,0 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
-
-type PhoneVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
-type PhoneSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type PhoneState = 'default' | 'error' | 'success' | 'warning';
-interface PhoneValue {
-    countryCode: string;
-    phoneNumber: string;
-}
-interface PhoneProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type' | 'value' | 'defaultValue' | 'onChange'> {
-    value?: PhoneValue;
-    defaultValue?: PhoneValue;
-    onChange?: (value: PhoneValue) => void;
-    showFlag?: boolean;
-    defaultCountryCode?: string;
-    label?: string;
-    required?: boolean;
-    helperText?: string;
-    errorMessage?: string;
-    successMessage?: string;
-    warningMessage?: string;
-    variant?: PhoneVariant;
-    size?: PhoneSize;
-    state?: PhoneState;
-    fullWidth?: boolean;
-    leftElement?: ReactNode;
-    rightElement?: ReactNode;
-    prefix?: ReactNode;
-    suffix?: ReactNode;
-    wrapperClassName?: string;
-    inputGroupClassName?: string;
-    inputClassName?: string;
-    labelClassName?: string;
-    helperClassName?: string;
-    clearable?: boolean;
-    isLoading?: boolean;
-}
-
-declare const Phone: React.ForwardRefExoticComponent<PhoneProps & React.RefAttributes<HTMLInputElement>>;
-
-export { Phone, type PhoneProps, type PhoneSize, type PhoneState, type PhoneValue, type PhoneVariant };

package/dist/radio-button/index.d.mts

@@ -1,56 +0,0 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
-
-type RadioButtonSize = 'sm' | 'md' | 'lg';
-type RadioButtonState = 'default' | 'error' | 'success' | 'warning';
-interface RadioButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
-    /**
-     * Optional label displayed next to the radio button.
-     */
-    label?: ReactNode;
-    /**
-     * Helper text displayed below the radio button.
-     */
-    helperText?: string;
-    /**
-     * Error message displayed when state is 'error'.
-     */
-    errorMessage?: string;
-    /**
-     * Success message displayed when state is 'success'.
-     */
-    successMessage?: string;
-    /**
-     * Warning message displayed when state is 'warning'.
-     */
-    warningMessage?: string;
-    /**
-     * The size of the radio button and label.
-     * @default 'md'
-     */
-    size?: RadioButtonSize;
-    /**
-     * The validation state of the radio button.
-     * @default 'default'
-     */
-    state?: RadioButtonState;
-    /**
-     * Additional class applied to the outer wrapper element.
-     */
-    wrapperClassName?: string;
-    /**
-     * Additional class applied to the input element itself.
-     */
-    inputClassName?: string;
-    /**
-     * Additional class applied to the label text element.
-     */
-    labelClassName?: string;
-    /**
-     * Additional class applied to the helper/state message element.
-     */
-    helperClassName?: string;
-}
-
-declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;
-
-export { RadioButton, type RadioButtonProps, type RadioButtonSize, type RadioButtonState };