@hortiview/shared-components 2.8.6 → 2.8.7

package/dist/components/HashTabView/HashTabView.js

@@ -1,15 +1,15 @@
-import { jsx as R, jsxs as G, Fragment as st } from "react/jsx-runtime";
-import { E as ut } from "../../index.es-qxTN-Bb2.js";
-import { G as x } from "../../index.es-Dw1eih7R.js";
-import { P as dt } from "../../index.es-DFFyENnI.js";
-import { c as B, _ as V, P as c } from "../../index-D5m--65X.js";
-import p, { forwardRef as Y, useRef as A, useImperativeHandle as F, useCallback as ft, useEffect as N, useMemo as ht, createContext as pt, useContext as mt, useState as _t } from "react";
-import { c as nt, d as Z } from "../../index.es-ChSlnpSq.js";
-import { I as Tt } from "../../index.es-8MVlRCi4.js";
-import { b as _, c as L, a as vt } from "../../tslib.es6-BDCynO9F.js";
-import { M as k, a as H } from "../../component-neHBNHRu.js";
-import { b as gt, M as tt, a as E, m as bt } from "../../component-DsB0poTj.js";
-import { u as St } from "../../useBreakpoints-MzTZ0tCT.js";
+import { jsx as x, jsxs as ct, Fragment as yt } from "react/jsx-runtime";
+import { E as Lt } from "../../index.es-DeF-y7fd.js";
+import { G as Y } from "../../index.es-DDYCugj-.js";
+import { P as It } from "../../index.es-Bo1Rhtyb.js";
+import { _ as U, c as J, a as Q, P as c } from "../../index-Cpb-8cAN.js";
+import p, { forwardRef as Z, useRef as O, useImperativeHandle as tt, useCallback as Rt, useEffect as K, useMemo as Ot, createContext as Dt, useContext as Nt, useState as Pt } from "react";
+import { c as _t, d as vt } from "../../index.es-BXj90wb_.js";
+import { I as xt } from "../../index.es-DwzB1d7_.js";
+import { b as T, c as D, a as Mt } from "../../tslib.es6-BDCynO9F.js";
+import { M as et, a as rt } from "../../component-neHBNHRu.js";
+import { b as Wt, M as mt, a as I, m as wt } from "../../component-DsB0poTj.js";
+import { u as Kt } from "../../useBreakpoints-MzTZ0tCT.js";
 import '../../assets/HashTabView.css';/**
  * @license
  * Copyright 2018 Google Inc.
@@ -32,11 +32,11 @@ import '../../assets/HashTabView.css';/**
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Ct = {
+var $t = {
   ACTIVE: "mdc-tab-indicator--active",
   FADE: "mdc-tab-indicator--fade",
   NO_TRANSITION: "mdc-tab-indicator--no-transition"
-}, Et = {
+}, Bt = {
   CONTENT_SELECTOR: ".mdc-tab-indicator__content"
 };
 /**
@@ -61,22 +61,22 @@ var Ct = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var v = (
+var A = (
   /** @class */
   function(a) {
-    _(e, a);
+    T(e, a);
     function e(t) {
-      return a.call(this, L(L({}, e.defaultAdapter), t)) || this;
+      return a.call(this, D(D({}, e.defaultAdapter), t)) || this;
     }
     return Object.defineProperty(e, "cssClasses", {
       get: function() {
-        return Ct;
+        return $t;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(e, "strings", {
       get: function() {
-        return Et;
+        return Bt;
       },
       enumerable: !1,
       configurable: !0
@@ -99,7 +99,7 @@ var v = (
     }), e.prototype.computeContentClientRect = function() {
       return this.adapter.computeContentClientRect();
     }, e;
-  }(k)
+  }(et)
 );
 /**
  * @license
@@ -123,19 +123,19 @@ var v = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var yt = (
+var Vt = (
   /** @class */
   function(a) {
-    _(e, a);
+    T(e, a);
     function e() {
       return a !== null && a.apply(this, arguments) || this;
     }
     return e.prototype.activate = function() {
-      this.adapter.addClass(v.cssClasses.ACTIVE);
+      this.adapter.addClass(A.cssClasses.ACTIVE);
     }, e.prototype.deactivate = function() {
-      this.adapter.removeClass(v.cssClasses.ACTIVE);
+      this.adapter.removeClass(A.cssClasses.ACTIVE);
     }, e;
-  }(v)
+  }(A)
 );
 /**
  * @license
@@ -159,24 +159,24 @@ var yt = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var At = (
+var kt = (
   /** @class */
   function(a) {
-    _(e, a);
+    T(e, a);
     function e() {
       return a !== null && a.apply(this, arguments) || this;
     }
     return e.prototype.activate = function(t) {
       if (!t) {
-        this.adapter.addClass(v.cssClasses.ACTIVE);
+        this.adapter.addClass(A.cssClasses.ACTIVE);
         return;
       }
-      var n = this.computeContentClientRect(), r = t.width / n.width, o = t.left - n.left;
-      this.adapter.addClass(v.cssClasses.NO_TRANSITION), this.adapter.setContentStyleProperty("transform", "translateX(" + o + "px) scaleX(" + r + ")"), this.computeContentClientRect(), this.adapter.removeClass(v.cssClasses.NO_TRANSITION), this.adapter.addClass(v.cssClasses.ACTIVE), this.adapter.setContentStyleProperty("transform", "");
+      var r = this.computeContentClientRect(), n = t.width / r.width, i = t.left - r.left;
+      this.adapter.addClass(A.cssClasses.NO_TRANSITION), this.adapter.setContentStyleProperty("transform", "translateX(" + i + "px) scaleX(" + n + ")"), this.computeContentClientRect(), this.adapter.removeClass(A.cssClasses.NO_TRANSITION), this.adapter.addClass(A.cssClasses.ACTIVE), this.adapter.setContentStyleProperty("transform", "");
     }, e.prototype.deactivate = function() {
-      this.adapter.removeClass(v.cssClasses.ACTIVE);
+      this.adapter.removeClass(A.cssClasses.ACTIVE);
     }, e;
-  }(v)
+  }(A)
 );
 /**
  * @license
@@ -200,41 +200,41 @@ var At = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var rt = (
+var bt = (
   /** @class */
   function(a) {
-    _(e, a);
+    T(e, a);
     function e() {
       return a !== null && a.apply(this, arguments) || this;
     }
     return e.attachTo = function(t) {
       return new e(t);
     }, e.prototype.initialize = function() {
-      this.content_ = this.root.querySelector(v.strings.CONTENT_SELECTOR);
+      this.content_ = this.root.querySelector(A.strings.CONTENT_SELECTOR);
     }, e.prototype.computeContentClientRect = function() {
       return this.foundation.computeContentClientRect();
     }, e.prototype.getDefaultFoundation = function() {
-      var t = this, n = {
-        addClass: function(r) {
-          return t.root.classList.add(r);
+      var t = this, r = {
+        addClass: function(n) {
+          return t.root.classList.add(n);
         },
-        removeClass: function(r) {
-          return t.root.classList.remove(r);
+        removeClass: function(n) {
+          return t.root.classList.remove(n);
         },
         computeContentClientRect: function() {
           return t.content_.getBoundingClientRect();
         },
-        setContentStyleProperty: function(r, o) {
-          return t.content_.style.setProperty(r, o);
+        setContentStyleProperty: function(n, i) {
+          return t.content_.style.setProperty(n, i);
         }
       };
-      return this.root.classList.contains(v.cssClasses.FADE) ? new yt(n) : new At(n);
+      return this.root.classList.contains(A.cssClasses.FADE) ? new Vt(r) : new kt(r);
     }, e.prototype.activate = function(t) {
       this.foundation.activate(t);
     }, e.prototype.deactivate = function() {
       this.foundation.deactivate();
     }, e;
-  }(H)
+  }(rt)
 );
 /**
  * @license
@@ -258,9 +258,9 @@ var rt = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var K = {
+var G = {
   ACTIVE: "mdc-tab--active"
-}, M = {
+}, F = {
   ARIA_SELECTED: "aria-selected",
   CONTENT_SELECTOR: ".mdc-tab__content",
   INTERACTED_EVENT: "MDCTab:interacted",
@@ -290,23 +290,23 @@ var K = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var P = (
+var w = (
   /** @class */
   function(a) {
-    _(e, a);
+    T(e, a);
     function e(t) {
-      var n = a.call(this, L(L({}, e.defaultAdapter), t)) || this;
-      return n.focusOnActivate_ = !0, n;
+      var r = a.call(this, D(D({}, e.defaultAdapter), t)) || this;
+      return r.focusOnActivate_ = !0, r;
     }
     return Object.defineProperty(e, "cssClasses", {
       get: function() {
-        return K;
+        return G;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(e, "strings", {
       get: function() {
-        return M;
+        return F;
       },
       enumerable: !1,
       configurable: !0
@@ -349,23 +349,23 @@ var P = (
     }), e.prototype.handleClick = function() {
       this.adapter.notifyInteracted();
     }, e.prototype.isActive = function() {
-      return this.adapter.hasClass(K.ACTIVE);
+      return this.adapter.hasClass(G.ACTIVE);
     }, e.prototype.setFocusOnActivate = function(t) {
       this.focusOnActivate_ = t;
     }, e.prototype.activate = function(t) {
-      this.adapter.addClass(K.ACTIVE), this.adapter.setAttr(M.ARIA_SELECTED, "true"), this.adapter.setAttr(M.TABINDEX, "0"), this.adapter.activateIndicator(t), this.focusOnActivate_ && this.adapter.focus();
+      this.adapter.addClass(G.ACTIVE), this.adapter.setAttr(F.ARIA_SELECTED, "true"), this.adapter.setAttr(F.TABINDEX, "0"), this.adapter.activateIndicator(t), this.focusOnActivate_ && this.adapter.focus();
     }, e.prototype.deactivate = function() {
-      this.isActive() && (this.adapter.removeClass(K.ACTIVE), this.adapter.setAttr(M.ARIA_SELECTED, "false"), this.adapter.setAttr(M.TABINDEX, "-1"), this.adapter.deactivateIndicator());
+      this.isActive() && (this.adapter.removeClass(G.ACTIVE), this.adapter.setAttr(F.ARIA_SELECTED, "false"), this.adapter.setAttr(F.TABINDEX, "-1"), this.adapter.deactivateIndicator());
     }, e.prototype.computeDimensions = function() {
-      var t = this.adapter.getOffsetWidth(), n = this.adapter.getOffsetLeft(), r = this.adapter.getContentOffsetWidth(), o = this.adapter.getContentOffsetLeft();
+      var t = this.adapter.getOffsetWidth(), r = this.adapter.getOffsetLeft(), n = this.adapter.getContentOffsetWidth(), i = this.adapter.getContentOffsetLeft();
       return {
-        contentLeft: n + o,
-        contentRight: n + o + r,
-        rootLeft: n,
-        rootRight: n + t
+        contentLeft: r + i,
+        contentRight: r + i + n,
+        rootLeft: r,
+        rootRight: r + t
       };
     }, e;
-  }(k)
+  }(et)
 );
 /**
  * @license
@@ -389,25 +389,25 @@ var P = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var at = (
+var gt = (
   /** @class */
   function(a) {
-    _(e, a);
+    T(e, a);
     function e() {
       return a !== null && a.apply(this, arguments) || this;
     }
     return e.attachTo = function(t) {
       return new e(t);
-    }, e.prototype.initialize = function(t, n) {
-      t === void 0 && (t = function(i, l) {
-        return new tt(i, l);
-      }), n === void 0 && (n = function(i) {
-        return new rt(i);
+    }, e.prototype.initialize = function(t, r) {
+      t === void 0 && (t = function(o, l) {
+        return new mt(o, l);
+      }), r === void 0 && (r = function(o) {
+        return new bt(o);
       }), this.id = this.root.id;
-      var r = new gt(tt.createAdapter(this));
-      this.ripple_ = t(this.root, r);
-      var o = this.root.querySelector(P.strings.TAB_INDICATOR_SELECTOR);
-      this.tabIndicator_ = n(o), this.content_ = this.root.querySelector(P.strings.CONTENT_SELECTOR);
+      var n = new Wt(mt.createAdapter(this));
+      this.ripple_ = t(this.root, n);
+      var i = this.root.querySelector(w.strings.TAB_INDICATOR_SELECTOR);
+      this.tabIndicator_ = r(i), this.content_ = this.root.querySelector(w.strings.CONTENT_SELECTOR);
     }, e.prototype.initialSyncWithDOM = function() {
       var t = this;
       this.handleClick_ = function() {
@@ -416,28 +416,28 @@ var at = (
     }, e.prototype.destroy = function() {
       this.unlisten("click", this.handleClick_), this.ripple_.destroy(), a.prototype.destroy.call(this);
     }, e.prototype.getDefaultFoundation = function() {
-      var t = this, n = {
-        setAttr: function(r, o) {
-          return t.root.setAttribute(r, o);
+      var t = this, r = {
+        setAttr: function(n, i) {
+          return t.root.setAttribute(n, i);
         },
-        addClass: function(r) {
-          return t.root.classList.add(r);
+        addClass: function(n) {
+          return t.root.classList.add(n);
         },
-        removeClass: function(r) {
-          return t.root.classList.remove(r);
+        removeClass: function(n) {
+          return t.root.classList.remove(n);
         },
-        hasClass: function(r) {
-          return t.root.classList.contains(r);
+        hasClass: function(n) {
+          return t.root.classList.contains(n);
         },
-        activateIndicator: function(r) {
-          return t.tabIndicator_.activate(r);
+        activateIndicator: function(n) {
+          return t.tabIndicator_.activate(n);
         },
         deactivateIndicator: function() {
           return t.tabIndicator_.deactivate();
         },
         notifyInteracted: function() {
           return t.emit(
-            P.strings.INTERACTED_EVENT,
+            w.strings.INTERACTED_EVENT,
             { tabId: t.id },
             !0
             /* bubble */
@@ -459,7 +459,7 @@ var at = (
           return t.root.focus();
         }
       };
-      return new P(n);
+      return new w(r);
     }, Object.defineProperty(e.prototype, "active", {
       /**
        * Getter for the active state of the tab
@@ -486,7 +486,7 @@ var at = (
     }, e.prototype.focus = function() {
       this.root.focus();
     }, e;
-  }(H)
+  }(rt)
 );
 /**
  * @license
@@ -510,11 +510,11 @@ var at = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var ot = {
+var St = {
   ANIMATING: "mdc-tab-scroller--animating",
   SCROLL_AREA_SCROLL: "mdc-tab-scroller__scroll-area--scroll",
   SCROLL_TEST: "mdc-tab-scroller__test"
-}, Lt = {
+}, Yt = {
   AREA_SELECTOR: ".mdc-tab-scroller__scroll-area",
   CONTENT_SELECTOR: ".mdc-tab-scroller__scroll-content"
 };
@@ -540,7 +540,7 @@ var ot = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Q = (
+var ft = (
   /** @class */
   /* @__PURE__ */ function() {
     function a(e) {
@@ -571,41 +571,41 @@ var Q = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Rt = (
+var Ft = (
   /** @class */
   function(a) {
-    _(e, a);
+    T(e, a);
     function e() {
       return a !== null && a.apply(this, arguments) || this;
     }
     return e.prototype.getScrollPositionRTL = function() {
-      var t = this.adapter.getScrollAreaScrollLeft(), n = this.calculateScrollEdges_().right;
-      return Math.round(n - t);
+      var t = this.adapter.getScrollAreaScrollLeft(), r = this.calculateScrollEdges_().right;
+      return Math.round(r - t);
     }, e.prototype.scrollToRTL = function(t) {
-      var n = this.calculateScrollEdges_(), r = this.adapter.getScrollAreaScrollLeft(), o = this.clampScrollValue_(n.right - t);
+      var r = this.calculateScrollEdges_(), n = this.adapter.getScrollAreaScrollLeft(), i = this.clampScrollValue_(r.right - t);
       return {
-        finalScrollPosition: o,
-        scrollDelta: o - r
+        finalScrollPosition: i,
+        scrollDelta: i - n
       };
     }, e.prototype.incrementScrollRTL = function(t) {
-      var n = this.adapter.getScrollAreaScrollLeft(), r = this.clampScrollValue_(n - t);
+      var r = this.adapter.getScrollAreaScrollLeft(), n = this.clampScrollValue_(r - t);
       return {
-        finalScrollPosition: r,
-        scrollDelta: r - n
+        finalScrollPosition: n,
+        scrollDelta: n - r
       };
     }, e.prototype.getAnimatingScrollPosition = function(t) {
       return t;
     }, e.prototype.calculateScrollEdges_ = function() {
-      var t = this.adapter.getScrollContentOffsetWidth(), n = this.adapter.getScrollAreaOffsetWidth();
+      var t = this.adapter.getScrollContentOffsetWidth(), r = this.adapter.getScrollAreaOffsetWidth();
       return {
         left: 0,
-        right: t - n
+        right: t - r
       };
     }, e.prototype.clampScrollValue_ = function(t) {
-      var n = this.calculateScrollEdges_();
-      return Math.min(Math.max(n.left, t), n.right);
+      var r = this.calculateScrollEdges_();
+      return Math.min(Math.max(r.left, t), r.right);
     }, e;
-  }(Q)
+  }(ft)
 );
 /**
  * @license
@@ -629,41 +629,41 @@ var Rt = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var It = (
+var jt = (
   /** @class */
   function(a) {
-    _(e, a);
+    T(e, a);
     function e() {
       return a !== null && a.apply(this, arguments) || this;
     }
     return e.prototype.getScrollPositionRTL = function(t) {
-      var n = this.adapter.getScrollAreaScrollLeft();
-      return Math.round(t - n);
+      var r = this.adapter.getScrollAreaScrollLeft();
+      return Math.round(t - r);
     }, e.prototype.scrollToRTL = function(t) {
-      var n = this.adapter.getScrollAreaScrollLeft(), r = this.clampScrollValue_(-t);
+      var r = this.adapter.getScrollAreaScrollLeft(), n = this.clampScrollValue_(-t);
       return {
-        finalScrollPosition: r,
-        scrollDelta: r - n
+        finalScrollPosition: n,
+        scrollDelta: n - r
       };
     }, e.prototype.incrementScrollRTL = function(t) {
-      var n = this.adapter.getScrollAreaScrollLeft(), r = this.clampScrollValue_(n - t);
+      var r = this.adapter.getScrollAreaScrollLeft(), n = this.clampScrollValue_(r - t);
       return {
-        finalScrollPosition: r,
-        scrollDelta: r - n
+        finalScrollPosition: n,
+        scrollDelta: n - r
       };
-    }, e.prototype.getAnimatingScrollPosition = function(t, n) {
-      return t - n;
+    }, e.prototype.getAnimatingScrollPosition = function(t, r) {
+      return t - r;
     }, e.prototype.calculateScrollEdges_ = function() {
-      var t = this.adapter.getScrollContentOffsetWidth(), n = this.adapter.getScrollAreaOffsetWidth();
+      var t = this.adapter.getScrollContentOffsetWidth(), r = this.adapter.getScrollAreaOffsetWidth();
       return {
-        left: n - t,
+        left: r - t,
         right: 0
       };
     }, e.prototype.clampScrollValue_ = function(t) {
-      var n = this.calculateScrollEdges_();
-      return Math.max(Math.min(n.right, t), n.left);
+      var r = this.calculateScrollEdges_();
+      return Math.max(Math.min(r.right, t), r.left);
     }, e;
-  }(Q)
+  }(ft)
 );
 /**
  * @license
@@ -687,41 +687,41 @@ var It = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Ot = (
+var Ht = (
   /** @class */
   function(a) {
-    _(e, a);
+    T(e, a);
     function e() {
       return a !== null && a.apply(this, arguments) || this;
     }
     return e.prototype.getScrollPositionRTL = function(t) {
-      var n = this.adapter.getScrollAreaScrollLeft();
-      return Math.round(n - t);
+      var r = this.adapter.getScrollAreaScrollLeft();
+      return Math.round(r - t);
     }, e.prototype.scrollToRTL = function(t) {
-      var n = this.adapter.getScrollAreaScrollLeft(), r = this.clampScrollValue_(t);
+      var r = this.adapter.getScrollAreaScrollLeft(), n = this.clampScrollValue_(t);
       return {
-        finalScrollPosition: r,
-        scrollDelta: n - r
+        finalScrollPosition: n,
+        scrollDelta: r - n
       };
     }, e.prototype.incrementScrollRTL = function(t) {
-      var n = this.adapter.getScrollAreaScrollLeft(), r = this.clampScrollValue_(n + t);
+      var r = this.adapter.getScrollAreaScrollLeft(), n = this.clampScrollValue_(r + t);
       return {
-        finalScrollPosition: r,
-        scrollDelta: n - r
+        finalScrollPosition: n,
+        scrollDelta: r - n
       };
-    }, e.prototype.getAnimatingScrollPosition = function(t, n) {
-      return t + n;
+    }, e.prototype.getAnimatingScrollPosition = function(t, r) {
+      return t + r;
     }, e.prototype.calculateScrollEdges_ = function() {
-      var t = this.adapter.getScrollContentOffsetWidth(), n = this.adapter.getScrollAreaOffsetWidth();
+      var t = this.adapter.getScrollContentOffsetWidth(), r = this.adapter.getScrollAreaOffsetWidth();
       return {
-        left: t - n,
+        left: t - r,
         right: 0
       };
     }, e.prototype.clampScrollValue_ = function(t) {
-      var n = this.calculateScrollEdges_();
-      return Math.min(Math.max(n.right, t), n.left);
+      var r = this.calculateScrollEdges_();
+      return Math.min(Math.max(r.right, t), r.left);
     }, e;
-  }(Q)
+  }(ft)
 );
 /**
  * @license
@@ -745,23 +745,23 @@ var Ot = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var q = (
+var lt = (
   /** @class */
   function(a) {
-    _(e, a);
+    T(e, a);
     function e(t) {
-      var n = a.call(this, L(L({}, e.defaultAdapter), t)) || this;
-      return n.isAnimating_ = !1, n;
+      var r = a.call(this, D(D({}, e.defaultAdapter), t)) || this;
+      return r.isAnimating_ = !1, r;
     }
     return Object.defineProperty(e, "cssClasses", {
       get: function() {
-        return ot;
+        return St;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(e, "strings", {
       get: function() {
-        return Lt;
+        return Yt;
       },
       enumerable: !1,
       configurable: !0
@@ -814,19 +814,19 @@ var q = (
     }, e.prototype.getScrollPosition = function() {
       if (this.isRTL_())
         return this.computeCurrentScrollPositionRTL_();
-      var t = this.calculateCurrentTranslateX_(), n = this.adapter.getScrollAreaScrollLeft();
-      return n - t;
+      var t = this.calculateCurrentTranslateX_(), r = this.adapter.getScrollAreaScrollLeft();
+      return r - t;
     }, e.prototype.handleInteraction = function() {
       this.isAnimating_ && this.stopScrollAnimation_();
     }, e.prototype.handleTransitionEnd = function(t) {
-      var n = t.target;
-      !this.isAnimating_ || !this.adapter.eventTargetMatchesSelector(n, e.strings.CONTENT_SELECTOR) || (this.isAnimating_ = !1, this.adapter.removeClass(e.cssClasses.ANIMATING));
+      var r = t.target;
+      !this.isAnimating_ || !this.adapter.eventTargetMatchesSelector(r, e.strings.CONTENT_SELECTOR) || (this.isAnimating_ = !1, this.adapter.removeClass(e.cssClasses.ANIMATING));
     }, e.prototype.incrementScroll = function(t) {
       t !== 0 && this.animate_(this.getIncrementScrollOperation_(t));
     }, e.prototype.incrementScrollImmediate = function(t) {
       if (t !== 0) {
-        var n = this.getIncrementScrollOperation_(t);
-        n.scrollDelta !== 0 && (this.stopScrollAnimation_(), this.adapter.setScrollAreaScrollLeft(n.finalScrollPosition));
+        var r = this.getIncrementScrollOperation_(t);
+        r.scrollDelta !== 0 && (this.stopScrollAnimation_(), this.adapter.setScrollAreaScrollLeft(r.finalScrollPosition));
       }
     }, e.prototype.scrollTo = function(t) {
       if (this.isRTL_())
@@ -838,66 +838,66 @@ var q = (
       var t = this.adapter.getScrollContentStyleValue("transform");
       if (t === "none")
         return 0;
-      var n = /\((.+?)\)/.exec(t);
-      if (!n)
+      var r = /\((.+?)\)/.exec(t);
+      if (!r)
         return 0;
-      var r = n[1], o = vt(r.split(","), 6);
-      o[0], o[1], o[2], o[3];
-      var i = o[4];
-      return o[5], parseFloat(i);
+      var n = r[1], i = Mt(n.split(","), 6);
+      i[0], i[1], i[2], i[3];
+      var o = i[4];
+      return i[5], parseFloat(o);
     }, e.prototype.clampScrollValue_ = function(t) {
-      var n = this.calculateScrollEdges_();
-      return Math.min(Math.max(n.left, t), n.right);
+      var r = this.calculateScrollEdges_();
+      return Math.min(Math.max(r.left, t), r.right);
     }, e.prototype.computeCurrentScrollPositionRTL_ = function() {
       var t = this.calculateCurrentTranslateX_();
       return this.getRTLScroller().getScrollPositionRTL(t);
     }, e.prototype.calculateScrollEdges_ = function() {
-      var t = this.adapter.getScrollContentOffsetWidth(), n = this.adapter.getScrollAreaOffsetWidth();
+      var t = this.adapter.getScrollContentOffsetWidth(), r = this.adapter.getScrollAreaOffsetWidth();
       return {
         left: 0,
-        right: t - n
+        right: t - r
       };
     }, e.prototype.scrollTo_ = function(t) {
-      var n = this.getScrollPosition(), r = this.clampScrollValue_(t), o = r - n;
+      var r = this.getScrollPosition(), n = this.clampScrollValue_(t), i = n - r;
       this.animate_({
-        finalScrollPosition: r,
-        scrollDelta: o
+        finalScrollPosition: n,
+        scrollDelta: i
       });
     }, e.prototype.scrollToRTL_ = function(t) {
-      var n = this.getRTLScroller().scrollToRTL(t);
-      this.animate_(n);
+      var r = this.getRTLScroller().scrollToRTL(t);
+      this.animate_(r);
     }, e.prototype.getIncrementScrollOperation_ = function(t) {
       if (this.isRTL_())
         return this.getRTLScroller().incrementScrollRTL(t);
-      var n = this.getScrollPosition(), r = t + n, o = this.clampScrollValue_(r), i = o - n;
+      var r = this.getScrollPosition(), n = t + r, i = this.clampScrollValue_(n), o = i - r;
       return {
-        finalScrollPosition: o,
-        scrollDelta: i
+        finalScrollPosition: i,
+        scrollDelta: o
       };
     }, e.prototype.animate_ = function(t) {
-      var n = this;
+      var r = this;
       t.scrollDelta !== 0 && (this.stopScrollAnimation_(), this.adapter.setScrollAreaScrollLeft(t.finalScrollPosition), this.adapter.setScrollContentStyleProperty("transform", "translateX(" + t.scrollDelta + "px)"), this.adapter.computeScrollAreaClientRect(), requestAnimationFrame(function() {
-        n.adapter.addClass(e.cssClasses.ANIMATING), n.adapter.setScrollContentStyleProperty("transform", "none");
+        r.adapter.addClass(e.cssClasses.ANIMATING), r.adapter.setScrollContentStyleProperty("transform", "none");
       }), this.isAnimating_ = !0);
     }, e.prototype.stopScrollAnimation_ = function() {
       this.isAnimating_ = !1;
       var t = this.getAnimatingScrollPosition_();
       this.adapter.removeClass(e.cssClasses.ANIMATING), this.adapter.setScrollContentStyleProperty("transform", "translateX(0px)"), this.adapter.setScrollAreaScrollLeft(t);
     }, e.prototype.getAnimatingScrollPosition_ = function() {
-      var t = this.calculateCurrentTranslateX_(), n = this.adapter.getScrollAreaScrollLeft();
-      return this.isRTL_() ? this.getRTLScroller().getAnimatingScrollPosition(n, t) : n - t;
+      var t = this.calculateCurrentTranslateX_(), r = this.adapter.getScrollAreaScrollLeft();
+      return this.isRTL_() ? this.getRTLScroller().getAnimatingScrollPosition(r, t) : r - t;
     }, e.prototype.rtlScrollerFactory_ = function() {
       var t = this.adapter.getScrollAreaScrollLeft();
       this.adapter.setScrollAreaScrollLeft(t - 1);
-      var n = this.adapter.getScrollAreaScrollLeft();
-      if (n < 0)
-        return this.adapter.setScrollAreaScrollLeft(t), new It(this.adapter);
-      var r = this.adapter.computeScrollAreaClientRect(), o = this.adapter.computeScrollContentClientRect(), i = Math.round(o.right - r.right);
-      return this.adapter.setScrollAreaScrollLeft(t), i === n ? new Ot(this.adapter) : new Rt(this.adapter);
+      var r = this.adapter.getScrollAreaScrollLeft();
+      if (r < 0)
+        return this.adapter.setScrollAreaScrollLeft(t), new jt(this.adapter);
+      var n = this.adapter.computeScrollAreaClientRect(), i = this.adapter.computeScrollContentClientRect(), o = Math.round(i.right - n.right);
+      return this.adapter.setScrollAreaScrollLeft(t), o === r ? new Ht(this.adapter) : new Ft(this.adapter);
     }, e.prototype.isRTL_ = function() {
       return this.adapter.getScrollContentStyleValue("direction") === "rtl";
     }, e;
-  }(k)
+  }(et)
 );
 /**
  * @license
@@ -921,14 +921,14 @@ var q = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var U;
-function Dt(a, e) {
-  if (e === void 0 && (e = !0), e && typeof U < "u")
-    return U;
+var st;
+function Xt(a, e) {
+  if (e === void 0 && (e = !0), e && typeof st < "u")
+    return st;
   var t = a.createElement("div");
-  t.classList.add(ot.SCROLL_TEST), a.body.appendChild(t);
-  var n = t.offsetHeight - t.clientHeight;
-  return a.body.removeChild(t), e && (U = n), n;
+  t.classList.add(St.SCROLL_TEST), a.body.appendChild(t);
+  var r = t.offsetHeight - t.clientHeight;
+  return a.body.removeChild(t), e && (st = r), r;
 }
 /**
  * @license
@@ -952,51 +952,51 @@ function Dt(a, e) {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var it = (
+var Ct = (
   /** @class */
   function(a) {
-    _(e, a);
+    T(e, a);
     function e() {
       return a !== null && a.apply(this, arguments) || this;
     }
     return e.attachTo = function(t) {
       return new e(t);
     }, e.prototype.initialize = function() {
-      this.area_ = this.root.querySelector(q.strings.AREA_SELECTOR), this.content_ = this.root.querySelector(q.strings.CONTENT_SELECTOR);
+      this.area_ = this.root.querySelector(lt.strings.AREA_SELECTOR), this.content_ = this.root.querySelector(lt.strings.CONTENT_SELECTOR);
     }, e.prototype.initialSyncWithDOM = function() {
       var t = this;
       this.handleInteraction_ = function() {
         return t.foundation.handleInteraction();
-      }, this.handleTransitionEnd_ = function(n) {
-        return t.foundation.handleTransitionEnd(n);
-      }, this.area_.addEventListener("wheel", this.handleInteraction_, E()), this.area_.addEventListener("touchstart", this.handleInteraction_, E()), this.area_.addEventListener("pointerdown", this.handleInteraction_, E()), this.area_.addEventListener("mousedown", this.handleInteraction_, E()), this.area_.addEventListener("keydown", this.handleInteraction_, E()), this.content_.addEventListener("transitionend", this.handleTransitionEnd_);
+      }, this.handleTransitionEnd_ = function(r) {
+        return t.foundation.handleTransitionEnd(r);
+      }, this.area_.addEventListener("wheel", this.handleInteraction_, I()), this.area_.addEventListener("touchstart", this.handleInteraction_, I()), this.area_.addEventListener("pointerdown", this.handleInteraction_, I()), this.area_.addEventListener("mousedown", this.handleInteraction_, I()), this.area_.addEventListener("keydown", this.handleInteraction_, I()), this.content_.addEventListener("transitionend", this.handleTransitionEnd_);
     }, e.prototype.destroy = function() {
-      a.prototype.destroy.call(this), this.area_.removeEventListener("wheel", this.handleInteraction_, E()), this.area_.removeEventListener("touchstart", this.handleInteraction_, E()), this.area_.removeEventListener("pointerdown", this.handleInteraction_, E()), this.area_.removeEventListener("mousedown", this.handleInteraction_, E()), this.area_.removeEventListener("keydown", this.handleInteraction_, E()), this.content_.removeEventListener("transitionend", this.handleTransitionEnd_);
+      a.prototype.destroy.call(this), this.area_.removeEventListener("wheel", this.handleInteraction_, I()), this.area_.removeEventListener("touchstart", this.handleInteraction_, I()), this.area_.removeEventListener("pointerdown", this.handleInteraction_, I()), this.area_.removeEventListener("mousedown", this.handleInteraction_, I()), this.area_.removeEventListener("keydown", this.handleInteraction_, I()), this.content_.removeEventListener("transitionend", this.handleTransitionEnd_);
     }, e.prototype.getDefaultFoundation = function() {
-      var t = this, n = {
-        eventTargetMatchesSelector: function(r, o) {
-          return bt(r, o);
+      var t = this, r = {
+        eventTargetMatchesSelector: function(n, i) {
+          return wt(n, i);
         },
-        addClass: function(r) {
-          return t.root.classList.add(r);
+        addClass: function(n) {
+          return t.root.classList.add(n);
         },
-        removeClass: function(r) {
-          return t.root.classList.remove(r);
+        removeClass: function(n) {
+          return t.root.classList.remove(n);
         },
-        addScrollAreaClass: function(r) {
-          return t.area_.classList.add(r);
+        addScrollAreaClass: function(n) {
+          return t.area_.classList.add(n);
         },
-        setScrollAreaStyleProperty: function(r, o) {
-          return t.area_.style.setProperty(r, o);
+        setScrollAreaStyleProperty: function(n, i) {
+          return t.area_.style.setProperty(n, i);
         },
-        setScrollContentStyleProperty: function(r, o) {
-          return t.content_.style.setProperty(r, o);
+        setScrollContentStyleProperty: function(n, i) {
+          return t.content_.style.setProperty(n, i);
         },
-        getScrollContentStyleValue: function(r) {
-          return window.getComputedStyle(t.content_).getPropertyValue(r);
+        getScrollContentStyleValue: function(n) {
+          return window.getComputedStyle(t.content_).getPropertyValue(n);
         },
-        setScrollAreaScrollLeft: function(r) {
-          return t.area_.scrollLeft = r;
+        setScrollAreaScrollLeft: function(n) {
+          return t.area_.scrollLeft = n;
         },
         getScrollAreaScrollLeft: function() {
           return t.area_.scrollLeft;
@@ -1014,10 +1014,10 @@ var it = (
           return t.content_.getBoundingClientRect();
         },
         computeHorizontalScrollbarHeight: function() {
-          return Dt(document);
+          return Xt(document);
         }
       };
-      return new q(n);
+      return new lt(r);
     }, e.prototype.getScrollPosition = function() {
       return this.foundation.getScrollPosition();
     }, e.prototype.getScrollContentWidth = function() {
@@ -1027,7 +1027,7 @@ var it = (
     }, e.prototype.scrollTo = function(t) {
       this.foundation.scrollTo(t);
     }, e;
-  }(H)
+  }(rt)
 );
 /**
  * @license
@@ -1061,7 +1061,7 @@ var f = {
   TAB_ACTIVATED_EVENT: "MDCTabBar:activated",
   TAB_SCROLLER_SELECTOR: ".mdc-tab-scroller",
   TAB_SELECTOR: ".mdc-tab"
-}, g = {
+}, y = {
   ARROW_LEFT_KEYCODE: 37,
   ARROW_RIGHT_KEYCODE: 39,
   END_KEYCODE: 35,
@@ -1092,27 +1092,27 @@ var f = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var I = /* @__PURE__ */ new Set();
-I.add(f.ARROW_LEFT_KEY);
-I.add(f.ARROW_RIGHT_KEY);
-I.add(f.END_KEY);
-I.add(f.HOME_KEY);
-I.add(f.ENTER_KEY);
-I.add(f.SPACE_KEY);
-var O = /* @__PURE__ */ new Map();
-O.set(g.ARROW_LEFT_KEYCODE, f.ARROW_LEFT_KEY);
-O.set(g.ARROW_RIGHT_KEYCODE, f.ARROW_RIGHT_KEY);
-O.set(g.END_KEYCODE, f.END_KEY);
-O.set(g.HOME_KEYCODE, f.HOME_KEY);
-O.set(g.ENTER_KEYCODE, f.ENTER_KEY);
-O.set(g.SPACE_KEYCODE, f.SPACE_KEY);
-var ct = (
+var M = /* @__PURE__ */ new Set();
+M.add(f.ARROW_LEFT_KEY);
+M.add(f.ARROW_RIGHT_KEY);
+M.add(f.END_KEY);
+M.add(f.HOME_KEY);
+M.add(f.ENTER_KEY);
+M.add(f.SPACE_KEY);
+var W = /* @__PURE__ */ new Map();
+W.set(y.ARROW_LEFT_KEYCODE, f.ARROW_LEFT_KEY);
+W.set(y.ARROW_RIGHT_KEYCODE, f.ARROW_RIGHT_KEY);
+W.set(y.END_KEYCODE, f.END_KEY);
+W.set(y.HOME_KEYCODE, f.HOME_KEY);
+W.set(y.ENTER_KEYCODE, f.ENTER_KEY);
+W.set(y.SPACE_KEYCODE, f.SPACE_KEY);
+var Et = (
   /** @class */
   function(a) {
-    _(e, a);
+    T(e, a);
     function e(t) {
-      var n = a.call(this, L(L({}, e.defaultAdapter), t)) || this;
-      return n.useAutomaticActivation_ = !1, n;
+      var r = a.call(this, D(D({}, e.defaultAdapter), t)) || this;
+      return r.useAutomaticActivation_ = !1, r;
     }
     return Object.defineProperty(e, "strings", {
       get: function() {
@@ -1122,7 +1122,7 @@ var ct = (
       configurable: !0
     }), Object.defineProperty(e, "numbers", {
       get: function() {
-        return g;
+        return y;
       },
       enumerable: !1,
       configurable: !0
@@ -1180,26 +1180,26 @@ var ct = (
     }), e.prototype.setUseAutomaticActivation = function(t) {
       this.useAutomaticActivation_ = t;
     }, e.prototype.activateTab = function(t) {
-      var n = this.adapter.getPreviousActiveTabIndex();
-      if (!(!this.indexIsInRange_(t) || t === n)) {
-        var r;
-        n !== -1 && (this.adapter.deactivateTabAtIndex(n), r = this.adapter.getTabIndicatorClientRectAtIndex(n)), this.adapter.activateTabAtIndex(t, r), this.scrollIntoView(t), this.adapter.notifyTabActivated(t);
+      var r = this.adapter.getPreviousActiveTabIndex();
+      if (!(!this.indexIsInRange_(t) || t === r)) {
+        var n;
+        r !== -1 && (this.adapter.deactivateTabAtIndex(r), n = this.adapter.getTabIndicatorClientRectAtIndex(r)), this.adapter.activateTabAtIndex(t, n), this.scrollIntoView(t), this.adapter.notifyTabActivated(t);
       }
     }, e.prototype.handleKeyDown = function(t) {
-      var n = this.getKeyFromEvent_(t);
-      if (n !== void 0)
-        if (this.isActivationKey_(n) || t.preventDefault(), this.useAutomaticActivation_) {
-          if (this.isActivationKey_(n))
+      var r = this.getKeyFromEvent_(t);
+      if (r !== void 0)
+        if (this.isActivationKey_(r) || t.preventDefault(), this.useAutomaticActivation_) {
+          if (this.isActivationKey_(r))
             return;
-          var r = this.determineTargetFromKey_(this.adapter.getPreviousActiveTabIndex(), n);
-          this.adapter.setActiveTab(r), this.scrollIntoView(r);
+          var n = this.determineTargetFromKey_(this.adapter.getPreviousActiveTabIndex(), r);
+          this.adapter.setActiveTab(n), this.scrollIntoView(n);
         } else {
-          var o = this.adapter.getFocusedTabIndex();
-          if (this.isActivationKey_(n))
-            this.adapter.setActiveTab(o);
+          var i = this.adapter.getFocusedTabIndex();
+          if (this.isActivationKey_(r))
+            this.adapter.setActiveTab(i);
           else {
-            var r = this.determineTargetFromKey_(o, n);
-            this.adapter.focusTabAtIndex(r), this.scrollIntoView(r);
+            var n = this.determineTargetFromKey_(i, r);
+            this.adapter.focusTabAtIndex(n), this.scrollIntoView(n);
           }
         }
     }, e.prototype.handleTabInteraction = function(t) {
@@ -1214,23 +1214,23 @@ var ct = (
           return this.scrollIntoViewRTL_(t);
         this.scrollIntoView_(t);
       }
-    }, e.prototype.determineTargetFromKey_ = function(t, n) {
-      var r = this.isRTL_(), o = this.adapter.getTabListLength() - 1, i = n === f.END_KEY, l = n === f.ARROW_LEFT_KEY && !r || n === f.ARROW_RIGHT_KEY && r, s = n === f.ARROW_RIGHT_KEY && !r || n === f.ARROW_LEFT_KEY && r, u = t;
-      return i ? u = o : l ? u -= 1 : s ? u += 1 : u = 0, u < 0 ? u = o : u > o && (u = 0), u;
-    }, e.prototype.calculateScrollIncrement_ = function(t, n, r, o) {
-      var i = this.adapter.getTabDimensionsAtIndex(n), l = i.contentLeft - r - o, s = i.contentRight - r, u = s - g.EXTRA_SCROLL_AMOUNT, h = l + g.EXTRA_SCROLL_AMOUNT;
-      return n < t ? Math.min(u, 0) : Math.max(h, 0);
-    }, e.prototype.calculateScrollIncrementRTL_ = function(t, n, r, o, i) {
-      var l = this.adapter.getTabDimensionsAtIndex(n), s = i - l.contentLeft - r, u = i - l.contentRight - r - o, h = u + g.EXTRA_SCROLL_AMOUNT, b = s - g.EXTRA_SCROLL_AMOUNT;
-      return n > t ? Math.max(h, 0) : Math.min(b, 0);
-    }, e.prototype.findAdjacentTabIndexClosestToEdge_ = function(t, n, r, o) {
-      var i = n.rootLeft - r, l = n.rootRight - r - o, s = i + l, u = i < 0 || s < 0, h = l > 0 || s > 0;
-      return u ? t - 1 : h ? t + 1 : -1;
-    }, e.prototype.findAdjacentTabIndexClosestToEdgeRTL_ = function(t, n, r, o, i) {
-      var l = i - n.rootLeft - o - r, s = i - n.rootRight - r, u = l + s, h = l > 0 || u > 0, b = s < 0 || u < 0;
-      return h ? t + 1 : b ? t - 1 : -1;
+    }, e.prototype.determineTargetFromKey_ = function(t, r) {
+      var n = this.isRTL_(), i = this.adapter.getTabListLength() - 1, o = r === f.END_KEY, l = r === f.ARROW_LEFT_KEY && !n || r === f.ARROW_RIGHT_KEY && n, d = r === f.ARROW_RIGHT_KEY && !n || r === f.ARROW_LEFT_KEY && n, s = t;
+      return o ? s = i : l ? s -= 1 : d ? s += 1 : s = 0, s < 0 ? s = i : s > i && (s = 0), s;
+    }, e.prototype.calculateScrollIncrement_ = function(t, r, n, i) {
+      var o = this.adapter.getTabDimensionsAtIndex(r), l = o.contentLeft - n - i, d = o.contentRight - n, s = d - y.EXTRA_SCROLL_AMOUNT, u = l + y.EXTRA_SCROLL_AMOUNT;
+      return r < t ? Math.min(s, 0) : Math.max(u, 0);
+    }, e.prototype.calculateScrollIncrementRTL_ = function(t, r, n, i, o) {
+      var l = this.adapter.getTabDimensionsAtIndex(r), d = o - l.contentLeft - n, s = o - l.contentRight - n - i, u = s + y.EXTRA_SCROLL_AMOUNT, v = d - y.EXTRA_SCROLL_AMOUNT;
+      return r > t ? Math.max(u, 0) : Math.min(v, 0);
+    }, e.prototype.findAdjacentTabIndexClosestToEdge_ = function(t, r, n, i) {
+      var o = r.rootLeft - n, l = r.rootRight - n - i, d = o + l, s = o < 0 || d < 0, u = l > 0 || d > 0;
+      return s ? t - 1 : u ? t + 1 : -1;
+    }, e.prototype.findAdjacentTabIndexClosestToEdgeRTL_ = function(t, r, n, i, o) {
+      var l = o - r.rootLeft - i - n, d = o - r.rootRight - n, s = l + d, u = l > 0 || s > 0, v = d < 0 || s < 0;
+      return u ? t + 1 : v ? t - 1 : -1;
     }, e.prototype.getKeyFromEvent_ = function(t) {
-      return I.has(t.key) ? t.key : O.get(t.keyCode);
+      return M.has(t.key) ? t.key : W.get(t.keyCode);
     }, e.prototype.isActivationKey_ = function(t) {
       return t === f.SPACE_KEY || t === f.ENTER_KEY;
     }, e.prototype.indexIsInRange_ = function(t) {
@@ -1238,19 +1238,19 @@ var ct = (
     }, e.prototype.isRTL_ = function() {
       return this.adapter.isRTL();
     }, e.prototype.scrollIntoView_ = function(t) {
-      var n = this.adapter.getScrollPosition(), r = this.adapter.getOffsetWidth(), o = this.adapter.getTabDimensionsAtIndex(t), i = this.findAdjacentTabIndexClosestToEdge_(t, o, n, r);
-      if (this.indexIsInRange_(i)) {
-        var l = this.calculateScrollIncrement_(t, i, n, r);
+      var r = this.adapter.getScrollPosition(), n = this.adapter.getOffsetWidth(), i = this.adapter.getTabDimensionsAtIndex(t), o = this.findAdjacentTabIndexClosestToEdge_(t, i, r, n);
+      if (this.indexIsInRange_(o)) {
+        var l = this.calculateScrollIncrement_(t, o, r, n);
         this.adapter.incrementScroll(l);
       }
     }, e.prototype.scrollIntoViewRTL_ = function(t) {
-      var n = this.adapter.getScrollPosition(), r = this.adapter.getOffsetWidth(), o = this.adapter.getTabDimensionsAtIndex(t), i = this.adapter.getScrollContentWidth(), l = this.findAdjacentTabIndexClosestToEdgeRTL_(t, o, n, r, i);
+      var r = this.adapter.getScrollPosition(), n = this.adapter.getOffsetWidth(), i = this.adapter.getTabDimensionsAtIndex(t), o = this.adapter.getScrollContentWidth(), l = this.findAdjacentTabIndexClosestToEdgeRTL_(t, i, r, n, o);
       if (this.indexIsInRange_(l)) {
-        var s = this.calculateScrollIncrementRTL_(t, l, n, r, i);
-        this.adapter.incrementScroll(s);
+        var d = this.calculateScrollIncrementRTL_(t, l, r, n, o);
+        this.adapter.incrementScroll(d);
       }
     }, e;
-  }(k)
+  }(et)
 );
 /**
  * @license
@@ -1274,10 +1274,10 @@ var ct = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var J = ct.strings, Pt = 0, Nt = (
+var dt = Et.strings, zt = 0, Gt = (
   /** @class */
   function(a) {
-    _(e, a);
+    T(e, a);
     function e() {
       return a !== null && a.apply(this, arguments) || this;
     }
@@ -1285,8 +1285,8 @@ var J = ct.strings, Pt = 0, Nt = (
       return new e(t);
     }, Object.defineProperty(e.prototype, "focusOnActivate", {
       set: function(t) {
-        this.tabList_.forEach(function(n) {
-          return n.focusOnActivate = t;
+        this.tabList_.forEach(function(r) {
+          return r.focusOnActivate = t;
         });
       },
       enumerable: !1,
@@ -1297,35 +1297,35 @@ var J = ct.strings, Pt = 0, Nt = (
       },
       enumerable: !1,
       configurable: !0
-    }), e.prototype.initialize = function(t, n) {
-      t === void 0 && (t = function(r) {
-        return new at(r);
-      }), n === void 0 && (n = function(r) {
-        return new it(r);
-      }), this.tabList_ = this.instantiateTabs_(t), this.tabScroller_ = this.instantiateTabScroller_(n);
+    }), e.prototype.initialize = function(t, r) {
+      t === void 0 && (t = function(n) {
+        return new gt(n);
+      }), r === void 0 && (r = function(n) {
+        return new Ct(n);
+      }), this.tabList_ = this.instantiateTabs_(t), this.tabScroller_ = this.instantiateTabScroller_(r);
     }, e.prototype.initialSyncWithDOM = function() {
       var t = this;
-      this.handleTabInteraction_ = function(r) {
-        return t.foundation.handleTabInteraction(r);
-      }, this.handleKeyDown_ = function(r) {
-        return t.foundation.handleKeyDown(r);
-      }, this.listen(P.strings.INTERACTED_EVENT, this.handleTabInteraction_), this.listen("keydown", this.handleKeyDown_);
-      for (var n = 0; n < this.tabList_.length; n++)
-        if (this.tabList_[n].active) {
-          this.scrollIntoView(n);
+      this.handleTabInteraction_ = function(n) {
+        return t.foundation.handleTabInteraction(n);
+      }, this.handleKeyDown_ = function(n) {
+        return t.foundation.handleKeyDown(n);
+      }, this.listen(w.strings.INTERACTED_EVENT, this.handleTabInteraction_), this.listen("keydown", this.handleKeyDown_);
+      for (var r = 0; r < this.tabList_.length; r++)
+        if (this.tabList_[r].active) {
+          this.scrollIntoView(r);
           break;
         }
     }, e.prototype.destroy = function() {
-      a.prototype.destroy.call(this), this.unlisten(P.strings.INTERACTED_EVENT, this.handleTabInteraction_), this.unlisten("keydown", this.handleKeyDown_), this.tabList_.forEach(function(t) {
+      a.prototype.destroy.call(this), this.unlisten(w.strings.INTERACTED_EVENT, this.handleTabInteraction_), this.unlisten("keydown", this.handleKeyDown_), this.tabList_.forEach(function(t) {
         return t.destroy();
       }), this.tabScroller_ && this.tabScroller_.destroy();
     }, e.prototype.getDefaultFoundation = function() {
-      var t = this, n = {
-        scrollTo: function(r) {
-          return t.tabScroller_.scrollTo(r);
+      var t = this, r = {
+        scrollTo: function(n) {
+          return t.tabScroller_.scrollTo(n);
         },
-        incrementScroll: function(r) {
-          return t.tabScroller_.incrementScroll(r);
+        incrementScroll: function(n) {
+          return t.tabScroller_.incrementScroll(n);
         },
         getScrollPosition: function() {
           return t.tabScroller_.getScrollPosition();
@@ -1339,65 +1339,64 @@ var J = ct.strings, Pt = 0, Nt = (
         isRTL: function() {
           return window.getComputedStyle(t.root).getPropertyValue("direction") === "rtl";
         },
-        setActiveTab: function(r) {
-          return t.foundation.activateTab(r);
+        setActiveTab: function(n) {
+          return t.foundation.activateTab(n);
         },
-        activateTabAtIndex: function(r, o) {
-          return t.tabList_[r].activate(o);
+        activateTabAtIndex: function(n, i) {
+          return t.tabList_[n].activate(i);
         },
-        deactivateTabAtIndex: function(r) {
-          return t.tabList_[r].deactivate();
+        deactivateTabAtIndex: function(n) {
+          return t.tabList_[n].deactivate();
         },
-        focusTabAtIndex: function(r) {
-          return t.tabList_[r].focus();
+        focusTabAtIndex: function(n) {
+          return t.tabList_[n].focus();
         },
-        getTabIndicatorClientRectAtIndex: function(r) {
-          return t.tabList_[r].computeIndicatorClientRect();
+        getTabIndicatorClientRectAtIndex: function(n) {
+          return t.tabList_[n].computeIndicatorClientRect();
         },
-        getTabDimensionsAtIndex: function(r) {
-          return t.tabList_[r].computeDimensions();
+        getTabDimensionsAtIndex: function(n) {
+          return t.tabList_[n].computeDimensions();
         },
         getPreviousActiveTabIndex: function() {
-          for (var r = 0; r < t.tabList_.length; r++)
-            if (t.tabList_[r].active)
-              return r;
+          for (var n = 0; n < t.tabList_.length; n++)
+            if (t.tabList_[n].active)
+              return n;
           return -1;
         },
         getFocusedTabIndex: function() {
-          var r = t.getTabElements_(), o = document.activeElement;
-          return r.indexOf(o);
+          var n = t.getTabElements_(), i = document.activeElement;
+          return n.indexOf(i);
         },
-        getIndexOfTabById: function(r) {
-          for (var o = 0; o < t.tabList_.length; o++)
-            if (t.tabList_[o].id === r)
-              return o;
+        getIndexOfTabById: function(n) {
+          for (var i = 0; i < t.tabList_.length; i++)
+            if (t.tabList_[i].id === n)
+              return i;
           return -1;
         },
         getTabListLength: function() {
           return t.tabList_.length;
         },
-        notifyTabActivated: function(r) {
-          return t.emit(J.TAB_ACTIVATED_EVENT, { index: r }, !0);
+        notifyTabActivated: function(n) {
+          return t.emit(dt.TAB_ACTIVATED_EVENT, { index: n }, !0);
         }
       };
-      return new ct(n);
+      return new Et(r);
     }, e.prototype.activateTab = function(t) {
       this.foundation.activateTab(t);
     }, e.prototype.scrollIntoView = function(t) {
       this.foundation.scrollIntoView(t);
     }, e.prototype.getTabElements_ = function() {
-      return [].slice.call(this.root.querySelectorAll(J.TAB_SELECTOR));
+      return [].slice.call(this.root.querySelectorAll(dt.TAB_SELECTOR));
     }, e.prototype.instantiateTabs_ = function(t) {
-      return this.getTabElements_().map(function(n) {
-        return n.id = n.id || "mdc-tab-" + ++Pt, t(n);
+      return this.getTabElements_().map(function(r) {
+        return r.id = r.id || "mdc-tab-" + ++zt, t(r);
       });
     }, e.prototype.instantiateTabScroller_ = function(t) {
-      var n = this.root.querySelector(J.TAB_SCROLLER_SELECTOR);
-      return n ? t(n) : null;
+      var r = this.root.querySelector(dt.TAB_SCROLLER_SELECTOR);
+      return r ? t(r) : null;
     }, e;
-  }(H)
-);
-const xt = {
+  }(rt)
+), qt = {
   /**
    * Index of the currently active tab.
    *
@@ -1447,7 +1446,7 @@ const xt = {
    *
    * Defaults to **undefined**.
    */
-  raised: Z(c.bool, "TabBar", "Please use elevated instead."),
+  raised: vt(c.bool, "TabBar", "Please use elevated instead."),
   /**
    * @deprecated _Deprecated, containers will scroll when necessary._
    *
@@ -1455,7 +1454,7 @@ const xt = {
    *
    * Defaults to **undefined**.
    */
-  scrollable: Z(c.bool, "TabBar", "Deprecated, containers will scroll when necessary."),
+  scrollable: vt(c.bool, "TabBar", "Deprecated, containers will scroll when necessary."),
   /**
    * Indicates that the tab icon and label should flow vertically instead of horizontally.
    *
@@ -1468,18 +1467,19 @@ const xt = {
    * Defaults to **'surface'**.
    */
   variant: c.oneOf(["primary", "secondary", "surface"])
-}, Mt = {
+}, Ut = {
   activeTabIndex: 0,
   children: null,
   className: void 0,
   clusterAlign: "start",
   clustered: !1,
   elevated: !1,
+  onTabActivated: null,
   raised: void 0,
   scrollable: void 0,
   stacked: !1,
   variant: "surface"
-}, Wt = {
+}, Jt = {
   /**
    * Indicates that the tab is active.
    *
@@ -1546,7 +1546,7 @@ const xt = {
    * Defaults to **false**.
    */
   stacked: c.bool
-}, wt = {
+}, Qt = {
   active: void 0,
   badge: void 0,
   children: null,
@@ -1558,275 +1558,286 @@ const xt = {
   indicatorTransition: "slide",
   label: null,
   stacked: !1
-};
-c.bool, c.string, c.string;
-c.oneOf(["start", "center", "end"]), c.node;
-const W = /* @__PURE__ */ Y((a, e) => {
-  const {
-    active: t,
-    className: n,
-    icon: r,
-    id: o,
-    transition: i,
-    ...l
-  } = a, s = A(), u = A(), h = B("lmnt", "lmnt-tab-indicator", "mdc-tab-indicator", t && "mdc-tab-indicator--active", i === "fade" && "mdc-tab-indicator--fade", n);
-  return N(() => (u.current = rt.attachTo(s.current), () => {
-    u.current.destroy();
-  }), [u]), F(e, () => s.current, []), /* @__PURE__ */ p.createElement("span", V({
-    id: o,
-    className: h,
-    ref: s
-  }, l), r && /* @__PURE__ */ p.createElement("span", {
-    className: "mdc-tab-indicator__content mdc-tab-indicator__content--icon material-icons",
-    "aria-hidden": "true"
-  }, r), !r && /* @__PURE__ */ p.createElement("span", {
-    className: "mdc-tab-indicator__content mdc-tab-indicator__content--underline"
-  }));
-});
-W.displayName = "TabIndicator";
-W.propTypes = {
+}, Zt = {
+  /**
+   * Visually activates the indicator.
+   *
+   * Defaults to **false**.
+   */
   active: c.bool,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
   className: c.string,
+  /**
+   * The tab-indicator will use an underline if no icon is provided.
+   *
+   * Defaults to **null**.
+   */
   icon: c.string,
+  /**
+   * Randomly generated id. May be overwritten.
+   *
+   * Defaults to **undefined**.
+   */
   id: c.string,
-  transition: c.oneOf(["fade", "slide"])
-};
-W.defaultProps = {
+  /**
+   * The Tab Indicator will use a 'slide' or 'fade' transition between tabs.
+   *
+   * Defaults to **'slide'**.
+   */
+  transition: c.string
+}, te = {
   active: !1,
-  className: null,
+  className: void 0,
   icon: null,
-  id: null,
+  id: void 0,
   transition: "slide"
-};
-const lt = /* @__PURE__ */ pt({}), Kt = (a, e) => {
-  if (a)
-    return typeof a == "string" ? /* @__PURE__ */ p.createElement(Tt, {
-      tabIndex: 0,
-      role: "button",
+}, ee = {
+  /**
+   * Clustered tabs can be aligned to 'start', 'center', or 'end'.
+   *
+   * Defaults to **'start'**.
+   */
+  align: c.oneOf(["start", "center", "end"]),
+  /**
+   * Accepts Tab components.
+   *
+   * Defaults to **null**.
+   */
+  children: c.node,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: c.string
+}, re = {
+  align: "start",
+  children: null,
+  className: void 0
+}, ne = ["active", "className", "icon", "id", "transition"], j = te, q = /* @__PURE__ */ Z(function(a, e) {
+  var t = a.active, r = t === void 0 ? j.active : t, n = a.className, i = n === void 0 ? j.className : n, o = a.icon, l = o === void 0 ? j.icon : o, d = a.id, s = d === void 0 ? j.id : d, u = a.transition, v = u === void 0 ? j.transition : u, _ = U(a, ne), g = O(), m = O(), b = J("lmnt", "lmnt-tab-indicator", "mdc-tab-indicator", r && "mdc-tab-indicator--active", v === "fade" && "mdc-tab-indicator--fade", i);
+  return K(function() {
+    return m.current = bt.attachTo(g.current), function() {
+      m.current.destroy();
+    };
+  }, [m]), tt(e, function() {
+    return g.current;
+  }, []), /* @__PURE__ */ p.createElement("span", Q({
+    id: s,
+    className: b,
+    ref: g
+  }, _), l && /* @__PURE__ */ p.createElement("span", {
+    className: "mdc-tab-indicator__content mdc-tab-indicator__content--icon material-icons",
+    "aria-hidden": "true"
+  }, l), !l && /* @__PURE__ */ p.createElement("span", {
+    className: "mdc-tab-indicator__content mdc-tab-indicator__content--underline"
+  }));
+});
+q.displayName = "TabIndicator";
+q.propTypes = Zt;
+var At = /* @__PURE__ */ Dt({}), ae = ["active", "badge", "children", "className", "clustered", "icon", "indicatorIcon", "indicatorSize", "indicatorTransition", "label", "stacked"], ie = function(e, t) {
+  if (e)
+    return typeof e == "string" ? /* @__PURE__ */ p.createElement(xt, {
       className: "mdc-tab__icon",
       ariaHidden: !0,
-      ariaLabel: e,
-      icon: a
-    }) : nt(a, {
+      ariaLabel: t,
+      icon: e
+    }) : _t(e, {
       className: "mdc-tab__icon",
-      tabIndex: 0,
       "aria-hidden": !0,
-      "aria-label": e,
-      role: "button"
+      "aria-label": t
     });
-}, j = /* @__PURE__ */ Y((a, e) => {
-  const {
-    active: t,
-    badge: n,
-    children: r,
-    className: o,
-    clustered: i,
-    icon: l,
-    indicatorIcon: s,
-    indicatorSize: u,
-    indicatorTransition: h,
-    label: b,
-    stacked: S,
-    ...D
-  } = a, T = A(), m = A();
-  F(e, () => T.current, []);
-  const d = mt(lt), C = d.stacked || S, $ = d.clustered || i;
-  N(() => (m.current = at.attachTo(T.current), () => {
-    m.current.destroy();
-  }), []);
-  const z = B("lmnt", "lmnt-tab", "mdc-tab", "mdc-button", t && "mdc-tab--active", $ && "mdc-tab--min-width", C && "mdc-tab--stacked", o);
-  return /* @__PURE__ */ p.createElement("button", V({
+}, C = Qt, ht = /* @__PURE__ */ Z(function(a, e) {
+  var t = a.active, r = t === void 0 ? C.active : t, n = a.badge, i = n === void 0 ? C.badge : n, o = a.children, l = o === void 0 ? C.children : o, d = a.className, s = d === void 0 ? C.className : d, u = a.clustered, v = u === void 0 ? C.clustered : u, _ = a.icon, g = _ === void 0 ? C.icon : _, m = a.indicatorIcon, b = m === void 0 ? C.indicatorIcon : m, h = a.indicatorSize, L = h === void 0 ? C.indicatorSize : h, $ = a.indicatorTransition, H = $ === void 0 ? C.indicatorTransition : $, B = a.label, X = B === void 0 ? C.label : B, V = a.stacked, k = V === void 0 ? C.stacked : V, at = U(a, ae), N = O(), S = O();
+  tt(e, function() {
+    return N.current;
+  }, []);
+  var P = Nt(At), z = P.stacked || k, it = P.clustered || v;
+  K(function() {
+    return S.current = gt.attachTo(N.current), function() {
+      S.current.destroy();
+    };
+  }, []);
+  var ot = J("lmnt", "lmnt-tab", "mdc-tab", "mdc-button", r && "mdc-tab--active", it && "mdc-tab--min-width", z && "mdc-tab--stacked", s);
+  return /* @__PURE__ */ p.createElement("button", Q({
     type: "button",
-    "aria-selected": t,
-    ref: T,
-    className: z,
+    "aria-selected": r,
+    ref: N,
+    className: ot,
     role: "tab"
-  }, D), /* @__PURE__ */ p.createElement("span", {
+  }, at), /* @__PURE__ */ p.createElement("span", {
     className: "mdc-tab__content"
-  }, l && Kt(l, b), /* @__PURE__ */ p.createElement("span", {
+  }, g && ie(g, X), /* @__PURE__ */ p.createElement("span", {
     className: "mdc-tab__text-label"
-  }, r), u === "content" && /* @__PURE__ */ p.createElement(W, {
-    active: t,
-    icon: s,
-    transition: h
-  }, s), n && !C && nt(n, {
+  }, l), L === "content" && /* @__PURE__ */ p.createElement(q, {
+    active: r,
+    icon: b,
+    transition: H
+  }, b), i && !z && _t(i, {
     className: "lmnt-tab-bar--notification-badge"
-  })), u === "full" && /* @__PURE__ */ p.createElement(W, {
-    active: t,
-    icon: s,
-    transition: h
-  }, s), /* @__PURE__ */ p.createElement("span", {
+  })), L === "full" && /* @__PURE__ */ p.createElement(q, {
+    active: r,
+    icon: b,
+    transition: H
+  }, b), /* @__PURE__ */ p.createElement("span", {
     className: "lmnt-tab___ripple mdc-tab__ripple"
   }));
 });
-j.displayName = "Tab";
-j.propTypes = Wt;
-j.defaultProps = wt;
-const X = /* @__PURE__ */ Y((a, e) => {
-  const {
-    align: t,
-    className: n,
-    children: r,
-    ...o
-  } = a, i = A(), l = A();
-  N(() => (l.current = it.attachTo(i.current), () => {
-    l.current.destroy();
-  }), [l]);
-  const s = B("lmnt", "lmnt-tab-scroller", "mdc-tab-scroller", t === "start" && "mdc-tab-scroller--align-start", t === "center" && "mdc-tab-scroller--align-center", t === "end" && "mdc-tab-scroller--align-end", n);
-  return F(e, () => i.current, []), /* @__PURE__ */ p.createElement("div", V({
-    className: s,
-    ref: i
-  }, o), /* @__PURE__ */ p.createElement("div", {
+ht.displayName = "Tab";
+ht.propTypes = Jt;
+var oe = ["align", "className", "children"], ut = re, pt = /* @__PURE__ */ Z(function(a, e) {
+  var t = a.align, r = t === void 0 ? ut.align : t, n = a.className, i = n === void 0 ? ut.className : n, o = a.children, l = o === void 0 ? ut.children : o, d = U(a, oe), s = O(), u = O();
+  K(function() {
+    return u.current = Ct.attachTo(s.current), function() {
+      u.current.destroy();
+    };
+  }, [u]);
+  var v = J("lmnt", "lmnt-tab-scroller", "mdc-tab-scroller", r === "start" && "mdc-tab-scroller--align-start", r === "center" && "mdc-tab-scroller--align-center", r === "end" && "mdc-tab-scroller--align-end", i);
+  return tt(e, function() {
+    return s.current;
+  }, []), /* @__PURE__ */ p.createElement("div", Q({
+    className: v,
+    ref: s
+  }, d), /* @__PURE__ */ p.createElement("div", {
     className: "mdc-tab-scroller__scroll-area"
   }, /* @__PURE__ */ p.createElement("div", {
     className: "mdc-tab-scroller__scroll-content"
-  }, r)), /* @__PURE__ */ p.createElement("hr", {
+  }, l)), /* @__PURE__ */ p.createElement("hr", {
     className: "lmnt-tab-bar--divider"
   }));
 });
-X.displayName = "TabBar";
-X.propTypes = {
-  align: c.oneOf(["start", "center", "end"]),
-  className: c.string,
-  children: c.oneOfType([c.arrayOf(c.node), c.node])
-};
-X.defaultProps = {
-  align: "start",
-  className: void 0,
-  children: void 0
-};
-const w = /* @__PURE__ */ Y((a, e) => {
-  const {
-    activeTabIndex: t,
-    children: n,
-    className: r,
-    clusterAlign: o,
-    clustered: i,
-    elevated: l,
-    onTabActivated: s,
-    raised: u,
-    scrollable: h,
-    stacked: b,
-    variant: S,
-    ...D
-  } = a, T = A(), m = A();
-  F(e, () => T.current, []);
-  const d = ft((z) => s && s(z.detail.index), [s]);
-  N(() => (m.current = Nt.attachTo(T.current), m.current.unlisten("MDCTabBar:activated", d), m.current.listen("MDCTabBar:activated", d), () => {
-    m.current.unlisten("MDCTabBar:activated", d), m.current.destroy();
-  }), [n, m, d]), N(() => {
-    m.current.activateTab(t);
-  }, [m, t]);
-  const C = B("lmnt", "lmnt-tab-bar", "mdc-tab-bar", u && !h && "mdc-tab-bar--raised", l && "mdc-tab-bar--elevated", S === "primary" && "mdc-tab-bar--primary", S === "secondary" && "mdc-tab-bar--secondary", S === "surface" && "mdc-tab-bar--surface", r), $ = ht(() => ({
-    stacked: b,
-    clustered: i
-  }), [b, i]);
-  return /* @__PURE__ */ p.createElement(lt.Provider, {
-    value: $
-  }, /* @__PURE__ */ p.createElement("div", V({
-    className: C,
+pt.displayName = "TabBarScroller";
+pt.propTypes = ee;
+var ce = ["activeTabIndex", "children", "className", "clusterAlign", "clustered", "elevated", "onTabActivated", "raised", "scrollable", "stacked", "variant"], E = Ut, nt = /* @__PURE__ */ Z(function(a, e) {
+  var t = a.activeTabIndex, r = t === void 0 ? E.activeTabIndex : t, n = a.children, i = n === void 0 ? E.children : n, o = a.className, l = o === void 0 ? E.className : o, d = a.clusterAlign, s = d === void 0 ? E.clusterAlign : d, u = a.clustered, v = u === void 0 ? E.clustered : u, _ = a.elevated, g = _ === void 0 ? E.elevated : _, m = a.onTabActivated, b = m === void 0 ? E.onTabActivated : m, h = a.raised, L = h === void 0 ? E.raised : h, $ = a.scrollable, H = $ === void 0 ? E.scrollable : $, B = a.stacked, X = B === void 0 ? E.stacked : B, V = a.variant, k = V === void 0 ? E.variant : V, at = U(a, ce), N = O(), S = O();
+  tt(e, function() {
+    return N.current;
+  }, []);
+  var P = Rt(function(ot) {
+    return b && b(ot.detail.index);
+  }, [b]);
+  K(function() {
+    return S.current = Gt.attachTo(N.current), S.current.unlisten("MDCTabBar:activated", P), S.current.listen("MDCTabBar:activated", P), function() {
+      S.current.unlisten("MDCTabBar:activated", P), S.current.destroy();
+    };
+  }, [i, S, P]), K(function() {
+    S.current.activateTab(r);
+  }, [S, r]);
+  var z = J("lmnt", "lmnt-tab-bar", "mdc-tab-bar", L && !H && "mdc-tab-bar--raised", g && "mdc-tab-bar--elevated", k === "primary" && "mdc-tab-bar--primary", k === "secondary" && "mdc-tab-bar--secondary", k === "surface" && "mdc-tab-bar--surface", l), it = Ot(function() {
+    return {
+      stacked: X,
+      clustered: v
+    };
+  }, [X, v]);
+  return /* @__PURE__ */ p.createElement(At.Provider, {
+    value: it
+  }, /* @__PURE__ */ p.createElement("div", Q({
+    className: z,
     role: "tablist",
-    ref: T
-  }, D), /* @__PURE__ */ p.createElement(X, {
-    align: o
-  }, n)));
+    ref: N
+  }, at), /* @__PURE__ */ p.createElement(pt, {
+    align: s
+  }, i)));
 });
-w.displayName = "TabBar";
-w.propTypes = xt;
-w.defaultProps = Mt;
-w.displayName = "TabBar";
-const Bt = "_elevation_xbjx4_1", Vt = "_themeBackground_xbjx4_6", Yt = "_tabBar_xbjx4_10", Ft = "_tabWrapper_xbjx4_20", kt = "_stickyHeader_xbjx4_24", Ht = "_tabButton_xbjx4_30", jt = "_childContainer_xbjx4_34", Xt = "_childContainerPhone_xbjx4_38", $t = "_iconColorRed_xbjx4_42", zt = "_miniPadding_xbjx4_47", y = {
-  elevation: Bt,
-  themeBackground: Vt,
-  tabBar: Yt,
-  tabWrapper: Ft,
-  stickyHeader: kt,
-  tabButton: Ht,
-  childContainer: jt,
-  childContainerPhone: Xt,
-  iconColorRed: $t,
-  miniPadding: zt
-}, et = (a, e) => !e || !a ? 0 : a.findIndex((t) => t.hash === e.replace("#", "")) ?? 0, ie = ({
+nt.displayName = "TabBar";
+nt.propTypes = qt;
+nt.displayName = "TabBar";
+const le = "_elevation_xbjx4_1", se = "_themeBackground_xbjx4_6", de = "_tabBar_xbjx4_10", ue = "_tabWrapper_xbjx4_20", fe = "_stickyHeader_xbjx4_24", he = "_tabButton_xbjx4_30", pe = "_childContainer_xbjx4_34", ve = "_childContainerPhone_xbjx4_38", me = "_iconColorRed_xbjx4_42", Te = "_miniPadding_xbjx4_47", R = {
+  elevation: le,
+  themeBackground: se,
+  tabBar: de,
+  tabWrapper: ue,
+  stickyHeader: fe,
+  tabButton: he,
+  childContainer: pe,
+  childContainerPhone: ve,
+  iconColorRed: me,
+  miniPadding: Te
+}, Tt = (a, e) => !e || !a ? 0 : a.findIndex((t) => t.hash === e.replace("#", "")) ?? 0, De = ({
   tabs: a,
   hasHash: e = !0,
   hash: t = "",
-  clusterAlign: n = "start",
-  hasClusteredTabs: r,
-  children: o,
-  verticalGap: i = "none",
+  clusterAlign: r = "start",
+  hasClusteredTabs: n,
+  children: i,
+  verticalGap: o = "none",
   elevation: l = 0,
-  backgroundColor: s = "themeBackground",
-  onChange: u,
-  hasStickyTabs: h = !1,
-  classNameHeader: b = ""
+  backgroundColor: d = "themeBackground",
+  onChange: s,
+  hasStickyTabs: u = !1,
+  classNameHeader: v = ""
 }) => {
-  const [S, D] = _t(et(a, t)), { isDesktop: T } = St();
-  N(() => {
+  const [_, g] = Pt(Tt(a, t)), { isDesktop: m } = Kt();
+  K(() => {
     if (!e || !t) return;
-    const d = et(a, t);
-    D(d);
+    const h = Tt(a, t);
+    g(h);
   }, [a, t, e]);
-  const m = (d) => {
-    const C = a[d].hash;
-    C != null && e && window.history.replaceState(null, "", `#${C}`), D(d), u?.(d);
+  const b = (h) => {
+    const L = a[h].hash;
+    L != null && e && window.history.replaceState(null, "", `#${L}`), g(h), s?.(h);
   };
-  return /* @__PURE__ */ R(
-    ut,
+  return /* @__PURE__ */ x(
+    Lt,
     {
       elevation: l,
-      className: `${y.elevation} ${s === "none" ? "" : y.themeBackground}`,
-      children: /* @__PURE__ */ G(
-        x,
+      className: `${R.elevation} ${d === "none" ? "" : R.themeBackground}`,
+      children: /* @__PURE__ */ ct(
+        Y,
         {
           "data-testid": "hash-tab-container",
           direction: "vertical",
-          gap: i,
+          gap: o,
           secondaryAlign: "stretch",
           children: [
-            /* @__PURE__ */ G(
-              x,
+            /* @__PURE__ */ ct(
+              Y,
               {
-                direction: T ? "horizontal" : "vertical",
-                className: `${y.tabWrapper} ${h ? y.stickyHeader : ""} ${b}`,
+                direction: m ? "horizontal" : "vertical",
+                className: `${R.tabWrapper} ${u ? R.stickyHeader : ""} ${v}`,
                 children: [
-                  /* @__PURE__ */ R(
-                    w,
+                  /* @__PURE__ */ x(
+                    nt,
                     {
                       "data-testid": "tab-bar",
-                      className: y.tabBar,
-                      clustered: T ? r : !1,
-                      clusterAlign: n,
+                      className: R.tabBar,
+                      clustered: m ? n : !1,
+                      clusterAlign: r,
                       variant: "surface",
-                      activeTabIndex: S,
-                      onTabActivated: m,
-                      children: a.map((d, C) => /* @__PURE__ */ R(
-                        j,
+                      activeTabIndex: _,
+                      onTabActivated: b,
+                      children: a.map((h, L) => /* @__PURE__ */ x(
+                        ht,
                         {
-                          "data-testid": `tab-${d.title}`,
-                          icon: d.leadingIcon,
-                          className: `${o ? y.tabButton : ""} ${d.isIconRed ? y.iconColorRed : ""}`,
-                          active: S === C,
-                          children: /* @__PURE__ */ G(x, { gap: "dense", children: [
-                            d.title,
-                            d.trailingIcon
+                          "data-testid": `tab-${h.title}`,
+                          icon: h.leadingIcon,
+                          className: `${i ? R.tabButton : ""} ${h.isIconRed ? R.iconColorRed : ""}`,
+                          active: _ === L,
+                          children: /* @__PURE__ */ ct(Y, { gap: "dense", children: [
+                            h.title,
+                            h.trailingIcon
                           ] })
                         },
-                        `${C}_${d.hash}`
+                        `${L}_${h.hash}`
                       ))
                     }
                   ),
-                  o ? /* @__PURE__ */ R(
-                    dt,
+                  i ? /* @__PURE__ */ x(
+                    It,
                     {
                       variant: "dense",
-                      className: T ? y.childContainer : y.childContainerPhone,
-                      children: /* @__PURE__ */ R(x, { gap: "dense", primaryAlign: "center", secondaryAlign: "center", children: o })
+                      className: m ? R.childContainer : R.childContainerPhone,
+                      children: /* @__PURE__ */ x(Y, { gap: "dense", primaryAlign: "center", secondaryAlign: "center", children: i })
                     }
-                  ) : /* @__PURE__ */ R(st, {})
+                  ) : /* @__PURE__ */ x(yt, {})
                 ]
               }
             ),
-            h ? /* @__PURE__ */ R(x, { fullWidth: !0, direction: "vertical", className: y.miniPadding, children: a[S]?.component }) : a[S]?.component
+            u ? /* @__PURE__ */ x(Y, { fullWidth: !0, direction: "vertical", className: R.miniPadding, children: a[_]?.component }) : a[_]?.component
           ]
         }
       )
@@ -1834,5 +1845,5 @@ const Bt = "_elevation_xbjx4_1", Vt = "_themeBackground_xbjx4_6", Yt = "_tabBar_
   );
 };
 export {
-  ie as HashTabView
+  De as HashTabView
 };