{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/6Gz712q9K15ftuXhaCzA/n8Oqv3ushc6Lig5yQBbN/HorizontalScroll.js", "ssg:https://framerusercontent.com/modules/hCDaOBpNKXFLPZUTtBlO/MmMi8qSkIOghA4w5Ygij/WithGrid.js"],
  "sourcesContent": ["import{jsx as e,jsxs as t}from\"react/jsx-runtime\";import{addPropertyControls as r,ControlType as i}from\"framer\";import{useLayoutEffect as n,useRef as l,useState as o}from\"react\";import{motion as s,useScroll as c,useSpring as d,useTransform as f}from\"framer-motion\";/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/docs/guides/auto-sizing\n *\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function u(r){let i=l(null),u=l(null),a=l(null),[h,m]=o(0),[p,v]=o(0);n(()=>{m(u.current.scrollWidth);let e=new ResizeObserver(e=>{for(let t of e)v(t.contentRect.width),m(u.current.scrollWidth);});e.observe(a.current);let t=new MutationObserver(e=>{for(let t of e)m(u.current.scrollWidth);});return t.observe(u.current,{attributes:!0,attributeFilter:[\"style\"]}),()=>{e.disconnect(),t.disconnect();};},[]);let{scrollYProgress:y}=c({target:i}),b=f(y,[0,1],[0,-h+p]),w=d(b,{damping:60,mass:1,stiffness:500});return /*#__PURE__*/t(\"div\",{ref:i,...r,children:[/*#__PURE__*/e(\"div\",{style:{position:\"sticky\",top:0},children:/*#__PURE__*/e(\"div\",{style:{overflow:\"hidden\"},children:/*#__PURE__*/e(s.div,{ref:u,style:{x:w},children:r.children})})}),/*#__PURE__*/e(\"div\",{ref:a,\"aria-hidden\":\"true\",style:{width:\"100%\",height:h}})]});}r(u,{children:{type:i.ComponentInstance}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"HorizontalScroll\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"auto\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./HorizontalScroll.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect,useState}from\"react\";import debounce from\"lodash/debounce\";export function withGridLine(Component){return props=>{return /*#__PURE__*/_jsx(Component,{...props,style:{...props.style,transformOrigin:\"top left\"},animate:{scaleX:[0,1]},transition:{duration:2,ease:[.075,.82,.165,1]}});};}export function withGridWidth(Component){return props=>{const DEFAULT_WIDTH=25;const[width,setWidth]=useState(DEFAULT_WIDTH);useEffect(()=>{const style=document.createElement(\"style\");style.textContent=`\n                .grid-align:nth-child(2n) {\n                    justify-content: end;\n                }\n\n                .grid-align:nth-child(3n) {\n                    justify-content: center;\n                }\n            `;document.head.appendChild(style);return()=>{document.head.removeChild(style);};},[]);useEffect(()=>{const onResize=()=>{if(window.matchMedia(\"(max-width: 609px)\").matches){setWidth(100);}else if(window.matchMedia(\"(max-width: 1100px)\").matches){setWidth(50);}else{setWidth(DEFAULT_WIDTH);}};const debouncedResize=debounce(onResize,200);window.addEventListener(\"resize\",debouncedResize);onResize();return()=>{window.removeEventListener(\"resize\",debouncedResize);};},[]);return /*#__PURE__*/_jsx(Component,{...props,className:`${props.className} grid-align`,style:{...props.style,width:`${width}vw`}});};}export function withGridWidthImage(Component){return props=>{return /*#__PURE__*/_jsx(Component,{...props,style:{...props.style,width:\"75vw\",minWidth:0}});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withGridLine\":{\"type\":\"reactHoc\",\"name\":\"withGridLine\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withGridWidth\":{\"type\":\"reactHoc\",\"name\":\"withGridWidth\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withGridWidthImage\":{\"type\":\"reactHoc\",\"name\":\"withGridWidthImage\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./WithGrid.map"],
  "mappings": "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",
  "names": ["u", "r", "i", "pe", "a", "h", "m", "ye", "p", "v", "fe", "e", "t", "y", "useScroll", "b", "useTransform", "w", "useSpring", "motion", "addPropertyControls", "ControlType", "withGridWidth", "Component", "props", "width", "setWidth", "ye", "ue", "style", "onResize", "window", "debouncedResize", "l", "p", "withGridWidthImage"]
}