@hortiview/shared-components 2.4.0 → 2.6.0

package/dist/assets/ListAreaService.css

@@ -1 +1 @@
-._fullWidth_zewqs_1{width:100%}._mainElevation_zewqs_5{background:var(--lmnt-theme-background);border-radius:.5rem;width:100%}._searchbar_zewqs_11 div{border:none}._searchbar_zewqs_11 button{margin-right:.5rem}._roundedBottom_zewqs_19{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}._primaryText_zewqs_24 [class*=mdc-list-item__primary-text]{display:none!important}._list_zewqs_28{padding-top:0;padding-bottom:0;overflow-y:auto}._list_zewqs_28 [class*=mdc-list-item__overline-text]{margin-bottom:-2.25rem}._list_zewqs_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_zewqs_28::-webkit-scrollbar{width:.5rem;background-color:var(--lmnt-theme-background)}._list_zewqs_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_zewqs_56{border-bottom:.0775rem solid var(--lmnt-utility-gray-surface)}._listItem_zewqs_56 i:not(._trailingIcon_zewqs_60){color:var(--lmnt-theme-on-surface-inactive)}._listItem_zewqs_56 i._trailingIcon_zewqs_60{color:var(--lmnt-theme-on-surface-disabled)}._listItem_zewqs_56 [class^=mdc-list-item__start]{margin:0 1rem!important;align-self:center!important}._groupedListItem_zewqs_72{height:4.5rem!important}._iconColor_zewqs_76{color:var(--lmnt-theme-on-surface-disabled)!important}._overlineTitle_zewqs_80 [class*=mdc-list-item__overline-text]{color:var(--lmnt-theme-on-surface-inactive)!important;line-height:1rem!important}._noOverlineTitle_zewqs_85 [class*=mdc-list-item__secondary-text] [class*=lmnt-group]{margin-top:-.875rem}._truncate_zewqs_89{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_zewqs_100{margin-bottom:-1rem!important;margin-top:-1rem!important}
+._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}

package/dist/components/AlertBanner/AlertBanner.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
-import "../../index.es-DntoATwO.js";
-import "../../index.es-3043KTnb.js";
-import "../../index.es-D54RuMc_.js";
-import { A as e } from "../../AlertBanner-75jjene1.js";
+import "../../index.es-CbBdaRO2.js";
+import "../../index.es-DErA6zWG.js";
+import "../../index.es--yyG47az.js";
+import { A as e } from "../../AlertBanner-JnX0tJGC.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-75jjene1.js";
+import { A as n } from "../../AlertBanner-JnX0tJGC.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-DntoATwO.js";
-import { T as s } from "../../index.es-D54RuMc_.js";
+import { G as l } from "../../index.es-CbBdaRO2.js";
+import { T as s } from "../../index.es--yyG47az.js";
 import { Iconify as p } from "../Iconify/Iconify.js";
