@asante-org/atlascopco-vt-litesitegenerator 3.6.19 → 3.6.21

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import React, { useState, useRef, useMemo, useEffect, useId, useCallback, forwardRef, useImperativeHandle } from 'react';
+import React, { useState, useRef, useEffect, useId, useCallback, useMemo, forwardRef, useImperativeHandle } from 'react';
 
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function (n) {
@@ -140,37 +140,6 @@ var LsgBanner = function (_a) {
   })))));
 };
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
-
-var __assign = function () {
-  __assign = Object.assign || function __assign(t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-  var e = new Error(message);
-  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
 function isSafeUrl$1(url) {
   if (!url) return false;
   var lower = url.toLowerCase().trim();
@@ -2136,240 +2105,8 @@ function EmblaCarousel(root, userOptions, userPlugins) {
 }
 EmblaCarousel.globalOptions = undefined;
 
-function clampNumber(number, min, max) {
-  return Math.min(Math.max(number, min), max);
-}
-function isNumber(value) {
-  return typeof value === 'number' && !isNaN(value);
-}
-function Fade(userOptions = {}) {
-  const fullOpacity = 1;
-  const noOpacity = 0;
-  const fadeFriction = 0.68;
-  let emblaApi;
-  let opacities = [];
-  let fadeToNextDistance;
-  let distanceFromPointerDown = 0;
-  let fadeVelocity = 0;
-  let progress = 0;
-  let shouldFadePair = false;
-  let defaultSettledBehaviour;
-  let defaultProgressBehaviour;
-  function init(emblaApiInstance) {
-    emblaApi = emblaApiInstance;
-    const selectedSnap = emblaApi.selectedScrollSnap();
-    const {
-      scrollBody,
-      containerRect,
-      axis
-    } = emblaApi.internalEngine();
-    const containerSize = axis.measureSize(containerRect);
-    fadeToNextDistance = clampNumber(containerSize * 0.75, 200, 500);
-    shouldFadePair = false;
-    opacities = emblaApi.scrollSnapList().map((_, index) => index === selectedSnap ? fullOpacity : noOpacity);
-    defaultSettledBehaviour = scrollBody.settled;
-    defaultProgressBehaviour = emblaApi.scrollProgress;
-    scrollBody.settled = settled;
-    emblaApi.scrollProgress = scrollProgress;
-    emblaApi.on('select', select).on('slideFocus', fadeToSelectedSnapInstantly).on('pointerDown', pointerDown).on('pointerUp', pointerUp);
-    disableScroll();
-    fadeToSelectedSnapInstantly();
-  }
-  function destroy() {
-    const {
-      scrollBody
-    } = emblaApi.internalEngine();
-    scrollBody.settled = defaultSettledBehaviour;
-    emblaApi.scrollProgress = defaultProgressBehaviour;
-    emblaApi.off('select', select).off('slideFocus', fadeToSelectedSnapInstantly).off('pointerDown', pointerDown).off('pointerUp', pointerUp);
-    emblaApi.slideNodes().forEach(slideNode => {
-      const slideStyle = slideNode.style;
-      slideStyle.opacity = '';
-      slideStyle.transform = '';
-      slideStyle.pointerEvents = '';
-      if (!slideNode.getAttribute('style')) slideNode.removeAttribute('style');
-    });
-  }
-  function fadeToSelectedSnapInstantly() {
-    const selectedSnap = emblaApi.selectedScrollSnap();
-    setOpacities(selectedSnap, fullOpacity);
-  }
-  function pointerUp() {
-    shouldFadePair = false;
-  }
-  function pointerDown() {
-    shouldFadePair = false;
-    distanceFromPointerDown = 0;
-    fadeVelocity = 0;
-  }
-  function select() {
-    const duration = emblaApi.internalEngine().scrollBody.duration();
-    fadeVelocity = duration ? 0 : fullOpacity;
-    shouldFadePair = true;
-    if (!duration) fadeToSelectedSnapInstantly();
-  }
-  function getSlideTransform(position) {
-    const {
-      axis
-    } = emblaApi.internalEngine();
-    const translateAxis = axis.scroll.toUpperCase();
-    return `translate${translateAxis}(${axis.direction(position)}px)`;
-  }
-  function disableScroll() {
-    const {
-      translate,
-      slideLooper
-    } = emblaApi.internalEngine();
-    translate.clear();
-    translate.toggleActive(false);
-    slideLooper.loopPoints.forEach(({
-      translate
-    }) => {
-      translate.clear();
-      translate.toggleActive(false);
-    });
-  }
-  function lockExcessiveScroll(fadeIndex) {
-    const {
-      scrollSnaps,
-      location,
-      target
-    } = emblaApi.internalEngine();
-    if (!isNumber(fadeIndex) || opacities[fadeIndex] < 0.5) return;
-    location.set(scrollSnaps[fadeIndex]);
-    target.set(location);
-  }
-  function setOpacities(fadeIndex, velocity) {
-    const scrollSnaps = emblaApi.scrollSnapList();
-    scrollSnaps.forEach((_, indexA) => {
-      const absVelocity = Math.abs(velocity);
-      const currentOpacity = opacities[indexA];
-      const isFadeIndex = indexA === fadeIndex;
-      const nextOpacity = isFadeIndex ? currentOpacity + absVelocity : currentOpacity - absVelocity;
-      const clampedOpacity = clampNumber(nextOpacity, noOpacity, fullOpacity);
-      opacities[indexA] = clampedOpacity;
-      const fadePair = isFadeIndex && shouldFadePair;
-      const indexB = emblaApi.previousScrollSnap();
-      if (fadePair) opacities[indexB] = 1 - clampedOpacity;
-      if (isFadeIndex) setProgress(fadeIndex, clampedOpacity);
-      setOpacity(indexA);
-    });
-  }
-  function setOpacity(index) {
-    const slidesInSnap = emblaApi.internalEngine().slideRegistry[index];
-    const {
-      scrollSnaps,
-      containerRect
-    } = emblaApi.internalEngine();
-    const opacity = opacities[index];
-    slidesInSnap.forEach(slideIndex => {
-      const slideStyle = emblaApi.slideNodes()[slideIndex].style;
-      const roundedOpacity = parseFloat(opacity.toFixed(2));
-      const hasOpacity = roundedOpacity > noOpacity;
-      const position = hasOpacity ? scrollSnaps[index] : containerRect.width + 2;
-      const transform = getSlideTransform(position);
-      if (hasOpacity) slideStyle.transform = transform;
-      slideStyle.opacity = roundedOpacity.toString();
-      slideStyle.pointerEvents = opacity > 0.5 ? 'auto' : 'none';
-      if (!hasOpacity) slideStyle.transform = transform;
-    });
-  }
-  function setProgress(fadeIndex, opacity) {
-    const {
-      index,
-      dragHandler,
-      scrollSnaps
-    } = emblaApi.internalEngine();
-    const pointerDown = dragHandler.pointerDown();
-    const snapFraction = 1 / (scrollSnaps.length - 1);
-    let indexA = fadeIndex;
-    let indexB = pointerDown ? emblaApi.selectedScrollSnap() : emblaApi.previousScrollSnap();
-    if (pointerDown && indexA === indexB) {
-      const reverseSign = Math.sign(distanceFromPointerDown) * -1;
-      indexA = indexB;
-      indexB = index.clone().set(indexB).add(reverseSign).get();
-    }
-    const currentPosition = indexB * snapFraction;
-    const diffPosition = (indexA - indexB) * snapFraction;
-    progress = currentPosition + diffPosition * opacity;
-  }
-  function getFadeIndex() {
-    const {
-      dragHandler,
-      index,
-      scrollBody
-    } = emblaApi.internalEngine();
-    const selectedSnap = emblaApi.selectedScrollSnap();
-    if (!dragHandler.pointerDown()) return selectedSnap;
-    const directionSign = Math.sign(scrollBody.velocity());
-    const distanceSign = Math.sign(distanceFromPointerDown);
-    const nextSnap = index.clone().set(selectedSnap).add(directionSign * -1).get();
-    if (!directionSign || !distanceSign) return null;
-    return distanceSign === directionSign ? nextSnap : selectedSnap;
-  }
-  function fade(emblaApi) {
-    const {
-      dragHandler,
-      scrollBody
-    } = emblaApi.internalEngine();
-    const pointerDown = dragHandler.pointerDown();
-    const velocity = scrollBody.velocity();
-    const duration = scrollBody.duration();
-    const fadeIndex = getFadeIndex();
-    const noFadeIndex = !isNumber(fadeIndex);
-    if (pointerDown) {
-      if (!velocity) return;
-      distanceFromPointerDown += velocity;
-      fadeVelocity = Math.abs(velocity / fadeToNextDistance);
-      lockExcessiveScroll(fadeIndex);
-    }
-    if (!pointerDown) {
-      if (!duration || noFadeIndex) return;
-      fadeVelocity += (fullOpacity - opacities[fadeIndex]) / duration;
-      fadeVelocity *= fadeFriction;
-    }
-    if (noFadeIndex) return;
-    setOpacities(fadeIndex, fadeVelocity);
-  }
-  function settled() {
-    const {
-      target,
-      location
-    } = emblaApi.internalEngine();
-    const diffToTarget = target.get() - location.get();
-    const notReachedTarget = Math.abs(diffToTarget) >= 1;
-    const fadeIndex = getFadeIndex();
-    const noFadeIndex = !isNumber(fadeIndex);
-    fade(emblaApi);
-    if (noFadeIndex || notReachedTarget) return false;
-    return opacities[fadeIndex] > 0.999;
-  }
-  function scrollProgress() {
-    return progress;
-  }
-  const self = {
-    name: 'fade',
-    options: userOptions,
-    init,
-    destroy
-  };
-  return self;
-}
-Fade.globalOptions = undefined;
-
-var MOBILE_MEDIA_QUERY$1 = "(max-width: 767px)";
-/** Media track slides. Also the dot/aria-label source of truth. */
-var MEDIA_ITEM_SELECTOR = "[data-lsg-carousel-item]";
-/** Text track slides, one per media slide. */
-var CONTENT_ITEM_SELECTOR = "[data-lsg-carousel-content-item]";
-var directChildren = function (container, selector) {
-  return container ? Array.from(container.children).filter(function (el) {
-    return el instanceof HTMLElement && el.matches(selector);
-  }) : [];
-};
 var LsgCarouselController = /** @class */function () {
   function LsgCarouselController(viewport, elements, options) {
-    var _a;
     if (elements === void 0) {
       elements = {};
     }
@@ -2377,10 +2114,8 @@ var LsgCarouselController = /** @class */function () {
       options = {};
     }
     var _this = this;
-    var _b, _c, _d, _e, _f, _g, _h;
-    this.media = null;
-    this.content = null;
-    this.syncing = false;
+    var _a, _b, _c, _d;
+    this.embla = null;
     /**
      * Embla automatically falls back to non-looping mode when there is not enough
      * slide content to create a safe loop (most noticeable with two-up layouts and
@@ -2388,228 +2123,82 @@ var LsgCarouselController = /** @class */function () {
      * when there is no native previous snap, jump to the final authored snap.
      */
     this.scrollPrev = function () {
-      if (!_this.media) return;
-      if (_this.media.canScrollPrev()) {
-        _this.media.scrollPrev();
+      if (!_this.embla) return;
+      if (_this.embla.canScrollPrev()) {
+        _this.embla.scrollPrev();
         return;
       }
-      var lastSnap = _this.media.scrollSnapList().length - 1;
-      if (lastSnap >= 0) _this.media.scrollTo(lastSnap);
+      var lastSnap = _this.embla.scrollSnapList().length - 1;
+      if (lastSnap >= 0) _this.embla.scrollTo(lastSnap);
     };
     /** See `scrollPrev` for why the explicit wrap fallback is required. */
     this.scrollNext = function () {
-      if (!_this.media) return;
-      if (_this.media.canScrollNext()) {
-        _this.media.scrollNext();
+      if (!_this.embla) return;
+      if (_this.embla.canScrollNext()) {
+        _this.embla.scrollNext();
         return;
       }
-      if (_this.media.scrollSnapList().length > 0) _this.media.scrollTo(0);
-    };
-    /**
-     * The text track never initiates navigation, but it owns its own resize and
-     * mutation observers. If one instance re-measures without the other, this pulls
-     * the media track back onto the text track's index rather than letting them drift.
-     */
-    this.handleContentSelect = function () {
-      if (!_this.media || !_this.content || _this.syncing) return;
-      var target = _this.content.selectedScrollSnap();
-      if (_this.media.selectedScrollSnap() === target) return;
-      _this.syncing = true;
-      try {
-        _this.media.scrollTo(target, true);
-      } finally {
-        _this.syncing = false;
-      }
-    };
-    /** Reader-initiated navigation: repaint state, then crossfade the text. */
-    this.handleMediaSelect = function () {
-      _this.syncSelectedState();
-      _this.pushToContent();
-    };
-    /**
-     * Re-measure events (breakpoint flip, resize, authored items added/removed).
-     * The text is realigned with a hard cut because nothing moved for the reader.
-     */
-    this.handleResync = function () {
-      _this.syncSelectedState();
-      _this.pushToContent(true);
+      if (_this.embla.scrollSnapList().length > 0) _this.embla.scrollTo(0);
     };
-    /** Repaints dot/arrow/a11y state from the media index. Never navigates. */
     this.syncSelectedState = function () {
-      var _a, _b, _c, _d, _e, _f;
-      var selected = (_b = (_a = _this.media) === null || _a === void 0 ? void 0 : _a.selectedScrollSnap()) !== null && _b !== void 0 ? _b : 0;
-      var snapCount = (_d = (_c = _this.media) === null || _c === void 0 ? void 0 : _c.scrollSnapList().length) !== null && _d !== void 0 ? _d : 0;
+      var _a, _b;
+      var selected = (_b = (_a = _this.embla) === null || _a === void 0 ? void 0 : _a.selectedScrollSnap()) !== null && _b !== void 0 ? _b : 0;
       _this.paginationBtns.forEach(function (button, index) {
         var active = index === selected;
         button.classList.toggle("lsg-carousel__dot--active", active);
         button.setAttribute("aria-current", active ? "true" : "false");
       });
-      // Cosmetic only. Looping plus the cyclic wrap above mean both arrows always
-      // act, so `disabled`/`aria-disabled` would misreport them to assistive tech.
-      // Themes use these classes to mute the leading/trailing half of the pill.
-      (_e = _this.els.prevBtn) === null || _e === void 0 ? void 0 : _e.classList.toggle("lsg-carousel__arrow--at-start", selected === 0);
-      (_f = _this.els.nextBtn) === null || _f === void 0 ? void 0 : _f.classList.toggle("lsg-carousel__arrow--at-end", snapCount > 0 && selected === snapCount - 1);
-      // The fade plugin only sets opacity and pointer-events, so without this every
-      // faded-out text block keeps its heading in the accessibility tree and its CTA
-      // in the tab order - N copies of the same landmark for a sighted-equivalent
-      // view of one.
-      _this.contentSlides.forEach(function (slide, index) {
-        var active = index === selected;
-        slide.toggleAttribute("inert", !active);
-        if (active) slide.removeAttribute("aria-hidden");else slide.setAttribute("aria-hidden", "true");
-      });
     };
     this.els = elements;
-    this.mediaViewport = viewport;
     this.paginationBtns = elements.paginationBtns ? Array.from(elements.paginationBtns) : [];
-    var mediaTrack = viewport.firstElementChild;
-    var mediaSlides = directChildren(mediaTrack, MEDIA_ITEM_SELECTOR);
-    // Embla resolves `container` as `root.children[0]` and `slides` as its
-    // element children. Passing both explicitly instead makes the instance
-    // immune to AEM injecting its own nodes (e.g. the edit-mode
-    // `div.new.section.aem-Grid-newComponent` drop target) into the track.
-    this.media = EmblaCarousel(viewport, {
+    this.embla = EmblaCarousel(viewport, {
       align: "start",
       // Every authored media item owns a pagination dot. `trimSnaps` can remove
       // the final snap when two-up/peek layouts do not have enough overflow,
       // leaving the last authored item only partially reachable. Keep all snaps
       // so dot/item indexes stay 1:1 for 2, 3, 4, ... media items.
-      //
-      // This is ALSO load-bearing for the text/media sync: `containSnaps` is
-      // `!loop && !!containScroll`, so with this `false` the snap list is
-      // always `snapsAligned` - one snap per slide, whatever the slide's
-      // flex-basis. That is the only reason a 380px peek track and a 100%-wide
-      // crossfade track can share one index. Reverting this to `trimSnaps`
-      // drops trailing snaps on the media track alone and desyncs the tail.
       containScroll: false,
-      direction: (_b = options.direction) !== null && _b !== void 0 ? _b : "ltr",
-      loop: (_c = options.loop) !== null && _c !== void 0 ? _c : true,
+      direction: (_a = options.direction) !== null && _a !== void 0 ? _a : "ltr",
+      loop: (_b = options.loop) !== null && _b !== void 0 ? _b : true,
       skipSnaps: false,
-      slidesToScroll: 1,
-      container: mediaTrack !== null && mediaTrack !== void 0 ? mediaTrack : undefined,
-      slides: mediaSlides.length ? mediaSlides : undefined,
-      // All layouts collapse to the same mobile stack, which is never
-      // mirrored. Embla restores the selected index when a breakpoint
-      // re-activates, so the flip is not visible to the reader.
-      breakpoints: (_a = {}, _a[MOBILE_MEDIA_QUERY$1] = {
-        direction: "ltr"
-      }, _a)
+      slidesToScroll: 1
     });
-    var contentViewport = (_d = elements.contentViewport) !== null && _d !== void 0 ? _d : null;
-    var contentTrack = contentViewport === null || contentViewport === void 0 ? void 0 : contentViewport.firstElementChild;
-    this.contentSlides = directChildren(contentTrack, CONTENT_ITEM_SELECTOR);
-    // Unequal counts are the one remaining way the two tracks can desync, and a
-    // text block silently paired with the wrong image is worse than no text
-    // animation at all. Degrade to media-only rather than risk it.
-    var countsMatch = mediaSlides.length > 0 && this.contentSlides.length === mediaSlides.length;
-    if (contentViewport && contentTrack && countsMatch) {
-      this.content = EmblaCarousel(contentViewport, {
-        align: "start",
-        // Must match the media track's snap arithmetic - see above.
-        containScroll: false,
-        // The text crossfades in place, so there is nothing to mirror.
-        direction: "ltr",
-        // Inert on a fade instance: the plugin calls `disableScroll()`, which
-        // deactivates the translate and every loop point. Set for config
-        // symmetry with the media track, not for behaviour.
-        loop: (_e = options.loop) !== null && _e !== void 0 ? _e : true,
-        skipSnaps: false,
-        slidesToScroll: 1,
-        // The reader drags the media, never the text. Without this the text
-        // track would fight the media track for the same pointer.
-        watchDrag: false,
-        container: contentTrack,
-        slides: this.contentSlides
-      }, [Fade()]);
-    }
     this.paginationHandlers = this.paginationBtns.map(function (_, index) {
       return function () {
         var _a;
-        (_a = _this.media) === null || _a === void 0 ? void 0 : _a.scrollTo(index);
+        (_a = _this.embla) === null || _a === void 0 ? void 0 : _a.scrollTo(index);
       };
     });
-    (_f = this.els.prevBtn) === null || _f === void 0 ? void 0 : _f.addEventListener("click", this.scrollPrev);
-    (_g = this.els.nextBtn) === null || _g === void 0 ? void 0 : _g.addEventListener("click", this.scrollNext);
+    (_c = this.els.prevBtn) === null || _c === void 0 ? void 0 : _c.addEventListener("click", this.scrollPrev);
+    (_d = this.els.nextBtn) === null || _d === void 0 ? void 0 : _d.addEventListener("click", this.scrollNext);
     this.paginationBtns.forEach(function (button, index) {
       button.addEventListener("click", _this.paginationHandlers[index]);
     });
-    this.media.on("select", this.handleMediaSelect);
-    this.media.on("reInit", this.handleResync);
-    this.media.on("slidesChanged", this.handleResync);
-    (_h = this.content) === null || _h === void 0 ? void 0 : _h.on("select", this.handleContentSelect);
-    // Initial alignment is a hard cut - there is nothing to crossfade from.
-    this.handleResync();
-  }
-  /**
-   * Drive the text track from the media index.
-   *
-   * `jump` skips the crossfade (Embla sets duration 0, and the fade plugin then
-   * snaps opacity instantly). Use it only for re-measure events, never for
-   * reader-initiated navigation, or the text hard-cuts instead of fading.
-   */
-  LsgCarouselController.prototype.pushToContent = function (jump) {
-    if (jump === void 0) {
-      jump = false;
-    }
-    if (!this.media || !this.content || this.syncing) return;
-    var target = this.media.selectedScrollSnap();
-    if (this.content.selectedScrollSnap() === target) return;
-    this.syncing = true;
-    try {
-      this.content.scrollTo(target, jump);
-    } finally {
-      this.syncing = false;
-    }
-  };
+    this.embla.on("select", this.syncSelectedState);
+    this.embla.on("reInit", this.syncSelectedState);
+    this.syncSelectedState();
+  }
   Object.defineProperty(LsgCarouselController.prototype, "emblaApi", {
     get: function () {
-      return this.media;
-    },
-    enumerable: false,
-    configurable: true
-  });
-  Object.defineProperty(LsgCarouselController.prototype, "contentApi", {
-    /** Text track handle. Exposed for the index-parity checks in the test plan. */
-    get: function () {
-      return this.content;
+      return this.embla;
     },
     enumerable: false,
     configurable: true
   });
   LsgCarouselController.prototype.destroy = function () {
     var _this = this;
-    var _a, _b, _c, _d;
+    var _a, _b;
     (_a = this.els.prevBtn) === null || _a === void 0 ? void 0 : _a.removeEventListener("click", this.scrollPrev);
     (_b = this.els.nextBtn) === null || _b === void 0 ? void 0 : _b.removeEventListener("click", this.scrollNext);
     this.paginationBtns.forEach(function (button, index) {
       button.removeEventListener("click", _this.paginationHandlers[index]);
     });
-    // Content first: its plugin restores the inline opacity/transform it wrote,
-    // and it reads `internalEngine()` while doing so.
-    if (this.content) {
-      this.content.off("select", this.handleContentSelect);
-      this.content.destroy();
-      this.content = null;
-    }
-    if (this.media) {
-      this.media.off("select", this.handleMediaSelect);
-      this.media.off("reInit", this.handleResync);
-      this.media.off("slidesChanged", this.handleResync);
-      this.media.destroy();
-      this.media = null;
+    if (this.embla) {
+      this.embla.off("select", this.syncSelectedState);
+      this.embla.off("reInit", this.syncSelectedState);
+      this.embla.destroy();
+      this.embla = null;
     }
-    // Embla restores what Embla wrote. Everything below is ours, and leaving it
-    // behind would make server-rendered markup re-initialise into a stale state.
-    this.paginationBtns.forEach(function (button) {
-      button.classList.remove("lsg-carousel__dot--active");
-      button.removeAttribute("aria-current");
-    });
-    (_c = this.els.prevBtn) === null || _c === void 0 ? void 0 : _c.classList.remove("lsg-carousel__arrow--at-start");
-    (_d = this.els.nextBtn) === null || _d === void 0 ? void 0 : _d.classList.remove("lsg-carousel__arrow--at-end");
-    this.contentSlides.forEach(function (slide) {
-      slide.removeAttribute("inert");
-      slide.removeAttribute("aria-hidden");
-    });
   };
   return LsgCarouselController;
 }();
@@ -2621,27 +2210,24 @@ var mediaTypeFor = function (item) {
 var directionForLayout = function (layout) {
   return layout === "media-left" ? "rtl" : "ltr";
 };
-var hasText = function (item) {
-  return Boolean(item.preTitle || item.heading || item.body || item.cta);
-};
 var LsgCarousel = function (_a) {
-  var _b = _a.items,
-    items = _b === void 0 ? [] : _b,
-    _c = _a.layout,
-    layout = _c === void 0 ? "media-right" : _c,
-    background = _a.background,
-    _d = _a.headingTag,
-    headingTag = _d === void 0 ? "h2" : _d,
-    _e = _a.ariaLabel,
-    ariaLabel = _e === void 0 ? "Media carousel" : _e,
-    _f = _a.className,
-    className = _f === void 0 ? "" : _f,
-    heading = _a.heading,
+  var _b;
+  var heading = _a.heading,
     preTitle = _a.preTitle,
     body = _a.body,
-    cta = _a.cta;
+    cta = _a.cta,
+    _c = _a.items,
+    items = _c === void 0 ? [] : _c,
+    _d = _a.layout,
+    layout = _d === void 0 ? "media-right" : _d,
+    _e = _a.headingTag,
+    headingTag = _e === void 0 ? "h2" : _e,
+    _f = _a.ariaLabel,
+    ariaLabel = _f === void 0 ? "Media carousel" : _f,
+    _g = _a.className,
+    className = _g === void 0 ? "" : _g;
+  var rootRef = useRef(null);
   var viewportRef = useRef(null);
-  var contentViewportRef = useRef(null);
   var prevBtnRef = useRef(null);
   var nextBtnRef = useRef(null);
   var dotsRef = useRef(null);
@@ -2649,29 +2235,13 @@ var LsgCarousel = function (_a) {
   var HeadingTag = headingTag;
   var isCarousel = items.length > 1;
   var carouselDirection = directionForLayout(layout);
-  // Legacy single-content-block callers passed the text alongside `items`. Fold
-  // it onto the first item so their carousel still renders its copy.
-  var resolvedItems = useMemo(function () {
-    var legacy = {
-      preTitle: preTitle,
-      heading: heading,
-      body: body,
-      cta: cta
-    };
-    var hasLegacy = Boolean(legacy.preTitle || legacy.heading || legacy.body || legacy.cta);
-    if (!hasLegacy || !items.length || hasText(items[0])) return items;
-    return items.map(function (item, index) {
-      return index === 0 ? __assign(__assign({}, legacy), item) : item;
-    });
-  }, [items, preTitle, heading, body, cta]);
   useEffect(function () {
     var _a, _b;
     if (!viewportRef.current || !isCarousel) return;
     controllerRef.current = new LsgCarouselController(viewportRef.current, {
       prevBtn: prevBtnRef.current,
       nextBtn: nextBtnRef.current,
-      paginationBtns: (_b = (_a = dotsRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll("[data-lsg-carousel-dot]")) !== null && _b !== void 0 ? _b : [],
-      contentViewport: contentViewportRef.current
+      paginationBtns: (_b = (_a = dotsRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll("[data-lsg-carousel-dot]")) !== null && _b !== void 0 ? _b : []
     }, {
       loop: true,
       direction: carouselDirection
@@ -2681,72 +2251,55 @@ var LsgCarousel = function (_a) {
       (_a = controllerRef.current) === null || _a === void 0 ? void 0 : _a.destroy();
       controllerRef.current = null;
     };
-  }, [carouselDirection, isCarousel, resolvedItems.length]);
-  var rootClasses = ["lsg-carousel", "lsg-carousel--".concat(layout),
-  // In AEM this class arrives on the decoration div instead; the SCSS only
-  // sets inherited custom properties, so either position works.
-  background ? "lsg-carousel--bg-".concat(background) : "", className].filter(Boolean).join(" ");
-  var keyFor = function (item, index) {
-    var _a, _b, _c;
-    return (_a = item.id) !== null && _a !== void 0 ? _a : "".concat(mediaTypeFor(item), "-").concat((_c = (_b = item.imageUrl) !== null && _b !== void 0 ? _b : item.videoUrl) !== null && _c !== void 0 ? _c : index, "-").concat(index);
-  };
+  }, [carouselDirection, isCarousel, items.length]);
+  var rootClasses = ["lsg-carousel", "lsg-carousel--".concat(layout), className].filter(Boolean).join(" ");
   return /*#__PURE__*/React.createElement("section", {
+    ref: rootRef,
     className: rootClasses,
     "data-lsg-is": "carousel",
     "data-lsg-carousel-layout": layout,
     "data-lsg-carousel-direction": carouselDirection,
-    "data-lsg-carousel-count": resolvedItems.length,
+    "data-lsg-carousel-count": items.length,
     "aria-label": ariaLabel
   }, /*#__PURE__*/React.createElement("div", {
     className: "lsg-carousel__shell"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "lsg-carousel__content",
-    ref: contentViewportRef,
-    "data-lsg-carousel-content-viewport": true
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "lsg-carousel__content-track"
-  }, resolvedItems.map(function (item, index) {
-    var _a;
-    return /*#__PURE__*/React.createElement("div", {
-      key: keyFor(item, index),
-      className: "lsg-carousel__content-slide",
-      "data-lsg-carousel-content-item": true
-    }, item.preTitle && /*#__PURE__*/React.createElement("div", {
-      className: "lsg-carousel__pre-title"
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "lsg-carousel__pre-title-marker",
-      "aria-hidden": "true"
-    }), /*#__PURE__*/React.createElement("span", null, item.preTitle)), item.heading && /*#__PURE__*/React.createElement(HeadingTag, {
-      className: "lsg-carousel__heading"
-    }, item.heading), item.body && /*#__PURE__*/React.createElement("p", {
-      className: "lsg-carousel__body"
-    }, item.body), item.cta && /*#__PURE__*/React.createElement("div", {
-      className: "lsg-carousel__actions"
-    }, /*#__PURE__*/React.createElement(LsgButton, {
-      className: "lsg-carousel__cta",
-      href: item.cta.href,
-      external: item.cta.external,
-      variant: (_a = item.cta.variant) !== null && _a !== void 0 ? _a : "primary",
-      onClick: item.cta.onClick
-    }, item.cta.label)));
-  }))), /*#__PURE__*/React.createElement("div", {
+    className: "lsg-carousel__content"
+  }, preTitle && /*#__PURE__*/React.createElement("div", {
+    className: "lsg-carousel__pre-title"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "lsg-carousel__pre-title-marker",
+    "aria-hidden": "true"
+  }), /*#__PURE__*/React.createElement("span", null, preTitle)), /*#__PURE__*/React.createElement(HeadingTag, {
+    className: "lsg-carousel__heading"
+  }, heading), body && /*#__PURE__*/React.createElement("p", {
+    className: "lsg-carousel__body"
+  }, body), cta && /*#__PURE__*/React.createElement("div", {
+    className: "lsg-carousel__actions"
+  }, /*#__PURE__*/React.createElement(LsgButton, {
+    className: "lsg-carousel__cta",
+    href: cta.href,
+    external: cta.external,
+    variant: (_b = cta.variant) !== null && _b !== void 0 ? _b : "primary",
+    onClick: cta.onClick
+  }, cta.label))), /*#__PURE__*/React.createElement("div", {
     className: "lsg-carousel__media-column"
   }, /*#__PURE__*/React.createElement("div", {
     className: "lsg-carousel__viewport",
     ref: viewportRef,
-    dir: carouselDirection,
-    "data-lsg-carousel-media-viewport": true
+    dir: carouselDirection
   }, /*#__PURE__*/React.createElement("div", {
     className: "lsg-carousel__track",
     role: "list"
-  }, resolvedItems.map(function (item, index) {
-    var _a, _b, _c, _d;
+  }, items.map(function (item, index) {
+    var _a, _b, _c, _d, _e, _f, _g;
     var type = mediaTypeFor(item);
+    var key = (_a = item.id) !== null && _a !== void 0 ? _a : "".concat(type, "-").concat((_c = (_b = item.imageUrl) !== null && _b !== void 0 ? _b : item.videoUrl) !== null && _c !== void 0 ? _c : index, "-").concat(index);
     return /*#__PURE__*/React.createElement("article", {
-      key: keyFor(item, index),
+      key: key,
       className: "lsg-carousel__slide",
       role: "listitem",
-      "aria-label": "Slide ".concat(index + 1, " of ").concat(resolvedItems.length),
+      "aria-label": "Slide ".concat(index + 1, " of ").concat(items.length),
       "data-lsg-carousel-item": true
     }, /*#__PURE__*/React.createElement("div", {
       className: "lsg-carousel__media"
@@ -2754,10 +2307,10 @@ var LsgCarousel = function (_a) {
       videoUrl: item.videoUrl,
       imageUrl: item.videoPoster,
       imageAlt: item.imageAlt,
-      controls: (_a = item.videoControls) !== null && _a !== void 0 ? _a : true,
-      autoplay: (_b = item.videoAutoPlay) !== null && _b !== void 0 ? _b : false,
-      muted: (_c = item.videoMuted) !== null && _c !== void 0 ? _c : true,
-      loop: (_d = item.videoLoop) !== null && _d !== void 0 ? _d : false,
+      controls: (_d = item.videoControls) !== null && _d !== void 0 ? _d : true,
+      autoplay: (_e = item.videoAutoPlay) !== null && _e !== void 0 ? _e : false,
+      muted: (_f = item.videoMuted) !== null && _f !== void 0 ? _f : true,
+      loop: (_g = item.videoLoop) !== null && _g !== void 0 ? _g : false,
       displayMode: "content",
       showTags: false,
       className: "lsg-carousel__video-component"
@@ -2772,10 +2325,8 @@ var LsgCarousel = function (_a) {
       className: "lsg-carousel__media-label"
     }, item.label)));
   }))), isCarousel && /*#__PURE__*/React.createElement("div", {
-    className: "lsg-carousel__controls",
+    className: "lsg-carousel__navigation",
     "aria-label": "Carousel navigation"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "lsg-carousel__nav"
   }, /*#__PURE__*/React.createElement("button", {
     ref: prevBtnRef,
     className: "lsg-carousel__arrow lsg-carousel__arrow--prev",
@@ -2785,19 +2336,10 @@ var LsgCarousel = function (_a) {
   }, /*#__PURE__*/React.createElement("span", {
     className: "lsg-carousel__arrow-icon",
     "aria-hidden": "true"
-  })), /*#__PURE__*/React.createElement("button", {
-    ref: nextBtnRef,
-    className: "lsg-carousel__arrow lsg-carousel__arrow--next",
-    type: "button",
-    "aria-label": "Next slide",
-    "data-lsg-carousel-next": true
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "lsg-carousel__arrow-icon",
-    "aria-hidden": "true"
-  }))), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "lsg-carousel__pagination",
     ref: dotsRef
-  }, resolvedItems.map(function (item, index) {
+  }, items.map(function (item, index) {
     var _a;
     return /*#__PURE__*/React.createElement("button", {
       key: (_a = item.id) !== null && _a !== void 0 ? _a : "dot-".concat(index),
@@ -2807,6 +2349,15 @@ var LsgCarousel = function (_a) {
       "aria-current": index === 0 ? "true" : "false",
       "data-lsg-carousel-dot": true
     });
+  })), /*#__PURE__*/React.createElement("button", {
+    ref: nextBtnRef,
+    className: "lsg-carousel__arrow lsg-carousel__arrow--next",
+    type: "button",
+    "aria-label": "Next slide",
+    "data-lsg-carousel-next": true
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "lsg-carousel__arrow-icon",
+    "aria-hidden": "true"
   }))))));
 };
 
@@ -4210,6 +3761,227 @@ var LsgFooter = function (_a) {
   }))))), bottomBar);
 };
 
+function clampNumber(number, min, max) {
+  return Math.min(Math.max(number, min), max);
+}
+function isNumber(value) {
+  return typeof value === 'number' && !isNaN(value);
+}
+function Fade(userOptions = {}) {
+  const fullOpacity = 1;
+  const noOpacity = 0;
+  const fadeFriction = 0.68;
+  let emblaApi;
+  let opacities = [];
+  let fadeToNextDistance;
+  let distanceFromPointerDown = 0;
+  let fadeVelocity = 0;
+  let progress = 0;
+  let shouldFadePair = false;
+  let defaultSettledBehaviour;
+  let defaultProgressBehaviour;
+  function init(emblaApiInstance) {
+    emblaApi = emblaApiInstance;
+    const selectedSnap = emblaApi.selectedScrollSnap();
+    const {
+      scrollBody,
+      containerRect,
+      axis
+    } = emblaApi.internalEngine();
+    const containerSize = axis.measureSize(containerRect);
+    fadeToNextDistance = clampNumber(containerSize * 0.75, 200, 500);
+    shouldFadePair = false;
+    opacities = emblaApi.scrollSnapList().map((_, index) => index === selectedSnap ? fullOpacity : noOpacity);
+    defaultSettledBehaviour = scrollBody.settled;
+    defaultProgressBehaviour = emblaApi.scrollProgress;
+    scrollBody.settled = settled;
+    emblaApi.scrollProgress = scrollProgress;
+    emblaApi.on('select', select).on('slideFocus', fadeToSelectedSnapInstantly).on('pointerDown', pointerDown).on('pointerUp', pointerUp);
+    disableScroll();
+    fadeToSelectedSnapInstantly();
+  }
+  function destroy() {
+    const {
+      scrollBody
+    } = emblaApi.internalEngine();
+    scrollBody.settled = defaultSettledBehaviour;
+    emblaApi.scrollProgress = defaultProgressBehaviour;
+    emblaApi.off('select', select).off('slideFocus', fadeToSelectedSnapInstantly).off('pointerDown', pointerDown).off('pointerUp', pointerUp);
+    emblaApi.slideNodes().forEach(slideNode => {
+      const slideStyle = slideNode.style;
+      slideStyle.opacity = '';
+      slideStyle.transform = '';
+      slideStyle.pointerEvents = '';
+      if (!slideNode.getAttribute('style')) slideNode.removeAttribute('style');
+    });
+  }
+  function fadeToSelectedSnapInstantly() {
+    const selectedSnap = emblaApi.selectedScrollSnap();
+    setOpacities(selectedSnap, fullOpacity);
+  }
+  function pointerUp() {
+    shouldFadePair = false;
+  }
+  function pointerDown() {
+    shouldFadePair = false;
+    distanceFromPointerDown = 0;
+    fadeVelocity = 0;
+  }
+  function select() {
+    const duration = emblaApi.internalEngine().scrollBody.duration();
+    fadeVelocity = duration ? 0 : fullOpacity;
+    shouldFadePair = true;
+    if (!duration) fadeToSelectedSnapInstantly();
+  }
+  function getSlideTransform(position) {
+    const {
+      axis
+    } = emblaApi.internalEngine();
+    const translateAxis = axis.scroll.toUpperCase();
+    return `translate${translateAxis}(${axis.direction(position)}px)`;
+  }
+  function disableScroll() {
+    const {
+      translate,
+      slideLooper
+    } = emblaApi.internalEngine();
+    translate.clear();
+    translate.toggleActive(false);
+    slideLooper.loopPoints.forEach(({
+      translate
+    }) => {
+      translate.clear();
+      translate.toggleActive(false);
+    });
+  }
+  function lockExcessiveScroll(fadeIndex) {
+    const {
+      scrollSnaps,
+      location,
+      target
+    } = emblaApi.internalEngine();
+    if (!isNumber(fadeIndex) || opacities[fadeIndex] < 0.5) return;
+    location.set(scrollSnaps[fadeIndex]);
+    target.set(location);
+  }
+  function setOpacities(fadeIndex, velocity) {
+    const scrollSnaps = emblaApi.scrollSnapList();
+    scrollSnaps.forEach((_, indexA) => {
+      const absVelocity = Math.abs(velocity);
+      const currentOpacity = opacities[indexA];
+      const isFadeIndex = indexA === fadeIndex;
+      const nextOpacity = isFadeIndex ? currentOpacity + absVelocity : currentOpacity - absVelocity;
+      const clampedOpacity = clampNumber(nextOpacity, noOpacity, fullOpacity);
+      opacities[indexA] = clampedOpacity;
+      const fadePair = isFadeIndex && shouldFadePair;
+      const indexB = emblaApi.previousScrollSnap();
+      if (fadePair) opacities[indexB] = 1 - clampedOpacity;
+      if (isFadeIndex) setProgress(fadeIndex, clampedOpacity);
+      setOpacity(indexA);
+    });
+  }
+  function setOpacity(index) {
+    const slidesInSnap = emblaApi.internalEngine().slideRegistry[index];
+    const {
+      scrollSnaps,
+      containerRect
+    } = emblaApi.internalEngine();
+    const opacity = opacities[index];
+    slidesInSnap.forEach(slideIndex => {
+      const slideStyle = emblaApi.slideNodes()[slideIndex].style;
+      const roundedOpacity = parseFloat(opacity.toFixed(2));
+      const hasOpacity = roundedOpacity > noOpacity;
+      const position = hasOpacity ? scrollSnaps[index] : containerRect.width + 2;
+      const transform = getSlideTransform(position);
+      if (hasOpacity) slideStyle.transform = transform;
+      slideStyle.opacity = roundedOpacity.toString();
+      slideStyle.pointerEvents = opacity > 0.5 ? 'auto' : 'none';
+      if (!hasOpacity) slideStyle.transform = transform;
+    });
+  }
+  function setProgress(fadeIndex, opacity) {
+    const {
+      index,
+      dragHandler,
+      scrollSnaps
+    } = emblaApi.internalEngine();
+    const pointerDown = dragHandler.pointerDown();
+    const snapFraction = 1 / (scrollSnaps.length - 1);
+    let indexA = fadeIndex;
+    let indexB = pointerDown ? emblaApi.selectedScrollSnap() : emblaApi.previousScrollSnap();
+    if (pointerDown && indexA === indexB) {
+      const reverseSign = Math.sign(distanceFromPointerDown) * -1;
+      indexA = indexB;
+      indexB = index.clone().set(indexB).add(reverseSign).get();
+    }
+    const currentPosition = indexB * snapFraction;
+    const diffPosition = (indexA - indexB) * snapFraction;
+    progress = currentPosition + diffPosition * opacity;
+  }
+  function getFadeIndex() {
+    const {
+      dragHandler,
+      index,
+      scrollBody
+    } = emblaApi.internalEngine();
+    const selectedSnap = emblaApi.selectedScrollSnap();
+    if (!dragHandler.pointerDown()) return selectedSnap;
+    const directionSign = Math.sign(scrollBody.velocity());
+    const distanceSign = Math.sign(distanceFromPointerDown);
+    const nextSnap = index.clone().set(selectedSnap).add(directionSign * -1).get();
+    if (!directionSign || !distanceSign) return null;
+    return distanceSign === directionSign ? nextSnap : selectedSnap;
+  }
+  function fade(emblaApi) {
+    const {
+      dragHandler,
+      scrollBody
+    } = emblaApi.internalEngine();
+    const pointerDown = dragHandler.pointerDown();
+    const velocity = scrollBody.velocity();
+    const duration = scrollBody.duration();
+    const fadeIndex = getFadeIndex();
+    const noFadeIndex = !isNumber(fadeIndex);
+    if (pointerDown) {
+      if (!velocity) return;
+      distanceFromPointerDown += velocity;
+      fadeVelocity = Math.abs(velocity / fadeToNextDistance);
+      lockExcessiveScroll(fadeIndex);
+    }
+    if (!pointerDown) {
+      if (!duration || noFadeIndex) return;
+      fadeVelocity += (fullOpacity - opacities[fadeIndex]) / duration;
+      fadeVelocity *= fadeFriction;
+    }
+    if (noFadeIndex) return;
+    setOpacities(fadeIndex, fadeVelocity);
+  }
+  function settled() {
+    const {
+      target,
+      location
+    } = emblaApi.internalEngine();
+    const diffToTarget = target.get() - location.get();
+    const notReachedTarget = Math.abs(diffToTarget) >= 1;
+    const fadeIndex = getFadeIndex();
+    const noFadeIndex = !isNumber(fadeIndex);
+    fade(emblaApi);
+    if (noFadeIndex || notReachedTarget) return false;
+    return opacities[fadeIndex] > 0.999;
+  }
+  function scrollProgress() {
+    return progress;
+  }
+  const self = {
+    name: 'fade',
+    options: userOptions,
+    init,
+    destroy
+  };
+  return self;
+}
+Fade.globalOptions = undefined;
+
 var LsgHeroController = /** @class */function () {
   function LsgHeroController(viewport, elements, options) {
     if (elements === void 0) {
@@ -4772,6 +4544,43 @@ var LsgTabs = function (_a) {
   }));
 };
 
+/**
+ * Storybook representation of the AEM LSG table markup.
+ * It deliberately emits the same Style System class contract as AEM.
+ */
+var LsgTable = function (_a) {
+  var headers = _a.headers,
+    rows = _a.rows,
+    _b = _a.headerBackground,
+    headerBackground = _b === void 0 ? "primary" : _b,
+    _c = _a.accentColors,
+    accentColors = _c === void 0 ? "black" : _c,
+    _d = _a.noAlternatingRows,
+    noAlternatingRows = _d === void 0 ? false : _d,
+    caption = _a.caption,
+    id = _a.id,
+    className = _a.className;
+  var wrapperClassName = ["table-focus", "background-color-".concat(headerBackground), "accent-color-".concat(accentColors), "no-alternating-rows-".concat(noAlternatingRows), className].filter(Boolean).join(" ");
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    id: id,
+    className: wrapperClassName
+  }, /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, headers.map(function (cell, index) {
+    return /*#__PURE__*/React.createElement("td", {
+      key: "header-".concat(index)
+    }, cell);
+  })), rows.map(function (row, rowIndex) {
+    return /*#__PURE__*/React.createElement("tr", {
+      key: "row-".concat(rowIndex)
+    }, row.map(function (cell, cellIndex) {
+      return /*#__PURE__*/React.createElement("td", {
+        key: "cell-".concat(rowIndex, "-").concat(cellIndex)
+      }, cell);
+    }));
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: "table-caption"
+  }, caption));
+};
+
 var LsgFormFieldText = function (_a) {
   var _b = _a.id,
     id = _b === void 0 ? "field-text" : _b,
@@ -5532,6 +5341,7 @@ var BASE_COMPONENTS = {
   LsgFooter: LsgFooter,
   LsgHero: LsgHero,
   LsgTabs: LsgTabs,
+  LsgTable: LsgTable,
   LsgFormContainer: LsgFormContainer,
   LsgFormFieldText: LsgFormFieldText,
   LsgFormFieldEmail: LsgFormFieldEmail,
@@ -5580,7 +5390,8 @@ function createThemeComponents(themeName) {
     LsgFormFieldConsent: createThemeComponent(themeName, "form-field-consent", BASE_COMPONENTS.LsgFormFieldConsent),
     LsgFormPolicyNotice: createThemeComponent(themeName, "form-policy-notice", BASE_COMPONENTS.LsgFormPolicyNotice),
     LsgFormStep: createThemeComponent(themeName, "form-step", BASE_COMPONENTS.LsgFormStep),
-    LsgTabs: createThemeComponent(themeName, "tabs", BASE_COMPONENTS.LsgTabs)
+    LsgTabs: createThemeComponent(themeName, "tabs", BASE_COMPONENTS.LsgTabs),
+    LsgTable: createThemeComponent(themeName, "table", BASE_COMPONENTS.LsgTable)
   };
 }
 
@@ -5602,6 +5413,7 @@ var Theme1LsgButton = theme1Components.LsgButton,
   Theme1LsgFooter = theme1Components.LsgFooter,
   Theme1LsgHero = theme1Components.LsgHero;
   theme1Components.LsgTabs;
+  var Theme1LsgTable = theme1Components.LsgTable;
   // Form components
   theme1Components.LsgFormContainer;
   theme1Components.LsgFormFieldText;
@@ -5630,7 +5442,8 @@ var Theme2LsgButton = theme2Components.LsgButton,
   Theme2LsgQuickLinks = theme2Components.LsgQuickLinks,
   Theme2LsgSocialMediaIcons = theme2Components.LsgSocialMediaIcons,
   Theme2LsgFooter = theme2Components.LsgFooter,
-  Theme2LsgHero = theme2Components.LsgHero;
+  Theme2LsgHero = theme2Components.LsgHero,
+  Theme2LsgTable = theme2Components.LsgTable;
   // Form components
   theme2Components.LsgFormContainer;
   theme2Components.LsgFormFieldText;
@@ -5658,7 +5471,8 @@ var Theme3LsgButton = theme3Components.LsgButton,
   Theme3LsgQuickLinks = theme3Components.LsgQuickLinks,
   Theme3LsgSocialMediaIcons = theme3Components.LsgSocialMediaIcons,
   Theme3LsgFooter = theme3Components.LsgFooter,
-  Theme3LsgHero = theme3Components.LsgHero;
+  Theme3LsgHero = theme3Components.LsgHero,
+  Theme3LsgTable = theme3Components.LsgTable;
   // Form components
   theme3Components.LsgFormContainer;
   theme3Components.LsgFormFieldText;
@@ -5670,5 +5484,5 @@ var Theme3LsgButton = theme3Components.LsgButton,
   theme3Components.LsgFormFieldConsent;
   theme3Components.LsgFormStep;
 
-export { LsgBanner, LsgBreadcrumb, LsgButton, LsgCard, LsgCards, LsgCarousel, LsgCarouselController, LsgFooter, LsgHeader, LsgHero, LsgHeroCard, LsgHeroController, LsgLanguageSwitcher, LsgLogo, LsgNavigation, LsgQuickLinks, LsgSearchOverlay, LsgSearchTrigger, LsgSocialMediaIcons, Theme1LsgBanner, Theme1LsgBreadcrumb, Theme1LsgButton, Theme1LsgCard, Theme1LsgCards, Theme1LsgCarousel, Theme1LsgFooter, Theme1LsgHeader, Theme1LsgHero, Theme1LsgLanguageSwitcher, Theme1LsgLogo, Theme1LsgNavigation, Theme1LsgQuickLinks, Theme1LsgSearchOverlay, Theme1LsgSearchTrigger, Theme1LsgSocialMediaIcons, Theme2LsgBanner, Theme2LsgBreadcrumb, Theme2LsgButton, Theme2LsgCard, Theme2LsgCards, Theme2LsgCarousel, Theme2LsgFooter, Theme2LsgHeader, Theme2LsgHero, Theme2LsgLanguageSwitcher, Theme2LsgLogo, Theme2LsgNavigation, Theme2LsgQuickLinks, Theme2LsgSearchOverlay, Theme2LsgSearchTrigger, Theme2LsgSocialMediaIcons, Theme3LsgBanner, Theme3LsgBreadcrumb, Theme3LsgButton, Theme3LsgCard, Theme3LsgCards, Theme3LsgCarousel, Theme3LsgFooter, Theme3LsgHeader, Theme3LsgHero, Theme3LsgLanguageSwitcher, Theme3LsgLogo, Theme3LsgNavigation, Theme3LsgQuickLinks, Theme3LsgSearchOverlay, Theme3LsgSearchTrigger, Theme3LsgSocialMediaIcons, getTelValue, initTelPickers, theme1Components, theme2Components, theme3Components };
+export { LsgBanner, LsgBreadcrumb, LsgButton, LsgCard, LsgCards, LsgCarousel, LsgCarouselController, LsgFooter, LsgHeader, LsgHero, LsgHeroCard, LsgHeroController, LsgLanguageSwitcher, LsgLogo, LsgNavigation, LsgQuickLinks, LsgSearchOverlay, LsgSearchTrigger, LsgSocialMediaIcons, LsgTable, Theme1LsgBanner, Theme1LsgBreadcrumb, Theme1LsgButton, Theme1LsgCard, Theme1LsgCards, Theme1LsgCarousel, Theme1LsgFooter, Theme1LsgHeader, Theme1LsgHero, Theme1LsgLanguageSwitcher, Theme1LsgLogo, Theme1LsgNavigation, Theme1LsgQuickLinks, Theme1LsgSearchOverlay, Theme1LsgSearchTrigger, Theme1LsgSocialMediaIcons, Theme1LsgTable, Theme2LsgBanner, Theme2LsgBreadcrumb, Theme2LsgButton, Theme2LsgCard, Theme2LsgCards, Theme2LsgCarousel, Theme2LsgFooter, Theme2LsgHeader, Theme2LsgHero, Theme2LsgLanguageSwitcher, Theme2LsgLogo, Theme2LsgNavigation, Theme2LsgQuickLinks, Theme2LsgSearchOverlay, Theme2LsgSearchTrigger, Theme2LsgSocialMediaIcons, Theme2LsgTable, Theme3LsgBanner, Theme3LsgBreadcrumb, Theme3LsgButton, Theme3LsgCard, Theme3LsgCards, Theme3LsgCarousel, Theme3LsgFooter, Theme3LsgHeader, Theme3LsgHero, Theme3LsgLanguageSwitcher, Theme3LsgLogo, Theme3LsgNavigation, Theme3LsgQuickLinks, Theme3LsgSearchOverlay, Theme3LsgSearchTrigger, Theme3LsgSocialMediaIcons, Theme3LsgTable, getTelValue, initTelPickers, theme1Components, theme2Components, theme3Components };
 //# sourceMappingURL=index.esm.js.map