export declare const accordionTheme: { baseStyle?: ((props: import('@chakra-ui/styled-system').StyleFunctionProps) => { container: { bg: string; borderRadius: string; color: string; border: string; overflow: string; }; panel: { color: string; mt?: undefined; bg?: undefined; }; icon: { color: string; }; button: { boxShadow: string; bg: string; color: string; _hover: { bg: null; boxShadow: string; }; }; } | { container: { bg: string; borderRadius: string; border: string; overflow: string; color?: undefined; }; panel: { color: string; mt: string; bg: string; }; icon: { color: string; }; button: { boxShadow: string; bg: string; color: string; _hover: { bg: null; boxShadow: string; }; }; } | { container: { border: string; borderRadius: string; color: string; bg?: undefined; overflow?: undefined; }; panel: { color: string; mt?: undefined; bg?: undefined; }; icon: { color: string; }; button: { color: string; boxShadow?: undefined; bg?: undefined; _hover?: undefined; }; }) | undefined; sizes?: { base: {}; sm: { button: { fontSize: string; fontWeight: string; lineHeight: string; p: number; }; panel: { fontSize: string; fontWeight: string; lineHeight: string; p: number; }; }; } | undefined; variants?: { nested: { root: { _notFirst: { mt: number; }; }; container: { bg: string; border: string; overflow: string; borderRadius: number; }; button: { fontWeight: string; color: string; padding: number; fontSize: string; lineHeight: string; }; panel: { padding: number; borderLeft: string; borderLeftColor: string; pl: number; mt: number; _dark: { borderLeftColor: string; }; }; }; } | undefined; defaultProps?: { size?: "base" | "sm" | undefined; variant?: "nested" | undefined; colorScheme?: string | undefined; } | undefined; parts: ("button" | "container" | "icon" | "root" | "panel")[]; };