@tenerife.music/ui 1.0.0 → 1.0.1

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 (122) hide show
  1. package/dist/ThemeProvider-CaUX_Jam.cjs +2 -0
  2. package/dist/ThemeProvider-ltuW-773.js +1227 -0
  3. package/dist/animation/index.d.ts +9 -0
  4. package/dist/animation/index.d.ts.map +1 -0
  5. package/dist/animation/presets.d.ts +304 -0
  6. package/dist/animation/presets.d.ts.map +1 -0
  7. package/dist/animation/tas.d.ts +80 -0
  8. package/dist/animation/tas.d.ts.map +1 -0
  9. package/dist/animation/types.d.ts +106 -0
  10. package/dist/animation/types.d.ts.map +1 -0
  11. package/dist/animation/utils.d.ts +7 -0
  12. package/dist/animation/utils.d.ts.map +1 -0
  13. package/dist/components/SectionBuilder.d.ts +37 -0
  14. package/dist/components/SectionBuilder.d.ts.map +1 -0
  15. package/dist/components/SectionBuilder.presets.d.ts +229 -0
  16. package/dist/components/SectionBuilder.presets.d.ts.map +1 -0
  17. package/dist/components/SectionBuilder.types.d.ts +327 -0
  18. package/dist/components/SectionBuilder.types.d.ts.map +1 -0
  19. package/dist/components/auth/ProfileCard.d.ts.map +1 -1
  20. package/dist/components/cards/EventCard.d.ts +32 -31
  21. package/dist/components/cards/EventCard.d.ts.map +1 -1
  22. package/dist/components/cards/VenueCard.d.ts +32 -33
  23. package/dist/components/cards/VenueCard.d.ts.map +1 -1
  24. package/dist/components/feedback/Alert.d.ts +1 -1
  25. package/dist/components/feedback/Alert.d.ts.map +1 -1
  26. package/dist/components/layout/Box.d.ts +90 -0
  27. package/dist/components/layout/Box.d.ts.map +1 -0
  28. package/dist/components/layout/Flex.d.ts +27 -6
  29. package/dist/components/layout/Flex.d.ts.map +1 -1
  30. package/dist/components/layout/Grid.d.ts +42 -3
  31. package/dist/components/layout/Grid.d.ts.map +1 -1
  32. package/dist/components/layout/Navbar.d.ts +2 -2
  33. package/dist/components/layout/Navbar.d.ts.map +1 -1
  34. package/dist/components/layout/Stack.d.ts +21 -4
  35. package/dist/components/layout/Stack.d.ts.map +1 -1
  36. package/dist/components/layout/index.d.ts +15 -0
  37. package/dist/components/layout/index.d.ts.map +1 -0
  38. package/dist/components/layout/layout.types.d.ts +92 -0
  39. package/dist/components/layout/layout.types.d.ts.map +1 -0
  40. package/dist/components/modals/ConfirmDialog.d.ts +2 -2
  41. package/dist/components/modals/ConfirmDialog.d.ts.map +1 -1
  42. package/dist/components/modals/Modal.d.ts.map +1 -1
  43. package/dist/components/modals/SimpleModal.d.ts +3 -1
  44. package/dist/components/modals/SimpleModal.d.ts.map +1 -1
  45. package/dist/components/navigation/Breadcrumbs.d.ts +1 -0
  46. package/dist/components/navigation/Breadcrumbs.d.ts.map +1 -1
  47. package/dist/components/navigation/Pagination.d.ts +1 -0
  48. package/dist/components/navigation/Pagination.d.ts.map +1 -1
  49. package/dist/components/overlays/Popover.d.ts +4 -4
  50. package/dist/components/overlays/Popover.d.ts.map +1 -1
  51. package/dist/components/overlays/Tooltip.d.ts +2 -2
  52. package/dist/components/overlays/Tooltip.d.ts.map +1 -1
  53. package/dist/components/primitives/Badge.d.ts +1 -1
  54. package/dist/components/primitives/Badge.d.ts.map +1 -1
  55. package/dist/components/primitives/Link.d.ts +4 -2
  56. package/dist/components/primitives/Link.d.ts.map +1 -1
  57. package/dist/components/primitives/ThemeSwitch.d.ts +2 -2
  58. package/dist/components/primitives/ThemeSwitch.d.ts.map +1 -1
  59. package/dist/components/primitives/Typography.d.ts +2 -2
  60. package/dist/components/primitives/Typography.d.ts.map +1 -1
  61. package/dist/components/sections/ArticlesSection.d.ts +14 -4
  62. package/dist/components/sections/ArticlesSection.d.ts.map +1 -1
  63. package/dist/components/sections/CTASection.d.ts +38 -0
  64. package/dist/components/sections/CTASection.d.ts.map +1 -0
  65. package/dist/components/sections/FeatureSection.d.ts +34 -0
  66. package/dist/components/sections/FeatureSection.d.ts.map +1 -0
  67. package/dist/components/sections/HeroSection.d.ts +28 -0
  68. package/dist/components/sections/HeroSection.d.ts.map +1 -0
  69. package/dist/components/sections/TrendingSection.d.ts +15 -3
  70. package/dist/components/sections/TrendingSection.d.ts.map +1 -1
  71. package/dist/components/toasts/Toast.d.ts +1 -1
  72. package/dist/components/toasts/Toast.d.ts.map +1 -1
  73. package/dist/components/toasts/ToastProvider.d.ts.map +1 -1
  74. package/dist/components/ui/button.d.ts +4 -2
  75. package/dist/components/ui/button.d.ts.map +1 -1
  76. package/dist/index.cjs +1 -1
  77. package/dist/index.d.ts +27 -18
  78. package/dist/index.d.ts.map +1 -1
  79. package/dist/index.mjs +3893 -2371
  80. package/dist/lib/a11y.d.ts +16 -0
  81. package/dist/lib/a11y.d.ts.map +1 -0
  82. package/dist/lib/responsive-props.d.ts +64 -0
  83. package/dist/lib/responsive-props.d.ts.map +1 -0
  84. package/dist/motion-4SRNkZlz.cjs +2 -0
  85. package/dist/motion-CuHacXY1.js +722 -0
  86. package/dist/test/animation-utils.d.ts +60 -0
  87. package/dist/test/animation-utils.d.ts.map +1 -0
  88. package/dist/theme/ThemeProvider.d.ts +19 -8
  89. package/dist/theme/ThemeProvider.d.ts.map +1 -1
  90. package/dist/theme/applyMode.d.ts +11 -2
  91. package/dist/theme/applyMode.d.ts.map +1 -1
  92. package/dist/theme/index.cjs +1 -1
  93. package/dist/theme/index.d.ts +3 -0
  94. package/dist/theme/index.d.ts.map +1 -1
  95. package/dist/theme/index.mjs +236 -101
  96. package/dist/theme/loader.d.ts +64 -0
  97. package/dist/theme/loader.d.ts.map +1 -0
  98. package/dist/theme/registry.d.ts +71 -0
  99. package/dist/theme/registry.d.ts.map +1 -0
  100. package/dist/theme/schema.d.ts +125 -0
  101. package/dist/theme/schema.d.ts.map +1 -0
  102. package/dist/themes/brand_engine.d.ts +102 -0
  103. package/dist/themes/brand_engine.d.ts.map +1 -0
  104. package/dist/themes/index.d.ts +3 -0
  105. package/dist/themes/index.d.ts.map +1 -1
  106. package/dist/themes/minimal.d.ts +7 -0
  107. package/dist/themes/minimal.d.ts.map +1 -0
  108. package/dist/themes/neon.d.ts +7 -0
  109. package/dist/themes/neon.d.ts.map +1 -0
  110. package/dist/themes/types.d.ts +220 -5
  111. package/dist/themes/types.d.ts.map +1 -1
  112. package/dist/tokens/css-variables.d.ts +21 -0
  113. package/dist/tokens/css-variables.d.ts.map +1 -1
  114. package/dist/tokens/index.cjs +3 -3
  115. package/dist/tokens/index.mjs +295 -551
  116. package/dist/tokens/motion.d.ts +77 -0
  117. package/dist/tokens/motion.d.ts.map +1 -1
  118. package/package.json +20 -7
  119. package/dist/applyMode-Bh7sEqT6.js +0 -144
  120. package/dist/applyMode-DCenL-Bg.cjs +0 -2
  121. package/dist/colors-BGRiFoSZ.cjs +0 -2
  122. package/dist/colors-ClemXPPi.js +0 -377
