@hortiview/shared-components 2.8.8 → 2.9.0

package/dist/components/Modal/Modal.js

@@ -1,18 +1,18 @@
 import { jsxs as Yt, jsx as E, Fragment as Jt } from "react/jsx-runtime";
-import { G as Y } from "../../index.es-DDYCugj-.js";
-import { I as Pt } from "../../index.es-IXyb5F6n.js";
-import { _ as Qt, a as Xt, c as P, P as l } from "../../index-Cpb-8cAN.js";
-import { _ as Lt } from "../../slicedToArray-BWk2gTCn.js";
+import { G as Y } from "../../index.es-DsGuBR0Z.js";
+import { I as Pt } from "../../index.es-BzdG6flH.js";
+import { _ as Qt, a as Xt, c as x, P as l } from "../../index-Cpb-8cAN.js";
+import { _ as Lt } from "../../slicedToArray-uk6yv91z.js";
 import u, { forwardRef as Zt, useRef as Rt, useImperativeHandle as te, useState as wt, useEffect as _, useCallback as J, useMemo as Z, Fragment as ee } from "react";
-import { w as kt, j as ne, c as D, a as oe } from "../../index.es-BXj90wb_.js";
+import { w as kt, r as ne, c as D, a as oe } from "../../index.es-BjvSa9Z-.js";
 import { b as Ht, c as Mt, d as ie } from "../../tslib.es6-BDCynO9F.js";
 import { M as ae, a as re } from "../../component-neHBNHRu.js";
 import { M as se, c as le, m as ce } from "../../component-DsB0poTj.js";
 import { A as de } from "../../animationframe-EMBh6XeO.js";
 import { P as ue } from "../../index.es-Bo1Rhtyb.js";
