@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/chunk-SFRS4EZ5.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/design-system/drawer.ts","../src/ui/drawer/variants.ts","../src/ui/drawer/drawer-base.tsx"],"names":[],"mappings":"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","file":"chunk-SFRS4EZ5.mjs","sourcesContent":["export const zuiDrawerOverlayBase =\n \"fixed inset-0 z-101 bg-[var(--zui-drawer-overlay-bg,oklch(98.4%_0.003_247.858_/_0.7))] dark:bg-[var(--zui-drawer-overlay-bg-dark,oklch(12.9%_0.042_264.695_/_0.7))] backdrop-blur-sm\";\n\nexport const zuiDrawerTriggerBase =\n \"relative inline-flex shrink-0 cursor-pointer border rounded px-3 py-1.5\";\n\nexport const zuiDrawerTriggerAppearances = {\n default:\n \"bg-[var(--zui-drawer-trigger-default-bg,oklch(12.9%_0.042_264.695))] dark:bg-[var(--zui-drawer-trigger-default-bg-dark,oklch(12.9%_0.042_264.695))]\",\n glass:\n \"border-[color:var(--zui-drawer-trigger-glass-border,#00000026)] dark:border-[color:var(--zui-drawer-trigger-glass-border-dark,#ffffff26)] bg-[var(--zui-drawer-trigger-glass-bg,oklch(98.4%_0.003_247.858_/_0.7))] dark:bg-[var(--zui-drawer-trigger-glass-bg-dark,oklch(12.9%_0.042_264.695_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-glass-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-drawer-trigger-glass-fg-dark,#ffffff)]\",\n sky: \"border-[color:var(--zui-drawer-trigger-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-drawer-trigger-sky-border-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-drawer-trigger-sky-bg,oklch(97.7%_0.013_236.62))] dark:bg-[var(--zui-drawer-trigger-sky-bg-dark,oklch(29.3%_0.066_243.157_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-sky-fg,oklch(44.3%_0.11_240.79))] dark:text-[color:var(--zui-drawer-trigger-sky-fg-dark,#ffffff)]\",\n rose: \"border-[color:var(--zui-drawer-trigger-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-drawer-trigger-rose-border-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-drawer-trigger-rose-bg,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-drawer-trigger-rose-bg-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-rose-fg,oklch(45.5%_0.188_13.697))] dark:text-[color:var(--zui-drawer-trigger-rose-fg-dark,#ffffff)]\",\n purple:\n \"border-[color:var(--zui-drawer-trigger-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-drawer-trigger-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-drawer-trigger-purple-bg,oklch(97.7%_0.014_308.299))] dark:bg-[var(--zui-drawer-trigger-purple-bg-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-purple-fg,oklch(43.8%_0.218_303.724))] dark:text-[color:var(--zui-drawer-trigger-purple-fg-dark,#ffffff)]\",\n pink: \"border-[color:var(--zui-drawer-trigger-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-drawer-trigger-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-drawer-trigger-pink-bg,oklch(97.1%_0.014_343.198))] dark:bg-[var(--zui-drawer-trigger-pink-bg-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-pink-fg,oklch(45.9%_0.187_3.815))] dark:text-[color:var(--zui-drawer-trigger-pink-fg-dark,#ffffff)]\",\n orange:\n \"border-[color:var(--zui-drawer-trigger-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-drawer-trigger-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-drawer-trigger-orange-bg,oklch(98%_0.016_73.684))] dark:bg-[var(--zui-drawer-trigger-orange-bg-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-orange-fg,oklch(47%_0.157_37.304))] dark:text-[color:var(--zui-drawer-trigger-orange-fg-dark,#ffffff)]\",\n yellow:\n \"border-[color:var(--zui-drawer-trigger-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-drawer-trigger-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-drawer-trigger-yellow-bg,oklch(98.7%_0.026_102.212))] dark:bg-[var(--zui-drawer-trigger-yellow-bg-dark,oklch(28.6%_0.066_53.813_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-yellow-fg,oklch(47.6%_0.114_61.907))] dark:text-[color:var(--zui-drawer-trigger-yellow-fg-dark,#ffffff)]\",\n teal: \"border-[color:var(--zui-drawer-trigger-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-drawer-trigger-teal-border-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-drawer-trigger-teal-bg,oklch(98.4%_0.014_180.72))] dark:bg-[var(--zui-drawer-trigger-teal-bg-dark,oklch(27.7%_0.046_192.524_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-teal-fg,oklch(43.7%_0.078_188.216))] dark:text-[color:var(--zui-drawer-trigger-teal-fg-dark,#ffffff)]\",\n indigo:\n \"border-[color:var(--zui-drawer-trigger-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-drawer-trigger-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-drawer-trigger-indigo-bg,oklch(96.2%_0.018_272.314))] dark:bg-[var(--zui-drawer-trigger-indigo-bg-dark,oklch(25.7%_0.09_281.288_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-indigo-fg,oklch(39.8%_0.195_277.366))] dark:text-[color:var(--zui-drawer-trigger-indigo-fg-dark,#ffffff)]\",\n emerald:\n \"border-[color:var(--zui-drawer-trigger-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-drawer-trigger-emerald-border-dark,oklch(59.6%_0.145_163.225))] bg-[var(--zui-drawer-trigger-emerald-bg,oklch(97.9%_0.021_166.113))] dark:bg-[var(--zui-drawer-trigger-emerald-bg-dark,oklch(26.2%_0.051_172.552_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-emerald-fg,oklch(43.2%_0.095_166.913))] dark:text-[color:var(--zui-drawer-trigger-emerald-fg-dark,#ffffff)]\",\n gray: \"border-[color:var(--zui-drawer-trigger-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-drawer-trigger-gray-border-dark,oklch(44.6%_0.03_256.802))] bg-[var(--zui-drawer-trigger-gray-bg,oklch(98.5%_0.002_247.839))] dark:bg-[var(--zui-drawer-trigger-gray-bg-dark,oklch(13%_0.028_261.692_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gray-fg,oklch(27.8%_0.033_256.848))] dark:text-[color:var(--zui-drawer-trigger-gray-fg-dark,#ffffff)]\",\n amber:\n \"border-[color:var(--zui-drawer-trigger-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-drawer-trigger-amber-border-dark,oklch(66.6%_0.179_58.318))] bg-[var(--zui-drawer-trigger-amber-bg,oklch(98.7%_0.022_95.277))] dark:bg-[var(--zui-drawer-trigger-amber-bg-dark,oklch(27.9%_0.077_45.635_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-amber-fg,oklch(47.3%_0.137_46.201))] dark:text-[color:var(--zui-drawer-trigger-amber-fg-dark,#ffffff)]\",\n violet:\n \"border-[color:var(--zui-drawer-trigger-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-drawer-trigger-violet-border-dark,oklch(54.1%_0.281_293.009))] bg-[var(--zui-drawer-trigger-violet-bg,oklch(96.9%_0.016_293.756))] dark:bg-[var(--zui-drawer-trigger-violet-bg-dark,oklch(28.3%_0.141_291.089_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-violet-fg,oklch(43.2%_0.232_292.759))] dark:text-[color:var(--zui-drawer-trigger-violet-fg-dark,#ffffff)]\",\n \"gradient-blue\":\n \"border-[color:var(--zui-drawer-trigger-gradient-blue-border,oklch(42.4%_0.199_265.638))] dark:border-[color:var(--zui-drawer-trigger-gradient-blue-border-dark,oklch(54.6%_0.245_262.881))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-blue-from,oklch(97%_0.014_254.604))] dark:from-[var(--zui-drawer-trigger-gradient-blue-from-dark,oklch(28.2%_0.091_267.935_/_0.7))] to-[var(--zui-drawer-trigger-gradient-blue-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-drawer-trigger-gradient-blue-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-blue-fg,oklch(42.4%_0.199_265.638))] dark:text-[color:var(--zui-drawer-trigger-gradient-blue-fg-dark,#ffffff)]\",\n \"gradient-green\":\n \"border-[color:var(--zui-drawer-trigger-gradient-green-border,oklch(44.8%_0.119_151.328))] dark:border-[color:var(--zui-drawer-trigger-gradient-green-border-dark,oklch(62.7%_0.194_149.214))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-green-from,oklch(98.2%_0.018_155.826))] dark:from-[var(--zui-drawer-trigger-gradient-green-from-dark,oklch(26.6%_0.065_152.934_/_0.7))] to-[var(--zui-drawer-trigger-gradient-green-to,oklch(98.6%_0.031_120.757))] dark:to-[var(--zui-drawer-trigger-gradient-green-to-dark,oklch(27.4%_0.072_132.109_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-green-fg,oklch(44.8%_0.119_151.328))] dark:text-[color:var(--zui-drawer-trigger-gradient-green-fg-dark,#ffffff)]\",\n \"gradient-red\":\n \"border-[color:var(--zui-drawer-trigger-gradient-red-border,oklch(44.4%_0.177_26.899))] dark:border-[color:var(--zui-drawer-trigger-gradient-red-border-dark,oklch(57.7%_0.245_27.325))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-red-from,oklch(97.1%_0.013_17.38))] dark:from-[var(--zui-drawer-trigger-gradient-red-from-dark,oklch(25.8%_0.092_26.042_/_0.7))] to-[var(--zui-drawer-trigger-gradient-red-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-drawer-trigger-gradient-red-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-red-fg,oklch(44.4%_0.177_26.899))] dark:text-[color:var(--zui-drawer-trigger-gradient-red-fg-dark,#ffffff)]\",\n \"gradient-yellow\":\n \"border-[color:var(--zui-drawer-trigger-gradient-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-drawer-trigger-gradient-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-yellow-from,oklch(98.7%_0.026_102.212))] dark:from-[var(--zui-drawer-trigger-gradient-yellow-from-dark,oklch(28.6%_0.066_53.813_/_0.7))] to-[var(--zui-drawer-trigger-gradient-yellow-to,oklch(98%_0.016_73.684))] dark:to-[var(--zui-drawer-trigger-gradient-yellow-to-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-yellow-fg,oklch(47.6%_0.114_61.907))] dark:text-[color:var(--zui-drawer-trigger-gradient-yellow-fg-dark,#ffffff)]\",\n \"gradient-purple\":\n \"border-[color:var(--zui-drawer-trigger-gradient-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-drawer-trigger-gradient-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:from-[var(--zui-drawer-trigger-gradient-purple-from-dark,oklch(29.1%_0.149_302.717_/_0.7))] to-[var(--zui-drawer-trigger-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-drawer-trigger-gradient-purple-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-purple-fg,oklch(43.8%_0.218_303.724))] dark:text-[color:var(--zui-drawer-trigger-gradient-purple-fg-dark,#ffffff)]\",\n \"gradient-teal\":\n \"border-[color:var(--zui-drawer-trigger-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-drawer-trigger-gradient-teal-border-dark,oklch(60%_0.118_184.704))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-drawer-trigger-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.7))] to-[var(--zui-drawer-trigger-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-drawer-trigger-gradient-teal-to-dark,oklch(30.2%_0.056_229.695_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-teal-fg,oklch(43.7%_0.078_188.216))] dark:text-[color:var(--zui-drawer-trigger-gradient-teal-fg-dark,#ffffff)]\",\n \"gradient-indigo\":\n \"border-[color:var(--zui-drawer-trigger-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-drawer-trigger-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-drawer-trigger-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.7))] to-[var(--zui-drawer-trigger-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-drawer-trigger-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-indigo-fg,oklch(39.8%_0.195_277.366))] dark:text-[color:var(--zui-drawer-trigger-gradient-indigo-fg-dark,#ffffff)]\",\n \"gradient-pink\":\n \"border-[color:var(--zui-drawer-trigger-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-drawer-trigger-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-drawer-trigger-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.7))] to-[var(--zui-drawer-trigger-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-drawer-trigger-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-pink-fg,oklch(45.9%_0.187_3.815))] dark:text-[color:var(--zui-drawer-trigger-gradient-pink-fg-dark,#ffffff)]\",\n \"gradient-orange\":\n \"border-[color:var(--zui-drawer-trigger-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-drawer-trigger-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-orange-from,oklch(98%_0.016_73.684))] dark:from-[var(--zui-drawer-trigger-gradient-orange-from-dark,oklch(26.6%_0.079_36.259_/_0.7))] to-[var(--zui-drawer-trigger-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:to-[var(--zui-drawer-trigger-gradient-orange-to-dark,oklch(25.8%_0.092_26.042_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-orange-fg,oklch(47%_0.157_37.304))] dark:text-[color:var(--zui-drawer-trigger-gradient-orange-fg-dark,#ffffff)]\",\n} as const;\n\nexport const zuiDrawerContentBase =\n \"fixed z-101 flex max-h-[min(92vh,900px)] flex-col border border-[color:var(--zui-drawer-content-border,#0000001a)] dark:border-[color:var(--zui-drawer-content-border-dark,#ffffff1a)] bg-[var(--zui-drawer-content-bg,oklch(98.4%_0.003_247.858))] dark:bg-[var(--zui-drawer-content-bg-dark,oklch(12.9%_0.042_264.695))] p-6 text-[color:var(--zui-drawer-content-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-drawer-content-fg-dark,oklch(98.4%_0.003_247.858))] shadow-[var(--zui-drawer-content-shadow,0_12px_40px_rgba(15,23,42,0.14))] dark:shadow-[var(--zui-drawer-content-shadow-dark,0_24px_80px_rgba(15,23,42,0.55))] focus:outline-none\";\n\nexport const zuiDrawerContentSides = {\n left: \"left-0 top-0 h-full w-[min(100%,420px)]\",\n right: \"right-0 top-0 h-full w-[min(100%,420px)]\",\n top: \"left-0 top-0 w-full max-h-[min(92vh,520px)]\",\n bottom: \"bottom-0 left-0 w-full max-h-[min(92vh,520px)]\",\n} as const;\n\nexport const zuiDrawerContentSizes = {\n sm: \"\",\n md: \"\",\n lg: \"\",\n xl: \"\",\n full: \"\",\n} as const;\n\nexport const zuiDrawerContentAppearances = {\n default:\n \"bg-[var(--zui-drawer-content-default-bg,oklch(98.4%_0.003_247.858))] dark:bg-[var(--zui-drawer-content-default-bg-dark,oklch(12.9%_0.042_264.695))] text-[color:var(--zui-drawer-content-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-drawer-content-default-fg-dark,#ffffff)]\",\n glass:\n \"border-[color:var(--zui-drawer-content-glass-border,#00000026)] dark:border-[color:var(--zui-drawer-content-glass-border-dark,#ffffff26)] bg-[var(--zui-drawer-content-glass-bg,oklch(98.4%_0.003_247.858_/_0.7))] dark:bg-[var(--zui-drawer-content-glass-bg-dark,oklch(12.9%_0.042_264.695_/_0.7))] backdrop-blur-xl\",\n sky: \"border-[color:var(--zui-drawer-content-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-drawer-content-sky-border-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-drawer-content-sky-bg,oklch(97.7%_0.013_236.62))] dark:bg-[var(--zui-drawer-content-sky-bg-dark,oklch(29.3%_0.066_243.157_/_0.7))] backdrop-blur-xl\",\n rose: \"border-[color:var(--zui-drawer-content-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-drawer-content-rose-border-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-drawer-content-rose-bg,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-drawer-content-rose-bg-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl\",\n purple:\n \"border-[color:var(--zui-drawer-content-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-drawer-content-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-drawer-content-purple-bg,oklch(97.7%_0.014_308.299))] dark:bg-[var(--zui-drawer-content-purple-bg-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl\",\n pink: \"border-[color:var(--zui-drawer-content-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-drawer-content-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-drawer-content-pink-bg,oklch(97.1%_0.014_343.198))] dark:bg-[var(--zui-drawer-content-pink-bg-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl\",\n orange:\n \"border-[color:var(--zui-drawer-content-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-drawer-content-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-drawer-content-orange-bg,oklch(98%_0.016_73.684))] dark:bg-[var(--zui-drawer-content-orange-bg-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl\",\n yellow:\n \"border-[color:var(--zui-drawer-content-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-drawer-content-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-drawer-content-yellow-bg,oklch(98.7%_0.026_102.212))] dark:bg-[var(--zui-drawer-content-yellow-bg-dark,oklch(28.6%_0.066_53.813_/_0.7))] backdrop-blur-xl\",\n teal: \"border-[color:var(--zui-drawer-content-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-drawer-content-teal-border-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-drawer-content-teal-bg,oklch(98.4%_0.014_180.72))] dark:bg-[var(--zui-drawer-content-teal-bg-dark,oklch(27.7%_0.046_192.524_/_0.7))] backdrop-blur-xl\",\n indigo:\n \"border-[color:var(--zui-drawer-content-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-drawer-content-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-drawer-content-indigo-bg,oklch(96.2%_0.018_272.314))] dark:bg-[var(--zui-drawer-content-indigo-bg-dark,oklch(25.7%_0.09_281.288_/_0.7))] backdrop-blur-xl\",\n emerald:\n \"border-[color:var(--zui-drawer-content-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-drawer-content-emerald-border-dark,oklch(59.6%_0.145_163.225))] bg-[var(--zui-drawer-content-emerald-bg,oklch(97.9%_0.021_166.113))] dark:bg-[var(--zui-drawer-content-emerald-bg-dark,oklch(26.2%_0.051_172.552_/_0.7))] backdrop-blur-xl\",\n gray: \"border-[color:var(--zui-drawer-content-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-drawer-content-gray-border-dark,oklch(44.6%_0.03_256.802))] bg-[var(--zui-drawer-content-gray-bg,oklch(98.5%_0.002_247.839))] dark:bg-[var(--zui-drawer-content-gray-bg-dark,oklch(13%_0.028_261.692_/_0.7))] backdrop-blur-xl\",\n amber:\n \"border-[color:var(--zui-drawer-content-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-drawer-content-amber-border-dark,oklch(66.6%_0.179_58.318))] bg-[var(--zui-drawer-content-amber-bg,oklch(98.7%_0.022_95.277))] dark:bg-[var(--zui-drawer-content-amber-bg-dark,oklch(27.9%_0.077_45.635_/_0.7))] backdrop-blur-xl\",\n violet:\n \"border-[color:var(--zui-drawer-content-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-drawer-content-violet-border-dark,oklch(54.1%_0.281_293.009))] bg-[var(--zui-drawer-content-violet-bg,oklch(96.9%_0.016_293.756))] dark:bg-[var(--zui-drawer-content-violet-bg-dark,oklch(28.3%_0.141_291.089_/_0.7))] backdrop-blur-xl\",\n \"gradient-blue\":\n \"border-[color:var(--zui-drawer-content-gradient-blue-border,oklch(42.4%_0.199_265.638))] dark:border-[color:var(--zui-drawer-content-gradient-blue-border-dark,oklch(54.6%_0.245_262.881))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-blue-from,oklch(97%_0.014_254.604))] dark:from-[var(--zui-drawer-content-gradient-blue-from-dark,oklch(28.2%_0.091_267.935_/_0.7))] to-[var(--zui-drawer-content-gradient-blue-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-drawer-content-gradient-blue-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl\",\n \"gradient-green\":\n \"border-[color:var(--zui-drawer-content-gradient-green-border,oklch(44.8%_0.119_151.328))] dark:border-[color:var(--zui-drawer-content-gradient-green-border-dark,oklch(62.7%_0.194_149.214))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-green-from,oklch(98.2%_0.018_155.826))] dark:from-[var(--zui-drawer-content-gradient-green-from-dark,oklch(26.6%_0.065_152.934_/_0.7))] to-[var(--zui-drawer-content-gradient-green-to,oklch(98.6%_0.031_120.757))] dark:to-[var(--zui-drawer-content-gradient-green-to-dark,oklch(27.4%_0.072_132.109_/_0.7))] backdrop-blur-xl\",\n \"gradient-red\":\n \"border-[color:var(--zui-drawer-content-gradient-red-border,oklch(44.4%_0.177_26.899))] dark:border-[color:var(--zui-drawer-content-gradient-red-border-dark,oklch(57.7%_0.245_27.325))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-red-from,oklch(97.1%_0.013_17.38))] dark:from-[var(--zui-drawer-content-gradient-red-from-dark,oklch(25.8%_0.092_26.042_/_0.7))] to-[var(--zui-drawer-content-gradient-red-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-drawer-content-gradient-red-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl\",\n \"gradient-yellow\":\n \"border-[color:var(--zui-drawer-content-gradient-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-drawer-content-gradient-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-yellow-from,oklch(98.7%_0.026_102.212))] dark:from-[var(--zui-drawer-content-gradient-yellow-from-dark,oklch(28.6%_0.066_53.813_/_0.7))] to-[var(--zui-drawer-content-gradient-yellow-to,oklch(98%_0.016_73.684))] dark:to-[var(--zui-drawer-content-gradient-yellow-to-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl\",\n \"gradient-purple\":\n \"border-[color:var(--zui-drawer-content-gradient-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-drawer-content-gradient-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:from-[var(--zui-drawer-content-gradient-purple-from-dark,oklch(29.1%_0.149_302.717_/_0.7))] to-[var(--zui-drawer-content-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-drawer-content-gradient-purple-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl\",\n \"gradient-teal\":\n \"border-[color:var(--zui-drawer-content-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-drawer-content-gradient-teal-border-dark,oklch(60%_0.118_184.704))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-drawer-content-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.7))] to-[var(--zui-drawer-content-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-drawer-content-gradient-teal-to-dark,oklch(30.2%_0.056_229.695_/_0.7))] backdrop-blur-xl\",\n \"gradient-indigo\":\n \"border-[color:var(--zui-drawer-content-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-drawer-content-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-drawer-content-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.7))] to-[var(--zui-drawer-content-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-drawer-content-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl\",\n \"gradient-pink\":\n \"border-[color:var(--zui-drawer-content-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-drawer-content-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-drawer-content-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.7))] to-[var(--zui-drawer-content-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-drawer-content-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl\",\n \"gradient-orange\":\n \"border-[color:var(--zui-drawer-content-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-drawer-content-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-orange-from,oklch(98%_0.016_73.684))] dark:from-[var(--zui-drawer-content-gradient-orange-from-dark,oklch(26.6%_0.079_36.259_/_0.7))] to-[var(--zui-drawer-content-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:to-[var(--zui-drawer-content-gradient-orange-to-dark,oklch(25.8%_0.092_26.042_/_0.7))] backdrop-blur-xl\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n zuiDrawerContentAppearances,\n zuiDrawerContentBase,\n zuiDrawerContentSides,\n zuiDrawerContentSizes,\n zuiDrawerOverlayBase,\n zuiDrawerTriggerAppearances,\n zuiDrawerTriggerBase,\n} from \"../../design-system/drawer\";\n\nexport const drawerOverlayVariants = cva(zuiDrawerOverlayBase);\n\nexport const drawerTriggerVariants = cva(zuiDrawerTriggerBase, {\n variants: {\n appearance: zuiDrawerTriggerAppearances,\n },\n defaultVariants: {\n appearance: \"default\",\n },\n});\n\nexport const drawerContentVariants = cva(zuiDrawerContentBase, {\n variants: {\n side: zuiDrawerContentSides,\n size: zuiDrawerContentSizes,\n appearance: zuiDrawerContentAppearances,\n },\n compoundVariants: [\n { side: \"left\", size: \"sm\", class: \"w-[min(100%,320px)]\" },\n { side: \"left\", size: \"md\", class: \"w-[min(100%,420px)]\" },\n { side: \"left\", size: \"lg\", class: \"w-[min(100%,520px)]\" },\n { side: \"left\", size: \"xl\", class: \"w-[min(100%,640px)]\" },\n { side: \"left\", size: \"full\", class: \"w-full max-w-none\" },\n { side: \"right\", size: \"sm\", class: \"w-[min(100%,320px)]\" },\n { side: \"right\", size: \"md\", class: \"w-[min(100%,420px)]\" },\n { side: \"right\", size: \"lg\", class: \"w-[min(100%,520px)]\" },\n { side: \"right\", size: \"xl\", class: \"w-[min(100%,640px)]\" },\n { side: \"right\", size: \"full\", class: \"w-full max-w-none\" },\n ],\n defaultVariants: {\n side: \"right\",\n size: \"md\",\n appearance: \"default\",\n },\n});\n","\"use client\";\n\nimport {\n createContext,\n useCallback,\n useContext,\n useId,\n useMemo,\n useRef,\n useState,\n type RefObject,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { cn } from \"../../lib/utils\";\nimport { useFocusManagement } from \"../../hooks/useFocusManagement\";\n\nimport type {\n DrawerContentProps,\n DrawerCtx,\n DrawerProps,\n DrawerSectionProps,\n DrawerTriggerProps,\n} from \"./types\";\nimport {\n drawerContentVariants,\n drawerOverlayVariants,\n drawerTriggerVariants,\n} from \"./variants\";\n\nconst DrawerContext = createContext<DrawerCtx | null>(null);\n\nexport function useDrawerContext(component: string): DrawerCtx {\n const ctx = useContext(DrawerContext);\n if (!ctx) {\n throw new Error(`${component} must be used within <Drawer>`);\n }\n return ctx;\n}\n\nexport function Drawer({\n open,\n defaultOpen = false,\n onOpenChange,\n children,\n}: DrawerProps) {\n const isControlled = open !== undefined;\n const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n const resolvedOpen = isControlled ? Boolean(open) : uncontrolledOpen;\n\n const setOpen = useCallback(\n (next: boolean) => {\n if (!isControlled) {\n setUncontrolledOpen(next);\n }\n onOpenChange?.(next);\n },\n [isControlled, onOpenChange],\n );\n\n const baseId = useId();\n const titleId = `${baseId}-title`;\n const descriptionId = `${baseId}-description`;\n const contentRef = useRef<HTMLDivElement | null>(null);\n const triggerRef = useRef<HTMLElement | null>(null);\n\n const ctx = useMemo(\n () => ({\n open: resolvedOpen,\n setOpen,\n titleId,\n descriptionId,\n contentRef,\n triggerRef,\n }),\n [descriptionId, resolvedOpen, setOpen, titleId],\n );\n\n return (\n <DrawerContext.Provider value={ctx}>{children}</DrawerContext.Provider>\n );\n}\n\nDrawer.displayName = \"Drawer\";\n\nexport function DrawerTrigger({\n className,\n children,\n appearance,\n onClick,\n ref: refProp,\n ...rest\n}: DrawerTriggerProps) {\n const { setOpen, triggerRef } = useDrawerContext(\"DrawerTrigger\");\n return (\n <button\n ref={(node) => {\n triggerRef.current = node;\n if (typeof refProp === \"function\") {\n refProp(node);\n } else if (refProp) {\n (refProp as RefObject<HTMLButtonElement | null>).current = node;\n }\n }}\n type=\"button\"\n data-slot=\"drawer-trigger\"\n className={cn(drawerTriggerVariants({ appearance }), className)}\n onClick={(event) => {\n onClick?.(event);\n if (!event.defaultPrevented) {\n setOpen(true);\n }\n }}\n {...rest}\n >\n {children}\n </button>\n );\n}\n\nDrawerTrigger.displayName = \"DrawerTrigger\";\n\nexport function DrawerContent({\n className,\n side = \"right\",\n size,\n appearance,\n children,\n ref,\n id,\n style,\n}: DrawerContentProps) {\n const { open, setOpen, titleId, descriptionId, contentRef, triggerRef } =\n useDrawerContext(\"DrawerContent\");\n const resolvedSide = side ?? \"right\";\n\n useFocusManagement({\n open,\n setOpen,\n contentRef,\n triggerRef,\n });\n\n const portalTarget = typeof document !== \"undefined\" ? document.body : null;\n if (!portalTarget) {\n return null;\n }\n\n return createPortal(\n open ? (\n <div className=\"fixed inset-0 z-101\" data-slot=\"drawer-portal\">\n <div\n role=\"presentation\"\n data-slot=\"drawer-overlay\"\n className={drawerOverlayVariants()}\n onClick={() => setOpen(false)}\n />\n <div\n ref={(node) => {\n contentRef.current = node;\n if (typeof ref === \"function\") {\n ref(node);\n } else if (ref) {\n (ref as RefObject<HTMLDivElement | null>).current = node;\n }\n }}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby={titleId}\n aria-describedby={descriptionId}\n data-slot=\"drawer-content\"\n tabIndex={-1}\n className={cn(\n drawerContentVariants({ side: resolvedSide, size, appearance }),\n className,\n )}\n id={id}\n style={style}\n >\n {children}\n </div>\n </div>\n ) : null,\n portalTarget,\n );\n}\n\nDrawerContent.displayName = \"DrawerContent\";\n\nexport function DrawerHeader({ className, children }: DrawerSectionProps) {\n return (\n <header\n data-slot=\"drawer-header\"\n className={cn(\"mb-4 flex flex-col gap-2\", className)}\n >\n {children}\n </header>\n );\n}\n\nDrawerHeader.displayName = \"DrawerHeader\";\n\nexport function DrawerBody({ className, children }: DrawerSectionProps) {\n return (\n <div\n data-slot=\"drawer-body\"\n className={cn(\"flex-1 text-sm\", className)}\n >\n {children}\n </div>\n );\n}\n\nDrawerBody.displayName = \"DrawerBody\";\n\nexport function DrawerFooter({ className, children }: DrawerSectionProps) {\n return (\n <footer\n data-slot=\"drawer-footer\"\n className={cn(\"mt-6 flex justify-end gap-2\", className)}\n >\n {children}\n </footer>\n );\n}\n\nDrawerFooter.displayName = \"DrawerFooter\";\n\nexport function DrawerTitle({ className, children }: DrawerSectionProps) {\n const { titleId } = useDrawerContext(\"DrawerTitle\");\n return (\n <h2\n id={titleId}\n data-slot=\"drawer-title\"\n className={cn(\"text-lg font-semibold\", className)}\n >\n {children}\n </h2>\n );\n}\n\nDrawerTitle.displayName = \"DrawerTitle\";\n\nexport function DrawerClose({\n className,\n children,\n ...rest\n}: DrawerSectionProps) {\n const { setOpen } = useDrawerContext(\"DrawerClose\");\n return (\n <button\n type=\"button\"\n data-slot=\"drawer-close\"\n className={cn(\n \"absolute right-4 top-4 inline-flex size-9 items-center justify-center rounded-md dark:text-slate-200 text-slate-900 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30\",\n className,\n )}\n aria-label=\"Close drawer\"\n onClick={() => setOpen(false)}\n {...rest}\n >\n {children ?? \"×\"}\n </button>\n );\n}\n\nDrawerClose.displayName = \"DrawerClose\";\n"]}
package/dist/{chunk-KTGV76M3.mjs → chunk-SSJXWD2M.mjs} RENAMED
@@ -6,7 +6,7 @@ import { createPortal } from 'react-dom';
6
6
  import { jsx, jsxs } from 'react/jsx-runtime';
