@asante-org/atlascopco-vt-litesitegenerator 3.0.18 → 3.0.20

package/dist/index.esm.js

@@ -192,6 +192,105 @@ var LsgCards = function (_a) {
   }));
 };
 
+var LSG_ICON_PATHS = {
+  bars: "M96 160C96 142.3 110.3 128 128 128L512 128C529.7 128 544 142.3 544 160C544 177.7 529.7 192 512 192L128 192C110.3 192 96 177.7 96 160zM96 320C96 302.3 110.3 288 128 288L512 288C529.7 288 544 302.3 544 320C544 337.7 529.7 352 512 352L128 352C110.3 352 96 337.7 96 320zM544 480C544 497.7 529.7 512 512 512L128 512C110.3 512 96 497.7 96 480C96 462.3 110.3 448 128 448L512 448C529.7 448 544 462.3 544 480z",
+  chevronLeft: "M169.4 297.4C156.9 309.9 156.9 330.2 169.4 342.7L361.4 534.7C373.9 547.2 394.2 547.2 406.7 534.7C419.2 522.2 419.2 501.9 406.7 489.4L237.3 320L406.6 150.6C419.1 138.1 419.1 117.8 406.6 105.3C394.1 92.8 373.8 92.8 361.3 105.3L169.3 297.3z",
+  chevronRight: "M471.1 297.4C483.6 309.9 483.6 330.2 471.1 342.7L279.1 534.7C266.6 547.2 246.3 547.2 233.8 534.7C221.3 522.2 221.3 501.9 233.8 489.4L403.2 320L233.9 150.6C221.4 138.1 221.4 117.8 233.9 105.3C246.4 92.8 266.7 92.8 279.2 105.3L471.2 297.3z",
+  close: "M504.6 148.5C515.9 134.9 514.1 114.7 500.5 103.4C486.9 92.1 466.7 93.9 455.4 107.5L320 270L184.6 107.5C173.3 93.9 153.1 92.1 139.5 103.4C125.9 114.7 124.1 134.9 135.4 148.5L278.3 320L135.4 491.5C124.1 505.1 125.9 525.3 139.5 536.6C153.1 547.9 173.3 546.1 184.6 532.5L320 370L455.4 532.5C466.7 546.1 486.9 547.9 500.5 536.6C514.1 525.3 515.9 505.1 504.6 491.5L361.7 320L504.6 148.5z",
+  globe: "M367.2 477C345.7 520.7 325.8 528 320 528C314.2 528 294.3 520.7 272.8 477C255.8 442.5 243.6 395.4 240.7 344L399.3 344C396.3 395.5 384.1 442.6 367.2 477zM399.3 296L240.7 296C243.7 244.5 255.9 197.4 272.8 163C294.3 119.3 314.2 112 320 112C325.8 112 345.7 119.3 367.2 163C384.2 197.5 396.4 244.6 399.3 296zM447.4 344L526.6 344C518 418.6 469.9 481.3 403.8 510.4C427.8 467.6 444.1 408 447.4 344zM526.6 296L447.4 296C444.1 232 427.8 172.4 403.8 129.6C469.9 158.8 518 221.4 526.6 296zM192.6 296L113.4 296C122 221.4 170.1 158.7 236.2 129.6C212.2 172.4 195.9 232 192.6 296zM113.4 344L192.6 344C195.9 408 212.2 467.6 236.2 510.4C170.1 481.2 122 418.6 113.4 344zM320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576z",
+  home: "M96 320L320 128L544 320H480V528H352V384H288V528H160V320H96z",
+  search: "M480 272C480 317.9 465.1 360.3 440 394.7L566.6 521.4C579.1 533.9 579.1 554.2 566.6 566.7C554.1 579.2 533.8 579.2 521.3 566.7L394.7 440C360.3 465.1 317.9 480 272 480C157.1 480 64 386.9 64 272C64 157.1 157.1 64 272 64C386.9 64 480 157.1 480 272zM272 416C351.5 416 416 351.5 416 272C416 192.5 351.5 128 272 128C192.5 128 128 192.5 128 272C128 351.5 192.5 416 272 416z"
+};
+
+var LsgIcon = function (_a) {
+  var name = _a.name,
+    className = _a.className;
+  return /*#__PURE__*/React.createElement("svg", {
+    className: className,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 640 640",
+    "aria-hidden": "true",
+    focusable: "false"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: LSG_ICON_PATHS[name]
+  }));
+};
+
+function isSafeHref(href) {
+  if (!href) return false;
+  var value = href.trim().toLowerCase();
+  if (value.startsWith("javascript:") || value.startsWith("data:") || value.startsWith("vbscript:")) {
+    return false;
+  }
+  return value.startsWith("/") || value.startsWith("#") || value.startsWith("http://") || value.startsWith("https://") || !value.includes(":");
+}
+var BreadcrumbSeparator = function () {
+  return /*#__PURE__*/React.createElement("li", {
+    className: "lsg-breadcrumb__separator",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React.createElement(LsgIcon, {
+    name: "chevronRight",
+    className: "lsg-breadcrumb__separator-icon"
+  }));
+};
+var LsgBreadcrumb = function (_a) {
+  var _b = _a.items,
+    items = _b === void 0 ? [] : _b,
+    _c = _a.showBreadcrumbs,
+    showBreadcrumbs = _c === void 0 ? true : _c,
+    _d = _a.includeHome,
+    includeHome = _d === void 0 ? true : _d,
+    _e = _a.homeHref,
+    homeHref = _e === void 0 ? "/" : _e,
+    _f = _a.homeLabel,
+    homeLabel = _f === void 0 ? "Home" : _f,
+    _g = _a.className,
+    className = _g === void 0 ? "" : _g;
+  if (!showBreadcrumbs) return null;
+  var visibleItems = Array.isArray(items) ? items.filter(function (item) {
+    return Boolean(item) && typeof item.label === "string" && item.label.trim().length > 0;
+  }) : [];
+  if (!includeHome && visibleItems.length === 0) return null;
+  var rootClassName = ["lsg-breadcrumb", className].filter(Boolean).join(" ");
+  var safeHomeHref = isSafeHref(homeHref) ? homeHref : "/";
+  return /*#__PURE__*/React.createElement("nav", {
+    className: rootClassName,
+    "aria-label": "Breadcrumb"
+  }, /*#__PURE__*/React.createElement("ol", {
+    className: "lsg-breadcrumb__list"
+  }, includeHome && /*#__PURE__*/React.createElement("li", {
+    className: "lsg-breadcrumb__item lsg-breadcrumb__item--home"
+  }, /*#__PURE__*/React.createElement("a", {
+    className: "lsg-breadcrumb__home",
+    href: safeHomeHref,
+    "aria-label": homeLabel
+  }, /*#__PURE__*/React.createElement(LsgIcon, {
+    name: "home",
+    className: "lsg-breadcrumb__home-icon"
+  }))), visibleItems.map(function (item, index) {
+    var isCurrent = index === visibleItems.length - 1;
+    var safeHref = isSafeHref(item.href) ? item.href : undefined;
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: "".concat(item.label, "-").concat(index)
+    }, (includeHome || index > 0) && /*#__PURE__*/React.createElement(BreadcrumbSeparator, null), /*#__PURE__*/React.createElement("li", {
+      className: ["lsg-breadcrumb__item", isCurrent ? "lsg-breadcrumb__item--current" : "lsg-breadcrumb__item--ancestor"].join(" ")
+    }, isCurrent ? /*#__PURE__*/React.createElement("span", {
+      className: "lsg-breadcrumb__current",
+      "aria-current": "page"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "lsg-breadcrumb__current-marker",
+      "aria-hidden": "true"
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "lsg-breadcrumb__label"
+    }, item.label)) : safeHref ? /*#__PURE__*/React.createElement("a", {
+      className: "lsg-breadcrumb__link",
+      href: safeHref
+    }, item.label) : /*#__PURE__*/React.createElement("span", {
+      className: "lsg-breadcrumb__ancestor"
+    }, item.label)));
+  })));
+};
+
 var LsgLogo = function (_a) {
   var src = _a.src,
     _b = _a.alt,
@@ -273,30 +372,6 @@ var LsgNavigation = function (_a) {
   }, renderItems(items));
 };
 
