@hortiview/shared-components 1.10.0 → 1.11.0

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## [1.11.0](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v1.10.0...v1.11.0) (2025-05-28)
+
+### Features
+
+* introduce stepper component ([4519232](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/4519232b157fef0ee86b2b4fae99cf06a50a4754))
+* move button props to steps ([9237df3](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/9237df37c46015e4f869c87d4aa3d094bbcec2f1))
+* update stepper to include buttons and content ([e5af269](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/e5af26940f06d1b3035075b0045d91f96f6cad3e))
+
 ## [1.10.0](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v1.9.0...v1.10.0) (2025-05-26)
 
 ### Features

package/README.md

@@ -55,6 +55,7 @@ Additionally the library provides form components using [react-hook-form](https:
 1. [ScrollBar](#scrollbar)
 1. [SearchBar](#searchbar)
 1. [Select](#select)
+1. [Stepper](#stepper)
 1. [VerticalDivider](#verticaldivider)
 
 ## Available Utility Functions:
@@ -859,7 +860,7 @@ Provides the normal Element modal with one additional change. If you are on full
 This will set the modal size on an area between the mobile controls.
 
 The modal also includes a custom header, which has a close button of type `button`.
-The base Element design button has type `submit`, which breaks forms inside of the modal. 
+The base Element design button has type `submit`, which breaks forms inside of the modal.
 Please provide `onClose` and `title` props to get it work properly.
 
 ```jsx
@@ -964,6 +965,47 @@ import { Select } from '@hortiview/shared-components';
 />;
 ```
 
+### Stepper
+
+Provides a simple stepper component, which contains the step indicators, a title text and buttons to navigate forwards and backwards.
+Be aware that you need to control the Stepper flow by your own, like:
+
+```jsx
+import { Step, Stepper } from '@hortiview/shared-components';
+
+const steps: Step[] = [
+  {
+    name: 'first',
+    step: 0,
+    title: 'First Step',
+    optional: false,
+  },
+  {
+    name: 'second',
+    step: 1,
+    title: 'Second Step',
+    optional: true,
+  },
+];
+
+const [currentStep, setCurrentStep] = useState(0);
+
+<Stepper
+  steps={steps}
+  currentStep={currentStep}
+  nextButtonProps={{
+    label: currentStep < args.steps.length - 1 ? 'Next' : 'Finish',
+    onClick: () =>
+      currentStep < args.steps.length - 1
+        ? setCurrentStep(currentStep + 1)
+        : setCurrentStep(args.steps.length - 1),
+  }}
+  prevButtonProps={{
+    onClick: () => (currentStep > 0 ? setCurrentStep(currentStep - 1) : setCurrentStep(0)),
+  }}
+/>;
+```
+
 ### VerticalDivider
 
 Provides a simple vertical divider.

package/dist/{BigLoadingSpinner-CqSGYzZA.js → BigLoadingSpinner-BbXMCKpm.js}

@@ -1,5 +1,5 @@
 import { jsx as i, jsxs as n } from "react/jsx-runtime";
-import { b as r } from "./index.es-CF_xy2ns.js";
+import { T as r } from "./index.es-D54RuMc_.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,
@@ -9,8 +9,8 @@ import './assets/BigLoadingSpinner.css';const e = "_loadingBigOverlay_7dxo1_1",
 }, l = ({ text: a }) => /* @__PURE__ */ n("div", { className: o.bigLoadSpinnerCard, role: "progressbar", "data-testid": "loading-spinner", children: [
   /* @__PURE__ */ i(d, { icon: "hortiview", className: o.logo, "data-testid": "logo-icon" }),
   /* @__PURE__ */ i(r, { tag: "p", bold: !0, level: 1, className: o.bigLoadSpinnerCardText, children: a })
-] }), _ = (a) => /* @__PURE__ */ i("div", { "data-testid": "big-loading-spinner", className: o.loadingBigOverlay, children: /* @__PURE__ */ i(l, { ...a }) });
+] }), b = (a) => /* @__PURE__ */ i("div", { "data-testid": "big-loading-spinner", className: o.loadingBigOverlay, children: /* @__PURE__ */ i(l, { ...a }) });
 export {
-  _ as B,
+  b as B,
   o as s
 };

package/dist/{GenericCard-CelFEWlW.js → GenericCard-DuNnB9Ve.js}

@@ -3,7 +3,7 @@ import { C as W, a as z, b as D, c as E, d as M } from "./index.es-6TJ1S8Jr.js";
 import { c as x, _ as P, P as e } from "./identity-DLWZln-X.js";
 import b, { forwardRef as $, useMemo as f, useRef as j, useImperativeHandle as q, createContext as F, useContext as I } from "react";
 import { d as U } from "./index.es-da0cf7oE.js";
-import { d as O } from "./index.es-CF_xy2ns.js";
+import { d as O } from "./index.es-D54RuMc_.js";
 import { OverflowTooltip as k } from "./components/OverflowTooltip/OverflowTooltip.js";
 import './assets/GenericCard.css';const R = /* @__PURE__ */ F({}), V = {
   /**

package/dist/{ListAreaService-DOwtdRa4.js → ListAreaService-Wq9IkwWN.js}

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as z } from "react/jsx-runtime";
-import { G as b } from "./index.es-DntoATwO.js";
-import { I as B } from "./index.es-3043KTnb.js";
-import { c as C, d as N, b as O } from "./index.es-CF_xy2ns.js";
+import { G as B } from "./index.es-DntoATwO.js";
+import { I as C } from "./index.es-3043KTnb.js";
+import { c as b, d as N, T as O } from "./index.es-D54RuMc_.js";
 import { Iconify as $ } from "./components/Iconify/Iconify.js";
 import { AvailableCustomIcons as k } from "./enums/AvailableCustomIcons.js";
 import './assets/ListAreaService.css';const E = "_fullWidth_zewqs_1", j = "_mainElevation_zewqs_5", G = "_searchbar_zewqs_11", W = "_roundedBottom_zewqs_19", L = "_primaryText_zewqs_24", S = "_list_zewqs_28", A = "_listItem_zewqs_56", P = "_iconColor_zewqs_76", D = "_overlineTitle_zewqs_80", F = "_noOverlineTitle_zewqs_85", H = "_truncate_zewqs_89", J = "_truncateOverlineText_zewqs_100", n = {
@@ -21,7 +21,7 @@ import './assets/ListAreaService.css';const E = "_fullWidth_zewqs_1", j = "_main
   const i = t.reduce((o, c) => {
     const { groupName: e, ...m } = c;
     return !e || typeof e != "string" || (o[e] || (o[e] = {
-      groupName: /* @__PURE__ */ r(C, { children: e }),
+      groupName: /* @__PURE__ */ r(b, { children: e }),
       id: e,
       items: []
     }), o[e].items = [
@@ -54,7 +54,7 @@ import './assets/ListAreaService.css';const E = "_fullWidth_zewqs_1", j = "_main
     key: i,
     select: u,
     primaryText: i,
-    secondaryText: /* @__PURE__ */ z(b, { direction: "vertical", gap: "none", children: [
+    secondaryText: /* @__PURE__ */ z(B, { direction: "vertical", gap: "none", children: [
       T ?? /* @__PURE__ */ r(
         N,
         {
@@ -84,7 +84,7 @@ import './assets/ListAreaService.css';const E = "_fullWidth_zewqs_1", j = "_main
         children: _
       }
     ) : void 0,
-    trailingBlock: I ?? f ?? /* @__PURE__ */ r(B, { icon: "arrow_right", className: n.iconColor }),
+    trailingBlock: I ?? f ?? /* @__PURE__ */ r(C, { icon: "arrow_right", className: n.iconColor }),
     leadingBlock: K(g),
     value: m,
     componentProps: {

package/dist/assets/stepper.css

@@ -0,0 +1 @@
+._stepperIndicatorItem_78nle_1{height:var(--lmnt-stepper-indicator__size);width:var(--lmnt-stepper-indicator__size);background-color:#c7c7c7;border-radius:50%}._stepperIndicatorItemActive_78nle_8{background-color:var(--lmnt-theme-primary)}._stepperIndicatorItemOptional_78nle_12{border:1.5px dashed #7e7e7e}._stepperContainer_78nle_16{background-color:var(--lmnt-theme-primary-50);border:1px solid var(--lmnt-theme-on-surface-stroke);border-radius:.25rem;padding:.75rem 1rem}._stepperTitle_78nle_23{text-align:center;color:var(--lmnt-theme-on-secondary-inactive)}._stepperButton_78nle_28{margin-bottom:0}._stepperButtonLoading_78nle_32{padding-top:.375rem!important;padding-bottom:.375rem!important}._stepperButtonLoading_78nle_32 svg{stroke:var(--lmnt-theme-white)!important}

package/dist/components/AlertBanner/AlertBanner.js

@@ -1,7 +1,7 @@
 import { jsx as n, Fragment as a, jsxs as t } from "react/jsx-runtime";
 import { G as l } from "../../index.es-DntoATwO.js";
 import { I as _ } from "../../index.es-3043KTnb.js";
-import { b as m } from "../../index.es-CF_xy2ns.js";
+import { T as m } from "../../index.es-D54RuMc_.js";
 import '../../assets/AlertBanner.css';const d = "_messageContainer_1i2s1_1", g = "_info_1i2s1_9", p = "_danger_1i2s1_14", f = "_success_1i2s1_19", u = "_warning_1i2s1_24", y = "_closeIcon_1i2s1_29", e = {
   messageContainer: d,
   info: g,
@@ -9,7 +9,7 @@ import '../../assets/AlertBanner.css';const d = "_messageContainer_1i2s1_1", g =
   success: f,
   warning: u,
   closeIcon: y
-}, C = ({
+}, b = ({
   text: s,
   color: r = "info",
   isOpen: i = !0,
@@ -20,5 +20,5 @@ import '../../assets/AlertBanner.css';const d = "_messageContainer_1i2s1_1", g =
   o && /* @__PURE__ */ n(_, { icon: "close", iconSize: "small", onClick: o, className: e.closeIcon })
 ] }) }) : /* @__PURE__ */ n(a, {});
 export {
-  C as AlertBanner
+  b as AlertBanner
 };

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

@@ -2,7 +2,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 { AlertBanner as n } from "./AlertBanner.js";
-import { d as p, b as c, v as l, t as r, g as a } from "../../vi.CjhMlMwf-BCJNwXvu.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(() => {
     l.spyOn(o, "useBreakpoints").mockReturnValue({

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

@@ -2,7 +2,7 @@ import { jsx as a, Fragment as s } from "react/jsx-runtime";
 import { a as r, s as e, f as p } from "../../react.esm-CX1WJ2Pp.js";
 import { a as l } from "../../useBreakpoints-MzTZ0tCT.js";
 import { BaseView as i } from "./BaseView.js";
-import { d as u, b as m, v as c, t as n, g as t } from "../../vi.CjhMlMwf-BCJNwXvu.js";
+import { d as u, b as m, a as c, t as n, g as t } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 u("BaseView Test", () => {
   m(() => {
     c.spyOn(l, "useBreakpoints").mockReturnValue({

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 { T as y, b as C } from "../../index.es-CF_xy2ns.js";
+import { b as y, T as C } from "../../index.es-D54RuMc_.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

@@ -2,7 +2,7 @@ import { jsx as o, Fragment as c } from "react/jsx-runtime";
 import { B as g } from "../../index.es-CiqbARoC.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-BCJNwXvu.js";
+import { d as h, t as s, g as e } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 h("BasicHeading-Test", () => {
   s("render small container without content", () => {
     a(/* @__PURE__ */ o(i, { heading: "Test" }));

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, T as R, a as B } from "../../index.es-CF_xy2ns.js";
+import { d as C, b as R, a as B } from "../../index.es-D54RuMc_.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/BlockView/BlockView.test.js

@@ -1,7 +1,7 @@
 import { jsx as l } from "react/jsx-runtime";
 import { a as s, s as o, f as n } from "../../react.esm-CX1WJ2Pp.js";
 import { BlockView as i } from "./BlockView.js";
-import { d as a, v as B, t as r, g as t } from "../../vi.CjhMlMwf-BCJNwXvu.js";
+import { d as a, a as B, t as r, g as t } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 a("BlockView Test", () => {
   const c = B.fn(), e = {
     id: "1",

package/dist/components/ChipCard/ChipCard.test.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import { a, s as i } from "../../react.esm-CX1WJ2Pp.js";
 import { ChipCard as n } from "./ChipCard.js";
-import { d as s, t as c, g as t } from "../../vi.CjhMlMwf-BCJNwXvu.js";
+import { d as s, t as c, g as t } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 s("ChipCard Component", () => {
   const r = "Test Label", o = "domain";
   c("renders the correct label and icon", () => {

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { I as f } from "../../index.es-0lQcz8m1.js";
-import { M as d, L as _, a as p } from "../../index.es-d5xhUpJZ.js";
+import { M as d, L as _, a as p } from "../../index.es-fnFnw2P1.js";
 import { useState as I, useCallback as a, useEffect as v } from "react";
 import { u as C } from "../../uniqueId-NU3-C36A.js";
 import '../../assets/ContextMenu.css';const k = "_menu_ol91v_1", y = "_icon_ol91v_5", M = "_listItem_ol91v_9", l = {

package/dist/components/ContextMenu/ContextMenu.test.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { a as B, s as t, f as o, w as s } from "../../react.esm-CX1WJ2Pp.js";
 import { ContextMenu as p } from "./ContextMenu.js";
-import { v as l, d as k, t as T, g as e } from "../../vi.CjhMlMwf-BCJNwXvu.js";
+import { a as l, d as k, t as T, g as e } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 const C = l.fn(), a = l.fn(), i = l.fn(), g = [
   { primaryText: "Open", onClick: C, leadingBlock: "add" },
   { primaryText: "Delete", onClick: i, leadingBlock: "delete_outline" },

package/dist/components/DeleteModal/DeleteModal.js

@@ -2,7 +2,7 @@ import { jsx as o, jsxs as p, Fragment as i } from "react/jsx-runtime";
 import { B as u } from "../../index.es-CiqbARoC.js";
 import { G as c } from "../../index.es-DntoATwO.js";
 import { I as D } from "../../index.es-3043KTnb.js";
-import { b as l } from "../../index.es-CF_xy2ns.js";
+import { T as l } from "../../index.es-D54RuMc_.js";
 import { u as k } from "../../uniqueId-NU3-C36A.js";
 import { AvailableCustomIcons as I } from "../../enums/AvailableCustomIcons.js";
 import { u as N } from "../../useBreakpoints-MzTZ0tCT.js";

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

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { a as c, s as e } from "../../react.esm-CX1WJ2Pp.js";
 import { DeleteModal as b } from "./DeleteModal.js";
-import { d as B, t as a, v as o, g as t } from "../../vi.CjhMlMwf-BCJNwXvu.js";
+import { d as B, t as a, a as o, g as t } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 B("DeleteModal Test", () => {
   a("should render the DeleteModal properly", () => {
     c(

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, b as d } from "../../index.es-CF_xy2ns.js";
+import { d as m, T as d } from "../../index.es-D54RuMc_.js";
 import '../../assets/Disclaimer.css';const p = "_disclaimer_1k38t_1", y = "_iconArea_1k38t_7", a = {
   disclaimer: p,
   iconArea: y

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

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { a as r, s as t } from "../../react.esm-CX1WJ2Pp.js";
 import { Disclaimer as s } from "./Disclaimer.js";
-import { d as i, t as m, g as e } from "../../vi.CjhMlMwf-BCJNwXvu.js";
+import { d as i, t as m, g as e } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 i("Disclaimer test", () => {
   m("should render with default text", () => {
     r(/* @__PURE__ */ o(s, { text: "disclaimer.default" })), e(t.getByText("disclaimer.default")).toBeInTheDocument();

package/dist/components/EmptyView/EmptyView.js

@@ -1,8 +1,8 @@
 import { jsx as m, jsxs as $ } from "react/jsx-runtime";
 import { G as _ } from "../../index.es-DntoATwO.js";
-import { c as P, _ as C, P as e } from "../../identity-DLWZln-X.js";
-import c, { forwardRef as T, useRef as w, useImperativeHandle as H, useMemo as y } from "react";
-import { e as N, b as O } from "../../index.es-CF_xy2ns.js";
+import { c as P, _ as T, P as e } from "../../identity-DLWZln-X.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";
 const j = {
   /**
@@ -157,7 +157,7 @@ const j = {
   className: void 0,
   overlayThemeColor: "dark",
   position: "full"
-}, f = /* @__PURE__ */ T((r, o) => {
+}, f = /* @__PURE__ */ C((r, o) => {
   const {
     children: a,
     className: l,
@@ -167,14 +167,14 @@ const j = {
   } = r, s = w();
   H(o, () => s.current, []);
   const d = y(() => n !== "none" && P("lmnt", "lmnt-hero-overlay ", !t.includes("gradient") && t !== "surface" && `lmnt-hero-overlay__${t}`, t.includes("gradient") && t !== "surface" && `lmnt-theme--bg-${t}`, t === "surface" && "lmnt-theme-surface-bg", `lmnt-hero-overlay__${n}`, l), [t, n, l]);
-  return /* @__PURE__ */ c.createElement("div", C({
+  return /* @__PURE__ */ c.createElement("div", T({
     className: d
   }, i), a && a);
 });
 f.displayName = "HeroOverlay";
 f.propTypes = R;
 f.defaultProps = U;
-const v = /* @__PURE__ */ T((r, o) => {
+const v = /* @__PURE__ */ C((r, o) => {
   const {
     alignment: a,
     children: l,
@@ -191,7 +191,7 @@ const v = /* @__PURE__ */ T((r, o) => {
     ...i,
     backgroundImage: `url(${t})`
   } : i, [t, i]);
-  return /* @__PURE__ */ c.createElement("div", C({
+  return /* @__PURE__ */ c.createElement("div", T({
     ref: p,
     className: k,
     style: h
@@ -200,7 +200,7 @@ const v = /* @__PURE__ */ T((r, o) => {
 v.displayName = "Hero";
 v.propTypes = j;
 v.defaultProps = A;
-const b = /* @__PURE__ */ T((r, o) => {
+const b = /* @__PURE__ */ C((r, o) => {
   const {
     children: a,
     className: l,
@@ -219,7 +219,7 @@ const b = /* @__PURE__ */ T((r, o) => {
     ...g,
     padding: s
   }), [s, g]);
-  return /* @__PURE__ */ c.createElement("div", C({
+  return /* @__PURE__ */ c.createElement("div", T({
     ref: h,
     className: E
   }, k, {

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

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { a as s, s as o, w as r, f as l } from "../../react.esm-CX1WJ2Pp.js";
 import { EmptyView as c } from "./EmptyView.js";
-import { d as h, t as T, g as e, v as d } from "../../vi.CjhMlMwf-BCJNwXvu.js";
+import { d as h, t as T, g as e, a } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 h("EmptyView", () => {
   T("should render", () => {
     s(/* @__PURE__ */ n(c, {})), e(o.getByText("dashbord")).toBeInTheDocument();
@@ -16,12 +16,12 @@ h("EmptyView", () => {
     const t = o.getByText("SUB_TITLE");
     e(t).toBeInTheDocument(), e(t).toHaveClass(/headline6/);
   }), T("should render with an action", async () => {
-    const t = d.fn();
+    const t = a.fn();
     s(/* @__PURE__ */ n(c, { icon: "add", action: /* @__PURE__ */ n("button", { onClick: t, children: "BUTTON" }) }));
     const i = o.getByText("BUTTON");
     e(i).toBeInTheDocument(), await r(() => l.click(i)), e(t).toHaveBeenCalledTimes(1);
   }), T("should render with a text and a button", async () => {
-    const t = d.fn();
+    const t = a.fn();
     s(
       /* @__PURE__ */ n(
         c,
@@ -34,8 +34,8 @@ h("EmptyView", () => {
     );
     const i = o.getByText("BUTTON");
     e(i).toBeInTheDocument();
-    const a = o.getByText("MY_TEXT");
-    e(a).toBeInTheDocument();
+    const d = o.getByText("MY_TEXT");
+    e(d).toBeInTheDocument();
   }), T("should render with text only", async () => {
     s(
       /* @__PURE__ */ n(

package/dist/components/Filter/Filter.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as b, Fragment as D } from "react/jsx-runtime";
-import { N as F } from "../../index.es-d5xhUpJZ.js";
+import { N as F } from "../../index.es-fnFnw2P1.js";
 import { B as h } from "../../index.es-CiqbARoC.js";
 import { G as _ } from "../../index.es-DntoATwO.js";
 import { I as W } from "../../index.es-0lQcz8m1.js";

package/dist/components/Filter/Filter.test.js

@@ -3,7 +3,7 @@ import { a, s as t, f as u, w as d } from "../../react.esm-CX1WJ2Pp.js";
 import { act as c } from "react";
 import { a as s } from "../../useBreakpoints-MzTZ0tCT.js";
 import { Filter as T } from "./Filter.js";
-import { v as m, b as f, d as y, t as B, g as e } from "../../vi.CjhMlMwf-BCJNwXvu.js";
+import { a as m, b as f, d as y, t as B, g as e } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 const o = m.fn();
 f(() => {
   m.spyOn(s, "useBreakpoints").mockReturnValue({

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

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { a as s, s as r, f as h } from "../../../react.esm-CX1WJ2Pp.js";
 import { FormCheckBox as n } from "./FormCheckBox.js";
-import { v as e, d as m, t as c, g as o } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
+import { a as e, d as m, t as c, g as o } from "../../../vi.CjhMlMwf-CKxPQtd6.js";
 const l = e.fn();
 e.mock("react-hook-form", () => ({
   ...e.importActual("react-hook-form"),

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

@@ -1,6 +1,6 @@
 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-zr101OF5.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 { useMemo as V, useState as $a } from "react";

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

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as s, s as a, f as m } from "../../../react.esm-CX1WJ2Pp.js";
+import { a as s, s as r, f as m } from "../../../react.esm-CX1WJ2Pp.js";
 import { FormDatePicker as c } from "./FormDatePicker.js";
-import { v as e, d as f, t as l, g as r } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
+import { a as e, d as f, t as l, g as a } from "../../../vi.CjhMlMwf-CKxPQtd6.js";
 const i = e.fn();
 e.mock("react-hook-form", () => ({
   ...e.importActual("react-hook-form"),
@@ -44,13 +44,13 @@ f("FormDatePicker Test", () => {
     s(
       /* @__PURE__ */ n(c, { propertyName: "birthday", label: "user.date-of-birth", closeLabel: "close", maxRangeYear: 0 })
     );
-    const t = a.getByRole("textbox");
-    r(t).toBeInTheDocument(), r(t).toBeInstanceOf(HTMLInputElement), r(a.getByText("user.date-of-birth")).toBeInTheDocument(), r(a.getByText("close")).toBeInTheDocument();
+    const t = r.getByRole("textbox");
+    a(t).toBeInTheDocument(), a(t).toBeInstanceOf(HTMLInputElement), a(r.getByText("user.date-of-birth")).toBeInTheDocument(), a(r.getByText("close")).toBeInTheDocument();
   }), l("change FormDatePicker value", () => {
     s(
       /* @__PURE__ */ n(c, { propertyName: "birthday", label: "user.date-of-birth", closeLabel: "close", maxRangeYear: 0 })
     );
-    const t = a.getByRole("textbox"), o = /* @__PURE__ */ new Date();
-    m.change(t, { target: { value: o } }), r(t.getAttribute("value")).toBe(o.toString());
+    const t = r.getByRole("textbox"), o = /* @__PURE__ */ new Date();
+    m.change(t, { target: { value: o } }), a(t.getAttribute("value")).toBe(o.toString());
   });
 });

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

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { a, s as n } from "../../../react.esm-CX1WJ2Pp.js";
 import { FormNumber as s } from "./FormNumber.js";
-import { v as e, d as m, t as f, g as r } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
+import { a as e, d as m, t as f, g as r } from "../../../vi.CjhMlMwf-CKxPQtd6.js";
 const l = e.fn();
 e.mock("react-hook-form", () => ({
   ...e.importActual("react-hook-form"),

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

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { a as s, s as t, f as m } from "../../../react.esm-CX1WJ2Pp.js";
 import { FormRadio as l } from "./FormRadio.js";
-import { v as e, d as c, t as i, g as o } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
+import { a as e, d as c, t as i, g as o } from "../../../vi.CjhMlMwf-CKxPQtd6.js";
 const r = e.fn();
 e.mock("react-hook-form", () => ({
   ...e.importActual("react-hook-form"),

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

@@ -3,7 +3,7 @@ import { a, s as t, f as T, w as p } from "../../../react.esm-CX1WJ2Pp.js";
 import { u as B } from "../../../index-I7uTh4Tr.js";
 import { FormSelect as i } from "./FormSelect.js";
 import { SelectTooltipText as d } from "./SelectTooltipText.js";
-import { v as n, d as f, t as u, g as e } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
+import { a as n, d as f, t as u, g as e } from "../../../vi.CjhMlMwf-CKxPQtd6.js";
 const g = n.fn();
 n.mock("react-hook-form", () => ({
   ...n.importActual("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 { b as d } from "../../../index.es-CF_xy2ns.js";
+import { T as d } from "../../../index.es-D54RuMc_.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.test.js

@@ -1,7 +1,7 @@
-import { jsx as s } from "react/jsx-runtime";
-import { a, s as n } from "../../../react.esm-CX1WJ2Pp.js";
+import { jsx as a } from "react/jsx-runtime";
+import { a as s, s as n } from "../../../react.esm-CX1WJ2Pp.js";
 import { FormSlider as l } from "./FormSlider.js";
-import { v as e, d as m, t as i, g as r } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
+import { a as e, d as m, t as i, g as r } from "../../../vi.CjhMlMwf-CKxPQtd6.js";
 const o = e.fn();
 e.mock("react-hook-form", () => ({
   ...e.importActual("react-hook-form"),
@@ -42,7 +42,7 @@ e.mock("react-hook-form", () => ({
 }));
 m("FormSlider Test", () => {
   i("render FormSlider", () => {
-    a(/* @__PURE__ */ s(l, { propertyName: "slide", label: "slide", maxValue: 10, minValue: 0, step: 2 }));
+    s(/* @__PURE__ */ a(l, { propertyName: "slide", label: "slide", maxValue: 10, minValue: 0, step: 2 }));
     const t = n.getByRole("slider");
     r(t).toBeInTheDocument(), r(t).toHaveAttribute("max", "10"), r(t).toHaveAttribute("min", "0"), r(t).toHaveAttribute("step", "2");
   });

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-CF_xy2ns.js";
+import { a as P } from "../../../index.es-D54RuMc_.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/FormText/FormText.test.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { a as s, s as r, f as i } from "../../../react.esm-CX1WJ2Pp.js";
 import { FormText as o } from "./FormText.js";
-import { v as a, d as u, t as l, g as e } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
+import { a, d as u, t as l, g as e } from "../../../vi.CjhMlMwf-CKxPQtd6.js";
 const d = a.fn();
 a.mock("react-hook-form", () => ({
   ...a.importActual("react-hook-form"),

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-CF_xy2ns.js";
+import { a as h } from "../../../index.es-D54RuMc_.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";

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

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { a as s, s as t, f as m } from "../../../react.esm-CX1WJ2Pp.js";
 import { FormToggle as n } from "./FormToggle.js";
-import { v as e, d as u, t as l, g as o } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
+import { a as e, d as u, t as l, g as o } from "../../../vi.CjhMlMwf-CKxPQtd6.js";
 const c = e.fn();
 e.mock("react-hook-form", () => ({
   ...e.importActual("react-hook-form"),

package/dist/components/GenericTable/GenericTable.js

@@ -12,11 +12,11 @@ import { r as pl } from "../../orderBy-Bd48bw88.js";
 import { T as La } from "../../index.es-25EARqhH.js";
 import { M as gl, C as vi } from "../../index.es-BvrQnJ3j.js";
 import { S as hi } from "../../index.es-8GOVkuo-.js";
-import { D as vl } from "../../index.es-zr101OF5.js";
+import { D as vl } from "../../index.es-CoFul5zR.js";
 import { createPortal as hl } from "react-dom";
-import { _ as ml, a as yl, b as Ha, S as Fa } from "../../index.es-UHKFl8Da.js";
+import { _ as ml, a as yl, b as Ha, S as Fa } from "../../index.es-BNHI3ZIK.js";
 import { I as Qn } from "../../index.es-0lQcz8m1.js";
-import { T as mi, d as bl } from "../../index.es-CF_xy2ns.js";
+import { b as mi, d as bl } from "../../index.es-D54RuMc_.js";
 import { b as vo, c as lo, d as yi, f as wl, g as Rl } from "../../tslib.es6-BDCynO9F.js";
 import { M as bi, a as wi } from "../../component-neHBNHRu.js";
 import { c as Ga } from "../../component-DsB0poTj.js";

package/dist/components/GenericTable/GenericTable.test.js

@@ -2,7 +2,7 @@ import { jsx as a, jsxs as B } from "react/jsx-runtime";
 import { a as o, s as e } from "../../react.esm-CX1WJ2Pp.js";
 import { a as m } from "../../useBreakpoints-MzTZ0tCT.js";
 import { GenericTable as s } from "./GenericTable.js";
-import { d as h, v as r, t as i, g as t } from "../../vi.CjhMlMwf-BCJNwXvu.js";
+import { d as h, a as r, t as i, g as t } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 h("GenericTable Test", () => {
   r.spyOn(m, "useBreakpoints").mockReturnValue({
     isDesktop: !0,

package/dist/components/GenericTable/Mobile/GenericCard.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../../index.es-6TJ1S8Jr.js";
-import { G as a } from "../../../GenericCard-CelFEWlW.js";
-import "../../../index.es-CF_xy2ns.js";
+import { G as a } from "../../../GenericCard-DuNnB9Ve.js";
+import "../../../index.es-D54RuMc_.js";
 import "react";
 import "../../OverflowTooltip/OverflowTooltip.js";
 export {