@zentauri-ui/zentauri-components 1.6.3 → 1.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (578) hide show
  1. package/README.md +40 -6
  2. package/cli/cli.integration.test.ts +8 -0
  3. package/cli/index.mjs +47 -1
  4. package/cli/registry.json +2 -0
  5. package/dist/charts/area.js +11 -10
  6. package/dist/charts/area.js.map +1 -1
  7. package/dist/charts/area.mjs +4 -3
  8. package/dist/charts/area.mjs.map +1 -1
  9. package/dist/charts/bar.js +10 -9
  10. package/dist/charts/bar.js.map +1 -1
  11. package/dist/charts/bar.mjs +4 -3
  12. package/dist/charts/bar.mjs.map +1 -1
  13. package/dist/charts/bubble.js +10 -9
  14. package/dist/charts/bubble.js.map +1 -1
  15. package/dist/charts/bubble.mjs +4 -3
  16. package/dist/charts/bubble.mjs.map +1 -1
  17. package/dist/charts/line.js +10 -9
  18. package/dist/charts/line.js.map +1 -1
  19. package/dist/charts/line.mjs +4 -3
  20. package/dist/charts/line.mjs.map +1 -1
  21. package/dist/charts/pie.js +6 -5
  22. package/dist/charts/pie.js.map +1 -1
  23. package/dist/charts/pie.mjs +3 -2
  24. package/dist/charts/pie.mjs.map +1 -1
  25. package/dist/charts/shared/chart-frame.d.ts.map +1 -1
  26. package/dist/{chunk-QSIJKHC5.mjs → chunk-4XVNQ7IY.mjs} +223 -214
  27. package/dist/chunk-4XVNQ7IY.mjs.map +1 -0
  28. package/dist/chunk-4ZKBLVQX.js +248 -0
  29. package/dist/chunk-4ZKBLVQX.js.map +1 -0
  30. package/dist/chunk-6QQUQLPB.js +107 -0
  31. package/dist/chunk-6QQUQLPB.js.map +1 -0
  32. package/dist/chunk-ABOZ5QIX.js +84 -0
  33. package/dist/chunk-ABOZ5QIX.js.map +1 -0
  34. package/dist/chunk-ACGVDY5J.mjs +220 -0
  35. package/dist/chunk-ACGVDY5J.mjs.map +1 -0
  36. package/dist/{chunk-PPVJ4INP.mjs → chunk-ASJQP53L.mjs} +3 -3
  37. package/dist/{chunk-PPVJ4INP.mjs.map → chunk-ASJQP53L.mjs.map} +1 -1
  38. package/dist/{chunk-D55YIHBN.js → chunk-BTJYXKCW.js} +223 -214
  39. package/dist/chunk-BTJYXKCW.js.map +1 -0
  40. package/dist/{chunk-MM3P52WS.js → chunk-CL55KGDF.js} +56 -52
  41. package/dist/chunk-CL55KGDF.js.map +1 -0
  42. package/dist/chunk-CSFLMMAT.mjs +198 -0
  43. package/dist/chunk-CSFLMMAT.mjs.map +1 -0
  44. package/dist/chunk-EDARAO7X.js +206 -0
  45. package/dist/chunk-EDARAO7X.js.map +1 -0
  46. package/dist/chunk-EIRCCTNA.js +175 -0
  47. package/dist/chunk-EIRCCTNA.js.map +1 -0
  48. package/dist/chunk-EN4VLNBF.js +197 -0
  49. package/dist/chunk-EN4VLNBF.js.map +1 -0
  50. package/dist/chunk-FHLZH3PB.mjs +326 -0
  51. package/dist/chunk-FHLZH3PB.mjs.map +1 -0
  52. package/dist/chunk-FXYPRPAT.mjs +35 -0
  53. package/dist/chunk-FXYPRPAT.mjs.map +1 -0
  54. package/dist/{chunk-SPX2QDIB.mjs → chunk-G2WARVAM.mjs} +8 -4
  55. package/dist/chunk-G2WARVAM.mjs.map +1 -0
  56. package/dist/chunk-HCGSEPOD.mjs +196 -0
  57. package/dist/chunk-HCGSEPOD.mjs.map +1 -0
  58. package/dist/chunk-HDO5ZM2S.mjs +82 -0
  59. package/dist/chunk-HDO5ZM2S.mjs.map +1 -0
  60. package/dist/chunk-HMNIH3KJ.mjs +277 -0
  61. package/dist/chunk-HMNIH3KJ.mjs.map +1 -0
  62. package/dist/chunk-HNLQXHSQ.mjs +263 -0
  63. package/dist/chunk-HNLQXHSQ.mjs.map +1 -0
  64. package/dist/{chunk-M6FS7X54.mjs → chunk-ITVMSCOJ.mjs} +56 -52
  65. package/dist/chunk-ITVMSCOJ.mjs.map +1 -0
  66. package/dist/chunk-K6IZANTI.mjs +80 -0
  67. package/dist/chunk-K6IZANTI.mjs.map +1 -0
  68. package/dist/chunk-K7TCW5PJ.js +338 -0
  69. package/dist/chunk-K7TCW5PJ.js.map +1 -0
  70. package/dist/chunk-KTGV76M3.mjs +325 -0
  71. package/dist/chunk-KTGV76M3.mjs.map +1 -0
  72. package/dist/chunk-MTTXLC2V.mjs +100 -0
  73. package/dist/chunk-MTTXLC2V.mjs.map +1 -0
  74. package/dist/{chunk-JOMSI4WH.js → chunk-NFEA5TN2.js} +52 -47
  75. package/dist/chunk-NFEA5TN2.js.map +1 -0
  76. package/dist/chunk-NHQ3S4Y6.mjs +282 -0
  77. package/dist/chunk-NHQ3S4Y6.mjs.map +1 -0
  78. package/dist/{chunk-OVTWPGMW.mjs → chunk-NMQAHUYA.mjs} +52 -47
  79. package/dist/chunk-NMQAHUYA.mjs.map +1 -0
  80. package/dist/{chunk-MWR5DIA5.mjs → chunk-OULU7OC4.mjs} +3 -3
  81. package/dist/{chunk-MWR5DIA5.mjs.map → chunk-OULU7OC4.mjs.map} +1 -1
  82. package/dist/chunk-OZHETX4J.mjs +169 -0
  83. package/dist/chunk-OZHETX4J.mjs.map +1 -0
  84. package/dist/chunk-OZMSE44N.mjs +235 -0
  85. package/dist/chunk-OZMSE44N.mjs.map +1 -0
  86. package/dist/chunk-P5WLYJ2C.mjs +272 -0
  87. package/dist/chunk-P5WLYJ2C.mjs.map +1 -0
  88. package/dist/chunk-PHEUJ4EF.js +84 -0
  89. package/dist/chunk-PHEUJ4EF.js.map +1 -0
  90. package/dist/chunk-PMWRJ2KS.mjs +192 -0
  91. package/dist/chunk-PMWRJ2KS.mjs.map +1 -0
  92. package/dist/chunk-PR4QXFJT.js +132 -0
  93. package/dist/chunk-PR4QXFJT.js.map +1 -0
  94. package/dist/chunk-QAJOE3HJ.js +281 -0
  95. package/dist/chunk-QAJOE3HJ.js.map +1 -0
  96. package/dist/chunk-QBPVJH4P.mjs +128 -0
  97. package/dist/chunk-QBPVJH4P.mjs.map +1 -0
  98. package/dist/{chunk-MTJRPLMG.js → chunk-QNUDODDX.js} +8 -4
  99. package/dist/chunk-QNUDODDX.js.map +1 -0
  100. package/dist/{chunk-DO2LEXUY.js → chunk-QQ6F4LZK.js} +5 -5
  101. package/dist/{chunk-DO2LEXUY.js.map → chunk-QQ6F4LZK.js.map} +1 -1
  102. package/dist/chunk-QXHS3HHZ.mjs +340 -0
  103. package/dist/chunk-QXHS3HHZ.mjs.map +1 -0
  104. package/dist/chunk-QYLTKBH7.js +338 -0
  105. package/dist/chunk-QYLTKBH7.js.map +1 -0
  106. package/dist/chunk-TTTYW3TR.js +207 -0
  107. package/dist/chunk-TTTYW3TR.js.map +1 -0
  108. package/dist/chunk-W3QRRWQX.js +37 -0
  109. package/dist/chunk-W3QRRWQX.js.map +1 -0
  110. package/dist/chunk-WPXQHWPV.js +232 -0
  111. package/dist/chunk-WPXQHWPV.js.map +1 -0
  112. package/dist/chunk-XRDVD2EN.js +288 -0
  113. package/dist/chunk-XRDVD2EN.js.map +1 -0
  114. package/dist/chunk-XYEMP4K7.js +273 -0
  115. package/dist/chunk-XYEMP4K7.js.map +1 -0
  116. package/dist/chunk-YAO62VH2.js +342 -0
  117. package/dist/chunk-YAO62VH2.js.map +1 -0
  118. package/dist/{chunk-PVTTWOYV.js → chunk-Z6S36PDD.js} +7 -7
  119. package/dist/{chunk-PVTTWOYV.js.map → chunk-Z6S36PDD.js.map} +1 -1
  120. package/dist/chunk-ZYKJC5HH.js +296 -0
  121. package/dist/chunk-ZYKJC5HH.js.map +1 -0
  122. package/dist/design-system/accordion.d.ts +70 -0
  123. package/dist/design-system/accordion.d.ts.map +1 -0
  124. package/dist/design-system/alert.d.ts +39 -0
  125. package/dist/design-system/alert.d.ts.map +1 -0
  126. package/dist/design-system/avatar.d.ts +36 -0
  127. package/dist/design-system/avatar.d.ts.map +1 -0
  128. package/dist/design-system/badge.d.ts +71 -0
  129. package/dist/design-system/badge.d.ts.map +1 -0
  130. package/dist/design-system/breadcrumb.d.ts +27 -0
  131. package/dist/design-system/breadcrumb.d.ts.map +1 -0
  132. package/dist/design-system/button.d.ts +48 -0
  133. package/dist/design-system/button.d.ts.map +1 -0
  134. package/dist/design-system/card.d.ts +65 -0
  135. package/dist/design-system/card.d.ts.map +1 -0
  136. package/dist/design-system/checkbox.d.ts +32 -0
  137. package/dist/design-system/checkbox.d.ts.map +1 -0
  138. package/dist/design-system/divider.d.ts +45 -0
  139. package/dist/design-system/divider.d.ts.map +1 -0
  140. package/dist/design-system/drawer.d.ts +67 -0
  141. package/dist/design-system/drawer.d.ts.map +1 -0
  142. package/dist/design-system/dropdown.d.ts +79 -0
  143. package/dist/design-system/dropdown.d.ts.map +1 -0
  144. package/dist/design-system/dynamic-stepper.d.ts +29 -0
  145. package/dist/design-system/dynamic-stepper.d.ts.map +1 -0
  146. package/dist/design-system/empty-state.d.ts +29 -0
  147. package/dist/design-system/empty-state.d.ts.map +1 -0
  148. package/dist/design-system/file-upload.d.ts +19 -0
  149. package/dist/design-system/file-upload.d.ts.map +1 -0
  150. package/dist/design-system/index.d.ts +32 -0
  151. package/dist/design-system/index.d.ts.map +1 -0
  152. package/dist/design-system/inputs.d.ts +31 -0
  153. package/dist/design-system/inputs.d.ts.map +1 -0
  154. package/dist/design-system/modal.d.ts +66 -0
  155. package/dist/design-system/modal.d.ts.map +1 -0
  156. package/dist/design-system/pagination.d.ts +65 -0
  157. package/dist/design-system/pagination.d.ts.map +1 -0
  158. package/dist/design-system/progress.d.ts +57 -0
  159. package/dist/design-system/progress.d.ts.map +1 -0
  160. package/dist/design-system/radio-group.d.ts +37 -0
  161. package/dist/design-system/radio-group.d.ts.map +1 -0
  162. package/dist/design-system/select.d.ts +92 -0
  163. package/dist/design-system/select.d.ts.map +1 -0
  164. package/dist/design-system/skeleton.d.ts +104 -0
  165. package/dist/design-system/skeleton.d.ts.map +1 -0
  166. package/dist/design-system/slider.d.ts +44 -0
  167. package/dist/design-system/slider.d.ts.map +1 -0
  168. package/dist/design-system/spinner.d.ts +39 -0
  169. package/dist/design-system/spinner.d.ts.map +1 -0
  170. package/dist/design-system/stepper.d.ts +42 -0
  171. package/dist/design-system/stepper.d.ts.map +1 -0
  172. package/dist/design-system/table.d.ts +77 -0
  173. package/dist/design-system/table.d.ts.map +1 -0
  174. package/dist/design-system/tabs.d.ts +49 -0
  175. package/dist/design-system/tabs.d.ts.map +1 -0
  176. package/dist/design-system/toast.d.ts +43 -0
  177. package/dist/design-system/toast.d.ts.map +1 -0
  178. package/dist/design-system/toggle.d.ts +73 -0
  179. package/dist/design-system/toggle.d.ts.map +1 -0
  180. package/dist/design-system/tokens.d.ts +15 -0
  181. package/dist/design-system/tokens.d.ts.map +1 -0
  182. package/dist/design-system/tooltip.d.ts +41 -0
  183. package/dist/design-system/tooltip.d.ts.map +1 -0
  184. package/dist/design-system/typography.d.ts +42 -0
  185. package/dist/design-system/typography.d.ts.map +1 -0
  186. package/dist/hooks/useResizeObserver.js +6 -31
  187. package/dist/hooks/useResizeObserver.js.map +1 -1
  188. package/dist/hooks/useResizeObserver.mjs +1 -33
  189. package/dist/hooks/useResizeObserver.mjs.map +1 -1
  190. package/dist/ui/accordion/animated.js +7 -7
  191. package/dist/ui/accordion/animated.mjs +2 -2
  192. package/dist/ui/accordion/variants.d.ts +5 -5
  193. package/dist/ui/accordion/variants.d.ts.map +1 -1
  194. package/dist/ui/accordion.js +9 -9
  195. package/dist/ui/accordion.mjs +2 -2
  196. package/dist/ui/alert/animated.js +2 -2
  197. package/dist/ui/alert/animated.mjs +1 -1
  198. package/dist/ui/alert/variants.d.ts +4 -4
  199. package/dist/ui/alert/variants.d.ts.map +1 -1
  200. package/dist/ui/alert.js +10 -10
  201. package/dist/ui/alert.mjs +2 -2
  202. package/dist/ui/avatar/animated.js +5 -5
  203. package/dist/ui/avatar/animated.mjs +2 -2
  204. package/dist/ui/avatar/variants.d.ts +1 -1
  205. package/dist/ui/avatar/variants.d.ts.map +1 -1
  206. package/dist/ui/avatar.js +9 -9
  207. package/dist/ui/avatar.mjs +2 -2
  208. package/dist/ui/badge/animated.js +2 -2
  209. package/dist/ui/badge/animated.mjs +1 -1
  210. package/dist/ui/badge/variants.d.ts +29 -32
  211. package/dist/ui/badge/variants.d.ts.map +1 -1
  212. package/dist/ui/badge.js +4 -4
  213. package/dist/ui/badge.mjs +2 -2
  214. package/dist/ui/breadcrumb/variants.d.ts +1 -1
  215. package/dist/ui/breadcrumb/variants.d.ts.map +1 -1
  216. package/dist/ui/breadcrumb.js +42 -40
  217. package/dist/ui/breadcrumb.js.map +1 -1
  218. package/dist/ui/breadcrumb.mjs +42 -40
  219. package/dist/ui/breadcrumb.mjs.map +1 -1
  220. package/dist/ui/buttons/animated.js +3 -3
  221. package/dist/ui/buttons/animated.mjs +1 -1
  222. package/dist/ui/buttons/variants.d.ts +2 -2
  223. package/dist/ui/buttons/variants.d.ts.map +1 -1
  224. package/dist/ui/buttons.js +4 -4
  225. package/dist/ui/buttons.mjs +2 -2
  226. package/dist/ui/card/animated.js +7 -7
  227. package/dist/ui/card/animated.mjs +2 -2
  228. package/dist/ui/card/variants.d.ts +7 -7
  229. package/dist/ui/card/variants.d.ts.map +1 -1
  230. package/dist/ui/card.js +12 -12
  231. package/dist/ui/card.mjs +2 -2
  232. package/dist/ui/checkbox/animated/animations.d.ts +32 -0
  233. package/dist/ui/checkbox/animated/animations.d.ts.map +1 -0
  234. package/dist/ui/checkbox/animated/checkbox-animated.d.ts +6 -0
  235. package/dist/ui/checkbox/animated/checkbox-animated.d.ts.map +1 -0
  236. package/dist/ui/checkbox/animated/index.d.ts +4 -0
  237. package/dist/ui/checkbox/animated/index.d.ts.map +1 -0
  238. package/dist/ui/checkbox/animated/types.d.ts +8 -0
  239. package/dist/ui/checkbox/animated/types.d.ts.map +1 -0
  240. package/dist/ui/checkbox/animated.js +153 -0
  241. package/dist/ui/checkbox/animated.js.map +1 -0
  242. package/dist/ui/checkbox/animated.mjs +150 -0
  243. package/dist/ui/checkbox/animated.mjs.map +1 -0
  244. package/dist/ui/checkbox/checkbox-base.d.ts +6 -0
  245. package/dist/ui/checkbox/checkbox-base.d.ts.map +1 -0
  246. package/dist/ui/checkbox/checkbox.d.ts +6 -0
  247. package/dist/ui/checkbox/checkbox.d.ts.map +1 -0
  248. package/dist/ui/checkbox/index.d.ts +4 -0
  249. package/dist/ui/checkbox/index.d.ts.map +1 -0
  250. package/dist/ui/checkbox/types.d.ts +19 -0
  251. package/dist/ui/checkbox/types.d.ts.map +1 -0
  252. package/dist/ui/checkbox/variants.d.ts +11 -0
  253. package/dist/ui/checkbox/variants.d.ts.map +1 -0
  254. package/dist/ui/checkbox.js +150 -0
  255. package/dist/ui/checkbox.js.map +1 -0
  256. package/dist/ui/checkbox.mjs +137 -0
  257. package/dist/ui/checkbox.mjs.map +1 -0
  258. package/dist/ui/divider/animated.js +2 -2
  259. package/dist/ui/divider/animated.mjs +1 -1
  260. package/dist/ui/divider/variants.d.ts +4 -4
  261. package/dist/ui/divider/variants.d.ts.map +1 -1
  262. package/dist/ui/divider.js +6 -6
  263. package/dist/ui/divider.mjs +2 -2
  264. package/dist/ui/drawer/animated.js +11 -11
  265. package/dist/ui/drawer/animated.mjs +2 -2
  266. package/dist/ui/drawer/variants.d.ts +1 -1
  267. package/dist/ui/drawer/variants.d.ts.map +1 -1
  268. package/dist/ui/drawer.js +11 -11
  269. package/dist/ui/drawer.mjs +1 -1
  270. package/dist/ui/dropdown/variants.d.ts +4 -4
  271. package/dist/ui/dropdown/variants.d.ts.map +1 -1
  272. package/dist/ui/dropdown.js +106 -104
  273. package/dist/ui/dropdown.js.map +1 -1
  274. package/dist/ui/dropdown.mjs +106 -104
  275. package/dist/ui/dropdown.mjs.map +1 -1
  276. package/dist/ui/dynamic-stepper/variants.d.ts +5 -9
  277. package/dist/ui/dynamic-stepper/variants.d.ts.map +1 -1
  278. package/dist/ui/dynamic-stepper.js +100 -93
  279. package/dist/ui/dynamic-stepper.js.map +1 -1
  280. package/dist/ui/dynamic-stepper.mjs +98 -91
  281. package/dist/ui/dynamic-stepper.mjs.map +1 -1
  282. package/dist/ui/empty-state/animated.js +2 -2
  283. package/dist/ui/empty-state/animated.mjs +1 -1
  284. package/dist/ui/empty-state/variants.d.ts +3 -3
  285. package/dist/ui/empty-state/variants.d.ts.map +1 -1
  286. package/dist/ui/empty-state.js +10 -10
  287. package/dist/ui/empty-state.mjs +2 -2
  288. package/dist/ui/file-upload/variants.d.ts.map +1 -1
  289. package/dist/ui/file-upload.js +28 -26
  290. package/dist/ui/file-upload.js.map +1 -1
  291. package/dist/ui/file-upload.mjs +28 -26
  292. package/dist/ui/file-upload.mjs.map +1 -1
  293. package/dist/ui/inputs/animated.js +3 -3
  294. package/dist/ui/inputs/animated.mjs +1 -1
  295. package/dist/ui/inputs/variants.d.ts +1 -1
  296. package/dist/ui/inputs/variants.d.ts.map +1 -1
  297. package/dist/ui/inputs.js +4 -4
  298. package/dist/ui/inputs.mjs +2 -2
  299. package/dist/ui/modal/animated.js +4 -4
  300. package/dist/ui/modal/animated.mjs +1 -1
  301. package/dist/ui/modal/variants.d.ts +1 -1
  302. package/dist/ui/modal/variants.d.ts.map +1 -1
  303. package/dist/ui/modal.js +12 -12
  304. package/dist/ui/modal.mjs +2 -2
  305. package/dist/ui/pagination/variants.d.ts +3 -7
  306. package/dist/ui/pagination/variants.d.ts.map +1 -1
  307. package/dist/ui/pagination.js +84 -84
  308. package/dist/ui/pagination.js.map +1 -1
  309. package/dist/ui/pagination.mjs +81 -81
  310. package/dist/ui/pagination.mjs.map +1 -1
  311. package/dist/ui/progress/animated.js +8 -8
  312. package/dist/ui/progress/animated.mjs +2 -2
  313. package/dist/ui/progress/variants.d.ts +3 -3
  314. package/dist/ui/progress/variants.d.ts.map +1 -1
  315. package/dist/ui/progress.js +9 -9
  316. package/dist/ui/progress.mjs +2 -2
  317. package/dist/ui/radio-group/animated/animations.d.ts +32 -0
  318. package/dist/ui/radio-group/animated/animations.d.ts.map +1 -0
  319. package/dist/ui/radio-group/animated/index.d.ts +4 -0
  320. package/dist/ui/radio-group/animated/index.d.ts.map +1 -0
  321. package/dist/ui/radio-group/animated/radio-group-animated.d.ts +10 -0
  322. package/dist/ui/radio-group/animated/radio-group-animated.d.ts.map +1 -0
  323. package/dist/ui/radio-group/animated/types.d.ts +11 -0
  324. package/dist/ui/radio-group/animated/types.d.ts.map +1 -0
  325. package/dist/ui/radio-group/animated.js +177 -0
  326. package/dist/ui/radio-group/animated.js.map +1 -0
  327. package/dist/ui/radio-group/animated.mjs +173 -0
  328. package/dist/ui/radio-group/animated.mjs.map +1 -0
  329. package/dist/ui/radio-group/index.d.ts +4 -0
  330. package/dist/ui/radio-group/index.d.ts.map +1 -0
  331. package/dist/ui/radio-group/radio-group-context.d.ts +13 -0
  332. package/dist/ui/radio-group/radio-group-context.d.ts.map +1 -0
  333. package/dist/ui/radio-group/radio-group.d.ts +10 -0
  334. package/dist/ui/radio-group/radio-group.d.ts.map +1 -0
  335. package/dist/ui/radio-group/types.d.ts +26 -0
  336. package/dist/ui/radio-group/types.d.ts.map +1 -0
  337. package/dist/ui/radio-group/variants.d.ts +14 -0
  338. package/dist/ui/radio-group/variants.d.ts.map +1 -0
  339. package/dist/ui/radio-group.js +171 -0
  340. package/dist/ui/radio-group.js.map +1 -0
  341. package/dist/ui/radio-group.mjs +153 -0
  342. package/dist/ui/radio-group.mjs.map +1 -0
  343. package/dist/ui/search.js +2 -2
  344. package/dist/ui/search.mjs +1 -1
  345. package/dist/ui/select/variants.d.ts +6 -6
  346. package/dist/ui/select/variants.d.ts.map +1 -1
  347. package/dist/ui/select.js +122 -123
  348. package/dist/ui/select.js.map +1 -1
  349. package/dist/ui/select.mjs +122 -123
  350. package/dist/ui/select.mjs.map +1 -1
  351. package/dist/ui/skeleton/animated.js +8 -8
  352. package/dist/ui/skeleton/animated.mjs +1 -1
  353. package/dist/ui/skeleton/variants.d.ts +5 -4
  354. package/dist/ui/skeleton/variants.d.ts.map +1 -1
  355. package/dist/ui/skeleton.js +9 -9
  356. package/dist/ui/skeleton.mjs +1 -1
  357. package/dist/ui/slider/variants.d.ts +3 -3
  358. package/dist/ui/slider/variants.d.ts.map +1 -1
  359. package/dist/ui/slider.js +69 -67
  360. package/dist/ui/slider.js.map +1 -1
  361. package/dist/ui/slider.mjs +69 -67
  362. package/dist/ui/slider.mjs.map +1 -1
  363. package/dist/ui/spinner/animated/variants.d.ts +2 -2
  364. package/dist/ui/spinner/animated/variants.d.ts.map +1 -1
  365. package/dist/ui/spinner/animated.js +44 -38
  366. package/dist/ui/spinner/animated.js.map +1 -1
  367. package/dist/ui/spinner/animated.mjs +44 -38
  368. package/dist/ui/spinner/animated.mjs.map +1 -1
  369. package/dist/ui/stepper/variants.d.ts +1 -1
  370. package/dist/ui/stepper/variants.d.ts.map +1 -1
  371. package/dist/ui/stepper.js +57 -50
  372. package/dist/ui/stepper.js.map +1 -1
  373. package/dist/ui/stepper.mjs +57 -50
  374. package/dist/ui/stepper.mjs.map +1 -1
  375. package/dist/ui/table/animated.js +8 -8
  376. package/dist/ui/table/animated.mjs +2 -2
  377. package/dist/ui/table/variants.d.ts +2 -2
  378. package/dist/ui/table/variants.d.ts.map +1 -1
  379. package/dist/ui/table.js +14 -14
  380. package/dist/ui/table.mjs +1 -1
  381. package/dist/ui/tabs/animated.js +2 -2
  382. package/dist/ui/tabs/animated.mjs +1 -1
  383. package/dist/ui/tabs/variants.d.ts +2 -2
  384. package/dist/ui/tabs/variants.d.ts.map +1 -1
  385. package/dist/ui/tabs.js +9 -9
  386. package/dist/ui/tabs.mjs +1 -1
  387. package/dist/ui/toast/animated.js +7 -7
  388. package/dist/ui/toast/animated.mjs +1 -1
  389. package/dist/ui/toast/variants.d.ts +3 -3
  390. package/dist/ui/toast/variants.d.ts.map +1 -1
  391. package/dist/ui/toast.js +12 -12
  392. package/dist/ui/toast.mjs +1 -1
  393. package/dist/ui/toggle/animated/toggle-animated.d.ts.map +1 -1
  394. package/dist/ui/toggle/animated.js +13 -6
  395. package/dist/ui/toggle/animated.js.map +1 -1
  396. package/dist/ui/toggle/animated.mjs +12 -5
  397. package/dist/ui/toggle/animated.mjs.map +1 -1
  398. package/dist/ui/toggle/toggle-base.d.ts +2 -0
  399. package/dist/ui/toggle/toggle-base.d.ts.map +1 -1
  400. package/dist/ui/toggle/variants.d.ts +4 -4
  401. package/dist/ui/toggle/variants.d.ts.map +1 -1
  402. package/dist/ui/toggle.js +5 -94
  403. package/dist/ui/toggle.js.map +1 -1
  404. package/dist/ui/toggle.mjs +4 -93
  405. package/dist/ui/toggle.mjs.map +1 -1
  406. package/dist/ui/tooltip/animated.js +3 -3
  407. package/dist/ui/tooltip/animated.mjs +1 -1
  408. package/dist/ui/tooltip/variants.d.ts +3 -3
  409. package/dist/ui/tooltip/variants.d.ts.map +1 -1
  410. package/dist/ui/tooltip.js +7 -7
  411. package/dist/ui/tooltip.mjs +1 -1
  412. package/dist/ui/typography/variants.d.ts +1 -3
  413. package/dist/ui/typography/variants.d.ts.map +1 -1
  414. package/dist/ui/typography.js +51 -41
  415. package/dist/ui/typography.js.map +1 -1
  416. package/dist/ui/typography.mjs +51 -41
  417. package/dist/ui/typography.mjs.map +1 -1
  418. package/package.json +2 -1
  419. package/src/charts/shared/chart-frame.tsx +19 -8
  420. package/src/design-system/accordion.ts +111 -0
  421. package/src/design-system/alert.ts +64 -0
  422. package/src/design-system/avatar.ts +61 -0
  423. package/src/design-system/badge.ts +85 -0
  424. package/src/design-system/breadcrumb.ts +45 -0
  425. package/src/design-system/button.ts +81 -0
  426. package/src/design-system/card.ts +104 -0
  427. package/src/design-system/checkbox.ts +47 -0
  428. package/src/design-system/divider.ts +73 -0
  429. package/src/design-system/drawer.ts +111 -0
  430. package/src/design-system/dropdown.ts +130 -0
  431. package/src/design-system/dynamic-stepper.ts +218 -0
  432. package/src/design-system/empty-state.ts +39 -0
  433. package/src/design-system/file-upload.ts +30 -0
  434. package/src/design-system/index.ts +31 -0
  435. package/src/design-system/inputs.ts +74 -0
  436. package/src/design-system/modal.ts +110 -0
  437. package/src/design-system/pagination.ts +92 -0
  438. package/src/design-system/progress.ts +86 -0
  439. package/src/design-system/radio-group.ts +54 -0
  440. package/src/design-system/select.ts +155 -0
  441. package/src/design-system/skeleton.ts +129 -0
  442. package/src/design-system/slider.ts +70 -0
  443. package/src/design-system/spinner.ts +59 -0
  444. package/src/design-system/stepper.ts +66 -0
  445. package/src/design-system/table.ts +115 -0
  446. package/src/design-system/tabs.ts +73 -0
  447. package/src/design-system/toast.ts +69 -0
  448. package/src/design-system/toggle.ts +120 -0
  449. package/src/design-system/tokens.ts +22 -0
  450. package/src/design-system/tooltip.ts +63 -0
  451. package/src/design-system/typography.ts +64 -0
  452. package/src/ui/accordion/variants.ts +24 -106
  453. package/src/ui/alert/alert.test.tsx +1 -1
  454. package/src/ui/alert/variants.ts +25 -77
  455. package/src/ui/avatar/variants.ts +21 -66
  456. package/src/ui/badge/badge.test.tsx +1 -1
  457. package/src/ui/badge/variants.ts +28 -89
  458. package/src/ui/breadcrumb/variants.ts +24 -40
  459. package/src/ui/buttons/button.test.tsx +25 -5
  460. package/src/ui/buttons/variants.ts +15 -84
  461. package/src/ui/card/card.test.tsx +1 -1
  462. package/src/ui/card/variants.ts +46 -121
  463. package/src/ui/checkbox/animated/animations.ts +12 -0
  464. package/src/ui/checkbox/animated/checkbox-animated.tsx +145 -0
  465. package/src/ui/checkbox/animated/index.ts +9 -0
  466. package/src/ui/checkbox/animated/types.ts +9 -0
  467. package/src/ui/checkbox/checkbox-base.tsx +134 -0
  468. package/src/ui/checkbox/checkbox.test.tsx +53 -0
  469. package/src/ui/checkbox/checkbox.tsx +8 -0
  470. package/src/ui/checkbox/index.ts +15 -0
  471. package/src/ui/checkbox/types.ts +40 -0
  472. package/src/ui/checkbox/variants.ts +50 -0
  473. package/src/ui/divider/variants.ts +32 -70
  474. package/src/ui/drawer/drawer-base.tsx +1 -1
  475. package/src/ui/drawer/variants.ts +41 -132
  476. package/src/ui/dropdown/variants.ts +36 -142
  477. package/src/ui/dynamic-stepper/variants.ts +32 -216
  478. package/src/ui/empty-state/variants.ts +29 -44
  479. package/src/ui/file-upload/variants.ts +12 -36
  480. package/src/ui/inputs/input.test.tsx +11 -11
  481. package/src/ui/inputs/variants.ts +308 -371
  482. package/src/ui/modal/variants.ts +29 -120
  483. package/src/ui/pagination/pagination.test.tsx +1 -1
  484. package/src/ui/pagination/variants.ts +22 -95
  485. package/src/ui/progress/variants.ts +41 -112
  486. package/src/ui/radio-group/animated/animations.ts +12 -0
  487. package/src/ui/radio-group/animated/index.ts +10 -0
  488. package/src/ui/radio-group/animated/radio-group-animated.tsx +173 -0
  489. package/src/ui/radio-group/animated/types.ts +13 -0
  490. package/src/ui/radio-group/index.ts +19 -0
  491. package/src/ui/radio-group/radio-group-context.ts +23 -0
  492. package/src/ui/radio-group/radio-group.test.tsx +61 -0
  493. package/src/ui/radio-group/radio-group.tsx +159 -0
  494. package/src/ui/radio-group/types.ts +62 -0
  495. package/src/ui/radio-group/variants.ts +61 -0
  496. package/src/ui/select/variants.ts +40 -165
  497. package/src/ui/skeleton/variants.ts +154 -250
  498. package/src/ui/slider/variants.ts +34 -67
  499. package/src/ui/spinner/animated/variants.ts +10 -39
  500. package/src/ui/stepper/stepper.test.tsx +12 -4
  501. package/src/ui/stepper/variants.ts +23 -68
  502. package/src/ui/table/variants.ts +36 -106
  503. package/src/ui/tabs/variants.ts +26 -73
  504. package/src/ui/toast/variants.ts +24 -75
  505. package/src/ui/toggle/animated/toggle-animated.tsx +14 -4
  506. package/src/ui/toggle/toggle-base.tsx +3 -7
  507. package/src/ui/toggle/variants.ts +27 -111
  508. package/src/ui/tooltip/variants.ts +18 -57
  509. package/src/ui/typography/typography.test.tsx +1 -1
  510. package/src/ui/typography/variants.ts +17 -54
  511. package/dist/chunk-25EAVVGS.mjs +0 -267
  512. package/dist/chunk-25EAVVGS.mjs.map +0 -1
  513. package/dist/chunk-4F56BLZQ.js +0 -336
  514. package/dist/chunk-4F56BLZQ.js.map +0 -1
  515. package/dist/chunk-4PZIDDC6.js +0 -279
  516. package/dist/chunk-4PZIDDC6.js.map +0 -1
  517. package/dist/chunk-73RHHGIA.mjs +0 -197
  518. package/dist/chunk-73RHHGIA.mjs.map +0 -1
  519. package/dist/chunk-746CV3AN.js +0 -246
  520. package/dist/chunk-746CV3AN.js.map +0 -1
  521. package/dist/chunk-CFTDAGKD.js +0 -130
  522. package/dist/chunk-CFTDAGKD.js.map +0 -1
  523. package/dist/chunk-CXNDE4VC.js +0 -273
  524. package/dist/chunk-CXNDE4VC.js.map +0 -1
  525. package/dist/chunk-D55YIHBN.js.map +0 -1
  526. package/dist/chunk-EU63V22F.mjs +0 -126
  527. package/dist/chunk-EU63V22F.mjs.map +0 -1
  528. package/dist/chunk-EZS47EZW.mjs +0 -70
  529. package/dist/chunk-EZS47EZW.mjs.map +0 -1
  530. package/dist/chunk-GHJN3Z3V.js +0 -292
  531. package/dist/chunk-GHJN3Z3V.js.map +0 -1
  532. package/dist/chunk-GIC3J6HR.mjs +0 -196
  533. package/dist/chunk-GIC3J6HR.mjs.map +0 -1
  534. package/dist/chunk-GPAUYUM3.js +0 -232
  535. package/dist/chunk-GPAUYUM3.js.map +0 -1
  536. package/dist/chunk-HARD4NMB.mjs +0 -268
  537. package/dist/chunk-HARD4NMB.mjs.map +0 -1
  538. package/dist/chunk-HV7LVRK3.js +0 -277
  539. package/dist/chunk-HV7LVRK3.js.map +0 -1
  540. package/dist/chunk-JE6B3DHW.mjs +0 -220
  541. package/dist/chunk-JE6B3DHW.mjs.map +0 -1
  542. package/dist/chunk-JOMSI4WH.js.map +0 -1
  543. package/dist/chunk-KA5MORDC.js +0 -336
  544. package/dist/chunk-KA5MORDC.js.map +0 -1
  545. package/dist/chunk-M6FS7X54.mjs.map +0 -1
  546. package/dist/chunk-MM3P52WS.js.map +0 -1
  547. package/dist/chunk-MTJRPLMG.js.map +0 -1
  548. package/dist/chunk-OB6TYS5Q.js +0 -205
  549. package/dist/chunk-OB6TYS5Q.js.map +0 -1
  550. package/dist/chunk-OHST7AHC.mjs +0 -99
  551. package/dist/chunk-OHST7AHC.mjs.map +0 -1
  552. package/dist/chunk-OVTWPGMW.mjs.map +0 -1
  553. package/dist/chunk-OZ4SFJ3S.mjs +0 -264
  554. package/dist/chunk-OZ4SFJ3S.mjs.map +0 -1
  555. package/dist/chunk-PSIAOIXJ.mjs +0 -278
  556. package/dist/chunk-PSIAOIXJ.mjs.map +0 -1
  557. package/dist/chunk-QNF4JPFP.js +0 -339
  558. package/dist/chunk-QNF4JPFP.js.map +0 -1
  559. package/dist/chunk-QSIJKHC5.mjs.map +0 -1
  560. package/dist/chunk-QWC2QBRJ.js +0 -175
  561. package/dist/chunk-QWC2QBRJ.js.map +0 -1
  562. package/dist/chunk-RFFGQYDQ.mjs +0 -337
  563. package/dist/chunk-RFFGQYDQ.mjs.map +0 -1
  564. package/dist/chunk-S5H2OMTZ.mjs +0 -233
  565. package/dist/chunk-S5H2OMTZ.mjs.map +0 -1
  566. package/dist/chunk-SPX2QDIB.mjs.map +0 -1
  567. package/dist/chunk-TIPNRH26.js +0 -102
  568. package/dist/chunk-TIPNRH26.js.map +0 -1
  569. package/dist/chunk-V2PEOBAT.mjs +0 -324
  570. package/dist/chunk-V2PEOBAT.mjs.map +0 -1
  571. package/dist/chunk-V3XNH7Y4.mjs +0 -169
  572. package/dist/chunk-V3XNH7Y4.mjs.map +0 -1
  573. package/dist/chunk-VGWA26BN.js +0 -72
  574. package/dist/chunk-VGWA26BN.js.map +0 -1
  575. package/dist/chunk-WNLDXBS6.mjs +0 -323
  576. package/dist/chunk-WNLDXBS6.mjs.map +0 -1
  577. package/dist/chunk-YIO7DFUA.js +0 -207
  578. package/dist/chunk-YIO7DFUA.js.map +0 -1
