sigma-ui/__generated/registry-schemes/style-system/tailwind/pagination.json

CLI for SIGMA-UI components.

{
  "name": "pagination",
  "dependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "name": "PaginationEllipsis.vue",
      "content": "<script setup lang=\"ts\">\nimport { PaginationEllipsis, type PaginationEllipsisProps } from 'reka-ui';\nimport { MoreHorizontalIcon } from 'lucide-vue-next';\nimport { cn } from '@ui/utils';\n\nconst props = defineProps<PaginationEllipsisProps>();\n</script>\n\n<template>\n  <PaginationEllipsis\n    v-bind=\"props\"\n    :class=\"cn('w-9 h-9 flex items-center justify-center', $attrs.class ?? '')\"\n  >\n    <slot>\n      <MoreHorizontalIcon class=\"w-4 h-4\" />\n    </slot>\n  </PaginationEllipsis>\n</template>\n"
    },
    {
      "name": "PaginationFirst.vue",
      "content": "<script setup lang=\"ts\">\nimport { PaginationFirst, type PaginationFirstProps } from 'reka-ui';\nimport { ChevronsLeftIcon } from 'lucide-vue-next';\nimport {\n  Button,\n} from '@ui/registry/tailwind/ui/button';\nimport { cn } from '@ui/utils';\n\nconst props = withDefaults(defineProps<PaginationFirstProps>(), {\n  asChild: true,\n});\n</script>\n\n<template>\n  <PaginationFirst v-bind=\"props\">\n    <Button\n      :class=\"cn('w-10 h-10 p-0', $attrs.class ?? '')\"\n      variant=\"outline\"\n    >\n      <slot>\n        <ChevronsLeftIcon class=\"h-4 w-4\" />\n      </slot>\n    </Button>\n  </PaginationFirst>\n</template>\n"
    },
    {
      "name": "PaginationLast.vue",
      "content": "<script setup lang=\"ts\">\nimport { PaginationLast, type PaginationLastProps } from 'reka-ui';\nimport { ChevronsRightIcon } from 'lucide-vue-next';\nimport {\n  Button,\n} from '@ui/registry/tailwind/ui/button';\nimport { cn } from '@ui/utils';\n\nconst props = withDefaults(defineProps<PaginationLastProps>(), {\n  asChild: true,\n});\n</script>\n\n<template>\n  <PaginationLast v-bind=\"props\">\n    <Button\n      :class=\"cn('w-10 h-10 p-0', $attrs.class ?? '')\"\n      variant=\"outline\"\n    >\n      <slot>\n        <ChevronsRightIcon class=\"h-4 w-4\" />\n      </slot>\n    </Button>\n  </PaginationLast>\n</template>\n"
    },
    {
      "name": "PaginationNext.vue",
      "content": "<script setup lang=\"ts\">\nimport { PaginationNext, type PaginationNextProps } from 'reka-ui';\nimport { ChevronRightIcon } from 'lucide-vue-next';\nimport {\n  Button,\n} from '@ui/registry/tailwind/ui/button';\nimport { cn } from '@ui/utils';\n\nconst props = withDefaults(defineProps<PaginationNextProps>(), {\n  asChild: true,\n});\n</script>\n\n<template>\n  <PaginationNext v-bind=\"props\">\n    <Button\n      :class=\"cn('w-10 h-10 p-0', $attrs.class ?? '')\"\n      variant=\"outline\"\n    >\n      <slot>\n        <ChevronRightIcon class=\"h-4 w-4\" />\n      </slot>\n    </Button>\n  </PaginationNext>\n</template>\n"
    },
    {
      "name": "PaginationPrev.vue",
      "content": "<script setup lang=\"ts\">\nimport { PaginationPrev, type PaginationPrevProps } from 'reka-ui';\nimport { ChevronLeftIcon } from 'lucide-vue-next';\nimport {\n  Button,\n} from '@ui/registry/tailwind/ui/button';\nimport { cn } from '@ui/utils';\n\nconst props = withDefaults(defineProps<PaginationPrevProps>(), {\n  asChild: true,\n});\n</script>\n\n<template>\n  <PaginationPrev v-bind=\"props\">\n    <Button\n      :class=\"cn('w-10 h-10 p-0', $attrs.class ?? '')\"\n      variant=\"outline\"\n    >\n      <slot>\n        <ChevronLeftIcon class=\"h-4 w-4\" />\n      </slot>\n    </Button>\n  </PaginationPrev>\n</template>\n"
    },
    {
      "name": "index.ts",
      "content": "export {\n  PaginationRoot as Pagination,\n  PaginationList,\n  PaginationListItem,\n} from 'reka-ui';\nexport { default as PaginationEllipsis } from './PaginationEllipsis.vue';\nexport { default as PaginationFirst } from './PaginationFirst.vue';\nexport { default as PaginationLast } from './PaginationLast.vue';\nexport { default as PaginationNext } from './PaginationNext.vue';\nexport { default as PaginationPrev } from './PaginationPrev.vue';\n"
    }
  ],
  "type": "components:ui"
}