@digital-b2c/coreui-kit 0.14.7 → 0.15.1

package/dist/index.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var clsx43 = require('clsx');
+var clsx47 = require('clsx');
 var jsxRuntime = require('react/jsx-runtime');
-var React69 = require('react');
+var React70 = require('react');
 var gsap = require('gsap');
 var react = require('@gsap/react');
 var ScrollTrigger = require('gsap/ScrollTrigger');
@@ -13,8 +13,8 @@ var ReactPlayer = require('react-player');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var clsx43__default = /*#__PURE__*/_interopDefault(clsx43);
-var React69__default = /*#__PURE__*/_interopDefault(React69);
+var clsx47__default = /*#__PURE__*/_interopDefault(clsx47);
+var React70__default = /*#__PURE__*/_interopDefault(React70);
 var gsap__default = /*#__PURE__*/_interopDefault(gsap);
 var ReactPlayer__default = /*#__PURE__*/_interopDefault(ReactPlayer);
 
@@ -68,7 +68,7 @@ var Picture = (_a) => {
       __spreadValues({
         src: desktop.src,
         alt: desktop.alt,
-        className: clsx43__default.default(className, Picture_module_default["image-desktop"])
+        className: clsx47__default.default(className, Picture_module_default["image-desktop"])
       }, rest)
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -76,7 +76,7 @@ var Picture = (_a) => {
       __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: clsx43__default.default(className, Picture_module_default["image-mobile"])
+        className: clsx47__default.default(className, Picture_module_default["image-mobile"])
       }, rest)
     )
   ] });
@@ -292,6 +292,21 @@ var SvgIconXWhite = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", __spreadPr
   /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_942_1878", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: 24, height: 24, fill: "white" }) }) })
 ] }));
 var icon_x_white_default = SvgIconXWhite;
+var SvgIconUser = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", __spreadProps(__spreadValues({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props), { children: [
+  /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "avatar-clip", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0.5, y: 0.5, width: 23, height: 23, rx: 11.5 }) }) }),
+  /* @__PURE__ */ jsxRuntime.jsxs("g", { id: "user 1", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0.5, y: 0.5, width: 23, height: 23, rx: 11.5, fill: "#EEEEEE" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#avatar-clip)", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("g", { id: "Vector", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 23V20.6667C21 19.429 20.5259 18.242 19.682 17.3668C18.8381 16.4917 17.6935 16 16.5 16H7.5C6.30653 16 5.16193 16.4917 4.31802 17.3668C3.47411 18.242 3 19.429 3 20.6667V23", fill: "#B5B5B5" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 23V20.6667C21 19.429 20.5259 18.242 19.682 17.3668C18.8381 16.4917 17.6935 16 16.5 16H7.5C6.30653 16 5.16193 16.4917 4.31802 17.3668C3.47411 18.242 3 19.429 3 20.6667V23", stroke: "#A8A8A8", strokeLinecap: "round", strokeLinejoin: "round" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { id: "Vector_2", d: "M12 13C14.2091 13 16 11.2091 16 9C16 6.79086 14.2091 5 12 5C9.79086 5 8 6.79086 8 9C8 11.2091 9.79086 13 12 13Z", fill: "#B5B5B5", stroke: "#A8A8A8", strokeLinecap: "round", strokeLinejoin: "round" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0.5, y: 0.5, width: 23, height: 23, rx: 11.5, stroke: "#A8A8A8" })
+  ] })
+] }));
+var icon_user_default = SvgIconUser;
 var SvgIconFilter = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", __spreadProps(__spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.9991 20C10.7158 20 10.4783 19.9042 10.2866 19.7125C10.0949 19.5208 9.9991 19.2833 9.9991 19V13L4.1991 5.6C3.9491 5.26667 3.9116 4.91667 4.0866 4.55C4.2616 4.18333 4.56577 4 4.9991 4H18.9991C19.4324 4 19.7366 4.18333 19.9116 4.55C20.0866 4.91667 20.0491 5.26667 19.7991 5.6L13.9991 13V19C13.9991 19.2833 13.9033 19.5208 13.7116 19.7125C13.5199 19.9042 13.2824 20 12.9991 20H10.9991Z", fill: "#080808" }) }));
 var icon_filter_default = SvgIconFilter;
 var SvgIconInternalFilter = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", __spreadProps(__spreadValues({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 18V16H9V18H3ZM3 13V11H15V13H3ZM3 8V6H21V8H3Z", fill: "#080808" }) }));
@@ -394,9 +409,10 @@ var svgs = {
   right: icon_right_default,
   tiltedRight: icon_tilted_right_default,
   xBlack: icon_x_black_default,
-  xWhite: icon_x_white_default
+  xWhite: icon_x_white_default,
+  user: icon_user_default
 };
