export declare const components: { Attachment: { baseStyle?: { dropzone: { transitionProperty: string; transitionDuration: string; }; fileInfoContainer: { borderRadius: string; border: string; borderColor: string; bg: string; color: string; _disabled: { bg: string; borderColor: string; cursor: string; color: string; }; }; fileInfo: { display: string; justifyContent: string; alignItems: string; flex: number; }; fileInfoDescription: { color: string; _disabled: { color: string; }; textStyle: string; }; fileErrorMessage: { textColor: string; _disabled: { color: string; }; textStyle: string; }; fileInfoImage: { borderRight: string; borderColor: string; bg: string; }; fileErrorIcon: { height: string; weight: string; color: string; }; } | undefined; sizes?: { md: ({ imagePreview }: import("@chakra-ui/styled-system").StyleFunctionProps) => { icon: { fontSize: string; }; dropzone: { px: string; py: string; textStyle: string; }; fileInfoContainer: { maxHeight: string | undefined; flexDir: string; }; fileInfo: { py: string; px: string; }; fileInfoImage: { p: string; maxW: string; objectFit: string; }; }; } | undefined; variants?: { outline: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { dropzone: { color: string; display: string; flexDir: string; alignItems: string; justifyContent: string; cursor: string; border: string; borderRadius: string; outline: string; _invalid: { borderColor: any; boxShadow: string; }; _focus: { borderStyle: string; zIndex?: number | undefined; borderColor?: any; boxShadow?: string | undefined; }; _disabled: { bg?: string | undefined; borderColor?: string | undefined; color?: string | undefined; cursor?: string | undefined; opacity?: number | undefined; _hover?: { bg: string; } | undefined; _active?: { bg: string; } | undefined; }; borderColor: string; bg: string; _active: { bg: string; }; _hover: { bg: string; }; }; }; } | undefined; defaultProps?: { size?: "md" | undefined; variant?: "outline" | undefined; colorScheme?: string | undefined; } | undefined; parts: ("container" | "icon" | "fileInfoContainer" | "fileInfo" | "fileInfoTitle" | "fileInfoDescription" | "fileErrorMessage" | "fileInfoImage" | "dropzone" | "fileInfoIcon" | "fileErrorIcon")[]; }; Accordion: { baseStyle: Partial>; variants: { medium: import("@chakra-ui/styled-system").PartsStyleFunction>; }; defaultProps: { colorScheme: string; }; }; Avatar: { baseStyle?: { badge: { bg: string; border: string; transform: string; }; } | undefined; sizes?: { '2xs': ({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => { container: { width: string; height: string; textStyle: string; fontSize: any; }; label: any; excessLabel: any; badge: import("@chakra-ui/styled-system").SystemStyleObject; }; xs: ({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => { container: { width: string; height: string; textStyle: string; fontSize: any; }; label: any; excessLabel: any; badge: import("@chakra-ui/styled-system").SystemStyleObject; }; sm: ({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => { container: { width: string; height: string; textStyle: string; fontSize: any; }; label: any; excessLabel: any; badge: import("@chakra-ui/styled-system").SystemStyleObject; }; md: ({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => { container: { width: string; height: string; textStyle: string; fontSize: any; }; label: any; excessLabel: any; badge: import("@chakra-ui/styled-system").SystemStyleObject; }; lg: { badge: import("@chakra-ui/styled-system").SystemStyleObject; }; xl: { badge: import("@chakra-ui/styled-system").SystemStyleObject; }; } | undefined; variants?: { subtle: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { container: { bg: string; color: string; }; }; solid: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { container: { bg: string; color: string; }; }; } | undefined; defaultProps?: { size?: "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | undefined; variant?: "solid" | "subtle" | undefined; colorScheme?: string | undefined; } | undefined; parts: ("container" | "label" | "group" | "badge" | "excessLabel")[]; }; AvatarMenu: { baseStyle?: (({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => { button: { px: string; bg: string; color: string; _hover: { bg: string; }; _active: { bg: string; }; _focusVisible: { outline: string; }; }; avatar: { transitionProperty: string; transitionDuration: string; _groupFocus: any; _groupActive: any; }; }) | undefined; sizes?: { md: { list: { mt: string; }; }; } | undefined; variants?: { subtle: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { avatar: { _groupActive: { bg: string; }; _groupHover: { bg: string; }; }; }; solid: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { avatar: { _groupActive: { bg: string; }; _groupHover: { bg: string; }; }; }; } | undefined; defaultProps?: { size?: "md" | undefined; variant?: "solid" | "subtle" | undefined; colorScheme?: string | undefined; } | undefined; parts: ("button" | "list" | "avatar")[]; }; Badge: { baseStyle: { textTransform: string; width: string; display: string; py: string; px: string; borderRadius: string; alignItems: string; }; variants: { solid: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { bg: any; color: any; }; subtle: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { bgColor: any; color: any; }; clear: ({ theme, colorScheme: c }: import("@chakra-ui/styled-system").StyleFunctionProps) => any; }; sizes: { xs: ({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => any; sm: ({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => any; }; defaultProps: { variant: string; size: string; colorScheme: string; }; }; Banner: { baseStyle?: { item: { display: string; justifyContent: string; }; } | undefined; sizes?: { sm: { item: { py: string; px: string; textStyle: string; }; icon: { my: string; fontSize: string; mr: string; }; close: { my: string; ml: string; mr: string; fontSize: string; w: string; h: string; }; }; md: { item: { py: string; px: string; textStyle: string; }; icon: { fontSize: string; mr: string; }; close: { ml: string; mr: string; my: string; fontSize: string; w: string; h: string; }; }; } | undefined; variants?: { info: ({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => { banner: { color: string; bg: string; }; link: any; close: any; }; warn: ({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => { banner: { color: string; bg: string; }; link: any; close: any; }; error: ({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => { banner: { color: string; bg: string; }; link: any; close: any; }; } | undefined; defaultProps?: { size?: "sm" | "md" | undefined; variant?: "info" | "error" | "warn" | undefined; colorScheme?: string | undefined; } | undefined; parts: ("link" | "banner" | "icon" | "close" | "item")[]; }; Breadcrumb: { baseStyle?: ((props: import("@chakra-ui/styled-system").StyleFunctionProps) => { link: { [x: string]: string | { cursor: string; color: string; _hover: { [x: string]: string; }; outlineOffset: string; _focusVisible: any; }; transitionProperty: string; transitionDuration: string; transitionTimingFunction: string; outline: string; color: string; textDecoration: string; borderRadius: string; '&:not([aria-current=page])': { cursor: string; color: string; _hover: { [x: string]: string; }; outlineOffset: string; _focusVisible: any; }; }; separator: { color: string; }; }) | undefined; sizes?: { xs: ({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => { link: { textStyle: string; }; separator: any; }; sm: ({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => { link: { textStyle: string; }; separator: any; }; md: ({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => { link: { textStyle: string; }; separator: any; }; } | undefined; variants?: { [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{ keys: ("link" | "container" | "separator" | "item")[]; }>; } | undefined; defaultProps?: { size?: "sm" | "md" | "xs" | undefined; variant?: string | number | undefined; colorScheme?: string | undefined; } | undefined; parts: ("link" | "container" | "separator" | "item")[]; }; Button: { baseStyle?: (({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => any) | undefined; sizes?: { xs: ({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => any; sm: ({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => any; md: ({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => any; lg: ({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => any; } | undefined; variants?: { solid: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { bg: string; borderColor: string; color: string; px: string; _active: { bg: string; borderColor: string; }; _hover: { bg: string; borderColor: string; _disabled: { bg: string; borderColor: string; }; }; }; reverse: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { bg: string; borderColor: string; color: string; px: string; _disabled: { bg: string; borderColor: string; }; _active: { bg: string; }; _hover: { bg: string; _disabled: { bg: string; }; }; }; outline: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { bg: string; px: string; borderColor: string; color: string; _disabled: { borderColor: string; bg: string; }; _active: { bg: string; borderColor: string; }; _hover: { bg: string; borderColor: string; _disabled: { borderColor: string; bg: string; }; }; }; clear: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { bg: string; px: string; borderColor: string; color: string; _disabled: { borderColor: string; bg: string; }; _active: { bg: string; borderColor: string; }; _hover: { bg: string; borderColor: string; _disabled: { borderColor: string; bg: string; }; }; }; link: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { outlineOffset: number; height: string; width: string; position: string; textUnderlineOffset: string; color: string; _dark: { color: string; _hover: { color: string; }; }; borderRadius: string; _hover: { color: string; _disabled: { color: string; }; }; _disabled: { color: string; cursor: string; }; _focusVisible: any; } & ((props: import("@chakra-ui/styled-system").StyleFunctionProps) => { p: string; _hover: { textDecorationLine: string; }; textStyle: string | undefined; }) & { border: string; minHeight: string; fontWeight: string; w: string; _disabled: { bg: string; }; }; inputAttached: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { bg: string; color: string; borderColor: string; borderStartRadius: number; borderEndRadius: string; _hover: { bg: string; _disabled: { bg: string; }; }; outlineOffset: number; _active: { color: string; _disabled: { color: string; }; }; _invalid: { borderColor: any; }; _focus: { zIndex: number; borderColor: any; boxShadow: string; }; _focusVisible: { boxShadow: string; outline: string; }; _disabled: { bg: string; borderColor: string; color: string; }; }; } | undefined; defaultProps?: { size?: "sm" | "md" | "lg" | "xs" | undefined; variant?: "link" | "clear" | "outline" | "solid" | "reverse" | "inputAttached" | undefined; colorScheme?: string | undefined; } | undefined; }; Calendar: { baseStyle?: ((props: import("@chakra-ui/styled-system").StyleFunctionProps) => { container: { display: string; }; monthYearSelectorContainer: { display: string; justifyContent: string; alignItems: string; }; monthYearSelect: { borderColor: string; cursor: string; _hover: { borderColor: string; }; _focusVisible: any; borderRadius: string; color: string; height: string; py: string; }; monthYearDisplay: { borderRadius: string; color: string; height: string; py: string; }; monthYearDropdownContainer: { display: string; justifyContent: string; }; monthArrowContainer: { display: string; justifyContent: string; }; calendarContainer: { display: { base: "block"; md: "flex"; }; }; monthGrid: { w: string; justifyItems: string; }; dayNamesContainer: { color: string; }; dayOfMonthContainer: { justifyContent: string; _focusWithin: { zIndex: number; }; }; dayOfMonth: { display: string; borderRadius: string; color: string; outline: string; border: string; borderColor: string | undefined; _hover: { bg: string; }; _active: { bg: string; color: string; }; _selected: { bg: string; }; _focus: any; _disabled: { _hover: { bg: string; }; color: string; cursor: string; bg: string; textDecor: string; borderColor: string; }; }; todayLinkContainer: { textAlign: string; px: string; }; }) | undefined; sizes?: { xs: ({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => { dayOfMonth: { textStyle: string; p: string; aspectRatio: string; w: string; minW: string; }; fillerRow: { height: string; }; dayNamesContainer: { textStyle: string; color: string; w: string; minW: string; h: string; }; monthYearSelectorContainer: { h: string; }; monthYearSelect: any; monthYearDisplay: any; calendarContainer: { pb: string; px: string; mb: string; }; todayLinkContainer: { py: string; }; todayLink: any; }; sm: ({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => { dayOfMonth: { textStyle: string; p: string; aspectRatio: string; w: string; minW: string; }; fillerRow: { height: string; }; dayNamesContainer: { textStyle: string; color: string; w: string; minW: string; h: string; }; monthYearSelectorContainer: { h: string; }; monthYearSelect: any; monthYearDisplay: any; calendarContainer: { pb: string; px: string; mb: string; }; todayLinkContainer: { py: string; }; todayLink: any; }; md: ({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => { dayOfMonth: { textStyle: string; p: string; aspectRatio: string; w: string; minW: string; maxW: string; }; monthYearSelectorContainer: { pt: string; h: string; }; monthYearSelect: any; monthYearDisplay: any; calendarContainer: { pb: string; px: string; mb: string; }; dayNamesContainer: { textStyle: string; w: string; h: string; }; todayLinkContainer: { py: string; }; todayLink: any; fillerRow: { height: string; }; }; } | undefined; variants?: { [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{ keys: ("container" | "monthYearDisplay" | "monthYearSelect" | "monthYearSelectorContainer" | "monthArrowContainer" | "dayOfMonthContainer" | "dayOfMonth" | "fillerRow" | "calendarContainer" | "monthGrid" | "dayNamesContainer" | "todayLinkContainer" | "todayLink" | "monthYearDropdownContainer")[]; }>; } | undefined; defaultProps?: { size?: "sm" | "md" | "xs" | undefined; variant?: string | number | undefined; colorScheme?: string | undefined; } | undefined; parts: ("container" | "monthYearDisplay" | "monthYearSelect" | "monthYearSelectorContainer" | "monthArrowContainer" | "dayOfMonthContainer" | "dayOfMonth" | "fillerRow" | "calendarContainer" | "monthGrid" | "dayNamesContainer" | "todayLinkContainer" | "todayLink" | "monthYearDropdownContainer")[]; }; Checkbox: { baseStyle?: ((props: import("@chakra-ui/styled-system").StyleFunctionProps) => { control: { bg: string; borderRadius: string; border: string; borderColor: string; _checked: { bg: string; borderColor: string; }; _indeterminate: { bg: string; borderColor: string; }; alignSelf: string; _focus: { boxShadow: string; }; _disabled: { borderColor: string; bg: string; _checked: { borderColor: string; bg: string; }; }; }; container: { w: string; _hover: { bg: string; _disabled: { bg: string; }; }; _focusWithin: any; }; label: { _disabled: { color: string; opacity: number; }; color: string; _groupHover: { color: string; _disabled: { color: string; }; }; }; icon: { color: string; _groupDisabled: { color: string; }; }; othersContainer: { display: string; flexDirection: string; cursor: string; _hover: { bg: string; _disabled: { bg: string; }; }; _focusWithin: any; }; othersCheckbox: { cursor: string; display: string; alignItems: string; _focusWithin: { boxShadow: string; }; _hover: { bg: string; }; w: string; }; othersInput: { addon: { borderRadius: string; }; field: { borderRadius: string; bg: string; border: string; borderColor: string; _placeholder: { color: string; }; _hover: { borderColor: string; }; _invalid: { borderColor: any; boxShadow: string; }; _focusVisible: { zIndex: number; borderColor: any; boxShadow: string; }; _disabled: { bg: string; borderColor: string; color: string; cursor: string; opacity: number; _hover: { bg: string; }; _active: { bg: string; }; }; }; success: { pointerEvents: string; color: string; }; } | undefined; }) | undefined; sizes?: { xs: { control: { w: string; h: string; mt: string; }; icon: { fontSize: string; }; label: { ml: string; textStyle: string; }; container: { px: string; py: string; }; othersContainer: { px: string; py: string; }; othersInput: { ml: string; mt: string; w: string; }; }; sm: { control: { w: string; h: string; }; icon: { fontSize: string; }; label: { textStyle: string; ml: string; }; container: { px: string; py: string; }; othersContainer: { px: string; py: string; }; othersInput: { ml: string; mt: string; w: string; }; }; md: { control: { w: string; h: string; }; icon: { fontSize: string; }; label: { textStyle: string; ml: string; }; container: { px: string; py: string; }; othersContainer: { px: string; py: string; }; othersInput: { ml: string; mt: string; w: string; }; }; } | undefined; variants?: { [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{ keys: ("container" | "label" | "icon" | "othersCheckbox" | "othersInput" | "othersContainer" | "control")[]; }>; } | undefined; defaultProps?: { size?: "sm" | "md" | "xs" | undefined; variant?: string | number | undefined; colorScheme?: string | undefined; } | undefined; parts: ("container" | "label" | "icon" | "othersCheckbox" | "othersInput" | "othersContainer" | "control")[]; }; CloseButton: { baseStyle?: (({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => { p: number; _focusVisible: any; w: string[]; h: string[]; }) | undefined; sizes?: { lg: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { [x: string]: any; }; md: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { [x: string]: any; }; sm: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { [x: string]: any; }; xs: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { [x: string]: any; }; } | undefined; variants?: { clear: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { px: string; bg?: string | undefined; borderColor?: string | undefined; color?: string | undefined; _disabled?: { borderColor: string; bg: string; } | undefined; _active?: { bg: string; borderColor: string; } | undefined; _hover?: { bg: string; borderColor: string; _disabled: { borderColor: string; bg: string; }; } | undefined; }; } | undefined; defaultProps?: { size?: "sm" | "md" | "lg" | "xs" | undefined; variant?: "clear" | undefined; colorScheme?: string | undefined; } | undefined; }; DatePicker: { baseStyle?: ((props: import("@chakra-ui/styled-system").StyleFunctionProps) => { container: { bg: string; }; field: Pick<{ borderRadius: string; bg: string; border: string; borderColor: string; _placeholder: { color: string; }; _hover: { borderColor: string; }; _invalid: { borderColor: any; boxShadow: string; }; _focusVisible: { zIndex: number; borderColor: any; boxShadow: string; }; _disabled: { bg: string; borderColor: string; color: string; cursor: string; opacity: number; _hover: { bg: string; }; _active: { bg: string; }; }; }, "_hover" | "_focusVisible" | "_disabled" | "_invalid" | "_placeholder" | "border" | "borderColor" | "bg">; calendarButton: { _active: { zIndex: string; borderColor: string; bg: string; boxShadow: string; _disabled: { bg: string; }; }; }; header: any; inputButton: { color: string; _groupDisabled: { color: string; }; }; }) | undefined; sizes?: { xs: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { field: { textStyle: string; fontSize: any; px: string; h: string; height: string; } | undefined; inputButton: { fontSize: string; }; }; sm: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { field: { textStyle: string; fontSize: any; px: string; h: string; height: string; } | undefined; inputButton: { fontSize: string; }; }; md: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { field: { px: string; h: string; height: string; textStyle: string; fontSize: any; } | undefined; inputButton: { fontSize: string; }; }; } | undefined; variants?: { [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{ keys: ("container" | "header" | "field" | "calendarButton" | "inputButton")[]; }>; } | undefined; defaultProps?: { size?: "sm" | "md" | "xs" | undefined; variant?: string | number | undefined; colorScheme?: string | undefined; } | undefined; parts: ("container" | "header" | "field" | "calendarButton" | "inputButton")[]; }; DateRangePicker: { baseStyle?: ((props: import("@chakra-ui/styled-system").StyleFunctionProps) => Pick<{ container: { bg: string; }; field: Pick<{ borderRadius: string; bg: string; border: string; borderColor: string; _placeholder: { color: string; }; _hover: { borderColor: string; }; _invalid: { borderColor: any; boxShadow: string; }; _focusVisible: { zIndex: number; borderColor: any; boxShadow: string; }; _disabled: { bg: string; borderColor: string; color: string; cursor: string; opacity: number; _hover: { bg: string; }; _active: { bg: string; }; }; }, "_hover" | "_focusVisible" | "_disabled" | "_invalid" | "_placeholder" | "border" | "borderColor" | "bg">; calendarButton: { _active: { zIndex: string; borderColor: string; bg: string; boxShadow: string; _disabled: { bg: string; }; }; }; header: any; inputButton: { color: string; _groupDisabled: { color: string; }; }; }, "container" | "header" | "calendarButton" | "inputButton">) | undefined; sizes?: { xs: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { fieldwrapper: { textStyle: string; fontSize: any; px: string; h: string; height: string; } | undefined; inputButton: { fontSize: string; } | undefined; }; sm: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { fieldwrapper: { textStyle: string; fontSize: any; px: string; h: string; height: string; } | undefined; inputButton: { fontSize: string; } | undefined; }; md: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { fieldwrapper: { px: string; h: string; height: string; textStyle: string; fontSize: any; } | undefined; inputButton: { fontSize: string; } | undefined; }; } | undefined; variants?: { outline: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { fieldwrapper: { cursor: string; flex: number; zIndex: number; px: string; borderEndRadius: string; marginInlineEnd: string; transitionProperty: string; transitionDuration: string; _focusWithin: { zIndex: number; borderColor: any; boxShadow: string; } | undefined; borderRadius?: string | undefined; bg?: string | undefined; border?: string | undefined; borderColor?: string | undefined; _placeholder?: { color: string; } | undefined; _hover?: { borderColor: string; } | undefined; _invalid?: { borderColor: any; boxShadow: string; } | undefined; _focusVisible?: { zIndex: number; borderColor: any; boxShadow: string; } | undefined; _disabled?: { bg: string; borderColor: string; color: string; cursor: string; opacity: number; _hover: { bg: string; }; _active: { bg: string; }; } | undefined; }; field: { _disabled: { cursor: string; }; transitionProperty: string; transitionDuration: string; display: string; flex: number; }; }; } | undefined; defaultProps?: { size?: "sm" | "md" | "xs" | undefined; variant?: "outline" | undefined; colorScheme?: string | undefined; } | undefined; parts: ("container" | "header" | "field" | "calendarButton" | "inputButton" | "fieldwrapper")[]; }; Divider: { baseStyle?: { opacity: number; borderStyle: string; _dark: { borderColor: string; }; } | undefined; sizes?: { [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation; } | undefined; variants?: { light: { borderColor: string; _dark: { borderColor: string; }; borderWidth: string; }; medium: { borderColor: string; _dark: { borderColor: string; }; borderWidth: string; }; thick: { borderColor: string; _dark: { borderColor: string; }; borderWidth: string; }; brand: { borderColor: string; _dark: { borderColor: string; }; borderWidth: string; }; inverse: { borderColor: string; borderWidth: string; }; } | undefined; defaultProps?: { size?: string | number | undefined; variant?: "medium" | "thick" | "light" | "inverse" | "brand" | undefined; colorScheme?: string | undefined; } | undefined; }; Drawer: { baseStyle?: ((props: import("@chakra-ui/styled-system").StyleFunctionProps) => { overlay: { bg: string; } | undefined; }) | undefined; sizes?: { [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{ keys: ("overlay" | "body" | "dialog" | "footer" | "header" | "closeButton" | "dialogContainer")[]; }>; } | undefined; variants?: { [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{ keys: ("overlay" | "body" | "dialog" | "footer" | "header" | "closeButton" | "dialogContainer")[]; }>; } | undefined; defaultProps?: { size?: string | number | undefined; variant?: string | number | undefined; colorScheme?: string | undefined; } | undefined; parts: ("overlay" | "body" | "dialog" | "footer" | "header" | "closeButton" | "dialogContainer")[]; }; Footer: { baseStyle?: { link: { m: string; textStyle: string; width: string; }; } | undefined; sizes?: { [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{ keys: ("link" | "container" | "section" | "brandContainer")[]; }>; } | undefined; variants?: { full: { container: { display: string; flexDirection: string; bg: string; _dark: { bg: string; }; py: string; px: { base: "1.5rem"; md: "5.5rem"; lg: "9.25rem"; }; }; section: { display: string; alignItems: { base: "normal"; lg: "center"; }; flex: number; justifyContent: string; flexDirection: { base: "column"; lg: "row"; }; }; brandContainer: { display: string; flex: number; gap: { base: number; lg: string; }; paddingBottom: { base: "1.5rem"; lg: number; }; paddingEnd: { base: number; lg: "1.5rem"; }; }; }; compact: { container: { px: string; display: string; alignItems: string; width: string; justifyContent: string; flexDirection: string; }; brandContainer: { height: string; alignItems: string; gap: string; }; }; } | undefined; defaultProps?: { size?: string | number | undefined; variant?: "compact" | "full" | undefined; colorScheme?: string | undefined; } | undefined; parts: ("link" | "container" | "section" | "brandContainer")[]; }; Form: { baseStyle?: ((props: import("@chakra-ui/styled-system").StyleFunctionProps) => { requiredIndicator: { [x: string]: string; marginStart: string; color: string; }; helperText: any; optionalIndicator: any; icon: { marginEnd: string; fontSize: string; height: string; verticalAlign: string; }; }) | undefined; sizes?: { [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{ keys: ("container" | "icon" | "helperText" | "requiredIndicator" | "optionalIndicator")[]; }>; } | undefined; variants?: { success: { helperText: { [x: string]: string; color: string; }; }; } | undefined; defaultProps?: { size?: string | number | undefined; variant?: "success" | undefined; colorScheme?: string | undefined; } | undefined; parts: ("container" | "icon" | "helperText" | "requiredIndicator" | "optionalIndicator")[]; }; FormError: { baseStyle?: { text: { color: string; my: string; textStyle: string; lineHeight: string; }; icon: { marginEnd: string; color: string; fontSize: string; h: string; }; } | undefined; sizes?: { [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{ keys: ("text" | "icon")[]; }>; } | undefined; variants?: { [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{ keys: ("text" | "icon")[]; }>; } | undefined; defaultProps?: { size?: string | number | undefined; variant?: string | number | undefined; colorScheme?: string | undefined; } | undefined; parts: ("text" | "icon")[]; }; FormLabel: { baseStyle?: { marginBottom: string; color: string; } | undefined; sizes?: { sm: ({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => any; md: ({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => any; } | undefined; variants?: { [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation; } | undefined; defaultProps?: { size?: "sm" | "md" | undefined; variant?: string | number | undefined; colorScheme?: string | undefined; } | undefined; }; Infobox: { baseStyle?: { messagebox: { display: string; justifyContent: string; color: string; }; } | undefined; sizes?: { sm: { messagebox: { p: string; textStyle: string; }; icon: { my: string; fontSize: string; mr: string; }; }; md: { messagebox: { padding: string; textStyle: string; }; icon: { fontSize: string; mr: string; }; }; } | undefined; variants?: { info: { messagebox: { bg: string; }; icon: { color: string; }; }; warning: { messagebox: { bg: string; }; icon: { color: string; }; }; error: { messagebox: { bg: string; }; icon: { color: string; }; }; success: { messagebox: { bg: string; }; icon: { color: string; }; }; } | undefined; defaultProps?: { size?: "sm" | "md" | undefined; variant?: "success" | "warning" | "info" | "error" | undefined; colorScheme?: string | undefined; } | undefined; parts: ("icon" | "messagebox")[]; }; Input: { baseStyle?: import("@chakra-ui/styled-system").PartsStyleInterpolation<{ keys: ("group" | "element" | "success" | "field" | "addon")[]; }> | undefined; sizes?: { xs: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { field: { textStyle: string; fontSize: any; px: string; h: string; height: string; }; addon: { textStyle: string; fontSize: any; px: string; h: string; height: string; }; element: { textStyle: string; fontSize: any; px: string; h: string; height: string; }; success: { fontSize: string; textStyle: string; px: string; h: string; height: string; }; }; sm: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { field: { textStyle: string; fontSize: any; px: string; h: string; height: string; }; addon: { textStyle: string; fontSize: any; px: string; h: string; height: string; }; element: { textStyle: string; fontSize: any; px: string; h: string; height: string; }; success: { fontSize: string; textStyle: string; px: string; h: string; height: string; }; }; md: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { field: { px: string; h: string; height: string; textStyle: string; fontSize: any; }; addon: { px: string; h: string; height: string; textStyle: string; fontSize: any; }; element: { px: string; h: string; height: string; textStyle: string; fontSize: any; }; success: { fontSize: string; px: string; h: string; height: string; textStyle: string; }; }; } | undefined; variants?: { outline: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { addon: { borderRadius: string; }; field: { borderRadius: string; bg: string; border: string; borderColor: string; _placeholder: { color: string; }; _hover: { borderColor: string; }; _invalid: { borderColor: any; boxShadow: string; }; _focusVisible: { zIndex: number; borderColor: any; boxShadow: string; }; _disabled: { bg: string; borderColor: string; color: string; cursor: string; opacity: number; _hover: { bg: string; }; _active: { bg: string; }; }; }; success: { pointerEvents: string; color: string; }; }; } | undefined; defaultProps?: { size?: "sm" | "md" | "xs" | undefined; variant?: "outline" | undefined; colorScheme?: string | undefined; } | undefined; parts: ("group" | "element" | "success" | "field" | "addon")[]; }; Link: { baseStyle?: ((props: import("@chakra-ui/styled-system").StyleFunctionProps) => { outlineOffset: number; height: string; width: string; position: string; textUnderlineOffset: string; color: string; _dark: { color: string; _hover: { color: string; }; }; borderRadius: string; _hover: { color: string; _disabled: { color: string; }; }; _disabled: { color: string; cursor: string; }; _focusVisible: any; }) | undefined; sizes?: { [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation; } | undefined; variants?: { inline: { textDecorationLine: string; }; standalone: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { p: string; _hover: { textDecorationLine: string; }; textStyle: string | undefined; }; } | undefined; defaultProps?: { size?: string | number | undefined; variant?: "inline" | "standalone" | undefined; colorScheme?: string | undefined; } | undefined; }; Menu: { baseStyle?: ((props: import("@chakra-ui/styled-system").StyleFunctionProps) => { button: { textAlign: string; justifyContent: string; }; list: { [x: string]: string | number; mt: string; border: string; borderRadius: number; minWidth: string; boxShadow: string; }; item: { [x: string]: string | { color: string; opacity: number; cursor: string; } | { [x: string]: string; _active?: undefined; boxShadow?: undefined; } | { _hover: { [x: string]: string; }; _active: { [x: string]: string; }; color: string; opacity: number; cursor: string; boxShadow?: undefined; } | { [x: string]: string | { [x: string]: string; }; _active: { [x: string]: string; }; boxShadow?: undefined; } | { boxShadow: string; _active: { [x: string]: string; }; }; bg: string; textStyle: string; fontWeight: string; color: string; _hover: { [x: string]: string; }; _disabled: { color: string; opacity: number; cursor: string; }; '&[aria-disabled=true], &[data-disabled]': { _hover: { [x: string]: string; }; _active: { [x: string]: string; }; color: string; opacity: number; cursor: string; }; _focus: { [x: string]: string | { [x: string]: string; }; _active: { [x: string]: string; }; }; _focusVisible: { boxShadow: string; _active: { [x: string]: string; }; }; _active: { [x: string]: string; }; }; divider: { borderColor: string; opacity: number; my: number; }; }) | undefined; sizes?: { sm: { chevron: { fontSize: string; }; item: { textStyle: string; padding: string; }; }; md: { chevron: { fontSize: string; }; item: { textStyle: string; padding: string; }; }; } | undefined; variants?: { clear: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { button: { bg: string; color: string; _hover: { color: string; }; _active: { color: string; }; }; }; outline: {}; } | undefined; defaultProps?: { size?: "sm" | "md" | undefined; variant?: "clear" | "outline" | undefined; colorScheme?: string | undefined; } | undefined; parts: ("button" | "list" | "icon" | "divider" | "chevron" | "item" | "groupTitle" | "command")[]; }; Modal: { baseStyle?: ((props: import("@chakra-ui/styled-system").StyleFunctionProps) => { overlay: { bg: string; }; dialog: { borderRadius: string; my: string; maxH: string | undefined; boxShadow: string; bg: string; }; }) | undefined; sizes?: { mobile: ({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => { header: any; body: { flex: string; }; dialog: import("@chakra-ui/styled-system").CSSWithMultiValues; closeButton: { top: string; insetEnd: string; }; }; md: ({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => { dialog: { maxW: string; }; header: any; closeButton: { top: string; insetEnd: string; }; body: { py: number; px: string; }; footer: { pt: string; pb: string; px: string; }; }; full: ({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => { overlay: { bg: string; }; dialog: import("@chakra-ui/styled-system").CSSWithMultiValues; header: any; closeButton: { top: string; insetEnd: string; }; }; } | undefined; variants?: { [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{ keys: ("overlay" | "body" | "dialog" | "footer" | "header" | "closeButton" | "dialogContainer")[]; }>; } | undefined; defaultProps?: { size?: "md" | "full" | "mobile" | undefined; variant?: string | number | undefined; colorScheme?: string | undefined; } | undefined; parts: ("overlay" | "body" | "dialog" | "footer" | "header" | "closeButton" | "dialogContainer")[]; }; MultiSelect: { baseStyle?: ((props: import("@chakra-ui/styled-system").StyleFunctionProps) => { chevron: { display: string; }; itemContainer: { display: string; flexWrap: string; flexGrow: number; gap: string; }; fieldwrapper: { display: string; justifyContent: string; flexWrap: string; cursor: string; _disabled: { cursor: string; }; transitionProperty: string; transitionDuration: string; }; icon: { display: string; h: string; height: string; }; checkContainer: { flexShrink: number; display: string; alignItems: string; justifyContent: string; verticalAlign: string; borderColor: string; bg: string; }; tagIcon: { display: string; h: string; height: string; }; field: { cursor?: string | undefined; _disabled: { cursor: string; }; m?: number | undefined; minW: string | number; minH?: number | undefined; h?: number | undefined; height?: number | undefined; w?: number | undefined; opacity?: number | undefined; flexGrow: number; width: number; bg: string; px: string; alignSelf: string; _focusVisible: { outline: string; }; }; item?: ({ [x: string]: string | { color: string; opacity: number; cursor: string; } | { [x: string]: string; _active?: undefined; boxShadow?: undefined; } | { _hover: { [x: string]: string; }; _active: { [x: string]: string; }; color: string; opacity: number; cursor: string; boxShadow?: undefined; } | { [x: string]: string | { [x: string]: string; }; _active: { [x: string]: string; }; boxShadow?: undefined; } | { boxShadow: string; _active: { [x: string]: string; }; }; bg: string; textStyle: string; fontWeight: string; color: string; _hover: { [x: string]: string; }; _disabled: { color: string; opacity: number; cursor: string; }; '&[aria-disabled=true], &[data-disabled]': { _hover: { [x: string]: string; }; _active: { [x: string]: string; }; color: string; opacity: number; cursor: string; }; _focus: { [x: string]: string | { [x: string]: string; }; _active: { [x: string]: string; }; }; _focusVisible: { boxShadow: string; _active: { [x: string]: string; }; }; _active: { [x: string]: string; }; } & { _selected: { [x: string]: string | { [x: string]: string; }; _active: { [x: string]: string; }; } | undefined; }) | undefined; highlight?: { bg: string; } | undefined; selected?: { zIndex: number; gridArea: string; alignItems: string; pointerEvents: string; _disabled: { color: string; }; } | undefined; itemDescription?: { textStyle: string; color: string; } | undefined; emptyItem?: { fontStyle: string; cursor: string; _hover: { bg: string; }; _active: { bg: string; }; bg: string; textStyle: string; fontWeight: string; color: string; _disabled: { color: string; opacity: number; cursor: string; }; '&[aria-disabled=true], &[data-disabled]': { _hover: { [x: string]: string; }; _active: { [x: string]: string; }; color: string; opacity: number; cursor: string; }; _focus: { [x: string]: string | { [x: string]: string; }; _active: { [x: string]: string; }; }; _focusVisible: { boxShadow: string; _active: { [x: string]: string; }; }; _selected: { [x: string]: string | { [x: string]: string; }; _active: { [x: string]: string; }; } | undefined; } | undefined; list?: ({ [x: string]: string | number; mt: string; border: string; borderRadius: number; minWidth: string; boxShadow: string; } & { my: string; w: string; overflowY: string; maxH: string; bg: string; }) | undefined; }) | undefined; sizes?: { xs: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => any; sm: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => any; md: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => any; } | undefined; variants?: { outline: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { fieldwrapper: { zIndex?: number | undefined; borderColor?: any; boxShadow?: string | undefined; _focusWithin: { zIndex: number; borderColor: any; boxShadow: string; } | undefined; borderRadius: string; bg?: string | undefined; border?: string | undefined; _placeholder?: { color: string; } | undefined; _hover?: { borderColor: string; } | undefined; _invalid?: { borderColor: any; boxShadow: string; } | undefined; _focusVisible?: { zIndex: number; borderColor: any; boxShadow: string; } | undefined; _disabled?: { bg: string; borderColor: string; color: string; cursor: string; opacity: number; _hover: { bg: string; }; _active: { bg: string; }; } | undefined; }; list?: { py: number; } | undefined; item?: { cursor: string; } | undefined; field?: ({ borderRadius: string; bg: string; border: string; borderColor: string; _placeholder: { color: string; }; _hover: { borderColor: string; }; _invalid: { borderColor: any; boxShadow: string; }; _focusVisible: { zIndex: number; borderColor: any; boxShadow: string; }; _disabled: { bg: string; borderColor: string; color: string; cursor: string; opacity: number; _hover: { bg: string; }; _active: { bg: string; }; }; } & { borderRightRadius: number | undefined; gridArea: string; }) | undefined; }; } | undefined; defaultProps?: { size?: "sm" | "md" | "xs" | undefined; variant?: "outline" | undefined; colorScheme?: string | undefined; } | undefined; parts: ("list" | "icon" | "chevron" | "item" | "field" | "fieldwrapper" | "highlight" | "itemDescription" | "emptyItem" | "checkContainer" | "tag" | "tagIcon" | "itemContainer")[]; }; NumberInput: { baseStyle?: { root: { position: string; zIndex: number; }; stepperWrapper: { zIndex: number; display: string; alignItems: string; pos: string; right: number; top: number; border: string; }; stepperButton: { color: string; borderRadius: number; minH: string; _disabled: { cursor: string; }; _last: { borderRightRadius: string; }; }; } | undefined; sizes?: { xs: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { stepper: { fontSize: string; }; stepperWrapper: { h: string | undefined; }; field: { textStyle: string; fontSize: any; px: string; h: string; height: string; } | undefined; stepperDivider: { h: string; }; }; sm: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { stepper: { fontSize: string; }; stepperWrapper: { h: string | undefined; }; field: { textStyle: string; fontSize: any; px: string; h: string; height: string; } | undefined; stepperDivider: { h: string; }; }; md: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { stepper: { fontSize: string; }; stepperWrapper: { h: string | undefined; }; field: { px: string; h: string; height: string; textStyle: string; fontSize: any; } | undefined; stepperDivider: { h: string; }; }; } | undefined; variants?: { outline: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { field: { borderRadius: string; bg: string; border: string; borderColor: string; _placeholder: { color: string; }; _hover: { borderColor: string; }; _invalid: { borderColor: any; boxShadow: string; }; _focusVisible: { zIndex: number; borderColor: any; boxShadow: string; }; _disabled: { bg: string; borderColor: string; color: string; cursor: string; opacity: number; _hover: { bg: string; }; _active: { bg: string; }; }; } | undefined; }; } | undefined; defaultProps?: { size?: "sm" | "md" | "xs" | undefined; variant?: "outline" | undefined; colorScheme?: string | undefined; } | undefined; parts: ("field" | "root" | "stepperWrapper" | "stepperButton" | "stepperDivider" | "stepper")[]; }; Pagination: { baseStyle?: { container: { display: string; justifyContent: string; }; stepper: { h: string; border: string; borderRadius: string; cursor: string; alignSelf: string; color: string; bg: string; _activeLink: { bg: string; color: string; _hover: { bg: string; }; _disabled: { bg: string; color: string; }; }; _active: { bg: string; }; _hover: { bg: string; }; _focusVisible: { boxShadow: string; }; _disabled: { cursor: string; color: string; _hover: { bg: string; }; }; }; button: { h: string; border: string; borderRadius: string; cursor: string; alignSelf: string; color: string; bg: string; _activeLink: { bg: string; color: string; _hover: { bg: string; }; _disabled: { bg: string; color: string; }; }; _active: { bg: string; }; _hover: { bg: string; }; _focusVisible: { boxShadow: string; }; _disabled: { cursor: string; color: string; _hover: { bg: string; }; }; }; } | undefined; sizes?: { md: ({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => { container: { textStyle: string; }; stepper: { px: string; py: string; minH: string; minW: string; fontSize: string; pl: number; pr: number; _first: { mr: string; }; _last: { ml: string; }; }; separator: { textStyle: string; minW: string; }; button: any; text: { textStyle: string; p: string; }; }; } | undefined; variants?: { full: { separator: { display: string; justifyContent: string; alignItems: string; _disabled: { color: string; }; }; }; minimal: { text: { alignSelf: string; color: string; _disabled: { color: string; }; }; }; } | undefined; defaultProps?: { size?: "md" | undefined; variant?: "full" | "minimal" | undefined; colorScheme?: string | undefined; } | undefined; parts: ("container" | "button" | "text" | "separator" | "stepper")[]; }; PhoneNumberInput: { baseStyle?: import("@chakra-ui/styled-system").PartsStyleInterpolation<{ keys: ("icon" | "country" | "field" | "selector")[]; }> | undefined; sizes?: { xs: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { country: { px: string; textStyle?: string | undefined; fontSize?: any; h?: string | undefined; height?: string | undefined; }; icon: { fontSize: string; }; }; sm: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { country: { px: string; textStyle?: string | undefined; fontSize?: any; h?: string | undefined; height?: string | undefined; }; icon: { fontSize: string; }; }; md: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { country: { px: string; h?: string | undefined; height?: string | undefined; textStyle?: string | undefined; fontSize?: any; }; icon: { fontSize: string; }; }; } | undefined; variants?: { outline: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { field: { borderLeftRadius: number; borderRadius?: string | undefined; bg?: string | undefined; border?: string | undefined; borderColor?: string | undefined; _placeholder?: { color: string; } | undefined; _hover?: { borderColor: string; } | undefined; _invalid?: { borderColor: any; boxShadow: string; } | undefined; _focusVisible?: { zIndex: number; borderColor: any; boxShadow: string; } | undefined; _disabled?: { bg: string; borderColor: string; color: string; cursor: string; opacity: number; _hover: { bg: string; }; _active: { bg: string; }; } | undefined; }; country: { transitionProperty: string; transitionDuration: string; bg: string; border: string; borderColor: string; _disabled: { cursor: string; bg?: string | undefined; borderColor?: string | undefined; color?: string | undefined; opacity?: number | undefined; _hover?: { bg: string; } | undefined; _active?: { bg: string; } | undefined; }; _active: { borderColor: any; boxShadow: string; bg: string; _disabled: { boxShadow: string; borderColor: string | undefined; }; }; _focusWithin: { zIndex: number; borderColor: any; boxShadow: string; }; _hover: { bg: string; }; pos: string; }; selector: { cursor: string; opacity: number; pos: string; w: string; h: string; left: number; top: number; _disabled: { cursor: string; }; }; icon: { mr: string; w: string; _disabled: { opacity: number; }; }; }; } | undefined; defaultProps?: { size?: "sm" | "md" | "xs" | undefined; variant?: "outline" | undefined; colorScheme?: string | undefined; } | undefined; parts: ("icon" | "country" | "field" | "selector")[]; }; Progress: { baseStyle: import("@chakra-ui/styled-system").PartsStyleFunction>; parts: ("label" | "track" | "filledTrack")[]; sizes: Record>>; defaultProps: { size: string; colorScheme: string; }; }; Radio: { baseStyle?: ((props: import("@chakra-ui/styled-system").StyleFunctionProps) => { control: { bg: string; cursor: string; border: string; borderColor: string; alignSelf: string; _before: { content: string; transition: string; }; _focus: { boxShadow: string; }; _checked: { bg: string; borderColor: string; color: string; }; _invalid: { borderColor: string; }; _disabled: { cursor: string; borderColor: string; bg: string; _checked: { bg: string; borderColor: string; color: string; }; }; }; container: { w: string; color: string; _hover: { bg: string; _disabled: { bg: string; }; }; _focusWithin: any; }; label: { _disabled: { color: string; opacity: number; }; textStyle: string; color: string; }; othersContainer: { _hover: { bg: string; _disabled: { bg: string; }; }; _focusWithin: any; }; othersRadio: { _focusWithin: { boxShadow: string; }; _hover: { bg: string; }; p: number; }; }) | undefined; sizes?: { xs: { control: { w: string; h: string; mt: string; _before: { w: string; h: string; transform: string; }; _checked: { _before: { w: string; h: string; transform: string; }; }; }; label: { ml: string; textStyle: string; }; container: { px: string; py: string; }; othersContainer: { px: string; py: string; }; othersInput: { ml: string; mt: string; w: string; }; }; sm: { control: { width: string; height: string; _before: { w: string; h: string; transform: string; }; _checked: { _before: { w: string; h: string; transform: string; }; }; }; label: { textStyle: string; ml: string; }; container: { px: string; py: string; }; othersContainer: { px: string; py: string; }; othersInput: { ml: string; mt: string; w: string; }; }; md: { label: { ml: string; }; container: { px: string; py: string; }; othersContainer: { px: string; py: string; }; othersInput: { ml: string; mt: string; w: string; }; control: { w: string; h: string; _before: { w: string; h: string; transform: string; }; _checked: { _before: { w: string; h: string; transform: string; }; }; }; }; } | undefined; variants?: { [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{ keys: ("container" | "label" | "othersInput" | "othersContainer" | "control" | "othersRadio")[]; }>; } | undefined; defaultProps?: { size?: "sm" | "md" | "xs" | undefined; variant?: string | number | undefined; colorScheme?: string | undefined; } | undefined; parts: ("container" | "label" | "othersInput" | "othersContainer" | "control" | "othersRadio")[]; }; Searchbar: { baseStyle?: import("@chakra-ui/styled-system").PartsStyleInterpolation<{ keys: "icon"[]; }> | undefined; sizes?: { xs: { icon: { fontSize: string; }; }; sm: { icon: { fontSize: string; }; }; md: { icon: { fontSize: string; }; }; } | undefined; variants?: { outline: { icon: { display: string; alignItems: string; justifyContent: string; color: string; }; }; } | undefined; defaultProps?: { size?: "sm" | "md" | "xs" | undefined; variant?: "outline" | undefined; colorScheme?: string | undefined; } | undefined; parts: "icon"[]; }; Sidebar: { baseStyle?: (({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => { header: { textStyle: string; px: string; pt: string; pb: string; }; section: { display: string; flexDirection: string; }; child: { borderRadius: number; borderLeftWidth: string; borderColor: string; _active: { ml: string; borderLeftWidth: string; color: string; borderColor: string; }; _focusVisible: { borderRadius: string; }; }; parent: { _hover: { bg: string; }; _active: { bg: string; color: string; }; _expanded: { bg: string; color: string; }; borderRadius: string; }; label: { display: string; alignItems: string; }; item: { width: string; display: string; alignItems: string; listStyleType: string; color: string; cursor: string; _hover: { color: string; }; _focusVisible: any; }; list: { listStyleType: string; display: string; flexDirection: string; }; nest: { listStyleType: string; }; }) | undefined; sizes?: { sm: { section: { textStyle: string; }; list: { paddingInlineStart: string; }; nest: { paddingInlineStart: string; }; label: { gap: string; }; item: { textStyle: string; py: string; px: string; }; child: { px: string; }; icon: { cursor: string; fontSize: string; }; }; md: { section: { textStyle: string; }; list: { paddingInlineStart: string; }; nest: { paddingInlineStart: string; }; label: { gap: string; }; item: { textStyle: string; py: string; px: string; }; child: { px: string; }; icon: { cursor: string; fontSize: string; }; }; } | undefined; variants?: { [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{ keys: ("header" | "label" | "section" | "list" | "child" | "icon" | "item" | "parent" | "nest")[]; }>; } | undefined; defaultProps?: { size?: "sm" | "md" | undefined; variant?: string | number | undefined; colorScheme?: string | undefined; } | undefined; parts: ("header" | "label" | "section" | "list" | "child" | "icon" | "item" | "parent" | "nest")[]; }; SingleCountryPhoneNumberInput: { baseStyle?: import("@chakra-ui/styled-system").PartsStyleInterpolation<{ keys: ("icon" | "field" | "iconContainer")[]; }> | undefined; sizes?: { xs: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { field: { paddingInlineEnd: string | undefined; }; iconContainer: { w: string; px: string; textStyle?: string | undefined; fontSize?: any; h?: string | undefined; height?: string | undefined; }; icon: { fontSize: string; }; }; sm: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { field: { paddingInlineEnd: string | undefined; }; iconContainer: { w: string; px: string; textStyle?: string | undefined; fontSize?: any; h?: string | undefined; height?: string | undefined; }; icon: { fontSize: string; }; }; md: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { field: { paddingInlineEnd: string | undefined; }; icon: { fontSize: string; }; iconContainer: { w: string; px: string; h?: string | undefined; height?: string | undefined; textStyle?: string | undefined; fontSize?: any; }; }; } | undefined; variants?: { outline: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { field: { borderRadius?: string | undefined; bg?: string | undefined; border?: string | undefined; borderColor?: string | undefined; _placeholder?: { color: string; } | undefined; _hover?: { borderColor: string; } | undefined; _invalid?: { borderColor: any; boxShadow: string; } | undefined; _focusVisible?: { zIndex: number; borderColor: any; boxShadow: string; } | undefined; _disabled?: { bg: string; borderColor: string; color: string; cursor: string; opacity: number; _hover: { bg: string; }; _active: { bg: string; }; } | undefined; paddingInlineEnd?: string | undefined; }; icon: { w: string; }; iconContainer: { _disabled: { opacity: number; }; mr?: string | undefined; pointerEvents: string; }; }; } | undefined; defaultProps?: { size?: "sm" | "md" | "xs" | undefined; variant?: "outline" | undefined; colorScheme?: string | undefined; } | undefined; parts: ("icon" | "field" | "iconContainer")[]; }; SingleSelect: { baseStyle?: ((props: import("@chakra-ui/styled-system").StyleFunctionProps) => { item: { [x: string]: string | { color: string; opacity: number; cursor: string; } | { [x: string]: string; _active?: undefined; boxShadow?: undefined; } | { _hover: { [x: string]: string; }; _active: { [x: string]: string; }; color: string; opacity: number; cursor: string; boxShadow?: undefined; } | { [x: string]: string | { [x: string]: string; }; _active: { [x: string]: string; }; boxShadow?: undefined; } | { boxShadow: string; _active: { [x: string]: string; }; }; bg: string; textStyle: string; fontWeight: string; color: string; _hover: { [x: string]: string; }; _disabled: { color: string; opacity: number; cursor: string; }; '&[aria-disabled=true], &[data-disabled]': { _hover: { [x: string]: string; }; _active: { [x: string]: string; }; color: string; opacity: number; cursor: string; }; _focus: { [x: string]: string | { [x: string]: string; }; _active: { [x: string]: string; }; }; _focusVisible: { boxShadow: string; _active: { [x: string]: string; }; }; _active: { [x: string]: string; }; } & { _selected: { [x: string]: string | { [x: string]: string; }; _active: { [x: string]: string; }; } | undefined; }; highlight: { bg: string; }; selected: { zIndex: number; gridArea: string; alignItems: string; pointerEvents: string; _disabled: { color: string; }; }; itemDescription: { textStyle: string; color: string; }; emptyItem: { fontStyle: string; cursor: string; _hover: { bg: string; }; _active: { bg: string; }; bg: string; textStyle: string; fontWeight: string; color: string; _disabled: { color: string; opacity: number; cursor: string; }; '&[aria-disabled=true], &[data-disabled]': { _hover: { [x: string]: string; }; _active: { [x: string]: string; }; color: string; opacity: number; cursor: string; }; _focus: { [x: string]: string | { [x: string]: string; }; _active: { [x: string]: string; }; }; _focusVisible: { boxShadow: string; _active: { [x: string]: string; }; }; _selected: { [x: string]: string | { [x: string]: string; }; _active: { [x: string]: string; }; } | undefined; }; list: { [x: string]: string | number; mt: string; border: string; borderRadius: number; minWidth: string; boxShadow: string; } & { my: string; w: string; overflowY: string; maxH: string; bg: string; }; icon: { transitionProperty: string; transitionDuration: string; color: string; _disabled: { cursor: string; color: string; }; }; }) | undefined; sizes?: { xs: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { item: { textStyle: string; padding: string; } | undefined; emptyItem: { textStyle: string; padding: string; } | undefined; field: { textStyle: string; fontSize: any; px: string; h: string; height: string; } | undefined; icon: { fontSize: string; }; selected: { pl: string; pr: string; textStyle: string; }; }; sm: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { item: { textStyle: string; padding: string; } | undefined; emptyItem: { textStyle: string; padding: string; } | undefined; field: { textStyle: string; fontSize: any; px: string; h: string; height: string; } | undefined; icon: { fontSize: string; }; selected: { pl: string; pr: string; textStyle: string; }; }; md: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { icon: { fontSize: string; }; item: { textStyle: string; padding: string; } | undefined; emptyItem: { textStyle: string; padding: string; } | undefined; field: { px: string; h: string; height: string; textStyle: string; fontSize: any; } | undefined; selected: { pl: string; pr: string; textStyle: string; }; }; } | undefined; variants?: { outline: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { list: { py: number; }; item: { cursor: string; }; field: { borderRadius: string; bg: string; border: string; borderColor: string; _placeholder: { color: string; }; _hover: { borderColor: string; }; _invalid: { borderColor: any; boxShadow: string; }; _focusVisible: { zIndex: number; borderColor: any; boxShadow: string; }; _disabled: { bg: string; borderColor: string; color: string; cursor: string; opacity: number; _hover: { bg: string; }; _active: { bg: string; }; }; } & { borderRightRadius: number | undefined; gridArea: string; }; }; } | undefined; defaultProps?: { size?: "sm" | "md" | "xs" | undefined; variant?: "outline" | undefined; colorScheme?: string | undefined; } | undefined; parts: ("list" | "icon" | "item" | "selected" | "field" | "highlight" | "itemDescription" | "emptyItem")[]; }; Switch: { baseStyle?: ((props: import("@chakra-ui/styled-system").StyleFunctionProps) => { track: { bg: string; _checked: { bg: string; }; _groupDisabled: { bg: string; opacity: number; }; p: number; outlineWidth: string; _focusVisible: any; _focus: { boxShadow: string; }; }; thumb: { display: string; justifyContent: string; alignItems: string; _groupDisabled: { bg: string; }; }; thumbIcon: { color: string; _checked: { color: string; }; _groupDisabled: { color: string; }; }; }) | undefined; sizes?: { sm: { track: { w: string; h: string; }; thumb: { w: string; h: string; m: string; _checked: { transform: string; }; }; thumbIcon: { fontSize: string; }; }; md: { track: { w: string; h: string; }; thumb: { w: string; h: string; m: string; _checked: { transform: string; }; }; thumbIcon: { fontSize: string; }; }; lg: { track: { w: string; h: string; }; thumb: { w: string; h: string; m: string; _checked: { transform: string; }; }; thumbIcon: { fontSize: string; }; }; } | undefined; variants?: { [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{ keys: ("container" | "label" | "track" | "thumbIcon" | "thumb")[]; }>; } | undefined; defaultProps?: { size?: "sm" | "md" | "lg" | undefined; variant?: string | number | undefined; colorScheme?: string | undefined; } | undefined; parts: ("container" | "label" | "track" | "thumbIcon" | "thumb")[]; }; Tabs: { baseStyle?: (({ orientation }: import("@chakra-ui/styled-system").StyleFunctionProps) => { tablist: { overflowX: string | undefined; overflowY: string | undefined; whiteSpace: string; scrollbarWidth: number; '&::-webkit-scrollbar': { width: number; height: number; }; }; tabpanel: { p: string; }; }) | undefined; sizes?: { sm: ({ orientation, theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => { tablist: { gap: string | number; }; tab: any; }; md: ({ orientation, theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => { tablist: { gap: string | number; }; tab: any; }; } | undefined; variants?: { line: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { tablist: { [x: string]: string; borderColor: string; }; tab: { [x: string]: any; justifyContent: string; mt: string | number; textTransform: string; color: string; bg: string; borderColor: string; outlineOffset: number; _selected: any; _active: { [x: string]: string; }; _hover: { [x: string]: string | { [x: string]: string; }; borderColor: string; _dark: { [x: string]: string; }; }; _focusVisible: any; }; }; } | undefined; defaultProps?: { size?: "sm" | "md" | undefined; variant?: "line" | undefined; colorScheme?: string | undefined; } | undefined; parts: ("tab" | "tablist" | "tabpanel" | "tabpanels" | "root" | "indicator")[]; }; Tag: { baseStyle?: ((props: import("@chakra-ui/styled-system").StyleFunctionProps) => { container: { transitionProperty: string; transitionDuration: string; _focusWithin: any; borderRadius: string; _disabled: { bg: string; color: string; cursor: string; }; _hover: { _disabled: { bg: string; }; }; width: string; height: string; }; label: { textStyle: string; whiteSpace: string; }; closeButton: { display: string; alignItems: string; opacity: number; outline: string; _hover: { opacity: number; }; _disabled: { cursor: string; opacity: number; }; _focusVisible: { boxShadow: string; bg: string; }; }; }) | undefined; sizes?: { xs: ({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => { container: any; label: any; icon: { fontSize: string; marginStart: string; marginEnd: string; height: string; }; closeButton: { fontSize: string; marginStart: string; height: string; }; }; sm: ({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => { container: any; label: any; icon: { fontSize: string; marginStart: string; marginEnd: string; height: string; }; closeButton: { fontSize: string; marginStart: string; height: string; }; }; md: ({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => { container: any; label: any; closeButton: { fontSize: string; marginStart: string; height: string; }; icon: { fontSize: string; marginStart: string; marginEnd: string; height: string; }; }; } | undefined; variants?: { subtle: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { container: any; }; solid: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { container: any; }; } | undefined; defaultProps?: { size?: "sm" | "md" | "xs" | undefined; variant?: "solid" | "subtle" | undefined; colorScheme?: string | undefined; } | undefined; parts: ("container" | "label" | "icon" | "closeButton")[]; }; TagInput: { baseStyle?: { container: { display: string; flexWrap: string; cursor: string; height: string; maxW: string; w: string; _disabled: { cursor: string; }; transitionProperty: string; transitionDuration: string; }; field: { _focusVisible: { outline: string; }; flexGrow: number; _disabled: { cursor: string; }; }; } | undefined; sizes?: { sm: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { container: { p: string; minH: string | undefined; gap: string; textStyle?: string | undefined; fontSize?: any; px?: string | undefined; h?: string | undefined; height?: string | undefined; }; field: { h: string; pl: string; }; }; md: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { container: { p: string; minH: string | undefined; gap: string; px?: string | undefined; h?: string | undefined; height?: string | undefined; textStyle?: string | undefined; fontSize?: any; }; field: { h: string; pl: string; }; }; } | undefined; variants?: { outline: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { container: { _focusWithin: { zIndex?: number | undefined; borderColor?: any; boxShadow?: string | undefined; }; h: string; borderRadius?: string | undefined; bg?: string | undefined; border?: string | undefined; borderColor?: string | undefined; _placeholder?: { color: string; } | undefined; _hover?: { borderColor: string; } | undefined; _invalid?: { borderColor: any; boxShadow: string; } | undefined; _focusVisible?: { zIndex: number; borderColor: any; boxShadow: string; } | undefined; _disabled?: { bg: string; borderColor: string; color: string; cursor: string; opacity: number; _hover: { bg: string; }; _active: { bg: string; }; } | undefined; }; }; } | undefined; defaultProps?: { size?: "sm" | "md" | undefined; variant?: "outline" | undefined; colorScheme?: string | undefined; } | undefined; parts: ("container" | "field" | "tag")[]; }; Textarea: { baseStyle?: { transitionProperty: string; transitionDuration: string; } | undefined; sizes?: { xs: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { px: string; py: string; textStyle?: string | undefined; fontSize?: any; h?: string | undefined; height?: string | undefined; }; sm: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { px: string; py: string; textStyle?: string | undefined; fontSize?: any; h?: string | undefined; height?: string | undefined; }; md: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { px: string; py: string; h?: string | undefined; height?: string | undefined; textStyle?: string | undefined; fontSize?: any; }; } | undefined; variants?: { outline: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { borderRadius?: string | undefined; bg?: string | undefined; border?: string | undefined; borderColor?: string | undefined; _placeholder?: { color: string; } | undefined; _hover?: { borderColor: string; } | undefined; _invalid?: { borderColor: any; boxShadow: string; } | undefined; _focusVisible?: { zIndex: number; borderColor: any; boxShadow: string; } | undefined; _disabled?: { bg: string; borderColor: string; color: string; cursor: string; opacity: number; _hover: { bg: string; }; _active: { bg: string; }; } | undefined; }; } | undefined; defaultProps?: { size?: "sm" | "md" | "xs" | undefined; variant?: "outline" | undefined; colorScheme?: string | undefined; } | undefined; }; Tile: { baseStyle?: { container: { transitionProperty: string; transitionDuration: string; color: string; borderRadius: string; padding: string; height: string; _hover: { bg: string; }; outline: string; _focusVisible: { boxShadow: string; borderColor: string; outline: string; }; _active: { bg: string; borderColor: string; boxShadow: string; }; bg: string; border: string; borderColor: string; whiteSpace: string; flexDir: string; alignItems: string; maxWidth: string; textAlign: string; alignSelf: string; justifyContent: string; }; title: { color: string; textStyle: string; mt: string; }; icon: { boxSize: string; color: string; }; subtitle: { color: string; textStyle: string; }; text: { color: string; textStyle: string; textAlign: string; }; } | undefined; sizes?: { [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{ keys: ("container" | "title" | "text" | "icon" | "subtitle")[]; }>; } | undefined; variants?: { complex: { title: { mb: number; }; subtitle: { mb: string; }; }; simple: { title: { mb: string; }; }; } | undefined; defaultProps?: { size?: string | number | undefined; variant?: "simple" | "complex" | undefined; colorScheme?: string | undefined; } | undefined; parts: ("container" | "title" | "text" | "icon" | "subtitle")[]; }; Toast: { baseStyle?: (({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => { title: any; description: { textStyle: string; }; icon: { position: string; }; wrapper: { borderRadius: string; boxSizing: string; }; container: { borderRadius: string; background: string; }; close: { position: string; }; }) | undefined; sizes?: { md: { icon: { left: string; top: string; boxSize: string; }; content: { ml: string; }; wrapper: { width: { base: "auto"; lg: "42.5rem"; }; maxW: string; }; container: { padding: string; pr: string; }; close: { w: string; h: string; insetEnd: string; top: string; fontSize: string; }; }; } | undefined; variants?: { subtle: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { wrapper: { color: string; bg: string; border: string; }; icon: { fill: string; }; }; } | undefined; defaultProps?: { size?: "md" | undefined; variant?: "subtle" | undefined; colorScheme?: string | undefined; } | undefined; parts: ("content" | "container" | "title" | "icon" | "spinner" | "close" | "description" | "wrapper")[]; }; Toggle: { baseStyle?: { label: { textStyle: string; color: string; }; description: { textStyle: string; color: string; }; overallContainer: { display: string; justifyContent: string; }; } | undefined; sizes?: { md: { label: { mr: string; mb: number; }; }; } | undefined; variants?: { [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{ keys: ("label" | "description" | "overallContainer")[]; }>; } | undefined; defaultProps?: { size?: "md" | undefined; variant?: string | number | undefined; colorScheme?: string | undefined; } | undefined; parts: ("label" | "description" | "overallContainer")[]; }; Toolbar: { baseStyle?: { container: { textStyle: string; }; divider: { borderColor: string; }; } | undefined; sizes?: { xs: { container: { gap: string; h: string; py: string; pl: string; pr: string; }; }; sm: { container: { gap: string; h: string; py: string; pl: string; pr: string; }; }; md: { container: { gap: string; h: string; py: string; pl: string; pr: string; }; }; } | undefined; variants?: { solid: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => { container: { bg: string; color: string; display: string; flexDirection: string; alignItems: string; } | { bg: string; color?: undefined; display: string; flexDirection: string; alignItems: string; }; }; } | undefined; defaultProps?: { size?: "sm" | "md" | "xs" | undefined; variant?: "solid" | undefined; colorScheme?: string | undefined; } | undefined; parts: ("container" | "group" | "divider")[]; }; Tooltip: { baseStyle?: (({ theme }: import("@chakra-ui/styled-system").StyleFunctionProps) => any) | undefined; sizes?: { [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation; } | undefined; variants?: { [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation; } | undefined; defaultProps?: { size?: string | number | undefined; variant?: string | number | undefined; colorScheme?: string | undefined; } | undefined; }; };