{"version":3,"file":"DemoPagePulse.BLua5o7F.mjs","names":[],"sources":["https:/framerusercontent.com/modules/xHdUeAHVhwSBkA5sOuSc/VyADaeSQRZHr7WEzjcBo/DemoPagePulse.js"],"sourcesContent":["// Welcome to Code in Framer\n// Get Started: https://www.framer.com/developers\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{motion}from\"framer-motion\";/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/developers/#code-components-auto-sizing\n *\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function DemoPagePulse(props){const{tint}=props;return /*#__PURE__*/_jsx(motion.div,{style:{...boxStyle,backgroundColor:tint,opacity:1,scale:0},animate:{scale:[0,1],opacity:[1,0]},transition:{ease:\"easeOut\",repeat:Infinity,duration:1,repeatDelay:.2}});}addPropertyControls(DemoPagePulse,{tint:{title:\"Tint\",type:ControlType.Color,defaultValue:\"rgba(212,74,0,0.4)\"}});// Styles are written in object syntax\n// https://react.dev/reference/react-dom/components/common#usage\nconst boxStyle={margin:10,width:40,height:40,borderRadius:100};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"DemoPagePulse\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"auto\",\"framerSupportedLayoutHeight\":\"auto\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./DemoPagePulse.map"],"mappings":"8MAQG,SAAwB,EAAc,EAAM,CAAC,GAAK,CAAC,QAAM,EAAM,OAAoB,EAAK,EAAO,IAAI,CAAC,MAAM,CAAC,GAAG,EAAS,gBAAgB,EAAK,QAAQ,EAAE,MAAM,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,KAAK,UAAU,OAAO,IAAS,SAAS,EAAE,YAAY,GAAG,CAAC,CAAC,oBANlO,IAAoD,IAAkC,CAM8I,EAAoB,EAAc,CAAC,KAAK,CAAC,MAAM,OAAO,KAAK,EAAY,MAAM,aAAa,qBAAqB,CAAC,CAAC,CAE1X,EAAS,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,aAAa,IAAI"}