package/dist/design-system/badge.d.ts ADDED
@@ -0,0 +1,71 @@
1
+ export declare const zuiButtonLikeSolidAppearances: {
2
+ readonly default: "bg-[var(--zui-badge-default-bg,oklch(20.8%_0.042_265.755))] dark:bg-[var(--zui-badge-default-bg-dark,oklch(98.4%_0.003_247.858))] text-[color:var(--zui-badge-default-fg,oklch(98.4%_0.003_247.858))] dark:text-[color:var(--zui-badge-default-fg-dark,oklch(12.9%_0.042_264.695))] shadow-[var(--zui-badge-default-shadow,0_1px_2px_rgba(15,23,42,0.08))] dark:shadow-[var(--zui-badge-default-shadow-dark,0_1px_2px_rgba(15,23,42,0.12))]";
3
+ readonly secondary: "bg-[var(--zui-badge-secondary-bg,oklch(92.9%_0.013_255.508))] dark:bg-[var(--zui-badge-secondary-bg-dark,oklch(27.9%_0.041_260.031))] text-[color:var(--zui-badge-secondary-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-badge-secondary-fg-dark,oklch(98.4%_0.003_247.858))]";
4
+ readonly destructive: "bg-[var(--zui-badge-destructive-bg,oklch(64.5%_0.246_16.439))] dark:bg-[var(--zui-badge-destructive-bg-dark,oklch(51.4%_0.222_16.935))] text-[color:var(--zui-badge-default-fg,oklch(98.4%_0.003_247.858))] dark:text-[color:var(--zui-badge-destructive-fg-dark,#ffffff)]";
5
+ readonly outline: "border border-[color:var(--zui-badge-outline-border,#0000001a)] dark:border-[color:var(--zui-badge-outline-border-dark,#ffffff1a)] bg-[var(--zui-badge-outline-bg,#0000000d)] dark:bg-[var(--zui-badge-outline-bg-dark,#ffffff0d)] text-[color:var(--zui-badge-outline-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-badge-outline-fg-dark,oklch(98.4%_0.003_247.858))]";
6
+ readonly ghost: "bg-[var(--zui-badge-ghost-bg,transparent)] text-[color:var(--zui-badge-ghost-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-badge-ghost-fg-dark,oklch(92.9%_0.013_255.508))]";
7
+ readonly glass: "border border-[color:var(--zui-badge-glass-border,#00000026)] dark:border-[color:var(--zui-badge-glass-border-dark,#ffffff26)] bg-[var(--zui-badge-glass-bg,#0000001a)] dark:bg-[var(--zui-badge-glass-bg-dark,#ffffff1a)] text-[color:var(--zui-badge-glass-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-badge-glass-fg-dark,#ffffff)] backdrop-blur-md";
8
+ readonly emerald: "bg-[var(--zui-badge-emerald-bg,oklch(69.6%_0.17_162.48))] dark:bg-[var(--zui-badge-emerald-bg-dark,oklch(43.2%_0.095_166.913))] text-[color:var(--zui-badge-emerald-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-emerald-fg-dark,#ffffff)]";
9
+ readonly indigo: "bg-[var(--zui-badge-indigo-bg,oklch(39.8%_0.195_277.366))] dark:bg-[var(--zui-badge-indigo-bg-dark,oklch(51.1%_0.262_276.966))] text-[color:var(--zui-badge-indigo-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-indigo-fg-dark,#ffffff)]";
10
+ readonly purple: "bg-[var(--zui-badge-purple-bg,oklch(43.8%_0.218_303.724))] dark:bg-[var(--zui-badge-purple-bg-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-badge-purple-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-purple-fg-dark,#ffffff)]";
11
+ readonly pink: "bg-[var(--zui-badge-pink-bg,oklch(45.9%_0.187_3.815))] dark:bg-[var(--zui-badge-pink-bg-dark,oklch(59.2%_0.249_0.584))] text-[color:var(--zui-badge-pink-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-pink-fg-dark,#ffffff)]";
12
+ readonly rose: "bg-[var(--zui-badge-rose-bg,oklch(64.5%_0.246_16.439))] dark:bg-[var(--zui-badge-rose-bg-dark,oklch(51.4%_0.222_16.935))] text-[color:var(--zui-badge-rose-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-rose-fg-dark,#ffffff)]";
13
+ readonly sky: "bg-[var(--zui-badge-sky-bg,oklch(68.5%_0.169_237.323))] dark:bg-[var(--zui-badge-sky-bg-dark,oklch(50%_0.134_242.749))] text-[color:var(--zui-badge-sky-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-sky-fg-dark,#ffffff)]";
14
+ readonly teal: "bg-[var(--zui-badge-teal-bg,oklch(70.4%_0.14_182.503))] dark:bg-[var(--zui-badge-teal-bg-dark,oklch(51.1%_0.096_186.391))] text-[color:var(--zui-badge-teal-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-teal-fg-dark,#ffffff)]";
15
+ readonly yellow: "bg-[var(--zui-badge-yellow-bg,oklch(79.5%_0.184_86.047))] dark:bg-[var(--zui-badge-yellow-bg-dark,oklch(47.6%_0.114_61.907))] text-[color:var(--zui-badge-yellow-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-yellow-fg-dark,#ffffff)]";
16
+ readonly orange: "bg-[var(--zui-badge-orange-bg,oklch(70.5%_0.213_47.604))] dark:bg-[var(--zui-badge-orange-bg-dark,oklch(47%_0.157_37.304))] text-[color:var(--zui-badge-orange-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-orange-fg-dark,#ffffff)]";
17
+ readonly "gradient-blue": "bg-linear-to-r from-[var(--zui-badge-gradient-blue-from,oklch(42.4%_0.199_265.638))] dark:from-[var(--zui-badge-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] to-[var(--zui-badge-gradient-blue-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-badge-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-badge-gradient-blue-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-blue-fg-dark,#ffffff)]";
18
+ readonly "gradient-green": "bg-linear-to-r from-[var(--zui-badge-gradient-green-from,oklch(44.8%_0.119_151.328))] dark:from-[var(--zui-badge-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] to-[var(--zui-badge-gradient-green-to,oklch(45.3%_0.124_130.933))] dark:to-[var(--zui-badge-gradient-green-to-dark,oklch(64.8%_0.2_131.684))] text-[color:var(--zui-badge-gradient-green-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-green-fg-dark,#ffffff)]";
19
+ readonly "gradient-red": "bg-linear-to-r from-[var(--zui-badge-gradient-red-from,oklch(44.4%_0.177_26.899))] dark:from-[var(--zui-badge-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] to-[var(--zui-badge-gradient-red-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-badge-gradient-red-to-dark,oklch(59.2%_0.249_0.584))] text-[color:var(--zui-badge-gradient-red-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-red-fg-dark,#ffffff)]";
20
+ readonly "gradient-yellow": "bg-linear-to-r from-[var(--zui-badge-gradient-yellow-from,oklch(47.6%_0.114_61.907))] dark:from-[var(--zui-badge-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] to-[var(--zui-badge-gradient-yellow-to,oklch(47%_0.157_37.304))] dark:to-[var(--zui-badge-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))] text-[color:var(--zui-badge-gradient-yellow-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-yellow-fg-dark,#ffffff)]";
21
+ readonly "gradient-purple": "bg-linear-to-r from-[var(--zui-badge-gradient-purple-from,oklch(43.8%_0.218_303.724))] dark:from-[var(--zui-badge-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] to-[var(--zui-badge-gradient-purple-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-badge-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))] text-[color:var(--zui-badge-gradient-purple-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-purple-fg-dark,#ffffff)]";
22
+ readonly "gradient-teal": "bg-linear-to-r from-[var(--zui-badge-gradient-teal-from,oklch(43.7%_0.078_188.216))] dark:from-[var(--zui-badge-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-badge-gradient-teal-to,oklch(45%_0.085_224.283))] dark:to-[var(--zui-badge-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] text-[color:var(--zui-badge-gradient-teal-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-teal-fg-dark,#ffffff)]";
23
+ readonly "gradient-indigo": "bg-linear-to-r from-[var(--zui-badge-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-badge-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-badge-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-badge-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-badge-gradient-indigo-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-indigo-fg-dark,#ffffff)]";
24
+ readonly "gradient-pink": "bg-linear-to-r from-[var(--zui-badge-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-badge-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-badge-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-badge-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] text-[color:var(--zui-badge-gradient-pink-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-pink-fg-dark,#ffffff)]";
25
+ readonly "gradient-orange": "bg-linear-to-r from-[var(--zui-badge-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-badge-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-badge-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-badge-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] text-[color:var(--zui-badge-gradient-orange-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-orange-fg-dark,#ffffff)]";
26
+ };
27
+ export type ZuiButtonLikeSolidAppearance = keyof typeof zuiButtonLikeSolidAppearances;
28
+ export declare const zuiBadgeBase: readonly ["inline-flex max-w-full items-center justify-center gap-1 font-medium", "whitespace-nowrap ring-offset-[var(--zui-badge-ring-offset,oklch(98.4%_0.003_247.858))] dark:ring-offset-[var(--zui-badge-ring-offset-dark,oklch(12.9%_0.042_264.695))] transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-badge-ring-focus,oklch(44.6%_0.043_257.281))] dark:focus-visible:ring-[var(--zui-badge-ring-focus-dark,oklch(86.9%_0.022_252.894))] focus-visible:ring-offset-2", "select-none"];
29
+ export declare const zuiBadgeAppearances: {
30
+ readonly outline: "border border-[color:var(--zui-badge-outline-border,#00000026)] dark:border-[color:var(--zui-badge-outline-border-dark,#ffffff26)] bg-[var(--zui-badge-outline-bg,transparent)] text-[color:var(--zui-badge-outline-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-badge-outline-fg-dark,oklch(92.9%_0.013_255.508))] shadow-none";
31
+ readonly ghost: "bg-[var(--zui-badge-ghost-bg,transparent)] text-[color:var(--zui-badge-ghost-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-badge-ghost-fg-dark,oklch(86.9%_0.022_252.894))] shadow-none";
32
+ readonly default: "bg-[var(--zui-badge-default-bg,oklch(20.8%_0.042_265.755))] dark:bg-[var(--zui-badge-default-bg-dark,oklch(98.4%_0.003_247.858))] text-[color:var(--zui-badge-default-fg,oklch(98.4%_0.003_247.858))] dark:text-[color:var(--zui-badge-default-fg-dark,oklch(12.9%_0.042_264.695))] shadow-[var(--zui-badge-default-shadow,0_1px_2px_rgba(15,23,42,0.08))] dark:shadow-[var(--zui-badge-default-shadow-dark,0_1px_2px_rgba(15,23,42,0.12))]";
33
+ readonly secondary: "bg-[var(--zui-badge-secondary-bg,oklch(92.9%_0.013_255.508))] dark:bg-[var(--zui-badge-secondary-bg-dark,oklch(27.9%_0.041_260.031))] text-[color:var(--zui-badge-secondary-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-badge-secondary-fg-dark,oklch(98.4%_0.003_247.858))]";
34
+ readonly destructive: "bg-[var(--zui-badge-destructive-bg,oklch(64.5%_0.246_16.439))] dark:bg-[var(--zui-badge-destructive-bg-dark,oklch(51.4%_0.222_16.935))] text-[color:var(--zui-badge-default-fg,oklch(98.4%_0.003_247.858))] dark:text-[color:var(--zui-badge-destructive-fg-dark,#ffffff)]";
35
+ readonly glass: "border border-[color:var(--zui-badge-glass-border,#00000026)] dark:border-[color:var(--zui-badge-glass-border-dark,#ffffff26)] bg-[var(--zui-badge-glass-bg,#0000001a)] dark:bg-[var(--zui-badge-glass-bg-dark,#ffffff1a)] text-[color:var(--zui-badge-glass-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-badge-glass-fg-dark,#ffffff)] backdrop-blur-md";
36
+ readonly emerald: "bg-[var(--zui-badge-emerald-bg,oklch(69.6%_0.17_162.48))] dark:bg-[var(--zui-badge-emerald-bg-dark,oklch(43.2%_0.095_166.913))] text-[color:var(--zui-badge-emerald-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-emerald-fg-dark,#ffffff)]";
37
+ readonly indigo: "bg-[var(--zui-badge-indigo-bg,oklch(39.8%_0.195_277.366))] dark:bg-[var(--zui-badge-indigo-bg-dark,oklch(51.1%_0.262_276.966))] text-[color:var(--zui-badge-indigo-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-indigo-fg-dark,#ffffff)]";
38
+ readonly purple: "bg-[var(--zui-badge-purple-bg,oklch(43.8%_0.218_303.724))] dark:bg-[var(--zui-badge-purple-bg-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-badge-purple-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-purple-fg-dark,#ffffff)]";
39
+ readonly pink: "bg-[var(--zui-badge-pink-bg,oklch(45.9%_0.187_3.815))] dark:bg-[var(--zui-badge-pink-bg-dark,oklch(59.2%_0.249_0.584))] text-[color:var(--zui-badge-pink-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-pink-fg-dark,#ffffff)]";
40
+ readonly rose: "bg-[var(--zui-badge-rose-bg,oklch(64.5%_0.246_16.439))] dark:bg-[var(--zui-badge-rose-bg-dark,oklch(51.4%_0.222_16.935))] text-[color:var(--zui-badge-rose-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-rose-fg-dark,#ffffff)]";
41
+ readonly sky: "bg-[var(--zui-badge-sky-bg,oklch(68.5%_0.169_237.323))] dark:bg-[var(--zui-badge-sky-bg-dark,oklch(50%_0.134_242.749))] text-[color:var(--zui-badge-sky-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-sky-fg-dark,#ffffff)]";
42
+ readonly teal: "bg-[var(--zui-badge-teal-bg,oklch(70.4%_0.14_182.503))] dark:bg-[var(--zui-badge-teal-bg-dark,oklch(51.1%_0.096_186.391))] text-[color:var(--zui-badge-teal-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-teal-fg-dark,#ffffff)]";
43
+ readonly yellow: "bg-[var(--zui-badge-yellow-bg,oklch(79.5%_0.184_86.047))] dark:bg-[var(--zui-badge-yellow-bg-dark,oklch(47.6%_0.114_61.907))] text-[color:var(--zui-badge-yellow-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-yellow-fg-dark,#ffffff)]";
44
+ readonly orange: "bg-[var(--zui-badge-orange-bg,oklch(70.5%_0.213_47.604))] dark:bg-[var(--zui-badge-orange-bg-dark,oklch(47%_0.157_37.304))] text-[color:var(--zui-badge-orange-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-orange-fg-dark,#ffffff)]";
45
+ readonly "gradient-blue": "bg-linear-to-r from-[var(--zui-badge-gradient-blue-from,oklch(42.4%_0.199_265.638))] dark:from-[var(--zui-badge-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] to-[var(--zui-badge-gradient-blue-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-badge-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-badge-gradient-blue-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-blue-fg-dark,#ffffff)]";
46
+ readonly "gradient-green": "bg-linear-to-r from-[var(--zui-badge-gradient-green-from,oklch(44.8%_0.119_151.328))] dark:from-[var(--zui-badge-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] to-[var(--zui-badge-gradient-green-to,oklch(45.3%_0.124_130.933))] dark:to-[var(--zui-badge-gradient-green-to-dark,oklch(64.8%_0.2_131.684))] text-[color:var(--zui-badge-gradient-green-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-green-fg-dark,#ffffff)]";
47
+ readonly "gradient-red": "bg-linear-to-r from-[var(--zui-badge-gradient-red-from,oklch(44.4%_0.177_26.899))] dark:from-[var(--zui-badge-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] to-[var(--zui-badge-gradient-red-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-badge-gradient-red-to-dark,oklch(59.2%_0.249_0.584))] text-[color:var(--zui-badge-gradient-red-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-red-fg-dark,#ffffff)]";
48
+ readonly "gradient-yellow": "bg-linear-to-r from-[var(--zui-badge-gradient-yellow-from,oklch(47.6%_0.114_61.907))] dark:from-[var(--zui-badge-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] to-[var(--zui-badge-gradient-yellow-to,oklch(47%_0.157_37.304))] dark:to-[var(--zui-badge-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))] text-[color:var(--zui-badge-gradient-yellow-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-yellow-fg-dark,#ffffff)]";
49
+ readonly "gradient-purple": "bg-linear-to-r from-[var(--zui-badge-gradient-purple-from,oklch(43.8%_0.218_303.724))] dark:from-[var(--zui-badge-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] to-[var(--zui-badge-gradient-purple-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-badge-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))] text-[color:var(--zui-badge-gradient-purple-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-purple-fg-dark,#ffffff)]";
50
+ readonly "gradient-teal": "bg-linear-to-r from-[var(--zui-badge-gradient-teal-from,oklch(43.7%_0.078_188.216))] dark:from-[var(--zui-badge-gradient-teal-from-dark,oklch(60%_0.118_184.704))] to-[var(--zui-badge-gradient-teal-to,oklch(45%_0.085_224.283))] dark:to-[var(--zui-badge-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] text-[color:var(--zui-badge-gradient-teal-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-teal-fg-dark,#ffffff)]";
51
+ readonly "gradient-indigo": "bg-linear-to-r from-[var(--zui-badge-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-badge-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-badge-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-badge-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] text-[color:var(--zui-badge-gradient-indigo-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-indigo-fg-dark,#ffffff)]";
52
+ readonly "gradient-pink": "bg-linear-to-r from-[var(--zui-badge-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-badge-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-badge-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-badge-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] text-[color:var(--zui-badge-gradient-pink-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-pink-fg-dark,#ffffff)]";
53
+ readonly "gradient-orange": "bg-linear-to-r from-[var(--zui-badge-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-badge-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-badge-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-badge-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] text-[color:var(--zui-badge-gradient-orange-fg,oklch(96.8%_0.007_247.896))] dark:text-[color:var(--zui-badge-gradient-orange-fg-dark,#ffffff)]";
54
+ };
55
+ export declare const zuiBadgeSizes: {
56
+ readonly sm: "h-6 min-h-6 px-2 text-[0.65rem] leading-none";
57
+ readonly md: "h-7 min-h-7 px-2.5 text-xs leading-none";
58
+ readonly lg: "h-8 min-h-8 px-3 text-sm leading-none";
59
+ };
60
+ export declare const zuiBadgeShapes: {
61
+ readonly pill: "rounded-full";
62
+ readonly square: "rounded-md";
63
+ readonly dot: "h-2.5 min-h-2.5 w-2.5 min-w-2.5 rounded-full p-0 px-0 text-[0]";
64
+ };
65
+ export declare const zuiBadgeCloseButtonBase = "inline-flex shrink-0 items-center justify-center rounded-md p-0.5 text-current transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-badge-close-button-ring-focus,#00000066)] dark:focus-visible:ring-[var(--zui-badge-close-button-ring-focus-dark,#ffffff66)]";
66
+ export declare const zuiBadgeCloseButtonSizes: {
67
+ readonly sm: "size-4";
68
+ readonly md: "size-5";
69
+ readonly lg: "size-6";
70
+ };
71
+ //# sourceMappingURL=badge.d.ts.map
package/dist/design-system/badge.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/design-system/badge.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,6BAA6B;;;;;;;;;;;;;;;;;;;;;;;;;CA6ChC,CAAC;AAEX,MAAM,MAAM,4BAA4B,GACtC,MAAM,OAAO,6BAA6B,CAAC;AAE7C,eAAO,MAAM,YAAY,ghBAKf,CAAC;AAEX,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;CAMtB,CAAC;AAEX,eAAO,MAAM,aAAa;;;;CAIhB,CAAC;AAEX,eAAO,MAAM,cAAc;;;;CAIjB,CAAC;AAEX,eAAO,MAAM,uBAAuB,wSACmQ,CAAC;AAExS,eAAO,MAAM,wBAAwB;;;;CAI3B,CAAC"}
package/dist/design-system/breadcrumb.d.ts ADDED
@@ -0,0 +1,27 @@
1
+ export declare const zuiBreadcrumbNavBase = "text-sm";
2
+ export declare const zuiBreadcrumbAppearances: {
3
+ readonly default: "text-[color:var(--zui-breadcrumb-default-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-breadcrumb-default-fg-dark,oklch(86.9%_0.022_252.894))]";
4
+ readonly muted: "text-[color:var(--zui-breadcrumb-muted-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-breadcrumb-muted-fg-dark,oklch(70.4%_0.04_256.788))]";
5
+ readonly sky: "text-[color:var(--zui-breadcrumb-sky-fg,oklch(44.3%_0.11_240.79))] dark:text-[color:var(--zui-breadcrumb-sky-fg-dark,oklch(58.8%_0.158_241.966))]";
6
+ readonly rose: "text-[color:var(--zui-breadcrumb-rose-fg,oklch(45.5%_0.188_13.697))] dark:text-[color:var(--zui-breadcrumb-rose-fg-dark,oklch(58.6%_0.253_17.585))]";
7
+ readonly purple: "text-[color:var(--zui-breadcrumb-purple-fg,oklch(43.8%_0.218_303.724))] dark:text-[color:var(--zui-breadcrumb-purple-fg-dark,oklch(55.8%_0.288_302.321))]";
8
+ readonly pink: "text-[color:var(--zui-breadcrumb-pink-fg,oklch(45.9%_0.187_3.815))] dark:text-[color:var(--zui-breadcrumb-pink-fg-dark,oklch(59.2%_0.249_0.584))]";
9
+ readonly orange: "text-[color:var(--zui-breadcrumb-orange-fg,oklch(47%_0.157_37.304))] dark:text-[color:var(--zui-breadcrumb-orange-fg-dark,oklch(64.6%_0.222_41.116))]";
10
+ readonly yellow: "text-[color:var(--zui-breadcrumb-yellow-fg,oklch(47.6%_0.114_61.907))] dark:text-[color:var(--zui-breadcrumb-yellow-fg-dark,oklch(68.1%_0.162_75.834))]";
11
+ readonly teal: "text-[color:var(--zui-breadcrumb-teal-fg,oklch(43.7%_0.078_188.216))] dark:text-[color:var(--zui-breadcrumb-teal-fg-dark,oklch(60%_0.118_184.704))]";
12
+ readonly indigo: "text-[color:var(--zui-breadcrumb-indigo-fg,oklch(39.8%_0.195_277.366))] dark:text-[color:var(--zui-breadcrumb-indigo-fg-dark,oklch(51.1%_0.262_276.966))]";
13
+ readonly emerald: "text-[color:var(--zui-breadcrumb-emerald-fg,oklch(43.2%_0.095_166.913))] dark:text-[color:var(--zui-breadcrumb-emerald-fg-dark,oklch(59.6%_0.145_163.225))]";
14
+ readonly gray: "text-[color:var(--zui-breadcrumb-gray-fg,oklch(27.8%_0.033_256.848))] dark:text-[color:var(--zui-breadcrumb-gray-fg-dark,oklch(44.6%_0.03_256.802))]";
15
+ readonly amber: "text-[color:var(--zui-breadcrumb-amber-fg,oklch(47.3%_0.137_46.201))] dark:text-[color:var(--zui-breadcrumb-amber-fg-dark,oklch(66.6%_0.179_58.318))]";
16
+ readonly violet: "text-[color:var(--zui-breadcrumb-violet-fg,oklch(43.2%_0.232_292.759))] dark:text-[color:var(--zui-breadcrumb-violet-fg-dark,oklch(54.1%_0.281_293.009))]";
17
+ };
18
+ export declare const zuiBreadcrumbListBase = "flex flex-wrap items-center gap-1.5";
19
+ export declare const zuiBreadcrumbItemBase = "inline-flex items-center gap-1.5";
20
+ export declare const zuiBreadcrumbLinkBase = "rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-breadcrumb-link-ring-focus,#0000004d)] dark:focus-visible:ring-[var(--zui-breadcrumb-link-ring-focus-dark,#ffffff4d)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-breadcrumb-link-ring-offset-focus,oklch(98.4%_0.003_247.858))] dark:focus-visible:ring-offset-[var(--zui-breadcrumb-link-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))]";
21
+ export declare const zuiBreadcrumbPageBase = "font-medium text-[color:var(--zui-breadcrumb-page-fg,oklch(27.9%_0.041_260.031))] dark:text-[color:var(--zui-breadcrumb-page-fg-dark,oklch(96.8%_0.007_247.896))]";
22
+ export declare const zuiBreadcrumbSeparatorBase = "select-none text-[color:var(--zui-breadcrumb-separator-fg,oklch(70.4%_0.04_256.788))] dark:text-[color:var(--zui-breadcrumb-separator-fg-dark,oklch(44.6%_0.043_257.281))]";
23
+ export declare const zuiBreadcrumbSeparatorSizes: {
24
+ readonly sm: "text-xs";
25
+ readonly md: "text-sm";
26
+ };
27
+ //# sourceMappingURL=breadcrumb.d.ts.map
package/dist/design-system/breadcrumb.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../src/design-system/breadcrumb.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,YAAY,CAAC;AAE9C,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;CAwB3B,CAAC;AAEX,eAAO,MAAM,qBAAqB,wCAAwC,CAAC;AAE3E,eAAO,MAAM,qBAAqB,qCAAqC,CAAC;AAExE,eAAO,MAAM,qBAAqB,icAC8Z,CAAC;AAEjc,eAAO,MAAM,qBAAqB,sKACmI,CAAC;AAEtK,eAAO,MAAM,0BAA0B,+KACuI,CAAC;AAE/K,eAAO,MAAM,2BAA2B;;;CAG9B,CAAC"}
package/dist/design-system/button.d.ts ADDED
@@ -0,0 +1,48 @@
1
+ export declare const zuiButtonBase: readonly ["inline-flex items-center justify-center gap-2 whitespace-nowrap", "rounded-[var(--zui-button-radius,0.75rem)]", "text-sm font-medium", "ring-offset-[var(--zui-button-ring-offset,#f8fafc)] dark:ring-offset-[var(--zui-button-ring-offset-dark,#020617)]", "transition-colors", "select-none", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-button-focus-ring,#475569)] dark:focus-visible:ring-[var(--zui-button-focus-ring-dark,#cbd5e1)] focus-visible:ring-offset-2", "disabled:pointer-events-none disabled:opacity-50"];
2
+ export declare const zuiButtonAppearances: {
3
+ readonly default: "bg-[var(--zui-button-default-bg,#0f172a)] dark:bg-[var(--zui-button-default-bg-dark,#f8fafc)] text-[color:var(--zui-button-default-fg,#f8fafc)] dark:text-[color:var(--zui-button-default-fg-dark,#020617)] shadow-[var(--zui-button-default-shadow,0_1px_2px_#0f172a14)] dark:shadow-[var(--zui-button-default-shadow-dark,0_1px_2px_#0f172a1f)] hover:bg-[var(--zui-button-default-bg-hover,#000000)] dark:hover:bg-[var(--zui-button-default-bg-hover-dark,#ffffff)]";
4
+ readonly secondary: "bg-[var(--zui-button-secondary-bg,#e2e8f0)] dark:bg-[var(--zui-button-secondary-bg-dark,#1e293b)] text-[color:var(--zui-button-secondary-fg,#0f172a)] dark:text-[color:var(--zui-button-secondary-fg-dark,#f8fafc)] hover:bg-[var(--zui-button-secondary-bg-hover,#cbd5e1)] dark:hover:bg-[var(--zui-button-secondary-bg-hover-dark,#334155)]";
5
+ readonly destructive: "bg-[var(--zui-button-destructive-bg,#f43f5e)] dark:bg-[var(--zui-button-destructive-bg-dark,#be123c)] text-[color:var(--zui-button-destructive-fg,#ffffff)] dark:text-[color:var(--zui-button-destructive-fg-dark,#ffffff)] hover:bg-[var(--zui-button-destructive-bg-hover,#f43f5e)] dark:hover:bg-[var(--zui-button-destructive-bg-hover-dark,#9f1239)]";
6
+ readonly outline: "border border-[color:var(--zui-button-outline-border,#0000001a)] dark:border-[color:var(--zui-button-outline-border-dark,#ffffff1a)] bg-[var(--zui-button-outline-bg,#0000000d)] dark:bg-[var(--zui-button-outline-bg-dark,#ffffff0d)] text-[color:var(--zui-button-outline-fg,#0f172a)] dark:text-[color:var(--zui-button-outline-fg-dark,#f8fafc)] hover:bg-[var(--zui-button-outline-bg-hover,#0000001a)] dark:hover:bg-[var(--zui-button-outline-bg-hover-dark,#ffffff1a)]";
7
+ readonly ghost: "bg-transparent text-[color:var(--zui-button-ghost-fg,#334155)] dark:text-[color:var(--zui-button-ghost-fg-dark,#e2e8f0)] hover:bg-[var(--zui-button-ghost-bg-hover,#0000000d)] dark:hover:bg-[var(--zui-button-ghost-bg-hover-dark,#ffffff0d)]";
8
+ readonly link: "bg-transparent text-[color:var(--zui-button-link-fg,#0e7490)] dark:text-[color:var(--zui-button-link-fg-dark,#67e8f9)] underline-offset-4 hover:underline";
9
+ readonly glass: "border border-[color:var(--zui-button-glass-border,#00000026)] dark:border-[color:var(--zui-button-glass-border-dark,#ffffff26)] bg-[var(--zui-button-glass-bg,#0000001a)] dark:bg-[var(--zui-button-glass-bg-dark,#ffffff1a)] text-[color:var(--zui-button-glass-fg,#0f172a)] dark:text-[color:var(--zui-button-glass-fg-dark,#ffffff)] backdrop-blur-md hover:bg-[var(--zui-button-glass-bg-hover,#00000026)] dark:hover:bg-[var(--zui-button-glass-bg-hover-dark,#ffffff26)]";
10
+ readonly emerald: "bg-[var(--zui-button-emerald-bg,#10b981)] dark:bg-[var(--zui-button-emerald-bg-dark,#065f46)] text-[color:var(--zui-button-emerald-fg,#ffffff)] dark:text-[color:var(--zui-button-emerald-fg-dark,#ffffff)] hover:bg-[var(--zui-button-emerald-bg-hover,#10b981)] dark:hover:bg-[var(--zui-button-emerald-bg-hover-dark,#064e3b)]";
11
+ readonly indigo: "bg-[var(--zui-button-indigo-bg,#3730a3)] dark:bg-[var(--zui-button-indigo-bg-dark,#4f46e5)] text-[color:var(--zui-button-indigo-fg,#ffffff)] dark:text-[color:var(--zui-button-indigo-fg-dark,#ffffff)] hover:bg-[var(--zui-button-indigo-bg-hover,#3730a3)] dark:hover:bg-[var(--zui-button-indigo-bg-hover-dark,#4f46e5)]";
12
+ readonly purple: "bg-[var(--zui-button-purple-bg,#6b21a8)] dark:bg-[var(--zui-button-purple-bg-dark,#9333ea)] text-[color:var(--zui-button-purple-fg,#ffffff)] dark:text-[color:var(--zui-button-purple-fg-dark,#ffffff)] hover:bg-[var(--zui-button-purple-bg-hover,#6b21a8)] dark:hover:bg-[var(--zui-button-purple-bg-hover-dark,#9333ea)]";
13
+ readonly pink: "bg-[var(--zui-button-pink-bg,#9d174d)] dark:bg-[var(--zui-button-pink-bg-dark,#db2777)] text-[color:var(--zui-button-pink-fg,#ffffff)] dark:text-[color:var(--zui-button-pink-fg-dark,#ffffff)] hover:bg-[var(--zui-button-pink-bg-hover,#9d174d)] dark:hover:bg-[var(--zui-button-pink-bg-hover-dark,#db2777)]";
14
+ readonly rose: "bg-[var(--zui-button-rose-bg,#9f1239)] dark:bg-[var(--zui-button-rose-bg-dark,#e11d48)] text-[color:var(--zui-button-rose-fg,#ffffff)] dark:text-[color:var(--zui-button-rose-fg-dark,#ffffff)] hover:bg-[var(--zui-button-rose-bg-hover,#9f1239)] dark:hover:bg-[var(--zui-button-rose-bg-hover-dark,#e11d48)]";
15
+ readonly sky: "bg-[var(--zui-button-sky-bg,#0ea5e9)] dark:bg-[var(--zui-button-sky-bg-dark,#0369a1)] text-[color:var(--zui-button-sky-fg,#ffffff)] dark:text-[color:var(--zui-button-sky-fg-dark,#ffffff)] hover:bg-[var(--zui-button-sky-bg-hover,#0ea5e9)] dark:hover:bg-[var(--zui-button-sky-bg-hover-dark,#075985)]";
16
+ readonly teal: "bg-[var(--zui-button-teal-bg,#14b8a6)] dark:bg-[var(--zui-button-teal-bg-dark,#0f766e)] text-[color:var(--zui-button-teal-fg,#ffffff)] dark:text-[color:var(--zui-button-teal-fg-dark,#ffffff)] hover:bg-[var(--zui-button-teal-bg-hover,#14b8a6)] dark:hover:bg-[var(--zui-button-teal-bg-hover-dark,#115e59)]";
17
+ readonly yellow: "bg-[var(--zui-button-yellow-bg,#eab308)] dark:bg-[var(--zui-button-yellow-bg-dark,#854d0e)] text-[color:var(--zui-button-yellow-fg,#ffffff)] dark:text-[color:var(--zui-button-yellow-fg-dark,#ffffff)] hover:bg-[var(--zui-button-yellow-bg-hover,#eab308)] dark:hover:bg-[var(--zui-button-yellow-bg-hover-dark,#713f12)]";
18
+ readonly orange: "bg-[var(--zui-button-orange-bg,#f97316)] dark:bg-[var(--zui-button-orange-bg-dark,#9a3412)] text-[color:var(--zui-button-orange-fg,#ffffff)] dark:text-[color:var(--zui-button-orange-fg-dark,#ffffff)] hover:bg-[var(--zui-button-orange-bg-hover,#f97316)] dark:hover:bg-[var(--zui-button-orange-bg-hover-dark,#7c2d12)]";
19
+ readonly gray: "bg-[var(--zui-button-gray-bg,#6b7280)] dark:bg-[var(--zui-button-gray-bg-dark,#374151)] text-[color:var(--zui-button-gray-fg,#ffffff)] dark:text-[color:var(--zui-button-gray-fg-dark,#ffffff)] hover:bg-[var(--zui-button-gray-bg-hover,#6b7280)] dark:hover:bg-[var(--zui-button-gray-bg-hover-dark,#1f2937)]";
20
+ readonly amber: "bg-[var(--zui-button-amber-bg,#f59e0b)] dark:bg-[var(--zui-button-amber-bg-dark,#92400e)] text-[color:var(--zui-button-amber-fg,#ffffff)] dark:text-[color:var(--zui-button-amber-fg-dark,#ffffff)] hover:bg-[var(--zui-button-amber-bg-hover,#f59e0b)] dark:hover:bg-[var(--zui-button-amber-bg-hover-dark,#78350f)]";
21
+ readonly violet: "bg-[var(--zui-button-violet-bg,#5b21b6)] dark:bg-[var(--zui-button-violet-bg-dark,#7c3aed)] text-[color:var(--zui-button-violet-fg,#ffffff)] dark:text-[color:var(--zui-button-violet-fg-dark,#ffffff)] hover:bg-[var(--zui-button-violet-bg-hover,#5b21b6)] dark:hover:bg-[var(--zui-button-violet-bg-hover-dark,#7c3aed)]";
22
+ readonly "gradient-blue": "bg-linear-to-r from-[var(--zui-button-gradient-blue-from,#1e40af)] dark:from-[var(--zui-button-gradient-blue-from-dark,#2563eb)] to-[var(--zui-button-gradient-blue-to,#6b21a8)] dark:to-[var(--zui-button-gradient-blue-to-dark,#9333ea)] text-[color:var(--zui-button-gradient-blue-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-blue-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-blue-from-hover,#1e40af)] dark:hover:from-[var(--zui-button-gradient-blue-from-hover-dark,#2563eb)] hover:to-[var(--zui-button-gradient-blue-to-hover,#6b21a8)] dark:hover:to-[var(--zui-button-gradient-blue-to-hover-dark,#9333ea)]";
23
+ readonly "gradient-green": "bg-linear-to-r from-[var(--zui-button-gradient-green-from,#166534)] dark:from-[var(--zui-button-gradient-green-from-dark,#16a34a)] to-[var(--zui-button-gradient-green-to,#3f6212)] dark:to-[var(--zui-button-gradient-green-to-dark,#65a30d)] text-[color:var(--zui-button-gradient-green-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-green-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-green-from-hover,#166534)] dark:hover:from-[var(--zui-button-gradient-green-from-hover-dark,#16a34a)] hover:to-[var(--zui-button-gradient-green-to-hover,#3f6212)] dark:hover:to-[var(--zui-button-gradient-green-to-hover-dark,#65a30d)]";
24
+ readonly "gradient-red": "bg-linear-to-r from-[var(--zui-button-gradient-red-from,#991b1b)] dark:from-[var(--zui-button-gradient-red-from-dark,#dc2626)] to-[var(--zui-button-gradient-red-to,#9d174d)] dark:to-[var(--zui-button-gradient-red-to-dark,#db2777)] text-[color:var(--zui-button-gradient-red-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-red-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-red-from-hover,#991b1b)] dark:hover:from-[var(--zui-button-gradient-red-from-hover-dark,#dc2626)] hover:to-[var(--zui-button-gradient-red-to-hover,#9d174d)] dark:hover:to-[var(--zui-button-gradient-red-to-hover-dark,#db2777)]";
25
+ readonly "gradient-yellow": "bg-linear-to-r from-[var(--zui-button-gradient-yellow-from,#854d0e)] dark:from-[var(--zui-button-gradient-yellow-from-dark,#ca8a04)] to-[var(--zui-button-gradient-yellow-to,#9a3412)] dark:to-[var(--zui-button-gradient-yellow-to-dark,#ea580c)] text-[color:var(--zui-button-gradient-yellow-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-yellow-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-yellow-from-hover,#854d0e)] dark:hover:from-[var(--zui-button-gradient-yellow-from-hover-dark,#ca8a04)] hover:to-[var(--zui-button-gradient-yellow-to-hover,#9a3412)] dark:hover:to-[var(--zui-button-gradient-yellow-to-hover-dark,#ea580c)]";
26
+ readonly "gradient-purple": "bg-linear-to-r from-[var(--zui-button-gradient-purple-from,#6b21a8)] dark:from-[var(--zui-button-gradient-purple-from-dark,#9333ea)] to-[var(--zui-button-gradient-purple-to,#9d174d)] dark:to-[var(--zui-button-gradient-purple-to-dark,#db2777)] text-[color:var(--zui-button-gradient-purple-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-purple-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-purple-from-hover,#6b21a8)] dark:hover:from-[var(--zui-button-gradient-purple-from-hover-dark,#9333ea)] hover:to-[var(--zui-button-gradient-purple-to-hover,#9d174d)] dark:hover:to-[var(--zui-button-gradient-purple-to-hover-dark,#db2777)]";
27
+ readonly "gradient-teal": "bg-linear-to-r from-[var(--zui-button-gradient-teal-from,#115e59)] dark:from-[var(--zui-button-gradient-teal-from-dark,#0d9488)] to-[var(--zui-button-gradient-teal-to,#155e75)] dark:to-[var(--zui-button-gradient-teal-to-dark,#0891b2)] text-[color:var(--zui-button-gradient-teal-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-teal-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-teal-from-hover,#115e59)] dark:hover:from-[var(--zui-button-gradient-teal-from-hover-dark,#0d9488)] hover:to-[var(--zui-button-gradient-teal-to-hover,#155e75)] dark:hover:to-[var(--zui-button-gradient-teal-to-hover-dark,#0891b2)]";
28
+ readonly "gradient-indigo": "bg-linear-to-r from-[var(--zui-button-gradient-indigo-from,#3730a3)] dark:from-[var(--zui-button-gradient-indigo-from-dark,#4f46e5)] to-[var(--zui-button-gradient-indigo-to,#6b21a8)] dark:to-[var(--zui-button-gradient-indigo-to-dark,#9333ea)] text-[color:var(--zui-button-gradient-indigo-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-indigo-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-indigo-from-hover,#3730a3)] dark:hover:from-[var(--zui-button-gradient-indigo-from-hover-dark,#4f46e5)] hover:to-[var(--zui-button-gradient-indigo-to-hover,#6b21a8)] dark:hover:to-[var(--zui-button-gradient-indigo-to-hover-dark,#9333ea)]";
29
+ readonly "gradient-pink": "bg-linear-to-r from-[var(--zui-button-gradient-pink-from,#9d174d)] dark:from-[var(--zui-button-gradient-pink-from-dark,#db2777)] to-[var(--zui-button-gradient-pink-to,#9f1239)] dark:to-[var(--zui-button-gradient-pink-to-dark,#e11d48)] text-[color:var(--zui-button-gradient-pink-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-pink-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-pink-from-hover,#9d174d)] dark:hover:from-[var(--zui-button-gradient-pink-from-hover-dark,#db2777)] hover:to-[var(--zui-button-gradient-pink-to-hover,#9f1239)] dark:hover:to-[var(--zui-button-gradient-pink-to-hover-dark,#e11d48)]";
30
+ readonly "gradient-orange": "bg-linear-to-r from-[var(--zui-button-gradient-orange-from,#9a3412)] dark:from-[var(--zui-button-gradient-orange-from-dark,#ea580c)] to-[var(--zui-button-gradient-orange-to,#991b1b)] dark:to-[var(--zui-button-gradient-orange-to-dark,#dc2626)] text-[color:var(--zui-button-gradient-orange-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-orange-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-orange-from-hover,#9a3412)] dark:hover:from-[var(--zui-button-gradient-orange-from-hover-dark,#ea580c)] hover:to-[var(--zui-button-gradient-orange-to-hover,#991b1b)] dark:hover:to-[var(--zui-button-gradient-orange-to-hover-dark,#dc2626)]";
31
+ };
32
+ export declare const zuiButtonSizes: {
33
+ readonly sm: "h-7 md:h-9 px-3 text-xs";
34
+ readonly md: "h-9 md:h-11 px-4";
35
+ readonly lg: "h-10 md:h-12 px-5 text-base";
36
+ readonly xl: "h-12 md:h-14 px-6 text-lg";
37
+ readonly "2xl": "h-14 md:h-16 px-6 md:px-8 text-xl";
38
+ readonly "3xl": "h-16 md:h-18 px-8 md:px-10 text-2xl";
39
+ readonly "4xl": "h-18 md:h-20 px-10 md:px-12 text-2xl";
40
+ readonly "5xl": "h-20 md:h-22 px-12 md:px-14 text-2xl";
41
+ readonly "6xl": "h-22 md:h-24 px-14 md:px-16 text-2xl";
42
+ readonly "7xl": "h-24 md:h-26 px-16 md:px-18 text-2xl";
43
+ readonly "8xl": "h-26 md:h-28 px-20 text-2xl";
44
+ readonly "9xl": "h-24 md:h-30 px-18 md:px-22 text-2xl";
45
+ readonly "10xl": "h-26 md:h-32 px-20 md:px-24 text-2xl";
46
+ readonly icon: "h-10 w-10";
47
+ };
48
+ //# sourceMappingURL=button.d.ts.map
package/dist/design-system/button.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/design-system/button.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,6iBAQhB,CAAC;AAEX,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDvB,CAAC;AAEX,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;CAejB,CAAC"}
package/dist/design-system/card.d.ts ADDED
@@ -0,0 +1,65 @@
1
+ export declare const zuiCardBase: readonly ["relative flex w-full flex-col overflow-hidden text-[color:var(--zui-card-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-card-fg-dark,oklch(98.4%_0.003_247.858))]", "ring-offset-[var(--zui-card-ring-offset,oklch(98.4%_0.003_247.858))] dark:ring-offset-[var(--zui-card-ring-offset-dark,oklch(12.9%_0.042_264.695))] transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-card-ring-focus,oklch(44.6%_0.043_257.281))] dark:focus-visible:ring-[var(--zui-card-ring-focus-dark,oklch(86.9%_0.022_252.894))] focus-visible:ring-offset-2"];
2
+ export declare const zuiCardAppearances: {
3
+ readonly default: "border border-[color:var(--zui-card-default-border,#0000001a)] dark:border-[color:var(--zui-card-default-border-dark,#ffffff1a)] bg-[var(--zui-card-default-bg,#0000000d)] dark:bg-[var(--zui-card-default-bg-dark,#ffffff0d)] shadow-[var(--zui-card-default-shadow,0_1px_2px_rgba(15,23,42,0.08))] dark:shadow-[var(--zui-card-default-shadow-dark,0_1px_2px_rgba(15,23,42,0.12))]";
4
+ readonly glass: "border border-[color:var(--zui-card-glass-border,#00000026)] dark:border-[color:var(--zui-card-glass-border-dark,#ffffff26)] bg-[var(--zui-card-glass-bg,#0000001a)] dark:bg-[var(--zui-card-glass-bg-dark,#ffffff1a)] backdrop-blur-md shadow-[var(--zui-card-glass-shadow,0_8px_24px_rgba(15,23,42,0.12))] dark:shadow-[var(--zui-card-glass-shadow-dark,0_18px_48px_rgba(15,23,42,0.35))]";
5
+ readonly outline: "border border-[color:var(--zui-card-outline-border,#00000026)] dark:border-[color:var(--zui-card-outline-border-dark,#ffffff26)] bg-[var(--zui-card-outline-bg,transparent)]";
6
+ readonly ghost: "border border-[color:var(--zui-card-ghost-border,transparent)] bg-[var(--zui-card-ghost-bg,transparent)]";
7
+ readonly elevated: "border border-[color:var(--zui-card-elevated-border,#0000001a)] dark:border-[color:var(--zui-card-elevated-border-dark,#ffffff1a)] bg-[var(--zui-card-elevated-bg,oklch(96.8%_0.007_247.896_/_0.8))] dark:bg-[var(--zui-card-elevated-bg-dark,oklch(20.8%_0.042_265.755_/_0.8))] shadow-[var(--zui-card-elevated-shadow,0_12px_32px_rgba(15,23,42,0.12))] dark:shadow-[var(--zui-card-elevated-shadow-dark,0_24px_64px_rgba(15,23,42,0.45))]";
8
+ readonly sky: "border border-[color:var(--zui-card-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-card-sky-border-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-card-sky-bg,oklch(97.7%_0.013_236.62))] dark:bg-[var(--zui-card-sky-bg-dark,oklch(29.3%_0.066_243.157_/_0.7))] backdrop-blur-xl";
9
+ readonly rose: "border border-[color:var(--zui-card-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-card-rose-border-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-card-rose-bg,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-card-rose-bg-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl";
10
+ readonly purple: "border border-[color:var(--zui-card-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-card-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-card-purple-bg,oklch(97.7%_0.014_308.299))] dark:bg-[var(--zui-card-purple-bg-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl";
11
+ readonly pink: "border border-[color:var(--zui-card-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-card-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-card-pink-bg,oklch(97.1%_0.014_343.198))] dark:bg-[var(--zui-card-pink-bg-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl";
12
+ readonly orange: "border border-[color:var(--zui-card-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-card-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-card-orange-bg,oklch(98%_0.016_73.684))] dark:bg-[var(--zui-card-orange-bg-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl";
13
+ readonly yellow: "border border-[color:var(--zui-card-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-card-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-card-yellow-bg,oklch(98.7%_0.026_102.212))] dark:bg-[var(--zui-card-yellow-bg-dark,oklch(28.6%_0.066_53.813_/_0.7))] backdrop-blur-xl";
14
+ readonly teal: "border border-[color:var(--zui-card-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-card-teal-border-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-card-teal-bg,oklch(98.4%_0.014_180.72))] dark:bg-[var(--zui-card-teal-bg-dark,oklch(27.7%_0.046_192.524_/_0.7))] backdrop-blur-xl";
15
+ readonly indigo: "border border-[color:var(--zui-card-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-card-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-card-indigo-bg,oklch(96.2%_0.018_272.314))] dark:bg-[var(--zui-card-indigo-bg-dark,oklch(25.7%_0.09_281.288_/_0.7))] backdrop-blur-xl";
16
+ readonly emerald: "border border-[color:var(--zui-card-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-card-emerald-border-dark,oklch(59.6%_0.145_163.225))] bg-[var(--zui-card-emerald-bg,oklch(97.9%_0.021_166.113))] dark:bg-[var(--zui-card-emerald-bg-dark,oklch(26.2%_0.051_172.552_/_0.7))] backdrop-blur-xl";
17
+ readonly gray: "border border-[color:var(--zui-card-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-card-gray-border-dark,oklch(44.6%_0.03_256.802))] bg-[var(--zui-card-gray-bg,oklch(98.5%_0.002_247.839))] dark:bg-[var(--zui-card-gray-bg-dark,oklch(13%_0.028_261.692_/_0.7))] backdrop-blur-xl";
18
+ readonly amber: "border border-[color:var(--zui-card-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-card-amber-border-dark,oklch(66.6%_0.179_58.318))] bg-[var(--zui-card-amber-bg,oklch(98.7%_0.022_95.277))] dark:bg-[var(--zui-card-amber-bg-dark,oklch(27.9%_0.077_45.635_/_0.7))] backdrop-blur-xl";
19
+ readonly violet: "border border-[color:var(--zui-card-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-card-violet-border-dark,oklch(54.1%_0.281_293.009))] bg-[var(--zui-card-violet-bg,oklch(96.9%_0.016_293.756))] dark:bg-[var(--zui-card-violet-bg-dark,oklch(28.3%_0.141_291.089_/_0.7))] backdrop-blur-xl";
20
+ readonly "gradient-blue": "border border-[color:var(--zui-card-gradient-blue-border,oklch(42.4%_0.199_265.638))] dark:border-[color:var(--zui-card-gradient-blue-border-dark,oklch(54.6%_0.245_262.881))] bg-linear-to-r from-[var(--zui-card-gradient-blue-from,oklch(97%_0.014_254.604))] dark:from-[var(--zui-card-gradient-blue-from-dark,oklch(28.2%_0.091_267.935_/_0.7))] to-[var(--zui-card-gradient-blue-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-card-gradient-blue-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl";
21
+ readonly "gradient-green": "border border-[color:var(--zui-card-gradient-green-border,oklch(44.8%_0.119_151.328))] dark:border-[color:var(--zui-card-gradient-green-border-dark,oklch(62.7%_0.194_149.214))] bg-linear-to-r from-[var(--zui-card-gradient-green-from,oklch(98.2%_0.018_155.826))] dark:from-[var(--zui-card-gradient-green-from-dark,oklch(26.6%_0.065_152.934_/_0.7))] to-[var(--zui-card-gradient-green-to,oklch(98.6%_0.031_120.757))] dark:to-[var(--zui-card-gradient-green-to-dark,oklch(27.4%_0.072_132.109_/_0.7))] backdrop-blur-xl";
22
+ readonly "gradient-red": "border border-[color:var(--zui-card-gradient-red-border,oklch(44.4%_0.177_26.899))] dark:border-[color:var(--zui-card-gradient-red-border-dark,oklch(57.7%_0.245_27.325))] bg-linear-to-r from-[var(--zui-card-gradient-red-from,oklch(97.1%_0.013_17.38))] dark:from-[var(--zui-card-gradient-red-from-dark,oklch(25.8%_0.092_26.042_/_0.7))] to-[var(--zui-card-gradient-red-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-card-gradient-red-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl";
23
+ readonly "gradient-yellow": "border border-[color:var(--zui-card-gradient-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-card-gradient-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-linear-to-r from-[var(--zui-card-gradient-yellow-from,oklch(98.7%_0.026_102.212))] dark:from-[var(--zui-card-gradient-yellow-from-dark,oklch(28.6%_0.066_53.813_/_0.7))] to-[var(--zui-card-gradient-yellow-to,oklch(98%_0.016_73.684))] dark:to-[var(--zui-card-gradient-yellow-to-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl";
24
+ readonly "gradient-purple": "border border-[color:var(--zui-card-gradient-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-card-gradient-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-linear-to-r from-[var(--zui-card-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:from-[var(--zui-card-gradient-purple-from-dark,oklch(29.1%_0.149_302.717_/_0.7))] to-[var(--zui-card-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-card-gradient-purple-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl";
25
+ readonly "gradient-teal": "border border-[color:var(--zui-card-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-card-gradient-teal-border-dark,oklch(60%_0.118_184.704))] bg-linear-to-r from-[var(--zui-card-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-card-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.7))] to-[var(--zui-card-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-card-gradient-teal-to-dark,oklch(30.2%_0.056_229.695_/_0.7))] backdrop-blur-xl";
26
+ readonly "gradient-indigo": "border border-[color:var(--zui-card-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-card-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-linear-to-r from-[var(--zui-card-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-card-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.7))] to-[var(--zui-card-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-card-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl";
27
+ readonly "gradient-pink": "border border-[color:var(--zui-card-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-card-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-linear-to-r from-[var(--zui-card-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-card-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.7))] to-[var(--zui-card-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-card-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl";
28
+ readonly "gradient-orange": "border border-[color:var(--zui-card-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-card-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-linear-to-r from-[var(--zui-card-gradient-orange-from,oklch(98%_0.016_73.684))] dark:from-[var(--zui-card-gradient-orange-from-dark,oklch(26.6%_0.079_36.259_/_0.7))] to-[var(--zui-card-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:to-[var(--zui-card-gradient-orange-to-dark,oklch(25.8%_0.092_26.042_/_0.7))] backdrop-blur-xl";
29
+ };
30
+ export declare const zuiCardSizes: {
31
+ readonly sm: "gap-2 p-3 text-sm";
32
+ readonly md: "gap-3 p-4 text-sm";
33
+ readonly lg: "gap-4 p-6 text-base";
34
+ };
35
+ export declare const zuiCardRounded: {
36
+ readonly sm: "rounded-lg";
37
+ readonly md: "rounded-xl";
38
+ readonly lg: "rounded-2xl";
39
+ readonly full: "rounded-3xl";
40
+ };
41
+ export declare const zuiCardHeaderBase = "flex flex-col gap-1 border-b border-[color:var(--zui-card-header-border,#0000001a)] dark:border-[color:var(--zui-card-header-border-dark,#ffffff1a)] pb-3";
42
+ export declare const zuiCardHeaderSizes: {
43
+ readonly sm: "pb-2";
44
+ readonly md: "pb-3";
45
+ readonly lg: "pb-4";
46
+ };
47
+ export declare const zuiCardFooterBase = "flex flex-col gap-2 border-t border-[color:var(--zui-card-footer-border,#0000001a)] dark:border-[color:var(--zui-card-footer-border-dark,#ffffff1a)] pt-3";
48
+ export declare const zuiCardFooterSizes: {
49
+ readonly sm: "pt-2";
50
+ readonly md: "pt-3";
51
+ readonly lg: "pt-4";
52
+ };
53
+ export declare const zuiCardTitleBase = "font-semibold tracking-tight text-[color:var(--zui-card-title-fg,oklch(12.9%_0.042_264.695))] dark:text-[color:var(--zui-card-title-fg-dark,#ffffff)]";
54
+ export declare const zuiCardTitleSizes: {
55
+ readonly sm: "text-sm";
56
+ readonly md: "text-base";
57
+ readonly lg: "text-lg";
58
+ };
59
+ export declare const zuiCardDescriptionBase = "text-[color:var(--zui-card-description-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-card-description-fg-dark,oklch(98.4%_0.003_247.858))]";
60
+ export declare const zuiCardDescriptionSizes: {
61
+ readonly sm: "text-xs";
62
+ readonly md: "text-sm";
63
+ readonly lg: "text-base";
64
+ };
65
+ //# sourceMappingURL=card.d.ts.map
package/dist/design-system/card.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/design-system/card.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,olBAId,CAAC;AAEX,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDrB,CAAC;AAEX,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,eAAO,MAAM,cAAc;;;;;CAKjB,CAAC;AAEX,eAAO,MAAM,iBAAiB,8JAC+H,CAAC;AAE9J,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAC;AAEX,eAAO,MAAM,iBAAiB,8JAC+H,CAAC;AAE9J,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAC;AAEX,eAAO,MAAM,gBAAgB,0JAC4H,CAAC;AAE1J,eAAO,MAAM,iBAAiB;;;;CAIpB,CAAC;AAEX,eAAO,MAAM,sBAAsB,4JACwH,CAAC;AAE5J,eAAO,MAAM,uBAAuB;;;;CAI1B,CAAC"}
package/dist/design-system/checkbox.d.ts ADDED
@@ -0,0 +1,32 @@
1
+ export declare const zuiCheckboxRootBase = "group inline-flex w-fit items-start gap-2.5 text-sm font-medium text-[color:var(--zui-checkbox-label-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-checkbox-label-fg-dark,oklch(98.4%_0.003_247.858))] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50";
2
+ export declare const zuiCheckboxControlBase = "grid shrink-0 place-items-center rounded-md border-2 border-[color:var(--zui-checkbox-border,#0000004d)] bg-[var(--zui-checkbox-bg,transparent)] text-[color:var(--zui-checkbox-fg,oklch(44.6%_0.043_257.281))] transition-[background-color,border-color,color,box-shadow] peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-[var(--zui-checkbox-ring-focus,oklch(44.6%_0.043_257.281_/_0.7))] peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-[var(--zui-checkbox-ring-offset-focus,oklch(98.4%_0.003_247.858))] dark:border-[color:var(--zui-checkbox-border-dark,#ffffff4d)] dark:text-[color:var(--zui-checkbox-fg-dark,oklch(92.9%_0.013_255.508))] dark:peer-focus-visible:ring-[var(--zui-checkbox-ring-focus-dark,oklch(86.9%_0.022_252.894_/_0.7))] dark:peer-focus-visible:ring-offset-[var(--zui-checkbox-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))] group-data-[disabled=true]:cursor-not-allowed";
3
+ export declare const zuiCheckboxIndicatorBase = "pointer-events-none opacity-0 transition-opacity duration-150 stroke-white group-data-[state=checked]:opacity-100 group-data-[state=indeterminate]:opacity-100";
4
+ export declare const zuiCheckboxSizes: {
5
+ readonly sm: {
6
+ readonly root: "text-xs";
7
+ readonly control: "mt-0.5 size-4 rounded-[0.35rem]";
8
+ readonly indicator: "size-3";
9
+ };
10
+ readonly md: {
11
+ readonly root: "text-sm";
12
+ readonly control: "mt-0.5 size-5";
13
+ readonly indicator: "size-3.5";
14
+ };
15
+ readonly lg: {
16
+ readonly root: "text-base";
17
+ readonly control: "mt-0.5 size-6";
18
+ readonly indicator: "size-4";
19
+ };
20
+ };
21
+ export declare const zuiCheckboxAppearances: {
22
+ readonly default: "group-data-[state=checked]:border-[color:var(--zui-checkbox-default-border-checked,oklch(44.6%_0.043_257.281))] group-data-[state=checked]:bg-[var(--zui-checkbox-default-bg-checked,oklch(44.6%_0.043_257.281))] group-data-[state=checked]:text-[color:var(--zui-checkbox-default-fg-checked,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-default-border-checked,oklch(44.6%_0.043_257.281))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-default-bg-checked,oklch(44.6%_0.043_257.281))] group-data-[state=indeterminate]:text-[color:var(--zui-checkbox-default-fg-checked,#ffffff)]";
23
+ readonly success: "group-data-[state=checked]:border-[color:var(--zui-checkbox-success-border-checked,oklch(59.6%_0.145_163.225))] group-data-[state=checked]:bg-[var(--zui-checkbox-success-bg-checked,oklch(59.6%_0.145_163.225))] group-data-[state=checked]:text-[color:var(--zui-checkbox-success-fg-checked,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-success-border-checked,oklch(59.6%_0.145_163.225))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-success-bg-checked,oklch(59.6%_0.145_163.225))]";
24
+ readonly warning: "group-data-[state=checked]:border-[color:var(--zui-checkbox-warning-border-checked,oklch(68.1%_0.162_75.834))] group-data-[state=checked]:bg-[var(--zui-checkbox-warning-bg-checked,oklch(68.1%_0.162_75.834))] group-data-[state=checked]:text-[color:var(--zui-checkbox-warning-fg-checked,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-warning-border-checked,oklch(68.1%_0.162_75.834))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-warning-bg-checked,oklch(68.1%_0.162_75.834))]";
25
+ readonly error: "group-data-[state=checked]:border-[color:var(--zui-checkbox-error-border-checked,oklch(58.6%_0.253_17.585))] group-data-[state=checked]:bg-[var(--zui-checkbox-error-bg-checked,oklch(58.6%_0.253_17.585))] group-data-[state=checked]:text-[color:var(--zui-checkbox-error-fg-checked,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-error-border-checked,oklch(58.6%_0.253_17.585))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-error-bg-checked,oklch(58.6%_0.253_17.585))]";
26
+ readonly info: "group-data-[state=checked]:border-[color:var(--zui-checkbox-info-border-checked,oklch(54.6%_0.245_262.881))] group-data-[state=checked]:bg-[var(--zui-checkbox-info-bg-checked,oklch(54.6%_0.245_262.881))] group-data-[state=checked]:text-[color:var(--zui-checkbox-info-fg-checked,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-info-border-checked,oklch(54.6%_0.245_262.881))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-info-bg-checked,oklch(54.6%_0.245_262.881))]";
27
+ readonly violet: "group-data-[state=checked]:border-[color:var(--zui-checkbox-violet-border-checked,oklch(54.1%_0.281_293.009))] group-data-[state=checked]:bg-[var(--zui-checkbox-violet-bg-checked,oklch(54.1%_0.281_293.009))] group-data-[state=checked]:text-[color:var(--zui-checkbox-violet-fg-checked,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-violet-border-checked,oklch(54.1%_0.281_293.009))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-violet-bg-checked,oklch(54.1%_0.281_293.009))]";
28
+ readonly amber: "group-data-[state=checked]:border-[color:var(--zui-checkbox-amber-border-checked,oklch(66.6%_0.179_58.318))] group-data-[state=checked]:bg-[var(--zui-checkbox-amber-bg-checked,oklch(66.6%_0.179_58.318))] group-data-[state=checked]:text-[color:var(--zui-checkbox-amber-fg-checked,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-amber-border-checked,oklch(66.6%_0.179_58.318))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-amber-bg-checked,oklch(66.6%_0.179_58.318))]";
29
+ readonly pink: "group-data-[state=checked]:border-[color:var(--zui-checkbox-pink-border-checked,oklch(59.2%_0.249_0.584))] group-data-[state=checked]:bg-[var(--zui-checkbox-pink-bg-checked,oklch(59.2%_0.249_0.584))] group-data-[state=checked]:text-[color:var(--zui-checkbox-pink-fg-checked,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-pink-border-checked,oklch(59.2%_0.249_0.584))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-pink-bg-checked,oklch(59.2%_0.249_0.584))]";
30
+ readonly indigo: "group-data-[state=checked]:border-[color:var(--zui-checkbox-indigo-border-checked,oklch(51.1%_0.262_276.966))] group-data-[state=checked]:bg-[var(--zui-checkbox-indigo-bg-checked,oklch(51.1%_0.262_276.966))] group-data-[state=checked]:text-[color:var(--zui-checkbox-indigo-fg-checked,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-indigo-border-checked,oklch(51.1%_0.262_276.966))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-indigo-bg-checked,oklch(51.1%_0.262_276.966))]";
31
+ };
32
+ //# sourceMappingURL=checkbox.d.ts.map
package/dist/design-system/checkbox.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/design-system/checkbox.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,gSAC+P,CAAC;AAEhS,eAAO,MAAM,sBAAsB,46BACw4B,CAAC;AAE56B,eAAO,MAAM,wBAAwB,mKAC6H,CAAC;AAEnK,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;CAgBnB,CAAC;AAEX,eAAO,MAAM,sBAAsB;;;;;;;;;;CAmBzB,CAAC"}
package/dist/design-system/divider.d.ts ADDED
@@ -0,0 +1,45 @@
1
+ export declare const zuiDividerAppearances: {
2
+ readonly default: "text-[color:var(--zui-divider-default-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-divider-default-fg-dark,oklch(92.9%_0.013_255.508))]";
3
+ readonly muted: "text-[color:var(--zui-divider-muted-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-divider-muted-fg-dark,oklch(55.4%_0.046_257.417))]";
4
+ readonly primary: "text-[color:var(--zui-divider-primary-fg,oklch(52%_0.105_223.128))] dark:text-[color:var(--zui-divider-primary-fg-dark,oklch(86.5%_0.127_207.078))]";
5
+ readonly destructive: "text-[color:var(--zui-divider-destructive-fg,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-divider-destructive-fg-dark,oklch(71.2%_0.194_13.428))]";
6
+ readonly ghost: "text-[color:var(--zui-divider-ghost-fg,oklch(70.4%_0.04_256.788))] dark:text-[color:var(--zui-divider-ghost-fg-dark,oklch(44.6%_0.043_257.281))]";
7
+ readonly sky: "text-[color:var(--zui-divider-sky-fg,oklch(58.8%_0.158_241.966))] dark:text-[color:var(--zui-divider-sky-fg-dark,oklch(74.6%_0.16_232.661))]";
8
+ readonly rose: "text-[color:var(--zui-divider-rose-fg,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-divider-rose-fg-dark,oklch(71.2%_0.194_13.428))]";
9
+ readonly purple: "text-[color:var(--zui-divider-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-divider-purple-fg-dark,oklch(71.4%_0.203_305.504))]";
10
+ readonly pink: "text-[color:var(--zui-divider-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-divider-pink-fg-dark,oklch(71.8%_0.202_349.761))]";
11
+ readonly orange: "text-[color:var(--zui-divider-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-divider-orange-fg-dark,oklch(75%_0.183_55.934))]";
12
+ readonly yellow: "text-[color:var(--zui-divider-yellow-fg,oklch(68.1%_0.162_75.834))] dark:text-[color:var(--zui-divider-yellow-fg-dark,oklch(85.2%_0.199_91.936))]";
13
+ readonly teal: "text-[color:var(--zui-divider-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-divider-teal-fg-dark,oklch(77.7%_0.152_181.912))]";
14
+ readonly indigo: "text-[color:var(--zui-divider-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-divider-indigo-fg-dark,oklch(67.3%_0.182_276.935))]";
15
+ readonly emerald: "text-[color:var(--zui-divider-emerald-fg,oklch(59.6%_0.145_163.225))] dark:text-[color:var(--zui-divider-emerald-fg-dark,oklch(76.5%_0.177_163.223))]";
16
+ readonly gray: "text-[color:var(--zui-divider-gray-fg,oklch(44.6%_0.03_256.802))] dark:text-[color:var(--zui-divider-gray-fg-dark,oklch(70.7%_0.022_261.325))]";
17
+ readonly amber: "text-[color:var(--zui-divider-amber-fg,oklch(66.6%_0.179_58.318))] dark:text-[color:var(--zui-divider-amber-fg-dark,oklch(82.8%_0.189_84.429))]";
18
+ readonly violet: "text-[color:var(--zui-divider-violet-fg,oklch(54.1%_0.281_293.009))] dark:text-[color:var(--zui-divider-violet-fg-dark,oklch(70.2%_0.183_293.541))]";
19
+ readonly "gradient-blue": "text-[color:var(--zui-divider-gradient-blue-fg,oklch(54.6%_0.245_262.881))] dark:text-[color:var(--zui-divider-gradient-blue-fg-dark,oklch(70.7%_0.165_254.624))]";
20
+ readonly "gradient-green": "text-[color:var(--zui-divider-gradient-green-fg,oklch(62.7%_0.194_149.214))] dark:text-[color:var(--zui-divider-gradient-green-fg-dark,oklch(79.2%_0.209_151.711))]";
21
+ readonly "gradient-red": "text-[color:var(--zui-divider-gradient-red-fg,oklch(57.7%_0.245_27.325))] dark:text-[color:var(--zui-divider-gradient-red-fg-dark,oklch(70.4%_0.191_22.216))]";
22
+ readonly "gradient-yellow": "text-[color:var(--zui-divider-gradient-yellow-fg,oklch(68.1%_0.162_75.834))] dark:text-[color:var(--zui-divider-gradient-yellow-fg-dark,oklch(85.2%_0.199_91.936))]";
23
+ readonly "gradient-purple": "text-[color:var(--zui-divider-gradient-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-divider-gradient-purple-fg-dark,oklch(71.4%_0.203_305.504))]";
24
+ readonly "gradient-teal": "text-[color:var(--zui-divider-gradient-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-divider-gradient-teal-fg-dark,oklch(77.7%_0.152_181.912))]";
25
+ readonly "gradient-indigo": "text-[color:var(--zui-divider-gradient-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-divider-gradient-indigo-fg-dark,oklch(67.3%_0.182_276.935))]";
26
+ readonly "gradient-pink": "text-[color:var(--zui-divider-gradient-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-divider-gradient-pink-fg-dark,oklch(71.8%_0.202_349.761))]";
27
+ readonly "gradient-orange": "text-[color:var(--zui-divider-gradient-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-divider-gradient-orange-fg-dark,oklch(75%_0.183_55.934))]";
28
+ };
29
+ export declare const zuiDividerBase = "flex w-full items-center gap-3";
30
+ export declare const zuiDividerOrientations: {
31
+ readonly horizontal: "w-full flex-row";
32
+ readonly vertical: "h-full min-h-[2rem] w-auto flex-col self-stretch";
33
+ };
34
+ export declare const zuiDividerSizes: {
35
+ readonly sm: "";
36
+ readonly md: "";
37
+ readonly lg: "";
38
+ };
39
+ export declare const zuiDividerLineBase = "shrink grow rounded-full bg-current opacity-80";
40
+ export declare const zuiDividerLineOrientations: {
41
+ readonly horizontal: "h-px";
42
+ readonly vertical: "w-px flex-1";
43
+ };
44
+ export declare const zuiDividerLabelBase = "shrink-0 text-xs font-medium uppercase tracking-wide text-current";
45
+ //# sourceMappingURL=divider.d.ts.map
package/dist/design-system/divider.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../src/design-system/divider.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDxB,CAAC;AAEX,eAAO,MAAM,cAAc,mCAAmC,CAAC;AAE/D,eAAO,MAAM,sBAAsB;;;CAGzB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;CAIlB,CAAC;AAEX,eAAO,MAAM,kBAAkB,mDACmB,CAAC;AAEnD,eAAO,MAAM,0BAA0B;;;CAG7B,CAAC;AAEX,eAAO,MAAM,mBAAmB,sEACqC,CAAC"}
package/dist/design-system/drawer.d.ts ADDED
@@ -0,0 +1,67 @@
1
+ export declare const zuiDrawerOverlayBase = "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";
2
+ export declare const zuiDrawerTriggerBase = "relative inline-flex shrink-0 cursor-pointer border rounded px-3 py-1.5";
3
+ export declare const zuiDrawerTriggerAppearances: {
4
+ readonly default: "bg-[var(--zui-drawer-trigger-default-bg,oklch(12.9%_0.042_264.695))]";
5
+ readonly glass: "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)]";
6
+ readonly 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)]";
7
+ readonly 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)]";
8
+ readonly purple: "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)]";
9
+ readonly 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)]";
10
+ readonly orange: "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)]";
11
+ readonly yellow: "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)]";
12
+ readonly 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)]";
13
+ readonly indigo: "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)]";
14
+ readonly emerald: "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)]";
15
+ readonly 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)]";
16
+ readonly amber: "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)]";
17
+ readonly violet: "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)]";
18
+ readonly "gradient-blue": "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)]";
19
+ readonly "gradient-green": "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)]";
20
+ readonly "gradient-red": "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)]";
21
+ readonly "gradient-yellow": "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)]";
22
+ readonly "gradient-purple": "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)]";
23
+ readonly "gradient-teal": "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)]";
24
+ readonly "gradient-indigo": "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)]";
25
+ readonly "gradient-pink": "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)]";
26
+ readonly "gradient-orange": "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)]";
27
+ };
28
+ export declare const zuiDrawerContentBase = "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";
29
+ export declare const zuiDrawerContentSides: {
30
+ readonly left: "left-0 top-0 h-full w-[min(100%,420px)]";
31
+ readonly right: "right-0 top-0 h-full w-[min(100%,420px)]";
32
+ readonly top: "left-0 top-0 w-full max-h-[min(92vh,520px)]";
33
+ readonly bottom: "bottom-0 left-0 w-full max-h-[min(92vh,520px)]";
34
+ };
35
+ export declare const zuiDrawerContentSizes: {
36
+ readonly sm: "";
37
+ readonly md: "";
38
+ readonly lg: "";
39
+ readonly xl: "";
40
+ readonly full: "";
41
+ };
42
+ export declare const zuiDrawerContentAppearances: {
43
+ readonly default: "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)]";
44
+ readonly glass: "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";
45
+ readonly 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";
46
+ readonly 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";
47
+ readonly purple: "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";
48
+ readonly 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";
49
+ readonly orange: "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";
50
+ readonly yellow: "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";
51
+ readonly 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";
52
+ readonly indigo: "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";
53
+ readonly emerald: "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";
54
+ readonly 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";
55
+ readonly amber: "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";
56
+ readonly violet: "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";
57
+ readonly "gradient-blue": "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";
58
+ readonly "gradient-green": "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";
59
+ readonly "gradient-red": "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";
60
+ readonly "gradient-yellow": "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";
61
+ readonly "gradient-purple": "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";
62
+ readonly "gradient-teal": "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";
63
+ readonly "gradient-indigo": "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";
64
+ readonly "gradient-pink": "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";
65
+ readonly "gradient-orange": "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";
66
+ };
67
+ //# sourceMappingURL=drawer.d.ts.map
package/dist/design-system/drawer.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/design-system/drawer.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,yLACuJ,CAAC;AAEzL,eAAO,MAAM,oBAAoB,4EAC0C,CAAC;AAE5E,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;CA0C9B,CAAC;AAEX,eAAO,MAAM,oBAAoB,woBACsmB,CAAC;AAExoB,eAAO,MAAM,qBAAqB;;;;;CAKxB,CAAC;AAEX,eAAO,MAAM,qBAAqB;;;;;;CAMxB,CAAC;AAEX,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;CA0C9B,CAAC"}