@zentauri-ui/zentauri-components 1.2.0 → 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-U4YQCAXW.js +204 -0
  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-XIXF7UVM.mjs +194 -0
  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-CtFK7mFE.d.mts +34 -0
  89. package/dist/types-CtFK7mFE.d.ts +34 -0
  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 +18 -0
  111. package/dist/ui/alert/animated.d.ts +18 -0
  112. package/dist/ui/alert/animated.js +47 -0
  113. package/dist/ui/alert/animated.js.map +1 -0
  114. package/dist/ui/alert/animated.mjs +44 -0
  115. package/dist/ui/alert/animated.mjs.map +1 -0
  116. package/dist/ui/alert.d.mts +10 -40
  117. package/dist/ui/alert.d.ts +10 -40
  118. package/dist/ui/alert.js +36 -218
  119. package/dist/ui/alert.js.map +1 -1
  120. package/dist/ui/alert.mjs +7 -211
  121. package/dist/ui/alert.mjs.map +1 -1
  122. package/dist/ui/avatar/animated.d.mts +22 -0
  123. package/dist/ui/avatar/animated.d.ts +22 -0
  124. package/dist/ui/avatar/animated.js +51 -0
  125. package/dist/ui/avatar/animated.js.map +1 -0
  126. package/dist/ui/avatar/animated.mjs +37 -0
  127. package/dist/ui/avatar/animated.mjs.map +1 -0
  128. package/dist/ui/avatar.d.mts +7 -53
  129. package/dist/ui/avatar.d.ts +7 -53
  130. package/dist/ui/avatar.js +32 -210
  131. package/dist/ui/avatar.js.map +1 -1
  132. package/dist/ui/avatar.mjs +7 -204
  133. package/dist/ui/avatar.mjs.map +1 -1
  134. package/dist/ui/badge/animated.d.mts +22 -0
  135. package/dist/ui/badge/animated.d.ts +22 -0
  136. package/dist/ui/badge/animated.js +50 -0
  137. package/dist/ui/badge/animated.js.map +1 -0
  138. package/dist/ui/badge/animated.mjs +47 -0
  139. package/dist/ui/badge/animated.mjs.map +1 -0
  140. package/dist/ui/badge.d.mts +6 -30
  141. package/dist/ui/badge.d.ts +6 -30
  142. package/dist/ui/badge.js +11 -142
  143. package/dist/ui/badge.js.map +1 -1
  144. package/dist/ui/badge.mjs +6 -141
  145. package/dist/ui/badge.mjs.map +1 -1
  146. package/dist/ui/buttons/animated.d.mts +27 -0
  147. package/dist/ui/buttons/animated.d.ts +27 -0
  148. package/dist/ui/buttons/animated.js +101 -0
  149. package/dist/ui/buttons/animated.js.map +1 -0
  150. package/dist/ui/buttons/animated.mjs +98 -0
  151. package/dist/ui/buttons/animated.mjs.map +1 -0
  152. package/dist/ui/buttons.d.mts +5 -13
  153. package/dist/ui/buttons.d.ts +5 -13
  154. package/dist/ui/buttons.js +7 -45
  155. package/dist/ui/buttons.js.map +1 -1
  156. package/dist/ui/buttons.mjs +8 -45
  157. package/dist/ui/buttons.mjs.map +1 -1
  158. package/dist/ui/card/animated.d.mts +23 -0
  159. package/dist/ui/card/animated.d.ts +23 -0
  160. package/dist/ui/card/animated.js +72 -0
  161. package/dist/ui/card/animated.js.map +1 -0
  162. package/dist/ui/card/animated.mjs +50 -0
  163. package/dist/ui/card/animated.mjs.map +1 -0
  164. package/dist/ui/card.d.mts +6 -70
  165. package/dist/ui/card.d.ts +6 -70
  166. package/dist/ui/card.js +43 -245
  167. package/dist/ui/card.js.map +1 -1
  168. package/dist/ui/card.mjs +5 -235
  169. package/dist/ui/card.mjs.map +1 -1
  170. package/dist/ui/divider/animated.d.mts +19 -0
  171. package/dist/ui/divider/animated.d.ts +19 -0
  172. package/dist/ui/divider/animated.js +41 -0
  173. package/dist/ui/divider/animated.js.map +1 -0
  174. package/dist/ui/divider/animated.mjs +39 -0
  175. package/dist/ui/divider/animated.mjs.map +1 -0
  176. package/dist/ui/divider.d.mts +6 -32
  177. package/dist/ui/divider.d.ts +6 -32
  178. package/dist/ui/divider.js +19 -186
  179. package/dist/ui/divider.js.map +1 -1
  180. package/dist/ui/divider.mjs +6 -183
  181. package/dist/ui/divider.mjs.map +1 -1
  182. package/dist/ui/drawer/animated.d.mts +23 -0
  183. package/dist/ui/drawer/animated.d.ts +23 -0
  184. package/dist/ui/drawer/animated.js +143 -0
  185. package/dist/ui/drawer/animated.js.map +1 -0
  186. package/dist/ui/drawer/animated.mjs +113 -0
  187. package/dist/ui/drawer/animated.mjs.map +1 -0
  188. package/dist/ui/drawer.d.mts +10 -11
  189. package/dist/ui/drawer.d.ts +10 -11
  190. package/dist/ui/drawer.js +44 -357
  191. package/dist/ui/drawer.js.map +1 -1
  192. package/dist/ui/drawer.mjs +3 -349
  193. package/dist/ui/drawer.mjs.map +1 -1
  194. package/dist/ui/empty-state/animated.d.mts +24 -0
  195. package/dist/ui/empty-state/animated.d.ts +24 -0
  196. package/dist/ui/empty-state/animated.js +45 -0
  197. package/dist/ui/empty-state/animated.js.map +1 -0
  198. package/dist/ui/empty-state/animated.mjs +42 -0
  199. package/dist/ui/empty-state/animated.mjs.map +1 -0
  200. package/dist/ui/empty-state.d.mts +11 -32
  201. package/dist/ui/empty-state.d.ts +11 -32
  202. package/dist/ui/empty-state.js +35 -160
  203. package/dist/ui/empty-state.js.map +1 -1
  204. package/dist/ui/empty-state.mjs +5 -153
  205. package/dist/ui/empty-state.mjs.map +1 -1
  206. package/dist/ui/inputs/animated.d.mts +27 -0
  207. package/dist/ui/inputs/animated.d.ts +27 -0
  208. package/dist/ui/inputs/animated.js +141 -0
  209. package/dist/ui/inputs/animated.js.map +1 -0
  210. package/dist/ui/inputs/animated.mjs +138 -0
  211. package/dist/ui/inputs/animated.mjs.map +1 -0
  212. package/dist/ui/inputs.d.mts +7 -21
  213. package/dist/ui/inputs.d.ts +7 -21
  214. package/dist/ui/inputs.js +16 -331
  215. package/dist/ui/inputs.js.map +1 -1
  216. package/dist/ui/inputs.mjs +13 -329
  217. package/dist/ui/inputs.mjs.map +1 -1
  218. package/dist/ui/modal/animated.d.mts +21 -0
  219. package/dist/ui/modal/animated.d.ts +21 -0
  220. package/dist/ui/modal/animated.js +120 -0
  221. package/dist/ui/modal/animated.js.map +1 -0
  222. package/dist/ui/modal/animated.mjs +117 -0
  223. package/dist/ui/modal/animated.mjs.map +1 -0
  224. package/dist/ui/modal.d.mts +10 -48
  225. package/dist/ui/modal.d.ts +10 -48
  226. package/dist/ui/modal.js +47 -361
  227. package/dist/ui/modal.js.map +1 -1
  228. package/dist/ui/modal.mjs +9 -351
  229. package/dist/ui/modal.mjs.map +1 -1
  230. package/dist/ui/progress/animated.d.mts +41 -0
  231. package/dist/ui/progress/animated.d.ts +41 -0
  232. package/dist/ui/progress/animated.js +123 -0
  233. package/dist/ui/progress/animated.js.map +1 -0
  234. package/dist/ui/progress/animated.mjs +112 -0
  235. package/dist/ui/progress/animated.mjs.map +1 -0
  236. package/dist/ui/progress.d.mts +10 -58
  237. package/dist/ui/progress.d.ts +10 -58
  238. package/dist/ui/progress.js +35 -227
  239. package/dist/ui/progress.js.map +1 -1
  240. package/dist/ui/progress.mjs +10 -222
  241. package/dist/ui/progress.mjs.map +1 -1
  242. package/dist/ui/skeleton/animated.d.mts +56 -0
  243. package/dist/ui/skeleton/animated.d.ts +56 -0
  244. package/dist/ui/skeleton/animated.js +126 -0
  245. package/dist/ui/skeleton/animated.js.map +1 -0
  246. package/dist/ui/skeleton/animated.mjs +119 -0
  247. package/dist/ui/skeleton/animated.mjs.map +1 -0
  248. package/dist/ui/skeleton.d.mts +16 -77
  249. package/dist/ui/skeleton.d.ts +16 -77
  250. package/dist/ui/skeleton.js +35 -526
  251. package/dist/ui/skeleton.js.map +1 -1
  252. package/dist/ui/skeleton.mjs +2 -520
  253. package/dist/ui/skeleton.mjs.map +1 -1
  254. package/dist/ui/{spinner.d.mts → spinner/animated.d.mts} +1 -6
  255. package/dist/ui/{spinner.d.ts → spinner/animated.d.ts} +1 -6
  256. package/dist/ui/{spinner.js → spinner/animated.js} +3 -9
  257. package/dist/ui/spinner/animated.js.map +1 -0
  258. package/dist/ui/{spinner.mjs → spinner/animated.mjs} +4 -9
  259. package/dist/ui/spinner/animated.mjs.map +1 -0
  260. package/dist/ui/table/animated.d.mts +21 -0
  261. package/dist/ui/table/animated.d.ts +21 -0
  262. package/dist/ui/table/animated.js +50 -0
  263. package/dist/ui/table/animated.js.map +1 -0
  264. package/dist/ui/table/animated.mjs +24 -0
  265. package/dist/ui/table/animated.mjs.map +1 -0
  266. package/dist/ui/table.d.mts +17 -11
  267. package/dist/ui/table.d.ts +17 -11
  268. package/dist/ui/table.js +55 -278
  269. package/dist/ui/table.js.map +1 -1
  270. package/dist/ui/table.mjs +2 -269
  271. package/dist/ui/table.mjs.map +1 -1
  272. package/dist/ui/tabs/animated.d.mts +25 -0
  273. package/dist/ui/tabs/animated.d.ts +25 -0
  274. package/dist/ui/tabs/animated.js +83 -0
  275. package/dist/ui/tabs/animated.js.map +1 -0
  276. package/dist/ui/tabs/animated.mjs +79 -0
  277. package/dist/ui/tabs/animated.mjs.map +1 -0
  278. package/dist/ui/tabs.d.mts +7 -41
  279. package/dist/ui/tabs.d.ts +7 -41
  280. package/dist/ui/tabs.js +35 -261
  281. package/dist/ui/tabs.js.map +1 -1
  282. package/dist/ui/tabs.mjs +2 -256
  283. package/dist/ui/tabs.mjs.map +1 -1
  284. package/dist/ui/toast/animated.d.mts +23 -0
  285. package/dist/ui/toast/animated.d.ts +23 -0
  286. package/dist/ui/toast/animated.js +103 -0
  287. package/dist/ui/toast/animated.js.map +1 -0
  288. package/dist/ui/toast/animated.mjs +99 -0
  289. package/dist/ui/toast/animated.mjs.map +1 -0
  290. package/dist/ui/toast.d.mts +7 -52
  291. package/dist/ui/toast.d.ts +7 -52
  292. package/dist/ui/toast.js +47 -268
  293. package/dist/ui/toast.js.map +1 -1
  294. package/dist/ui/toast.mjs +2 -259
  295. package/dist/ui/toast.mjs.map +1 -1
  296. package/dist/ui/toggle/animated.d.mts +22 -0
  297. package/dist/ui/toggle/animated.d.ts +22 -0
  298. package/dist/ui/toggle/animated.js +88 -0
  299. package/dist/ui/toggle/animated.js.map +1 -0
  300. package/dist/ui/toggle/animated.mjs +85 -0
  301. package/dist/ui/toggle/animated.mjs.map +1 -0
  302. package/dist/ui/toggle.d.mts +6 -30
  303. package/dist/ui/toggle.d.ts +6 -30
  304. package/dist/ui/toggle.js +19 -83
  305. package/dist/ui/toggle.js.map +1 -1
  306. package/dist/ui/toggle.mjs +12 -80
  307. package/dist/ui/toggle.mjs.map +1 -1
  308. package/dist/ui/tooltip/animated.d.mts +17 -0
  309. package/dist/ui/tooltip/animated.d.ts +17 -0
  310. package/dist/ui/tooltip/animated.js +59 -0
  311. package/dist/ui/tooltip/animated.js.map +1 -0
  312. package/dist/ui/tooltip/animated.mjs +56 -0
  313. package/dist/ui/tooltip/animated.mjs.map +1 -0
  314. package/dist/ui/tooltip.d.mts +6 -33
  315. package/dist/ui/tooltip.d.ts +6 -33
  316. package/dist/ui/tooltip.js +26 -193
  317. package/dist/ui/tooltip.js.map +1 -1
  318. package/dist/ui/tooltip.mjs +2 -192
  319. package/dist/ui/tooltip.mjs.map +1 -1
  320. package/dist/variants-CYODHI8b.d.mts +10 -0
  321. package/dist/variants-CYODHI8b.d.ts +10 -0
  322. package/package.json +7 -4
  323. package/dist/ui/spinner.js.map +0 -1
  324. package/dist/ui/spinner.mjs.map +0 -1
