@ssgoi/core 3.4.0 → 3.5.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 (41) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.d.ts +0 -1
  3. package/dist/index.d.ts.map +1 -1
  4. package/dist/index.js +12 -14
  5. package/dist/transitions/blur.d.ts +2 -5
  6. package/dist/transitions/blur.d.ts.map +1 -1
  7. package/dist/transitions/bounce.d.ts +2 -5
  8. package/dist/transitions/bounce.d.ts.map +1 -1
  9. package/dist/transitions/fade.d.ts +2 -5
  10. package/dist/transitions/fade.d.ts.map +1 -1
  11. package/dist/transitions/fly.d.ts +2 -5
  12. package/dist/transitions/fly.d.ts.map +1 -1
  13. package/dist/transitions/index.cjs +1 -1
  14. package/dist/transitions/index.js +181 -172
  15. package/dist/transitions/mask.d.ts +2 -5
  16. package/dist/transitions/mask.d.ts.map +1 -1
  17. package/dist/transitions/none.d.ts +2 -5
  18. package/dist/transitions/none.d.ts.map +1 -1
  19. package/dist/transitions/rotate.d.ts +2 -5
  20. package/dist/transitions/rotate.d.ts.map +1 -1
  21. package/dist/transitions/scale.d.ts +2 -5
  22. package/dist/transitions/scale.d.ts.map +1 -1
  23. package/dist/transitions/slide.d.ts +2 -5
  24. package/dist/transitions/slide.d.ts.map +1 -1
  25. package/dist/view-transitions/depth.d.ts +19 -0
  26. package/dist/view-transitions/depth.d.ts.map +1 -0
  27. package/dist/view-transitions/index.cjs +13 -13
  28. package/dist/view-transitions/index.d.ts +5 -2
  29. package/dist/view-transitions/index.d.ts.map +1 -1
  30. package/dist/view-transitions/index.js +980 -602
  31. package/dist/view-transitions/instagram.d.ts.map +1 -1
  32. package/dist/view-transitions/jaemin.d.ts +0 -4
  33. package/dist/view-transitions/jaemin.d.ts.map +1 -1
  34. package/dist/view-transitions/pinterest.d.ts.map +1 -1
  35. package/dist/view-transitions/sheet.d.ts +19 -0
  36. package/dist/view-transitions/sheet.d.ts.map +1 -0
  37. package/dist/view-transitions/swap.d.ts +13 -0
  38. package/dist/view-transitions/swap.d.ts.map +1 -0
  39. package/package.json +1 -1
  40. package/dist/jaemin-BG8HRXG1.cjs +0 -1
  41. package/dist/jaemin-BWkrXq0V.js +0 -131
