{"version":3,"file":"MediaHero-Chunk-2617d2d136c006377148.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,uHAERC,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,oGAGNC,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,sSClKA,MAGanD,GAAWC,EAAAA,EAAAA,GAFtB,6FAEuC,CACvCD,SAAU,CACRoC,MAAO,CACLjC,OACE,6FACFiD,KAAM,yLAGVnC,gBAAiB,CACfmB,MAAO,YA+CX,EA3CYhB,IAUC,IAVA,KACXU,EAAI,UACJd,EAAS,SACTqC,EAAQ,OACRC,EAAM,KACNC,EAAI,IACJC,EAAG,QACHtD,EAAO,eACPuD,GAAiB,KACd1B,GACGX,EACN,MAAMY,EAAa,CACjB,CAACC,EAAAA,EAASC,KAAM,SAChB,CAACD,EAAAA,EAASE,MAAO,QAIbC,EAAQlC,IAAY4B,GAASE,EAAWF,UAAqBO,EAE7DE,GAAUC,EAAAA,EAAAA,IAAQxC,EAAS,CAAEoC,MAAOA,IAAUpB,GAEpD,IAAKuC,IAASC,EAAK,OAEnB,MAAM7B,EACJ0B,IAAwB,WAAXC,EAAsB,gBAAkB,eACvD,OACEZ,MAAAC,cAAA,IAAAO,EAAA,CACED,KAAMO,EACNF,OAAQA,EACRtC,WAAWwB,EAAAA,EAAAA,IACT,oKACAiB,GACE,+EAEA1B,GAEJW,MAAAC,cAACE,EAAAA,EAAI,CAACC,KAAMnB,EAAUX,UAAWuB,EAASQ,KAAK,YAE9CQ,EACC,C,qCCvEGG,EAAe,SAAfA,GAAe,OAAfA,EAAe,kBAAfA,EAAe,sBAAfA,EAAe,UAAfA,CAAe,EAAfA,GAAe,IAM1B,S,2YCOA,MAkLA,EAlLmB3B,IACjB,MAAM,iBACJ4B,EAAgB,OAChBC,EAAM,SACNC,EAAQ,OACRC,EAAM,WACNC,EAAaC,EAAAA,EAAUC,MAAK,cAC5BC,EAAa,MACbC,EAAK,KACLrC,EAAI,QACJsC,EAAO,MACPC,EAAK,aACLC,EAAY,YACZC,EAAW,QACXrE,EAAO,MACPsE,GACEzC,EACE0C,EAAYd,GAAkBe,WAAW,KAC7Cf,EACAA,GAAoBgB,EAAAA,IAAoBhB,GAC1C,IAAKU,IAAUG,IAAUL,EAAO,OAAO,KAEvC,MAAMS,EAAaxD,IAMb,IANc,KAClBZ,EAAI,UACJqE,GAIDzD,EACC,MAAM,KAAEmC,EAAI,IAAEC,EAAG,OAAEF,GAAW9C,EAC9B,OAAQqD,IACDH,EAAAA,EAAgBoB,IACZpC,MAAAC,cAACmC,EAAAA,EAAG5B,EAAA,CAACpB,KAAMA,GAAUtB,IAG1BkC,MAAAC,cAACzB,EAAAA,EAAM,CACLY,KAAMA,EACNR,GAAG,OACHyD,IAAKxB,EACLN,KAAMO,EACNF,OAAQA,EACRzB,MAAO0B,EACP9C,SAAUoE,EAAY,UAAY,OAClCtD,cAAesD,EAAY,gBAAkB,IAGrD,EAGIG,EACJd,GAAiBM,EACf9B,MAAAC,cAACsC,EAAAA,EAAW/B,EAAA,CACVgC,SAAUnB,IAAeC,EAAAA,EAAUmB,KACnCC,YAAaZ,EAAMY,aACfrD,IAEJ,KAEN,OACEW,MAAAC,cAAA,WACE3B,UAAU,aACVoB,MAAO,CAAEiD,gBAAiBZ,GAAa,KAEvC/B,MAAAC,cAAA,OACE3B,UAAW4B,IAAW,sBAAuB,CAC3C,0DACE1C,IAAYoF,EAAAA,EAAgBC,KAC9B,qCACErF,IAAYoF,EAAAA,EAAgBE,MAC9B,6BACEtF,IAAYoF,EAAAA,EAAgBG,aAC9B,cAAevF,IAAYoF,EAAAA,EAAgBI,WAG5CvB,GAASK,EACR9B,MAAAC,cAACgD,EAAAA,EAASzC,EAAA,CACRlC,UAAW4B,IACT1C,IAAYoF,EAAAA,EAAgBC,MAC1B,0HACDrF,IAAYoF,EAAAA,EAAgBE,OAC3BtF,IAAYoF,EAAAA,EAAgBG,eAC5B,2DACFvF,IAAYoF,EAAAA,EAAgBI,SAC1B,2DAEJR,SAAUnB,IAAeC,EAAAA,EAAUmB,KACnCS,QACE1F,IAAYoF,EAAAA,EAAgBE,OAC5BtF,IAAYoF,EAAAA,EAAgBG,cAE1B1D,EAAK,CACTmC,cAAeA,GAAiBhE,IAAYoF,EAAAA,EAAgBC,QAE5D,KACJ7C,MAAAC,cAAA,OACE3B,UAAW4B,IACT,iEACA,CACE,kBACE1C,IAAYoF,EAAAA,EAAgBE,OAC5BtF,IAAYoF,EAAAA,EAAgBG,gBAIlC/C,MAAAC,cAAA,OACE3B,UAAW4B,IACT,4CACAmB,IAAeC,EAAAA,EAAUmB,KACrB,mBACA,kBAGLZ,EACC7B,MAAAC,cAACkD,EAAAA,EAAI,CAAC3F,QAAQ,OAAOc,UAAU,mCAC5BuD,GAED,KACHD,EACC5B,MAAAC,cAAA,OAAK3B,UAAU,iCACb0B,MAAAC,cAACmD,EAAAA,EAAK,CACJ3B,MAAOG,EACPyB,aAAcnD,IACZ,aAEA0B,EAAa0B,cAAgB1B,EAAa2B,gBACxC,EACE,2BACA,4DAIR,KACJvD,MAAAC,cAAA,OAAK3B,UAAU,6CACZqD,EACC3B,MAAAC,cAACkD,EAAAA,EAAI,CAAC3F,QAAQ,gBAAgBoB,GAAG,MAC9B+C,GAED,KACHD,EACC1B,MAAAC,cAAAD,MAAAwD,SAAA,KACExD,MAAAC,cAACkD,EAAAA,EAAI,CACH3F,QAAQ,OACRc,UACEd,IAAYoF,EAAAA,EAAgBC,KAAO,eAAiB,IAGrDnB,GAEFlE,IAAYoF,EAAAA,EAAgBC,KAC3B7C,MAAAC,cAACkD,EAAAA,EAAI,CAAC3F,QAAQ,UAAUc,UAAU,oBAC/BoD,GAED,MAEJ,MACFR,GAAUE,IACVpB,MAAAC,cAAA,OACE3B,UAAW4B,IACT,4BACAiB,IAAaH,EAAAA,EAAgBoB,IAAM,WAAa,WAChDf,IAAeC,EAAAA,EAAUC,OAAS,YAGnCL,EAASlB,MAAAC,cAACiC,EAAU,CAACpE,KAAMoD,IAAa,KACxCE,EAASpB,MAAAC,cAACiC,EAAU,CAACpE,KAAMsD,EAAQe,WAAS,IAAM,MAGtDG,GAAgB9E,IAAYoF,EAAAA,EAAgBC,KACzCP,EACA,SAKJ,E,wNCvLd,MAIA,EAJmBjD,GACjBW,MAAAC,cAACwD,EAAejD,EAAA,GAAKnB,EAAK,CAAED,KAAMG,EAAAA,EAASC,M,iBCL7C,SAASkE,EAAEC,GAAG,IAAIC,EAAEC,EAAEC,EAAE,GAAG,GAAG,iBAAiBH,GAAG,iBAAiBA,EAAEG,GAAGH,OAAO,GAAG,iBAAiBA,EAAE,GAAGI,MAAMC,QAAQL,GAAG,IAAIC,EAAE,EAAEA,EAAED,EAAEM,OAAOL,IAAID,EAAEC,KAAKC,EAAEH,EAAEC,EAAEC,OAAOE,IAAIA,GAAG,KAAKA,GAAGD,QAAQ,IAAID,KAAKD,EAAEA,EAAEC,KAAKE,IAAIA,GAAG,KAAKA,GAAGF,GAAG,OAAOE,CAAC,CAAQ,SAASI,IAAO,IAAI,IAAIP,EAAEC,EAAEC,EAAE,EAAEC,EAAE,GAAGD,EAAEM,UAAUF,SAASN,EAAEQ,UAAUN,QAAQD,EAAEF,EAAEC,MAAMG,IAAIA,GAAG,KAAKA,GAAGF,GAAG,OAAOE,CAAC,C,iBAAC,MCC5VM,EAAiBC,GAAyB,kBAAVA,EAAsB,GAAGC,OAAOD,GAAmB,IAAVA,EAAc,IAAMA,EACtFE,EAAKL,EACL3G,EAAM,CAACiH,EAAMC,IACdpF,IACJ,IAAIV,EACJ,GAAyE,OAApE8F,aAAuC,EAASA,EAAOnH,UAAmB,OAAOiH,EAAGC,EAAMnF,aAAqC,EAASA,EAAMqF,MAAOrF,aAAqC,EAASA,EAAMf,WAC9M,MAAM,SAAEhB,EAAS,gBAAEiB,GAAqBkG,EAClCE,EAAuBC,OAAOC,KAAKvH,GAAUwH,KAAKtH,IACpD,MAAMuH,EAAc1F,aAAqC,EAASA,EAAM7B,GAClEwH,EAAqBzG,aAAyD,EAASA,EAAgBf,GAC7G,GAAoB,OAAhBuH,EAAsB,OAAO,KACjC,MAAME,EAAab,EAAcW,IAAgBX,EAAcY,GAC/D,OAAO1H,EAASE,GAASyH,EAAW,IAElCC,EAAwB7F,GAASuF,OAAOO,QAAQ9F,GAAO+F,QAAO,CAACC,EAAKC,KACtE,IAAKjD,EAAKgC,GAASiB,EACnB,YAAc3F,IAAV0E,IAGJgB,EAAIhD,GAAOgC,GAFAgB,CAGD,GACX,CAAC,GACEE,EAA+Bd,SAAoF,QAAnC9F,EAAM8F,EAAOpG,wBAAsC,IAARM,OAArD,EAA+EA,EAAIyG,QAAO,CAACC,EAAKG,KACxK,IAAMd,MAAOe,EAAUnH,UAAWoH,KAAiBC,GAA2BH,EAC9E,OAAOZ,OAAOO,QAAQQ,GAAwBC,OAAON,IACjD,IAAKjD,EAAKgC,GAASiB,EACnB,OAAOvB,MAAMC,QAAQK,GAASA,EAAMwB,SAAS,IACtCtH,KACA2G,GACL7C,IAAQ,IACH9D,KACA2G,GACJ7C,KAASgC,CAAK,IAChB,IACEgB,EACHI,EACAC,GACAL,CAAG,GACR,IACH,OAAOd,EAAGC,EAAMG,EAAsBY,EAA8BlG,aAAqC,EAASA,EAAMqF,MAAOrF,aAAqC,EAASA,EAAMf,UAAU,C","sources":["webpack://react-app/./components/Shared/src/components/atoms/Button/Button.tsx","webpack://react-app/./components/Shared/src/components/atoms/Cta/Cta.tsx","webpack://react-app/./components/Shared/src/models/enums/VariantTypeEnum.ts","webpack://react-app/./components/Shared/src/components/organisms/MediaHero/MediaHero.tsx","webpack://react-app/./components/organisms/MediaHero/MediaHeroWrapper.tsx","webpack://react-app/./node_modules/.pnpm/clsx@2.0.0/node_modules/clsx/dist/clsx.mjs","webpack://react-app/./node_modules/.pnpm/class-variance-authority@0.7.0/node_modules/class-variance-authority/dist/index.mjs"],"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<typeof variants>;\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',\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',\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      <div\n        className={classNames(\n          'tw-flex tw-w-full tw-items-center tw-justify-center tw-gap-2.5'\n        )}\n      >\n        {label && <span>{label}</span>}\n        {iconName && (\n          <Icon name={iconName} className={iconClasses} size={iconSize} />\n        )}\n      </div>\n    );\n\n    if (as === 'link') {\n      const anchorProps =\n        props as React.AnchorHTMLAttributes<HTMLAnchorElement>;\n      const { href } = anchorProps;\n\n      return (\n        <a\n          className={classes}\n          href={href}\n          ref={ref as ForwardedRef<HTMLAnchorElement>}\n          {...anchorProps}\n          data-testid={dataTestId}\n        >\n          {Content}\n        </a>\n      );\n    } else {\n      return (\n        <button\n          className={classes}\n          data-testid={dataTestId}\n          disabled={!!disabled}\n          ref={ref as ForwardedRef<HTMLButtonElement>}\n          {...(props as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n        >\n          {Content}\n        </button>\n      );\n    }\n  }\n);\n\nButton.displayName = 'Button';\nexport default Button;\n","import Icon from '@atoms/Icon/Icon';\nimport { ILink } from '@models/ILink';\nimport SiteEnum from '@models/enums/SiteEnum';\nimport { cva } from 'class-variance-authority';\nimport { ComponentPropsWithoutRef } from 'react';\nimport { twMerge } from 'tailwind-merge';\n\ntype styles = 'yellow' | 'grey';\n\ntype Props = ComponentPropsWithoutRef<'a'> &\n  ILink & {\n    readonly variant?: styles;\n    readonly site?: SiteEnum;\n    readonly enableDarkMode?: boolean;\n  };\n\nconst baseClasses =\n  'tw-inline-block tw-rounded tw-px-3xs tw-py-3xs tw-text-center tw-text-xs rtl:tw-rotate-180';\n\nexport const variants = cva(baseClasses, {\n  variants: {\n    style: {\n      yellow:\n        'tw-bg-yellow group-hover:tw-bg-yellow-hover group-active:tw-bg-yellow-active tw-text-black',\n      grey: 'tw-bg-grey-80 dark:tw-bg-white dark:group-hover:tw-bg-grey-10 group-hover:tw-bg-grey-90 group-active:tw-bg-grey-100 dark:group-active:tw-bg-grey-20 tw-fill-white dark:tw-fill-black',\n    },\n  },\n  defaultVariants: {\n    style: 'yellow',\n  },\n});\n\nconst Cta = ({\n  site,\n  className,\n  linkIcon,\n  target,\n  text,\n  url,\n  variant, // variant prop can be passed in to override the site specific styles\n  enableDarkMode = true,\n  ...props\n}: Props) => {\n  const siteStyles = {\n    [SiteEnum.B2B]: 'yellow',\n    [SiteEnum.Deco]: 'grey',\n  };\n\n  // style is overriden if a variant is passed in, but otherwise takes on the site style\n  const style = variant ?? (site && (siteStyles[site] as styles)) ?? undefined;\n\n  const classes = twMerge(variants({ style: style }), className);\n\n  if (!text || !url) return;\n\n  const iconName =\n    linkIcon ?? (target === '_blank' ? 'external-link' : 'arrow-right');\n  return (\n    <a\n      href={url}\n      target={target}\n      className={twMerge(\n        'tw-group tw-inline-flex tw-items-center tw-gap-xxs tw-text-sm tw-text-black tw-outline-black hover:tw-text-grey-70 active:tw-text-grey-80 rtl:tw-flex-row-reverse',\n        enableDarkMode &&\n          'dark:active:tw-text-grey-30\" dark:tw-text-white dark:hover:tw-text-grey-20'\n      )}\n      {...props}\n    >\n      <Icon name={iconName} className={classes} size=\"1.25rem\" />\n\n      {text}\n    </a>\n  );\n};\n\nexport default Cta;\n","const enum VariantTypeEnum {\n  Primary = 'primary',\n  Secondary = 'secondary',\n  Cta = 'cta',\n}\n\nexport default VariantTypeEnum;\n","import Button from '@atoms/Button/Button';\nimport Cta from '@atoms/Cta/Cta';\nimport Image from '@atoms/Image/Image';\nimport Text from '@atoms/Text/Text';\nimport ThemeEnum from '@models/enums/ThemeEnum';\nimport VariantTypeEnum from '@models/enums/VariantTypeEnum';\nimport { HeroVariantEnum, IMediaHero } from '@models/IHero';\nimport { ILink } from '@models/ILink';\nimport { HeroMedia } from '@molecules/HeroMedia/HeroMedia';\nimport { VideoButton } from '@molecules/VideoButton/VideoButton';\nimport backgroundColours from '@utility/config/backgroundColours';\nimport classNames from 'classnames';\n\nconst MediaHero = (props: IMediaHero) => {\n  const {\n    backgroundColour,\n    ctaOne,\n    ctaStyle,\n    ctaTwo,\n    fontColour = ThemeEnum.Light,\n    hasPlayButton,\n    image,\n    site,\n    subText,\n    title,\n    trumpetImage,\n    trumpetText,\n    variant,\n    video,\n  } = props;\n  const bgHexCode = backgroundColour?.startsWith('#')\n  ? backgroundColour\n  : backgroundColour && backgroundColours?.[backgroundColour];\n  if (!title && !video && !image) return null;\n\n  const HeroButton = ({\n    link,\n    secondary,\n  }: {\n    link: ILink;\n    secondary?: boolean;\n  }) => {\n    const { text, url, target } = link;\n    switch (ctaStyle) {\n      case VariantTypeEnum.Cta:\n        return <Cta site={site} {...link} />;\n      default:\n        return (\n          <Button\n            site={site}\n            as=\"link\"\n            key={text}\n            href={url}\n            target={target}\n            label={text}\n            modifier={secondary ? 'outline' : 'fill'}\n            buttonClasses={secondary ? 'tw-text-white' : ''}\n          />\n        );\n    }\n  };\n\n  const qbrickButton =\n    hasPlayButton && video ? (\n      <VideoButton\n        darkFont={fontColour === ThemeEnum.Dark}\n        videoSource={video.videoSource}\n        {...props}\n      />\n    ) : null;\n\n  return (\n    <section\n      className=\"media-hero\"\n      style={{ backgroundColor: bgHexCode ?? '' }}\n    >\n      <div\n        className={classNames('tw-relative tw-flex', {\n          'tw-min-h-[480px] md:tw-min-h-[608px] xl:tw-min-h-[75vh]':\n            variant === HeroVariantEnum.Full,\n          'tw-flex-col xl:tw-flex-row-reverse':\n            variant === HeroVariantEnum.Split,\n          'tw-flex-col xl:tw-flex-row':\n            variant === HeroVariantEnum.SplitReverse,\n          'tw-flex-col': variant === HeroVariantEnum.Stacked,\n        })}\n      >\n        {image || video ? (\n          <HeroMedia\n            className={classNames(\n              variant === HeroVariantEnum.Full &&\n                'after:tw-content-[\" \"] tw-absolute tw-inset-0 after:tw-absolute after:tw-inset-0 after:tw-bg-black after:tw-opacity-50',\n              (variant === HeroVariantEnum.Split ||\n                variant === HeroVariantEnum.SplitReverse) &&\n                'tw-relative  tw-h-[468px] xl:tw-h-[75vh] xl:tw-basis-1/2',\n              variant === HeroVariantEnum.Stacked &&\n                'tw-relative tw-h-[468px] md:tw-h-[608px] xl:tw-h-[75vh]'\n            )}\n            darkFont={fontColour === ThemeEnum.Dark}\n            isSplit={\n              variant === HeroVariantEnum.Split ||\n              variant === HeroVariantEnum.SplitReverse\n            }\n            {...props}\n            hasPlayButton={hasPlayButton && variant !== HeroVariantEnum.Full}\n          />\n        ) : null}\n        <div\n          className={classNames(\n            'tw-container tw-relative tw-z-[1] tw-flex tw-py-10 md:tw-py-16',\n            {\n              'xl:tw-basis-1/2':\n                variant === HeroVariantEnum.Split ||\n                variant === HeroVariantEnum.SplitReverse,\n            }\n          )}\n        >\n          <div\n            className={classNames(\n              'tw-m-auto tw-max-w-[640px] tw-text-center',\n              fontColour === ThemeEnum.Dark\n                ? 'tw-text-grey-100'\n                : 'tw-text-white'\n            )}\n          >\n            {trumpetText ? (\n              <Text variant=\"body\" className=\"tw-mb-2 tw-uppercase md:tw-mb-4\">\n                {trumpetText}\n              </Text>\n            ) : null}\n            {trumpetImage ? (\n              <div className=\"tw-mb-2 tw-min-h-7 md:tw-mb-4\">\n                <Image\n                  image={trumpetImage}\n                  imageClasses={classNames(\n                    'tw-mx-auto',\n                    // if aspect ratio is greater than or equal to 6 the remove width limitations on image\n                    trumpetImage.originalWidth / trumpetImage.originalHeight >=\n                      6\n                      ? 'tw-max-h-7 md:tw-max-h-9'\n                      : 'tw-max-h-12 tw-max-w-32 md:tw-max-h-16 md:tw-max-w-44'\n                  )}\n                />\n              </div>\n            ) : null}\n            <div className=\"tw-flex tw-flex-col tw-gap-8 md:tw-gap-10\">\n              {title ? (\n                <Text variant=\"hero-headline\" as=\"h1\">\n                  {title}\n                </Text>\n              ) : null}\n              {subText ? (\n                <>\n                  <Text\n                    variant=\"body\"\n                    className={\n                      variant === HeroVariantEnum.Full ? 'md:tw-hidden' : ''\n                    }\n                  >\n                    {subText}\n                  </Text>\n                  {variant === HeroVariantEnum.Full ? (\n                    <Text variant=\"body-18\" className=\"max-md:tw-hidden\">\n                      {subText}\n                    </Text>\n                  ) : null}\n                </>\n              ) : null}\n              {(ctaOne || ctaTwo) && (\n                <div\n                  className={classNames(\n                    'tw-flex tw-justify-center',\n                    ctaStyle === VariantTypeEnum.Cta ? 'tw-gap-8' : 'tw-gap-4',\n                    fontColour === ThemeEnum.Light && 'tw-dark'\n                  )}\n                >\n                  {ctaOne ? <HeroButton link={ctaOne} /> : null}\n                  {ctaTwo ? <HeroButton link={ctaTwo} secondary /> : null}\n                </div>\n              )}\n              {qbrickButton && variant === HeroVariantEnum.Full\n                ? qbrickButton\n                : null}\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n\nexport default MediaHero;\n","import SiteEnum from '@models/enums/SiteEnum';\nimport { IMediaHero } from '@models/IHero';\nimport SharedMediaHero from '@organisms/MediaHero/MediaHero';\n\nconst MediaHero = (props: IMediaHero) => (\n  <SharedMediaHero {...props} site={SiteEnum.B2B} />\n);\n\nexport default MediaHero;\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f);else for(t in e)e[t]&&(n&&(n+=\" \"),n+=t);return n}export function clsx(){for(var e,t,f=0,n=\"\";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? \"\".concat(value) : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>{\n    return (props)=>{\n        var ref;\n        if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n        const { variants , defaultVariants  } = config;\n        const getVariantClassNames = Object.keys(variants).map((variant)=>{\n            const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n            const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n            if (variantProp === null) return null;\n            const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n            return variants[variant][variantKey];\n        });\n        const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n            let [key, value] = param;\n            if (value === undefined) {\n                return acc;\n            }\n            acc[key] = value;\n            return acc;\n        }, {});\n        const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (ref = config.compoundVariants) === null || ref === void 0 ? void 0 : ref.reduce((acc, param1)=>{\n            let { class: cvClass , className: cvClassName , ...compoundVariantOptions } = param1;\n            return Object.entries(compoundVariantOptions).every((param)=>{\n                let [key, value] = param;\n                return Array.isArray(value) ? value.includes({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                }[key]) : ({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                })[key] === value;\n            }) ? [\n                ...acc,\n                cvClass,\n                cvClassName\n            ] : acc;\n        }, []);\n        return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n    };\n};\n\n\n//# sourceMappingURL=index.mjs.map"],"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","grey","linkIcon","target","text","url","enableDarkMode","VariantTypeEnum","backgroundColour","ctaOne","ctaStyle","ctaTwo","fontColour","ThemeEnum","Light","hasPlayButton","image","subText","title","trumpetImage","trumpetText","video","bgHexCode","startsWith","backgroundColours","HeroButton","secondary","Cta","key","qbrickButton","VideoButton","darkFont","Dark","videoSource","backgroundColor","HeroVariantEnum","Full","Split","SplitReverse","Stacked","HeroMedia","isSplit","Text","Image","imageClasses","originalWidth","originalHeight","Fragment","SharedMediaHero","r","e","t","f","n","Array","isArray","length","clsx","arguments","falsyToString","value","concat","cx","base","config","class","getVariantClassNames","Object","keys","map","variantProp","defaultVariantProp","variantKey","propsWithoutUndefined","entries","reduce","acc","param","getCompoundVariantClassNames","param1","cvClass","cvClassName","compoundVariantOptions","every","includes"],"sourceRoot":""}