package/dist/ui/card.d.ts CHANGED
@@ -1,77 +1,13 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { VariantProps } from 'class-variance-authority';
3
- import { HTMLMotionProps } from 'framer-motion';
4
- import { ReactNode, Ref, HTMLAttributes } from 'react';
5
- import * as class_variance_authority_types from 'class-variance-authority/types';
6
-
7
- declare const cardVariants: (props?: ({
8
- appearance?: "default" | "glass" | "outline" | "ghost" | "elevated" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "amber" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
9
- size?: "sm" | "md" | "lg" | null | undefined;
10
- rounded?: "sm" | "md" | "lg" | "full" | null | undefined;
11
- } & class_variance_authority_types.ClassProp) | undefined) => string;
12
- declare const cardHeaderVariants: (props?: ({
13
- size?: "sm" | "md" | "lg" | null | undefined;
14
- } & class_variance_authority_types.ClassProp) | undefined) => string;
15
- declare const cardFooterVariants: (props?: ({
16
- size?: "sm" | "md" | "lg" | null | undefined;
17
- } & class_variance_authority_types.ClassProp) | undefined) => string;
18
- declare const cardTitleVariants: (props?: ({
19
- size?: "sm" | "md" | "lg" | null | undefined;
20
- } & class_variance_authority_types.ClassProp) | undefined) => string;
21
- declare const cardDescriptionVariants: (props?: ({
22
- size?: "sm" | "md" | "lg" | null | undefined;
23
- } & class_variance_authority_types.ClassProp) | undefined) => string;
24
-
25
- type CardAnimation = "none" | "lift" | "glow" | "tilt";
26
- type CardVariantProps = VariantProps<typeof cardVariants>;
27
- type CardProps = CardVariantProps & Omit<HTMLMotionProps<"article">, "children"> & {
28
- animation?: CardAnimation;
29
- children?: ReactNode;
30
- };
31
- type CardSectionProps = {
32
- className?: string;
33
- children?: ReactNode;
34
- };
35
- type CardTitleProps = {
36
- as?: "h2" | "h3" | "h4" | "h5" | "h6";
37
- className?: string;
38
- children?: ReactNode;
39
- ref?: Ref<HTMLHeadingElement>;
40
- } & Omit<HTMLAttributes<HTMLHeadingElement>, "className" | "children">;
41
- type CardDescriptionProps = {
42
- as?: "p" | "span" | "div";
43
- className?: string;
44
- children?: ReactNode;
45
- ref?: Ref<HTMLElement>;
46
- } & Omit<HTMLAttributes<HTMLElement>, "className" | "children">;
2
+ import { C as CardProps } from '../card-base-CIGac8D_.js';
3
+ export { a as CardBaseProps, b as CardBody, c as CardDescription, d as CardDescriptionProps, e as CardFooter, f as CardHeader, g as CardSectionProps, h as CardTitle, i as CardTitleProps, j as CardVariantProps, k as cardDescriptionVariants, l as cardFooterVariants, m as cardHeaderVariants, n as cardTitleVariants, o as cardVariants } from '../card-base-CIGac8D_.js';
4
+ import 'class-variance-authority';
5
+ import 'react';
6
+ import 'class-variance-authority/types';
47
7
 
