@tampadevs/react 0.1.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 (123) hide show
  1. package/dist/components/Avatar.d.ts +16 -0
  2. package/dist/components/Avatar.d.ts.map +1 -0
  3. package/dist/components/AvatarGroup.d.ts +14 -0
  4. package/dist/components/AvatarGroup.d.ts.map +1 -0
  5. package/dist/components/Button.d.ts +13 -0
  6. package/dist/components/Button.d.ts.map +1 -0
  7. package/dist/components/Button.test.d.ts +2 -0
  8. package/dist/components/Button.test.d.ts.map +1 -0
  9. package/dist/components/Calendar.d.ts +27 -0
  10. package/dist/components/Calendar.d.ts.map +1 -0
  11. package/dist/components/Carousel.d.ts +11 -0
  12. package/dist/components/Carousel.d.ts.map +1 -0
  13. package/dist/components/CtaSection.d.ts +13 -0
  14. package/dist/components/CtaSection.d.ts.map +1 -0
  15. package/dist/components/EventCard.d.ts +19 -0
  16. package/dist/components/EventCard.d.ts.map +1 -0
  17. package/dist/components/Footer.d.ts +25 -0
  18. package/dist/components/Footer.d.ts.map +1 -0
  19. package/dist/components/Header.d.ts +17 -0
  20. package/dist/components/Header.d.ts.map +1 -0
  21. package/dist/components/Icon.d.ts +8 -0
  22. package/dist/components/Icon.d.ts.map +1 -0
  23. package/dist/components/Image.d.ts +17 -0
  24. package/dist/components/Image.d.ts.map +1 -0
  25. package/dist/components/ImageCarousel.d.ts +18 -0
  26. package/dist/components/ImageCarousel.d.ts.map +1 -0
  27. package/dist/components/ImageText.d.ts +16 -0
  28. package/dist/components/ImageText.d.ts.map +1 -0
  29. package/dist/components/Logo.d.ts +15 -0
  30. package/dist/components/Logo.d.ts.map +1 -0
  31. package/dist/components/Logo3d.d.ts +28 -0
  32. package/dist/components/Logo3d.d.ts.map +1 -0
  33. package/dist/components/LogoMarquee.d.ts +18 -0
  34. package/dist/components/LogoMarquee.d.ts.map +1 -0
  35. package/dist/components/NewsletterSignup.d.ts +11 -0
  36. package/dist/components/NewsletterSignup.d.ts.map +1 -0
  37. package/dist/components/OpenCollective.d.ts +16 -0
  38. package/dist/components/OpenCollective.d.ts.map +1 -0
  39. package/dist/components/PersonCard.d.ts +20 -0
  40. package/dist/components/PersonCard.d.ts.map +1 -0
  41. package/dist/components/PersonTable.d.ts +28 -0
  42. package/dist/components/PersonTable.d.ts.map +1 -0
  43. package/dist/components/PromoSection.d.ts +20 -0
  44. package/dist/components/PromoSection.d.ts.map +1 -0
  45. package/dist/components/SponsorCard.d.ts +10 -0
  46. package/dist/components/SponsorCard.d.ts.map +1 -0
  47. package/dist/components/SponsorGrid.d.ts +21 -0
  48. package/dist/components/SponsorGrid.d.ts.map +1 -0
  49. package/dist/components/Table.d.ts +30 -0
  50. package/dist/components/Table.d.ts.map +1 -0
  51. package/dist/components/VideoEmbed.d.ts +14 -0
  52. package/dist/components/VideoEmbed.d.ts.map +1 -0
  53. package/dist/components/VideoHero.d.ts +16 -0
  54. package/dist/components/VideoHero.d.ts.map +1 -0
  55. package/dist/index.d.ts +53 -0
  56. package/dist/index.d.ts.map +1 -0
  57. package/dist/index.js +55 -0
  58. package/dist/index.js.map +1 -0
  59. package/dist/index10.js +185 -0
  60. package/dist/index10.js.map +1 -0
  61. package/dist/index11.js +268 -0
  62. package/dist/index11.js.map +1 -0
  63. package/dist/index12.js +133 -0
  64. package/dist/index12.js.map +1 -0
  65. package/dist/index13.js +112 -0
  66. package/dist/index13.js.map +1 -0
  67. package/dist/index14.js +286 -0
  68. package/dist/index14.js.map +1 -0
  69. package/dist/index15.js +325 -0
  70. package/dist/index15.js.map +1 -0
  71. package/dist/index16.js +204 -0
  72. package/dist/index16.js.map +1 -0
  73. package/dist/index17.js +269 -0
  74. package/dist/index17.js.map +1 -0
  75. package/dist/index18.js +147 -0
  76. package/dist/index18.js.map +1 -0
  77. package/dist/index19.js +697 -0
  78. package/dist/index19.js.map +1 -0
  79. package/dist/index2.js +181 -0
  80. package/dist/index2.js.map +1 -0
  81. package/dist/index20.js +492 -0
  82. package/dist/index20.js.map +1 -0
  83. package/dist/index21.js +277 -0
  84. package/dist/index21.js.map +1 -0
  85. package/dist/index22.js +331 -0
  86. package/dist/index22.js.map +1 -0
  87. package/dist/index23.js +98 -0
  88. package/dist/index23.js.map +1 -0
  89. package/dist/index24.js +406 -0
  90. package/dist/index24.js.map +1 -0
  91. package/dist/index25.js +464 -0
  92. package/dist/index25.js.map +1 -0
  93. package/dist/index26.js +280 -0
  94. package/dist/index26.js.map +1 -0
  95. package/dist/index27.js +234 -0
  96. package/dist/index27.js.map +1 -0
  97. package/dist/index28.js +18 -0
  98. package/dist/index28.js.map +1 -0
  99. package/dist/index29.js +10779 -0
  100. package/dist/index29.js.map +1 -0
  101. package/dist/index3.js +39 -0
  102. package/dist/index3.js.map +1 -0
  103. package/dist/index30.js +358 -0
  104. package/dist/index30.js.map +1 -0
  105. package/dist/index31.js +199 -0
  106. package/dist/index31.js.map +1 -0
  107. package/dist/index32.js +22762 -0
  108. package/dist/index32.js.map +1 -0
  109. package/dist/index4.js +142 -0
  110. package/dist/index4.js.map +1 -0
  111. package/dist/index5.js +128 -0
  112. package/dist/index5.js.map +1 -0
  113. package/dist/index6.js +109 -0
  114. package/dist/index6.js.map +1 -0
  115. package/dist/index7.js +254 -0
  116. package/dist/index7.js.map +1 -0
  117. package/dist/index8.js +237 -0
  118. package/dist/index8.js.map +1 -0
  119. package/dist/index9.js +142 -0
  120. package/dist/index9.js.map +1 -0
  121. package/dist/test/setup.d.ts +2 -0
  122. package/dist/test/setup.d.ts.map +1 -0
  123. package/package.json +58 -0