-import { A as m, s as c } from "../../AlertBanner-75jjene1.js";
+import { A as m, s as c } from "../../AlertBanner-JnX0tJGC.js";
 const g = ({
   text: n,
   color: o = "info",

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

@@ -7,6 +7,10 @@ type BaseViewProps = {
      * elements to be displayed in the list area
      */
     elements: BaseListElement[];
+    /**
+     * isGrouped is true if the list should be grouped, @default false
+     */
+    isGrouped?: boolean;
     /**
      * text to be displayed when the list is empty
      */
@@ -71,5 +75,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, }: BaseViewProps) => import("react/jsx-runtime").JSX.Element;
+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 {};

package/dist/components/BaseView/BaseView.js

@@ -1,63 +1,65 @@
 import { jsx as i, Fragment as d, jsxs as s } from "react/jsx-runtime";
-import { G as r } from "../../index.es-DntoATwO.js";
+import { G as r } from "../../index.es-CbBdaRO2.js";
 import { useMemo as a } from "react";
 import { BasicHeading as h } from "../BasicHeading/BasicHeading.js";
-import { EmptyView as G } from "../EmptyView/EmptyView.js";
-import { ListArea as N } from "../ListArea/ListArea.js";
-import { u as A } from "../../useBreakpoints-MzTZ0tCT.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-BW19N4Cu.js";
-import '../../assets/BaseView.css';const E = "_parentGroup_w7vsz_1", H = "_divider_w7vsz_5", I = "_maxWidth_w7vsz_10", $ = "_desktopList_w7vsz_14", y = "_mobileList_w7vsz_19", F = "_desktopDetail_w7vsz_23", M = "_mobileDetail_w7vsz_28", o = {
+import { O as j } from "../../OfflineView-HbuDPpQL.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: H,
-  maxWidth: I,
-  desktopList: $,
-  mobileList: y,
-  desktopDetail: F,
-  mobileDetail: M
-}, U = ({
+  divider: I,
+  maxWidth: $,
+  desktopList: y,
+  mobileList: F,
+  desktopDetail: M,
+  mobileDetail: O
+}, X = ({
   heading: c,
   action: m = /* @__PURE__ */ i(d, {}),
   hint: _ = /* @__PURE__ */ i(d, {}),
   elements: n,
-  emptyText: p,
+  emptyText: u,
   hasSearch: f = !0,
   isSorted: b = !0,
-  className: w,
-  withAvatar: D = !1,
-  listMaxHeight: g = "calc(100vh - 200px)",
+  className: g,
+  withAvatar: w = !1,
+  listMaxHeight: D = "calc(100vh - 200px)",
   pathname: l,
-  isOnline: u = !0,
+  isOnline: p = !0,
   offlineViewProps: v,
   routerLinkElement: k,
-  searchPlaceholder: L
+  searchPlaceholder: L,
+  isGrouped: x = !1
 }) => {
-  const { isDesktopNavbar: e } = A(), t = a(() => n.find((B) => B.route === l), [l, n]), x = a(() => u ? t?.component ?? (e ? /* @__PURE__ */ i(G, { subtitle: p }) : /* @__PURE__ */ i(d, {})) : /* @__PURE__ */ i(j, { ...v, fullWidth: !0 }), [t?.component, p, e, u, v]), W = a(() => e ? !0 : !t, [t, e]), z = a(() => e ? !0 : t, [t, e]);
+  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(
     r,
     {
       "data-testid": "base-view-container",
-      className: `${o.parentGroup} ${w ?? ""}`,
+      className: `${o.parentGroup} ${g ?? ""}`,
       gap: "none",
       fullWidth: !0,
       children: [
-        W && /* @__PURE__ */ i(r, { gap: "none", className: e ? o.desktopList : o.mobileList, children: /* @__PURE__ */ s(r, { direction: "vertical", fullWidth: !0, gap: e ? "standard" : "dense", 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(
-            N,
+            A,
             {
               elements: n,
               hasSearch: f,
-              maxHeight: g,
+              maxHeight: D,
               isSorted: b,
               pathname: l,
               routerLinkElement: k,
-              searchPlaceholder: L
+              searchPlaceholder: L,
+              isGrouped: x
             }
           )
         ] }) }),
-        z && /* @__PURE__ */ s(
+        B && /* @__PURE__ */ s(
           r,
           {
             "data-testid": "details",
@@ -75,11 +77,12 @@ import '../../assets/BaseView.css';const E = "_parentGroup_w7vsz_1", H = "_divid
                     icon: t?.hideIconInDetail === !0 ? void 0 : t?.icon,
                     marginBottom: 0,
                     invisibleButton: t?.detailAction === void 0,
-                    withAvatar: D,
+                    withAvatar: w,
+                    subHeading: t?.detailSubTitle,
                     children: t?.detailAction ?? m
                   }
                 ),
-                x
+                W
               ] })
             ]
           }
@@ -89,5 +92,5 @@ import '../../assets/BaseView.css';const E = "_parentGroup_w7vsz_1", H = "_divid
   );
 };
 export {
-  U as BaseView
+  X as BaseView
 };

package/dist/components/BasicHeading/BasicHeading.js

@@ -1,6 +1,6 @@
 import { jsxs as o, jsx as i } from "react/jsx-runtime";
-import { I as u } from "../../index.es-3043KTnb.js";
-import { b as y, T as C } from "../../index.es-D54RuMc_.js";
+import { I as u } from "../../index.es-DErA6zWG.js";
+import { b as y, T as C } from "../../index.es--yyG47az.js";
 import { Iconify as w } from "../Iconify/Iconify.js";
 import { AvailableCustomIcons as j } from "../../enums/AvailableCustomIcons.js";
 import { u as I } from "../../useBreakpoints-MzTZ0tCT.js";

package/dist/components/BasicHeading/BasicHeading.test.js

@@ -1,5 +1,5 @@
 import { jsx as o, Fragment as c } from "react/jsx-runtime";
