@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
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