@zentauri-ui/zentauri-components 1.7.4 → 1.7.5

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 (303) hide show
  1. package/README.md +6 -4
  2. package/cli/registry.json +1 -0
  3. package/dist/{chunk-CL55KGDF.js → chunk-3W224B3M.js} +22 -22
  4. package/dist/chunk-3W224B3M.js.map +1 -0
  5. package/dist/{chunk-NZDHSIIC.js → chunk-4OCTFG3W.js} +3 -3
  6. package/dist/chunk-4OCTFG3W.js.map +1 -0
  7. package/dist/{chunk-4ZKBLVQX.js → chunk-5565GZ4T.js} +19 -19
  8. package/dist/chunk-5565GZ4T.js.map +1 -0
  9. package/dist/{chunk-BTJYXKCW.js → chunk-6HPS3ZOP.js} +15 -15
  10. package/dist/chunk-6HPS3ZOP.js.map +1 -0
  11. package/dist/chunk-7XCUMSCJ.mjs +80 -0
  12. package/dist/chunk-7XCUMSCJ.mjs.map +1 -0
  13. package/dist/{chunk-QAJOE3HJ.js → chunk-BU2MPXPZ.js} +6 -6
  14. package/dist/chunk-BU2MPXPZ.js.map +1 -0
  15. package/dist/{chunk-BC6M42HQ.mjs → chunk-CL3VH223.mjs} +21 -21
  16. package/dist/chunk-CL3VH223.mjs.map +1 -0
  17. package/dist/{chunk-QXHS3HHZ.mjs → chunk-D3VZKUMH.mjs} +15 -15
  18. package/dist/chunk-D3VZKUMH.mjs.map +1 -0
  19. package/dist/{chunk-EDARAO7X.js → chunk-DFCDLVZA.js} +7 -7
  20. package/dist/chunk-DFCDLVZA.js.map +1 -0
  21. package/dist/{chunk-ACGVDY5J.mjs → chunk-EZCYSFML.mjs} +4 -4
  22. package/dist/chunk-EZCYSFML.mjs.map +1 -0
  23. package/dist/{chunk-ZYKJC5HH.js → chunk-G66SXATZ.js} +15 -15
  24. package/dist/chunk-G66SXATZ.js.map +1 -0
  25. package/dist/{chunk-QBPVJH4P.mjs → chunk-H7WDA6U6.mjs} +5 -5
  26. package/dist/chunk-H7WDA6U6.mjs.map +1 -0
  27. package/dist/{chunk-OZMSE44N.mjs → chunk-HLG2YJFZ.mjs} +19 -19
  28. package/dist/chunk-HLG2YJFZ.mjs.map +1 -0
  29. package/dist/{chunk-QYLTKBH7.js → chunk-INXWZ4DS.js} +3 -3
  30. package/dist/chunk-INXWZ4DS.js.map +1 -0
  31. package/dist/{chunk-QSPXPU72.js → chunk-KTLJEPLF.js} +21 -21
  32. package/dist/chunk-KTLJEPLF.js.map +1 -0
  33. package/dist/chunk-LMIL2R4R.js +197 -0
  34. package/dist/chunk-LMIL2R4R.js.map +1 -0
  35. package/dist/{chunk-PR4QXFJT.js → chunk-LNYCEPW5.js} +5 -5
  36. package/dist/chunk-LNYCEPW5.js.map +1 -0
  37. package/dist/chunk-MEAVYU2Y.mjs +192 -0
  38. package/dist/chunk-MEAVYU2Y.mjs.map +1 -0
  39. package/dist/{chunk-P5WLYJ2C.mjs → chunk-NNZXBL7R.mjs} +6 -6
  40. package/dist/chunk-NNZXBL7R.mjs.map +1 -0
  41. package/dist/{chunk-HMNIH3KJ.mjs → chunk-ORFI4BCJ.mjs} +3 -3
  42. package/dist/chunk-ORFI4BCJ.mjs.map +1 -0
  43. package/dist/{chunk-K7TCW5PJ.js → chunk-PMALYOPA.js} +3 -3
  44. package/dist/chunk-PMALYOPA.js.map +1 -0
  45. package/dist/{chunk-WPXQHWPV.js → chunk-PYUZOVLY.js} +4 -4
  46. package/dist/chunk-PYUZOVLY.js.map +1 -0
  47. package/dist/{chunk-ITVMSCOJ.mjs → chunk-R2JJTREQ.mjs} +22 -22
  48. package/dist/chunk-R2JJTREQ.mjs.map +1 -0
  49. package/dist/chunk-RIHJAEOL.js +107 -0
  50. package/dist/chunk-RIHJAEOL.js.map +1 -0
  51. package/dist/{chunk-FHLZH3PB.mjs → chunk-SFRS4EZ5.mjs} +3 -3
  52. package/dist/chunk-SFRS4EZ5.mjs.map +1 -0
  53. package/dist/{chunk-KTGV76M3.mjs → chunk-SSJXWD2M.mjs} +3 -3
  54. package/dist/chunk-SSJXWD2M.mjs.map +1 -0
  55. package/dist/{chunk-YAO62VH2.js → chunk-UGH23TAH.js} +15 -15
  56. package/dist/chunk-UGH23TAH.js.map +1 -0
  57. package/dist/chunk-UPZ5XGUD.mjs +100 -0
  58. package/dist/chunk-UPZ5XGUD.mjs.map +1 -0
  59. package/dist/{chunk-4XVNQ7IY.mjs → chunk-UR7TNW45.mjs} +15 -15
  60. package/dist/chunk-UR7TNW45.mjs.map +1 -0
  61. package/dist/{chunk-HCGSEPOD.mjs → chunk-UROKWFPX.mjs} +7 -7
  62. package/dist/chunk-UROKWFPX.mjs.map +1 -0
  63. package/dist/{chunk-XRDVD2EN.js → chunk-X3O45MPI.js} +3 -3
  64. package/dist/{chunk-XRDVD2EN.js.map → chunk-X3O45MPI.js.map} +1 -1
  65. package/dist/{chunk-KEKMMNL5.mjs → chunk-XXRDLZW7.mjs} +3 -3
  66. package/dist/chunk-XXRDLZW7.mjs.map +1 -0
  67. package/dist/{chunk-NHQ3S4Y6.mjs → chunk-ZIFMIS7D.mjs} +15 -15
  68. package/dist/chunk-ZIFMIS7D.mjs.map +1 -0
  69. package/dist/chunk-ZUT7ZUM7.js +84 -0
  70. package/dist/chunk-ZUT7ZUM7.js.map +1 -0
  71. package/dist/design-system/accordion.d.ts +1 -1
  72. package/dist/design-system/alert.d.ts +5 -5
  73. package/dist/design-system/badge.d.ts +3 -3
  74. package/dist/design-system/card.d.ts +2 -2
  75. package/dist/design-system/checkbox.d.ts +10 -10
  76. package/dist/design-system/checkbox.d.ts.map +1 -1
  77. package/dist/design-system/command.d.ts +1 -1
  78. package/dist/design-system/command.d.ts.map +1 -1
  79. package/dist/design-system/drawer.d.ts +1 -1
  80. package/dist/design-system/dropdown.d.ts +31 -31
  81. package/dist/design-system/dropdown.d.ts.map +1 -1
  82. package/dist/design-system/file-upload.d.ts +15 -15
  83. package/dist/design-system/file-upload.d.ts.map +1 -1
  84. package/dist/design-system/index.d.ts +1 -0
  85. package/dist/design-system/index.d.ts.map +1 -1
  86. package/dist/design-system/inputs.d.ts +13 -13
  87. package/dist/design-system/inputs.d.ts.map +1 -1
  88. package/dist/design-system/modal.d.ts +1 -1
  89. package/dist/design-system/modal.d.ts.map +1 -1
  90. package/dist/design-system/pagination.d.ts +25 -25
  91. package/dist/design-system/popover.d.ts +19 -19
  92. package/dist/design-system/popover.d.ts.map +1 -1
  93. package/dist/design-system/radio-group.d.ts +10 -10
  94. package/dist/design-system/radio-group.d.ts.map +1 -1
  95. package/dist/design-system/scroll-area.d.ts +33 -0
  96. package/dist/design-system/scroll-area.d.ts.map +1 -0
  97. package/dist/design-system/select.d.ts +35 -35
  98. package/dist/design-system/select.d.ts.map +1 -1
  99. package/dist/design-system/skeleton.d.ts +13 -13
  100. package/dist/design-system/skeleton.d.ts.map +1 -1
  101. package/dist/design-system/slider.d.ts +23 -23
  102. package/dist/design-system/slider.d.ts.map +1 -1
  103. package/dist/design-system/stepper.d.ts +22 -22
  104. package/dist/design-system/table.d.ts +13 -13
  105. package/dist/design-system/tabs.d.ts +4 -4
  106. package/dist/design-system/tabs.d.ts.map +1 -1
  107. package/dist/design-system/toast.d.ts +17 -17
  108. package/dist/design-system/toast.d.ts.map +1 -1
  109. package/dist/design-system/toggle.d.ts +54 -54
  110. package/dist/design-system/toggle.d.ts.map +1 -1
  111. package/dist/design-system/tooltip.d.ts +20 -20
  112. package/dist/design-system/typography.d.ts +15 -15
  113. package/dist/ui/accordion/animated.js +7 -7
  114. package/dist/ui/accordion/animated.mjs +2 -2
  115. package/dist/ui/accordion.js +9 -9
  116. package/dist/ui/accordion.mjs +2 -2
  117. package/dist/ui/alert/animated/alert-animated.d.ts.map +1 -1
  118. package/dist/ui/alert/animated.js +2 -2
  119. package/dist/ui/alert/animated.js.map +1 -1
  120. package/dist/ui/alert/animated.mjs +1 -1
  121. package/dist/ui/alert/animated.mjs.map +1 -1
  122. package/dist/ui/alert.js +10 -10
  123. package/dist/ui/alert.mjs +2 -2
  124. package/dist/ui/badge/animated.js +2 -2
  125. package/dist/ui/badge/animated.mjs +1 -1
  126. package/dist/ui/badge/variants.d.ts +1 -1
  127. package/dist/ui/badge.js +4 -4
  128. package/dist/ui/badge.mjs +2 -2
  129. package/dist/ui/card/animated.js +7 -7
  130. package/dist/ui/card/animated.mjs +2 -2
  131. package/dist/ui/card.js +12 -12
  132. package/dist/ui/card.mjs +2 -2
  133. package/dist/ui/checkbox/animated.js +4 -4
  134. package/dist/ui/checkbox/animated.mjs +1 -1
  135. package/dist/ui/checkbox.js +8 -8
  136. package/dist/ui/checkbox.mjs +2 -2
  137. package/dist/ui/command/animated.js +2 -2
  138. package/dist/ui/command/animated.mjs +1 -1
  139. package/dist/ui/command.js +15 -15
  140. package/dist/ui/command.mjs +2 -2
  141. package/dist/ui/drawer/animated.js +11 -11
  142. package/dist/ui/drawer/animated.mjs +2 -2
  143. package/dist/ui/drawer.js +11 -11
  144. package/dist/ui/drawer.mjs +1 -1
  145. package/dist/ui/dropdown.js +31 -31
  146. package/dist/ui/dropdown.js.map +1 -1
  147. package/dist/ui/dropdown.mjs +31 -31
  148. package/dist/ui/dropdown.mjs.map +1 -1
  149. package/dist/ui/dynamic-stepper.js +47 -47
  150. package/dist/ui/dynamic-stepper.js.map +1 -1
  151. package/dist/ui/dynamic-stepper.mjs +47 -47
  152. package/dist/ui/dynamic-stepper.mjs.map +1 -1
  153. package/dist/ui/file-upload.js +15 -15
  154. package/dist/ui/file-upload.js.map +1 -1
  155. package/dist/ui/file-upload.mjs +15 -15
  156. package/dist/ui/file-upload.mjs.map +1 -1
  157. package/dist/ui/inputs/animated.js +3 -3
  158. package/dist/ui/inputs/animated.mjs +1 -1
  159. package/dist/ui/inputs.js +4 -4
  160. package/dist/ui/inputs.mjs +2 -2
  161. package/dist/ui/modal/animated.js +4 -4
  162. package/dist/ui/modal/animated.mjs +1 -1
  163. package/dist/ui/modal.js +12 -12
  164. package/dist/ui/modal.mjs +2 -2
  165. package/dist/ui/pagination.js +25 -25
  166. package/dist/ui/pagination.js.map +1 -1
  167. package/dist/ui/pagination.mjs +25 -25
  168. package/dist/ui/pagination.mjs.map +1 -1
  169. package/dist/ui/popover/animated.js +4 -4
  170. package/dist/ui/popover/animated.mjs +1 -1
  171. package/dist/ui/popover.js +7 -7
  172. package/dist/ui/popover.mjs +1 -1
  173. package/dist/ui/radio-group/animated.js +7 -7
  174. package/dist/ui/radio-group/animated.mjs +1 -1
  175. package/dist/ui/radio-group.js +11 -11
  176. package/dist/ui/radio-group.mjs +2 -2
  177. package/dist/ui/scroll-area/index.d.ts +4 -0
  178. package/dist/ui/scroll-area/index.d.ts.map +1 -0
  179. package/dist/ui/scroll-area/scroll-area.d.ts +6 -0
  180. package/dist/ui/scroll-area/scroll-area.d.ts.map +1 -0
  181. package/dist/ui/scroll-area/types.d.ts +8 -0
  182. package/dist/ui/scroll-area/types.d.ts.map +1 -0
  183. package/dist/ui/scroll-area/variants.d.ts +8 -0
  184. package/dist/ui/scroll-area/variants.d.ts.map +1 -0
  185. package/dist/ui/scroll-area.js +123 -0
  186. package/dist/ui/scroll-area.js.map +1 -0
  187. package/dist/ui/scroll-area.mjs +120 -0
  188. package/dist/ui/scroll-area.mjs.map +1 -0
  189. package/dist/ui/search.js +2 -2
  190. package/dist/ui/search.mjs +1 -1
  191. package/dist/ui/select.js +35 -35
  192. package/dist/ui/select.js.map +1 -1
  193. package/dist/ui/select.mjs +35 -35
  194. package/dist/ui/select.mjs.map +1 -1
  195. package/dist/ui/skeleton/animated.js +8 -8
  196. package/dist/ui/skeleton/animated.mjs +1 -1
  197. package/dist/ui/skeleton.js +9 -9
  198. package/dist/ui/skeleton.mjs +1 -1
  199. package/dist/ui/slider.js +23 -23
  200. package/dist/ui/slider.js.map +1 -1
  201. package/dist/ui/slider.mjs +23 -23
  202. package/dist/ui/slider.mjs.map +1 -1
  203. package/dist/ui/stepper.js +22 -22
  204. package/dist/ui/stepper.js.map +1 -1
  205. package/dist/ui/stepper.mjs +22 -22
  206. package/dist/ui/stepper.mjs.map +1 -1
  207. package/dist/ui/table/animated.js +8 -8
  208. package/dist/ui/table/animated.mjs +2 -2
  209. package/dist/ui/table.js +14 -14
  210. package/dist/ui/table.mjs +1 -1
  211. package/dist/ui/tabs/animated.js +2 -2
  212. package/dist/ui/tabs/animated.mjs +1 -1
  213. package/dist/ui/tabs.js +9 -9
  214. package/dist/ui/tabs.mjs +1 -1
  215. package/dist/ui/toast/animated.js +7 -7
  216. package/dist/ui/toast/animated.mjs +1 -1
  217. package/dist/ui/toast.js +12 -12
  218. package/dist/ui/toast.mjs +1 -1
  219. package/dist/ui/toggle/animated.js +4 -4
  220. package/dist/ui/toggle/animated.mjs +1 -1
  221. package/dist/ui/toggle.js +4 -4
  222. package/dist/ui/toggle.mjs +2 -2
  223. package/dist/ui/tooltip/animated.js +3 -3
  224. package/dist/ui/tooltip/animated.mjs +1 -1
  225. package/dist/ui/tooltip.js +7 -7
  226. package/dist/ui/tooltip.mjs +1 -1
  227. package/dist/ui/typography.js +15 -15
  228. package/dist/ui/typography.js.map +1 -1
  229. package/dist/ui/typography.mjs +15 -15
  230. package/dist/ui/typography.mjs.map +1 -1
  231. package/package.json +1 -1
  232. package/src/design-system/accordion.ts +1 -1
  233. package/src/design-system/alert.ts +5 -5
  234. package/src/design-system/badge.ts +3 -3
  235. package/src/design-system/card.ts +2 -2
  236. package/src/design-system/checkbox.ts +10 -12
  237. package/src/design-system/command.ts +1 -1
  238. package/src/design-system/drawer.ts +1 -1
  239. package/src/design-system/dropdown.ts +31 -31
  240. package/src/design-system/dynamic-stepper.ts +47 -47
  241. package/src/design-system/file-upload.ts +15 -15
  242. package/src/design-system/index.ts +1 -0
  243. package/src/design-system/inputs.ts +13 -13
  244. package/src/design-system/modal.ts +1 -1
  245. package/src/design-system/pagination.ts +25 -25
  246. package/src/design-system/popover.ts +19 -23
  247. package/src/design-system/radio-group.ts +10 -12
  248. package/src/design-system/scroll-area.ts +47 -0
  249. package/src/design-system/select.ts +36 -35
  250. package/src/design-system/skeleton.ts +20 -13
  251. package/src/design-system/slider.ts +23 -23
  252. package/src/design-system/stepper.ts +22 -22
  253. package/src/design-system/table.ts +13 -13
  254. package/src/design-system/tabs.ts +5 -4
  255. package/src/design-system/toast.ts +17 -17
  256. package/src/design-system/toggle.ts +55 -54
  257. package/src/design-system/tooltip.ts +20 -20
  258. package/src/design-system/typography.ts +15 -15
  259. package/src/ui/alert/animated/alert-animated.tsx +1 -0
  260. package/src/ui/scroll-area/index.ts +5 -0
  261. package/src/ui/scroll-area/scroll-area.test.tsx +116 -0
  262. package/src/ui/scroll-area/scroll-area.tsx +64 -0
  263. package/src/ui/scroll-area/types.ts +11 -0
  264. package/src/ui/scroll-area/variants.ts +44 -0
  265. package/dist/chunk-4XVNQ7IY.mjs.map +0 -1
  266. package/dist/chunk-4ZKBLVQX.js.map +0 -1
  267. package/dist/chunk-6QQUQLPB.js +0 -107
  268. package/dist/chunk-6QQUQLPB.js.map +0 -1
  269. package/dist/chunk-ACGVDY5J.mjs.map +0 -1
  270. package/dist/chunk-BC6M42HQ.mjs.map +0 -1
  271. package/dist/chunk-BTJYXKCW.js.map +0 -1
  272. package/dist/chunk-CL55KGDF.js.map +0 -1
  273. package/dist/chunk-EDARAO7X.js.map +0 -1
  274. package/dist/chunk-EN4VLNBF.js +0 -197
  275. package/dist/chunk-EN4VLNBF.js.map +0 -1
  276. package/dist/chunk-FHLZH3PB.mjs.map +0 -1
  277. package/dist/chunk-HCGSEPOD.mjs.map +0 -1
  278. package/dist/chunk-HMNIH3KJ.mjs.map +0 -1
  279. package/dist/chunk-ITVMSCOJ.mjs.map +0 -1
  280. package/dist/chunk-K6IZANTI.mjs +0 -80
  281. package/dist/chunk-K6IZANTI.mjs.map +0 -1
  282. package/dist/chunk-K7TCW5PJ.js.map +0 -1
  283. package/dist/chunk-KEKMMNL5.mjs.map +0 -1
  284. package/dist/chunk-KTGV76M3.mjs.map +0 -1
  285. package/dist/chunk-MTTXLC2V.mjs +0 -100
  286. package/dist/chunk-MTTXLC2V.mjs.map +0 -1
  287. package/dist/chunk-NHQ3S4Y6.mjs.map +0 -1
  288. package/dist/chunk-NZDHSIIC.js.map +0 -1
  289. package/dist/chunk-OZMSE44N.mjs.map +0 -1
  290. package/dist/chunk-P5WLYJ2C.mjs.map +0 -1
  291. package/dist/chunk-PHEUJ4EF.js +0 -84
  292. package/dist/chunk-PHEUJ4EF.js.map +0 -1
  293. package/dist/chunk-PMWRJ2KS.mjs +0 -192
  294. package/dist/chunk-PMWRJ2KS.mjs.map +0 -1
  295. package/dist/chunk-PR4QXFJT.js.map +0 -1
  296. package/dist/chunk-QAJOE3HJ.js.map +0 -1
  297. package/dist/chunk-QBPVJH4P.mjs.map +0 -1
  298. package/dist/chunk-QSPXPU72.js.map +0 -1
  299. package/dist/chunk-QXHS3HHZ.mjs.map +0 -1
  300. package/dist/chunk-QYLTKBH7.js.map +0 -1
  301. package/dist/chunk-WPXQHWPV.js.map +0 -1
  302. package/dist/chunk-YAO62VH2.js.map +0 -1
  303. package/dist/chunk-ZYKJC5HH.js.map +0 -1
