@efxlab/motion-canvas-responsive 4.0.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 (133) hide show
  1. package/lib/components/ParticleGroup.d.ts +9 -0
  2. package/lib/components/ParticleGroup.d.ts.map +1 -0
  3. package/lib/components/ParticleGroup.js +20 -0
  4. package/lib/components/ParticleGroup.js.map +1 -0
  5. package/lib/components/RatioLayer.d.ts +7 -0
  6. package/lib/components/RatioLayer.d.ts.map +1 -0
  7. package/lib/components/RatioLayer.js +8 -0
  8. package/lib/components/RatioLayer.js.map +1 -0
  9. package/lib/components/index.d.ts +3 -0
  10. package/lib/components/index.d.ts.map +1 -0
  11. package/lib/components/index.js +3 -0
  12. package/lib/components/index.js.map +1 -0
  13. package/lib/context/ResponsiveContext.d.ts +45 -0
  14. package/lib/context/ResponsiveContext.d.ts.map +1 -0
  15. package/lib/context/ResponsiveContext.js +118 -0
  16. package/lib/context/ResponsiveContext.js.map +1 -0
  17. package/lib/context/ResponsiveContext.test.d.ts +2 -0
  18. package/lib/context/ResponsiveContext.test.d.ts.map +1 -0
  19. package/lib/context/ResponsiveContext.test.js +74 -0
  20. package/lib/helpers/color.d.ts +26 -0
  21. package/lib/helpers/color.d.ts.map +1 -0
  22. package/lib/helpers/color.js +10 -0
  23. package/lib/helpers/color.js.map +1 -0
  24. package/lib/helpers/filter.d.ts +25 -0
  25. package/lib/helpers/filter.d.ts.map +1 -0
  26. package/lib/helpers/filter.js +8 -0
  27. package/lib/helpers/filter.js.map +1 -0
  28. package/lib/helpers/helpers.test.d.ts +2 -0
  29. package/lib/helpers/helpers.test.d.ts.map +1 -0
  30. package/lib/helpers/helpers.test.js +224 -0
  31. package/lib/helpers/index.d.ts +8 -0
  32. package/lib/helpers/index.d.ts.map +1 -0
  33. package/lib/helpers/index.js +8 -0
  34. package/lib/helpers/index.js.map +1 -0
  35. package/lib/helpers/path.d.ts +32 -0
  36. package/lib/helpers/path.d.ts.map +1 -0
  37. package/lib/helpers/path.js +28 -0
  38. package/lib/helpers/path.js.map +1 -0
  39. package/lib/helpers/position.d.ts +20 -0
  40. package/lib/helpers/position.d.ts.map +1 -0
  41. package/lib/helpers/position.js +52 -0
  42. package/lib/helpers/position.js.map +1 -0
  43. package/lib/helpers/rotation.d.ts +33 -0
  44. package/lib/helpers/rotation.d.ts.map +1 -0
  45. package/lib/helpers/rotation.js +14 -0
  46. package/lib/helpers/rotation.js.map +1 -0
  47. package/lib/helpers/scale.d.ts +31 -0
  48. package/lib/helpers/scale.d.ts.map +1 -0
  49. package/lib/helpers/scale.js +24 -0
  50. package/lib/helpers/scale.js.map +1 -0
  51. package/lib/helpers/visibility.d.ts +21 -0
  52. package/lib/helpers/visibility.d.ts.map +1 -0
  53. package/lib/helpers/visibility.js +7 -0
  54. package/lib/helpers/visibility.js.map +1 -0
  55. package/lib/hooks/index.d.ts +5 -0
  56. package/lib/hooks/index.d.ts.map +1 -0
  57. package/lib/hooks/index.js +5 -0
  58. package/lib/hooks/index.js.map +1 -0
  59. package/lib/hooks/useRatio.d.ts +2 -0
  60. package/lib/hooks/useRatio.d.ts.map +1 -0
  61. package/lib/hooks/useRatio.js +2 -0
  62. package/lib/hooks/useRatio.js.map +1 -0
  63. package/lib/hooks/useRatioEffect.d.ts +5 -0
  64. package/lib/hooks/useRatioEffect.d.ts.map +1 -0
  65. package/lib/hooks/useRatioEffect.js +29 -0
  66. package/lib/hooks/useRatioEffect.js.map +1 -0
  67. package/lib/hooks/useRatioElement.d.ts +11 -0
  68. package/lib/hooks/useRatioElement.d.ts.map +1 -0
  69. package/lib/hooks/useRatioElement.js +47 -0
  70. package/lib/hooks/useRatioElement.js.map +1 -0
  71. package/lib/hooks/useResponsive.d.ts +3 -0
  72. package/lib/hooks/useResponsive.d.ts.map +1 -0
  73. package/lib/hooks/useResponsive.js +29 -0
  74. package/lib/hooks/useResponsive.js.map +1 -0
  75. package/lib/hooks/useResponsiveAnimation.d.ts +3 -0
  76. package/lib/hooks/useResponsiveAnimation.d.ts.map +1 -0
  77. package/lib/hooks/useResponsiveAnimation.js +5 -0
  78. package/lib/hooks/useResponsiveAnimation.js.map +1 -0
  79. package/lib/index.d.ts +20 -0
  80. package/lib/index.d.ts.map +1 -0
  81. package/lib/index.js +12 -0
  82. package/lib/index.js.map +1 -0
  83. package/lib/layout/ResponsiveLayout.d.ts +39 -0
  84. package/lib/layout/ResponsiveLayout.d.ts.map +1 -0
  85. package/lib/layout/ResponsiveLayout.js +48 -0
  86. package/lib/layout/ResponsiveLayout.js.map +1 -0
  87. package/lib/layout/ResponsiveLayout.test.d.ts +2 -0
  88. package/lib/layout/ResponsiveLayout.test.d.ts.map +1 -0
  89. package/lib/layout/ResponsiveLayout.test.js +65 -0
  90. package/lib/scene/index.d.ts +3 -0
  91. package/lib/scene/index.d.ts.map +1 -0
  92. package/lib/scene/index.js +3 -0
  93. package/lib/scene/index.js.map +1 -0
  94. package/lib/scene/integration.d.ts +7 -0
  95. package/lib/scene/integration.d.ts.map +1 -0
  96. package/lib/scene/integration.js +7 -0
  97. package/lib/scene/integration.js.map +1 -0
  98. package/lib/scene/makeResponsiveScene.d.ts +19 -0
  99. package/lib/scene/makeResponsiveScene.d.ts.map +1 -0
  100. package/lib/scene/makeResponsiveScene.js +19 -0
  101. package/lib/scene/makeResponsiveScene.js.map +1 -0
  102. package/lib/types.d.ts +35 -0
  103. package/lib/types.d.ts.map +1 -0
  104. package/lib/types.js +2 -0
  105. package/lib/types.js.map +1 -0
  106. package/package.json +42 -0
  107. package/src/components/ParticleGroup.tsx +36 -0
  108. package/src/components/RatioLayer.tsx +19 -0
  109. package/src/components/index.ts +2 -0
  110. package/src/context/ResponsiveContext.test.ts +112 -0
  111. package/src/context/ResponsiveContext.ts +146 -0
  112. package/src/helpers/color.ts +21 -0
  113. package/src/helpers/filter.ts +18 -0
  114. package/src/helpers/helpers.test.ts +252 -0
  115. package/src/helpers/index.ts +7 -0
  116. package/src/helpers/path.ts +49 -0
  117. package/src/helpers/position.ts +75 -0
  118. package/src/helpers/rotation.ts +27 -0
  119. package/src/helpers/scale.ts +42 -0
  120. package/src/helpers/visibility.ts +13 -0
  121. package/src/hooks/index.ts +4 -0
  122. package/src/hooks/useRatio.ts +1 -0
  123. package/src/hooks/useRatioEffect.ts +42 -0
  124. package/src/hooks/useRatioElement.ts +61 -0
  125. package/src/hooks/useResponsive.ts +36 -0
  126. package/src/hooks/useResponsiveAnimation.ts +8 -0
  127. package/src/index.ts +17 -0
  128. package/src/layout/ResponsiveLayout.test.ts +82 -0
  129. package/src/layout/ResponsiveLayout.ts +89 -0
  130. package/src/scene/index.ts +2 -0
  131. package/src/scene/integration.ts +13 -0
  132. package/src/scene/makeResponsiveScene.ts +49 -0
  133. package/src/types.ts +44 -0
