ecloud-spark 1.1.1 → 1.2.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.
- package/README.md +41 -5
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/Button/Button.d.ts +5 -5
- package/dist/esm/components/ElasticButton/ElasticButton.d.ts +5 -5
- package/dist/esm/components/MagneticButton/MagneticButton.d.ts +5 -5
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/button.d.ts +12 -12
- package/dist/esm/types/pin.d.ts +1 -1
- package/dist/index.d.ts +17 -17
- package/package.json +12 -10
- package/dist/cjs/components/Button/Button.d.ts +0 -8
- package/dist/cjs/components/Button/index.d.ts +0 -1
- package/dist/cjs/components/ElasticButton/ElasticButton.d.ts +0 -14
- package/dist/cjs/components/ElasticButton/index.d.ts +0 -1
- package/dist/cjs/components/HPin/HPin.d.ts +0 -4
- package/dist/cjs/components/HPin/index.d.ts +0 -1
- package/dist/cjs/components/MagneticButton/MagneticButton.d.ts +0 -14
- package/dist/cjs/components/MagneticButton/index.d.ts +0 -1
- package/dist/cjs/components/Menu/Menu.d.ts +0 -4
- package/dist/cjs/components/Menu/index.d.ts +0 -1
- package/dist/cjs/components/Ribbons/Ribbons.d.ts +0 -4
- package/dist/cjs/components/Ribbons/index.d.ts +0 -1
- package/dist/cjs/components/TextReader/TextReader.d.ts +0 -4
- package/dist/cjs/components/TextReader/index.d.ts +0 -1
- package/dist/cjs/components/TextReveal/TextReveal.d.ts +0 -4
- package/dist/cjs/components/TextReveal/index.d.ts +0 -1
- package/dist/cjs/components/VOverlap/VOverlap.d.ts +0 -4
- package/dist/cjs/components/VOverlap/index.d.ts +0 -1
- package/dist/cjs/components/VPin/VPin.d.ts +0 -4
- package/dist/cjs/components/VPin/index.d.ts +0 -1
- package/dist/cjs/components/index.d.ts +0 -10
- package/dist/cjs/config/variables.d.ts +0 -7
- package/dist/cjs/hooks/document-height.d.ts +0 -1
- package/dist/cjs/hooks/index.d.ts +0 -5
- package/dist/cjs/hooks/useIsomorphicEffect.d.ts +0 -3
- package/dist/cjs/hooks/useMediaQuery.d.ts +0 -7
- package/dist/cjs/hooks/useWindowSize.d.ts +0 -4
- package/dist/cjs/index.d.ts +0 -2
- package/dist/cjs/types/button.d.ts +0 -26
- package/dist/cjs/types/menu.d.ts +0 -13
- package/dist/cjs/types/misc.d.ts +0 -6
- package/dist/cjs/types/overlap.d.ts +0 -10
- package/dist/cjs/types/pin.d.ts +0 -22
- package/dist/cjs/types/ribbon.d.ts +0 -11
- package/dist/cjs/types/text.d.ts +0 -24
package/README.md
CHANGED
|
@@ -8,19 +8,47 @@ Spark is our React component library.
|
|
|
8
8
|
|
|
9
9
|
## Installation
|
|
10
10
|
|
|
11
|
-
|
|
11
|
+
```bash
|
|
12
|
+
npm i ecloud-spark
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
### Peer Dependencies
|
|
16
|
+
|
|
17
|
+
This library requires the following peer dependencies:
|
|
18
|
+
|
|
19
|
+
```bash
|
|
20
|
+
npm i react framer-motion gsap lodash react-fast-marquee split-type
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
| Package | Version |
|
|
24
|
+
|---------|---------|
|
|
25
|
+
| react | ^18.2.0 \|\| ^19.0.0 |
|
|
26
|
+
| framer-motion | ^10.0.0 \|\| ^11.0.0 \|\| ^12.0.0 |
|
|
27
|
+
| gsap | ^3.12.0 |
|
|
28
|
+
| lodash | ^4.17.0 |
|
|
29
|
+
| react-fast-marquee | ^1.6.0 |
|
|
30
|
+
| split-type | ^0.3.0 |
|
|
12
31
|
|
|
13
32
|
<br />
|
|
14
33
|
|
|
15
34
|
## Folder Structure
|
|
16
35
|
|
|
17
|
-
- **/src:**
|
|
36
|
+
- **/src:** ecloud-spark's source code
|
|
37
|
+
- **/showcase:** Next.js demo app with live examples
|
|
18
38
|
|
|
19
39
|
<br />
|
|
20
40
|
|
|
21
|
-
##
|
|
41
|
+
## Showcase
|
|
42
|
+
|
|
43
|
+
A Next.js app is included to preview all components in action.
|
|
22
44
|
|
|
23
|
-
|
|
45
|
+
```bash
|
|
46
|
+
cd showcase
|
|
47
|
+
npm install
|
|
48
|
+
npm run dev
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
Then open [http://localhost:3000](http://localhost:3000) to see the demos.
|
|
24
52
|
|
|
25
53
|
<br />
|
|
26
54
|
|
|
@@ -270,7 +298,7 @@ It returns window width and height. The values are updated on window `change` an
|
|
|
270
298
|
const { windowWidth, windowHeight } = useWindowSize();
|
|
271
299
|
```
|
|
272
300
|
|
|
273
|
-
###
|
|
301
|
+
### useMediaQuery
|
|
274
302
|
|
|
275
303
|
A React hook that detects whether a media query is true or false.
|
|
276
304
|
|
|
@@ -278,6 +306,14 @@ A React hook that detects whether a media query is true or false.
|
|
|
278
306
|
const isDesktop = useMediaQuery(`(min-width: 992px)`);
|
|
279
307
|
```
|
|
280
308
|
|
|
309
|
+
### useDocumentHeight
|
|
310
|
+
|
|
311
|
+
Returns the document height. The value is updated on resize.
|
|
312
|
+
|
|
313
|
+
```tsx
|
|
314
|
+
const documentHeight = useDocumentHeight();
|
|
315
|
+
```
|
|
316
|
+
|
|
281
317
|
## Authors
|
|
282
318
|
|
|
283
319
|
This toolkit is curated and maintained by the ecloud team:
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("gsap"),t=require("framer-motion"),r=require("gsap/dist/ScrollTrigger"),a=require("split-type"),i=require("lodash"),o=require("react-fast-marquee");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(e),s=l(n),d=l(a),u=l(o),p=function(){return p=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var a in n=arguments[t])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},p.apply(this,arguments)};function v(e,n){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)n.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(t[r[a]]=e[r[a]])}return t}function m(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}"function"==typeof SuppressedError&&SuppressedError;m(".spark-button {\n background: transparent;\n border: 1px solid black;\n border-radius: 2rem;\n color: black;\n cursor: pointer;\n display: block;\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 1;\n padding: 1rem 2rem;\n text-align: center;\n text-decoration: none;\n transition: 0.3s color, 0.3s background-color;\n}\n.spark-button:hover {\n background-color: black;\n color: white;\n}");var f=e.forwardRef((function(e,n){var t=e.children,r=e.className,a=void 0===r?"":r,i=e.as,o=void 0===i?"button":i,l=v(e,["children","className","as"]);return c.default.createElement(o,p({ref:n,className:"spark-button ".concat(a)},l),t)}));m(".spark-magnetic {\n display: inline-block;\n position: relative;\n}");var g=e.forwardRef((function(n,t){var r=n.children,a=n.className,i=void 0===a?"":a,o=n.button,l=n.movement,d=void 0===l?.5:l,u=v(n,["children","className","button","movement"]),m=e.useRef(null),g=e.useRef(null),h=o?c.default.cloneElement(o,p({ref:g},u)):c.default.createElement(f,p({ref:g},u),r);return c.default.createElement("div",{className:"spark-magnetic ".concat(i),ref:m,onMouseMove:function(e){var n=m.current;if(n){var t=n.getBoundingClientRect(),r=e.pageX-t.left,a=e.pageY-t.top,i=window.scrollY||document.documentElement.scrollTop;s.default.to(g.current,{duration:.3,x:(r-t.width/2)*d,y:(a-t.height/2-i)*d,ease:"expo.out"})}},onMouseOut:function(){s.default.to(g.current,{duration:.4,x:0,y:0,ease:"elastic.out(1, 0.5)"})}},h)}));m(".spark-elastic {\n background-color: transparent;\n border: 0 none;\n margin: 0;\n padding: 0;\n}\n.spark-elastic > div {\n height: 100%;\n}\n.spark-elastic__stack {\n display: flex;\n}\n.spark-elastic__button {\n background: transparent;\n border: 1px solid black;\n border-radius: 2rem;\n color: black;\n cursor: pointer;\n display: block;\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 1;\n padding: 1rem 2rem;\n text-decoration: none;\n}\n.spark-elastic__icon {\n border-radius: 100%;\n box-shadow: 0 0 0 1px inset black;\n height: 100%;\n width: 3.35rem;\n}");var h=e.forwardRef((function(n,r){var a=n.children,i=n.className,o=void 0===i?"":i,l=n.as,s=void 0===l?"button":l,d=n.button,u=n.icon,m=void 0===u?c.default.createElement("div",{className:"spark-elastic__icon"}):u,f=v(n,["children","className","as","button","icon"]),g=e.useState(!1),h=g[0],b=g[1],k=function(){return m},y=d?c.default.cloneElement(d):c.default.createElement("div",{className:"spark-elastic__button"},a);return c.default.createElement(s,p({ref:r,className:"spark-elastic ".concat(o)},f),c.default.createElement("div",{className:"spark-elastic__stack",onMouseEnter:function(){return b(!0)},onMouseLeave:function(){return b(!1)}},c.default.createElement(t.AnimatePresence,{mode:"wait"},c.default.createElement(t.motion.div,{key:h?"hover":"idle",initial:{x:20},animate:{x:0},transition:{type:"spring",damping:7,stiffness:300,restDelta:.1}},h&&c.default.createElement(k,null))),c.default.createElement(t.AnimatePresence,{mode:"wait"},c.default.createElement(t.motion.div,{key:h?"hover":"idle",initial:{x:20},animate:{x:0},transition:{duration:.3,ease:"circOut"}},y)),c.default.createElement(t.AnimatePresence,{mode:"wait"},c.default.createElement(t.motion.div,{key:h?"hover":"idle",initial:{x:10},animate:{x:0},transition:{type:"spring",damping:7,stiffness:300,restDelta:.1}},!h&&c.default.createElement(k,null)))))}));m(".spark-text-reveal {\n opacity: 0;\n}\n.spark-text-reveal__container {\n overflow: hidden;\n}\n.spark-text-reveal__content {\n transform: translate(0, 100%) rotate(10deg);\n transform-origin: left;\n}");var b="undefined"!=typeof window?e.useLayoutEffect:e.useEffect;function k(n){var t=e.useState(!1),r=t[0],a=t[1];return e.useEffect((function(){var e=window.matchMedia(n);function t(){a(e.matches)}return e.addEventListener("change",t,!1),t(),function(){return e.removeEventListener("change",t,!1)}}),[n]),r}var y=function(){var n=e.useState(0),t=n[0],r=n[1],a=e.useState(0),o=a[0],l=a[1];return b((function(){var e=i.throttle((function(){r(window.innerWidth),l(window.innerHeight)}),50);return window.addEventListener("resize",e),window.addEventListener("change",e),e(),function(){window.removeEventListener("resize",e),window.removeEventListener("change",e)}}),[]),{windowWidth:t,windowHeight:o}},x=function(){var n=e.useState(0),t=n[0],r=n[1];return b((function(){var e=document.documentElement,n=function(){r(e.offsetHeight)},t=i.throttle(n,50),a=new ResizeObserver((function(e){return n()}));return a.observe(e),e.addEventListener("resize",t),e.addEventListener("change",t),t(),function(){e.addEventListener("resize",t),e.addEventListener("change",t),a.disconnect()}}),[]),t},w=992;m("/* Breakpoints */\n.spark-text-reader {\n opacity: 0;\n overflow: hidden;\n}\n.spark-text-reader .word {\n opacity: 0;\n}\n.spark-text-reader .line {\n background-size: 200% 100%;\n background-position: 100% 0%;\n}\n.spark-text-reader .line:not(.highlight) {\n background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n@media (max-width: 992px) {\n .spark-text-reader.showOnMobile .word {\n opacity: 1;\n }\n}\n@media (max-width: 992px) {\n .spark-text-reader.showOnMobile .line:not(.highlight) {\n -webkit-text-fill-color: currentColor;\n }\n}");m("/* Breakpoints */\n.spark-hpin {\n display: flex;\n gap: 1rem;\n white-space: nowrap;\n overflow-x: auto;\n margin: 0;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n.spark-hpin::-webkit-scrollbar {\n display: none;\n}\n@media (min-width: 992px) {\n .spark-hpin {\n white-space: normal;\n overflow-x: visible;\n }\n}");m("/* Breakpoints */\n.spark-vpin {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n@media (min-width: 992px) {\n .spark-vpin {\n flex-direction: row;\n }\n}\n.spark-vpin__pin {\n height: 100%;\n}\n@media (min-width: 992px) {\n .spark-vpin__pin {\n position: sticky;\n }\n}\n.spark-vpin__items {\n display: flex;\n flex-direction: column;\n}");m("/* Breakpoints */\n.spark-voverlap {\n display: flex;\n flex-direction: row;\n gap: 6.25rem;\n}\n@media (max-width: 992px) {\n .spark-voverlap {\n flex-direction: column;\n }\n}\n.spark-voverlap__aside {\n max-width: 31.25rem;\n position: sticky;\n top: 0;\n height: 100%;\n width: 100%;\n}\n.spark-voverlap__img-wrapper {\n height: 21.875rem;\n}\n.spark-voverlap__img {\n border-radius: 1.5rem;\n clip-path: inset(0 0 0 0);\n object-fit: cover;\n transition: 0.6s clip-path;\n position: absolute;\n left: 0;\n top: 0;\n height: 100%;\n width: 100%;\n}\n.spark-voverlap__img.active {\n clip-path: inset(0 0 100% 0);\n}\n.spark-voverlap__content {\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n padding-top: 7%;\n padding-bottom: 7%;\n width: 100%;\n}\n.spark-voverlap__content .voverlap-content-item {\n transition: 0.4s opacity;\n}\n@media (min-width: 992px) {\n .spark-voverlap__content .voverlap-content-item {\n opacity: 0.2;\n }\n}\n.spark-voverlap__content .voverlap-content-item.active {\n opacity: 1;\n}");m("/* Breakpoints */\n.spark-menu {\n position: relative;\n z-index: 1;\n}\n.spark-menu.is-open {\n z-index: 900;\n}\n.spark-menu.is-right .spark-menu__body {\n left: auto;\n right: calc(2rem * -1);\n transform-origin: right top;\n}\n.spark-menu__btn {\n position: relative;\n z-index: 3;\n}\n.spark-menu__body {\n border-radius: 2.625rem;\n background: rgba(245, 245, 245, 0.8);\n -webkit-backdrop-filter: blur(0.4rem);\n backdrop-filter: blur(0.4rem);\n box-sizing: border-box;\n transform: translateZ(0);\n transform-origin: left top;\n overflow: hidden;\n position: absolute;\n left: calc(2rem * -1);\n top: calc(2rem * -1);\n padding: 6rem 2rem 2rem;\n width: 30.25rem;\n z-index: 2;\n}\n@media (max-width: 992px) {\n .spark-menu__body {\n left: calc(2rem / 4 * -1);\n right: calc(2rem / 4 * -1);\n width: auto;\n }\n}\n.spark-menu__overlay {\n background-color: rgba(0, 0, 0, 0.2);\n transform: translateZ(0);\n position: fixed;\n left: 0;\n top: 0;\n inset: 0;\n z-index: 1;\n}");m("/* Breakpoints */\n.spark-ribbons {\n position: relative;\n overflow: hidden;\n width: 100%;\n}\n\n.spark-ribbon {\n background: rgba(255, 255, 255, 0.5);\n backdrop-filter: blur(0.5rem);\n padding: 1.5rem 0;\n position: absolute;\n left: 50%;\n top: 50%;\n width: 105%;\n will-change: transform;\n}\n@media (max-width: 992px) {\n .spark-ribbon {\n width: 108%;\n }\n}\n.spark-ribbon:nth-child(1) {\n transform: translate(-50%, -50%) translateZ(0) rotate(11deg);\n z-index: 1;\n}\n.spark-ribbon:nth-child(2) {\n transform: translate(-50%, -50%) translateZ(0) rotate(-11deg);\n z-index: 2;\n}\n.spark-ribbon .rfm-marquee-container,\n.spark-ribbon .rfm-marquee {\n will-change: transform;\n transform: translateZ(0);\n}\n.spark-ribbon .rfm-marquee {\n overflow: hidden;\n}"),exports.Button=f,exports.ElasticButton=h,exports.HPin=function(t){var a=t.children,i=t.triggerRef,o=t.pin,l=void 0===o||o,s=t.scrub,d=void 0===s?.3:s,u=t.start,p=void 0===u?"center center":u,v=t.end,m=void 0===v?"bottom top":v,f=t.markers,g=void 0!==f&&f,h=t.spacing,E=void 0===h?"1rem":h,_=t.sideSpacing,N=void 0===_?"0":_,S=t.startPos,O=void 0===S?"20%":S,R=t.endPos,C=void 0===R?1.1:R,z=e.useRef(null),T=k("(min-width: ".concat(w,"px)")),L=y().windowWidth,P=x();return b((function(){if(n.gsap.registerPlugin(r.ScrollTrigger),T){var e=n.gsap.context((function(){var e,t,a=n.gsap.timeline(),o=null!==(t=null===(e=z.current)||void 0===e?void 0:e.scrollWidth)&&void 0!==t?t:"90%",c=L-Number(o)*C;a.fromTo(z.current,{x:O},{x:c}),r.ScrollTrigger.create({trigger:(null==i?void 0:i.current)?i.current:z.current,start:p,end:m,pin:l,scrub:d,animation:a,markers:g})}),z);return function(){e&&e.revert()}}}),[T,L,P]),c.default.createElement("div",{className:"spark-hpin",ref:z,style:{gap:E,margin:"0 calc(".concat(T?0:N," * -1)"),padding:"0 ".concat(T?0:N)}},a)},exports.MagneticButton=g,exports.Menu=function(e){var n=e.button,r=e.children,a=e.isOpen,i=void 0!==a&&a,o=e.withOverlay,l=void 0!==o&&o,s=e.closeOnOverlayClick,d=void 0===s||s,u=e.menuClass,p=void 0===u?"":u,v=e.bodyClass,m=void 0===v?"":v,f=e.overlayClass,g=void 0===f?"":f,h=e.alignment,b=void 0===h?"left":h,k=e.onClose,y=n?c.default.cloneElement(n,{className:"spark-menu__btn"}):null;return c.default.createElement("div",{className:"spark-menu ".concat("right"===b?"is-right":""," ").concat(i?"is-open":""," ").concat(p)},y,c.default.createElement(t.AnimatePresence,null,i&&c.default.createElement(c.default.Fragment,null,c.default.createElement(t.motion.div,{className:"spark-menu__body ".concat(m),initial:{scale:0,opacity:0},animate:{scale:1,opacity:1,transition:{ease:"anticipate",scale:{duration:.3,delay:.2},opacity:{duration:.25,delay:.2}}},exit:{scale:0,opacity:0,transition:{scale:{duration:.3},opacity:{duration:.25}}},key:"body"},c.default.createElement(t.motion.div,{initial:{opacity:0,y:"50%"},animate:{opacity:1,y:0,transition:{ease:"easeInOut",duration:.5,delay:.6}},exit:{opacity:0,transition:{duration:.1,delay:0}}},r)),l&&c.default.createElement(t.motion.div,{className:"spark-menu__overlay ".concat(g),initial:{opacity:0},animate:{opacity:1},exit:{opacity:0,transition:{opacity:{delay:.4}}},onClick:d?function(){return k(!1)}:void 0,style:{cursor:d?"pointer":"default"}}))))},exports.Ribbons=function(n){var t=n.children,r=n.bottomDirection,a=void 0===r?"left":r,i=n.topDirection,o=void 0===i?"right":i,l=n.speed,s=void 0===l?50:l,d=n.pauseOnHover,p=void 0!==d&&d,v=n.containerClass,m=void 0===v?"":v,f=n.ribbonClass,g=void 0===f?"":f,h=e.useRef(null),b=e.useRef(null),k=e.useState(0),x=k[0],w=k[1],E=y(),_=E.windowHeight,N=E.windowWidth;return e.useEffect((function(){var e=new ResizeObserver((function(){var e,n;w(null!==(n=null===(e=b.current)||void 0===e?void 0:e.offsetHeight)&&void 0!==n?n:0)}));return e.observe(null==b?void 0:b.current),h.current&&function(){var e,n=null===(e=b.current)||void 0===e?void 0:e.getBoundingClientRect();h.current&&(h.current.style.height=(null==n?void 0:n.height)+"px")}(),function(){e.disconnect()}}),[x,_,N]),c.default.createElement("div",{className:"spark-ribbons ".concat(m),ref:h},c.default.createElement("div",{className:"spark-ribbon ".concat(g),ref:b},c.default.createElement(u.default,{direction:a,speed:s,pauseOnHover:p,gradient:!1,autoFill:!0},t)),c.default.createElement("div",{className:"spark-ribbon ".concat(g&&g)},c.default.createElement(u.default,{direction:o,speed:s,pauseOnHover:p,gradient:!1,autoFill:!0},t)))},exports.TextReader=function(t){var a=t.text,i=t.textColor,o=void 0===i?"black":i,l=t.textColorIdle,s=void 0===l?"rgba(0, 0, 0, 0.5)":l,u=t.pin,p=void 0===u||u,v=t.pinRef,m=t.start,f=void 0===m?"top 30%":m,g=t.end,h=void 0===g?"bottom top":g,x=t.responsive,E=void 0===x||x,_=t.withMask,N=void 0!==_&&_,S=t.highlight,O=void 0!==S&&S,R=t.highlightColor,C=void 0===R?"":R,z=t.onComplete,T=e.useRef(null),L=k("(min-width: ".concat(w,"px)")),P=y().windowWidth;return b((function(){var e=null;return T.current&&(T.current.style.opacity="1"),n.gsap.registerPlugin(r.ScrollTrigger),(L||E)&&(!function(){var e,n,t;if(N){var r=d.default.create(null!==(e=T.current)&&void 0!==e?e:"",{types:"lines",tagName:"span",lineClass:"line ".concat(O?"highlight":"")});(L||E)&&(null===(n=r.lines)||void 0===n||n.forEach((function(e){e.style.backgroundImage="linear-gradient(to right, ".concat(O?C:o," 0%, \n ").concat(O?C:o," 50%, ").concat(s," 50%, ").concat(s," 100%)")})))}else d.default.create(null!==(t=T.current)&&void 0!==t?t:"",{types:"words",tagName:"span"})}(),e=n.gsap.context((function(){var e,t;if(N){var a=null===(e=T.current)||void 0===e?void 0:e.querySelectorAll(".line"),i=n.gsap.timeline();null==a||a.forEach((function(e){O&&(e.style.display="inline-block",e.style.width="auto",e.style.color=o),i.to(e,{backgroundPosition:"0% 0%"})})),i.to(T.current,{z:0,duration:1}),r.ScrollTrigger.create({trigger:v.current,start:f,end:h,pin:!!p&&(!v.current||v.current),scrub:1,animation:i,invalidateOnRefresh:!0,onUpdate:function(e){var n=e.progress,t=e.direction;z&&z(n>=1&&1===t)}})}else{var l=null===(t=T.current)||void 0===t?void 0:t.querySelectorAll(".word"),c=n.gsap.timeline();null==l||l.forEach((function(e){c.to(e,{opacity:1})})),c.to(T.current,{z:0,duration:1}),r.ScrollTrigger.create({trigger:v.current,start:f,end:h,pin:!!p&&(!v.current||v.current),scrub:1,animation:c,invalidateOnRefresh:!0,onUpdate:function(e){var n=e.progress,t=e.direction;z&&z(n>=1&&1===t)}})}}),T)),function(){e&&e.revert()}}),[L,v.current,P]),c.default.createElement("p",{className:"spark-text-reader ".concat(E?void 0:"showOnMobile"),ref:T},a)},exports.TextReveal=function(t){var a=t.children,i=t.duration,o=void 0===i?3:i,l=t.start,s=void 0===l?"top 90%":l,u=t.scrub,p=void 0!==u&&u,v=t.toggleActions,m=void 0===v?"play none none none":v,f=t.delay,g=void 0===f?0:f,h=e.useRef(null),x=y().windowWidth,E=k("(min-width: ".concat(w,"px)"));return b((function(){var e=null,t=null;return n.gsap.registerPlugin(r.ScrollTrigger),e=n.gsap.context((function(){t=setTimeout((function(){var e;!function(){var e;d.default.create(null!==(e=h.current)&&void 0!==e?e:"",{types:"lines",tagName:"div"})}();var t=null===(e=h.current)||void 0===e?void 0:e.querySelectorAll(".line"),a=n.gsap.timeline();a.to(h.current,{opacity:1,duration:0,delay:g}),r.ScrollTrigger.create({trigger:h.current,start:s,toggleActions:m,scrub:p,animation:a}),t&&t.forEach((function(e){var n,t=document.createElement("div");t.classList.add("spark-text-reveal__container"),t.append(e),null===(n=null==h?void 0:h.current)||void 0===n||n.append(t),e.classList.add("spark-text-reveal__content"),a.to(e,{duration:o,y:0,rotate:0,ease:"expo.out"},">-90%")}))}),500)}),h),function(){r.ScrollTrigger.killAll(),e&&(e.revert(),e=null),t&&(clearTimeout(t),t=null)}}),[x,E]),c.default.createElement("div",{className:"spark-text-reveal",ref:h},a)},exports.VOverlap=function(t){var a=t.images,i=t.content,o=t.imagesWrapperClass,l=void 0===o?"spark-voverlap-img-wrapper":o,s=t.contentImgClass,d=void 0===s?"voverlap-content-img":s,u=t.start,p=void 0===u?"top 70%":u,v=t.gap,m=void 0===v?[288,80]:v,f=e.useRef(null),g=e.useRef(null),h=e.useState(0),x=h[0],E=h[1],_=y().windowWidth,N=k("(min-width: ".concat(w,"px)"));return b((function(){var e=null,t=null;if(n.gsap.registerPlugin(r.ScrollTrigger),N){var a=g.current;a&&(a.style.top="calc((100% - ".concat(a.clientHeight,"px) / 2)")),e=n.gsap.context((function(){var e,n=document.documentElement;(t=new ResizeObserver((function(){E(n.scrollHeight)}))).observe(n);var a=null===(e=null==f?void 0:f.current)||void 0===e?void 0:e.querySelectorAll(".voverlap-content-item");null==a||a.forEach((function(e,n){var t,i=null===(t=null==f?void 0:f.current)||void 0===t?void 0:t.querySelectorAll(".spark-voverlap-img")[n];r.ScrollTrigger.create({trigger:e,id:"slide-".concat(n+1),start:p,end:function(){return"+=".concat(e.clientHeight+m[0])},toggleActions:"play reverse none reverse",toggleClass:{targets:e,className:"active"},invalidateOnRefresh:!0,onLeave:function(){n+1!==a.length&&i.classList.add("active")},onEnterBack:function(){i.classList.remove("active")}})}))}),f)}return function(){e&&(e.revert(),null==t||t.disconnect())}}),[N,_,x]),e.useEffect((function(){var e=document.querySelectorAll(".".concat(d));N?e.forEach((function(e){e.style.display="none"})):e.forEach((function(e){e.style.display="block"}))}),[N]),c.default.createElement("div",{className:"spark-voverlap",ref:f},N&&c.default.createElement("div",{className:"spark-voverlap__aside",ref:g},a.length&&c.default.createElement("div",{className:"spark-voverlap__img-wrapper ".concat(l)},a.map((function(e,n){return c.default.createElement("img",{className:"spark-voverlap__img spark-voverlap-img",src:e.url,alt:e.alt?e.alt:"",key:n,style:{zIndex:a.length-n}})})))),i&&c.default.createElement("div",{className:"spark-voverlap__content",style:{gap:"".concat(N?m[0]:m[1],"px")}},i.map((function(e,n){return c.default.createElement("div",{className:"voverlap-content-item",key:n},e)}))))},exports.VPin=function(e){var n=e.children,t=e.items,r=e.itemsSpacing,a=void 0===r?"1rem":r,i=e.contentGap,o=void 0===i?"2rem":i,l=e.topGap,s=void 0===l?"6.25rem":l,d=v(e,["children","items","itemsSpacing","contentGap","topGap"]);return c.default.createElement("div",p({className:"spark-vpin",style:{gap:o}},d),c.default.createElement("div",{className:"spark-vpin__pin",style:{top:s}},n),c.default.createElement("div",{className:"spark-vpin__items",style:{gap:a}},t))},exports.useDocumentHeight=x,exports.useIsomorphicLayoutEffect=b,exports.useMediaQuery=k,exports.useWindowSize=y;
|
|
1
|
+
"use strict";var e=require("react"),n=require("gsap"),t=require("framer-motion"),r=require("gsap/dist/ScrollTrigger"),i=require("split-type"),a=require("lodash"),o=require("react-fast-marquee"),l=function(){return l=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var i in n=arguments[t])Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i]);return e},l.apply(this,arguments)};function c(e,n){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)n.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(t[r[i]]=e[r[i]])}return t}function s(e){if(!e||"undefined"==typeof window)return;const n=document.createElement("style");return n.setAttribute("type","text/css"),n.innerHTML=e,document.head.appendChild(n),e}"function"==typeof SuppressedError&&SuppressedError,s(".spark-button {\n background: transparent;\n border: 1px solid black;\n border-radius: 2rem;\n color: black;\n cursor: pointer;\n display: block;\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 1;\n padding: 1rem 2rem;\n text-align: center;\n text-decoration: none;\n transition: 0.3s color, 0.3s background-color;\n}\n.spark-button:hover {\n background-color: black;\n color: white;\n}");var d=e.forwardRef((function(n,t){var r=n.children,i=n.className,a=void 0===i?"":i,o=n.as,s=void 0===o?"button":o,d=c(n,["children","className","as"]);return e.createElement(s,l({ref:t,className:"spark-button ".concat(a)},d),r)}));s(".spark-magnetic {\n display: inline-block;\n position: relative;\n}");var p=e.forwardRef((function(t,r){var i=t.children,a=t.className,o=void 0===a?"":a,s=t.button,p=t.movement,u=void 0===p?.5:p,v=c(t,["children","className","button","movement"]),m=e.useRef(null),f=e.useRef(null),g=s?e.cloneElement(s,l({ref:f},v)):e.createElement(d,l({ref:f},v),i);return e.createElement("div",{className:"spark-magnetic ".concat(o),ref:m,onMouseMove:function(e){var t=m.current;if(t){var r=t.getBoundingClientRect(),i=e.pageX-r.left,a=e.pageY-r.top,o=window.scrollY||document.documentElement.scrollTop;n.to(f.current,{duration:.3,x:(i-r.width/2)*u,y:(a-r.height/2-o)*u,ease:"expo.out"})}},onMouseOut:function(){n.to(f.current,{duration:.4,x:0,y:0,ease:"elastic.out(1, 0.5)"})}},g)}));s(".spark-elastic {\n background-color: transparent;\n border: 0 none;\n margin: 0;\n padding: 0;\n}\n.spark-elastic > div {\n height: 100%;\n}\n.spark-elastic__stack {\n display: flex;\n}\n.spark-elastic__button {\n background: transparent;\n border: 1px solid black;\n border-radius: 2rem;\n color: black;\n cursor: pointer;\n display: block;\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 1;\n padding: 1rem 2rem;\n text-decoration: none;\n}\n.spark-elastic__icon {\n border-radius: 100%;\n box-shadow: 0 0 0 1px inset black;\n height: 100%;\n width: 3.35rem;\n}");var u=e.forwardRef((function(n,r){var i=n.children,a=n.className,o=void 0===a?"":a,s=n.as,d=void 0===s?"button":s,p=n.button,u=n.icon,v=void 0===u?e.createElement("div",{className:"spark-elastic__icon"}):u,m=c(n,["children","className","as","button","icon"]),f=e.useState(!1),g=f[0],h=f[1],b=e.useCallback((function(){return v}),[v]),k=p?e.cloneElement(p):e.createElement("div",{className:"spark-elastic__button"},i);return e.createElement(d,l({ref:r,className:"spark-elastic ".concat(o)},m),e.createElement("div",{className:"spark-elastic__stack",onMouseEnter:function(){return h(!0)},onMouseLeave:function(){return h(!1)}},e.createElement(t.AnimatePresence,{mode:"wait"},e.createElement(t.motion.div,{key:g?"hover":"idle",initial:{x:20},animate:{x:0},transition:{type:"spring",damping:7,stiffness:300,restDelta:.1}},g&&e.createElement(b,null))),e.createElement(t.AnimatePresence,{mode:"wait"},e.createElement(t.motion.div,{key:g?"hover":"idle",initial:{x:20},animate:{x:0},transition:{duration:.3,ease:"circOut"}},k)),e.createElement(t.AnimatePresence,{mode:"wait"},e.createElement(t.motion.div,{key:g?"hover":"idle",initial:{x:10},animate:{x:0},transition:{type:"spring",damping:7,stiffness:300,restDelta:.1}},!g&&e.createElement(b,null)))))}));s(".spark-text-reveal {\n opacity: 0;\n}\n.spark-text-reveal__container {\n overflow: hidden;\n}\n.spark-text-reveal__content {\n transform: translate(0, 100%) rotate(10deg);\n transform-origin: left;\n}");var v="undefined"!=typeof window?e.useLayoutEffect:e.useEffect;function m(n){var t=e.useState(!1),r=t[0],i=t[1];return e.useEffect((function(){var e=window.matchMedia(n);function t(){i(e.matches)}return e.addEventListener("change",t,!1),t(),function(){return e.removeEventListener("change",t,!1)}}),[n]),r}var f=function(){var n=e.useState(0),t=n[0],r=n[1],i=e.useState(0),o=i[0],l=i[1];return v((function(){var e=a.throttle((function(){r(window.innerWidth),l(window.innerHeight)}),50);return window.addEventListener("resize",e),e(),function(){window.removeEventListener("resize",e)}}),[]),{windowWidth:t,windowHeight:o}},g=function(){var n=e.useState(0),t=n[0],r=n[1];return v((function(){var e=document.documentElement,n=function(){r(e.offsetHeight)},t=a.throttle(n,50),i=new ResizeObserver((function(e){return n()}));return i.observe(e),t(),function(){e.removeEventListener("resize",t),e.removeEventListener("change",t),i.disconnect()}}),[]),t},h=992;s("/* Breakpoints */\n.spark-text-reader {\n opacity: 0;\n overflow: hidden;\n}\n.spark-text-reader .word {\n opacity: 0;\n}\n.spark-text-reader .line {\n background-size: 200% 100%;\n background-position: 100% 0%;\n}\n.spark-text-reader .line:not(.highlight) {\n background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n@media (max-width: 992px) {\n .spark-text-reader.showOnMobile .word {\n opacity: 1;\n }\n}\n@media (max-width: 992px) {\n .spark-text-reader.showOnMobile .line:not(.highlight) {\n -webkit-text-fill-color: currentColor;\n }\n}"),s("/* Breakpoints */\n.spark-hpin {\n display: flex;\n gap: 1rem;\n white-space: nowrap;\n overflow-x: auto;\n margin: 0;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n.spark-hpin::-webkit-scrollbar {\n display: none;\n}\n@media (min-width: 992px) {\n .spark-hpin {\n white-space: normal;\n overflow-x: visible;\n }\n}"),s("/* Breakpoints */\n.spark-vpin {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n@media (min-width: 992px) {\n .spark-vpin {\n flex-direction: row;\n }\n}\n.spark-vpin__pin {\n height: 100%;\n}\n@media (min-width: 992px) {\n .spark-vpin__pin {\n position: sticky;\n }\n}\n.spark-vpin__items {\n display: flex;\n flex-direction: column;\n}"),s("/* Breakpoints */\n.spark-voverlap {\n display: flex;\n flex-direction: row;\n gap: 6.25rem;\n}\n@media (max-width: 992px) {\n .spark-voverlap {\n flex-direction: column;\n }\n}\n.spark-voverlap__aside {\n max-width: 31.25rem;\n position: sticky;\n top: 0;\n height: 100%;\n width: 100%;\n}\n.spark-voverlap__img-wrapper {\n height: 21.875rem;\n}\n.spark-voverlap__img {\n border-radius: 1.5rem;\n clip-path: inset(0 0 0 0);\n object-fit: cover;\n transition: 0.6s clip-path;\n position: absolute;\n left: 0;\n top: 0;\n height: 100%;\n width: 100%;\n}\n.spark-voverlap__img.active {\n clip-path: inset(0 0 100% 0);\n}\n.spark-voverlap__content {\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n padding-top: 7%;\n padding-bottom: 7%;\n width: 100%;\n}\n.spark-voverlap__content .voverlap-content-item {\n transition: 0.4s opacity;\n}\n@media (min-width: 992px) {\n .spark-voverlap__content .voverlap-content-item {\n opacity: 0.2;\n }\n}\n.spark-voverlap__content .voverlap-content-item.active {\n opacity: 1;\n}"),s("/* Breakpoints */\n.spark-menu {\n position: relative;\n z-index: 1;\n}\n.spark-menu.is-open {\n z-index: 900;\n}\n.spark-menu.is-right .spark-menu__body {\n left: auto;\n right: calc(2rem * -1);\n transform-origin: right top;\n}\n.spark-menu__btn {\n position: relative;\n z-index: 3;\n}\n.spark-menu__body {\n border-radius: 2.625rem;\n background: rgba(245, 245, 245, 0.8);\n -webkit-backdrop-filter: blur(0.4rem);\n backdrop-filter: blur(0.4rem);\n box-sizing: border-box;\n transform: translateZ(0);\n transform-origin: left top;\n overflow: hidden;\n position: absolute;\n left: calc(2rem * -1);\n top: calc(2rem * -1);\n padding: 6rem 2rem 2rem;\n width: 30.25rem;\n z-index: 2;\n}\n@media (max-width: 992px) {\n .spark-menu__body {\n left: calc(2rem / 4 * -1);\n right: calc(2rem / 4 * -1);\n width: auto;\n }\n}\n.spark-menu__overlay {\n background-color: rgba(0, 0, 0, 0.2);\n transform: translateZ(0);\n position: fixed;\n left: 0;\n top: 0;\n inset: 0;\n z-index: 1;\n}"),s("/* Breakpoints */\n.spark-ribbons {\n position: relative;\n overflow: hidden;\n width: 100%;\n}\n\n.spark-ribbon {\n background: rgba(255, 255, 255, 0.5);\n backdrop-filter: blur(0.5rem);\n padding: 1.5rem 0;\n position: absolute;\n left: 50%;\n top: 50%;\n width: 105%;\n will-change: transform;\n}\n@media (max-width: 992px) {\n .spark-ribbon {\n width: 108%;\n }\n}\n.spark-ribbon:nth-child(1) {\n transform: translate(-50%, -50%) translateZ(0) rotate(11deg);\n z-index: 1;\n}\n.spark-ribbon:nth-child(2) {\n transform: translate(-50%, -50%) translateZ(0) rotate(-11deg);\n z-index: 2;\n}\n.spark-ribbon .rfm-marquee-container,\n.spark-ribbon .rfm-marquee {\n will-change: transform;\n transform: translateZ(0);\n}\n.spark-ribbon .rfm-marquee {\n overflow: hidden;\n}"),exports.Button=d,exports.ElasticButton=u,exports.HPin=function(t){var i=t.children,a=t.triggerRef,o=t.pin,l=void 0===o||o,c=t.scrub,s=void 0===c?.3:c,d=t.start,p=void 0===d?"center center":d,u=t.end,b=void 0===u?"bottom top":u,k=t.markers,y=void 0!==k&&k,x=t.spacing,w=void 0===x?"1rem":x,E=t.sideSpacing,_=void 0===E?"0":E,N=t.startPos,O=void 0===N?"20%":N,S=t.endPos,R=void 0===S?1.1:S,z=e.useRef(null),C=m("(min-width: ".concat(h,"px)")),q=f().windowWidth,P=g();return v((function(){if(n.gsap.registerPlugin(r.ScrollTrigger),C){var e=n.gsap.context((function(){var e,t,i=n.gsap.timeline(),o=null!==(t=null===(e=z.current)||void 0===e?void 0:e.scrollWidth)&&void 0!==t?t:"90%",c=q-Number(o)*R;i.fromTo(z.current,{x:O},{x:c}),r.ScrollTrigger.create({trigger:(null==a?void 0:a.current)?a.current:z.current,start:p,end:b,pin:l,scrub:s,animation:i,markers:y})}),z);return function(){e&&e.revert()}}}),[C,q,P]),e.createElement("div",{className:"spark-hpin",ref:z,style:{gap:w,margin:"0 calc(".concat(C?0:_," * -1)"),padding:"0 ".concat(C?0:_)}},i)},exports.MagneticButton=p,exports.Menu=function(n){var r=n.button,i=n.children,a=n.isOpen,o=void 0!==a&&a,l=n.withOverlay,c=void 0!==l&&l,s=n.closeOnOverlayClick,d=void 0===s||s,p=n.menuClass,u=void 0===p?"":p,v=n.bodyClass,m=void 0===v?"":v,f=n.overlayClass,g=void 0===f?"":f,h=n.alignment,b=void 0===h?"left":h,k=n.onClose,y=r?e.cloneElement(r,{className:"spark-menu__btn".concat(r.props.className?" ".concat(r.props.className):"")}):null;return e.createElement("div",{className:"spark-menu ".concat("right"===b?"is-right":""," ").concat(o?"is-open":""," ").concat(u)},y,e.createElement(t.AnimatePresence,null,o&&e.createElement(e.Fragment,null,e.createElement(t.motion.div,{className:"spark-menu__body ".concat(m),initial:{scale:0,opacity:0},animate:{scale:1,opacity:1,transition:{ease:"anticipate",scale:{duration:.3,delay:.2},opacity:{duration:.25,delay:.2}}},exit:{scale:0,opacity:0,transition:{scale:{duration:.3},opacity:{duration:.25}}},key:"body"},e.createElement(t.motion.div,{initial:{opacity:0,y:"50%"},animate:{opacity:1,y:0,transition:{ease:"easeInOut",duration:.5,delay:.6}},exit:{opacity:0,transition:{duration:.1,delay:0}}},i)),c&&e.createElement(t.motion.div,{className:"spark-menu__overlay ".concat(g),initial:{opacity:0},animate:{opacity:1},exit:{opacity:0,transition:{opacity:{delay:.4}}},onClick:d?function(){return k(!1)}:void 0,style:{cursor:d?"pointer":"default"}}))))},exports.Ribbons=function(n){var t=n.children,r=n.bottomDirection,i=void 0===r?"left":r,a=n.topDirection,l=void 0===a?"right":a,c=n.speed,s=void 0===c?50:c,d=n.pauseOnHover,p=void 0!==d&&d,u=n.containerClass,v=void 0===u?"":u,m=n.ribbonClass,g=void 0===m?"":m,h=e.useRef(null),b=e.useRef(null),k=f(),y=k.windowHeight,x=k.windowWidth,w=function(){var e,n=null===(e=b.current)||void 0===e?void 0:e.getBoundingClientRect();h.current&&(h.current.style.height=(null==n?void 0:n.height)+"px")};return e.useEffect((function(){var e=new ResizeObserver((function(){w()}));return b.current&&e.observe(b.current),w(),function(){e.disconnect()}}),[y,x]),e.createElement("div",{className:"spark-ribbons ".concat(v),ref:h},e.createElement("div",{className:"spark-ribbon ".concat(g),ref:b},e.createElement(o,{direction:i,speed:s,pauseOnHover:p,gradient:!1,autoFill:!0},t)),e.createElement("div",{className:"spark-ribbon ".concat(g&&g)},e.createElement(o,{direction:l,speed:s,pauseOnHover:p,gradient:!1,autoFill:!0},t)))},exports.TextReader=function(t){var a=t.text,o=t.textColor,l=void 0===o?"black":o,c=t.textColorIdle,s=void 0===c?"rgba(0, 0, 0, 0.5)":c,d=t.pin,p=void 0===d||d,u=t.pinRef,g=t.start,b=void 0===g?"top 30%":g,k=t.end,y=void 0===k?"bottom top":k,x=t.responsive,w=void 0===x||x,E=t.withMask,_=void 0!==E&&E,N=t.highlight,O=void 0!==N&&N,S=t.highlightColor,R=void 0===S?"":S,z=t.onComplete,C=e.useRef(null),q=e.useRef(null),P=m("(min-width: ".concat(h,"px)")),T=f().windowWidth;return v((function(){var e=null;return C.current&&(C.current.style.opacity="1"),n.gsap.registerPlugin(r.ScrollTrigger),(P||w)&&(!function(){var e,n,t,r;null===(e=q.current)||void 0===e||e.revert(),_?(q.current=i.create(null!==(n=C.current)&&void 0!==n?n:"",{types:"lines",tagName:"span",lineClass:"line ".concat(O?"highlight":"")}),(P||w)&&(null===(t=q.current.lines)||void 0===t||t.forEach((function(e){e.style.backgroundImage="linear-gradient(to right, ".concat(O?R:l," 0%, \n ").concat(O?R:l," 50%, ").concat(s," 50%, ").concat(s," 100%)")})))):q.current=i.create(null!==(r=C.current)&&void 0!==r?r:"",{types:"words",tagName:"span"})}(),e=n.gsap.context((function(){var e,t;if(_){var i=null===(e=C.current)||void 0===e?void 0:e.querySelectorAll(".line"),a=n.gsap.timeline();null==i||i.forEach((function(e){O&&(e.style.display="inline-block",e.style.width="auto",e.style.color=l),a.to(e,{backgroundPosition:"0% 0%"})})),a.to(C.current,{z:0,duration:1}),r.ScrollTrigger.create({trigger:u.current,start:b,end:y,pin:!!p&&(!u.current||u.current),scrub:1,animation:a,invalidateOnRefresh:!0,onUpdate:function(e){var n=e.progress,t=e.direction;z&&z(n>=1&&1===t)}})}else{var o=null===(t=C.current)||void 0===t?void 0:t.querySelectorAll(".word"),c=n.gsap.timeline();null==o||o.forEach((function(e){c.to(e,{opacity:1})})),c.to(C.current,{z:0,duration:1}),r.ScrollTrigger.create({trigger:u.current,start:b,end:y,pin:!!p&&(!u.current||u.current),scrub:1,animation:c,invalidateOnRefresh:!0,onUpdate:function(e){var n=e.progress,t=e.direction;z&&z(n>=1&&1===t)}})}}),C)),function(){e&&e.revert()}}),[P,T]),e.createElement("p",{className:"spark-text-reader ".concat(w?void 0:"showOnMobile"),ref:C},a)},exports.TextReveal=function(t){var a=t.children,o=t.duration,l=void 0===o?3:o,c=t.start,s=void 0===c?"top 90%":c,d=t.scrub,p=void 0!==d&&d,u=t.toggleActions,g=void 0===u?"play none none none":u,b=t.delay,k=void 0===b?0:b,y=e.useRef(null),x=f().windowWidth,w=m("(min-width: ".concat(h,"px)"));return v((function(){var e=null,t=null;return n.gsap.registerPlugin(r.ScrollTrigger),e=n.gsap.context((function(){t=setTimeout((function(){var e;!function(){var e;i.create(null!==(e=y.current)&&void 0!==e?e:"",{types:"lines",tagName:"div"})}();var t=null===(e=y.current)||void 0===e?void 0:e.querySelectorAll(".line"),a=n.gsap.timeline();a.to(y.current,{opacity:1,duration:0,delay:k}),r.ScrollTrigger.create({trigger:y.current,start:s,toggleActions:g,scrub:p,animation:a}),t&&t.forEach((function(e){var n,t=document.createElement("div");t.classList.add("spark-text-reveal__container"),t.append(e),null===(n=null==y?void 0:y.current)||void 0===n||n.append(t),e.classList.add("spark-text-reveal__content"),a.to(e,{duration:l,y:0,rotate:0,ease:"expo.out"},">-90%")}))}),500)}),y),function(){e&&(e.revert(),e=null),t&&(clearTimeout(t),t=null)}}),[x,w]),e.createElement("div",{className:"spark-text-reveal",ref:y},a)},exports.VOverlap=function(t){var i=t.images,a=t.content,o=t.imagesWrapperClass,l=void 0===o?"spark-voverlap-img-wrapper":o,c=t.contentImgClass,s=void 0===c?"voverlap-content-img":c,d=t.start,p=void 0===d?"top 70%":d,u=t.gap,g=void 0===u?[288,80]:u,b=e.useRef(null),k=e.useRef(null),y=e.useState(0),x=y[0],w=y[1],E=f().windowWidth,_=m("(min-width: ".concat(h,"px)"));return v((function(){var e=null,t=null;if(n.gsap.registerPlugin(r.ScrollTrigger),_){var i=k.current;i&&(i.style.top="calc((100% - ".concat(i.clientHeight,"px) / 2)")),e=n.gsap.context((function(){var e,n=document.documentElement;(t=new ResizeObserver((function(){w(n.scrollHeight)}))).observe(n);var i=null===(e=null==b?void 0:b.current)||void 0===e?void 0:e.querySelectorAll(".voverlap-content-item");null==i||i.forEach((function(e,n){var t,a=null===(t=null==b?void 0:b.current)||void 0===t?void 0:t.querySelectorAll(".spark-voverlap-img")[n];r.ScrollTrigger.create({trigger:e,id:"slide-".concat(n+1),start:p,end:function(){return"+=".concat(e.clientHeight+g[0])},toggleActions:"play reverse none reverse",toggleClass:{targets:e,className:"active"},invalidateOnRefresh:!0,onLeave:function(){n+1!==i.length&&a.classList.add("active")},onEnterBack:function(){a.classList.remove("active")}})}))}),b)}return function(){e&&(e.revert(),null==t||t.disconnect())}}),[_,E,x]),e.useEffect((function(){var e=document.querySelectorAll(".".concat(s));_?e.forEach((function(e){e.style.display="none"})):e.forEach((function(e){e.style.display="block"}))}),[_]),e.createElement("div",{className:"spark-voverlap",ref:b},_&&e.createElement("div",{className:"spark-voverlap__aside",ref:k},i.length>0&&e.createElement("div",{className:"spark-voverlap__img-wrapper ".concat(l)},i.map((function(n,t){return e.createElement("img",{className:"spark-voverlap__img spark-voverlap-img",src:n.url,alt:n.alt?n.alt:"",key:t,style:{zIndex:i.length-t}})})))),a&&e.createElement("div",{className:"spark-voverlap__content",style:{gap:"".concat(_?g[0]:g[1],"px")}},a.map((function(n,t){return e.createElement("div",{className:"voverlap-content-item",key:t},n)}))))},exports.VPin=function(n){var t=n.children,r=n.items,i=n.itemsSpacing,a=void 0===i?"1rem":i,o=n.contentGap,s=void 0===o?"2rem":o,d=n.topGap,p=void 0===d?"6.25rem":d,u=c(n,["children","items","itemsSpacing","contentGap","topGap"]);return e.createElement("div",l({className:"spark-vpin",style:{gap:s}},u),e.createElement("div",{className:"spark-vpin__pin",style:{top:p}},t),e.createElement("div",{className:"spark-vpin__items",style:{gap:a}},r))},exports.useDocumentHeight=g,exports.useIsomorphicLayoutEffect=v,exports.useMediaQuery=m,exports.useWindowSize=f;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../node_modules/tslib/tslib.es6.mjs","../../node_modules/style-inject/dist/style-inject.es.js","../../src/components/Button/Button.tsx","../../src/components/MagneticButton/MagneticButton.tsx","../../src/components/ElasticButton/ElasticButton.tsx","../../src/hooks/useIsomorphicEffect.ts","../../src/hooks/useMediaQuery.ts","../../src/hooks/useWindowSize.tsx","../../src/hooks/document-height.ts","../../src/config/variables.ts","../../src/components/HPin/HPin.tsx","../../src/components/Menu/Menu.tsx","../../src/components/Ribbons/Ribbons.tsx","../../src/components/TextReader/TextReader.tsx","../../src/components/TextReveal/TextReveal.tsx","../../src/components/VOverlap/VOverlap.tsx","../../src/components/VPin/VPin.tsx"],"sourcesContent":["/******************************************************************************\nCopyright (c) Microsoft Corporation.\n\nPermission to use, copy, modify, and/or distribute this software for any\npurpose with or without fee is hereby granted.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\nPERFORMANCE OF THIS SOFTWARE.\n***************************************************************************** */\n/* global Reflect, Promise, SuppressedError, Symbol */\n\nvar extendStatics = function(d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\n return extendStatics(d, b);\n};\n\nexport function __extends(d, b) {\n if (typeof b !== \"function\" && b !== null)\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n}\n\nexport var __assign = function() {\n __assign = Object.assign || function __assign(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n }\n return t;\n }\n return __assign.apply(this, arguments);\n}\n\nexport function __rest(s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n}\n\nexport function __decorate(decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n}\n\nexport function __param(paramIndex, decorator) {\n return function (target, key) { decorator(target, key, paramIndex); }\n}\n\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\n function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\n var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\n var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\n var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\n var _, done = false;\n for (var i = decorators.length - 1; i >= 0; i--) {\n var context = {};\n for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\n for (var p in contextIn.access) context.access[p] = contextIn.access[p];\n context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\n var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\n if (kind === \"accessor\") {\n if (result === void 0) continue;\n if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\n if (_ = accept(result.get)) descriptor.get = _;\n if (_ = accept(result.set)) descriptor.set = _;\n if (_ = accept(result.init)) initializers.unshift(_);\n }\n else if (_ = accept(result)) {\n if (kind === \"field\") initializers.unshift(_);\n else descriptor[key] = _;\n }\n }\n if (target) Object.defineProperty(target, contextIn.name, descriptor);\n done = true;\n};\n\nexport function __runInitializers(thisArg, initializers, value) {\n var useValue = arguments.length > 2;\n for (var i = 0; i < initializers.length; i++) {\n value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\n }\n return useValue ? value : void 0;\n};\n\nexport function __propKey(x) {\n return typeof x === \"symbol\" ? x : \"\".concat(x);\n};\n\nexport function __setFunctionName(f, name, prefix) {\n if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\n return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\n};\n\nexport function __metadata(metadataKey, metadataValue) {\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\n}\n\nexport function __awaiter(thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n}\n\nexport function __generator(thisArg, body) {\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n function verb(n) { return function (v) { return step([n, v]); }; }\n function step(op) {\n if (f) throw new TypeError(\"Generator is already executing.\");\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n if (y = 0, t) op = [op[0] & 2, t.value];\n switch (op[0]) {\n case 0: case 1: t = op; break;\n case 4: _.label++; return { value: op[1], done: false };\n case 5: _.label++; y = op[1]; op = [0]; continue;\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\n default:\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n if (t[2]) _.ops.pop();\n _.trys.pop(); continue;\n }\n op = body.call(thisArg, _);\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n }\n}\n\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n var desc = Object.getOwnPropertyDescriptor(m, k);\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n desc = { enumerable: true, get: function() { return m[k]; } };\n }\n Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n o[k2] = m[k];\n});\n\nexport function __exportStar(m, o) {\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\n}\n\nexport function __values(o) {\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\n if (m) return m.call(o);\n if (o && typeof o.length === \"number\") return {\n next: function () {\n if (o && i >= o.length) o = void 0;\n return { value: o && o[i++], done: !o };\n }\n };\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\n}\n\nexport function __read(o, n) {\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\n if (!m) return o;\n var i = m.call(o), r, ar = [], e;\n try {\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\n }\n catch (error) { e = { error: error }; }\n finally {\n try {\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\n }\n finally { if (e) throw e.error; }\n }\n return ar;\n}\n\n/** @deprecated */\nexport function __spread() {\n for (var ar = [], i = 0; i < arguments.length; i++)\n ar = ar.concat(__read(arguments[i]));\n return ar;\n}\n\n/** @deprecated */\nexport function __spreadArrays() {\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\n r[k] = a[j];\n return r;\n}\n\nexport function __spreadArray(to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n}\n\nexport function __await(v) {\n return this instanceof __await ? (this.v = v, this) : new __await(v);\n}\n\nexport function __asyncGenerator(thisArg, _arguments, generator) {\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\n function fulfill(value) { resume(\"next\", value); }\n function reject(value) { resume(\"throw\", value); }\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\n}\n\nexport function __asyncDelegator(o) {\n var i, p;\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\n}\n\nexport function __asyncValues(o) {\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\n var m = o[Symbol.asyncIterator], i;\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\n}\n\nexport function __makeTemplateObject(cooked, raw) {\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\n return cooked;\n};\n\nvar __setModuleDefault = Object.create ? (function(o, v) {\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\n}) : function(o, v) {\n o[\"default\"] = v;\n};\n\nexport function __importStar(mod) {\n if (mod && mod.__esModule) return mod;\n var result = {};\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\n __setModuleDefault(result, mod);\n return result;\n}\n\nexport function __importDefault(mod) {\n return (mod && mod.__esModule) ? mod : { default: mod };\n}\n\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\n}\n\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\n}\n\nexport function __classPrivateFieldIn(state, receiver) {\n if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\n return typeof state === \"function\" ? receiver === state : state.has(receiver);\n}\n\nexport function __addDisposableResource(env, value, async) {\n if (value !== null && value !== void 0) {\n if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\n var dispose;\n if (async) {\n if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\n dispose = value[Symbol.asyncDispose];\n }\n if (dispose === void 0) {\n if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\n dispose = value[Symbol.dispose];\n }\n if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\n env.stack.push({ value: value, dispose: dispose, async: async });\n }\n else if (async) {\n env.stack.push({ async: true });\n }\n return value;\n}\n\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\n var e = new Error(message);\n return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\n};\n\nexport function __disposeResources(env) {\n function fail(e) {\n env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\n env.hasError = true;\n }\n function next() {\n while (env.stack.length) {\n var rec = env.stack.pop();\n try {\n var result = rec.dispose && rec.dispose.call(rec.value);\n if (rec.async) return Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\n }\n catch (e) {\n fail(e);\n }\n }\n if (env.hasError) throw env.error;\n }\n return next();\n}\n\nexport default {\n __extends,\n __assign,\n __rest,\n __decorate,\n __param,\n __metadata,\n __awaiter,\n __generator,\n __createBinding,\n __exportStar,\n __values,\n __read,\n __spread,\n __spreadArrays,\n __spreadArray,\n __await,\n __asyncGenerator,\n __asyncDelegator,\n __asyncValues,\n __makeTemplateObject,\n __importStar,\n __importDefault,\n __classPrivateFieldGet,\n __classPrivateFieldSet,\n __classPrivateFieldIn,\n __addDisposableResource,\n __disposeResources,\n};\n","function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n",null,null,null,null,null,null,null,null,null,null,null,null,null,null,null],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","SuppressedError","Button","forwardRef","props","children","_a","className","_b","as","Component","rest","React","concat","MagneticButton","button","movement","containerRef","useRef","buttonRef","clonedButton","cloneElement","onMouseMove","container","current","dimensions","getBoundingClientRect","relX","pageX","left","relY","pageY","top","scrollTop","window","scrollY","documentElement","gsap","to","duration","x","width","y","height","ease","onMouseOut","ElasticButton","_c","icon","_d","useState","isHover","setIsHover","Icon","onMouseEnter","onMouseLeave","AnimatePresence","mode","motion","div","key","initial","animate","transition","damping","stiffness","restDelta","useIsomorphicLayoutEffect","useLayoutEffect","useEffect","useMediaQuery","queryString","isMatch","setIsMatch","mediaQuery","matchMedia","onChange","matches","addEventListener","removeEventListener","useWindowSize","windowWidth","setWindowWidth","windowHeight","setWindowHeight","resizeWatcher","throttle","innerWidth","innerHeight","useDocumentHeight","documentHeight","setDocumentHeight","docu","updateSize","offsetHeight","resizeObserver","ResizeObserver","entries","observe","disconnect","breakpoints","triggerRef","pin","scrub","start","_e","end","_f","markers","_g","spacing","_h","sideSpacing","_j","startPos","_k","endPos","isDesktop","docuHeight","registerPlugin","ScrollTrigger","ctx","context","timeline","containerWidth","scrollWidth","amountToScroll","Number","fromTo","create","trigger","animation","revert","gap","margin","padding","isOpen","withOverlay","closeOnOverlayClick","menuClass","bodyClass","overlayClass","alignment","onClose","Fragment","scale","opacity","delay","exit","onClick","undefined","cursor","bottomDirection","topDirection","speed","pauseOnHover","containerClass","ribbonClass","ribbonsRef","ribbonRef1","ribbonHeight","setRibbonHeight","boundingBox","setRibbonsHeight","Marquee","direction","gradient","autoFill","text","textColor","textColorIdle","pinRef","responsive","withMask","highlight","highlightColor","onComplete","textRef","text_1","SplitType","types","tagName","lineClass","lines","forEach","line","backgroundImage","splitLines","querySelectorAll","timeline_1","display","color","backgroundPosition","z","invalidateOnRefresh","onUpdate","progress","words","timeline_2","word","toggleActions","timer","setTimeout","textTimeline","wrapper","classList","add","append","rotate","killAll","clearTimeout","images","content","imagesWrapperClass","contentImgClass","overlapRef","overlapAsideRef","aside","clientHeight","docuElement","scrollHeight","slides","slide","index","image","id","toggleClass","targets","onLeave","onEnterBack","remove","map","src","url","alt","zIndex","item","items","itemsSpacing","contentGap","topGap"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../node_modules/tslib/tslib.es6.js","../../___$insertStyle","../../src/components/Button/Button.scss","../../src/components/Button/Button.tsx","../../src/components/MagneticButton/MagneticButton.scss","../../src/components/MagneticButton/MagneticButton.tsx","../../src/components/ElasticButton/ElasticButton.scss","../../src/components/ElasticButton/ElasticButton.tsx","../../src/components/TextReveal/TextReveal.scss","../../src/hooks/useIsomorphicEffect.ts","../../src/hooks/useMediaQuery.ts","../../src/hooks/useWindowSize.tsx","../../src/hooks/document-height.ts","../../src/config/variables.ts","../../src/components/HPin/HPin.tsx","../../src/components/Menu/Menu.tsx","../../src/components/Ribbons/Ribbons.tsx","../../src/components/TextReader/TextReader.tsx","../../src/components/TextReveal/TextReveal.tsx","../../src/components/VOverlap/VOverlap.tsx","../../src/components/VPin/VPin.tsx"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise, SuppressedError, Symbol */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n var _, done = false;\r\n for (var i = decorators.length - 1; i >= 0; i--) {\r\n var context = {};\r\n for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n if (kind === \"accessor\") {\r\n if (result === void 0) continue;\r\n if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n if (_ = accept(result.get)) descriptor.get = _;\r\n if (_ = accept(result.set)) descriptor.set = _;\r\n if (_ = accept(result.init)) initializers.unshift(_);\r\n }\r\n else if (_ = accept(result)) {\r\n if (kind === \"field\") initializers.unshift(_);\r\n else descriptor[key] = _;\r\n }\r\n }\r\n if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n var useValue = arguments.length > 2;\r\n for (var i = 0; i < initializers.length; i++) {\r\n value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n }\r\n return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n var desc = Object.getOwnPropertyDescriptor(m, k);\r\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n desc = { enumerable: true, get: function() { return m[k]; } };\r\n }\r\n Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport function __addDisposableResource(env, value, async) {\r\n if (value !== null && value !== void 0) {\r\n if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\r\n var dispose;\r\n if (async) {\r\n if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\r\n dispose = value[Symbol.asyncDispose];\r\n }\r\n if (dispose === void 0) {\r\n if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\r\n dispose = value[Symbol.dispose];\r\n }\r\n if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\r\n env.stack.push({ value: value, dispose: dispose, async: async });\r\n }\r\n else if (async) {\r\n env.stack.push({ async: true });\r\n }\r\n return value;\r\n}\r\n\r\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\r\n var e = new Error(message);\r\n return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\r\n};\r\n\r\nexport function __disposeResources(env) {\r\n function fail(e) {\r\n env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\r\n env.hasError = true;\r\n }\r\n function next() {\r\n while (env.stack.length) {\r\n var rec = env.stack.pop();\r\n try {\r\n var result = rec.dispose && rec.dispose.call(rec.value);\r\n if (rec.async) return Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\r\n }\r\n catch (e) {\r\n fail(e);\r\n }\r\n }\r\n if (env.hasError) throw env.error;\r\n }\r\n return next();\r\n}\r\n\r\nexport default {\r\n __extends: __extends,\r\n __assign: __assign,\r\n __rest: __rest,\r\n __decorate: __decorate,\r\n __param: __param,\r\n __metadata: __metadata,\r\n __awaiter: __awaiter,\r\n __generator: __generator,\r\n __createBinding: __createBinding,\r\n __exportStar: __exportStar,\r\n __values: __values,\r\n __read: __read,\r\n __spread: __spread,\r\n __spreadArrays: __spreadArrays,\r\n __spreadArray: __spreadArray,\r\n __await: __await,\r\n __asyncGenerator: __asyncGenerator,\r\n __asyncDelegator: __asyncDelegator,\r\n __asyncValues: __asyncValues,\r\n __makeTemplateObject: __makeTemplateObject,\r\n __importStar: __importStar,\r\n __importDefault: __importDefault,\r\n __classPrivateFieldGet: __classPrivateFieldGet,\r\n __classPrivateFieldSet: __classPrivateFieldSet,\r\n __classPrivateFieldIn: __classPrivateFieldIn,\r\n __addDisposableResource: __addDisposableResource,\r\n __disposeResources: __disposeResources,\r\n};\r\n","export default function insertStyle(css) {\n if (!css || typeof window === 'undefined')\n return;\n const style = document.createElement('style');\n style.setAttribute('type', 'text/css');\n style.innerHTML = css;\n document.head.appendChild(style);\n return css;\n}",".spark-button {\n background: transparent;\n border: 1px solid black;\n border-radius: 2rem;\n color: black;\n cursor: pointer;\n display: block;\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 1;\n padding: 1rem 2rem;\n text-align: center;\n text-decoration: none;\n transition: 0.3s color, 0.3s background-color;\n\n &:hover {\n background-color: black;\n color: white;\n }\n}\n",null,".spark-magnetic {\n display: inline-block;\n position: relative;\n}\n",null,".spark-elastic {\n background-color: transparent;\n border: 0 none;\n margin: 0;\n padding: 0;\n\n > div {\n height: 100%;\n }\n\n &__stack {\n display: flex;\n }\n\n &__button {\n background: transparent;\n border: 1px solid black;\n border-radius: 2rem;\n color: black;\n cursor: pointer;\n display: block;\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 1;\n padding: 1rem 2rem;\n text-decoration: none;\n }\n\n &__icon {\n border-radius: 100%;\n box-shadow: 0 0 0 1px inset black;\n height: 100%;\n width: 3.35rem;\n }\n}\n",null,".spark-text-reveal {\n opacity: 0;\n \n &__container {\n overflow: hidden;\n }\n\n &__content {\n transform: translate(0, 100%) rotate(10deg);\n transform-origin: left;\n }\n}\n",null,null,null,null,null,null,null,null,null,null,null,null],"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","insertStyle","css","window","style","document","createElement","setAttribute","innerHTML","head","appendChild","SuppressedError","___$insertStyle","Button","forwardRef","props","ref","children","_a","className","_b","as","Component","rest","React","concat","MagneticButton","button","movement","containerRef","useRef","buttonRef","clonedButton","cloneElement","onMouseMove","container","current","dimensions","getBoundingClientRect","relX","pageX","left","relY","pageY","top","scrollTop","scrollY","documentElement","gsap","to","duration","x","width","y","height","ease","onMouseOut","ElasticButton","_c","icon","_d","useState","isHover","setIsHover","Icon","useCallback","onMouseEnter","onMouseLeave","AnimatePresence","mode","motion","div","key","initial","animate","transition","type","damping","stiffness","restDelta","useIsomorphicLayoutEffect","useLayoutEffect","useEffect","useMediaQuery","queryString","isMatch","setIsMatch","mediaQuery","matchMedia","onChange","matches","addEventListener","removeEventListener","useWindowSize","windowWidth","setWindowWidth","windowHeight","setWindowHeight","resizeWatcher","throttle","innerWidth","innerHeight","useDocumentHeight","documentHeight","setDocumentHeight","docu","updateSize","offsetHeight","resizeObserver","ResizeObserver","entries","observe","disconnect","breakpoints","triggerRef","pin","scrub","start","_e","end","_f","markers","_g","spacing","_h","sideSpacing","_j","startPos","_k","endPos","isDesktop","docuHeight","registerPlugin","ScrollTrigger","ctx","context","timeline","containerWidth","scrollWidth","amountToScroll","Number","fromTo","create","trigger","animation","revert","gap","margin","padding","isOpen","withOverlay","closeOnOverlayClick","menuClass","bodyClass","overlayClass","alignment","onClose","Fragment","scale","opacity","delay","exit","onClick","undefined","cursor","bottomDirection","topDirection","speed","pauseOnHover","containerClass","ribbonClass","ribbonsRef","ribbonRef1","setRibbonsHeight","boundingBox","Marquee","direction","gradient","autoFill","text","textColor","textColorIdle","pinRef","responsive","withMask","highlight","highlightColor","onComplete","textRef","splitRef","SplitType","types","tagName","lineClass","lines","forEach","line","backgroundImage","splitLines","querySelectorAll","timeline_1","display","color","backgroundPosition","z","invalidateOnRefresh","onUpdate","progress","words","timeline_2","word","toggleActions","timer","setTimeout","textTimeline","wrapper","classList","add","append","rotate","clearTimeout","images","content","imagesWrapperClass","contentImgClass","overlapRef","overlapAsideRef","aside","clientHeight","docuElement","scrollHeight","slides","slide","index","image","id","toggleClass","targets","onLeave","onEnterBack","remove","map","src","url","alt","zIndex","item","items","itemsSpacing","contentGap","topGap"],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import "./Button.scss";
|
|
3
|
-
declare const Button: React.ForwardRefExoticComponent<(Omit<import("../../types/button").ButtonPropsBasics & React.ClassAttributes<
|
|
4
|
-
as?: "
|
|
5
|
-
}, "ref"> | Omit<import("../../types/button").ButtonPropsBasics & React.ClassAttributes<
|
|
6
|
-
as: "
|
|
7
|
-
}, "ref">) & React.RefAttributes<
|
|
3
|
+
declare const Button: React.ForwardRefExoticComponent<(Omit<import("../../types/button").ButtonPropsBasics & React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
4
|
+
as?: "button" | undefined;
|
|
5
|
+
}, "ref"> | Omit<import("../../types/button").ButtonPropsBasics & React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
6
|
+
as: "a";
|
|
7
|
+
}, "ref">) & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
|
|
8
8
|
export default Button;
|
|
@@ -3,12 +3,12 @@ import "./ElasticButton.scss";
|
|
|
3
3
|
declare const ElasticButton: React.ForwardRefExoticComponent<(Omit<import("../../types/button").ButtonPropsBasics & {
|
|
4
4
|
button?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
5
5
|
icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
6
|
-
} & React.ClassAttributes<
|
|
7
|
-
as?: "
|
|
6
|
+
} & React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
7
|
+
as?: "button" | undefined;
|
|
8
8
|
}, "ref"> | Omit<import("../../types/button").ButtonPropsBasics & {
|
|
9
9
|
button?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
10
10
|
icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
11
|
-
} & React.ClassAttributes<
|
|
12
|
-
as: "
|
|
13
|
-
}, "ref">) & React.RefAttributes<
|
|
11
|
+
} & React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
12
|
+
as: "a";
|
|
13
|
+
}, "ref">) & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
|
|
14
14
|
export default ElasticButton;
|
|
@@ -3,12 +3,12 @@ import "./MagneticButton.scss";
|
|
|
3
3
|
declare const MagneticButton: React.ForwardRefExoticComponent<(Omit<import("../../types/button").ButtonPropsBasics & {
|
|
4
4
|
button?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
5
5
|
movement?: number | undefined;
|
|
6
|
-
} & React.ClassAttributes<
|
|
7
|
-
as?: "
|
|
6
|
+
} & React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
7
|
+
as?: "button" | undefined;
|
|
8
8
|
}, "ref"> | Omit<import("../../types/button").ButtonPropsBasics & {
|
|
9
9
|
button?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
10
10
|
movement?: number | undefined;
|
|
11
|
-
} & React.ClassAttributes<
|
|
12
|
-
as: "
|
|
13
|
-
}, "ref">) & React.RefAttributes<
|
|
11
|
+
} & React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
12
|
+
as: "a";
|
|
13
|
+
}, "ref">) & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
|
|
14
14
|
export default MagneticButton;
|
package/dist/esm/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import n,{forwardRef as e,useRef as t,useState as r,useLayoutEffect as i,useEffect as a}from"react";import o,{gsap as l}from"gsap";import{AnimatePresence as c,motion as s}from"framer-motion";import{ScrollTrigger as d}from"gsap/dist/ScrollTrigger";import p from"split-type";import{throttle as u}from"lodash";import v from"react-fast-marquee";var m=function(){return m=Object.assign||function(n){for(var e,t=1,r=arguments.length;t<r;t++)for(var i in e=arguments[t])Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i]);return n},m.apply(this,arguments)};function f(n,e){var t={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&e.indexOf(r)<0&&(t[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(n);i<r.length;i++)e.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(n,r[i])&&(t[r[i]]=n[r[i]])}return t}function g(n,e){void 0===e&&(e={});var t=e.insertAt;if(n&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===t&&r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.styleSheet?i.styleSheet.cssText=n:i.appendChild(document.createTextNode(n))}}"function"==typeof SuppressedError&&SuppressedError;g(".spark-button {\n background: transparent;\n border: 1px solid black;\n border-radius: 2rem;\n color: black;\n cursor: pointer;\n display: block;\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 1;\n padding: 1rem 2rem;\n text-align: center;\n text-decoration: none;\n transition: 0.3s color, 0.3s background-color;\n}\n.spark-button:hover {\n background-color: black;\n color: white;\n}");var h=e((function(e,t){var r=e.children,i=e.className,a=void 0===i?"":i,o=e.as,l=void 0===o?"button":o,c=f(e,["children","className","as"]);return n.createElement(l,m({ref:t,className:"spark-button ".concat(a)},c),r)}));g(".spark-magnetic {\n display: inline-block;\n position: relative;\n}");var k=e((function(e,r){var i=e.children,a=e.className,l=void 0===a?"":a,c=e.button,s=e.movement,d=void 0===s?.5:s,p=f(e,["children","className","button","movement"]),u=t(null),v=t(null),g=c?n.cloneElement(c,m({ref:v},p)):n.createElement(h,m({ref:v},p),i);return n.createElement("div",{className:"spark-magnetic ".concat(l),ref:u,onMouseMove:function(n){var e=u.current;if(e){var t=e.getBoundingClientRect(),r=n.pageX-t.left,i=n.pageY-t.top,a=window.scrollY||document.documentElement.scrollTop;o.to(v.current,{duration:.3,x:(r-t.width/2)*d,y:(i-t.height/2-a)*d,ease:"expo.out"})}},onMouseOut:function(){o.to(v.current,{duration:.4,x:0,y:0,ease:"elastic.out(1, 0.5)"})}},g)}));g(".spark-elastic {\n background-color: transparent;\n border: 0 none;\n margin: 0;\n padding: 0;\n}\n.spark-elastic > div {\n height: 100%;\n}\n.spark-elastic__stack {\n display: flex;\n}\n.spark-elastic__button {\n background: transparent;\n border: 1px solid black;\n border-radius: 2rem;\n color: black;\n cursor: pointer;\n display: block;\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 1;\n padding: 1rem 2rem;\n text-decoration: none;\n}\n.spark-elastic__icon {\n border-radius: 100%;\n box-shadow: 0 0 0 1px inset black;\n height: 100%;\n width: 3.35rem;\n}");var b=e((function(e,t){var i=e.children,a=e.className,o=void 0===a?"":a,l=e.as,d=void 0===l?"button":l,p=e.button,u=e.icon,v=void 0===u?n.createElement("div",{className:"spark-elastic__icon"}):u,g=f(e,["children","className","as","button","icon"]),h=r(!1),k=h[0],b=h[1],y=function(){return v},w=p?n.cloneElement(p):n.createElement("div",{className:"spark-elastic__button"},i);return n.createElement(d,m({ref:t,className:"spark-elastic ".concat(o)},g),n.createElement("div",{className:"spark-elastic__stack",onMouseEnter:function(){return b(!0)},onMouseLeave:function(){return b(!1)}},n.createElement(c,{mode:"wait"},n.createElement(s.div,{key:k?"hover":"idle",initial:{x:20},animate:{x:0},transition:{type:"spring",damping:7,stiffness:300,restDelta:.1}},k&&n.createElement(y,null))),n.createElement(c,{mode:"wait"},n.createElement(s.div,{key:k?"hover":"idle",initial:{x:20},animate:{x:0},transition:{duration:.3,ease:"circOut"}},w)),n.createElement(c,{mode:"wait"},n.createElement(s.div,{key:k?"hover":"idle",initial:{x:10},animate:{x:0},transition:{type:"spring",damping:7,stiffness:300,restDelta:.1}},!k&&n.createElement(y,null)))))}));g(".spark-text-reveal {\n opacity: 0;\n}\n.spark-text-reveal__container {\n overflow: hidden;\n}\n.spark-text-reveal__content {\n transform: translate(0, 100%) rotate(10deg);\n transform-origin: left;\n}");var y="undefined"!=typeof window?i:a;function w(n){var e=r(!1),t=e[0],i=e[1];return a((function(){var e=window.matchMedia(n);function t(){i(e.matches)}return e.addEventListener("change",t,!1),t(),function(){return e.removeEventListener("change",t,!1)}}),[n]),t}var x=function(){var n=r(0),e=n[0],t=n[1],i=r(0),a=i[0],o=i[1];return y((function(){var n=u((function(){t(window.innerWidth),o(window.innerHeight)}),50);return window.addEventListener("resize",n),window.addEventListener("change",n),n(),function(){window.removeEventListener("resize",n),window.removeEventListener("change",n)}}),[]),{windowWidth:e,windowHeight:a}},_=function(){var n=r(0),e=n[0],t=n[1];return y((function(){var n=document.documentElement,e=function(){t(n.offsetHeight)},r=u(e,50),i=new ResizeObserver((function(n){return e()}));return i.observe(n),n.addEventListener("resize",r),n.addEventListener("change",r),r(),function(){n.addEventListener("resize",r),n.addEventListener("change",r),i.disconnect()}}),[]),e},E=992;function N(e){var r=e.children,i=e.duration,a=void 0===i?3:i,o=e.start,c=void 0===o?"top 90%":o,s=e.scrub,u=void 0!==s&&s,v=e.toggleActions,m=void 0===v?"play none none none":v,f=e.delay,g=void 0===f?0:f,h=t(null),k=x().windowWidth,b=w("(min-width: ".concat(E,"px)"));return y((function(){var n=null,e=null;return l.registerPlugin(d),n=l.context((function(){e=setTimeout((function(){var n;!function(){var n;p.create(null!==(n=h.current)&&void 0!==n?n:"",{types:"lines",tagName:"div"})}();var e=null===(n=h.current)||void 0===n?void 0:n.querySelectorAll(".line"),t=l.timeline();t.to(h.current,{opacity:1,duration:0,delay:g}),d.create({trigger:h.current,start:c,toggleActions:m,scrub:u,animation:t}),e&&e.forEach((function(n){var e,r=document.createElement("div");r.classList.add("spark-text-reveal__container"),r.append(n),null===(e=null==h?void 0:h.current)||void 0===e||e.append(r),n.classList.add("spark-text-reveal__content"),t.to(n,{duration:a,y:0,rotate:0,ease:"expo.out"},">-90%")}))}),500)}),h),function(){d.killAll(),n&&(n.revert(),n=null),e&&(clearTimeout(e),e=null)}}),[k,b]),n.createElement("div",{className:"spark-text-reveal",ref:h},r)}function O(e){var r=e.text,i=e.textColor,a=void 0===i?"black":i,o=e.textColorIdle,c=void 0===o?"rgba(0, 0, 0, 0.5)":o,s=e.pin,u=void 0===s||s,v=e.pinRef,m=e.start,f=void 0===m?"top 30%":m,g=e.end,h=void 0===g?"bottom top":g,k=e.responsive,b=void 0===k||k,_=e.withMask,N=void 0!==_&&_,O=e.highlight,C=void 0!==O&&O,z=e.highlightColor,L=void 0===z?"":z,S=e.onComplete,A=t(null),B=w("(min-width: ".concat(E,"px)")),H=x().windowWidth;return y((function(){var n=null;return A.current&&(A.current.style.opacity="1"),l.registerPlugin(d),(B||b)&&(!function(){var n,e,t;if(N){var r=p.create(null!==(n=A.current)&&void 0!==n?n:"",{types:"lines",tagName:"span",lineClass:"line ".concat(C?"highlight":"")});(B||b)&&(null===(e=r.lines)||void 0===e||e.forEach((function(n){n.style.backgroundImage="linear-gradient(to right, ".concat(C?L:a," 0%, \n ").concat(C?L:a," 50%, ").concat(c," 50%, ").concat(c," 100%)")})))}else p.create(null!==(t=A.current)&&void 0!==t?t:"",{types:"words",tagName:"span"})}(),n=l.context((function(){var n,e;if(N){var t=null===(n=A.current)||void 0===n?void 0:n.querySelectorAll(".line"),r=l.timeline();null==t||t.forEach((function(n){C&&(n.style.display="inline-block",n.style.width="auto",n.style.color=a),r.to(n,{backgroundPosition:"0% 0%"})})),r.to(A.current,{z:0,duration:1}),d.create({trigger:v.current,start:f,end:h,pin:!!u&&(!v.current||v.current),scrub:1,animation:r,invalidateOnRefresh:!0,onUpdate:function(n){var e=n.progress,t=n.direction;S&&S(e>=1&&1===t)}})}else{var i=null===(e=A.current)||void 0===e?void 0:e.querySelectorAll(".word"),o=l.timeline();null==i||i.forEach((function(n){o.to(n,{opacity:1})})),o.to(A.current,{z:0,duration:1}),d.create({trigger:v.current,start:f,end:h,pin:!!u&&(!v.current||v.current),scrub:1,animation:o,invalidateOnRefresh:!0,onUpdate:function(n){var e=n.progress,t=n.direction;S&&S(e>=1&&1===t)}})}}),A)),function(){n&&n.revert()}}),[B,v.current,H]),n.createElement("p",{className:"spark-text-reader ".concat(b?void 0:"showOnMobile"),ref:A},r)}g("/* Breakpoints */\n.spark-text-reader {\n opacity: 0;\n overflow: hidden;\n}\n.spark-text-reader .word {\n opacity: 0;\n}\n.spark-text-reader .line {\n background-size: 200% 100%;\n background-position: 100% 0%;\n}\n.spark-text-reader .line:not(.highlight) {\n background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n@media (max-width: 992px) {\n .spark-text-reader.showOnMobile .word {\n opacity: 1;\n }\n}\n@media (max-width: 992px) {\n .spark-text-reader.showOnMobile .line:not(.highlight) {\n -webkit-text-fill-color: currentColor;\n }\n}");function C(e){var r=e.children,i=e.triggerRef,a=e.pin,o=void 0===a||a,c=e.scrub,s=void 0===c?.3:c,p=e.start,u=void 0===p?"center center":p,v=e.end,m=void 0===v?"bottom top":v,f=e.markers,g=void 0!==f&&f,h=e.spacing,k=void 0===h?"1rem":h,b=e.sideSpacing,N=void 0===b?"0":b,O=e.startPos,C=void 0===O?"20%":O,z=e.endPos,L=void 0===z?1.1:z,S=t(null),A=w("(min-width: ".concat(E,"px)")),B=x().windowWidth,H=_();return y((function(){if(l.registerPlugin(d),A){var n=l.context((function(){var n,e,t=l.timeline(),r=null!==(e=null===(n=S.current)||void 0===n?void 0:n.scrollWidth)&&void 0!==e?e:"90%",a=B-Number(r)*L;t.fromTo(S.current,{x:C},{x:a}),d.create({trigger:(null==i?void 0:i.current)?i.current:S.current,start:u,end:m,pin:o,scrub:s,animation:t,markers:g})}),S);return function(){n&&n.revert()}}}),[A,B,H]),n.createElement("div",{className:"spark-hpin",ref:S,style:{gap:k,margin:"0 calc(".concat(A?0:N," * -1)"),padding:"0 ".concat(A?0:N)}},r)}g("/* Breakpoints */\n.spark-hpin {\n display: flex;\n gap: 1rem;\n white-space: nowrap;\n overflow-x: auto;\n margin: 0;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n.spark-hpin::-webkit-scrollbar {\n display: none;\n}\n@media (min-width: 992px) {\n .spark-hpin {\n white-space: normal;\n overflow-x: visible;\n }\n}");function z(e){var t=e.children,r=e.items,i=e.itemsSpacing,a=void 0===i?"1rem":i,o=e.contentGap,l=void 0===o?"2rem":o,c=e.topGap,s=void 0===c?"6.25rem":c,d=f(e,["children","items","itemsSpacing","contentGap","topGap"]);return n.createElement("div",m({className:"spark-vpin",style:{gap:l}},d),n.createElement("div",{className:"spark-vpin__pin",style:{top:s}},t),n.createElement("div",{className:"spark-vpin__items",style:{gap:a}},r))}g("/* Breakpoints */\n.spark-vpin {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n@media (min-width: 992px) {\n .spark-vpin {\n flex-direction: row;\n }\n}\n.spark-vpin__pin {\n height: 100%;\n}\n@media (min-width: 992px) {\n .spark-vpin__pin {\n position: sticky;\n }\n}\n.spark-vpin__items {\n display: flex;\n flex-direction: column;\n}");function L(e){var i=e.images,o=e.content,c=e.imagesWrapperClass,s=void 0===c?"spark-voverlap-img-wrapper":c,p=e.contentImgClass,u=void 0===p?"voverlap-content-img":p,v=e.start,m=void 0===v?"top 70%":v,f=e.gap,g=void 0===f?[288,80]:f,h=t(null),k=t(null),b=r(0),_=b[0],N=b[1],O=x().windowWidth,C=w("(min-width: ".concat(E,"px)"));return y((function(){var n=null,e=null;if(l.registerPlugin(d),C){var t=k.current;t&&(t.style.top="calc((100% - ".concat(t.clientHeight,"px) / 2)")),n=l.context((function(){var n,t=document.documentElement;(e=new ResizeObserver((function(){N(t.scrollHeight)}))).observe(t);var r=null===(n=null==h?void 0:h.current)||void 0===n?void 0:n.querySelectorAll(".voverlap-content-item");null==r||r.forEach((function(n,e){var t,i=null===(t=null==h?void 0:h.current)||void 0===t?void 0:t.querySelectorAll(".spark-voverlap-img")[e];d.create({trigger:n,id:"slide-".concat(e+1),start:m,end:function(){return"+=".concat(n.clientHeight+g[0])},toggleActions:"play reverse none reverse",toggleClass:{targets:n,className:"active"},invalidateOnRefresh:!0,onLeave:function(){e+1!==r.length&&i.classList.add("active")},onEnterBack:function(){i.classList.remove("active")}})}))}),h)}return function(){n&&(n.revert(),null==e||e.disconnect())}}),[C,O,_]),a((function(){var n=document.querySelectorAll(".".concat(u));C?n.forEach((function(n){n.style.display="none"})):n.forEach((function(n){n.style.display="block"}))}),[C]),n.createElement("div",{className:"spark-voverlap",ref:h},C&&n.createElement("div",{className:"spark-voverlap__aside",ref:k},i.length&&n.createElement("div",{className:"spark-voverlap__img-wrapper ".concat(s)},i.map((function(e,t){return n.createElement("img",{className:"spark-voverlap__img spark-voverlap-img",src:e.url,alt:e.alt?e.alt:"",key:t,style:{zIndex:i.length-t}})})))),o&&n.createElement("div",{className:"spark-voverlap__content",style:{gap:"".concat(C?g[0]:g[1],"px")}},o.map((function(e,t){return n.createElement("div",{className:"voverlap-content-item",key:t},e)}))))}g("/* Breakpoints */\n.spark-voverlap {\n display: flex;\n flex-direction: row;\n gap: 6.25rem;\n}\n@media (max-width: 992px) {\n .spark-voverlap {\n flex-direction: column;\n }\n}\n.spark-voverlap__aside {\n max-width: 31.25rem;\n position: sticky;\n top: 0;\n height: 100%;\n width: 100%;\n}\n.spark-voverlap__img-wrapper {\n height: 21.875rem;\n}\n.spark-voverlap__img {\n border-radius: 1.5rem;\n clip-path: inset(0 0 0 0);\n object-fit: cover;\n transition: 0.6s clip-path;\n position: absolute;\n left: 0;\n top: 0;\n height: 100%;\n width: 100%;\n}\n.spark-voverlap__img.active {\n clip-path: inset(0 0 100% 0);\n}\n.spark-voverlap__content {\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n padding-top: 7%;\n padding-bottom: 7%;\n width: 100%;\n}\n.spark-voverlap__content .voverlap-content-item {\n transition: 0.4s opacity;\n}\n@media (min-width: 992px) {\n .spark-voverlap__content .voverlap-content-item {\n opacity: 0.2;\n }\n}\n.spark-voverlap__content .voverlap-content-item.active {\n opacity: 1;\n}");function S(e){var t=e.button,r=e.children,i=e.isOpen,a=void 0!==i&&i,o=e.withOverlay,l=void 0!==o&&o,d=e.closeOnOverlayClick,p=void 0===d||d,u=e.menuClass,v=void 0===u?"":u,m=e.bodyClass,f=void 0===m?"":m,g=e.overlayClass,h=void 0===g?"":g,k=e.alignment,b=void 0===k?"left":k,y=e.onClose,w=t?n.cloneElement(t,{className:"spark-menu__btn"}):null;return n.createElement("div",{className:"spark-menu ".concat("right"===b?"is-right":""," ").concat(a?"is-open":""," ").concat(v)},w,n.createElement(c,null,a&&n.createElement(n.Fragment,null,n.createElement(s.div,{className:"spark-menu__body ".concat(f),initial:{scale:0,opacity:0},animate:{scale:1,opacity:1,transition:{ease:"anticipate",scale:{duration:.3,delay:.2},opacity:{duration:.25,delay:.2}}},exit:{scale:0,opacity:0,transition:{scale:{duration:.3},opacity:{duration:.25}}},key:"body"},n.createElement(s.div,{initial:{opacity:0,y:"50%"},animate:{opacity:1,y:0,transition:{ease:"easeInOut",duration:.5,delay:.6}},exit:{opacity:0,transition:{duration:.1,delay:0}}},r)),l&&n.createElement(s.div,{className:"spark-menu__overlay ".concat(h),initial:{opacity:0},animate:{opacity:1},exit:{opacity:0,transition:{opacity:{delay:.4}}},onClick:p?function(){return y(!1)}:void 0,style:{cursor:p?"pointer":"default"}}))))}g("/* Breakpoints */\n.spark-menu {\n position: relative;\n z-index: 1;\n}\n.spark-menu.is-open {\n z-index: 900;\n}\n.spark-menu.is-right .spark-menu__body {\n left: auto;\n right: calc(2rem * -1);\n transform-origin: right top;\n}\n.spark-menu__btn {\n position: relative;\n z-index: 3;\n}\n.spark-menu__body {\n border-radius: 2.625rem;\n background: rgba(245, 245, 245, 0.8);\n -webkit-backdrop-filter: blur(0.4rem);\n backdrop-filter: blur(0.4rem);\n box-sizing: border-box;\n transform: translateZ(0);\n transform-origin: left top;\n overflow: hidden;\n position: absolute;\n left: calc(2rem * -1);\n top: calc(2rem * -1);\n padding: 6rem 2rem 2rem;\n width: 30.25rem;\n z-index: 2;\n}\n@media (max-width: 992px) {\n .spark-menu__body {\n left: calc(2rem / 4 * -1);\n right: calc(2rem / 4 * -1);\n width: auto;\n }\n}\n.spark-menu__overlay {\n background-color: rgba(0, 0, 0, 0.2);\n transform: translateZ(0);\n position: fixed;\n left: 0;\n top: 0;\n inset: 0;\n z-index: 1;\n}");function A(e){var i=e.children,o=e.bottomDirection,l=void 0===o?"left":o,c=e.topDirection,s=void 0===c?"right":c,d=e.speed,p=void 0===d?50:d,u=e.pauseOnHover,m=void 0!==u&&u,f=e.containerClass,g=void 0===f?"":f,h=e.ribbonClass,k=void 0===h?"":h,b=t(null),y=t(null),w=r(0),_=w[0],E=w[1],N=x(),O=N.windowHeight,C=N.windowWidth;return a((function(){var n=new ResizeObserver((function(){var n,e;E(null!==(e=null===(n=y.current)||void 0===n?void 0:n.offsetHeight)&&void 0!==e?e:0)}));return n.observe(null==y?void 0:y.current),b.current&&function(){var n,e=null===(n=y.current)||void 0===n?void 0:n.getBoundingClientRect();b.current&&(b.current.style.height=(null==e?void 0:e.height)+"px")}(),function(){n.disconnect()}}),[_,O,C]),n.createElement("div",{className:"spark-ribbons ".concat(g),ref:b},n.createElement("div",{className:"spark-ribbon ".concat(k),ref:y},n.createElement(v,{direction:l,speed:p,pauseOnHover:m,gradient:!1,autoFill:!0},i)),n.createElement("div",{className:"spark-ribbon ".concat(k&&k)},n.createElement(v,{direction:s,speed:p,pauseOnHover:m,gradient:!1,autoFill:!0},i)))}g("/* Breakpoints */\n.spark-ribbons {\n position: relative;\n overflow: hidden;\n width: 100%;\n}\n\n.spark-ribbon {\n background: rgba(255, 255, 255, 0.5);\n backdrop-filter: blur(0.5rem);\n padding: 1.5rem 0;\n position: absolute;\n left: 50%;\n top: 50%;\n width: 105%;\n will-change: transform;\n}\n@media (max-width: 992px) {\n .spark-ribbon {\n width: 108%;\n }\n}\n.spark-ribbon:nth-child(1) {\n transform: translate(-50%, -50%) translateZ(0) rotate(11deg);\n z-index: 1;\n}\n.spark-ribbon:nth-child(2) {\n transform: translate(-50%, -50%) translateZ(0) rotate(-11deg);\n z-index: 2;\n}\n.spark-ribbon .rfm-marquee-container,\n.spark-ribbon .rfm-marquee {\n will-change: transform;\n transform: translateZ(0);\n}\n.spark-ribbon .rfm-marquee {\n overflow: hidden;\n}");export{h as Button,b as ElasticButton,C as HPin,k as MagneticButton,S as Menu,A as Ribbons,O as TextReader,N as TextReveal,L as VOverlap,z as VPin,_ as useDocumentHeight,y as useIsomorphicLayoutEffect,w as useMediaQuery,x as useWindowSize};
|
|
1
|
+
import n,{forwardRef as e,useRef as t,useState as r,useCallback as i,useLayoutEffect as a,useEffect as o}from"react";import l,{gsap as c}from"gsap";import{AnimatePresence as s,motion as d}from"framer-motion";import{ScrollTrigger as p}from"gsap/dist/ScrollTrigger";import u from"split-type";import{throttle as v}from"lodash";import m from"react-fast-marquee";var f=function(){return f=Object.assign||function(n){for(var e,t=1,r=arguments.length;t<r;t++)for(var i in e=arguments[t])Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i]);return n},f.apply(this,arguments)};function g(n,e){var t={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&e.indexOf(r)<0&&(t[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(n);i<r.length;i++)e.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(n,r[i])&&(t[r[i]]=n[r[i]])}return t}function h(n){if(!n||"undefined"==typeof window)return;const e=document.createElement("style");return e.setAttribute("type","text/css"),e.innerHTML=n,document.head.appendChild(e),n}"function"==typeof SuppressedError&&SuppressedError,h(".spark-button {\n background: transparent;\n border: 1px solid black;\n border-radius: 2rem;\n color: black;\n cursor: pointer;\n display: block;\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 1;\n padding: 1rem 2rem;\n text-align: center;\n text-decoration: none;\n transition: 0.3s color, 0.3s background-color;\n}\n.spark-button:hover {\n background-color: black;\n color: white;\n}");var k=e((function(e,t){var r=e.children,i=e.className,a=void 0===i?"":i,o=e.as,l=void 0===o?"button":o,c=g(e,["children","className","as"]);return n.createElement(l,f({ref:t,className:"spark-button ".concat(a)},c),r)}));h(".spark-magnetic {\n display: inline-block;\n position: relative;\n}");var b=e((function(e,r){var i=e.children,a=e.className,o=void 0===a?"":a,c=e.button,s=e.movement,d=void 0===s?.5:s,p=g(e,["children","className","button","movement"]),u=t(null),v=t(null),m=c?n.cloneElement(c,f({ref:v},p)):n.createElement(k,f({ref:v},p),i);return n.createElement("div",{className:"spark-magnetic ".concat(o),ref:u,onMouseMove:function(n){var e=u.current;if(e){var t=e.getBoundingClientRect(),r=n.pageX-t.left,i=n.pageY-t.top,a=window.scrollY||document.documentElement.scrollTop;l.to(v.current,{duration:.3,x:(r-t.width/2)*d,y:(i-t.height/2-a)*d,ease:"expo.out"})}},onMouseOut:function(){l.to(v.current,{duration:.4,x:0,y:0,ease:"elastic.out(1, 0.5)"})}},m)}));h(".spark-elastic {\n background-color: transparent;\n border: 0 none;\n margin: 0;\n padding: 0;\n}\n.spark-elastic > div {\n height: 100%;\n}\n.spark-elastic__stack {\n display: flex;\n}\n.spark-elastic__button {\n background: transparent;\n border: 1px solid black;\n border-radius: 2rem;\n color: black;\n cursor: pointer;\n display: block;\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 1;\n padding: 1rem 2rem;\n text-decoration: none;\n}\n.spark-elastic__icon {\n border-radius: 100%;\n box-shadow: 0 0 0 1px inset black;\n height: 100%;\n width: 3.35rem;\n}");var y=e((function(e,t){var a=e.children,o=e.className,l=void 0===o?"":o,c=e.as,p=void 0===c?"button":c,u=e.button,v=e.icon,m=void 0===v?n.createElement("div",{className:"spark-elastic__icon"}):v,h=g(e,["children","className","as","button","icon"]),k=r(!1),b=k[0],y=k[1],w=i((function(){return m}),[m]),x=u?n.cloneElement(u):n.createElement("div",{className:"spark-elastic__button"},a);return n.createElement(p,f({ref:t,className:"spark-elastic ".concat(l)},h),n.createElement("div",{className:"spark-elastic__stack",onMouseEnter:function(){return y(!0)},onMouseLeave:function(){return y(!1)}},n.createElement(s,{mode:"wait"},n.createElement(d.div,{key:b?"hover":"idle",initial:{x:20},animate:{x:0},transition:{type:"spring",damping:7,stiffness:300,restDelta:.1}},b&&n.createElement(w,null))),n.createElement(s,{mode:"wait"},n.createElement(d.div,{key:b?"hover":"idle",initial:{x:20},animate:{x:0},transition:{duration:.3,ease:"circOut"}},x)),n.createElement(s,{mode:"wait"},n.createElement(d.div,{key:b?"hover":"idle",initial:{x:10},animate:{x:0},transition:{type:"spring",damping:7,stiffness:300,restDelta:.1}},!b&&n.createElement(w,null)))))}));h(".spark-text-reveal {\n opacity: 0;\n}\n.spark-text-reveal__container {\n overflow: hidden;\n}\n.spark-text-reveal__content {\n transform: translate(0, 100%) rotate(10deg);\n transform-origin: left;\n}");var w="undefined"!=typeof window?a:o;function x(n){var e=r(!1),t=e[0],i=e[1];return o((function(){var e=window.matchMedia(n);function t(){i(e.matches)}return e.addEventListener("change",t,!1),t(),function(){return e.removeEventListener("change",t,!1)}}),[n]),t}var _=function(){var n=r(0),e=n[0],t=n[1],i=r(0),a=i[0],o=i[1];return w((function(){var n=v((function(){t(window.innerWidth),o(window.innerHeight)}),50);return window.addEventListener("resize",n),n(),function(){window.removeEventListener("resize",n)}}),[]),{windowWidth:e,windowHeight:a}},E=function(){var n=r(0),e=n[0],t=n[1];return w((function(){var n=document.documentElement,e=function(){t(n.offsetHeight)},r=v(e,50),i=new ResizeObserver((function(n){return e()}));return i.observe(n),r(),function(){n.removeEventListener("resize",r),n.removeEventListener("change",r),i.disconnect()}}),[]),e},N=992;function O(e){var r=e.children,i=e.duration,a=void 0===i?3:i,o=e.start,l=void 0===o?"top 90%":o,s=e.scrub,d=void 0!==s&&s,v=e.toggleActions,m=void 0===v?"play none none none":v,f=e.delay,g=void 0===f?0:f,h=t(null),k=_().windowWidth,b=x("(min-width: ".concat(N,"px)"));return w((function(){var n=null,e=null;return c.registerPlugin(p),n=c.context((function(){e=setTimeout((function(){var n;!function(){var n;u.create(null!==(n=h.current)&&void 0!==n?n:"",{types:"lines",tagName:"div"})}();var e=null===(n=h.current)||void 0===n?void 0:n.querySelectorAll(".line"),t=c.timeline();t.to(h.current,{opacity:1,duration:0,delay:g}),p.create({trigger:h.current,start:l,toggleActions:m,scrub:d,animation:t}),e&&e.forEach((function(n){var e,r=document.createElement("div");r.classList.add("spark-text-reveal__container"),r.append(n),null===(e=null==h?void 0:h.current)||void 0===e||e.append(r),n.classList.add("spark-text-reveal__content"),t.to(n,{duration:a,y:0,rotate:0,ease:"expo.out"},">-90%")}))}),500)}),h),function(){n&&(n.revert(),n=null),e&&(clearTimeout(e),e=null)}}),[k,b]),n.createElement("div",{className:"spark-text-reveal",ref:h},r)}function z(e){var r=e.text,i=e.textColor,a=void 0===i?"black":i,o=e.textColorIdle,l=void 0===o?"rgba(0, 0, 0, 0.5)":o,s=e.pin,d=void 0===s||s,v=e.pinRef,m=e.start,f=void 0===m?"top 30%":m,g=e.end,h=void 0===g?"bottom top":g,k=e.responsive,b=void 0===k||k,y=e.withMask,E=void 0!==y&&y,O=e.highlight,z=void 0!==O&&O,C=e.highlightColor,S=void 0===C?"":C,L=e.onComplete,H=t(null),M=t(null),P=x("(min-width: ".concat(N,"px)")),q=_().windowWidth;return w((function(){var n=null;return H.current&&(H.current.style.opacity="1"),c.registerPlugin(p),(P||b)&&(!function(){var n,e,t,r;null===(n=M.current)||void 0===n||n.revert(),E?(M.current=u.create(null!==(e=H.current)&&void 0!==e?e:"",{types:"lines",tagName:"span",lineClass:"line ".concat(z?"highlight":"")}),(P||b)&&(null===(t=M.current.lines)||void 0===t||t.forEach((function(n){n.style.backgroundImage="linear-gradient(to right, ".concat(z?S:a," 0%, \n ").concat(z?S:a," 50%, ").concat(l," 50%, ").concat(l," 100%)")})))):M.current=u.create(null!==(r=H.current)&&void 0!==r?r:"",{types:"words",tagName:"span"})}(),n=c.context((function(){var n,e;if(E){var t=null===(n=H.current)||void 0===n?void 0:n.querySelectorAll(".line"),r=c.timeline();null==t||t.forEach((function(n){z&&(n.style.display="inline-block",n.style.width="auto",n.style.color=a),r.to(n,{backgroundPosition:"0% 0%"})})),r.to(H.current,{z:0,duration:1}),p.create({trigger:v.current,start:f,end:h,pin:!!d&&(!v.current||v.current),scrub:1,animation:r,invalidateOnRefresh:!0,onUpdate:function(n){var e=n.progress,t=n.direction;L&&L(e>=1&&1===t)}})}else{var i=null===(e=H.current)||void 0===e?void 0:e.querySelectorAll(".word"),o=c.timeline();null==i||i.forEach((function(n){o.to(n,{opacity:1})})),o.to(H.current,{z:0,duration:1}),p.create({trigger:v.current,start:f,end:h,pin:!!d&&(!v.current||v.current),scrub:1,animation:o,invalidateOnRefresh:!0,onUpdate:function(n){var e=n.progress,t=n.direction;L&&L(e>=1&&1===t)}})}}),H)),function(){n&&n.revert()}}),[P,q]),n.createElement("p",{className:"spark-text-reader ".concat(b?void 0:"showOnMobile"),ref:H},r)}function C(e){var r=e.children,i=e.triggerRef,a=e.pin,o=void 0===a||a,l=e.scrub,s=void 0===l?.3:l,d=e.start,u=void 0===d?"center center":d,v=e.end,m=void 0===v?"bottom top":v,f=e.markers,g=void 0!==f&&f,h=e.spacing,k=void 0===h?"1rem":h,b=e.sideSpacing,y=void 0===b?"0":b,O=e.startPos,z=void 0===O?"20%":O,C=e.endPos,S=void 0===C?1.1:C,L=t(null),H=x("(min-width: ".concat(N,"px)")),M=_().windowWidth,P=E();return w((function(){if(c.registerPlugin(p),H){var n=c.context((function(){var n,e,t=c.timeline(),r=null!==(e=null===(n=L.current)||void 0===n?void 0:n.scrollWidth)&&void 0!==e?e:"90%",a=M-Number(r)*S;t.fromTo(L.current,{x:z},{x:a}),p.create({trigger:(null==i?void 0:i.current)?i.current:L.current,start:u,end:m,pin:o,scrub:s,animation:t,markers:g})}),L);return function(){n&&n.revert()}}}),[H,M,P]),n.createElement("div",{className:"spark-hpin",ref:L,style:{gap:k,margin:"0 calc(".concat(H?0:y," * -1)"),padding:"0 ".concat(H?0:y)}},r)}function S(e){var t=e.children,r=e.items,i=e.itemsSpacing,a=void 0===i?"1rem":i,o=e.contentGap,l=void 0===o?"2rem":o,c=e.topGap,s=void 0===c?"6.25rem":c,d=g(e,["children","items","itemsSpacing","contentGap","topGap"]);return n.createElement("div",f({className:"spark-vpin",style:{gap:l}},d),n.createElement("div",{className:"spark-vpin__pin",style:{top:s}},t),n.createElement("div",{className:"spark-vpin__items",style:{gap:a}},r))}function L(e){var i=e.images,a=e.content,l=e.imagesWrapperClass,s=void 0===l?"spark-voverlap-img-wrapper":l,d=e.contentImgClass,u=void 0===d?"voverlap-content-img":d,v=e.start,m=void 0===v?"top 70%":v,f=e.gap,g=void 0===f?[288,80]:f,h=t(null),k=t(null),b=r(0),y=b[0],E=b[1],O=_().windowWidth,z=x("(min-width: ".concat(N,"px)"));return w((function(){var n=null,e=null;if(c.registerPlugin(p),z){var t=k.current;t&&(t.style.top="calc((100% - ".concat(t.clientHeight,"px) / 2)")),n=c.context((function(){var n,t=document.documentElement;(e=new ResizeObserver((function(){E(t.scrollHeight)}))).observe(t);var r=null===(n=null==h?void 0:h.current)||void 0===n?void 0:n.querySelectorAll(".voverlap-content-item");null==r||r.forEach((function(n,e){var t,i=null===(t=null==h?void 0:h.current)||void 0===t?void 0:t.querySelectorAll(".spark-voverlap-img")[e];p.create({trigger:n,id:"slide-".concat(e+1),start:m,end:function(){return"+=".concat(n.clientHeight+g[0])},toggleActions:"play reverse none reverse",toggleClass:{targets:n,className:"active"},invalidateOnRefresh:!0,onLeave:function(){e+1!==r.length&&i.classList.add("active")},onEnterBack:function(){i.classList.remove("active")}})}))}),h)}return function(){n&&(n.revert(),null==e||e.disconnect())}}),[z,O,y]),o((function(){var n=document.querySelectorAll(".".concat(u));z?n.forEach((function(n){n.style.display="none"})):n.forEach((function(n){n.style.display="block"}))}),[z]),n.createElement("div",{className:"spark-voverlap",ref:h},z&&n.createElement("div",{className:"spark-voverlap__aside",ref:k},i.length>0&&n.createElement("div",{className:"spark-voverlap__img-wrapper ".concat(s)},i.map((function(e,t){return n.createElement("img",{className:"spark-voverlap__img spark-voverlap-img",src:e.url,alt:e.alt?e.alt:"",key:t,style:{zIndex:i.length-t}})})))),a&&n.createElement("div",{className:"spark-voverlap__content",style:{gap:"".concat(z?g[0]:g[1],"px")}},a.map((function(e,t){return n.createElement("div",{className:"voverlap-content-item",key:t},e)}))))}function H(e){var t=e.button,r=e.children,i=e.isOpen,a=void 0!==i&&i,o=e.withOverlay,l=void 0!==o&&o,c=e.closeOnOverlayClick,p=void 0===c||c,u=e.menuClass,v=void 0===u?"":u,m=e.bodyClass,f=void 0===m?"":m,g=e.overlayClass,h=void 0===g?"":g,k=e.alignment,b=void 0===k?"left":k,y=e.onClose,w=t?n.cloneElement(t,{className:"spark-menu__btn".concat(t.props.className?" ".concat(t.props.className):"")}):null;return n.createElement("div",{className:"spark-menu ".concat("right"===b?"is-right":""," ").concat(a?"is-open":""," ").concat(v)},w,n.createElement(s,null,a&&n.createElement(n.Fragment,null,n.createElement(d.div,{className:"spark-menu__body ".concat(f),initial:{scale:0,opacity:0},animate:{scale:1,opacity:1,transition:{ease:"anticipate",scale:{duration:.3,delay:.2},opacity:{duration:.25,delay:.2}}},exit:{scale:0,opacity:0,transition:{scale:{duration:.3},opacity:{duration:.25}}},key:"body"},n.createElement(d.div,{initial:{opacity:0,y:"50%"},animate:{opacity:1,y:0,transition:{ease:"easeInOut",duration:.5,delay:.6}},exit:{opacity:0,transition:{duration:.1,delay:0}}},r)),l&&n.createElement(d.div,{className:"spark-menu__overlay ".concat(h),initial:{opacity:0},animate:{opacity:1},exit:{opacity:0,transition:{opacity:{delay:.4}}},onClick:p?function(){return y(!1)}:void 0,style:{cursor:p?"pointer":"default"}}))))}function M(e){var r=e.children,i=e.bottomDirection,a=void 0===i?"left":i,l=e.topDirection,c=void 0===l?"right":l,s=e.speed,d=void 0===s?50:s,p=e.pauseOnHover,u=void 0!==p&&p,v=e.containerClass,f=void 0===v?"":v,g=e.ribbonClass,h=void 0===g?"":g,k=t(null),b=t(null),y=_(),w=y.windowHeight,x=y.windowWidth,E=function(){var n,e=null===(n=b.current)||void 0===n?void 0:n.getBoundingClientRect();k.current&&(k.current.style.height=(null==e?void 0:e.height)+"px")};return o((function(){var n=new ResizeObserver((function(){E()}));return b.current&&n.observe(b.current),E(),function(){n.disconnect()}}),[w,x]),n.createElement("div",{className:"spark-ribbons ".concat(f),ref:k},n.createElement("div",{className:"spark-ribbon ".concat(h),ref:b},n.createElement(m,{direction:a,speed:d,pauseOnHover:u,gradient:!1,autoFill:!0},r)),n.createElement("div",{className:"spark-ribbon ".concat(h&&h)},n.createElement(m,{direction:c,speed:d,pauseOnHover:u,gradient:!1,autoFill:!0},r)))}h("/* Breakpoints */\n.spark-text-reader {\n opacity: 0;\n overflow: hidden;\n}\n.spark-text-reader .word {\n opacity: 0;\n}\n.spark-text-reader .line {\n background-size: 200% 100%;\n background-position: 100% 0%;\n}\n.spark-text-reader .line:not(.highlight) {\n background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n@media (max-width: 992px) {\n .spark-text-reader.showOnMobile .word {\n opacity: 1;\n }\n}\n@media (max-width: 992px) {\n .spark-text-reader.showOnMobile .line:not(.highlight) {\n -webkit-text-fill-color: currentColor;\n }\n}"),h("/* Breakpoints */\n.spark-hpin {\n display: flex;\n gap: 1rem;\n white-space: nowrap;\n overflow-x: auto;\n margin: 0;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n.spark-hpin::-webkit-scrollbar {\n display: none;\n}\n@media (min-width: 992px) {\n .spark-hpin {\n white-space: normal;\n overflow-x: visible;\n }\n}"),h("/* Breakpoints */\n.spark-vpin {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n@media (min-width: 992px) {\n .spark-vpin {\n flex-direction: row;\n }\n}\n.spark-vpin__pin {\n height: 100%;\n}\n@media (min-width: 992px) {\n .spark-vpin__pin {\n position: sticky;\n }\n}\n.spark-vpin__items {\n display: flex;\n flex-direction: column;\n}"),h("/* Breakpoints */\n.spark-voverlap {\n display: flex;\n flex-direction: row;\n gap: 6.25rem;\n}\n@media (max-width: 992px) {\n .spark-voverlap {\n flex-direction: column;\n }\n}\n.spark-voverlap__aside {\n max-width: 31.25rem;\n position: sticky;\n top: 0;\n height: 100%;\n width: 100%;\n}\n.spark-voverlap__img-wrapper {\n height: 21.875rem;\n}\n.spark-voverlap__img {\n border-radius: 1.5rem;\n clip-path: inset(0 0 0 0);\n object-fit: cover;\n transition: 0.6s clip-path;\n position: absolute;\n left: 0;\n top: 0;\n height: 100%;\n width: 100%;\n}\n.spark-voverlap__img.active {\n clip-path: inset(0 0 100% 0);\n}\n.spark-voverlap__content {\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n padding-top: 7%;\n padding-bottom: 7%;\n width: 100%;\n}\n.spark-voverlap__content .voverlap-content-item {\n transition: 0.4s opacity;\n}\n@media (min-width: 992px) {\n .spark-voverlap__content .voverlap-content-item {\n opacity: 0.2;\n }\n}\n.spark-voverlap__content .voverlap-content-item.active {\n opacity: 1;\n}"),h("/* Breakpoints */\n.spark-menu {\n position: relative;\n z-index: 1;\n}\n.spark-menu.is-open {\n z-index: 900;\n}\n.spark-menu.is-right .spark-menu__body {\n left: auto;\n right: calc(2rem * -1);\n transform-origin: right top;\n}\n.spark-menu__btn {\n position: relative;\n z-index: 3;\n}\n.spark-menu__body {\n border-radius: 2.625rem;\n background: rgba(245, 245, 245, 0.8);\n -webkit-backdrop-filter: blur(0.4rem);\n backdrop-filter: blur(0.4rem);\n box-sizing: border-box;\n transform: translateZ(0);\n transform-origin: left top;\n overflow: hidden;\n position: absolute;\n left: calc(2rem * -1);\n top: calc(2rem * -1);\n padding: 6rem 2rem 2rem;\n width: 30.25rem;\n z-index: 2;\n}\n@media (max-width: 992px) {\n .spark-menu__body {\n left: calc(2rem / 4 * -1);\n right: calc(2rem / 4 * -1);\n width: auto;\n }\n}\n.spark-menu__overlay {\n background-color: rgba(0, 0, 0, 0.2);\n transform: translateZ(0);\n position: fixed;\n left: 0;\n top: 0;\n inset: 0;\n z-index: 1;\n}"),h("/* Breakpoints */\n.spark-ribbons {\n position: relative;\n overflow: hidden;\n width: 100%;\n}\n\n.spark-ribbon {\n background: rgba(255, 255, 255, 0.5);\n backdrop-filter: blur(0.5rem);\n padding: 1.5rem 0;\n position: absolute;\n left: 50%;\n top: 50%;\n width: 105%;\n will-change: transform;\n}\n@media (max-width: 992px) {\n .spark-ribbon {\n width: 108%;\n }\n}\n.spark-ribbon:nth-child(1) {\n transform: translate(-50%, -50%) translateZ(0) rotate(11deg);\n z-index: 1;\n}\n.spark-ribbon:nth-child(2) {\n transform: translate(-50%, -50%) translateZ(0) rotate(-11deg);\n z-index: 2;\n}\n.spark-ribbon .rfm-marquee-container,\n.spark-ribbon .rfm-marquee {\n will-change: transform;\n transform: translateZ(0);\n}\n.spark-ribbon .rfm-marquee {\n overflow: hidden;\n}");export{k as Button,y as ElasticButton,C as HPin,b as MagneticButton,H as Menu,M as Ribbons,z as TextReader,O as TextReveal,L as VOverlap,S as VPin,E as useDocumentHeight,w as useIsomorphicLayoutEffect,x as useMediaQuery,_ as useWindowSize};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|