@hortiview/shared-components 2.8.7 → 2.9.0

package/CHANGELOG.md

@@ -1,3 +1,38 @@
+## [2.9.0](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v2.8.8...v2.9.0) (2026-01-05)
+
+### Features
+
+* add BasicHeading story; change ListArea default isIntegrated to true ([2ef3c76](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/2ef3c76820a509831ff359fdbc8ec83a945e60c8))
+* add divider to ContextMenu and adjust style ([516da18](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/516da18753701b95812f0154d9a90a7cb2ff4891))
+* add filterButtonSize prop to filter component and adjust style ([19958a8](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/19958a8235062ab1e559d59f304601ea68130b82))
+* add new BlockView stories & change styles ([94258aa](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/94258aaa01abb0254c992b82c467ca7502e38733))
+* adjust components and styles for new element design ([187c7f6](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/187c7f600d1b17e9c0123db8c9ef22dfb952035d))
+* create BasicHeading story and add optional onClick callback function ([3026585](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/302658527fc956b1f73d5f0e301e0f47e2f55fdc))
+* improve layout and visual styling ([617ba91](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/617ba912a1e7564769fbf666a9022f8680d33c94))
+
+### Code Refactoring
+
+* adjust BaseView stories ([ed90944](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/ed909449ed26b12dc9db73e382889617df527d06))
+* adjust BaseView, BasicHeading and ListArea style ([329f8dd](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/329f8ddaf00fd00a577a0c3c1e16b95d5eb4515c))
+* adjust BasicHeading & BlockView & EmptyView & OnboardingBanner ([3249fc3](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/3249fc38909c52cffb852520750b923022fedc62))
+* adjust Modal and BlockView and fix InfoGroup test ([4cb7171](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/4cb7171a827cc157d1f2136322d864f8fadc2ace))
+* adjust styles and add props and change props ([1d7b68c](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/1d7b68c37f43f811185f957924c771a72a673a3d))
+
+### Styles
+
+* adjust styles for Modal ([3242d17](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/3242d178c314b3a024271e54cdfacea724d740a0))
+* adjust styles for modal and select component ([37a326b](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/37a326bc4ec8b9852c93cc720f178dea5a1bac8a))
+* change border styles ([895e476](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/895e476aeda2efb5682ed57f2d634ef4c886b2e7))
+* change EmptyView style ([b0bd618](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/b0bd618fd19edb4342bd53a42231eed78bec02c0))
+* change listArea styles ([356883c](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/356883c717782d9b6fcd0edeef4160f07de0033e))
+* update FormComponents border-radius styles ([c9c543f](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/c9c543f19f3240a841529cd6c0275fcc39d26e12))
+
+## [2.8.8](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v2.8.7...v2.8.8) (2025-12-19)
+
+### Bug Fixes
+
+* alignment issue with helpertext for select component ([8eba98f](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/8eba98f4872a84c755e3719b375478cb9b73f508))
+
 ## [2.8.7](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v2.8.6...v2.8.7) (2025-12-18)
 
 ### Code Refactoring

package/dist/{AlertBanner-D-NTP_6i.js → AlertBanner-Dss0v6W0.js}

@@ -1,7 +1,7 @@
 import { jsx as n, Fragment as i, jsxs as t } from "react/jsx-runtime";
