{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/bmv0hIBfDZtANPW07xgp/yQocToPi6O0X9bugXhZb/Flip.js", "ssg:https://framerusercontent.com/modules/80TE3RkEwTGHMZCPRdTa/uvpXzFts6SEzOCgebIo7/nw1Wot01a.js", "ssg:https://framerusercontent.com/modules/EVzrbR1Rw79HtvcmG5Oy/iUrU9wgJFuc0SjHalSpN/t1ILBBh7L.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{motion}from\"framer-motion\";import{Children,cloneElement}from\"react\";/**\n *\n * FLIP\n * By Benjamin\n *\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 200\n *\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */ export default function Flip(props){var ref,ref1;const isCanvas=RenderTarget.current()===RenderTarget.canvas;const hasChildren=Children.count(props.children)>0;const hasOneChild=Children.count(props.children)===1;const variants={initial:{rotateY:0},hover:{rotateY:180}};/* Empty state */ if(!hasChildren){return /*#__PURE__*/ _jsxs(\"section\",{style:placeholderStyles,children:[/*#__PURE__*/ _jsx(\"div\",{style:emojiStyles,children:\"\u2602\uFE0F\"}),/*#__PURE__*/ _jsx(\"p\",{style:titleStyles,children:\"Connect to Content\"}),/*#__PURE__*/ _jsx(\"p\",{style:subtitleStyles,children:\"Add two layers to flip between on hover.\"})]});}if(hasOneChild){return /*#__PURE__*/ _jsxs(\"section\",{style:placeholderStyles,children:[/*#__PURE__*/ _jsx(\"div\",{style:emojiStyles,children:\"\u2705\"}),/*#__PURE__*/ _jsx(\"p\",{style:titleStyles,children:\"One more!\"}),/*#__PURE__*/ _jsx(\"p\",{style:subtitleStyles,children:\"Add two layers to flip between on hover.\"})]});}return /*#__PURE__*/ _jsx(motion.div,{style:{width:\"100%\",height:\"100%\",position:\"relative\",perspective:1200,...props.style},whileHover:\"hover\",children:/*#__PURE__*/ _jsxs(motion.div,{style:{width:\"100%\",height:\"100%\",position:\"absolute\",userSelect:\"none\",transformStyle:\"preserve-3d\"},variants:variants,transition:props.hoverTransition,children:[/*#__PURE__*/ _jsx(\"div\",{style:{...childStyles},children:/*#__PURE__*/ cloneElement(props.children[0],{...props.children[0].props,style:{...(ref=props.children[0].props)===null||ref===void 0?void 0:ref.style,width:\"100%\",height:\"100%\"}})}),/*#__PURE__*/ _jsx(\"div\",{style:{...childStyles,transform:\"rotateY(180deg)\"},children:/*#__PURE__*/ cloneElement(props.children[1],{...props.children[1].props,style:{...(ref1=props.children[1].props)===null||ref1===void 0?void 0:ref1.style,width:\"100%\",height:\"100%\"}})})]})});};Flip.displayName=\"Flip\";addPropertyControls(Flip,{children:{type:ControlType.Array,title:\"Content\",control:{type:ControlType.ComponentInstance},maxCount:2},hoverTransition:{type:ControlType.Transition,title:\"Transition\",defaultValue:{spring:350,damping:30}}});const childStyles={width:\"100%\",height:\"100%\",position:\"absolute\",backfaceVisibility:\"hidden\"};/* Placeholder Styles */ const placeholderStyles={display:\"flex\",width:\"100%\",height:\"100%\",placeContent:\"center\",placeItems:\"center\",flexDirection:\"column\",color:\"#96F\",background:\"rgba(136, 85, 255, 0.1)\",fontSize:11,overflow:\"hidden\",padding:\"20px 20px 30px 20px\"};const emojiStyles={fontSize:32,marginBottom:10};const titleStyles={margin:0,marginBottom:10,fontWeight:600,textAlign:\"center\"};const subtitleStyles={margin:0,opacity:.7,maxWidth:120,lineHeight:1.5,textAlign:\"center\"};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Flip\",\"slots\":[],\"annotations\":{\"framerDisableUnlink\":\"*\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"200\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerIntrinsicWidth\":\"200\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Flip.map", "// Generated by Framer (04e0834)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"GF;Montserrat-500\",\"GF;Montserrat-700\",\"GF;Montserrat-700italic\",\"GF;Montserrat-500italic\"]);export const fonts=[{explicitInter:true,fonts:[{family:\"Montserrat\",source:\"google\",style:\"normal\",url:\"https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Ew7Y3tcoqK5.woff2\",weight:\"500\"},{family:\"Montserrat\",source:\"google\",style:\"normal\",url:\"https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w7Y3tcoqK5.woff2\",weight:\"700\"},{family:\"Montserrat\",source:\"google\",style:\"italic\",url:\"https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq0N6aXp-p7K5ILg.woff2\",weight:\"700\"},{family:\"Montserrat\",source:\"google\",style:\"italic\",url:\"https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq5Z9aXp-p7K5ILg.woff2\",weight:\"500\"}]}];export const css=['.framer-o4OND .framer-styles-preset-4pbj4f:not(.rich-text-wrapper), .framer-o4OND .framer-styles-preset-4pbj4f.rich-text-wrapper h1 { --framer-font-family: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-bold: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-bold-italic: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-italic: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-size: 34px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-weight: 500; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 500; --framer-letter-spacing: 0em; --framer-line-height: 1.2em; --framer-paragraph-spacing: 40px; --framer-text-alignment: center; --framer-text-color: var(--token-b43a0b96-db27-4979-882d-0e6d38024c86, #ffffff); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; }'];export const className=\"framer-o4OND\";\nexport const __FramerMetadata__ = {\"exports\":{\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}", "// Generated by Framer (04e0834)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"GF;Montserrat-regular\",\"GF;Montserrat-700\",\"GF;Montserrat-700italic\",\"GF;Montserrat-italic\"]);export const fonts=[{explicitInter:true,fonts:[{family:\"Montserrat\",source:\"google\",style:\"normal\",url:\"https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew7Y3tcoqK5.woff2\",weight:\"400\"},{family:\"Montserrat\",source:\"google\",style:\"normal\",url:\"https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w7Y3tcoqK5.woff2\",weight:\"700\"},{family:\"Montserrat\",source:\"google\",style:\"italic\",url:\"https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq0N6aXp-p7K5ILg.woff2\",weight:\"700\"},{family:\"Montserrat\",source:\"google\",style:\"italic\",url:\"https://fonts.gstatic.com/s/montserrat/v26/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9aXp-p7K5ILg.woff2\",weight:\"400\"}]}];export const css=['.framer-ctcZR .framer-styles-preset-2zm5b7:not(.rich-text-wrapper), .framer-ctcZR .framer-styles-preset-2zm5b7.rich-text-wrapper h2 { --framer-font-family: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-bold: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-bold-italic: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-family-italic: \"Montserrat\", \"Montserrat Placeholder\", sans-serif; --framer-font-size: 24px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-weight: 400; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 400; --framer-letter-spacing: 0em; --framer-line-height: 1.3em; --framer-paragraph-spacing: 40px; --framer-text-alignment: center; --framer-text-color: var(--token-b43a0b96-db27-4979-882d-0e6d38024c86, #ffffff); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; }'];export const className=\"framer-ctcZR\";\nexport const __FramerMetadata__ = {\"exports\":{\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],
  "mappings": "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",
  "names": ["Flip", "props", "ref", "ref1", "isCanvas", "RenderTarget", "hasChildren", "j", "hasOneChild", "variants", "u", "placeholderStyles", "p", "emojiStyles", "titleStyles", "subtitleStyles", "motion", "childStyles", "q", "addPropertyControls", "ControlType", "fontStore", "fonts", "css", "className", "fontStore", "fonts", "css", "className"]
}