{"version":3,"file":"shared-lib.Dh4MtDp_.mjs","names":["containerStyles","emptyStateStyle","defaultEvents","YoutubeSettings"],"sources":["https:/framer.com/m/framer/icon-nullstate.js@0.7.0","https:/framerusercontent.com/modules/Ma20hU0GGRxLxZphbywl/OSpwWF91FHPVFyQJjMHt/utils.js","https:/framerusercontent.com/modules/eNzF8ZXbynly6ak7Ht84/1QF13zRrcuIAOJrFg4NV/siteMetadata.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:/framer.com/m/framer/default-utils.js@^0.45.0","https:/framerusercontent.com/modules/NEd4VmDdsxM3StIUbddO/4b2t9Fx4KOsM4G7k9Rv5/Youtube.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport * as React from \"react\";\nexport const containerStyles = {\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\"\n};\nconst nullIconStyle = {\n minWidth: \"10px\",\n minHeight: \"10px\",\n maxWidth: \"20px\",\n maxHeight: \"20px\",\n width: \"60%\",\n height: \"60%\"\n};\nconst emptyStateStyle = {\n ...containerStyles,\n borderRadius: 6,\n background: \"rgba(149, 149, 149, 0.1)\",\n border: \"1px dashed rgba(149, 149, 149, 0.15)\",\n color: \"#a5a5a5\",\n flexDirection: \"column\"\n};\nexport const NullState = /*#__PURE__*/ React.forwardRef((_, ref)=>{\n return(/*#__PURE__*/ _jsx(\"div\", {\n style: emptyStateStyle,\n ref: ref\n }));\n}) /*\n\n\n \n \n \n \n \n \n \n */ ;\n\nexport const __FramerMetadata__ = {\"exports\":{\"containerStyles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"NullState\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./nullstate.map","import{useMemo}from\"react\";import{ControlType}from\"framer\";/*\n ** ICON UTILS\n ** Pull as much re-usable logic into here as possible\n ** This will make it easier to replace in all icon components\n */ export const containerStyles={width:\"100%\",height:\"100%\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\"};export const defaultEvents={onClick:{type:ControlType.EventHandler},onMouseDown:{type:ControlType.EventHandler},onMouseUp:{type:ControlType.EventHandler},onMouseEnter:{type:ControlType.EventHandler},onMouseLeave:{type:ControlType.EventHandler}};const findByArray=(arr,search)=>arr.find(a=>a.toLowerCase().includes(search));export function getIconSelection(iconKeys,selectByList,iconSearch=\"\",iconSelection,lowercaseIconKeyPairs){// gotta get the exact match first THEN find\n// have a set and try to access ?\nif(selectByList)return iconSelection;if(iconSearch==null||(iconSearch===null||iconSearch===void 0?void 0:iconSearch.length)===0)return null;const iconSearchTerm=iconSearch.toLowerCase().replace(/-|\\s/g,\"\");var _iconSearchTerm;// check for exact match, otherwise use .find\nconst searchResult=(_iconSearchTerm=lowercaseIconKeyPairs[iconSearchTerm])!==null&&_iconSearchTerm!==void 0?_iconSearchTerm:findByArray(iconKeys,iconSearchTerm);return searchResult;}export function useIconSelection(iconKeys,selectByList,iconSearch=\"\",iconSelection,lowercaseIconKeyPairs){// Clean search term\nconst iconSearchResult=useMemo(()=>{if(iconSearch==null||(iconSearch===null||iconSearch===void 0?void 0:iconSearch.length)===0)return null;const iconSearchTerm=iconSearch.toLowerCase().replace(/-|\\s/g,\"\");var _iconSearchTerm;// check for exact match, otherwise use .find\nconst searchResult=(_iconSearchTerm=lowercaseIconKeyPairs[iconSearchTerm])!==null&&_iconSearchTerm!==void 0?_iconSearchTerm:findByArray(iconKeys,iconSearchTerm);return searchResult;},[iconSelection,iconSearch]);const name=selectByList?iconSelection:iconSearchResult;return name;}\nexport const __FramerMetadata__ = {\"exports\":{\"getIconSelection\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"containerStyles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useIconSelection\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"defaultEvents\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./utils.map","// Generated by Framer (df7882f)\nconst valuesByLocaleId={FTXhWCqyF:{v0:\"Powerdrill\",v1:\"知識とデータから迅速な洞察を \"},W1Dscs13d:{v0:\"Powerdrill – IA para An\\xe1lisis de Datos Eficiente y Avanzado\",v1:\"Analiza, explora y visualiza datos al instante con Powerdrill: una herramienta de an\\xe1lisis impulsada por IA, r\\xe1pida, interactiva y sin necesidad de programar. Pru\\xe9bala gratis hoy.\"}};function getLocalizedValue(key,locale){while(locale){const values=valuesByLocaleId[locale.id];if(values){const value=values[key];if(value)return value;}locale=locale.fallback;}}export default function metadata(params,activeLocale){return{customHTMLHeadEnd:'',description:getLocalizedValue(\"v1\",activeLocale)??\"Instantly analyze, explore, visualize data with Powerdrill — an AI-powered data analysis tool designed for fast, insightful, and interactive exploration. No coding required. Try it free today.\",favicon:\"https://framerusercontent.com/assets/HKoaOW9DtrO3YBwSvZbS6e8exE.svg\",robots:\"max-image-preview:large\",title:getLocalizedValue(\"v0\",activeLocale)??\"Powerdrill - AI for Data Analysis\"};}export const metadataVersion=1;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"metadataVersion\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","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\"}}}}","import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{ControlType,addPropertyControls,RenderTarget}from\"framer\";import{defaultEvents}from\"https://framer.com/m/framer/default-utils.js@^0.45.0\";var YoutubeSettings;(function(YoutubeSettings){YoutubeSettings[\"playNormal\"]=\"Off\";YoutubeSettings[\"playAuto\"]=\"On\";YoutubeSettings[\"playLoop\"]=\"Loop\";YoutubeSettings[\"controlsPlayback\"]=\"Playback\";YoutubeSettings[\"controlsInfo\"]=\"Video Info\";YoutubeSettings[\"controlsNone\"]=\"None\";})(YoutubeSettings||(YoutubeSettings={}));/**\n * YOUTUBE\n *\n * @framerIntrinsicWidth 375\n * @framerIntrinsicHeight 210\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */ export function Youtube(props){const{url,play,shouldMute,controls=false,onClick,onMouseEnter,onMouseLeave,onMouseDown,onMouseUp,canvasPlay}=props;const guessIdentifier=urlMaybe=>{if(!urlMaybe)return null;let identifier=\"\";// https://www.youtube.com/watch?v=cAs3senSITIve\nconst watchPrefix=\"youtube.com/watch?v=\";const watchIndex=urlMaybe.indexOf(watchPrefix);if(watchIndex>=0){identifier=urlMaybe.substring(watchIndex+watchPrefix.length);}else{// https://www.youtube.com/embed/cAs3senSITIve\nconst embedPrefix=\"youtube.com/embed/\";const embedIndex=urlMaybe.indexOf(embedPrefix);if(embedIndex>=0){identifier=urlMaybe.substring(embedIndex+embedPrefix.length);}else{// https://youtu.be/cAs3senSITIve\nconst shortenedPrefix=\"youtu.be/\";const shortenedIndex=urlMaybe.indexOf(shortenedPrefix);if(shortenedIndex>=0){identifier=urlMaybe.substring(shortenedIndex+shortenedPrefix.length);}else{// Everything else\nidentifier=urlMaybe;}}}// Strip off the query string, if any\nconst queryIndex=identifier.indexOf(\"?\");if(queryIndex>=0){identifier=identifier.substring(0,queryIndex);}// What's left might be an identifier\nreturn identifier.match(/[\\w_]+/)?identifier:null;};const identifier1=guessIdentifier(url||Youtube.defaultProps.url)||\"none\";if(RenderTarget.current()===RenderTarget.canvas){return(/*#__PURE__*/ _jsx(\"div\",{style:{// https://stackoverflow.com/a/18400445\nbackgroundImage:`url(https://i.ytimg.com/vi/${identifier1}/hqdefault.jpg)`,backgroundPosition:\"center\",backgroundSize:\"cover\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\",width:\"100%\",height:\"100%\"},children:/*#__PURE__*/ _jsxs(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",width:\"68\",height:\"48\",children:[/*#__PURE__*/ _jsx(\"path\",{d:\"M 66.52 7.74 C 65.74 4.81 64.03 2.33 61.1 1.55 C 55.79 0.13 34 0 34 0 C 34 0 12.21 0.13 6.9 1.55 C 3.97 2.33 2.27 4.81 1.48 7.74 C 0.06 13.05 0 24 0 24 C 0 24 0.06 34.95 1.48 40.26 C 2.26 43.19 3.97 45.67 6.9 46.45 C 12.21 47.87 34 48 34 48 C 34 48 55.79 47.87 61.1 46.45 C 64.03 45.67 65.74 43.19 66.52 40.26 C 67.94 34.95 68 24 68 24 C 68 24 67.94 13.05 66.52 7.74 Z\",fill:\"rgba(34, 34, 34, 0.85)\"}),/*#__PURE__*/ _jsx(\"path\",{d:\"M 45 24 L 27 14 L 27 34\",fill:\"rgb(255,255,255)\"})]})}));}const autoplay=RenderTarget.current()==RenderTarget.preview&&(play===YoutubeSettings.playAuto||play===YoutubeSettings.playLoop);const loop=autoplay&&play===YoutubeSettings.playLoop;const mute=shouldMute&&autoplay;const showsInfo=controls===YoutubeSettings.controlsInfo;const showsControls=controls===YoutubeSettings.controlsPlayback;// Notes on https://developers.google.com/youtube/player_parameters\n// If \"controls\" is defined at all, an inactive video will get a Youtube logo in the corner\nlet src=`https://www.youtube.com/embed/${identifier1}?playlist=${identifier1}&showinfo=${showsInfo?\"1\":\"0\"}&autoplay=${autoplay?\"1\":\"0\"}&loop=${loop?\"1\":\"0\"}&mute=${mute?\"1\":\"0\"}&iv_load_policy=3&rel=0&?modestbranding=1&playsinline=1`;if(showsControls||autoplay){src+=\"&controls=\"+(showsControls?\"1\":\"0\");}return(/*#__PURE__*/ _jsx(\"iframe\",{width:\"100%\",height:\"100%\",allowFullScreen:true,onClick,onMouseEnter,onMouseLeave,onMouseDown,onMouseUp,frameBorder:0,src:src}));}Youtube.displayName=\"YouTube\";addPropertyControls(Youtube,{url:{type:ControlType.String,title:\"Video\"},play:{type:ControlType.Enum,title:\"Autoplay\",options:[YoutubeSettings.playNormal,YoutubeSettings.playAuto,YoutubeSettings.playLoop,]},canvasPlay:{type:ControlType.Boolean,title:\"On Canvas\",enabledTitle:\"Play\",disabledTitle:\"Pause\"},shouldMute:{title:\"Mute\",type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\"},...defaultEvents});Youtube.defaultProps={url:\"https://www.youtube.com/watch?v=Fop2oskTug8\",controls:YoutubeSettings.controlsPlayback,play:YoutubeSettings.playNormal,width:375,height:210,canvasPlay:false};\nexport const __FramerMetadata__ = {\"exports\":{\"Youtube\":{\"type\":\"reactComponent\",\"name\":\"Youtube\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"fixed\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"210\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerIntrinsicWidth\":\"375\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Youtube.map"],"mappings":"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"}