-import { G as l } from "./index.es-DDYCugj-.js";
-import { I as _ } from "./index.es-DwzB1d7_.js";
-import { T as m } from "./index.es-BGordhUK.js";
+import { G as l } from "./index.es-DsGuBR0Z.js";
+import { I as _ } from "./index.es-DYs8W4jv.js";
+import { T as m } from "./index.es-DCSgIiJH.js";
 import './assets/AlertBanner.css';const d = "_messageContainer_2hnjr_1", g = "_info_2hnjr_9", h = "_danger_2hnjr_14", f = "_success_2hnjr_19", p = "_warning_2hnjr_24", u = "_closeIcon_2hnjr_29", j = "_linkBanner_2hnjr_34", s = {
   messageContainer: d,
   info: g,

package/dist/{BigLoadingSpinner-CCxsMWnc.js → BigLoadingSpinner-BeHzqdOg.js}

@@ -1,5 +1,5 @@
 import { jsx as i, jsxs as n } from "react/jsx-runtime";
-import { T as r } from "./index.es-BGordhUK.js";
+import { T as r } from "./index.es-DCSgIiJH.js";
 import { Iconify as d } from "./components/Iconify/Iconify.js";
 import './assets/BigLoadingSpinner.css';const e = "_loadingBigOverlay_7dxo1_1", s = "_bigLoadSpinnerCard_7dxo1_12", g = "_bigLoadSpinnerCardText_7dxo1_27", t = "_logo_7dxo1_33", o = {
   loadingBigOverlay: e,

package/dist/{GenericCard-DOKyENNm.js → GenericCard-MjxZ1L7r.js}

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as d, Fragment as C } from "react/jsx-runtime";
-import { C as h, a as m, b as T, c as g, d as v } from "./index.es-Bg8hxXM8.js";
-import { G as b, a as x, b as c } from "./index.es-Bgjh6euR.js";
-import { d as f } from "./index.es-BGordhUK.js";
+import { C as h, a as m, b as T, c as g, d as v } from "./index.es-P5F6NJPB.js";
+import { G as b, a as x, b as c } from "./index.es-vqlyMiew.js";
+import { d as f } from "./index.es-DCSgIiJH.js";
 import { useMemo as w } from "react";
 import { OverflowTooltip as l } from "./components/OverflowTooltip/OverflowTooltip.js";
 import './assets/GenericCard.css';const u = "_cardTitle_ny9m0_1", B = "_cardBody_ny9m0_5", N = "_cardContent_ny9m0_10", $ = "_row_ny9m0_14", G = "_font_ny9m0_18", k = "_fontHeader_ny9m0_23", H = "_title_ny9m0_27", S = "_emptyContainer_ny9m0_33", A = "_empty_ny9m0_33", n = {

package/dist/ListAreaService-Dx9WBGHB.js

@@ -0,0 +1,125 @@
+import { jsx as a, jsxs as B } from "react/jsx-runtime";
+import { G } from "./index.es-DsGuBR0Z.js";
+import { I as S } from "./index.es-DYs8W4jv.js";
+import { P as O } from "./index.es-Bo1Rhtyb.js";
+import { c as k, d as $, T as j } from "./index.es-DCSgIiJH.js";
+import { c as H } from "./index-Cpb-8cAN.js";
+import { Iconify as M } from "./components/Iconify/Iconify.js";
+import { AvailableCustomIcons as P } from "./enums/AvailableCustomIcons.js";
+import './assets/ListAreaService.css';const R = "_fullWidth_1abq6_1", W = "_mainElevation_1abq6_6", L = "_searchbar_1abq6_13", w = "_roundedBottom_1abq6_21", A = "_primaryText_1abq6_26", z = "_list_1abq6_30", D = "_listItem_1abq6_41", F = "_isSelected_1abq6_65", J = "_noGroupHeaderMargin_1abq6_74", K = "_indentGroupedElement_1abq6_78", Q = "_isNotSelected_1abq6_82", U = "_iconColor_1abq6_92", V = "_overlineTitle_1abq6_96", X = "_noOverlineTitle_1abq6_101", Y = "_truncate_1abq6_105", Z = "_truncateOverlineText_1abq6_116", ee = "_hasNoRoundedEdges_1abq6_121", t = {
+  fullWidth: R,
+  mainElevation: W,
+  searchbar: L,
+  roundedBottom: w,
+  primaryText: A,
+  list: z,
+  listItem: D,
+  isSelected: F,
+  noGroupHeaderMargin: J,
+  indentGroupedElement: K,
+  isNotSelected: Q,
+  iconColor: U,
+  overlineTitle: V,
+  noOverlineTitle: X,
+  truncate: Y,
+  truncateOverlineText: Z,
+  hasNoRoundedEdges: ee
+}, me = (o, r, s, l) => {
+  const n = o.reduce((i, c) => {
+    const { groupName: e, groupComponent: _, ...d } = c;
+    return !e || typeof e != "string" || (i[e] || (i[e] = {
+      groupName: _ ?? /* @__PURE__ */ a(O, { children: /* @__PURE__ */ a(k, { children: e }) }),
+      id: e,
+      items: []
+    }), i[e].items = [
+      ...i[e].items,
+      g(d, r, s, l)
+    ]), i;
+  }, {});
+  return Object.values(n);
+}, _e = (o, r, s, l) => o.map((n) => g(n, r, s, l)), g = (o, r, s, l) => {
+  const {
+    id: n,
+    title: i,
+    subTitle: c,
+    route: e,
+    value: _,
+    noNavigation: d,
+    disabled: u,
+    icon: b,
+    iconType: v,
+    trailingIcon: y,
+    trailingIconType: h,
+    actionButton: f,
+    onClick: q,
+    customTitle: T,
+    listItemClassName: N,
+    overlineTitle: p,
+    "data-testid": I,
+    indentElement: x
+  } = o, m = r === e, E = H(
+    v !== "avatar" && t.listItem,
+    s,
+    N,
+    p ? t.overlineTitle : t.noOverlineTitle,
+    x && t.indentGroupedElement,
+    m ? t.isSelected : t.isNotSelected
+  );
+  return {
+    id: n,
+    key: n,
+    select: m,
+    primaryText: n,
+    secondaryText: /* @__PURE__ */ B(G, { direction: "vertical", gap: "none", children: [
+      T ?? /* @__PURE__ */ a(
+        $,
+        {
+          "data-testid": "title",
+          level: 1,
+          themeColor: m ? "primary" : void 0,
+          className: `${t.truncate} lmnt-theme-on-surface-active`,
+          children: i
+        }
+      ),
+      c && !T ? /* @__PURE__ */ a(
+        j,
+        {
+          "data-testid": "subtitle",
+          level: 2,
+          themeColor: m ? "primary" : void 0,
+          className: `${t.truncate} lmnt-theme-on-surface-inactive`,
+          children: c
+        }
+      ) : void 0
+    ] }),
+    overlineText: p ? /* @__PURE__ */ a(
+      "span",
+      {
+        "data-testid": "overline-title",
+        className: `${t.truncate} ${t.truncateOverlineText}`,
+        children: p
+      }
+    ) : void 0,
+    trailingBlock: f ?? y ?? /* @__PURE__ */ a(S, { icon: "arrow_right", className: t.iconColor }),
+    leadingBlock: te(b),
+    value: _,
+    componentProps: {
+      id: n,
+      "data-testid": `${I ?? i}-list-item`,
+      key: n,
+      leadingBlockType: v ?? "icon",
+      trailingBlockType: h ?? "icon",
+      className: E,
+      onClick: (oe, C) => q?.(C),
+      tag: u || d ? void 0 : l ?? "a",
+      to: u || d ? void 0 : e,
+      disabled: u
+    }
+  };
+}, te = (o) => typeof o == "string" && o in P ? /* @__PURE__ */ a(M, { icon: o }) : o;
+export {
+  _e as a,
+  me as g,
+  g as m,
+  t as s
+};

package/dist/{OfflineView-DHtzNLwt.js → OfflineView-D168VIXv.js}

@@ -1,8 +1,8 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { G as o } from "./index.es-DDYCugj-.js";
+import { G as o } from "./index.es-DsGuBR0Z.js";
 import { Iconify as _ } from "./components/Iconify/Iconify.js";
-import { b as m, d as y, T as h } from "./index.es-BGordhUK.js";
-import { B as A } from "./index.es-0QJC9VS2.js";
+import { b as m, d as y, T as h } from "./index.es-DCSgIiJH.js";
+import { B as A } from "./index.es-DUcI2Zyr.js";
 import './assets/OfflineView.css';const T = "_gapAndTextAlign_10nts_1", v = "_container_10nts_6", x = "_bgWhite_10nts_12", G = "_bgGrey_10nts_17", W = "_subtitle_10nts_22", t = {
   gapAndTextAlign: T,
   container: v,

package/dist/assets/BaseView.css

@@ -1 +1 @@
-._parentGroup_w7vsz_1{align-items:stretch}._divider_w7vsz_5{margin:0 1.5rem;align-self:stretch}._maxWidth_w7vsz_10{max-width:55vw}._desktopList_w7vsz_14{width:30%;align-self:stretch}._mobileList_w7vsz_19{width:100%}._desktopDetail_w7vsz_23{width:70%;align-self:stretch}._mobileDetail_w7vsz_28{width:100%}
+._fullHeight_1a5ww_1{height:100%}._fullWidth_1a5ww_5{width:100%}._maxWidth_1a5ww_9{max-width:55vw;background-color:var(--lmnt-theme-background)}._list_1a5ww_14{box-shadow:0 8px 24px #959da533;background-color:var(--lmnt-theme-background);border-radius:.5rem;overflow-y:auto;width:100%;height:100%}._desktopList_1a5ww_23{width:30%;align-self:stretch}._noRoundedCorners_1a5ww_28 [class*="lmnt mdc-list-item"]{border-radius:0rem!important}._detail_1a5ww_32{height:100%;box-shadow:0 8px 24px #959da533;border-radius:.5rem;background-color:var(--lmnt-theme-background);width:100%}._desktopDetail_1a5ww_40{width:70%;overflow-y:auto;scrollbar-width:thin}

package/dist/assets/BasicHeading.css

@@ -1 +1 @@
-._pageHeader_gwnjc_1{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;margin-bottom:1rem;align-self:end}._headlineContainer_gwnjc_11,._actionButtonContainer_gwnjc_16{display:flex;align-items:center}._actionButtonContainer_gwnjc_16>button{max-height:48px}._content_gwnjc_25{display:flex;justify-content:space-between;gap:1.5rem}._leadingIcon_gwnjc_31{margin-right:.8rem}._headingWrapper_gwnjc_35{display:flex;align-items:center}._headingContainer_gwnjc_40{display:flex;flex-direction:column}._invisible_gwnjc_45{visibility:hidden}._withAvatar_gwnjc_49{margin-left:.25rem;padding-right:1rem;margin-top:0rem}._withAvatar_gwnjc_49>._iconContainer_gwnjc_54{scale:1.1}._iconContainer_gwnjc_54{padding-right:.5rem}
+._basicHeading_imv0w_1{padding:.75rem;width:calc(100% - 1.75rem)}._actions_imv0w_6>button{max-height:48px}._invisible_imv0w_10{visibility:hidden}._leadingIcon_imv0w_14{margin-right:.5rem}._withAvatar_imv0w_18{margin-left:.25rem;padding-right:1rem;margin-top:0rem}._withAvatar_imv0w_18>._iconContainer_imv0w_24{scale:1.1}._iconContainer_imv0w_24{padding-right:.25rem}._cursor_imv0w_32{cursor:pointer}

package/dist/assets/BlockView.css

@@ -1 +1 @@
-._grid_17o13_1{display:flex;padding-bottom:0;flex-direction:column;justify-content:center;align-items:center;gap:1rem;align-self:stretch}._black_17o13_11{color:#000}._blockLayout_17o13_15{padding:.5rem;gap:.5rem;display:flex;flex-direction:column;border-radius:.5rem;background:var(--lmnt-theme-secondary-200);width:15rem;height:15rem}._blockRow_17o13_26{display:flex;flex-direction:row;gap:.5rem;height:100%;align-self:stretch}._block_17o13_15{flex:auto;border-radius:.25rem;background:var(--lmnt-theme-secondary-600);align-items:center;display:flex;justify-content:center;position:relative}._block_17o13_15._active_17o13_45{border:2px solid var(--lmnt-theme-primary);background:var(--lmnt-theme-primary-100);margin:-2px}._block_17o13_15._error_17o13_51{border:2px solid var(--lmnt-theme-danger);background:var(--lmnt-theme-danger-50);margin:-2px}._block_17o13_15._empty_17o13_57{background:var(--lmnt-theme-secondary-200)}._blockText_17o13_61{display:flex;justify-content:center;position:absolute;width:1vw;height:1vh;align-items:center}._emptyLayout_17o13_70{display:flex;justify-content:center;align-items:center;background:var(--lmnt-theme-surface-variant);border-radius:.5rem}
+._grid_1ym34_1{display:flex;padding-bottom:0;flex-direction:column;justify-content:center;align-items:center;gap:1rem;align-self:stretch}._blockLayout_1ym34_11{padding:.5rem;gap:.5rem;display:flex;flex-direction:column;border-radius:.5rem;background:var(--lmnt-theme-secondary-100);width:15rem;height:15rem}._blockRow_1ym34_22{display:flex;flex-direction:row;gap:.5rem;height:100%;align-self:stretch}._block_1ym34_11{flex:auto;border-radius:.25rem;background:var(--lmnt-theme-secondary);align-items:center;display:flex;justify-content:center;position:relative}._block_1ym34_11._active_1ym34_41{background:var(--lmnt-theme-primary);margin:-2px}._block_1ym34_11._error_1ym34_46{border:2px solid var(--lmnt-theme-danger);background:var(--lmnt-theme-danger-50);margin:-2px}._block_1ym34_11._empty_1ym34_52{background:var(--lmnt-theme-secondary-200)}._activeBlock_1ym34_56{background:var(--lmnt-theme-primary)}._blockText_1ym34_60{display:flex;justify-content:center;position:absolute;width:1vw;height:1vh;align-items:center;color:var(--lmnt-theme-on-primary)}._emptyLayout_1ym34_70{display:flex;justify-content:center;align-items:center;background:var(--lmnt-theme-surface-variant);border-radius:.5rem}

package/dist/assets/ContextMenu.css

@@ -1 +1 @@
-._menu_1xwk3_1{width:15.875rem}._icon_1xwk3_5{color:var(--lmnt-theme-on-secondary-inactive)}._listItem_1xwk3_9 [class*=mdc-list-item__start]{color:var(--lmnt-theme-on-secondary-inactive);align-self:center!important;margin:0 1rem!important}._listItem_1xwk3_9 [class*=mdc-list-item__end]{color:var(--lmnt-theme-on-secondary-inactive)}._offlineViewMargin_1xwk3_19{margin:.5rem}
+._menu_148i2_1{width:15.875rem;border-radius:.5rem!important}._icon_148i2_6{color:var(--lmnt-theme-on-secondary-inactive)}._listItem_148i2_10 [class*=mdc-list-item__start]{color:var(--lmnt-theme-on-secondary-inactive);align-self:center!important;margin:0 1rem!important}._listItem_148i2_10 [class*=mdc-list-item__end]{color:var(--lmnt-theme-on-secondary-inactive)}._offlineViewMargin_148i2_20{margin:.5rem}

package/dist/assets/CustomTextField.css

@@ -1 +1 @@
-._invalid_1dsbr_1+*[class*=mdc-text-field-helper-line] *[class*=mdc-text-field-helper-text]{color:var(--lmnt-theme-danger)!important}
+._invalid_142hx_1+*[class*=mdc-text-field-helper-line] *[class*=mdc-text-field-helper-text]{color:var(--lmnt-theme-danger)!important}._borderRadius_142hx_5 div[class*=mdc-notched-outline__leading]{border-radius:.25rem 0 0 .25rem!important}._borderRadius_142hx_5 div[class*=mdc-notched-outline__trailing]{border-radius:0 .25rem .25rem 0!important}

package/dist/assets/EmptyView.css

@@ -0,0 +1 @@
+._emptyViewContainer_19inl_1{background-color:var(--lmnt-theme-surface-variant);border-radius:.5rem;height:auto}._full_19inl_7{height:100%!important}._medium_19inl_11{padding:3.5rem 2rem 3rem}._small_19inl_15{min-height:3rem;padding:1rem .5rem}._title_19inl_20{text-align:center;color:var(--lmnt-theme-on-surface-inactive)}._emptyViewContainer_19inl_1>i{color:var(--lmnt-theme-on-surface-inactive)}

package/dist/assets/Filter.css

@@ -1 +1 @@
-._filterButton_qtl7a_1{width:15rem;height:100%!important}._relativeParent_qtl7a_6{position:relative}._filterBadge_qtl7a_10{position:absolute;top:0;right:0;transform:translate(50%,-50%)}._dense_qtl7a_17,._dense_qtl7a_17 div[class*=lmnt-select__anchor]{height:2.5rem!important}
+._filterButton_1qtzn_1{width:15rem;height:100%!important;margin:0;border-radius:.25rem!important}._filterButton_1qtzn_1,._filterButton_1qtzn_1:hover,._filterButton_1qtzn_1:focus,._filterButton_1qtzn_1:active,._filterButton_1qtzn_1:target,._filterButton_1qtzn_1 [class^=mdc-button__ripple],._filterButton_1qtzn_1:hover [class^=mdc-button__ripple],._filterButton_1qtzn_1:focus [class^=mdc-button__ripple],._filterButton_1qtzn_1:active [class^=mdc-button__ripple],._filterButton_1qtzn_1:target [class^=mdc-button__ripple]{border-radius:.25rem!important}._relativeParent_1qtzn_21{position:relative}._iconColor_1qtzn_25{color:var(--lmnt-theme-primary)}._filterBadge_1qtzn_29{position:absolute;top:0;right:0;transform:translate(50%,-50%)}._dense_1qtzn_36,._dense_1qtzn_36 div[class*=lmnt-select__anchor]{height:2.5rem!important}._filterModal_1qtzn_41 [class="lmnt-modal__actions mdc-dialog__actions"]{margin-bottom:0!important}._borderRadius_1qtzn_45 [class*=mdc-notched-outline__leading]{border-radius:.25rem 0 0 .25rem!important}._borderRadius_1qtzn_45 [class*=mdc-notched-outline__trailing]{border-radius:0 .25rem .25rem 0!important}

package/dist/assets/FormDatePicker.css

@@ -1 +1 @@
-._datePickerContainer_73m8g_1{width:100%}._invalid_73m8g_5+*[class*=mdc-text-field-helper-line] *[class*=mdc-text-field-helper-text]{color:var(--lmnt-theme-danger)!important}._fromPickerText_73m8g_9+*[class*=mdc-text-field-helper-line] *[class*=mdc-text-field-helper-text]{margin-bottom:-19.33px!important}._datePickerCalendar_73m8g_13{z-index:101}._trailingContent_73m8g_17{text-align:right}
+._datePickerContainer_1m1xz_1{width:100%}._datePickerContainer_1m1xz_1 div[class*=mdc-notched-outline__leading]{border-radius:.25rem 0 0 .25rem!important}._datePickerContainer_1m1xz_1 div[class*=mdc-notched-outline__trailing]{border-radius:0 .25rem .25rem 0!important}._invalid_1m1xz_13+*[class*=mdc-text-field-helper-line] *[class*=mdc-text-field-helper-text]{color:var(--lmnt-theme-danger)!important}._fromPickerText_1m1xz_17+*[class*=mdc-text-field-helper-line] *[class*=mdc-text-field-helper-text]{margin-bottom:-19.33px!important}._datePickerCalendar_1m1xz_21{z-index:101}._trailingContent_1m1xz_25{text-align:right}

package/dist/assets/FormSelect.css

@@ -1 +1 @@
-._invalidHelperText_1qcz0_1+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-danger)!important}._invalidBorder_1qcz0_5 *[class*=mdc-notched-outline]{border-color:var(--lmnt-theme-danger)!important}._invalidPlaceholder_1qcz0_9 *[class*=lmnt-select-label]{color:var(--lmnt-theme-danger)!important}._invalidDropdownIcon_1qcz0_13 *[class*=mdc-select__dropdown-icon]{fill:var(--lmnt-theme-danger)!important}._formSelectContainer_1qcz0_18{display:flex;flex-wrap:wrap;width:100%}._formSelectContainer_1qcz0_18 *[class*=mdc-select-helper-text]{color:var(--lmnt-helper-text-color)}._formSelectContainer_1qcz0_18 *[class*=lmnt__multi-value__label]{overflow:visible}._formSelect_1qcz0_18 *[class*=lmnt-select-menu]{z-index:2001}._multiText_1qcz0_40 *[class*=lmnt-select-value-container]{white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;display:block!important;padding:1.125rem 0!important}._tooltip_1qcz0_49{z-index:42}._disabled_1qcz0_54+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-on-surface-disabled)}[id*=select-container][class*=top] [class*=mdc-menu-surface--open]{bottom:0}[id*=select-container][class*=bottom] [class*=mdc-menu-surface--open]{top:0}
+._invalidHelperText_b3jcy_1+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-danger)!important}._invalidBorder_b3jcy_5 *[class*=mdc-notched-outline]{border-color:var(--lmnt-theme-danger)!important}._invalidPlaceholder_b3jcy_9 *[class*=lmnt-select-label]{color:var(--lmnt-theme-danger)!important}._invalidDropdownIcon_b3jcy_13 *[class*=mdc-select__dropdown-icon]{fill:var(--lmnt-theme-danger)!important}._formSelectContainer_b3jcy_18{display:flex;flex-wrap:wrap;width:100%}._formSelectContainer_b3jcy_18>*[class*=lmnt-select-container]{flex-direction:column}._formSelectContainer_b3jcy_18 *[class*=mdc-select-helper-text]{color:var(--lmnt-helper-text-color);align-self:flex-start}._formSelectContainer_b3jcy_18 *[class*=lmnt__multi-value__label]{overflow:visible}._formSelect_b3jcy_18 *[class*=lmnt-select-menu]{z-index:2001}._formSelect_b3jcy_18 div[class*=mdc-notched-outline__leading]{border-radius:.25rem 0 0 .25rem!important}._formSelect_b3jcy_18 div[class*=mdc-notched-outline__trailing]{border-radius:0 .25rem .25rem 0!important}._multiText_b3jcy_53 *[class*=lmnt-select-value-container]{white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;display:block!important;padding:1.125rem 0!important}._tooltip_b3jcy_62{z-index:42}._disabled_b3jcy_67+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-on-surface-disabled)}[id*=select-container][class*=top] [class*=mdc-menu-surface--open]{bottom:0}[id*=select-container][class*=bottom] [class*=mdc-menu-surface--open]{top:0}