48
8
  declare function Card(props: CardProps): react_jsx_runtime.JSX.Element;
49
9
  declare namespace Card {
50
10
  var displayName: string;
51
11
  }
52
- declare function CardHeader({ className, children }: CardSectionProps): react_jsx_runtime.JSX.Element;
53
- declare namespace CardHeader {
54
- var displayName: string;
55
- }
56
- declare function CardBody({ className, children }: CardSectionProps): react_jsx_runtime.JSX.Element;
57
- declare namespace CardBody {
58
- var displayName: string;
59
- }
60
- declare function CardFooter({ className, children }: CardSectionProps): react_jsx_runtime.JSX.Element;
61
- declare namespace CardFooter {
62
- var displayName: string;
63
- }
64
- declare function CardTitle({ className, children, as, ref, ...rest }: CardTitleProps): react_jsx_runtime.JSX.Element;
65
- declare namespace CardTitle {
66
- var displayName: string;
67
- }
68
- declare function CardDescription({ className, children, as, ref, ...rest }: CardDescriptionProps): react_jsx_runtime.JSX.Element;
69
- declare namespace CardDescription {
70
- var displayName: string;
71
- }
72
-
73
- type CardPresetMotionProps = Pick<HTMLMotionProps<"article">, "style" | "transition" | "whileHover" | "whileTap">;
74
- type CardAnimationPresets = Record<CardAnimation, CardPresetMotionProps>;
75
- declare const cardAnimationPresets: CardAnimationPresets;
76
12
 
