@digital-b2c/coreui-kit 0.17.0 → 0.17.2

package/dist/index.cjs

@@ -3232,81 +3232,9 @@ var useIsAtTop = () => {
   return isAtTop;
 };
 
-// src/widgets/Navigation/Navigation.module.scss
-var Navigation_module_default = {
-  dropdownTitle: "Navigation_module_dropdownTitle",
-  mobileItemLink: "Navigation_module_mobileItemLink",
-  mobileItemTrigger: "Navigation_module_mobileItemTrigger",
-  mobileSubLink: "Navigation_module_mobileSubLink",
-  dropdownOpen: "Navigation_module_dropdownOpen",
-  variantTransparent: "Navigation_module_variantTransparent",
-  transparent: "Navigation_module_transparent",
-  logo: "Navigation_module_logo",
-  upperRight: "Navigation_module_upperRight",
-  overlay: "Navigation_module_overlay",
-  mainLogoLink: "Navigation_module_mainLogoLink",
-  dropdownLinkSpacer: "Navigation_module_dropdownLinkSpacer",
-  mainLogoMobile: "Navigation_module_mainLogoMobile",
-  hamburgerButton: "Navigation_module_hamburgerButton",
-  mobileMenu: "Navigation_module_mobileMenu",
-  mobileMenuOpen: "Navigation_module_mobileMenuOpen",
-  mobileMenuHeader: "Navigation_module_mobileMenuHeader",
-  mobileMenuItems: "Navigation_module_mobileMenuItems",
-  mobileItem: "Navigation_module_mobileItem",
-  mobileItemChevron: "Navigation_module_mobileItemChevron",
-  mobileItemChevronOpen: "Navigation_module_mobileItemChevronOpen",
-  mobileSubItems: "Navigation_module_mobileSubItems",
-  mobileSubItemsOpen: "Navigation_module_mobileSubItemsOpen",
-  mobileSubItemsInner: "Navigation_module_mobileSubItemsInner",
-  mobileSubLinkActive: "Navigation_module_mobileSubLinkActive",
-  mobileMenuCtas: "Navigation_module_mobileMenuCtas",
-  Navigation: "Navigation_module_Navigation",
-  mainBar: "Navigation_module_mainBar",
-  navTabLink: "Navigation_module_navTabLink",
-  navTabTrigger: "Navigation_module_navTabTrigger",
-  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",
-  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",
-  mobileBrandBars: "Navigation_module_mobileBrandBars",
-  mobileClose: "Navigation_module_mobileClose",
-  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",
-  internalMobileSubLinkActive: "Navigation_module_internalMobileSubLinkActive",
-  mobileFooter: "Navigation_module_mobileFooter"
+// src/widgets/Navigation/NavigationLogo.module.scss
+var NavigationLogo_module_default = {
+  mainLogoLink: "NavigationLogo_module_mainLogoLink"
 };
 var NavigationLogo = ({
   mainLogo,
@@ -3317,7 +3245,7 @@ var NavigationLogo = ({
 }) => {
   if (!mainLogo) return null;
   if (homeCta) {
-    return /* @__PURE__ */ jsxRuntime.jsx("a", { href: homeCta, className: Navigation_module_default.mainLogoLink, onClick, "aria-label": logoAlt, children: /* @__PURE__ */ jsxRuntime.jsx(Picture, { className, src: mainLogo, alt: logoAlt || "" }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("a", { href: homeCta, className: NavigationLogo_module_default.mainLogoLink, onClick, "aria-label": logoAlt, children: /* @__PURE__ */ jsxRuntime.jsx(Picture, { className, src: mainLogo, alt: logoAlt || "" }) });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(Picture, { className, src: mainLogo, alt: logoAlt });
 };
@@ -3332,11 +3260,23 @@ var NavigationCtas = ({
     (rightButton == null ? void 0 : rightButton.label) && /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "primary", href: rightButton.url, isExternal: rightButton.isExternal, children: rightButton.label })
   ] });
 };
+
+// src/widgets/Navigation/NavigationBrandBars.module.scss
+var NavigationBrandBars_module_default = {
+  brandBars: "NavigationBrandBars_module_brandBars",
+  brandBar: "NavigationBrandBars_module_brandBar",
+  brandBarsUnfolded: "NavigationBrandBars_module_brandBarsUnfolded",
+  brandLogo: "NavigationBrandBars_module_brandLogo",
+  lenscrafters: "NavigationBrandBars_module_lenscrafters",
+  forEyes: "NavigationBrandBars_module_forEyes",
+  optical: "NavigationBrandBars_module_optical",
+  pearleVision: "NavigationBrandBars_module_pearleVision"
+};
 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" }
+  { key: "lenscrafters", className: NavigationBrandBars_module_default.lenscrafters, label: "LensCrafters" },
+  { key: "forEyes", className: NavigationBrandBars_module_default.forEyes, label: "For Eyes" },
+  { key: "optical", className: NavigationBrandBars_module_default.optical, label: "Target Optical" },
+  { key: "pearleVision", className: NavigationBrandBars_module_default.pearleVision, label: "Pearle Vision" }
 ];
 var NavigationBrandBars = ({
   brandLogos,
@@ -3348,12 +3288,12 @@ var NavigationBrandBars = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: clsx49__default.default(Navigation_module_default.brandBars, isUnfolded && Navigation_module_default.brandBarsUnfolded, className),
+      className: clsx49__default.default(NavigationBrandBars_module_default.brandBars, isUnfolded && NavigationBrandBars_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: clsx49__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);
+        return /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx49__default.default(NavigationBrandBars_module_default.brandBar, brand.className), children: logo && /* @__PURE__ */ jsxRuntime.jsx("img", { className: NavigationBrandBars_module_default.brandLogo, src: logo.src, alt: (_a = logo.alt) != null ? _a : brand.label }) }, brand.key);
       })
     }
   );
