@zentauri-ui/zentauri-components 1.6.3 → 1.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (578) hide show
  1. package/README.md +40 -6
  2. package/cli/cli.integration.test.ts +8 -0
  3. package/cli/index.mjs +47 -1
  4. package/cli/registry.json +2 -0
  5. package/dist/charts/area.js +11 -10
  6. package/dist/charts/area.js.map +1 -1
  7. package/dist/charts/area.mjs +4 -3
  8. package/dist/charts/area.mjs.map +1 -1
  9. package/dist/charts/bar.js +10 -9
  10. package/dist/charts/bar.js.map +1 -1
  11. package/dist/charts/bar.mjs +4 -3
  12. package/dist/charts/bar.mjs.map +1 -1
  13. package/dist/charts/bubble.js +10 -9
  14. package/dist/charts/bubble.js.map +1 -1
  15. package/dist/charts/bubble.mjs +4 -3
  16. package/dist/charts/bubble.mjs.map +1 -1
  17. package/dist/charts/line.js +10 -9
  18. package/dist/charts/line.js.map +1 -1
  19. package/dist/charts/line.mjs +4 -3
  20. package/dist/charts/line.mjs.map +1 -1
  21. package/dist/charts/pie.js +6 -5
  22. package/dist/charts/pie.js.map +1 -1
  23. package/dist/charts/pie.mjs +3 -2
  24. package/dist/charts/pie.mjs.map +1 -1
  25. package/dist/charts/shared/chart-frame.d.ts.map +1 -1
  26. package/dist/{chunk-QSIJKHC5.mjs → chunk-4XVNQ7IY.mjs} +223 -214
  27. package/dist/chunk-4XVNQ7IY.mjs.map +1 -0
  28. package/dist/chunk-4ZKBLVQX.js +248 -0
  29. package/dist/chunk-4ZKBLVQX.js.map +1 -0
  30. package/dist/chunk-6QQUQLPB.js +107 -0
  31. package/dist/chunk-6QQUQLPB.js.map +1 -0
  32. package/dist/chunk-ABOZ5QIX.js +84 -0
  33. package/dist/chunk-ABOZ5QIX.js.map +1 -0
  34. package/dist/chunk-ACGVDY5J.mjs +220 -0
  35. package/dist/chunk-ACGVDY5J.mjs.map +1 -0
  36. package/dist/{chunk-PPVJ4INP.mjs → chunk-ASJQP53L.mjs} +3 -3
  37. package/dist/{chunk-PPVJ4INP.mjs.map → chunk-ASJQP53L.mjs.map} +1 -1
  38. package/dist/{chunk-D55YIHBN.js → chunk-BTJYXKCW.js} +223 -214
  39. package/dist/chunk-BTJYXKCW.js.map +1 -0
  40. package/dist/{chunk-MM3P52WS.js → chunk-CL55KGDF.js} +56 -52
  41. package/dist/chunk-CL55KGDF.js.map +1 -0
  42. package/dist/chunk-CSFLMMAT.mjs +198 -0
  43. package/dist/chunk-CSFLMMAT.mjs.map +1 -0
  44. package/dist/chunk-EDARAO7X.js +206 -0
  45. package/dist/chunk-EDARAO7X.js.map +1 -0
  46. package/dist/chunk-EIRCCTNA.js +175 -0
  47. package/dist/chunk-EIRCCTNA.js.map +1 -0
  48. package/dist/chunk-EN4VLNBF.js +197 -0
  49. package/dist/chunk-EN4VLNBF.js.map +1 -0
  50. package/dist/chunk-FHLZH3PB.mjs +326 -0
  51. package/dist/chunk-FHLZH3PB.mjs.map +1 -0
  52. package/dist/chunk-FXYPRPAT.mjs +35 -0
  53. package/dist/chunk-FXYPRPAT.mjs.map +1 -0
  54. package/dist/{chunk-SPX2QDIB.mjs → chunk-G2WARVAM.mjs} +8 -4
  55. package/dist/chunk-G2WARVAM.mjs.map +1 -0
  56. package/dist/chunk-HCGSEPOD.mjs +196 -0
  57. package/dist/chunk-HCGSEPOD.mjs.map +1 -0
  58. package/dist/chunk-HDO5ZM2S.mjs +82 -0
  59. package/dist/chunk-HDO5ZM2S.mjs.map +1 -0
  60. package/dist/chunk-HMNIH3KJ.mjs +277 -0
  61. package/dist/chunk-HMNIH3KJ.mjs.map +1 -0
  62. package/dist/chunk-HNLQXHSQ.mjs +263 -0
  63. package/dist/chunk-HNLQXHSQ.mjs.map +1 -0
  64. package/dist/{chunk-M6FS7X54.mjs → chunk-ITVMSCOJ.mjs} +56 -52
  65. package/dist/chunk-ITVMSCOJ.mjs.map +1 -0
  66. package/dist/chunk-K6IZANTI.mjs +80 -0
  67. package/dist/chunk-K6IZANTI.mjs.map +1 -0
  68. package/dist/chunk-K7TCW5PJ.js +338 -0
  69. package/dist/chunk-K7TCW5PJ.js.map +1 -0
  70. package/dist/chunk-KTGV76M3.mjs +325 -0
  71. package/dist/chunk-KTGV76M3.mjs.map +1 -0
  72. package/dist/chunk-MTTXLC2V.mjs +100 -0
  73. package/dist/chunk-MTTXLC2V.mjs.map +1 -0
  74. package/dist/{chunk-JOMSI4WH.js → chunk-NFEA5TN2.js} +52 -47
  75. package/dist/chunk-NFEA5TN2.js.map +1 -0
  76. package/dist/chunk-NHQ3S4Y6.mjs +282 -0
  77. package/dist/chunk-NHQ3S4Y6.mjs.map +1 -0
  78. package/dist/{chunk-OVTWPGMW.mjs → chunk-NMQAHUYA.mjs} +52 -47
  79. package/dist/chunk-NMQAHUYA.mjs.map +1 -0
  80. package/dist/{chunk-MWR5DIA5.mjs → chunk-OULU7OC4.mjs} +3 -3
  81. package/dist/{chunk-MWR5DIA5.mjs.map → chunk-OULU7OC4.mjs.map} +1 -1
  82. package/dist/chunk-OZHETX4J.mjs +169 -0
  83. package/dist/chunk-OZHETX4J.mjs.map +1 -0
  84. package/dist/chunk-OZMSE44N.mjs +235 -0
  85. package/dist/chunk-OZMSE44N.mjs.map +1 -0
  86. package/dist/chunk-P5WLYJ2C.mjs +272 -0
  87. package/dist/chunk-P5WLYJ2C.mjs.map +1 -0
  88. package/dist/chunk-PHEUJ4EF.js +84 -0
  89. package/dist/chunk-PHEUJ4EF.js.map +1 -0
  90. package/dist/chunk-PMWRJ2KS.mjs +192 -0
  91. package/dist/chunk-PMWRJ2KS.mjs.map +1 -0
  92. package/dist/chunk-PR4QXFJT.js +132 -0
  93. package/dist/chunk-PR4QXFJT.js.map +1 -0
  94. package/dist/chunk-QAJOE3HJ.js +281 -0
  95. package/dist/chunk-QAJOE3HJ.js.map +1 -0
  96. package/dist/chunk-QBPVJH4P.mjs +128 -0
  97. package/dist/chunk-QBPVJH4P.mjs.map +1 -0
  98. package/dist/{chunk-MTJRPLMG.js → chunk-QNUDODDX.js} +8 -4
  99. package/dist/chunk-QNUDODDX.js.map +1 -0
  100. package/dist/{chunk-DO2LEXUY.js → chunk-QQ6F4LZK.js} +5 -5
  101. package/dist/{chunk-DO2LEXUY.js.map → chunk-QQ6F4LZK.js.map} +1 -1
  102. package/dist/chunk-QXHS3HHZ.mjs +340 -0
  103. package/dist/chunk-QXHS3HHZ.mjs.map +1 -0
  104. package/dist/chunk-QYLTKBH7.js +338 -0
  105. package/dist/chunk-QYLTKBH7.js.map +1 -0
  106. package/dist/chunk-TTTYW3TR.js +207 -0
  107. package/dist/chunk-TTTYW3TR.js.map +1 -0
  108. package/dist/chunk-W3QRRWQX.js +37 -0
  109. package/dist/chunk-W3QRRWQX.js.map +1 -0
  110. package/dist/chunk-WPXQHWPV.js +232 -0
  111. package/dist/chunk-WPXQHWPV.js.map +1 -0
  112. package/dist/chunk-XRDVD2EN.js +288 -0
  113. package/dist/chunk-XRDVD2EN.js.map +1 -0
  114. package/dist/chunk-XYEMP4K7.js +273 -0
  115. package/dist/chunk-XYEMP4K7.js.map +1 -0
  116. package/dist/chunk-YAO62VH2.js +342 -0
  117. package/dist/chunk-YAO62VH2.js.map +1 -0
  118. package/dist/{chunk-PVTTWOYV.js → chunk-Z6S36PDD.js} +7 -7
  119. package/dist/{chunk-PVTTWOYV.js.map → chunk-Z6S36PDD.js.map} +1 -1
  120. package/dist/chunk-ZYKJC5HH.js +296 -0
  121. package/dist/chunk-ZYKJC5HH.js.map +1 -0
  122. package/dist/design-system/accordion.d.ts +70 -0
  123. package/dist/design-system/accordion.d.ts.map +1 -0
  124. package/dist/design-system/alert.d.ts +39 -0
  125. package/dist/design-system/alert.d.ts.map +1 -0
  126. package/dist/design-system/avatar.d.ts +36 -0
  127. package/dist/design-system/avatar.d.ts.map +1 -0
  128. package/dist/design-system/badge.d.ts +71 -0
  129. package/dist/design-system/badge.d.ts.map +1 -0
  130. package/dist/design-system/breadcrumb.d.ts +27 -0
  131. package/dist/design-system/breadcrumb.d.ts.map +1 -0
  132. package/dist/design-system/button.d.ts +48 -0
  133. package/dist/design-system/button.d.ts.map +1 -0
  134. package/dist/design-system/card.d.ts +65 -0
  135. package/dist/design-system/card.d.ts.map +1 -0
  136. package/dist/design-system/checkbox.d.ts +32 -0
  137. package/dist/design-system/checkbox.d.ts.map +1 -0
  138. package/dist/design-system/divider.d.ts +45 -0
  139. package/dist/design-system/divider.d.ts.map +1 -0
  140. package/dist/design-system/drawer.d.ts +67 -0
  141. package/dist/design-system/drawer.d.ts.map +1 -0
  142. package/dist/design-system/dropdown.d.ts +79 -0
  143. package/dist/design-system/dropdown.d.ts.map +1 -0
  144. package/dist/design-system/dynamic-stepper.d.ts +29 -0
  145. package/dist/design-system/dynamic-stepper.d.ts.map +1 -0
  146. package/dist/design-system/empty-state.d.ts +29 -0
  147. package/dist/design-system/empty-state.d.ts.map +1 -0
  148. package/dist/design-system/file-upload.d.ts +19 -0
  149. package/dist/design-system/file-upload.d.ts.map +1 -0
  150. package/dist/design-system/index.d.ts +32 -0
  151. package/dist/design-system/index.d.ts.map +1 -0
  152. package/dist/design-system/inputs.d.ts +31 -0
  153. package/dist/design-system/inputs.d.ts.map +1 -0
  154. package/dist/design-system/modal.d.ts +66 -0
  155. package/dist/design-system/modal.d.ts.map +1 -0
  156. package/dist/design-system/pagination.d.ts +65 -0
  157. package/dist/design-system/pagination.d.ts.map +1 -0
  158. package/dist/design-system/progress.d.ts +57 -0
  159. package/dist/design-system/progress.d.ts.map +1 -0
  160. package/dist/design-system/radio-group.d.ts +37 -0
  161. package/dist/design-system/radio-group.d.ts.map +1 -0
  162. package/dist/design-system/select.d.ts +92 -0
  163. package/dist/design-system/select.d.ts.map +1 -0
  164. package/dist/design-system/skeleton.d.ts +104 -0
  165. package/dist/design-system/skeleton.d.ts.map +1 -0
  166. package/dist/design-system/slider.d.ts +44 -0
  167. package/dist/design-system/slider.d.ts.map +1 -0
  168. package/dist/design-system/spinner.d.ts +39 -0
  169. package/dist/design-system/spinner.d.ts.map +1 -0
  170. package/dist/design-system/stepper.d.ts +42 -0
  171. package/dist/design-system/stepper.d.ts.map +1 -0
  172. package/dist/design-system/table.d.ts +77 -0
  173. package/dist/design-system/table.d.ts.map +1 -0
  174. package/dist/design-system/tabs.d.ts +49 -0
  175. package/dist/design-system/tabs.d.ts.map +1 -0
  176. package/dist/design-system/toast.d.ts +43 -0
  177. package/dist/design-system/toast.d.ts.map +1 -0
  178. package/dist/design-system/toggle.d.ts +73 -0
  179. package/dist/design-system/toggle.d.ts.map +1 -0
  180. package/dist/design-system/tokens.d.ts +15 -0
  181. package/dist/design-system/tokens.d.ts.map +1 -0
  182. package/dist/design-system/tooltip.d.ts +41 -0
  183. package/dist/design-system/tooltip.d.ts.map +1 -0
  184. package/dist/design-system/typography.d.ts +42 -0
  185. package/dist/design-system/typography.d.ts.map +1 -0
  186. package/dist/hooks/useResizeObserver.js +6 -31
  187. package/dist/hooks/useResizeObserver.js.map +1 -1
  188. package/dist/hooks/useResizeObserver.mjs +1 -33
  189. package/dist/hooks/useResizeObserver.mjs.map +1 -1
  190. package/dist/ui/accordion/animated.js +7 -7
  191. package/dist/ui/accordion/animated.mjs +2 -2
  192. package/dist/ui/accordion/variants.d.ts +5 -5
  193. package/dist/ui/accordion/variants.d.ts.map +1 -1
  194. package/dist/ui/accordion.js +9 -9
  195. package/dist/ui/accordion.mjs +2 -2
  196. package/dist/ui/alert/animated.js +2 -2
  197. package/dist/ui/alert/animated.mjs +1 -1
  198. package/dist/ui/alert/variants.d.ts +4 -4
  199. package/dist/ui/alert/variants.d.ts.map +1 -1
  200. package/dist/ui/alert.js +10 -10
  201. package/dist/ui/alert.mjs +2 -2
  202. package/dist/ui/avatar/animated.js +5 -5
  203. package/dist/ui/avatar/animated.mjs +2 -2
  204. package/dist/ui/avatar/variants.d.ts +1 -1
  205. package/dist/ui/avatar/variants.d.ts.map +1 -1
  206. package/dist/ui/avatar.js +9 -9
  207. package/dist/ui/avatar.mjs +2 -2
  208. package/dist/ui/badge/animated.js +2 -2
  209. package/dist/ui/badge/animated.mjs +1 -1
  210. package/dist/ui/badge/variants.d.ts +29 -32
  211. package/dist/ui/badge/variants.d.ts.map +1 -1
  212. package/dist/ui/badge.js +4 -4
  213. package/dist/ui/badge.mjs +2 -2
  214. package/dist/ui/breadcrumb/variants.d.ts +1 -1
  215. package/dist/ui/breadcrumb/variants.d.ts.map +1 -1
  216. package/dist/ui/breadcrumb.js +42 -40
  217. package/dist/ui/breadcrumb.js.map +1 -1
  218. package/dist/ui/breadcrumb.mjs +42 -40
  219. package/dist/ui/breadcrumb.mjs.map +1 -1
  220. package/dist/ui/buttons/animated.js +3 -3
  221. package/dist/ui/buttons/animated.mjs +1 -1
  222. package/dist/ui/buttons/variants.d.ts +2 -2
  223. package/dist/ui/buttons/variants.d.ts.map +1 -1
  224. package/dist/ui/buttons.js +4 -4
  225. package/dist/ui/buttons.mjs +2 -2
  226. package/dist/ui/card/animated.js +7 -7
  227. package/dist/ui/card/animated.mjs +2 -2
  228. package/dist/ui/card/variants.d.ts +7 -7
  229. package/dist/ui/card/variants.d.ts.map +1 -1
  230. package/dist/ui/card.js +12 -12
  231. package/dist/ui/card.mjs +2 -2
  232. package/dist/ui/checkbox/animated/animations.d.ts +32 -0
  233. package/dist/ui/checkbox/animated/animations.d.ts.map +1 -0
  234. package/dist/ui/checkbox/animated/checkbox-animated.d.ts +6 -0
  235. package/dist/ui/checkbox/animated/checkbox-animated.d.ts.map +1 -0
  236. package/dist/ui/checkbox/animated/index.d.ts +4 -0
  237. package/dist/ui/checkbox/animated/index.d.ts.map +1 -0
  238. package/dist/ui/checkbox/animated/types.d.ts +8 -0
  239. package/dist/ui/checkbox/animated/types.d.ts.map +1 -0
  240. package/dist/ui/checkbox/animated.js +153 -0
  241. package/dist/ui/checkbox/animated.js.map +1 -0
  242. package/dist/ui/checkbox/animated.mjs +150 -0
  243. package/dist/ui/checkbox/animated.mjs.map +1 -0
  244. package/dist/ui/checkbox/checkbox-base.d.ts +6 -0
  245. package/dist/ui/checkbox/checkbox-base.d.ts.map +1 -0
  246. package/dist/ui/checkbox/checkbox.d.ts +6 -0
  247. package/dist/ui/checkbox/checkbox.d.ts.map +1 -0
  248. package/dist/ui/checkbox/index.d.ts +4 -0
  249. package/dist/ui/checkbox/index.d.ts.map +1 -0
  250. package/dist/ui/checkbox/types.d.ts +19 -0
  251. package/dist/ui/checkbox/types.d.ts.map +1 -0
  252. package/dist/ui/checkbox/variants.d.ts +11 -0
  253. package/dist/ui/checkbox/variants.d.ts.map +1 -0
  254. package/dist/ui/checkbox.js +150 -0
  255. package/dist/ui/checkbox.js.map +1 -0
  256. package/dist/ui/checkbox.mjs +137 -0
  257. package/dist/ui/checkbox.mjs.map +1 -0
  258. package/dist/ui/divider/animated.js +2 -2
  259. package/dist/ui/divider/animated.mjs +1 -1
  260. package/dist/ui/divider/variants.d.ts +4 -4
  261. package/dist/ui/divider/variants.d.ts.map +1 -1
  262. package/dist/ui/divider.js +6 -6
  263. package/dist/ui/divider.mjs +2 -2
  264. package/dist/ui/drawer/animated.js +11 -11
  265. package/dist/ui/drawer/animated.mjs +2 -2
  266. package/dist/ui/drawer/variants.d.ts +1 -1
  267. package/dist/ui/drawer/variants.d.ts.map +1 -1
  268. package/dist/ui/drawer.js +11 -11
  269. package/dist/ui/drawer.mjs +1 -1
  270. package/dist/ui/dropdown/variants.d.ts +4 -4
  271. package/dist/ui/dropdown/variants.d.ts.map +1 -1
  272. package/dist/ui/dropdown.js +106 -104
  273. package/dist/ui/dropdown.js.map +1 -1
  274. package/dist/ui/dropdown.mjs +106 -104
  275. package/dist/ui/dropdown.mjs.map +1 -1
  276. package/dist/ui/dynamic-stepper/variants.d.ts +5 -9
  277. package/dist/ui/dynamic-stepper/variants.d.ts.map +1 -1
  278. package/dist/ui/dynamic-stepper.js +100 -93
  279. package/dist/ui/dynamic-stepper.js.map +1 -1
  280. package/dist/ui/dynamic-stepper.mjs +98 -91
  281. package/dist/ui/dynamic-stepper.mjs.map +1 -1
  282. package/dist/ui/empty-state/animated.js +2 -2
  283. package/dist/ui/empty-state/animated.mjs +1 -1
  284. package/dist/ui/empty-state/variants.d.ts +3 -3
  285. package/dist/ui/empty-state/variants.d.ts.map +1 -1
  286. package/dist/ui/empty-state.js +10 -10
  287. package/dist/ui/empty-state.mjs +2 -2
  288. package/dist/ui/file-upload/variants.d.ts.map +1 -1
  289. package/dist/ui/file-upload.js +28 -26
  290. package/dist/ui/file-upload.js.map +1 -1
  291. package/dist/ui/file-upload.mjs +28 -26
  292. package/dist/ui/file-upload.mjs.map +1 -1
  293. package/dist/ui/inputs/animated.js +3 -3
  294. package/dist/ui/inputs/animated.mjs +1 -1
  295. package/dist/ui/inputs/variants.d.ts +1 -1
  296. package/dist/ui/inputs/variants.d.ts.map +1 -1
  297. package/dist/ui/inputs.js +4 -4
  298. package/dist/ui/inputs.mjs +2 -2
  299. package/dist/ui/modal/animated.js +4 -4
  300. package/dist/ui/modal/animated.mjs +1 -1
  301. package/dist/ui/modal/variants.d.ts +1 -1
  302. package/dist/ui/modal/variants.d.ts.map +1 -1
  303. package/dist/ui/modal.js +12 -12
  304. package/dist/ui/modal.mjs +2 -2
  305. package/dist/ui/pagination/variants.d.ts +3 -7
  306. package/dist/ui/pagination/variants.d.ts.map +1 -1
  307. package/dist/ui/pagination.js +84 -84
  308. package/dist/ui/pagination.js.map +1 -1
  309. package/dist/ui/pagination.mjs +81 -81
  310. package/dist/ui/pagination.mjs.map +1 -1
  311. package/dist/ui/progress/animated.js +8 -8
  312. package/dist/ui/progress/animated.mjs +2 -2
  313. package/dist/ui/progress/variants.d.ts +3 -3
  314. package/dist/ui/progress/variants.d.ts.map +1 -1
  315. package/dist/ui/progress.js +9 -9
  316. package/dist/ui/progress.mjs +2 -2
  317. package/dist/ui/radio-group/animated/animations.d.ts +32 -0
  318. package/dist/ui/radio-group/animated/animations.d.ts.map +1 -0
  319. package/dist/ui/radio-group/animated/index.d.ts +4 -0
  320. package/dist/ui/radio-group/animated/index.d.ts.map +1 -0
  321. package/dist/ui/radio-group/animated/radio-group-animated.d.ts +10 -0
  322. package/dist/ui/radio-group/animated/radio-group-animated.d.ts.map +1 -0
  323. package/dist/ui/radio-group/animated/types.d.ts +11 -0
  324. package/dist/ui/radio-group/animated/types.d.ts.map +1 -0
  325. package/dist/ui/radio-group/animated.js +177 -0
  326. package/dist/ui/radio-group/animated.js.map +1 -0
  327. package/dist/ui/radio-group/animated.mjs +173 -0
  328. package/dist/ui/radio-group/animated.mjs.map +1 -0
  329. package/dist/ui/radio-group/index.d.ts +4 -0
  330. package/dist/ui/radio-group/index.d.ts.map +1 -0
  331. package/dist/ui/radio-group/radio-group-context.d.ts +13 -0
  332. package/dist/ui/radio-group/radio-group-context.d.ts.map +1 -0
  333. package/dist/ui/radio-group/radio-group.d.ts +10 -0
  334. package/dist/ui/radio-group/radio-group.d.ts.map +1 -0
  335. package/dist/ui/radio-group/types.d.ts +26 -0
  336. package/dist/ui/radio-group/types.d.ts.map +1 -0
  337. package/dist/ui/radio-group/variants.d.ts +14 -0
  338. package/dist/ui/radio-group/variants.d.ts.map +1 -0
  339. package/dist/ui/radio-group.js +171 -0
  340. package/dist/ui/radio-group.js.map +1 -0
  341. package/dist/ui/radio-group.mjs +153 -0
  342. package/dist/ui/radio-group.mjs.map +1 -0
  343. package/dist/ui/search.js +2 -2
  344. package/dist/ui/search.mjs +1 -1
  345. package/dist/ui/select/variants.d.ts +6 -6
  346. package/dist/ui/select/variants.d.ts.map +1 -1
  347. package/dist/ui/select.js +122 -123
  348. package/dist/ui/select.js.map +1 -1
  349. package/dist/ui/select.mjs +122 -123
  350. package/dist/ui/select.mjs.map +1 -1
  351. package/dist/ui/skeleton/animated.js +8 -8
  352. package/dist/ui/skeleton/animated.mjs +1 -1
  353. package/dist/ui/skeleton/variants.d.ts +5 -4
  354. package/dist/ui/skeleton/variants.d.ts.map +1 -1
  355. package/dist/ui/skeleton.js +9 -9
  356. package/dist/ui/skeleton.mjs +1 -1
  357. package/dist/ui/slider/variants.d.ts +3 -3
  358. package/dist/ui/slider/variants.d.ts.map +1 -1
  359. package/dist/ui/slider.js +69 -67
  360. package/dist/ui/slider.js.map +1 -1
  361. package/dist/ui/slider.mjs +69 -67
  362. package/dist/ui/slider.mjs.map +1 -1
  363. package/dist/ui/spinner/animated/variants.d.ts +2 -2
  364. package/dist/ui/spinner/animated/variants.d.ts.map +1 -1
  365. package/dist/ui/spinner/animated.js +44 -38
  366. package/dist/ui/spinner/animated.js.map +1 -1
  367. package/dist/ui/spinner/animated.mjs +44 -38
  368. package/dist/ui/spinner/animated.mjs.map +1 -1
  369. package/dist/ui/stepper/variants.d.ts +1 -1
  370. package/dist/ui/stepper/variants.d.ts.map +1 -1
  371. package/dist/ui/stepper.js +57 -50
  372. package/dist/ui/stepper.js.map +1 -1
  373. package/dist/ui/stepper.mjs +57 -50
  374. package/dist/ui/stepper.mjs.map +1 -1
  375. package/dist/ui/table/animated.js +8 -8
  376. package/dist/ui/table/animated.mjs +2 -2
  377. package/dist/ui/table/variants.d.ts +2 -2
  378. package/dist/ui/table/variants.d.ts.map +1 -1
  379. package/dist/ui/table.js +14 -14
  380. package/dist/ui/table.mjs +1 -1
  381. package/dist/ui/tabs/animated.js +2 -2
  382. package/dist/ui/tabs/animated.mjs +1 -1
  383. package/dist/ui/tabs/variants.d.ts +2 -2
  384. package/dist/ui/tabs/variants.d.ts.map +1 -1
  385. package/dist/ui/tabs.js +9 -9
  386. package/dist/ui/tabs.mjs +1 -1
  387. package/dist/ui/toast/animated.js +7 -7
  388. package/dist/ui/toast/animated.mjs +1 -1
  389. package/dist/ui/toast/variants.d.ts +3 -3
  390. package/dist/ui/toast/variants.d.ts.map +1 -1
  391. package/dist/ui/toast.js +12 -12
  392. package/dist/ui/toast.mjs +1 -1
  393. package/dist/ui/toggle/animated/toggle-animated.d.ts.map +1 -1
  394. package/dist/ui/toggle/animated.js +13 -6
  395. package/dist/ui/toggle/animated.js.map +1 -1
  396. package/dist/ui/toggle/animated.mjs +12 -5
  397. package/dist/ui/toggle/animated.mjs.map +1 -1
  398. package/dist/ui/toggle/toggle-base.d.ts +2 -0
  399. package/dist/ui/toggle/toggle-base.d.ts.map +1 -1
  400. package/dist/ui/toggle/variants.d.ts +4 -4
  401. package/dist/ui/toggle/variants.d.ts.map +1 -1
  402. package/dist/ui/toggle.js +5 -94
  403. package/dist/ui/toggle.js.map +1 -1
  404. package/dist/ui/toggle.mjs +4 -93
  405. package/dist/ui/toggle.mjs.map +1 -1
  406. package/dist/ui/tooltip/animated.js +3 -3
  407. package/dist/ui/tooltip/animated.mjs +1 -1
  408. package/dist/ui/tooltip/variants.d.ts +3 -3
  409. package/dist/ui/tooltip/variants.d.ts.map +1 -1
  410. package/dist/ui/tooltip.js +7 -7
  411. package/dist/ui/tooltip.mjs +1 -1
  412. package/dist/ui/typography/variants.d.ts +1 -3
  413. package/dist/ui/typography/variants.d.ts.map +1 -1
  414. package/dist/ui/typography.js +51 -41
  415. package/dist/ui/typography.js.map +1 -1
  416. package/dist/ui/typography.mjs +51 -41
  417. package/dist/ui/typography.mjs.map +1 -1
  418. package/package.json +2 -1
  419. package/src/charts/shared/chart-frame.tsx +19 -8
  420. package/src/design-system/accordion.ts +111 -0
  421. package/src/design-system/alert.ts +64 -0
  422. package/src/design-system/avatar.ts +61 -0
  423. package/src/design-system/badge.ts +85 -0
  424. package/src/design-system/breadcrumb.ts +45 -0
  425. package/src/design-system/button.ts +81 -0
  426. package/src/design-system/card.ts +104 -0
  427. package/src/design-system/checkbox.ts +47 -0
  428. package/src/design-system/divider.ts +73 -0
  429. package/src/design-system/drawer.ts +111 -0
  430. package/src/design-system/dropdown.ts +130 -0
  431. package/src/design-system/dynamic-stepper.ts +218 -0
  432. package/src/design-system/empty-state.ts +39 -0
  433. package/src/design-system/file-upload.ts +30 -0
  434. package/src/design-system/index.ts +31 -0
  435. package/src/design-system/inputs.ts +74 -0
  436. package/src/design-system/modal.ts +110 -0
  437. package/src/design-system/pagination.ts +92 -0
  438. package/src/design-system/progress.ts +86 -0
  439. package/src/design-system/radio-group.ts +54 -0
  440. package/src/design-system/select.ts +155 -0
  441. package/src/design-system/skeleton.ts +129 -0
  442. package/src/design-system/slider.ts +70 -0
  443. package/src/design-system/spinner.ts +59 -0
  444. package/src/design-system/stepper.ts +66 -0
  445. package/src/design-system/table.ts +115 -0
  446. package/src/design-system/tabs.ts +73 -0
  447. package/src/design-system/toast.ts +69 -0
  448. package/src/design-system/toggle.ts +120 -0
  449. package/src/design-system/tokens.ts +22 -0
  450. package/src/design-system/tooltip.ts +63 -0
  451. package/src/design-system/typography.ts +64 -0
  452. package/src/ui/accordion/variants.ts +24 -106
  453. package/src/ui/alert/alert.test.tsx +1 -1
  454. package/src/ui/alert/variants.ts +25 -77
  455. package/src/ui/avatar/variants.ts +21 -66
  456. package/src/ui/badge/badge.test.tsx +1 -1
  457. package/src/ui/badge/variants.ts +28 -89
  458. package/src/ui/breadcrumb/variants.ts +24 -40
  459. package/src/ui/buttons/button.test.tsx +25 -5
  460. package/src/ui/buttons/variants.ts +15 -84
  461. package/src/ui/card/card.test.tsx +1 -1
  462. package/src/ui/card/variants.ts +46 -121
  463. package/src/ui/checkbox/animated/animations.ts +12 -0
  464. package/src/ui/checkbox/animated/checkbox-animated.tsx +145 -0
  465. package/src/ui/checkbox/animated/index.ts +9 -0
  466. package/src/ui/checkbox/animated/types.ts +9 -0
  467. package/src/ui/checkbox/checkbox-base.tsx +134 -0
  468. package/src/ui/checkbox/checkbox.test.tsx +53 -0
  469. package/src/ui/checkbox/checkbox.tsx +8 -0
  470. package/src/ui/checkbox/index.ts +15 -0
  471. package/src/ui/checkbox/types.ts +40 -0
  472. package/src/ui/checkbox/variants.ts +50 -0
  473. package/src/ui/divider/variants.ts +32 -70
  474. package/src/ui/drawer/drawer-base.tsx +1 -1
  475. package/src/ui/drawer/variants.ts +41 -132
  476. package/src/ui/dropdown/variants.ts +36 -142
  477. package/src/ui/dynamic-stepper/variants.ts +32 -216
  478. package/src/ui/empty-state/variants.ts +29 -44
  479. package/src/ui/file-upload/variants.ts +12 -36
  480. package/src/ui/inputs/input.test.tsx +11 -11
  481. package/src/ui/inputs/variants.ts +308 -371
  482. package/src/ui/modal/variants.ts +29 -120
  483. package/src/ui/pagination/pagination.test.tsx +1 -1
  484. package/src/ui/pagination/variants.ts +22 -95
  485. package/src/ui/progress/variants.ts +41 -112
  486. package/src/ui/radio-group/animated/animations.ts +12 -0
  487. package/src/ui/radio-group/animated/index.ts +10 -0
  488. package/src/ui/radio-group/animated/radio-group-animated.tsx +173 -0
  489. package/src/ui/radio-group/animated/types.ts +13 -0
  490. package/src/ui/radio-group/index.ts +19 -0
  491. package/src/ui/radio-group/radio-group-context.ts +23 -0
  492. package/src/ui/radio-group/radio-group.test.tsx +61 -0
  493. package/src/ui/radio-group/radio-group.tsx +159 -0
  494. package/src/ui/radio-group/types.ts +62 -0
  495. package/src/ui/radio-group/variants.ts +61 -0
  496. package/src/ui/select/variants.ts +40 -165
  497. package/src/ui/skeleton/variants.ts +154 -250
  498. package/src/ui/slider/variants.ts +34 -67
  499. package/src/ui/spinner/animated/variants.ts +10 -39
  500. package/src/ui/stepper/stepper.test.tsx +12 -4
  501. package/src/ui/stepper/variants.ts +23 -68
  502. package/src/ui/table/variants.ts +36 -106
  503. package/src/ui/tabs/variants.ts +26 -73
  504. package/src/ui/toast/variants.ts +24 -75
  505. package/src/ui/toggle/animated/toggle-animated.tsx +14 -4
  506. package/src/ui/toggle/toggle-base.tsx +3 -7
  507. package/src/ui/toggle/variants.ts +27 -111
  508. package/src/ui/tooltip/variants.ts +18 -57
  509. package/src/ui/typography/typography.test.tsx +1 -1
  510. package/src/ui/typography/variants.ts +17 -54
  511. package/dist/chunk-25EAVVGS.mjs +0 -267
  512. package/dist/chunk-25EAVVGS.mjs.map +0 -1
  513. package/dist/chunk-4F56BLZQ.js +0 -336
  514. package/dist/chunk-4F56BLZQ.js.map +0 -1
  515. package/dist/chunk-4PZIDDC6.js +0 -279
  516. package/dist/chunk-4PZIDDC6.js.map +0 -1
  517. package/dist/chunk-73RHHGIA.mjs +0 -197
  518. package/dist/chunk-73RHHGIA.mjs.map +0 -1
  519. package/dist/chunk-746CV3AN.js +0 -246
  520. package/dist/chunk-746CV3AN.js.map +0 -1
  521. package/dist/chunk-CFTDAGKD.js +0 -130
  522. package/dist/chunk-CFTDAGKD.js.map +0 -1
  523. package/dist/chunk-CXNDE4VC.js +0 -273
  524. package/dist/chunk-CXNDE4VC.js.map +0 -1
  525. package/dist/chunk-D55YIHBN.js.map +0 -1
  526. package/dist/chunk-EU63V22F.mjs +0 -126
  527. package/dist/chunk-EU63V22F.mjs.map +0 -1
  528. package/dist/chunk-EZS47EZW.mjs +0 -70
  529. package/dist/chunk-EZS47EZW.mjs.map +0 -1
  530. package/dist/chunk-GHJN3Z3V.js +0 -292
  531. package/dist/chunk-GHJN3Z3V.js.map +0 -1
  532. package/dist/chunk-GIC3J6HR.mjs +0 -196
  533. package/dist/chunk-GIC3J6HR.mjs.map +0 -1
  534. package/dist/chunk-GPAUYUM3.js +0 -232
  535. package/dist/chunk-GPAUYUM3.js.map +0 -1
  536. package/dist/chunk-HARD4NMB.mjs +0 -268
  537. package/dist/chunk-HARD4NMB.mjs.map +0 -1
  538. package/dist/chunk-HV7LVRK3.js +0 -277
  539. package/dist/chunk-HV7LVRK3.js.map +0 -1
  540. package/dist/chunk-JE6B3DHW.mjs +0 -220
  541. package/dist/chunk-JE6B3DHW.mjs.map +0 -1
  542. package/dist/chunk-JOMSI4WH.js.map +0 -1
  543. package/dist/chunk-KA5MORDC.js +0 -336
  544. package/dist/chunk-KA5MORDC.js.map +0 -1
  545. package/dist/chunk-M6FS7X54.mjs.map +0 -1
  546. package/dist/chunk-MM3P52WS.js.map +0 -1
  547. package/dist/chunk-MTJRPLMG.js.map +0 -1
  548. package/dist/chunk-OB6TYS5Q.js +0 -205
  549. package/dist/chunk-OB6TYS5Q.js.map +0 -1
  550. package/dist/chunk-OHST7AHC.mjs +0 -99
  551. package/dist/chunk-OHST7AHC.mjs.map +0 -1
  552. package/dist/chunk-OVTWPGMW.mjs.map +0 -1
  553. package/dist/chunk-OZ4SFJ3S.mjs +0 -264
  554. package/dist/chunk-OZ4SFJ3S.mjs.map +0 -1
  555. package/dist/chunk-PSIAOIXJ.mjs +0 -278
  556. package/dist/chunk-PSIAOIXJ.mjs.map +0 -1
  557. package/dist/chunk-QNF4JPFP.js +0 -339
  558. package/dist/chunk-QNF4JPFP.js.map +0 -1
  559. package/dist/chunk-QSIJKHC5.mjs.map +0 -1
  560. package/dist/chunk-QWC2QBRJ.js +0 -175
  561. package/dist/chunk-QWC2QBRJ.js.map +0 -1
  562. package/dist/chunk-RFFGQYDQ.mjs +0 -337
  563. package/dist/chunk-RFFGQYDQ.mjs.map +0 -1
  564. package/dist/chunk-S5H2OMTZ.mjs +0 -233
  565. package/dist/chunk-S5H2OMTZ.mjs.map +0 -1
  566. package/dist/chunk-SPX2QDIB.mjs.map +0 -1
  567. package/dist/chunk-TIPNRH26.js +0 -102
  568. package/dist/chunk-TIPNRH26.js.map +0 -1
  569. package/dist/chunk-V2PEOBAT.mjs +0 -324
  570. package/dist/chunk-V2PEOBAT.mjs.map +0 -1
  571. package/dist/chunk-V3XNH7Y4.mjs +0 -169
  572. package/dist/chunk-V3XNH7Y4.mjs.map +0 -1
  573. package/dist/chunk-VGWA26BN.js +0 -72
  574. package/dist/chunk-VGWA26BN.js.map +0 -1
  575. package/dist/chunk-WNLDXBS6.mjs +0 -323
  576. package/dist/chunk-WNLDXBS6.mjs.map +0 -1
  577. package/dist/chunk-YIO7DFUA.js +0 -207
  578. package/dist/chunk-YIO7DFUA.js.map +0 -1