77
- export { Card, type CardAnimation, CardBody, CardDescription, type CardDescriptionProps, CardFooter, CardHeader, type CardProps, type CardSectionProps, CardTitle, type CardTitleProps, cardAnimationPresets, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardVariants };
13
+ export { Card, CardProps };
package/dist/ui/card.js CHANGED
@@ -1,257 +1,55 @@
1
1
  "use client";
2
2
  'use strict';
3
3
 
4
- var chunkUOZYPWDZ_js = require('../chunk-UOZYPWDZ.js');
5
- var react = require('react');
6
- var framerMotion = require('framer-motion');
7
- var classVarianceAuthority = require('class-variance-authority');
4
+ var chunkUOFTZKMM_js = require('../chunk-UOFTZKMM.js');
5
+ require('../chunk-UOZYPWDZ.js');
8
6
  var jsxRuntime = require('react/jsx-runtime');
9
7
 
10
- // src/ui/card/animations.ts
11
- var cardAnimationPresets = {
12
- none: {},
13
- lift: {
14
- whileHover: { y: -4, scale: 1.01 },
15
- whileTap: { y: 0, scale: 0.995 },
16
- transition: { type: "spring", stiffness: 380, damping: 26 }
17
- },
18
- glow: {
19
- whileHover: {
20
- boxShadow: "0 0 0 1px rgba(255,255,255,0.18), 0 22px 48px rgba(15,23,42,0.45)"
21
- },
22
- transition: { duration: 0.22, ease: "easeOut" }
23
- },
24
- tilt: {
25
- whileHover: { rotateX: 4, rotateY: -4, scale: 1.01 },
26
- whileTap: { rotateX: 0, rotateY: 0, scale: 0.99 },
27
- transition: { type: "spring", stiffness: 280, damping: 22 },
28
- style: { transformStyle: "preserve-3d" }
29
- }
30
- };
31
- var cardVariants = classVarianceAuthority.cva(
32
- [
33
- "relative flex w-full flex-col overflow-hidden text-slate-50",
34
- "ring-offset-slate-950 transition-colors",
35
- "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2"
36
- ],
37
- {
38
- variants: {
39
- appearance: {
40
- default: "border border-white/10 bg-white/5 shadow-[0_1px_2px_rgba(15,23,42,0.12)]",
41
- glass: "border border-white/15 bg-white/10 backdrop-blur-md shadow-[0_18px_48px_rgba(15,23,42,0.35)]",
42
- outline: "border border-white/15 bg-transparent",
43
- ghost: "border border-transparent bg-transparent",
44
- elevated: "border border-white/10 bg-slate-900/80 shadow-[0_24px_64px_rgba(15,23,42,0.45)]",
45
- sky: "border border-sky-600 bg-sky-950/70 backdrop-blur-xl",
46
- rose: "border border-rose-600 bg-rose-950/70 backdrop-blur-xl",
47
- purple: "border border-purple-600 bg-purple-950/70 backdrop-blur-xl",
48
- pink: "border border-pink-600 bg-pink-950/70 backdrop-blur-xl",
49
- orange: "border border-orange-600 bg-orange-950/70 backdrop-blur-xl",
50
- yellow: "border border-yellow-600 bg-yellow-950/70 backdrop-blur-xl",
51
- teal: "border border-teal-600 bg-teal-950/70 backdrop-blur-xl",
52
- indigo: "border border-indigo-600 bg-indigo-950/70 backdrop-blur-xl",
53
- emerald: "border border-emerald-600 bg-emerald-950/70 backdrop-blur-xl",
54
- gray: "border border-gray-600 bg-gray-950/70 backdrop-blur-xl",
55
- amber: "border border-amber-600 bg-amber-950/70 backdrop-blur-xl",
56
- violet: "border border-violet-600 bg-violet-950/70 backdrop-blur-xl",
57
- "gradient-blue": "border border-gradient-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl",
58
- "gradient-green": "border border-gradient-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl",
59
- "gradient-red": "border border-gradient-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl",
60
- "gradient-yellow": "border border-gradient-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl",
61
- "gradient-purple": "border border-gradient-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl",
62
- "gradient-teal": "border border-gradient-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl",
63
- "gradient-indigo": "border border-gradient-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl",
64
- "gradient-pink": "border border-gradient-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl",
65
- "gradient-orange": "border border-gradient-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl"
66
- },
67
- size: {
68
- sm: "gap-2 p-3 text-sm",
69
- md: "gap-3 p-4 text-sm",
70
- lg: "gap-4 p-6 text-base"
71
- },
72
- rounded: {
73
- sm: "rounded-lg",
74
- md: "rounded-xl",
75
- lg: "rounded-2xl",
76
- full: "rounded-3xl"
77
- }
78
- },
79
- defaultVariants: {
80
- appearance: "default",
81
- size: "md",
82
- rounded: "md"
83
- }
84
- }
85
- );
86
- var cardHeaderVariants = classVarianceAuthority.cva(
87
- "flex flex-col gap-1 border-b border-white/10 pb-3",
88
- {
89
- variants: {
90
- size: {
91
- sm: "pb-2",
92
- md: "pb-3",
93
- lg: "pb-4"
94
- }
95
- },
96
- defaultVariants: { size: "md" }
97
- }
98
- );
99
- var cardFooterVariants = classVarianceAuthority.cva(
100
- "flex flex-col gap-2 border-t border-white/10 pt-3",
101
- {
102
- variants: {
103
- size: {
104
- sm: "pt-2",
105
- md: "pt-3",
106
- lg: "pt-4"
107
- }
108
- },
109
- defaultVariants: { size: "md" }
110
- }
111
- );
112
- var cardTitleVariants = classVarianceAuthority.cva(
113
- "font-semibold tracking-tight text-slate-50",
114
- {
115
- variants: {
116
- size: {
117
- sm: "text-sm",
118
- md: "text-base",
119
- lg: "text-lg"
120
- }
121
- },
122
- defaultVariants: { size: "md" }
123
- }
124
- );
125
- var cardDescriptionVariants = classVarianceAuthority.cva("text-slate-400", {
126
- variants: {
127
- size: {
128
- sm: "text-xs",
129
- md: "text-sm",
130
- lg: "text-base"
131
- }
132
- },
133
- defaultVariants: { size: "md" }
134
- });
135
- var CardSizeContext = react.createContext("md");
136
- function useCardSize() {
137
- return react.useContext(CardSizeContext);
138
- }
139
8
  function Card(props) {
140
- const {
141
- className,
142
- appearance,
143
- size = "md",
144
- rounded,
145
- animation = "none",
146
- children,
147
- ref,
148
- ...rest
149
- } = props;
150
- const motionProps = cardAnimationPresets[animation];
151
- const ctx = react.useMemo(() => size ?? "md", [size]);
152
- return /* @__PURE__ */ jsxRuntime.jsx(CardSizeContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
153
- framerMotion.motion.article,
154
- {
155
- ref,
156
- "data-slot": "card",
157
- className: chunkUOZYPWDZ_js.cn(cardVariants({ appearance, size, rounded }), className),
158
- initial: false,
159
- ...motionProps,
160
- ...rest,
161
- children
162
- }
163
- ) });
9
+ return /* @__PURE__ */ jsxRuntime.jsx(chunkUOFTZKMM_js.CardBase, { ...props });
164
10
  }
