{"version":3,"file":"Examples.CFmLK5no.mjs","names":["variationAxes","fonts","css","className","React.useContext","React.useMemo","React.Fragment","React.forwardRef","useRef","React.useId","Image1","useRef","useCallback"],"sources":["https:/framerusercontent.com/modules/ONOrYwEPfED1BuUa3USy/k5qrnlXL1yb2uKlmf715/MuozsUbxm.js","https:/framerusercontent.com/modules/dgA6pj36pAabAZZRFkEF/bNmnlhXOGr1FTWyXrOmE/SgU6OH1Rz.js","https:/framerusercontent.com/modules/9hSP1ZRUO7nDKW7POAbp/9VyatbfIm1Y0sJ9NBgjc/ZdPkfVzPf.js","https:/framerusercontent.com/modules/ZvnMuP2BJn8JqPGA9YMh/hcw98Q3E0LoPeecpDqjC/Examples.js"],"sourcesContent":["// Generated by Framer (25dfa11)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"CUSTOMV2;HelveticaNowVariableRoman Variable Regular\",\"CUSTOMV2;HelveticaNowVariableRoman Variable RegularVF=IndnaHQiIDcwMCwgIndkdGgiIDEwMCwgIm9wc3oiIDEy\",\"CUSTOMV2;HelveticaNowVariableRoman Variable RegularVF=IndnaHQiIDcwMCwgIndkdGgiIDEwMCwgIm9wc3oiIDEy\",\"CUSTOMV2;HelveticaNowVariableRoman Variable RegularVF=IndnaHQiIDcwMCwgIndkdGgiIDEwMCwgIm9wc3oiIDEy\"]);const variationAxes=[{defaultValue:400,maxValue:1e3,minValue:50,name:\"Weight\",tag:\"wght\"},{defaultValue:100,maxValue:100,minValue:50,name:\"Width\",tag:\"wdth\"},{defaultValue:12,maxValue:30,minValue:4,name:\"Optical size\",tag:\"opsz\"}];export const fonts=[{explicitInter:true,fonts:[{cssFamilyName:\"HelveticaNowVariableRoman Variable Regular\",source:\"custom\",style:\"normal\",uiFamilyName:\"HelveticaNowVariableRoman\",url:\"https://framerusercontent.com/assets/JmMHdT5ebGI8GCu4XwWt4BkjigY.woff2\",variationAxes,weight:\"400\"}]}];export const css=['.framer-SeYik .framer-styles-preset-28vfjp:not(.rich-text-wrapper), .framer-SeYik .framer-styles-preset-28vfjp.rich-text-wrapper h6 { --framer-font-family: \"HelveticaNowVariableRoman Variable Regular\", \"HelveticaNowVariableRoman Variable Regular Placeholder\", sans-serif; --framer-font-family-bold: \"HelveticaNowVariableRoman Variable Regular\", \"HelveticaNowVariableRoman Variable Regular Placeholder\", sans-serif; --framer-font-family-bold-italic: \"HelveticaNowVariableRoman Variable Regular\", \"HelveticaNowVariableRoman Variable Regular Placeholder\", sans-serif; --framer-font-family-italic: \"HelveticaNowVariableRoman Variable Regular\", \"HelveticaNowVariableRoman Variable Regular Placeholder\", sans-serif; --framer-font-open-type-features: \\'blwf\\' on, \\'cv03\\' on, \\'cv04\\' on, \\'cv09\\' on, \\'cv11\\' on; --framer-font-size: 28px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: normal; --framer-font-style-italic: normal; --framer-font-variation-axes: \"wght\" 700, \"wdth\" 100, \"opsz\" 12; --framer-font-variation-axes-bold: \"wght\" 700, \"wdth\" 100, \"opsz\" 12; --framer-font-variation-axes-bold-italic: \"wght\" 700, \"wdth\" 100, \"opsz\" 12; --framer-font-variation-axes-italic: \"wght\" 700, \"wdth\" 100, \"opsz\" 12; --framer-font-weight: 400; --framer-font-weight-bold: 400; --framer-font-weight-bold-italic: 400; --framer-font-weight-italic: 400; --framer-letter-spacing: 0em; --framer-line-height: 1em; --framer-paragraph-spacing: 40px; --framer-text-alignment: start; --framer-text-color: var(--token-6f3b9699-2fe7-40fc-ab5b-7ebdef2d7fe6, #afafb5); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: uppercase; }','@media (max-width: 1199px) and (min-width: 810px) { .framer-SeYik .framer-styles-preset-28vfjp:not(.rich-text-wrapper), .framer-SeYik .framer-styles-preset-28vfjp.rich-text-wrapper h6 { --framer-font-family: \"HelveticaNowVariableRoman Variable Regular\", \"HelveticaNowVariableRoman Variable Regular Placeholder\", sans-serif; --framer-font-family-bold: \"HelveticaNowVariableRoman Variable Regular\", \"HelveticaNowVariableRoman Variable Regular Placeholder\", sans-serif; --framer-font-family-bold-italic: \"HelveticaNowVariableRoman Variable Regular\", \"HelveticaNowVariableRoman Variable Regular Placeholder\", sans-serif; --framer-font-family-italic: \"HelveticaNowVariableRoman Variable Regular\", \"HelveticaNowVariableRoman Variable Regular Placeholder\", sans-serif; --framer-font-open-type-features: \\'blwf\\' on, \\'cv03\\' on, \\'cv04\\' on, \\'cv09\\' on, \\'cv11\\' on; --framer-font-size: 24px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: normal; --framer-font-style-italic: normal; --framer-font-variation-axes: \"wght\" 700, \"wdth\" 100, \"opsz\" 12; --framer-font-variation-axes-bold: \"wght\" 700, \"wdth\" 100, \"opsz\" 12; --framer-font-variation-axes-bold-italic: \"wght\" 700, \"wdth\" 100, \"opsz\" 12; --framer-font-variation-axes-italic: \"wght\" 700, \"wdth\" 100, \"opsz\" 12; --framer-font-weight: 400; --framer-font-weight-bold: 400; --framer-font-weight-bold-italic: 400; --framer-font-weight-italic: 400; --framer-letter-spacing: 0em; --framer-line-height: 1em; --framer-paragraph-spacing: 40px; --framer-text-alignment: start; --framer-text-color: var(--token-6f3b9699-2fe7-40fc-ab5b-7ebdef2d7fe6, #afafb5); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: uppercase; } }','@media (max-width: 809px) and (min-width: 0px) { .framer-SeYik .framer-styles-preset-28vfjp:not(.rich-text-wrapper), .framer-SeYik .framer-styles-preset-28vfjp.rich-text-wrapper h6 { --framer-font-family: \"HelveticaNowVariableRoman Variable Regular\", \"HelveticaNowVariableRoman Variable Regular Placeholder\", sans-serif; --framer-font-family-bold: \"HelveticaNowVariableRoman Variable Regular\", \"HelveticaNowVariableRoman Variable Regular Placeholder\", sans-serif; --framer-font-family-bold-italic: \"HelveticaNowVariableRoman Variable Regular\", \"HelveticaNowVariableRoman Variable Regular Placeholder\", sans-serif; --framer-font-family-italic: \"HelveticaNowVariableRoman Variable Regular\", \"HelveticaNowVariableRoman Variable Regular Placeholder\", sans-serif; --framer-font-open-type-features: \\'blwf\\' on, \\'cv03\\' on, \\'cv04\\' on, \\'cv09\\' on, \\'cv11\\' on; --framer-font-size: 22px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: normal; --framer-font-style-italic: normal; --framer-font-variation-axes: \"wght\" 700, \"wdth\" 100, \"opsz\" 12; --framer-font-variation-axes-bold: \"wght\" 700, \"wdth\" 100, \"opsz\" 12; --framer-font-variation-axes-bold-italic: \"wght\" 700, \"wdth\" 100, \"opsz\" 12; --framer-font-variation-axes-italic: \"wght\" 700, \"wdth\" 100, \"opsz\" 12; --framer-font-weight: 400; --framer-font-weight-bold: 400; --framer-font-weight-bold-italic: 400; --framer-font-weight-italic: 400; --framer-letter-spacing: 0em; --framer-line-height: 1em; --framer-paragraph-spacing: 40px; --framer-text-alignment: start; --framer-text-color: var(--token-6f3b9699-2fe7-40fc-ab5b-7ebdef2d7fe6, #afafb5); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: uppercase; } }'];export const className=\"framer-SeYik\";\nexport const __FramerMetadata__ = {\"exports\":{\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (f03650d)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"CUSTOMV2;HelveticaNowVariableRoman Variable Regular\",\"CUSTOMV2;HelveticaNowVariableRoman Variable RegularVF=IndnaHQiIDcwMCwgIndkdGgiIDEwMCwgIm9wc3oiIDEy\",\"CUSTOMV2;HelveticaNowVariableRoman Variable RegularVF=IndnaHQiIDQwMCwgIndkdGgiIDEwMCwgIm9wc3oiIDEy\",\"CUSTOMV2;HelveticaNowVariableRoman Variable RegularVF=IndnaHQiIDQwMCwgIndkdGgiIDEwMCwgIm9wc3oiIDEy\"]);const variationAxes=[{defaultValue:400,maxValue:1e3,minValue:50,name:\"Weight\",tag:\"wght\"},{defaultValue:100,maxValue:100,minValue:50,name:\"Width\",tag:\"wdth\"},{defaultValue:12,maxValue:30,minValue:4,name:\"Optical size\",tag:\"opsz\"}];export const fonts=[{explicitInter:true,fonts:[{cssFamilyName:\"HelveticaNowVariableRoman Variable Regular\",source:\"custom\",style:\"normal\",uiFamilyName:\"HelveticaNowVariableRoman\",url:\"https://framerusercontent.com/assets/JmMHdT5ebGI8GCu4XwWt4BkjigY.woff2\",variationAxes,weight:\"400\"}]}];export const css=['.framer-u0VDB .framer-styles-preset-mxblj0:not(.rich-text-wrapper), .framer-u0VDB .framer-styles-preset-mxblj0.rich-text-wrapper p { --framer-font-family: \"HelveticaNowVariableRoman Variable Regular\", \"HelveticaNowVariableRoman Variable Regular Placeholder\", sans-serif; --framer-font-family-bold: \"HelveticaNowVariableRoman Variable Regular\", \"HelveticaNowVariableRoman Variable Regular Placeholder\", sans-serif; --framer-font-family-bold-italic: \"HelveticaNowVariableRoman Variable Regular\", \"HelveticaNowVariableRoman Variable Regular Placeholder\", sans-serif; --framer-font-family-italic: \"HelveticaNowVariableRoman Variable Regular\", \"HelveticaNowVariableRoman Variable Regular Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 24px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: normal; --framer-font-style-italic: normal; --framer-font-variation-axes: \"wght\" 400, \"wdth\" 100, \"opsz\" 12; --framer-font-variation-axes-bold: \"wght\" 700, \"wdth\" 100, \"opsz\" 12; --framer-font-variation-axes-bold-italic: \"wght\" 400, \"wdth\" 100, \"opsz\" 12; --framer-font-variation-axes-italic: \"wght\" 400, \"wdth\" 100, \"opsz\" 12; --framer-font-weight: 400; --framer-font-weight-bold: 400; --framer-font-weight-bold-italic: 400; --framer-font-weight-italic: 400; --framer-letter-spacing: 0em; --framer-line-height: 1.4em; --framer-paragraph-spacing: 20px; --framer-text-alignment: center; --framer-text-color: var(--token-29811f7e-b581-4c1c-86b5-1be533a0e5b3, #ffffff); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; }','@media (max-width: 1199px) and (min-width: 810px) { .framer-u0VDB .framer-styles-preset-mxblj0:not(.rich-text-wrapper), .framer-u0VDB .framer-styles-preset-mxblj0.rich-text-wrapper p { --framer-font-family: \"HelveticaNowVariableRoman Variable Regular\", \"HelveticaNowVariableRoman Variable Regular Placeholder\", sans-serif; --framer-font-family-bold: \"HelveticaNowVariableRoman Variable Regular\", \"HelveticaNowVariableRoman Variable Regular Placeholder\", sans-serif; --framer-font-family-bold-italic: \"HelveticaNowVariableRoman Variable Regular\", \"HelveticaNowVariableRoman Variable Regular Placeholder\", sans-serif; --framer-font-family-italic: \"HelveticaNowVariableRoman Variable Regular\", \"HelveticaNowVariableRoman Variable Regular Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 22px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: normal; --framer-font-style-italic: normal; --framer-font-variation-axes: \"wght\" 400, \"wdth\" 100, \"opsz\" 12; --framer-font-variation-axes-bold: \"wght\" 700, \"wdth\" 100, \"opsz\" 12; --framer-font-variation-axes-bold-italic: \"wght\" 400, \"wdth\" 100, \"opsz\" 12; --framer-font-variation-axes-italic: \"wght\" 400, \"wdth\" 100, \"opsz\" 12; --framer-font-weight: 400; --framer-font-weight-bold: 400; --framer-font-weight-bold-italic: 400; --framer-font-weight-italic: 400; --framer-letter-spacing: 0em; --framer-line-height: 1.4em; --framer-paragraph-spacing: 20px; --framer-text-alignment: center; --framer-text-color: var(--token-29811f7e-b581-4c1c-86b5-1be533a0e5b3, #ffffff); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; } }','@media (max-width: 809px) and (min-width: 0px) { .framer-u0VDB .framer-styles-preset-mxblj0:not(.rich-text-wrapper), .framer-u0VDB .framer-styles-preset-mxblj0.rich-text-wrapper p { --framer-font-family: \"HelveticaNowVariableRoman Variable Regular\", \"HelveticaNowVariableRoman Variable Regular Placeholder\", sans-serif; --framer-font-family-bold: \"HelveticaNowVariableRoman Variable Regular\", \"HelveticaNowVariableRoman Variable Regular Placeholder\", sans-serif; --framer-font-family-bold-italic: \"HelveticaNowVariableRoman Variable Regular\", \"HelveticaNowVariableRoman Variable Regular Placeholder\", sans-serif; --framer-font-family-italic: \"HelveticaNowVariableRoman Variable Regular\", \"HelveticaNowVariableRoman Variable Regular Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 18px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: normal; --framer-font-style-italic: normal; --framer-font-variation-axes: \"wght\" 400, \"wdth\" 100, \"opsz\" 12; --framer-font-variation-axes-bold: \"wght\" 700, \"wdth\" 100, \"opsz\" 12; --framer-font-variation-axes-bold-italic: \"wght\" 400, \"wdth\" 100, \"opsz\" 12; --framer-font-variation-axes-italic: \"wght\" 400, \"wdth\" 100, \"opsz\" 12; --framer-font-weight: 400; --framer-font-weight-bold: 400; --framer-font-weight-bold-italic: 400; --framer-font-weight-italic: 400; --framer-letter-spacing: 0em; --framer-line-height: 1.4em; --framer-paragraph-spacing: 20px; --framer-text-alignment: center; --framer-text-color: var(--token-29811f7e-b581-4c1c-86b5-1be533a0e5b3, #ffffff); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; } }'];export const className=\"framer-u0VDB\";\nexport const __FramerMetadata__ = {\"exports\":{\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// Generated by Framer (f03650d)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,cx,getLoadingLazyAtYPosition,Image as Image1,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";const serializationHash=\"framer-rAnMB\";const variantClassNames={hAD1vhFqe:\"framer-v-9oi88g\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value??config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const getProps=({height,id,width,...props})=>{return{...props};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const fallbackRef=useRef(null);const refBinding=ref??fallbackRef;const defaultLayoutId=React.useId();const{activeLocale,setLocale}=useLocaleInfo();const componentViewport=useComponentViewport();const{style,className,layoutId,variant,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({defaultVariant:\"hAD1vhFqe\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(Image1,{...restProps,...gestureHandlers,background:{alt:\"\",fit:\"fill\",intrinsicHeight:34,intrinsicWidth:720,loading:getLoadingLazyAtYPosition(componentViewport?.y||0),pixelHeight:68,pixelWidth:1440,sizes:componentViewport?.width||\"100vw\",src:\"https://framerusercontent.com/images/C4HQ0EDzqUbj0bAYvBHzkFSpHz0.png?width=1440&height=68\",srcSet:\"https://framerusercontent.com/images/C4HQ0EDzqUbj0bAYvBHzkFSpHz0.png?scale-down-to=512&width=1440&height=68 512w,https://framerusercontent.com/images/C4HQ0EDzqUbj0bAYvBHzkFSpHz0.png?scale-down-to=1024&width=1440&height=68 1024w,https://framerusercontent.com/images/C4HQ0EDzqUbj0bAYvBHzkFSpHz0.png?width=1440&height=68 1440w\"},className:cx(scopingClassNames,\"framer-9oi88g\",className,classNames),\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"hAD1vhFqe\",ref:refBinding,style:{...style}})})})});});const css=[\".framer-rAnMB.framer-evf6c3, .framer-rAnMB .framer-evf6c3 { display: block; }\",\".framer-rAnMB.framer-9oi88g { height: 57px; overflow: visible; position: relative; width: 1200px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 57\n * @framerIntrinsicWidth 1200\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerZdPkfVzPf=withCSS(Component,css,\"framer-rAnMB\");export default FramerZdPkfVzPf;FramerZdPkfVzPf.displayName=\"Paper Tear\";FramerZdPkfVzPf.defaultProps={height:57,width:1200};addFonts(FramerZdPkfVzPf,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerZdPkfVzPf\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerImmutableVariables\":\"true\",\"framerAutoSizeImages\":\"true\",\"framerColorSyntax\":\"true\",\"framerIntrinsicWidth\":\"1200\",\"framerDisplayContentsDiv\":\"false\",\"framerContractVersion\":\"1\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicHeight\":\"57\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ZdPkfVzPf.map","import{jsx as _jsx}from\"react/jsx-runtime\";import{forwardRef,startTransition,useCallback,useEffect,useRef,useState}from\"react\";// Learn more: https://www.framer.com/developers/overrides/\nfunction randomColor(){const hue=Math.floor(Math.random()*360);return`hsl(${hue}, 90%, 55%)`;}export function withRotate(Component){return /*#__PURE__*/forwardRef((props,ref)=>{return /*#__PURE__*/_jsx(Component,{ref:ref,...props,animate:{rotate:90},transition:{duration:2}});});}export function withHover(Component){return /*#__PURE__*/forwardRef((props,ref)=>{return /*#__PURE__*/_jsx(Component,{ref:ref,...props,whileHover:{scale:1.05}});});}export function withRandomColor(Component){return /*#__PURE__*/forwardRef((props,ref)=>{const[background,setBackground]=useState(\"#0099FF\");return /*#__PURE__*/_jsx(Component,{ref:ref,...props,animate:{background},onClick:()=>{startTransition(()=>{setBackground(randomColor());});}});});}export function withMouseParallaxBounded(Component){return /*#__PURE__*/forwardRef((props,forwardedRef)=>{const elementRef=useRef(null);const setRefs=useCallback(node=>{elementRef.current=node;if(typeof forwardedRef===\"function\"){forwardedRef(node);}else if(forwardedRef&&\"current\"in forwardedRef){forwardedRef.current=node;}},[forwardedRef]);useEffect(()=>{if(typeof window===\"undefined\")return;const element=elementRef.current;if(!element)return;const query=props.parentSelector?.trim();const area=query?element.closest(query):element.parentElement;if(!area)return;const reduceMotion=window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;if(reduceMotion){element.style.setProperty(\"--mpb-x\",\"0px\");element.style.setProperty(\"--mpb-y\",\"0px\");return;}let frame=0;let targetX=0;let targetY=0;let currentX=0;let currentY=0;let minX=0;let maxX=0;let minY=0;let maxY=0;const clamp=(value,min,max)=>{return Math.min(max,Math.max(min,value));};const getSmoothing=()=>clamp(props.smoothing??.14,.01,1);const strengthX=clamp(props.strengthX??10,0,40);const strengthY=clamp(props.strengthY??8,0,40);const direction=props.invert?-1:1;const updateBounds=()=>{const parentRect=area.getBoundingClientRect();const restRect=element.getBoundingClientRect();const leftGap=restRect.left-parentRect.left;const rightGap=parentRect.right-restRect.right;const topGap=restRect.top-parentRect.top;const bottomGap=parentRect.bottom-restRect.bottom;minX=leftGap>=0?-leftGap:0;maxX=rightGap>=0?rightGap:0;minY=topGap>=0?-topGap:0;maxY=bottomGap>=0?bottomGap:0;targetX=clamp(targetX,minX,maxX);targetY=clamp(targetY,minY,maxY);currentX=clamp(currentX,minX,maxX);currentY=clamp(currentY,minY,maxY);};const render=()=>{frame=0;const smooth=getSmoothing();currentX+=(targetX-currentX)*smooth;currentY+=(targetY-currentY)*smooth;element.style.setProperty(\"--mpb-x\",`${currentX.toFixed(3)}px`);element.style.setProperty(\"--mpb-y\",`${currentY.toFixed(3)}px`);if(Math.abs(targetX-currentX)>.05||Math.abs(targetY-currentY)>.05){frame=window.requestAnimationFrame(render);}};const queueRender=()=>{if(!frame){frame=window.requestAnimationFrame(render);}};const onPointerMove=event=>{const areaRect=area.getBoundingClientRect();const width=areaRect.width||1;const height=areaRect.height||1;const normalizedX=((event.clientX-areaRect.left)/width-.5)*2;const normalizedY=((event.clientY-areaRect.top)/height-.5)*2;const desiredX=clamp(normalizedX*strengthX*direction,minX,maxX);const desiredY=clamp(normalizedY*strengthY*direction,minY,maxY);targetX=desiredX;targetY=desiredY;queueRender();};const onPointerLeave=()=>{targetX=clamp(0,minX,maxX);targetY=clamp(0,minY,maxY);queueRender();};updateBounds();onPointerLeave();area.addEventListener(\"pointermove\",onPointerMove);area.addEventListener(\"pointerleave\",onPointerLeave);window.addEventListener(\"resize\",updateBounds);let observer=null;if(typeof ResizeObserver!==\"undefined\"){observer=new ResizeObserver(()=>{updateBounds();queueRender();});observer.observe(area);observer.observe(element);}return()=>{area.removeEventListener(\"pointermove\",onPointerMove);area.removeEventListener(\"pointerleave\",onPointerLeave);window.removeEventListener(\"resize\",updateBounds);observer?.disconnect();if(frame)window.cancelAnimationFrame(frame);};},[props.parentSelector,props.invert,props.smoothing,props.strengthX,props.strengthY]);const existingTransform=props.style?.transform;const combinedTransform=existingTransform?`${existingTransform} translate3d(var(--mpb-x, 0px), var(--mpb-y, 0px), 0px)`:\"translate3d(var(--mpb-x, 0px), var(--mpb-y, 0px), 0px)\";return /*#__PURE__*/_jsx(Component,{ref:setRefs,...props,style:{...props.style,transform:combinedTransform,willChange:\"transform\"}});});}\nexport const __FramerMetadata__ = {\"exports\":{\"withRotate\":{\"type\":\"reactHoc\",\"name\":\"withRotate\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withMouseParallaxBounded\":{\"type\":\"reactHoc\",\"name\":\"withMouseParallaxBounded\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withRandomColor\":{\"type\":\"reactHoc\",\"name\":\"withRandomColor\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withHover\":{\"type\":\"reactHoc\",\"name\":\"withHover\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Examples.map"],"mappings":"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"}