{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/WxVohb0XFbmN0Ymd5szE/df9shwBrOtZLYns5lE4F/MorphingBox.js"],
  "sourcesContent": ["function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{Frame,ControlType}from\"framer\";import{useAnimation}from\"framer-motion\";var _React_Component;export class MorphingBox extends(_React_Component=React.Component){render(){return /*#__PURE__*/_jsx(MorphingBoxInner,{...this.props});}}_define_property(MorphingBox,\"propertyControls\",{colors:{type:ControlType.Array,title:\"Colors\",propertyControl:{type:ControlType.Color,title:\"Color\"},defaultValue:[\"#FF0000\",\"#00FF00\",\"#0000FF\"]},animationDuration:{type:ControlType.Number,title:\"Animation Duration (ms)\",defaultValue:1500,min:100,max:1e5,step:100,displayStepper:true},transitionDuration:{type:ControlType.Number,title:\"Transition Duration (ms)\",description:\"\\n\\n\\n\\n\",defaultValue:500,min:100,max:5e4,step:100,displayStepper:true},PropertyOf:{type:ControlType.SegmentedEnum,title:\"\\xa92024 Copyright\",options:[\"\u2665  Inspection Capital\u2122  \u2665\"],defaultValue:\"\u2665  Inspection Capital\u2122  \u2665\",description:\"\\n This component is property of \\n *[THE BEAR RIVER GROUP](https://www.thebearrivergroup.com)* \\n\"}});const MorphingBoxInner=props=>{const{colors,animationDuration,transitionDuration,...rest}=props;const[colorIndex,setColorIndex]=React.useState(0);const animationControls=useAnimation();React.useEffect(()=>{const interval=setInterval(()=>{setColorIndex(index=>(index+1)%colors.length);},animationDuration);return()=>clearInterval(interval);},[colors,animationDuration]);React.useEffect(()=>{animationControls.start({backgroundColor:colors[colorIndex]});},[colorIndex,colors,animationControls]);return /*#__PURE__*/_jsx(Frame,{size:\"100%\",background:\"transparent\",center:true,...rest,style:{backgroundColor:colors[colorIndex],transition:`background-color ${transitionDuration/1e3}s ease-in-out`}});};\nexport const __FramerMetadata__ = {\"exports\":{\"MorphingBox\":{\"type\":\"reactComponent\",\"name\":\"MorphingBox\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./MorphingBox.map"],
  "mappings": "8JAAAA,IAAA,SAASC,EAAiBC,EAAIC,EAAIC,EAAM,CAAC,OAAGD,KAAOD,EAAK,OAAO,eAAeA,EAAIC,EAAI,CAAC,MAAMC,EAAM,WAAW,GAAK,aAAa,GAAK,SAAS,EAAI,CAAC,EAAQF,EAAIC,CAAG,EAAEC,EAAcF,CAAI,CAAsJ,IAAIG,EAA8BC,EAAN,cAA0BD,EAAuBE,EAAU,CAAC,QAAQ,CAAC,OAAoBC,EAAKC,EAAiB,CAAC,GAAG,KAAK,KAAK,CAAC,CAAE,CAAC,EAACR,EAAiBK,EAAY,mBAAmB,CAAC,OAAO,CAAC,KAAKI,EAAY,MAAM,MAAM,SAAS,gBAAgB,CAAC,KAAKA,EAAY,MAAM,MAAM,OAAO,EAAE,aAAa,CAAC,UAAU,UAAU,SAAS,CAAC,EAAE,kBAAkB,CAAC,KAAKA,EAAY,OAAO,MAAM,0BAA0B,aAAa,KAAK,IAAI,IAAI,IAAI,IAAI,KAAK,IAAI,eAAe,EAAI,EAAE,mBAAmB,CAAC,KAAKA,EAAY,OAAO,MAAM,2BAA2B,YAAY;AAAA;AAAA;AAAA;AAAA,EAAW,aAAa,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,IAAI,eAAe,EAAI,EAAE,WAAW,CAAC,KAAKA,EAAY,cAAc,MAAM,qBAAqB,QAAQ,CAAC,0CAA2B,EAAE,aAAa,2CAA4B,YAAY;AAAA;AAAA;AAAA,CAAoG,CAAC,CAAC,EAAE,IAAMD,EAAiBE,GAAO,CAAC,GAAK,CAAC,OAAAC,EAAO,kBAAAC,EAAkB,mBAAAC,EAAmB,GAAGC,CAAI,EAAEJ,EAAW,CAACK,EAAWC,CAAa,EAAQC,EAAS,CAAC,EAAQC,EAAkBC,EAAa,EAAE,OAAMC,EAAU,IAAI,CAAC,IAAMC,EAAS,YAAY,IAAI,CAACL,EAAcM,IAAQA,EAAM,GAAGX,EAAO,MAAM,CAAE,EAAEC,CAAiB,EAAE,MAAM,IAAI,cAAcS,CAAQ,CAAE,EAAE,CAACV,EAAOC,CAAiB,CAAC,EAAQQ,EAAU,IAAI,CAACF,EAAkB,MAAM,CAAC,gBAAgBP,EAAOI,CAAU,CAAC,CAAC,CAAE,EAAE,CAACA,EAAWJ,EAAOO,CAAiB,CAAC,EAAsBX,EAAKgB,EAAM,CAAC,KAAK,OAAO,WAAW,cAAc,OAAO,GAAK,GAAGT,EAAK,MAAM,CAAC,gBAAgBH,EAAOI,CAAU,EAAE,WAAW,oBAAoBF,EAAmB,kBAAkB,CAAC,CAAC,CAAE",
  "names": ["init_ssg_sandbox_shims", "_define_property", "obj", "key", "value", "_React_Component", "MorphingBox", "I", "p", "MorphingBoxInner", "ControlType", "props", "colors", "animationDuration", "transitionDuration", "rest", "colorIndex", "setColorIndex", "ye", "animationControls", "useAnimation", "ue", "interval", "index", "Frame"]
}