@hortiview/shared-components 2.8.8 → 2.9.0

package/dist/components/HashTabView/HashTabView.js

@@ -1,14 +1,14 @@
-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 { jsx as M, jsxs as ct, Fragment as yt } from "react/jsx-runtime";
+import { E as Lt } from "../../index.es-DNRm4vOy.js";
+import { G as Y } from "../../index.es-DsGuBR0Z.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 { c as _t, d as vt } from "../../index.es-BjvSa9Z-.js";
+import { I as Mt } from "../../index.es-DYs8W4jv.js";
+import { b as T, c as D, a as Wt } 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 { b as xt, M as mt, a as R, m as wt } from "../../component-DsB0poTj.js";
 import { u as Kt } from "../../useBreakpoints-MzTZ0tCT.js";
 import '../../assets/HashTabView.css';/**
  * @license
@@ -61,7 +61,7 @@ var $t = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var A = (
+var y = (
   /** @class */
   function(a) {
     T(e, a);
@@ -131,11 +131,11 @@ var Vt = (
       return a !== null && a.apply(this, arguments) || this;
     }
     return e.prototype.activate = function() {
-      this.adapter.addClass(A.cssClasses.ACTIVE);
+      this.adapter.addClass(y.cssClasses.ACTIVE);
     }, e.prototype.deactivate = function() {
-      this.adapter.removeClass(A.cssClasses.ACTIVE);
+      this.adapter.removeClass(y.cssClasses.ACTIVE);
     }, e;
-  }(A)
+  }(y)
 );
 /**
  * @license
@@ -168,15 +168,15 @@ var kt = (
     }
     return e.prototype.activate = function(t) {
       if (!t) {
-        this.adapter.addClass(A.cssClasses.ACTIVE);
+        this.adapter.addClass(y.cssClasses.ACTIVE);
         return;
       }
       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", "");
+      this.adapter.addClass(y.cssClasses.NO_TRANSITION), this.adapter.setContentStyleProperty("transform", "translateX(" + i + "px) scaleX(" + n + ")"), this.computeContentClientRect(), this.adapter.removeClass(y.cssClasses.NO_TRANSITION), this.adapter.addClass(y.cssClasses.ACTIVE), this.adapter.setContentStyleProperty("transform", "");
     }, e.prototype.deactivate = function() {
-      this.adapter.removeClass(A.cssClasses.ACTIVE);
+      this.adapter.removeClass(y.cssClasses.ACTIVE);
     }, e;
-  }(A)
+  }(y)
 );
 /**
  * @license
@@ -200,7 +200,7 @@ var kt = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var bt = (
+var gt = (
   /** @class */
   function(a) {
     T(e, a);
@@ -210,7 +210,7 @@ var bt = (
     return e.attachTo = function(t) {
       return new e(t);
     }, e.prototype.initialize = function() {
-      this.content_ = this.root.querySelector(A.strings.CONTENT_SELECTOR);
+      this.content_ = this.root.querySelector(y.strings.CONTENT_SELECTOR);
     }, e.prototype.computeContentClientRect = function() {
       return this.foundation.computeContentClientRect();
     }, e.prototype.getDefaultFoundation = function() {
@@ -228,7 +228,7 @@ var bt = (
           return t.content_.style.setProperty(n, i);
         }
       };
-      return this.root.classList.contains(A.cssClasses.FADE) ? new Vt(r) : new kt(r);
+      return this.root.classList.contains(y.cssClasses.FADE) ? new Vt(r) : new kt(r);
     }, e.prototype.activate = function(t) {
       this.foundation.activate(t);
     }, e.prototype.deactivate = function() {
@@ -258,7 +258,7 @@ var bt = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var G = {
+var z = {
   ACTIVE: "mdc-tab--active"
 }, F = {
   ARIA_SELECTED: "aria-selected",
@@ -300,7 +300,7 @@ var w = (
     }
     return Object.defineProperty(e, "cssClasses", {
       get: function() {
-        return G;
+        return z;
       },
       enumerable: !1,
       configurable: !0
@@ -349,13 +349,13 @@ var w = (
     }), e.prototype.handleClick = function() {
       this.adapter.notifyInteracted();
     }, e.prototype.isActive = function() {
-      return this.adapter.hasClass(G.ACTIVE);
+      return this.adapter.hasClass(z.ACTIVE);
     }, e.prototype.setFocusOnActivate = function(t) {
       this.focusOnActivate_ = t;
     }, e.prototype.activate = function(t) {
-      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();
+      this.adapter.addClass(z.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(G.ACTIVE), this.adapter.setAttr(F.ARIA_SELECTED, "false"), this.adapter.setAttr(F.TABINDEX, "-1"), this.adapter.deactivateIndicator());
+      this.isActive() && (this.adapter.removeClass(z.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(), r = this.adapter.getOffsetLeft(), n = this.adapter.getContentOffsetWidth(), i = this.adapter.getContentOffsetLeft();
       return {
@@ -389,7 +389,7 @@ var w = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var gt = (
+var bt = (
   /** @class */
   function(a) {
     T(e, a);
@@ -402,9 +402,9 @@ var gt = (
       t === void 0 && (t = function(o, l) {
         return new mt(o, l);
       }), r === void 0 && (r = function(o) {
-        return new bt(o);
+        return new gt(o);
       }), this.id = this.root.id;
-      var n = new Wt(mt.createAdapter(this));
+      var n = new xt(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);
@@ -629,7 +629,7 @@ var Ft = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var jt = (
+var Ht = (
   /** @class */
   function(a) {
     T(e, a);
@@ -687,7 +687,7 @@ var jt = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Ht = (
+var jt = (
   /** @class */
   function(a) {
     T(e, a);
@@ -841,7 +841,7 @@ var lt = (
       var r = /\((.+?)\)/.exec(t);
       if (!r)
         return 0;
-      var n = r[1], i = Mt(n.split(","), 6);
+      var n = r[1], i = Wt(n.split(","), 6);
       i[0], i[1], i[2], i[3];
       var o = i[4];
       return i[5], parseFloat(o);
@@ -891,9 +891,9 @@ var lt = (
       this.adapter.setScrollAreaScrollLeft(t - 1);
       var r = this.adapter.getScrollAreaScrollLeft();
       if (r < 0)
-        return this.adapter.setScrollAreaScrollLeft(t), new jt(this.adapter);
+        return this.adapter.setScrollAreaScrollLeft(t), new Ht(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);
+      return this.adapter.setScrollAreaScrollLeft(t), o === r ? new jt(this.adapter) : new Ft(this.adapter);
     }, e.prototype.isRTL_ = function() {
       return this.adapter.getScrollContentStyleValue("direction") === "rtl";
     }, e;
@@ -969,9 +969,9 @@ var Ct = (
         return t.foundation.handleInteraction();
       }, 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_);
+      }, this.area_.addEventListener("wheel", this.handleInteraction_, R()), this.area_.addEventListener("touchstart", this.handleInteraction_, R()), this.area_.addEventListener("pointerdown", this.handleInteraction_, R()), this.area_.addEventListener("mousedown", this.handleInteraction_, R()), this.area_.addEventListener("keydown", this.handleInteraction_, R()), this.content_.addEventListener("transitionend", this.handleTransitionEnd_);
     }, e.prototype.destroy = function() {
-      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_);
+      a.prototype.destroy.call(this), this.area_.removeEventListener("wheel", this.handleInteraction_, R()), this.area_.removeEventListener("touchstart", this.handleInteraction_, R()), this.area_.removeEventListener("pointerdown", this.handleInteraction_, R()), this.area_.removeEventListener("mousedown", this.handleInteraction_, R()), this.area_.removeEventListener("keydown", this.handleInteraction_, R()), this.content_.removeEventListener("transitionend", this.handleTransitionEnd_);
     }, e.prototype.getDefaultFoundation = function() {
       var t = this, r = {
         eventTargetMatchesSelector: function(n, i) {
@@ -1061,7 +1061,7 @@ var f = {
   TAB_ACTIVATED_EVENT: "MDCTabBar:activated",
   TAB_SCROLLER_SELECTOR: ".mdc-tab-scroller",
   TAB_SELECTOR: ".mdc-tab"
-}, y = {
+}, L = {
   ARROW_LEFT_KEYCODE: 37,
   ARROW_RIGHT_KEYCODE: 39,
   END_KEYCODE: 35,
@@ -1092,20 +1092,20 @@ var f = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-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 W = /* @__PURE__ */ new Set();
+W.add(f.ARROW_LEFT_KEY);
+W.add(f.ARROW_RIGHT_KEY);
+W.add(f.END_KEY);
+W.add(f.HOME_KEY);
+W.add(f.ENTER_KEY);
+W.add(f.SPACE_KEY);
+var x = /* @__PURE__ */ new Map();
+x.set(L.ARROW_LEFT_KEYCODE, f.ARROW_LEFT_KEY);
+x.set(L.ARROW_RIGHT_KEYCODE, f.ARROW_RIGHT_KEY);
+x.set(L.END_KEYCODE, f.END_KEY);
+x.set(L.HOME_KEYCODE, f.HOME_KEY);
+x.set(L.ENTER_KEYCODE, f.ENTER_KEY);
+x.set(L.SPACE_KEYCODE, f.SPACE_KEY);
 var Et = (
   /** @class */
   function(a) {
@@ -1122,7 +1122,7 @@ var Et = (
       configurable: !0
     }), Object.defineProperty(e, "numbers", {
       get: function() {
-        return y;
+        return L;
       },
       enumerable: !1,
       configurable: !0
@@ -1218,10 +1218,10 @@ var Et = (
       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;
+      var o = this.adapter.getTabDimensionsAtIndex(r), l = o.contentLeft - n - i, d = o.contentRight - n, s = d - L.EXTRA_SCROLL_AMOUNT, u = l + L.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;
+      var l = this.adapter.getTabDimensionsAtIndex(r), d = o - l.contentLeft - n, s = o - l.contentRight - n - i, u = s + L.EXTRA_SCROLL_AMOUNT, v = d - L.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;
@@ -1230,7 +1230,7 @@ var Et = (
       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 M.has(t.key) ? t.key : W.get(t.keyCode);
+      return W.has(t.key) ? t.key : x.get(t.keyCode);
     }, e.prototype.isActivationKey_ = function(t) {
       return t === f.SPACE_KEY || t === f.ENTER_KEY;
     }, e.prototype.indexIsInRange_ = function(t) {
@@ -1274,7 +1274,7 @@ var Et = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var dt = Et.strings, zt = 0, Gt = (
+var dt = Et.strings, qt = 0, zt = (
   /** @class */
   function(a) {
     T(e, a);
@@ -1299,7 +1299,7 @@ var dt = Et.strings, zt = 0, Gt = (
       configurable: !0
     }), e.prototype.initialize = function(t, r) {
       t === void 0 && (t = function(n) {
-        return new gt(n);
+        return new bt(n);
       }), r === void 0 && (r = function(n) {
         return new Ct(n);
       }), this.tabList_ = this.instantiateTabs_(t), this.tabScroller_ = this.instantiateTabScroller_(r);
@@ -1389,14 +1389,14 @@ var dt = Et.strings, zt = 0, Gt = (
       return [].slice.call(this.root.querySelectorAll(dt.TAB_SELECTOR));
     }, e.prototype.instantiateTabs_ = function(t) {
       return this.getTabElements_().map(function(r) {
-        return r.id = r.id || "mdc-tab-" + ++zt, t(r);
+        return r.id = r.id || "mdc-tab-" + ++qt, t(r);
       });
     }, e.prototype.instantiateTabScroller_ = function(t) {
       var r = this.root.querySelector(dt.TAB_SCROLLER_SELECTOR);
       return r ? t(r) : null;
     }, e;
   }(rt)
-), qt = {
+), Gt = {
   /**
    * Index of the currently active tab.
    *
@@ -1618,18 +1618,18 @@ var dt = Et.strings, zt = 0, Gt = (
   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);
+}, ne = ["active", "className", "icon", "id", "transition"], H = te, G = /* @__PURE__ */ Z(function(a, e) {
+  var t = a.active, r = t === void 0 ? H.active : t, n = a.className, i = n === void 0 ? H.className : n, o = a.icon, l = o === void 0 ? H.icon : o, d = a.id, s = d === void 0 ? H.id : d, u = a.transition, v = u === void 0 ? H.transition : u, _ = U(a, ne), b = O(), m = O(), g = 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() {
+    return m.current = gt.attachTo(b.current), function() {
       m.current.destroy();
     };
   }, [m]), tt(e, function() {
-    return g.current;
+    return b.current;
   }, []), /* @__PURE__ */ p.createElement("span", Q({
     id: s,
-    className: b,
-    ref: g
+    className: g,
+    ref: b
   }, _), l && /* @__PURE__ */ p.createElement("span", {
     className: "mdc-tab-indicator__content mdc-tab-indicator__content--icon material-icons",
     "aria-hidden": "true"
@@ -1637,11 +1637,11 @@ var dt = Et.strings, zt = 0, Gt = (
     className: "mdc-tab-indicator__content mdc-tab-indicator__content--underline"
   }));
 });
-q.displayName = "TabIndicator";
-q.propTypes = Zt;
+G.displayName = "TabIndicator";
+G.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, {
+    return typeof e == "string" ? /* @__PURE__ */ p.createElement(Mt, {
       className: "mdc-tab__icon",
       ariaHidden: !0,
       ariaLabel: t,
@@ -1652,17 +1652,17 @@ var At = /* @__PURE__ */ Dt({}), ae = ["active", "badge", "children", "className
       "aria-label": t
     });
 }, 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();
+  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, b = _ === void 0 ? C.icon : _, m = a.indicatorIcon, g = m === void 0 ? C.indicatorIcon : m, h = a.indicatorSize, I = h === void 0 ? C.indicatorSize : h, $ = a.indicatorTransition, j = $ === 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;
+  var P = Nt(At), q = P.stacked || k, it = P.clustered || v;
   K(function() {
-    return S.current = gt.attachTo(N.current), function() {
+    return S.current = bt.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);
+  var ot = J("lmnt", "lmnt-tab", "mdc-tab", "mdc-button", r && "mdc-tab--active", it && "mdc-tab--min-width", q && "mdc-tab--stacked", s);
   return /* @__PURE__ */ p.createElement("button", Q({
     type: "button",
     "aria-selected": r,
@@ -1671,19 +1671,19 @@ var At = /* @__PURE__ */ Dt({}), ae = ["active", "badge", "children", "className
     role: "tab"
   }, at), /* @__PURE__ */ p.createElement("span", {
     className: "mdc-tab__content"
-  }, g && ie(g, X), /* @__PURE__ */ p.createElement("span", {
+  }, b && ie(b, X), /* @__PURE__ */ p.createElement("span", {
     className: "mdc-tab__text-label"
-  }, l), L === "content" && /* @__PURE__ */ p.createElement(q, {
+  }, l), I === "content" && /* @__PURE__ */ p.createElement(G, {
     active: r,
-    icon: b,
-    transition: H
-  }, b), i && !z && _t(i, {
+    icon: g,
+    transition: j
+  }, g), i && !q && _t(i, {
     className: "lmnt-tab-bar--notification-badge"
-  })), L === "full" && /* @__PURE__ */ p.createElement(q, {
+  })), I === "full" && /* @__PURE__ */ p.createElement(G, {
     active: r,
-    icon: b,
-    transition: H
-  }, b), /* @__PURE__ */ p.createElement("span", {
+    icon: g,
+    transition: j
+  }, g), /* @__PURE__ */ p.createElement("span", {
     className: "lmnt-tab___ripple mdc-tab__ripple"
   }));
 });
@@ -1713,21 +1713,21 @@ var oe = ["align", "className", "children"], ut = re, pt = /* @__PURE__ */ Z(fun
 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();
+  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, b = _ === void 0 ? E.elevated : _, m = a.onTabActivated, g = m === void 0 ? E.onTabActivated : m, h = a.raised, I = h === void 0 ? E.raised : h, $ = a.scrollable, j = $ === 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]);
+    return g && g(ot.detail.index);
+  }, [g]);
   K(function() {
-    return S.current = Gt.attachTo(N.current), S.current.unlisten("MDCTabBar:activated", P), S.current.listen("MDCTabBar:activated", P), function() {
+    return S.current = zt.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() {
+  var q = J("lmnt", "lmnt-tab-bar", "mdc-tab-bar", I && !j && "mdc-tab-bar--raised", b && "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
@@ -1736,7 +1736,7 @@ var ce = ["activeTabIndex", "children", "className", "clusterAlign", "clustered"
   return /* @__PURE__ */ p.createElement(At.Provider, {
     value: it
   }, /* @__PURE__ */ p.createElement("div", Q({
-    className: z,
+    className: q,
     role: "tablist",
     ref: N
   }, at), /* @__PURE__ */ p.createElement(pt, {
@@ -1744,20 +1744,21 @@ var ce = ["activeTabIndex", "children", "className", "clusterAlign", "clustered"
   }, i)));
 });
 nt.displayName = "TabBar";
-nt.propTypes = qt;
+nt.propTypes = Gt;
 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 = {
+const le = "_elevation_h12q4_1", se = "_hashTabContainer_h12q4_7", de = "_themeBackground_h12q4_11", ue = "_tabBar_h12q4_15", fe = "_tabWrapper_h12q4_25", he = "_stickyHeader_h12q4_29", pe = "_tabButton_h12q4_35", ve = "_childContainer_h12q4_39", me = "_childContainerPhone_h12q4_43", Te = "_iconColorRed_h12q4_47", _e = "_miniPadding_h12q4_52", A = {
   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 = ({
+  hashTabContainer: se,
+  themeBackground: de,
+  tabBar: ue,
+  tabWrapper: fe,
+  stickyHeader: he,
+  tabButton: pe,
+  childContainer: ve,
+  childContainerPhone: me,
+  iconColorRed: Te,
+  miniPadding: _e
+}, Tt = (a, e) => !e || !a ? 0 : a.findIndex((t) => t.hash === e.replace("#", "")) ?? 0, Ne = ({
   tabs: a,
   hasHash: e = !0,
   hash: t = "",
@@ -1771,21 +1772,21 @@ const le = "_elevation_xbjx4_1", se = "_themeBackground_xbjx4_6", de = "_tabBar_
   hasStickyTabs: u = !1,
   classNameHeader: v = ""
 }) => {
-  const [_, g] = Pt(Tt(a, t)), { isDesktop: m } = Kt();
+  const [_, b] = Pt(Tt(a, t)), { isDesktop: m } = Kt();
   K(() => {
     if (!e || !t) return;
     const h = Tt(a, t);
-    g(h);
+    b(h);
   }, [a, t, e]);
-  const b = (h) => {
-    const L = a[h].hash;
-    L != null && e && window.history.replaceState(null, "", `#${L}`), g(h), s?.(h);
+  const g = (h) => {
+    const I = a[h].hash;
+    I != null && e && window.history.replaceState(null, "", `#${I}`), b(h), s?.(h);
   };
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ M(
     Lt,
     {
       elevation: l,
-      className: `${R.elevation} ${d === "none" ? "" : R.themeBackground}`,
+      className: `${A.elevation} ${d === "none" ? "" : A.themeBackground}`,
       children: /* @__PURE__ */ ct(
         Y,
         {
@@ -1793,51 +1794,52 @@ const le = "_elevation_xbjx4_1", se = "_themeBackground_xbjx4_6", de = "_tabBar_
           direction: "vertical",
           gap: o,
           secondaryAlign: "stretch",
+          className: A.hashTabContainer,
           children: [
             /* @__PURE__ */ ct(
               Y,
               {
                 direction: m ? "horizontal" : "vertical",
-                className: `${R.tabWrapper} ${u ? R.stickyHeader : ""} ${v}`,
+                className: `${A.tabWrapper} ${u ? A.stickyHeader : ""} ${v}`,
                 children: [
-                  /* @__PURE__ */ x(
+                  /* @__PURE__ */ M(
                     nt,
                     {
                       "data-testid": "tab-bar",
-                      className: R.tabBar,
+                      className: A.tabBar,
                       clustered: m ? n : !1,
                       clusterAlign: r,
                       variant: "surface",
                       activeTabIndex: _,
-                      onTabActivated: b,
-                      children: a.map((h, L) => /* @__PURE__ */ x(
+                      onTabActivated: g,
+                      children: a.map((h, I) => /* @__PURE__ */ M(
                         ht,
                         {
                           "data-testid": `tab-${h.title}`,
                           icon: h.leadingIcon,
-                          className: `${i ? R.tabButton : ""} ${h.isIconRed ? R.iconColorRed : ""}`,
-                          active: _ === L,
+                          className: `${i ? A.tabButton : ""} ${h.isIconRed ? A.iconColorRed : ""}`,
+                          active: _ === I,
                           children: /* @__PURE__ */ ct(Y, { gap: "dense", children: [
                             h.title,
                             h.trailingIcon
                           ] })
                         },
-                        `${L}_${h.hash}`
+                        `${I}_${h.hash}`
                       ))
                     }
                   ),
-                  i ? /* @__PURE__ */ x(
+                  i ? /* @__PURE__ */ M(
                     It,
                     {
                       variant: "dense",
-                      className: m ? R.childContainer : R.childContainerPhone,
-                      children: /* @__PURE__ */ x(Y, { gap: "dense", primaryAlign: "center", secondaryAlign: "center", children: i })
+                      className: m ? A.childContainer : A.childContainerPhone,
+                      children: /* @__PURE__ */ M(Y, { gap: "dense", primaryAlign: "center", secondaryAlign: "center", children: i })
                     }
-                  ) : /* @__PURE__ */ x(yt, {})
+                  ) : /* @__PURE__ */ M(yt, {})
                 ]
               }
             ),
-            u ? /* @__PURE__ */ x(Y, { fullWidth: !0, direction: "vertical", className: R.miniPadding, children: a[_]?.component }) : a[_]?.component
+            u ? /* @__PURE__ */ M(Y, { fullWidth: !0, direction: "vertical", className: A.miniPadding, children: a[_]?.component }) : a[_]?.component
           ]
         }
       )
@@ -1845,5 +1847,5 @@ const le = "_elevation_xbjx4_1", se = "_themeBackground_xbjx4_6", de = "_tabBar_
   );
 };
 export {
-  De as HashTabView
+  Ne as HashTabView
 };

package/dist/components/HeaderFilter/HeaderFilter.js

@@ -1,5 +1,5 @@
 import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { T as n } from "../../index.es-BGordhUK.js";
+import { T as n } from "../../index.es-DCSgIiJH.js";
 import { BasicHeading as s } from "../BasicHeading/BasicHeading.js";
 import { Select as c } from "../Select/Select.js";
 import '../../assets/HeaderFilter.css';const d = "_filterSelect_923nc_1", m = {

package/dist/components/Iconify/Iconify.d.ts

@@ -10,6 +10,10 @@ export type IconifyProps = {
      * If true, the icon will be rendered as an svg element instead of an icon component.
      */
     pure?: boolean;
+    /**
+     * optional callback function that is called when the icon is clicked.
+     */
+    onClick?: () => void;
 } & Omit<IconProps, 'icon'>;
 /**
  * A component that renders an icon from the available custom icons.

package/dist/components/Iconify/Iconify.js

@@ -1,5 +1,5 @@
 import { jsx as C, Fragment as i } from "react/jsx-runtime";
-import { I as a } from "../../index.es-DwzB1d7_.js";
+import { I as a } from "../../index.es-DYs8W4jv.js";
 import { i as o } from "../../isEmpty-CxD71Jv8.js";
 import * as e from "react";
 import { AvailableCustomIcons as c } from "../../enums/AvailableCustomIcons.js";

package/dist/components/InfoCard/InfoCard.js

@@ -1,8 +1,8 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { C as d, a as _, b as h } from "../../index.es-Bg8hxXM8.js";
-import { G as m } from "../../index.es-DDYCugj-.js";
+import { C as d, a as _, b as h } from "../../index.es-P5F6NJPB.js";
+import { G as m } from "../../index.es-DsGuBR0Z.js";
 import { P as f } from "../../index.es-Bo1Rhtyb.js";
-import { T as s } from "../../index.es-BGordhUK.js";
+import { T as s } from "../../index.es-DCSgIiJH.js";
 import { Iconify as u } from "../Iconify/Iconify.js";
 import '../../assets/InfoCard.css';const x = "_database_x7426_1", p = "_spin_x7426_1", g = "_done_x7426_16", C = "_iot_x7426_20", y = "_platform_x7426_21", b = "_other_x7426_22", N = "_crossedOut_x7426_26", H = "_fullHeight_x7426_45", T = "_centerText_x7426_49", n = {
   database: x,