@ssgoi/core 3.3.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 (48) hide show
  1. package/dist/animator/spring-core.d.ts +23 -4
  2. package/dist/animator/spring-core.d.ts.map +1 -1
  3. package/dist/index.cjs +1 -1
  4. package/dist/index.d.ts +0 -1
  5. package/dist/index.d.ts.map +1 -1
  6. package/dist/index.js +169 -127
  7. package/dist/transitions/blur.d.ts +2 -5
  8. package/dist/transitions/blur.d.ts.map +1 -1
  9. package/dist/transitions/bounce.d.ts +2 -5
  10. package/dist/transitions/bounce.d.ts.map +1 -1
  11. package/dist/transitions/fade.d.ts +2 -5
  12. package/dist/transitions/fade.d.ts.map +1 -1
  13. package/dist/transitions/fly.d.ts +2 -5
  14. package/dist/transitions/fly.d.ts.map +1 -1
  15. package/dist/transitions/index.cjs +1 -1
  16. package/dist/transitions/index.js +181 -172
  17. package/dist/transitions/mask.d.ts +2 -5
  18. package/dist/transitions/mask.d.ts.map +1 -1
  19. package/dist/transitions/none.d.ts +2 -5
  20. package/dist/transitions/none.d.ts.map +1 -1
  21. package/dist/transitions/rotate.d.ts +2 -5
  22. package/dist/transitions/rotate.d.ts.map +1 -1
  23. package/dist/transitions/scale.d.ts +2 -5
  24. package/dist/transitions/scale.d.ts.map +1 -1
  25. package/dist/transitions/slide.d.ts +2 -5
  26. package/dist/transitions/slide.d.ts.map +1 -1
  27. package/dist/types.d.ts +14 -0
  28. package/dist/types.d.ts.map +1 -1
  29. package/dist/view-transitions/depth.d.ts +19 -0
  30. package/dist/view-transitions/depth.d.ts.map +1 -0
  31. package/dist/view-transitions/drill.d.ts.map +1 -1
  32. package/dist/view-transitions/fade.d.ts.map +1 -1
  33. package/dist/view-transitions/index.cjs +15 -15
  34. package/dist/view-transitions/index.d.ts +5 -2
  35. package/dist/view-transitions/index.d.ts.map +1 -1
  36. package/dist/view-transitions/index.js +992 -599
  37. package/dist/view-transitions/instagram.d.ts.map +1 -1
  38. package/dist/view-transitions/jaemin.d.ts +0 -4
  39. package/dist/view-transitions/jaemin.d.ts.map +1 -1
  40. package/dist/view-transitions/pinterest.d.ts.map +1 -1
  41. package/dist/view-transitions/sheet.d.ts +19 -0
  42. package/dist/view-transitions/sheet.d.ts.map +1 -0
  43. package/dist/view-transitions/slide.d.ts.map +1 -1
  44. package/dist/view-transitions/swap.d.ts +13 -0
  45. package/dist/view-transitions/swap.d.ts.map +1 -0
  46. package/package.json +1 -1
  47. package/dist/jaemin-BG8HRXG1.cjs +0 -1
  48. package/dist/jaemin-BWkrXq0V.js +0 -131
@@ -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"}
package/dist/types.d.ts CHANGED
@@ -2,6 +2,20 @@ export type TransitionKey = string | symbol;
2
2
  export type SpringConfig = {
3
3
  stiffness: number;
4
4
  damping: number;
5
+ /**
6
+ * Enable double spring for ease-in-out effect (Chained/Lagged Spring)
7
+ *
8
+ * - true: same stiffness for both springs
9
+ * - number (0-1): follower stiffness ratio (smaller = stronger ease-in)
10
+ * - 1.0: same as true
11
+ * - 0.5: follower has half stiffness → stronger ease-in
12
+ * - 0.3: even stronger ease-in
13
+ *
14
+ * Creates a two-spring system:
15
+ * - Leader spring: tracks the target directly
16
+ * - Follower spring: tracks the leader's position (this is the output)
17
+ */
18
+ doubleSpring?: boolean | number;
5
19
  };
