{"version":3,"file":"3301-835585c60b1a870e2665.js","mappings":"wZAQA,MAIaA,GAAWC,EAAAA,EAAAA,GAJJ,iUAIqB,CACvCD,SAAU,CACRE,QAAS,CACPC,OACE,iUACFC,OACE,0NACFC,OACE,mjBACFC,MACE,gTACFC,YACE,8PACFC,KAAM,0IAERC,SAAU,CACRC,KAAM,GACNC,QAAS,iDAEXC,KAAM,CACJC,KAAM,8DACNC,MAAO,cAGXC,iBAAkB,CAEhB,CACEb,QAAS,SACTO,SAAU,OACVO,UAAW,gBAEb,CACEd,QAAS,SACTO,SAAU,UACVO,UAAW,oBAGb,CACEd,QAAS,SACTO,SAAU,OACVO,UACE,0FAEJ,CACEd,QAAS,SACTO,SAAU,UACVO,UACE,4EAGJ,CACEd,QAAS,SACTO,SAAU,OACVO,UACE,mKAEJ,CACEd,QAAS,SACTO,SAAU,UACVO,UACE,mMAGJ,CACEd,QAAS,QACTO,SAAU,OACVO,UACE,yEAEJ,CACEd,QAAS,QACTO,SAAU,UACVO,UACE,qJAGNC,gBAAiB,CACff,QAAS,SACTU,MAAM,KAIJM,GAASC,EAAAA,EAAAA,aAIb,CAAAC,EAeEC,KACG,IAfH,GACEC,EAAK,SAAQ,cACbC,EAAa,WACbC,EAAU,SACVC,EAAQ,YACRC,EAAW,SACXC,EAAQ,SACRC,EAAQ,MACRC,EAAK,SACLpB,EAAW,OAAM,KACjBqB,EAAI,QACJ5B,KACG6B,GACJX,EAGD,MAAMY,EAAa,CACjB,CAACC,EAAAA,EAASC,KAAM,SAChB,CAACD,EAAAA,EAASE,MAAO,UAGbC,EACJlC,IACC4B,GAASE,EAAWF,UACrBO,EAEIC,IAAaX,IAAaE,EAE1BU,GAAUC,EAAAA,EAAAA,IACdxC,EAAS,CAAEE,QAASkC,EAAO3B,WAAUG,KAAM0B,IAC3Cf,GAGIkB,EACJC,MAAAC,cAAA,OACE3B,UAAW4B,IACT,mEAGDf,GAASa,MAAAC,cAAA,YAAOd,GAChBF,GACCe,MAAAC,cAACE,EAAAA,EAAI,CAACC,KAAMnB,EAAUX,UAAWU,EAAaqB,KAAMnB,KAK1D,GAAW,SAAPN,EAAe,CACjB,MAAM0B,EACJjB,GACI,KAAEkB,GAASD,EAEjB,OACEN,MAAAC,cAAA,IAAAO,EAAA,CACElC,UAAWuB,EACXU,KAAMA,EACN5B,IAAKA,GACD2B,EAAW,CACf,cAAaxB,IAEZiB,EAGP,CACE,OACEC,MAAAC,cAAA,SAAAO,EAAA,CACElC,UAAWuB,EACX,cAAaf,EACbC,WAAYA,EACZJ,IAAKA,GACAU,GAEJU,EAGP,IAIJvB,EAAOiC,YAAc,SACrB,S,2FChLA,MAuBA,EAvB4BC,KAC1B,MAAOC,EAAkBC,IAAuBC,EAAAA,EAAAA,eAC9ClB,GAkBF,OAfAmB,EAAAA,EAAAA,YAAU,KACR,MAAMC,EAAyBA,KAC7BH,EAAoBI,KAAKC,KAAKC,OAAOP,kBAAkB,EAGnDQ,EAAaD,OAAOE,WACxB,gBAAgBF,OAAOP,yBAIzB,OAFAQ,EAAWE,iBAAiB,SAAUN,GAE/B,KACLI,EAAWG,oBAAoB,SAAUP,EAAuB,CACjE,GACA,IAEIJ,CAAgB,E,uBCOzB,MA+HMY,EAA4BC,GAClB,+DACDC,KAAKD,GAGpB,EApIc9C,IAakB,IAbjB,YACbgD,EAAW,SACXC,EAAQ,QACR9B,EAAO,aACP+B,EAAY,MACZC,EAAK,aACLC,EAAY,SACZC,GAAW,EAAI,QACfC,EAAU,GAAE,MACZC,EAAQ,GAAE,OACVC,EAAM,MACNC,EAAK,OACLC,GACyB1D,EACzB,MAAMiC,EAAmBD,KAAyB,EAC5C2B,GAAaC,EAAAA,EAAAA,MAAmBC,EAAAA,EAAeC,OAC/CC,GAASC,EAAAA,EAAAA,QAAyB,OAElC,IACJC,EAAG,QACHC,EAAO,eACPC,EAAc,cACdC,EAAa,gBACbC,EACAC,OAAQC,GACNpB,GAAS,CAAC,EACRqB,EAAgBP,GAAKQ,UAAUR,GAAKS,YAAY,KAAO,GACvDC,EAAYV,GAAKW,SAAS,KAC1BC,EAAiB3B,GAAc4B,SAASC,YAExCC,EAAmB,CACvB,IAAM/C,EACN,IAAMA,EACN,KAAOA,EACP,KAAOA,EACP,KAAOA,GAGHgD,GAAwBC,EAAAA,EAAAA,UAAQ,IAChClC,IAEAoB,GAAiBD,EAAuBC,EAAgBD,OAA5D,IACC,CAACnB,EAAaoB,EAAeD,IAE1BgB,GAA4BC,EAAAA,EAAAA,cAC/B3B,IACC,MAAM4B,EAAS/B,EAAU,YAAYA,IAAY,GAC3CgC,EAAUjB,EACZ,QAAQA,EAAgBkB,QAAQ,IAAK,OACrC,GAEJ,IAAK9B,EACH,MAAO,GAAGQ,iBAAmBqB,IAAUD,IAGzC,MACMG,EAAIxC,EAAcS,EAAQT,EAAcQ,EAG9C,MAAO,GAAGS,gBAJK,UAAUR,MAEV+B,EAAI,WAAWA,IAAM,KAEUF,IAAUD,GAAQ,GAElE,CAACpB,EAAKX,EAAS2B,EAAuBZ,IAGlCC,GAASY,EAAAA,EAAAA,UAAQ,IACdX,EACH,GAAGN,KAAOe,EAAiB,QAAQT,KAAUS,EAAiB,MAC9DA,EACGS,KACC,CAACC,EAASC,IACR,GAAGR,EACDQ,EAAIX,EAAiBY,OAAS,EAAIF,EAAU,SACzCA,OAERG,KAAK,OACX,CAACtB,EAAQS,EAAkBG,IAO9B,OALA/C,EAAAA,EAAAA,YAAU,KAEJ2B,GAAQe,SAASgB,UAAYpC,GAAQA,GAAQ,GAChD,CAACK,IAECE,GAA2B,MAApBhC,EAEU,QAAlBuC,GAA2B3B,EAAyBoB,GAEpD3C,MAAAC,cAAA,OACEwE,IAAK9B,EACL+B,IAAK9B,GAAW,QAChBtE,UAAWwD,EACX6C,UAAU,UAMd3E,MAAAC,cAAAD,MAAA4E,SAAA,KACE5E,MAAAC,cAAA,WAAS3B,UAAW4B,IAAWL,EAAS,iCACpCsC,IAAUoB,IAAmBF,GAC7BrD,MAAAC,cAAA,UAAQ4E,KAAK,aAAa5C,MAAOA,EAAOe,OAAQA,IAElDhD,MAAAC,cAAA,OACEtB,IAAK8D,EACLiC,IAAK9B,GAAW,QAChBX,MAAOA,EACP3D,UAAWwD,EACX6C,UAAU,QACVjF,MAAO,CACLgC,YAAaiC,GAEfmB,QAAS/C,EAAW,OAAS,QAC7BgD,cAAehD,EAAW,OAAS,OACnCK,OAAQA,EACRqC,IACEpB,GAAaJ,EACTN,EACAkB,EACE1B,GAASoB,GAAkByB,EAAAA,GAAY3C,MAIhDV,IAvCsC,IAyCxC,C,mDCxJIpC,EAAQ,SAARA,GAAQ,OAARA,EAAQ,UAARA,EAAQ,YAARA,CAAQ,EAARA,GAAQ,IAKnB,S,iBCAA,MAAM0F,EAAU,CACdC,GAAI,QACJC,GAAI,QACJC,GAAI,SACJC,GAAI,SACJC,IAAK,UAGPC,EAAOC,QAAU,CACfC,SAAU,WACVC,OAAQ,MACRC,QAAS,CACP,wCACA,6CAEFC,MAAO,CACLX,UACAY,cAAe,CACbC,KAAM,OACNC,KAAM,OACNC,QAAS,UACTC,OAAQ,UAEVC,UAAW,CACTjB,UACAkB,QAAQ,EACRC,QAAS,CACPC,QAAS,OACTnB,GAAI,OACJC,GAAI,OACJC,GAAI,OACJC,GAAI,OACJ,MAAO,SAGXiB,WAAY,CACVC,KAAM,mNACNC,MACE,iFACFC,KAAM,uHACNvI,KAAM,WAERwI,SAAU,CACRC,GAAI,CAAC,UAAW,QAChBzB,GAAI,CAAC,WAAY,WACjB0B,KAAM,CAAC,OAAQ,UACfxB,GAAI,CAAC,WAAY,YACjBC,GAAI,CAAC,YAAa,WAClB,MAAO,CAAC,SAAU,QAClB,MAAO,CAAC,UAAW,WACnB,MAAO,CAAC,OAAQ,UAChB,MAAO,CAAC,UAAW,WACnB,MAAO,CAAC,SAAU,QAClB,MAAO,CAAC,OAAQ,UAChB,MAAO,CAAC,SAAU,SAEpBwB,WAAY,CACVF,GAAI,OACJzB,GAAI,UACJ0B,KAAM,SACNxB,GAAI,WACJC,GAAI,UACJ,MAAO,OACP,MAAO,UACP,MAAO,SACP,MAAO,UACP,MAAO,OACP,MAAO,SACP,MAAO,QAETyB,WAAY,CACVC,MAAO,MACPC,OAAQ,MACRC,SAAU,OAEZC,OAAQ,CACNC,KAAM,CACJd,QAAS,WAEX5I,OAAQ,CACN4I,QAAS,UACTe,MAAO,UACPC,OAAQ,UACRtI,SAAU,WAEZuI,IAAK,CACHjB,QAAS,UACTe,MAAO,UACPC,OAAQ,UACRtI,SAAU,WAEZwI,MAAO,CACLlB,QAAS,WAEXmB,KAAM,CACJ,IAAK,UACL,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,WAEN5J,MAAO,CACLyI,QAAS,WAEXoB,MAAO,CACLpB,QAAS,WAEXqB,YAAa,cACbC,WAAY,CACVC,MAAO,UACPC,UAAW,UACXC,MAAO,UACPC,UAAW,UACXC,UAAW,UACXC,UAAW,UACXC,MAAO,UACPC,UAAW,UACXC,SAAU,UACVC,SAAU,UACVC,aAAc,UACdC,cAAe,UACfC,aAAc,UACdC,eAAgB,UAChBC,SAAU,UACVC,UAAW,UACXC,YAAa,UACbC,UAAW,UACXC,WAAY,UACZC,UAAW,UACXC,UAAW,UACXC,UAAW,UACXC,MAAO,UACPC,UAAW,UACXC,MAAO,UACPC,KAAM,UACNC,SAAU,UACVC,MAAO,UACPC,UAAW,UACX5L,MAAO,YAGX6L,OAAQ,CACNzL,KAAM,CACJwF,QAAS,gBAEXkG,OAAQ,CACNlG,QAAS,gBAEXmG,yBAA0B,CACxB,eAAgB,kCAElBC,aAAc,CACZvD,QAAS,MACTlB,GAAI,QAEN0E,YAAa,CACX,EAAG,OAELC,QAAS,CACP,MAAO,WACP,MAAO,UACPC,IAAK,SACLpD,GAAI,OACJzB,GAAI,SACJC,GAAI,OACJC,GAAI,SACJC,GAAI,OACJ,MAAO,OACP,MAAO,OACP,MAAO,OACP,MAAO,SACP2E,QAAS,YAEXC,OAAQ,CACNC,IAAK,MACL,IAAK,MACL,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,QAIVC,OAAQ,CAAEC,wBAAwB,GAClCC,QAAS,CAAC,EAAQ,O,mDClMTC,EAAe,SAAfA,GAAe,OAAfA,EAAe,YAAfA,EAAe,gBAAfA,EAAe,cAAfA,CAAe,EAAfA,GAAe,IAM1B,S,6DCJA,MAqBA,EArBuBC,IAErB,MAAOC,EAAeC,IAAoB5J,EAAAA,EAAAA,WAAS,GAE7C6J,GAAU5G,EAAAA,EAAAA,cAAY,KAC1B,MAAM6G,EAAiBzJ,OAAO0J,WAAaL,EAC3CE,EAAiBE,EAAe,GAC/B,CAACJ,IAWJ,OATAzJ,EAAAA,EAAAA,YAAU,KACRI,OAAOG,iBAAiB,SAAUqJ,GAClCA,IAEO,KACLxJ,OAAOI,oBAAoB,SAAUoJ,EAAQ,IAE9C,CAACA,IAEGF,CAAa,C,iFCftB,MAAMK,EAAuBA,KAC3B,MAAM1I,EAAQjB,OAAO0J,WACrB,IAAIE,EAYJ,OATEA,EADE3I,EAAQ6C,EAAAA,GAAYG,GACb5C,EAAAA,EAAewI,MACf5I,EAAQ6C,EAAAA,GAAYI,GACpB7C,EAAAA,EAAeyI,OACf7I,EAAQ6C,EAAAA,GAAYK,GACpB9C,EAAAA,EAAe0I,MACf9I,EAAQ6C,EAAAA,GAAYM,IACpB/C,EAAAA,EAAeC,OACVD,EAAAA,EAAe2I,IAExBJ,CAAM,EAsBf,EAnBsBxI,KACpB,MAAO6I,EAAQC,IAAavK,EAAAA,EAAAA,YAEtBwK,GAAgBvH,EAAAA,EAAAA,cAAY,KAChCsH,EAAUP,IAAuB,GAChC,IAWH,OATA/J,EAAAA,EAAAA,YAAU,KACRI,OAAOG,iBAAiB,SAAUgK,GAClCD,EAAUP,KAEH,KACL3J,OAAOI,oBAAoB,SAAU+J,EAAc,IAEpD,CAACA,IAEGF,CAAM,C,gFCpCf,MAUA,EAV6BG,IAC3B,MAAMC,EAAQD,EAAWC,MAAM,OAE/B,OAAIA,EACKC,SAASD,EAAM,GAAI,IAGrB,CAAC,E,0CCFV,MAAME,EAAaC,IAAcC,MAE3B,GAAEzG,EAAE,GAAEC,EAAE,GAAEC,EAAE,GAAEC,EAAE,IAAEC,GAAQmG,EAAW7F,MAAMX,QAUjD,EARoB,CAClBC,GAAI0G,EAAoB1G,GACxBC,GAAIyG,EAAoBzG,GACxBC,GAAIwG,EAAoBxG,GACxBC,GAAIuG,EAAoBvG,GACxBC,IAAKsG,EAAoBtG,IAKrBuG,EAAgCC,OAAOC,OAAOxJ,EAAAA,GAEvCyJ,EAAoB3J,IAC/B,MAAM4J,EAAaJ,EAAgBK,QAAQ7J,GAC3C,OAAOwJ,EAAgBM,MAAM,EAAGF,EAAW,EAGhCG,EAAoB/J,IAC/B,MAAMgK,EAAaR,EAAgBK,QAAQ7J,GAAc,EACzD,OAAOwJ,EAAgBM,MAAME,EAAW,C,4WCd1C,MAAMC,GAAQ7N,EAAAA,EAAAA,aACZ,CAAAC,EASEC,KACG,IATH,QACEkB,EAAO,OACP0M,EAAM,SACNC,GAAW,EAAI,OACfC,EAAM,gBACNC,EAAe,YACfC,GACMjO,EAGR,MAAOkO,EAAWC,IAAgBhM,EAAAA,EAAAA,YAC9B6L,GAAiBI,UAEdC,EAAYC,IAAiBnM,EAAAA,EAAAA,WACjC6L,GAAiBI,SAEdG,GAAWvK,EAAAA,EAAAA,QAAuB,MAClCwK,GAASC,EAAAA,EAAAA,GAAUF,EAAU,CAAEG,MAAM,IAE3C,IAAKT,EAAa,OAAO,KAYzB,OACE3M,MAAAC,cAAA,OACEtB,IAAKA,EACLL,UAAW4B,IACTL,GAEI,4GAGNG,MAAAC,cAAA,OAAKtB,IAAKsO,EAAU3O,UAAU,mCAC5B0B,MAAAC,cAACoN,EAAAA,EAAe,CAACC,KAAK,QACjBb,GAAUM,EACX/M,MAAAC,cAACsN,EAAAA,EAAOC,IAAG,CACTC,IAAI,SACJC,QAAS,CAAEC,QAAS,GACpBC,QAAS,CAAED,QAAS,GACpBE,KAAM,CAAEF,QAAS,IAEjB3N,MAAAC,cAAC6N,EAAAA,EAAK,CACJjM,MAAO4K,EACP5M,QAAQ,2EACRiC,aAAa,uCAEb9B,MAAAC,cAAA,OAAK3B,UAAU,eACb0B,MAAAC,cAACzB,EAAAA,EAAM,CACLuP,QAnCCC,KACjBnB,GAAa,GACbG,GAAc,EAAM,EAkCJxP,QAAQ,QACRyB,SAAS,OACTJ,cAAc,oEACdG,YAAY,iDACZE,SAAS,OACT,aAAW,YAMnBc,MAAAC,cAACsN,EAAAA,EAAOC,IAAG,CACTC,IAAI,QACJC,QAAS,CAAEC,QAAS,GACpBC,QAAS,CAAED,QAAS,GACpBE,KAAM,CAAEF,QAAS,GACjBrP,UAAU,uBAET4O,GACClN,MAAAC,cAACgO,IAAWzN,EAAA,CACVlC,UAAU,kBACVqE,IAAKgK,EACLxK,MAAM,OACND,OAAO,OACPsK,SAAUA,EACVM,QAASF,EACTL,OAAQA,EACR2B,QA1DEC,KAChBtB,GAAa,GACbG,GAAc,EAAK,GAyDDN,OAOZ,IAKZJ,EAAM7L,YAAc,QAEpB,S,mDCrHK8B,EAAc,SAAdA,GAAc,OAAdA,EAAc,WAAdA,EAAc,YAAdA,EAAc,WAAdA,EAAc,YAAdA,EAAc,UAAdA,CAAc,EAAdA,GAAc,IAQnB,S","sources":["webpack://react-app/./components/Shared/src/components/atoms/Button/Button.tsx","webpack://react-app/./components/Shared/src/utility/hooks/useDevicePixelRatio.ts","webpack://react-app/./components/Shared/src/components/atoms/Image/Image.tsx","webpack://react-app/./components/Shared/src/models/enums/SiteEnum.ts","webpack://react-app/./components/Shared/tailwind.config.js","webpack://react-app/./components/Shared/src/models/enums/PositioningEnum.ts","webpack://react-app/./components/Shared/src/utility/hooks/useMediaQuery.ts","webpack://react-app/./components/Shared/src/utility/hooks/useBreakpoint.ts","webpack://react-app/./components/Shared/src/utility/format/parseNumberInString.ts","webpack://react-app/./components/Shared/src/utility/config/breakpoints.ts","webpack://react-app/./components/Shared/src/components/atoms/Video/Video.tsx","webpack://react-app/./components/Shared/src/models/enums/BreakpointEnum.ts"],"sourcesContent":["import Icon from '@atoms/Icon/Icon';\nimport { ButtonOrLinkProps } from '@models/IButton';\nimport SiteEnum from '@models/enums/SiteEnum';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport classNames from 'classnames';\nimport { forwardRef, type ForwardedRef } from 'react';\nimport { twMerge } from 'tailwind-merge';\n\nconst baseClasses = `tw-text-sm tw-flex tw-items-center tw-rounded tw-relative after:tw-content-[''] after:tw-box-content focus-visible:after:tw-rounded focus-visible:tw-outline-none tw-transition-colors focus-visible:after:tw-absolute focus-visible:after:tw-inset-[2px] focus-visible:after:tw-border-2 focus-visible:after:tw-block tw-px-4`;\n\nexport type ButtonVariant = VariantProps;\n\nexport const variants = cva(baseClasses, {\n variants: {\n variant: {\n yellow:\n 'tw-text-black hover:tw-bg-yellow-hover focus-visible:tw-bg-yellow focus-visible:tw-ring-yellow focus-visible:tw-ring-offset-grey-100 active:tw-bg-yellow-active disabled:tw-pointer-events-none disabled:tw-border-yellow-disabled disabled:tw-text-grey-60 disabled:tw-bg-yellow-disabled focus-visible:after:tw-border-black',\n grey30:\n 'focus-visible:tw-bg-grey-30 focus-visible:tw-ring-grey-30 focus-visible:tw-ring-offset-grey-100 disabled:tw-pointer-events-none disabled:tw-border-grey-30 disabled:tw-text-grey-30 focus-visible:after:tw-border-black',\n grey80:\n 'focus-visible:tw-bg-grey-80 focus-visible:tw-text-white focus-visible:tw-ring-grey-80 focus-visible:tw-ring-offset-white disabled:tw-pointer-events-none disabled:tw-border-grey-30 disabled:tw-text-grey-30 disabled:tw-text-grey-60 disabled:tw-bg-grey-30 dark:focus-visible:tw-bg-white dark:focus-visible:tw-text-grey-100 dark:focus-visible:tw-ring-white dark:focus-visible:tw-ring-offset-grey-100 dark:disabled:tw-border-grey-80 dark:disabled:tw-bg-grey-80 dark:disabled:tw-text-white focus-visible:after:tw-border-white dark:focus-visible:after:tw-border-black',\n white:\n 'focus-visible:tw-bg-white focus-visible:tw-text-grey-100 focus-visible:tw-ring-white focus-visible:tw-ring-offset-grey-100 disabled:tw-pointer-events-none disabled:tw-border-grey-80 disabled:tw-bg-grey-80 disabled:tw-text-white focus-visible:after:tw-border-black dark:tw-border dark:tw-border-grey-30',\n destructive:\n 'tw-bg-red tw-text-white hover:tw-bg-red-hover focus-visible:tw-ring-red focus-visible:tw-ring-offset-white active:tw-bg-red-active disabled:tw-pointer-events-none disabled:tw-bg-red-disabled disabled:tw-text-grey-60 focus-visible:after:tw-border-white',\n link: 'tw-text-black hover:tw-text-grey-70 tw-underline hover:tw-no-underline tw-underline-offset-2 active:tw-text-grey-80 dark:tw-text-white',\n },\n modifier: {\n fill: '',\n outline: 'tw-bg-transparent tw-border tw-border-current',\n },\n icon: {\n true: 'tw-rounded-full focus-visible:after:tw-rounded-full tw-py-4',\n false: 'tw-py-3.5',\n },\n },\n compoundVariants: [\n // Yellow Variants\n {\n variant: 'yellow',\n modifier: 'fill',\n className: 'tw-bg-yellow',\n },\n {\n variant: 'yellow',\n modifier: 'outline',\n className: 'tw-border-yellow',\n },\n // Grey30 Variants\n {\n variant: 'grey30',\n modifier: 'fill',\n className:\n 'tw-border-grey-30 tw-bg-grey-30 tw-text-black hover:tw-bg-grey-40 active:tw-bg-grey-50',\n },\n {\n variant: 'grey30',\n modifier: 'outline',\n className:\n 'tw-text-black tw-border-grey-30 hover:tw-bg-grey-40 active:tw-bg-grey-50',\n },\n // Grey80 Variants - becomes white variant by wrapping in an element with class 'dark'\n {\n variant: 'grey80',\n modifier: 'fill',\n className:\n 'tw-bg-grey-80 tw-text-white hover:tw-bg-grey-90 active:tw-bg-grey-100 dark:tw-bg-white dark:tw-text-grey-100 dark:hover:tw-bg-grey-10 dark:active:tw-bg-grey-20',\n },\n {\n variant: 'grey80',\n modifier: 'outline',\n className:\n 'tw-border-grey-80 tw-text-black hover:tw-bg-grey-90 hover:tw-text-white active:tw-bg-grey-100 dark:tw-text-white dark:hover:tw-bg-grey-10 dark:hover:tw-text-grey-100 dark:active:tw-bg-grey-20',\n },\n // White Variants\n {\n variant: 'white',\n modifier: 'fill',\n className:\n 'tw-bg-white tw-text-grey-100 hover:tw-bg-grey-10 active:tw-bg-grey-20',\n },\n {\n variant: 'white',\n modifier: 'outline',\n className:\n 'tw-bg-transparent tw-text-white hover:tw-bg-grey-10 hover:tw-text-grey-100 active:tw-bg-grey-20 hover:tw-border-grey-10 active:tw-border-grey-20',\n },\n ],\n defaultVariants: {\n variant: 'yellow',\n icon: false,\n },\n});\n\nconst Button = forwardRef<\n HTMLAnchorElement | HTMLButtonElement,\n ButtonOrLinkProps\n>(\n (\n {\n as = 'button',\n buttonClasses,\n dataTestId,\n disabled,\n iconClasses,\n iconName,\n iconSize,\n label,\n modifier = 'fill',\n site,\n variant,\n ...props\n },\n ref\n ) => {\n const siteStyles = {\n [SiteEnum.B2B]: 'yellow',\n [SiteEnum.Deco]: 'grey80',\n };\n\n const style =\n variant ??\n (site && (siteStyles[site] as keyof ButtonVariant['variant'])) ??\n undefined;\n\n const iconOnly = !!iconName && !label;\n\n const classes = twMerge(\n variants({ variant: style, modifier, icon: iconOnly }),\n buttonClasses\n );\n\n const Content = (\n \n {label && {label}}\n {iconName && (\n \n )}\n \n );\n\n if (as === 'link') {\n const anchorProps =\n props as React.AnchorHTMLAttributes;\n const { href } = anchorProps;\n\n return (\n }\n {...anchorProps}\n data-testid={dataTestId}\n >\n {Content}\n \n );\n } else {\n return (\n }\n {...(props as React.ButtonHTMLAttributes)}\n >\n {Content}\n \n );\n }\n }\n);\n\nButton.displayName = 'Button';\nexport default Button;\n","import { useEffect, useState } from 'react';\n\nconst useDevicePixelRatio = (): number | undefined => {\n const [devicePixelRatio, setDevicePixelRatio] = useState(\n undefined\n );\n\n useEffect(() => {\n const updateDevicePixelRatio = () => {\n setDevicePixelRatio(Math.ceil(window.devicePixelRatio));\n };\n\n const mediaQuery = window.matchMedia(\n `(resolution: ${window.devicePixelRatio}dppx)`\n );\n mediaQuery.addEventListener('change', updateDevicePixelRatio);\n\n return () => {\n mediaQuery.removeEventListener('change', updateDevicePixelRatio);\n };\n }, []);\n\n return devicePixelRatio;\n};\n\nexport default useDevicePixelRatio;\n","import { IImage } from '@models/IImage';\nimport BreakpointEnum from '@models/enums/BreakpointEnum';\nimport breakpoints from '@utility/config/breakpoints';\nimport useBreakpoint from '@utility/hooks/useBreakpoint';\nimport useDevicePixelRatio from '@utility/hooks/useDevicePixelRatio';\nimport classNames from 'classnames';\nimport {\n PropsWithChildren,\n RefObject,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n} from 'react';\n\ninterface Props {\n readonly aspectRatio?: number;\n readonly classes?: string;\n readonly containerRef?: RefObject;\n readonly image: IImage;\n readonly imageClasses?: string;\n readonly lazyLoad?: boolean;\n readonly quality?: number;\n readonly sizes?: string;\n readonly height?: number;\n readonly width?: number;\n readonly onLoad?: () => void;\n}\n\nconst Image = ({\n aspectRatio, // width / height e.g. 0.5, 2 etc.\n children,\n classes,\n containerRef,\n image,\n imageClasses,\n lazyLoad = true,\n quality = 70,\n sizes = '',\n height,\n width,\n onLoad,\n}: PropsWithChildren) => {\n const devicePixelRatio = useDevicePixelRatio() ?? 1;\n const breakpoint = useBreakpoint() ?? BreakpointEnum.XLarge;\n const imgRef = useRef(null);\n\n const {\n url,\n altText,\n originalHeight,\n originalWidth,\n imageFocalPoint,\n srcSet: source,\n } = image ?? {};\n const fileExtension = url?.substring(url?.lastIndexOf('.') + 1);\n const hasParams = url?.includes('&'); // For images not coming from Opti\n const containerWidth = containerRef?.current?.clientWidth;\n\n const breakpointWidths = [\n 375 * devicePixelRatio,\n 752 * devicePixelRatio,\n 1024 * devicePixelRatio,\n 1408 * devicePixelRatio,\n 1600 * devicePixelRatio,\n ];\n\n const calculatedAspectRatio = useMemo(() => {\n if (aspectRatio) return aspectRatio;\n\n if (originalWidth && originalHeight) return originalWidth / originalHeight;\n }, [aspectRatio, originalWidth, originalHeight]);\n\n const generateUrlWithExtensions = useCallback(\n (width?: number) => {\n const qParam = quality ? `&quality=${quality}` : '';\n const fpParam = imageFocalPoint\n ? `&rxy=${imageFocalPoint.replace('|', ',')}`\n : '';\n\n if (!width) {\n return `${url}?format=webp$${fpParam}${qParam}`;\n }\n\n const wParam = `&width=${width}`;\n const h = aspectRatio ? width / aspectRatio : height;\n const hParam = h ? `&height=${h}` : '';\n\n return `${url}?format=webp${wParam}${hParam}${fpParam}${qParam}`;\n },\n [url, quality, calculatedAspectRatio, imageFocalPoint]\n );\n\n const srcSet = useMemo(() => {\n return source\n ? `${url} ${breakpointWidths[1]}w, ${source} ${breakpointWidths[2]}w`\n : breakpointWidths\n .map(\n (bpWidth, i) =>\n `${generateUrlWithExtensions(\n i < breakpointWidths.length - 1 ? bpWidth : 1920\n )} ${bpWidth}w`\n )\n .join(', ');\n }, [source, breakpointWidths, generateUrlWithExtensions]);\n\n useEffect(() => {\n // Fallback - sometimes onLoad does not trigger if the image is cached\n if (imgRef?.current?.complete && onLoad) onLoad();\n }, [imgRef]);\n\n if (!url || devicePixelRatio == null) return null;\n\n if (fileExtension === 'svg' || isValidBase64ImageSource(url)) {\n return (\n \n );\n }\n\n return (\n <>\n \n {!width && !containerWidth && !hasParams && (\n \n )}\n \n {children}\n \n \n );\n};\n\nconst isValidBase64ImageSource = (imageSrc: string) => {\n const regex = /^data:image\\/(png|jpg|jpeg|gif);base64,[A-Za-z0-9+/]+={0,2}$/;\n return regex.test(imageSrc);\n};\n\nexport default Image;\n","const enum SiteEnum {\n B2B = 'b2b',\n Deco = 'deco',\n}\n\nexport default SiteEnum;\n","/* eslint-env node */\n/* eslint-disable @typescript-eslint/no-var-requires */\n\n/** @type {import('tailwindcss').Config} */\n\nconst screens = {\n sm: '375px',\n md: '752px',\n lg: '1024px',\n xl: '1408px',\n xxl: '1600px',\n};\n\nmodule.exports = {\n darkMode: 'selector',\n prefix: 'tw-',\n content: [\n './.storybook/**/*.{js,jsx,mdx,ts,tsx}',\n './src/components/**/*.{js,jsx,mdx,ts,tsx}',\n ],\n theme: {\n screens,\n listStyleType: {\n none: 'none',\n disc: 'disc',\n decimal: 'decimal',\n square: 'square',\n },\n container: {\n screens,\n center: true,\n padding: {\n DEFAULT: '16px',\n sm: '16px',\n md: '32px',\n lg: '48px',\n xl: '48px',\n '2xl': '48px',\n },\n },\n fontFamily: {\n sans: '\"Noto Sans\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"',\n serif:\n '\"Playfair Display\",ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif',\n mono: '\"Noto Sans Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace',\n icon: 'icomoon',\n },\n fontSize: {\n xs: ['0.75rem', '1rem'],\n sm: ['0.875rem', '1.25rem'],\n base: ['1rem', '1.5rem'],\n lg: ['1.125rem', '1.625rem'],\n xl: ['1.3125rem', '1.75rem'],\n '2xl': ['1.5rem', '2rem'],\n '3xl': ['1.75rem', '2.25rem'],\n '4xl': ['2rem', '2.5rem'],\n '5xl': ['2.25rem', '2.75rem'],\n '6xl': ['2.5rem', '3rem'],\n '7xl': ['3rem', '3.5rem'],\n '8xl': ['3.5rem', '4rem'],\n },\n lineHeight: {\n xs: '1rem',\n sm: '1.25rem',\n base: '1.5rem',\n lg: '1.625rem',\n xl: '1.75rem',\n '2xl': '2rem',\n '3xl': '2.25rem',\n '4xl': '2.5rem',\n '5xl': '2.75rem',\n '6xl': '3rem',\n '7xl': '3.5rem',\n '8xl': '4rem',\n },\n fontWeight: {\n light: '300',\n normal: '400',\n semibold: '600',\n },\n colors: {\n blue: {\n DEFAULT: '#031E45',\n },\n yellow: {\n DEFAULT: '#F0AB00',\n hover: '#F1B32D',\n active: '#EDBE46',\n disabled: '#FBE6B3',\n },\n red: {\n DEFAULT: '#D52B1E',\n hover: '#E11E0F',\n active: '#EC0E00',\n disabled: '#F2BFBC',\n },\n green: {\n DEFAULT: '#329E36',\n },\n grey: {\n 100: '#202020',\n 90: '#333333',\n 80: '#4D4D4D',\n 70: '#666666',\n 60: '#808080',\n 50: '#999999',\n 40: '#B3B3B3',\n 30: '#CCCCCC',\n 20: '#E6E6E6',\n 10: '#F7F7F7',\n },\n white: {\n DEFAULT: '#FFFFFF',\n },\n black: {\n DEFAULT: '#202020',\n },\n transparent: 'transparent',\n background: {\n amber: '#AF8A76', // light\n amberDark: '#806A62', // dark\n beige: '#E9D8B8', // light\n beigeDark: '#A98259', // light\n brownGray: '#79736D', // dark\n brownGrey: '#79736D', // dark\n coral: '#DBC4B7', // light\n coralDark: '#985F56', // dark\n darkGrey: '#E6E6E6', // light\n gBSGreen: '#276D00', // dark\n gBSHarpGreen: '#E5EFEA', // light\n gBSLightGreen: '#478326', // dark\n gBSPalmGreen: '#012317', // dark\n gBSSummerGreen: '#C4D0B0', // light\n graphite: '#70666C', //dark\n jotunBlue: '#031E45', // dark\n jotunYellow: '#F0AB00', // light\n lightBlue: '#E6E9F0', // light\n lightGreen: '#E6F0EB', // light\n lightgrey: '#F7F7F7', // light\n lightGrey: '#F7F7F7', // light\n oceanDark: '#19262C', // dark\n olive: '#C9D0C5', // light\n oliveDark: '#646556', // dark\n pearl: '#F3F4ED', // light\n sand: '#E7DFCD', // light\n sandDark: '#CEC1B1', // light\n slate: '#A5BCC3', // light\n slateDark: '#4E616C', // dark\n white: '#FFFFFF', // light\n },\n },\n extend: {\n fill: {\n current: 'currentColor',\n },\n stroke: {\n current: 'currentColor',\n },\n transitionTimingFunction: {\n 'in-out-quart': 'cubic-bezier(0.76, 0, 0.24, 1)',\n },\n borderRadius: {\n DEFAULT: '4px',\n md: '10px',\n },\n borderWidth: {\n 1: '1px',\n },\n spacing: {\n '4xs': '0.125rem', // 2px\n '3xs': '0.25rem', // 4px\n xxs: '0.5rem', // 8px\n xs: '1rem', // 16px\n sm: '1.5rem', // 24px\n md: '2rem', // 32px\n lg: '2.5rem', // 40px\n xl: '3rem', // 48px\n '2xl': '4rem', // 64px\n '3xl': '5rem', // 80px\n '4xl': '6rem', // 96px\n '5xl': '7.5rem', // 120px\n buttonY: '0.875rem', // 14px\n },\n zIndex: {\n max: '999',\n 100: '100',\n 90: '90',\n 80: '80',\n 70: '70',\n 60: '60',\n },\n },\n },\n future: { hoverOnlyWhenSupported: true },\n plugins: [require('@tailwindcss/container-queries')],\n};\n","const enum PositioningEnum {\n Left = 'left',\n Center = 'centre',\n Right = 'right',\n}\n\nexport default PositioningEnum;\n","import { useCallback, useEffect, useState } from 'react';\n\nconst useMediaQuery = (minWidth: number) => {\n // Setting a default state, leaving it undefined is essentially falsey anyway\n const [isSmallerThan, setIsSmallerThan] = useState(false);\n\n const handler = useCallback(() => {\n const isDesiredWidth = window.innerWidth < minWidth;\n setIsSmallerThan(isDesiredWidth);\n }, [minWidth]);\n\n useEffect(() => {\n window.addEventListener('resize', handler);\n handler();\n\n return () => {\n window.removeEventListener('resize', handler);\n };\n }, [handler]);\n\n return isSmallerThan;\n};\n\nexport default useMediaQuery;\n","import BreakpointEnum from '@models/enums/BreakpointEnum';\nimport Breakpoint from '@models/helpers/Breakpoint';\nimport breakpoints from '@utility/config/breakpoints';\nimport { useCallback, useEffect, useState } from 'react';\n\nconst getCurrentBreakpoint = (): Breakpoint => {\n const width = window.innerWidth;\n let device;\n\n if (width < breakpoints.md) {\n device = BreakpointEnum.Small;\n } else if (width < breakpoints.lg) {\n device = BreakpointEnum.Medium;\n } else if (width < breakpoints.xl) {\n device = BreakpointEnum.Large;\n } else if (width < breakpoints.xxl) {\n device = BreakpointEnum.XLarge;\n } else device = BreakpointEnum.Max;\n\n return device;\n};\n\nconst useBreakpoint = (): Breakpoint | undefined => {\n const [screen, setScreen] = useState();\n\n const resizeHandler = useCallback(() => {\n setScreen(getCurrentBreakpoint());\n }, []);\n\n useEffect(() => {\n window.addEventListener('resize', resizeHandler);\n setScreen(getCurrentBreakpoint());\n\n return () => {\n window.removeEventListener('resize', resizeHandler);\n };\n }, [resizeHandler]);\n\n return screen;\n};\n\nexport default useBreakpoint;\n","// Will parse a pixel string to a number e.g. '762px' => 762\n\nconst parseNumberInString = (pixelValue: string) => {\n const match = pixelValue.match(/\\d+/);\n\n if (match) {\n return parseInt(match[0], 10);\n }\n\n return 0;\n};\n\nexport default parseNumberInString;\n","import BreakpointEnum from '@models/enums/BreakpointEnum';\nimport Breakpoint from '@models/helpers/Breakpoint';\nimport parseNumberInString from '@utility/format/parseNumberInString';\nimport resolveConfig from 'tailwindcss/resolveConfig';\nimport tailwindConfig from '../../../tailwind.config';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst fullConfig = resolveConfig(tailwindConfig as any);\n\nconst { sm, md, lg, xl, xxl } = fullConfig.theme.screens;\n\nconst breakpoints = {\n sm: parseNumberInString(sm),\n md: parseNumberInString(md),\n lg: parseNumberInString(lg),\n xl: parseNumberInString(xl),\n xxl: parseNumberInString(xxl),\n};\n\nexport default breakpoints;\n\nconst breakpointArray: Breakpoint[] = Object.values(BreakpointEnum);\n\nexport const breakpointsBelow = (breakpoint: Breakpoint) => {\n const upperIndex = breakpointArray.indexOf(breakpoint);\n return breakpointArray.slice(0, upperIndex);\n};\n\nexport const breakpointsAbove = (breakpoint: Breakpoint) => {\n const lowerIndex = breakpointArray.indexOf(breakpoint) + 1;\n return breakpointArray.slice(lowerIndex);\n};\n","import Button from '@atoms/Button/Button';\nimport Image from '@atoms/Image/Image';\nimport { IVideo } from '@models/IVideo';\nimport { IVideoAttributes } from '@models/IVideoAttributes';\nimport classNames from 'classnames';\nimport { AnimatePresence, motion, useInView } from 'motion/react';\nimport { ForwardedRef, forwardRef, useRef, useState } from 'react';\nimport ReactPlayer, { Config } from 'react-player';\n\ninterface Props extends IVideo {\n readonly classes?: string;\n readonly config?: Config;\n readonly controls?: boolean;\n readonly videoAttributes?: IVideoAttributes;\n}\n\nconst Video = forwardRef(\n (\n {\n classes,\n config,\n controls = true,\n poster,\n videoAttributes,\n videoSource,\n }: Props,\n ref\n ) => {\n const [isPlaying, setIsPlaying] = useState(\n !!videoAttributes?.playing\n );\n const [showPoster, setShowPoster] = useState(\n !videoAttributes?.playing\n );\n const videoRef = useRef(null);\n const inView = useInView(videoRef, { once: true });\n\n if (!videoSource) return null;\n\n const handlePlay = () => {\n setIsPlaying(true);\n setShowPoster(false);\n };\n\n const handleEnd = () => {\n setIsPlaying(false);\n setShowPoster(true);\n };\n\n return (\n }\n className={classNames(\n classes\n ? classes\n : 'tw-relative tw-flex tw-aspect-video tw-h-auto tw-w-full tw-min-w-full tw-items-center tw-justify-center'\n )}\n >\n
\n \n {!!poster && showPoster ? (\n \n \n
\n \n
\n \n \n ) : (\n \n {inView && (\n \n )}\n \n )}\n \n
\n \n );\n }\n);\n\nVideo.displayName = 'Video';\n\nexport default Video;\n","enum BreakpointEnum {\n Small = 'sm',\n Medium = 'md',\n Large = 'lg',\n XLarge = 'xl',\n Max = 'xxl',\n}\n\nexport default BreakpointEnum;\n"],"names":["variants","cva","variant","yellow","grey30","grey80","white","destructive","link","modifier","fill","outline","icon","true","false","compoundVariants","className","defaultVariants","Button","forwardRef","_ref","ref","as","buttonClasses","dataTestId","disabled","iconClasses","iconName","iconSize","label","site","props","siteStyles","SiteEnum","B2B","Deco","style","undefined","iconOnly","classes","twMerge","Content","React","createElement","classNames","Icon","name","size","anchorProps","href","_extends","displayName","useDevicePixelRatio","devicePixelRatio","setDevicePixelRatio","useState","useEffect","updateDevicePixelRatio","Math","ceil","window","mediaQuery","matchMedia","addEventListener","removeEventListener","isValidBase64ImageSource","imageSrc","test","aspectRatio","children","containerRef","image","imageClasses","lazyLoad","quality","sizes","height","width","onLoad","breakpoint","useBreakpoint","BreakpointEnum","XLarge","imgRef","useRef","url","altText","originalHeight","originalWidth","imageFocalPoint","srcSet","source","fileExtension","substring","lastIndexOf","hasParams","includes","containerWidth","current","clientWidth","breakpointWidths","calculatedAspectRatio","useMemo","generateUrlWithExtensions","useCallback","qParam","fpParam","replace","h","map","bpWidth","i","length","join","complete","src","alt","draggable","Fragment","type","loading","fetchPriority","breakpoints","screens","sm","md","lg","xl","xxl","module","exports","darkMode","prefix","content","theme","listStyleType","none","disc","decimal","square","container","center","padding","DEFAULT","fontFamily","sans","serif","mono","fontSize","xs","base","lineHeight","fontWeight","light","normal","semibold","colors","blue","hover","active","red","green","grey","black","transparent","background","amber","amberDark","beige","beigeDark","brownGray","brownGrey","coral","coralDark","darkGrey","gBSGreen","gBSHarpGreen","gBSLightGreen","gBSPalmGreen","gBSSummerGreen","graphite","jotunBlue","jotunYellow","lightBlue","lightGreen","lightgrey","lightGrey","oceanDark","olive","oliveDark","pearl","sand","sandDark","slate","slateDark","extend","stroke","transitionTimingFunction","borderRadius","borderWidth","spacing","xxs","buttonY","zIndex","max","future","hoverOnlyWhenSupported","plugins","PositioningEnum","minWidth","isSmallerThan","setIsSmallerThan","handler","isDesiredWidth","innerWidth","getCurrentBreakpoint","device","Small","Medium","Large","Max","screen","setScreen","resizeHandler","pixelValue","match","parseInt","fullConfig","resolveConfig","tailwindConfig","parseNumberInString","breakpointArray","Object","values","breakpointsBelow","upperIndex","indexOf","slice","breakpointsAbove","lowerIndex","Video","config","controls","poster","videoAttributes","videoSource","isPlaying","setIsPlaying","playing","showPoster","setShowPoster","videoRef","inView","useInView","once","AnimatePresence","mode","motion","div","key","initial","opacity","animate","exit","Image","onClick","handlePlay","ReactPlayer","onEnded","handleEnd"],"sourceRoot":""}