package/dist/assets/FormText.css

@@ -1 +1 @@
-._formTextAreaHelperText_168p8_1{align-self:flex-end;color:var(--lmnt-helper-text-color);padding-right:1rem}._invalid_168p8_7._formTextAreaHelperText_168p8_1{color:var(--lmnt-theme-danger)}._required_168p8_11._formTextAreaHelperText_168p8_1{margin-top:-1.125rem}._invalid_168p8_7+*[class*=mdc-text-field-helper-line] *[class*=mdc-text-field-helper-text]{color:var(--lmnt-theme-danger)!important}._formTextArea_168p8_1,._characterCount_168p8_25{width:100%;display:flex;flex-flow:column}._withoutCharacterCount_168p8_31{width:100%}
+._formTextAreaHelperText_x4g1e_1{align-self:flex-end;color:var(--lmnt-helper-text-color);padding-right:1rem}._invalid_x4g1e_7._formTextAreaHelperText_x4g1e_1{color:var(--lmnt-theme-danger)}._required_x4g1e_11._formTextAreaHelperText_x4g1e_1{margin-top:-1.125rem}._invalid_x4g1e_7+*[class*=mdc-text-field-helper-line] *[class*=mdc-text-field-helper-text]{color:var(--lmnt-theme-danger)!important}._formTextArea_x4g1e_1,._characterCount_x4g1e_25{width:100%;display:flex;flex-flow:column}._withoutCharacterCount_x4g1e_31{width:100%}._formText_x4g1e_1 div[class*=mdc-notched-outline__leading]{border-radius:.25rem 0 0 .25rem!important}._formText_x4g1e_1 div[class*=mdc-notched-outline__trailing]{border-radius:0 .25rem .25rem 0!important}

