@zentauri-ui/zentauri-components 1.8.1 → 1.8.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (195) hide show
  1. package/README.md +123 -25
  2. package/cli/cli.integration.test.ts +77 -2
  3. package/cli/index.mjs +53 -0
  4. package/cli/registry.json +136 -0
  5. package/cli/rewrite-imports.mjs +4 -1
  6. package/dist/charts/area.js +9 -10
  7. package/dist/charts/area.js.map +1 -1
  8. package/dist/charts/area.mjs +2 -3
  9. package/dist/charts/area.mjs.map +1 -1
  10. package/dist/charts/bar.js +10 -95
  11. package/dist/charts/bar.js.map +1 -1
  12. package/dist/charts/bar.mjs +2 -95
  13. package/dist/charts/bar.mjs.map +1 -1
  14. package/dist/charts/bubble.js +8 -9
  15. package/dist/charts/bubble.js.map +1 -1
  16. package/dist/charts/bubble.mjs +2 -3
  17. package/dist/charts/bubble.mjs.map +1 -1
  18. package/dist/charts/funnel/Funnel.d.ts +6 -0
  19. package/dist/charts/funnel/Funnel.d.ts.map +1 -0
  20. package/dist/charts/funnel/index.d.ts +4 -0
  21. package/dist/charts/funnel/index.d.ts.map +1 -0
  22. package/dist/charts/funnel.js +102 -0
  23. package/dist/charts/funnel.js.map +1 -0
  24. package/dist/charts/funnel.mjs +89 -0
  25. package/dist/charts/funnel.mjs.map +1 -0
  26. package/dist/charts/line.js +8 -9
  27. package/dist/charts/line.js.map +1 -1
  28. package/dist/charts/line.mjs +2 -3
  29. package/dist/charts/line.mjs.map +1 -1
  30. package/dist/charts/pie/Pie.d.ts +1 -1
  31. package/dist/charts/pie/Pie.d.ts.map +1 -1
  32. package/dist/charts/pie.js +19 -6
  33. package/dist/charts/pie.js.map +1 -1
  34. package/dist/charts/pie.mjs +17 -4
  35. package/dist/charts/pie.mjs.map +1 -1
  36. package/dist/charts/radar/Radar.d.ts +6 -0
  37. package/dist/charts/radar/Radar.d.ts.map +1 -0
  38. package/dist/charts/radar/index.d.ts +4 -0
  39. package/dist/charts/radar/index.d.ts.map +1 -0
  40. package/dist/charts/radar.js +94 -0
  41. package/dist/charts/radar.js.map +1 -0
  42. package/dist/charts/radar.mjs +81 -0
  43. package/dist/charts/radar.mjs.map +1 -0
  44. package/dist/charts/scatter/Scatter.d.ts +6 -0
  45. package/dist/charts/scatter/Scatter.d.ts.map +1 -0
  46. package/dist/charts/scatter/index.d.ts +4 -0
  47. package/dist/charts/scatter/index.d.ts.map +1 -0
  48. package/dist/charts/scatter.js +116 -0
  49. package/dist/charts/scatter.js.map +1 -0
  50. package/dist/charts/scatter.mjs +103 -0
  51. package/dist/charts/scatter.mjs.map +1 -0
  52. package/dist/charts/shared/chart-frame.d.ts +2 -1
  53. package/dist/charts/shared/chart-frame.d.ts.map +1 -1
  54. package/dist/charts/shared/types.d.ts +22 -2
  55. package/dist/charts/shared/types.d.ts.map +1 -1
  56. package/dist/charts/stacked-bar/StackedBar.d.ts +6 -0
  57. package/dist/charts/stacked-bar/StackedBar.d.ts.map +1 -0
  58. package/dist/charts/stacked-bar/index.d.ts +4 -0
  59. package/dist/charts/stacked-bar/index.d.ts.map +1 -0
  60. package/dist/charts/stacked-bar.js +29 -0
  61. package/dist/charts/stacked-bar.js.map +1 -0
  62. package/dist/charts/stacked-bar.mjs +15 -0
  63. package/dist/charts/stacked-bar.mjs.map +1 -0
  64. package/dist/{chunk-ABOZ5QIX.js → chunk-466QDL44.js} +5 -12
  65. package/dist/chunk-466QDL44.js.map +1 -0
  66. package/dist/chunk-4ZP444GA.mjs +19 -0
  67. package/dist/chunk-4ZP444GA.mjs.map +1 -0
  68. package/dist/{chunk-HDO5ZM2S.mjs → chunk-CIEZFHCO.mjs} +3 -10
  69. package/dist/chunk-CIEZFHCO.mjs.map +1 -0
  70. package/dist/chunk-F3V4POW3.mjs +8 -0
  71. package/dist/chunk-F3V4POW3.mjs.map +1 -0
  72. package/dist/{chunk-G2WARVAM.mjs → chunk-HZIRD3SR.mjs} +35 -15
  73. package/dist/chunk-HZIRD3SR.mjs.map +1 -0
  74. package/dist/{chunk-G66SXATZ.js → chunk-IL4LH2XX.js} +50 -4
  75. package/dist/chunk-IL4LH2XX.js.map +1 -0
  76. package/dist/{chunk-QQ6F4LZK.js → chunk-JFS5PJSH.js} +5 -5
  77. package/dist/{chunk-QQ6F4LZK.js.map → chunk-JFS5PJSH.js.map} +1 -1
  78. package/dist/chunk-LREMK2XR.js +97 -0
  79. package/dist/chunk-LREMK2XR.js.map +1 -0
  80. package/dist/chunk-MUP7DVQR.js +26 -0
  81. package/dist/chunk-MUP7DVQR.js.map +1 -0
  82. package/dist/chunk-O2KM3ETC.mjs +95 -0
  83. package/dist/chunk-O2KM3ETC.mjs.map +1 -0
  84. package/dist/{chunk-ZIFMIS7D.mjs → chunk-OL3BJSRC.mjs} +51 -5
  85. package/dist/chunk-OL3BJSRC.mjs.map +1 -0
  86. package/dist/{chunk-QNUDODDX.js → chunk-PWPMKXEG.js} +36 -14
  87. package/dist/chunk-PWPMKXEG.js.map +1 -0
  88. package/dist/{chunk-ASJQP53L.mjs → chunk-VARQ7W4G.mjs} +3 -3
  89. package/dist/{chunk-ASJQP53L.mjs.map → chunk-VARQ7W4G.mjs.map} +1 -1
  90. package/dist/chunk-XRM7GOIE.js +10 -0
  91. package/dist/chunk-XRM7GOIE.js.map +1 -0
  92. package/dist/design-system/tokens.js +32 -0
  93. package/dist/design-system/tokens.js.map +1 -0
  94. package/dist/design-system/tokens.mjs +3 -0
  95. package/dist/design-system/tokens.mjs.map +1 -0
  96. package/dist/hooks/index.d.ts +2 -0
  97. package/dist/hooks/index.d.ts.map +1 -1
  98. package/dist/hooks/useIsomorphicLayoutEffect.js +6 -4
  99. package/dist/hooks/useIsomorphicLayoutEffect.js.map +1 -1
  100. package/dist/hooks/useIsomorphicLayoutEffect.mjs +1 -6
  101. package/dist/hooks/useIsomorphicLayoutEffect.mjs.map +1 -1
  102. package/dist/hooks/useTableFilter/index.d.ts +3 -0
  103. package/dist/hooks/useTableFilter/index.d.ts.map +1 -0
  104. package/dist/hooks/useTableFilter/types.d.ts +20 -0
  105. package/dist/hooks/useTableFilter/types.d.ts.map +1 -0
  106. package/dist/hooks/useTableFilter/useTableFilter.d.ts +3 -0
  107. package/dist/hooks/useTableFilter/useTableFilter.d.ts.map +1 -0
  108. package/dist/hooks/useTableFilter.js +124 -0
  109. package/dist/hooks/useTableFilter.js.map +1 -0
  110. package/dist/hooks/useTableFilter.mjs +122 -0
  111. package/dist/hooks/useTableFilter.mjs.map +1 -0
  112. package/dist/hooks/useTableSort/index.d.ts +3 -0
  113. package/dist/hooks/useTableSort/index.d.ts.map +1 -0
  114. package/dist/hooks/useTableSort/types.d.ts +15 -0
  115. package/dist/hooks/useTableSort/types.d.ts.map +1 -0
  116. package/dist/hooks/useTableSort/useTableSort.d.ts +3 -0
  117. package/dist/hooks/useTableSort/useTableSort.d.ts.map +1 -0
  118. package/dist/hooks/useTableSort.js +99 -0
  119. package/dist/hooks/useTableSort.js.map +1 -0
  120. package/dist/hooks/useTableSort.mjs +97 -0
  121. package/dist/hooks/useTableSort.mjs.map +1 -0
  122. package/dist/ui/buttons/animated.js +4 -3
  123. package/dist/ui/buttons/animated.js.map +1 -1
  124. package/dist/ui/buttons/animated.mjs +2 -1
  125. package/dist/ui/buttons/animated.mjs.map +1 -1
  126. package/dist/ui/buttons.js +5 -4
  127. package/dist/ui/buttons.mjs +3 -2
  128. package/dist/ui/dynamic-stepper.js +5 -4
  129. package/dist/ui/dynamic-stepper.js.map +1 -1
  130. package/dist/ui/dynamic-stepper.mjs +3 -2
  131. package/dist/ui/dynamic-stepper.mjs.map +1 -1
  132. package/dist/ui/marquee/marquee.d.ts.map +1 -1
  133. package/dist/ui/marquee.js +82 -21
  134. package/dist/ui/marquee.js.map +1 -1
  135. package/dist/ui/marquee.mjs +83 -22
  136. package/dist/ui/marquee.mjs.map +1 -1
  137. package/dist/ui/pagination.js +5 -4
  138. package/dist/ui/pagination.js.map +1 -1
  139. package/dist/ui/pagination.mjs +2 -1
  140. package/dist/ui/pagination.mjs.map +1 -1
  141. package/dist/ui/table/animated.js +8 -8
  142. package/dist/ui/table/animated.mjs +2 -2
  143. package/dist/ui/table/index.d.ts +1 -1
  144. package/dist/ui/table/index.d.ts.map +1 -1
  145. package/dist/ui/table/table-base.d.ts +2 -2
  146. package/dist/ui/table/table-base.d.ts.map +1 -1
  147. package/dist/ui/table/types.d.ts +9 -1
  148. package/dist/ui/table/types.d.ts.map +1 -1
  149. package/dist/ui/table.js +14 -14
  150. package/dist/ui/table.mjs +1 -1
  151. package/package.json +8 -2
  152. package/src/charts/charts.test.tsx +80 -0
  153. package/src/charts/funnel/Funnel.tsx +105 -0
  154. package/src/charts/funnel/index.ts +14 -0
  155. package/src/charts/pie/Pie.tsx +28 -1
  156. package/src/charts/radar/Radar.tsx +84 -0
  157. package/src/charts/radar/index.ts +16 -0
  158. package/src/charts/scatter/Scatter.tsx +104 -0
  159. package/src/charts/scatter/index.ts +16 -0
  160. package/src/charts/shared/chart-frame.tsx +4 -2
  161. package/src/charts/shared/types.ts +42 -2
  162. package/src/charts/stacked-bar/StackedBar.tsx +12 -0
  163. package/src/charts/stacked-bar/index.ts +16 -0
  164. package/src/hooks/index.ts +12 -0
  165. package/src/hooks/useTableFilter/index.ts +7 -0
  166. package/src/hooks/useTableFilter/types.ts +28 -0
  167. package/src/hooks/useTableFilter/useTableFilter.test.ts +141 -0
  168. package/src/hooks/useTableFilter/useTableFilter.ts +153 -0
  169. package/src/hooks/useTableSort/index.ts +5 -0
  170. package/src/hooks/useTableSort/types.ts +23 -0
  171. package/src/hooks/useTableSort/useTableSort.test.ts +150 -0
  172. package/src/hooks/useTableSort/useTableSort.ts +121 -0
  173. package/src/ui/context-menu/context-menu.test.tsx +30 -0
  174. package/src/ui/divider/divider.test.tsx +55 -0
  175. package/src/ui/empty-state/empty-state.test.tsx +88 -0
  176. package/src/ui/marquee/marquee.test.tsx +45 -4
  177. package/src/ui/marquee/marquee.tsx +100 -18
  178. package/src/ui/modal/modal.test.tsx +24 -0
  179. package/src/ui/peer-isolation.test.ts +81 -0
  180. package/src/ui/select/select.test.tsx +98 -2
  181. package/src/ui/skeleton/skeleton.test.tsx +85 -0
  182. package/src/ui/table/index.ts +3 -0
  183. package/src/ui/table/table-base.tsx +69 -4
  184. package/src/ui/table/table.test.tsx +207 -0
  185. package/src/ui/table/types.ts +13 -1
  186. package/dist/chunk-ABOZ5QIX.js.map +0 -1
  187. package/dist/chunk-G2WARVAM.mjs.map +0 -1
  188. package/dist/chunk-G66SXATZ.js.map +0 -1
  189. package/dist/chunk-HDO5ZM2S.mjs.map +0 -1
  190. package/dist/chunk-OULU7OC4.mjs +0 -21
  191. package/dist/chunk-OULU7OC4.mjs.map +0 -1
  192. package/dist/chunk-QNUDODDX.js.map +0 -1
  193. package/dist/chunk-Z6S36PDD.js +0 -24
  194. package/dist/chunk-Z6S36PDD.js.map +0 -1
  195. package/dist/chunk-ZIFMIS7D.mjs.map +0 -1