7
7
 
8
8
  // src/design-system/modal.ts
9
- var zuiModalOverlayBase = "fixed inset-0 z-50 bg-[var(--zui-modal-overlay-bg,oklch(12.9%_0.042_264.695_/_0.7))] backdrop-blur-sm data-[state=open]:animate-in";
9
+ var zuiModalOverlayBase = "fixed inset-0 z-50 bg-[var(--zui-modal-overlay-bg,oklch(12.9%_0.042_264.695_/_0.7))] dark:bg-[var(--zui-modal-overlay-bg-dark,oklch(12.9%_0.042_264.695_/_0.7))] backdrop-blur-sm data-[state=open]:animate-in";
10
10
  var zuiModalTriggerBase = "relative inline-flex shrink-0 cursor-pointer rounded-md border";
11
11
  var zuiModalTriggerAppearances = {
12
12
  default: "bg-[var(--zui-modal-trigger-default-bg,oklch(98.4%_0.003_247.858))] dark:bg-[var(--zui-modal-trigger-default-bg-dark,oklch(12.9%_0.042_264.695))] text-[color:var(--zui-modal-trigger-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-modal-trigger-default-fg-dark,oklch(98.4%_0.003_247.858))]",
@@ -321,5 +321,5 @@ function ModalClose({
321
321
  ModalClose.displayName = "ModalClose";
322
322
 
323
323
  export { Modal, ModalBody, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalTitle, ModalTrigger, modalContentVariants, modalOverlayVariants, useModalContext };
324
- //# sourceMappingURL=chunk-KTGV76M3.mjs.map
325
- //# sourceMappingURL=chunk-KTGV76M3.mjs.map
324
+ //# sourceMappingURL=chunk-SSJXWD2M.mjs.map
325
+ //# sourceMappingURL=chunk-SSJXWD2M.mjs.map
package/dist/chunk-SSJXWD2M.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/design-system/modal.ts","../src/ui/modal/variants.ts","../src/ui/modal/modal-base.tsx"],"names":[],"mappings":"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","file":"chunk-SSJXWD2M.mjs","sourcesContent":["export const zuiModalOverlayBase =\n \"fixed inset-0 z-50 bg-[var(--zui-modal-overlay-bg,oklch(12.9%_0.042_264.695_/_0.7))] dark:bg-[var(--zui-modal-overlay-bg-dark,oklch(12.9%_0.042_264.695_/_0.7))] backdrop-blur-sm data-[state=open]:animate-in\";\n\nexport const zuiModalTriggerBase =\n \"relative inline-flex shrink-0 cursor-pointer rounded-md border\";\n\nexport const zuiModalTriggerAppearances = {\n default:\n \"bg-[var(--zui-modal-trigger-default-bg,oklch(98.4%_0.003_247.858))] dark:bg-[var(--zui-modal-trigger-default-bg-dark,oklch(12.9%_0.042_264.695))] text-[color:var(--zui-modal-trigger-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-modal-trigger-default-fg-dark,oklch(98.4%_0.003_247.858))]\",\n glass:\n \"border-[color:var(--zui-modal-trigger-glass-border,#00000026)] dark:border-[color:var(--zui-modal-trigger-glass-border-dark,#ffffff26)] bg-[var(--zui-modal-trigger-glass-bg,oklch(98.4%_0.003_247.858_/_0.7))] dark:bg-[var(--zui-modal-trigger-glass-bg-dark,oklch(12.9%_0.042_264.695_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-glass-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-modal-trigger-glass-fg-dark,oklch(98.4%_0.003_247.858))]\",\n sky: \"border-[color:var(--zui-modal-trigger-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-modal-trigger-sky-border-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-modal-trigger-sky-bg,oklch(97.7%_0.013_236.62))] dark:bg-[var(--zui-modal-trigger-sky-bg-dark,oklch(29.3%_0.066_243.157_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-sky-fg,oklch(44.3%_0.11_240.79))] dark:text-[color:var(--zui-modal-trigger-sky-fg-dark,oklch(97.7%_0.013_236.62))]\",\n rose: \"border-[color:var(--zui-modal-trigger-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-modal-trigger-rose-border-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-modal-trigger-rose-bg,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-modal-trigger-rose-bg-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-rose-fg,oklch(45.5%_0.188_13.697))] dark:text-[color:var(--zui-modal-trigger-rose-fg-dark,oklch(96.9%_0.015_12.422))]\",\n purple:\n \"border-[color:var(--zui-modal-trigger-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-modal-trigger-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-modal-trigger-purple-bg,oklch(97.7%_0.014_308.299))] dark:bg-[var(--zui-modal-trigger-purple-bg-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-purple-fg,oklch(43.8%_0.218_303.724))] dark:text-[color:var(--zui-modal-trigger-purple-fg-dark,oklch(97.7%_0.014_308.299))]\",\n pink: \"border-[color:var(--zui-modal-trigger-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-modal-trigger-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-modal-trigger-pink-bg,oklch(97.1%_0.014_343.198))] dark:bg-[var(--zui-modal-trigger-pink-bg-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-pink-fg,oklch(45.9%_0.187_3.815))] dark:text-[color:var(--zui-modal-trigger-pink-fg-dark,oklch(97.1%_0.014_343.198))]\",\n orange:\n \"border-[color:var(--zui-modal-trigger-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-modal-trigger-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-modal-trigger-orange-bg,oklch(98%_0.016_73.684))] dark:bg-[var(--zui-modal-trigger-orange-bg-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-orange-fg,oklch(47%_0.157_37.304))] dark:text-[color:var(--zui-modal-trigger-orange-fg-dark,oklch(98%_0.016_73.684))]\",\n yellow:\n \"border-[color:var(--zui-modal-trigger-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-modal-trigger-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-modal-trigger-yellow-bg,oklch(98.7%_0.026_102.212))] dark:bg-[var(--zui-modal-trigger-yellow-bg-dark,oklch(28.6%_0.066_53.813_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-yellow-fg,oklch(47.6%_0.114_61.907))] dark:text-[color:var(--zui-modal-trigger-yellow-fg-dark,oklch(98.7%_0.026_102.212))]\",\n teal: \"border-[color:var(--zui-modal-trigger-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-modal-trigger-teal-border-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-modal-trigger-teal-bg,oklch(98.4%_0.014_180.72))] dark:bg-[var(--zui-modal-trigger-teal-bg-dark,oklch(27.7%_0.046_192.524_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-teal-fg,oklch(43.7%_0.078_188.216))] dark:text-[color:var(--zui-modal-trigger-teal-fg-dark,oklch(98.4%_0.014_180.72))]\",\n indigo:\n \"border-[color:var(--zui-modal-trigger-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-modal-trigger-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-modal-trigger-indigo-bg,oklch(96.2%_0.018_272.314))] dark:bg-[var(--zui-modal-trigger-indigo-bg-dark,oklch(25.7%_0.09_281.288_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-indigo-fg,oklch(39.8%_0.195_277.366))] dark:text-[color:var(--zui-modal-trigger-indigo-fg-dark,oklch(96.2%_0.018_272.314))]\",\n emerald:\n \"border-[color:var(--zui-modal-trigger-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-modal-trigger-emerald-border-dark,oklch(59.6%_0.145_163.225))] bg-[var(--zui-modal-trigger-emerald-bg,oklch(97.9%_0.021_166.113))] dark:bg-[var(--zui-modal-trigger-emerald-bg-dark,oklch(26.2%_0.051_172.552_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-emerald-fg,oklch(43.2%_0.095_166.913))] dark:text-[color:var(--zui-modal-trigger-emerald-fg-dark,oklch(97.9%_0.021_166.113))]\",\n gray: \"border-[color:var(--zui-modal-trigger-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-modal-trigger-gray-border-dark,oklch(44.6%_0.03_256.802))] bg-[var(--zui-modal-trigger-gray-bg,oklch(98.5%_0.002_247.839))] dark:bg-[var(--zui-modal-trigger-gray-bg-dark,oklch(13%_0.028_261.692_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-gray-fg,oklch(27.8%_0.033_256.848))] dark:text-[color:var(--zui-modal-trigger-gray-fg-dark,oklch(98.5%_0.002_247.839))]\",\n amber:\n \"border-[color:var(--zui-modal-trigger-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-modal-trigger-amber-border-dark,oklch(66.6%_0.179_58.318))] bg-[var(--zui-modal-trigger-amber-bg,oklch(98.7%_0.022_95.277))] dark:bg-[var(--zui-modal-trigger-amber-bg-dark,oklch(27.9%_0.077_45.635_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-amber-fg,oklch(47.3%_0.137_46.201))] dark:text-[color:var(--zui-modal-trigger-amber-fg-dark,oklch(98.7%_0.022_95.277))]\",\n violet:\n \"border-[color:var(--zui-modal-trigger-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-modal-trigger-violet-border-dark,oklch(54.1%_0.281_293.009))] bg-[var(--zui-modal-trigger-violet-bg,oklch(96.9%_0.016_293.756))] dark:bg-[var(--zui-modal-trigger-violet-bg-dark,oklch(28.3%_0.141_291.089_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-violet-fg,oklch(43.2%_0.232_292.759))] dark:text-[color:var(--zui-modal-trigger-violet-fg-dark,oklch(96.9%_0.016_293.756))]\",\n \"gradient-blue\":\n \"border-[color:var(--zui-modal-trigger-gradient-blue-border,oklch(42.4%_0.199_265.638))] dark:border-[color:var(--zui-modal-trigger-gradient-blue-border-dark,oklch(54.6%_0.245_262.881))] bg-linear-to-r from-[var(--zui-modal-trigger-gradient-blue-from,oklch(97%_0.014_254.604))] dark:from-[var(--zui-modal-trigger-gradient-blue-from-dark,oklch(28.2%_0.091_267.935_/_0.7))] to-[var(--zui-modal-trigger-gradient-blue-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-modal-trigger-gradient-blue-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-gradient-blue-fg,oklch(42.4%_0.199_265.638))] dark:text-[color:var(--zui-modal-trigger-gradient-blue-fg-dark,oklch(97%_0.014_254.604))]\",\n \"gradient-green\":\n \"border-[color:var(--zui-modal-trigger-gradient-green-border,oklch(44.8%_0.119_151.328))] dark:border-[color:var(--zui-modal-trigger-gradient-green-border-dark,oklch(62.7%_0.194_149.214))] bg-linear-to-r from-[var(--zui-modal-trigger-gradient-green-from,oklch(98.2%_0.018_155.826))] dark:from-[var(--zui-modal-trigger-gradient-green-from-dark,oklch(26.6%_0.065_152.934_/_0.7))] to-[var(--zui-modal-trigger-gradient-green-to,oklch(98.6%_0.031_120.757))] dark:to-[var(--zui-modal-trigger-gradient-green-to-dark,oklch(27.4%_0.072_132.109_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-gradient-green-fg,oklch(44.8%_0.119_151.328))] dark:text-[color:var(--zui-modal-trigger-gradient-green-fg-dark,oklch(98.2%_0.018_155.826))]\",\n \"gradient-red\":\n \"border-[color:var(--zui-modal-trigger-gradient-red-border,oklch(44.4%_0.177_26.899))] dark:border-[color:var(--zui-modal-trigger-gradient-red-border-dark,oklch(57.7%_0.245_27.325))] bg-linear-to-r from-[var(--zui-modal-trigger-gradient-red-from,oklch(97.1%_0.013_17.38))] dark:from-[var(--zui-modal-trigger-gradient-red-from-dark,oklch(25.8%_0.092_26.042_/_0.7))] to-[var(--zui-modal-trigger-gradient-red-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-modal-trigger-gradient-red-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-gradient-red-fg,oklch(44.4%_0.177_26.899))] dark:text-[color:var(--zui-modal-trigger-gradient-red-fg-dark,oklch(97.1%_0.013_17.38))]\",\n \"gradient-yellow\":\n \"border-[color:var(--zui-modal-trigger-gradient-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-modal-trigger-gradient-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-linear-to-r from-[var(--zui-modal-trigger-gradient-yellow-from,oklch(98.7%_0.026_102.212))] dark:from-[var(--zui-modal-trigger-gradient-yellow-from-dark,oklch(28.6%_0.066_53.813_/_0.7))] to-[var(--zui-modal-trigger-gradient-yellow-to,oklch(98%_0.016_73.684))] dark:to-[var(--zui-modal-trigger-gradient-yellow-to-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-gradient-yellow-fg,oklch(47.6%_0.114_61.907))] dark:text-[color:var(--zui-modal-trigger-gradient-yellow-fg-dark,oklch(98.7%_0.026_102.212))]\",\n \"gradient-purple\":\n \"border-[color:var(--zui-modal-trigger-gradient-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-modal-trigger-gradient-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-linear-to-r from-[var(--zui-modal-trigger-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:from-[var(--zui-modal-trigger-gradient-purple-from-dark,oklch(29.1%_0.149_302.717_/_0.7))] to-[var(--zui-modal-trigger-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-modal-trigger-gradient-purple-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-gradient-purple-fg,oklch(43.8%_0.218_303.724))] dark:text-[color:var(--zui-modal-trigger-gradient-purple-fg-dark,oklch(97.7%_0.014_308.299))]\",\n \"gradient-teal\":\n \"border-[color:var(--zui-modal-trigger-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-modal-trigger-gradient-teal-border-dark,oklch(60%_0.118_184.704))] bg-linear-to-r from-[var(--zui-modal-trigger-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-modal-trigger-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.7))] to-[var(--zui-modal-trigger-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-modal-trigger-gradient-teal-to-dark,oklch(30.2%_0.056_229.695_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-gradient-teal-fg,oklch(43.7%_0.078_188.216))] dark:text-[color:var(--zui-modal-trigger-gradient-teal-fg-dark,oklch(98.4%_0.014_180.72))]\",\n \"gradient-indigo\":\n \"border-[color:var(--zui-modal-trigger-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-modal-trigger-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-linear-to-r from-[var(--zui-modal-trigger-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-modal-trigger-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.7))] to-[var(--zui-modal-trigger-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-modal-trigger-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-gradient-indigo-fg,oklch(39.8%_0.195_277.366))] dark:text-[color:var(--zui-modal-trigger-gradient-indigo-fg-dark,oklch(96.2%_0.018_272.314))]\",\n \"gradient-pink\":\n \"border-[color:var(--zui-modal-trigger-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-modal-trigger-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-linear-to-r from-[var(--zui-modal-trigger-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-modal-trigger-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.7))] to-[var(--zui-modal-trigger-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-modal-trigger-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-gradient-pink-fg,oklch(45.9%_0.187_3.815))] dark:text-[color:var(--zui-modal-trigger-gradient-pink-fg-dark,oklch(97.1%_0.014_343.198))]\",\n \"gradient-orange\":\n \"border-[color:var(--zui-modal-trigger-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-modal-trigger-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-linear-to-r from-[var(--zui-modal-trigger-gradient-orange-from,oklch(98%_0.016_73.684))] dark:from-[var(--zui-modal-trigger-gradient-orange-from-dark,oklch(26.6%_0.079_36.259_/_0.7))] to-[var(--zui-modal-trigger-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:to-[var(--zui-modal-trigger-gradient-orange-to-dark,oklch(25.8%_0.092_26.042_/_0.7))] backdrop-blur-xl text-[color:var(--zui-modal-trigger-gradient-orange-fg,oklch(47%_0.157_37.304))] dark:text-[color:var(--zui-modal-trigger-gradient-orange-fg-dark,oklch(98%_0.016_73.684))]\",\n} as const;\n\nexport const zuiModalContentBase =\n \"fixed left-1/2 z-50 w-[calc(100%-2rem)] max-h-[min(90vh,720px)] translate-x-[-50%] overflow-y-auto border border-[color:var(--zui-modal-content-border,#0000001a)] dark:border-[color:var(--zui-modal-content-border-dark,#ffffff1a)] bg-[var(--zui-modal-content-bg,oklch(98.4%_0.003_247.858))] dark:bg-[var(--zui-modal-content-bg-dark,oklch(12.9%_0.042_264.695))] p-6 text-[color:var(--zui-modal-content-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-modal-content-fg-dark,oklch(98.4%_0.003_247.858))] shadow-[var(--zui-modal-content-shadow,0_12px_40px_rgba(15,23,42,0.14))] dark:shadow-[var(--zui-modal-content-shadow-dark,0_24px_80px_rgba(15,23,42,0.55))] focus:outline-none\";\n\nexport const zuiModalContentSizes = {\n sm: \"max-w-md\",\n md: \"max-w-lg\",\n lg: \"max-w-2xl\",\n xl: \"max-w-4xl\",\n full: \"max-w-[calc(100%-2rem)]\",\n} as const;\n\nexport const zuiModalContentPositions = {\n center: \"top-1/2 translate-y-[-50%]\",\n top: \"top-10 translate-y-0\",\n bottom: \"bottom-10 translate-y-0\",\n} as const;\n\nexport const zuiModalContentAppearances = {\n default:\n \"bg-[var(--zui-modal-content-default-bg,oklch(98.4%_0.003_247.858))] dark:bg-[var(--zui-modal-content-default-bg-dark,oklch(12.9%_0.042_264.695))]\",\n glass:\n \"border-[color:var(--zui-modal-content-glass-border,#00000026)] dark:border-[color:var(--zui-modal-content-glass-border-dark,#ffffff26)] bg-[var(--zui-modal-content-glass-bg,oklch(98.4%_0.003_247.858_/_0.7))] dark:bg-[var(--zui-modal-content-glass-bg-dark,oklch(12.9%_0.042_264.695_/_0.7))] backdrop-blur-xl\",\n sky: \"border-[color:var(--zui-modal-content-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-modal-content-sky-border-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-modal-content-sky-bg,oklch(97.7%_0.013_236.62))] dark:bg-[var(--zui-modal-content-sky-bg-dark,oklch(29.3%_0.066_243.157_/_0.7))] backdrop-blur-xl\",\n rose: \"border-[color:var(--zui-modal-content-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-modal-content-rose-border-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-modal-content-rose-bg,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-modal-content-rose-bg-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl\",\n purple:\n \"border-[color:var(--zui-modal-content-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-modal-content-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-modal-content-purple-bg,oklch(97.7%_0.014_308.299))] dark:bg-[var(--zui-modal-content-purple-bg-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl\",\n pink: \"border-[color:var(--zui-modal-content-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-modal-content-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-modal-content-pink-bg,oklch(97.1%_0.014_343.198))] dark:bg-[var(--zui-modal-content-pink-bg-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl\",\n orange:\n \"border-[color:var(--zui-modal-content-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-modal-content-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-modal-content-orange-bg,oklch(98%_0.016_73.684))] dark:bg-[var(--zui-modal-content-orange-bg-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl\",\n yellow:\n \"border-[color:var(--zui-modal-content-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-modal-content-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-modal-content-yellow-bg,oklch(98.7%_0.026_102.212))] dark:bg-[var(--zui-modal-content-yellow-bg-dark,oklch(28.6%_0.066_53.813_/_0.7))] backdrop-blur-xl\",\n teal: \"border-[color:var(--zui-modal-content-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-modal-content-teal-border-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-modal-content-teal-bg,oklch(98.4%_0.014_180.72))] dark:bg-[var(--zui-modal-content-teal-bg-dark,oklch(27.7%_0.046_192.524_/_0.7))] backdrop-blur-xl\",\n indigo:\n \"border-[color:var(--zui-modal-content-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-modal-content-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-modal-content-indigo-bg,oklch(96.2%_0.018_272.314))] dark:bg-[var(--zui-modal-content-indigo-bg-dark,oklch(25.7%_0.09_281.288_/_0.7))] backdrop-blur-xl\",\n emerald:\n \"border-[color:var(--zui-modal-content-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-modal-content-emerald-border-dark,oklch(59.6%_0.145_163.225))] bg-[var(--zui-modal-content-emerald-bg,oklch(97.9%_0.021_166.113))] dark:bg-[var(--zui-modal-content-emerald-bg-dark,oklch(26.2%_0.051_172.552_/_0.7))] backdrop-blur-xl\",\n gray: \"border-[color:var(--zui-modal-content-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-modal-content-gray-border-dark,oklch(44.6%_0.03_256.802))] bg-[var(--zui-modal-content-gray-bg,oklch(98.5%_0.002_247.839))] dark:bg-[var(--zui-modal-content-gray-bg-dark,oklch(13%_0.028_261.692_/_0.7))] backdrop-blur-xl\",\n amber:\n \"border-[color:var(--zui-modal-content-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-modal-content-amber-border-dark,oklch(66.6%_0.179_58.318))] bg-[var(--zui-modal-content-amber-bg,oklch(98.7%_0.022_95.277))] dark:bg-[var(--zui-modal-content-amber-bg-dark,oklch(27.9%_0.077_45.635_/_0.7))] backdrop-blur-xl\",\n violet:\n \"border-[color:var(--zui-modal-content-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-modal-content-violet-border-dark,oklch(54.1%_0.281_293.009))] bg-[var(--zui-modal-content-violet-bg,oklch(96.9%_0.016_293.756))] dark:bg-[var(--zui-modal-content-violet-bg-dark,oklch(28.3%_0.141_291.089_/_0.7))] backdrop-blur-xl\",\n \"gradient-blue\":\n \"border-[color:var(--zui-modal-content-gradient-blue-border,oklch(42.4%_0.199_265.638))] dark:border-[color:var(--zui-modal-content-gradient-blue-border-dark,oklch(54.6%_0.245_262.881))] bg-linear-to-r from-[var(--zui-modal-content-gradient-blue-from,oklch(97%_0.014_254.604))] dark:from-[var(--zui-modal-content-gradient-blue-from-dark,oklch(28.2%_0.091_267.935_/_0.7))] to-[var(--zui-modal-content-gradient-blue-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-modal-content-gradient-blue-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl\",\n \"gradient-green\":\n \"border-[color:var(--zui-modal-content-gradient-green-border,oklch(44.8%_0.119_151.328))] dark:border-[color:var(--zui-modal-content-gradient-green-border-dark,oklch(62.7%_0.194_149.214))] bg-linear-to-r from-[var(--zui-modal-content-gradient-green-from,oklch(98.2%_0.018_155.826))] dark:from-[var(--zui-modal-content-gradient-green-from-dark,oklch(26.6%_0.065_152.934_/_0.7))] to-[var(--zui-modal-content-gradient-green-to,oklch(98.6%_0.031_120.757))] dark:to-[var(--zui-modal-content-gradient-green-to-dark,oklch(27.4%_0.072_132.109_/_0.7))] backdrop-blur-xl\",\n \"gradient-red\":\n \"border-[color:var(--zui-modal-content-gradient-red-border,oklch(44.4%_0.177_26.899))] dark:border-[color:var(--zui-modal-content-gradient-red-border-dark,oklch(57.7%_0.245_27.325))] bg-linear-to-r from-[var(--zui-modal-content-gradient-red-from,oklch(97.1%_0.013_17.38))] dark:from-[var(--zui-modal-content-gradient-red-from-dark,oklch(25.8%_0.092_26.042_/_0.7))] to-[var(--zui-modal-content-gradient-red-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-modal-content-gradient-red-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl\",\n \"gradient-yellow\":\n \"border-[color:var(--zui-modal-content-gradient-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-modal-content-gradient-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-linear-to-r from-[var(--zui-modal-content-gradient-yellow-from,oklch(98.7%_0.026_102.212))] dark:from-[var(--zui-modal-content-gradient-yellow-from-dark,oklch(28.6%_0.066_53.813_/_0.7))] to-[var(--zui-modal-content-gradient-yellow-to,oklch(98%_0.016_73.684))] dark:to-[var(--zui-modal-content-gradient-yellow-to-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl\",\n \"gradient-purple\":\n \"border-[color:var(--zui-modal-content-gradient-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-modal-content-gradient-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-linear-to-r from-[var(--zui-modal-content-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:from-[var(--zui-modal-content-gradient-purple-from-dark,oklch(29.1%_0.149_302.717_/_0.7))] to-[var(--zui-modal-content-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-modal-content-gradient-purple-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl\",\n \"gradient-teal\":\n \"border-[color:var(--zui-modal-content-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-modal-content-gradient-teal-border-dark,oklch(60%_0.118_184.704))] bg-linear-to-r from-[var(--zui-modal-content-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-modal-content-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.7))] to-[var(--zui-modal-content-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-modal-content-gradient-teal-to-dark,oklch(30.2%_0.056_229.695_/_0.7))] backdrop-blur-xl\",\n \"gradient-indigo\":\n \"border-[color:var(--zui-modal-content-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-modal-content-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-linear-to-r from-[var(--zui-modal-content-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-modal-content-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.7))] to-[var(--zui-modal-content-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-modal-content-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl\",\n \"gradient-pink\":\n \"border-[color:var(--zui-modal-content-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-modal-content-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-linear-to-r from-[var(--zui-modal-content-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-modal-content-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.7))] to-[var(--zui-modal-content-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-modal-content-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl\",\n \"gradient-orange\":\n \"border-[color:var(--zui-modal-content-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-modal-content-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-linear-to-r from-[var(--zui-modal-content-gradient-orange-from,oklch(98%_0.016_73.684))] dark:from-[var(--zui-modal-content-gradient-orange-from-dark,oklch(26.6%_0.079_36.259_/_0.7))] to-[var(--zui-modal-content-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:to-[var(--zui-modal-content-gradient-orange-to-dark,oklch(25.8%_0.092_26.042_/_0.7))] backdrop-blur-xl\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n zuiModalContentAppearances,\n zuiModalContentBase,\n zuiModalContentPositions,\n zuiModalContentSizes,\n zuiModalOverlayBase,\n zuiModalTriggerAppearances,\n zuiModalTriggerBase,\n} from \"../../design-system/modal\";\n\nexport const modalOverlayVariants = cva(zuiModalOverlayBase);\n\nexport const modalTriggerVariants = cva(zuiModalTriggerBase, {\n variants: {\n appearance: zuiModalTriggerAppearances,\n },\n defaultVariants: {\n appearance: \"default\",\n },\n});\n\nexport const modalContentVariants = cva(zuiModalContentBase, {\n variants: {\n size: zuiModalContentSizes,\n position: zuiModalContentPositions,\n appearance: zuiModalContentAppearances,\n },\n defaultVariants: {\n size: \"md\",\n position: \"center\",\n appearance: \"default\",\n },\n});\n","\"use client\";\n\nimport {\n createContext,\n useCallback,\n useContext,\n useId,\n useMemo,\n useRef,\n useState,\n type RefObject,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { cn } from \"../../lib/utils\";\nimport { useFocusManagement } from \"../../hooks/useFocusManagement\";\n\nimport type {\n ModalContentProps,\n ModalProps,\n ModalSectionProps,\n ModalTriggerProps,\n} from \"./types\";\nimport {\n modalContentVariants,\n modalOverlayVariants,\n modalTriggerVariants,\n} from \"./variants\";\n\ntype ModalCtx = {\n open: boolean;\n setOpen: (next: boolean) => void;\n titleId: string;\n descriptionId: string;\n contentRef: RefObject<HTMLDivElement | null>;\n triggerRef: RefObject<HTMLElement | null>;\n};\n\nconst ModalContext = createContext<ModalCtx | null>(null);\n\nexport function useModalContext(component: string): ModalCtx {\n const ctx = useContext(ModalContext);\n if (!ctx) {\n throw new Error(`${component} must be used within <Modal>`);\n }\n return ctx;\n}\n\nexport function Modal({\n open,\n defaultOpen = false,\n onOpenChange,\n children,\n}: ModalProps) {\n const isControlled = open !== undefined;\n const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n const resolvedOpen = isControlled ? Boolean(open) : uncontrolledOpen;\n\n const setOpen = useCallback(\n (next: boolean) => {\n if (!isControlled) {\n setUncontrolledOpen(next);\n }\n onOpenChange?.(next);\n },\n [isControlled, onOpenChange],\n );\n\n const baseId = useId();\n const titleId = `${baseId}-title`;\n const descriptionId = `${baseId}-description`;\n const contentRef = useRef<HTMLDivElement | null>(null);\n const triggerRef = useRef<HTMLElement | null>(null);\n\n const ctx = useMemo(\n () => ({\n open: resolvedOpen,\n setOpen,\n titleId,\n descriptionId,\n contentRef,\n triggerRef,\n }),\n [descriptionId, resolvedOpen, setOpen, titleId],\n );\n\n return <ModalContext.Provider value={ctx}>{children}</ModalContext.Provider>;\n}\n\nModal.displayName = \"Modal\";\n\nexport function ModalTrigger({\n className,\n children,\n appearance,\n onClick,\n ref: refProp,\n ...rest\n}: ModalTriggerProps) {\n const { setOpen, triggerRef } = useModalContext(\"ModalTrigger\");\n return (\n <button\n ref={(node) => {\n triggerRef.current = node;\n if (typeof refProp === \"function\") {\n refProp(node);\n } else if (refProp) {\n (refProp as RefObject<HTMLButtonElement | null>).current = node;\n }\n }}\n type=\"button\"\n data-slot=\"modal-trigger\"\n className={cn(modalTriggerVariants({ appearance }), className)}\n onClick={(event) => {\n onClick?.(event);\n if (!event.defaultPrevented) {\n setOpen(true);\n }\n }}\n {...rest}\n >\n {children}\n </button>\n );\n}\n\nModalTrigger.displayName = \"ModalTrigger\";\n\nexport function ModalContent({\n className,\n size,\n position,\n appearance,\n children,\n ref,\n id,\n style,\n}: ModalContentProps) {\n const { open, setOpen, titleId, descriptionId, contentRef, triggerRef } =\n useModalContext(\"ModalContent\");\n\n useFocusManagement({\n open,\n setOpen,\n contentRef,\n triggerRef,\n });\n\n const portalTarget = typeof document !== \"undefined\" ? document.body : null;\n\n if (!portalTarget) {\n return null;\n }\n\n return createPortal(\n open ? (\n <div className=\"fixed inset-0 z-9999\" data-slot=\"modal-portal\">\n <div\n role=\"presentation\"\n data-slot=\"modal-overlay\"\n className={modalOverlayVariants()}\n onClick={() => setOpen(false)}\n />\n <div\n ref={(node) => {\n contentRef.current = node;\n if (typeof ref === \"function\") {\n ref(node);\n } else if (ref) {\n (ref as React.RefObject<HTMLDivElement | null>).current = node;\n }\n }}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby={titleId}\n aria-describedby={descriptionId}\n data-slot=\"modal-content\"\n tabIndex={-1}\n className={cn(\n modalContentVariants({ size, position, appearance }),\n className,\n )}\n id={id}\n style={style}\n >\n {children}\n </div>\n </div>\n ) : null,\n portalTarget,\n );\n}\n\nModalContent.displayName = \"ModalContent\";\n\nexport function ModalHeader({ className, children }: ModalSectionProps) {\n return (\n <header\n data-slot=\"modal-header\"\n className={cn(\"mb-4 flex flex-col gap-2\", className)}\n >\n {children}\n </header>\n );\n}\n\nModalHeader.displayName = \"ModalHeader\";\n\nexport function ModalBody({ className, children }: ModalSectionProps) {\n return (\n <div\n data-slot=\"modal-body\"\n className={cn(\"text-sm text-slate-300\", className)}\n >\n {children}\n </div>\n );\n}\n\nModalBody.displayName = \"ModalBody\";\n\nexport function ModalFooter({ className, children }: ModalSectionProps) {\n return (\n <footer\n data-slot=\"modal-footer\"\n className={cn(\"mt-6 flex justify-end gap-2\", className)}\n >\n {children}\n </footer>\n );\n}\n\nModalFooter.displayName = \"ModalFooter\";\n\nexport function ModalTitle({ className, children }: ModalSectionProps) {\n const { titleId } = useModalContext(\"ModalTitle\");\n return (\n <h2\n id={titleId}\n data-slot=\"modal-title\"\n className={cn(\"text-lg font-semibold\", className)}\n >\n {children}\n </h2>\n );\n}\n\nModalTitle.displayName = \"ModalTitle\";\n\nexport function ModalDescription({ className, children }: ModalSectionProps) {\n const { descriptionId } = useModalContext(\"ModalDescription\");\n return (\n <p\n id={descriptionId}\n data-slot=\"modal-description\"\n className={cn(\"text-sm text-slate-400\", className)}\n >\n {children}\n </p>\n );\n}\n\nModalDescription.displayName = \"ModalDescription\";\n\nexport function ModalClose({\n className,\n children,\n ...rest\n}: ModalSectionProps) {\n const { setOpen } = useModalContext(\"ModalClose\");\n return (\n <button\n type=\"button\"\n data-slot=\"modal-close\"\n className={cn(\n \"absolute right-4 top-4 inline-flex size-14 items-center cursor-pointer justify-center rounded-md text-slate-800 dark:text-slate-200 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30\",\n className,\n )}\n aria-label=\"Close dialog\"\n onClick={() => setOpen(false)}\n {...rest}\n >\n {children ?? \"×\"}\n </button>\n );\n}\n\nModalClose.displayName = \"ModalClose\";\n"]}
package/dist/{chunk-YAO62VH2.js → chunk-UGH23TAH.js} RENAMED
@@ -11,7 +11,7 @@ var zuiInputBase = [
11
11
  "placeholder:text-[color:var(--zui-input-placeholder-fg,oklch(55.4%_0.046_257.417))] dark:placeholder:text-[color:var(--zui-input-placeholder-fg-dark,oklch(55.4%_0.046_257.417))]",
12
12
  "focus-visible:outline-none",
13
13
  "disabled:cursor-not-allowed disabled:opacity-50",
14
- "read-only:cursor-default read-only:bg-[var(--zui-input-bg-read-only,#00000008)] dark:bg-[var(--zui-input-bg-dark,#ffffff08)]",
14
+ "read-only:cursor-default read-only:bg-[var(--zui-input-bg-read-only,#00000008)] dark:read-only:bg-[var(--zui-input-bg-read-only-dark,#ffffff08)] dark:bg-[var(--zui-input-bg-dark,#ffffff08)]",
15
15
  "file:h-8"
16
16
  ];
17
17
  var zuiInputAs = {
@@ -23,13 +23,13 @@ var zuiInputAs = {
23
23
  "file:bg-[var(--zui-input-file-bg,#0000001a)] dark:file:bg-[var(--zui-input-file-bg-dark,#ffffff1a)] file:text-[color:var(--zui-input-file-fg,oklch(37.2%_0.044_257.287))] dark:file:text-[color:var(--zui-input-file-fg-dark,oklch(92.9%_0.013_255.508))] file:font-medium",
24
24
  "file:transition-colors file:duration-200",
25
25
  "hover:file:bg-[var(--zui-input-file-bg-hover,#00000026)] dark:hover:file:bg-[var(--zui-input-file-bg-hover-dark,#ffffff26)]",
26
- "[&:not(:disabled)]:file:hover:text-[color:var(--zui-input-file-fg-hover,#ffffff)]",
26
+ "[&:not(:disabled)]:file:hover:text-[color:var(--zui-input-file-fg-hover,#ffffff)] dark:[&:not(:disabled)]:file:hover:text-[color:var(--zui-input-file-fg-hover-dark,#ffffff)]",
27
27
  "disabled:file:cursor-not-allowed"
28
28
  ],
29
29
  checkbox: [
30
30
  "shrink-0 cursor-pointer appearance-none relative",
31
31
  "min-h-0! shadow-none outline-none",
32
- "border-2 border-[color:var(--zui-input-checkbox-border,#0000004d)] dark:border-[color:var(--zui-input-checkbox-border-dark,#ffffff4d)] [&:not(:checked)]:bg-[var(--zui-input-checkbox-bg,transparent)]",
32
+ "border-2 border-[color:var(--zui-input-checkbox-border,#0000004d)] dark:border-[color:var(--zui-input-checkbox-border-dark,#ffffff4d)] [&:not(:checked)]:bg-[var(--zui-input-checkbox-bg,transparent)] dark:[&:not(:checked)]:bg-[var(--zui-input-checkbox-bg-dark,transparent)]",
33
33
  "transition-[color,box-shadow,border-color,background-color]",
34
34
  "disabled:cursor-not-allowed disabled:opacity-50",
35
35
  "read-only:cursor-default",
@@ -38,7 +38,7 @@ var zuiInputAs = {
38
38
  radio: [
39
39
  "shrink-0 cursor-pointer appearance-none rounded-full",
40
40
  "min-h-0! shadow-none outline-none",
41
- "border-2 border-[color:var(--zui-input-radio-border,#0000004d)] dark:border-[color:var(--zui-input-radio-border-dark,#ffffff4d)] bg-[var(--zui-input-radio-bg,transparent)]! read-only:bg-[var(--zui-input-radio-bg-read-only,transparent)]!",
41
+ "border-2 border-[color:var(--zui-input-radio-border,#0000004d)] dark:border-[color:var(--zui-input-radio-border-dark,#ffffff4d)] bg-[var(--zui-input-radio-bg,transparent)]! dark:bg-[var(--zui-input-radio-bg-dark,transparent)]! read-only:bg-[var(--zui-input-radio-bg-read-only,transparent)]! dark:read-only:bg-[var(--zui-input-radio-bg-read-only-dark,transparent)]!",
42
42
  "ring-2 ring-[var(--zui-input-radio-ring,#00000033)] dark:ring-[var(--zui-input-radio-ring-dark,#ffffff33)] ring-offset-2 ring-offset-[var(--zui-input-radio-ring-offset,oklch(98.4%_0.003_247.858))] dark:ring-offset-[var(--zui-input-radio-ring-offset-dark,oklch(12.9%_0.042_264.695))]",
43
43
  "transition-[color,box-shadow,background-color,border-color,box-shadow]",
44
44
  "disabled:cursor-not-allowed disabled:opacity-50",
@@ -48,15 +48,15 @@ var zuiInputAs = {
48
48
  };
49
49
  var zuiInputAppearances = {
50
50
  default: "border-[color:var(--zui-input-default-border,#0000001a)] dark:border-[color:var(--zui-input-default-border-dark,#ffffff1a)] focus-visible:border-[color:var(--zui-input-default-border-focus,#00000033)] dark:focus-visible:border-[color:var(--zui-input-default-border-focus-dark,#ffffff33)]",
51
- warning: "border-[color:var(--zui-input-warning-border,oklch(79.5%_0.184_86.047_/_0.8))] text-[color:var(--zui-input-warning-fg,oklch(28.6%_0.066_53.813))] dark:text-[color:var(--zui-input-warning-fg-dark,oklch(98.7%_0.026_102.212))] placeholder:text-[color:var(--zui-input-warning-placeholder-fg,oklch(47.6%_0.114_61.907))] dark:placeholder:text-[color:var(--zui-input-warning-placeholder-fg-dark,oklch(90.5%_0.182_98.111_/_0.7))] focus-visible:border-[color:var(--zui-input-warning-border-focus,oklch(68.1%_0.162_75.834))] dark:focus-visible:border-[color:var(--zui-input-warning-border-focus-dark,oklch(85.2%_0.199_91.936))] focus-visible:ring-[var(--zui-input-warning-ring-focus,oklch(85.2%_0.199_91.936_/_0.8))]",
52
- error: "border-[color:var(--zui-input-error-border,oklch(64.5%_0.246_16.439_/_0.8))] text-[color:var(--zui-input-error-fg,oklch(27.1%_0.105_12.094))] dark:text-[color:var(--zui-input-error-fg-dark,oklch(96.9%_0.015_12.422))] placeholder:text-[color:var(--zui-input-error-placeholder-fg,oklch(45.5%_0.188_13.697))] dark:placeholder:text-[color:var(--zui-input-error-placeholder-fg-dark,oklch(81%_0.117_11.638_/_0.7))] focus-visible:border-[color:var(--zui-input-error-border-focus,oklch(58.6%_0.253_17.585))] dark:focus-visible:border-[color:var(--zui-input-error-border-focus-dark,oklch(71.2%_0.194_13.428))] focus-visible:ring-[var(--zui-input-error-ring-focus,oklch(71.2%_0.194_13.428_/_0.8))]",
53
- success: "border-[color:var(--zui-input-success-border,oklch(69.6%_0.17_162.48_/_0.7))] text-[color:var(--zui-input-success-fg,oklch(26.2%_0.051_172.552))] dark:text-[color:var(--zui-input-success-fg-dark,oklch(97.9%_0.021_166.113))] placeholder:text-[color:var(--zui-input-success-placeholder-fg,oklch(43.2%_0.095_166.913))] dark:placeholder:text-[color:var(--zui-input-success-placeholder-fg-dark,oklch(84.5%_0.143_164.978_/_0.7))] focus-visible:border-[color:var(--zui-input-success-border-focus,oklch(59.6%_0.145_163.225))] dark:focus-visible:border-[color:var(--zui-input-success-border-focus-dark,oklch(76.5%_0.177_163.223))] focus-visible:ring-[var(--zui-input-success-ring-focus,oklch(76.5%_0.177_163.223_/_0.8))]",
54
- info: "border-[color:var(--zui-input-info-border,oklch(62.3%_0.214_259.815_/_0.8))] text-[color:var(--zui-input-info-fg,oklch(28.2%_0.091_267.935))] dark:text-[color:var(--zui-input-info-fg-dark,oklch(97%_0.014_254.604))] placeholder:text-[color:var(--zui-input-info-placeholder-fg,oklch(42.4%_0.199_265.638))] dark:placeholder:text-[color:var(--zui-input-info-placeholder-fg-dark,oklch(80.9%_0.105_251.813_/_0.7))] focus-visible:border-[color:var(--zui-input-info-border-focus,oklch(54.6%_0.245_262.881))] dark:focus-visible:border-[color:var(--zui-input-info-border-focus-dark,oklch(70.7%_0.165_254.624))] focus-visible:ring-[var(--zui-input-info-ring-focus,oklch(70.7%_0.165_254.624_/_0.8))]",
55
- violet: "border-[color:var(--zui-input-violet-border,oklch(60.6%_0.25_292.717_/_0.8))] text-[color:var(--zui-input-violet-fg,oklch(28.3%_0.141_291.089))] dark:text-[color:var(--zui-input-violet-fg-dark,oklch(96.9%_0.016_293.756))] placeholder:text-[color:var(--zui-input-violet-placeholder-fg,oklch(43.2%_0.232_292.759))] dark:placeholder:text-[color:var(--zui-input-violet-placeholder-fg-dark,oklch(81.1%_0.111_293.571_/_0.7))] focus-visible:border-[color:var(--zui-input-violet-border-focus,oklch(54.1%_0.281_293.009))] dark:focus-visible:border-[color:var(--zui-input-violet-border-focus-dark,oklch(70.2%_0.183_293.541))] focus-visible:ring-[var(--zui-input-violet-ring-focus,oklch(70.2%_0.183_293.541_/_0.8))]",
56
- amber: "border-[color:var(--zui-input-amber-border,oklch(76.9%_0.188_70.08_/_0.8))] text-[color:var(--zui-input-amber-fg,oklch(27.9%_0.077_45.635))] dark:text-[color:var(--zui-input-amber-fg-dark,oklch(98.7%_0.022_95.277))] placeholder:text-[color:var(--zui-input-amber-placeholder-fg,oklch(47.3%_0.137_46.201))] dark:placeholder:text-[color:var(--zui-input-amber-placeholder-fg-dark,oklch(87.9%_0.169_91.605_/_0.7))] focus-visible:border-[color:var(--zui-input-amber-border-focus,oklch(66.6%_0.179_58.318))] dark:focus-visible:border-[color:var(--zui-input-amber-border-focus-dark,oklch(82.8%_0.189_84.429))] focus-visible:ring-[var(--zui-input-amber-ring-focus,oklch(82.8%_0.189_84.429_/_0.8))]",
57
- pink: "border-[color:var(--zui-input-pink-border,oklch(65.6%_0.241_354.308_/_0.8))] text-[color:var(--zui-input-pink-fg,oklch(28.4%_0.109_3.907))] dark:text-[color:var(--zui-input-pink-fg-dark,oklch(97.1%_0.014_343.198))] placeholder:text-[color:var(--zui-input-pink-placeholder-fg,oklch(45.9%_0.187_3.815))] dark:placeholder:text-[color:var(--zui-input-pink-placeholder-fg-dark,oklch(82.3%_0.12_346.018_/_0.7))] focus-visible:border-[color:var(--zui-input-pink-border-focus,oklch(59.2%_0.249_0.584))] dark:focus-visible:border-[color:var(--zui-input-pink-border-focus-dark,oklch(71.8%_0.202_349.761))] focus-visible:ring-[var(--zui-input-pink-ring-focus,oklch(71.8%_0.202_349.761_/_0.8))]",
58
- indigo: "border-[color:var(--zui-input-indigo-border,oklch(58.5%_0.233_277.117_/_0.8))] text-[color:var(--zui-input-indigo-fg,oklch(25.7%_0.09_281.288))] dark:text-[color:var(--zui-input-indigo-fg-dark,oklch(96.2%_0.018_272.314))] placeholder:text-[color:var(--zui-input-indigo-placeholder-fg,oklch(39.8%_0.195_277.366))] dark:placeholder:text-[color:var(--zui-input-indigo-placeholder-fg-dark,oklch(78.5%_0.115_274.713_/_0.7))] focus-visible:border-[color:var(--zui-input-indigo-border-focus,oklch(51.1%_0.262_276.966))] dark:focus-visible:border-[color:var(--zui-input-indigo-border-focus-dark,oklch(67.3%_0.182_276.935))] focus-visible:ring-[var(--zui-input-indigo-ring-focus,oklch(67.3%_0.182_276.935_/_0.8))]",
59
- orange: "border-[color:var(--zui-input-orange-border,oklch(70.5%_0.213_47.604_/_0.8))] text-[color:var(--zui-input-orange-fg,oklch(26.6%_0.079_36.259))] dark:text-[color:var(--zui-input-orange-fg-dark,oklch(98%_0.016_73.684))] placeholder:text-[color:var(--zui-input-orange-placeholder-fg,oklch(47%_0.157_37.304))] dark:placeholder:text-[color:var(--zui-input-orange-placeholder-fg-dark,oklch(83.7%_0.128_66.29_/_0.7))] focus-visible:border-[color:var(--zui-input-orange-border-focus,oklch(64.6%_0.222_41.116))] dark:focus-visible:border-[color:var(--zui-input-orange-border-focus-dark,oklch(75%_0.183_55.934))] focus-visible:ring-[var(--zui-input-orange-ring-focus,oklch(75%_0.183_55.934_/_0.8))]"
51
+ warning: "border-[color:var(--zui-input-warning-border,oklch(79.5%_0.184_86.047_/_0.8))] dark:border-[color:var(--zui-input-warning-border-dark,oklch(79.5%_0.184_86.047_/_0.8))] text-[color:var(--zui-input-warning-fg,oklch(28.6%_0.066_53.813))] dark:text-[color:var(--zui-input-warning-fg-dark,oklch(98.7%_0.026_102.212))] placeholder:text-[color:var(--zui-input-warning-placeholder-fg,oklch(47.6%_0.114_61.907))] dark:placeholder:text-[color:var(--zui-input-warning-placeholder-fg-dark,oklch(90.5%_0.182_98.111_/_0.7))] focus-visible:border-[color:var(--zui-input-warning-border-focus,oklch(68.1%_0.162_75.834))] dark:focus-visible:border-[color:var(--zui-input-warning-border-focus-dark,oklch(85.2%_0.199_91.936))] focus-visible:ring-[var(--zui-input-warning-ring-focus,oklch(85.2%_0.199_91.936_/_0.8))] dark:focus-visible:ring-[var(--zui-input-warning-ring-focus-dark,oklch(85.2%_0.199_91.936_/_0.8))]",
52
+ error: "border-[color:var(--zui-input-error-border,oklch(64.5%_0.246_16.439_/_0.8))] dark:border-[color:var(--zui-input-error-border-dark,oklch(64.5%_0.246_16.439_/_0.8))] text-[color:var(--zui-input-error-fg,oklch(27.1%_0.105_12.094))] dark:text-[color:var(--zui-input-error-fg-dark,oklch(96.9%_0.015_12.422))] placeholder:text-[color:var(--zui-input-error-placeholder-fg,oklch(45.5%_0.188_13.697))] dark:placeholder:text-[color:var(--zui-input-error-placeholder-fg-dark,oklch(81%_0.117_11.638_/_0.7))] focus-visible:border-[color:var(--zui-input-error-border-focus,oklch(58.6%_0.253_17.585))] dark:focus-visible:border-[color:var(--zui-input-error-border-focus-dark,oklch(71.2%_0.194_13.428))] focus-visible:ring-[var(--zui-input-error-ring-focus,oklch(71.2%_0.194_13.428_/_0.8))] dark:focus-visible:ring-[var(--zui-input-error-ring-focus-dark,oklch(71.2%_0.194_13.428_/_0.8))]",
53
+ success: "border-[color:var(--zui-input-success-border,oklch(69.6%_0.17_162.48_/_0.7))] dark:border-[color:var(--zui-input-success-border-dark,oklch(69.6%_0.17_162.48_/_0.7))] text-[color:var(--zui-input-success-fg,oklch(26.2%_0.051_172.552))] dark:text-[color:var(--zui-input-success-fg-dark,oklch(97.9%_0.021_166.113))] placeholder:text-[color:var(--zui-input-success-placeholder-fg,oklch(43.2%_0.095_166.913))] dark:placeholder:text-[color:var(--zui-input-success-placeholder-fg-dark,oklch(84.5%_0.143_164.978_/_0.7))] focus-visible:border-[color:var(--zui-input-success-border-focus,oklch(59.6%_0.145_163.225))] dark:focus-visible:border-[color:var(--zui-input-success-border-focus-dark,oklch(76.5%_0.177_163.223))] focus-visible:ring-[var(--zui-input-success-ring-focus,oklch(76.5%_0.177_163.223_/_0.8))] dark:focus-visible:ring-[var(--zui-input-success-ring-focus-dark,oklch(76.5%_0.177_163.223_/_0.8))]",
54
+ info: "border-[color:var(--zui-input-info-border,oklch(62.3%_0.214_259.815_/_0.8))] dark:border-[color:var(--zui-input-info-border-dark,oklch(62.3%_0.214_259.815_/_0.8))] text-[color:var(--zui-input-info-fg,oklch(28.2%_0.091_267.935))] dark:text-[color:var(--zui-input-info-fg-dark,oklch(97%_0.014_254.604))] placeholder:text-[color:var(--zui-input-info-placeholder-fg,oklch(42.4%_0.199_265.638))] dark:placeholder:text-[color:var(--zui-input-info-placeholder-fg-dark,oklch(80.9%_0.105_251.813_/_0.7))] focus-visible:border-[color:var(--zui-input-info-border-focus,oklch(54.6%_0.245_262.881))] dark:focus-visible:border-[color:var(--zui-input-info-border-focus-dark,oklch(70.7%_0.165_254.624))] focus-visible:ring-[var(--zui-input-info-ring-focus,oklch(70.7%_0.165_254.624_/_0.8))] dark:focus-visible:ring-[var(--zui-input-info-ring-focus-dark,oklch(70.7%_0.165_254.624_/_0.8))]",
55
+ violet: "border-[color:var(--zui-input-violet-border,oklch(60.6%_0.25_292.717_/_0.8))] dark:border-[color:var(--zui-input-violet-border-dark,oklch(60.6%_0.25_292.717_/_0.8))] text-[color:var(--zui-input-violet-fg,oklch(28.3%_0.141_291.089))] dark:text-[color:var(--zui-input-violet-fg-dark,oklch(96.9%_0.016_293.756))] placeholder:text-[color:var(--zui-input-violet-placeholder-fg,oklch(43.2%_0.232_292.759))] dark:placeholder:text-[color:var(--zui-input-violet-placeholder-fg-dark,oklch(81.1%_0.111_293.571_/_0.7))] focus-visible:border-[color:var(--zui-input-violet-border-focus,oklch(54.1%_0.281_293.009))] dark:focus-visible:border-[color:var(--zui-input-violet-border-focus-dark,oklch(70.2%_0.183_293.541))] focus-visible:ring-[var(--zui-input-violet-ring-focus,oklch(70.2%_0.183_293.541_/_0.8))] dark:focus-visible:ring-[var(--zui-input-violet-ring-focus-dark,oklch(70.2%_0.183_293.541_/_0.8))]",
56
+ amber: "border-[color:var(--zui-input-amber-border,oklch(76.9%_0.188_70.08_/_0.8))] dark:border-[color:var(--zui-input-amber-border-dark,oklch(76.9%_0.188_70.08_/_0.8))] text-[color:var(--zui-input-amber-fg,oklch(27.9%_0.077_45.635))] dark:text-[color:var(--zui-input-amber-fg-dark,oklch(98.7%_0.022_95.277))] placeholder:text-[color:var(--zui-input-amber-placeholder-fg,oklch(47.3%_0.137_46.201))] dark:placeholder:text-[color:var(--zui-input-amber-placeholder-fg-dark,oklch(87.9%_0.169_91.605_/_0.7))] focus-visible:border-[color:var(--zui-input-amber-border-focus,oklch(66.6%_0.179_58.318))] dark:focus-visible:border-[color:var(--zui-input-amber-border-focus-dark,oklch(82.8%_0.189_84.429))] focus-visible:ring-[var(--zui-input-amber-ring-focus,oklch(82.8%_0.189_84.429_/_0.8))] dark:focus-visible:ring-[var(--zui-input-amber-ring-focus-dark,oklch(82.8%_0.189_84.429_/_0.8))]",
57
+ pink: "border-[color:var(--zui-input-pink-border,oklch(65.6%_0.241_354.308_/_0.8))] dark:border-[color:var(--zui-input-pink-border-dark,oklch(65.6%_0.241_354.308_/_0.8))] text-[color:var(--zui-input-pink-fg,oklch(28.4%_0.109_3.907))] dark:text-[color:var(--zui-input-pink-fg-dark,oklch(97.1%_0.014_343.198))] placeholder:text-[color:var(--zui-input-pink-placeholder-fg,oklch(45.9%_0.187_3.815))] dark:placeholder:text-[color:var(--zui-input-pink-placeholder-fg-dark,oklch(82.3%_0.12_346.018_/_0.7))] focus-visible:border-[color:var(--zui-input-pink-border-focus,oklch(59.2%_0.249_0.584))] dark:focus-visible:border-[color:var(--zui-input-pink-border-focus-dark,oklch(71.8%_0.202_349.761))] focus-visible:ring-[var(--zui-input-pink-ring-focus,oklch(71.8%_0.202_349.761_/_0.8))] dark:focus-visible:ring-[var(--zui-input-pink-ring-focus-dark,oklch(71.8%_0.202_349.761_/_0.8))]",
58
+ indigo: "border-[color:var(--zui-input-indigo-border,oklch(58.5%_0.233_277.117_/_0.8))] dark:border-[color:var(--zui-input-indigo-border-dark,oklch(58.5%_0.233_277.117_/_0.8))] text-[color:var(--zui-input-indigo-fg,oklch(25.7%_0.09_281.288))] dark:text-[color:var(--zui-input-indigo-fg-dark,oklch(96.2%_0.018_272.314))] placeholder:text-[color:var(--zui-input-indigo-placeholder-fg,oklch(39.8%_0.195_277.366))] dark:placeholder:text-[color:var(--zui-input-indigo-placeholder-fg-dark,oklch(78.5%_0.115_274.713_/_0.7))] focus-visible:border-[color:var(--zui-input-indigo-border-focus,oklch(51.1%_0.262_276.966))] dark:focus-visible:border-[color:var(--zui-input-indigo-border-focus-dark,oklch(67.3%_0.182_276.935))] focus-visible:ring-[var(--zui-input-indigo-ring-focus,oklch(67.3%_0.182_276.935_/_0.8))] dark:focus-visible:ring-[var(--zui-input-indigo-ring-focus-dark,oklch(67.3%_0.182_276.935_/_0.8))]",
59
+ orange: "border-[color:var(--zui-input-orange-border,oklch(70.5%_0.213_47.604_/_0.8))] dark:border-[color:var(--zui-input-orange-border-dark,oklch(70.5%_0.213_47.604_/_0.8))] text-[color:var(--zui-input-orange-fg,oklch(26.6%_0.079_36.259))] dark:text-[color:var(--zui-input-orange-fg-dark,oklch(98%_0.016_73.684))] placeholder:text-[color:var(--zui-input-orange-placeholder-fg,oklch(47%_0.157_37.304))] dark:placeholder:text-[color:var(--zui-input-orange-placeholder-fg-dark,oklch(83.7%_0.128_66.29_/_0.7))] focus-visible:border-[color:var(--zui-input-orange-border-focus,oklch(64.6%_0.222_41.116))] dark:focus-visible:border-[color:var(--zui-input-orange-border-focus-dark,oklch(75%_0.183_55.934))] focus-visible:ring-[var(--zui-input-orange-ring-focus,oklch(75%_0.183_55.934_/_0.8))] dark:focus-visible:ring-[var(--zui-input-orange-ring-focus-dark,oklch(75%_0.183_55.934_/_0.8))]"
60
60
  };
61
61
  var zuiInputSizes = {
62
62
  sm: "h-8 px-3 text-xs",
@@ -338,5 +338,5 @@ var inputVariants = classVarianceAuthority.cva(zuiInputBase, {
338
338
  });
339
339
 
340
340
  exports.inputVariants = inputVariants;
341
- //# sourceMappingURL=chunk-YAO62VH2.js.map
342
- //# sourceMappingURL=chunk-YAO62VH2.js.map
341
+ //# sourceMappingURL=chunk-UGH23TAH.js.map
342
+ //# sourceMappingURL=chunk-UGH23TAH.js.map
package/dist/chunk-UGH23TAH.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/design-system/inputs.ts","../src/ui/inputs/variants.ts"],"names":["cva"],"mappings":"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","file":"chunk-UGH23TAH.js","sourcesContent":["export const zuiInputBase = [\n \"w-full min-w-0 rounded-xl border bg-[var(--zui-input-bg,#0000000d)] dark:bg-[var(--zui-input-bg-dark,#ffffff0d)] text-[color:var(--zui-input-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-input-fg-dark,oklch(98.4%_0.003_247.858))] shadow-[var(--zui-input-shadow,0_1px_2px_rgba(15,23,42,0.08))] dark:shadow-[var(--zui-input-shadow-dark,0_1px_2px_rgba(15,23,42,0.12))]\",\n \"ring-offset-[var(--zui-input-ring-offset,oklch(98.4%_0.003_247.858))] dark:ring-offset-[var(--zui-input-ring-offset-dark,oklch(12.9%_0.042_264.695))] transition-colors\",\n \"placeholder:text-[color:var(--zui-input-placeholder-fg,oklch(55.4%_0.046_257.417))] dark:placeholder:text-[color:var(--zui-input-placeholder-fg-dark,oklch(55.4%_0.046_257.417))]\",\n \"focus-visible:outline-none\",\n \"disabled:cursor-not-allowed disabled:opacity-50\",\n \"read-only:cursor-default read-only:bg-[var(--zui-input-bg-read-only,#00000008)] dark:read-only:bg-[var(--zui-input-bg-read-only-dark,#ffffff08)] dark:bg-[var(--zui-input-bg-dark,#ffffff08)]\",\n \"file:h-8\",\n] as const;\n\nexport const zuiInputAs = {\n input: \"\",\n textarea: \"h-auto! resize-y py-2 align-top\",\n file: [\n \"p-0! cursor-pointer\",\n \"file:cursor-pointer file:border-0 file:border-r file:border-[color:var(--zui-input-file-border,#0000001a)] dark:file:border-[color:var(--zui-input-file-border-dark,#ffffff1a)]\",\n \"file:bg-[var(--zui-input-file-bg,#0000001a)] dark:file:bg-[var(--zui-input-file-bg-dark,#ffffff1a)] file:text-[color:var(--zui-input-file-fg,oklch(37.2%_0.044_257.287))] dark:file:text-[color:var(--zui-input-file-fg-dark,oklch(92.9%_0.013_255.508))] file:font-medium\",\n \"file:transition-colors file:duration-200\",\n \"hover:file:bg-[var(--zui-input-file-bg-hover,#00000026)] dark:hover:file:bg-[var(--zui-input-file-bg-hover-dark,#ffffff26)]\",\n \"[&:not(:disabled)]:file:hover:text-[color:var(--zui-input-file-fg-hover,#ffffff)] dark:[&:not(:disabled)]:file:hover:text-[color:var(--zui-input-file-fg-hover-dark,#ffffff)]\",\n \"disabled:file:cursor-not-allowed\",\n ],\n checkbox: [\n \"shrink-0 cursor-pointer appearance-none relative\",\n \"min-h-0! shadow-none outline-none\",\n \"border-2 border-[color:var(--zui-input-checkbox-border,#0000004d)] dark:border-[color:var(--zui-input-checkbox-border-dark,#ffffff4d)] [&:not(:checked)]:bg-[var(--zui-input-checkbox-bg,transparent)] dark:[&:not(:checked)]:bg-[var(--zui-input-checkbox-bg-dark,transparent)]\",\n \"transition-[color,box-shadow,border-color,background-color]\",\n \"disabled:cursor-not-allowed disabled:opacity-50\",\n \"read-only:cursor-default\",\n \"checked:after:absolute checked:after:content-[''] checked:after:size-3 checked:after:top-1/2 checked:after:left-1/2 checked:after:-translate-x-1/2 checked:after:-translate-y-1/2 checked:after:rounded-full checked:after:bg-current\",\n ],\n radio: [\n \"shrink-0 cursor-pointer appearance-none rounded-full\",\n \"min-h-0! shadow-none outline-none\",\n \"border-2 border-[color:var(--zui-input-radio-border,#0000004d)] dark:border-[color:var(--zui-input-radio-border-dark,#ffffff4d)] bg-[var(--zui-input-radio-bg,transparent)]! dark:bg-[var(--zui-input-radio-bg-dark,transparent)]! read-only:bg-[var(--zui-input-radio-bg-read-only,transparent)]! dark:read-only:bg-[var(--zui-input-radio-bg-read-only-dark,transparent)]!\",\n \"ring-2 ring-[var(--zui-input-radio-ring,#00000033)] dark:ring-[var(--zui-input-radio-ring-dark,#ffffff33)] ring-offset-2 ring-offset-[var(--zui-input-radio-ring-offset,oklch(98.4%_0.003_247.858))] dark:ring-offset-[var(--zui-input-radio-ring-offset-dark,oklch(12.9%_0.042_264.695))]\",\n \"transition-[color,box-shadow,background-color,border-color,box-shadow]\",\n \"disabled:cursor-not-allowed disabled:opacity-50\",\n \"read-only:cursor-default\",\n ],\n date: \"w-auto shrink-0\",\n} as const;\n\nexport const zuiInputAppearances = {\n default:\n \"border-[color:var(--zui-input-default-border,#0000001a)] dark:border-[color:var(--zui-input-default-border-dark,#ffffff1a)] focus-visible:border-[color:var(--zui-input-default-border-focus,#00000033)] dark:focus-visible:border-[color:var(--zui-input-default-border-focus-dark,#ffffff33)]\",\n warning:\n \"border-[color:var(--zui-input-warning-border,oklch(79.5%_0.184_86.047_/_0.8))] dark:border-[color:var(--zui-input-warning-border-dark,oklch(79.5%_0.184_86.047_/_0.8))] text-[color:var(--zui-input-warning-fg,oklch(28.6%_0.066_53.813))] dark:text-[color:var(--zui-input-warning-fg-dark,oklch(98.7%_0.026_102.212))] placeholder:text-[color:var(--zui-input-warning-placeholder-fg,oklch(47.6%_0.114_61.907))] dark:placeholder:text-[color:var(--zui-input-warning-placeholder-fg-dark,oklch(90.5%_0.182_98.111_/_0.7))] focus-visible:border-[color:var(--zui-input-warning-border-focus,oklch(68.1%_0.162_75.834))] dark:focus-visible:border-[color:var(--zui-input-warning-border-focus-dark,oklch(85.2%_0.199_91.936))] focus-visible:ring-[var(--zui-input-warning-ring-focus,oklch(85.2%_0.199_91.936_/_0.8))] dark:focus-visible:ring-[var(--zui-input-warning-ring-focus-dark,oklch(85.2%_0.199_91.936_/_0.8))]\",\n error:\n \"border-[color:var(--zui-input-error-border,oklch(64.5%_0.246_16.439_/_0.8))] dark:border-[color:var(--zui-input-error-border-dark,oklch(64.5%_0.246_16.439_/_0.8))] text-[color:var(--zui-input-error-fg,oklch(27.1%_0.105_12.094))] dark:text-[color:var(--zui-input-error-fg-dark,oklch(96.9%_0.015_12.422))] placeholder:text-[color:var(--zui-input-error-placeholder-fg,oklch(45.5%_0.188_13.697))] dark:placeholder:text-[color:var(--zui-input-error-placeholder-fg-dark,oklch(81%_0.117_11.638_/_0.7))] focus-visible:border-[color:var(--zui-input-error-border-focus,oklch(58.6%_0.253_17.585))] dark:focus-visible:border-[color:var(--zui-input-error-border-focus-dark,oklch(71.2%_0.194_13.428))] focus-visible:ring-[var(--zui-input-error-ring-focus,oklch(71.2%_0.194_13.428_/_0.8))] dark:focus-visible:ring-[var(--zui-input-error-ring-focus-dark,oklch(71.2%_0.194_13.428_/_0.8))]\",\n success:\n \"border-[color:var(--zui-input-success-border,oklch(69.6%_0.17_162.48_/_0.7))] dark:border-[color:var(--zui-input-success-border-dark,oklch(69.6%_0.17_162.48_/_0.7))] text-[color:var(--zui-input-success-fg,oklch(26.2%_0.051_172.552))] dark:text-[color:var(--zui-input-success-fg-dark,oklch(97.9%_0.021_166.113))] placeholder:text-[color:var(--zui-input-success-placeholder-fg,oklch(43.2%_0.095_166.913))] dark:placeholder:text-[color:var(--zui-input-success-placeholder-fg-dark,oklch(84.5%_0.143_164.978_/_0.7))] focus-visible:border-[color:var(--zui-input-success-border-focus,oklch(59.6%_0.145_163.225))] dark:focus-visible:border-[color:var(--zui-input-success-border-focus-dark,oklch(76.5%_0.177_163.223))] focus-visible:ring-[var(--zui-input-success-ring-focus,oklch(76.5%_0.177_163.223_/_0.8))] dark:focus-visible:ring-[var(--zui-input-success-ring-focus-dark,oklch(76.5%_0.177_163.223_/_0.8))]\",\n info: \"border-[color:var(--zui-input-info-border,oklch(62.3%_0.214_259.815_/_0.8))] dark:border-[color:var(--zui-input-info-border-dark,oklch(62.3%_0.214_259.815_/_0.8))] text-[color:var(--zui-input-info-fg,oklch(28.2%_0.091_267.935))] dark:text-[color:var(--zui-input-info-fg-dark,oklch(97%_0.014_254.604))] placeholder:text-[color:var(--zui-input-info-placeholder-fg,oklch(42.4%_0.199_265.638))] dark:placeholder:text-[color:var(--zui-input-info-placeholder-fg-dark,oklch(80.9%_0.105_251.813_/_0.7))] focus-visible:border-[color:var(--zui-input-info-border-focus,oklch(54.6%_0.245_262.881))] dark:focus-visible:border-[color:var(--zui-input-info-border-focus-dark,oklch(70.7%_0.165_254.624))] focus-visible:ring-[var(--zui-input-info-ring-focus,oklch(70.7%_0.165_254.624_/_0.8))] dark:focus-visible:ring-[var(--zui-input-info-ring-focus-dark,oklch(70.7%_0.165_254.624_/_0.8))]\",\n violet:\n \"border-[color:var(--zui-input-violet-border,oklch(60.6%_0.25_292.717_/_0.8))] dark:border-[color:var(--zui-input-violet-border-dark,oklch(60.6%_0.25_292.717_/_0.8))] text-[color:var(--zui-input-violet-fg,oklch(28.3%_0.141_291.089))] dark:text-[color:var(--zui-input-violet-fg-dark,oklch(96.9%_0.016_293.756))] placeholder:text-[color:var(--zui-input-violet-placeholder-fg,oklch(43.2%_0.232_292.759))] dark:placeholder:text-[color:var(--zui-input-violet-placeholder-fg-dark,oklch(81.1%_0.111_293.571_/_0.7))] focus-visible:border-[color:var(--zui-input-violet-border-focus,oklch(54.1%_0.281_293.009))] dark:focus-visible:border-[color:var(--zui-input-violet-border-focus-dark,oklch(70.2%_0.183_293.541))] focus-visible:ring-[var(--zui-input-violet-ring-focus,oklch(70.2%_0.183_293.541_/_0.8))] dark:focus-visible:ring-[var(--zui-input-violet-ring-focus-dark,oklch(70.2%_0.183_293.541_/_0.8))]\",\n amber:\n \"border-[color:var(--zui-input-amber-border,oklch(76.9%_0.188_70.08_/_0.8))] dark:border-[color:var(--zui-input-amber-border-dark,oklch(76.9%_0.188_70.08_/_0.8))] text-[color:var(--zui-input-amber-fg,oklch(27.9%_0.077_45.635))] dark:text-[color:var(--zui-input-amber-fg-dark,oklch(98.7%_0.022_95.277))] placeholder:text-[color:var(--zui-input-amber-placeholder-fg,oklch(47.3%_0.137_46.201))] dark:placeholder:text-[color:var(--zui-input-amber-placeholder-fg-dark,oklch(87.9%_0.169_91.605_/_0.7))] focus-visible:border-[color:var(--zui-input-amber-border-focus,oklch(66.6%_0.179_58.318))] dark:focus-visible:border-[color:var(--zui-input-amber-border-focus-dark,oklch(82.8%_0.189_84.429))] focus-visible:ring-[var(--zui-input-amber-ring-focus,oklch(82.8%_0.189_84.429_/_0.8))] dark:focus-visible:ring-[var(--zui-input-amber-ring-focus-dark,oklch(82.8%_0.189_84.429_/_0.8))]\",\n pink: \"border-[color:var(--zui-input-pink-border,oklch(65.6%_0.241_354.308_/_0.8))] dark:border-[color:var(--zui-input-pink-border-dark,oklch(65.6%_0.241_354.308_/_0.8))] text-[color:var(--zui-input-pink-fg,oklch(28.4%_0.109_3.907))] dark:text-[color:var(--zui-input-pink-fg-dark,oklch(97.1%_0.014_343.198))] placeholder:text-[color:var(--zui-input-pink-placeholder-fg,oklch(45.9%_0.187_3.815))] dark:placeholder:text-[color:var(--zui-input-pink-placeholder-fg-dark,oklch(82.3%_0.12_346.018_/_0.7))] focus-visible:border-[color:var(--zui-input-pink-border-focus,oklch(59.2%_0.249_0.584))] dark:focus-visible:border-[color:var(--zui-input-pink-border-focus-dark,oklch(71.8%_0.202_349.761))] focus-visible:ring-[var(--zui-input-pink-ring-focus,oklch(71.8%_0.202_349.761_/_0.8))] dark:focus-visible:ring-[var(--zui-input-pink-ring-focus-dark,oklch(71.8%_0.202_349.761_/_0.8))]\",\n indigo:\n \"border-[color:var(--zui-input-indigo-border,oklch(58.5%_0.233_277.117_/_0.8))] dark:border-[color:var(--zui-input-indigo-border-dark,oklch(58.5%_0.233_277.117_/_0.8))] text-[color:var(--zui-input-indigo-fg,oklch(25.7%_0.09_281.288))] dark:text-[color:var(--zui-input-indigo-fg-dark,oklch(96.2%_0.018_272.314))] placeholder:text-[color:var(--zui-input-indigo-placeholder-fg,oklch(39.8%_0.195_277.366))] dark:placeholder:text-[color:var(--zui-input-indigo-placeholder-fg-dark,oklch(78.5%_0.115_274.713_/_0.7))] focus-visible:border-[color:var(--zui-input-indigo-border-focus,oklch(51.1%_0.262_276.966))] dark:focus-visible:border-[color:var(--zui-input-indigo-border-focus-dark,oklch(67.3%_0.182_276.935))] focus-visible:ring-[var(--zui-input-indigo-ring-focus,oklch(67.3%_0.182_276.935_/_0.8))] dark:focus-visible:ring-[var(--zui-input-indigo-ring-focus-dark,oklch(67.3%_0.182_276.935_/_0.8))]\",\n orange:\n \"border-[color:var(--zui-input-orange-border,oklch(70.5%_0.213_47.604_/_0.8))] dark:border-[color:var(--zui-input-orange-border-dark,oklch(70.5%_0.213_47.604_/_0.8))] text-[color:var(--zui-input-orange-fg,oklch(26.6%_0.079_36.259))] dark:text-[color:var(--zui-input-orange-fg-dark,oklch(98%_0.016_73.684))] placeholder:text-[color:var(--zui-input-orange-placeholder-fg,oklch(47%_0.157_37.304))] dark:placeholder:text-[color:var(--zui-input-orange-placeholder-fg-dark,oklch(83.7%_0.128_66.29_/_0.7))] focus-visible:border-[color:var(--zui-input-orange-border-focus,oklch(64.6%_0.222_41.116))] dark:focus-visible:border-[color:var(--zui-input-orange-border-focus-dark,oklch(75%_0.183_55.934))] focus-visible:ring-[var(--zui-input-orange-ring-focus,oklch(75%_0.183_55.934_/_0.8))] dark:focus-visible:ring-[var(--zui-input-orange-ring-focus-dark,oklch(75%_0.183_55.934_/_0.8))]\",\n} as const;\n\nexport const zuiInputSizes = {\n sm: \"h-8 px-3 text-xs\",\n md: \"h-9 md:h-11 px-4 text-sm\",\n lg: \"h-10 md:h-12 px-5 text-base\",\n} as const;\n\nexport const zuiInputRing = {\n true: \"focus-visible:ring-2 focus-visible:ring-offset-2\",\n false: \"\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n zuiInputAppearances,\n zuiInputAs,\n zuiInputBase,\n zuiInputRing,\n zuiInputSizes,\n} from \"../../design-system/inputs\";\n\nexport const inputVariants = cva(zuiInputBase, {\n variants: {\n as: zuiInputAs,\n appearance: zuiInputAppearances,\n size: zuiInputSizes,\n ring: zuiInputRing,\n },\n defaultVariants: {\n as: \"input\",\n appearance: \"default\",\n size: \"md\",\n ring: true,\n },\n compoundVariants: [\n // ── textarea size overrides ──────────────────────────────────────────\n {\n as: \"textarea\",\n size: \"sm\",\n class: \"min-h-[5rem]\",\n },\n {\n as: \"textarea\",\n size: \"md\",\n class: \"min-h-[6rem]\",\n },\n {\n as: \"textarea\",\n size: \"lg\",\n class: \"min-h-[7.5rem]\",\n },\n // ── file input: size – height & file-button padding ──────────────────\n {\n as: \"file\",\n size: \"sm\",\n class: \"h-8 text-xs pl-1 file:h-8 file:px-3 file:text-xs\",\n },\n {\n as: \"file\",\n size: \"md\",\n class:\n \"h-9 md:h-11 text-sm pl-1 file:h-9 md:file:h-11 file:px-4 file:text-sm\",\n },\n {\n as: \"file\",\n size: \"lg\",\n class:\n \"h-10 md:h-12 text-base pl-1 file:h-10 md:file:h-12 file:px-5 file:text-base\",\n },\n // ── file input: appearance – file-button accent colour ───────────────\n {\n as: \"file\",\n appearance: \"default\",\n class: \"file:text-slate-700 dark:file:text-slate-200\",\n },\n {\n as: \"file\",\n appearance: \"warning\",\n class:\n \"file:bg-yellow-500/20 file:text-yellow-800 dark:file:text-yellow-200 file:border-yellow-500/40 hover:file:bg-yellow-500/30\",\n },\n {\n as: \"file\",\n appearance: \"error\",\n class:\n \"file:bg-rose-500/20 file:text-rose-800 dark:file:text-rose-200 file:border-rose-500/40 hover:file:bg-rose-500/30\",\n },\n {\n as: \"file\",\n appearance: \"success\",\n class:\n \"file:bg-emerald-500/20 file:text-emerald-800 dark:file:text-emerald-200 file:border-emerald-500/40 hover:file:bg-emerald-500/30\",\n },\n {\n as: \"file\",\n appearance: \"info\",\n class:\n \"file:bg-blue-500/20 file:text-blue-800 dark:file:text-blue-200 file:border-blue-500/40 hover:file:bg-blue-500/30\",\n },\n {\n as: \"file\",\n appearance: \"violet\",\n class:\n \"file:bg-violet-500/20 file:text-violet-800 dark:file:text-violet-200 file:border-violet-500/40 hover:file:bg-violet-500/30\",\n },\n {\n as: \"file\",\n appearance: \"amber\",\n class:\n \"file:bg-amber-500/20 file:text-amber-800 dark:file:text-amber-200 file:border-amber-500/40 hover:file:bg-amber-500/30\",\n },\n {\n as: \"file\",\n appearance: \"pink\",\n class:\n \"file:bg-pink-500/20 file:text-pink-800 dark:file:text-pink-200 file:border-pink-500/40 hover:file:bg-pink-500/30\",\n },\n {\n as: \"file\",\n appearance: \"indigo\",\n class:\n \"file:bg-indigo-500/20 file:text-indigo-800 dark:file:text-indigo-200 file:border-indigo-500/40 hover:file:bg-indigo-500/30\",\n },\n // ── checkbox / radio: size (overrides text-field height & padding) ───\n {\n as: \"checkbox\",\n size: \"sm\",\n class: \"h-4! w-4! min-h-0! rounded-[0.35rem]! px-0! py-0!\",\n },\n {\n as: \"checkbox\",\n size: \"md\",\n class: \"h-5! w-5! min-h-0! rounded-md! px-0! py-0!\",\n },\n {\n as: \"checkbox\",\n size: \"lg\",\n class: \"h-6! w-6! min-h-0! rounded-md! px-0! py-0!\",\n },\n {\n as: \"radio\",\n size: \"sm\",\n class: \"h-4! w-4! min-h-0! px-0! py-0!\",\n },\n {\n as: \"radio\",\n size: \"md\",\n class: \"h-5! w-5! min-h-0! px-0! py-0!\",\n },\n {\n as: \"radio\",\n size: \"lg\",\n class: \"h-6! w-6! min-h-0! px-0! py-0!\",\n },\n // ── checkbox: appearance (border + tick color; fill stays transparent) ─\n {\n as: \"checkbox\",\n appearance: \"default\",\n class:\n \"border-slate-400/70! checked:border-slate-700 dark:checked:border-slate-200 checked:text-slate-700 dark:checked:text-slate-200 hover:border-slate-600 dark:hover:border-slate-300 focus-visible:border-slate-600 dark:focus-visible:border-slate-300 focus-visible:ring-slate-500/70 dark:focus-visible:ring-slate-400/70\",\n },\n {\n as: \"checkbox\",\n appearance: \"warning\",\n class:\n \"border-yellow-500/70! checked:border-yellow-600 dark:checked:border-yellow-400 checked:text-yellow-700 dark:checked:text-yellow-300 hover:border-yellow-600 dark:hover:border-yellow-400 focus-visible:border-yellow-600 dark:focus-visible:border-yellow-400 focus-visible:ring-yellow-400/80\",\n },\n {\n as: \"checkbox\",\n appearance: \"error\",\n class:\n \"border-rose-500/70! checked:border-rose-600 dark:checked:border-rose-400 checked:text-rose-700 dark:checked:text-rose-300 hover:border-rose-600 dark:hover:border-rose-400 focus-visible:border-rose-600 dark:focus-visible:border-rose-400 focus-visible:ring-rose-400/80\",\n },\n {\n as: \"checkbox\",\n appearance: \"success\",\n class:\n \"border-emerald-500/70! checked:border-emerald-600 dark:checked:border-emerald-400 checked:text-emerald-700 dark:checked:text-emerald-300 hover:border-emerald-600 dark:hover:border-emerald-400 focus-visible:border-emerald-600 dark:focus-visible:border-emerald-400 focus-visible:ring-emerald-400/80\",\n },\n {\n as: \"checkbox\",\n appearance: \"info\",\n class:\n \"border-blue-500/70! checked:border-blue-600 dark:checked:border-blue-400 checked:text-blue-700 dark:checked:text-blue-300 hover:border-blue-600 dark:hover:border-blue-400 focus-visible:border-blue-600 dark:focus-visible:border-blue-400 focus-visible:ring-blue-400/80\",\n },\n {\n as: \"checkbox\",\n appearance: \"violet\",\n class:\n \"border-violet-500/70! checked:after:bg-violet-600 dark:checked:after:bg-violet-400 checked:border-violet-600 dark:checked:border-violet-400 checked:text-violet-700 dark:checked:text-violet-300 hover:border-violet-600 dark:hover:border-violet-400 focus-visible:border-violet-600 dark:focus-visible:border-violet-400 focus-visible:ring-violet-400/80\",\n },\n {\n as: \"checkbox\",\n appearance: \"amber\",\n class:\n \"border-amber-500/70! checked:border-amber-400! checked:text-amber-700 dark:checked:text-amber-300 hover:border-amber-400! focus-visible:border-amber-400! focus-visible:ring-amber-400/80!\",\n },\n {\n as: \"checkbox\",\n appearance: \"pink\",\n class:\n \"border-pink-500/70! checked:border-pink-600 dark:checked:border-pink-400 checked:text-pink-700 dark:checked:text-pink-300 hover:border-pink-600 dark:hover:border-pink-400 focus-visible:border-pink-600 dark:focus-visible:border-pink-400 focus-visible:ring-pink-400/80\",\n },\n {\n as: \"checkbox\",\n appearance: \"indigo\",\n class:\n \"border-indigo-500/70! checked:border-indigo-400! checked:text-indigo-700 dark:checked:text-indigo-300 hover:border-indigo-400! focus-visible:border-indigo-400! focus-visible:ring-indigo-400/80!\",\n },\n // ── radio: appearance (transparent fill, inner dot, coloured offset ring) ─\n {\n as: \"radio\",\n appearance: \"default\",\n class:\n \"border-slate-400/70! checked:border-slate-700 dark:checked:border-slate-200 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(226,232,240)]! hover:border-slate-600 dark:hover:border-slate-300 focus-visible:border-slate-600 dark:focus-visible:border-slate-300 focus-visible:ring-slate-500/70 dark:focus-visible:ring-slate-400/70 checked:ring-2! checked:ring-offset-2! checked:ring-offset-white! dark:checked:ring-offset-slate-950! checked:ring-slate-300/90!\",\n },\n {\n as: \"radio\",\n appearance: \"warning\",\n class:\n \"border-yellow-500/70! checked:border-yellow-600 dark:checked:border-yellow-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(250,204,21)]! hover:border-yellow-600 dark:hover:border-yellow-400 focus-visible:border-yellow-600 dark:focus-visible:border-yellow-400 focus-visible:ring-yellow-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-white! dark:checked:ring-offset-slate-950! checked:ring-yellow-400/90!\",\n },\n {\n as: \"radio\",\n appearance: \"error\",\n class:\n \"border-rose-500/70! checked:border-rose-600 dark:checked:border-rose-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(251,113,133)]! hover:border-rose-600 dark:hover:border-rose-400 focus-visible:border-rose-600 dark:focus-visible:border-rose-400 focus-visible:ring-rose-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-white! dark:checked:ring-offset-slate-950! checked:ring-rose-400/90!\",\n },\n {\n as: \"radio\",\n appearance: \"success\",\n class:\n \"border-emerald-500/70! checked:border-emerald-600 dark:checked:border-emerald-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(52,211,153)]! hover:border-emerald-600 dark:hover:border-emerald-400 focus-visible:border-emerald-600 dark:focus-visible:border-emerald-400 focus-visible:ring-emerald-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-white! dark:checked:ring-offset-slate-950! checked:ring-emerald-400/90!\",\n },\n {\n as: \"radio\",\n appearance: \"info\",\n class:\n \"border-blue-500/70! checked:border-blue-600 dark:checked:border-blue-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(96,165,250)]! hover:border-blue-600 dark:hover:border-blue-400 focus-visible:border-blue-600 dark:focus-visible:border-blue-400 focus-visible:ring-blue-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-white! dark:checked:ring-offset-slate-950! checked:ring-blue-400/90!\",\n },\n {\n as: \"radio\",\n appearance: \"violet\",\n class:\n \"border-violet-500/70! checked:border-violet-600 dark:checked:border-violet-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(167,139,250)]! hover:border-violet-600 dark:hover:border-violet-400 focus-visible:border-violet-600 dark:focus-visible:border-violet-400 focus-visible:ring-violet-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-white! dark:checked:ring-offset-slate-950! checked:ring-violet-400/90!\",\n },\n {\n as: \"radio\",\n appearance: \"amber\",\n class:\n \"border-amber-500/70! checked:border-amber-600 dark:checked:border-amber-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(251,191,36)]! hover:border-amber-600 dark:hover:border-amber-400 focus-visible:border-amber-600 dark:focus-visible:border-amber-400 focus-visible:ring-amber-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-white! dark:checked:ring-offset-slate-950! checked:ring-amber-400/90!\",\n },\n {\n as: \"radio\",\n appearance: \"pink\",\n class:\n \"border-pink-500/70! checked:border-pink-600 dark:checked:border-pink-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(244,114,182)]! hover:border-pink-600 dark:hover:border-pink-400 focus-visible:border-pink-600 dark:focus-visible:border-pink-400 focus-visible:ring-pink-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-white! dark:checked:ring-offset-slate-950! checked:ring-pink-400/90!\",\n },\n {\n as: \"radio\",\n appearance: \"indigo\",\n class:\n \"border-indigo-500/70! checked:border-indigo-600 dark:checked:border-indigo-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(129,140,248)]! hover:border-indigo-600 dark:hover:border-indigo-400 focus-visible:border-indigo-600 dark:focus-visible:border-indigo-400 focus-visible:ring-indigo-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-white! dark:checked:ring-offset-slate-950! checked:ring-indigo-400/90!\",\n },\n {\n as: \"date\",\n appearance: \"default\",\n class:\n \"bg-white dark:bg-black border border-black/10 dark:border-white/80 text-black dark:text-white\",\n },\n {\n as: \"date\",\n appearance: \"warning\",\n class:\n \"bg-yellow-900 dark:bg-transparent text-yellow-50 dark:text-yellow-50\",\n },\n {\n as: \"date\",\n appearance: \"error\",\n class: \"bg-rose-900 dark:bg-transparent text-rose-50 dark:text-rose-50\",\n },\n {\n as: \"date\",\n appearance: \"success\",\n class:\n \"bg-emerald-900 dark:bg-transparent text-emerald-50 dark:text-emerald-50\",\n },\n {\n as: \"date\",\n appearance: \"info\",\n class: \"bg-blue-900 dark:bg-transparent text-blue-50 dark:text-blue-50\",\n },\n {\n as: \"date\",\n appearance: \"violet\",\n class:\n \"bg-violet-900 dark:bg-transparent text-violet-50 dark:text-violet-50\",\n },\n {\n as: \"date\",\n appearance: \"amber\",\n class:\n \"bg-amber-900 dark:bg-transparent text-amber-50 dark:text-amber-50\",\n },\n {\n as: \"date\",\n appearance: \"pink\",\n class: \"bg-pink-900 dark:bg-transparent text-pink-50 dark:text-pink-50\",\n },\n {\n as: \"date\",\n appearance: \"indigo\",\n class:\n \"bg-indigo-900 dark:bg-transparent text-indigo-50 dark:text-indigo-50\",\n },\n {\n as: \"date\",\n appearance: \"orange\",\n class:\n \"bg-orange-900 dark:bg-transparent text-orange-50 dark:text-orange-50\",\n },\n ],\n});\n"]}
package/dist/chunk-UPZ5XGUD.mjs ADDED
@@ -0,0 +1,100 @@
1
+ import { cva } from 'class-variance-authority';
2
+ import { createContext, useContext } from 'react';
3
+
4
+ // src/ui/radio-group/variants.ts
5
+
6
+ // src/design-system/radio-group.ts
7
+ var zuiRadioGroupRootBase = "grid gap-2";
8
+ var zuiRadioGroupItemBase = "group inline-flex w-fit items-start gap-2.5 text-sm font-medium text-[color:var(--zui-radio-label-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-radio-label-fg-dark,oklch(98.4%_0.003_247.858))] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50";
9
+ var zuiRadioGroupControlBase = "grid shrink-0 place-items-center rounded-full border-2 border-[color:var(--zui-radio-border,#0000004d)] bg-[var(--zui-radio-bg,transparent)] dark:bg-[var(--zui-radio-bg-dark,transparent)] transition-[background-color,border-color,box-shadow] peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-[var(--zui-radio-ring-focus,oklch(44.6%_0.043_257.281_/_0.7))] peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-[var(--zui-radio-ring-offset-focus,oklch(98.4%_0.003_247.858))] dark:border-[color:var(--zui-radio-border-dark,#ffffff4d)] dark:peer-focus-visible:ring-[var(--zui-radio-ring-focus-dark,oklch(86.9%_0.022_252.894_/_0.7))] dark:peer-focus-visible:ring-offset-[var(--zui-radio-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))] group-data-[disabled=true]:cursor-not-allowed";
10
+ var zuiRadioGroupIndicatorBase = "pointer-events-none block rounded-full opacity-0 transition-opacity duration-150 group-data-[state=checked]:opacity-100";
11
+ var zuiRadioGroupSizes = {
12
+ sm: {
13
+ item: "text-xs",
14
+ control: "mt-0.5 size-4",
15
+ indicator: "size-1.5"
16
+ },
17
+ md: {
18
+ item: "text-sm",
19
+ control: "mt-0.5 size-5",
20
+ indicator: "size-2"
21
+ },
22
+ lg: {
23
+ item: "text-base",
24
+ control: "mt-0.5 size-6",
25
+ indicator: "size-2.5"
26
+ }
27
+ };
28
+ var zuiRadioGroupAppearances = {
29
+ default: "group-data-[state=checked]:border-[color:var(--zui-radio-default-border-checked,oklch(44.6%_0.043_257.281))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-default-border-checked-dark,oklch(44.6%_0.043_257.281))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-default-indicator-bg,oklch(44.6%_0.043_257.281))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-default-indicator-bg-dark,oklch(44.6%_0.043_257.281))]",
30
+ success: "group-data-[state=checked]:border-[color:var(--zui-radio-success-border-checked,oklch(59.6%_0.145_163.225))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-success-border-checked-dark,oklch(59.6%_0.145_163.225))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-success-indicator-bg,oklch(59.6%_0.145_163.225))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-success-indicator-bg-dark,oklch(59.6%_0.145_163.225))]",
31
+ warning: "group-data-[state=checked]:border-[color:var(--zui-radio-warning-border-checked,oklch(68.1%_0.162_75.834))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-warning-border-checked-dark,oklch(68.1%_0.162_75.834))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-warning-indicator-bg,oklch(68.1%_0.162_75.834))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-warning-indicator-bg-dark,oklch(68.1%_0.162_75.834))]",
32
+ error: "group-data-[state=checked]:border-[color:var(--zui-radio-error-border-checked,oklch(58.6%_0.253_17.585))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-error-border-checked-dark,oklch(58.6%_0.253_17.585))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-error-indicator-bg,oklch(58.6%_0.253_17.585))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-error-indicator-bg-dark,oklch(58.6%_0.253_17.585))]",
33
+ info: "group-data-[state=checked]:border-[color:var(--zui-radio-info-border-checked,oklch(54.6%_0.245_262.881))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-info-border-checked-dark,oklch(54.6%_0.245_262.881))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-info-indicator-bg,oklch(54.6%_0.245_262.881))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-info-indicator-bg-dark,oklch(54.6%_0.245_262.881))]",
34
+ violet: "group-data-[state=checked]:border-[color:var(--zui-radio-violet-border-checked,oklch(54.1%_0.281_293.009))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-violet-border-checked-dark,oklch(54.1%_0.281_293.009))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-violet-indicator-bg,oklch(54.1%_0.281_293.009))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-violet-indicator-bg-dark,oklch(54.1%_0.281_293.009))]",
35
+ amber: "group-data-[state=checked]:border-[color:var(--zui-radio-amber-border-checked,oklch(66.6%_0.179_58.318))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-amber-border-checked-dark,oklch(66.6%_0.179_58.318))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-amber-indicator-bg,oklch(66.6%_0.179_58.318))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-amber-indicator-bg-dark,oklch(66.6%_0.179_58.318))]",
36
+ pink: "group-data-[state=checked]:border-[color:var(--zui-radio-pink-border-checked,oklch(59.2%_0.249_0.584))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-pink-border-checked-dark,oklch(59.2%_0.249_0.584))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-pink-indicator-bg,oklch(59.2%_0.249_0.584))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-pink-indicator-bg-dark,oklch(59.2%_0.249_0.584))]",
37
+ indigo: "group-data-[state=checked]:border-[color:var(--zui-radio-indigo-border-checked,oklch(51.1%_0.262_276.966))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-indigo-border-checked-dark,oklch(51.1%_0.262_276.966))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-indigo-indicator-bg,oklch(51.1%_0.262_276.966))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-indigo-indicator-bg-dark,oklch(51.1%_0.262_276.966))]"
38
+ };
39
+ var zuiRadioGroupOrientations = {
40
+ vertical: "grid gap-2",
41
+ horizontal: "flex flex-wrap gap-x-5 gap-y-2"
42
+ };
43
+
44
+ // src/ui/radio-group/variants.ts
45
+ var radioGroupRootVariants = cva(zuiRadioGroupRootBase, {
46
+ variants: {
47
+ orientation: zuiRadioGroupOrientations
48
+ },
49
+ defaultVariants: {
50
+ orientation: "vertical"
51
+ }
52
+ });
53
+ var radioGroupItemVariants = cva(zuiRadioGroupItemBase, {
54
+ variants: {
55
+ size: {
56
+ sm: zuiRadioGroupSizes.sm.item,
57
+ md: zuiRadioGroupSizes.md.item,
58
+ lg: zuiRadioGroupSizes.lg.item
59
+ }
60
+ },
61
+ defaultVariants: {
62
+ size: "md"
63
+ }
64
+ });
65
+ var radioGroupControlVariants = cva(zuiRadioGroupControlBase, {
66
+ variants: {
67
+ appearance: zuiRadioGroupAppearances,
68
+ size: {
69
+ sm: zuiRadioGroupSizes.sm.control,
70
+ md: zuiRadioGroupSizes.md.control,
71
+ lg: zuiRadioGroupSizes.lg.control
72
+ }
73
+ },
74
+ defaultVariants: {
75
+ appearance: "default",
76
+ size: "md"
77
+ }
78
+ });
79
+ var radioGroupIndicatorVariants = cva(zuiRadioGroupIndicatorBase, {
80
+ variants: {
81
+ size: {
82
+ sm: zuiRadioGroupSizes.sm.indicator,
83
+ md: zuiRadioGroupSizes.md.indicator,
84
+ lg: zuiRadioGroupSizes.lg.indicator
85
+ }
86
+ },
87
+ defaultVariants: {
88
+ size: "md"
89
+ }
90
+ });
91
+ var RadioGroupContext = createContext(
92
+ null
93
+ );
94
+ function useRadioGroupContext() {
95
+ return useContext(RadioGroupContext);
96
+ }
97
+
98
+ export { RadioGroupContext, radioGroupControlVariants, radioGroupIndicatorVariants, radioGroupItemVariants, radioGroupRootVariants, useRadioGroupContext };
99
+ //# sourceMappingURL=chunk-UPZ5XGUD.mjs.map
100
+ //# sourceMappingURL=chunk-UPZ5XGUD.mjs.map
package/dist/chunk-UPZ5XGUD.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/design-system/radio-group.ts","../src/ui/radio-group/variants.ts","../src/ui/radio-group/radio-group-context.ts"],"names":[],"mappings":";;;;;;AAAO,IAAM,qBAAA,GAAwB,YAAA;AAE9B,IAAM,qBAAA,GACX,uRAAA;AAEK,IAAM,wBAAA,GACX,uzBAAA;AAEK,IAAM,0BAAA,GACX,yHAAA;AAEK,IAAM,kBAAA,GAAqB;AAAA,EAChC,EAAA,EAAI;AAAA,IACF,IAAA,EAAM,SAAA;AAAA,IACN,OAAA,EAAS,eAAA;AAAA,IACT,SAAA,EAAW;AAAA,GACb;AAAA,EACA,EAAA,EAAI;AAAA,IACF,IAAA,EAAM,SAAA;AAAA,IACN,OAAA,EAAS,eAAA;AAAA,IACT,SAAA,EAAW;AAAA,GACb;AAAA,EACA,EAAA,EAAI;AAAA,IACF,IAAA,EAAM,WAAA;AAAA,IACN,OAAA,EAAS,eAAA;AAAA,IACT,SAAA,EAAW;AAAA;AAEf,CAAA;AAEO,IAAM,wBAAA,GAA2B;AAAA,EACtC,OAAA,EACE,ucAAA;AAAA,EACF,OAAA,EACE,ucAAA;AAAA,EACF,OAAA,EACE,mcAAA;AAAA,EACF,KAAA,EACE,2bAAA;AAAA,EACF,IAAA,EAAM,2bAAA;AAAA,EACN,MAAA,EACE,mcAAA;AAAA,EACF,KAAA,EACE,2bAAA;AAAA,EACF,IAAA,EAAM,mbAAA;AAAA,EACN,MAAA,EACE;AACJ,CAAA;AAEO,IAAM,yBAAA,GAA4B;AAAA,EACvC,QAAA,EAAU,YAAA;AAAA,EACV,UAAA,EAAY;AACd,CAAA;;;ACvCO,IAAM,sBAAA,GAAyB,IAAI,qBAAA,EAAuB;AAAA,EAC/D,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA,GACf;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,WAAA,EAAa;AAAA;AAEjB,CAAC;AAEM,IAAM,sBAAA,GAAyB,IAAI,qBAAA,EAAuB;AAAA,EAC/D,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,mBAAmB,EAAA,CAAG,IAAA;AAAA,MAC1B,EAAA,EAAI,mBAAmB,EAAA,CAAG,IAAA;AAAA,MAC1B,EAAA,EAAI,mBAAmB,EAAA,CAAG;AAAA;AAC5B,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,yBAAA,GAA4B,IAAI,wBAAA,EAA0B;AAAA,EACrE,QAAA,EAAU;AAAA,IACR,UAAA,EAAY,wBAAA;AAAA,IACZ,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,mBAAmB,EAAA,CAAG,OAAA;AAAA,MAC1B,EAAA,EAAI,mBAAmB,EAAA,CAAG,OAAA;AAAA,MAC1B,EAAA,EAAI,mBAAmB,EAAA,CAAG;AAAA;AAC5B,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,2BAAA,GAA8B,IAAI,0BAAA,EAA4B;AAAA,EACzE,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,mBAAmB,EAAA,CAAG,SAAA;AAAA,MAC1B,EAAA,EAAI,mBAAmB,EAAA,CAAG,SAAA;AAAA,MAC1B,EAAA,EAAI,mBAAmB,EAAA,CAAG;AAAA;AAC5B,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC;AC5CM,IAAM,iBAAA,GAAoB,aAAA;AAAA,EAC/B;AACF;AAEO,SAAS,oBAAA,GAAuB;AACrC,EAAA,OAAO,WAAW,iBAAiB,CAAA;AACrC","file":"chunk-UPZ5XGUD.mjs","sourcesContent":["export const zuiRadioGroupRootBase = \"grid gap-2\";\n\nexport const zuiRadioGroupItemBase =\n \"group inline-flex w-fit items-start gap-2.5 text-sm font-medium text-[color:var(--zui-radio-label-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-radio-label-fg-dark,oklch(98.4%_0.003_247.858))] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50\";\n\nexport const zuiRadioGroupControlBase =\n \"grid shrink-0 place-items-center rounded-full border-2 border-[color:var(--zui-radio-border,#0000004d)] bg-[var(--zui-radio-bg,transparent)] dark:bg-[var(--zui-radio-bg-dark,transparent)] transition-[background-color,border-color,box-shadow] peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-[var(--zui-radio-ring-focus,oklch(44.6%_0.043_257.281_/_0.7))] peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-[var(--zui-radio-ring-offset-focus,oklch(98.4%_0.003_247.858))] dark:border-[color:var(--zui-radio-border-dark,#ffffff4d)] dark:peer-focus-visible:ring-[var(--zui-radio-ring-focus-dark,oklch(86.9%_0.022_252.894_/_0.7))] dark:peer-focus-visible:ring-offset-[var(--zui-radio-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))] group-data-[disabled=true]:cursor-not-allowed\";\n\nexport const zuiRadioGroupIndicatorBase =\n \"pointer-events-none block rounded-full opacity-0 transition-opacity duration-150 group-data-[state=checked]:opacity-100\";\n\nexport const zuiRadioGroupSizes = {\n sm: {\n item: \"text-xs\",\n control: \"mt-0.5 size-4\",\n indicator: \"size-1.5\",\n },\n md: {\n item: \"text-sm\",\n control: \"mt-0.5 size-5\",\n indicator: \"size-2\",\n },\n lg: {\n item: \"text-base\",\n control: \"mt-0.5 size-6\",\n indicator: \"size-2.5\",\n },\n} as const;\n\nexport const zuiRadioGroupAppearances = {\n default:\n \"group-data-[state=checked]:border-[color:var(--zui-radio-default-border-checked,oklch(44.6%_0.043_257.281))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-default-border-checked-dark,oklch(44.6%_0.043_257.281))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-default-indicator-bg,oklch(44.6%_0.043_257.281))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-default-indicator-bg-dark,oklch(44.6%_0.043_257.281))]\",\n success:\n \"group-data-[state=checked]:border-[color:var(--zui-radio-success-border-checked,oklch(59.6%_0.145_163.225))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-success-border-checked-dark,oklch(59.6%_0.145_163.225))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-success-indicator-bg,oklch(59.6%_0.145_163.225))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-success-indicator-bg-dark,oklch(59.6%_0.145_163.225))]\",\n warning:\n \"group-data-[state=checked]:border-[color:var(--zui-radio-warning-border-checked,oklch(68.1%_0.162_75.834))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-warning-border-checked-dark,oklch(68.1%_0.162_75.834))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-warning-indicator-bg,oklch(68.1%_0.162_75.834))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-warning-indicator-bg-dark,oklch(68.1%_0.162_75.834))]\",\n error:\n \"group-data-[state=checked]:border-[color:var(--zui-radio-error-border-checked,oklch(58.6%_0.253_17.585))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-error-border-checked-dark,oklch(58.6%_0.253_17.585))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-error-indicator-bg,oklch(58.6%_0.253_17.585))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-error-indicator-bg-dark,oklch(58.6%_0.253_17.585))]\",\n info: \"group-data-[state=checked]:border-[color:var(--zui-radio-info-border-checked,oklch(54.6%_0.245_262.881))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-info-border-checked-dark,oklch(54.6%_0.245_262.881))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-info-indicator-bg,oklch(54.6%_0.245_262.881))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-info-indicator-bg-dark,oklch(54.6%_0.245_262.881))]\",\n violet:\n \"group-data-[state=checked]:border-[color:var(--zui-radio-violet-border-checked,oklch(54.1%_0.281_293.009))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-violet-border-checked-dark,oklch(54.1%_0.281_293.009))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-violet-indicator-bg,oklch(54.1%_0.281_293.009))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-violet-indicator-bg-dark,oklch(54.1%_0.281_293.009))]\",\n amber:\n \"group-data-[state=checked]:border-[color:var(--zui-radio-amber-border-checked,oklch(66.6%_0.179_58.318))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-amber-border-checked-dark,oklch(66.6%_0.179_58.318))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-amber-indicator-bg,oklch(66.6%_0.179_58.318))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-amber-indicator-bg-dark,oklch(66.6%_0.179_58.318))]\",\n pink: \"group-data-[state=checked]:border-[color:var(--zui-radio-pink-border-checked,oklch(59.2%_0.249_0.584))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-pink-border-checked-dark,oklch(59.2%_0.249_0.584))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-pink-indicator-bg,oklch(59.2%_0.249_0.584))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-pink-indicator-bg-dark,oklch(59.2%_0.249_0.584))]\",\n indigo:\n \"group-data-[state=checked]:border-[color:var(--zui-radio-indigo-border-checked,oklch(51.1%_0.262_276.966))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-indigo-border-checked-dark,oklch(51.1%_0.262_276.966))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-indigo-indicator-bg,oklch(51.1%_0.262_276.966))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-indigo-indicator-bg-dark,oklch(51.1%_0.262_276.966))]\",\n} as const;\n\nexport const zuiRadioGroupOrientations = {\n vertical: \"grid gap-2\",\n horizontal: \"flex flex-wrap gap-x-5 gap-y-2\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n zuiRadioGroupAppearances,\n zuiRadioGroupControlBase,\n zuiRadioGroupIndicatorBase,\n zuiRadioGroupItemBase,\n zuiRadioGroupOrientations,\n zuiRadioGroupRootBase,\n zuiRadioGroupSizes,\n} from \"../../design-system/radio-group\";\n\nexport const radioGroupRootVariants = cva(zuiRadioGroupRootBase, {\n variants: {\n orientation: zuiRadioGroupOrientations,\n },\n defaultVariants: {\n orientation: \"vertical\",\n },\n});\n\nexport const radioGroupItemVariants = cva(zuiRadioGroupItemBase, {\n variants: {\n size: {\n sm: zuiRadioGroupSizes.sm.item,\n md: zuiRadioGroupSizes.md.item,\n lg: zuiRadioGroupSizes.lg.item,\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n});\n\nexport const radioGroupControlVariants = cva(zuiRadioGroupControlBase, {\n variants: {\n appearance: zuiRadioGroupAppearances,\n size: {\n sm: zuiRadioGroupSizes.sm.control,\n md: zuiRadioGroupSizes.md.control,\n lg: zuiRadioGroupSizes.lg.control,\n },\n },\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n },\n});\n\nexport const radioGroupIndicatorVariants = cva(zuiRadioGroupIndicatorBase, {\n variants: {\n size: {\n sm: zuiRadioGroupSizes.sm.indicator,\n md: zuiRadioGroupSizes.md.indicator,\n lg: zuiRadioGroupSizes.lg.indicator,\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n});\n","\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\nimport type { RadioGroupAppearance, RadioGroupSize } from \"./types\";\n\nexport type RadioGroupContextValue = {\n value: string | undefined;\n name: string;\n disabled?: boolean;\n required?: boolean;\n appearance?: RadioGroupAppearance;\n size?: RadioGroupSize;\n onValueChange: (value: string) => void;\n};\n\nexport const RadioGroupContext = createContext<RadioGroupContextValue | null>(\n null,\n);\n\nexport function useRadioGroupContext() {\n return useContext(RadioGroupContext);\n}\n"]}
package/dist/{chunk-4XVNQ7IY.mjs → chunk-UR7TNW45.mjs} RENAMED
@@ -31,23 +31,23 @@ var zuiSkeletonShimmerGradientClasses = {
31
31
  "gradient-pink": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]`,
32
32
  "gradient-orange": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]`
33
33
  };
34
- var 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)]";
34
+ var 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)]";
35
35
  var zuiSkeletonAppearances = {
36
36
  default: "bg-[var(--zui-skeleton-default-bg,#0000001a)] dark:bg-[var(--zui-skeleton-default-bg-dark,#ffffff1a)]",
37
37
  subtle: "bg-[var(--zui-skeleton-subtle-bg,#00000012)] dark:bg-[var(--zui-skeleton-subtle-bg-dark,#ffffff12)]",
38
38
  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))]",