package/dist/ui/stepper.js CHANGED
@@ -19,29 +19,29 @@ var zuiStepperItemOrientations = {
19
19
  };
20
20
  var zuiStepperIndicatorBase = "grid size-9 shrink-0 place-items-center rounded-full border text-sm font-semibold transition-colors";
21
21
  var zuiStepperIndicatorAppearances = {
22
- complete: "border-[color:var(--zui-stepper-indicator-complete-border,oklch(69.6%_0.17_162.48_/_0.6))] bg-[var(--zui-stepper-indicator-complete-bg,oklch(69.6%_0.17_162.48_/_0.2))] text-[color:var(--zui-stepper-indicator-complete-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-stepper-indicator-complete-fg-dark,oklch(95%_0.052_163.051))] ring-2 ring-[var(--zui-stepper-indicator-complete-ring,oklch(76.5%_0.177_163.223_/_0.3))]",
23
- current: "border-[color:var(--zui-stepper-indicator-current-border,oklch(54.1%_0.281_293.009))] dark:border-[color:var(--zui-stepper-indicator-current-border-dark,oklch(70.2%_0.183_293.541))] bg-[var(--zui-stepper-indicator-current-bg,oklch(60.6%_0.25_292.717_/_0.2))] text-[color:var(--zui-stepper-indicator-current-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-stepper-indicator-current-fg-dark,#ffffff)] ring-2 ring-[var(--zui-stepper-indicator-current-ring,oklch(70.2%_0.183_293.541_/_0.5))]",
22
+ complete: "border-[color:var(--zui-stepper-indicator-complete-border,oklch(69.6%_0.17_162.48_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-complete-border-dark,oklch(69.6%_0.17_162.48_/_0.6))] bg-[var(--zui-stepper-indicator-complete-bg,oklch(69.6%_0.17_162.48_/_0.2))] dark:bg-[var(--zui-stepper-indicator-complete-bg-dark,oklch(69.6%_0.17_162.48_/_0.2))] text-[color:var(--zui-stepper-indicator-complete-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-stepper-indicator-complete-fg-dark,oklch(95%_0.052_163.051))] ring-2 ring-[var(--zui-stepper-indicator-complete-ring,oklch(76.5%_0.177_163.223_/_0.3))] dark:ring-[var(--zui-stepper-indicator-complete-ring-dark,oklch(76.5%_0.177_163.223_/_0.3))]",
23
+ current: "border-[color:var(--zui-stepper-indicator-current-border,oklch(54.1%_0.281_293.009))] dark:border-[color:var(--zui-stepper-indicator-current-border-dark,oklch(70.2%_0.183_293.541))] bg-[var(--zui-stepper-indicator-current-bg,oklch(60.6%_0.25_292.717_/_0.2))] dark:bg-[var(--zui-stepper-indicator-current-bg-dark,oklch(60.6%_0.25_292.717_/_0.2))] text-[color:var(--zui-stepper-indicator-current-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-stepper-indicator-current-fg-dark,#ffffff)] ring-2 ring-[var(--zui-stepper-indicator-current-ring,oklch(70.2%_0.183_293.541_/_0.5))] dark:ring-[var(--zui-stepper-indicator-current-ring-dark,oklch(70.2%_0.183_293.541_/_0.5))]",
24
24
  upcoming: "border-[color:var(--zui-stepper-indicator-upcoming-border,#00000026)] dark:border-[color:var(--zui-stepper-indicator-upcoming-border-dark,#ffffff26)] bg-[var(--zui-stepper-indicator-upcoming-bg,#0000000d)] dark:bg-[var(--zui-stepper-indicator-upcoming-bg-dark,#ffffff0d)] text-[color:var(--zui-stepper-indicator-upcoming-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-stepper-indicator-upcoming-fg-dark,oklch(70.4%_0.04_256.788))]",
25
- sky: "border-[color:var(--zui-stepper-indicator-sky-border,oklch(68.5%_0.169_237.323_/_0.6))] bg-[var(--zui-stepper-indicator-sky-bg,oklch(68.5%_0.169_237.323_/_0.2))] text-[color:var(--zui-stepper-indicator-sky-fg,oklch(39.1%_0.09_240.876))] dark:text-[color:var(--zui-stepper-indicator-sky-fg-dark,oklch(95.1%_0.026_236.824))] ring-2 ring-[var(--zui-stepper-indicator-sky-ring,oklch(74.6%_0.16_232.661_/_0.3))]",
26
- rose: "border-[color:var(--zui-stepper-indicator-rose-border,oklch(64.5%_0.246_16.439_/_0.6))] bg-[var(--zui-stepper-indicator-rose-bg,oklch(64.5%_0.246_16.439_/_0.2))] text-[color:var(--zui-stepper-indicator-rose-fg,oklch(41%_0.159_10.272))] dark:text-[color:var(--zui-stepper-indicator-rose-fg-dark,oklch(94.1%_0.03_12.58))] ring-2 ring-[var(--zui-stepper-indicator-rose-ring,oklch(71.2%_0.194_13.428_/_0.3))]",
27
- purple: "border-[color:var(--zui-stepper-indicator-purple-border,oklch(62.7%_0.265_303.9_/_0.6))] bg-[var(--zui-stepper-indicator-purple-bg,oklch(62.7%_0.265_303.9_/_0.2))] text-[color:var(--zui-stepper-indicator-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-stepper-indicator-purple-fg-dark,oklch(94.6%_0.033_307.174))] ring-2 ring-[var(--zui-stepper-indicator-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))]",
28
- pink: "border-[color:var(--zui-stepper-indicator-pink-border,oklch(65.6%_0.241_354.308_/_0.6))] bg-[var(--zui-stepper-indicator-pink-bg,oklch(65.6%_0.241_354.308_/_0.2))] text-[color:var(--zui-stepper-indicator-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-stepper-indicator-pink-fg-dark,oklch(94.8%_0.028_342.258))] ring-2 ring-[var(--zui-stepper-indicator-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))]",
29
- orange: "border-[color:var(--zui-stepper-indicator-orange-border,oklch(70.5%_0.213_47.604_/_0.6))] bg-[var(--zui-stepper-indicator-orange-bg,oklch(70.5%_0.213_47.604_/_0.2))] text-[color:var(--zui-stepper-indicator-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-stepper-indicator-orange-fg-dark,oklch(95.4%_0.038_75.164))] ring-2 ring-[var(--zui-stepper-indicator-orange-ring,oklch(75%_0.183_55.934_/_0.3))]",
30
- yellow: "border-[color:var(--zui-stepper-indicator-yellow-border,oklch(79.5%_0.184_86.047_/_0.6))] bg-[var(--zui-stepper-indicator-yellow-bg,oklch(79.5%_0.184_86.047_/_0.2))] text-[color:var(--zui-stepper-indicator-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-stepper-indicator-yellow-fg-dark,oklch(97.3%_0.071_103.193))] ring-2 ring-[var(--zui-stepper-indicator-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))]",
31
- teal: "border-[color:var(--zui-stepper-indicator-teal-border,oklch(70.4%_0.14_182.503_/_0.6))] bg-[var(--zui-stepper-indicator-teal-bg,oklch(70.4%_0.14_182.503_/_0.2))] text-[color:var(--zui-stepper-indicator-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-stepper-indicator-teal-fg-dark,oklch(95.3%_0.051_180.801))] ring-2 ring-[var(--zui-stepper-indicator-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))]",
32
- indigo: "border-[color:var(--zui-stepper-indicator-indigo-border,oklch(58.5%_0.233_277.117_/_0.6))] bg-[var(--zui-stepper-indicator-indigo-bg,oklch(58.5%_0.233_277.117_/_0.2))] text-[color:var(--zui-stepper-indicator-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-stepper-indicator-indigo-fg-dark,oklch(93%_0.034_272.788))] ring-2 ring-[var(--zui-stepper-indicator-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))]",
33
- emerald: "border-[color:var(--zui-stepper-indicator-emerald-border,oklch(69.6%_0.17_162.48_/_0.6))] bg-[var(--zui-stepper-indicator-emerald-bg,oklch(69.6%_0.17_162.48_/_0.2))] text-[color:var(--zui-stepper-indicator-emerald-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-stepper-indicator-emerald-fg-dark,oklch(95%_0.052_163.051))] ring-2 ring-[var(--zui-stepper-indicator-emerald-ring,oklch(76.5%_0.177_163.223_/_0.3))]",
34
- gray: "border-[color:var(--zui-stepper-indicator-gray-border,oklch(55.1%_0.027_264.364_/_0.6))] bg-[var(--zui-stepper-indicator-gray-bg,oklch(55.1%_0.027_264.364_/_0.2))] text-[color:var(--zui-stepper-indicator-gray-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-stepper-indicator-gray-fg-dark,oklch(96.7%_0.003_264.542))] ring-2 ring-[var(--zui-stepper-indicator-gray-ring,oklch(70.7%_0.022_261.325_/_0.3))]",
35
- violet: "border-[color:var(--zui-stepper-indicator-violet-border,oklch(60.6%_0.25_292.717_/_0.6))] bg-[var(--zui-stepper-indicator-violet-bg,oklch(60.6%_0.25_292.717_/_0.2))] text-[color:var(--zui-stepper-indicator-violet-fg,oklch(38%_0.189_293.745))] dark:text-[color:var(--zui-stepper-indicator-violet-fg-dark,oklch(94.3%_0.029_294.588))] ring-2 ring-[var(--zui-stepper-indicator-violet-ring,oklch(70.2%_0.183_293.541_/_0.3))]",
36
- "gradient-blue": "border-[color:var(--zui-stepper-indicator-gradient-blue-border,oklch(62.3%_0.214_259.815_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-blue-bg,oklch(62.3%_0.214_259.815_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-blue-fg,oklch(37.9%_0.146_265.522))] dark:text-[color:var(--zui-stepper-indicator-gradient-blue-fg-dark,oklch(93.2%_0.032_255.585))] ring-2 ring-[var(--zui-stepper-indicator-gradient-blue-ring,oklch(70.7%_0.165_254.624_/_0.3))]",
37
- "gradient-green": "border-[color:var(--zui-stepper-indicator-gradient-green-border,oklch(72.3%_0.219_149.579_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-green-bg,oklch(72.3%_0.219_149.579_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-green-fg,oklch(39.3%_0.095_152.535))] dark:text-[color:var(--zui-stepper-indicator-gradient-green-fg-dark,oklch(96.2%_0.044_156.743))] ring-2 ring-[var(--zui-stepper-indicator-gradient-green-ring,oklch(79.2%_0.209_151.711_/_0.3))]",
38
- "gradient-red": "border-[color:var(--zui-stepper-indicator-gradient-red-border,oklch(63.7%_0.237_25.331_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-red-bg,oklch(63.7%_0.237_25.331_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-red-fg,oklch(39.6%_0.141_25.723))] dark:text-[color:var(--zui-stepper-indicator-gradient-red-fg-dark,oklch(93.6%_0.032_17.717))] ring-2 ring-[var(--zui-stepper-indicator-gradient-red-ring,oklch(70.4%_0.191_22.216_/_0.3))]",
39
- "gradient-yellow": "border-[color:var(--zui-stepper-indicator-gradient-yellow-border,oklch(79.5%_0.184_86.047_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-yellow-bg,oklch(79.5%_0.184_86.047_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-stepper-indicator-gradient-yellow-fg-dark,oklch(97.3%_0.071_103.193))] ring-2 ring-[var(--zui-stepper-indicator-gradient-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))]",
40
- "gradient-purple": "border-[color:var(--zui-stepper-indicator-gradient-purple-border,oklch(62.7%_0.265_303.9_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-purple-bg,oklch(62.7%_0.265_303.9_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-stepper-indicator-gradient-purple-fg-dark,oklch(94.6%_0.033_307.174))] ring-2 ring-[var(--zui-stepper-indicator-gradient-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))]",
41
- "gradient-teal": "border-[color:var(--zui-stepper-indicator-gradient-teal-border,oklch(70.4%_0.14_182.503_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-teal-bg,oklch(70.4%_0.14_182.503_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-stepper-indicator-gradient-teal-fg-dark,oklch(95.3%_0.051_180.801))] ring-2 ring-[var(--zui-stepper-indicator-gradient-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))]",
42
- "gradient-indigo": "border-[color:var(--zui-stepper-indicator-gradient-indigo-border,oklch(58.5%_0.233_277.117_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-indigo-bg,oklch(58.5%_0.233_277.117_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-stepper-indicator-gradient-indigo-fg-dark,oklch(93%_0.034_272.788))] ring-2 ring-[var(--zui-stepper-indicator-gradient-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))]",
43
- "gradient-pink": "border-[color:var(--zui-stepper-indicator-gradient-pink-border,oklch(65.6%_0.241_354.308_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-pink-bg,oklch(65.6%_0.241_354.308_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-stepper-indicator-gradient-pink-fg-dark,oklch(94.8%_0.028_342.258))] ring-2 ring-[var(--zui-stepper-indicator-gradient-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))]",
44
- "gradient-orange": "border-[color:var(--zui-stepper-indicator-gradient-orange-border,oklch(70.5%_0.213_47.604_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-orange-bg,oklch(70.5%_0.213_47.604_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-stepper-indicator-gradient-orange-fg-dark,oklch(95.4%_0.038_75.164))] ring-2 ring-[var(--zui-stepper-indicator-gradient-orange-ring,oklch(75%_0.183_55.934_/_0.3))]"
25
+ sky: "border-[color:var(--zui-stepper-indicator-sky-border,oklch(68.5%_0.169_237.323_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-sky-border-dark,oklch(68.5%_0.169_237.323_/_0.6))] bg-[var(--zui-stepper-indicator-sky-bg,oklch(68.5%_0.169_237.323_/_0.2))] dark:bg-[var(--zui-stepper-indicator-sky-bg-dark,oklch(68.5%_0.169_237.323_/_0.2))] text-[color:var(--zui-stepper-indicator-sky-fg,oklch(39.1%_0.09_240.876))] dark:text-[color:var(--zui-stepper-indicator-sky-fg-dark,oklch(95.1%_0.026_236.824))] ring-2 ring-[var(--zui-stepper-indicator-sky-ring,oklch(74.6%_0.16_232.661_/_0.3))] dark:ring-[var(--zui-stepper-indicator-sky-ring-dark,oklch(74.6%_0.16_232.661_/_0.3))]",
26
+ rose: "border-[color:var(--zui-stepper-indicator-rose-border,oklch(64.5%_0.246_16.439_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-rose-border-dark,oklch(64.5%_0.246_16.439_/_0.6))] bg-[var(--zui-stepper-indicator-rose-bg,oklch(64.5%_0.246_16.439_/_0.2))] dark:bg-[var(--zui-stepper-indicator-rose-bg-dark,oklch(64.5%_0.246_16.439_/_0.2))] text-[color:var(--zui-stepper-indicator-rose-fg,oklch(41%_0.159_10.272))] dark:text-[color:var(--zui-stepper-indicator-rose-fg-dark,oklch(94.1%_0.03_12.58))] ring-2 ring-[var(--zui-stepper-indicator-rose-ring,oklch(71.2%_0.194_13.428_/_0.3))] dark:ring-[var(--zui-stepper-indicator-rose-ring-dark,oklch(71.2%_0.194_13.428_/_0.3))]",
27
+ purple: "border-[color:var(--zui-stepper-indicator-purple-border,oklch(62.7%_0.265_303.9_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-purple-border-dark,oklch(62.7%_0.265_303.9_/_0.6))] bg-[var(--zui-stepper-indicator-purple-bg,oklch(62.7%_0.265_303.9_/_0.2))] dark:bg-[var(--zui-stepper-indicator-purple-bg-dark,oklch(62.7%_0.265_303.9_/_0.2))] text-[color:var(--zui-stepper-indicator-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-stepper-indicator-purple-fg-dark,oklch(94.6%_0.033_307.174))] ring-2 ring-[var(--zui-stepper-indicator-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))] dark:ring-[var(--zui-stepper-indicator-purple-ring-dark,oklch(71.4%_0.203_305.504_/_0.3))]",
28
+ pink: "border-[color:var(--zui-stepper-indicator-pink-border,oklch(65.6%_0.241_354.308_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-pink-border-dark,oklch(65.6%_0.241_354.308_/_0.6))] bg-[var(--zui-stepper-indicator-pink-bg,oklch(65.6%_0.241_354.308_/_0.2))] dark:bg-[var(--zui-stepper-indicator-pink-bg-dark,oklch(65.6%_0.241_354.308_/_0.2))] text-[color:var(--zui-stepper-indicator-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-stepper-indicator-pink-fg-dark,oklch(94.8%_0.028_342.258))] ring-2 ring-[var(--zui-stepper-indicator-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))] dark:ring-[var(--zui-stepper-indicator-pink-ring-dark,oklch(71.8%_0.202_349.761_/_0.3))]",
29
+ orange: "border-[color:var(--zui-stepper-indicator-orange-border,oklch(70.5%_0.213_47.604_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-orange-border-dark,oklch(70.5%_0.213_47.604_/_0.6))] bg-[var(--zui-stepper-indicator-orange-bg,oklch(70.5%_0.213_47.604_/_0.2))] dark:bg-[var(--zui-stepper-indicator-orange-bg-dark,oklch(70.5%_0.213_47.604_/_0.2))] text-[color:var(--zui-stepper-indicator-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-stepper-indicator-orange-fg-dark,oklch(95.4%_0.038_75.164))] ring-2 ring-[var(--zui-stepper-indicator-orange-ring,oklch(75%_0.183_55.934_/_0.3))] dark:ring-[var(--zui-stepper-indicator-orange-ring-dark,oklch(75%_0.183_55.934_/_0.3))]",
30
+ yellow: "border-[color:var(--zui-stepper-indicator-yellow-border,oklch(79.5%_0.184_86.047_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-yellow-border-dark,oklch(79.5%_0.184_86.047_/_0.6))] bg-[var(--zui-stepper-indicator-yellow-bg,oklch(79.5%_0.184_86.047_/_0.2))] dark:bg-[var(--zui-stepper-indicator-yellow-bg-dark,oklch(79.5%_0.184_86.047_/_0.2))] text-[color:var(--zui-stepper-indicator-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-stepper-indicator-yellow-fg-dark,oklch(97.3%_0.071_103.193))] ring-2 ring-[var(--zui-stepper-indicator-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))] dark:ring-[var(--zui-stepper-indicator-yellow-ring-dark,oklch(85.2%_0.199_91.936_/_0.3))]",
31
+ teal: "border-[color:var(--zui-stepper-indicator-teal-border,oklch(70.4%_0.14_182.503_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-teal-border-dark,oklch(70.4%_0.14_182.503_/_0.6))] bg-[var(--zui-stepper-indicator-teal-bg,oklch(70.4%_0.14_182.503_/_0.2))] dark:bg-[var(--zui-stepper-indicator-teal-bg-dark,oklch(70.4%_0.14_182.503_/_0.2))] text-[color:var(--zui-stepper-indicator-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-stepper-indicator-teal-fg-dark,oklch(95.3%_0.051_180.801))] ring-2 ring-[var(--zui-stepper-indicator-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))] dark:ring-[var(--zui-stepper-indicator-teal-ring-dark,oklch(77.7%_0.152_181.912_/_0.3))]",
32
+ indigo: "border-[color:var(--zui-stepper-indicator-indigo-border,oklch(58.5%_0.233_277.117_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-indigo-border-dark,oklch(58.5%_0.233_277.117_/_0.6))] bg-[var(--zui-stepper-indicator-indigo-bg,oklch(58.5%_0.233_277.117_/_0.2))] dark:bg-[var(--zui-stepper-indicator-indigo-bg-dark,oklch(58.5%_0.233_277.117_/_0.2))] text-[color:var(--zui-stepper-indicator-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-stepper-indicator-indigo-fg-dark,oklch(93%_0.034_272.788))] ring-2 ring-[var(--zui-stepper-indicator-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))] dark:ring-[var(--zui-stepper-indicator-indigo-ring-dark,oklch(67.3%_0.182_276.935_/_0.3))]",
33
+ emerald: "border-[color:var(--zui-stepper-indicator-emerald-border,oklch(69.6%_0.17_162.48_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-emerald-border-dark,oklch(69.6%_0.17_162.48_/_0.6))] bg-[var(--zui-stepper-indicator-emerald-bg,oklch(69.6%_0.17_162.48_/_0.2))] dark:bg-[var(--zui-stepper-indicator-emerald-bg-dark,oklch(69.6%_0.17_162.48_/_0.2))] text-[color:var(--zui-stepper-indicator-emerald-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-stepper-indicator-emerald-fg-dark,oklch(95%_0.052_163.051))] ring-2 ring-[var(--zui-stepper-indicator-emerald-ring,oklch(76.5%_0.177_163.223_/_0.3))] dark:ring-[var(--zui-stepper-indicator-emerald-ring-dark,oklch(76.5%_0.177_163.223_/_0.3))]",
34
+ gray: "border-[color:var(--zui-stepper-indicator-gray-border,oklch(55.1%_0.027_264.364_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gray-border-dark,oklch(55.1%_0.027_264.364_/_0.6))] bg-[var(--zui-stepper-indicator-gray-bg,oklch(55.1%_0.027_264.364_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gray-bg-dark,oklch(55.1%_0.027_264.364_/_0.2))] text-[color:var(--zui-stepper-indicator-gray-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-stepper-indicator-gray-fg-dark,oklch(96.7%_0.003_264.542))] ring-2 ring-[var(--zui-stepper-indicator-gray-ring,oklch(70.7%_0.022_261.325_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gray-ring-dark,oklch(70.7%_0.022_261.325_/_0.3))]",
35
+ violet: "border-[color:var(--zui-stepper-indicator-violet-border,oklch(60.6%_0.25_292.717_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-violet-border-dark,oklch(60.6%_0.25_292.717_/_0.6))] bg-[var(--zui-stepper-indicator-violet-bg,oklch(60.6%_0.25_292.717_/_0.2))] dark:bg-[var(--zui-stepper-indicator-violet-bg-dark,oklch(60.6%_0.25_292.717_/_0.2))] text-[color:var(--zui-stepper-indicator-violet-fg,oklch(38%_0.189_293.745))] dark:text-[color:var(--zui-stepper-indicator-violet-fg-dark,oklch(94.3%_0.029_294.588))] ring-2 ring-[var(--zui-stepper-indicator-violet-ring,oklch(70.2%_0.183_293.541_/_0.3))] dark:ring-[var(--zui-stepper-indicator-violet-ring-dark,oklch(70.2%_0.183_293.541_/_0.3))]",
36
+ "gradient-blue": "border-[color:var(--zui-stepper-indicator-gradient-blue-border,oklch(62.3%_0.214_259.815_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-blue-border-dark,oklch(62.3%_0.214_259.815_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-blue-bg,oklch(62.3%_0.214_259.815_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-blue-bg-dark,oklch(62.3%_0.214_259.815_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-blue-fg,oklch(37.9%_0.146_265.522))] dark:text-[color:var(--zui-stepper-indicator-gradient-blue-fg-dark,oklch(93.2%_0.032_255.585))] ring-2 ring-[var(--zui-stepper-indicator-gradient-blue-ring,oklch(70.7%_0.165_254.624_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-blue-ring-dark,oklch(70.7%_0.165_254.624_/_0.3))]",
37
+ "gradient-green": "border-[color:var(--zui-stepper-indicator-gradient-green-border,oklch(72.3%_0.219_149.579_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-green-border-dark,oklch(72.3%_0.219_149.579_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-green-bg,oklch(72.3%_0.219_149.579_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-green-bg-dark,oklch(72.3%_0.219_149.579_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-green-fg,oklch(39.3%_0.095_152.535))] dark:text-[color:var(--zui-stepper-indicator-gradient-green-fg-dark,oklch(96.2%_0.044_156.743))] ring-2 ring-[var(--zui-stepper-indicator-gradient-green-ring,oklch(79.2%_0.209_151.711_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-green-ring-dark,oklch(79.2%_0.209_151.711_/_0.3))]",
38
+ "gradient-red": "border-[color:var(--zui-stepper-indicator-gradient-red-border,oklch(63.7%_0.237_25.331_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-red-border-dark,oklch(63.7%_0.237_25.331_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-red-bg,oklch(63.7%_0.237_25.331_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-red-bg-dark,oklch(63.7%_0.237_25.331_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-red-fg,oklch(39.6%_0.141_25.723))] dark:text-[color:var(--zui-stepper-indicator-gradient-red-fg-dark,oklch(93.6%_0.032_17.717))] ring-2 ring-[var(--zui-stepper-indicator-gradient-red-ring,oklch(70.4%_0.191_22.216_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-red-ring-dark,oklch(70.4%_0.191_22.216_/_0.3))]",
39
+ "gradient-yellow": "border-[color:var(--zui-stepper-indicator-gradient-yellow-border,oklch(79.5%_0.184_86.047_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-yellow-border-dark,oklch(79.5%_0.184_86.047_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-yellow-bg,oklch(79.5%_0.184_86.047_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-yellow-bg-dark,oklch(79.5%_0.184_86.047_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-stepper-indicator-gradient-yellow-fg-dark,oklch(97.3%_0.071_103.193))] ring-2 ring-[var(--zui-stepper-indicator-gradient-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-yellow-ring-dark,oklch(85.2%_0.199_91.936_/_0.3))]",
40
+ "gradient-purple": "border-[color:var(--zui-stepper-indicator-gradient-purple-border,oklch(62.7%_0.265_303.9_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-purple-border-dark,oklch(62.7%_0.265_303.9_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-purple-bg,oklch(62.7%_0.265_303.9_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-purple-bg-dark,oklch(62.7%_0.265_303.9_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-stepper-indicator-gradient-purple-fg-dark,oklch(94.6%_0.033_307.174))] ring-2 ring-[var(--zui-stepper-indicator-gradient-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-purple-ring-dark,oklch(71.4%_0.203_305.504_/_0.3))]",
41
+ "gradient-teal": "border-[color:var(--zui-stepper-indicator-gradient-teal-border,oklch(70.4%_0.14_182.503_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-teal-border-dark,oklch(70.4%_0.14_182.503_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-teal-bg,oklch(70.4%_0.14_182.503_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-teal-bg-dark,oklch(70.4%_0.14_182.503_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-stepper-indicator-gradient-teal-fg-dark,oklch(95.3%_0.051_180.801))] ring-2 ring-[var(--zui-stepper-indicator-gradient-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-teal-ring-dark,oklch(77.7%_0.152_181.912_/_0.3))]",
42
+ "gradient-indigo": "border-[color:var(--zui-stepper-indicator-gradient-indigo-border,oklch(58.5%_0.233_277.117_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-indigo-border-dark,oklch(58.5%_0.233_277.117_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-indigo-bg,oklch(58.5%_0.233_277.117_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-indigo-bg-dark,oklch(58.5%_0.233_277.117_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-stepper-indicator-gradient-indigo-fg-dark,oklch(93%_0.034_272.788))] ring-2 ring-[var(--zui-stepper-indicator-gradient-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-indigo-ring-dark,oklch(67.3%_0.182_276.935_/_0.3))]",
43
+ "gradient-pink": "border-[color:var(--zui-stepper-indicator-gradient-pink-border,oklch(65.6%_0.241_354.308_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-pink-border-dark,oklch(65.6%_0.241_354.308_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-pink-bg,oklch(65.6%_0.241_354.308_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-pink-bg-dark,oklch(65.6%_0.241_354.308_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-stepper-indicator-gradient-pink-fg-dark,oklch(94.8%_0.028_342.258))] ring-2 ring-[var(--zui-stepper-indicator-gradient-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-pink-ring-dark,oklch(71.8%_0.202_349.761_/_0.3))]",
44
+ "gradient-orange": "border-[color:var(--zui-stepper-indicator-gradient-orange-border,oklch(70.5%_0.213_47.604_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-orange-border-dark,oklch(70.5%_0.213_47.604_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-orange-bg,oklch(70.5%_0.213_47.604_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-orange-bg-dark,oklch(70.5%_0.213_47.604_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-stepper-indicator-gradient-orange-fg-dark,oklch(95.4%_0.038_75.164))] ring-2 ring-[var(--zui-stepper-indicator-gradient-orange-ring,oklch(75%_0.183_55.934_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-orange-ring-dark,oklch(75%_0.183_55.934_/_0.3))]"
45
45
  };
