{"version":3,"file":"ShimmerFrame.BkABZXOR.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/5SQ2gDSDMJnbQCQHnqB7/ZKOe31PbBjMbValFiNPz/ShimmerFrame.js"],"sourcesContent":["// Shimmer Frame - customizable shimmer effect with background, color, frequency controls\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useState,startTransition}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * Shimmer Frame\n * \n * @framerIntrinsicWidth 400\n * @framerIntrinsicHeight 300\n * \n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function ShimmerFrame(props){const{backgroundColor=\"#EEEEEE\",shimmerColor=\"#FFFFFF\",frequency=2,angle=45,shimmerWidth=100,opacity=.5,delay=0,style}=props;const[animationKey,setAnimationKey]=useState(0);// Reset animation when properties change\nuseEffect(()=>{startTransition(()=>{setAnimationKey(prev=>prev+1);});},[frequency,angle,shimmerWidth,delay]);const duration=frequency>0?1/frequency:1;const totalDuration=duration+delay;return /*#__PURE__*/_jsxs(\"div\",{style:{...style,position:\"relative\",width:\"100%\",height:\"100%\",backgroundColor,overflow:\"hidden\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:\"-100%\",left:\"-100%\",width:\"300%\",height:\"300%\",background:`linear-gradient(${angle}deg, \n                        transparent 0%, \n                        transparent calc(50% - ${shimmerWidth/2}px), \n                        ${shimmerColor} 50%, \n                        transparent calc(50% + ${shimmerWidth/2}px), \n                        transparent 100%)`,opacity,animation:`shimmer ${totalDuration}s infinite linear`,transformOrigin:\"center\"}},animationKey),/*#__PURE__*/_jsx(\"style\",{children:`\n                    @keyframes shimmer {\n                        0% {\n                            transform: translateX(-50%) translateY(-50%);\n                        }\n                        ${(duration/totalDuration*100).toFixed(2)}% {\n                            transform: translateX(50%) translateY(50%);\n                        }\n                        100% {\n                            transform: translateX(50%) translateY(50%);\n                        }\n                    }\n                `})]});}addPropertyControls(ShimmerFrame,{backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#EEEEEE\"},shimmerColor:{type:ControlType.Color,title:\"Shimmer Color\",defaultValue:\"#FFFFFF\"},frequency:{type:ControlType.Number,title:\"Frequency\",defaultValue:2,min:.1,max:10,step:.1,unit:\"Hz\"},delay:{type:ControlType.Number,title:\"Delay\",defaultValue:0,min:0,max:5,step:.1,unit:\"s\"},angle:{type:ControlType.Number,title:\"Angle\",defaultValue:45,min:0,max:360,step:1,unit:\"\\xb0\"},shimmerWidth:{type:ControlType.Number,title:\"Shimmer Width\",defaultValue:100,min:10,max:500,step:10,unit:\"px\"},opacity:{type:ControlType.Number,title:\"Opacity\",defaultValue:.5,min:0,max:1,step:.05}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ShimmerFrame\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"300\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"400\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ShimmerFrame.map"],"mappings":"gMASG,SAAwB,EAAa,EAAM,CAAC,GAAK,CAAC,kBAAgB,UAAU,eAAa,UAAU,YAAU,EAAE,QAAM,GAAG,eAAa,IAAI,UAAQ,GAAG,QAAM,EAAE,SAAO,EAAW,CAAC,EAAa,GAAiBA,EAAS,CAAC,EAC1N,MAAc,CAAC,MAAoB,CAAC,EAAgB,GAAM,EAAK,CAAC,CAAE,CAAC,CAAE,EAAE,CAAC,EAAU,EAAM,EAAa,CAAK,CAAC,EAAE,IAAM,EAAS,EAAU,EAAE,EAAE,EAAU,EAAQ,EAAc,EAAS,EAAM,OAAoB,EAAM,MAAM,CAAC,MAAM,CAAC,GAAG,EAAM,SAAS,WAAW,MAAM,OAAO,OAAO,OAAO,kBAAgB,SAAS,QAAQ,EAAE,SAAS,CAAc,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,WAAW,IAAI,QAAQ,KAAK,QAAQ,MAAM,OAAO,OAAO,OAAO,WAAW,mBAAmB,EAAM;;iDAEja,EAAa,EAAE;0BACtC,EAAa;iDACU,EAAa,EAAE;2CACrB,UAAQ,UAAU,WAAW,EAAc,mBAAmB,gBAAgB,QAAQ,CAAC,EAAE,CAAY,EAAe,EAAK,QAAQ,CAAC,SAAS;;;;;2BAK3J,EAAS,EAAc,IAAA,CAAK,QAAQ,CAAC,EAAE;;;;;;;iBAOjD,CAAC,CAAC,CAAC,CAAC,CAAE,iBA1BiC,IAAsD,IAAoD,EA0B1I,EAAoB,EAAa,CAAC,gBAAgB,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,SAAS,EAAE,aAAa,CAAC,KAAK,EAAY,MAAM,MAAM,gBAAgB,aAAa,SAAS,EAAE,UAAU,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,EAAE,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,IAAI,EAAE,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,GAAG,KAAK,GAAG,EAAE,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,KAAK,GAAM,EAAE,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,gBAAgB,aAAa,IAAI,IAAI,GAAG,IAAI,IAAI,KAAK,GAAG,KAAK,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,UAAU,aAAa,GAAG,IAAI,EAAE,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC"}