feat(Breadcrumb): new component

Resolves #22

src/theme/breadcrumb.ts

@@ -0,0 +1,28 @@
+export default {
+  slots: {
+    root: 'relative min-w-0',
+    list: 'flex items-center gap-1.5',
+    item: 'flex min-w-0',
+    link: 'group relative flex items-center gap-1.5 font-medium text-sm min-w-0',
+    linkLeadingIcon: 'shrink-0 size-5',
+    linkLeadingAvatar: 'shrink-0',
+    linkLabel: 'truncate',
+    separator: 'flex',
+    separatorIcon: 'shrink-0 size-5 text-gray-500 dark:text-gray-400'
+  },
+  variants: {
+    active: {
+      true: {
+        link: 'text-primary-500 dark:text-primary-400'
+      },
+      false: {
+        link: 'text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white'
+      }
+    },
+    disabled: {
+      true: {
+        link: 'cursor-not-allowed opacity-75'
+      }
+    }
+  }
+}