{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/3mUZt2lxIwucZqpk5cJq/L2aXGajSgVUPhcdnWB6s/peVKic970.js"],
  "sourcesContent": ["// Generated by Framer (128ce9c)\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-hrUsA\";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:\"rgb(180, 255, 59)\",borderBottomLeftRadius:18,borderBottomRightRadius:18,borderTopLeftRadius:18,borderTopRightRadius:18}})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-hrUsA.framer-1taj3qe, .framer-hrUsA .framer-1taj3qe { display: block; }\",\".framer-hrUsA.framer-1u6zeev { height: 36px; overflow: hidden; position: relative; width: 36px; }\",\".framer-hrUsA .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-hrUsA.framer-v-10fvjfx.framer-1u6zeev { aspect-ratio: 1 / 1; height: var(--framer-aspect-ratio-supported, 36px); }\",\".framer-hrUsA.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 * @framerAutoSizeImages true\n * @framerComponentViewportWidth true\n * @framerColorSyntax true\n */const FramerpeVKic970=withCSS(Component,css,\"framer-hrUsA\");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\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerpeVKic970\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"rMRGt6AhB\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerComponentViewportWidth\":\"true\",\"framerAutoSizeImages\":\"true\",\"framerColorSyntax\":\"true\",\"framerIntrinsicHeight\":\"36\",\"framerDisplayContentsDiv\":\"false\",\"framerImmutableVariables\":\"true\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"36\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./peVKic970.map"],
  "mappings": "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",
  "names": ["cycleOrder", "serializationHash", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "transition1", "Transition", "value", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "Variants", "motion", "x", "humanReadableVariantMap", "getProps", "height", "id", "width", "props", "createLayoutDependency", "Component", "Y", "ref", "fallbackRef", "pe", "refBinding", "defaultLayoutId", "ae", "activeLocale", "setLocale", "useLocaleInfo", "componentViewport", "useComponentViewport", "style", "className", "layoutId", "restProps", "baseVariant", "classNames", "clearLoadingGesture", "gestureHandlers", "gestureVariant", "isLoading", "setGestureState", "setVariant", "useVariantState", "layoutDependency", "activeVariantCallback", "delay", "useActiveVariantCallback", "onAppear1f9c2c0", "args", "onAppear11ttjij", "useOnVariantChange", "scopingClassNames", "cx", "LayoutGroup", "css", "FramerpeVKic970", "withCSS", "peVKic970_default", "addPropertyControls", "ControlType", "addFonts"]
}