@zentauri-ui/zentauri-components 1.6.3 → 1.7.1

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 (578) hide show
  1. package/README.md +40 -6
  2. package/cli/cli.integration.test.ts +8 -0
  3. package/cli/index.mjs +47 -1
  4. package/cli/registry.json +2 -0
  5. package/dist/charts/area.js +11 -10
  6. package/dist/charts/area.js.map +1 -1
  7. package/dist/charts/area.mjs +4 -3
  8. package/dist/charts/area.mjs.map +1 -1
  9. package/dist/charts/bar.js +10 -9
  10. package/dist/charts/bar.js.map +1 -1
  11. package/dist/charts/bar.mjs +4 -3
  12. package/dist/charts/bar.mjs.map +1 -1
  13. package/dist/charts/bubble.js +10 -9
  14. package/dist/charts/bubble.js.map +1 -1
  15. package/dist/charts/bubble.mjs +4 -3
  16. package/dist/charts/bubble.mjs.map +1 -1
  17. package/dist/charts/line.js +10 -9
  18. package/dist/charts/line.js.map +1 -1
  19. package/dist/charts/line.mjs +4 -3
  20. package/dist/charts/line.mjs.map +1 -1
  21. package/dist/charts/pie.js +6 -5
  22. package/dist/charts/pie.js.map +1 -1
  23. package/dist/charts/pie.mjs +3 -2
  24. package/dist/charts/pie.mjs.map +1 -1
  25. package/dist/charts/shared/chart-frame.d.ts.map +1 -1
  26. package/dist/{chunk-QSIJKHC5.mjs → chunk-4XVNQ7IY.mjs} +223 -214
  27. package/dist/chunk-4XVNQ7IY.mjs.map +1 -0
  28. package/dist/chunk-4ZKBLVQX.js +248 -0
  29. package/dist/chunk-4ZKBLVQX.js.map +1 -0
  30. package/dist/chunk-6QQUQLPB.js +107 -0
  31. package/dist/chunk-6QQUQLPB.js.map +1 -0
  32. package/dist/chunk-ABOZ5QIX.js +84 -0
  33. package/dist/chunk-ABOZ5QIX.js.map +1 -0
  34. package/dist/chunk-ACGVDY5J.mjs +220 -0
  35. package/dist/chunk-ACGVDY5J.mjs.map +1 -0
  36. package/dist/{chunk-PPVJ4INP.mjs → chunk-ASJQP53L.mjs} +3 -3
  37. package/dist/{chunk-PPVJ4INP.mjs.map → chunk-ASJQP53L.mjs.map} +1 -1
  38. package/dist/{chunk-D55YIHBN.js → chunk-BTJYXKCW.js} +223 -214
  39. package/dist/chunk-BTJYXKCW.js.map +1 -0
  40. package/dist/{chunk-MM3P52WS.js → chunk-CL55KGDF.js} +56 -52
  41. package/dist/chunk-CL55KGDF.js.map +1 -0
  42. package/dist/chunk-CSFLMMAT.mjs +198 -0
  43. package/dist/chunk-CSFLMMAT.mjs.map +1 -0
  44. package/dist/chunk-EDARAO7X.js +206 -0
  45. package/dist/chunk-EDARAO7X.js.map +1 -0
  46. package/dist/chunk-EIRCCTNA.js +175 -0
  47. package/dist/chunk-EIRCCTNA.js.map +1 -0
  48. package/dist/chunk-EN4VLNBF.js +197 -0
  49. package/dist/chunk-EN4VLNBF.js.map +1 -0
  50. package/dist/chunk-FHLZH3PB.mjs +326 -0
  51. package/dist/chunk-FHLZH3PB.mjs.map +1 -0
  52. package/dist/chunk-FXYPRPAT.mjs +35 -0
  53. package/dist/chunk-FXYPRPAT.mjs.map +1 -0
  54. package/dist/{chunk-SPX2QDIB.mjs → chunk-G2WARVAM.mjs} +8 -4
  55. package/dist/chunk-G2WARVAM.mjs.map +1 -0
  56. package/dist/chunk-HCGSEPOD.mjs +196 -0
  57. package/dist/chunk-HCGSEPOD.mjs.map +1 -0
  58. package/dist/chunk-HDO5ZM2S.mjs +82 -0
  59. package/dist/chunk-HDO5ZM2S.mjs.map +1 -0
  60. package/dist/chunk-HMNIH3KJ.mjs +277 -0
  61. package/dist/chunk-HMNIH3KJ.mjs.map +1 -0
  62. package/dist/chunk-HNLQXHSQ.mjs +263 -0
  63. package/dist/chunk-HNLQXHSQ.mjs.map +1 -0
  64. package/dist/{chunk-M6FS7X54.mjs → chunk-ITVMSCOJ.mjs} +56 -52
  65. package/dist/chunk-ITVMSCOJ.mjs.map +1 -0
  66. package/dist/chunk-K6IZANTI.mjs +80 -0
  67. package/dist/chunk-K6IZANTI.mjs.map +1 -0
  68. package/dist/chunk-K7TCW5PJ.js +338 -0
  69. package/dist/chunk-K7TCW5PJ.js.map +1 -0
  70. package/dist/chunk-KTGV76M3.mjs +325 -0
  71. package/dist/chunk-KTGV76M3.mjs.map +1 -0
  72. package/dist/chunk-MTTXLC2V.mjs +100 -0
  73. package/dist/chunk-MTTXLC2V.mjs.map +1 -0
  74. package/dist/{chunk-JOMSI4WH.js → chunk-NFEA5TN2.js} +52 -47
  75. package/dist/chunk-NFEA5TN2.js.map +1 -0
  76. package/dist/chunk-NHQ3S4Y6.mjs +282 -0
  77. package/dist/chunk-NHQ3S4Y6.mjs.map +1 -0
  78. package/dist/{chunk-OVTWPGMW.mjs → chunk-NMQAHUYA.mjs} +52 -47
  79. package/dist/chunk-NMQAHUYA.mjs.map +1 -0
  80. package/dist/{chunk-MWR5DIA5.mjs → chunk-OULU7OC4.mjs} +3 -3
  81. package/dist/{chunk-MWR5DIA5.mjs.map → chunk-OULU7OC4.mjs.map} +1 -1
  82. package/dist/chunk-OZHETX4J.mjs +169 -0
  83. package/dist/chunk-OZHETX4J.mjs.map +1 -0
  84. package/dist/chunk-OZMSE44N.mjs +235 -0
  85. package/dist/chunk-OZMSE44N.mjs.map +1 -0
  86. package/dist/chunk-P5WLYJ2C.mjs +272 -0
  87. package/dist/chunk-P5WLYJ2C.mjs.map +1 -0
  88. package/dist/chunk-PHEUJ4EF.js +84 -0
  89. package/dist/chunk-PHEUJ4EF.js.map +1 -0
  90. package/dist/chunk-PMWRJ2KS.mjs +192 -0
  91. package/dist/chunk-PMWRJ2KS.mjs.map +1 -0
  92. package/dist/chunk-PR4QXFJT.js +132 -0
  93. package/dist/chunk-PR4QXFJT.js.map +1 -0
  94. package/dist/chunk-QAJOE3HJ.js +281 -0
  95. package/dist/chunk-QAJOE3HJ.js.map +1 -0
  96. package/dist/chunk-QBPVJH4P.mjs +128 -0
  97. package/dist/chunk-QBPVJH4P.mjs.map +1 -0
  98. package/dist/{chunk-MTJRPLMG.js → chunk-QNUDODDX.js} +8 -4
  99. package/dist/chunk-QNUDODDX.js.map +1 -0
  100. package/dist/{chunk-DO2LEXUY.js → chunk-QQ6F4LZK.js} +5 -5
  101. package/dist/{chunk-DO2LEXUY.js.map → chunk-QQ6F4LZK.js.map} +1 -1
  102. package/dist/chunk-QXHS3HHZ.mjs +340 -0
  103. package/dist/chunk-QXHS3HHZ.mjs.map +1 -0
  104. package/dist/chunk-QYLTKBH7.js +338 -0
  105. package/dist/chunk-QYLTKBH7.js.map +1 -0
  106. package/dist/chunk-TTTYW3TR.js +207 -0
  107. package/dist/chunk-TTTYW3TR.js.map +1 -0
  108. package/dist/chunk-W3QRRWQX.js +37 -0
  109. package/dist/chunk-W3QRRWQX.js.map +1 -0
  110. package/dist/chunk-WPXQHWPV.js +232 -0
  111. package/dist/chunk-WPXQHWPV.js.map +1 -0
  112. package/dist/chunk-XRDVD2EN.js +288 -0
  113. package/dist/chunk-XRDVD2EN.js.map +1 -0
  114. package/dist/chunk-XYEMP4K7.js +273 -0
  115. package/dist/chunk-XYEMP4K7.js.map +1 -0
  116. package/dist/chunk-YAO62VH2.js +342 -0
  117. package/dist/chunk-YAO62VH2.js.map +1 -0
  118. package/dist/{chunk-PVTTWOYV.js → chunk-Z6S36PDD.js} +7 -7
  119. package/dist/{chunk-PVTTWOYV.js.map → chunk-Z6S36PDD.js.map} +1 -1
  120. package/dist/chunk-ZYKJC5HH.js +296 -0
  121. package/dist/chunk-ZYKJC5HH.js.map +1 -0
  122. package/dist/design-system/accordion.d.ts +70 -0
  123. package/dist/design-system/accordion.d.ts.map +1 -0
  124. package/dist/design-system/alert.d.ts +39 -0
  125. package/dist/design-system/alert.d.ts.map +1 -0
  126. package/dist/design-system/avatar.d.ts +36 -0
  127. package/dist/design-system/avatar.d.ts.map +1 -0
  128. package/dist/design-system/badge.d.ts +71 -0
  129. package/dist/design-system/badge.d.ts.map +1 -0
  130. package/dist/design-system/breadcrumb.d.ts +27 -0
  131. package/dist/design-system/breadcrumb.d.ts.map +1 -0
  132. package/dist/design-system/button.d.ts +48 -0
  133. package/dist/design-system/button.d.ts.map +1 -0
  134. package/dist/design-system/card.d.ts +65 -0
  135. package/dist/design-system/card.d.ts.map +1 -0
  136. package/dist/design-system/checkbox.d.ts +32 -0
  137. package/dist/design-system/checkbox.d.ts.map +1 -0
  138. package/dist/design-system/divider.d.ts +45 -0
  139. package/dist/design-system/divider.d.ts.map +1 -0
  140. package/dist/design-system/drawer.d.ts +67 -0
  141. package/dist/design-system/drawer.d.ts.map +1 -0
  142. package/dist/design-system/dropdown.d.ts +79 -0
  143. package/dist/design-system/dropdown.d.ts.map +1 -0
  144. package/dist/design-system/dynamic-stepper.d.ts +29 -0
  145. package/dist/design-system/dynamic-stepper.d.ts.map +1 -0
  146. package/dist/design-system/empty-state.d.ts +29 -0
  147. package/dist/design-system/empty-state.d.ts.map +1 -0
  148. package/dist/design-system/file-upload.d.ts +19 -0
  149. package/dist/design-system/file-upload.d.ts.map +1 -0
  150. package/dist/design-system/index.d.ts +32 -0
  151. package/dist/design-system/index.d.ts.map +1 -0
  152. package/dist/design-system/inputs.d.ts +31 -0
  153. package/dist/design-system/inputs.d.ts.map +1 -0
  154. package/dist/design-system/modal.d.ts +66 -0
  155. package/dist/design-system/modal.d.ts.map +1 -0
  156. package/dist/design-system/pagination.d.ts +65 -0
  157. package/dist/design-system/pagination.d.ts.map +1 -0
  158. package/dist/design-system/progress.d.ts +57 -0
  159. package/dist/design-system/progress.d.ts.map +1 -0
  160. package/dist/design-system/radio-group.d.ts +37 -0
  161. package/dist/design-system/radio-group.d.ts.map +1 -0
  162. package/dist/design-system/select.d.ts +92 -0
  163. package/dist/design-system/select.d.ts.map +1 -0
  164. package/dist/design-system/skeleton.d.ts +104 -0
  165. package/dist/design-system/skeleton.d.ts.map +1 -0
  166. package/dist/design-system/slider.d.ts +44 -0
  167. package/dist/design-system/slider.d.ts.map +1 -0
  168. package/dist/design-system/spinner.d.ts +39 -0
  169. package/dist/design-system/spinner.d.ts.map +1 -0
  170. package/dist/design-system/stepper.d.ts +42 -0
  171. package/dist/design-system/stepper.d.ts.map +1 -0
  172. package/dist/design-system/table.d.ts +77 -0
  173. package/dist/design-system/table.d.ts.map +1 -0
  174. package/dist/design-system/tabs.d.ts +49 -0
  175. package/dist/design-system/tabs.d.ts.map +1 -0
  176. package/dist/design-system/toast.d.ts +43 -0
  177. package/dist/design-system/toast.d.ts.map +1 -0
  178. package/dist/design-system/toggle.d.ts +73 -0
  179. package/dist/design-system/toggle.d.ts.map +1 -0
  180. package/dist/design-system/tokens.d.ts +15 -0
  181. package/dist/design-system/tokens.d.ts.map +1 -0
  182. package/dist/design-system/tooltip.d.ts +41 -0
  183. package/dist/design-system/tooltip.d.ts.map +1 -0
  184. package/dist/design-system/typography.d.ts +42 -0
  185. package/dist/design-system/typography.d.ts.map +1 -0
  186. package/dist/hooks/useResizeObserver.js +6 -31
  187. package/dist/hooks/useResizeObserver.js.map +1 -1
  188. package/dist/hooks/useResizeObserver.mjs +1 -33
  189. package/dist/hooks/useResizeObserver.mjs.map +1 -1
  190. package/dist/ui/accordion/animated.js +7 -7
  191. package/dist/ui/accordion/animated.mjs +2 -2
  192. package/dist/ui/accordion/variants.d.ts +5 -5
  193. package/dist/ui/accordion/variants.d.ts.map +1 -1
  194. package/dist/ui/accordion.js +9 -9
  195. package/dist/ui/accordion.mjs +2 -2
  196. package/dist/ui/alert/animated.js +2 -2
  197. package/dist/ui/alert/animated.mjs +1 -1
  198. package/dist/ui/alert/variants.d.ts +4 -4
  199. package/dist/ui/alert/variants.d.ts.map +1 -1
  200. package/dist/ui/alert.js +10 -10
  201. package/dist/ui/alert.mjs +2 -2
  202. package/dist/ui/avatar/animated.js +5 -5
  203. package/dist/ui/avatar/animated.mjs +2 -2
  204. package/dist/ui/avatar/variants.d.ts +1 -1
  205. package/dist/ui/avatar/variants.d.ts.map +1 -1
  206. package/dist/ui/avatar.js +9 -9
  207. package/dist/ui/avatar.mjs +2 -2
  208. package/dist/ui/badge/animated.js +2 -2
  209. package/dist/ui/badge/animated.mjs +1 -1
  210. package/dist/ui/badge/variants.d.ts +29 -32
  211. package/dist/ui/badge/variants.d.ts.map +1 -1
  212. package/dist/ui/badge.js +4 -4
  213. package/dist/ui/badge.mjs +2 -2
  214. package/dist/ui/breadcrumb/variants.d.ts +1 -1
  215. package/dist/ui/breadcrumb/variants.d.ts.map +1 -1
  216. package/dist/ui/breadcrumb.js +42 -40
  217. package/dist/ui/breadcrumb.js.map +1 -1
  218. package/dist/ui/breadcrumb.mjs +42 -40
  219. package/dist/ui/breadcrumb.mjs.map +1 -1
  220. package/dist/ui/buttons/animated.js +3 -3
  221. package/dist/ui/buttons/animated.mjs +1 -1
  222. package/dist/ui/buttons/variants.d.ts +2 -2
  223. package/dist/ui/buttons/variants.d.ts.map +1 -1
  224. package/dist/ui/buttons.js +4 -4
  225. package/dist/ui/buttons.mjs +2 -2
  226. package/dist/ui/card/animated.js +7 -7
  227. package/dist/ui/card/animated.mjs +2 -2
  228. package/dist/ui/card/variants.d.ts +7 -7
  229. package/dist/ui/card/variants.d.ts.map +1 -1
  230. package/dist/ui/card.js +12 -12
  231. package/dist/ui/card.mjs +2 -2
  232. package/dist/ui/checkbox/animated/animations.d.ts +32 -0
  233. package/dist/ui/checkbox/animated/animations.d.ts.map +1 -0
  234. package/dist/ui/checkbox/animated/checkbox-animated.d.ts +6 -0
  235. package/dist/ui/checkbox/animated/checkbox-animated.d.ts.map +1 -0
  236. package/dist/ui/checkbox/animated/index.d.ts +4 -0
  237. package/dist/ui/checkbox/animated/index.d.ts.map +1 -0
  238. package/dist/ui/checkbox/animated/types.d.ts +8 -0
  239. package/dist/ui/checkbox/animated/types.d.ts.map +1 -0
  240. package/dist/ui/checkbox/animated.js +153 -0
  241. package/dist/ui/checkbox/animated.js.map +1 -0
  242. package/dist/ui/checkbox/animated.mjs +150 -0
  243. package/dist/ui/checkbox/animated.mjs.map +1 -0
  244. package/dist/ui/checkbox/checkbox-base.d.ts +6 -0
  245. package/dist/ui/checkbox/checkbox-base.d.ts.map +1 -0
  246. package/dist/ui/checkbox/checkbox.d.ts +6 -0
  247. package/dist/ui/checkbox/checkbox.d.ts.map +1 -0
  248. package/dist/ui/checkbox/index.d.ts +4 -0
  249. package/dist/ui/checkbox/index.d.ts.map +1 -0
  250. package/dist/ui/checkbox/types.d.ts +19 -0
  251. package/dist/ui/checkbox/types.d.ts.map +1 -0
  252. package/dist/ui/checkbox/variants.d.ts +11 -0
  253. package/dist/ui/checkbox/variants.d.ts.map +1 -0
  254. package/dist/ui/checkbox.js +150 -0
  255. package/dist/ui/checkbox.js.map +1 -0
  256. package/dist/ui/checkbox.mjs +137 -0
  257. package/dist/ui/checkbox.mjs.map +1 -0
  258. package/dist/ui/divider/animated.js +2 -2
  259. package/dist/ui/divider/animated.mjs +1 -1
  260. package/dist/ui/divider/variants.d.ts +4 -4
  261. package/dist/ui/divider/variants.d.ts.map +1 -1
  262. package/dist/ui/divider.js +6 -6
  263. package/dist/ui/divider.mjs +2 -2
  264. package/dist/ui/drawer/animated.js +11 -11
  265. package/dist/ui/drawer/animated.mjs +2 -2
  266. package/dist/ui/drawer/variants.d.ts +1 -1
  267. package/dist/ui/drawer/variants.d.ts.map +1 -1
  268. package/dist/ui/drawer.js +11 -11
  269. package/dist/ui/drawer.mjs +1 -1
  270. package/dist/ui/dropdown/variants.d.ts +4 -4
  271. package/dist/ui/dropdown/variants.d.ts.map +1 -1
  272. package/dist/ui/dropdown.js +106 -104
  273. package/dist/ui/dropdown.js.map +1 -1
  274. package/dist/ui/dropdown.mjs +106 -104
  275. package/dist/ui/dropdown.mjs.map +1 -1
  276. package/dist/ui/dynamic-stepper/variants.d.ts +5 -9
  277. package/dist/ui/dynamic-stepper/variants.d.ts.map +1 -1
  278. package/dist/ui/dynamic-stepper.js +100 -93
  279. package/dist/ui/dynamic-stepper.js.map +1 -1
  280. package/dist/ui/dynamic-stepper.mjs +98 -91
  281. package/dist/ui/dynamic-stepper.mjs.map +1 -1
  282. package/dist/ui/empty-state/animated.js +2 -2
  283. package/dist/ui/empty-state/animated.mjs +1 -1
  284. package/dist/ui/empty-state/variants.d.ts +3 -3
  285. package/dist/ui/empty-state/variants.d.ts.map +1 -1
  286. package/dist/ui/empty-state.js +10 -10
  287. package/dist/ui/empty-state.mjs +2 -2
  288. package/dist/ui/file-upload/variants.d.ts.map +1 -1
  289. package/dist/ui/file-upload.js +28 -26
  290. package/dist/ui/file-upload.js.map +1 -1
  291. package/dist/ui/file-upload.mjs +28 -26
  292. package/dist/ui/file-upload.mjs.map +1 -1
  293. package/dist/ui/inputs/animated.js +3 -3
  294. package/dist/ui/inputs/animated.mjs +1 -1
  295. package/dist/ui/inputs/variants.d.ts +1 -1
  296. package/dist/ui/inputs/variants.d.ts.map +1 -1
  297. package/dist/ui/inputs.js +4 -4
  298. package/dist/ui/inputs.mjs +2 -2
  299. package/dist/ui/modal/animated.js +4 -4
  300. package/dist/ui/modal/animated.mjs +1 -1
  301. package/dist/ui/modal/variants.d.ts +1 -1
  302. package/dist/ui/modal/variants.d.ts.map +1 -1
  303. package/dist/ui/modal.js +12 -12
  304. package/dist/ui/modal.mjs +2 -2
  305. package/dist/ui/pagination/variants.d.ts +3 -7
  306. package/dist/ui/pagination/variants.d.ts.map +1 -1
  307. package/dist/ui/pagination.js +84 -84
  308. package/dist/ui/pagination.js.map +1 -1
  309. package/dist/ui/pagination.mjs +81 -81
  310. package/dist/ui/pagination.mjs.map +1 -1
  311. package/dist/ui/progress/animated.js +8 -8
  312. package/dist/ui/progress/animated.mjs +2 -2
  313. package/dist/ui/progress/variants.d.ts +3 -3
  314. package/dist/ui/progress/variants.d.ts.map +1 -1
  315. package/dist/ui/progress.js +9 -9
  316. package/dist/ui/progress.mjs +2 -2
  317. package/dist/ui/radio-group/animated/animations.d.ts +32 -0
  318. package/dist/ui/radio-group/animated/animations.d.ts.map +1 -0
  319. package/dist/ui/radio-group/animated/index.d.ts +4 -0
  320. package/dist/ui/radio-group/animated/index.d.ts.map +1 -0
  321. package/dist/ui/radio-group/animated/radio-group-animated.d.ts +10 -0
  322. package/dist/ui/radio-group/animated/radio-group-animated.d.ts.map +1 -0
  323. package/dist/ui/radio-group/animated/types.d.ts +11 -0
  324. package/dist/ui/radio-group/animated/types.d.ts.map +1 -0
  325. package/dist/ui/radio-group/animated.js +177 -0
  326. package/dist/ui/radio-group/animated.js.map +1 -0
  327. package/dist/ui/radio-group/animated.mjs +173 -0
  328. package/dist/ui/radio-group/animated.mjs.map +1 -0
  329. package/dist/ui/radio-group/index.d.ts +4 -0
  330. package/dist/ui/radio-group/index.d.ts.map +1 -0
  331. package/dist/ui/radio-group/radio-group-context.d.ts +13 -0
  332. package/dist/ui/radio-group/radio-group-context.d.ts.map +1 -0
  333. package/dist/ui/radio-group/radio-group.d.ts +10 -0
  334. package/dist/ui/radio-group/radio-group.d.ts.map +1 -0
  335. package/dist/ui/radio-group/types.d.ts +26 -0
  336. package/dist/ui/radio-group/types.d.ts.map +1 -0
  337. package/dist/ui/radio-group/variants.d.ts +14 -0
  338. package/dist/ui/radio-group/variants.d.ts.map +1 -0
  339. package/dist/ui/radio-group.js +171 -0
  340. package/dist/ui/radio-group.js.map +1 -0
  341. package/dist/ui/radio-group.mjs +153 -0
  342. package/dist/ui/radio-group.mjs.map +1 -0
  343. package/dist/ui/search.js +2 -2
  344. package/dist/ui/search.mjs +1 -1
  345. package/dist/ui/select/variants.d.ts +6 -6
  346. package/dist/ui/select/variants.d.ts.map +1 -1
  347. package/dist/ui/select.js +122 -123
  348. package/dist/ui/select.js.map +1 -1
  349. package/dist/ui/select.mjs +122 -123
  350. package/dist/ui/select.mjs.map +1 -1
  351. package/dist/ui/skeleton/animated.js +8 -8
  352. package/dist/ui/skeleton/animated.mjs +1 -1
  353. package/dist/ui/skeleton/variants.d.ts +5 -4
  354. package/dist/ui/skeleton/variants.d.ts.map +1 -1
  355. package/dist/ui/skeleton.js +9 -9
  356. package/dist/ui/skeleton.mjs +1 -1
  357. package/dist/ui/slider/variants.d.ts +3 -3
  358. package/dist/ui/slider/variants.d.ts.map +1 -1
  359. package/dist/ui/slider.js +69 -67
  360. package/dist/ui/slider.js.map +1 -1
  361. package/dist/ui/slider.mjs +69 -67
  362. package/dist/ui/slider.mjs.map +1 -1
  363. package/dist/ui/spinner/animated/variants.d.ts +2 -2
  364. package/dist/ui/spinner/animated/variants.d.ts.map +1 -1
  365. package/dist/ui/spinner/animated.js +44 -38
  366. package/dist/ui/spinner/animated.js.map +1 -1
  367. package/dist/ui/spinner/animated.mjs +44 -38
  368. package/dist/ui/spinner/animated.mjs.map +1 -1
  369. package/dist/ui/stepper/variants.d.ts +1 -1
  370. package/dist/ui/stepper/variants.d.ts.map +1 -1
  371. package/dist/ui/stepper.js +57 -50
  372. package/dist/ui/stepper.js.map +1 -1
  373. package/dist/ui/stepper.mjs +57 -50
  374. package/dist/ui/stepper.mjs.map +1 -1
  375. package/dist/ui/table/animated.js +8 -8
  376. package/dist/ui/table/animated.mjs +2 -2
  377. package/dist/ui/table/variants.d.ts +2 -2
  378. package/dist/ui/table/variants.d.ts.map +1 -1
  379. package/dist/ui/table.js +14 -14
  380. package/dist/ui/table.mjs +1 -1
  381. package/dist/ui/tabs/animated.js +2 -2
  382. package/dist/ui/tabs/animated.mjs +1 -1
  383. package/dist/ui/tabs/variants.d.ts +2 -2
  384. package/dist/ui/tabs/variants.d.ts.map +1 -1
  385. package/dist/ui/tabs.js +9 -9
  386. package/dist/ui/tabs.mjs +1 -1
  387. package/dist/ui/toast/animated.js +7 -7
  388. package/dist/ui/toast/animated.mjs +1 -1
  389. package/dist/ui/toast/variants.d.ts +3 -3
  390. package/dist/ui/toast/variants.d.ts.map +1 -1
  391. package/dist/ui/toast.js +12 -12
  392. package/dist/ui/toast.mjs +1 -1
  393. package/dist/ui/toggle/animated/toggle-animated.d.ts.map +1 -1
  394. package/dist/ui/toggle/animated.js +13 -6
  395. package/dist/ui/toggle/animated.js.map +1 -1
  396. package/dist/ui/toggle/animated.mjs +12 -5
  397. package/dist/ui/toggle/animated.mjs.map +1 -1
  398. package/dist/ui/toggle/toggle-base.d.ts +2 -0
  399. package/dist/ui/toggle/toggle-base.d.ts.map +1 -1
  400. package/dist/ui/toggle/variants.d.ts +4 -4
  401. package/dist/ui/toggle/variants.d.ts.map +1 -1
  402. package/dist/ui/toggle.js +5 -94
  403. package/dist/ui/toggle.js.map +1 -1
  404. package/dist/ui/toggle.mjs +4 -93
  405. package/dist/ui/toggle.mjs.map +1 -1
  406. package/dist/ui/tooltip/animated.js +3 -3
  407. package/dist/ui/tooltip/animated.mjs +1 -1
  408. package/dist/ui/tooltip/variants.d.ts +3 -3
  409. package/dist/ui/tooltip/variants.d.ts.map +1 -1
  410. package/dist/ui/tooltip.js +7 -7
  411. package/dist/ui/tooltip.mjs +1 -1
  412. package/dist/ui/typography/variants.d.ts +1 -3
  413. package/dist/ui/typography/variants.d.ts.map +1 -1
  414. package/dist/ui/typography.js +51 -41
  415. package/dist/ui/typography.js.map +1 -1
  416. package/dist/ui/typography.mjs +51 -41
  417. package/dist/ui/typography.mjs.map +1 -1
  418. package/package.json +2 -1
  419. package/src/charts/shared/chart-frame.tsx +19 -8
  420. package/src/design-system/accordion.ts +111 -0
  421. package/src/design-system/alert.ts +64 -0
  422. package/src/design-system/avatar.ts +61 -0
  423. package/src/design-system/badge.ts +85 -0
  424. package/src/design-system/breadcrumb.ts +45 -0
  425. package/src/design-system/button.ts +81 -0
  426. package/src/design-system/card.ts +104 -0
  427. package/src/design-system/checkbox.ts +47 -0
  428. package/src/design-system/divider.ts +73 -0
  429. package/src/design-system/drawer.ts +111 -0
  430. package/src/design-system/dropdown.ts +130 -0
  431. package/src/design-system/dynamic-stepper.ts +218 -0
  432. package/src/design-system/empty-state.ts +39 -0
  433. package/src/design-system/file-upload.ts +30 -0
  434. package/src/design-system/index.ts +31 -0
  435. package/src/design-system/inputs.ts +74 -0
  436. package/src/design-system/modal.ts +110 -0
  437. package/src/design-system/pagination.ts +92 -0
  438. package/src/design-system/progress.ts +86 -0
  439. package/src/design-system/radio-group.ts +54 -0
  440. package/src/design-system/select.ts +155 -0
  441. package/src/design-system/skeleton.ts +129 -0
  442. package/src/design-system/slider.ts +70 -0
  443. package/src/design-system/spinner.ts +59 -0
  444. package/src/design-system/stepper.ts +66 -0
  445. package/src/design-system/table.ts +115 -0
  446. package/src/design-system/tabs.ts +73 -0
  447. package/src/design-system/toast.ts +69 -0
  448. package/src/design-system/toggle.ts +120 -0
  449. package/src/design-system/tokens.ts +22 -0
  450. package/src/design-system/tooltip.ts +63 -0
  451. package/src/design-system/typography.ts +64 -0
  452. package/src/ui/accordion/variants.ts +24 -106
  453. package/src/ui/alert/alert.test.tsx +1 -1
  454. package/src/ui/alert/variants.ts +25 -77
  455. package/src/ui/avatar/variants.ts +21 -66
  456. package/src/ui/badge/badge.test.tsx +1 -1
  457. package/src/ui/badge/variants.ts +28 -89
  458. package/src/ui/breadcrumb/variants.ts +24 -40
  459. package/src/ui/buttons/button.test.tsx +25 -5
  460. package/src/ui/buttons/variants.ts +15 -84
  461. package/src/ui/card/card.test.tsx +1 -1
  462. package/src/ui/card/variants.ts +46 -121
  463. package/src/ui/checkbox/animated/animations.ts +12 -0
  464. package/src/ui/checkbox/animated/checkbox-animated.tsx +145 -0
  465. package/src/ui/checkbox/animated/index.ts +9 -0
  466. package/src/ui/checkbox/animated/types.ts +9 -0
  467. package/src/ui/checkbox/checkbox-base.tsx +134 -0
  468. package/src/ui/checkbox/checkbox.test.tsx +53 -0
  469. package/src/ui/checkbox/checkbox.tsx +8 -0
  470. package/src/ui/checkbox/index.ts +15 -0
  471. package/src/ui/checkbox/types.ts +40 -0
  472. package/src/ui/checkbox/variants.ts +50 -0
  473. package/src/ui/divider/variants.ts +32 -70
  474. package/src/ui/drawer/drawer-base.tsx +1 -1
  475. package/src/ui/drawer/variants.ts +41 -132
  476. package/src/ui/dropdown/variants.ts +36 -142
  477. package/src/ui/dynamic-stepper/variants.ts +32 -216
  478. package/src/ui/empty-state/variants.ts +29 -44
  479. package/src/ui/file-upload/variants.ts +12 -36
  480. package/src/ui/inputs/input.test.tsx +11 -11
  481. package/src/ui/inputs/variants.ts +308 -371
  482. package/src/ui/modal/variants.ts +29 -120
  483. package/src/ui/pagination/pagination.test.tsx +1 -1
  484. package/src/ui/pagination/variants.ts +22 -95
  485. package/src/ui/progress/variants.ts +41 -112
  486. package/src/ui/radio-group/animated/animations.ts +12 -0
  487. package/src/ui/radio-group/animated/index.ts +10 -0
  488. package/src/ui/radio-group/animated/radio-group-animated.tsx +173 -0
  489. package/src/ui/radio-group/animated/types.ts +13 -0
  490. package/src/ui/radio-group/index.ts +19 -0
  491. package/src/ui/radio-group/radio-group-context.ts +23 -0
  492. package/src/ui/radio-group/radio-group.test.tsx +61 -0
  493. package/src/ui/radio-group/radio-group.tsx +159 -0
  494. package/src/ui/radio-group/types.ts +62 -0
  495. package/src/ui/radio-group/variants.ts +61 -0
  496. package/src/ui/select/variants.ts +40 -165
  497. package/src/ui/skeleton/variants.ts +154 -250
  498. package/src/ui/slider/variants.ts +34 -67
  499. package/src/ui/spinner/animated/variants.ts +10 -39
  500. package/src/ui/stepper/stepper.test.tsx +12 -4
  501. package/src/ui/stepper/variants.ts +23 -68
  502. package/src/ui/table/variants.ts +36 -106
  503. package/src/ui/tabs/variants.ts +26 -73
  504. package/src/ui/toast/variants.ts +24 -75
  505. package/src/ui/toggle/animated/toggle-animated.tsx +14 -4
  506. package/src/ui/toggle/toggle-base.tsx +3 -7
  507. package/src/ui/toggle/variants.ts +27 -111
  508. package/src/ui/tooltip/variants.ts +18 -57
  509. package/src/ui/typography/typography.test.tsx +1 -1
  510. package/src/ui/typography/variants.ts +17 -54
  511. package/dist/chunk-25EAVVGS.mjs +0 -267
  512. package/dist/chunk-25EAVVGS.mjs.map +0 -1
  513. package/dist/chunk-4F56BLZQ.js +0 -336
  514. package/dist/chunk-4F56BLZQ.js.map +0 -1
  515. package/dist/chunk-4PZIDDC6.js +0 -279
  516. package/dist/chunk-4PZIDDC6.js.map +0 -1
  517. package/dist/chunk-73RHHGIA.mjs +0 -197
  518. package/dist/chunk-73RHHGIA.mjs.map +0 -1
  519. package/dist/chunk-746CV3AN.js +0 -246
  520. package/dist/chunk-746CV3AN.js.map +0 -1
  521. package/dist/chunk-CFTDAGKD.js +0 -130
  522. package/dist/chunk-CFTDAGKD.js.map +0 -1
  523. package/dist/chunk-CXNDE4VC.js +0 -273
  524. package/dist/chunk-CXNDE4VC.js.map +0 -1
  525. package/dist/chunk-D55YIHBN.js.map +0 -1
  526. package/dist/chunk-EU63V22F.mjs +0 -126
  527. package/dist/chunk-EU63V22F.mjs.map +0 -1
  528. package/dist/chunk-EZS47EZW.mjs +0 -70
  529. package/dist/chunk-EZS47EZW.mjs.map +0 -1
  530. package/dist/chunk-GHJN3Z3V.js +0 -292
  531. package/dist/chunk-GHJN3Z3V.js.map +0 -1
  532. package/dist/chunk-GIC3J6HR.mjs +0 -196
  533. package/dist/chunk-GIC3J6HR.mjs.map +0 -1
  534. package/dist/chunk-GPAUYUM3.js +0 -232
  535. package/dist/chunk-GPAUYUM3.js.map +0 -1
  536. package/dist/chunk-HARD4NMB.mjs +0 -268
  537. package/dist/chunk-HARD4NMB.mjs.map +0 -1
  538. package/dist/chunk-HV7LVRK3.js +0 -277
  539. package/dist/chunk-HV7LVRK3.js.map +0 -1
  540. package/dist/chunk-JE6B3DHW.mjs +0 -220
  541. package/dist/chunk-JE6B3DHW.mjs.map +0 -1
  542. package/dist/chunk-JOMSI4WH.js.map +0 -1
  543. package/dist/chunk-KA5MORDC.js +0 -336
  544. package/dist/chunk-KA5MORDC.js.map +0 -1
  545. package/dist/chunk-M6FS7X54.mjs.map +0 -1
  546. package/dist/chunk-MM3P52WS.js.map +0 -1
  547. package/dist/chunk-MTJRPLMG.js.map +0 -1
  548. package/dist/chunk-OB6TYS5Q.js +0 -205
  549. package/dist/chunk-OB6TYS5Q.js.map +0 -1
  550. package/dist/chunk-OHST7AHC.mjs +0 -99
  551. package/dist/chunk-OHST7AHC.mjs.map +0 -1
  552. package/dist/chunk-OVTWPGMW.mjs.map +0 -1
  553. package/dist/chunk-OZ4SFJ3S.mjs +0 -264
  554. package/dist/chunk-OZ4SFJ3S.mjs.map +0 -1
  555. package/dist/chunk-PSIAOIXJ.mjs +0 -278
  556. package/dist/chunk-PSIAOIXJ.mjs.map +0 -1
  557. package/dist/chunk-QNF4JPFP.js +0 -339
  558. package/dist/chunk-QNF4JPFP.js.map +0 -1
  559. package/dist/chunk-QSIJKHC5.mjs.map +0 -1
  560. package/dist/chunk-QWC2QBRJ.js +0 -175
  561. package/dist/chunk-QWC2QBRJ.js.map +0 -1
  562. package/dist/chunk-RFFGQYDQ.mjs +0 -337
  563. package/dist/chunk-RFFGQYDQ.mjs.map +0 -1
  564. package/dist/chunk-S5H2OMTZ.mjs +0 -233
  565. package/dist/chunk-S5H2OMTZ.mjs.map +0 -1
  566. package/dist/chunk-SPX2QDIB.mjs.map +0 -1
  567. package/dist/chunk-TIPNRH26.js +0 -102
  568. package/dist/chunk-TIPNRH26.js.map +0 -1
  569. package/dist/chunk-V2PEOBAT.mjs +0 -324
  570. package/dist/chunk-V2PEOBAT.mjs.map +0 -1
  571. package/dist/chunk-V3XNH7Y4.mjs +0 -169
  572. package/dist/chunk-V3XNH7Y4.mjs.map +0 -1
  573. package/dist/chunk-VGWA26BN.js +0 -72
  574. package/dist/chunk-VGWA26BN.js.map +0 -1
  575. package/dist/chunk-WNLDXBS6.mjs +0 -323
  576. package/dist/chunk-WNLDXBS6.mjs.map +0 -1
  577. package/dist/chunk-YIO7DFUA.js +0 -207
  578. package/dist/chunk-YIO7DFUA.js.map +0 -1
