{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/XT70slALql3kogKnmxk9/qBUhEcyHpfXUKcKpXInW/Morph.js", "ssg:https://framerusercontent.com/modules/O7TkzocKEq2oxqEJHoAL/8hDC4uB5NosmjtXyRjPd/Name_Change.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{Frame,addPropertyControls,ControlType}from\"framer\";import{motion,useAnimation}from\"framer-motion\";// Define the different shapes with consistent points for smooth morphing\nconst shapes=[\"M171.863 0.457367 L114.779 114.015 L36.6315 135.384 L1.22099 0.457367 L171.863 0.457367 Z\",\"M171.863 0.468811 L114.779 114.027 L36.6315 135.395 L27.2522 26.5001 L171.863 0.468811 Z\",\"M171.863 0.468811 L114.779 114.027 L9.02657 163 L51.5584 50.8062 L171.863 0.468811 Z\",\"M134.332 37.9886 L114.779 114.015 L36.6315 135.384 L1.22099 0.457392 L134.332 37.9886 Z\",\"M136.453 35.8681 L114.779 114.015 L0.0266054 171.989 L36.6315 35.8679 L136.453 35.8681 Z\"];export function ShapeMorph(props){const{scale,color,speed,stillTime,opacity}=props;const controls=useAnimation();const[index,setIndex]=React.useState(0);React.useEffect(()=>{const interval=setInterval(()=>{setIndex(prevIndex=>{const newIndex=(prevIndex+1)%shapes.length;controls.start({d:shapes[newIndex],transition:{duration:speed,ease:\"easeInOut\"}});return newIndex;});},(speed+stillTime)*1e3)// 1.5 seconds interval\n;return()=>clearInterval(interval);},[speed,stillTime,controls]);React.useEffect(()=>{// Start the initial animation\ncontrols.start({d:shapes[index],transition:{duration:speed,ease:\"easeInOut\"}});},[index,controls,speed]);return /*#__PURE__*/_jsx(Frame,{width:\"100%\",height:\"100%\",background:\"none\",style:{display:\"flex\",alignItems:\"center\",justifyContent:\"center\"},children:/*#__PURE__*/_jsx(motion.svg,{width:200*scale,height:200*scale,viewBox:\"0 0 200 200\"// Adjust viewBox to fit all shapes\n,style:{overflow:\"visible\"},children:/*#__PURE__*/_jsx(motion.path,{d:shapes[index],animate:controls,fill:color,style:{opacity:opacity}})})});}addPropertyControls(ShapeMorph,{scale:{type:ControlType.Number,min:.5,max:2,step:.1,defaultValue:1},color:{type:ControlType.Color,defaultValue:\"#FF0000\"},speed:{type:ControlType.Number,min:.1,max:3,step:.1,defaultValue:1},stillTime:{type:ControlType.Number,min:.5,max:5,step:.1,defaultValue:1},opacity:{type:ControlType.Number,min:0,max:1,step:.1,defaultValue:1}});\nexport const __FramerMetadata__ = {\"exports\":{\"ShapeMorph\":{\"type\":\"reactComponent\",\"name\":\"ShapeMorph\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Morph.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{Frame,addPropertyControls,ControlType}from\"framer\";import{motion,useAnimation}from\"framer-motion\";// Default names\nconst defaultNames=[\"Clarice St. Clair\",\"Terrance Rapapport\",\"Ahmed Taleb\",\"Jordan Mitchell\",\"Lisa Schuller\"];export function NameTransition(props){const{fontSize,fontWeight,fontColor,speed,stillTime,names}=props;const controls=useAnimation();const[index,setIndex]=React.useState(0);React.useEffect(()=>{const interval=setInterval(()=>{setIndex(prevIndex=>{const newIndex=(prevIndex+1)%names.length;controls.start({opacity:[0,1],transition:{duration:speed,ease:\"easeInOut\"}});return newIndex;});},(speed+stillTime)*1e3);return()=>clearInterval(interval);},[speed,stillTime,controls]);React.useEffect(()=>{// Start the initial animation\ncontrols.start({opacity:[0,1],transition:{duration:speed,ease:\"easeInOut\"}});},[index,controls,speed]);return /*#__PURE__*/_jsx(Frame,{width:\"100%\",height:\"100%\",background:\"none\",style:{display:\"flex\",alignItems:\"center\",justifyContent:\"center\",fontSize:`${fontSize}px`,fontWeight:fontWeight,color:fontColor,fontFamily:\"Work Sans, sans-serif\"},children:/*#__PURE__*/_jsx(motion.div,{animate:controls,style:{opacity:1},children:names[index]})});}addPropertyControls(NameTransition,{fontSize:{type:ControlType.Number,min:10,max:100,step:1,defaultValue:24},fontWeight:{type:ControlType.Enum,options:[\"100\",\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\",\"900\"],optionTitles:[\"100\",\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\",\"900\"],defaultValue:\"400\"},fontColor:{type:ControlType.Color,defaultValue:\"#1f1f1f\"},speed:{type:ControlType.Number,min:.1,max:3,step:.1,defaultValue:1},stillTime:{type:ControlType.Number,min:.5,max:5,step:.1,defaultValue:1},names:{type:ControlType.Array,propertyControl:{type:ControlType.String},defaultValue:defaultNames}});\nexport const __FramerMetadata__ = {\"exports\":{\"NameTransition\":{\"type\":\"reactComponent\",\"name\":\"NameTransition\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Name_Change.map"],
  "mappings": "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",
  "names": ["shapes", "ShapeMorph", "props", "scale", "color", "speed", "stillTime", "opacity", "controls", "useAnimation", "index", "setIndex", "ye", "ue", "interval", "prevIndex", "newIndex", "p", "Frame", "motion", "addPropertyControls", "ControlType", "defaultNames", "NameTransition", "props", "fontSize", "fontWeight", "fontColor", "speed", "stillTime", "names", "controls", "useAnimation", "index", "setIndex", "ye", "ue", "interval", "prevIndex", "newIndex", "p", "Frame", "motion", "addPropertyControls", "ControlType"]
}