-import { B as g } from "../../index.es-CiqbARoC.js";
+import { B as g } from "../../index.es-Bx1E5MPK.js";
 import { a, s as n } from "../../react.esm-CX1WJ2Pp.js";
 import { BasicHeading as i } from "./BasicHeading.js";
 import { d as h, t as s, g as e } from "../../vi.CjhMlMwf-CKxPQtd6.js";

package/dist/components/BlockView/BlockView.js

@@ -1,5 +1,5 @@
 import { jsxs as v, jsx as t, Fragment as h } from "react/jsx-runtime";
-import { d as C, b as R, a as B } from "../../index.es-D54RuMc_.js";
+import { d as C, b as R, a as B } from "../../index.es--yyG47az.js";
 import { useState as A, useEffect as D, useMemo as S } from "react";
 import { getBlockNumberByDto as F } from "../../services/BlockService.js";
 import '../../assets/BlockView.css';const M = "_grid_17o13_1", V = "_black_17o13_11", j = "_blockLayout_17o13_15", q = "_blockRow_17o13_26", G = "_block_17o13_15", H = "_active_17o13_45", I = "_error_17o13_51", J = "_empty_17o13_57", K = "_blockText_17o13_61", O = "_emptyLayout_17o13_70", o = {

package/dist/components/ChipCard/ChipCard.js

@@ -1,13 +1,13 @@
 import { jsx as lt } from "react/jsx-runtime";
-import { o as Ut, e as jt, i as qt, C as $t } from "../../index.es-6TJ1S8Jr.js";
-import { _ as Kt, c as ut, P as l } from "../../identity-DLWZln-X.js";
+import { o as Ut, e as jt, i as qt, C as $t } from "../../index.es-DDo_AHL0.js";
+import { _ as Kt, c as ut, P as l } from "../../_setToString-Do1lSQTZ.js";
 import C, { useEffect as ft, useState as $, useMemo as ht, useCallback as I, useRef as Mt, forwardRef as Xt, useImperativeHandle as zt } from "react";
-import { u as Jt, f as Qt, h as Zt } from "../../index.es-da0cf7oE.js";
+import { u as Jt, f as Qt, h as Zt } from "../../index.es-DlzwTKbh.js";
 import { e as te, c as A, b as U } from "../../tslib.es6-BDCynO9F.js";
 import { M as _t, a as Et } from "../../component-neHBNHRu.js";
 import { M as et, b as kt } from "../../component-DsB0poTj.js";
 import { n as ee, i as ie, K as L } from "../../keyboard-Bpt0aBqQ.js";
-import { I as Rt } from "../../index.es-3043KTnb.js";
+import { I as Rt } from "../../index.es-DErA6zWG.js";
 import { g as ne } from "../../_commonjsHelpers-BkfeUUK-.js";
 import { b as oe } from "../../isArray-DN9s620O.js";
 import { OverflowTooltip as re } from "../OverflowTooltip/OverflowTooltip.js";

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,9 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
-import { I as _ } from "../../index.es-0lQcz8m1.js";
-import { M as k, L as p, a as w } from "../../index.es-fnFnw2P1.js";
+import { I as _ } from "../../index.es-Kg9soDed.js";
+import { M as k, L as p, a as w } from "../../index.es-CPqaUyn3.js";
 import { useState as I, useCallback as a, useEffect as M } from "react";
 import { u as x } from "../../uniqueId-NU3-C36A.js";
-import { O as C } from "../../OfflineView-BW19N4Cu.js";
+import { O as C } from "../../OfflineView-HbuDPpQL.js";
 import '../../assets/ContextMenu.css';const v = "_menu_1xwk3_1", y = "_icon_1xwk3_5", V = "_listItem_1xwk3_9", g = "_offlineViewMargin_1xwk3_19", s = {
   menu: v,
   icon: y,

package/dist/components/DeleteModal/DeleteModal.js

@@ -1,8 +1,8 @@
 import { jsx as o, jsxs as f, Fragment as c } from "react/jsx-runtime";
-import { B as p } from "../../index.es-CiqbARoC.js";
-import { G as i } from "../../index.es-DntoATwO.js";
-import { I } from "../../index.es-3043KTnb.js";
-import { T as l } from "../../index.es-D54RuMc_.js";
+import { B as p } from "../../index.es-Bx1E5MPK.js";
+import { G as i } from "../../index.es-CbBdaRO2.js";
+import { I } from "../../index.es-DErA6zWG.js";
+import { T as l } from "../../index.es--yyG47az.js";
 import { u as N } from "../../uniqueId-NU3-C36A.js";
 import { AvailableCustomIcons as S } from "../../enums/AvailableCustomIcons.js";
 import { u as x } from "../../useBreakpoints-MzTZ0tCT.js";

package/dist/components/DetailContentWrapper/DetailContentWrapper.js

@@ -1,5 +1,5 @@
 import { jsxs as e, jsx as r, Fragment as n } from "react/jsx-runtime";
-import { G as i } from "../../index.es-DntoATwO.js";
+import { G as i } from "../../index.es-CbBdaRO2.js";
 import { BasicHeading as a } from "../BasicHeading/BasicHeading.js";
 import '../../assets/DetailContentWrapper.css';const m = "_formContainer_gf66t_1", s = {
   formContainer: m

package/dist/components/Disclaimer/Disclaimer.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { G as n } from "../../index.es-DntoATwO.js";
-import { I as t } from "../../index.es-3043KTnb.js";
-import { d as m, T as d } from "../../index.es-D54RuMc_.js";
+import { G as n } from "../../index.es-CbBdaRO2.js";
+import { I as t } from "../../index.es-DErA6zWG.js";
+import { d as m, T as d } from "../../index.es--yyG47az.js";
 import '../../assets/Disclaimer.css';const p = "_disclaimer_1k38t_1", y = "_iconArea_1k38t_7", a = {
   disclaimer: p,
   iconArea: y

package/dist/components/EmptyView/EmptyView.js

@@ -1,9 +1,9 @@
 import { jsx as m, jsxs as $ } from "react/jsx-runtime";
-import { G as _ } from "../../index.es-DntoATwO.js";
-import { c as P, _ as T, P as e } from "../../identity-DLWZln-X.js";
+import { G as _ } from "../../index.es-CbBdaRO2.js";
+import { c as P, _ as T, P as e } from "../../_setToString-Do1lSQTZ.js";
 import c, { forwardRef as C, useRef as w, useImperativeHandle as H, useMemo as y } from "react";
-import { e as N, T as O } from "../../index.es-D54RuMc_.js";
-import { I as B } from "../../index.es-3043KTnb.js";
+import { e as N, T as O } from "../../index.es--yyG47az.js";
+import { I as B } from "../../index.es-DErA6zWG.js";
 const j = {
   /**
    * Aligns the Hero contents.

package/dist/components/Filter/Filter.js

@@ -1,20 +1,21 @@
 import { jsx as e, jsxs as b, Fragment as D } from "react/jsx-runtime";
-import { N as F } from "../../index.es-fnFnw2P1.js";
-import { B as p } from "../../index.es-CiqbARoC.js";
-import { G as _ } from "../../index.es-DntoATwO.js";
-import { I as W } from "../../index.es-0lQcz8m1.js";
-import { S as j } from "../../index.es-8GOVkuo-.js";
+import { N as F } from "../../index.es-CPqaUyn3.js";
+import { B as h } from "../../index.es-Bx1E5MPK.js";
+import { G as _ } from "../../index.es-CbBdaRO2.js";
+import { I as W } from "../../index.es-Kg9soDed.js";
+import { S as j } from "../../index.es-CqgVUhln.js";
 import { useState as v } from "react";
 import { Iconify as z } from "../Iconify/Iconify.js";
 import { u as k } from "../../useBreakpoints-MzTZ0tCT.js";
 import "../../react-tooltip.min-DSY6KDqS.js";
-import "../../orderBy-Bd48bw88.js";
+import "../../orderBy-CyjsW2ET.js";
 import { SearchBar as G } from "../SearchBar/SearchBar.js";
 import "../../uniqueId-NU3-C36A.js";
 import { Modal as H } from "../Modal/Modal.js";
 import { Select as I } from "../Select/Select.js";
 import "react-hook-form";
-import "../../get-DFv1gXfq.js";
+import "../../get-B8c-T4F8.js";
+import "../../omit-1Eom1PmQ.js";
 import "../../isArray-Dub1wGJM.js";
 import "../../isString-BW9UHONv.js";
 import '../../assets/Filter.css';const K = "_filterButton_qtl7a_1", T = "_relativeParent_qtl7a_6", V = "_filterBadge_qtl7a_10", E = "_dense_qtl7a_17", u = {
@@ -22,7 +23,7 @@ import '../../assets/Filter.css';const K = "_filterButton_qtl7a_1", T = "_relati
   relativeParent: T,
   filterBadge: V,
   dense: E
-}, mt = ({
+}, ct = ({
   clearFilterText: m,
   closeCallback: s,
   currentFilter: i,
@@ -31,7 +32,7 @@ import '../../assets/Filter.css';const K = "_filterButton_qtl7a_1", T = "_relati
   filterModalTitle: t,
   filters: f,
   modalCancelButtonText: g,
-  modalConfirmButtonText: h,
+  modalConfirmButtonText: p,
   useModal: o = !0,
   selectAllLabel: r,
   "data-testid": w
@@ -67,9 +68,9 @@ import '../../assets/Filter.css';const K = "_filterButton_qtl7a_1", T = "_relati
         onClose: x,
         title: t,
         modalSize: A ? "small" : "fullscreen",
-        headerActions: /* @__PURE__ */ e(p, { "data-testid": "filter-clear-button", variant: "text", onClick: O, children: m }),
+        headerActions: /* @__PURE__ */ e(h, { "data-testid": "filter-clear-button", variant: "text", onClick: O, children: m }),
         dismissiveButton: /* @__PURE__ */ e(
-          p,
+          h,
           {
             "data-testid": "filter-cancel-button",
             variant: "outlined",
@@ -77,13 +78,13 @@ import '../../assets/Filter.css';const K = "_filterButton_qtl7a_1", T = "_relati
             children: g
           }
         ),
-        primaryButton: /* @__PURE__ */ e(p, { "data-testid": "filter-confirm-button", variant: "filled", onClick: x, children: h }),
+        primaryButton: /* @__PURE__ */ e(h, { "data-testid": "filter-confirm-button", variant: "filled", onClick: x, children: p }),
         children: /* @__PURE__ */ e(_, { direction: "vertical", "data-testid": "filter-map-filters", children: N(f, c, S, r) })
       }
     )
   ] }) : /* @__PURE__ */ e(_, { secondaryAlign: "center", fullWidth: !0, children: N(f, c, S, r, !1) });
