@zentauri-ui/zentauri-components 1.2.1 → 1.3.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 (324) hide show
  1. package/README.md +66 -38
  2. package/dist/accordion-base-qVomr7f_.d.mts +66 -0
  3. package/dist/accordion-base-qVomr7f_.d.ts +66 -0
  4. package/dist/avatar-base-s4dYg-24.d.mts +49 -0
  5. package/dist/avatar-base-s4dYg-24.d.ts +49 -0
  6. package/dist/card-base-CIGac8D_.d.mts +70 -0
  7. package/dist/card-base-CIGac8D_.d.ts +70 -0
  8. package/dist/chunk-2P3UU2J3.mjs +510 -0
  9. package/dist/chunk-2P3UU2J3.mjs.map +1 -0
  10. package/dist/chunk-2PQEXQVR.js +223 -0
  11. package/dist/chunk-2PQEXQVR.js.map +1 -0
  12. package/dist/chunk-3OR47XMY.js +273 -0
  13. package/dist/chunk-3OR47XMY.js.map +1 -0
  14. package/dist/chunk-4B7KGBQB.js +206 -0
  15. package/dist/chunk-4B7KGBQB.js.map +1 -0
  16. package/dist/chunk-5QB2KNZQ.js +148 -0
  17. package/dist/chunk-5QB2KNZQ.js.map +1 -0
  18. package/dist/chunk-6I7X5BF2.js +520 -0
  19. package/dist/chunk-6I7X5BF2.js.map +1 -0
  20. package/dist/chunk-7HL3A4YF.mjs +214 -0
  21. package/dist/chunk-7HL3A4YF.mjs.map +1 -0
  22. package/dist/chunk-AOEI4V3W.mjs +286 -0
  23. package/dist/chunk-AOEI4V3W.mjs.map +1 -0
  24. package/dist/chunk-BVXTOEBI.mjs +259 -0
  25. package/dist/chunk-BVXTOEBI.mjs.map +1 -0
  26. package/dist/chunk-C2FCPQTO.js +279 -0
  27. package/dist/chunk-C2FCPQTO.js.map +1 -0
  28. package/dist/chunk-E3DZNJAD.js +128 -0
  29. package/dist/chunk-E3DZNJAD.js.map +1 -0
  30. package/dist/chunk-FLILFCQE.mjs +197 -0
  31. package/dist/chunk-FLILFCQE.mjs.map +1 -0
  32. package/dist/chunk-IXDJ3IPG.mjs +315 -0
  33. package/dist/chunk-IXDJ3IPG.mjs.map +1 -0
  34. package/dist/chunk-JQ5TIJ4F.mjs +68 -0
  35. package/dist/chunk-JQ5TIJ4F.mjs.map +1 -0
  36. package/dist/chunk-LVUPECBT.mjs +217 -0
  37. package/dist/chunk-LVUPECBT.mjs.map +1 -0
  38. package/dist/chunk-N4NO3SYL.js +328 -0
  39. package/dist/chunk-N4NO3SYL.js.map +1 -0
  40. package/dist/chunk-OJ67PZ6N.js +175 -0
  41. package/dist/chunk-OJ67PZ6N.js.map +1 -0
  42. package/dist/chunk-P5HUBXUX.js +231 -0
  43. package/dist/chunk-P5HUBXUX.js.map +1 -0
  44. package/dist/chunk-PCK6LX3K.js +253 -0
  45. package/dist/chunk-PCK6LX3K.js.map +1 -0
  46. package/dist/chunk-PGH27VTL.mjs +316 -0
  47. package/dist/chunk-PGH27VTL.mjs.map +1 -0
  48. package/dist/chunk-QZKMFSH5.js +288 -0
  49. package/dist/chunk-QZKMFSH5.js.map +1 -0
  50. package/dist/chunk-RDSPHBHK.mjs +221 -0
  51. package/dist/chunk-RDSPHBHK.mjs.map +1 -0
  52. package/dist/{chunk-P6YRSEOY.js → chunk-U4YQCAXW.js} +2 -23
  53. package/dist/chunk-U4YQCAXW.js.map +1 -0
  54. package/dist/chunk-UBFKTC2P.mjs +268 -0
  55. package/dist/chunk-UBFKTC2P.mjs.map +1 -0
  56. package/dist/chunk-UOFTZKMM.js +229 -0
  57. package/dist/chunk-UOFTZKMM.js.map +1 -0
  58. package/dist/chunk-UXGHUBNJ.mjs +240 -0
  59. package/dist/chunk-UXGHUBNJ.mjs.map +1 -0
  60. package/dist/chunk-W6PRMYUC.mjs +169 -0
  61. package/dist/chunk-W6PRMYUC.mjs.map +1 -0
  62. package/dist/chunk-WDCIZHXY.mjs +139 -0
  63. package/dist/chunk-WDCIZHXY.mjs.map +1 -0
  64. package/dist/chunk-WZKGRU3U.js +182 -0
  65. package/dist/chunk-WZKGRU3U.js.map +1 -0
  66. package/dist/chunk-X22LLJL6.js +71 -0
  67. package/dist/chunk-X22LLJL6.js.map +1 -0
  68. package/dist/{chunk-UJ3AER3U.mjs → chunk-XIXF7UVM.mjs} +3 -23
  69. package/dist/chunk-XIXF7UVM.mjs.map +1 -0
  70. package/dist/chunk-XLAFQ24R.js +328 -0
  71. package/dist/chunk-XLAFQ24R.js.map +1 -0
  72. package/dist/chunk-XWM2S6VV.mjs +124 -0
  73. package/dist/chunk-XWM2S6VV.mjs.map +1 -0
  74. package/dist/chunk-YNCD6TKE.mjs +175 -0
  75. package/dist/chunk-YNCD6TKE.mjs.map +1 -0
  76. package/dist/progress-base-Cm1JODYA.d.mts +66 -0
  77. package/dist/progress-base-Cm1JODYA.d.ts +66 -0
  78. package/dist/types-C7N9UvRm.d.mts +38 -0
  79. package/dist/types-C7N9UvRm.d.ts +38 -0
  80. package/dist/types-CFpwSbpK.d.mts +27 -0
  81. package/dist/types-CFpwSbpK.d.ts +27 -0
  82. package/dist/types-CK_vNRIb.d.mts +63 -0
  83. package/dist/types-CK_vNRIb.d.ts +63 -0
  84. package/dist/types-Ca3t5aC_.d.mts +31 -0
  85. package/dist/types-Ca3t5aC_.d.ts +31 -0
  86. package/dist/types-Cn7IcgkH.d.mts +32 -0
  87. package/dist/types-Cn7IcgkH.d.ts +32 -0
  88. package/dist/{types-BQ2H3yG7.d.mts → types-CtFK7mFE.d.mts} +1 -1
  89. package/dist/{types-BQ2H3yG7.d.ts → types-CtFK7mFE.d.ts} +1 -1
  90. package/dist/types-DMkTQsWg.d.mts +46 -0
  91. package/dist/types-DMkTQsWg.d.ts +46 -0
  92. package/dist/types-DN400jNg.d.mts +28 -0
  93. package/dist/types-DN400jNg.d.ts +28 -0
  94. package/dist/types-vcZcRc6w.d.mts +24 -0
  95. package/dist/types-vcZcRc6w.d.ts +24 -0
  96. package/dist/types-zHcMUtKK.d.mts +42 -0
  97. package/dist/types-zHcMUtKK.d.ts +42 -0
  98. package/dist/ui/accordion/animated.d.mts +24 -0
  99. package/dist/ui/accordion/animated.d.ts +24 -0
  100. package/dist/ui/accordion/animated.js +67 -0
  101. package/dist/ui/accordion/animated.js.map +1 -0
  102. package/dist/ui/accordion/animated.mjs +56 -0
  103. package/dist/ui/accordion/animated.mjs.map +1 -0
  104. package/dist/ui/accordion.d.mts +9 -65
  105. package/dist/ui/accordion.d.ts +9 -65
  106. package/dist/ui/accordion.js +32 -288
  107. package/dist/ui/accordion.js.map +1 -1
  108. package/dist/ui/accordion.mjs +6 -281
  109. package/dist/ui/accordion.mjs.map +1 -1
  110. package/dist/ui/alert/animated.d.mts +7 -2
  111. package/dist/ui/alert/animated.d.ts +7 -2
  112. package/dist/ui/alert/animated.js +23 -3
  113. package/dist/ui/alert/animated.js.map +1 -1
  114. package/dist/ui/alert/animated.mjs +21 -2
  115. package/dist/ui/alert/animated.mjs.map +1 -1
  116. package/dist/ui/alert.d.mts +3 -8
  117. package/dist/ui/alert.d.ts +3 -8
  118. package/dist/ui/alert.js +10 -14
  119. package/dist/ui/alert.mjs +2 -2
  120. package/dist/ui/avatar/animated.d.mts +22 -0
  121. package/dist/ui/avatar/animated.d.ts +22 -0
  122. package/dist/ui/avatar/animated.js +51 -0
  123. package/dist/ui/avatar/animated.js.map +1 -0
  124. package/dist/ui/avatar/animated.mjs +37 -0
  125. package/dist/ui/avatar/animated.mjs.map +1 -0
  126. package/dist/ui/avatar.d.mts +7 -53
  127. package/dist/ui/avatar.d.ts +7 -53
  128. package/dist/ui/avatar.js +32 -210
  129. package/dist/ui/avatar.js.map +1 -1
  130. package/dist/ui/avatar.mjs +7 -204
  131. package/dist/ui/avatar.mjs.map +1 -1
  132. package/dist/ui/badge/animated.d.mts +22 -0
  133. package/dist/ui/badge/animated.d.ts +22 -0
  134. package/dist/ui/badge/animated.js +50 -0
  135. package/dist/ui/badge/animated.js.map +1 -0
  136. package/dist/ui/badge/animated.mjs +47 -0
  137. package/dist/ui/badge/animated.mjs.map +1 -0
  138. package/dist/ui/badge.d.mts +6 -30
  139. package/dist/ui/badge.d.ts +6 -30
  140. package/dist/ui/badge.js +11 -142
  141. package/dist/ui/badge.js.map +1 -1
  142. package/dist/ui/badge.mjs +6 -141
  143. package/dist/ui/badge.mjs.map +1 -1
  144. package/dist/ui/buttons/animated.d.mts +27 -0
  145. package/dist/ui/buttons/animated.d.ts +27 -0
  146. package/dist/ui/buttons/animated.js +101 -0
  147. package/dist/ui/buttons/animated.js.map +1 -0
  148. package/dist/ui/buttons/animated.mjs +98 -0
  149. package/dist/ui/buttons/animated.mjs.map +1 -0
  150. package/dist/ui/buttons.d.mts +5 -13
  151. package/dist/ui/buttons.d.ts +5 -13
  152. package/dist/ui/buttons.js +7 -45
  153. package/dist/ui/buttons.js.map +1 -1
  154. package/dist/ui/buttons.mjs +8 -45
  155. package/dist/ui/buttons.mjs.map +1 -1
  156. package/dist/ui/card/animated.d.mts +23 -0
  157. package/dist/ui/card/animated.d.ts +23 -0
  158. package/dist/ui/card/animated.js +72 -0
  159. package/dist/ui/card/animated.js.map +1 -0
  160. package/dist/ui/card/animated.mjs +50 -0
  161. package/dist/ui/card/animated.mjs.map +1 -0
  162. package/dist/ui/card.d.mts +6 -70
  163. package/dist/ui/card.d.ts +6 -70
  164. package/dist/ui/card.js +43 -245
  165. package/dist/ui/card.js.map +1 -1
  166. package/dist/ui/card.mjs +5 -235
  167. package/dist/ui/card.mjs.map +1 -1
  168. package/dist/ui/divider/animated.d.mts +19 -0
  169. package/dist/ui/divider/animated.d.ts +19 -0
  170. package/dist/ui/divider/animated.js +41 -0
  171. package/dist/ui/divider/animated.js.map +1 -0
  172. package/dist/ui/divider/animated.mjs +39 -0
  173. package/dist/ui/divider/animated.mjs.map +1 -0
  174. package/dist/ui/divider.d.mts +6 -32
  175. package/dist/ui/divider.d.ts +6 -32
  176. package/dist/ui/divider.js +19 -186
  177. package/dist/ui/divider.js.map +1 -1
  178. package/dist/ui/divider.mjs +6 -183
  179. package/dist/ui/divider.mjs.map +1 -1
  180. package/dist/ui/drawer/animated.d.mts +23 -0
  181. package/dist/ui/drawer/animated.d.ts +23 -0
  182. package/dist/ui/drawer/animated.js +143 -0
  183. package/dist/ui/drawer/animated.js.map +1 -0
  184. package/dist/ui/drawer/animated.mjs +113 -0
  185. package/dist/ui/drawer/animated.mjs.map +1 -0
  186. package/dist/ui/drawer.d.mts +10 -11
  187. package/dist/ui/drawer.d.ts +10 -11
  188. package/dist/ui/drawer.js +44 -357
  189. package/dist/ui/drawer.js.map +1 -1
  190. package/dist/ui/drawer.mjs +3 -349
  191. package/dist/ui/drawer.mjs.map +1 -1
  192. package/dist/ui/empty-state/animated.d.mts +24 -0
  193. package/dist/ui/empty-state/animated.d.ts +24 -0
  194. package/dist/ui/empty-state/animated.js +45 -0
  195. package/dist/ui/empty-state/animated.js.map +1 -0
  196. package/dist/ui/empty-state/animated.mjs +42 -0
  197. package/dist/ui/empty-state/animated.mjs.map +1 -0
  198. package/dist/ui/empty-state.d.mts +11 -32
  199. package/dist/ui/empty-state.d.ts +11 -32
  200. package/dist/ui/empty-state.js +35 -160
  201. package/dist/ui/empty-state.js.map +1 -1
  202. package/dist/ui/empty-state.mjs +5 -153
  203. package/dist/ui/empty-state.mjs.map +1 -1
  204. package/dist/ui/inputs/animated.d.mts +27 -0
  205. package/dist/ui/inputs/animated.d.ts +27 -0
  206. package/dist/ui/inputs/animated.js +141 -0
  207. package/dist/ui/inputs/animated.js.map +1 -0
  208. package/dist/ui/inputs/animated.mjs +138 -0
  209. package/dist/ui/inputs/animated.mjs.map +1 -0
  210. package/dist/ui/inputs.d.mts +7 -21
  211. package/dist/ui/inputs.d.ts +7 -21
  212. package/dist/ui/inputs.js +16 -331
  213. package/dist/ui/inputs.js.map +1 -1
  214. package/dist/ui/inputs.mjs +13 -329
  215. package/dist/ui/inputs.mjs.map +1 -1
  216. package/dist/ui/modal/animated.d.mts +21 -0
  217. package/dist/ui/modal/animated.d.ts +21 -0
  218. package/dist/ui/modal/animated.js +120 -0
  219. package/dist/ui/modal/animated.js.map +1 -0
  220. package/dist/ui/modal/animated.mjs +117 -0
  221. package/dist/ui/modal/animated.mjs.map +1 -0
  222. package/dist/ui/modal.d.mts +10 -48
  223. package/dist/ui/modal.d.ts +10 -48
  224. package/dist/ui/modal.js +47 -361
  225. package/dist/ui/modal.js.map +1 -1
  226. package/dist/ui/modal.mjs +9 -351
  227. package/dist/ui/modal.mjs.map +1 -1
  228. package/dist/ui/progress/animated.d.mts +41 -0
  229. package/dist/ui/progress/animated.d.ts +41 -0
  230. package/dist/ui/progress/animated.js +123 -0
  231. package/dist/ui/progress/animated.js.map +1 -0
  232. package/dist/ui/progress/animated.mjs +112 -0
  233. package/dist/ui/progress/animated.mjs.map +1 -0
  234. package/dist/ui/progress.d.mts +10 -58
  235. package/dist/ui/progress.d.ts +10 -58
  236. package/dist/ui/progress.js +35 -227
  237. package/dist/ui/progress.js.map +1 -1
  238. package/dist/ui/progress.mjs +10 -222
  239. package/dist/ui/progress.mjs.map +1 -1
  240. package/dist/ui/skeleton/animated.d.mts +56 -0
  241. package/dist/ui/skeleton/animated.d.ts +56 -0
  242. package/dist/ui/skeleton/animated.js +126 -0
  243. package/dist/ui/skeleton/animated.js.map +1 -0
  244. package/dist/ui/skeleton/animated.mjs +119 -0
  245. package/dist/ui/skeleton/animated.mjs.map +1 -0
  246. package/dist/ui/skeleton.d.mts +16 -77
  247. package/dist/ui/skeleton.d.ts +16 -77
  248. package/dist/ui/skeleton.js +35 -526
  249. package/dist/ui/skeleton.js.map +1 -1
  250. package/dist/ui/skeleton.mjs +2 -520
  251. package/dist/ui/skeleton.mjs.map +1 -1
  252. package/dist/ui/{spinner.d.mts → spinner/animated.d.mts} +1 -6
  253. package/dist/ui/{spinner.d.ts → spinner/animated.d.ts} +1 -6
  254. package/dist/ui/{spinner.js → spinner/animated.js} +3 -9
  255. package/dist/ui/spinner/animated.js.map +1 -0
  256. package/dist/ui/{spinner.mjs → spinner/animated.mjs} +4 -9
  257. package/dist/ui/spinner/animated.mjs.map +1 -0
  258. package/dist/ui/table/animated.d.mts +21 -0
  259. package/dist/ui/table/animated.d.ts +21 -0
  260. package/dist/ui/table/animated.js +50 -0
  261. package/dist/ui/table/animated.js.map +1 -0
  262. package/dist/ui/table/animated.mjs +24 -0
  263. package/dist/ui/table/animated.mjs.map +1 -0
  264. package/dist/ui/table.d.mts +17 -11
  265. package/dist/ui/table.d.ts +17 -11
  266. package/dist/ui/table.js +55 -278
  267. package/dist/ui/table.js.map +1 -1
  268. package/dist/ui/table.mjs +2 -269
  269. package/dist/ui/table.mjs.map +1 -1
  270. package/dist/ui/tabs/animated.d.mts +25 -0
  271. package/dist/ui/tabs/animated.d.ts +25 -0
  272. package/dist/ui/tabs/animated.js +83 -0
  273. package/dist/ui/tabs/animated.js.map +1 -0
  274. package/dist/ui/tabs/animated.mjs +79 -0
  275. package/dist/ui/tabs/animated.mjs.map +1 -0
  276. package/dist/ui/tabs.d.mts +7 -41
  277. package/dist/ui/tabs.d.ts +7 -41
  278. package/dist/ui/tabs.js +35 -261
  279. package/dist/ui/tabs.js.map +1 -1
  280. package/dist/ui/tabs.mjs +2 -256
  281. package/dist/ui/tabs.mjs.map +1 -1
  282. package/dist/ui/toast/animated.d.mts +23 -0
  283. package/dist/ui/toast/animated.d.ts +23 -0
  284. package/dist/ui/toast/animated.js +103 -0
  285. package/dist/ui/toast/animated.js.map +1 -0
  286. package/dist/ui/toast/animated.mjs +99 -0
  287. package/dist/ui/toast/animated.mjs.map +1 -0
  288. package/dist/ui/toast.d.mts +7 -52
  289. package/dist/ui/toast.d.ts +7 -52
  290. package/dist/ui/toast.js +47 -268
  291. package/dist/ui/toast.js.map +1 -1
  292. package/dist/ui/toast.mjs +2 -259
  293. package/dist/ui/toast.mjs.map +1 -1
  294. package/dist/ui/toggle/animated.d.mts +22 -0
  295. package/dist/ui/toggle/animated.d.ts +22 -0
  296. package/dist/ui/toggle/animated.js +88 -0
  297. package/dist/ui/toggle/animated.js.map +1 -0
  298. package/dist/ui/toggle/animated.mjs +85 -0
  299. package/dist/ui/toggle/animated.mjs.map +1 -0
  300. package/dist/ui/toggle.d.mts +6 -30
  301. package/dist/ui/toggle.d.ts +6 -30
  302. package/dist/ui/toggle.js +19 -83
  303. package/dist/ui/toggle.js.map +1 -1
  304. package/dist/ui/toggle.mjs +12 -80
  305. package/dist/ui/toggle.mjs.map +1 -1
  306. package/dist/ui/tooltip/animated.d.mts +17 -0
  307. package/dist/ui/tooltip/animated.d.ts +17 -0
  308. package/dist/ui/tooltip/animated.js +59 -0
  309. package/dist/ui/tooltip/animated.js.map +1 -0
  310. package/dist/ui/tooltip/animated.mjs +56 -0
  311. package/dist/ui/tooltip/animated.mjs.map +1 -0
  312. package/dist/ui/tooltip.d.mts +6 -33
  313. package/dist/ui/tooltip.d.ts +6 -33
  314. package/dist/ui/tooltip.js +26 -193
  315. package/dist/ui/tooltip.js.map +1 -1
  316. package/dist/ui/tooltip.mjs +2 -192
  317. package/dist/ui/tooltip.mjs.map +1 -1
  318. package/dist/variants-CYODHI8b.d.mts +10 -0
  319. package/dist/variants-CYODHI8b.d.ts +10 -0
  320. package/package.json +1 -3
  321. package/dist/chunk-P6YRSEOY.js.map +0 -1
  322. package/dist/chunk-UJ3AER3U.mjs.map +0 -1
  323. package/dist/ui/spinner.js.map +0 -1
  324. package/dist/ui/spinner.mjs.map +0 -1
