{"version":3,"file":"ImageURL.C8coDRqd.mjs","names":[],"sources":["https:/framerusercontent.com/modules/b1G5J4GOGAdPUh5bw6Pf/qLpzId4LZYmNCHupPyzD/ImageURL.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{Frame,addPropertyControls,ControlType}from\"framer\";export function ImageComponent(props){const{image,imageUrl,fill,filter,radius}=props;// --------------------------------------------------\n// IMAGE SOURCE PRIORITY\n//\n// 1. Native Framer/CMS Image\n// 2. Image URL / CMS URL\n// --------------------------------------------------\nconst imageSource=image?.src||imageUrl||\"\";// --------------------------------------------------\n// BACKGROUND STYLES\n// --------------------------------------------------\nconst backgroundStyles={contain:imageSource?`url(\"${imageSource}\") center / contain no-repeat`:\"none\",cover:imageSource?`url(\"${imageSource}\") center / cover no-repeat`:\"none\",stretch:imageSource?`url(\"${imageSource}\") 0% 0% / 100% 100% no-repeat`:\"none\",tile:imageSource?`url(\"${imageSource}\") 0% 0% / auto auto repeat`:\"none\"};return /*#__PURE__*/_jsx(Frame,{width:\"100%\",height:\"100%\",radius:radius,background:backgroundStyles[fill],style:{filter}});}// --------------------------------------------------\n// PROPERTY CONTROLS\n// --------------------------------------------------\naddPropertyControls(ImageComponent,{// Native Framer Image / CMS Image\nimage:{type:ControlType.ResponsiveImage,title:\"Image\",optional:true},// Existing CMS Image URL / manual URL\nimageUrl:{type:ControlType.String,title:\"Image URL\",placeholder:\"Paste image URL or connect CMS\",optional:true},fill:{type:ControlType.Enum,title:\"Fill\",options:[\"contain\",\"cover\",\"stretch\",\"tile\"],optionTitles:[\"Contain\",\"Cover\",\"Stretch\",\"Tile\"],defaultValue:\"cover\"},filter:{type:ControlType.Enum,title:\"Color Transform\",options:[\"none\",\"grayscale(100%)\",\"sepia(100%)\",\"hue-rotate(90deg)\",\"invert(100%)\",\"brightness(150%)\",\"contrast(200%)\"],optionTitles:[\"None\",\"Grayscale\",\"Sepia\",\"Hue Rotate\",\"Invert\",\"Brightness\",\"Contrast\"],defaultValue:\"none\"},radius:{type:ControlType.Number,title:\"Radius\",defaultValue:10,min:0,max:9999}});\nexport const __FramerMetadata__ = {\"exports\":{\"ImageComponent\":{\"type\":\"reactComponent\",\"name\":\"ImageComponent\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ImageURL.map"],"mappings":"8JAAqG,SAAgB,EAAe,EAAM,CAAC,GAAK,CAAC,QAAM,WAAS,OAAK,SAAO,UAAQ,EAM9K,EAAY,GAAO,KAAK,GAAU,GAGiS,OAAoB,EAAK,EAAM,CAAC,MAAM,OAAO,OAAO,OAAc,SAAO,WAAW,CAArY,QAAQ,EAAY,QAAQ,EAAY,+BAA+B,OAAO,MAAM,EAAY,QAAQ,EAAY,6BAA6B,OAAO,QAAQ,EAAY,QAAQ,EAAY,gCAAgC,OAAO,KAAK,EAAY,QAAQ,EAAY,6BAA6B,MAA2G,EAAE,GAAM,MAAM,CAAC,QAAM,CAAC,CAAC,CAAE,iBAT3Z,IAA0D,EAYpG,EAAoB,EAAe,CACnC,MAAM,CAAC,KAAK,EAAY,gBAAgB,MAAM,QAAQ,SAAS,EAAI,EACnE,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,YAAY,iCAAiC,SAAS,EAAI,EAAE,KAAK,CAAC,KAAK,EAAY,KAAK,MAAM,OAAO,QAAQ,CAAC,UAAU,QAAQ,UAAU,MAAM,EAAE,aAAa,CAAC,UAAU,QAAQ,UAAU,MAAM,EAAE,aAAa,OAAO,EAAE,OAAO,CAAC,KAAK,EAAY,KAAK,MAAM,kBAAkB,QAAQ,CAAC,OAAO,kBAAkB,cAAc,oBAAoB,eAAe,mBAAmB,gBAAgB,EAAE,aAAa,CAAC,OAAO,YAAY,QAAQ,aAAa,SAAS,aAAa,UAAU,EAAE,aAAa,MAAM,EAAE,OAAO,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,CAAC,CAAC"}