{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/44j2pFhUnyoZimjPnRy6/K7JyUg5dGF70mgbOiF7R/withButtonMask.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";const mask=`\n    linear-gradient(to right, \n        rgb(0, 0, 0) var(--button-mask-width),\n        transparent var(--button-mask-width)\n    ) left center / 51% 100% no-repeat,\n    linear-gradient(to left,\n        rgb(0, 0, 0) var(--button-mask-width),\n        transparent var(--button-mask-width)\n    ) right center / 51% 100% no-repeat\n`;const generateButtonProps=(start,end)=>{return{whileHover:{\"--button-mask-width\":end},transition:{duration:1,ease:[.19,1,.22,1]}};};export function withButtonMaskFill(Component){return props=>{const start=\"8px\";return /*#__PURE__*/_jsx(Component,{...props,...generateButtonProps(start,\"100%\"),style:{...props.style,WebkitMask:mask,mask,\"--button-mask-width\":start}});};}export function withButtonMaskUnfill(Component){return props=>{const start=\"100%\";return /*#__PURE__*/_jsx(Component,{...props,...generateButtonProps(start,\"8px\"),style:{...props.style,WebkitMask:mask,mask,\"--button-mask-width\":start}});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withButtonMaskUnfill\":{\"type\":\"reactHoc\",\"name\":\"withButtonMaskUnfill\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withButtonMaskFill\":{\"type\":\"reactHoc\",\"name\":\"withButtonMaskFill\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./withButtonMask.map"],
  "mappings": "yCAA2C,IAAMA,EAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS9CC,EAAoB,CAACC,EAAMC,KAAa,CAAC,WAAW,CAAC,sBAAsBA,CAAG,EAAE,WAAW,CAAC,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,GAAW,SAASC,EAAmBC,EAAU,CAAC,OAAOC,GAAO,CAAC,IAAMJ,EAAM,MAAM,OAAoBK,EAAKF,EAAU,CAAC,GAAGC,EAAM,GAAGL,EAAoBC,EAAM,MAAM,EAAE,MAAM,CAAC,GAAGI,EAAM,MAAM,WAAWN,EAAK,KAAAA,EAAK,sBAAsBE,CAAK,CAAC,CAAC,CAAE,CAAE,CAAQ,SAASM,EAAqBH,EAAU,CAAC,OAAOC,GAAO,CAAC,IAAMJ,EAAM,OAAO,OAAoBK,EAAKF,EAAU,CAAC,GAAGC,EAAM,GAAGL,EAAoBC,EAAM,KAAK,EAAE,MAAM,CAAC,GAAGI,EAAM,MAAM,WAAWN,EAAK,KAAAA,EAAK,sBAAsBE,CAAK,CAAC,CAAC,CAAE,CAAE",
  "names": ["mask", "generateButtonProps", "start", "end", "withButtonMaskFill", "Component", "props", "p", "withButtonMaskUnfill"]
}