{"version":3,"file":"shared.Dl1CuiO2.mjs","names":["useState","useCallback","t","reactStartTransition","containerStyles","emptyStateStyle","defaultEvents","useRef","useMemo","useMemo","useMemo","getProps","useRef","useCallback","useState","useMemo","e","defaultEvents","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","Variants","React.Fragment","getProps","createLayoutDependency","React.useRef","React.useId","className","SVG","RichText","UtilsComponentMessage","useState","Icon","useMemo","lowercaseIconKeyPairs","iconKeys","Icon","useRef","useState","HouseFactory","React","clamp","t","e","i","s","l","u","p","o","n","r","h","a","c","useRef","e","fonts","css","className","fonts","css","className","fonts","css","className","fonts","css","className","fonts","css","className","fonts","css","className","e","t","l","Icon","className","useId","useState","_Fragment","mask","SVG","getProps","Icon","className","useCallback","useRef","useState","mask","Base","MotionSVG","SVG","svg","getProps","Icon","className","mask","Base","MotionSVG","SVG","svg","getProps","Icon","className","__legacyOverrideHOC_DataObserverContext","_jsx","__legacyOverrideHOC_DataObserverContext","_jsx","fonts","css","className","fonts","css","className","v0","React.Fragment","v1","v2","v3","v4","v5","v6","v7","v8","v9","v10","v11","v12","v13","v14","v15","v16","v17","v18","v19","v20","v21","v22","v23","v24","v25","v26","v27","v28","v29","v30","v31","v32","v33","v34","v35","v36","v37","v38","v39","v40","v41","v42","v43","v44","v45","v46","v47","v48","v49","v50","v51","v52","__FramerMetadata__","getLocalizedValue","valuesByLocaleId","localizedValues","fonts","css","className","v0","React.Fragment","v1","v2","v3","v4","v5","v6","v7","v8","v9","v10","v11","v12","v13","v14","v15","v16","v17","v18","v19","v20","v21","v22","__FramerMetadata__","getLocalizedValue","valuesByLocaleId","localizedValues","addPropertyOverrides","MotionDivWithFXWithOptimizedAppearEffect","cycleOrder","serializationHash","variantClassNames","transition1","animation","animation1","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","useRef","React.useId","sharedStyle.className","sharedStyle1.className","sharedStyle2.className","sharedStyle3.className","className","RichText","getLocalizedValue","SVG","sharedStyle.css","sharedStyle1.css","sharedStyle2.css","sharedStyle3.css","sharedStyle.fonts","sharedStyle1.fonts","sharedStyle2.fonts","sharedStyle3.fonts","getProps","className","fonts","css","className","v0","React.Fragment","v1","v2","v3","v4","v5","v6","v7","v8","v9","v10","v11","v12","v13","v14","v15","v16","v17","v18","v19","v20","v21","v22","v23","v24","v25","v26","v27","v28","v29","v30","v31","v32","v33","v34","v35","v36","v37","v38","v39","v40","v41","v42","v43","v44","v45","v46","v47","v48","v49","v50","__FramerMetadata__","getLocalizedValue","valuesByLocaleId","localizedValues","fonts","css","className","addPropertyOverrides","cycleOrder","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","useRef","React.useId","sharedStyle.className","sharedStyle1.className","className","RichText","sharedStyle.css","sharedStyle1.css","sharedStyle.fonts","sharedStyle1.fonts","addPropertyOverrides","Plus","NavDropDownFonts","NavDropDown","PillFonts","Pill","cycleOrder","serializationHash","variantClassNames","transition1","matchVariant","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","useRef","React.useId","sharedStyle.className","sharedStyle1.className","sharedStyle2.className","sharedStyle3.className","className","RichText","getLocalizedValue","sharedStyle.css","sharedStyle1.css","sharedStyle2.css","sharedStyle3.css","sharedStyle.fonts","sharedStyle1.fonts","sharedStyle2.fonts","sharedStyle3.fonts","fonts","css","className","v0","v1","React.Fragment","v2","__FramerMetadata__","getLocalizedValue","valuesByLocaleId","localizedValues","addPropertyOverrides","PillFonts","Pill","enabledGestures","serializationHash","variantClassNames","transition1","animation","transition3","matchVariant","Transition","React.useContext","React.useMemo","Variants","React.Fragment","getProps","createLayoutDependency","useRef","React.useId","sharedStyle.className","sharedStyle1.className","className","Image1","getLocalizedValue","RichText","SVG","sharedStyle.css","sharedStyle1.css","sharedStyle.fonts","sharedStyle1.fonts","__FramerMetadata__","addPropertyOverrides","cycleOrder","serializationHash","variantClassNames","transition1","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","useRef","React.useId","className","SVG","addPropertyOverrides","LocaleSelector","BrandLogosFonts","BrandLogos","AccountUserPerson","NavDropDown","Pill","MenuTabsDesktop2","MenuTabsDesktop2Info","XFonts","X","ClockTime","TimeDate","ListNav","cycleOrder","serializationHash","variantClassNames","animation","transition2","matchVariant","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","humanReadableEnumMap","getProps","createLayoutDependency","useRef","React.useId","sharedStyle.className","sharedStyle1.className","sharedStyle2.className","className","RichText","getLocalizedValue","SVG","sharedStyle.css","sharedStyle1.css","sharedStyle2.css","sharedStyle.fonts","sharedStyle1.fonts","sharedStyle2.fonts","__FramerMetadata__","useState","useMemo","css","e","vertexShaderSource","l","t","p","q","useRef","useMemo","ShaderMount","ShaderMountVanilla","fonts","css","className","v0","React.Fragment","v1","v2","v3","__FramerMetadata__","getLocalizedValue","valuesByLocaleId","localizedValues","v0","React.Fragment","__FramerMetadata__","getLocalizedValue","valuesByLocaleId","localizedValues","addPropertyOverrides","BrandLogosFonts","BrandLogos","XFonts","X","cycleOrder","serializationHash","variantClassNames","transition1","matchVariant","animation","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","useRef","React.useId","sharedStyle.className","className","RichText","getLocalizedValue","SVG","sharedStyle.css","sharedStyle.fonts","v0","React.Fragment","__FramerMetadata__","getLocalizedValue","valuesByLocaleId","localizedValues","addPropertyOverrides","BrandLogos","X","cycleOrder","serializationHash","variantClassNames","transition1","matchVariant","animation","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","useRef","React.useId","sharedStyle.className","className","RichText","getLocalizedValue","SVG","sharedStyle.css","sharedStyle.fonts","addPropertyOverrides","FooterLogo","FooterLogoMob","Image1","MotionDivWithFX","cycleOrder","serializationHash","variantClassNames","transition1","matchVariant","e","animation","transformTemplate1","t","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","useRef","React.useId","sharedStyle.className","sharedStyle1.className","className","RichText","getLocalizedValue","sharedStyle.css","sharedStyle1.css","sharedStyle.fonts","sharedStyle1.fonts","fonts","css","className","v0","React.Fragment","v1","v2","__FramerMetadata__","valuesByLocaleId","localizedValues","React.Fragment","__FramerMetadata__","getLocalizedValue","localizedValues","addPropertyOverrides","cycleOrder","serializationHash","variantClassNames","transition1","t","Transition","React.useContext","React.useMemo","humanReadableVariantMap","Variants","React.Fragment","getProps","createLayoutDependency","useRef","React.useId","sharedStyle.className","className","RichText","getLocalizedValue","sharedStyle.css","sharedStyle.fonts","FormPlainTextInput","ButtonForm","ButtonFormInfo","React.useContext","React.useMemo","React.Fragment","useRef","React.useId","sharedStyle.className","sharedStyle1.className","sharedStyle2.className","className","RichText","_Fragment","sharedStyle.css","sharedStyle1.css","sharedStyle2.css","sharedStyle.fonts","sharedStyle1.fonts","sharedStyle2.fonts"],"sources":["https:/framerusercontent.com/modules/dEPCDKNwot8Y8Zz0DuqN/TYMfZWwmHG1BgiNF67Cg/BackToTopButton.js","https:/framerusercontent.com/modules/VTUDdizacRHpwbkOamr7/AykinQJbgwl92LvMGZwu/constants.js","https:/framerusercontent.com/modules/D4TWeLfcxT6Tysr2BlYg/iZjmqdxVx1EOiM3k1FaW/useOnNavigationTargetChange.js","https:/framerusercontent.com/modules/ExNgrA7EJTKUPpH6vIlN/eiOrSJ2Ab5M9jPCvVwUz/useConstant.js","https:/framerusercontent.com/modules/D2Lz5CmnNVPZFFiZXalt/QaCzPbriZBfXWZIIycFI/colorFromToken.js","https:/framerusercontent.com/modules/3mKFSGQqKHV82uOV1eBc/5fbRLvOpxZC0JOXugvwm/isMotionValue.js","https:/framerusercontent.com/modules/xDiQsqBGXzmMsv7AlEVy/uhunpMiNsbXxzjlXsg1y/useUniqueClassName.js","https:/framerusercontent.com/modules/ETACN5BJyFTSo0VVDJfu/NHRqowOiXkF9UwOzczF7/variantUtils.js","https:/framerusercontent.com/modules/eMBrwoqQK7h6mEeGQUH8/GuplvPJVjmxpk9zqOTcb/isBrowser.js","https:/framerusercontent.com/modules/v9AWX2URmiYsHf7GbctE/XxKAZ9KlhWqf5x1JMyyF/useOnChange.js","https:/framerusercontent.com/modules/kNDwabfjDEb3vUxkQlZS/fSIr3AOAYbGlfSPgXpYu/useAutoMotionValue.js","https:/framerusercontent.com/modules/cuQH4dmpDnV8YK1mSgQX/KqRXqunFjE6ufhpc7ZRu/useFontControls.js","https:/framerusercontent.com/modules/afBE9Yx1W6bY5q32qPxe/m3q7puE2tbo1S2C0s0CT/useRenderTarget.js","https:/framerusercontent.com/modules/zGkoP8tPDCkoBzMdt5uq/0zFSjxIYliHxrQQnryFX/useControlledState.js","https:/framerusercontent.com/modules/5SM58HxZHxjjv7aLMOgQ/WXz9i6mVki0bBCrKdqB3/propUtils.js","https:/framerusercontent.com/modules/G4IfyjvwmaeSBpdb4TWu/OIjZRBmWDcIE2B6qgG1j/index.js","https:/framerusercontent.com/modules/lRDHiNWNVWmE0lqtoVHP/Sn64gjTwaJh0TFAuaV07/Video.js","https:/framerusercontent.com/modules/fMDE7Cqb2uOvQFAHEP2m/cRfVFRl0izzBulKFjOAe/W7oLCU4_B.js","https:/framer.com/m/Utils-Component-Message-ZVoG.js@cRfVFRl0izzBulKFjOAe","https:/framerusercontent.com/modules/aej5zpwxBpkMdzOteBwy/DWeAZ5wauvGM5oFwVdgS/Utils.js","https:/framer.com/m/Utils-FINc.js","https:/framerusercontent.com/modules/mCQuIJx8j7h0bSuBoxcy/fd8PUx8ko7sDhESYQqiz/BetterPreloader_Prod.js","https:/framerusercontent.com/modules/DyldKav0OOAWR3bCAlhK/8c3l9FzyOlGpbPncYhfc/nullstate.js","https:/framer.com/m/framer/icon-nullstate.js@0.7.0","https:/framerusercontent.com/modules/Qc8yuHkQmGO0kFiSWbkX/rVmMAFttOHuuiwSg6KjZ/House.js","https:/framer.com/m/phosphor-icons/House.js@0.0.57","https:/framerusercontent.com/modules/Ma20hU0GGRxLxZphbywl/OSpwWF91FHPVFyQJjMHt/utils.js","https:/framerusercontent.com/modules/tYScH7LTqUtz5KUaUAYP/p8dptk4UIND8hbFWz9V7/Phosphor.js","https:/ga.jspm.io/npm:lenis@1.1.2/dist/lenis.mjs","https:/framerusercontent.com/modules/Yppqt3Cs3Y8TZqvASnXl/PGrowqBrgWCViHduGfsA/SmoothScroll_Prod.js","https:/framerusercontent.com/modules/zsEPOQJotR18UBADtkG0/8MXsDZpEiJgUOcuh9fQO/Bkpvmv2Uh.js","https:/framerusercontent.com/modules/knGU4i9Z9Wzn2QHgx3CB/jyR126ZvJIQx5xOFq4DS/pJoAgiiuJ.js","https:/framerusercontent.com/modules/6xJz9dKCpbZNZowd6qHx/b55liLMviI3lqionsuM6/i1mpUzKB8.js","https:/framerusercontent.com/modules/IXZmJ2uNBA1QXZkqYhJB/LyCK5WYHGFWLpfQBRgCQ/Bkpvmv2Uh.js","https:/framerusercontent.com/modules/WkTYRhEvrkSzCLre7yX8/mAGeMFvA373Ss88uSHP6/pJoAgiiuJ.js","https:/framerusercontent.com/modules/m6MUGyXrB4ZnNgEwfDvd/3Yg0RPCJCzmk88ojqTxh/i1mpUzKB8.js","https:/framerusercontent.com/modules/cuKUFdzXlhvw8OVOBeAc/T08RxQJ4qrs7LLc8wx4E/border.js","https:/framerusercontent.com/modules/9muYaW1MvHoRQJ0P7dkP/V2GVvLqiMxXRSxszkCSa/focus.js","https:/framerusercontent.com/modules/YfmtnpWjJrP37sQ18QUZ/9Y2P24U2SBIbf2fPVsOX/hover.js","https:/framerusercontent.com/modules/wjZLfSMaP1TvJDu5PCwr/XQ1GMXuIqYrEN1c0R6E5/padding.js","https:/framerusercontent.com/modules/N6MwtHbWoiZJNn1xpqxu/ZEWmVGYDUhL44tluQO5y/radius.js","https:/framerusercontent.com/modules/57FhkldN9P7x88MqAEaR/7Wx3r3ii8MhSQ44Rlwa5/LocaleSelector.js","https:/framerusercontent.com/modules/9ajhXMTvNHa3o84QkAph/PbD4QdXIvghwk9ZrKeou/StopScroll_Prod.js","https:/framerusercontent.com/modules/ebnKqLMo8lhe8821JZfD/ANjYGZVytE3zq6XrGd0M/PSIe2P8yb.js","https:/framerusercontent.com/modules/HYcHVPAbe8jLEeU7c4mp/QiycTxX7vdblEOi3o00G/Time.js","https:/framerusercontent.com/modules/lE3FnWj76o4bcJ2sowee/E45Xa9M4iB6aw7Mokdgn/xvTYe9Qg0.js","https:/framerusercontent.com/modules/vTDcX6tjuPuqozCiW7Fm/gOlGdYvKSzHgmd3vbtDL/ZuPE9hFyr.js","https:/framerusercontent.com/modules/zf7dNmxRyXnunRsPIZDG/kHEs3vwbkjch9V6cW6jX/Force_scroll.js","https:/framerusercontent.com/modules/l2GVMDuBnsur1b8uA2EV/fNIu8kpCR1HlPjJFxxyu/GTM.js","https:/framerusercontent.com/modules/nkyOCMIB0P1R8hFTZq4g/Aw0A4lDZHvqkWR1phoWH/nHPMVialG.js","https:/framerusercontent.com/modules/zt4AMNbvvWQ9TcUrHMHH/UtZTaNX1jNCOdDbmJCdS/V0hLaEL5z.js","https:/framerusercontent.com/modules/AS2TFbNEAPbjk6QYwSzT/pSuFMgwQrYDvyi1dGFk7/sDnwhG2Oq-0.js","https:/framerusercontent.com/modules/AS2TFbNEAPbjk6QYwSzT/pSuFMgwQrYDvyi1dGFk7/sDnwhG2Oq.js","https:/framerusercontent.com/modules/dasrqfwPwa8LWEiv9drz/CxUUti6ZYSN2ixaoRHUv/qfLLMi9mW.js","https:/framerusercontent.com/modules/XJfs5CtpbTFAyKiS7ceu/U9mNHuCgZMhGvM0o5QHD/CP3OCbes3-0.js","https:/framerusercontent.com/modules/XJfs5CtpbTFAyKiS7ceu/U9mNHuCgZMhGvM0o5QHD/CP3OCbes3.js","https:/framerusercontent.com/modules/tEKWZmCXpKtqnpU59981/2QdpSCNI95smWrFW72h6/CP3OCbes3.js","https:/framerusercontent.com/modules/sPPEJJGDR4eUvdon1Bel/f3XESni8XlI3ypQ6Exdb/HbzxRJMyi.js","https:/framerusercontent.com/modules/z666l7f6CtkT9AUNl8uy/mOVs2zfMHX8AP7k8MG8m/jqRw7mNTR.js","https:/framerusercontent.com/modules/7qYW9ShK3bam24Vmvzkb/ssLC4nmLjyMhTWzno2Pq/iYZwo4BQW-0.js","https:/framerusercontent.com/modules/7qYW9ShK3bam24Vmvzkb/ssLC4nmLjyMhTWzno2Pq/iYZwo4BQW.js","https:/framerusercontent.com/modules/VzoKLw72VtxsIEPYXsWY/tExpbKmZlJkhtDr0MlHn/PNv0cYR8c.js","https:/framerusercontent.com/modules/aW1FfB4EbCxC7FVyQCZG/1iQlkK1hVydHfYQSxZ55/Z2UAsXW0X.js","https:/framerusercontent.com/modules/AmHsQYh70iqT29kHhKLt/3eebfB3X8yxFbJLLX1p2/iYZwo4BQW.js","https:/framerusercontent.com/modules/pTNkK0j9GJsePDmWLYGE/idxxtieGGQ774rue7qsR/w5ayssc4_.js","https:/framerusercontent.com/modules/nN5MhCBCTM9sVbccOYdl/KdL8A7Qzt0xcPnxigkNk/VqyypNWo2-0.js","https:/framerusercontent.com/modules/nN5MhCBCTM9sVbccOYdl/KdL8A7Qzt0xcPnxigkNk/VqyypNWo2.js","https:/framerusercontent.com/modules/0xxgHvbtfusTQ3aukRaa/izKC7R99JAlHpPLHRniT/VqyypNWo2.js","https:/framerusercontent.com/modules/85wtn2OHXjV9ywVIbcmB/Pbi5lleECqYqs73ljYl3/xjaMJ4c7u.js","https:/framerusercontent.com/modules/G3FGJO2QU9Gcd2eUHQoV/SZKqcdSFONJXvgL4UZic/sDnwhG2Oq.js","https:/framerusercontent.com/modules/DVYtI0I60utFDv4RKjrL/CapkkksUWdCkXmLmQWbV/AutoCopyright_Prod.js","https:/framerusercontent.com/modules/k76epLFsVsF4jlsF5pgg/vhK3G0ntf62fqS2tFDno/useColors.js","https:/framerusercontent.com/modules/NLpw4UPElXpirDfZ8gK3/pnnblFdmCm84r7TGjG3U/shader_mount.js","https:/framerusercontent.com/modules/zIDOp1iaNFIXSAIx7ljo/VX06XYWdAlD95B9usTKm/warp.js","https:/framerusercontent.com/modules/r591zLdRh7n2CKaaHRG7/PCYxubr6wk68eTxKLhEH/get_shader_color_from_string.js","https:/framerusercontent.com/modules/q3nWgGXMhG0Ina6vgRVz/PVl4bshKvCOZO36e3vK1/index.js","https:/framer.com/m/index-uMsj.js@PVl4bshKvCOZO36e3vK1","https:/framerusercontent.com/modules/xx99X8dO7V1Egbc8GwnH/ghH1aHLmGZ0iE7qXDFVk/AnimatedLiquidBackground_Prod.js","https:/framerusercontent.com/modules/4RxpPZixG8cqRlJItYEC/EZpPVrYrRR9XB9JU8Uhe/rmoP6vj35.js","https:/framerusercontent.com/modules/miI2nYnfAMTxLbktz40o/UBnUbvzqtkvPQRaAEj0B/Y0cJ76Rgr-0.js","https:/framerusercontent.com/modules/miI2nYnfAMTxLbktz40o/UBnUbvzqtkvPQRaAEj0B/Y0cJ76Rgr.js","https:/framerusercontent.com/modules/66ctPUCJ08MrfzuXpvPe/JBEQDYPaFHpBVfaiz2Iz/oOqkEtN4f-0.js","https:/framerusercontent.com/modules/66ctPUCJ08MrfzuXpvPe/JBEQDYPaFHpBVfaiz2Iz/oOqkEtN4f.js","https:/framerusercontent.com/modules/5JT8cErWqwxY2cjZ21i9/ufjgN4LVycsHEZMkvgn3/oOqkEtN4f.js","https:/framerusercontent.com/modules/eyfytuzLOToAtI8sDqo4/7wZMLNNGmRwW0ryediSh/srGyViYQt-0.js","https:/framerusercontent.com/modules/eyfytuzLOToAtI8sDqo4/7wZMLNNGmRwW0ryediSh/srGyViYQt.js","https:/framerusercontent.com/modules/mgJrs1Gs5VDFp5VxjGDa/tpOlDZTJf0ceOrACj3p8/srGyViYQt.js","https:/framerusercontent.com/modules/hIk7zkv5V3ejIM70KEhQ/4aSjkYzG1jb8m5PmdnlN/Y0cJ76Rgr.js","https:/framerusercontent.com/modules/ftiMtzBQfXrFBQmjyUFX/0fOVX3teQUh9Tm5FZX9P/V0hLaEL5z.js","https:/framerusercontent.com/modules/6b2DDefVsbJhapLxUuPP/G1hs1iP67Arlxlosb0Oz/z2XRdSxB6-0.js","https:/framerusercontent.com/modules/6b2DDefVsbJhapLxUuPP/G1hs1iP67Arlxlosb0Oz/z2XRdSxB6.js","https:/framerusercontent.com/modules/mr7XF9iiUwE8UIzwC0HT/94i3YG0D6yAxqI364PmY/PLHeCqybP-0.js","https:/framerusercontent.com/modules/mr7XF9iiUwE8UIzwC0HT/94i3YG0D6yAxqI364PmY/PLHeCqybP.js","https:/framerusercontent.com/modules/qEVnaexzsMPVvMNktX7j/f0R2hEEsJMky3nY6hDxo/PLHeCqybP.js","https:/framerusercontent.com/modules/plBSKDdV5kQFPqEhbx2L/hH9Uehrb2E34wCTN7OKK/z2XRdSxB6.js","https:/framerusercontent.com/modules/Y2SakWGDvzjEMrGQrNL5/91xnqwlpW82vvig6sV2n/c8qtkbNVN.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useState,useCallback,startTransition as reactStartTransition}from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{motion}from\"framer-motion\";/**\n\n* Fixed Back to Top Button (icon centered, no extra animation)\n\n*\n\n* @framerIntrinsicWidth 56\n\n* @framerIntrinsicHeight 56\n\n* @framerSupportedLayoutWidth fixed\n\n* @framerSupportedLayoutHeight fixed\n\n*/export default function BackToTopButton(props){const{backgroundColor=\"#FFFFFF\",backgroundColorHover=\"#F8F8F8\",arrowColor=\"#EA5D5F\",arrowColorHover=\"#D64545\",buttonSize=56,buttonPosition=\"bottomRight\",bottomMargin=32,sideMargin=32,scrollThreshold=300,scrollDuration=800,boxShadow=true,iconType=\"arrow\",buttonShape=\"circle\",borderWidth=0,borderColor=\"#E0E0E0\",showProgress=false,progressWidth=3,style}=props;// Ensure minimum size of 5x5 pixels\nconst minSize=5;const effectiveButtonSize=Math.max(buttonSize,minSize);const[visible,setVisible]=useState(false);const[hover,setHover]=useState(false);const[scrollProgress,setScrollProgress]=useState(0);// Throttle for performance\nconst throttle=(func,delay)=>{let timeoutId=null;let lastExecTime=0;return(...args)=>{const currentTime=Date.now();if(currentTime-lastExecTime>delay){func(...args);lastExecTime=currentTime;}else{if(timeoutId)clearTimeout(timeoutId);timeoutId=setTimeout(()=>{func(...args);lastExecTime=Date.now();},delay-(currentTime-lastExecTime));}};};// Button position\nconst getButtonPosition=useCallback(()=>{const basePosition={bottom:`${bottomMargin}px`,zIndex:999};switch(buttonPosition){case\"bottomLeft\":return{...basePosition,left:`${sideMargin}px`,right:\"auto\"};case\"bottomCenter\":return{...basePosition,left:\"50%\",right:\"auto\",transform:\"translateX(-50%)\"};case\"bottomRight\":default:return{...basePosition,right:`${sideMargin}px`,left:\"auto\"};}},[buttonPosition,bottomMargin,sideMargin]);// Scroll progress\nconst calculateScrollProgress=useCallback(()=>{if(typeof window===\"undefined\")return 0;const scrollTop=window.pageYOffset||document.documentElement.scrollTop;const scrollHeight=document.documentElement.scrollHeight-document.documentElement.clientHeight;return scrollHeight>0?scrollTop/scrollHeight*100:0;},[]);// Handle scroll\nconst handleScroll=useCallback(throttle(()=>{if(typeof window===\"undefined\")return;const scrollTop=window.pageYOffset||document.documentElement.scrollTop;const progress=calculateScrollProgress();startTransition(()=>{setVisible(scrollTop>scrollThreshold);setScrollProgress(progress);});},16),[scrollThreshold,calculateScrollProgress]);useEffect(()=>{if(typeof window===\"undefined\")return;window.addEventListener(\"scroll\",handleScroll,{passive:true});handleScroll();return()=>window.removeEventListener(\"scroll\",handleScroll);},[handleScroll]);// Smooth scroll to top\nconst scrollToTop=useCallback(()=>{if(typeof window===\"undefined\")return;const startTime=performance.now();const startScrollTop=window.pageYOffset||document.documentElement.scrollTop;const easeInOutCubic=t=>t<.5?4*t*t*t:1-Math.pow(-2*t+2,3)/2;const animateScroll=currentTime=>{const elapsedTime=currentTime-startTime;const progress=Math.min(elapsedTime/scrollDuration,1);const easedProgress=easeInOutCubic(progress);window.scrollTo(0,startScrollTop*(1-easedProgress));if(progress<1)window.requestAnimationFrame(animateScroll);};window.requestAnimationFrame(animateScroll);},[scrollDuration]);// Start transition wrapper\nconst startTransition=callback=>{if(typeof window!==\"undefined\"&&typeof reactStartTransition===\"function\"){reactStartTransition(callback);}else{callback();}};const positionStyles=getButtonPosition();const iconColor=hover?arrowColorHover:arrowColor;// Border radius\nconst getBorderRadius=()=>{switch(buttonShape){case\"square\":return\"0px\";case\"rounded\":return\"12px\";case\"circle\":default:return\"50%\";}};// Render icon\nconst renderIcon=()=>{const iconSize=Math.max(buttonSize*.5,20);const strokeWidth=2.5;const iconStyle={display:\"block\",color:iconColor};switch(iconType){case\"chevron\":return /*#__PURE__*/_jsx(\"svg\",{width:iconSize,height:iconSize,viewBox:\"0 0 24 24\",fill:\"none\",style:iconStyle,children:/*#__PURE__*/_jsx(\"path\",{d:\"M18 15L12 9L6 15\",stroke:\"currentColor\",strokeWidth:strokeWidth,strokeLinecap:\"round\",strokeLinejoin:\"round\"})});case\"caretUp\":return /*#__PURE__*/_jsx(\"svg\",{width:iconSize,height:iconSize,viewBox:\"0 0 24 24\",fill:\"none\",style:iconStyle,children:/*#__PURE__*/_jsx(\"path\",{d:\"M7 14L12 9L17 14\",stroke:\"currentColor\",strokeWidth:strokeWidth,strokeLinecap:\"round\",strokeLinejoin:\"round\"})});case\"rocket\":return /*#__PURE__*/_jsxs(\"svg\",{width:iconSize,height:iconSize,viewBox:\"0 0 24 24\",fill:\"none\",style:iconStyle,children:[/*#__PURE__*/_jsx(\"path\",{d:\"M12 2C12 2 7 7 7 13C7 15.21 8.79 17 11 17H13C15.21 17 17 15.21 17 13C17 7 12 2 12 2Z\",stroke:\"currentColor\",strokeWidth:2,strokeLinecap:\"round\",strokeLinejoin:\"round\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M12 17V21\",stroke:\"currentColor\",strokeWidth:2,strokeLinecap:\"round\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M9 14H15\",stroke:\"currentColor\",strokeWidth:1.5,strokeLinecap:\"round\"})]});case\"doubleArrow\":return /*#__PURE__*/_jsxs(\"svg\",{width:iconSize,height:iconSize,viewBox:\"0 0 24 24\",fill:\"none\",style:iconStyle,children:[/*#__PURE__*/_jsx(\"path\",{d:\"M17 11L12 6L7 11\",stroke:\"currentColor\",strokeWidth:strokeWidth,strokeLinecap:\"round\",strokeLinejoin:\"round\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M17 18L12 13L7 18\",stroke:\"currentColor\",strokeWidth:strokeWidth,strokeLinecap:\"round\",strokeLinejoin:\"round\"})]});case\"arrow\":default:return /*#__PURE__*/_jsxs(\"svg\",{width:iconSize,height:iconSize,viewBox:\"0 0 24 24\",fill:\"none\",style:iconStyle,children:[/*#__PURE__*/_jsx(\"path\",{d:\"M12 19V5\",stroke:\"currentColor\",strokeWidth:strokeWidth,strokeLinecap:\"round\",strokeLinejoin:\"round\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M5 12L12 5L19 12\",stroke:\"currentColor\",strokeWidth:strokeWidth,strokeLinecap:\"round\",strokeLinejoin:\"round\"})]});}};// Render progress indicator\nconst renderProgressIndicator=()=>{if(!showProgress)return null;const size=buttonSize;const strokeWidth=progressWidth;const radius=(size-strokeWidth)/2;const circumference=2*Math.PI*radius;const dashoffset=circumference*(1-scrollProgress/100);// For rounded and square shapes, we'll use a different approach\nif(buttonShape!==\"circle\"){const rectSize=size-strokeWidth;return /*#__PURE__*/_jsxs(\"svg\",{width:size,height:size,viewBox:`0 0 ${size} ${size}`,style:{position:\"absolute\"},children:[/*#__PURE__*/_jsx(\"rect\",{x:strokeWidth/2,y:strokeWidth/2,width:rectSize,height:rectSize,fill:\"none\",stroke:\"rgba(0,0,0,0.1)\",strokeWidth:strokeWidth,rx:buttonShape===\"rounded\"?12:0}),/*#__PURE__*/_jsx(\"rect\",{x:strokeWidth/2,y:strokeWidth/2,width:rectSize,height:rectSize,fill:\"none\",stroke:arrowColor,strokeWidth:strokeWidth,strokeDasharray:2*(rectSize+rectSize),strokeDashoffset:2*(rectSize+rectSize)*(1-scrollProgress/100),rx:buttonShape===\"rounded\"?12:0})]});}// Default circular progress indicator\nreturn /*#__PURE__*/_jsxs(\"svg\",{width:size,height:size,viewBox:`0 0 ${size} ${size}`,style:{position:\"absolute\",transform:\"rotate(-90deg)\"},children:[/*#__PURE__*/_jsx(\"circle\",{cx:size/2,cy:size/2,r:radius,fill:\"none\",stroke:\"rgba(0,0,0,0.1)\",strokeWidth:strokeWidth}),/*#__PURE__*/_jsx(\"circle\",{cx:size/2,cy:size/2,r:radius,fill:\"none\",stroke:arrowColor,strokeWidth:strokeWidth,strokeDasharray:circumference,strokeDashoffset:dashoffset,strokeLinecap:\"round\"})]});};// Animations\nconst getAnimationVariants=()=>{return{hidden:{opacity:0},visible:{opacity:1}};};const variants=getAnimationVariants();return /*#__PURE__*/_jsxs(motion.button,{initial:\"hidden\",animate:visible?\"visible\":\"hidden\",variants:variants,transition:{duration:.3,ease:\"easeInOut\"},type:\"button\",onClick:scrollToTop,onMouseEnter:()=>startTransition(()=>setHover(true)),onMouseLeave:()=>startTransition(()=>setHover(false)),\"aria-label\":\"Scroll to top\",tabIndex:visible?0:-1,style:{background:hover?backgroundColorHover:backgroundColor,borderRadius:getBorderRadius(),visibility:visible?\"visible\":\"hidden\",position:\"fixed\",cursor:\"pointer\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",width:buttonSize,height:buttonSize,border:borderWidth>0?`${borderWidth}px solid ${borderColor}`:\"none\",boxShadow:visible&&boxShadow?`0px 4px 12px rgba(0,0,0,0.15),0px 2px 4px rgba(0,0,0,0.1)`:\"none\",transition:\"all 0.2s cubic-bezier(0.4,0,0.2,1)\",...positionStyles},whileHover:{scale:1.05,boxShadow:visible&&boxShadow?`0px 6px 16px rgba(0,0,0,0.2),0px 4px 8px rgba(0,0,0,0.15)`:\"none\"},whileTap:{scale:.95},children:[showProgress&&renderProgressIndicator(),/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",color:iconColor},children:renderIcon()})]});}addPropertyControls(BackToTopButton,{backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#FFFFFF\",description:\"Background color of the button\"},backgroundColorHover:{type:ControlType.Color,title:\"Background Hover\",defaultValue:\"#F8F8F8\",description:\"Background color when hovering over the button\"},arrowColor:{type:ControlType.Color,title:\"Icon Color\",defaultValue:\"#EA5D5F\",description:\"Color of the icon in normal state\"},arrowColorHover:{type:ControlType.Color,title:\"Icon Hover\",defaultValue:\"#D64545\",description:\"Color of the icon when hovering\"},iconType:{type:ControlType.Enum,title:\"Icon Type\",options:[\"arrow\",\"chevron\",\"caretUp\",\"rocket\",\"doubleArrow\"],optionTitles:[\"Arrow\",\"Chevron\",\"Caret\",\"Rocket\",\"Double Arrow\"],defaultValue:\"arrow\",description:\"Style of the icon displayed in the button\"},buttonSize:{type:ControlType.Number,title:\"Size\",defaultValue:56,min:40,max:80,step:2,unit:\"px\",description:\"Width and height of the button\"},buttonShape:{type:ControlType.Enum,title:\"Shape\",options:[\"circle\",\"rounded\",\"square\"],optionTitles:[\"Circle\",\"Rounded\",\"Square\"],defaultValue:\"circle\",description:\"Shape of the button and progress indicator\"},buttonPosition:{type:ControlType.Enum,title:\"Position\",options:[\"bottomRight\",\"bottomLeft\",\"bottomCenter\"],optionTitles:[\"Bottom Right\",\"Bottom Left\",\"Bottom Center\"],defaultValue:\"bottomRight\",description:\"Position of the button on the screen\"},bottomMargin:{type:ControlType.Number,title:\"Bottom Margin\",defaultValue:32,min:0,max:100,step:1,unit:\"px\",description:\"Distance from the bottom of the screen\"},sideMargin:{type:ControlType.Number,title:\"Side Margin\",defaultValue:32,min:0,max:100,step:1,unit:\"px\",description:\"Distance from the side of the screen (left or right)\"},scrollThreshold:{type:ControlType.Number,title:\"Show After\",defaultValue:300,min:100,max:1e3,step:50,unit:\"px\",description:\"How far to scroll before the button appears\"},scrollDuration:{type:ControlType.Number,title:\"Scroll Speed\",defaultValue:800,min:300,max:2e3,step:100,unit:\"ms\",description:\"Duration of the scroll-to-top animation\"},boxShadow:{type:ControlType.Boolean,title:\"Shadow\",defaultValue:true,enabledTitle:\"On\",disabledTitle:\"Off\",description:\"Add a shadow effect to the button\"},borderWidth:{type:ControlType.Number,title:\"Border Width\",defaultValue:0,min:0,max:4,step:1,unit:\"px\",description:\"Width of the button border\"},borderColor:{type:ControlType.Color,title:\"Border Color\",defaultValue:\"#E0E0E0\",hidden:({borderWidth})=>borderWidth===0,description:\"Color of the button border\"},showProgress:{type:ControlType.Boolean,title:\"Progress Ring\",defaultValue:false,enabledTitle:\"Show\",disabledTitle:\"Hide\",description:\"Show a ring indicating scroll progress\"},progressWidth:{type:ControlType.Number,title:\"Progress Width\",defaultValue:3,min:1,max:10,step:1,unit:\"px\",hidden:({showProgress})=>!showProgress,description:\"Thickness of the progress indicator\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"BackToTopButton\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"56\",\"framerIntrinsicWidth\":\"56\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./BackToTopButton.map","import { ControlType } from \"framer\";\nexport const fontStack = `\"Inter\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"`;\nexport const containerStyles = {\n position: \"relative\",\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\"\n};\nexport const emptyStateStyle = {\n ...containerStyles,\n borderRadius: 6,\n background: \"rgba(136, 85, 255, 0.3)\",\n color: \"#85F\",\n border: \"1px dashed #85F\",\n flexDirection: \"column\"\n};\nexport const defaultEvents = {\n onClick: {\n type: ControlType.EventHandler\n },\n onMouseEnter: {\n type: ControlType.EventHandler\n },\n onMouseLeave: {\n type: ControlType.EventHandler\n }\n};\nexport const fontSizeOptions = {\n type: ControlType.Number,\n title: \"Font Size\",\n min: 2,\n max: 200,\n step: 1,\n displayStepper: true\n};\nexport const fontControls = {\n font: {\n type: ControlType.Boolean,\n title: \"Font\",\n defaultValue: false,\n disabledTitle: \"Default\",\n enabledTitle: \"Custom\"\n },\n fontFamily: {\n type: ControlType.String,\n title: \"Family\",\n placeholder: \"Inter\",\n hidden: ({ font })=>!font\n },\n fontWeight: {\n type: ControlType.Enum,\n title: \"Weight\",\n options: [\n 100,\n 200,\n 300,\n 400,\n 500,\n 600,\n 700,\n 800,\n 900\n ],\n optionTitles: [\n \"Thin\",\n \"Extra-light\",\n \"Light\",\n \"Regular\",\n \"Medium\",\n \"Semi-bold\",\n \"Bold\",\n \"Extra-bold\",\n \"Black\", \n ],\n hidden: ({ font })=>!font\n }\n};\n// @TODO check if we're missing anything here — there doesn't seem to be a reliable browser API for this\nexport const localeOptions = {\n af: \"Afrikaans\",\n sq: \"Albanian\",\n an: \"Aragonese\",\n ar: \"Arabic (Standard)\",\n \"ar-dz\": \"Arabic (Algeria)\",\n \"ar-bh\": \"Arabic (Bahrain)\",\n \"ar-eg\": \"Arabic (Egypt)\",\n \"ar-iq\": \"Arabic (Iraq)\",\n \"ar-jo\": \"Arabic (Jordan)\",\n \"ar-kw\": \"Arabic (Kuwait)\",\n \"ar-lb\": \"Arabic (Lebanon)\",\n \"ar-ly\": \"Arabic (Libya)\",\n \"ar-ma\": \"Arabic (Morocco)\",\n \"ar-om\": \"Arabic (Oman)\",\n \"ar-qa\": \"Arabic (Qatar)\",\n \"ar-sa\": \"Arabic (Saudi Arabia)\",\n \"ar-sy\": \"Arabic (Syria)\",\n \"ar-tn\": \"Arabic (Tunisia)\",\n \"ar-ae\": \"Arabic (U.A.E.)\",\n \"ar-ye\": \"Arabic (Yemen)\",\n hy: \"Armenian\",\n as: \"Assamese\",\n ast: \"Asturian\",\n az: \"Azerbaijani\",\n eu: \"Basque\",\n bg: \"Bulgarian\",\n be: \"Belarusian\",\n bn: \"Bengali\",\n bs: \"Bosnian\",\n br: \"Breton\",\n my: \"Burmese\",\n ca: \"Catalan\",\n ch: \"Chamorro\",\n ce: \"Chechen\",\n zh: \"Chinese\",\n \"zh-hk\": \"Chinese (Hong Kong)\",\n \"zh-cn\": \"Chinese (PRC)\",\n \"zh-sg\": \"Chinese (Singapore)\",\n \"zh-tw\": \"Chinese (Taiwan)\",\n cv: \"Chuvash\",\n co: \"Corsican\",\n cr: \"Cree\",\n hr: \"Croatian\",\n cs: \"Czech\",\n da: \"Danish\",\n nl: \"Dutch (Standard)\",\n \"nl-be\": \"Dutch (Belgian)\",\n en: \"English\",\n \"en-au\": \"English (Australia)\",\n \"en-bz\": \"English (Belize)\",\n \"en-ca\": \"English (Canada)\",\n \"en-ie\": \"English (Ireland)\",\n \"en-jm\": \"English (Jamaica)\",\n \"en-nz\": \"English (New Zealand)\",\n \"en-ph\": \"English (Philippines)\",\n \"en-za\": \"English (South Africa)\",\n \"en-tt\": \"English (Trinidad & Tobago)\",\n \"en-gb\": \"English (United Kingdom)\",\n \"en-us\": \"English (United States)\",\n \"en-zw\": \"English (Zimbabwe)\",\n eo: \"Esperanto\",\n et: \"Estonian\",\n fo: \"Faeroese\",\n fa: \"Farsi\",\n fj: \"Fijian\",\n fi: \"Finnish\",\n fr: \"French (Standard)\",\n \"fr-be\": \"French (Belgium)\",\n \"fr-ca\": \"French (Canada)\",\n \"fr-fr\": \"French (France)\",\n \"fr-lu\": \"French (Luxembourg)\",\n \"fr-mc\": \"French (Monaco)\",\n \"fr-ch\": \"French (Switzerland)\",\n fy: \"Frisian\",\n fur: \"Friulian\",\n gd: \"Gaelic (Scots)\",\n \"gd-ie\": \"Gaelic (Irish)\",\n gl: \"Galacian\",\n ka: \"Georgian\",\n de: \"German (Standard)\",\n \"de-at\": \"German (Austria)\",\n \"de-de\": \"German (Germany)\",\n \"de-li\": \"German (Liechtenstein)\",\n \"de-lu\": \"German (Luxembourg)\",\n \"de-ch\": \"German (Switzerland)\",\n el: \"Greek\",\n gu: \"Gujurati\",\n ht: \"Haitian\",\n he: \"Hebrew\",\n hi: \"Hindi\",\n hu: \"Hungarian\",\n is: \"Icelandic\",\n id: \"Indonesian\",\n iu: \"Inuktitut\",\n ga: \"Irish\",\n it: \"Italian (Standard)\",\n \"it-ch\": \"Italian (Switzerland)\",\n ja: \"Japanese\",\n kn: \"Kannada\",\n ks: \"Kashmiri\",\n kk: \"Kazakh\",\n km: \"Khmer\",\n ky: \"Kirghiz\",\n tlh: \"Klingon\",\n ko: \"Korean\",\n \"ko-kp\": \"Korean (North Korea)\",\n \"ko-kr\": \"Korean (South Korea)\",\n la: \"Latin\",\n lv: \"Latvian\",\n lt: \"Lithuanian\",\n lb: \"Luxembourgish\",\n mk: \"FYRO Macedonian\",\n ms: \"Malay\",\n ml: \"Malayalam\",\n mt: \"Maltese\",\n mi: \"Maori\",\n mr: \"Marathi\",\n mo: \"Moldavian\",\n nv: \"Navajo\",\n ng: \"Ndonga\",\n ne: \"Nepali\",\n no: \"Norwegian\",\n nb: \"Norwegian (Bokmal)\",\n nn: \"Norwegian (Nynorsk)\",\n oc: \"Occitan\",\n or: \"Oriya\",\n om: \"Oromo\",\n \"fa-ir\": \"Persian/Iran\",\n pl: \"Polish\",\n pt: \"Portuguese\",\n \"pt-br\": \"Portuguese (Brazil)\",\n pa: \"Punjabi\",\n \"pa-in\": \"Punjabi (India)\",\n \"pa-pk\": \"Punjabi (Pakistan)\",\n qu: \"Quechua\",\n rm: \"Rhaeto-Romanic\",\n ro: \"Romanian\",\n \"ro-mo\": \"Romanian (Moldavia)\",\n ru: \"Russian\",\n \"ru-mo\": \"Russian (Moldavia)\",\n sz: \"Sami (Lappish)\",\n sg: \"Sango\",\n sa: \"Sanskrit\",\n sc: \"Sardinian\",\n sd: \"Sindhi\",\n si: \"Singhalese\",\n sr: \"Serbian\",\n sk: \"Slovak\",\n sl: \"Slovenian\",\n so: \"Somani\",\n sb: \"Sorbian\",\n es: \"Spanish\",\n \"es-ar\": \"Spanish (Argentina)\",\n \"es-bo\": \"Spanish (Bolivia)\",\n \"es-cl\": \"Spanish (Chile)\",\n \"es-co\": \"Spanish (Colombia)\",\n \"es-cr\": \"Spanish (Costa Rica)\",\n \"es-do\": \"Spanish (Dominican Republic)\",\n \"es-ec\": \"Spanish (Ecuador)\",\n \"es-sv\": \"Spanish (El Salvador)\",\n \"es-gt\": \"Spanish (Guatemala)\",\n \"es-hn\": \"Spanish (Honduras)\",\n \"es-mx\": \"Spanish (Mexico)\",\n \"es-ni\": \"Spanish (Nicaragua)\",\n \"es-pa\": \"Spanish (Panama)\",\n \"es-py\": \"Spanish (Paraguay)\",\n \"es-pe\": \"Spanish (Peru)\",\n \"es-pr\": \"Spanish (Puerto Rico)\",\n \"es-es\": \"Spanish (Spain)\",\n \"es-uy\": \"Spanish (Uruguay)\",\n \"es-ve\": \"Spanish (Venezuela)\",\n sx: \"Sutu\",\n sw: \"Swahili\",\n sv: \"Swedish\",\n \"sv-fi\": \"Swedish (Finland)\",\n \"sv-sv\": \"Swedish (Sweden)\",\n ta: \"Tamil\",\n tt: \"Tatar\",\n te: \"Teluga\",\n th: \"Thai\",\n tig: \"Tigre\",\n ts: \"Tsonga\",\n tn: \"Tswana\",\n tr: \"Turkish\",\n tk: \"Turkmen\",\n uk: \"Ukrainian\",\n hsb: \"Upper Sorbian\",\n ur: \"Urdu\",\n ve: \"Venda\",\n vi: \"Vietnamese\",\n vo: \"Volapuk\",\n wa: \"Walloon\",\n cy: \"Welsh\",\n xh: \"Xhosa\",\n ji: \"Yiddish\",\n zu: \"Zulu\"\n};\n\nexport const __FramerMetadata__ = {\"exports\":{\"fontSizeOptions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"localeOptions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontStack\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"emptyStateStyle\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"containerStyles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"defaultEvents\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./constants.map","import { useIsInCurrentNavigationTarget } from \"framer\";\nimport { useEffect } from \"react\";\nexport function useOnEnter(onEnter, enabled) {\n return useOnSpecificTargetChange(true, onEnter, enabled);\n}\nexport function useOnExit(onExit, enabled) {\n return useOnSpecificTargetChange(false, onExit, enabled);\n}\nfunction useOnSpecificTargetChange(goal, callback, enabled = true) {\n const isInTarget = useIsInCurrentNavigationTarget();\n useEffect(()=>{\n if (enabled && isInTarget === goal) callback();\n }, [\n isInTarget\n ]);\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useOnEnter\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnExit\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useOnNavigationTargetChange.map","import { useRef } from \"react\";\n/**\n * Creates a constant value over the lifecycle of a component.\n *\n * Even if `useMemo` is provided an empty array as its final argument, it doesn't offer\n * a guarantee that it won't re-run for performance reasons later on. By using `useConstant`\n * you can ensure that initialisers don't execute twice or more.\n */ export function useConstant(init) {\n const ref = useRef(null);\n if (ref.current === null) {\n ref.current = init();\n }\n return ref.current;\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useConstant\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useConstant.map","import { Color } from \"framer\";\nexport function colorFromToken(color) {\n if (color.startsWith(\"var(--token-\")) return \"rgb\" + color.split(\") /*\")[0].split(\", rgb\")[1];\n return color;\n}\nexport function colorTokentoValue(color) {\n return Color(colorFromToken(color)).toValue();\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"colorFromToken\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"colorTokentoValue\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./colorFromToken.map","import { MotionValue } from \"framer\";\nexport const isMotionValue = (v)=>v instanceof MotionValue\n;\n\nexport const __FramerMetadata__ = {\"exports\":{\"isMotionValue\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./isMotionValue.map","import * as React from \"react\";\nconst letters = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz\";\nconst l = ()=>letters[Math.floor(Math.random() * letters.length)]\n;\nexport const randomID = ()=>l() + l() + l() + l() + l() + l() + l() + l() + l()\n;\nfunction createUniqueClass(suffix) {\n return `framer-${suffix}-${randomID()}`;\n}\nexport function useUniqueClassName(suffix, deps) {\n const [className, setClassName] = React.useState(createUniqueClass(suffix));\n React.useEffect(()=>{\n setClassName(createUniqueClass(suffix));\n }, [\n suffix,\n ...deps\n ]);\n return className;\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useUniqueClassName\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"randomID\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useUniqueClassName.map","import { ControlType } from \"framer\";\n// I realize this only applies to select right now\n// but we can work on it in here\nexport function getVariantControls(Component, variant, additionalControls = {\n}) {\n return {\n [`${variant}TextColor`]: {\n type: ControlType.Color,\n title: \"Text Color\",\n defaultValue: Component.defaultProps[`${variant}TextColor`],\n hidden: (props)=>props.variant !== variant\n },\n [`${variant}IconColor`]: {\n type: ControlType.Color,\n title: \"Icon Color\",\n defaultValue: Component.defaultProps[`${variant}IconColor`],\n hidden: (props)=>props.variant !== variant\n },\n [`${variant}BackgroundColor`]: {\n type: ControlType.Color,\n title: \"Bg Color\",\n defaultValue: Component.defaultProps[`${variant}BackgroundColor`],\n hidden: (props)=>props.variant !== variant\n },\n [`${variant}BorderColor`]: {\n type: ControlType.Color,\n title: \"Border Color\",\n defaultValue: Component.defaultProps[`${variant}BorderColor`],\n hidden: (props)=>props.variant !== variant\n },\n [`${variant}BorderWidth`]: {\n type: ControlType.Number,\n title: \" \",\n min: 0,\n max: 5,\n displayStepper: true,\n defaultValue: Component.defaultProps[`${variant}BorderWidth`],\n hidden: (props)=>props.variant !== variant\n },\n ...additionalControls\n };\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"getVariantControls\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./variantUtils.map","import { useMemo } from \"react\";\nexport const isBrowserSafari = ()=>{\n if (typeof navigator !== `undefined`) {\n const userAgent = navigator.userAgent.toLowerCase();\n const isSafari = (userAgent.indexOf(\"safari\") > -1 || userAgent.indexOf(\"framermobile\") > -1 || userAgent.indexOf(\"framerx\") > -1) && userAgent.indexOf(\"chrome\") < 0;\n return isSafari;\n } else return false;\n};\nexport const useIsBrowserSafari = ()=>useMemo(()=>isBrowserSafari()\n , [])\n;\n\nexport const __FramerMetadata__ = {\"exports\":{\"useIsBrowserSafari\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"isBrowserSafari\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./isBrowser.map","import { useEffect } from \"react\";\n//@ts-ignore\nimport { isMotionValue } from \"https://framerusercontent.com/modules/3mKFSGQqKHV82uOV1eBc/5fbRLvOpxZC0JOXugvwm/isMotionValue.js\";\nexport function useOnChange(value, callback) {\n useEffect(()=>// @ts-ignore this should be detected as a MV :shrug:\n isMotionValue(value) ? value.onChange(callback) : undefined\n );\n}\nexport function useMultiOnChange(values, handler) {\n useEffect(()=>{\n const subscriptions = values.map((value)=>value.onChange(handler)\n );\n return ()=>subscriptions.forEach((unsubscribe)=>unsubscribe()\n )\n ;\n });\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"Subscriber\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnChange\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useMultiOnChange\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useOnChange.map","import { useCallback, useEffect, useRef } from \"react\";\nimport { motionValue, animate, RenderTarget } from \"framer\";\n// @ts-ignore\nimport { isMotionValue } from \"https://framerusercontent.com/modules/3mKFSGQqKHV82uOV1eBc/5fbRLvOpxZC0JOXugvwm/isMotionValue.js\";\n// @ts-ignore\nimport { useConstant } from \"https://framerusercontent.com/modules/ExNgrA7EJTKUPpH6vIlN/eiOrSJ2Ab5M9jPCvVwUz/useConstant.js\";\nexport function useAutoMotionValue(inputValue, options) {\n var ref;\n // Put options on a local ref\n // Might wanna just memo instead but it works for now\n const optionsRef = useRef(options);\n const animation = useRef();\n const didInitialMount = useRef(false);\n const isOnCanvas = RenderTarget.current() === RenderTarget.canvas;\n // in-progress - trying to figure out effect hooks\n const onChangeDeps = (options === null || options === void 0 ? void 0 : options.onChangeDeps) ? options.onChangeDeps : [];\n // Memoize the onChange handler\n const onChange = useCallback(options === null || options === void 0 ? void 0 : options.onChange, [\n ...onChangeDeps, \n ]);\n // Optionally scale the value from props\n const transformer = useCallback((value)=>((ref = optionsRef.current) === null || ref === void 0 ? void 0 : ref.transform) ? optionsRef.current.transform(value) : value\n , []);\n // Create new MotionValue from inputValue\n const value = useConstant(()=>isMotionValue(inputValue) ? inputValue : motionValue(transformer(inputValue))\n );\n // Setting value from prop change\n useEffect(()=>{\n if (!isMotionValue(inputValue) && didInitialMount.current) {\n var ref1, ref2;\n const newValue = transformer(inputValue);\n (ref1 = animation.current) === null || ref1 === void 0 ? void 0 : ref1.stop();\n // Call change callback\n if (onChange) onChange(newValue, value);\n // Trigger animation to new value\n if (((ref2 = optionsRef.current) === null || ref2 === void 0 ? void 0 : ref2.animate) && !isOnCanvas) {\n var ref3;\n // @ts-ignore\n animation.current = animate(value, newValue, (ref3 = optionsRef.current) === null || ref3 === void 0 ? void 0 : ref3.transition);\n } else {\n value.set(newValue);\n }\n }\n didInitialMount.current = true;\n }, [\n inputValue,\n ...onChangeDeps\n ]);\n return value;\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useAutoMotionValue\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}","// @ts-ignore\nimport{fontStore}from\"framer\";import{useEffect}from\"react\";import{fontStack}from\"https://framerusercontent.com/modules/VTUDdizacRHpwbkOamr7/AykinQJbgwl92LvMGZwu/constants.js\";const fontWeights={100:\"Thin\",200:\"Extra-light\",300:\"Light\",400:\"Regular\",500:\"Medium\",600:\"Semi-bold\",700:\"Bold\",800:\"Extra-bold\",900:\"Black\"};export function useFontControls(props){const{fontFamily=\"Inter\",fontSize=16,fontWeight=400,font=false}=props;const fontWeightName=fontWeights[fontWeight];const customFontStack=`\"${fontFamily} ${fontWeightName}\", \"${fontFamily}\", ${fontStack}`;const fontFamilyStyle=fontFamily?{fontSize,fontWeight,fontFamily:customFontStack}:{fontSize,fontWeight};const fetchCustomFonts=async()=>{await fontStore.loadWebFontsFromSelectors([`CUSTOM;${fontFamily}`,`CUSTOM;${fontFamily} ${fontWeightName}`,`GF;${fontFamily}-${fontWeightName.toLowerCase()}`,]).catch(e=>console.error(e));};useEffect(()=>{if(font)fetchCustomFonts();},[font,fontFamily,fontWeight]);return fontFamilyStyle;}\nexport const __FramerMetadata__ = {\"exports\":{\"useFontControls\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useFontControls.map","import { useMemo } from \"react\";\nimport { RenderTarget } from \"framer\";\nexport function useRenderTarget() {\n const currentRenderTarget = useMemo(()=>RenderTarget.current()\n , []);\n return currentRenderTarget;\n}\nexport function useIsInPreview() {\n const inPreview = useMemo(()=>RenderTarget.current() === RenderTarget.preview\n , []);\n return inPreview;\n}\nexport function useIsOnCanvas() {\n const onCanvas = useMemo(()=>RenderTarget.current() === RenderTarget.canvas\n , []);\n return onCanvas;\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useIsInPreview\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useRenderTarget\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useIsOnCanvas\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useRenderTarget.map","import * as React from \"react\";\nexport function useControlledState(value) {\n const [controlledValue, setValue] = React.useState(value);\n React.useEffect(()=>{\n setValue(value);\n }, [\n value\n ]);\n return [\n controlledValue,\n setValue\n ];\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useControlledState\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useControlledState.map","import { useMemo } from \"react\";\nimport { ControlType } from \"framer\";\nexport function useRadius(props) {\n const { borderRadius , isMixedBorderRadius , topLeftRadius , topRightRadius , bottomRightRadius , bottomLeftRadius , } = props;\n const radiusValue = useMemo(()=>isMixedBorderRadius ? `${topLeftRadius}px ${topRightRadius}px ${bottomRightRadius}px ${bottomLeftRadius}px` : `${borderRadius}px`\n , [\n borderRadius,\n isMixedBorderRadius,\n topLeftRadius,\n topRightRadius,\n bottomRightRadius,\n bottomLeftRadius, \n ]);\n return radiusValue;\n}\nexport const borderRadiusControl = {\n borderRadius: {\n title: \"Radius\",\n type: ControlType.FusedNumber,\n toggleKey: \"isMixedBorderRadius\",\n toggleTitles: [\n \"Radius\",\n \"Radius per corner\"\n ],\n valueKeys: [\n \"topLeftRadius\",\n \"topRightRadius\",\n \"bottomRightRadius\",\n \"bottomLeftRadius\", \n ],\n valueLabels: [\n \"TL\",\n \"TR\",\n \"BR\",\n \"BL\"\n ],\n min: 0\n }\n};\nexport function usePadding(props) {\n const { padding , paddingPerSide , paddingTop , paddingRight , paddingBottom , paddingLeft , } = props;\n const paddingValue = useMemo(()=>paddingPerSide ? `${paddingTop}px ${paddingRight}px ${paddingBottom}px ${paddingLeft}px` : padding\n , [\n padding,\n paddingPerSide,\n paddingTop,\n paddingRight,\n paddingBottom,\n paddingLeft, \n ]);\n return paddingValue;\n}\nexport const paddingControl = {\n padding: {\n type: ControlType.FusedNumber,\n toggleKey: \"paddingPerSide\",\n toggleTitles: [\n \"Padding\",\n \"Padding per side\"\n ],\n valueKeys: [\n \"paddingTop\",\n \"paddingRight\",\n \"paddingBottom\",\n \"paddingLeft\", \n ],\n valueLabels: [\n \"T\",\n \"R\",\n \"B\",\n \"L\"\n ],\n min: 0,\n title: \"Padding\"\n }\n};\n\nexport const __FramerMetadata__ = {\"exports\":{\"borderRadiusControl\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useRadius\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"RadiusProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"PaddingProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"usePadding\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"paddingControl\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./propUtils.map","import{defaultEvents,localeOptions,fontControls,fontSizeOptions,emptyStateStyle,containerStyles,fontStack}from\"https://framerusercontent.com/modules/VTUDdizacRHpwbkOamr7/AykinQJbgwl92LvMGZwu/constants.js\";import{useOnEnter,useOnExit}from\"https://framerusercontent.com/modules/D4TWeLfcxT6Tysr2BlYg/iZjmqdxVx1EOiM3k1FaW/useOnNavigationTargetChange.js\";import{useConstant}from\"https://framerusercontent.com/modules/ExNgrA7EJTKUPpH6vIlN/eiOrSJ2Ab5M9jPCvVwUz/useConstant.js\";import{colorTokentoValue,colorFromToken}from\"https://framerusercontent.com/modules/D2Lz5CmnNVPZFFiZXalt/QaCzPbriZBfXWZIIycFI/colorFromToken.js\";import{isMotionValue}from\"https://framerusercontent.com/modules/3mKFSGQqKHV82uOV1eBc/5fbRLvOpxZC0JOXugvwm/isMotionValue.js\";import{useUniqueClassName,randomID}from\"https://framerusercontent.com/modules/xDiQsqBGXzmMsv7AlEVy/uhunpMiNsbXxzjlXsg1y/useUniqueClassName.js\";import{getVariantControls}from\"https://framerusercontent.com/modules/ETACN5BJyFTSo0VVDJfu/NHRqowOiXkF9UwOzczF7/variantUtils.js\";import{useIsBrowserSafari}from\"https://framerusercontent.com/modules/eMBrwoqQK7h6mEeGQUH8/GuplvPJVjmxpk9zqOTcb/isBrowser.js\";import{useMultiOnChange,useOnChange}from\"https://framerusercontent.com/modules/v9AWX2URmiYsHf7GbctE/XxKAZ9KlhWqf5x1JMyyF/useOnChange.js\";import{mstoMinAndSec,secondsToMinutes}from\"https://framerusercontent.com/modules/4zHZnO5JojN1PrIbu2jm/revv9QCWpkh8lPzi2jje/time.js\";import{useAutoMotionValue}from\"https://framerusercontent.com/modules/kNDwabfjDEb3vUxkQlZS/fSIr3AOAYbGlfSPgXpYu/useAutoMotionValue.js\";import{useFontControls}from\"https://framerusercontent.com/modules/cuQH4dmpDnV8YK1mSgQX/KqRXqunFjE6ufhpc7ZRu/useFontControls.js\";import{useRenderTarget,useIsInPreview,useIsOnCanvas}from\"https://framerusercontent.com/modules/afBE9Yx1W6bY5q32qPxe/m3q7puE2tbo1S2C0s0CT/useRenderTarget.js\";import{useControlledState}from\"https://framerusercontent.com/modules/zGkoP8tPDCkoBzMdt5uq/0zFSjxIYliHxrQQnryFX/useControlledState.js\";import{usePadding,useRadius,paddingControl,borderRadiusControl}from\"https://framerusercontent.com/modules/5SM58HxZHxjjv7aLMOgQ/WXz9i6mVki0bBCrKdqB3/propUtils.js\";import{detectAutoSizingAxis}from\"https://framerusercontent.com/modules/8CkHAZatUz1UR8jNTcfD/HwbnIAZlUmQ2oTpcLkaH/detectAutoSizingAxis.js\";export{useOnEnter,useOnExit,defaultEvents,isMotionValue,colorFromToken,colorTokentoValue,localeOptions,fontControls,fontSizeOptions,emptyStateStyle,containerStyles,fontStack,useUniqueClassName,getVariantControls,useIsBrowserSafari,randomID,useConstant,useMultiOnChange,useOnChange,usePadding,useRadius,paddingControl,borderRadiusControl,mstoMinAndSec,useFontControls,secondsToMinutes,useAutoMotionValue,useRenderTarget,useIsInPreview,useControlledState,detectAutoSizingAxis,useIsOnCanvas,};\nexport const __FramerMetadata__ = {\"exports\":{\"useConstant\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"isMotionValue\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"defaultEvents\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useUniqueClassName\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useMultiOnChange\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnChange\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useIsOnCanvas\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnExit\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontSizeOptions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"colorTokentoValue\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useRadius\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getVariantControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"colorFromToken\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"containerStyles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"usePadding\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontStack\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useControlledState\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useFontControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useAutoMotionValue\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"emptyStateStyle\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useIsInPreview\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useIsBrowserSafari\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"detectAutoSizingAxis\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"borderRadiusControl\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"mstoMinAndSec\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"randomID\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"localeOptions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnEnter\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"secondsToMinutes\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useRenderTarget\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"paddingControl\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}","// ⚠️⚠️⚠️⚠️⚠️\n// Edit these files in https://github.com/framer/FramerCodeComponents\n// ⚠️⚠️⚠️⚠️⚠️\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,useIsInCurrentNavigationTarget,RenderTarget}from\"framer\";import{isMotionValue,useInView}from\"framer-motion\";import{borderRadiusControl,defaultEvents,useIsBrowserSafari,useIsOnCanvas,useOnEnter,useOnExit,useRadius,useRenderTarget}from\"https://framerusercontent.com/modules/G4IfyjvwmaeSBpdb4TWu/OIjZRBmWDcIE2B6qgG1j/index.js\";// https://framer.com/m/framer/default-utils.js@^0.45.0\nimport{memo,useCallback,useEffect,useMemo,useRef,useState}from\"react\";var ObjectFitType;(function(ObjectFitType){ObjectFitType[\"Fill\"]=\"fill\";ObjectFitType[\"Contain\"]=\"contain\";ObjectFitType[\"Cover\"]=\"cover\";ObjectFitType[\"None\"]=\"none\";ObjectFitType[\"ScaleDown\"]=\"scale-down\";})(ObjectFitType||(ObjectFitType={}));var SrcType;(function(SrcType){SrcType[\"Video\"]=\"Upload\";SrcType[\"Url\"]=\"URL\";})(SrcType||(SrcType={}));const defaultVideo=\"https://framerusercontent.com/assets/MLWPbW1dUQawJLhhun3dBwpgJak.mp4\";// Reduce renders\nfunction getProps(props){const{width,height,topLeft,topRight,bottomRight,bottomLeft,id,children,...rest}=props;return rest;}/**\n * VIDEO\n *\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 112\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export function Video(props){const newProps=getProps(props);return /*#__PURE__*/_jsx(VideoMemo,{...newProps});}function usePlaybackControls(videoRef){const isInCurrentNavigationTarget=useIsInCurrentNavigationTarget();const requestingPlay=useRef(false);const isPlayingRef=useRef(false);const setProgress=useCallback(rawProgress=>{if(!videoRef.current)return;const newProgress=(rawProgress===1?.999:rawProgress)*videoRef.current.duration;const isAlreadySet=Math.abs(videoRef.current.currentTime-newProgress)<.1;if(videoRef.current.duration>0&&!isAlreadySet){videoRef.current.currentTime=newProgress;}},[]);const play=useCallback(()=>{const video=videoRef.current;if(!video)return;video.preload=\"auto\"// makes sure browsers don't throttle: https://html.spec.whatwg.org/multipage/media.html#:~:text=When%20the%20media%20resource%20is%20playing%2C%20hints%20to%20the%20user%20agent%20that%20bandwidth%20is%20to%20be%20considered%20scarce%2C%20e.g.%20suggesting%20throttling%20the%20download%20so%20that%20the%20media%20data%20is%20obtained%20at%20the%20slowest%20possible%20rate%20that%20still%20maintains%20consistent%20playback.\n;const isPlaying=video.currentTime>0&&video.onplaying&&!video.paused&&!video.ended&&video.readyState>=video.HAVE_CURRENT_DATA;if(!isPlaying&&video&&!requestingPlay.current&&isInCurrentNavigationTarget){requestingPlay.current=true;isPlayingRef.current=true;video.play().catch(e=>{})// It's likely fine, swallow error\n.finally(()=>requestingPlay.current=false);}},[]);const pause=useCallback(()=>{if(!videoRef.current||requestingPlay.current)return;videoRef.current.pause();isPlayingRef.current=false;},[]);return{play,pause,setProgress,isPlaying:isPlayingRef};}function useAutoplayBehavior({playingProp,muted,loop,playsinline,controls}){const[initialPlayingProp]=useState(playingProp);const[hasPlayingPropChanged,setHasPlayingPropChanged]=useState(false);if(playingProp!==initialPlayingProp&&!hasPlayingPropChanged){setHasPlayingPropChanged(true);}const behavesAsGif=// passing `playing === true` on mount indicates that the video should\n// autoplay, like a GIF\ninitialPlayingProp&&muted&&loop&&playsinline&&!controls&&// Some users of the