package/dist/ui/pagination.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/design-system/pagination.ts","../../src/ui/pagination/variants.ts","../../src/ui/pagination/pagination.tsx"],"names":["cva","useId","usePagination","useCallback","cn","buttonVariants","jsx","clampPage","jsxs"],"mappings":"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","file":"pagination.js","sourcesContent":["export const zuiPaginationListBase =\n \"inline-flex flex-wrap items-center rounded-xl border p-1 ring-offset-[var(--zui-pagination-list-ring-offset,oklch(98.4%_0.003_247.858))] dark:ring-offset-[var(--zui-pagination-list-ring-offset-dark,oklch(12.9%_0.042_264.695))]\";\n\nexport const zuiPaginationListAppearances = {\n default:\n \"border-[color:var(--zui-pagination-list-default-border,#0000001a)] dark:border-[color:var(--zui-pagination-list-default-border-dark,#ffffff1a)] bg-[var(--zui-pagination-list-default-bg,#00000008)] dark:bg-[var(--zui-pagination-list-default-bg-dark,#ffffff08)]\",\n secondary:\n \"border-[color:var(--zui-pagination-list-secondary-border,#0000001a)] dark:border-[color:var(--zui-pagination-list-secondary-border-dark,#ffffff1a)] bg-[var(--zui-pagination-list-secondary-bg,oklch(96.8%_0.007_247.896_/_0.4))] dark:bg-[var(--zui-pagination-list-secondary-bg-dark,oklch(20.8%_0.042_265.755_/_0.4))]\",\n destructive:\n \"border-[color:var(--zui-pagination-list-destructive-border,oklch(64.5%_0.246_16.439_/_0.25))] dark:border-[color:var(--zui-pagination-list-destructive-border-dark,oklch(64.5%_0.246_16.439_/_0.25))] bg-[var(--zui-pagination-list-destructive-bg,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-pagination-list-destructive-bg-dark,oklch(27.1%_0.105_12.094_/_0.2))]\",\n outline:\n \"border-[color:var(--zui-pagination-list-outline-border,#00000026)] dark:border-[color:var(--zui-pagination-list-outline-border-dark,#ffffff26)] bg-[var(--zui-pagination-list-outline-bg,transparent)] dark:bg-[var(--zui-pagination-list-outline-bg-dark,transparent)]\",\n ghost:\n \"border-[color:var(--zui-pagination-list-ghost-border,transparent)] dark:border-[color:var(--zui-pagination-list-ghost-border-dark,transparent)] bg-[var(--zui-pagination-list-ghost-bg,transparent)] dark:bg-[var(--zui-pagination-list-ghost-bg-dark,transparent)]\",\n link: \"border-[color:var(--zui-pagination-list-link-border,transparent)] dark:border-[color:var(--zui-pagination-list-link-border-dark,transparent)] bg-[var(--zui-pagination-list-link-bg,transparent)] dark:bg-[var(--zui-pagination-list-link-bg-dark,transparent)]\",\n glass:\n \"border-[color:var(--zui-pagination-list-glass-border,#00000026)] dark:border-[color:var(--zui-pagination-list-glass-border-dark,#ffffff26)] bg-[var(--zui-pagination-list-glass-bg,#0000000d)] dark:bg-[var(--zui-pagination-list-glass-bg-dark,#ffffff0d)] backdrop-blur-md\",\n emerald:\n \"border-[color:var(--zui-pagination-list-emerald-border,oklch(69.6%_0.17_162.48_/_0.25))] dark:border-[color:var(--zui-pagination-list-emerald-border-dark,oklch(69.6%_0.17_162.48_/_0.25))] bg-[var(--zui-pagination-list-emerald-bg,oklch(97.9%_0.021_166.113))] dark:bg-[var(--zui-pagination-list-emerald-bg-dark,oklch(26.2%_0.051_172.552_/_0.2))]\",\n indigo:\n \"border-[color:var(--zui-pagination-list-indigo-border,oklch(58.5%_0.233_277.117_/_0.25))] dark:border-[color:var(--zui-pagination-list-indigo-border-dark,oklch(58.5%_0.233_277.117_/_0.25))] bg-[var(--zui-pagination-list-indigo-bg,oklch(96.2%_0.018_272.314))] dark:bg-[var(--zui-pagination-list-indigo-bg-dark,oklch(25.7%_0.09_281.288_/_0.2))]\",\n purple:\n \"border-[color:var(--zui-pagination-list-purple-border,oklch(62.7%_0.265_303.9_/_0.25))] dark:border-[color:var(--zui-pagination-list-purple-border-dark,oklch(62.7%_0.265_303.9_/_0.25))] bg-[var(--zui-pagination-list-purple-bg,oklch(97.7%_0.014_308.299))] dark:bg-[var(--zui-pagination-list-purple-bg-dark,oklch(29.1%_0.149_302.717_/_0.2))]\",\n pink: \"border-[color:var(--zui-pagination-list-pink-border,oklch(65.6%_0.241_354.308_/_0.25))] dark:border-[color:var(--zui-pagination-list-pink-border-dark,oklch(65.6%_0.241_354.308_/_0.25))] bg-[var(--zui-pagination-list-pink-bg,oklch(97.1%_0.014_343.198))] dark:bg-[var(--zui-pagination-list-pink-bg-dark,oklch(28.4%_0.109_3.907_/_0.2))]\",\n rose: \"border-[color:var(--zui-pagination-list-rose-border,oklch(64.5%_0.246_16.439_/_0.25))] dark:border-[color:var(--zui-pagination-list-rose-border-dark,oklch(64.5%_0.246_16.439_/_0.25))] bg-[var(--zui-pagination-list-rose-bg,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-pagination-list-rose-bg-dark,oklch(27.1%_0.105_12.094_/_0.2))]\",\n sky: \"border-[color:var(--zui-pagination-list-sky-border,oklch(68.5%_0.169_237.323_/_0.25))] dark:border-[color:var(--zui-pagination-list-sky-border-dark,oklch(68.5%_0.169_237.323_/_0.25))] bg-[var(--zui-pagination-list-sky-bg,oklch(97.7%_0.013_236.62))] dark:bg-[var(--zui-pagination-list-sky-bg-dark,oklch(29.3%_0.066_243.157_/_0.2))]\",\n teal: \"border-[color:var(--zui-pagination-list-teal-border,oklch(70.4%_0.14_182.503_/_0.25))] dark:border-[color:var(--zui-pagination-list-teal-border-dark,oklch(70.4%_0.14_182.503_/_0.25))] bg-[var(--zui-pagination-list-teal-bg,oklch(98.4%_0.014_180.72))] dark:bg-[var(--zui-pagination-list-teal-bg-dark,oklch(27.7%_0.046_192.524_/_0.2))]\",\n yellow:\n \"border-[color:var(--zui-pagination-list-yellow-border,oklch(79.5%_0.184_86.047_/_0.25))] dark:border-[color:var(--zui-pagination-list-yellow-border-dark,oklch(79.5%_0.184_86.047_/_0.25))] bg-[var(--zui-pagination-list-yellow-bg,oklch(98.7%_0.026_102.212))] dark:bg-[var(--zui-pagination-list-yellow-bg-dark,oklch(28.6%_0.066_53.813_/_0.2))]\",\n orange:\n \"border-[color:var(--zui-pagination-list-orange-border,oklch(70.5%_0.213_47.604_/_0.25))] dark:border-[color:var(--zui-pagination-list-orange-border-dark,oklch(70.5%_0.213_47.604_/_0.25))] bg-[var(--zui-pagination-list-orange-bg,oklch(98%_0.016_73.684))] dark:bg-[var(--zui-pagination-list-orange-bg-dark,oklch(26.6%_0.079_36.259_/_0.2))]\",\n gray: \"border-[color:var(--zui-pagination-list-gray-border,oklch(55.1%_0.027_264.364_/_0.25))] dark:border-[color:var(--zui-pagination-list-gray-border-dark,oklch(55.1%_0.027_264.364_/_0.25))] bg-[var(--zui-pagination-list-gray-bg,oklch(98.5%_0.002_247.839))] dark:bg-[var(--zui-pagination-list-gray-bg-dark,oklch(13%_0.028_261.692_/_0.2))]\",\n amber:\n \"border-[color:var(--zui-pagination-list-amber-border,oklch(76.9%_0.188_70.08_/_0.25))] dark:border-[color:var(--zui-pagination-list-amber-border-dark,oklch(76.9%_0.188_70.08_/_0.25))] bg-[var(--zui-pagination-list-amber-bg,oklch(98.7%_0.022_95.277))] dark:bg-[var(--zui-pagination-list-amber-bg-dark,oklch(27.9%_0.077_45.635_/_0.2))]\",\n violet:\n \"border-[color:var(--zui-pagination-list-violet-border,oklch(60.6%_0.25_292.717_/_0.25))] dark:border-[color:var(--zui-pagination-list-violet-border-dark,oklch(60.6%_0.25_292.717_/_0.25))] bg-[var(--zui-pagination-list-violet-bg,oklch(96.9%_0.016_293.756))] dark:bg-[var(--zui-pagination-list-violet-bg-dark,oklch(28.3%_0.141_291.089_/_0.2))]\",\n \"gradient-blue\":\n \"border-[color:var(--zui-pagination-list-gradient-blue-border,oklch(62.3%_0.214_259.815_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-blue-border-dark,oklch(62.3%_0.214_259.815_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-blue-from,oklch(97%_0.014_254.604))] dark:from-[var(--zui-pagination-list-gradient-blue-from-dark,oklch(28.2%_0.091_267.935_/_0.3))] to-[var(--zui-pagination-list-gradient-blue-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-pagination-list-gradient-blue-to-dark,oklch(29.1%_0.149_302.717_/_0.3))]\",\n \"gradient-green\":\n \"border-[color:var(--zui-pagination-list-gradient-green-border,oklch(76.8%_0.233_130.85_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-green-border-dark,oklch(76.8%_0.233_130.85_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-green-from,oklch(98.2%_0.018_155.826))] dark:from-[var(--zui-pagination-list-gradient-green-from-dark,oklch(26.6%_0.065_152.934_/_0.3))] to-[var(--zui-pagination-list-gradient-green-to,oklch(98.6%_0.031_120.757))] dark:to-[var(--zui-pagination-list-gradient-green-to-dark,oklch(27.4%_0.072_132.109_/_0.3))]\",\n \"gradient-red\":\n \"border-[color:var(--zui-pagination-list-gradient-red-border,oklch(65.6%_0.241_354.308_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-red-border-dark,oklch(65.6%_0.241_354.308_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-red-from,oklch(97.1%_0.013_17.38))] dark:from-[var(--zui-pagination-list-gradient-red-from-dark,oklch(25.8%_0.092_26.042_/_0.3))] to-[var(--zui-pagination-list-gradient-red-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-pagination-list-gradient-red-to-dark,oklch(28.4%_0.109_3.907_/_0.3))]\",\n \"gradient-yellow\":\n \"border-[color:var(--zui-pagination-list-gradient-yellow-border,oklch(70.5%_0.213_47.604_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-yellow-border-dark,oklch(70.5%_0.213_47.604_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-yellow-from,oklch(98.7%_0.026_102.212))] dark:from-[var(--zui-pagination-list-gradient-yellow-from-dark,oklch(28.6%_0.066_53.813_/_0.3))] to-[var(--zui-pagination-list-gradient-yellow-to,oklch(98%_0.016_73.684))] dark:to-[var(--zui-pagination-list-gradient-yellow-to-dark,oklch(26.6%_0.079_36.259_/_0.3))]\",\n \"gradient-purple\":\n \"border-[color:var(--zui-pagination-list-gradient-purple-border,oklch(65.6%_0.241_354.308_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-purple-border-dark,oklch(65.6%_0.241_354.308_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:from-[var(--zui-pagination-list-gradient-purple-from-dark,oklch(29.1%_0.149_302.717_/_0.3))] to-[var(--zui-pagination-list-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-pagination-list-gradient-purple-to-dark,oklch(28.4%_0.109_3.907_/_0.3))]\",\n \"gradient-teal\":\n \"border-[color:var(--zui-pagination-list-gradient-teal-border,oklch(71.5%_0.143_215.221_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-teal-border-dark,oklch(71.5%_0.143_215.221_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-pagination-list-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.3))] to-[var(--zui-pagination-list-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-pagination-list-gradient-teal-to-dark,oklch(30.2%_0.056_229.695_/_0.3))]\",\n \"gradient-indigo\":\n \"border-[color:var(--zui-pagination-list-gradient-indigo-border,oklch(62.7%_0.265_303.9_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-indigo-border-dark,oklch(62.7%_0.265_303.9_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-pagination-list-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.3))] to-[var(--zui-pagination-list-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-pagination-list-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.3))]\",\n \"gradient-pink\":\n \"border-[color:var(--zui-pagination-list-gradient-pink-border,oklch(64.5%_0.246_16.439_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-pink-border-dark,oklch(64.5%_0.246_16.439_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-pagination-list-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.3))] to-[var(--zui-pagination-list-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-pagination-list-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.3))]\",\n \"gradient-orange\":\n \"border-[color:var(--zui-pagination-list-gradient-orange-border,oklch(70.5%_0.213_47.604_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-orange-border-dark,oklch(70.5%_0.213_47.604_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-orange-from,oklch(98%_0.016_73.684))] dark:from-[var(--zui-pagination-list-gradient-orange-from-dark,oklch(26.6%_0.079_36.259_/_0.3))] to-[var(--zui-pagination-list-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:to-[var(--zui-pagination-list-gradient-orange-to-dark,oklch(25.8%_0.092_26.042_/_0.3))]\",\n} as const;\n\nexport const zuiPaginationListSizes = {\n sm: \"gap-0.5\",\n md: \"gap-1\",\n lg: \"gap-1\",\n xl: \"gap-1.5\",\n \"2xl\": \"gap-1.5\",\n \"3xl\": \"gap-2\",\n \"4xl\": \"gap-2\",\n \"5xl\": \"gap-2\",\n \"6xl\": \"gap-2\",\n \"7xl\": \"gap-2.5\",\n \"8xl\": \"gap-2.5\",\n \"9xl\": \"gap-2.5\",\n \"10xl\": \"gap-3\",\n icon: \"gap-1\",\n} as const;\n\nexport const zuiPaginationEllipsisBase =\n \"inline-flex min-w-[2ch] select-none items-center justify-center px-1 font-medium text-[color:var(--zui-pagination-ellipsis-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-pagination-ellipsis-fg-dark,oklch(70.4%_0.04_256.788))]\";\n\nexport const zuiPaginationEllipsisSizes = {\n sm: \"text-xs\",\n md: \"text-sm\",\n lg: \"text-base\",\n xl: \"text-base\",\n \"2xl\": \"text-lg\",\n \"3xl\": \"text-lg\",\n \"4xl\": \"text-xl\",\n \"5xl\": \"text-xl\",\n \"6xl\": \"text-xl\",\n \"7xl\": \"text-2xl\",\n \"8xl\": \"text-2xl\",\n \"9xl\": \"text-2xl\",\n \"10xl\": \"text-2xl\",\n icon: \"text-sm\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n zuiPaginationEllipsisBase,\n zuiPaginationEllipsisSizes,\n zuiPaginationListAppearances,\n zuiPaginationListBase,\n zuiPaginationListSizes,\n} from \"../../design-system/pagination\";\n\nexport const paginationListVariants = cva(zuiPaginationListBase, {\n variants: {\n appearance: zuiPaginationListAppearances,\n size: zuiPaginationListSizes,\n },\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n },\n});\n\nexport const paginationEllipsisVariants = cva(zuiPaginationEllipsisBase, {\n variants: {\n size: zuiPaginationEllipsisSizes,\n },\n defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { useCallback, useId, type KeyboardEvent } from \"react\";\n\nimport { cn, clampPage } from \"../../lib/utils\";\nimport { buttonVariants } from \"../buttons/variants\";\n\nimport type { PaginationProps } from \"./types\";\nimport { usePagination } from \"../../hooks/usePagination\";\nimport { paginationEllipsisVariants, paginationListVariants } from \"./variants\";\n\nconst defaultPrevLabel = \"Previous page\";\nconst defaultNextLabel = \"Next page\";\nconst defaultEllipsisLabel = \"More pages\";\n\nexport const Pagination = ({\n className,\n appearance = \"default\",\n size = \"md\",\n pageCount,\n page,\n defaultPage = 1,\n onPageChange,\n siblingCount = 1,\n boundaryCount = 1,\n showPrevNext = true,\n prevLabel = defaultPrevLabel,\n nextLabel = defaultNextLabel,\n ellipsisLabel = defaultEllipsisLabel,\n getPageHref,\n \"aria-label\": ariaLabel = \"Pagination\",\n ref,\n ...rest\n}: PaginationProps) => {\n const id = useId();\n const listId = `${id}-list`;\n\n const { currentPage, items, setPage, goPrev, goNext, canGoPrev, canGoNext } =\n usePagination({\n pageCount,\n page,\n defaultPage,\n siblingCount,\n boundaryCount,\n onPageChange,\n });\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent<HTMLElement>) => {\n if (pageCount <= 0) {\n return;\n }\n if (event.key === \"ArrowRight\" || event.key === \"ArrowDown\") {\n event.preventDefault();\n if (canGoNext) {\n setPage(currentPage + 1);\n }\n } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowUp\") {\n event.preventDefault();\n if (canGoPrev) {\n setPage(currentPage - 1);\n }\n } else if (event.key === \"Home\") {\n event.preventDefault();\n setPage(1);\n } else if (event.key === \"End\") {\n event.preventDefault();\n setPage(pageCount);\n }\n },\n [canGoNext, canGoPrev, currentPage, pageCount, setPage],\n );\n\n if (pageCount <= 0) {\n return null;\n }\n\n const inactiveTriggerClass = cn(\n buttonVariants({ appearance: \"ghost\", size }),\n \"bg-white/[0.04] text-slate-900 dark:text-slate-200 hover:bg-white/10\",\n );\n\n const currentTriggerClass = buttonVariants({ appearance, size });\n\n const triggerFocusRing =\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\";\n\n const renderPageControl = (pageNumber: number) => {\n const isCurrent = pageNumber === currentPage;\n const href = getPageHref?.(pageNumber);\n const shared = cn(\n isCurrent ? currentTriggerClass : inactiveTriggerClass,\n \"min-w-[2.25ch] shrink-0\",\n triggerFocusRing,\n );\n\n if (href) {\n return (\n <a\n data-slot=\"pagination-trigger\"\n href={href}\n aria-label={`Page ${pageNumber}`}\n aria-current={isCurrent ? \"page\" : undefined}\n className={shared}\n >\n {pageNumber}\n </a>\n );\n }\n\n return (\n <button\n type=\"button\"\n data-slot=\"pagination-trigger\"\n aria-label={`Page ${pageNumber}`}\n aria-current={isCurrent ? \"page\" : undefined}\n className={shared}\n onClick={() => {\n if (!isCurrent) {\n setPage(pageNumber);\n }\n }}\n >\n {pageNumber}\n </button>\n );\n };\n\n const prevHref = getPageHref?.(clampPage(currentPage - 1, pageCount));\n const nextHref = getPageHref?.(clampPage(currentPage + 1, pageCount));\n\n const navTriggerClass = cn(\n buttonVariants({ appearance: \"outline\", size }),\n \"shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n );\n\n return (\n <nav\n ref={ref}\n data-slot=\"pagination\"\n aria-label={ariaLabel}\n className={cn(\"w-full\", className)}\n onKeyDown={handleKeyDown}\n {...rest}\n >\n <div className=\"flex flex-wrap items-center gap-2\">\n {showPrevNext ? (\n getPageHref && prevHref && canGoPrev ? (\n <a\n data-slot=\"pagination-prev\"\n aria-label={prevLabel}\n href={prevHref}\n className={navTriggerClass}\n >\n Prev\n </a>\n ) : (\n <button\n type=\"button\"\n data-slot=\"pagination-prev\"\n aria-label={prevLabel}\n disabled={!canGoPrev}\n className={navTriggerClass}\n onClick={goPrev}\n >\n Prev\n </button>\n )\n ) : null}\n\n <ul\n id={listId}\n data-slot=\"pagination-list\"\n className={paginationListVariants({ appearance, size })}\n >\n {items.map((item) => (\n <li\n key={item.type === \"page\" ? `page-${item.value}` : item.key}\n data-slot=\"pagination-item\"\n className=\"inline-flex items-center\"\n >\n {item.type === \"ellipsis\" ? (\n <span\n data-slot=\"pagination-ellipsis\"\n className={paginationEllipsisVariants({ size })}\n role=\"img\"\n aria-label={ellipsisLabel}\n >\n …\n </span>\n ) : (\n renderPageControl(item.value)\n )}\n </li>\n ))}\n </ul>\n\n {showPrevNext ? (\n getPageHref && nextHref && canGoNext ? (\n <a\n data-slot=\"pagination-next\"\n aria-label={nextLabel}\n href={nextHref}\n className={navTriggerClass}\n >\n Next\n </a>\n ) : (\n <button\n type=\"button\"\n data-slot=\"pagination-next\"\n aria-label={nextLabel}\n disabled={!canGoNext}\n className={navTriggerClass}\n onClick={goNext}\n >\n Next\n </button>\n )\n ) : null}\n </div>\n </nav>\n );\n};\n\nPagination.displayName = \"Pagination\";\n"]}
1
+ {"version":3,"sources":["../../src/design-system/pagination.ts","../../src/ui/pagination/variants.ts","../../src/ui/pagination/pagination.tsx"],"names":["cva","useId","usePagination","useCallback","cn","buttonVariants","jsx","clampPage","jsxs"],"mappings":"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","file":"pagination.js","sourcesContent":["export const zuiPaginationListBase =\n \"inline-flex flex-wrap items-center rounded-xl border p-1 ring-offset-[var(--zui-pagination-list-ring-offset,oklch(98.4%_0.003_247.858))] dark:ring-offset-[var(--zui-pagination-list-ring-offset-dark,oklch(12.9%_0.042_264.695))]\";\n\nexport const zuiPaginationListAppearances = {\n default:\n \"border-[color:var(--zui-pagination-list-default-border,#0000001a)] dark:border-[color:var(--zui-pagination-list-default-border-dark,#ffffff1a)] bg-[var(--zui-pagination-list-default-bg,#00000008)] dark:bg-[var(--zui-pagination-list-default-bg-dark,#ffffff08)]\",\n secondary:\n \"border-[color:var(--zui-pagination-list-secondary-border,#0000001a)] dark:border-[color:var(--zui-pagination-list-secondary-border-dark,#ffffff1a)] bg-[var(--zui-pagination-list-secondary-bg,oklch(96.8%_0.007_247.896_/_0.4))] dark:bg-[var(--zui-pagination-list-secondary-bg-dark,oklch(20.8%_0.042_265.755_/_0.4))]\",\n destructive:\n \"border-[color:var(--zui-pagination-list-destructive-border,oklch(64.5%_0.246_16.439_/_0.25))] dark:border-[color:var(--zui-pagination-list-destructive-border-dark,oklch(64.5%_0.246_16.439_/_0.25))] bg-[var(--zui-pagination-list-destructive-bg,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-pagination-list-destructive-bg-dark,oklch(27.1%_0.105_12.094_/_0.2))]\",\n outline:\n \"border-[color:var(--zui-pagination-list-outline-border,#00000026)] dark:border-[color:var(--zui-pagination-list-outline-border-dark,#ffffff26)] bg-[var(--zui-pagination-list-outline-bg,transparent)] dark:bg-[var(--zui-pagination-list-outline-bg-dark,transparent)]\",\n ghost:\n \"border-[color:var(--zui-pagination-list-ghost-border,transparent)] dark:border-[color:var(--zui-pagination-list-ghost-border-dark,transparent)] bg-[var(--zui-pagination-list-ghost-bg,transparent)] dark:bg-[var(--zui-pagination-list-ghost-bg-dark,transparent)]\",\n link: \"border-[color:var(--zui-pagination-list-link-border,transparent)] dark:border-[color:var(--zui-pagination-list-link-border-dark,transparent)] bg-[var(--zui-pagination-list-link-bg,transparent)] dark:bg-[var(--zui-pagination-list-link-bg-dark,transparent)]\",\n glass:\n \"border-[color:var(--zui-pagination-list-glass-border,#00000026)] dark:border-[color:var(--zui-pagination-list-glass-border-dark,#ffffff26)] bg-[var(--zui-pagination-list-glass-bg,#0000000d)] dark:bg-[var(--zui-pagination-list-glass-bg-dark,#ffffff0d)] backdrop-blur-md\",\n emerald:\n \"border-[color:var(--zui-pagination-list-emerald-border,oklch(69.6%_0.17_162.48_/_0.25))] dark:border-[color:var(--zui-pagination-list-emerald-border-dark,oklch(69.6%_0.17_162.48_/_0.25))] bg-[var(--zui-pagination-list-emerald-bg,oklch(97.9%_0.021_166.113))] dark:bg-[var(--zui-pagination-list-emerald-bg-dark,oklch(26.2%_0.051_172.552_/_0.2))]\",\n indigo:\n \"border-[color:var(--zui-pagination-list-indigo-border,oklch(58.5%_0.233_277.117_/_0.25))] dark:border-[color:var(--zui-pagination-list-indigo-border-dark,oklch(58.5%_0.233_277.117_/_0.25))] bg-[var(--zui-pagination-list-indigo-bg,oklch(96.2%_0.018_272.314))] dark:bg-[var(--zui-pagination-list-indigo-bg-dark,oklch(25.7%_0.09_281.288_/_0.2))]\",\n purple:\n \"border-[color:var(--zui-pagination-list-purple-border,oklch(62.7%_0.265_303.9_/_0.25))] dark:border-[color:var(--zui-pagination-list-purple-border-dark,oklch(62.7%_0.265_303.9_/_0.25))] bg-[var(--zui-pagination-list-purple-bg,oklch(97.7%_0.014_308.299))] dark:bg-[var(--zui-pagination-list-purple-bg-dark,oklch(29.1%_0.149_302.717_/_0.2))]\",\n pink: \"border-[color:var(--zui-pagination-list-pink-border,oklch(65.6%_0.241_354.308_/_0.25))] dark:border-[color:var(--zui-pagination-list-pink-border-dark,oklch(65.6%_0.241_354.308_/_0.25))] bg-[var(--zui-pagination-list-pink-bg,oklch(97.1%_0.014_343.198))] dark:bg-[var(--zui-pagination-list-pink-bg-dark,oklch(28.4%_0.109_3.907_/_0.2))]\",\n rose: \"border-[color:var(--zui-pagination-list-rose-border,oklch(64.5%_0.246_16.439_/_0.25))] dark:border-[color:var(--zui-pagination-list-rose-border-dark,oklch(64.5%_0.246_16.439_/_0.25))] bg-[var(--zui-pagination-list-rose-bg,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-pagination-list-rose-bg-dark,oklch(27.1%_0.105_12.094_/_0.2))]\",\n sky: \"border-[color:var(--zui-pagination-list-sky-border,oklch(68.5%_0.169_237.323_/_0.25))] dark:border-[color:var(--zui-pagination-list-sky-border-dark,oklch(68.5%_0.169_237.323_/_0.25))] bg-[var(--zui-pagination-list-sky-bg,oklch(97.7%_0.013_236.62))] dark:bg-[var(--zui-pagination-list-sky-bg-dark,oklch(29.3%_0.066_243.157_/_0.2))]\",\n teal: \"border-[color:var(--zui-pagination-list-teal-border,oklch(70.4%_0.14_182.503_/_0.25))] dark:border-[color:var(--zui-pagination-list-teal-border-dark,oklch(70.4%_0.14_182.503_/_0.25))] bg-[var(--zui-pagination-list-teal-bg,oklch(98.4%_0.014_180.72))] dark:bg-[var(--zui-pagination-list-teal-bg-dark,oklch(27.7%_0.046_192.524_/_0.2))]\",\n yellow:\n \"border-[color:var(--zui-pagination-list-yellow-border,oklch(79.5%_0.184_86.047_/_0.25))] dark:border-[color:var(--zui-pagination-list-yellow-border-dark,oklch(79.5%_0.184_86.047_/_0.25))] bg-[var(--zui-pagination-list-yellow-bg,oklch(98.7%_0.026_102.212))] dark:bg-[var(--zui-pagination-list-yellow-bg-dark,oklch(28.6%_0.066_53.813_/_0.2))]\",\n orange:\n \"border-[color:var(--zui-pagination-list-orange-border,oklch(70.5%_0.213_47.604_/_0.25))] dark:border-[color:var(--zui-pagination-list-orange-border-dark,oklch(70.5%_0.213_47.604_/_0.25))] bg-[var(--zui-pagination-list-orange-bg,oklch(98%_0.016_73.684))] dark:bg-[var(--zui-pagination-list-orange-bg-dark,oklch(26.6%_0.079_36.259_/_0.2))]\",\n gray: \"border-[color:var(--zui-pagination-list-gray-border,oklch(55.1%_0.027_264.364_/_0.25))] dark:border-[color:var(--zui-pagination-list-gray-border-dark,oklch(55.1%_0.027_264.364_/_0.25))] bg-[var(--zui-pagination-list-gray-bg,oklch(98.5%_0.002_247.839))] dark:bg-[var(--zui-pagination-list-gray-bg-dark,oklch(13%_0.028_261.692_/_0.2))]\",\n amber:\n \"border-[color:var(--zui-pagination-list-amber-border,oklch(76.9%_0.188_70.08_/_0.25))] dark:border-[color:var(--zui-pagination-list-amber-border-dark,oklch(76.9%_0.188_70.08_/_0.25))] bg-[var(--zui-pagination-list-amber-bg,oklch(98.7%_0.022_95.277))] dark:bg-[var(--zui-pagination-list-amber-bg-dark,oklch(27.9%_0.077_45.635_/_0.2))]\",\n violet:\n \"border-[color:var(--zui-pagination-list-violet-border,oklch(60.6%_0.25_292.717_/_0.25))] dark:border-[color:var(--zui-pagination-list-violet-border-dark,oklch(60.6%_0.25_292.717_/_0.25))] bg-[var(--zui-pagination-list-violet-bg,oklch(96.9%_0.016_293.756))] dark:bg-[var(--zui-pagination-list-violet-bg-dark,oklch(28.3%_0.141_291.089_/_0.2))]\",\n \"gradient-blue\":\n \"border-[color:var(--zui-pagination-list-gradient-blue-border,oklch(62.3%_0.214_259.815_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-blue-border-dark,oklch(62.3%_0.214_259.815_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-blue-from,oklch(97%_0.014_254.604))] dark:from-[var(--zui-pagination-list-gradient-blue-from-dark,oklch(28.2%_0.091_267.935_/_0.3))] to-[var(--zui-pagination-list-gradient-blue-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-pagination-list-gradient-blue-to-dark,oklch(29.1%_0.149_302.717_/_0.3))]\",\n \"gradient-green\":\n \"border-[color:var(--zui-pagination-list-gradient-green-border,oklch(76.8%_0.233_130.85_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-green-border-dark,oklch(76.8%_0.233_130.85_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-green-from,oklch(98.2%_0.018_155.826))] dark:from-[var(--zui-pagination-list-gradient-green-from-dark,oklch(26.6%_0.065_152.934_/_0.3))] to-[var(--zui-pagination-list-gradient-green-to,oklch(98.6%_0.031_120.757))] dark:to-[var(--zui-pagination-list-gradient-green-to-dark,oklch(27.4%_0.072_132.109_/_0.3))]\",\n \"gradient-red\":\n \"border-[color:var(--zui-pagination-list-gradient-red-border,oklch(65.6%_0.241_354.308_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-red-border-dark,oklch(65.6%_0.241_354.308_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-red-from,oklch(97.1%_0.013_17.38))] dark:from-[var(--zui-pagination-list-gradient-red-from-dark,oklch(25.8%_0.092_26.042_/_0.3))] to-[var(--zui-pagination-list-gradient-red-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-pagination-list-gradient-red-to-dark,oklch(28.4%_0.109_3.907_/_0.3))]\",\n \"gradient-yellow\":\n \"border-[color:var(--zui-pagination-list-gradient-yellow-border,oklch(70.5%_0.213_47.604_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-yellow-border-dark,oklch(70.5%_0.213_47.604_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-yellow-from,oklch(98.7%_0.026_102.212))] dark:from-[var(--zui-pagination-list-gradient-yellow-from-dark,oklch(28.6%_0.066_53.813_/_0.3))] to-[var(--zui-pagination-list-gradient-yellow-to,oklch(98%_0.016_73.684))] dark:to-[var(--zui-pagination-list-gradient-yellow-to-dark,oklch(26.6%_0.079_36.259_/_0.3))]\",\n \"gradient-purple\":\n \"border-[color:var(--zui-pagination-list-gradient-purple-border,oklch(65.6%_0.241_354.308_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-purple-border-dark,oklch(65.6%_0.241_354.308_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:from-[var(--zui-pagination-list-gradient-purple-from-dark,oklch(29.1%_0.149_302.717_/_0.3))] to-[var(--zui-pagination-list-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-pagination-list-gradient-purple-to-dark,oklch(28.4%_0.109_3.907_/_0.3))]\",\n \"gradient-teal\":\n \"border-[color:var(--zui-pagination-list-gradient-teal-border,oklch(71.5%_0.143_215.221_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-teal-border-dark,oklch(71.5%_0.143_215.221_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-pagination-list-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.3))] to-[var(--zui-pagination-list-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-pagination-list-gradient-teal-to-dark,oklch(30.2%_0.056_229.695_/_0.3))]\",\n \"gradient-indigo\":\n \"border-[color:var(--zui-pagination-list-gradient-indigo-border,oklch(62.7%_0.265_303.9_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-indigo-border-dark,oklch(62.7%_0.265_303.9_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-pagination-list-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.3))] to-[var(--zui-pagination-list-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-pagination-list-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.3))]\",\n \"gradient-pink\":\n \"border-[color:var(--zui-pagination-list-gradient-pink-border,oklch(64.5%_0.246_16.439_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-pink-border-dark,oklch(64.5%_0.246_16.439_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-pagination-list-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.3))] to-[var(--zui-pagination-list-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-pagination-list-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.3))]\",\n \"gradient-orange\":\n \"border-[color:var(--zui-pagination-list-gradient-orange-border,oklch(70.5%_0.213_47.604_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-orange-border-dark,oklch(70.5%_0.213_47.604_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-orange-from,oklch(98%_0.016_73.684))] dark:from-[var(--zui-pagination-list-gradient-orange-from-dark,oklch(26.6%_0.079_36.259_/_0.3))] to-[var(--zui-pagination-list-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:to-[var(--zui-pagination-list-gradient-orange-to-dark,oklch(25.8%_0.092_26.042_/_0.3))]\",\n} as const;\n\nexport const zuiPaginationListSizes = {\n sm: \"gap-0.5\",\n md: \"gap-1\",\n lg: \"gap-1\",\n xl: \"gap-1.5\",\n \"2xl\": \"gap-1.5\",\n \"3xl\": \"gap-2\",\n \"4xl\": \"gap-2\",\n \"5xl\": \"gap-2\",\n \"6xl\": \"gap-2\",\n \"7xl\": \"gap-2.5\",\n \"8xl\": \"gap-2.5\",\n \"9xl\": \"gap-2.5\",\n \"10xl\": \"gap-3\",\n icon: \"gap-1\",\n} as const;\n\nexport const zuiPaginationEllipsisBase =\n \"inline-flex min-w-[2ch] select-none items-center justify-center px-1 font-medium text-[color:var(--zui-pagination-ellipsis-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-pagination-ellipsis-fg-dark,oklch(70.4%_0.04_256.788))]\";\n\nexport const zuiPaginationEllipsisSizes = {\n sm: \"text-xs\",\n md: \"text-sm\",\n lg: \"text-base\",\n xl: \"text-base\",\n \"2xl\": \"text-lg\",\n \"3xl\": \"text-lg\",\n \"4xl\": \"text-xl\",\n \"5xl\": \"text-xl\",\n \"6xl\": \"text-xl\",\n \"7xl\": \"text-2xl\",\n \"8xl\": \"text-2xl\",\n \"9xl\": \"text-2xl\",\n \"10xl\": \"text-2xl\",\n icon: \"text-sm\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n zuiPaginationEllipsisBase,\n zuiPaginationEllipsisSizes,\n zuiPaginationListAppearances,\n zuiPaginationListBase,\n zuiPaginationListSizes,\n} from \"../../design-system/pagination\";\n\nexport const paginationListVariants = cva(zuiPaginationListBase, {\n variants: {\n appearance: zuiPaginationListAppearances,\n size: zuiPaginationListSizes,\n },\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n },\n});\n\nexport const paginationEllipsisVariants = cva(zuiPaginationEllipsisBase, {\n variants: {\n size: zuiPaginationEllipsisSizes,\n },\n defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { useCallback, useId, type KeyboardEvent } from \"react\";\n\nimport { cn, clampPage } from \"../../lib/utils\";\nimport { buttonVariants } from \"../buttons/variants\";\n\nimport type { PaginationProps } from \"./types\";\nimport { usePagination } from \"../../hooks/usePagination\";\nimport { paginationEllipsisVariants, paginationListVariants } from \"./variants\";\n\nconst defaultPrevLabel = \"Previous page\";\nconst defaultNextLabel = \"Next page\";\nconst defaultEllipsisLabel = \"More pages\";\n\nexport const Pagination = ({\n className,\n appearance = \"default\",\n size = \"md\",\n pageCount,\n page,\n defaultPage = 1,\n onPageChange,\n siblingCount = 1,\n boundaryCount = 1,\n showPrevNext = true,\n prevLabel = defaultPrevLabel,\n nextLabel = defaultNextLabel,\n ellipsisLabel = defaultEllipsisLabel,\n getPageHref,\n \"aria-label\": ariaLabel = \"Pagination\",\n ref,\n ...rest\n}: PaginationProps) => {\n const id = useId();\n const listId = `${id}-list`;\n\n const { currentPage, items, setPage, goPrev, goNext, canGoPrev, canGoNext } =\n usePagination({\n pageCount,\n page,\n defaultPage,\n siblingCount,\n boundaryCount,\n onPageChange,\n });\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent<HTMLElement>) => {\n if (pageCount <= 0) {\n return;\n }\n if (event.key === \"ArrowRight\" || event.key === \"ArrowDown\") {\n event.preventDefault();\n if (canGoNext) {\n setPage(currentPage + 1);\n }\n } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowUp\") {\n event.preventDefault();\n if (canGoPrev) {\n setPage(currentPage - 1);\n }\n } else if (event.key === \"Home\") {\n event.preventDefault();\n setPage(1);\n } else if (event.key === \"End\") {\n event.preventDefault();\n setPage(pageCount);\n }\n },\n [canGoNext, canGoPrev, currentPage, pageCount, setPage],\n );\n\n if (pageCount <= 0) {\n return null;\n }\n\n const inactiveTriggerClass = cn(\n buttonVariants({ appearance: \"ghost\", size }),\n \"bg-white/[0.04] text-slate-900 dark:text-slate-200 hover:bg-white/10\",\n );\n\n const currentTriggerClass = buttonVariants({ appearance, size });\n\n const triggerFocusRing =\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\";\n\n const renderPageControl = (pageNumber: number) => {\n const isCurrent = pageNumber === currentPage;\n const href = getPageHref?.(pageNumber);\n const shared = cn(\n isCurrent ? currentTriggerClass : inactiveTriggerClass,\n \"min-w-[2.25ch] shrink-0\",\n triggerFocusRing,\n );\n\n if (href) {\n return (\n <a\n data-slot=\"pagination-trigger\"\n href={href}\n aria-label={`Page ${pageNumber}`}\n aria-current={isCurrent ? \"page\" : undefined}\n className={shared}\n >\n {pageNumber}\n </a>\n );\n }\n\n return (\n <button\n type=\"button\"\n data-slot=\"pagination-trigger\"\n aria-label={`Page ${pageNumber}`}\n aria-current={isCurrent ? \"page\" : undefined}\n className={shared}\n onClick={() => {\n if (!isCurrent) {\n setPage(pageNumber);\n }\n }}\n >\n {pageNumber}\n </button>\n );\n };\n\n const prevHref = getPageHref?.(clampPage(currentPage - 1, pageCount));\n const nextHref = getPageHref?.(clampPage(currentPage + 1, pageCount));\n\n const navTriggerClass = cn(\n buttonVariants({ appearance: \"outline\", size }),\n \"shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n );\n\n return (\n <nav\n ref={ref}\n data-slot=\"pagination\"\n aria-label={ariaLabel}\n className={cn(\"w-full\", className)}\n onKeyDown={handleKeyDown}\n {...rest}\n >\n <div className=\"flex flex-wrap items-center gap-2\">\n {showPrevNext ? (\n getPageHref && prevHref && canGoPrev ? (\n <a\n data-slot=\"pagination-prev\"\n aria-label={prevLabel}\n href={prevHref}\n className={navTriggerClass}\n >\n Prev\n </a>\n ) : (\n <button\n type=\"button\"\n data-slot=\"pagination-prev\"\n aria-label={prevLabel}\n disabled={!canGoPrev}\n className={navTriggerClass}\n onClick={goPrev}\n >\n Prev\n </button>\n )\n ) : null}\n\n <ul\n id={listId}\n data-slot=\"pagination-list\"\n className={paginationListVariants({ appearance, size })}\n >\n {items.map((item) => (\n <li\n key={item.type === \"page\" ? `page-${item.value}` : item.key}\n data-slot=\"pagination-item\"\n className=\"inline-flex items-center\"\n >\n {item.type === \"ellipsis\" ? (\n <span\n data-slot=\"pagination-ellipsis\"\n className={paginationEllipsisVariants({ size })}\n role=\"img\"\n aria-label={ellipsisLabel}\n >\n …\n </span>\n ) : (\n renderPageControl(item.value)\n )}\n </li>\n ))}\n </ul>\n\n {showPrevNext ? (\n getPageHref && nextHref && canGoNext ? (\n <a\n data-slot=\"pagination-next\"\n aria-label={nextLabel}\n href={nextHref}\n className={navTriggerClass}\n >\n Next\n </a>\n ) : (\n <button\n type=\"button\"\n data-slot=\"pagination-next\"\n aria-label={nextLabel}\n disabled={!canGoNext}\n className={navTriggerClass}\n onClick={goNext}\n >\n Next\n </button>\n )\n ) : null}\n </div>\n </nav>\n );\n};\n\nPagination.displayName = \"Pagination\";\n"]}
package/dist/ui/pagination.mjs CHANGED
@@ -1,7 +1,8 @@
1
1
  "use client";