39
- sky: "bg-[var(--zui-skeleton-sky-bg,oklch(68.5%_0.169_237.323_/_0.1))]",
40
- rose: "bg-[var(--zui-skeleton-rose-bg,oklch(64.5%_0.246_16.439_/_0.1))]",
41
- purple: "bg-[var(--zui-skeleton-purple-bg,oklch(62.7%_0.265_303.9_/_0.1))]",
42
- pink: "bg-[var(--zui-skeleton-pink-bg,oklch(65.6%_0.241_354.308_/_0.1))]",
43
- orange: "bg-[var(--zui-skeleton-orange-bg,oklch(70.5%_0.213_47.604_/_0.1))]",
44
- yellow: "bg-[var(--zui-skeleton-yellow-bg,oklch(79.5%_0.184_86.047_/_0.1))]",
45
- teal: "bg-[var(--zui-skeleton-teal-bg,oklch(70.4%_0.14_182.503_/_0.1))]",
46
- indigo: "bg-[var(--zui-skeleton-indigo-bg,oklch(58.5%_0.233_277.117_/_0.1))]",
47
- emerald: "bg-[var(--zui-skeleton-emerald-bg,oklch(69.6%_0.17_162.48_/_0.1))]",
48
- gray: "bg-[var(--zui-skeleton-gray-bg,oklch(55.1%_0.027_264.364_/_0.1))]",
49
- amber: "bg-[var(--zui-skeleton-amber-bg,oklch(76.9%_0.188_70.08_/_0.1))]",
50
- violet: "bg-[var(--zui-skeleton-violet-bg,oklch(60.6%_0.25_292.717_/_0.1))]",
39
+ 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))]",
40
+ 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))]",
41
+ 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))]",
42
+ 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))]",
43
+ 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))]",
44
+ 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))]",
45
+ 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))]",
46
+ 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))]",
47
+ 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))]",
48
+ 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))]",
49
+ 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))]",
50
+ 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))]",
51
51
  "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))]",
52
52
  "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))]",
53
53
  "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))]",
@@ -515,5 +515,5 @@ function SkeletonButtonBase(props) {
515
515
  SkeletonButtonBase.displayName = "SkeletonButton";
516
516
 
517
517
  export { SkeletonAvatarBase, SkeletonBase, SkeletonButtonBase, SkeletonCardBase, SkeletonTextBase, skeletonShimmerGradientClasses, skeletonTextLineVariants, skeletonVariants, useSkeletonAnimation };
518
- //# sourceMappingURL=chunk-4XVNQ7IY.mjs.map
519
- //# sourceMappingURL=chunk-4XVNQ7IY.mjs.map
518
+ //# sourceMappingURL=chunk-UR7TNW45.mjs.map
519
+ //# sourceMappingURL=chunk-UR7TNW45.mjs.map