feat(Pagination): new component

Resolves #11

src/theme/icons.ts

@@ -2,8 +2,11 @@ export default {
   chevronDown: 'i-heroicons-chevron-down-20-solid',
   chevronLeft: 'i-heroicons-chevron-left-20-solid',
   chevronRight: 'i-heroicons-chevron-right-20-solid',
+  chevronDoubleLeft: 'i-heroicons-chevron-double-left-20-solid',
+  chevronDoubleRight: 'i-heroicons-chevron-double-right-20-solid',
   check: 'i-heroicons-check-20-solid',
   close: 'i-heroicons-x-mark-20-solid',
+  ellipsis: 'i-heroicons-ellipsis-horizontal-20-solid',
   empty: 'i-heroicons-circle-stack-20-solid',
   loading: 'i-heroicons-arrow-path-20-solid',
   minus: 'i-heroicons-minus-20-solid',

src/theme/index.ts

@@ -18,6 +18,7 @@ export { default as kbd } from './kbd'
 export { default as link } from './link'
 export { default as modal } from './modal'
 export { default as navigationMenu } from './navigation-menu'
+export { default as pagination } from './pagination'
 export { default as popover } from './popover'
 export { default as radioGroup } from './radio-group'
 export { default as separator } from './separator'

src/theme/pagination.ts

@@ -0,0 +1,8 @@
+export default {
+  slots: {
+    root: '',
+    list: 'flex items-center gap-1',
+    ellipsis: 'pointer-events-none',
+    label: 'min-w-5'
+  }
+}