-import { b as fe } from "../../index.es-BGordhUK.js";
-import { Iconify as me } from "../Iconify/Iconify.js";
-import { O as pe } from "../../OfflineView-DHtzNLwt.js";
+import { b as me } from "../../index.es-DCSgIiJH.js";
+import { Iconify as fe } from "../Iconify/Iconify.js";
+import { O as pe } from "../../OfflineView-D168VIXv.js";
 import '../../assets/Modal.css';/**
  * @license
  * Copyright 2016 Google Inc.
@@ -219,10 +219,10 @@ var s = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var x;
+var $;
 (function(o) {
   o.POLL_SCROLL_POS = "poll_scroll_position", o.POLL_LAYOUT_CHANGE = "poll_layout_change";
-})(x || (x = {}));
+})($ || ($ = {}));
 var xt = (
   /** @class */
   function(o) {
@@ -363,7 +363,7 @@ var xt = (
       this.suppressDefaultPressSelector = t;
     }, e.prototype.layout = function() {
       var t = this;
-      this.animFrame.request(x.POLL_LAYOUT_CHANGE, function() {
+      this.animFrame.request($.POLL_LAYOUT_CHANGE, function() {
         t.layoutInternal();
       });
     }, e.prototype.handleClick = function(t) {
@@ -388,7 +388,7 @@ var xt = (
       n && this.escapeKeyAction !== "" && this.close(this.escapeKeyAction);
     }, e.prototype.handleScrollEvent = function() {
       var t = this;
-      this.animFrame.request(x.POLL_SCROLL_POS, function() {
+      this.animFrame.request($.POLL_SCROLL_POS, function() {
         t.toggleScrollDividerHeader(), t.toggleScrollDividerFooter();
       });
     }, e.prototype.layoutInternal = function() {
@@ -435,7 +435,7 @@ var xt = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var f = xt.strings, Se = (
+var m = xt.strings, Se = (
   /** @class */
   function(o) {
     Ht(e, o);
@@ -482,10 +482,10 @@ var f = xt.strings, Se = (
       t === void 0 && (t = function(g, y) {
         return new ve(g, y);
       });
-      var a = this.root.querySelector(f.CONTAINER_SELECTOR);
+      var a = this.root.querySelector(m.CONTAINER_SELECTOR);
       if (!a)
-        throw new Error("Dialog component requires a " + f.CONTAINER_SELECTOR + " container element");
-      this.container = a, this.content = this.root.querySelector(f.CONTENT_SELECTOR), this.buttons = [].slice.call(this.root.querySelectorAll(f.BUTTON_SELECTOR)), this.defaultButton = this.root.querySelector("[" + f.BUTTON_DEFAULT_ATTRIBUTE + "]"), this.focusTrapFactory = t, this.buttonRipples = [];
+        throw new Error("Dialog component requires a " + m.CONTAINER_SELECTOR + " container element");
+      this.container = a, this.content = this.root.querySelector(m.CONTENT_SELECTOR), this.buttons = [].slice.call(this.root.querySelectorAll(m.BUTTON_SELECTOR)), this.defaultButton = this.root.querySelector("[" + m.BUTTON_DEFAULT_ATTRIBUTE + "]"), this.focusTrapFactory = t, this.buttonRipples = [];
       try {
         for (var p = ie(this.buttons), h = p.next(); !h.done; h = p.next()) {
           var S = h.value;
@@ -506,9 +506,9 @@ var f = xt.strings, Se = (
         document.addEventListener("keydown", t.handleDocumentKeydown);
       }, this.handleClosing = function() {
         document.removeEventListener("keydown", t.handleDocumentKeydown);
-      }, this.listen("click", this.handleClick), this.listen("keydown", this.handleKeydown), this.listen(f.OPENING_EVENT, this.handleOpening), this.listen(f.CLOSING_EVENT, this.handleClosing);
+      }, this.listen("click", this.handleClick), this.listen("keydown", this.handleKeydown), this.listen(m.OPENING_EVENT, this.handleOpening), this.listen(m.CLOSING_EVENT, this.handleClosing);
     }, e.prototype.destroy = function() {
-      this.unlisten("click", this.handleClick), this.unlisten("keydown", this.handleKeydown), this.unlisten(f.OPENING_EVENT, this.handleOpening), this.unlisten(f.CLOSING_EVENT, this.handleClosing), this.handleClosing(), this.buttonRipples.forEach(function(t) {
+      this.unlisten("click", this.handleClick), this.unlisten("keydown", this.handleKeydown), this.unlisten(m.OPENING_EVENT, this.handleOpening), this.unlisten(m.CLOSING_EVENT, this.handleClosing), this.handleClosing(), this.buttonRipples.forEach(function(t) {
         t.destroy();
       }), o.prototype.destroy.call(this);
     }, e.prototype.layout = function() {
@@ -537,8 +537,8 @@ var f = xt.strings, Se = (
         getActionFromEvent: function(i) {
           if (!i.target)
             return "";
-          var a = le(i.target, "[" + f.ACTION_ATTRIBUTE + "]");
-          return a && a.getAttribute(f.ACTION_ATTRIBUTE);
+          var a = le(i.target, "[" + m.ACTION_ATTRIBUTE + "]");
+          return a && a.getAttribute(m.ACTION_ATTRIBUTE);
         },
         getInitialFocusEl: function() {
           return t.getInitialFocusEl();
@@ -550,16 +550,16 @@ var f = xt.strings, Se = (
           return ge(t.content);
         },
         notifyClosed: function(i) {
-          return t.emit(f.CLOSED_EVENT, i ? { action: i } : {});
+          return t.emit(m.CLOSED_EVENT, i ? { action: i } : {});
         },
         notifyClosing: function(i) {
-          return t.emit(f.CLOSING_EVENT, i ? { action: i } : {});
+          return t.emit(m.CLOSING_EVENT, i ? { action: i } : {});
         },
         notifyOpened: function() {
-          return t.emit(f.OPENED_EVENT, {});
+          return t.emit(m.OPENED_EVENT, {});
         },
         notifyOpening: function() {
-          return t.emit(f.OPENING_EVENT, {});
+          return t.emit(m.OPENING_EVENT, {});
         },
         releaseFocus: function() {
           t.focusTrap.releaseFocus();
@@ -599,7 +599,7 @@ var f = xt.strings, Se = (
       };
       return new xt(n);
     }, e.prototype.getInitialFocusEl = function() {
-      return this.root.querySelector("[" + f.INITIAL_FOCUS_ATTRIBUTE + "]");
+      return this.root.querySelector("[" + m.INITIAL_FOCUS_ATTRIBUTE + "]");
     }, e;
   }(re)
 ), ye = {
@@ -794,95 +794,95 @@ var f = xt.strings, Se = (
   scrollable: !1,
   title: null
 }, Ae = ["actionButton", "actionIcons", "badge", "backButton", "children", "className", "content", "defaultButton", "dismissiveButton", "footerSupplemental", "headerActions", "hideCloseIcon", "indicator", "initialFocus", "mobileStackedButtons", "modalSize", "nextButton", "noActions", "onClose", "onClosed", "onOpen", "onOpened", "open", "preventClose", "preventPrimaryAccept", "primaryButton", "returnFocusSelector", "scrollable", "title"], r = Oe, tt = /* @__PURE__ */ Zt(function(o, e) {
-  var t = o.actionButton, n = t === void 0 ? r.actionButton : t, i = o.actionIcons, a = i === void 0 ? r.actionIcons : i, p = o.badge, h = p === void 0 ? r.badge : p, S = o.backButton, g = S === void 0 ? r.backButton : S, y = o.children, v = y === void 0 ? r.children : y, $ = o.className, $t = $ === void 0 ? r.className : $, et = o.content, nt = et === void 0 ? r.content : et, ot = o.defaultButton, A = ot === void 0 ? r.defaultButton : ot, it = o.dismissiveButton, N = it === void 0 ? r.dismissiveButton : it, at = o.footerSupplemental, B = at === void 0 ? r.footerSupplemental : at, rt = o.headerActions, st = rt === void 0 ? r.headerActions : rt, lt = o.hideCloseIcon, U = lt === void 0 ? r.hideCloseIcon : lt, ct = o.indicator, Ut = ct === void 0 ? r.indicator : ct, dt = o.initialFocus, b = dt === void 0 ? r.initialFocus : dt, ut = o.mobileStackedButtons, G = ut === void 0 ? r.mobileStackedButtons : ut, ft = o.modalSize, C = ft === void 0 ? r.modalSize : ft, mt = o.nextButton, T = mt === void 0 ? r.nextButton : mt, pt = o.noActions, I = pt === void 0 ? r.noActions : pt, ht = o.onClose, K = ht === void 0 ? r.onClose : ht, gt = o.onClosed, W = gt === void 0 ? r.onClosed : gt, Ct = o.onOpen, F = Ct === void 0 ? r.onOpen : Ct, _t = o.onOpened, L = _t === void 0 ? r.onOpened : _t, Et = o.open, vt = Et === void 0 ? r.open : Et, St = o.preventClose, V = St === void 0 ? r.preventClose : St, yt = o.preventPrimaryAccept, Ot = yt === void 0 ? r.preventPrimaryAccept : yt, At = o.primaryButton, d = At === void 0 ? r.primaryButton : At, bt = o.returnFocusSelector, z = bt === void 0 ? r.returnFocusSelector : bt, Tt = o.scrollable, It = Tt === void 0 ? r.scrollable : Tt, Dt = o.title, Nt = Dt === void 0 ? r.title : Dt, Gt = Qt(o, Ae), R = Rt(), c = Rt();
+  var t = o.actionButton, n = t === void 0 ? r.actionButton : t, i = o.actionIcons, a = i === void 0 ? r.actionIcons : i, p = o.badge, h = p === void 0 ? r.badge : p, S = o.backButton, g = S === void 0 ? r.backButton : S, y = o.children, v = y === void 0 ? r.children : y, B = o.className, $t = B === void 0 ? r.className : B, et = o.content, nt = et === void 0 ? r.content : et, ot = o.defaultButton, T = ot === void 0 ? r.defaultButton : ot, it = o.dismissiveButton, F = it === void 0 ? r.dismissiveButton : it, at = o.footerSupplemental, L = at === void 0 ? r.footerSupplemental : at, rt = o.headerActions, st = rt === void 0 ? r.headerActions : rt, lt = o.hideCloseIcon, U = lt === void 0 ? r.hideCloseIcon : lt, ct = o.indicator, Ut = ct === void 0 ? r.indicator : ct, dt = o.initialFocus, b = dt === void 0 ? r.initialFocus : dt, ut = o.mobileStackedButtons, G = ut === void 0 ? r.mobileStackedButtons : ut, mt = o.modalSize, C = mt === void 0 ? r.modalSize : mt, ft = o.nextButton, I = ft === void 0 ? r.nextButton : ft, pt = o.noActions, N = pt === void 0 ? r.noActions : pt, ht = o.onClose, K = ht === void 0 ? r.onClose : ht, gt = o.onClosed, W = gt === void 0 ? r.onClosed : gt, Ct = o.onOpen, R = Ct === void 0 ? r.onOpen : Ct, _t = o.onOpened, w = _t === void 0 ? r.onOpened : _t, Et = o.open, vt = Et === void 0 ? r.open : Et, St = o.preventClose, V = St === void 0 ? r.preventClose : St, yt = o.preventPrimaryAccept, Ot = yt === void 0 ? r.preventPrimaryAccept : yt, At = o.primaryButton, d = At === void 0 ? r.primaryButton : At, Tt = o.returnFocusSelector, z = Tt === void 0 ? r.returnFocusSelector : Tt, bt = o.scrollable, It = bt === void 0 ? r.scrollable : bt, Nt = o.title, Dt = Nt === void 0 ? r.title : Nt, Gt = Qt(o, Ae), k = Rt(), c = Rt();
   te(e, function() {
-    return R.current;
+    return k.current;
   }, []);
   var Kt = wt(), Bt = Lt(Kt, 2), j = Bt[0], Wt = Bt[1], Vt = wt(function() {
-    return T || g;
+    return I || g;
   }), Ft = Lt(Vt, 2), q = Ft[0], zt = Ft[1];
   _(function() {
-    zt(T || g);
-  }, [T, g]);
-  var w = J(function() {
+    zt(I || g);
+  }, [I, g]);
+  var M = J(function() {
     kt() && Wt(window.innerWidth <= 600);
   }, []);
   _(function() {
-    return kt() ? (w(), window.addEventListener("resize", w), function() {
-      window.removeEventListener("resize", w);
+    return kt() ? (M(), window.addEventListener("resize", M), function() {
+      window.removeEventListener("resize", M);
     }) : function() {
     };
-  }, [w]), _(function() {
-    return c.current = Se.attachTo(R.current), function() {
+  }, [M]), _(function() {
+    return c.current = Se.attachTo(k.current), function() {
       c.current.destroy();
     };
-  }, [c, R]), _(function() {
+  }, [c, k]), _(function() {
     c.current.foundation.setAutoStackButtons(G);
   }, [G]), _(function() {
-    I && (c.current.foundation.adapter.trapFocus = function() {
+    N && (c.current.foundation.adapter.trapFocus = function() {
     });
-  }, [I]), _(function() {
+  }, [N]), _(function() {
     c.current.scrimClickAction = V ? "" : "close", c.current.escapeKeyAction = V ? "" : "close";
   }, [V]);
-  var k = J(function(m) {
-    K && K(m);
-  }, [K]), M = J(function(m) {
-    z && ne(z), W && W(m);
+  var P = J(function(f) {
+    K && K(f);
+  }, [K]), H = J(function(f) {
+    z && ne(z), W && W(f);
   }, [z, W]);
   _(function() {
-    return c.current.unlisten("MDCDialog: opening", F), c.current.listen("MDCDialog: opening", F), function() {
-      c.current.unlisten("MDCDialog: opening", F);
+    return c.current.unlisten("MDCDialog: opening", R), c.current.listen("MDCDialog: opening", R), function() {
+      c.current.unlisten("MDCDialog: opening", R);
     };
-  }, [c, F]), _(function() {
-    return c.current.unlisten("MDCDialog:opened", L), c.current.listen("MDCDialog:opened", L), function() {
-      c.current.unlisten("MDCDialog:opened", L);
+  }, [c, R]), _(function() {
+    return c.current.unlisten("MDCDialog:opened", w), c.current.listen("MDCDialog:opened", w), function() {
+      c.current.unlisten("MDCDialog:opened", w);
     };
-  }, [c, L]), _(function() {
-    return c.current.unlisten("MDCDialog:closing", k), c.current.listen("MDCDialog:closing", k), function() {
-      c.current.unlisten("MDCDialog:closing", k);
+  }, [c, w]), _(function() {
+    return c.current.unlisten("MDCDialog:closing", P), c.current.listen("MDCDialog:closing", P), function() {
+      c.current.unlisten("MDCDialog:closing", P);
     };
-  }, [c, k]), _(function() {
-    return c.current.unlisten("MDCDialog:closed", M), c.current.listen("MDCDialog:closed", M), function() {
-      c.current.unlisten("MDCDialog:closed", M);
+  }, [c, P]), _(function() {
+    return c.current.unlisten("MDCDialog:closed", H), c.current.listen("MDCDialog:closed", H), function() {
+      c.current.unlisten("MDCDialog:closed", H);
     };
-  }, [c, M]), _(function() {
+  }, [c, H]), _(function() {
     vt ? c.current.open() : c.current.close();
   }, [c, vt]);
   var jt = Z(function() {
     return function() {
-      var m = {
+      var f = {
         className: "lmnt-modal__button mdc-dialog__button",
         elevation: n?.props.elevation !== "default" ? n?.props.elevation : "flat",
         variant: n?.props.variant || "filled"
       };
-      return A === "action" && (m["data-mdc-dialog-button-default"] = !0), b === "action" && (m["data-mdc-dialog-initial-focus"] = !0), m;
+      return T === "action" && (f["data-mdc-dialog-button-default"] = !0), b === "action" && (f["data-mdc-dialog-initial-focus"] = !0), f;
     };
-  }, [n?.props.elevation, n?.props.variant, A, b]), qt = Z(function() {
+  }, [n?.props.elevation, n?.props.variant, T, b]), qt = Z(function() {
     return function() {
-      var m = {
+      var f = {
         className: "lmnt-modal__button mdc-dialog__button",
         "data-mdc-dialog-action": Ot ? "" : "accept",
         elevation: d?.props.elevation !== "default" ? d?.props.elevation : "flat",
         variant: d?.props.variant || "filled"
       };
-      return A === "primary" && (m["data-mdc-dialog-button-default"] = !0), b === "primary" && (m["data-mdc-dialog-initial-focus"] = !0), m;
+      return T === "primary" && (f["data-mdc-dialog-button-default"] = !0), b === "primary" && (f["data-mdc-dialog-initial-focus"] = !0), f;
     };
-  }, [Ot, A, b, d?.props.elevation, d?.props.variant]);
+  }, [Ot, T, b, d?.props.elevation, d?.props.variant]);
   return /* @__PURE__ */ u.createElement("aside", Xt({
-    ref: R,
-    className: P("lmnt", "lmnt-modal", "mdc-dialog", It && "lmnt-modal--scrollable mdc-dialog--scrollable", $t),
+    ref: k,
+    className: x("lmnt", "lmnt-modal", "mdc-dialog", It && "lmnt-modal--scrollable mdc-dialog--scrollable", $t),
     role: "alertdialog"
   }, Gt), /* @__PURE__ */ u.createElement("div", {
-    className: P("lmnt-modal__container", "mdc-dialog__container", C === "fullscreen" && "mdc-dialog--fullscreen", C === "max" && "lmnt-modal__max", C === "xlarge" && "lmnt-modal__xl", C === "large" && "lmnt-modal__lg", C === "medium" && "lmnt-modal__md", C === "small" && "lmnt-modal__sm", (C === "mobile" || j) && "lmnt-modal__mobile", C === "dialog" && "lmnt-modal__dialog", I && "lmnt-modal-no-actions")
+    className: x("lmnt-modal__container", "mdc-dialog__container", C === "fullscreen" && "mdc-dialog--fullscreen", C === "max" && "lmnt-modal__max", C === "xlarge" && "lmnt-modal__xl", C === "large" && "lmnt-modal__lg", C === "medium" && "lmnt-modal__md", C === "small" && "lmnt-modal__sm", (C === "mobile" || j) && "lmnt-modal__mobile", C === "dialog" && "lmnt-modal__dialog", N && "lmnt-modal-no-actions")
   }, /* @__PURE__ */ u.createElement("div", {
     className: "lmnt-modal__surface mdc-dialog__surface"
   }, /* @__PURE__ */ u.createElement("header", {
-    className: P("lmnt-modal__title", "mdc-dialog__title", (C === "dialog" || U) && "lmnt-modal_title-hide-close-icon", a && "lmnt-modal_title-actionsIcons", It && "lmnt-modal__title-scrollable", (U || C === "dialog" || I) && "lmnt-modal--no-close-icon")
-  }, !U && C !== "dialog" && !I && /* @__PURE__ */ u.createElement(Pt, {
+    className: x("lmnt-modal__title", "mdc-dialog__title", (C === "dialog" || U) && "lmnt-modal_title-hide-close-icon", a && "lmnt-modal_title-actionsIcons", It && "lmnt-modal__title-scrollable", (U || C === "dialog" || N) && "lmnt-modal--no-close-icon")
+  }, !U && C !== "dialog" && !N && /* @__PURE__ */ u.createElement(Pt, {
     className: "mdc-icon-button material-icons mdc-dialog__close",
     "data-mdc-dialog-action": "close",
     icon: "clear"
-  }), Nt && /* @__PURE__ */ u.createElement("div", null, Nt), st && /* @__PURE__ */ u.createElement("div", {
+  }), Dt && /* @__PURE__ */ u.createElement("div", null, Dt), st && /* @__PURE__ */ u.createElement("div", {
     className: "lmnt-dialog__title-actions"
   }, st), h && /* @__PURE__ */ u.createElement("div", {
     className: "lmnt-badge--modal",
@@ -891,22 +891,22 @@ var f = xt.strings, Se = (
     }
   }, h)), (nt || v) && /* @__PURE__ */ u.createElement("section", {
     className: "lmnt-modal__content mdc-dialog__content"
-  }, nt || v), Ut, (n || g || N || T || d || B) && /* @__PURE__ */ u.createElement("footer", {
-    className: P("lmnt-modal__actions", "mdc-dialog__actions", j && "lmnt-dialog__actions__mobile", B && "lmnt-modal__actions--supplemental-btn", j && G && "lmnt-modal_actions-mobile-stacked")
-  }, !q && B && /* @__PURE__ */ u.createElement("div", {
+  }, nt || v), Ut, (n || g || F || I || d || L) && /* @__PURE__ */ u.createElement("footer", {
+    className: x("lmnt-modal__actions", "mdc-dialog__actions", j && "lmnt-dialog__actions__mobile", L && "lmnt-modal__actions--supplemental-btn", j && G && "lmnt-modal_actions-mobile-stacked")
+  }, !q && L && /* @__PURE__ */ u.createElement("div", {
     className: "lmnt-dialog__actions__supplemental"
-  }, D(B, function() {
-    var m = {};
-    return A === "footerSupplemental" && (m["data-mdc-dialog-button-default"] = !0), b === "footerSupplemental" && (m["data-mdc-dialog-initial-focus"] = !0), m;
-  })), !q && (n || N || d) && /* @__PURE__ */ u.createElement("div", {
+  }, D(L, function() {
+    var f = {};
+    return T === "footerSupplemental" && (f["data-mdc-dialog-button-default"] = !0), b === "footerSupplemental" && (f["data-mdc-dialog-initial-focus"] = !0), f;
+  })), !q && (n || F || d) && /* @__PURE__ */ u.createElement("div", {
     className: "lmnt-dialog__actions__right-align lmnt-modal_actions_button"
-  }, N && D(N, {
+  }, F && D(F, {
     variant: "text",
     className: "lmnt-modal__button mdc-dialog__button",
     "data-mdc-dialog-action": "close"
   }), n && !d && D(n, jt), d && D(d, qt)), q && /* @__PURE__ */ u.createElement("div", {
     className: "lmnt-modal_actions_button lmnt-dialog__actions__directional"
-  }, /* @__PURE__ */ u.createElement("div", null, oe(g, "lmnt-modal__button")), /* @__PURE__ */ u.createElement("div", null, D(T, {
+  }, /* @__PURE__ */ u.createElement("div", null, oe(g, "lmnt-modal__button")), /* @__PURE__ */ u.createElement("div", null, D(I, {
     className: "lmnt-modal__button",
     "data-mdc-dialog-initial-focus": !0
   })))))), /* @__PURE__ */ u.createElement("div", {
@@ -915,12 +915,13 @@ var f = xt.strings, Se = (
 });
 tt.displayName = "Modal";
 tt.propTypes = ye;
-const be = "_modal_fr8bw_1", Te = "_title_fr8bw_6", Ie = "_titleWithoutCloseIcon_fr8bw_18", De = "_closeButton_fr8bw_22", H = {
-  modal: be,
-  title: Te,
-  titleWithoutCloseIcon: Ie,
+const Te = "_modal_95xon_1", be = "_gap_95xon_11", Ie = "_title_95xon_15", Ne = "_titleWithoutCloseIcon_95xon_27", De = "_closeButton_95xon_31", A = {
+  modal: Te,
+  gap: be,
+  title: Ie,
+  titleWithoutCloseIcon: Ne,
   closeButton: De
-}, We = ({
+}, Ve = ({
   onClose: o,
   title: e,
   headerActions: t,
@@ -935,35 +936,50 @@ const be = "_modal_fr8bw_1", Te = "_title_fr8bw_6", Ie = "_titleWithoutCloseIcon
   const y = Z(() => {
     const v = {
       id: "base",
-      action: /* @__PURE__ */ Yt(Y, { primaryAlign: "center", secondaryAlign: "center", children: [
-        !i && /* @__PURE__ */ E(
-          Pt,
-          {
-            icon: "close",
-            onClick: () => o?.(),
-            type: "button",
-            className: H.closeButton
-          }
-        ),
-        a ? /* @__PURE__ */ E(ue, { customPadding: "0.25rem 0 0 0.75rem", children: /* @__PURE__ */ E(me, { icon: a }) }) : /* @__PURE__ */ E(Jt, {}),
-        /* @__PURE__ */ E(
-          fe,
-          {
-            level: 6,
-            className: i && !a ? H.titleWithoutCloseIcon : "",
-            children: e
-          }
-        )
-      ] }, "base-group")
+      action: /* @__PURE__ */ Yt(
+        Y,
+        {
+          primaryAlign: "center",
+          secondaryAlign: "center",
+          className: A.gap,
+          children: [
+            !i && /* @__PURE__ */ E(
+              Pt,
+              {
+                icon: "close",
+                onClick: () => o?.(),
+                type: "button",
+                className: A.closeButton
+              }
+            ),
+            a ? /* @__PURE__ */ E(ue, { customPadding: "0.25rem 0 0 0.75rem", children: /* @__PURE__ */ E(fe, { icon: a }) }) : /* @__PURE__ */ E(Jt, {}),
+            /* @__PURE__ */ E(
+              me,
+              {
+                level: 6,
+                className: i && !a ? A.titleWithoutCloseIcon : "",
+                children: e
+              }
+            )
+          ]
+        },
+        "base-group"
+      )
+    };
+    if (!t) return [v];
+    if (!Array.isArray(t)) return [v, { id: "action", action: t }];
+    const B = {
+      id: "action-group",
+      action: /* @__PURE__ */ E(Y, { className: A.gap, children: t }, "action-group")
     };
-    return t ? Array.isArray(t) ? [v, { id: "action-group", action: /* @__PURE__ */ E(Y, { children: t }, "action-group") }] : [v, { id: "action", action: t }] : [v];
+    return [v, B];
   }, [t, i, a, o, e]);
   return /* @__PURE__ */ E(
     tt,
     {
       ...g,
       "data-testid": "modal",
-      className: `${H.modal} ${H.title} ${g.className ?? ""}`,
+      className: `${A.modal} ${A.title} ${g.className ?? ""}`,
       hideCloseIcon: !0,
       actionButton: n,
       headerActions: /* @__PURE__ */ E(Y, { primaryAlign: "space-between", secondaryAlign: "center", children: y.map((v) => /* @__PURE__ */ E(ee, { children: v.action }, v.id)) }, "header-group"),
@@ -973,5 +989,5 @@ const be = "_modal_fr8bw_1", Te = "_title_fr8bw_6", Ie = "_titleWithoutCloseIcon
   );
 };
 export {
-  We as Modal
+  Ve as Modal
 };

package/dist/components/OfflineView/OfflineView.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
-import "../../index.es-DDYCugj-.js";
+import "../../index.es-DsGuBR0Z.js";
 import "../Iconify/Iconify.js";
-import "../../index.es-BGordhUK.js";
-import { O as f } from "../../OfflineView-DHtzNLwt.js";
-import "../../index.es-0QJC9VS2.js";
+import "../../index.es-DCSgIiJH.js";
+import { O as f } from "../../OfflineView-D168VIXv.js";
+import "../../index.es-DUcI2Zyr.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-DHtzNLwt.js";
+import { s as r, O as i } from "../../OfflineView-D168VIXv.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,32 +1,34 @@
 import { jsx as o, jsxs as r } from "react/jsx-runtime";
-import { G as a } from "../../index.es-DDYCugj-.js";
-import { I as m } from "../../index.es-IXyb5F6n.js";
-import { B as b } from "../../index.es-0QJC9VS2.js";
-import { b as h, T as u } from "../../index.es-BGordhUK.js";
-import { E as g } from "../../index.es-DeF-y7fd.js";
-import { G as f, a as v, b as i } from "../../index.es-Bgjh6euR.js";
-import { I as y } from "../../index.es-DwzB1d7_.js";
+import { G as a } from "../../index.es-DsGuBR0Z.js";
+import { I as b } from "../../index.es-BzdG6flH.js";
+import { B as h } from "../../index.es-DUcI2Zyr.js";
+import { b as u, T as g } from "../../index.es-DCSgIiJH.js";
+import { E as f } from "../../index.es-DNRm4vOy.js";
+import { G as y, a as v, b as i } from "../../index.es-vqlyMiew.js";
+import { I as _ } from "../../index.es-DYs8W4jv.js";
 import { u as C } from "../../useBreakpoints-MzTZ0tCT.js";
-import '../../assets/OnboardingBanner.css';const G = "_elevation_5dfyt_1", k = {
-  elevation: G
-}, D = ({
-  headline: l,
-  description: s,
-  mediaContent: e,
-  isVisible: c,
-  onClose: p,
-  buttons: n
+import '../../assets/OnboardingBanner.css';const G = "_elevation_7z8y8_1", k = "_color_7z8y8_5", B = "_buttons_7z8y8_9", l = {
+  elevation: G,
+  color: k,
+  buttons: B
+}, E = ({
+  headline: s,
+  description: c,
+  mediaContent: n,
+  isVisible: p,
+  onClose: m,
+  buttons: e
 }) => {
   const { isDesktop: d } = C();
-  return c ? /* @__PURE__ */ o(
-    g,
+  return p ? /* @__PURE__ */ o(
+    f,
     {
       "data-testid": "onboarding-banner",
-      elevation: 3,
-      customPadding: "1rem 1.5rem",
+      elevation: 2,
+      customPadding: "0.5rem 1rem 1rem",
       rounded: !0,
-      className: k.elevation,
-      children: /* @__PURE__ */ o(f, { variant: "none", rowGap: "8px", columnGap: "8px", children: /* @__PURE__ */ r(v, { "data-testid": "onboarding-banner-content", children: [
+      className: l.elevation,
+      children: /* @__PURE__ */ o(y, { variant: "none", rowGap: "8px", columnGap: "8px", children: /* @__PURE__ */ r(v, { "data-testid": "onboarding-banner-content", children: [
         /* @__PURE__ */ o(i, { desktopCol: 12, phoneCol: 4, tabletCol: 8, children: /* @__PURE__ */ r(
           a,
           {
@@ -35,14 +37,14 @@ import '../../assets/OnboardingBanner.css';const G = "_elevation_5dfyt_1", k = {
             secondaryAlign: "center",
             fullWidth: !0,
             children: [
-              /* @__PURE__ */ o(h, { level: 6, children: l }),
+              /* @__PURE__ */ o(u, { level: 6, children: s }),
               /* @__PURE__ */ o(
-                m,
+                b,
                 {
                   "data-testid": "onboarding-banner-close-button",
                   type: "button",
-                  onClick: p,
-                  icon: /* @__PURE__ */ o(y, { icon: "clear" })
+                  onClick: m,
+                  icon: /* @__PURE__ */ o(_, { icon: "clear" })
                 }
               )
             ]
@@ -51,14 +53,14 @@ import '../../assets/OnboardingBanner.css';const G = "_elevation_5dfyt_1", k = {
         /* @__PURE__ */ o(
           i,
           {
-            desktopCol: e ? 10 : 12,
+            desktopCol: n ? 10 : 12,
             phoneCol: 4,
             tabletCol: 8,
             order: d ? 2 : 3,
             children: /* @__PURE__ */ r(a, { direction: "vertical", gap: "dense", children: [
-              /* @__PURE__ */ o(u, { bold: !0, level: 2, children: s }),
-              n && n.length > 0 && /* @__PURE__ */ o(a, { "data-testid": "onboarding-banner-buttons", direction: "horizontal", children: n?.map((t) => /* @__PURE__ */ o(
-                b,
+              /* @__PURE__ */ o(g, { level: 2, className: l.color, children: c }),
+              e && e.length > 0 && /* @__PURE__ */ o(a, { "data-testid": "onboarding-banner-buttons", direction: "horizontal", className: l.buttons, children: e?.map((t) => /* @__PURE__ */ o(
+                h,
                 {
                   "data-testid": `onboarding-banner-button-${t.id}`,
                   ...t
@@ -68,7 +70,7 @@ import '../../assets/OnboardingBanner.css';const G = "_elevation_5dfyt_1", k = {
             ] })
           }
         ),
-        e && /* @__PURE__ */ o(
+        n && /* @__PURE__ */ o(
           i,
           {
             horizontalAlign: "center",
@@ -77,7 +79,7 @@ import '../../assets/OnboardingBanner.css';const G = "_elevation_5dfyt_1", k = {
             phoneCol: 4,
             tabletCol: 8,
             order: d ? 3 : 2,
-            children: e
+            children: n
           }
         )
       ] }) })
@@ -85,5 +87,5 @@ import '../../assets/OnboardingBanner.css';const G = "_elevation_5dfyt_1", k = {
   ) : null;
 };
 export {
-  D as OnboardingBanner
+  E as OnboardingBanner
 };

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-BGordhUK.js";
+import { T as p } from "../../index.es-DCSgIiJH.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-BGordhUK.js";
+import { b as n } from "../../index.es-DCSgIiJH.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 o } from "react/jsx-runtime";
-import { I as i } from "../../index.es-IXyb5F6n.js";
-import { T as l } from "../../index.es-DENZVv7_.js";
+import { I as i } from "../../index.es-BzdG6flH.js";
+import { T as l } from "../../index.es-BLolvOHO.js";
 import '../../assets/SearchBar.css';const u = "_searchbar_gnvwc_1", b = {
   searchbar: u
 }, f = ({

package/dist/components/Select/Select.js

@@ -1,8 +1,8 @@
 import { jsx as a } from "react/jsx-runtime";
-import { S as f } from "../../index.es-CK4oZMKs.js";
+import { S as f } from "../../index.es-Dq_bXeGZ.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 = {
+import '../../assets/Select.css';const p = "_customPortal_1c12e_1", $ = "_customSelect_1c12e_7", r = {
   customPortal: p,
   customSelect: $
 }, P = ({

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-DDYCugj-.js";
+import { G as o } from "../../index.es-DsGuBR0Z.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-0QJC9VS2.js";
+import { B as s } from "../../../index.es-DUcI2Zyr.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-DDYCugj-.js";
-import { T as p } from "../../../index.es-BGordhUK.js";
+import { G as o } from "../../../index.es-DsGuBR0Z.js";
+import { T as p } from "../../../index.es-DCSgIiJH.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-DDYCugj-.js";
+import { G as p } from "../../../index.es-DsGuBR0Z.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",