{"version":3,"file":"Spotify.CpPGuhO3.mjs","names":["defaultEmptyStateStyle","useMemo","id","useCallback"],"sources":["https:/framerusercontent.com/modules/cuQH4dmpDnV8YK1mSgQX/tTLhbOFToDhKcwOVmn8E/useFontControls.js","https:/framerusercontent.com/modules/afBE9Yx1W6bY5q32qPxe/AAh30yXzt1DUsOi1YwUY/useRenderTarget.js","https:/framer.com/m/framer/default-utils.js@^0.43.0","https:/framer.com/m/framer/integrations-styles.js@0.2.0","https:/framerusercontent.com/modules/HGu8PKPDwAHu4uSgLoYR/8ScWawSL1gtbsgAxdHrd/Instagram.js","https:/framerusercontent.com/modules/tW1ExjbbJRt9YcZ0Gyxk/7xLQ6of7kXWmBUVuRiYG/Spotify.js"],"sourcesContent":["// @ts-ignore\nimport { fontStore } from \"framer\";\nimport { useEffect } from \"react\";\n// @ts-ignore\nimport { fontStack } from \"https://framerusercontent.com/modules/VTUDdizacRHpwbkOamr7/AykinQJbgwl92LvMGZwu/constants.js\";\nconst fontWeights = {\n    100: \"Thin\",\n    200: \"Extra-light\",\n    300: \"Light\",\n    400: \"Regular\",\n    500: \"Medium\",\n    600: \"Semi-bold\",\n    700: \"Bold\",\n    800: \"Extra-bold\",\n    900: \"Black\"\n};\nexport function useFontControls(props) {\n    const { fontFamily , fontSize , fontWeight , font  } = props;\n    const fontWeightName = fontWeights[fontWeight];\n    const customFontStack = `\"${fontFamily} ${fontWeightName}\", \"${fontFamily}\", ${fontStack}`;\n    const fontFamilyStyle = fontFamily ? {\n        fontSize,\n        fontWeight,\n        fontFamily: customFontStack\n    } : {\n        fontSize,\n        fontWeight\n    };\n    const fetchCustomFonts = async ()=>{\n        await fontStore.loadWebFontsFromSelectors([\n            `CUSTOM;${fontFamily}`,\n            `CUSTOM;${fontFamily} ${fontWeightName}`,\n            `GF;${fontFamily}-${fontWeightName.toLowerCase()}`, \n        ]).catch((e)=>console.error(e)\n        );\n    };\n    useEffect(()=>{\n        if (font) fetchCustomFonts();\n    }, [\n        font,\n        fontFamily,\n        fontWeight\n    ]);\n    return fontFamilyStyle;\n}\n\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}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useIsInPreview\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useRenderTarget\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useRenderTarget.map","import { defaultEvents, localeOptions, fontControls, fontSizeOptions, emptyStateStyle, containerStyles, fontStack } from \"https://framerusercontent.com/modules/VTUDdizacRHpwbkOamr7/AykinQJbgwl92LvMGZwu/constants.js\";\nimport { useOnEnter, useOnExit } from \"https://framerusercontent.com/modules/D4TWeLfcxT6Tysr2BlYg/iZjmqdxVx1EOiM3k1FaW/useOnNavigationTargetChange.js\";\nimport { useConstant } from \"https://framerusercontent.com/modules/ExNgrA7EJTKUPpH6vIlN/eiOrSJ2Ab5M9jPCvVwUz/useConstant.js\";\nimport { colorTokentoValue, colorFromToken } from \"https://framerusercontent.com/modules/D2Lz5CmnNVPZFFiZXalt/QaCzPbriZBfXWZIIycFI/colorFromToken.js\";\nimport { isMotionValue } from \"https://framerusercontent.com/modules/3mKFSGQqKHV82uOV1eBc/5fbRLvOpxZC0JOXugvwm/isMotionValue.js\";\nimport { useUniqueClassName, randomID } from \"https://framerusercontent.com/modules/xDiQsqBGXzmMsv7AlEVy/uhunpMiNsbXxzjlXsg1y/useUniqueClassName.js\";\nimport { getVariantControls } from \"https://framerusercontent.com/modules/ETACN5BJyFTSo0VVDJfu/NHRqowOiXkF9UwOzczF7/variantUtils.js\";\nimport { useIsBrowserSafari } from \"https://framerusercontent.com/modules/eMBrwoqQK7h6mEeGQUH8/GuplvPJVjmxpk9zqOTcb/isBrowser.js\";\nimport { useMultiOnChange, useOnChange } from \"https://framerusercontent.com/modules/v9AWX2URmiYsHf7GbctE/XxKAZ9KlhWqf5x1JMyyF/useOnChange.js\";\nimport { mstoMinAndSec, secondsToMinutes } from \"https://framerusercontent.com/modules/4zHZnO5JojN1PrIbu2jm/revv9QCWpkh8lPzi2jje/time.js\";\nimport { useAutoMotionValue } from \"https://framerusercontent.com/modules/kNDwabfjDEb3vUxkQlZS/fSIr3AOAYbGlfSPgXpYu/useAutoMotionValue.js\";\nimport { useFontControls } from \"https://framerusercontent.com/modules/cuQH4dmpDnV8YK1mSgQX/tTLhbOFToDhKcwOVmn8E/useFontControls.js\";\nimport { useRenderTarget, useIsInPreview } from \"https://framerusercontent.com/modules/afBE9Yx1W6bY5q32qPxe/AAh30yXzt1DUsOi1YwUY/useRenderTarget.js\";\nimport { useControlledState } from \"https://framerusercontent.com/modules/zGkoP8tPDCkoBzMdt5uq/0zFSjxIYliHxrQQnryFX/useControlledState.js\";\nimport { usePadding, useRadius, paddingControl, borderRadiusControl } from \"https://framerusercontent.com/modules/5SM58HxZHxjjv7aLMOgQ/WXz9i6mVki0bBCrKdqB3/propUtils.js\";\nimport { detectAutoSizingAxis } from \"https://framerusercontent.com/modules/8CkHAZatUz1UR8jNTcfD/HwbnIAZlUmQ2oTpcLkaH/detectAutoSizingAxis.js\";\nexport { 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,  };\n\nexport const __FramerMetadata__ = {\"exports\":{\"fontControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"mstoMinAndSec\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"colorTokentoValue\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useFontControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useUniqueClassName\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"paddingControl\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"localeOptions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontStack\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"detectAutoSizingAxis\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useRenderTarget\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnEnter\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"emptyStateStyle\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useIsBrowserSafari\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getVariantControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useAutoMotionValue\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"randomID\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnExit\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useIsInPreview\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useRadius\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"usePadding\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useMultiOnChange\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"containerStyles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontSizeOptions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"defaultEvents\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useConstant\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"isMotionValue\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnChange\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useControlledState\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"borderRadiusControl\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"colorFromToken\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"secondsToMinutes\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}","import{containerStyles,emptyStateStyle as defaultEmptyStateStyle}from\"https://framer.com/m/framer/default-utils.js@^0.43.0\";export const emptyStateStyle={...containerStyles,...defaultEmptyStateStyle,textAlign:\"center\",padding:15,width:200,height:100,overflow:\"hidden\"};export const neutralStateStyle={...emptyStateStyle,color:\"#09f\",background:\"rgb(0, 153, 255, 0.1)\",borderColor:\"#09f\"};export const stateTitleStyle={fontSize:12,fontWeight:600,margin:0};export const stateParagraphStyle={fontSize:12,maxWidth:200,lineHeight:1.4,margin:\"5px 0 0 0\"};\nexport const __FramerMetadata__ = {\"exports\":{\"neutralStateStyle\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"stateTitleStyle\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"emptyStateStyle\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"stateParagraphStyle\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./styles.map","import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useMemo}from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{motion}from\"framer-motion\";import{containerStyles}from\"https://framer.com/m/framer/default-utils.js@^0.45.0\";import{emptyStateStyle,stateParagraphStyle,stateTitleStyle}from\"https://framer.com/m/framer/integrations-styles.js@0.2.0\";const instagramRegex=/^https?:\\/\\/www\\.instagram\\.com\\/p\\/([^\\/]+)/;/**\n * INSTAGRAM\n *\n * @framerIntrinsicWidth 300\n * @framerIntrinsicHeight 410\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */ export default function Instagram({url,style,...props}){const id=useMemo(()=>{var ref;const[,id]=(ref=url.match(instagramRegex))!==null&&ref!==void 0?ref:[null,null];return id;},[url]);return url&&id?/*#__PURE__*/ _jsx(motion.iframe,{style:{...containerStyles,...style},src:`https://www.instagram.com/p/${id}/embed/`,frameBorder:0,width:\"100%\",height:\"100%\",scrolling:\"no\",...props}):/*#__PURE__*/ _jsxs(motion.div,{style:{...emptyStateStyle,...style},...props,children:[/*#__PURE__*/ _jsx(\"h1\",{style:stateTitleStyle,children:\"Instagram\"}),url?/*#__PURE__*/ _jsx(\"p\",{style:stateParagraphStyle,children:\"This post URL doesn’t seem correct.\"}):/*#__PURE__*/ _jsx(\"p\",{style:stateParagraphStyle,children:\"Set a post URL in the Properties.\"})]});};addPropertyControls(Instagram,{url:{title:\"URL\",type:ControlType.String,placeholder:\"https://www.instagram.com/p/***\",defaultValue:\"https://www.instagram.com/p/CteMsH8M67r/\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Instagram\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"300\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerIntrinsicHeight\":\"410\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Instagram.map","import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useCallback}from\"react\";const urlRegex=/(https?:\\/\\/[^ ]*)/;/**\n * SPOTIFY\n *\n * @framerIntrinsicWidth 280\n * @framerIntrinsicHeight 350\n */ export function Spotify(props){const{theme,url:sourceUrl}=props;const createEmbedUrl=useCallback(()=>{if(sourceUrl.length<5)return null;// If someone pastes the embed code lets still try to render it\nconst strippedUrl=sourceUrl.includes(\"iframe\")?sourceUrl.match(urlRegex)[1].replace(`\"`,\"\"):sourceUrl;const url=new URL(strippedUrl);// Add embed prefix if needed\nif(!url.pathname.includes(\"embed\"))url.pathname=`/embed${url.pathname}`;// Remove params\nurl.search=`theme=${theme}`;// @ben you could add all other bools in here like\n// url.search = `theme=${theme}&dog=${cat}`\nreturn url.toString();},[theme,sourceUrl]);const identifier=createEmbedUrl();return(/*#__PURE__*/ _jsx(\"iframe\",{style:{height:\"100%\",width:\"100%\"},frameBorder:0,src:identifier}));}Spotify.defaultProps={url:\"https://open.spotify.com/album/31qVWUdRrlb8thMvts0yYL?si=Jl-8Mnc3RNGuOtqRC7NXVg\",width:280,height:350,theme:1};addPropertyControls(Spotify,{url:{type:ControlType.String,title:\"URL\"},theme:{type:ControlType.Enum,displaySegmentedControl:true,options:[1,0],optionTitles:[\"On\",\"Off\"]}});\nexport const __FramerMetadata__ = {\"exports\":{\"Spotify\":{\"type\":\"reactComponent\",\"name\":\"Spotify\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"350\",\"framerIntrinsicWidth\":\"280\"}}}}\n//# sourceMappingURL=./Spotify.map"],"mappings":"m0BACmC,IACD,IAEuF,iBCJzF,IACM,iBCDkL,IACjE,IAC1B,IACyB,IACrB,IACoB,IAChB,IACH,IACa,IAEJ,IACN,IACgB,IACV,IAC+B,uBCd9C,CAAa,EAAgB,CAAC,GAAG,EAAgB,GAAGA,EAAuB,UAAU,SAAS,QAAQ,GAAG,MAAM,IAAI,OAAO,IAAI,SAAS,SAAS,CAAoD,CAAnB,GAAG,EAAsB,CAA2E,EAAgB,CAAC,SAAS,GAAG,WAAW,IAAI,OAAO,EAAE,CAAc,EAAoB,CAAC,SAAS,GAAG,SAAS,IAAI,WAAW,IAAI,OAAO,YAAY,ICQhiB,SAAwB,EAAU,CAAC,MAAI,QAAM,GAAG,GAAO,CAAC,IAAM,EAAGC,MAAY,CAAS,GAAK,EAAEC,GAAS,EAAI,MAAM,EAAe,EAA2B,CAAC,KAAK,KAAK,CAAC,OAAOA,GAAK,CAAC,EAAI,CAAC,CAAC,OAAO,GAAK,EAAiB,EAAK,EAAO,OAAO,CAAC,MAAM,CAAC,GAAG,EAAgB,GAAG,EAAM,CAAC,IAAI,+BAA+B,EAAG,SAAS,YAAY,EAAE,MAAM,OAAO,OAAO,OAAO,UAAU,KAAK,GAAG,EAAM,CAAC,CAAe,EAAM,EAAO,IAAI,CAAC,MAAM,CAAC,GAAG,EAAgB,GAAG,EAAM,CAAC,GAAG,EAAM,SAAS,CAAe,EAAK,KAAK,CAAC,MAAM,EAAgB,SAAS,YAAY,CAAC,CAAC,EAAkB,EAAK,IAAI,CAAC,MAAM,EAAoB,SAAS,sCAAsC,CAAC,CAAe,EAAK,IAAI,CAAC,MAAM,EAAoB,SAAS,oCAAoC,CAAC,CAAC,CAAC,CAAC,oBARlrB,IAA2B,IAAoD,IAAkC,IAAkF,IAA0H,CAAM,EAAe,+CAQmW,EAAoB,EAAU,CAAC,IAAI,CAAC,MAAM,MAAM,KAAK,EAAY,OAAO,YAAY,kCAAkC,aAAa,2CAA2C,CAAC,CAAC,ICH15B,SAAgB,EAAQ,EAAM,CAAC,GAAK,CAAC,QAAM,IAAI,GAAW,EAKb,EALwCC,MAAgB,CAAC,GAAG,EAAU,OAAO,EAAE,OAAO,KACvI,IAAM,EAAY,EAAU,SAAS,SAAS,CAAC,EAAU,MAAM,EAAS,CAAC,GAAG,QAAQ,IAAI,GAAG,CAAC,EAAgB,EAAI,IAAI,IAAI,EAAY,CAIpI,OAHI,EAAI,SAAS,SAAS,QAAQ,GAAC,EAAI,SAAS,SAAS,EAAI,YAC7D,EAAI,OAAO,SAAS,IAEb,EAAI,UAAU,EAAG,CAAC,EAAM,EAAU,CAAC,EAAkC,CAAC,OAAqB,EAAK,SAAS,CAAC,MAAM,CAAC,OAAO,OAAO,MAAM,OAAO,CAAC,YAAY,EAAE,IAAI,EAAW,CAAC,oBAVvI,IAAoD,IAA+B,CAAM,EAAS,qBAUwC,EAAQ,aAAa,CAAC,IAAI,kFAAkF,MAAM,IAAI,OAAO,IAAI,MAAM,EAAE,CAAC,EAAoB,EAAQ,CAAC,IAAI,CAAC,KAAK,EAAY,OAAO,MAAM,MAAM,CAAC,MAAM,CAAC,KAAK,EAAY,KAAK,wBAAwB,GAAK,QAAQ,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC"}