2
2
  import { usePagination } from '../chunk-YNBJAFI2.mjs';
3
3
  export { usePagination } from '../chunk-YNBJAFI2.mjs';
4
- import { buttonVariants } from '../chunk-HDO5ZM2S.mjs';
4
+ import { buttonVariants } from '../chunk-CIEZFHCO.mjs';
5
+ import '../chunk-4ZP444GA.mjs';
5
6
  import { cn, clampPage } from '../chunk-4D54YOL6.mjs';
6
7
  import { useId, useCallback } from 'react';
7
8
  import { cva } from 'class-variance-authority';
package/dist/ui/pagination.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/design-system/pagination.ts","../../src/ui/pagination/variants.ts","../../src/ui/pagination/pagination.tsx"],"names":[],"mappings":"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","file":"pagination.mjs","sourcesContent":["export const zuiPaginationListBase =\n \"inline-flex flex-wrap items-center rounded-xl border p-1 ring-offset-[var(--zui-pagination-list-ring-offset,oklch(98.4%_0.003_247.858))] dark:ring-offset-[var(--zui-pagination-list-ring-offset-dark,oklch(12.9%_0.042_264.695))]\";\n\nexport const zuiPaginationListAppearances = {\n default:\n \"border-[color:var(--zui-pagination-list-default-border,#0000001a)] dark:border-[color:var(--zui-pagination-list-default-border-dark,#ffffff1a)] bg-[var(--zui-pagination-list-default-bg,#00000008)] dark:bg-[var(--zui-pagination-list-default-bg-dark,#ffffff08)]\",\n secondary:\n \"border-[color:var(--zui-pagination-list-secondary-border,#0000001a)] dark:border-[color:var(--zui-pagination-list-secondary-border-dark,#ffffff1a)] bg-[var(--zui-pagination-list-secondary-bg,oklch(96.8%_0.007_247.896_/_0.4))] dark:bg-[var(--zui-pagination-list-secondary-bg-dark,oklch(20.8%_0.042_265.755_/_0.4))]\",\n destructive:\n \"border-[color:var(--zui-pagination-list-destructive-border,oklch(64.5%_0.246_16.439_/_0.25))] dark:border-[color:var(--zui-pagination-list-destructive-border-dark,oklch(64.5%_0.246_16.439_/_0.25))] bg-[var(--zui-pagination-list-destructive-bg,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-pagination-list-destructive-bg-dark,oklch(27.1%_0.105_12.094_/_0.2))]\",\n outline:\n \"border-[color:var(--zui-pagination-list-outline-border,#00000026)] dark:border-[color:var(--zui-pagination-list-outline-border-dark,#ffffff26)] bg-[var(--zui-pagination-list-outline-bg,transparent)] dark:bg-[var(--zui-pagination-list-outline-bg-dark,transparent)]\",\n ghost:\n \"border-[color:var(--zui-pagination-list-ghost-border,transparent)] dark:border-[color:var(--zui-pagination-list-ghost-border-dark,transparent)] bg-[var(--zui-pagination-list-ghost-bg,transparent)] dark:bg-[var(--zui-pagination-list-ghost-bg-dark,transparent)]\",\n link: \"border-[color:var(--zui-pagination-list-link-border,transparent)] dark:border-[color:var(--zui-pagination-list-link-border-dark,transparent)] bg-[var(--zui-pagination-list-link-bg,transparent)] dark:bg-[var(--zui-pagination-list-link-bg-dark,transparent)]\",\n glass:\n \"border-[color:var(--zui-pagination-list-glass-border,#00000026)] dark:border-[color:var(--zui-pagination-list-glass-border-dark,#ffffff26)] bg-[var(--zui-pagination-list-glass-bg,#0000000d)] dark:bg-[var(--zui-pagination-list-glass-bg-dark,#ffffff0d)] backdrop-blur-md\",\n emerald:\n \"border-[color:var(--zui-pagination-list-emerald-border,oklch(69.6%_0.17_162.48_/_0.25))] dark:border-[color:var(--zui-pagination-list-emerald-border-dark,oklch(69.6%_0.17_162.48_/_0.25))] bg-[var(--zui-pagination-list-emerald-bg,oklch(97.9%_0.021_166.113))] dark:bg-[var(--zui-pagination-list-emerald-bg-dark,oklch(26.2%_0.051_172.552_/_0.2))]\",\n indigo:\n \"border-[color:var(--zui-pagination-list-indigo-border,oklch(58.5%_0.233_277.117_/_0.25))] dark:border-[color:var(--zui-pagination-list-indigo-border-dark,oklch(58.5%_0.233_277.117_/_0.25))] bg-[var(--zui-pagination-list-indigo-bg,oklch(96.2%_0.018_272.314))] dark:bg-[var(--zui-pagination-list-indigo-bg-dark,oklch(25.7%_0.09_281.288_/_0.2))]\",\n purple:\n \"border-[color:var(--zui-pagination-list-purple-border,oklch(62.7%_0.265_303.9_/_0.25))] dark:border-[color:var(--zui-pagination-list-purple-border-dark,oklch(62.7%_0.265_303.9_/_0.25))] bg-[var(--zui-pagination-list-purple-bg,oklch(97.7%_0.014_308.299))] dark:bg-[var(--zui-pagination-list-purple-bg-dark,oklch(29.1%_0.149_302.717_/_0.2))]\",\n pink: \"border-[color:var(--zui-pagination-list-pink-border,oklch(65.6%_0.241_354.308_/_0.25))] dark:border-[color:var(--zui-pagination-list-pink-border-dark,oklch(65.6%_0.241_354.308_/_0.25))] bg-[var(--zui-pagination-list-pink-bg,oklch(97.1%_0.014_343.198))] dark:bg-[var(--zui-pagination-list-pink-bg-dark,oklch(28.4%_0.109_3.907_/_0.2))]\",\n rose: \"border-[color:var(--zui-pagination-list-rose-border,oklch(64.5%_0.246_16.439_/_0.25))] dark:border-[color:var(--zui-pagination-list-rose-border-dark,oklch(64.5%_0.246_16.439_/_0.25))] bg-[var(--zui-pagination-list-rose-bg,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-pagination-list-rose-bg-dark,oklch(27.1%_0.105_12.094_/_0.2))]\",\n sky: \"border-[color:var(--zui-pagination-list-sky-border,oklch(68.5%_0.169_237.323_/_0.25))] dark:border-[color:var(--zui-pagination-list-sky-border-dark,oklch(68.5%_0.169_237.323_/_0.25))] bg-[var(--zui-pagination-list-sky-bg,oklch(97.7%_0.013_236.62))] dark:bg-[var(--zui-pagination-list-sky-bg-dark,oklch(29.3%_0.066_243.157_/_0.2))]\",\n teal: \"border-[color:var(--zui-pagination-list-teal-border,oklch(70.4%_0.14_182.503_/_0.25))] dark:border-[color:var(--zui-pagination-list-teal-border-dark,oklch(70.4%_0.14_182.503_/_0.25))] bg-[var(--zui-pagination-list-teal-bg,oklch(98.4%_0.014_180.72))] dark:bg-[var(--zui-pagination-list-teal-bg-dark,oklch(27.7%_0.046_192.524_/_0.2))]\",\n yellow:\n \"border-[color:var(--zui-pagination-list-yellow-border,oklch(79.5%_0.184_86.047_/_0.25))] dark:border-[color:var(--zui-pagination-list-yellow-border-dark,oklch(79.5%_0.184_86.047_/_0.25))] bg-[var(--zui-pagination-list-yellow-bg,oklch(98.7%_0.026_102.212))] dark:bg-[var(--zui-pagination-list-yellow-bg-dark,oklch(28.6%_0.066_53.813_/_0.2))]\",\n orange:\n \"border-[color:var(--zui-pagination-list-orange-border,oklch(70.5%_0.213_47.604_/_0.25))] dark:border-[color:var(--zui-pagination-list-orange-border-dark,oklch(70.5%_0.213_47.604_/_0.25))] bg-[var(--zui-pagination-list-orange-bg,oklch(98%_0.016_73.684))] dark:bg-[var(--zui-pagination-list-orange-bg-dark,oklch(26.6%_0.079_36.259_/_0.2))]\",\n gray: \"border-[color:var(--zui-pagination-list-gray-border,oklch(55.1%_0.027_264.364_/_0.25))] dark:border-[color:var(--zui-pagination-list-gray-border-dark,oklch(55.1%_0.027_264.364_/_0.25))] bg-[var(--zui-pagination-list-gray-bg,oklch(98.5%_0.002_247.839))] dark:bg-[var(--zui-pagination-list-gray-bg-dark,oklch(13%_0.028_261.692_/_0.2))]\",\n amber:\n \"border-[color:var(--zui-pagination-list-amber-border,oklch(76.9%_0.188_70.08_/_0.25))] dark:border-[color:var(--zui-pagination-list-amber-border-dark,oklch(76.9%_0.188_70.08_/_0.25))] bg-[var(--zui-pagination-list-amber-bg,oklch(98.7%_0.022_95.277))] dark:bg-[var(--zui-pagination-list-amber-bg-dark,oklch(27.9%_0.077_45.635_/_0.2))]\",\n violet:\n \"border-[color:var(--zui-pagination-list-violet-border,oklch(60.6%_0.25_292.717_/_0.25))] dark:border-[color:var(--zui-pagination-list-violet-border-dark,oklch(60.6%_0.25_292.717_/_0.25))] bg-[var(--zui-pagination-list-violet-bg,oklch(96.9%_0.016_293.756))] dark:bg-[var(--zui-pagination-list-violet-bg-dark,oklch(28.3%_0.141_291.089_/_0.2))]\",\n \"gradient-blue\":\n \"border-[color:var(--zui-pagination-list-gradient-blue-border,oklch(62.3%_0.214_259.815_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-blue-border-dark,oklch(62.3%_0.214_259.815_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-blue-from,oklch(97%_0.014_254.604))] dark:from-[var(--zui-pagination-list-gradient-blue-from-dark,oklch(28.2%_0.091_267.935_/_0.3))] to-[var(--zui-pagination-list-gradient-blue-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-pagination-list-gradient-blue-to-dark,oklch(29.1%_0.149_302.717_/_0.3))]\",\n \"gradient-green\":\n \"border-[color:var(--zui-pagination-list-gradient-green-border,oklch(76.8%_0.233_130.85_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-green-border-dark,oklch(76.8%_0.233_130.85_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-green-from,oklch(98.2%_0.018_155.826))] dark:from-[var(--zui-pagination-list-gradient-green-from-dark,oklch(26.6%_0.065_152.934_/_0.3))] to-[var(--zui-pagination-list-gradient-green-to,oklch(98.6%_0.031_120.757))] dark:to-[var(--zui-pagination-list-gradient-green-to-dark,oklch(27.4%_0.072_132.109_/_0.3))]\",\n \"gradient-red\":\n \"border-[color:var(--zui-pagination-list-gradient-red-border,oklch(65.6%_0.241_354.308_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-red-border-dark,oklch(65.6%_0.241_354.308_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-red-from,oklch(97.1%_0.013_17.38))] dark:from-[var(--zui-pagination-list-gradient-red-from-dark,oklch(25.8%_0.092_26.042_/_0.3))] to-[var(--zui-pagination-list-gradient-red-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-pagination-list-gradient-red-to-dark,oklch(28.4%_0.109_3.907_/_0.3))]\",\n \"gradient-yellow\":\n \"border-[color:var(--zui-pagination-list-gradient-yellow-border,oklch(70.5%_0.213_47.604_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-yellow-border-dark,oklch(70.5%_0.213_47.604_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-yellow-from,oklch(98.7%_0.026_102.212))] dark:from-[var(--zui-pagination-list-gradient-yellow-from-dark,oklch(28.6%_0.066_53.813_/_0.3))] to-[var(--zui-pagination-list-gradient-yellow-to,oklch(98%_0.016_73.684))] dark:to-[var(--zui-pagination-list-gradient-yellow-to-dark,oklch(26.6%_0.079_36.259_/_0.3))]\",\n \"gradient-purple\":\n \"border-[color:var(--zui-pagination-list-gradient-purple-border,oklch(65.6%_0.241_354.308_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-purple-border-dark,oklch(65.6%_0.241_354.308_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:from-[var(--zui-pagination-list-gradient-purple-from-dark,oklch(29.1%_0.149_302.717_/_0.3))] to-[var(--zui-pagination-list-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-pagination-list-gradient-purple-to-dark,oklch(28.4%_0.109_3.907_/_0.3))]\",\n \"gradient-teal\":\n \"border-[color:var(--zui-pagination-list-gradient-teal-border,oklch(71.5%_0.143_215.221_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-teal-border-dark,oklch(71.5%_0.143_215.221_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-pagination-list-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.3))] to-[var(--zui-pagination-list-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-pagination-list-gradient-teal-to-dark,oklch(30.2%_0.056_229.695_/_0.3))]\",\n \"gradient-indigo\":\n \"border-[color:var(--zui-pagination-list-gradient-indigo-border,oklch(62.7%_0.265_303.9_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-indigo-border-dark,oklch(62.7%_0.265_303.9_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-pagination-list-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.3))] to-[var(--zui-pagination-list-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-pagination-list-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.3))]\",\n \"gradient-pink\":\n \"border-[color:var(--zui-pagination-list-gradient-pink-border,oklch(64.5%_0.246_16.439_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-pink-border-dark,oklch(64.5%_0.246_16.439_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-pagination-list-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.3))] to-[var(--zui-pagination-list-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-pagination-list-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.3))]\",\n \"gradient-orange\":\n \"border-[color:var(--zui-pagination-list-gradient-orange-border,oklch(70.5%_0.213_47.604_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-orange-border-dark,oklch(70.5%_0.213_47.604_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-orange-from,oklch(98%_0.016_73.684))] dark:from-[var(--zui-pagination-list-gradient-orange-from-dark,oklch(26.6%_0.079_36.259_/_0.3))] to-[var(--zui-pagination-list-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:to-[var(--zui-pagination-list-gradient-orange-to-dark,oklch(25.8%_0.092_26.042_/_0.3))]\",\n} as const;\n\nexport const zuiPaginationListSizes = {\n sm: \"gap-0.5\",\n md: \"gap-1\",\n lg: \"gap-1\",\n xl: \"gap-1.5\",\n \"2xl\": \"gap-1.5\",\n \"3xl\": \"gap-2\",\n \"4xl\": \"gap-2\",\n \"5xl\": \"gap-2\",\n \"6xl\": \"gap-2\",\n \"7xl\": \"gap-2.5\",\n \"8xl\": \"gap-2.5\",\n \"9xl\": \"gap-2.5\",\n \"10xl\": \"gap-3\",\n icon: \"gap-1\",\n} as const;\n\nexport const zuiPaginationEllipsisBase =\n \"inline-flex min-w-[2ch] select-none items-center justify-center px-1 font-medium text-[color:var(--zui-pagination-ellipsis-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-pagination-ellipsis-fg-dark,oklch(70.4%_0.04_256.788))]\";\n\nexport const zuiPaginationEllipsisSizes = {\n sm: \"text-xs\",\n md: \"text-sm\",\n lg: \"text-base\",\n xl: \"text-base\",\n \"2xl\": \"text-lg\",\n \"3xl\": \"text-lg\",\n \"4xl\": \"text-xl\",\n \"5xl\": \"text-xl\",\n \"6xl\": \"text-xl\",\n \"7xl\": \"text-2xl\",\n \"8xl\": \"text-2xl\",\n \"9xl\": \"text-2xl\",\n \"10xl\": \"text-2xl\",\n icon: \"text-sm\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n zuiPaginationEllipsisBase,\n zuiPaginationEllipsisSizes,\n zuiPaginationListAppearances,\n zuiPaginationListBase,\n zuiPaginationListSizes,\n} from \"../../design-system/pagination\";\n\nexport const paginationListVariants = cva(zuiPaginationListBase, {\n variants: {\n appearance: zuiPaginationListAppearances,\n size: zuiPaginationListSizes,\n },\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n },\n});\n\nexport const paginationEllipsisVariants = cva(zuiPaginationEllipsisBase, {\n variants: {\n size: zuiPaginationEllipsisSizes,\n },\n defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { useCallback, useId, type KeyboardEvent } from \"react\";\n\nimport { cn, clampPage } from \"../../lib/utils\";\nimport { buttonVariants } from \"../buttons/variants\";\n\nimport type { PaginationProps } from \"./types\";\nimport { usePagination } from \"../../hooks/usePagination\";\nimport { paginationEllipsisVariants, paginationListVariants } from \"./variants\";\n\nconst defaultPrevLabel = \"Previous page\";\nconst defaultNextLabel = \"Next page\";\nconst defaultEllipsisLabel = \"More pages\";\n\nexport const Pagination = ({\n className,\n appearance = \"default\",\n size = \"md\",\n pageCount,\n page,\n defaultPage = 1,\n onPageChange,\n siblingCount = 1,\n boundaryCount = 1,\n showPrevNext = true,\n prevLabel = defaultPrevLabel,\n nextLabel = defaultNextLabel,\n ellipsisLabel = defaultEllipsisLabel,\n getPageHref,\n \"aria-label\": ariaLabel = \"Pagination\",\n ref,\n ...rest\n}: PaginationProps) => {\n const id = useId();\n const listId = `${id}-list`;\n\n const { currentPage, items, setPage, goPrev, goNext, canGoPrev, canGoNext } =\n usePagination({\n pageCount,\n page,\n defaultPage,\n siblingCount,\n boundaryCount,\n onPageChange,\n });\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent<HTMLElement>) => {\n if (pageCount <= 0) {\n return;\n }\n if (event.key === \"ArrowRight\" || event.key === \"ArrowDown\") {\n event.preventDefault();\n if (canGoNext) {\n setPage(currentPage + 1);\n }\n } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowUp\") {\n event.preventDefault();\n if (canGoPrev) {\n setPage(currentPage - 1);\n }\n } else if (event.key === \"Home\") {\n event.preventDefault();\n setPage(1);\n } else if (event.key === \"End\") {\n event.preventDefault();\n setPage(pageCount);\n }\n },\n [canGoNext, canGoPrev, currentPage, pageCount, setPage],\n );\n\n if (pageCount <= 0) {\n return null;\n }\n\n const inactiveTriggerClass = cn(\n buttonVariants({ appearance: \"ghost\", size }),\n \"bg-white/[0.04] text-slate-900 dark:text-slate-200 hover:bg-white/10\",\n );\n\n const currentTriggerClass = buttonVariants({ appearance, size });\n\n const triggerFocusRing =\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\";\n\n const renderPageControl = (pageNumber: number) => {\n const isCurrent = pageNumber === currentPage;\n const href = getPageHref?.(pageNumber);\n const shared = cn(\n isCurrent ? currentTriggerClass : inactiveTriggerClass,\n \"min-w-[2.25ch] shrink-0\",\n triggerFocusRing,\n );\n\n if (href) {\n return (\n <a\n data-slot=\"pagination-trigger\"\n href={href}\n aria-label={`Page ${pageNumber}`}\n aria-current={isCurrent ? \"page\" : undefined}\n className={shared}\n >\n {pageNumber}\n </a>\n );\n }\n\n return (\n <button\n type=\"button\"\n data-slot=\"pagination-trigger\"\n aria-label={`Page ${pageNumber}`}\n aria-current={isCurrent ? \"page\" : undefined}\n className={shared}\n onClick={() => {\n if (!isCurrent) {\n setPage(pageNumber);\n }\n }}\n >\n {pageNumber}\n </button>\n );\n };\n\n const prevHref = getPageHref?.(clampPage(currentPage - 1, pageCount));\n const nextHref = getPageHref?.(clampPage(currentPage + 1, pageCount));\n\n const navTriggerClass = cn(\n buttonVariants({ appearance: \"outline\", size }),\n \"shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n );\n\n return (\n <nav\n ref={ref}\n data-slot=\"pagination\"\n aria-label={ariaLabel}\n className={cn(\"w-full\", className)}\n onKeyDown={handleKeyDown}\n {...rest}\n >\n <div className=\"flex flex-wrap items-center gap-2\">\n {showPrevNext ? (\n getPageHref && prevHref && canGoPrev ? (\n <a\n data-slot=\"pagination-prev\"\n aria-label={prevLabel}\n href={prevHref}\n className={navTriggerClass}\n >\n Prev\n </a>\n ) : (\n <button\n type=\"button\"\n data-slot=\"pagination-prev\"\n aria-label={prevLabel}\n disabled={!canGoPrev}\n className={navTriggerClass}\n onClick={goPrev}\n >\n Prev\n </button>\n )\n ) : null}\n\n <ul\n id={listId}\n data-slot=\"pagination-list\"\n className={paginationListVariants({ appearance, size })}\n >\n {items.map((item) => (\n <li\n key={item.type === \"page\" ? `page-${item.value}` : item.key}\n data-slot=\"pagination-item\"\n className=\"inline-flex items-center\"\n >\n {item.type === \"ellipsis\" ? (\n <span\n data-slot=\"pagination-ellipsis\"\n className={paginationEllipsisVariants({ size })}\n role=\"img\"\n aria-label={ellipsisLabel}\n >\n …\n </span>\n ) : (\n renderPageControl(item.value)\n )}\n </li>\n ))}\n </ul>\n\n {showPrevNext ? (\n getPageHref && nextHref && canGoNext ? (\n <a\n data-slot=\"pagination-next\"\n aria-label={nextLabel}\n href={nextHref}\n className={navTriggerClass}\n >\n Next\n </a>\n ) : (\n <button\n type=\"button\"\n data-slot=\"pagination-next\"\n aria-label={nextLabel}\n disabled={!canGoNext}\n className={navTriggerClass}\n onClick={goNext}\n >\n Next\n </button>\n )\n ) : null}\n </div>\n </nav>\n );\n};\n\nPagination.displayName = \"Pagination\";\n"]}
1
+ {"version":3,"sources":["../../src/design-system/pagination.ts","../../src/ui/pagination/variants.ts","../../src/ui/pagination/pagination.tsx"],"names":[],"mappings":"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","file":"pagination.mjs","sourcesContent":["export const zuiPaginationListBase =\n \"inline-flex flex-wrap items-center rounded-xl border p-1 ring-offset-[var(--zui-pagination-list-ring-offset,oklch(98.4%_0.003_247.858))] dark:ring-offset-[var(--zui-pagination-list-ring-offset-dark,oklch(12.9%_0.042_264.695))]\";\n\nexport const zuiPaginationListAppearances = {\n default:\n \"border-[color:var(--zui-pagination-list-default-border,#0000001a)] dark:border-[color:var(--zui-pagination-list-default-border-dark,#ffffff1a)] bg-[var(--zui-pagination-list-default-bg,#00000008)] dark:bg-[var(--zui-pagination-list-default-bg-dark,#ffffff08)]\",\n secondary:\n \"border-[color:var(--zui-pagination-list-secondary-border,#0000001a)] dark:border-[color:var(--zui-pagination-list-secondary-border-dark,#ffffff1a)] bg-[var(--zui-pagination-list-secondary-bg,oklch(96.8%_0.007_247.896_/_0.4))] dark:bg-[var(--zui-pagination-list-secondary-bg-dark,oklch(20.8%_0.042_265.755_/_0.4))]\",\n destructive:\n \"border-[color:var(--zui-pagination-list-destructive-border,oklch(64.5%_0.246_16.439_/_0.25))] dark:border-[color:var(--zui-pagination-list-destructive-border-dark,oklch(64.5%_0.246_16.439_/_0.25))] bg-[var(--zui-pagination-list-destructive-bg,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-pagination-list-destructive-bg-dark,oklch(27.1%_0.105_12.094_/_0.2))]\",\n outline:\n \"border-[color:var(--zui-pagination-list-outline-border,#00000026)] dark:border-[color:var(--zui-pagination-list-outline-border-dark,#ffffff26)] bg-[var(--zui-pagination-list-outline-bg,transparent)] dark:bg-[var(--zui-pagination-list-outline-bg-dark,transparent)]\",\n ghost:\n \"border-[color:var(--zui-pagination-list-ghost-border,transparent)] dark:border-[color:var(--zui-pagination-list-ghost-border-dark,transparent)] bg-[var(--zui-pagination-list-ghost-bg,transparent)] dark:bg-[var(--zui-pagination-list-ghost-bg-dark,transparent)]\",\n link: \"border-[color:var(--zui-pagination-list-link-border,transparent)] dark:border-[color:var(--zui-pagination-list-link-border-dark,transparent)] bg-[var(--zui-pagination-list-link-bg,transparent)] dark:bg-[var(--zui-pagination-list-link-bg-dark,transparent)]\",\n glass:\n \"border-[color:var(--zui-pagination-list-glass-border,#00000026)] dark:border-[color:var(--zui-pagination-list-glass-border-dark,#ffffff26)] bg-[var(--zui-pagination-list-glass-bg,#0000000d)] dark:bg-[var(--zui-pagination-list-glass-bg-dark,#ffffff0d)] backdrop-blur-md\",\n emerald:\n \"border-[color:var(--zui-pagination-list-emerald-border,oklch(69.6%_0.17_162.48_/_0.25))] dark:border-[color:var(--zui-pagination-list-emerald-border-dark,oklch(69.6%_0.17_162.48_/_0.25))] bg-[var(--zui-pagination-list-emerald-bg,oklch(97.9%_0.021_166.113))] dark:bg-[var(--zui-pagination-list-emerald-bg-dark,oklch(26.2%_0.051_172.552_/_0.2))]\",\n indigo:\n \"border-[color:var(--zui-pagination-list-indigo-border,oklch(58.5%_0.233_277.117_/_0.25))] dark:border-[color:var(--zui-pagination-list-indigo-border-dark,oklch(58.5%_0.233_277.117_/_0.25))] bg-[var(--zui-pagination-list-indigo-bg,oklch(96.2%_0.018_272.314))] dark:bg-[var(--zui-pagination-list-indigo-bg-dark,oklch(25.7%_0.09_281.288_/_0.2))]\",\n purple:\n \"border-[color:var(--zui-pagination-list-purple-border,oklch(62.7%_0.265_303.9_/_0.25))] dark:border-[color:var(--zui-pagination-list-purple-border-dark,oklch(62.7%_0.265_303.9_/_0.25))] bg-[var(--zui-pagination-list-purple-bg,oklch(97.7%_0.014_308.299))] dark:bg-[var(--zui-pagination-list-purple-bg-dark,oklch(29.1%_0.149_302.717_/_0.2))]\",\n pink: \"border-[color:var(--zui-pagination-list-pink-border,oklch(65.6%_0.241_354.308_/_0.25))] dark:border-[color:var(--zui-pagination-list-pink-border-dark,oklch(65.6%_0.241_354.308_/_0.25))] bg-[var(--zui-pagination-list-pink-bg,oklch(97.1%_0.014_343.198))] dark:bg-[var(--zui-pagination-list-pink-bg-dark,oklch(28.4%_0.109_3.907_/_0.2))]\",\n rose: \"border-[color:var(--zui-pagination-list-rose-border,oklch(64.5%_0.246_16.439_/_0.25))] dark:border-[color:var(--zui-pagination-list-rose-border-dark,oklch(64.5%_0.246_16.439_/_0.25))] bg-[var(--zui-pagination-list-rose-bg,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-pagination-list-rose-bg-dark,oklch(27.1%_0.105_12.094_/_0.2))]\",\n sky: \"border-[color:var(--zui-pagination-list-sky-border,oklch(68.5%_0.169_237.323_/_0.25))] dark:border-[color:var(--zui-pagination-list-sky-border-dark,oklch(68.5%_0.169_237.323_/_0.25))] bg-[var(--zui-pagination-list-sky-bg,oklch(97.7%_0.013_236.62))] dark:bg-[var(--zui-pagination-list-sky-bg-dark,oklch(29.3%_0.066_243.157_/_0.2))]\",\n teal: \"border-[color:var(--zui-pagination-list-teal-border,oklch(70.4%_0.14_182.503_/_0.25))] dark:border-[color:var(--zui-pagination-list-teal-border-dark,oklch(70.4%_0.14_182.503_/_0.25))] bg-[var(--zui-pagination-list-teal-bg,oklch(98.4%_0.014_180.72))] dark:bg-[var(--zui-pagination-list-teal-bg-dark,oklch(27.7%_0.046_192.524_/_0.2))]\",\n yellow:\n \"border-[color:var(--zui-pagination-list-yellow-border,oklch(79.5%_0.184_86.047_/_0.25))] dark:border-[color:var(--zui-pagination-list-yellow-border-dark,oklch(79.5%_0.184_86.047_/_0.25))] bg-[var(--zui-pagination-list-yellow-bg,oklch(98.7%_0.026_102.212))] dark:bg-[var(--zui-pagination-list-yellow-bg-dark,oklch(28.6%_0.066_53.813_/_0.2))]\",\n orange:\n \"border-[color:var(--zui-pagination-list-orange-border,oklch(70.5%_0.213_47.604_/_0.25))] dark:border-[color:var(--zui-pagination-list-orange-border-dark,oklch(70.5%_0.213_47.604_/_0.25))] bg-[var(--zui-pagination-list-orange-bg,oklch(98%_0.016_73.684))] dark:bg-[var(--zui-pagination-list-orange-bg-dark,oklch(26.6%_0.079_36.259_/_0.2))]\",\n gray: \"border-[color:var(--zui-pagination-list-gray-border,oklch(55.1%_0.027_264.364_/_0.25))] dark:border-[color:var(--zui-pagination-list-gray-border-dark,oklch(55.1%_0.027_264.364_/_0.25))] bg-[var(--zui-pagination-list-gray-bg,oklch(98.5%_0.002_247.839))] dark:bg-[var(--zui-pagination-list-gray-bg-dark,oklch(13%_0.028_261.692_/_0.2))]\",\n amber:\n \"border-[color:var(--zui-pagination-list-amber-border,oklch(76.9%_0.188_70.08_/_0.25))] dark:border-[color:var(--zui-pagination-list-amber-border-dark,oklch(76.9%_0.188_70.08_/_0.25))] bg-[var(--zui-pagination-list-amber-bg,oklch(98.7%_0.022_95.277))] dark:bg-[var(--zui-pagination-list-amber-bg-dark,oklch(27.9%_0.077_45.635_/_0.2))]\",\n violet:\n \"border-[color:var(--zui-pagination-list-violet-border,oklch(60.6%_0.25_292.717_/_0.25))] dark:border-[color:var(--zui-pagination-list-violet-border-dark,oklch(60.6%_0.25_292.717_/_0.25))] bg-[var(--zui-pagination-list-violet-bg,oklch(96.9%_0.016_293.756))] dark:bg-[var(--zui-pagination-list-violet-bg-dark,oklch(28.3%_0.141_291.089_/_0.2))]\",\n \"gradient-blue\":\n \"border-[color:var(--zui-pagination-list-gradient-blue-border,oklch(62.3%_0.214_259.815_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-blue-border-dark,oklch(62.3%_0.214_259.815_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-blue-from,oklch(97%_0.014_254.604))] dark:from-[var(--zui-pagination-list-gradient-blue-from-dark,oklch(28.2%_0.091_267.935_/_0.3))] to-[var(--zui-pagination-list-gradient-blue-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-pagination-list-gradient-blue-to-dark,oklch(29.1%_0.149_302.717_/_0.3))]\",\n \"gradient-green\":\n \"border-[color:var(--zui-pagination-list-gradient-green-border,oklch(76.8%_0.233_130.85_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-green-border-dark,oklch(76.8%_0.233_130.85_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-green-from,oklch(98.2%_0.018_155.826))] dark:from-[var(--zui-pagination-list-gradient-green-from-dark,oklch(26.6%_0.065_152.934_/_0.3))] to-[var(--zui-pagination-list-gradient-green-to,oklch(98.6%_0.031_120.757))] dark:to-[var(--zui-pagination-list-gradient-green-to-dark,oklch(27.4%_0.072_132.109_/_0.3))]\",\n \"gradient-red\":\n \"border-[color:var(--zui-pagination-list-gradient-red-border,oklch(65.6%_0.241_354.308_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-red-border-dark,oklch(65.6%_0.241_354.308_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-red-from,oklch(97.1%_0.013_17.38))] dark:from-[var(--zui-pagination-list-gradient-red-from-dark,oklch(25.8%_0.092_26.042_/_0.3))] to-[var(--zui-pagination-list-gradient-red-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-pagination-list-gradient-red-to-dark,oklch(28.4%_0.109_3.907_/_0.3))]\",\n \"gradient-yellow\":\n \"border-[color:var(--zui-pagination-list-gradient-yellow-border,oklch(70.5%_0.213_47.604_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-yellow-border-dark,oklch(70.5%_0.213_47.604_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-yellow-from,oklch(98.7%_0.026_102.212))] dark:from-[var(--zui-pagination-list-gradient-yellow-from-dark,oklch(28.6%_0.066_53.813_/_0.3))] to-[var(--zui-pagination-list-gradient-yellow-to,oklch(98%_0.016_73.684))] dark:to-[var(--zui-pagination-list-gradient-yellow-to-dark,oklch(26.6%_0.079_36.259_/_0.3))]\",\n \"gradient-purple\":\n \"border-[color:var(--zui-pagination-list-gradient-purple-border,oklch(65.6%_0.241_354.308_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-purple-border-dark,oklch(65.6%_0.241_354.308_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:from-[var(--zui-pagination-list-gradient-purple-from-dark,oklch(29.1%_0.149_302.717_/_0.3))] to-[var(--zui-pagination-list-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-pagination-list-gradient-purple-to-dark,oklch(28.4%_0.109_3.907_/_0.3))]\",\n \"gradient-teal\":\n \"border-[color:var(--zui-pagination-list-gradient-teal-border,oklch(71.5%_0.143_215.221_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-teal-border-dark,oklch(71.5%_0.143_215.221_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-pagination-list-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.3))] to-[var(--zui-pagination-list-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-pagination-list-gradient-teal-to-dark,oklch(30.2%_0.056_229.695_/_0.3))]\",\n \"gradient-indigo\":\n \"border-[color:var(--zui-pagination-list-gradient-indigo-border,oklch(62.7%_0.265_303.9_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-indigo-border-dark,oklch(62.7%_0.265_303.9_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-pagination-list-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.3))] to-[var(--zui-pagination-list-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-pagination-list-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.3))]\",\n \"gradient-pink\":\n \"border-[color:var(--zui-pagination-list-gradient-pink-border,oklch(64.5%_0.246_16.439_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-pink-border-dark,oklch(64.5%_0.246_16.439_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-pagination-list-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.3))] to-[var(--zui-pagination-list-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-pagination-list-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.3))]\",\n \"gradient-orange\":\n \"border-[color:var(--zui-pagination-list-gradient-orange-border,oklch(70.5%_0.213_47.604_/_0.3))] dark:border-[color:var(--zui-pagination-list-gradient-orange-border-dark,oklch(70.5%_0.213_47.604_/_0.3))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-orange-from,oklch(98%_0.016_73.684))] dark:from-[var(--zui-pagination-list-gradient-orange-from-dark,oklch(26.6%_0.079_36.259_/_0.3))] to-[var(--zui-pagination-list-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:to-[var(--zui-pagination-list-gradient-orange-to-dark,oklch(25.8%_0.092_26.042_/_0.3))]\",\n} as const;\n\nexport const zuiPaginationListSizes = {\n sm: \"gap-0.5\",\n md: \"gap-1\",\n lg: \"gap-1\",\n xl: \"gap-1.5\",\n \"2xl\": \"gap-1.5\",\n \"3xl\": \"gap-2\",\n \"4xl\": \"gap-2\",\n \"5xl\": \"gap-2\",\n \"6xl\": \"gap-2\",\n \"7xl\": \"gap-2.5\",\n \"8xl\": \"gap-2.5\",\n \"9xl\": \"gap-2.5\",\n \"10xl\": \"gap-3\",\n icon: \"gap-1\",\n} as const;\n\nexport const zuiPaginationEllipsisBase =\n \"inline-flex min-w-[2ch] select-none items-center justify-center px-1 font-medium text-[color:var(--zui-pagination-ellipsis-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-pagination-ellipsis-fg-dark,oklch(70.4%_0.04_256.788))]\";\n\nexport const zuiPaginationEllipsisSizes = {\n sm: \"text-xs\",\n md: \"text-sm\",\n lg: \"text-base\",\n xl: \"text-base\",\n \"2xl\": \"text-lg\",\n \"3xl\": \"text-lg\",\n \"4xl\": \"text-xl\",\n \"5xl\": \"text-xl\",\n \"6xl\": \"text-xl\",\n \"7xl\": \"text-2xl\",\n \"8xl\": \"text-2xl\",\n \"9xl\": \"text-2xl\",\n \"10xl\": \"text-2xl\",\n icon: \"text-sm\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n zuiPaginationEllipsisBase,\n zuiPaginationEllipsisSizes,\n zuiPaginationListAppearances,\n zuiPaginationListBase,\n zuiPaginationListSizes,\n} from \"../../design-system/pagination\";\n\nexport const paginationListVariants = cva(zuiPaginationListBase, {\n variants: {\n appearance: zuiPaginationListAppearances,\n size: zuiPaginationListSizes,\n },\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n },\n});\n\nexport const paginationEllipsisVariants = cva(zuiPaginationEllipsisBase, {\n variants: {\n size: zuiPaginationEllipsisSizes,\n },\n defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { useCallback, useId, type KeyboardEvent } from \"react\";\n\nimport { cn, clampPage } from \"../../lib/utils\";\nimport { buttonVariants } from \"../buttons/variants\";\n\nimport type { PaginationProps } from \"./types\";\nimport { usePagination } from \"../../hooks/usePagination\";\nimport { paginationEllipsisVariants, paginationListVariants } from \"./variants\";\n\nconst defaultPrevLabel = \"Previous page\";\nconst defaultNextLabel = \"Next page\";\nconst defaultEllipsisLabel = \"More pages\";\n\nexport const Pagination = ({\n className,\n appearance = \"default\",\n size = \"md\",\n pageCount,\n page,\n defaultPage = 1,\n onPageChange,\n siblingCount = 1,\n boundaryCount = 1,\n showPrevNext = true,\n prevLabel = defaultPrevLabel,\n nextLabel = defaultNextLabel,\n ellipsisLabel = defaultEllipsisLabel,\n getPageHref,\n \"aria-label\": ariaLabel = \"Pagination\",\n ref,\n ...rest\n}: PaginationProps) => {\n const id = useId();\n const listId = `${id}-list`;\n\n const { currentPage, items, setPage, goPrev, goNext, canGoPrev, canGoNext } =\n usePagination({\n pageCount,\n page,\n defaultPage,\n siblingCount,\n boundaryCount,\n onPageChange,\n });\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent<HTMLElement>) => {\n if (pageCount <= 0) {\n return;\n }\n if (event.key === \"ArrowRight\" || event.key === \"ArrowDown\") {\n event.preventDefault();\n if (canGoNext) {\n setPage(currentPage + 1);\n }\n } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowUp\") {\n event.preventDefault();\n if (canGoPrev) {\n setPage(currentPage - 1);\n }\n } else if (event.key === \"Home\") {\n event.preventDefault();\n setPage(1);\n } else if (event.key === \"End\") {\n event.preventDefault();\n setPage(pageCount);\n }\n },\n [canGoNext, canGoPrev, currentPage, pageCount, setPage],\n );\n\n if (pageCount <= 0) {\n return null;\n }\n\n const inactiveTriggerClass = cn(\n buttonVariants({ appearance: \"ghost\", size }),\n \"bg-white/[0.04] text-slate-900 dark:text-slate-200 hover:bg-white/10\",\n );\n\n const currentTriggerClass = buttonVariants({ appearance, size });\n\n const triggerFocusRing =\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\";\n\n const renderPageControl = (pageNumber: number) => {\n const isCurrent = pageNumber === currentPage;\n const href = getPageHref?.(pageNumber);\n const shared = cn(\n isCurrent ? currentTriggerClass : inactiveTriggerClass,\n \"min-w-[2.25ch] shrink-0\",\n triggerFocusRing,\n );\n\n if (href) {\n return (\n <a\n data-slot=\"pagination-trigger\"\n href={href}\n aria-label={`Page ${pageNumber}`}\n aria-current={isCurrent ? \"page\" : undefined}\n className={shared}\n >\n {pageNumber}\n </a>\n );\n }\n\n return (\n <button\n type=\"button\"\n data-slot=\"pagination-trigger\"\n aria-label={`Page ${pageNumber}`}\n aria-current={isCurrent ? \"page\" : undefined}\n className={shared}\n onClick={() => {\n if (!isCurrent) {\n setPage(pageNumber);\n }\n }}\n >\n {pageNumber}\n </button>\n );\n };\n\n const prevHref = getPageHref?.(clampPage(currentPage - 1, pageCount));\n const nextHref = getPageHref?.(clampPage(currentPage + 1, pageCount));\n\n const navTriggerClass = cn(\n buttonVariants({ appearance: \"outline\", size }),\n \"shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n );\n\n return (\n <nav\n ref={ref}\n data-slot=\"pagination\"\n aria-label={ariaLabel}\n className={cn(\"w-full\", className)}\n onKeyDown={handleKeyDown}\n {...rest}\n >\n <div className=\"flex flex-wrap items-center gap-2\">\n {showPrevNext ? (\n getPageHref && prevHref && canGoPrev ? (\n <a\n data-slot=\"pagination-prev\"\n aria-label={prevLabel}\n href={prevHref}\n className={navTriggerClass}\n >\n Prev\n </a>\n ) : (\n <button\n type=\"button\"\n data-slot=\"pagination-prev\"\n aria-label={prevLabel}\n disabled={!canGoPrev}\n className={navTriggerClass}\n onClick={goPrev}\n >\n Prev\n </button>\n )\n ) : null}\n\n <ul\n id={listId}\n data-slot=\"pagination-list\"\n className={paginationListVariants({ appearance, size })}\n >\n {items.map((item) => (\n <li\n key={item.type === \"page\" ? `page-${item.value}` : item.key}\n data-slot=\"pagination-item\"\n className=\"inline-flex items-center\"\n >\n {item.type === \"ellipsis\" ? (\n <span\n data-slot=\"pagination-ellipsis\"\n className={paginationEllipsisVariants({ size })}\n role=\"img\"\n aria-label={ellipsisLabel}\n >\n …\n </span>\n ) : (\n renderPageControl(item.value)\n )}\n </li>\n ))}\n </ul>\n\n {showPrevNext ? (\n getPageHref && nextHref && canGoNext ? (\n <a\n data-slot=\"pagination-next\"\n aria-label={nextLabel}\n href={nextHref}\n className={navTriggerClass}\n >\n Next\n </a>\n ) : (\n <button\n type=\"button\"\n data-slot=\"pagination-next\"\n aria-label={nextLabel}\n disabled={!canGoNext}\n className={navTriggerClass}\n onClick={goNext}\n >\n Next\n </button>\n )\n ) : null}\n </div>\n </nav>\n );\n};\n\nPagination.displayName = \"Pagination\";\n"]}
package/dist/ui/table/animated.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  'use strict';
3
3
 
