export declare const parts: import("../../utils/anatomy").AnatomyInstance<"container" | "field" | "tag">; export declare const 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")[]; };