@hortiview/shared-components 0.0.4540 → 0.0.4624

package/dist/assets/HeaderFilter.css

@@ -0,0 +1 @@
+._filterSelect_923nc_1{width:300px;margin-left:10px}

package/dist/assets/Scrollbar.css

@@ -0,0 +1 @@
+._scrollbarY_1m6g8_1{overflow-y:auto}._scrollbarX_1m6g8_5{overflow-x:auto}._scrollbarX_1m6g8_5::-webkit-scrollbar-track,._scrollbarY_1m6g8_1::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.2);border-radius:.5rem;margin-right:.25rem;background-color:var(--lmnt-theme-background)}._scrollbarX_1m6g8_5::-webkit-scrollbar,._scrollbarY_1m6g8_1::-webkit-scrollbar{width:.5rem}._scrollbarX_1m6g8_5::-webkit-scrollbar-thumb,._scrollbarY_1m6g8_1::-webkit-scrollbar-thumb{border-radius:.5rem;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:var(--lmnt-theme-primary-100)}

package/dist/assets/disclaimer.css

@@ -0,0 +1 @@
+._disclaimer_1k38t_1{color:var(--lmnt-theme-danger);font-style:normal;line-height:20px}._iconArea_1k38t_7{display:flex;justify-content:center}

package/dist/baseView.module-DXWalo9p.js

@@ -0,0 +1,7 @@
+import "./assets/baseView.css";
+const i = "_divider_anyyu_1", s = {
+  divider: i
+};
+export {
+  s
+};

package/dist/basicHeading.module-ClcvD7x2.js

@@ -0,0 +1,16 @@
+import "./assets/basicHeading.css";
+const n = "_pageHeader_fwns1_1", e = "_headlineContainer_fwns1_11", t = "_actionButtonContainer_fwns1_16", a = "_content_fwns1_25", i = "_leadingIcon_fwns1_31", o = "_headingWrapper_fwns1_38", _ = "_headingContainer_fwns1_43", s = "_invisible_fwns1_48", r = "_withAvatar_fwns1_52", c = "_iconContainer_fwns1_57", w = {
+  pageHeader: n,
+  headlineContainer: e,
+  actionButtonContainer: t,
+  content: a,
+  leadingIcon: i,
+  headingWrapper: o,
+  headingContainer: _,
+  invisible: s,
+  withAvatar: r,
+  iconContainer: c
+};
+export {
+  w as s
+};

package/dist/{component-D1YrRAXe.js → component-Rx4bNsGO.js}

