AppFollow, April 2024, iOS
Sensor Tower, August 2023, by downloads
Total app downloads
Survey of 500 US obstetricians and gynecologists, DRG, 2021
Monthly active users as of May ’24
',title:\"Text\",type:ControlType.RichText}});addFonts(FramerS0DNS9SiW,[{explicitInter:true,fonts:[{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/5vvr9Vy74if2I6bQbJvbw7SY1pQ.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/EOr0mi4hNtlgWNn9if640EZzXCo.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/JeYwfuaPfZHQhEG8U5gtPDZ7WQ.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/vQyevYAyHtARFwPqUzQGpnDs.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/b6Y37FthZeALduNqHicBT6FutY.woff2\",weight:\"400\"}]},...FeatherFonts,...getFontsFromSharedStyle(sharedStyle.fonts),...getFontsFromSharedStyle(sharedStyle1.fonts),...getFontsFromSharedStyle(sharedStyle2.fonts),...getFontsFromSharedStyle(sharedStyle3.fonts),...getFontsFromSharedStyle(sharedStyle4.fonts),...getFontsFromSharedStyle(sharedStyle5.fonts),...getFontsFromSharedStyle(sharedStyle6.fonts),...getFontsFromSharedStyle(sharedStyle7.fonts),...getFontsFromSharedStyle(sharedStyle8.fonts)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerS0DNS9SiW\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"57\",\"framerDisplayContentsDiv\":\"false\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"AWCnIp_eV\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicWidth\":\"375\",\"framerComponentViewportWidth\":\"true\",\"framerVariables\":\"{\\\"kscFmdCpm\\\":\\\"references\\\",\\\"bxunzeewQ\\\":\\\"text\\\"}\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./S0DNS9SiW.map","import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * Responsive Image\n * By Benjamin\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight any\n * @framerDisableUnlink\n *\n */export default function Image(props){const{image,alt,radius,padding,link,newTab,style,borderOptions,shadowOptions}=props;const wrapperStyle={display:\"flex\",placeContent:\"center\",placeItems:\"center\",width:\"100%\",height:\"100%\",padding:padding};const borderAndShadow=(borderOptions,shadowOptions)=>{if(!shadowOptions&&!borderOptions)return undefined;if(shadowOptions&&!borderOptions){return`${shadowOptions.shadowX}px ${shadowOptions.shadowY}px ${shadowOptions.shadowBlur}px ${shadowOptions.shadowColor}`;}if(!shadowOptions&&borderOptions){return`inset 0 0 0 ${borderOptions.borderWidth}px ${borderOptions.borderColor}`;}if(shadowOptions&&borderOptions){return`inset 0 0 0 ${borderOptions.borderWidth}px ${borderOptions.borderColor}, ${shadowOptions.shadowX}px ${shadowOptions.shadowY}px ${shadowOptions.shadowBlur}px ${shadowOptions.shadowColor}`;}};const imageStyle={maxWidth:\"100%\",maxHeight:\"100%\",borderRadius:radius,webkitUserDrag:\"none\",userDrag:\"none\",userSelect:\"none\"};const shadowStyle={position:\"absolute\",inset:0,pointerEvents:\"none\",borderRadius:radius,boxShadow:borderAndShadow(borderOptions,shadowOptions)};const imageSource=(image===null||image===void 0?void 0:image.src)||\"https://framerusercontent.com/images/64n4wnVJKDJspLlFZ6DarCP0M4.jpg\";return link?/*#__PURE__*/_jsxs(\"a\",{href:link,title:alt,target:newTab?\"_blank\":\"_self\",style:wrapperStyle,children:[/*#__PURE__*/_jsx(\"img\",{style:imageStyle,src:imageSource,srcSet:image===null||image===void 0?void 0:image.srcSet,alt:alt}),/*#__PURE__*/_jsx(\"div\",{style:shadowStyle})]}):/*#__PURE__*/_jsxs(\"div\",{style:wrapperStyle,children:[/*#__PURE__*/_jsx(\"img\",{style:imageStyle,src:imageSource,srcSet:image===null||image===void 0?void 0:image.srcSet,alt:alt}),/*#__PURE__*/_jsx(\"div\",{style:shadowStyle})]});}addPropertyControls(Image,{image:{title:\"Image\",type:ControlType.ResponsiveImage},alt:{type:ControlType.String,title:\"Alt\",placeholder:\"Alt Text\"},radius:{title:\"Radius\",type:ControlType.Number,min:0,max:100,step:1,displayStepper:true},padding:{title:\"Padding\",type:ControlType.Number,min:0,max:100,step:1,displayStepper:true},link:{type:ControlType.Link,title:\"Link\"},newTab:{type:ControlType.Boolean,title:\"New Tab\",hidden:props=>!props.link},borderOptions:{type:ControlType.Object,optional:true,title:\"Border\",icon:\"effect\",controls:{borderColor:{type:ControlType.Color,title:\"Color\",defaultValue:\"rgba(0,0,0,0.2)\"},borderWidth:{type:ControlType.Number,title:\"Width\",min:0,displayStepper:true,defaultValue:1}}},shadowOptions:{type:ControlType.Object,title:\"Shadow\",optional:true,icon:\"effect\",controls:{shadowX:{type:ControlType.Number,title:\"X\",min:0,defaultValue:0},shadowY:{type:ControlType.Number,title:\"Y\",min:0,defaultValue:2},shadowBlur:{type:ControlType.Number,title:\"Blur\",min:0,defaultValue:4},shadowColor:{type:ControlType.Color,title:\"Color\",defaultValue:\"rgba(0,0,0,0.2)\"}}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Image\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerSupportedLayoutHeight\":\"any\",\"framerDisableUnlink\":\"*\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Image.map","// Generated by Framer (cb843cf)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,getFontsFromSharedStyle,Link,RichText,SmartComponentScopedContainer,useComponentViewport,useLocaleInfo,useVariantState,withCSS,withFX}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import Image from\"https://framerusercontent.com/modules/4FYXL5lQz9cgJ2BJkaNV/uQoXZ4NvFasfJqYRTeHn/Image.js\";import*as sharedStyle from\"https://framerusercontent.com/modules/RghMdMgpDdYN0H7HVe7s/KhjWqORpFMKgvtkUhlGA/VpmhfSMEk.js\";const ImageFonts=getFonts(Image);const MotionAWithFX=withFX(motion.a);const enabledGestures={lFzBhz4jn:{hover:true}};const serializationHash=\"framer-UwZnz\";const variantClassNames={lFzBhz4jn:\"framer-v-nb6idr\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const animation={opacity:0,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:48};const transition1={damping:40,delay:.1,mass:1,stiffness:400,type:\"spring\"};const animation1={opacity:0,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,transition:transition1,x:0,y:48};const transition2={bounce:.2,delay:0,duration:.4,type:\"spring\"};const toResponsiveImage=value=>{if(typeof value===\"object\"&&value!==null&&typeof value.src===\"string\"){return value;}return typeof value===\"string\"?{src:value}:undefined;};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value??config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const getProps=({articleImage,date,height,id,title,width,...props})=>{return{...props,p0jL2bVN9:title??props.p0jL2bVN9??\"Heart palpitations in perimenopause: When to get help.\",qIZVJez32:articleImage??props.qIZVJez32??{src:\"https://framerusercontent.com/images/b64s0lFrJo5IeQAg0M2FSKPdPU.svg?scale-down-to=512\",srcSet:\"https://framerusercontent.com/images/b64s0lFrJo5IeQAg0M2FSKPdPU.svg?scale-down-to=512 512w,https://framerusercontent.com/images/b64s0lFrJo5IeQAg0M2FSKPdPU.svg 1006w\"},vnJBlZMCX:date??props.vnJBlZMCX??\"February 28, 2025\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const fallbackRef=useRef(null);const refBinding=ref??fallbackRef;const defaultLayoutId=React.useId();const{activeLocale,setLocale}=useLocaleInfo();const componentViewport=useComponentViewport();const{style,className,layoutId,variant,p0jL2bVN9,vnJBlZMCX,qIZVJez32,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({defaultVariant:\"lFzBhz4jn\",enabledGestures,ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[sharedStyle.className];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId??defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition2,children:/*#__PURE__*/_jsx(Link,{href:{webPageId:\"augiA20Il\"},motionChild:true,nodeId:\"lFzBhz4jn\",scopeId:\"VHiD6yHG2\",children:/*#__PURE__*/_jsxs(MotionAWithFX,{...restProps,...gestureHandlers,__framer__animate:{transition:transition1},__framer__animateOnce:true,__framer__enter:animation,__framer__exit:animation1,__framer__styleAppearEffectEnabled:true,__framer__threshold:.5,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:`${cx(scopingClassNames,\"framer-nb6idr\",className,classNames)} framer-9uc8sy`,\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"lFzBhz4jn\",ref:refBinding,style:{...style},...addPropertyOverrides({\"lFzBhz4jn-hover\":{\"data-framer-name\":undefined}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(SmartComponentScopedContainer,{className:\"framer-1xig80b-container\",isAuthoredByUser:true,isModuleExternal:true,layoutDependency:layoutDependency,layoutId:\"fQy00zeTD-container\",nodeId:\"fQy00zeTD\",rendersWithMotion:true,scopeId:\"VHiD6yHG2\",style:{opacity:1},variants:{\"lFzBhz4jn-hover\":{opacity:.9}},children:/*#__PURE__*/_jsx(Image,{alt:\"Asset A\",height:\"100%\",id:\"fQy00zeTD\",image:toResponsiveImage(qIZVJez32),layoutId:\"fQy00zeTD\",newTab:true,padding:0,radius:16,style:{width:\"100%\"},width:\"100%\"})})}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1mwcu46\",\"data-framer-name\":\"Content\",layoutDependency:layoutDependency,layoutId:\"AOAPL3jwx\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h6,{className:\"framer-styles-preset-8dh95p\",\"data-styles-preset\":\"VpmhfSMEk\",children:\" Heart palpitations in perimenopause: When to get help.\"})}),className:\"framer-1q5i9wz\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"nRVz77syd\",style:{\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",opacity:1},text:p0jL2bVN9,variants:{\"lFzBhz4jn-hover\":{opacity:.9}},verticalAlignment:\"top\",withExternalLayout:true}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--framer-letter-spacing\":\"0px\",\"--framer-line-height\":\"24px\",\"--framer-text-alignment\":\"left\",\"--framer-text-color\":\"var(--extracted-r6o4lv, rgba(10, 10, 10, 0.6))\"},children:\"February 28, 2025\"})}),className:\"framer-1d005f7\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"mUCRLaM6W\",style:{\"--extracted-r6o4lv\":\"rgba(10, 10, 10, 0.6)\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",opacity:1},text:vnJBlZMCX,variants:{\"lFzBhz4jn-hover\":{opacity:.9}},verticalAlignment:\"top\",withExternalLayout:true})]})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-UwZnz.framer-9uc8sy, .framer-UwZnz .framer-9uc8sy { display: block; }\",\".framer-UwZnz.framer-nb6idr { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 16px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 0px; position: relative; text-decoration: none; width: 358px; }\",\".framer-UwZnz .framer-1xig80b-container { flex: none; height: auto; position: relative; width: 100%; }\",\".framer-UwZnz .framer-1mwcu46 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 8px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 100%; }\",\".framer-UwZnz .framer-1q5i9wz, .framer-UwZnz .framer-1d005f7 { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-UwZnz.framer-nb6idr, .framer-UwZnz .framer-1mwcu46 { gap: 0px; } .framer-UwZnz.framer-nb6idr > * { margin: 0px; margin-bottom: calc(16px / 2); margin-top: calc(16px / 2); } .framer-UwZnz.framer-nb6idr > :first-child, .framer-UwZnz .framer-1mwcu46 > :first-child { margin-top: 0px; } .framer-UwZnz.framer-nb6idr > :last-child, .framer-UwZnz .framer-1mwcu46 > :last-child { margin-bottom: 0px; } .framer-UwZnz .framer-1mwcu46 > * { margin: 0px; margin-bottom: calc(8px / 2); margin-top: calc(8px / 2); } }\",...sharedStyle.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 372.5\n * @framerIntrinsicWidth 357.5\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"odr9jRTIy\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"p0jL2bVN9\":\"title\",\"vnJBlZMCX\":\"date\",\"qIZVJez32\":\"articleImage\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerVHiD6yHG2=withCSS(Component,css,\"framer-UwZnz\");export default FramerVHiD6yHG2;FramerVHiD6yHG2.displayName=\"Blog Article\";FramerVHiD6yHG2.defaultProps={height:372.5,width:357.5};addPropertyControls(FramerVHiD6yHG2,{p0jL2bVN9:{defaultValue:\"Heart palpitations in perimenopause: When to get help.\",displayTextArea:false,title:\"Title\",type:ControlType.String},vnJBlZMCX:{defaultValue:\"February 28, 2025\",displayTextArea:false,title:\"Date\",type:ControlType.String},qIZVJez32:{__defaultAssetReference:\"data:framer/asset-reference,b64s0lFrJo5IeQAg0M2FSKPdPU.svg?originalFilename=Blog+1.svg&preferredSize=auto\",title:\"Article Image\",type:ControlType.ResponsiveImage}});addFonts(FramerVHiD6yHG2,[{explicitInter:true,fonts:[{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/5vvr9Vy74if2I6bQbJvbw7SY1pQ.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/EOr0mi4hNtlgWNn9if640EZzXCo.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/JeYwfuaPfZHQhEG8U5gtPDZ7WQ.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/vQyevYAyHtARFwPqUzQGpnDs.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/b6Y37FthZeALduNqHicBT6FutY.woff2\",weight:\"400\"}]},...ImageFonts,...getFontsFromSharedStyle(sharedStyle.fonts)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerVHiD6yHG2\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"372.5\",\"framerImmutableVariables\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"odr9jRTIy\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerVariables\":\"{\\\"p0jL2bVN9\\\":\\\"title\\\",\\\"vnJBlZMCX\\\":\\\"date\\\",\\\"qIZVJez32\\\":\\\"articleImage\\\"}\",\"framerDisplayContentsDiv\":\"false\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"357.5\",\"framerComponentViewportWidth\":\"true\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./VHiD6yHG2.map","import{useState,useEffect}from\"react\";import{Data,useObserveData}from\"framer\";export function createStore(state1){// Use Data so that a Preview reload resets the state\nconst dataStore=Data({state:Object.freeze({...state1})});// Create a set function that updates the state\nconst setDataStore=newState=>{// If the state is an object, make sure we copy it\nif(typeof newState===\"function\"){newState=newState(dataStore.state);}dataStore.state=Object.freeze({...dataStore.state,...newState});};// Store the initial state, copy the object if it's an object\nlet storeState=typeof state1===\"object\"?Object.freeze({...state1}):state1;// Keep a list of all the listeners, in the form of React hook setters\nconst storeSetters=new Set();// Create a set function that updates all the listeners / setters\nconst setStoreState=newState=>{// If the state is an object, make sure we copy it\nif(typeof newState===\"function\"){newState=newState(storeState);}storeState=typeof newState===\"object\"?Object.freeze({...storeState,...newState}):newState;// Update all the listeners / setters with the new value\nstoreSetters.forEach(setter=>setter(storeState));};// Create the actual hook based on everything above\nfunction useStore(){// Create the hook we are going to use as a listener\nconst[state,setState]=useState(storeState);// If we unmount the component using this hook, we need to remove the listener\n// @ts-ignore\nuseEffect(()=>{// But right now, we need to add the listener\nstoreSetters.add(setState);return()=>storeSetters.delete(setState);},[]);// If Data context exists, use Data, otherwise use vanilla React state\nif(useObserveData()===true){useObserveData();return[dataStore.state,setDataStore];}else{// Return the state and a function to update the central store\nreturn[state,setStoreState];}}return useStore;}\nexport const __FramerMetadata__ = {\"exports\":{\"createStore\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./createStore.map","import{useEffect}from\"react\";import{createStore}from\"https://framer.com/m/framer/store.js@^1.0.0\";// Learn more: https://www.framer.com/docs/guides/overrides/\nconst useStore=createStore({});export const useFormStore=()=>{const[formStore,setFormStore]=useStore();return[formStore,setFormStore];};export const useFormValue=(name,value)=>{var _formStore_nameValue;const[formStore,setFormStore]=useStore();const nameValue=name||\"undefined\";const storeValue=(_formStore_nameValue=formStore[nameValue])===null||_formStore_nameValue===void 0?void 0:_formStore_nameValue.value;const returnedValue=storeValue===undefined?value:storeValue;const setValueStore=datasets=>{let data,type=typeof datasets;if(type===\"string\"||type===\"number\"||type===\"boolean\"){data={value:datasets};}else if(type===\"object\"){data=datasets;}else{return;}setFormStore(prev=>({...prev,[nameValue]:{...prev[nameValue],...data}}));};const deleteStoreValue=()=>{setFormStore(previousStore=>{const newStore=previousStore;delete newStore[nameValue];return newStore;});};useEffect(()=>{value&&setValueStore(value);},[]);return[storeValue,setValueStore,deleteStoreValue];};\nexport const __FramerMetadata__ = {\"exports\":{\"useFormStore\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useFormValue\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Store.map","import{useFormStore,useFormValue}from\"https://framer.com/m/Store-RE81.js@kn1vDC0MmWKhXtlIcBig\";export{useFormStore,useFormValue};\nexport const __FramerMetadata__ = {\"exports\":{\"useFormStore\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useFormValue\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Store.map","export const getCSSProperties=props=>{const{// Style Property\nstyle,// Box Properties\npadding,border,borderRadius,backgroundColor,boxShadow,overflow,//Text Properties\nfont,color,fontSize,lineHeight,justifyContent,alignItems,textTransform,textDecoration}=props;return{display:\"flex\",...style,padding,overflow,borderRadius,...border,...font,color,fontSize,letterSpacing:`${props.letterSpacing}em`,lineHeight,justifyContent,alignItems,textTransform,textDecoration,backgroundColor,boxShadow};};\nexport const __FramerMetadata__ = {\"exports\":{\"getCSSProperties\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./getCSSProperties.map","import{ControlType}from\"framer\";export function getFrameControls({padding,backgroundColor,overflow=\"hidden\",borderRadius,border,boxShadow,hidden}={}){return{padding:{type:ControlType.Padding,defaultValue:padding,hidden:hidden},backgroundColor:{title:\"Fill\",type:ControlType.Color,optional:true,defaultValue:backgroundColor,hidden:hidden},overflow:{type:ControlType.Enum,optionTitles:[\"Hidden\",\"Visible\",\"Scroll\"],options:[\"hidden\",\"visible\",\"scroll\"],defaultValue:overflow,hidden:hidden},borderRadius:{title:\"Radius\",type:ControlType.BorderRadius,defaultValue:borderRadius,hidden:hidden},/*\n border: {\n title: \"Radius\",\n type: ControlType.Object,\n defaultValue: borderRadius,\n hidden: hidden,\n controls: {\n borderColor: {\n type: ControlType.Color,\n },\n borderStyle: {\n type: ControlType.Enum,\n options: [\"solid\", \"dashed\", \"dotted\", \"double\"],\n optionTitles: [\"Solid\", \"Dashed\", \"Dotted\", \"Double\"],\n },\n borderWidth: {\n type: ControlType.Padding,\n },\n },\n },\n */border:{type:ControlType.Border,defaultValue:border,hidden:hidden},boxShadow:{title:\"Shadows\",type:ControlType.BoxShadow,description:\"\\n\",defaultValue:boxShadow,hidden:hidden}};}\nexport const __FramerMetadata__ = {\"exports\":{\"getFrameControls\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./getFrameControls.map","import{ControlType}from\"framer\";export function getTextControls({color=\"#000000\",fontType=\"sans-serif\",fontSize=14,letterSpacing=0,lineHeight=1.2,paragraph=0,justifyContent=\"center\",alignItems=\"center\",textTransform=\"none\",textDecoration=\"none\",hidden}={}){return{font:{//@ts-ignore\ntype:ControlType.Font,controls:\"basic\",displayFontSize:false,displayTextAlignment:false,defaultFontType:fontType,hidden:hidden,optional:true},color:{type:ControlType.Color,defaultValue:color,hidden:hidden,optional:true},fontSize:{title:\"Size\",type:ControlType.Number,min:1,max:120,step:1,defaultValue:fontSize,hidden:hidden},letterSpacing:{title:\"Letter\",type:ControlType.Number,min:-500,max:500,displayStepper:true,step:.1,defaultValue:letterSpacing,hidden:hidden},lineHeight:{title:\"Line\",type:ControlType.Number,min:-500,max:500,displayStepper:true,step:.1,unit:\"em\",defaultValue:lineHeight,hidden:hidden},paragraph:{type:ControlType.Number,min:-500,max:500,displayStepper:true,step:.1,defaultValue:paragraph,hidden:hidden},//TextAlignHorizontal\njustifyContent:{title:\"Align\",type:ControlType.Enum,options:[\"start\",\"center\",\"end\"],optionIcons:[\"text-align-left\",\"text-align-center\",\"text-align-right\"],displaySegmentedControl:true,defaultValue:justifyContent,hidden:hidden},//TextAlignVertical\nalignItems:{title:\" \",type:ControlType.Enum,options:[\"start\",\"center\",\"end\"],optionIcons:[\"text-align-top\",\"text-align-middle\",\"text-align-bottom\"],displaySegmentedControl:true,defaultValue:alignItems,hidden:hidden},textTransform:{title:\"Transform\",type:ControlType.Enum,options:[\"none\",\"capitalize\",\"uppercase\",\"lowercase\"],optionTitles:[\"None\",\"Capitalize\",\"Uppercase\",\"Lowercase\"],defaultValues:textTransform,hidden:hidden},textDecoration:{title:\"Decoration\",type:ControlType.Enum,options:[\"none\",\"underline\",\"line-through\"],optionTitles:[\"Aa\",\"A͟a\",\" ̵A̵a̵\"],displaySegmentedControl:true,description:\"\\n\",defaultValues:textDecoration,hidden:hidden}};}\nexport const __FramerMetadata__ = {\"exports\":{\"getTextControls\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./getTextControls.map","import{ControlType}from\"framer\";import{getFrameControls}from\"https://framer.com/m/getFrameControls-RVca.js@MVvp0SudINYyHJ4K1DgZ\";import{getTextControls}from\"https://framer.com/m/getTextControls-gNLH.js@Kwd2Ntfv3VNStNrPRxEd\";export function getButtonControls({// Box Default Value\npadding=\"12px\",backgroundColor=\"#0099FF\",overflow,borderRadius=\"10px\",border={borderWidth:0},boxShadow,// Text Default Value\ncontent=\"Submit\",color=\"#FFF\",fontType,fontSize=14,letterSpacing,lineHeight=1.4,paragraph,justifyContent=\"center\",alignItems=\"center\",textTransform,textDecoration,// Commun Default Value\nhidden}={}){return{...getFrameControls({padding,backgroundColor,overflow,borderRadius,border,boxShadow,hidden}),content:{type:ControlType.String,defaultValue:content,hidden},...getTextControls({color,fontSize,letterSpacing,lineHeight,paragraph,justifyContent,alignItems,textTransform,textDecoration,hidden})};}\nexport const __FramerMetadata__ = {\"exports\":{\"getButtonControls\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./getButtonControls.map","import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls}from\"framer\";import{getCSSProperties}from\"https://framer.com/m/getCSSProperties-26he.js@XG0OdmsDVTtIpsEYlXc9\";import{getButtonControls}from\"https://framer.com/m/getButtonControls-1OE4.js@fRpov4qm9qKEKCN6MQU5\";/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/developers/components/auto-sizing\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any\n *\n * @framerIntrinsicWidth 156\n */function Button(props){const{onClick,content}=props;return /*#__PURE__*/_jsx(\"div\",{onClick:onClick,style:{...getCSSProperties(props),cursor:onClick&&\"pointer\"},children:content});}addPropertyControls(Button,getButtonControls());export{Button,getButtonControls};\nexport const __FramerMetadata__ = {\"exports\":{\"Button\":{\"type\":\"reactComponent\",\"name\":\"Button\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"156\",\"framerSupportedLayoutHeight\":\"any\"}},\"getButtonControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Button.map","// Generated by Framer (98479f1)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,SVG,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const cycleOrder=[\"QVQ8glEc6\",\"YvH9xlZCi\",\"vsb4ex81u\",\"bDwsUdmas\",\"Gj5Zc2iBD\",\"xOE7G7L5R\",\"wA9EIOf81\",\"v03lGXX_V\",\"aiZ3b8QjW\",\"NgmdjSKH1\",\"Q5Y5fvfUn\",\"k5HNjbydv\",\"RwjoTNmD1\",\"U9LujikXD\"];const serializationHash=\"framer-axT55\";const variantClassNames={aiZ3b8QjW:\"framer-v-1feuqoe\",bDwsUdmas:\"framer-v-11qhtda\",Gj5Zc2iBD:\"framer-v-x7e1va\",k5HNjbydv:\"framer-v-eabj9v\",NgmdjSKH1:\"framer-v-1ulcjpa\",Q5Y5fvfUn:\"framer-v-8z9mmz\",QVQ8glEc6:\"framer-v-6uh91x\",RwjoTNmD1:\"framer-v-6dzkko\",U9LujikXD:\"framer-v-bi0cc\",v03lGXX_V:\"framer-v-ykmk1n\",vsb4ex81u:\"framer-v-1amg1ky\",wA9EIOf81:\"framer-v-1ayvj9d\",xOE7G7L5R:\"framer-v-c17cow\",YvH9xlZCi:\"framer-v-s4crox\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const radiusForCorner=(value,cornerIndex)=>{if(typeof value===\"number\"&&Number.isFinite(value))return Math.max(0,value)+\"px\";if(typeof value!==\"string\"||typeof cornerIndex!==\"number\")return undefined;const segments=value.split(\" \");return segments[cornerIndex]||segments[cornerIndex-2]||segments[0];};const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const negate=value=>{return!value;};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const humanReadableVariantMap={Action:\"YvH9xlZCi\",Collection:\"Gj5Zc2iBD\",Color:\"xOE7G7L5R\",Docs:\"wA9EIOf81\",Example:\"vsb4ex81u\",Fullscreen:\"v03lGXX_V\",Input:\"U9LujikXD\",Insert:\"bDwsUdmas\",Layout:\"aiZ3b8QjW\",Logic:\"NgmdjSKH1\",None:\"QVQ8glEc6\",Number:\"Q5Y5fvfUn\",Refresh:\"k5HNjbydv\",String:\"RwjoTNmD1\"};const getProps=({color,height,id,radius,squared,width,...props})=>{var _ref,_ref1,_ref2,_humanReadableVariantMap_props_variant,_ref3;return{...props,b20gblfIN:(_ref=radius!==null&&radius!==void 0?radius:props.b20gblfIN)!==null&&_ref!==void 0?_ref:4,C0ulGFnAh:(_ref1=squared!==null&&squared!==void 0?squared:props.C0ulGFnAh)!==null&&_ref1!==void 0?_ref1:true,OPrmeX769:(_ref2=color!==null&&color!==void 0?color:props.OPrmeX769)!==null&&_ref2!==void 0?_ref2:\"var(--token-1e4e4e57-d3e9-4f06-a664-b156ec18a915, rgb(137, 87, 254))\",variant:(_ref3=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref3!==void 0?_ref3:\"QVQ8glEc6\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,C0ulGFnAh,b20gblfIN,OPrmeX769,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"QVQ8glEc6\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const ref1=React.useRef(null);const isDisplayed=()=>{if(baseVariant===\"YvH9xlZCi\")return true;return false;};const visible=negate(C0ulGFnAh);const isDisplayed1=()=>{if(baseVariant===\"bDwsUdmas\")return true;return false;};const isDisplayed2=()=>{if(baseVariant===\"Gj5Zc2iBD\")return true;return false;};const isDisplayed3=()=>{if(baseVariant===\"xOE7G7L5R\")return true;return false;};const isDisplayed4=()=>{if(baseVariant===\"wA9EIOf81\")return true;return false;};const isDisplayed5=value=>{if(baseVariant===\"wA9EIOf81\")return value;return true;};const isDisplayed6=()=>{if(baseVariant===\"v03lGXX_V\")return true;return false;};const isDisplayed7=()=>{if(baseVariant===\"aiZ3b8QjW\")return true;return false;};const isDisplayed8=()=>{if(baseVariant===\"NgmdjSKH1\")return true;return false;};const isDisplayed9=()=>{if(baseVariant===\"Q5Y5fvfUn\")return true;return false;};const isDisplayed10=()=>{if(baseVariant===\"k5HNjbydv\")return true;return false;};const isDisplayed11=()=>{if(baseVariant===\"RwjoTNmD1\")return true;return false;};const isDisplayed12=()=>{if(baseVariant===\"U9LujikXD\")return true;return false;};const isDisplayed13=()=>{if(baseVariant===\"vsb4ex81u\")return true;return false;};const isDisplayed14=value=>{if(baseVariant===\"vsb4ex81u\")return value;return true;};const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,...gestureHandlers,className:cx(serializationHash,...sharedStyleClassNames,\"framer-6uh91x\",className,classNames),\"data-framer-name\":\"None\",layoutDependency:layoutDependency,layoutId:\"QVQ8glEc6\",ref:ref!==null&&ref!==void 0?ref:ref1,style:{borderBottomLeftRadius:radiusForCorner(b20gblfIN,3),borderBottomRightRadius:radiusForCorner(b20gblfIN,2),borderTopLeftRadius:radiusForCorner(b20gblfIN,0),borderTopRightRadius:radiusForCorner(b20gblfIN,1),...style},...addPropertyOverrides({aiZ3b8QjW:{\"data-framer-name\":\"Layout\"},bDwsUdmas:{\"data-framer-name\":\"Insert\"},Gj5Zc2iBD:{\"data-framer-name\":\"Collection\"},k5HNjbydv:{\"data-framer-name\":\"Refresh\"},NgmdjSKH1:{\"data-framer-name\":\"Logic\"},Q5Y5fvfUn:{\"data-framer-name\":\"Number\"},RwjoTNmD1:{\"data-framer-name\":\"String\"},U9LujikXD:{\"data-framer-name\":\"Input\"},v03lGXX_V:{\"data-framer-name\":\"Fullscreen\"},vsb4ex81u:{\"data-framer-name\":\"Example\"},wA9EIOf81:{\"data-framer-name\":\"Docs\"},xOE7G7L5R:{\"data-framer-name\":\"Color\"},YvH9xlZCi:{\"data-framer-name\":\"Action\"}},baseVariant,gestureVariant),children:[isDisplayed()&&/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1a901ga\",\"data-framer-name\":\"Action\",layoutDependency:layoutDependency,layoutId:\"XmKEXIPga\",children:[C0ulGFnAh&&/*#__PURE__*/_jsx(SVG,{className:\"framer-1dp8cr2\",\"data-framer-name\":\"Squared\",fill:OPrmeX769,intrinsicHeight:18,intrinsicWidth:18,layoutDependency:layoutDependency,layoutId:\"mlAMZesbf\",svg:'