@tenerife.music/ui 1.0.0 → 1.0.2
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.
- package/dist/ThemeProvider-CaUX_Jam.cjs +2 -0
- package/dist/ThemeProvider-ltuW-773.js +1227 -0
- package/dist/animation/index.d.ts +9 -0
- package/dist/animation/index.d.ts.map +1 -0
- package/dist/animation/presets.d.ts +304 -0
- package/dist/animation/presets.d.ts.map +1 -0
- package/dist/animation/tas.d.ts +80 -0
- package/dist/animation/tas.d.ts.map +1 -0
- package/dist/animation/types.d.ts +106 -0
- package/dist/animation/types.d.ts.map +1 -0
- package/dist/animation/utils.d.ts +7 -0
- package/dist/animation/utils.d.ts.map +1 -0
- package/dist/components/SectionBuilder.d.ts +37 -0
- package/dist/components/SectionBuilder.d.ts.map +1 -0
- package/dist/components/SectionBuilder.presets.d.ts +229 -0
- package/dist/components/SectionBuilder.presets.d.ts.map +1 -0
- package/dist/components/SectionBuilder.types.d.ts +327 -0
- package/dist/components/SectionBuilder.types.d.ts.map +1 -0
- package/dist/components/auth/ProfileCard.d.ts.map +1 -1
- package/dist/components/cards/EventCard.d.ts +32 -31
- package/dist/components/cards/EventCard.d.ts.map +1 -1
- package/dist/components/cards/VenueCard.d.ts +32 -33
- package/dist/components/cards/VenueCard.d.ts.map +1 -1
- package/dist/components/data/List.d.ts.map +1 -1
- package/dist/components/data/Table.d.ts.map +1 -1
- package/dist/components/data/Timeline.d.ts.map +1 -1
- package/dist/components/feedback/Alert.d.ts +1 -1
- package/dist/components/feedback/Alert.d.ts.map +1 -1
- package/dist/components/feedback/Progress.d.ts.map +1 -1
- package/dist/components/filters/FilterSelect.d.ts.map +1 -1
- package/dist/components/image/Image.d.ts.map +1 -1
- package/dist/components/layout/Box.d.ts +82 -0
- package/dist/components/layout/Box.d.ts.map +1 -0
- package/dist/components/layout/Container.d.ts.map +1 -1
- package/dist/components/layout/Flex.d.ts +27 -6
- package/dist/components/layout/Flex.d.ts.map +1 -1
- package/dist/components/layout/Grid.d.ts +42 -3
- package/dist/components/layout/Grid.d.ts.map +1 -1
- package/dist/components/layout/Navbar.d.ts +2 -2
- package/dist/components/layout/Navbar.d.ts.map +1 -1
- package/dist/components/layout/Section.d.ts.map +1 -1
- package/dist/components/layout/Stack.d.ts +21 -4
- package/dist/components/layout/Stack.d.ts.map +1 -1
- package/dist/components/layout/index.d.ts +15 -0
- package/dist/components/layout/index.d.ts.map +1 -0
- package/dist/components/layout/layout.types.d.ts +92 -0
- package/dist/components/layout/layout.types.d.ts.map +1 -0
- package/dist/components/menus/DropdownMenu.d.ts.map +1 -1
- package/dist/components/menus/NavigationMenu.d.ts.map +1 -1
- package/dist/components/menus/Tabs.d.ts.map +1 -1
- package/dist/components/modals/ConfirmDialog.d.ts +2 -2
- package/dist/components/modals/ConfirmDialog.d.ts.map +1 -1
- package/dist/components/modals/Modal.d.ts.map +1 -1
- package/dist/components/modals/SimpleModal.d.ts +3 -1
- package/dist/components/modals/SimpleModal.d.ts.map +1 -1
- package/dist/components/navigation/Breadcrumbs.d.ts +1 -0
- package/dist/components/navigation/Breadcrumbs.d.ts.map +1 -1
- package/dist/components/navigation/Pagination.d.ts +1 -0
- package/dist/components/navigation/Pagination.d.ts.map +1 -1
- package/dist/components/overlays/OverlayPortal.d.ts.map +1 -1
- package/dist/components/overlays/Popover.d.ts +4 -4
- package/dist/components/overlays/Popover.d.ts.map +1 -1
- package/dist/components/overlays/Tooltip.d.ts +2 -2
- package/dist/components/overlays/Tooltip.d.ts.map +1 -1
- package/dist/components/primitives/Badge.d.ts +1 -1
- package/dist/components/primitives/Badge.d.ts.map +1 -1
- package/dist/components/primitives/Card.d.ts.map +1 -1
- package/dist/components/primitives/Divider.d.ts.map +1 -1
- package/dist/components/primitives/Label.d.ts.map +1 -1
- package/dist/components/primitives/Link.d.ts +4 -2
- package/dist/components/primitives/Link.d.ts.map +1 -1
- package/dist/components/primitives/ThemeSwitch.d.ts +2 -2
- package/dist/components/primitives/ThemeSwitch.d.ts.map +1 -1
- package/dist/components/primitives/Typography.d.ts +2 -2
- package/dist/components/primitives/Typography.d.ts.map +1 -1
- package/dist/components/search/SearchBar.d.ts.map +1 -1
- package/dist/components/sections/ArticlesSection.d.ts +14 -4
- package/dist/components/sections/ArticlesSection.d.ts.map +1 -1
- package/dist/components/sections/CTASection.d.ts +38 -0
- package/dist/components/sections/CTASection.d.ts.map +1 -0
- package/dist/components/sections/FeatureSection.d.ts +34 -0
- package/dist/components/sections/FeatureSection.d.ts.map +1 -0
- package/dist/components/sections/HeroSection.d.ts +28 -0
- package/dist/components/sections/HeroSection.d.ts.map +1 -0
- package/dist/components/sections/TrendingSection.d.ts +15 -3
- package/dist/components/sections/TrendingSection.d.ts.map +1 -1
- package/dist/components/toasts/Toast.d.ts +1 -1
- package/dist/components/toasts/Toast.d.ts.map +1 -1
- package/dist/components/toasts/ToastProvider.d.ts.map +1 -1
- package/dist/components/ui/button.d.ts +4 -2
- package/dist/components/ui/button.d.ts.map +1 -1
- package/dist/components/ui/card.d.ts.map +1 -1
- package/dist/components/ui/dialog.d.ts.map +1 -1
- package/dist/components/ui/input.d.ts.map +1 -1
- package/dist/components/ui/label.d.ts.map +1 -1
- package/dist/components/ui/tooltip.d.ts.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +27 -18
- package/dist/index.d.ts.map +1 -1
- package/dist/index.mjs +3897 -2372
- package/dist/lib/a11y.d.ts +16 -0
- package/dist/lib/a11y.d.ts.map +1 -0
- package/dist/lib/responsive-props.d.ts +64 -0
- package/dist/lib/responsive-props.d.ts.map +1 -0
- package/dist/motion-4SRNkZlz.cjs +2 -0
- package/dist/motion-CuHacXY1.js +722 -0
- package/dist/test/animation-utils.d.ts +60 -0
- package/dist/test/animation-utils.d.ts.map +1 -0
- package/dist/theme/ThemeProvider.d.ts +19 -8
- package/dist/theme/ThemeProvider.d.ts.map +1 -1
- package/dist/theme/applyMode.d.ts +11 -2
- package/dist/theme/applyMode.d.ts.map +1 -1
- package/dist/theme/index.cjs +1 -1
- package/dist/theme/index.d.ts +3 -0
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/index.mjs +236 -101
- package/dist/theme/loader.d.ts +64 -0
- package/dist/theme/loader.d.ts.map +1 -0
- package/dist/theme/registry.d.ts +71 -0
- package/dist/theme/registry.d.ts.map +1 -0
- package/dist/theme/schema.d.ts +125 -0
- package/dist/theme/schema.d.ts.map +1 -0
- package/dist/themes/brand_engine.d.ts +102 -0
- package/dist/themes/brand_engine.d.ts.map +1 -0
- package/dist/themes/index.d.ts +3 -0
- package/dist/themes/index.d.ts.map +1 -1
- package/dist/themes/minimal.d.ts +7 -0
- package/dist/themes/minimal.d.ts.map +1 -0
- package/dist/themes/neon.d.ts +7 -0
- package/dist/themes/neon.d.ts.map +1 -0
- package/dist/themes/types.d.ts +220 -5
- package/dist/themes/types.d.ts.map +1 -1
- package/dist/tokens/css-variables.d.ts +21 -0
- package/dist/tokens/css-variables.d.ts.map +1 -1
- package/dist/tokens/index.cjs +3 -3
- package/dist/tokens/index.mjs +295 -551
- package/dist/tokens/motion.d.ts +77 -0
- package/dist/tokens/motion.d.ts.map +1 -1
- package/package.json +20 -7
- package/dist/applyMode-Bh7sEqT6.js +0 -144
- package/dist/applyMode-DCenL-Bg.cjs +0 -2
- package/dist/colors-BGRiFoSZ.cjs +0 -2
- package/dist/colors-ClemXPPi.js +0 -377
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/animation/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,304 @@
|
|
|
1
|
+
import { AnimationProps, PresetConfig, SpringConfig } from './types';
|
|
2
|
+
/**
|
|
3
|
+
* Fade animation presets
|
|
4
|
+
*/
|
|
5
|
+
export declare const fadePresets: {
|
|
6
|
+
/**
|
|
7
|
+
* Fade in animation
|
|
8
|
+
*/
|
|
9
|
+
fadeIn: (config?: PresetConfig) => AnimationProps;
|
|
10
|
+
/**
|
|
11
|
+
* Fade out animation
|
|
12
|
+
*/
|
|
13
|
+
fadeOut: (config?: PresetConfig) => AnimationProps;
|
|
14
|
+
/**
|
|
15
|
+
* Fade in from top
|
|
16
|
+
*/
|
|
17
|
+
fadeInUp: (config?: PresetConfig & {
|
|
18
|
+
distance?: number;
|
|
19
|
+
}) => AnimationProps;
|
|
20
|
+
/**
|
|
21
|
+
* Fade in from bottom
|
|
22
|
+
*/
|
|
23
|
+
fadeInDown: (config?: PresetConfig & {
|
|
24
|
+
distance?: number;
|
|
25
|
+
}) => AnimationProps;
|
|
26
|
+
/**
|
|
27
|
+
* Fade in from left
|
|
28
|
+
*/
|
|
29
|
+
fadeInLeft: (config?: PresetConfig & {
|
|
30
|
+
distance?: number;
|
|
31
|
+
}) => AnimationProps;
|
|
32
|
+
/**
|
|
33
|
+
* Fade in from right
|
|
34
|
+
*/
|
|
35
|
+
fadeInRight: (config?: PresetConfig & {
|
|
36
|
+
distance?: number;
|
|
37
|
+
}) => AnimationProps;
|
|
38
|
+
};
|
|
39
|
+
/**
|
|
40
|
+
* Slide animation presets
|
|
41
|
+
*/
|
|
42
|
+
export declare const slidePresets: {
|
|
43
|
+
/**
|
|
44
|
+
* Slide in from bottom
|
|
45
|
+
*/
|
|
46
|
+
slideInUp: (config?: PresetConfig & {
|
|
47
|
+
distance?: number;
|
|
48
|
+
}) => AnimationProps;
|
|
49
|
+
/**
|
|
50
|
+
* Slide in from top
|
|
51
|
+
*/
|
|
52
|
+
slideInDown: (config?: PresetConfig & {
|
|
53
|
+
distance?: number;
|
|
54
|
+
}) => AnimationProps;
|
|
55
|
+
/**
|
|
56
|
+
* Slide in from left
|
|
57
|
+
*/
|
|
58
|
+
slideInLeft: (config?: PresetConfig & {
|
|
59
|
+
distance?: number;
|
|
60
|
+
}) => AnimationProps;
|
|
61
|
+
/**
|
|
62
|
+
* Slide in from right
|
|
63
|
+
*/
|
|
64
|
+
slideInRight: (config?: PresetConfig & {
|
|
65
|
+
distance?: number;
|
|
66
|
+
}) => AnimationProps;
|
|
67
|
+
/**
|
|
68
|
+
* Slide out to top
|
|
69
|
+
*/
|
|
70
|
+
slideOutUp: (config?: PresetConfig & {
|
|
71
|
+
distance?: number;
|
|
72
|
+
}) => AnimationProps;
|
|
73
|
+
/**
|
|
74
|
+
* Slide out to bottom
|
|
75
|
+
*/
|
|
76
|
+
slideOutDown: (config?: PresetConfig & {
|
|
77
|
+
distance?: number;
|
|
78
|
+
}) => AnimationProps;
|
|
79
|
+
/**
|
|
80
|
+
* Slide out to left
|
|
81
|
+
*/
|
|
82
|
+
slideOutLeft: (config?: PresetConfig & {
|
|
83
|
+
distance?: number;
|
|
84
|
+
}) => AnimationProps;
|
|
85
|
+
/**
|
|
86
|
+
* Slide out to right
|
|
87
|
+
*/
|
|
88
|
+
slideOutRight: (config?: PresetConfig & {
|
|
89
|
+
distance?: number;
|
|
90
|
+
}) => AnimationProps;
|
|
91
|
+
};
|
|
92
|
+
/**
|
|
93
|
+
* Scale animation presets
|
|
94
|
+
*/
|
|
95
|
+
export declare const scalePresets: {
|
|
96
|
+
/**
|
|
97
|
+
* Scale in animation
|
|
98
|
+
*/
|
|
99
|
+
scaleIn: (config?: PresetConfig & {
|
|
100
|
+
scale?: number;
|
|
101
|
+
}) => AnimationProps;
|
|
102
|
+
/**
|
|
103
|
+
* Scale out animation
|
|
104
|
+
*/
|
|
105
|
+
scaleOut: (config?: PresetConfig & {
|
|
106
|
+
scale?: number;
|
|
107
|
+
}) => AnimationProps;
|
|
108
|
+
/**
|
|
109
|
+
* Scale up on hover
|
|
110
|
+
*/
|
|
111
|
+
scaleUp: (config?: PresetConfig & {
|
|
112
|
+
scale?: number;
|
|
113
|
+
}) => AnimationProps;
|
|
114
|
+
/**
|
|
115
|
+
* Scale down on tap
|
|
116
|
+
*/
|
|
117
|
+
scaleDown: (config?: PresetConfig & {
|
|
118
|
+
scale?: number;
|
|
119
|
+
}) => AnimationProps;
|
|
120
|
+
};
|
|
121
|
+
/**
|
|
122
|
+
* Stagger animation helper
|
|
123
|
+
* Creates staggered animations for children elements
|
|
124
|
+
*/
|
|
125
|
+
export declare function createStagger(staggerChildren?: number, delayChildren?: number, config?: PresetConfig): {
|
|
126
|
+
transition: {
|
|
127
|
+
staggerChildren: number;
|
|
128
|
+
delayChildren: number;
|
|
129
|
+
} & SpringConfig;
|
|
130
|
+
};
|
|
131
|
+
/**
|
|
132
|
+
* Reveal on scroll preset
|
|
133
|
+
* Uses Intersection Observer for scroll-triggered animations
|
|
134
|
+
*/
|
|
135
|
+
export declare function revealOnScroll(config?: PresetConfig & {
|
|
136
|
+
threshold?: number;
|
|
137
|
+
rootMargin?: string;
|
|
138
|
+
triggerOnce?: boolean;
|
|
139
|
+
direction?: "up" | "down" | "left" | "right" | "fade";
|
|
140
|
+
distance?: number;
|
|
141
|
+
}): AnimationProps;
|
|
142
|
+
/**
|
|
143
|
+
* Hover animation presets
|
|
144
|
+
*/
|
|
145
|
+
export declare const hoverPresets: {
|
|
146
|
+
/**
|
|
147
|
+
* Lift up on hover (combines scale and y translation)
|
|
148
|
+
*/
|
|
149
|
+
hoverLift: (config?: PresetConfig & {
|
|
150
|
+
scale?: number;
|
|
151
|
+
y?: number;
|
|
152
|
+
}) => AnimationProps;
|
|
153
|
+
/**
|
|
154
|
+
* Scale up on hover
|
|
155
|
+
*/
|
|
156
|
+
hoverScale: (config?: PresetConfig & {
|
|
157
|
+
scale?: number;
|
|
158
|
+
}) => AnimationProps;
|
|
159
|
+
/**
|
|
160
|
+
* Scale down on tap
|
|
161
|
+
*/
|
|
162
|
+
tapScale: (config?: PresetConfig & {
|
|
163
|
+
scale?: number;
|
|
164
|
+
}) => AnimationProps;
|
|
165
|
+
};
|
|
166
|
+
/**
|
|
167
|
+
* Export all presets
|
|
168
|
+
*/
|
|
169
|
+
export declare const presets: {
|
|
170
|
+
fade: {
|
|
171
|
+
/**
|
|
172
|
+
* Fade in animation
|
|
173
|
+
*/
|
|
174
|
+
fadeIn: (config?: PresetConfig) => AnimationProps;
|
|
175
|
+
/**
|
|
176
|
+
* Fade out animation
|
|
177
|
+
*/
|
|
178
|
+
fadeOut: (config?: PresetConfig) => AnimationProps;
|
|
179
|
+
/**
|
|
180
|
+
* Fade in from top
|
|
181
|
+
*/
|
|
182
|
+
fadeInUp: (config?: PresetConfig & {
|
|
183
|
+
distance?: number;
|
|
184
|
+
}) => AnimationProps;
|
|
185
|
+
/**
|
|
186
|
+
* Fade in from bottom
|
|
187
|
+
*/
|
|
188
|
+
fadeInDown: (config?: PresetConfig & {
|
|
189
|
+
distance?: number;
|
|
190
|
+
}) => AnimationProps;
|
|
191
|
+
/**
|
|
192
|
+
* Fade in from left
|
|
193
|
+
*/
|
|
194
|
+
fadeInLeft: (config?: PresetConfig & {
|
|
195
|
+
distance?: number;
|
|
196
|
+
}) => AnimationProps;
|
|
197
|
+
/**
|
|
198
|
+
* Fade in from right
|
|
199
|
+
*/
|
|
200
|
+
fadeInRight: (config?: PresetConfig & {
|
|
201
|
+
distance?: number;
|
|
202
|
+
}) => AnimationProps;
|
|
203
|
+
};
|
|
204
|
+
slide: {
|
|
205
|
+
/**
|
|
206
|
+
* Slide in from bottom
|
|
207
|
+
*/
|
|
208
|
+
slideInUp: (config?: PresetConfig & {
|
|
209
|
+
distance?: number;
|
|
210
|
+
}) => AnimationProps;
|
|
211
|
+
/**
|
|
212
|
+
* Slide in from top
|
|
213
|
+
*/
|
|
214
|
+
slideInDown: (config?: PresetConfig & {
|
|
215
|
+
distance?: number;
|
|
216
|
+
}) => AnimationProps;
|
|
217
|
+
/**
|
|
218
|
+
* Slide in from left
|
|
219
|
+
*/
|
|
220
|
+
slideInLeft: (config?: PresetConfig & {
|
|
221
|
+
distance?: number;
|
|
222
|
+
}) => AnimationProps;
|
|
223
|
+
/**
|
|
224
|
+
* Slide in from right
|
|
225
|
+
*/
|
|
226
|
+
slideInRight: (config?: PresetConfig & {
|
|
227
|
+
distance?: number;
|
|
228
|
+
}) => AnimationProps;
|
|
229
|
+
/**
|
|
230
|
+
* Slide out to top
|
|
231
|
+
*/
|
|
232
|
+
slideOutUp: (config?: PresetConfig & {
|
|
233
|
+
distance?: number;
|
|
234
|
+
}) => AnimationProps;
|
|
235
|
+
/**
|
|
236
|
+
* Slide out to bottom
|
|
237
|
+
*/
|
|
238
|
+
slideOutDown: (config?: PresetConfig & {
|
|
239
|
+
distance?: number;
|
|
240
|
+
}) => AnimationProps;
|
|
241
|
+
/**
|
|
242
|
+
* Slide out to left
|
|
243
|
+
*/
|
|
244
|
+
slideOutLeft: (config?: PresetConfig & {
|
|
245
|
+
distance?: number;
|
|
246
|
+
}) => AnimationProps;
|
|
247
|
+
/**
|
|
248
|
+
* Slide out to right
|
|
249
|
+
*/
|
|
250
|
+
slideOutRight: (config?: PresetConfig & {
|
|
251
|
+
distance?: number;
|
|
252
|
+
}) => AnimationProps;
|
|
253
|
+
};
|
|
254
|
+
scale: {
|
|
255
|
+
/**
|
|
256
|
+
* Scale in animation
|
|
257
|
+
*/
|
|
258
|
+
scaleIn: (config?: PresetConfig & {
|
|
259
|
+
scale?: number;
|
|
260
|
+
}) => AnimationProps;
|
|
261
|
+
/**
|
|
262
|
+
* Scale out animation
|
|
263
|
+
*/
|
|
264
|
+
scaleOut: (config?: PresetConfig & {
|
|
265
|
+
scale?: number;
|
|
266
|
+
}) => AnimationProps;
|
|
267
|
+
/**
|
|
268
|
+
* Scale up on hover
|
|
269
|
+
*/
|
|
270
|
+
scaleUp: (config?: PresetConfig & {
|
|
271
|
+
scale?: number;
|
|
272
|
+
}) => AnimationProps;
|
|
273
|
+
/**
|
|
274
|
+
* Scale down on tap
|
|
275
|
+
*/
|
|
276
|
+
scaleDown: (config?: PresetConfig & {
|
|
277
|
+
scale?: number;
|
|
278
|
+
}) => AnimationProps;
|
|
279
|
+
};
|
|
280
|
+
hover: {
|
|
281
|
+
/**
|
|
282
|
+
* Lift up on hover (combines scale and y translation)
|
|
283
|
+
*/
|
|
284
|
+
hoverLift: (config?: PresetConfig & {
|
|
285
|
+
scale?: number;
|
|
286
|
+
y?: number;
|
|
287
|
+
}) => AnimationProps;
|
|
288
|
+
/**
|
|
289
|
+
* Scale up on hover
|
|
290
|
+
*/
|
|
291
|
+
hoverScale: (config?: PresetConfig & {
|
|
292
|
+
scale?: number;
|
|
293
|
+
}) => AnimationProps;
|
|
294
|
+
/**
|
|
295
|
+
* Scale down on tap
|
|
296
|
+
*/
|
|
297
|
+
tapScale: (config?: PresetConfig & {
|
|
298
|
+
scale?: number;
|
|
299
|
+
}) => AnimationProps;
|
|
300
|
+
};
|
|
301
|
+
stagger: typeof createStagger;
|
|
302
|
+
reveal: typeof revealOnScroll;
|
|
303
|
+
};
|
|
304
|
+
//# sourceMappingURL=presets.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"presets.d.ts","sourceRoot":"","sources":["../../src/animation/presets.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { Duration, durations, Easing, easings, reducedMotion, Spring, springs, Transition, transitions } from '../tokens/motion';
|
|
2
|
+
import { SpringConfig } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* Check if user prefers reduced motion
|
|
5
|
+
* Checks both system preference and global override
|
|
6
|
+
*/
|
|
7
|
+
export declare function shouldReduceMotion(override?: boolean | "auto"): boolean;
|
|
8
|
+
/**
|
|
9
|
+
* Create CSS transition from tokens
|
|
10
|
+
* Returns transition string using motion tokens
|
|
11
|
+
*/
|
|
12
|
+
export declare function createTransition(transitionName?: Transition, customDuration?: Duration | string, customEasing?: Easing | string, reduceMotionOverride?: boolean | "auto"): string;
|
|
13
|
+
/**
|
|
14
|
+
* Create spring configuration for Framer Motion
|
|
15
|
+
* Returns spring config object using motion tokens
|
|
16
|
+
*/
|
|
17
|
+
export declare function createSpring(springName?: Spring, customConfig?: Partial<SpringConfig>, reduceMotionOverride?: boolean | "auto"): SpringConfig;
|
|
18
|
+
/**
|
|
19
|
+
* Get animation configuration with reduced motion support
|
|
20
|
+
* Returns config object that respects user preferences
|
|
21
|
+
*/
|
|
22
|
+
export declare function getAnimationConfig(config?: {
|
|
23
|
+
duration?: Duration | string | number;
|
|
24
|
+
easing?: Easing | string;
|
|
25
|
+
delay?: number;
|
|
26
|
+
spring?: Spring | Partial<SpringConfig>;
|
|
27
|
+
reduceMotion?: boolean | "auto";
|
|
28
|
+
}): {
|
|
29
|
+
duration?: number | string;
|
|
30
|
+
ease?: string | number[];
|
|
31
|
+
delay?: number;
|
|
32
|
+
type?: "tween" | "spring";
|
|
33
|
+
[key: string]: unknown;
|
|
34
|
+
};
|
|
35
|
+
/**
|
|
36
|
+
* Convert CSS transition to Framer Motion transition
|
|
37
|
+
*/
|
|
38
|
+
export declare function cssTransitionToMotionTransition(cssTransition: string, reduceMotionOverride?: boolean | "auto"): {
|
|
39
|
+
duration?: number;
|
|
40
|
+
ease?: string | number[];
|
|
41
|
+
type?: "tween";
|
|
42
|
+
};
|
|
43
|
+
/**
|
|
44
|
+
* Get keyframe animation configuration
|
|
45
|
+
* Converts keyframe tokens to Framer Motion keyframes
|
|
46
|
+
*/
|
|
47
|
+
export declare function getKeyframeConfig(_keyframeName: string, reduceMotionOverride?: boolean | "auto"): object | undefined;
|
|
48
|
+
/**
|
|
49
|
+
* Check if animations should be enabled
|
|
50
|
+
* Global check for animation enablement
|
|
51
|
+
*/
|
|
52
|
+
export declare function shouldEnableAnimations(globalEnable?: boolean, reduceMotionOverride?: boolean | "auto"): boolean;
|
|
53
|
+
/**
|
|
54
|
+
* Create reveal animation configuration
|
|
55
|
+
* For scroll-triggered animations using Intersection Observer
|
|
56
|
+
*/
|
|
57
|
+
export declare function createRevealConfig(options?: {
|
|
58
|
+
threshold?: number;
|
|
59
|
+
rootMargin?: string;
|
|
60
|
+
triggerOnce?: boolean;
|
|
61
|
+
reduceMotion?: boolean | "auto";
|
|
62
|
+
}): {
|
|
63
|
+
initial: object;
|
|
64
|
+
animate: object;
|
|
65
|
+
transition: object;
|
|
66
|
+
viewport?: {
|
|
67
|
+
once?: boolean;
|
|
68
|
+
margin?: string;
|
|
69
|
+
amount?: number;
|
|
70
|
+
};
|
|
71
|
+
};
|
|
72
|
+
/**
|
|
73
|
+
* Export motion tokens for direct access
|
|
74
|
+
*/
|
|
75
|
+
export { durations, easings, reducedMotion, springs, transitions };
|
|
76
|
+
/**
|
|
77
|
+
* Export types
|
|
78
|
+
*/
|
|
79
|
+
export type { Duration, Easing, Transition };
|
|
80
|
+
//# sourceMappingURL=tas.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tas.d.ts","sourceRoot":"","sources":["../../src/animation/tas.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,EACL,KAAK,QAAQ,EACb,SAAS,EACT,KAAK,MAAM,EACX,OAAO,EACP,aAAa,EACb,KAAK,MAAM,EACX,OAAO,EACP,KAAK,UAAU,EACf,WAAW,EACZ,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAevE;AAcD;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,cAAc,CAAC,EAAE,UAAU,EAC3B,cAAc,CAAC,EAAE,QAAQ,GAAG,MAAM,EAClC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAC9B,oBAAoB,CAAC,EAAE,OAAO,GAAG,MAAM,GACtC,MAAM,CAkDR;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAC1B,UAAU,CAAC,EAAE,MAAM,EACnB,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,EACpC,oBAAoB,CAAC,EAAE,OAAO,GAAG,MAAM,GACtC,YAAY,CAkBd;AAuDD;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,MAAM,GAAE;IACN,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;IACxC,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC5B,GACL;IACD,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,CA8GA;AAED;;GAEG;AACH,wBAAgB,+BAA+B,CAC7C,aAAa,EAAE,MAAM,EACrB,oBAAoB,CAAC,EAAE,OAAO,GAAG,MAAM,GACtC;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CA2CA;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,aAAa,EAAE,MAAM,EACrB,oBAAoB,CAAC,EAAE,OAAO,GAAG,MAAM,GACtC,MAAM,GAAG,SAAS,CAQpB;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,YAAY,CAAC,EAAE,OAAO,EACtB,oBAAoB,CAAC,EAAE,OAAO,GAAG,MAAM,GACtC,OAAO,CAQT;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,OAAO,GAAE;IACP,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC5B,GACL;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE;QACT,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CA+BA;AAED;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC;AAEnE;;GAEG;AACH,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
import { Spring as SpringToken } from '../tokens/motion';
|
|
2
|
+
/**
|
|
3
|
+
* Spring type re-exported for convenience
|
|
4
|
+
*/
|
|
5
|
+
export type Spring = SpringToken;
|
|
6
|
+
/**
|
|
7
|
+
* Animation props for layout primitives
|
|
8
|
+
*/
|
|
9
|
+
export interface AnimationProps {
|
|
10
|
+
/**
|
|
11
|
+
* Initial animation state (Framer Motion)
|
|
12
|
+
*/
|
|
13
|
+
initial?: string | object | false;
|
|
14
|
+
/**
|
|
15
|
+
* Animate to this state (Framer Motion)
|
|
16
|
+
*/
|
|
17
|
+
animate?: string | object | false;
|
|
18
|
+
/**
|
|
19
|
+
* Exit animation state (Framer Motion)
|
|
20
|
+
*/
|
|
21
|
+
exit?: string | object | false;
|
|
22
|
+
/**
|
|
23
|
+
* Transition configuration
|
|
24
|
+
*/
|
|
25
|
+
transition?: string | object | Spring;
|
|
26
|
+
/**
|
|
27
|
+
* Animation on hover
|
|
28
|
+
*/
|
|
29
|
+
whileHover?: object;
|
|
30
|
+
/**
|
|
31
|
+
* Animation on focus
|
|
32
|
+
*/
|
|
33
|
+
whileFocus?: object;
|
|
34
|
+
/**
|
|
35
|
+
* Animation on tap
|
|
36
|
+
*/
|
|
37
|
+
whileTap?: object;
|
|
38
|
+
/**
|
|
39
|
+
* Animation on drag
|
|
40
|
+
*/
|
|
41
|
+
whileDrag?: object;
|
|
42
|
+
/**
|
|
43
|
+
* Animation on in view (Intersection Observer)
|
|
44
|
+
*/
|
|
45
|
+
whileInView?: object;
|
|
46
|
+
/**
|
|
47
|
+
* Viewport options for whileInView
|
|
48
|
+
*/
|
|
49
|
+
viewport?: {
|
|
50
|
+
once?: boolean;
|
|
51
|
+
margin?: string;
|
|
52
|
+
amount?: number;
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
/**
|
|
56
|
+
* Transition configuration
|
|
57
|
+
*/
|
|
58
|
+
export interface TransitionConfig {
|
|
59
|
+
duration?: number | string;
|
|
60
|
+
ease?: string | number[];
|
|
61
|
+
delay?: number;
|
|
62
|
+
type?: "tween" | "spring" | "inertia" | "keyframes";
|
|
63
|
+
[key: string]: unknown;
|
|
64
|
+
}
|
|
65
|
+
/**
|
|
66
|
+
* Spring configuration
|
|
67
|
+
*/
|
|
68
|
+
export interface SpringConfig {
|
|
69
|
+
type: "spring";
|
|
70
|
+
stiffness?: number;
|
|
71
|
+
damping?: number;
|
|
72
|
+
mass?: number;
|
|
73
|
+
velocity?: number;
|
|
74
|
+
[key: string]: unknown;
|
|
75
|
+
}
|
|
76
|
+
/**
|
|
77
|
+
* Animation preset configuration
|
|
78
|
+
*/
|
|
79
|
+
export interface PresetConfig {
|
|
80
|
+
duration?: number | string;
|
|
81
|
+
delay?: number;
|
|
82
|
+
ease?: string | number[];
|
|
83
|
+
spring?: Spring | SpringConfig;
|
|
84
|
+
reducedMotion?: boolean | "auto";
|
|
85
|
+
}
|
|
86
|
+
/**
|
|
87
|
+
* Component animation configuration
|
|
88
|
+
* Allows components to accept animation presets as props
|
|
89
|
+
*/
|
|
90
|
+
export interface ComponentAnimationConfig {
|
|
91
|
+
/**
|
|
92
|
+
* Animation preset for initial mount/entrance
|
|
93
|
+
* Can be a preset name string or AnimationProps object
|
|
94
|
+
*/
|
|
95
|
+
animation?: "fadeIn" | "fadeInUp" | "fadeInDown" | "fadeInLeft" | "fadeInRight" | "slideInUp" | "slideInDown" | "slideInLeft" | "slideInRight" | "scaleIn" | AnimationProps;
|
|
96
|
+
/**
|
|
97
|
+
* Animation preset for hover state
|
|
98
|
+
* Can be a preset name string or AnimationProps object
|
|
99
|
+
*/
|
|
100
|
+
hoverAnimation?: "hoverLift" | "hoverScale" | "tapScale" | AnimationProps;
|
|
101
|
+
/**
|
|
102
|
+
* Custom animation props (overrides preset names)
|
|
103
|
+
*/
|
|
104
|
+
animationProps?: AnimationProps;
|
|
105
|
+
}
|
|
106
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/animation/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE7D;;GAEG;AACH,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC;AAEjC;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;IAElC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;IAElC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;IAE/B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAEtC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE;QACT,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACH;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAC;IACpD,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAClC;AAED;;;GAGG;AACH,MAAM,WAAW,wBAAwB;IACvC;;;OAGG;IACH,SAAS,CAAC,EACN,QAAQ,GACR,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,aAAa,GACb,WAAW,GACX,aAAa,GACb,aAAa,GACb,cAAc,GACd,SAAS,GACT,cAAc,CAAC;IAEnB;;;OAGG;IACH,cAAc,CAAC,EAAE,WAAW,GAAG,YAAY,GAAG,UAAU,GAAG,cAAc,CAAC;IAE1E;;OAEG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { AnimationProps, ComponentAnimationConfig } from './types';
|
|
2
|
+
/**
|
|
3
|
+
* Resolve component animation config to AnimationProps
|
|
4
|
+
* Merges animation, hoverAnimation, and custom animationProps
|
|
5
|
+
*/
|
|
6
|
+
export declare function resolveComponentAnimations(config?: ComponentAnimationConfig): AnimationProps;
|
|
7
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/animation/utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAoExE;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,MAAM,CAAC,EAAE,wBAAwB,GAAG,cAAc,CAoB5F"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { SectionBuilderProps } from './SectionBuilder.types';
|
|
2
|
+
/**
|
|
3
|
+
* SectionBuilder Component
|
|
4
|
+
*
|
|
5
|
+
* High-level component that composes layout primitives and core components
|
|
6
|
+
* based on configuration objects. Enables developers to construct custom
|
|
7
|
+
* marketing sections without writing repetitive markup.
|
|
8
|
+
*
|
|
9
|
+
* All styling uses design tokens - no raw CSS values or hardcoded styles.
|
|
10
|
+
* Fully theme-aware and brand-compliant.
|
|
11
|
+
*/
|
|
12
|
+
import * as React from "react";
|
|
13
|
+
/**
|
|
14
|
+
* SectionBuilder Component
|
|
15
|
+
*
|
|
16
|
+
* Composes sections from configuration objects using layout primitives
|
|
17
|
+
* and core components. All styling uses design tokens.
|
|
18
|
+
*
|
|
19
|
+
* @example
|
|
20
|
+
* ```tsx
|
|
21
|
+
* <SectionBuilder
|
|
22
|
+
* config={{
|
|
23
|
+
* layout: {
|
|
24
|
+
* type: "split",
|
|
25
|
+
* left: "Left content",
|
|
26
|
+
* right: "Right content",
|
|
27
|
+
* imagePosition: "right",
|
|
28
|
+
* },
|
|
29
|
+
* background: { type: "surface", variant: "elevated1" },
|
|
30
|
+
* spacing: { paddingY: "xl" },
|
|
31
|
+
* }}
|
|
32
|
+
* />
|
|
33
|
+
* ```
|
|
34
|
+
*/
|
|
35
|
+
export declare const SectionBuilder: React.ForwardRefExoticComponent<SectionBuilderProps & React.RefAttributes<HTMLElement>>;
|
|
36
|
+
export type { SectionBuilderConfig, SectionBuilderProps } from './SectionBuilder.types';
|
|
37
|
+
//# sourceMappingURL=SectionBuilder.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SectionBuilder.d.ts","sourceRoot":"","sources":["../../src/components/SectionBuilder.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EAIV,mBAAmB,EAIpB,MAAM,wBAAwB,CAAC;AAuXhC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,cAAc,yFA2H1B,CAAC;AAIF,YAAY,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC"}
|