@@ -1,4 +1,4 @@
-import { a as b, b as I, c as T, _ as v } from "./tslib.es6-BOWp4lfV.js";
+import { b, c as I, _ as E, a as v } from "./tslib.es6-CIXEwqhg.js";
 /**
  * @license
  * Copyright 2016 Google Inc.
@@ -21,7 +21,7 @@ import { a as b, b as I, c as T, _ as v } from "./tslib.es6-BOWp4lfV.js";
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var E = (
+var S = (
   /** @class */
   function() {
     function a(i) {
@@ -87,7 +87,7 @@ var D = (
       this.root = i, this.initialize.apply(this, b([], I(e))), this.foundation = t === void 0 ? this.getDefaultFoundation() : t, this.foundation.init(), this.initialSyncWithDOM();
     }
     return a.attachTo = function(i) {
-      return new a(i, new E({}));
+      return new a(i, new S({}));
     }, a.prototype.initialize = function() {
     }, a.prototype.getDefaultFoundation = function() {
       throw new Error("Subclasses must override getDefaultFoundation to return a properly configured foundation class");
@@ -130,21 +130,21 @@ var D = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-function P(a, i) {
+function R(a, i) {
   if (a.closest)
     return a.closest(i);
   for (var t = a; t; ) {
-    if (S(t, i))
+    if (h(t, i))
       return t;
     t = t.parentElement;
   }
   return null;
 }
-function S(a, i) {
+function h(a, i) {
   var t = a.matches || a.webkitMatchesSelector || a.msMatchesSelector;
   return t.call(a, i);
 }
-function M(a) {
+function w(a) {
   var i = a;
   if (i.offsetParent !== null)
     return i.scrollWidth;
@@ -153,6 +153,12 @@ function M(a) {
   var e = t.scrollWidth;
   return document.documentElement.removeChild(t), e;
 }
+const U = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  closest: R,
+  estimateScrollWidth: w,
+  matches: h
+}, Symbol.toStringTag, { value: "Module" }));
 /**
  * @license
  * Copyright 2019 Google Inc.
@@ -175,10 +181,10 @@ function M(a) {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-function f(a) {
-  return a === void 0 && (a = window), R(a) ? { passive: !0 } : !1;
+function l(a) {
+  return a === void 0 && (a = window), F(a) ? { passive: !0 } : !1;
 }
-function R(a) {
+function F(a) {
   a === void 0 && (a = window);
   var i = !1;
   try {
@@ -218,7 +224,7 @@ function R(a) {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var w = {
+var V = {
   // Ripple is a special case where the "root" component is really a "mixin" of sorts,
   // given that it's an 'upgrade' to an existing component. That being said it is the root
   // CSS class that all other CSS classes derive from.
@@ -227,33 +233,33 @@ var w = {
   FG_DEACTIVATION: "mdc-ripple-upgraded--foreground-deactivation",
   ROOT: "mdc-ripple-upgraded",
   UNBOUNDED: "mdc-ripple-upgraded--unbounded"
-}, F = {
+}, O = {
   VAR_FG_SCALE: "--mdc-ripple-fg-scale",
   VAR_FG_SIZE: "--mdc-ripple-fg-size",
   VAR_FG_TRANSLATE_END: "--mdc-ripple-fg-translate-end",
   VAR_FG_TRANSLATE_START: "--mdc-ripple-fg-translate-start",
   VAR_LEFT: "--mdc-ripple-left",
   VAR_TOP: "--mdc-ripple-top"
-}, g = {
+}, y = {
   DEACTIVATION_TIMEOUT_MS: 225,
   FG_DEACTIVATION_MS: 150,
   INITIAL_ORIGIN_SCALE: 0.6,
   PADDING: 10,
   TAP_DELAY_MS: 300
   // Delay between touch and simulated mouse events on touch devices
-}, l;
-function V(a, i) {
+}, f;
+function H(a, i) {
   i === void 0 && (i = !1);
-  var t = a.CSS, e = l;
-  if (typeof l == "boolean" && !i)
-    return l;
+  var t = a.CSS, e = f;
+  if (typeof f == "boolean" && !i)
+    return f;
   var n = t && typeof t.supports == "function";
   if (!n)
     return !1;
   var r = t.supports("--css-vars", "yes"), s = t.supports("(--css-vars: yes)") && t.supports("color", "#00000000");
-  return e = r || s, i || (l = e), e;
+  return e = r || s, i || (f = e), e;
 }
-function O(a, i, t) {
+function N(a, i, t) {
   if (!a)
     return { x: 0, y: 0 };
   var e = i.x, n = i.y, r = e + t.left, s = n + t.top, o, u;
@@ -288,20 +294,20 @@ function O(a, i, t) {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var y = [
+var C = [
   "touchstart",
   "pointerdown",
   "mousedown",
   "keydown"
-], C = [
+], T = [
   "touchend",
   "pointerup",
   "mouseup",
   "contextmenu"
-], p = [], H = (
+], p = [], P = (
   /** @class */
   function(a) {
-    T(i, a);
+    E(i, a);
     function i(t) {
       var e = a.call(this, v(v({}, i.defaultAdapter), t)) || this;
       return e.activationAnimationHasEnded_ = !1, e.activationTimer_ = 0, e.fgDeactivationRemovalTimer_ = 0, e.fgScale_ = "0", e.frame_ = { width: 0, height: 0 }, e.initialSize_ = 0, e.layoutFrame_ = 0, e.maxRadius_ = 0, e.unboundedCoords_ = { left: 0, top: 0 }, e.activationState_ = e.defaultActivationState_(), e.activationTimerCallback_ = function() {
@@ -320,19 +326,19 @@ var y = [
     }
     return Object.defineProperty(i, "cssClasses", {
       get: function() {
-        return w;
+        return V;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(i, "strings", {
       get: function() {
-        return F;
+        return O;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(i, "numbers", {
       get: function() {
-        return g;
+        return y;
       },
       enumerable: !1,
       configurable: !0
@@ -435,22 +441,22 @@ var y = [
       };
     }, i.prototype.registerRootHandlers_ = function(t) {
       var e = this;
-      t && (y.forEach(function(n) {
+      t && (C.forEach(function(n) {
         e.adapter.registerInteractionHandler(n, e.activateHandler_);
       }), this.adapter.isUnbounded() && this.adapter.registerResizeHandler(this.resizeHandler_)), this.adapter.registerInteractionHandler("focus", this.focusHandler_), this.adapter.registerInteractionHandler("blur", this.blurHandler_);
     }, i.prototype.registerDeactivationHandlers_ = function(t) {
       var e = this;
-      t.type === "keydown" ? this.adapter.registerInteractionHandler("keyup", this.deactivateHandler_) : C.forEach(function(n) {
+      t.type === "keydown" ? this.adapter.registerInteractionHandler("keyup", this.deactivateHandler_) : T.forEach(function(n) {
         e.adapter.registerDocumentInteractionHandler(n, e.deactivateHandler_);
       });
     }, i.prototype.deregisterRootHandlers_ = function() {
       var t = this;
-      y.forEach(function(e) {
+      C.forEach(function(e) {
         t.adapter.deregisterInteractionHandler(e, t.activateHandler_);
       }), this.adapter.deregisterInteractionHandler("focus", this.focusHandler_), this.adapter.deregisterInteractionHandler("blur", this.blurHandler_), this.adapter.isUnbounded() && this.adapter.deregisterResizeHandler(this.resizeHandler_);
     }, i.prototype.deregisterDeactivationHandlers_ = function() {
       var t = this;
-      this.adapter.deregisterInteractionHandler("keyup", this.deactivateHandler_), C.forEach(function(e) {
+      this.adapter.deregisterInteractionHandler("keyup", this.deactivateHandler_), T.forEach(function(e) {
         t.adapter.deregisterDocumentInteractionHandler(e, t.deactivateHandler_);
       });
     }, i.prototype.removeCssVars_ = function() {
@@ -484,17 +490,17 @@ var y = [
     }, i.prototype.animateActivation_ = function() {
       var t = this, e = i.strings, n = e.VAR_FG_TRANSLATE_START, r = e.VAR_FG_TRANSLATE_END, s = i.cssClasses, o = s.FG_DEACTIVATION, u = s.FG_ACTIVATION, c = i.numbers.DEACTIVATION_TIMEOUT_MS;
       this.layoutInternal_();
-      var d = "", h = "";
+      var d = "", _ = "";
       if (!this.adapter.isUnbounded()) {
-        var _ = this.getFgTranslationCoordinates_(), m = _.startPoint, A = _.endPoint;
-        d = m.x + "px, " + m.y + "px", h = A.x + "px, " + A.y + "px";
+        var m = this.getFgTranslationCoordinates_(), A = m.startPoint, g = m.endPoint;
+        d = A.x + "px, " + A.y + "px", _ = g.x + "px, " + g.y + "px";
       }
-      this.adapter.updateCssVariable(n, d), this.adapter.updateCssVariable(r, h), clearTimeout(this.activationTimer_), clearTimeout(this.fgDeactivationRemovalTimer_), this.rmBoundedActivationClasses_(), this.adapter.removeClass(o), this.adapter.computeBoundingRect(), this.adapter.addClass(u), this.activationTimer_ = setTimeout(function() {
+      this.adapter.updateCssVariable(n, d), this.adapter.updateCssVariable(r, _), clearTimeout(this.activationTimer_), clearTimeout(this.fgDeactivationRemovalTimer_), this.rmBoundedActivationClasses_(), this.adapter.removeClass(o), this.adapter.computeBoundingRect(), this.adapter.addClass(u), this.activationTimer_ = setTimeout(function() {
         return t.activationTimerCallback_();
       }, c);
     }, i.prototype.getFgTranslationCoordinates_ = function() {
       var t = this.activationState_, e = t.activationEvent, n = t.wasActivatedByPointer, r;
-      n ? r = O(e, this.adapter.getWindowPageOffset(), this.adapter.computeBoundingRect()) : r = {
+      n ? r = N(e, this.adapter.getWindowPageOffset(), this.adapter.computeBoundingRect()) : r = {
         x: this.frame_.width / 2,
         y: this.frame_.height / 2
       }, r = {
@@ -510,7 +516,7 @@ var y = [
       var t = this, e = i.cssClasses.FG_DEACTIVATION, n = this.activationState_, r = n.hasDeactivationUXRun, s = n.isActivated, o = r || !s;
       o && this.activationAnimationHasEnded_ && (this.rmBoundedActivationClasses_(), this.adapter.addClass(e), this.fgDeactivationRemovalTimer_ = setTimeout(function() {
         t.adapter.removeClass(e);
-      }, g.FG_DEACTIVATION_MS));
+      }, y.FG_DEACTIVATION_MS));
     }, i.prototype.rmBoundedActivationClasses_ = function() {
       var t = i.cssClasses.FG_ACTIVATION;
       this.adapter.removeClass(t), this.activationAnimationHasEnded_ = !1, this.adapter.computeBoundingRect();
@@ -549,7 +555,7 @@ var y = [
         top: Math.round(this.frame_.height / 2 - this.initialSize_ / 2)
       }, this.adapter.updateCssVariable(n, this.unboundedCoords_.left + "px"), this.adapter.updateCssVariable(r, this.unboundedCoords_.top + "px"));
     }, i;
-  }(E)
+  }(S)
 );
 /**
  * @license
@@ -573,10 +579,10 @@ var y = [
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var U = (
+var L = (
   /** @class */
   function(a) {
-    T(i, a);
+    E(i, a);
     function i() {
       var t = a !== null && a.apply(this, arguments) || this;
       return t.disabled = !1, t;
@@ -591,7 +597,7 @@ var U = (
           return t.root.classList.add(e);
         },
         browserSupportsCssVars: function() {
-          return V(window);
+          return H(window);
         },
         computeBoundingRect: function() {
           return t.root.getBoundingClientRect();
@@ -600,10 +606,10 @@ var U = (
           return t.root.contains(e);
         },
         deregisterDocumentInteractionHandler: function(e, n) {
-          return document.documentElement.removeEventListener(e, n, f());
+          return document.documentElement.removeEventListener(e, n, l());
         },
         deregisterInteractionHandler: function(e, n) {
-          return t.root.removeEventListener(e, n, f());
+          return t.root.removeEventListener(e, n, l());
         },
         deregisterResizeHandler: function(e) {
           return window.removeEventListener("resize", e);
@@ -612,7 +618,7 @@ var U = (
           return { x: window.pageXOffset, y: window.pageYOffset };
         },
         isSurfaceActive: function() {
-          return S(t.root, ":active");
+          return h(t.root, ":active");
         },
         isSurfaceDisabled: function() {
           return !!t.disabled;
@@ -621,10 +627,10 @@ var U = (
           return !!t.unbounded;
         },
         registerDocumentInteractionHandler: function(e, n) {
-          return document.documentElement.addEventListener(e, n, f());
+          return document.documentElement.addEventListener(e, n, l());
         },
         registerInteractionHandler: function(e, n) {
-          return t.root.addEventListener(e, n, f());
+          return t.root.addEventListener(e, n, l());
         },
         registerResizeHandler: function(e) {
           return window.addEventListener("resize", e);
@@ -652,7 +658,7 @@ var U = (
     }, i.prototype.layout = function() {
       this.foundation.layout();
     }, i.prototype.getDefaultFoundation = function() {
-      return new H(i.createAdapter(this));
+      return new P(i.createAdapter(this));
     }, i.prototype.initialSyncWithDOM = function() {
       var t = this.root;
       this.unbounded = "mdcRippleIsUnbounded" in t.dataset;
@@ -662,12 +668,13 @@ var U = (
   }(D)
 );
 export {
-  U as M,
-  E as a,
-  f as b,
-  D as c,
-  H as d,
-  M as e,
+  L as M,
+  S as a,
+  D as b,
+  R as c,
+  l as d,
+  w as e,
   P as f,
-  S as m
+  h as m,
+  U as p
 };

package/dist/components/BaseView/BaseView.js

@@ -1,14 +1,14 @@
-import "../../assets/BaseView.css";
 import { jsx as p, Fragment as $, jsxs as G } from "react/jsx-runtime";
 import b, { forwardRef as P, useMemo as f, useRef as H, useImperativeHandle as O, useContext as B, createContext as E } from "react";
 import { EmptyView as D } from "../EmptyView/EmptyView.js";
 import { ListArea as z } from "../ListArea/ListArea.js";
 import { VerticalDivider as M } from "../VerticalDivider/VerticalDivider.js";
-import { a as S } from "../../useBreakpoint-DROHPVxO.js";
+import { s as S } from "../../baseView.module-DXWalo9p.js";
+import { u as V } from "../../useBreakpoint-DyAmuka7.js";
 import { BasicHeading as T } from "../BasicHeading/BasicHeading.js";
-import { d as V, P as e, c as x, _ as A } from "../../index.es-WZ1mqvGz.js";
-import { G as k } from "../../index.es-DYsXox--.js";
-const R = /* @__PURE__ */ E({}), j = {
+import { d as j, P as e, c as x, _ as A } from "../../index.es-Cct4Uapb.js";
+import { G as k } from "../../index.es-CNBieliG.js";
+const R = /* @__PURE__ */ E({}), I = {
   /**
    * @deprecated _Use `variant`='airy' instead._
    *
@@ -16,7 +16,7 @@ const R = /* @__PURE__ */ E({}), j = {
    *
    * Defaults to **undefined**.
    */
-  airy: V(e.bool, "Grid", 'Use `variant`="airy" instead.'),
+  airy: j(e.bool, "Grid", 'Use `variant`="airy" instead.'),
   /**
    * Accepts GridCol or GridRow.
    *
@@ -77,7 +77,7 @@ const R = /* @__PURE__ */ E({}), j = {
    * Defaults to **'standard'**.
    */
   variant: e.oneOf(["standard", "airy", "none"])
-}, I = {
+}, L = {
   airy: void 0,
   children: null,
   className: void 0,
@@ -89,7 +89,7 @@ const R = /* @__PURE__ */ E({}), j = {
   style: void 0,
   useMaxWidth: !1,
   variant: "standard"
-}, L = {
+}, q = {
   /**
    * Alignment of cell within the row: top, middle, bottom. If omitted the col will stretch to the height of the row.
    *
@@ -150,7 +150,7 @@ const R = /* @__PURE__ */ E({}), j = {
    * Defaults to **'top'**.
    */
   verticalAlign: e.oneOf(["top", "middle", "bottom"])
-}, q = {
+}, F = {
   align: void 0,
   children: null,
   className: void 0,
@@ -161,7 +161,7 @@ const R = /* @__PURE__ */ E({}), j = {
   phoneCol: null,
   tabletCol: null,
   verticalAlign: "top"
-}, F = {
+}, U = {
   /**
    * Content to be rendered inside the GridRow. Accepts any valid markup.
    *
@@ -174,7 +174,7 @@ const R = /* @__PURE__ */ E({}), j = {
    * Defaults to **undefined**.
    */
   className: e.string
-}, U = {
+}, J = {
   children: null,
   className: void 0
 }, w = /* @__PURE__ */ P((c, u) => {
@@ -195,20 +195,20 @@ const R = /* @__PURE__ */ E({}), j = {
     fullHeight: t,
     rowGap: i,
     columnGap: n
-  }), [n, t, i]), C = H();
-  O(u, () => C.current, []);
+  }), [n, t, i]), v = H();
+  O(u, () => v.current, []);
   const W = f(() => x("lmnt", "mdc-layout-grid", "lmnt-layout-grid", `mdc-layout-grid mdc-layout-grid--align-${s}`, (y === "airy" || o) && "mdc-grid-cell-wrapper-airy-tablet mdc-grid-cell-wrapper-airy-desktop", r === "none" && "mdc-grid-cell-wrapper-none-tablet mdc-grid-cell-wrapper-none-desktop mdc-grid-cell-wrapper-none-phone ", a && "lmnt-layout-grid--full-width", t && "lmnt-layout-grid--full-height", g && "lmnt-layout-grid--with-max-width", d), [o, d, y, t, a, s, g, r]);
   return /* @__PURE__ */ b.createElement(R.Provider, {
     value: _
   }, /* @__PURE__ */ b.createElement("div", A({
-    ref: C,
+    ref: v,
     className: W
   }, l), m));
 });
 w.displayName = "Grid";
-w.propTypes = j;
-w.defaultProps = I;
-const v = /* @__PURE__ */ P((c, u) => {
+w.propTypes = I;
+w.defaultProps = L;
+const C = /* @__PURE__ */ P((c, u) => {
   const {
     align: o,
     children: m,
@@ -233,9 +233,9 @@ const v = /* @__PURE__ */ P((c, u) => {
     className: x("lmnt", `lmnt-layout-grid__cell--vertical-align-${l}`, `lmnt-layout-grid__cell--horizontal-align-${s}`, "mdc-layout-grid__cell", !n && !h && !r && !t && ["mdc-layout-grid__cell"], i && `mdc-layout-grid__cell--order-${i}`, o && `mdc-layout-grid__cell--align-${o}`, n && [`mdc-layout-grid__cell--span-${n}`], h && [`mdc-layout-grid__cell--span-${h}-phone`], r && [`mdc-layout-grid__cell--span-${r}-tablet`], t && [`mdc-layout-grid__cell--span-${t}-desktop`], "lmnt-layout-grid__cell", d)
   }, y), m);
 });
-v.displayName = "GridCol";
-v.propTypes = L;
-v.defaultProps = q;
+C.displayName = "GridCol";
+C.propTypes = q;
+C.defaultProps = F;
 const N = /* @__PURE__ */ P((c, u) => {
   const {
     children: o,
@@ -259,11 +259,9 @@ const N = /* @__PURE__ */ P((c, u) => {
   }, n), o);
 });
 N.displayName = "GridRow";
-N.propTypes = F;
-N.defaultProps = U;
-const J = "_divider_anyyu_1", K = {
-  divider: J
-}, ne = ({
+N.propTypes = U;
+N.defaultProps = J;
+const ie = ({
   action: c,
   heading: u,
   elements: o,
@@ -277,9 +275,9 @@ const J = "_divider_anyyu_1", K = {
   routerLinkElement: h,
   searchPlaceholder: g
 }) => {
-  const { isLg: r } = S(), l = f(() => o.find((C) => C.route === i), [i, o]), y = f(() => l?.component ?? (r ? /* @__PURE__ */ p(D, { subtitle: m }) : /* @__PURE__ */ p($, {})), [l, r, m]), _ = f(() => r ? !0 : !l, [l, r]);
+  const { isLg: r } = V(), l = f(() => o.find((v) => v.route === i), [i, o]), y = f(() => l?.component ?? (r ? /* @__PURE__ */ p(D, { subtitle: m }) : /* @__PURE__ */ p($, {})), [l, r, m]), _ = f(() => r ? !0 : !l, [l, r]);
   return /* @__PURE__ */ p(w, { className: t ?? "", fullHeight: !0, fullWidth: !0, columnGap: 0, children: /* @__PURE__ */ G(N, { children: [
-    _ && /* @__PURE__ */ G(v, { desktopCol: 4, tabletCol: 12, phoneCol: 12, children: [
+    _ && /* @__PURE__ */ G(C, { desktopCol: 4, tabletCol: 12, phoneCol: 12, children: [
       /* @__PURE__ */ G(k, { direction: "vertical", fullWidth: !0, children: [
         u && /* @__PURE__ */ p(T, { heading: u, level: 4, marginBottom: 0, children: c }),
         /* @__PURE__ */ p(
@@ -295,9 +293,9 @@ const J = "_divider_anyyu_1", K = {
           }
         )
       ] }),
-      r && /* @__PURE__ */ p(M, { className: K.divider, height: "100%" })
+      r && /* @__PURE__ */ p(M, { className: S.divider, height: "100%" })
     ] }),
-    /* @__PURE__ */ p(v, { desktopCol: 8, tabletCol: 12, phoneCol: 12, children: /* @__PURE__ */ G(k, { direction: "vertical", fullWidth: !0, children: [
+    /* @__PURE__ */ p(C, { desktopCol: 8, tabletCol: 12, phoneCol: 12, children: /* @__PURE__ */ G(k, { direction: "vertical", fullWidth: !0, children: [
       /* @__PURE__ */ p(
         T,
         {
@@ -315,5 +313,5 @@ const J = "_divider_anyyu_1", K = {
   ] }) });
 };
 export {
-  ne as BaseView
+  ie as BaseView
 };

package/dist/components/BaseView/BaseView.test.js

@@ -1,9 +1,10 @@
 import { jsx as a, Fragment as s } from "react/jsx-runtime";
-import { u as l } from "../../useBreakpoint-DROHPVxO.js";
+import { a as l } from "../../useBreakpoint-DyAmuka7.js";
 import { BaseView as r } from "./BaseView.js";
-import { d as p, b as u, t as i, r as n, g as t, s as e, v as c, f as d } from "../../vi.JYQecGiw-8gz0k16C.js";
-p("BaseView Test", () => {
-  u(() => {
+import { r as i, s as e, f as p } from "../../react.esm-BeDwcQWb.js";
+import { d as u, b as m, t as n, g as t, v as c } from "../../vi.JYQecGiw-BbUbJcT8.js";
+u("BaseView Test", () => {
+  m(() => {
     c.spyOn(l, "useBreakpoints").mockReturnValue({
       isXs: !1,
       isSm: !1,
@@ -38,8 +39,8 @@ p("BaseView Test", () => {
       component: /* @__PURE__ */ a(s, { children: "Security selected" })
     }
   ];
-  i("render BaseView with empty view and navigation list", () => {
-    n(
+  n("render BaseView with empty view and navigation list", () => {
+    i(
       /* @__PURE__ */ a(
         r,
         {
@@ -53,8 +54,8 @@ p("BaseView Test", () => {
         }
       )
     ), t(e.getByText("user.noselection")).toBeInTheDocument(), t(e.getByText("user.personal-profile")).toBeInTheDocument(), t(e.getByText("user.personal_information")).toBeInTheDocument(), t(e.getByText("user.data_privacy")).toBeInTheDocument(), t(e.getByText("user.security")).toBeInTheDocument();
-  }), i("render BaseView with data and navigation list", () => {
-    n(
+  }), n("render BaseView with data and navigation list", () => {
+    i(
       /* @__PURE__ */ a(
         r,
         {
@@ -68,8 +69,8 @@ p("BaseView Test", () => {
         }
       )
     ), t(e.getByText("Personal information selected")).toBeInTheDocument(), t(e.getAllByText("account_circle")).toHaveLength(2), t(e.getAllByText("user.personal_information")).toHaveLength(2);
-  }), i("render BaseView with custom detail title and no detail icon", () => {
-    n(
+  }), n("render BaseView with custom detail title and no detail icon", () => {
+    i(
       /* @__PURE__ */ a(
         r,
         {
@@ -83,7 +84,7 @@ p("BaseView Test", () => {
         }
       )
     ), t(e.getByText("Data Privacy selected")).toBeInTheDocument(), t(e.getByText("Data Privacy 2000")).toBeInTheDocument(), t(e.getAllByText("privacy_tip")).toHaveLength(1), t(e.getAllByText("user.data_privacy")).toHaveLength(1);
-  }), i("hide empty view when screen is small", () => {
+  }), n("hide empty view when screen is small", () => {
     c.spyOn(l, "useBreakpoints").mockReturnValue({
       isXs: !1,
       isSm: !0,
@@ -91,7 +92,7 @@ p("BaseView Test", () => {
       isLg: !1,
       isXlg: !1,
       active: "sm"
-    }), n(
+    }), i(
       /* @__PURE__ */ a(
         r,
         {
@@ -105,8 +106,8 @@ p("BaseView Test", () => {
         }
       )
     ), t(e.queryByText("user.noselection")).not.toBeInTheDocument();
-  }), i("render BaseView with selected detail section", () => {
-    n(
+  }), n("render BaseView with selected detail section", () => {
+    i(
       /* @__PURE__ */ a(
         r,
         {
@@ -119,6 +120,6 @@ p("BaseView Test", () => {
           routerLinkElement: void 0
         }
       )
-    ), d.click(e.getAllByRole("option")[1]), t(e.getByText("Data Privacy selected")).toBeInTheDocument();
+    ), p.click(e.getAllByRole("option")[1]), t(e.getByText("Data Privacy selected")).toBeInTheDocument();
   });
 });

package/dist/components/BasicHeading/BasicHeading.d.ts

@@ -1,12 +1,9 @@
+import { PropsWithChildren } from 'react';
 export type BasicHeadingProps = {
     /**
      * the text content of the heading
      */
     heading: string;
-    /**
-     * optional actions on the right side of the header
-     */
-    children?: JSX.Element | JSX.Element[];
     /**
      * optional margin bottom
      */
@@ -45,4 +42,4 @@ export type BasicHeadingProps = {
      */
     withAvatar?: boolean;
 };
-export declare const BasicHeading: ({ children, marginBottom, heading, icon, className, subHeading, subHeadingLevel, invisibleButton, level, fontWeight, withAvatar, }: BasicHeadingProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BasicHeading: ({ children, marginBottom, heading, icon, className, subHeading, subHeadingLevel, invisibleButton, level, fontWeight, withAvatar, }: PropsWithChildren<BasicHeadingProps>) => import("react/jsx-runtime").JSX.Element;