package/dist/assets/HashTabView.css

@@ -1 +1 @@
-._elevation_xbjx4_1{width:100%;border-radius:.5rem}._themeBackground_xbjx4_6{background:var(--lmnt-theme-background)}._tabBar_xbjx4_10{background:transparent;align-self:flex-end;border-radius:.5rem}._tabBar_xbjx4_10 hr{display:none!important}._tabWrapper_xbjx4_20{border-bottom:1px solid var(--lmnt-theme-on-surface-stroke)}._stickyHeader_xbjx4_24{position:sticky;top:80px;background-color:var(--lmnt-theme-surface-variant)}._tabButton_xbjx4_30{height:3.5rem!important}._childContainer_xbjx4_34{width:25rem}._childContainerPhone_xbjx4_38{width:100%}._iconColorRed_xbjx4_42 [class*=mdc-tab__icon]{color:var(--lmnt-theme-danger)}._miniPadding_xbjx4_47{padding:0 .15rem}
+._elevation_h12q4_1{width:100%;border-radius:.5rem;height:100%}._hashTabContainer_h12q4_7{height:inherit}._themeBackground_h12q4_11{background:var(--lmnt-theme-background)}._tabBar_h12q4_15{background:transparent;align-self:flex-end;border-radius:.5rem}._tabBar_h12q4_15 hr{display:none!important}._tabWrapper_h12q4_25{border-bottom:1px solid var(--lmnt-theme-on-surface-stroke)}._stickyHeader_h12q4_29{position:sticky;top:80px;background-color:var(--lmnt-theme-surface-variant)}._tabButton_h12q4_35{height:3.5rem!important}._childContainer_h12q4_39{width:25rem}._childContainerPhone_h12q4_43{width:100%}._iconColorRed_h12q4_47 [class*=mdc-tab__icon]{color:var(--lmnt-theme-danger)}._miniPadding_h12q4_52{padding:0 .15rem}