@@ -5,56 +5,61 @@ var classVarianceAuthority = require('class-variance-authority');
5
5
  var react = require('react');
6
6
  var jsxRuntime = require('react/jsx-runtime');
7
7
 
8
- var emptyStateVariants = classVarianceAuthority.cva(
9
- "flex w-full flex-col items-center text-center",
10
- {
11
- variants: {
12
- size: {
13
- sm: "gap-2 p-4 text-sm",
14
- md: "gap-3 p-6 text-sm",
15
- lg: "gap-4 p-8 text-base"
16
- },
17
- appearance: {
18
- default: "text-slate-900 dark:text-slate-50",
19
- ghost: "text-slate-700 dark:text-slate-200",
20
- card: "rounded-2xl border border-black/10 dark:border-white/10 bg-white/90 dark:bg-white/5 p-8 text-slate-900 dark:text-slate-50 shadow-[0_8px_24px_rgba(15,23,42,0.12)] dark:shadow-[0_18px_48px_rgba(15,23,42,0.35)]"
21
- },
22
- align: {
23
- start: "items-start text-left",
24
- center: "items-center text-center",
25
- end: "items-end text-right"
26
- }
27
- },
28
- defaultVariants: {
29
- size: "md",
30
- appearance: "default",
31
- align: "center"
32
- }
8
+ // src/design-system/empty-state.ts
9
+ var zuiEmptyStateBase = "flex w-full flex-col items-center text-center";
10
+ var zuiEmptyStateSizes = {
11
+ sm: "gap-2 p-4 text-sm",
12
+ md: "gap-3 p-6 text-sm",
13
+ lg: "gap-4 p-8 text-base"
14
+ };
15
+ var zuiEmptyStateAppearances = {
16
+ default: "text-[color:var(--zui-empty-state-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-empty-state-default-fg-dark,oklch(98.4%_0.003_247.858))]",
17
+ ghost: "text-[color:var(--zui-empty-state-ghost-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-empty-state-ghost-fg-dark,oklch(92.9%_0.013_255.508))]",
18
+ card: "rounded-2xl border border-[color:var(--zui-empty-state-card-border,#0000001a)] dark:border-[color:var(--zui-empty-state-card-border-dark,#ffffff1a)] bg-[var(--zui-empty-state-card-bg,#ffffffe6)] dark:bg-[var(--zui-empty-state-card-bg-dark,#ffffff0d)] p-8 text-[color:var(--zui-empty-state-card-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-empty-state-card-fg-dark,oklch(98.4%_0.003_247.858))] shadow-[var(--zui-empty-state-card-shadow,0_8px_24px_rgba(15,23,42,0.12))] dark:shadow-[var(--zui-empty-state-card-shadow-dark,0_18px_48px_rgba(15,23,42,0.35))]"
19
+ };
20
+ var zuiEmptyStateAlignments = {
21
+ start: "items-start text-left",
22
+ center: "items-center text-center",
23
+ end: "items-end text-right"
24
+ };
25
+ var zuiEmptyStateTitleBase = "font-semibold tracking-tight";
26
+ var zuiEmptyStateTitleSizes = {
27
+ sm: "text-base",
28
+ md: "text-lg",
29
+ lg: "text-xl"
30
+ };
31
+ var zuiEmptyStateDescriptionBase = "max-w-md text-[color:var(--zui-empty-state-description-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-empty-state-description-fg-dark,oklch(70.4%_0.04_256.788))]";
32
+ var zuiEmptyStateDescriptionSizes = {
33
+ sm: "text-xs",
34
+ md: "text-sm",
35
+ lg: "text-base"
36
+ };
37
+
38
+ // src/ui/empty-state/variants.ts
39
+ var emptyStateVariants = classVarianceAuthority.cva(zuiEmptyStateBase, {
40
+ variants: {
41
+ size: zuiEmptyStateSizes,
42
+ appearance: zuiEmptyStateAppearances,
43
+ align: zuiEmptyStateAlignments
44
+ },
45
+ defaultVariants: {
46
+ size: "md",
47
+ appearance: "default",
48
+ align: "center"
33
49
  }
34
- );
35
- var emptyStateTitleVariants = classVarianceAuthority.cva("font-semibold tracking-tight", {
50
+ });
51
+ var emptyStateTitleVariants = classVarianceAuthority.cva(zuiEmptyStateTitleBase, {
36
52
  variants: {
37
- size: {
38
- sm: "text-base",
39
- md: "text-lg",
40
- lg: "text-xl"
41
- }
53
+ size: zuiEmptyStateTitleSizes
54
+ },
55
+ defaultVariants: { size: "md" }
56
+ });
57
+ var emptyStateDescriptionVariants = classVarianceAuthority.cva(zuiEmptyStateDescriptionBase, {
58
+ variants: {
59
+ size: zuiEmptyStateDescriptionSizes
42
60
  },
43
61
  defaultVariants: { size: "md" }
44
62
  });
45
- var emptyStateDescriptionVariants = classVarianceAuthority.cva(
46
- "max-w-md text-slate-500 dark:text-slate-400",
47
- {
48
- variants: {
49
- size: {
50
- sm: "text-xs",
51
- md: "text-sm",
52
- lg: "text-base"
53
- }
54
- },
55
- defaultVariants: { size: "md" }
56
- }
57
- );
58
63
  var EmptyStateSizeContext = react.createContext("md");
59
64
  function useEmptyStateSize() {
60
65
  return react.useContext(EmptyStateSizeContext);
@@ -149,5 +154,5 @@ exports.EmptyStateTitle = EmptyStateTitle;
149
154
  exports.emptyStateDescriptionVariants = emptyStateDescriptionVariants;
150
155
  exports.emptyStateTitleVariants = emptyStateTitleVariants;
151
156
  exports.emptyStateVariants = emptyStateVariants;
152
- //# sourceMappingURL=chunk-JOMSI4WH.js.map
153
- //# sourceMappingURL=chunk-JOMSI4WH.js.map
157
+ //# sourceMappingURL=chunk-NFEA5TN2.js.map
158
+ //# sourceMappingURL=chunk-NFEA5TN2.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/design-system/empty-state.ts","../src/ui/empty-state/variants.ts","../src/ui/empty-state/empty-state-base.tsx"],"names":["cva","createContext","useContext","useMemo","jsx","cn"],"mappings":"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","file":"chunk-NFEA5TN2.js","sourcesContent":["export const zuiEmptyStateBase =\n \"flex w-full flex-col items-center text-center\";\n\nexport const zuiEmptyStateSizes = {\n sm: \"gap-2 p-4 text-sm\",\n md: \"gap-3 p-6 text-sm\",\n lg: \"gap-4 p-8 text-base\",\n} as const;\n\nexport const zuiEmptyStateAppearances = {\n default:\n \"text-[color:var(--zui-empty-state-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-empty-state-default-fg-dark,oklch(98.4%_0.003_247.858))]\",\n ghost:\n \"text-[color:var(--zui-empty-state-ghost-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-empty-state-ghost-fg-dark,oklch(92.9%_0.013_255.508))]\",\n card: \"rounded-2xl border border-[color:var(--zui-empty-state-card-border,#0000001a)] dark:border-[color:var(--zui-empty-state-card-border-dark,#ffffff1a)] bg-[var(--zui-empty-state-card-bg,#ffffffe6)] dark:bg-[var(--zui-empty-state-card-bg-dark,#ffffff0d)] p-8 text-[color:var(--zui-empty-state-card-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-empty-state-card-fg-dark,oklch(98.4%_0.003_247.858))] shadow-[var(--zui-empty-state-card-shadow,0_8px_24px_rgba(15,23,42,0.12))] dark:shadow-[var(--zui-empty-state-card-shadow-dark,0_18px_48px_rgba(15,23,42,0.35))]\",\n} as const;\n\nexport const zuiEmptyStateAlignments = {\n start: \"items-start text-left\",\n center: \"items-center text-center\",\n end: \"items-end text-right\",\n} as const;\n\nexport const zuiEmptyStateTitleBase = \"font-semibold tracking-tight\";\n\nexport const zuiEmptyStateTitleSizes = {\n sm: \"text-base\",\n md: \"text-lg\",\n lg: \"text-xl\",\n} as const;\n\nexport const zuiEmptyStateDescriptionBase =\n \"max-w-md text-[color:var(--zui-empty-state-description-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-empty-state-description-fg-dark,oklch(70.4%_0.04_256.788))]\";\n\nexport const zuiEmptyStateDescriptionSizes = {\n sm: \"text-xs\",\n md: \"text-sm\",\n lg: \"text-base\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n zuiEmptyStateAlignments,\n zuiEmptyStateAppearances,\n zuiEmptyStateBase,\n zuiEmptyStateDescriptionBase,\n zuiEmptyStateDescriptionSizes,\n zuiEmptyStateSizes,\n zuiEmptyStateTitleBase,\n zuiEmptyStateTitleSizes,\n} from \"../../design-system/empty-state\";\n\nexport const emptyStateVariants = cva(zuiEmptyStateBase, {\n variants: {\n size: zuiEmptyStateSizes,\n appearance: zuiEmptyStateAppearances,\n align: zuiEmptyStateAlignments,\n },\n defaultVariants: {\n size: \"md\",\n appearance: \"default\",\n align: \"center\",\n },\n});\n\nexport const emptyStateTitleVariants = cva(zuiEmptyStateTitleBase, {\n variants: {\n size: zuiEmptyStateTitleSizes,\n },\n defaultVariants: { size: \"md\" },\n});\n\nexport const emptyStateDescriptionVariants = cva(zuiEmptyStateDescriptionBase, {\n variants: {\n size: zuiEmptyStateDescriptionSizes,\n },\n defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n EmptyStateProps,\n EmptyStateSectionProps,\n EmptyStateSize,\n} from \"./types\";\nimport {\n emptyStateDescriptionVariants,\n emptyStateTitleVariants,\n emptyStateVariants,\n} from \"./variants\";\n\nexport const EmptyStateSizeContext = createContext<EmptyStateSize>(\"md\");\n\nfunction useEmptyStateSize(): EmptyStateSize {\n return useContext(EmptyStateSizeContext);\n}\n\nexport function EmptyStateBase(props: EmptyStateProps) {\n const {\n className,\n size = \"md\",\n appearance,\n align,\n children,\n ref,\n liveRegion = false,\n as: Wrapper = \"section\",\n ...rest\n } = props;\n const ctx = useMemo(() => size ?? \"md\", [size]);\n\n const liveAria =\n typeof liveRegion === \"string\"\n ? liveRegion\n : liveRegion === true\n ? \"polite\"\n : undefined;\n\n return (\n <EmptyStateSizeContext.Provider value={ctx}>\n <Wrapper\n ref={ref}\n data-slot=\"empty-state\"\n aria-live={liveAria}\n className={cn(\n emptyStateVariants({ size, appearance, align }),\n className,\n )}\n {...rest}\n >\n {children}\n </Wrapper>\n </EmptyStateSizeContext.Provider>\n );\n}\n\nEmptyStateBase.displayName = \"EmptyState\";\n\nexport function EmptyStateIcon({\n className,\n children,\n}: EmptyStateSectionProps) {\n return (\n <div\n data-slot=\"empty-state-icon\"\n className={cn(\"text-slate-300\", className)}\n >\n {children}\n </div>\n );\n}\n\nEmptyStateIcon.displayName = \"EmptyStateIcon\";\n\nexport function EmptyStateTitle({\n className,\n children,\n}: EmptyStateSectionProps) {\n const size = useEmptyStateSize();\n return (\n <h2\n data-slot=\"empty-state-title\"\n className={cn(emptyStateTitleVariants({ size }), className)}\n >\n {children}\n </h2>\n );\n}\n\nEmptyStateTitle.displayName = \"EmptyStateTitle\";\n\nexport function EmptyStateDescription({\n className,\n children,\n}: EmptyStateSectionProps) {\n const size = useEmptyStateSize();\n return (\n <p\n data-slot=\"empty-state-description\"\n className={cn(emptyStateDescriptionVariants({ size }), className)}\n >\n {children}\n </p>\n );\n}\n\nEmptyStateDescription.displayName = \"EmptyStateDescription\";\n\nexport function EmptyStateAction({\n className,\n children,\n}: EmptyStateSectionProps) {\n return (\n <div data-slot=\"empty-state-action\" className={cn(\"mt-2\", className)}>\n {children}\n </div>\n );\n}\n\nEmptyStateAction.displayName = \"EmptyStateAction\";\n"]}
@@ -0,0 +1,282 @@
1
+ import { cn } from './chunk-4D54YOL6.mjs';
2
+ import { cva } from 'class-variance-authority';
3
+ import { createContext, useContext, useMemo } from 'react';
4
+ import { jsx } from 'react/jsx-runtime';
5
+
6
+ // src/design-system/table.ts
7
+ var zuiTableBase = "w-full table-auto border-collapse caption-bottom text-sm text-[color:var(--zui-table-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-table-fg-dark,oklch(92.9%_0.013_255.508))] md:table-fixed";
8
+ var zuiTableAppearances = {
9
+ default: "",
10
+ striped: "",
11
+ bordered: "border border-[color:var(--zui-table-bordered-border,#0000001a)] dark:border-[color:var(--zui-table-bordered-border-dark,#ffffff1a)]",
12
+ ghost: "",
13
+ sky: "border border-[color:var(--zui-table-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-table-sky-border-dark,oklch(58.8%_0.158_241.966))]",
14
+ rose: "border border-[color:var(--zui-table-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-table-rose-border-dark,oklch(58.6%_0.253_17.585))]",
15
+ purple: "border border-[color:var(--zui-table-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-table-purple-border-dark,oklch(55.8%_0.288_302.321))]",
16
+ pink: "border border-[color:var(--zui-table-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-table-pink-border-dark,oklch(59.2%_0.249_0.584))]",
17
+ orange: "border border-[color:var(--zui-table-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-table-orange-border-dark,oklch(64.6%_0.222_41.116))]",
18
+ yellow: "border border-[color:var(--zui-table-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-table-yellow-border-dark,oklch(68.1%_0.162_75.834))]",
19
+ teal: "border border-[color:var(--zui-table-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-table-teal-border-dark,oklch(60%_0.118_184.704))]",
20
+ indigo: "border border-[color:var(--zui-table-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-table-indigo-border-dark,oklch(51.1%_0.262_276.966))]",
21
+ emerald: "border border-[color:var(--zui-table-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-table-emerald-border-dark,oklch(59.6%_0.145_163.225))]",
22
+ gray: "border border-[color:var(--zui-table-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-table-gray-border-dark,oklch(44.6%_0.03_256.802))]",
23
+ amber: "border border-[color:var(--zui-table-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-table-amber-border-dark,oklch(66.6%_0.179_58.318))]",
24
+ violet: "border border-[color:var(--zui-table-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-table-violet-border-dark,oklch(54.1%_0.281_293.009))]"
25
+ };
26
+ var zuiTableSizes = {
27
+ sm: "text-xs",
28
+ md: "text-sm",
29
+ lg: "text-base"
30
+ };
31
+ var zuiTableStickyHeader = {
32
+ true: "",
33
+ false: ""
34
+ };
35
+ var zuiTableRowBase = "border-b border-[color:var(--zui-table-row-border,#0000000d)] dark:border-[color:var(--zui-table-row-border-dark,#ffffff0d)] transition-colors data-[state=selected]:bg-[var(--zui-table-row-bg-selected,#0000000f)] dark:data-[state=selected]:bg-[var(--zui-table-row-bg-selected-dark,#ffffff0f)]";
36
+ var zuiTableRowAppearances = {
37
+ default: "",
38
+ striped: "odd:bg-[var(--zui-table-row-striped-bg,#00000008)] dark:odd:bg-[var(--zui-table-row-striped-bg-dark,#ffffff08)]",
39
+ bordered: "",
40
+ ghost: "border-[color:var(--zui-table-row-ghost-border,transparent)] hover:bg-[var(--zui-table-row-ghost-bg-hover,#00000008)] dark:hover:bg-[var(--zui-table-row-ghost-bg-hover-dark,#ffffff08)]",
41
+ sky: "border-[color:var(--zui-table-row-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-table-row-sky-border-dark,oklch(58.8%_0.158_241.966))] hover:bg-[var(--zui-table-row-sky-bg-hover,oklch(44.3%_0.11_240.79))] dark:hover:bg-[var(--zui-table-row-sky-bg-hover-dark,oklch(58.8%_0.158_241.966))] hover:text-[color:var(--zui-table-row-sky-fg-hover,oklch(95.1%_0.026_236.824))]",
42
+ rose: "border-[color:var(--zui-table-row-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-table-row-rose-border-dark,oklch(58.6%_0.253_17.585))] hover:bg-[var(--zui-table-row-rose-bg-hover,oklch(64.5%_0.246_16.439))] dark:hover:bg-[var(--zui-table-row-rose-bg-hover-dark,oklch(41%_0.159_10.272))] hover:text-[color:var(--zui-table-row-rose-fg-hover,oklch(94.1%_0.03_12.58))]",
43
+ purple: "border-[color:var(--zui-table-row-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-table-row-purple-border-dark,oklch(55.8%_0.288_302.321))] hover:bg-[var(--zui-table-row-purple-bg-hover,oklch(62.7%_0.265_303.9))] dark:hover:bg-[var(--zui-table-row-purple-bg-hover-dark,oklch(38.1%_0.176_304.987))] hover:text-[color:var(--zui-table-row-purple-fg-hover,oklch(94.6%_0.033_307.174))]",
44
+ pink: "border-[color:var(--zui-table-row-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-table-row-pink-border-dark,oklch(59.2%_0.249_0.584))] hover:bg-[var(--zui-table-row-pink-bg-hover,oklch(65.6%_0.241_354.308))] dark:hover:bg-[var(--zui-table-row-pink-bg-hover-dark,oklch(40.8%_0.153_2.432))] hover:text-[color:var(--zui-table-row-pink-fg-hover,oklch(94.8%_0.028_342.258))]",
45
+ orange: "border-[color:var(--zui-table-row-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-table-row-orange-border-dark,oklch(64.6%_0.222_41.116))] hover:bg-[var(--zui-table-row-orange-bg-hover,oklch(70.5%_0.213_47.604))] dark:hover:bg-[var(--zui-table-row-orange-bg-hover-dark,oklch(40.8%_0.123_38.172))] hover:text-[color:var(--zui-table-row-orange-fg-hover,oklch(95.4%_0.038_75.164))]",
46
+ yellow: "border-[color:var(--zui-table-row-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-table-row-yellow-border-dark,oklch(68.1%_0.162_75.834))] hover:bg-[var(--zui-table-row-yellow-bg-hover,oklch(79.5%_0.184_86.047))] dark:hover:bg-[var(--zui-table-row-yellow-bg-hover-dark,oklch(42.1%_0.095_57.708))] hover:text-[color:var(--zui-table-row-yellow-fg-hover,oklch(97.3%_0.071_103.193))]",
47
+ teal: "border-[color:var(--zui-table-row-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-table-row-teal-border-dark,oklch(60%_0.118_184.704))] hover:bg-[var(--zui-table-row-teal-bg-hover,oklch(70.4%_0.14_182.503))] dark:hover:bg-[var(--zui-table-row-teal-bg-hover-dark,oklch(38.6%_0.063_188.416))] hover:text-[color:var(--zui-table-row-teal-fg-hover,oklch(95.3%_0.051_180.801))]",
48
+ indigo: "border-[color:var(--zui-table-row-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-table-row-indigo-border-dark,oklch(51.1%_0.262_276.966))] hover:bg-[var(--zui-table-row-indigo-bg-hover,oklch(58.5%_0.233_277.117))] dark:hover:bg-[var(--zui-table-row-indigo-bg-hover-dark,oklch(35.9%_0.144_278.697))] hover:text-[color:var(--zui-table-row-indigo-fg-hover,oklch(93%_0.034_272.788))]",
49
+ emerald: "border-[color:var(--zui-table-row-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-table-row-emerald-border-dark,oklch(59.6%_0.145_163.225))] hover:bg-[var(--zui-table-row-emerald-bg-hover,oklch(69.6%_0.17_162.48))] dark:hover:bg-[var(--zui-table-row-emerald-bg-hover-dark,oklch(37.8%_0.077_168.94))] hover:text-[color:var(--zui-table-row-emerald-fg-hover,oklch(95%_0.052_163.051))]",
50
+ gray: "border-[color:var(--zui-table-row-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-table-row-gray-border-dark,oklch(44.6%_0.03_256.802))] hover:bg-[var(--zui-table-row-gray-bg-hover,oklch(55.1%_0.027_264.364))] dark:hover:bg-[var(--zui-table-row-gray-bg-hover-dark,oklch(21%_0.034_264.665))] hover:text-[color:var(--zui-table-row-gray-fg-hover,oklch(96.7%_0.003_264.542))]",
51
+ amber: "border-[color:var(--zui-table-row-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-table-row-amber-border-dark,oklch(66.6%_0.179_58.318))] hover:bg-[var(--zui-table-row-amber-bg-hover,oklch(76.9%_0.188_70.08))] dark:hover:bg-[var(--zui-table-row-amber-bg-hover-dark,oklch(41.4%_0.112_45.904))] hover:text-[color:var(--zui-table-row-amber-fg-hover,oklch(96.2%_0.059_95.617))]",
52
+ violet: "border-[color:var(--zui-table-row-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-table-row-violet-border-dark,oklch(54.1%_0.281_293.009))] hover:bg-[var(--zui-table-row-violet-bg-hover,oklch(60.6%_0.25_292.717))] dark:hover:bg-[var(--zui-table-row-violet-bg-hover-dark,oklch(38%_0.189_293.745))] hover:text-[color:var(--zui-table-row-violet-fg-hover,oklch(94.3%_0.029_294.588))]"
53
+ };
54
+ var zuiTableCellBase = "min-w-0 border p-3 align-middle break-words";
55
+ var zuiTableCellAppearances = {
56
+ default: "border-[color:var(--zui-table-cell-default-border,#0000001a)] dark:border-[color:var(--zui-table-cell-default-border-dark,#ffffff1a)]",
57
+ striped: "border-[color:var(--zui-table-cell-striped-border,#0000001a)] dark:border-[color:var(--zui-table-cell-striped-border-dark,#ffffff1a)]",
58
+ bordered: "border-[color:var(--zui-table-cell-bordered-border,#0000001a)] dark:border-[color:var(--zui-table-cell-bordered-border-dark,#ffffff1a)]",
59
+ ghost: "border-[color:var(--zui-table-cell-ghost-border,#0000001a)] dark:border-[color:var(--zui-table-cell-ghost-border-dark,#ffffff1a)]",
60
+ sky: "border-[color:var(--zui-table-cell-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-table-cell-sky-border-dark,oklch(58.8%_0.158_241.966))]",
61
+ rose: "border-[color:var(--zui-table-cell-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-table-cell-rose-border-dark,oklch(58.6%_0.253_17.585))]",
62
+ purple: "border-[color:var(--zui-table-cell-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-table-cell-purple-border-dark,oklch(55.8%_0.288_302.321))]",
63
+ pink: "border-[color:var(--zui-table-cell-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-table-cell-pink-border-dark,oklch(59.2%_0.249_0.584))]",
64
+ orange: "border-[color:var(--zui-table-cell-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-table-cell-orange-border-dark,oklch(64.6%_0.222_41.116))]",
65
+ yellow: "border-[color:var(--zui-table-cell-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-table-cell-yellow-border-dark,oklch(68.1%_0.162_75.834))]",
66
+ teal: "border-[color:var(--zui-table-cell-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-table-cell-teal-border-dark,oklch(60%_0.118_184.704))]",
67
+ indigo: "border-[color:var(--zui-table-cell-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-table-cell-indigo-border-dark,oklch(51.1%_0.262_276.966))]",
68
+ emerald: "border-[color:var(--zui-table-cell-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-table-cell-emerald-border-dark,oklch(59.6%_0.145_163.225))]",
69
+ gray: "border-[color:var(--zui-table-cell-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-table-cell-gray-border-dark,oklch(44.6%_0.03_256.802))]",
70
+ amber: "border-[color:var(--zui-table-cell-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-table-cell-amber-border-dark,oklch(66.6%_0.179_58.318))]",
71
+ violet: "border-[color:var(--zui-table-cell-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-table-cell-violet-border-dark,oklch(54.1%_0.281_293.009))]"
72
+ };
73
+ var zuiTableCellSizes = {
74
+ sm: "p-2",
75
+ md: "p-3",
76
+ lg: "p-4"
77
+ };
78
+ var zuiTableTextAlignments = {
79
+ left: "text-left",
80
+ center: "text-center",
81
+ right: "text-right"
82
+ };
83
+
84
+ // src/ui/table/variants.ts
85
+ var tableVariants = cva(zuiTableBase, {
86
+ variants: {
87
+ appearance: zuiTableAppearances,
88
+ size: zuiTableSizes,
89
+ stickyHeader: zuiTableStickyHeader
90
+ },
91
+ defaultVariants: {
92
+ appearance: "default",
93
+ size: "md",
94
+ stickyHeader: false
95
+ }
96
+ });
97
+ var tableRowVariants = cva(zuiTableRowBase, {
98
+ variants: {
99
+ appearance: zuiTableRowAppearances
100
+ },
101
+ defaultVariants: { appearance: "default" }
102
+ });
103
+ var tableCellVariants = cva(zuiTableCellBase, {
104
+ variants: {
105
+ appearance: zuiTableCellAppearances,
106
+ size: zuiTableCellSizes,
107
+ textAlign: zuiTableTextAlignments
108
+ },
109
+ defaultVariants: { appearance: "default", size: "md" }
110
+ });
111
+ var TableContext = createContext(null);
112
+ function useTableContext(component) {
113
+ const ctx = useContext(TableContext);
114
+ if (!ctx) {
115
+ throw new Error(`${component} must be used within <Table>`);
116
+ }
117
+ return ctx;
118
+ }
119
+ function TableBase(props) {
120
+ const {
121
+ className,
122
+ appearance = "default",
123
+ size = "md",
124
+ textAlign = "left",
125
+ stickyHeader = false,
126
+ scrollAreaAriaLabel,
127
+ children,
128
+ ref,
129
+ ...rest
130
+ } = props;
131
+ const ctx = useMemo(
132
+ () => ({
133
+ appearance: appearance ?? "default",
134
+ size: size ?? "md",
135
+ stickyHeader: Boolean(stickyHeader),
136
+ rowAnimation: "none",
137
+ textAlign
138
+ }),
139
+ [appearance, size, stickyHeader, textAlign]
140
+ );
141
+ return /* @__PURE__ */ jsx(TableContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
142
+ "div",
143
+ {
144
+ "data-slot": "table-scroll",
145
+ tabIndex: 0,
146
+ role: "region",
147
+ "aria-label": scrollAreaAriaLabel ?? "Scrollable table",
148
+ className: cn(
149
+ "relative w-full overflow-auto",
150
+ "outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950"
151
+ ),
152
+ children: /* @__PURE__ */ jsx(
153
+ "table",
154
+ {
155
+ ref,
156
+ "data-slot": "table",
157
+ className: cn(
158
+ tableVariants({ appearance, size, stickyHeader }),
159
+ "w-full min-w-0 table",
160
+ className
161
+ ),
162
+ ...rest,
163
+ children
164
+ }
165
+ )
166
+ }
167
+ ) });
168
+ }
169
+ TableBase.displayName = "Table";
170
+ function TableHeader({ className, children }) {
171
+ const { stickyHeader } = useTableContext("TableHeader");
172
+ const stickyClass = stickyHeader ? "sticky top-0 z-10 dark:bg-slate-950/95 bg-slate-50/95 backdrop-blur" : "";
173
+ return /* @__PURE__ */ jsx("thead", { "data-slot": "table-header", className: cn(stickyClass, className), children });
174
+ }
175
+ TableHeader.displayName = "TableHeader";
176
+ function TableBody({ className, children }) {
177
+ return /* @__PURE__ */ jsx("tbody", { "data-slot": "table-body", className: cn(className), children });
178
+ }
179
+ TableBody.displayName = "TableBody";
180
+ function TableFooter({ className, children }) {
181
+ return /* @__PURE__ */ jsx(
182
+ "tfoot",
183
+ {
184
+ "data-slot": "table-footer",
185
+ className: cn(
186
+ "border-t border-white/10 bg-white/3 font-medium",
187
+ className
188
+ ),
189
+ children
190
+ }
191
+ );
192
+ }
193
+ TableFooter.displayName = "TableFooter";
194
+ function TableRow({
195
+ className,
196
+ children,
197
+ ref,
198
+ as: Wrapper = "tr",
199
+ ...rest
200
+ }) {
201
+ const { appearance } = useTableContext("TableRow");
202
+ return /* @__PURE__ */ jsx(
203
+ "tr",
204
+ {
205
+ ref,
206
+ "data-slot": "table-row",
207
+ className: cn(tableRowVariants({ appearance }), className),
208
+ ...rest,
209
+ children
210
+ }
211
+ );
212
+ }
213
+ TableRow.displayName = "TableRow";
214
+ function TableHead({
215
+ className,
216
+ children,
217
+ scope = "col",
218
+ sortDirection,
219
+ ref,
220
+ ...rest
221
+ }) {
222
+ const { appearance, size, textAlign } = useTableContext("TableHead");
223
+ return /* @__PURE__ */ jsx(
224
+ "th",
225
+ {
226
+ ref,
227
+ "data-slot": "table-head",
228
+ scope,
229
+ "aria-sort": sortDirection,
230
+ className: cn(
231
+ tableCellVariants({ appearance, size, textAlign }),
232
+ className
233
+ ),
234
+ ...rest,
235
+ children
236
+ }
237
+ );
238
+ }
239
+ TableHead.displayName = "TableHead";
240
+ function TableCell({
241
+ className,
242
+ children,
243
+ ref,
244
+ scope,
245
+ ...rest
246
+ }) {
247
+ const { appearance, size, textAlign } = useTableContext("TableCell");
248
+ const cellClassName = cn(
249
+ tableCellVariants({ appearance, size, textAlign }),
250
+ className
251
+ );
252
+ if (scope !== void 0) {
253
+ return /* @__PURE__ */ jsx(
254
+ "th",
255
+ {
256
+ ref,
257
+ "data-slot": "table-cell",
258
+ scope,
259
+ className: cellClassName,
260
+ ...rest,
261
+ children
262
+ }
263
+ );
264
+ }
265
+ return /* @__PURE__ */ jsx("td", { ref, "data-slot": "table-cell", className: cellClassName, ...rest, children });
266
+ }
267
+ TableCell.displayName = "TableCell";
268
+ function TableCaption({ className, children }) {
269
+ return /* @__PURE__ */ jsx(
270
+ "caption",
271
+ {
272
+ "data-slot": "table-caption",
273
+ className: cn("mt-3 text-left text-xs text-slate-500", className),
274
+ children
275
+ }
276
+ );
277
+ }
278
+ TableCaption.displayName = "TableCaption";
279
+
280
+ export { TableBase, TableBody, TableCaption, TableCell, TableContext, TableFooter, TableHead, TableHeader, TableRow, tableCellVariants, tableRowVariants, tableVariants, useTableContext };
281
+ //# sourceMappingURL=chunk-NHQ3S4Y6.mjs.map
282
+ //# sourceMappingURL=chunk-NHQ3S4Y6.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/design-system/table.ts","../src/ui/table/variants.ts","../src/ui/table/table-base.tsx"],"names":[],"mappings":"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","file":"chunk-NHQ3S4Y6.mjs","sourcesContent":["export const zuiTableBase =\n \"w-full table-auto border-collapse caption-bottom text-sm text-[color:var(--zui-table-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-table-fg-dark,oklch(92.9%_0.013_255.508))] md:table-fixed\";\n\nexport const zuiTableAppearances = {\n default: \"\",\n striped: \"\",\n bordered:\n \"border border-[color:var(--zui-table-bordered-border,#0000001a)] dark:border-[color:var(--zui-table-bordered-border-dark,#ffffff1a)]\",\n ghost: \"\",\n sky: \"border border-[color:var(--zui-table-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-table-sky-border-dark,oklch(58.8%_0.158_241.966))]\",\n rose: \"border border-[color:var(--zui-table-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-table-rose-border-dark,oklch(58.6%_0.253_17.585))]\",\n purple:\n \"border border-[color:var(--zui-table-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-table-purple-border-dark,oklch(55.8%_0.288_302.321))]\",\n pink: \"border border-[color:var(--zui-table-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-table-pink-border-dark,oklch(59.2%_0.249_0.584))]\",\n orange:\n \"border border-[color:var(--zui-table-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-table-orange-border-dark,oklch(64.6%_0.222_41.116))]\",\n yellow:\n \"border border-[color:var(--zui-table-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-table-yellow-border-dark,oklch(68.1%_0.162_75.834))]\",\n teal: \"border border-[color:var(--zui-table-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-table-teal-border-dark,oklch(60%_0.118_184.704))]\",\n indigo:\n \"border border-[color:var(--zui-table-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-table-indigo-border-dark,oklch(51.1%_0.262_276.966))]\",\n emerald:\n \"border border-[color:var(--zui-table-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-table-emerald-border-dark,oklch(59.6%_0.145_163.225))]\",\n gray: \"border border-[color:var(--zui-table-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-table-gray-border-dark,oklch(44.6%_0.03_256.802))]\",\n amber:\n \"border border-[color:var(--zui-table-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-table-amber-border-dark,oklch(66.6%_0.179_58.318))]\",\n violet:\n \"border border-[color:var(--zui-table-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-table-violet-border-dark,oklch(54.1%_0.281_293.009))]\",\n} as const;\n\nexport const zuiTableSizes = {\n sm: \"text-xs\",\n md: \"text-sm\",\n lg: \"text-base\",\n} as const;\n\nexport const zuiTableStickyHeader = {\n true: \"\",\n false: \"\",\n} as const;\n\nexport const zuiTableRowBase =\n \"border-b border-[color:var(--zui-table-row-border,#0000000d)] dark:border-[color:var(--zui-table-row-border-dark,#ffffff0d)] transition-colors data-[state=selected]:bg-[var(--zui-table-row-bg-selected,#0000000f)] dark:data-[state=selected]:bg-[var(--zui-table-row-bg-selected-dark,#ffffff0f)]\";\n\nexport const zuiTableRowAppearances = {\n default: \"\",\n striped:\n \"odd:bg-[var(--zui-table-row-striped-bg,#00000008)] dark:odd:bg-[var(--zui-table-row-striped-bg-dark,#ffffff08)]\",\n bordered: \"\",\n ghost:\n \"border-[color:var(--zui-table-row-ghost-border,transparent)] hover:bg-[var(--zui-table-row-ghost-bg-hover,#00000008)] dark:hover:bg-[var(--zui-table-row-ghost-bg-hover-dark,#ffffff08)]\",\n sky: \"border-[color:var(--zui-table-row-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-table-row-sky-border-dark,oklch(58.8%_0.158_241.966))] hover:bg-[var(--zui-table-row-sky-bg-hover,oklch(44.3%_0.11_240.79))] dark:hover:bg-[var(--zui-table-row-sky-bg-hover-dark,oklch(58.8%_0.158_241.966))] hover:text-[color:var(--zui-table-row-sky-fg-hover,oklch(95.1%_0.026_236.824))]\",\n rose: \"border-[color:var(--zui-table-row-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-table-row-rose-border-dark,oklch(58.6%_0.253_17.585))] hover:bg-[var(--zui-table-row-rose-bg-hover,oklch(64.5%_0.246_16.439))] dark:hover:bg-[var(--zui-table-row-rose-bg-hover-dark,oklch(41%_0.159_10.272))] hover:text-[color:var(--zui-table-row-rose-fg-hover,oklch(94.1%_0.03_12.58))]\",\n purple:\n \"border-[color:var(--zui-table-row-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-table-row-purple-border-dark,oklch(55.8%_0.288_302.321))] hover:bg-[var(--zui-table-row-purple-bg-hover,oklch(62.7%_0.265_303.9))] dark:hover:bg-[var(--zui-table-row-purple-bg-hover-dark,oklch(38.1%_0.176_304.987))] hover:text-[color:var(--zui-table-row-purple-fg-hover,oklch(94.6%_0.033_307.174))]\",\n pink: \"border-[color:var(--zui-table-row-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-table-row-pink-border-dark,oklch(59.2%_0.249_0.584))] hover:bg-[var(--zui-table-row-pink-bg-hover,oklch(65.6%_0.241_354.308))] dark:hover:bg-[var(--zui-table-row-pink-bg-hover-dark,oklch(40.8%_0.153_2.432))] hover:text-[color:var(--zui-table-row-pink-fg-hover,oklch(94.8%_0.028_342.258))]\",\n orange:\n \"border-[color:var(--zui-table-row-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-table-row-orange-border-dark,oklch(64.6%_0.222_41.116))] hover:bg-[var(--zui-table-row-orange-bg-hover,oklch(70.5%_0.213_47.604))] dark:hover:bg-[var(--zui-table-row-orange-bg-hover-dark,oklch(40.8%_0.123_38.172))] hover:text-[color:var(--zui-table-row-orange-fg-hover,oklch(95.4%_0.038_75.164))]\",\n yellow:\n \"border-[color:var(--zui-table-row-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-table-row-yellow-border-dark,oklch(68.1%_0.162_75.834))] hover:bg-[var(--zui-table-row-yellow-bg-hover,oklch(79.5%_0.184_86.047))] dark:hover:bg-[var(--zui-table-row-yellow-bg-hover-dark,oklch(42.1%_0.095_57.708))] hover:text-[color:var(--zui-table-row-yellow-fg-hover,oklch(97.3%_0.071_103.193))]\",\n teal: \"border-[color:var(--zui-table-row-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-table-row-teal-border-dark,oklch(60%_0.118_184.704))] hover:bg-[var(--zui-table-row-teal-bg-hover,oklch(70.4%_0.14_182.503))] dark:hover:bg-[var(--zui-table-row-teal-bg-hover-dark,oklch(38.6%_0.063_188.416))] hover:text-[color:var(--zui-table-row-teal-fg-hover,oklch(95.3%_0.051_180.801))]\",\n indigo:\n \"border-[color:var(--zui-table-row-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-table-row-indigo-border-dark,oklch(51.1%_0.262_276.966))] hover:bg-[var(--zui-table-row-indigo-bg-hover,oklch(58.5%_0.233_277.117))] dark:hover:bg-[var(--zui-table-row-indigo-bg-hover-dark,oklch(35.9%_0.144_278.697))] hover:text-[color:var(--zui-table-row-indigo-fg-hover,oklch(93%_0.034_272.788))]\",\n emerald:\n \"border-[color:var(--zui-table-row-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-table-row-emerald-border-dark,oklch(59.6%_0.145_163.225))] hover:bg-[var(--zui-table-row-emerald-bg-hover,oklch(69.6%_0.17_162.48))] dark:hover:bg-[var(--zui-table-row-emerald-bg-hover-dark,oklch(37.8%_0.077_168.94))] hover:text-[color:var(--zui-table-row-emerald-fg-hover,oklch(95%_0.052_163.051))]\",\n gray: \"border-[color:var(--zui-table-row-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-table-row-gray-border-dark,oklch(44.6%_0.03_256.802))] hover:bg-[var(--zui-table-row-gray-bg-hover,oklch(55.1%_0.027_264.364))] dark:hover:bg-[var(--zui-table-row-gray-bg-hover-dark,oklch(21%_0.034_264.665))] hover:text-[color:var(--zui-table-row-gray-fg-hover,oklch(96.7%_0.003_264.542))]\",\n amber:\n \"border-[color:var(--zui-table-row-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-table-row-amber-border-dark,oklch(66.6%_0.179_58.318))] hover:bg-[var(--zui-table-row-amber-bg-hover,oklch(76.9%_0.188_70.08))] dark:hover:bg-[var(--zui-table-row-amber-bg-hover-dark,oklch(41.4%_0.112_45.904))] hover:text-[color:var(--zui-table-row-amber-fg-hover,oklch(96.2%_0.059_95.617))]\",\n violet:\n \"border-[color:var(--zui-table-row-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-table-row-violet-border-dark,oklch(54.1%_0.281_293.009))] hover:bg-[var(--zui-table-row-violet-bg-hover,oklch(60.6%_0.25_292.717))] dark:hover:bg-[var(--zui-table-row-violet-bg-hover-dark,oklch(38%_0.189_293.745))] hover:text-[color:var(--zui-table-row-violet-fg-hover,oklch(94.3%_0.029_294.588))]\",\n} as const;\n\nexport const zuiTableCellBase = \"min-w-0 border p-3 align-middle break-words\";\n\nexport const zuiTableCellAppearances = {\n default:\n \"border-[color:var(--zui-table-cell-default-border,#0000001a)] dark:border-[color:var(--zui-table-cell-default-border-dark,#ffffff1a)]\",\n striped:\n \"border-[color:var(--zui-table-cell-striped-border,#0000001a)] dark:border-[color:var(--zui-table-cell-striped-border-dark,#ffffff1a)]\",\n bordered:\n \"border-[color:var(--zui-table-cell-bordered-border,#0000001a)] dark:border-[color:var(--zui-table-cell-bordered-border-dark,#ffffff1a)]\",\n ghost:\n \"border-[color:var(--zui-table-cell-ghost-border,#0000001a)] dark:border-[color:var(--zui-table-cell-ghost-border-dark,#ffffff1a)]\",\n sky: \"border-[color:var(--zui-table-cell-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-table-cell-sky-border-dark,oklch(58.8%_0.158_241.966))]\",\n rose: \"border-[color:var(--zui-table-cell-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-table-cell-rose-border-dark,oklch(58.6%_0.253_17.585))]\",\n purple:\n \"border-[color:var(--zui-table-cell-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-table-cell-purple-border-dark,oklch(55.8%_0.288_302.321))]\",\n pink: \"border-[color:var(--zui-table-cell-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-table-cell-pink-border-dark,oklch(59.2%_0.249_0.584))]\",\n orange:\n \"border-[color:var(--zui-table-cell-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-table-cell-orange-border-dark,oklch(64.6%_0.222_41.116))]\",\n yellow:\n \"border-[color:var(--zui-table-cell-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-table-cell-yellow-border-dark,oklch(68.1%_0.162_75.834))]\",\n teal: \"border-[color:var(--zui-table-cell-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-table-cell-teal-border-dark,oklch(60%_0.118_184.704))]\",\n indigo:\n \"border-[color:var(--zui-table-cell-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-table-cell-indigo-border-dark,oklch(51.1%_0.262_276.966))]\",\n emerald:\n \"border-[color:var(--zui-table-cell-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-table-cell-emerald-border-dark,oklch(59.6%_0.145_163.225))]\",\n gray: \"border-[color:var(--zui-table-cell-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-table-cell-gray-border-dark,oklch(44.6%_0.03_256.802))]\",\n amber:\n \"border-[color:var(--zui-table-cell-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-table-cell-amber-border-dark,oklch(66.6%_0.179_58.318))]\",\n violet:\n \"border-[color:var(--zui-table-cell-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-table-cell-violet-border-dark,oklch(54.1%_0.281_293.009))]\",\n} as const;\n\nexport const zuiTableCellSizes = {\n sm: \"p-2\",\n md: \"p-3\",\n lg: \"p-4\",\n} as const;\n\nexport const zuiTableTextAlignments = {\n left: \"text-left\",\n center: \"text-center\",\n right: \"text-right\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n zuiTableAppearances,\n zuiTableBase,\n zuiTableCellAppearances,\n zuiTableCellBase,\n zuiTableCellSizes,\n zuiTableRowAppearances,\n zuiTableRowBase,\n zuiTableSizes,\n zuiTableStickyHeader,\n zuiTableTextAlignments,\n} from \"../../design-system/table\";\n\nexport const tableVariants = cva(zuiTableBase, {\n variants: {\n appearance: zuiTableAppearances,\n size: zuiTableSizes,\n stickyHeader: zuiTableStickyHeader,\n },\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n stickyHeader: false,\n },\n});\n\nexport const tableRowVariants = cva(zuiTableRowBase, {\n variants: {\n appearance: zuiTableRowAppearances,\n },\n defaultVariants: { appearance: \"default\" },\n});\n\nexport const tableCellVariants = cva(zuiTableCellBase, {\n variants: {\n appearance: zuiTableCellAppearances,\n size: zuiTableCellSizes,\n textAlign: zuiTableTextAlignments,\n },\n defaultVariants: { appearance: \"default\", size: \"md\" },\n});\n","\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n TableCtx,\n TableCellProps,\n TableHeadCellProps,\n TableProps,\n TableSectionProps,\n} from \"./types\";\nimport { tableCellVariants, tableRowVariants, tableVariants } from \"./variants\";\n\nexport const TableContext = createContext<TableCtx | null>(null);\n\nexport function useTableContext(component: string): TableCtx {\n const ctx = useContext(TableContext);\n if (!ctx) {\n throw new Error(`${component} must be used within <Table>`);\n }\n return ctx;\n}\n\nexport function TableBase(props: TableProps) {\n const {\n className,\n appearance = \"default\",\n size = \"md\",\n textAlign = \"left\",\n stickyHeader = false,\n scrollAreaAriaLabel,\n children,\n ref,\n ...rest\n } = props;\n const ctx = useMemo(\n () => ({\n appearance: appearance ?? \"default\",\n size: size ?? \"md\",\n stickyHeader: Boolean(stickyHeader),\n rowAnimation: \"none\" as const,\n textAlign,\n }),\n [appearance, size, stickyHeader, textAlign],\n );\n\n return (\n <TableContext.Provider value={ctx}>\n <div\n data-slot=\"table-scroll\"\n tabIndex={0}\n role=\"region\"\n aria-label={scrollAreaAriaLabel ?? \"Scrollable table\"}\n className={cn(\n \"relative w-full overflow-auto\",\n \"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 <table\n ref={ref}\n data-slot=\"table\"\n className={cn(\n tableVariants({ appearance, size, stickyHeader }),\n \"w-full min-w-0 table\",\n className,\n )}\n {...rest}\n >\n {children}\n </table>\n </div>\n </TableContext.Provider>\n );\n}\n\nTableBase.displayName = \"Table\";\n\nexport function TableHeader({ className, children }: TableSectionProps) {\n const { stickyHeader } = useTableContext(\"TableHeader\");\n const stickyClass = stickyHeader\n ? \"sticky top-0 z-10 dark:bg-slate-950/95 bg-slate-50/95 backdrop-blur\"\n : \"\";\n return (\n <thead data-slot=\"table-header\" className={cn(stickyClass, className)}>\n {children}\n </thead>\n );\n}\n\nTableHeader.displayName = \"TableHeader\";\n\nexport function TableBody({ className, children }: TableSectionProps) {\n return (\n <tbody data-slot=\"table-body\" className={cn(className)}>\n {children}\n </tbody>\n );\n}\n\nTableBody.displayName = \"TableBody\";\n\nexport function TableFooter({ className, children }: TableSectionProps) {\n return (\n <tfoot\n data-slot=\"table-footer\"\n className={cn(\n \"border-t border-white/10 bg-white/3 font-medium\",\n className,\n )}\n >\n {children}\n </tfoot>\n );\n}\n\nTableFooter.displayName = \"TableFooter\";\n\nexport function TableRow({\n className,\n children,\n ref,\n as: Wrapper = \"tr\",\n ...rest\n}: TableSectionProps & { ref?: React.Ref<HTMLTableRowElement> }) {\n const { appearance } = useTableContext(\"TableRow\");\n\n return (\n <tr\n ref={ref}\n data-slot=\"table-row\"\n className={cn(tableRowVariants({ appearance }), className)}\n {...rest}\n >\n {children}\n </tr>\n );\n}\n\nTableRow.displayName = \"TableRow\";\n\nexport function TableHead({\n className,\n children,\n scope = \"col\",\n sortDirection,\n ref,\n ...rest\n}: TableHeadCellProps) {\n const { appearance, size, textAlign } = useTableContext(\"TableHead\");\n return (\n <th\n ref={ref}\n data-slot=\"table-head\"\n scope={scope}\n aria-sort={sortDirection}\n className={cn(\n tableCellVariants({ appearance, size, textAlign }),\n className,\n )}\n {...rest}\n >\n {children}\n </th>\n );\n}\n\nTableHead.displayName = \"TableHead\";\n\nexport function TableCell({\n className,\n children,\n ref,\n scope,\n ...rest\n}: TableCellProps) {\n const { appearance, size, textAlign } = useTableContext(\"TableCell\");\n const cellClassName = cn(\n tableCellVariants({ appearance, size, textAlign }),\n className,\n );\n\n if (scope !== undefined) {\n return (\n <th\n ref={ref}\n data-slot=\"table-cell\"\n scope={scope}\n className={cellClassName}\n {...rest}\n >\n {children}\n </th>\n );\n }\n\n return (\n <td ref={ref} data-slot=\"table-cell\" className={cellClassName} {...rest}>\n {children}\n </td>\n );\n}\n\nTableCell.displayName = \"TableCell\";\n\nexport function TableCaption({ className, children }: TableSectionProps) {\n return (\n <caption\n data-slot=\"table-caption\"\n className={cn(\"mt-3 text-left text-xs text-slate-500\", className)}\n >\n {children}\n </caption>\n );\n}\n\nTableCaption.displayName = \"TableCaption\";\n"]}
@@ -3,56 +3,61 @@ import { cva } from 'class-variance-authority';
3
3
  import { createContext, useMemo, useContext } from 'react';
4
4
  import { jsx } from 'react/jsx-runtime';
5
5
 
6
- var emptyStateVariants = cva(
7
- "flex w-full flex-col items-center text-center",
8
- {
9
- variants: {
10
- size: {
11
- sm: "gap-2 p-4 text-sm",
12
- md: "gap-3 p-6 text-sm",
13
- lg: "gap-4 p-8 text-base"
14
- },
15
- appearance: {
16
- default: "text-slate-900 dark:text-slate-50",
17
- ghost: "text-slate-700 dark:text-slate-200",
18
- card: "rounded-2xl border border-black/10 dark:border-white/10 bg-white/90 dark:bg-white/5 p-8 text-slate-900 dark:text-slate-50 shadow-[0_8px_24px_rgba(15,23,42,0.12)] dark:shadow-[0_18px_48px_rgba(15,23,42,0.35)]"
19
- },
20
- align: {
21
- start: "items-start text-left",
22
- center: "items-center text-center",
23
- end: "items-end text-right"
24
- }
25
- },
26
- defaultVariants: {
27
- size: "md",
28
- appearance: "default",
29
- align: "center"
30
- }
6
+ // src/design-system/empty-state.ts
7
+ var zuiEmptyStateBase = "flex w-full flex-col items-center text-center";
8
+ var zuiEmptyStateSizes = {
9
+ sm: "gap-2 p-4 text-sm",
10
+ md: "gap-3 p-6 text-sm",
11
+ lg: "gap-4 p-8 text-base"
12
+ };
13
+ var zuiEmptyStateAppearances = {
14
+ default: "text-[color:var(--zui-empty-state-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-empty-state-default-fg-dark,oklch(98.4%_0.003_247.858))]",
15
+ ghost: "text-[color:var(--zui-empty-state-ghost-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-empty-state-ghost-fg-dark,oklch(92.9%_0.013_255.508))]",
16
+ card: "rounded-2xl border border-[color:var(--zui-empty-state-card-border,#0000001a)] dark:border-[color:var(--zui-empty-state-card-border-dark,#ffffff1a)] bg-[var(--zui-empty-state-card-bg,#ffffffe6)] dark:bg-[var(--zui-empty-state-card-bg-dark,#ffffff0d)] p-8 text-[color:var(--zui-empty-state-card-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-empty-state-card-fg-dark,oklch(98.4%_0.003_247.858))] shadow-[var(--zui-empty-state-card-shadow,0_8px_24px_rgba(15,23,42,0.12))] dark:shadow-[var(--zui-empty-state-card-shadow-dark,0_18px_48px_rgba(15,23,42,0.35))]"
17
+ };
18
+ var zuiEmptyStateAlignments = {
19
+ start: "items-start text-left",
20
+ center: "items-center text-center",
21
+ end: "items-end text-right"
22
+ };
23
+ var zuiEmptyStateTitleBase = "font-semibold tracking-tight";
24
+ var zuiEmptyStateTitleSizes = {
25
+ sm: "text-base",
26
+ md: "text-lg",
27
+ lg: "text-xl"
28
+ };
29
+ var zuiEmptyStateDescriptionBase = "max-w-md text-[color:var(--zui-empty-state-description-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-empty-state-description-fg-dark,oklch(70.4%_0.04_256.788))]";
30
+ var zuiEmptyStateDescriptionSizes = {
31
+ sm: "text-xs",
32
+ md: "text-sm",
33
+ lg: "text-base"
34
+ };
35
+
36
+ // src/ui/empty-state/variants.ts
37
+ var emptyStateVariants = cva(zuiEmptyStateBase, {
38
+ variants: {
39
+ size: zuiEmptyStateSizes,
40
+ appearance: zuiEmptyStateAppearances,
41
+ align: zuiEmptyStateAlignments
42
+ },
43
+ defaultVariants: {
44
+ size: "md",
45
+ appearance: "default",
46
+ align: "center"
31
47
  }
32
- );
33
- var emptyStateTitleVariants = cva("font-semibold tracking-tight", {
48
+ });
49
+ var emptyStateTitleVariants = cva(zuiEmptyStateTitleBase, {
34
50
  variants: {
35
- size: {
36
- sm: "text-base",
37
- md: "text-lg",
38
- lg: "text-xl"
39
- }
51
+ size: zuiEmptyStateTitleSizes
52
+ },
53
+ defaultVariants: { size: "md" }
54
+ });
55
+ var emptyStateDescriptionVariants = cva(zuiEmptyStateDescriptionBase, {
56
+ variants: {
57
+ size: zuiEmptyStateDescriptionSizes
40
58
  },
41
59
  defaultVariants: { size: "md" }
42
60
  });
43
- var emptyStateDescriptionVariants = cva(
44
- "max-w-md text-slate-500 dark:text-slate-400",
45
- {
46
- variants: {
47
- size: {
48
- sm: "text-xs",
49
- md: "text-sm",
50
- lg: "text-base"
51
- }
52
- },
53
- defaultVariants: { size: "md" }
54
- }
55
- );
56
61
  var EmptyStateSizeContext = createContext("md");
57
62
  function useEmptyStateSize() {
58
63
  return useContext(EmptyStateSizeContext);
@@ -140,5 +145,5 @@ function EmptyStateAction({
140
145
  EmptyStateAction.displayName = "EmptyStateAction";
141
146
 
142
147
  export { EmptyStateAction, EmptyStateBase, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle, emptyStateDescriptionVariants, emptyStateTitleVariants, emptyStateVariants };
143
- //# sourceMappingURL=chunk-OVTWPGMW.mjs.map
144
- //# sourceMappingURL=chunk-OVTWPGMW.mjs.map
148
+ //# sourceMappingURL=chunk-NMQAHUYA.mjs.map
149
+ //# sourceMappingURL=chunk-NMQAHUYA.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/design-system/empty-state.ts","../src/ui/empty-state/variants.ts","../src/ui/empty-state/empty-state-base.tsx"],"names":[],"mappings":"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","file":"chunk-NMQAHUYA.mjs","sourcesContent":["export const zuiEmptyStateBase =\n \"flex w-full flex-col items-center text-center\";\n\nexport const zuiEmptyStateSizes = {\n sm: \"gap-2 p-4 text-sm\",\n md: \"gap-3 p-6 text-sm\",\n lg: \"gap-4 p-8 text-base\",\n} as const;\n\nexport const zuiEmptyStateAppearances = {\n default:\n \"text-[color:var(--zui-empty-state-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-empty-state-default-fg-dark,oklch(98.4%_0.003_247.858))]\",\n ghost:\n \"text-[color:var(--zui-empty-state-ghost-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-empty-state-ghost-fg-dark,oklch(92.9%_0.013_255.508))]\",\n card: \"rounded-2xl border border-[color:var(--zui-empty-state-card-border,#0000001a)] dark:border-[color:var(--zui-empty-state-card-border-dark,#ffffff1a)] bg-[var(--zui-empty-state-card-bg,#ffffffe6)] dark:bg-[var(--zui-empty-state-card-bg-dark,#ffffff0d)] p-8 text-[color:var(--zui-empty-state-card-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-empty-state-card-fg-dark,oklch(98.4%_0.003_247.858))] shadow-[var(--zui-empty-state-card-shadow,0_8px_24px_rgba(15,23,42,0.12))] dark:shadow-[var(--zui-empty-state-card-shadow-dark,0_18px_48px_rgba(15,23,42,0.35))]\",\n} as const;\n\nexport const zuiEmptyStateAlignments = {\n start: \"items-start text-left\",\n center: \"items-center text-center\",\n end: \"items-end text-right\",\n} as const;\n\nexport const zuiEmptyStateTitleBase = \"font-semibold tracking-tight\";\n\nexport const zuiEmptyStateTitleSizes = {\n sm: \"text-base\",\n md: \"text-lg\",\n lg: \"text-xl\",\n} as const;\n\nexport const zuiEmptyStateDescriptionBase =\n \"max-w-md text-[color:var(--zui-empty-state-description-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-empty-state-description-fg-dark,oklch(70.4%_0.04_256.788))]\";\n\nexport const zuiEmptyStateDescriptionSizes = {\n sm: \"text-xs\",\n md: \"text-sm\",\n lg: \"text-base\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n zuiEmptyStateAlignments,\n zuiEmptyStateAppearances,\n zuiEmptyStateBase,\n zuiEmptyStateDescriptionBase,\n zuiEmptyStateDescriptionSizes,\n zuiEmptyStateSizes,\n zuiEmptyStateTitleBase,\n zuiEmptyStateTitleSizes,\n} from \"../../design-system/empty-state\";\n\nexport const emptyStateVariants = cva(zuiEmptyStateBase, {\n variants: {\n size: zuiEmptyStateSizes,\n appearance: zuiEmptyStateAppearances,\n align: zuiEmptyStateAlignments,\n },\n defaultVariants: {\n size: \"md\",\n appearance: \"default\",\n align: \"center\",\n },\n});\n\nexport const emptyStateTitleVariants = cva(zuiEmptyStateTitleBase, {\n variants: {\n size: zuiEmptyStateTitleSizes,\n },\n defaultVariants: { size: \"md\" },\n});\n\nexport const emptyStateDescriptionVariants = cva(zuiEmptyStateDescriptionBase, {\n variants: {\n size: zuiEmptyStateDescriptionSizes,\n },\n defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n EmptyStateProps,\n EmptyStateSectionProps,\n EmptyStateSize,\n} from \"./types\";\nimport {\n emptyStateDescriptionVariants,\n emptyStateTitleVariants,\n emptyStateVariants,\n} from \"./variants\";\n\nexport const EmptyStateSizeContext = createContext<EmptyStateSize>(\"md\");\n\nfunction useEmptyStateSize(): EmptyStateSize {\n return useContext(EmptyStateSizeContext);\n}\n\nexport function EmptyStateBase(props: EmptyStateProps) {\n const {\n className,\n size = \"md\",\n appearance,\n align,\n children,\n ref,\n liveRegion = false,\n as: Wrapper = \"section\",\n ...rest\n } = props;\n const ctx = useMemo(() => size ?? \"md\", [size]);\n\n const liveAria =\n typeof liveRegion === \"string\"\n ? liveRegion\n : liveRegion === true\n ? \"polite\"\n : undefined;\n\n return (\n <EmptyStateSizeContext.Provider value={ctx}>\n <Wrapper\n ref={ref}\n data-slot=\"empty-state\"\n aria-live={liveAria}\n className={cn(\n emptyStateVariants({ size, appearance, align }),\n className,\n )}\n {...rest}\n >\n {children}\n </Wrapper>\n </EmptyStateSizeContext.Provider>\n );\n}\n\nEmptyStateBase.displayName = \"EmptyState\";\n\nexport function EmptyStateIcon({\n className,\n children,\n}: EmptyStateSectionProps) {\n return (\n <div\n data-slot=\"empty-state-icon\"\n className={cn(\"text-slate-300\", className)}\n >\n {children}\n </div>\n );\n}\n\nEmptyStateIcon.displayName = \"EmptyStateIcon\";\n\nexport function EmptyStateTitle({\n className,\n children,\n}: EmptyStateSectionProps) {\n const size = useEmptyStateSize();\n return (\n <h2\n data-slot=\"empty-state-title\"\n className={cn(emptyStateTitleVariants({ size }), className)}\n >\n {children}\n </h2>\n );\n}\n\nEmptyStateTitle.displayName = \"EmptyStateTitle\";\n\nexport function EmptyStateDescription({\n className,\n children,\n}: EmptyStateSectionProps) {\n const size = useEmptyStateSize();\n return (\n <p\n data-slot=\"empty-state-description\"\n className={cn(emptyStateDescriptionVariants({ size }), className)}\n >\n {children}\n </p>\n );\n}\n\nEmptyStateDescription.displayName = \"EmptyStateDescription\";\n\nexport function EmptyStateAction({\n className,\n children,\n}: EmptyStateSectionProps) {\n return (\n <div data-slot=\"empty-state-action\" className={cn(\"mt-2\", className)}>\n {children}\n </div>\n );\n}\n\nEmptyStateAction.displayName = \"EmptyStateAction\";\n"]}
@@ -1,4 +1,4 @@
1
- import { chartPalette } from './chunk-SPX2QDIB.mjs';
1
+ import { chartPalette } from './chunk-G2WARVAM.mjs';
2
2
 
3
3
  // src/charts/shared/colors.ts
4
4
  function resolveColor(color, index) {
@@ -17,5 +17,5 @@ function getSeriesFill(series, index, opacity = 0.18) {
17
17
  }
18
18
 
19
19
  export { getSeriesFill, resolveColor };
20
- //# sourceMappingURL=chunk-MWR5DIA5.mjs.map
21
- //# sourceMappingURL=chunk-MWR5DIA5.mjs.map
20
+ //# sourceMappingURL=chunk-OULU7OC4.mjs.map
21
+ //# sourceMappingURL=chunk-OULU7OC4.mjs.map