{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/tW1ExjbbJRt9YcZ0Gyxk/7xLQ6of7kXWmBUVuRiYG/Spotify.js", "ssg:https://framerusercontent.com/modules/IohQAiOOvHvwYoEUoeFm/R0x0LGpx6WWTfmCNE5aN/i6v6v0SVj.js"],
  "sourcesContent": ["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { addPropertyControls, ControlType } from \"framer\";\nimport { useCallback } from \"react\";\nconst urlRegex = /(https?:\\/\\/[^ ]*)/; /**\n                                       * SPOTIFY\n                                       *\n                                       * @framerIntrinsicWidth 280\n                                       * @framerIntrinsicHeight 350\n                                       */\nexport function Spotify(props) {\n  const {\n    theme,\n    url: sourceUrl\n  } = props;\n  const createEmbedUrl = useCallback(() => {\n    if (sourceUrl.length < 5) return null; // If someone pastes the embed code lets still try to render it\n    const strippedUrl = sourceUrl.includes(\"iframe\") ? sourceUrl.match(urlRegex)[1].replace(`\"`, \"\") : sourceUrl;\n    const url = new URL(strippedUrl); // Add embed prefix if needed\n    if (!url.pathname.includes(\"embed\")) url.pathname = `/embed${url.pathname}`; // Remove params\n    url.search = `theme=${theme}`; // @ben you could add all other bools in here like\n    // url.search = `theme=${theme}&dog=${cat}`\n    return url.toString();\n  }, [theme, sourceUrl]);\n  const identifier = createEmbedUrl();\n  return /*#__PURE__*/_jsx(\"iframe\", {\n    style: {\n      height: \"100%\",\n      width: \"100%\"\n    },\n    frameBorder: 0,\n    src: identifier\n  });\n}\nSpotify.defaultProps = {\n  url: \"https://open.spotify.com/album/31qVWUdRrlb8thMvts0yYL?si=Jl-8Mnc3RNGuOtqRC7NXVg\",\n  width: 280,\n  height: 350,\n  theme: 1\n};\naddPropertyControls(Spotify, {\n  url: {\n    type: ControlType.String,\n    title: \"URL\"\n  },\n  theme: {\n    type: ControlType.Enum,\n    displaySegmentedControl: true,\n    options: [1, 0],\n    optionTitles: [\"On\", \"Off\"]\n  }\n});\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"Spotify\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"Spotify\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerContractVersion\": \"1\",\n        \"framerIntrinsicHeight\": \"350\",\n        \"framerIntrinsicWidth\": \"280\"\n      }\n    }\n  }\n};\n//# sourceMappingURL=./Spotify.map", "import { fontStore as r } from \"framer\";\nr.loadFonts([\"CUSTOM;GT Walsheim Bold\"]);\nexport const fonts = [{\n  family: \"GT Walsheim Bold\",\n  url: \"https://framerusercontent.com/assets/9yxOMHiOq1YW9lyV4OoKqGTdPeY.woff2\"\n}];\nexport const css = ['.framer-4lTpU .framer-styles-preset-ho6zhj:not(.rich-text-wrapper), .framer-4lTpU .framer-styles-preset-ho6zhj.rich-text-wrapper h1 { --framer-font-family: \"GT Walsheim Bold\", \"GT Walsheim Bold Placeholder\", sans-serif; --framer-font-size: 60px; --framer-font-style: normal; --framer-font-weight: 400; --framer-letter-spacing: -2px; --framer-line-height: 1.1em; --framer-paragraph-spacing: 80px; --framer-text-alignment: start; --framer-text-color: var(--token-26e3cb56-8447-4a64-9b7d-37f16a9909d4, #ffffff); --framer-text-decoration: none; --framer-text-transform: none; }', '@media (max-width: 1199px) and (min-width: 810px) { .framer-4lTpU .framer-styles-preset-ho6zhj:not(.rich-text-wrapper), .framer-4lTpU .framer-styles-preset-ho6zhj.rich-text-wrapper h1 { --framer-font-family: \"GT Walsheim Bold\", \"GT Walsheim Bold Placeholder\", sans-serif; --framer-font-size: 48px; --framer-font-style: normal; --framer-font-weight: 400; --framer-letter-spacing: -2px; --framer-line-height: 1.1em; --framer-paragraph-spacing: 80px; --framer-text-alignment: start; --framer-text-color: var(--token-26e3cb56-8447-4a64-9b7d-37f16a9909d4, #ffffff); --framer-text-decoration: none; --framer-text-transform: none; } }', '@media (max-width: 809px) and (min-width: 0px) { .framer-4lTpU .framer-styles-preset-ho6zhj:not(.rich-text-wrapper), .framer-4lTpU .framer-styles-preset-ho6zhj.rich-text-wrapper h1 { --framer-font-family: \"GT Walsheim Bold\", \"GT Walsheim Bold Placeholder\", sans-serif; --framer-font-size: 38px; --framer-font-style: normal; --framer-font-weight: 400; --framer-letter-spacing: -2px; --framer-line-height: 1.1em; --framer-paragraph-spacing: 80px; --framer-text-alignment: start; --framer-text-color: var(--token-26e3cb56-8447-4a64-9b7d-37f16a9909d4, #ffffff); --framer-text-decoration: none; --framer-text-transform: none; } }'];\nexport const className = \"framer-4lTpU\";\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"css\": {\n      \"type\": \"variable\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"className\": {\n      \"type\": \"variable\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"fonts\": {\n      \"type\": \"variable\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};"],
  "mappings": "0GAGA,IAAMA,EAAW,qBAMV,SAASC,EAAQC,EAAO,CAC7B,GAAM,CACJ,MAAAC,EACA,IAAKC,CACP,EAAIF,EAUEG,EATiBC,EAAY,IAAM,CACvC,GAAIF,EAAU,OAAS,EAAG,OAAO,KACjC,IAAMG,EAAcH,EAAU,SAAS,QAAQ,EAAIA,EAAU,MAAMJ,CAAQ,EAAE,CAAC,EAAE,QAAQ,IAAK,EAAE,EAAII,EAC7FI,EAAM,IAAI,IAAID,CAAW,EAC/B,OAAKC,EAAI,SAAS,SAAS,OAAO,IAAGA,EAAI,SAAW,SAASA,EAAI,YACjEA,EAAI,OAAS,SAASL,IAEfK,EAAI,SAAS,CACtB,EAAG,CAACL,EAAOC,CAAS,CAAC,EACa,EAClC,OAAoBK,EAAK,SAAU,CACjC,MAAO,CACL,OAAQ,OACR,MAAO,MACT,EACA,YAAa,EACb,IAAKJ,CACP,CAAC,CACH,CACAJ,EAAQ,aAAe,CACrB,IAAK,kFACL,MAAO,IACP,OAAQ,IACR,MAAO,CACT,EACAS,EAAoBT,EAAS,CAC3B,IAAK,CACH,KAAMU,EAAY,OAClB,MAAO,KACT,EACA,MAAO,CACL,KAAMA,EAAY,KAClB,wBAAyB,GACzB,QAAS,CAAC,EAAG,CAAC,EACd,aAAc,CAAC,KAAM,KAAK,CAC5B,CACF,CAAC,ECjDDC,EAAE,UAAU,CAAC,yBAAyB,CAAC,EAChC,IAAMC,EAAQ,CAAC,CACpB,OAAQ,mBACR,IAAK,wEACP,CAAC,EACYC,EAAM,CAAC,gkBAAikB,snBAAunB,knBAAknB,EACjzDC,EAAY",
  "names": ["urlRegex", "Spotify", "props", "theme", "sourceUrl", "identifier", "te", "strippedUrl", "url", "p", "addPropertyControls", "ControlType", "fontStore", "fonts", "css", "className"]
}