46
46
  var zuiStepperIndicatorSizes = {
47
47
  sm: "size-8 text-xs",
package/dist/ui/stepper.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/design-system/stepper.ts","../../src/ui/stepper/variants.ts","../../src/ui/stepper/stepper.tsx"],"names":["cva","createContext","useContext","useMemo","Children","isValidElement","jsx","cn"],"mappings":"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","file":"stepper.js","sourcesContent":["export const zuiStepperBase = \"flex w-full\";\n\nexport const zuiStepperOrientations = {\n horizontal: \"flex-row flex-wrap items-start gap-4\",\n vertical: \"flex-col gap-6\",\n} as const;\n\nexport const zuiStepperItemBase = \"relative flex gap-3\";\n\nexport const zuiStepperItemOrientations = {\n horizontal: \"min-w-0 flex-col items-center text-center\",\n vertical: \"flex-row items-center text-left\",\n} as const;\n\nexport const zuiStepperIndicatorBase =\n \"grid size-9 shrink-0 place-items-center rounded-full border text-sm font-semibold transition-colors\";\n\nexport const zuiStepperIndicatorAppearances = {\n complete:\n \"border-[color:var(--zui-stepper-indicator-complete-border,oklch(69.6%_0.17_162.48_/_0.6))] bg-[var(--zui-stepper-indicator-complete-bg,oklch(69.6%_0.17_162.48_/_0.2))] text-[color:var(--zui-stepper-indicator-complete-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-stepper-indicator-complete-fg-dark,oklch(95%_0.052_163.051))] ring-2 ring-[var(--zui-stepper-indicator-complete-ring,oklch(76.5%_0.177_163.223_/_0.3))]\",\n current:\n \"border-[color:var(--zui-stepper-indicator-current-border,oklch(54.1%_0.281_293.009))] dark:border-[color:var(--zui-stepper-indicator-current-border-dark,oklch(70.2%_0.183_293.541))] bg-[var(--zui-stepper-indicator-current-bg,oklch(60.6%_0.25_292.717_/_0.2))] text-[color:var(--zui-stepper-indicator-current-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-stepper-indicator-current-fg-dark,#ffffff)] ring-2 ring-[var(--zui-stepper-indicator-current-ring,oklch(70.2%_0.183_293.541_/_0.5))]\",\n upcoming:\n \"border-[color:var(--zui-stepper-indicator-upcoming-border,#00000026)] dark:border-[color:var(--zui-stepper-indicator-upcoming-border-dark,#ffffff26)] bg-[var(--zui-stepper-indicator-upcoming-bg,#0000000d)] dark:bg-[var(--zui-stepper-indicator-upcoming-bg-dark,#ffffff0d)] text-[color:var(--zui-stepper-indicator-upcoming-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-stepper-indicator-upcoming-fg-dark,oklch(70.4%_0.04_256.788))]\",\n sky: \"border-[color:var(--zui-stepper-indicator-sky-border,oklch(68.5%_0.169_237.323_/_0.6))] bg-[var(--zui-stepper-indicator-sky-bg,oklch(68.5%_0.169_237.323_/_0.2))] text-[color:var(--zui-stepper-indicator-sky-fg,oklch(39.1%_0.09_240.876))] dark:text-[color:var(--zui-stepper-indicator-sky-fg-dark,oklch(95.1%_0.026_236.824))] ring-2 ring-[var(--zui-stepper-indicator-sky-ring,oklch(74.6%_0.16_232.661_/_0.3))]\",\n rose: \"border-[color:var(--zui-stepper-indicator-rose-border,oklch(64.5%_0.246_16.439_/_0.6))] bg-[var(--zui-stepper-indicator-rose-bg,oklch(64.5%_0.246_16.439_/_0.2))] text-[color:var(--zui-stepper-indicator-rose-fg,oklch(41%_0.159_10.272))] dark:text-[color:var(--zui-stepper-indicator-rose-fg-dark,oklch(94.1%_0.03_12.58))] ring-2 ring-[var(--zui-stepper-indicator-rose-ring,oklch(71.2%_0.194_13.428_/_0.3))]\",\n purple:\n \"border-[color:var(--zui-stepper-indicator-purple-border,oklch(62.7%_0.265_303.9_/_0.6))] bg-[var(--zui-stepper-indicator-purple-bg,oklch(62.7%_0.265_303.9_/_0.2))] text-[color:var(--zui-stepper-indicator-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-stepper-indicator-purple-fg-dark,oklch(94.6%_0.033_307.174))] ring-2 ring-[var(--zui-stepper-indicator-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))]\",\n pink: \"border-[color:var(--zui-stepper-indicator-pink-border,oklch(65.6%_0.241_354.308_/_0.6))] bg-[var(--zui-stepper-indicator-pink-bg,oklch(65.6%_0.241_354.308_/_0.2))] text-[color:var(--zui-stepper-indicator-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-stepper-indicator-pink-fg-dark,oklch(94.8%_0.028_342.258))] ring-2 ring-[var(--zui-stepper-indicator-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))]\",\n orange:\n \"border-[color:var(--zui-stepper-indicator-orange-border,oklch(70.5%_0.213_47.604_/_0.6))] bg-[var(--zui-stepper-indicator-orange-bg,oklch(70.5%_0.213_47.604_/_0.2))] text-[color:var(--zui-stepper-indicator-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-stepper-indicator-orange-fg-dark,oklch(95.4%_0.038_75.164))] ring-2 ring-[var(--zui-stepper-indicator-orange-ring,oklch(75%_0.183_55.934_/_0.3))]\",\n yellow:\n \"border-[color:var(--zui-stepper-indicator-yellow-border,oklch(79.5%_0.184_86.047_/_0.6))] bg-[var(--zui-stepper-indicator-yellow-bg,oklch(79.5%_0.184_86.047_/_0.2))] text-[color:var(--zui-stepper-indicator-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-stepper-indicator-yellow-fg-dark,oklch(97.3%_0.071_103.193))] ring-2 ring-[var(--zui-stepper-indicator-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))]\",\n teal: \"border-[color:var(--zui-stepper-indicator-teal-border,oklch(70.4%_0.14_182.503_/_0.6))] bg-[var(--zui-stepper-indicator-teal-bg,oklch(70.4%_0.14_182.503_/_0.2))] text-[color:var(--zui-stepper-indicator-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-stepper-indicator-teal-fg-dark,oklch(95.3%_0.051_180.801))] ring-2 ring-[var(--zui-stepper-indicator-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))]\",\n indigo:\n \"border-[color:var(--zui-stepper-indicator-indigo-border,oklch(58.5%_0.233_277.117_/_0.6))] bg-[var(--zui-stepper-indicator-indigo-bg,oklch(58.5%_0.233_277.117_/_0.2))] text-[color:var(--zui-stepper-indicator-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-stepper-indicator-indigo-fg-dark,oklch(93%_0.034_272.788))] ring-2 ring-[var(--zui-stepper-indicator-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))]\",\n emerald:\n \"border-[color:var(--zui-stepper-indicator-emerald-border,oklch(69.6%_0.17_162.48_/_0.6))] bg-[var(--zui-stepper-indicator-emerald-bg,oklch(69.6%_0.17_162.48_/_0.2))] text-[color:var(--zui-stepper-indicator-emerald-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-stepper-indicator-emerald-fg-dark,oklch(95%_0.052_163.051))] ring-2 ring-[var(--zui-stepper-indicator-emerald-ring,oklch(76.5%_0.177_163.223_/_0.3))]\",\n gray: \"border-[color:var(--zui-stepper-indicator-gray-border,oklch(55.1%_0.027_264.364_/_0.6))] bg-[var(--zui-stepper-indicator-gray-bg,oklch(55.1%_0.027_264.364_/_0.2))] text-[color:var(--zui-stepper-indicator-gray-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-stepper-indicator-gray-fg-dark,oklch(96.7%_0.003_264.542))] ring-2 ring-[var(--zui-stepper-indicator-gray-ring,oklch(70.7%_0.022_261.325_/_0.3))]\",\n violet:\n \"border-[color:var(--zui-stepper-indicator-violet-border,oklch(60.6%_0.25_292.717_/_0.6))] bg-[var(--zui-stepper-indicator-violet-bg,oklch(60.6%_0.25_292.717_/_0.2))] text-[color:var(--zui-stepper-indicator-violet-fg,oklch(38%_0.189_293.745))] dark:text-[color:var(--zui-stepper-indicator-violet-fg-dark,oklch(94.3%_0.029_294.588))] ring-2 ring-[var(--zui-stepper-indicator-violet-ring,oklch(70.2%_0.183_293.541_/_0.3))]\",\n \"gradient-blue\":\n \"border-[color:var(--zui-stepper-indicator-gradient-blue-border,oklch(62.3%_0.214_259.815_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-blue-bg,oklch(62.3%_0.214_259.815_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-blue-fg,oklch(37.9%_0.146_265.522))] dark:text-[color:var(--zui-stepper-indicator-gradient-blue-fg-dark,oklch(93.2%_0.032_255.585))] ring-2 ring-[var(--zui-stepper-indicator-gradient-blue-ring,oklch(70.7%_0.165_254.624_/_0.3))]\",\n \"gradient-green\":\n \"border-[color:var(--zui-stepper-indicator-gradient-green-border,oklch(72.3%_0.219_149.579_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-green-bg,oklch(72.3%_0.219_149.579_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-green-fg,oklch(39.3%_0.095_152.535))] dark:text-[color:var(--zui-stepper-indicator-gradient-green-fg-dark,oklch(96.2%_0.044_156.743))] ring-2 ring-[var(--zui-stepper-indicator-gradient-green-ring,oklch(79.2%_0.209_151.711_/_0.3))]\",\n \"gradient-red\":\n \"border-[color:var(--zui-stepper-indicator-gradient-red-border,oklch(63.7%_0.237_25.331_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-red-bg,oklch(63.7%_0.237_25.331_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-red-fg,oklch(39.6%_0.141_25.723))] dark:text-[color:var(--zui-stepper-indicator-gradient-red-fg-dark,oklch(93.6%_0.032_17.717))] ring-2 ring-[var(--zui-stepper-indicator-gradient-red-ring,oklch(70.4%_0.191_22.216_/_0.3))]\",\n \"gradient-yellow\":\n \"border-[color:var(--zui-stepper-indicator-gradient-yellow-border,oklch(79.5%_0.184_86.047_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-yellow-bg,oklch(79.5%_0.184_86.047_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-stepper-indicator-gradient-yellow-fg-dark,oklch(97.3%_0.071_103.193))] ring-2 ring-[var(--zui-stepper-indicator-gradient-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))]\",\n \"gradient-purple\":\n \"border-[color:var(--zui-stepper-indicator-gradient-purple-border,oklch(62.7%_0.265_303.9_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-purple-bg,oklch(62.7%_0.265_303.9_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-stepper-indicator-gradient-purple-fg-dark,oklch(94.6%_0.033_307.174))] ring-2 ring-[var(--zui-stepper-indicator-gradient-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))]\",\n \"gradient-teal\":\n \"border-[color:var(--zui-stepper-indicator-gradient-teal-border,oklch(70.4%_0.14_182.503_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-teal-bg,oklch(70.4%_0.14_182.503_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-stepper-indicator-gradient-teal-fg-dark,oklch(95.3%_0.051_180.801))] ring-2 ring-[var(--zui-stepper-indicator-gradient-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))]\",\n \"gradient-indigo\":\n \"border-[color:var(--zui-stepper-indicator-gradient-indigo-border,oklch(58.5%_0.233_277.117_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-indigo-bg,oklch(58.5%_0.233_277.117_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-stepper-indicator-gradient-indigo-fg-dark,oklch(93%_0.034_272.788))] ring-2 ring-[var(--zui-stepper-indicator-gradient-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))]\",\n \"gradient-pink\":\n \"border-[color:var(--zui-stepper-indicator-gradient-pink-border,oklch(65.6%_0.241_354.308_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-pink-bg,oklch(65.6%_0.241_354.308_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-stepper-indicator-gradient-pink-fg-dark,oklch(94.8%_0.028_342.258))] ring-2 ring-[var(--zui-stepper-indicator-gradient-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))]\",\n \"gradient-orange\":\n \"border-[color:var(--zui-stepper-indicator-gradient-orange-border,oklch(70.5%_0.213_47.604_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-orange-bg,oklch(70.5%_0.213_47.604_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-stepper-indicator-gradient-orange-fg-dark,oklch(95.4%_0.038_75.164))] ring-2 ring-[var(--zui-stepper-indicator-gradient-orange-ring,oklch(75%_0.183_55.934_/_0.3))]\",\n} as const;\n\nexport const zuiStepperIndicatorSizes = {\n sm: \"size-8 text-xs\",\n md: \"size-9 text-sm\",\n lg: \"size-10 text-base\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n zuiStepperBase,\n zuiStepperIndicatorAppearances,\n zuiStepperIndicatorBase,\n zuiStepperIndicatorSizes,\n zuiStepperItemBase,\n zuiStepperItemOrientations,\n zuiStepperOrientations,\n} from \"../../design-system/stepper\";\n\nexport const stepperVariants = cva(zuiStepperBase, {\n variants: {\n orientation: zuiStepperOrientations,\n },\n defaultVariants: {\n orientation: \"horizontal\",\n },\n});\n\nexport const stepperItemVariants = cva(zuiStepperItemBase, {\n variants: {\n orientation: zuiStepperItemOrientations,\n },\n defaultVariants: {\n orientation: \"horizontal\",\n },\n});\n\nexport const stepperIndicatorVariants = cva(zuiStepperIndicatorBase, {\n variants: {\n appearance: zuiStepperIndicatorAppearances,\n size: zuiStepperIndicatorSizes,\n },\n defaultVariants: {\n appearance: \"upcoming\",\n size: \"md\",\n },\n});\n","\"use client\";\n\nimport {\n Children,\n createContext,\n isValidElement,\n useContext,\n useMemo,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n StepperCtx,\n StepperDescriptionProps,\n StepperIndicatorProps,\n StepperItemProps,\n StepperProps,\n StepperTitleProps,\n} from \"./types\";\nimport {\n stepperIndicatorVariants,\n stepperItemVariants,\n stepperVariants,\n} from \"./variants\";\n\nconst StepperContext = createContext<StepperCtx | null>(null);\n\nfunction useStepper(component: string): StepperCtx {\n const ctx = useContext(StepperContext);\n if (!ctx) {\n throw new Error(`${component} must be used within <Stepper>`);\n }\n return ctx;\n}\n\nconst StepperIndexContext = createContext<number | null>(null);\n\nfunction useStepperIndex(component: string): number {\n const index = useContext(StepperIndexContext);\n if (index === null) {\n throw new Error(`${component} must be used within <StepperItem>`);\n }\n return index;\n}\n\nexport function Stepper({\n className,\n orientation = \"horizontal\",\n size = \"md\",\n children,\n ref,\n ...rest\n}: StepperProps) {\n const items = useMemo(\n () => Children.toArray(children).filter(isValidElement),\n [children],\n );\n const ctx = useMemo(\n () => ({\n orientation: orientation ?? \"horizontal\",\n size: size ?? \"md\",\n total: items.length,\n }),\n [items.length, orientation, size],\n );\n\n return (\n <StepperContext.Provider value={ctx}>\n <ol\n ref={ref}\n data-slot=\"stepper\"\n className={cn(\n stepperVariants({ orientation }),\n \"m-0 list-none p-0\",\n className,\n )}\n {...rest}\n >\n {items.map((child, index) => (\n <StepperIndexContext.Provider key={index} value={index}>\n {child}\n </StepperIndexContext.Provider>\n ))}\n </ol>\n </StepperContext.Provider>\n );\n}\n\nStepper.displayName = \"Stepper\";\n\nexport function StepperItem({\n className,\n ref,\n children,\n ...rest\n}: StepperItemProps) {\n const { orientation } = useStepper(\"StepperItem\");\n return (\n <li\n ref={ref}\n data-slot=\"stepper-item\"\n className={cn(stepperItemVariants({ orientation }), className)}\n {...rest}\n >\n {children}\n </li>\n );\n}\n\nStepperItem.displayName = \"StepperItem\";\n\nexport function StepperIndicator({\n className,\n ref,\n children,\n appearance,\n ...rest\n}: StepperIndicatorProps & { ref?: React.Ref<HTMLDivElement> }) {\n const { size } = useStepper(\"StepperIndicator\");\n const index = useStepperIndex(\"StepperIndicator\");\n return (\n <div\n ref={ref}\n data-slot=\"stepper-indicator\"\n className={cn(stepperIndicatorVariants({ appearance, size }), className)}\n {...rest}\n >\n {children ?? index + 1}\n </div>\n );\n}\n\nStepperIndicator.displayName = \"StepperIndicator\";\n\nexport function StepperTitle({\n className,\n ref,\n ...rest\n}: StepperTitleProps & { ref?: React.Ref<HTMLDivElement> }) {\n return (\n <div\n ref={ref}\n data-slot=\"stepper-title\"\n className={cn(\n \"text-sm font-semibold text-slate-900 dark:text-white\",\n className,\n )}\n {...rest}\n />\n );\n}\n\nStepperTitle.displayName = \"StepperTitle\";\n\nexport function StepperDescription({\n className,\n ref,\n ...rest\n}: StepperDescriptionProps & { ref?: React.Ref<HTMLParagraphElement> }) {\n return (\n <p\n ref={ref}\n data-slot=\"stepper-description\"\n className={cn(\"text-xs text-slate-900 dark:text-slate-400\", className)}\n {...rest}\n />\n );\n}\n\nStepperDescription.displayName = \"StepperDescription\";\n"]}
1
+ {"version":3,"sources":["../../src/design-system/stepper.ts","../../src/ui/stepper/variants.ts","../../src/ui/stepper/stepper.tsx"],"names":["cva","createContext","useContext","useMemo","Children","isValidElement","jsx","cn"],"mappings":"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","file":"stepper.js","sourcesContent":["export const zuiStepperBase = \"flex w-full\";\n\nexport const zuiStepperOrientations = {\n horizontal: \"flex-row flex-wrap items-start gap-4\",\n vertical: \"flex-col gap-6\",\n} as const;\n\nexport const zuiStepperItemBase = \"relative flex gap-3\";\n\nexport const zuiStepperItemOrientations = {\n horizontal: \"min-w-0 flex-col items-center text-center\",\n vertical: \"flex-row items-center text-left\",\n} as const;\n\nexport const zuiStepperIndicatorBase =\n \"grid size-9 shrink-0 place-items-center rounded-full border text-sm font-semibold transition-colors\";\n\nexport const zuiStepperIndicatorAppearances = {\n complete:\n \"border-[color:var(--zui-stepper-indicator-complete-border,oklch(69.6%_0.17_162.48_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-complete-border-dark,oklch(69.6%_0.17_162.48_/_0.6))] bg-[var(--zui-stepper-indicator-complete-bg,oklch(69.6%_0.17_162.48_/_0.2))] dark:bg-[var(--zui-stepper-indicator-complete-bg-dark,oklch(69.6%_0.17_162.48_/_0.2))] text-[color:var(--zui-stepper-indicator-complete-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-stepper-indicator-complete-fg-dark,oklch(95%_0.052_163.051))] ring-2 ring-[var(--zui-stepper-indicator-complete-ring,oklch(76.5%_0.177_163.223_/_0.3))] dark:ring-[var(--zui-stepper-indicator-complete-ring-dark,oklch(76.5%_0.177_163.223_/_0.3))]\",\n current:\n \"border-[color:var(--zui-stepper-indicator-current-border,oklch(54.1%_0.281_293.009))] dark:border-[color:var(--zui-stepper-indicator-current-border-dark,oklch(70.2%_0.183_293.541))] bg-[var(--zui-stepper-indicator-current-bg,oklch(60.6%_0.25_292.717_/_0.2))] dark:bg-[var(--zui-stepper-indicator-current-bg-dark,oklch(60.6%_0.25_292.717_/_0.2))] text-[color:var(--zui-stepper-indicator-current-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-stepper-indicator-current-fg-dark,#ffffff)] ring-2 ring-[var(--zui-stepper-indicator-current-ring,oklch(70.2%_0.183_293.541_/_0.5))] dark:ring-[var(--zui-stepper-indicator-current-ring-dark,oklch(70.2%_0.183_293.541_/_0.5))]\",\n upcoming:\n \"border-[color:var(--zui-stepper-indicator-upcoming-border,#00000026)] dark:border-[color:var(--zui-stepper-indicator-upcoming-border-dark,#ffffff26)] bg-[var(--zui-stepper-indicator-upcoming-bg,#0000000d)] dark:bg-[var(--zui-stepper-indicator-upcoming-bg-dark,#ffffff0d)] text-[color:var(--zui-stepper-indicator-upcoming-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-stepper-indicator-upcoming-fg-dark,oklch(70.4%_0.04_256.788))]\",\n sky: \"border-[color:var(--zui-stepper-indicator-sky-border,oklch(68.5%_0.169_237.323_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-sky-border-dark,oklch(68.5%_0.169_237.323_/_0.6))] bg-[var(--zui-stepper-indicator-sky-bg,oklch(68.5%_0.169_237.323_/_0.2))] dark:bg-[var(--zui-stepper-indicator-sky-bg-dark,oklch(68.5%_0.169_237.323_/_0.2))] text-[color:var(--zui-stepper-indicator-sky-fg,oklch(39.1%_0.09_240.876))] dark:text-[color:var(--zui-stepper-indicator-sky-fg-dark,oklch(95.1%_0.026_236.824))] ring-2 ring-[var(--zui-stepper-indicator-sky-ring,oklch(74.6%_0.16_232.661_/_0.3))] dark:ring-[var(--zui-stepper-indicator-sky-ring-dark,oklch(74.6%_0.16_232.661_/_0.3))]\",\n rose: \"border-[color:var(--zui-stepper-indicator-rose-border,oklch(64.5%_0.246_16.439_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-rose-border-dark,oklch(64.5%_0.246_16.439_/_0.6))] bg-[var(--zui-stepper-indicator-rose-bg,oklch(64.5%_0.246_16.439_/_0.2))] dark:bg-[var(--zui-stepper-indicator-rose-bg-dark,oklch(64.5%_0.246_16.439_/_0.2))] text-[color:var(--zui-stepper-indicator-rose-fg,oklch(41%_0.159_10.272))] dark:text-[color:var(--zui-stepper-indicator-rose-fg-dark,oklch(94.1%_0.03_12.58))] ring-2 ring-[var(--zui-stepper-indicator-rose-ring,oklch(71.2%_0.194_13.428_/_0.3))] dark:ring-[var(--zui-stepper-indicator-rose-ring-dark,oklch(71.2%_0.194_13.428_/_0.3))]\",\n purple:\n \"border-[color:var(--zui-stepper-indicator-purple-border,oklch(62.7%_0.265_303.9_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-purple-border-dark,oklch(62.7%_0.265_303.9_/_0.6))] bg-[var(--zui-stepper-indicator-purple-bg,oklch(62.7%_0.265_303.9_/_0.2))] dark:bg-[var(--zui-stepper-indicator-purple-bg-dark,oklch(62.7%_0.265_303.9_/_0.2))] text-[color:var(--zui-stepper-indicator-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-stepper-indicator-purple-fg-dark,oklch(94.6%_0.033_307.174))] ring-2 ring-[var(--zui-stepper-indicator-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))] dark:ring-[var(--zui-stepper-indicator-purple-ring-dark,oklch(71.4%_0.203_305.504_/_0.3))]\",\n pink: \"border-[color:var(--zui-stepper-indicator-pink-border,oklch(65.6%_0.241_354.308_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-pink-border-dark,oklch(65.6%_0.241_354.308_/_0.6))] bg-[var(--zui-stepper-indicator-pink-bg,oklch(65.6%_0.241_354.308_/_0.2))] dark:bg-[var(--zui-stepper-indicator-pink-bg-dark,oklch(65.6%_0.241_354.308_/_0.2))] text-[color:var(--zui-stepper-indicator-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-stepper-indicator-pink-fg-dark,oklch(94.8%_0.028_342.258))] ring-2 ring-[var(--zui-stepper-indicator-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))] dark:ring-[var(--zui-stepper-indicator-pink-ring-dark,oklch(71.8%_0.202_349.761_/_0.3))]\",\n orange:\n \"border-[color:var(--zui-stepper-indicator-orange-border,oklch(70.5%_0.213_47.604_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-orange-border-dark,oklch(70.5%_0.213_47.604_/_0.6))] bg-[var(--zui-stepper-indicator-orange-bg,oklch(70.5%_0.213_47.604_/_0.2))] dark:bg-[var(--zui-stepper-indicator-orange-bg-dark,oklch(70.5%_0.213_47.604_/_0.2))] text-[color:var(--zui-stepper-indicator-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-stepper-indicator-orange-fg-dark,oklch(95.4%_0.038_75.164))] ring-2 ring-[var(--zui-stepper-indicator-orange-ring,oklch(75%_0.183_55.934_/_0.3))] dark:ring-[var(--zui-stepper-indicator-orange-ring-dark,oklch(75%_0.183_55.934_/_0.3))]\",\n yellow:\n \"border-[color:var(--zui-stepper-indicator-yellow-border,oklch(79.5%_0.184_86.047_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-yellow-border-dark,oklch(79.5%_0.184_86.047_/_0.6))] bg-[var(--zui-stepper-indicator-yellow-bg,oklch(79.5%_0.184_86.047_/_0.2))] dark:bg-[var(--zui-stepper-indicator-yellow-bg-dark,oklch(79.5%_0.184_86.047_/_0.2))] text-[color:var(--zui-stepper-indicator-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-stepper-indicator-yellow-fg-dark,oklch(97.3%_0.071_103.193))] ring-2 ring-[var(--zui-stepper-indicator-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))] dark:ring-[var(--zui-stepper-indicator-yellow-ring-dark,oklch(85.2%_0.199_91.936_/_0.3))]\",\n teal: \"border-[color:var(--zui-stepper-indicator-teal-border,oklch(70.4%_0.14_182.503_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-teal-border-dark,oklch(70.4%_0.14_182.503_/_0.6))] bg-[var(--zui-stepper-indicator-teal-bg,oklch(70.4%_0.14_182.503_/_0.2))] dark:bg-[var(--zui-stepper-indicator-teal-bg-dark,oklch(70.4%_0.14_182.503_/_0.2))] text-[color:var(--zui-stepper-indicator-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-stepper-indicator-teal-fg-dark,oklch(95.3%_0.051_180.801))] ring-2 ring-[var(--zui-stepper-indicator-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))] dark:ring-[var(--zui-stepper-indicator-teal-ring-dark,oklch(77.7%_0.152_181.912_/_0.3))]\",\n indigo:\n \"border-[color:var(--zui-stepper-indicator-indigo-border,oklch(58.5%_0.233_277.117_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-indigo-border-dark,oklch(58.5%_0.233_277.117_/_0.6))] bg-[var(--zui-stepper-indicator-indigo-bg,oklch(58.5%_0.233_277.117_/_0.2))] dark:bg-[var(--zui-stepper-indicator-indigo-bg-dark,oklch(58.5%_0.233_277.117_/_0.2))] text-[color:var(--zui-stepper-indicator-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-stepper-indicator-indigo-fg-dark,oklch(93%_0.034_272.788))] ring-2 ring-[var(--zui-stepper-indicator-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))] dark:ring-[var(--zui-stepper-indicator-indigo-ring-dark,oklch(67.3%_0.182_276.935_/_0.3))]\",\n emerald:\n \"border-[color:var(--zui-stepper-indicator-emerald-border,oklch(69.6%_0.17_162.48_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-emerald-border-dark,oklch(69.6%_0.17_162.48_/_0.6))] bg-[var(--zui-stepper-indicator-emerald-bg,oklch(69.6%_0.17_162.48_/_0.2))] dark:bg-[var(--zui-stepper-indicator-emerald-bg-dark,oklch(69.6%_0.17_162.48_/_0.2))] text-[color:var(--zui-stepper-indicator-emerald-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-stepper-indicator-emerald-fg-dark,oklch(95%_0.052_163.051))] ring-2 ring-[var(--zui-stepper-indicator-emerald-ring,oklch(76.5%_0.177_163.223_/_0.3))] dark:ring-[var(--zui-stepper-indicator-emerald-ring-dark,oklch(76.5%_0.177_163.223_/_0.3))]\",\n gray: \"border-[color:var(--zui-stepper-indicator-gray-border,oklch(55.1%_0.027_264.364_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gray-border-dark,oklch(55.1%_0.027_264.364_/_0.6))] bg-[var(--zui-stepper-indicator-gray-bg,oklch(55.1%_0.027_264.364_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gray-bg-dark,oklch(55.1%_0.027_264.364_/_0.2))] text-[color:var(--zui-stepper-indicator-gray-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-stepper-indicator-gray-fg-dark,oklch(96.7%_0.003_264.542))] ring-2 ring-[var(--zui-stepper-indicator-gray-ring,oklch(70.7%_0.022_261.325_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gray-ring-dark,oklch(70.7%_0.022_261.325_/_0.3))]\",\n violet:\n \"border-[color:var(--zui-stepper-indicator-violet-border,oklch(60.6%_0.25_292.717_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-violet-border-dark,oklch(60.6%_0.25_292.717_/_0.6))] bg-[var(--zui-stepper-indicator-violet-bg,oklch(60.6%_0.25_292.717_/_0.2))] dark:bg-[var(--zui-stepper-indicator-violet-bg-dark,oklch(60.6%_0.25_292.717_/_0.2))] text-[color:var(--zui-stepper-indicator-violet-fg,oklch(38%_0.189_293.745))] dark:text-[color:var(--zui-stepper-indicator-violet-fg-dark,oklch(94.3%_0.029_294.588))] ring-2 ring-[var(--zui-stepper-indicator-violet-ring,oklch(70.2%_0.183_293.541_/_0.3))] dark:ring-[var(--zui-stepper-indicator-violet-ring-dark,oklch(70.2%_0.183_293.541_/_0.3))]\",\n \"gradient-blue\":\n \"border-[color:var(--zui-stepper-indicator-gradient-blue-border,oklch(62.3%_0.214_259.815_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-blue-border-dark,oklch(62.3%_0.214_259.815_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-blue-bg,oklch(62.3%_0.214_259.815_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-blue-bg-dark,oklch(62.3%_0.214_259.815_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-blue-fg,oklch(37.9%_0.146_265.522))] dark:text-[color:var(--zui-stepper-indicator-gradient-blue-fg-dark,oklch(93.2%_0.032_255.585))] ring-2 ring-[var(--zui-stepper-indicator-gradient-blue-ring,oklch(70.7%_0.165_254.624_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-blue-ring-dark,oklch(70.7%_0.165_254.624_/_0.3))]\",\n \"gradient-green\":\n \"border-[color:var(--zui-stepper-indicator-gradient-green-border,oklch(72.3%_0.219_149.579_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-green-border-dark,oklch(72.3%_0.219_149.579_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-green-bg,oklch(72.3%_0.219_149.579_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-green-bg-dark,oklch(72.3%_0.219_149.579_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-green-fg,oklch(39.3%_0.095_152.535))] dark:text-[color:var(--zui-stepper-indicator-gradient-green-fg-dark,oklch(96.2%_0.044_156.743))] ring-2 ring-[var(--zui-stepper-indicator-gradient-green-ring,oklch(79.2%_0.209_151.711_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-green-ring-dark,oklch(79.2%_0.209_151.711_/_0.3))]\",\n \"gradient-red\":\n \"border-[color:var(--zui-stepper-indicator-gradient-red-border,oklch(63.7%_0.237_25.331_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-red-border-dark,oklch(63.7%_0.237_25.331_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-red-bg,oklch(63.7%_0.237_25.331_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-red-bg-dark,oklch(63.7%_0.237_25.331_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-red-fg,oklch(39.6%_0.141_25.723))] dark:text-[color:var(--zui-stepper-indicator-gradient-red-fg-dark,oklch(93.6%_0.032_17.717))] ring-2 ring-[var(--zui-stepper-indicator-gradient-red-ring,oklch(70.4%_0.191_22.216_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-red-ring-dark,oklch(70.4%_0.191_22.216_/_0.3))]\",\n \"gradient-yellow\":\n \"border-[color:var(--zui-stepper-indicator-gradient-yellow-border,oklch(79.5%_0.184_86.047_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-yellow-border-dark,oklch(79.5%_0.184_86.047_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-yellow-bg,oklch(79.5%_0.184_86.047_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-yellow-bg-dark,oklch(79.5%_0.184_86.047_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-stepper-indicator-gradient-yellow-fg-dark,oklch(97.3%_0.071_103.193))] ring-2 ring-[var(--zui-stepper-indicator-gradient-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-yellow-ring-dark,oklch(85.2%_0.199_91.936_/_0.3))]\",\n \"gradient-purple\":\n \"border-[color:var(--zui-stepper-indicator-gradient-purple-border,oklch(62.7%_0.265_303.9_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-purple-border-dark,oklch(62.7%_0.265_303.9_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-purple-bg,oklch(62.7%_0.265_303.9_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-purple-bg-dark,oklch(62.7%_0.265_303.9_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-stepper-indicator-gradient-purple-fg-dark,oklch(94.6%_0.033_307.174))] ring-2 ring-[var(--zui-stepper-indicator-gradient-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-purple-ring-dark,oklch(71.4%_0.203_305.504_/_0.3))]\",\n \"gradient-teal\":\n \"border-[color:var(--zui-stepper-indicator-gradient-teal-border,oklch(70.4%_0.14_182.503_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-teal-border-dark,oklch(70.4%_0.14_182.503_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-teal-bg,oklch(70.4%_0.14_182.503_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-teal-bg-dark,oklch(70.4%_0.14_182.503_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-stepper-indicator-gradient-teal-fg-dark,oklch(95.3%_0.051_180.801))] ring-2 ring-[var(--zui-stepper-indicator-gradient-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-teal-ring-dark,oklch(77.7%_0.152_181.912_/_0.3))]\",\n \"gradient-indigo\":\n \"border-[color:var(--zui-stepper-indicator-gradient-indigo-border,oklch(58.5%_0.233_277.117_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-indigo-border-dark,oklch(58.5%_0.233_277.117_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-indigo-bg,oklch(58.5%_0.233_277.117_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-indigo-bg-dark,oklch(58.5%_0.233_277.117_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-stepper-indicator-gradient-indigo-fg-dark,oklch(93%_0.034_272.788))] ring-2 ring-[var(--zui-stepper-indicator-gradient-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-indigo-ring-dark,oklch(67.3%_0.182_276.935_/_0.3))]\",\n \"gradient-pink\":\n \"border-[color:var(--zui-stepper-indicator-gradient-pink-border,oklch(65.6%_0.241_354.308_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-pink-border-dark,oklch(65.6%_0.241_354.308_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-pink-bg,oklch(65.6%_0.241_354.308_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-pink-bg-dark,oklch(65.6%_0.241_354.308_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-stepper-indicator-gradient-pink-fg-dark,oklch(94.8%_0.028_342.258))] ring-2 ring-[var(--zui-stepper-indicator-gradient-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-pink-ring-dark,oklch(71.8%_0.202_349.761_/_0.3))]\",\n \"gradient-orange\":\n \"border-[color:var(--zui-stepper-indicator-gradient-orange-border,oklch(70.5%_0.213_47.604_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-orange-border-dark,oklch(70.5%_0.213_47.604_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-orange-bg,oklch(70.5%_0.213_47.604_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-orange-bg-dark,oklch(70.5%_0.213_47.604_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-stepper-indicator-gradient-orange-fg-dark,oklch(95.4%_0.038_75.164))] ring-2 ring-[var(--zui-stepper-indicator-gradient-orange-ring,oklch(75%_0.183_55.934_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-orange-ring-dark,oklch(75%_0.183_55.934_/_0.3))]\",\n} as const;\n\nexport const zuiStepperIndicatorSizes = {\n sm: \"size-8 text-xs\",\n md: \"size-9 text-sm\",\n lg: \"size-10 text-base\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n zuiStepperBase,\n zuiStepperIndicatorAppearances,\n zuiStepperIndicatorBase,\n zuiStepperIndicatorSizes,\n zuiStepperItemBase,\n zuiStepperItemOrientations,\n zuiStepperOrientations,\n} from \"../../design-system/stepper\";\n\nexport const stepperVariants = cva(zuiStepperBase, {\n variants: {\n orientation: zuiStepperOrientations,\n },\n defaultVariants: {\n orientation: \"horizontal\",\n },\n});\n\nexport const stepperItemVariants = cva(zuiStepperItemBase, {\n variants: {\n orientation: zuiStepperItemOrientations,\n },\n defaultVariants: {\n orientation: \"horizontal\",\n },\n});\n\nexport const stepperIndicatorVariants = cva(zuiStepperIndicatorBase, {\n variants: {\n appearance: zuiStepperIndicatorAppearances,\n size: zuiStepperIndicatorSizes,\n },\n defaultVariants: {\n appearance: \"upcoming\",\n size: \"md\",\n },\n});\n","\"use client\";\n\nimport {\n Children,\n createContext,\n isValidElement,\n useContext,\n useMemo,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n StepperCtx,\n StepperDescriptionProps,\n StepperIndicatorProps,\n StepperItemProps,\n StepperProps,\n StepperTitleProps,\n} from \"./types\";\nimport {\n stepperIndicatorVariants,\n stepperItemVariants,\n stepperVariants,\n} from \"./variants\";\n\nconst StepperContext = createContext<StepperCtx | null>(null);\n\nfunction useStepper(component: string): StepperCtx {\n const ctx = useContext(StepperContext);\n if (!ctx) {\n throw new Error(`${component} must be used within <Stepper>`);\n }\n return ctx;\n}\n\nconst StepperIndexContext = createContext<number | null>(null);\n\nfunction useStepperIndex(component: string): number {\n const index = useContext(StepperIndexContext);\n if (index === null) {\n throw new Error(`${component} must be used within <StepperItem>`);\n }\n return index;\n}\n\nexport function Stepper({\n className,\n orientation = \"horizontal\",\n size = \"md\",\n children,\n ref,\n ...rest\n}: StepperProps) {\n const items = useMemo(\n () => Children.toArray(children).filter(isValidElement),\n [children],\n );\n const ctx = useMemo(\n () => ({\n orientation: orientation ?? \"horizontal\",\n size: size ?? \"md\",\n total: items.length,\n }),\n [items.length, orientation, size],\n );\n\n return (\n <StepperContext.Provider value={ctx}>\n <ol\n ref={ref}\n data-slot=\"stepper\"\n className={cn(\n stepperVariants({ orientation }),\n \"m-0 list-none p-0\",\n className,\n )}\n {...rest}\n >\n {items.map((child, index) => (\n <StepperIndexContext.Provider key={index} value={index}>\n {child}\n </StepperIndexContext.Provider>\n ))}\n </ol>\n </StepperContext.Provider>\n );\n}\n\nStepper.displayName = \"Stepper\";\n\nexport function StepperItem({\n className,\n ref,\n children,\n ...rest\n}: StepperItemProps) {\n const { orientation } = useStepper(\"StepperItem\");\n return (\n <li\n ref={ref}\n data-slot=\"stepper-item\"\n className={cn(stepperItemVariants({ orientation }), className)}\n {...rest}\n >\n {children}\n </li>\n );\n}\n\nStepperItem.displayName = \"StepperItem\";\n\nexport function StepperIndicator({\n className,\n ref,\n children,\n appearance,\n ...rest\n}: StepperIndicatorProps & { ref?: React.Ref<HTMLDivElement> }) {\n const { size } = useStepper(\"StepperIndicator\");\n const index = useStepperIndex(\"StepperIndicator\");\n return (\n <div\n ref={ref}\n data-slot=\"stepper-indicator\"\n className={cn(stepperIndicatorVariants({ appearance, size }), className)}\n {...rest}\n >\n {children ?? index + 1}\n </div>\n );\n}\n\nStepperIndicator.displayName = \"StepperIndicator\";\n\nexport function StepperTitle({\n className,\n ref,\n ...rest\n}: StepperTitleProps & { ref?: React.Ref<HTMLDivElement> }) {\n return (\n <div\n ref={ref}\n data-slot=\"stepper-title\"\n className={cn(\n \"text-sm font-semibold text-slate-900 dark:text-white\",\n className,\n )}\n {...rest}\n />\n );\n}\n\nStepperTitle.displayName = \"StepperTitle\";\n\nexport function StepperDescription({\n className,\n ref,\n ...rest\n}: StepperDescriptionProps & { ref?: React.Ref<HTMLParagraphElement> }) {\n return (\n <p\n ref={ref}\n data-slot=\"stepper-description\"\n className={cn(\"text-xs text-slate-900 dark:text-slate-400\", className)}\n {...rest}\n />\n );\n}\n\nStepperDescription.displayName = \"StepperDescription\";\n"]}
package/dist/ui/stepper.mjs CHANGED
@@ -17,29 +17,29 @@ var zuiStepperItemOrientations = {
17
17
  };