@@ -0,0 +1,697 @@
1
+ import { jsxs as r, Fragment as g, jsx as e } from "react/jsx-runtime";
2
+ import { clsx as _ } from "./index28.js";
3
+ function x(t) {
4
+ return t ? new Date(t).toLocaleDateString("en-US", { month: "short" }) : "";
5
+ }
6
+ function k(t) {
7
+ return t ? new Date(t).getDate() : 0;
8
+ }
9
+ function y({
10
+ variant: t = "default",
11
+ title: c,
12
+ date: h,
13
+ time: s = "",
14
+ location: a = "",
15
+ groupName: d = "",
16
+ groupUrl: o = "",
17
+ eventUrl: n = "",
18
+ imageUrl: i = "",
19
+ rsvpCount: m = 0,
20
+ isOnline: l = !1,
21
+ description: v = "",
22
+ relativeTime: b = "",
23
+ className: p
24
+ }) {
25
+ const f = x(h), u = k(h);
26
+ return /* @__PURE__ */ r(g, { children: [
27
+ t === "compact" && /* @__PURE__ */ r("article", { className: _("td-event-card-compact", p), children: [
28
+ /* @__PURE__ */ r("div", { className: "td-event-card-compact__date", children: [
29
+ /* @__PURE__ */ e("div", { className: "td-event-card-compact__month", children: f }),
30
+ /* @__PURE__ */ e("div", { className: "td-event-card-compact__day", children: u }),
31
+ /* @__PURE__ */ e("div", { className: "td-event-card-compact__time", children: s })
32
+ ] }),
33
+ /* @__PURE__ */ r("div", { className: "td-event-card-compact__content", children: [
34
+ /* @__PURE__ */ e("a", { href: n || "#", children: /* @__PURE__ */ e("h3", { className: "td-event-card-compact__title", children: c }) }),
35
+ /* @__PURE__ */ e("div", { className: "td-event-card-compact__group", children: o ? /* @__PURE__ */ e("a", { href: o, children: d }) : d }),
36
+ /* @__PURE__ */ r("div", { className: "td-event-card-compact__meta", children: [
37
+ l ? /* @__PURE__ */ r("span", { className: "td-event-card__online-indicator", children: [
38
+ /* @__PURE__ */ e("span", { className: "td-event-card__online-dot" }),
39
+ "Online"
40
+ ] }) : a ? /* @__PURE__ */ e("span", { children: a }) : null,
41
+ /* @__PURE__ */ e("span", { children: "·" }),
42
+ /* @__PURE__ */ r("span", { children: [
43
+ m,
44
+ " going"
45
+ ] })
46
+ ] })
47
+ ] })
48
+ ] }),
49
+ t === "featured" && /* @__PURE__ */ r("article", { className: _("td-event-card-featured", p), children: [
50
+ i && /* @__PURE__ */ e("img", { className: "td-event-card-featured__bg", src: i, alt: "" }),
51
+ /* @__PURE__ */ e("div", { className: "td-event-card-featured__overlay" }),
52
+ /* @__PURE__ */ r("div", { className: "td-event-card-featured__content", children: [
53
+ /* @__PURE__ */ r("div", { className: "td-event-card-featured__meta", children: [
54
+ /* @__PURE__ */ e("span", { className: "td-event-card-featured__label", children: b || "Upcoming" }),
55
+ /* @__PURE__ */ e("span", { children: "·" }),
56
+ /* @__PURE__ */ e("span", { children: s })
57
+ ] }),
58
+ /* @__PURE__ */ e("h2", { className: "td-event-card-featured__title", children: /* @__PURE__ */ e("a", { href: n || "#", children: c }) }),
59
+ /* @__PURE__ */ e("div", { className: "td-event-card-featured__group", children: o ? /* @__PURE__ */ e("a", { href: o, children: d }) : d }),
60
+ v && /* @__PURE__ */ e("p", { className: "td-event-card-featured__description", children: v }),
61
+ /* @__PURE__ */ r("div", { className: "td-event-card-featured__footer", children: [
62
+ !l && a && /* @__PURE__ */ r("div", { className: "td-event-card-featured__location", children: [
63
+ /* @__PURE__ */ r("svg", { className: "td-event-card__icon", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: [
64
+ /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" }),
65
+ /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z" })
66
+ ] }),
67
+ /* @__PURE__ */ e("span", { children: a })
68
+ ] }),
69
+ /* @__PURE__ */ r("div", { className: "td-event-card-featured__rsvp", children: [
70
+ /* @__PURE__ */ e("svg", { className: "td-event-card__icon", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z" }) }),
71
+ /* @__PURE__ */ r("span", { children: [
72
+ m,
73
+ " going"
74
+ ] })
75
+ ] })
76
+ ] }),
77
+ /* @__PURE__ */ r("a", { className: "td-event-card-featured__cta", href: n || "#", children: [
78
+ "View Event",
79
+ /* @__PURE__ */ e("svg", { className: "td-event-card__icon", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M14 5l7 7m0 0l-7 7m7-7H3" }) })
80
+ ] })
81
+ ] })
82
+ ] }),
83
+ t === "default" && /* @__PURE__ */ r("article", { className: _("td-event-card-default", p), children: [
84
+ /* @__PURE__ */ r("div", { className: "td-event-card-default__image-wrapper", children: [
85
+ i ? /* @__PURE__ */ e("img", { className: "td-event-card-default__image", src: i, alt: "" }) : /* @__PURE__ */ e("div", { className: "td-event-card-default__placeholder", children: /* @__PURE__ */ e("svg", { fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" }) }) }),
86
+ /* @__PURE__ */ r("div", { className: "td-event-card-default__date-badge", children: [
87
+ /* @__PURE__ */ e("div", { className: "td-event-card-default__badge-month", children: f }),
88
+ /* @__PURE__ */ e("div", { className: "td-event-card-default__badge-day", children: u })
89
+ ] }),
90
+ l && /* @__PURE__ */ r("div", { className: "td-event-card-default__online-badge", children: [
91
+ /* @__PURE__ */ e("span", { className: "td-event-card-default__online-dot" }),
92
+ "Online"
93
+ ] })
94
+ ] }),
95
+ /* @__PURE__ */ r("div", { className: "td-event-card-default__content", children: [
96
+ /* @__PURE__ */ e("div", { className: "td-event-card-default__time", children: s }),
97
+ /* @__PURE__ */ e("a", { href: n || "#", children: /* @__PURE__ */ e("h3", { className: "td-event-card-default__title", children: c }) }),
98
+ /* @__PURE__ */ e("div", { className: "td-event-card-default__group", children: o ? /* @__PURE__ */ e("a", { href: o, children: d }) : d }),
99
+ /* @__PURE__ */ e("div", { className: "td-event-card-default__spacer" }),
100
+ /* @__PURE__ */ r("div", { className: "td-event-card-default__footer", children: [
101
+ /* @__PURE__ */ e("div", { className: "td-event-card-default__location", children: !l && a ? /* @__PURE__ */ r(g, { children: [
102
+ /* @__PURE__ */ e("svg", { className: "td-event-card__icon-sm", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" }) }),
103
+ /* @__PURE__ */ e("span", { children: a })
104
+ ] }) : /* @__PURE__ */ e("span", { style: { color: "#16A34A" }, children: "Online Event" }) }),
105
+ /* @__PURE__ */ r("div", { className: "td-event-card-default__rsvp", children: [
106
+ /* @__PURE__ */ e("svg", { className: "td-event-card__icon-sm", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z" }) }),
107
+ /* @__PURE__ */ e("span", { children: m })
108
+ ] })
109
+ ] })
110
+ ] })
111
+ ] }),
112
+ /* @__PURE__ */ e(w, {})
113
+ ] });
114
+ }
115
+ function w() {
116
+ return /* @__PURE__ */ e("style", { children: `
117
+ /* ============================================
118
+ COMPACT VARIANT
119
+ ============================================ */
120
+ .td-event-card-compact {
121
+ display: flex;
122
+ gap: 1rem;
123
+ padding: 1rem;
124
+ background: rgba(255, 255, 255, 0.8);
125
+ border-radius: 0.75rem;
126
+ border: 1px solid rgba(28, 36, 56, 0.1);
127
+ transition: border-color 0.15s ease, background-color 0.15s ease;
128
+ }
129
+
130
+ @media (prefers-color-scheme: dark) {
131
+ .td-event-card-compact {
132
+ background: rgba(17, 24, 39, 0.8);
133
+ border-color: rgba(55, 65, 81, 0.5);
134
+ }
135
+ }
136
+
137
+ .td-event-card-compact:hover {
138
+ border-color: rgba(28, 36, 56, 0.3);
139
+ }
140
+
141
+ @media (prefers-color-scheme: dark) {
142
+ .td-event-card-compact:hover {
143
+ border-color: rgba(107, 114, 128, 0.5);
144
+ }
145
+ }
146
+
147
+ .td-event-card-compact__date {
148
+ flex-shrink: 0;
149
+ width: 4rem;
150
+ text-align: center;
151
+ }
152
+
153
+ .td-event-card-compact__month {
154
+ font-size: 0.875rem;
155
+ font-weight: 600;
156
+ color: #1C2438;
157
+ }
158
+
159
+ @media (prefers-color-scheme: dark) {
160
+ .td-event-card-compact__month {
161
+ color: #D1D5DB;
162
+ }
163
+ }
164
+
165
+ .td-event-card-compact__day {
166
+ font-size: 1.5rem;
167
+ font-weight: 700;
168
+ color: #111827;
169
+ }
170
+
171
+ @media (prefers-color-scheme: dark) {
172
+ .td-event-card-compact__day {
173
+ color: #F9FAFB;
174
+ }
175
+ }
176
+
177
+ .td-event-card-compact__time {
178
+ font-size: 0.75rem;
179
+ color: #6B7280;
180
+ }
181
+
182
+ @media (prefers-color-scheme: dark) {
183
+ .td-event-card-compact__time {
184
+ color: #9CA3AF;
185
+ }
186
+ }
187
+
188
+ .td-event-card-compact__content {
189
+ flex: 1;
190
+ min-width: 0;
191
+ }
192
+
193
+ .td-event-card-compact__title {
194
+ font-weight: 600;
195
+ color: #111827;
196
+ white-space: nowrap;
197
+ overflow: hidden;
198
+ text-overflow: ellipsis;
199
+ margin: 0;
200
+ transition: color 0.15s ease;
201
+ }
202
+
203
+ @media (prefers-color-scheme: dark) {
204
+ .td-event-card-compact__title {
205
+ color: #F9FAFB;
206
+ }
207
+ }
208
+
209
+ .td-event-card-compact__title:hover {
210
+ color: #1C2438;
211
+ }
212
+
213
+ @media (prefers-color-scheme: dark) {
214
+ .td-event-card-compact__title:hover {
215
+ color: #FFFFFF;
216
+ }
217
+ }
218
+
219
+ .td-event-card-compact__group {
220
+ font-size: 0.875rem;
221
+ color: #6B7280;
222
+ }
223
+
224
+ @media (prefers-color-scheme: dark) {
225
+ .td-event-card-compact__group {
226
+ color: #9CA3AF;
227
+ }
228
+ }
229
+
230
+ .td-event-card-compact__group a:hover {
231
+ color: #1C2438;
232
+ }
233
+
234
+ @media (prefers-color-scheme: dark) {
235
+ .td-event-card-compact__group a:hover {
236
+ color: #FFFFFF;
237
+ }
238
+ }
239
+
240
+ .td-event-card-compact__meta {
241
+ margin-top: 0.25rem;
242
+ display: flex;
243
+ align-items: center;
244
+ gap: 0.5rem;
245
+ font-size: 0.75rem;
246
+ color: #6B7280;
247
+ }
248
+
249
+ @media (prefers-color-scheme: dark) {
250
+ .td-event-card-compact__meta {
251
+ color: #6B7280;
252
+ }
253
+ }
254
+
255
+ .td-event-card__online-indicator {
256
+ display: inline-flex;
257
+ align-items: center;
258
+ gap: 0.25rem;
259
+ }
260
+
261
+ .td-event-card__online-dot {
262
+ width: 0.5rem;
263
+ height: 0.5rem;
264
+ background: #22C55E;
265
+ border-radius: 50%;
266
+ }
267
+
268
+ /* ============================================
269
+ FEATURED VARIANT
270
+ ============================================ */
271
+ .td-event-card-featured {
272
+ position: relative;
273
+ overflow: hidden;
274
+ border-radius: 1rem;
275
+ background: linear-gradient(135deg, #1C2438 0%, #1A2031 100%);
276
+ color: white;
277
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 16px rgba(28, 36, 56, 0.3);
278
+ }
279
+
280
+ .td-event-card-featured__bg {
281
+ position: absolute;
282
+ inset: 0;
283
+ width: 100%;
284
+ height: 100%;
285
+ object-fit: cover;
286
+ opacity: 0.3;
287
+ }
288
+
289
+ .td-event-card-featured__overlay {
290
+ position: absolute;
291
+ inset: 0;
292
+ backdrop-filter: blur(2px);
293
+ background: linear-gradient(135deg, rgba(28, 36, 56, 0.6) 0%, rgba(26, 32, 49, 0.8) 100%);
294
+ }
295
+
296
+ .td-event-card-featured__content {
297
+ position: relative;
298
+ padding: 1.5rem;
299
+ }
300
+
301
+ @media (min-width: 768px) {
302
+ .td-event-card-featured__content {
303
+ padding: 2rem;
304
+ }
305
+ }
306
+
307
+ .td-event-card-featured__meta {
308
+ display: flex;
309
+ align-items: center;
310
+ gap: 0.5rem;
311
+ color: #D1D5DB;
312
+ font-size: 0.875rem;
313
+ margin-bottom: 0.5rem;
314
+ }
315
+
316
+ .td-event-card-featured__label {
317
+ text-transform: uppercase;
318
+ letter-spacing: 0.05em;
319
+ font-weight: 600;
320
+ }
321
+
322
+ .td-event-card-featured__title {
323
+ font-size: 1.5rem;
324
+ font-weight: 700;
325
+ margin: 0 0 0.5rem 0;
326
+ }
327
+
328
+ @media (min-width: 768px) {
329
+ .td-event-card-featured__title {
330
+ font-size: 1.875rem;
331
+ }
332
+ }
333
+
334
+ .td-event-card-featured__title a {
335
+ color: inherit;
336
+ text-decoration: none;
337
+ }
338
+
339
+ .td-event-card-featured__title a:hover {
340
+ text-decoration: underline;
341
+ }
342
+
343
+ .td-event-card-featured__group {
344
+ color: #D1D5DB;
345
+ }
346
+
347
+ .td-event-card-featured__group a {
348
+ color: inherit;
349
+ text-decoration: none;
350
+ }
351
+
352
+ .td-event-card-featured__group a:hover {
353
+ color: white;
354
+ }
355
+
356
+ .td-event-card-featured__description {
357
+ margin-top: 1rem;
358
+ color: rgba(209, 213, 219, 0.8);
359
+ display: -webkit-box;
360
+ -webkit-line-clamp: 2;
361
+ -webkit-box-orient: vertical;
362
+ overflow: hidden;
363
+ }
364
+
365
+ .td-event-card-featured__footer {
366
+ margin-top: 1.5rem;
367
+ display: flex;
368
+ flex-wrap: wrap;
369
+ align-items: center;
370
+ gap: 1rem;
371
+ }
372
+
373
+ .td-event-card-featured__location,
374
+ .td-event-card-featured__rsvp {
375
+ display: flex;
376
+ align-items: center;
377
+ gap: 0.5rem;
378
+ font-size: 0.875rem;
379
+ }
380
+
381
+ .td-event-card-featured__cta {
382
+ margin-top: 1.5rem;
383
+ display: inline-flex;
384
+ align-items: center;
385
+ gap: 0.5rem;
386
+ background-color: #E85A4F;
387
+ color: white;
388
+ padding: 0.875rem 1.5rem;
389
+ border-radius: 0.5rem;
390
+ font-weight: 600;
391
+ font-size: 0.875rem;
392
+ text-transform: uppercase;
393
+ letter-spacing: 0.025em;
394
+ transition: all 0.15s ease;
395
+ box-shadow: 0 4px 6px -1px rgba(232, 90, 79, 0.25);
396
+ text-decoration: none;
397
+ }
398
+
399
+ .td-event-card-featured__cta:hover {
400
+ background-color: #F07167;
401
+ transform: translateY(-1px);
402
+ box-shadow: 0 6px 10px -2px rgba(232, 90, 79, 0.3);
403
+ }
404
+
405
+ /* ============================================
406
+ DEFAULT VARIANT
407
+ ============================================ */
408
+ .td-event-card-default {
409
+ height: 100%;
410
+ display: flex;
411
+ flex-direction: column;
412
+ border-radius: 0.875rem;
413
+ overflow: hidden;
414
+ transition: all 0.2s ease;
415
+ backdrop-filter: blur(4px);
416
+ background: rgba(255, 255, 255, 0.8);
417
+ border: 1px solid rgba(255, 255, 255, 0.2);
418
+ box-shadow:
419
+ 0 4px 6px -1px rgba(0, 0, 0, 0.05),
420
+ 0 2px 4px -2px rgba(0, 0, 0, 0.03),
421
+ inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
422
+ }
423
+
424
+ @media (prefers-color-scheme: dark) {
425
+ .td-event-card-default {
426
+ background: rgba(17, 24, 39, 0.8);
427
+ border-color: rgba(55, 65, 81, 0.5);
428
+ }
429
+ }
430
+
431
+ .td-event-card-default:hover {
432
+ background: rgba(255, 255, 255, 0.9);
433
+ box-shadow:
434
+ 0 10px 15px -3px rgba(0, 0, 0, 0.08),
435
+ 0 4px 6px -4px rgba(0, 0, 0, 0.04),
436
+ inset 0 1px 0 0 rgba(255, 255, 255, 0.15);
437
+ }
438
+
439
+ @media (prefers-color-scheme: dark) {
440
+ .td-event-card-default:hover {
441
+ background: rgba(17, 24, 39, 0.9);
442
+ }
443
+ }
444
+
445
+ .td-event-card-default__image-wrapper {
446
+ height: 10rem;
447
+ flex-shrink: 0;
448
+ background: #F3F4F6;
449
+ position: relative;
450
+ overflow: hidden;
451
+ }
452
+
453
+ @media (prefers-color-scheme: dark) {
454
+ .td-event-card-default__image-wrapper {
455
+ background: #1F2937;
456
+ }
457
+ }
458
+
459
+ .td-event-card-default__image {
460
+ width: 100%;
461
+ height: 100%;
462
+ object-fit: cover;
463
+ }
464
+
465
+ .td-event-card-default__placeholder {
466
+ width: 100%;
467
+ height: 100%;
468
+ display: flex;
469
+ align-items: center;
470
+ justify-content: center;
471
+ }
472
+
473
+ .td-event-card-default__placeholder svg {
474
+ width: 3rem;
475
+ height: 3rem;
476
+ color: #D1D5DB;
477
+ }
478
+
479
+ @media (prefers-color-scheme: dark) {
480
+ .td-event-card-default__placeholder svg {
481
+ color: #4B5563;
482
+ }
483
+ }
484
+
485
+ .td-event-card-default__date-badge {
486
+ position: absolute;
487
+ top: 0.75rem;
488
+ left: 0.75rem;
489
+ backdrop-filter: blur(12px);
490
+ background: rgba(255, 255, 255, 0.8);
491
+ border-radius: 0.5rem;
492
+ padding: 0.25rem 0.5rem;
493
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.1);
494
+ border: 1px solid rgba(255, 255, 255, 0.5);
495
+ }
496
+
497
+ @media (prefers-color-scheme: dark) {
498
+ .td-event-card-default__date-badge {
499
+ background: rgba(17, 24, 39, 0.8);
500
+ border-color: rgba(55, 65, 81, 0.5);
501
+ }
502
+ }
503
+
504
+ .td-event-card-default__badge-month {
505
+ font-size: 0.75rem;
506
+ font-weight: 600;
507
+ color: #1C2438;
508
+ }
509
+
510
+ @media (prefers-color-scheme: dark) {
511
+ .td-event-card-default__badge-month {
512
+ color: #D1D5DB;
513
+ }
514
+ }
515
+
516
+ .td-event-card-default__badge-day {
517
+ font-size: 1.125rem;
518
+ font-weight: 700;
519
+ color: #111827;
520
+ line-height: 1.2;
521
+ }
522
+
523
+ @media (prefers-color-scheme: dark) {
524
+ .td-event-card-default__badge-day {
525
+ color: #F9FAFB;
526
+ }
527
+ }
528
+
529
+ .td-event-card-default__online-badge {
530
+ position: absolute;
531
+ top: 0.75rem;
532
+ right: 0.75rem;
533
+ backdrop-filter: blur(12px);
534
+ background: rgba(34, 197, 94, 0.9);
535
+ color: white;
536
+ font-size: 0.75rem;
537
+ font-weight: 500;
538
+ padding: 0.25rem 0.625rem;
539
+ border-radius: 9999px;
540
+ display: flex;
541
+ align-items: center;
542
+ gap: 0.375rem;
543
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(34, 197, 94, 0.25);
544
+ border: 1px solid rgba(74, 222, 128, 0.3);
545
+ }
546
+
547
+ .td-event-card-default__online-dot {
548
+ width: 0.375rem;
549
+ height: 0.375rem;
550
+ background: white;
551
+ border-radius: 50%;
552
+ animation: td-event-card-pulse 2s infinite;
553
+ }
554
+
555
+ @keyframes td-event-card-pulse {
556
+ 0%, 100% { opacity: 1; }
557
+ 50% { opacity: 0.5; }
558
+ }
559
+
560
+ .td-event-card-default__content {
561
+ flex: 1;
562
+ padding: 1rem;
563
+ display: flex;
564
+ flex-direction: column;
565
+ }
566
+
567
+ .td-event-card-default__time {
568
+ font-size: 0.875rem;
569
+ color: #6B7280;
570
+ margin-bottom: 0.25rem;
571
+ }
572
+
573
+ @media (prefers-color-scheme: dark) {
574
+ .td-event-card-default__time {
575
+ color: #9CA3AF;
576
+ }
577
+ }
578
+
579
+ .td-event-card-default__title {
580
+ font-weight: 600;
581
+ color: #111827;
582
+ transition: color 0.15s ease;
583
+ display: -webkit-box;
584
+ -webkit-line-clamp: 2;
585
+ -webkit-box-orient: vertical;
586
+ overflow: hidden;
587
+ min-height: 3rem;
588
+ margin: 0;
589
+ }
590
+
591
+ @media (prefers-color-scheme: dark) {
592
+ .td-event-card-default__title {
593
+ color: #F9FAFB;
594
+ }
595
+ }
596
+
597
+ .td-event-card-default__title:hover {
598
+ color: #1C2438;
599
+ }
600
+
601
+ @media (prefers-color-scheme: dark) {
602
+ .td-event-card-default__title:hover {
603
+ color: #FFFFFF;
604
+ }
605
+ }
606
+
607
+ .td-event-card-default__group {
608
+ font-size: 0.875rem;
609
+ color: #6B7280;
610
+ margin-top: 0.25rem;
611
+ }
612
+
613
+ @media (prefers-color-scheme: dark) {
614
+ .td-event-card-default__group {
615
+ color: #9CA3AF;
616
+ }
617
+ }
618
+
619
+ .td-event-card-default__group a {
620
+ color: inherit;
621
+ text-decoration: none;
622
+ }
623
+
624
+ .td-event-card-default__group a:hover {
625
+ color: #1C2438;
626
+ }
627
+
628
+ @media (prefers-color-scheme: dark) {
629
+ .td-event-card-default__group a:hover {
630
+ color: #FFFFFF;
631
+ }
632
+ }
633
+
634
+ .td-event-card-default__spacer {
635
+ flex: 1;
636
+ }
637
+
638
+ .td-event-card-default__footer {
639
+ margin-top: 0.75rem;
640
+ padding-top: 0.75rem;
641
+ border-top: 1px solid #F3F4F6;
642
+ display: flex;
643
+ align-items: center;
644
+ justify-content: space-between;
645
+ font-size: 0.75rem;
646
+ color: #6B7280;
647
+ }
648
+
649
+ @media (prefers-color-scheme: dark) {
650
+ .td-event-card-default__footer {
651
+ border-top-color: #1F2937;
652
+ }
653
+ }
654
+
655
+ .td-event-card-default__location {
656
+ display: flex;
657
+ align-items: center;
658
+ gap: 0.25rem;
659
+ overflow: hidden;
660
+ }
661
+
662
+ .td-event-card-default__location span {
663
+ white-space: nowrap;
664
+ overflow: hidden;
665
+ text-overflow: ellipsis;
666
+ }
667
+
668
+ .td-event-card-default__rsvp {
669
+ display: flex;
670
+ align-items: center;
671
+ gap: 0.25rem;
672
+ flex-shrink: 0;
673
+ margin-left: 0.5rem;
674
+ }
675
+
676
+ .td-event-card__icon {
677
+ width: 1rem;
678
+ height: 1rem;
679
+ }
680
+
681
+ .td-event-card__icon-sm {
682
+ width: 0.875rem;
683
+ height: 0.875rem;
684
+ flex-shrink: 0;
685
+ }
686
+
687
+ .td-event-card-compact a,
688
+ .td-event-card-default a {
689
+ color: inherit;
690
+ text-decoration: none;
691
+ }
692
+ ` });
693
+ }
694
+ export {
695
+ y as EventCard
696
+ };
697
+ //# sourceMappingURL=index19.js.map