@@ -0,0 +1,224 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ var vitest_1 = require("vitest");
4
+ var rotation_1 = require("./rotation");
5
+ var scale_1 = require("./scale");
6
+ var visibility_1 = require("./visibility");
7
+ var color_1 = require("./color");
8
+ var path_1 = require("./path");
9
+ var filter_1 = require("./filter");
10
+ (0, vitest_1.describe)('Rotation Helpers', function () {
11
+ (0, vitest_1.describe)('rotate.spin', function () {
12
+ (0, vitest_1.it)('should convert turns to degrees', function () {
13
+ (0, vitest_1.expect)(rotation_1.rotate.spin(1)).toBe(360);
14
+ (0, vitest_1.expect)(rotation_1.rotate.spin(2)).toBe(720);
15
+ (0, vitest_1.expect)(rotation_1.rotate.spin(0.5)).toBe(180);
16
+ });
17
+ });
18
+ (0, vitest_1.describe)('rotate.spinCW', function () {
19
+ (0, vitest_1.it)('should return positive degrees', function () {
20
+ (0, vitest_1.expect)(rotation_1.rotate.spinCW(1)).toBe(360);
21
+ });
22
+ });
23
+ (0, vitest_1.describe)('rotate.spinCCW', function () {
24
+ (0, vitest_1.it)('should return negative degrees', function () {
25
+ (0, vitest_1.expect)(rotation_1.rotate.spinCCW(1)).toBe(-360);
26
+ });
27
+ });
28
+ (0, vitest_1.describe)('rotate.pivot', function () {
29
+ (0, vitest_1.it)('should return center pivot', function () {
30
+ (0, vitest_1.expect)(rotation_1.rotate.pivot.center()).toEqual({ x: 0, y: 0 });
31
+ });
32
+ (0, vitest_1.it)('should return corner pivots', function () {
33
+ (0, vitest_1.expect)(rotation_1.rotate.pivot.topLeft()).toEqual({ x: -0.5, y: -0.5 });
34
+ (0, vitest_1.expect)(rotation_1.rotate.pivot.topRight()).toEqual({ x: 0.5, y: -0.5 });
35
+ (0, vitest_1.expect)(rotation_1.rotate.pivot.bottomLeft()).toEqual({ x: -0.5, y: 0.5 });
36
+ (0, vitest_1.expect)(rotation_1.rotate.pivot.bottomRight()).toEqual({ x: 0.5, y: 0.5 });
37
+ });
38
+ (0, vitest_1.it)('should return custom pivot', function () {
39
+ (0, vitest_1.expect)(rotation_1.rotate.pivot.custom(100, 50)).toEqual({ x: 100, y: 50 });
40
+ });
41
+ });
42
+ });
43
+ (0, vitest_1.describe)('Scale Helpers', function () {
44
+ (0, vitest_1.describe)('scale.from', function () {
45
+ (0, vitest_1.it)('should create from-to config', function () {
46
+ var result = scale_1.scale.from(0);
47
+ (0, vitest_1.expect)(result.from).toBe(0);
48
+ (0, vitest_1.expect)(result.to).toBe(1);
49
+ });
50
+ });
51
+ (0, vitest_1.describe)('scale.to', function () {
52
+ (0, vitest_1.it)('should create from-to config', function () {
53
+ var result = scale_1.scale.to(2);
54
+ (0, vitest_1.expect)(result.from).toBe(1);
55
+ (0, vitest_1.expect)(result.to).toBe(2);
56
+ });
57
+ });
58
+ (0, vitest_1.describe)('scale.pop', function () {
59
+ (0, vitest_1.it)('should create bounce keyframes', function () {
60
+ var result = scale_1.scale.pop();
61
+ (0, vitest_1.expect)(result.from).toBe(1);
62
+ (0, vitest_1.expect)(result.to).toBe(1);
63
+ (0, vitest_1.expect)(result.keyframes).toHaveLength(3);
64
+ (0, vitest_1.expect)(result.keyframes[1].scale).toBe(1.1);
65
+ });
66
+ });
67
+ (0, vitest_1.describe)('scale.pulse', function () {
68
+ (0, vitest_1.it)('should create pulse range', function () {
69
+ var result = scale_1.scale.pulse(5);
70
+ (0, vitest_1.expect)(result.from).toBe(0.5);
71
+ (0, vitest_1.expect)(result.to).toBe(1.5);
72
+ });
73
+ });
74
+ (0, vitest_1.describe)('transform', function () {
75
+ (0, vitest_1.it)('should return transform values', function () {
76
+ (0, vitest_1.expect)(scale_1.transform.scaleX(2)).toBe(2);
77
+ (0, vitest_1.expect)(scale_1.transform.scaleY(2)).toBe(2);
78
+ (0, vitest_1.expect)(scale_1.transform.skewX(30)).toBe(30);
79
+ (0, vitest_1.expect)(scale_1.transform.skewY(30)).toBe(30);
80
+ });
81
+ });
82
+ });
83
+ (0, vitest_1.describe)('Visibility Helpers', function () {
84
+ (0, vitest_1.describe)('opacity.fadeIn', function () {
85
+ (0, vitest_1.it)('should create fade in config', function () {
86
+ var result = visibility_1.opacity.fadeIn(1);
87
+ (0, vitest_1.expect)(result.from).toBe(0);
88
+ (0, vitest_1.expect)(result.to).toBe(1);
89
+ (0, vitest_1.expect)(result.duration).toBe(1);
90
+ });
91
+ });
92
+ (0, vitest_1.describe)('opacity.fadeOut', function () {
93
+ (0, vitest_1.it)('should create fade out config', function () {
94
+ var result = visibility_1.opacity.fadeOut(1);
95
+ (0, vitest_1.expect)(result.from).toBe(1);
96
+ (0, vitest_1.expect)(result.to).toBe(0);
97
+ });
98
+ });
99
+ (0, vitest_1.describe)('opacity.flash', function () {
100
+ (0, vitest_1.it)('should create flash config', function () {
101
+ var result = visibility_1.opacity.flash(3);
102
+ (0, vitest_1.expect)(result.times).toBe(3);
103
+ (0, vitest_1.expect)(result.duration).toBeCloseTo(0.6);
104
+ });
105
+ });
106
+ (0, vitest_1.describe)('opacity.blink', function () {
107
+ (0, vitest_1.it)('should create blink config', function () {
108
+ var result = visibility_1.opacity.blink(0.5);
109
+ (0, vitest_1.expect)(result.interval).toBe(0.5);
110
+ });
111
+ });
112
+ });
113
+ (0, vitest_1.describe)('Color Helpers', function () {
114
+ (0, vitest_1.describe)('color.tint', function () {
115
+ (0, vitest_1.it)('should create tint config', function () {
116
+ var result = color_1.color.tint('red', 'blue');
117
+ (0, vitest_1.expect)(result.from).toBe('red');
118
+ (0, vitest_1.expect)(result.to).toBe('blue');
119
+ });
120
+ });
121
+ (0, vitest_1.describe)('color.highlight', function () {
122
+ (0, vitest_1.it)('should create highlight config', function () {
123
+ var result = color_1.color.highlight('yellow');
124
+ (0, vitest_1.expect)(result.color).toBe('yellow');
125
+ (0, vitest_1.expect)(result.duration).toBe(0.3);
126
+ });
127
+ });
128
+ (0, vitest_1.describe)('color.gradient', function () {
129
+ (0, vitest_1.it)('should create gradient config', function () {
130
+ var result = color_1.color.gradient(['red', 'green', 'blue']);
131
+ (0, vitest_1.expect)(result.colors).toEqual(['red', 'green', 'blue']);
132
+ (0, vitest_1.expect)(result.duration).toBe(1.5);
133
+ });
134
+ });
135
+ (0, vitest_1.describe)('stroke.draw', function () {
136
+ (0, vitest_1.it)('should create draw config', function () {
137
+ var result = color_1.stroke.draw(2);
138
+ (0, vitest_1.expect)(result.duration).toBe(2);
139
+ });
140
+ });
141
+ (0, vitest_1.describe)('stroke.dash', function () {
142
+ (0, vitest_1.it)('should create dash config', function () {
143
+ var result = color_1.stroke.dash(10, 5);
144
+ (0, vitest_1.expect)(result.length).toBe(10);
145
+ (0, vitest_1.expect)(result.gap).toBe(5);
146
+ });
147
+ });
148
+ });
149
+ (0, vitest_1.describe)('Path Helpers', function () {
150
+ (0, vitest_1.describe)('path.arc', function () {
151
+ (0, vitest_1.it)('should create arc config', function () {
152
+ var result = path_1.path.arc(0, 180, 100);
153
+ (0, vitest_1.expect)(result.startAngle).toBe(0);
154
+ (0, vitest_1.expect)(result.endAngle).toBe(180);
155
+ (0, vitest_1.expect)(result.radius).toBe(100);
156
+ });
157
+ });
158
+ (0, vitest_1.describe)('path.orbit', function () {
159
+ (0, vitest_1.it)('should create orbit config', function () {
160
+ var result = path_1.path.orbit(0, 0, 200);
161
+ (0, vitest_1.expect)(result.centerX).toBe(0);
162
+ (0, vitest_1.expect)(result.centerY).toBe(0);
163
+ (0, vitest_1.expect)(result.radius).toBe(200);
164
+ (0, vitest_1.expect)(result.duration).toBe(2);
165
+ });
166
+ });
167
+ (0, vitest_1.describe)('path.wave', function () {
168
+ (0, vitest_1.it)('should create wave config', function () {
169
+ var result = path_1.path.wave(50, 2);
170
+ (0, vitest_1.expect)(result.amplitude).toBe(50);
171
+ (0, vitest_1.expect)(result.frequency).toBe(2);
172
+ (0, vitest_1.expect)(result.duration).toBe(1);
173
+ });
174
+ });
175
+ (0, vitest_1.describe)('path.shake', function () {
176
+ (0, vitest_1.it)('should create shake config', function () {
177
+ var result = path_1.path.shake(10);
178
+ (0, vitest_1.expect)(result.intensity).toBe(10);
179
+ (0, vitest_1.expect)(result.duration).toBe(0.5);
180
+ });
181
+ });
182
+ (0, vitest_1.describe)('path.wobble', function () {
183
+ (0, vitest_1.it)('should create wobble config', function () {
184
+ var result = path_1.path.wobble(5);
185
+ (0, vitest_1.expect)(result.intensity).toBe(5);
186
+ (0, vitest_1.expect)(result.duration).toBe(1);
187
+ });
188
+ });
189
+ });
190
+ (0, vitest_1.describe)('Filter Helpers', function () {
191
+ (0, vitest_1.describe)('filter.blur', function () {
192
+ (0, vitest_1.it)('should create blur config', function () {
193
+ var result = filter_1.filter.blur(0, 10);
194
+ (0, vitest_1.expect)(result.from).toBe(0);
195
+ (0, vitest_1.expect)(result.to).toBe(10);
196
+ (0, vitest_1.expect)(result.duration).toBe(1);
197
+ });
198
+ });
199
+ (0, vitest_1.describe)('filter.brightness', function () {
200
+ (0, vitest_1.it)('should create brightness config', function () {
201
+ var result = filter_1.filter.brightness(1.5);
202
+ (0, vitest_1.expect)(result.value).toBe(1.5);
203
+ (0, vitest_1.expect)(result.duration).toBe(0.5);
204
+ });
205
+ });
206
+ (0, vitest_1.describe)('filter.contrast', function () {
207
+ (0, vitest_1.it)('should create contrast config', function () {
208
+ var result = filter_1.filter.contrast(1.2);
209
+ (0, vitest_1.expect)(result.value).toBe(1.2);
210
+ });
211
+ });
212
+ (0, vitest_1.describe)('filter.saturate', function () {
213
+ (0, vitest_1.it)('should create saturate config', function () {
214
+ var result = filter_1.filter.saturate(2);
215
+ (0, vitest_1.expect)(result.value).toBe(2);
216
+ });
217
+ });
218
+ (0, vitest_1.describe)('filter.grayscale', function () {
219
+ (0, vitest_1.it)('should create grayscale config', function () {
220
+ var result = filter_1.filter.grayscale(1);
221
+ (0, vitest_1.expect)(result.value).toBe(1);
222
+ });
223
+ });
224
+ });
@@ -0,0 +1,8 @@
1
+ export * from './color';
2
+ export * from './filter';
3
+ export * from './path';
4
+ export * from './position';
5
+ export * from './rotation';
6
+ export * from './scale';
7
+ export * from './visibility';
8
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
@@ -0,0 +1,8 @@
1
+ export * from './color';
2
+ export * from './filter';
3
+ export * from './path';
4
+ export * from './position';
5
+ export * from './rotation';
6
+ export * from './scale';
7
+ export * from './visibility';
8
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
@@ -0,0 +1,32 @@
1
+ import { Vector2 } from '@efxlab/motion-canvas-core';
2
+ export interface PathHelpers {
3
+ arc: (startAngle: number, endAngle: number, radius: number) => {
4
+ startAngle: number;
5
+ endAngle: number;
6
+ radius: number;
7
+ };
8
+ bezier: (controlPoints: Vector2[]) => {
9
+ controlPoints: Vector2[];
10
+ };
11
+ orbit: (centerX: number, centerY: number, radius: number) => {
12
+ centerX: number;
13
+ centerY: number;
14
+ radius: number;
15
+ duration: number;
16
+ };
17
+ wave: (amplitude: number, frequency: number) => {
18
+ amplitude: number;
19
+ frequency: number;
20
+ duration: number;
21
+ };
22
+ shake: (intensity: number) => {
23
+ intensity: number;
24
+ duration: number;
25
+ };
26
+ wobble: (intensity: number) => {
27
+ intensity: number;
28
+ duration: number;
29
+ };
30
+ }
31
+ export declare const path: PathHelpers;
32
+ //# sourceMappingURL=path.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"path.d.ts","sourceRoot":"","sources":["../../src/helpers/path.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,4BAA4B,CAAC;AAEnD,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,CACH,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,MAAM,KACX;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC,CAAC;IAC5D,MAAM,EAAE,CAAC,aAAa,EAAE,OAAO,EAAE,KAAK;QAAC,aAAa,EAAE,OAAO,EAAE,CAAA;KAAC,CAAC;IACjE,KAAK,EAAE,CACL,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,KACX;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAC,CAAC;IAC1E,IAAI,EAAE,CACJ,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,KACd;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAC,CAAC;IAC9D,KAAK,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAC,CAAC;IACpE,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAC,CAAC;CACtE;AAED,eAAO,MAAM,IAAI,EAAE,WA0BlB,CAAC"}
@@ -0,0 +1,28 @@
1
+ export const path = {
2
+ arc: (startAngle, endAngle, radius) => ({
3
+ startAngle,
4
+ endAngle,
5
+ radius,
6
+ }),
7
+ bezier: (controlPoints) => ({ controlPoints }),
8
+ orbit: (centerX, centerY, radius) => ({
9
+ centerX,
10
+ centerY,
11
+ radius,
12
+ duration: 2,
13
+ }),
14
+ wave: (amplitude, frequency) => ({
15
+ amplitude,
16
+ frequency,
17
+ duration: 1,
18
+ }),
19
+ shake: (intensity) => ({
20
+ intensity,
21
+ duration: 0.5,
22
+ }),
23
+ wobble: (intensity) => ({
24
+ intensity,
25
+ duration: 1,
26
+ }),
27
+ };
28
+ //# sourceMappingURL=path.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"path.js","sourceRoot":"","sources":["../../src/helpers/path.ts"],"names":[],"mappings":"AAsBA,MAAM,CAAC,MAAM,IAAI,GAAgB;IAC/B,GAAG,EAAE,CAAC,UAAkB,EAAE,QAAgB,EAAE,MAAc,EAAE,EAAE,CAAC,CAAC;QAC9D,UAAU;QACV,QAAQ;QACR,MAAM;KACP,CAAC;IACF,MAAM,EAAE,CAAC,aAAwB,EAAE,EAAE,CAAC,CAAC,EAAC,aAAa,EAAC,CAAC;IACvD,KAAK,EAAE,CAAC,OAAe,EAAE,OAAe,EAAE,MAAc,EAAE,EAAE,CAAC,CAAC;QAC5D,OAAO;QACP,OAAO;QACP,MAAM;QACN,QAAQ,EAAE,CAAC;KACZ,CAAC;IACF,IAAI,EAAE,CAAC,SAAiB,EAAE,SAAiB,EAAE,EAAE,CAAC,CAAC;QAC/C,SAAS;QACT,SAAS;QACT,QAAQ,EAAE,CAAC;KACZ,CAAC;IACF,KAAK,EAAE,CAAC,SAAiB,EAAE,EAAE,CAAC,CAAC;QAC7B,SAAS;QACT,QAAQ,EAAE,GAAG;KACd,CAAC;IACF,MAAM,EAAE,CAAC,SAAiB,EAAE,EAAE,CAAC,CAAC;QAC9B,SAAS;QACT,QAAQ,EAAE,CAAC;KACZ,CAAC;CACH,CAAC"}
@@ -0,0 +1,20 @@
1
+ export interface PositionHelpers {
2
+ offLeft: (margin?: number) => number;
3
+ offRight: (margin?: number) => number;
4
+ offTop: (margin?: number) => number;
5
+ offBottom: (margin?: number) => number;
6
+ fromLeft: (margin?: number) => number;
7
+ fromRight: (margin?: number) => number;
8
+ fromTop: (margin?: number) => number;
9
+ fromBottom: (margin?: number) => number;
10
+ }
11
+ export declare function createPositionHelpers(elementWidth?: number, elementHeight?: number): PositionHelpers;
12
+ export declare const offLeft: (margin?: number, elementWidth?: number) => number;
13
+ export declare const offRight: (margin?: number, elementWidth?: number) => number;
14
+ export declare const offTop: (margin?: number, elementHeight?: number) => number;
15
+ export declare const offBottom: (margin?: number, elementHeight?: number) => number;
16
+ export declare const fromLeft: (margin?: number, elementWidth?: number) => number;
17
+ export declare const fromRight: (margin?: number, elementWidth?: number) => number;
18
+ export declare const fromTop: (margin?: number, elementHeight?: number) => number;
19
+ export declare const fromBottom: (margin?: number, elementHeight?: number) => number;
20
+ //# sourceMappingURL=position.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"position.d.ts","sourceRoot":"","sources":["../../src/helpers/position.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACrC,QAAQ,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,MAAM,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,SAAS,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,QAAQ,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,SAAS,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,OAAO,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACrC,UAAU,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;CACzC;AAED,wBAAgB,qBAAqB,CACnC,YAAY,GAAE,MAAU,EACxB,aAAa,GAAE,MAAU,GACxB,eAAe,CAkBjB;AAED,eAAO,MAAM,OAAO,GAAI,eAAU,EAAE,qBAAgB,KAAG,MAGtD,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,eAAU,EAAE,qBAAgB,KAAG,MAGvD,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,eAAU,EAAE,sBAAiB,KAAG,MAGtD,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,eAAU,EAAE,sBAAiB,KAAG,MAGzD,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,eAAU,EAAE,qBAAgB,KAAG,MAGvD,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,eAAU,EAAE,qBAAgB,KAAG,MAGxD,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,eAAU,EAAE,sBAAiB,KAAG,MAGvD,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,eAAU,EAAE,sBAAiB,KAAG,MAG1D,CAAC"}
@@ -0,0 +1,52 @@
1
+ import { useResponsiveContext } from '../context/ResponsiveContext';
2
+ export function createPositionHelpers(elementWidth = 0, elementHeight = 0) {
3
+ const state = useResponsiveContext();
4
+ const { width, height } = state;
5
+ const hw = width / 2;
6
+ const hh = height / 2;
7
+ const elHalfW = elementWidth / 2;
8
+ const elHalfH = elementHeight / 2;
9
+ return {
10
+ offLeft: (margin = 0) => -hw - elHalfW - margin,
11
+ offRight: (margin = 0) => hw + elHalfW + margin,
12
+ offTop: (margin = 0) => -hh - elHalfH - margin,
13
+ offBottom: (margin = 0) => hh + elHalfH + margin,
14
+ fromLeft: (margin = 0) => -hw + elHalfW + margin,
15
+ fromRight: (margin = 0) => hw - elHalfW - margin,
16
+ fromTop: (margin = 0) => -hh + elHalfH + margin,
17
+ fromBottom: (margin = 0) => hh - elHalfH - margin,
18
+ };
19
+ }
20
+ export const offLeft = (margin = 0, elementWidth = 0) => {
21
+ const state = useResponsiveContext();
22
+ return -state.width / 2 - elementWidth / 2 - margin;
23
+ };
24
+ export const offRight = (margin = 0, elementWidth = 0) => {
25
+ const state = useResponsiveContext();
26
+ return state.width / 2 + elementWidth / 2 + margin;
27
+ };
28
+ export const offTop = (margin = 0, elementHeight = 0) => {
29
+ const state = useResponsiveContext();
30
+ return -state.height / 2 - elementHeight / 2 - margin;
31
+ };
32
+ export const offBottom = (margin = 0, elementHeight = 0) => {
33
+ const state = useResponsiveContext();
34
+ return state.height / 2 + elementHeight / 2 + margin;
35
+ };
36
+ export const fromLeft = (margin = 0, elementWidth = 0) => {
37
+ const state = useResponsiveContext();
38
+ return -state.width / 2 + elementWidth / 2 + margin;
39
+ };
40
+ export const fromRight = (margin = 0, elementWidth = 0) => {
41
+ const state = useResponsiveContext();
42
+ return state.width / 2 - elementWidth / 2 - margin;
43
+ };
44
+ export const fromTop = (margin = 0, elementHeight = 0) => {
45
+ const state = useResponsiveContext();
46
+ return -state.height / 2 + elementHeight / 2 + margin;
47
+ };
48
+ export const fromBottom = (margin = 0, elementHeight = 0) => {
49
+ const state = useResponsiveContext();
50
+ return state.height / 2 - elementHeight / 2 - margin;
51
+ };
52
+ //# sourceMappingURL=position.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"position.js","sourceRoot":"","sources":["../../src/helpers/position.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,33 @@
1
+ export interface RotationHelpers {
2
+ spin: (turns: number) => number;
3
+ spinCW: (turns: number) => number;
4
+ spinCCW: (turns: number) => number;
5
+ pivot: {
6
+ center: () => {
7
+ x: number;
8
+ y: number;
9
+ };
10
+ topLeft: () => {
11
+ x: number;
12
+ y: number;
13
+ };
14
+ topRight: () => {
15
+ x: number;
16
+ y: number;
17
+ };
18
+ bottomLeft: () => {
19
+ x: number;
20
+ y: number;
21
+ };
22
+ bottomRight: () => {
23
+ x: number;
24
+ y: number;
25
+ };
26
+ custom: (x: number, y: number) => {
27
+ x: number;
28
+ y: number;
29
+ };
30
+ };
31
+ }
32
+ export declare const rotate: RotationHelpers;
33
+ //# sourceMappingURL=rotation.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"rotation.d.ts","sourceRoot":"","sources":["../../src/helpers/rotation.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAChC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClC,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACnC,KAAK,EAAE;QACL,MAAM,EAAE,MAAM;YAAC,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAC,CAAC;QACrC,OAAO,EAAE,MAAM;YAAC,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAC,CAAC;QACtC,QAAQ,EAAE,MAAM;YAAC,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAC,CAAC;QACvC,UAAU,EAAE,MAAM;YAAC,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAC,CAAC;QACzC,WAAW,EAAE,MAAM;YAAC,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAC,CAAC;QAC1C,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK;YAAC,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAC,CAAC;KAC1D,CAAC;CACH;AAED,eAAO,MAAM,MAAM,EAAE,eAYpB,CAAC"}
@@ -0,0 +1,14 @@
1
+ export const rotate = {
2
+ spin: (turns) => turns * 360,
3
+ spinCW: (turns) => turns * 360,
4
+ spinCCW: (turns) => -turns * 360,
5
+ pivot: {
6
+ center: () => ({ x: 0, y: 0 }),
7
+ topLeft: () => ({ x: -0.5, y: -0.5 }),
8
+ topRight: () => ({ x: 0.5, y: -0.5 }),
9
+ bottomLeft: () => ({ x: -0.5, y: 0.5 }),
10
+ bottomRight: () => ({ x: 0.5, y: 0.5 }),
11
+ custom: (x, y) => ({ x, y }),
12
+ },
13
+ };
14
+ //# sourceMappingURL=rotation.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"rotation.js","sourceRoot":"","sources":["../../src/helpers/rotation.ts"],"names":[],"mappings":"AAcA,MAAM,CAAC,MAAM,MAAM,GAAoB;IACrC,IAAI,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,GAAG,GAAG;IACpC,MAAM,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,GAAG,GAAG;IACtC,OAAO,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,GAAG;IACxC,KAAK,EAAE;QACL,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAC,CAAC;QAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,EAAC,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,EAAC,CAAC;QACnC,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,EAAC,CAAC;QACnC,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC,EAAC,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAC,CAAC;QACrC,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC,EAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAC,CAAC;QACrC,MAAM,EAAE,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE,CAAC,CAAC,EAAC,CAAC,EAAE,CAAC,EAAC,CAAC;KAC3C;CACF,CAAC"}
@@ -0,0 +1,31 @@
1
+ export interface ScaleHelpers {
2
+ from: (value: number) => {
3
+ from: number;
4
+ to: number;
5
+ };
6
+ to: (value: number) => {
7
+ from: number;
8
+ to: number;
9
+ };
10
+ pop: () => {
11
+ from: number;
12
+ to: number;
13
+ keyframes: Array<{
14
+ progress: number;
15
+ scale: number;
16
+ }>;
17
+ };
18
+ pulse: (intensity: number) => {
19
+ from: number;
20
+ to: number;
21
+ };
22
+ }
23
+ export interface TransformHelpers {
24
+ scaleX: (value: number) => number;
25
+ scaleY: (value: number) => number;
26
+ skewX: (degrees: number) => number;
27
+ skewY: (degrees: number) => number;
28
+ }
29
+ export declare const scale: ScaleHelpers;
30
+ export declare const transform: TransformHelpers;
31
+ //# sourceMappingURL=scale.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"scale.d.ts","sourceRoot":"","sources":["../../src/helpers/scale.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAC,CAAC;IACpD,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAC,CAAC;IAClD,GAAG,EAAE,MAAM;QACT,IAAI,EAAE,MAAM,CAAC;QACb,EAAE,EAAE,MAAM,CAAC;QACX,SAAS,EAAE,KAAK,CAAC;YAAC,QAAQ,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC,CAAC,CAAC;KACrD,CAAC;IACF,KAAK,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAC,CAAC;CAC1D;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClC,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;IACnC,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;CACpC;AAED,eAAO,MAAM,KAAK,EAAE,YAgBnB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,gBAKvB,CAAC"}
@@ -0,0 +1,24 @@
1
+ export const scale = {
2
+ from: (value) => ({ from: value, to: 1 }),
3
+ to: (value) => ({ from: 1, to: value }),
4
+ pop: () => ({
5
+ from: 1,
6
+ to: 1,
7
+ keyframes: [
8
+ { progress: 0, scale: 1 },
9
+ { progress: 0.5, scale: 1.1 },
10
+ { progress: 1, scale: 1 },
11
+ ],
12
+ }),
13
+ pulse: (intensity) => ({
14
+ from: 1 - intensity * 0.1,
15
+ to: 1 + intensity * 0.1,
16
+ }),
17
+ };
18
+ export const transform = {
19
+ scaleX: (value) => value,
20
+ scaleY: (value) => value,
21
+ skewX: (degrees) => degrees,
22
+ skewY: (degrees) => degrees,
23
+ };
24
+ //# sourceMappingURL=scale.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"scale.js","sourceRoot":"","sources":["../../src/helpers/scale.ts"],"names":[],"mappings":"AAkBA,MAAM,CAAC,MAAM,KAAK,GAAiB;IACjC,IAAI,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,EAAC,CAAC;IAC/C,EAAE,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,EAAC,CAAC;IAC7C,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QACV,IAAI,EAAE,CAAC;QACP,EAAE,EAAE,CAAC;QACL,SAAS,EAAE;YACT,EAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAC;YACvB,EAAC,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAC;YAC3B,EAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAC;SACxB;KACF,CAAC;IACF,KAAK,EAAE,CAAC,SAAiB,EAAE,EAAE,CAAC,CAAC;QAC7B,IAAI,EAAE,CAAC,GAAG,SAAS,GAAG,GAAG;QACzB,EAAE,EAAE,CAAC,GAAG,SAAS,GAAG,GAAG;KACxB,CAAC;CACH,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAqB;IACzC,MAAM,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK;IAChC,MAAM,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK;IAChC,KAAK,EAAE,CAAC,OAAe,EAAE,EAAE,CAAC,OAAO;IACnC,KAAK,EAAE,CAAC,OAAe,EAAE,EAAE,CAAC,OAAO;CACpC,CAAC"}
@@ -0,0 +1,21 @@
1
+ export interface VisibilityHelpers {
2
+ fadeIn: (duration: number) => {
3
+ from: number;
4
+ to: number;
5
+ duration: number;
6
+ };
7
+ fadeOut: (duration: number) => {
8
+ from: number;
9
+ to: number;
10
+ duration: number;
11
+ };
12
+ flash: (times: number) => {
13
+ times: number;
14
+ duration: number;
15
+ };
16
+ blink: (interval: number) => {
17
+ interval: number;
18
+ };
19
+ }
20
+ export declare const opacity: VisibilityHelpers;
21
+ //# sourceMappingURL=visibility.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"visibility.d.ts","sourceRoot":"","sources":["../../src/helpers/visibility.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAC,CAAC;IAC3E,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAC,CAAC;IAC5E,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAC,CAAC;IAC5D,KAAK,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAC,CAAC;CACjD;AAED,eAAO,MAAM,OAAO,EAAE,iBAKrB,CAAC"}
@@ -0,0 +1,7 @@
1
+ export const opacity = {
2
+ fadeIn: (duration) => ({ from: 0, to: 1, duration }),
3
+ fadeOut: (duration) => ({ from: 1, to: 0, duration }),
4
+ flash: (times) => ({ times, duration: times * 0.2 }),
5
+ blink: (interval) => ({ interval }),
6
+ };
7
+ //# sourceMappingURL=visibility.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"visibility.js","sourceRoot":"","sources":["../../src/helpers/visibility.ts"],"names":[],"mappings":"AAOA,MAAM,CAAC,MAAM,OAAO,GAAsB;IACxC,MAAM,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAC,CAAC;IAC1D,OAAO,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAC,CAAC;IAC3D,KAAK,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,GAAG,GAAG,EAAC,CAAC;IAC1D,KAAK,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,CAAC,EAAC,QAAQ,EAAC,CAAC;CAC1C,CAAC"}
@@ -0,0 +1,5 @@
1
+ export * from './useRatioEffect';
2
+ export * from './useRatioElement';
3
+ export * from './useResponsive';
4
+ export * from './useResponsiveAnimation';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC"}
@@ -0,0 +1,5 @@
1
+ export * from './useRatioEffect';
2
+ export * from './useRatioElement';
3
+ export * from './useResponsive';
4
+ export * from './useResponsiveAnimation';
5
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { useRatio } from '../layout/ResponsiveLayout';
2
+ //# sourceMappingURL=useRatio.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useRatio.d.ts","sourceRoot":"","sources":["../../src/hooks/useRatio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,4BAA4B,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { useRatio } from '../layout/ResponsiveLayout';
2
+ //# sourceMappingURL=useRatio.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useRatio.js","sourceRoot":"","sources":["../../src/hooks/useRatio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,4BAA4B,CAAC"}
@@ -0,0 +1,5 @@
1
+ import type { RatioClass, RatioId } from '../types';
2
+ type RatioCondition = RatioId | RatioClass | 'portrait' | 'landscape' | 'square' | 'ultrawide';
3
+ export declare function useRatioEffect(condition: RatioCondition | RatioCondition[], callback: () => void | (() => void), deps?: any[]): void;
4
+ export {};
5
+ //# sourceMappingURL=useRatioEffect.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useRatioEffect.d.ts","sourceRoot":"","sources":["../../src/hooks/useRatioEffect.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,UAAU,EAAE,OAAO,EAAC,MAAM,UAAU,CAAC;AAElD,KAAK,cAAc,GACf,OAAO,GACP,UAAU,GACV,UAAU,GACV,WAAW,GACX,QAAQ,GACR,WAAW,CAAC;AAEhB,wBAAgB,cAAc,CAC5B,SAAS,EAAE,cAAc,GAAG,cAAc,EAAE,EAC5C,QAAQ,EAAE,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,EACnC,IAAI,GAAE,GAAG,EAAO,QAuBjB"}