feat(AvatarGroup): new component (#71)

Co-authored-by: Romain Hamel <romain@boilr.io>

src/theme/avatar-group.ts

@@ -0,0 +1,37 @@
+export default {
+  slots: {
+    root: 'inline-flex flex-row-reverse justify-end',
+    base: 'relative rounded-full ring-white dark:ring-gray-900 first:me-0'
+  },
+  variants: {
+    size: {
+      '3xs': {
+        base: 'ring-1 -me-0.5'
+      },
+      '2xs': {
+        base: 'ring-1 -me-0.5'
+      },
+      'xs': {
+        base: 'ring-1 -me-0.5'
+      },
+      'sm': {
+        base: 'ring-2 -me-1.5'
+      },
+      'md': {
+        base: 'ring-2 -me-1.5'
+      },
+      'lg': {
+        base: 'ring-2 -me-1.5'
+      },
+      'xl': {
+        base: 'ring-2.5 -me-2'
+      },
+      '2xl': {
+        base: 'ring-2.5 -me-2'
+      },
+      '3xl': {
+        base: 'ring-2.5 -me-2'
+      }
+    }
+  }
+}

src/theme/index.ts

@@ -1,6 +1,7 @@
 export { default as accordion } from './accordion'
 export { default as alert } from './alert'
 export { default as avatar } from './avatar'
+export { default as avatarGroup } from './avatar-group'
 export { default as badge } from './badge'
 export { default as breadcrumb } from './breadcrumb'
 export { default as button } from './button'