@zentauri-ui/zentauri-components 1.9.1 → 2.0.0

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 (1031) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/README.md +34 -5
  3. package/cli/registry.json +14 -0
  4. package/dist/animations/blur-in.js +1 -0
  5. package/dist/animations/blur-in.js.map +1 -1
  6. package/dist/animations/blur-in.mjs +1 -0
  7. package/dist/animations/blur-in.mjs.map +1 -1
  8. package/dist/animations/blur-out.js +1 -0
  9. package/dist/animations/blur-out.js.map +1 -1
  10. package/dist/animations/blur-out.mjs +1 -0
  11. package/dist/animations/blur-out.mjs.map +1 -1
  12. package/dist/animations/bounce.js +1 -0
  13. package/dist/animations/bounce.js.map +1 -1
  14. package/dist/animations/bounce.mjs +1 -0
  15. package/dist/animations/bounce.mjs.map +1 -1
  16. package/dist/animations/fade-down.js +1 -0
  17. package/dist/animations/fade-down.js.map +1 -1
  18. package/dist/animations/fade-down.mjs +1 -0
  19. package/dist/animations/fade-down.mjs.map +1 -1
  20. package/dist/animations/fade-in.js +1 -0
  21. package/dist/animations/fade-in.js.map +1 -1
  22. package/dist/animations/fade-in.mjs +1 -0
  23. package/dist/animations/fade-in.mjs.map +1 -1
  24. package/dist/animations/fade-left.js +1 -0
  25. package/dist/animations/fade-left.js.map +1 -1
  26. package/dist/animations/fade-left.mjs +1 -0
  27. package/dist/animations/fade-left.mjs.map +1 -1
  28. package/dist/animations/fade-out.js +1 -0
  29. package/dist/animations/fade-out.js.map +1 -1
  30. package/dist/animations/fade-out.mjs +1 -0
  31. package/dist/animations/fade-out.mjs.map +1 -1
  32. package/dist/animations/fade-right.js +1 -0
  33. package/dist/animations/fade-right.js.map +1 -1
  34. package/dist/animations/fade-right.mjs +1 -0
  35. package/dist/animations/fade-right.mjs.map +1 -1
  36. package/dist/animations/fade-up.js +1 -0
  37. package/dist/animations/fade-up.js.map +1 -1
  38. package/dist/animations/fade-up.mjs +1 -0
  39. package/dist/animations/fade-up.mjs.map +1 -1
  40. package/dist/animations/flip-in.js +1 -0
  41. package/dist/animations/flip-in.js.map +1 -1
  42. package/dist/animations/flip-in.mjs +1 -0
  43. package/dist/animations/flip-in.mjs.map +1 -1
  44. package/dist/animations/flip.js +1 -0
  45. package/dist/animations/flip.js.map +1 -1
  46. package/dist/animations/flip.mjs +1 -0
  47. package/dist/animations/flip.mjs.map +1 -1
  48. package/dist/animations/float.js +1 -0
  49. package/dist/animations/float.js.map +1 -1
  50. package/dist/animations/float.mjs +1 -0
  51. package/dist/animations/float.mjs.map +1 -1
  52. package/dist/animations/hover-lift.js +1 -0
  53. package/dist/animations/hover-lift.js.map +1 -1
  54. package/dist/animations/hover-lift.mjs +1 -0
  55. package/dist/animations/hover-lift.mjs.map +1 -1
  56. package/dist/animations/hover-scale.js +1 -0
  57. package/dist/animations/hover-scale.js.map +1 -1
  58. package/dist/animations/hover-scale.mjs +1 -0
  59. package/dist/animations/hover-scale.mjs.map +1 -1
  60. package/dist/animations/magnetic.js +1 -0
  61. package/dist/animations/magnetic.js.map +1 -1
  62. package/dist/animations/magnetic.mjs +1 -0
  63. package/dist/animations/magnetic.mjs.map +1 -1
  64. package/dist/animations/parallax.js +1 -0
  65. package/dist/animations/parallax.js.map +1 -1
  66. package/dist/animations/parallax.mjs +1 -0
  67. package/dist/animations/parallax.mjs.map +1 -1
  68. package/dist/animations/ping.js +1 -0
  69. package/dist/animations/ping.js.map +1 -1
  70. package/dist/animations/ping.mjs +1 -0
  71. package/dist/animations/ping.mjs.map +1 -1
  72. package/dist/animations/pop-in.js +1 -0
  73. package/dist/animations/pop-in.js.map +1 -1
  74. package/dist/animations/pop-in.mjs +1 -0
  75. package/dist/animations/pop-in.mjs.map +1 -1
  76. package/dist/animations/press.js +1 -0
  77. package/dist/animations/press.js.map +1 -1
  78. package/dist/animations/press.mjs +1 -0
  79. package/dist/animations/press.mjs.map +1 -1
  80. package/dist/animations/progress.js +1 -0
  81. package/dist/animations/progress.js.map +1 -1
  82. package/dist/animations/progress.mjs +1 -0
  83. package/dist/animations/progress.mjs.map +1 -1
  84. package/dist/animations/pulse.js +1 -0
  85. package/dist/animations/pulse.js.map +1 -1
  86. package/dist/animations/pulse.mjs +1 -0
  87. package/dist/animations/pulse.mjs.map +1 -1
  88. package/dist/animations/reorder.js +1 -0
  89. package/dist/animations/reorder.js.map +1 -1
  90. package/dist/animations/reorder.mjs +1 -0
  91. package/dist/animations/reorder.mjs.map +1 -1
  92. package/dist/animations/reveal-blur.js +1 -0
  93. package/dist/animations/reveal-blur.js.map +1 -1
  94. package/dist/animations/reveal-blur.mjs +1 -0
  95. package/dist/animations/reveal-blur.mjs.map +1 -1
  96. package/dist/animations/reveal-down.js +1 -0
  97. package/dist/animations/reveal-down.js.map +1 -1
  98. package/dist/animations/reveal-down.mjs +1 -0
  99. package/dist/animations/reveal-down.mjs.map +1 -1
  100. package/dist/animations/reveal-left.js +1 -0
  101. package/dist/animations/reveal-left.js.map +1 -1
  102. package/dist/animations/reveal-left.mjs +1 -0
  103. package/dist/animations/reveal-left.mjs.map +1 -1
  104. package/dist/animations/reveal-right.js +1 -0
  105. package/dist/animations/reveal-right.js.map +1 -1
  106. package/dist/animations/reveal-right.mjs +1 -0
  107. package/dist/animations/reveal-right.mjs.map +1 -1
  108. package/dist/animations/reveal-up.js +1 -0
  109. package/dist/animations/reveal-up.js.map +1 -1
  110. package/dist/animations/reveal-up.mjs +1 -0
  111. package/dist/animations/reveal-up.mjs.map +1 -1
  112. package/dist/animations/rotate-in.js +1 -0
  113. package/dist/animations/rotate-in.js.map +1 -1
  114. package/dist/animations/rotate-in.mjs +1 -0
  115. package/dist/animations/rotate-in.mjs.map +1 -1
  116. package/dist/animations/scale-in.js +1 -0
  117. package/dist/animations/scale-in.js.map +1 -1
  118. package/dist/animations/scale-in.mjs +1 -0
  119. package/dist/animations/scale-in.mjs.map +1 -1
  120. package/dist/animations/scale-out.js +1 -0
  121. package/dist/animations/scale-out.js.map +1 -1
  122. package/dist/animations/scale-out.mjs +1 -0
  123. package/dist/animations/scale-out.mjs.map +1 -1
  124. package/dist/animations/shake.js +1 -0
  125. package/dist/animations/shake.js.map +1 -1
  126. package/dist/animations/shake.mjs +1 -0
  127. package/dist/animations/shake.mjs.map +1 -1
  128. package/dist/animations/skeleton-shimmer.js +1 -0
  129. package/dist/animations/skeleton-shimmer.js.map +1 -1
  130. package/dist/animations/skeleton-shimmer.mjs +1 -0
  131. package/dist/animations/skeleton-shimmer.mjs.map +1 -1
  132. package/dist/animations/slide-down.js +1 -0
  133. package/dist/animations/slide-down.js.map +1 -1
  134. package/dist/animations/slide-down.mjs +1 -0
  135. package/dist/animations/slide-down.mjs.map +1 -1
  136. package/dist/animations/slide-left.js +1 -0
  137. package/dist/animations/slide-left.js.map +1 -1
  138. package/dist/animations/slide-left.mjs +1 -0
  139. package/dist/animations/slide-left.mjs.map +1 -1
  140. package/dist/animations/slide-right.js +1 -0
  141. package/dist/animations/slide-right.js.map +1 -1
  142. package/dist/animations/slide-right.mjs +1 -0
  143. package/dist/animations/slide-right.mjs.map +1 -1
  144. package/dist/animations/slide-up.js +1 -0
  145. package/dist/animations/slide-up.js.map +1 -1
  146. package/dist/animations/slide-up.mjs +1 -0
  147. package/dist/animations/slide-up.mjs.map +1 -1
  148. package/dist/animations/spin.js +1 -0
  149. package/dist/animations/spin.js.map +1 -1
  150. package/dist/animations/spin.mjs +1 -0
  151. package/dist/animations/spin.mjs.map +1 -1
  152. package/dist/animations/text-reveal.js +1 -0
  153. package/dist/animations/text-reveal.js.map +1 -1
  154. package/dist/animations/text-reveal.mjs +1 -0
  155. package/dist/animations/text-reveal.mjs.map +1 -1
  156. package/dist/animations/text-shimmer.js +1 -0
  157. package/dist/animations/text-shimmer.js.map +1 -1
  158. package/dist/animations/text-shimmer.mjs +1 -0
  159. package/dist/animations/text-shimmer.mjs.map +1 -1
  160. package/dist/animations/tilt.js +1 -0
  161. package/dist/animations/tilt.js.map +1 -1
  162. package/dist/animations/tilt.mjs +1 -0
  163. package/dist/animations/tilt.mjs.map +1 -1
  164. package/dist/animations/wiggle.js +1 -0
  165. package/dist/animations/wiggle.js.map +1 -1
  166. package/dist/animations/wiggle.mjs +1 -0
  167. package/dist/animations/wiggle.mjs.map +1 -1
  168. package/dist/charts/area.js +1 -0
  169. package/dist/charts/area.js.map +1 -1
  170. package/dist/charts/area.mjs +1 -0
  171. package/dist/charts/area.mjs.map +1 -1
  172. package/dist/charts/bar.js +1 -0
  173. package/dist/charts/bar.mjs +1 -0
  174. package/dist/charts/bubble.js +1 -0
  175. package/dist/charts/bubble.js.map +1 -1
  176. package/dist/charts/bubble.mjs +1 -0
  177. package/dist/charts/bubble.mjs.map +1 -1
  178. package/dist/charts/funnel.js +1 -0
  179. package/dist/charts/funnel.js.map +1 -1
  180. package/dist/charts/funnel.mjs +1 -0
  181. package/dist/charts/funnel.mjs.map +1 -1
  182. package/dist/charts/line.js +1 -0
  183. package/dist/charts/line.js.map +1 -1
  184. package/dist/charts/line.mjs +1 -0
  185. package/dist/charts/line.mjs.map +1 -1
  186. package/dist/charts/pie.js +1 -0
  187. package/dist/charts/pie.js.map +1 -1
  188. package/dist/charts/pie.mjs +1 -0
  189. package/dist/charts/pie.mjs.map +1 -1
  190. package/dist/charts/radar.js +1 -0
  191. package/dist/charts/radar.js.map +1 -1
  192. package/dist/charts/radar.mjs +1 -0
  193. package/dist/charts/radar.mjs.map +1 -1
  194. package/dist/charts/scatter.js +1 -0
  195. package/dist/charts/scatter.js.map +1 -1
  196. package/dist/charts/scatter.mjs +1 -0
  197. package/dist/charts/scatter.mjs.map +1 -1
  198. package/dist/charts/stacked-bar.js +1 -0
  199. package/dist/charts/stacked-bar.js.map +1 -1
  200. package/dist/charts/stacked-bar.mjs +1 -0
  201. package/dist/charts/stacked-bar.mjs.map +1 -1
  202. package/dist/{chunk-OY3YJGOX.mjs → chunk-22I54GJW.js} +7 -203
  203. package/dist/chunk-22I54GJW.js.map +1 -0
  204. package/dist/chunk-27PO2FY2.mjs +161 -0
  205. package/dist/chunk-27PO2FY2.mjs.map +1 -0
  206. package/dist/chunk-2PWT2MB5.mjs +73 -0
  207. package/dist/chunk-2PWT2MB5.mjs.map +1 -0
  208. package/dist/chunk-34OSFCSH.js +212 -0
  209. package/dist/chunk-34OSFCSH.js.map +1 -0
  210. package/dist/chunk-37YQUTKG.js +204 -0
  211. package/dist/chunk-37YQUTKG.js.map +1 -0
  212. package/dist/chunk-3HSFL4WA.mjs +191 -0
  213. package/dist/chunk-3HSFL4WA.mjs.map +1 -0
  214. package/dist/{chunk-EKLWWV3G.mjs → chunk-3I6XR7KN.js} +10 -72
  215. package/dist/chunk-3I6XR7KN.js.map +1 -0
  216. package/dist/chunk-3MK7CWEX.js +54 -0
  217. package/dist/chunk-3MK7CWEX.js.map +1 -0
  218. package/dist/{chunk-UNPKDNLA.js → chunk-3R6PQUG2.mjs} +3 -264
  219. package/dist/chunk-3R6PQUG2.mjs.map +1 -0
  220. package/dist/{chunk-AS34PVUG.mjs → chunk-3Z6L24ZK.js} +11 -221
  221. package/dist/{chunk-IW2E4MLG.js.map → chunk-3Z6L24ZK.js.map} +1 -1
  222. package/dist/{chunk-DBW25HOR.mjs → chunk-44G3U35C.js} +12 -413
  223. package/dist/chunk-44G3U35C.js.map +1 -0
  224. package/dist/chunk-44NX3DAZ.mjs +17 -0
  225. package/dist/chunk-44NX3DAZ.mjs.map +1 -0
  226. package/dist/chunk-456OEGUT.mjs +58 -0
  227. package/dist/chunk-456OEGUT.mjs.map +1 -0
  228. package/dist/{chunk-URXYF25P.mjs → chunk-45CGVW7S.js} +12 -205
  229. package/dist/chunk-45CGVW7S.js.map +1 -0
  230. package/dist/chunk-4FU6FDUT.mjs +202 -0
  231. package/dist/chunk-4FU6FDUT.mjs.map +1 -0
  232. package/dist/chunk-4LVEWKXF.mjs +258 -0
  233. package/dist/chunk-4LVEWKXF.mjs.map +1 -0
  234. package/dist/{chunk-3IBWZM52.js → chunk-4QLWSXXO.mjs} +3 -209
  235. package/dist/chunk-4QLWSXXO.mjs.map +1 -0
  236. package/dist/{chunk-DMDCXYNN.js → chunk-4U7CDEN7.mjs} +3 -51
  237. package/dist/chunk-4U7CDEN7.mjs.map +1 -0
  238. package/dist/{chunk-6GPUHFXI.mjs → chunk-56DECC6D.js} +16 -220
  239. package/dist/chunk-56DECC6D.js.map +1 -0
  240. package/dist/chunk-56KZVM5D.mjs +159 -0
  241. package/dist/chunk-56KZVM5D.mjs.map +1 -0
  242. package/dist/{chunk-VJSME7ML.js → chunk-5BSYGFN7.mjs} +3 -162
  243. package/dist/chunk-5BSYGFN7.mjs.map +1 -0
  244. package/dist/{chunk-XIG2QDVN.js → chunk-5QSYJHWL.mjs} +3 -73
  245. package/dist/chunk-5QSYJHWL.mjs.map +1 -0
  246. package/dist/{chunk-WVBFSJEB.js → chunk-5R6XJAXQ.mjs} +3 -574
  247. package/dist/chunk-5R6XJAXQ.mjs.map +1 -0
  248. package/dist/{chunk-KIAYTBS5.js → chunk-5WWD3TZ2.mjs} +3 -129
  249. package/dist/chunk-5WWD3TZ2.mjs.map +1 -0
  250. package/dist/{chunk-4GVMPQZS.js → chunk-63UE3BR4.mjs} +3 -77
  251. package/dist/chunk-63UE3BR4.mjs.map +1 -0
  252. package/dist/chunk-63YMCBGJ.js +217 -0
  253. package/dist/chunk-63YMCBGJ.js.map +1 -0
  254. package/dist/chunk-7GIL24GK.js +354 -0
  255. package/dist/chunk-7GIL24GK.js.map +1 -0
  256. package/dist/chunk-7JBQ3ZJN.mjs +250 -0
  257. package/dist/chunk-7JBQ3ZJN.mjs.map +1 -0
  258. package/dist/{chunk-4WRCXG5E.mjs → chunk-7LFRU6AW.js} +16 -704
  259. package/dist/{chunk-XYKDSHRG.js.map → chunk-7LFRU6AW.js.map} +1 -1
  260. package/dist/{chunk-6ONKAOI7.mjs → chunk-7M4TUP4I.js} +8 -190
  261. package/dist/chunk-7M4TUP4I.js.map +1 -0
  262. package/dist/{chunk-XOYCFLEZ.mjs → chunk-AADGUMYW.js} +12 -349
  263. package/dist/chunk-AADGUMYW.js.map +1 -0
  264. package/dist/chunk-ATMCT3A3.mjs +222 -0
  265. package/dist/chunk-ATMCT3A3.mjs.map +1 -0
  266. package/dist/chunk-BDBL4XXI.mjs +45 -0
  267. package/dist/chunk-BDBL4XXI.mjs.map +1 -0
  268. package/dist/{chunk-U7FZ5RMV.js → chunk-BTSCPOWZ.mjs} +3 -424
  269. package/dist/chunk-BTSCPOWZ.mjs.map +1 -0
  270. package/dist/chunk-BZZVO4GL.mjs +414 -0
  271. package/dist/chunk-BZZVO4GL.mjs.map +1 -0
  272. package/dist/chunk-C7F6OCGK.mjs +123 -0
  273. package/dist/chunk-C7F6OCGK.mjs.map +1 -0
  274. package/dist/chunk-D4B62J5C.js +128 -0
  275. package/dist/chunk-D4B62J5C.js.map +1 -0
  276. package/dist/{chunk-REDZL4DY.mjs → chunk-DWDDIG6R.js} +9 -160
  277. package/dist/chunk-DWDDIG6R.js.map +1 -0
  278. package/dist/{chunk-UMXCV5IT.mjs → chunk-E7BPOL74.js} +13 -249
  279. package/dist/chunk-E7BPOL74.js.map +1 -0
  280. package/dist/chunk-EIX26RKN.js +73 -0
  281. package/dist/chunk-EIX26RKN.js.map +1 -0
  282. package/dist/chunk-EKBSSKJQ.js +271 -0
  283. package/dist/chunk-EKBSSKJQ.js.map +1 -0
  284. package/dist/{chunk-2RBUROXJ.js → chunk-EP7WTIKH.mjs} +3 -238
  285. package/dist/chunk-EP7WTIKH.mjs.map +1 -0
  286. package/dist/chunk-F6V74YMW.js +71 -0
  287. package/dist/chunk-F6V74YMW.js.map +1 -0
  288. package/dist/chunk-FAMHSJTK.js +19 -0
  289. package/dist/chunk-FAMHSJTK.js.map +1 -0
  290. package/dist/{chunk-S4NQTWMW.mjs → chunk-FNNIH7R2.js} +10 -61
  291. package/dist/chunk-FNNIH7R2.js.map +1 -0
  292. package/dist/chunk-FXDHDQTH.js +79 -0
  293. package/dist/chunk-FXDHDQTH.js.map +1 -0
  294. package/dist/chunk-FZET7XQV.js +169 -0
  295. package/dist/chunk-FZET7XQV.js.map +1 -0
  296. package/dist/chunk-GDYSB7SB.js +78 -0
  297. package/dist/chunk-GDYSB7SB.js.map +1 -0
  298. package/dist/chunk-GPM2PRC5.js +61 -0
  299. package/dist/chunk-GPM2PRC5.js.map +1 -0
  300. package/dist/chunk-GVGKISKD.js +170 -0
  301. package/dist/chunk-GVGKISKD.js.map +1 -0
  302. package/dist/chunk-I42UYWYA.mjs +128 -0
  303. package/dist/chunk-I42UYWYA.mjs.map +1 -0
  304. package/dist/chunk-I4TGI6U3.mjs +558 -0
  305. package/dist/chunk-I4TGI6U3.mjs.map +1 -0
  306. package/dist/chunk-I55QC57T.js +47 -0
  307. package/dist/chunk-I55QC57T.js.map +1 -0
  308. package/dist/chunk-I5TREZO5.js +263 -0
  309. package/dist/chunk-I5TREZO5.js.map +1 -0
  310. package/dist/chunk-IKXO5SJ4.js +671 -0
  311. package/dist/chunk-IKXO5SJ4.js.map +1 -0
  312. package/dist/chunk-IPUQBMAB.mjs +205 -0
  313. package/dist/chunk-IPUQBMAB.mjs.map +1 -0
  314. package/dist/chunk-IQ6QVIZ3.mjs +69 -0
  315. package/dist/chunk-IQ6QVIZ3.mjs.map +1 -0
  316. package/dist/{chunk-CARQELOX.mjs → chunk-ISXAUMRW.js} +8 -46
  317. package/dist/chunk-ISXAUMRW.js.map +1 -0
  318. package/dist/{chunk-WRHUWKZS.js → chunk-IULYVARJ.mjs} +3 -130
  319. package/dist/chunk-IULYVARJ.mjs.map +1 -0
  320. package/dist/chunk-J5LGTIGS.mjs +9 -0
  321. package/dist/chunk-J5LGTIGS.mjs.map +1 -0
  322. package/dist/chunk-J6XKTPP5.js +61 -0
  323. package/dist/chunk-J6XKTPP5.js.map +1 -0
  324. package/dist/{chunk-HI54NLVM.js → chunk-JF4BRFOG.mjs} +3 -128
  325. package/dist/chunk-JF4BRFOG.mjs.map +1 -0
  326. package/dist/{chunk-JGSQZZHF.js → chunk-JI3IEKH6.mjs} +3 -212
  327. package/dist/chunk-JI3IEKH6.mjs.map +1 -0
  328. package/dist/{chunk-6VZGM4DI.mjs → chunk-JTMRSRYD.js} +11 -118
  329. package/dist/chunk-JTMRSRYD.js.map +1 -0
  330. package/dist/{chunk-NUYNJV5U.mjs → chunk-JXSM2EHC.mjs} +3 -3
  331. package/dist/{chunk-NUYNJV5U.mjs.map → chunk-JXSM2EHC.mjs.map} +1 -1
  332. package/dist/chunk-KEGOUZL5.js +209 -0
  333. package/dist/chunk-KEGOUZL5.js.map +1 -0
  334. package/dist/{chunk-B3LCKPBX.js → chunk-KXNMW4NV.mjs} +3 -170
  335. package/dist/chunk-KXNMW4NV.mjs.map +1 -0
  336. package/dist/{chunk-OEDD43IT.mjs → chunk-L67EJJFN.js} +9 -68
  337. package/dist/chunk-L67EJJFN.js.map +1 -0
  338. package/dist/{chunk-7XHWUEQR.mjs → chunk-L6AS5AVO.js} +10 -250
  339. package/dist/chunk-L6AS5AVO.js.map +1 -0
  340. package/dist/chunk-L6PSW7JE.mjs +206 -0
  341. package/dist/chunk-L6PSW7JE.mjs.map +1 -0
  342. package/dist/{chunk-IW2E4MLG.js → chunk-LL2UY6CD.mjs} +3 -231
  343. package/dist/chunk-LL2UY6CD.mjs.map +1 -0
  344. package/dist/chunk-LLNK24MM.js +67 -0
  345. package/dist/chunk-LLNK24MM.js.map +1 -0
  346. package/dist/{chunk-UOZZUWIX.js → chunk-LS4GY2ZQ.js} +6 -6
  347. package/dist/{chunk-UOZZUWIX.js.map → chunk-LS4GY2ZQ.js.map} +1 -1
  348. package/dist/{chunk-XJFDGKZO.mjs → chunk-LU6VEI4B.js} +12 -204
  349. package/dist/chunk-LU6VEI4B.js.map +1 -0
  350. package/dist/chunk-MCYFKM7T.js +62 -0
  351. package/dist/chunk-MCYFKM7T.js.map +1 -0
  352. package/dist/chunk-MUKI3OHH.js +215 -0
  353. package/dist/chunk-MUKI3OHH.js.map +1 -0
  354. package/dist/chunk-N2RUT33F.mjs +68 -0
  355. package/dist/chunk-N2RUT33F.mjs.map +1 -0
  356. package/dist/chunk-NAHHFB2M.js +77 -0
  357. package/dist/chunk-NAHHFB2M.js.map +1 -0
  358. package/dist/chunk-NMBSK44H.mjs +44 -0
  359. package/dist/chunk-NMBSK44H.mjs.map +1 -0
  360. package/dist/chunk-NVTV3EQB.js +49 -0
  361. package/dist/chunk-NVTV3EQB.js.map +1 -0
  362. package/dist/chunk-NWMSIYZP.js +574 -0
  363. package/dist/chunk-NWMSIYZP.js.map +1 -0
  364. package/dist/{chunk-AFBKMQMK.js → chunk-NXNL64Q7.mjs} +3 -354
  365. package/dist/chunk-NXNL64Q7.mjs.map +1 -0
  366. package/dist/chunk-O23PJPGM.mjs +251 -0
  367. package/dist/chunk-O23PJPGM.mjs.map +1 -0
  368. package/dist/chunk-O6R6OQXI.mjs +204 -0
  369. package/dist/chunk-O6R6OQXI.mjs.map +1 -0
  370. package/dist/chunk-ODT5TFIT.mjs +156 -0
  371. package/dist/chunk-ODT5TFIT.mjs.map +1 -0
  372. package/dist/{chunk-VX56EVPF.mjs → chunk-OGMIKRLJ.js} +8 -98
  373. package/dist/chunk-OGMIKRLJ.js.map +1 -0
  374. package/dist/chunk-OOBA2MDD.mjs +57 -0
  375. package/dist/chunk-OOBA2MDD.mjs.map +1 -0
  376. package/dist/chunk-OPACTZGV.js +231 -0
  377. package/dist/chunk-OPACTZGV.js.map +1 -0
  378. package/dist/{chunk-PZBTZGJE.js → chunk-OQCI2IVL.mjs} +3 -271
  379. package/dist/chunk-OQCI2IVL.mjs.map +1 -0
  380. package/dist/{chunk-7PIOCFV3.mjs → chunk-P25NI2HG.js} +9 -124
  381. package/dist/chunk-P25NI2HG.js.map +1 -0
  382. package/dist/chunk-P2DQP4J4.js +424 -0
  383. package/dist/chunk-P2DQP4J4.js.map +1 -0
  384. package/dist/{chunk-KC77BXBC.js → chunk-P43A2BPU.mjs} +3 -215
  385. package/dist/chunk-P43A2BPU.mjs.map +1 -0
  386. package/dist/chunk-P54PZ72L.mjs +65 -0
  387. package/dist/chunk-P54PZ72L.mjs.map +1 -0
  388. package/dist/chunk-PAJYNQR3.mjs +150 -0
  389. package/dist/chunk-PAJYNQR3.mjs.map +1 -0
  390. package/dist/chunk-PKXDRTC7.js +264 -0
  391. package/dist/chunk-PKXDRTC7.js.map +1 -0
  392. package/dist/chunk-PNAFXOZC.mjs +69 -0
  393. package/dist/chunk-PNAFXOZC.mjs.map +1 -0
  394. package/dist/chunk-PUSCPBT2.mjs +46 -0
  395. package/dist/chunk-PUSCPBT2.mjs.map +1 -0
  396. package/dist/chunk-PZ5AY32C.js +11 -0
  397. package/dist/chunk-PZ5AY32C.js.map +1 -0
  398. package/dist/chunk-Q2NE2UAO.mjs +119 -0
  399. package/dist/chunk-Q2NE2UAO.mjs.map +1 -0
  400. package/dist/chunk-QDHARZDN.js +129 -0
  401. package/dist/chunk-QDHARZDN.js.map +1 -0
  402. package/dist/chunk-QIUVXTLE.mjs +60 -0
  403. package/dist/chunk-QIUVXTLE.mjs.map +1 -0
  404. package/dist/chunk-QKZR2UTL.mjs +125 -0
  405. package/dist/chunk-QKZR2UTL.mjs.map +1 -0
  406. package/dist/{chunk-O233I5N7.mjs → chunk-QTFOUK4H.js} +15 -149
  407. package/dist/chunk-QTFOUK4H.js.map +1 -0
  408. package/dist/chunk-QW2ZHKPC.mjs +64 -0
  409. package/dist/chunk-QW2ZHKPC.mjs.map +1 -0
  410. package/dist/{chunk-RFBTMJ2Z.mjs → chunk-R2256VSD.js} +16 -557
  411. package/dist/chunk-R2256VSD.js.map +1 -0
  412. package/dist/chunk-RYJ5WEE3.js +101 -0
  413. package/dist/chunk-RYJ5WEE3.js.map +1 -0
  414. package/dist/{chunk-YFXGRV7X.mjs → chunk-S4OSJ4ZN.js} +9 -155
  415. package/dist/chunk-S4OSJ4ZN.js.map +1 -0
  416. package/dist/{chunk-SRLYXLUU.js → chunk-SWU5U5BB.mjs} +3 -217
  417. package/dist/chunk-SWU5U5BB.mjs.map +1 -0
  418. package/dist/chunk-SYFTQAZG.mjs +58 -0
  419. package/dist/chunk-SYFTQAZG.mjs.map +1 -0
  420. package/dist/{chunk-JRB22VVK.js → chunk-T5SPR27V.mjs} +3 -166
  421. package/dist/chunk-T5SPR27V.mjs.map +1 -0
  422. package/dist/{chunk-KLGB3FYE.js → chunk-TD4W3AHI.mjs} +3 -263
  423. package/dist/chunk-TD4W3AHI.mjs.map +1 -0
  424. package/dist/chunk-TMFXI5FH.mjs +52 -0
  425. package/dist/chunk-TMFXI5FH.mjs.map +1 -0
  426. package/dist/{chunk-QCHHXFJQ.js → chunk-UJBXDDHN.mjs} +4 -102
  427. package/dist/chunk-UJBXDDHN.mjs.map +1 -0
  428. package/dist/chunk-USLP5NY6.js +69 -0
  429. package/dist/chunk-USLP5NY6.js.map +1 -0
  430. package/dist/{chunk-W73CZFMA.mjs → chunk-UU34Q42Q.js} +7 -201
  431. package/dist/chunk-UU34Q42Q.js.map +1 -0
  432. package/dist/chunk-V4FFKIX3.js +166 -0
  433. package/dist/chunk-V4FFKIX3.js.map +1 -0
  434. package/dist/{chunk-VGVB5XZX.js → chunk-V4U6Q5NL.mjs} +3 -204
  435. package/dist/chunk-V4U6Q5NL.mjs.map +1 -0
  436. package/dist/chunk-VQQHVKEU.mjs +652 -0
  437. package/dist/chunk-VQQHVKEU.mjs.map +1 -0
  438. package/dist/chunk-VUIWYURS.js +162 -0
  439. package/dist/chunk-VUIWYURS.js.map +1 -0
  440. package/dist/chunk-VWHER5XN.js +65 -0
  441. package/dist/chunk-VWHER5XN.js.map +1 -0
  442. package/dist/chunk-WBRTXAKP.js +705 -0
  443. package/dist/chunk-WBRTXAKP.js.map +1 -0
  444. package/dist/chunk-WN7XWKAS.mjs +52 -0
  445. package/dist/chunk-WN7XWKAS.mjs.map +1 -0
  446. package/dist/{chunk-XYKDSHRG.js → chunk-X3N4EVF7.mjs} +3 -707
  447. package/dist/chunk-X3N4EVF7.mjs.map +1 -0
  448. package/dist/chunk-XPHD3X4L.mjs +98 -0
  449. package/dist/chunk-XPHD3X4L.mjs.map +1 -0
  450. package/dist/chunk-Y4YQSCNL.js +65 -0
  451. package/dist/chunk-Y4YQSCNL.js.map +1 -0
  452. package/dist/chunk-Y73U7C4T.js +238 -0
  453. package/dist/chunk-Y73U7C4T.js.map +1 -0
  454. package/dist/{chunk-ENV73575.mjs → chunk-Y7NRTCAT.js} +10 -122
  455. package/dist/chunk-Y7NRTCAT.js.map +1 -0
  456. package/dist/{chunk-ZZ53RJNH.js → chunk-YDKAE7RM.mjs} +3 -69
  457. package/dist/chunk-YDKAE7RM.mjs.map +1 -0
  458. package/dist/{chunk-VO7LNOC5.mjs → chunk-YN4ZS3R2.js} +10 -257
  459. package/dist/chunk-YN4ZS3R2.js.map +1 -0
  460. package/dist/chunk-ZCTSXNAE.mjs +221 -0
  461. package/dist/chunk-ZCTSXNAE.mjs.map +1 -0
  462. package/dist/chunk-ZFNVFMWG.mjs +703 -0
  463. package/dist/chunk-ZFNVFMWG.mjs.map +1 -0
  464. package/dist/chunk-ZITS2V53.js +130 -0
  465. package/dist/chunk-ZITS2V53.js.map +1 -0
  466. package/dist/chunk-ZVRGLG35.js +144 -0
  467. package/dist/chunk-ZVRGLG35.js.map +1 -0
  468. package/dist/chunk-ZY6O6Z2I.mjs +350 -0
  469. package/dist/chunk-ZY6O6Z2I.mjs.map +1 -0
  470. package/dist/design-system/button.d.ts +1 -1
  471. package/dist/design-system/combobox.d.ts +124 -0
  472. package/dist/design-system/combobox.d.ts.map +1 -0
  473. package/dist/design-system/copy-button.d.ts +1 -1
  474. package/dist/design-system/facade.js +404 -0
  475. package/dist/design-system/facade.js.map +1 -0
  476. package/dist/design-system/facade.mjs +402 -0
  477. package/dist/design-system/facade.mjs.map +1 -0
  478. package/dist/design-system/index.d.ts +1 -0
  479. package/dist/design-system/index.d.ts.map +1 -1
  480. package/dist/design-system/tokens.js +1 -0
  481. package/dist/design-system/tokens.mjs +1 -0
  482. package/dist/hooks/index.d.ts +13 -0
  483. package/dist/hooks/index.d.ts.map +1 -1
  484. package/dist/hooks/useBodyScrollLock.js +1 -0
  485. package/dist/hooks/useBodyScrollLock.mjs +1 -0
  486. package/dist/hooks/useClickOutside.js +1 -0
  487. package/dist/hooks/useClickOutside.mjs +1 -0
  488. package/dist/hooks/useClipboard.js +1 -0
  489. package/dist/hooks/useClipboard.mjs +1 -0
  490. package/dist/hooks/useControllableState.js +1 -0
  491. package/dist/hooks/useControllableState.mjs +1 -0
  492. package/dist/hooks/useCookie/index.d.ts +2 -0
  493. package/dist/hooks/useCookie/index.d.ts.map +1 -0
  494. package/dist/hooks/useCookie/useCookie.d.ts +36 -0
  495. package/dist/hooks/useCookie/useCookie.d.ts.map +1 -0
  496. package/dist/hooks/useCookie.js +82 -0
  497. package/dist/hooks/useCookie.js.map +1 -0
  498. package/dist/hooks/useCookie.mjs +80 -0
  499. package/dist/hooks/useCookie.mjs.map +1 -0
  500. package/dist/hooks/useCountdown/index.d.ts +2 -0
  501. package/dist/hooks/useCountdown/index.d.ts.map +1 -0
  502. package/dist/hooks/useCountdown/useCountdown.d.ts +40 -0
  503. package/dist/hooks/useCountdown/useCountdown.d.ts.map +1 -0
  504. package/dist/hooks/useCountdown.js +60 -0
  505. package/dist/hooks/useCountdown.js.map +1 -0
  506. package/dist/hooks/useCountdown.mjs +58 -0
  507. package/dist/hooks/useCountdown.mjs.map +1 -0
  508. package/dist/hooks/useDebouncedValue.js +1 -1
  509. package/dist/hooks/useDebouncedValue.mjs +1 -1
  510. package/dist/hooks/useDisclosure.js +1 -0
  511. package/dist/hooks/useDisclosure.js.map +1 -1
  512. package/dist/hooks/useDisclosure.mjs +1 -0
  513. package/dist/hooks/useDisclosure.mjs.map +1 -1
  514. package/dist/hooks/useDocumentTitle.js +1 -1
  515. package/dist/hooks/useDocumentTitle.mjs +1 -1
  516. package/dist/hooks/useDynamicStepper.js +1 -0
  517. package/dist/hooks/useDynamicStepper.mjs +1 -0
  518. package/dist/hooks/useEventListener/index.d.ts +2 -0
  519. package/dist/hooks/useEventListener/index.d.ts.map +1 -0
  520. package/dist/hooks/useEventListener/useEventListener.d.ts +22 -0
  521. package/dist/hooks/useEventListener/useEventListener.d.ts.map +1 -0
  522. package/dist/hooks/useEventListener.js +45 -0
  523. package/dist/hooks/useEventListener.js.map +1 -0
  524. package/dist/hooks/useEventListener.mjs +43 -0
  525. package/dist/hooks/useEventListener.mjs.map +1 -0
  526. package/dist/hooks/useFocusManagement.js +1 -0
  527. package/dist/hooks/useFocusManagement.mjs +1 -0
  528. package/dist/hooks/useGeolocation/index.d.ts +2 -0
  529. package/dist/hooks/useGeolocation/index.d.ts.map +1 -0
  530. package/dist/hooks/useGeolocation/useGeolocation.d.ts +48 -0
  531. package/dist/hooks/useGeolocation/useGeolocation.d.ts.map +1 -0
  532. package/dist/hooks/useGeolocation.js +111 -0
  533. package/dist/hooks/useGeolocation.js.map +1 -0
  534. package/dist/hooks/useGeolocation.mjs +109 -0
  535. package/dist/hooks/useGeolocation.mjs.map +1 -0
  536. package/dist/hooks/useHotkeys/index.d.ts +2 -0
  537. package/dist/hooks/useHotkeys/index.d.ts.map +1 -0
  538. package/dist/hooks/useHotkeys/useHotkeys.d.ts +24 -0
  539. package/dist/hooks/useHotkeys/useHotkeys.d.ts.map +1 -0
  540. package/dist/hooks/useHotkeys.js +86 -0
  541. package/dist/hooks/useHotkeys.js.map +1 -0
  542. package/dist/hooks/useHotkeys.mjs +84 -0
  543. package/dist/hooks/useHotkeys.mjs.map +1 -0
  544. package/dist/hooks/useHover.js +1 -1
  545. package/dist/hooks/useHover.mjs +1 -1
  546. package/dist/hooks/useIdleTimeout/index.d.ts +2 -0
  547. package/dist/hooks/useIdleTimeout/index.d.ts.map +1 -0
  548. package/dist/hooks/useIdleTimeout/useIdleTimeout.d.ts +31 -0
  549. package/dist/hooks/useIdleTimeout/useIdleTimeout.d.ts.map +1 -0
  550. package/dist/hooks/useIdleTimeout.js +77 -0
  551. package/dist/hooks/useIdleTimeout.js.map +1 -0
  552. package/dist/hooks/useIdleTimeout.mjs +75 -0
  553. package/dist/hooks/useIdleTimeout.mjs.map +1 -0
  554. package/dist/hooks/useInView.js +1 -0
  555. package/dist/hooks/useInView.js.map +1 -1
  556. package/dist/hooks/useInView.mjs +1 -0
  557. package/dist/hooks/useInView.mjs.map +1 -1
  558. package/dist/hooks/useIntersectionObserver.js +1 -0
  559. package/dist/hooks/useIntersectionObserver.mjs +1 -0
  560. package/dist/hooks/useInterval/index.d.ts +2 -0
  561. package/dist/hooks/useInterval/index.d.ts.map +1 -0
  562. package/dist/hooks/useInterval/useInterval.d.ts +12 -0
  563. package/dist/hooks/useInterval/useInterval.d.ts.map +1 -0
  564. package/dist/hooks/useInterval.js +27 -0
  565. package/dist/hooks/useInterval.js.map +1 -0
  566. package/dist/hooks/useInterval.mjs +25 -0
  567. package/dist/hooks/useInterval.mjs.map +1 -0
  568. package/dist/hooks/useIsMounted.js +1 -1
  569. package/dist/hooks/useIsMounted.mjs +1 -1
  570. package/dist/hooks/useIsomorphicLayoutEffect.js +1 -0
  571. package/dist/hooks/useIsomorphicLayoutEffect.mjs +1 -0
  572. package/dist/hooks/useKeyPress/index.d.ts +2 -0
  573. package/dist/hooks/useKeyPress/index.d.ts.map +1 -0
  574. package/dist/hooks/useKeyPress/useKeyPress.d.ts +15 -0
  575. package/dist/hooks/useKeyPress/useKeyPress.d.ts.map +1 -0
  576. package/dist/hooks/useKeyPress.js +47 -0
  577. package/dist/hooks/useKeyPress.js.map +1 -0
  578. package/dist/hooks/useKeyPress.mjs +45 -0
  579. package/dist/hooks/useKeyPress.mjs.map +1 -0
  580. package/dist/hooks/useLocalStorage.js +1 -1
  581. package/dist/hooks/useLocalStorage.mjs +1 -1
  582. package/dist/hooks/useLongPress/index.d.ts +2 -0
  583. package/dist/hooks/useLongPress/index.d.ts.map +1 -0
  584. package/dist/hooks/useLongPress/useLongPress.d.ts +46 -0
  585. package/dist/hooks/useLongPress/useLongPress.d.ts.map +1 -0
  586. package/dist/hooks/useLongPress.js +116 -0
  587. package/dist/hooks/useLongPress.js.map +1 -0
  588. package/dist/hooks/useLongPress.mjs +114 -0
  589. package/dist/hooks/useLongPress.mjs.map +1 -0
  590. package/dist/hooks/useMediaQuery.js +1 -0
  591. package/dist/hooks/useMediaQuery.mjs +1 -0
  592. package/dist/hooks/useNetworkStatus.js +1 -1
  593. package/dist/hooks/useNetworkStatus.mjs +1 -1
  594. package/dist/hooks/usePageVisibility.js +1 -1
  595. package/dist/hooks/usePageVisibility.mjs +1 -1
  596. package/dist/hooks/usePagination.js +1 -0
  597. package/dist/hooks/usePagination.mjs +1 -0
  598. package/dist/hooks/usePrefersColorScheme.js +1 -0
  599. package/dist/hooks/usePrefersColorScheme.js.map +1 -1
  600. package/dist/hooks/usePrefersColorScheme.mjs +1 -0
  601. package/dist/hooks/usePrefersColorScheme.mjs.map +1 -1
  602. package/dist/hooks/usePrefersReducedMotion.js +1 -0
  603. package/dist/hooks/usePrefersReducedMotion.js.map +1 -1
  604. package/dist/hooks/usePrefersReducedMotion.mjs +1 -0
  605. package/dist/hooks/usePrefersReducedMotion.mjs.map +1 -1
  606. package/dist/hooks/usePrevious/index.d.ts +2 -0
  607. package/dist/hooks/usePrevious/index.d.ts.map +1 -0
  608. package/dist/hooks/usePrevious/usePrevious.d.ts +13 -0
  609. package/dist/hooks/usePrevious/usePrevious.d.ts.map +1 -0
  610. package/dist/hooks/usePrevious.js +17 -0
  611. package/dist/hooks/usePrevious.js.map +1 -0
  612. package/dist/hooks/usePrevious.mjs +15 -0
  613. package/dist/hooks/usePrevious.mjs.map +1 -0
  614. package/dist/hooks/useResizeObserver.js +1 -0
  615. package/dist/hooks/useResizeObserver.mjs +1 -0
  616. package/dist/hooks/useScrollPosition/index.d.ts +2 -0
  617. package/dist/hooks/useScrollPosition/index.d.ts.map +1 -0
  618. package/dist/hooks/useScrollPosition/useScrollPosition.d.ts +37 -0
  619. package/dist/hooks/useScrollPosition/useScrollPosition.d.ts.map +1 -0
  620. package/dist/hooks/useScrollPosition.js +41 -0
  621. package/dist/hooks/useScrollPosition.js.map +1 -0
  622. package/dist/hooks/useScrollPosition.mjs +39 -0
  623. package/dist/hooks/useScrollPosition.mjs.map +1 -0
  624. package/dist/hooks/useSessionStorage.js +1 -1
  625. package/dist/hooks/useSessionStorage.mjs +1 -1
  626. package/dist/hooks/useTableFilter.js +1 -1
  627. package/dist/hooks/useTableFilter.mjs +1 -1
  628. package/dist/hooks/useTableSort.js +1 -1
  629. package/dist/hooks/useTableSort.mjs +1 -1
  630. package/dist/hooks/useThrottledCallback.js +1 -1
  631. package/dist/hooks/useThrottledCallback.mjs +1 -1
  632. package/dist/hooks/useTimeout/index.d.ts +2 -0
  633. package/dist/hooks/useTimeout/index.d.ts.map +1 -0
  634. package/dist/hooks/useTimeout/useTimeout.d.ts +19 -0
  635. package/dist/hooks/useTimeout/useTimeout.d.ts.map +1 -0
  636. package/dist/hooks/useTimeout.js +38 -0
  637. package/dist/hooks/useTimeout.js.map +1 -0
  638. package/dist/hooks/useTimeout.mjs +36 -0
  639. package/dist/hooks/useTimeout.mjs.map +1 -0
  640. package/dist/hooks/useToggle.js +1 -1
  641. package/dist/hooks/useToggle.mjs +1 -1
  642. package/dist/hooks/useVirtualList/index.d.ts +2 -0
  643. package/dist/hooks/useVirtualList/index.d.ts.map +1 -0
  644. package/dist/hooks/useVirtualList/useVirtualList.d.ts +47 -0
  645. package/dist/hooks/useVirtualList/useVirtualList.d.ts.map +1 -0
  646. package/dist/hooks/useVirtualList.js +87 -0
  647. package/dist/hooks/useVirtualList.js.map +1 -0
  648. package/dist/hooks/useVirtualList.mjs +85 -0
  649. package/dist/hooks/useVirtualList.mjs.map +1 -0
  650. package/dist/hooks/useWindowSize.js +1 -1
  651. package/dist/hooks/useWindowSize.mjs +1 -1
  652. package/dist/hooks/utils.js +1 -0
  653. package/dist/hooks/utils.mjs +1 -0
  654. package/dist/lib/facade.d.ts +53 -0
  655. package/dist/lib/facade.d.ts.map +1 -0
  656. package/dist/ui/accordion/animated.js +9 -7
  657. package/dist/ui/accordion/animated.js.map +1 -1
  658. package/dist/ui/accordion/animated.mjs +4 -2
  659. package/dist/ui/accordion/animated.mjs.map +1 -1
  660. package/dist/ui/accordion.js +11 -9
  661. package/dist/ui/accordion.js.map +1 -1
  662. package/dist/ui/accordion.mjs +4 -2
  663. package/dist/ui/accordion.mjs.map +1 -1
  664. package/dist/ui/alert/animated.js +4 -2
  665. package/dist/ui/alert/animated.js.map +1 -1
  666. package/dist/ui/alert/animated.mjs +3 -1
  667. package/dist/ui/alert/animated.mjs.map +1 -1
  668. package/dist/ui/alert.js +12 -10
  669. package/dist/ui/alert.js.map +1 -1
  670. package/dist/ui/alert.mjs +4 -2
  671. package/dist/ui/alert.mjs.map +1 -1
  672. package/dist/ui/animated-number.js +5 -58
  673. package/dist/ui/animated-number.js.map +1 -1
  674. package/dist/ui/animated-number.mjs +2 -55
  675. package/dist/ui/animated-number.mjs.map +1 -1
  676. package/dist/ui/avatar/animated.js +7 -5
  677. package/dist/ui/avatar/animated.js.map +1 -1
  678. package/dist/ui/avatar/animated.mjs +4 -2
  679. package/dist/ui/avatar/animated.mjs.map +1 -1
  680. package/dist/ui/avatar.js +11 -9
  681. package/dist/ui/avatar.js.map +1 -1
  682. package/dist/ui/avatar.mjs +4 -2
  683. package/dist/ui/avatar.mjs.map +1 -1
  684. package/dist/ui/badge/animated.js +4 -2
  685. package/dist/ui/badge/animated.js.map +1 -1
  686. package/dist/ui/badge/animated.mjs +3 -1
  687. package/dist/ui/badge/animated.mjs.map +1 -1
  688. package/dist/ui/badge.js +6 -4
  689. package/dist/ui/badge.js.map +1 -1
  690. package/dist/ui/badge.mjs +4 -2
  691. package/dist/ui/badge.mjs.map +1 -1
  692. package/dist/ui/breadcrumb.js +10 -58
  693. package/dist/ui/breadcrumb.js.map +1 -1
  694. package/dist/ui/breadcrumb.mjs +2 -50
  695. package/dist/ui/breadcrumb.mjs.map +1 -1
  696. package/dist/ui/buttons/animated.js +44 -3
  697. package/dist/ui/buttons/animated.js.map +1 -1
  698. package/dist/ui/buttons/animated.mjs +42 -1
  699. package/dist/ui/buttons/animated.mjs.map +1 -1
  700. package/dist/ui/buttons.js +45 -4
  701. package/dist/ui/buttons.mjs +43 -2
  702. package/dist/ui/card/animated.js +9 -7
  703. package/dist/ui/card/animated.js.map +1 -1
  704. package/dist/ui/card/animated.mjs +4 -2
  705. package/dist/ui/card/animated.mjs.map +1 -1
  706. package/dist/ui/card.js +14 -12
  707. package/dist/ui/card.js.map +1 -1
  708. package/dist/ui/card.mjs +4 -2
  709. package/dist/ui/card.mjs.map +1 -1
  710. package/dist/ui/checkbox/animated.js +6 -4
  711. package/dist/ui/checkbox/animated.js.map +1 -1
  712. package/dist/ui/checkbox/animated.mjs +3 -1
  713. package/dist/ui/checkbox/animated.mjs.map +1 -1
  714. package/dist/ui/checkbox.js +10 -8
  715. package/dist/ui/checkbox.js.map +1 -1
  716. package/dist/ui/checkbox.mjs +4 -2
  717. package/dist/ui/checkbox.mjs.map +1 -1
  718. package/dist/ui/combobox/combobox-base.d.ts +37 -0
  719. package/dist/ui/combobox/combobox-base.d.ts.map +1 -0
  720. package/dist/ui/combobox/combobox.d.ts +6 -0
  721. package/dist/ui/combobox/combobox.d.ts.map +1 -0
  722. package/dist/ui/combobox/index.d.ts +4 -0
  723. package/dist/ui/combobox/index.d.ts.map +1 -0
  724. package/dist/ui/combobox/types.d.ts +70 -0
  725. package/dist/ui/combobox/types.d.ts.map +1 -0
  726. package/dist/ui/combobox/variants.d.ts +17 -0
  727. package/dist/ui/combobox/variants.d.ts.map +1 -0
  728. package/dist/ui/combobox.js +510 -0
  729. package/dist/ui/combobox.js.map +1 -0
  730. package/dist/ui/combobox.mjs +495 -0
  731. package/dist/ui/combobox.mjs.map +1 -0
  732. package/dist/ui/command/animated.js +4 -2
  733. package/dist/ui/command/animated.js.map +1 -1
  734. package/dist/ui/command/animated.mjs +3 -1
  735. package/dist/ui/command/animated.mjs.map +1 -1
  736. package/dist/ui/command.js +17 -15
  737. package/dist/ui/command.js.map +1 -1
  738. package/dist/ui/command.mjs +4 -2
  739. package/dist/ui/command.mjs.map +1 -1
  740. package/dist/ui/context-menu.js +9 -59
  741. package/dist/ui/context-menu.js.map +1 -1
  742. package/dist/ui/context-menu.mjs +3 -53
  743. package/dist/ui/context-menu.mjs.map +1 -1
  744. package/dist/ui/copy-button/animated.js +4 -2
  745. package/dist/ui/copy-button/animated.js.map +1 -1
  746. package/dist/ui/copy-button/animated.mjs +3 -1
  747. package/dist/ui/copy-button/animated.mjs.map +1 -1
  748. package/dist/ui/copy-button.js +5 -3
  749. package/dist/ui/copy-button.js.map +1 -1
  750. package/dist/ui/copy-button.mjs +4 -2
  751. package/dist/ui/copy-button.mjs.map +1 -1
  752. package/dist/ui/divider/animated.js +4 -2
  753. package/dist/ui/divider/animated.js.map +1 -1
  754. package/dist/ui/divider/animated.mjs +3 -1
  755. package/dist/ui/divider/animated.mjs.map +1 -1
  756. package/dist/ui/divider.js +8 -6
  757. package/dist/ui/divider.js.map +1 -1
  758. package/dist/ui/divider.mjs +4 -2
  759. package/dist/ui/divider.mjs.map +1 -1
  760. package/dist/ui/drawer/animated.js +13 -11
  761. package/dist/ui/drawer/animated.js.map +1 -1
  762. package/dist/ui/drawer/animated.mjs +4 -2
  763. package/dist/ui/drawer/animated.mjs.map +1 -1
  764. package/dist/ui/drawer.js +13 -11
  765. package/dist/ui/drawer.mjs +3 -1
  766. package/dist/ui/dropdown.js +1 -0
  767. package/dist/ui/dropdown.js.map +1 -1
  768. package/dist/ui/dropdown.mjs +1 -0
  769. package/dist/ui/dropdown.mjs.map +1 -1
  770. package/dist/ui/dynamic-stepper.js +54 -132
  771. package/dist/ui/dynamic-stepper.js.map +1 -1
  772. package/dist/ui/dynamic-stepper.mjs +43 -121
  773. package/dist/ui/dynamic-stepper.mjs.map +1 -1
  774. package/dist/ui/empty-state/animated.js +4 -2
  775. package/dist/ui/empty-state/animated.js.map +1 -1
  776. package/dist/ui/empty-state/animated.mjs +3 -1
  777. package/dist/ui/empty-state/animated.mjs.map +1 -1
  778. package/dist/ui/empty-state.js +12 -10
  779. package/dist/ui/empty-state.js.map +1 -1
  780. package/dist/ui/empty-state.mjs +4 -2
  781. package/dist/ui/empty-state.mjs.map +1 -1
  782. package/dist/ui/file-upload.js +4 -44
  783. package/dist/ui/file-upload.js.map +1 -1
  784. package/dist/ui/file-upload.mjs +2 -42
  785. package/dist/ui/file-upload.mjs.map +1 -1
  786. package/dist/ui/inputs/animated.js +5 -3
  787. package/dist/ui/inputs/animated.js.map +1 -1
  788. package/dist/ui/inputs/animated.mjs +3 -1
  789. package/dist/ui/inputs/animated.mjs.map +1 -1
  790. package/dist/ui/inputs.js +6 -4
  791. package/dist/ui/inputs.js.map +1 -1
  792. package/dist/ui/inputs.mjs +4 -2
  793. package/dist/ui/inputs.mjs.map +1 -1
  794. package/dist/ui/kbd/animated.js +4 -2
  795. package/dist/ui/kbd/animated.js.map +1 -1
  796. package/dist/ui/kbd/animated.mjs +3 -1
  797. package/dist/ui/kbd/animated.mjs.map +1 -1
  798. package/dist/ui/kbd.js +6 -4
  799. package/dist/ui/kbd.js.map +1 -1
  800. package/dist/ui/kbd.mjs +4 -2
  801. package/dist/ui/kbd.mjs.map +1 -1
  802. package/dist/ui/marquee.js +7 -68
  803. package/dist/ui/marquee.js.map +1 -1
  804. package/dist/ui/marquee.mjs +2 -63
  805. package/dist/ui/marquee.mjs.map +1 -1
  806. package/dist/ui/modal/animated.js +6 -4
  807. package/dist/ui/modal/animated.js.map +1 -1
  808. package/dist/ui/modal/animated.mjs +3 -1
  809. package/dist/ui/modal/animated.mjs.map +1 -1
  810. package/dist/ui/modal.js +14 -12
  811. package/dist/ui/modal.js.map +1 -1
  812. package/dist/ui/modal.mjs +4 -2
  813. package/dist/ui/modal.mjs.map +1 -1
  814. package/dist/ui/otp-input.js +11 -57
  815. package/dist/ui/otp-input.js.map +1 -1
  816. package/dist/ui/otp-input.mjs +2 -48
  817. package/dist/ui/otp-input.mjs.map +1 -1
  818. package/dist/ui/pagination.js +50 -95
  819. package/dist/ui/pagination.js.map +1 -1
  820. package/dist/ui/pagination.mjs +42 -87
  821. package/dist/ui/pagination.mjs.map +1 -1
  822. package/dist/ui/popover/animated.js +6 -4
  823. package/dist/ui/popover/animated.js.map +1 -1
  824. package/dist/ui/popover/animated.mjs +3 -1
  825. package/dist/ui/popover/animated.mjs.map +1 -1
  826. package/dist/ui/popover.js +9 -7
  827. package/dist/ui/popover.mjs +3 -1
  828. package/dist/ui/progress/animated.js +10 -8
  829. package/dist/ui/progress/animated.js.map +1 -1
  830. package/dist/ui/progress/animated.mjs +4 -2
  831. package/dist/ui/progress/animated.mjs.map +1 -1
  832. package/dist/ui/progress/variants.d.ts +2 -2
  833. package/dist/ui/progress.js +11 -9
  834. package/dist/ui/progress.js.map +1 -1
  835. package/dist/ui/progress.mjs +4 -2
  836. package/dist/ui/progress.mjs.map +1 -1
  837. package/dist/ui/radio-group/animated.js +9 -7
  838. package/dist/ui/radio-group/animated.js.map +1 -1
  839. package/dist/ui/radio-group/animated.mjs +3 -1
  840. package/dist/ui/radio-group/animated.mjs.map +1 -1
  841. package/dist/ui/radio-group.js +13 -11
  842. package/dist/ui/radio-group.js.map +1 -1
  843. package/dist/ui/radio-group.mjs +4 -2
  844. package/dist/ui/radio-group.mjs.map +1 -1
  845. package/dist/ui/rating.js +12 -74
  846. package/dist/ui/rating.js.map +1 -1
  847. package/dist/ui/rating.mjs +2 -64
  848. package/dist/ui/rating.mjs.map +1 -1
  849. package/dist/ui/scroll-area.js +8 -62
  850. package/dist/ui/scroll-area.js.map +1 -1
  851. package/dist/ui/scroll-area.mjs +2 -56
  852. package/dist/ui/scroll-area.mjs.map +1 -1
  853. package/dist/ui/search.js +4 -2
  854. package/dist/ui/search.js.map +1 -1
  855. package/dist/ui/search.mjs +3 -1
  856. package/dist/ui/search.mjs.map +1 -1
  857. package/dist/ui/select.js +12 -167
  858. package/dist/ui/select.js.map +1 -1
  859. package/dist/ui/select.mjs +2 -157
  860. package/dist/ui/select.mjs.map +1 -1
  861. package/dist/ui/skeleton/animated.js +10 -8
  862. package/dist/ui/skeleton/animated.js.map +1 -1
  863. package/dist/ui/skeleton/animated.mjs +3 -1
  864. package/dist/ui/skeleton/animated.mjs.map +1 -1
  865. package/dist/ui/skeleton.js +11 -9
  866. package/dist/ui/skeleton.mjs +3 -1
  867. package/dist/ui/slider.js +10 -75
  868. package/dist/ui/slider.js.map +1 -1
  869. package/dist/ui/slider.mjs +2 -67
  870. package/dist/ui/slider.mjs.map +1 -1
  871. package/dist/ui/spinner/animated.js +6 -66
  872. package/dist/ui/spinner/animated.js.map +1 -1
  873. package/dist/ui/spinner/animated.mjs +2 -62
  874. package/dist/ui/spinner/animated.mjs.map +1 -1
  875. package/dist/ui/table/animated.js +10 -8
  876. package/dist/ui/table/animated.js.map +1 -1
  877. package/dist/ui/table/animated.mjs +4 -2
  878. package/dist/ui/table/animated.mjs.map +1 -1
  879. package/dist/ui/table.js +16 -14
  880. package/dist/ui/table.mjs +3 -1
  881. package/dist/ui/tabs/animated.js +4 -2
  882. package/dist/ui/tabs/animated.js.map +1 -1
  883. package/dist/ui/tabs/animated.mjs +3 -1
  884. package/dist/ui/tabs/animated.mjs.map +1 -1
  885. package/dist/ui/tabs.js +11 -9
  886. package/dist/ui/tabs.mjs +3 -1
  887. package/dist/ui/timeline/animated.js +13 -11
  888. package/dist/ui/timeline/animated.js.map +1 -1
  889. package/dist/ui/timeline/animated.mjs +4 -2
  890. package/dist/ui/timeline/animated.mjs.map +1 -1
  891. package/dist/ui/timeline.js +16 -14
  892. package/dist/ui/timeline.js.map +1 -1
  893. package/dist/ui/timeline.mjs +4 -2
  894. package/dist/ui/timeline.mjs.map +1 -1
  895. package/dist/ui/toast/animated.js +9 -7
  896. package/dist/ui/toast/animated.js.map +1 -1
  897. package/dist/ui/toast/animated.mjs +3 -1
  898. package/dist/ui/toast/animated.mjs.map +1 -1
  899. package/dist/ui/toast.js +14 -12
  900. package/dist/ui/toast.mjs +3 -1
  901. package/dist/ui/toggle/animated.js +6 -4
  902. package/dist/ui/toggle/animated.js.map +1 -1
  903. package/dist/ui/toggle/animated.mjs +3 -1
  904. package/dist/ui/toggle/animated.mjs.map +1 -1
  905. package/dist/ui/toggle.js +6 -4
  906. package/dist/ui/toggle.js.map +1 -1
  907. package/dist/ui/toggle.mjs +4 -2
  908. package/dist/ui/toggle.mjs.map +1 -1
  909. package/dist/ui/tooltip/animated.js +5 -3
  910. package/dist/ui/tooltip/animated.js.map +1 -1
  911. package/dist/ui/tooltip/animated.mjs +3 -1
  912. package/dist/ui/tooltip/animated.mjs.map +1 -1
  913. package/dist/ui/tooltip.js +9 -7
  914. package/dist/ui/tooltip.mjs +3 -1
  915. package/dist/ui/tree-view/animated.js +4 -2
  916. package/dist/ui/tree-view/animated.js.map +1 -1
  917. package/dist/ui/tree-view/animated.mjs +3 -1
  918. package/dist/ui/tree-view/animated.mjs.map +1 -1
  919. package/dist/ui/tree-view.js +7 -5
  920. package/dist/ui/tree-view.js.map +1 -1
  921. package/dist/ui/tree-view.mjs +4 -2
  922. package/dist/ui/tree-view.mjs.map +1 -1
  923. package/dist/ui/typography.js +9 -51
  924. package/dist/ui/typography.js.map +1 -1
  925. package/dist/ui/typography.mjs +2 -44
  926. package/dist/ui/typography.mjs.map +1 -1
  927. package/package.json +7 -2
  928. package/src/design-system/button.ts +1 -1
  929. package/src/design-system/combobox.ts +204 -0
  930. package/src/design-system/copy-button.ts +1 -1
  931. package/src/design-system/index.ts +1 -0
  932. package/src/hooks/index.ts +50 -0
  933. package/src/hooks/useCookie/index.ts +5 -0
  934. package/src/hooks/useCookie/useCookie.test.ts +57 -0
  935. package/src/hooks/useCookie/useCookie.ts +133 -0
  936. package/src/hooks/useCountdown/index.ts +5 -0
  937. package/src/hooks/useCountdown/useCountdown.test.ts +113 -0
  938. package/src/hooks/useCountdown/useCountdown.ts +106 -0
  939. package/src/hooks/useEventListener/index.ts +4 -0
  940. package/src/hooks/useEventListener/useEventListener.test.ts +60 -0
  941. package/src/hooks/useEventListener/useEventListener.ts +98 -0
  942. package/src/hooks/useGeolocation/index.ts +6 -0
  943. package/src/hooks/useGeolocation/useGeolocation.test.ts +108 -0
  944. package/src/hooks/useGeolocation/useGeolocation.ts +173 -0
  945. package/src/hooks/useHotkeys/index.ts +5 -0
  946. package/src/hooks/useHotkeys/useHotkeys.test.ts +82 -0
  947. package/src/hooks/useHotkeys/useHotkeys.ts +130 -0
  948. package/src/hooks/useIdleTimeout/index.ts +5 -0
  949. package/src/hooks/useIdleTimeout/useIdleTimeout.test.ts +97 -0
  950. package/src/hooks/useIdleTimeout/useIdleTimeout.ts +111 -0
  951. package/src/hooks/useInterval/index.ts +1 -0
  952. package/src/hooks/useInterval/useInterval.test.ts +56 -0
  953. package/src/hooks/useInterval/useInterval.ts +36 -0
  954. package/src/hooks/useKeyPress/index.ts +1 -0
  955. package/src/hooks/useKeyPress/useKeyPress.test.ts +67 -0
  956. package/src/hooks/useKeyPress/useKeyPress.ts +65 -0
  957. package/src/hooks/useLongPress/index.ts +5 -0
  958. package/src/hooks/useLongPress/useLongPress.test.ts +180 -0
  959. package/src/hooks/useLongPress/useLongPress.ts +177 -0
  960. package/src/hooks/usePrevious/index.ts +1 -0
  961. package/src/hooks/usePrevious/usePrevious.test.ts +33 -0
  962. package/src/hooks/usePrevious/usePrevious.ts +24 -0
  963. package/src/hooks/useScrollPosition/index.ts +5 -0
  964. package/src/hooks/useScrollPosition/useScrollPosition.test.ts +69 -0
  965. package/src/hooks/useScrollPosition/useScrollPosition.ts +88 -0
  966. package/src/hooks/useTimeout/index.ts +1 -0
  967. package/src/hooks/useTimeout/useTimeout.test.ts +63 -0
  968. package/src/hooks/useTimeout/useTimeout.ts +58 -0
  969. package/src/hooks/useVirtualList/index.ts +6 -0
  970. package/src/hooks/useVirtualList/useVirtualList.test.ts +102 -0
  971. package/src/hooks/useVirtualList/useVirtualList.ts +144 -0
  972. package/src/lib/facade.test.ts +182 -0
  973. package/src/lib/facade.ts +809 -0
  974. package/src/ui/combobox/combobox-base.tsx +552 -0
  975. package/src/ui/combobox/combobox.test.tsx +292 -0
  976. package/src/ui/combobox/combobox.tsx +8 -0
  977. package/src/ui/combobox/index.ts +33 -0
  978. package/src/ui/combobox/types.ts +91 -0
  979. package/src/ui/combobox/variants.ts +58 -0
  980. package/dist/chunk-2RBUROXJ.js.map +0 -1
  981. package/dist/chunk-3IBWZM52.js.map +0 -1
  982. package/dist/chunk-3RHJJZIT.js +0 -98
  983. package/dist/chunk-3RHJJZIT.js.map +0 -1
  984. package/dist/chunk-4GVMPQZS.js.map +0 -1
  985. package/dist/chunk-4WRCXG5E.mjs.map +0 -1
  986. package/dist/chunk-6GPUHFXI.mjs.map +0 -1
  987. package/dist/chunk-6ONKAOI7.mjs.map +0 -1
  988. package/dist/chunk-6VZGM4DI.mjs.map +0 -1
  989. package/dist/chunk-7PIOCFV3.mjs.map +0 -1
  990. package/dist/chunk-7XHWUEQR.mjs.map +0 -1
  991. package/dist/chunk-AFBKMQMK.js.map +0 -1
  992. package/dist/chunk-AS34PVUG.mjs.map +0 -1
  993. package/dist/chunk-B3LCKPBX.js.map +0 -1
  994. package/dist/chunk-CARQELOX.mjs.map +0 -1
  995. package/dist/chunk-CCVQ5KX6.mjs +0 -96
  996. package/dist/chunk-CCVQ5KX6.mjs.map +0 -1
  997. package/dist/chunk-DBW25HOR.mjs.map +0 -1
  998. package/dist/chunk-DMDCXYNN.js.map +0 -1
  999. package/dist/chunk-EKLWWV3G.mjs.map +0 -1
  1000. package/dist/chunk-ENV73575.mjs.map +0 -1
  1001. package/dist/chunk-HI54NLVM.js.map +0 -1
  1002. package/dist/chunk-JGSQZZHF.js.map +0 -1
  1003. package/dist/chunk-JRB22VVK.js.map +0 -1
  1004. package/dist/chunk-KC77BXBC.js.map +0 -1
  1005. package/dist/chunk-KIAYTBS5.js.map +0 -1
  1006. package/dist/chunk-KLGB3FYE.js.map +0 -1
  1007. package/dist/chunk-O233I5N7.mjs.map +0 -1
  1008. package/dist/chunk-OEDD43IT.mjs.map +0 -1
  1009. package/dist/chunk-OY3YJGOX.mjs.map +0 -1
  1010. package/dist/chunk-PZBTZGJE.js.map +0 -1
  1011. package/dist/chunk-QCHHXFJQ.js.map +0 -1
  1012. package/dist/chunk-REDZL4DY.mjs.map +0 -1
  1013. package/dist/chunk-RFBTMJ2Z.mjs.map +0 -1
  1014. package/dist/chunk-S4NQTWMW.mjs.map +0 -1
  1015. package/dist/chunk-SRLYXLUU.js.map +0 -1
  1016. package/dist/chunk-U7FZ5RMV.js.map +0 -1
  1017. package/dist/chunk-UMXCV5IT.mjs.map +0 -1
  1018. package/dist/chunk-UNPKDNLA.js.map +0 -1
  1019. package/dist/chunk-URXYF25P.mjs.map +0 -1
  1020. package/dist/chunk-VGVB5XZX.js.map +0 -1
  1021. package/dist/chunk-VJSME7ML.js.map +0 -1
  1022. package/dist/chunk-VO7LNOC5.mjs.map +0 -1
  1023. package/dist/chunk-VX56EVPF.mjs.map +0 -1
  1024. package/dist/chunk-W73CZFMA.mjs.map +0 -1
  1025. package/dist/chunk-WRHUWKZS.js.map +0 -1
  1026. package/dist/chunk-WVBFSJEB.js.map +0 -1
  1027. package/dist/chunk-XIG2QDVN.js.map +0 -1
  1028. package/dist/chunk-XJFDGKZO.mjs.map +0 -1
  1029. package/dist/chunk-XOYCFLEZ.mjs.map +0 -1
  1030. package/dist/chunk-YFXGRV7X.mjs.map +0 -1
  1031. package/dist/chunk-ZZ53RJNH.js.map +0 -1