165
11
  Card.displayName = "Card";
166
- function CardHeader({ className, children }) {
167
- const size = useCardSize();
168
- return /* @__PURE__ */ jsxRuntime.jsx(
169
- "header",
170
- {
171
- "data-slot": "card-header",
172
- className: chunkUOZYPWDZ_js.cn(cardHeaderVariants({ size }), className),
173
- children
174
- }
175
- );
176
- }
177
- CardHeader.displayName = "CardHeader";
178
- function CardBody({ className, children }) {
179
- return /* @__PURE__ */ jsxRuntime.jsx(
180
- "div",
181
- {
182
- "data-slot": "card-body",
183
- className: chunkUOZYPWDZ_js.cn("flex flex-1 flex-col gap-2", className),
184
- children
185
- }
186
- );
187
- }
188
- CardBody.displayName = "CardBody";
189
- function CardFooter({ className, children }) {
190
- const size = useCardSize();
191
- return /* @__PURE__ */ jsxRuntime.jsx(
192
- "footer",
193
- {
194
- "data-slot": "card-footer",
195
- className: chunkUOZYPWDZ_js.cn(cardFooterVariants({ size }), className),
196
- children
197
- }
198
- );
199
- }
200
- CardFooter.displayName = "CardFooter";
201
- function CardTitle({
202
- className,
203
- children,
204
- as = "h3",
205
- ref,
206
- ...rest
207
- }) {
208
- const size = useCardSize();
209
- const Tag = as;
210
- return /* @__PURE__ */ jsxRuntime.jsx(
211
- Tag,
212
- {
213
- ref,
214
- "data-slot": "card-title",
215
- className: chunkUOZYPWDZ_js.cn(cardTitleVariants({ size }), className),
216
- ...rest,
217
- children
218
- }
219
- );
220
- }
221
- CardTitle.displayName = "CardTitle";
222
- function CardDescription({
223
- className,
224
- children,
225
- as = "p",
226
- ref,
227
- ...rest
228
- }) {
229
- const size = useCardSize();
230
- const Tag = as;
231
- return /* @__PURE__ */ jsxRuntime.jsx(
232
- Tag,
233
- {
234
- ref,
235
- "data-slot": "card-description",
236
- className: chunkUOZYPWDZ_js.cn(cardDescriptionVariants({ size }), className),
237
- ...rest,
238
- children
239
- }
240
- );
241
- }
242
- CardDescription.displayName = "CardDescription";
243
12
 
13
+ Object.defineProperty(exports, "CardBody", {
14
+ enumerable: true,
15
+ get: function () { return chunkUOFTZKMM_js.CardBody; }
16
+ });
17
+ Object.defineProperty(exports, "CardDescription", {
18
+ enumerable: true,
19
+ get: function () { return chunkUOFTZKMM_js.CardDescription; }
20
+ });
21
+ Object.defineProperty(exports, "CardFooter", {
22
+ enumerable: true,
23
+ get: function () { return chunkUOFTZKMM_js.CardFooter; }
24
+ });
25
+ Object.defineProperty(exports, "CardHeader", {
26
+ enumerable: true,
27
+ get: function () { return chunkUOFTZKMM_js.CardHeader; }
28
+ });
29
+ Object.defineProperty(exports, "CardTitle", {
30
+ enumerable: true,
31
+ get: function () { return chunkUOFTZKMM_js.CardTitle; }
32
+ });
33
+ Object.defineProperty(exports, "cardDescriptionVariants", {
34
+ enumerable: true,
35
+ get: function () { return chunkUOFTZKMM_js.cardDescriptionVariants; }
36
+ });
37
+ Object.defineProperty(exports, "cardFooterVariants", {
38
+ enumerable: true,
39
+ get: function () { return chunkUOFTZKMM_js.cardFooterVariants; }
40
+ });
41
+ Object.defineProperty(exports, "cardHeaderVariants", {
42
+ enumerable: true,
43
+ get: function () { return chunkUOFTZKMM_js.cardHeaderVariants; }
44
+ });
45
+ Object.defineProperty(exports, "cardTitleVariants", {
46
+ enumerable: true,
47
+ get: function () { return chunkUOFTZKMM_js.cardTitleVariants; }
48
+ });
49
+ Object.defineProperty(exports, "cardVariants", {
50
+ enumerable: true,
51
+ get: function () { return chunkUOFTZKMM_js.cardVariants; }
52
+ });
244
53
  exports.Card = Card;
245
- exports.CardBody = CardBody;
246
- exports.CardDescription = CardDescription;
247
- exports.CardFooter = CardFooter;
248
- exports.CardHeader = CardHeader;
249
- exports.CardTitle = CardTitle;
250
- exports.cardAnimationPresets = cardAnimationPresets;
251
- exports.cardDescriptionVariants = cardDescriptionVariants;
252
- exports.cardFooterVariants = cardFooterVariants;
253
- exports.cardHeaderVariants = cardHeaderVariants;
254
- exports.cardTitleVariants = cardTitleVariants;
255
- exports.cardVariants = cardVariants;
256
54
  //# sourceMappingURL=card.js.map