package/src/design-system/divider.ts ADDED
@@ -0,0 +1,73 @@
1
+ export const zuiDividerAppearances = {
2
+ default:
3
+ "text-[color:var(--zui-divider-default-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-divider-default-fg-dark,oklch(92.9%_0.013_255.508))]",
4
+ muted:
5
+ "text-[color:var(--zui-divider-muted-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-divider-muted-fg-dark,oklch(55.4%_0.046_257.417))]",
6
+ primary:
7
+ "text-[color:var(--zui-divider-primary-fg,oklch(52%_0.105_223.128))] dark:text-[color:var(--zui-divider-primary-fg-dark,oklch(86.5%_0.127_207.078))]",
8
+ destructive:
9
+ "text-[color:var(--zui-divider-destructive-fg,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-divider-destructive-fg-dark,oklch(71.2%_0.194_13.428))]",
10
+ ghost:
11
+ "text-[color:var(--zui-divider-ghost-fg,oklch(70.4%_0.04_256.788))] dark:text-[color:var(--zui-divider-ghost-fg-dark,oklch(44.6%_0.043_257.281))]",
12
+ sky: "text-[color:var(--zui-divider-sky-fg,oklch(58.8%_0.158_241.966))] dark:text-[color:var(--zui-divider-sky-fg-dark,oklch(74.6%_0.16_232.661))]",
13
+ rose: "text-[color:var(--zui-divider-rose-fg,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-divider-rose-fg-dark,oklch(71.2%_0.194_13.428))]",
14
+ purple:
15
+ "text-[color:var(--zui-divider-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-divider-purple-fg-dark,oklch(71.4%_0.203_305.504))]",
16
+ pink: "text-[color:var(--zui-divider-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-divider-pink-fg-dark,oklch(71.8%_0.202_349.761))]",
17
+ orange:
18
+ "text-[color:var(--zui-divider-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-divider-orange-fg-dark,oklch(75%_0.183_55.934))]",
19
+ yellow:
20
+ "text-[color:var(--zui-divider-yellow-fg,oklch(68.1%_0.162_75.834))] dark:text-[color:var(--zui-divider-yellow-fg-dark,oklch(85.2%_0.199_91.936))]",
21
+ teal: "text-[color:var(--zui-divider-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-divider-teal-fg-dark,oklch(77.7%_0.152_181.912))]",
22
+ indigo:
23
+ "text-[color:var(--zui-divider-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-divider-indigo-fg-dark,oklch(67.3%_0.182_276.935))]",
24
+ emerald:
25
+ "text-[color:var(--zui-divider-emerald-fg,oklch(59.6%_0.145_163.225))] dark:text-[color:var(--zui-divider-emerald-fg-dark,oklch(76.5%_0.177_163.223))]",
26
+ gray: "text-[color:var(--zui-divider-gray-fg,oklch(44.6%_0.03_256.802))] dark:text-[color:var(--zui-divider-gray-fg-dark,oklch(70.7%_0.022_261.325))]",
27
+ amber:
28
+ "text-[color:var(--zui-divider-amber-fg,oklch(66.6%_0.179_58.318))] dark:text-[color:var(--zui-divider-amber-fg-dark,oklch(82.8%_0.189_84.429))]",
29
+ violet:
30
+ "text-[color:var(--zui-divider-violet-fg,oklch(54.1%_0.281_293.009))] dark:text-[color:var(--zui-divider-violet-fg-dark,oklch(70.2%_0.183_293.541))]",
31
+ "gradient-blue":
32
+ "text-[color:var(--zui-divider-gradient-blue-fg,oklch(54.6%_0.245_262.881))] dark:text-[color:var(--zui-divider-gradient-blue-fg-dark,oklch(70.7%_0.165_254.624))]",
33
+ "gradient-green":
34
+ "text-[color:var(--zui-divider-gradient-green-fg,oklch(62.7%_0.194_149.214))] dark:text-[color:var(--zui-divider-gradient-green-fg-dark,oklch(79.2%_0.209_151.711))]",
35
+ "gradient-red":
36
+ "text-[color:var(--zui-divider-gradient-red-fg,oklch(57.7%_0.245_27.325))] dark:text-[color:var(--zui-divider-gradient-red-fg-dark,oklch(70.4%_0.191_22.216))]",
37
+ "gradient-yellow":
38
+ "text-[color:var(--zui-divider-gradient-yellow-fg,oklch(68.1%_0.162_75.834))] dark:text-[color:var(--zui-divider-gradient-yellow-fg-dark,oklch(85.2%_0.199_91.936))]",
39
+ "gradient-purple":
40
+ "text-[color:var(--zui-divider-gradient-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-divider-gradient-purple-fg-dark,oklch(71.4%_0.203_305.504))]",
41
+ "gradient-teal":
42
+ "text-[color:var(--zui-divider-gradient-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-divider-gradient-teal-fg-dark,oklch(77.7%_0.152_181.912))]",
43
+ "gradient-indigo":
44
+ "text-[color:var(--zui-divider-gradient-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-divider-gradient-indigo-fg-dark,oklch(67.3%_0.182_276.935))]",
45
+ "gradient-pink":
46
+ "text-[color:var(--zui-divider-gradient-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-divider-gradient-pink-fg-dark,oklch(71.8%_0.202_349.761))]",
47
+ "gradient-orange":
48
+ "text-[color:var(--zui-divider-gradient-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-divider-gradient-orange-fg-dark,oklch(75%_0.183_55.934))]",
49
+ } as const;
50
+
51
+ export const zuiDividerBase = "flex w-full items-center gap-3";
52
+
53
+ export const zuiDividerOrientations = {
54
+ horizontal: "w-full flex-row",
55
+ vertical: "h-full min-h-[2rem] w-auto flex-col self-stretch",
56
+ } as const;
57
+
58
+ export const zuiDividerSizes = {
59
+ sm: "",
60
+ md: "",
61
+ lg: "",
62
+ } as const;
63
+
64
+ export const zuiDividerLineBase =
65
+ "shrink grow rounded-full bg-current opacity-80";
66
+
67
+ export const zuiDividerLineOrientations = {
68
+ horizontal: "h-px",
69
+ vertical: "w-px flex-1",
70
+ } as const;
71
+
72
+ export const zuiDividerLabelBase =
73
+ "shrink-0 text-xs font-medium uppercase tracking-wide text-current";
package/src/design-system/drawer.ts ADDED
@@ -0,0 +1,111 @@
1
+ export const zuiDrawerOverlayBase =
2
+ "fixed inset-0 z-101 bg-[var(--zui-drawer-overlay-bg,oklch(98.4%_0.003_247.858_/_0.7))] dark:bg-[var(--zui-drawer-overlay-bg-dark,oklch(12.9%_0.042_264.695_/_0.7))] backdrop-blur-sm";
3
+
4
+ export const zuiDrawerTriggerBase =
5
+ "relative inline-flex shrink-0 cursor-pointer border rounded px-3 py-1.5";
6
+
7
+ export const zuiDrawerTriggerAppearances = {
8
+ default:
9
+ "bg-[var(--zui-drawer-trigger-default-bg,oklch(12.9%_0.042_264.695))]",
10
+ glass:
11
+ "border-[color:var(--zui-drawer-trigger-glass-border,#00000026)] dark:border-[color:var(--zui-drawer-trigger-glass-border-dark,#ffffff26)] bg-[var(--zui-drawer-trigger-glass-bg,oklch(98.4%_0.003_247.858_/_0.7))] dark:bg-[var(--zui-drawer-trigger-glass-bg-dark,oklch(12.9%_0.042_264.695_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-glass-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-drawer-trigger-glass-fg-dark,#ffffff)]",
12
+ sky: "border-[color:var(--zui-drawer-trigger-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-drawer-trigger-sky-border-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-drawer-trigger-sky-bg,oklch(97.7%_0.013_236.62))] dark:bg-[var(--zui-drawer-trigger-sky-bg-dark,oklch(29.3%_0.066_243.157_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-sky-fg,oklch(44.3%_0.11_240.79))] dark:text-[color:var(--zui-drawer-trigger-sky-fg-dark,#ffffff)]",
13
+ rose: "border-[color:var(--zui-drawer-trigger-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-drawer-trigger-rose-border-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-drawer-trigger-rose-bg,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-drawer-trigger-rose-bg-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-rose-fg,oklch(45.5%_0.188_13.697))] dark:text-[color:var(--zui-drawer-trigger-rose-fg-dark,#ffffff)]",
14
+ purple:
15
+ "border-[color:var(--zui-drawer-trigger-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-drawer-trigger-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-drawer-trigger-purple-bg,oklch(97.7%_0.014_308.299))] dark:bg-[var(--zui-drawer-trigger-purple-bg-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-purple-fg,oklch(43.8%_0.218_303.724))] dark:text-[color:var(--zui-drawer-trigger-purple-fg-dark,#ffffff)]",
16
+ pink: "border-[color:var(--zui-drawer-trigger-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-drawer-trigger-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-drawer-trigger-pink-bg,oklch(97.1%_0.014_343.198))] dark:bg-[var(--zui-drawer-trigger-pink-bg-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-pink-fg,oklch(45.9%_0.187_3.815))] dark:text-[color:var(--zui-drawer-trigger-pink-fg-dark,#ffffff)]",
17
+ orange:
18
+ "border-[color:var(--zui-drawer-trigger-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-drawer-trigger-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-drawer-trigger-orange-bg,oklch(98%_0.016_73.684))] dark:bg-[var(--zui-drawer-trigger-orange-bg-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-orange-fg,oklch(47%_0.157_37.304))] dark:text-[color:var(--zui-drawer-trigger-orange-fg-dark,#ffffff)]",
19
+ yellow:
20
+ "border-[color:var(--zui-drawer-trigger-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-drawer-trigger-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-drawer-trigger-yellow-bg,oklch(98.7%_0.026_102.212))] dark:bg-[var(--zui-drawer-trigger-yellow-bg-dark,oklch(28.6%_0.066_53.813_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-yellow-fg,oklch(47.6%_0.114_61.907))] dark:text-[color:var(--zui-drawer-trigger-yellow-fg-dark,#ffffff)]",
21
+ teal: "border-[color:var(--zui-drawer-trigger-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-drawer-trigger-teal-border-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-drawer-trigger-teal-bg,oklch(98.4%_0.014_180.72))] dark:bg-[var(--zui-drawer-trigger-teal-bg-dark,oklch(27.7%_0.046_192.524_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-teal-fg,oklch(43.7%_0.078_188.216))] dark:text-[color:var(--zui-drawer-trigger-teal-fg-dark,#ffffff)]",
22
+ indigo:
23
+ "border-[color:var(--zui-drawer-trigger-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-drawer-trigger-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-drawer-trigger-indigo-bg,oklch(96.2%_0.018_272.314))] dark:bg-[var(--zui-drawer-trigger-indigo-bg-dark,oklch(25.7%_0.09_281.288_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-indigo-fg,oklch(39.8%_0.195_277.366))] dark:text-[color:var(--zui-drawer-trigger-indigo-fg-dark,#ffffff)]",
24
+ emerald:
25
+ "border-[color:var(--zui-drawer-trigger-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-drawer-trigger-emerald-border-dark,oklch(59.6%_0.145_163.225))] bg-[var(--zui-drawer-trigger-emerald-bg,oklch(97.9%_0.021_166.113))] dark:bg-[var(--zui-drawer-trigger-emerald-bg-dark,oklch(26.2%_0.051_172.552_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-emerald-fg,oklch(43.2%_0.095_166.913))] dark:text-[color:var(--zui-drawer-trigger-emerald-fg-dark,#ffffff)]",
26
+ gray: "border-[color:var(--zui-drawer-trigger-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-drawer-trigger-gray-border-dark,oklch(44.6%_0.03_256.802))] bg-[var(--zui-drawer-trigger-gray-bg,oklch(98.5%_0.002_247.839))] dark:bg-[var(--zui-drawer-trigger-gray-bg-dark,oklch(13%_0.028_261.692_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gray-fg,oklch(27.8%_0.033_256.848))] dark:text-[color:var(--zui-drawer-trigger-gray-fg-dark,#ffffff)]",
27
+ amber:
28
+ "border-[color:var(--zui-drawer-trigger-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-drawer-trigger-amber-border-dark,oklch(66.6%_0.179_58.318))] bg-[var(--zui-drawer-trigger-amber-bg,oklch(98.7%_0.022_95.277))] dark:bg-[var(--zui-drawer-trigger-amber-bg-dark,oklch(27.9%_0.077_45.635_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-amber-fg,oklch(47.3%_0.137_46.201))] dark:text-[color:var(--zui-drawer-trigger-amber-fg-dark,#ffffff)]",
29
+ violet:
30
+ "border-[color:var(--zui-drawer-trigger-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-drawer-trigger-violet-border-dark,oklch(54.1%_0.281_293.009))] bg-[var(--zui-drawer-trigger-violet-bg,oklch(96.9%_0.016_293.756))] dark:bg-[var(--zui-drawer-trigger-violet-bg-dark,oklch(28.3%_0.141_291.089_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-violet-fg,oklch(43.2%_0.232_292.759))] dark:text-[color:var(--zui-drawer-trigger-violet-fg-dark,#ffffff)]",
31
+ "gradient-blue":
32
+ "border-[color:var(--zui-drawer-trigger-gradient-blue-border,oklch(42.4%_0.199_265.638))] dark:border-[color:var(--zui-drawer-trigger-gradient-blue-border-dark,oklch(54.6%_0.245_262.881))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-blue-from,oklch(97%_0.014_254.604))] dark:from-[var(--zui-drawer-trigger-gradient-blue-from-dark,oklch(28.2%_0.091_267.935_/_0.7))] to-[var(--zui-drawer-trigger-gradient-blue-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-drawer-trigger-gradient-blue-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-blue-fg,oklch(42.4%_0.199_265.638))] dark:text-[color:var(--zui-drawer-trigger-gradient-blue-fg-dark,#ffffff)]",
33
+ "gradient-green":
34
+ "border-[color:var(--zui-drawer-trigger-gradient-green-border,oklch(44.8%_0.119_151.328))] dark:border-[color:var(--zui-drawer-trigger-gradient-green-border-dark,oklch(62.7%_0.194_149.214))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-green-from,oklch(98.2%_0.018_155.826))] dark:from-[var(--zui-drawer-trigger-gradient-green-from-dark,oklch(26.6%_0.065_152.934_/_0.7))] to-[var(--zui-drawer-trigger-gradient-green-to,oklch(98.6%_0.031_120.757))] dark:to-[var(--zui-drawer-trigger-gradient-green-to-dark,oklch(27.4%_0.072_132.109_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-green-fg,oklch(44.8%_0.119_151.328))] dark:text-[color:var(--zui-drawer-trigger-gradient-green-fg-dark,#ffffff)]",
35
+ "gradient-red":
36
+ "border-[color:var(--zui-drawer-trigger-gradient-red-border,oklch(44.4%_0.177_26.899))] dark:border-[color:var(--zui-drawer-trigger-gradient-red-border-dark,oklch(57.7%_0.245_27.325))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-red-from,oklch(97.1%_0.013_17.38))] dark:from-[var(--zui-drawer-trigger-gradient-red-from-dark,oklch(25.8%_0.092_26.042_/_0.7))] to-[var(--zui-drawer-trigger-gradient-red-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-drawer-trigger-gradient-red-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-red-fg,oklch(44.4%_0.177_26.899))] dark:text-[color:var(--zui-drawer-trigger-gradient-red-fg-dark,#ffffff)]",
37
+ "gradient-yellow":
38
+ "border-[color:var(--zui-drawer-trigger-gradient-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-drawer-trigger-gradient-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-yellow-from,oklch(98.7%_0.026_102.212))] dark:from-[var(--zui-drawer-trigger-gradient-yellow-from-dark,oklch(28.6%_0.066_53.813_/_0.7))] to-[var(--zui-drawer-trigger-gradient-yellow-to,oklch(98%_0.016_73.684))] dark:to-[var(--zui-drawer-trigger-gradient-yellow-to-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-yellow-fg,oklch(47.6%_0.114_61.907))] dark:text-[color:var(--zui-drawer-trigger-gradient-yellow-fg-dark,#ffffff)]",
39
+ "gradient-purple":
40
+ "border-[color:var(--zui-drawer-trigger-gradient-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-drawer-trigger-gradient-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:from-[var(--zui-drawer-trigger-gradient-purple-from-dark,oklch(29.1%_0.149_302.717_/_0.7))] to-[var(--zui-drawer-trigger-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-drawer-trigger-gradient-purple-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-purple-fg,oklch(43.8%_0.218_303.724))] dark:text-[color:var(--zui-drawer-trigger-gradient-purple-fg-dark,#ffffff)]",
41
+ "gradient-teal":
42
+ "border-[color:var(--zui-drawer-trigger-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-drawer-trigger-gradient-teal-border-dark,oklch(60%_0.118_184.704))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-drawer-trigger-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.7))] to-[var(--zui-drawer-trigger-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-drawer-trigger-gradient-teal-to-dark,oklch(30.2%_0.056_229.695_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-teal-fg,oklch(43.7%_0.078_188.216))] dark:text-[color:var(--zui-drawer-trigger-gradient-teal-fg-dark,#ffffff)]",
43
+ "gradient-indigo":
44
+ "border-[color:var(--zui-drawer-trigger-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-drawer-trigger-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-drawer-trigger-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.7))] to-[var(--zui-drawer-trigger-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-drawer-trigger-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-indigo-fg,oklch(39.8%_0.195_277.366))] dark:text-[color:var(--zui-drawer-trigger-gradient-indigo-fg-dark,#ffffff)]",
45
+ "gradient-pink":
46
+ "border-[color:var(--zui-drawer-trigger-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-drawer-trigger-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-drawer-trigger-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.7))] to-[var(--zui-drawer-trigger-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-drawer-trigger-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-pink-fg,oklch(45.9%_0.187_3.815))] dark:text-[color:var(--zui-drawer-trigger-gradient-pink-fg-dark,#ffffff)]",
47
+ "gradient-orange":
48
+ "border-[color:var(--zui-drawer-trigger-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-drawer-trigger-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-orange-from,oklch(98%_0.016_73.684))] dark:from-[var(--zui-drawer-trigger-gradient-orange-from-dark,oklch(26.6%_0.079_36.259_/_0.7))] to-[var(--zui-drawer-trigger-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:to-[var(--zui-drawer-trigger-gradient-orange-to-dark,oklch(25.8%_0.092_26.042_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-orange-fg,oklch(47%_0.157_37.304))] dark:text-[color:var(--zui-drawer-trigger-gradient-orange-fg-dark,#ffffff)]",
49
+ } as const;
50
+
51
+ export const zuiDrawerContentBase =
52
+ "fixed z-101 flex max-h-[min(92vh,900px)] flex-col border border-[color:var(--zui-drawer-content-border,#0000001a)] dark:border-[color:var(--zui-drawer-content-border-dark,#ffffff1a)] bg-[var(--zui-drawer-content-bg,oklch(98.4%_0.003_247.858))] dark:bg-[var(--zui-drawer-content-bg-dark,oklch(12.9%_0.042_264.695))] p-6 text-[color:var(--zui-drawer-content-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-drawer-content-fg-dark,oklch(98.4%_0.003_247.858))] shadow-[var(--zui-drawer-content-shadow,0_12px_40px_rgba(15,23,42,0.14))] dark:shadow-[var(--zui-drawer-content-shadow-dark,0_24px_80px_rgba(15,23,42,0.55))] focus:outline-none";
53
+
54
+ export const zuiDrawerContentSides = {
55
+ left: "left-0 top-0 h-full w-[min(100%,420px)]",
56
+ right: "right-0 top-0 h-full w-[min(100%,420px)]",
57
+ top: "left-0 top-0 w-full max-h-[min(92vh,520px)]",
58
+ bottom: "bottom-0 left-0 w-full max-h-[min(92vh,520px)]",
59
+ } as const;
60
+
61
+ export const zuiDrawerContentSizes = {
62
+ sm: "",
63
+ md: "",
64
+ lg: "",
65
+ xl: "",
66
+ full: "",
67
+ } as const;
68
+
69
+ export const zuiDrawerContentAppearances = {
70
+ default:
71
+ "bg-[var(--zui-drawer-content-default-bg,oklch(98.4%_0.003_247.858))] dark:bg-[var(--zui-drawer-content-default-bg-dark,oklch(12.9%_0.042_264.695))] text-[color:var(--zui-drawer-content-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-drawer-content-default-fg-dark,#ffffff)]",
72
+ glass:
73
+ "border-[color:var(--zui-drawer-content-glass-border,#00000026)] dark:border-[color:var(--zui-drawer-content-glass-border-dark,#ffffff26)] bg-[var(--zui-drawer-content-glass-bg,oklch(98.4%_0.003_247.858_/_0.7))] dark:bg-[var(--zui-drawer-content-glass-bg-dark,oklch(12.9%_0.042_264.695_/_0.7))] backdrop-blur-xl",
74
+ sky: "border-[color:var(--zui-drawer-content-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-drawer-content-sky-border-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-drawer-content-sky-bg,oklch(97.7%_0.013_236.62))] dark:bg-[var(--zui-drawer-content-sky-bg-dark,oklch(29.3%_0.066_243.157_/_0.7))] backdrop-blur-xl",
75
+ rose: "border-[color:var(--zui-drawer-content-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-drawer-content-rose-border-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-drawer-content-rose-bg,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-drawer-content-rose-bg-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl",
76
+ purple:
77
+ "border-[color:var(--zui-drawer-content-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-drawer-content-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-drawer-content-purple-bg,oklch(97.7%_0.014_308.299))] dark:bg-[var(--zui-drawer-content-purple-bg-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl",
78
+ pink: "border-[color:var(--zui-drawer-content-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-drawer-content-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-drawer-content-pink-bg,oklch(97.1%_0.014_343.198))] dark:bg-[var(--zui-drawer-content-pink-bg-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl",
79
+ orange:
80
+ "border-[color:var(--zui-drawer-content-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-drawer-content-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-drawer-content-orange-bg,oklch(98%_0.016_73.684))] dark:bg-[var(--zui-drawer-content-orange-bg-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl",
81
+ yellow:
82
+ "border-[color:var(--zui-drawer-content-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-drawer-content-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-drawer-content-yellow-bg,oklch(98.7%_0.026_102.212))] dark:bg-[var(--zui-drawer-content-yellow-bg-dark,oklch(28.6%_0.066_53.813_/_0.7))] backdrop-blur-xl",
83
+ teal: "border-[color:var(--zui-drawer-content-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-drawer-content-teal-border-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-drawer-content-teal-bg,oklch(98.4%_0.014_180.72))] dark:bg-[var(--zui-drawer-content-teal-bg-dark,oklch(27.7%_0.046_192.524_/_0.7))] backdrop-blur-xl",
84
+ indigo:
85
+ "border-[color:var(--zui-drawer-content-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-drawer-content-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-drawer-content-indigo-bg,oklch(96.2%_0.018_272.314))] dark:bg-[var(--zui-drawer-content-indigo-bg-dark,oklch(25.7%_0.09_281.288_/_0.7))] backdrop-blur-xl",
86
+ emerald:
87
+ "border-[color:var(--zui-drawer-content-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-drawer-content-emerald-border-dark,oklch(59.6%_0.145_163.225))] bg-[var(--zui-drawer-content-emerald-bg,oklch(97.9%_0.021_166.113))] dark:bg-[var(--zui-drawer-content-emerald-bg-dark,oklch(26.2%_0.051_172.552_/_0.7))] backdrop-blur-xl",
88
+ gray: "border-[color:var(--zui-drawer-content-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-drawer-content-gray-border-dark,oklch(44.6%_0.03_256.802))] bg-[var(--zui-drawer-content-gray-bg,oklch(98.5%_0.002_247.839))] dark:bg-[var(--zui-drawer-content-gray-bg-dark,oklch(13%_0.028_261.692_/_0.7))] backdrop-blur-xl",
89
+ amber:
90
+ "border-[color:var(--zui-drawer-content-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-drawer-content-amber-border-dark,oklch(66.6%_0.179_58.318))] bg-[var(--zui-drawer-content-amber-bg,oklch(98.7%_0.022_95.277))] dark:bg-[var(--zui-drawer-content-amber-bg-dark,oklch(27.9%_0.077_45.635_/_0.7))] backdrop-blur-xl",
91
+ violet:
92
+ "border-[color:var(--zui-drawer-content-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-drawer-content-violet-border-dark,oklch(54.1%_0.281_293.009))] bg-[var(--zui-drawer-content-violet-bg,oklch(96.9%_0.016_293.756))] dark:bg-[var(--zui-drawer-content-violet-bg-dark,oklch(28.3%_0.141_291.089_/_0.7))] backdrop-blur-xl",
93
+ "gradient-blue":
94
+ "border-[color:var(--zui-drawer-content-gradient-blue-border,oklch(42.4%_0.199_265.638))] dark:border-[color:var(--zui-drawer-content-gradient-blue-border-dark,oklch(54.6%_0.245_262.881))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-blue-from,oklch(97%_0.014_254.604))] dark:from-[var(--zui-drawer-content-gradient-blue-from-dark,oklch(28.2%_0.091_267.935_/_0.7))] to-[var(--zui-drawer-content-gradient-blue-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-drawer-content-gradient-blue-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl",
95
+ "gradient-green":
96
+ "border-[color:var(--zui-drawer-content-gradient-green-border,oklch(44.8%_0.119_151.328))] dark:border-[color:var(--zui-drawer-content-gradient-green-border-dark,oklch(62.7%_0.194_149.214))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-green-from,oklch(98.2%_0.018_155.826))] dark:from-[var(--zui-drawer-content-gradient-green-from-dark,oklch(26.6%_0.065_152.934_/_0.7))] to-[var(--zui-drawer-content-gradient-green-to,oklch(98.6%_0.031_120.757))] dark:to-[var(--zui-drawer-content-gradient-green-to-dark,oklch(27.4%_0.072_132.109_/_0.7))] backdrop-blur-xl",
97
+ "gradient-red":
98
+ "border-[color:var(--zui-drawer-content-gradient-red-border,oklch(44.4%_0.177_26.899))] dark:border-[color:var(--zui-drawer-content-gradient-red-border-dark,oklch(57.7%_0.245_27.325))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-red-from,oklch(97.1%_0.013_17.38))] dark:from-[var(--zui-drawer-content-gradient-red-from-dark,oklch(25.8%_0.092_26.042_/_0.7))] to-[var(--zui-drawer-content-gradient-red-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-drawer-content-gradient-red-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl",
99
+ "gradient-yellow":
100
+ "border-[color:var(--zui-drawer-content-gradient-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-drawer-content-gradient-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-yellow-from,oklch(98.7%_0.026_102.212))] dark:from-[var(--zui-drawer-content-gradient-yellow-from-dark,oklch(28.6%_0.066_53.813_/_0.7))] to-[var(--zui-drawer-content-gradient-yellow-to,oklch(98%_0.016_73.684))] dark:to-[var(--zui-drawer-content-gradient-yellow-to-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl",
101
+ "gradient-purple":
102
+ "border-[color:var(--zui-drawer-content-gradient-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-drawer-content-gradient-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:from-[var(--zui-drawer-content-gradient-purple-from-dark,oklch(29.1%_0.149_302.717_/_0.7))] to-[var(--zui-drawer-content-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-drawer-content-gradient-purple-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl",
103
+ "gradient-teal":
104
+ "border-[color:var(--zui-drawer-content-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-drawer-content-gradient-teal-border-dark,oklch(60%_0.118_184.704))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-drawer-content-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.7))] to-[var(--zui-drawer-content-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-drawer-content-gradient-teal-to-dark,oklch(30.2%_0.056_229.695_/_0.7))] backdrop-blur-xl",
105
+ "gradient-indigo":
106
+ "border-[color:var(--zui-drawer-content-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-drawer-content-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-drawer-content-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.7))] to-[var(--zui-drawer-content-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-drawer-content-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl",
107
+ "gradient-pink":
108
+ "border-[color:var(--zui-drawer-content-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-drawer-content-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-drawer-content-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.7))] to-[var(--zui-drawer-content-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-drawer-content-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl",
109
+ "gradient-orange":
110
+ "border-[color:var(--zui-drawer-content-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-drawer-content-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-orange-from,oklch(98%_0.016_73.684))] dark:from-[var(--zui-drawer-content-gradient-orange-from-dark,oklch(26.6%_0.079_36.259_/_0.7))] to-[var(--zui-drawer-content-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:to-[var(--zui-drawer-content-gradient-orange-to-dark,oklch(25.8%_0.092_26.042_/_0.7))] backdrop-blur-xl",
111
+ } as const;
package/src/design-system/dropdown.ts ADDED
@@ -0,0 +1,130 @@
1
+ export const zuiDropdownTriggerBase =
2
+ "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))] cursor-pointer";
3
+
4
+ export const zuiDropdownTriggerVariants = {
5
+ default:
6
+ "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)]",
7
+ outline:
8
+ "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))]",
9
+ ghost:
10
+ "bg-[var(--zui-dropdown-trigger-ghost-bg,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))]",
11
+ white:
12
+ "bg-[var(--zui-dropdown-trigger-white-bg,#ffffff)] text-[color:var(--zui-dropdown-trigger-white-fg,oklch(21%_0.034_264.665))]",
13
+ black:
14
+ "bg-[var(--zui-dropdown-trigger-black-bg,#000000)] text-[color:var(--zui-dropdown-trigger-black-fg,#ffffff)]",
15
+ 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))]",
16
+ 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))]",
17
+ purple:
18
+ "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))]",
19
+ 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))]",
20
+ orange:
21
+ "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))]",
22
+ yellow:
23
+ "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))]",
24
+ 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))]",
25
+ indigo:
26
+ "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))]",
27
+ emerald:
28
+ "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))]",
29
+ 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))]",
30
+ amber:
31
+ "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))]",
32
+ violet:
33
+ "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))]",
34
+ "gradient-blue":
35
+ "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))]",
36
+ "gradient-green":
37
+ "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))]",
38
+ "gradient-red":
39
+ "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))]",
40
+ "gradient-yellow":
41
+ "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))]",
42
+ "gradient-purple":
43
+ "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))]",
44
+ "gradient-teal":
45
+ "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))]",
46
+ "gradient-indigo":
47
+ "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))]",
48
+ "gradient-pink":
49
+ "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))]",
50
+ "gradient-orange":
51
+ "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))]",
52
+ } as const;
53
+
54
+ export const zuiDropdownTriggerSizes = {
55
+ sm: "px-2 py-1 text-sm",
56
+ md: "px-3 py-2 text-base",
57
+ lg: "px-4 py-3 text-lg",
58
+ } as const;
59
+
60
+ export const zuiDropdownContentBase =
61
+ "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";
62
+
63
+ export const zuiDropdownPlacements = {
64
+ top: "bottom-full mb-2",
65
+ bottom: "top-full mt-2",
66
+ left: "right-full mr-2",
67
+ right: "left-full ml-2",
68
+ } as const;
69
+
70
+ export const zuiDropdownSpacing = {
71
+ none: "space-y-0",
72
+ default: "space-y-1",
73
+ sm: "space-y-2",
74
+ md: "space-y-3",
75
+ lg: "space-y-4",
76
+ xl: "space-y-5",
77
+ } as const;
78
+
79
+ export const zuiDropdownItemBase =
80
+ "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))] font-semibold";
81
+
82
+ export const zuiDropdownItemVariants = {
83
+ default:
84
+ "hover:bg-[var(--zui-dropdown-item-default-bg-hover,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))]",
85
+ outline:
86
+ "hover:bg-[var(--zui-dropdown-item-outline-bg-hover,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))]",
87
+ ghost:
88
+ "hover:bg-[var(--zui-dropdown-item-ghost-bg-hover,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)] 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))]",
89
+ white:
90
+ "hover:bg-[var(--zui-dropdown-item-white-bg-hover,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)]",
91
+ black:
92
+ "hover:bg-[var(--zui-dropdown-item-black-bg-hover,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))]",
93
+ sky: "hover:bg-[var(--zui-dropdown-item-sky-bg-hover,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))] 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))]",
94
+ rose: "hover:bg-[var(--zui-dropdown-item-rose-bg-hover,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))] 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))]",
95
+ purple:
96
+ "hover:bg-[var(--zui-dropdown-item-purple-bg-hover,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))] 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))]",
97
+ pink: "hover:bg-[var(--zui-dropdown-item-pink-bg-hover,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))] 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))]",
98
+ orange:
99
+ "hover:bg-[var(--zui-dropdown-item-orange-bg-hover,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))] 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))]",
100
+ yellow:
101
+ "hover:bg-[var(--zui-dropdown-item-yellow-bg-hover,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))] 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))]",
102
+ teal: "hover:bg-[var(--zui-dropdown-item-teal-bg-hover,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))] 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))]",
103
+ indigo:
104
+ "hover:bg-[var(--zui-dropdown-item-indigo-bg-hover,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))] 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))]",
105
+ emerald:
106
+ "hover:bg-[var(--zui-dropdown-item-emerald-bg-hover,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))] 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))]",
107
+ gray: "hover:bg-[var(--zui-dropdown-item-gray-bg-hover,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))] 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))]",
108
+ amber:
109
+ "hover:bg-[var(--zui-dropdown-item-amber-bg-hover,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))] 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))]",
110
+ violet:
111
+ "hover:bg-[var(--zui-dropdown-item-violet-bg-hover,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))] 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))]",
112
+ "gradient-blue":
113
+ "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))]",
114
+ "gradient-green":
115
+ "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))]",
116
+ "gradient-red":
117
+ "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))]",
118
+ "gradient-yellow":
119
+ "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))]",
120
+ "gradient-purple":
121
+ "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))]",
122
+ "gradient-teal":
123
+ "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))]",
124
+ "gradient-indigo":
125
+ "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))]",
126
+ "gradient-pink":
127
+ "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))]",
128
+ "gradient-orange":
129
+ "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))]",
130
+ } as const;