4
- var chunkG66SXATZ_js = require('../../chunk-G66SXATZ.js');
4
+ var chunkIL4LH2XX_js = require('../../chunk-IL4LH2XX.js');
5
5
  require('../../chunk-ZS5756ZC.js');
6
6
  var framerMotion = require('framer-motion');
7
7
  var jsxRuntime = require('react/jsx-runtime');
@@ -17,32 +17,32 @@ var tableAnimationPresets = {
17
17
  var TableRowAnimated = (props) => {
18
18
  const { rowAnimation = "hover" } = props;
19
19
  const motionProps = tableAnimationPresets[rowAnimation];
20
- return /* @__PURE__ */ jsxRuntime.jsx(chunkG66SXATZ_js.TableRow, { ...props, as: framerMotion.motion.tr, initial: false, ...motionProps });
20
+ return /* @__PURE__ */ jsxRuntime.jsx(chunkIL4LH2XX_js.TableRow, { ...props, as: framerMotion.motion.tr, initial: false, ...motionProps });
21
21
  };
22
22
 
23
23
  Object.defineProperty(exports, "TableBody", {
24
24
  enumerable: true,
25
- get: function () { return chunkG66SXATZ_js.TableBody; }
25
+ get: function () { return chunkIL4LH2XX_js.TableBody; }
26
26
  });
27
27
  Object.defineProperty(exports, "TableCaption", {
28
28
  enumerable: true,
29
- get: function () { return chunkG66SXATZ_js.TableCaption; }
29
+ get: function () { return chunkIL4LH2XX_js.TableCaption; }
30
30
  });
31
31
  Object.defineProperty(exports, "TableCell", {
32
32
  enumerable: true,
33
- get: function () { return chunkG66SXATZ_js.TableCell; }
33
+ get: function () { return chunkIL4LH2XX_js.TableCell; }
34
34
  });
35
35
  Object.defineProperty(exports, "TableFooter", {
36
36
  enumerable: true,
37
- get: function () { return chunkG66SXATZ_js.TableFooter; }
37
+ get: function () { return chunkIL4LH2XX_js.TableFooter; }
38
38
  });
39
39
  Object.defineProperty(exports, "TableHead", {
40
40
  enumerable: true,
41
- get: function () { return chunkG66SXATZ_js.TableHead; }
41
+ get: function () { return chunkIL4LH2XX_js.TableHead; }
42
42
  });
43
43
  Object.defineProperty(exports, "TableHeader", {
44
44
  enumerable: true,
45
- get: function () { return chunkG66SXATZ_js.TableHeader; }
45
+ get: function () { return chunkIL4LH2XX_js.TableHeader; }
46
46
  });
47
47
  exports.TableRowAnimated = TableRowAnimated;
48
48
  exports.tableAnimationPresets = tableAnimationPresets;
package/dist/ui/table/animated.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client";
2
- import { TableRow } from '../../chunk-ZIFMIS7D.mjs';
3
- export { TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader } from '../../chunk-ZIFMIS7D.mjs';
2
+ import { TableRow } from '../../chunk-OL3BJSRC.mjs';
3
+ export { TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader } from '../../chunk-OL3BJSRC.mjs';
4
4
  import '../../chunk-4D54YOL6.mjs';
5
5
  import { motion } from 'framer-motion';
6
6
  import { jsx } from 'react/jsx-runtime';
package/dist/ui/table/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableContext, useTableContext, } from "./table";
2
- export type { TableAnimation, TableCellProps, TableHeadCellProps, TableProps, TableSectionProps, } from "./types";
2
+ export type { TableAnimation, TableCellProps, TableHeadCellProps, TableProps, TableSectionProps, TableSortChangeHandler, TableSortDirection, TableSortState, } from "./types";
3
3
  export { tableVariants, tableRowVariants, tableCellVariants } from "./variants";
