@nextui-org/react 1.0.0-beta.7 → 1.0.0-beta.8

package/types/popover/use-popover.d.ts

@@ -1,8 +1,27 @@
-/// <reference types="react" />
+import type { RefObject } from 'react';
 import { OverlayTriggerProps } from '@react-types/overlays';
 import { PopoverPlacement } from './utils';
-export interface UsePopoverProps extends OverlayTriggerProps {
+import { PopoverContentVariantsProps } from './popover.styles';
+export interface UsePopoverProps extends OverlayTriggerProps, PopoverContentVariantsProps {
+    ref?: RefObject<HTMLElement>;
+    /**
+     * The ref for the element which the overlay positions itself with respect to.
+     */
+    triggerRef?: RefObject<HTMLElement>;
+    /**
+     * A ref for the scrollable region within the overlay.
+     * @default overlayRef
+     */
+    scrollRef?: RefObject<HTMLElement>;
+    /**
+     * The placement of the element with respect to its anchor element.
+     * @default 'bottom'
+     */
     placement?: PopoverPlacement;
+    /**
+     * Whether the element should flip its orientation (e.g. top to bottom or left to right) when there is insufficient room for it to render completely.
+     * @default true
+     */
     shouldFlip?: boolean;
     offset?: number;
     /** Handler that is called when the overlay should close. */
@@ -41,12 +60,72 @@ export interface UsePopoverProps extends OverlayTriggerProps {
 export declare function usePopover(props?: UsePopoverProps): {
     state: import("@react-stately/overlays").OverlayTriggerState;
     exited: boolean;
-    overlayRef: import("react").RefObject<HTMLElement>;
-    triggerRef: import("react").RefObject<HTMLElement>;
+    overlayRef: RefObject<HTMLElement>;
+    triggerRef: RefObject<HTMLElement>;
     placement: PopoverPlacement;
+    disableShadow: boolean | "true" | ({
+        "@xs"?: boolean | "true" | undefined;
+        "@sm"?: boolean | "true" | undefined;
+        "@md"?: boolean | "true" | undefined;
+        "@lg"?: boolean | "true" | undefined;
+        "@xl"?: boolean | "true" | undefined;
+        "@dark"?: boolean | "true" | undefined;
+        "@light"?: boolean | "true" | undefined;
+        "@hover"?: boolean | "true" | undefined;
+        "@motion"?: boolean | "true" | undefined;
+        "@xsMax"?: boolean | "true" | undefined;
+        "@smMax"?: boolean | "true" | undefined;
+        "@mdMax"?: boolean | "true" | undefined;
+        "@lgMax"?: boolean | "true" | undefined;
+        "@xlMax"?: boolean | "true" | undefined;
+        "@safari"?: boolean | "true" | undefined;
+        "@initial"?: boolean | "true" | undefined;
+    } & {
+        [x: string]: boolean | "true" | undefined;
+    }) | undefined;
     disableAnimation: boolean;
     shouldCloseOnBlur: boolean;
     isDismissable: boolean;
+    isBordered: boolean | "true" | ({
+        "@xs"?: boolean | "true" | undefined;
+        "@sm"?: boolean | "true" | undefined;
+        "@md"?: boolean | "true" | undefined;
+        "@lg"?: boolean | "true" | undefined;
+        "@xl"?: boolean | "true" | undefined;
+        "@dark"?: boolean | "true" | undefined;
+        "@light"?: boolean | "true" | undefined;
+        "@hover"?: boolean | "true" | undefined;
+        "@motion"?: boolean | "true" | undefined;
+        "@xsMax"?: boolean | "true" | undefined;
+        "@smMax"?: boolean | "true" | undefined;
+        "@mdMax"?: boolean | "true" | undefined;
+        "@lgMax"?: boolean | "true" | undefined;
+        "@xlMax"?: boolean | "true" | undefined;
+        "@safari"?: boolean | "true" | undefined;
+        "@initial"?: boolean | "true" | undefined;
+    } & {
+        [x: string]: boolean | "true" | undefined;
+    }) | undefined;
+    borderWeight: "light" | "normal" | "bold" | "extrabold" | "black" | ({
+        "@xs"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
+        "@sm"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
+        "@md"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
+        "@lg"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
+        "@xl"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
+        "@dark"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
+        "@light"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
+        "@hover"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
+        "@motion"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
+        "@xsMax"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
+        "@smMax"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
+        "@mdMax"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
+        "@lgMax"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
+        "@xlMax"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
+        "@safari"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
+        "@initial"?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
+    } & {
+        [x: string]: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
+    }) | undefined;
     isKeyboardDismissDisabled: boolean;
     shouldCloseOnInteractOutside: ((element: HTMLElement) => boolean) | undefined;
     isOpen: boolean;

package/types/popover/utils.d.ts

@@ -1,4 +1,6 @@
-import { Placement } from '@react-types/overlays';
+import { Placement, PlacementAxis } from '@react-types/overlays';
 export declare type PopoverPlacement = 'bottom' | 'bottom-left' | 'bottom-right' | 'top' | 'top-left' | 'top-right' | 'left' | 'left-top' | 'left-bottom' | 'right' | 'right-top' | 'right-bottom';
 export declare const getAriaPlacement: (placement?: PopoverPlacement | undefined) => Placement;
+export declare const getPopoverPlacementFromAxis: (placementAxis?: PlacementAxis | undefined) => PopoverPlacement;
+export declare const getPopoverPlacement: (ariaPlacement?: Placement | undefined) => "top" | "left" | "bottom" | "right" | "start" | "end" | "bottom-left" | "bottom-right" | "top-left" | "top-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom" | "bottom left" | "bottom right" | "bottom start" | "bottom end" | "top left" | "top right" | "top start" | "top end" | "left top" | "left bottom" | "start top" | "start bottom" | "right top" | "right bottom" | "end top" | "end bottom";
 export declare const getTransformOrigin: (placement?: PopoverPlacement | undefined) => Placement | "top center" | "bottom center" | "right center" | "left center";

package/types/progress/progress.d.ts

@@ -61,5 +61,5 @@ declare const _default: React.ComponentType<Partial<{
     hover: string;
     dark: string;
     light: string;
-}>, "max" | "value" | "animated" | "min" | "shadow" | "indeterminated" | "striped">>;
+}>, "shadow" | "max" | "value" | "animated" | "min" | "indeterminated" | "striped">>;
 export default _default;

package/types/progress/progress.styles.d.ts

@@ -45,6 +45,13 @@ export declare const StyledProgress: import("@stitches/react/types/styled-compon
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
     colors: {
         text: string;
         link: string;
@@ -186,6 +193,16 @@ export declare const StyledProgress: import("@stitches/react/types/styled-compon
         errorSolidHover: string;
         errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
         accents0: string;
         accents1: string;
@@ -204,13 +221,20 @@ export declare const StyledProgress: import("@stitches/react/types/styled-compon
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -226,9 +250,18 @@ export declare const StyledProgress: import("@stitches/react/types/styled-compon
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -313,6 +346,7 @@ export declare const StyledProgress: import("@stitches/react/types/styled-compon
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -688,7 +722,9 @@ export declare const StyledProgress: import("@stitches/react/types/styled-compon
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -766,6 +802,32 @@ export declare const StyledProgress: import("@stitches/react/types/styled-compon
             readonly [$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
@@ -969,6 +1031,16 @@ export declare const StyledProgress: import("@stitches/react/types/styled-compon
             readonly [$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -1025,6 +1097,13 @@ export declare const StyledProgressBar: import("@stitches/react/types/styled-com
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
     colors: {
         text: string;
         link: string;
@@ -1166,6 +1245,16 @@ export declare const StyledProgressBar: import("@stitches/react/types/styled-com
         errorSolidHover: string;
         errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
         accents0: string;
         accents1: string;
@@ -1184,13 +1273,20 @@ export declare const StyledProgressBar: import("@stitches/react/types/styled-com
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -1206,9 +1302,18 @@ export declare const StyledProgressBar: import("@stitches/react/types/styled-com
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -1293,6 +1398,7 @@ export declare const StyledProgressBar: import("@stitches/react/types/styled-com
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -1668,7 +1774,9 @@ export declare const StyledProgressBar: import("@stitches/react/types/styled-com
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -1746,6 +1854,32 @@ export declare const StyledProgressBar: import("@stitches/react/types/styled-com
             readonly [$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
@@ -1949,6 +2083,16 @@ export declare const StyledProgressBar: import("@stitches/react/types/styled-com
             readonly [$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {

package/types/radio/index.d.ts

@@ -1,4 +1,4 @@
 import Radio from './radio';
-export { StyledRadioInput, StyledRadioLabel, StyledRadioPoint, StyledRadio, StyledRadioGroup, StyledRadioDescription } from './radio.styles';
-export type { RadioVariantsProps, RadioLabelVariantsProps, RadioGroupVariantsProps } from './radio.styles';
+export { StyledRadioLabel, StyledRadioText, StyledRadioPoint, StyledRadioContainer, StyledRadioDescription, StyledRadioGroup, StyledRadioGroupContainer } from './radio.styles';
+export type { RadioLabelVariantsProps, RadioTexVariantsProps, RadioPointVariantsProps, RadioContainerVariantsProps, RadioDescriptionVariantsProps, RadioGroupVariantsProps, RadioGroupContainerVariantsProps } from './radio.styles';
 export default Radio;

package/types/radio/radio-context.d.ts

@@ -1,13 +1,22 @@
-import { NormalColors, NormalSizes } from '../utils/prop-types';
-import React from 'react';
-export interface RadioConfig {
-    disabledAll: boolean;
-    size?: NormalSizes;
-    color?: NormalColors;
-    textColor?: NormalColors;
-    value?: string | number;
-    inGroup: boolean;
-    updateState?: (value: string | number) => void;
-}
-export declare const RadioContext: React.Context<RadioConfig>;
-export declare const useRadioContext: () => RadioConfig;
+/// <reference types="react" />
+export declare const RadioGroupProvider: import("react").Provider<{
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    color: "default" | "primary" | "secondary" | "success" | "warning" | "error";
+    orientation: import("@react-types/shared").Orientation;
+    labelColor: "default" | "primary" | "secondary" | "success" | "warning" | "error";
+    isRequired: boolean | undefined;
+    validationState: import("@react-types/shared").ValidationState | undefined;
+    radioGroupState: import("@react-stately/radio").RadioGroupState;
+    radioGroupProps: Omit<import("react").HTMLAttributes<HTMLElement>, "css">;
+    labelProps: Omit<import("react").HTMLAttributes<HTMLElement>, "css">;
+}>, useRadioGroupContext: () => {
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    color: "default" | "primary" | "secondary" | "success" | "warning" | "error";
+    orientation: import("@react-types/shared").Orientation;
+    labelColor: "default" | "primary" | "secondary" | "success" | "warning" | "error";
+    isRequired: boolean | undefined;
+    validationState: import("@react-types/shared").ValidationState | undefined;
+    radioGroupState: import("@react-stately/radio").RadioGroupState;
+    radioGroupProps: Omit<import("react").HTMLAttributes<HTMLElement>, "css">;
+    labelProps: Omit<import("react").HTMLAttributes<HTMLElement>, "css">;
+};

package/types/radio/radio-group.d.ts

@@ -1,84 +1,15 @@
-import React, { ReactNode } from 'react';
-import { NormalSizes, SimpleColors } from '../utils/prop-types';
-import { RadioGroupVariantsProps } from './radio.styles';
-import { CSS } from '../theme/stitches.config';
-interface Props {
-    children?: ReactNode;
-    value?: string | number;
-    initialValue?: string | number;
-    disabled?: boolean;
-    color?: SimpleColors;
-    textColor?: SimpleColors;
-    size?: NormalSizes;
-    onChange?: (value: string | number) => void;
+import React from 'react';
+import type { CSS } from '../theme/stitches.config';
+import type { UseRadioGroupProps } from './use-radio-group';
+interface Props extends UseRadioGroupProps {
+    className?: string;
+    children: React.ReactNode;
+    as?: keyof JSX.IntrinsicElements;
 }
-declare const defaultProps: {
-    disabled: boolean;
-    size: number | "xs" | "sm" | "md" | "lg" | "xl";
-    color: "default" | "primary" | "secondary" | "success" | "warning" | "error";
-    textColor: "default" | "primary" | "secondary" | "success" | "warning" | "error";
-};
-declare type NativeAttrs = Omit<React.HTMLAttributes<unknown>, keyof Props>;
-export declare type RadioGroupProps = Props & typeof defaultProps & NativeAttrs & RadioGroupVariantsProps & {
+export declare type RadioGroupProps = Props & {
     css?: CSS;
 };
 export declare const RadioGroup: React.ForwardRefExoticComponent<Props & {
-    disabled: boolean;
-    size: number | "xs" | "sm" | "md" | "lg" | "xl";
-    color: "default" | "primary" | "secondary" | "success" | "warning" | "error";
-    textColor: "default" | "primary" | "secondary" | "success" | "warning" | "error";
-} & NativeAttrs & import("@stitches/react/types/styled-component").TransformProps<{
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-    row?: boolean | "true" | "false" | undefined;
-}, {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    xsMax: string;
-    smMax: string;
-    mdMax: string;
-    lgMax: string;
-    xlMax: string;
-    motion: string;
-    safari: string;
-    hover: string;
-    dark: string;
-    light: string;
-}> & {
     css?: CSS | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-declare const _default: React.ComponentType<Partial<{
-    disabled: boolean;
-    size: number | "xs" | "sm" | "md" | "lg" | "xl";
-    color: "default" | "primary" | "secondary" | "success" | "warning" | "error";
-    textColor: "default" | "primary" | "secondary" | "success" | "warning" | "error";
-}> & Omit<Props & {
-    disabled: boolean;
-    size: number | "xs" | "sm" | "md" | "lg" | "xl";
-    color: "default" | "primary" | "secondary" | "success" | "warning" | "error";
-    textColor: "default" | "primary" | "secondary" | "success" | "warning" | "error";
-} & NativeAttrs & import("@stitches/react/types/styled-component").TransformProps<{
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-    row?: boolean | "true" | "false" | undefined;
-}, {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    xsMax: string;
-    smMax: string;
-    mdMax: string;
-    lgMax: string;
-    xlMax: string;
-    motion: string;
-    safari: string;
-    hover: string;
-    dark: string;
-    light: string;
-}> & {
-    css?: CSS | undefined;
-} & React.RefAttributes<HTMLDivElement>, "color" | "size" | "textColor" | "disabled">>;
-export default _default;
+export default RadioGroup;

package/types/radio/radio.d.ts

@@ -1,78 +1,22 @@
 import React, { ReactNode } from 'react';
 import RadioGroup from './radio-group';
-import { SimpleColors, NormalSizes } from '../utils/prop-types';
-import { CSS } from '../theme/stitches.config';
-import { StyledRadioDescription, RadioVariantsProps } from './radio.styles';
-interface RadioEventTarget {
-    checked: boolean;
-}
-export interface RadioEvent {
-    target: RadioEventTarget;
-    stopPropagation: () => void;
-    preventDefault: () => void;
-    nativeEvent: React.ChangeEvent;
-}
-interface Props {
+import type { CSS } from '../theme/stitches.config';
+import type { UseRadioProps } from './use-radio';
+interface Props extends UseRadioProps {
+    label?: string;
     children?: ReactNode;
-    checked?: boolean;
-    value?: string | number;
-    size?: NormalSizes;
-    color?: SimpleColors;
-    textColor?: SimpleColors;
-    disabled?: boolean;
-    preventDefault?: boolean;
-    onChange?: (e: RadioEvent) => void;
+    description?: string | ReactNode;
+    className?: string;
+    as?: keyof JSX.IntrinsicElements;
 }
-declare const defaultProps: {
-    size: "xs" | "sm" | "md" | "lg" | "xl";
-    color: "default" | "primary" | "secondary" | "success" | "warning" | "error";
-    textColor: "default" | "primary" | "secondary" | "success" | "warning" | "error";
-    disabled: boolean;
-    preventDefault: boolean;
-};
-declare type NativeAttrs = Omit<React.InputHTMLAttributes<unknown>, keyof Props>;
-export declare type RadioProps = Props & typeof defaultProps & NativeAttrs & RadioVariantsProps & {
+export declare type RadioProps = Props & {
     css?: CSS;
 };
 export declare const Radio: React.ForwardRefExoticComponent<Props & {
-    size: "xs" | "sm" | "md" | "lg" | "xl";
-    color: "default" | "primary" | "secondary" | "success" | "warning" | "error";
-    textColor: "default" | "primary" | "secondary" | "success" | "warning" | "error";
-    disabled: boolean;
-    preventDefault: boolean;
-} & NativeAttrs & import("@stitches/react/types/styled-component").TransformProps<{
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "error" | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-    disabled?: boolean | "true" | undefined;
-    squared?: boolean | "true" | "false" | undefined;
-    active?: boolean | "true" | undefined;
-    animated?: boolean | "true" | "false" | undefined;
-}, {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    xsMax: string;
-    smMax: string;
-    mdMax: string;
-    lgMax: string;
-    xlMax: string;
-    motion: string;
-    safari: string;
-    hover: string;
-    dark: string;
-    light: string;
-}> & {
     css?: CSS | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
-declare type RadioComponent<P = {}> = React.FC<P> & {
+declare type RadioComponent<T, P = {}> = React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>> & {
     Group: typeof RadioGroup;
-    Desc: typeof StyledRadioDescription;
-    Description: typeof StyledRadioDescription;
-};
-declare type ComponentProps = Partial<typeof defaultProps> & Omit<Props, keyof typeof defaultProps> & NativeAttrs & RadioVariantsProps & {
-    css?: CSS;
 };
-declare const _default: RadioComponent<ComponentProps>;
+declare const _default: RadioComponent<HTMLLabelElement, RadioProps>;
 export default _default;