@digital-b2c/coreui-kit 0.1.0

package/dist/index.mjs

@@ -0,0 +1,578 @@
+import clsx3 from 'clsx';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import React, { useState } from 'react';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var Anchor = (_a) => {
+  var _b = _a, { children, isExternal } = _b, props = __objRest(_b, ["children", "isExternal"]);
+  return /* @__PURE__ */ jsx(
+    "a",
+    __spreadProps(__spreadValues({}, props), {
+      target: isExternal ? "_blank" : void 0,
+      rel: isExternal ? "noopener noreferrer" : void 0,
+      children
+    })
+  );
+};
+var ConditionalWrapper = (_a) => {
+  var _b = _a, {
+    condition,
+    children,
+    wrapper: Wrapper,
+    fallback: Fallback
+  } = _b, rest = __objRest(_b, [
+    "condition",
+    "children",
+    "wrapper",
+    "fallback"
+  ]);
+  return condition && Wrapper ? /* @__PURE__ */ jsx(Wrapper, __spreadProps(__spreadValues({}, rest), { children })) : Fallback ? /* @__PURE__ */ jsx(Fallback, __spreadProps(__spreadValues({}, rest), { children })) : /* @__PURE__ */ jsx(Fragment, { children });
+};
+
+// src/assets/icons/card/icon-ads.svg?react
+var icon_ads_default = "./icon-ads-HMLDPPRE.svg?react";
+
+// src/assets/icons/card/icon-book.svg?react
+var icon_book_default = "./icon-book-F432UUB3.svg?react";
+
+// src/assets/icons/card/icon-briefcase.svg?react
+var icon_briefcase_default = "./icon-briefcase-MEYCJVOB.svg?react";
+
+// src/assets/icons/card/icon-calendar.svg?react
+var icon_calendar_default = "./icon-calendar-6XVSU5R2.svg?react";
+
+// src/assets/icons/card/icon-clipboard.svg?react
+var icon_clipboard_default = "./icon-clipboard-RGBPZIT2.svg?react";
+
+// src/assets/icons/card/icon-convo.svg?react
+var icon_convo_default = "./icon-convo-QXF3HB7U.svg?react";
+
+// src/assets/icons/card/icon-eye.svg?react
+var icon_eye_default = "./icon-eye-WAXJAF7C.svg?react";
+
+// src/assets/icons/card/icon-globe.svg?react
+var icon_globe_default = "./icon-globe-JOM23IWB.svg?react";
+
+// src/assets/icons/card/icon-hospital.svg?react
+var icon_hospital_default = "./icon-hospital-HVKSQ2IF.svg?react";
+
+// src/assets/icons/card/icon-library.svg?react
+var icon_library_default = "./icon-library-56UDTCFP.svg?react";
+
+// src/assets/icons/card/icon-location.svg?react
+var icon_location_default = "./icon-location-KVE4HFKV.svg?react";
+
+// src/assets/icons/card/icon-marketing.svg?react
+var icon_marketing_default = "./icon-marketing-YDUDTK7R.svg?react";
+
+// src/assets/icons/card/icon-money.svg?react
+var icon_money_default = "./icon-money-EJKRACJI.svg?react";
+
+// src/assets/icons/card/icon-people.svg?react
+var icon_people_default = "./icon-people-XD7I6EDH.svg?react";
+
+// src/assets/icons/card/icon-smile.svg?react
+var icon_smile_default = "./icon-smile-N5IQOWVQ.svg?react";
+
+// src/assets/icons/card/icon-tech.svg?react
+var icon_tech_default = "./icon-tech-PWRO4Z5G.svg?react";
+
+// src/assets/icons/card/icon-work.svg?react
+var icon_work_default = "./icon-work-57TUXGDH.svg?react";
+
+// src/assets/icons/card/icon-workhome.svg?react
+var icon_workhome_default = "./icon-workhome-QJL54EJE.svg?react";
+
+// src/assets/icons/button/icon-blank-checkbox.svg?react
+var icon_blank_checkbox_default = "./icon-blank-checkbox-QL6YHT6N.svg?react";
+
+// src/assets/icons/button/icon-blank-checkbox-white.svg?react
+var icon_blank_checkbox_white_default = "./icon-blank-checkbox-white-RBACKJK2.svg?react";
+
+// src/assets/icons/button/icon-checked-box.svg?react
+var icon_checked_box_default = "./icon-checked-box-HXJX4QOM.svg?react";
+
+// src/assets/icons/button/icon-circle-chevron-down.svg?react
+var icon_circle_chevron_down_default = "./icon-circle-chevron-down-YDKTSSAA.svg?react";
+
+// src/assets/icons/button/icon-circle-chevron-up.svg?react
+var icon_circle_chevron_up_default = "./icon-circle-chevron-up-3LVQXDDY.svg?react";
+
+// src/assets/icons/button/icon-down-black.svg?react
+var icon_down_black_default = "./icon-down-black-EUGNCX3W.svg?react";
+
+// src/assets/icons/button/icon-down-white.svg?react
+var icon_down_white_default = "./icon-down-white-W7LIQ7BN.svg?react";
+
+// src/assets/icons/button/icon-down-chevron-black.svg?react
+var icon_down_chevron_black_default = "./icon-down-chevron-black-G37U72OZ.svg?react";
+
+// src/assets/icons/button/icon-down-chevron-white.svg?react
+var icon_down_chevron_white_default = "./icon-down-chevron-white-PEUV6GJ7.svg?react";
+
+// src/assets/icons/button/icon-download-black.svg?react
+var icon_download_black_default = "./icon-download-black-F6AGZCYF.svg?react";
+
+// src/assets/icons/button/icon-download-white.svg?react
+var icon_download_white_default = "./icon-download-white-VVTBJMMN.svg?react";
+
+// src/assets/icons/button/icon-filled-chevron-left.svg?react
+var icon_filled_chevron_left_default = "./icon-filled-chevron-left-2GY5O2G4.svg?react";
+
+// src/assets/icons/button/icon-filled-chevron-right.svg?react
+var icon_filled_chevron_right_default = "./icon-filled-chevron-right-B6WC4UDP.svg?react";
+
+// src/assets/icons/button/icon-filled-chevron-up.svg?react
+var icon_filled_chevron_up_default = "./icon-filled-chevron-up-DSHNXAIR.svg?react";
+
+// src/assets/icons/button/icon-left-white.svg?react
+var icon_left_white_default = "./icon-left-white-LTF2XPVJ.svg?react";
+
+// src/assets/icons/button/icon-mail-black.svg?react
+var icon_mail_black_default = "./icon-mail-black-H4JSL6GN.svg?react";
+
+// src/assets/icons/button/icon-right-black.svg?react
+var icon_right_black_default = "./icon-right-black-63XA3J2N.svg?react";
+
+// src/assets/icons/button/icon-right-white.svg?react
+var icon_right_white_default = "./icon-right-white-HNWW4VHV.svg?react";
+
+// src/assets/icons/button/icon-tilted-right-black.svg?react
+var icon_tilted_right_black_default = "./icon-tilted-right-black-PBETFSTS.svg?react";
+
+// src/assets/icons/button/icon-tilted-right-white.svg?react
+var icon_tilted_right_white_default = "./icon-tilted-right-white-W3HNOHCP.svg?react";
+
+// src/assets/icons/button/icon-up-chevron-up-white.svg?react
+var icon_up_chevron_up_white_default = "./icon-up-chevron-up-white-ZAY6S6FY.svg?react";
+
+// src/assets/icons/button/icon-up-chevron-white.svg?react
+var icon_up_chevron_white_default = "./icon-up-chevron-white-RQR5IGQP.svg?react";
+
+// src/assets/icons/button/icon-watch-black.svg?react
+var icon_watch_black_default = "./icon-watch-black-SWPMR2N4.svg?react";
+
+// src/assets/icons/button/icon-watch-white.svg?react
+var icon_watch_white_default = "./icon-watch-white-6F4DX3RD.svg?react";
+
+// src/assets/icons/dropdown/icon-chevron-default.svg?react
+var icon_chevron_default_default = "./icon-chevron-default-XRHTPYFD.svg?react";
+
+// src/assets/icons/dropdown/icon-chevron-hovered.svg?react
+var icon_chevron_hovered_default = "./icon-chevron-hovered-FXNQAEV3.svg?react";
+
+// src/assets/icons/dropdown/icon-chevron-selected.svg?react
+var icon_chevron_selected_default = "./icon-chevron-selected-O4VV5EZQ.svg?react";
+
+// src/assets/icons/misc/icon-menu-black.svg?react
+var icon_menu_black_default = "./icon-menu-black-AI7IZGAV.svg?react";
+
+// src/assets/icons/misc/icon-menu-white.svg?react
+var icon_menu_white_default = "./icon-menu-white-EJXB5OPZ.svg?react";
+
+// src/assets/icons/misc/icon-right.svg?react
+var icon_right_default = "./icon-right-OAELY3OL.svg?react";
+
+// src/assets/icons/misc/icon-tilted-right.svg?react
+var icon_tilted_right_default = "./icon-tilted-right-EJ3C6PR6.svg?react";
+
+// src/assets/icons/misc/icon-x-black.svg?react
+var icon_x_black_default = "./icon-x-black-WBBDGBKZ.svg?react";
+
+// src/assets/icons/misc/icon-x-white.svg?react
+var icon_x_white_default = "./icon-x-white-WVEELCIS.svg?react";
+var svgs = {
+  /* Card */
+  ads: icon_ads_default,
+  book: icon_book_default,
+  briefcase: icon_briefcase_default,
+  calendar: icon_calendar_default,
+  clipboard: icon_clipboard_default,
+  convo: icon_convo_default,
+  eye: icon_eye_default,
+  globe: icon_globe_default,
+  hospital: icon_hospital_default,
+  library: icon_library_default,
+  location: icon_location_default,
+  marketing: icon_marketing_default,
+  money: icon_money_default,
+  people: icon_people_default,
+  smile: icon_smile_default,
+  tech: icon_tech_default,
+  work: icon_work_default,
+  workhome: icon_workhome_default,
+  /* Button */
+  blankCheckbox: icon_blank_checkbox_default,
+  blankCheckboxWhite: icon_blank_checkbox_white_default,
+  checkedBox: icon_checked_box_default,
+  circleChevronDown: icon_circle_chevron_down_default,
+  circleChevronUp: icon_circle_chevron_up_default,
+  downBlack: icon_down_black_default,
+  downWhite: icon_down_white_default,
+  downChevronBlack: icon_down_chevron_black_default,
+  downChevronWhite: icon_down_chevron_white_default,
+  downloadBlack: icon_download_black_default,
+  downloadWhite: icon_download_white_default,
+  filledChevronLeft: icon_filled_chevron_left_default,
+  filledChevronRight: icon_filled_chevron_right_default,
+  filledChevronUp: icon_filled_chevron_up_default,
+  leftWhite: icon_left_white_default,
+  mailBlack: icon_mail_black_default,
+  rightBlack: icon_right_black_default,
+  rightWhite: icon_right_white_default,
+  tiltedRightBlack: icon_tilted_right_black_default,
+  tiltedRightWhite: icon_tilted_right_white_default,
+  upChevronUpWhite: icon_up_chevron_up_white_default,
+  upChevronWhite: icon_up_chevron_white_default,
+  watchBlack: icon_watch_black_default,
+  watchWhite: icon_watch_white_default,
+  /* Dropdown */
+  chevronDefault: icon_chevron_default_default,
+  chevronHovered: icon_chevron_hovered_default,
+  chevronSelected: icon_chevron_selected_default,
+  /* Misc */
+  menuBlack: icon_menu_black_default,
+  menuWhite: icon_menu_white_default,
+  right: icon_right_default,
+  tiltedRight: icon_tilted_right_default,
+  xBlack: icon_x_black_default,
+  xWhite: icon_x_white_default
+};
+var Icon = React.memo(
+  (_a) => {
+    var _b = _a, { type } = _b, props = __objRest(_b, ["type"]);
+    if (type) {
+      const Icon2 = svgs[type];
+      if (Icon2) return /* @__PURE__ */ jsx(Icon2, __spreadValues({}, props));
+    }
+    return /* @__PURE__ */ jsx(Fragment, {});
+  }
+);
+Icon.displayName = "Icon";
+
+// src/components/Button/Button.module.scss
+var Button_module_default = {};
+var Button = (_a) => {
+  var _b = _a, {
+    className,
+    children,
+    variant = "primary",
+    fullWidth,
+    href,
+    isExternal,
+    icon
+  } = _b, rest = __objRest(_b, [
+    "className",
+    "children",
+    "variant",
+    "fullWidth",
+    "href",
+    "isExternal",
+    "icon"
+  ]);
+  const isLink = !!href;
+  const props = __spreadValues(__spreadValues({
+    className: clsx3(
+      Button_module_default.button,
+      variant ? Button_module_default[variant] : null,
+      { [Button_module_default.fullWidth]: !!fullWidth },
+      className
+    )
+  }, isLink ? { href, isExternal } : {}), rest);
+  return /* @__PURE__ */ jsxs(ConditionalWrapper, __spreadProps(__spreadValues({ wrapper: Anchor, fallback: "button", condition: isLink }, props), { children: [
+    children,
+    icon && /* @__PURE__ */ jsx(Icon, { type: icon })
+  ] }));
+};
+
+// src/components/Card/Card.module.scss
+var Card_module_default = {};
+var Card = ({ className, title, subtitle, cta, icon }) => {
+  return /* @__PURE__ */ jsxs("div", { className: clsx3(Card_module_default.card, className), children: [
+    icon && /* @__PURE__ */ jsx(Icon, { type: icon }),
+    /* @__PURE__ */ jsxs("div", { className: Card_module_default.content, children: [
+      /* @__PURE__ */ jsx("h3", { className: "h4", children: title }),
+      subtitle && /* @__PURE__ */ jsx("p", { children: subtitle })
+    ] }),
+    cta && /* @__PURE__ */ jsx(
+      Button,
+      {
+        href: cta.url,
+        isExternal: cta.isExternal,
+        variant: "secondary",
+        icon: cta.url ? "rightBlack" : void 0,
+        children: cta.label
+      }
+    )
+  ] });
+};
+
+// src/components/Picture/Picture.module.scss
+var Picture_module_default = {};
+var Picture = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  var _b2, _c;
+  if ("src" in props) {
+    return /* @__PURE__ */ jsx("img", __spreadValues({ className }, props));
+  }
+  const _a2 = props, { desktop, mobile } = _a2, rest = __objRest(_a2, ["desktop", "mobile"]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "img",
+      __spreadValues({
+        src: desktop.src,
+        alt: desktop.alt,
+        className: clsx3(className, Picture_module_default["image-desktop"])
+      }, rest)
+    ),
+    /* @__PURE__ */ jsx(
+      "img",
+      __spreadValues({
+        src: (_b2 = mobile == null ? void 0 : mobile.src) != null ? _b2 : desktop.src,
+        alt: (_c = mobile == null ? void 0 : mobile.alt) != null ? _c : desktop.alt,
+        className: clsx3(className, Picture_module_default["image-mobile"])
+      }, rest)
+    )
+  ] });
+};
+
+// src/components/CountingCard/CountingCard.module.scss
+var CountingCard_module_default = {};
+var CountingCard = ({ className, title, count, image }) => {
+  return /* @__PURE__ */ jsxs("div", { className: clsx3(CountingCard_module_default["counting-card"], className), children: [
+    /* @__PURE__ */ jsxs("div", { className: CountingCard_module_default.content, children: [
+      title && /* @__PURE__ */ jsx("div", { className: "body", children: title }),
+      count && /* @__PURE__ */ jsx("div", { className: clsx3(CountingCard_module_default.count, "h1"), children: count })
+    ] }),
+    image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: CountingCard_module_default.logo }, image))
+  ] });
+};
+
+// src/components/InfoCard/InfoCard.module.scss
+var InfoCard_module_default = {};
+var InfoCard = ({ className, title, subtitle, icon, badge }) => {
+  return /* @__PURE__ */ jsxs("div", { className: clsx3(InfoCard_module_default["info-card"], { [InfoCard_module_default.hasIcon]: !!icon }, className), children: [
+    /* @__PURE__ */ jsxs("div", { className: InfoCard_module_default.header, children: [
+      icon ? /* @__PURE__ */ jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsx("div", { className: clsx3(InfoCard_module_default.badge, "h4"), children: badge }) : null,
+      title && /* @__PURE__ */ jsx("div", { className: "h4", children: title })
+    ] }),
+    subtitle && /* @__PURE__ */ jsx("div", { className: "body", children: subtitle })
+  ] });
+};
+
+// src/components/Pagination/Pagination.module.scss
+var Pagination_module_default = {};
+var Pagination = ({
+  className,
+  totalPages,
+  currentPage = 1,
+  loop = true,
+  hasNumber = false,
+  disableArrows = false,
+  onPageChange
+}) => {
+  const [activePage, setActivePage] = useState(currentPage);
+  const goToPage = (page) => {
+    if (page < 1 || page > totalPages) return;
+    setActivePage(page);
+    onPageChange == null ? void 0 : onPageChange(page);
+  };
+  const handlePrev = () => {
+    if (activePage === 1) {
+      if (loop) {
+        setActivePage(totalPages);
+        onPageChange == null ? void 0 : onPageChange(totalPages);
+      }
+      return;
+    }
+    const page = activePage - 1;
+    setActivePage(page);
+    onPageChange == null ? void 0 : onPageChange(page);
+  };
+  const handleNext = () => {
+    if (activePage === totalPages) {
+      if (loop) {
+        setActivePage(1);
+        onPageChange == null ? void 0 : onPageChange(1);
+      }
+      return;
+    }
+    const page = activePage + 1;
+    setActivePage(page);
+    onPageChange == null ? void 0 : onPageChange(page);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: clsx3(Pagination_module_default.pagination, className), children: [
+    !disableArrows && /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: Pagination_module_default.prev,
+        onClick: handlePrev,
+        disabled: !loop && activePage === 1,
+        "aria-label": "Go to previous page",
+        children: /* @__PURE__ */ jsx(Icon, { type: "filledChevronLeft" })
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: Pagination_module_default.pages, children: Array.from({ length: totalPages }, (_, i) => {
+      const page = i + 1;
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => goToPage(page),
+          className: clsx3(Pagination_module_default.page, {
+            [Pagination_module_default.active]: activePage === page,
+            [Pagination_module_default.number]: hasNumber
+          }),
+          "aria-label": `Go to page ${page}`,
+          children: hasNumber ? page : null
+        },
+        page
+      );
+    }) }),
+    !disableArrows && /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: Pagination_module_default.next,
+        onClick: handleNext,
+        disabled: !loop && activePage === totalPages,
+        "aria-label": "Go to next page",
+        children: /* @__PURE__ */ jsx(Icon, { type: "filledChevronRight" })
+      }
+    )
+  ] });
+};
+
+// src/components/primitives/Container/Container.module.scss
+var Container_module_default = {};
+var Container = (_a) => {
+  var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
+  return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ className: clsx3(Container_module_default.container, className) }, props), { children }));
+};
+
+// src/widgets/CardCollection/CardCollection.module.scss
+var CardCollection_module_default = {};
+var CardCollection = ({
+  className,
+  variant = "default",
+  title,
+  subtitle,
+  cards
+}) => {
+  return /* @__PURE__ */ jsxs(Container, { className: clsx3(CardCollection_module_default["card-collection"], CardCollection_module_default[variant], className), children: [
+    /* @__PURE__ */ jsxs("div", { className: CardCollection_module_default.content, children: [
+      title && /* @__PURE__ */ jsx("h2", { children: title }),
+      subtitle && /* @__PURE__ */ jsx("div", { className: "subheading", children: subtitle })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: CardCollection_module_default.wrapper, children: cards == null ? void 0 : cards.map((card, key) => /* @__PURE__ */ jsx(Card, __spreadValues({ className: CardCollection_module_default.card }, card), key)) })
+  ] });
+};
+
+// src/widgets/MiniSectionCta/MiniSectionCta.module.scss
+var MiniSectionCta_module_default = {};
+var MiniSectionCta = ({
+  className,
+  variant = "headerCTA",
+  title,
+  subtitle,
+  cta
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: clsx3(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], className), children: /* @__PURE__ */ jsxs(Container, { className: MiniSectionCta_module_default.container, children: [
+    /* @__PURE__ */ jsxs("div", { className: MiniSectionCta_module_default.col, children: [
+      title && /* @__PURE__ */ jsx("h2", { className: variant === "BgColorBlack" || variant === "BgColorGrey" ? "h3" : "h2", children: title }),
+      subtitle && /* @__PURE__ */ jsx("div", { className: clsx3(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"), children: subtitle })
+    ] }),
+    cta && /* @__PURE__ */ jsx("div", { className: MiniSectionCta_module_default.col, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        className: MiniSectionCta_module_default.cta,
+        href: cta.url,
+        isExternal: cta.isExternal,
+        variant: "primary",
+        icon: variant === "miniTextCenterCta" ? "tiltedRightWhite" : void 0,
+        children: cta.label
+      }
+    ) })
+  ] }) });
+};
+
+// src/widgets/Teaser5050With3Text/Teaser5050With3Text.module.scss
+var Teaser5050With3Text_module_default = {};
+var Teaser5050With3Text = ({
+  className,
+  variant = "left",
+  title,
+  cards,
+  image
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: clsx3(Teaser5050With3Text_module_default["teaser5050-3text"], Teaser5050With3Text_module_default[variant], className), children: /* @__PURE__ */ jsxs(Container, { className: Teaser5050With3Text_module_default.container, children: [
+    title && /* @__PURE__ */ jsx("div", { className: clsx3(Teaser5050With3Text_module_default.title, "h3"), children: title }),
+    /* @__PURE__ */ jsxs("div", { className: Teaser5050With3Text_module_default.content, children: [
+      /* @__PURE__ */ jsx("div", { className: Teaser5050With3Text_module_default.cards, children: cards == null ? void 0 : cards.map((card, key) => /* @__PURE__ */ jsx(InfoCard, __spreadValues({}, card), key)) }),
+      image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: Teaser5050With3Text_module_default.image }, image))
+    ] })
+  ] }) });
+};
+
+// src/widgets/Teaser5050WithCta/Teaser5050WithCta.module.scss
+var Teaser5050WithCta_module_default = {};
+var Teaser5050WithCta = ({
+  className,
+  variant = "left",
+  title,
+  subtitle,
+  cta,
+  image
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: clsx3(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className), children: /* @__PURE__ */ jsxs(Container, { className: Teaser5050WithCta_module_default.container, children: [
+    /* @__PURE__ */ jsxs("div", { className: Teaser5050WithCta_module_default.wrapper, children: [
+      /* @__PURE__ */ jsxs("div", { className: Teaser5050WithCta_module_default.content, children: [
+        title && /* @__PURE__ */ jsx("div", { className: clsx3(Teaser5050WithCta_module_default.title, "h3"), children: title }),
+        subtitle && /* @__PURE__ */ jsx("div", { className: "subheading", children: subtitle })
+      ] }),
+      cta && /* @__PURE__ */ jsx(
+        Button,
+        {
+          className: Teaser5050WithCta_module_default.cta,
+          variant: "secondary",
+          href: cta == null ? void 0 : cta.url,
+          isExternal: cta == null ? void 0 : cta.isExternal,
+          children: cta == null ? void 0 : cta.label
+        }
+      )
+    ] }),
+    image && /* @__PURE__ */ jsx(Picture, __spreadValues({ className: Teaser5050WithCta_module_default.image }, image))
+  ] }) });
+};
+
+export { Anchor, Button, Card, CardCollection, ConditionalWrapper, Container, CountingCard, Icon, InfoCard, MiniSectionCta, Pagination, Picture, Teaser5050With3Text, Teaser5050WithCta, svgs };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map