-var Icon = React69__default.default.memo(
+var Icon = React70__default.default.memo(
   (_a) => {
     var _b = _a, { type, size } = _b, props = __objRest(_b, ["type", "size"]);
     if (type) {
@@ -454,7 +470,7 @@ var Button = (_a) => {
   ]);
   const isLink = !!href;
   const props = __spreadValues(__spreadValues({
-    className: clsx43__default.default(
+    className: clsx47__default.default(
       Button_module_default.button,
       variant ? Button_module_default[variant] : null,
       { [Button_module_default.fullWidth]: !!fullWidth },
@@ -510,21 +526,21 @@ var getDeviceType = (width) => {
   return "desktop";
 };
 var useViewPort = () => {
-  const [device, setDevice] = React69.useState(
+  const [device, setDevice] = React70.useState(
     () => typeof window !== "undefined" ? getDeviceType(window.innerWidth) : "desktop"
   );
-  const getOtherDevices = React69.useCallback(
+  const getOtherDevices = React70.useCallback(
     (list, what, includeSelf = false) => {
       const deviceIndex = list.indexOf(what) + (!includeSelf ? 1 : 0);
       return [...list].slice(deviceIndex);
     },
     []
   );
-  const onWindowResize = React69.useCallback(() => {
+  const onWindowResize = React70.useCallback(() => {
     setDevice(getDeviceType(window.innerWidth));
   }, []);
   const onWindowResizeDebounce = useDebounce_default(onWindowResize, 100);
-  React69.useEffect(() => {
+  React70.useEffect(() => {
     window.addEventListener("resize", onWindowResizeDebounce);
     return () => window.removeEventListener("resize", onWindowResizeDebounce);
   }, [onWindowResizeDebounce]);
@@ -577,13 +593,13 @@ var BrandsStrip = ({
   cta,
   size
 }) => {
-  const [show, setShow] = React69.useState(false);
-  const [shouldAnimate, setShouldAnimate] = React69.useState(false);
+  const [show, setShow] = React70.useState(false);
+  const [shouldAnimate, setShouldAnimate] = React70.useState(false);
   const { is } = useViewPort_default();
   const isTabletBelow = is("tablet", "below");
-  const containerRef = React69.useRef(null);
-  const marqueeRef = React69.useRef(null);
-  const timeline = React69.useRef(null);
+  const containerRef = React70.useRef(null);
+  const marqueeRef = React70.useRef(null);
+  const timeline = React70.useRef(null);
   const horizontalLoop = (items, config) => {
     const itemsArray = gsap__default.default.utils.toArray(items);
     const cfg = config || {};
@@ -677,7 +693,7 @@ var BrandsStrip = ({
       timeline.current.play();
     }
   };
-  const duplicatedLogos = React69.useMemo(() => {
+  const duplicatedLogos = React70.useMemo(() => {
     if (logos.length === 0) return [];
     if (!shouldAnimate) return [...logos];
     return [...logos, ...logos];
@@ -686,7 +702,7 @@ var BrandsStrip = ({
     "div",
     {
       ref: containerRef,
-      className: clsx43__default.default(
+      className: clsx47__default.default(
         BrandsStrip_module_default.brandsStrip,
         BrandsStrip_module_default[variant],
         { [BrandsStrip_module_default.small]: size === "small" },
@@ -695,13 +711,13 @@ var BrandsStrip = ({
       onMouseEnter: handleMouseEnter,
       onMouseLeave: handleMouseLeave,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx43__default.default(BrandsStrip_module_default.container, { [BrandsStrip_module_default.blurred]: show && logos.length > 1 }), children: [
-          title && logos.length === 1 && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx43__default.default("body", BrandsStrip_module_default.title), children: title }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx47__default.default(BrandsStrip_module_default.container, { [BrandsStrip_module_default.blurred]: show && logos.length > 1 }), children: [
+          title && logos.length === 1 && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx47__default.default("body", BrandsStrip_module_default.title), children: title }),
           logos.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
               ref: marqueeRef,
-              className: clsx43__default.default(BrandsStrip_module_default.logos, { [BrandsStrip_module_default.marqueeGSAP]: shouldAnimate }),
+              className: clsx47__default.default(BrandsStrip_module_default.logos, { [BrandsStrip_module_default.marqueeGSAP]: shouldAnimate }),
               children: duplicatedLogos.map((logo, index) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: BrandsStrip_module_default.logoWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: BrandsStrip_module_default.logo }, logo)) }, `${logo.alt}-${index}`))
             }
           )
@@ -730,8 +746,8 @@ var CardSubtitle = ({ children }) => {
 };
 function resolveCompoundSlots(children, slots) {
   const resolved = {};
-  React69.Children.forEach(children, (child) => {
-    if (!React69.isValidElement(child)) return;
+  React70.Children.forEach(children, (child) => {
+    if (!React70.isValidElement(child)) return;
     Object.entries(slots).forEach(([key, Component]) => {
       if (child.type === Component) {
         resolved[key] = child.props.children;
@@ -745,10 +761,10 @@ function resolveCompoundSlots(children, slots) {
 var Container_module_default = {
   container: "Container_module_container"
 };
-var Container = React69.forwardRef(
+var Container = React70.forwardRef(
   (_a, ref) => {
     var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
-    return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({ ref, className: clsx43__default.default(Container_module_default.container, className) }, props), { children }));
+    return /* @__PURE__ */ jsxRuntime.jsx("div", __spreadProps(__spreadValues({ ref, className: clsx47__default.default(Container_module_default.container, className) }, props), { children }));
   }
 );
 Container.displayName = "Container";
@@ -789,14 +805,14 @@ var Card = ({
     ConditionalWrapper,
     __spreadProps(__spreadValues({
       ref,
-      className: clsx43__default.default(Card_module_default.card, Card_module_default[variant], className),
+      className: clsx47__default.default(Card_module_default.card, Card_module_default[variant], className),
       wrapper: Anchor,
       fallback: "div",
       condition: isLink
     }, href ? { href, isExternal } : {}), {
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Card_module_default.logoContainer, children: [
-          (logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: clsx43__default.default(Card_module_default.logo, isLink && Card_module_default.hideLogo) }, logo)) : icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon, className: clsx43__default.default(Card_module_default.logo, isLink && Card_module_default.hideLogo) }),
+          (logo == null ? void 0 : logo.src) ? /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: clsx47__default.default(Card_module_default.logo, isLink && Card_module_default.hideLogo) }, logo)) : icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon, className: clsx47__default.default(Card_module_default.logo, isLink && Card_module_default.hideLogo) }),
           isLink && /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "tiltedRightWhite", className: Card_module_default.logoHover })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Card_module_default.content, children: [
@@ -831,10 +847,10 @@ var CountingCard = ({ className, title, count, image, children }) => {
     title: CountingCardTitle
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx43__default.default(CountingCard_module_default["counting-card"], className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx47__default.default(CountingCard_module_default["counting-card"], className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: CountingCard_module_default.content, children: [
       titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "body", children: titleNode }),
-      count && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default(CountingCard_module_default.count, "h1"), children: count })
+      count && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default(CountingCard_module_default.count, "h1"), children: count })
     ] }),
     image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: CountingCard_module_default.logo }, image))
   ] });
@@ -886,11 +902,11 @@ function FilterBar({
   searchValue,
   onSearchChange
 }) {
-  const [openDropdown, setOpenDropdown] = React69.useState(null);
-  const [searchState, setSearchState] = React69.useState("closed");
-  const filterRef = React69.useRef(null);
-  const sortRef = React69.useRef(null);
-  const searchInputRef = React69.useRef(null);
+  const [openDropdown, setOpenDropdown] = React70.useState(null);
+  const [searchState, setSearchState] = React70.useState("closed");
+  const filterRef = React70.useRef(null);
+  const sortRef = React70.useRef(null);
+  const searchInputRef = React70.useRef(null);
   const closeSearch = () => {
     setSearchState("closing");
     onSearchChange("");
@@ -900,7 +916,7 @@ function FilterBar({
     onSearchChange("");
     (_a = searchInputRef.current) == null ? void 0 : _a.focus();
   };
-  React69.useEffect(() => {
+  React70.useEffect(() => {
     const handleMouseDown = (e) => {
       var _a, _b;
       const target = e.target;
@@ -910,7 +926,7 @@ function FilterBar({
     document.addEventListener("mousedown", handleMouseDown);
     return () => document.removeEventListener("mousedown", handleMouseDown);
   }, []);
-  React69.useEffect(() => {
+  React70.useEffect(() => {
     var _a;
     if (searchState === "open") (_a = searchInputRef.current) == null ? void 0 : _a.focus();
   }, [searchState]);
@@ -920,7 +936,7 @@ function FilterBar({
         "button",
         {
           type: "button",
-          className: clsx43__default.default(FilterBar_module_default.chip, view === "grid" && FilterBar_module_default.active),
+          className: clsx47__default.default(FilterBar_module_default.chip, view === "grid" && FilterBar_module_default.active),
           onClick: () => onViewChange("grid"),
           "aria-pressed": view === "grid",
           children: [
@@ -933,7 +949,7 @@ function FilterBar({
         "button",
         {
           type: "button",
-          className: clsx43__default.default(FilterBar_module_default.chip, view === "list" && FilterBar_module_default.active),
+          className: clsx47__default.default(FilterBar_module_default.chip, view === "list" && FilterBar_module_default.active),
           onClick: () => onViewChange("list"),
           "aria-pressed": view === "list",
           children: [
@@ -947,7 +963,7 @@ function FilterBar({
       /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: clsx43__default.default(
+          className: clsx47__default.default(
             FilterBar_module_default.dropdownWrapper,
             isMobile && searchState === "open" && FilterBar_module_default.filterFaded,
             isMobile && searchState === "closing" && FilterBar_module_default.filterFading
@@ -958,7 +974,7 @@ function FilterBar({
               "button",
               {
                 type: "button",
-                className: clsx43__default.default(FilterBar_module_default.chip, filterValue !== "all" && FilterBar_module_default.active),
+                className: clsx47__default.default(FilterBar_module_default.chip, filterValue !== "all" && FilterBar_module_default.active),
                 onClick: () => setOpenDropdown(openDropdown === "filter" ? null : "filter"),
                 "aria-expanded": openDropdown === "filter",
                 children: [
@@ -973,7 +989,7 @@ function FilterBar({
                 type: "button",
                 role: "option",
                 "aria-selected": filterValue === opt.value,
-                className: clsx43__default.default(
+                className: clsx47__default.default(
                   FilterBar_module_default.dropdownOption,
                   filterValue === opt.value && FilterBar_module_default.selected
                 ),
@@ -994,7 +1010,7 @@ function FilterBar({
       /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: clsx43__default.default(
+          className: clsx47__default.default(
             FilterBar_module_default.dropdownWrapper,
             isMobile && searchState === "open" && FilterBar_module_default.filterFaded,
             isMobile && searchState === "closing" && FilterBar_module_default.filterFading
@@ -1020,7 +1036,7 @@ function FilterBar({
                 type: "button",
                 role: "option",
                 "aria-selected": sortValue === opt.value,
-                className: clsx43__default.default(
+                className: clsx47__default.default(
                   FilterBar_module_default.dropdownOption,
                   sortValue === opt.value && FilterBar_module_default.selected
                 ),
@@ -1038,7 +1054,7 @@ function FilterBar({
       searchState !== "closed" ? /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: clsx43__default.default(
+          className: clsx47__default.default(
             FilterBar_module_default.searchExpanded,
             searchState === "closing" && FilterBar_module_default.searchCollapsing
           ),
@@ -1120,9 +1136,9 @@ var InfoCard = ({ className, title, subtitle, icon, badge, children }) => {
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx43__default.default(InfoCard_module_default["info-card"], { [InfoCard_module_default.hasIcon]: !!icon }, className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx47__default.default(InfoCard_module_default["info-card"], { [InfoCard_module_default.hasIcon]: !!icon }, className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: InfoCard_module_default.header, children: [
-      icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default(InfoCard_module_default.badge, "h4"), children: badge }) : null,
+      icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: icon }) : badge ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default(InfoCard_module_default.badge, "h4"), children: badge }) : null,
       titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h4", children: titleNode })
     ] }),
     subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "body", children: subtitleNode })
@@ -1186,7 +1202,7 @@ var Pagination = ({
   hidePagesBorder = false,
   renderLink
 }) => {
-  const [activePage, setActivePage] = React69.useState(currentPage);
+  const [activePage, setActivePage] = React70.useState(currentPage);
   const goToPage = (page) => {
     if (page < 1 || page > totalPages) return;
     setActivePage(page);
@@ -1219,7 +1235,7 @@ var Pagination = ({
   const prevPage = activePage === 1 ? loop ? totalPages : 1 : activePage - 1;
   const nextPage = activePage === totalPages ? loop ? 1 : totalPages : activePage + 1;
   const pageItems = showEllipsis ? getPaginationRange(totalPages, activePage, siblingCount, boundaryCount) : Array.from({ length: totalPages }, (_, i) => i + 1);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx43__default.default(Pagination_module_default.pagination, className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx47__default.default(Pagination_module_default.pagination, className), children: [
     !disableArrows && (renderLink ? renderLink({
       page: prevPage,
       className: Pagination_module_default.prev,
@@ -1240,12 +1256,12 @@ var Pagination = ({
         return /* @__PURE__ */ jsxRuntime.jsx("span", { className: Pagination_module_default.dots, "aria-hidden": "true", children: "\u2026" }, `dots-${index}`);
       }
       const page = item;
-      const pageClassName = clsx43__default.default(Pagination_module_default.page, {
+      const pageClassName = clsx47__default.default(Pagination_module_default.page, {
         [Pagination_module_default.active]: activePage === page,
         [Pagination_module_default.number]: hasNumber,
         [Pagination_module_default["no-border"]]: hidePagesBorder
       });
-      return renderLink ? /* @__PURE__ */ jsxRuntime.jsx(React69.Fragment, { children: renderLink({
+      return renderLink ? /* @__PURE__ */ jsxRuntime.jsx(React70.Fragment, { children: renderLink({
         page,
         className: pageClassName,
         "aria-label": `Go to page ${page}`,
@@ -1292,7 +1308,7 @@ var PracticeCard_module_default = {
 };
 var PracticeCard = ({ className, title, cta, image }) => {
   const { url: href, isExternal } = cta != null ? cta : {};
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default(PracticeCard_module_default["practice-card"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(
     ConditionalWrapper,
     __spreadProps(__spreadValues({
       className: PracticeCard_module_default.wrapper,
@@ -1303,7 +1319,7 @@ var PracticeCard = ({ className, title, cta, image }) => {
       children: [
         image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: PracticeCard_module_default.background }, image)),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticeCard_module_default.container, children: [
-          title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default(PracticeCard_module_default.title, "h3"), children: title }),
+          title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default(PracticeCard_module_default.title, "h3"), children: title }),
           href && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticeCard_module_default.cta, children: [
             /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: PracticeCard_module_default.ctaRest, type: "right" }),
             /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: PracticeCard_module_default.ctaHover, type: "tiltedRight" })
@@ -1347,15 +1363,15 @@ var ResourceCardItem = ({ item, view, variant, renderLink }) => {
     "aria-disabled": isRestricted
   } : null;
   const cardLink = linkProps && isGlobalSearchVariant ? renderLink ? renderLink(__spreadProps(__spreadValues({}, linkProps), {
-    className: clsx43__default.default(ResourceCardItem_module_default.cardLink, isGlobalSearchVariant && ResourceCardItem_module_default[variant]),
+    className: clsx47__default.default(ResourceCardItem_module_default.cardLink, isGlobalSearchVariant && ResourceCardItem_module_default[variant]),
     children: null
   })) : /* @__PURE__ */ jsxRuntime.jsx(
     "a",
     __spreadProps(__spreadValues({}, linkProps), {
-      className: clsx43__default.default(ResourceCardItem_module_default.cardLink, isGlobalSearchVariant && ResourceCardItem_module_default[variant])
+      className: clsx47__default.default(ResourceCardItem_module_default.cardLink, isGlobalSearchVariant && ResourceCardItem_module_default[variant])
     })
   ) : null;
-  const linkWrapper = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("a", __spreadProps(__spreadValues({}, linkProps), { tabIndex: isGlobalSearchVariant ? -1 : 0, className: clsx43__default.default(ResourceCardItem_module_default.cardLink), children }));
+  const linkWrapper = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("a", __spreadProps(__spreadValues({}, linkProps), { tabIndex: isGlobalSearchVariant ? -1 : 0, className: clsx47__default.default(ResourceCardItem_module_default.cardLink), children }));
   function getIcon() {
     switch (item.type) {
       case "pdf":
@@ -1372,7 +1388,7 @@ var ResourceCardItem = ({ item, view, variant, renderLink }) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "article",
       {
-        className: clsx43__default.default(
+        className: clsx47__default.default(
           ResourceCardItem_module_default.cardGrid,
           isGlobalSearchVariant && ResourceCardItem_module_default[variant],
           isGlobalSearchVariant && isRestricted ? ResourceCardItem_module_default["restricted"] : null
@@ -1449,7 +1465,7 @@ var Sidebar = ({
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "li",
       {
-        className: clsx43__default.default(Sidebar_module_default.sidebarItem, i === selectedIndex && Sidebar_module_default.active),
+        className: clsx47__default.default(Sidebar_module_default.sidebarItem, i === selectedIndex && Sidebar_module_default.active),
         role: "button",
         tabIndex: 0,
         "aria-pressed": i === selectedIndex,
@@ -1507,7 +1523,7 @@ var UpcomingEventCard = ({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "article",
     {
-      className: clsx43__default.default(
+      className: clsx47__default.default(
         "card",
         UpcomingEventCard_module_default["event-card"],
         UpcomingEventCard_module_default[direction],
@@ -1515,26 +1531,26 @@ var UpcomingEventCard = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx43__default.default("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
-          showImage && image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx43__default.default("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx47__default.default("card-content", UpcomingEventCard_module_default["event-card-content"]), children: [
+          showImage && image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx47__default.default("card-image", UpcomingEventCard_module_default["event-card-image"]) })),
           /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
-              className: clsx43__default.default(
+              className: clsx47__default.default(
                 "card-text-content",
                 UpcomingEventCard_module_default["event-card-text-content"],
                 (!showImage || !hasImage) && UpcomingEventCard_module_default["event-card-show-image"]
               ),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: UpcomingEventCard_module_default.date, children: date }),
-                title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx43__default.default("card-text-title"), children: title }),
+                title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx47__default.default("card-text-title"), children: title }),
                 location && /* @__PURE__ */ jsxRuntime.jsx("span", { className: UpcomingEventCard_module_default.location, children: location }),
-                description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default("card-text-description", UpcomingEventCard_module_default.description), children: description }),
-                cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default("card-cta-wrapper", UpcomingEventCard_module_default["event-card-cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
+                description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default("card-text-description", UpcomingEventCard_module_default.description), children: description }),
+                cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default("card-cta-wrapper", UpcomingEventCard_module_default["event-card-cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
                   Button,
                   {
                     variant: "secondary",
-                    className: clsx43__default.default(
+                    className: clsx47__default.default(
                       "card-cta",
                       UpcomingEventCard_module_default["event-card-cta"],
                       !hasCTAandImage && UpcomingEventCard_module_default.hidden
@@ -1553,12 +1569,12 @@ var UpcomingEventCard = ({
         cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: clsx43__default.default("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
+            className: clsx47__default.default("card-footer", UpcomingEventCard_module_default["event-card-footer"], hasImage && UpcomingEventCard_module_default.hidden),
             children: /* @__PURE__ */ jsxRuntime.jsx(
               Button,
               {
                 variant: "secondary",
-                className: clsx43__default.default("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
+                className: clsx47__default.default("card-cta", UpcomingEventCard_module_default["event-card-cta"]),
                 fullWidth: isBelowMobile,
                 href: cta.url,
                 icon: cta.icon,
@@ -1585,7 +1601,7 @@ var Badge_module_default = {
   icon: "Badge_module_icon",
   iconOnly: "Badge_module_iconOnly"
 };
-var Badge = React69.forwardRef(
+var Badge = React70.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       children,
@@ -1606,7 +1622,7 @@ var Badge = React69.forwardRef(
       "live",
       "clickable"
     ]);
-    const classes = clsx43__default.default(
+    const classes = clsx47__default.default(
       Badge_module_default.badge,
       Badge_module_default[variant],
       Badge_module_default[size],
@@ -1617,7 +1633,7 @@ var Badge = React69.forwardRef(
       className
     );
     const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, __spreadValues({ className: clsx43__default.default("badge-icon", Badge_module_default["badge-icon"]) }, icon)),
+      icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, __spreadValues({ className: clsx47__default.default("badge-icon", Badge_module_default["badge-icon"]) }, icon)),
       !iconOnly && /* @__PURE__ */ jsxRuntime.jsx("span", { className: Badge_module_default.label, children })
     ] });
     if (clickable) {
@@ -1659,7 +1675,7 @@ var Input_module_default = {
   error: "Input_module_error",
   "input-field--error": "Input_module_input-field--error",
   "input-field--disabled": "Input_module_input-field--disabled"};
-var Input = React69.forwardRef(
+var Input = React70.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       id,
@@ -1690,7 +1706,7 @@ var Input = React69.forwardRef(
       "hideLabel",
       "type"
     ]);
-    const generatedId = React69.useId();
+    const generatedId = React70.useId();
     const inputId = id || generatedId;
     const helperTextId = `${inputId}-helper`;
     const errorId = `${inputId}-error`;
@@ -1698,7 +1714,7 @@ var Input = React69.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: clsx43__default.default(
+        className: clsx47__default.default(
           "input-field",
           Input_module_default["input-field"],
           {
@@ -1712,17 +1728,17 @@ var Input = React69.forwardRef(
             "label",
             {
               htmlFor: inputId,
-              className: clsx43__default.default("input-label", Input_module_default.label, {
+              className: clsx47__default.default("input-label", Input_module_default.label, {
                 ["sr-only"]: hideLabel
               }),
               children: [
                 label,
-                required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx43__default.default("input-required", Input_module_default.required), "aria-hidden": "true", children: "*" })
+                required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx47__default.default("input-required", Input_module_default.required), "aria-hidden": "true", children: "*" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx43__default.default("input-wrapper", Input_module_default.wrapper), children: [
-            startAdornment && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx43__default.default("input-adornment", Input_module_default.adornment), "aria-hidden": "true", children: startAdornment }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx47__default.default("input-wrapper", Input_module_default.wrapper), children: [
+            startAdornment && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx47__default.default("input-adornment", Input_module_default.adornment), "aria-hidden": "true", children: startAdornment }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "input",
               __spreadValues({
@@ -1733,7 +1749,7 @@ var Input = React69.forwardRef(
                 disabled,
                 "aria-invalid": !!error,
                 "aria-describedby": describedBy || void 0,
-                className: clsx43__default.default(
+                className: clsx47__default.default(
                   "input",
                   Input_module_default.input,
                   {
@@ -1744,11 +1760,11 @@ var Input = React69.forwardRef(
                 )
               }, props)
             ),
-            endAdornment && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx43__default.default("input-adornment", Input_module_default.adornment), "aria-hidden": "true", children: endAdornment }),
-            endAction && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx43__default.default("input-end-action"), children: endAction })
+            endAdornment && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx47__default.default("input-adornment", Input_module_default.adornment), "aria-hidden": "true", children: endAdornment }),
+            endAction && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx47__default.default("input-end-action"), children: endAction })
           ] }),
-          helperText && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: helperTextId, className: clsx43__default.default("input-helper-text", Input_module_default["helper-text"]), children: helperText }),
-          error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, className: clsx43__default.default("input-error", Input_module_default.error), role: "alert", children: error })
+          helperText && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: helperTextId, className: clsx47__default.default("input-helper-text", Input_module_default["helper-text"]), children: helperText }),
+          error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, className: clsx47__default.default("input-error", Input_module_default.error), role: "alert", children: error })
         ]
       }
     );
@@ -1788,14 +1804,14 @@ var NewsCard = ({
     href: cta.url,
     target: cta.isExternal ? "_blank" : void 0,
     rel: cta.isExternal ? "noopener noreferrer" : void 0,
-    className: clsx43__default.default("news-card-link", NewsCard_module_default["news-card-link"]),
+    className: clsx47__default.default("news-card-link", NewsCard_module_default["news-card-link"]),
     "aria-label": `${title}${cta.label ? ` \u2014 ${cta.label}` : ""}`
   } : null;
   const cardLink = linkProps ? renderLink ? renderLink(__spreadProps(__spreadValues({}, linkProps), { children: null })) : /* @__PURE__ */ jsxRuntime.jsx("a", __spreadValues({}, linkProps)) : null;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "article",
     {
-      className: clsx43__default.default(
+      className: clsx47__default.default(
         "news-card",
         NewsCard_module_default["news-card"],
         NewsCard_module_default[`news-card--${direction}`],
@@ -1803,28 +1819,28 @@ var NewsCard = ({
       ),
       children: [
         cardLink,
-        image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx43__default.default("news-card-image", NewsCard_module_default["news-card-image"]) })),
+        image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx47__default.default("news-card-image", NewsCard_module_default["news-card-image"]) })),
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
-            className: clsx43__default.default("news-card-content", NewsCard_module_default["news-card-content"]),
+            className: clsx47__default.default("news-card-content", NewsCard_module_default["news-card-content"]),
             style: {
               "--no-image-padding": image && image.src ? 0 : "1rem"
             },
             children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx43__default.default("news-card-top-content", NewsCard_module_default["news-card-top-content"]), children: [
-                /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: clsx43__default.default("news-card-badge", NewsCard_module_default["news-card-badge"]), children: tag }),
-                /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: date.value, className: clsx43__default.default("news-card-date", NewsCard_module_default["news-card-date"]), children: date.label })
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx47__default.default("news-card-top-content", NewsCard_module_default["news-card-top-content"]), children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Badge, { className: clsx47__default.default("news-card-badge", NewsCard_module_default["news-card-badge"]), children: tag }),
+                /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: date.value, className: clsx47__default.default("news-card-date", NewsCard_module_default["news-card-date"]), children: date.label })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx43__default.default("news-card-main-content", NewsCard_module_default["news-card-main-content"]), children: [
-                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx43__default.default("news-card-title", NewsCard_module_default["news-card-title"]), children: title }),
-                typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: clsx43__default.default("news-card-description", NewsCard_module_default["news-card-description"]), children: description }) : description
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx47__default.default("news-card-main-content", NewsCard_module_default["news-card-main-content"]), children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: clsx47__default.default("news-card-title", NewsCard_module_default["news-card-title"]), children: title }),
+                typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: clsx47__default.default("news-card-description", NewsCard_module_default["news-card-description"]), children: description }) : description
               ] }),
-              cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default("news-card-cta-wrapper", NewsCard_module_default["news-card-cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
+              cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default("news-card-cta-wrapper", NewsCard_module_default["news-card-cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
                 Button,
                 {
                   variant: "secondary",
-                  className: clsx43__default.default("news-card-cta", NewsCard_module_default["news-card-cta"]),
+                  className: clsx47__default.default("news-card-cta", NewsCard_module_default["news-card-cta"]),
                   href: cta.url,
                   icon: cta.icon,
                   isExternal: cta == null ? void 0 : cta.isExternal,
@@ -1855,13 +1871,278 @@ var BlogPostContent = ({ className, body, children }) => {
     body: BlogPostContentBody
   });
   const bodyNode = (_a = slots.body) != null ? _a : body;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default("blog-post-content", BlogPostContent_module_default["blog-post-content"], className), children: bodyNode });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default("blog-post-content", BlogPostContent_module_default["blog-post-content"], className), children: bodyNode });
 };
 
 // src/components/BlogPostContent/index.ts
 var BlogPostContent2 = Object.assign(BlogPostContent, {
   Body: BlogPostContentBody
 });
+
+// src/components/Search/Search.module.scss
+var Search_module_default = {
+  search: "Search_module_search",
+  searchButton: "Search_module_searchButton",
+  searchField: "Search_module_searchField",
+  searchFieldLine: "Search_module_searchFieldLine",
+  searchInput: "Search_module_searchInput",
+  searchFieldPill: "Search_module_searchFieldPill",
+  searchSubmit: "Search_module_searchSubmit"
+};
+var Search = ({
+  placeholder = "Search",
+  searchCta,
+  onSearch,
+  variant = "expandable",
+  className
+}) => {
+  const isPill = variant === "pill";
+  const [isOpen, setIsOpen] = React70.useState(isPill);
+  const [query, setQuery] = React70.useState("");
+  const inputRef = React70.useRef(null);
+  React70.useEffect(() => {
+    var _a;
+    if (isOpen && !isPill) (_a = inputRef.current) == null ? void 0 : _a.focus();
+  }, [isOpen, isPill]);
+  const submit = () => {
+    const value = query.trim();
+    if (!value) return;
+    onSearch == null ? void 0 : onSearch(value);
+    if (searchCta == null ? void 0 : searchCta.url) {
+      const separator = searchCta.url.includes("?") ? "&" : "?";
+      window.location.href = `${searchCta.url}${separator}q=${encodeURIComponent(value)}`;
+    }
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      submit();
+    } else if (e.key === "Escape" && !isPill) {
+      setIsOpen(false);
+    }
+  };
+  if (!isOpen) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default(Search_module_default.search, className), children: /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: Search_module_default.searchButton,
+        "aria-label": (searchCta == null ? void 0 : searchCta.label) || "Search",
+        "aria-expanded": false,
+        onClick: () => setIsOpen(true),
+        children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "search", size: 32, "aria-hidden": "true" })
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default(Search_module_default.search, className), children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: clsx47__default.default(
+        Search_module_default.searchField,
+        isPill ? Search_module_default.searchFieldPill : Search_module_default.searchFieldLine
+      ),
+      children: [
+        isPill && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: Search_module_default.searchSubmit,
+            "aria-label": (searchCta == null ? void 0 : searchCta.label) || "Search",
+            onClick: submit,
+            children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "search", size: 24, "aria-hidden": "true" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ref: inputRef,
+            type: "search",
+            className: Search_module_default.searchInput,
+            placeholder,
+            value: query,
+            "aria-label": placeholder,
+            onChange: (e) => setQuery(e.target.value),
+            onKeyDown: handleKeyDown,
+            onBlur: () => !isPill && !query && setIsOpen(false)
+          }
+        ),
+        !isPill ? /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: Search_module_default.searchSubmit,
+            "aria-label": (searchCta == null ? void 0 : searchCta.label) || "Search",
+            onClick: submit,
+            children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "search", size: 24, "aria-hidden": "true" })
+          }
+        ) : query && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: Search_module_default.searchSubmit,
+            "aria-label": "Submit search",
+            onClick: submit,
+            children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "rightBlack", size: 24, "aria-hidden": "true" })
+          }
+        )
+      ]
+    }
+  ) });
+};
+
+// src/components/UserMenu/UserMenu.module.scss
+var UserMenu_module_default = {
+  userButton: "UserMenu_module_userButton",
+  userMenuWrapper: "UserMenu_module_userMenuWrapper",
+  fullWidth: "UserMenu_module_fullWidth",
+  userChevron: "UserMenu_module_userChevron",
+  userChevronOpen: "UserMenu_module_userChevronOpen",
+  userMenu: "UserMenu_module_userMenu",
+  userMenuUp: "UserMenu_module_userMenuUp",
+  userMenuItem: "UserMenu_module_userMenuItem",
+  userMenuItemDanger: "UserMenu_module_userMenuItemDanger",
+  userAvatar: "UserMenu_module_userAvatar",
+  userInner: "UserMenu_module_userInner",
+  userLabel: "UserMenu_module_userLabel"
+};
+var UserMenu = ({ user, className, dropUp, fullWidth }) => {
+  var _a, _b, _c;
+  const [isOpen, setIsOpen] = React70.useState(false);
+  const wrapperRef = React70.useRef(null);
+  const closeTimer = React70.useRef(null);
+  const hasMenu = !!((_a = user.menuItems) == null ? void 0 : _a.length);
+  const openMenu = () => {
+    if (closeTimer.current) clearTimeout(closeTimer.current);
+    setIsOpen(true);
+  };
+  const scheduleClose = () => {
+    if (closeTimer.current) clearTimeout(closeTimer.current);
+    closeTimer.current = setTimeout(() => setIsOpen(false), 120);
+  };
+  const handleBlur = (e) => {
+    var _a2;
+    if (!((_a2 = wrapperRef.current) == null ? void 0 : _a2.contains(e.relatedTarget))) {
+      setIsOpen(false);
+    }
+  };
+  React70.useEffect(() => {
+    return () => {
+      if (closeTimer.current) clearTimeout(closeTimer.current);
+    };
+  }, []);
+  React70.useEffect(() => {
+    if (!isOpen) return;
+    const handleKey = (e) => {
+      if (e.key === "Escape") setIsOpen(false);
+    };
+    const handleOutside = (e) => {
+      if (wrapperRef.current && !wrapperRef.current.contains(e.target)) {
+        setIsOpen(false);
+      }
+    };
+    document.addEventListener("keydown", handleKey);
+    document.addEventListener("pointerdown", handleOutside);
+    return () => {
+      document.removeEventListener("keydown", handleKey);
+      document.removeEventListener("pointerdown", handleOutside);
+    };
+  }, [isOpen]);
+  const avatar = user.avatar ? /* @__PURE__ */ jsxRuntime.jsx(Picture, { className: UserMenu_module_default.userAvatar, src: user.avatar.src, alt: (_b = user.avatar.alt) != null ? _b : "" }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "user", size: 24, className: UserMenu_module_default.userAvatar, "aria-hidden": "true" });
+  if (!hasMenu) {
+    const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      avatar,
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: UserMenu_module_default.userInner, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: UserMenu_module_default.userLabel, children: user.label }),
+        /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "downChevronBlack", size: 13, "aria-hidden": "true" })
+      ] })
+    ] });
+    const rootClass = clsx47__default.default(UserMenu_module_default.userButton, fullWidth && UserMenu_module_default.fullWidth, className);
+    return user.url ? /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        href: user.url,
+        className: rootClass,
+        target: user.isExternal ? "_blank" : void 0,
+        rel: user.isExternal ? "noopener noreferrer" : void 0,
+        children: content
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: rootClass, children: content });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: clsx47__default.default(UserMenu_module_default.userMenuWrapper, fullWidth && UserMenu_module_default.fullWidth, className),
+      ref: wrapperRef,
+      onMouseLeave: scheduleClose,
+      onBlur: handleBlur,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          Button,
+          {
+            variant: "grey",
+            type: "button",
+            className: UserMenu_module_default.userButton,
+            "aria-haspopup": "menu",
+            "aria-expanded": isOpen,
+            onMouseEnter: openMenu,
+            onFocus: openMenu,
+            onClick: () => setIsOpen((prev) => !prev),
+            children: [
+              avatar,
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: UserMenu_module_default.userInner, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: UserMenu_module_default.userLabel, children: user.label }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx47__default.default(UserMenu_module_default.userChevron, isOpen && UserMenu_module_default.userChevronOpen), children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "downChevronBlack", size: 13, "aria-hidden": "true" }) })
+              ] })
+            ]
+          }
+        ),
+        isOpen && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: clsx47__default.default(UserMenu_module_default.userMenu, dropUp && UserMenu_module_default.userMenuUp),
+            role: "menu",
+            onMouseEnter: openMenu,
+            onMouseLeave: scheduleClose,
+            children: (_c = user.menuItems) == null ? void 0 : _c.map((item, i) => {
+              const itemClass = clsx47__default.default(
+                UserMenu_module_default.userMenuItem,
+                item.variant === "danger" && UserMenu_module_default.userMenuItemDanger
+              );
+              const handleClick = () => {
+                var _a2;
+                (_a2 = item.onClick) == null ? void 0 : _a2.call(item);
+                setIsOpen(false);
+              };
+              return item.url ? /* @__PURE__ */ jsxRuntime.jsx(
+                "a",
+                {
+                  href: item.url,
+                  role: "menuitem",
+                  className: itemClass,
+                  target: item.isExternal ? "_blank" : void 0,
+                  rel: item.isExternal ? "noopener noreferrer" : void 0,
+                  onClick: handleClick,
+                  children: item.label
+                },
+                i
+              ) : /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  role: "menuitem",
+                  className: itemClass,
+                  onClick: handleClick,
+                  children: item.label
+                },
+                i
+              );
+            })
+          }
+        )
+      ]
+    }
+  );
+};
 var CardCollectionTitle = ({ children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
 };
@@ -1895,10 +2176,10 @@ var CardCollection = ({
   children
 }) => {
   var _a, _b;
-  const container = React69.useRef(null);
-  const revealWrapper = React69.useRef(null);
-  const extraCard = React69.useRef(null);
-  const [isExpanded, setIsExpanded] = React69.useState(false);
+  const container = React70.useRef(null);
+  const revealWrapper = React70.useRef(null);
+  const extraCard = React70.useRef(null);
+  const [isExpanded, setIsExpanded] = React70.useState(false);
   const slots = resolveCompoundSlots(children, {
     title: CardCollectionTitle,
     subtitle: CardCollectionSubtitle
@@ -1909,7 +2190,7 @@ var CardCollection = ({
   const visibleCards = isExamCard ? cards.slice(0, 8) : cards;
   const hiddenCards = isExamCard ? cards.slice(8) : [];
   const { contextSafe } = react.useGSAP({ scope: container });
-  const handleShowMore = React69.useCallback(() => {
+  const handleShowMore = React70.useCallback(() => {
     contextSafe(() => {
       setIsExpanded(true);
       const tl = gsap__default.default.timeline({ defaults: { ease: "power3.inOut" } });
@@ -1941,13 +2222,13 @@ var CardCollection = ({
     Container,
     {
       ref: container,
-      className: clsx43__default.default(CardCollection_module_default["card-collection"], CardCollection_module_default[variant], className),
+      className: clsx47__default.default(CardCollection_module_default["card-collection"], CardCollection_module_default[variant], className),
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: CardCollection_module_default.content, children: [
           titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { children: titleNode }),
           subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "subheading", children: subtitleNode })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx43__default.default(CardCollection_module_default.cardWrapper, { [CardCollection_module_default["is-expanded"]]: isExpanded }), children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: CardCollection_module_default.wrapper, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx47__default.default(CardCollection_module_default.cardWrapper, { [CardCollection_module_default["is-expanded"]]: isExpanded }), children: [
           visibleCards.map((card, key) => /* @__PURE__ */ jsxRuntime.jsx(Card2, __spreadValues({ className: CardCollection_module_default.card, variant: theme }, card), key)),
           isExamCard && hiddenCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: revealWrapper, className: CardCollection_module_default["reveal-wrapper"], children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: CardCollection_module_default["reveal-inner"], children: hiddenCards.map((card, key) => /* @__PURE__ */ jsxRuntime.jsx(
             Card2,
@@ -2013,8 +2294,8 @@ var ContactModule = ({
   animateBlur = true
 }) => {
   var _a, _b;
-  const containerRef = React69.useRef(null);
-  const blurRef = React69.useRef(null);
+  const containerRef = React70.useRef(null);
+  const blurRef = React70.useRef(null);
   const slots = resolveCompoundSlots(children, {
     title: ContactModuleTitle,
     subtitle: ContactModuleSubtitle
@@ -2048,7 +2329,7 @@ var ContactModule = ({
     },
     { scope: containerRef, dependencies: [blurred, animateBlur] }
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: clsx43__default.default(ContactModule_module_default["contact-module"], className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: clsx47__default.default(ContactModule_module_default["contact-module"], className), children: [
     blurred && /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
@@ -2063,8 +2344,8 @@ var ContactModule = ({
     /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: ContactModule_module_default.container, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ContactModule_module_default.wrapper, children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ContactModule_module_default.content, children: [
-          titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default(ContactModule_module_default.title, "h1"), children: titleNode }),
-          subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default(ContactModule_module_default.subtitle, "subheading"), children: subtitleNode })
+          titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default(ContactModule_module_default.title, "h1"), children: titleNode }),
+          subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default(ContactModule_module_default.subtitle, "subheading"), children: subtitleNode })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: ContactModule_module_default["cta-wrapper"], children: ctas == null ? void 0 : ctas.map((cta, key) => /* @__PURE__ */ jsxRuntime.jsx(
           Button,
@@ -2133,7 +2414,7 @@ var Footer = ({
     disclaimer: FooterDisclaimer
   });
   const titleNode = (_a = slots.disclaimer) != null ? _a : disclaimer;
-  return /* @__PURE__ */ jsxRuntime.jsx("footer", { className: clsx43__default.default(Footer_module_default.footer, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Footer_module_default.container, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("footer", { className: clsx47__default.default(Footer_module_default.footer, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Footer_module_default.container, children: [
     supportContacts.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Footer_module_default["support-section"], children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: Footer_module_default["support-heading"], children: "SUPPORT" }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: Footer_module_default.support, children: supportColumns.map((column, colIdx) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: Footer_module_default["support-column"], children: column.map((group, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Footer_module_default["support-group"], children: [
@@ -2162,7 +2443,7 @@ var Footer = ({
             index
           ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: Footer_module_default["supporter-link-primary"], children: /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({}, supporter.image)) }, index)
         ) }) }),
-        titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default(Footer_module_default.disclaimer, "p"), children: titleNode }),
+        titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default(Footer_module_default.disclaimer, "p"), children: titleNode }),
         copyright && /* @__PURE__ */ jsxRuntime.jsx("p", { className: Footer_module_default.copyright, children: copyright })
       ] }),
       navigationLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("nav", { className: Footer_module_default["bottom-right"], children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Footer_module_default["nav-list"], children: navigationLinks.map((link) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -2188,7 +2469,7 @@ var LogoBar_module_default = {
 };
 var LogoBar = ({ className, items }) => {
   if (!items || items.length === 0) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default(LogoBar_module_default.logoBar, className), children: items.map((item, key) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default(LogoBar_module_default.logoBar, className), children: items.map((item, key) => {
     return /* @__PURE__ */ jsxRuntime.jsx(Anchor, { href: item.url, isExternal: item.isExternal, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LogoBar_module_default.logoWrapper, children: [
       item.logo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: LogoBar_module_default.logo }, item.logo)),
       item.hoverLogo && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: LogoBar_module_default.logoHover }, item.hoverLogo))
@@ -2260,7 +2541,7 @@ var HeroBanner = ({
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx43__default.default(HeroBanner_module_default.heroBanner, HeroBanner_module_default[variant], className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx47__default.default(HeroBanner_module_default.heroBanner, HeroBanner_module_default[variant], className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.container, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.banner, children: [
         (titleNode || subtitleNode) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBanner_module_default.text, children: [
@@ -2270,7 +2551,7 @@ var HeroBanner = ({
             {
               tag: "h2",
               promoteToH1,
-              className: clsx43__default.default(HeroBanner_module_default.title, vBannerPodcast ? "h3" : "h1"),
+              className: clsx47__default.default(HeroBanner_module_default.title, vBannerPodcast ? "h3" : "h1"),
               children: titleNode
             }
           ),
@@ -2279,7 +2560,7 @@ var HeroBanner = ({
             {
               tag: "div",
               promoteToH1: promoteToH1 && !titleNode,
-              className: clsx43__default.default(HeroBanner_module_default.subtitle, "subheading"),
+              className: clsx47__default.default(HeroBanner_module_default.subtitle, "subheading"),
               children: subtitleNode
             }
           )
@@ -2353,10 +2634,10 @@ var HeroBannerCarousel = ({
 }) => {
   const { is } = useViewPort_default();
   const isMobile = is("tablet", "below");
-  const [swiperInstance, setSwiperInstance] = React69.useState(null);
-  const [activeIndex, setActiveIndex] = React69.useState(0);
+  const [swiperInstance, setSwiperInstance] = React70.useState(null);
+  const [activeIndex, setActiveIndex] = React70.useState(0);
   if (!items.length) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default(HeroBannerCarousel_module_default.heroBannerCarousel, className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.inner, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default(HeroBannerCarousel_module_default.heroBannerCarousel, className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: HeroBannerCarousel_module_default.inner, children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.swiperContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
       react$1.Swiper,
       {
@@ -2403,7 +2684,7 @@ var HeroBannerCarousel = ({
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: HeroBannerCarousel_module_default.pagination, children: items.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
-          className: clsx43__default.default(HeroBannerCarousel_module_default.dot, index === activeIndex && HeroBannerCarousel_module_default.dotActive),
+          className: clsx47__default.default(HeroBannerCarousel_module_default.dot, index === activeIndex && HeroBannerCarousel_module_default.dotActive),
           onClick: () => swiperInstance == null ? void 0 : swiperInstance.slideTo(index),
           "aria-label": `Go to slide ${index + 1}`
         },
@@ -2443,16 +2724,16 @@ var AccordionItem = ({
   onToggle,
   className
 }) => {
-  const contentRef = React69.useRef(null);
-  const contentInnerRef = React69.useRef(null);
-  const timelineRef = React69.useRef(null);
-  const [contentHeight, setContentHeight] = React69.useState(0);
-  React69.useEffect(() => {
+  const contentRef = React70.useRef(null);
+  const contentInnerRef = React70.useRef(null);
+  const timelineRef = React70.useRef(null);
+  const [contentHeight, setContentHeight] = React70.useState(0);
+  React70.useEffect(() => {
     if (contentInnerRef.current) {
       setContentHeight(contentInnerRef.current.scrollHeight);
     }
   }, [children]);
-  React69.useEffect(() => {
+  React70.useEffect(() => {
     if (contentRef.current && contentHeight > 0) {
       if (timelineRef.current) {
         timelineRef.current.kill();
@@ -2483,7 +2764,7 @@ var AccordionItem = ({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: clsx43__default.default(
+      className: clsx47__default.default(
         Accordion_module_default.accordionItem,
         {
           [Accordion_module_default.accordionItemOpen]: isOpen
@@ -2494,18 +2775,18 @@ var AccordionItem = ({
         /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
-            className: clsx43__default.default(Accordion_module_default.accordionHeader, {
+            className: clsx47__default.default(Accordion_module_default.accordionHeader, {
               [Accordion_module_default.accordionHeaderOpen]: isOpen
             }),
             onClick: handleToggle,
             "aria-expanded": isOpen,
             "aria-label": `Toggle ${title}`,
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: Accordion_module_default.accordionHeaderLeft, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx43__default.default("body", Accordion_module_default.accordionTitle), children: title }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: Accordion_module_default.accordionHeaderLeft, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx47__default.default("body", Accordion_module_default.accordionTitle), children: title }) }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 "span",
                 {
-                  className: clsx43__default.default(Accordion_module_default.accordionChevron, {
+                  className: clsx47__default.default(Accordion_module_default.accordionChevron, {
                     [Accordion_module_default.accordionChevronOpen]: isOpen
                   }),
                   children: isOpen ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "filledChevronUpBlack", size: 40 }) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "circleChevronDown", size: 40 })
@@ -2537,7 +2818,7 @@ var Accordion = ({
   allowMultiple = false,
   onItemToggle
 }) => {
-  const [openIds, setOpenIds] = React69.useState(defaultOpenIds);
+  const [openIds, setOpenIds] = React70.useState(defaultOpenIds);
   const handleToggle = (id) => {
     setOpenIds((prev) => {
       let newOpenIds;
@@ -2557,7 +2838,7 @@ var Accordion = ({
   if (items.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default(Accordion_module_default.accordion, className), children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default(Accordion_module_default.accordion, className), children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
     AccordionItem,
     {
       id: item.id,
@@ -2598,10 +2879,10 @@ var InternalBrandsTab_module_default = {
 var InternalBrandsTab = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A;
   const { title, subTitle, className, tabs } = props;
-  const [activeIndex, setActiveIndex] = React69.useState(0);
+  const [activeIndex, setActiveIndex] = React70.useState(0);
   const { is } = useViewPort_default();
   const isTabletBelow = is("tablet", "below");
-  const accordionItems = React69.useMemo(() => {
+  const accordionItems = React70.useMemo(() => {
     return (tabs == null ? void 0 : tabs.map((tab, index) => {
       var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2;
       return {
@@ -2647,7 +2928,7 @@ var InternalBrandsTab = (props) => {
       };
     })) || [];
   }, [tabs]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx43__default.default(InternalBrandsTab_module_default.internalBrandsTab, className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx47__default.default(InternalBrandsTab_module_default.internalBrandsTab, className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.textsContainer, children: [
       title && /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: InternalBrandsTab_module_default.title, children: title }),
       subTitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: InternalBrandsTab_module_default.subTitle, children: subTitle })
@@ -2663,7 +2944,7 @@ var InternalBrandsTab = (props) => {
         },
         index
       )) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default(InternalBrandsTab_module_default.contentArea), children: ((_a = tabs == null ? void 0 : tabs[activeIndex]) == null ? void 0 : _a.topContent) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default(InternalBrandsTab_module_default.contentArea), children: ((_a = tabs == null ? void 0 : tabs[activeIndex]) == null ? void 0 : _a.topContent) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: InternalBrandsTab_module_default.topContent, children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             ((_b = tabs[activeIndex].topContent) == null ? void 0 : _b.title) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: InternalBrandsTab_module_default.topContentTitle, children: (_c = tabs[activeIndex].topContent) == null ? void 0 : _c.title }),
@@ -2761,22 +3042,22 @@ var MiniBanner = ({
   const titleNode = (_b = slots.title) != null ? _b : title;
   const subtitleNode = (_c = slots.subtitle) != null ? _c : subtitle;
   const goBackNode = slots == null ? void 0 : slots.goBack;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx43__default.default(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx47__default.default(MiniBanner_module_default.minibanner, MiniBanner_module_default[variant], className), children: [
     ((background == null ? void 0 : background.src) || ((_d = background == null ? void 0 : background.desktop) == null ? void 0 : _d.src) || ((_e = background == null ? void 0 : background.mobile) == null ? void 0 : _e.src)) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: MiniBanner_module_default.background }, background)),
-    /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx43__default.default(goBackNode && MiniBanner_module_default.container), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.wrapper, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx47__default.default(goBackNode && MiniBanner_module_default.container), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.wrapper, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.textContainer, children: [
         (logo == null ? void 0 : logo.src) && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: MiniBanner_module_default.logo }, logo)),
-        pretitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
+        pretitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default(MiniBanner_module_default.pretitle, "small"), children: pretitleNode }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniBanner_module_default.headingWrapper, children: [
-          goBackNode ? React69__default.default.cloneElement(goBackNode, {
-            className: clsx43__default.default("back-button", MiniBanner_module_default["back-button"])
+          goBackNode ? React70__default.default.cloneElement(goBackNode, {
+            className: clsx47__default.default("back-button", MiniBanner_module_default["back-button"])
           }) : null,
-          titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode })
+          titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default(MiniBanner_module_default.title, isMiniBannerTextLeft ? "h1" : "h4"), children: titleNode })
         ] }),
         subtitleNode && /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: clsx43__default.default(MiniBanner_module_default.title, {
+            className: clsx47__default.default(MiniBanner_module_default.title, {
               subheading: isMiniBannerNoBG,
               h1: !isMiniBannerNoBG && !isMiniBannerTextLeft,
               h4: isMiniBannerTextLeft
@@ -2849,14 +3130,14 @@ var MiniSectionCta = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: clsx43__default.default(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
+      className: clsx47__default.default(MiniSectionCta_module_default.miniSectionCta, MiniSectionCta_module_default[variant], theme && MiniSectionCta_module_default[theme], className),
       children: /* @__PURE__ */ jsxRuntime.jsx(Container, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniSectionCta_module_default.wrapper, children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MiniSectionCta_module_default.col, children: [
           titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: variant === "BgColorBlack" || variant === "BgColorGrey" ? "h3" : "h2", children: titleNode }),
           subtitleNode && /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: clsx43__default.default(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
+              className: clsx47__default.default(MiniSectionCta_module_default.subtitle, variant === "infoCallout" ? "h4" : "subheading"),
               children: subtitleNode
             }
           )
@@ -2882,37 +3163,9 @@ var MiniSectionCta2 = Object.assign(MiniSectionCta, {
   Title: MiniSectionCtaTitle,
   Subtitle: MiniSectionCtaSubtitle
 });
-function useIntersectionObserver({
-  animateOnce = false,
-  options = {}
-} = {}) {
-  const observeRef = React69.useRef(null);
-  const [isVisible, setIsVisible] = React69.useState(false);
-  if (typeof IntersectionObserver === "undefined") {
-    console.warn("IntersectionObserver is not supported in this browser.");
-    return { observeRef, isVisible: true };
-  }
-  React69.useEffect(() => {
-    const currentRef = observeRef.current;
-    if (!currentRef) return;
-    const observer = new IntersectionObserver((entries) => {
-      const entry = entries[0];
-      if (!entry) return;
-      setIsVisible(entry.isIntersecting);
-      if (entry.isIntersecting && animateOnce) {
-        observer.disconnect();
-      }
-    }, options);
-    observer.observe(currentRef);
-    return () => {
-      observer.disconnect();
-    };
-  }, [observeRef, animateOnce, options]);
-  return { observeRef, isVisible };
-}
 var useIsAtTop = () => {
-  const [isAtTop, setIsAtTop] = React69.useState(true);
-  React69.useEffect(() => {
+  const [isAtTop, setIsAtTop] = React70.useState(true);
+  React70.useEffect(() => {
     const handleScroll = () => setIsAtTop(window.scrollY === 0);
     window.addEventListener("scroll", handleScroll, { passive: true });
     return () => window.removeEventListener("scroll", handleScroll);
@@ -2923,31 +3176,17 @@ var useIsAtTop = () => {
 // src/widgets/Navigation/Navigation.module.scss
 var Navigation_module_default = {
   dropdownTitle: "Navigation_module_dropdownTitle",
-  dropdownLink: "Navigation_module_dropdownLink",
-  dropdownDescription: "Navigation_module_dropdownDescription",
   mobileItemLink: "Navigation_module_mobileItemLink",
   mobileItemTrigger: "Navigation_module_mobileItemTrigger",
   mobileSubLink: "Navigation_module_mobileSubLink",
-  navigationWrapper: "Navigation_module_navigationWrapper",
   dropdownOpen: "Navigation_module_dropdownOpen",
   variantTransparent: "Navigation_module_variantTransparent",
   transparent: "Navigation_module_transparent",
-  navigation: "Navigation_module_navigation",
-  upperNav: "Navigation_module_upperNav",
-  mainLogo: "Navigation_module_mainLogo",
-  mainLogoLink: "Navigation_module_mainLogoLink",
+  logo: "Navigation_module_logo",
   upperRight: "Navigation_module_upperRight",
-  lowerNav: "Navigation_module_lowerNav",
-  lowerNavItem: "Navigation_module_lowerNavItem",
   overlay: "Navigation_module_overlay",
-  dropdownTrigger: "Navigation_module_dropdownTrigger",
-  dropdownTriggerOpen: "Navigation_module_dropdownTriggerOpen",
-  dropdownPanel: "Navigation_module_dropdownPanel",
-  dropdownPanelOpen: "Navigation_module_dropdownPanelOpen",
-  dropdownInner: "Navigation_module_dropdownInner",
-  dropdownLinks: "Navigation_module_dropdownLinks",
-  dropdownLinkContainer: "Navigation_module_dropdownLinkContainer",
-  dropdownInfo: "Navigation_module_dropdownInfo",
+  mainLogoLink: "Navigation_module_mainLogoLink",
+  dropdownLinkSpacer: "Navigation_module_dropdownLinkSpacer",
   mainLogoMobile: "Navigation_module_mainLogoMobile",
   hamburgerButton: "Navigation_module_hamburgerButton",
   mobileMenu: "Navigation_module_mobileMenu",
@@ -2960,116 +3199,53 @@ var Navigation_module_default = {
   mobileSubItems: "Navigation_module_mobileSubItems",
   mobileSubItemsOpen: "Navigation_module_mobileSubItemsOpen",
   mobileSubItemsInner: "Navigation_module_mobileSubItemsInner",
-  mobileMenuCtas: "Navigation_module_mobileMenuCtas"
-};
-var NavigationDesktop = ({
-  navigationItems,
-  isTransparent,
-  onDropdownOpenChange
-}) => {
-  var _a;
-  const [activeDropdown, setActiveDropdown] = React69.useState(null);
-  const closeTimer = React69.useRef(null);
-  const dropdownWrapperRefs = React69.useRef([]);
-  const baseId = React69.useId();
-  const setDropdown = (index) => {
-    setActiveDropdown(index);
-    onDropdownOpenChange == null ? void 0 : onDropdownOpenChange(index !== null);
-  };
-  const handleDropdownEnter = (index) => {
-    if (closeTimer.current) clearTimeout(closeTimer.current);
-    setDropdown(index);
-  };
-  const handleDropdownLeave = () => {
-    closeTimer.current = setTimeout(() => setDropdown(null), 100);
-  };
-  const handleDropdownBlur = (e, index) => {
-    if (!e.currentTarget.contains(e.relatedTarget)) {
-      if (activeDropdown === index) setDropdown(null);
-    }
-  };
-  const handleTriggerKeyDown = (e, index) => {
-    if (e.key === "Escape") {
-      setDropdown(null);
-    } else if ((e.key === "Enter" || e.key === " ") && activeDropdown !== index) {
-      e.preventDefault();
-      setDropdown(index);
-    }
-  };
-  const handleDropdownKeyDown = (e, index) => {
-    var _a2, _b;
-    if (e.key === "Escape") {
-      setDropdown(null);
-      (_b = (_a2 = dropdownWrapperRefs.current[index]) == null ? void 0 : _a2.querySelector("button")) == null ? void 0 : _b.focus();
-    }
-  };
-  if (!((_a = navigationItems == null ? void 0 : navigationItems.items) == null ? void 0 : _a.length)) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Navigation_module_default.lowerNav, children: navigationItems.items.map((item, index) => {
-    var _a2, _b, _c;
-    const panelId = `${baseId}-panel-${index}`;
-    const isOpen = activeDropdown === index;
-    return item.type === "dropdown" ? /* @__PURE__ */ jsxRuntime.jsxs(
-      "li",
-      {
-        className: Navigation_module_default.lowerNavItem,
-        ref: (el) => {
-          dropdownWrapperRefs.current[index] = el;
-        },
-        onBlur: (e) => handleDropdownBlur(e, index),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Button,
-            {
-              variant: "navnofillblack",
-              className: clsx43__default.default(Navigation_module_default.dropdownTrigger, { [Navigation_module_default.dropdownTriggerOpen]: isOpen }),
-              icon: isTransparent ? "downChevronWhite" : "downChevronBlack",
-              isActive: isOpen,
-              "aria-expanded": isOpen,
-              "aria-haspopup": "true",
-              "aria-controls": panelId,
-              onMouseEnter: () => handleDropdownEnter(index),
-              onMouseLeave: handleDropdownLeave,
-              onClick: () => setDropdown(isOpen ? null : index),
-              onKeyDown: (e) => handleTriggerKeyDown(e, index),
-              children: item.title
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              id: panelId,
-              className: clsx43__default.default(Navigation_module_default.dropdownPanel, { [Navigation_module_default.dropdownPanelOpen]: isOpen }),
-              "aria-hidden": !isOpen,
-              onMouseEnter: () => handleDropdownEnter(index),
-              onMouseLeave: handleDropdownLeave,
-              onKeyDown: (e) => handleDropdownKeyDown(e, index),
-              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Navigation_module_default.dropdownInner, children: [
-                /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Navigation_module_default.dropdownLinks, children: item.items.map(
-                  (subItem, i) => {
-                    var _a3, _b2;
-                    return subItem.type === "link" ? /* @__PURE__ */ jsxRuntime.jsx("li", { className: Navigation_module_default.dropdownLinkContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
-                      "a",
-                      {
-                        href: (_a3 = subItem.cta) == null ? void 0 : _a3.url,
-                        className: Navigation_module_default.dropdownLink,
-                        tabIndex: isOpen ? void 0 : -1,
-                        children: (_b2 = subItem.cta) == null ? void 0 : _b2.label
-                      }
-                    ) }, i) : null;
-                  }
-                ) }),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Navigation_module_default.dropdownInfo, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("h3", { className: Navigation_module_default.dropdownTitle, children: item.title }),
-                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: Navigation_module_default.dropdownDescription, children: item.description })
-                ] })
-              ] })
-            }
-          )
-        ]
-      },
-      index
-    ) : /* @__PURE__ */ jsxRuntime.jsx("li", { className: Navigation_module_default.lowerNavItem, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "navnofillblack", href: (_a2 = item.cta) == null ? void 0 : _a2.url, isExternal: (_b = item.cta) == null ? void 0 : _b.isExternal, children: (_c = item.cta) == null ? void 0 : _c.label }) }, index);
-  }) });
+  mobileMenuCtas: "Navigation_module_mobileMenuCtas",
+  Navigation: "Navigation_module_Navigation",
+  mainBar: "Navigation_module_mainBar",
+  navTabLink: "Navigation_module_navTabLink",
+  navTabActive: "Navigation_module_navTabActive",
+  inner: "Navigation_module_inner",
+  topRow: "Navigation_module_topRow",
+  logoLink: "Navigation_module_logoLink",
+  logoMobile: "Navigation_module_logoMobile",
+  hamburger: "Navigation_module_hamburger",
+  bottomRow: "Navigation_module_bottomRow",
+  navTabs: "Navigation_module_navTabs",
+  navTab: "Navigation_module_navTab",
+  navTabTrigger: "Navigation_module_navTabTrigger",
+  navTabTriggerOpen: "Navigation_module_navTabTriggerOpen",
+  dropdownPanel: "Navigation_module_dropdownPanel",
+  dropdownInner: "Navigation_module_dropdownInner",
+  dropdownLinks: "Navigation_module_dropdownLinks",
+  dropdownLinkItem: "Navigation_module_dropdownLinkItem",
+  dropdownLink: "Navigation_module_dropdownLink",
+  dropdownDivider: "Navigation_module_dropdownDivider",
+  dropdownInfo: "Navigation_module_dropdownInfo",
+  dropdownDescription: "Navigation_module_dropdownDescription",
+  brandBars: "Navigation_module_brandBars",
+  brandBar: "Navigation_module_brandBar",
+  brandBarsUnfolded: "Navigation_module_brandBarsUnfolded",
+  brandLogo: "Navigation_module_brandLogo",
+  lenscrafters: "Navigation_module_lenscrafters",
+  forEyes: "Navigation_module_forEyes",
+  optical: "Navigation_module_optical",
+  pearleVision: "Navigation_module_pearleVision",
+  internalMobileMenu: "Navigation_module_internalMobileMenu",
+  internalMobileMenuOpen: "Navigation_module_internalMobileMenuOpen",
+  mobileHeader: "Navigation_module_mobileHeader",
+  mobileClose: "Navigation_module_mobileClose",
+  mobileBrandBars: "Navigation_module_mobileBrandBars",
+  mobileItems: "Navigation_module_mobileItems",
+  internalMobileItem: "Navigation_module_internalMobileItem",
+  internalMobileItemLink: "Navigation_module_internalMobileItemLink",
+  internalMobileItemTrigger: "Navigation_module_internalMobileItemTrigger",
+  internalMobileItemChevron: "Navigation_module_internalMobileItemChevron",
+  internalMobileItemChevronOpen: "Navigation_module_internalMobileItemChevronOpen",
+  internalMobileSubItems: "Navigation_module_internalMobileSubItems",
+  internalMobileSubItemsOpen: "Navigation_module_internalMobileSubItemsOpen",
+  internalMobileSubItemsInner: "Navigation_module_internalMobileSubItemsInner",
+  internalMobileSubLink: "Navigation_module_internalMobileSubLink",
+  mobileFooter: "Navigation_module_mobileFooter"
 };
 var NavigationLogo = ({
   mainLogo,
@@ -3095,63 +3271,369 @@ var NavigationCtas = ({
     (rightButton == null ? void 0 : rightButton.label) && /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "primary", href: rightButton.url, isExternal: rightButton.isExternal, children: rightButton.label })
   ] });
 };
+var BRANDS = [
+  { key: "lenscrafters", className: Navigation_module_default.lenscrafters, label: "LensCrafters" },
+  { key: "forEyes", className: Navigation_module_default.forEyes, label: "For Eyes" },
+  { key: "optical", className: Navigation_module_default.optical, label: "Target Optical" },
+  { key: "pearleVision", className: Navigation_module_default.pearleVision, label: "Pearle Vision" }
+];
+var NavigationBrandBars = ({
+  brandLogos,
+  unfolded = false,
+  className
+}) => {
+  const hasLogos = !!brandLogos;
+  const isUnfolded = hasLogos && unfolded;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: clsx47__default.default(Navigation_module_default.brandBars, isUnfolded && Navigation_module_default.brandBarsUnfolded, className),
+      "aria-hidden": "true",
+      children: BRANDS.map((brand) => {
+        var _a;
+        const logo = brandLogos == null ? void 0 : brandLogos[brand.key];
+        return /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx47__default.default(Navigation_module_default.brandBar, brand.className), children: logo && /* @__PURE__ */ jsxRuntime.jsx("img", { className: Navigation_module_default.brandLogo, src: logo.src, alt: (_a = logo.alt) != null ? _a : brand.label }) }, brand.key);
+      })
+    }
+  );
+};
+var NavigationDesktop = ({
+  navItems,
+  openIndex,
+  onOpen,
+  onScheduleClose,
+  baseId,
+  isTransparent = false
+}) => {
+  if (!(navItems == null ? void 0 : navItems.length)) return null;
+  const handleTriggerKeyDown = (e, index) => {
+    var _a;
+    if (e.key === "Escape") {
+      onOpen(null);
+    } else if ((e.key === "Enter" || e.key === " ") && openIndex !== index) {
+      e.preventDefault();
+      onOpen(index);
+    } else if (e.key === "Tab" && !e.shiftKey && openIndex === index) {
+      const firstLink = (_a = document.getElementById(`${baseId}-panel-${index}`)) == null ? void 0 : _a.querySelector("a, button");
+      if (firstLink) {
+        e.preventDefault();
+        firstLink.focus();
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Navigation_module_default.navTabs, children: navItems.map((item, index) => {
+    var _a, _b, _c, _d;
+    const isOpen = openIndex === index;
+    if (item.type === "link") {
+      return /* @__PURE__ */ jsxRuntime.jsx("li", { className: Navigation_module_default.navTab, children: /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: (_a = item.cta) == null ? void 0 : _a.url,
+          className: clsx47__default.default(Navigation_module_default.navTabLink, item.isActive && Navigation_module_default.navTabActive),
+          "aria-current": item.isActive ? "page" : void 0,
+          target: ((_b = item.cta) == null ? void 0 : _b.isExternal) ? "_blank" : void 0,
+          rel: ((_c = item.cta) == null ? void 0 : _c.isExternal) ? "noopener noreferrer" : void 0,
+          onMouseEnter: () => onOpen(null),
+          onFocus: () => onOpen(null),
+          children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: (_d = item.cta) == null ? void 0 : _d.label })
+        }
+      ) }, index);
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("li", { className: Navigation_module_default.navTab, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        id: `${baseId}-trigger-${index}`,
+        className: clsx47__default.default(
+          Navigation_module_default.navTabLink,
+          Navigation_module_default.navTabTrigger,
+          (item.isActive || isOpen) && Navigation_module_default.navTabActive,
+          isOpen && Navigation_module_default.navTabTriggerOpen
+        ),
+        "aria-expanded": isOpen,
+        "aria-haspopup": "true",
+        "aria-controls": `${baseId}-panel-${index}`,
+        onMouseEnter: () => onOpen(index),
+        onMouseLeave: onScheduleClose,
+        onFocus: () => onOpen(index),
+        onClick: () => onOpen(isOpen ? null : index),
+        onKeyDown: (e) => handleTriggerKeyDown(e, index),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.title }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Icon,
+            {
+              type: isTransparent ? "downChevronWhite" : "downChevronBlack",
+              size: 24,
+              "aria-hidden": "true"
+            }
+          )
+        ]
+      }
+    ) }, index);
+  }) });
+};
+var NavigationDropdown = ({
+  item,
+  panelId,
+  baseId,
+  activeIndex,
+  onClose,
+  onMouseEnter,
+  onMouseLeave
+}) => {
+  if (item.type !== "dropdown") return null;
+  const { title, description, items } = item;
+  const links = items.filter((sub) => sub.type === "link");
+  const handleLinkKeyDown = (e, isFirst, isLast) => {
+    if (e.key !== "Tab") return;
+    const trigger = document.getElementById(`${baseId}-trigger-${activeIndex}`);
+    if (e.shiftKey && isFirst) {
+      e.preventDefault();
+      trigger == null ? void 0 : trigger.focus();
+    } else if (!e.shiftKey && isLast) {
+      const nav = trigger == null ? void 0 : trigger.closest("nav");
+      const panel = document.getElementById(panelId);
+      const focusables = nav ? Array.from(
+        nav.querySelectorAll(
+          'a[href], button:not([disabled]), input:not([disabled]), select, textarea, [tabindex]:not([tabindex="-1"])'
+        )
+      ).filter((el) => !(panel == null ? void 0 : panel.contains(el))) : [];
+      const next = trigger ? focusables[focusables.indexOf(trigger) + 1] : void 0;
+      onClose();
+      if (next) {
+        e.preventDefault();
+        next.focus();
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      id: panelId,
+      className: clsx47__default.default(Navigation_module_default.dropdownPanel, Navigation_module_default.dropdownPanelOpen),
+      onMouseEnter,
+      onMouseLeave,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Navigation_module_default.dropdownInner, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Navigation_module_default.dropdownLinks, children: links.map((sub, i) => {
+          var _a, _b, _c, _d;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "li",
+            {
+              className: clsx47__default.default(Navigation_module_default.dropdownLinkItem, {
+                [Navigation_module_default.dropdownLinkSpacer]: sub.variant === "subMenuSpacer"
+              }),
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "a",
+                {
+                  href: (_a = sub.cta) == null ? void 0 : _a.url,
+                  className: Navigation_module_default.dropdownLink,
+                  target: ((_b = sub.cta) == null ? void 0 : _b.isExternal) ? "_blank" : void 0,
+                  rel: ((_c = sub.cta) == null ? void 0 : _c.isExternal) ? "noopener noreferrer" : void 0,
+                  onKeyDown: (e) => handleLinkKeyDown(e, i === 0, i === links.length - 1),
+                  children: (_d = sub.cta) == null ? void 0 : _d.label
+                }
+              )
+            },
+            i
+          );
+        }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: Navigation_module_default.dropdownDivider, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Navigation_module_default.dropdownInfo, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: Navigation_module_default.dropdownTitle, children: title }),
+          description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Navigation_module_default.dropdownDescription, children: description })
+        ] })
+      ] })
+    }
+  );
+};
 var NavigationMobile = ({
   id,
-  navigationItems,
+  navItems,
   mainLogo,
+  logoAlt = "EssilorLuxottica Eye Care",
   homeCta,
-  loginCta,
-  rightButton,
+  user,
+  searchPlaceholder,
+  searchCta,
+  onSearch,
   isOpen,
-  onClose
+  onClose,
+  isExternal = false,
+  loginCta,
+  rightButton
 }) => {
-  var _a;
-  const [expanded, setExpanded] = React69.useState([]);
-  const baseId = React69.useId();
+  const [expanded, setExpanded] = React70.useState([]);
+  const baseId = React70.useId();
   const toggleExpanded = (index) => {
     setExpanded((prev) => prev.includes(index) ? prev.filter((i) => i !== index) : [...prev, index]);
   };
+  const expandItem = (index) => {
+    setExpanded((prev) => prev.includes(index) ? prev : [...prev, index]);
+  };
+  const collapseItem = (index) => {
+    setExpanded((prev) => prev.filter((i) => i !== index));
+  };
+  const hoverFocusProps = (index) => ({
+    onMouseEnter: () => expandItem(index),
+    onMouseLeave: () => collapseItem(index),
+    onFocus: () => expandItem(index),
+    onBlur: (e) => {
+      if (!e.currentTarget.contains(e.relatedTarget)) collapseItem(index);
+    }
+  });
+  const logo = mainLogo ? /* @__PURE__ */ jsxRuntime.jsx(Picture, { className: Navigation_module_default.logoMobile, src: mainLogo, alt: logoAlt }) : null;
+  if (isExternal) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        id,
+        className: clsx47__default.default(Navigation_module_default.mobileMenu, isOpen && Navigation_module_default.mobileMenuOpen),
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": "Navigation menu",
+        "aria-hidden": !isOpen,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Navigation_module_default.mobileMenuHeader, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              NavigationLogo,
+              {
+                mainLogo,
+                homeCta,
+                className: Navigation_module_default.mainLogoMobile,
+                onClick: onClose
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Button,
+              {
+                type: "button",
+                variant: "nofill",
+                className: Navigation_module_default.hamburgerButton,
+                onClick: onClose,
+                "aria-label": "Close navigation menu",
+                children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "xBlack", size: 24, "aria-hidden": "true" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Navigation_module_default.mobileMenuItems, children: navItems == null ? void 0 : navItems.map((item, index) => {
+            var _a, _b;
+            const subMenuId = `${baseId}-submenu-${index}`;
+            const isExpanded = expanded.includes(index);
+            return item.type === "dropdown" ? /* @__PURE__ */ jsxRuntime.jsxs("li", __spreadProps(__spreadValues({ className: Navigation_module_default.mobileItem }, hoverFocusProps(index)), { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "button",
+                {
+                  type: "button",
+                  className: Navigation_module_default.mobileItemTrigger,
+                  onClick: () => toggleExpanded(index),
+                  "aria-expanded": isExpanded,
+                  "aria-controls": subMenuId,
+                  children: [
+                    item.title,
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        className: clsx47__default.default(
+                          Navigation_module_default.mobileItemChevron,
+                          isExpanded && Navigation_module_default.mobileItemChevronOpen
+                        ),
+                        "aria-hidden": "true",
+                        children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "downChevronBlack", size: 24 })
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  id: subMenuId,
+                  className: clsx47__default.default(Navigation_module_default.mobileSubItems, isExpanded && Navigation_module_default.mobileSubItemsOpen),
+                  children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Navigation_module_default.mobileSubItemsInner, children: item.items.map(
+                    (subItem, i) => {
+                      var _a2, _b2;
+                      return subItem.type === "link" ? /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                        "a",
+                        {
+                          href: (_a2 = subItem.cta) == null ? void 0 : _a2.url,
+                          className: Navigation_module_default.mobileSubLink,
+                          onClick: onClose,
+                          children: (_b2 = subItem.cta) == null ? void 0 : _b2.label
+                        }
+                      ) }, i) : null;
+                    }
+                  ) })
+                }
+              )
+            ] }), index) : /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: (_a = item.cta) == null ? void 0 : _a.url, className: Navigation_module_default.mobileItemLink, onClick: onClose, children: (_b = item.cta) == null ? void 0 : _b.label }) }, index);
+          }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            NavigationCtas,
+            {
+              className: Navigation_module_default.mobileMenuCtas,
+              loginCta,
+              rightButton,
+              loginVariant: "nofillblack"
+            }
+          )
+        ]
+      }
+    );
+  }
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       id,
-      className: clsx43__default.default(Navigation_module_default.mobileMenu, isOpen && Navigation_module_default.mobileMenuOpen),
+      className: clsx47__default.default(Navigation_module_default.internalMobileMenu, isOpen && Navigation_module_default.internalMobileMenuOpen),
       role: "dialog",
       "aria-modal": "true",
       "aria-label": "Navigation menu",
       "aria-hidden": !isOpen,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Navigation_module_default.mobileMenuHeader, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Navigation_module_default.mobileHeader, children: [
+          homeCta && logo ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: homeCta, className: Navigation_module_default.logoLink, "aria-label": logoAlt, onClick: onClose, children: logo }) : logo,
           /* @__PURE__ */ jsxRuntime.jsx(
-            NavigationLogo,
-            {
-              mainLogo,
-              homeCta,
-              className: Navigation_module_default.mainLogoMobile,
-              onClick: onClose
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
+            Button,
             {
+              variant: "ghost",
               type: "button",
-              className: Navigation_module_default.hamburgerButton,
+              className: Navigation_module_default.mobileClose,
               onClick: onClose,
               "aria-label": "Close navigation menu",
               children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "xBlack", size: 24, "aria-hidden": "true" })
             }
           )
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Navigation_module_default.mobileMenuItems, children: (_a = navigationItems == null ? void 0 : navigationItems.items) == null ? void 0 : _a.map((item, index) => {
-          var _a2, _b;
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Navigation_module_default.mobileBrandBars, "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx47__default.default(Navigation_module_default.brandBar, Navigation_module_default.lenscrafters) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx47__default.default(Navigation_module_default.brandBar, Navigation_module_default.forEyes) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx47__default.default(Navigation_module_default.brandBar, Navigation_module_default.optical) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx47__default.default(Navigation_module_default.brandBar, Navigation_module_default.pearleVision) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Navigation_module_default.mobileItems, children: navItems == null ? void 0 : navItems.map((item, index) => {
+          var _a, _b, _c, _d;
           const subMenuId = `${baseId}-submenu-${index}`;
           const isExpanded = expanded.includes(index);
-          return item.type === "dropdown" ? /* @__PURE__ */ jsxRuntime.jsxs("li", { className: Navigation_module_default.mobileItem, children: [
+          if (item.type === "link") {
+            return /* @__PURE__ */ jsxRuntime.jsx("li", { className: Navigation_module_default.internalMobileItem, children: /* @__PURE__ */ jsxRuntime.jsx(
+              "a",
+              {
+                href: (_a = item.cta) == null ? void 0 : _a.url,
+                className: Navigation_module_default.internalMobileItemLink,
+                target: ((_b = item.cta) == null ? void 0 : _b.isExternal) ? "_blank" : void 0,
+                rel: ((_c = item.cta) == null ? void 0 : _c.isExternal) ? "noopener noreferrer" : void 0,
+                onClick: onClose,
+                children: (_d = item.cta) == null ? void 0 : _d.label
+              }
+            ) }, index);
+          }
+          return /* @__PURE__ */ jsxRuntime.jsxs("li", __spreadProps(__spreadValues({ className: Navigation_module_default.internalMobileItem }, hoverFocusProps(index)), { children: [
             /* @__PURE__ */ jsxRuntime.jsxs(
               "button",
               {
                 type: "button",
-                className: Navigation_module_default.mobileItemTrigger,
+                className: Navigation_module_default.internalMobileItemTrigger,
                 onClick: () => toggleExpanded(index),
                 "aria-expanded": isExpanded,
                 "aria-controls": subMenuId,
@@ -3160,9 +3642,9 @@ var NavigationMobile = ({
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "span",
                     {
-                      className: clsx43__default.default(
-                        Navigation_module_default.mobileItemChevron,
-                        isExpanded && Navigation_module_default.mobileItemChevronOpen
+                      className: clsx47__default.default(
+                        Navigation_module_default.internalMobileItemChevron,
+                        isExpanded && Navigation_module_default.internalMobileItemChevronOpen
                       ),
                       "aria-hidden": "true",
                       children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "downChevronBlack", size: 24 })
@@ -3175,129 +3657,273 @@ var NavigationMobile = ({
               "div",
               {
                 id: subMenuId,
-                className: clsx43__default.default(Navigation_module_default.mobileSubItems, isExpanded && Navigation_module_default.mobileSubItemsOpen),
-                children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Navigation_module_default.mobileSubItemsInner, children: item.items.map(
-                  (subItem, i) => {
-                    var _a3, _b2;
-                    return subItem.type === "link" ? /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                className: clsx47__default.default(
+                  Navigation_module_default.internalMobileSubItems,
+                  isExpanded && Navigation_module_default.internalMobileSubItemsOpen
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Navigation_module_default.internalMobileSubItemsInner, children: item.items.map(
+                  (sub, i) => {
+                    var _a2, _b2, _c2, _d2;
+                    return sub.type === "link" ? /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
                       "a",
                       {
-                        href: (_a3 = subItem.cta) == null ? void 0 : _a3.url,
-                        className: Navigation_module_default.mobileSubLink,
+                        href: (_a2 = sub.cta) == null ? void 0 : _a2.url,
+                        className: Navigation_module_default.internalMobileSubLink,
+                        target: ((_b2 = sub.cta) == null ? void 0 : _b2.isExternal) ? "_blank" : void 0,
+                        rel: ((_c2 = sub.cta) == null ? void 0 : _c2.isExternal) ? "noopener noreferrer" : void 0,
                         onClick: onClose,
-                        children: (_b2 = subItem.cta) == null ? void 0 : _b2.label
+                        children: (_d2 = sub.cta) == null ? void 0 : _d2.label
                       }
                     ) }, i) : null;
                   }
                 ) })
               }
             )
-          ] }, index) : /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: (_a2 = item.cta) == null ? void 0 : _a2.url, className: Navigation_module_default.mobileItemLink, onClick: onClose, children: (_b = item.cta) == null ? void 0 : _b.label }) }, index);
+          ] }), index);
         }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          NavigationCtas,
-          {
-            className: Navigation_module_default.mobileMenuCtas,
-            loginCta,
-            rightButton,
-            loginVariant: "nofillblack"
-          }
-        )
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Navigation_module_default.mobileFooter, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Search,
+            {
+              variant: "pill",
+              placeholder: searchPlaceholder,
+              searchCta,
+              onSearch
+            }
+          ),
+          user && /* @__PURE__ */ jsxRuntime.jsx(UserMenu, { user, dropUp: true, fullWidth: true })
+        ] })
       ]
     }
   );
 };
