@hortiview/shared-components 2.4.0 → 2.6.0

package/dist/components/Modal/Modal.js

@@ -1,17 +1,17 @@
 import { jsxs as ft, jsx as C, Fragment as pt } from "react/jsx-runtime";
-import { G as z } from "../../index.es-DntoATwO.js";
-import { I as it } from "../../index.es-0lQcz8m1.js";
-import { _ as ht, c as B, P as s } from "../../identity-DLWZln-X.js";
-import d, { forwardRef as gt, useRef as et, useImperativeHandle as _t, useState as nt, useEffect as _, useCallback as j, useMemo as Y } from "react";
-import { i as Et, c as b, a as Ct } from "../../index.es-da0cf7oE.js";
-import { b as at, c as ot, d as St } from "../../tslib.es6-BDCynO9F.js";
-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 { b as It } from "../../index.es-D54RuMc_.js";
-import { Iconify as Nt } from "../Iconify/Iconify.js";
-import { O as Lt } from "../../OfflineView-BW19N4Cu.js";
+import { G as z } from "../../index.es-CbBdaRO2.js";
+import { I as it } from "../../index.es-Kg9soDed.js";
+import { _ as ht, c as B, P as s } from "../../_setToString-Do1lSQTZ.js";
+import d, { forwardRef as gt, useRef as et, useImperativeHandle as _t, useState as nt, useEffect as E, useCallback as j, useMemo as Y, Fragment as Et } from "react";
+import { i as Ct, c as b, a as St } from "../../index.es-DlzwTKbh.js";
+import { b as at, c as ot, d as vt } from "../../tslib.es6-BDCynO9F.js";
+import { M as yt, a as Ot } from "../../component-neHBNHRu.js";
+import { M as Tt, c as At, m as bt } from "../../component-DsB0poTj.js";
+import { A as Dt } from "../../animationframe-EMBh6XeO.js";
+import { P as It } from "../../index.es-D-ph6ImM.js";
+import { b as Nt } from "../../index.es--yyG47az.js";
+import { Iconify as Lt } from "../Iconify/Iconify.js";
+import { O as Ft } from "../../OfflineView-HbuDPpQL.js";
 import '../../assets/Modal.css';/**
  * @license
  * Copyright 2016 Google Inc.
@@ -34,19 +34,19 @@ import '../../assets/Modal.css';/**
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-function Ft(i, e, t) {
+function Rt(i, e, t) {
   return e(i, { initialFocusEl: t });
 }
-function Rt(i) {
+function Bt(i) {
   return i ? i.scrollHeight > i.offsetHeight : !1;
 }
-function Bt(i) {
+function wt(i) {
   return i ? i.scrollTop === 0 : !1;
 }
-function wt(i) {
+function Mt(i) {
   return i ? Math.ceil(i.scrollHeight - i.scrollTop) === i.clientHeight : !1;
 }
-function Mt(i) {
+function kt(i) {
   var e = /* @__PURE__ */ new Set();
   return [].forEach.call(i, function(t) {
     return e.add(t.offsetTop);
@@ -74,7 +74,7 @@ function Mt(i) {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var q = "mdc-dom-focus-sentinel", kt = (
+var q = "mdc-dom-focus-sentinel", Ht = (
   /** @class */
   function() {
     function i(e, t) {
@@ -106,8 +106,8 @@ var q = "mdc-dom-focus-sentinel", kt = (
       return t.filter(function(n) {
         var o = n.getAttribute("aria-disabled") === "true" || n.getAttribute("disabled") != null || n.getAttribute("hidden") != null || n.getAttribute("aria-hidden") === "true", a = n.tabIndex >= 0 && n.getBoundingClientRect().width > 0 && !n.classList.contains(q) && !o, f = !1;
         if (a) {
-          var p = getComputedStyle(n);
-          f = p.display === "none" || p.visibility === "hidden";
+          var h = getComputedStyle(n);
+          f = h.display === "none" || h.visibility === "hidden";
         }
         return a && !f;
       });
@@ -228,7 +228,7 @@ var rt = (
     at(e, i);
     function e(t) {
       var n = i.call(this, ot(ot({}, e.defaultAdapter), t)) || this;
-      return n.dialogOpen = !1, n.isFullscreen = !1, n.animationFrame = 0, n.animationTimer = 0, n.escapeKeyAction = v.CLOSE_ACTION, n.scrimClickAction = v.CLOSE_ACTION, n.autoStackButtons = !0, n.areButtonsStacked = !1, n.suppressDefaultPressSelector = v.SUPPRESS_DEFAULT_PRESS_SELECTOR, n.animFrame = new bt(), n.contentScrollHandler = function() {
+      return n.dialogOpen = !1, n.isFullscreen = !1, n.animationFrame = 0, n.animationTimer = 0, n.escapeKeyAction = v.CLOSE_ACTION, n.scrimClickAction = v.CLOSE_ACTION, n.autoStackButtons = !0, n.areButtonsStacked = !1, n.suppressDefaultPressSelector = v.SUPPRESS_DEFAULT_PRESS_SELECTOR, n.animFrame = new Dt(), n.contentScrollHandler = function() {
         n.handleScrollEvent();
       }, n.windowResizeHandler = function() {
         n.layout();
@@ -410,7 +410,7 @@ var rt = (
     }, e.prototype.toggleScrollDividerFooter = function() {
       this.adapter.isScrollableContentAtBottom() ? this.adapter.hasClass(r.SCROLL_DIVIDER_FOOTER) && this.adapter.removeClass(r.SCROLL_DIVIDER_FOOTER) : this.adapter.addClass(r.SCROLL_DIVIDER_FOOTER);
     }, e;
-  }(vt)
+  }(yt)
 );
 /**
  * @license
@@ -434,7 +434,7 @@ var rt = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var u = rt.strings, Ht = (
+var u = rt.strings, Pt = (
   /** @class */
   function(i) {
     at(e, i);
@@ -478,30 +478,30 @@ var u = rt.strings, Ht = (
       return new e(t);
     }, e.prototype.initialize = function(t) {
       var n, o;
-      t === void 0 && (t = function(h, E) {
-        return new kt(h, E);
+      t === void 0 && (t = function(g, p) {
+        return new Ht(g, p);
       });
       var a = this.root.querySelector(u.CONTAINER_SELECTOR);
       if (!a)
         throw new Error("Dialog component requires a " + u.CONTAINER_SELECTOR + " container element");
       this.container = a, this.content = this.root.querySelector(u.CONTENT_SELECTOR), this.buttons = [].slice.call(this.root.querySelectorAll(u.BUTTON_SELECTOR)), this.defaultButton = this.root.querySelector("[" + u.BUTTON_DEFAULT_ATTRIBUTE + "]"), this.focusTrapFactory = t, this.buttonRipples = [];
       try {
-        for (var f = St(this.buttons), p = f.next(); !p.done; p = f.next()) {
-          var S = p.value;
-          this.buttonRipples.push(new Ot(S));
+        for (var f = vt(this.buttons), h = f.next(); !h.done; h = f.next()) {
+          var S = h.value;
+          this.buttonRipples.push(new Tt(S));
         }
-      } catch (h) {
-        n = { error: h };
+      } catch (g) {
+        n = { error: g };
       } finally {
         try {
-          p && !p.done && (o = f.return) && o.call(f);
+          h && !h.done && (o = f.return) && o.call(f);
         } finally {
           if (n) throw n.error;
         }
       }
     }, e.prototype.initialSyncWithDOM = function() {
       var t = this;
-      this.focusTrap = Ft(this.container, this.focusTrapFactory, this.getInitialFocusEl() || void 0), this.handleClick = this.foundation.handleClick.bind(this.foundation), this.handleKeydown = this.foundation.handleKeydown.bind(this.foundation), this.handleDocumentKeydown = this.foundation.handleDocumentKeydown.bind(this.foundation), this.handleOpening = function() {
+      this.focusTrap = Rt(this.container, this.focusTrapFactory, this.getInitialFocusEl() || void 0), this.handleClick = this.foundation.handleClick.bind(this.foundation), this.handleKeydown = this.foundation.handleKeydown.bind(this.foundation), this.handleDocumentKeydown = this.foundation.handleDocumentKeydown.bind(this.foundation), this.handleOpening = function() {
         document.addEventListener("keydown", t.handleDocumentKeydown);
       }, this.handleClosing = function() {
         document.removeEventListener("keydown", t.handleDocumentKeydown);
@@ -525,18 +525,18 @@ var u = rt.strings, Ht = (
           return t.root.classList.add(o);
         },
         areButtonsStacked: function() {
-          return Mt(t.buttons);
+          return kt(t.buttons);
         },
         clickDefaultButton: function() {
           t.defaultButton && t.defaultButton.click();
         },
         eventTargetMatches: function(o, a) {
-          return o ? At(o, a) : !1;
+          return o ? bt(o, a) : !1;
         },
         getActionFromEvent: function(o) {
           if (!o.target)
             return "";
-          var a = Tt(o.target, "[" + u.ACTION_ATTRIBUTE + "]");
+          var a = At(o.target, "[" + u.ACTION_ATTRIBUTE + "]");
           return a && a.getAttribute(u.ACTION_ATTRIBUTE);
         },
         getInitialFocusEl: function() {
@@ -546,7 +546,7 @@ var u = rt.strings, Ht = (
           return t.root.classList.contains(o);
         },
         isContentScrollable: function() {
-          return Rt(t.content);
+          return Bt(t.content);
         },
         notifyClosed: function(o) {
           return t.emit(u.CLOSED_EVENT, o ? { action: o } : {});
@@ -584,10 +584,10 @@ var u = rt.strings, Ht = (
           t.content instanceof HTMLElement && t.content.removeEventListener(o, a);
         },
         isScrollableContentAtTop: function() {
-          return Bt(t.content);
+          return wt(t.content);
         },
         isScrollableContentAtBottom: function() {
-          return wt(t.content);
+          return Mt(t.content);
         },
         registerWindowEventHandler: function(o, a) {
           window.addEventListener(o, a);
@@ -600,9 +600,9 @@ var u = rt.strings, Ht = (
     }, e.prototype.getInitialFocusEl = function() {
       return this.root.querySelector("[" + u.INITIAL_FOCUS_ATTRIBUTE + "]");
     }, e;
-  }(yt)
+  }(Ot)
 );
-const Pt = {
+const Ut = {
   /**
    * An action button that will not automatically trigger a dismiss or accept. It is meant to be used only in certain circumstances where more control of the modal is required such as validating forms. If primaryButton is sent with actionButton, actionButton will be ignored.
    *
@@ -765,7 +765,7 @@ const Pt = {
    * Defaults to **null**.
    */
   title: s.string
-}, Ut = {
+}, xt = {
   actionButton: null,
   backButton: null,
   badge: void 0,
@@ -796,17 +796,17 @@ const Pt = {
     badge: o,
     backButton: a,
     children: f,
-    className: p,
+    className: h,
     content: S,
-    defaultButton: h,
-    dismissiveButton: E,
+    defaultButton: g,
+    dismissiveButton: p,
     footerSupplemental: y,
     headerActions: J,
     hideCloseIcon: H,
     indicator: st,
     initialFocus: O,
     mobileStackedButtons: P,
-    modalSize: g,
+    modalSize: _,
     nextButton: T,
     noActions: A,
     onClose: U,
@@ -824,38 +824,38 @@ const Pt = {
   } = i, N = et(), l = et();
   _t(e, () => N.current, []);
   const [W, ct] = nt(), [V, dt] = nt(() => T || a);
-  _(() => {
+  E(() => {
     dt(T || a);
   }, [T, a]);
   const L = j(() => {
     ct(window.innerWidth <= 600);
   }, []);
-  _(() => (L(), window.addEventListener("resize", L), () => {
+  E(() => (L(), window.addEventListener("resize", L), () => {
     window.removeEventListener("resize", L);
-  }), [L]), _(() => (l.current = Ht.attachTo(N.current), () => {
+  }), [L]), E(() => (l.current = Pt.attachTo(N.current), () => {
     l.current.destroy();
-  }), [l, N]), _(() => {
+  }), [l, N]), E(() => {
     l.current.foundation.setAutoStackButtons(P);
-  }, [P]), _(() => {
+  }, [P]), E(() => {
     A && (l.current.foundation.adapter.trapFocus = () => {
     });
-  }, [A]), _(() => {
+  }, [A]), E(() => {
     l.current.scrimClickAction = G ? "" : "close", l.current.escapeKeyAction = G ? "" : "close";
   }, [G]);
   const F = j((m) => {
     U && U(m);
   }, [U]), R = j((m) => {
-    K && Et(K), x && x(m);
+    K && Ct(K), x && x(m);
   }, [K, x]);
-  _(() => (l.current.unlisten("MDCDialog: opening", D), l.current.listen("MDCDialog: opening", D), () => {
+  E(() => (l.current.unlisten("MDCDialog: opening", D), l.current.listen("MDCDialog: opening", D), () => {
     l.current.unlisten("MDCDialog: opening", D);
-  }), [l, D]), _(() => (l.current.unlisten("MDCDialog:opened", I), l.current.listen("MDCDialog:opened", I), () => {
+  }), [l, D]), E(() => (l.current.unlisten("MDCDialog:opened", I), l.current.listen("MDCDialog:opened", I), () => {
     l.current.unlisten("MDCDialog:opened", I);
-  }), [l, I]), _(() => (l.current.unlisten("MDCDialog:closing", F), l.current.listen("MDCDialog:closing", F), () => {
+  }), [l, I]), E(() => (l.current.unlisten("MDCDialog:closing", F), l.current.listen("MDCDialog:closing", F), () => {
     l.current.unlisten("MDCDialog:closing", F);
-  }), [l, F]), _(() => (l.current.unlisten("MDCDialog:closed", R), l.current.listen("MDCDialog:closed", R), () => {
+  }), [l, F]), E(() => (l.current.unlisten("MDCDialog:closed", R), l.current.listen("MDCDialog:closed", R), () => {
     l.current.unlisten("MDCDialog:closed", R);
-  }), [l, R]), _(() => {
+  }), [l, R]), E(() => {
     Q ? l.current.open() : l.current.close();
   }, [l, Q]);
   const ut = Y(() => () => {
@@ -864,27 +864,27 @@ const Pt = {
       elevation: t?.props.elevation !== "default" ? t?.props.elevation : "flat",
       variant: t?.props.variant || "filled"
     };
-    return h === "action" && (m["data-mdc-dialog-button-default"] = !0), O === "action" && (m["data-mdc-dialog-initial-focus"] = !0), m;
-  }, [t?.props.elevation, t?.props.variant, h, O]), mt = Y(() => () => {
+    return g === "action" && (m["data-mdc-dialog-button-default"] = !0), O === "action" && (m["data-mdc-dialog-initial-focus"] = !0), m;
+  }, [t?.props.elevation, t?.props.variant, g, O]), mt = Y(() => () => {
     const m = {
       className: "lmnt-modal__button mdc-dialog__button",
       "data-mdc-dialog-action": X ? "" : "accept",
       elevation: c?.props.elevation !== "default" ? c?.props.elevation : "flat",
       variant: c?.props.variant || "filled"
     };
-    return h === "primary" && (m["data-mdc-dialog-button-default"] = !0), O === "primary" && (m["data-mdc-dialog-initial-focus"] = !0), m;
-  }, [X, h, O, c?.props.elevation, c?.props.variant]);
+    return g === "primary" && (m["data-mdc-dialog-button-default"] = !0), O === "primary" && (m["data-mdc-dialog-initial-focus"] = !0), m;
+  }, [X, g, O, c?.props.elevation, c?.props.variant]);
   return /* @__PURE__ */ d.createElement("aside", ht({
     ref: N,
-    className: B("lmnt", "lmnt-modal", "mdc-dialog", Z && "lmnt-modal--scrollable mdc-dialog--scrollable", p),
+    className: B("lmnt", "lmnt-modal", "mdc-dialog", Z && "lmnt-modal--scrollable mdc-dialog--scrollable", h),
     role: "alertdialog"
   }, lt), /* @__PURE__ */ d.createElement("div", {
-    className: B("lmnt-modal__container", "mdc-dialog__container", g === "fullscreen" && "mdc-dialog--fullscreen", g === "max" && "lmnt-modal__max", g === "xlarge" && "lmnt-modal__xl", g === "large" && "lmnt-modal__lg", g === "medium" && "lmnt-modal__md", g === "small" && "lmnt-modal__sm", (g === "mobile" || W) && "lmnt-modal__mobile", g === "dialog" && "lmnt-modal__dialog", A && "lmnt-modal-no-actions")
+    className: B("lmnt-modal__container", "mdc-dialog__container", _ === "fullscreen" && "mdc-dialog--fullscreen", _ === "max" && "lmnt-modal__max", _ === "xlarge" && "lmnt-modal__xl", _ === "large" && "lmnt-modal__lg", _ === "medium" && "lmnt-modal__md", _ === "small" && "lmnt-modal__sm", (_ === "mobile" || W) && "lmnt-modal__mobile", _ === "dialog" && "lmnt-modal__dialog", A && "lmnt-modal-no-actions")
   }, /* @__PURE__ */ d.createElement("div", {
     className: "lmnt-modal__surface mdc-dialog__surface"
   }, /* @__PURE__ */ d.createElement("header", {
-    className: B("lmnt-modal__title", "mdc-dialog__title", (g === "dialog" || H) && "lmnt-modal_title-hide-close-icon", n && "lmnt-modal_title-actionsIcons", Z && "lmnt-modal__title-scrollable", (H || g === "dialog" || A) && "lmnt-modal--no-close-icon")
-  }, !H && g !== "dialog" && !A && /* @__PURE__ */ d.createElement(it, {
+    className: B("lmnt-modal__title", "mdc-dialog__title", (_ === "dialog" || H) && "lmnt-modal_title-hide-close-icon", n && "lmnt-modal_title-actionsIcons", Z && "lmnt-modal__title-scrollable", (H || _ === "dialog" || A) && "lmnt-modal--no-close-icon")
+  }, !H && _ !== "dialog" && !A && /* @__PURE__ */ d.createElement(it, {
     className: "mdc-icon-button material-icons mdc-dialog__close",
     "data-mdc-dialog-action": "close",
     icon: "clear"
@@ -897,22 +897,22 @@ const Pt = {
     }
   }, o)), (S || f) && /* @__PURE__ */ d.createElement("section", {
     className: "lmnt-modal__content mdc-dialog__content"
-  }, S || f), st, (t || a || E || T || c || y) && /* @__PURE__ */ d.createElement("footer", {
+  }, S || f), st, (t || a || p || T || c || y) && /* @__PURE__ */ d.createElement("footer", {
     className: B("lmnt-modal__actions", "mdc-dialog__actions", W && "lmnt-dialog__actions__mobile", y && "lmnt-modal__actions--supplemental-btn", W && P && "lmnt-modal_actions-mobile-stacked")
   }, !V && y && /* @__PURE__ */ d.createElement("div", {
     className: "lmnt-dialog__actions__supplemental"
   }, b(y, () => {
     const m = {};
-    return h === "footerSupplemental" && (m["data-mdc-dialog-button-default"] = !0), O === "footerSupplemental" && (m["data-mdc-dialog-initial-focus"] = !0), m;
-  })), !V && (t || E || c) && /* @__PURE__ */ d.createElement("div", {
+    return g === "footerSupplemental" && (m["data-mdc-dialog-button-default"] = !0), O === "footerSupplemental" && (m["data-mdc-dialog-initial-focus"] = !0), m;
+  })), !V && (t || p || c) && /* @__PURE__ */ d.createElement("div", {
     className: "lmnt-dialog__actions__right-align lmnt-modal_actions_button"
-  }, E && b(E, {
+  }, p && b(p, {
     variant: "text",
     className: "lmnt-modal__button mdc-dialog__button",
     "data-mdc-dialog-action": "close"
   }), t && !c && b(t, ut), c && b(c, mt)), V && /* @__PURE__ */ d.createElement("div", {
     className: "lmnt-modal_actions_button lmnt-dialog__actions__directional"
-  }, /* @__PURE__ */ d.createElement("div", null, Ct(a, "lmnt-modal__button")), /* @__PURE__ */ d.createElement("div", null, b(T, {
+  }, /* @__PURE__ */ d.createElement("div", null, St(a, "lmnt-modal__button")), /* @__PURE__ */ d.createElement("div", null, b(T, {
     className: "lmnt-modal__button",
     "data-mdc-dialog-initial-focus": !0
   })))))), /* @__PURE__ */ d.createElement("div", {
@@ -920,14 +920,14 @@ const Pt = {
   }));
 });
 k.displayName = "Modal";
-k.propTypes = Pt;
-k.defaultProps = Ut;
-const xt = "_modal_fr8bw_1", Gt = "_title_fr8bw_6", Kt = "_titleWithoutCloseIcon_fr8bw_18", Wt = "_closeButton_fr8bw_22", w = {
-  modal: xt,
-  title: Gt,
-  titleWithoutCloseIcon: Kt,
-  closeButton: Wt
-}, ie = ({
+k.propTypes = Ut;
+k.defaultProps = xt;
+const Gt = "_modal_fr8bw_1", Kt = "_title_fr8bw_6", Wt = "_titleWithoutCloseIcon_fr8bw_18", Vt = "_closeButton_fr8bw_22", w = {
+  modal: Gt,
+  title: Kt,
+  titleWithoutCloseIcon: Wt,
+  closeButton: Vt
+}, ae = ({
   onClose: i,
   title: e,
   headerActions: t,
@@ -935,23 +935,34 @@ const xt = "_modal_fr8bw_1", Gt = "_title_fr8bw_6", Kt = "_titleWithoutCloseIcon
   leadingIcon: o,
   isOnline: a = !0,
   offlineViewProps: f,
-  children: p,
+  children: h,
   ...S
 }) => {
-  const h = Y(() => {
-    const E = /* @__PURE__ */ ft(z, { primaryAlign: "center", secondaryAlign: "center", children: [
-      !n && /* @__PURE__ */ C(it, { icon: "close", onClick: () => i?.(), type: "button", className: w.closeButton }),
-      o ? /* @__PURE__ */ C(Dt, { customPadding: "0.25rem 0 0 0.75rem", children: /* @__PURE__ */ C(Nt, { icon: o }) }) : /* @__PURE__ */ C(pt, {}),
-      /* @__PURE__ */ C(
-        It,
-        {
-          level: 6,
-          className: n && !o ? w.titleWithoutCloseIcon : "",
-          children: e
-        }
-      )
-    ] }, "base-group");
-    return t ? Array.isArray(t) ? [E, /* @__PURE__ */ C(z, { children: t }, "action-group")] : [E, t] : E;
+  const g = Y(() => {
+    const p = {
+      id: "base",
+      action: /* @__PURE__ */ ft(z, { primaryAlign: "center", secondaryAlign: "center", children: [
+        !n && /* @__PURE__ */ C(
+          it,
+          {
+            icon: "close",
+            onClick: () => i?.(),
+            type: "button",
+            className: w.closeButton
+          }
+        ),
+        o ? /* @__PURE__ */ C(It, { customPadding: "0.25rem 0 0 0.75rem", children: /* @__PURE__ */ C(Lt, { icon: o }) }) : /* @__PURE__ */ C(pt, {}),
+        /* @__PURE__ */ C(
+          Nt,
+          {
+            level: 6,
+            className: n && !o ? w.titleWithoutCloseIcon : "",
+            children: e
+          }
+        )
+      ] }, "base-group")
+    };
+    return t ? Array.isArray(t) ? [p, { id: "action-group", action: /* @__PURE__ */ C(z, { children: t }, "action-group") }] : [p, { id: "action", action: t }] : [p];
   }, [t, n, o, i, e]);
   return /* @__PURE__ */ C(
     k,
@@ -960,12 +971,12 @@ const xt = "_modal_fr8bw_1", Gt = "_title_fr8bw_6", Kt = "_titleWithoutCloseIcon
       "data-testid": "modal",
       className: `${w.modal} ${w.title} ${S.className ?? ""}`,
       hideCloseIcon: !0,
-      headerActions: /* @__PURE__ */ C(z, { primaryAlign: "space-between", secondaryAlign: "center", children: h }, "header-group"),
+      headerActions: /* @__PURE__ */ C(z, { primaryAlign: "space-between", secondaryAlign: "center", children: g.map((p) => /* @__PURE__ */ C(Et, { children: p.action }, p.id)) }, "header-group"),
       preventClose: !0,
-      children: a ? p : /* @__PURE__ */ C(Lt, { ...f })
+      children: a ? h : /* @__PURE__ */ C(Ft, { ...f })
     }
   );
 };
 export {
-  ie as Modal
+  ae as Modal
 };

package/dist/components/ModulePadding/ModulePadding.js

@@ -1,17 +1,18 @@
 import { jsx as i } from "react/jsx-runtime";
-import { P as r } from "../../index.es-D-CKRzIB.js";
-import "../../isEmpty-B4GG2s-V.js";
+import { P as r } from "../../index.es-D-ph6ImM.js";
+import "../../isEmpty-DsdC9UUD.js";
 import "react";
-import { u as d } from "../../useBreakpoints-MzTZ0tCT.js";
+import { u as m } from "../../useBreakpoints-MzTZ0tCT.js";
 import "../../react-tooltip.min-DSY6KDqS.js";
-import "../../orderBy-Bd48bw88.js";
+import "../../orderBy-CyjsW2ET.js";
 import "../../uniqueId-NU3-C36A.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";
-const k = ({ children: o }) => {
-  const { isDesktop: t } = d();
+const x = ({ children: o }) => {
+  const { isDesktop: t } = m();
   return /* @__PURE__ */ i(
     r,
     {
@@ -23,5 +24,5 @@ const k = ({ children: o }) => {
   );
 };
 export {
-  k as ModulePadding
+  x as ModulePadding
 };

package/dist/components/OfflineView/OfflineView.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
-import "../../index.es-DntoATwO.js";
+import "../../index.es-CbBdaRO2.js";
 import "../Iconify/Iconify.js";
-import "../../index.es-D54RuMc_.js";
-import { O as f } from "../../OfflineView-BW19N4Cu.js";
-import "../../index.es-CiqbARoC.js";
+import "../../index.es--yyG47az.js";
+import { O as f } from "../../OfflineView-HbuDPpQL.js";
+import "../../index.es-Bx1E5MPK.js";
 export {
   f as OfflineView
 };

package/dist/components/OfflineView/OfflineView.test.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { a as n, s as t, f as u } from "../../react.esm-CX1WJ2Pp.js";
-import { s as r, O as i } from "../../OfflineView-BW19N4Cu.js";
+import { s as r, O as i } from "../../OfflineView-HbuDPpQL.js";
 import { d as B, t as l, g as e, a as c } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 B("OfflineView", () => {
   l("should render OfflineView with title and subtitle", () => {

package/dist/components/OnboardingBanner/OnboardingBanner.js

@@ -1,11 +1,11 @@
 import { jsx as o, jsxs as r } from "react/jsx-runtime";
-import { G as a } from "../../index.es-DntoATwO.js";
-import { I as m } from "../../index.es-0lQcz8m1.js";
-import { B as b } from "../../index.es-CiqbARoC.js";
-import { b as h, T as u } from "../../index.es-D54RuMc_.js";
-import { E as g } from "../../index.es-h2lMdt7G.js";
-import { G as f, a as v, b as i } from "../../index.es-Dvj_qpAp.js";
-import { I as y } from "../../index.es-3043KTnb.js";
+import { G as a } from "../../index.es-CbBdaRO2.js";
+import { I as m } from "../../index.es-Kg9soDed.js";
+import { B as b } from "../../index.es-Bx1E5MPK.js";
+import { b as h, T as u } from "../../index.es--yyG47az.js";
+import { E as g } from "../../index.es-DF11ERDs.js";
+import { G as f, a as v, b as i } from "../../index.es-DOX4XTz_.js";
+import { I as y } from "../../index.es-DErA6zWG.js";
 import { u as C } from "../../useBreakpoints-MzTZ0tCT.js";
 import '../../assets/OnboardingBanner.css';const G = "_elevation_5dfyt_1", k = {
   elevation: G

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 { T as p } from "../../index.es-D54RuMc_.js";
+import { T as p } from "../../index.es--yyG47az.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,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { b as n } from "../../index.es-D54RuMc_.js";
+import { b as n } from "../../index.es--yyG47az.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";

package/dist/components/SearchBar/SearchBar.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
-import { I as i } from "../../index.es-0lQcz8m1.js";
-import { T as l } from "../../index.es-25EARqhH.js";
+import { I as i } from "../../index.es-Kg9soDed.js";
+import { T as l } from "../../index.es-CUuzYysw.js";
 import '../../assets/SearchBar.css';const u = "_searchbar_gnvwc_1", b = {
   searchbar: u
 }, p = ({

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-BNHI3ZIK.js";
+import { S as f } from "../../index.es-CzUKBF7E.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/Stepper/Stepper.js

@@ -1,5 +1,5 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { G as o } from "../../index.es-DntoATwO.js";
+import { G as o } from "../../index.es-CbBdaRO2.js";
 import { useMemo as m } from "react";
 import { StepperPreviousButton as c, StepperNextButton as u } from "./components/StepperButton.js";
 import { StepperHeader as f } from "./components/StepperHeader.js";

package/dist/components/Stepper/components/StepperButton.js

@@ -1,5 +1,5 @@
 import { jsx as p } from "react/jsx-runtime";
-import { B as s } from "../../../index.es-CiqbARoC.js";
+import { B as s } from "../../../index.es-Bx1E5MPK.js";
 import { useMemo as c } from "react";
 import { s as i } from "../../../stepper.module-HuqmDJPj.js";
 const $ = ({

package/dist/components/Stepper/components/StepperHeader.js

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { G as o } from "../../../index.es-DntoATwO.js";
-import { T as p } from "../../../index.es-D54RuMc_.js";
+import { G as o } from "../../../index.es-CbBdaRO2.js";
+import { T as p } from "../../../index.es--yyG47az.js";
 import { s as i } from "../../../stepper.module-HuqmDJPj.js";
 import { StepperIndicator as s } from "./StepperIndicator.js";
 const f = ({ steps: e, currentStep: r }) => /* @__PURE__ */ a(

package/dist/components/Stepper/components/StepperIndicator.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { G as p } from "../../../index.es-DntoATwO.js";
+import { G as p } from "../../../index.es-CbBdaRO2.js";
 import { s as e } from "../../../stepper.module-HuqmDJPj.js";
 const m = ({ steps: a, currentStep: i }) => /* @__PURE__ */ r(p, { gap: "dense", "data-testid": "stepper-indicator", children: a.map((t, o) => /* @__PURE__ */ r(
   "div",

package/dist/{get-DFv1gXfq.js → get-B8c-T4F8.js}

@@ -1,5 +1,5 @@
 import { g as r } from "./_commonjsHelpers-BkfeUUK-.js";
-import { r as t } from "./get-7ACccM2X.js";
+import { r as t } from "./get-C7KpEkVs.js";
 var o = t();
 const a = /* @__PURE__ */ r(o);
 export {

package/dist/{get-7ACccM2X.js → get-C7KpEkVs.js}

@@ -1,6 +1,6 @@
 import { r as T } from "./isArray-DN9s620O.js";
 import { a as E, r as b } from "./toString-CrgB_7Pe.js";
-import { c as G } from "./_MapCache-B75yWNNd.js";
+import { c as G } from "./_MapCache-B75dXJyg.js";
 var c, q;
 function I() {
   if (q) return c;

package/dist/hooks/useHelperText.js

@@ -1,4 +1,4 @@
-import { g as l } from "../get-DFv1gXfq.js";
+import { g as l } from "../get-B8c-T4F8.js";
 import { useMemo as u } from "react";
 import { useFormContext as p } from "react-hook-form";
 const v = ({

package/dist/{index.es-D54RuMc_.js → index.es--yyG47az.js}

@@ -1,6 +1,6 @@
-import { c as k, _ as s, P as e } from "./identity-DLWZln-X.js";
+import { c as k, _ as s, P as e } from "./_setToString-Do1lSQTZ.js";
 import i, { forwardRef as u, useRef as x, useImperativeHandle as b, useEffect as I } from "react";
-import { b as m, g as $ } from "./index.es-da0cf7oE.js";
+import { b as m, g as $ } from "./index.es-DlzwTKbh.js";
 import { c as S } from "./tslib.es6-BDCynO9F.js";
 function _(c) {
   return c.toLowerCase();

package/dist/{index.es-DKDgy7Kt.js → index.es-6c1Xbl0N.js}

@@ -1,5 +1,5 @@
 import { forwardRef as f, useRef as i, useImperativeHandle as s, useEffect as l } from "react";
-import { P as r } from "./identity-DLWZln-X.js";
+import { P as r } from "./_setToString-Do1lSQTZ.js";
 import { M as R } from "./component-DsB0poTj.js";
 const a = {
   /**

package/dist/{index.es-BWgXLqXn.js → index.es-BTc2I5pe.js}

@@ -1,6 +1,6 @@
-import { c as D, _ as I, P as r } from "./identity-DLWZln-X.js";
+import { c as D, _ as I, P as r } from "./_setToString-Do1lSQTZ.js";
 import N, { forwardRef as P, useRef as T, useImperativeHandle as H } from "react";
-import { d as e } from "./index.es-da0cf7oE.js";
+import { d as e } from "./index.es-DlzwTKbh.js";
 const _ = {
   /**
    * The css class name to be passed through to the component markup.