message: feat: split and export breadcrumb variants
diff: import { multiStyleConfig } from "@chakra-ui/theme-tools"
  -const breadcrumb = multiStyleConfig({
  - parts: {
  +const parts = {
  link: "the breadcrumb",
  separator: "the separator between each link",
  - },
  - baseStyle: {
  - link: {
  +}
  +
  +const baseStyleLink = {
  transition: "all 0.15s ease-out",
  cursor: "pointer",
  textDecoration: "none",
  @@ -18,8 +17,20 @@ const breadcrumb = multiStyleConfig({
  _focus: {
  boxShadow: "outline",
  },
  - },
  - },
  +}
  +
  +const baseStyle = {
  + link: baseStyleLink,
  +}
  +
  +const breadcrumb = multiStyleConfig({
  + parts,
  + baseStyle,
  })
  +export const breadcrumbStyles = {
  + parts,
  + baseStyleLink,
  +}
  +
  export default breadcrumb
  