+var FOCUSABLE_SELECTOR = 'a[href], button:not([disabled]), input:not([disabled]), [tabindex]:not([tabindex="-1"])';
+var getFocusable = (root) => Array.from(root.querySelectorAll(FOCUSABLE_SELECTOR)).filter(
+  (el) => el.tabIndex !== -1 && el.offsetParent !== null
+);
 var Navigation2 = (props) => {
-  const { className, variant, homeCta, loginCta, mainLogo, rightButton, navigationItems } = props;
-  const [isHovered, setIsHovered] = React69.useState(false);
-  const [hasOpenDropdown, setHasOpenDropdown] = React69.useState(false);
-  const [isMobileMenuOpen, setIsMobileMenuOpen] = React69.useState(false);
+  var _a;
+  const {
+    className,
+    variant,
+    transparent,
+    mainLogo,
+    logoAlt = "EssilorLuxottica Eye Care",
+    homeCta,
+    loginCta,
+    rightButton,
+    navigationItems,
+    user,
+    searchPlaceholder = "Search resources",
+    searchCta,
+    onSearch,
+    brandLogos
+  } = props;
+  const isExternal = variant !== "internal";
+  const [isHovered, setIsHovered] = React70.useState(false);
+  const [openIndex, setOpenIndex] = React70.useState(null);
+  const [isMobileMenuOpen, setIsMobileMenuOpen] = React70.useState(false);
+  const navRef = React70.useRef(null);
+  const closeTimer = React70.useRef(null);
   const isAtTop = useIsAtTop();
   const { is } = useViewPort_default();
-  const mobileMenuId = React69.useId();
+  const mobileMenuId = React70.useId();
+  const baseId = React70.useId();
   const isTabletBelow = is("tablet", "below");
-  const isTransparent = variant === "transparent" && isAtTop && !isHovered && !hasOpenDropdown;
-  React69.useEffect(() => {
+  const dropdownOpen = openIndex !== null && !isTabletBelow;
+  const isTransparent = !!transparent && isAtTop && !isHovered && !dropdownOpen;
+  const openItem = openIndex !== null ? (_a = navigationItems == null ? void 0 : navigationItems.items) == null ? void 0 : _a[openIndex] : void 0;
+  const showLogoUnfolded = !!brandLogos && isAtTop && !dropdownOpen;
+  const openDropdown = (index) => {
+    if (closeTimer.current) clearTimeout(closeTimer.current);
+    setOpenIndex(index);
+  };
+  const scheduleClose = () => {
+    if (closeTimer.current) clearTimeout(closeTimer.current);
+    closeTimer.current = setTimeout(() => setOpenIndex(null), 120);
+  };
+  const handleNavKeyDown = (e) => {
+    if (e.key !== "Tab" || openIndex === null || !navRef.current) return;
+    const nav = navRef.current;
+    const panelId = `${baseId}-panel-${openIndex}`;
+    const panel = nav.querySelector(`#${CSS.escape(panelId)}`);
+    const trigger = nav.querySelector(`[aria-controls="${panelId}"]`);
+    if (!panel || !trigger) return;
+    const panelItems = getFocusable(panel);
+    if (!panelItems.length) return;
+    const first = panelItems[0];
+    const last = panelItems[panelItems.length - 1];
+    const active = document.activeElement;
+    if (!e.shiftKey && active === trigger) {
+      e.preventDefault();
+      first.focus();
+      return;
+    }
+    if (e.shiftKey && active === first) {
+      e.preventDefault();
+      trigger.focus();
+      return;
+    }
+    if (!e.shiftKey && active === last) {
+      const navItems = getFocusable(nav).filter((el) => !panel.contains(el));
+      const idx = navItems.indexOf(trigger);
+      const next = idx !== -1 ? navItems[idx + 1] : void 0;
+      if (next) {
+        e.preventDefault();
+        next.focus();
+        setOpenIndex(null);
+      }
+    }
+  };
+  React70.useEffect(() => {
     document.body.style.overflow = isMobileMenuOpen ? "hidden" : "";
     return () => {
       document.body.style.overflow = "";
     };
   }, [isMobileMenuOpen]);
+  React70.useEffect(() => {
+    if (!dropdownOpen) return;
+    const handleKey = (e) => {
+      if (e.key === "Escape") setOpenIndex(null);
+    };
+    const handleOutside = (e) => {
+      if (navRef.current && !navRef.current.contains(e.target)) {
+        setOpenIndex(null);
+      }
+    };
+    document.addEventListener("keydown", handleKey);
+    document.addEventListener("pointerdown", handleOutside);
+    document.addEventListener("focusin", handleOutside);
+    return () => {
+      document.removeEventListener("keydown", handleKey);
+      document.removeEventListener("pointerdown", handleOutside);
+      document.removeEventListener("focusin", handleOutside);
+    };
+  }, [dropdownOpen]);
+  const logo = mainLogo ? /* @__PURE__ */ jsxRuntime.jsx(
+    Picture,
+    {
+      className: clsx47__default.default(Navigation_module_default.logo, isTabletBelow && Navigation_module_default.logoMobile),
+      src: mainLogo,
+      alt: logoAlt
+    }
+  ) : null;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "nav",
       {
-        className: clsx43__default.default(
-          Navigation_module_default.navigationWrapper,
-          variant === "transparent" && Navigation_module_default.variantTransparent,
-          isTransparent && Navigation_module_default.transparent,
-          hasOpenDropdown && !isTabletBelow && Navigation_module_default.dropdownOpen
+        ref: navRef,
+        className: clsx47__default.default(
+          Navigation_module_default.Navigation,
+          dropdownOpen && Navigation_module_default.dropdownOpen,
+          // External-only transparent / hover treatment.
+          isExternal && transparent && Navigation_module_default.variantTransparent,
+          isExternal && isTransparent && Navigation_module_default.transparent,
+          className
         ),
-        onMouseEnter: () => setIsHovered(true),
-        onMouseLeave: () => setIsHovered(false),
-        children: /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: clsx43__default.default(Navigation_module_default.navigation, className), "aria-label": "Main", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Navigation_module_default.upperNav, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              NavigationLogo,
-              {
-                mainLogo,
-                homeCta,
-                className: clsx43__default.default(Navigation_module_default.mainLogo, isTabletBelow && Navigation_module_default.mainLogoMobile)
-              }
-            ),
-            isTabletBelow ? /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                type: "button",
-                className: Navigation_module_default.hamburgerButton,
-                onClick: () => setIsMobileMenuOpen(true),
-                "aria-label": "Open navigation menu",
-                "aria-haspopup": "dialog",
-                "aria-expanded": isMobileMenuOpen,
-                "aria-controls": mobileMenuId,
-                children: /* @__PURE__ */ jsxRuntime.jsx(
-                  Icon,
-                  {
-                    type: isTransparent ? "menuWhite" : "menuBlack",
-                    size: 24,
-                    "aria-hidden": "true"
-                  }
-                )
-              }
-            ) : /* @__PURE__ */ jsxRuntime.jsx(
-              NavigationCtas,
-              {
-                className: Navigation_module_default.upperRight,
-                loginCta,
-                rightButton,
-                loginVariant: isTransparent ? "ghost" : "nofillblack"
-              }
-            )
-          ] }),
-          isTabletBelow ? /* @__PURE__ */ jsxRuntime.jsx(
-            NavigationMobile,
-            {
-              id: mobileMenuId,
-              navigationItems,
-              mainLogo,
-              homeCta,
-              loginCta,
-              rightButton,
-              isOpen: isMobileMenuOpen,
-              onClose: () => setIsMobileMenuOpen(false)
-            }
-          ) : /* @__PURE__ */ jsxRuntime.jsx(
-            NavigationDesktop,
+        "aria-label": "Main",
+        onKeyDown: handleNavKeyDown,
+        onMouseEnter: isExternal ? () => setIsHovered(true) : void 0,
+        onMouseLeave: isExternal ? () => setIsHovered(false) : scheduleClose,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: Navigation_module_default.mainBar, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Navigation_module_default.inner, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Navigation_module_default.topRow, children: [
+              homeCta && logo ? /* @__PURE__ */ jsxRuntime.jsx(
+                NavigationLogo,
+                {
+                  mainLogo,
+                  homeCta,
+                  className: clsx47__default.default(Navigation_module_default.logo, isTabletBelow && Navigation_module_default.logoMobile)
+                }
+              ) : logo,
+              isTabletBelow ? /* @__PURE__ */ jsxRuntime.jsx(
+                Button,
+                {
+                  variant: "nofill",
+                  type: "button",
+                  className: isExternal ? Navigation_module_default.hamburgerButton : Navigation_module_default.hamburger,
+                  onClick: () => setIsMobileMenuOpen(true),
+                  "aria-label": "Open navigation menu",
+                  "aria-haspopup": "dialog",
+                  "aria-expanded": isMobileMenuOpen,
+                  "aria-controls": mobileMenuId,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    Icon,
+                    {
+                      type: isExternal && isTransparent ? "menuWhite" : "menuBlack",
+                      size: 24,
+                      "aria-hidden": "true"
+                    }
+                  )
+                }
+              ) : isExternal ? /* @__PURE__ */ jsxRuntime.jsx(
+                NavigationCtas,
+                {
+                  className: Navigation_module_default.upperRight,
+                  loginCta,
+                  rightButton,
+                  loginVariant: isTransparent ? "ghost" : "nofillblack"
+                }
+              ) : user && /* @__PURE__ */ jsxRuntime.jsx(UserMenu, { user })
+            ] }),
+            !isTabletBelow && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Navigation_module_default.bottomRow, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                NavigationDesktop,
+                {
+                  navItems: navigationItems == null ? void 0 : navigationItems.items,
+                  openIndex,
+                  onOpen: openDropdown,
+                  onScheduleClose: scheduleClose,
+                  baseId,
+                  isTransparent
+                }
+              ),
+              !isExternal && /* @__PURE__ */ jsxRuntime.jsx(
+                Search,
+                {
+                  placeholder: searchPlaceholder,
+                  searchCta,
+                  onSearch
+                }
+              )
+            ] })
+          ] }) }),
+          !isExternal && /* @__PURE__ */ jsxRuntime.jsx(NavigationBrandBars, { brandLogos, unfolded: showLogoUnfolded }),
+          dropdownOpen && (openItem == null ? void 0 : openItem.type) === "dropdown" && /* @__PURE__ */ jsxRuntime.jsx(
+            NavigationDropdown,
             {
-              navigationItems,
-              isTransparent,
-              onDropdownOpenChange: setHasOpenDropdown
+              item: openItem,
+              panelId: `${baseId}-panel-${openIndex}`,
+              baseId,
+              activeIndex: openIndex,
+              onClose: () => setOpenIndex(null),
+              onMouseEnter: () => openDropdown(openIndex),
+              onMouseLeave: scheduleClose
             }
           )