package/dist/ui/file-upload.js CHANGED
@@ -1,56 +1,16 @@
1
1
  "use client";
2
2
  'use strict';
3
3
 
4
+ var chunkI55QC57T_js = require('../chunk-I55QC57T.js');
4
5
  var chunkZS5756ZC_js = require('../chunk-ZS5756ZC.js');
6
+ require('../chunk-PZ5AY32C.js');
5
7
  var react = require('react');
6
8
  var classVarianceAuthority = require('class-variance-authority');
7
9
  var jsxRuntime = require('react/jsx-runtime');
8
10
 
9
- // src/design-system/file-upload.ts
10
- var zuiFileUploadBase = "relative flex cursor-pointer flex-col items-center justify-center gap-2 rounded-2xl border border-dashed px-6 py-10 text-center text-sm transition-colors outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-file-upload-ring-focus,oklch(70.2%_0.183_293.541_/_0.6))] dark:focus-visible:ring-[var(--zui-file-upload-ring-focus-dark,oklch(70.2%_0.183_293.541_/_0.6))] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-file-upload-ring-offset-focus,oklch(98.4%_0.003_247.858))] dark:focus-visible:ring-offset-[var(--zui-file-upload-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))]";
11
- var zuiFileUploadAppearances = {
12
- idle: "border-[color:var(--zui-file-upload-idle-border,#00000026)] dark:border-[color:var(--zui-file-upload-idle-border-dark,#ffffff26)] bg-[var(--zui-file-upload-idle-bg,#0000000d)] dark:bg-[var(--zui-file-upload-idle-bg-dark,#ffffff0d)] text-[color:var(--zui-file-upload-idle-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-file-upload-idle-fg-dark,oklch(86.9%_0.022_252.894))] hover:border-[color:var(--zui-file-upload-idle-border-hover,#00000040)] dark:hover:border-[color:var(--zui-file-upload-idle-border-hover-dark,#ffffff40)] hover:bg-[var(--zui-file-upload-idle-bg-hover,#00000012)] dark:hover:bg-[var(--zui-file-upload-idle-bg-hover-dark,#ffffff12)] dark:bg-[var(--zui-file-upload-idle-bg-dark,#ffffff12)]",
13
- active: "border-[color:var(--zui-file-upload-active-border,oklch(70.2%_0.183_293.541_/_0.7))] dark:border-[color:var(--zui-file-upload-active-border-dark,oklch(70.2%_0.183_293.541_/_0.7))] bg-[var(--zui-file-upload-active-bg,oklch(60.6%_0.25_292.717_/_0.1))] dark:bg-[var(--zui-file-upload-active-bg-dark,oklch(60.6%_0.25_292.717_/_0.1))] text-[color:var(--zui-file-upload-active-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-file-upload-active-fg-dark,#ffffff)]",
14
- disabled: "cursor-not-allowed opacity-50",
15
- error: "border-[color:var(--zui-file-upload-error-border,oklch(70.4%_0.191_22.216_/_0.7))] dark:border-[color:var(--zui-file-upload-error-border-dark,oklch(70.4%_0.191_22.216_/_0.7))] bg-[var(--zui-file-upload-error-bg,oklch(63.7%_0.237_25.331_/_0.1))] dark:bg-[var(--zui-file-upload-error-bg-dark,oklch(63.7%_0.237_25.331_/_0.1))] text-[color:var(--zui-file-upload-error-fg,oklch(57.7%_0.245_27.325))] dark:text-[color:var(--zui-file-upload-error-fg-dark,oklch(70.4%_0.191_22.216))] hover:border-[color:var(--zui-file-upload-error-border-hover,oklch(70.4%_0.191_22.216_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-error-border-hover-dark,oklch(70.4%_0.191_22.216_/_0.8))] hover:bg-[var(--zui-file-upload-error-bg-hover,oklch(63.7%_0.237_25.331_/_0.15))] dark:hover:bg-[var(--zui-file-upload-error-bg-hover-dark,oklch(63.7%_0.237_25.331_/_0.15))]",
16
- success: "border-[color:var(--zui-file-upload-success-border,oklch(79.2%_0.209_151.711_/_0.7))] dark:border-[color:var(--zui-file-upload-success-border-dark,oklch(79.2%_0.209_151.711_/_0.7))] bg-[var(--zui-file-upload-success-bg,oklch(72.3%_0.219_149.579_/_0.1))] dark:bg-[var(--zui-file-upload-success-bg-dark,oklch(72.3%_0.219_149.579_/_0.1))] text-[color:var(--zui-file-upload-success-fg,oklch(62.7%_0.194_149.214))] dark:text-[color:var(--zui-file-upload-success-fg-dark,oklch(79.2%_0.209_151.711))] hover:border-[color:var(--zui-file-upload-success-border-hover,oklch(79.2%_0.209_151.711_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-success-border-hover-dark,oklch(79.2%_0.209_151.711_/_0.8))] hover:bg-[var(--zui-file-upload-success-bg-hover,oklch(72.3%_0.219_149.579_/_0.15))] dark:hover:bg-[var(--zui-file-upload-success-bg-hover-dark,oklch(72.3%_0.219_149.579_/_0.15))]",
17
- warning: "border-[color:var(--zui-file-upload-warning-border,oklch(85.2%_0.199_91.936_/_0.7))] dark:border-[color:var(--zui-file-upload-warning-border-dark,oklch(85.2%_0.199_91.936_/_0.7))] bg-[var(--zui-file-upload-warning-bg,oklch(79.5%_0.184_86.047_/_0.1))] dark:bg-[var(--zui-file-upload-warning-bg-dark,oklch(79.5%_0.184_86.047_/_0.1))] text-[color:var(--zui-file-upload-warning-fg,oklch(68.1%_0.162_75.834))] dark:text-[color:var(--zui-file-upload-warning-fg-dark,oklch(85.2%_0.199_91.936))] hover:border-[color:var(--zui-file-upload-warning-border-hover,oklch(85.2%_0.199_91.936_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-warning-border-hover-dark,oklch(85.2%_0.199_91.936_/_0.8))] hover:bg-[var(--zui-file-upload-warning-bg-hover,oklch(79.5%_0.184_86.047_/_0.15))] dark:hover:bg-[var(--zui-file-upload-warning-bg-hover-dark,oklch(79.5%_0.184_86.047_/_0.15))]",
18
- info: "border-[color:var(--zui-file-upload-info-border,oklch(70.7%_0.165_254.624_/_0.7))] dark:border-[color:var(--zui-file-upload-info-border-dark,oklch(70.7%_0.165_254.624_/_0.7))] bg-[var(--zui-file-upload-info-bg,oklch(62.3%_0.214_259.815_/_0.1))] dark:bg-[var(--zui-file-upload-info-bg-dark,oklch(62.3%_0.214_259.815_/_0.1))] text-[color:var(--zui-file-upload-info-fg,oklch(54.6%_0.245_262.881))] dark:text-[color:var(--zui-file-upload-info-fg-dark,oklch(70.7%_0.165_254.624))] hover:border-[color:var(--zui-file-upload-info-border-hover,oklch(70.7%_0.165_254.624_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-info-border-hover-dark,oklch(70.7%_0.165_254.624_/_0.8))] hover:bg-[var(--zui-file-upload-info-bg-hover,oklch(62.3%_0.214_259.815_/_0.15))] dark:hover:bg-[var(--zui-file-upload-info-bg-hover-dark,oklch(62.3%_0.214_259.815_/_0.15))]",
19
- neutral: "border-[color:var(--zui-file-upload-neutral-border,oklch(70.7%_0.022_261.325_/_0.7))] dark:border-[color:var(--zui-file-upload-neutral-border-dark,oklch(70.7%_0.022_261.325_/_0.7))] bg-[var(--zui-file-upload-neutral-bg,oklch(55.1%_0.027_264.364_/_0.1))] dark:bg-[var(--zui-file-upload-neutral-bg-dark,oklch(55.1%_0.027_264.364_/_0.1))] text-[color:var(--zui-file-upload-neutral-fg,oklch(44.6%_0.03_256.802))] dark:text-[color:var(--zui-file-upload-neutral-fg-dark,oklch(70.7%_0.022_261.325))] hover:border-[color:var(--zui-file-upload-neutral-border-hover,oklch(70.7%_0.022_261.325_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-neutral-border-hover-dark,oklch(70.7%_0.022_261.325_/_0.8))] hover:bg-[var(--zui-file-upload-neutral-bg-hover,oklch(55.1%_0.027_264.364_/_0.15))] dark:hover:bg-[var(--zui-file-upload-neutral-bg-hover-dark,oklch(55.1%_0.027_264.364_/_0.15))]",
20
- purple: "border-[color:var(--zui-file-upload-purple-border,oklch(71.4%_0.203_305.504_/_0.7))] dark:border-[color:var(--zui-file-upload-purple-border-dark,oklch(71.4%_0.203_305.504_/_0.7))] bg-[var(--zui-file-upload-purple-bg,oklch(62.7%_0.265_303.9_/_0.1))] dark:bg-[var(--zui-file-upload-purple-bg-dark,oklch(62.7%_0.265_303.9_/_0.1))] text-[color:var(--zui-file-upload-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-file-upload-purple-fg-dark,oklch(71.4%_0.203_305.504))] hover:border-[color:var(--zui-file-upload-purple-border-hover,oklch(71.4%_0.203_305.504_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-purple-border-hover-dark,oklch(71.4%_0.203_305.504_/_0.8))] hover:bg-[var(--zui-file-upload-purple-bg-hover,oklch(62.7%_0.265_303.9_/_0.15))] dark:hover:bg-[var(--zui-file-upload-purple-bg-hover-dark,oklch(62.7%_0.265_303.9_/_0.15))]",
21
- indigo: "border-[color:var(--zui-file-upload-indigo-border,oklch(67.3%_0.182_276.935_/_0.7))] dark:border-[color:var(--zui-file-upload-indigo-border-dark,oklch(67.3%_0.182_276.935_/_0.7))] bg-[var(--zui-file-upload-indigo-bg,oklch(58.5%_0.233_277.117_/_0.1))] dark:bg-[var(--zui-file-upload-indigo-bg-dark,oklch(58.5%_0.233_277.117_/_0.1))] text-[color:var(--zui-file-upload-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-file-upload-indigo-fg-dark,oklch(67.3%_0.182_276.935))] hover:border-[color:var(--zui-file-upload-indigo-border-hover,oklch(67.3%_0.182_276.935_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-indigo-border-hover-dark,oklch(67.3%_0.182_276.935_/_0.8))] hover:bg-[var(--zui-file-upload-indigo-bg-hover,oklch(58.5%_0.233_277.117_/_0.15))] dark:hover:bg-[var(--zui-file-upload-indigo-bg-hover-dark,oklch(58.5%_0.233_277.117_/_0.15))]",
22
- emerald: "border-[color:var(--zui-file-upload-emerald-border,oklch(76.5%_0.177_163.223_/_0.7))] dark:border-[color:var(--zui-file-upload-emerald-border-dark,oklch(76.5%_0.177_163.223_/_0.7))] bg-[var(--zui-file-upload-emerald-bg,oklch(69.6%_0.17_162.48_/_0.1))] dark:bg-[var(--zui-file-upload-emerald-bg-dark,oklch(69.6%_0.17_162.48_/_0.1))] text-[color:var(--zui-file-upload-emerald-fg,oklch(59.6%_0.145_163.225))] dark:text-[color:var(--zui-file-upload-emerald-fg-dark,oklch(76.5%_0.177_163.223))] hover:border-[color:var(--zui-file-upload-emerald-border-hover,oklch(76.5%_0.177_163.223_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-emerald-border-hover-dark,oklch(76.5%_0.177_163.223_/_0.8))] hover:bg-[var(--zui-file-upload-emerald-bg-hover,oklch(69.6%_0.17_162.48_/_0.15))] dark:hover:bg-[var(--zui-file-upload-emerald-bg-hover-dark,oklch(69.6%_0.17_162.48_/_0.15))]",
23
- amber: "border-[color:var(--zui-file-upload-amber-border,oklch(82.8%_0.189_84.429_/_0.7))] dark:border-[color:var(--zui-file-upload-amber-border-dark,oklch(82.8%_0.189_84.429_/_0.7))] bg-[var(--zui-file-upload-amber-bg,oklch(76.9%_0.188_70.08_/_0.1))] dark:bg-[var(--zui-file-upload-amber-bg-dark,oklch(76.9%_0.188_70.08_/_0.1))] text-[color:var(--zui-file-upload-amber-fg,oklch(66.6%_0.179_58.318))] dark:text-[color:var(--zui-file-upload-amber-fg-dark,oklch(82.8%_0.189_84.429))] hover:border-[color:var(--zui-file-upload-amber-border-hover,oklch(82.8%_0.189_84.429_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-amber-border-hover-dark,oklch(82.8%_0.189_84.429_/_0.8))] hover:bg-[var(--zui-file-upload-amber-bg-hover,oklch(76.9%_0.188_70.08_/_0.15))] dark:hover:bg-[var(--zui-file-upload-amber-bg-hover-dark,oklch(76.9%_0.188_70.08_/_0.15))]",
24
- pink: "border-[color:var(--zui-file-upload-pink-border,oklch(71.8%_0.202_349.761_/_0.7))] dark:border-[color:var(--zui-file-upload-pink-border-dark,oklch(71.8%_0.202_349.761_/_0.7))] bg-[var(--zui-file-upload-pink-bg,oklch(65.6%_0.241_354.308_/_0.1))] dark:bg-[var(--zui-file-upload-pink-bg-dark,oklch(65.6%_0.241_354.308_/_0.1))] text-[color:var(--zui-file-upload-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-file-upload-pink-fg-dark,oklch(71.8%_0.202_349.761))] hover:border-[color:var(--zui-file-upload-pink-border-hover,oklch(71.8%_0.202_349.761_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-pink-border-hover-dark,oklch(71.8%_0.202_349.761_/_0.8))] hover:bg-[var(--zui-file-upload-pink-bg-hover,oklch(65.6%_0.241_354.308_/_0.15))] dark:hover:bg-[var(--zui-file-upload-pink-bg-hover-dark,oklch(65.6%_0.241_354.308_/_0.15))]",
25
- orange: "border-[color:var(--zui-file-upload-orange-border,oklch(75%_0.183_55.934_/_0.7))] dark:border-[color:var(--zui-file-upload-orange-border-dark,oklch(75%_0.183_55.934_/_0.7))] bg-[var(--zui-file-upload-orange-bg,oklch(70.5%_0.213_47.604_/_0.1))] dark:bg-[var(--zui-file-upload-orange-bg-dark,oklch(70.5%_0.213_47.604_/_0.1))] text-[color:var(--zui-file-upload-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-file-upload-orange-fg-dark,oklch(75%_0.183_55.934))] hover:border-[color:var(--zui-file-upload-orange-border-hover,oklch(75%_0.183_55.934_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-orange-border-hover-dark,oklch(75%_0.183_55.934_/_0.8))] hover:bg-[var(--zui-file-upload-orange-bg-hover,oklch(70.5%_0.213_47.604_/_0.15))] dark:hover:bg-[var(--zui-file-upload-orange-bg-hover-dark,oklch(70.5%_0.213_47.604_/_0.15))]",
26
- teal: "border-[color:var(--zui-file-upload-teal-border,oklch(77.7%_0.152_181.912_/_0.7))] dark:border-[color:var(--zui-file-upload-teal-border-dark,oklch(77.7%_0.152_181.912_/_0.7))] bg-[var(--zui-file-upload-teal-bg,oklch(70.4%_0.14_182.503_/_0.1))] dark:bg-[var(--zui-file-upload-teal-bg-dark,oklch(70.4%_0.14_182.503_/_0.1))] text-[color:var(--zui-file-upload-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-file-upload-teal-fg-dark,oklch(77.7%_0.152_181.912))] hover:border-[color:var(--zui-file-upload-teal-border-hover,oklch(77.7%_0.152_181.912_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-teal-border-hover-dark,oklch(77.7%_0.152_181.912_/_0.8))] hover:bg-[var(--zui-file-upload-teal-bg-hover,oklch(70.4%_0.14_182.503_/_0.15))] dark:hover:bg-[var(--zui-file-upload-teal-bg-hover-dark,oklch(70.4%_0.14_182.503_/_0.15))]",
27
- blue: "border border-[color:var(--zui-file-upload-blue-border,#2563eb)] dark:border-[color:var(--zui-file-upload-blue-border-dark,#3b82f6)] bg-[var(--zui-file-upload-blue-bg,#2563eb14)] dark:bg-[var(--zui-file-upload-blue-bg-dark,#3b82f624)] text-[color:var(--zui-file-upload-blue-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-blue-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-blue-bg-hover,#2563eb24)] dark:hover:bg-[var(--zui-file-upload-blue-bg-hover-dark,#3b82f633)]",
28
- cyan: "border border-[color:var(--zui-file-upload-cyan-border,#0891b2)] dark:border-[color:var(--zui-file-upload-cyan-border-dark,#22d3ee)] bg-[var(--zui-file-upload-cyan-bg,#0891b214)] dark:bg-[var(--zui-file-upload-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-file-upload-cyan-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-cyan-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-cyan-bg-hover,#0891b224)] dark:hover:bg-[var(--zui-file-upload-cyan-bg-hover-dark,#22d3ee33)]",
29
- green: "border border-[color:var(--zui-file-upload-green-border,#16a34a)] dark:border-[color:var(--zui-file-upload-green-border-dark,#22c55e)] bg-[var(--zui-file-upload-green-bg,#16a34a14)] dark:bg-[var(--zui-file-upload-green-bg-dark,#22c55e24)] text-[color:var(--zui-file-upload-green-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-green-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-green-bg-hover,#16a34a24)] dark:hover:bg-[var(--zui-file-upload-green-bg-hover-dark,#22c55e33)]",
30
- lime: "border border-[color:var(--zui-file-upload-lime-border,#65a30d)] dark:border-[color:var(--zui-file-upload-lime-border-dark,#a3e635)] bg-[var(--zui-file-upload-lime-bg,#65a30d14)] dark:bg-[var(--zui-file-upload-lime-bg-dark,#a3e63524)] text-[color:var(--zui-file-upload-lime-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-lime-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-lime-bg-hover,#65a30d24)] dark:hover:bg-[var(--zui-file-upload-lime-bg-hover-dark,#a3e63533)]",
31
- mint: "border border-[color:var(--zui-file-upload-mint-border,#10b981)] dark:border-[color:var(--zui-file-upload-mint-border-dark,#6ee7b7)] bg-[var(--zui-file-upload-mint-bg,#10b98114)] dark:bg-[var(--zui-file-upload-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-file-upload-mint-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-mint-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-mint-bg-hover,#10b98124)] dark:hover:bg-[var(--zui-file-upload-mint-bg-hover-dark,#6ee7b733)]",
32
- ocean: "border border-[color:var(--zui-file-upload-ocean-border,#0284c7)] dark:border-[color:var(--zui-file-upload-ocean-border-dark,#38bdf8)] bg-[var(--zui-file-upload-ocean-bg,#0284c714)] dark:bg-[var(--zui-file-upload-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-file-upload-ocean-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-ocean-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-ocean-bg-hover,#0284c724)] dark:hover:bg-[var(--zui-file-upload-ocean-bg-hover-dark,#38bdf833)]",
33
- sapphire: "border border-[color:var(--zui-file-upload-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-file-upload-sapphire-border-dark,#60a5fa)] bg-[var(--zui-file-upload-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-file-upload-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-file-upload-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-sapphire-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-sapphire-bg-hover,#1d4ed824)] dark:hover:bg-[var(--zui-file-upload-sapphire-bg-hover-dark,#60a5fa33)]",
34
- lavender: "border border-[color:var(--zui-file-upload-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-file-upload-lavender-border-dark,#a78bfa)] bg-[var(--zui-file-upload-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-file-upload-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-file-upload-lavender-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-lavender-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-lavender-bg-hover,#8b5cf624)] dark:hover:bg-[var(--zui-file-upload-lavender-bg-hover-dark,#a78bfa33)]",
35
- ruby: "border border-[color:var(--zui-file-upload-ruby-border,#be123c)] dark:border-[color:var(--zui-file-upload-ruby-border-dark,#fb7185)] bg-[var(--zui-file-upload-ruby-bg,#be123c14)] dark:bg-[var(--zui-file-upload-ruby-bg-dark,#fb718524)] text-[color:var(--zui-file-upload-ruby-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-ruby-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-ruby-bg-hover,#be123c24)] dark:hover:bg-[var(--zui-file-upload-ruby-bg-hover-dark,#fb718533)]",
36
- red: "border border-[color:var(--zui-file-upload-red-border,#dc2626)] dark:border-[color:var(--zui-file-upload-red-border-dark,#ef4444)] bg-[var(--zui-file-upload-red-bg,#dc262614)] dark:bg-[var(--zui-file-upload-red-bg-dark,#ef444424)] text-[color:var(--zui-file-upload-red-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-red-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-red-bg-hover,#dc262624)] dark:hover:bg-[var(--zui-file-upload-red-bg-hover-dark,#ef444433)]",
37
- slate: "border border-[color:var(--zui-file-upload-slate-border,#475569)] dark:border-[color:var(--zui-file-upload-slate-border-dark,#64748b)] bg-[var(--zui-file-upload-slate-bg,#47556914)] dark:bg-[var(--zui-file-upload-slate-bg-dark,#64748b24)] text-[color:var(--zui-file-upload-slate-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-slate-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-slate-bg-hover,#47556924)] dark:hover:bg-[var(--zui-file-upload-slate-bg-hover-dark,#64748b33)]",
38
- zinc: "border border-[color:var(--zui-file-upload-zinc-border,#52525b)] dark:border-[color:var(--zui-file-upload-zinc-border-dark,#71717a)] bg-[var(--zui-file-upload-zinc-bg,#52525b14)] dark:bg-[var(--zui-file-upload-zinc-bg-dark,#71717a24)] text-[color:var(--zui-file-upload-zinc-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-zinc-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-zinc-bg-hover,#52525b24)] dark:hover:bg-[var(--zui-file-upload-zinc-bg-hover-dark,#71717a33)]",
39
- stone: "border border-[color:var(--zui-file-upload-stone-border,#57534e)] dark:border-[color:var(--zui-file-upload-stone-border-dark,#78716c)] bg-[var(--zui-file-upload-stone-bg,#57534e14)] dark:bg-[var(--zui-file-upload-stone-bg-dark,#78716c24)] text-[color:var(--zui-file-upload-stone-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-stone-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-stone-bg-hover,#57534e24)] dark:hover:bg-[var(--zui-file-upload-stone-bg-hover-dark,#78716c33)]",
40
- royal: "border border-[color:var(--zui-file-upload-royal-border,#4338ca)] dark:border-[color:var(--zui-file-upload-royal-border-dark,#818cf8)] bg-[var(--zui-file-upload-royal-bg,#4338ca14)] dark:bg-[var(--zui-file-upload-royal-bg-dark,#818cf824)] text-[color:var(--zui-file-upload-royal-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-royal-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-royal-bg-hover,#4338ca24)] dark:hover:bg-[var(--zui-file-upload-royal-bg-hover-dark,#818cf833)]",
41
- electric: "border border-[color:var(--zui-file-upload-electric-border,#0ea5e9)] dark:border-[color:var(--zui-file-upload-electric-border-dark,#38bdf8)] bg-[var(--zui-file-upload-electric-bg,#0ea5e914)] dark:bg-[var(--zui-file-upload-electric-bg-dark,#38bdf824)] text-[color:var(--zui-file-upload-electric-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-electric-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-electric-bg-hover,#0ea5e924)] dark:hover:bg-[var(--zui-file-upload-electric-bg-hover-dark,#38bdf833)]",
42
- forest: "border border-[color:var(--zui-file-upload-forest-border,#166534)] dark:border-[color:var(--zui-file-upload-forest-border-dark,#4ade80)] bg-[var(--zui-file-upload-forest-bg,#16653414)] dark:bg-[var(--zui-file-upload-forest-bg-dark,#4ade8024)] text-[color:var(--zui-file-upload-forest-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-forest-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-forest-bg-hover,#16653424)] dark:hover:bg-[var(--zui-file-upload-forest-bg-hover-dark,#4ade8033)]",
43
- sunset: "border border-[color:var(--zui-file-upload-sunset-border,#ea580c)] dark:border-[color:var(--zui-file-upload-sunset-border-dark,#fb923c)] bg-[var(--zui-file-upload-sunset-bg,#ea580c14)] dark:bg-[var(--zui-file-upload-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-file-upload-sunset-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-sunset-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-sunset-bg-hover,#ea580c24)] dark:hover:bg-[var(--zui-file-upload-sunset-bg-hover-dark,#fb923c33)]",
44
- magenta: "border border-[color:var(--zui-file-upload-magenta-border,#c026d3)] dark:border-[color:var(--zui-file-upload-magenta-border-dark,#e879f9)] bg-[var(--zui-file-upload-magenta-bg,#c026d314)] dark:bg-[var(--zui-file-upload-magenta-bg-dark,#e879f924)] text-[color:var(--zui-file-upload-magenta-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-magenta-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-magenta-bg-hover,#c026d324)] dark:hover:bg-[var(--zui-file-upload-magenta-bg-hover-dark,#e879f933)]",
45
- crimson: "border border-[color:var(--zui-file-upload-crimson-border,#b91c1c)] dark:border-[color:var(--zui-file-upload-crimson-border-dark,#f87171)] bg-[var(--zui-file-upload-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-file-upload-crimson-bg-dark,#f8717124)] text-[color:var(--zui-file-upload-crimson-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-crimson-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-crimson-bg-hover,#b91c1c24)] dark:hover:bg-[var(--zui-file-upload-crimson-bg-hover-dark,#f8717133)]",
46
- aqua: "border border-[color:var(--zui-file-upload-aqua-border,#0f766e)] dark:border-[color:var(--zui-file-upload-aqua-border-dark,#2dd4bf)] bg-[var(--zui-file-upload-aqua-bg,#0f766e14)] dark:bg-[var(--zui-file-upload-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-file-upload-aqua-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-aqua-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-aqua-bg-hover,#0f766e24)] dark:hover:bg-[var(--zui-file-upload-aqua-bg-hover-dark,#2dd4bf33)]",
47
- plum: "border border-[color:var(--zui-file-upload-plum-border,#7e22ce)] dark:border-[color:var(--zui-file-upload-plum-border-dark,#c084fc)] bg-[var(--zui-file-upload-plum-bg,#7e22ce14)] dark:bg-[var(--zui-file-upload-plum-bg-dark,#c084fc24)] text-[color:var(--zui-file-upload-plum-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-plum-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-plum-bg-hover,#7e22ce24)] dark:hover:bg-[var(--zui-file-upload-plum-bg-hover-dark,#c084fc33)]"
48
- };
49
-
50
- // src/ui/file-upload/variants.ts
51
- var fileUploadVariants = classVarianceAuthority.cva(zuiFileUploadBase, {
11
+ var fileUploadVariants = classVarianceAuthority.cva(chunkI55QC57T_js.zuiFileUploadBase, {
52
12
  variants: {
53
- appearance: zuiFileUploadAppearances
13
+ appearance: chunkI55QC57T_js.zuiFileUploadAppearances
54
14
  },
55
15
  defaultVariants: {
56
16
  appearance: "idle"
package/dist/ui/file-upload.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/design-system/file-upload.ts","../../src/ui/file-upload/variants.ts","../../src/ui/file-upload/file-upload.tsx"],"names":["cva","useId","useState","useCallback","jsxs","cn","jsx","Fragment"],"mappings":"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","file":"file-upload.js","sourcesContent":["export const zuiFileUploadBase =\n \"relative flex cursor-pointer flex-col items-center justify-center gap-2 rounded-2xl border border-dashed px-6 py-10 text-center text-sm transition-colors outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-file-upload-ring-focus,oklch(70.2%_0.183_293.541_/_0.6))] dark:focus-visible:ring-[var(--zui-file-upload-ring-focus-dark,oklch(70.2%_0.183_293.541_/_0.6))] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-file-upload-ring-offset-focus,oklch(98.4%_0.003_247.858))] dark:focus-visible:ring-offset-[var(--zui-file-upload-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))]\";\n\nexport const zuiFileUploadAppearances = {\n idle: \"border-[color:var(--zui-file-upload-idle-border,#00000026)] dark:border-[color:var(--zui-file-upload-idle-border-dark,#ffffff26)] bg-[var(--zui-file-upload-idle-bg,#0000000d)] dark:bg-[var(--zui-file-upload-idle-bg-dark,#ffffff0d)] text-[color:var(--zui-file-upload-idle-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-file-upload-idle-fg-dark,oklch(86.9%_0.022_252.894))] hover:border-[color:var(--zui-file-upload-idle-border-hover,#00000040)] dark:hover:border-[color:var(--zui-file-upload-idle-border-hover-dark,#ffffff40)] hover:bg-[var(--zui-file-upload-idle-bg-hover,#00000012)] dark:hover:bg-[var(--zui-file-upload-idle-bg-hover-dark,#ffffff12)] dark:bg-[var(--zui-file-upload-idle-bg-dark,#ffffff12)]\",\n active:\n \"border-[color:var(--zui-file-upload-active-border,oklch(70.2%_0.183_293.541_/_0.7))] dark:border-[color:var(--zui-file-upload-active-border-dark,oklch(70.2%_0.183_293.541_/_0.7))] bg-[var(--zui-file-upload-active-bg,oklch(60.6%_0.25_292.717_/_0.1))] dark:bg-[var(--zui-file-upload-active-bg-dark,oklch(60.6%_0.25_292.717_/_0.1))] text-[color:var(--zui-file-upload-active-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-file-upload-active-fg-dark,#ffffff)]\",\n disabled: \"cursor-not-allowed opacity-50\",\n error:\n \"border-[color:var(--zui-file-upload-error-border,oklch(70.4%_0.191_22.216_/_0.7))] dark:border-[color:var(--zui-file-upload-error-border-dark,oklch(70.4%_0.191_22.216_/_0.7))] bg-[var(--zui-file-upload-error-bg,oklch(63.7%_0.237_25.331_/_0.1))] dark:bg-[var(--zui-file-upload-error-bg-dark,oklch(63.7%_0.237_25.331_/_0.1))] text-[color:var(--zui-file-upload-error-fg,oklch(57.7%_0.245_27.325))] dark:text-[color:var(--zui-file-upload-error-fg-dark,oklch(70.4%_0.191_22.216))] hover:border-[color:var(--zui-file-upload-error-border-hover,oklch(70.4%_0.191_22.216_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-error-border-hover-dark,oklch(70.4%_0.191_22.216_/_0.8))] hover:bg-[var(--zui-file-upload-error-bg-hover,oklch(63.7%_0.237_25.331_/_0.15))] dark:hover:bg-[var(--zui-file-upload-error-bg-hover-dark,oklch(63.7%_0.237_25.331_/_0.15))]\",\n success:\n \"border-[color:var(--zui-file-upload-success-border,oklch(79.2%_0.209_151.711_/_0.7))] dark:border-[color:var(--zui-file-upload-success-border-dark,oklch(79.2%_0.209_151.711_/_0.7))] bg-[var(--zui-file-upload-success-bg,oklch(72.3%_0.219_149.579_/_0.1))] dark:bg-[var(--zui-file-upload-success-bg-dark,oklch(72.3%_0.219_149.579_/_0.1))] text-[color:var(--zui-file-upload-success-fg,oklch(62.7%_0.194_149.214))] dark:text-[color:var(--zui-file-upload-success-fg-dark,oklch(79.2%_0.209_151.711))] hover:border-[color:var(--zui-file-upload-success-border-hover,oklch(79.2%_0.209_151.711_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-success-border-hover-dark,oklch(79.2%_0.209_151.711_/_0.8))] hover:bg-[var(--zui-file-upload-success-bg-hover,oklch(72.3%_0.219_149.579_/_0.15))] dark:hover:bg-[var(--zui-file-upload-success-bg-hover-dark,oklch(72.3%_0.219_149.579_/_0.15))]\",\n warning:\n \"border-[color:var(--zui-file-upload-warning-border,oklch(85.2%_0.199_91.936_/_0.7))] dark:border-[color:var(--zui-file-upload-warning-border-dark,oklch(85.2%_0.199_91.936_/_0.7))] bg-[var(--zui-file-upload-warning-bg,oklch(79.5%_0.184_86.047_/_0.1))] dark:bg-[var(--zui-file-upload-warning-bg-dark,oklch(79.5%_0.184_86.047_/_0.1))] text-[color:var(--zui-file-upload-warning-fg,oklch(68.1%_0.162_75.834))] dark:text-[color:var(--zui-file-upload-warning-fg-dark,oklch(85.2%_0.199_91.936))] hover:border-[color:var(--zui-file-upload-warning-border-hover,oklch(85.2%_0.199_91.936_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-warning-border-hover-dark,oklch(85.2%_0.199_91.936_/_0.8))] hover:bg-[var(--zui-file-upload-warning-bg-hover,oklch(79.5%_0.184_86.047_/_0.15))] dark:hover:bg-[var(--zui-file-upload-warning-bg-hover-dark,oklch(79.5%_0.184_86.047_/_0.15))]\",\n info: \"border-[color:var(--zui-file-upload-info-border,oklch(70.7%_0.165_254.624_/_0.7))] dark:border-[color:var(--zui-file-upload-info-border-dark,oklch(70.7%_0.165_254.624_/_0.7))] bg-[var(--zui-file-upload-info-bg,oklch(62.3%_0.214_259.815_/_0.1))] dark:bg-[var(--zui-file-upload-info-bg-dark,oklch(62.3%_0.214_259.815_/_0.1))] text-[color:var(--zui-file-upload-info-fg,oklch(54.6%_0.245_262.881))] dark:text-[color:var(--zui-file-upload-info-fg-dark,oklch(70.7%_0.165_254.624))] hover:border-[color:var(--zui-file-upload-info-border-hover,oklch(70.7%_0.165_254.624_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-info-border-hover-dark,oklch(70.7%_0.165_254.624_/_0.8))] hover:bg-[var(--zui-file-upload-info-bg-hover,oklch(62.3%_0.214_259.815_/_0.15))] dark:hover:bg-[var(--zui-file-upload-info-bg-hover-dark,oklch(62.3%_0.214_259.815_/_0.15))]\",\n neutral:\n \"border-[color:var(--zui-file-upload-neutral-border,oklch(70.7%_0.022_261.325_/_0.7))] dark:border-[color:var(--zui-file-upload-neutral-border-dark,oklch(70.7%_0.022_261.325_/_0.7))] bg-[var(--zui-file-upload-neutral-bg,oklch(55.1%_0.027_264.364_/_0.1))] dark:bg-[var(--zui-file-upload-neutral-bg-dark,oklch(55.1%_0.027_264.364_/_0.1))] text-[color:var(--zui-file-upload-neutral-fg,oklch(44.6%_0.03_256.802))] dark:text-[color:var(--zui-file-upload-neutral-fg-dark,oklch(70.7%_0.022_261.325))] hover:border-[color:var(--zui-file-upload-neutral-border-hover,oklch(70.7%_0.022_261.325_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-neutral-border-hover-dark,oklch(70.7%_0.022_261.325_/_0.8))] hover:bg-[var(--zui-file-upload-neutral-bg-hover,oklch(55.1%_0.027_264.364_/_0.15))] dark:hover:bg-[var(--zui-file-upload-neutral-bg-hover-dark,oklch(55.1%_0.027_264.364_/_0.15))]\",\n purple:\n \"border-[color:var(--zui-file-upload-purple-border,oklch(71.4%_0.203_305.504_/_0.7))] dark:border-[color:var(--zui-file-upload-purple-border-dark,oklch(71.4%_0.203_305.504_/_0.7))] bg-[var(--zui-file-upload-purple-bg,oklch(62.7%_0.265_303.9_/_0.1))] dark:bg-[var(--zui-file-upload-purple-bg-dark,oklch(62.7%_0.265_303.9_/_0.1))] text-[color:var(--zui-file-upload-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-file-upload-purple-fg-dark,oklch(71.4%_0.203_305.504))] hover:border-[color:var(--zui-file-upload-purple-border-hover,oklch(71.4%_0.203_305.504_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-purple-border-hover-dark,oklch(71.4%_0.203_305.504_/_0.8))] hover:bg-[var(--zui-file-upload-purple-bg-hover,oklch(62.7%_0.265_303.9_/_0.15))] dark:hover:bg-[var(--zui-file-upload-purple-bg-hover-dark,oklch(62.7%_0.265_303.9_/_0.15))]\",\n indigo:\n \"border-[color:var(--zui-file-upload-indigo-border,oklch(67.3%_0.182_276.935_/_0.7))] dark:border-[color:var(--zui-file-upload-indigo-border-dark,oklch(67.3%_0.182_276.935_/_0.7))] bg-[var(--zui-file-upload-indigo-bg,oklch(58.5%_0.233_277.117_/_0.1))] dark:bg-[var(--zui-file-upload-indigo-bg-dark,oklch(58.5%_0.233_277.117_/_0.1))] text-[color:var(--zui-file-upload-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-file-upload-indigo-fg-dark,oklch(67.3%_0.182_276.935))] hover:border-[color:var(--zui-file-upload-indigo-border-hover,oklch(67.3%_0.182_276.935_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-indigo-border-hover-dark,oklch(67.3%_0.182_276.935_/_0.8))] hover:bg-[var(--zui-file-upload-indigo-bg-hover,oklch(58.5%_0.233_277.117_/_0.15))] dark:hover:bg-[var(--zui-file-upload-indigo-bg-hover-dark,oklch(58.5%_0.233_277.117_/_0.15))]\",\n emerald:\n \"border-[color:var(--zui-file-upload-emerald-border,oklch(76.5%_0.177_163.223_/_0.7))] dark:border-[color:var(--zui-file-upload-emerald-border-dark,oklch(76.5%_0.177_163.223_/_0.7))] bg-[var(--zui-file-upload-emerald-bg,oklch(69.6%_0.17_162.48_/_0.1))] dark:bg-[var(--zui-file-upload-emerald-bg-dark,oklch(69.6%_0.17_162.48_/_0.1))] text-[color:var(--zui-file-upload-emerald-fg,oklch(59.6%_0.145_163.225))] dark:text-[color:var(--zui-file-upload-emerald-fg-dark,oklch(76.5%_0.177_163.223))] hover:border-[color:var(--zui-file-upload-emerald-border-hover,oklch(76.5%_0.177_163.223_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-emerald-border-hover-dark,oklch(76.5%_0.177_163.223_/_0.8))] hover:bg-[var(--zui-file-upload-emerald-bg-hover,oklch(69.6%_0.17_162.48_/_0.15))] dark:hover:bg-[var(--zui-file-upload-emerald-bg-hover-dark,oklch(69.6%_0.17_162.48_/_0.15))]\",\n amber:\n \"border-[color:var(--zui-file-upload-amber-border,oklch(82.8%_0.189_84.429_/_0.7))] dark:border-[color:var(--zui-file-upload-amber-border-dark,oklch(82.8%_0.189_84.429_/_0.7))] bg-[var(--zui-file-upload-amber-bg,oklch(76.9%_0.188_70.08_/_0.1))] dark:bg-[var(--zui-file-upload-amber-bg-dark,oklch(76.9%_0.188_70.08_/_0.1))] text-[color:var(--zui-file-upload-amber-fg,oklch(66.6%_0.179_58.318))] dark:text-[color:var(--zui-file-upload-amber-fg-dark,oklch(82.8%_0.189_84.429))] hover:border-[color:var(--zui-file-upload-amber-border-hover,oklch(82.8%_0.189_84.429_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-amber-border-hover-dark,oklch(82.8%_0.189_84.429_/_0.8))] hover:bg-[var(--zui-file-upload-amber-bg-hover,oklch(76.9%_0.188_70.08_/_0.15))] dark:hover:bg-[var(--zui-file-upload-amber-bg-hover-dark,oklch(76.9%_0.188_70.08_/_0.15))]\",\n pink: \"border-[color:var(--zui-file-upload-pink-border,oklch(71.8%_0.202_349.761_/_0.7))] dark:border-[color:var(--zui-file-upload-pink-border-dark,oklch(71.8%_0.202_349.761_/_0.7))] bg-[var(--zui-file-upload-pink-bg,oklch(65.6%_0.241_354.308_/_0.1))] dark:bg-[var(--zui-file-upload-pink-bg-dark,oklch(65.6%_0.241_354.308_/_0.1))] text-[color:var(--zui-file-upload-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-file-upload-pink-fg-dark,oklch(71.8%_0.202_349.761))] hover:border-[color:var(--zui-file-upload-pink-border-hover,oklch(71.8%_0.202_349.761_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-pink-border-hover-dark,oklch(71.8%_0.202_349.761_/_0.8))] hover:bg-[var(--zui-file-upload-pink-bg-hover,oklch(65.6%_0.241_354.308_/_0.15))] dark:hover:bg-[var(--zui-file-upload-pink-bg-hover-dark,oklch(65.6%_0.241_354.308_/_0.15))]\",\n orange:\n \"border-[color:var(--zui-file-upload-orange-border,oklch(75%_0.183_55.934_/_0.7))] dark:border-[color:var(--zui-file-upload-orange-border-dark,oklch(75%_0.183_55.934_/_0.7))] bg-[var(--zui-file-upload-orange-bg,oklch(70.5%_0.213_47.604_/_0.1))] dark:bg-[var(--zui-file-upload-orange-bg-dark,oklch(70.5%_0.213_47.604_/_0.1))] text-[color:var(--zui-file-upload-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-file-upload-orange-fg-dark,oklch(75%_0.183_55.934))] hover:border-[color:var(--zui-file-upload-orange-border-hover,oklch(75%_0.183_55.934_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-orange-border-hover-dark,oklch(75%_0.183_55.934_/_0.8))] hover:bg-[var(--zui-file-upload-orange-bg-hover,oklch(70.5%_0.213_47.604_/_0.15))] dark:hover:bg-[var(--zui-file-upload-orange-bg-hover-dark,oklch(70.5%_0.213_47.604_/_0.15))]\",\n teal: \"border-[color:var(--zui-file-upload-teal-border,oklch(77.7%_0.152_181.912_/_0.7))] dark:border-[color:var(--zui-file-upload-teal-border-dark,oklch(77.7%_0.152_181.912_/_0.7))] bg-[var(--zui-file-upload-teal-bg,oklch(70.4%_0.14_182.503_/_0.1))] dark:bg-[var(--zui-file-upload-teal-bg-dark,oklch(70.4%_0.14_182.503_/_0.1))] text-[color:var(--zui-file-upload-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-file-upload-teal-fg-dark,oklch(77.7%_0.152_181.912))] hover:border-[color:var(--zui-file-upload-teal-border-hover,oklch(77.7%_0.152_181.912_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-teal-border-hover-dark,oklch(77.7%_0.152_181.912_/_0.8))] hover:bg-[var(--zui-file-upload-teal-bg-hover,oklch(70.4%_0.14_182.503_/_0.15))] dark:hover:bg-[var(--zui-file-upload-teal-bg-hover-dark,oklch(70.4%_0.14_182.503_/_0.15))]\",\n blue: \"border border-[color:var(--zui-file-upload-blue-border,#2563eb)] dark:border-[color:var(--zui-file-upload-blue-border-dark,#3b82f6)] bg-[var(--zui-file-upload-blue-bg,#2563eb14)] dark:bg-[var(--zui-file-upload-blue-bg-dark,#3b82f624)] text-[color:var(--zui-file-upload-blue-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-blue-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-blue-bg-hover,#2563eb24)] dark:hover:bg-[var(--zui-file-upload-blue-bg-hover-dark,#3b82f633)]\",\n cyan: \"border border-[color:var(--zui-file-upload-cyan-border,#0891b2)] dark:border-[color:var(--zui-file-upload-cyan-border-dark,#22d3ee)] bg-[var(--zui-file-upload-cyan-bg,#0891b214)] dark:bg-[var(--zui-file-upload-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-file-upload-cyan-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-cyan-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-cyan-bg-hover,#0891b224)] dark:hover:bg-[var(--zui-file-upload-cyan-bg-hover-dark,#22d3ee33)]\",\n green:\n \"border border-[color:var(--zui-file-upload-green-border,#16a34a)] dark:border-[color:var(--zui-file-upload-green-border-dark,#22c55e)] bg-[var(--zui-file-upload-green-bg,#16a34a14)] dark:bg-[var(--zui-file-upload-green-bg-dark,#22c55e24)] text-[color:var(--zui-file-upload-green-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-green-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-green-bg-hover,#16a34a24)] dark:hover:bg-[var(--zui-file-upload-green-bg-hover-dark,#22c55e33)]\",\n lime: \"border border-[color:var(--zui-file-upload-lime-border,#65a30d)] dark:border-[color:var(--zui-file-upload-lime-border-dark,#a3e635)] bg-[var(--zui-file-upload-lime-bg,#65a30d14)] dark:bg-[var(--zui-file-upload-lime-bg-dark,#a3e63524)] text-[color:var(--zui-file-upload-lime-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-lime-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-lime-bg-hover,#65a30d24)] dark:hover:bg-[var(--zui-file-upload-lime-bg-hover-dark,#a3e63533)]\",\n mint: \"border border-[color:var(--zui-file-upload-mint-border,#10b981)] dark:border-[color:var(--zui-file-upload-mint-border-dark,#6ee7b7)] bg-[var(--zui-file-upload-mint-bg,#10b98114)] dark:bg-[var(--zui-file-upload-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-file-upload-mint-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-mint-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-mint-bg-hover,#10b98124)] dark:hover:bg-[var(--zui-file-upload-mint-bg-hover-dark,#6ee7b733)]\",\n ocean:\n \"border border-[color:var(--zui-file-upload-ocean-border,#0284c7)] dark:border-[color:var(--zui-file-upload-ocean-border-dark,#38bdf8)] bg-[var(--zui-file-upload-ocean-bg,#0284c714)] dark:bg-[var(--zui-file-upload-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-file-upload-ocean-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-ocean-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-ocean-bg-hover,#0284c724)] dark:hover:bg-[var(--zui-file-upload-ocean-bg-hover-dark,#38bdf833)]\",\n sapphire:\n \"border border-[color:var(--zui-file-upload-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-file-upload-sapphire-border-dark,#60a5fa)] bg-[var(--zui-file-upload-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-file-upload-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-file-upload-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-sapphire-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-sapphire-bg-hover,#1d4ed824)] dark:hover:bg-[var(--zui-file-upload-sapphire-bg-hover-dark,#60a5fa33)]\",\n lavender:\n \"border border-[color:var(--zui-file-upload-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-file-upload-lavender-border-dark,#a78bfa)] bg-[var(--zui-file-upload-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-file-upload-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-file-upload-lavender-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-lavender-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-lavender-bg-hover,#8b5cf624)] dark:hover:bg-[var(--zui-file-upload-lavender-bg-hover-dark,#a78bfa33)]\",\n ruby: \"border border-[color:var(--zui-file-upload-ruby-border,#be123c)] dark:border-[color:var(--zui-file-upload-ruby-border-dark,#fb7185)] bg-[var(--zui-file-upload-ruby-bg,#be123c14)] dark:bg-[var(--zui-file-upload-ruby-bg-dark,#fb718524)] text-[color:var(--zui-file-upload-ruby-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-ruby-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-ruby-bg-hover,#be123c24)] dark:hover:bg-[var(--zui-file-upload-ruby-bg-hover-dark,#fb718533)]\",\n red: \"border border-[color:var(--zui-file-upload-red-border,#dc2626)] dark:border-[color:var(--zui-file-upload-red-border-dark,#ef4444)] bg-[var(--zui-file-upload-red-bg,#dc262614)] dark:bg-[var(--zui-file-upload-red-bg-dark,#ef444424)] text-[color:var(--zui-file-upload-red-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-red-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-red-bg-hover,#dc262624)] dark:hover:bg-[var(--zui-file-upload-red-bg-hover-dark,#ef444433)]\",\n slate:\n \"border border-[color:var(--zui-file-upload-slate-border,#475569)] dark:border-[color:var(--zui-file-upload-slate-border-dark,#64748b)] bg-[var(--zui-file-upload-slate-bg,#47556914)] dark:bg-[var(--zui-file-upload-slate-bg-dark,#64748b24)] text-[color:var(--zui-file-upload-slate-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-slate-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-slate-bg-hover,#47556924)] dark:hover:bg-[var(--zui-file-upload-slate-bg-hover-dark,#64748b33)]\",\n zinc: \"border border-[color:var(--zui-file-upload-zinc-border,#52525b)] dark:border-[color:var(--zui-file-upload-zinc-border-dark,#71717a)] bg-[var(--zui-file-upload-zinc-bg,#52525b14)] dark:bg-[var(--zui-file-upload-zinc-bg-dark,#71717a24)] text-[color:var(--zui-file-upload-zinc-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-zinc-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-zinc-bg-hover,#52525b24)] dark:hover:bg-[var(--zui-file-upload-zinc-bg-hover-dark,#71717a33)]\",\n stone:\n \"border border-[color:var(--zui-file-upload-stone-border,#57534e)] dark:border-[color:var(--zui-file-upload-stone-border-dark,#78716c)] bg-[var(--zui-file-upload-stone-bg,#57534e14)] dark:bg-[var(--zui-file-upload-stone-bg-dark,#78716c24)] text-[color:var(--zui-file-upload-stone-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-stone-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-stone-bg-hover,#57534e24)] dark:hover:bg-[var(--zui-file-upload-stone-bg-hover-dark,#78716c33)]\",\n royal:\n \"border border-[color:var(--zui-file-upload-royal-border,#4338ca)] dark:border-[color:var(--zui-file-upload-royal-border-dark,#818cf8)] bg-[var(--zui-file-upload-royal-bg,#4338ca14)] dark:bg-[var(--zui-file-upload-royal-bg-dark,#818cf824)] text-[color:var(--zui-file-upload-royal-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-royal-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-royal-bg-hover,#4338ca24)] dark:hover:bg-[var(--zui-file-upload-royal-bg-hover-dark,#818cf833)]\",\n electric:\n \"border border-[color:var(--zui-file-upload-electric-border,#0ea5e9)] dark:border-[color:var(--zui-file-upload-electric-border-dark,#38bdf8)] bg-[var(--zui-file-upload-electric-bg,#0ea5e914)] dark:bg-[var(--zui-file-upload-electric-bg-dark,#38bdf824)] text-[color:var(--zui-file-upload-electric-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-electric-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-electric-bg-hover,#0ea5e924)] dark:hover:bg-[var(--zui-file-upload-electric-bg-hover-dark,#38bdf833)]\",\n forest:\n \"border border-[color:var(--zui-file-upload-forest-border,#166534)] dark:border-[color:var(--zui-file-upload-forest-border-dark,#4ade80)] bg-[var(--zui-file-upload-forest-bg,#16653414)] dark:bg-[var(--zui-file-upload-forest-bg-dark,#4ade8024)] text-[color:var(--zui-file-upload-forest-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-forest-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-forest-bg-hover,#16653424)] dark:hover:bg-[var(--zui-file-upload-forest-bg-hover-dark,#4ade8033)]\",\n sunset:\n \"border border-[color:var(--zui-file-upload-sunset-border,#ea580c)] dark:border-[color:var(--zui-file-upload-sunset-border-dark,#fb923c)] bg-[var(--zui-file-upload-sunset-bg,#ea580c14)] dark:bg-[var(--zui-file-upload-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-file-upload-sunset-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-sunset-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-sunset-bg-hover,#ea580c24)] dark:hover:bg-[var(--zui-file-upload-sunset-bg-hover-dark,#fb923c33)]\",\n magenta:\n \"border border-[color:var(--zui-file-upload-magenta-border,#c026d3)] dark:border-[color:var(--zui-file-upload-magenta-border-dark,#e879f9)] bg-[var(--zui-file-upload-magenta-bg,#c026d314)] dark:bg-[var(--zui-file-upload-magenta-bg-dark,#e879f924)] text-[color:var(--zui-file-upload-magenta-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-magenta-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-magenta-bg-hover,#c026d324)] dark:hover:bg-[var(--zui-file-upload-magenta-bg-hover-dark,#e879f933)]\",\n crimson:\n \"border border-[color:var(--zui-file-upload-crimson-border,#b91c1c)] dark:border-[color:var(--zui-file-upload-crimson-border-dark,#f87171)] bg-[var(--zui-file-upload-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-file-upload-crimson-bg-dark,#f8717124)] text-[color:var(--zui-file-upload-crimson-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-crimson-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-crimson-bg-hover,#b91c1c24)] dark:hover:bg-[var(--zui-file-upload-crimson-bg-hover-dark,#f8717133)]\",\n aqua: \"border border-[color:var(--zui-file-upload-aqua-border,#0f766e)] dark:border-[color:var(--zui-file-upload-aqua-border-dark,#2dd4bf)] bg-[var(--zui-file-upload-aqua-bg,#0f766e14)] dark:bg-[var(--zui-file-upload-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-file-upload-aqua-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-aqua-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-aqua-bg-hover,#0f766e24)] dark:hover:bg-[var(--zui-file-upload-aqua-bg-hover-dark,#2dd4bf33)]\",\n plum: \"border border-[color:var(--zui-file-upload-plum-border,#7e22ce)] dark:border-[color:var(--zui-file-upload-plum-border-dark,#c084fc)] bg-[var(--zui-file-upload-plum-bg,#7e22ce14)] dark:bg-[var(--zui-file-upload-plum-bg-dark,#c084fc24)] text-[color:var(--zui-file-upload-plum-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-plum-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-plum-bg-hover,#7e22ce24)] dark:hover:bg-[var(--zui-file-upload-plum-bg-hover-dark,#c084fc33)]\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n zuiFileUploadAppearances,\n zuiFileUploadBase,\n} from \"../../design-system/file-upload\";\n\nexport const fileUploadVariants = cva(zuiFileUploadBase, {\n variants: {\n appearance: zuiFileUploadAppearances,\n },\n defaultVariants: {\n appearance: \"idle\",\n },\n});\n","\"use client\";\n\nimport { useCallback, useId, useState } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { FileUploadProps } from \"./types\";\nimport { fileUploadVariants } from \"./variants\";\n\nexport function FileUpload({\n className,\n onFiles,\n accept,\n multiple = false,\n disabled = false,\n name,\n children,\n onChange,\n ref,\n appearance = \"idle\",\n ...rest\n}: FileUploadProps & { ref?: React.Ref<HTMLDivElement> }) {\n const inputId = useId();\n const [dragOver, setDragOver] = useState(false);\n\n const emitFiles = useCallback(\n (fileList: FileList | null) => {\n if (!fileList?.length) {\n return;\n }\n onFiles?.(Array.from(fileList));\n },\n [onFiles],\n );\n\n const handleChange = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n onChange?.(event);\n emitFiles(event.target.files);\n event.target.value = \"\";\n },\n [emitFiles, onChange],\n );\n\n const handleDrop = useCallback(\n (event: React.DragEvent<HTMLLabelElement>) => {\n event.preventDefault();\n setDragOver(false);\n if (disabled) {\n return;\n }\n emitFiles(event.dataTransfer.files);\n },\n [disabled, emitFiles],\n );\n\n return (\n <div\n ref={ref}\n data-slot=\"file-upload\"\n className={cn(fileUploadVariants({ appearance }), className)}\n {...rest}\n >\n <input\n id={inputId}\n name={name}\n type=\"file\"\n className=\"sr-only\"\n accept={accept}\n multiple={multiple}\n disabled={disabled}\n onChange={handleChange}\n />\n <label\n htmlFor={inputId}\n className={cn(\n \"flex w-full cursor-pointer flex-col items-center gap-2\",\n disabled && \"cursor-not-allowed\",\n )}\n onDragEnter={(e) => {\n e.preventDefault();\n if (!disabled) {\n setDragOver(true);\n }\n }}\n onDragOver={(e) => {\n e.preventDefault();\n if (!disabled) {\n setDragOver(true);\n }\n }}\n onDragLeave={() => setDragOver(false)}\n onDrop={handleDrop}\n >\n {children ?? (\n <>\n <span className=\"text-base font-semibold text-slate-900 dark:text-slate-100\">\n Drop files here\n </span>\n <span className=\"text-xs text-slate-600 dark:text-slate-400\">\n or click to browse from your device\n </span>\n </>\n )}\n {dragOver && (\n <span className=\"text-xs text-slate-600 dark:text-slate-400\">\n Drop files here\n </span>\n )}\n </label>\n </div>\n );\n}\n\nFileUpload.displayName = \"FileUpload\";\n"]}
1
+ {"version":3,"sources":["../../src/ui/file-upload/variants.ts","../../src/ui/file-upload/file-upload.tsx"],"names":["cva","zuiFileUploadBase","zuiFileUploadAppearances","useId","useState","useCallback","jsxs","cn","jsx","Fragment"],"mappings":"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","file":"file-upload.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n zuiFileUploadAppearances,\n zuiFileUploadBase,\n} from \"../../design-system/file-upload\";\n\nexport const fileUploadVariants = cva(zuiFileUploadBase, {\n variants: {\n appearance: zuiFileUploadAppearances,\n },\n defaultVariants: {\n appearance: \"idle\",\n },\n});\n","\"use client\";\n\nimport { useCallback, useId, useState } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { FileUploadProps } from \"./types\";\nimport { fileUploadVariants } from \"./variants\";\n\nexport function FileUpload({\n className,\n onFiles,\n accept,\n multiple = false,\n disabled = false,\n name,\n children,\n onChange,\n ref,\n appearance = \"idle\",\n ...rest\n}: FileUploadProps & { ref?: React.Ref<HTMLDivElement> }) {\n const inputId = useId();\n const [dragOver, setDragOver] = useState(false);\n\n const emitFiles = useCallback(\n (fileList: FileList | null) => {\n if (!fileList?.length) {\n return;\n }\n onFiles?.(Array.from(fileList));\n },\n [onFiles],\n );\n\n const handleChange = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n onChange?.(event);\n emitFiles(event.target.files);\n event.target.value = \"\";\n },\n [emitFiles, onChange],\n );\n\n const handleDrop = useCallback(\n (event: React.DragEvent<HTMLLabelElement>) => {\n event.preventDefault();\n setDragOver(false);\n if (disabled) {\n return;\n }\n emitFiles(event.dataTransfer.files);\n },\n [disabled, emitFiles],\n );\n\n return (\n <div\n ref={ref}\n data-slot=\"file-upload\"\n className={cn(fileUploadVariants({ appearance }), className)}\n {...rest}\n >\n <input\n id={inputId}\n name={name}\n type=\"file\"\n className=\"sr-only\"\n accept={accept}\n multiple={multiple}\n disabled={disabled}\n onChange={handleChange}\n />\n <label\n htmlFor={inputId}\n className={cn(\n \"flex w-full cursor-pointer flex-col items-center gap-2\",\n disabled && \"cursor-not-allowed\",\n )}\n onDragEnter={(e) => {\n e.preventDefault();\n if (!disabled) {\n setDragOver(true);\n }\n }}\n onDragOver={(e) => {\n e.preventDefault();\n if (!disabled) {\n setDragOver(true);\n }\n }}\n onDragLeave={() => setDragOver(false)}\n onDrop={handleDrop}\n >\n {children ?? (\n <>\n <span className=\"text-base font-semibold text-slate-900 dark:text-slate-100\">\n Drop files here\n </span>\n <span className=\"text-xs text-slate-600 dark:text-slate-400\">\n or click to browse from your device\n </span>\n </>\n )}\n {dragOver && (\n <span className=\"text-xs text-slate-600 dark:text-slate-400\">\n Drop files here\n </span>\n )}\n </label>\n </div>\n );\n}\n\nFileUpload.displayName = \"FileUpload\";\n"]}
package/dist/ui/file-upload.mjs CHANGED
@@ -1,51 +1,11 @@
1
1
  "use client";
2
+ import { zuiFileUploadBase, zuiFileUploadAppearances } from '../chunk-NMBSK44H.mjs';
2
3
  import { cn } from '../chunk-4D54YOL6.mjs';
4
+ import '../chunk-J5LGTIGS.mjs';
3
5
  import { useId, useState, useCallback } from 'react';
4
6
  import { cva } from 'class-variance-authority';
5
7
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
6
8
 
7
- // src/design-system/file-upload.ts
8
- var zuiFileUploadBase = "relative flex cursor-pointer flex-col items-center justify-center gap-2 rounded-2xl border border-dashed px-6 py-10 text-center text-sm transition-colors outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-file-upload-ring-focus,oklch(70.2%_0.183_293.541_/_0.6))] dark:focus-visible:ring-[var(--zui-file-upload-ring-focus-dark,oklch(70.2%_0.183_293.541_/_0.6))] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-file-upload-ring-offset-focus,oklch(98.4%_0.003_247.858))] dark:focus-visible:ring-offset-[var(--zui-file-upload-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))]";
9
- var zuiFileUploadAppearances = {
10
- idle: "border-[color:var(--zui-file-upload-idle-border,#00000026)] dark:border-[color:var(--zui-file-upload-idle-border-dark,#ffffff26)] bg-[var(--zui-file-upload-idle-bg,#0000000d)] dark:bg-[var(--zui-file-upload-idle-bg-dark,#ffffff0d)] text-[color:var(--zui-file-upload-idle-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-file-upload-idle-fg-dark,oklch(86.9%_0.022_252.894))] hover:border-[color:var(--zui-file-upload-idle-border-hover,#00000040)] dark:hover:border-[color:var(--zui-file-upload-idle-border-hover-dark,#ffffff40)] hover:bg-[var(--zui-file-upload-idle-bg-hover,#00000012)] dark:hover:bg-[var(--zui-file-upload-idle-bg-hover-dark,#ffffff12)] dark:bg-[var(--zui-file-upload-idle-bg-dark,#ffffff12)]",
11
- active: "border-[color:var(--zui-file-upload-active-border,oklch(70.2%_0.183_293.541_/_0.7))] dark:border-[color:var(--zui-file-upload-active-border-dark,oklch(70.2%_0.183_293.541_/_0.7))] bg-[var(--zui-file-upload-active-bg,oklch(60.6%_0.25_292.717_/_0.1))] dark:bg-[var(--zui-file-upload-active-bg-dark,oklch(60.6%_0.25_292.717_/_0.1))] text-[color:var(--zui-file-upload-active-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-file-upload-active-fg-dark,#ffffff)]",
12
- disabled: "cursor-not-allowed opacity-50",
13
- error: "border-[color:var(--zui-file-upload-error-border,oklch(70.4%_0.191_22.216_/_0.7))] dark:border-[color:var(--zui-file-upload-error-border-dark,oklch(70.4%_0.191_22.216_/_0.7))] bg-[var(--zui-file-upload-error-bg,oklch(63.7%_0.237_25.331_/_0.1))] dark:bg-[var(--zui-file-upload-error-bg-dark,oklch(63.7%_0.237_25.331_/_0.1))] text-[color:var(--zui-file-upload-error-fg,oklch(57.7%_0.245_27.325))] dark:text-[color:var(--zui-file-upload-error-fg-dark,oklch(70.4%_0.191_22.216))] hover:border-[color:var(--zui-file-upload-error-border-hover,oklch(70.4%_0.191_22.216_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-error-border-hover-dark,oklch(70.4%_0.191_22.216_/_0.8))] hover:bg-[var(--zui-file-upload-error-bg-hover,oklch(63.7%_0.237_25.331_/_0.15))] dark:hover:bg-[var(--zui-file-upload-error-bg-hover-dark,oklch(63.7%_0.237_25.331_/_0.15))]",
14
- success: "border-[color:var(--zui-file-upload-success-border,oklch(79.2%_0.209_151.711_/_0.7))] dark:border-[color:var(--zui-file-upload-success-border-dark,oklch(79.2%_0.209_151.711_/_0.7))] bg-[var(--zui-file-upload-success-bg,oklch(72.3%_0.219_149.579_/_0.1))] dark:bg-[var(--zui-file-upload-success-bg-dark,oklch(72.3%_0.219_149.579_/_0.1))] text-[color:var(--zui-file-upload-success-fg,oklch(62.7%_0.194_149.214))] dark:text-[color:var(--zui-file-upload-success-fg-dark,oklch(79.2%_0.209_151.711))] hover:border-[color:var(--zui-file-upload-success-border-hover,oklch(79.2%_0.209_151.711_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-success-border-hover-dark,oklch(79.2%_0.209_151.711_/_0.8))] hover:bg-[var(--zui-file-upload-success-bg-hover,oklch(72.3%_0.219_149.579_/_0.15))] dark:hover:bg-[var(--zui-file-upload-success-bg-hover-dark,oklch(72.3%_0.219_149.579_/_0.15))]",
15
- warning: "border-[color:var(--zui-file-upload-warning-border,oklch(85.2%_0.199_91.936_/_0.7))] dark:border-[color:var(--zui-file-upload-warning-border-dark,oklch(85.2%_0.199_91.936_/_0.7))] bg-[var(--zui-file-upload-warning-bg,oklch(79.5%_0.184_86.047_/_0.1))] dark:bg-[var(--zui-file-upload-warning-bg-dark,oklch(79.5%_0.184_86.047_/_0.1))] text-[color:var(--zui-file-upload-warning-fg,oklch(68.1%_0.162_75.834))] dark:text-[color:var(--zui-file-upload-warning-fg-dark,oklch(85.2%_0.199_91.936))] hover:border-[color:var(--zui-file-upload-warning-border-hover,oklch(85.2%_0.199_91.936_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-warning-border-hover-dark,oklch(85.2%_0.199_91.936_/_0.8))] hover:bg-[var(--zui-file-upload-warning-bg-hover,oklch(79.5%_0.184_86.047_/_0.15))] dark:hover:bg-[var(--zui-file-upload-warning-bg-hover-dark,oklch(79.5%_0.184_86.047_/_0.15))]",
16
- info: "border-[color:var(--zui-file-upload-info-border,oklch(70.7%_0.165_254.624_/_0.7))] dark:border-[color:var(--zui-file-upload-info-border-dark,oklch(70.7%_0.165_254.624_/_0.7))] bg-[var(--zui-file-upload-info-bg,oklch(62.3%_0.214_259.815_/_0.1))] dark:bg-[var(--zui-file-upload-info-bg-dark,oklch(62.3%_0.214_259.815_/_0.1))] text-[color:var(--zui-file-upload-info-fg,oklch(54.6%_0.245_262.881))] dark:text-[color:var(--zui-file-upload-info-fg-dark,oklch(70.7%_0.165_254.624))] hover:border-[color:var(--zui-file-upload-info-border-hover,oklch(70.7%_0.165_254.624_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-info-border-hover-dark,oklch(70.7%_0.165_254.624_/_0.8))] hover:bg-[var(--zui-file-upload-info-bg-hover,oklch(62.3%_0.214_259.815_/_0.15))] dark:hover:bg-[var(--zui-file-upload-info-bg-hover-dark,oklch(62.3%_0.214_259.815_/_0.15))]",
17
- neutral: "border-[color:var(--zui-file-upload-neutral-border,oklch(70.7%_0.022_261.325_/_0.7))] dark:border-[color:var(--zui-file-upload-neutral-border-dark,oklch(70.7%_0.022_261.325_/_0.7))] bg-[var(--zui-file-upload-neutral-bg,oklch(55.1%_0.027_264.364_/_0.1))] dark:bg-[var(--zui-file-upload-neutral-bg-dark,oklch(55.1%_0.027_264.364_/_0.1))] text-[color:var(--zui-file-upload-neutral-fg,oklch(44.6%_0.03_256.802))] dark:text-[color:var(--zui-file-upload-neutral-fg-dark,oklch(70.7%_0.022_261.325))] hover:border-[color:var(--zui-file-upload-neutral-border-hover,oklch(70.7%_0.022_261.325_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-neutral-border-hover-dark,oklch(70.7%_0.022_261.325_/_0.8))] hover:bg-[var(--zui-file-upload-neutral-bg-hover,oklch(55.1%_0.027_264.364_/_0.15))] dark:hover:bg-[var(--zui-file-upload-neutral-bg-hover-dark,oklch(55.1%_0.027_264.364_/_0.15))]",
18
- purple: "border-[color:var(--zui-file-upload-purple-border,oklch(71.4%_0.203_305.504_/_0.7))] dark:border-[color:var(--zui-file-upload-purple-border-dark,oklch(71.4%_0.203_305.504_/_0.7))] bg-[var(--zui-file-upload-purple-bg,oklch(62.7%_0.265_303.9_/_0.1))] dark:bg-[var(--zui-file-upload-purple-bg-dark,oklch(62.7%_0.265_303.9_/_0.1))] text-[color:var(--zui-file-upload-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-file-upload-purple-fg-dark,oklch(71.4%_0.203_305.504))] hover:border-[color:var(--zui-file-upload-purple-border-hover,oklch(71.4%_0.203_305.504_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-purple-border-hover-dark,oklch(71.4%_0.203_305.504_/_0.8))] hover:bg-[var(--zui-file-upload-purple-bg-hover,oklch(62.7%_0.265_303.9_/_0.15))] dark:hover:bg-[var(--zui-file-upload-purple-bg-hover-dark,oklch(62.7%_0.265_303.9_/_0.15))]",
19
- indigo: "border-[color:var(--zui-file-upload-indigo-border,oklch(67.3%_0.182_276.935_/_0.7))] dark:border-[color:var(--zui-file-upload-indigo-border-dark,oklch(67.3%_0.182_276.935_/_0.7))] bg-[var(--zui-file-upload-indigo-bg,oklch(58.5%_0.233_277.117_/_0.1))] dark:bg-[var(--zui-file-upload-indigo-bg-dark,oklch(58.5%_0.233_277.117_/_0.1))] text-[color:var(--zui-file-upload-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-file-upload-indigo-fg-dark,oklch(67.3%_0.182_276.935))] hover:border-[color:var(--zui-file-upload-indigo-border-hover,oklch(67.3%_0.182_276.935_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-indigo-border-hover-dark,oklch(67.3%_0.182_276.935_/_0.8))] hover:bg-[var(--zui-file-upload-indigo-bg-hover,oklch(58.5%_0.233_277.117_/_0.15))] dark:hover:bg-[var(--zui-file-upload-indigo-bg-hover-dark,oklch(58.5%_0.233_277.117_/_0.15))]",
20
- emerald: "border-[color:var(--zui-file-upload-emerald-border,oklch(76.5%_0.177_163.223_/_0.7))] dark:border-[color:var(--zui-file-upload-emerald-border-dark,oklch(76.5%_0.177_163.223_/_0.7))] bg-[var(--zui-file-upload-emerald-bg,oklch(69.6%_0.17_162.48_/_0.1))] dark:bg-[var(--zui-file-upload-emerald-bg-dark,oklch(69.6%_0.17_162.48_/_0.1))] text-[color:var(--zui-file-upload-emerald-fg,oklch(59.6%_0.145_163.225))] dark:text-[color:var(--zui-file-upload-emerald-fg-dark,oklch(76.5%_0.177_163.223))] hover:border-[color:var(--zui-file-upload-emerald-border-hover,oklch(76.5%_0.177_163.223_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-emerald-border-hover-dark,oklch(76.5%_0.177_163.223_/_0.8))] hover:bg-[var(--zui-file-upload-emerald-bg-hover,oklch(69.6%_0.17_162.48_/_0.15))] dark:hover:bg-[var(--zui-file-upload-emerald-bg-hover-dark,oklch(69.6%_0.17_162.48_/_0.15))]",
21
- amber: "border-[color:var(--zui-file-upload-amber-border,oklch(82.8%_0.189_84.429_/_0.7))] dark:border-[color:var(--zui-file-upload-amber-border-dark,oklch(82.8%_0.189_84.429_/_0.7))] bg-[var(--zui-file-upload-amber-bg,oklch(76.9%_0.188_70.08_/_0.1))] dark:bg-[var(--zui-file-upload-amber-bg-dark,oklch(76.9%_0.188_70.08_/_0.1))] text-[color:var(--zui-file-upload-amber-fg,oklch(66.6%_0.179_58.318))] dark:text-[color:var(--zui-file-upload-amber-fg-dark,oklch(82.8%_0.189_84.429))] hover:border-[color:var(--zui-file-upload-amber-border-hover,oklch(82.8%_0.189_84.429_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-amber-border-hover-dark,oklch(82.8%_0.189_84.429_/_0.8))] hover:bg-[var(--zui-file-upload-amber-bg-hover,oklch(76.9%_0.188_70.08_/_0.15))] dark:hover:bg-[var(--zui-file-upload-amber-bg-hover-dark,oklch(76.9%_0.188_70.08_/_0.15))]",
22
- pink: "border-[color:var(--zui-file-upload-pink-border,oklch(71.8%_0.202_349.761_/_0.7))] dark:border-[color:var(--zui-file-upload-pink-border-dark,oklch(71.8%_0.202_349.761_/_0.7))] bg-[var(--zui-file-upload-pink-bg,oklch(65.6%_0.241_354.308_/_0.1))] dark:bg-[var(--zui-file-upload-pink-bg-dark,oklch(65.6%_0.241_354.308_/_0.1))] text-[color:var(--zui-file-upload-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-file-upload-pink-fg-dark,oklch(71.8%_0.202_349.761))] hover:border-[color:var(--zui-file-upload-pink-border-hover,oklch(71.8%_0.202_349.761_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-pink-border-hover-dark,oklch(71.8%_0.202_349.761_/_0.8))] hover:bg-[var(--zui-file-upload-pink-bg-hover,oklch(65.6%_0.241_354.308_/_0.15))] dark:hover:bg-[var(--zui-file-upload-pink-bg-hover-dark,oklch(65.6%_0.241_354.308_/_0.15))]",
23
- orange: "border-[color:var(--zui-file-upload-orange-border,oklch(75%_0.183_55.934_/_0.7))] dark:border-[color:var(--zui-file-upload-orange-border-dark,oklch(75%_0.183_55.934_/_0.7))] bg-[var(--zui-file-upload-orange-bg,oklch(70.5%_0.213_47.604_/_0.1))] dark:bg-[var(--zui-file-upload-orange-bg-dark,oklch(70.5%_0.213_47.604_/_0.1))] text-[color:var(--zui-file-upload-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-file-upload-orange-fg-dark,oklch(75%_0.183_55.934))] hover:border-[color:var(--zui-file-upload-orange-border-hover,oklch(75%_0.183_55.934_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-orange-border-hover-dark,oklch(75%_0.183_55.934_/_0.8))] hover:bg-[var(--zui-file-upload-orange-bg-hover,oklch(70.5%_0.213_47.604_/_0.15))] dark:hover:bg-[var(--zui-file-upload-orange-bg-hover-dark,oklch(70.5%_0.213_47.604_/_0.15))]",
24
- teal: "border-[color:var(--zui-file-upload-teal-border,oklch(77.7%_0.152_181.912_/_0.7))] dark:border-[color:var(--zui-file-upload-teal-border-dark,oklch(77.7%_0.152_181.912_/_0.7))] bg-[var(--zui-file-upload-teal-bg,oklch(70.4%_0.14_182.503_/_0.1))] dark:bg-[var(--zui-file-upload-teal-bg-dark,oklch(70.4%_0.14_182.503_/_0.1))] text-[color:var(--zui-file-upload-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-file-upload-teal-fg-dark,oklch(77.7%_0.152_181.912))] hover:border-[color:var(--zui-file-upload-teal-border-hover,oklch(77.7%_0.152_181.912_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-teal-border-hover-dark,oklch(77.7%_0.152_181.912_/_0.8))] hover:bg-[var(--zui-file-upload-teal-bg-hover,oklch(70.4%_0.14_182.503_/_0.15))] dark:hover:bg-[var(--zui-file-upload-teal-bg-hover-dark,oklch(70.4%_0.14_182.503_/_0.15))]",
25
- blue: "border border-[color:var(--zui-file-upload-blue-border,#2563eb)] dark:border-[color:var(--zui-file-upload-blue-border-dark,#3b82f6)] bg-[var(--zui-file-upload-blue-bg,#2563eb14)] dark:bg-[var(--zui-file-upload-blue-bg-dark,#3b82f624)] text-[color:var(--zui-file-upload-blue-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-blue-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-blue-bg-hover,#2563eb24)] dark:hover:bg-[var(--zui-file-upload-blue-bg-hover-dark,#3b82f633)]",
26
- cyan: "border border-[color:var(--zui-file-upload-cyan-border,#0891b2)] dark:border-[color:var(--zui-file-upload-cyan-border-dark,#22d3ee)] bg-[var(--zui-file-upload-cyan-bg,#0891b214)] dark:bg-[var(--zui-file-upload-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-file-upload-cyan-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-cyan-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-cyan-bg-hover,#0891b224)] dark:hover:bg-[var(--zui-file-upload-cyan-bg-hover-dark,#22d3ee33)]",
27
- green: "border border-[color:var(--zui-file-upload-green-border,#16a34a)] dark:border-[color:var(--zui-file-upload-green-border-dark,#22c55e)] bg-[var(--zui-file-upload-green-bg,#16a34a14)] dark:bg-[var(--zui-file-upload-green-bg-dark,#22c55e24)] text-[color:var(--zui-file-upload-green-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-green-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-green-bg-hover,#16a34a24)] dark:hover:bg-[var(--zui-file-upload-green-bg-hover-dark,#22c55e33)]",
28
- lime: "border border-[color:var(--zui-file-upload-lime-border,#65a30d)] dark:border-[color:var(--zui-file-upload-lime-border-dark,#a3e635)] bg-[var(--zui-file-upload-lime-bg,#65a30d14)] dark:bg-[var(--zui-file-upload-lime-bg-dark,#a3e63524)] text-[color:var(--zui-file-upload-lime-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-lime-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-lime-bg-hover,#65a30d24)] dark:hover:bg-[var(--zui-file-upload-lime-bg-hover-dark,#a3e63533)]",
29
- mint: "border border-[color:var(--zui-file-upload-mint-border,#10b981)] dark:border-[color:var(--zui-file-upload-mint-border-dark,#6ee7b7)] bg-[var(--zui-file-upload-mint-bg,#10b98114)] dark:bg-[var(--zui-file-upload-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-file-upload-mint-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-mint-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-mint-bg-hover,#10b98124)] dark:hover:bg-[var(--zui-file-upload-mint-bg-hover-dark,#6ee7b733)]",
30
- ocean: "border border-[color:var(--zui-file-upload-ocean-border,#0284c7)] dark:border-[color:var(--zui-file-upload-ocean-border-dark,#38bdf8)] bg-[var(--zui-file-upload-ocean-bg,#0284c714)] dark:bg-[var(--zui-file-upload-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-file-upload-ocean-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-ocean-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-ocean-bg-hover,#0284c724)] dark:hover:bg-[var(--zui-file-upload-ocean-bg-hover-dark,#38bdf833)]",
31
- sapphire: "border border-[color:var(--zui-file-upload-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-file-upload-sapphire-border-dark,#60a5fa)] bg-[var(--zui-file-upload-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-file-upload-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-file-upload-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-sapphire-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-sapphire-bg-hover,#1d4ed824)] dark:hover:bg-[var(--zui-file-upload-sapphire-bg-hover-dark,#60a5fa33)]",
32
- lavender: "border border-[color:var(--zui-file-upload-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-file-upload-lavender-border-dark,#a78bfa)] bg-[var(--zui-file-upload-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-file-upload-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-file-upload-lavender-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-lavender-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-lavender-bg-hover,#8b5cf624)] dark:hover:bg-[var(--zui-file-upload-lavender-bg-hover-dark,#a78bfa33)]",
33
- ruby: "border border-[color:var(--zui-file-upload-ruby-border,#be123c)] dark:border-[color:var(--zui-file-upload-ruby-border-dark,#fb7185)] bg-[var(--zui-file-upload-ruby-bg,#be123c14)] dark:bg-[var(--zui-file-upload-ruby-bg-dark,#fb718524)] text-[color:var(--zui-file-upload-ruby-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-ruby-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-ruby-bg-hover,#be123c24)] dark:hover:bg-[var(--zui-file-upload-ruby-bg-hover-dark,#fb718533)]",
34
- red: "border border-[color:var(--zui-file-upload-red-border,#dc2626)] dark:border-[color:var(--zui-file-upload-red-border-dark,#ef4444)] bg-[var(--zui-file-upload-red-bg,#dc262614)] dark:bg-[var(--zui-file-upload-red-bg-dark,#ef444424)] text-[color:var(--zui-file-upload-red-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-red-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-red-bg-hover,#dc262624)] dark:hover:bg-[var(--zui-file-upload-red-bg-hover-dark,#ef444433)]",
35
- slate: "border border-[color:var(--zui-file-upload-slate-border,#475569)] dark:border-[color:var(--zui-file-upload-slate-border-dark,#64748b)] bg-[var(--zui-file-upload-slate-bg,#47556914)] dark:bg-[var(--zui-file-upload-slate-bg-dark,#64748b24)] text-[color:var(--zui-file-upload-slate-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-slate-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-slate-bg-hover,#47556924)] dark:hover:bg-[var(--zui-file-upload-slate-bg-hover-dark,#64748b33)]",
36
- zinc: "border border-[color:var(--zui-file-upload-zinc-border,#52525b)] dark:border-[color:var(--zui-file-upload-zinc-border-dark,#71717a)] bg-[var(--zui-file-upload-zinc-bg,#52525b14)] dark:bg-[var(--zui-file-upload-zinc-bg-dark,#71717a24)] text-[color:var(--zui-file-upload-zinc-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-zinc-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-zinc-bg-hover,#52525b24)] dark:hover:bg-[var(--zui-file-upload-zinc-bg-hover-dark,#71717a33)]",
37
- stone: "border border-[color:var(--zui-file-upload-stone-border,#57534e)] dark:border-[color:var(--zui-file-upload-stone-border-dark,#78716c)] bg-[var(--zui-file-upload-stone-bg,#57534e14)] dark:bg-[var(--zui-file-upload-stone-bg-dark,#78716c24)] text-[color:var(--zui-file-upload-stone-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-stone-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-stone-bg-hover,#57534e24)] dark:hover:bg-[var(--zui-file-upload-stone-bg-hover-dark,#78716c33)]",
38
- royal: "border border-[color:var(--zui-file-upload-royal-border,#4338ca)] dark:border-[color:var(--zui-file-upload-royal-border-dark,#818cf8)] bg-[var(--zui-file-upload-royal-bg,#4338ca14)] dark:bg-[var(--zui-file-upload-royal-bg-dark,#818cf824)] text-[color:var(--zui-file-upload-royal-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-royal-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-royal-bg-hover,#4338ca24)] dark:hover:bg-[var(--zui-file-upload-royal-bg-hover-dark,#818cf833)]",
39
- electric: "border border-[color:var(--zui-file-upload-electric-border,#0ea5e9)] dark:border-[color:var(--zui-file-upload-electric-border-dark,#38bdf8)] bg-[var(--zui-file-upload-electric-bg,#0ea5e914)] dark:bg-[var(--zui-file-upload-electric-bg-dark,#38bdf824)] text-[color:var(--zui-file-upload-electric-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-electric-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-electric-bg-hover,#0ea5e924)] dark:hover:bg-[var(--zui-file-upload-electric-bg-hover-dark,#38bdf833)]",
40
- forest: "border border-[color:var(--zui-file-upload-forest-border,#166534)] dark:border-[color:var(--zui-file-upload-forest-border-dark,#4ade80)] bg-[var(--zui-file-upload-forest-bg,#16653414)] dark:bg-[var(--zui-file-upload-forest-bg-dark,#4ade8024)] text-[color:var(--zui-file-upload-forest-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-forest-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-forest-bg-hover,#16653424)] dark:hover:bg-[var(--zui-file-upload-forest-bg-hover-dark,#4ade8033)]",
41
- sunset: "border border-[color:var(--zui-file-upload-sunset-border,#ea580c)] dark:border-[color:var(--zui-file-upload-sunset-border-dark,#fb923c)] bg-[var(--zui-file-upload-sunset-bg,#ea580c14)] dark:bg-[var(--zui-file-upload-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-file-upload-sunset-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-sunset-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-sunset-bg-hover,#ea580c24)] dark:hover:bg-[var(--zui-file-upload-sunset-bg-hover-dark,#fb923c33)]",
42
- magenta: "border border-[color:var(--zui-file-upload-magenta-border,#c026d3)] dark:border-[color:var(--zui-file-upload-magenta-border-dark,#e879f9)] bg-[var(--zui-file-upload-magenta-bg,#c026d314)] dark:bg-[var(--zui-file-upload-magenta-bg-dark,#e879f924)] text-[color:var(--zui-file-upload-magenta-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-magenta-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-magenta-bg-hover,#c026d324)] dark:hover:bg-[var(--zui-file-upload-magenta-bg-hover-dark,#e879f933)]",
43
- crimson: "border border-[color:var(--zui-file-upload-crimson-border,#b91c1c)] dark:border-[color:var(--zui-file-upload-crimson-border-dark,#f87171)] bg-[var(--zui-file-upload-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-file-upload-crimson-bg-dark,#f8717124)] text-[color:var(--zui-file-upload-crimson-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-crimson-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-crimson-bg-hover,#b91c1c24)] dark:hover:bg-[var(--zui-file-upload-crimson-bg-hover-dark,#f8717133)]",
44
- aqua: "border border-[color:var(--zui-file-upload-aqua-border,#0f766e)] dark:border-[color:var(--zui-file-upload-aqua-border-dark,#2dd4bf)] bg-[var(--zui-file-upload-aqua-bg,#0f766e14)] dark:bg-[var(--zui-file-upload-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-file-upload-aqua-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-aqua-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-aqua-bg-hover,#0f766e24)] dark:hover:bg-[var(--zui-file-upload-aqua-bg-hover-dark,#2dd4bf33)]",
45
- plum: "border border-[color:var(--zui-file-upload-plum-border,#7e22ce)] dark:border-[color:var(--zui-file-upload-plum-border-dark,#c084fc)] bg-[var(--zui-file-upload-plum-bg,#7e22ce14)] dark:bg-[var(--zui-file-upload-plum-bg-dark,#c084fc24)] text-[color:var(--zui-file-upload-plum-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-plum-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-plum-bg-hover,#7e22ce24)] dark:hover:bg-[var(--zui-file-upload-plum-bg-hover-dark,#c084fc33)]"
46
- };
47
-
48
- // src/ui/file-upload/variants.ts
49
9
  var fileUploadVariants = cva(zuiFileUploadBase, {
50
10
  variants: {
51
11
  appearance: zuiFileUploadAppearances
package/dist/ui/file-upload.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/design-system/file-upload.ts","../../src/ui/file-upload/variants.ts","../../src/ui/file-upload/file-upload.tsx"],"names":[],"mappings":"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","file":"file-upload.mjs","sourcesContent":["export const zuiFileUploadBase =\n \"relative flex cursor-pointer flex-col items-center justify-center gap-2 rounded-2xl border border-dashed px-6 py-10 text-center text-sm transition-colors outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-file-upload-ring-focus,oklch(70.2%_0.183_293.541_/_0.6))] dark:focus-visible:ring-[var(--zui-file-upload-ring-focus-dark,oklch(70.2%_0.183_293.541_/_0.6))] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-file-upload-ring-offset-focus,oklch(98.4%_0.003_247.858))] dark:focus-visible:ring-offset-[var(--zui-file-upload-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))]\";\n\nexport const zuiFileUploadAppearances = {\n idle: \"border-[color:var(--zui-file-upload-idle-border,#00000026)] dark:border-[color:var(--zui-file-upload-idle-border-dark,#ffffff26)] bg-[var(--zui-file-upload-idle-bg,#0000000d)] dark:bg-[var(--zui-file-upload-idle-bg-dark,#ffffff0d)] text-[color:var(--zui-file-upload-idle-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-file-upload-idle-fg-dark,oklch(86.9%_0.022_252.894))] hover:border-[color:var(--zui-file-upload-idle-border-hover,#00000040)] dark:hover:border-[color:var(--zui-file-upload-idle-border-hover-dark,#ffffff40)] hover:bg-[var(--zui-file-upload-idle-bg-hover,#00000012)] dark:hover:bg-[var(--zui-file-upload-idle-bg-hover-dark,#ffffff12)] dark:bg-[var(--zui-file-upload-idle-bg-dark,#ffffff12)]\",\n active:\n \"border-[color:var(--zui-file-upload-active-border,oklch(70.2%_0.183_293.541_/_0.7))] dark:border-[color:var(--zui-file-upload-active-border-dark,oklch(70.2%_0.183_293.541_/_0.7))] bg-[var(--zui-file-upload-active-bg,oklch(60.6%_0.25_292.717_/_0.1))] dark:bg-[var(--zui-file-upload-active-bg-dark,oklch(60.6%_0.25_292.717_/_0.1))] text-[color:var(--zui-file-upload-active-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-file-upload-active-fg-dark,#ffffff)]\",\n disabled: \"cursor-not-allowed opacity-50\",\n error:\n \"border-[color:var(--zui-file-upload-error-border,oklch(70.4%_0.191_22.216_/_0.7))] dark:border-[color:var(--zui-file-upload-error-border-dark,oklch(70.4%_0.191_22.216_/_0.7))] bg-[var(--zui-file-upload-error-bg,oklch(63.7%_0.237_25.331_/_0.1))] dark:bg-[var(--zui-file-upload-error-bg-dark,oklch(63.7%_0.237_25.331_/_0.1))] text-[color:var(--zui-file-upload-error-fg,oklch(57.7%_0.245_27.325))] dark:text-[color:var(--zui-file-upload-error-fg-dark,oklch(70.4%_0.191_22.216))] hover:border-[color:var(--zui-file-upload-error-border-hover,oklch(70.4%_0.191_22.216_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-error-border-hover-dark,oklch(70.4%_0.191_22.216_/_0.8))] hover:bg-[var(--zui-file-upload-error-bg-hover,oklch(63.7%_0.237_25.331_/_0.15))] dark:hover:bg-[var(--zui-file-upload-error-bg-hover-dark,oklch(63.7%_0.237_25.331_/_0.15))]\",\n success:\n \"border-[color:var(--zui-file-upload-success-border,oklch(79.2%_0.209_151.711_/_0.7))] dark:border-[color:var(--zui-file-upload-success-border-dark,oklch(79.2%_0.209_151.711_/_0.7))] bg-[var(--zui-file-upload-success-bg,oklch(72.3%_0.219_149.579_/_0.1))] dark:bg-[var(--zui-file-upload-success-bg-dark,oklch(72.3%_0.219_149.579_/_0.1))] text-[color:var(--zui-file-upload-success-fg,oklch(62.7%_0.194_149.214))] dark:text-[color:var(--zui-file-upload-success-fg-dark,oklch(79.2%_0.209_151.711))] hover:border-[color:var(--zui-file-upload-success-border-hover,oklch(79.2%_0.209_151.711_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-success-border-hover-dark,oklch(79.2%_0.209_151.711_/_0.8))] hover:bg-[var(--zui-file-upload-success-bg-hover,oklch(72.3%_0.219_149.579_/_0.15))] dark:hover:bg-[var(--zui-file-upload-success-bg-hover-dark,oklch(72.3%_0.219_149.579_/_0.15))]\",\n warning:\n \"border-[color:var(--zui-file-upload-warning-border,oklch(85.2%_0.199_91.936_/_0.7))] dark:border-[color:var(--zui-file-upload-warning-border-dark,oklch(85.2%_0.199_91.936_/_0.7))] bg-[var(--zui-file-upload-warning-bg,oklch(79.5%_0.184_86.047_/_0.1))] dark:bg-[var(--zui-file-upload-warning-bg-dark,oklch(79.5%_0.184_86.047_/_0.1))] text-[color:var(--zui-file-upload-warning-fg,oklch(68.1%_0.162_75.834))] dark:text-[color:var(--zui-file-upload-warning-fg-dark,oklch(85.2%_0.199_91.936))] hover:border-[color:var(--zui-file-upload-warning-border-hover,oklch(85.2%_0.199_91.936_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-warning-border-hover-dark,oklch(85.2%_0.199_91.936_/_0.8))] hover:bg-[var(--zui-file-upload-warning-bg-hover,oklch(79.5%_0.184_86.047_/_0.15))] dark:hover:bg-[var(--zui-file-upload-warning-bg-hover-dark,oklch(79.5%_0.184_86.047_/_0.15))]\",\n info: \"border-[color:var(--zui-file-upload-info-border,oklch(70.7%_0.165_254.624_/_0.7))] dark:border-[color:var(--zui-file-upload-info-border-dark,oklch(70.7%_0.165_254.624_/_0.7))] bg-[var(--zui-file-upload-info-bg,oklch(62.3%_0.214_259.815_/_0.1))] dark:bg-[var(--zui-file-upload-info-bg-dark,oklch(62.3%_0.214_259.815_/_0.1))] text-[color:var(--zui-file-upload-info-fg,oklch(54.6%_0.245_262.881))] dark:text-[color:var(--zui-file-upload-info-fg-dark,oklch(70.7%_0.165_254.624))] hover:border-[color:var(--zui-file-upload-info-border-hover,oklch(70.7%_0.165_254.624_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-info-border-hover-dark,oklch(70.7%_0.165_254.624_/_0.8))] hover:bg-[var(--zui-file-upload-info-bg-hover,oklch(62.3%_0.214_259.815_/_0.15))] dark:hover:bg-[var(--zui-file-upload-info-bg-hover-dark,oklch(62.3%_0.214_259.815_/_0.15))]\",\n neutral:\n \"border-[color:var(--zui-file-upload-neutral-border,oklch(70.7%_0.022_261.325_/_0.7))] dark:border-[color:var(--zui-file-upload-neutral-border-dark,oklch(70.7%_0.022_261.325_/_0.7))] bg-[var(--zui-file-upload-neutral-bg,oklch(55.1%_0.027_264.364_/_0.1))] dark:bg-[var(--zui-file-upload-neutral-bg-dark,oklch(55.1%_0.027_264.364_/_0.1))] text-[color:var(--zui-file-upload-neutral-fg,oklch(44.6%_0.03_256.802))] dark:text-[color:var(--zui-file-upload-neutral-fg-dark,oklch(70.7%_0.022_261.325))] hover:border-[color:var(--zui-file-upload-neutral-border-hover,oklch(70.7%_0.022_261.325_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-neutral-border-hover-dark,oklch(70.7%_0.022_261.325_/_0.8))] hover:bg-[var(--zui-file-upload-neutral-bg-hover,oklch(55.1%_0.027_264.364_/_0.15))] dark:hover:bg-[var(--zui-file-upload-neutral-bg-hover-dark,oklch(55.1%_0.027_264.364_/_0.15))]\",\n purple:\n \"border-[color:var(--zui-file-upload-purple-border,oklch(71.4%_0.203_305.504_/_0.7))] dark:border-[color:var(--zui-file-upload-purple-border-dark,oklch(71.4%_0.203_305.504_/_0.7))] bg-[var(--zui-file-upload-purple-bg,oklch(62.7%_0.265_303.9_/_0.1))] dark:bg-[var(--zui-file-upload-purple-bg-dark,oklch(62.7%_0.265_303.9_/_0.1))] text-[color:var(--zui-file-upload-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-file-upload-purple-fg-dark,oklch(71.4%_0.203_305.504))] hover:border-[color:var(--zui-file-upload-purple-border-hover,oklch(71.4%_0.203_305.504_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-purple-border-hover-dark,oklch(71.4%_0.203_305.504_/_0.8))] hover:bg-[var(--zui-file-upload-purple-bg-hover,oklch(62.7%_0.265_303.9_/_0.15))] dark:hover:bg-[var(--zui-file-upload-purple-bg-hover-dark,oklch(62.7%_0.265_303.9_/_0.15))]\",\n indigo:\n \"border-[color:var(--zui-file-upload-indigo-border,oklch(67.3%_0.182_276.935_/_0.7))] dark:border-[color:var(--zui-file-upload-indigo-border-dark,oklch(67.3%_0.182_276.935_/_0.7))] bg-[var(--zui-file-upload-indigo-bg,oklch(58.5%_0.233_277.117_/_0.1))] dark:bg-[var(--zui-file-upload-indigo-bg-dark,oklch(58.5%_0.233_277.117_/_0.1))] text-[color:var(--zui-file-upload-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-file-upload-indigo-fg-dark,oklch(67.3%_0.182_276.935))] hover:border-[color:var(--zui-file-upload-indigo-border-hover,oklch(67.3%_0.182_276.935_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-indigo-border-hover-dark,oklch(67.3%_0.182_276.935_/_0.8))] hover:bg-[var(--zui-file-upload-indigo-bg-hover,oklch(58.5%_0.233_277.117_/_0.15))] dark:hover:bg-[var(--zui-file-upload-indigo-bg-hover-dark,oklch(58.5%_0.233_277.117_/_0.15))]\",\n emerald:\n \"border-[color:var(--zui-file-upload-emerald-border,oklch(76.5%_0.177_163.223_/_0.7))] dark:border-[color:var(--zui-file-upload-emerald-border-dark,oklch(76.5%_0.177_163.223_/_0.7))] bg-[var(--zui-file-upload-emerald-bg,oklch(69.6%_0.17_162.48_/_0.1))] dark:bg-[var(--zui-file-upload-emerald-bg-dark,oklch(69.6%_0.17_162.48_/_0.1))] text-[color:var(--zui-file-upload-emerald-fg,oklch(59.6%_0.145_163.225))] dark:text-[color:var(--zui-file-upload-emerald-fg-dark,oklch(76.5%_0.177_163.223))] hover:border-[color:var(--zui-file-upload-emerald-border-hover,oklch(76.5%_0.177_163.223_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-emerald-border-hover-dark,oklch(76.5%_0.177_163.223_/_0.8))] hover:bg-[var(--zui-file-upload-emerald-bg-hover,oklch(69.6%_0.17_162.48_/_0.15))] dark:hover:bg-[var(--zui-file-upload-emerald-bg-hover-dark,oklch(69.6%_0.17_162.48_/_0.15))]\",\n amber:\n \"border-[color:var(--zui-file-upload-amber-border,oklch(82.8%_0.189_84.429_/_0.7))] dark:border-[color:var(--zui-file-upload-amber-border-dark,oklch(82.8%_0.189_84.429_/_0.7))] bg-[var(--zui-file-upload-amber-bg,oklch(76.9%_0.188_70.08_/_0.1))] dark:bg-[var(--zui-file-upload-amber-bg-dark,oklch(76.9%_0.188_70.08_/_0.1))] text-[color:var(--zui-file-upload-amber-fg,oklch(66.6%_0.179_58.318))] dark:text-[color:var(--zui-file-upload-amber-fg-dark,oklch(82.8%_0.189_84.429))] hover:border-[color:var(--zui-file-upload-amber-border-hover,oklch(82.8%_0.189_84.429_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-amber-border-hover-dark,oklch(82.8%_0.189_84.429_/_0.8))] hover:bg-[var(--zui-file-upload-amber-bg-hover,oklch(76.9%_0.188_70.08_/_0.15))] dark:hover:bg-[var(--zui-file-upload-amber-bg-hover-dark,oklch(76.9%_0.188_70.08_/_0.15))]\",\n pink: \"border-[color:var(--zui-file-upload-pink-border,oklch(71.8%_0.202_349.761_/_0.7))] dark:border-[color:var(--zui-file-upload-pink-border-dark,oklch(71.8%_0.202_349.761_/_0.7))] bg-[var(--zui-file-upload-pink-bg,oklch(65.6%_0.241_354.308_/_0.1))] dark:bg-[var(--zui-file-upload-pink-bg-dark,oklch(65.6%_0.241_354.308_/_0.1))] text-[color:var(--zui-file-upload-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-file-upload-pink-fg-dark,oklch(71.8%_0.202_349.761))] hover:border-[color:var(--zui-file-upload-pink-border-hover,oklch(71.8%_0.202_349.761_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-pink-border-hover-dark,oklch(71.8%_0.202_349.761_/_0.8))] hover:bg-[var(--zui-file-upload-pink-bg-hover,oklch(65.6%_0.241_354.308_/_0.15))] dark:hover:bg-[var(--zui-file-upload-pink-bg-hover-dark,oklch(65.6%_0.241_354.308_/_0.15))]\",\n orange:\n \"border-[color:var(--zui-file-upload-orange-border,oklch(75%_0.183_55.934_/_0.7))] dark:border-[color:var(--zui-file-upload-orange-border-dark,oklch(75%_0.183_55.934_/_0.7))] bg-[var(--zui-file-upload-orange-bg,oklch(70.5%_0.213_47.604_/_0.1))] dark:bg-[var(--zui-file-upload-orange-bg-dark,oklch(70.5%_0.213_47.604_/_0.1))] text-[color:var(--zui-file-upload-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-file-upload-orange-fg-dark,oklch(75%_0.183_55.934))] hover:border-[color:var(--zui-file-upload-orange-border-hover,oklch(75%_0.183_55.934_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-orange-border-hover-dark,oklch(75%_0.183_55.934_/_0.8))] hover:bg-[var(--zui-file-upload-orange-bg-hover,oklch(70.5%_0.213_47.604_/_0.15))] dark:hover:bg-[var(--zui-file-upload-orange-bg-hover-dark,oklch(70.5%_0.213_47.604_/_0.15))]\",\n teal: \"border-[color:var(--zui-file-upload-teal-border,oklch(77.7%_0.152_181.912_/_0.7))] dark:border-[color:var(--zui-file-upload-teal-border-dark,oklch(77.7%_0.152_181.912_/_0.7))] bg-[var(--zui-file-upload-teal-bg,oklch(70.4%_0.14_182.503_/_0.1))] dark:bg-[var(--zui-file-upload-teal-bg-dark,oklch(70.4%_0.14_182.503_/_0.1))] text-[color:var(--zui-file-upload-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-file-upload-teal-fg-dark,oklch(77.7%_0.152_181.912))] hover:border-[color:var(--zui-file-upload-teal-border-hover,oklch(77.7%_0.152_181.912_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-teal-border-hover-dark,oklch(77.7%_0.152_181.912_/_0.8))] hover:bg-[var(--zui-file-upload-teal-bg-hover,oklch(70.4%_0.14_182.503_/_0.15))] dark:hover:bg-[var(--zui-file-upload-teal-bg-hover-dark,oklch(70.4%_0.14_182.503_/_0.15))]\",\n blue: \"border border-[color:var(--zui-file-upload-blue-border,#2563eb)] dark:border-[color:var(--zui-file-upload-blue-border-dark,#3b82f6)] bg-[var(--zui-file-upload-blue-bg,#2563eb14)] dark:bg-[var(--zui-file-upload-blue-bg-dark,#3b82f624)] text-[color:var(--zui-file-upload-blue-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-blue-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-blue-bg-hover,#2563eb24)] dark:hover:bg-[var(--zui-file-upload-blue-bg-hover-dark,#3b82f633)]\",\n cyan: \"border border-[color:var(--zui-file-upload-cyan-border,#0891b2)] dark:border-[color:var(--zui-file-upload-cyan-border-dark,#22d3ee)] bg-[var(--zui-file-upload-cyan-bg,#0891b214)] dark:bg-[var(--zui-file-upload-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-file-upload-cyan-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-cyan-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-cyan-bg-hover,#0891b224)] dark:hover:bg-[var(--zui-file-upload-cyan-bg-hover-dark,#22d3ee33)]\",\n green:\n \"border border-[color:var(--zui-file-upload-green-border,#16a34a)] dark:border-[color:var(--zui-file-upload-green-border-dark,#22c55e)] bg-[var(--zui-file-upload-green-bg,#16a34a14)] dark:bg-[var(--zui-file-upload-green-bg-dark,#22c55e24)] text-[color:var(--zui-file-upload-green-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-green-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-green-bg-hover,#16a34a24)] dark:hover:bg-[var(--zui-file-upload-green-bg-hover-dark,#22c55e33)]\",\n lime: \"border border-[color:var(--zui-file-upload-lime-border,#65a30d)] dark:border-[color:var(--zui-file-upload-lime-border-dark,#a3e635)] bg-[var(--zui-file-upload-lime-bg,#65a30d14)] dark:bg-[var(--zui-file-upload-lime-bg-dark,#a3e63524)] text-[color:var(--zui-file-upload-lime-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-lime-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-lime-bg-hover,#65a30d24)] dark:hover:bg-[var(--zui-file-upload-lime-bg-hover-dark,#a3e63533)]\",\n mint: \"border border-[color:var(--zui-file-upload-mint-border,#10b981)] dark:border-[color:var(--zui-file-upload-mint-border-dark,#6ee7b7)] bg-[var(--zui-file-upload-mint-bg,#10b98114)] dark:bg-[var(--zui-file-upload-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-file-upload-mint-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-mint-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-mint-bg-hover,#10b98124)] dark:hover:bg-[var(--zui-file-upload-mint-bg-hover-dark,#6ee7b733)]\",\n ocean:\n \"border border-[color:var(--zui-file-upload-ocean-border,#0284c7)] dark:border-[color:var(--zui-file-upload-ocean-border-dark,#38bdf8)] bg-[var(--zui-file-upload-ocean-bg,#0284c714)] dark:bg-[var(--zui-file-upload-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-file-upload-ocean-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-ocean-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-ocean-bg-hover,#0284c724)] dark:hover:bg-[var(--zui-file-upload-ocean-bg-hover-dark,#38bdf833)]\",\n sapphire:\n \"border border-[color:var(--zui-file-upload-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-file-upload-sapphire-border-dark,#60a5fa)] bg-[var(--zui-file-upload-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-file-upload-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-file-upload-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-sapphire-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-sapphire-bg-hover,#1d4ed824)] dark:hover:bg-[var(--zui-file-upload-sapphire-bg-hover-dark,#60a5fa33)]\",\n lavender:\n \"border border-[color:var(--zui-file-upload-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-file-upload-lavender-border-dark,#a78bfa)] bg-[var(--zui-file-upload-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-file-upload-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-file-upload-lavender-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-lavender-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-lavender-bg-hover,#8b5cf624)] dark:hover:bg-[var(--zui-file-upload-lavender-bg-hover-dark,#a78bfa33)]\",\n ruby: \"border border-[color:var(--zui-file-upload-ruby-border,#be123c)] dark:border-[color:var(--zui-file-upload-ruby-border-dark,#fb7185)] bg-[var(--zui-file-upload-ruby-bg,#be123c14)] dark:bg-[var(--zui-file-upload-ruby-bg-dark,#fb718524)] text-[color:var(--zui-file-upload-ruby-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-ruby-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-ruby-bg-hover,#be123c24)] dark:hover:bg-[var(--zui-file-upload-ruby-bg-hover-dark,#fb718533)]\",\n red: \"border border-[color:var(--zui-file-upload-red-border,#dc2626)] dark:border-[color:var(--zui-file-upload-red-border-dark,#ef4444)] bg-[var(--zui-file-upload-red-bg,#dc262614)] dark:bg-[var(--zui-file-upload-red-bg-dark,#ef444424)] text-[color:var(--zui-file-upload-red-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-red-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-red-bg-hover,#dc262624)] dark:hover:bg-[var(--zui-file-upload-red-bg-hover-dark,#ef444433)]\",\n slate:\n \"border border-[color:var(--zui-file-upload-slate-border,#475569)] dark:border-[color:var(--zui-file-upload-slate-border-dark,#64748b)] bg-[var(--zui-file-upload-slate-bg,#47556914)] dark:bg-[var(--zui-file-upload-slate-bg-dark,#64748b24)] text-[color:var(--zui-file-upload-slate-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-slate-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-slate-bg-hover,#47556924)] dark:hover:bg-[var(--zui-file-upload-slate-bg-hover-dark,#64748b33)]\",\n zinc: \"border border-[color:var(--zui-file-upload-zinc-border,#52525b)] dark:border-[color:var(--zui-file-upload-zinc-border-dark,#71717a)] bg-[var(--zui-file-upload-zinc-bg,#52525b14)] dark:bg-[var(--zui-file-upload-zinc-bg-dark,#71717a24)] text-[color:var(--zui-file-upload-zinc-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-zinc-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-zinc-bg-hover,#52525b24)] dark:hover:bg-[var(--zui-file-upload-zinc-bg-hover-dark,#71717a33)]\",\n stone:\n \"border border-[color:var(--zui-file-upload-stone-border,#57534e)] dark:border-[color:var(--zui-file-upload-stone-border-dark,#78716c)] bg-[var(--zui-file-upload-stone-bg,#57534e14)] dark:bg-[var(--zui-file-upload-stone-bg-dark,#78716c24)] text-[color:var(--zui-file-upload-stone-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-stone-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-stone-bg-hover,#57534e24)] dark:hover:bg-[var(--zui-file-upload-stone-bg-hover-dark,#78716c33)]\",\n royal:\n \"border border-[color:var(--zui-file-upload-royal-border,#4338ca)] dark:border-[color:var(--zui-file-upload-royal-border-dark,#818cf8)] bg-[var(--zui-file-upload-royal-bg,#4338ca14)] dark:bg-[var(--zui-file-upload-royal-bg-dark,#818cf824)] text-[color:var(--zui-file-upload-royal-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-royal-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-royal-bg-hover,#4338ca24)] dark:hover:bg-[var(--zui-file-upload-royal-bg-hover-dark,#818cf833)]\",\n electric:\n \"border border-[color:var(--zui-file-upload-electric-border,#0ea5e9)] dark:border-[color:var(--zui-file-upload-electric-border-dark,#38bdf8)] bg-[var(--zui-file-upload-electric-bg,#0ea5e914)] dark:bg-[var(--zui-file-upload-electric-bg-dark,#38bdf824)] text-[color:var(--zui-file-upload-electric-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-electric-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-electric-bg-hover,#0ea5e924)] dark:hover:bg-[var(--zui-file-upload-electric-bg-hover-dark,#38bdf833)]\",\n forest:\n \"border border-[color:var(--zui-file-upload-forest-border,#166534)] dark:border-[color:var(--zui-file-upload-forest-border-dark,#4ade80)] bg-[var(--zui-file-upload-forest-bg,#16653414)] dark:bg-[var(--zui-file-upload-forest-bg-dark,#4ade8024)] text-[color:var(--zui-file-upload-forest-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-forest-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-forest-bg-hover,#16653424)] dark:hover:bg-[var(--zui-file-upload-forest-bg-hover-dark,#4ade8033)]\",\n sunset:\n \"border border-[color:var(--zui-file-upload-sunset-border,#ea580c)] dark:border-[color:var(--zui-file-upload-sunset-border-dark,#fb923c)] bg-[var(--zui-file-upload-sunset-bg,#ea580c14)] dark:bg-[var(--zui-file-upload-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-file-upload-sunset-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-sunset-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-sunset-bg-hover,#ea580c24)] dark:hover:bg-[var(--zui-file-upload-sunset-bg-hover-dark,#fb923c33)]\",\n magenta:\n \"border border-[color:var(--zui-file-upload-magenta-border,#c026d3)] dark:border-[color:var(--zui-file-upload-magenta-border-dark,#e879f9)] bg-[var(--zui-file-upload-magenta-bg,#c026d314)] dark:bg-[var(--zui-file-upload-magenta-bg-dark,#e879f924)] text-[color:var(--zui-file-upload-magenta-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-magenta-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-magenta-bg-hover,#c026d324)] dark:hover:bg-[var(--zui-file-upload-magenta-bg-hover-dark,#e879f933)]\",\n crimson:\n \"border border-[color:var(--zui-file-upload-crimson-border,#b91c1c)] dark:border-[color:var(--zui-file-upload-crimson-border-dark,#f87171)] bg-[var(--zui-file-upload-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-file-upload-crimson-bg-dark,#f8717124)] text-[color:var(--zui-file-upload-crimson-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-crimson-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-crimson-bg-hover,#b91c1c24)] dark:hover:bg-[var(--zui-file-upload-crimson-bg-hover-dark,#f8717133)]\",\n aqua: \"border border-[color:var(--zui-file-upload-aqua-border,#0f766e)] dark:border-[color:var(--zui-file-upload-aqua-border-dark,#2dd4bf)] bg-[var(--zui-file-upload-aqua-bg,#0f766e14)] dark:bg-[var(--zui-file-upload-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-file-upload-aqua-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-aqua-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-aqua-bg-hover,#0f766e24)] dark:hover:bg-[var(--zui-file-upload-aqua-bg-hover-dark,#2dd4bf33)]\",\n plum: \"border border-[color:var(--zui-file-upload-plum-border,#7e22ce)] dark:border-[color:var(--zui-file-upload-plum-border-dark,#c084fc)] bg-[var(--zui-file-upload-plum-bg,#7e22ce14)] dark:bg-[var(--zui-file-upload-plum-bg-dark,#c084fc24)] text-[color:var(--zui-file-upload-plum-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-plum-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-plum-bg-hover,#7e22ce24)] dark:hover:bg-[var(--zui-file-upload-plum-bg-hover-dark,#c084fc33)]\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n zuiFileUploadAppearances,\n zuiFileUploadBase,\n} from \"../../design-system/file-upload\";\n\nexport const fileUploadVariants = cva(zuiFileUploadBase, {\n variants: {\n appearance: zuiFileUploadAppearances,\n },\n defaultVariants: {\n appearance: \"idle\",\n },\n});\n","\"use client\";\n\nimport { useCallback, useId, useState } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { FileUploadProps } from \"./types\";\nimport { fileUploadVariants } from \"./variants\";\n\nexport function FileUpload({\n className,\n onFiles,\n accept,\n multiple = false,\n disabled = false,\n name,\n children,\n onChange,\n ref,\n appearance = \"idle\",\n ...rest\n}: FileUploadProps & { ref?: React.Ref<HTMLDivElement> }) {\n const inputId = useId();\n const [dragOver, setDragOver] = useState(false);\n\n const emitFiles = useCallback(\n (fileList: FileList | null) => {\n if (!fileList?.length) {\n return;\n }\n onFiles?.(Array.from(fileList));\n },\n [onFiles],\n );\n\n const handleChange = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n onChange?.(event);\n emitFiles(event.target.files);\n event.target.value = \"\";\n },\n [emitFiles, onChange],\n );\n\n const handleDrop = useCallback(\n (event: React.DragEvent<HTMLLabelElement>) => {\n event.preventDefault();\n setDragOver(false);\n if (disabled) {\n return;\n }\n emitFiles(event.dataTransfer.files);\n },\n [disabled, emitFiles],\n );\n\n return (\n <div\n ref={ref}\n data-slot=\"file-upload\"\n className={cn(fileUploadVariants({ appearance }), className)}\n {...rest}\n >\n <input\n id={inputId}\n name={name}\n type=\"file\"\n className=\"sr-only\"\n accept={accept}\n multiple={multiple}\n disabled={disabled}\n onChange={handleChange}\n />\n <label\n htmlFor={inputId}\n className={cn(\n \"flex w-full cursor-pointer flex-col items-center gap-2\",\n disabled && \"cursor-not-allowed\",\n )}\n onDragEnter={(e) => {\n e.preventDefault();\n if (!disabled) {\n setDragOver(true);\n }\n }}\n onDragOver={(e) => {\n e.preventDefault();\n if (!disabled) {\n setDragOver(true);\n }\n }}\n onDragLeave={() => setDragOver(false)}\n onDrop={handleDrop}\n >\n {children ?? (\n <>\n <span className=\"text-base font-semibold text-slate-900 dark:text-slate-100\">\n Drop files here\n </span>\n <span className=\"text-xs text-slate-600 dark:text-slate-400\">\n or click to browse from your device\n </span>\n </>\n )}\n {dragOver && (\n <span className=\"text-xs text-slate-600 dark:text-slate-400\">\n Drop files here\n </span>\n )}\n </label>\n </div>\n );\n}\n\nFileUpload.displayName = \"FileUpload\";\n"]}
1
+ {"version":3,"sources":["../../src/ui/file-upload/variants.ts","../../src/ui/file-upload/file-upload.tsx"],"names":[],"mappings":"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","file":"file-upload.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n zuiFileUploadAppearances,\n zuiFileUploadBase,\n} from \"../../design-system/file-upload\";\n\nexport const fileUploadVariants = cva(zuiFileUploadBase, {\n variants: {\n appearance: zuiFileUploadAppearances,\n },\n defaultVariants: {\n appearance: \"idle\",\n },\n});\n","\"use client\";\n\nimport { useCallback, useId, useState } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { FileUploadProps } from \"./types\";\nimport { fileUploadVariants } from \"./variants\";\n\nexport function FileUpload({\n className,\n onFiles,\n accept,\n multiple = false,\n disabled = false,\n name,\n children,\n onChange,\n ref,\n appearance = \"idle\",\n ...rest\n}: FileUploadProps & { ref?: React.Ref<HTMLDivElement> }) {\n const inputId = useId();\n const [dragOver, setDragOver] = useState(false);\n\n const emitFiles = useCallback(\n (fileList: FileList | null) => {\n if (!fileList?.length) {\n return;\n }\n onFiles?.(Array.from(fileList));\n },\n [onFiles],\n );\n\n const handleChange = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n onChange?.(event);\n emitFiles(event.target.files);\n event.target.value = \"\";\n },\n [emitFiles, onChange],\n );\n\n const handleDrop = useCallback(\n (event: React.DragEvent<HTMLLabelElement>) => {\n event.preventDefault();\n setDragOver(false);\n if (disabled) {\n return;\n }\n emitFiles(event.dataTransfer.files);\n },\n [disabled, emitFiles],\n );\n\n return (\n <div\n ref={ref}\n data-slot=\"file-upload\"\n className={cn(fileUploadVariants({ appearance }), className)}\n {...rest}\n >\n <input\n id={inputId}\n name={name}\n type=\"file\"\n className=\"sr-only\"\n accept={accept}\n multiple={multiple}\n disabled={disabled}\n onChange={handleChange}\n />\n <label\n htmlFor={inputId}\n className={cn(\n \"flex w-full cursor-pointer flex-col items-center gap-2\",\n disabled && \"cursor-not-allowed\",\n )}\n onDragEnter={(e) => {\n e.preventDefault();\n if (!disabled) {\n setDragOver(true);\n }\n }}\n onDragOver={(e) => {\n e.preventDefault();\n if (!disabled) {\n setDragOver(true);\n }\n }}\n onDragLeave={() => setDragOver(false)}\n onDrop={handleDrop}\n >\n {children ?? (\n <>\n <span className=\"text-base font-semibold text-slate-900 dark:text-slate-100\">\n Drop files here\n </span>\n <span className=\"text-xs text-slate-600 dark:text-slate-400\">\n or click to browse from your device\n </span>\n </>\n )}\n {dragOver && (\n <span className=\"text-xs text-slate-600 dark:text-slate-400\">\n Drop files here\n </span>\n )}\n </label>\n </div>\n );\n}\n\nFileUpload.displayName = \"FileUpload\";\n"]}
package/dist/ui/inputs/animated.js CHANGED
@@ -1,8 +1,10 @@
1
1
  "use client";
2
2
  'use strict';
3
3
 
4
- var chunkXYKDSHRG_js = require('../../chunk-XYKDSHRG.js');
4
+ var chunkWBRTXAKP_js = require('../../chunk-WBRTXAKP.js');
5
+ require('../../chunk-7LFRU6AW.js');
5
6
  var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
7
+ require('../../chunk-PZ5AY32C.js');
6
8
  var react = require('react');
7
9
  var framerMotion = require('framer-motion');
8
10
  var jsxRuntime = require('react/jsx-runtime');
@@ -68,7 +70,7 @@ var InputAnimated = (props) => {
68
70
  id: controlId2,
69
71
  "data-slot": "input",
70
72
  className: chunkZS5756ZC_js.cn(
71
- chunkXYKDSHRG_js.inputVariants({ appearance: appearance2, size: size2, ring: ring2, as: as2 }),
73
+ chunkWBRTXAKP_js.inputVariants({ appearance: appearance2, size: size2, ring: ring2, as: as2 }),
72
74
  className2
73
75
  ),
74
76
  initial: false,
@@ -113,7 +115,7 @@ var InputAnimated = (props) => {
113
115
  id: controlId,
114
116
  "data-slot": "input",
115
117
  className: chunkZS5756ZC_js.cn(
116
- chunkXYKDSHRG_js.inputVariants({ appearance, size, ring, as: as ?? "input" }),
118
+ chunkWBRTXAKP_js.inputVariants({ appearance, size, ring, as: as ?? "input" }),
117
119
  className
118
120
  ),
119
121
  initial: false,
package/dist/ui/inputs/animated.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/ui/inputs/animated/animations.ts","../../../src/ui/inputs/animated/input-animated.tsx"],"names":["useId","className","appearance","size","animation","ring","ref","ariaInvalidProp","errorMessage","id","as","rest","controlId","errorId","motionProps","ariaInvalid","jsxs","Fragment","jsx","motion","cn","inputVariants"],"mappings":"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","file":"animated.js","sourcesContent":["import type { InputAnimationPresets } from \"./types\";\n\nexport const inputAnimationPresets: InputAnimationPresets = {\n none: {},\n lift: {\n whileHover: { y: -1 },\n whileFocus: { y: -1 },\n transition: { type: \"spring\", stiffness: 480, damping: 32 },\n },\n press: {\n whileTap: { scale: 0.99 },\n transition: { type: \"spring\", stiffness: 520, damping: 30 },\n },\n glow: {\n whileFocus: {\n boxShadow:\n \"0 0 0 1px rgba(255,255,255,0.2), 0 12px 28px rgba(15,23,42,0.35)\",\n },\n whileHover: {\n boxShadow:\n \"0 0 0 1px rgba(255,255,255,0.12), 0 8px 20px rgba(15,23,42,0.25)\",\n },\n transition: { duration: 0.2, ease: \"easeOut\" },\n },\n tilt: {\n whileHover: { scale: 1.005 },\n whileFocus: { scale: 1.008 },\n whileTap: { scale: 0.995 },\n transition: { type: \"spring\", stiffness: 380, damping: 24 },\n },\n bounce: {\n whileFocus: { y: -2, scale: 1.01 },\n whileHover: { y: -1, scale: 1.005 },\n transition: { type: \"spring\", bounce: 0.35, duration: 0.4 },\n },\n};\n","\"use client\";\n\nimport { useId } from \"react\";\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { inputAnimationPresets } from \"./animations\";\nimport type { InputAnimatedProps } from \"./types\";\nimport { inputVariants } from \"../variants\";\n\nexport const InputAnimated = (props: InputAnimatedProps) => {\n const generatedId = useId();\n\n if (props.as === \"textarea\") {\n const {\n className,\n appearance,\n size,\n animation = \"none\",\n ring = true,\n ref,\n \"aria-invalid\": ariaInvalidProp,\n errorMessage,\n id,\n as,\n ...rest\n } = props;\n\n const controlId = id ?? generatedId;\n const errorId = `${controlId}-error`;\n const motionProps = inputAnimationPresets[animation];\n const ariaInvalid =\n ariaInvalidProp !== undefined\n ? ariaInvalidProp\n : appearance === \"error\"\n ? true\n : undefined;\n\n return (\n <>\n <motion.textarea\n ref={ref}\n id={controlId}\n data-slot=\"input\"\n className={cn(\n inputVariants({ appearance, size, ring, as }),\n className,\n )}\n initial={false}\n aria-invalid={ariaInvalid}\n aria-describedby={\n errorMessage && appearance === \"error\" ? errorId : undefined\n }\n {...motionProps}\n {...rest}\n />\n {errorMessage && appearance === \"error\" && (\n <p\n id={errorId}\n className=\"mt-2 pl-4 text-sm text-rose-500 wrap-break-word\"\n >\n {errorMessage}\n </p>\n )}\n </>\n );\n }\n\n const {\n className,\n appearance,\n size,\n animation = \"none\",\n ring = true,\n ref,\n \"aria-invalid\": ariaInvalidProp,\n errorMessage,\n id,\n as,\n ...rest\n } = props;\n\n const controlId = id ?? generatedId;\n const errorId = `${controlId}-error`;\n const motionProps = inputAnimationPresets[animation];\n const ariaInvalid =\n ariaInvalidProp !== undefined\n ? ariaInvalidProp\n : appearance === \"error\"\n ? true\n : undefined;\n\n return (\n <>\n <motion.input\n ref={ref}\n id={controlId}\n data-slot=\"input\"\n className={cn(\n inputVariants({ appearance, size, ring, as: as ?? \"input\" }),\n className,\n )}\n initial={false}\n aria-invalid={ariaInvalid}\n aria-describedby={\n errorMessage && appearance === \"error\" ? errorId : undefined\n }\n {...motionProps}\n {...rest}\n />\n {errorMessage && appearance === \"error\" && (\n <p\n id={errorId}\n className=\"mt-2 pl-4 text-sm text-rose-500 wrap-break-word\"\n >\n {errorMessage}\n </p>\n )}\n </>\n );\n};\n\nInputAnimated.displayName = \"Input\";\n"]}
1
+ {"version":3,"sources":["../../../src/ui/inputs/animated/animations.ts","../../../src/ui/inputs/animated/input-animated.tsx"],"names":["useId","className","appearance","size","animation","ring","ref","ariaInvalidProp","errorMessage","id","as","rest","controlId","errorId","motionProps","ariaInvalid","jsxs","Fragment","jsx","motion","cn","inputVariants"],"mappings":"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","file":"animated.js","sourcesContent":["import type { InputAnimationPresets } from \"./types\";\n\nexport const inputAnimationPresets: InputAnimationPresets = {\n none: {},\n lift: {\n whileHover: { y: -1 },\n whileFocus: { y: -1 },\n transition: { type: \"spring\", stiffness: 480, damping: 32 },\n },\n press: {\n whileTap: { scale: 0.99 },\n transition: { type: \"spring\", stiffness: 520, damping: 30 },\n },\n glow: {\n whileFocus: {\n boxShadow:\n \"0 0 0 1px rgba(255,255,255,0.2), 0 12px 28px rgba(15,23,42,0.35)\",\n },\n whileHover: {\n boxShadow:\n \"0 0 0 1px rgba(255,255,255,0.12), 0 8px 20px rgba(15,23,42,0.25)\",\n },\n transition: { duration: 0.2, ease: \"easeOut\" },\n },\n tilt: {\n whileHover: { scale: 1.005 },\n whileFocus: { scale: 1.008 },\n whileTap: { scale: 0.995 },\n transition: { type: \"spring\", stiffness: 380, damping: 24 },\n },\n bounce: {\n whileFocus: { y: -2, scale: 1.01 },\n whileHover: { y: -1, scale: 1.005 },\n transition: { type: \"spring\", bounce: 0.35, duration: 0.4 },\n },\n};\n","\"use client\";\n\nimport { useId } from \"react\";\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { inputAnimationPresets } from \"./animations\";\nimport type { InputAnimatedProps } from \"./types\";\nimport { inputVariants } from \"../variants\";\n\nexport const InputAnimated = (props: InputAnimatedProps) => {\n const generatedId = useId();\n\n if (props.as === \"textarea\") {\n const {\n className,\n appearance,\n size,\n animation = \"none\",\n ring = true,\n ref,\n \"aria-invalid\": ariaInvalidProp,\n errorMessage,\n id,\n as,\n ...rest\n } = props;\n\n const controlId = id ?? generatedId;\n const errorId = `${controlId}-error`;\n const motionProps = inputAnimationPresets[animation];\n const ariaInvalid =\n ariaInvalidProp !== undefined\n ? ariaInvalidProp\n : appearance === \"error\"\n ? true\n : undefined;\n\n return (\n <>\n <motion.textarea\n ref={ref}\n id={controlId}\n data-slot=\"input\"\n className={cn(\n inputVariants({ appearance, size, ring, as }),\n className,\n )}\n initial={false}\n aria-invalid={ariaInvalid}\n aria-describedby={\n errorMessage && appearance === \"error\" ? errorId : undefined\n }\n {...motionProps}\n {...rest}\n />\n {errorMessage && appearance === \"error\" && (\n <p\n id={errorId}\n className=\"mt-2 pl-4 text-sm text-rose-500 wrap-break-word\"\n >\n {errorMessage}\n </p>\n )}\n </>\n );\n }\n\n const {\n className,\n appearance,\n size,\n animation = \"none\",\n ring = true,\n ref,\n \"aria-invalid\": ariaInvalidProp,\n errorMessage,\n id,\n as,\n ...rest\n } = props;\n\n const controlId = id ?? generatedId;\n const errorId = `${controlId}-error`;\n const motionProps = inputAnimationPresets[animation];\n const ariaInvalid =\n ariaInvalidProp !== undefined\n ? ariaInvalidProp\n : appearance === \"error\"\n ? true\n : undefined;\n\n return (\n <>\n <motion.input\n ref={ref}\n id={controlId}\n data-slot=\"input\"\n className={cn(\n inputVariants({ appearance, size, ring, as: as ?? \"input\" }),\n className,\n )}\n initial={false}\n aria-invalid={ariaInvalid}\n aria-describedby={\n errorMessage && appearance === \"error\" ? errorId : undefined\n }\n {...motionProps}\n {...rest}\n />\n {errorMessage && appearance === \"error\" && (\n <p\n id={errorId}\n className=\"mt-2 pl-4 text-sm text-rose-500 wrap-break-word\"\n >\n {errorMessage}\n </p>\n )}\n </>\n );\n};\n\nInputAnimated.displayName = \"Input\";\n"]}
package/dist/ui/inputs/animated.mjs CHANGED
@@ -1,6 +1,8 @@
1
1
  "use client";
2
- import { inputVariants } from '../../chunk-4WRCXG5E.mjs';
2
+ import { inputVariants } from '../../chunk-ZFNVFMWG.mjs';
3
+ import '../../chunk-X3N4EVF7.mjs';
3
4
  import { cn } from '../../chunk-4D54YOL6.mjs';
5
+ import '../../chunk-J5LGTIGS.mjs';
4
6
  import { useId } from 'react';
5
7
  import { motion } from 'framer-motion';
6
8
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
package/dist/ui/inputs/animated.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/ui/inputs/animated/animations.ts","../../../src/ui/inputs/animated/input-animated.tsx"],"names":["className","appearance","size","animation","ring","ref","ariaInvalidProp","errorMessage","id","as","rest","controlId","errorId","motionProps","ariaInvalid"],"mappings":"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","file":"animated.mjs","sourcesContent":["import type { InputAnimationPresets } from \"./types\";\n\nexport const inputAnimationPresets: InputAnimationPresets = {\n none: {},\n lift: {\n whileHover: { y: -1 },\n whileFocus: { y: -1 },\n transition: { type: \"spring\", stiffness: 480, damping: 32 },\n },\n press: {\n whileTap: { scale: 0.99 },\n transition: { type: \"spring\", stiffness: 520, damping: 30 },\n },\n glow: {\n whileFocus: {\n boxShadow:\n \"0 0 0 1px rgba(255,255,255,0.2), 0 12px 28px rgba(15,23,42,0.35)\",\n },\n whileHover: {\n boxShadow:\n \"0 0 0 1px rgba(255,255,255,0.12), 0 8px 20px rgba(15,23,42,0.25)\",\n },\n transition: { duration: 0.2, ease: \"easeOut\" },\n },\n tilt: {\n whileHover: { scale: 1.005 },\n whileFocus: { scale: 1.008 },\n whileTap: { scale: 0.995 },\n transition: { type: \"spring\", stiffness: 380, damping: 24 },\n },\n bounce: {\n whileFocus: { y: -2, scale: 1.01 },\n whileHover: { y: -1, scale: 1.005 },\n transition: { type: \"spring\", bounce: 0.35, duration: 0.4 },\n },\n};\n","\"use client\";\n\nimport { useId } from \"react\";\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { inputAnimationPresets } from \"./animations\";\nimport type { InputAnimatedProps } from \"./types\";\nimport { inputVariants } from \"../variants\";\n\nexport const InputAnimated = (props: InputAnimatedProps) => {\n const generatedId = useId();\n\n if (props.as === \"textarea\") {\n const {\n className,\n appearance,\n size,\n animation = \"none\",\n ring = true,\n ref,\n \"aria-invalid\": ariaInvalidProp,\n errorMessage,\n id,\n as,\n ...rest\n } = props;\n\n const controlId = id ?? generatedId;\n const errorId = `${controlId}-error`;\n const motionProps = inputAnimationPresets[animation];\n const ariaInvalid =\n ariaInvalidProp !== undefined\n ? ariaInvalidProp\n : appearance === \"error\"\n ? true\n : undefined;\n\n return (\n <>\n <motion.textarea\n ref={ref}\n id={controlId}\n data-slot=\"input\"\n className={cn(\n inputVariants({ appearance, size, ring, as }),\n className,\n )}\n initial={false}\n aria-invalid={ariaInvalid}\n aria-describedby={\n errorMessage && appearance === \"error\" ? errorId : undefined\n }\n {...motionProps}\n {...rest}\n />\n {errorMessage && appearance === \"error\" && (\n <p\n id={errorId}\n className=\"mt-2 pl-4 text-sm text-rose-500 wrap-break-word\"\n >\n {errorMessage}\n </p>\n )}\n </>\n );\n }\n\n const {\n className,\n appearance,\n size,\n animation = \"none\",\n ring = true,\n ref,\n \"aria-invalid\": ariaInvalidProp,\n errorMessage,\n id,\n as,\n ...rest\n } = props;\n\n const controlId = id ?? generatedId;\n const errorId = `${controlId}-error`;\n const motionProps = inputAnimationPresets[animation];\n const ariaInvalid =\n ariaInvalidProp !== undefined\n ? ariaInvalidProp\n : appearance === \"error\"\n ? true\n : undefined;\n\n return (\n <>\n <motion.input\n ref={ref}\n id={controlId}\n data-slot=\"input\"\n className={cn(\n inputVariants({ appearance, size, ring, as: as ?? \"input\" }),\n className,\n )}\n initial={false}\n aria-invalid={ariaInvalid}\n aria-describedby={\n errorMessage && appearance === \"error\" ? errorId : undefined\n }\n {...motionProps}\n {...rest}\n />\n {errorMessage && appearance === \"error\" && (\n <p\n id={errorId}\n className=\"mt-2 pl-4 text-sm text-rose-500 wrap-break-word\"\n >\n {errorMessage}\n </p>\n )}\n </>\n );\n};\n\nInputAnimated.displayName = \"Input\";\n"]}
1
+ {"version":3,"sources":["../../../src/ui/inputs/animated/animations.ts","../../../src/ui/inputs/animated/input-animated.tsx"],"names":["className","appearance","size","animation","ring","ref","ariaInvalidProp","errorMessage","id","as","rest","controlId","errorId","motionProps","ariaInvalid"],"mappings":"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","file":"animated.mjs","sourcesContent":["import type { InputAnimationPresets } from \"./types\";\n\nexport const inputAnimationPresets: InputAnimationPresets = {\n none: {},\n lift: {\n whileHover: { y: -1 },\n whileFocus: { y: -1 },\n transition: { type: \"spring\", stiffness: 480, damping: 32 },\n },\n press: {\n whileTap: { scale: 0.99 },\n transition: { type: \"spring\", stiffness: 520, damping: 30 },\n },\n glow: {\n whileFocus: {\n boxShadow:\n \"0 0 0 1px rgba(255,255,255,0.2), 0 12px 28px rgba(15,23,42,0.35)\",\n },\n whileHover: {\n boxShadow:\n \"0 0 0 1px rgba(255,255,255,0.12), 0 8px 20px rgba(15,23,42,0.25)\",\n },\n transition: { duration: 0.2, ease: \"easeOut\" },\n },\n tilt: {\n whileHover: { scale: 1.005 },\n whileFocus: { scale: 1.008 },\n whileTap: { scale: 0.995 },\n transition: { type: \"spring\", stiffness: 380, damping: 24 },\n },\n bounce: {\n whileFocus: { y: -2, scale: 1.01 },\n whileHover: { y: -1, scale: 1.005 },\n transition: { type: \"spring\", bounce: 0.35, duration: 0.4 },\n },\n};\n","\"use client\";\n\nimport { useId } from \"react\";\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport { inputAnimationPresets } from \"./animations\";\nimport type { InputAnimatedProps } from \"./types\";\nimport { inputVariants } from \"../variants\";\n\nexport const InputAnimated = (props: InputAnimatedProps) => {\n const generatedId = useId();\n\n if (props.as === \"textarea\") {\n const {\n className,\n appearance,\n size,\n animation = \"none\",\n ring = true,\n ref,\n \"aria-invalid\": ariaInvalidProp,\n errorMessage,\n id,\n as,\n ...rest\n } = props;\n\n const controlId = id ?? generatedId;\n const errorId = `${controlId}-error`;\n const motionProps = inputAnimationPresets[animation];\n const ariaInvalid =\n ariaInvalidProp !== undefined\n ? ariaInvalidProp\n : appearance === \"error\"\n ? true\n : undefined;\n\n return (\n <>\n <motion.textarea\n ref={ref}\n id={controlId}\n data-slot=\"input\"\n className={cn(\n inputVariants({ appearance, size, ring, as }),\n className,\n )}\n initial={false}\n aria-invalid={ariaInvalid}\n aria-describedby={\n errorMessage && appearance === \"error\" ? errorId : undefined\n }\n {...motionProps}\n {...rest}\n />\n {errorMessage && appearance === \"error\" && (\n <p\n id={errorId}\n className=\"mt-2 pl-4 text-sm text-rose-500 wrap-break-word\"\n >\n {errorMessage}\n </p>\n )}\n </>\n );\n }\n\n const {\n className,\n appearance,\n size,\n animation = \"none\",\n ring = true,\n ref,\n \"aria-invalid\": ariaInvalidProp,\n errorMessage,\n id,\n as,\n ...rest\n } = props;\n\n const controlId = id ?? generatedId;\n const errorId = `${controlId}-error`;\n const motionProps = inputAnimationPresets[animation];\n const ariaInvalid =\n ariaInvalidProp !== undefined\n ? ariaInvalidProp\n : appearance === \"error\"\n ? true\n : undefined;\n\n return (\n <>\n <motion.input\n ref={ref}\n id={controlId}\n data-slot=\"input\"\n className={cn(\n inputVariants({ appearance, size, ring, as: as ?? \"input\" }),\n className,\n )}\n initial={false}\n aria-invalid={ariaInvalid}\n aria-describedby={\n errorMessage && appearance === \"error\" ? errorId : undefined\n }\n {...motionProps}\n {...rest}\n />\n {errorMessage && appearance === \"error\" && (\n <p\n id={errorId}\n className=\"mt-2 pl-4 text-sm text-rose-500 wrap-break-word\"\n >\n {errorMessage}\n </p>\n )}\n </>\n );\n};\n\nInputAnimated.displayName = \"Input\";\n"]}
package/dist/ui/inputs.js CHANGED
@@ -1,8 +1,10 @@
1
1
  "use client";
