{"version":3,"file":"AnimatedButtonBackground.DONeX39a.mjs","names":[],"sources":["https:/framerusercontent.com/modules/6OHoybJJDiVqoJS6F9MX/ElSkUOkgbvzTJ7R2QNUm/AnimatedButtonBackground.js"],"sourcesContent":["/**\n * Animated Button Background Layer\n *\n * A clean background animation layer with wipe effect from left to right on hover and reverse wipe on mouse leave. Designed to work as a background layer behind custom button labels.\n *\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 50\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */import{jsx as _jsx}from\"react/jsx-runtime\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";function AnimatedButtonBackground(props){const{backgroundColor=\"#01A3FF\",wipeDirection=\"leftToRight\",transition={duration:.3,ease:\"easeInOut\"},borderRadius=8}=props;const isLeftToRight=wipeDirection===\"leftToRight\";const wipeVariants={rest:{scaleX:0,transformOrigin:isLeftToRight?\"bottom right\":\"bottom left\",transition},hover:{scaleX:1,transformOrigin:isLeftToRight?\"bottom left\":\"bottom right\",transition}};return /*#__PURE__*/_jsx(motion.div,{style:{width:\"100%\",height:\"100%\",position:\"relative\",cursor:\"pointer\",borderRadius,overflow:\"hidden\"},initial:\"rest\",animate:\"rest\",whileHover:\"hover\",whileTap:\"hover\",children:/*#__PURE__*/_jsx(motion.div,{style:{position:\"absolute\",inset:0,backgroundColor,willChange:\"transform\"},variants:wipeVariants})});}addPropertyControls(AnimatedButtonBackground,{backgroundColor:{type:ControlType.Color,title:\"Background Color\",defaultValue:\"#01A3FF\"},wipeDirection:{type:ControlType.Enum,title:\"Wipe Direction\",options:[\"leftToRight\",\"rightToLeft\"],optionTitles:[\"Left → Right\",\"Right → Left\"],defaultValue:\"leftToRight\"},borderRadius:{type:ControlType.Number,title:\"Border Radius\",defaultValue:8,min:0,max:50,step:1,unit:\"px\"},transition:{type:ControlType.Transition,title:\"Transition\",defaultValue:{duration:.3,ease:\"easeInOut\"}}});/**\n * @framerDisableUnlink\n */export default AnimatedButtonBackground;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"AnimatedButtonBackground\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./AnimatedButtonBackground.map"],"mappings":"wMASoI,SAAS,EAAyB,EAAM,CAAC,GAAK,CAAC,kBAAgB,UAAU,gBAAc,cAAc,aAAW,CAAC,SAAS,GAAG,KAAK,WAAW,EAAE,eAAa,GAAG,EAAY,EAAc,IAAgB,cAAoB,EAAa,CAAC,KAAK,CAAC,OAAO,EAAE,gBAAgB,EAAc,eAAe,cAAc,YAAU,EAAE,MAAM,CAAC,OAAO,EAAE,gBAAgB,EAAc,cAAc,eAAe,YAAU,CAAC,EAAE,OAAoB,EAAK,EAAO,IAAI,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,SAAS,WAAW,OAAO,UAAU,eAAa,SAAS,QAAQ,EAAE,QAAQ,OAAO,QAAQ,OAAO,WAAW,QAAQ,SAAS,QAAQ,SAAsB,EAAK,EAAO,IAAI,CAAC,MAAM,CAAC,SAAS,WAAW,MAAM,EAAE,kBAAgB,WAAW,WAAW,EAAE,SAAS,CAAY,CAAC,CAAC,CAAC,CAAE,iBAA10B,IAAkC,IAAoD,EAAqvB,EAAoB,EAAyB,CAAC,gBAAgB,CAAC,KAAK,EAAY,MAAM,MAAM,mBAAmB,aAAa,SAAS,EAAE,cAAc,CAAC,KAAK,EAAY,KAAK,MAAM,iBAAiB,QAAQ,CAAC,cAAc,aAAa,EAAE,aAAa,CAAC,eAAe,cAAc,EAAE,aAAa,aAAa,EAAE,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,gBAAgB,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,IAAI,EAAE,WAAW,CAAC,KAAK,EAAY,WAAW,MAAM,aAAa,aAAa,CAAC,SAAS,GAAG,KAAK,WAAW,CAAC,CAAC,CAAC"}