-}, N = (m, s, i, d, a = !0) => m.map(({ id: t, title: f, availableOptions: g, icon: h, type: o }) => /* @__PURE__ */ b(_, { fullWidth: !0, secondaryAlign: "center", "data-testid": `filter-${o}-group-${t}`, children: [
-  h ? /* @__PURE__ */ e(z, { icon: h, iconSize: "medium" }) : null,
+}, N = (m, s, i, d, a = !0) => m.map(({ id: t, title: f, availableOptions: g, icon: p, type: o }) => /* @__PURE__ */ b(_, { fullWidth: !0, secondaryAlign: "center", "data-testid": `filter-${o}-group-${t}`, children: [
+  p ? /* @__PURE__ */ e(z, { icon: p, iconSize: "medium" }) : null,
   o === "select" && /* @__PURE__ */ e(
     I,
     {
@@ -157,7 +158,7 @@ import '../../assets/Filter.css';const K = "_filterButton_qtl7a_1", T = "_relati
       style: { height: "100%", width: t ? void 0 : "100%" },
       children: [
         /* @__PURE__ */ e(
-          p,
+          h,
           {
             "data-testid": "filter-button",
             variant: "outlined",
@@ -183,5 +184,5 @@ import '../../assets/Filter.css';const K = "_filterButton_qtl7a_1", T = "_relati
   );
 };
 export {
-  mt as Filter
+  ct as Filter
 };

package/dist/components/FormComponents/FormCheckBox/FormCheckBox.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { C as m } from "../../../index.es-BvrQnJ3j.js";
+import { C as m } from "../../../index.es-oOD85ZwA.js";
 import { useFormContext as k, Controller as C } from "react-hook-form";
 import '../../../assets/FormCheckBox.css';const b = "_invalid_1l2r2_1", d = "_checkbox_1l2r2_5", c = {
   invalid: b,

package/dist/components/FormComponents/FormDatePicker/FormDatePicker.js

@@ -1,8 +1,8 @@
 import { jsx as C, jsxs as pa } from "react/jsx-runtime";
-import { B as ba } from "../../../index.es-CiqbARoC.js";
-import { b as u, a as o, c as d, d as s, r as wa, s as be, t as M, m as j, l as D, f as z, e as N, g as ya, D as Pa } from "../../../index.es-CoFul5zR.js";
-import { D as ka } from "../../../index.es-BWgXLqXn.js";
-import { P as Ma } from "../../../index.es-D-CKRzIB.js";
+import { B as ba } from "../../../index.es-Bx1E5MPK.js";
+import { b as u, a as o, c as d, d as s, r as wa, s as be, t as M, m as j, l as D, f as z, e as N, g as ya, D as Pa } from "../../../index.es-BoWmBoqO.js";
+import { D as ka } from "../../../index.es-BTc2I5pe.js";
+import { P as Ma } from "../../../index.es-D-ph6ImM.js";
 import { useMemo as V, useState as $a } from "react";
 import { useFormContext as Wa, Controller as ja } from "react-hook-form";
 import { useHelperText as Da } from "../../../hooks/useHelperText.js";

package/dist/components/FormComponents/FormNumber/CustomTextField.js

@@ -1,25 +1,26 @@
 import { jsx as m } from "react/jsx-runtime";
-import { T as d } from "../../../index.es-25EARqhH.js";
-import { g as u } from "../../../get-DFv1gXfq.js";
-import { useMemo as g } from "react";
+import { T as d } from "../../../index.es-CUuzYysw.js";
+import { g as u } from "../../../get-B8c-T4F8.js";
+import { o as g } from "../../../omit-1Eom1PmQ.js";
+import { useMemo as f } from "react";
 import { useFormContext as v } from "react-hook-form";
-import '../../../assets/CustomTextField.css';const f = "_invalid_1dsbr_1", c = {
-  invalid: f
-}, T = ({ ...e }) => {
+import '../../../assets/CustomTextField.css';const c = "_invalid_1dsbr_1", s = {
+  invalid: c
+}, C = ({ ...e }) => {
   const {
     getFieldState: r,
     formState: { errors: n },
     trigger: i,
-    watch: l
-  } = v(), a = l(e.propertyName), o = g(() => {
+    watch: o
+  } = v(), a = o(e.propertyName), l = f(() => {
     if (!(!a || e.value === null))
       return e.value;
   }, [a, e.value]);
   return /* @__PURE__ */ m(
     d,
     {
-      ...e,
-      value: o,
+      ...g(e, ["propertyName", "formOnBlur", "additionalTrigger"]),
+      value: l,
       "data-testid": `numeric-field-${e.propertyName}`,
       fullWidth: !0,
       inputMode: "decimal",
@@ -32,10 +33,10 @@ import '../../../assets/CustomTextField.css';const f = "_invalid_1dsbr_1", c = {
       },
       valid: !r(e.propertyName).invalid,
       helperTextPersistent: u(n, e.propertyName) !== void 0 || e.helperTextPersistent,
-      className: r(e.propertyName).invalid ? c.invalid : ""
+      className: r(e.propertyName).invalid ? s.invalid : ""
     }
   );
 };
 export {
-  T as CustomTextField
+  C as CustomTextField
 };

package/dist/components/FormComponents/FormRadio/FormRadio.js

@@ -1,5 +1,5 @@
 import { jsx as r, Fragment as m } from "react/jsx-runtime";
-import { R as d } from "../../../index.es-BtjV0oNv.js";
+import { R as d } from "../../../index.es-Bf149BSP.js";
 import { useFormContext as s, Controller as c } from "react-hook-form";
 const g = ({ propertyName: l, options: t }) => {
   const { control: n, setValue: o } = s(), u = (a) => {

package/dist/components/FormComponents/FormSelect/FormSelect.d.ts

@@ -5,7 +5,7 @@ import { ExtendedSelectProps } from '../../Select/Select';
 /**
  * a generic FormSelector property type. the generic T represents the interface, which is used in the form, like {@link CreateOrganizationDto}
  */
-type FormSelectProps<T extends FieldValues> = Omit<SelectProps, 'className' | 'clearable' | 'disabled' | 'helperTextPersistent' | 'hidden' | 'hoisted' | 'label' | 'menuMaxHeight' | 'multi' | 'multiSelect' | 'options' | 'searchable' | 'textKey' | 'valid' | 'value' | 'valueKey' | 'variant'> & Pick<ExtendedSelectProps, 'portalClassName' | 'data-testid'> & {
+export type FormSelectProps<T extends FieldValues> = Omit<SelectProps, 'className' | 'clearable' | 'disabled' | 'helperTextPersistent' | 'hidden' | 'hoisted' | 'label' | 'menuMaxHeight' | 'multi' | 'multiSelect' | 'options' | 'searchable' | 'textKey' | 'valid' | 'value' | 'valueKey' | 'variant'> & Pick<ExtendedSelectProps, 'portalClassName' | 'data-testid'> & {
     /** the name of the property in the form */
     propertyName: Path<T>;
     /** the label of the select */
@@ -63,4 +63,3 @@ export type FormSelectOption = {
  * @returns
  */
 export declare const FormSelect: <T extends FieldValues>({ propertyName, label, options, multi, disabled, hoisted, hidden, valueKey, textKey, clearable, searchable, noOptionsMessage, rules, menuPosition, ...props }: FormSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/FormComponents/FormSelect/FormSelect.js

@@ -1,5 +1,5 @@
 import { jsx as o, Fragment as g, jsxs as k } from "react/jsx-runtime";
-import { g as x } from "../../../get-DFv1gXfq.js";
+import { g as x } from "../../../get-B8c-T4F8.js";
 import { i as G } from "../../../isArray-Dub1wGJM.js";
 import { useMemo as z } from "react";
 import { useFormContext as J, Controller as C } from "react-hook-form";

package/dist/components/FormComponents/FormSelect/SelectTooltipText.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
-import { G as p } from "../../../index.es-DntoATwO.js";
-import { T as d } from "../../../index.es-D54RuMc_.js";
+import { G as p } from "../../../index.es-CbBdaRO2.js";
+import { T as d } from "../../../index.es--yyG47az.js";
 const m = ({ value: r, textKey: t, valueKey: e }) => {
   if (!(!r || r.length === 0))
     return Array.isArray(r) ? /* @__PURE__ */ i(p, { "data-testid": "select-tooltip", direction: "vertical", gap: "dense", children: r?.map((o) => /* @__PURE__ */ i(d, { level: 2, children: o[t] }, o[e])) }) : r?.[t];

package/dist/components/FormComponents/FormSlider/FormSlider.js

@@ -1,9 +1,9 @@
 import { jsx as Y } from "react/jsx-runtime";
-import { _ as O, c as F, P as l } from "../../../identity-DLWZln-X.js";
+import { _ as O, c as F, P as l } from "../../../_setToString-Do1lSQTZ.js";
 import c, { forwardRef as ft, useRef as tt, useImperativeHandle as et, useCallback as B, useEffect as k, useMemo as rt } from "react";
-import { I as nt } from "../../../index.es-3043KTnb.js";
-import { T as it } from "../../../index.es-25EARqhH.js";
-import { c as at } from "../../../index.es-da0cf7oE.js";
+import { I as nt } from "../../../index.es-DErA6zWG.js";
+import { T as it } from "../../../index.es-CUuzYysw.js";
+import { c as at } from "../../../index.es-DlzwTKbh.js";
 import { b as dt, c as K } from "../../../tslib.es6-BDCynO9F.js";
 import { M as gt, a as Et } from "../../../component-neHBNHRu.js";
 import { M as st, a as bt, m as It, b as St } from "../../../component-DsB0poTj.js";

package/dist/components/FormComponents/FormText/FormText.js

@@ -1,6 +1,6 @@
 import { jsx as t, Fragment as v, jsxs as z } from "react/jsx-runtime";
-import { T as M } from "../../../index.es-25EARqhH.js";
-import { a as P } from "../../../index.es-D54RuMc_.js";
+import { T as M } from "../../../index.es-CUuzYysw.js";
+import { a as P } from "../../../index.es--yyG47az.js";
 import { useState as V, useCallback as W, useMemo as m } from "react";
 import { useFormContext as D, Controller as _ } from "react-hook-form";
 import { useHelperText as E } from "../../../hooks/useHelperText.js";

package/dist/components/FormComponents/FormToggle/FormToggle.js

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as p } from "react/jsx-runtime";
-import { G as d } from "../../../index.es-DntoATwO.js";
-import { S as f } from "../../../index.es-8GOVkuo-.js";
-import { a as h } from "../../../index.es-D54RuMc_.js";
+import { G as d } from "../../../index.es-CbBdaRO2.js";
+import { S as f } from "../../../index.es-CqgVUhln.js";
+import { a as h } from "../../../index.es--yyG47az.js";
 import { u as C } from "../../../uniqueId-NU3-C36A.js";
 import { useEffect as x } from "react";
 import { useFormContext as T, Controller as y } from "react-hook-form";