18
18
  var zuiStepperIndicatorBase = "grid size-9 shrink-0 place-items-center rounded-full border text-sm font-semibold transition-colors";
19
19
  var zuiStepperIndicatorAppearances = {
20
- complete: "border-[color:var(--zui-stepper-indicator-complete-border,oklch(69.6%_0.17_162.48_/_0.6))] bg-[var(--zui-stepper-indicator-complete-bg,oklch(69.6%_0.17_162.48_/_0.2))] text-[color:var(--zui-stepper-indicator-complete-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-stepper-indicator-complete-fg-dark,oklch(95%_0.052_163.051))] ring-2 ring-[var(--zui-stepper-indicator-complete-ring,oklch(76.5%_0.177_163.223_/_0.3))]",
21
- current: "border-[color:var(--zui-stepper-indicator-current-border,oklch(54.1%_0.281_293.009))] dark:border-[color:var(--zui-stepper-indicator-current-border-dark,oklch(70.2%_0.183_293.541))] bg-[var(--zui-stepper-indicator-current-bg,oklch(60.6%_0.25_292.717_/_0.2))] text-[color:var(--zui-stepper-indicator-current-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-stepper-indicator-current-fg-dark,#ffffff)] ring-2 ring-[var(--zui-stepper-indicator-current-ring,oklch(70.2%_0.183_293.541_/_0.5))]",
20
+ complete: "border-[color:var(--zui-stepper-indicator-complete-border,oklch(69.6%_0.17_162.48_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-complete-border-dark,oklch(69.6%_0.17_162.48_/_0.6))] bg-[var(--zui-stepper-indicator-complete-bg,oklch(69.6%_0.17_162.48_/_0.2))] dark:bg-[var(--zui-stepper-indicator-complete-bg-dark,oklch(69.6%_0.17_162.48_/_0.2))] text-[color:var(--zui-stepper-indicator-complete-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-stepper-indicator-complete-fg-dark,oklch(95%_0.052_163.051))] ring-2 ring-[var(--zui-stepper-indicator-complete-ring,oklch(76.5%_0.177_163.223_/_0.3))] dark:ring-[var(--zui-stepper-indicator-complete-ring-dark,oklch(76.5%_0.177_163.223_/_0.3))]",
21
+ current: "border-[color:var(--zui-stepper-indicator-current-border,oklch(54.1%_0.281_293.009))] dark:border-[color:var(--zui-stepper-indicator-current-border-dark,oklch(70.2%_0.183_293.541))] bg-[var(--zui-stepper-indicator-current-bg,oklch(60.6%_0.25_292.717_/_0.2))] dark:bg-[var(--zui-stepper-indicator-current-bg-dark,oklch(60.6%_0.25_292.717_/_0.2))] text-[color:var(--zui-stepper-indicator-current-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-stepper-indicator-current-fg-dark,#ffffff)] ring-2 ring-[var(--zui-stepper-indicator-current-ring,oklch(70.2%_0.183_293.541_/_0.5))] dark:ring-[var(--zui-stepper-indicator-current-ring-dark,oklch(70.2%_0.183_293.541_/_0.5))]",
22
22
  upcoming: "border-[color:var(--zui-stepper-indicator-upcoming-border,#00000026)] dark:border-[color:var(--zui-stepper-indicator-upcoming-border-dark,#ffffff26)] bg-[var(--zui-stepper-indicator-upcoming-bg,#0000000d)] dark:bg-[var(--zui-stepper-indicator-upcoming-bg-dark,#ffffff0d)] text-[color:var(--zui-stepper-indicator-upcoming-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-stepper-indicator-upcoming-fg-dark,oklch(70.4%_0.04_256.788))]",
23
- sky: "border-[color:var(--zui-stepper-indicator-sky-border,oklch(68.5%_0.169_237.323_/_0.6))] bg-[var(--zui-stepper-indicator-sky-bg,oklch(68.5%_0.169_237.323_/_0.2))] text-[color:var(--zui-stepper-indicator-sky-fg,oklch(39.1%_0.09_240.876))] dark:text-[color:var(--zui-stepper-indicator-sky-fg-dark,oklch(95.1%_0.026_236.824))] ring-2 ring-[var(--zui-stepper-indicator-sky-ring,oklch(74.6%_0.16_232.661_/_0.3))]",
24
- rose: "border-[color:var(--zui-stepper-indicator-rose-border,oklch(64.5%_0.246_16.439_/_0.6))] bg-[var(--zui-stepper-indicator-rose-bg,oklch(64.5%_0.246_16.439_/_0.2))] text-[color:var(--zui-stepper-indicator-rose-fg,oklch(41%_0.159_10.272))] dark:text-[color:var(--zui-stepper-indicator-rose-fg-dark,oklch(94.1%_0.03_12.58))] ring-2 ring-[var(--zui-stepper-indicator-rose-ring,oklch(71.2%_0.194_13.428_/_0.3))]",
25
- purple: "border-[color:var(--zui-stepper-indicator-purple-border,oklch(62.7%_0.265_303.9_/_0.6))] bg-[var(--zui-stepper-indicator-purple-bg,oklch(62.7%_0.265_303.9_/_0.2))] text-[color:var(--zui-stepper-indicator-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-stepper-indicator-purple-fg-dark,oklch(94.6%_0.033_307.174))] ring-2 ring-[var(--zui-stepper-indicator-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))]",
26
- pink: "border-[color:var(--zui-stepper-indicator-pink-border,oklch(65.6%_0.241_354.308_/_0.6))] bg-[var(--zui-stepper-indicator-pink-bg,oklch(65.6%_0.241_354.308_/_0.2))] text-[color:var(--zui-stepper-indicator-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-stepper-indicator-pink-fg-dark,oklch(94.8%_0.028_342.258))] ring-2 ring-[var(--zui-stepper-indicator-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))]",
27
- orange: "border-[color:var(--zui-stepper-indicator-orange-border,oklch(70.5%_0.213_47.604_/_0.6))] bg-[var(--zui-stepper-indicator-orange-bg,oklch(70.5%_0.213_47.604_/_0.2))] text-[color:var(--zui-stepper-indicator-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-stepper-indicator-orange-fg-dark,oklch(95.4%_0.038_75.164))] ring-2 ring-[var(--zui-stepper-indicator-orange-ring,oklch(75%_0.183_55.934_/_0.3))]",
28
- yellow: "border-[color:var(--zui-stepper-indicator-yellow-border,oklch(79.5%_0.184_86.047_/_0.6))] bg-[var(--zui-stepper-indicator-yellow-bg,oklch(79.5%_0.184_86.047_/_0.2))] text-[color:var(--zui-stepper-indicator-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-stepper-indicator-yellow-fg-dark,oklch(97.3%_0.071_103.193))] ring-2 ring-[var(--zui-stepper-indicator-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))]",
29
- teal: "border-[color:var(--zui-stepper-indicator-teal-border,oklch(70.4%_0.14_182.503_/_0.6))] bg-[var(--zui-stepper-indicator-teal-bg,oklch(70.4%_0.14_182.503_/_0.2))] text-[color:var(--zui-stepper-indicator-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-stepper-indicator-teal-fg-dark,oklch(95.3%_0.051_180.801))] ring-2 ring-[var(--zui-stepper-indicator-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))]",
30
- indigo: "border-[color:var(--zui-stepper-indicator-indigo-border,oklch(58.5%_0.233_277.117_/_0.6))] bg-[var(--zui-stepper-indicator-indigo-bg,oklch(58.5%_0.233_277.117_/_0.2))] text-[color:var(--zui-stepper-indicator-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-stepper-indicator-indigo-fg-dark,oklch(93%_0.034_272.788))] ring-2 ring-[var(--zui-stepper-indicator-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))]",
31
- emerald: "border-[color:var(--zui-stepper-indicator-emerald-border,oklch(69.6%_0.17_162.48_/_0.6))] bg-[var(--zui-stepper-indicator-emerald-bg,oklch(69.6%_0.17_162.48_/_0.2))] text-[color:var(--zui-stepper-indicator-emerald-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-stepper-indicator-emerald-fg-dark,oklch(95%_0.052_163.051))] ring-2 ring-[var(--zui-stepper-indicator-emerald-ring,oklch(76.5%_0.177_163.223_/_0.3))]",
32
- gray: "border-[color:var(--zui-stepper-indicator-gray-border,oklch(55.1%_0.027_264.364_/_0.6))] bg-[var(--zui-stepper-indicator-gray-bg,oklch(55.1%_0.027_264.364_/_0.2))] text-[color:var(--zui-stepper-indicator-gray-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-stepper-indicator-gray-fg-dark,oklch(96.7%_0.003_264.542))] ring-2 ring-[var(--zui-stepper-indicator-gray-ring,oklch(70.7%_0.022_261.325_/_0.3))]",
33
- violet: "border-[color:var(--zui-stepper-indicator-violet-border,oklch(60.6%_0.25_292.717_/_0.6))] bg-[var(--zui-stepper-indicator-violet-bg,oklch(60.6%_0.25_292.717_/_0.2))] text-[color:var(--zui-stepper-indicator-violet-fg,oklch(38%_0.189_293.745))] dark:text-[color:var(--zui-stepper-indicator-violet-fg-dark,oklch(94.3%_0.029_294.588))] ring-2 ring-[var(--zui-stepper-indicator-violet-ring,oklch(70.2%_0.183_293.541_/_0.3))]",
34
- "gradient-blue": "border-[color:var(--zui-stepper-indicator-gradient-blue-border,oklch(62.3%_0.214_259.815_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-blue-bg,oklch(62.3%_0.214_259.815_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-blue-fg,oklch(37.9%_0.146_265.522))] dark:text-[color:var(--zui-stepper-indicator-gradient-blue-fg-dark,oklch(93.2%_0.032_255.585))] ring-2 ring-[var(--zui-stepper-indicator-gradient-blue-ring,oklch(70.7%_0.165_254.624_/_0.3))]",
35
- "gradient-green": "border-[color:var(--zui-stepper-indicator-gradient-green-border,oklch(72.3%_0.219_149.579_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-green-bg,oklch(72.3%_0.219_149.579_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-green-fg,oklch(39.3%_0.095_152.535))] dark:text-[color:var(--zui-stepper-indicator-gradient-green-fg-dark,oklch(96.2%_0.044_156.743))] ring-2 ring-[var(--zui-stepper-indicator-gradient-green-ring,oklch(79.2%_0.209_151.711_/_0.3))]",
36
- "gradient-red": "border-[color:var(--zui-stepper-indicator-gradient-red-border,oklch(63.7%_0.237_25.331_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-red-bg,oklch(63.7%_0.237_25.331_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-red-fg,oklch(39.6%_0.141_25.723))] dark:text-[color:var(--zui-stepper-indicator-gradient-red-fg-dark,oklch(93.6%_0.032_17.717))] ring-2 ring-[var(--zui-stepper-indicator-gradient-red-ring,oklch(70.4%_0.191_22.216_/_0.3))]",
37
- "gradient-yellow": "border-[color:var(--zui-stepper-indicator-gradient-yellow-border,oklch(79.5%_0.184_86.047_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-yellow-bg,oklch(79.5%_0.184_86.047_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-stepper-indicator-gradient-yellow-fg-dark,oklch(97.3%_0.071_103.193))] ring-2 ring-[var(--zui-stepper-indicator-gradient-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))]",
38
- "gradient-purple": "border-[color:var(--zui-stepper-indicator-gradient-purple-border,oklch(62.7%_0.265_303.9_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-purple-bg,oklch(62.7%_0.265_303.9_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-stepper-indicator-gradient-purple-fg-dark,oklch(94.6%_0.033_307.174))] ring-2 ring-[var(--zui-stepper-indicator-gradient-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))]",
39
- "gradient-teal": "border-[color:var(--zui-stepper-indicator-gradient-teal-border,oklch(70.4%_0.14_182.503_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-teal-bg,oklch(70.4%_0.14_182.503_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-stepper-indicator-gradient-teal-fg-dark,oklch(95.3%_0.051_180.801))] ring-2 ring-[var(--zui-stepper-indicator-gradient-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))]",
40
- "gradient-indigo": "border-[color:var(--zui-stepper-indicator-gradient-indigo-border,oklch(58.5%_0.233_277.117_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-indigo-bg,oklch(58.5%_0.233_277.117_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-stepper-indicator-gradient-indigo-fg-dark,oklch(93%_0.034_272.788))] ring-2 ring-[var(--zui-stepper-indicator-gradient-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))]",
41
- "gradient-pink": "border-[color:var(--zui-stepper-indicator-gradient-pink-border,oklch(65.6%_0.241_354.308_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-pink-bg,oklch(65.6%_0.241_354.308_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-stepper-indicator-gradient-pink-fg-dark,oklch(94.8%_0.028_342.258))] ring-2 ring-[var(--zui-stepper-indicator-gradient-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))]",
42
- "gradient-orange": "border-[color:var(--zui-stepper-indicator-gradient-orange-border,oklch(70.5%_0.213_47.604_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-orange-bg,oklch(70.5%_0.213_47.604_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-stepper-indicator-gradient-orange-fg-dark,oklch(95.4%_0.038_75.164))] ring-2 ring-[var(--zui-stepper-indicator-gradient-orange-ring,oklch(75%_0.183_55.934_/_0.3))]"
23
+ sky: "border-[color:var(--zui-stepper-indicator-sky-border,oklch(68.5%_0.169_237.323_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-sky-border-dark,oklch(68.5%_0.169_237.323_/_0.6))] bg-[var(--zui-stepper-indicator-sky-bg,oklch(68.5%_0.169_237.323_/_0.2))] dark:bg-[var(--zui-stepper-indicator-sky-bg-dark,oklch(68.5%_0.169_237.323_/_0.2))] text-[color:var(--zui-stepper-indicator-sky-fg,oklch(39.1%_0.09_240.876))] dark:text-[color:var(--zui-stepper-indicator-sky-fg-dark,oklch(95.1%_0.026_236.824))] ring-2 ring-[var(--zui-stepper-indicator-sky-ring,oklch(74.6%_0.16_232.661_/_0.3))] dark:ring-[var(--zui-stepper-indicator-sky-ring-dark,oklch(74.6%_0.16_232.661_/_0.3))]",
24
+ rose: "border-[color:var(--zui-stepper-indicator-rose-border,oklch(64.5%_0.246_16.439_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-rose-border-dark,oklch(64.5%_0.246_16.439_/_0.6))] bg-[var(--zui-stepper-indicator-rose-bg,oklch(64.5%_0.246_16.439_/_0.2))] dark:bg-[var(--zui-stepper-indicator-rose-bg-dark,oklch(64.5%_0.246_16.439_/_0.2))] text-[color:var(--zui-stepper-indicator-rose-fg,oklch(41%_0.159_10.272))] dark:text-[color:var(--zui-stepper-indicator-rose-fg-dark,oklch(94.1%_0.03_12.58))] ring-2 ring-[var(--zui-stepper-indicator-rose-ring,oklch(71.2%_0.194_13.428_/_0.3))] dark:ring-[var(--zui-stepper-indicator-rose-ring-dark,oklch(71.2%_0.194_13.428_/_0.3))]",
25
+ purple: "border-[color:var(--zui-stepper-indicator-purple-border,oklch(62.7%_0.265_303.9_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-purple-border-dark,oklch(62.7%_0.265_303.9_/_0.6))] bg-[var(--zui-stepper-indicator-purple-bg,oklch(62.7%_0.265_303.9_/_0.2))] dark:bg-[var(--zui-stepper-indicator-purple-bg-dark,oklch(62.7%_0.265_303.9_/_0.2))] text-[color:var(--zui-stepper-indicator-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-stepper-indicator-purple-fg-dark,oklch(94.6%_0.033_307.174))] ring-2 ring-[var(--zui-stepper-indicator-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))] dark:ring-[var(--zui-stepper-indicator-purple-ring-dark,oklch(71.4%_0.203_305.504_/_0.3))]",
26
+ pink: "border-[color:var(--zui-stepper-indicator-pink-border,oklch(65.6%_0.241_354.308_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-pink-border-dark,oklch(65.6%_0.241_354.308_/_0.6))] bg-[var(--zui-stepper-indicator-pink-bg,oklch(65.6%_0.241_354.308_/_0.2))] dark:bg-[var(--zui-stepper-indicator-pink-bg-dark,oklch(65.6%_0.241_354.308_/_0.2))] text-[color:var(--zui-stepper-indicator-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-stepper-indicator-pink-fg-dark,oklch(94.8%_0.028_342.258))] ring-2 ring-[var(--zui-stepper-indicator-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))] dark:ring-[var(--zui-stepper-indicator-pink-ring-dark,oklch(71.8%_0.202_349.761_/_0.3))]",
27
+ orange: "border-[color:var(--zui-stepper-indicator-orange-border,oklch(70.5%_0.213_47.604_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-orange-border-dark,oklch(70.5%_0.213_47.604_/_0.6))] bg-[var(--zui-stepper-indicator-orange-bg,oklch(70.5%_0.213_47.604_/_0.2))] dark:bg-[var(--zui-stepper-indicator-orange-bg-dark,oklch(70.5%_0.213_47.604_/_0.2))] text-[color:var(--zui-stepper-indicator-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-stepper-indicator-orange-fg-dark,oklch(95.4%_0.038_75.164))] ring-2 ring-[var(--zui-stepper-indicator-orange-ring,oklch(75%_0.183_55.934_/_0.3))] dark:ring-[var(--zui-stepper-indicator-orange-ring-dark,oklch(75%_0.183_55.934_/_0.3))]",
28
+ yellow: "border-[color:var(--zui-stepper-indicator-yellow-border,oklch(79.5%_0.184_86.047_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-yellow-border-dark,oklch(79.5%_0.184_86.047_/_0.6))] bg-[var(--zui-stepper-indicator-yellow-bg,oklch(79.5%_0.184_86.047_/_0.2))] dark:bg-[var(--zui-stepper-indicator-yellow-bg-dark,oklch(79.5%_0.184_86.047_/_0.2))] text-[color:var(--zui-stepper-indicator-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-stepper-indicator-yellow-fg-dark,oklch(97.3%_0.071_103.193))] ring-2 ring-[var(--zui-stepper-indicator-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))] dark:ring-[var(--zui-stepper-indicator-yellow-ring-dark,oklch(85.2%_0.199_91.936_/_0.3))]",
29
+ teal: "border-[color:var(--zui-stepper-indicator-teal-border,oklch(70.4%_0.14_182.503_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-teal-border-dark,oklch(70.4%_0.14_182.503_/_0.6))] bg-[var(--zui-stepper-indicator-teal-bg,oklch(70.4%_0.14_182.503_/_0.2))] dark:bg-[var(--zui-stepper-indicator-teal-bg-dark,oklch(70.4%_0.14_182.503_/_0.2))] text-[color:var(--zui-stepper-indicator-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-stepper-indicator-teal-fg-dark,oklch(95.3%_0.051_180.801))] ring-2 ring-[var(--zui-stepper-indicator-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))] dark:ring-[var(--zui-stepper-indicator-teal-ring-dark,oklch(77.7%_0.152_181.912_/_0.3))]",
30
+ indigo: "border-[color:var(--zui-stepper-indicator-indigo-border,oklch(58.5%_0.233_277.117_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-indigo-border-dark,oklch(58.5%_0.233_277.117_/_0.6))] bg-[var(--zui-stepper-indicator-indigo-bg,oklch(58.5%_0.233_277.117_/_0.2))] dark:bg-[var(--zui-stepper-indicator-indigo-bg-dark,oklch(58.5%_0.233_277.117_/_0.2))] text-[color:var(--zui-stepper-indicator-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-stepper-indicator-indigo-fg-dark,oklch(93%_0.034_272.788))] ring-2 ring-[var(--zui-stepper-indicator-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))] dark:ring-[var(--zui-stepper-indicator-indigo-ring-dark,oklch(67.3%_0.182_276.935_/_0.3))]",
31
+ emerald: "border-[color:var(--zui-stepper-indicator-emerald-border,oklch(69.6%_0.17_162.48_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-emerald-border-dark,oklch(69.6%_0.17_162.48_/_0.6))] bg-[var(--zui-stepper-indicator-emerald-bg,oklch(69.6%_0.17_162.48_/_0.2))] dark:bg-[var(--zui-stepper-indicator-emerald-bg-dark,oklch(69.6%_0.17_162.48_/_0.2))] text-[color:var(--zui-stepper-indicator-emerald-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-stepper-indicator-emerald-fg-dark,oklch(95%_0.052_163.051))] ring-2 ring-[var(--zui-stepper-indicator-emerald-ring,oklch(76.5%_0.177_163.223_/_0.3))] dark:ring-[var(--zui-stepper-indicator-emerald-ring-dark,oklch(76.5%_0.177_163.223_/_0.3))]",
32
+ gray: "border-[color:var(--zui-stepper-indicator-gray-border,oklch(55.1%_0.027_264.364_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gray-border-dark,oklch(55.1%_0.027_264.364_/_0.6))] bg-[var(--zui-stepper-indicator-gray-bg,oklch(55.1%_0.027_264.364_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gray-bg-dark,oklch(55.1%_0.027_264.364_/_0.2))] text-[color:var(--zui-stepper-indicator-gray-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-stepper-indicator-gray-fg-dark,oklch(96.7%_0.003_264.542))] ring-2 ring-[var(--zui-stepper-indicator-gray-ring,oklch(70.7%_0.022_261.325_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gray-ring-dark,oklch(70.7%_0.022_261.325_/_0.3))]",
33
+ violet: "border-[color:var(--zui-stepper-indicator-violet-border,oklch(60.6%_0.25_292.717_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-violet-border-dark,oklch(60.6%_0.25_292.717_/_0.6))] bg-[var(--zui-stepper-indicator-violet-bg,oklch(60.6%_0.25_292.717_/_0.2))] dark:bg-[var(--zui-stepper-indicator-violet-bg-dark,oklch(60.6%_0.25_292.717_/_0.2))] text-[color:var(--zui-stepper-indicator-violet-fg,oklch(38%_0.189_293.745))] dark:text-[color:var(--zui-stepper-indicator-violet-fg-dark,oklch(94.3%_0.029_294.588))] ring-2 ring-[var(--zui-stepper-indicator-violet-ring,oklch(70.2%_0.183_293.541_/_0.3))] dark:ring-[var(--zui-stepper-indicator-violet-ring-dark,oklch(70.2%_0.183_293.541_/_0.3))]",
34
+ "gradient-blue": "border-[color:var(--zui-stepper-indicator-gradient-blue-border,oklch(62.3%_0.214_259.815_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-blue-border-dark,oklch(62.3%_0.214_259.815_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-blue-bg,oklch(62.3%_0.214_259.815_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-blue-bg-dark,oklch(62.3%_0.214_259.815_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-blue-fg,oklch(37.9%_0.146_265.522))] dark:text-[color:var(--zui-stepper-indicator-gradient-blue-fg-dark,oklch(93.2%_0.032_255.585))] ring-2 ring-[var(--zui-stepper-indicator-gradient-blue-ring,oklch(70.7%_0.165_254.624_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-blue-ring-dark,oklch(70.7%_0.165_254.624_/_0.3))]",
35
+ "gradient-green": "border-[color:var(--zui-stepper-indicator-gradient-green-border,oklch(72.3%_0.219_149.579_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-green-border-dark,oklch(72.3%_0.219_149.579_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-green-bg,oklch(72.3%_0.219_149.579_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-green-bg-dark,oklch(72.3%_0.219_149.579_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-green-fg,oklch(39.3%_0.095_152.535))] dark:text-[color:var(--zui-stepper-indicator-gradient-green-fg-dark,oklch(96.2%_0.044_156.743))] ring-2 ring-[var(--zui-stepper-indicator-gradient-green-ring,oklch(79.2%_0.209_151.711_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-green-ring-dark,oklch(79.2%_0.209_151.711_/_0.3))]",
36
+ "gradient-red": "border-[color:var(--zui-stepper-indicator-gradient-red-border,oklch(63.7%_0.237_25.331_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-red-border-dark,oklch(63.7%_0.237_25.331_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-red-bg,oklch(63.7%_0.237_25.331_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-red-bg-dark,oklch(63.7%_0.237_25.331_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-red-fg,oklch(39.6%_0.141_25.723))] dark:text-[color:var(--zui-stepper-indicator-gradient-red-fg-dark,oklch(93.6%_0.032_17.717))] ring-2 ring-[var(--zui-stepper-indicator-gradient-red-ring,oklch(70.4%_0.191_22.216_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-red-ring-dark,oklch(70.4%_0.191_22.216_/_0.3))]",
37
+ "gradient-yellow": "border-[color:var(--zui-stepper-indicator-gradient-yellow-border,oklch(79.5%_0.184_86.047_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-yellow-border-dark,oklch(79.5%_0.184_86.047_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-yellow-bg,oklch(79.5%_0.184_86.047_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-yellow-bg-dark,oklch(79.5%_0.184_86.047_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-stepper-indicator-gradient-yellow-fg-dark,oklch(97.3%_0.071_103.193))] ring-2 ring-[var(--zui-stepper-indicator-gradient-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-yellow-ring-dark,oklch(85.2%_0.199_91.936_/_0.3))]",
38
+ "gradient-purple": "border-[color:var(--zui-stepper-indicator-gradient-purple-border,oklch(62.7%_0.265_303.9_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-purple-border-dark,oklch(62.7%_0.265_303.9_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-purple-bg,oklch(62.7%_0.265_303.9_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-purple-bg-dark,oklch(62.7%_0.265_303.9_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-stepper-indicator-gradient-purple-fg-dark,oklch(94.6%_0.033_307.174))] ring-2 ring-[var(--zui-stepper-indicator-gradient-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-purple-ring-dark,oklch(71.4%_0.203_305.504_/_0.3))]",
39
+ "gradient-teal": "border-[color:var(--zui-stepper-indicator-gradient-teal-border,oklch(70.4%_0.14_182.503_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-teal-border-dark,oklch(70.4%_0.14_182.503_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-teal-bg,oklch(70.4%_0.14_182.503_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-teal-bg-dark,oklch(70.4%_0.14_182.503_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-stepper-indicator-gradient-teal-fg-dark,oklch(95.3%_0.051_180.801))] ring-2 ring-[var(--zui-stepper-indicator-gradient-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-teal-ring-dark,oklch(77.7%_0.152_181.912_/_0.3))]",
40
+ "gradient-indigo": "border-[color:var(--zui-stepper-indicator-gradient-indigo-border,oklch(58.5%_0.233_277.117_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-indigo-border-dark,oklch(58.5%_0.233_277.117_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-indigo-bg,oklch(58.5%_0.233_277.117_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-indigo-bg-dark,oklch(58.5%_0.233_277.117_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-stepper-indicator-gradient-indigo-fg-dark,oklch(93%_0.034_272.788))] ring-2 ring-[var(--zui-stepper-indicator-gradient-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-indigo-ring-dark,oklch(67.3%_0.182_276.935_/_0.3))]",
41
+ "gradient-pink": "border-[color:var(--zui-stepper-indicator-gradient-pink-border,oklch(65.6%_0.241_354.308_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-pink-border-dark,oklch(65.6%_0.241_354.308_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-pink-bg,oklch(65.6%_0.241_354.308_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-pink-bg-dark,oklch(65.6%_0.241_354.308_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-stepper-indicator-gradient-pink-fg-dark,oklch(94.8%_0.028_342.258))] ring-2 ring-[var(--zui-stepper-indicator-gradient-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-pink-ring-dark,oklch(71.8%_0.202_349.761_/_0.3))]",
42
+ "gradient-orange": "border-[color:var(--zui-stepper-indicator-gradient-orange-border,oklch(70.5%_0.213_47.604_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-orange-border-dark,oklch(70.5%_0.213_47.604_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-orange-bg,oklch(70.5%_0.213_47.604_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-orange-bg-dark,oklch(70.5%_0.213_47.604_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-stepper-indicator-gradient-orange-fg-dark,oklch(95.4%_0.038_75.164))] ring-2 ring-[var(--zui-stepper-indicator-gradient-orange-ring,oklch(75%_0.183_55.934_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-orange-ring-dark,oklch(75%_0.183_55.934_/_0.3))]"
43
43
  };
