@zentauri-ui/zentauri-components 1.7.4 → 1.7.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (303) hide show
  1. package/README.md +6 -4
  2. package/cli/registry.json +1 -0
  3. package/dist/{chunk-CL55KGDF.js → chunk-3W224B3M.js} +22 -22
  4. package/dist/chunk-3W224B3M.js.map +1 -0
  5. package/dist/{chunk-NZDHSIIC.js → chunk-4OCTFG3W.js} +3 -3
  6. package/dist/chunk-4OCTFG3W.js.map +1 -0
  7. package/dist/{chunk-4ZKBLVQX.js → chunk-5565GZ4T.js} +19 -19
  8. package/dist/chunk-5565GZ4T.js.map +1 -0
  9. package/dist/{chunk-BTJYXKCW.js → chunk-6HPS3ZOP.js} +15 -15
  10. package/dist/chunk-6HPS3ZOP.js.map +1 -0
  11. package/dist/chunk-7XCUMSCJ.mjs +80 -0
  12. package/dist/chunk-7XCUMSCJ.mjs.map +1 -0
  13. package/dist/{chunk-QAJOE3HJ.js → chunk-BU2MPXPZ.js} +6 -6
  14. package/dist/chunk-BU2MPXPZ.js.map +1 -0
  15. package/dist/{chunk-BC6M42HQ.mjs → chunk-CL3VH223.mjs} +21 -21
  16. package/dist/chunk-CL3VH223.mjs.map +1 -0
  17. package/dist/{chunk-QXHS3HHZ.mjs → chunk-D3VZKUMH.mjs} +15 -15
  18. package/dist/chunk-D3VZKUMH.mjs.map +1 -0
  19. package/dist/{chunk-EDARAO7X.js → chunk-DFCDLVZA.js} +7 -7
  20. package/dist/chunk-DFCDLVZA.js.map +1 -0
  21. package/dist/{chunk-ACGVDY5J.mjs → chunk-EZCYSFML.mjs} +4 -4
  22. package/dist/chunk-EZCYSFML.mjs.map +1 -0
  23. package/dist/{chunk-ZYKJC5HH.js → chunk-G66SXATZ.js} +15 -15
  24. package/dist/chunk-G66SXATZ.js.map +1 -0
  25. package/dist/{chunk-QBPVJH4P.mjs → chunk-H7WDA6U6.mjs} +5 -5
  26. package/dist/chunk-H7WDA6U6.mjs.map +1 -0
  27. package/dist/{chunk-OZMSE44N.mjs → chunk-HLG2YJFZ.mjs} +19 -19
  28. package/dist/chunk-HLG2YJFZ.mjs.map +1 -0
  29. package/dist/{chunk-QYLTKBH7.js → chunk-INXWZ4DS.js} +3 -3
  30. package/dist/chunk-INXWZ4DS.js.map +1 -0
  31. package/dist/{chunk-QSPXPU72.js → chunk-KTLJEPLF.js} +21 -21
  32. package/dist/chunk-KTLJEPLF.js.map +1 -0
  33. package/dist/chunk-LMIL2R4R.js +197 -0
  34. package/dist/chunk-LMIL2R4R.js.map +1 -0
  35. package/dist/{chunk-PR4QXFJT.js → chunk-LNYCEPW5.js} +5 -5
  36. package/dist/chunk-LNYCEPW5.js.map +1 -0
  37. package/dist/chunk-MEAVYU2Y.mjs +192 -0
  38. package/dist/chunk-MEAVYU2Y.mjs.map +1 -0
  39. package/dist/{chunk-P5WLYJ2C.mjs → chunk-NNZXBL7R.mjs} +6 -6
  40. package/dist/chunk-NNZXBL7R.mjs.map +1 -0
  41. package/dist/{chunk-HMNIH3KJ.mjs → chunk-ORFI4BCJ.mjs} +3 -3
  42. package/dist/chunk-ORFI4BCJ.mjs.map +1 -0
  43. package/dist/{chunk-K7TCW5PJ.js → chunk-PMALYOPA.js} +3 -3
  44. package/dist/chunk-PMALYOPA.js.map +1 -0
  45. package/dist/{chunk-WPXQHWPV.js → chunk-PYUZOVLY.js} +4 -4
  46. package/dist/chunk-PYUZOVLY.js.map +1 -0
  47. package/dist/{chunk-ITVMSCOJ.mjs → chunk-R2JJTREQ.mjs} +22 -22
  48. package/dist/chunk-R2JJTREQ.mjs.map +1 -0
  49. package/dist/chunk-RIHJAEOL.js +107 -0
  50. package/dist/chunk-RIHJAEOL.js.map +1 -0
  51. package/dist/{chunk-FHLZH3PB.mjs → chunk-SFRS4EZ5.mjs} +3 -3
  52. package/dist/chunk-SFRS4EZ5.mjs.map +1 -0
  53. package/dist/{chunk-KTGV76M3.mjs → chunk-SSJXWD2M.mjs} +3 -3
  54. package/dist/chunk-SSJXWD2M.mjs.map +1 -0
  55. package/dist/{chunk-YAO62VH2.js → chunk-UGH23TAH.js} +15 -15
  56. package/dist/chunk-UGH23TAH.js.map +1 -0
  57. package/dist/chunk-UPZ5XGUD.mjs +100 -0
  58. package/dist/chunk-UPZ5XGUD.mjs.map +1 -0
  59. package/dist/{chunk-4XVNQ7IY.mjs → chunk-UR7TNW45.mjs} +15 -15
  60. package/dist/chunk-UR7TNW45.mjs.map +1 -0
  61. package/dist/{chunk-HCGSEPOD.mjs → chunk-UROKWFPX.mjs} +7 -7
  62. package/dist/chunk-UROKWFPX.mjs.map +1 -0
  63. package/dist/{chunk-XRDVD2EN.js → chunk-X3O45MPI.js} +3 -3
  64. package/dist/{chunk-XRDVD2EN.js.map → chunk-X3O45MPI.js.map} +1 -1
  65. package/dist/{chunk-KEKMMNL5.mjs → chunk-XXRDLZW7.mjs} +3 -3
  66. package/dist/chunk-XXRDLZW7.mjs.map +1 -0
  67. package/dist/{chunk-NHQ3S4Y6.mjs → chunk-ZIFMIS7D.mjs} +15 -15
  68. package/dist/chunk-ZIFMIS7D.mjs.map +1 -0
  69. package/dist/chunk-ZUT7ZUM7.js +84 -0
  70. package/dist/chunk-ZUT7ZUM7.js.map +1 -0
  71. package/dist/design-system/accordion.d.ts +1 -1
  72. package/dist/design-system/alert.d.ts +5 -5
  73. package/dist/design-system/badge.d.ts +3 -3
  74. package/dist/design-system/card.d.ts +2 -2
  75. package/dist/design-system/checkbox.d.ts +10 -10
  76. package/dist/design-system/checkbox.d.ts.map +1 -1
  77. package/dist/design-system/command.d.ts +1 -1
  78. package/dist/design-system/command.d.ts.map +1 -1
  79. package/dist/design-system/drawer.d.ts +1 -1
  80. package/dist/design-system/dropdown.d.ts +31 -31
  81. package/dist/design-system/dropdown.d.ts.map +1 -1
  82. package/dist/design-system/file-upload.d.ts +15 -15
  83. package/dist/design-system/file-upload.d.ts.map +1 -1
  84. package/dist/design-system/index.d.ts +1 -0
  85. package/dist/design-system/index.d.ts.map +1 -1
  86. package/dist/design-system/inputs.d.ts +13 -13
  87. package/dist/design-system/inputs.d.ts.map +1 -1
  88. package/dist/design-system/modal.d.ts +1 -1
  89. package/dist/design-system/modal.d.ts.map +1 -1
  90. package/dist/design-system/pagination.d.ts +25 -25
  91. package/dist/design-system/popover.d.ts +19 -19
  92. package/dist/design-system/popover.d.ts.map +1 -1
  93. package/dist/design-system/radio-group.d.ts +10 -10
  94. package/dist/design-system/radio-group.d.ts.map +1 -1
  95. package/dist/design-system/scroll-area.d.ts +33 -0
  96. package/dist/design-system/scroll-area.d.ts.map +1 -0
  97. package/dist/design-system/select.d.ts +35 -35
  98. package/dist/design-system/select.d.ts.map +1 -1
  99. package/dist/design-system/skeleton.d.ts +13 -13
  100. package/dist/design-system/skeleton.d.ts.map +1 -1
  101. package/dist/design-system/slider.d.ts +23 -23
  102. package/dist/design-system/slider.d.ts.map +1 -1
  103. package/dist/design-system/stepper.d.ts +22 -22
  104. package/dist/design-system/table.d.ts +13 -13
  105. package/dist/design-system/tabs.d.ts +4 -4
  106. package/dist/design-system/tabs.d.ts.map +1 -1
  107. package/dist/design-system/toast.d.ts +17 -17
  108. package/dist/design-system/toast.d.ts.map +1 -1
  109. package/dist/design-system/toggle.d.ts +54 -54
  110. package/dist/design-system/toggle.d.ts.map +1 -1
  111. package/dist/design-system/tooltip.d.ts +20 -20
  112. package/dist/design-system/typography.d.ts +15 -15
  113. package/dist/ui/accordion/animated.js +7 -7
  114. package/dist/ui/accordion/animated.mjs +2 -2
  115. package/dist/ui/accordion.js +9 -9
  116. package/dist/ui/accordion.mjs +2 -2
  117. package/dist/ui/alert/animated/alert-animated.d.ts.map +1 -1
  118. package/dist/ui/alert/animated.js +2 -2
  119. package/dist/ui/alert/animated.js.map +1 -1
  120. package/dist/ui/alert/animated.mjs +1 -1
  121. package/dist/ui/alert/animated.mjs.map +1 -1
  122. package/dist/ui/alert.js +10 -10
  123. package/dist/ui/alert.mjs +2 -2
  124. package/dist/ui/badge/animated.js +2 -2
  125. package/dist/ui/badge/animated.mjs +1 -1
  126. package/dist/ui/badge/variants.d.ts +1 -1
  127. package/dist/ui/badge.js +4 -4
  128. package/dist/ui/badge.mjs +2 -2
  129. package/dist/ui/card/animated.js +7 -7
  130. package/dist/ui/card/animated.mjs +2 -2
  131. package/dist/ui/card.js +12 -12
  132. package/dist/ui/card.mjs +2 -2
  133. package/dist/ui/checkbox/animated.js +4 -4
  134. package/dist/ui/checkbox/animated.mjs +1 -1
  135. package/dist/ui/checkbox.js +8 -8
  136. package/dist/ui/checkbox.mjs +2 -2
  137. package/dist/ui/command/animated.js +2 -2
  138. package/dist/ui/command/animated.mjs +1 -1
  139. package/dist/ui/command.js +15 -15
  140. package/dist/ui/command.mjs +2 -2
  141. package/dist/ui/drawer/animated.js +11 -11
  142. package/dist/ui/drawer/animated.mjs +2 -2
  143. package/dist/ui/drawer.js +11 -11
  144. package/dist/ui/drawer.mjs +1 -1
  145. package/dist/ui/dropdown.js +31 -31
  146. package/dist/ui/dropdown.js.map +1 -1
  147. package/dist/ui/dropdown.mjs +31 -31
  148. package/dist/ui/dropdown.mjs.map +1 -1
  149. package/dist/ui/dynamic-stepper.js +47 -47
  150. package/dist/ui/dynamic-stepper.js.map +1 -1
  151. package/dist/ui/dynamic-stepper.mjs +47 -47
  152. package/dist/ui/dynamic-stepper.mjs.map +1 -1
  153. package/dist/ui/file-upload.js +15 -15
  154. package/dist/ui/file-upload.js.map +1 -1
  155. package/dist/ui/file-upload.mjs +15 -15
  156. package/dist/ui/file-upload.mjs.map +1 -1
  157. package/dist/ui/inputs/animated.js +3 -3
  158. package/dist/ui/inputs/animated.mjs +1 -1
  159. package/dist/ui/inputs.js +4 -4
  160. package/dist/ui/inputs.mjs +2 -2
  161. package/dist/ui/modal/animated.js +4 -4
  162. package/dist/ui/modal/animated.mjs +1 -1
  163. package/dist/ui/modal.js +12 -12
  164. package/dist/ui/modal.mjs +2 -2
  165. package/dist/ui/pagination.js +25 -25
  166. package/dist/ui/pagination.js.map +1 -1
  167. package/dist/ui/pagination.mjs +25 -25
  168. package/dist/ui/pagination.mjs.map +1 -1
  169. package/dist/ui/popover/animated.js +4 -4
  170. package/dist/ui/popover/animated.mjs +1 -1
  171. package/dist/ui/popover.js +7 -7
  172. package/dist/ui/popover.mjs +1 -1
  173. package/dist/ui/radio-group/animated.js +7 -7
  174. package/dist/ui/radio-group/animated.mjs +1 -1
  175. package/dist/ui/radio-group.js +11 -11
  176. package/dist/ui/radio-group.mjs +2 -2
  177. package/dist/ui/scroll-area/index.d.ts +4 -0
  178. package/dist/ui/scroll-area/index.d.ts.map +1 -0
  179. package/dist/ui/scroll-area/scroll-area.d.ts +6 -0
  180. package/dist/ui/scroll-area/scroll-area.d.ts.map +1 -0
  181. package/dist/ui/scroll-area/types.d.ts +8 -0
  182. package/dist/ui/scroll-area/types.d.ts.map +1 -0
  183. package/dist/ui/scroll-area/variants.d.ts +8 -0
  184. package/dist/ui/scroll-area/variants.d.ts.map +1 -0
  185. package/dist/ui/scroll-area.js +123 -0
  186. package/dist/ui/scroll-area.js.map +1 -0
  187. package/dist/ui/scroll-area.mjs +120 -0
  188. package/dist/ui/scroll-area.mjs.map +1 -0
  189. package/dist/ui/search.js +2 -2
  190. package/dist/ui/search.mjs +1 -1
  191. package/dist/ui/select.js +35 -35
  192. package/dist/ui/select.js.map +1 -1
  193. package/dist/ui/select.mjs +35 -35
  194. package/dist/ui/select.mjs.map +1 -1
  195. package/dist/ui/skeleton/animated.js +8 -8
  196. package/dist/ui/skeleton/animated.mjs +1 -1
  197. package/dist/ui/skeleton.js +9 -9
  198. package/dist/ui/skeleton.mjs +1 -1
  199. package/dist/ui/slider.js +23 -23
  200. package/dist/ui/slider.js.map +1 -1
  201. package/dist/ui/slider.mjs +23 -23
  202. package/dist/ui/slider.mjs.map +1 -1
  203. package/dist/ui/stepper.js +22 -22
  204. package/dist/ui/stepper.js.map +1 -1
  205. package/dist/ui/stepper.mjs +22 -22
  206. package/dist/ui/stepper.mjs.map +1 -1
  207. package/dist/ui/table/animated.js +8 -8
  208. package/dist/ui/table/animated.mjs +2 -2
  209. package/dist/ui/table.js +14 -14
  210. package/dist/ui/table.mjs +1 -1
  211. package/dist/ui/tabs/animated.js +2 -2
  212. package/dist/ui/tabs/animated.mjs +1 -1
  213. package/dist/ui/tabs.js +9 -9
  214. package/dist/ui/tabs.mjs +1 -1
  215. package/dist/ui/toast/animated.js +7 -7
  216. package/dist/ui/toast/animated.mjs +1 -1
  217. package/dist/ui/toast.js +12 -12
  218. package/dist/ui/toast.mjs +1 -1
  219. package/dist/ui/toggle/animated.js +4 -4
  220. package/dist/ui/toggle/animated.mjs +1 -1
  221. package/dist/ui/toggle.js +4 -4
  222. package/dist/ui/toggle.mjs +2 -2
  223. package/dist/ui/tooltip/animated.js +3 -3
  224. package/dist/ui/tooltip/animated.mjs +1 -1
  225. package/dist/ui/tooltip.js +7 -7
  226. package/dist/ui/tooltip.mjs +1 -1
  227. package/dist/ui/typography.js +15 -15
  228. package/dist/ui/typography.js.map +1 -1
  229. package/dist/ui/typography.mjs +15 -15
  230. package/dist/ui/typography.mjs.map +1 -1
  231. package/package.json +1 -1
  232. package/src/design-system/accordion.ts +1 -1
  233. package/src/design-system/alert.ts +5 -5
  234. package/src/design-system/badge.ts +3 -3
  235. package/src/design-system/card.ts +2 -2
  236. package/src/design-system/checkbox.ts +10 -12
  237. package/src/design-system/command.ts +1 -1
  238. package/src/design-system/drawer.ts +1 -1
  239. package/src/design-system/dropdown.ts +31 -31
  240. package/src/design-system/dynamic-stepper.ts +47 -47
  241. package/src/design-system/file-upload.ts +15 -15
  242. package/src/design-system/index.ts +1 -0
  243. package/src/design-system/inputs.ts +13 -13
  244. package/src/design-system/modal.ts +1 -1
  245. package/src/design-system/pagination.ts +25 -25
  246. package/src/design-system/popover.ts +19 -23
  247. package/src/design-system/radio-group.ts +10 -12
  248. package/src/design-system/scroll-area.ts +47 -0
  249. package/src/design-system/select.ts +36 -35
  250. package/src/design-system/skeleton.ts +20 -13
  251. package/src/design-system/slider.ts +23 -23
  252. package/src/design-system/stepper.ts +22 -22
  253. package/src/design-system/table.ts +13 -13
  254. package/src/design-system/tabs.ts +5 -4
  255. package/src/design-system/toast.ts +17 -17
  256. package/src/design-system/toggle.ts +55 -54
  257. package/src/design-system/tooltip.ts +20 -20
  258. package/src/design-system/typography.ts +15 -15
  259. package/src/ui/alert/animated/alert-animated.tsx +1 -0
  260. package/src/ui/scroll-area/index.ts +5 -0
  261. package/src/ui/scroll-area/scroll-area.test.tsx +116 -0
  262. package/src/ui/scroll-area/scroll-area.tsx +64 -0
  263. package/src/ui/scroll-area/types.ts +11 -0
  264. package/src/ui/scroll-area/variants.ts +44 -0
  265. package/dist/chunk-4XVNQ7IY.mjs.map +0 -1
  266. package/dist/chunk-4ZKBLVQX.js.map +0 -1
  267. package/dist/chunk-6QQUQLPB.js +0 -107
  268. package/dist/chunk-6QQUQLPB.js.map +0 -1
  269. package/dist/chunk-ACGVDY5J.mjs.map +0 -1
  270. package/dist/chunk-BC6M42HQ.mjs.map +0 -1
  271. package/dist/chunk-BTJYXKCW.js.map +0 -1
  272. package/dist/chunk-CL55KGDF.js.map +0 -1
  273. package/dist/chunk-EDARAO7X.js.map +0 -1
  274. package/dist/chunk-EN4VLNBF.js +0 -197
  275. package/dist/chunk-EN4VLNBF.js.map +0 -1
  276. package/dist/chunk-FHLZH3PB.mjs.map +0 -1
  277. package/dist/chunk-HCGSEPOD.mjs.map +0 -1
  278. package/dist/chunk-HMNIH3KJ.mjs.map +0 -1
  279. package/dist/chunk-ITVMSCOJ.mjs.map +0 -1
  280. package/dist/chunk-K6IZANTI.mjs +0 -80
  281. package/dist/chunk-K6IZANTI.mjs.map +0 -1
  282. package/dist/chunk-K7TCW5PJ.js.map +0 -1
  283. package/dist/chunk-KEKMMNL5.mjs.map +0 -1
  284. package/dist/chunk-KTGV76M3.mjs.map +0 -1
  285. package/dist/chunk-MTTXLC2V.mjs +0 -100
  286. package/dist/chunk-MTTXLC2V.mjs.map +0 -1
  287. package/dist/chunk-NHQ3S4Y6.mjs.map +0 -1
  288. package/dist/chunk-NZDHSIIC.js.map +0 -1
  289. package/dist/chunk-OZMSE44N.mjs.map +0 -1
  290. package/dist/chunk-P5WLYJ2C.mjs.map +0 -1
  291. package/dist/chunk-PHEUJ4EF.js +0 -84
  292. package/dist/chunk-PHEUJ4EF.js.map +0 -1
  293. package/dist/chunk-PMWRJ2KS.mjs +0 -192
  294. package/dist/chunk-PMWRJ2KS.mjs.map +0 -1
  295. package/dist/chunk-PR4QXFJT.js.map +0 -1
  296. package/dist/chunk-QAJOE3HJ.js.map +0 -1
  297. package/dist/chunk-QBPVJH4P.mjs.map +0 -1
  298. package/dist/chunk-QSPXPU72.js.map +0 -1
  299. package/dist/chunk-QXHS3HHZ.mjs.map +0 -1
  300. package/dist/chunk-QYLTKBH7.js.map +0 -1
  301. package/dist/chunk-WPXQHWPV.js.map +0 -1
  302. package/dist/chunk-YAO62VH2.js.map +0 -1
  303. package/dist/chunk-ZYKJC5HH.js.map +0 -1