package/dist/assets/InfoGroup.css

@@ -1 +1 @@
-._dividerContainer_4c1hq_1{width:100%;padding:1rem 0}._fullWidth_4c1hq_6{width:100%}._centerDefaultComponent_4c1hq_10{margin:auto}._verticalDivider_4c1hq_14{display:flex;align-self:stretch;height:auto;width:1px;background-color:var(--lmnt-theme-on-surface-stroke, rgba(0, 0, 0, .12))}._mainGroup_4c1hq_22{padding:1rem;border:.0775rem solid var(--lmnt-on-surface-stroke, rgba(0, 0, 0, .12));border-radius:.5rem}._textAlignRight_4c1hq_28{text-align:right}
+._dividerContainer_v06ae_1{width:100%;padding:1rem 0}._fullWidth_v06ae_6{width:100%}._centerDefaultComponent_v06ae_10{margin:auto}._verticalDivider_v06ae_14{display:flex;align-self:stretch;height:auto;width:1px;background-color:var(--lmnt-theme-on-surface-stroke)}._mainGroup_v06ae_22{padding:1rem;border-radius:.5rem}._textAlignRight_v06ae_27{text-align:right}._typoColor_v06ae_31{color:var(--lmnt-theme-on-surface-inactive)}

package/dist/assets/ListAreaService.css