44
44
  var zuiStepperIndicatorSizes = {
45
45
  sm: "size-8 text-xs",
package/dist/ui/stepper.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/design-system/stepper.ts","../../src/ui/stepper/variants.ts","../../src/ui/stepper/stepper.tsx"],"names":[],"mappings":"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","file":"stepper.mjs","sourcesContent":["export const zuiStepperBase = \"flex w-full\";\n\nexport const zuiStepperOrientations = {\n horizontal: \"flex-row flex-wrap items-start gap-4\",\n vertical: \"flex-col gap-6\",\n} as const;\n\nexport const zuiStepperItemBase = \"relative flex gap-3\";\n\nexport const zuiStepperItemOrientations = {\n horizontal: \"min-w-0 flex-col items-center text-center\",\n vertical: \"flex-row items-center text-left\",\n} as const;\n\nexport const zuiStepperIndicatorBase =\n \"grid size-9 shrink-0 place-items-center rounded-full border text-sm font-semibold transition-colors\";\n\nexport const zuiStepperIndicatorAppearances = {\n complete:\n \"border-[color:var(--zui-stepper-indicator-complete-border,oklch(69.6%_0.17_162.48_/_0.6))] bg-[var(--zui-stepper-indicator-complete-bg,oklch(69.6%_0.17_162.48_/_0.2))] text-[color:var(--zui-stepper-indicator-complete-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-stepper-indicator-complete-fg-dark,oklch(95%_0.052_163.051))] ring-2 ring-[var(--zui-stepper-indicator-complete-ring,oklch(76.5%_0.177_163.223_/_0.3))]\",\n current:\n \"border-[color:var(--zui-stepper-indicator-current-border,oklch(54.1%_0.281_293.009))] dark:border-[color:var(--zui-stepper-indicator-current-border-dark,oklch(70.2%_0.183_293.541))] bg-[var(--zui-stepper-indicator-current-bg,oklch(60.6%_0.25_292.717_/_0.2))] text-[color:var(--zui-stepper-indicator-current-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-stepper-indicator-current-fg-dark,#ffffff)] ring-2 ring-[var(--zui-stepper-indicator-current-ring,oklch(70.2%_0.183_293.541_/_0.5))]\",\n upcoming:\n \"border-[color:var(--zui-stepper-indicator-upcoming-border,#00000026)] dark:border-[color:var(--zui-stepper-indicator-upcoming-border-dark,#ffffff26)] bg-[var(--zui-stepper-indicator-upcoming-bg,#0000000d)] dark:bg-[var(--zui-stepper-indicator-upcoming-bg-dark,#ffffff0d)] text-[color:var(--zui-stepper-indicator-upcoming-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-stepper-indicator-upcoming-fg-dark,oklch(70.4%_0.04_256.788))]\",\n sky: \"border-[color:var(--zui-stepper-indicator-sky-border,oklch(68.5%_0.169_237.323_/_0.6))] bg-[var(--zui-stepper-indicator-sky-bg,oklch(68.5%_0.169_237.323_/_0.2))] text-[color:var(--zui-stepper-indicator-sky-fg,oklch(39.1%_0.09_240.876))] dark:text-[color:var(--zui-stepper-indicator-sky-fg-dark,oklch(95.1%_0.026_236.824))] ring-2 ring-[var(--zui-stepper-indicator-sky-ring,oklch(74.6%_0.16_232.661_/_0.3))]\",\n rose: \"border-[color:var(--zui-stepper-indicator-rose-border,oklch(64.5%_0.246_16.439_/_0.6))] bg-[var(--zui-stepper-indicator-rose-bg,oklch(64.5%_0.246_16.439_/_0.2))] text-[color:var(--zui-stepper-indicator-rose-fg,oklch(41%_0.159_10.272))] dark:text-[color:var(--zui-stepper-indicator-rose-fg-dark,oklch(94.1%_0.03_12.58))] ring-2 ring-[var(--zui-stepper-indicator-rose-ring,oklch(71.2%_0.194_13.428_/_0.3))]\",\n purple:\n \"border-[color:var(--zui-stepper-indicator-purple-border,oklch(62.7%_0.265_303.9_/_0.6))] bg-[var(--zui-stepper-indicator-purple-bg,oklch(62.7%_0.265_303.9_/_0.2))] text-[color:var(--zui-stepper-indicator-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-stepper-indicator-purple-fg-dark,oklch(94.6%_0.033_307.174))] ring-2 ring-[var(--zui-stepper-indicator-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))]\",\n pink: \"border-[color:var(--zui-stepper-indicator-pink-border,oklch(65.6%_0.241_354.308_/_0.6))] bg-[var(--zui-stepper-indicator-pink-bg,oklch(65.6%_0.241_354.308_/_0.2))] text-[color:var(--zui-stepper-indicator-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-stepper-indicator-pink-fg-dark,oklch(94.8%_0.028_342.258))] ring-2 ring-[var(--zui-stepper-indicator-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))]\",\n orange:\n \"border-[color:var(--zui-stepper-indicator-orange-border,oklch(70.5%_0.213_47.604_/_0.6))] bg-[var(--zui-stepper-indicator-orange-bg,oklch(70.5%_0.213_47.604_/_0.2))] text-[color:var(--zui-stepper-indicator-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-stepper-indicator-orange-fg-dark,oklch(95.4%_0.038_75.164))] ring-2 ring-[var(--zui-stepper-indicator-orange-ring,oklch(75%_0.183_55.934_/_0.3))]\",\n yellow:\n \"border-[color:var(--zui-stepper-indicator-yellow-border,oklch(79.5%_0.184_86.047_/_0.6))] bg-[var(--zui-stepper-indicator-yellow-bg,oklch(79.5%_0.184_86.047_/_0.2))] text-[color:var(--zui-stepper-indicator-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-stepper-indicator-yellow-fg-dark,oklch(97.3%_0.071_103.193))] ring-2 ring-[var(--zui-stepper-indicator-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))]\",\n teal: \"border-[color:var(--zui-stepper-indicator-teal-border,oklch(70.4%_0.14_182.503_/_0.6))] bg-[var(--zui-stepper-indicator-teal-bg,oklch(70.4%_0.14_182.503_/_0.2))] text-[color:var(--zui-stepper-indicator-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-stepper-indicator-teal-fg-dark,oklch(95.3%_0.051_180.801))] ring-2 ring-[var(--zui-stepper-indicator-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))]\",\n indigo:\n \"border-[color:var(--zui-stepper-indicator-indigo-border,oklch(58.5%_0.233_277.117_/_0.6))] bg-[var(--zui-stepper-indicator-indigo-bg,oklch(58.5%_0.233_277.117_/_0.2))] text-[color:var(--zui-stepper-indicator-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-stepper-indicator-indigo-fg-dark,oklch(93%_0.034_272.788))] ring-2 ring-[var(--zui-stepper-indicator-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))]\",\n emerald:\n \"border-[color:var(--zui-stepper-indicator-emerald-border,oklch(69.6%_0.17_162.48_/_0.6))] bg-[var(--zui-stepper-indicator-emerald-bg,oklch(69.6%_0.17_162.48_/_0.2))] text-[color:var(--zui-stepper-indicator-emerald-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-stepper-indicator-emerald-fg-dark,oklch(95%_0.052_163.051))] ring-2 ring-[var(--zui-stepper-indicator-emerald-ring,oklch(76.5%_0.177_163.223_/_0.3))]\",\n gray: \"border-[color:var(--zui-stepper-indicator-gray-border,oklch(55.1%_0.027_264.364_/_0.6))] bg-[var(--zui-stepper-indicator-gray-bg,oklch(55.1%_0.027_264.364_/_0.2))] text-[color:var(--zui-stepper-indicator-gray-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-stepper-indicator-gray-fg-dark,oklch(96.7%_0.003_264.542))] ring-2 ring-[var(--zui-stepper-indicator-gray-ring,oklch(70.7%_0.022_261.325_/_0.3))]\",\n violet:\n \"border-[color:var(--zui-stepper-indicator-violet-border,oklch(60.6%_0.25_292.717_/_0.6))] bg-[var(--zui-stepper-indicator-violet-bg,oklch(60.6%_0.25_292.717_/_0.2))] text-[color:var(--zui-stepper-indicator-violet-fg,oklch(38%_0.189_293.745))] dark:text-[color:var(--zui-stepper-indicator-violet-fg-dark,oklch(94.3%_0.029_294.588))] ring-2 ring-[var(--zui-stepper-indicator-violet-ring,oklch(70.2%_0.183_293.541_/_0.3))]\",\n \"gradient-blue\":\n \"border-[color:var(--zui-stepper-indicator-gradient-blue-border,oklch(62.3%_0.214_259.815_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-blue-bg,oklch(62.3%_0.214_259.815_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-blue-fg,oklch(37.9%_0.146_265.522))] dark:text-[color:var(--zui-stepper-indicator-gradient-blue-fg-dark,oklch(93.2%_0.032_255.585))] ring-2 ring-[var(--zui-stepper-indicator-gradient-blue-ring,oklch(70.7%_0.165_254.624_/_0.3))]\",\n \"gradient-green\":\n \"border-[color:var(--zui-stepper-indicator-gradient-green-border,oklch(72.3%_0.219_149.579_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-green-bg,oklch(72.3%_0.219_149.579_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-green-fg,oklch(39.3%_0.095_152.535))] dark:text-[color:var(--zui-stepper-indicator-gradient-green-fg-dark,oklch(96.2%_0.044_156.743))] ring-2 ring-[var(--zui-stepper-indicator-gradient-green-ring,oklch(79.2%_0.209_151.711_/_0.3))]\",\n \"gradient-red\":\n \"border-[color:var(--zui-stepper-indicator-gradient-red-border,oklch(63.7%_0.237_25.331_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-red-bg,oklch(63.7%_0.237_25.331_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-red-fg,oklch(39.6%_0.141_25.723))] dark:text-[color:var(--zui-stepper-indicator-gradient-red-fg-dark,oklch(93.6%_0.032_17.717))] ring-2 ring-[var(--zui-stepper-indicator-gradient-red-ring,oklch(70.4%_0.191_22.216_/_0.3))]\",\n \"gradient-yellow\":\n \"border-[color:var(--zui-stepper-indicator-gradient-yellow-border,oklch(79.5%_0.184_86.047_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-yellow-bg,oklch(79.5%_0.184_86.047_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-stepper-indicator-gradient-yellow-fg-dark,oklch(97.3%_0.071_103.193))] ring-2 ring-[var(--zui-stepper-indicator-gradient-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))]\",\n \"gradient-purple\":\n \"border-[color:var(--zui-stepper-indicator-gradient-purple-border,oklch(62.7%_0.265_303.9_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-purple-bg,oklch(62.7%_0.265_303.9_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-stepper-indicator-gradient-purple-fg-dark,oklch(94.6%_0.033_307.174))] ring-2 ring-[var(--zui-stepper-indicator-gradient-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))]\",\n \"gradient-teal\":\n \"border-[color:var(--zui-stepper-indicator-gradient-teal-border,oklch(70.4%_0.14_182.503_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-teal-bg,oklch(70.4%_0.14_182.503_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-stepper-indicator-gradient-teal-fg-dark,oklch(95.3%_0.051_180.801))] ring-2 ring-[var(--zui-stepper-indicator-gradient-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))]\",\n \"gradient-indigo\":\n \"border-[color:var(--zui-stepper-indicator-gradient-indigo-border,oklch(58.5%_0.233_277.117_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-indigo-bg,oklch(58.5%_0.233_277.117_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-stepper-indicator-gradient-indigo-fg-dark,oklch(93%_0.034_272.788))] ring-2 ring-[var(--zui-stepper-indicator-gradient-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))]\",\n \"gradient-pink\":\n \"border-[color:var(--zui-stepper-indicator-gradient-pink-border,oklch(65.6%_0.241_354.308_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-pink-bg,oklch(65.6%_0.241_354.308_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-stepper-indicator-gradient-pink-fg-dark,oklch(94.8%_0.028_342.258))] ring-2 ring-[var(--zui-stepper-indicator-gradient-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))]\",\n \"gradient-orange\":\n \"border-[color:var(--zui-stepper-indicator-gradient-orange-border,oklch(70.5%_0.213_47.604_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-orange-bg,oklch(70.5%_0.213_47.604_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-stepper-indicator-gradient-orange-fg-dark,oklch(95.4%_0.038_75.164))] ring-2 ring-[var(--zui-stepper-indicator-gradient-orange-ring,oklch(75%_0.183_55.934_/_0.3))]\",\n} as const;\n\nexport const zuiStepperIndicatorSizes = {\n sm: \"size-8 text-xs\",\n md: \"size-9 text-sm\",\n lg: \"size-10 text-base\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n zuiStepperBase,\n zuiStepperIndicatorAppearances,\n zuiStepperIndicatorBase,\n zuiStepperIndicatorSizes,\n zuiStepperItemBase,\n zuiStepperItemOrientations,\n zuiStepperOrientations,\n} from \"../../design-system/stepper\";\n\nexport const stepperVariants = cva(zuiStepperBase, {\n variants: {\n orientation: zuiStepperOrientations,\n },\n defaultVariants: {\n orientation: \"horizontal\",\n },\n});\n\nexport const stepperItemVariants = cva(zuiStepperItemBase, {\n variants: {\n orientation: zuiStepperItemOrientations,\n },\n defaultVariants: {\n orientation: \"horizontal\",\n },\n});\n\nexport const stepperIndicatorVariants = cva(zuiStepperIndicatorBase, {\n variants: {\n appearance: zuiStepperIndicatorAppearances,\n size: zuiStepperIndicatorSizes,\n },\n defaultVariants: {\n appearance: \"upcoming\",\n size: \"md\",\n },\n});\n","\"use client\";\n\nimport {\n Children,\n createContext,\n isValidElement,\n useContext,\n useMemo,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n StepperCtx,\n StepperDescriptionProps,\n StepperIndicatorProps,\n StepperItemProps,\n StepperProps,\n StepperTitleProps,\n} from \"./types\";\nimport {\n stepperIndicatorVariants,\n stepperItemVariants,\n stepperVariants,\n} from \"./variants\";\n\nconst StepperContext = createContext<StepperCtx | null>(null);\n\nfunction useStepper(component: string): StepperCtx {\n const ctx = useContext(StepperContext);\n if (!ctx) {\n throw new Error(`${component} must be used within <Stepper>`);\n }\n return ctx;\n}\n\nconst StepperIndexContext = createContext<number | null>(null);\n\nfunction useStepperIndex(component: string): number {\n const index = useContext(StepperIndexContext);\n if (index === null) {\n throw new Error(`${component} must be used within <StepperItem>`);\n }\n return index;\n}\n\nexport function Stepper({\n className,\n orientation = \"horizontal\",\n size = \"md\",\n children,\n ref,\n ...rest\n}: StepperProps) {\n const items = useMemo(\n () => Children.toArray(children).filter(isValidElement),\n [children],\n );\n const ctx = useMemo(\n () => ({\n orientation: orientation ?? \"horizontal\",\n size: size ?? \"md\",\n total: items.length,\n }),\n [items.length, orientation, size],\n );\n\n return (\n <StepperContext.Provider value={ctx}>\n <ol\n ref={ref}\n data-slot=\"stepper\"\n className={cn(\n stepperVariants({ orientation }),\n \"m-0 list-none p-0\",\n className,\n )}\n {...rest}\n >\n {items.map((child, index) => (\n <StepperIndexContext.Provider key={index} value={index}>\n {child}\n </StepperIndexContext.Provider>\n ))}\n </ol>\n </StepperContext.Provider>\n );\n}\n\nStepper.displayName = \"Stepper\";\n\nexport function StepperItem({\n className,\n ref,\n children,\n ...rest\n}: StepperItemProps) {\n const { orientation } = useStepper(\"StepperItem\");\n return (\n <li\n ref={ref}\n data-slot=\"stepper-item\"\n className={cn(stepperItemVariants({ orientation }), className)}\n {...rest}\n >\n {children}\n </li>\n );\n}\n\nStepperItem.displayName = \"StepperItem\";\n\nexport function StepperIndicator({\n className,\n ref,\n children,\n appearance,\n ...rest\n}: StepperIndicatorProps & { ref?: React.Ref<HTMLDivElement> }) {\n const { size } = useStepper(\"StepperIndicator\");\n const index = useStepperIndex(\"StepperIndicator\");\n return (\n <div\n ref={ref}\n data-slot=\"stepper-indicator\"\n className={cn(stepperIndicatorVariants({ appearance, size }), className)}\n {...rest}\n >\n {children ?? index + 1}\n </div>\n );\n}\n\nStepperIndicator.displayName = \"StepperIndicator\";\n\nexport function StepperTitle({\n className,\n ref,\n ...rest\n}: StepperTitleProps & { ref?: React.Ref<HTMLDivElement> }) {\n return (\n <div\n ref={ref}\n data-slot=\"stepper-title\"\n className={cn(\n \"text-sm font-semibold text-slate-900 dark:text-white\",\n className,\n )}\n {...rest}\n />\n );\n}\n\nStepperTitle.displayName = \"StepperTitle\";\n\nexport function StepperDescription({\n className,\n ref,\n ...rest\n}: StepperDescriptionProps & { ref?: React.Ref<HTMLParagraphElement> }) {\n return (\n <p\n ref={ref}\n data-slot=\"stepper-description\"\n className={cn(\"text-xs text-slate-900 dark:text-slate-400\", className)}\n {...rest}\n />\n );\n}\n\nStepperDescription.displayName = \"StepperDescription\";\n"]}
1
+ {"version":3,"sources":["../../src/design-system/stepper.ts","../../src/ui/stepper/variants.ts","../../src/ui/stepper/stepper.tsx"],"names":[],"mappings":"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","file":"stepper.mjs","sourcesContent":["export const zuiStepperBase = \"flex w-full\";\n\nexport const zuiStepperOrientations = {\n horizontal: \"flex-row flex-wrap items-start gap-4\",\n vertical: \"flex-col gap-6\",\n} as const;\n\nexport const zuiStepperItemBase = \"relative flex gap-3\";\n\nexport const zuiStepperItemOrientations = {\n horizontal: \"min-w-0 flex-col items-center text-center\",\n vertical: \"flex-row items-center text-left\",\n} as const;\n\nexport const zuiStepperIndicatorBase =\n \"grid size-9 shrink-0 place-items-center rounded-full border text-sm font-semibold transition-colors\";\n\nexport const zuiStepperIndicatorAppearances = {\n complete:\n \"border-[color:var(--zui-stepper-indicator-complete-border,oklch(69.6%_0.17_162.48_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-complete-border-dark,oklch(69.6%_0.17_162.48_/_0.6))] bg-[var(--zui-stepper-indicator-complete-bg,oklch(69.6%_0.17_162.48_/_0.2))] dark:bg-[var(--zui-stepper-indicator-complete-bg-dark,oklch(69.6%_0.17_162.48_/_0.2))] text-[color:var(--zui-stepper-indicator-complete-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-stepper-indicator-complete-fg-dark,oklch(95%_0.052_163.051))] ring-2 ring-[var(--zui-stepper-indicator-complete-ring,oklch(76.5%_0.177_163.223_/_0.3))] dark:ring-[var(--zui-stepper-indicator-complete-ring-dark,oklch(76.5%_0.177_163.223_/_0.3))]\",\n current:\n \"border-[color:var(--zui-stepper-indicator-current-border,oklch(54.1%_0.281_293.009))] dark:border-[color:var(--zui-stepper-indicator-current-border-dark,oklch(70.2%_0.183_293.541))] bg-[var(--zui-stepper-indicator-current-bg,oklch(60.6%_0.25_292.717_/_0.2))] dark:bg-[var(--zui-stepper-indicator-current-bg-dark,oklch(60.6%_0.25_292.717_/_0.2))] text-[color:var(--zui-stepper-indicator-current-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-stepper-indicator-current-fg-dark,#ffffff)] ring-2 ring-[var(--zui-stepper-indicator-current-ring,oklch(70.2%_0.183_293.541_/_0.5))] dark:ring-[var(--zui-stepper-indicator-current-ring-dark,oklch(70.2%_0.183_293.541_/_0.5))]\",\n upcoming:\n \"border-[color:var(--zui-stepper-indicator-upcoming-border,#00000026)] dark:border-[color:var(--zui-stepper-indicator-upcoming-border-dark,#ffffff26)] bg-[var(--zui-stepper-indicator-upcoming-bg,#0000000d)] dark:bg-[var(--zui-stepper-indicator-upcoming-bg-dark,#ffffff0d)] text-[color:var(--zui-stepper-indicator-upcoming-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-stepper-indicator-upcoming-fg-dark,oklch(70.4%_0.04_256.788))]\",\n sky: \"border-[color:var(--zui-stepper-indicator-sky-border,oklch(68.5%_0.169_237.323_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-sky-border-dark,oklch(68.5%_0.169_237.323_/_0.6))] bg-[var(--zui-stepper-indicator-sky-bg,oklch(68.5%_0.169_237.323_/_0.2))] dark:bg-[var(--zui-stepper-indicator-sky-bg-dark,oklch(68.5%_0.169_237.323_/_0.2))] text-[color:var(--zui-stepper-indicator-sky-fg,oklch(39.1%_0.09_240.876))] dark:text-[color:var(--zui-stepper-indicator-sky-fg-dark,oklch(95.1%_0.026_236.824))] ring-2 ring-[var(--zui-stepper-indicator-sky-ring,oklch(74.6%_0.16_232.661_/_0.3))] dark:ring-[var(--zui-stepper-indicator-sky-ring-dark,oklch(74.6%_0.16_232.661_/_0.3))]\",\n rose: \"border-[color:var(--zui-stepper-indicator-rose-border,oklch(64.5%_0.246_16.439_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-rose-border-dark,oklch(64.5%_0.246_16.439_/_0.6))] bg-[var(--zui-stepper-indicator-rose-bg,oklch(64.5%_0.246_16.439_/_0.2))] dark:bg-[var(--zui-stepper-indicator-rose-bg-dark,oklch(64.5%_0.246_16.439_/_0.2))] text-[color:var(--zui-stepper-indicator-rose-fg,oklch(41%_0.159_10.272))] dark:text-[color:var(--zui-stepper-indicator-rose-fg-dark,oklch(94.1%_0.03_12.58))] ring-2 ring-[var(--zui-stepper-indicator-rose-ring,oklch(71.2%_0.194_13.428_/_0.3))] dark:ring-[var(--zui-stepper-indicator-rose-ring-dark,oklch(71.2%_0.194_13.428_/_0.3))]\",\n purple:\n \"border-[color:var(--zui-stepper-indicator-purple-border,oklch(62.7%_0.265_303.9_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-purple-border-dark,oklch(62.7%_0.265_303.9_/_0.6))] bg-[var(--zui-stepper-indicator-purple-bg,oklch(62.7%_0.265_303.9_/_0.2))] dark:bg-[var(--zui-stepper-indicator-purple-bg-dark,oklch(62.7%_0.265_303.9_/_0.2))] text-[color:var(--zui-stepper-indicator-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-stepper-indicator-purple-fg-dark,oklch(94.6%_0.033_307.174))] ring-2 ring-[var(--zui-stepper-indicator-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))] dark:ring-[var(--zui-stepper-indicator-purple-ring-dark,oklch(71.4%_0.203_305.504_/_0.3))]\",\n pink: \"border-[color:var(--zui-stepper-indicator-pink-border,oklch(65.6%_0.241_354.308_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-pink-border-dark,oklch(65.6%_0.241_354.308_/_0.6))] bg-[var(--zui-stepper-indicator-pink-bg,oklch(65.6%_0.241_354.308_/_0.2))] dark:bg-[var(--zui-stepper-indicator-pink-bg-dark,oklch(65.6%_0.241_354.308_/_0.2))] text-[color:var(--zui-stepper-indicator-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-stepper-indicator-pink-fg-dark,oklch(94.8%_0.028_342.258))] ring-2 ring-[var(--zui-stepper-indicator-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))] dark:ring-[var(--zui-stepper-indicator-pink-ring-dark,oklch(71.8%_0.202_349.761_/_0.3))]\",\n orange:\n \"border-[color:var(--zui-stepper-indicator-orange-border,oklch(70.5%_0.213_47.604_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-orange-border-dark,oklch(70.5%_0.213_47.604_/_0.6))] bg-[var(--zui-stepper-indicator-orange-bg,oklch(70.5%_0.213_47.604_/_0.2))] dark:bg-[var(--zui-stepper-indicator-orange-bg-dark,oklch(70.5%_0.213_47.604_/_0.2))] text-[color:var(--zui-stepper-indicator-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-stepper-indicator-orange-fg-dark,oklch(95.4%_0.038_75.164))] ring-2 ring-[var(--zui-stepper-indicator-orange-ring,oklch(75%_0.183_55.934_/_0.3))] dark:ring-[var(--zui-stepper-indicator-orange-ring-dark,oklch(75%_0.183_55.934_/_0.3))]\",\n yellow:\n \"border-[color:var(--zui-stepper-indicator-yellow-border,oklch(79.5%_0.184_86.047_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-yellow-border-dark,oklch(79.5%_0.184_86.047_/_0.6))] bg-[var(--zui-stepper-indicator-yellow-bg,oklch(79.5%_0.184_86.047_/_0.2))] dark:bg-[var(--zui-stepper-indicator-yellow-bg-dark,oklch(79.5%_0.184_86.047_/_0.2))] text-[color:var(--zui-stepper-indicator-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-stepper-indicator-yellow-fg-dark,oklch(97.3%_0.071_103.193))] ring-2 ring-[var(--zui-stepper-indicator-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))] dark:ring-[var(--zui-stepper-indicator-yellow-ring-dark,oklch(85.2%_0.199_91.936_/_0.3))]\",\n teal: \"border-[color:var(--zui-stepper-indicator-teal-border,oklch(70.4%_0.14_182.503_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-teal-border-dark,oklch(70.4%_0.14_182.503_/_0.6))] bg-[var(--zui-stepper-indicator-teal-bg,oklch(70.4%_0.14_182.503_/_0.2))] dark:bg-[var(--zui-stepper-indicator-teal-bg-dark,oklch(70.4%_0.14_182.503_/_0.2))] text-[color:var(--zui-stepper-indicator-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-stepper-indicator-teal-fg-dark,oklch(95.3%_0.051_180.801))] ring-2 ring-[var(--zui-stepper-indicator-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))] dark:ring-[var(--zui-stepper-indicator-teal-ring-dark,oklch(77.7%_0.152_181.912_/_0.3))]\",\n indigo:\n \"border-[color:var(--zui-stepper-indicator-indigo-border,oklch(58.5%_0.233_277.117_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-indigo-border-dark,oklch(58.5%_0.233_277.117_/_0.6))] bg-[var(--zui-stepper-indicator-indigo-bg,oklch(58.5%_0.233_277.117_/_0.2))] dark:bg-[var(--zui-stepper-indicator-indigo-bg-dark,oklch(58.5%_0.233_277.117_/_0.2))] text-[color:var(--zui-stepper-indicator-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-stepper-indicator-indigo-fg-dark,oklch(93%_0.034_272.788))] ring-2 ring-[var(--zui-stepper-indicator-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))] dark:ring-[var(--zui-stepper-indicator-indigo-ring-dark,oklch(67.3%_0.182_276.935_/_0.3))]\",\n emerald:\n \"border-[color:var(--zui-stepper-indicator-emerald-border,oklch(69.6%_0.17_162.48_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-emerald-border-dark,oklch(69.6%_0.17_162.48_/_0.6))] bg-[var(--zui-stepper-indicator-emerald-bg,oklch(69.6%_0.17_162.48_/_0.2))] dark:bg-[var(--zui-stepper-indicator-emerald-bg-dark,oklch(69.6%_0.17_162.48_/_0.2))] text-[color:var(--zui-stepper-indicator-emerald-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-stepper-indicator-emerald-fg-dark,oklch(95%_0.052_163.051))] ring-2 ring-[var(--zui-stepper-indicator-emerald-ring,oklch(76.5%_0.177_163.223_/_0.3))] dark:ring-[var(--zui-stepper-indicator-emerald-ring-dark,oklch(76.5%_0.177_163.223_/_0.3))]\",\n gray: \"border-[color:var(--zui-stepper-indicator-gray-border,oklch(55.1%_0.027_264.364_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gray-border-dark,oklch(55.1%_0.027_264.364_/_0.6))] bg-[var(--zui-stepper-indicator-gray-bg,oklch(55.1%_0.027_264.364_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gray-bg-dark,oklch(55.1%_0.027_264.364_/_0.2))] text-[color:var(--zui-stepper-indicator-gray-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-stepper-indicator-gray-fg-dark,oklch(96.7%_0.003_264.542))] ring-2 ring-[var(--zui-stepper-indicator-gray-ring,oklch(70.7%_0.022_261.325_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gray-ring-dark,oklch(70.7%_0.022_261.325_/_0.3))]\",\n violet:\n \"border-[color:var(--zui-stepper-indicator-violet-border,oklch(60.6%_0.25_292.717_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-violet-border-dark,oklch(60.6%_0.25_292.717_/_0.6))] bg-[var(--zui-stepper-indicator-violet-bg,oklch(60.6%_0.25_292.717_/_0.2))] dark:bg-[var(--zui-stepper-indicator-violet-bg-dark,oklch(60.6%_0.25_292.717_/_0.2))] text-[color:var(--zui-stepper-indicator-violet-fg,oklch(38%_0.189_293.745))] dark:text-[color:var(--zui-stepper-indicator-violet-fg-dark,oklch(94.3%_0.029_294.588))] ring-2 ring-[var(--zui-stepper-indicator-violet-ring,oklch(70.2%_0.183_293.541_/_0.3))] dark:ring-[var(--zui-stepper-indicator-violet-ring-dark,oklch(70.2%_0.183_293.541_/_0.3))]\",\n \"gradient-blue\":\n \"border-[color:var(--zui-stepper-indicator-gradient-blue-border,oklch(62.3%_0.214_259.815_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-blue-border-dark,oklch(62.3%_0.214_259.815_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-blue-bg,oklch(62.3%_0.214_259.815_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-blue-bg-dark,oklch(62.3%_0.214_259.815_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-blue-fg,oklch(37.9%_0.146_265.522))] dark:text-[color:var(--zui-stepper-indicator-gradient-blue-fg-dark,oklch(93.2%_0.032_255.585))] ring-2 ring-[var(--zui-stepper-indicator-gradient-blue-ring,oklch(70.7%_0.165_254.624_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-blue-ring-dark,oklch(70.7%_0.165_254.624_/_0.3))]\",\n \"gradient-green\":\n \"border-[color:var(--zui-stepper-indicator-gradient-green-border,oklch(72.3%_0.219_149.579_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-green-border-dark,oklch(72.3%_0.219_149.579_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-green-bg,oklch(72.3%_0.219_149.579_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-green-bg-dark,oklch(72.3%_0.219_149.579_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-green-fg,oklch(39.3%_0.095_152.535))] dark:text-[color:var(--zui-stepper-indicator-gradient-green-fg-dark,oklch(96.2%_0.044_156.743))] ring-2 ring-[var(--zui-stepper-indicator-gradient-green-ring,oklch(79.2%_0.209_151.711_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-green-ring-dark,oklch(79.2%_0.209_151.711_/_0.3))]\",\n \"gradient-red\":\n \"border-[color:var(--zui-stepper-indicator-gradient-red-border,oklch(63.7%_0.237_25.331_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-red-border-dark,oklch(63.7%_0.237_25.331_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-red-bg,oklch(63.7%_0.237_25.331_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-red-bg-dark,oklch(63.7%_0.237_25.331_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-red-fg,oklch(39.6%_0.141_25.723))] dark:text-[color:var(--zui-stepper-indicator-gradient-red-fg-dark,oklch(93.6%_0.032_17.717))] ring-2 ring-[var(--zui-stepper-indicator-gradient-red-ring,oklch(70.4%_0.191_22.216_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-red-ring-dark,oklch(70.4%_0.191_22.216_/_0.3))]\",\n \"gradient-yellow\":\n \"border-[color:var(--zui-stepper-indicator-gradient-yellow-border,oklch(79.5%_0.184_86.047_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-yellow-border-dark,oklch(79.5%_0.184_86.047_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-yellow-bg,oklch(79.5%_0.184_86.047_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-yellow-bg-dark,oklch(79.5%_0.184_86.047_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-stepper-indicator-gradient-yellow-fg-dark,oklch(97.3%_0.071_103.193))] ring-2 ring-[var(--zui-stepper-indicator-gradient-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-yellow-ring-dark,oklch(85.2%_0.199_91.936_/_0.3))]\",\n \"gradient-purple\":\n \"border-[color:var(--zui-stepper-indicator-gradient-purple-border,oklch(62.7%_0.265_303.9_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-purple-border-dark,oklch(62.7%_0.265_303.9_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-purple-bg,oklch(62.7%_0.265_303.9_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-purple-bg-dark,oklch(62.7%_0.265_303.9_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-stepper-indicator-gradient-purple-fg-dark,oklch(94.6%_0.033_307.174))] ring-2 ring-[var(--zui-stepper-indicator-gradient-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-purple-ring-dark,oklch(71.4%_0.203_305.504_/_0.3))]\",\n \"gradient-teal\":\n \"border-[color:var(--zui-stepper-indicator-gradient-teal-border,oklch(70.4%_0.14_182.503_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-teal-border-dark,oklch(70.4%_0.14_182.503_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-teal-bg,oklch(70.4%_0.14_182.503_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-teal-bg-dark,oklch(70.4%_0.14_182.503_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-stepper-indicator-gradient-teal-fg-dark,oklch(95.3%_0.051_180.801))] ring-2 ring-[var(--zui-stepper-indicator-gradient-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-teal-ring-dark,oklch(77.7%_0.152_181.912_/_0.3))]\",\n \"gradient-indigo\":\n \"border-[color:var(--zui-stepper-indicator-gradient-indigo-border,oklch(58.5%_0.233_277.117_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-indigo-border-dark,oklch(58.5%_0.233_277.117_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-indigo-bg,oklch(58.5%_0.233_277.117_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-indigo-bg-dark,oklch(58.5%_0.233_277.117_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-stepper-indicator-gradient-indigo-fg-dark,oklch(93%_0.034_272.788))] ring-2 ring-[var(--zui-stepper-indicator-gradient-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-indigo-ring-dark,oklch(67.3%_0.182_276.935_/_0.3))]\",\n \"gradient-pink\":\n \"border-[color:var(--zui-stepper-indicator-gradient-pink-border,oklch(65.6%_0.241_354.308_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-pink-border-dark,oklch(65.6%_0.241_354.308_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-pink-bg,oklch(65.6%_0.241_354.308_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-pink-bg-dark,oklch(65.6%_0.241_354.308_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-stepper-indicator-gradient-pink-fg-dark,oklch(94.8%_0.028_342.258))] ring-2 ring-[var(--zui-stepper-indicator-gradient-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-pink-ring-dark,oklch(71.8%_0.202_349.761_/_0.3))]\",\n \"gradient-orange\":\n \"border-[color:var(--zui-stepper-indicator-gradient-orange-border,oklch(70.5%_0.213_47.604_/_0.6))] dark:border-[color:var(--zui-stepper-indicator-gradient-orange-border-dark,oklch(70.5%_0.213_47.604_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-orange-bg,oklch(70.5%_0.213_47.604_/_0.2))] dark:bg-[var(--zui-stepper-indicator-gradient-orange-bg-dark,oklch(70.5%_0.213_47.604_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-stepper-indicator-gradient-orange-fg-dark,oklch(95.4%_0.038_75.164))] ring-2 ring-[var(--zui-stepper-indicator-gradient-orange-ring,oklch(75%_0.183_55.934_/_0.3))] dark:ring-[var(--zui-stepper-indicator-gradient-orange-ring-dark,oklch(75%_0.183_55.934_/_0.3))]\",\n} as const;\n\nexport const zuiStepperIndicatorSizes = {\n sm: \"size-8 text-xs\",\n md: \"size-9 text-sm\",\n lg: \"size-10 text-base\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n zuiStepperBase,\n zuiStepperIndicatorAppearances,\n zuiStepperIndicatorBase,\n zuiStepperIndicatorSizes,\n zuiStepperItemBase,\n zuiStepperItemOrientations,\n zuiStepperOrientations,\n} from \"../../design-system/stepper\";\n\nexport const stepperVariants = cva(zuiStepperBase, {\n variants: {\n orientation: zuiStepperOrientations,\n },\n defaultVariants: {\n orientation: \"horizontal\",\n },\n});\n\nexport const stepperItemVariants = cva(zuiStepperItemBase, {\n variants: {\n orientation: zuiStepperItemOrientations,\n },\n defaultVariants: {\n orientation: \"horizontal\",\n },\n});\n\nexport const stepperIndicatorVariants = cva(zuiStepperIndicatorBase, {\n variants: {\n appearance: zuiStepperIndicatorAppearances,\n size: zuiStepperIndicatorSizes,\n },\n defaultVariants: {\n appearance: \"upcoming\",\n size: \"md\",\n },\n});\n","\"use client\";\n\nimport {\n Children,\n createContext,\n isValidElement,\n useContext,\n useMemo,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n StepperCtx,\n StepperDescriptionProps,\n StepperIndicatorProps,\n StepperItemProps,\n StepperProps,\n StepperTitleProps,\n} from \"./types\";\nimport {\n stepperIndicatorVariants,\n stepperItemVariants,\n stepperVariants,\n} from \"./variants\";\n\nconst StepperContext = createContext<StepperCtx | null>(null);\n\nfunction useStepper(component: string): StepperCtx {\n const ctx = useContext(StepperContext);\n if (!ctx) {\n throw new Error(`${component} must be used within <Stepper>`);\n }\n return ctx;\n}\n\nconst StepperIndexContext = createContext<number | null>(null);\n\nfunction useStepperIndex(component: string): number {\n const index = useContext(StepperIndexContext);\n if (index === null) {\n throw new Error(`${component} must be used within <StepperItem>`);\n }\n return index;\n}\n\nexport function Stepper({\n className,\n orientation = \"horizontal\",\n size = \"md\",\n children,\n ref,\n ...rest\n}: StepperProps) {\n const items = useMemo(\n () => Children.toArray(children).filter(isValidElement),\n [children],\n );\n const ctx = useMemo(\n () => ({\n orientation: orientation ?? \"horizontal\",\n size: size ?? \"md\",\n total: items.length,\n }),\n [items.length, orientation, size],\n );\n\n return (\n <StepperContext.Provider value={ctx}>\n <ol\n ref={ref}\n data-slot=\"stepper\"\n className={cn(\n stepperVariants({ orientation }),\n \"m-0 list-none p-0\",\n className,\n )}\n {...rest}\n >\n {items.map((child, index) => (\n <StepperIndexContext.Provider key={index} value={index}>\n {child}\n </StepperIndexContext.Provider>\n ))}\n </ol>\n </StepperContext.Provider>\n );\n}\n\nStepper.displayName = \"Stepper\";\n\nexport function StepperItem({\n className,\n ref,\n children,\n ...rest\n}: StepperItemProps) {\n const { orientation } = useStepper(\"StepperItem\");\n return (\n <li\n ref={ref}\n data-slot=\"stepper-item\"\n className={cn(stepperItemVariants({ orientation }), className)}\n {...rest}\n >\n {children}\n </li>\n );\n}\n\nStepperItem.displayName = \"StepperItem\";\n\nexport function StepperIndicator({\n className,\n ref,\n children,\n appearance,\n ...rest\n}: StepperIndicatorProps & { ref?: React.Ref<HTMLDivElement> }) {\n const { size } = useStepper(\"StepperIndicator\");\n const index = useStepperIndex(\"StepperIndicator\");\n return (\n <div\n ref={ref}\n data-slot=\"stepper-indicator\"\n className={cn(stepperIndicatorVariants({ appearance, size }), className)}\n {...rest}\n >\n {children ?? index + 1}\n </div>\n );\n}\n\nStepperIndicator.displayName = \"StepperIndicator\";\n\nexport function StepperTitle({\n className,\n ref,\n ...rest\n}: StepperTitleProps & { ref?: React.Ref<HTMLDivElement> }) {\n return (\n <div\n ref={ref}\n data-slot=\"stepper-title\"\n className={cn(\n \"text-sm font-semibold text-slate-900 dark:text-white\",\n className,\n )}\n {...rest}\n />\n );\n}\n\nStepperTitle.displayName = \"StepperTitle\";\n\nexport function StepperDescription({\n className,\n ref,\n ...rest\n}: StepperDescriptionProps & { ref?: React.Ref<HTMLParagraphElement> }) {\n return (\n <p\n ref={ref}\n data-slot=\"stepper-description\"\n className={cn(\"text-xs text-slate-900 dark:text-slate-400\", className)}\n {...rest}\n />\n );\n}\n\nStepperDescription.displayName = \"StepperDescription\";\n"]}
package/dist/ui/table/animated.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  'use strict';
3
3
 
