@hortiview/shared-components 0.0.4540 → 0.0.4624

package/dist/components/DeleteModal/DeleteModal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/DeleteModal/DeleteModal.test.js

@@ -0,0 +1,85 @@
+import { jsx as n } from "react/jsx-runtime";
+import { r as c, s as e } from "../../react.esm-BeDwcQWb.js";
+import { DeleteModal as b } from "./DeleteModal.js";
+import { d, t as a, v as o, g as t } from "../../vi.JYQecGiw-BbUbJcT8.js";
+d("DeleteModal Test", () => {
+  a("should render the DeleteModal properly", () => {
+    c(
+      /* @__PURE__ */ n(
+        b,
+        {
+          icon: "block",
+          open: !0,
+          setOpen: o.fn(),
+          onDelete: o.fn(),
+          title: "DELETE",
+          confirmButtonLabel: "Remove",
+          cancelButtonLabel: "Cancel",
+          deleteHeader: "Delete my block",
+          impossibleDeleteHeader: "block cant be deleted",
+          deleteBody: ["block 1", "block 2", "block 3"],
+          isDeletePossible: !0
+        }
+      )
+    ), t(e.getByText("DELETE")).toBeInTheDocument(), t(e.getByTestId("block")).toBeInTheDocument(), t(e.getByText("block 1")).toBeInTheDocument(), t(e.getByText("block 2")).toBeInTheDocument(), t(e.getByText("block 3")).toBeInTheDocument(), t(e.getByText("Remove")).toBeInTheDocument(), t(e.getByText("Cancel")).toBeInTheDocument(), t(e.queryByText("block cant be deleted")).not.toBeInTheDocument();
+  }), a("should render the DeleteModal properly when isDeletePossible = false", () => {
+    c(
+      /* @__PURE__ */ n(
+        b,
+        {
+          icon: "block",
+          open: !0,
+          setOpen: o.fn(),
+          onDelete: o.fn(),
+          title: "DELETE",
+          confirmButtonLabel: "Remove",
+          cancelButtonLabel: "Cancel",
+          deleteHeader: "Delete my block",
+          impossibleDeleteHeader: "block cant be deleted",
+          deleteBody: ["block 1", "block 2", "block 3"],
+          isDeletePossible: !1
+        }
+      )
+    ), e.debug(), t(e.getByText("DELETE")).toBeInTheDocument(), t(e.getByTestId("block")).toBeInTheDocument(), t(e.queryByText("block 1")).not.toBeInTheDocument(), t(e.queryByText("block 2")).not.toBeInTheDocument(), t(e.queryByText("block 3")).not.toBeInTheDocument(), t(e.getByText("Remove")).toBeInTheDocument(), t(e.getByText("Remove").parentElement).toBeDisabled(), t(e.getByText("Cancel")).toBeInTheDocument(), t(e.queryByText("block cant be deleted")).toBeInTheDocument();
+  }), a("should call setOpen with false when clicking on cancel button", () => {
+    const l = o.fn();
+    c(
+      /* @__PURE__ */ n(
+        b,
+        {
+          icon: "block",
+          open: !0,
+          setOpen: l,
+          onDelete: o.fn(),
+          title: "DELETE",
+          confirmButtonLabel: "Remove",
+          cancelButtonLabel: "Cancel",
+          deleteHeader: "Delete my block",
+          impossibleDeleteHeader: "block cant be deleted",
+          deleteBody: ["block 1", "block 2", "block 3"],
+          isDeletePossible: !0
+        }
+      )
+    ), e.getByText("Cancel").click(), t(l).toHaveBeenCalledWith(!1);
+  }), a("should call onDelete when clicking on delete button", () => {
+    const l = o.fn();
+    c(
+      /* @__PURE__ */ n(
+        b,
+        {
+          icon: "block",
+          open: !0,
+          setOpen: o.fn(),
+          onDelete: l,
+          title: "DELETE",
+          confirmButtonLabel: "Remove",
+          cancelButtonLabel: "Cancel",
+          deleteHeader: "Delete my block",
+          impossibleDeleteHeader: "block cant be deleted",
+          deleteBody: ["block 1", "block 2", "block 3"],
+          isDeletePossible: !0
+        }
+      )
+    ), e.getByText("Remove").click(), t(l).toHaveBeenCalled();
+  });
+});