4
4
  //# sourceMappingURL=index.d.ts.map
package/dist/ui/table/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/table/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAW,EACX,SAAS,EACT,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,eAAe,GAChB,MAAM,SAAS,CAAC;AACjB,YAAY,EACV,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,iBAAiB,GAClB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/table/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAW,EACX,SAAS,EACT,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,eAAe,GAChB,MAAM,SAAS,CAAC;AACjB,YAAY,EACV,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,iBAAiB,EACjB,sBAAsB,EACtB,kBAAkB,EAClB,cAAc,GACf,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC"}
package/dist/ui/table/table-base.d.ts CHANGED
@@ -17,13 +17,13 @@ export declare function TableFooter({ className, children }: TableSectionProps):
17
17
  export declare namespace TableFooter {
18
18
  var displayName: string;
19
19
  }
20
- export declare function TableRow({ className, children, ref, as: Wrapper, ...rest }: TableSectionProps & {
20
+ export declare function TableRow({ className, children, ref, as: Wrapper, rowAnimation: _rowAnimation, ...rest }: TableSectionProps & {
21
21
  ref?: React.Ref<HTMLTableRowElement>;
22
22
  }): import("react/jsx-runtime").JSX.Element;
23
23
  export declare namespace TableRow {
24
24
  var displayName: string;
25
25
  }
26
- export declare function TableHead({ className, children, scope, sortDirection, ref, ...rest }: TableHeadCellProps): import("react/jsx-runtime").JSX.Element;
26
+ export declare function TableHead({ className, children, scope, sortKey, sortDirection, onSortChange, onClick, onKeyDown, tabIndex, ref, ...rest }: TableHeadCellProps): import("react/jsx-runtime").JSX.Element;
27
27
  export declare namespace TableHead {
28
28
  var displayName: string;
29
29
  }
package/dist/ui/table/table-base.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"table-base.d.ts","sourceRoot":"","sources":["../../../src/ui/table/table-base.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,QAAQ,EACR,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,YAAY,0CAAuC,CAAC;AAEjE,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,GAAG,QAAQ,CAM3D;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,UAAU,2CAkD1C;yBAlDe,SAAS;;;AAsDzB,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAUrE;yBAVe,WAAW;;;AAc3B,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAMnE;yBANe,SAAS;;;AAUzB,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAYrE;yBAZe,WAAW;;;AAgB3B,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,QAAQ,EACR,GAAG,EACH,EAAE,EAAE,OAAc,EAClB,GAAG,IAAI,EACR,EAAE,iBAAiB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAA;CAAE,2CAa9D;yBAnBe,QAAQ;;;AAuBxB,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,KAAa,EACb,aAAa,EACb,GAAG,EACH,GAAG,IAAI,EACR,EAAE,kBAAkB,2CAiBpB;yBAxBe,SAAS;;;AA4BzB,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,EACH,KAAK,EACL,GAAG,IAAI,EACR,EAAE,cAAc,2CA0BhB;yBAhCe,SAAS;;;AAoCzB,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAStE;yBATe,YAAY"}
1
+ {"version":3,"file":"table-base.d.ts","sourceRoot":"","sources":["../../../src/ui/table/table-base.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EACV,QAAQ,EACR,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,iBAAiB,EAElB,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,YAAY,0CAAuC,CAAC;AAEjE,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,GAAG,QAAQ,CAM3D;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,UAAU,2CAkD1C;yBAlDe,SAAS;;;AAsDzB,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAUrE;yBAVe,WAAW;;;AAc3B,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAMnE;yBANe,SAAS;;;AAUzB,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAYrE;yBAZe,WAAW;;;AAgB3B,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,QAAQ,EACR,GAAG,EACH,EAAE,EAAE,OAAc,EAClB,YAAY,EAAE,aAAa,EAC3B,GAAG,IAAI,EACR,EAAE,iBAAiB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAA;CAAE,2CAa9D;yBApBe,QAAQ;;;AAwBxB,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,KAAa,EACb,OAAO,EACP,aAAa,EACb,YAAY,EACZ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,IAAI,EACR,EAAE,kBAAkB,2CAqEpB;yBAjFe,SAAS;;;AAqFzB,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,EACH,KAAK,EACL,GAAG,IAAI,EACR,EAAE,cAAc,2CA0BhB;yBAhCe,SAAS;;;AAoCzB,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAStE;yBATe,YAAY"}
package/dist/ui/table/types.d.ts CHANGED
@@ -2,6 +2,12 @@ import type { VariantProps } from "class-variance-authority";
2
2
  import type { ElementType, HTMLAttributes, ReactNode, Ref, TdHTMLAttributes, ThHTMLAttributes } from "react";
3
3
  import type { tableVariants } from "./variants";
4
4
  export type TableAnimation = "none" | "hover";
5
+ export type TableSortDirection = "ascending" | "descending" | "none";
6
+ export type TableSortState<TKey extends string = string> = {
7
+ sortKey?: TKey;
8
+ sortDirection: TableSortDirection;
9
+ };
10
+ export type TableSortChangeHandler<TKey extends string = string> = (nextSort: TableSortState<TKey>) => void;
5
11
  type TableVariantProps = VariantProps<typeof tableVariants>;
6
12
  export type TableProps = TableVariantProps & Omit<HTMLAttributes<HTMLTableElement>, "children"> & {
7
13
  children?: ReactNode;
@@ -17,7 +23,9 @@ export type TableSectionProps = {
17
23
  rowAnimation?: TableAnimation;
18
24
  };
19
25
  export type TableHeadCellProps = ThHTMLAttributes<HTMLTableCellElement> & {
20
- sortDirection?: "ascending" | "descending" | "none";
26
+ sortKey?: string;
27
+ sortDirection?: TableSortDirection;
28
+ onSortChange?: TableSortChangeHandler;
21
29
  ref?: Ref<HTMLTableCellElement>;
22
30
  };
23
31
  export type TableCellProps = Omit<TdHTMLAttributes<HTMLTableCellElement>, "scope"> & {
package/dist/ui/table/types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/table/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EACV,WAAW,EACX,cAAc,EACd,SAAS,EACT,GAAG,EACH,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAE9C,KAAK,iBAAiB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5D,MAAM,MAAM,UAAU,GAAG,iBAAiB,GACxC,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,GAAG;IACnD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,yEAAyE;IACzE,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEJ,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,cAAc,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,oBAAoB,CAAC,GAAG;IACxE,aAAa,CAAC,EAAE,WAAW,GAAG,YAAY,GAAG,MAAM,CAAC;IACpD,GAAG,CAAC,EAAE,GAAG,CAAC,oBAAoB,CAAC,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,gBAAgB,CAAC,oBAAoB,CAAC,EACtC,OAAO,CACR,GAAG;IACF,GAAG,CAAC,EAAE,GAAG,CAAC,oBAAoB,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,wGAAwG;IACxG,KAAK,CAAC,EAAE,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,OAAO,CAAC,CAAC;CACzD,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,UAAU,EAAE,WAAW,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC;IAClD,IAAI,EAAE,WAAW,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;IACtC,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,cAAc,CAAC;IAC7B,SAAS,EAAE,WAAW,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC;CACrD,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/table/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EACV,WAAW,EACX,cAAc,EACd,SAAS,EACT,GAAG,EACH,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAC9C,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,CAAC;AAErE,MAAM,MAAM,cAAc,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,IAAI;IACzD,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,aAAa,EAAE,kBAAkB,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,sBAAsB,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,IAAI,CACjE,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,KAC3B,IAAI,CAAC;AAEV,KAAK,iBAAiB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5D,MAAM,MAAM,UAAU,GAAG,iBAAiB,GACxC,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,GAAG;IACnD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,yEAAyE;IACzE,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEJ,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,cAAc,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,oBAAoB,CAAC,GAAG;IACxE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,YAAY,CAAC,EAAE,sBAAsB,CAAC;IACtC,GAAG,CAAC,EAAE,GAAG,CAAC,oBAAoB,CAAC,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,gBAAgB,CAAC,oBAAoB,CAAC,EACtC,OAAO,CACR,GAAG;IACF,GAAG,CAAC,EAAE,GAAG,CAAC,oBAAoB,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,wGAAwG;IACxG,KAAK,CAAC,EAAE,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,OAAO,CAAC,CAAC;CACzD,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,UAAU,EAAE,WAAW,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC;IAClD,IAAI,EAAE,WAAW,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;IACtC,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,cAAc,CAAC;IAC7B,SAAS,EAAE,WAAW,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC;CACrD,CAAC"}
package/dist/ui/table.js CHANGED
@@ -1,62 +1,62 @@
1
1
  "use client";
2
2
  'use strict';
3
3
 
4
- var chunkG66SXATZ_js = require('../chunk-G66SXATZ.js');
4
+ var chunkIL4LH2XX_js = require('../chunk-IL4LH2XX.js');
5
5
  require('../chunk-ZS5756ZC.js');
6
6
 
7
7
 
8
8
 
9
9
  Object.defineProperty(exports, "Table", {
10
10
  enumerable: true,
11
- get: function () { return chunkG66SXATZ_js.TableBase; }
11
+ get: function () { return chunkIL4LH2XX_js.TableBase; }
12
12
  });
13
13
  Object.defineProperty(exports, "TableBody", {
14
14
  enumerable: true,
15
- get: function () { return chunkG66SXATZ_js.TableBody; }
15
+ get: function () { return chunkIL4LH2XX_js.TableBody; }
16
16
  });
17
17
  Object.defineProperty(exports, "TableCaption", {
18
18
  enumerable: true,
19
- get: function () { return chunkG66SXATZ_js.TableCaption; }
19
+ get: function () { return chunkIL4LH2XX_js.TableCaption; }
20
20
  });
21
21
  Object.defineProperty(exports, "TableCell", {
22
22
  enumerable: true,
23
- get: function () { return chunkG66SXATZ_js.TableCell; }
23
+ get: function () { return chunkIL4LH2XX_js.TableCell; }
24
24
  });
25
25
  Object.defineProperty(exports, "TableContext", {
26
26
  enumerable: true,
27
- get: function () { return chunkG66SXATZ_js.TableContext; }
27
+ get: function () { return chunkIL4LH2XX_js.TableContext; }
28
28
  });
29
29
  Object.defineProperty(exports, "TableFooter", {
30
30
  enumerable: true,
31
- get: function () { return chunkG66SXATZ_js.TableFooter; }
31
+ get: function () { return chunkIL4LH2XX_js.TableFooter; }
32
32
  });
33
33
  Object.defineProperty(exports, "TableHead", {
34
34
  enumerable: true,
35
- get: function () { return chunkG66SXATZ_js.TableHead; }
35
+ get: function () { return chunkIL4LH2XX_js.TableHead; }
36
36
  });
37
37
  Object.defineProperty(exports, "TableHeader", {
38
38
  enumerable: true,
39
- get: function () { return chunkG66SXATZ_js.TableHeader; }
39
+ get: function () { return chunkIL4LH2XX_js.TableHeader; }
40
40
  });
41
41
  Object.defineProperty(exports, "TableRow", {
42
42
  enumerable: true,
43
- get: function () { return chunkG66SXATZ_js.TableRow; }
43
+ get: function () { return chunkIL4LH2XX_js.TableRow; }
44
44
  });
45
45
  Object.defineProperty(exports, "tableCellVariants", {
46
46
  enumerable: true,
47
- get: function () { return chunkG66SXATZ_js.tableCellVariants; }
47
+ get: function () { return chunkIL4LH2XX_js.tableCellVariants; }
48
48
  });
49
49
  Object.defineProperty(exports, "tableRowVariants", {
50
50
  enumerable: true,
51
- get: function () { return chunkG66SXATZ_js.tableRowVariants; }
51
+ get: function () { return chunkIL4LH2XX_js.tableRowVariants; }
52
52
  });
53
53
  Object.defineProperty(exports, "tableVariants", {
54
54
  enumerable: true,
55
- get: function () { return chunkG66SXATZ_js.tableVariants; }
55
+ get: function () { return chunkIL4LH2XX_js.tableVariants; }
56
56
  });
57
57
  Object.defineProperty(exports, "useTableContext", {
58
58
  enumerable: true,
59
- get: function () { return chunkG66SXATZ_js.useTableContext; }
59
+ get: function () { return chunkIL4LH2XX_js.useTableContext; }
60
60
  });
61
61
  //# sourceMappingURL=table.js.map
62
62
  //# sourceMappingURL=table.js.map
package/dist/ui/table.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- export { TableBase as Table, TableBody, TableCaption, TableCell, TableContext, TableFooter, TableHead, TableHeader, TableRow, tableCellVariants, tableRowVariants, tableVariants, useTableContext } from '../chunk-ZIFMIS7D.mjs';
2
+ export { TableBase as Table, TableBody, TableCaption, TableCell, TableContext, TableFooter, TableHead, TableHeader, TableRow, tableCellVariants, tableRowVariants, tableVariants, useTableContext } from '../chunk-OL3BJSRC.mjs';
3
3
  import '../chunk-4D54YOL6.mjs';
4
4
  //# sourceMappingURL=table.mjs.map
5
5
  //# sourceMappingURL=table.mjs.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zentauri-ui/zentauri-components",
3
- "version": "1.8.1",
3
+ "version": "1.8.3",
4
4
  "description": "React + Tailwind UI kit with charts, ESM/CJS builds, per-entry exports, and a zentauri-components / zentauri-ui CLI to vendor UI or hook source into your app",
5
5
  "license": "MIT",
6
6
  "files": [
@@ -21,6 +21,11 @@
21
21
  "access": "public"
22
22
  },
23
23
  "exports": {
24
+ "./design-system/tokens": {
25
+ "types": "./dist/design-system/tokens.d.ts",
26
+ "import": "./dist/design-system/tokens.mjs",
27
+ "require": "./dist/design-system/tokens.js"
28
+ },
24
29
  "./ui/*": {
25
30
  "types": "./dist/ui/*/index.d.ts",
26
31
  "import": "./dist/ui/*.mjs",
@@ -53,7 +58,8 @@
53
58
  "build:types": "tsc -p tsconfig.emit-types.json",
54
59
  "build": "npm run build:js && npm run build:types",
55
60
  "generate:registry": "node scripts/generate-registry.mjs",
56
- "prepack": "npm run build && node scripts/generate-registry.mjs",
61
+ "check:exports": "node scripts/check-exports.mjs",
62
+ "prepack": "npm run build && node scripts/generate-registry.mjs && node scripts/check-exports.mjs",
57
63
  "test": "vitest run",
58
64
  "test:watch": "vitest"
59
65
  },
package/src/charts/charts.test.tsx ADDED
@@ -0,0 +1,80 @@
1
+ import { render, screen } from "@testing-library/react";
2
+ import { describe, expect, it } from "vitest";
3
+
4
+ import { FunnelChart } from "./funnel";
5
+ import { PieChart } from "./pie";
6
+ import { RadarChart } from "./radar";
7
+ import { ScatterChart } from "./scatter";
8
+ import { StackedBarChart } from "./stacked-bar";
9
+
10
+ const emptySeries = [{ dataKey: "value", name: "Value" }];
11
+
12
+ describe("chart entries", () => {
13
+ it("should expose display names for new chart components", () => {
14
+ expect(FunnelChart.displayName).toBe("FunnelChart");
15
+ expect(RadarChart.displayName).toBe("RadarChart");
16
+ expect(ScatterChart.displayName).toBe("ScatterChart");
17
+ expect(StackedBarChart.displayName).toBe("StackedBarChart");
18
+ });
19
+
20
+ it("should render RadarChart empty state", () => {
21
+ render(
22
+ <RadarChart
23
+ data={[]}
24
+ xKey="axis"
25
+ series={emptySeries}
26
+ emptyState="No radar data"
27
+ />,
28
+ );
29
+ expect(screen.getByText("No radar data")).toBeInTheDocument();
30
+ });
31
+
32
+ it("should render ScatterChart empty state", () => {
33
+ render(
34
+ <ScatterChart
35
+ data={[]}
36
+ xKey="x"
37
+ series={emptySeries}
38
+ emptyState="No scatter data"
39
+ />,
40
+ );
41
+ expect(screen.getByText("No scatter data")).toBeInTheDocument();
42
+ });
43
+
44
+ it("should render StackedBarChart empty state", () => {
45
+ render(
46
+ <StackedBarChart
47
+ data={[]}
48
+ xKey="month"
49
+ series={emptySeries}
50
+ emptyState="No stacked bars"
51
+ />,
52
+ );
53
+ expect(screen.getByText("No stacked bars")).toBeInTheDocument();
54
+ });
55
+
56
+ it("should render FunnelChart empty state", () => {
57
+ render(
58
+ <FunnelChart
59
+ data={[]}
60
+ dataKey="value"
61
+ nameKey="stage"
62
+ emptyState="No funnel data"
63
+ />,
64
+ );
65
+ expect(screen.getByText("No funnel data")).toBeInTheDocument();
66
+ });
67
+
68
+ it("should render PieChart center content for donut charts", () => {
69
+ render(
70
+ <PieChart
71
+ data={[{ segment: "Desktop", value: 44, color: "#0891b2" }]}
72
+ dataKey="value"
73
+ nameKey="segment"
74
+ innerRadius="50%"
75
+ center={<span>Total share</span>}
76
+ />,
77
+ );
78
+ expect(screen.getByText("Total share")).toBeInTheDocument();
79
+ });
80
+ });