257
55
  //# sourceMappingURL=card.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/ui/card/animations.ts","../../src/ui/card/variants.ts","../../src/ui/card/card.tsx"],"names":["cva","createContext","useContext","useMemo","jsx","motion","cn"],"mappings":"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","file":"card.js","sourcesContent":["import type { HTMLMotionProps } from \"framer-motion\";\n\nimport type { CardAnimation } from \"./types\";\n\ntype CardPresetMotionProps = Pick<\n HTMLMotionProps<\"article\">,\n \"style\" | \"transition\" | \"whileHover\" | \"whileTap\"\n>;\n\nexport type CardAnimationPresets = Record<CardAnimation, CardPresetMotionProps>;\n\nexport const cardAnimationPresets: CardAnimationPresets = {\n none: {},\n lift: {\n whileHover: { y: -4, scale: 1.01 },\n whileTap: { y: 0, scale: 0.995 },\n transition: { type: \"spring\", stiffness: 380, damping: 26 },\n },\n glow: {\n whileHover: {\n boxShadow:\n \"0 0 0 1px rgba(255,255,255,0.18), 0 22px 48px rgba(15,23,42,0.45)\",\n },\n transition: { duration: 0.22, ease: \"easeOut\" },\n },\n tilt: {\n whileHover: { rotateX: 4, rotateY: -4, scale: 1.01 },\n whileTap: { rotateX: 0, rotateY: 0, scale: 0.99 },\n transition: { type: \"spring\", stiffness: 280, damping: 22 },\n style: { transformStyle: \"preserve-3d\" },\n },\n};\n","import { cva } from \"class-variance-authority\";\n\nexport const cardVariants = cva(\n [\n \"relative flex w-full flex-col overflow-hidden text-slate-50\",\n \"ring-offset-slate-950 transition-colors\",\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2\",\n ],\n {\n variants: {\n appearance: {\n default:\n \"border border-white/10 bg-white/5 shadow-[0_1px_2px_rgba(15,23,42,0.12)]\",\n glass:\n \"border border-white/15 bg-white/10 backdrop-blur-md shadow-[0_18px_48px_rgba(15,23,42,0.35)]\",\n outline: \"border border-white/15 bg-transparent\",\n ghost: \"border border-transparent bg-transparent\",\n elevated:\n \"border border-white/10 bg-slate-900/80 shadow-[0_24px_64px_rgba(15,23,42,0.45)]\",\n sky: \"border border-sky-600 bg-sky-950/70 backdrop-blur-xl\",\n rose: \"border border-rose-600 bg-rose-950/70 backdrop-blur-xl\",\n purple: \"border border-purple-600 bg-purple-950/70 backdrop-blur-xl\",\n pink: \"border border-pink-600 bg-pink-950/70 backdrop-blur-xl\",\n orange: \"border border-orange-600 bg-orange-950/70 backdrop-blur-xl\",\n yellow: \"border border-yellow-600 bg-yellow-950/70 backdrop-blur-xl\",\n teal: \"border border-teal-600 bg-teal-950/70 backdrop-blur-xl\",\n indigo: \"border border-indigo-600 bg-indigo-950/70 backdrop-blur-xl\",\n emerald: \"border border-emerald-600 bg-emerald-950/70 backdrop-blur-xl\",\n gray: \"border border-gray-600 bg-gray-950/70 backdrop-blur-xl\",\n amber: \"border border-amber-600 bg-amber-950/70 backdrop-blur-xl\",\n violet: \"border border-violet-600 bg-violet-950/70 backdrop-blur-xl\",\n \"gradient-blue\":\n \"border border-gradient-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl\",\n \"gradient-green\":\n \"border border-gradient-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl\",\n \"gradient-red\":\n \"border border-gradient-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl\",\n \"gradient-yellow\":\n \"border border-gradient-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl\",\n \"gradient-purple\":\n \"border border-gradient-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl\",\n \"gradient-teal\":\n \"border border-gradient-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl\",\n \"gradient-indigo\":\n \"border border-gradient-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl\",\n \"gradient-pink\":\n \"border border-gradient-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl\",\n \"gradient-orange\":\n \"border border-gradient-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl\",\n },\n size: {\n sm: \"gap-2 p-3 text-sm\",\n md: \"gap-3 p-4 text-sm\",\n lg: \"gap-4 p-6 text-base\",\n },\n rounded: {\n sm: \"rounded-lg\",\n md: \"rounded-xl\",\n lg: \"rounded-2xl\",\n full: \"rounded-3xl\",\n },\n },\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n rounded: \"md\",\n },\n },\n);\n\nexport const cardHeaderVariants = cva(\n \"flex flex-col gap-1 border-b border-white/10 pb-3\",\n {\n variants: {\n size: {\n sm: \"pb-2\",\n md: \"pb-3\",\n lg: \"pb-4\",\n },\n },\n defaultVariants: { size: \"md\" },\n },\n);\n\nexport const cardFooterVariants = cva(\n \"flex flex-col gap-2 border-t border-white/10 pt-3\",\n {\n variants: {\n size: {\n sm: \"pt-2\",\n md: \"pt-3\",\n lg: \"pt-4\",\n },\n },\n defaultVariants: { size: \"md\" },\n },\n);\n\nexport const cardTitleVariants = cva(\n \"font-semibold tracking-tight text-slate-50\",\n {\n variants: {\n size: {\n sm: \"text-sm\",\n md: \"text-base\",\n lg: \"text-lg\",\n },\n },\n defaultVariants: { size: \"md\" },\n },\n);\n\nexport const cardDescriptionVariants = cva(\"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\";\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport { cardAnimationPresets } from \"./animations\";\nimport type {\n CardDescriptionProps,\n CardProps,\n CardSectionProps,\n CardSize,\n CardTitleProps,\n} from \"./types\";\nimport {\n cardDescriptionVariants,\n cardFooterVariants,\n cardHeaderVariants,\n cardTitleVariants,\n cardVariants,\n} from \"./variants\";\n\nconst CardSizeContext = createContext<CardSize>(\"md\");\n\nfunction useCardSize(): CardSize {\n return useContext(CardSizeContext);\n}\n\nexport function Card(props: CardProps) {\n const {\n className,\n appearance,\n size = \"md\",\n rounded,\n animation = \"none\",\n children,\n ref,\n ...rest\n } = props;\n const motionProps = cardAnimationPresets[animation];\n const ctx = useMemo(() => size ?? \"md\", [size]);\n\n return (\n <CardSizeContext.Provider value={ctx}>\n <motion.article\n ref={ref}\n data-slot=\"card\"\n className={cn(cardVariants({ appearance, size, rounded }), className)}\n initial={false}\n {...motionProps}\n {...rest}\n >\n {children}\n </motion.article>\n </CardSizeContext.Provider>\n );\n}\n\nCard.displayName = \"Card\";\n\nexport function CardHeader({ className, children }: CardSectionProps) {\n const size = useCardSize();\n return (\n <header\n data-slot=\"card-header\"\n className={cn(cardHeaderVariants({ size }), className)}\n >\n {children}\n </header>\n );\n}\n\nCardHeader.displayName = \"CardHeader\";\n\nexport function CardBody({ className, children }: CardSectionProps) {\n return (\n <div\n data-slot=\"card-body\"\n className={cn(\"flex flex-1 flex-col gap-2\", className)}\n >\n {children}\n </div>\n );\n}\n\nCardBody.displayName = \"CardBody\";\n\nexport function CardFooter({ className, children }: CardSectionProps) {\n const size = useCardSize();\n return (\n <footer\n data-slot=\"card-footer\"\n className={cn(cardFooterVariants({ size }), className)}\n >\n {children}\n </footer>\n );\n}\n\nCardFooter.displayName = \"CardFooter\";\n\nexport function CardTitle({\n className,\n children,\n as = \"h3\",\n ref,\n ...rest\n}: CardTitleProps) {\n const size = useCardSize();\n const Tag = as;\n return (\n <Tag\n ref={ref as never}\n data-slot=\"card-title\"\n className={cn(cardTitleVariants({ size }), className)}\n {...rest}\n >\n {children}\n </Tag>\n );\n}\n\nCardTitle.displayName = \"CardTitle\";\n\nexport function CardDescription({\n className,\n children,\n as = \"p\",\n ref,\n ...rest\n}: CardDescriptionProps) {\n const size = useCardSize();\n const Tag = as;\n return (\n <Tag\n ref={ref as never}\n data-slot=\"card-description\"\n className={cn(cardDescriptionVariants({ size }), className)}\n {...rest}\n >\n {children}\n </Tag>\n );\n}\n\nCardDescription.displayName = \"CardDescription\";\n"]}
