{"version":3,"file":"ShimmerFrame.Ycc-RU5m.mjs","names":[],"sources":["https:/framerusercontent.com/modules/HAQ0OUeqPnG4bPxnDBef/HUt13aA10UlbJhJ5ieV3/ShimmerFrame.js"],"sourcesContent":["// ShimmerFrame UI component with endless animation\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function ShimmerFrame(props){const{backgroundColor,shimmerColor,borderRadius,animationSpeed,shimmerWidth,borderWidth,borderColor}=props;const isStatic=useIsStaticRenderer();if(isStatic){return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",backgroundColor,borderRadius,border:`${borderWidth}px solid ${borderColor}`,position:\"relative\",overflow:\"hidden\"},children:/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:0,left:\"30%\",width:`${shimmerWidth}%`,height:\"100%\",background:`linear-gradient(90deg, transparent, ${shimmerColor}, transparent)`,transform:\"skewX(-20deg)\"}})});}return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",backgroundColor,borderRadius,border:`${borderWidth}px solid ${borderColor}`,position:\"relative\",overflow:\"hidden\"},children:/*#__PURE__*/_jsx(motion.div,{style:{position:\"absolute\",top:0,width:`${shimmerWidth}%`,height:\"100%\",background:`linear-gradient(90deg, transparent, ${shimmerColor}, transparent)`,transform:\"skewX(-20deg)\"},animate:{x:[\"-100%\",\"400%\"]},transition:{duration:animationSpeed,repeat:Infinity,ease:\"linear\"}})});}addPropertyControls(ShimmerFrame,{backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#F5F5F5\"},shimmerColor:{type:ControlType.Color,title:\"ShimmerFrame Color\",defaultValue:\"#FFFFFF\"},borderRadius:{type:ControlType.Number,title:\"Border Radius\",defaultValue:8,min:0,max:100,unit:\"%\"},animationSpeed:{type:ControlType.Number,title:\"Animation Speed\",defaultValue:1.5,min:.5,max:5,step:.1,unit:\"s\"},shimmerWidth:{type:ControlType.Number,title:\"ShimmerFrame Width\",defaultValue:50,min:20,max:100,unit:\"%\"},borderWidth:{type:ControlType.Number,title:\"Border Width\",defaultValue:0,min:0,max:20,unit:\"px\"},borderColor:{type:ControlType.Color,title:\"Border Color\",defaultValue:\"#CCCCCC\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ShimmerFrame\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ShimmerFrame.map"],"mappings":"0UAIG,SAAwB,EAAa,EAAM,CAAC,GAAK,CAAC,kBAAgB,eAAa,eAAa,iBAAe,eAAa,cAAY,cAAY,CAAC,EAAY,EAAS,GAAqB,CAAua,OAAna,EAA8B,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,kBAAgB,eAAa,UAAU,EAAY,WAAW,IAAc,SAAS,WAAW,SAAS,QAAS,EAAC,SAAsB,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,WAAW,IAAI,EAAE,KAAK,MAAM,SAAS,EAAa,GAAG,OAAO,OAAO,YAAY,sCAAsC,EAAa,gBAAgB,UAAU,eAAgB,CAAC,EAAC,AAAC,EAAC,CAAsB,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,kBAAgB,eAAa,UAAU,EAAY,WAAW,IAAc,SAAS,WAAW,SAAS,QAAS,EAAC,SAAsB,EAAK,EAAO,IAAI,CAAC,MAAM,CAAC,SAAS,WAAW,IAAI,EAAE,SAAS,EAAa,GAAG,OAAO,OAAO,YAAY,sCAAsC,EAAa,gBAAgB,UAAU,eAAgB,EAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,MAAO,CAAC,EAAC,WAAW,CAAC,SAAS,EAAe,OAAO,IAAS,KAAK,QAAS,CAAC,EAAC,AAAC,EAAC,AAAE,cAAA,AAHxlC,GAA2C,IAAkC,IAAwE,CAGm8B,EAAoB,EAAa,CAAC,gBAAgB,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,SAAU,EAAC,aAAa,CAAC,KAAK,EAAY,MAAM,MAAM,qBAAqB,aAAa,SAAU,EAAC,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,gBAAgB,aAAa,EAAE,IAAI,EAAE,IAAI,IAAI,KAAK,GAAI,EAAC,eAAe,CAAC,KAAK,EAAY,OAAO,MAAM,kBAAkB,aAAa,IAAI,IAAI,GAAG,IAAI,EAAE,KAAK,GAAG,KAAK,GAAI,EAAC,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,qBAAqB,aAAa,GAAG,IAAI,GAAG,IAAI,IAAI,KAAK,GAAI,EAAC,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,eAAe,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,IAAK,EAAC,YAAY,CAAC,KAAK,EAAY,MAAM,MAAM,eAAe,aAAa,SAAU,CAAC,EAAC"}