package/dist/design-system/select.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  export declare const zuiSelectTriggerBase = "flex items-center cursor-pointer justify-between rounded-md border transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-select-trigger-ring-focus,oklch(44.6%_0.03_256.802))] dark:focus-visible:ring-[var(--zui-select-trigger-ring-focus-dark,oklch(70.7%_0.022_261.325))] focus-visible:ring-offset-2";
2
2
  export declare const zuiSelectTriggerVariants: {
3
3
  readonly default: "border-[color:var(--zui-select-trigger-default-border,oklch(87.2%_0.01_258.338))] dark:border-[color:var(--zui-select-trigger-default-border-dark,oklch(87.2%_0.01_258.338))] bg-[var(--zui-select-trigger-default-bg,#ffffff)] dark:bg-[var(--zui-select-trigger-default-bg-dark,#000000)] text-[color:var(--zui-select-trigger-default-fg,oklch(13%_0.028_261.692))] dark:text-[color:var(--zui-select-trigger-default-fg-dark,#ffffff)]";
4
- readonly outline: "border-2 border-[color:var(--zui-select-trigger-outline-border,oklch(55.1%_0.027_264.364))] text-[color:var(--zui-select-trigger-outline-fg,oklch(13%_0.028_261.692))] dark:text-[color:var(--zui-select-trigger-outline-fg-dark,oklch(96.7%_0.003_264.542))]";
5
- readonly ghost: "border-[color:var(--zui-select-trigger-ghost-border,transparent)] text-[color:var(--zui-select-trigger-ghost-fg,oklch(13%_0.028_261.692))] dark:text-[color:var(--zui-select-trigger-ghost-fg-dark,oklch(96.7%_0.003_264.542))]";
4
+ readonly outline: "border-2 border-[color:var(--zui-select-trigger-outline-border,oklch(55.1%_0.027_264.364))] dark:border-[color:var(--zui-select-trigger-outline-border-dark,oklch(55.1%_0.027_264.364))] text-[color:var(--zui-select-trigger-outline-fg,oklch(13%_0.028_261.692))] dark:text-[color:var(--zui-select-trigger-outline-fg-dark,oklch(96.7%_0.003_264.542))]";
5
+ readonly ghost: "border-[color:var(--zui-select-trigger-ghost-border,transparent)] dark:border-[color:var(--zui-select-trigger-ghost-border-dark,transparent)] text-[color:var(--zui-select-trigger-ghost-fg,oklch(13%_0.028_261.692))] dark:text-[color:var(--zui-select-trigger-ghost-fg-dark,oklch(96.7%_0.003_264.542))]";
6
6
  readonly sky: "border-[color:var(--zui-select-trigger-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-select-trigger-sky-border-dark,oklch(58.8%_0.158_241.966))] text-[color:var(--zui-select-trigger-sky-fg,oklch(29.3%_0.066_243.157))] dark:text-[color:var(--zui-select-trigger-sky-fg-dark,oklch(58.8%_0.158_241.966))]";
7
7
  readonly rose: "border-[color:var(--zui-select-trigger-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-select-trigger-rose-border-dark,oklch(58.6%_0.253_17.585))] text-[color:var(--zui-select-trigger-rose-fg,oklch(27.1%_0.105_12.094))] dark:text-[color:var(--zui-select-trigger-rose-fg-dark,oklch(58.6%_0.253_17.585))]";
8
8
  readonly purple: "border-[color:var(--zui-select-trigger-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-select-trigger-purple-border-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-select-trigger-purple-fg,oklch(29.1%_0.149_302.717))] dark:text-[color:var(--zui-select-trigger-purple-fg-dark,oklch(55.8%_0.288_302.321))]";
@@ -10,18 +10,18 @@ export declare const zuiSelectTriggerVariants: {
10
10
  readonly orange: "border-[color:var(--zui-select-trigger-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-select-trigger-orange-border-dark,oklch(64.6%_0.222_41.116))] text-[color:var(--zui-select-trigger-orange-fg,oklch(26.6%_0.079_36.259))] dark:text-[color:var(--zui-select-trigger-orange-fg-dark,oklch(64.6%_0.222_41.116))]";
11
11
  readonly yellow: "border-[color:var(--zui-select-trigger-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-select-trigger-yellow-border-dark,oklch(68.1%_0.162_75.834))] text-[color:var(--zui-select-trigger-yellow-fg,oklch(28.6%_0.066_53.813))] dark:text-[color:var(--zui-select-trigger-yellow-fg-dark,oklch(68.1%_0.162_75.834))]";
12
12
  readonly teal: "border-[color:var(--zui-select-trigger-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-select-trigger-teal-border-dark,oklch(60%_0.118_184.704))] text-[color:var(--zui-select-trigger-teal-fg,oklch(27.7%_0.046_192.524))] dark:text-[color:var(--zui-select-trigger-teal-fg-dark,oklch(60%_0.118_184.704))]";
13
- readonly indigo: "border-[color:var(--zui-select-trigger-indigo-border,oklch(58.5%_0.233_277.117))] text-[color:var(--zui-select-trigger-indigo-fg,oklch(25.7%_0.09_281.288))]";
13
+ readonly indigo: "border-[color:var(--zui-select-trigger-indigo-border,oklch(58.5%_0.233_277.117))] dark:border-[color:var(--zui-select-trigger-indigo-border-dark,oklch(58.5%_0.233_277.117))] text-[color:var(--zui-select-trigger-indigo-fg,oklch(25.7%_0.09_281.288))] dark:text-[color:var(--zui-select-trigger-indigo-fg-dark,oklch(58.5%_0.233_277.117))]";
14
14
  readonly emerald: "border-[color:var(--zui-select-trigger-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-select-trigger-emerald-border-dark,oklch(59.6%_0.145_163.225))] text-[color:var(--zui-select-trigger-emerald-fg,oklch(26.2%_0.051_172.552))] dark:text-[color:var(--zui-select-trigger-emerald-fg-dark,oklch(59.6%_0.145_163.225))]";
15
15
  readonly glass: "border-[color:var(--zui-select-trigger-glass-border,#00000026)] dark:border-[color:var(--zui-select-trigger-glass-border-dark,#ffffff26)] bg-[var(--zui-select-trigger-glass-bg,#0000001a)] dark:bg-[var(--zui-select-trigger-glass-bg-dark,#ffffff1a)] text-[color:var(--zui-select-trigger-glass-fg,oklch(13%_0.028_261.692))] dark:text-[color:var(--zui-select-trigger-glass-fg-dark,#ffffff)] backdrop-blur-md";
16
- readonly "gradient-blue": "bg-linear-to-r from-[var(--zui-select-trigger-gradient-blue-from,oklch(37.9%_0.146_265.522))] dark:from-[var(--zui-select-trigger-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] to-[var(--zui-select-trigger-gradient-blue-to,oklch(38.1%_0.176_304.987))] dark:to-[var(--zui-select-trigger-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))] backdrop-blur-xl text-[color:var(--zui-select-trigger-gradient-blue-fg,#ffffff)]";
17
- readonly "gradient-green": "bg-linear-to-r from-[var(--zui-select-trigger-gradient-green-from,oklch(39.3%_0.095_152.535))] dark:from-[var(--zui-select-trigger-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] to-[var(--zui-select-trigger-gradient-green-to,oklch(40.5%_0.101_131.063))] dark:to-[var(--zui-select-trigger-gradient-green-to-dark,oklch(64.8%_0.2_131.684))] backdrop-blur-xl text-[color:var(--zui-select-trigger-gradient-green-fg,#ffffff)]";
18
- readonly "gradient-red": "bg-linear-to-r from-[var(--zui-select-trigger-gradient-red-from,oklch(39.6%_0.141_25.723))] dark:from-[var(--zui-select-trigger-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] to-[var(--zui-select-trigger-gradient-red-to,oklch(40.8%_0.153_2.432))] dark:to-[var(--zui-select-trigger-gradient-red-to-dark,oklch(59.2%_0.249_0.584))] backdrop-blur-xl text-[color:var(--zui-select-trigger-gradient-red-fg,#ffffff)]";
19
- readonly "gradient-yellow": "bg-linear-to-r from-[var(--zui-select-trigger-gradient-yellow-from,oklch(42.1%_0.095_57.708))] dark:from-[var(--zui-select-trigger-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] to-[var(--zui-select-trigger-gradient-yellow-to,oklch(40.8%_0.123_38.172))] dark:to-[var(--zui-select-trigger-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))] backdrop-blur-xl text-[color:var(--zui-select-trigger-gradient-yellow-fg,#ffffff)]";
20
- readonly "gradient-purple": "bg-linear-to-r from-[var(--zui-select-trigger-gradient-purple-from,oklch(38.1%_0.176_304.987))] dark:from-[var(--zui-select-trigger-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] to-[var(--zui-select-trigger-gradient-purple-to,oklch(40.8%_0.153_2.432))] dark:to-[var(--zui-select-trigger-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))] backdrop-blur-xl text-[color:var(--zui-select-trigger-gradient-purple-fg,#ffffff)]";
21
- readonly "gradient-teal": "bg-linear-to-r from-[var(--zui-select-trigger-gradient-teal-from,oklch(38.6%_0.063_188.416))] dark:from-[var(--zui-select-trigger-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-select-trigger-gradient-teal-to,oklch(39.8%_0.07_227.392))] dark:to-[var(--zui-select-trigger-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] backdrop-blur-xl text-[color:var(--zui-select-trigger-gradient-teal-fg,#ffffff)]";
22
- readonly "gradient-indigo": "bg-linear-to-r from-[var(--zui-select-trigger-gradient-indigo-from,oklch(35.9%_0.144_278.697))] dark:from-[var(--zui-select-trigger-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-select-trigger-gradient-indigo-to,oklch(38.1%_0.176_304.987))] dark:to-[var(--zui-select-trigger-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] backdrop-blur-xl text-[color:var(--zui-select-trigger-gradient-indigo-fg,#ffffff)]";
23
- readonly "gradient-pink": "bg-linear-to-r from-[var(--zui-select-trigger-gradient-pink-from,oklch(40.8%_0.153_2.432))] dark:from-[var(--zui-select-trigger-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-select-trigger-gradient-pink-to,oklch(41%_0.159_10.272))] dark:to-[var(--zui-select-trigger-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] backdrop-blur-xl text-[color:var(--zui-select-trigger-gradient-pink-fg,#ffffff)]";
24
- readonly "gradient-orange": "bg-linear-to-r from-[var(--zui-select-trigger-gradient-orange-from,oklch(40.8%_0.123_38.172))] dark:from-[var(--zui-select-trigger-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-select-trigger-gradient-orange-to,oklch(39.6%_0.141_25.723))] dark:to-[var(--zui-select-trigger-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] backdrop-blur-xl text-[color:var(--zui-select-trigger-gradient-orange-fg,#ffffff)]";
16
+ readonly "gradient-blue": "bg-linear-to-r from-[var(--zui-select-trigger-gradient-blue-from,oklch(37.9%_0.146_265.522))] dark:from-[var(--zui-select-trigger-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] to-[var(--zui-select-trigger-gradient-blue-to,oklch(38.1%_0.176_304.987))] dark:to-[var(--zui-select-trigger-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))] backdrop-blur-xl text-[color:var(--zui-select-trigger-gradient-blue-fg,#ffffff)] dark:text-[color:var(--zui-select-trigger-gradient-blue-fg-dark,#ffffff)]";
17
+ readonly "gradient-green": "bg-linear-to-r from-[var(--zui-select-trigger-gradient-green-from,oklch(39.3%_0.095_152.535))] dark:from-[var(--zui-select-trigger-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] to-[var(--zui-select-trigger-gradient-green-to,oklch(40.5%_0.101_131.063))] dark:to-[var(--zui-select-trigger-gradient-green-to-dark,oklch(64.8%_0.2_131.684))] backdrop-blur-xl text-[color:var(--zui-select-trigger-gradient-green-fg,#ffffff)] dark:text-[color:var(--zui-select-trigger-gradient-green-fg-dark,#ffffff)]";
18
+ readonly "gradient-red": "bg-linear-to-r from-[var(--zui-select-trigger-gradient-red-from,oklch(39.6%_0.141_25.723))] dark:from-[var(--zui-select-trigger-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] to-[var(--zui-select-trigger-gradient-red-to,oklch(40.8%_0.153_2.432))] dark:to-[var(--zui-select-trigger-gradient-red-to-dark,oklch(59.2%_0.249_0.584))] backdrop-blur-xl text-[color:var(--zui-select-trigger-gradient-red-fg,#ffffff)] dark:text-[color:var(--zui-select-trigger-gradient-red-fg-dark,#ffffff)]";
19
+ readonly "gradient-yellow": "bg-linear-to-r from-[var(--zui-select-trigger-gradient-yellow-from,oklch(42.1%_0.095_57.708))] dark:from-[var(--zui-select-trigger-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] to-[var(--zui-select-trigger-gradient-yellow-to,oklch(40.8%_0.123_38.172))] dark:to-[var(--zui-select-trigger-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))] backdrop-blur-xl text-[color:var(--zui-select-trigger-gradient-yellow-fg,#ffffff)] dark:text-[color:var(--zui-select-trigger-gradient-yellow-fg-dark,#ffffff)]";
20
+ readonly "gradient-purple": "bg-linear-to-r from-[var(--zui-select-trigger-gradient-purple-from,oklch(38.1%_0.176_304.987))] dark:from-[var(--zui-select-trigger-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] to-[var(--zui-select-trigger-gradient-purple-to,oklch(40.8%_0.153_2.432))] dark:to-[var(--zui-select-trigger-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))] backdrop-blur-xl text-[color:var(--zui-select-trigger-gradient-purple-fg,#ffffff)] dark:text-[color:var(--zui-select-trigger-gradient-purple-fg-dark,#ffffff)]";
21
+ readonly "gradient-teal": "bg-linear-to-r from-[var(--zui-select-trigger-gradient-teal-from,oklch(38.6%_0.063_188.416))] dark:from-[var(--zui-select-trigger-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-select-trigger-gradient-teal-to,oklch(39.8%_0.07_227.392))] dark:to-[var(--zui-select-trigger-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] backdrop-blur-xl text-[color:var(--zui-select-trigger-gradient-teal-fg,#ffffff)] dark:text-[color:var(--zui-select-trigger-gradient-teal-fg-dark,#ffffff)]";
22
+ readonly "gradient-indigo": "bg-linear-to-r from-[var(--zui-select-trigger-gradient-indigo-from,oklch(35.9%_0.144_278.697))] dark:from-[var(--zui-select-trigger-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-select-trigger-gradient-indigo-to,oklch(38.1%_0.176_304.987))] dark:to-[var(--zui-select-trigger-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] backdrop-blur-xl text-[color:var(--zui-select-trigger-gradient-indigo-fg,#ffffff)] dark:text-[color:var(--zui-select-trigger-gradient-indigo-fg-dark,#ffffff)]";
23
+ readonly "gradient-pink": "bg-linear-to-r from-[var(--zui-select-trigger-gradient-pink-from,oklch(40.8%_0.153_2.432))] dark:from-[var(--zui-select-trigger-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-select-trigger-gradient-pink-to,oklch(41%_0.159_10.272))] dark:to-[var(--zui-select-trigger-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] backdrop-blur-xl text-[color:var(--zui-select-trigger-gradient-pink-fg,#ffffff)] dark:text-[color:var(--zui-select-trigger-gradient-pink-fg-dark,#ffffff)]";
24
+ readonly "gradient-orange": "bg-linear-to-r from-[var(--zui-select-trigger-gradient-orange-from,oklch(40.8%_0.123_38.172))] dark:from-[var(--zui-select-trigger-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-select-trigger-gradient-orange-to,oklch(39.6%_0.141_25.723))] dark:to-[var(--zui-select-trigger-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] backdrop-blur-xl text-[color:var(--zui-select-trigger-gradient-orange-fg,#ffffff)] dark:text-[color:var(--zui-select-trigger-gradient-orange-fg-dark,#ffffff)]";
25
25
  };
26
26
  export declare const zuiSelectSizes: {
27
27
  readonly sm: "px-2 py-1 text-sm";
@@ -30,28 +30,28 @@ export declare const zuiSelectSizes: {
30
30
  };
31
31
  export declare const zuiSelectItemBase = "cursor-pointer px-3 py-2 rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-select-item-ring-focus,oklch(44.6%_0.03_256.802))] dark:focus-visible:ring-[var(--zui-select-item-ring-focus-dark,oklch(70.7%_0.022_261.325))] focus-visible:ring-inset";
32
32
  export declare const zuiSelectItemAppearances: {
33
- readonly default: "bg-[var(--zui-select-item-default-bg,#ffffff)] dark:bg-[var(--zui-select-item-default-bg-dark,#000000)] text-[color:var(--zui-select-item-default-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-select-item-default-fg-dark,oklch(92.8%_0.006_264.531))] data-[selected=true]:bg-[var(--zui-select-item-default-bg,oklch(92.8%_0.006_264.531))] data-[selected=true]:text-[color:var(--zui-select-item-default-fg,oklch(37.3%_0.034_259.733))] dark:data-[selected=true]:text-[color:var(--zui-select-item-default-fg-dark,oklch(21%_0.034_264.665))]";
33
+ readonly default: "bg-[var(--zui-select-item-default-bg,#ffffff)] dark:bg-[var(--zui-select-item-default-bg-dark,#000000)] text-[color:var(--zui-select-item-default-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-select-item-default-fg-dark,oklch(92.8%_0.006_264.531))] data-[selected=true]:bg-[var(--zui-select-item-default-bg,oklch(92.8%_0.006_264.531))] dark:data-[selected=true]:bg-[var(--zui-select-item-default-bg-dark,oklch(92.8%_0.006_264.531))] data-[selected=true]:text-[color:var(--zui-select-item-default-fg,oklch(37.3%_0.034_259.733))] dark:data-[selected=true]:text-[color:var(--zui-select-item-default-fg-dark,oklch(21%_0.034_264.665))]";
34
34
  readonly glass: "bg-[var(--zui-select-item-glass-bg,#0000001a)] dark:bg-[var(--zui-select-item-glass-bg-dark,#ffffff1a)] text-[color:var(--zui-select-item-glass-fg,oklch(37.3%_0.034_259.733))] dark:text-[color:var(--zui-select-item-glass-fg-dark,oklch(21%_0.034_264.665))] data-[selected=true]:bg-[var(--zui-select-item-glass-bg,#0000001a)] dark:data-[selected=true]:bg-[var(--zui-select-item-glass-bg-dark,#ffffff1a)] data-[selected=true]:text-[color:var(--zui-select-item-glass-fg,oklch(37.3%_0.034_259.733))] dark:data-[selected=true]:text-[color:var(--zui-select-item-glass-fg-dark,oklch(21%_0.034_264.665))]";
35
- readonly outline: "border-2 border-[color:var(--zui-select-item-outline-border,oklch(55.1%_0.027_264.364))] text-[color:var(--zui-select-item-outline-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-select-item-outline-fg-dark,oklch(96.7%_0.003_264.542))] data-[selected=true]:border-2 data-[selected=true]:border-[color:var(--zui-select-item-outline-border,oklch(55.1%_0.027_264.364))] data-[selected=true]:bg-[var(--zui-select-item-outline-bg,oklch(92.8%_0.006_264.531))] data-[selected=true]:text-[color:var(--zui-select-item-outline-fg,oklch(21%_0.034_264.665))] dark:data-[selected=true]:text-[color:var(--zui-select-item-outline-fg-dark,oklch(21%_0.034_264.665))]";
36
- readonly ghost: "border-[color:var(--zui-select-item-ghost-border,transparent)] text-[color:var(--zui-select-item-ghost-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-select-item-ghost-fg-dark,oklch(96.7%_0.003_264.542))] data-[selected=true]:border-[color:var(--zui-select-item-ghost-border,transparent)] data-[selected=true]:bg-[var(--zui-select-item-ghost-bg,transparent)] data-[selected=true]:text-[color:var(--zui-select-item-ghost-fg,oklch(21%_0.034_264.665))] dark:data-[selected=true]:text-[color:var(--zui-select-item-ghost-fg-dark,oklch(96.7%_0.003_264.542))]";
37
- readonly sky: "border-[color:var(--zui-select-item-sky-border,oklch(39.1%_0.09_240.876))] dark:border-[color:var(--zui-select-item-sky-border-dark,oklch(58.8%_0.158_241.966))] text-[color:var(--zui-select-item-sky-fg,oklch(39.1%_0.09_240.876))] dark:text-[color:var(--zui-select-item-sky-fg-dark,oklch(90.1%_0.058_230.902))] data-[selected=true]:border-[color:var(--zui-select-item-sky-border,oklch(39.1%_0.09_240.876))] dark:data-[selected=true]:border-[color:var(--zui-select-item-sky-border-dark,oklch(58.8%_0.158_241.966))] data-[selected=true]:bg-[var(--zui-select-item-sky-bg,oklch(90.1%_0.058_230.902))] data-[selected=true]:text-[color:var(--zui-select-item-sky-fg,oklch(39.1%_0.09_240.876))] dark:data-[selected=true]:text-[color:var(--zui-select-item-sky-fg-dark,oklch(39.1%_0.09_240.876))]";
38
- readonly rose: "border-[color:var(--zui-select-item-rose-border,oklch(41%_0.159_10.272))] dark:border-[color:var(--zui-select-item-rose-border-dark,oklch(58.6%_0.253_17.585))] text-[color:var(--zui-select-item-rose-fg,oklch(41%_0.159_10.272))] dark:text-[color:var(--zui-select-item-rose-fg-dark,oklch(89.2%_0.058_10.001))] data-[selected=true]:border-[color:var(--zui-select-item-rose-border,oklch(41%_0.159_10.272))] dark:data-[selected=true]:border-[color:var(--zui-select-item-rose-border-dark,oklch(58.6%_0.253_17.585))] data-[selected=true]:bg-[var(--zui-select-item-rose-bg,oklch(89.2%_0.058_10.001))] data-[selected=true]:text-[color:var(--zui-select-item-rose-fg,oklch(41%_0.159_10.272))] dark:data-[selected=true]:text-[color:var(--zui-select-item-rose-fg-dark,oklch(41%_0.159_10.272))]";
39
- readonly purple: "border-[color:var(--zui-select-item-purple-border,oklch(38.1%_0.176_304.987))] dark:border-[color:var(--zui-select-item-purple-border-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-select-item-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-select-item-purple-fg-dark,oklch(90.2%_0.063_306.703))] data-[selected=true]:border-[color:var(--zui-select-item-purple-border,oklch(38.1%_0.176_304.987))] dark:data-[selected=true]:border-[color:var(--zui-select-item-purple-border-dark,oklch(55.8%_0.288_302.321))] data-[selected=true]:bg-[var(--zui-select-item-purple-bg,oklch(90.2%_0.063_306.703))] data-[selected=true]:text-[color:var(--zui-select-item-purple-fg,oklch(38.1%_0.176_304.987))] dark:data-[selected=true]:text-[color:var(--zui-select-item-purple-fg-dark,oklch(38.1%_0.176_304.987))]";
40
- readonly pink: "border-[color:var(--zui-select-item-pink-border,oklch(40.8%_0.153_2.432))] dark:border-[color:var(--zui-select-item-pink-border-dark,oklch(59.2%_0.249_0.584))] text-[color:var(--zui-select-item-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-select-item-pink-fg-dark,oklch(89.9%_0.061_343.231))] data-[selected=true]:border-[color:var(--zui-select-item-pink-border,oklch(40.8%_0.153_2.432))] dark:data-[selected=true]:border-[color:var(--zui-select-item-pink-border-dark,oklch(59.2%_0.249_0.584))] data-[selected=true]:bg-[var(--zui-select-item-pink-bg,oklch(89.9%_0.061_343.231))] data-[selected=true]:text-[color:var(--zui-select-item-pink-fg,oklch(40.8%_0.153_2.432))] dark:data-[selected=true]:text-[color:var(--zui-select-item-pink-fg-dark,oklch(40.8%_0.153_2.432))]";
41
- readonly orange: "border-[color:var(--zui-select-item-orange-border,oklch(40.8%_0.123_38.172))] dark:border-[color:var(--zui-select-item-orange-border-dark,oklch(64.6%_0.222_41.116))] text-[color:var(--zui-select-item-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-select-item-orange-fg-dark,oklch(90.1%_0.076_70.697))] data-[selected=true]:border-[color:var(--zui-select-item-orange-border,oklch(40.8%_0.123_38.172))] dark:data-[selected=true]:border-[color:var(--zui-select-item-orange-border-dark,oklch(64.6%_0.222_41.116))] data-[selected=true]:bg-[var(--zui-select-item-orange-bg,oklch(90.1%_0.076_70.697))] data-[selected=true]:text-[color:var(--zui-select-item-orange-fg,oklch(40.8%_0.123_38.172))] dark:data-[selected=true]:text-[color:var(--zui-select-item-orange-fg-dark,oklch(40.8%_0.123_38.172))]";
42
- readonly yellow: "border-[color:var(--zui-select-item-yellow-border,oklch(42.1%_0.095_57.708))] dark:border-[color:var(--zui-select-item-yellow-border-dark,oklch(68.1%_0.162_75.834))] text-[color:var(--zui-select-item-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-select-item-yellow-fg-dark,oklch(94.5%_0.129_101.54))] data-[selected=true]:border-[color:var(--zui-select-item-yellow-border,oklch(42.1%_0.095_57.708))] dark:data-[selected=true]:border-[color:var(--zui-select-item-yellow-border-dark,oklch(68.1%_0.162_75.834))] data-[selected=true]:bg-[var(--zui-select-item-yellow-bg,oklch(94.5%_0.129_101.54))] data-[selected=true]:text-[color:var(--zui-select-item-yellow-fg,oklch(42.1%_0.095_57.708))] dark:data-[selected=true]:text-[color:var(--zui-select-item-yellow-fg-dark,oklch(42.1%_0.095_57.708))]";
43
- readonly teal: "border-[color:var(--zui-select-item-teal-border,oklch(38.6%_0.063_188.416))] dark:border-[color:var(--zui-select-item-teal-border-dark,oklch(60%_0.118_184.704))] text-[color:var(--zui-select-item-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-select-item-teal-fg-dark,oklch(91%_0.096_180.426))] data-[selected=true]:border-[color:var(--zui-select-item-teal-border,oklch(38.6%_0.063_188.416))] dark:data-[selected=true]:border-[color:var(--zui-select-item-teal-border-dark,oklch(60%_0.118_184.704))] data-[selected=true]:bg-[var(--zui-select-item-teal-bg,oklch(91%_0.096_180.426))] data-[selected=true]:text-[color:var(--zui-select-item-teal-fg,oklch(38.6%_0.063_188.416))] dark:data-[selected=true]:text-[color:var(--zui-select-item-teal-fg-dark,oklch(38.6%_0.063_188.416))]";
44
- readonly indigo: "border-[color:var(--zui-select-item-indigo-border,oklch(35.9%_0.144_278.697))] dark:border-[color:var(--zui-select-item-indigo-border-dark,oklch(51.1%_0.262_276.966))] text-[color:var(--zui-select-item-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-select-item-indigo-fg-dark,oklch(87%_0.065_274.039))] data-[selected=true]:border-[color:var(--zui-select-item-indigo-border,oklch(35.9%_0.144_278.697))] dark:data-[selected=true]:border-[color:var(--zui-select-item-indigo-border-dark,oklch(51.1%_0.262_276.966))] data-[selected=true]:bg-[var(--zui-select-item-indigo-bg,oklch(87%_0.065_274.039))] data-[selected=true]:text-[color:var(--zui-select-item-indigo-fg,oklch(35.9%_0.144_278.697))] dark:data-[selected=true]:text-[color:var(--zui-select-item-indigo-fg-dark,oklch(35.9%_0.144_278.697))]";
45
- readonly emerald: "border-[color:var(--zui-select-item-emerald-border,oklch(37.8%_0.077_168.94))] dark:border-[color:var(--zui-select-item-emerald-border-dark,oklch(59.6%_0.145_163.225))] text-[color:var(--zui-select-item-emerald-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-select-item-emerald-fg-dark,oklch(90.5%_0.093_164.15))] data-[selected=true]:border-[color:var(--zui-select-item-emerald-border,oklch(37.8%_0.077_168.94))] dark:data-[selected=true]:border-[color:var(--zui-select-item-emerald-border-dark,oklch(59.6%_0.145_163.225))] data-[selected=true]:bg-[var(--zui-select-item-emerald-bg,oklch(90.5%_0.093_164.15))] data-[selected=true]:text-[color:var(--zui-select-item-emerald-fg,oklch(37.8%_0.077_168.94))] dark:data-[selected=true]:text-[color:var(--zui-select-item-emerald-fg-dark,oklch(37.8%_0.077_168.94))]";
46
- readonly "gradient-blue": "bg-[var(--zui-select-item-gradient-blue-bg,transparent)] backdrop-blur-xl text-[color:var(--zui-select-item-gradient-blue-fg,oklch(97%_0.014_254.604))] dark:text-[color:var(--zui-select-item-gradient-blue-fg-dark,oklch(97%_0.014_254.604))] data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-select-item-gradient-blue-from,oklch(97%_0.014_254.604))] dark:data-[selected=true]:from-[var(--zui-select-item-gradient-blue-from-dark,oklch(97%_0.014_254.604))] data-[selected=true]:to-[var(--zui-select-item-gradient-blue-to,oklch(97.7%_0.014_308.299))] dark:data-[selected=true]:to-[var(--zui-select-item-gradient-blue-to-dark,oklch(97.7%_0.014_308.299))] data-[selected=true]:text-[color:var(--zui-select-item-gradient-blue-fg,oklch(37.9%_0.146_265.522))]";
47
- readonly "gradient-green": "bg-[var(--zui-select-item-gradient-green-bg,transparent)] backdrop-blur-xl text-[color:var(--zui-select-item-gradient-green-fg,oklch(98.2%_0.018_155.826))] dark:text-[color:var(--zui-select-item-gradient-green-fg-dark,oklch(98.2%_0.018_155.826))] data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-select-item-gradient-green-from,oklch(98.2%_0.018_155.826))] dark:data-[selected=true]:from-[var(--zui-select-item-gradient-green-from-dark,oklch(98.2%_0.018_155.826))] data-[selected=true]:to-[var(--zui-select-item-gradient-green-to,oklch(98.6%_0.031_120.757))] dark:data-[selected=true]:to-[var(--zui-select-item-gradient-green-to-dark,oklch(98.6%_0.031_120.757))] data-[selected=true]:text-[color:var(--zui-select-item-gradient-green-fg,oklch(39.3%_0.095_152.535))]";
48
- readonly "gradient-red": "bg-[var(--zui-select-item-gradient-red-bg,transparent)] backdrop-blur-xl text-[color:var(--zui-select-item-gradient-red-fg,oklch(97.1%_0.013_17.38))] dark:text-[color:var(--zui-select-item-gradient-red-fg-dark,oklch(97.1%_0.013_17.38))] data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-select-item-gradient-red-from,oklch(97.1%_0.013_17.38))] dark:data-[selected=true]:from-[var(--zui-select-item-gradient-red-from-dark,oklch(97.1%_0.013_17.38))] data-[selected=true]:to-[var(--zui-select-item-gradient-red-to,oklch(97.1%_0.014_343.198))] dark:data-[selected=true]:to-[var(--zui-select-item-gradient-red-to-dark,oklch(97.1%_0.014_343.198))] data-[selected=true]:text-[color:var(--zui-select-item-gradient-red-fg,oklch(39.6%_0.141_25.723))]";
49
- readonly "gradient-yellow": "bg-[var(--zui-select-item-gradient-yellow-bg,transparent)] backdrop-blur-xl text-[color:var(--zui-select-item-gradient-yellow-fg,oklch(98.7%_0.026_102.212))] dark:text-[color:var(--zui-select-item-gradient-yellow-fg-dark,oklch(98.7%_0.026_102.212))] data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-select-item-gradient-yellow-from,oklch(98.7%_0.026_102.212))] dark:data-[selected=true]:from-[var(--zui-select-item-gradient-yellow-from-dark,oklch(98.7%_0.026_102.212))] data-[selected=true]:to-[var(--zui-select-item-gradient-yellow-to,oklch(98%_0.016_73.684))] dark:data-[selected=true]:to-[var(--zui-select-item-gradient-yellow-to-dark,oklch(98%_0.016_73.684))] data-[selected=true]:text-[color:var(--zui-select-item-gradient-yellow-fg,oklch(42.1%_0.095_57.708))]";
50
- readonly "gradient-purple": "bg-[var(--zui-select-item-gradient-purple-bg,transparent)] backdrop-blur-xl text-[color:var(--zui-select-item-gradient-purple-fg,oklch(97.7%_0.014_308.299))] dark:text-[color:var(--zui-select-item-gradient-purple-fg-dark,oklch(97.7%_0.014_308.299))] data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-select-item-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:data-[selected=true]:from-[var(--zui-select-item-gradient-purple-from-dark,oklch(97.7%_0.014_308.299))] data-[selected=true]:to-[var(--zui-select-item-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:data-[selected=true]:to-[var(--zui-select-item-gradient-purple-to-dark,oklch(97.1%_0.014_343.198))] data-[selected=true]:text-[color:var(--zui-select-item-gradient-purple-fg,oklch(38.1%_0.176_304.987))]";
51
- readonly "gradient-teal": "bg-[var(--zui-select-item-gradient-teal-bg,transparent)] backdrop-blur-xl text-[color:var(--zui-select-item-gradient-teal-fg,oklch(98.4%_0.014_180.72))] dark:text-[color:var(--zui-select-item-gradient-teal-fg-dark,oklch(98.4%_0.014_180.72))] data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-select-item-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:data-[selected=true]:from-[var(--zui-select-item-gradient-teal-from-dark,oklch(98.4%_0.014_180.72))] data-[selected=true]:to-[var(--zui-select-item-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:data-[selected=true]:to-[var(--zui-select-item-gradient-teal-to-dark,oklch(98.4%_0.019_200.873))] data-[selected=true]:text-[color:var(--zui-select-item-gradient-teal-fg,oklch(38.6%_0.063_188.416))]";
52
- readonly "gradient-indigo": "bg-[var(--zui-select-item-gradient-indigo-bg,transparent)] backdrop-blur-xl text-[color:var(--zui-select-item-gradient-indigo-fg,oklch(96.2%_0.018_272.314))] dark:text-[color:var(--zui-select-item-gradient-indigo-fg-dark,oklch(96.2%_0.018_272.314))] data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-select-item-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:data-[selected=true]:from-[var(--zui-select-item-gradient-indigo-from-dark,oklch(96.2%_0.018_272.314))] data-[selected=true]:to-[var(--zui-select-item-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:data-[selected=true]:to-[var(--zui-select-item-gradient-indigo-to-dark,oklch(97.7%_0.014_308.299))] data-[selected=true]:text-[color:var(--zui-select-item-gradient-indigo-fg,oklch(35.9%_0.144_278.697))]";
53
- readonly "gradient-pink": "bg-[var(--zui-select-item-gradient-pink-bg,transparent)] backdrop-blur-xl text-[color:var(--zui-select-item-gradient-pink-fg,oklch(97.1%_0.014_343.198))] dark:text-[color:var(--zui-select-item-gradient-pink-fg-dark,oklch(97.1%_0.014_343.198))] data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-select-item-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:data-[selected=true]:from-[var(--zui-select-item-gradient-pink-from-dark,oklch(97.1%_0.014_343.198))] data-[selected=true]:to-[var(--zui-select-item-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:data-[selected=true]:to-[var(--zui-select-item-gradient-pink-to-dark,oklch(96.9%_0.015_12.422))] data-[selected=true]:text-[color:var(--zui-select-item-gradient-pink-fg,oklch(40.8%_0.153_2.432))]";
54
- readonly "gradient-orange": "bg-[var(--zui-select-item-gradient-orange-bg,transparent)] backdrop-blur-xl text-[color:var(--zui-select-item-gradient-orange-fg,oklch(98%_0.016_73.684))] dark:text-[color:var(--zui-select-item-gradient-orange-fg-dark,oklch(98%_0.016_73.684))] data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-select-item-gradient-orange-from,oklch(98%_0.016_73.684))] dark:data-[selected=true]:from-[var(--zui-select-item-gradient-orange-from-dark,oklch(98%_0.016_73.684))] data-[selected=true]:to-[var(--zui-select-item-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:data-[selected=true]:to-[var(--zui-select-item-gradient-orange-to-dark,oklch(97.1%_0.013_17.38))] data-[selected=true]:text-[color:var(--zui-select-item-gradient-orange-fg,oklch(40.8%_0.123_38.172))]";
35
+ readonly outline: "border-2 border-[color:var(--zui-select-item-outline-border,oklch(55.1%_0.027_264.364))] dark:border-[color:var(--zui-select-item-outline-border-dark,oklch(55.1%_0.027_264.364))] text-[color:var(--zui-select-item-outline-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-select-item-outline-fg-dark,oklch(96.7%_0.003_264.542))] data-[selected=true]:border-2 data-[selected=true]:border-[color:var(--zui-select-item-outline-border,oklch(55.1%_0.027_264.364))] dark:data-[selected=true]:border-[color:var(--zui-select-item-outline-border-dark,oklch(55.1%_0.027_264.364))] data-[selected=true]:bg-[var(--zui-select-item-outline-bg,oklch(92.8%_0.006_264.531))] dark:data-[selected=true]:bg-[var(--zui-select-item-outline-bg-dark,oklch(92.8%_0.006_264.531))] data-[selected=true]:text-[color:var(--zui-select-item-outline-fg,oklch(21%_0.034_264.665))] dark:data-[selected=true]:text-[color:var(--zui-select-item-outline-fg-dark,oklch(21%_0.034_264.665))]";
36
+ readonly ghost: "border-[color:var(--zui-select-item-ghost-border,transparent)] dark:border-[color:var(--zui-select-item-ghost-border-dark,transparent)] text-[color:var(--zui-select-item-ghost-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-select-item-ghost-fg-dark,oklch(96.7%_0.003_264.542))] data-[selected=true]:border-[color:var(--zui-select-item-ghost-border,transparent)] dark:data-[selected=true]:border-[color:var(--zui-select-item-ghost-border-dark,transparent)] data-[selected=true]:bg-[var(--zui-select-item-ghost-bg,transparent)] dark:data-[selected=true]:bg-[var(--zui-select-item-ghost-bg-dark,transparent)] data-[selected=true]:text-[color:var(--zui-select-item-ghost-fg,oklch(21%_0.034_264.665))] dark:data-[selected=true]:text-[color:var(--zui-select-item-ghost-fg-dark,oklch(96.7%_0.003_264.542))]";
37
+ readonly sky: "border-[color:var(--zui-select-item-sky-border,oklch(39.1%_0.09_240.876))] dark:border-[color:var(--zui-select-item-sky-border-dark,oklch(58.8%_0.158_241.966))] text-[color:var(--zui-select-item-sky-fg,oklch(39.1%_0.09_240.876))] dark:text-[color:var(--zui-select-item-sky-fg-dark,oklch(90.1%_0.058_230.902))] data-[selected=true]:border-[color:var(--zui-select-item-sky-border,oklch(39.1%_0.09_240.876))] dark:data-[selected=true]:border-[color:var(--zui-select-item-sky-border-dark,oklch(58.8%_0.158_241.966))] data-[selected=true]:bg-[var(--zui-select-item-sky-bg,oklch(90.1%_0.058_230.902))] dark:data-[selected=true]:bg-[var(--zui-select-item-sky-bg-dark,oklch(90.1%_0.058_230.902))] data-[selected=true]:text-[color:var(--zui-select-item-sky-fg,oklch(39.1%_0.09_240.876))] dark:data-[selected=true]:text-[color:var(--zui-select-item-sky-fg-dark,oklch(39.1%_0.09_240.876))]";
38
+ readonly rose: "border-[color:var(--zui-select-item-rose-border,oklch(41%_0.159_10.272))] dark:border-[color:var(--zui-select-item-rose-border-dark,oklch(58.6%_0.253_17.585))] text-[color:var(--zui-select-item-rose-fg,oklch(41%_0.159_10.272))] dark:text-[color:var(--zui-select-item-rose-fg-dark,oklch(89.2%_0.058_10.001))] data-[selected=true]:border-[color:var(--zui-select-item-rose-border,oklch(41%_0.159_10.272))] dark:data-[selected=true]:border-[color:var(--zui-select-item-rose-border-dark,oklch(58.6%_0.253_17.585))] data-[selected=true]:bg-[var(--zui-select-item-rose-bg,oklch(89.2%_0.058_10.001))] dark:data-[selected=true]:bg-[var(--zui-select-item-rose-bg-dark,oklch(89.2%_0.058_10.001))] data-[selected=true]:text-[color:var(--zui-select-item-rose-fg,oklch(41%_0.159_10.272))] dark:data-[selected=true]:text-[color:var(--zui-select-item-rose-fg-dark,oklch(41%_0.159_10.272))]";
39
+ readonly purple: "border-[color:var(--zui-select-item-purple-border,oklch(38.1%_0.176_304.987))] dark:border-[color:var(--zui-select-item-purple-border-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-select-item-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-select-item-purple-fg-dark,oklch(90.2%_0.063_306.703))] data-[selected=true]:border-[color:var(--zui-select-item-purple-border,oklch(38.1%_0.176_304.987))] dark:data-[selected=true]:border-[color:var(--zui-select-item-purple-border-dark,oklch(55.8%_0.288_302.321))] data-[selected=true]:bg-[var(--zui-select-item-purple-bg,oklch(90.2%_0.063_306.703))] dark:data-[selected=true]:bg-[var(--zui-select-item-purple-bg-dark,oklch(90.2%_0.063_306.703))] data-[selected=true]:text-[color:var(--zui-select-item-purple-fg,oklch(38.1%_0.176_304.987))] dark:data-[selected=true]:text-[color:var(--zui-select-item-purple-fg-dark,oklch(38.1%_0.176_304.987))]";
40
+ readonly pink: "border-[color:var(--zui-select-item-pink-border,oklch(40.8%_0.153_2.432))] dark:border-[color:var(--zui-select-item-pink-border-dark,oklch(59.2%_0.249_0.584))] text-[color:var(--zui-select-item-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-select-item-pink-fg-dark,oklch(89.9%_0.061_343.231))] data-[selected=true]:border-[color:var(--zui-select-item-pink-border,oklch(40.8%_0.153_2.432))] dark:data-[selected=true]:border-[color:var(--zui-select-item-pink-border-dark,oklch(59.2%_0.249_0.584))] data-[selected=true]:bg-[var(--zui-select-item-pink-bg,oklch(89.9%_0.061_343.231))] dark:data-[selected=true]:bg-[var(--zui-select-item-pink-bg-dark,oklch(89.9%_0.061_343.231))] data-[selected=true]:text-[color:var(--zui-select-item-pink-fg,oklch(40.8%_0.153_2.432))] dark:data-[selected=true]:text-[color:var(--zui-select-item-pink-fg-dark,oklch(40.8%_0.153_2.432))]";
41
+ readonly orange: "border-[color:var(--zui-select-item-orange-border,oklch(40.8%_0.123_38.172))] dark:border-[color:var(--zui-select-item-orange-border-dark,oklch(64.6%_0.222_41.116))] text-[color:var(--zui-select-item-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-select-item-orange-fg-dark,oklch(90.1%_0.076_70.697))] data-[selected=true]:border-[color:var(--zui-select-item-orange-border,oklch(40.8%_0.123_38.172))] dark:data-[selected=true]:border-[color:var(--zui-select-item-orange-border-dark,oklch(64.6%_0.222_41.116))] data-[selected=true]:bg-[var(--zui-select-item-orange-bg,oklch(90.1%_0.076_70.697))] dark:data-[selected=true]:bg-[var(--zui-select-item-orange-bg-dark,oklch(90.1%_0.076_70.697))] data-[selected=true]:text-[color:var(--zui-select-item-orange-fg,oklch(40.8%_0.123_38.172))] dark:data-[selected=true]:text-[color:var(--zui-select-item-orange-fg-dark,oklch(40.8%_0.123_38.172))]";
42
+ readonly yellow: "border-[color:var(--zui-select-item-yellow-border,oklch(42.1%_0.095_57.708))] dark:border-[color:var(--zui-select-item-yellow-border-dark,oklch(68.1%_0.162_75.834))] text-[color:var(--zui-select-item-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-select-item-yellow-fg-dark,oklch(94.5%_0.129_101.54))] data-[selected=true]:border-[color:var(--zui-select-item-yellow-border,oklch(42.1%_0.095_57.708))] dark:data-[selected=true]:border-[color:var(--zui-select-item-yellow-border-dark,oklch(68.1%_0.162_75.834))] data-[selected=true]:bg-[var(--zui-select-item-yellow-bg,oklch(94.5%_0.129_101.54))] dark:data-[selected=true]:bg-[var(--zui-select-item-yellow-bg-dark,oklch(94.5%_0.129_101.54))] data-[selected=true]:text-[color:var(--zui-select-item-yellow-fg,oklch(42.1%_0.095_57.708))] dark:data-[selected=true]:text-[color:var(--zui-select-item-yellow-fg-dark,oklch(42.1%_0.095_57.708))]";
43
+ readonly teal: "border-[color:var(--zui-select-item-teal-border,oklch(38.6%_0.063_188.416))] dark:border-[color:var(--zui-select-item-teal-border-dark,oklch(60%_0.118_184.704))] text-[color:var(--zui-select-item-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-select-item-teal-fg-dark,oklch(91%_0.096_180.426))] data-[selected=true]:border-[color:var(--zui-select-item-teal-border,oklch(38.6%_0.063_188.416))] dark:data-[selected=true]:border-[color:var(--zui-select-item-teal-border-dark,oklch(60%_0.118_184.704))] data-[selected=true]:bg-[var(--zui-select-item-teal-bg,oklch(91%_0.096_180.426))] dark:data-[selected=true]:bg-[var(--zui-select-item-teal-bg-dark,oklch(91%_0.096_180.426))] data-[selected=true]:text-[color:var(--zui-select-item-teal-fg,oklch(38.6%_0.063_188.416))] dark:data-[selected=true]:text-[color:var(--zui-select-item-teal-fg-dark,oklch(38.6%_0.063_188.416))]";
44
+ readonly indigo: "border-[color:var(--zui-select-item-indigo-border,oklch(35.9%_0.144_278.697))] dark:border-[color:var(--zui-select-item-indigo-border-dark,oklch(51.1%_0.262_276.966))] text-[color:var(--zui-select-item-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-select-item-indigo-fg-dark,oklch(87%_0.065_274.039))] data-[selected=true]:border-[color:var(--zui-select-item-indigo-border,oklch(35.9%_0.144_278.697))] dark:data-[selected=true]:border-[color:var(--zui-select-item-indigo-border-dark,oklch(51.1%_0.262_276.966))] data-[selected=true]:bg-[var(--zui-select-item-indigo-bg,oklch(87%_0.065_274.039))] dark:data-[selected=true]:bg-[var(--zui-select-item-indigo-bg-dark,oklch(87%_0.065_274.039))] data-[selected=true]:text-[color:var(--zui-select-item-indigo-fg,oklch(35.9%_0.144_278.697))] dark:data-[selected=true]:text-[color:var(--zui-select-item-indigo-fg-dark,oklch(35.9%_0.144_278.697))]";
45
+ readonly emerald: "border-[color:var(--zui-select-item-emerald-border,oklch(37.8%_0.077_168.94))] dark:border-[color:var(--zui-select-item-emerald-border-dark,oklch(59.6%_0.145_163.225))] text-[color:var(--zui-select-item-emerald-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-select-item-emerald-fg-dark,oklch(90.5%_0.093_164.15))] data-[selected=true]:border-[color:var(--zui-select-item-emerald-border,oklch(37.8%_0.077_168.94))] dark:data-[selected=true]:border-[color:var(--zui-select-item-emerald-border-dark,oklch(59.6%_0.145_163.225))] data-[selected=true]:bg-[var(--zui-select-item-emerald-bg,oklch(90.5%_0.093_164.15))] dark:data-[selected=true]:bg-[var(--zui-select-item-emerald-bg-dark,oklch(90.5%_0.093_164.15))] data-[selected=true]:text-[color:var(--zui-select-item-emerald-fg,oklch(37.8%_0.077_168.94))] dark:data-[selected=true]:text-[color:var(--zui-select-item-emerald-fg-dark,oklch(37.8%_0.077_168.94))]";
46
+ readonly "gradient-blue": "bg-[var(--zui-select-item-gradient-blue-bg,transparent)] dark:bg-[var(--zui-select-item-gradient-blue-bg-dark,transparent)] backdrop-blur-xl text-[color:var(--zui-select-item-gradient-blue-fg,oklch(97%_0.014_254.604))] dark:text-[color:var(--zui-select-item-gradient-blue-fg-dark,oklch(97%_0.014_254.604))] data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-select-item-gradient-blue-from,oklch(97%_0.014_254.604))] dark:data-[selected=true]:from-[var(--zui-select-item-gradient-blue-from-dark,oklch(97%_0.014_254.604))] data-[selected=true]:to-[var(--zui-select-item-gradient-blue-to,oklch(97.7%_0.014_308.299))] dark:data-[selected=true]:to-[var(--zui-select-item-gradient-blue-to-dark,oklch(97.7%_0.014_308.299))] data-[selected=true]:text-[color:var(--zui-select-item-gradient-blue-fg,oklch(37.9%_0.146_265.522))] dark:data-[selected=true]:text-[color:var(--zui-select-item-gradient-blue-fg-dark,oklch(37.9%_0.146_265.522))]";
47
+ readonly "gradient-green": "bg-[var(--zui-select-item-gradient-green-bg,transparent)] dark:bg-[var(--zui-select-item-gradient-green-bg-dark,transparent)] backdrop-blur-xl text-[color:var(--zui-select-item-gradient-green-fg,oklch(98.2%_0.018_155.826))] dark:text-[color:var(--zui-select-item-gradient-green-fg-dark,oklch(98.2%_0.018_155.826))] data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-select-item-gradient-green-from,oklch(98.2%_0.018_155.826))] dark:data-[selected=true]:from-[var(--zui-select-item-gradient-green-from-dark,oklch(98.2%_0.018_155.826))] data-[selected=true]:to-[var(--zui-select-item-gradient-green-to,oklch(98.6%_0.031_120.757))] dark:data-[selected=true]:to-[var(--zui-select-item-gradient-green-to-dark,oklch(98.6%_0.031_120.757))] data-[selected=true]:text-[color:var(--zui-select-item-gradient-green-fg,oklch(39.3%_0.095_152.535))] dark:data-[selected=true]:text-[color:var(--zui-select-item-gradient-green-fg-dark,oklch(39.3%_0.095_152.535))]";
48
+ readonly "gradient-red": "bg-[var(--zui-select-item-gradient-red-bg,transparent)] dark:bg-[var(--zui-select-item-gradient-red-bg-dark,transparent)] backdrop-blur-xl text-[color:var(--zui-select-item-gradient-red-fg,oklch(97.1%_0.013_17.38))] dark:text-[color:var(--zui-select-item-gradient-red-fg-dark,oklch(97.1%_0.013_17.38))] data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-select-item-gradient-red-from,oklch(97.1%_0.013_17.38))] dark:data-[selected=true]:from-[var(--zui-select-item-gradient-red-from-dark,oklch(97.1%_0.013_17.38))] data-[selected=true]:to-[var(--zui-select-item-gradient-red-to,oklch(97.1%_0.014_343.198))] dark:data-[selected=true]:to-[var(--zui-select-item-gradient-red-to-dark,oklch(97.1%_0.014_343.198))] data-[selected=true]:text-[color:var(--zui-select-item-gradient-red-fg,oklch(39.6%_0.141_25.723))] dark:data-[selected=true]:text-[color:var(--zui-select-item-gradient-red-fg-dark,oklch(39.6%_0.141_25.723))]";
49
+ readonly "gradient-yellow": "bg-[var(--zui-select-item-gradient-yellow-bg,transparent)] dark:bg-[var(--zui-select-item-gradient-yellow-bg-dark,transparent)] backdrop-blur-xl text-[color:var(--zui-select-item-gradient-yellow-fg,oklch(98.7%_0.026_102.212))] dark:text-[color:var(--zui-select-item-gradient-yellow-fg-dark,oklch(98.7%_0.026_102.212))] data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-select-item-gradient-yellow-from,oklch(98.7%_0.026_102.212))] dark:data-[selected=true]:from-[var(--zui-select-item-gradient-yellow-from-dark,oklch(98.7%_0.026_102.212))] data-[selected=true]:to-[var(--zui-select-item-gradient-yellow-to,oklch(98%_0.016_73.684))] dark:data-[selected=true]:to-[var(--zui-select-item-gradient-yellow-to-dark,oklch(98%_0.016_73.684))] data-[selected=true]:text-[color:var(--zui-select-item-gradient-yellow-fg,oklch(42.1%_0.095_57.708))] dark:data-[selected=true]:text-[color:var(--zui-select-item-gradient-yellow-fg-dark,oklch(42.1%_0.095_57.708))]";
50
+ readonly "gradient-purple": "bg-[var(--zui-select-item-gradient-purple-bg,transparent)] dark:bg-[var(--zui-select-item-gradient-purple-bg-dark,transparent)] backdrop-blur-xl text-[color:var(--zui-select-item-gradient-purple-fg,oklch(97.7%_0.014_308.299))] dark:text-[color:var(--zui-select-item-gradient-purple-fg-dark,oklch(97.7%_0.014_308.299))] data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-select-item-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:data-[selected=true]:from-[var(--zui-select-item-gradient-purple-from-dark,oklch(97.7%_0.014_308.299))] data-[selected=true]:to-[var(--zui-select-item-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:data-[selected=true]:to-[var(--zui-select-item-gradient-purple-to-dark,oklch(97.1%_0.014_343.198))] data-[selected=true]:text-[color:var(--zui-select-item-gradient-purple-fg,oklch(38.1%_0.176_304.987))] dark:data-[selected=true]:text-[color:var(--zui-select-item-gradient-purple-fg-dark,oklch(38.1%_0.176_304.987))]";
51
+ readonly "gradient-teal": "bg-[var(--zui-select-item-gradient-teal-bg,transparent)] dark:bg-[var(--zui-select-item-gradient-teal-bg-dark,transparent)] backdrop-blur-xl text-[color:var(--zui-select-item-gradient-teal-fg,oklch(98.4%_0.014_180.72))] dark:text-[color:var(--zui-select-item-gradient-teal-fg-dark,oklch(98.4%_0.014_180.72))] data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-select-item-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:data-[selected=true]:from-[var(--zui-select-item-gradient-teal-from-dark,oklch(98.4%_0.014_180.72))] data-[selected=true]:to-[var(--zui-select-item-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:data-[selected=true]:to-[var(--zui-select-item-gradient-teal-to-dark,oklch(98.4%_0.019_200.873))] data-[selected=true]:text-[color:var(--zui-select-item-gradient-teal-fg,oklch(38.6%_0.063_188.416))] dark:data-[selected=true]:text-[color:var(--zui-select-item-gradient-teal-fg-dark,oklch(38.6%_0.063_188.416))]";
52
+ readonly "gradient-indigo": "bg-[var(--zui-select-item-gradient-indigo-bg,transparent)] dark:bg-[var(--zui-select-item-gradient-indigo-bg-dark,transparent)] backdrop-blur-xl text-[color:var(--zui-select-item-gradient-indigo-fg,oklch(96.2%_0.018_272.314))] dark:text-[color:var(--zui-select-item-gradient-indigo-fg-dark,oklch(96.2%_0.018_272.314))] data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-select-item-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:data-[selected=true]:from-[var(--zui-select-item-gradient-indigo-from-dark,oklch(96.2%_0.018_272.314))] data-[selected=true]:to-[var(--zui-select-item-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:data-[selected=true]:to-[var(--zui-select-item-gradient-indigo-to-dark,oklch(97.7%_0.014_308.299))] data-[selected=true]:text-[color:var(--zui-select-item-gradient-indigo-fg,oklch(35.9%_0.144_278.697))] dark:data-[selected=true]:text-[color:var(--zui-select-item-gradient-indigo-fg-dark,oklch(35.9%_0.144_278.697))]";
53
+ readonly "gradient-pink": "bg-[var(--zui-select-item-gradient-pink-bg,transparent)] dark:bg-[var(--zui-select-item-gradient-pink-bg-dark,transparent)] backdrop-blur-xl text-[color:var(--zui-select-item-gradient-pink-fg,oklch(97.1%_0.014_343.198))] dark:text-[color:var(--zui-select-item-gradient-pink-fg-dark,oklch(97.1%_0.014_343.198))] data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-select-item-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:data-[selected=true]:from-[var(--zui-select-item-gradient-pink-from-dark,oklch(97.1%_0.014_343.198))] data-[selected=true]:to-[var(--zui-select-item-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:data-[selected=true]:to-[var(--zui-select-item-gradient-pink-to-dark,oklch(96.9%_0.015_12.422))] data-[selected=true]:text-[color:var(--zui-select-item-gradient-pink-fg,oklch(40.8%_0.153_2.432))] dark:data-[selected=true]:text-[color:var(--zui-select-item-gradient-pink-fg-dark,oklch(40.8%_0.153_2.432))]";
54
+ readonly "gradient-orange": "bg-[var(--zui-select-item-gradient-orange-bg,transparent)] dark:bg-[var(--zui-select-item-gradient-orange-bg-dark,transparent)] backdrop-blur-xl text-[color:var(--zui-select-item-gradient-orange-fg,oklch(98%_0.016_73.684))] dark:text-[color:var(--zui-select-item-gradient-orange-fg-dark,oklch(98%_0.016_73.684))] data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-select-item-gradient-orange-from,oklch(98%_0.016_73.684))] dark:data-[selected=true]:from-[var(--zui-select-item-gradient-orange-from-dark,oklch(98%_0.016_73.684))] data-[selected=true]:to-[var(--zui-select-item-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:data-[selected=true]:to-[var(--zui-select-item-gradient-orange-to-dark,oklch(97.1%_0.013_17.38))] data-[selected=true]:text-[color:var(--zui-select-item-gradient-orange-fg,oklch(40.8%_0.123_38.172))] dark:data-[selected=true]:text-[color:var(--zui-select-item-gradient-orange-fg-dark,oklch(40.8%_0.123_38.172))]";
55
55
  };
56
56
  export declare const zuiSelectDisabled: {
57
57
  readonly true: "opacity-50 cursor-not-allowed";
@@ -60,8 +60,8 @@ export declare const zuiSelectContentBase = "absolute z-10 mt-2 w-full rounded-m
60
60
  export declare const zuiSelectContentAppearances: {
61
61
  readonly default: "bg-[var(--zui-select-content-default-bg,#ffffff)] dark:bg-[var(--zui-select-content-default-bg-dark,#000000)] shadow-md";
62
62
  readonly glass: "bg-[var(--zui-select-content-glass-bg,#0000001a)] dark:bg-[var(--zui-select-content-glass-bg-dark,#ffffff1a)] backdrop-blur-md";
63
- readonly outline: "border-2 border-[color:var(--zui-select-content-outline-border,oklch(55.1%_0.027_264.364))]";
64
- readonly ghost: "border-[color:var(--zui-select-content-ghost-border,transparent)]";
63
+ readonly outline: "border-2 border-[color:var(--zui-select-content-outline-border,oklch(55.1%_0.027_264.364))] dark:border-[color:var(--zui-select-content-outline-border-dark,oklch(55.1%_0.027_264.364))]";
64
+ readonly ghost: "border-[color:var(--zui-select-content-ghost-border,transparent)] dark:border-[color:var(--zui-select-content-ghost-border-dark,transparent)]";
65
65
  readonly sky: "border-[color:var(--zui-select-content-sky-border,oklch(39.1%_0.09_240.876))] dark:border-[color:var(--zui-select-content-sky-border-dark,oklch(58.8%_0.158_241.966))]";
66
66
  readonly rose: "border-[color:var(--zui-select-content-rose-border,oklch(41%_0.159_10.272))] dark:border-[color:var(--zui-select-content-rose-border-dark,oklch(58.6%_0.253_17.585))]";
67
67
  readonly purple: "border-[color:var(--zui-select-content-purple-border,oklch(38.1%_0.176_304.987))] dark:border-[color:var(--zui-select-content-purple-border-dark,oklch(55.8%_0.288_302.321))]";
package/dist/design-system/select.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/design-system/select.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,qVACmT,CAAC;AAErV,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;CAyC3B,CAAC;AAEX,eAAO,MAAM,cAAc;;;;CAIjB,CAAC;AAEX,eAAO,MAAM,iBAAiB,8RAC+P,CAAC;AAE9R,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;CAyC3B,CAAC;AAEX,eAAO,MAAM,iBAAiB;;CAEpB,CAAC;AAEX,eAAO,MAAM,oBAAoB,wJACsH,CAAC;AAExJ,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;CAwC9B,CAAC;AAEX,eAAO,MAAM,gBAAgB;;;;;;;CAOnB,CAAC"}
1
+ {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/design-system/select.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,qVACmT,CAAC;AAErV,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;CAyC3B,CAAC;AAEX,eAAO,MAAM,cAAc;;;;CAIjB,CAAC;AAEX,eAAO,MAAM,iBAAiB,8RAC+P,CAAC;AAE9R,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;CAyC3B,CAAC;AAEX,eAAO,MAAM,iBAAiB;;CAEpB,CAAC;AAEX,eAAO,MAAM,oBAAoB,wJACsH,CAAC;AAExJ,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;CAyC9B,CAAC;AAEX,eAAO,MAAM,gBAAgB;;;;;;;CAOnB,CAAC"}
package/dist/design-system/skeleton.d.ts CHANGED
@@ -25,23 +25,23 @@ export declare const zuiSkeletonShimmerGradientClasses: {
25
25
  readonly "gradient-orange": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]";
26
26
  };
27
27
  export type ZuiSkeletonShimmerTone = keyof typeof zuiSkeletonShimmerGradientClasses;
28
- export declare const zuiSkeletonBase = "relative overflow-hidden bg-[var(--zui-skeleton-bg,#0000001a)] dark:bg-[var(--zui-skeleton-bg-dark,#ffffff1a)] text-[color:var(--zui-skeleton-fg,transparent)]";
28
+ export declare const zuiSkeletonBase = "relative overflow-hidden bg-[var(--zui-skeleton-bg,#0000001a)] dark:bg-[var(--zui-skeleton-bg-dark,#ffffff1a)] text-[color:var(--zui-skeleton-fg,transparent)] dark:text-[color:var(--zui-skeleton-fg-dark,transparent)]";
29
29
  export declare const zuiSkeletonAppearances: {
30
30
  readonly default: "bg-[var(--zui-skeleton-default-bg,#0000001a)] dark:bg-[var(--zui-skeleton-default-bg-dark,#ffffff1a)]";
31
31
  readonly subtle: "bg-[var(--zui-skeleton-subtle-bg,#00000012)] dark:bg-[var(--zui-skeleton-subtle-bg-dark,#ffffff12)]";
32
32
  readonly muted: "bg-[var(--zui-skeleton-muted-bg,oklch(92.9%_0.013_255.508_/_0.8))] dark:bg-[var(--zui-skeleton-muted-bg-dark,oklch(27.9%_0.041_260.031_/_0.8))]";
33
- readonly sky: "bg-[var(--zui-skeleton-sky-bg,oklch(68.5%_0.169_237.323_/_0.1))]";
34
- readonly rose: "bg-[var(--zui-skeleton-rose-bg,oklch(64.5%_0.246_16.439_/_0.1))]";
35
- readonly purple: "bg-[var(--zui-skeleton-purple-bg,oklch(62.7%_0.265_303.9_/_0.1))]";
36
- readonly pink: "bg-[var(--zui-skeleton-pink-bg,oklch(65.6%_0.241_354.308_/_0.1))]";
37
- readonly orange: "bg-[var(--zui-skeleton-orange-bg,oklch(70.5%_0.213_47.604_/_0.1))]";
38
- readonly yellow: "bg-[var(--zui-skeleton-yellow-bg,oklch(79.5%_0.184_86.047_/_0.1))]";
39
- readonly teal: "bg-[var(--zui-skeleton-teal-bg,oklch(70.4%_0.14_182.503_/_0.1))]";
40
- readonly indigo: "bg-[var(--zui-skeleton-indigo-bg,oklch(58.5%_0.233_277.117_/_0.1))]";
41
- readonly emerald: "bg-[var(--zui-skeleton-emerald-bg,oklch(69.6%_0.17_162.48_/_0.1))]";
42
- readonly gray: "bg-[var(--zui-skeleton-gray-bg,oklch(55.1%_0.027_264.364_/_0.1))]";
43
- readonly amber: "bg-[var(--zui-skeleton-amber-bg,oklch(76.9%_0.188_70.08_/_0.1))]";
44
- readonly violet: "bg-[var(--zui-skeleton-violet-bg,oklch(60.6%_0.25_292.717_/_0.1))]";
33
+ readonly sky: "bg-[var(--zui-skeleton-sky-bg,oklch(68.5%_0.169_237.323_/_0.1))] dark:bg-[var(--zui-skeleton-sky-bg-dark,oklch(68.5%_0.169_237.323_/_0.1))]";
34
+ readonly rose: "bg-[var(--zui-skeleton-rose-bg,oklch(64.5%_0.246_16.439_/_0.1))] dark:bg-[var(--zui-skeleton-rose-bg-dark,oklch(64.5%_0.246_16.439_/_0.1))]";
35
+ readonly purple: "bg-[var(--zui-skeleton-purple-bg,oklch(62.7%_0.265_303.9_/_0.1))] dark:bg-[var(--zui-skeleton-purple-bg-dark,oklch(62.7%_0.265_303.9_/_0.1))]";
36
+ readonly pink: "bg-[var(--zui-skeleton-pink-bg,oklch(65.6%_0.241_354.308_/_0.1))] dark:bg-[var(--zui-skeleton-pink-bg-dark,oklch(65.6%_0.241_354.308_/_0.1))]";
37
+ readonly orange: "bg-[var(--zui-skeleton-orange-bg,oklch(70.5%_0.213_47.604_/_0.1))] dark:bg-[var(--zui-skeleton-orange-bg-dark,oklch(70.5%_0.213_47.604_/_0.1))]";
38
+ readonly yellow: "bg-[var(--zui-skeleton-yellow-bg,oklch(79.5%_0.184_86.047_/_0.1))] dark:bg-[var(--zui-skeleton-yellow-bg-dark,oklch(79.5%_0.184_86.047_/_0.1))]";
39
+ readonly teal: "bg-[var(--zui-skeleton-teal-bg,oklch(70.4%_0.14_182.503_/_0.1))] dark:bg-[var(--zui-skeleton-teal-bg-dark,oklch(70.4%_0.14_182.503_/_0.1))]";
40
+ readonly indigo: "bg-[var(--zui-skeleton-indigo-bg,oklch(58.5%_0.233_277.117_/_0.1))] dark:bg-[var(--zui-skeleton-indigo-bg-dark,oklch(58.5%_0.233_277.117_/_0.1))]";
41
+ readonly emerald: "bg-[var(--zui-skeleton-emerald-bg,oklch(69.6%_0.17_162.48_/_0.1))] dark:bg-[var(--zui-skeleton-emerald-bg-dark,oklch(69.6%_0.17_162.48_/_0.1))]";
42
+ readonly gray: "bg-[var(--zui-skeleton-gray-bg,oklch(55.1%_0.027_264.364_/_0.1))] dark:bg-[var(--zui-skeleton-gray-bg-dark,oklch(55.1%_0.027_264.364_/_0.1))]";
43
+ readonly amber: "bg-[var(--zui-skeleton-amber-bg,oklch(76.9%_0.188_70.08_/_0.1))] dark:bg-[var(--zui-skeleton-amber-bg-dark,oklch(76.9%_0.188_70.08_/_0.1))]";
44
+ readonly violet: "bg-[var(--zui-skeleton-violet-bg,oklch(60.6%_0.25_292.717_/_0.1))] dark:bg-[var(--zui-skeleton-violet-bg-dark,oklch(60.6%_0.25_292.717_/_0.1))]";
45
45
  readonly "gradient-blue": "bg-linear-to-r from-[var(--zui-skeleton-gradient-blue-from,oklch(42.4%_0.199_265.638))] dark:from-[var(--zui-skeleton-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] to-[var(--zui-skeleton-gradient-blue-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-skeleton-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))]";
46
46
  readonly "gradient-green": "bg-linear-to-r from-[var(--zui-skeleton-gradient-green-from,oklch(44.8%_0.119_151.328))] dark:from-[var(--zui-skeleton-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] to-[var(--zui-skeleton-gradient-green-to,oklch(45.3%_0.124_130.933))] dark:to-[var(--zui-skeleton-gradient-green-to-dark,oklch(64.8%_0.2_131.684))]";
47
47
  readonly "gradient-red": "bg-linear-to-r from-[var(--zui-skeleton-gradient-red-from,oklch(44.4%_0.177_26.899))] dark:from-[var(--zui-skeleton-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] to-[var(--zui-skeleton-gradient-red-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-skeleton-gradient-red-to-dark,oklch(59.2%_0.249_0.584))]";
package/dist/design-system/skeleton.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../src/design-system/skeleton.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iCAAiC;;;;;;;;;;;;;;;;;;;;;;;;;CAyBpC,CAAC;AAEX,MAAM,MAAM,sBAAsB,GAChC,MAAM,OAAO,iCAAiC,CAAC;AAEjD,eAAO,MAAM,eAAe,mKACsI,CAAC;AAEnK,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;CAqCzB,CAAC;AAEX,eAAO,MAAM,gBAAgB;;;;CAInB,CAAC;AAEX,eAAO,MAAM,kBAAkB;;;;;;CAMrB,CAAC;AAEX,eAAO,MAAM,qBAAqB;;;;CAIxB,CAAC;AAEX,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;CAyB1B,CAAC;AAEX,eAAO,MAAM,uBAAuB,iBAAiB,CAAC;AAEtD,eAAO,MAAM,wBAAwB;;;;CAI3B,CAAC"}
1
+ {"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../src/design-system/skeleton.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iCAAiC;;;;;;;;;;;;;;;;;;;;;;;;;CAyBpC,CAAC;AAEX,MAAM,MAAM,sBAAsB,GAChC,MAAM,OAAO,iCAAiC,CAAC;AAEjD,eAAO,MAAM,eAAe,6NACgM,CAAC;AAE7N,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;CA4CzB,CAAC;AAEX,eAAO,MAAM,gBAAgB;;;;CAInB,CAAC;AAEX,eAAO,MAAM,kBAAkB;;;;;;CAMrB,CAAC;AAEX,eAAO,MAAM,qBAAqB;;;;CAIxB,CAAC;AAEX,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;CAyB1B,CAAC;AAEX,eAAO,MAAM,uBAAuB,iBAAiB,CAAC;AAEtD,eAAO,MAAM,wBAAwB;;;;CAI3B,CAAC"}
package/dist/design-system/slider.d.ts CHANGED
@@ -10,30 +10,30 @@ export declare const zuiSliderTrackSizes: {
10
10
  readonly md: "h-2";
11
11
  readonly lg: "h-2.5";
12
12
  };
13
- export declare const zuiSliderRangeBase = "absolute h-full rounded-full bg-linear-to-r from-[var(--zui-slider-range-from,oklch(60.6%_0.25_292.717))] to-[var(--zui-slider-range-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-to-dark,oklch(67.3%_0.182_276.935))]";
13
+ export declare const zuiSliderRangeBase = "absolute h-full rounded-full bg-linear-to-r from-[var(--zui-slider-range-from,oklch(60.6%_0.25_292.717))] dark:from-[var(--zui-slider-range-from-dark,oklch(60.6%_0.25_292.717))] to-[var(--zui-slider-range-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-to-dark,oklch(67.3%_0.182_276.935))]";
14
14
  export declare const zuiSliderRangeAppearances: {
15
- readonly default: "from-[var(--zui-slider-range-default-from,oklch(60.6%_0.25_292.717))] to-[var(--zui-slider-range-default-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-default-to-dark,oklch(67.3%_0.182_276.935))]";
16
- readonly sky: "from-[var(--zui-slider-range-sky-from,oklch(68.5%_0.169_237.323))] to-[var(--zui-slider-range-sky-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-sky-to-dark,oklch(67.3%_0.182_276.935))]";
17
- readonly rose: "from-[var(--zui-slider-range-rose-from,oklch(64.5%_0.246_16.439))] to-[var(--zui-slider-range-rose-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-rose-to-dark,oklch(67.3%_0.182_276.935))]";
18
- readonly purple: "from-[var(--zui-slider-range-purple-from,oklch(62.7%_0.265_303.9))] to-[var(--zui-slider-range-purple-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-purple-to-dark,oklch(67.3%_0.182_276.935))]";
19
- readonly pink: "from-[var(--zui-slider-range-pink-from,oklch(65.6%_0.241_354.308))] to-[var(--zui-slider-range-pink-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-pink-to-dark,oklch(67.3%_0.182_276.935))]";
20
- readonly orange: "from-[var(--zui-slider-range-orange-from,oklch(70.5%_0.213_47.604))] to-[var(--zui-slider-range-orange-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-orange-to-dark,oklch(67.3%_0.182_276.935))]";
21
- readonly yellow: "from-[var(--zui-slider-range-yellow-from,oklch(79.5%_0.184_86.047))] to-[var(--zui-slider-range-yellow-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-yellow-to-dark,oklch(67.3%_0.182_276.935))]";
22
- readonly teal: "from-[var(--zui-slider-range-teal-from,oklch(70.4%_0.14_182.503))] to-[var(--zui-slider-range-teal-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-teal-to-dark,oklch(67.3%_0.182_276.935))]";
23
- readonly indigo: "from-[var(--zui-slider-range-indigo-from,oklch(58.5%_0.233_277.117))] to-[var(--zui-slider-range-indigo-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-indigo-to-dark,oklch(67.3%_0.182_276.935))]";
24
- readonly emerald: "from-[var(--zui-slider-range-emerald-from,oklch(69.6%_0.17_162.48))] to-[var(--zui-slider-range-emerald-to,oklch(60%_0.118_184.704))] dark:to-[var(--zui-slider-range-emerald-to-dark,oklch(77.7%_0.152_181.912))]";
25
- readonly amber: "from-[var(--zui-slider-range-amber-from,oklch(76.9%_0.188_70.08))] to-[var(--zui-slider-range-amber-to,oklch(64.6%_0.222_41.116))] dark:to-[var(--zui-slider-range-amber-to-dark,oklch(75%_0.183_55.934))]";
26
- readonly gray: "from-[var(--zui-slider-range-gray-from,oklch(55.1%_0.027_264.364))] to-[var(--zui-slider-range-gray-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-gray-to-dark,oklch(67.3%_0.182_276.935))]";
27
- readonly violet: "from-[var(--zui-slider-range-violet-from,oklch(60.6%_0.25_292.717))] to-[var(--zui-slider-range-violet-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-violet-to-dark,oklch(67.3%_0.182_276.935))]";
28
- readonly "gradient-blue": "from-[var(--zui-slider-range-gradient-blue-from,oklch(62.3%_0.214_259.815))] to-[var(--zui-slider-range-gradient-blue-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-gradient-blue-to-dark,oklch(67.3%_0.182_276.935))]";
29
- readonly "gradient-green": "from-[var(--zui-slider-range-gradient-green-from,oklch(72.3%_0.219_149.579))] to-[var(--zui-slider-range-gradient-green-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-gradient-green-to-dark,oklch(67.3%_0.182_276.935))]";
30
- readonly "gradient-red": "from-[var(--zui-slider-range-gradient-red-from,oklch(63.7%_0.237_25.331))] to-[var(--zui-slider-range-gradient-red-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-gradient-red-to-dark,oklch(67.3%_0.182_276.935))]";
31
- readonly "gradient-yellow": "from-[var(--zui-slider-range-gradient-yellow-from,oklch(79.5%_0.184_86.047))] to-[var(--zui-slider-range-gradient-yellow-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-gradient-yellow-to-dark,oklch(67.3%_0.182_276.935))]";
32
- readonly "gradient-purple": "from-[var(--zui-slider-range-gradient-purple-from,oklch(62.7%_0.265_303.9))] to-[var(--zui-slider-range-gradient-purple-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-gradient-purple-to-dark,oklch(67.3%_0.182_276.935))]";
33
- readonly "gradient-teal": "from-[var(--zui-slider-range-gradient-teal-from,oklch(70.4%_0.14_182.503))] to-[var(--zui-slider-range-gradient-teal-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-gradient-teal-to-dark,oklch(67.3%_0.182_276.935))]";
34
- readonly "gradient-indigo": "from-[var(--zui-slider-range-gradient-indigo-from,oklch(58.5%_0.233_277.117))] to-[var(--zui-slider-range-gradient-indigo-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-gradient-indigo-to-dark,oklch(67.3%_0.182_276.935))]";
35
- readonly "gradient-pink": "from-[var(--zui-slider-range-gradient-pink-from,oklch(65.6%_0.241_354.308))] to-[var(--zui-slider-range-gradient-pink-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-gradient-pink-to-dark,oklch(67.3%_0.182_276.935))]";
36
- readonly "gradient-orange": "from-[var(--zui-slider-range-gradient-orange-from,oklch(70.5%_0.213_47.604))] to-[var(--zui-slider-range-gradient-orange-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-gradient-orange-to-dark,oklch(67.3%_0.182_276.935))]";
15
+ readonly default: "from-[var(--zui-slider-range-default-from,oklch(60.6%_0.25_292.717))] dark:from-[var(--zui-slider-range-default-from-dark,oklch(60.6%_0.25_292.717))] to-[var(--zui-slider-range-default-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-default-to-dark,oklch(67.3%_0.182_276.935))]";
16
+ readonly sky: "from-[var(--zui-slider-range-sky-from,oklch(68.5%_0.169_237.323))] dark:from-[var(--zui-slider-range-sky-from-dark,oklch(68.5%_0.169_237.323))] to-[var(--zui-slider-range-sky-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-sky-to-dark,oklch(67.3%_0.182_276.935))]";
17
+ readonly rose: "from-[var(--zui-slider-range-rose-from,oklch(64.5%_0.246_16.439))] dark:from-[var(--zui-slider-range-rose-from-dark,oklch(64.5%_0.246_16.439))] to-[var(--zui-slider-range-rose-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-rose-to-dark,oklch(67.3%_0.182_276.935))]";
18
+ readonly purple: "from-[var(--zui-slider-range-purple-from,oklch(62.7%_0.265_303.9))] dark:from-[var(--zui-slider-range-purple-from-dark,oklch(62.7%_0.265_303.9))] to-[var(--zui-slider-range-purple-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-purple-to-dark,oklch(67.3%_0.182_276.935))]";
19
+ readonly pink: "from-[var(--zui-slider-range-pink-from,oklch(65.6%_0.241_354.308))] dark:from-[var(--zui-slider-range-pink-from-dark,oklch(65.6%_0.241_354.308))] to-[var(--zui-slider-range-pink-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-pink-to-dark,oklch(67.3%_0.182_276.935))]";
20
+ readonly orange: "from-[var(--zui-slider-range-orange-from,oklch(70.5%_0.213_47.604))] dark:from-[var(--zui-slider-range-orange-from-dark,oklch(70.5%_0.213_47.604))] to-[var(--zui-slider-range-orange-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-orange-to-dark,oklch(67.3%_0.182_276.935))]";
21
+ readonly yellow: "from-[var(--zui-slider-range-yellow-from,oklch(79.5%_0.184_86.047))] dark:from-[var(--zui-slider-range-yellow-from-dark,oklch(79.5%_0.184_86.047))] to-[var(--zui-slider-range-yellow-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-yellow-to-dark,oklch(67.3%_0.182_276.935))]";
22
+ readonly teal: "from-[var(--zui-slider-range-teal-from,oklch(70.4%_0.14_182.503))] dark:from-[var(--zui-slider-range-teal-from-dark,oklch(70.4%_0.14_182.503))] to-[var(--zui-slider-range-teal-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-teal-to-dark,oklch(67.3%_0.182_276.935))]";
23
+ readonly indigo: "from-[var(--zui-slider-range-indigo-from,oklch(58.5%_0.233_277.117))] dark:from-[var(--zui-slider-range-indigo-from-dark,oklch(58.5%_0.233_277.117))] to-[var(--zui-slider-range-indigo-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-indigo-to-dark,oklch(67.3%_0.182_276.935))]";
24
+ readonly emerald: "from-[var(--zui-slider-range-emerald-from,oklch(69.6%_0.17_162.48))] dark:from-[var(--zui-slider-range-emerald-from-dark,oklch(69.6%_0.17_162.48))] to-[var(--zui-slider-range-emerald-to,oklch(60%_0.118_184.704))] dark:to-[var(--zui-slider-range-emerald-to-dark,oklch(77.7%_0.152_181.912))]";
25
+ readonly amber: "from-[var(--zui-slider-range-amber-from,oklch(76.9%_0.188_70.08))] dark:from-[var(--zui-slider-range-amber-from-dark,oklch(76.9%_0.188_70.08))] to-[var(--zui-slider-range-amber-to,oklch(64.6%_0.222_41.116))] dark:to-[var(--zui-slider-range-amber-to-dark,oklch(75%_0.183_55.934))]";
26
+ readonly gray: "from-[var(--zui-slider-range-gray-from,oklch(55.1%_0.027_264.364))] dark:from-[var(--zui-slider-range-gray-from-dark,oklch(55.1%_0.027_264.364))] to-[var(--zui-slider-range-gray-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-gray-to-dark,oklch(67.3%_0.182_276.935))]";
27
+ readonly violet: "from-[var(--zui-slider-range-violet-from,oklch(60.6%_0.25_292.717))] dark:from-[var(--zui-slider-range-violet-from-dark,oklch(60.6%_0.25_292.717))] to-[var(--zui-slider-range-violet-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-violet-to-dark,oklch(67.3%_0.182_276.935))]";
28
+ readonly "gradient-blue": "from-[var(--zui-slider-range-gradient-blue-from,oklch(62.3%_0.214_259.815))] dark:from-[var(--zui-slider-range-gradient-blue-from-dark,oklch(62.3%_0.214_259.815))] to-[var(--zui-slider-range-gradient-blue-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-gradient-blue-to-dark,oklch(67.3%_0.182_276.935))]";
29
+ readonly "gradient-green": "from-[var(--zui-slider-range-gradient-green-from,oklch(72.3%_0.219_149.579))] dark:from-[var(--zui-slider-range-gradient-green-from-dark,oklch(72.3%_0.219_149.579))] to-[var(--zui-slider-range-gradient-green-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-gradient-green-to-dark,oklch(67.3%_0.182_276.935))]";
30
+ readonly "gradient-red": "from-[var(--zui-slider-range-gradient-red-from,oklch(63.7%_0.237_25.331))] dark:from-[var(--zui-slider-range-gradient-red-from-dark,oklch(63.7%_0.237_25.331))] to-[var(--zui-slider-range-gradient-red-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-gradient-red-to-dark,oklch(67.3%_0.182_276.935))]";
31
+ readonly "gradient-yellow": "from-[var(--zui-slider-range-gradient-yellow-from,oklch(79.5%_0.184_86.047))] dark:from-[var(--zui-slider-range-gradient-yellow-from-dark,oklch(79.5%_0.184_86.047))] to-[var(--zui-slider-range-gradient-yellow-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-gradient-yellow-to-dark,oklch(67.3%_0.182_276.935))]";
32
+ readonly "gradient-purple": "from-[var(--zui-slider-range-gradient-purple-from,oklch(62.7%_0.265_303.9))] dark:from-[var(--zui-slider-range-gradient-purple-from-dark,oklch(62.7%_0.265_303.9))] to-[var(--zui-slider-range-gradient-purple-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-gradient-purple-to-dark,oklch(67.3%_0.182_276.935))]";
33
+ readonly "gradient-teal": "from-[var(--zui-slider-range-gradient-teal-from,oklch(70.4%_0.14_182.503))] dark:from-[var(--zui-slider-range-gradient-teal-from-dark,oklch(70.4%_0.14_182.503))] to-[var(--zui-slider-range-gradient-teal-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-gradient-teal-to-dark,oklch(67.3%_0.182_276.935))]";
34
+ readonly "gradient-indigo": "from-[var(--zui-slider-range-gradient-indigo-from,oklch(58.5%_0.233_277.117))] dark:from-[var(--zui-slider-range-gradient-indigo-from-dark,oklch(58.5%_0.233_277.117))] to-[var(--zui-slider-range-gradient-indigo-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-gradient-indigo-to-dark,oklch(67.3%_0.182_276.935))]";
35
+ readonly "gradient-pink": "from-[var(--zui-slider-range-gradient-pink-from,oklch(65.6%_0.241_354.308))] dark:from-[var(--zui-slider-range-gradient-pink-from-dark,oklch(65.6%_0.241_354.308))] to-[var(--zui-slider-range-gradient-pink-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-gradient-pink-to-dark,oklch(67.3%_0.182_276.935))]";
36
+ readonly "gradient-orange": "from-[var(--zui-slider-range-gradient-orange-from,oklch(70.5%_0.213_47.604))] dark:from-[var(--zui-slider-range-gradient-orange-from-dark,oklch(70.5%_0.213_47.604))] to-[var(--zui-slider-range-gradient-orange-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-gradient-orange-to-dark,oklch(67.3%_0.182_276.935))]";
37
37
  };
38
38
  export declare const zuiSliderThumbBase = "block size-4 rounded-full border border-[color:var(--zui-slider-thumb-border,#00000033)] dark:border-[color:var(--zui-slider-thumb-border-dark,#ffffff33)] bg-[var(--zui-slider-thumb-bg,#000000)] dark:bg-[var(--zui-slider-thumb-bg-dark,#ffffff)] shadow-md ring-offset-2 ring-offset-[var(--zui-slider-thumb-ring-offset,oklch(98.4%_0.003_247.858))] dark:ring-offset-[var(--zui-slider-thumb-ring-offset-dark,oklch(12.9%_0.042_264.695))] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-slider-thumb-ring-focus,#00000066)] dark:focus-visible:ring-[var(--zui-slider-thumb-ring-focus-dark,#ffffff66)] disabled:pointer-events-none disabled:opacity-40";
39
39
  export declare const zuiSliderThumbSizes: {
package/dist/design-system/slider.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/design-system/slider.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,kCAAkC,CAAC;AAEjE,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAC;AAEX,eAAO,MAAM,kBAAkB,4JAC4H,CAAC;AAE5J,eAAO,MAAM,mBAAmB;;;;CAItB,CAAC;AAEX,eAAO,MAAM,kBAAkB,8OAC8M,CAAC;AAE9O,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;CAwC5B,CAAC;AAEX,eAAO,MAAM,kBAAkB,oqBACooB,CAAC;AAEpqB,eAAO,MAAM,mBAAmB;;;;CAItB,CAAC"}
1
+ {"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/design-system/slider.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,kCAAkC,CAAC;AAEjE,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAC;AAEX,eAAO,MAAM,kBAAkB,4JAC4H,CAAC;AAE5J,eAAO,MAAM,mBAAmB;;;;CAItB,CAAC;AAEX,eAAO,MAAM,kBAAkB,sTACsR,CAAC;AAEtT,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;CAwC5B,CAAC;AAEX,eAAO,MAAM,kBAAkB,oqBACooB,CAAC;AAEpqB,eAAO,MAAM,mBAAmB;;;;CAItB,CAAC"}
package/dist/design-system/stepper.d.ts CHANGED
@@ -10,29 +10,29 @@ export declare const zuiStepperItemOrientations: {
10
10
  };
11
11
  export declare const zuiStepperIndicatorBase = "grid size-9 shrink-0 place-items-center rounded-full border text-sm font-semibold transition-colors";
12
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))] bg-[var(--zui-stepper-indicator-complete-bg,oklch(69.6%_0.17_162.48_/_0.2))] text-[color:var(--zui-stepper-indicator-complete-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-stepper-indicator-complete-fg-dark,oklch(95%_0.052_163.051))] ring-2 ring-[var(--zui-stepper-indicator-complete-ring,oklch(76.5%_0.177_163.223_/_0.3))]";
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))] 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))]";
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
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))] bg-[var(--zui-stepper-indicator-sky-bg,oklch(68.5%_0.169_237.323_/_0.2))] text-[color:var(--zui-stepper-indicator-sky-fg,oklch(39.1%_0.09_240.876))] dark:text-[color:var(--zui-stepper-indicator-sky-fg-dark,oklch(95.1%_0.026_236.824))] ring-2 ring-[var(--zui-stepper-indicator-sky-ring,oklch(74.6%_0.16_232.661_/_0.3))]";
17
- readonly rose: "border-[color:var(--zui-stepper-indicator-rose-border,oklch(64.5%_0.246_16.439_/_0.6))] bg-[var(--zui-stepper-indicator-rose-bg,oklch(64.5%_0.246_16.439_/_0.2))] text-[color:var(--zui-stepper-indicator-rose-fg,oklch(41%_0.159_10.272))] dark:text-[color:var(--zui-stepper-indicator-rose-fg-dark,oklch(94.1%_0.03_12.58))] ring-2 ring-[var(--zui-stepper-indicator-rose-ring,oklch(71.2%_0.194_13.428_/_0.3))]";
18
- readonly purple: "border-[color:var(--zui-stepper-indicator-purple-border,oklch(62.7%_0.265_303.9_/_0.6))] bg-[var(--zui-stepper-indicator-purple-bg,oklch(62.7%_0.265_303.9_/_0.2))] text-[color:var(--zui-stepper-indicator-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-stepper-indicator-purple-fg-dark,oklch(94.6%_0.033_307.174))] ring-2 ring-[var(--zui-stepper-indicator-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))]";
19
- readonly pink: "border-[color:var(--zui-stepper-indicator-pink-border,oklch(65.6%_0.241_354.308_/_0.6))] bg-[var(--zui-stepper-indicator-pink-bg,oklch(65.6%_0.241_354.308_/_0.2))] text-[color:var(--zui-stepper-indicator-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-stepper-indicator-pink-fg-dark,oklch(94.8%_0.028_342.258))] ring-2 ring-[var(--zui-stepper-indicator-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))]";
20
- readonly orange: "border-[color:var(--zui-stepper-indicator-orange-border,oklch(70.5%_0.213_47.604_/_0.6))] bg-[var(--zui-stepper-indicator-orange-bg,oklch(70.5%_0.213_47.604_/_0.2))] text-[color:var(--zui-stepper-indicator-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-stepper-indicator-orange-fg-dark,oklch(95.4%_0.038_75.164))] ring-2 ring-[var(--zui-stepper-indicator-orange-ring,oklch(75%_0.183_55.934_/_0.3))]";
21
- readonly yellow: "border-[color:var(--zui-stepper-indicator-yellow-border,oklch(79.5%_0.184_86.047_/_0.6))] bg-[var(--zui-stepper-indicator-yellow-bg,oklch(79.5%_0.184_86.047_/_0.2))] text-[color:var(--zui-stepper-indicator-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-stepper-indicator-yellow-fg-dark,oklch(97.3%_0.071_103.193))] ring-2 ring-[var(--zui-stepper-indicator-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))]";
22
- readonly teal: "border-[color:var(--zui-stepper-indicator-teal-border,oklch(70.4%_0.14_182.503_/_0.6))] bg-[var(--zui-stepper-indicator-teal-bg,oklch(70.4%_0.14_182.503_/_0.2))] text-[color:var(--zui-stepper-indicator-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-stepper-indicator-teal-fg-dark,oklch(95.3%_0.051_180.801))] ring-2 ring-[var(--zui-stepper-indicator-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))]";
23
- readonly indigo: "border-[color:var(--zui-stepper-indicator-indigo-border,oklch(58.5%_0.233_277.117_/_0.6))] bg-[var(--zui-stepper-indicator-indigo-bg,oklch(58.5%_0.233_277.117_/_0.2))] text-[color:var(--zui-stepper-indicator-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-stepper-indicator-indigo-fg-dark,oklch(93%_0.034_272.788))] ring-2 ring-[var(--zui-stepper-indicator-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))]";
24
- readonly emerald: "border-[color:var(--zui-stepper-indicator-emerald-border,oklch(69.6%_0.17_162.48_/_0.6))] bg-[var(--zui-stepper-indicator-emerald-bg,oklch(69.6%_0.17_162.48_/_0.2))] text-[color:var(--zui-stepper-indicator-emerald-fg,oklch(37.8%_0.077_168.94))] dark:text-[color:var(--zui-stepper-indicator-emerald-fg-dark,oklch(95%_0.052_163.051))] ring-2 ring-[var(--zui-stepper-indicator-emerald-ring,oklch(76.5%_0.177_163.223_/_0.3))]";
25
- readonly gray: "border-[color:var(--zui-stepper-indicator-gray-border,oklch(55.1%_0.027_264.364_/_0.6))] bg-[var(--zui-stepper-indicator-gray-bg,oklch(55.1%_0.027_264.364_/_0.2))] text-[color:var(--zui-stepper-indicator-gray-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-stepper-indicator-gray-fg-dark,oklch(96.7%_0.003_264.542))] ring-2 ring-[var(--zui-stepper-indicator-gray-ring,oklch(70.7%_0.022_261.325_/_0.3))]";
26
- readonly violet: "border-[color:var(--zui-stepper-indicator-violet-border,oklch(60.6%_0.25_292.717_/_0.6))] bg-[var(--zui-stepper-indicator-violet-bg,oklch(60.6%_0.25_292.717_/_0.2))] text-[color:var(--zui-stepper-indicator-violet-fg,oklch(38%_0.189_293.745))] dark:text-[color:var(--zui-stepper-indicator-violet-fg-dark,oklch(94.3%_0.029_294.588))] ring-2 ring-[var(--zui-stepper-indicator-violet-ring,oklch(70.2%_0.183_293.541_/_0.3))]";
27
- readonly "gradient-blue": "border-[color:var(--zui-stepper-indicator-gradient-blue-border,oklch(62.3%_0.214_259.815_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-blue-bg,oklch(62.3%_0.214_259.815_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-blue-fg,oklch(37.9%_0.146_265.522))] dark:text-[color:var(--zui-stepper-indicator-gradient-blue-fg-dark,oklch(93.2%_0.032_255.585))] ring-2 ring-[var(--zui-stepper-indicator-gradient-blue-ring,oklch(70.7%_0.165_254.624_/_0.3))]";
28
- readonly "gradient-green": "border-[color:var(--zui-stepper-indicator-gradient-green-border,oklch(72.3%_0.219_149.579_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-green-bg,oklch(72.3%_0.219_149.579_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-green-fg,oklch(39.3%_0.095_152.535))] dark:text-[color:var(--zui-stepper-indicator-gradient-green-fg-dark,oklch(96.2%_0.044_156.743))] ring-2 ring-[var(--zui-stepper-indicator-gradient-green-ring,oklch(79.2%_0.209_151.711_/_0.3))]";
29
- readonly "gradient-red": "border-[color:var(--zui-stepper-indicator-gradient-red-border,oklch(63.7%_0.237_25.331_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-red-bg,oklch(63.7%_0.237_25.331_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-red-fg,oklch(39.6%_0.141_25.723))] dark:text-[color:var(--zui-stepper-indicator-gradient-red-fg-dark,oklch(93.6%_0.032_17.717))] ring-2 ring-[var(--zui-stepper-indicator-gradient-red-ring,oklch(70.4%_0.191_22.216_/_0.3))]";
30
- readonly "gradient-yellow": "border-[color:var(--zui-stepper-indicator-gradient-yellow-border,oklch(79.5%_0.184_86.047_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-yellow-bg,oklch(79.5%_0.184_86.047_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-yellow-fg,oklch(42.1%_0.095_57.708))] dark:text-[color:var(--zui-stepper-indicator-gradient-yellow-fg-dark,oklch(97.3%_0.071_103.193))] ring-2 ring-[var(--zui-stepper-indicator-gradient-yellow-ring,oklch(85.2%_0.199_91.936_/_0.3))]";
31
- readonly "gradient-purple": "border-[color:var(--zui-stepper-indicator-gradient-purple-border,oklch(62.7%_0.265_303.9_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-purple-bg,oklch(62.7%_0.265_303.9_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-purple-fg,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-stepper-indicator-gradient-purple-fg-dark,oklch(94.6%_0.033_307.174))] ring-2 ring-[var(--zui-stepper-indicator-gradient-purple-ring,oklch(71.4%_0.203_305.504_/_0.3))]";
32
- readonly "gradient-teal": "border-[color:var(--zui-stepper-indicator-gradient-teal-border,oklch(70.4%_0.14_182.503_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-teal-bg,oklch(70.4%_0.14_182.503_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-teal-fg,oklch(38.6%_0.063_188.416))] dark:text-[color:var(--zui-stepper-indicator-gradient-teal-fg-dark,oklch(95.3%_0.051_180.801))] ring-2 ring-[var(--zui-stepper-indicator-gradient-teal-ring,oklch(77.7%_0.152_181.912_/_0.3))]";
33
- readonly "gradient-indigo": "border-[color:var(--zui-stepper-indicator-gradient-indigo-border,oklch(58.5%_0.233_277.117_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-indigo-bg,oklch(58.5%_0.233_277.117_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-stepper-indicator-gradient-indigo-fg-dark,oklch(93%_0.034_272.788))] ring-2 ring-[var(--zui-stepper-indicator-gradient-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))]";
34
- readonly "gradient-pink": "border-[color:var(--zui-stepper-indicator-gradient-pink-border,oklch(65.6%_0.241_354.308_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-pink-bg,oklch(65.6%_0.241_354.308_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-stepper-indicator-gradient-pink-fg-dark,oklch(94.8%_0.028_342.258))] ring-2 ring-[var(--zui-stepper-indicator-gradient-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))]";
35
- readonly "gradient-orange": "border-[color:var(--zui-stepper-indicator-gradient-orange-border,oklch(70.5%_0.213_47.604_/_0.6))] bg-[var(--zui-stepper-indicator-gradient-orange-bg,oklch(70.5%_0.213_47.604_/_0.2))] text-[color:var(--zui-stepper-indicator-gradient-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-stepper-indicator-gradient-orange-fg-dark,oklch(95.4%_0.038_75.164))] ring-2 ring-[var(--zui-stepper-indicator-gradient-orange-ring,oklch(75%_0.183_55.934_/_0.3))]";
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
36
  };