-var LSG_ICON_PATHS = {
-  bars: "M96 160C96 142.3 110.3 128 128 128L512 128C529.7 128 544 142.3 544 160C544 177.7 529.7 192 512 192L128 192C110.3 192 96 177.7 96 160zM96 320C96 302.3 110.3 288 128 288L512 288C529.7 288 544 302.3 544 320C544 337.7 529.7 352 512 352L128 352C110.3 352 96 337.7 96 320zM544 480C544 497.7 529.7 512 512 512L128 512C110.3 512 96 497.7 96 480C96 462.3 110.3 448 128 448L512 448C529.7 448 544 462.3 544 480z",
-  chevronLeft: "M169.4 297.4C156.9 309.9 156.9 330.2 169.4 342.7L361.4 534.7C373.9 547.2 394.2 547.2 406.7 534.7C419.2 522.2 419.2 501.9 406.7 489.4L237.3 320L406.6 150.6C419.1 138.1 419.1 117.8 406.6 105.3C394.1 92.8 373.8 92.8 361.3 105.3L169.3 297.3z",
-  chevronRight: "M471.1 297.4C483.6 309.9 483.6 330.2 471.1 342.7L279.1 534.7C266.6 547.2 246.3 547.2 233.8 534.7C221.3 522.2 221.3 501.9 233.8 489.4L403.2 320L233.9 150.6C221.4 138.1 221.4 117.8 233.9 105.3C246.4 92.8 266.7 92.8 279.2 105.3L471.2 297.3z",
-  close: "M504.6 148.5C515.9 134.9 514.1 114.7 500.5 103.4C486.9 92.1 466.7 93.9 455.4 107.5L320 270L184.6 107.5C173.3 93.9 153.1 92.1 139.5 103.4C125.9 114.7 124.1 134.9 135.4 148.5L278.3 320L135.4 491.5C124.1 505.1 125.9 525.3 139.5 536.6C153.1 547.9 173.3 546.1 184.6 532.5L320 370L455.4 532.5C466.7 546.1 486.9 547.9 500.5 536.6C514.1 525.3 515.9 505.1 504.6 491.5L361.7 320L504.6 148.5z",
-  globe: "M367.2 477C345.7 520.7 325.8 528 320 528C314.2 528 294.3 520.7 272.8 477C255.8 442.5 243.6 395.4 240.7 344L399.3 344C396.3 395.5 384.1 442.6 367.2 477zM399.3 296L240.7 296C243.7 244.5 255.9 197.4 272.8 163C294.3 119.3 314.2 112 320 112C325.8 112 345.7 119.3 367.2 163C384.2 197.5 396.4 244.6 399.3 296zM447.4 344L526.6 344C518 418.6 469.9 481.3 403.8 510.4C427.8 467.6 444.1 408 447.4 344zM526.6 296L447.4 296C444.1 232 427.8 172.4 403.8 129.6C469.9 158.8 518 221.4 526.6 296zM192.6 296L113.4 296C122 221.4 170.1 158.7 236.2 129.6C212.2 172.4 195.9 232 192.6 296zM113.4 344L192.6 344C195.9 408 212.2 467.6 236.2 510.4C170.1 481.2 122 418.6 113.4 344zM320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576z",
-  home: "M96 320L320 128L544 320H480V528H352V384H288V528H160V320H96z",
-  search: "M480 272C480 317.9 465.1 360.3 440 394.7L566.6 521.4C579.1 533.9 579.1 554.2 566.6 566.7C554.1 579.2 533.8 579.2 521.3 566.7L394.7 440C360.3 465.1 317.9 480 272 480C157.1 480 64 386.9 64 272C64 157.1 157.1 64 272 64C386.9 64 480 157.1 480 272zM272 416C351.5 416 416 351.5 416 272C416 192.5 351.5 128 272 128C192.5 128 128 192.5 128 272C128 351.5 192.5 416 272 416z"
-};
-
-var LsgIcon = function (_a) {
-  var name = _a.name,
-    className = _a.className;
-  return /*#__PURE__*/React.createElement("svg", {
-    className: className,
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 640 640",
-    "aria-hidden": "true",
-    focusable: "false"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: LSG_ICON_PATHS[name]
-  }));
-};
-
 var ChevronIcon = function () {
   return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -871,7 +946,14 @@ var LsgHeader = function (_a) {
       })));
     }))));
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("header", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LsgSearchOverlay, {
+    id: SEARCH_OVERLAY_ID,
+    isOpen: searchOpen,
+    onClose: function () {
+      return setSearchOpen(false);
+    },
+    placeholder: searchPlaceholder
+  }), /*#__PURE__*/React.createElement("header", {
     ref: headerRef,
     className: ["lsg-header", "lsg-header--".concat(variant), menuOpen ? "lsg-header--menu-open" : "", "lsg-header--mobile-level-".concat(mobileLevel)].filter(Boolean).join(" ")
   }, /*#__PURE__*/React.createElement("div", {
@@ -917,14 +999,7 @@ var LsgHeader = function (_a) {
     "data-lsg-menu-trigger": true
   }, /*#__PURE__*/React.createElement(LsgHeaderIcon, {
     name: mobileOpen ? "close" : "bars"
-  })))), variant === "mega" && menuOpen && (children || renderMegaPanel()), mobileOpen && renderMobileMenu()), /*#__PURE__*/React.createElement(LsgSearchOverlay, {
-    id: SEARCH_OVERLAY_ID,
-    isOpen: searchOpen,
-    onClose: function () {
-      return setSearchOpen(false);
-    },
-    placeholder: searchPlaceholder
-  }));
+  })))), variant === "mega" && menuOpen && (children || renderMegaPanel()), mobileOpen && renderMobileMenu()));
 };
 
 var LsgQuickLinks = function (_a) {
@@ -3548,6 +3623,244 @@ var LsgHero = function (_a) {
   }))));
 };
 