@@ -1,377 +0,0 @@
1
- "use client";
2
- const a = {
3
- 50: "210 40% 98%",
4
- // Lightest blue
5
- 100: "210 40% 96%",
6
- 200: "217 32.6% 17.5%",
7
- 300: "216 28% 26%",
8
- 400: "215 25% 27%",
9
- 500: "215 20% 35%",
10
- // Base primary
11
- 600: "215 16% 47%",
12
- 700: "216 12% 54%",
13
- 800: "217 10% 62%",
14
- 900: "222 47.4% 11.2%",
15
- 950: "222 84% 4.9%"
16
- // Darkest blue
17
- }, e = {
18
- 50: "280 100% 98%",
19
- 100: "280 65% 96%",
20
- 200: "280 60% 85%",
21
- 300: "280 55% 75%",
22
- 400: "280 50% 65%",
23
- 500: "280 70% 67%",
24
- // Base accent (night mode primary)
25
- 600: "259 65% 58%",
26
- 700: "259 60% 50%",
27
- 800: "259 55% 45%",
28
- 900: "259 50% 40%",
29
- 950: "259 45% 30%"
30
- }, s = {
31
- 50: "173 100% 98%",
32
- 100: "173 100% 95%",
33
- 200: "173 100% 85%",
34
- 300: "173 100% 70%",
35
- 400: "173 100% 55%",
36
- 500: "173 100% 37%",
37
- // Base secondary (Tenerife #00bfa6)
38
- 600: "173 100% 32%",
39
- 700: "173 95% 27%",
40
- 800: "173 90% 22%",
41
- 900: "173 85% 17%",
42
- 950: "173 80% 12%"
43
- }, o = {
44
- day: {
45
- base: "0 0% 100%",
46
- // White background
47
- elevated1: "0 0% 98%",
48
- // Slightly elevated
49
- elevated2: "0 0% 96%",
50
- // More elevated
51
- elevated3: "0 0% 94%",
52
- // Most elevated
53
- overlay: "0 0% 0% / 0.5",
54
- // Overlay backdrop
55
- glass: "0 0% 100% / 0.8"
56
- // Glass effect
57
- },
58
- night: {
59
- base: "240 10% 3.9%",
60
- // Dark background (#0b0b10)
61
- elevated1: "240 10% 5.1%",
62
- // #0e1016
63
- elevated2: "240 10% 6.3%",
64
- // Slightly lighter
65
- elevated3: "240 10% 7.5%",
66
- // Even lighter
67
- overlay: "0 0% 0% / 0.7",
68
- // Darker overlay
69
- glass: "240 10% 10% / 0.9"
70
- // Dark glass effect
71
- }
72
- }, r = {
73
- day: {
74
- success: "142 76% 36%",
75
- // Green
76
- successForeground: "0 0% 100%",
77
- error: "0 84.2% 60.2%",
78
- // Red (destructive)
79
- errorForeground: "0 0% 98%",
80
- warning: "38 92% 50%",
81
- // Orange
82
- warningForeground: "0 0% 9%",
83
- info: "199 89% 48%",
84
- // Blue
85
- infoForeground: "0 0% 100%"
86
- },
87
- night: {
88
- success: "142 70% 45%",
89
- successForeground: "0 0% 100%",
90
- error: "0 62.8% 30.6%",
91
- // Darker red
92
- errorForeground: "0 0% 98%",
93
- warning: "38 92% 60%",
94
- // Brighter orange
95
- warningForeground: "0 0% 9%",
96
- info: "199 89% 55%",
97
- // Brighter blue
98
- infoForeground: "0 0% 100%"
99
- }
100
- }, n = {
101
- day: {
102
- primary: "0 0% 9%",
103
- // Almost black
104
- secondary: "0 0% 45%",
105
- // Medium gray
106
- tertiary: "0 0% 65%",
107
- // Light gray
108
- muted: "0 0% 45.1%",
109
- // Muted gray
110
- inverse: "0 0% 100%"
111
- // White (for dark backgrounds)
112
- },
113
- night: {
114
- primary: "0 0% 89.8%",
115
- // Light gray (#e5e7eb)
116
- secondary: "240 5% 64.9%",
117
- // Medium gray
118
- tertiary: "240 5% 50%",
119
- // Darker gray
120
- muted: "240 5% 64.9%",
121
- // Muted gray
122
- inverse: "0 0% 9%"
123
- // Almost black (for light backgrounds)
124
- }
125
- }, c = {
126
- day: {
127
- background: "0 0% 100%",
128
- foreground: "0 0% 9%",
129
- card: "0 0% 100%",
130
- cardForeground: "0 0% 9%",
131
- popover: "0 0% 100%",
132
- popoverForeground: "0 0% 9%",
133
- border: "0 0% 89.8%",
134
- input: "0 0% 89.8%",
135
- ring: "0 0% 3.9%"
136
- },
137
- night: {
138
- background: "240 10% 3.9%",
139
- // #0b0b10
140
- foreground: "0 0% 89.8%",
141
- // #e5e7eb
142
- card: "240 10% 3.9%",
143
- cardForeground: "0 0% 89.8%",
144
- popover: "240 10% 5.1%",
145
- // #0e1016
146
- popoverForeground: "0 0% 89.8%",
147
- border: "240 3.7% 15.9%",
148
- input: "240 3.7% 15.9%",
149
- ring: "240 4.9% 83.9%"
150
- }
151
- }, t = {
152
- day: {
153
- ...c.day,
154
- primary: "hsl(var(--tm-primary))",
155
- primaryForeground: "hsl(var(--tm-primary-foreground))",
156
- secondary: "hsl(var(--tm-secondary))",
157
- secondaryForeground: "hsl(var(--tm-secondary-foreground))",
158
- muted: "hsl(var(--muted))",
159
- mutedForeground: "hsl(var(--muted-foreground))",
160
- accent: "hsl(var(--tm-accent))",
161
- accentForeground: "hsl(var(--tm-accent-foreground))",
162
- destructive: `hsl(${r.day.error})`,
163
- destructiveForeground: r.day.errorForeground,
164
- chart1: "hsl(12, 76%, 61%)",
165
- chart2: "hsl(173, 58%, 39%)",
166
- chart3: "hsl(197, 37%, 24%)",
167
- chart4: "hsl(43, 74%, 66%)",
168
- chart5: "hsl(27, 87%, 67%)"
169
- },
170
- night: {
171
- ...c.night,
172
- primary: "hsl(var(--tm-primary))",
173
- primaryForeground: "hsl(var(--tm-primary-foreground))",
174
- secondary: "hsl(var(--tm-secondary))",
175
- secondaryForeground: "hsl(var(--tm-secondary-foreground))",
176
- muted: "hsl(var(--muted))",
177
- mutedForeground: "hsl(var(--muted-foreground))",
178
- accent: "hsl(var(--tm-accent))",
179
- accentForeground: "hsl(var(--tm-accent-foreground))",
180
- destructive: `hsl(${r.night.error})`,
181
- destructiveForeground: r.night.errorForeground,
182
- chart1: "hsl(220, 70%, 50%)",
183
- chart2: "hsl(160, 60%, 45%)",
184
- chart3: "hsl(30, 80%, 55%)",
185
- chart4: "hsl(280, 65%, 60%)",
186
- chart5: "hsl(340, 75%, 55%)"
187
- }
188
- }, d = {
189
- // Primary scale
190
- "--primary-50": a[50],
191
- "--primary-100": a[100],
192
- "--primary-200": a[200],
193
- "--primary-300": a[300],
194
- "--primary-400": a[400],
195
- "--primary-500": a[500],
196
- "--primary-600": a[600],
197
- "--primary-700": a[700],
198
- "--primary-800": a[800],
199
- "--primary-900": a[900],
200
- "--primary-950": a[950],
201
- // Accent scale
202
- "--accent-50": e[50],
203
- "--accent-100": e[100],
204
- "--accent-200": e[200],
205
- "--accent-300": e[300],
206
- "--accent-400": e[400],
207
- "--accent-500": e[500],
208
- "--accent-600": e[600],
209
- "--accent-700": e[700],
210
- "--accent-800": e[800],
211
- "--accent-900": e[900],
212
- "--accent-950": e[950],
213
- // Secondary scale
214
- "--secondary-50": s[50],
215
- "--secondary-100": s[100],
216
- "--secondary-200": s[200],
217
- "--secondary-300": s[300],
218
- "--secondary-400": s[400],
219
- "--secondary-500": s[500],
220
- "--secondary-600": s[600],
221
- "--secondary-700": s[700],
222
- "--secondary-800": s[800],
223
- "--secondary-900": s[900],
224
- "--secondary-950": s[950],
225
- // Surface colors (mode-dependent, will be set by theme)
226
- "--surface-base": o.day.base,
227
- "--surface-elevated1": o.day.elevated1,
228
- "--surface-elevated2": o.day.elevated2,
229
- "--surface-elevated3": o.day.elevated3,
230
- "--surface-overlay": o.day.overlay,
231
- "--surface-glass": o.day.glass,
232
- // Semantic colors (mode-dependent)
233
- "--semantic-success": r.day.success,
234
- "--semantic-success-foreground": r.day.successForeground,
235
- "--semantic-error": r.day.error,
236
- "--semantic-error-foreground": r.day.errorForeground,
237
- "--semantic-warning": r.day.warning,
238
- "--semantic-warning-foreground": r.day.warningForeground,
239
- "--semantic-info": r.day.info,
240
- "--semantic-info-foreground": r.day.infoForeground,
241
- // Text colors (mode-dependent)
242
- "--text-primary": n.day.primary,
243
- "--text-secondary": n.day.secondary,
244
- "--text-tertiary": n.day.tertiary,
245
- "--text-muted": n.day.muted,
246
- "--text-inverse": n.day.inverse
247
- }, l = {
248
- // Base colors
249
- background: "hsl(var(--background))",
250
- foreground: "hsl(var(--foreground))",
251
- // Card colors
252
- card: {
253
- DEFAULT: "hsl(var(--card))",
254
- foreground: "hsl(var(--card-foreground))"
255
- },
256
- // Popover colors
257
- popover: {
258
- DEFAULT: "hsl(var(--popover))",
259
- foreground: "hsl(var(--popover-foreground))"
260
- },
261
- // Primary colors (using CSS variables)
262
- primary: {
263
- DEFAULT: "hsl(var(--tm-primary))",
264
- foreground: "hsl(var(--tm-primary-foreground))",
265
- 50: "hsl(var(--primary-50))",
266
- 100: "hsl(var(--primary-100))",
267
- 200: "hsl(var(--primary-200))",
268
- 300: "hsl(var(--primary-300))",
269
- 400: "hsl(var(--primary-400))",
270
- 500: "hsl(var(--primary-500))",
271
- 600: "hsl(var(--primary-600))",
272
- 700: "hsl(var(--primary-700))",
273
- 800: "hsl(var(--primary-800))",
274
- 900: "hsl(var(--primary-900))",
275
- 950: "hsl(var(--primary-950))"
276
- },
277
- // Secondary colors
278
- secondary: {
279
- DEFAULT: "hsl(var(--tm-secondary))",
280
- foreground: "hsl(var(--tm-secondary-foreground))",
281
- 50: "hsl(var(--secondary-50))",
282
- 100: "hsl(var(--secondary-100))",
283
- 200: "hsl(var(--secondary-200))",
284
- 300: "hsl(var(--secondary-300))",
285
- 400: "hsl(var(--secondary-400))",
286
- 500: "hsl(var(--secondary-500))",
287
- 600: "hsl(var(--secondary-600))",
288
- 700: "hsl(var(--secondary-700))",
289
- 800: "hsl(var(--secondary-800))",
290
- 900: "hsl(var(--secondary-900))",
291
- 950: "hsl(var(--secondary-950))"
292
- },
293
- // Accent colors
294
- accent: {
295
- DEFAULT: "hsl(var(--tm-accent))",
296
- foreground: "hsl(var(--tm-accent-foreground))",
297
- 50: "hsl(var(--accent-50))",
298
- 100: "hsl(var(--accent-100))",
299
- 200: "hsl(var(--accent-200))",
300
- 300: "hsl(var(--accent-300))",
301
- 400: "hsl(var(--accent-400))",
302
- 500: "hsl(var(--accent-500))",
303
- 600: "hsl(var(--accent-600))",
304
- 700: "hsl(var(--accent-700))",
305
- 800: "hsl(var(--accent-800))",
306
- 900: "hsl(var(--accent-900))",
307
- 950: "hsl(var(--accent-950))"
308
- },
309
- // Muted colors
310
- muted: {
311
- DEFAULT: "hsl(var(--muted))",
312
- foreground: "hsl(var(--muted-foreground))"
313
- },
314
- // Destructive colors (semantic error)
315
- destructive: {
316
- DEFAULT: "hsl(var(--destructive))",
317
- foreground: "hsl(var(--destructive-foreground))"
318
- },
319
- // Semantic colors
320
- success: {
321
- DEFAULT: "hsl(var(--semantic-success))",
322
- foreground: "hsl(var(--semantic-success-foreground))"
323
- },
324
- error: {
325
- DEFAULT: "hsl(var(--semantic-error))",
326
- foreground: "hsl(var(--semantic-error-foreground))"
327
- },
328
- warning: {
329
- DEFAULT: "hsl(var(--semantic-warning))",
330
- foreground: "hsl(var(--semantic-warning-foreground))"
331
- },
332
- info: {
333
- DEFAULT: "hsl(var(--semantic-info))",
334
- foreground: "hsl(var(--semantic-info-foreground))"
335
- },
336
- // Surface colors
337
- surface: {
338
- base: "hsl(var(--surface-base))",
339
- elevated1: "hsl(var(--surface-elevated1))",
340
- elevated2: "hsl(var(--surface-elevated2))",
341
- elevated3: "hsl(var(--surface-elevated3))",
342
- overlay: "hsl(var(--surface-overlay))",
343
- glass: "hsl(var(--surface-glass))"
344
- },
345
- // Text colors
346
- text: {
347
- primary: "hsl(var(--text-primary))",
348
- secondary: "hsl(var(--text-secondary))",
349
- tertiary: "hsl(var(--text-tertiary))",
350
- muted: "hsl(var(--text-muted))",
351
- inverse: "hsl(var(--text-inverse))"
352
- },
353
- // Border and input
354
- border: "hsl(var(--border))",
355
- input: "hsl(var(--input))",
356
- ring: "hsl(var(--ring))",
357
- // Chart colors
358
- chart: {
359
- 1: "hsl(var(--chart-1))",
360
- 2: "hsl(var(--chart-2))",
361
- 3: "hsl(var(--chart-3))",
362
- 4: "hsl(var(--chart-4))",
363
- 5: "hsl(var(--chart-5))"
364
- }
365
- };
366
- export {
367
- e as a,
368
- c as b,
369
- o as c,
370
- r as d,
371
- t as e,
372
- d as f,
373
- l as g,
374
- a as p,
375
- s,
376
- n as t
377
- };