{"version":3,"file":"AnimatedFrame.rtnUl9nx.mjs","names":["React.useRef"],"sources":["https:/framerusercontent.com/modules/INs2eEdyyhbdtIJOkx8C/TN1kMNej5tRbOYUh7TX4/AnimatedFrame.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{motion,useInView}from\"framer-motion\";export function AnimatedFrame(props){const ref=React.useRef(null);const isInView=useInView(ref,{once:true});// Define o deslocamento com base na direção selecionada\nconst getInitialTransform=()=>{switch(props.direction){case\"bottom\":return{y:\"20%\",x:\"0%\"};case\"top\":return{y:\"-20%\",x:\"0%\"};case\"left\":return{x:\"-20%\",y:\"0%\"};case\"right\":return{x:\"20%\",y:\"0%\"};case\"center\":default:return{x:\"0%\",y:\"0%\"};}};const initialTransform=getInitialTransform();const transition={duration:props.duration||1,delay:props.delay||0,ease:[.25,.1,.25,1]};const variants={hidden:{filter:\"blur(10px)\",opacity:0,...initialTransform},visible:{filter:\"blur(0px)\",opacity:1,x:\"0%\",y:\"0%\"}};return /*#__PURE__*/_jsx(motion.div,{ref:ref,initial:\"hidden\",animate:isInView?\"visible\":\"hidden\",variants:variants,transition:transition,style:{width:\"100%\",height:\"100%\",background:props.background||\"transparent\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\",overflow:\"hidden\"},children:props.children});}addPropertyControls(AnimatedFrame,{children:{type:ControlType.ComponentInstance,title:\"Content\"},background:{type:ControlType.Color,defaultValue:\"transparent\",title:\"Background\"},duration:{type:ControlType.Number,title:\"Speed (sec)\",defaultValue:1,min:.1,max:5,step:.1},delay:{type:ControlType.Number,title:\"Delay (sec)\",defaultValue:0,min:0,max:5,step:.1},direction:{type:ControlType.Enum,title:\"Direction\",options:[\"center\",\"bottom\",\"top\",\"left\",\"right\"],optionTitles:[\"Center (no move)\",\"Bottom to Top\",\"Top to Bottom\",\"Left to Right\",\"Right to Left\"],defaultValue:\"bottom\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"AnimatedFrame\":{\"type\":\"reactComponent\",\"name\":\"AnimatedFrame\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./AnimatedFrame.map"],"mappings":"kOAAuK,SAAgB,EAAc,EAAM,CAAC,IAAM,EAAIA,EAAa,KAAK,CAAO,EAAS,EAAU,EAAI,CAAC,KAAK,GAAK,CAAC,CAC3B,OAAzN,CAAC,OAAO,EAAM,UAAb,CAAwB,IAAI,SAAS,MAAM,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,MAAM,MAAM,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,IAAI,OAAO,MAAM,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,IAAI,QAAQ,MAAM,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,SAAS,QAAQ,MAAM,CAAC,EAAE,KAAK,EAAE,KAAK,KAAgD,CAAO,EAAW,CAAC,SAAS,EAAM,UAAU,EAAE,MAAM,EAAM,OAAO,EAAE,KAAK,CAAC,IAAI,GAAG,IAAI,EAAE,CAAC,CAAO,EAAS,CAAC,OAAO,CAAC,OAAO,aAAa,QAAQ,EAAE,GAAG,EAAiB,CAAC,QAAQ,CAAC,OAAO,YAAY,QAAQ,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,OAAoB,EAAK,EAAO,IAAI,CAAK,MAAI,QAAQ,SAAS,QAAQ,EAAS,UAAU,SAAkB,WAAoB,aAAW,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,WAAW,EAAM,YAAY,cAAc,QAAQ,OAAO,eAAe,SAAS,WAAW,SAAS,SAAS,SAAS,CAAC,SAAS,EAAM,SAAS,CAAC,kBADzwB,IAA4B,IAAoD,IAA4C,CAC+oB,EAAoB,EAAc,CAAC,SAAS,CAAC,KAAK,EAAY,kBAAkB,MAAM,UAAU,CAAC,WAAW,CAAC,KAAK,EAAY,MAAM,aAAa,cAAc,MAAM,aAAa,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,cAAc,aAAa,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,GAAG,CAAC,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,cAAc,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,GAAG,CAAC,UAAU,CAAC,KAAK,EAAY,KAAK,MAAM,YAAY,QAAQ,CAAC,SAAS,SAAS,MAAM,OAAO,QAAQ,CAAC,aAAa,CAAC,mBAAmB,gBAAgB,gBAAgB,gBAAgB,gBAAgB,CAAC,aAAa,SAAS,CAAC,CAAC"}