+// Matches $lsg-tabs-accordion-breakpoint in LsgTabs.scss ($breakpoint-sm - 1px)
+// and MOBILE_MEDIA_QUERY in lsg-clientlib-runtime.ts.
+var MOBILE_MEDIA_QUERY = "(max-width: 767px)";
+// Sub-pixel layout rounding when comparing scroll offsets against extents
+var SCROLL_EPSILON = 1;
+var CHEVRON_SVG = /*#__PURE__*/React.createElement("svg", {
+  className: "lsg-tabs__tab-icon-svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  "aria-hidden": "true",
+  focusable: "false"
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M3 6L8 11L13 6",
+  stroke: "currentColor",
+  strokeWidth: "1.5",
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+}));
+var LsgTabs = function (_a) {
+  var _b, _c;
+  var items = _a.items,
+    activeId = _a.activeId,
+    _d = _a.variant,
+    variant = _d === void 0 ? "default" : _d,
+    accessibilityLabel = _a.accessibilityLabel,
+    _e = _a.className,
+    className = _e === void 0 ? "" : _e;
+  var _f = useState((_c = activeId !== null && activeId !== void 0 ? activeId : (_b = items[0]) === null || _b === void 0 ? void 0 : _b.id) !== null && _c !== void 0 ? _c : ""),
+    selectedId = _f[0],
+    setSelectedId = _f[1];
+  // Below the breakpoint the tabs render as a single-open accordion and the open
+  // header can be collapsed. Tracked separately from selection so exactly one tab
+  // stays selected at every width — resizing back to desktop just reveals it again.
+  var _g = useState(false),
+    collapsed = _g[0],
+    setCollapsed = _g[1];
+  var _h = useState(false),
+    isMobile = _h[0],
+    setIsMobile = _h[1];
+  // Scroll-arrow state. The arrows themselves are ::before / ::after on the root
+  // (see LsgTabs.scss) — these only say whether there is more to reveal.
+  var _j = useState(false),
+    scrollStart = _j[0],
+    setScrollStart = _j[1];
+  var _k = useState(false),
+    scrollEnd = _k[0],
+    setScrollEnd = _k[1];
+  var tabRefs = useRef({});
+  var stripRef = useRef(null);
+  var isVertical = variant === "vertical";
+  var selectedIndex = Math.max(0, items.findIndex(function (item) {
+    return item.id === selectedId;
+  }));
+  useEffect(function () {
+    var mql = window.matchMedia(MOBILE_MEDIA_QUERY);
+    var sync = function () {
+      return setIsMobile(mql.matches);
+    };
+    sync();
+    mql.addEventListener("change", sync);
+    return function () {
+      return mql.removeEventListener("change", sync);
+    };
+  }, []);
+  var updateArrows = function () {
+    var strip = stripRef.current;
+    // Below the breakpoint this is an accordion — nothing scrolls, so the arrows
+    // must not be offered.
+    if (!strip || isMobile) {
+      setScrollStart(false);
+      setScrollEnd(false);
+      return;
+    }
+    var offset = isVertical ? strip.scrollTop : strip.scrollLeft;
+    var visible = isVertical ? strip.clientHeight : strip.clientWidth;
+    var total = isVertical ? strip.scrollHeight : strip.scrollWidth;
+    setScrollStart(offset > SCROLL_EPSILON);
+    setScrollEnd(offset + visible < total - SCROLL_EPSILON);
+  };
+  useEffect(function () {
+    updateArrows();
+  }, [isMobile, isVertical, items, selectedIndex]);
+  useEffect(function () {
+    var strip = stripRef.current;
+    if (!strip || typeof ResizeObserver === "undefined") return;
+    // The strip can start overflowing because its container changed, with no
+    // viewport resize at all.
+    var observer = new ResizeObserver(function () {
+      return updateArrows();
+    });
+    observer.observe(strip);
+    return function () {
+      return observer.disconnect();
+    };
+  }, [isMobile, isVertical]);
+  useEffect(function () {
+    var _a;
+    // A late web-font swap widens the labels, growing scrollWidth without changing
+    // the strip's own box — so ResizeObserver may never fire. Re-measure once the
+    // fonts have settled, otherwise the arrows can be stale on first paint.
+    var cancelled = false;
+    (_a = document.fonts) === null || _a === void 0 ? void 0 : _a.ready.then(function () {
+      if (!cancelled) updateArrows();
+    });
+    return function () {
+      cancelled = true;
+    };
+  }, [isMobile, isVertical]);
+  var scrollStrip = function (direction) {
+    var strip = stripRef.current;
+    if (!strip) return;
+    // A step just under one viewport keeps a sliver of context in view
+    var visible = isVertical ? strip.clientHeight : strip.clientWidth;
+    var step = Math.max(visible * 0.8, 1);
+    if (isVertical) {
+      strip.scrollTop += direction * step;
+    } else {
+      strip.scrollLeft += direction * step;
+    }
+  };
+  // The arrows are pseudo-elements painted above the strip, so a click on one
+  // hit-tests to the root rather than to a tab or panel. Nothing else on the root
+  // is clickable, which is what makes this unambiguous.
+  var onRootClick = function (event) {
+    if (event.target !== event.currentTarget) return;
+    var strip = stripRef.current;
+    if (!strip) return;
+    var rect = strip.getBoundingClientRect();
+    var beforeMidpoint = isVertical ? event.clientY < rect.top + rect.height / 2 : event.clientX < rect.left + rect.width / 2;
+    scrollStrip(beforeMidpoint ? -1 : 1);
+  };
+  var select = function (index, moveFocus) {
+    var item = items[index];
+    if (!item) return;
+    setSelectedId(item.id);
+    setCollapsed(false);
+    var tab = tabRefs.current[item.id];
+    // Arrow-key navigation can land on a tab that is scrolled out of the strip
+    tab === null || tab === void 0 ? void 0 : tab.scrollIntoView({
+      block: "nearest",
+      inline: "nearest"
+    });
+    if (moveFocus) tab === null || tab === void 0 ? void 0 : tab.focus();
+  };
+  var press = function (index) {
+    if (isMobile && index === selectedIndex) {
+      setCollapsed(function (prev) {
+        return !prev;
+      });
+      return;
+    }
+    select(index, false);
+  };
+  // Roving tabindex keyboard model for role="tab" — see bootLsgTabs for the AEM twin.
+  var onKeyDown = function (event, index) {
+    var last = items.length - 1;
+    switch (event.key) {
+      case "ArrowRight":
+      case "ArrowDown":
+        event.preventDefault();
+        select(selectedIndex === last ? 0 : selectedIndex + 1, true);
+        break;
+      case "ArrowLeft":
+      case "ArrowUp":
+        event.preventDefault();
+        select(selectedIndex === 0 ? last : selectedIndex - 1, true);
+        break;
+      case "Home":
+        event.preventDefault();
+        select(0, true);
+        break;
+      case "End":
+        event.preventDefault();
+        select(last, true);
+        break;
+      case "Enter":
+      case " ":
+        event.preventDefault();
+        press(index);
+        break;
+    }
+  };
+  var rootClass = ["lsg-tabs", isVertical ? "lsg-tabs--vertical" : "", scrollStart ? "lsg-tabs--scroll-start" : "", scrollEnd ? "lsg-tabs--scroll-end" : "", className].filter(Boolean).join(" ");
+  return /*#__PURE__*/React.createElement("div", {
+    className: rootClass,
+    onClick: onRootClick
+  }, /*#__PURE__*/React.createElement("ol", {
+    ref: stripRef,
+    className: "lsg-tabs__tablist",
+    role: "tablist",
+    "aria-label": accessibilityLabel,
+    "aria-multiselectable": "false",
+    onScroll: updateArrows
+  }, items.map(function (item, index) {
+    var isActive = index === selectedIndex;
+    return /*#__PURE__*/React.createElement("li", {
+      key: item.id,
+      ref: function (node) {
+        tabRefs.current[item.id] = node;
+      },
+      role: "tab",
+      id: "lsg-tab-".concat(item.id),
+      className: "lsg-tabs__tab".concat(isActive ? " lsg-tabs__tab--active" : ""),
+      "aria-controls": "lsg-tabpanel-".concat(item.id),
+      "aria-selected": isActive
+      // Desktop is a tab strip — aria-selected carries the state there, and
+      // the collapsed class has no styling, so aria-expanded would mislead.
+      ,
+      "aria-expanded": isMobile ? isActive && !collapsed : undefined,
+      tabIndex: isActive ? 0 : -1,
+      onClick: function () {
+        return press(index);
+      },
+      onKeyDown: function (event) {
+        return onKeyDown(event, index);
+      }
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "lsg-tabs__tab-label"
+    }, item.title), /*#__PURE__*/React.createElement("span", {
+      className: "lsg-tabs__tab-icon",
+      "aria-hidden": "true"
+    }, CHEVRON_SVG));
+  })), items.map(function (item, index) {
+    var isActive = index === selectedIndex;
+    return /*#__PURE__*/React.createElement("div", {
+      key: item.id,
+      id: "lsg-tabpanel-".concat(item.id),
+      role: "tabpanel",
+      "aria-labelledby": "lsg-tab-".concat(item.id),
+      tabIndex: 0,
+      className: ["lsg-tabs__panel", isActive ? "lsg-tabs__panel--active" : "", isActive && collapsed ? "lsg-tabs__panel--collapsed" : ""].filter(Boolean).join(" ")
+    }, item.content);
+  }));
+};
+
 var LsgFormFieldText = function (_a) {
   var _b = _a.id,
     id = _b === void 0 ? "field-text" : _b,
@@ -4281,6 +4594,7 @@ var BASE_COMPONENTS = {
   LsgBanner: LsgBanner,
   LsgCard: LsgCard,
   LsgCards: LsgCards,
+  LsgBreadcrumb: LsgBreadcrumb,
   LsgLogo: LsgLogo,
   LsgNavigation: LsgNavigation,
   LsgLanguageSwitcher: LsgLanguageSwitcher,
@@ -4291,6 +4605,7 @@ var BASE_COMPONENTS = {
   LsgSocialMediaIcons: LsgSocialMediaIcons,
   LsgFooter: LsgFooter,
   LsgHero: LsgHero,
+  LsgTabs: LsgTabs,
   LsgFormContainer: LsgFormContainer,
   LsgFormFieldText: LsgFormFieldText,
   LsgFormFieldEmail: LsgFormFieldEmail,
@@ -4316,6 +4631,7 @@ function createThemeComponents(themeName) {
     LsgBanner: createThemeComponent(themeName, "banner", BASE_COMPONENTS.LsgBanner),
     LsgCard: createThemeComponent(themeName, "card", BASE_COMPONENTS.LsgCard),
     LsgCards: createThemeComponent(themeName, "cards", BASE_COMPONENTS.LsgCards),
+    LsgBreadcrumb: createThemeComponent(themeName, "breadcrumb", BASE_COMPONENTS.LsgBreadcrumb),
     LsgLogo: createThemeComponent(themeName, "logo", BASE_COMPONENTS.LsgLogo),
     LsgNavigation: createThemeComponent(themeName, "navigation", BASE_COMPONENTS.LsgNavigation),
     LsgLanguageSwitcher: createThemeComponent(themeName, "language-switcher", BASE_COMPONENTS.LsgLanguageSwitcher),
@@ -4334,7 +4650,8 @@ function createThemeComponents(themeName) {
     LsgFormFieldCountry: createThemeComponent(themeName, "form-field-country", BASE_COMPONENTS.LsgFormFieldCountry),
     LsgFormFieldTextarea: createThemeComponent(themeName, "form-field-textarea", BASE_COMPONENTS.LsgFormFieldTextarea),
     LsgFormFieldConsent: createThemeComponent(themeName, "form-field-consent", BASE_COMPONENTS.LsgFormFieldConsent),
-    LsgFormStep: createThemeComponent(themeName, "form-step", BASE_COMPONENTS.LsgFormStep)
+    LsgFormStep: createThemeComponent(themeName, "form-step", BASE_COMPONENTS.LsgFormStep),
+    LsgTabs: createThemeComponent(themeName, "tabs", BASE_COMPONENTS.LsgTabs)
   };
 }
 
@@ -4343,6 +4660,7 @@ var Theme1LsgButton = theme1Components.LsgButton,
   Theme1LsgBanner = theme1Components.LsgBanner,
   Theme1LsgCard = theme1Components.LsgCard,
   Theme1LsgCards = theme1Components.LsgCards,
+  Theme1LsgBreadcrumb = theme1Components.LsgBreadcrumb,
   Theme1LsgLogo = theme1Components.LsgLogo,
   Theme1LsgNavigation = theme1Components.LsgNavigation,
   Theme1LsgLanguageSwitcher = theme1Components.LsgLanguageSwitcher,
@@ -4353,6 +4671,7 @@ var Theme1LsgButton = theme1Components.LsgButton,
   Theme1LsgSocialMediaIcons = theme1Components.LsgSocialMediaIcons,
   Theme1LsgFooter = theme1Components.LsgFooter,
   Theme1LsgHero = theme1Components.LsgHero;
+  theme1Components.LsgTabs;
   // Form components
   theme1Components.LsgFormContainer;
   theme1Components.LsgFormFieldText;
@@ -4369,6 +4688,7 @@ var Theme2LsgButton = theme2Components.LsgButton,
   Theme2LsgBanner = theme2Components.LsgBanner,
   Theme2LsgCard = theme2Components.LsgCard,
   Theme2LsgCards = theme2Components.LsgCards,
+  Theme2LsgBreadcrumb = theme2Components.LsgBreadcrumb,
   Theme2LsgLogo = theme2Components.LsgLogo,
   Theme2LsgNavigation = theme2Components.LsgNavigation,
   Theme2LsgLanguageSwitcher = theme2Components.LsgLanguageSwitcher,
@@ -4395,6 +4715,7 @@ var Theme3LsgButton = theme3Components.LsgButton,
   Theme3LsgBanner = theme3Components.LsgBanner,
   Theme3LsgCard = theme3Components.LsgCard,
   Theme3LsgCards = theme3Components.LsgCards,
+  Theme3LsgBreadcrumb = theme3Components.LsgBreadcrumb,
   Theme3LsgLogo = theme3Components.LsgLogo,
   Theme3LsgNavigation = theme3Components.LsgNavigation,
   Theme3LsgLanguageSwitcher = theme3Components.LsgLanguageSwitcher,
@@ -4416,5 +4737,5 @@ var Theme3LsgButton = theme3Components.LsgButton,
   theme3Components.LsgFormFieldConsent;
   theme3Components.LsgFormStep;
 
-export { LsgBanner, LsgButton, LsgCard, LsgCards, LsgFooter, LsgHeader, LsgHero, LsgHeroCard, LsgHeroController, LsgLanguageSwitcher, LsgLogo, LsgNavigation, LsgQuickLinks, LsgSearchOverlay, LsgSearchTrigger, LsgSocialMediaIcons, Theme1LsgBanner, Theme1LsgButton, Theme1LsgCard, Theme1LsgCards, Theme1LsgFooter, Theme1LsgHeader, Theme1LsgHero, Theme1LsgLanguageSwitcher, Theme1LsgLogo, Theme1LsgNavigation, Theme1LsgQuickLinks, Theme1LsgSearchOverlay, Theme1LsgSearchTrigger, Theme1LsgSocialMediaIcons, Theme2LsgBanner, Theme2LsgButton, Theme2LsgCard, Theme2LsgCards, Theme2LsgFooter, Theme2LsgHeader, Theme2LsgHero, Theme2LsgLanguageSwitcher, Theme2LsgLogo, Theme2LsgNavigation, Theme2LsgQuickLinks, Theme2LsgSearchOverlay, Theme2LsgSearchTrigger, Theme2LsgSocialMediaIcons, Theme3LsgBanner, Theme3LsgButton, Theme3LsgCard, Theme3LsgCards, Theme3LsgFooter, Theme3LsgHeader, Theme3LsgHero, Theme3LsgLanguageSwitcher, Theme3LsgLogo, Theme3LsgNavigation, Theme3LsgQuickLinks, Theme3LsgSearchOverlay, Theme3LsgSearchTrigger, Theme3LsgSocialMediaIcons, getTelValue, initTelPickers, theme1Components, theme2Components, theme3Components };
+export { LsgBanner, LsgBreadcrumb, LsgButton, LsgCard, LsgCards, LsgFooter, LsgHeader, LsgHero, LsgHeroCard, LsgHeroController, LsgLanguageSwitcher, LsgLogo, LsgNavigation, LsgQuickLinks, LsgSearchOverlay, LsgSearchTrigger, LsgSocialMediaIcons, Theme1LsgBanner, Theme1LsgBreadcrumb, Theme1LsgButton, Theme1LsgCard, Theme1LsgCards, Theme1LsgFooter, Theme1LsgHeader, Theme1LsgHero, Theme1LsgLanguageSwitcher, Theme1LsgLogo, Theme1LsgNavigation, Theme1LsgQuickLinks, Theme1LsgSearchOverlay, Theme1LsgSearchTrigger, Theme1LsgSocialMediaIcons, Theme2LsgBanner, Theme2LsgBreadcrumb, Theme2LsgButton, Theme2LsgCard, Theme2LsgCards, Theme2LsgFooter, Theme2LsgHeader, Theme2LsgHero, Theme2LsgLanguageSwitcher, Theme2LsgLogo, Theme2LsgNavigation, Theme2LsgQuickLinks, Theme2LsgSearchOverlay, Theme2LsgSearchTrigger, Theme2LsgSocialMediaIcons, Theme3LsgBanner, Theme3LsgBreadcrumb, Theme3LsgButton, Theme3LsgCard, Theme3LsgCards, Theme3LsgFooter, Theme3LsgHeader, Theme3LsgHero, Theme3LsgLanguageSwitcher, Theme3LsgLogo, Theme3LsgNavigation, Theme3LsgQuickLinks, Theme3LsgSearchOverlay, Theme3LsgSearchTrigger, Theme3LsgSocialMediaIcons, getTelValue, initTelPickers, theme1Components, theme2Components, theme3Components };
 //# sourceMappingURL=index.esm.js.map