{"version":3,"file":"Grid.DdZAtAFb.mjs","names":["p"],"sources":["https:/framerusercontent.com/modules/1DXk1RLrXqlFy2gG43BQ/c47Qgp08W5k6vyZxMfds/Grid.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * C-me Energy Dot Grid — canonical brand surface\n * Inverse-mask technique: continuous R→Y→G→B spectrum revealed\n * through dot-shaped holes in the surface layer above it.\n *\n * Navy variant uses pre-computed OKLab-dimmed stops\n * (originally: color-mix(in oklab, STOP 80%, #0F0B2E))\n */export default function EnergyDotGrid(props){const{surface,customSurface,gradientAngle,dotRadius,gridSize}=props;const surfaceColor=surface===\"paper\"?\"#FDFCF9\":surface===\"cream\"?\"#F4EFE6\":surface===\"navy\"?\"#0F0B2E\":customSurface;const spectrum=surface===\"navy\"?`linear-gradient(${gradientAngle}deg,\n            #B73D34 0%,\n            #C7A93A 33%,\n            #84A048 66%,\n            #2B87BB 100%)`:`linear-gradient(${gradientAngle}deg,\n            #E84427 0%, #FFD508 33%, #A7C93F 66%, #2DAAE2 100%)`;const mask=`radial-gradient(circle at ${dotRadius}px ${dotRadius}px, transparent ${dotRadius}px, black 0)`;return /*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",width:\"100%\",height:\"100%\",isolation:\"isolate\",backgroundImage:spectrum},children:/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,backgroundColor:surfaceColor,WebkitMaskImage:mask,maskImage:mask,WebkitMaskSize:`${gridSize}px ${gridSize}px`,maskSize:`${gridSize}px ${gridSize}px`,pointerEvents:\"none\"}})});}EnergyDotGrid.defaultProps={width:400,height:300};addPropertyControls(EnergyDotGrid,{surface:{type:ControlType.Enum,title:\"Surface\",defaultValue:\"paper\",options:[\"paper\",\"cream\",\"navy\",\"custom\"],optionTitles:[\"Paper\",\"Cream\",\"Navy\",\"Custom\"]},customSurface:{type:ControlType.Color,title:\"Custom\",defaultValue:\"#FDFCF9\",hidden:p=>p.surface!==\"custom\"},gradientAngle:{type:ControlType.Number,title:\"Angle\",defaultValue:110,min:0,max:360,step:1,unit:\"\\xb0\"},dotRadius:{type:ControlType.Number,title:\"Dot radius\",defaultValue:.85,min:.4,max:3,step:.05,unit:\"px\"},gridSize:{type:ControlType.Number,title:\"Grid\",defaultValue:16,min:8,max:40,step:1,unit:\"px\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"EnergyDotGrid\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Grid.map"],"mappings":"uJAOG,SAAwB,EAAc,EAAM,CAAC,GAAK,CAAC,UAAQ,gBAAc,gBAAc,YAAU,YAAU,EAAY,EAAa,IAAU,QAAQ,UAAU,IAAU,QAAQ,UAAU,IAAU,OAAO,UAAU,EAAoB,EAAS,IAAU,OAAO,mBAAmB,EAAc;;;;2BAI9Q,mBAAmB,EAAc;iEACW,EAAK,6BAA6B,EAAU,KAAK,EAAU,kBAAkB,EAAU,cAAc,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,WAAW,MAAM,OAAO,OAAO,OAAO,UAAU,UAAU,gBAAgB,EAAS,CAAC,SAAsB,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,WAAW,MAAM,EAAE,gBAAgB,EAAa,gBAAgB,EAAK,UAAU,EAAK,eAAe,GAAG,EAAS,KAAK,EAAS,IAAI,SAAS,GAAG,EAAS,KAAK,EAAS,IAAI,cAAc,OAAO,CAAC,CAAC,CAAC,CAAC,kBAZxf,IAAoD,CAYsc,EAAc,aAAa,CAAC,MAAM,IAAI,OAAO,IAAI,CAAC,EAAoB,EAAc,CAAC,QAAQ,CAAC,KAAK,EAAY,KAAK,MAAM,UAAU,aAAa,QAAQ,QAAQ,CAAC,QAAQ,QAAQ,OAAO,SAAS,CAAC,aAAa,CAAC,QAAQ,QAAQ,OAAO,SAAS,CAAC,CAAC,cAAc,CAAC,KAAK,EAAY,MAAM,MAAM,SAAS,aAAa,UAAU,OAAO,GAAGA,EAAE,UAAU,SAAS,CAAC,cAAc,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,IAAI,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,KAAK,IAAO,CAAC,UAAU,CAAC,KAAK,EAAY,OAAO,MAAM,aAAa,aAAa,IAAI,IAAI,GAAG,IAAI,EAAE,KAAK,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,OAAO,aAAa,GAAG,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,KAAK,CAAC,CAAC"}