{"version":3,"file":"Grid.B0daYFJp.mjs","names":[],"sources":["https:/framerusercontent.com/modules/fHXrKKujqDWUeItrAm05/x5zW2G0t5MR57KVyXRr7/Grid.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/docs/guides/auto-sizing\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function Grid(props){return /*#__PURE__*/_jsx(motion.div,{animate:{scaleY:[0,1]},transition:{duration:2,ease:[.075,.82,.165,1]},style:{...props.style,transformOrigin:\"bottom left\",backgroundImage:`linear-gradient(90deg, ${props.background} 1px, transparent 1px)`,backgroundSize:`${Math.round(100/props.columns)}.01%`,marginLeft:\"-1px\",opacity:props.opacity}});}addPropertyControls(Grid,{columns:{type:ControlType.Number,defaultValue:4,min:0,max:8,step:1,displayStepper:true},opacity:{type:ControlType.Number,defaultValue:.15,min:0,max:1},background:{type:ControlType.Color,defaultValue:\"#1bebf2\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Grid\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Grid.map"],"mappings":"iTAMG,SAAwB,EAAK,EAAM,CAAC,MAAoB,GAAK,EAAO,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAE,CAAC,EAAC,WAAW,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,CAAE,CAAC,EAAC,MAAM,CAAC,GAAG,EAAM,MAAM,gBAAgB,cAAc,iBAAiB,yBAAyB,EAAM,WAAW,wBAAwB,kBAAkB,KAAK,MAAM,IAAI,EAAM,QAAQ,CAAC,MAAM,WAAW,OAAO,QAAQ,EAAM,OAAQ,CAAC,EAAC,AAAE,cAAA,AAN3X,GAA2C,IAAkC,IAAoD,CAM0P,EAAoB,EAAK,CAAC,QAAQ,CAAC,KAAK,EAAY,OAAO,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,gBAAe,CAAK,EAAC,QAAQ,CAAC,KAAK,EAAY,OAAO,aAAa,IAAI,IAAI,EAAE,IAAI,CAAE,EAAC,WAAW,CAAC,KAAK,EAAY,MAAM,aAAa,SAAU,CAAC,EAAC"}