@hortiview/shared-components 1.10.0 → 1.12.0

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/GenericTableService.js

@@ -1,7 +1,7 @@
-import { jsx as d } from "react/jsx-runtime";
-import { useMemo as a } from "react";
-import { ContextMenu as x } from "../ContextMenu/ContextMenu.js";
-const j = ({
+import { jsx as a } from "react/jsx-runtime";
+import { useMemo as d } from "react";
+import { ContextMenu as v } from "../ContextMenu/ContextMenu.js";
+const b = ({
   data: r = [],
   order: n = [],
   cellTemplates: e = void 0,
@@ -10,9 +10,9 @@ const j = ({
   customColumnWidth: o,
   cardTitleColumn: u,
   cardSubTitleColumn: s
-}) => a(() => {
+}) => d(() => {
   if (r?.length === 0) return [];
-  const c = v(r[0], n).map((i) => {
+  const c = x(r[0], n).map((i) => {
     const p = o ? o[i] : void 0;
     return {
       id: i,
@@ -20,6 +20,7 @@ const j = ({
       accessor: i,
       cellTemplate: e ? e[i] : void 0,
       cellProps: p ? { width: p } : void 0,
+      headerCellProps: p ? { width: p } : void 0,
       asCardTitle: i === u,
       asCardSubtitle: i === s
     };
@@ -37,13 +38,13 @@ const j = ({
   o,
   u,
   s
-]), l = ({
+]), j = ({
   data: r = [],
   getRowActions: n = void 0
-}) => a(() => n ? r.map((e) => {
-  const t = /* @__PURE__ */ d(x, { actions: n(e), iconOrientation: "horizontal" });
+}) => d(() => n ? r.map((e) => {
+  const t = /* @__PURE__ */ a(v, { actions: n(e), iconOrientation: "horizontal" });
   return { ...e, actions: t };
-}) : r, [r, n]), v = (r, n) => {
+}) : r, [r, n]), x = (r, n) => {
   if (!r) return [];
   let e = Object.keys(r).map((t) => t);
   return n?.length > 0 && (e = e.sort((t, f) => {
@@ -52,6 +53,6 @@ const j = ({
   })), e;
 };
 export {
-  j as useGenerateColumns,
-  l as useGenerateTableData
+  b as useGenerateColumns,
+  j as useGenerateTableData
 };

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 {

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

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { a as c, s as o } from "../../../react.esm-CX1WJ2Pp.js";
-import { G as i } from "../../../GenericCard-CelFEWlW.js";
-import { d as m, t as s, g as e } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
+import { G as i } from "../../../GenericCard-DuNnB9Ve.js";
+import { d as m, t as s, g as e } from "../../../vi.CjhMlMwf-CKxPQtd6.js";
 m("GenericCard", () => {
   const d = {
     id: 1,

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

@@ -1,8 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
 import { G as c } from "../../../index.es-DntoATwO.js";
 import { P as l } from "../../../index.es-D-CKRzIB.js";
-import { a as o } from "../../../index.es-CF_xy2ns.js";
-import { s as i, G as m } from "../../../GenericCard-CelFEWlW.js";
+import { a as o } from "../../../index.es-D54RuMc_.js";
+import { s as i, G as m } from "../../../GenericCard-DuNnB9Ve.js";
 const u = ({
   columns: n,
   data: e,

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

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { a as r, s as o, w as l } from "../../../react.esm-CX1WJ2Pp.js";
 import { GenericCardList as s } from "./GenericCardList.js";
-import { d as m, t as i, g as e } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
+import { d as m, t as i, g as e } from "../../../vi.CjhMlMwf-CKxPQtd6.js";
 m("GenericCardList", () => {
   const d = [
     { id: "name", header: "Name", accessor: "name", asCardTitle: !0 },

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

@@ -1,7 +1,7 @@
 import { jsx as n, Fragment as o } from "react/jsx-runtime";
 import { a, s as e, f as r } from "../../react.esm-CX1WJ2Pp.js";
 import { HashTabView as c } from "./HashTabView.js";
-import { d as h, t as l, g as t } from "../../vi.CjhMlMwf-BCJNwXvu.js";
+import { d as h, t as l, g as t } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 const m = [
   {
     title: "Map",

package/dist/components/HeaderFilter/HeaderFilter.js

@@ -1,5 +1,5 @@
 import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { b as n } from "../../index.es-CF_xy2ns.js";
+import { T as n } from "../../index.es-D54RuMc_.js";
 import { BasicHeading as s } from "../BasicHeading/BasicHeading.js";
 import { Select as c } from "../Select/Select.js";
 import '../../assets/HeaderFilter.css';const d = "_filterSelect_923nc_1", m = {

package/dist/components/HeaderFilter/HeaderFilter.test.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { a as i, s as t, f as T } from "../../react.esm-CX1WJ2Pp.js";
 import { HeaderFilter as s } from "./HeaderFilter.js";
-import { d as c, t as o, v as l, g as e } from "../../vi.CjhMlMwf-BCJNwXvu.js";
+import { d as c, t as o, a as l, g as e } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 c("HeaderFilter-Test", () => {
   o("render header filter", () => {
     i(

package/dist/components/HealthCheckFailed/HealthCheckFailed.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import { C as c, a as d, b as l } from "../../index.es-6TJ1S8Jr.js";
 import { G as h } from "../../index.es-DntoATwO.js";
 import { P as m } from "../../index.es-D-CKRzIB.js";
-import { b as o } from "../../index.es-CF_xy2ns.js";
+import { T as o } from "../../index.es-D54RuMc_.js";
 import { Iconify as _ } from "../Iconify/Iconify.js";
 import '../../assets/HealthCheckFailed.css';const p = "_database_11ki8_1", f = "_spin_11ki8_1", u = "_iot_11ki8_16", k = "_platform_11ki8_17", g = "_other_11ki8_18", C = "_crossedOut_11ki8_22", a = {
   database: p,

package/dist/components/HealthCheckFailed/HealthCheckFailed.test.js

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { a as s, s as e } from "../../react.esm-CX1WJ2Pp.js";
 import { HealthCheckFailed as r } from "./HealthCheckFailed.js";
-import { d as h, t as i, g as t } from "../../vi.CjhMlMwf-BCJNwXvu.js";
+import { d as h, t as i, g as t } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 h("HealthCheckFailed Component", () => {
   const c = "Test Title", n = "Test Subtitle";
   i("displays the correct title and subtitle", () => {

package/dist/components/Iconify/Iconify.test.js

@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
 import { Iconify as c } from "./Iconify.js";
 import { AvailableCustomIcons as l } from "../../enums/AvailableCustomIcons.js";
 import { a as r, w as s, s as i } from "../../react.esm-CX1WJ2Pp.js";
-import { d as f, t as a, g as o } from "../../vi.CjhMlMwf-BCJNwXvu.js";
+import { d as f, t as a, g as o } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 f("Iconify Test", async () => {
   const m = Object.keys(l).filter((e) => isNaN(Number(e)));
   a.each(m)("render available custom icon (%s)", async (e) => {

package/dist/components/InfoGroup/InfoGroup.js

@@ -1,7 +1,7 @@
 import { jsxs as d, Fragment as p, jsx as t } from "react/jsx-runtime";
 import { D as h } from "../../index.es-BWgXLqXn.js";
 import { G as s } from "../../index.es-DntoATwO.js";
-import { a as g, d as f } from "../../index.es-CF_xy2ns.js";
+import { a as g, d as f } from "../../index.es-D54RuMc_.js";
 import { useMemo as _, Fragment as D } from "react";
 import { u as m } from "../../useBreakpoints-MzTZ0tCT.js";
 import '../../assets/InfoGroup.css';const C = "_dividerContainer_4c1hq_1", y = "_centerDefaultComponent_4c1hq_10", A = "_verticalDivider_4c1hq_14", G = "_mainGroup_4c1hq_22", x = "_textAlignRight_4c1hq_28", l = {

package/dist/components/InfoGroup/InfoGroup.test.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { a as l, s as t } from "../../react.esm-CX1WJ2Pp.js";
 import { InfoGroup as r } from "./InfoGroup.js";
-import { d as s, t as i, g as e } from "../../vi.CjhMlMwf-BCJNwXvu.js";
+import { d as s, t as i, g as e } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 s("InfoGroup Test", () => {
   i("render Single InfoGroup", () => {
     l(/* @__PURE__ */ o(r, { fields: m }));

package/dist/components/ListArea/ListArea.js

@@ -1,11 +1,11 @@
 import { jsx as s, jsxs as h } from "react/jsx-runtime";
 import { D as u } from "../../index.es-BWgXLqXn.js";
 import { E as y } from "../../index.es-h2lMdt7G.js";
-import { L as C } from "../../index.es-d5xhUpJZ.js";
+import { L as C } from "../../index.es-fnFnw2P1.js";
 import { o as p } from "../../orderBy-Bd48bw88.js";
 import { useState as b, useMemo as v } from "react";
 import { SearchBar as B } from "../SearchBar/SearchBar.js";
-import { g as D, a as j, s as t } from "../../ListAreaService-DOwtdRa4.js";
+import { g as D, a as j, s as t } from "../../ListAreaService-Wq9IkwWN.js";
 const q = ({
   elements: r,
   pathname: o,

package/dist/components/ListArea/ListArea.test.js

@@ -1,9 +1,9 @@
 import { jsx as r, Fragment as i } from "react/jsx-runtime";
-import { c as p } from "../../index.es-CF_xy2ns.js";
+import { c as p } from "../../index.es-D54RuMc_.js";
 import { a as s, s as a, f as u } from "../../react.esm-CX1WJ2Pp.js";
 import { ListArea as c } from "./ListArea.js";
-import { g as h } from "../../ListAreaService-DOwtdRa4.js";
-import { d as m, t as n, g as t } from "../../vi.CjhMlMwf-BCJNwXvu.js";
+import { g as h } from "../../ListAreaService-Wq9IkwWN.js";
+import { d as m, t as n, g as t } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 m("ListArea Test", () => {
   const o = [
     {

package/dist/components/ListArea/ListAreaService.js

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
 import "../../index.es-DntoATwO.js";
 import "../../index.es-3043KTnb.js";
-import "../../index.es-CF_xy2ns.js";
+import "../../index.es-D54RuMc_.js";
 import "../Iconify/Iconify.js";
 import "../../enums/AvailableCustomIcons.js";
-import { g as a, a as g, m as d } from "../../ListAreaService-DOwtdRa4.js";
+import { g as a, a as g, m as d } from "../../ListAreaService-Wq9IkwWN.js";
 export {
   a as getGroupedItems,
   g as getListedItems,

package/dist/components/LoadingSpinner/Big/BigLoadingSpinner.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
-import "../../../index.es-CF_xy2ns.js";
+import "../../../index.es-D54RuMc_.js";
 import "../../Iconify/Iconify.js";
-import { B as t } from "../../../BigLoadingSpinner-CqSGYzZA.js";
+import { B as t } from "../../../BigLoadingSpinner-BbXMCKpm.js";
 export {
   t as BigLoadingSpinner
 };

package/dist/components/LoadingSpinner/Big/BigLoadingSpinner.test.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import { s as r, B as n } from "../../../BigLoadingSpinner-CqSGYzZA.js";
+import { s as r, B as n } from "../../../BigLoadingSpinner-BbXMCKpm.js";
 import { a as i, s as e } from "../../../react.esm-CX1WJ2Pp.js";
-import { d as g, t as a, g as t } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
+import { d as g, t as a, g as t } from "../../../vi.CjhMlMwf-CKxPQtd6.js";
 g("BigLoadingSpinner Test", () => {
   a("render BigLoadingSpinner with custom loading text", () => {
     i(/* @__PURE__ */ o(n, { text: "Please wait..." })), t(e.getByText("Please wait...")).toBeInTheDocument(), t(e.getByRole("progressbar")).toBeInTheDocument();

package/dist/components/LoadingSpinner/Default/LoadingSpinner.js

@@ -2,12 +2,12 @@ import { jsx as y, jsxs as B } from "react/jsx-runtime";
 import { _ as M, c as P, P as c } from "../../../identity-DLWZln-X.js";
 import t, { forwardRef as z, useRef as W, useImperativeHandle as F, useEffect as k, useCallback as $, useState as j, useMemo as H } from "react";
 import { h as U, d as V } from "../../../index.es-da0cf7oE.js";
-import { b as R, c as I } from "../../../tslib.es6-BDCynO9F.js";
+import { b as T, c as I } from "../../../tslib.es6-BDCynO9F.js";
 import { M as G, a as K } from "../../../component-neHBNHRu.js";
 import { G as q } from "../../../index.es-DntoATwO.js";
 import { P as J } from "../../../index.es-D-CKRzIB.js";
-import { b as Q } from "../../../index.es-CF_xy2ns.js";
-import { B as X } from "../../../BigLoadingSpinner-CqSGYzZA.js";
+import { T as Q } from "../../../index.es-D54RuMc_.js";
+import { B as X } from "../../../BigLoadingSpinner-BbXMCKpm.js";
 import '../../../assets/LoadingSpinner.css';/**
  * @license
  * Copyright 2020 Google Inc.
@@ -65,7 +65,7 @@ var m = {
 var L = (
   /** @class */
   function(a) {
-    R(e, a);
+    T(e, a);
     function e(r) {
       return a.call(this, I(I({}, e.defaultAdapter), r)) || this;
     }
@@ -151,7 +151,7 @@ var L = (
 var Y = (
   /** @class */
   function(a) {
-    R(e, a);
+    T(e, a);
     function e() {
       return a !== null && a.apply(this, arguments) || this;
     }
@@ -299,7 +299,7 @@ const Z = {
   }), []), k(() => {
     (p === "determinate" && i < 0 || i > 1) && U("CircularProgress: `progress` must be between 0 and 1."), h.current.determinate = p === "determinate", h.current.progress = i;
   }, [i, p]);
-  const T = () => {
+  const R = () => {
     switch (v) {
       case "xs":
         return {
@@ -384,7 +384,7 @@ const Z = {
     strokeDashArray: _,
     strokeDashoffset: O,
     halfStrokeDashoffset: S
-  } = T(), b = $(() => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", {
+  } = R(), b = $(() => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", {
     className: "mdc-circular-progress__circle-clipper mdc-circular-progress__circle-left"
   }, /* @__PURE__ */ t.createElement("svg", {
     className: "mdc-circular-progress__indeterminate-circle-graphic",

package/dist/components/LoadingSpinner/Default/LoadingSpinner.test.js

@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
 import { a, s as e } from "../../../react.esm-CX1WJ2Pp.js";
 import { act as s } from "react";
 import { LoadingSpinner as i } from "./LoadingSpinner.js";
-import { d as m, b as d, t as o, g as t, a as r } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
+import { d as m, b as d, t as o, g as t, v as r } from "../../../vi.CjhMlMwf-CKxPQtd6.js";
 m("LoadingSpinner Test", () => {
   d(() => {
     r.useFakeTimers();

package/dist/components/Modal/Modal.js

@@ -9,7 +9,7 @@ import { M as vt, a as yt } from "../../component-neHBNHRu.js";
 import { M as Ot, c as Tt, m as At } from "../../component-DsB0poTj.js";
 import { A as bt } from "../../animationframe-EMBh6XeO.js";
 import { P as Dt } from "../../index.es-D-CKRzIB.js";
-import { T as It } from "../../index.es-CF_xy2ns.js";
+import { b as It } from "../../index.es-D54RuMc_.js";
 import { Iconify as Nt } from "../Iconify/Iconify.js";
 import '../../assets/Modal.css';/**
  * @license

package/dist/components/ModulePadding/ModulePadding.test.js

@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
 import { a as o, s as e } from "../../react.esm-CX1WJ2Pp.js";
 import { a } from "../../useBreakpoints-MzTZ0tCT.js";
 import { ModulePadding as d } from "./ModulePadding.js";
-import { d as r, t as i, v as n, g as s } from "../../vi.CjhMlMwf-BCJNwXvu.js";
+import { d as r, t as i, a as n, g as s } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 r("ModulePadding Test", () => {
   i("should render with padding of 16px for desktop", () => {
     n.spyOn(a, "useBreakpoints").mockReturnValue({

package/dist/components/OverflowTooltip/OverflowTooltip.js

@@ -1,5 +1,5 @@
 import { jsxs as c, Fragment as m, jsx as s } from "react/jsx-runtime";
-import { b as p } from "../../index.es-CF_xy2ns.js";
+import { T as p } from "../../index.es-D54RuMc_.js";
 import { useState as d, useMemo as h, cloneElement as f } from "react";
 import { M as w } from "../../react-tooltip.min-DSY6KDqS.js";
 import { hasChildWithGreaterWidth as W } from "./OverflowTooltipService.js";

package/dist/components/OverflowTooltip/OverflowTooltip.test.js

@@ -1,9 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
-import { T as n } from "../../index.es-CF_xy2ns.js";
+import { b as n } from "../../index.es-D54RuMc_.js";
 import { a as i, s as e, w as s } from "../../react.esm-CX1WJ2Pp.js";
 import { u as a } from "../../index-I7uTh4Tr.js";
 import { OverflowTooltip as c } from "./OverflowTooltip.js";
-import { d as u, t as p, g as r } from "../../vi.CjhMlMwf-BCJNwXvu.js";
+import { d as u, t as p, g as r } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 u("OverflowTooltip Test", () => {
   p("should render OverflowTooltip on hover", async () => {
     Object.defineProperty(HTMLElement.prototype, "clientWidth", {

package/dist/components/Scrollbar/scrollbar.test.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import { a, s as e } from "../../react.esm-CX1WJ2Pp.js";
 import { ScrollbarY as d, ScrollbarX as l } from "./Scrollbar.js";
-import { d as c, t, g as o } from "../../vi.CjhMlMwf-BCJNwXvu.js";
+import { d as c, t, g as o } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 c("Scrollbar", () => {
   t("should render Y correctly", () => {
     a(/* @__PURE__ */ s("div", { "data-testid": "div", className: d }));

package/dist/components/SearchBar/SearchBar.d.ts

@@ -1,4 +1,6 @@
-type SearchBarProps = {
+import { TextfieldProps } from '@element-public/react-textfield';
+
+type SearchBarProps = Pick<TextfieldProps, 'placeholder' | 'dense' | 'className' | 'fullWidth'> & {
     /**
      * the current search term
      */
@@ -7,18 +9,6 @@ type SearchBarProps = {
      * the function to set the search term
      */
     setSearchTerm: (value: string) => void;
-    /**
-     * the placeholder of the search input
-     */
-    placeholder?: string;
-    /**
-     * if true the field is smaller, normal size otherwise, default: false
-     */
-    dense?: boolean;
-    /**
-     * optional className to customize the searchbar style
-     */
-    className?: string;
 };
-export declare const SearchBar: ({ className, dense, searchTerm, setSearchTerm, placeholder, }: SearchBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchBar: ({ className, dense, searchTerm, setSearchTerm, placeholder, fullWidth, }: SearchBarProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/SearchBar/SearchBar.js

@@ -1,27 +1,28 @@
 import { jsx as r } from "react/jsx-runtime";
-import { I as c } from "../../index.es-0lQcz8m1.js";
-import { T as i } from "../../index.es-25EARqhH.js";
-import '../../assets/SearchBar.css';const l = "_searchbar_gnvwc_1", u = {
-  searchbar: l
-}, f = ({
+import { I as i } from "../../index.es-0lQcz8m1.js";
+import { T as l } from "../../index.es-25EARqhH.js";
+import '../../assets/SearchBar.css';const u = "_searchbar_gnvwc_1", b = {
+  searchbar: u
+}, p = ({
   className: o = "",
   dense: n = !1,
   searchTerm: a,
   setSearchTerm: t,
-  placeholder: s
+  placeholder: s,
+  fullWidth: e = !0
 }) => /* @__PURE__ */ r(
-  i,
+  l,
   {
     "data-testid": "search-bar-input",
-    className: `${o ?? ""} ${u.searchbar}`,
+    className: `${o ?? ""} ${b.searchbar}`,
     dense: n,
     variant: "outlined",
     placeholder: s,
     value: a,
-    onChange: (e) => t(e.target.value),
-    fullWidth: !0,
+    onChange: (c) => t(c.target.value),
+    fullWidth: e,
     trailingIcon: /* @__PURE__ */ r(
-      c,
+      i,
       {
         "data-testid": "search-bar-icon-button",
         icon: a ? "close" : "search",
@@ -31,5 +32,5 @@ import '../../assets/SearchBar.css';const l = "_searchbar_gnvwc_1", u = {
   }
 );
 export {
-  f as SearchBar
+  p as SearchBar
 };

package/dist/components/SearchBar/SearchBar.test.js

@@ -2,7 +2,7 @@ import { jsx as a } from "react/jsx-runtime";
 import { a as r, s as t, f as h } from "../../react.esm-CX1WJ2Pp.js";
 import { act as l } from "react";
 import { SearchBar as s } from "./SearchBar.js";
-import { d as m, t as o, v as n, g as e } from "../../vi.CjhMlMwf-BCJNwXvu.js";
+import { d as m, t as o, a as n, g as e } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 m("SearchBar Test", () => {
   o("renders SearchBar component", () => {
     r(

package/dist/components/Select/Select.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { S as f } from "../../index.es-UHKFl8Da.js";
+import { S as f } from "../../index.es-BNHI3ZIK.js";
 import { useEffect as n } from "react";
 import { u as S } from "../../uniqueId-NU3-C36A.js";
 import '../../assets/Select.css';const p = "_customPortal_8wq49_1", $ = "_customSelect_8wq49_7", r = {

package/dist/components/Select/Select.test.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import { a, s as c } from "../../react.esm-CX1WJ2Pp.js";
 import { Select as n } from "./Select.js";
-import { d as l, t as m, g as e } from "../../vi.CjhMlMwf-BCJNwXvu.js";
+import { d as l, t as m, g as e } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 l("Select", () => {
   const o = [
     { value: "1", text: "Option 1" },

package/dist/components/Stepper/Stepper.d.ts

@@ -0,0 +1,16 @@
+import { PropsWithChildren } from 'react';
+import { StepperProps } from './stepperTypes';
+
+/**
+ * A component that displays a stepper with a header, content, and navigation buttons.
+ *
+ * !! Be aware that the stepper is not a controlled component, so you need to manage the current step, content and loading state yourself.
+ * @param steps - An array of steps for the stepper.
+ * @param currentStep - The current step index.
+ * @param children - The content to be displayed in the stepper.
+ * @param nextButtonProps - Props for the next button, including onClick, label, and disabled state.
+ * @param prevButtonProps - Props for the previous button, including onClick, label, and disabled state.
+ * @param isStepLoading - A boolean indicating if the current step is loading. If true, the next button will be disabled and show a loading state.
+ * @returns
+ */
+export declare const Stepper: ({ steps, currentStep, children, isStepLoading, }: PropsWithChildren<StepperProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Stepper/Stepper.js

@@ -0,0 +1,54 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { G as o } from "../../index.es-DntoATwO.js";
+import { useMemo as s } from "react";
+import { StepperPreviousButton as l, StepperNextButton as d } from "./components/StepperButton.js";
+import { StepperHeader as m } from "./components/StepperHeader.js";
+import { s as c } from "../../stepper.module-HuqmDJPj.js";
+const A = ({
+  steps: e,
+  currentStep: t,
+  children: n,
+  isStepLoading: a
+}) => {
+  const p = s(() => t === e.length - 1, [t, e.length]);
+  return /* @__PURE__ */ i(
+    o,
+    {
+      "data-testid": "stepper",
+      fullWidth: !0,
+      direction: "vertical",
+      gap: "airy",
+      primaryAlign: "center",
+      secondaryAlign: "center",
+      children: [
+        /* @__PURE__ */ r(m, { steps: e, currentStep: t }),
+        /* @__PURE__ */ r(
+          o,
+          {
+            "data-testid": "stepper-content",
+            fullWidth: !0,
+            className: c.stepperContent,
+            gap: "airy",
+            secondaryAlign: "center",
+            direction: "vertical",
+            children: n
+          }
+        ),
+        /* @__PURE__ */ i(o, { "data-testid": "stepper-buttons", fullWidth: !0, secondaryAlign: "center", primaryAlign: "center", children: [
+          t !== 0 && /* @__PURE__ */ r(l, { ...e[t].prevButtonProps }),
+          /* @__PURE__ */ r(
+            d,
+            {
+              ...e[t].nextButtonProps,
+              isStepLoading: a,
+              isLastStep: p
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+export {
+  A as Stepper
+};

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

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