package/dist/components/Disclaimer/Disclaimer.d.ts

@@ -0,0 +1,33 @@
+type DisclaimerProps = {
+    /**
+     * The text of the disclaimer - required
+     */
+    text: string;
+    /**
+     * The level of the disclaimer - optional, defaults to _2_
+     */
+    level?: 1 | 2;
+    /**
+     * Whether the disclaimer should be bold - optional, defaults to _false_
+     */
+    bold?: boolean;
+    /**
+     * The icon of the disclaimer - optional, defaults to _wifi_off_
+     */
+    icon?: string;
+    /**
+     * The subtext of the disclaimer - optional
+     */
+    subtext?: string;
+};
+/**
+ * A disclaimer component with additional icon and subtext
+ * @prop **text** - the text of the disclaimer - required
+ * @prop **level** - the level of the disclaimer - optional, defaults to _2_
+ * @prop **bold** - whether the disclaimer should be bold - optional, defaults to _false_
+ * @prop **icon** - the icon of the disclaimer - optional, defaults to _wifi_off_
+ * @prop **subtext** - the subtext of the disclaimer - optional
+ * @returns
+ */
+export declare const Disclaimer: ({ text, subtext, icon, level, bold }: DisclaimerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Disclaimer/Disclaimer.js

@@ -0,0 +1,21 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { s as o } from "../../disclaimer.module-BZydt-Q_.js";
+import { G as m } from "../../index.es-CNBieliG.js";
+import { a as n, b as t } from "../../index.es-Cm4X20_S.js";
+import { I as p } from "../../index.es-InSNsV4f.js";
+const v = ({ text: a, subtext: e, icon: i, level: s = 2, bold: l = !1 }) => /* @__PURE__ */ c(
+  m,
+  {
+    direction: i || e ? "vertical" : "horizontal",
+    secondaryAlign: "center",
+    primaryAlign: "center",
+    children: [
+      /* @__PURE__ */ r(n, { className: o.disclaimer, level: s, bold: l, children: a }),
+      e && /* @__PURE__ */ r(t, { level: 2, children: e }),
+      i && /* @__PURE__ */ r("div", { className: o.iconArea, children: /* @__PURE__ */ r(p, { className: o.Icon, icon: i, iconSize: "large" }) })
+    ]
+  }
+);
+export {
+  v as Disclaimer
+};

package/dist/components/Disclaimer/Disclaimer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Disclaimer/Disclaimer.test.js

@@ -0,0 +1,13 @@
+import { jsx as o } from "react/jsx-runtime";
+import { r, s as t } from "../../react.esm-BeDwcQWb.js";
+import { Disclaimer as s } from "./Disclaimer.js";
+import { d as i, t as m, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
+i("Disclaimer test", () => {
+  m("should render with default text", () => {
+    r(/* @__PURE__ */ o(s, { text: "disclaimer.default" })), e(t.getByText("disclaimer.default")).toBeInTheDocument();
+  }), m("should render with custom text", () => {
+    r(/* @__PURE__ */ o(s, { text: "custom-text" })), e(t.getByText("custom-text")).toBeInTheDocument(), e(t.queryByText("disclaimer.default")).not.toBeInTheDocument();
+  }), m("should render Disclaimer including the custom text", () => {
+    r(/* @__PURE__ */ o(s, { subtext: "custom-text", text: "offline-alterText" })), e(t.getByText("offline-alterText")).toBeInTheDocument(), e(t.getByText("custom-text")).toBeInTheDocument();
+  });
+});

package/dist/components/EmptyView/EmptyView.js

@@ -1,9 +1,9 @@
 import { jsx as k } from "react/jsx-runtime";
-import { P as e, c as P, _ as C } from "../../index.es-WZ1mqvGz.js";
+import { P as e, c as P, _ as C } from "../../index.es-Cct4Uapb.js";
 import l, { forwardRef as H, useRef as T, useImperativeHandle as O, useMemo as p } from "react";
-import { G as E } from "../../index.es-DYsXox--.js";
-import { d as N } from "../../index.es-BD4kFWFx.js";
-import { I as x } from "../../index.es-Cv6meSAn.js";
+import { G as E } from "../../index.es-CNBieliG.js";
+import { d as N } from "../../index.es-Cm4X20_S.js";
+import { I as x } from "../../index.es-InSNsV4f.js";
 const $ = {
   /**
    * Aligns the Hero contents.

package/dist/components/EmptyView/EmptyView.test.js

@@ -1,18 +1,19 @@
 import { jsx as o } from "react/jsx-runtime";
-import { d as r, t as s, r as d, g as e, s as n } from "../../vi.JYQecGiw-8gz0k16C.js";
-import { EmptyView as i } from "./EmptyView.js";
-r("EmptyView", () => {
-  s("should render", () => {
-    d(/* @__PURE__ */ o(i, {})), e(n.getByText("dashbord")).toBeInTheDocument();
-  }), s("should render with custom icon", () => {
-    d(/* @__PURE__ */ o(i, { icon: "add" })), e(n.getByText("add")).toBeInTheDocument();
-  }), s("should render with title", () => {
-    d(/* @__PURE__ */ o(i, { icon: "add", title: "TITLE" }));
-    const t = n.getByText("TITLE");
+import { r as s, s as d } from "../../react.esm-BeDwcQWb.js";
+import { EmptyView as n } from "./EmptyView.js";
+import { d as i, t as r, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
+i("EmptyView", () => {
+  r("should render", () => {
+    s(/* @__PURE__ */ o(n, {})), e(d.getByText("dashbord")).toBeInTheDocument();
+  }), r("should render with custom icon", () => {
+    s(/* @__PURE__ */ o(n, { icon: "add" })), e(d.getByText("add")).toBeInTheDocument();
+  }), r("should render with title", () => {
+    s(/* @__PURE__ */ o(n, { icon: "add", title: "TITLE" }));
+    const t = d.getByText("TITLE");
     e(t).toBeInTheDocument(), e(t).toHaveClass(/headline2/);
-  }), s("should render with subtitle", () => {
-    d(/* @__PURE__ */ o(i, { icon: "add", subtitle: "SUB_TITLE" }));
-    const t = n.getByText("SUB_TITLE");
+  }), r("should render with subtitle", () => {
+    s(/* @__PURE__ */ o(n, { icon: "add", subtitle: "SUB_TITLE" }));
+    const t = d.getByText("SUB_TITLE");
     e(t).toBeInTheDocument(), e(t).toHaveClass(/headline6/);
   });
 });

package/dist/components/HashTabView/HashTabView.js

@@ -1,13 +1,13 @@
-import "../../assets/HashTabView.css";
 import { jsx as I, jsxs as q, Fragment as dt } from "react/jsx-runtime";
 import p, { forwardRef as w, useMemo as rt, useRef as C, useImperativeHandle as W, useContext as ft, useEffect as D, useCallback as ht, createContext as pt, useState as mt } from "react";
-import { a as gt } from "../../useBreakpoint-DROHPVxO.js";
-import { P as i, _ as x, c as K, d as tt, a as at } from "../../index.es-WZ1mqvGz.js";
-import { I as Tt } from "../../index.es-Cv6meSAn.js";
-import { c as T, _ as E, b as vt } from "../../tslib.es6-BOWp4lfV.js";
-import { a as k, b, c as H, m as _t, d as bt, M as et } from "../../component-D1YrRAXe.js";
-import { E as St } from "../../index.es-CUWXKh7P.js";
-import { G as Y } from "../../index.es-DYsXox--.js";
+import { s as A } from "../../HashTabView.module-BY0tbl3B.js";
+import { u as Tt } from "../../useBreakpoint-DyAmuka7.js";
+import { P as i, _ as x, c as K, d as tt, e as at } from "../../index.es-Cct4Uapb.js";
+import { I as gt } from "../../index.es-InSNsV4f.js";
+import { _ as g, a as E, c as vt } from "../../tslib.es6-CIXEwqhg.js";
+import { a as H, d as b, b as k, m as _t, f as bt, M as et } from "../../component-Rx4bNsGO.js";
+import { E as St } from "../../index.es-C1ojb4Lq.js";
+import { G as Y } from "../../index.es-CNBieliG.js";
 /**
  * @license
  * Copyright 2018 Google Inc.
@@ -94,7 +94,7 @@ var Z = (
 var Et = (
   /** @class */
   function(a) {
-    T(e, a);
+    g(e, a);
     function e() {
       return a !== null && a.apply(this, arguments) || this;
     }
@@ -152,7 +152,7 @@ var Et = (
 var yt = (
   /** @class */
   function(a) {
-    T(e, a);
+    g(e, a);
     function e() {
       return a !== null && a.apply(this, arguments) || this;
     }
@@ -210,7 +210,7 @@ var yt = (
 var At = (
   /** @class */
   function(a) {
-    T(e, a);
+    g(e, a);
     function e() {
       return a !== null && a.apply(this, arguments) || this;
     }
@@ -268,7 +268,7 @@ var At = (
 var U = (
   /** @class */
   function(a) {
-    T(e, a);
+    g(e, a);
     function e(t) {
       var n = a.call(this, E(E({}, e.defaultAdapter), t)) || this;
       return n.isAnimating_ = !1, n;
@@ -417,7 +417,7 @@ var U = (
     }, e.prototype.isRTL_ = function() {
       return this.adapter.getScrollContentStyleValue("direction") === "rtl";
     }, e;
-  }(k)
+  }(H)
 );
 /**
  * @license
@@ -475,7 +475,7 @@ function Lt(a, e) {
 var it = (
   /** @class */
   function(a) {
-    T(e, a);
+    g(e, a);
     function e() {
       return a !== null && a.apply(this, arguments) || this;
     }
@@ -547,7 +547,7 @@ var it = (
     }, e.prototype.scrollTo = function(t) {
       this.foundation.scrollTo(t);
     }, e;
-  }(H)
+  }(k)
 );
 /**
  * @license
@@ -603,7 +603,7 @@ var Rt = {
 var v = (
   /** @class */
   function(a) {
-    T(e, a);
+    g(e, a);
     function e(t) {
       return a.call(this, E(E({}, e.defaultAdapter), t)) || this;
     }
@@ -638,7 +638,7 @@ var v = (
     }), e.prototype.computeContentClientRect = function() {
       return this.adapter.computeContentClientRect();
     }, e;
-  }(k)
+  }(H)
 );
 /**
  * @license
@@ -665,7 +665,7 @@ var v = (
 var Ot = (
   /** @class */
   function(a) {
-    T(e, a);
+    g(e, a);
     function e() {
       return a !== null && a.apply(this, arguments) || this;
     }
@@ -701,7 +701,7 @@ var Ot = (
 var Dt = (
   /** @class */
   function(a) {
-    T(e, a);
+    g(e, a);
     function e() {
       return a !== null && a.apply(this, arguments) || this;
     }
@@ -742,7 +742,7 @@ var Dt = (
 var ct = (
   /** @class */
   function(a) {
-    T(e, a);
+    g(e, a);
     function e() {
       return a !== null && a.apply(this, arguments) || this;
     }
@@ -773,7 +773,7 @@ var ct = (
     }, e.prototype.deactivate = function() {
       this.foundation.deactivate();
     }, e;
-  }(H)
+  }(k)
 );
 /**
  * @license
@@ -832,7 +832,7 @@ var F = {
 var O = (
   /** @class */
   function(a) {
-    T(e, a);
+    g(e, a);
     function e(t) {
       var n = a.call(this, E(E({}, e.defaultAdapter), t)) || this;
       return n.focusOnActivate_ = !0, n;
@@ -904,7 +904,7 @@ var O = (
         rootRight: n + t
       };
     }, e;
-  }(k)
+  }(H)
 );
 /**
  * @license
@@ -931,7 +931,7 @@ var O = (
 var lt = (
   /** @class */
   function(a) {
-    T(e, a);
+    g(e, a);
     function e() {
       return a !== null && a.apply(this, arguments) || this;
     }
@@ -1025,7 +1025,7 @@ var lt = (
     }, e.prototype.focus = function() {
       this.root.focus();
     }, e;
-  }(H)
+  }(k)
 );
 /**
  * @license
@@ -1107,7 +1107,7 @@ R.set(_.SPACE_KEYCODE, d.SPACE_KEY);
 var st = (
   /** @class */
   function(a) {
-    T(e, a);
+    g(e, a);
     function e(t) {
       var n = a.call(this, E(E({}, e.defaultAdapter), t)) || this;
       return n.useAutomaticActivation_ = !1, n;
@@ -1219,14 +1219,14 @@ var st = (
       var c = this.adapter.getTabDimensionsAtIndex(n), l = c.contentLeft - r - o, s = c.contentRight - r, u = s - _.EXTRA_SCROLL_AMOUNT, f = l + _.EXTRA_SCROLL_AMOUNT;
       return n < t ? Math.min(u, 0) : Math.max(f, 0);
     }, e.prototype.calculateScrollIncrementRTL_ = function(t, n, r, o, c) {
-      var l = this.adapter.getTabDimensionsAtIndex(n), s = c - l.contentLeft - r, u = c - l.contentRight - r - o, f = u + _.EXTRA_SCROLL_AMOUNT, g = s - _.EXTRA_SCROLL_AMOUNT;
-      return n > t ? Math.max(f, 0) : Math.min(g, 0);
+      var l = this.adapter.getTabDimensionsAtIndex(n), s = c - l.contentLeft - r, u = c - l.contentRight - r - o, f = u + _.EXTRA_SCROLL_AMOUNT, T = s - _.EXTRA_SCROLL_AMOUNT;
+      return n > t ? Math.max(f, 0) : Math.min(T, 0);
     }, e.prototype.findAdjacentTabIndexClosestToEdge_ = function(t, n, r, o) {
       var c = n.rootLeft - r, l = n.rootRight - r - o, s = c + l, u = c < 0 || s < 0, f = l > 0 || s > 0;
       return u ? t - 1 : f ? t + 1 : -1;
     }, e.prototype.findAdjacentTabIndexClosestToEdgeRTL_ = function(t, n, r, o, c) {
-      var l = c - n.rootLeft - o - r, s = c - n.rootRight - r, u = l + s, f = l > 0 || u > 0, g = s < 0 || u < 0;
-      return f ? t + 1 : g ? t - 1 : -1;
+      var l = c - n.rootLeft - o - r, s = c - n.rootRight - r, u = l + s, f = l > 0 || u > 0, T = s < 0 || u < 0;
+      return f ? t + 1 : T ? t - 1 : -1;
     }, e.prototype.getKeyFromEvent_ = function(t) {
       return L.has(t.key) ? t.key : R.get(t.keyCode);
     }, e.prototype.isActivationKey_ = function(t) {
@@ -1248,7 +1248,7 @@ var st = (
         this.adapter.incrementScroll(s);
       }
     }, e;
-  }(k)
+  }(H)
 );
 /**
  * @license
@@ -1275,7 +1275,7 @@ var st = (
 var Q = st.strings, Pt = 0, Nt = (
   /** @class */
   function(a) {
-    T(e, a);
+    g(e, a);
     function e() {
       return a !== null && a.apply(this, arguments) || this;
     }
@@ -1393,7 +1393,7 @@ var Q = st.strings, Pt = 0, Nt = (
       var n = this.root.querySelector(Q.TAB_SCROLLER_SELECTOR);
       return n ? t(n) : null;
     }, e;
-  }(H)
+  }(k)
 );
 const Mt = {
   /**
@@ -1444,8 +1444,8 @@ const Mt = {
   } = a, u = rt(() => ({
     ...l,
     padding: c
-  }), [l, c]), f = t || "div", g = C();
-  return W(e, () => g.current, []), /* @__PURE__ */ p.createElement(f, x({
+  }), [l, c]), f = t || "div", T = C();
+  return W(e, () => T.current, []), /* @__PURE__ */ p.createElement(f, x({
     className: K("lmnt", "lmnt-padding", n === "dense" && "lmnt-padding--dense", n === "standard" && "lmnt-padding--standard", n === "airy" && "lmnt-padding--airy", o),
     style: u
   }, s), r);
@@ -1602,7 +1602,7 @@ const Wt = {
    * Defaults to **false**.
    */
   stacked: i.bool
-}, Bt = {
+}, Vt = {
   active: void 0,
   badge: void 0,
   children: null,
@@ -1654,9 +1654,9 @@ M.defaultProps = {
   id: null,
   transition: "slide"
 };
-const ut = /* @__PURE__ */ pt({}), Vt = (a, e) => {
+const ut = /* @__PURE__ */ pt({}), Bt = (a, e) => {
   if (a)
-    return typeof a == "string" ? /* @__PURE__ */ p.createElement(Tt, {
+    return typeof a == "string" ? /* @__PURE__ */ p.createElement(gt, {
       tabIndex: 0,
       role: "button",
       className: "mdc-tab__icon",
@@ -1681,16 +1681,16 @@ const ut = /* @__PURE__ */ pt({}), Vt = (a, e) => {
     indicatorIcon: s,
     indicatorSize: u,
     indicatorTransition: f,
-    label: g,
+    label: T,
     stacked: S,
     ...P
   } = a, h = C(), m = C();
   W(e, () => h.current, []);
-  const y = ft(ut), V = y.stacked || S, G = y.clustered || c;
+  const y = ft(ut), B = y.stacked || S, G = y.clustered || c;
   D(() => (m.current = lt.attachTo(h.current), () => {
     m.current.destroy();
   }), []);
-  const $ = K("lmnt", "lmnt-tab", "mdc-tab", "mdc-button", t && "mdc-tab--active", G && "mdc-tab--min-width", V && "mdc-tab--stacked", o);
+  const $ = K("lmnt", "lmnt-tab", "mdc-tab", "mdc-button", t && "mdc-tab--active", G && "mdc-tab--min-width", B && "mdc-tab--stacked", o);
   return /* @__PURE__ */ p.createElement("button", x({
     type: "button",
     "aria-selected": t,
@@ -1699,13 +1699,13 @@ const ut = /* @__PURE__ */ pt({}), Vt = (a, e) => {
     role: "tab"
   }, P), /* @__PURE__ */ p.createElement("span", {
     className: "mdc-tab__content"
-  }, l && Vt(l, g), /* @__PURE__ */ p.createElement("span", {
+  }, l && Bt(l, T), /* @__PURE__ */ p.createElement("span", {
     className: "mdc-tab__text-label"
   }, r), u === "content" && /* @__PURE__ */ p.createElement(M, {
     active: t,
     icon: s,
     transition: f
-  }, s), n && !V && at(n, {
+  }, s), n && !B && at(n, {
     className: "lmnt-tab-bar--notification-badge"
   })), u === "full" && /* @__PURE__ */ p.createElement(M, {
     active: t,
@@ -1717,7 +1717,7 @@ const ut = /* @__PURE__ */ pt({}), Vt = (a, e) => {
 });
 X.displayName = "Tab";
 X.propTypes = Kt;
-X.defaultProps = Bt;
+X.defaultProps = Vt;
 const z = /* @__PURE__ */ w((a, e) => {
   const {
     align: t,
@@ -1749,7 +1749,7 @@ z.defaultProps = {
   className: void 0,
   children: void 0
 };
-const B = /* @__PURE__ */ w((a, e) => {
+const V = /* @__PURE__ */ w((a, e) => {
   const {
     activeTabIndex: t,
     children: n,
@@ -1760,7 +1760,7 @@ const B = /* @__PURE__ */ w((a, e) => {
     onTabActivated: s,
     raised: u,
     scrollable: f,
-    stacked: g,
+    stacked: T,
     variant: S,
     ...P
   } = a, h = C(), m = C();
@@ -1771,33 +1771,25 @@ const B = /* @__PURE__ */ w((a, e) => {
   }), [n, m, y]), D(() => {
     m.current.activateTab(t);
   }, [m, t]);
-  const V = K("lmnt", "lmnt-tab-bar", "mdc-tab-bar", u && !f && "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), G = rt(() => ({
-    stacked: g,
+  const B = K("lmnt", "lmnt-tab-bar", "mdc-tab-bar", u && !f && "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), G = rt(() => ({
+    stacked: T,
     clustered: c
-  }), [g, c]);
+  }), [T, c]);
   return /* @__PURE__ */ p.createElement(ut.Provider, {
     value: G
   }, /* @__PURE__ */ p.createElement("div", x({
-    className: V,
+    className: B,
     role: "tablist",
     ref: h
   }, P), /* @__PURE__ */ p.createElement(z, {
     align: o
   }, n)));
 });
-B.displayName = "TabBar";
-B.propTypes = Wt;
-B.defaultProps = xt;
-B.displayName = "TabBar";
-const Yt = "_elevation_1rcw6_1", Ft = "_themeBackground_1rcw6_6", kt = "_tabBar_1rcw6_10", Ht = "_tabWrapper_1rcw6_16", jt = "_tabButton_1rcw6_20", Xt = "_childContainer_1rcw6_24", zt = "_childContainerLg_1rcw6_28", A = {
-  elevation: Yt,
-  themeBackground: Ft,
-  tabBar: kt,
-  tabWrapper: Ht,
-  tabButton: jt,
-  childContainer: Xt,
-  childContainerLg: zt
-}, nt = (a, e, t) => !t || !e || !a ? 0 : a.findIndex((n) => `#${n.hash}` === e) ?? 0, re = ({
+V.displayName = "TabBar";
+V.propTypes = Wt;
+V.defaultProps = xt;
+V.displayName = "TabBar";
+const nt = (a, e, t) => !t || !e || !a ? 0 : a.findIndex((n) => `#${n.hash}` === e) ?? 0, Ut = ({
   tabs: a,
   hasHash: e = !0,
   hash: t = "",
@@ -1809,14 +1801,14 @@ const Yt = "_elevation_1rcw6_1", Ft = "_themeBackground_1rcw6_6", kt = "_tabBar_
   backgroundColor: s = "themeBackground",
   onChange: u
 }) => {
-  const [f, g] = mt(nt(a, t, e)), { isLg: S } = gt();
+  const [f, T] = mt(nt(a, t, e)), { isLg: S } = Tt();
   D(() => {
     const h = nt(a, t, e);
-    g(h);
+    T(h);
   }, [t, a, e]);
   const P = (h) => {
     const m = a[h].hash;
-    m != null && e && (window.location.hash = m), g(h), u?.(h);
+    m != null && e && (window.location.hash = m), T(h), u?.(h);
   };
   return /* @__PURE__ */ I(
     St,
@@ -1826,7 +1818,7 @@ const Yt = "_elevation_1rcw6_1", Ft = "_themeBackground_1rcw6_6", kt = "_tabBar_
       children: /* @__PURE__ */ q(Y, { direction: "vertical", gap: c, secondaryAlign: "stretch", children: [
         /* @__PURE__ */ q(Y, { direction: S ? "horizontal" : "vertical", className: A.tabWrapper, children: [
           /* @__PURE__ */ I(
-            B,
+            V,
             {
               className: A.tabBar,
               clustered: S ? r : !1,
@@ -1863,5 +1855,5 @@ const Yt = "_elevation_1rcw6_1", Ft = "_themeBackground_1rcw6_6", kt = "_tabBar_
   );
 };
 export {
-  re as HashTabView
+  Ut as HashTabView
 };

package/dist/components/HashTabView/HashTabView.test.js

@@ -1,6 +1,7 @@
 import { jsx as n, Fragment as o } from "react/jsx-runtime";
-import { d as h, t as a, r as c, g as t, s as e, f as r } from "../../vi.JYQecGiw-8gz0k16C.js";
-import { HashTabView as l } from "./HashTabView.js";
+import { r as a, s as e, f as r } from "../../react.esm-BeDwcQWb.js";
+import { HashTabView as c } from "./HashTabView.js";
+import { d as h, t as l, g as t } from "../../vi.JYQecGiw-BbUbJcT8.js";
 const m = [
   {
     title: "Map",
@@ -18,13 +19,13 @@ const m = [
   }
 ];
 h("HashTabView test", () => {
-  a("should render HashTabView with all given tabs, icons and the initial component", () => {
-    c(/* @__PURE__ */ n(l, { tabs: m })), t(e.getByText(/Map/)).toBeInTheDocument(), t(e.getByText("map")).toBeInTheDocument(), t(e.getByText(/TrIcon1/)).toBeInTheDocument(), t(e.getByText(/Manually/)).toBeInTheDocument(), t(e.getByText("list_alt")).toBeInTheDocument(), t(e.getByText(/TrIcon2/)).toBeInTheDocument(), t(e.getByText("My map component")).toBeInTheDocument();
-  }), a("should change to component on tab-click", () => {
-    c(/* @__PURE__ */ n(l, { tabs: m }));
+  l("should render HashTabView with all given tabs, icons and the initial component", () => {
+    a(/* @__PURE__ */ n(c, { tabs: m })), t(e.getByText(/Map/)).toBeInTheDocument(), t(e.getByText("map")).toBeInTheDocument(), t(e.getByText(/TrIcon1/)).toBeInTheDocument(), t(e.getByText(/Manually/)).toBeInTheDocument(), t(e.getByText("list_alt")).toBeInTheDocument(), t(e.getByText(/TrIcon2/)).toBeInTheDocument(), t(e.getByText("My map component")).toBeInTheDocument();
+  }), l("should change to component on tab-click", () => {
+    a(/* @__PURE__ */ n(c, { tabs: m }));
     const i = e.getByText(/Manually/);
     r.click(i), t(e.getByText("My manually component")).toBeInTheDocument();
-  }), a("should render the correct tab according to hash in route", () => {
-    c(/* @__PURE__ */ n(l, { tabs: m, hash: "#manually" })), t(e.getByText("My manually component")).toBeInTheDocument();
+  }), l("should render the correct tab according to hash in route", () => {
+    a(/* @__PURE__ */ n(c, { tabs: m, hash: "#manually" })), t(e.getByText("My manually component")).toBeInTheDocument();
   });
 });