4
- var chunkZYKJC5HH_js = require('../../chunk-ZYKJC5HH.js');
4
+ var chunkG66SXATZ_js = require('../../chunk-G66SXATZ.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(chunkZYKJC5HH_js.TableRow, { ...props, as: framerMotion.motion.tr, initial: false, ...motionProps });
20
+ return /* @__PURE__ */ jsxRuntime.jsx(chunkG66SXATZ_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 chunkZYKJC5HH_js.TableBody; }
25
+ get: function () { return chunkG66SXATZ_js.TableBody; }
26
26
  });
27
27
  Object.defineProperty(exports, "TableCaption", {
28
28
  enumerable: true,
29
- get: function () { return chunkZYKJC5HH_js.TableCaption; }
29
+ get: function () { return chunkG66SXATZ_js.TableCaption; }
30
30
  });
31
31
  Object.defineProperty(exports, "TableCell", {
32
32
  enumerable: true,
33
- get: function () { return chunkZYKJC5HH_js.TableCell; }
33
+ get: function () { return chunkG66SXATZ_js.TableCell; }
34
34
  });
35
35
  Object.defineProperty(exports, "TableFooter", {
36
36
  enumerable: true,
37
- get: function () { return chunkZYKJC5HH_js.TableFooter; }
37
+ get: function () { return chunkG66SXATZ_js.TableFooter; }
38
38
  });