-        ] })
+        ]
       }
     ),
-    hasOpenDropdown && !isTabletBelow && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Navigation_module_default.overlay, "aria-hidden": "true" })
+    dropdownOpen && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Navigation_module_default.overlay, "aria-hidden": "true" }),
+    isTabletBelow && /* @__PURE__ */ jsxRuntime.jsx(
+      NavigationMobile,
+      {
+        id: mobileMenuId,
+        navItems: navigationItems == null ? void 0 : navigationItems.items,
+        mainLogo,
+        logoAlt,
+        homeCta,
+        user,
+        searchPlaceholder,
+        searchCta,
+        onSearch,
+        isOpen: isMobileMenuOpen,
+        onClose: () => setIsMobileMenuOpen(false),
+        isExternal,
+        loginCta,
+        rightButton
+      }
+    )
   ] });
 };
 var PracticePathCardsFooter = ({ children }) => {
@@ -3339,7 +3965,7 @@ var PracticePathCards = ({
   const titleNode = (_a = slots.title) != null ? _a : title;
   const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
   const footerNode = (_c = slots.footer) != null ? _c : footer;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default(PracticePathCards_module_default["practice-path-cards"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: PracticePathCards_module_default.container, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default(PracticePathCards_module_default["practice-path-cards"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: PracticePathCards_module_default.container, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticePathCards_module_default.wrapper, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PracticePathCards_module_default.content, children: [
         titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { children: titleNode }),
@@ -3393,8 +4019,8 @@ var Teaser5050With3Text = ({
     title: Teaser5050With3TextTitle
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default(Teaser5050With3Text_module_default["teaser5050-3text"], Teaser5050With3Text_module_default[variant], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Teaser5050With3Text_module_default.container, children: [
-    titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default(Teaser5050With3Text_module_default.title, "h3"), children: titleNode }),
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default(Teaser5050With3Text_module_default["teaser5050-3text"], Teaser5050With3Text_module_default[variant], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Teaser5050With3Text_module_default.container, children: [
+    titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default(Teaser5050With3Text_module_default.title, "h3"), children: titleNode }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050With3Text_module_default.content, children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: Teaser5050With3Text_module_default.cards, children: cards == null ? void 0 : cards.map((card, key) => /* @__PURE__ */ jsxRuntime.jsx(InfoCard2, __spreadValues({}, card), key)) }),
       image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadValues({ className: Teaser5050With3Text_module_default.image }, image))
@@ -3444,12 +4070,12 @@ var Teaser5050WithCta = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: clsx43__default.default(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
+      className: clsx47__default.default(Teaser5050WithCta_module_default.teaser5050, Teaser5050WithCta_module_default[variant], className),
       style: { backgroundColor: bgColor ? bgColor : "#ffffff" },
       children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: Teaser5050WithCta_module_default.container, children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050WithCta_module_default.wrapper, children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Teaser5050WithCta_module_default.content, children: [
-            titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default(Teaser5050WithCta_module_default.title, "h3"), children: titleNode }),
+            titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default(Teaser5050WithCta_module_default.title, "h3"), children: titleNode }),
             subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "subheading", children: subtitleNode })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: Teaser5050WithCta_module_default.ctaWrapper, children: ctas.map((cta, key) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -3501,7 +4127,7 @@ var Carousel = (_a) => {
       },
       role: "region",
       "aria-label": ariaLabel,
-      className: clsx43__default.default(Carousel_module_default.carousel, className),
+      className: clsx47__default.default(Carousel_module_default.carousel, className),
       spaceBetween: 0,
       slidesPerView: "auto",
       modules: [modules.FreeMode, modules.A11y],
@@ -3511,7 +4137,7 @@ var Carousel = (_a) => {
       children: slides.map((slide, index) => /* @__PURE__ */ jsxRuntime.jsx(
         react$1.SwiperSlide,
         {
-          className: clsx43__default.default(Carousel_module_default["carousel-item"], props.slideClass),
+          className: clsx47__default.default(Carousel_module_default["carousel-item"], props.slideClass),
           children: slide
         },
         index
@@ -3568,13 +4194,13 @@ var EventList = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: clsx43__default.default("event-list-module", EventList_module_default["event-list-module"], className),
+      className: clsx47__default.default("event-list-module", EventList_module_default["event-list-module"], className),
       style: {
         backgroundColor
       },
-      children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx43__default.default(EventList_module_default["event-list-container"]), children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx47__default.default(EventList_module_default["event-list-container"]), children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: EventList_module_default["event-list-header-container"], children: [
-          titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx43__default.default(EventList_module_default["event-list-title"]), children: titleNode }),
+          titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: clsx47__default.default(EventList_module_default["event-list-title"]), children: titleNode }),
           cta && cta.url && /* @__PURE__ */ jsxRuntime.jsx(
             Button,
             {
@@ -3592,7 +4218,7 @@ var EventList = ({
             Carousel,
             {
               "aria-label": "Upcoming events",
-              wrapperClass: clsx43__default.default(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
+              wrapperClass: clsx47__default.default(EventList_module_default["carousel-wrapper"], EventList_module_default[variant]),
               slideClass: EventList_module_default["carousel-list-item"],
               spaceBetween: 16,
               slides: items.map((item) => {
@@ -3600,7 +4226,7 @@ var EventList = ({
                 return /* @__PURE__ */ jsxRuntime.jsx(
                   UpcomingEventCard,
                   __spreadValues({
-                    className: clsx43__default.default(EventList_module_default["event-card"]),
+                    className: clsx47__default.default(EventList_module_default["event-card"]),
                     direction: "vertical",
                     showImage: false
                   }, item),
@@ -3613,7 +4239,7 @@ var EventList = ({
             "ul",
             {
               "aria-label": "Upcoming events",
-              className: clsx43__default.default(
+              className: clsx47__default.default(
                 EventList_module_default["event-list-wrapper"],
                 EventList_module_default["horizontal"],
                 EventList_module_default[variant]
@@ -3623,11 +4249,11 @@ var EventList = ({
                 return /* @__PURE__ */ jsxRuntime.jsx(
                   "li",
                   {
-                    className: clsx43__default.default(EventList_module_default["card-list-item"]),
+                    className: clsx47__default.default(EventList_module_default["card-list-item"]),
                     children: /* @__PURE__ */ jsxRuntime.jsx(
                       UpcomingEventCard,
                       __spreadProps(__spreadValues({}, item), {
-                        className: clsx43__default.default(EventList_module_default["card-item"]),
+                        className: clsx47__default.default(EventList_module_default["card-item"]),
                         showImage: false,
                         direction: "vertical"
                       })
@@ -3642,7 +4268,7 @@ var EventList = ({
             "ul",
             {
               "aria-label": "Upcoming events",
-              className: clsx43__default.default(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]),
+              className: clsx47__default.default(EventList_module_default["event-list-wrapper"], EventList_module_default[listDirection]),
               children: items == null ? void 0 : items.map((item, index) => {
                 var _a2, _b, _c;
                 return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(UpcomingEventCard, __spreadProps(__spreadValues({}, item), { direction: cardDirection })) }, (_c = (_b = (_a2 = item.title) != null ? _a2 : item.date) != null ? _b : item.location) != null ? _c : index);
@@ -3650,8 +4276,8 @@ var EventList = ({
             }
           )
         ] }),
-        !isNotEmpty && emptyNode ? React69__default.default.cloneElement(emptyNode, {
-          className: clsx43__default.default("empty-search-result", EventList_module_default["empty-search-result"])
+        !isNotEmpty && emptyNode ? React70__default.default.cloneElement(emptyNode, {
+          className: clsx47__default.default("empty-search-result", EventList_module_default["empty-search-result"])
         }) : null
       ] })
     }
@@ -3695,9 +4321,9 @@ var TextEvent = (props) => {
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const richTextNode = (_b = slots.richText) != null ? _b : richText;
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx43__default.default(TextEvent_module_default.textEvent, className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx47__default.default(TextEvent_module_default.textEvent, className), children: [
     /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: TextEvent_module_default.title, children: titleNode }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default(TextEvent_module_default.richText, TextEvent_module_default[variant != null ? variant : ""]), children: richTextNode })
   ] });
 };
 
@@ -3728,7 +4354,7 @@ var TextBody = (props) => {
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const bodyNode = (_b = slots.body) != null ? _b : body;
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx43__default.default(TextBody_module_default.textBody, className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx47__default.default(TextBody_module_default.textBody, className), children: [
     titleNode && /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: TextBody_module_default.title, children: titleNode }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextBody_module_default.body, children: bodyNode })
   ] });
@@ -3771,7 +4397,7 @@ var TextCenterCtaInBottom = ({
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const subtitleNode = (_b = slots.subtitle) != null ? _b : subtitle;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default(TextCenterCtaInBottom_module_default.textCenterCta, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default(TextCenterCtaInBottom_module_default.textCenterCta, className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: TextCenterCtaInBottom_module_default.container, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: TextCenterCtaInBottom_module_default.content, children: [
       titleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterCtaInBottom_module_default.title, children: titleNode }),
       subtitleNode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterCtaInBottom_module_default.subtitle, children: subtitleNode })
@@ -3779,7 +4405,7 @@ var TextCenterCtaInBottom = ({
     !!(ctas == null ? void 0 : ctas.length) && /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: clsx43__default.default(
+        className: clsx47__default.default(
           TextCenterCtaInBottom_module_default.ctaWrapper,
           ctas.every((cta) => !cta.label && cta.logo) && TextCenterCtaInBottom_module_default.iconOnly
         ),
@@ -3833,17 +4459,17 @@ var ResourcesGridList = ({
   defaultSort = "latest"
 }) => {
   var _a;
-  const [view, setView] = React69.useState(defaultView);
-  const [isSidebarOpen, setIsSidebarOpen] = React69.useState(false);
-  const [filterValue, setFilterValue] = React69.useState(defaultFilter);
-  const [sortValue, setSortValue] = React69.useState(defaultSort);
-  const [searchQuery, setSearchQuery] = React69.useState("");
-  const [currentPage, setCurrentPage] = React69.useState(1);
-  const [selectedCategory, setSelectedCategory] = React69.useState(() => {
+  const [view, setView] = React70.useState(defaultView);
+  const [isSidebarOpen, setIsSidebarOpen] = React70.useState(false);
+  const [filterValue, setFilterValue] = React70.useState(defaultFilter);
+  const [sortValue, setSortValue] = React70.useState(defaultSort);
+  const [searchQuery, setSearchQuery] = React70.useState("");
+  const [currentPage, setCurrentPage] = React70.useState(1);
+  const [selectedCategory, setSelectedCategory] = React70.useState(() => {
     const activeIndex = categories.findIndex((cat) => cat.active);
     return activeIndex === -1 ? 0 : activeIndex;
   });
-  const widgetRef = React69.useRef(null);
+  const widgetRef = React70.useRef(null);
   const { is } = useViewPort_default();
   const isMobile = is("tablet", "below");
   const selectedValue = (_a = categories[selectedCategory]) == null ? void 0 : _a.value;
@@ -3891,7 +4517,7 @@ var ResourcesGridList = ({
   const safeCurrentPage = Math.min(currentPage, totalPages);
   const pageStart = (safeCurrentPage - 1) * ITEMS_PER_PAGE;
   const paginatedItems = displayedItems.slice(pageStart, pageStart + ITEMS_PER_PAGE);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: widgetRef, className: clsx43__default.default(ResourcesGridList_module_default.widget, className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: widgetRef, className: clsx47__default.default(ResourcesGridList_module_default.widget, className), children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       FilterBar,
       {
@@ -3910,7 +4536,7 @@ var ResourcesGridList = ({
       isMobile && /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: clsx43__default.default(
+          className: clsx47__default.default(
             ResourcesGridList_module_default.mobileSidebarOverlay,
             isSidebarOpen && ResourcesGridList_module_default.mobileSidebarOverlayOpen
           ),
@@ -3921,7 +4547,7 @@ var ResourcesGridList = ({
               return /* @__PURE__ */ jsxRuntime.jsxs(
                 "li",
                 {
-                  className: clsx43__default.default(
+                  className: clsx47__default.default(
                     ResourcesGridList_module_default.mobileSidebarItem,
                     i === selectedCategory && ResourcesGridList_module_default.active
                   ),
@@ -3966,7 +4592,7 @@ var ResourcesGridList = ({
           onSelect: handleSelectCategory
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default(ResourcesGridList_module_default.cardsArea, ResourcesGridList_module_default[view]), children: paginatedItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(ResourceCardItem, { item, view }, item.id)) })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default(ResourcesGridList_module_default.cardsArea, ResourcesGridList_module_default[view]), children: paginatedItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(ResourceCardItem, { item, view }, item.id)) })
     ] }),
     totalPages > 1 && /* @__PURE__ */ jsxRuntime.jsx(
       Pagination,
@@ -3999,7 +4625,7 @@ var Grid = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Component,
     {
-      className: clsx43__default.default("grid", Grid_module_default.grid, className),
+      className: clsx47__default.default("grid", Grid_module_default.grid, className),
       role,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy,
@@ -4024,7 +4650,7 @@ var GridItem = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Component,
     {
-      className: clsx43__default.default("grid-item", Grid_module_default["grid-item"], className),
+      className: clsx47__default.default("grid-item", Grid_module_default["grid-item"], className),
       role,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy,
@@ -4072,13 +4698,13 @@ var BlogCardGrid = ({
     title: BlogCardGridTitle
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
-  const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx43__default.default("wrapper", BlogCardGrid_module_default["wrapper"]), children: [
-    title && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx43__default.default("header-container", BlogCardGrid_module_default["header-container"]), children: [
-      titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h4", className: clsx43__default.default("title", BlogCardGrid_module_default["title"]), children: titleNode }) : titleNode,
-      cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default("cta-wrapper", BlogCardGrid_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
+  const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx47__default.default("wrapper", BlogCardGrid_module_default["wrapper"]), children: [
+    title && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx47__default.default("header-container", BlogCardGrid_module_default["header-container"]), children: [
+      titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h4", className: clsx47__default.default("title", BlogCardGrid_module_default["title"]), children: titleNode }) : titleNode,
+      cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default("cta-wrapper", BlogCardGrid_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
         Button,
         {
-          className: clsx43__default.default("cta", BlogCardGrid_module_default["cta"]),
+          className: clsx47__default.default("cta", BlogCardGrid_module_default["cta"]),
           variant: "nofillblack",
           href: cta.url,
           isExternal: cta == null ? void 0 : cta.isExternal,
@@ -4104,11 +4730,11 @@ var BlogCardGrid = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: clsx43__default.default("blog-card-grid", BlogCardGrid_module_default["blog-card-grid"], className),
+      className: clsx47__default.default("blog-card-grid", BlogCardGrid_module_default["blog-card-grid"], className),
       style: {
         backgroundColor
       },
-      children: hasContainer ? /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx43__default.default("container", BlogCardGrid_module_default["container"]), children: content }) : content
+      children: hasContainer ? /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx47__default.default("container", BlogCardGrid_module_default["container"]), children: content }) : content
     }
   );
 };
@@ -4156,13 +4782,13 @@ var FeaturedNewsHighlights = ({
   const sideCards = items.slice(1);
   const isVariantHome = variant === "home";
   const isBelowTablet = is("tablet", "below");
-  const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx43__default.default("wrapper", FeaturedNewsHighlights_module_default["wrapper"]), children: [
-    title && cta && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx43__default.default("header-container", FeaturedNewsHighlights_module_default["header-container"]), children: [
+  const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx47__default.default("wrapper", FeaturedNewsHighlights_module_default["wrapper"]), children: [
+    title && cta && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx47__default.default("header-container", FeaturedNewsHighlights_module_default["header-container"]), children: [
       titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", children: titleNode }) : titleNode,
-      cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default("cta-wrapper", FeaturedNewsHighlights_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
+      cta && (cta == null ? void 0 : cta.url) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default("cta-wrapper", FeaturedNewsHighlights_module_default["cta-wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(
         Button,
         {
-          className: clsx43__default.default("cta", FeaturedNewsHighlights_module_default["cta"]),
+          className: clsx47__default.default("cta", FeaturedNewsHighlights_module_default["cta"]),
           variant: "nofillblack",
           href: cta.url,
           isExternal: cta == null ? void 0 : cta.isExternal,
@@ -4174,9 +4800,9 @@ var FeaturedNewsHighlights = ({
     isVariantHome && isBelowTablet && /* @__PURE__ */ jsxRuntime.jsx(
       Carousel,
       {
-        className: clsx43__default.default("carousel", FeaturedNewsHighlights_module_default["carousel"]),
+        className: clsx47__default.default("carousel", FeaturedNewsHighlights_module_default["carousel"]),
         "aria-label": "featured news",
-        wrapperClass: clsx43__default.default(FeaturedNewsHighlights_module_default["carousel-wrapper"]),
+        wrapperClass: clsx47__default.default(FeaturedNewsHighlights_module_default["carousel-wrapper"]),
         slideClass: FeaturedNewsHighlights_module_default["carousel-list-item"],
         spaceBetween: 16,
         slides: items.map((item, index) => {
@@ -4185,27 +4811,27 @@ var FeaturedNewsHighlights = ({
             NewsCard,
             __spreadProps(__spreadValues({}, item), {
               direction: "vertical",
-              className: clsx43__default.default("carousel-news-card", FeaturedNewsHighlights_module_default["carousel-news-card"])
+              className: clsx47__default.default("carousel-news-card", FeaturedNewsHighlights_module_default["carousel-news-card"])
             }),
             (_a2 = item == null ? void 0 : item.title) != null ? _a2 : index
           );
         })
       }
     ),
-    (!isVariantHome || isVariantHome && !isBelowTablet) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx43__default.default("content-wrapper", FeaturedNewsHighlights_module_default["content-wrapper"]), children: [
+    (!isVariantHome || isVariantHome && !isBelowTablet) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx47__default.default("content-wrapper", FeaturedNewsHighlights_module_default["content-wrapper"]), children: [
       featuredCard && /* @__PURE__ */ jsxRuntime.jsx(
         NewsCard,
         __spreadProps(__spreadValues({}, featuredCard), {
-          className: clsx43__default.default("featured-card", FeaturedNewsHighlights_module_default["featured-card"]),
+          className: clsx47__default.default("featured-card", FeaturedNewsHighlights_module_default["featured-card"]),
           renderLink
         })
       ),
-      sideCards && sideCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default("side-content", FeaturedNewsHighlights_module_default["side-content"]), children: sideCards.map((card, index) => {
+      sideCards && sideCards.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default("side-content", FeaturedNewsHighlights_module_default["side-content"]), children: sideCards.map((card, index) => {
         var _a2;
         return /* @__PURE__ */ jsxRuntime.jsx(
           NewsCard,
           __spreadProps(__spreadValues({}, card), {
-            className: clsx43__default.default("side-cards", FeaturedNewsHighlights_module_default["side-cards"]),
+            className: clsx47__default.default("side-cards", FeaturedNewsHighlights_module_default["side-cards"]),
             direction: "horizontal",
             renderLink
           }),
@@ -4217,11 +4843,11 @@ var FeaturedNewsHighlights = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: clsx43__default.default("featured-news-higlights", FeaturedNewsHighlights_module_default["featured-news-higlights"], className),
+      className: clsx47__default.default("featured-news-higlights", FeaturedNewsHighlights_module_default["featured-news-higlights"], className),
       style: {
         backgroundColor
       },
-      children: hasContainer ? /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx43__default.default("container", FeaturedNewsHighlights_module_default["container"]), children: content }) : content
+      children: hasContainer ? /* @__PURE__ */ jsxRuntime.jsx(Container, { className: clsx47__default.default("container", FeaturedNewsHighlights_module_default["container"]), children: content }) : content
     }
   );
 };
@@ -4265,23 +4891,23 @@ var NewsCardList = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: clsx43__default.default("news-card-list", NewsCardList_module_default["news-card-list"], className),
+      className: clsx47__default.default("news-card-list", NewsCardList_module_default["news-card-list"], className),
       style: {
         backgroundColor
       },
-      children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx43__default.default("container", NewsCardList_module_default["container"]), children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx43__default.default("wrapper", NewsCardList_module_default["wrapper"]), children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx47__default.default("container", NewsCardList_module_default["container"]), children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx47__default.default("wrapper", NewsCardList_module_default["wrapper"]), children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             Input,
             __spreadValues({
-              className: clsx43__default.default("search-input", NewsCardList_module_default["search-input"]),
+              className: clsx47__default.default("search-input", NewsCardList_module_default["search-input"]),
               startAdornment: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "search" }),
               placeholder: "Search News",
               endAction: searchValue ? /* @__PURE__ */ jsxRuntime.jsx(
                 Button,
                 {
                   variant: "nofillblack",
-                  className: clsx43__default.default(NewsCardList_module_default["end-action-button"]),
+                  className: clsx47__default.default(NewsCardList_module_default["end-action-button"]),
                   "aria-label": "Search",
                   onClick: onSearchSubmit ? () => onSearchSubmit(searchValue || "") : void 0,
                   children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "rightBlack" })
@@ -4293,7 +4919,7 @@ var NewsCardList = ({
               } : void 0
             }, searchInputProps)
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx43__default.default("card-wrapper", NewsCardList_module_default["card-wrapper"]), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx47__default.default("card-wrapper", NewsCardList_module_default["card-wrapper"]), children: [
             currentPage === 1 && /* @__PURE__ */ jsxRuntime.jsx(
               FeaturedNewsHighlights2,
               {
@@ -4306,8 +4932,8 @@ var NewsCardList = ({
             /* @__PURE__ */ jsxRuntime.jsx(BlogCardGrid2, { items: cards, hasContainer: false, renderLink })
           ] })
         ] }),
-        paginationNode ? React69__default.default.cloneElement(paginationNode, {
-          className: clsx43__default.default("pagination", NewsCardList_module_default["pagination"])
+        paginationNode ? React70__default.default.cloneElement(paginationNode, {
+          className: clsx47__default.default("pagination", NewsCardList_module_default["pagination"])
         }) : null
       ] })
     }
@@ -4352,15 +4978,15 @@ var BlogPost = ({
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const bodyNode = (_b = slots.body) != null ? _b : body;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default("blog-post", BlogPost_module_default["blog-post"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx43__default.default("container", BlogPost_module_default["container"]), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx43__default.default("header", BlogPost_module_default["header"]), children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default("blog-post", BlogPost_module_default["blog-post"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx47__default.default("container", BlogPost_module_default["container"]), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx47__default.default("header", BlogPost_module_default["header"]), children: [
       titleNode && typeof titleNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h1", children: titleNode }) : titleNode,
-      image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx43__default.default("image", BlogPost_module_default["image"]) }))
+      image && /* @__PURE__ */ jsxRuntime.jsx(Picture, __spreadProps(__spreadValues({}, image), { className: clsx47__default.default("image", BlogPost_module_default["image"]) }))
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx43__default.default("content", BlogPost_module_default["content"]), children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx43__default.default("content-top", BlogPost_module_default["content-top"]), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx47__default.default("content", BlogPost_module_default["content"]), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx47__default.default("content-top", BlogPost_module_default["content-top"]), children: [
         /* @__PURE__ */ jsxRuntime.jsx(Badge, { size: "sm", children: tag }),
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: clsx43__default.default("content-date", BlogPost_module_default["content-date"]), children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: clsx47__default.default("content-date", BlogPost_module_default["content-date"]), children: [
           "Published ",
           /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: date.value, children: date.label })
         ] })
@@ -4373,7 +4999,7 @@ var BlogPost = ({
         title: "More News",
         items: relatedArticles,
         hasContainer: false,
-        className: clsx43__default.default("related-articles", BlogPost_module_default["related-articles"])
+        className: clsx47__default.default("related-articles", BlogPost_module_default["related-articles"])
       }
     )
   ] }) });
@@ -4421,22 +5047,22 @@ var BlogSearchResultsList = ({
   });
   const searchNode = (_a = slots.search) != null ? _a : searchResult;
   const paginationNode = slots.pagination;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default("search-results-list", BlogSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx43__default.default("container", BlogSearchResultsList_module_default["container"]), children: [
-    typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx43__default.default("search-result", BlogSearchResultsList_module_default["search-result"]), children: searchNode }) : React69__default.default.isValidElement(searchNode) ? React69__default.default.cloneElement(searchNode, {
-      className: clsx43__default.default("search-result", BlogSearchResultsList_module_default["search-result"])
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default("search-results-list", BlogSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx47__default.default("container", BlogSearchResultsList_module_default["container"]), children: [
+    typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx47__default.default("search-result", BlogSearchResultsList_module_default["search-result"]), children: searchNode }) : React70__default.default.isValidElement(searchNode) ? React70__default.default.cloneElement(searchNode, {
+      className: clsx47__default.default("search-result", BlogSearchResultsList_module_default["search-result"])
     }) : null,
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx43__default.default("wrapper", BlogSearchResultsList_module_default["wrapper"]), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx47__default.default("wrapper", BlogSearchResultsList_module_default["wrapper"]), children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         Input,
         __spreadValues({
-          className: clsx43__default.default("search-input", BlogSearchResultsList_module_default["search-input"]),
+          className: clsx47__default.default("search-input", BlogSearchResultsList_module_default["search-input"]),
           startAdornment: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "search" }),
           placeholder: "Search News",
           endAction: searchValue ? /* @__PURE__ */ jsxRuntime.jsx(
             Button,
             {
               variant: "nofillblack",
-              className: clsx43__default.default(BlogSearchResultsList_module_default["end-action-button"]),
+              className: clsx47__default.default(BlogSearchResultsList_module_default["end-action-button"]),
               "aria-label": "Search",
               onClick: () => onSearchSubmit(searchValue),
               children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "rightBlack" })
@@ -4450,8 +5076,8 @@ var BlogSearchResultsList = ({
       ),
       /* @__PURE__ */ jsxRuntime.jsx(BlogCardGrid2, { items, hasContainer: false, renderLink })
     ] }),
-    paginationNode ? React69__default.default.cloneElement(paginationNode, {
-      className: clsx43__default.default("pagination", BlogSearchResultsList_module_default["pagination"])
+    paginationNode ? React70__default.default.cloneElement(paginationNode, {
+      className: clsx47__default.default("pagination", BlogSearchResultsList_module_default["pagination"])
     }) : null
   ] }) });
 };
@@ -4492,11 +5118,11 @@ var GlobalSearchResultsList = ({
   });
   const searchNode = (_a = slots.search) != null ? _a : searchResult;
   const paginationNode = slots.pagination;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default("search-results-list", GlobalSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx43__default.default("container", GlobalSearchResultsList_module_default["container"]), children: [
-    typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx43__default.default("search-result", GlobalSearchResultsList_module_default["search-result"]), children: searchNode }) : React69__default.default.isValidElement(searchNode) ? React69__default.default.cloneElement(searchNode, {
-      className: clsx43__default.default("search-result", GlobalSearchResultsList_module_default["search-result"])
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default("search-results-list", GlobalSearchResultsList_module_default["search-results-list"], className), children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx47__default.default("container", GlobalSearchResultsList_module_default["container"]), children: [
+    typeof searchNode === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx47__default.default("search-result", GlobalSearchResultsList_module_default["search-result"]), children: searchNode }) : React70__default.default.isValidElement(searchNode) ? React70__default.default.cloneElement(searchNode, {
+      className: clsx47__default.default("search-result", GlobalSearchResultsList_module_default["search-result"])
     }) : null,
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx43__default.default("wrapper", GlobalSearchResultsList_module_default["wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(Grid, { role: "list", columns: 3, children: items.map((item, index) => {
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default("wrapper", GlobalSearchResultsList_module_default["wrapper"]), children: /* @__PURE__ */ jsxRuntime.jsx(Grid, { role: "list", columns: 3, children: items.map((item, index) => {
       var _a2;
       return /* @__PURE__ */ jsxRuntime.jsx(
         GridItem,
@@ -4516,8 +5142,8 @@ var GlobalSearchResultsList = ({
         item.title ? `${item.title}-${(_a2 = item == null ? void 0 : item.id) != null ? _a2 : index}` : index
       );
     }) }) }),
-    paginationNode ? React69__default.default.cloneElement(paginationNode, {
-      className: clsx43__default.default("pagination", GlobalSearchResultsList_module_default["pagination"])
+    paginationNode ? React70__default.default.cloneElement(paginationNode, {
+      className: clsx47__default.default("pagination", GlobalSearchResultsList_module_default["pagination"])
     }) : null
   ] }) });
 };
@@ -4555,10 +5181,10 @@ var TextCenterWithMedia = ({
   children
 }) => {
   var _a;
-  const [isOpen, setIsOpen] = React69.useState(false);
-  const dialogRef = React69.useRef(null);
-  const videoRef = React69.useRef(null);
-  React69.useEffect(() => {
+  const [isOpen, setIsOpen] = React70.useState(false);
+  const dialogRef = React70.useRef(null);
+  const videoRef = React70.useRef(null);
+  React70.useEffect(() => {
     var _a2, _b;
     if (isOpen) {
       (_a2 = dialogRef.current) == null ? void 0 : _a2.showModal();
@@ -4575,7 +5201,7 @@ var TextCenterWithMedia = ({
   };
   const slots = resolveCompoundSlots(children, { title: TextCenterWithMediaTitle });
   const titleNode = (_a = slots.title) != null ? _a : title;
-  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: clsx43__default.default(TextCenterWithMedia_module_default.textCenterWithMedia, className), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: clsx47__default.default(TextCenterWithMedia_module_default.textCenterWithMedia, className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(Container, { children: [
       titleNode && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "h2", children: titleNode }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextCenterWithMedia_module_default.thumbnailWrapper, children: thumbnail && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -4616,6 +5242,99 @@ var TextCenterWithMedia2 = Object.assign(TextCenterWithMedia, {
   Title: TextCenterWithMediaTitle
 });
 
+// src/widgets/QuoteSectionBlock/QuoteSectionBlock.module.scss
+var QuoteSectionBlock_module_default = {
+  quoteSectionBlock: "QuoteSectionBlock_module_quoteSectionBlock",
+  inner: "QuoteSectionBlock_module_inner",
+  title: "QuoteSectionBlock_module_title",
+  swiperContainer: "QuoteSectionBlock_module_swiperContainer",
+  card: "QuoteSectionBlock_module_card",
+  quoteLogo: "QuoteSectionBlock_module_quoteLogo",
+  bodyText: "QuoteSectionBlock_module_bodyText",
+  attribution: "QuoteSectionBlock_module_attribution",
+  displayPhoto: "QuoteSectionBlock_module_displayPhoto",
+  displayName: "QuoteSectionBlock_module_displayName",
+  attributionText: "QuoteSectionBlock_module_attributionText",
+  jobTitleLogo: "QuoteSectionBlock_module_jobTitleLogo",
+  controls: "QuoteSectionBlock_module_controls"
+};
+var QuoteSectionBlock = ({ className, title, items = [] }) => {
+  const { is } = useViewPort_default();
+  const isMobile = is("tablet", "below");
+  const [swiperInstance, setSwiperInstance] = React70.useState(null);
+  const [activeIndex, setActiveIndex] = React70.useState(0);
+  if (!items.length) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx47__default.default(QuoteSectionBlock_module_default.quoteSectionBlock, className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: QuoteSectionBlock_module_default.inner, children: [
+    title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: QuoteSectionBlock_module_default.title, children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: QuoteSectionBlock_module_default.swiperContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
+      react$1.Swiper,
+      {
+        slidesPerView: "auto",
+        spaceBetween: isMobile ? 8 : 32,
+        onSwiper: setSwiperInstance,
+        onSlideChange: (swiper) => setActiveIndex(swiper.activeIndex),
+        children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(react$1.SwiperSlide, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: QuoteSectionBlock_module_default.card, children: [
+          (item == null ? void 0 : item.quoteLogo) && /* @__PURE__ */ jsxRuntime.jsx("img", { src: item.quoteLogo, alt: "", className: QuoteSectionBlock_module_default.quoteLogo }),
+          (item == null ? void 0 : item.bodyText) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: QuoteSectionBlock_module_default.bodyText, children: item.bodyText }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: QuoteSectionBlock_module_default.attribution, children: [
+            (item == null ? void 0 : item.displayPhoto) && /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                src: item.displayPhoto,
+                alt: item.displayName,
+                className: QuoteSectionBlock_module_default.displayPhoto
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: QuoteSectionBlock_module_default.attributionText, children: [
+              (item == null ? void 0 : item.displayName) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: QuoteSectionBlock_module_default.displayName, children: item.displayName }),
+              (item == null ? void 0 : item.jobTitleLogo) && /* @__PURE__ */ jsxRuntime.jsx("img", { src: item.jobTitleLogo, alt: "", className: QuoteSectionBlock_module_default.jobTitleLogo })
+            ] })
+          ] })
+        ] }) }, index))
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Pagination,
+      {
+        className: QuoteSectionBlock_module_default.controls,
+        totalPages: items.length,
+        currentPage: activeIndex + 1,
+        loop: true,
+        onPageChange: (page) => swiperInstance == null ? void 0 : swiperInstance.slideTo(page - 1)
+      },
+      activeIndex
+    )
+  ] }) });
+};
+function useIntersectionObserver({
+  animateOnce = false,
+  options = {}
+} = {}) {
+  const observeRef = React70.useRef(null);
+  const [isVisible, setIsVisible] = React70.useState(false);
+  if (typeof IntersectionObserver === "undefined") {
+    console.warn("IntersectionObserver is not supported in this browser.");
+    return { observeRef, isVisible: true };
+  }
+  React70.useEffect(() => {
+    const currentRef = observeRef.current;
+    if (!currentRef) return;
+    const observer = new IntersectionObserver((entries) => {
+      const entry = entries[0];
+      if (!entry) return;
+      setIsVisible(entry.isIntersecting);
+      if (entry.isIntersecting && animateOnce) {
+        observer.disconnect();
+      }
+    }, options);
+    observer.observe(currentRef);
+    return () => {
+      observer.disconnect();
+    };
+  }, [observeRef, animateOnce, options]);
+  return { observeRef, isVisible };
+}
+
 exports.Anchor = Anchor;
 exports.Badge = Badge;
 exports.BlogCardGrid = BlogCardGrid2;
@@ -4650,8 +5369,10 @@ exports.Pagination = Pagination;
 exports.Picture = Picture;
 exports.PracticeCard = PracticeCard;
 exports.PracticePathCards = PracticePathCards2;
+exports.QuoteSectionBlock = QuoteSectionBlock;
 exports.ResourceCardItem = ResourceCardItem;
 exports.ResourcesGridList = ResourcesGridList;
+exports.Search = Search;
 exports.Sidebar = Sidebar;
 exports.Teaser5050With3Text = Teaser5050With3Text2;
 exports.Teaser5050WithCta = Teaser5050WithCta2;
@@ -4660,6 +5381,7 @@ exports.TextCenterCtaInBottom = TextCenterCtaInBottom2;
 exports.TextCenterWithMedia = TextCenterWithMedia2;
 exports.TextEvent = TextEvent2;
 exports.UpcomingEventCard = UpcomingEventCard;
+exports.UserMenu = UserMenu;
 exports.resolveCompoundSlots = resolveCompoundSlots;
 exports.svgs = svgs;
 exports.useIntersectionObserver = useIntersectionObserver;