1
+ {"version":3,"sources":["../../src/ui/card/card.tsx"],"names":["jsx","CardBase"],"mappings":";;;;;;AAMO,SAAS,KAAK,KAAA,EAAkB;AACrC,EAAA,uBAAOA,cAAA,CAACC,yBAAA,EAAA,EAAU,GAAG,KAAA,EAAO,CAAA;AAC9B;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA","file":"card.js","sourcesContent":["// card.tsx — default static entry (no framer-motion)\nimport {\n CardBase,\n} from \"./card-base\";\nimport type { CardProps } from \"./types\";\n\nexport function Card(props: CardProps) {\n return <CardBase {...props} />;\n}\n\nCard.displayName = \"Card\";\n"]}
package/dist/ui/card.mjs CHANGED
@@ -1,244 +1,14 @@
1
1
  "use client";
2
- import { cn } from '../chunk-DFEZH7TC.mjs';
3
- import { createContext, useMemo, useContext } from 'react';
4
- import { motion } from 'framer-motion';
5
- import { cva } from 'class-variance-authority';
2
+ import { CardBase } from '../chunk-LVUPECBT.mjs';
3
+ export { CardBody, CardDescription, CardFooter, CardHeader, CardTitle, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardVariants } from '../chunk-LVUPECBT.mjs';
4
+ import '../chunk-DFEZH7TC.mjs';
6
5
  import { jsx } from 'react/jsx-runtime';
7
6
 