@@ -1,78 +1,81 @@
1
- const b = ($ = {}) => {
2
- const { from: t = 0, to: c = 1, spring: n, key: a } = $, e = {
3
- stiffness: (n == null ? void 0 : n.stiffness) ?? 300,
4
- damping: (n == null ? void 0 : n.damping) ?? 30
1
+ const S = ($ = {}) => {
2
+ const { from: t = 0, to: n = 1, spring: a, key: c } = $, s = {
3
+ stiffness: (a == null ? void 0 : a.stiffness) ?? 300,
4
+ damping: (a == null ? void 0 : a.damping) ?? 30,
5
+ doubleSpring: (a == null ? void 0 : a.doubleSpring) ?? !1
5
6
  };
6
7
  return {
7
8
  in: () => ({
8
- spring: e,
9
- css: (s) => ({
10
- opacity: t + (c - t) * s
9
+ spring: s,
10
+ css: (e) => ({
11
+ opacity: t + (n - t) * e
11
12
  })
12
13
  }),
13
14
  out: () => ({
14
- spring: e,
15
- css: (s) => ({
16
- opacity: t + (c - t) * s
15
+ spring: s,
16
+ css: (e) => ({
17
+ opacity: t + (n - t) * e
17
18
  })
18
19
  }),
19
- ...a && { key: a }
20
+ ...c && { key: c }
20
21
  };
21
- }, k = ($ = {}) => {
22
+ }, p = ($ = {}) => {
22
23
  const {
23
24
  start: t = 0,
24
- opacity: c = 0,
25
- axis: n = "both",
26
- spring: a,
27
- key: e
28
- } = $, s = {
29
- stiffness: (a == null ? void 0 : a.stiffness) ?? 300,
30
- damping: (a == null ? void 0 : a.damping) ?? 30
31
- }, u = (r) => {
32
- switch (n) {
25
+ opacity: n = 0,
26
+ axis: a = "both",
27
+ spring: c,
28
+ key: s
29
+ } = $, e = {
30
+ stiffness: (c == null ? void 0 : c.stiffness) ?? 300,
31
+ damping: (c == null ? void 0 : c.damping) ?? 30,
32
+ doubleSpring: (c == null ? void 0 : c.doubleSpring) ?? !1
33
+ }, f = (l) => {
34
+ switch (a) {
33
35
  case "x":
34
- return `scaleX(${r})`;
36
+ return `scaleX(${l})`;
35
37
  case "y":
36
- return `scaleY(${r})`;
38
+ return `scaleY(${l})`;
37
39
  case "both":
38
40
  default:
39
- return `scale(${r})`;
41
+ return `scale(${l})`;
40
42
  }
41
- }, o = (r) => {
42
- const f = t + (1 - t) * r;
43
+ }, r = (l) => {
44
+ const u = t + (1 - t) * l;
43
45
  return {
44
- transform: u(f),
45
- opacity: c + (1 - c) * r
46
+ transform: f(u),
47
+ opacity: n + (1 - n) * l
46
48
  };
47
49
  };
48
50
  return {
49
51
  in: () => ({
50
- spring: s,
51
- css: o
52
+ spring: e,
53
+ css: r
52
54
  }),
53
55
  out: () => ({
54
- spring: s,
55
- css: o
56
+ spring: e,
57
+ css: r
56
58
  }),
57
- ...e && { key: e }
59
+ ...s && { key: s }
58
60
  };
59
- }, w = ($ = {}) => {
61
+ }, k = ($ = {}) => {
60
62
  const {
61
63
  direction: t,
62
- distance: c = 100,
63
- opacity: n = 0,
64
- fade: a = !0,
65
- axis: e,
66
- spring: s,
67
- key: u
68
- } = $, o = {
69
- stiffness: (s == null ? void 0 : s.stiffness) ?? 400,
70
- damping: (s == null ? void 0 : s.damping) ?? 35
71
- }, f = t || (e === "x" ? "left" : e === "y" ? "up" : "left"), i = (y) => {
72
- const l = 1 - y;
73
- if (typeof c == "number") {
74
- const d = l * c;
75
- switch (f) {
64
+ distance: n = 100,
65
+ opacity: a = 0,
66
+ fade: c = !0,
67
+ axis: s,
68
+ spring: e,
69
+ key: f
70
+ } = $, r = {
71
+ stiffness: (e == null ? void 0 : e.stiffness) ?? 400,
72
+ damping: (e == null ? void 0 : e.damping) ?? 35,
73
+ doubleSpring: (e == null ? void 0 : e.doubleSpring) ?? !1
74
+ }, u = t || (s === "x" ? "left" : s === "y" ? "up" : "left"), o = (y) => {
75
+ const i = 1 - y;
76
+ if (typeof n == "number") {
77
+ const d = i * n;
78
+ switch (u) {
76
79
  case "left":
77
80
  return `translate3d(${-d}px, 0, 0)`;
78
81
  case "right":
@@ -83,168 +86,173 @@ const b = ($ = {}) => {
83
86
  return `translate3d(0, ${d}px, 0)`;
84
87
  }
85
88
  } else
86
- switch (f) {
89
+ switch (u) {
87
90
  case "left":
88
- return `translate3d(calc(-1 * ${c} * ${l}), 0, 0)`;
91
+ return `translate3d(calc(-1 * ${n} * ${i}), 0, 0)`;
89
92
  case "right":
90
- return `translate3d(calc(${c} * ${l}), 0, 0)`;
93
+ return `translate3d(calc(${n} * ${i}), 0, 0)`;
91
94
  case "up":
92
- return `translate3d(0, calc(-1 * ${c} * ${l}), 0)`;
95
+ return `translate3d(0, calc(-1 * ${n} * ${i}), 0)`;
93
96
  case "down":
94
- return `translate3d(0, calc(${c} * ${l}), 0)`;
97
+ return `translate3d(0, calc(${n} * ${i}), 0)`;
95
98
  }
96
99
  }, m = (y) => {
97
- const l = {
98
- transform: i(y)
100
+ const i = {
101
+ transform: o(y)
99
102
  };
100
- return a && (l.opacity = n + (1 - n) * y), l;
103
+ return c && (i.opacity = a + (1 - a) * y), i;
101
104
  };
102
105
  return {
103
106
  in: () => ({
104
- spring: o,
107
+ spring: r,
105
108
  css: m
106
109
  }),
107
110
  out: () => ({
108
- spring: o,
111
+ spring: r,
109
112
  css: m
110
113
  }),
111
- ...u && { key: u }
114
+ ...f && { key: f }
112
115
  };
113
- }, C = ($ = {}) => {
116
+ }, w = ($ = {}) => {
114
117
  const {
115
118
  degrees: t = 360,
116
- clockwise: c = !0,
117
- scale: n = !1,
118
- fade: a = !0,
119
- origin: e = "center",
120
- axis: s = "2d",
121
- perspective: u = 800,
122
- spring: o,
123
- key: r
124
- } = $, f = {
125
- stiffness: (o == null ? void 0 : o.stiffness) ?? 500,
126
- damping: (o == null ? void 0 : o.damping) ?? 25
127
- }, i = c ? t : -t, m = (l) => {
128
- const d = (1 - l) * i;
129
- switch (s) {
119
+ clockwise: n = !0,
120
+ scale: a = !1,
121
+ fade: c = !0,
122
+ origin: s = "center",
123
+ axis: e = "2d",
124
+ perspective: f = 800,
125
+ spring: r,
126
+ key: l
127
+ } = $, u = {
128
+ stiffness: (r == null ? void 0 : r.stiffness) ?? 500,
129
+ damping: (r == null ? void 0 : r.damping) ?? 25,
130
+ doubleSpring: (r == null ? void 0 : r.doubleSpring) ?? !1
131
+ }, o = n ? t : -t, m = (i) => {
132
+ const d = (1 - i) * o;
133
+ switch (e) {
130
134
  case "x":
131
- return `perspective(${u}px) rotateX(${d}deg)`;
135
+ return `perspective(${f}px) rotateX(${d}deg)`;
132
136
  case "y":
133
- return `perspective(${u}px) rotateY(${d}deg)`;
137
+ return `perspective(${f}px) rotateY(${d}deg)`;
134
138
  case "z":
135
139
  return `rotateZ(${d}deg)`;
136
140
  case "2d":
137
141
  default:
138
142
  return `rotate(${d}deg)`;
139
143
  }
140
- }, y = (l) => {
141
- const d = {}, g = [m(l)];
142
- return n && g.push(`scale(${l})`), d.transform = g.join(" "), d.transformOrigin = e, a && (d.opacity = l), d;
144
+ }, y = (i) => {
145
+ const d = {}, g = [m(i)];
146
+ return a && g.push(`scale(${i})`), d.transform = g.join(" "), d.transformOrigin = s, c && (d.opacity = i), d;
143
147
  };
144
148
  return {
145
149
  in: () => ({
146
- spring: f,
150
+ spring: u,
147
151
  css: y
148
152
  }),
149
153
  out: () => ({
150
- spring: f,
154
+ spring: u,
151
155
  css: y
152
156
  }),
153
- ...r && { key: r }
157
+ ...l && { key: l }
154
158
  };
155
- }, M = ($ = {}) => {
159
+ }, C = ($ = {}) => {
156
160
  const {
157
161
  height: t = 20,
158
- intensity: c = 1,
159
- scale: n = !0,
160
- fade: a = !0,
161
- direction: e = "up",
162
- spring: s,
163
- key: u
164
- } = $, o = {
165
- stiffness: (s == null ? void 0 : s.stiffness) ?? 800,
166
- damping: (s == null ? void 0 : s.damping) ?? 15
167
- }, r = (f) => {
168
- const i = {}, m = [], y = Math.sin(f * Math.PI * (1 + c)), l = 1 - f, d = y * t * l;
169
- if (e === "up" ? m.push(`translateY(${-Math.abs(d)}px)`) : m.push(`translateY(${Math.abs(d)}px)`), n) {
170
- const g = 0.8 + f * 0.2 + y * 0.05 * l;
162
+ intensity: n = 1,
163
+ scale: a = !0,
164
+ fade: c = !0,
165
+ direction: s = "up",
166
+ spring: e,
167
+ key: f
168
+ } = $, r = {
169
+ stiffness: (e == null ? void 0 : e.stiffness) ?? 800,
170
+ damping: (e == null ? void 0 : e.damping) ?? 15,
171
+ doubleSpring: (e == null ? void 0 : e.doubleSpring) ?? !1
172
+ }, l = (u) => {
173
+ const o = {}, m = [], y = Math.sin(u * Math.PI * (1 + n)), i = 1 - u, d = y * t * i;
174
+ if (s === "up" ? m.push(`translateY(${-Math.abs(d)}px)`) : m.push(`translateY(${Math.abs(d)}px)`), a) {
175
+ const g = 0.8 + u * 0.2 + y * 0.05 * i;
171
176
  m.push(`scale(${g})`);
172
177
  }
173
- return i.transform = m.join(" "), a && (i.opacity = f), i;
178
+ return o.transform = m.join(" "), c && (o.opacity = u), o;
174
179
  };
175
180
  return {
176
181
  in: () => ({
177
- spring: o,
178
- css: r
182
+ spring: r,
183
+ css: l
179
184
  }),
180
185
  out: () => ({
181
- spring: o,
182
- css: r
186
+ spring: r,
187
+ css: l
183
188
  }),
184
- ...u && { key: u }
189
+ ...f && { key: f }
185
190
  };
186
- }, z = ($ = {}) => {
191
+ }, M = ($ = {}) => {
187
192
  const {
188
193
  amount: t = 10,
189
- opacity: c = 0,
190
- scale: n = !1,
191
- fade: a = !0,
192
- spring: e,
193
- key: s
194
- } = $, u = {
195
- stiffness: (e == null ? void 0 : e.stiffness) ?? 300,
196
- damping: (e == null ? void 0 : e.damping) ?? 30
197
- }, o = (r) => {
198
- const f = 1 - r, i = {};
199
- return typeof t == "number" ? i.filter = `blur(${f * t}px)` : i.filter = `blur(calc(${t} * ${f}))`, n && (i.transform = `scale(${0.8 + r * 0.2})`), a && (i.opacity = c + (1 - c) * r), i;
194
+ opacity: n = 0,
195
+ scale: a = !1,
196
+ fade: c = !0,
197
+ spring: s,
198
+ key: e
199
+ } = $, f = {
200
+ stiffness: (s == null ? void 0 : s.stiffness) ?? 300,
201
+ damping: (s == null ? void 0 : s.damping) ?? 30,
202
+ doubleSpring: (s == null ? void 0 : s.doubleSpring) ?? !1
203
+ }, r = (l) => {
204
+ const u = 1 - l, o = {};
205
+ return typeof t == "number" ? o.filter = `blur(${u * t}px)` : o.filter = `blur(calc(${t} * ${u}))`, a && (o.transform = `scale(${0.8 + l * 0.2})`), c && (o.opacity = n + (1 - n) * l), o;
200
206
  };
201
207
  return {
202
208
  in: () => ({
203
- spring: u,
204
- css: o
209
+ spring: f,
210
+ css: r
205
211
  }),
206
212
  out: () => ({
207
- spring: u,
208
- css: o
213
+ spring: f,
214
+ css: r
209
215
  }),
210
- ...s && { key: s }
216
+ ...e && { key: e }
211
217
  };
212
- }, P = ($ = {}) => {
213
- const { x: t = 0, y: c = -100, opacity: n = 0, spring: a, key: e } = $, s = {
214
- stiffness: (a == null ? void 0 : a.stiffness) ?? 400,
215
- damping: (a == null ? void 0 : a.damping) ?? 35
216
- }, u = (o) => {
217
- const r = 1 - o;
218
- let f, i;
219
- return typeof t == "number" ? f = `${r * t}px` : f = `calc(${t} * ${r})`, typeof c == "number" ? i = `${r * c}px` : i = `calc(${c} * ${r})`, {
220
- transform: `translate3d(${f}, ${i}, 0)`,
221
- opacity: n + (1 - n) * o
218
+ }, z = ($ = {}) => {
219
+ const { x: t = 0, y: n = -100, opacity: a = 0, spring: c, key: s } = $, e = {
220
+ stiffness: (c == null ? void 0 : c.stiffness) ?? 400,
221
+ damping: (c == null ? void 0 : c.damping) ?? 35,
222
+ doubleSpring: (c == null ? void 0 : c.doubleSpring) ?? !1
223
+ }, f = (r) => {
224
+ const l = 1 - r;
225
+ let u, o;
226
+ return typeof t == "number" ? u = `${l * t}px` : u = `calc(${t} * ${l})`, typeof n == "number" ? o = `${l * n}px` : o = `calc(${n} * ${l})`, {
227
+ transform: `translate3d(${u}, ${o}, 0)`,
228
+ opacity: a + (1 - a) * r
222
229
  };
223
230
  };
224
231
  return {
225
232
  in: () => ({
226
- spring: s,
227
- css: u
233
+ spring: e,
234
+ css: f
228
235
  }),
229
236
  out: () => ({
230
- spring: s,
231
- css: u
237
+ spring: e,
238
+ css: f
232
239
  }),
233
- ...e && { key: e }
240
+ ...s && { key: s }
234
241
  };
235
- }, V = ($ = {}) => {
242
+ }, P = ($ = {}) => {
236
243
  const {
237
244
  shape: t = "circle",
238
- origin: c = "center",
239
- scale: n = 1.5,
240
- fade: a = !1,
241
- spring: e,
242
- key: s
243
- } = $, u = {
244
- stiffness: (e == null ? void 0 : e.stiffness) ?? 300,
245
- damping: (e == null ? void 0 : e.damping) ?? 30
246
- }, o = () => {
247
- switch (c) {
245
+ origin: n = "center",
246
+ scale: a = 1.5,
247
+ fade: c = !1,
248
+ spring: s,
249
+ key: e
250
+ } = $, f = {
251
+ stiffness: (s == null ? void 0 : s.stiffness) ?? 300,
252
+ damping: (s == null ? void 0 : s.damping) ?? 30,
253
+ doubleSpring: (s == null ? void 0 : s.doubleSpring) ?? !1
254
+ }, r = () => {
255
+ switch (n) {
248
256
  case "top":
249
257
  return "50% 0%";
250
258
  case "bottom":
@@ -265,61 +273,62 @@ const b = ($ = {}) => {
265
273
  default:
266
274
  return "50% 50%";
267
275
  }
268
- }, r = (i) => {
269
- const m = i * n * 100, y = o();
276
+ }, l = (o) => {
277
+ const m = o * a * 100, y = r();
270
278
  switch (t) {
271
279
  case "ellipse":
272
280
  return `ellipse(${m}% ${m * 0.75}% at ${y})`;
273
281
  case "square": {
274
- const l = i * n * 100, [d, g] = y.split(" "), h = parseFloat(d), x = parseFloat(g), p = l / 2;
275
- return `polygon(${h - p}% ${x - p}%, ${h + p}% ${x - p}%, ${h + p}% ${x + p}%, ${h - p}% ${x + p}%)`;
282
+ const i = o * a * 100, [d, g] = y.split(" "), h = parseFloat(d), x = parseFloat(g), b = i / 2;
283
+ return `polygon(${h - b}% ${x - b}%, ${h + b}% ${x - b}%, ${h + b}% ${x + b}%, ${h - b}% ${x + b}%)`;
276
284
  }
277
285
  case "circle":
278
286
  default:
279
287
  return `circle(${m}% at ${y})`;
280
288
  }
281
- }, f = (i) => {
289
+ }, u = (o) => {
282
290
  const m = {
283
- clipPath: r(i)
291
+ clipPath: l(o)
284
292
  };
285
- return a && (m.opacity = i), m;
293
+ return c && (m.opacity = o), m;
286
294
  };
287
295
  return {
288
296
  in: () => ({
289
- spring: u,
290
- css: f
297
+ spring: f,
298
+ css: u
291
299
  }),
292
300
  out: () => ({
293
- spring: u,
294
- css: f
301
+ spring: f,
302
+ css: u
295
303
  }),
296
- ...s && { key: s }
304
+ ...e && { key: e }
297
305
  };
298
- }, Y = ($ = {}) => {
299
- const { spring: t, key: c } = $, n = {
306
+ }, V = ($ = {}) => {
307
+ const { spring: t, key: n } = $, a = {
300
308
  stiffness: (t == null ? void 0 : t.stiffness) ?? 1e3,
301
- damping: (t == null ? void 0 : t.damping) ?? 100
309
+ damping: (t == null ? void 0 : t.damping) ?? 100,
310
+ doubleSpring: (t == null ? void 0 : t.doubleSpring) ?? !1
302
311
  };
303
312
  return {
304
313
  in: () => ({
305
- spring: n,
314
+ spring: a,
306
315
  css: () => ({})
307
316
  }),
308
317
  out: () => ({
309
- spring: n,
318
+ spring: a,
310
319
  css: () => ({})
311
320
  }),
312
- ...c && { key: c }
321
+ ...n && { key: n }
313
322
  };
314
323
  };
315
324
  export {
316
- z as blur,
317
- M as bounce,
318
- b as fade,
319
- P as fly,
320
- V as mask,
321
- Y as none,
322
- C as rotate,
323
- k as scale,
324
- w as slide
325
+ M as blur,
326
+ C as bounce,
327
+ S as fade,
328
+ z as fly,
329
+ P as mask,
330
+ V as none,
331
+ w as rotate,
332
+ p as scale,
333
+ k as slide
325
334
  };
@@ -1,13 +1,10 @@
1
- import { Transition, TransitionKey } from '../types';
1
+ import { SpringConfig, Transition, TransitionKey } from '../types';
2
2
  interface MaskOptions {
3
3
  shape?: "circle" | "ellipse" | "square";
4
4
  origin?: "center" | "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
5
5
  scale?: number;
6
6
  fade?: boolean;
7
- spring?: {
8
- stiffness?: number;
9
- damping?: number;
10
- };
7
+ spring?: Partial<SpringConfig>;
11
8
  key?: TransitionKey;
12
9
  }
13
10
  export declare const mask: (options?: MaskOptions) => Transition;
@@ -1 +1 @@
1
- {"version":3,"file":"mask.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/mask.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEvE,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxC,MAAM,CAAC,EACH,QAAQ,GACR,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB,KAAG,UAuFhD,CAAC"}
1
+ {"version":3,"file":"mask.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/mask.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EAEZ,UAAU,EACV,aAAa,EACd,MAAM,UAAU,CAAC;AAElB,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxC,MAAM,CAAC,EACH,QAAQ,GACR,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB,KAAG,UAwFhD,CAAC"}
@@ -1,9 +1,6 @@
1
- import { Transition, TransitionKey } from '../types';
1
+ import { SpringConfig, Transition, TransitionKey } from '../types';
2
2
  interface NoneOptions {
3
- spring?: {
4
- stiffness?: number;
5
- damping?: number;
6
- };
3
+ spring?: Partial<SpringConfig>;
7
4
  key?: TransitionKey;
8
5
  }
9
6
  export declare const none: (options?: NoneOptions) => Transition;
@@ -1 +1 @@
1
- {"version":3,"file":"none.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/none.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEvE,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB,KAAG,UAmBhD,CAAC"}
1
+ {"version":3,"file":"none.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/none.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EAEZ,UAAU,EACV,aAAa,EACd,MAAM,UAAU,CAAC;AAElB,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB,KAAG,UAoBhD,CAAC"}
@@ -1,4 +1,4 @@
1
- import { Transition, TransitionKey } from '../types';
1
+ import { SpringConfig, Transition, TransitionKey } from '../types';
2
2
  interface RotateOptions {
3
3
  degrees?: number;
4
4
  clockwise?: boolean;
@@ -7,10 +7,7 @@ interface RotateOptions {
7
7
  origin?: string;
8
8
  axis?: "2d" | "x" | "y" | "z";
9
9
  perspective?: number;
10
- spring?: {
11
- stiffness?: number;
12
- damping?: number;
13
- };
10
+ spring?: Partial<SpringConfig>;
14
11
  key?: TransitionKey;
15
12
  }
16
13
  export declare const rotate: (options?: RotateOptions) => Transition;
@@ -1 +1 @@
1
- {"version":3,"file":"rotate.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/rotate.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEvE,UAAU,aAAa;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,GAAI,UAAS,aAAkB,KAAG,UAgEpD,CAAC"}
1
+ {"version":3,"file":"rotate.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/rotate.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EAEZ,UAAU,EACV,aAAa,EACd,MAAM,UAAU,CAAC;AAElB,UAAU,aAAa;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,GAAI,UAAS,aAAkB,KAAG,UAiEpD,CAAC"}
@@ -1,12 +1,9 @@
1
- import { Transition, TransitionKey } from '../types';
1
+ import { SpringConfig, Transition, TransitionKey } from '../types';
2
2
  interface ScaleOptions {
3
3
  start?: number;
4
4
  opacity?: number;
5
5
  axis?: "x" | "y" | "both";
6
- spring?: {
7
- stiffness?: number;
8
- damping?: number;
9
- };
6
+ spring?: Partial<SpringConfig>;
10
7
  key?: TransitionKey;
11
8
  }
12
9
  export declare const scale: (options?: ScaleOptions) => Transition;
@@ -1 +1 @@
1
- {"version":3,"file":"scale.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/scale.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEvE,UAAU,YAAY;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,KAAK,GAAI,UAAS,YAAiB,KAAG,UA6ClD,CAAC"}
1
+ {"version":3,"file":"scale.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/scale.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EAEZ,UAAU,EACV,aAAa,EACd,MAAM,UAAU,CAAC;AAElB,UAAU,YAAY;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,KAAK,GAAI,UAAS,YAAiB,KAAG,UA8ClD,CAAC"}
@@ -1,14 +1,11 @@
1
- import { Transition, TransitionKey } from '../types';
1
+ import { SpringConfig, Transition, TransitionKey } from '../types';
2
2
  interface SlideOptions {
3
3
  direction?: "left" | "right" | "up" | "down";
4
4
  distance?: number | string;
5
5
  opacity?: number;
6
6
  fade?: boolean;
7
7
  axis?: "x" | "y";
8
- spring?: {
9
- stiffness?: number;
10
- damping?: number;
11
- };
8
+ spring?: Partial<SpringConfig>;
12
9
  key?: TransitionKey;
13
10
  }
14
11
  export declare const slide: (options?: SlideOptions) => Transition;
@@ -1 +1 @@
1
- {"version":3,"file":"slide.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/slide.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEvE,UAAU,YAAY;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,CAAC;IAC7C,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,KAAK,GAAI,UAAS,YAAiB,KAAG,UA4ElD,CAAC"}
1
+ {"version":3,"file":"slide.d.ts","sourceRoot":"","sources":["../../src/lib/transitions/slide.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EAEZ,UAAU,EACV,aAAa,EACd,MAAM,UAAU,CAAC;AAElB,UAAU,YAAY;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,CAAC;IAC7C,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,eAAO,MAAM,KAAK,GAAI,UAAS,YAAiB,KAAG,UA6ElD,CAAC"}
@@ -0,0 +1,19 @@
1
+ import { SpringConfig, SggoiTransition } from '../types';
2
+ interface DepthOptions {
3
+ direction?: "enter" | "exit";
4
+ spring?: Partial<SpringConfig>;
5
+ }
6
+ /**
7
+ * Material Design Z-Axis depth transition
8
+ *
9
+ * Enter direction (forward navigation):
10
+ * - IN: New page scales up from 0.8 → 1 with fade in (coming forward)
11
+ * - OUT: Old page scales up to 1.2 with fade out (going backward), z-index: -1
12
+ *
13
+ * Exit direction (back navigation):
14
+ * - IN: Returning page scales down from 1.2 → 1 with fade in (coming forward from behind)
15
+ * - OUT: Current page scales down to 0.8 with fade out (going backward), z-index: 100
16
+ */
17
+ export declare const depth: (options?: DepthOptions) => SggoiTransition;
18
+ export {};
19
+ //# sourceMappingURL=depth.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"depth.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/depth.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EAGhB,MAAM,UAAU,CAAC;AAoBlB,UAAU,YAAY;IACpB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CAChC;AAoBD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK,GAAI,UAAS,YAAiB,KAAG,eAgKlD,CAAC"}