@@ -1 +1 @@
-._fullWidth_v1ae9_1{width:100%}._mainElevation_v1ae9_5{background:var(--lmnt-theme-background);border-radius:.5rem;width:100%}._searchbar_v1ae9_11 div{border:none}._searchbar_v1ae9_11 button{margin-right:.5rem}._roundedBottom_v1ae9_19{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}._primaryText_v1ae9_24 [class*=mdc-list-item__primary-text]{display:none!important}._list_v1ae9_28{padding-top:0;padding-bottom:0;overflow-y:auto}._list_v1ae9_28 [class*=mdc-list-item__overline-text]{margin-bottom:-2.25rem}._list_v1ae9_28::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 .25rem rgba(0,0,0,.2);border-radius:.5rem;margin-right:.25rem;background-color:var(--lmnt-theme-background)}._list_v1ae9_28::-webkit-scrollbar{width:.5rem;background-color:var(--lmnt-theme-background)}._list_v1ae9_28::-webkit-scrollbar-thumb{border-radius:.5rem;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:var(--lmnt-theme-primary-on-surface)}._listItem_v1ae9_56{border-bottom:.0775rem solid var(--lmnt-utility-gray-surface)}._listItem_v1ae9_56 i:not(._trailingIcon_v1ae9_60){color:var(--lmnt-theme-on-surface-inactive)}._listItem_v1ae9_56 i._trailingIcon_v1ae9_60{color:var(--lmnt-theme-on-surface-disabled)}._listItem_v1ae9_56 [class^=mdc-list-item__start]{margin:0 1rem!important;align-self:center!important}._groupedListItem_v1ae9_72{height:4.5rem!important}._noGroupHeaderMargin_v1ae9_76 h3{margin:0}._indentGroupedElement_v1ae9_80{padding-left:2.5rem!important}._isNotSelected_v1ae9_84 [class*=mdc-list-item__ripple]:before{opacity:inherit!important;background-color:inherit!important}._isSelected_v1ae9_89 [class*=mdc-list-item__ripple]:before{opacity:.2!important;background-color:var(--lmnt-theme-primary)!important}._iconColor_v1ae9_94{color:var(--lmnt-theme-on-surface-disabled)!important}._overlineTitle_v1ae9_98 [class*=mdc-list-item__overline-text]{color:var(--lmnt-theme-on-surface-inactive)!important;line-height:1rem!important}._noOverlineTitle_v1ae9_103 [class*=mdc-list-item__secondary-text] [class*=lmnt-group]{margin-top:-.875rem}._truncate_v1ae9_107{display:-webkit-box!important;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:100%;word-break:break-all}._truncateOverlineText_v1ae9_118{margin-bottom:-1rem!important;margin-top:-1rem!important}
+._fullWidth_1abq6_1{width:100%;height:100%}._mainElevation_1abq6_6{background:var(--lmnt-theme-background);width:100%;height:100%}._searchbar_1abq6_13 div{border:none}._searchbar_1abq6_13 button{margin-right:.5rem}._roundedBottom_1abq6_21{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}._primaryText_1abq6_26 [class*=mdc-list-item__primary-text]{display:none!important}._list_1abq6_30{padding-top:0;padding-bottom:0;overflow-y:auto;scrollbar-width:thin}._list_1abq6_30 [class*=mdc-list-item__overline-text]{margin-bottom:-2.25rem}._listItem_1abq6_41:hover{background-color:var(--lmnt-theme-surface-variant)}._listItem_1abq6_41 i:not(._trailingIcon_1abq6_45){color:var(--lmnt-theme-on-surface-inactive)}._listItem_1abq6_41 [class^="lmnt mdc-list-item__end"] i{color:var(--lmnt-theme-on-surface-disabled)}._listItem_1abq6_41:focus-within [class^="lmnt mdc-list-item__end"] i{color:var(--lmnt-theme-primary)!important}._listItem_1abq6_41 [class^=mdc-list-item__start]{margin:0 1rem!important;align-self:center!important}._listItem_1abq6_41:focus [class^=mdc-list-item__start] i{color:var(--lmnt-theme-primary)!important}._listItem_1abq6_41._isSelected_1abq6_65 i,._listItem_1abq6_41[aria-selected=true] i{color:var(--lmnt-theme-primary)!important}._groupedListItem_1abq6_70{height:4.5rem!important}._noGroupHeaderMargin_1abq6_74 h3{margin:0}._indentGroupedElement_1abq6_78{padding-left:2.5rem!important}._isNotSelected_1abq6_82 [class*=mdc-list-item__ripple]:before{opacity:inherit!important;background-color:inherit!important}._isSelected_1abq6_65 [class*=mdc-list-item__ripple]:before{opacity:.2!important;background-color:var(--lmnt-theme-primary)!important}._iconColor_1abq6_92{color:var(--lmnt-theme-on-surface-disabled)!important}._overlineTitle_1abq6_96 [class*=mdc-list-item__overline-text]{color:var(--lmnt-theme-on-surface-inactive)!important;line-height:1rem!important}._noOverlineTitle_1abq6_101 [class*=mdc-list-item__secondary-text] [class*=lmnt-group]{margin-top:-.875rem}._truncate_1abq6_105{display:-webkit-box!important;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:100%;word-break:break-all}._truncateOverlineText_1abq6_116{margin-bottom:-1rem!important;margin-top:-1rem!important}._hasNoRoundedEdges_1abq6_121{border-radius:0rem!important}

package/dist/assets/Modal.css

@@ -1 +1 @@
-._modal_fr8bw_1 div[class*=lmnt-modal__surface]{max-height:100svh!important;max-width:100svw!important}._title_fr8bw_6{header{display:flex;justify-content:start;padding-left:.5rem!important;>div{width:100%;margin-left:0!important}}}._titleWithoutCloseIcon_fr8bw_18{margin-left:1rem!important}._closeButton_fr8bw_22:before{display:none!important}._closeButton_fr8bw_22:hover{background-color:var(--lmnt-theme-surface-variant)!important}
+._modal_95xon_1 div[class*=lmnt-modal__surface]{max-height:100svh!important;max-width:100svw!important;border-radius:1rem!important}._modal_95xon_1 footer{margin-bottom:0!important}._gap_95xon_11{gap:4px!important}._title_95xon_15{header{display:flex;justify-content:start;padding-left:.5rem!important;>div{width:100%;margin-left:0!important}}}._titleWithoutCloseIcon_95xon_27{margin-left:1rem!important}._closeButton_95xon_31{color:var(--lmnt-theme-on-surface-inactive)}._closeButton_95xon_31:before{display:none!important}._closeButton_95xon_31:hover{background-color:var(--lmnt-theme-surface-variant)!important}

package/dist/assets/OnboardingBanner.css

@@ -1 +1 @@
-._elevation_5dfyt_1{background-color:var(--lmnt-theme-primary-50)}
+._elevation_7z8y8_1{background-color:var(--lmnt-theme-primary-50)}._color_7z8y8_5{color:var(--lmnt-theme-on-surface-inactive)}._buttons_7z8y8_9>button{margin:0!important}

package/dist/assets/Select.css

@@ -1 +1 @@
-._customPortal_8wq49_1>div[class*=lmnt__menu-portal]{transition:none}._customSelect_8wq49_7 div[class*=lmnt__menu-list--is-multi]{max-height:none}
+._customPortal_1c12e_1>div[class*=lmnt__menu-portal]{transition:none}._customSelect_1c12e_7 div[class*=lmnt__menu-list--is-multi]{max-height:none}._customSelect_1c12e_7 [class*=mdc-notched-outline__leading]{border-radius:.25rem 0 0 .25rem!important}._customSelect_1c12e_7 [class*=mdc-notched-outline__trailing]{border-radius:0 .25rem .25rem 0!important}._customSelect_1c12e_7 [class*=lmnt-select-menu]{border-radius:.25rem!important}