8
- // src/ui/card/animations.ts
9
- var cardAnimationPresets = {
10
- none: {},
11
- lift: {
12
- whileHover: { y: -4, scale: 1.01 },
13
- whileTap: { y: 0, scale: 0.995 },
14
- transition: { type: "spring", stiffness: 380, damping: 26 }
15
- },
16
- glow: {
17
- whileHover: {
18
- boxShadow: "0 0 0 1px rgba(255,255,255,0.18), 0 22px 48px rgba(15,23,42,0.45)"
19
- },
20
- transition: { duration: 0.22, ease: "easeOut" }
21
- },
22
- tilt: {
23
- whileHover: { rotateX: 4, rotateY: -4, scale: 1.01 },
24
- whileTap: { rotateX: 0, rotateY: 0, scale: 0.99 },
25
- transition: { type: "spring", stiffness: 280, damping: 22 },
26
- style: { transformStyle: "preserve-3d" }
27
- }
28
- };
29
- var cardVariants = cva(
30
- [
31
- "relative flex w-full flex-col overflow-hidden text-slate-50",
32
- "ring-offset-slate-950 transition-colors",
33
- "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2"
34
- ],
35
- {
36
- variants: {
37
- appearance: {
38
- default: "border border-white/10 bg-white/5 shadow-[0_1px_2px_rgba(15,23,42,0.12)]",
39
- glass: "border border-white/15 bg-white/10 backdrop-blur-md shadow-[0_18px_48px_rgba(15,23,42,0.35)]",
40
- outline: "border border-white/15 bg-transparent",
41
- ghost: "border border-transparent bg-transparent",
42
- elevated: "border border-white/10 bg-slate-900/80 shadow-[0_24px_64px_rgba(15,23,42,0.45)]",
43
- sky: "border border-sky-600 bg-sky-950/70 backdrop-blur-xl",
44
- rose: "border border-rose-600 bg-rose-950/70 backdrop-blur-xl",
45
- purple: "border border-purple-600 bg-purple-950/70 backdrop-blur-xl",
46
- pink: "border border-pink-600 bg-pink-950/70 backdrop-blur-xl",
47
- orange: "border border-orange-600 bg-orange-950/70 backdrop-blur-xl",
48
- yellow: "border border-yellow-600 bg-yellow-950/70 backdrop-blur-xl",
49
- teal: "border border-teal-600 bg-teal-950/70 backdrop-blur-xl",
50
- indigo: "border border-indigo-600 bg-indigo-950/70 backdrop-blur-xl",
51
- emerald: "border border-emerald-600 bg-emerald-950/70 backdrop-blur-xl",
52
- gray: "border border-gray-600 bg-gray-950/70 backdrop-blur-xl",
53
- amber: "border border-amber-600 bg-amber-950/70 backdrop-blur-xl",
54
- violet: "border border-violet-600 bg-violet-950/70 backdrop-blur-xl",
55
- "gradient-blue": "border border-gradient-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl",
56
- "gradient-green": "border border-gradient-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl",
57
- "gradient-red": "border border-gradient-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl",
58
- "gradient-yellow": "border border-gradient-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl",
59
- "gradient-purple": "border border-gradient-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl",
60
- "gradient-teal": "border border-gradient-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl",
61
- "gradient-indigo": "border border-gradient-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl",
62
- "gradient-pink": "border border-gradient-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl",
63
- "gradient-orange": "border border-gradient-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl"
64
- },
65
- size: {
66
- sm: "gap-2 p-3 text-sm",
67
- md: "gap-3 p-4 text-sm",
68
- lg: "gap-4 p-6 text-base"
69
- },
70
- rounded: {
71
- sm: "rounded-lg",
72
- md: "rounded-xl",
73
- lg: "rounded-2xl",
74
- full: "rounded-3xl"
75
- }
76
- },
77
- defaultVariants: {
78
- appearance: "default",
79
- size: "md",
80
- rounded: "md"
81
- }
82
- }
83
- );
84
- var cardHeaderVariants = cva(
85
- "flex flex-col gap-1 border-b border-white/10 pb-3",
86
- {
87
- variants: {
88
- size: {
89
- sm: "pb-2",
90
- md: "pb-3",
91
- lg: "pb-4"
92
- }
93
- },
94
- defaultVariants: { size: "md" }
95
- }
96
- );
97
- var cardFooterVariants = cva(
98
- "flex flex-col gap-2 border-t border-white/10 pt-3",
99
- {
100
- variants: {
101
- size: {
102
- sm: "pt-2",
103
- md: "pt-3",
104
- lg: "pt-4"
105
- }
106
- },
107
- defaultVariants: { size: "md" }
108
- }
109
- );
110
- var cardTitleVariants = cva(
111
- "font-semibold tracking-tight text-slate-50",
112
- {
113
- variants: {
114
- size: {
115
- sm: "text-sm",
116
- md: "text-base",
117
- lg: "text-lg"
118
- }
119
- },
120
- defaultVariants: { size: "md" }
121
- }
122
- );
123
- var cardDescriptionVariants = cva("text-slate-400", {
124
- variants: {
125
- size: {
126
- sm: "text-xs",
127
- md: "text-sm",
128
- lg: "text-base"
129
- }
130
- },
131
- defaultVariants: { size: "md" }
132
- });
133
- var CardSizeContext = createContext("md");
134
- function useCardSize() {
135
- return useContext(CardSizeContext);
136
- }
137
7
  function Card(props) {
138
- const {
139
- className,
140
- appearance,
141
- size = "md",
142
- rounded,
143
- animation = "none",
144
- children,
145
- ref,
146
- ...rest
147
- } = props;
148
- const motionProps = cardAnimationPresets[animation];
149
- const ctx = useMemo(() => size ?? "md", [size]);
150
- return /* @__PURE__ */ jsx(CardSizeContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
151
- motion.article,
152
- {
153
- ref,
154
- "data-slot": "card",
155
- className: cn(cardVariants({ appearance, size, rounded }), className),
156
- initial: false,
157
- ...motionProps,
158
- ...rest,
159
- children
160
- }
161
- ) });
8
+ return /* @__PURE__ */ jsx(CardBase, { ...props });
162
9
  }
163
10
  Card.displayName = "Card";
164
- function CardHeader({ className, children }) {
165
- const size = useCardSize();
166
- return /* @__PURE__ */ jsx(
167
- "header",
168
- {
169
- "data-slot": "card-header",
170
- className: cn(cardHeaderVariants({ size }), className),
171
- children
172
- }
173
- );
174
- }
175
- CardHeader.displayName = "CardHeader";
176
- function CardBody({ className, children }) {
177
- return /* @__PURE__ */ jsx(
178
- "div",
179
- {
180
- "data-slot": "card-body",
181
- className: cn("flex flex-1 flex-col gap-2", className),
182
- children
183
- }
184
- );
185
- }
186
- CardBody.displayName = "CardBody";
187
- function CardFooter({ className, children }) {
188
- const size = useCardSize();
189
- return /* @__PURE__ */ jsx(
190
- "footer",
191
- {
192
- "data-slot": "card-footer",
193
- className: cn(cardFooterVariants({ size }), className),
194
- children
195
- }
196
- );
197
- }
198
- CardFooter.displayName = "CardFooter";
199
- function CardTitle({
200
- className,
201
- children,
202
- as = "h3",
203
- ref,
204
- ...rest
205
- }) {
206
- const size = useCardSize();
207
- const Tag = as;
208
- return /* @__PURE__ */ jsx(
209
- Tag,
210
- {
211
- ref,
212
- "data-slot": "card-title",
213
- className: cn(cardTitleVariants({ size }), className),
214
- ...rest,
215
- children
216
- }
217
- );
218
- }
219
- CardTitle.displayName = "CardTitle";
220
- function CardDescription({
221
- className,
222
- children,
223
- as = "p",
224
- ref,
225
- ...rest
226
- }) {
227
- const size = useCardSize();
228
- const Tag = as;
229
- return /* @__PURE__ */ jsx(
230
- Tag,
231
- {
232
- ref,
233
- "data-slot": "card-description",
234
- className: cn(cardDescriptionVariants({ size }), className),
235
- ...rest,
236
- children
237
- }
238
- );
239
- }
240
- CardDescription.displayName = "CardDescription";
241
11
 
242
- export { Card, CardBody, CardDescription, CardFooter, CardHeader, CardTitle, cardAnimationPresets, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardVariants };
12
+ export { Card };
243
13
  //# sourceMappingURL=card.mjs.map
244
14
  //# sourceMappingURL=card.mjs.map