6
20
  /**
7
21
  * CSS style object type
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/lib/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,CAAC;AAE5C,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAE1D;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,YAAY,GAAG,SAAS,CAAC;AAEjE;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IAEjC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAGzC,IAAI,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAG3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAGrB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,GAAG;IAEtD,MAAM,CAAC,EAAE,YAAY,CAAC;IAGtB,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC;;;;;;;;;;;;;;;;OAgBG;IACH,GAAG,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,WAAW,CAAC;CACzC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,CAAC,EAAE,YAAY,CAAC;IAEtB;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA4BG;IACH,GAAG,CAAC,EACA,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,WAAW,CAAC,GACnC;QAAE,OAAO,EAAE,WAAW,CAAC;QAAC,KAAK,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,WAAW,CAAA;KAAE,CAAC;IAEvE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAExB;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,oBAAoB,GAAG;IAErD,OAAO,EAAE,UAAU,EAAE,CAAC;IAGtB,QAAQ,CAAC,EAAE,YAAY,CAAC;IAGxB,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzD,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,kBAAkB,GAAG,iBAAiB,CAAC;AAEtE;;GAEG;AACH,wBAAgB,cAAc,CAC5B,MAAM,EAAE,gBAAgB,GACvB,MAAM,IAAI,kBAAkB,CAE9B;AAED;;GAEG;AACH,wBAAgB,aAAa,CAC3B,MAAM,EAAE,gBAAgB,GACvB,MAAM,IAAI,iBAAiB,CAE7B;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,MAAM,EAAE,kBAAkB,GACzB,MAAM,IAAI,kBAAkB,GAAG;IAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAA;CAAE,CAEtE;AAED;;GAEG;AACH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,kBAAkB,GACzB,MAAM,IAAI,kBAAkB,GAAG;IAAE,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,CAErE;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,kBAAkB,GAAG,IAAI,CAMtE;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,CAMzD;AAED;;;;;GAKG;AACH,wBAAsB,sBAAsB,CAC1C,MAAM,EAAE,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,CAAC,GACnD,OAAO,CAAC,iBAAiB,CAAC,CA2B5B;AAED,MAAM,MAAM,mBAAmB,CAAC,QAAQ,GAAG,SAAS,IAClD,QAAQ,SAAS,SAAS,GACtB,CAAC,IAAI,EAAE,WAAW,KAAK,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,CAAC,GACnE,CACE,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,QAAQ,KACd,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAC;AAExD,MAAM,MAAM,UAAU,CAAC,QAAQ,GAAG,SAAS,IAAI;IAC7C,EAAE,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IACnC,GAAG,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IACpC,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEjD,MAAM,MAAM,iBAAiB,CAAC,QAAQ,GAAG,SAAS,IAAI,UAAU,CAAC,QAAQ,CAAC,GAAG;IAC3E,GAAG,EAAE,aAAa,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,CAC/B,OAAO,EAAE,WAAW,GAAG,IAAI,KACxB,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC;AAEzB;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;AAEhE;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE/C;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;;OAIG;IACH,YAAY,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAEvC;;;;OAIG;IACH,MAAM,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAEjC;;;;OAIG;IACH,gBAAgB,EAAE,WAAW,CAAC;IAE9B;;;;;OAKG;IACH,gBAAgB,EAAE,WAAW,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;AAEjE,MAAM,MAAM,WAAW,GAAG;IACxB,WAAW,CAAC,EAAE;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,EAAE,EAAE,MAAM,CAAC;QACX,UAAU,EAAE,eAAe,CAAC;QAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,EAAE,CAAC;IACJ,iBAAiB,CAAC,EAAE,eAAe,CAAC;IACpC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IACxE;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,CACzB,IAAI,EAAE,MAAM,KACT,UAAU,GAAG;IAAE,GAAG,EAAE,aAAa,CAAA;CAAE,CAAC;AAEzC;;;;;;;;;;GAUG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC,EAAE,EAAE,MAAM,CAAC;IACX;;;;;OAKG;IACH,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,UAAU,EAAE,KAAK,GAAG,QAAQ,CAAC,GAAG;IACtE,GAAG,CAAC,EAAE;QAAE,OAAO,EAAE,WAAW,CAAC;QAAC,KAAK,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,WAAW,CAAA;KAAE,CAAC;IACzE,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,2BAA2B,GAAG,IAAI,CAC5C,iBAAiB,EACjB,SAAS,GAAG,UAAU,CACvB,GAAG;IACF,OAAO,EAAE,oBAAoB,EAAE,CAAC;CACjC,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,wBAAgB,4BAA4B,CAC1C,MAAM,EAAE,iBAAiB,EACzB,OAAO,CAAC,EAAE,WAAW,GACpB,2BAA2B,CA8C7B;AAED;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/lib/types.ts"],"names":[],"mappings":"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"}
@@ -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"}
@@ -1 +1 @@
1
- {"version":3,"file":"drill.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/drill.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAe,MAAM,UAAU,CAAC;AAa3E,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CAChC;AAED,eAAO,MAAM,KAAK,GAAI,UAAS,YAAiB,KAAG,eAkHlD,CAAC"}
1
+ {"version":3,"file":"drill.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/drill.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAe,MAAM,UAAU,CAAC;AAe3E,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CAChC;AAED,eAAO,MAAM,KAAK,GAAI,UAAS,YAAiB,KAAG,eAmHlD,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"fade.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/fade.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAe,MAAM,UAAU,CAAC;AAQ3E,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB,KAAG,eAyDhD,CAAC"}
1
+ {"version":3,"file":"fade.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/fade.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAe,MAAM,UAAU,CAAC;AAgB3E,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,IAAI,GAAI,UAAS,WAAgB,KAAG,eAyDhD,CAAC"}
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../jaemin-BG8HRXG1.cjs"),v=t=>new Promise(n=>setTimeout(n,t));function L(){let t,n;return{promise:new Promise((d,a)=>{t=d,n=a}),resolve:t,reject:n}}const H={stiffness:80,damping:25},N={stiffness:75,damping:25},q=300,G=10,j="horizontal",K="#000000",Z=(t={})=>{const{inSpring:n=N,outSpring:s=H,transitionDelay:d=q,blindCount:a=G,direction:r=j,blindColor:o=K}=t;let i,c=null;const l=(e,h,y="left")=>{window.getComputedStyle(e).position==="static"&&(e.style.position="relative");const g=document.createElement("div");g.className="blind-container",g.style.cssText=`
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=(t,n)=>{var r;t.style.position="absolute",t.style.width="100%",t.style.top=`${-1*(((r=n==null?void 0:n.scrollOffset)==null?void 0:r.y)??0)}px`,t.style.left="0"},N=t=>new Promise(n=>setTimeout(n,t));function x(t,n){function r(o){let d=0,s=0;const c=o.offsetWidth,e=o.offsetHeight;let i=o;for(;i;)d+=i.offsetTop,s+=i.offsetLeft,i=i.offsetParent;return d-=window.scrollY,s-=window.scrollX,{top:d,left:s,width:c,height:e}}const p=r(t),a=r(n);return new DOMRect(a.left-p.left,a.top-p.top,a.width,a.height)}function S(){let t,n;return{promise:new Promise((p,a)=>{t=p,n=a}),resolve:t,reject:n}}const Q={stiffness:80,damping:25},R={stiffness:75,damping:25},tt=300,nt=10,it="horizontal",st="#000000",et=(t={})=>{const{inSpring:n=R,outSpring:r=Q,transitionDelay:p=tt,blindCount:a=nt,direction:o=it,blindColor:d=st}=t;let s,c=null;const e=(i,y,h="left")=>{window.getComputedStyle(i).position==="static"&&(i.style.position="relative");const l=document.createElement("div");l.className="blind-container",l.style.cssText=`
2
2
  position: absolute;
3
3
  top: 0;
4
4
  left: 0;
@@ -7,29 +7,29 @@
7
7
  pointer-events: none;
8
8
  z-index: 9999;
9
9
  overflow: hidden;
10
- `;const u=[];for(let w=0;w<a;w++){const $=document.createElement("div");if(r==="horizontal"){const x=100/a,m=`calc(${x}% + 1px)`;$.style.cssText=`
10
+ `;const u=[];for(let b=0;b<a;b++){const f=document.createElement("div");if(o==="horizontal"){const $=100/a,w=`calc(${$}% + 1px)`;f.style.cssText=`
11
11
  position: absolute;
12
- top: ${x*w}%;
12
+ top: ${$*b}%;
13
13
  left: 0;
14
14
  width: 100%;
15
- height: ${m};
16
- background: ${o};
17
- transform: scaleX(${h==="hidden"?0:1});
18
- transform-origin: ${y} center;
15
+ height: ${w};
16
+ background: ${d};
17
+ transform: scaleX(${y==="hidden"?0:1});
18
+ transform-origin: ${h} center;
19
19
  will-change: transform;
20
- `}else{const x=100/a,m=`calc(${x}% + 1px)`;$.style.cssText=`
20
+ `}else{const $=100/a,w=`calc(${$}% + 1px)`;f.style.cssText=`
21
21
  position: absolute;
22
22
  top: 0;
23
- left: ${x*w}%;
24
- width: ${m};
23
+ left: ${$*b}%;
24
+ width: ${w};
25
25
  height: 100%;
26
- background: ${o};
27
- transform: scaleY(${h==="hidden"?0:1});
28
- transform-origin: ${y==="left"?"top":"bottom"} center;
26
+ background: ${d};
27
+ transform: scaleY(${y==="hidden"?0:1});
28
+ transform-origin: ${h==="left"?"top":"bottom"} center;
29
29
  will-change: transform;
30
- `}u.push($),g.appendChild($)}return e.appendChild(g),{container:g,blinds:u}};return{out:()=>{let e=null;i=new Promise(p=>{c=p});const h=p=>{const g=1-p;return{transform:r==="horizontal"?`scaleX(${g})`:`scaleY(${g})`}};return{springs:Array.from({length:a},(p,g)=>({spring:s,offset:.2,css:{get element(){return e==null?void 0:e.blinds[g]},style:h}})),schedule:"stagger",prepare:p=>{f.prepareOutgoing(p),p.style.zIndex="1000",e=l(p,"hidden","left")},onStart:()=>{},onEnd:()=>{c&&c()}}},in:()=>{let e=null;const h=p=>{const g=1-p;return{transform:r==="horizontal"?`scaleX(${g})`:`scaleY(${g})`}};return{springs:Array.from({length:a},(p,g)=>({spring:n,offset:.2,css:{get element(){return e==null?void 0:e.blinds[g]},style:h}})),schedule:"stagger",prepare:p=>{p.style.position="relative",p.style.zIndex="0",e=l(p,"closed","right")},onStart:()=>{},wait:async()=>{i&&await i,await v(d)},onEnd:()=>{e&&e.container&&e.container.remove()}}}}},J={stiffness:150,damping:20},Q={stiffness:100,damping:20},R=(t={})=>{var r,o;const{opacity:n=!1,direction:s="enter"}=t,d=s==="enter"?J:Q,a={stiffness:((r=t.spring)==null?void 0:r.stiffness)??d.stiffness,damping:((o=t.spring)==null?void 0:o.damping)??d.damping};return s==="enter"?{in:i=>({spring:a,prepare:()=>{i.style.willChange=n?"transform, opacity":"transform",i.style.backfaceVisibility="hidden",i.style.contain="layout paint"},css:c=>{const l={transform:`translate3d(${(1-c)*100}%, 0, 0)`};return n&&(l.opacity=c),l},onEnd:()=>{i.style.willChange="auto",i.style.backfaceVisibility="",i.style.contain=""}}),out:(i,c)=>({spring:a,prepare:l=>{f.prepareOutgoing(l,c),l.style.zIndex="-1",l.style.willChange=n?"transform, opacity":"transform",l.style.backfaceVisibility="hidden",l.style.contain="layout paint",l.style.pointerEvents="none"},css:l=>{const e={transform:`translate3d(${-(1-l)*20}%, 0, 0)`};return n&&(e.opacity=l),e}})}:{in:i=>({spring:a,prepare:()=>{i.style.willChange=n?"transform, opacity":"transform",i.style.backfaceVisibility="hidden",i.style.contain="layout paint"},css:c=>{const l={transform:`translate3d(${-(1-c)*20}%, 0, 0)`};return n&&(l.opacity=c),l},onEnd:()=>{i.style.willChange="auto",i.style.backfaceVisibility="",i.style.contain=""}}),out:(i,c)=>({spring:a,prepare:l=>{f.prepareOutgoing(l,c),l.style.zIndex="100",l.style.willChange=n?"transform, opacity":"transform",l.style.backfaceVisibility="hidden",l.style.contain="layout paint",l.style.pointerEvents="none"},css:l=>{const e={transform:`translate3d(${(1-l)*100}%, 0, 0)`};return n&&(e.opacity=l),e}})}},tt={stiffness:120,damping:15},nt={stiffness:100,damping:20},et=0,it=(t={})=>{const{inSpring:n=nt,outSpring:s=tt,transitionDelay:d=et}=t;let{promise:a,resolve:r}=L();return{in:o=>({spring:n,prepare:()=>{o.style.opacity="0",o.style.willChange="opacity"},wait:async()=>{if(a){await a;const i=L();a=i.promise,r=i.resolve,await v(d)}},css:i=>({opacity:i}),onEnd:()=>{o.style.willChange="auto",o.style.opacity="1"}}),out:(o,i)=>({spring:s,css:c=>({opacity:c}),prepare:()=>{f.prepareOutgoing(o,i),o.style.willChange="opacity"},onEnd:()=>{r&&r(),o.style.willChange="auto"}})}},st={scaleDown:{stiffness:20,damping:7},translate:{stiffness:15,damping:7},scaleUp:{stiffness:20,damping:7}},b={scaleDown:0,translate:.2,scaleUp:.8},rt=.8,at="white",ot=t=>{var a;const n=st,s=rt,d=((a=t==null?void 0:t.border)==null?void 0:a.color)??at;return{out:async(r,o)=>{const i=T(o),c=f.getRect(document.body,o.positionedParent),l=ct(d,{...i,top:c.top}),e={scale:1,translateY:-i.top},h=()=>{r.style.transform=`translateY(${e.translateY}px) scale(${e.scale})`;const y=(i.width-i.width*e.scale)/2,p=(i.height-i.height*e.scale)/2;lt(l,y,p)};return{springs:[{spring:n.scaleDown,offset:b.scaleDown,tick:y=>{const p=1-y;e.scale=1-(1-s)*p,h()}},{spring:n.translate,offset:b.translate,tick:y=>{const p=1-y;e.translateY=-i.top-i.height*p,h()}},{spring:n.scaleUp,offset:b.scaleUp,tick:y=>{const p=1-y;e.scale=s+(1-s)*p,h()}}],schedule:"stagger",prepare:()=>{f.prepareOutgoing(r),O(r,i),k(r,i),dt(r,i);for(const y of l)o.positionedParent.appendChild(y)},onEnd:()=>{r.style.clipPath="",r.style.transformOrigin="",setTimeout(()=>{for(const y of l)o.positionedParent.removeChild(y)},1e3)}}},in:async(r,o)=>{const i=T(o),c={scale:s,translateY:-i.top+i.height},l=()=>{r.style.transform=`translateY(${c.translateY}px) scale(${c.scale})`};return{springs:[{spring:n.scaleDown,offset:b.scaleDown,tick:e=>{c.scale=1-(1-s)*e,l()}},{spring:n.translate,offset:b.translate,tick:e=>{c.translateY=-i.top+i.height*(1-e),l()}},{spring:n.scaleUp,offset:b.scaleUp,tick:e=>{c.scale=s+(1-s)*e,l()}}],schedule:"stagger",prepare:()=>{O(r,i),k(r,i),r.style.transform=`translateY(${-i.top+i.height}px) scale(${s})`},onEnd:()=>{r.style.clipPath="",r.style.transformOrigin="",r.style.transform=""}}}}};function lt(t,n,s){const d=n*.7,a=s*.7;t.topLeft.style.transform=`translate(${d}px, ${a}px)`,t.topRight.style.transform=`translate(${-d}px, ${a}px)`,t.bottomLeft.style.transform=`translate(${d}px, ${-a}px)`,t.bottomRight.style.transform=`translate(${-d}px, ${-a}px)`}function ct(t="white",n){const a=document.createElement("div");a.style.position="fixed",a.style.pointerEvents="none",a.style.zIndex="9999",a.style.top=`${n.top-1}px`,a.style.left=`${n.left-1}px`,a.style.width="15px",a.style.height="15px";const r=document.createElement("div");r.style.position="absolute",r.style.width="15px",r.style.height="1px",r.style.backgroundColor=t,r.style.top="0",r.style.left="0";const o=document.createElement("div");o.style.position="absolute",o.style.width="1px",o.style.height="15px",o.style.backgroundColor=t,o.style.top="0",o.style.left="0",a.appendChild(r),a.appendChild(o);const i=document.createElement("div");i.style.position="fixed",i.style.pointerEvents="none",i.style.zIndex="9999",i.style.top=`${n.top-1}px`,i.style.left=`${n.left+n.width-15+1}px`,i.style.width="15px",i.style.height="15px";const c=document.createElement("div");c.style.position="absolute",c.style.width="15px",c.style.height="1px",c.style.backgroundColor=t,c.style.top="0",c.style.right="0";const l=document.createElement("div");l.style.position="absolute",l.style.width="1px",l.style.height="15px",l.style.backgroundColor=t,l.style.top="0",l.style.right="0",i.appendChild(c),i.appendChild(l);const e=document.createElement("div");e.style.position="fixed",e.style.pointerEvents="none",e.style.zIndex="9999",e.style.top=`${n.top+n.height-15+1}px`,e.style.left=`${n.left-1}px`,e.style.width="15px",e.style.height="15px";const h=document.createElement("div");h.style.position="absolute",h.style.width="15px",h.style.height="1px",h.style.backgroundColor=t,h.style.bottom="0",h.style.left="0";const y=document.createElement("div");y.style.position="absolute",y.style.width="1px",y.style.height="15px",y.style.backgroundColor=t,y.style.bottom="0",y.style.left="0",e.appendChild(h),e.appendChild(y);const p=document.createElement("div");p.style.position="fixed",p.style.pointerEvents="none",p.style.zIndex="9999",p.style.top=`${n.top+n.height-15+1}px`,p.style.left=`${n.left+n.width-15+1}px`,p.style.width="15px",p.style.height="15px";const g=document.createElement("div");g.style.position="absolute",g.style.width="15px",g.style.height="1px",g.style.backgroundColor=t,g.style.bottom="0",g.style.right="0";const u=document.createElement("div");return u.style.position="absolute",u.style.width="1px",u.style.height="15px",u.style.backgroundColor=t,u.style.bottom="0",u.style.right="0",p.appendChild(g),p.appendChild(u),{topLeft:a,topRight:i,bottomLeft:e,bottomRight:p,*[Symbol.iterator](){yield a,yield i,yield e,yield p}}}function T(t){const n=f.getRect(document.body,t.positionedParent);return{top:t.scroll.y,left:0,width:n.width,height:window.innerHeight-n.top}}function O(t,n){const s=n.left+n.width/2,d=n.top+n.height/2;t.style.transformOrigin=`${s}px ${d}px`}function k(t,n){t.style.clipPath=`polygon(
30
+ `}u.push(f),l.appendChild(f)}return i.appendChild(l),{container:l,blinds:u}};return{out:()=>{let i=null;s=new Promise(g=>{c=g});const y=g=>{const l=1-g;return{transform:o==="horizontal"?`scaleX(${l})`:`scaleY(${l})`}};return{springs:Array.from({length:a},(g,l)=>({spring:r,offset:.2,css:{get element(){return i==null?void 0:i.blinds[l]},style:y}})),schedule:"stagger",prepare:g=>{m(g),g.style.zIndex="1000",i=e(g,"hidden","left")},onStart:()=>{},onEnd:()=>{c&&c()}}},in:()=>{let i=null;const y=g=>{const l=1-g;return{transform:o==="horizontal"?`scaleX(${l})`:`scaleY(${l})`}};return{springs:Array.from({length:a},(g,l)=>({spring:n,offset:.2,css:{get element(){return i==null?void 0:i.blinds[l]},style:y}})),schedule:"stagger",prepare:g=>{g.style.position="relative",g.style.zIndex="0",i=e(g,"closed","right")},onStart:()=>{},wait:async()=>{s&&await s,await N(p)},onEnd:()=>{i&&i.container&&i.container.remove()}}}}},rt={stiffness:1,damping:1},at={stiffness:20,damping:25},ot="#000000",lt="circle",F="CURTAIN_REVEAL_OVERLAY_ID",ct={position:"fixed",inset:"0",width:"100vw",height:"100%",zIndex:"9999",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden"},dt={position:"relative",display:"inline-block",height:"5.5rem",overflow:"hidden"},pt={display:"flex",height:"100%",willChange:"transform",transition:"transform 0.3s ease"},yt={display:"inline-flex",alignItems:"center",justifyContent:"center",whiteSpace:"nowrap",fontSize:"5.5rem",fontWeight:"900",letterSpacing:"0.02em",color:"#FFFFFF"},ht=.4,P=.5,gt=.2;function ut(t,n){switch(t){case"circle":return`circle(${n*100}% at 50% 50%)`;case"square":return`inset(${(1-n)*50}% round ${10*n}%)`;case"triangle":{const r=n*100;return`polygon(50% ${50-r}%, ${50-r}% ${50+r}%, ${50+r}% ${50+r}%)`}}}const ft=t=>t.reduce((n,r)=>n+r,0),wt=(t={})=>{const{background:n=ot,texts:r=[],shape:p=lt,inSpring:a=at,outSpring:o=rt,textStyle:d={}}=t;return{out:(s,c)=>{const e=s.style.opacity;return{spring:o,from:1,to:0,prepare:i=>{m(i,c),i.style.opacity="1"},tick:i=>{const y=Math.max(0,i-ht);s.style.opacity=String(y)},onEnd:()=>{s.style.opacity=e}}},in:s=>{let c=null,e=null,i=null;const y=document.body.style.overflow,h=document.getElementById(F);let g=[];const l=()=>{c=document.createElement("div"),c.id=F,Object.assign(c.style,ct,{background:n}),document.body.appendChild(c),e=document.createElement("div"),Object.assign(e.style,dt),c.appendChild(e),i=document.createElement("div"),Object.assign(i.style,pt),e.appendChild(i),r.forEach(u=>{const b=document.createElement("div");b.textContent=u,Object.assign(b.style,yt,d),i.appendChild(b)}),g=Array.from(i.children).map(u=>u.getBoundingClientRect().width)};return{spring:a,from:0,to:1,prepare:()=>{document.body.style.overflow="hidden",s.style.opacity="1",h==null||h.remove(),l(),c&&e&&(c.style.clipPath="none",e.style.transform="scale(1)")},tick:u=>{if(!(!c||!e||!i)){if(u<=P&&r.length>0){const b=u/P,f=Math.min(Math.floor(b*r.length),r.length-1),$=g[f]??0,w=ft(g.slice(0,f));e.style.width=`${$}px`,i.style.transform=`translateX(-${w}px)`}if(u>P){const f=1-Math.max(0,Math.min(1,(u-P)/gt));c.style.clipPath=ut(p,f),e.style.transform=`scale(${f})`}}},onEnd:()=>{c==null||c.remove(),c=e=i=null,document.body.style.overflow=y}}}}},bt={stiffness:300,damping:22,doubleSpring:.5},$t={stiffness:300,damping:22,doubleSpring:.5},C=.05;function k(t){const n=x(document.body,t.positionedParent),r=t.scroll.y,p=window.innerHeight-n.top;return{top:r,left:0,width:n.width,height:p}}const mt=(t={})=>{var d,s,c;const{direction:n="enter"}=t,r=n==="enter"?bt:$t,p={stiffness:((d=t.spring)==null?void 0:d.stiffness)??r.stiffness,damping:((s=t.spring)==null?void 0:s.damping)??r.damping,doubleSpring:((c=t.spring)==null?void 0:c.doubleSpring)??r.doubleSpring};let{promise:a,resolve:o}=S();return n==="enter"?{in:(e,i)=>{const y=k(i),h=y.left+y.width/2,g=y.top+y.height/2;return{spring:p,prepare:()=>{e.style.opacity="0",e.style.willChange="transform, opacity",e.style.backfaceVisibility="hidden",e.style.contain="layout paint",e.style.transformOrigin=`${h}px ${g}px`},wait:async()=>{if(a){await a;const l=S();a=l.promise,o=l.resolve}},css:l=>({transform:`scale(${1-C+l*C})`,opacity:l}),onEnd:()=>{e.style.opacity="1",e.style.willChange="auto",e.style.backfaceVisibility="",e.style.contain="",e.style.transformOrigin=""}}},out:(e,i)=>{const y=k(i),h=y.left+y.width/2,g=y.top+y.height/2+i.scrollOffset.y;return{spring:p,prepare:l=>{m(l,i),l.style.zIndex="-1",l.style.willChange="transform, opacity",l.style.backfaceVisibility="hidden",l.style.contain="layout paint",l.style.pointerEvents="none",l.style.transformOrigin=`${h}px ${g}px`},css:l=>({transform:`scale(${1+(1-l)*C})`,opacity:l}),onEnd:()=>{o&&o()}}}}:{in:(e,i)=>{const y=k(i),h=y.left+y.width/2,g=y.top+y.height/2;return{spring:p,prepare:()=>{e.style.opacity="0",e.style.willChange="transform, opacity",e.style.backfaceVisibility="hidden",e.style.contain="layout paint",e.style.transformOrigin=`${h}px ${g}px`},wait:async()=>{if(a){await a;const l=S();a=l.promise,o=l.resolve}},css:l=>({transform:`scale(${1+C-l*C})`,opacity:l}),onEnd:()=>{e.style.opacity="1",e.style.willChange="auto",e.style.backfaceVisibility="",e.style.contain="",e.style.transformOrigin=""}}},out:(e,i)=>{const y=k(i),h=y.left+y.width/2,g=y.top+y.height/2+i.scrollOffset.y;return{spring:p,prepare:l=>{m(l,i),l.style.zIndex="100",l.style.willChange="transform, opacity",l.style.backfaceVisibility="hidden",l.style.contain="layout paint",l.style.pointerEvents="none",l.style.transformOrigin=`${h}px ${g}px`},css:l=>({transform:`scale(${1-(1-l)*C})`,opacity:l}),onEnd:()=>{o&&o()}}}}},xt={stiffness:125,damping:14,doubleSpring:.5},Et={stiffness:128,damping:14,doubleSpring:.5},St=(t={})=>{var o,d,s;const{opacity:n=!1,direction:r="enter"}=t,p=r==="enter"?xt:Et,a={stiffness:((o=t.spring)==null?void 0:o.stiffness)??p.stiffness,damping:((d=t.spring)==null?void 0:d.damping)??p.damping,doubleSpring:((s=t.spring)==null?void 0:s.doubleSpring)??p.doubleSpring};return r==="enter"?{in:c=>({spring:a,prepare:()=>{c.style.willChange=n?"transform, opacity":"transform",c.style.backfaceVisibility="hidden",c.style.contain="layout paint"},css:e=>{const i={transform:`translate3d(${(1-e)*100}%, 0, 0)`};return n&&(i.opacity=e),i},onEnd:()=>{c.style.willChange="auto",c.style.backfaceVisibility="",c.style.contain=""}}),out:(c,e)=>({spring:a,prepare:i=>{m(i,e),i.style.zIndex="-1",i.style.willChange=n?"transform, opacity":"transform",i.style.backfaceVisibility="hidden",i.style.contain="layout paint",i.style.pointerEvents="none"},css:i=>{const y={transform:`translate3d(${-(1-i)*20}%, 0, 0)`};return n&&(y.opacity=i),y}})}:{in:c=>({spring:a,prepare:()=>{c.style.willChange=n?"transform, opacity":"transform",c.style.backfaceVisibility="hidden",c.style.contain="layout paint"},css:e=>{const i={transform:`translate3d(${-(1-e)*20}%, 0, 0)`};return n&&(i.opacity=e),i},onEnd:()=>{c.style.willChange="auto",c.style.backfaceVisibility="",c.style.contain=""}}),out:(c,e)=>({spring:a,prepare:i=>{m(i,e),i.style.zIndex="100",i.style.willChange=n?"transform, opacity":"transform",i.style.backfaceVisibility="hidden",i.style.contain="layout paint",i.style.pointerEvents="none"},css:i=>{const y={transform:`translate3d(${(1-i)*100}%, 0, 0)`};return n&&(y.opacity=i),y}})}},Ct={stiffness:180,damping:20,doubleSpring:!0},At={stiffness:170,damping:20,doubleSpring:!0},Pt=0,kt=(t={})=>{const{inSpring:n=At,outSpring:r=Ct,transitionDelay:p=Pt}=t;let{promise:a,resolve:o}=S();return{in:d=>({spring:n,prepare:()=>{d.style.opacity="0",d.style.willChange="opacity"},wait:async()=>{if(a){await a;const s=S();a=s.promise,o=s.resolve,await N(p)}},css:s=>({opacity:s}),onEnd:()=>{d.style.willChange="auto",d.style.opacity="1"}}),out:(d,s)=>({spring:r,css:c=>({opacity:c}),prepare:()=>{m(d,s),d.style.willChange="opacity"},onEnd:()=>{o&&o(),d.style.willChange="auto"}})}},Tt={scaleDown:{stiffness:20,damping:7},translate:{stiffness:15,damping:7},scaleUp:{stiffness:20,damping:7}},A={scaleDown:0,translate:.2,scaleUp:.8},Ot=.8,Lt="white",vt=t=>{var a;const n=Tt,r=Ot,p=((a=t==null?void 0:t.border)==null?void 0:a.color)??Lt;return{out:async(o,d)=>{const s=Y(d),c=x(document.body,d.positionedParent),e=_t(p,{...s,top:c.top}),i={scale:1,translateY:-s.top},y=()=>{o.style.transform=`translateY(${i.translateY}px) scale(${i.scale})`;const h=(s.width-s.width*i.scale)/2,g=(s.height-s.height*i.scale)/2;It(e,h,g)};return{springs:[{spring:n.scaleDown,offset:A.scaleDown,tick:h=>{const g=1-h;i.scale=1-(1-r)*g,y()}},{spring:n.translate,offset:A.translate,tick:h=>{const g=1-h;i.translateY=-s.top-s.height*g,y()}},{spring:n.scaleUp,offset:A.scaleUp,tick:h=>{const g=1-h;i.scale=r+(1-r)*g,y()}}],schedule:"stagger",prepare:()=>{m(o),V(o,s),U(o,s),Dt(o,s);for(const h of e)d.positionedParent.appendChild(h)},onEnd:()=>{o.style.clipPath="",o.style.transformOrigin="",setTimeout(()=>{for(const h of e)d.positionedParent.removeChild(h)},1e3)}}},in:async(o,d)=>{const s=Y(d),c={scale:r,translateY:-s.top+s.height},e=()=>{o.style.transform=`translateY(${c.translateY}px) scale(${c.scale})`};return{springs:[{spring:n.scaleDown,offset:A.scaleDown,tick:i=>{c.scale=1-(1-r)*i,e()}},{spring:n.translate,offset:A.translate,tick:i=>{c.translateY=-s.top+s.height*(1-i),e()}},{spring:n.scaleUp,offset:A.scaleUp,tick:i=>{c.scale=r+(1-r)*i,e()}}],schedule:"stagger",prepare:()=>{V(o,s),U(o,s),o.style.transform=`translateY(${-s.top+s.height}px) scale(${r})`},onEnd:()=>{o.style.clipPath="",o.style.transformOrigin="",o.style.transform=""}}}}};function It(t,n,r){const p=n*.7,a=r*.7;t.topLeft.style.transform=`translate(${p}px, ${a}px)`,t.topRight.style.transform=`translate(${-p}px, ${a}px)`,t.bottomLeft.style.transform=`translate(${p}px, ${-a}px)`,t.bottomRight.style.transform=`translate(${-p}px, ${-a}px)`}function _t(t="white",n){const a=document.createElement("div");a.style.position="fixed",a.style.pointerEvents="none",a.style.zIndex="9999",a.style.top=`${n.top-1}px`,a.style.left=`${n.left-1}px`,a.style.width="15px",a.style.height="15px";const o=document.createElement("div");o.style.position="absolute",o.style.width="15px",o.style.height="1px",o.style.backgroundColor=t,o.style.top="0",o.style.left="0";const d=document.createElement("div");d.style.position="absolute",d.style.width="1px",d.style.height="15px",d.style.backgroundColor=t,d.style.top="0",d.style.left="0",a.appendChild(o),a.appendChild(d);const s=document.createElement("div");s.style.position="fixed",s.style.pointerEvents="none",s.style.zIndex="9999",s.style.top=`${n.top-1}px`,s.style.left=`${n.left+n.width-15+1}px`,s.style.width="15px",s.style.height="15px";const c=document.createElement("div");c.style.position="absolute",c.style.width="15px",c.style.height="1px",c.style.backgroundColor=t,c.style.top="0",c.style.right="0";const e=document.createElement("div");e.style.position="absolute",e.style.width="1px",e.style.height="15px",e.style.backgroundColor=t,e.style.top="0",e.style.right="0",s.appendChild(c),s.appendChild(e);const i=document.createElement("div");i.style.position="fixed",i.style.pointerEvents="none",i.style.zIndex="9999",i.style.top=`${n.top+n.height-15+1}px`,i.style.left=`${n.left-1}px`,i.style.width="15px",i.style.height="15px";const y=document.createElement("div");y.style.position="absolute",y.style.width="15px",y.style.height="1px",y.style.backgroundColor=t,y.style.bottom="0",y.style.left="0";const h=document.createElement("div");h.style.position="absolute",h.style.width="1px",h.style.height="15px",h.style.backgroundColor=t,h.style.bottom="0",h.style.left="0",i.appendChild(y),i.appendChild(h);const g=document.createElement("div");g.style.position="fixed",g.style.pointerEvents="none",g.style.zIndex="9999",g.style.top=`${n.top+n.height-15+1}px`,g.style.left=`${n.left+n.width-15+1}px`,g.style.width="15px",g.style.height="15px";const l=document.createElement("div");l.style.position="absolute",l.style.width="15px",l.style.height="1px",l.style.backgroundColor=t,l.style.bottom="0",l.style.right="0";const u=document.createElement("div");return u.style.position="absolute",u.style.width="1px",u.style.height="15px",u.style.backgroundColor=t,u.style.bottom="0",u.style.right="0",g.appendChild(l),g.appendChild(u),{topLeft:a,topRight:s,bottomLeft:i,bottomRight:g,*[Symbol.iterator](){yield a,yield s,yield i,yield g}}}function Y(t){const n=x(document.body,t.positionedParent);return{top:t.scroll.y,left:0,width:n.width,height:window.innerHeight-n.top}}function V(t,n){const r=n.left+n.width/2,p=n.top+n.height/2;t.style.transformOrigin=`${r}px ${p}px`}function U(t,n){t.style.clipPath=`polygon(
31
31
  ${n.left}px ${n.top}px,
32
32
  ${n.left+n.width}px ${n.top}px,
33
33
  ${n.left+n.width}px ${n.top+n.height}px,
34
34
  ${n.left}px ${n.top+n.height}px
35
- )`}function dt(t,n){t.style.transform=`translateY(${-n.top}px)`}function pt(t,n){return t.querySelector(`[data-hero-key="${n}"]`)}const ht=(t={})=>{var o,i;const n={stiffness:((o=t.spring)==null?void 0:o.stiffness)??300,damping:((i=t.spring)==null?void 0:i.damping)??30},s=t.timeout??300,d=t.maxDistance??700;let a=null,r=null;return{in:async(c,l)=>{const e=c,h=Array.from(e.querySelectorAll("[data-hero-key]"));if(h.length===0)return{spring:n,tick:()=>{}};if(!await new Promise(g=>{a?g(!0):(r=g,setTimeout(()=>{r=null,g(!1)},s))})||!a)return a=null,{spring:n,tick:()=>{}};const p=h.map(g=>{const u=g.getAttribute("data-hero-key");if(!u)return null;const w=pt(a,u);if(!w)return null;const $=g,x=f.getRect(a,w),m=f.getRect(e,$),F=x.left-m.left-l.scrollOffset.x,Y=x.top-m.top-l.scrollOffset.y,U=x.width/m.width,V=x.height/m.height,W=$.style.transform,z=$.style.position,X=$.style.transformOrigin,M=$.style.zIndex,B=$.style.willChange;return{toEl:$,dx:F,dy:Y,dw:U,dh:V,originalTransform:W,originalPosition:z,originalTransformOrigin:X,originalZIndex:M,originalWillChange:B}}).filter(g=>g!==null&&Math.abs(g.dy)<=d);return a=null,p.length===0?{spring:n,tick:()=>{}}:{springs:p.map(({toEl:g,dx:u,dy:w,dw:$,dh:x})=>({spring:n,tick:m=>{g.style.transform=`translate(${(1-m)*u}px, ${(1-m)*w}px) scale(${m+(1-m)*$}, ${m+(1-m)*x})`}})),schedule:"parallel",prepare:()=>{p.forEach(({toEl:g})=>{g.style.position="relative",g.style.transformOrigin="top left",g.style.zIndex="1000",g.style.willChange="transform"})},onEnd:()=>{p.forEach(({toEl:g,originalTransform:u,originalPosition:w,originalTransformOrigin:$,originalZIndex:x,originalWillChange:m})=>{g.style.transform=u,g.style.position=w,g.style.transformOrigin=$,g.style.zIndex=x,g.style.willChange=m})}}},out:async c=>({spring:n,onStart:()=>{a=c,r&&(r(!0),r=null)},tick:()=>{},prepare:l=>{f.prepareOutgoing(l),l.style.opacity="0"}})}};function yt({detailRect:t,galleryRect:n,pageRect:s,scrollOffset:d}){const a=n.left-t.left+(n.width-t.width)/2-d.x,r=n.top-t.top+(n.height-t.height)/2-d.y,o=n.width/t.width,i=n.height/t.height,c=Math.max(o,i),l=t.top/s.height*100,e=(s.width-(t.left+t.width))/s.width*100,h=(s.height-(t.top+t.height))/s.height*100,y=t.left/s.width*100;return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:g=>{const u=1-g;return{clipPath:`inset(${l*u}% ${e*u}% ${h*u}% ${y*u}%)`,transform:`translate(${a*u}px, ${r*u}px) scale(${1+(c-1)*u})`}}}}function gt({detailRect:t,galleryRect:n,pageRect:s,scrollOffset:d}){const a=n.left-t.left+(n.width-t.width)/2+d.x,r=n.top-t.top+(n.height-t.height)/2+d.y,o=n.width/t.width,i=n.height/t.height,c=Math.min(o,i),l=t.top/s.height*100,e=(s.width-(t.left+t.width))/s.width*100,h=(s.height-(t.top+t.height))/s.height*100,y=t.left/s.width*100;return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:g=>{const u=1-g;return{clipPath:`inset(${l*u}% ${e*u}% ${h*u}% ${y*u}%)`,transform:`translate(${a*u-d.x}px, ${r*u-d.y}px) scale(${1+(c-1)*u})`}}}}function ut(t,n,s){const d=t.querySelector("[data-instagram-detail-key]"),a=n.querySelector("[data-instagram-detail-key]");if(t.querySelectorAll("[data-instagram-detail-key]").length>1||n.querySelectorAll("[data-instagram-detail-key]").length>1)return null;let r=null,o=null,i=!1;if(!d&&a){o=a;const e=o.getAttribute("data-instagram-detail-key");if(!e)return null;r=t.querySelector(`[data-instagram-gallery-key="${e}"]`),r&&(i=!0)}else if(d&&!a){o=d;const e=o.getAttribute("data-instagram-detail-key");if(!e)return null;r=n.querySelector(`[data-instagram-gallery-key="${e}"]`),r&&(i=!1)}if(!r||!o)return null;const c=f.getRect(i?t:n,r),l=f.getRect(i?n:t,o);if(i){const e=yt({detailRect:l,galleryRect:c,pageRect:n.getBoundingClientRect(),scrollOffset:s});return n.style.transformOrigin=e.transformOrigin,{isEnterMode:!0,inAnimation:e.animate}}else{const e=gt({detailRect:l,galleryRect:c,pageRect:t.getBoundingClientRect(),scrollOffset:s});return t.style.transformOrigin=e.transformOrigin,{isEnterMode:!1,outAnimation:e.animate}}}const ft=(t={})=>{var i,c;const n={stiffness:((i=t.spring)==null?void 0:i.stiffness)??150,damping:((c=t.spring)==null?void 0:c.damping)??20},s=t.timeout??300;let d=null,a=null,r=null,o=null;return{in:async(l,{scrollOffset:e})=>{const h=l;return!await new Promise(p=>{d?p(!0):(a=p,setTimeout(()=>{a=null,p(!1)},s))})||!d?(o==null||o(),o=null,d=null,{spring:n,css:()=>({})}):(r=ut(d,h,e),o==null||o(),o=null,r?(d=null,{spring:n,css:p=>r!=null&&r.inAnimation?r.inAnimation(p):{}}):(d=null,{spring:n,css:()=>({})}))},out:async(l,e)=>{const h=new Promise(y=>{o=y});return{spring:n,prepare:y=>{r!=null&&r.isEnterMode?f.prepareOutgoing(y):(f.prepareOutgoing(y,e),y.style.zIndex="-1")},wait:async()=>{d=l,a&&(a(!0),a=null),await h},css:y=>r!=null&&r.outAnimation?r.outAnimation(y):{}}}}};function $t({detailRect:t,galleryRect:n,pageRect:s,scrollOffset:d}){const a=n.left-t.left+(n.width-t.width)/2-d.x,r=n.top-t.top+(n.height-t.height)/2-d.y,o=n.width/t.width,i=n.height/t.height,c=Math.max(o,i),l=t.top/s.height*100,e=(s.width-(t.left+t.width))/s.width*100,h=(s.height-(t.top+t.height))/s.height*100,y=t.left/s.width*100;return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:g=>{const u=1-g;return{clipPath:`inset(${l*u}% ${e*u}% ${h*u}% ${y*u}%)`,transform:`translate(${a*u}px, ${r*u}px) scale(${1+(c-1)*u})`}}}}function mt({galleryRect:t,detailRect:n,scrollOffset:s}){const d=n.left-t.left+(n.width-t.width)/2+s.x,a=n.top-t.top+(n.height-t.height)/2+s.y,r=n.width/t.width,o=n.height/t.height,i=Math.max(r,o);return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:l=>{const e=1-l;return{transform:`translate(${d*e-s.x}px, ${a*e-s.y}px) scale(${1+(i-1)*e})`,opacity:`${1-e}`}}}}function wt({galleryRect:t,detailRect:n,scrollOffset:s}){const d=n.left-t.left+(n.width-t.width)/2-s.x,a=n.top-t.top+(n.height-t.height)/2-s.y,r=n.width/t.width,o=n.height/t.height,i=Math.max(r,o);return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:l=>{const e=1-l,h=l;return{transform:`translate(${d*e}px, ${a*e}px) scale(${1+(i-1)*e})`,opacity:`${h}`}}}}function xt({detailRect:t,galleryRect:n,pageRect:s,scrollOffset:d}){const a=n.left-t.left+(n.width-t.width)/2+d.x,r=n.top-t.top+(n.height-t.height)/2+d.y,o=n.width/t.width,i=n.height/t.height,c=Math.min(o,i),l=t.top/s.height*100,e=(s.width-(t.left+t.width))/s.width*100,h=(s.height-(t.top+t.height))/s.height*100,y=t.left/s.width*100;return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:g=>{const u=1-g;return{clipPath:`inset(${l*u}% ${e*u}% ${h*u}% ${y*u}%)`,transform:`translate(${a*u-d.x}px, ${r*u-d.y}px) scale(${1+(c-1)*u})`}}}}function bt(t,n,s){const d=t.querySelector("[data-pinterest-detail-key]"),a=n.querySelector("[data-pinterest-detail-key]");if(t.querySelectorAll("[data-pinterest-detail-key]").length>1||n.querySelectorAll("[data-pinterest-detail-key]").length>1)return null;let r=null,o=null,i=!1;if(!d&&a){o=a;const e=o.getAttribute("data-pinterest-detail-key");if(!e)return null;r=t.querySelector(`[data-pinterest-gallery-key="${e}"]`),r&&(i=!0)}else if(d&&!a){o=d;const e=o.getAttribute("data-pinterest-detail-key");if(!e)return null;r=n.querySelector(`[data-pinterest-gallery-key="${e}"]`),r&&(i=!1)}if(!r||!o)return null;const c=f.getRect(i?t:n,r),l=f.getRect(i?n:t,o);if(i){const e=$t({detailRect:l,galleryRect:c,pageRect:n.getBoundingClientRect(),scrollOffset:s}),h=mt({galleryRect:c,detailRect:l,scrollOffset:s});return n.style.transformOrigin=e.transformOrigin,t.style.transformOrigin=h.transformOrigin,{inAnimation:e.animate,outAnimation:h.animate}}else{const e=wt({galleryRect:c,detailRect:l,scrollOffset:s}),h=xt({detailRect:l,galleryRect:c,pageRect:t.getBoundingClientRect(),scrollOffset:s});return n.style.transformOrigin=e.transformOrigin,t.style.transformOrigin=h.transformOrigin,{inAnimation:e.animate,outAnimation:h.animate}}}const Et=(t={})=>{var i,c;const n={stiffness:((i=t.spring)==null?void 0:i.stiffness)??30,damping:((c=t.spring)==null?void 0:c.damping)??10},s=t.timeout??300;let d=null,a=null,r=null,o=null;return{in:async(l,{scrollOffset:e})=>{const h=l;return!await new Promise(p=>{d?p(!0):(a=p,setTimeout(()=>{a=null,p(!1)},s))})||!d?(o==null||o(),o=null,d=null,{spring:n,css:()=>({})}):(r=bt(d,h,e),o==null||o(),o=null,r?(d=null,{spring:n,css:p=>r?r.inAnimation(p):{}}):(d=null,{spring:n,css:()=>({})}))},out:async l=>{const e=new Promise(h=>{o=h});return{spring:n,prepare:h=>{f.prepareOutgoing(h),h.style.zIndex="-1"},wait:async()=>{d=l,a&&(a(!0),a=null),await e},css:h=>r?r.outAnimation(h):{}}}}},S={stiffness:100,damping:30},Ct=()=>({in:t=>({spring:S,prepare:()=>{t.style.opacity="0",t.style.transform="rotate(-180deg)",t.style.transformOrigin="center center",t.style.willChange="transform, opacity"},css:n=>({transform:`rotate(${(n-1)*180}deg)`,opacity:n>.5?1:0}),onEnd:()=>{t.style.willChange="auto",t.style.transform="",t.style.transformOrigin="",t.style.opacity=""}}),out:(t,n)=>({spring:S,prepare:()=>{f.prepareOutgoing(t,n),t.style.transformOrigin="center center",t.style.willChange="transform, opacity"},css:s=>({transform:`rotate(${(1-s)*180}deg)`,opacity:s>.5?1:0}),onEnd:()=>{t.style.willChange="auto"}})}),_={stiffness:5,damping:4},At=(t={})=>{var c,l;const n=t.direction??"up",s={stiffness:((c=t.spring)==null?void 0:c.stiffness)??_.stiffness,damping:((l=t.spring)==null?void 0:l.damping)??_.damping},d=n==="up";let a=null,r=null,o=null;const i=()=>{if(a===null||r===null)return null;const e=Math.min(a,r),h=window.innerHeight;return Math.max(e,h)};return{in:e=>(r=e.offsetHeight,a!==null&&(o=i()),{spring:s,prepare:()=>{e.style.willChange="transform",e.style.backfaceVisibility="hidden",e.style.contain="layout paint"},tick:h=>{o===null&&(o=i());const y=o??window.innerHeight,p=d?(1-h)*y:(1-h)*-y;e.style.transform=`translate3d(0, ${p}px, 0)`},onEnd:()=>{e.style.willChange="auto",e.style.backfaceVisibility="",e.style.contain=""}}),out:(e,h)=>({spring:s,onStart:()=>{a=e.offsetHeight,r!==null&&(o=i())},tick:y=>{o===null&&(o=i());const p=o??window.innerHeight,g=d?(1-y)*-p:(1-y)*p;e.style.transform=`translate3d(0, ${g}px, 0)`},prepare:y=>{f.prepareOutgoing(y,h),y.style.zIndex=d?"-1":"1",y.style.willChange="transform",y.style.backfaceVisibility="hidden",y.style.contain="layout paint",y.style.pointerEvents="none"}})}},I={stiffness:15,damping:7},Lt=(t={})=>{var a,r;const n=t.direction??"left",s={stiffness:((a=t.spring)==null?void 0:a.stiffness)??I.stiffness,damping:((r=t.spring)==null?void 0:r.damping)??I.damping},d=n==="left";return{in:o=>({spring:s,prepare:()=>{o.style.willChange="transform",o.style.backfaceVisibility="hidden",o.style.contain="layout paint"},css:i=>({transform:`translate3d(${d?(1-i)*100:(1-i)*-100}%, 0, 0)`}),onEnd:()=>{o.style.willChange="auto",o.style.backfaceVisibility="",o.style.contain=""}}),out:(o,i)=>({spring:s,css:c=>({transform:`translate3d(${d?(1-c)*-100:(1-c)*100}%, 0, 0)`}),prepare:c=>{f.prepareOutgoing(c,i),c.style.willChange="transform",c.style.backfaceVisibility="hidden",c.style.contain="layout paint",c.style.pointerEvents="none"}})}},D={stiffness:17,damping:6},A=20,E=800,Tt=()=>{let t,n=null;return{in:s=>({spring:D,prepare:()=>{s.style.willChange="transform",s.style.backfaceVisibility="hidden",s.style.contain="layout paint",s.style.transform=`perspective(${E}px) rotateY(${A}deg) translate3d(-100%, 0, 0)`},wait:async()=>{t&&await t},css:d=>{const a=(1-d)*A,r=-(1-d)*100;return{transform:`perspective(${E}px) rotateY(${a}deg) translate3d(${r}%, 0, 0)`}},onEnd:()=>{s.style.transform="",s.style.willChange="auto",s.style.backfaceVisibility="",s.style.contain=""}}),out:(s,d)=>(t=new Promise(a=>{n=a}),{spring:D,prepare:a=>{f.prepareOutgoing(a,d),a.style.willChange="transform",a.style.backfaceVisibility="hidden",a.style.contain="layout paint",a.style.pointerEvents="none",a.style.transform=`perspective(${E}px) rotateY(0deg) translate3d(0%, 0, 0)`},css:a=>{const r=1-a,o=r*A,i=r*100;return{transform:`perspective(${E}px) rotateY(${-o}deg) translate3d(${i}%, 0, 0)`}},onEnd:()=>{n&&n(),s.style.transform=""}})}},Ot={stiffness:1,damping:1},kt={stiffness:20,damping:25},St="#000000",_t="circle",P="CURTAIN_REVEAL_OVERLAY_ID",It={position:"fixed",inset:"0",width:"100vw",height:"100%",zIndex:"9999",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden"},Dt={position:"relative",display:"inline-block",height:"5.5rem",overflow:"hidden"},Pt={display:"flex",height:"100%",willChange:"transform",transition:"transform 0.3s ease"},vt={display:"inline-flex",alignItems:"center",justifyContent:"center",whiteSpace:"nowrap",fontSize:"5.5rem",fontWeight:"900",letterSpacing:"0.02em",color:"#FFFFFF"},Ft=.4,C=.5,Yt=.2;function Ut(t,n){switch(t){case"circle":return`circle(${n*100}% at 50% 50%)`;case"square":return`inset(${(1-n)*50}% round ${10*n}%)`;case"triangle":{const s=n*100;return`polygon(50% ${50-s}%, ${50-s}% ${50+s}%, ${50+s}% ${50+s}%)`}}}const Vt=t=>t.reduce((n,s)=>n+s,0),Wt=(t={})=>{const{background:n=St,texts:s=[],shape:d=_t,inSpring:a=kt,outSpring:r=Ot,textStyle:o={}}=t;return{out:(i,c)=>{const l=i.style.opacity;return{spring:r,from:1,to:0,prepare:e=>{f.prepareOutgoing(e,c),e.style.opacity="1"},tick:e=>{const h=Math.max(0,e-Ft);i.style.opacity=String(h)},onEnd:()=>{i.style.opacity=l}}},in:i=>{let c=null,l=null,e=null;const h=document.body.style.overflow,y=document.getElementById(P);let p=[];const g=()=>{c=document.createElement("div"),c.id=P,Object.assign(c.style,It,{background:n}),document.body.appendChild(c),l=document.createElement("div"),Object.assign(l.style,Dt),c.appendChild(l),e=document.createElement("div"),Object.assign(e.style,Pt),l.appendChild(e),s.forEach(u=>{const w=document.createElement("div");w.textContent=u,Object.assign(w.style,vt,o),e.appendChild(w)}),p=Array.from(e.children).map(u=>u.getBoundingClientRect().width)};return{spring:a,from:0,to:1,prepare:()=>{document.body.style.overflow="hidden",i.style.opacity="1",y==null||y.remove(),g(),c&&l&&(c.style.clipPath="none",l.style.transform="scale(1)")},tick:u=>{if(!(!c||!l||!e)){if(u<=C&&s.length>0){const w=u/C,$=Math.min(Math.floor(w*s.length),s.length-1),x=p[$]??0,m=Vt(p.slice(0,$));l.style.width=`${x}px`,e.style.transform=`translateX(-${m}px)`}if(u>C){const $=1-Math.max(0,Math.min(1,(u-C)/Yt));c.style.clipPath=Ut(d,$),l.style.transform=`scale(${$})`}}},onEnd:()=>{c==null||c.remove(),c=l=e=null,document.body.style.overflow=h}}}}};exports.jaemin=f.jaemin;exports.blind=Z;exports.curtainReveal=Wt;exports.drill=R;exports.fade=it;exports.film=ot;exports.hero=ht;exports.instagram=ft;exports.pinterest=Et;exports.rotate=Ct;exports.scroll=At;exports.slide=Lt;exports.strip=Tt;
35
+ )`}function Dt(t,n){t.style.transform=`translateY(${-n.top}px)`}function Ft(t,n){return t.querySelector(`[data-hero-key="${n}"]`)}const Yt=(t={})=>{var d,s;const n={stiffness:((d=t.spring)==null?void 0:d.stiffness)??300,damping:((s=t.spring)==null?void 0:s.damping)??30},r=t.timeout??300,p=t.maxDistance??700;let a=null,o=null;return{in:async(c,e)=>{const i=c,y=Array.from(i.querySelectorAll("[data-hero-key]"));if(y.length===0)return{spring:n,tick:()=>{}};if(!await new Promise(l=>{a?l(!0):(o=l,setTimeout(()=>{o=null,l(!1)},r))})||!a)return a=null,{spring:n,tick:()=>{}};const g=y.map(l=>{const u=l.getAttribute("data-hero-key");if(!u)return null;const b=Ft(a,u);if(!b)return null;const f=l,$=x(a,b),w=x(i,f),E=$.left-w.left-e.scrollOffset.x,W=$.top-w.top-e.scrollOffset.y,G=$.width/w.width,B=$.height/w.height,q=f.style.transform,j=f.style.position,Z=f.style.transformOrigin,J=f.style.zIndex,K=f.style.willChange;return{toEl:f,dx:E,dy:W,dw:G,dh:B,originalTransform:q,originalPosition:j,originalTransformOrigin:Z,originalZIndex:J,originalWillChange:K}}).filter(l=>l!==null&&Math.abs(l.dy)<=p);return a=null,g.length===0?{spring:n,tick:()=>{}}:{springs:g.map(({toEl:l,dx:u,dy:b,dw:f,dh:$})=>({spring:n,tick:w=>{l.style.transform=`translate(${(1-w)*u}px, ${(1-w)*b}px) scale(${w+(1-w)*f}, ${w+(1-w)*$})`}})),schedule:"parallel",prepare:()=>{g.forEach(({toEl:l})=>{l.style.position="relative",l.style.transformOrigin="top left",l.style.zIndex="1000",l.style.willChange="transform"})},onEnd:()=>{g.forEach(({toEl:l,originalTransform:u,originalPosition:b,originalTransformOrigin:f,originalZIndex:$,originalWillChange:w})=>{l.style.transform=u,l.style.position=b,l.style.transformOrigin=f,l.style.zIndex=$,l.style.willChange=w})}}},out:async c=>({spring:n,onStart:()=>{a=c,o&&(o(!0),o=null)},tick:()=>{},prepare:e=>{m(e),e.style.opacity="0"}})}},L={stiffness:140,damping:19,doubleSpring:.8};function Vt({detailRect:t,galleryRect:n,pageRect:r,scrollOffset:p}){const a=n.left-t.left+(n.width-t.width)/2-p.x,o=n.top-t.top+(n.height-t.height)/2-p.y,d=n.width/t.width,s=n.height/t.height,c=Math.max(d,s),e=t.top/r.height*100,i=(r.width-(t.left+t.width))/r.width*100,y=(r.height-(t.top+t.height))/r.height*100,h=t.left/r.width*100;return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:l=>{const u=1-l;return{clipPath:`inset(${e*u}% ${i*u}% ${y*u}% ${h*u}%)`,transform:`translate(${a*u}px, ${o*u}px) scale(${1+(c-1)*u})`}}}}function Ut({detailRect:t,galleryRect:n,pageRect:r,scrollOffset:p}){const a=n.left-t.left+(n.width-t.width)/2+p.x,o=n.top-t.top+(n.height-t.height)/2+p.y,d=n.width/t.width,s=n.height/t.height,c=Math.min(d,s),e=t.top/r.height*100,i=(r.width-(t.left+t.width))/r.width*100,y=(r.height-(t.top+t.height))/r.height*100,h=t.left/r.width*100;return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:l=>{const u=1-l;return{clipPath:`inset(${e*u}% ${i*u}% ${y*u}% ${h*u}%)`,transform:`translate(${a*u-p.x}px, ${o*u-p.y}px) scale(${1+(c-1)*u})`}}}}function Xt(t,n,r){const p=t.querySelector("[data-instagram-detail-key]"),a=n.querySelector("[data-instagram-detail-key]");if(t.querySelectorAll("[data-instagram-detail-key]").length>1||n.querySelectorAll("[data-instagram-detail-key]").length>1)return null;let o=null,d=null,s=!1;if(!p&&a){d=a;const i=d.getAttribute("data-instagram-detail-key");if(!i)return null;o=t.querySelector(`[data-instagram-gallery-key="${i}"]`),o&&(s=!0)}else if(p&&!a){d=p;const i=d.getAttribute("data-instagram-detail-key");if(!i)return null;o=n.querySelector(`[data-instagram-gallery-key="${i}"]`),o&&(s=!1)}if(!o||!d)return null;const c=x(s?t:n,o),e=x(s?n:t,d);if(s){const i=Vt({detailRect:e,galleryRect:c,pageRect:n.getBoundingClientRect(),scrollOffset:r});return n.style.transformOrigin=i.transformOrigin,{isEnterMode:!0,inAnimation:i.animate}}else{const i=Ut({detailRect:e,galleryRect:c,pageRect:t.getBoundingClientRect(),scrollOffset:r});return t.style.transformOrigin=i.transformOrigin,{isEnterMode:!1,outAnimation:i.animate}}}const zt=(t={})=>{var s,c,e;const n={stiffness:((s=t.spring)==null?void 0:s.stiffness)??L.stiffness,damping:((c=t.spring)==null?void 0:c.damping)??L.damping,doubleSpring:((e=t.spring)==null?void 0:e.doubleSpring)??L.doubleSpring},r=t.timeout??300;let p=null,a=null,o=null,d=null;return{in:async(i,{scrollOffset:y})=>{const h=i;return!await new Promise(l=>{p?l(!0):(a=l,setTimeout(()=>{a=null,l(!1)},r))})||!p?(d==null||d(),d=null,p=null,{spring:n,css:()=>({})}):(o=Xt(p,h,y),d==null||d(),d=null,o?(p=null,{spring:n,css:l=>o!=null&&o.inAnimation?o.inAnimation(l):{}}):(p=null,{spring:n,css:()=>({})}))},out:async(i,y)=>{const h=new Promise(g=>{d=g});return{spring:n,prepare:g=>{o!=null&&o.isEnterMode?m(g):(m(g,y),g.style.zIndex="-1")},wait:async()=>{p=i,a&&(a(!0),a=null),await h},css:g=>o!=null&&o.outAnimation?o.outAnimation(g):{}}}}};function Ht(t){const n=x(document.body,t.positionedParent);return{top:t.scroll.y,left:0,width:n.width,height:window.innerHeight-n.top}}const Mt=(t={})=>{var o,d;const n={stiffness:((o=t.spring)==null?void 0:o.stiffness)??50,damping:((d=t.spring)==null?void 0:d.damping)??30},r=t.initialRotation??45,p=t.initialScale??.01,a=t.rotationTriggerPoint??.8;return{out:async(s,c)=>{const e=s.style.opacity;return{spring:{stiffness:80,damping:25},from:1,to:0,prepare:()=>{m(s,c),s.style.opacity="1"},tick:i=>{s.style.opacity=String(i)},onEnd:()=>{s.style.opacity=e}}},in:async(s,c)=>{const e=Ht(c),i=s.style.transform,y=s.style.transformOrigin,h=s.style.position,g=s.style.zIndex;return{spring:n,from:0,to:1,prepare:()=>{const l=Math.min(e.width,e.height)*.4;s.style.setProperty("--max-border-radius",`${l}px`),s.style.setProperty("--border-radius-scale","1"),s.style.willChange="transform",s.style.backfaceVisibility="hidden";const u=e.left+e.width/2,b=e.top+e.height/2;s.style.transformOrigin=`${u}px ${b}px`,s.style.position="fixed",s.style.top=`${e.top}px`,s.style.left=`${e.left}px`,s.style.width=`${e.width}px`,s.style.height=`${e.height}px`,s.style.zIndex="1000",s.style.overflow="hidden",s.style.transform=`rotate(${r}deg) scale(${p}) translateZ(0)`,s.style.borderRadius="calc(var(--max-border-radius) * var(--border-radius-scale))",s.style.opacity="1"},tick:l=>{let u;if(l<=.05)u=p;else if(l<=a){const w=(l-.05)/(a-.05),E=Math.pow(w,9);u=p+(.8-p)*E}else{const w=(l-a)/(1-a);u=.8+.2*(1-Math.pow(1-w,3))}let b;const f=.7;if(l<=f)b=r;else{const w=(l-f)/(1-f),E=1-Math.pow(1-w,2);b=r*(1-E)}let $;if(l<=f)$=1;else{const w=(l-f)/(1-f);$=1-Math.pow(w,.5)}s.style.transform=`rotate(${b.toFixed(2)}deg) scale(${u.toFixed(4)}) translateZ(0)`,s.style.setProperty("--border-radius-scale",$.toFixed(4))},onEnd:()=>{s.style.willChange="",s.style.backfaceVisibility="",s.style.removeProperty("--max-border-radius"),s.style.removeProperty("--border-radius-scale"),s.style.transform=i,s.style.transformOrigin=y,s.style.position=h,s.style.zIndex=g,s.style.top="",s.style.left="",s.style.width="",s.style.height="",s.style.overflow="",s.style.borderRadius=""}}}}},v={stiffness:140,damping:19,doubleSpring:.7};function Nt({detailRect:t,galleryRect:n,pageRect:r,scrollOffset:p}){const a=n.left-t.left+(n.width-t.width)/2-p.x,o=n.top-t.top+(n.height-t.height)/2-p.y,d=n.width/t.width,s=n.height/t.height,c=Math.max(d,s),e=t.top/r.height*100,i=(r.width-(t.left+t.width))/r.width*100,y=(r.height-(t.top+t.height))/r.height*100,h=t.left/r.width*100;return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:l=>{const u=1-l;return{clipPath:`inset(${e*u}% ${i*u}% ${y*u}% ${h*u}%)`,transform:`translate(${a*u}px, ${o*u}px) scale(${1+(c-1)*u})`}}}}function Wt({galleryRect:t,detailRect:n,scrollOffset:r}){const p=n.left-t.left+(n.width-t.width)/2+r.x,a=n.top-t.top+(n.height-t.height)/2+r.y,o=n.width/t.width,d=n.height/t.height,s=Math.max(o,d);return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:e=>{const i=1-e;return{transform:`translate(${p*i-r.x}px, ${a*i-r.y}px) scale(${1+(s-1)*i})`,opacity:`${1-i}`}}}}function Gt({galleryRect:t,detailRect:n,scrollOffset:r}){const p=n.left-t.left+(n.width-t.width)/2-r.x,a=n.top-t.top+(n.height-t.height)/2-r.y,o=n.width/t.width,d=n.height/t.height,s=Math.max(o,d);return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:e=>{const i=1-e,y=e;return{transform:`translate(${p*i}px, ${a*i}px) scale(${1+(s-1)*i})`,opacity:`${y}`}}}}function Bt({detailRect:t,galleryRect:n,pageRect:r,scrollOffset:p}){const a=n.left-t.left+(n.width-t.width)/2+p.x,o=n.top-t.top+(n.height-t.height)/2+p.y,d=n.width/t.width,s=n.height/t.height,c=Math.min(d,s),e=t.top/r.height*100,i=(r.width-(t.left+t.width))/r.width*100,y=(r.height-(t.top+t.height))/r.height*100,h=t.left/r.width*100;return{transformOrigin:`${t.left+t.width/2}px ${t.top+t.height/2}px`,animate:l=>{const u=1-l;return{clipPath:`inset(${e*u}% ${i*u}% ${y*u}% ${h*u}%)`,transform:`translate(${a*u-p.x}px, ${o*u-p.y}px) scale(${1+(c-1)*u})`}}}}function qt(t,n,r){const p=t.querySelector("[data-pinterest-detail-key]"),a=n.querySelector("[data-pinterest-detail-key]");if(t.querySelectorAll("[data-pinterest-detail-key]").length>1||n.querySelectorAll("[data-pinterest-detail-key]").length>1)return null;let o=null,d=null,s=!1;if(!p&&a){d=a;const i=d.getAttribute("data-pinterest-detail-key");if(!i)return null;o=t.querySelector(`[data-pinterest-gallery-key="${i}"]`),o&&(s=!0)}else if(p&&!a){d=p;const i=d.getAttribute("data-pinterest-detail-key");if(!i)return null;o=n.querySelector(`[data-pinterest-gallery-key="${i}"]`),o&&(s=!1)}if(!o||!d)return null;const c=x(s?t:n,o),e=x(s?n:t,d);if(s){const i=Nt({detailRect:e,galleryRect:c,pageRect:n.getBoundingClientRect(),scrollOffset:r}),y=Wt({galleryRect:c,detailRect:e,scrollOffset:r});return n.style.transformOrigin=i.transformOrigin,t.style.transformOrigin=y.transformOrigin,{inAnimation:i.animate,outAnimation:y.animate}}else{const i=Gt({galleryRect:c,detailRect:e,scrollOffset:r}),y=Bt({detailRect:e,galleryRect:c,pageRect:t.getBoundingClientRect(),scrollOffset:r});return n.style.transformOrigin=i.transformOrigin,t.style.transformOrigin=y.transformOrigin,{inAnimation:i.animate,outAnimation:y.animate}}}const jt=(t={})=>{var s,c,e;const n={stiffness:((s=t.spring)==null?void 0:s.stiffness)??v.stiffness,damping:((c=t.spring)==null?void 0:c.damping)??v.damping,doubleSpring:((e=t.spring)==null?void 0:e.doubleSpring)??v.doubleSpring},r=t.timeout??300;let p=null,a=null,o=null,d=null;return{in:async(i,{scrollOffset:y})=>{const h=i;return!await new Promise(l=>{p?l(!0):(a=l,setTimeout(()=>{a=null,l(!1)},r))})||!p?(d==null||d(),d=null,p=null,{spring:n,css:()=>({})}):(o=qt(p,h,y),d==null||d(),d=null,o?(p=null,{spring:n,css:l=>o?o.inAnimation(l):{}}):(p=null,{spring:n,css:()=>({})}))},out:async i=>{const y=new Promise(h=>{d=h});return{spring:n,prepare:h=>{m(h),h.style.zIndex="-1"},wait:async()=>{p=i,a&&(a(!0),a=null),await y},css:h=>o?o.outAnimation(h):{}}}}},X={stiffness:100,damping:30},Zt=()=>({in:t=>({spring:X,prepare:()=>{t.style.opacity="0",t.style.transform="rotate(-180deg)",t.style.transformOrigin="center center",t.style.willChange="transform, opacity"},css:n=>({transform:`rotate(${(n-1)*180}deg)`,opacity:n>.5?1:0}),onEnd:()=>{t.style.willChange="auto",t.style.transform="",t.style.transformOrigin="",t.style.opacity=""}}),out:(t,n)=>({spring:X,prepare:()=>{m(t,n),t.style.transformOrigin="center center",t.style.willChange="transform, opacity"},css:r=>({transform:`rotate(${(1-r)*180}deg)`,opacity:r>.5?1:0}),onEnd:()=>{t.style.willChange="auto"}})}),z={stiffness:5,damping:4},Jt=(t={})=>{var c,e;const n=t.direction??"up",r={stiffness:((c=t.spring)==null?void 0:c.stiffness)??z.stiffness,damping:((e=t.spring)==null?void 0:e.damping)??z.damping},p=n==="up";let a=null,o=null,d=null;const s=()=>{if(a===null||o===null)return null;const i=Math.min(a,o),y=window.innerHeight;return Math.max(i,y)};return{in:i=>(o=i.offsetHeight,a!==null&&(d=s()),{spring:r,prepare:()=>{i.style.willChange="transform",i.style.backfaceVisibility="hidden",i.style.contain="layout paint"},tick:y=>{d===null&&(d=s());const h=d??window.innerHeight,g=p?(1-y)*h:(1-y)*-h;i.style.transform=`translate3d(0, ${g}px, 0)`},onEnd:()=>{i.style.willChange="auto",i.style.backfaceVisibility="",i.style.contain=""}}),out:(i,y)=>({spring:r,onStart:()=>{a=i.offsetHeight,o!==null&&(d=s())},tick:h=>{d===null&&(d=s());const g=d??window.innerHeight,l=p?(1-h)*-g:(1-h)*g;i.style.transform=`translate3d(0, ${l}px, 0)`},prepare:h=>{m(h,y),h.style.zIndex=p?"-1":"1",h.style.willChange="transform",h.style.backfaceVisibility="hidden",h.style.contain="layout paint",h.style.pointerEvents="none"}})}},Kt={stiffness:140,damping:15,doubleSpring:.5},Qt={stiffness:145,damping:15,doubleSpring:.5};function T(t){const n=x(document.body,t.positionedParent),r=t.scroll.y,p=window.innerHeight-n.top;return{top:r,left:0,width:n.width,height:p}}const Rt=(t={})=>{var a,o,d;const{direction:n="enter"}=t,r=n==="enter"?Kt:Qt,p={stiffness:((a=t.spring)==null?void 0:a.stiffness)??r.stiffness,damping:((o=t.spring)==null?void 0:o.damping)??r.damping,doubleSpring:((d=t.spring)==null?void 0:d.doubleSpring)??r.doubleSpring};return n==="enter"?{in:(s,c)=>{const i=T(c).height;return{spring:p,prepare:()=>{s.style.willChange="transform",s.style.backfaceVisibility="hidden",s.style.contain="layout paint"},css:y=>({transform:`translate3d(0, ${(1-y)*i}px, 0)`}),onEnd:()=>{s.style.willChange="auto",s.style.backfaceVisibility="",s.style.contain=""}}},out:(s,c)=>{const e=T(c),i=e.left+e.width/2,y=e.top+e.height/2+c.scrollOffset.y;return{spring:p,prepare:h=>{m(h,c),h.style.zIndex="-1",h.style.willChange="transform, opacity",h.style.backfaceVisibility="hidden",h.style.contain="layout paint",h.style.pointerEvents="none",h.style.transformOrigin=`${i}px ${y}px`},css:h=>({transform:`scale(${.8+h*.2})`,opacity:h})}}}:{in:(s,c)=>{const e=T(c),i=e.left+e.width/2,y=e.top+e.height/2;return{spring:p,prepare:()=>{s.style.willChange="transform, opacity",s.style.backfaceVisibility="hidden",s.style.contain="layout paint",s.style.transformOrigin=`${i}px ${y}px`},css:h=>({transform:`scale(${.8+h*.2})`,opacity:h}),onEnd:()=>{s.style.willChange="auto",s.style.backfaceVisibility="",s.style.contain="",s.style.transformOrigin=""}}},out:(s,c)=>{const i=T(c).height;return{spring:p,prepare:y=>{m(y,c),y.style.zIndex="100",y.style.willChange="transform",y.style.backfaceVisibility="hidden",y.style.contain="layout paint",y.style.pointerEvents="none"},css:y=>({transform:`translate3d(0, ${(1-y)*i}px, 0)`})}}}},I={stiffness:140,damping:19,doubleSpring:.8},tn=(t={})=>{var a,o,d;const n=t.direction??"left",r={stiffness:((a=t.spring)==null?void 0:a.stiffness)??I.stiffness,damping:((o=t.spring)==null?void 0:o.damping)??I.damping,doubleSpring:((d=t.spring)==null?void 0:d.doubleSpring)??I.doubleSpring},p=n==="left";return{in:s=>({spring:r,prepare:()=>{s.style.willChange="transform",s.style.backfaceVisibility="hidden",s.style.contain="layout paint"},css:c=>({transform:`translate3d(${p?(1-c)*100:(1-c)*-100}%, 0, 0)`}),onEnd:()=>{s.style.willChange="auto",s.style.backfaceVisibility="",s.style.contain=""}}),out:(s,c)=>({spring:r,css:e=>({transform:`translate3d(${p?(1-e)*-100:(1-e)*100}%, 0, 0)`}),prepare:e=>{m(e,c),e.style.willChange="transform",e.style.backfaceVisibility="hidden",e.style.contain="layout paint",e.style.pointerEvents="none"}})}},H={stiffness:17,damping:6},_=20,O=800,nn=()=>{let t,n=null;return{in:r=>({spring:H,prepare:()=>{r.style.willChange="transform",r.style.backfaceVisibility="hidden",r.style.contain="layout paint",r.style.transform=`perspective(${O}px) rotateY(${_}deg) translate3d(-100%, 0, 0)`},wait:async()=>{t&&await t},css:p=>{const a=(1-p)*_,o=-(1-p)*100;return{transform:`perspective(${O}px) rotateY(${a}deg) translate3d(${o}%, 0, 0)`}},onEnd:()=>{r.style.transform="",r.style.willChange="auto",r.style.backfaceVisibility="",r.style.contain=""}}),out:(r,p)=>(t=new Promise(a=>{n=a}),{spring:H,prepare:a=>{m(a,p),a.style.willChange="transform",a.style.backfaceVisibility="hidden",a.style.contain="layout paint",a.style.pointerEvents="none",a.style.transform=`perspective(${O}px) rotateY(0deg) translate3d(0%, 0, 0)`},css:a=>{const o=1-a,d=o*_,s=o*100;return{transform:`perspective(${O}px) rotateY(${-d}deg) translate3d(${s}%, 0, 0)`}},onEnd:()=>{n&&n(),r.style.transform=""}})}},D={stiffness:300,damping:22,doubleSpring:.5},M=.05;function sn(t){const n=x(document.body,t.positionedParent),r=t.scroll.y,p=window.innerHeight-n.top;return{top:r,left:0,width:n.width,height:p}}const en=(t={})=>{var a,o,d;const n={stiffness:((a=t.spring)==null?void 0:a.stiffness)??D.stiffness,damping:((o=t.spring)==null?void 0:o.damping)??D.damping,doubleSpring:((d=t.spring)==null?void 0:d.doubleSpring)??D.doubleSpring};let{promise:r,resolve:p}=S();return{in:(s,c)=>{const e=sn(c),i=e.left+e.width/2,y=e.top+e.height/2;return{spring:n,prepare:()=>{s.style.opacity="0",s.style.willChange="transform, opacity",s.style.backfaceVisibility="hidden",s.style.contain="layout paint",s.style.transformOrigin=`${i}px ${y}px`},wait:async()=>{if(r){await r;const h=S();r=h.promise,p=h.resolve}},css:h=>({transform:`scale(${1-M+h*M})`,opacity:h}),onEnd:()=>{s.style.opacity="1",s.style.willChange="auto",s.style.backfaceVisibility="",s.style.contain="",s.style.transformOrigin=""}}},out:(s,c)=>({spring:n,prepare:e=>{m(e,c),e.style.willChange="opacity",e.style.backfaceVisibility="hidden",e.style.contain="layout paint",e.style.pointerEvents="none"},css:e=>({opacity:e}),onEnd:()=>{p&&p()}})}};exports.blind=et;exports.curtainReveal=wt;exports.depth=mt;exports.drill=St;exports.fade=kt;exports.film=vt;exports.hero=Yt;exports.instagram=zt;exports.jaemin=Mt;exports.pinterest=jt;exports.rotate=Zt;exports.scroll=Jt;exports.sheet=Rt;exports.slide=tn;exports.strip=nn;exports.swap=en;
@@ -1,14 +1,17 @@
1
1
  export * from './blind';
2
+ export * from './curtain-reveal';
3
+ export * from './depth';
2
4
  export * from './drill';
3
5
  export * from './fade';
4
6
  export * from './film';
5
7
  export * from './hero';
6
8
  export * from './instagram';
7
- export { jaemin } from './jaemin';
9
+ export * from './jaemin';
8
10
  export * from './pinterest';
9
11
  export * from './rotate';
10
12
  export * from './scroll';
13
+ export * from './sheet';
11
14
  export * from './slide';
12
15
  export * from './strip';
13
- export * from './curtain-reveal';
16
+ export * from './swap';
14
17
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/view-transitions/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC"}