37
37
  export declare const zuiStepperIndicatorSizes: {
38
38
  readonly sm: "size-8 text-xs";
package/dist/design-system/table.d.ts CHANGED
@@ -31,19 +31,19 @@ export declare const zuiTableRowAppearances: {
31
31
  readonly default: "";
32
32
  readonly striped: "odd:bg-[var(--zui-table-row-striped-bg,#00000008)] dark:odd:bg-[var(--zui-table-row-striped-bg-dark,#ffffff08)]";
33
33
  readonly bordered: "";
34
- readonly ghost: "border-[color:var(--zui-table-row-ghost-border,transparent)] hover:bg-[var(--zui-table-row-ghost-bg-hover,#00000008)] dark:hover:bg-[var(--zui-table-row-ghost-bg-hover-dark,#ffffff08)]";
35
- readonly sky: "border-[color:var(--zui-table-row-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-table-row-sky-border-dark,oklch(58.8%_0.158_241.966))] hover:bg-[var(--zui-table-row-sky-bg-hover,oklch(44.3%_0.11_240.79))] dark:hover:bg-[var(--zui-table-row-sky-bg-hover-dark,oklch(58.8%_0.158_241.966))] hover:text-[color:var(--zui-table-row-sky-fg-hover,oklch(95.1%_0.026_236.824))]";
36
- readonly rose: "border-[color:var(--zui-table-row-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-table-row-rose-border-dark,oklch(58.6%_0.253_17.585))] hover:bg-[var(--zui-table-row-rose-bg-hover,oklch(64.5%_0.246_16.439))] dark:hover:bg-[var(--zui-table-row-rose-bg-hover-dark,oklch(41%_0.159_10.272))] hover:text-[color:var(--zui-table-row-rose-fg-hover,oklch(94.1%_0.03_12.58))]";
37
- readonly purple: "border-[color:var(--zui-table-row-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-table-row-purple-border-dark,oklch(55.8%_0.288_302.321))] hover:bg-[var(--zui-table-row-purple-bg-hover,oklch(62.7%_0.265_303.9))] dark:hover:bg-[var(--zui-table-row-purple-bg-hover-dark,oklch(38.1%_0.176_304.987))] hover:text-[color:var(--zui-table-row-purple-fg-hover,oklch(94.6%_0.033_307.174))]";
38
- readonly pink: "border-[color:var(--zui-table-row-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-table-row-pink-border-dark,oklch(59.2%_0.249_0.584))] hover:bg-[var(--zui-table-row-pink-bg-hover,oklch(65.6%_0.241_354.308))] dark:hover:bg-[var(--zui-table-row-pink-bg-hover-dark,oklch(40.8%_0.153_2.432))] hover:text-[color:var(--zui-table-row-pink-fg-hover,oklch(94.8%_0.028_342.258))]";
39
- readonly orange: "border-[color:var(--zui-table-row-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-table-row-orange-border-dark,oklch(64.6%_0.222_41.116))] hover:bg-[var(--zui-table-row-orange-bg-hover,oklch(70.5%_0.213_47.604))] dark:hover:bg-[var(--zui-table-row-orange-bg-hover-dark,oklch(40.8%_0.123_38.172))] hover:text-[color:var(--zui-table-row-orange-fg-hover,oklch(95.4%_0.038_75.164))]";
40
- readonly yellow: "border-[color:var(--zui-table-row-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-table-row-yellow-border-dark,oklch(68.1%_0.162_75.834))] hover:bg-[var(--zui-table-row-yellow-bg-hover,oklch(79.5%_0.184_86.047))] dark:hover:bg-[var(--zui-table-row-yellow-bg-hover-dark,oklch(42.1%_0.095_57.708))] hover:text-[color:var(--zui-table-row-yellow-fg-hover,oklch(97.3%_0.071_103.193))]";
41
- readonly teal: "border-[color:var(--zui-table-row-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-table-row-teal-border-dark,oklch(60%_0.118_184.704))] hover:bg-[var(--zui-table-row-teal-bg-hover,oklch(70.4%_0.14_182.503))] dark:hover:bg-[var(--zui-table-row-teal-bg-hover-dark,oklch(38.6%_0.063_188.416))] hover:text-[color:var(--zui-table-row-teal-fg-hover,oklch(95.3%_0.051_180.801))]";
42
- readonly indigo: "border-[color:var(--zui-table-row-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-table-row-indigo-border-dark,oklch(51.1%_0.262_276.966))] hover:bg-[var(--zui-table-row-indigo-bg-hover,oklch(58.5%_0.233_277.117))] dark:hover:bg-[var(--zui-table-row-indigo-bg-hover-dark,oklch(35.9%_0.144_278.697))] hover:text-[color:var(--zui-table-row-indigo-fg-hover,oklch(93%_0.034_272.788))]";
43
- readonly emerald: "border-[color:var(--zui-table-row-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-table-row-emerald-border-dark,oklch(59.6%_0.145_163.225))] hover:bg-[var(--zui-table-row-emerald-bg-hover,oklch(69.6%_0.17_162.48))] dark:hover:bg-[var(--zui-table-row-emerald-bg-hover-dark,oklch(37.8%_0.077_168.94))] hover:text-[color:var(--zui-table-row-emerald-fg-hover,oklch(95%_0.052_163.051))]";
44
- readonly gray: "border-[color:var(--zui-table-row-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-table-row-gray-border-dark,oklch(44.6%_0.03_256.802))] hover:bg-[var(--zui-table-row-gray-bg-hover,oklch(55.1%_0.027_264.364))] dark:hover:bg-[var(--zui-table-row-gray-bg-hover-dark,oklch(21%_0.034_264.665))] hover:text-[color:var(--zui-table-row-gray-fg-hover,oklch(96.7%_0.003_264.542))]";
45
- readonly amber: "border-[color:var(--zui-table-row-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-table-row-amber-border-dark,oklch(66.6%_0.179_58.318))] hover:bg-[var(--zui-table-row-amber-bg-hover,oklch(76.9%_0.188_70.08))] dark:hover:bg-[var(--zui-table-row-amber-bg-hover-dark,oklch(41.4%_0.112_45.904))] hover:text-[color:var(--zui-table-row-amber-fg-hover,oklch(96.2%_0.059_95.617))]";
46
- readonly violet: "border-[color:var(--zui-table-row-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-table-row-violet-border-dark,oklch(54.1%_0.281_293.009))] hover:bg-[var(--zui-table-row-violet-bg-hover,oklch(60.6%_0.25_292.717))] dark:hover:bg-[var(--zui-table-row-violet-bg-hover-dark,oklch(38%_0.189_293.745))] hover:text-[color:var(--zui-table-row-violet-fg-hover,oklch(94.3%_0.029_294.588))]";
34
+ readonly ghost: "border-[color:var(--zui-table-row-ghost-border,transparent)] dark:border-[color:var(--zui-table-row-ghost-border-dark,transparent)] hover:bg-[var(--zui-table-row-ghost-bg-hover,#00000008)] dark:hover:bg-[var(--zui-table-row-ghost-bg-hover-dark,#ffffff08)]";
35
+ readonly sky: "border-[color:var(--zui-table-row-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-table-row-sky-border-dark,oklch(58.8%_0.158_241.966))] hover:bg-[var(--zui-table-row-sky-bg-hover,oklch(44.3%_0.11_240.79))] dark:hover:bg-[var(--zui-table-row-sky-bg-hover-dark,oklch(58.8%_0.158_241.966))] hover:text-[color:var(--zui-table-row-sky-fg-hover,oklch(95.1%_0.026_236.824))] dark:hover:text-[color:var(--zui-table-row-sky-fg-hover-dark,oklch(95.1%_0.026_236.824))]";
36
+ readonly rose: "border-[color:var(--zui-table-row-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-table-row-rose-border-dark,oklch(58.6%_0.253_17.585))] hover:bg-[var(--zui-table-row-rose-bg-hover,oklch(64.5%_0.246_16.439))] dark:hover:bg-[var(--zui-table-row-rose-bg-hover-dark,oklch(41%_0.159_10.272))] hover:text-[color:var(--zui-table-row-rose-fg-hover,oklch(94.1%_0.03_12.58))] dark:hover:text-[color:var(--zui-table-row-rose-fg-hover-dark,oklch(94.1%_0.03_12.58))]";
37
+ readonly purple: "border-[color:var(--zui-table-row-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-table-row-purple-border-dark,oklch(55.8%_0.288_302.321))] hover:bg-[var(--zui-table-row-purple-bg-hover,oklch(62.7%_0.265_303.9))] dark:hover:bg-[var(--zui-table-row-purple-bg-hover-dark,oklch(38.1%_0.176_304.987))] hover:text-[color:var(--zui-table-row-purple-fg-hover,oklch(94.6%_0.033_307.174))] dark:hover:text-[color:var(--zui-table-row-purple-fg-hover-dark,oklch(94.6%_0.033_307.174))]";
38
+ readonly pink: "border-[color:var(--zui-table-row-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-table-row-pink-border-dark,oklch(59.2%_0.249_0.584))] hover:bg-[var(--zui-table-row-pink-bg-hover,oklch(65.6%_0.241_354.308))] dark:hover:bg-[var(--zui-table-row-pink-bg-hover-dark,oklch(40.8%_0.153_2.432))] hover:text-[color:var(--zui-table-row-pink-fg-hover,oklch(94.8%_0.028_342.258))] dark:hover:text-[color:var(--zui-table-row-pink-fg-hover-dark,oklch(94.8%_0.028_342.258))]";
39
+ readonly orange: "border-[color:var(--zui-table-row-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-table-row-orange-border-dark,oklch(64.6%_0.222_41.116))] hover:bg-[var(--zui-table-row-orange-bg-hover,oklch(70.5%_0.213_47.604))] dark:hover:bg-[var(--zui-table-row-orange-bg-hover-dark,oklch(40.8%_0.123_38.172))] hover:text-[color:var(--zui-table-row-orange-fg-hover,oklch(95.4%_0.038_75.164))] dark:hover:text-[color:var(--zui-table-row-orange-fg-hover-dark,oklch(95.4%_0.038_75.164))]";
40
+ readonly yellow: "border-[color:var(--zui-table-row-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-table-row-yellow-border-dark,oklch(68.1%_0.162_75.834))] hover:bg-[var(--zui-table-row-yellow-bg-hover,oklch(79.5%_0.184_86.047))] dark:hover:bg-[var(--zui-table-row-yellow-bg-hover-dark,oklch(42.1%_0.095_57.708))] hover:text-[color:var(--zui-table-row-yellow-fg-hover,oklch(97.3%_0.071_103.193))] dark:hover:text-[color:var(--zui-table-row-yellow-fg-hover-dark,oklch(97.3%_0.071_103.193))]";
41
+ readonly teal: "border-[color:var(--zui-table-row-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-table-row-teal-border-dark,oklch(60%_0.118_184.704))] hover:bg-[var(--zui-table-row-teal-bg-hover,oklch(70.4%_0.14_182.503))] dark:hover:bg-[var(--zui-table-row-teal-bg-hover-dark,oklch(38.6%_0.063_188.416))] hover:text-[color:var(--zui-table-row-teal-fg-hover,oklch(95.3%_0.051_180.801))] dark:hover:text-[color:var(--zui-table-row-teal-fg-hover-dark,oklch(95.3%_0.051_180.801))]";
42
+ readonly indigo: "border-[color:var(--zui-table-row-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-table-row-indigo-border-dark,oklch(51.1%_0.262_276.966))] hover:bg-[var(--zui-table-row-indigo-bg-hover,oklch(58.5%_0.233_277.117))] dark:hover:bg-[var(--zui-table-row-indigo-bg-hover-dark,oklch(35.9%_0.144_278.697))] hover:text-[color:var(--zui-table-row-indigo-fg-hover,oklch(93%_0.034_272.788))] dark:hover:text-[color:var(--zui-table-row-indigo-fg-hover-dark,oklch(93%_0.034_272.788))]";
43
+ readonly emerald: "border-[color:var(--zui-table-row-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-table-row-emerald-border-dark,oklch(59.6%_0.145_163.225))] hover:bg-[var(--zui-table-row-emerald-bg-hover,oklch(69.6%_0.17_162.48))] dark:hover:bg-[var(--zui-table-row-emerald-bg-hover-dark,oklch(37.8%_0.077_168.94))] hover:text-[color:var(--zui-table-row-emerald-fg-hover,oklch(95%_0.052_163.051))] dark:hover:text-[color:var(--zui-table-row-emerald-fg-hover-dark,oklch(95%_0.052_163.051))]";
44
+ readonly gray: "border-[color:var(--zui-table-row-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-table-row-gray-border-dark,oklch(44.6%_0.03_256.802))] hover:bg-[var(--zui-table-row-gray-bg-hover,oklch(55.1%_0.027_264.364))] dark:hover:bg-[var(--zui-table-row-gray-bg-hover-dark,oklch(21%_0.034_264.665))] hover:text-[color:var(--zui-table-row-gray-fg-hover,oklch(96.7%_0.003_264.542))] dark:hover:text-[color:var(--zui-table-row-gray-fg-hover-dark,oklch(96.7%_0.003_264.542))]";
45
+ readonly amber: "border-[color:var(--zui-table-row-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-table-row-amber-border-dark,oklch(66.6%_0.179_58.318))] hover:bg-[var(--zui-table-row-amber-bg-hover,oklch(76.9%_0.188_70.08))] dark:hover:bg-[var(--zui-table-row-amber-bg-hover-dark,oklch(41.4%_0.112_45.904))] hover:text-[color:var(--zui-table-row-amber-fg-hover,oklch(96.2%_0.059_95.617))] dark:hover:text-[color:var(--zui-table-row-amber-fg-hover-dark,oklch(96.2%_0.059_95.617))]";
46
+ readonly violet: "border-[color:var(--zui-table-row-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-table-row-violet-border-dark,oklch(54.1%_0.281_293.009))] hover:bg-[var(--zui-table-row-violet-bg-hover,oklch(60.6%_0.25_292.717))] dark:hover:bg-[var(--zui-table-row-violet-bg-hover-dark,oklch(38%_0.189_293.745))] hover:text-[color:var(--zui-table-row-violet-fg-hover,oklch(94.3%_0.029_294.588))] dark:hover:text-[color:var(--zui-table-row-violet-fg-hover-dark,oklch(94.3%_0.029_294.588))]";
47
47
  };
48
48
  export declare const zuiTableCellBase = "min-w-0 border p-3 align-middle break-words";
49
49
  export declare const zuiTableCellAppearances: {
package/dist/design-system/tabs.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  export declare const zuiTabsListBase = "flex flex-wrap items-center gap-1";
2
2
  export declare const zuiTabsListVariants: {
3
- readonly default: "bg-[var(--zui-tabs-list-default-bg,transparent)]";
4
- readonly underline: "border-b-2 border-[color:var(--zui-tabs-list-underline-border,transparent)]";
3
+ readonly default: "bg-[var(--zui-tabs-list-default-bg,transparent)] dark:bg-[var(--zui-tabs-list-default-bg-dark,transparent)]";
4
+ readonly underline: "border-b-2 border-[color:var(--zui-tabs-list-underline-border,transparent)] dark:border-[color:var(--zui-tabs-list-underline-border-dark,transparent)]";
5
5
  readonly pills: "rounded-md";
6
6
  };
7
7
  export declare const zuiTabsListSizes: {
@@ -15,7 +15,7 @@ export declare const zuiTabsOrientations: {
15
15
  };
16
16
  export declare const zuiTabsTriggerBase = "px-3 py-1.5 rounded-md transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring";
17
17
  export declare const zuiTabsTriggerAppearances: {
18
- readonly default: "bg-[var(--zui-tabs-trigger-default-bg,transparent)] text-[color:var(--zui-tabs-trigger-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-tabs-trigger-default-fg-dark,oklch(98.4%_0.003_247.858))]";
18
+ readonly default: "bg-[var(--zui-tabs-trigger-default-bg,transparent)] dark:bg-[var(--zui-tabs-trigger-default-bg-dark,transparent)] text-[color:var(--zui-tabs-trigger-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-tabs-trigger-default-fg-dark,oklch(98.4%_0.003_247.858))]";
19
19
  readonly sky: "bg-[var(--zui-tabs-trigger-sky-bg,oklch(82.8%_0.111_230.318))] text-[color:var(--zui-tabs-trigger-sky-fg,oklch(39.1%_0.09_240.876))] dark:bg-[var(--zui-tabs-trigger-sky-bg-dark,oklch(39.1%_0.09_240.876))] dark:text-[color:var(--zui-tabs-trigger-sky-fg-dark,oklch(90.1%_0.058_230.902))] data-[state=active]:bg-[var(--zui-tabs-trigger-sky-bg-active,oklch(39.1%_0.09_240.876))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-sky-bg-active-dark,oklch(50%_0.134_242.749))] data-[state=active]:text-[color:var(--zui-tabs-trigger-sky-fg-active,oklch(97.7%_0.013_236.62))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-sky-fg-active-dark,oklch(95.1%_0.026_236.824))]";
20
20
  readonly rose: "bg-[var(--zui-tabs-trigger-rose-bg,oklch(81%_0.117_11.638))] text-[color:var(--zui-tabs-trigger-rose-fg,oklch(41%_0.159_10.272))] dark:bg-[var(--zui-tabs-trigger-rose-bg-dark,oklch(41%_0.159_10.272))] dark:text-[color:var(--zui-tabs-trigger-rose-fg-dark,oklch(89.2%_0.058_10.001))] data-[state=active]:bg-[var(--zui-tabs-trigger-rose-bg-active,oklch(41%_0.159_10.272))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-rose-bg-active-dark,oklch(51.4%_0.222_16.935))] data-[state=active]:text-[color:var(--zui-tabs-trigger-rose-fg-active,oklch(96.9%_0.015_12.422))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-rose-fg-active-dark,oklch(94.1%_0.03_12.58))]";
21
21
  readonly purple: "bg-[var(--zui-tabs-trigger-purple-bg,oklch(82.7%_0.119_306.383))] text-[color:var(--zui-tabs-trigger-purple-fg,oklch(38.1%_0.176_304.987))] dark:bg-[var(--zui-tabs-trigger-purple-bg-dark,oklch(38.1%_0.176_304.987))] dark:text-[color:var(--zui-tabs-trigger-purple-fg-dark,oklch(90.2%_0.063_306.703))] data-[state=active]:bg-[var(--zui-tabs-trigger-purple-bg-active,oklch(38.1%_0.176_304.987))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-purple-bg-active-dark,oklch(49.6%_0.265_301.924))] data-[state=active]:text-[color:var(--zui-tabs-trigger-purple-fg-active,oklch(97.7%_0.014_308.299))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-purple-fg-active-dark,oklch(94.6%_0.033_307.174))]";
@@ -38,7 +38,7 @@ export declare const zuiTabsTriggerAppearances: {
38
38
  };
39
39
  export declare const zuiTabsTriggerVariants: {
40
40
  readonly default: "data-[state=active]:bg-background";
41
- readonly underline: "border-b-2 border-[color:var(--zui-tabs-trigger-underline-border,transparent)] data-[state=active]:border-current rounded-none";
41
+ readonly underline: "border-b-2 border-[color:var(--zui-tabs-trigger-underline-border,transparent)] dark:border-[color:var(--zui-tabs-trigger-underline-border-dark,transparent)] data-[state=active]:border-current rounded-none";
42
42
  readonly pills: "";
43
43
  };
44
44
  export declare const zuiTabsTriggerSizes: {
package/dist/design-system/tabs.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/design-system/tabs.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,sCAAsC,CAAC;AAEnE,eAAO,MAAM,mBAAmB;;;;CAKtB,CAAC;AAEX,eAAO,MAAM,gBAAgB;;;;CAInB,CAAC;AAEX,eAAO,MAAM,mBAAmB;;;CAGtB,CAAC;AAEX,eAAO,MAAM,kBAAkB,kHACkF,CAAC;AAElH,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;CAoC5B,CAAC;AAEX,eAAO,MAAM,sBAAsB;;;;CAKzB,CAAC;AAEX,eAAO,MAAM,mBAAmB;;;;CAItB,CAAC"}
1
+ {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/design-system/tabs.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,sCAAsC,CAAC;AAEnE,eAAO,MAAM,mBAAmB;;;;CAMtB,CAAC;AAEX,eAAO,MAAM,gBAAgB;;;;CAInB,CAAC;AAEX,eAAO,MAAM,mBAAmB;;;CAGtB,CAAC;AAEX,eAAO,MAAM,kBAAkB,kHACkF,CAAC;AAElH,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;CAoC5B,CAAC;AAEX,eAAO,MAAM,sBAAsB;;;;CAKzB,CAAC;AAEX,eAAO,MAAM,mBAAmB;;;;CAItB,CAAC"}