{"version":3,"file":"peVKic970.BQQmukWS.mjs","names":["useRef"],"sources":["https:/framerusercontent.com/modules/nIZqTDW6G80KWSehetN3/TCtbJpqZVlgV3YUiZkOP/peVKic970.js"],"sourcesContent":["// Generated by Framer (677c5d1)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useOnVariantChange,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";const cycleOrder=[\"b3RooulSs\",\"rMRGt6AhB\"];const serializationHash=\"framer-IC3Om\";const variantClassNames={b3RooulSs:\"framer-v-1u6zeev\",rMRGt6AhB:\"framer-v-10fvjfx\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:199,type:\"spring\"};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 humanReadableVariantMap={\"Variant 1\":\"b3RooulSs\",\"Variant 2\":\"rMRGt6AhB\"};const getProps=({height,id,width,...props})=>{return{...props,variant:humanReadableVariantMap[props.variant]??props.variant??\"b3RooulSs\"};};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,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"b3RooulSs\",ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onAppear1f9c2c0=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"rMRGt6AhB\"),200);});const onAppear11ttjij=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"b3RooulSs\"),400);});useOnVariantChange(baseVariant,{default:onAppear1f9c2c0,rMRGt6AhB:onAppear11ttjij});const sharedStyleClassNames=[];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:transition1,children:/*#__PURE__*/_jsx(motion.div,{...restProps,...gestureHandlers,className:cx(scopingClassNames,\"framer-1u6zeev\",className,classNames),\"data-framer-name\":\"Variant 1\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"b3RooulSs\",ref:refBinding,style:{...style},...addPropertyOverrides({rMRGt6AhB:{\"data-framer-name\":\"Variant 2\"}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1nf6ux6\",layoutDependency:layoutDependency,layoutId:\"kwjIlH47S\",style:{backgroundColor:\"var(--token-4fdd7769-e1d0-45b2-8e3d-fe484baba321, rgb(161, 0, 188))\",borderBottomLeftRadius:18,borderBottomRightRadius:18,borderTopLeftRadius:18,borderTopRightRadius:18},variants:{rMRGt6AhB:{backgroundColor:\"var(--token-4a53df1c-d18e-4663-ad1f-89eb63b52f8a, rgb(201, 129, 214))\"}}})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-IC3Om.framer-1taj3qe, .framer-IC3Om .framer-1taj3qe { display: block; }\",\".framer-IC3Om.framer-1u6zeev { height: 36px; overflow: hidden; position: relative; width: 36px; }\",\".framer-IC3Om .framer-1nf6ux6 { flex: none; height: 28px; left: calc(50.00000000000002% - 28px / 2); overflow: visible; position: absolute; top: calc(50.00000000000002% - 28px / 2); width: 28px; }\",\".framer-IC3Om.framer-v-10fvjfx.framer-1u6zeev { aspect-ratio: 1 / 1; height: var(--framer-aspect-ratio-supported, 36px); }\",\".framer-IC3Om.framer-v-10fvjfx .framer-1nf6ux6 { height: 10px; left: calc(50.00000000000002% - 10px / 2); top: calc(50.00000000000002% - 10px / 2); width: 10px; }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 36\n * @framerIntrinsicWidth 36\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"rMRGt6AhB\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerpeVKic970=withCSS(Component,css,\"framer-IC3Om\");export default FramerpeVKic970;FramerpeVKic970.displayName=\"Record Beeping Animation\";FramerpeVKic970.defaultProps={height:36,width:36};addPropertyControls(FramerpeVKic970,{variant:{options:[\"b3RooulSs\",\"rMRGt6AhB\"],optionTitles:[\"Variant 1\",\"Variant 2\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerpeVKic970,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerpeVKic970\",\"slots\":[],\"annotations\":{\"framerImmutableVariables\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"rMRGt6AhB\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicWidth\":\"36\",\"framerDisplayContentsDiv\":\"false\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"36\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./peVKic970.map"],"mappings":"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"}