@react-native-ohos/native-base 3.4.29-rc.1

package/lib/typescript/theme/v33x-theme/components/index.d.ts

@@ -0,0 +1,2655 @@
+declare const _default: {
+    Progress: {
+        baseStyle: (props: Record<string, any>) => {
+            bg: string;
+            overflow: string;
+            _filledTrack: {
+                bg: any;
+                shadow: number;
+                height: string;
+                display: string;
+                alignItems: string;
+                justifyContent: string;
+                _text: {
+                    color: string;
+                    fontWeight: string;
+                };
+            };
+        };
+        defaultProps: {
+            colorScheme: string;
+            size: string;
+            rounded: string;
+            min: number;
+            max: number;
+            value: number;
+            isIndeterminate: boolean;
+        };
+        sizes: {
+            xs: {
+                height: number;
+            };
+            sm: {
+                height: number;
+            };
+            md: {
+                height: number;
+            };
+            lg: {
+                height: number;
+            };
+            xl: {
+                height: number;
+            };
+            '2xl': {
+                height: number;
+            };
+        };
+    };
+    Radio: {
+        baseStyle: (props: Record<string, any>) => {
+            borderWidth: number;
+            borderRadius: string;
+            p: number;
+            borderColor: any;
+            bg: any;
+            _stack: {
+                direction: string;
+                alignItems: string;
+                space: number;
+                _web: {
+                    cursor: string;
+                };
+            };
+            _interactionBox: {
+                borderRadius: string;
+                size: number;
+                position: string;
+                zIndex: number;
+                _web: {
+                    transition: string;
+                    pointerEvents: string;
+                };
+            };
+            _icon: {
+                color: any;
+            };
+            _hover: {
+                _interactionBox: {
+                    bg: string;
+                    size: number;
+                };
+            };
+            _focus: {
+                _interactionBox: {
+                    bg: string;
+                    size: number;
+                };
+            };
+            _focusVisible: {
+                _interactionBox: {
+                    bg: string;
+                    size: number;
+                };
+            };
+            _checked: {
+                borderColor: any;
+            };
+            _disabled: {
+                opacity: number;
+                _interactionBox: {
+                    bg: string;
+                };
+                _icon: {
+                    bg: string;
+                };
+                _stack: {
+                    opacity: string;
+                };
+            };
+            _invalid: {
+                borderColor: any;
+            };
+            _pressed: {
+                _interactionBox: {
+                    bg: string;
+                    size: number;
+                };
+            };
+        };
+        sizes: {
+            lg: {
+                _icon: {
+                    size: number;
+                };
+                _text: {
+                    fontSize: string;
+                };
+            };
+            md: {
+                _icon: {
+                    size: number;
+                };
+                _text: {
+                    fontSize: string;
+                };
+            };
+            sm: {
+                _icon: {
+                    size: number;
+                };
+                _text: {
+                    fontSize: string;
+                };
+            };
+        };
+        defaultProps: {
+            defaultIsChecked: boolean;
+            size: string;
+            colorScheme: string;
+        };
+    };
+    RadioGroup: {
+        baseStyle: () => {
+            alignItems: string;
+        };
+    };
+    ScaleFade: {
+        baseStyle: {
+            initial: {
+                opacity: number;
+                scale: number;
+            };
+            animate: {
+                opacity: number;
+                scale: number;
+                transition: number;
+            };
+            exit: {
+                opacity: number;
+                scale: number;
+                transition: number;
+            };
+        };
+    };
+    Select: {
+        baseStyle: (props: Record<string, any>) => {
+            _webSelect: {
+                appearance: string;
+                WebkitAppearance: string;
+                MozAppearance: string;
+                position: string;
+                width: string;
+                height: string;
+                opacity: number;
+                zIndex: number;
+            };
+            customDropdownIconProps: {
+                size: string;
+                p: string;
+                pl: string;
+                color: string;
+            };
+            _web: {
+                pointerEvents: string;
+            };
+            _disabled: {
+                opacity: string;
+                bg: any;
+            };
+            _invalid: {
+                borderColor: any;
+            };
+            _focus: {
+                borderColor: any;
+            };
+            _hover: {
+                bg: any;
+            };
+            _actionSheetBody: {
+                w: string;
+            };
+            _actionSheetContent: {};
+        };
+        defaultProps: {
+            optimized: boolean;
+        };
+    };
+    SelectItem: {
+        baseStyle: {
+            p: string;
+            px: string;
+            borderRadius: string;
+            minH: string;
+        };
+    };
+    SimpleGrid: {
+        baseStyle: {};
+        defaultProps: {};
+    };
+    Skeleton: {
+        baseStyle: (props: Record<string, any>) => {
+            startColor: any;
+            endColor: string;
+            overflow: string;
+            fadeDuration: number;
+            speed: number;
+            h: string;
+            w: string;
+        };
+    };
+    SkeletonText: {
+        baseStyle: (props: Record<string, any>) => {
+            startColor: any;
+            endColor: string;
+            fadeDuration: number;
+            w: string;
+            speed: number;
+            flexDirection: string;
+            _line: {
+                h: number;
+                rounded: string;
+            };
+        };
+        defaultProps: {
+            lines: number;
+            space: number;
+        };
+    };
+    SliderFilledTrack: {
+        baseStyle: ({ orientation, isReversed, sliderTrackPosition, size, ...props }: any) => {
+            bg: any;
+            left: number | undefined;
+            bottom: number | undefined;
+            right: number | undefined;
+            top: number | undefined;
+            style: {
+                height: any;
+                width: any;
+            };
+        };
+    };
+    SliderThumb: {
+        baseStyle: (props: any) => {
+            borderRadius: number;
+            zIndex: number;
+            alignItems: string;
+            justifyContent: string;
+            bg: any;
+            scaleOnPressed: number;
+        };
+    };
+    SliderTrack: {
+        baseStyle: ({ isVertical, size, ...props }: any) => {
+            bg: string;
+            borderRadius: string;
+            overflow: string;
+            style: {
+                height: any;
+                width: any;
+            };
+            _pressable: {
+                alignItems: string;
+                justifyContent: string;
+                height: any;
+                width: any;
+                py: string | undefined;
+                px: string | undefined;
+            };
+        };
+    };
+    Slider: {
+        baseStyle: (props: any) => {
+            alignItems: string;
+            justifyContent: string;
+            height: string | undefined;
+            width: string | undefined;
+        };
+        defaultProps: {
+            size: string;
+        };
+        sizes: {
+            lg: {
+                thumbSize: number;
+                sliderSize: number;
+            };
+            md: {
+                thumbSize: number;
+                sliderSize: number;
+            };
+            sm: {
+                thumbSize: number;
+                sliderSize: number;
+            };
+        };
+    };
+    Slide: {
+        baseStyle: {
+            h: string;
+            pointerEvents: string;
+            _overlay: {
+                style: {
+                    overflow: string;
+                };
+            };
+        };
+        defaultProps: {
+            duration: number;
+            placement: string;
+            overlay: boolean;
+            _overlay: {
+                isOpen: boolean;
+            };
+        };
+    };
+    SlideFade: {
+        defaultProps: {
+            duration: number;
+            offsetX: number;
+            offsetY: number;
+        };
+    };
+    Spinner: {
+        baseStyle: {
+            color: string;
+        };
+        sizes: {
+            sm: string;
+            lg: string;
+        };
+        defaultProps: {
+            size: string;
+        };
+    };
+    Square: {
+        baseStyle: {
+            alignItems: string;
+            justifyContent: string;
+        };
+        sizes: {
+            xs: {
+                height: number;
+                width: number;
+            };
+            sm: {
+                height: number;
+                width: number;
+            };
+            md: {
+                height: number;
+                width: number;
+            };
+            lg: {
+                height: number;
+                width: number;
+            };
+            xl: {
+                height: number;
+                width: number;
+            };
+            '2xl': {
+                height: number;
+                width: number;
+            };
+        };
+    };
+    Stack: {
+        baseStyle: {};
+        defaultProps: {};
+        sizes: {
+            gutter: number;
+            '2xs': number;
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+            xl: number;
+            '2xl': number;
+        };
+    };
+    Stat: {
+        defaultProps: {
+            _statLabel: {
+                fontSize: string;
+            };
+            _statNumber: {
+                fontSize: string;
+                fontWeight: string;
+                my: number;
+            };
+            _statHelpText: {
+                _text: {
+                    color: string;
+                    fontSize: string;
+                };
+                flexDirection: string;
+                alignItems: string;
+            };
+            _statGroup: {
+                flexWrap: string;
+                space: number;
+                justifyContent: string;
+            };
+        };
+    };
+    Switch: {
+        baseStyle: (props: Record<string, any>) => {
+            _disabled: {
+                opacity: number;
+            };
+            _invalid: {
+                borderWidth: number;
+                borderRadius: number;
+                borderColor: string;
+            };
+            offTrackColor: any;
+            onTrackColor: any;
+            onThumbColor: any;
+            offThumbColor: any;
+        };
+        sizes: {
+            sm: {
+                style: {
+                    transform: {
+                        scale: number;
+                    }[];
+                };
+            };
+            md: {};
+            lg: {
+                style: {
+                    transform: {
+                        scale: number;
+                    }[];
+                };
+                margin: number;
+            };
+        };
+        defaultProps: {
+            size: string;
+            colorScheme: string;
+        };
+    };
+    Tabs: {
+        baseStyle: (props: Record<string, any>) => {
+            activeTabStyle: {
+                justifyContent: string;
+                alignItems: string;
+                mb: string;
+                flexDirection: string;
+                _text: {
+                    fontSize: string;
+                    fontWeight: string;
+                };
+            };
+            inactiveTabStyle: {
+                justifyContent: string;
+                alignItems: string;
+                mb: string;
+                flexDirection: string;
+                _text: {
+                    color: any;
+                    fontSize: string;
+                    fontWeight: string;
+                };
+            };
+            activeIconProps: {
+                color: any;
+                name: string;
+                mx: number;
+            };
+            inactiveIconProps: {
+                name: string;
+                mx: number;
+            };
+        };
+        variants: {
+            outline: (props: Record<string, any>) => {
+                activeTabStyle: {
+                    borderColor: any;
+                    _text: {
+                        color: any;
+                    };
+                    _hover: {
+                        bg: any;
+                    };
+                    borderBottomWidth: number;
+                };
+                inactiveTabStyle: {
+                    borderColor: string;
+                    borderBottomWidth: number;
+                    _hover: {
+                        bg: any;
+                    };
+                };
+                tabBarStyle: {
+                    borderBottomWidth: number;
+                    borderColor: any;
+                };
+            };
+            filled: (props: Record<string, any>) => {
+                activeTabStyle: {
+                    borderColor: any;
+                    _text: {
+                        color: any;
+                    };
+                    _hover: {
+                        bg: any;
+                    };
+                    borderBottomWidth: number;
+                    bg: any;
+                };
+                inactiveTabStyle: {
+                    borderColor: string;
+                    borderBottomWidth: number;
+                    _hover: {
+                        bg: any;
+                    };
+                };
+                tabBarStyle: {
+                    borderBottomWidth: number;
+                    borderColor: any;
+                };
+            };
+            'filled-outline': (props: Record<string, any>) => {
+                activeTabStyle: {
+                    borderColor: any;
+                    _text: {
+                        color: any;
+                    };
+                    _hover: {
+                        bg: any;
+                    };
+                    borderBottomWidth: number;
+                };
+                inactiveTabStyle: {
+                    borderColor: string;
+                    borderBottomWidth: number;
+                    _hover: {
+                        bg: any;
+                    };
+                };
+                tabBarStyle: {
+                    borderBottomWidth: number;
+                    borderColor: any;
+                    bg: any;
+                };
+            };
+        };
+        sizes: {
+            sm: {
+                activeTabStyle: {
+                    _text: {
+                        fontSize: string;
+                    };
+                    py: number;
+                    px: number;
+                };
+                inactiveTabStyle: {
+                    _text: {
+                        fontSize: string;
+                    };
+                    py: number;
+                    px: number;
+                };
+            };
+            md: {
+                activeTabStyle: {
+                    _text: {
+                        fontSize: string;
+                    };
+                    py: number;
+                    px: number;
+                };
+                inactiveTabStyle: {
+                    _text: {
+                        fontSize: string;
+                    };
+                    py: number;
+                    px: number;
+                };
+            };
+            lg: {
+                activeTabStyle: {
+                    _text: {
+                        fontSize: string;
+                    };
+                    py: number;
+                    px: number;
+                };
+                inactiveTabStyle: {
+                    _text: {
+                        fontSize: string;
+                    };
+                    py: number;
+                    px: number;
+                };
+            };
+        };
+        defaultProps: {
+            size: string;
+            variant: string;
+            colorScheme: string;
+        };
+    };
+    Tag: {
+        variants: {
+            solid: (props: Record<string, any>) => {
+                bg: any;
+                _text: {
+                    color: any;
+                };
+                borderWidth: string;
+                borderColor: string;
+                borderRadius: string;
+            };
+            subtle: (props: Record<string, any>) => {
+                bg: any;
+                _text: {
+                    color: any;
+                };
+                borderWidth: string;
+                borderRadius: string;
+                borderColor: string;
+            };
+            outline: (props: Record<string, any>) => {
+                borderColor: any;
+                _text: {
+                    color: any;
+                };
+                borderRadius: string;
+                borderWidth: string;
+            };
+        };
+        baseStyle: {
+            _text: {
+                fontWeight: string;
+            };
+            alignItems: string;
+            justifyContent: string;
+            flexDirection: string;
+            display: string;
+        };
+        sizes: {
+            sm: {
+                minH: number;
+                minW: number;
+                _text: {
+                    fontSize: string;
+                };
+                p: number;
+                borderRadius: string;
+            };
+            md: {
+                minH: number;
+                minW: number;
+                _text: {
+                    fontSize: string;
+                };
+                borderRadius: string;
+                p: number;
+            };
+            lg: {
+                minH: number;
+                minW: number;
+                _text: {
+                    fontSize: string;
+                };
+                borderRadius: string;
+                p: number;
+            };
+        };
+        defaultProps: {
+            size: string;
+            variant: string;
+            colorScheme: string;
+        };
+    };
+    Text: {
+        baseStyle: (props: Record<string, any>) => {
+            color: any;
+            fontWeight: string;
+            fontFamily: string;
+            fontStyle: string;
+            fontSize: string;
+            letterSpacing: string;
+            lineHeight: string;
+        };
+        defaultProps: {};
+    };
+    AppBar: {
+        baseStyle: (props: Record<string, any>) => {
+            bg: any;
+            px: number;
+        };
+        defaultProps: {
+            colorScheme: string;
+        };
+    };
+    TextArea: {
+        baseStyle: {
+            multiline: boolean;
+            p: string;
+            totalLines: number;
+            h: number | undefined;
+            textAlignVertical: string;
+        };
+    };
+    TextField: {
+        baseStyle: (props: Record<string, any>) => {
+            _errorMessageProps: {
+                mt: number;
+                ml: number;
+                fontSize: string;
+                color: string;
+            };
+            _helperTextProps: {
+                mt: number;
+                ml: number;
+                fontSize: string;
+                color: any;
+            };
+        };
+        defaultProps: {
+            component: string;
+        };
+    };
+    Toast: {
+        baseStyle: (props: Record<string, any>) => {
+            bg: any;
+            p: string;
+            rounded: string;
+            shadow: number;
+            _title: {
+                color: any;
+                fontWeight: number;
+            };
+            _description: {
+                color: any;
+                fontWeight: number;
+            };
+            _closeIcon: {
+                size: number;
+            };
+        };
+        defaultProps: {};
+    };
+    TypeAheadSearchItem: {
+        baseStyle: (props: Record<string, any>) => {
+            backgroundColor: any;
+            _focus: {
+                backgroundColor: any;
+            };
+            _disabled: {
+                backgroundColor: string;
+            };
+        };
+    };
+    View: {
+        baseStyle: {};
+        defaultProps: {};
+    };
+    Wrap: {};
+    ZStack: {
+        baseStyle: {};
+        defaultProps: {};
+    };
+    Tooltip: {
+        baseStyle: (props: any) => {
+            bg: any;
+            py: number;
+            px: number;
+            rounded: string;
+            shadow: number;
+            _text: {
+                color: any;
+                fontSize: string;
+            };
+        };
+    };
+    PopoverCloseButton: {
+        baseStyle: (props: any) => {
+            position: string;
+            right: number;
+            top: number;
+            zIndex: number;
+            colorScheme: string;
+            p: number;
+            _icon: {
+                size: number;
+                color: any;
+            };
+        };
+    };
+    PopoverBody: {
+        baseStyle: (props: any) => {
+            pt: string;
+            p: string;
+            _text: {
+                color: any;
+            };
+        };
+    };
+    PopoverContent: {
+        baseStyle: (props: any) => {
+            backgroundColor: any;
+            borderColor: any;
+            _text: {
+                color: any;
+            };
+            borderWidth: number;
+            rounded: string;
+            overflow: string;
+        };
+    };
+    PopoverHeader: {
+        baseStyle: (props: any) => {
+            _web: {
+                accessibilityRole: string;
+            };
+            py: string;
+            px: string;
+            borderBottomWidth: string;
+            borderColor: any;
+            _text: {
+                fontSize: string;
+                fontWeight: string;
+                color: any;
+                lineHeight: string;
+            };
+        };
+    };
+    PopoverArrow: {
+        baseStyle: (props: any) => {
+            borderColor: any;
+        };
+    };
+    PopoverFooter: {
+        baseStyle: (props: Record<string, any>) => {
+            p: string;
+            bg: any;
+            flexDirection: string;
+            justifyContent: string;
+            flexWrap: string;
+        };
+    };
+    FlatList: {
+        baseStyle: {};
+        defaultProps: {};
+    };
+    KeyboardAvoidingView: {
+        baseStyle: {};
+        defaultProps: {};
+    };
+    ScrollView: {
+        baseStyle: {};
+        defaultProps: {};
+    };
+    SectionList: {
+        baseStyle: {};
+        defaultProps: {};
+    };
+    StatusBar: {
+        baseStyle: {};
+        defaultProps: {};
+    };
+    Accordion: {
+        baseStyle: (props: Record<string, any>) => {
+            borderWidth: number;
+            borderColor: any;
+            borderRadius: string;
+        };
+    };
+    AccordionItem: {};
+    AccordionIcon: {};
+    AccordionSummary: {
+        baseStyle: (props: Record<string, any>) => {
+            borderTopWidth: number;
+            borderTopColor: any;
+            p: number;
+            _hover: {
+                bg: any;
+            };
+            _expanded: {
+                bg: string;
+                borderBottomColor: any;
+                _text: {
+                    color: string;
+                };
+            };
+            _disabled: {
+                bg: any;
+            };
+        };
+    };
+    AccordionDetails: {
+        baseStyle: {
+            p: number;
+        };
+    };
+    Actionsheet: {
+        defaultProps: {
+            size: string;
+            justifyContent: string;
+            animationPreset: string;
+        };
+    };
+    ActionsheetContent: {
+        baseStyle: (props: any) => {
+            alignItems: string;
+            px: number;
+            py: number;
+            borderRadius: string;
+            roundedTop: number;
+            _dragIndicator: {
+                bg: any;
+                height: number;
+                width: number;
+                borderRadius: number;
+            };
+            _dragIndicatorWrapper: {
+                pt: number;
+                pb: number;
+                mt: number;
+                width: string;
+                alignItems: string;
+                collapsable: boolean;
+            };
+            _dragIndicatorWrapperOffSet: {
+                py: number;
+                collapsable: boolean;
+            };
+        };
+    };
+    ActionsheetItem: {
+        baseStyle: (props: any) => {
+            width: string;
+            justifyContent: string;
+            p: number;
+            _text: {
+                fontSize: number;
+                fontWeight: string;
+                color: any;
+            };
+            _pressed: {
+                bg: any;
+            };
+            _hover: {
+                bg: any;
+            };
+        };
+        defaultProps: {
+            variant: string;
+        };
+    };
+    Alert: {
+        baseStyle: {
+            alignItems: string;
+            justifyContent: string;
+            p: number;
+            space: number;
+            borderRadius: string;
+        };
+        variants: {
+            subtle: (props: Record<string, any>) => {
+                bg: any;
+                _icon: {
+                    color: any;
+                };
+            };
+            solid: (props: Record<string, any>) => {
+                borderWidth: number;
+                borderColor: string;
+                bg: any;
+                _icon: {
+                    color: any;
+                };
+            };
+            'left-accent': (props: Record<string, any>) => {
+                borderWidth: number;
+                bg: any;
+                _icon: {
+                    color: any;
+                };
+                borderColor: string;
+                borderLeftColor: any;
+            };
+            'top-accent': (props: Record<string, any>) => {
+                borderWidth: number;
+                borderColor: string;
+                borderTopColor: any;
+                bg: any;
+                _icon: {
+                    color: any;
+                };
+            };
+            outline: (props: Record<string, any>) => {
+                borderWidth: number;
+                borderColor: any;
+                _icon: {
+                    color: any;
+                };
+            };
+            'outline-light': (props: Record<string, any>) => {
+                borderWidth: number;
+                borderColor: string;
+                _icon: {
+                    color: any;
+                };
+            };
+        };
+        defaultProps: {
+            colorScheme: string;
+            variant: string;
+        };
+    };
+    AlertIcon: {
+        baseStyle: {
+            size: number;
+        };
+    };
+    AspectRatio: {
+        baseStyle: {};
+        defaultProps: {
+            ratio: number;
+        };
+    };
+    Avatar: {
+        baseStyle: (props: Record<string, any>) => {
+            bg: string;
+            borderColor: any;
+            position: string;
+            justifyContent: string;
+            alignItems: string;
+            borderRadius: string;
+            _text: {
+                fontWeight: number;
+            };
+            _image: {
+                borderRadius: string;
+                alt: string;
+                _alt: {
+                    fontWeight: number;
+                };
+                style: {
+                    height: string;
+                    width: string;
+                };
+            };
+        };
+        sizes: {
+            xs: {
+                width: any;
+                height: any;
+                _text: {
+                    fontSize: string;
+                };
+            };
+            sm: {
+                width: any;
+                height: any;
+                _text: {
+                    fontSize: string;
+                };
+            };
+            md: {
+                width: any;
+                height: any;
+                _text: {
+                    fontSize: string;
+                };
+            };
+            lg: {
+                width: any;
+                height: any;
+                _text: {
+                    fontSize: string;
+                };
+            };
+            xl: {
+                width: any;
+                height: any;
+                _text: {
+                    fontSize: string;
+                };
+            };
+            '2xl': {
+                width: any;
+                height: any;
+                _text: {
+                    fontSize: string;
+                };
+            };
+        };
+        defaultProps: {
+            size: string;
+        };
+    };
+    AvatarBadge: {
+        baseStyle: (props: Record<string, any>) => {
+            borderRadius: string;
+            borderWidth: number;
+            borderColor: any;
+            bg: any;
+            size: number;
+            position: string;
+            right: number;
+            bottom: number;
+        };
+    };
+    AvatarGroup: {
+        baseStyle: ({ isVertical, ...props }: Record<string, any>) => {
+            flexDirection: string;
+            space: number;
+            _avatar: {
+                borderColor: any;
+                borderWidth: number;
+            };
+            _hiddenAvatarPlaceholder: {
+                bg: any;
+            };
+        };
+        defaultProps: {
+            isVertical: boolean;
+        };
+    };
+    Badge: {
+        baseStyle: {
+            px: string;
+            py: string;
+            alignItems: string;
+            _text: {
+                fontSize: string;
+                fontWeight: string;
+            };
+        };
+        variants: {
+            solid: (props: Record<string, any>) => {
+                bg: any;
+                _text: {
+                    color: any;
+                };
+                borderWidth: string;
+                borderColor: string;
+                borderRadius: string;
+            };
+            subtle: (props: Record<string, any>) => {
+                bg: any;
+                _text: {
+                    color: any;
+                };
+                borderWidth: string;
+                borderRadius: string;
+                borderColor: string;
+            };
+            outline: (props: Record<string, any>) => {
+                borderColor: any;
+                _text: {
+                    color: any;
+                };
+                borderRadius: string;
+                borderWidth: string;
+            };
+        };
+        defaultProps: {
+            variant: string;
+            colorScheme: string;
+        };
+    };
+    Box: {
+        baseStyle: {};
+        defaultProps: {};
+    };
+    Breadcrumb: {
+        baseStyle: {
+            width: string;
+            height: string;
+            display: string;
+            flexDirection: string;
+            spacing: string;
+        };
+        defaultProps: {
+            direction: string;
+            wrap: string;
+        };
+    };
+    BreadcrumbText: {
+        baseStyle: {
+            _current: {
+                fontWeight: string;
+            };
+            width: string;
+            height: string;
+            display: string;
+            flexDirection: string;
+            spacing: string;
+        };
+        defaultProps: {
+            direction: string;
+            wrap: string;
+        };
+    };
+    BreadcrumbIcon: {
+        baseStyle: {
+            width: string;
+            height: string;
+            display: string;
+            flexDirection: string;
+            spacing: string;
+        };
+        defaultProps: {
+            direction: string;
+            wrap: string;
+        };
+    };
+    Button: {
+        baseStyle: (props: any) => {
+            borderRadius: string;
+            flexDirection: string;
+            justifyContent: string;
+            alignItems: string;
+            _web: {
+                cursor: string;
+            };
+            _text: {
+                fontWeight: string;
+            };
+            _focusVisible: {
+                style: any;
+            };
+            _stack: {
+                space: number;
+                alignItems: string;
+            };
+            _loading: {
+                opacity: string;
+            };
+            _disabled: {
+                opacity: string;
+            };
+            _spinner: {
+                size: string;
+                focusable: boolean;
+            };
+        };
+        variants: {
+            ghost: (props: import("../tools").Dict) => {
+                _text: {
+                    color: any;
+                };
+                bg?: undefined;
+                _web?: undefined;
+                _hover?: undefined;
+                _focusVisible?: undefined;
+                _pressed?: undefined;
+                _spinner?: undefined;
+            } | {
+                _text: {
+                    color: any;
+                };
+                bg: string;
+                _web: {
+                    outlineWidth: string;
+                };
+                _hover: {
+                    borderColor: any;
+                    bg: string;
+                };
+                _focusVisible: {
+                    borderColor: any;
+                    bg: string;
+                };
+                _pressed: {
+                    borderColor: any;
+                    bg: string;
+                };
+                _spinner: {
+                    size: string;
+                };
+            };
+            outline: (props: import("../tools").Dict) => {
+                _text: {
+                    color: any;
+                };
+                bg?: undefined;
+                _web?: undefined;
+                _hover?: undefined;
+                _focusVisible?: undefined;
+                _pressed?: undefined;
+                _spinner?: undefined;
+                borderWidth: string;
+                borderColor: any;
+            } | {
+                _text: {
+                    color: any;
+                };
+                bg: string;
+                _web: {
+                    outlineWidth: string;
+                };
+                _hover: {
+                    borderColor: any;
+                    bg: string;
+                };
+                _focusVisible: {
+                    borderColor: any;
+                    bg: string;
+                };
+                _pressed: {
+                    borderColor: any;
+                    bg: string;
+                };
+                _spinner: {
+                    size: string;
+                };
+                borderWidth: string;
+                borderColor: any;
+            };
+            solid: (props: import("../tools").Dict) => {
+                _web: {
+                    outlineWidth: string;
+                };
+                bg: string;
+                _hover: {
+                    bg: string;
+                };
+                _pressed: {
+                    bg: string;
+                };
+                _focus: {
+                    bg: string;
+                };
+                _loading: {
+                    bg: any;
+                    opacity: string;
+                };
+                _disabled: {
+                    bg: any;
+                };
+            };
+            subtle: (props: import("../tools").Dict) => {
+                _text: {
+                    color: any;
+                };
+                _web: {
+                    outlineWidth: string;
+                };
+                bg: string;
+                _hover: {
+                    _text: {
+                        color: any;
+                    };
+                    bg: any;
+                };
+                _pressed: {
+                    _text: {
+                        color: any;
+                    };
+                    bg: any;
+                };
+            };
+            link: (props: import("../tools").Dict) => {
+                _text: {
+                    textDecorationLine: string | undefined;
+                    color: any;
+                };
+                _hover: {
+                    _text: {
+                        color: any;
+                        textDecorationLine: string;
+                    };
+                };
+                _focusVisible: {
+                    _text: {
+                        color: any;
+                        textDecorationLine: string;
+                    };
+                };
+                _pressed: {
+                    _text: {
+                        color: any;
+                    };
+                };
+                bg?: undefined;
+                _web?: undefined;
+                _spinner?: undefined;
+            } | {
+                _text: {
+                    textDecorationLine: string | undefined;
+                    color: any;
+                };
+                _hover: {
+                    _text: {
+                        color: any;
+                        textDecorationLine: string;
+                    };
+                };
+                _focusVisible: {
+                    _text: {
+                        color: any;
+                        textDecorationLine: string;
+                    };
+                };
+                _pressed: {
+                    _text: {
+                        color: any;
+                    };
+                };
+                bg: string;
+                _web: {
+                    outlineWidth: string;
+                };
+                _spinner: {
+                    size: string;
+                };
+            };
+            unstyled: () => {};
+        };
+        sizes: {
+            lg: {
+                px: string;
+                py: string;
+                _text: {
+                    fontSize: string;
+                };
+            };
+            md: {
+                px: string;
+                py: string;
+                _text: {
+                    fontSize: string;
+                };
+            };
+            sm: {
+                px: string;
+                py: string;
+                _text: {
+                    fontSize: string;
+                };
+            };
+            xs: {
+                px: string;
+                py: string;
+                _text: {
+                    fontSize: string;
+                };
+            };
+        };
+        defaultProps: {
+            variant: string;
+            size: string;
+            colorScheme: string;
+        };
+    };
+    ButtonGroup: {
+        baseStyle: {
+            direction: string;
+        };
+        defaultProps: {
+            space: number;
+        };
+    };
+    Card: {
+        baseStyle: {
+            shadow: number;
+            borderRadius: string;
+            padding: number;
+            overflow: string;
+        };
+        defaultProps: {};
+    };
+    Center: {
+        baseStyle: {
+            display: string;
+            alignItems: string;
+            justifyContent: string;
+        };
+        sizes: {
+            xs: {
+                height: number;
+                width: number;
+            };
+            sm: {
+                height: number;
+                width: number;
+            };
+            md: {
+                height: number;
+                width: number;
+            };
+            lg: {
+                height: number;
+                width: number;
+            };
+            xl: {
+                height: number;
+                width: number;
+            };
+            '2xl': {
+                height: number;
+                width: number;
+            };
+        };
+    };
+    Circle: {
+        baseStyle: {
+            rounded: string;
+            alignItems: string;
+            justifyContent: string;
+        };
+        sizes: {
+            xs: {
+                height: number;
+                width: number;
+            };
+            sm: {
+                height: number;
+                width: number;
+            };
+            md: {
+                height: number;
+                width: number;
+            };
+            lg: {
+                height: number;
+                width: number;
+            };
+            xl: {
+                height: number;
+                width: number;
+            };
+            '2xl': {
+                height: number;
+                width: number;
+            };
+        };
+    };
+    Checkbox: {
+        baseStyle: (props: Record<string, any>) => {
+            justifyContent: string;
+            flexDirection: string;
+            borderWidth: number;
+            borderRadius: string;
+            borderColor: any;
+            bg: any;
+            opacity: number;
+            _web: {
+                cursor: string;
+            };
+            _stack: {
+                direction: string;
+                alignItems: string;
+                space: number;
+                _web: {
+                    cursor: string;
+                };
+            };
+            _text: {
+                ml: number;
+                color: any;
+            };
+            _interactionBox: {
+                position: string;
+                borderRadius: string;
+                p: number;
+                w: string;
+                h: string;
+                zIndex: number;
+                _web: {
+                    transition: string;
+                    pointerEvents: string;
+                };
+            };
+            _hover: {
+                _interactionBox: {
+                    bg: string;
+                };
+            };
+            _focus: {
+                _interactionBox: {
+                    bg: string;
+                };
+            };
+            _focusVisible: {
+                _interactionBox: {
+                    bg: string;
+                };
+            };
+            _disabled: {
+                _interactionBox: {
+                    bg: string;
+                };
+                _web: {
+                    cursor: string;
+                };
+                opacity: number;
+            };
+            _pressed: {
+                _interactionBox: {
+                    bg: string;
+                };
+            };
+            _checked: {
+                borderColor: any;
+                bg: any;
+            };
+            _invalid: {
+                borderColor: any;
+            };
+            _icon: {
+                color: any;
+            };
+        };
+        sizes: {
+            lg: {
+                _icon: {
+                    size: number;
+                };
+                _text: {
+                    fontSize: string;
+                };
+            };
+            md: {
+                _icon: {
+                    size: number;
+                };
+                _text: {
+                    fontSize: string;
+                };
+            };
+            sm: {
+                _icon: {
+                    size: number;
+                };
+                _text: {
+                    fontSize: string;
+                };
+            };
+        };
+        defaultProps: {
+            defaultIsChecked: boolean;
+            size: string;
+            colorScheme: string;
+        };
+    };
+    CheckboxGroup: {
+        baseStyle: () => {
+            alignItems: string;
+        };
+    };
+    CircularProgress: {
+        baseStyle: (props: Record<string, any>) => {
+            color: any;
+            trackColor: any;
+        };
+        sizes: {
+            xs: {
+                height: number;
+                width: number;
+            };
+            sm: {
+                height: number;
+                width: number;
+            };
+            md: {
+                height: number;
+                width: number;
+            };
+            lg: {
+                height: number;
+                width: number;
+            };
+            xl: {
+                height: number;
+                width: number;
+            };
+            '2xl': {
+                height: number;
+                width: number;
+            };
+        };
+        defaultProps: {
+            thickness: number;
+            colorScheme: string;
+            size: string;
+        };
+    };
+    Code: {
+        baseStyle: {
+            _text: {
+                fontFamily: string;
+                fontSize: string;
+            };
+            borderRadius: string;
+            px: number;
+            py: number;
+        };
+        variants: {
+            solid: (props: Record<string, any>) => {
+                bg: any;
+                _text: {
+                    color: any;
+                };
+                borderWidth: string;
+                borderColor: string;
+                borderRadius: string;
+            };
+            subtle: (props: Record<string, any>) => {
+                bg: any;
+                _text: {
+                    color: any;
+                };
+                borderWidth: string;
+                borderRadius: string;
+                borderColor: string;
+            };
+            outline: (props: Record<string, any>) => {
+                borderColor: any;
+                _text: {
+                    color: any;
+                };
+                borderRadius: string;
+                borderWidth: string;
+            };
+        };
+        defaultProps: {
+            variant: string;
+            colorScheme: string;
+        };
+    };
+    Container: {
+        baseStyle: (props: import("../tools").Dict) => {
+            maxWidth: string;
+            alignItems: string;
+            _text: {
+                textAlign: string;
+            };
+        };
+    };
+    Divider: {
+        baseStyle: (props: Record<string, any>) => {
+            width: string;
+            height: string;
+            bg: any;
+        };
+        defaultProps: {
+            orientation: string;
+            thickness: string;
+        };
+    };
+    Fade: {
+        baseStyle: {
+            initial: {
+                opacity: number;
+            };
+            animate: {
+                opacity: number;
+                transition: {
+                    duration: number;
+                };
+            };
+            exit: {
+                opacity: number;
+                transition: {
+                    duration: number;
+                };
+            };
+        };
+    };
+    FAB: {
+        baseStyle: {
+            shadow: number;
+            rounded: string;
+            zIndex: number;
+            placementProps: any;
+            px: number;
+            py: number;
+        };
+        defaultProps: {
+            renderInPortal: boolean;
+            variant: string;
+            colorScheme: string;
+            placement: string;
+        };
+    };
+    Flex: {
+        baseStyle: {
+            display: string;
+            flexDirection: string;
+        };
+    };
+    Spacer: {
+        baseStyle: {
+            flexGrow: number;
+        };
+    };
+    FormControl: {
+        baseStyle: {
+            width: string;
+        };
+    };
+    FormControlLabel: {
+        baseStyle: (props: Record<string, any>) => {
+            flexDirection: string;
+            justifyContent: string;
+            _text: {
+                fontSize: string;
+                fontWeight: string;
+            };
+            _astrick: {
+                color: any;
+            };
+            mb: string;
+            mr: string;
+        };
+    };
+    FormControlHelperText: {
+        baseStyle: (props: Record<string, any>) => {
+            mt: string;
+            _text: {
+                fontSize: string;
+                color: any;
+            };
+        };
+    };
+    FormControlErrorMessage: {
+        baseStyle: (props: Record<string, any>) => {
+            mt: string;
+            _text: {
+                fontSize: string;
+                color: any;
+            };
+            _stack: {
+                space: number;
+                alignItems: string;
+            };
+        };
+    };
+    Heading: {
+        baseStyle: (props: Record<string, any>) => {
+            color: any;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        sizes: {
+            '4xl': {
+                fontSize: (string | null)[];
+            };
+            '3xl': {
+                fontSize: (string | null)[];
+            };
+            '2xl': {
+                fontSize: (string | null)[];
+            };
+            xl: {
+                fontSize: (string | null)[];
+            };
+            lg: {
+                fontSize: (string | null)[];
+            };
+            md: {
+                fontSize: string;
+            };
+            sm: {
+                fontSize: string;
+            };
+            xs: {
+                fontSize: string;
+            };
+        };
+        defaultProps: {
+            size: string;
+        };
+    };
+    HStack: {
+        baseStyle: {};
+        defaultProps: {};
+    };
+    VStack: {
+        baseStyle: {};
+        defaultProps: {};
+    };
+    Icon: {
+        baseStyle: (props: Record<string, any>) => {
+            color: any;
+        };
+        sizes: {
+            xxs: number;
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+            xl: number;
+            '2xl': number;
+            '3xl': number;
+            '4xl': number;
+            '5xl': number;
+            '6xl': number;
+        };
+        defaultProps: {
+            size: string;
+        };
+    };
+    IconButton: {
+        baseStyle: (props: any) => {
+            borderRadius: string;
+            _web: {
+                cursor: string;
+            };
+            _focusVisible: {
+                style: {
+                    boxShadow: string;
+                } | {
+                    boxShadow?: undefined;
+                };
+            };
+            _disabled: {
+                opacity: number;
+            };
+        };
+        variants: {
+            ghost: (props: import("../tools").Dict) => {
+                bg: string;
+                _web: {
+                    outlineWidth: number;
+                };
+                _hover: {
+                    bg: string;
+                };
+                _focusVisible: {
+                    bg: string;
+                };
+                _pressed: {
+                    bg: string;
+                };
+            };
+            outline: (props: import("../tools").Dict) => {
+                borderWidth: string;
+                borderColor: string;
+                _icon: {
+                    color: any;
+                };
+                _web: {
+                    outlineWidth: number;
+                };
+                _hover: {
+                    bg: string;
+                };
+                _focusVisible: {
+                    bg: string;
+                };
+                _pressed: {
+                    bg: string;
+                };
+            };
+            solid: (props: import("../tools").Dict) => {
+                bg: string;
+                _web: {
+                    outlineWidth: number;
+                };
+                _disabled: {
+                    bg: any;
+                };
+                _hover: {
+                    bg: string;
+                };
+                _pressed: {
+                    bg: string;
+                };
+                _focus: {
+                    bg: string;
+                };
+                _icon: {
+                    color: any;
+                };
+            };
+            unstyled: () => {};
+        };
+        sizes: {
+            lg: {
+                p: number;
+            };
+            md: {
+                p: number;
+            };
+            sm: {
+                p: number;
+            };
+        };
+        defaultProps: {
+            variant: string;
+            size: string;
+            colorScheme: string;
+        };
+    };
+    Image: {
+        baseStyle: {
+            maxWidth: string;
+        };
+        sizes: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+            full: string;
+        };
+        defaultProps: {};
+    };
+    Input: {
+        baseStyle: (props: Record<string, any>) => {
+            selectionColor: any;
+            fontFamily: string;
+            p: string;
+            borderRadius: string;
+            overflow: string;
+            color: any;
+            placeholderTextColor: string;
+            borderColor: any;
+            _disabled: {
+                opacity: string;
+                bg: any;
+                _web: {
+                    disabled: boolean;
+                    cursor: string;
+                };
+            };
+            _invalid: {
+                borderColor: any;
+            };
+            _focus: {
+                borderColor: any;
+            };
+            _web: {
+                outlineWidth: string;
+                overflow: string;
+                lineHeight: string;
+                outline: string;
+                cursor: string;
+            };
+            _stack: {
+                flexDirection: string;
+                alignItems: string;
+                overflow: string;
+            };
+            _input: {
+                bg: string;
+                flex: number;
+            };
+        };
+        defaultProps: {
+            size: string;
+            variant: string;
+        };
+        variants: {
+            outline: (props: Record<string, any>) => {
+                borderWidth: string;
+                _hover: {
+                    bg: any;
+                };
+            };
+            underlined: () => {
+                borderRadius: string;
+                borderTopWidth: string;
+                borderLeftWidth: string;
+                borderRightWidth: string;
+                borderBottomWidth: string;
+            };
+            rounded: (props: Record<string, any>) => {
+                borderRadius: string;
+                borderWidth: string;
+                _hover: {
+                    bg: any;
+                };
+            };
+            filled: (props: Record<string, any>) => {
+                bg: any;
+                borderWidth: string;
+                borderColor: string;
+                _hover: {
+                    bg: any;
+                };
+            };
+            unstyled: () => {
+                borderWidth: string;
+            };
+        };
+        sizes: {
+            '2xl': {
+                fontSize: string;
+            };
+            xl: {
+                fontSize: string;
+            };
+            lg: {
+                fontSize: string;
+            };
+            md: {
+                fontSize: string;
+            };
+            sm: {
+                fontSize: string;
+            };
+            xs: {
+                fontSize: string;
+            };
+        };
+    };
+    InputLeftAddon: {
+        baseStyle: (props: Record<string, any>) => {
+            borderRightWidth: string;
+            roundedLeft: string;
+            bg: any;
+            p: string;
+            borderColor: any;
+            borderWidth: string;
+            _text: {
+                color: any;
+                fontWeight: number;
+            };
+            alignItems: string;
+            justifyContent: string;
+        };
+    };
+    InputRightAddon: {
+        baseStyle: (props: Record<string, any>) => {
+            borderLeftWidth: string;
+            roundedRight: string;
+            bg: any;
+            p: string;
+            borderColor: any;
+            borderWidth: string;
+            _text: {
+                color: any;
+                fontWeight: number;
+            };
+            alignItems: string;
+            justifyContent: string;
+        };
+    };
+    Kbd: {
+        baseStyle: (props: Record<string, any>) => {
+            bg: any;
+            borderColor: any;
+            borderWidth: number;
+            borderBottomWidth: number;
+            shadow: number;
+            borderRadius: string;
+            px: number;
+            _text: {
+                fontSize: string;
+                fontWeight: string;
+                fontFamily: string;
+            };
+        };
+        defaultProps: {};
+    };
+    Link: {
+        baseStyle: (props: Record<string, any>) => {
+            _text: {
+                textDecorationLine: string;
+            };
+            width: string;
+            height: string;
+        };
+        defaultProps: {
+            isUnderlined: boolean;
+        };
+    };
+    List: {
+        baseStyle: (props: Record<string, any>) => {
+            py: number;
+            borderWidth: number;
+            borderColor: string;
+            _hover: {
+                bg: any;
+            };
+        };
+    };
+    ListItem: {
+        baseStyle: {
+            py: number;
+            borderColor: string;
+        };
+        defaultProps: {
+            start: number;
+        };
+    };
+    ListIcon: {
+        baseStyle: {
+            mr: number;
+            size: string;
+        };
+    };
+    Menu: {
+        baseStyle: (props: Record<string, any>) => {
+            bg: any;
+            py: number;
+            borderWidth: number;
+            borderColor: any;
+            borderRadius: string;
+            _presenceTransition: {
+                initial: {
+                    opacity: number;
+                    translateY: number;
+                };
+                animate: {
+                    opacity: number;
+                    translateY: number;
+                    transition: {
+                        duration: number;
+                    };
+                };
+                exit: {
+                    opacity: number;
+                    translateY: number;
+                    transition: {
+                        duration: number;
+                    };
+                };
+                style: import("react-native").RegisteredStyle<import("react-native").StyleSheet.AbsoluteFillStyle>;
+            };
+            _overlay: {};
+            _backdrop: {
+                bg: string;
+            };
+        };
+    };
+    MenuGroup: {
+        baseStyle: (props: any) => {
+            _title: {
+                fontSize: string;
+                fontWeight: number;
+                textTransform: string;
+                color: any;
+            };
+            p: number;
+        };
+    };
+    MenuItem: {
+        baseStyle: (props: any) => {
+            px: number;
+            py: number;
+            outlineWidth: number | undefined;
+            _stack: {
+                alignItems: string;
+                px: number;
+                space: number;
+            };
+            _disabled: {
+                _text: {
+                    color: any;
+                };
+            };
+            _focus: {
+                bg: any;
+            };
+            _pressed: {
+                bg: any;
+            };
+            _icon: {
+                size: number;
+                color: any;
+                opacity: number;
+            };
+            _checked: {
+                _icon: {
+                    opacity: number;
+                };
+            };
+        };
+        defaultProps: {};
+    };
+    Modal: {
+        baseStyle: {
+            width: string;
+            height: string;
+            justifyContent: string;
+            alignItems: string;
+            _web: {
+                pointerEvents: string;
+            };
+            _backdropFade: {
+                exitDuration: number;
+                entryDuration: number;
+            };
+            _slide: {
+                overlay: boolean;
+                duration: number;
+            };
+            _fade: {
+                exitDuration: number;
+                entryDuration: number;
+            };
+        };
+        sizes: {
+            xs: {
+                contentSize: {
+                    width: string;
+                    maxWidth: string;
+                };
+            };
+            sm: {
+                contentSize: {
+                    width: string;
+                    maxWidth: string;
+                };
+            };
+            md: {
+                contentSize: {
+                    width: string;
+                    maxWidth: string;
+                };
+            };
+            lg: {
+                contentSize: {
+                    width: string;
+                    maxWidth: string;
+                };
+            };
+            xl: {
+                contentSize: {
+                    width: string;
+                    maxWidth: string;
+                };
+            };
+            full: {
+                contentSize: {
+                    width: string;
+                };
+            };
+        };
+        defaultProps: {
+            size: string;
+            closeOnOverlayClick: boolean;
+        };
+    };
+    ModalContent: {
+        baseStyle: (props: Record<string, any>) => {
+            bg: any;
+            _text: {
+                color: any;
+            };
+            shadow: number;
+            rounded: string;
+            maxHeight: string;
+            overflow: string;
+        };
+    };
+    ModalHeader: {
+        baseStyle: (props: Record<string, any>) => {
+            py: string;
+            px: string;
+            borderBottomWidth: string;
+            borderColor: any;
+            _text: {
+                fontSize: string;
+                fontWeight: string;
+                color: any;
+                lineHeight: string;
+            };
+        };
+    };
+    ModalBody: {
+        baseStyle: (props: Record<string, any>) => {
+            pt: string;
+            p: string;
+            _text: {
+                color: any;
+            };
+        };
+    };
+    ModalFooter: {
+        baseStyle: (props: Record<string, any>) => {
+            p: string;
+            bg: any;
+            flexDirection: string;
+            justifyContent: string;
+            flexWrap: string;
+        };
+    };
+    ModalOverlay: {
+        baseStyle: {
+            position: string;
+            left: string;
+            top: string;
+            opacity: string;
+            right: string;
+            bottom: string;
+        };
+    };
+    ModalCloseButton: {
+        baseStyle: (props: Record<string, any>) => {
+            position: string;
+            right: string;
+            top: string;
+            zIndex: string;
+            colorScheme: string;
+            p: string;
+            _icon: {
+                size: string;
+                color: any;
+            };
+        };
+    };
+    AlertDialog: {
+        baseStyle: {
+            width: string;
+            height: string;
+            justifyContent: string;
+            alignItems: string;
+            _web: {
+                pointerEvents: string;
+            };
+            _backdropFade: {
+                exitDuration: number;
+                entryDuration: number;
+            };
+            _fade: {
+                exitDuration: number;
+                entryDuration: number;
+            };
+            _slide: {
+                duration: number;
+                overlay: boolean;
+            };
+        };
+        sizes: {
+            xs: {
+                contentSize: {
+                    width: string;
+                    maxWidth: string;
+                };
+            };
+            sm: {
+                contentSize: {
+                    width: string;
+                    maxWidth: string;
+                };
+            };
+            md: {
+                contentSize: {
+                    width: string;
+                    maxWidth: string;
+                };
+            };
+            lg: {
+                contentSize: {
+                    width: string;
+                    maxWidth: string;
+                };
+            };
+            xl: {
+                contentSize: {
+                    width: string;
+                    maxWidth: string;
+                };
+            };
+            full: {
+                contentSize: {
+                    width: string;
+                };
+            };
+        };
+        defaultProps: {
+            size: string;
+            closeOnOverlayClick: boolean;
+        };
+    };
+    AlertDialogContent: {
+        baseStyle: (props: Record<string, any>) => {
+            bg: any;
+            _text: {
+                color: any;
+            };
+            shadow: number;
+            rounded: string;
+            maxHeight: string;
+            overflow: string;
+        };
+    };
+    AlertDialogHeader: {
+        baseStyle: (props: Record<string, any>) => {
+            py: string;
+            px: string;
+            borderBottomWidth: string;
+            borderColor: any;
+            _text: {
+                fontSize: string;
+                fontWeight: string;
+                color: any;
+                lineHeight: string;
+            };
+        };
+    };
+    AlertDialogBody: {
+        baseStyle: (props: Record<string, any>) => {
+            pt: string;
+            p: string;
+            _text: {
+                color: any;
+            };
+        };
+    };
+    AlertDialogFooter: {
+        baseStyle: (props: Record<string, any>) => {
+            p: string;
+            bg: any;
+            flexDirection: string;
+            justifyContent: string;
+            flexWrap: string;
+        };
+    };
+    AlertDialogOverlay: {
+        baseStyle: {
+            position: string;
+            left: string;
+            top: string;
+            opacity: string;
+            right: string;
+            bottom: string;
+        };
+    };
+    AlertDialogCloseButton: {
+        baseStyle: (props: Record<string, any>) => {
+            position: string;
+            right: string;
+            top: string;
+            zIndex: string;
+            colorScheme: string;
+            p: string;
+            _icon: {
+                size: string;
+                color: any;
+            };
+        };
+    };
+    NumberInput: {
+        defaultProps: {
+            size: string;
+            step: number;
+            min: number;
+            max: number;
+            defaultValue: string;
+            keepWithinRange: boolean;
+            clampValueOnBlur: boolean;
+            focusInputOnChange: boolean;
+            getAriaValueText: boolean;
+        };
+    };
+    NumberInputStepper: {
+        baseStyle: (props: Record<string, any>) => {
+            bg: any;
+            iconColor: any;
+            _active: {};
+            _disabled: {
+                opacity: number;
+            };
+        };
+    };
+    PinInput: {
+        sizes: {
+            '2xl': {
+                fontSize: string;
+                p: number;
+                width: string;
+                height: string;
+                textAlign: string;
+                borderRadius: string;
+            };
+            xl: {
+                fontSize: string;
+                p: number;
+                width: string;
+                height: string;
+                textAlign: string;
+                borderRadius: string;
+            };
+            lg: {
+                fontSize: string;
+                p: number;
+                width: string;
+                height: string;
+                textAlign: string;
+                borderRadius: string;
+            };
+            md: {
+                fontSize: string;
+                p: number;
+                width: string;
+                height: string;
+                textAlign: string;
+                borderRadius: string;
+            };
+            sm: {
+                fontSize: string;
+                p: number;
+                width: string;
+                height: string;
+                textAlign: string;
+                borderRadius: string;
+            };
+            xs: {
+                fontSize: string;
+                p: number;
+                width: string;
+                height: string;
+                textAlign: string;
+                borderRadius: string;
+            };
+        };
+        defaultProps: {
+            placeholder: string;
+            size: string;
+            manageFocus: boolean;
+            space: number;
+        };
+    };
+    Pressable: {
+        baseStyle: {};
+        defaultProps: {};
+    };
+};
+export default _default;