@zentauri-ui/zentauri-components 1.9.0 → 1.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (636) hide show
  1. package/README.md +7 -9
  2. package/cli/registry.json +0 -1
  3. package/dist/animations/blur-in.js +2 -2
  4. package/dist/animations/blur-in.mjs +1 -1
  5. package/dist/animations/blur-out.js +2 -2
  6. package/dist/animations/blur-out.mjs +1 -1
  7. package/dist/animations/bounce.js +2 -2
  8. package/dist/animations/bounce.mjs +1 -1
  9. package/dist/animations/fade-down.js +2 -2
  10. package/dist/animations/fade-down.mjs +1 -1
  11. package/dist/animations/fade-in.js +2 -2
  12. package/dist/animations/fade-in.mjs +1 -1
  13. package/dist/animations/fade-left.js +2 -2
  14. package/dist/animations/fade-left.mjs +1 -1
  15. package/dist/animations/fade-out.js +2 -2
  16. package/dist/animations/fade-out.mjs +1 -1
  17. package/dist/animations/fade-right.js +2 -2
  18. package/dist/animations/fade-right.mjs +1 -1
  19. package/dist/animations/fade-up.js +2 -2
  20. package/dist/animations/fade-up.mjs +1 -1
  21. package/dist/animations/flip-in.js +2 -2
  22. package/dist/animations/flip-in.mjs +1 -1
  23. package/dist/animations/flip.js +2 -2
  24. package/dist/animations/flip.mjs +1 -1
  25. package/dist/animations/float.js +2 -2
  26. package/dist/animations/float.mjs +1 -1
  27. package/dist/animations/hover-lift.js +2 -2
  28. package/dist/animations/hover-lift.mjs +1 -1
  29. package/dist/animations/hover-scale.js +2 -2
  30. package/dist/animations/hover-scale.mjs +1 -1
  31. package/dist/animations/magnetic.js +2 -2
  32. package/dist/animations/magnetic.mjs +1 -1
  33. package/dist/animations/parallax.js +2 -2
  34. package/dist/animations/parallax.mjs +1 -1
  35. package/dist/animations/ping.js +2 -2
  36. package/dist/animations/ping.mjs +1 -1
  37. package/dist/animations/pop-in.js +2 -2
  38. package/dist/animations/pop-in.mjs +1 -1
  39. package/dist/animations/press.js +2 -2
  40. package/dist/animations/press.mjs +1 -1
  41. package/dist/animations/progress.js +2 -2
  42. package/dist/animations/progress.mjs +1 -1
  43. package/dist/animations/pulse.js +2 -2
  44. package/dist/animations/pulse.mjs +1 -1
  45. package/dist/animations/reorder.js +2 -2
  46. package/dist/animations/reorder.mjs +1 -1
  47. package/dist/animations/reveal-blur.js +2 -2
  48. package/dist/animations/reveal-blur.mjs +1 -1
  49. package/dist/animations/reveal-down.js +2 -2
  50. package/dist/animations/reveal-down.mjs +1 -1
  51. package/dist/animations/reveal-left.js +2 -2
  52. package/dist/animations/reveal-left.mjs +1 -1
  53. package/dist/animations/reveal-right.js +2 -2
  54. package/dist/animations/reveal-right.mjs +1 -1
  55. package/dist/animations/reveal-up.js +2 -2
  56. package/dist/animations/reveal-up.mjs +1 -1
  57. package/dist/animations/rotate-in.js +2 -2
  58. package/dist/animations/rotate-in.mjs +1 -1
  59. package/dist/animations/scale-in.js +2 -2
  60. package/dist/animations/scale-in.mjs +1 -1
  61. package/dist/animations/scale-out.js +2 -2
  62. package/dist/animations/scale-out.mjs +1 -1
  63. package/dist/animations/shake.js +2 -2
  64. package/dist/animations/shake.mjs +1 -1
  65. package/dist/animations/shared/create-motion-animation.d.ts.map +1 -1
  66. package/dist/animations/skeleton-shimmer.js +2 -2
  67. package/dist/animations/skeleton-shimmer.mjs +1 -1
  68. package/dist/animations/slide-down.js +2 -2
  69. package/dist/animations/slide-down.mjs +1 -1
  70. package/dist/animations/slide-left.js +2 -2
  71. package/dist/animations/slide-left.mjs +1 -1
  72. package/dist/animations/slide-right.js +2 -2
  73. package/dist/animations/slide-right.mjs +1 -1
  74. package/dist/animations/slide-up.js +2 -2
  75. package/dist/animations/slide-up.mjs +1 -1
  76. package/dist/animations/spin.js +2 -2
  77. package/dist/animations/spin.mjs +1 -1
  78. package/dist/animations/text-reveal.js +2 -2
  79. package/dist/animations/text-reveal.mjs +1 -1
  80. package/dist/animations/text-shimmer.js +2 -2
  81. package/dist/animations/text-shimmer.mjs +1 -1
  82. package/dist/animations/tilt.js +2 -2
  83. package/dist/animations/tilt.mjs +1 -1
  84. package/dist/animations/wiggle.js +2 -2
  85. package/dist/animations/wiggle.mjs +1 -1
  86. package/dist/{chunk-U3VV22G4.js → chunk-2RBUROXJ.js} +24 -3
  87. package/dist/chunk-2RBUROXJ.js.map +1 -0
  88. package/dist/{chunk-3W224B3M.js → chunk-3IBWZM52.js} +23 -3
  89. package/dist/chunk-3IBWZM52.js.map +1 -0
  90. package/dist/{chunk-466QDL44.js → chunk-3RHJJZIT.js} +24 -3
  91. package/dist/chunk-3RHJJZIT.js.map +1 -0
  92. package/dist/{chunk-LNYCEPW5.js → chunk-4GVMPQZS.js} +23 -2
  93. package/dist/chunk-4GVMPQZS.js.map +1 -0
  94. package/dist/chunk-4WRCXG5E.mjs +942 -0
  95. package/dist/chunk-4WRCXG5E.mjs.map +1 -0
  96. package/dist/{chunk-TKVZU56F.mjs → chunk-6GPUHFXI.mjs} +24 -3
  97. package/dist/chunk-6GPUHFXI.mjs.map +1 -0
  98. package/dist/{chunk-HLG2YJFZ.mjs → chunk-6ONKAOI7.mjs} +24 -3
  99. package/dist/chunk-6ONKAOI7.mjs.map +1 -0
  100. package/dist/chunk-6VZGM4DI.mjs +170 -0
  101. package/dist/chunk-6VZGM4DI.mjs.map +1 -0
  102. package/dist/{chunk-2ZKW2E7B.mjs → chunk-7PIOCFV3.mjs} +34 -4
  103. package/dist/chunk-7PIOCFV3.mjs.map +1 -0
  104. package/dist/{chunk-IM6KN77X.mjs → chunk-7XHWUEQR.mjs} +46 -4
  105. package/dist/chunk-7XHWUEQR.mjs.map +1 -0
  106. package/dist/{chunk-QHEHBC6M.js → chunk-AFBKMQMK.js} +46 -4
  107. package/dist/chunk-AFBKMQMK.js.map +1 -0
  108. package/dist/{chunk-NNZXBL7R.mjs → chunk-AS34PVUG.mjs} +24 -3
  109. package/dist/chunk-AS34PVUG.mjs.map +1 -0
  110. package/dist/{chunk-TTTYW3TR.js → chunk-B3LCKPBX.js} +23 -2
  111. package/dist/chunk-B3LCKPBX.js.map +1 -0
  112. package/dist/chunk-CARQELOX.mjs +101 -0
  113. package/dist/chunk-CARQELOX.mjs.map +1 -0
  114. package/dist/{chunk-CIEZFHCO.mjs → chunk-CCVQ5KX6.mjs} +24 -3
  115. package/dist/chunk-CCVQ5KX6.mjs.map +1 -0
  116. package/dist/{chunk-UR7TNW45.mjs → chunk-DBW25HOR.mjs} +68 -5
  117. package/dist/chunk-DBW25HOR.mjs.map +1 -0
  118. package/dist/chunk-DMDCXYNN.js +105 -0
  119. package/dist/chunk-DMDCXYNN.js.map +1 -0
  120. package/dist/{chunk-H7WDA6U6.mjs → chunk-EKLWWV3G.mjs} +23 -2
  121. package/dist/chunk-EKLWWV3G.mjs.map +1 -0
  122. package/dist/{chunk-OZHETX4J.mjs → chunk-ENV73575.mjs} +24 -3
  123. package/dist/chunk-ENV73575.mjs.map +1 -0
  124. package/dist/{chunk-7OVJXYSS.mjs → chunk-F4BM6LX2.mjs} +2 -2
  125. package/dist/{chunk-7OVJXYSS.mjs.map → chunk-F4BM6LX2.mjs.map} +1 -1
  126. package/dist/{chunk-ZX2IBIZT.js → chunk-FWY22BZZ.js} +46 -4
  127. package/dist/chunk-FWY22BZZ.js.map +1 -0
  128. package/dist/chunk-HI54NLVM.js +179 -0
  129. package/dist/chunk-HI54NLVM.js.map +1 -0
  130. package/dist/{chunk-BU2MPXPZ.js → chunk-IW2E4MLG.js} +24 -3
  131. package/dist/chunk-IW2E4MLG.js.map +1 -0
  132. package/dist/{chunk-DEZRB6DS.mjs → chunk-IZAQBJKT.mjs} +46 -4
  133. package/dist/chunk-IZAQBJKT.mjs.map +1 -0
  134. package/dist/{chunk-VHVQELWF.js → chunk-JGSQZZHF.js} +23 -3
  135. package/dist/chunk-JGSQZZHF.js.map +1 -0
  136. package/dist/{chunk-DFCDLVZA.js → chunk-JRB22VVK.js} +23 -2
  137. package/dist/chunk-JRB22VVK.js.map +1 -0
  138. package/dist/{chunk-XYEMP4K7.js → chunk-KC77BXBC.js} +24 -3
  139. package/dist/chunk-KC77BXBC.js.map +1 -0
  140. package/dist/{chunk-EIRCCTNA.js → chunk-KIAYTBS5.js} +24 -3
  141. package/dist/chunk-KIAYTBS5.js.map +1 -0
  142. package/dist/{chunk-UY65KX3M.js → chunk-KLGB3FYE.js} +46 -4
  143. package/dist/chunk-KLGB3FYE.js.map +1 -0
  144. package/dist/{chunk-C6NA452Q.mjs → chunk-NUYNJV5U.mjs} +3 -3
  145. package/dist/{chunk-C6NA452Q.mjs.map → chunk-NUYNJV5U.mjs.map} +1 -1
  146. package/dist/{chunk-EZCYSFML.mjs → chunk-O233I5N7.mjs} +23 -2
  147. package/dist/chunk-O233I5N7.mjs.map +1 -0
  148. package/dist/chunk-OEDD43IT.mjs +141 -0
  149. package/dist/chunk-OEDD43IT.mjs.map +1 -0
  150. package/dist/{chunk-3F4FF2H4.mjs → chunk-OY3YJGOX.mjs} +23 -3
  151. package/dist/chunk-OY3YJGOX.mjs.map +1 -0
  152. package/dist/{chunk-INXWZ4DS.js → chunk-PZBTZGJE.js} +46 -4
  153. package/dist/chunk-PZBTZGJE.js.map +1 -0
  154. package/dist/{chunk-2F7P4EJQ.js → chunk-QCHHXFJQ.js} +25 -4
  155. package/dist/chunk-QCHHXFJQ.js.map +1 -0
  156. package/dist/{chunk-CSFLMMAT.mjs → chunk-REDZL4DY.mjs} +23 -2
  157. package/dist/chunk-REDZL4DY.mjs.map +1 -0
  158. package/dist/{chunk-BJSWQQSC.mjs → chunk-RFBTMJ2Z.mjs} +24 -3
  159. package/dist/chunk-RFBTMJ2Z.mjs.map +1 -0
  160. package/dist/chunk-S4NQTWMW.mjs +121 -0
  161. package/dist/chunk-S4NQTWMW.mjs.map +1 -0
  162. package/dist/{chunk-X3O45MPI.js → chunk-SRLYXLUU.js} +44 -2
  163. package/dist/chunk-SRLYXLUU.js.map +1 -0
  164. package/dist/{chunk-6HPS3ZOP.js → chunk-U7FZ5RMV.js} +68 -5
  165. package/dist/chunk-U7FZ5RMV.js.map +1 -0
  166. package/dist/{chunk-OL3BJSRC.mjs → chunk-UMXCV5IT.mjs} +68 -5
  167. package/dist/chunk-UMXCV5IT.mjs.map +1 -0
  168. package/dist/{chunk-IL4LH2XX.js → chunk-UNPKDNLA.js} +68 -5
  169. package/dist/chunk-UNPKDNLA.js.map +1 -0
  170. package/dist/{chunk-OKCC7E36.js → chunk-UOZZUWIX.js} +6 -6
  171. package/dist/{chunk-OKCC7E36.js.map → chunk-UOZZUWIX.js.map} +1 -1
  172. package/dist/{chunk-ORFI4BCJ.mjs → chunk-URXYF25P.mjs} +44 -2
  173. package/dist/chunk-URXYF25P.mjs.map +1 -0
  174. package/dist/{chunk-5565GZ4T.js → chunk-VGVB5XZX.js} +24 -3
  175. package/dist/chunk-VGVB5XZX.js.map +1 -0
  176. package/dist/{chunk-PYUZOVLY.js → chunk-VJSME7ML.js} +23 -2
  177. package/dist/{chunk-EZCYSFML.mjs.map → chunk-VJSME7ML.js.map} +1 -1
  178. package/dist/{chunk-SSJXWD2M.mjs → chunk-VO7LNOC5.mjs} +46 -4
  179. package/dist/chunk-VO7LNOC5.mjs.map +1 -0
  180. package/dist/{chunk-ECLHBSC6.mjs → chunk-VX56EVPF.mjs} +25 -4
  181. package/dist/chunk-VX56EVPF.mjs.map +1 -0
  182. package/dist/{chunk-R2JJTREQ.mjs → chunk-W73CZFMA.mjs} +23 -3
  183. package/dist/chunk-W73CZFMA.mjs.map +1 -0
  184. package/dist/{chunk-3J3FYIG3.js → chunk-WRHUWKZS.js} +34 -4
  185. package/dist/chunk-WRHUWKZS.js.map +1 -0
  186. package/dist/{chunk-NSJ6KGW2.js → chunk-WVBFSJEB.js} +24 -3
  187. package/dist/chunk-WVBFSJEB.js.map +1 -0
  188. package/dist/chunk-XIG2QDVN.js +145 -0
  189. package/dist/chunk-XIG2QDVN.js.map +1 -0
  190. package/dist/{chunk-HNLQXHSQ.mjs → chunk-XJFDGKZO.mjs} +24 -3
  191. package/dist/chunk-XJFDGKZO.mjs.map +1 -0
  192. package/dist/{chunk-GRJFGIZC.mjs → chunk-XOYCFLEZ.mjs} +46 -4
  193. package/dist/chunk-XOYCFLEZ.mjs.map +1 -0
  194. package/dist/chunk-XYKDSHRG.js +944 -0
  195. package/dist/chunk-XYKDSHRG.js.map +1 -0
  196. package/dist/{chunk-UROKWFPX.mjs → chunk-YFXGRV7X.mjs} +23 -2
  197. package/dist/chunk-YFXGRV7X.mjs.map +1 -0
  198. package/dist/{chunk-R5LL56ZO.js → chunk-ZHXYGUMA.js} +2 -2
  199. package/dist/{chunk-R5LL56ZO.js.map → chunk-ZHXYGUMA.js.map} +1 -1
  200. package/dist/chunk-ZZ53RJNH.js +128 -0
  201. package/dist/chunk-ZZ53RJNH.js.map +1 -0
  202. package/dist/design-system/accordion.d.ts +42 -0
  203. package/dist/design-system/accordion.d.ts.map +1 -1
  204. package/dist/design-system/alert.d.ts +21 -0
  205. package/dist/design-system/alert.d.ts.map +1 -1
  206. package/dist/design-system/animated-number.d.ts +21 -0
  207. package/dist/design-system/animated-number.d.ts.map +1 -1
  208. package/dist/design-system/avatar.d.ts +21 -0
  209. package/dist/design-system/avatar.d.ts.map +1 -1
  210. package/dist/design-system/badge.d.ts +42 -0
  211. package/dist/design-system/badge.d.ts.map +1 -1
  212. package/dist/design-system/breadcrumb.d.ts +21 -0
  213. package/dist/design-system/breadcrumb.d.ts.map +1 -1
  214. package/dist/design-system/button.d.ts +22 -1
  215. package/dist/design-system/button.d.ts.map +1 -1
  216. package/dist/design-system/card.d.ts +21 -0
  217. package/dist/design-system/card.d.ts.map +1 -1
  218. package/dist/design-system/checkbox.d.ts +22 -1
  219. package/dist/design-system/checkbox.d.ts.map +1 -1
  220. package/dist/design-system/command.d.ts +21 -0
  221. package/dist/design-system/command.d.ts.map +1 -1
  222. package/dist/design-system/context-menu.d.ts +21 -0
  223. package/dist/design-system/context-menu.d.ts.map +1 -1
  224. package/dist/design-system/copy-button.d.ts +22 -1
  225. package/dist/design-system/copy-button.d.ts.map +1 -1
  226. package/dist/design-system/divider.d.ts +21 -0
  227. package/dist/design-system/divider.d.ts.map +1 -1
  228. package/dist/design-system/drawer.d.ts +42 -0
  229. package/dist/design-system/drawer.d.ts.map +1 -1
  230. package/dist/design-system/dropdown.d.ts +42 -0
  231. package/dist/design-system/dropdown.d.ts.map +1 -1
  232. package/dist/design-system/dynamic-stepper.d.ts +98 -5
  233. package/dist/design-system/dynamic-stepper.d.ts.map +1 -1
  234. package/dist/design-system/empty-state.d.ts +21 -0
  235. package/dist/design-system/empty-state.d.ts.map +1 -1
  236. package/dist/design-system/file-upload.d.ts +21 -0
  237. package/dist/design-system/file-upload.d.ts.map +1 -1
  238. package/dist/design-system/index.d.ts +0 -1
  239. package/dist/design-system/index.d.ts.map +1 -1
  240. package/dist/design-system/inputs.d.ts +108 -0
  241. package/dist/design-system/inputs.d.ts.map +1 -1
  242. package/dist/design-system/kbd.d.ts +22 -1
  243. package/dist/design-system/kbd.d.ts.map +1 -1
  244. package/dist/design-system/marquee.d.ts +21 -0
  245. package/dist/design-system/marquee.d.ts.map +1 -1
  246. package/dist/design-system/modal.d.ts +42 -0
  247. package/dist/design-system/modal.d.ts.map +1 -1
  248. package/dist/design-system/otp-input.d.ts +21 -0
  249. package/dist/design-system/otp-input.d.ts.map +1 -1
  250. package/dist/design-system/pagination.d.ts +21 -0
  251. package/dist/design-system/pagination.d.ts.map +1 -1
  252. package/dist/design-system/popover.d.ts +20 -0
  253. package/dist/design-system/popover.d.ts.map +1 -1
  254. package/dist/design-system/progress.d.ts +21 -0
  255. package/dist/design-system/progress.d.ts.map +1 -1
  256. package/dist/design-system/radio-group.d.ts +21 -0
  257. package/dist/design-system/radio-group.d.ts.map +1 -1
  258. package/dist/design-system/rating.d.ts +21 -0
  259. package/dist/design-system/rating.d.ts.map +1 -1
  260. package/dist/design-system/scroll-area.d.ts +21 -0
  261. package/dist/design-system/scroll-area.d.ts.map +1 -1
  262. package/dist/design-system/select.d.ts +63 -0
  263. package/dist/design-system/select.d.ts.map +1 -1
  264. package/dist/design-system/skeleton.d.ts +63 -0
  265. package/dist/design-system/skeleton.d.ts.map +1 -1
  266. package/dist/design-system/slider.d.ts +22 -1
  267. package/dist/design-system/slider.d.ts.map +1 -1
  268. package/dist/design-system/spinner.d.ts +21 -0
  269. package/dist/design-system/spinner.d.ts.map +1 -1
  270. package/dist/design-system/table.d.ts +63 -0
  271. package/dist/design-system/table.d.ts.map +1 -1
  272. package/dist/design-system/tabs.d.ts +21 -0
  273. package/dist/design-system/tabs.d.ts.map +1 -1
  274. package/dist/design-system/timeline.d.ts +21 -0
  275. package/dist/design-system/timeline.d.ts.map +1 -1
  276. package/dist/design-system/toast.d.ts +21 -0
  277. package/dist/design-system/toast.d.ts.map +1 -1
  278. package/dist/design-system/toggle.d.ts +30 -0
  279. package/dist/design-system/toggle.d.ts.map +1 -1
  280. package/dist/design-system/tooltip.d.ts +20 -0
  281. package/dist/design-system/tooltip.d.ts.map +1 -1
  282. package/dist/design-system/tree-view.d.ts +42 -0
  283. package/dist/design-system/tree-view.d.ts.map +1 -1
  284. package/dist/design-system/typography.d.ts +1 -1
  285. package/dist/ui/accordion/animated.js +7 -7
  286. package/dist/ui/accordion/animated.mjs +2 -2
  287. package/dist/ui/accordion/variants.d.ts +2 -2
  288. package/dist/ui/accordion.js +9 -9
  289. package/dist/ui/accordion.mjs +2 -2
  290. package/dist/ui/alert/animated.js +2 -2
  291. package/dist/ui/alert/animated.mjs +1 -1
  292. package/dist/ui/alert/variants.d.ts +1 -1
  293. package/dist/ui/alert.js +10 -10
  294. package/dist/ui/alert.mjs +2 -2
  295. package/dist/ui/animated-number/variants.d.ts +1 -1
  296. package/dist/ui/animated-number.js +21 -0
  297. package/dist/ui/animated-number.js.map +1 -1
  298. package/dist/ui/animated-number.mjs +21 -0
  299. package/dist/ui/animated-number.mjs.map +1 -1
  300. package/dist/ui/avatar/animated.js +5 -5
  301. package/dist/ui/avatar/animated.mjs +2 -2
  302. package/dist/ui/avatar/variants.d.ts +1 -1
  303. package/dist/ui/avatar.js +9 -9
  304. package/dist/ui/avatar.mjs +2 -2
  305. package/dist/ui/badge/animated.js +2 -2
  306. package/dist/ui/badge/animated.mjs +1 -1
  307. package/dist/ui/badge/variants.d.ts +22 -1
  308. package/dist/ui/badge/variants.d.ts.map +1 -1
  309. package/dist/ui/badge.js +4 -4
  310. package/dist/ui/badge.mjs +2 -2
  311. package/dist/ui/breadcrumb/variants.d.ts +1 -1
  312. package/dist/ui/breadcrumb.js +21 -0
  313. package/dist/ui/breadcrumb.js.map +1 -1
  314. package/dist/ui/breadcrumb.mjs +21 -0
  315. package/dist/ui/breadcrumb.mjs.map +1 -1
  316. package/dist/ui/buttons/animated.js +3 -3
  317. package/dist/ui/buttons/animated.mjs +1 -1
  318. package/dist/ui/buttons/variants.d.ts +1 -1
  319. package/dist/ui/buttons.js +4 -4
  320. package/dist/ui/buttons.mjs +2 -2
  321. package/dist/ui/card/animated.js +7 -7
  322. package/dist/ui/card/animated.mjs +2 -2
  323. package/dist/ui/card/variants.d.ts +1 -1
  324. package/dist/ui/card.js +12 -12
  325. package/dist/ui/card.mjs +2 -2
  326. package/dist/ui/checkbox/animated.js +4 -4
  327. package/dist/ui/checkbox/animated.mjs +1 -1
  328. package/dist/ui/checkbox/variants.d.ts +1 -1
  329. package/dist/ui/checkbox.js +8 -8
  330. package/dist/ui/checkbox.mjs +2 -2
  331. package/dist/ui/command/animated.js +2 -2
  332. package/dist/ui/command/animated.mjs +1 -1
  333. package/dist/ui/command/variants.d.ts +1 -1
  334. package/dist/ui/command.js +15 -15
  335. package/dist/ui/command.mjs +2 -2
  336. package/dist/ui/context-menu/variants.d.ts +1 -1
  337. package/dist/ui/context-menu.js +47 -26
  338. package/dist/ui/context-menu.js.map +1 -1
  339. package/dist/ui/context-menu.mjs +23 -2
  340. package/dist/ui/context-menu.mjs.map +1 -1
  341. package/dist/ui/copy-button/animated.js +2 -2
  342. package/dist/ui/copy-button/animated.mjs +1 -1
  343. package/dist/ui/copy-button/variants.d.ts +1 -1
  344. package/dist/ui/copy-button.js +3 -3
  345. package/dist/ui/copy-button.mjs +2 -2
  346. package/dist/ui/divider/animated.js +2 -2
  347. package/dist/ui/divider/animated.mjs +1 -1
  348. package/dist/ui/divider/variants.d.ts +2 -2
  349. package/dist/ui/divider.js +6 -6
  350. package/dist/ui/divider.mjs +2 -2
  351. package/dist/ui/drawer/animated.js +11 -11
  352. package/dist/ui/drawer/animated.mjs +2 -2
  353. package/dist/ui/drawer/variants.d.ts +2 -2
  354. package/dist/ui/drawer.js +11 -11
  355. package/dist/ui/drawer.mjs +1 -1
  356. package/dist/ui/dropdown/types.d.ts +2 -1
  357. package/dist/ui/dropdown/types.d.ts.map +1 -1
  358. package/dist/ui/dropdown/variants.d.ts +2 -2
  359. package/dist/ui/dropdown.js +9 -9
  360. package/dist/ui/dropdown.mjs +1 -1
  361. package/dist/ui/dynamic-stepper/variants.d.ts +1 -1
  362. package/dist/ui/dynamic-stepper/variants.d.ts.map +1 -1
  363. package/dist/ui/dynamic-stepper.js +4 -4
  364. package/dist/ui/dynamic-stepper.js.map +1 -1
  365. package/dist/ui/dynamic-stepper.mjs +2 -2
  366. package/dist/ui/dynamic-stepper.mjs.map +1 -1
  367. package/dist/ui/empty-state/animated.js +2 -2
  368. package/dist/ui/empty-state/animated.mjs +1 -1
  369. package/dist/ui/empty-state/variants.d.ts +1 -1
  370. package/dist/ui/empty-state.js +10 -10
  371. package/dist/ui/empty-state.mjs +2 -2
  372. package/dist/ui/file-upload/variants.d.ts +1 -1
  373. package/dist/ui/file-upload.js +22 -1
  374. package/dist/ui/file-upload.js.map +1 -1
  375. package/dist/ui/file-upload.mjs +22 -1
  376. package/dist/ui/file-upload.mjs.map +1 -1
  377. package/dist/ui/inputs/animated.js +3 -3
  378. package/dist/ui/inputs/animated.mjs +1 -1
  379. package/dist/ui/inputs/variants.d.ts +1 -1
  380. package/dist/ui/inputs/variants.d.ts.map +1 -1
  381. package/dist/ui/inputs.js +4 -4
  382. package/dist/ui/inputs.mjs +2 -2
  383. package/dist/ui/kbd/animated.js +2 -2
  384. package/dist/ui/kbd/animated.mjs +1 -1
  385. package/dist/ui/kbd/variants.d.ts +1 -1
  386. package/dist/ui/kbd.js +4 -4
  387. package/dist/ui/kbd.mjs +2 -2
  388. package/dist/ui/marquee/variants.d.ts +1 -1
  389. package/dist/ui/marquee.js +22 -1
  390. package/dist/ui/marquee.js.map +1 -1
  391. package/dist/ui/marquee.mjs +22 -1
  392. package/dist/ui/marquee.mjs.map +1 -1
  393. package/dist/ui/modal/animated.js +4 -4
  394. package/dist/ui/modal/animated.mjs +1 -1
  395. package/dist/ui/modal/variants.d.ts +2 -2
  396. package/dist/ui/modal.js +12 -12
  397. package/dist/ui/modal.mjs +2 -2
  398. package/dist/ui/otp-input/variants.d.ts +1 -1
  399. package/dist/ui/otp-input.js +22 -1
  400. package/dist/ui/otp-input.js.map +1 -1
  401. package/dist/ui/otp-input.mjs +22 -1
  402. package/dist/ui/otp-input.mjs.map +1 -1
  403. package/dist/ui/pagination/types.d.ts +4 -2
  404. package/dist/ui/pagination/types.d.ts.map +1 -1
  405. package/dist/ui/pagination/variants.d.ts +1 -1
  406. package/dist/ui/pagination.js +26 -5
  407. package/dist/ui/pagination.js.map +1 -1
  408. package/dist/ui/pagination.mjs +23 -2
  409. package/dist/ui/pagination.mjs.map +1 -1
  410. package/dist/ui/popover/animated.js +4 -4
  411. package/dist/ui/popover/animated.mjs +1 -1
  412. package/dist/ui/popover/variants.d.ts +1 -1
  413. package/dist/ui/popover.js +7 -7
  414. package/dist/ui/popover.mjs +1 -1
  415. package/dist/ui/progress/animated.js +8 -8
  416. package/dist/ui/progress/animated.mjs +2 -2
  417. package/dist/ui/progress/variants.d.ts +1 -1
  418. package/dist/ui/progress.js +9 -9
  419. package/dist/ui/progress.mjs +2 -2
  420. package/dist/ui/radio-group/animated.js +7 -7
  421. package/dist/ui/radio-group/animated.mjs +1 -1
  422. package/dist/ui/radio-group/variants.d.ts +1 -1
  423. package/dist/ui/radio-group.js +11 -11
  424. package/dist/ui/radio-group.mjs +2 -2
  425. package/dist/ui/rating/variants.d.ts +1 -1
  426. package/dist/ui/rating.js +22 -1
  427. package/dist/ui/rating.js.map +1 -1
  428. package/dist/ui/rating.mjs +22 -1
  429. package/dist/ui/rating.mjs.map +1 -1
  430. package/dist/ui/scroll-area/variants.d.ts +1 -1
  431. package/dist/ui/scroll-area.js +22 -1
  432. package/dist/ui/scroll-area.js.map +1 -1
  433. package/dist/ui/scroll-area.mjs +22 -1
  434. package/dist/ui/scroll-area.mjs.map +1 -1
  435. package/dist/ui/search.js +2 -2
  436. package/dist/ui/search.mjs +1 -1
  437. package/dist/ui/select/types.d.ts +2 -1
  438. package/dist/ui/select/types.d.ts.map +1 -1
  439. package/dist/ui/select/variants.d.ts +3 -3
  440. package/dist/ui/select.js +66 -3
  441. package/dist/ui/select.js.map +1 -1
  442. package/dist/ui/select.mjs +66 -3
  443. package/dist/ui/select.mjs.map +1 -1
  444. package/dist/ui/skeleton/animated.js +8 -8
  445. package/dist/ui/skeleton/animated.mjs +1 -1
  446. package/dist/ui/skeleton/variants.d.ts +23 -2
  447. package/dist/ui/skeleton/variants.d.ts.map +1 -1
  448. package/dist/ui/skeleton.js +9 -9
  449. package/dist/ui/skeleton.mjs +1 -1
  450. package/dist/ui/slider/variants.d.ts +1 -1
  451. package/dist/ui/slider.js +23 -2
  452. package/dist/ui/slider.js.map +1 -1
  453. package/dist/ui/slider.mjs +23 -2
  454. package/dist/ui/slider.mjs.map +1 -1
  455. package/dist/ui/spinner/animated/variants.d.ts +1 -1
  456. package/dist/ui/spinner/animated.js +22 -1
  457. package/dist/ui/spinner/animated.js.map +1 -1
  458. package/dist/ui/spinner/animated.mjs +22 -1
  459. package/dist/ui/spinner/animated.mjs.map +1 -1
  460. package/dist/ui/table/animated.js +8 -8
  461. package/dist/ui/table/animated.mjs +2 -2
  462. package/dist/ui/table/variants.d.ts +3 -3
  463. package/dist/ui/table.js +14 -14
  464. package/dist/ui/table.mjs +1 -1
  465. package/dist/ui/tabs/animated.js +2 -2
  466. package/dist/ui/tabs/animated.mjs +1 -1
  467. package/dist/ui/tabs/types.d.ts +4 -2
  468. package/dist/ui/tabs/types.d.ts.map +1 -1
  469. package/dist/ui/tabs/variants.d.ts +1 -1
  470. package/dist/ui/tabs.js +9 -9
  471. package/dist/ui/tabs.mjs +1 -1
  472. package/dist/ui/timeline/animated.js +11 -11
  473. package/dist/ui/timeline/animated.mjs +2 -2
  474. package/dist/ui/timeline/variants.d.ts +1 -1
  475. package/dist/ui/timeline.js +14 -14
  476. package/dist/ui/timeline.mjs +2 -2
  477. package/dist/ui/toast/animated.js +7 -7
  478. package/dist/ui/toast/animated.mjs +1 -1
  479. package/dist/ui/toast/variants.d.ts +1 -1
  480. package/dist/ui/toast.js +12 -12
  481. package/dist/ui/toast.mjs +1 -1
  482. package/dist/ui/toggle/animated.js +4 -4
  483. package/dist/ui/toggle/animated.mjs +1 -1
  484. package/dist/ui/toggle/variants.d.ts +2 -2
  485. package/dist/ui/toggle.js +4 -4
  486. package/dist/ui/toggle.mjs +2 -2
  487. package/dist/ui/tooltip/animated.js +3 -3
  488. package/dist/ui/tooltip/animated.mjs +1 -1
  489. package/dist/ui/tooltip/types.d.ts +3 -1
  490. package/dist/ui/tooltip/types.d.ts.map +1 -1
  491. package/dist/ui/tooltip/variants.d.ts +1 -1
  492. package/dist/ui/tooltip.js +7 -7
  493. package/dist/ui/tooltip.mjs +1 -1
  494. package/dist/ui/tree-view/animated.js +2 -2
  495. package/dist/ui/tree-view/animated.mjs +1 -1
  496. package/dist/ui/tree-view/variants.d.ts +2 -2
  497. package/dist/ui/tree-view.js +5 -5
  498. package/dist/ui/tree-view.mjs +2 -2
  499. package/dist/ui/typography.js +1 -1
  500. package/dist/ui/typography.js.map +1 -1
  501. package/dist/ui/typography.mjs +1 -1
  502. package/dist/ui/typography.mjs.map +1 -1
  503. package/package.json +18 -17
  504. package/src/animations/animations.test.tsx +1 -2
  505. package/src/animations/shared/create-motion-animation.tsx +3 -1
  506. package/src/design-system/accordion.ts +66 -0
  507. package/src/design-system/alert.ts +33 -0
  508. package/src/design-system/animated-number.ts +33 -0
  509. package/src/design-system/avatar.ts +33 -0
  510. package/src/design-system/badge.ts +33 -0
  511. package/src/design-system/breadcrumb.ts +33 -0
  512. package/src/design-system/button.ts +34 -1
  513. package/src/design-system/card.ts +33 -0
  514. package/src/design-system/checkbox.ts +34 -1
  515. package/src/design-system/command.ts +33 -0
  516. package/src/design-system/context-menu.ts +21 -0
  517. package/src/design-system/copy-button.ts +34 -1
  518. package/src/design-system/divider.ts +33 -0
  519. package/src/design-system/drawer.ts +66 -0
  520. package/src/design-system/dropdown.ts +66 -0
  521. package/src/design-system/dynamic-stepper.ts +8 -23
  522. package/src/design-system/empty-state.ts +33 -0
  523. package/src/design-system/file-upload.ts +33 -0
  524. package/src/design-system/index.ts +0 -1
  525. package/src/design-system/inputs.ts +171 -0
  526. package/src/design-system/kbd.ts +34 -1
  527. package/src/design-system/marquee.ts +33 -0
  528. package/src/design-system/modal.ts +66 -0
  529. package/src/design-system/otp-input.ts +33 -0
  530. package/src/design-system/pagination.ts +33 -0
  531. package/src/design-system/popover.ts +31 -0
  532. package/src/design-system/progress.ts +33 -0
  533. package/src/design-system/radio-group.ts +33 -0
  534. package/src/design-system/rating.ts +33 -0
  535. package/src/design-system/scroll-area.ts +33 -0
  536. package/src/design-system/select.ts +99 -0
  537. package/src/design-system/skeleton.ts +75 -0
  538. package/src/design-system/slider.ts +34 -2
  539. package/src/design-system/spinner.ts +33 -0
  540. package/src/design-system/table.ts +99 -0
  541. package/src/design-system/tabs.ts +33 -0
  542. package/src/design-system/timeline.ts +33 -0
  543. package/src/design-system/toast.ts +33 -0
  544. package/src/design-system/toggle.ts +48 -0
  545. package/src/design-system/tooltip.ts +31 -0
  546. package/src/design-system/tree-view.ts +66 -0
  547. package/src/design-system/typography.ts +1 -1
  548. package/src/ui/dropdown/types.ts +3 -27
  549. package/src/ui/inputs/variants.ts +435 -0
  550. package/src/ui/pagination/types.ts +4 -2
  551. package/src/ui/select/types.ts +2 -23
  552. package/src/ui/tabs/types.ts +5 -42
  553. package/src/ui/tooltip/types.ts +4 -24
  554. package/dist/chunk-2F7P4EJQ.js.map +0 -1
  555. package/dist/chunk-2ZKW2E7B.mjs.map +0 -1
  556. package/dist/chunk-3F4FF2H4.mjs.map +0 -1
  557. package/dist/chunk-3J3FYIG3.js.map +0 -1
  558. package/dist/chunk-3W224B3M.js.map +0 -1
  559. package/dist/chunk-466QDL44.js.map +0 -1
  560. package/dist/chunk-5565GZ4T.js.map +0 -1
  561. package/dist/chunk-5IJC2OEN.js +0 -124
  562. package/dist/chunk-5IJC2OEN.js.map +0 -1
  563. package/dist/chunk-6HPS3ZOP.js.map +0 -1
  564. package/dist/chunk-7XCUMSCJ.mjs +0 -80
  565. package/dist/chunk-7XCUMSCJ.mjs.map +0 -1
  566. package/dist/chunk-BJSWQQSC.mjs.map +0 -1
  567. package/dist/chunk-BU2MPXPZ.js.map +0 -1
  568. package/dist/chunk-CIEZFHCO.mjs.map +0 -1
  569. package/dist/chunk-CSFLMMAT.mjs.map +0 -1
  570. package/dist/chunk-DEZRB6DS.mjs.map +0 -1
  571. package/dist/chunk-DFCDLVZA.js.map +0 -1
  572. package/dist/chunk-DY7HLVGW.mjs +0 -120
  573. package/dist/chunk-DY7HLVGW.mjs.map +0 -1
  574. package/dist/chunk-ECLHBSC6.mjs.map +0 -1
  575. package/dist/chunk-EIRCCTNA.js.map +0 -1
  576. package/dist/chunk-GRJFGIZC.mjs.map +0 -1
  577. package/dist/chunk-H7WDA6U6.mjs.map +0 -1
  578. package/dist/chunk-HLG2YJFZ.mjs.map +0 -1
  579. package/dist/chunk-HNLQXHSQ.mjs.map +0 -1
  580. package/dist/chunk-IL4LH2XX.js.map +0 -1
  581. package/dist/chunk-IM6KN77X.mjs.map +0 -1
  582. package/dist/chunk-INXWZ4DS.js.map +0 -1
  583. package/dist/chunk-KVQI5PLL.mjs +0 -399
  584. package/dist/chunk-KVQI5PLL.mjs.map +0 -1
  585. package/dist/chunk-LNYCEPW5.js.map +0 -1
  586. package/dist/chunk-NFEA5TN2.js +0 -158
  587. package/dist/chunk-NFEA5TN2.js.map +0 -1
  588. package/dist/chunk-NMQAHUYA.mjs +0 -149
  589. package/dist/chunk-NMQAHUYA.mjs.map +0 -1
  590. package/dist/chunk-NNZXBL7R.mjs.map +0 -1
  591. package/dist/chunk-NRPG2STN.js +0 -401
  592. package/dist/chunk-NRPG2STN.js.map +0 -1
  593. package/dist/chunk-NSJ6KGW2.js.map +0 -1
  594. package/dist/chunk-OL3BJSRC.mjs.map +0 -1
  595. package/dist/chunk-ORFI4BCJ.mjs.map +0 -1
  596. package/dist/chunk-OZHETX4J.mjs.map +0 -1
  597. package/dist/chunk-PYUZOVLY.js.map +0 -1
  598. package/dist/chunk-QHEHBC6M.js.map +0 -1
  599. package/dist/chunk-R2JJTREQ.mjs.map +0 -1
  600. package/dist/chunk-RIHJAEOL.js +0 -107
  601. package/dist/chunk-RIHJAEOL.js.map +0 -1
  602. package/dist/chunk-SSJXWD2M.mjs.map +0 -1
  603. package/dist/chunk-TKVZU56F.mjs.map +0 -1
  604. package/dist/chunk-TTTYW3TR.js.map +0 -1
  605. package/dist/chunk-U3VV22G4.js.map +0 -1
  606. package/dist/chunk-UPZ5XGUD.mjs +0 -100
  607. package/dist/chunk-UPZ5XGUD.mjs.map +0 -1
  608. package/dist/chunk-UR7TNW45.mjs.map +0 -1
  609. package/dist/chunk-UROKWFPX.mjs.map +0 -1
  610. package/dist/chunk-UY65KX3M.js.map +0 -1
  611. package/dist/chunk-VHVQELWF.js.map +0 -1
  612. package/dist/chunk-X3O45MPI.js.map +0 -1
  613. package/dist/chunk-XYEMP4K7.js.map +0 -1
  614. package/dist/chunk-ZUT7ZUM7.js +0 -84
  615. package/dist/chunk-ZUT7ZUM7.js.map +0 -1
  616. package/dist/chunk-ZX2IBIZT.js.map +0 -1
  617. package/dist/design-system/stepper.d.ts +0 -42
  618. package/dist/design-system/stepper.d.ts.map +0 -1
  619. package/dist/ui/stepper/index.d.ts +0 -4
  620. package/dist/ui/stepper/index.d.ts.map +0 -1
  621. package/dist/ui/stepper/stepper.d.ts +0 -28
  622. package/dist/ui/stepper/stepper.d.ts.map +0 -1
  623. package/dist/ui/stepper/types.d.ts +0 -25
  624. package/dist/ui/stepper/types.d.ts.map +0 -1
  625. package/dist/ui/stepper/variants.d.ts +0 -11
  626. package/dist/ui/stepper/variants.d.ts.map +0 -1
  627. package/dist/ui/stepper.js +0 -216
  628. package/dist/ui/stepper.js.map +0 -1
  629. package/dist/ui/stepper.mjs +0 -207
  630. package/dist/ui/stepper.mjs.map +0 -1
  631. package/src/design-system/stepper.ts +0 -66
  632. package/src/ui/stepper/index.ts +0 -22
  633. package/src/ui/stepper/stepper.test.tsx +0 -190
  634. package/src/ui/stepper/stepper.tsx +0 -171
  635. package/src/ui/stepper/types.ts +0 -38
  636. package/src/ui/stepper/variants.ts +0 -40
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/design-system/dropdown.ts"],"names":[],"mappings":";;;AAAO,IAAM,sBAAA,GACX;AAEK,IAAM,0BAAA,GAA6B;AAAA,EACxC,OAAA,EACE,4SAAA;AAAA,EACF,OAAA,EACE,iWAAA;AAAA,EACF,KAAA,EACE,yRAAA;AAAA,EACF,KAAA,EACE,+QAAA;AAAA,EACF,KAAA,EACE,6OAAA;AAAA,EACF,GAAA,EAAK,gVAAA;AAAA,EACL,IAAA,EAAM,oVAAA;AAAA,EACN,MAAA,EACE,gWAAA;AAAA,EACF,IAAA,EAAM,gVAAA;AAAA,EACN,MAAA,EACE,wVAAA;AAAA,EACF,MAAA,EACE,4VAAA;AAAA,EACF,IAAA,EAAM,oVAAA;AAAA,EACN,MAAA,EACE,gWAAA;AAAA,EACF,OAAA,EACE,oWAAA;AAAA,EACF,IAAA,EAAM,sVAAA;AAAA,EACN,KAAA,EACE,wVAAA;AAAA,EACF,MAAA,EACE,gWAAA;AAAA,EACF,eAAA,EACE,ohBAAA;AAAA,EACF,gBAAA,EACE,whBAAA;AAAA,EACF,cAAA,EACE,sgBAAA;AAAA,EACF,iBAAA,EACE,whBAAA;AAAA,EACF,iBAAA,EACE,4hBAAA;AAAA,EACF,eAAA,EACE,4gBAAA;AAAA,EACF,iBAAA,EACE,4hBAAA;AAAA,EACF,eAAA,EACE,8gBAAA;AAAA,EACF,iBAAA,EACE;AACJ;AAEO,IAAM,uBAAA,GAA0B;AAAA,EACrC,EAAA,EAAI,mBAAA;AAAA,EACJ,EAAA,EAAI,qBAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,sBAAA,GACX;AAEK,IAAM,qBAAA,GAAwB;AAAA,EACnC,GAAA,EAAK,kBAAA;AAAA,EACL,MAAA,EAAQ,eAAA;AAAA,EACR,IAAA,EAAM,iBAAA;AAAA,EACN,KAAA,EAAO;AACT;AAEO,IAAM,kBAAA,GAAqB;AAAA,EAChC,IAAA,EAAM,WAAA;AAAA,EACN,OAAA,EAAS,WAAA;AAAA,EACT,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,mBAAA,GACX;AAEK,IAAM,uBAAA,GAA0B;AAAA,EACrC,OAAA,EACE,mgBAAA;AAAA,EACF,OAAA,EACE,kpBAAA;AAAA,EACF,KAAA,EACE,umBAAA;AAAA,EACF,KAAA,EACE,4kBAAA;AAAA,EACF,KAAA,EACE,4kBAAA;AAAA,EACF,GAAA,EAAK,onBAAA;AAAA,EACL,IAAA,EAAM,mnBAAA;AAAA,EACN,MAAA,EACE,ipBAAA;AAAA,EACF,IAAA,EAAM,ynBAAA;AAAA,EACN,MAAA,EACE,qoBAAA;AAAA,EACF,MAAA,EACE,2oBAAA;AAAA,EACF,IAAA,EAAM,2nBAAA;AAAA,EACN,MAAA,EACE,yoBAAA;AAAA,EACF,OAAA,EACE,kpBAAA;AAAA,EACF,IAAA,EAAM,+nBAAA;AAAA,EACN,KAAA,EACE,+nBAAA;AAAA,EACF,MAAA,EACE,+oBAAA;AAAA,EACF,eAAA,EACE,q3BAAA;AAAA,EACF,gBAAA,EACE,63BAAA;AAAA,EACF,cAAA,EACE,g2BAAA;AAAA,EACF,iBAAA,EACE,63BAAA;AAAA,EACF,iBAAA,EACE,m4BAAA;AAAA,EACF,eAAA,EACE,22BAAA;AAAA,EACF,iBAAA,EACE,q4BAAA;AAAA,EACF,eAAA,EACE,02BAAA;AAAA,EACF,iBAAA,EACE;AACJ","file":"chunk-ZX2IBIZT.js","sourcesContent":["export const zuiDropdownTriggerBase =\n \"inline-flex items-center justify-between rounded-md font-medium transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-dropdown-trigger-ring-focus,oklch(55.1%_0.027_264.364_/_0.6))] dark:focus-visible:ring-[var(--zui-dropdown-trigger-ring-focus-dark,oklch(55.1%_0.027_264.364_/_0.6))] cursor-pointer\";\n\nexport const zuiDropdownTriggerVariants = {\n default:\n \"bg-[var(--zui-dropdown-trigger-default-bg,oklch(92.8%_0.006_264.531))] dark:bg-[var(--zui-dropdown-trigger-default-bg-dark,oklch(21%_0.034_264.665))] text-[color:var(--zui-dropdown-trigger-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-dropdown-trigger-default-fg-dark,#ffffff)]\",\n outline:\n \"border border-[color:var(--zui-dropdown-trigger-outline-border,oklch(37.3%_0.034_259.733))] dark:border-[color:var(--zui-dropdown-trigger-outline-border-dark,oklch(87.2%_0.01_258.338))] text-[color:var(--zui-dropdown-trigger-outline-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-trigger-outline-fg-dark,oklch(96.7%_0.003_264.542))]\",\n ghost:\n \"bg-[var(--zui-dropdown-trigger-ghost-bg,transparent)] dark:bg-[var(--zui-dropdown-trigger-ghost-bg-dark,transparent)] text-[color:var(--zui-dropdown-trigger-ghost-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-trigger-ghost-fg-dark,oklch(96.7%_0.003_264.542))]\",\n white:\n \"bg-[var(--zui-dropdown-trigger-white-bg,#ffffff)] dark:bg-[var(--zui-dropdown-trigger-white-bg-dark,#ffffff)] text-[color:var(--zui-dropdown-trigger-white-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-trigger-white-fg-dark,oklch(21%_0.034_264.665))]\",\n black:\n \"bg-[var(--zui-dropdown-trigger-black-bg,#000000)] dark:bg-[var(--zui-dropdown-trigger-black-bg-dark,#000000)] text-[color:var(--zui-dropdown-trigger-black-fg,#ffffff)] dark:text-[color:var(--zui-dropdown-trigger-black-fg-dark,#ffffff)]\",\n sky: \"border border-[color:var(--zui-dropdown-trigger-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-dropdown-trigger-sky-border-dark,oklch(58.8%_0.158_241.966))] text-[color:var(--zui-dropdown-trigger-sky-fg,oklch(44.3%_0.11_240.79))] dark:text-[color:var(--zui-dropdown-trigger-sky-fg-dark,oklch(58.8%_0.158_241.966))]\",\n rose: \"border border-[color:var(--zui-dropdown-trigger-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-dropdown-trigger-rose-border-dark,oklch(58.6%_0.253_17.585))] text-[color:var(--zui-dropdown-trigger-rose-fg,oklch(45.5%_0.188_13.697))] dark:text-[color:var(--zui-dropdown-trigger-rose-fg-dark,oklch(58.6%_0.253_17.585))]\",\n purple:\n \"border border-[color:var(--zui-dropdown-trigger-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-dropdown-trigger-purple-border-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-dropdown-trigger-purple-fg,oklch(43.8%_0.218_303.724))] dark:text-[color:var(--zui-dropdown-trigger-purple-fg-dark,oklch(55.8%_0.288_302.321))]\",\n pink: \"border border-[color:var(--zui-dropdown-trigger-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-dropdown-trigger-pink-border-dark,oklch(59.2%_0.249_0.584))] text-[color:var(--zui-dropdown-trigger-pink-fg,oklch(45.9%_0.187_3.815))] dark:text-[color:var(--zui-dropdown-trigger-pink-fg-dark,oklch(59.2%_0.249_0.584))]\",\n orange:\n \"border border-[color:var(--zui-dropdown-trigger-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-dropdown-trigger-orange-border-dark,oklch(64.6%_0.222_41.116))] text-[color:var(--zui-dropdown-trigger-orange-fg,oklch(47%_0.157_37.304))] dark:text-[color:var(--zui-dropdown-trigger-orange-fg-dark,oklch(64.6%_0.222_41.116))]\",\n yellow:\n \"border border-[color:var(--zui-dropdown-trigger-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-dropdown-trigger-yellow-border-dark,oklch(68.1%_0.162_75.834))] text-[color:var(--zui-dropdown-trigger-yellow-fg,oklch(47.6%_0.114_61.907))] dark:text-[color:var(--zui-dropdown-trigger-yellow-fg-dark,oklch(68.1%_0.162_75.834))]\",\n teal: \"border border-[color:var(--zui-dropdown-trigger-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-dropdown-trigger-teal-border-dark,oklch(60%_0.118_184.704))] text-[color:var(--zui-dropdown-trigger-teal-fg,oklch(43.7%_0.078_188.216))] dark:text-[color:var(--zui-dropdown-trigger-teal-fg-dark,oklch(60%_0.118_184.704))]\",\n indigo:\n \"border border-[color:var(--zui-dropdown-trigger-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-dropdown-trigger-indigo-border-dark,oklch(51.1%_0.262_276.966))] text-[color:var(--zui-dropdown-trigger-indigo-fg,oklch(39.8%_0.195_277.366))] dark:text-[color:var(--zui-dropdown-trigger-indigo-fg-dark,oklch(51.1%_0.262_276.966))]\",\n emerald:\n \"border border-[color:var(--zui-dropdown-trigger-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-dropdown-trigger-emerald-border-dark,oklch(59.6%_0.145_163.225))] text-[color:var(--zui-dropdown-trigger-emerald-fg,oklch(43.2%_0.095_166.913))] dark:text-[color:var(--zui-dropdown-trigger-emerald-fg-dark,oklch(59.6%_0.145_163.225))]\",\n gray: \"border border-[color:var(--zui-dropdown-trigger-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-dropdown-trigger-gray-border-dark,oklch(44.6%_0.03_256.802))] text-[color:var(--zui-dropdown-trigger-gray-fg,oklch(27.8%_0.033_256.848))] dark:text-[color:var(--zui-dropdown-trigger-gray-fg-dark,oklch(44.6%_0.03_256.802))]\",\n amber:\n \"border border-[color:var(--zui-dropdown-trigger-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-dropdown-trigger-amber-border-dark,oklch(66.6%_0.179_58.318))] text-[color:var(--zui-dropdown-trigger-amber-fg,oklch(47.3%_0.137_46.201))] dark:text-[color:var(--zui-dropdown-trigger-amber-fg-dark,oklch(66.6%_0.179_58.318))]\",\n violet:\n \"border border-[color:var(--zui-dropdown-trigger-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-dropdown-trigger-violet-border-dark,oklch(54.1%_0.281_293.009))] text-[color:var(--zui-dropdown-trigger-violet-fg,oklch(43.2%_0.232_292.759))] dark:text-[color:var(--zui-dropdown-trigger-violet-fg-dark,oklch(54.1%_0.281_293.009))]\",\n \"gradient-blue\":\n \"bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-blue-from,oklch(42.4%_0.199_265.638))] dark:from-[var(--zui-dropdown-trigger-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] to-[var(--zui-dropdown-trigger-gradient-blue-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-dropdown-trigger-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-dropdown-trigger-gradient-blue-fg,oklch(88.2%_0.059_254.128))] dark:text-[color:var(--zui-dropdown-trigger-gradient-blue-fg-dark,oklch(88.2%_0.059_254.128))]\",\n \"gradient-green\":\n \"bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-green-from,oklch(44.8%_0.119_151.328))] dark:from-[var(--zui-dropdown-trigger-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] to-[var(--zui-dropdown-trigger-gradient-green-to,oklch(45.3%_0.124_130.933))] dark:to-[var(--zui-dropdown-trigger-gradient-green-to-dark,oklch(64.8%_0.2_131.684))] text-[color:var(--zui-dropdown-trigger-gradient-green-fg,oklch(92.5%_0.084_155.995))] dark:text-[color:var(--zui-dropdown-trigger-gradient-green-fg-dark,oklch(92.5%_0.084_155.995))]\",\n \"gradient-red\":\n \"bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-red-from,oklch(44.4%_0.177_26.899))] dark:from-[var(--zui-dropdown-trigger-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] to-[var(--zui-dropdown-trigger-gradient-red-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-dropdown-trigger-gradient-red-to-dark,oklch(59.2%_0.249_0.584))] text-[color:var(--zui-dropdown-trigger-gradient-red-fg,oklch(88.5%_0.062_18.334))] dark:text-[color:var(--zui-dropdown-trigger-gradient-red-fg-dark,oklch(88.5%_0.062_18.334))]\",\n \"gradient-yellow\":\n \"bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-yellow-from,oklch(47.6%_0.114_61.907))] dark:from-[var(--zui-dropdown-trigger-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] to-[var(--zui-dropdown-trigger-gradient-yellow-to,oklch(47%_0.157_37.304))] dark:to-[var(--zui-dropdown-trigger-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))] text-[color:var(--zui-dropdown-trigger-gradient-yellow-fg,oklch(94.5%_0.129_101.54))] dark:text-[color:var(--zui-dropdown-trigger-gradient-yellow-fg-dark,oklch(94.5%_0.129_101.54))]\",\n \"gradient-purple\":\n \"bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-purple-from,oklch(43.8%_0.218_303.724))] dark:from-[var(--zui-dropdown-trigger-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] to-[var(--zui-dropdown-trigger-gradient-purple-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-dropdown-trigger-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))] text-[color:var(--zui-dropdown-trigger-gradient-purple-fg,oklch(90.2%_0.063_306.703))] dark:text-[color:var(--zui-dropdown-trigger-gradient-purple-fg-dark,oklch(90.2%_0.063_306.703))]\",\n \"gradient-teal\":\n \"bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-teal-from,oklch(43.7%_0.078_188.216))] dark:from-[var(--zui-dropdown-trigger-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-dropdown-trigger-gradient-teal-to,oklch(45%_0.085_224.283))] dark:to-[var(--zui-dropdown-trigger-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] text-[color:var(--zui-dropdown-trigger-gradient-teal-fg,oklch(91%_0.096_180.426))] dark:text-[color:var(--zui-dropdown-trigger-gradient-teal-fg-dark,oklch(91%_0.096_180.426))]\",\n \"gradient-indigo\":\n \"bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-dropdown-trigger-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-dropdown-trigger-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-dropdown-trigger-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-dropdown-trigger-gradient-indigo-fg,oklch(87%_0.065_274.039))] dark:text-[color:var(--zui-dropdown-trigger-gradient-indigo-fg-dark,oklch(87%_0.065_274.039))]\",\n \"gradient-pink\":\n \"bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-dropdown-trigger-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-dropdown-trigger-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-dropdown-trigger-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] text-[color:var(--zui-dropdown-trigger-gradient-pink-fg,oklch(89.9%_0.061_343.231))] dark:text-[color:var(--zui-dropdown-trigger-gradient-pink-fg-dark,oklch(89.9%_0.061_343.231))]\",\n \"gradient-orange\":\n \"bg-linear-to-r from-[var(--zui-dropdown-trigger-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-dropdown-trigger-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-dropdown-trigger-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-dropdown-trigger-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] text-[color:var(--zui-dropdown-trigger-gradient-orange-fg,oklch(90.1%_0.076_70.697))] dark:text-[color:var(--zui-dropdown-trigger-gradient-orange-fg-dark,oklch(90.1%_0.076_70.697))]\",\n} as const;\n\nexport const zuiDropdownTriggerSizes = {\n sm: \"px-2 py-1 text-sm\",\n md: \"px-3 py-2 text-base\",\n lg: \"px-4 py-3 text-lg\",\n} as const;\n\nexport const zuiDropdownContentBase =\n \"absolute min-w-[200px] rounded-md p-2 shadow-md z-50 border border-[color:var(--zui-dropdown-content-border,oklch(20.8%_0.042_265.755_/_0.1))] dark:border-[color:var(--zui-dropdown-content-border-dark,#ffffff1a)] bg-[var(--zui-dropdown-content-bg,oklch(96.8%_0.007_247.896))] dark:bg-[var(--zui-dropdown-content-bg-dark,oklch(20.8%_0.042_265.755))] text-[color:var(--zui-dropdown-content-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-dropdown-content-fg-dark,oklch(96.8%_0.007_247.896))] shadow-lg rounded-lg\";\n\nexport const zuiDropdownPlacements = {\n top: \"bottom-full mb-2\",\n bottom: \"top-full mt-2\",\n left: \"right-full mr-2\",\n right: \"left-full ml-2\",\n} as const;\n\nexport const zuiDropdownSpacing = {\n none: \"space-y-0\",\n default: \"space-y-1\",\n sm: \"space-y-2\",\n md: \"space-y-3\",\n lg: \"space-y-4\",\n xl: \"space-y-5\",\n} as const;\n\nexport const zuiDropdownItemBase =\n \"flex items-center justify-between px-3 py-2 text-sm cursor-pointer rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-dropdown-item-ring-focus,oklch(55.1%_0.027_264.364_/_0.6))] dark:focus-visible:ring-[var(--zui-dropdown-item-ring-focus-dark,oklch(55.1%_0.027_264.364_/_0.6))] font-semibold\";\n\nexport const zuiDropdownItemVariants = {\n default:\n \"hover:bg-[var(--zui-dropdown-item-default-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-default-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-default-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-default-fg-hover-dark,oklch(21%_0.034_264.665))] text-[color:var(--zui-dropdown-item-default-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-item-default-fg-dark,oklch(96.7%_0.003_264.542))]\",\n outline:\n \"hover:bg-[var(--zui-dropdown-item-outline-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-outline-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-outline-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-outline-fg-hover-dark,oklch(21%_0.034_264.665))] border border-[color:var(--zui-dropdown-item-outline-border,#000000)] dark:border-[color:var(--zui-dropdown-item-outline-border-dark,#ffffff)] text-[color:var(--zui-dropdown-item-outline-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-item-outline-fg-dark,oklch(96.7%_0.003_264.542))]\",\n ghost:\n \"hover:bg-[var(--zui-dropdown-item-ghost-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-ghost-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-ghost-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-ghost-fg-hover-dark,oklch(21%_0.034_264.665))] bg-[var(--zui-dropdown-item-ghost-bg,transparent)] dark:bg-[var(--zui-dropdown-item-ghost-bg-dark,transparent)] text-[color:var(--zui-dropdown-item-ghost-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-item-ghost-fg-dark,oklch(96.7%_0.003_264.542))]\",\n white:\n \"hover:bg-[var(--zui-dropdown-item-white-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-white-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-white-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-white-fg-hover-dark,oklch(21%_0.034_264.665))] bg-[var(--zui-dropdown-item-white-bg,#ffffff)] dark:bg-[var(--zui-dropdown-item-white-bg-dark,#000000)] text-[color:var(--zui-dropdown-item-white-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-item-white-fg-dark,#ffffff)]\",\n black:\n \"hover:bg-[var(--zui-dropdown-item-black-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-black-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-black-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-black-fg-hover-dark,oklch(21%_0.034_264.665))] bg-[var(--zui-dropdown-item-black-bg,#000000)] dark:bg-[var(--zui-dropdown-item-black-bg-dark,#ffffff)] text-[color:var(--zui-dropdown-item-black-fg,#ffffff)] dark:text-[color:var(--zui-dropdown-item-black-fg-dark,oklch(21%_0.034_264.665))]\",\n sky: \"hover:bg-[var(--zui-dropdown-item-sky-bg-hover,oklch(95.1%_0.026_236.824))] dark:hover:bg-[var(--zui-dropdown-item-sky-bg-hover-dark,oklch(95.1%_0.026_236.824))] hover:text-[color:var(--zui-dropdown-item-sky-fg-hover,oklch(44.3%_0.11_240.79))] dark:hover:text-[color:var(--zui-dropdown-item-sky-fg-hover-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-dropdown-item-sky-bg,oklch(90.1%_0.058_230.902))] dark:bg-[var(--zui-dropdown-item-sky-bg-dark,oklch(90.1%_0.058_230.902))] text-[color:var(--zui-dropdown-item-sky-fg,oklch(39.1%_0.09_240.876))] dark:text-[color:var(--zui-dropdown-item-sky-fg-dark,oklch(44.3%_0.11_240.79))]\",\n rose: \"hover:bg-[var(--zui-dropdown-item-rose-bg-hover,oklch(94.1%_0.03_12.58))] dark:hover:bg-[var(--zui-dropdown-item-rose-bg-hover-dark,oklch(94.1%_0.03_12.58))] hover:text-[color:var(--zui-dropdown-item-rose-fg-hover,oklch(45.5%_0.188_13.697))] dark:hover:text-[color:var(--zui-dropdown-item-rose-fg-hover-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-dropdown-item-rose-bg,oklch(89.2%_0.058_10.001))] dark:bg-[var(--zui-dropdown-item-rose-bg-dark,oklch(89.2%_0.058_10.001))] text-[color:var(--zui-dropdown-item-rose-fg,oklch(41%_0.159_10.272))] dark:text-[color:var(--zui-dropdown-item-rose-fg-dark,oklch(45.5%_0.188_13.697))]\",\n purple:\n \"hover:bg-[var(--zui-dropdown-item-purple-bg-hover,oklch(94.6%_0.033_307.174))] dark:hover:bg-[var(--zui-dropdown-item-purple-bg-hover-dark,oklch(94.6%_0.033_307.174))] hover:text-[color:var(--zui-dropdown-item-purple-fg-hover,oklch(43.8%_0.218_303.724))] dark:hover:text-[color:var(--zui-dropdown-item-purple-fg-hover-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-dropdown-item-purple-bg,oklch(90.2%_0.063_306.703))] dark:bg-[var(--zui-dropdown-item-purple-bg-dark,oklch(90.2%_0.063_306.703))] text-[color:var(--zui-dropdown-item-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-dropdown-item-purple-fg-dark,oklch(43.8%_0.218_303.724))]\",\n pink: \"hover:bg-[var(--zui-dropdown-item-pink-bg-hover,oklch(94.8%_0.028_342.258))] dark:hover:bg-[var(--zui-dropdown-item-pink-bg-hover-dark,oklch(94.8%_0.028_342.258))] hover:text-[color:var(--zui-dropdown-item-pink-fg-hover,oklch(45.9%_0.187_3.815))] dark:hover:text-[color:var(--zui-dropdown-item-pink-fg-hover-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-dropdown-item-pink-bg,oklch(89.9%_0.061_343.231))] dark:bg-[var(--zui-dropdown-item-pink-bg-dark,oklch(89.9%_0.061_343.231))] text-[color:var(--zui-dropdown-item-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-dropdown-item-pink-fg-dark,oklch(45.9%_0.187_3.815))]\",\n orange:\n \"hover:bg-[var(--zui-dropdown-item-orange-bg-hover,oklch(95.4%_0.038_75.164))] dark:hover:bg-[var(--zui-dropdown-item-orange-bg-hover-dark,oklch(95.4%_0.038_75.164))] hover:text-[color:var(--zui-dropdown-item-orange-fg-hover,oklch(47%_0.157_37.304))] dark:hover:text-[color:var(--zui-dropdown-item-orange-fg-hover-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-dropdown-item-orange-bg,oklch(90.1%_0.076_70.697))] dark:bg-[var(--zui-dropdown-item-orange-bg-dark,oklch(90.1%_0.076_70.697))] text-[color:var(--zui-dropdown-item-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-dropdown-item-orange-fg-dark,oklch(47%_0.157_37.304))]\",\n yellow:\n \"hover:bg-[var(--zui-dropdown-item-yellow-bg-hover,oklch(97.3%_0.071_103.193))] dark:hover:bg-[var(--zui-dropdown-item-yellow-bg-hover-dark,oklch(97.3%_0.071_103.193))] hover:text-[color:var(--zui-dropdown-item-yellow-fg-hover,oklch(47.6%_0.114_61.907))] dark:hover:text-[color:var(--zui-dropdown-item-yellow-fg-hover-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-dropdown-item-yellow-bg,oklch(94.5%_0.129_101.54))] dark:bg-[var(--zui-dropdown-item-yellow-bg-dark,oklch(94.5%_0.129_101.54))] text-[color:var(--zui-dropdown-item-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-dropdown-item-yellow-fg-dark,oklch(47.6%_0.114_61.907))]\",\n teal: \"hover:bg-[var(--zui-dropdown-item-teal-bg-hover,oklch(95.3%_0.051_180.801))] dark:hover:bg-[var(--zui-dropdown-item-teal-bg-hover-dark,oklch(95.3%_0.051_180.801))] hover:text-[color:var(--zui-dropdown-item-teal-fg-hover,oklch(43.7%_0.078_188.216))] dark:hover:text-[color:var(--zui-dropdown-item-teal-fg-hover-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-dropdown-item-teal-bg,oklch(91%_0.096_180.426))] dark:bg-[var(--zui-dropdown-item-teal-bg-dark,oklch(91%_0.096_180.426))] text-[color:var(--zui-dropdown-item-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-dropdown-item-teal-fg-dark,oklch(43.7%_0.078_188.216))]\",\n indigo:\n \"hover:bg-[var(--zui-dropdown-item-indigo-bg-hover,oklch(93%_0.034_272.788))] dark:hover:bg-[var(--zui-dropdown-item-indigo-bg-hover-dark,oklch(93%_0.034_272.788))] hover:text-[color:var(--zui-dropdown-item-indigo-fg-hover,oklch(39.8%_0.195_277.366))] dark:hover:text-[color:var(--zui-dropdown-item-indigo-fg-hover-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-dropdown-item-indigo-bg,oklch(87%_0.065_274.039))] dark:bg-[var(--zui-dropdown-item-indigo-bg-dark,oklch(87%_0.065_274.039))] text-[color:var(--zui-dropdown-item-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-dropdown-item-indigo-fg-dark,oklch(39.8%_0.195_277.366))]\",\n emerald:\n \"hover:bg-[var(--zui-dropdown-item-emerald-bg-hover,oklch(95%_0.052_163.051))] dark:hover:bg-[var(--zui-dropdown-item-emerald-bg-hover-dark,oklch(95%_0.052_163.051))] hover:text-[color:var(--zui-dropdown-item-emerald-fg-hover,oklch(43.2%_0.095_166.913))] dark:hover:text-[color:var(--zui-dropdown-item-emerald-fg-hover-dark,oklch(59.6%_0.145_163.225))] bg-[var(--zui-dropdown-item-emerald-bg,oklch(90.5%_0.093_164.15))] dark:bg-[var(--zui-dropdown-item-emerald-bg-dark,oklch(90.5%_0.093_164.15))] text-[color:var(--zui-dropdown-item-emerald-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-dropdown-item-emerald-fg-dark,oklch(43.2%_0.095_166.913))]\",\n gray: \"hover:bg-[var(--zui-dropdown-item-gray-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-gray-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-gray-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-gray-fg-hover-dark,oklch(21%_0.034_264.665))] bg-[var(--zui-dropdown-item-gray-bg,oklch(92.8%_0.006_264.531))] dark:bg-[var(--zui-dropdown-item-gray-bg-dark,oklch(92.8%_0.006_264.531))] text-[color:var(--zui-dropdown-item-gray-fg,oklch(55.1%_0.027_264.364))] dark:text-[color:var(--zui-dropdown-item-gray-fg-dark,oklch(27.8%_0.033_256.848))]\",\n amber:\n \"hover:bg-[var(--zui-dropdown-item-amber-bg-hover,oklch(96.2%_0.059_95.617))] dark:hover:bg-[var(--zui-dropdown-item-amber-bg-hover-dark,oklch(96.2%_0.059_95.617))] hover:text-[color:var(--zui-dropdown-item-amber-fg-hover,oklch(47.3%_0.137_46.201))] dark:hover:text-[color:var(--zui-dropdown-item-amber-fg-hover-dark,oklch(66.6%_0.179_58.318))] bg-[var(--zui-dropdown-item-amber-bg,oklch(92.4%_0.12_95.746))] dark:bg-[var(--zui-dropdown-item-amber-bg-dark,oklch(92.4%_0.12_95.746))] text-[color:var(--zui-dropdown-item-amber-fg,oklch(41.4%_0.112_45.904))] dark:text-[color:var(--zui-dropdown-item-amber-fg-dark,oklch(47.3%_0.137_46.201))]\",\n violet:\n \"hover:bg-[var(--zui-dropdown-item-violet-bg-hover,oklch(94.3%_0.029_294.588))] dark:hover:bg-[var(--zui-dropdown-item-violet-bg-hover-dark,oklch(94.3%_0.029_294.588))] hover:text-[color:var(--zui-dropdown-item-violet-fg-hover,oklch(43.2%_0.232_292.759))] dark:hover:text-[color:var(--zui-dropdown-item-violet-fg-hover-dark,oklch(54.1%_0.281_293.009))] bg-[var(--zui-dropdown-item-violet-bg,oklch(89.4%_0.057_293.283))] dark:bg-[var(--zui-dropdown-item-violet-bg-dark,oklch(89.4%_0.057_293.283))] text-[color:var(--zui-dropdown-item-violet-fg,oklch(38%_0.189_293.745))] dark:text-[color:var(--zui-dropdown-item-violet-fg-dark,oklch(43.2%_0.232_292.759))]\",\n \"gradient-blue\":\n \"hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-blue-from,oklch(42.4%_0.199_265.638))] dark:from-[var(--zui-dropdown-item-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] to-[var(--zui-dropdown-item-gradient-blue-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-dropdown-item-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))] hover:text-[color:var(--zui-dropdown-item-gradient-blue-fg-hover,oklch(62.3%_0.214_259.815))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-blue-fg-hover-dark,oklch(37.9%_0.146_265.522))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-blue-from,oklch(88.2%_0.059_254.128))] to-[var(--zui-dropdown-item-gradient-blue-to,oklch(90.2%_0.063_306.703))] text-[color:var(--zui-dropdown-item-gradient-blue-fg,oklch(37.9%_0.146_265.522))] dark:text-[color:var(--zui-dropdown-item-gradient-blue-fg-dark,oklch(88.2%_0.059_254.128))]\",\n \"gradient-green\":\n \"hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-green-from,oklch(44.8%_0.119_151.328))] dark:from-[var(--zui-dropdown-item-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] to-[var(--zui-dropdown-item-gradient-green-to,oklch(45.3%_0.124_130.933))] dark:to-[var(--zui-dropdown-item-gradient-green-to-dark,oklch(64.8%_0.2_131.684))] hover:text-[color:var(--zui-dropdown-item-gradient-green-fg-hover,oklch(72.3%_0.219_149.579))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-green-fg-hover-dark,oklch(39.3%_0.095_152.535))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-green-from,oklch(92.5%_0.084_155.995))] to-[var(--zui-dropdown-item-gradient-green-to,oklch(93.8%_0.127_124.321))] text-[color:var(--zui-dropdown-item-gradient-green-fg,oklch(39.3%_0.095_152.535))] dark:text-[color:var(--zui-dropdown-item-gradient-green-fg-dark,oklch(92.5%_0.084_155.995))]\",\n \"gradient-red\":\n \"hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-red-from,oklch(44.4%_0.177_26.899))] dark:from-[var(--zui-dropdown-item-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] to-[var(--zui-dropdown-item-gradient-red-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-dropdown-item-gradient-red-to-dark,oklch(59.2%_0.249_0.584))] hover:text-[color:var(--zui-dropdown-item-gradient-red-fg-hover,oklch(63.7%_0.237_25.331))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-red-fg-hover-dark,oklch(39.6%_0.141_25.723))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-red-from,oklch(88.5%_0.062_18.334))] to-[var(--zui-dropdown-item-gradient-red-to,oklch(89.9%_0.061_343.231))] text-[color:var(--zui-dropdown-item-gradient-red-fg,oklch(39.6%_0.141_25.723))] dark:text-[color:var(--zui-dropdown-item-gradient-red-fg-dark,oklch(88.5%_0.062_18.334))]\",\n \"gradient-yellow\":\n \"hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-yellow-from,oklch(47.6%_0.114_61.907))] dark:from-[var(--zui-dropdown-item-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] to-[var(--zui-dropdown-item-gradient-yellow-to,oklch(47%_0.157_37.304))] dark:to-[var(--zui-dropdown-item-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))] hover:text-[color:var(--zui-dropdown-item-gradient-yellow-fg-hover,oklch(79.5%_0.184_86.047))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-yellow-fg-hover-dark,oklch(42.1%_0.095_57.708))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-yellow-from,oklch(94.5%_0.129_101.54))] to-[var(--zui-dropdown-item-gradient-yellow-to,oklch(90.1%_0.076_70.697))] text-[color:var(--zui-dropdown-item-gradient-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-dropdown-item-gradient-yellow-fg-dark,oklch(94.5%_0.129_101.54))]\",\n \"gradient-purple\":\n \"hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-purple-from,oklch(43.8%_0.218_303.724))] dark:from-[var(--zui-dropdown-item-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] to-[var(--zui-dropdown-item-gradient-purple-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-dropdown-item-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))] hover:text-[color:var(--zui-dropdown-item-gradient-purple-fg-hover,oklch(62.7%_0.265_303.9))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-purple-fg-hover-dark,oklch(38.1%_0.176_304.987))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-purple-from,oklch(90.2%_0.063_306.703))] to-[var(--zui-dropdown-item-gradient-purple-to,oklch(89.9%_0.061_343.231))] text-[color:var(--zui-dropdown-item-gradient-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-dropdown-item-gradient-purple-fg-dark,oklch(90.2%_0.063_306.703))]\",\n \"gradient-teal\":\n \"hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-teal-from,oklch(43.7%_0.078_188.216))] dark:from-[var(--zui-dropdown-item-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-dropdown-item-gradient-teal-to,oklch(45%_0.085_224.283))] dark:to-[var(--zui-dropdown-item-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] hover:text-[color:var(--zui-dropdown-item-gradient-teal-fg-hover,oklch(70.4%_0.14_182.503))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-teal-fg-hover-dark,oklch(38.6%_0.063_188.416))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-teal-from,oklch(91%_0.096_180.426))] to-[var(--zui-dropdown-item-gradient-teal-to,oklch(91.7%_0.08_205.041))] text-[color:var(--zui-dropdown-item-gradient-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-dropdown-item-gradient-teal-fg-dark,oklch(91%_0.096_180.426))]\",\n \"gradient-indigo\":\n \"hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-dropdown-item-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-dropdown-item-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-dropdown-item-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] hover:text-[color:var(--zui-dropdown-item-gradient-indigo-fg-hover,oklch(58.5%_0.233_277.117))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-indigo-fg-hover-dark,oklch(35.9%_0.144_278.697))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-indigo-from,oklch(87%_0.065_274.039))] to-[var(--zui-dropdown-item-gradient-indigo-to,oklch(90.2%_0.063_306.703))] text-[color:var(--zui-dropdown-item-gradient-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-dropdown-item-gradient-indigo-fg-dark,oklch(87%_0.065_274.039))]\",\n \"gradient-pink\":\n \"hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-dropdown-item-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-dropdown-item-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-dropdown-item-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] hover:text-[color:var(--zui-dropdown-item-gradient-pink-fg-hover,oklch(65.6%_0.241_354.308))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-pink-fg-hover-dark,oklch(40.8%_0.153_2.432))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-pink-from,oklch(89.9%_0.061_343.231))] to-[var(--zui-dropdown-item-gradient-pink-to,oklch(89.2%_0.058_10.001))] text-[color:var(--zui-dropdown-item-gradient-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-dropdown-item-gradient-pink-fg-dark,oklch(89.9%_0.061_343.231))]\",\n \"gradient-orange\":\n \"hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-dropdown-item-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-dropdown-item-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-dropdown-item-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] hover:text-[color:var(--zui-dropdown-item-gradient-orange-fg-hover,oklch(70.5%_0.213_47.604))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-orange-fg-hover-dark,oklch(40.8%_0.123_38.172))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-orange-from,oklch(90.1%_0.076_70.697))] to-[var(--zui-dropdown-item-gradient-orange-to,oklch(88.5%_0.062_18.334))] text-[color:var(--zui-dropdown-item-gradient-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-dropdown-item-gradient-orange-fg-dark,oklch(90.1%_0.076_70.697))]\",\n} as const;\n"]}
@@ -1,42 +0,0 @@
1
- export declare const zuiStepperBase = "flex w-full";
2
- export declare const zuiStepperOrientations: {
3
- readonly horizontal: "flex-row flex-wrap items-start gap-4";
4
- readonly vertical: "flex-col gap-6";
5
- };
6
- export declare const zuiStepperItemBase = "relative flex gap-3";
7
- export declare const zuiStepperItemOrientations: {
8
- readonly horizontal: "min-w-0 flex-col items-center text-center";
9
- readonly vertical: "flex-row items-center text-left";
10
- };
11
- export declare const zuiStepperIndicatorBase = "grid size-9 shrink-0 place-items-center rounded-full border text-sm font-semibold transition-colors";
12
- export declare const zuiStepperIndicatorAppearances: {
13
- readonly 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))]";
14
- readonly 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))]";
15
- readonly 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))]";
16
- readonly 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))]";
17
- readonly 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))]";
18
- readonly 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))]";
19
- readonly 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))]";
20
- readonly 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))]";
21
- readonly 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))]";
22
- readonly 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))]";
23
- readonly 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))]";
24
- readonly 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))]";
25
- readonly 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))]";
26
- readonly 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))]";
27
- readonly "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))]";
28
- readonly "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))]";
29
- readonly "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))]";
30
- readonly "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))]";
31
- readonly "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))]";
32
- readonly "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))]";
33
- readonly "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))]";
34
- readonly "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))]";
35
- readonly "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))]";
36
- };
37
- export declare const zuiStepperIndicatorSizes: {
38
- readonly sm: "size-8 text-xs";
39
- readonly md: "size-9 text-sm";
40
- readonly lg: "size-10 text-base";
41
- };
42
- //# sourceMappingURL=stepper.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../src/design-system/stepper.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,gBAAgB,CAAC;AAE5C,eAAO,MAAM,sBAAsB;;;CAGzB,CAAC;AAEX,eAAO,MAAM,kBAAkB,wBAAwB,CAAC;AAExD,eAAO,MAAM,0BAA0B;;;CAG7B,CAAC;AAEX,eAAO,MAAM,uBAAuB,wGACmE,CAAC;AAExG,eAAO,MAAM,8BAA8B;;;;;;;;;;;;;;;;;;;;;;;;CA0CjC,CAAC;AAEX,eAAO,MAAM,wBAAwB;;;;CAI3B,CAAC"}
@@ -1,4 +0,0 @@
1
- export { Stepper, StepperDescription, StepperIndicator, StepperItem, StepperTitle, } from "./stepper";
2
- export type { StepperDescriptionProps, StepperIndicatorProps, StepperItemProps, StepperProps, StepperTitleProps, StepperAppearance, } from "./types";
3
- export { stepperIndicatorVariants, stepperItemVariants, stepperVariants, } from "./variants";
4
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/stepper/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,OAAO,EACP,kBAAkB,EAClB,gBAAgB,EAChB,WAAW,EACX,YAAY,GACb,MAAM,WAAW,CAAC;AACnB,YAAY,EACV,uBAAuB,EACvB,qBAAqB,EACrB,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,wBAAwB,EACxB,mBAAmB,EACnB,eAAe,GAChB,MAAM,YAAY,CAAC"}
@@ -1,28 +0,0 @@
1
- import type { StepperDescriptionProps, StepperIndicatorProps, StepperItemProps, StepperProps, StepperTitleProps } from "./types";
2
- export declare function Stepper({ className, orientation, size, children, ref, ...rest }: StepperProps): import("react/jsx-runtime").JSX.Element;
3
- export declare namespace Stepper {
4
- var displayName: string;
5
- }
6
- export declare function StepperItem({ className, ref, children, ...rest }: StepperItemProps): import("react/jsx-runtime").JSX.Element;
7
- export declare namespace StepperItem {
8
- var displayName: string;
9
- }
10
- export declare function StepperIndicator({ className, ref, children, appearance, ...rest }: StepperIndicatorProps & {
11
- ref?: React.Ref<HTMLDivElement>;
12
- }): import("react/jsx-runtime").JSX.Element;
13
- export declare namespace StepperIndicator {
14
- var displayName: string;
15
- }
16
- export declare function StepperTitle({ className, ref, ...rest }: StepperTitleProps & {
17
- ref?: React.Ref<HTMLDivElement>;
18
- }): import("react/jsx-runtime").JSX.Element;
19
- export declare namespace StepperTitle {
20
- var displayName: string;
21
- }
22
- export declare function StepperDescription({ className, ref, ...rest }: StepperDescriptionProps & {
23
- ref?: React.Ref<HTMLParagraphElement>;
24
- }): import("react/jsx-runtime").JSX.Element;
25
- export declare namespace StepperDescription {
26
- var displayName: string;
27
- }
28
- //# sourceMappingURL=stepper.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../src/ui/stepper/stepper.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAEV,uBAAuB,EACvB,qBAAqB,EACrB,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,EAClB,MAAM,SAAS,CAAC;AA2BjB,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,WAA0B,EAC1B,IAAW,EACX,QAAQ,EACR,GAAG,EACH,GAAG,IAAI,EACR,EAAE,YAAY,2CAkCd;yBAzCe,OAAO;;;AA6CvB,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,EACH,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,gBAAgB,2CAYlB;yBAjBe,WAAW;;;AAqB3B,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,GAAG,EACH,QAAQ,EACR,UAAU,EACV,GAAG,IAAI,EACR,EAAE,qBAAqB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,2CAa7D;yBAnBe,gBAAgB;;;AAuBhC,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACR,EAAE,iBAAiB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,2CAYzD;yBAhBe,YAAY;;;AAoB5B,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACR,EAAE,uBAAuB,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAA;CAAE,2CASrE;yBAbe,kBAAkB"}
@@ -1,25 +0,0 @@
1
- import type { VariantProps } from "class-variance-authority";
2
- import type { ComponentPropsWithoutRef, ComponentPropsWithRef, ReactNode } from "react";
3
- import type { stepperIndicatorVariants, stepperVariants } from "./variants";
4
- type StepperVariantProps = VariantProps<typeof stepperVariants>;
5
- export type StepperProps = StepperVariantProps & {
6
- size?: VariantProps<typeof stepperIndicatorVariants>["size"];
7
- children?: ReactNode;
8
- } & Omit<ComponentPropsWithRef<"ol">, "children">;
9
- export type StepperItemProps = ComponentPropsWithRef<"li"> & {
10
- children?: ReactNode;
11
- };
12
- export type StepperIndicatorProps = ComponentPropsWithoutRef<"div"> & {
13
- children?: ReactNode;
14
- appearance?: StepperAppearance;
15
- };
16
- export type StepperTitleProps = ComponentPropsWithoutRef<"div">;
17
- export type StepperDescriptionProps = ComponentPropsWithoutRef<"p">;
18
- export type StepperAppearance = VariantProps<typeof stepperIndicatorVariants>["appearance"];
19
- export type StepperCtx = {
20
- orientation: NonNullable<StepperProps["orientation"]>;
21
- size: NonNullable<StepperProps["size"]>;
22
- total: number;
23
- };
24
- export {};
25
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/stepper/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,qBAAqB,EACrB,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,wBAAwB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE5E,KAAK,mBAAmB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;AAEhE,MAAM,MAAM,YAAY,GAAG,mBAAmB,GAAG;IAC/C,IAAI,CAAC,EAAE,YAAY,CAAC,OAAO,wBAAwB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,CAAC;AAElD,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,IAAI,CAAC,GAAG;IAC3D,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACpE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,iBAAiB,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEhE,MAAM,MAAM,uBAAuB,GAAG,wBAAwB,CAAC,GAAG,CAAC,CAAC;AAEpE,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAC1C,OAAO,wBAAwB,CAChC,CAAC,YAAY,CAAC,CAAC;AAEhB,MAAM,MAAM,UAAU,GAAG;IACvB,WAAW,EAAE,WAAW,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC;IACtD,IAAI,EAAE,WAAW,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC"}
@@ -1,11 +0,0 @@
1
- export declare const stepperVariants: (props?: ({
2
- orientation?: "horizontal" | "vertical" | null | undefined;
3
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
4
- export declare const stepperItemVariants: (props?: ({
5
- orientation?: "horizontal" | "vertical" | null | undefined;
6
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
7
- export declare const stepperIndicatorVariants: (props?: ({
8
- appearance?: "current" | "sky" | "emerald" | "violet" | "rose" | "gray" | "indigo" | "orange" | "pink" | "purple" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "complete" | "upcoming" | null | undefined;
9
- size?: "md" | "sm" | "lg" | null | undefined;
10
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
11
- //# sourceMappingURL=variants.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/stepper/variants.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,eAAe;;8EAO1B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;8EAO9B,CAAC;AAEH,eAAO,MAAM,wBAAwB;;;8EASnC,CAAC"}
@@ -1,216 +0,0 @@
1
- "use client";
2
- 'use strict';
3
-
4
- var chunkZS5756ZC_js = require('../chunk-ZS5756ZC.js');
5
- var react = require('react');
6
- var classVarianceAuthority = require('class-variance-authority');
7
- var jsxRuntime = require('react/jsx-runtime');
8
-
9
- // src/design-system/stepper.ts
10
- var zuiStepperBase = "flex w-full";
11
- var zuiStepperOrientations = {
12
- horizontal: "flex-row flex-wrap items-start gap-4",
13
- vertical: "flex-col gap-6"
14
- };
15
- var zuiStepperItemBase = "relative flex gap-3";
16
- var zuiStepperItemOrientations = {
17
- horizontal: "min-w-0 flex-col items-center text-center",
18
- vertical: "flex-row items-center text-left"
19
- };
20
- var zuiStepperIndicatorBase = "grid size-9 shrink-0 place-items-center rounded-full border text-sm font-semibold transition-colors";
21
- var zuiStepperIndicatorAppearances = {
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
- 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))] 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
- };
46
- var zuiStepperIndicatorSizes = {
47
- sm: "size-8 text-xs",
48
- md: "size-9 text-sm",
49
- lg: "size-10 text-base"
50
- };
51
-
52
- // src/ui/stepper/variants.ts
53
- var stepperVariants = classVarianceAuthority.cva(zuiStepperBase, {
54
- variants: {
55
- orientation: zuiStepperOrientations
56
- },
57
- defaultVariants: {
58
- orientation: "horizontal"
59
- }
60
- });
61
- var stepperItemVariants = classVarianceAuthority.cva(zuiStepperItemBase, {
62
- variants: {
63
- orientation: zuiStepperItemOrientations
64
- },
65
- defaultVariants: {
66
- orientation: "horizontal"
67
- }
68
- });
69
- var stepperIndicatorVariants = classVarianceAuthority.cva(zuiStepperIndicatorBase, {
70
- variants: {
71
- appearance: zuiStepperIndicatorAppearances,
72
- size: zuiStepperIndicatorSizes
73
- },
74
- defaultVariants: {
75
- appearance: "upcoming",
76
- size: "md"
77
- }
78
- });
79
- var StepperContext = react.createContext(null);
80
- function useStepper(component) {
81
- const ctx = react.useContext(StepperContext);
82
- if (!ctx) {
83
- throw new Error(`${component} must be used within <Stepper>`);
84
- }
85
- return ctx;
86
- }
87
- var StepperIndexContext = react.createContext(null);
88
- function useStepperIndex(component) {
89
- const index = react.useContext(StepperIndexContext);
90
- if (index === null) {
91
- throw new Error(`${component} must be used within <StepperItem>`);
92
- }
93
- return index;
94
- }
95
- function Stepper({
96
- className,
97
- orientation = "horizontal",
98
- size = "md",
99
- children,
100
- ref,
101
- ...rest
102
- }) {
103
- const items = react.useMemo(
104
- () => react.Children.toArray(children).filter(react.isValidElement),
105
- [children]
106
- );
107
- const ctx = react.useMemo(
108
- () => ({
109
- orientation: orientation ?? "horizontal",
110
- size: size ?? "md",
111
- total: items.length
112
- }),
113
- [items.length, orientation, size]
114
- );
115
- return /* @__PURE__ */ jsxRuntime.jsx(StepperContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
116
- "ol",
117
- {
118
- ref,
119
- "data-slot": "stepper",
120
- className: chunkZS5756ZC_js.cn(
121
- stepperVariants({ orientation }),
122
- "m-0 list-none p-0",
123
- className
124
- ),
125
- ...rest,
126
- children: items.map((child, index) => /* @__PURE__ */ jsxRuntime.jsx(StepperIndexContext.Provider, { value: index, children: child }, index))
127
- }
128
- ) });
129
- }
130
- Stepper.displayName = "Stepper";
131
- function StepperItem({
132
- className,
133
- ref,
134
- children,
135
- ...rest
136
- }) {
137
- const { orientation } = useStepper("StepperItem");
138
- return /* @__PURE__ */ jsxRuntime.jsx(
139
- "li",
140
- {
141
- ref,
142
- "data-slot": "stepper-item",
143
- className: chunkZS5756ZC_js.cn(stepperItemVariants({ orientation }), className),
144
- ...rest,
145
- children
146
- }
147
- );
148
- }
149
- StepperItem.displayName = "StepperItem";
150
- function StepperIndicator({
151
- className,
152
- ref,
153
- children,
154
- appearance,
155
- ...rest
156
- }) {
157
- const { size } = useStepper("StepperIndicator");
158
- const index = useStepperIndex("StepperIndicator");
159
- return /* @__PURE__ */ jsxRuntime.jsx(
160
- "div",
161
- {
162
- ref,
163
- "data-slot": "stepper-indicator",
164
- className: chunkZS5756ZC_js.cn(stepperIndicatorVariants({ appearance, size }), className),
165
- ...rest,
166
- children: children ?? index + 1
167
- }
168
- );
169
- }
170
- StepperIndicator.displayName = "StepperIndicator";
171
- function StepperTitle({
172
- className,
173
- ref,
174
- ...rest
175
- }) {
176
- return /* @__PURE__ */ jsxRuntime.jsx(
177
- "div",
178
- {
179
- ref,
180
- "data-slot": "stepper-title",
181
- className: chunkZS5756ZC_js.cn(
182
- "text-sm font-semibold text-slate-900 dark:text-white",
183
- className
184
- ),
185
- ...rest
186
- }
187
- );
188
- }
189
- StepperTitle.displayName = "StepperTitle";
190
- function StepperDescription({
191
- className,
192
- ref,
193
- ...rest
194
- }) {
195
- return /* @__PURE__ */ jsxRuntime.jsx(
196
- "p",
197
- {
198
- ref,
199
- "data-slot": "stepper-description",
200
- className: chunkZS5756ZC_js.cn("text-xs text-slate-900 dark:text-slate-400", className),
201
- ...rest
202
- }
203
- );
204
- }
205
- StepperDescription.displayName = "StepperDescription";
206
-
207
- exports.Stepper = Stepper;
208
- exports.StepperDescription = StepperDescription;
209
- exports.StepperIndicator = StepperIndicator;
210
- exports.StepperItem = StepperItem;
211
- exports.StepperTitle = StepperTitle;
212
- exports.stepperIndicatorVariants = stepperIndicatorVariants;
213
- exports.stepperItemVariants = stepperItemVariants;
214
- exports.stepperVariants = stepperVariants;
215
- //# sourceMappingURL=stepper.js.map
216
- //# sourceMappingURL=stepper.js.map
@@ -1 +0,0 @@
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":";;;;;;;;AAAO,IAAM,cAAA,GAAiB,aAAA;AAEvB,IAAM,sBAAA,GAAyB;AAAA,EACpC,UAAA,EAAY,sCAAA;AAAA,EACZ,QAAA,EAAU;AACZ,CAAA;AAEO,IAAM,kBAAA,GAAqB,qBAAA;AAE3B,IAAM,0BAAA,GAA6B;AAAA,EACxC,UAAA,EAAY,2CAAA;AAAA,EACZ,QAAA,EAAU;AACZ,CAAA;AAEO,IAAM,uBAAA,GACX,qGAAA;AAEK,IAAM,8BAAA,GAAiC;AAAA,EAC5C,QAAA,EACE,qsBAAA;AAAA,EACF,OAAA,EACE,uqBAAA;AAAA,EACF,QAAA,EACE,4bAAA;AAAA,EACF,GAAA,EAAK,qqBAAA;AAAA,EACL,IAAA,EAAM,oqBAAA;AAAA,EACN,MAAA,EACE,wrBAAA;AAAA,EACF,IAAA,EAAM,8qBAAA;AAAA,EACN,MAAA,EACE,orBAAA;AAAA,EACF,MAAA,EACE,yrBAAA;AAAA,EACF,IAAA,EAAM,4qBAAA;AAAA,EACN,MAAA,EACE,8rBAAA;AAAA,EACF,OAAA,EACE,6rBAAA;AAAA,EACF,IAAA,EAAM,8qBAAA;AAAA,EACN,MAAA,EACE,0rBAAA;AAAA,EACF,eAAA,EACE,wvBAAA;AAAA,EACF,gBAAA,EACE,gwBAAA;AAAA,EACF,cAAA,EACE,wuBAAA;AAAA,EACF,iBAAA,EACE,iwBAAA;AAAA,EACF,iBAAA,EACE,gwBAAA;AAAA,EACF,eAAA,EACE,ovBAAA;AAAA,EACF,iBAAA,EACE,swBAAA;AAAA,EACF,eAAA,EACE,svBAAA;AAAA,EACF,iBAAA,EACE;AACJ,CAAA;AAEO,IAAM,wBAAA,GAA2B;AAAA,EACtC,EAAA,EAAI,gBAAA;AAAA,EACJ,EAAA,EAAI,gBAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;;;ACrDO,IAAM,eAAA,GAAkBA,2BAAI,cAAA,EAAgB;AAAA,EACjD,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA,GACf;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,WAAA,EAAa;AAAA;AAEjB,CAAC;AAEM,IAAM,mBAAA,GAAsBA,2BAAI,kBAAA,EAAoB;AAAA,EACzD,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA,GACf;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,WAAA,EAAa;AAAA;AAEjB,CAAC;AAEM,IAAM,wBAAA,GAA2BA,2BAAI,uBAAA,EAAyB;AAAA,EACnE,QAAA,EAAU;AAAA,IACR,UAAA,EAAY,8BAAA;AAAA,IACZ,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,UAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC;ACbD,IAAM,cAAA,GAAiBC,oBAAiC,IAAI,CAAA;AAE5D,SAAS,WAAW,SAAA,EAA+B;AACjD,EAAA,MAAM,GAAA,GAAMC,iBAAW,cAAc,CAAA;AACrC,EAAA,IAAI,CAAC,GAAA,EAAK;AACR,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,EAAG,SAAS,CAAA,8BAAA,CAAgC,CAAA;AAAA,EAC9D;AACA,EAAA,OAAO,GAAA;AACT;AAEA,IAAM,mBAAA,GAAsBD,oBAA6B,IAAI,CAAA;AAE7D,SAAS,gBAAgB,SAAA,EAA2B;AAClD,EAAA,MAAM,KAAA,GAAQC,iBAAW,mBAAmB,CAAA;AAC5C,EAAA,IAAI,UAAU,IAAA,EAAM;AAClB,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,EAAG,SAAS,CAAA,kCAAA,CAAoC,CAAA;AAAA,EAClE;AACA,EAAA,OAAO,KAAA;AACT;AAEO,SAAS,OAAA,CAAQ;AAAA,EACtB,SAAA;AAAA,EACA,WAAA,GAAc,YAAA;AAAA,EACd,IAAA,GAAO,IAAA;AAAA,EACP,QAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAiB;AACf,EAAA,MAAM,KAAA,GAAQC,aAAA;AAAA,IACZ,MAAMC,cAAA,CAAS,OAAA,CAAQ,QAAQ,CAAA,CAAE,OAAOC,oBAAc,CAAA;AAAA,IACtD,CAAC,QAAQ;AAAA,GACX;AACA,EAAA,MAAM,GAAA,GAAMF,aAAA;AAAA,IACV,OAAO;AAAA,MACL,aAAa,WAAA,IAAe,YAAA;AAAA,MAC5B,MAAM,IAAA,IAAQ,IAAA;AAAA,MACd,OAAO,KAAA,CAAM;AAAA,KACf,CAAA;AAAA,IACA,CAAC,KAAA,CAAM,MAAA,EAAQ,WAAA,EAAa,IAAI;AAAA,GAClC;AAEA,EAAA,uBACEG,cAAA,CAAC,cAAA,CAAe,QAAA,EAAf,EAAwB,OAAO,GAAA,EAC9B,QAAA,kBAAAA,cAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,SAAA;AAAA,MACV,SAAA,EAAWC,mBAAA;AAAA,QACT,eAAA,CAAgB,EAAE,WAAA,EAAa,CAAA;AAAA,QAC/B,mBAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,KAAA,EAAO,KAAA,qBACjBD,cAAA,CAAC,mBAAA,CAAoB,QAAA,EAApB,EAAyC,KAAA,EAAO,KAAA,EAC9C,QAAA,EAAA,KAAA,EAAA,EADgC,KAEnC,CACD;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA;AAEf,SAAS,WAAA,CAAY;AAAA,EAC1B,SAAA;AAAA,EACA,GAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAqB;AACnB,EAAA,MAAM,EAAE,WAAA,EAAY,GAAI,UAAA,CAAW,aAAa,CAAA;AAChD,EAAA,uBACEA,cAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,cAAA;AAAA,MACV,WAAWC,mBAAA,CAAG,mBAAA,CAAoB,EAAE,WAAA,EAAa,GAAG,SAAS,CAAA;AAAA,MAC5D,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;AAEnB,SAAS,gBAAA,CAAiB;AAAA,EAC/B,SAAA;AAAA,EACA,GAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAgE;AAC9D,EAAA,MAAM,EAAE,IAAA,EAAK,GAAI,UAAA,CAAW,kBAAkB,CAAA;AAC9C,EAAA,MAAM,KAAA,GAAQ,gBAAgB,kBAAkB,CAAA;AAChD,EAAA,uBACED,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAWC,oBAAG,wBAAA,CAAyB,EAAE,YAAY,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MACtE,GAAG,IAAA;AAAA,MAEH,sBAAY,KAAA,GAAQ;AAAA;AAAA,GACvB;AAEJ;AAEA,gBAAA,CAAiB,WAAA,GAAc,kBAAA;AAExB,SAAS,YAAA,CAAa;AAAA,EAC3B,SAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA4D;AAC1D,EAAA,uBACED,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,eAAA;AAAA,MACV,SAAA,EAAWC,mBAAA;AAAA,QACT,sDAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA;AAEpB,SAAS,kBAAA,CAAmB;AAAA,EACjC,SAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwE;AACtE,EAAA,uBACED,cAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,qBAAA;AAAA,MACV,SAAA,EAAWC,mBAAA,CAAG,4CAAA,EAA8C,SAAS,CAAA;AAAA,MACpE,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,kBAAA,CAAmB,WAAA,GAAc,oBAAA","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"]}