@@ -3381,6 +3321,16 @@ var isPathActive = (url, pathname) => {
   }
   return normalize(targetPath) === normalize(pathname);
 };
+
+// src/widgets/Navigation/NavigationDesktop.module.scss
+var NavigationDesktop_module_default = {
+  navTabs: "NavigationDesktop_module_navTabs",
+  navTab: "NavigationDesktop_module_navTab",
+  navTabLink: "NavigationDesktop_module_navTabLink",
+  navTabTrigger: "NavigationDesktop_module_navTabTrigger",
+  navTabTriggerOpen: "NavigationDesktop_module_navTabTriggerOpen",
+  navTabActive: "NavigationDesktop_module_navTabActive"
+};
 var NavigationDesktop = ({
   navItems,
   openIndex,
@@ -3405,16 +3355,16 @@ var NavigationDesktop = ({
       }
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Navigation_module_default.navTabs, children: navItems.map((item, index) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: NavigationDesktop_module_default.navTabs, children: navItems.map((item, index) => {
     var _a, _b, _c, _d, _e;
     const isOpen = openIndex === index;
     if (item.type === "link") {
       const isCurrent2 = item.isActive || isPathActive((_a = item.cta) == null ? void 0 : _a.url, pathname);
-      return /* @__PURE__ */ jsxRuntime.jsx("li", { className: Navigation_module_default.navTab, children: /* @__PURE__ */ jsxRuntime.jsx(
+      return /* @__PURE__ */ jsxRuntime.jsx("li", { className: NavigationDesktop_module_default.navTab, children: /* @__PURE__ */ jsxRuntime.jsx(
         "a",
         {
           href: (_b = item.cta) == null ? void 0 : _b.url,
-          className: clsx49__default.default(Navigation_module_default.navTabLink, isCurrent2 && Navigation_module_default.navTabActive),
+          className: clsx49__default.default(NavigationDesktop_module_default.navTabLink, isCurrent2 && NavigationDesktop_module_default.navTabActive),
           "aria-current": isCurrent2 ? "page" : void 0,
           target: ((_c = item.cta) == null ? void 0 : _c.isExternal) ? "_blank" : void 0,
           rel: ((_d = item.cta) == null ? void 0 : _d.isExternal) ? "noopener noreferrer" : void 0,
@@ -3428,16 +3378,16 @@ var NavigationDesktop = ({
       var _a2;
       return sub.type === "link" && isPathActive((_a2 = sub.cta) == null ? void 0 : _a2.url, pathname);
     });
-    return /* @__PURE__ */ jsxRuntime.jsx("li", { className: Navigation_module_default.navTab, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ jsxRuntime.jsx("li", { className: NavigationDesktop_module_default.navTab, children: /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
         type: "button",
         id: `${baseId}-trigger-${index}`,
         className: clsx49__default.default(
-          Navigation_module_default.navTabLink,
-          Navigation_module_default.navTabTrigger,
-          (isCurrent || isOpen) && Navigation_module_default.navTabActive,
-          isOpen && Navigation_module_default.navTabTriggerOpen
+          NavigationDesktop_module_default.navTabLink,
+          NavigationDesktop_module_default.navTabTrigger,
+          (isCurrent || isOpen) && NavigationDesktop_module_default.navTabActive,
+          isOpen && NavigationDesktop_module_default.navTabTriggerOpen
         ),
         "aria-expanded": isOpen,
         "aria-haspopup": "true",
@@ -3455,6 +3405,20 @@ var NavigationDesktop = ({
     ) }, index);
   }) });
 };
+
+// src/widgets/Navigation/NavigationDropdown.module.scss
+var NavigationDropdown_module_default = {
+  dropdownTitle: "NavigationDropdown_module_dropdownTitle",
+  dropdownPanel: "NavigationDropdown_module_dropdownPanel",
+  dropdownInner: "NavigationDropdown_module_dropdownInner",
+  dropdownLinks: "NavigationDropdown_module_dropdownLinks",
+  dropdownLinkItem: "NavigationDropdown_module_dropdownLinkItem",
+  dropdownLink: "NavigationDropdown_module_dropdownLink",
+  dropdownLinkSpacer: "NavigationDropdown_module_dropdownLinkSpacer",
+  dropdownDivider: "NavigationDropdown_module_dropdownDivider",
+  dropdownInfo: "NavigationDropdown_module_dropdownInfo",
+  dropdownDescription: "NavigationDropdown_module_dropdownDescription"
+};
 var NavigationDropdown = ({
   item,
   panelId,
@@ -3493,23 +3457,23 @@ var NavigationDropdown = ({
     "div",
     {
       id: panelId,
-      className: clsx49__default.default(Navigation_module_default.dropdownPanel, Navigation_module_default.dropdownPanelOpen),
+      className: clsx49__default.default(NavigationDropdown_module_default.dropdownPanel, NavigationDropdown_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) => {
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: NavigationDropdown_module_default.dropdownInner, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: NavigationDropdown_module_default.dropdownLinks, children: links.map((sub, i) => {
           var _a, _b, _c, _d;
           return /* @__PURE__ */ jsxRuntime.jsx(
             "li",
             {
-              className: clsx49__default.default(Navigation_module_default.dropdownLinkItem, {
-                [Navigation_module_default.dropdownLinkSpacer]: sub.variant === "subMenuSpacer"
+              className: clsx49__default.default(NavigationDropdown_module_default.dropdownLinkItem, {
+                [NavigationDropdown_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,
+                  className: NavigationDropdown_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),
@@ -3520,15 +3484,55 @@ var NavigationDropdown = ({
             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 })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: NavigationDropdown_module_default.dropdownDivider, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: NavigationDropdown_module_default.dropdownInfo, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: NavigationDropdown_module_default.dropdownTitle, children: title }),
+          description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: NavigationDropdown_module_default.dropdownDescription, children: description })
         ] })
       ] })
     }
   );
 };
+
+// src/widgets/Navigation/NavigationMobile.module.scss
+var NavigationMobile_module_default = {
+  mobileItemLink: "NavigationMobile_module_mobileItemLink",
+  mobileItemTrigger: "NavigationMobile_module_mobileItemTrigger",
+  mobileSubLink: "NavigationMobile_module_mobileSubLink",
+  logoLink: "NavigationMobile_module_logoLink",
+  logoMobile: "NavigationMobile_module_logoMobile",
+  mainLogoMobile: "NavigationMobile_module_mainLogoMobile",
+  hamburgerButton: "NavigationMobile_module_hamburgerButton",
+  mobileClose: "NavigationMobile_module_mobileClose",
+  mobileMenu: "NavigationMobile_module_mobileMenu",
+  mobileMenuOpen: "NavigationMobile_module_mobileMenuOpen",
+  mobileMenuHeader: "NavigationMobile_module_mobileMenuHeader",
+  mobileMenuItems: "NavigationMobile_module_mobileMenuItems",
+  mobileItem: "NavigationMobile_module_mobileItem",
+  mobileItemChevron: "NavigationMobile_module_mobileItemChevron",
+  mobileItemChevronOpen: "NavigationMobile_module_mobileItemChevronOpen",
+  mobileSubItems: "NavigationMobile_module_mobileSubItems",
+  mobileSubItemsOpen: "NavigationMobile_module_mobileSubItemsOpen",
+  mobileSubItemsInner: "NavigationMobile_module_mobileSubItemsInner",
+  mobileSubLinkActive: "NavigationMobile_module_mobileSubLinkActive",
+  mobileMenuCtas: "NavigationMobile_module_mobileMenuCtas",
+  internalMobileMenu: "NavigationMobile_module_internalMobileMenu",
+  internalMobileMenuOpen: "NavigationMobile_module_internalMobileMenuOpen",
+  mobileHeader: "NavigationMobile_module_mobileHeader",
+  mobileBrandBars: "NavigationMobile_module_mobileBrandBars",
+  mobileItems: "NavigationMobile_module_mobileItems",
+  internalMobileItem: "NavigationMobile_module_internalMobileItem",
+  internalMobileItemLink: "NavigationMobile_module_internalMobileItemLink",
+  internalMobileItemTrigger: "NavigationMobile_module_internalMobileItemTrigger",
+  internalMobileItemChevron: "NavigationMobile_module_internalMobileItemChevron",
+  internalMobileItemChevronOpen: "NavigationMobile_module_internalMobileItemChevronOpen",
+  internalMobileSubItems: "NavigationMobile_module_internalMobileSubItems",
+  internalMobileSubItemsOpen: "NavigationMobile_module_internalMobileSubItemsOpen",
+  internalMobileSubItemsInner: "NavigationMobile_module_internalMobileSubItemsInner",
+  internalMobileSubLink: "NavigationMobile_module_internalMobileSubLink",
+  internalMobileSubLinkActive: "NavigationMobile_module_internalMobileSubLinkActive",
+  mobileFooter: "NavigationMobile_module_mobileFooter"
+};
 var NavigationMobile = ({
   id,
   navItems,
@@ -3568,25 +3572,25 @@ var NavigationMobile = ({
       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;
+  const logo = mainLogo ? /* @__PURE__ */ jsxRuntime.jsx(Picture, { className: NavigationMobile_module_default.logoMobile, src: mainLogo, alt: logoAlt }) : null;
   if (isExternal) {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
         id,
-        className: clsx49__default.default(Navigation_module_default.mobileMenu, isOpen && Navigation_module_default.mobileMenuOpen),
+        className: clsx49__default.default(NavigationMobile_module_default.mobileMenu, isOpen && NavigationMobile_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.jsxs("div", { className: NavigationMobile_module_default.mobileMenuHeader, children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               NavigationLogo,
               {
                 mainLogo,
                 homeCta,
-                className: Navigation_module_default.mainLogoMobile,
+                className: NavigationMobile_module_default.mainLogoMobile,
                 onClick: onClose
               }
             ),
@@ -3595,23 +3599,23 @@ var NavigationMobile = ({
               {
                 type: "button",
                 variant: "nofill",
-                className: Navigation_module_default.hamburgerButton,
+                className: NavigationMobile_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) => {
+          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: NavigationMobile_module_default.mobileMenuItems, children: navItems == null ? void 0 : navItems.map((item, index) => {
             var _a, _b;
             const subMenuId = `${baseId}-submenu-${index}`;
             const isExpanded = expanded === index;
-            return item.type === "dropdown" ? /* @__PURE__ */ jsxRuntime.jsxs("li", __spreadProps(__spreadValues({ className: Navigation_module_default.mobileItem }, hoverFocusProps(index)), { children: [
+            return item.type === "dropdown" ? /* @__PURE__ */ jsxRuntime.jsxs("li", __spreadProps(__spreadValues({ className: NavigationMobile_module_default.mobileItem }, hoverFocusProps(index)), { children: [
               /* @__PURE__ */ jsxRuntime.jsxs(
                 "button",
                 {
                   type: "button",
-                  className: Navigation_module_default.mobileItemTrigger,
+                  className: NavigationMobile_module_default.mobileItemTrigger,
                   onClick: () => toggleExpanded(index),
                   "aria-expanded": isExpanded,
                   "aria-controls": subMenuId,
@@ -3621,8 +3625,8 @@ var NavigationMobile = ({
                       "span",
                       {
                         className: clsx49__default.default(
-                          Navigation_module_default.mobileItemChevron,
-                          isExpanded && Navigation_module_default.mobileItemChevronOpen
+                          NavigationMobile_module_default.mobileItemChevron,
+                          isExpanded && NavigationMobile_module_default.mobileItemChevronOpen
                         ),
                         "aria-hidden": "true",
                         children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "downChevronBlack", size: 24 })
@@ -3635,8 +3639,8 @@ var NavigationMobile = ({
                 "div",
                 {
                   id: subMenuId,
-                  className: clsx49__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(
+                  className: clsx49__default.default(NavigationMobile_module_default.mobileSubItems, isExpanded && NavigationMobile_module_default.mobileSubItemsOpen),
+                  children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: NavigationMobile_module_default.mobileSubItemsInner, children: item.items.map(
                     (subItem, i) => {
                       var _a2, _b2;
                       return subItem.type === "link" ? /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -3644,8 +3648,8 @@ var NavigationMobile = ({
                         {
                           href: (_a2 = subItem.cta) == null ? void 0 : _a2.url,
                           className: clsx49__default.default(
-                            Navigation_module_default.mobileSubLink,
-                            subItem.isActive && Navigation_module_default.mobileSubLinkActive
+                            NavigationMobile_module_default.mobileSubLink,
+                            subItem.isActive && NavigationMobile_module_default.mobileSubLinkActive
                           ),
                           onClick: onClose,
                           children: (_b2 = subItem.cta) == null ? void 0 : _b2.label
@@ -3655,12 +3659,12 @@ var NavigationMobile = ({
                   ) })
                 }
               )
-            ] }), 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);
+            ] }), index) : /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: (_a = item.cta) == null ? void 0 : _a.url, className: NavigationMobile_module_default.mobileItemLink, onClick: onClose, children: (_b = item.cta) == null ? void 0 : _b.label }) }, index);
           }) }),
           /* @__PURE__ */ jsxRuntime.jsx(
             NavigationCtas,
             {
-              className: Navigation_module_default.mobileMenuCtas,
+              className: NavigationMobile_module_default.mobileMenuCtas,
               loginCta,
               rightButton,
               loginVariant: "nofillblack"
@@ -3674,20 +3678,20 @@ var NavigationMobile = ({
     "div",
     {
       id,
-      className: clsx49__default.default(Navigation_module_default.internalMobileMenu, isOpen && Navigation_module_default.internalMobileMenuOpen),
+      className: clsx49__default.default(NavigationMobile_module_default.internalMobileMenu, isOpen && NavigationMobile_module_default.internalMobileMenuOpen),
       role: "dialog",
       "aria-modal": "true",
       "aria-label": "Navigation menu",
       "aria-hidden": !isOpen,
       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.jsxs("div", { className: NavigationMobile_module_default.mobileHeader, children: [
+          homeCta && logo ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: homeCta, className: NavigationMobile_module_default.logoLink, "aria-label": logoAlt, onClick: onClose, children: logo }) : logo,
           /* @__PURE__ */ jsxRuntime.jsx(
             Button,
             {
               variant: "ghost",
               type: "button",
-              className: Navigation_module_default.mobileClose,
+              className: NavigationMobile_module_default.mobileClose,
               onClick: onClose,
               "aria-label": "Close navigation menu",
               children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "xBlack", size: 24, "aria-hidden": "true" })
@@ -3699,19 +3703,19 @@ var NavigationMobile = ({
           {
             brandLogos,
             unfolded: false,
-            className: Navigation_module_default.mobileBrandBars
+            className: NavigationMobile_module_default.mobileBrandBars
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Navigation_module_default.mobileItems, children: navItems == null ? void 0 : navItems.map((item, index) => {
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: NavigationMobile_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 === index;
           if (item.type === "link") {
-            return /* @__PURE__ */ jsxRuntime.jsx("li", { className: Navigation_module_default.internalMobileItem, children: /* @__PURE__ */ jsxRuntime.jsx(
+            return /* @__PURE__ */ jsxRuntime.jsx("li", { className: NavigationMobile_module_default.internalMobileItem, children: /* @__PURE__ */ jsxRuntime.jsx(
               "a",
               {
                 href: (_a = item.cta) == null ? void 0 : _a.url,
-                className: Navigation_module_default.internalMobileItemLink,
+                className: NavigationMobile_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,
@@ -3719,12 +3723,12 @@ var NavigationMobile = ({
               }
             ) }, index);
           }
-          return /* @__PURE__ */ jsxRuntime.jsxs("li", __spreadProps(__spreadValues({ className: Navigation_module_default.internalMobileItem }, hoverFocusProps(index)), { children: [
+          return /* @__PURE__ */ jsxRuntime.jsxs("li", __spreadProps(__spreadValues({ className: NavigationMobile_module_default.internalMobileItem }, hoverFocusProps(index)), { children: [
             /* @__PURE__ */ jsxRuntime.jsxs(
               "button",
               {
                 type: "button",
-                className: Navigation_module_default.internalMobileItemTrigger,
+                className: NavigationMobile_module_default.internalMobileItemTrigger,
                 onClick: () => toggleExpanded(index),
                 "aria-expanded": isExpanded,
                 "aria-controls": subMenuId,
@@ -3734,8 +3738,8 @@ var NavigationMobile = ({
                     "span",
                     {
                       className: clsx49__default.default(
-                        Navigation_module_default.internalMobileItemChevron,
-                        isExpanded && Navigation_module_default.internalMobileItemChevronOpen
+                        NavigationMobile_module_default.internalMobileItemChevron,
+                        isExpanded && NavigationMobile_module_default.internalMobileItemChevronOpen
                       ),
                       "aria-hidden": "true",
                       children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "downChevronBlack", size: 24 })
@@ -3749,10 +3753,10 @@ var NavigationMobile = ({
               {
                 id: subMenuId,
                 className: clsx49__default.default(
-                  Navigation_module_default.internalMobileSubItems,
-                  isExpanded && Navigation_module_default.internalMobileSubItemsOpen
+                  NavigationMobile_module_default.internalMobileSubItems,
+                  isExpanded && NavigationMobile_module_default.internalMobileSubItemsOpen
                 ),
-                children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Navigation_module_default.internalMobileSubItemsInner, children: item.items.map(
+                children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: NavigationMobile_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(
@@ -3760,8 +3764,8 @@ var NavigationMobile = ({
                       {
                         href: (_a2 = sub.cta) == null ? void 0 : _a2.url,
                         className: clsx49__default.default(
-                          Navigation_module_default.internalMobileSubLink,
-                          sub.isActive && Navigation_module_default.internalMobileSubLinkActive
+                          NavigationMobile_module_default.internalMobileSubLink,
+                          sub.isActive && NavigationMobile_module_default.internalMobileSubLinkActive
                         ),
                         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,
@@ -3775,7 +3779,7 @@ var NavigationMobile = ({
             )
           ] }), index);
         }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Navigation_module_default.mobileFooter, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: NavigationMobile_module_default.mobileFooter, children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             Search,
             {
@@ -3791,6 +3795,24 @@ var NavigationMobile = ({
     }
   );
 };
+
+// src/widgets/Navigation/Navigation.module.scss
+var Navigation_module_default = {
+  overlay: "Navigation_module_overlay",
+  navigation: "Navigation_module_navigation",
+  dropdownOpen: "Navigation_module_dropdownOpen",
+  mainBar: "Navigation_module_mainBar",
+  variantTransparent: "Navigation_module_variantTransparent",
+  transparent: "Navigation_module_transparent",
+  logo: "Navigation_module_logo",
+  inner: "Navigation_module_inner",
+  topRow: "Navigation_module_topRow",
+  upperRight: "Navigation_module_upperRight",
+  logoMobile: "Navigation_module_logoMobile",
+  hamburger: "Navigation_module_hamburger",
+  hamburgerButton: "Navigation_module_hamburgerButton",
+  bottomRow: "Navigation_module_bottomRow"
+};
 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
@@ -3908,7 +3930,7 @@ var Navigation2 = (props) => {
       {
         ref: navRef,
         className: clsx49__default.default(
-          Navigation_module_default.Navigation,
+          Navigation_module_default.navigation,
           dropdownOpen && Navigation_module_default.dropdownOpen,
           // External-only transparent / hover treatment.
           isExternal && transparent && Navigation_module_default.variantTransparent,
@@ -4447,15 +4469,23 @@ var TextBodyBody = ({ children }) => {
 };
 var TextBody = (props) => {
   var _a, _b;
-  const { className, body, title, children } = props;
+  const { className, variant, body, title, titleAlign = "text-left", children } = props;
   const slots = resolveCompoundSlots(children, {
     title: TextBodyTitle,
     body: TextBodyBody
   });
   const titleNode = (_a = slots.title) != null ? _a : title;
   const bodyNode = (_b = slots.body) != null ? _b : body;
+  const isTableCenter = variant === "table-center";
   return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: clsx49__default.default(TextBody_module_default.textBody, className), children: [
-    titleNode && /* @__PURE__ */ jsxRuntime.jsx(Text, { tag: "h2", className: TextBody_module_default.title, children: titleNode }),
+    titleNode && /* @__PURE__ */ jsxRuntime.jsx(
+      Text,
+      {
+        tag: isTableCenter ? "h4" : "h3",
+        className: clsx49__default.default(TextBody_module_default.title, isTableCenter ? "text-center" : titleAlign),
+        children: titleNode
+      }
+    ),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: TextBody_module_default.body, children: bodyNode })
   ] });
 };