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'
+      }
+    }
+  }
+}

src/theme/index.ts

@@ -2,6 +2,7 @@ export { default as accordion } from './accordion'
 export { default as alert } from './alert'
 export { default as avatar } from './avatar'
 export { default as badge } from './badge'
+export { default as breadcrumb } from './breadcrumb'
 export { default as button } from './button'
 export { default as card } from './card'
 export { default as checkbox } from './checkbox'