2
2
  'use strict';
3
3
 
4
- var chunkXYKDSHRG_js = require('../chunk-XYKDSHRG.js');
4
+ var chunkWBRTXAKP_js = require('../chunk-WBRTXAKP.js');
5
+ require('../chunk-7LFRU6AW.js');
5
6
  var chunkZS5756ZC_js = require('../chunk-ZS5756ZC.js');
7
+ require('../chunk-PZ5AY32C.js');
6
8
  var react = require('react');
7
9
  var jsxRuntime = require('react/jsx-runtime');
8
10
 
@@ -58,7 +60,7 @@ var InputBase = (props) => {
58
60
  id: controlId2,
59
61
  "data-slot": "input",
60
62
  className: chunkZS5756ZC_js.cn(
61
- chunkXYKDSHRG_js.inputVariants({ appearance: appearance2, size: size2, ring: ring2, as: as2 }),
63
+ chunkWBRTXAKP_js.inputVariants({ appearance: appearance2, size: size2, ring: ring2, as: as2 }),
62
64
  className2
63
65
  ),
64
66
  "aria-invalid": ariaInvalid2,
@@ -117,7 +119,7 @@ var InputBase = (props) => {
117
119
  id: controlId,
118
120
  "data-slot": "input",
119
121
  className: chunkZS5756ZC_js.cn(
120
- chunkXYKDSHRG_js.inputVariants({ appearance, size, ring, as: as ?? "input" }),
122
+ chunkWBRTXAKP_js.inputVariants({ appearance, size, ring, as: as ?? "input" }),
121
123
  className
122
124
  ),
123
125
  "aria-invalid": ariaInvalid,
@@ -143,7 +145,7 @@ Input.displayName = "Input";
143
145
 
144
146
  Object.defineProperty(exports, "inputVariants", {
145
147
  enumerable: true,
146
- get: function () { return chunkXYKDSHRG_js.inputVariants; }
148
+ get: function () { return chunkWBRTXAKP_js.inputVariants; }
147
149
  });
148
150
  exports.Input = Input;
149
151
  //# sourceMappingURL=inputs.js.map
package/dist/ui/inputs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/ui/inputs/input-base.tsx","../../src/ui/inputs/input.tsx"],"names":["useId","className","appearance","size","ring","ref","ariaInvalidProp","errorMessage","hint","label","id","as","ariaDescribedByUser","rest","controlId","errorId","hintId","ariaInvalid","describedBy","jsxs","Fragment","jsx","cn","inputVariants"],"mappings":"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","file":"inputs.js","sourcesContent":["\"use client\";\n\nimport { useId } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { InputProps } from \"./types\";\nimport { inputVariants } from \"./variants\";\n\nfunction mergeDescribedByIds(\n user: string | undefined,\n ...generated: (string | undefined)[]\n): string | undefined {\n const ids = [\n ...(user ?? \"\").split(/\\s+/).filter(Boolean),\n ...generated.filter((id): id is string => Boolean(id)),\n ];\n const unique = [...new Set(ids)];\n return unique.length > 0 ? unique.join(\" \") : undefined;\n}\n\nexport const InputBase = (props: InputProps) => {\n const generatedId = useId();\n\n if (props.as === \"textarea\") {\n const {\n className,\n appearance,\n size,\n ring = true,\n ref,\n \"aria-invalid\": ariaInvalidProp,\n errorMessage,\n hint,\n label,\n id,\n as,\n \"aria-describedby\": ariaDescribedByUser,\n ...rest\n } = props;\n\n const controlId = id ?? generatedId;\n const errorId = `${controlId}-error`;\n const hintId = `${controlId}-hint`;\n const ariaInvalid =\n ariaInvalidProp !== undefined\n ? ariaInvalidProp\n : appearance === \"error\"\n ? true\n : undefined;\n\n const describedBy = mergeDescribedByIds(\n ariaDescribedByUser,\n hint !== undefined ? hintId : undefined,\n errorMessage && appearance === \"error\" ? errorId : undefined,\n );\n\n return (\n <>\n {label !== undefined && (\n <label\n htmlFor={controlId}\n className=\"mb-1 block text-sm font-medium text-slate-200\"\n >\n {label}\n </label>\n )}\n {hint !== undefined && (\n <p id={hintId} className=\"mb-1 text-xs text-slate-400\">\n {hint}\n </p>\n )}\n <textarea\n ref={ref}\n id={controlId}\n data-slot=\"input\"\n className={cn(\n inputVariants({ appearance, size, ring, as }),\n className,\n )}\n aria-invalid={ariaInvalid}\n aria-describedby={describedBy}\n {...rest}\n />\n {errorMessage && appearance === \"error\" && (\n <p\n id={errorId}\n className=\"mt-2 pl-4 text-sm text-rose-500 wrap-break-word\"\n >\n {errorMessage}\n </p>\n )}\n </>\n );\n }\n\n const {\n className,\n appearance,\n size,\n ring = true,\n ref,\n \"aria-invalid\": ariaInvalidProp,\n errorMessage,\n hint,\n label,\n id,\n as,\n \"aria-describedby\": ariaDescribedByUser,\n ...rest\n } = props;\n\n const controlId = id ?? generatedId;\n const errorId = `${controlId}-error`;\n const hintId = `${controlId}-hint`;\n const ariaInvalid =\n ariaInvalidProp !== undefined\n ? ariaInvalidProp\n : appearance === \"error\"\n ? true\n : undefined;\n\n const describedBy = mergeDescribedByIds(\n ariaDescribedByUser,\n hint !== undefined ? hintId : undefined,\n errorMessage && appearance === \"error\" ? errorId : undefined,\n );\n\n return (\n <>\n {label !== undefined && (\n <label\n htmlFor={controlId}\n className=\"mb-1 block text-sm font-medium text-slate-200\"\n >\n {label}\n </label>\n )}\n {hint !== undefined && (\n <p id={hintId} className=\"mb-1 text-xs text-slate-400\">\n {hint}\n </p>\n )}\n <input\n ref={ref}\n id={controlId}\n data-slot=\"input\"\n className={cn(\n inputVariants({ appearance, size, ring, as: as ?? \"input\" }),\n className,\n )}\n aria-invalid={ariaInvalid}\n aria-describedby={describedBy}\n {...rest}\n />\n {errorMessage && appearance === \"error\" && (\n <p\n id={errorId}\n className=\"mt-2 pl-4 text-sm text-rose-500 wrap-break-word\"\n >\n {errorMessage}\n </p>\n )}\n </>\n );\n};\n\nInputBase.displayName = \"Input\";\n","import { InputBase } from \"./input-base\";\nimport type { InputProps } from \"./types\";\n\nexport const Input = (props: InputProps) => {\n return <InputBase {...props} />;\n};\n\nInput.displayName = \"Input\";\n"]}
1
+ {"version":3,"sources":["../../src/ui/inputs/input-base.tsx","../../src/ui/inputs/input.tsx"],"names":["useId","className","appearance","size","ring","ref","ariaInvalidProp","errorMessage","hint","label","id","as","ariaDescribedByUser","rest","controlId","errorId","hintId","ariaInvalid","describedBy","jsxs","Fragment","jsx","cn","inputVariants"],"mappings":"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","file":"inputs.js","sourcesContent":["\"use client\";\n\nimport { useId } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { InputProps } from \"./types\";\nimport { inputVariants } from \"./variants\";\n\nfunction mergeDescribedByIds(\n user: string | undefined,\n ...generated: (string | undefined)[]\n): string | undefined {\n const ids = [\n ...(user ?? \"\").split(/\\s+/).filter(Boolean),\n ...generated.filter((id): id is string => Boolean(id)),\n ];\n const unique = [...new Set(ids)];\n return unique.length > 0 ? unique.join(\" \") : undefined;\n}\n\nexport const InputBase = (props: InputProps) => {\n const generatedId = useId();\n\n if (props.as === \"textarea\") {\n const {\n className,\n appearance,\n size,\n ring = true,\n ref,\n \"aria-invalid\": ariaInvalidProp,\n errorMessage,\n hint,\n label,\n id,\n as,\n \"aria-describedby\": ariaDescribedByUser,\n ...rest\n } = props;\n\n const controlId = id ?? generatedId;\n const errorId = `${controlId}-error`;\n const hintId = `${controlId}-hint`;\n const ariaInvalid =\n ariaInvalidProp !== undefined\n ? ariaInvalidProp\n : appearance === \"error\"\n ? true\n : undefined;\n\n const describedBy = mergeDescribedByIds(\n ariaDescribedByUser,\n hint !== undefined ? hintId : undefined,\n errorMessage && appearance === \"error\" ? errorId : undefined,\n );\n\n return (\n <>\n {label !== undefined && (\n <label\n htmlFor={controlId}\n className=\"mb-1 block text-sm font-medium text-slate-200\"\n >\n {label}\n </label>\n )}\n {hint !== undefined && (\n <p id={hintId} className=\"mb-1 text-xs text-slate-400\">\n {hint}\n </p>\n )}\n <textarea\n ref={ref}\n id={controlId}\n data-slot=\"input\"\n className={cn(\n inputVariants({ appearance, size, ring, as }),\n className,\n )}\n aria-invalid={ariaInvalid}\n aria-describedby={describedBy}\n {...rest}\n />\n {errorMessage && appearance === \"error\" && (\n <p\n id={errorId}\n className=\"mt-2 pl-4 text-sm text-rose-500 wrap-break-word\"\n >\n {errorMessage}\n </p>\n )}\n </>\n );\n }\n\n const {\n className,\n appearance,\n size,\n ring = true,\n ref,\n \"aria-invalid\": ariaInvalidProp,\n errorMessage,\n hint,\n label,\n id,\n as,\n \"aria-describedby\": ariaDescribedByUser,\n ...rest\n } = props;\n\n const controlId = id ?? generatedId;\n const errorId = `${controlId}-error`;\n const hintId = `${controlId}-hint`;\n const ariaInvalid =\n ariaInvalidProp !== undefined\n ? ariaInvalidProp\n : appearance === \"error\"\n ? true\n : undefined;\n\n const describedBy = mergeDescribedByIds(\n ariaDescribedByUser,\n hint !== undefined ? hintId : undefined,\n errorMessage && appearance === \"error\" ? errorId : undefined,\n );\n\n return (\n <>\n {label !== undefined && (\n <label\n htmlFor={controlId}\n className=\"mb-1 block text-sm font-medium text-slate-200\"\n >\n {label}\n </label>\n )}\n {hint !== undefined && (\n <p id={hintId} className=\"mb-1 text-xs text-slate-400\">\n {hint}\n </p>\n )}\n <input\n ref={ref}\n id={controlId}\n data-slot=\"input\"\n className={cn(\n inputVariants({ appearance, size, ring, as: as ?? \"input\" }),\n className,\n )}\n aria-invalid={ariaInvalid}\n aria-describedby={describedBy}\n {...rest}\n />\n {errorMessage && appearance === \"error\" && (\n <p\n id={errorId}\n className=\"mt-2 pl-4 text-sm text-rose-500 wrap-break-word\"\n >\n {errorMessage}\n </p>\n )}\n </>\n );\n};\n\nInputBase.displayName = \"Input\";\n","import { InputBase } from \"./input-base\";\nimport type { InputProps } from \"./types\";\n\nexport const Input = (props: InputProps) => {\n return <InputBase {...props} />;\n};\n\nInput.displayName = \"Input\";\n"]}