package/dist/components/AlertBanner/AlertBanner.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
-import "../../index.es-DDYCugj-.js";
-import "../../index.es-DwzB1d7_.js";
-import "../../index.es-BGordhUK.js";
-import { A as e } from "../../AlertBanner-D-NTP_6i.js";
+import "../../index.es-DsGuBR0Z.js";
+import "../../index.es-DYs8W4jv.js";
+import "../../index.es-DCSgIiJH.js";
+import { A as e } from "../../AlertBanner-Dss0v6W0.js";
 export {
   e as AlertBanner
 };

package/dist/components/AlertBanner/AlertBanner.test.js

@@ -1,7 +1,7 @@
 import { jsx as e, Fragment as m } from "react/jsx-runtime";
 import { a as t, s } from "../../react.esm-CX1WJ2Pp.js";
 import { a as o } from "../../useBreakpoints-MzTZ0tCT.js";
-import { A as n } from "../../AlertBanner-D-NTP_6i.js";
+import { A as n } from "../../AlertBanner-Dss0v6W0.js";
 import { d as p, b as c, a as l, t as r, g as a } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 p("AlertBanner Test", () => {
   c(() => {

package/dist/components/AlertBanner/LinkBanner.js

@@ -1,8 +1,8 @@
 import { jsx as r, jsxs as a } from "react/jsx-runtime";
-import { G as l } from "../../index.es-DDYCugj-.js";
-import { T as s } from "../../index.es-BGordhUK.js";
+import { G as l } from "../../index.es-DsGuBR0Z.js";
+import { T as s } from "../../index.es-DCSgIiJH.js";
 import { Iconify as p } from "../Iconify/Iconify.js";
-import { A as m, s as c } from "../../AlertBanner-D-NTP_6i.js";
+import { A as m, s as c } from "../../AlertBanner-Dss0v6W0.js";
 const g = ({
   text: n,
   color: o = "info",

package/dist/components/BaseView/BaseView.d.ts

@@ -23,6 +23,10 @@ type BaseViewProps = {
      * heading of the list area
      */
     heading?: string;
+    /**
+     * optional icon to be displayed on the left side of the BasicHeading
+     */
+    basicHeadingIcon?: string | JSX.Element;
     /**
      * action to be displayed in the headings ActionButton
      */
@@ -51,6 +55,14 @@ type BaseViewProps = {
      * listMaxHeight is the max height of the list, @default 'calc(100vh - 200px)'
      */
     listMaxHeight?: string;
+    /**
+     * the level of the heading, @default 5
+     */
+    titleLevel?: number;
+    /**
+     * the level of the detail heading, @default 6
+     */
+    detailTitleLevel?: number;
     /**
      * searchPlaceholder is the placeholder of the search input, @default ''
      */
@@ -59,6 +71,10 @@ type BaseViewProps = {
      * Whether the user is online; shows OfflineView when false.
      */
     isOnline?: boolean;
+    /**
+     * If true, removes rounded corners from list item edges. @default true
+     */
+    noRoundedListItemEdges?: boolean;
     /**
      * Props forwarded to <OfflineView /> when offline.
      */
@@ -75,5 +91,5 @@ type BaseViewProps = {
 /**
  * `BaseView` is a layout component that displays a main (a list) and a detail section.
  */
-export declare const BaseView: ({ heading, action, hint, elements, emptyText, hasSearch, isSorted, className, withAvatar, listMaxHeight, pathname, isOnline, offlineViewProps, routerLinkElement, searchPlaceholder, isGrouped }: BaseViewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BaseView: ({ heading, action, hint, elements, emptyText, hasSearch, isSorted, className, withAvatar, listMaxHeight, titleLevel, detailTitleLevel, pathname, basicHeadingIcon, isOnline, offlineViewProps, noRoundedListItemEdges, routerLinkElement, searchPlaceholder, isGrouped, }: BaseViewProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/BaseView/BaseView.js

@@ -1,89 +1,132 @@
-import { jsx as i, Fragment as d, jsxs as s } from "react/jsx-runtime";
-import { G as r } from "../../index.es-DDYCugj-.js";
-import { useMemo as a } from "react";
-import { BasicHeading as h } from "../BasicHeading/BasicHeading.js";
-import { EmptyView as N } from "../EmptyView/EmptyView.js";
-import { ListArea as A } from "../ListArea/ListArea.js";
-import { u as H } from "../../useBreakpoints-MzTZ0tCT.js";
-import { VerticalDivider as V } from "../VerticalDivider/VerticalDivider.js";
-import { O as j } from "../../OfflineView-DHtzNLwt.js";
-import '../../assets/BaseView.css';const E = "_parentGroup_w7vsz_1", I = "_divider_w7vsz_5", $ = "_maxWidth_w7vsz_10", y = "_desktopList_w7vsz_14", F = "_mobileList_w7vsz_19", M = "_desktopDetail_w7vsz_23", O = "_mobileDetail_w7vsz_28", o = {
-  parentGroup: E,
-  divider: I,
-  maxWidth: $,
-  desktopList: y,
-  mobileList: F,
-  desktopDetail: M,
-  mobileDetail: O
-}, X = ({
+import { jsx as e, Fragment as l, jsxs as n } from "react/jsx-runtime";
+import { D as G } from "../../index.es-Bus5gEri.js";
+import { G as s } from "../../index.es-DsGuBR0Z.js";
+import { P } from "../../index.es-Bo1Rhtyb.js";
+import { c as w } from "../../index-Cpb-8cAN.js";
+import { useMemo as d } from "react";
+import { BasicHeading as _ } from "../BasicHeading/BasicHeading.js";
+import { EmptyView as V } from "../EmptyView/EmptyView.js";
+import { ListArea as $ } from "../ListArea/ListArea.js";
+import { u as y } from "../../useBreakpoints-MzTZ0tCT.js";
+import { O as F } from "../../OfflineView-D168VIXv.js";
+import { useScrollableInfo as M } from "./BaseView.service.js";
+import '../../assets/BaseView.css';const O = "_fullHeight_1a5ww_1", T = "_fullWidth_1a5ww_5", q = "_maxWidth_1a5ww_9", z = "_list_1a5ww_14", J = "_desktopList_1a5ww_23", K = "_noRoundedCorners_1a5ww_28", Q = "_detail_1a5ww_32", U = "_desktopDetail_1a5ww_40", i = {
+  fullHeight: O,
+  fullWidth: T,
+  maxWidth: q,
+  list: z,
+  desktopList: J,
+  noRoundedCorners: K,
+  detail: Q,
+  desktopDetail: U
+}, dt = ({
   heading: c,
-  action: m = /* @__PURE__ */ i(d, {}),
-  hint: _ = /* @__PURE__ */ i(d, {}),
-  elements: n,
+  action: m = /* @__PURE__ */ e(l, {}),
+  hint: g = /* @__PURE__ */ e(l, {}),
+  elements: a,
   emptyText: u,
-  hasSearch: f = !0,
-  isSorted: b = !0,
-  className: g,
-  withAvatar: w = !1,
-  listMaxHeight: D = "calc(100vh - 200px)",
-  pathname: l,
-  isOnline: p = !0,
-  offlineViewProps: v,
-  routerLinkElement: k,
-  searchPlaceholder: L,
-  isGrouped: x = !1
+  hasSearch: v = !0,
+  isSorted: D = !0,
+  className: W,
+  withAvatar: k = !1,
+  listMaxHeight: x = "calc(100vh - 220px)",
+  titleLevel: H = 5,
+  detailTitleLevel: L,
+  pathname: r,
+  basicHeadingIcon: b,
+  isOnline: f = !0,
+  offlineViewProps: h,
+  noRoundedListItemEdges: p = !0,
+  routerLinkElement: N,
+  searchPlaceholder: B,
+  isGrouped: R = !1
 }) => {
-  const { isDesktopNavbar: e } = H(), t = a(() => n.find((G) => G.route === l), [l, n]), W = a(() => p ? t?.component ?? (e ? /* @__PURE__ */ i(N, { subtitle: u }) : /* @__PURE__ */ i(d, {})) : /* @__PURE__ */ i(j, { ...v, fullWidth: !0 }), [t?.component, u, e, p, v]), z = a(() => e ? !0 : !t, [t, e]), B = a(() => e ? !0 : t, [t, e]);
-  return /* @__PURE__ */ s(
+  const { isDesktopNavbar: o } = y(), t = d(() => a.find((E) => E.route === r), [r, a]), C = d(() => f ? t?.component ? t.component : o ? /* @__PURE__ */ e(P, { className: i.fullWidth, children: /* @__PURE__ */ e(V, { title: u }) }) : /* @__PURE__ */ e(l, {}) : /* @__PURE__ */ e(F, { ...h, fullWidth: !0 }), [t?.component, u, o, f, h]), { showList: S, showDetail: A } = d(() => o ? { showList: !0, showDetail: !0 } : { showList: !t, showDetail: !!t }, [t, o]), { ref: I, hasScrolled: j } = M([
     r,
+    o
+  ]);
+  return /* @__PURE__ */ n(
+    s,
     {
       "data-testid": "base-view-container",
-      className: `${o.parentGroup} ${g ?? ""}`,
-      gap: "none",
+      className: `${i.fullHeight} ${W ?? ""}`,
       fullWidth: !0,
       children: [
-        z && /* @__PURE__ */ i(r, { gap: "none", className: e ? o.desktopList : o.mobileList, children: /* @__PURE__ */ s(r, { direction: "vertical", fullWidth: !0, gap: e ? "standard" : "dense", children: [
-          c && /* @__PURE__ */ i(h, { "data-testid": "heading", heading: c, level: 4, marginBottom: 0, children: m }),
-          _,
-          /* @__PURE__ */ i(
-            A,
-            {
-              elements: n,
-              hasSearch: f,
-              maxHeight: D,
-              isSorted: b,
-              pathname: l,
-              routerLinkElement: k,
-              searchPlaceholder: L,
-              isGrouped: x
-            }
-          )
-        ] }) }),
-        B && /* @__PURE__ */ s(
-          r,
+        S && /* @__PURE__ */ n(
+          s,
           {
-            "data-testid": "details",
+            "data-testid": "show-list-container",
             gap: "none",
-            className: e ? o.desktopDetail : o.mobileDetail,
+            direction: "vertical",
+            className: w(
+              i.list,
+              o && i.desktopList,
+              p && i.noRoundedCorners
+            ),
             children: [
-              e && /* @__PURE__ */ i(V, { className: o.divider, height: "100%" }),
-              /* @__PURE__ */ s(r, { direction: "vertical", fullWidth: !0, children: [
-                /* @__PURE__ */ i(
-                  h,
-                  {
-                    className: o.maxWidth,
-                    heading: t?.detailTitle ?? t?.title ?? "",
-                    level: 4,
-                    icon: t?.hideIconInDetail === !0 ? void 0 : t?.icon,
-                    marginBottom: 0,
-                    invisibleButton: t?.detailAction === void 0,
-                    withAvatar: w,
-                    subHeading: t?.detailSubTitle,
-                    children: t?.detailAction ?? m
-                  }
-                ),
-                W
-              ] })
+              c && /* @__PURE__ */ e(
+                _,
+                {
+                  icon: b,
+                  "data-testid": "heading",
+                  heading: c,
+                  level: H,
+                  marginBottom: 0,
+                  children: m
+                }
+              ),
+              g,
+              /* @__PURE__ */ e(
+                $,
+                {
+                  hasLastItemNoRoundedEdges: p,
+                  elements: a,
+                  hasSearch: v,
+                  maxHeight: x,
+                  isSorted: D,
+                  pathname: r,
+                  routerLinkElement: N,
+                  searchPlaceholder: B,
+                  isGrouped: R
+                }
+              )
+            ]
+          }
+        ),
+        A && /* @__PURE__ */ n(
+          s,
+          {
+            "data-testid": "show-details-container",
+            gap: "none",
+            direction: "vertical",
+            className: w(i.detail, o && i.desktopDetail),
+            children: [
+              /* @__PURE__ */ e(
+                _,
+                {
+                  customHeaderPadding: "0.75rem 0.75rem 0.75rem 1rem",
+                  className: i.maxWidth,
+                  heading: t?.detailTitle ?? t?.title ?? "",
+                  level: L,
+                  icon: t?.hideIconInDetail === !0 ? void 0 : t?.icon,
+                  marginBottom: 0,
+                  invisibleButton: t?.detailAction === void 0,
+                  withAvatar: k,
+                  subHeading: t?.detailSubTitle,
+                  children: t?.detailAction ?? m
+                }
+              ),
+              j && /* @__PURE__ */ e(G, {}),
+              /* @__PURE__ */ e(
+                s,
+                {
+                  "data-testid": "base-view-show-details-scroll-component-group",
+                  fullWidth: !0,
+                  direction: "vertical",
+                  ref: I,
+                  children: C
+                }
+              )
             ]
           }
         )
@@ -92,5 +135,5 @@ import '../../assets/BaseView.css';const E = "_parentGroup_w7vsz_1", I = "_divid
   );
 };
 export {
-  X as BaseView
+  dt as BaseView
 };