39
39
  Object.defineProperty(exports, "TableHead", {
40
40
  enumerable: true,
41
- get: function () { return chunkZYKJC5HH_js.TableHead; }
41
+ get: function () { return chunkG66SXATZ_js.TableHead; }
42
42
  });
43
43
  Object.defineProperty(exports, "TableHeader", {
44
44
  enumerable: true,
45
- get: function () { return chunkZYKJC5HH_js.TableHeader; }
45
+ get: function () { return chunkG66SXATZ_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-NHQ3S4Y6.mjs';
3
- export { TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader } from '../../chunk-NHQ3S4Y6.mjs';
2
+ import { TableRow } from '../../chunk-ZIFMIS7D.mjs';
3
+ export { TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader } from '../../chunk-ZIFMIS7D.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.js CHANGED
@@ -1,62 +1,62 @@
1
1
  "use client";
2
2
  'use strict';
3
3
 
4
- var chunkZYKJC5HH_js = require('../chunk-ZYKJC5HH.js');
4
+ var chunkG66SXATZ_js = require('../chunk-G66SXATZ.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 chunkZYKJC5HH_js.TableBase; }
11
+ get: function () { return chunkG66SXATZ_js.TableBase; }
12
12
  });
13
13
  Object.defineProperty(exports, "TableBody", {
14
14
  enumerable: true,
15
- get: function () { return chunkZYKJC5HH_js.TableBody; }
15
+ get: function () { return chunkG66SXATZ_js.TableBody; }
16
16
  });
17
17
  Object.defineProperty(exports, "TableCaption", {
18
18
  enumerable: true,
19
- get: function () { return chunkZYKJC5HH_js.TableCaption; }
19
+ get: function () { return chunkG66SXATZ_js.TableCaption; }
20
20
  });
21
21
  Object.defineProperty(exports, "TableCell", {
22
22
  enumerable: true,
23
- get: function () { return chunkZYKJC5HH_js.TableCell; }
23
+ get: function () { return chunkG66SXATZ_js.TableCell; }
24
24
  });
25
25
  Object.defineProperty(exports, "TableContext", {
26
26
  enumerable: true,
27
- get: function () { return chunkZYKJC5HH_js.TableContext; }
27
+ get: function () { return chunkG66SXATZ_js.TableContext; }
28
28
  });
29
29
  Object.defineProperty(exports, "TableFooter", {
30
30
  enumerable: true,
31
- get: function () { return chunkZYKJC5HH_js.TableFooter; }
31
+ get: function () { return chunkG66SXATZ_js.TableFooter; }
32
32
  });
33
33
  Object.defineProperty(exports, "TableHead", {
34
34
  enumerable: true,
35
- get: function () { return chunkZYKJC5HH_js.TableHead; }
35
+ get: function () { return chunkG66SXATZ_js.TableHead; }
36
36
  });
37
37
  Object.defineProperty(exports, "TableHeader", {
38
38
  enumerable: true,
39
- get: function () { return chunkZYKJC5HH_js.TableHeader; }
39
+ get: function () { return chunkG66SXATZ_js.TableHeader; }
40
40
  });
41
41
  Object.defineProperty(exports, "TableRow", {
42
42
  enumerable: true,
43
- get: function () { return chunkZYKJC5HH_js.TableRow; }
43
+ get: function () { return chunkG66SXATZ_js.TableRow; }
44
44
  });
45
45
  Object.defineProperty(exports, "tableCellVariants", {
46
46
  enumerable: true,
47
- get: function () { return chunkZYKJC5HH_js.tableCellVariants; }
47
+ get: function () { return chunkG66SXATZ_js.tableCellVariants; }
48
48
  });
49
49
  Object.defineProperty(exports, "tableRowVariants", {
50
50
  enumerable: true,
51
- get: function () { return chunkZYKJC5HH_js.tableRowVariants; }
51
+ get: function () { return chunkG66SXATZ_js.tableRowVariants; }
52
52
  });
53
53
  Object.defineProperty(exports, "tableVariants", {
54
54
  enumerable: true,
55
- get: function () { return chunkZYKJC5HH_js.tableVariants; }
55
+ get: function () { return chunkG66SXATZ_js.tableVariants; }
56
56
  });
57
57
  Object.defineProperty(exports, "useTableContext", {
58
58
  enumerable: true,
59
- get: function () { return chunkZYKJC5HH_js.useTableContext; }
59
+ get: function () { return chunkG66SXATZ_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-NHQ3S4Y6.mjs';
2
+ export { TableBase as Table, TableBody, TableCaption, TableCell, TableContext, TableFooter, TableHead, TableHeader, TableRow, tableCellVariants, tableRowVariants, tableVariants, useTableContext } from '../chunk-ZIFMIS7D.mjs';
3
3
  import '../chunk-4D54YOL6.mjs';
4
4
  //# sourceMappingURL=table.mjs.map
5
5
  //# sourceMappingURL=table.mjs.map