{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/cFjPtjbJ051ozDpEHU2p/DcTNk63d3WvgOq1OUG6s/NoiseGradient.js"],
  "sourcesContent": ["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { addPropertyControls, ControlType } from \"framer\"; /**\n                                                           * NOISE GRADIENT\n                                                           * By Benjamin den Boer\n                                                           *\n                                                           * @framerIntrinsicWidth 200\n                                                           * @framerIntrinsicHeight 200\n                                                           * @framerDisableUnlink\n                                                           *\n                                                           * @framerSupportedLayoutWidth fixed\n                                                           * @framerSupportedLayoutHeight fixed\n                                                           */\nexport default function NoiseGradient(props) {\n  const {\n    angle,\n    backgroundColor,\n    backgroundSize,\n    blending,\n    brightness,\n    contrast,\n    gradientColor,\n    overlayColor\n  } = props;\n  let src = \"https://framerusercontent.com/images/BIDFYoNsJ2LPGX7kjhBw8Qrqcc.svg\";\n  const size = {\n    width: \"100%\",\n    height: \"100%\"\n  };\n  const inset = {\n    position: \"absolute\",\n    inset: 0\n  };\n  return /*#__PURE__*/_jsxs(\"div\", {\n    style: {\n      ...size,\n      position: \"relative\",\n      backgroundColor,\n      isolation: \"isolate\"\n    },\n    children: [/*#__PURE__*/_jsx(\"div\", {\n      style: {\n        ...size,\n        ...inset,\n        background: `linear-gradient(${angle}deg, ${gradientColor}, transparent), url(${src})`,\n        filter: `contrast(${contrast}%) brightness(${brightness}%)`\n      }\n    }), /*#__PURE__*/_jsx(\"div\", {\n      style: {\n        ...size,\n        ...inset,\n        backgroundColor: overlayColor,\n        mixBlendMode: blending\n      }\n    })]\n  });\n}\n;\nNoiseGradient.defaultProps = {\n  density: 1,\n  backgroundColor: \"#FB0\",\n  gradientColor: \"#F30\",\n  overlayColor: \"#FED\",\n  angle: 45,\n  contrast: 500,\n  brightness: 500\n};\nNoiseGradient.displayName = \"Noise Gradient\";\naddPropertyControls(NoiseGradient, {\n  backgroundColor: {\n    type: ControlType.Color,\n    title: \"Fill\"\n  },\n  gradientColor: {\n    type: ControlType.Color,\n    title: \"Gradient\"\n  },\n  angle: {\n    title: \"Angle\",\n    type: ControlType.Number,\n    min: -180,\n    max: 180,\n    unit: \"deg\",\n    defaultValue: NoiseGradient.defaultProps.angle\n  },\n  contrast: {\n    title: \"Contrast\",\n    type: ControlType.Number,\n    min: 200,\n    max: 5e3,\n    unit: \"%\"\n  },\n  brightness: {\n    title: \"Brightness\",\n    type: ControlType.Number,\n    min: 100,\n    max: 5e3,\n    unit: \"%\"\n  },\n  overlayColor: {\n    type: ControlType.Color,\n    title: \"Overlay\"\n  },\n  blending: {\n    type: ControlType.Enum,\n    defaultValue: \"overlay\",\n    options: [\"normal\", \"multiply\", \"screen\", \"overlay\", \"darken\", \"lighten\", \"color-dodge\", \"color-burn\", \"hard-light\", \"soft-light\", \"difference\", \"exclusion\", \"hue\", \"saturation\", \"color\", \"luminosity\"],\n    optionTitles: [\"Normal\", \"Multiply\", \"Screen\", \"Overlay\", \"Darken\", \"Lighten\", \"Color Dodge\", \"Color Burn\", \"Hard Light\", \"Soft Light\", \"Difference\", \"Exclusion\", \"Hue\", \"Saturation\", \"Color\", \"Luminosity\"]\n  }\n});\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"default\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"NoiseGradient\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerContractVersion\": \"1\",\n        \"framerIntrinsicHeight\": \"200\",\n        \"framerDisableUnlink\": \"*\",\n        \"framerSupportedLayoutHeight\": \"fixed\",\n        \"framerIntrinsicWidth\": \"200\",\n        \"framerSupportedLayoutWidth\": \"fixed\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./NoiseGradient.map"],
  "mappings": "gGAYe,SAARA,EAA+BC,EAAO,CAC3C,GAAM,CACJ,MAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,SAAAC,EACA,WAAAC,EACA,SAAAC,EACA,cAAAC,EACA,aAAAC,CACF,EAAIR,EACAS,EAAM,sEACJC,EAAO,CACX,MAAO,OACP,OAAQ,MACV,EACMC,EAAQ,CACZ,SAAU,WACV,MAAO,CACT,EACA,OAAoBC,EAAM,MAAO,CAC/B,MAAO,CACL,GAAGF,EACH,SAAU,WACV,gBAAAR,EACA,UAAW,SACb,EACA,SAAU,CAAcW,EAAK,MAAO,CAClC,MAAO,CACL,GAAGH,EACH,GAAGC,EACH,WAAY,mBAAmBV,SAAaM,wBAAoCE,KAChF,OAAQ,YAAYH,kBAAyBD,KAC/C,CACF,CAAC,EAAgBQ,EAAK,MAAO,CAC3B,MAAO,CACL,GAAGH,EACH,GAAGC,EACH,gBAAiBH,EACjB,aAAcJ,CAChB,CACF,CAAC,CAAC,CACJ,CAAC,CACH,CAEAL,EAAc,aAAe,CAC3B,QAAS,EACT,gBAAiB,OACjB,cAAe,OACf,aAAc,OACd,MAAO,GACP,SAAU,IACV,WAAY,GACd,EACAA,EAAc,YAAc,iBAC5Be,EAAoBf,EAAe,CACjC,gBAAiB,CACf,KAAMgB,EAAY,MAClB,MAAO,MACT,EACA,cAAe,CACb,KAAMA,EAAY,MAClB,MAAO,UACT,EACA,MAAO,CACL,MAAO,QACP,KAAMA,EAAY,OAClB,IAAK,KACL,IAAK,IACL,KAAM,MACN,aAAchB,EAAc,aAAa,KAC3C,EACA,SAAU,CACR,MAAO,WACP,KAAMgB,EAAY,OAClB,IAAK,IACL,IAAK,IACL,KAAM,GACR,EACA,WAAY,CACV,MAAO,aACP,KAAMA,EAAY,OAClB,IAAK,IACL,IAAK,IACL,KAAM,GACR,EACA,aAAc,CACZ,KAAMA,EAAY,MAClB,MAAO,SACT,EACA,SAAU,CACR,KAAMA,EAAY,KAClB,aAAc,UACd,QAAS,CAAC,SAAU,WAAY,SAAU,UAAW,SAAU,UAAW,cAAe,aAAc,aAAc,aAAc,aAAc,YAAa,MAAO,aAAc,QAAS,YAAY,EACxM,aAAc,CAAC,SAAU,WAAY,SAAU,UAAW,SAAU,UAAW,cAAe,aAAc,aAAc,aAAc,aAAc,YAAa,MAAO,aAAc,QAAS,YAAY,CAC/M,CACF,CAAC",
  "names": ["NoiseGradient", "props", "angle", "backgroundColor", "backgroundSize", "blending", "brightness", "contrast", "gradientColor", "overlayColor", "src", "size", "inset", "u", "p", "addPropertyControls", "ControlType"]
}