@@ -0,0 +1,169 @@
1
+ import { cn } from './chunk-DFEZH7TC.mjs';
2
+ import { cva } from 'class-variance-authority';
3
+ import { jsx, jsxs } from 'react/jsx-runtime';
4
+
5
+ var APPEARANCES = {
6
+ default: "text-slate-200",
7
+ muted: "text-slate-500",
8
+ primary: "text-cyan-300",
9
+ destructive: "text-rose-400",
10
+ ghost: "text-slate-600",
11
+ sky: "text-sky-400",
12
+ rose: "text-rose-400",
13
+ purple: "text-purple-400",
14
+ pink: "text-pink-400",
15
+ orange: "text-orange-400",
16
+ yellow: "text-yellow-400",
17
+ teal: "text-teal-400",
18
+ indigo: "text-indigo-400",
19
+ emerald: "text-emerald-400",
20
+ gray: "text-gray-400",
21
+ amber: "text-amber-400",
22
+ violet: "text-violet-400",
23
+ "gradient-blue": "text-blue-400",
24
+ "gradient-green": "text-green-400",
25
+ "gradient-red": "text-red-400",
26
+ "gradient-yellow": "text-yellow-400",
27
+ "gradient-purple": "text-purple-400",
28
+ "gradient-teal": "text-teal-400",
29
+ "gradient-indigo": "text-indigo-400",
30
+ "gradient-pink": "text-pink-400",
31
+ "gradient-orange": "text-orange-400"
32
+ };
33
+ var dividerToneVariants = cva("", {
34
+ variants: {
35
+ appearance: APPEARANCES
36
+ },
37
+ defaultVariants: { appearance: "default" }
38
+ });
39
+ var dividerVariants = cva("flex w-full items-center gap-3", {
40
+ variants: {
41
+ appearance: APPEARANCES,
42
+ orientation: {
43
+ horizontal: "w-full flex-row",
44
+ vertical: "h-full min-h-[2rem] w-auto flex-col self-stretch"
45
+ },
46
+ size: {
47
+ sm: "",
48
+ md: "",
49
+ lg: ""
50
+ }
51
+ },
52
+ compoundVariants: [
53
+ { orientation: "horizontal", size: "sm", class: "min-h-px" },
54
+ { orientation: "horizontal", size: "md", class: "min-h-[2px]" },
55
+ { orientation: "horizontal", size: "lg", class: "min-h-[3px]" },
56
+ { orientation: "vertical", size: "sm", class: "min-w-px" },
57
+ { orientation: "vertical", size: "md", class: "min-w-[2px]" },
58
+ { orientation: "vertical", size: "lg", class: "min-w-[3px]" }
59
+ ],
60
+ defaultVariants: {
61
+ appearance: "default",
62
+ orientation: "horizontal",
63
+ size: "md"
64
+ }
65
+ });
66
+ var dividerLineVariants = cva(
67
+ "shrink grow rounded-full bg-current opacity-80",
68
+ {
69
+ variants: {
70
+ orientation: {
71
+ horizontal: "h-px",
72
+ vertical: "w-px flex-1"
73
+ },
74
+ size: {
75
+ sm: "",
76
+ md: "",
77
+ lg: ""
78
+ }
79
+ },
80
+ compoundVariants: [
81
+ { orientation: "horizontal", size: "sm", class: "h-px" },
82
+ { orientation: "horizontal", size: "md", class: "h-0.5" },
83
+ { orientation: "horizontal", size: "lg", class: "h-1" },
84
+ { orientation: "vertical", size: "sm", class: "w-px" },
85
+ { orientation: "vertical", size: "md", class: "w-0.5" },
86
+ { orientation: "vertical", size: "lg", class: "w-1" }
87
+ ],
88
+ defaultVariants: {
89
+ orientation: "horizontal",
90
+ size: "md"
91
+ }
92
+ }
93
+ );
94
+ var dividerLabelVariants = cva(
95
+ "shrink-0 text-xs font-medium uppercase tracking-wide text-current"
96
+ );
97
+ function DividerBase({
98
+ className,
99
+ appearance,
100
+ orientation,
101
+ size,
102
+ label,
103
+ children,
104
+ ref,
105
+ as: Wrapper = "div",
106
+ ...rest
107
+ }) {
108
+ const slot = label ?? children;
109
+ if (!slot) {
110
+ return /* @__PURE__ */ jsx(
111
+ Wrapper,
112
+ {
113
+ ref,
114
+ "data-slot": "divider",
115
+ role: "separator",
116
+ "aria-orientation": orientation === "vertical" ? "vertical" : "horizontal",
117
+ className: cn(
118
+ dividerToneVariants({ appearance }),
119
+ orientation === "horizontal" ? "flex w-full min-h-px flex-row items-stretch" : "flex h-full min-h-8 w-auto min-w-0 flex-col items-stretch self-stretch",
120
+ className
121
+ ),
122
+ ...rest,
123
+ children: /* @__PURE__ */ jsx(
124
+ "span",
125
+ {
126
+ className: cn(dividerLineVariants({ orientation, size })),
127
+ "aria-hidden": true
128
+ }
129
+ )
130
+ }
131
+ );
132
+ }
133
+ return /* @__PURE__ */ jsxs(
134
+ Wrapper,
135
+ {
136
+ ref,
137
+ "data-slot": "divider",
138
+ role: "separator",
139
+ "aria-orientation": orientation === "vertical" ? "vertical" : "horizontal",
140
+ className: cn(
141
+ dividerVariants({ appearance, orientation, size }),
142
+ className
143
+ ),
144
+ ...rest,
145
+ children: [
146
+ /* @__PURE__ */ jsx(
147
+ "span",
148
+ {
149
+ className: cn(dividerLineVariants({ orientation, size })),
150
+ "aria-hidden": true
151
+ }
152
+ ),
153
+ /* @__PURE__ */ jsx("span", { "data-slot": "divider-label", className: dividerLabelVariants(), children: slot }),
154
+ /* @__PURE__ */ jsx(
155
+ "span",
156
+ {
157
+ className: cn(dividerLineVariants({ orientation, size })),
158
+ "aria-hidden": true
159
+ }
160
+ )
161
+ ]
162
+ }
163
+ );
164
+ }
165
+ DividerBase.displayName = "Divider";
166
+
167
+ export { DividerBase, dividerLabelVariants, dividerLineVariants, dividerToneVariants, dividerVariants };
168
+ //# sourceMappingURL=chunk-W6PRMYUC.mjs.map
169
+ //# sourceMappingURL=chunk-W6PRMYUC.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/ui/divider/variants.ts","../src/ui/divider/divider-base.tsx"],"names":[],"mappings":"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","file":"chunk-W6PRMYUC.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nconst APPEARANCES = {\n default: \"text-slate-200\",\n muted: \"text-slate-500\",\n primary: \"text-cyan-300\",\n destructive: \"text-rose-400\",\n ghost: \"text-slate-600\",\n sky: \"text-sky-400\",\n rose: \"text-rose-400\",\n purple: \"text-purple-400\",\n pink: \"text-pink-400\",\n orange: \"text-orange-400\",\n yellow: \"text-yellow-400\",\n teal: \"text-teal-400\",\n indigo: \"text-indigo-400\",\n emerald: \"text-emerald-400\",\n gray: \"text-gray-400\",\n amber: \"text-amber-400\",\n violet: \"text-violet-400\",\n \"gradient-blue\": \"text-blue-400\",\n \"gradient-green\": \"text-green-400\",\n \"gradient-red\": \"text-red-400\",\n \"gradient-yellow\": \"text-yellow-400\",\n \"gradient-purple\": \"text-purple-400\",\n \"gradient-teal\": \"text-teal-400\",\n \"gradient-indigo\": \"text-indigo-400\",\n \"gradient-pink\": \"text-pink-400\",\n \"gradient-orange\": \"text-orange-400\",\n};\n\nexport const dividerToneVariants = cva(\"\", {\n variants: {\n appearance: APPEARANCES,\n },\n defaultVariants: { appearance: \"default\" },\n});\n\nexport const dividerVariants = cva(\"flex w-full items-center gap-3\", {\n variants: {\n appearance: APPEARANCES,\n orientation: {\n horizontal: \"w-full flex-row\",\n vertical: \"h-full min-h-[2rem] w-auto flex-col self-stretch\",\n },\n size: {\n sm: \"\",\n md: \"\",\n lg: \"\",\n },\n },\n compoundVariants: [\n { orientation: \"horizontal\", size: \"sm\", class: \"min-h-px\" },\n { orientation: \"horizontal\", size: \"md\", class: \"min-h-[2px]\" },\n { orientation: \"horizontal\", size: \"lg\", class: \"min-h-[3px]\" },\n { orientation: \"vertical\", size: \"sm\", class: \"min-w-px\" },\n { orientation: \"vertical\", size: \"md\", class: \"min-w-[2px]\" },\n { orientation: \"vertical\", size: \"lg\", class: \"min-w-[3px]\" },\n ],\n defaultVariants: {\n appearance: \"default\",\n orientation: \"horizontal\",\n size: \"md\",\n },\n});\n\nexport const dividerLineVariants = cva(\n \"shrink grow rounded-full bg-current opacity-80\",\n {\n variants: {\n orientation: {\n horizontal: \"h-px\",\n vertical: \"w-px flex-1\",\n },\n size: {\n sm: \"\",\n md: \"\",\n lg: \"\",\n },\n },\n compoundVariants: [\n { orientation: \"horizontal\", size: \"sm\", class: \"h-px\" },\n { orientation: \"horizontal\", size: \"md\", class: \"h-0.5\" },\n { orientation: \"horizontal\", size: \"lg\", class: \"h-1\" },\n { orientation: \"vertical\", size: \"sm\", class: \"w-px\" },\n { orientation: \"vertical\", size: \"md\", class: \"w-0.5\" },\n { orientation: \"vertical\", size: \"lg\", class: \"w-1\" },\n ],\n defaultVariants: {\n orientation: \"horizontal\",\n size: \"md\",\n },\n },\n);\n\nexport const dividerLabelVariants = cva(\n \"shrink-0 text-xs font-medium uppercase tracking-wide text-current\",\n);\n","\"use client\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { DividerBaseProps } from \"./types\";\nimport {\n dividerLabelVariants,\n dividerLineVariants,\n dividerToneVariants,\n dividerVariants,\n} from \"./variants\";\n\n\nexport function DividerBase({\n className,\n appearance,\n orientation,\n size,\n label,\n children,\n ref,\n as: Wrapper = \"div\",\n ...rest\n}: DividerBaseProps) {\n const slot = label ?? children;\n\n if (!slot) {\n return (\n <Wrapper\n ref={ref}\n data-slot=\"divider\"\n role=\"separator\"\n aria-orientation={\n orientation === \"vertical\" ? \"vertical\" : \"horizontal\"\n }\n className={cn(\n dividerToneVariants({ appearance }),\n orientation === \"horizontal\"\n ? \"flex w-full min-h-px flex-row items-stretch\"\n : \"flex h-full min-h-8 w-auto min-w-0 flex-col items-stretch self-stretch\",\n className,\n )}\n {...rest}\n >\n <span\n className={cn(dividerLineVariants({ orientation, size }))}\n aria-hidden\n />\n </Wrapper>\n );\n }\n\n return (\n <Wrapper\n ref={ref}\n data-slot=\"divider\"\n role=\"separator\"\n aria-orientation={orientation === \"vertical\" ? \"vertical\" : \"horizontal\"}\n className={cn(\n dividerVariants({ appearance, orientation, size }),\n className,\n )}\n {...rest}\n >\n <span\n className={cn(dividerLineVariants({ orientation, size }))}\n aria-hidden\n />\n <span data-slot=\"divider-label\" className={dividerLabelVariants()}>\n {slot}\n </span>\n <span\n className={cn(dividerLineVariants({ orientation, size }))}\n aria-hidden\n />\n </Wrapper>\n );\n}\n\nDividerBase.displayName = \"Divider\";\n"]}
@@ -0,0 +1,139 @@
1
+ import { cn } from './chunk-DFEZH7TC.mjs';
2
+ import { cva } from 'class-variance-authority';
3
+ import { createContext, useMemo, useContext } from 'react';
4
+ import { jsx } from 'react/jsx-runtime';
5
+
6
+ var emptyStateVariants = cva(
7
+ "flex w-full flex-col items-center text-center",
8
+ {
9
+ variants: {
10
+ size: {
11
+ sm: "gap-2 p-4 text-sm",
12
+ md: "gap-3 p-6 text-sm",
13
+ lg: "gap-4 p-8 text-base"
14
+ },
15
+ appearance: {
16
+ default: "text-slate-50",
17
+ ghost: "text-slate-200",
18
+ card: "rounded-2xl border border-white/10 bg-white/5 p-8 text-slate-50 shadow-[0_18px_48px_rgba(15,23,42,0.35)]"
19
+ },
20
+ align: {
21
+ start: "items-start text-left",
22
+ center: "items-center text-center",
23
+ end: "items-end text-right"
24
+ }
25
+ },
26
+ defaultVariants: {
27
+ size: "md",
28
+ appearance: "default",
29
+ align: "center"
30
+ }
31
+ }
32
+ );
33
+ var emptyStateTitleVariants = cva("font-semibold tracking-tight", {
34
+ variants: {
35
+ size: {
36
+ sm: "text-base",
37
+ md: "text-lg",
38
+ lg: "text-xl"
39
+ }
40
+ },
41
+ defaultVariants: { size: "md" }
42
+ });
43
+ var emptyStateDescriptionVariants = cva("max-w-md text-slate-400", {
44
+ variants: {
45
+ size: {
46
+ sm: "text-xs",
47
+ md: "text-sm",
48
+ lg: "text-base"
49
+ }
50
+ },
51
+ defaultVariants: { size: "md" }
52
+ });
53
+ var EmptyStateSizeContext = createContext("md");
54
+ function useEmptyStateSize() {
55
+ return useContext(EmptyStateSizeContext);
56
+ }
57
+ function EmptyStateBase(props) {
58
+ const {
59
+ className,
60
+ size = "md",
61
+ appearance,
62
+ align,
63
+ children,
64
+ ref,
65
+ as: Wrapper = "section",
66
+ ...rest
67
+ } = props;
68
+ const ctx = useMemo(() => size ?? "md", [size]);
69
+ return /* @__PURE__ */ jsx(EmptyStateSizeContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
70
+ Wrapper,
71
+ {
72
+ ref,
73
+ "data-slot": "empty-state",
74
+ "aria-live": "polite",
75
+ className: cn(
76
+ emptyStateVariants({ size, appearance, align }),
77
+ className
78
+ ),
79
+ ...rest,
80
+ children
81
+ }
82
+ ) });
83
+ }
84
+ EmptyStateBase.displayName = "EmptyState";
85
+ function EmptyStateIcon({
86
+ className,
87
+ children
88
+ }) {
89
+ return /* @__PURE__ */ jsx(
90
+ "div",
91
+ {
92
+ "data-slot": "empty-state-icon",
93
+ className: cn("text-slate-300", className),
94
+ children
95
+ }
96
+ );
97
+ }
98
+ EmptyStateIcon.displayName = "EmptyStateIcon";
99
+ function EmptyStateTitle({
100
+ className,
101
+ children
102
+ }) {
103
+ const size = useEmptyStateSize();
104
+ return /* @__PURE__ */ jsx(
105
+ "h2",
106
+ {
107
+ "data-slot": "empty-state-title",
108
+ className: cn(emptyStateTitleVariants({ size }), className),
109
+ children
110
+ }
111
+ );
112
+ }
113
+ EmptyStateTitle.displayName = "EmptyStateTitle";
114
+ function EmptyStateDescription({
115
+ className,
116
+ children
117
+ }) {
118
+ const size = useEmptyStateSize();
119
+ return /* @__PURE__ */ jsx(
120
+ "p",
121
+ {
122
+ "data-slot": "empty-state-description",
123
+ className: cn(emptyStateDescriptionVariants({ size }), className),
124
+ children
125
+ }
126
+ );
127
+ }
128
+ EmptyStateDescription.displayName = "EmptyStateDescription";
129
+ function EmptyStateAction({
130
+ className,
131
+ children
132
+ }) {
133
+ return /* @__PURE__ */ jsx("div", { "data-slot": "empty-state-action", className: cn("mt-2", className), children });
134
+ }
135
+ EmptyStateAction.displayName = "EmptyStateAction";
136
+
137
+ export { EmptyStateAction, EmptyStateBase, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle, emptyStateDescriptionVariants, emptyStateTitleVariants, emptyStateVariants };
138
+ //# sourceMappingURL=chunk-WDCIZHXY.mjs.map
139
+ //# sourceMappingURL=chunk-WDCIZHXY.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/ui/empty-state/variants.ts","../src/ui/empty-state/empty-state-base.tsx"],"names":[],"mappings":";;;;;AAEO,IAAM,kBAAA,GAAqB,GAAA;AAAA,EAChC,+CAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,mBAAA;AAAA,QACJ,EAAA,EAAI,mBAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,UAAA,EAAY;AAAA,QACV,OAAA,EAAS,eAAA;AAAA,QACT,KAAA,EAAO,gBAAA;AAAA,QACP,IAAA,EAAM;AAAA,OACR;AAAA,MACA,KAAA,EAAO;AAAA,QACL,KAAA,EAAO,uBAAA;AAAA,QACP,MAAA,EAAQ,0BAAA;AAAA,QACR,GAAA,EAAK;AAAA;AACP,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,UAAA,EAAY,SAAA;AAAA,MACZ,KAAA,EAAO;AAAA;AACT;AAEJ;AAEO,IAAM,uBAAA,GAA0B,IAAI,8BAAA,EAAgC;AAAA,EACzE,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,WAAA;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA;AAC3B,CAAC;AAEM,IAAM,6BAAA,GAAgC,IAAI,yBAAA,EAA2B;AAAA,EAC1E,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA;AAC3B,CAAC;ACrCM,IAAM,qBAAA,GAAwB,cAA8B,IAAI,CAAA;AAEvE,SAAS,iBAAA,GAAoC;AAC3C,EAAA,OAAO,WAAW,qBAAqB,CAAA;AACzC;AAEO,SAAS,eAAe,KAAA,EAAwB;AACrD,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,IAAA,GAAO,IAAA;AAAA,IACP,UAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAA;AAAA,IACA,IAAI,OAAA,GAAU,SAAA;AAAA,IACd,GAAG;AAAA,GACL,GAAI,KAAA;AACJ,EAAA,MAAM,MAAM,OAAA,CAAQ,MAAM,QAAQ,IAAA,EAAM,CAAC,IAAI,CAAC,CAAA;AAE9C,EAAA,uBACE,GAAA,CAAC,qBAAA,CAAsB,QAAA,EAAtB,EAA+B,OAAO,GAAA,EACrC,QAAA,kBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,aAAA;AAAA,MACV,WAAA,EAAU,QAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,kBAAA,CAAmB,EAAE,IAAA,EAAM,UAAA,EAAY,OAAO,CAAA;AAAA,QAC9C;AAAA,OACF;AAAA,MACC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AAEA,cAAA,CAAe,WAAA,GAAc,YAAA;AAEtB,SAAS,cAAA,CAAe;AAAA,EAC7B,SAAA;AAAA,EACA;AACF,CAAA,EAA2B;AACzB,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,kBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,gBAAA,EAAkB,SAAS,CAAA;AAAA,MAExC;AAAA;AAAA,GACH;AAEJ;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA;AAEtB,SAAS,eAAA,CAAgB;AAAA,EAC9B,SAAA;AAAA,EACA;AACF,CAAA,EAA2B;AACzB,EAAA,MAAM,OAAO,iBAAA,EAAkB;AAC/B,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,mBAAA;AAAA,MACV,WAAW,EAAA,CAAG,uBAAA,CAAwB,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MAEzD;AAAA;AAAA,GACH;AAEJ;AAEA,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAEvB,SAAS,qBAAA,CAAsB;AAAA,EACpC,SAAA;AAAA,EACA;AACF,CAAA,EAA2B;AACzB,EAAA,MAAM,OAAO,iBAAA,EAAkB;AAC/B,EAAA,uBACE,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,yBAAA;AAAA,MACV,WAAW,EAAA,CAAG,6BAAA,CAA8B,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MAE/D;AAAA;AAAA,GACH;AAEJ;AAEA,qBAAA,CAAsB,WAAA,GAAc,uBAAA;AAE7B,SAAS,gBAAA,CAAiB;AAAA,EAC/B,SAAA;AAAA,EACA;AACF,CAAA,EAA2B;AACzB,EAAA,uBACE,GAAA,CAAC,SAAI,WAAA,EAAU,oBAAA,EAAqB,WAAW,EAAA,CAAG,MAAA,EAAQ,SAAS,CAAA,EAChE,QAAA,EACH,CAAA;AAEJ;AAEA,gBAAA,CAAiB,WAAA,GAAc,kBAAA","file":"chunk-WDCIZHXY.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const emptyStateVariants = cva(\n \"flex w-full flex-col items-center text-center\",\n {\n variants: {\n size: {\n sm: \"gap-2 p-4 text-sm\",\n md: \"gap-3 p-6 text-sm\",\n lg: \"gap-4 p-8 text-base\",\n },\n appearance: {\n default: \"text-slate-50\",\n ghost: \"text-slate-200\",\n card: \"rounded-2xl border border-white/10 bg-white/5 p-8 text-slate-50 shadow-[0_18px_48px_rgba(15,23,42,0.35)]\",\n },\n align: {\n start: \"items-start text-left\",\n center: \"items-center text-center\",\n end: \"items-end text-right\",\n },\n },\n defaultVariants: {\n size: \"md\",\n appearance: \"default\",\n align: \"center\",\n },\n },\n);\n\nexport const emptyStateTitleVariants = cva(\"font-semibold tracking-tight\", {\n variants: {\n size: {\n sm: \"text-base\",\n md: \"text-lg\",\n lg: \"text-xl\",\n },\n },\n defaultVariants: { size: \"md\" },\n});\n\nexport const emptyStateDescriptionVariants = cva(\"max-w-md text-slate-400\", {\n variants: {\n size: {\n sm: \"text-xs\",\n md: \"text-sm\",\n lg: \"text-base\",\n },\n },\n defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { EmptyStateProps, EmptyStateSectionProps, EmptyStateSize } from \"./types\";\nimport {\n emptyStateDescriptionVariants,\n emptyStateTitleVariants,\n emptyStateVariants,\n} from \"./variants\";\n\nexport const EmptyStateSizeContext = createContext<EmptyStateSize>(\"md\");\n\nfunction useEmptyStateSize(): EmptyStateSize {\n return useContext(EmptyStateSizeContext);\n}\n\nexport function EmptyStateBase(props: EmptyStateProps) {\n const {\n className,\n size = \"md\",\n appearance,\n align,\n children,\n ref,\n as: Wrapper = \"section\",\n ...rest\n } = props;\n const ctx = useMemo(() => size ?? \"md\", [size]);\n\n return (\n <EmptyStateSizeContext.Provider value={ctx}>\n <Wrapper\n ref={ref}\n data-slot=\"empty-state\"\n aria-live=\"polite\"\n className={cn(\n emptyStateVariants({ size, appearance, align }),\n className,\n )}\n {...rest}\n >\n {children}\n </Wrapper>\n </EmptyStateSizeContext.Provider>\n );\n}\n\nEmptyStateBase.displayName = \"EmptyState\";\n\nexport function EmptyStateIcon({\n className,\n children,\n}: EmptyStateSectionProps) {\n return (\n <div\n data-slot=\"empty-state-icon\"\n className={cn(\"text-slate-300\", className)}\n >\n {children}\n </div>\n );\n}\n\nEmptyStateIcon.displayName = \"EmptyStateIcon\";\n\nexport function EmptyStateTitle({\n className,\n children,\n}: EmptyStateSectionProps) {\n const size = useEmptyStateSize();\n return (\n <h2\n data-slot=\"empty-state-title\"\n className={cn(emptyStateTitleVariants({ size }), className)}\n >\n {children}\n </h2>\n );\n}\n\nEmptyStateTitle.displayName = \"EmptyStateTitle\";\n\nexport function EmptyStateDescription({\n className,\n children,\n}: EmptyStateSectionProps) {\n const size = useEmptyStateSize();\n return (\n <p\n data-slot=\"empty-state-description\"\n className={cn(emptyStateDescriptionVariants({ size }), className)}\n >\n {children}\n </p>\n );\n}\n\nEmptyStateDescription.displayName = \"EmptyStateDescription\";\n\nexport function EmptyStateAction({\n className,\n children,\n}: EmptyStateSectionProps) {\n return (\n <div data-slot=\"empty-state-action\" className={cn(\"mt-2\", className)}>\n {children}\n </div>\n );\n}\n\nEmptyStateAction.displayName = \"EmptyStateAction\";\n"]}
@@ -0,0 +1,182 @@
1
+ 'use strict';
2
+
3
+ var chunkUOZYPWDZ_js = require('./chunk-UOZYPWDZ.js');
4
+ var classVarianceAuthority = require('class-variance-authority');
5
+ var react = require('react');
6
+ var jsxRuntime = require('react/jsx-runtime');
7
+
8
+ var tooltipVariants = classVarianceAuthority.cva(
9
+ "absolute z-50 rounded-md shadow-md transition-all duration-200 pointer-events-none",
10
+ {
11
+ variants: {
12
+ variant: {
13
+ default: "bg-black text-white",
14
+ outline: "border bg-white text-black",
15
+ ghost: "bg-gray-800 text-white/90",
16
+ glass: "border border-white/15 bg-white/10 text-white backdrop-blur-md",
17
+ emerald: "bg-emerald-600 text-white",
18
+ indigo: "bg-indigo-600 text-white",
19
+ purple: "bg-purple-600 text-white",
20
+ pink: "bg-pink-600 text-white",
21
+ rose: "bg-rose-600 text-white",
22
+ sky: "bg-sky-600 text-white",
23
+ teal: "bg-teal-600 text-white",
24
+ yellow: "bg-yellow-600 text-white",
25
+ orange: "bg-orange-600 text-white",
26
+ green: "bg-green-600 text-white",
27
+ "gradient-blue": "bg-gradient-to-r from-blue-600 to-purple-600 text-white",
28
+ "gradient-green": "bg-gradient-to-r from-green-600 to-lime-600 text-white",
29
+ "gradient-red": "bg-gradient-to-r from-red-600 to-pink-600 text-white",
30
+ "gradient-yellow": "bg-gradient-to-r from-yellow-600 to-orange-600 text-white",
31
+ "gradient-purple": "bg-gradient-to-r from-purple-600 to-pink-600 text-white",
32
+ "gradient-teal": "bg-gradient-to-r from-teal-600 to-cyan-600 text-white",
33
+ "gradient-indigo": "bg-gradient-to-r from-indigo-600 to-purple-600 text-white",
34
+ "gradient-pink": "bg-gradient-to-r from-pink-600 to-rose-600 text-white",
35
+ "gradient-orange": "bg-gradient-to-r from-orange-600 to-red-600 text-white"
36
+ },
37
+ size: {
38
+ sm: "text-xs px-2 py-1",
39
+ md: "text-sm px-3 py-1.5",
40
+ lg: "text-base px-4 py-2"
41
+ },
42
+ width: {
43
+ fit: "min-w-75 md:min-w-fit",
44
+ xs: "min-w-75 md:min-w-xs",
45
+ sm: "min-w-75 md:min-w-sm",
46
+ md: "min-w-75 md:min-w-md",
47
+ lg: "min-w-75 md:min-w-lg",
48
+ xl: "min-w-75 md:min-w-xl",
49
+ "2xl": "min-w-75 md:min-w-2xl"
50
+ }
51
+ },
52
+ defaultVariants: {
53
+ variant: "default",
54
+ size: "md",
55
+ width: "xs"
56
+ }
57
+ }
58
+ );
59
+ var TooltipContext = react.createContext(null);
60
+ var useTooltip = () => {
61
+ const context = react.useContext(TooltipContext);
62
+ if (!context) {
63
+ throw new Error("Tooltip components must be used within Tooltip");
64
+ }
65
+ return context;
66
+ };
67
+ var Tooltip = ({
68
+ children,
69
+ defaultOpen = false,
70
+ open: controlledOpen,
71
+ onOpenChange,
72
+ position = "top",
73
+ delay = 100
74
+ }) => {
75
+ const [uncontrolledOpen, setUncontrolledOpen] = react.useState(defaultOpen);
76
+ const isControlled = controlledOpen !== void 0;
77
+ const open = isControlled ? controlledOpen : uncontrolledOpen;
78
+ const setOpen = react.useCallback(
79
+ (value) => {
80
+ if (!isControlled) setUncontrolledOpen(value);
81
+ onOpenChange?.(value);
82
+ },
83
+ [isControlled, onOpenChange]
84
+ );
85
+ const showTimeoutRef = react.useRef(null);
86
+ const cancelDelayedOpen = react.useCallback(() => {
87
+ if (showTimeoutRef.current !== null) {
88
+ clearTimeout(showTimeoutRef.current);
89
+ showTimeoutRef.current = null;
90
+ }
91
+ }, []);
92
+ const scheduleDelayedOpen = react.useCallback(() => {
93
+ cancelDelayedOpen();
94
+ showTimeoutRef.current = setTimeout(() => {
95
+ showTimeoutRef.current = null;
96
+ setOpen(true);
97
+ }, delay);
98
+ }, [cancelDelayedOpen, delay, setOpen]);
99
+ react.useEffect(() => () => cancelDelayedOpen(), [cancelDelayedOpen]);
100
+ return /* @__PURE__ */ jsxRuntime.jsx(
101
+ TooltipContext.Provider,
102
+ {
103
+ value: {
104
+ open,
105
+ setOpen,
106
+ position,
107
+ delay,
108
+ scheduleDelayedOpen,
109
+ cancelDelayedOpen
110
+ },
111
+ children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative inline-block", children })
112
+ }
113
+ );
114
+ };
115
+ var TooltipTrigger = ({
116
+ children,
117
+ className
118
+ }) => {
119
+ const { setOpen, scheduleDelayedOpen, cancelDelayedOpen } = useTooltip();
120
+ const triggerProps = {
121
+ onMouseEnter: () => scheduleDelayedOpen(),
122
+ onMouseLeave: () => {
123
+ cancelDelayedOpen();
124
+ setOpen(false);
125
+ },
126
+ onFocus: () => {
127
+ cancelDelayedOpen();
128
+ setOpen(true);
129
+ },
130
+ onBlur: () => {
131
+ cancelDelayedOpen();
132
+ setOpen(false);
133
+ },
134
+ onKeyDown: (e) => {
135
+ if (e.key === "Escape") {
136
+ cancelDelayedOpen();
137
+ setOpen(false);
138
+ }
139
+ },
140
+ className,
141
+ tabIndex: 0
142
+ };
143
+ return /* @__PURE__ */ jsxRuntime.jsx("span", { ...triggerProps, children });
144
+ };
145
+ var TooltipContent = ({
146
+ children,
147
+ className,
148
+ variant,
149
+ size,
150
+ width
151
+ }) => {
152
+ const { open, position } = useTooltip();
153
+ if (!open) return null;
154
+ const positionStyles = {
155
+ top: "bottom-full mb-2",
156
+ bottom: "top-full mt-2",
157
+ left: "right-full top-1/2 -translate-y-1/2 mr-2",
158
+ right: "left-full top-1/2 -translate-y-1/2 ml-2"
159
+ };
160
+ return /* @__PURE__ */ jsxRuntime.jsx(
161
+ "div",
162
+ {
163
+ "data-open": open,
164
+ role: "tooltip",
165
+ className: chunkUOZYPWDZ_js.cn(
166
+ tooltipVariants({ variant, size, width }),
167
+ positionStyles[position],
168
+ className
169
+ ),
170
+ children
171
+ }
172
+ );
173
+ };
174
+
175
+ exports.Tooltip = Tooltip;
176
+ exports.TooltipContent = TooltipContent;
177
+ exports.TooltipContext = TooltipContext;
178
+ exports.TooltipTrigger = TooltipTrigger;
179
+ exports.tooltipVariants = tooltipVariants;
180
+ exports.useTooltip = useTooltip;
181
+ //# sourceMappingURL=chunk-WZKGRU3U.js.map
182
+ //# sourceMappingURL=chunk-WZKGRU3U.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/ui/tooltip/variants.ts","../src/ui/tooltip/tooltip-base.tsx"],"names":["cva","createContext","useContext","useState","useCallback","useRef","useEffect","jsx","cn"],"mappings":"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","file":"chunk-WZKGRU3U.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const tooltipVariants = cva(\n \"absolute z-50 rounded-md shadow-md transition-all duration-200 pointer-events-none\",\n {\n variants: {\n variant: {\n default: \"bg-black text-white\",\n outline: \"border bg-white text-black\",\n ghost: \"bg-gray-800 text-white/90\",\n glass: \"border border-white/15 bg-white/10 text-white backdrop-blur-md\",\n emerald: \"bg-emerald-600 text-white\",\n indigo: \"bg-indigo-600 text-white\",\n purple: \"bg-purple-600 text-white\",\n pink: \"bg-pink-600 text-white\",\n rose: \"bg-rose-600 text-white\",\n sky: \"bg-sky-600 text-white\",\n teal: \"bg-teal-600 text-white\",\n yellow: \"bg-yellow-600 text-white\",\n orange: \"bg-orange-600 text-white\",\n green: \"bg-green-600 text-white\",\n \"gradient-blue\":\n \"bg-gradient-to-r from-blue-600 to-purple-600 text-white\",\n \"gradient-green\":\n \"bg-gradient-to-r from-green-600 to-lime-600 text-white\",\n \"gradient-red\": \"bg-gradient-to-r from-red-600 to-pink-600 text-white\",\n \"gradient-yellow\":\n \"bg-gradient-to-r from-yellow-600 to-orange-600 text-white\",\n \"gradient-purple\":\n \"bg-gradient-to-r from-purple-600 to-pink-600 text-white\",\n \"gradient-teal\":\n \"bg-gradient-to-r from-teal-600 to-cyan-600 text-white\",\n \"gradient-indigo\":\n \"bg-gradient-to-r from-indigo-600 to-purple-600 text-white\",\n \"gradient-pink\":\n \"bg-gradient-to-r from-pink-600 to-rose-600 text-white\",\n \"gradient-orange\":\n \"bg-gradient-to-r from-orange-600 to-red-600 text-white\",\n },\n size: {\n sm: \"text-xs px-2 py-1\",\n md: \"text-sm px-3 py-1.5\",\n lg: \"text-base px-4 py-2\",\n },\n width: {\n fit: \"min-w-75 md:min-w-fit\",\n xs: \"min-w-75 md:min-w-xs\",\n sm: \"min-w-75 md:min-w-sm\",\n md: \"min-w-75 md:min-w-md\",\n lg: \"min-w-75 md:min-w-lg\",\n xl: \"min-w-75 md:min-w-xl\",\n \"2xl\": \"min-w-75 md:min-w-2xl\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"md\",\n width: \"xs\",\n },\n },\n);\n","\"use client\";\n\nimport {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useRef,\n useState,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n TooltipProps,\n TooltipContextType,\n TooltipTriggerProps,\n TooltipContentProps,\n} from \"./types\";\nimport { tooltipVariants } from \"./variants\";\n\nexport const TooltipContext = createContext<TooltipContextType | null>(null);\n\nexport const useTooltip = () => {\n const context = useContext(TooltipContext);\n if (!context) {\n throw new Error(\"Tooltip components must be used within Tooltip\");\n }\n return context;\n};\n\nexport const Tooltip = ({\n children,\n defaultOpen = false,\n open: controlledOpen,\n onOpenChange,\n position = \"top\",\n delay = 100,\n}: TooltipProps) => {\n const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n\n const isControlled = controlledOpen !== undefined;\n const open = isControlled ? controlledOpen : uncontrolledOpen;\n\n const setOpen = useCallback(\n (value: boolean) => {\n if (!isControlled) setUncontrolledOpen(value);\n onOpenChange?.(value);\n },\n [isControlled, onOpenChange],\n );\n\n const showTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n const cancelDelayedOpen = useCallback(() => {\n if (showTimeoutRef.current !== null) {\n clearTimeout(showTimeoutRef.current);\n showTimeoutRef.current = null;\n }\n }, []);\n\n const scheduleDelayedOpen = useCallback(() => {\n cancelDelayedOpen();\n showTimeoutRef.current = setTimeout(() => {\n showTimeoutRef.current = null;\n setOpen(true);\n }, delay);\n }, [cancelDelayedOpen, delay, setOpen]);\n\n useEffect(() => () => cancelDelayedOpen(), [cancelDelayedOpen]);\n\n return (\n <TooltipContext.Provider\n value={{\n open,\n setOpen,\n position,\n delay,\n scheduleDelayedOpen,\n cancelDelayedOpen,\n }}\n >\n <div className=\"relative inline-block\">{children}</div>\n </TooltipContext.Provider>\n );\n};\n\nexport const TooltipTrigger = ({\n children,\n className,\n}: TooltipTriggerProps) => {\n const { setOpen, scheduleDelayedOpen, cancelDelayedOpen } = useTooltip();\n\n const triggerProps = {\n onMouseEnter: () => scheduleDelayedOpen(),\n onMouseLeave: () => {\n cancelDelayedOpen();\n setOpen(false);\n },\n onFocus: () => {\n cancelDelayedOpen();\n setOpen(true);\n },\n onBlur: () => {\n cancelDelayedOpen();\n setOpen(false);\n },\n onKeyDown: (e: React.KeyboardEvent) => {\n if (e.key === \"Escape\") {\n cancelDelayedOpen();\n setOpen(false);\n }\n },\n className,\n tabIndex: 0,\n };\n\n return <span {...triggerProps}>{children}</span>;\n};\n\nexport const TooltipContent = ({\n children,\n className,\n variant,\n size,\n width,\n}: TooltipContentProps) => {\n const { open, position } = useTooltip();\n\n if (!open) return null;\n\n const positionStyles = {\n top: \"bottom-full mb-2\",\n bottom: \"top-full mt-2\",\n left: \"right-full top-1/2 -translate-y-1/2 mr-2\",\n right: \"left-full top-1/2 -translate-y-1/2 ml-2\",\n };\n\n return (\n <div\n data-open={open}\n role=\"tooltip\"\n className={cn(\n tooltipVariants({ variant, size, width }),\n positionStyles[position],\n className,\n )}\n >\n {children}\n </div>\n );\n};\n"]}
@@ -0,0 +1,71 @@
1
+ 'use strict';
2
+
3
+ var classVarianceAuthority = require('class-variance-authority');
4
+
5
+ // src/ui/toggle/variants.ts
6
+ var toggleTrackVariants = classVarianceAuthority.cva(
7
+ "relative inline-flex shrink-0 cursor-pointer rounded-full border border-white/10 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950 data-[state=checked]:border-cyan-500/40 disabled:cursor-not-allowed disabled:opacity-50",
8
+ {
9
+ variants: {
10
+ size: {
11
+ sm: "h-5 w-9",
12
+ md: "h-6 w-11",
13
+ lg: "h-7 w-[3.25rem]"
14
+ },
15
+ appearance: {
16
+ default: "data-[state=checked]:bg-cyan-600/80",
17
+ success: "data-[state=checked]:border-emerald-500/40 data-[state=checked]:bg-emerald-600/80",
18
+ destructive: "data-[state=checked]:border-rose-500/40 data-[state=checked]:bg-rose-600/80",
19
+ neutral: "data-[state=checked]:border-slate-400/40 data-[state=checked]:bg-slate-600/90",
20
+ indigo: "data-[state=checked]:border-indigo-500/40 data-[state=checked]:bg-indigo-600/80",
21
+ purple: "data-[state=checked]:border-purple-500/40 data-[state=checked]:bg-purple-600/80",
22
+ pink: "data-[state=checked]:border-pink-500/40 data-[state=checked]:bg-pink-600/80",
23
+ orange: "data-[state=checked]:border-orange-500/40 data-[state=checked]:bg-orange-600/80",
24
+ yellow: "data-[state=checked]:border-yellow-500/40 data-[state=checked]:bg-yellow-600/80",
25
+ green: "data-[state=checked]:border-green-500/40 data-[state=checked]:bg-green-600/80",
26
+ teal: "data-[state=checked]:border-teal-500/40 data-[state=checked]:bg-teal-600/80",
27
+ cyan: "data-[state=checked]:border-cyan-500/40 data-[state=checked]:bg-cyan-600/80",
28
+ lime: "data-[state=checked]:border-lime-500/40 data-[state=checked]:bg-lime-600/80",
29
+ emerald: "data-[state=checked]:border-emerald-500/40 data-[state=checked]:bg-emerald-600/80",
30
+ rose: "data-[state=checked]:border-rose-500/40 data-[state=checked]:bg-rose-600/80",
31
+ slate: "data-[state=checked]:border-slate-400/40 data-[state=checked]:bg-slate-600/90",
32
+ zinc: "data-[state=checked]:border-zinc-400/40 data-[state=checked]:bg-zinc-600/90",
33
+ gray: "data-[state=checked]:border-gray-400/40 data-[state=checked]:bg-gray-600/90",
34
+ stone: "data-[state=checked]:border-stone-400/40 data-[state=checked]:bg-stone-600/90",
35
+ "gradient-blue": "data-[state=checked]:bg-linear-to-r from-blue-600 to-purple-600",
36
+ "gradient-green": "data-[state=checked]:bg-linear-to-r from-green-600 to-lime-600",
37
+ "gradient-red": "data-[state=checked]:bg-linear-to-r from-red-600 to-pink-600",
38
+ "gradient-yellow": "data-[state=checked]:bg-linear-to-r from-yellow-600 to-orange-600",
39
+ "gradient-purple": "data-[state=checked]:bg-linear-to-r from-purple-600 to-pink-600",
40
+ "gradient-teal": "data-[state=checked]:bg-linear-to-r from-teal-600 to-cyan-600",
41
+ "gradient-indigo": "data-[state=checked]:bg-linear-to-r from-indigo-600 to-purple-600",
42
+ "gradient-pink": "data-[state=checked]:bg-linear-to-r from-pink-600 to-rose-600",
43
+ "gradient-orange": "data-[state=checked]:bg-linear-to-r from-orange-600 to-red-600"
44
+ }
45
+ },
46
+ defaultVariants: {
47
+ size: "md",
48
+ appearance: "default"
49
+ }
50
+ }
51
+ );
52
+ var toggleThumbVariants = classVarianceAuthority.cva(
53
+ "pointer-events-none block rounded-full bg-white shadow-[0_1px_2px_rgba(15,23,42,0.35)] ring-0",
54
+ {
55
+ variants: {
56
+ size: {
57
+ sm: "size-4",
58
+ md: "size-5",
59
+ lg: "size-6"
60
+ }
61
+ },
62
+ defaultVariants: {
63
+ size: "md"
64
+ }
65
+ }
66
+ );
67
+
68
+ exports.toggleThumbVariants = toggleThumbVariants;
69
+ exports.toggleTrackVariants = toggleTrackVariants;
70
+ //# sourceMappingURL=chunk-X22LLJL6.js.map
71
+ //# sourceMappingURL=chunk-X22LLJL6.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/ui/toggle/variants.ts"],"names":["cva"],"mappings":";;;;;AAEO,IAAM,mBAAA,GAAsBA,0BAAA;AAAA,EACjC,yUAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI,UAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,UAAA,EAAY;AAAA,QACV,OAAA,EAAS,qCAAA;AAAA,QACT,OAAA,EACE,mFAAA;AAAA,QACF,WAAA,EACE,6EAAA;AAAA,QACF,OAAA,EACE,+EAAA;AAAA,QACF,MAAA,EACE,iFAAA;AAAA,QACF,MAAA,EACE,iFAAA;AAAA,QACF,IAAA,EAAM,6EAAA;AAAA,QACN,MAAA,EACE,iFAAA;AAAA,QACF,MAAA,EACE,iFAAA;AAAA,QACF,KAAA,EACE,+EAAA;AAAA,QACF,IAAA,EAAM,6EAAA;AAAA,QACN,IAAA,EAAM,6EAAA;AAAA,QACN,IAAA,EAAM,6EAAA;AAAA,QACN,OAAA,EACE,mFAAA;AAAA,QACF,IAAA,EAAM,6EAAA;AAAA,QACN,KAAA,EACE,+EAAA;AAAA,QACF,IAAA,EAAM,6EAAA;AAAA,QACN,IAAA,EAAM,6EAAA;AAAA,QACN,KAAA,EACE,+EAAA;AAAA,QACF,eAAA,EACE,iEAAA;AAAA,QACF,gBAAA,EACE,gEAAA;AAAA,QACF,cAAA,EACE,8DAAA;AAAA,QACF,iBAAA,EACE,mEAAA;AAAA,QACF,iBAAA,EACE,iEAAA;AAAA,QACF,eAAA,EACE,+DAAA;AAAA,QACF,iBAAA,EACE,mEAAA;AAAA,QACF,eAAA,EACE,+DAAA;AAAA,QACF,iBAAA,EACE;AAAA;AACJ,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,UAAA,EAAY;AAAA;AACd;AAEJ;AAEO,IAAM,mBAAA,GAAsBA,0BAAA;AAAA,EACjC,+FAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,QAAA;AAAA,QACJ,EAAA,EAAI,QAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ","file":"chunk-X22LLJL6.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const toggleTrackVariants = cva(\n \"relative inline-flex shrink-0 cursor-pointer rounded-full border border-white/10 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950 data-[state=checked]:border-cyan-500/40 disabled:cursor-not-allowed disabled:opacity-50\",\n {\n variants: {\n size: {\n sm: \"h-5 w-9\",\n md: \"h-6 w-11\",\n lg: \"h-7 w-[3.25rem]\",\n },\n appearance: {\n default: \"data-[state=checked]:bg-cyan-600/80\",\n success:\n \"data-[state=checked]:border-emerald-500/40 data-[state=checked]:bg-emerald-600/80\",\n destructive:\n \"data-[state=checked]:border-rose-500/40 data-[state=checked]:bg-rose-600/80\",\n neutral:\n \"data-[state=checked]:border-slate-400/40 data-[state=checked]:bg-slate-600/90\",\n indigo:\n \"data-[state=checked]:border-indigo-500/40 data-[state=checked]:bg-indigo-600/80\",\n purple:\n \"data-[state=checked]:border-purple-500/40 data-[state=checked]:bg-purple-600/80\",\n pink: \"data-[state=checked]:border-pink-500/40 data-[state=checked]:bg-pink-600/80\",\n orange:\n \"data-[state=checked]:border-orange-500/40 data-[state=checked]:bg-orange-600/80\",\n yellow:\n \"data-[state=checked]:border-yellow-500/40 data-[state=checked]:bg-yellow-600/80\",\n green:\n \"data-[state=checked]:border-green-500/40 data-[state=checked]:bg-green-600/80\",\n teal: \"data-[state=checked]:border-teal-500/40 data-[state=checked]:bg-teal-600/80\",\n cyan: \"data-[state=checked]:border-cyan-500/40 data-[state=checked]:bg-cyan-600/80\",\n lime: \"data-[state=checked]:border-lime-500/40 data-[state=checked]:bg-lime-600/80\",\n emerald:\n \"data-[state=checked]:border-emerald-500/40 data-[state=checked]:bg-emerald-600/80\",\n rose: \"data-[state=checked]:border-rose-500/40 data-[state=checked]:bg-rose-600/80\",\n slate:\n \"data-[state=checked]:border-slate-400/40 data-[state=checked]:bg-slate-600/90\",\n zinc: \"data-[state=checked]:border-zinc-400/40 data-[state=checked]:bg-zinc-600/90\",\n gray: \"data-[state=checked]:border-gray-400/40 data-[state=checked]:bg-gray-600/90\",\n stone:\n \"data-[state=checked]:border-stone-400/40 data-[state=checked]:bg-stone-600/90\",\n \"gradient-blue\":\n \"data-[state=checked]:bg-linear-to-r from-blue-600 to-purple-600\",\n \"gradient-green\":\n \"data-[state=checked]:bg-linear-to-r from-green-600 to-lime-600\",\n \"gradient-red\":\n \"data-[state=checked]:bg-linear-to-r from-red-600 to-pink-600\",\n \"gradient-yellow\":\n \"data-[state=checked]:bg-linear-to-r from-yellow-600 to-orange-600\",\n \"gradient-purple\":\n \"data-[state=checked]:bg-linear-to-r from-purple-600 to-pink-600\",\n \"gradient-teal\":\n \"data-[state=checked]:bg-linear-to-r from-teal-600 to-cyan-600\",\n \"gradient-indigo\":\n \"data-[state=checked]:bg-linear-to-r from-indigo-600 to-purple-600\",\n \"gradient-pink\":\n \"data-[state=checked]:bg-linear-to-r from-pink-600 to-rose-600\",\n \"gradient-orange\":\n \"data-[state=checked]:bg-linear-to-r from-orange-600 to-red-600\",\n },\n },\n defaultVariants: {\n size: \"md\",\n appearance: \"default\",\n },\n },\n);\n\nexport const toggleThumbVariants = cva(\n \"pointer-events-none block rounded-full bg-white shadow-[0_1px_2px_rgba(15,23,42,0.35)] ring-0\",\n {\n variants: {\n size: {\n sm: \"size-4\",\n md: \"size-5\",\n lg: \"size-6\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n },\n);\n"]}