@hortiview/shared-components 2.10.1 → 2.11.0

package/dist/components/Modal/Modal.js

@@ -1,11 +1,11 @@
 import { jsxs as Yt, jsx as E, Fragment as Jt } from "react/jsx-runtime";
-import { G as Y } from "../../index.es-DsGuBR0Z.js";
-import { I as Pt } from "../../index.es-BzdG6flH.js";
+import { G as J } from "../../index.es-DsGuBR0Z.js";
+import { I as Ht } 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, 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 { _ as Rt } from "../../slicedToArray-uk6yv91z.js";
+import m, { forwardRef as Zt, useRef as wt, useImperativeHandle as te, useState as kt, useEffect as _, useCallback as Q, useMemo as tt, Fragment as ee } from "react";
+import { w as Mt, r as ne, c as D, a as oe } from "../../index.es-BjvSa9Z-.js";
+import { b as xt, c as Pt, 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";
@@ -75,7 +75,7 @@ function Ee(o) {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Q = "mdc-dom-focus-sentinel", ve = (
+var X = "mdc-dom-focus-sentinel", ve = (
   /** @class */
   function() {
     function o(e, t) {
@@ -87,7 +87,7 @@ var Q = "mdc-dom-focus-sentinel", ve = (
         throw new Error("FocusTrap: Element must have at least one focusable child.");
       this.elFocusedBeforeTrapFocus = document.activeElement instanceof HTMLElement ? document.activeElement : null, this.wrapTabFocus(this.root), this.options.skipInitialFocus || this.focusInitialElement(e, this.options.initialFocusEl);
     }, o.prototype.releaseFocus = function() {
-      [].slice.call(this.root.querySelectorAll("." + Q)).forEach(function(e) {
+      [].slice.call(this.root.querySelectorAll("." + X)).forEach(function(e) {
         e.parentElement.removeChild(e);
       }), !this.options.skipRestoreFocus && this.elFocusedBeforeTrapFocus && this.elFocusedBeforeTrapFocus.focus();
     }, o.prototype.wrapTabFocus = function(e) {
@@ -105,16 +105,16 @@ var Q = "mdc-dom-focus-sentinel", ve = (
     }, o.prototype.getFocusableElements = function(e) {
       var t = [].slice.call(e.querySelectorAll("[autofocus], [tabindex], a, input, textarea, select, button"));
       return t.filter(function(n) {
-        var i = 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) && !i, p = !1;
+        var i = 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(X) && !i, u = !1;
         if (a) {
           var h = getComputedStyle(n);
-          p = h.display === "none" || h.visibility === "hidden";
+          u = h.display === "none" || h.visibility === "hidden";
         }
-        return a && !p;
+        return a && !u;
       });
     }, o.prototype.createSentinel = function() {
       var e = document.createElement("div");
-      return e.setAttribute("tabindex", "0"), e.setAttribute("aria-hidden", "true"), e.classList.add(Q), e;
+      return e.setAttribute("tabindex", "0"), e.setAttribute("aria-hidden", "true"), e.classList.add(X), e;
     }, o;
   }()
 );
@@ -193,7 +193,7 @@ var s = {
     ".mdc-menu .mdc-deprecated-list-item"
   ].join(", "),
   SURFACE_SELECTOR: ".mdc-dialog__surface"
-}, X = {
+}, Z = {
   DIALOG_ANIMATION_CLOSE_TIME_MS: 75,
   DIALOG_ANIMATION_OPEN_TIME_MS: 150
 };
@@ -223,12 +223,12 @@ var $;
 (function(o) {
   o.POLL_SCROLL_POS = "poll_scroll_position", o.POLL_LAYOUT_CHANGE = "poll_layout_change";
 })($ || ($ = {}));
-var xt = (
+var $t = (
   /** @class */
   function(o) {
-    Ht(e, o);
+    xt(e, o);
     function e(t) {
-      var n = o.call(this, Mt(Mt({}, e.defaultAdapter), t)) || this;
+      var n = o.call(this, Pt(Pt({}, e.defaultAdapter), t)) || this;
       return n.dialogOpen = !1, n.isFullscreen = !1, n.animationFrame = 0, n.animationTimer = 0, n.escapeKeyAction = O.CLOSE_ACTION, n.scrimClickAction = O.CLOSE_ACTION, n.autoStackButtons = !0, n.areButtonsStacked = !1, n.suppressDefaultPressSelector = O.SUPPRESS_DEFAULT_PRESS_SELECTOR, n.animFrame = new de(), n.contentScrollHandler = function() {
         n.handleScrollEvent();
       }, n.windowResizeHandler = function() {
@@ -251,7 +251,7 @@ var xt = (
       configurable: !0
     }), Object.defineProperty(e, "numbers", {
       get: function() {
-        return X;
+        return Z;
       },
       enumerable: !1,
       configurable: !0
@@ -327,13 +327,13 @@ var xt = (
       this.dialogOpen = !0, this.adapter.notifyOpening(), this.adapter.addClass(s.OPENING), this.isFullscreen && this.adapter.registerContentEventHandler("scroll", this.contentScrollHandler), t && t.isAboveFullscreenDialog && this.adapter.addClass(s.SCRIM_HIDDEN), this.adapter.registerWindowEventHandler("resize", this.windowResizeHandler), this.adapter.registerWindowEventHandler("orientationchange", this.windowOrientationChangeHandler), this.runNextAnimationFrame(function() {
         n.adapter.addClass(s.OPEN), n.adapter.addBodyClass(s.SCROLL_LOCK), n.layout(), n.animationTimer = setTimeout(function() {
           n.handleAnimationTimerEnd(), n.adapter.trapFocus(n.adapter.getInitialFocusEl()), n.adapter.notifyOpened();
-        }, X.DIALOG_ANIMATION_OPEN_TIME_MS);
+        }, Z.DIALOG_ANIMATION_OPEN_TIME_MS);
       });
     }, e.prototype.close = function(t) {
       var n = this;
       t === void 0 && (t = ""), this.dialogOpen && (this.dialogOpen = !1, this.adapter.notifyClosing(t), this.adapter.addClass(s.CLOSING), this.adapter.removeClass(s.OPEN), this.adapter.removeBodyClass(s.SCROLL_LOCK), this.isFullscreen && this.adapter.deregisterContentEventHandler("scroll", this.contentScrollHandler), this.adapter.deregisterWindowEventHandler("resize", this.windowResizeHandler), this.adapter.deregisterWindowEventHandler("orientationchange", this.windowOrientationChangeHandler), cancelAnimationFrame(this.animationFrame), this.animationFrame = 0, clearTimeout(this.animationTimer), this.animationTimer = setTimeout(function() {
         n.adapter.releaseFocus(), n.handleAnimationTimerEnd(), n.adapter.notifyClosed(t);
-      }, X.DIALOG_ANIMATION_CLOSE_TIME_MS));
+      }, Z.DIALOG_ANIMATION_CLOSE_TIME_MS));
     }, e.prototype.showSurfaceScrim = function() {
       var t = this;
       this.adapter.addClass(s.SURFACE_SCRIM_SHOWING), this.runNextAnimationFrame(function() {
@@ -379,8 +379,8 @@ var xt = (
       if (n) {
         var i = this.adapter.getActionFromEvent(t);
         if (!i) {
-          var a = t.composedPath ? t.composedPath()[0] : t.target, p = this.suppressDefaultPressSelector ? !this.adapter.eventTargetMatches(a, this.suppressDefaultPressSelector) : !0;
-          n && p && this.adapter.clickDefaultButton();
+          var a = t.composedPath ? t.composedPath()[0] : t.target, u = this.suppressDefaultPressSelector ? !this.adapter.eventTargetMatches(a, this.suppressDefaultPressSelector) : !0;
+          n && u && this.adapter.clickDefaultButton();
         }
       }
     }, e.prototype.handleDocumentKeydown = function(t) {
@@ -435,10 +435,10 @@ var xt = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var m = xt.strings, Se = (
+var f = $t.strings, Se = (
   /** @class */
   function(o) {
-    Ht(e, o);
+    xt(e, o);
     function e() {
       return o !== null && o.apply(this, arguments) || this;
     }
@@ -479,23 +479,23 @@ var m = xt.strings, Se = (
       return new e(t);
     }, e.prototype.initialize = function(t) {
       var n, i;
-      t === void 0 && (t = function(g, y) {
-        return new ve(g, y);
+      t === void 0 && (t = function(g, S) {
+        return new ve(g, S);
       });
-      var a = this.root.querySelector(m.CONTAINER_SELECTOR);
+      var a = this.root.querySelector(f.CONTAINER_SELECTOR);
       if (!a)
-        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 = [];
+        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 = [];
       try {
-        for (var p = ie(this.buttons), h = p.next(); !h.done; h = p.next()) {
-          var S = h.value;
-          this.buttonRipples.push(new se(S));
+        for (var u = ie(this.buttons), h = u.next(); !h.done; h = u.next()) {
+          var y = h.value;
+          this.buttonRipples.push(new se(y));
         }
       } catch (g) {
         n = { error: g };
       } finally {
         try {
-          h && !h.done && (i = p.return) && i.call(p);
+          h && !h.done && (i = u.return) && i.call(u);
         } finally {
           if (n) throw n.error;
         }
@@ -506,9 +506,9 @@ var m = 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(m.OPENING_EVENT, this.handleOpening), this.listen(m.CLOSING_EVENT, this.handleClosing);
+      }, this.listen("click", this.handleClick), this.listen("keydown", this.handleKeydown), this.listen(f.OPENING_EVENT, this.handleOpening), this.listen(f.CLOSING_EVENT, this.handleClosing);
     }, e.prototype.destroy = function() {
-      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) {
+      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) {
         t.destroy();
       }), o.prototype.destroy.call(this);
     }, e.prototype.layout = function() {
@@ -537,8 +537,8 @@ var m = xt.strings, Se = (
         getActionFromEvent: function(i) {
           if (!i.target)
             return "";
-          var a = le(i.target, "[" + m.ACTION_ATTRIBUTE + "]");
-          return a && a.getAttribute(m.ACTION_ATTRIBUTE);
+          var a = le(i.target, "[" + f.ACTION_ATTRIBUTE + "]");
+          return a && a.getAttribute(f.ACTION_ATTRIBUTE);
         },
         getInitialFocusEl: function() {
           return t.getInitialFocusEl();
@@ -550,16 +550,16 @@ var m = xt.strings, Se = (
           return ge(t.content);
         },
         notifyClosed: function(i) {
-          return t.emit(m.CLOSED_EVENT, i ? { action: i } : {});
+          return t.emit(f.CLOSED_EVENT, i ? { action: i } : {});
         },
         notifyClosing: function(i) {
-          return t.emit(m.CLOSING_EVENT, i ? { action: i } : {});
+          return t.emit(f.CLOSING_EVENT, i ? { action: i } : {});
         },
         notifyOpened: function() {
-          return t.emit(m.OPENED_EVENT, {});
+          return t.emit(f.OPENED_EVENT, {});
         },
         notifyOpening: function() {
-          return t.emit(m.OPENING_EVENT, {});
+          return t.emit(f.OPENING_EVENT, {});
         },
         releaseFocus: function() {
           t.focusTrap.releaseFocus();
@@ -597,9 +597,9 @@ var m = xt.strings, Se = (
           window.removeEventListener(i, a);
         }
       };
-      return new xt(n);
+      return new $t(n);
     }, e.prototype.getInitialFocusEl = function() {
-      return this.root.querySelector("[" + m.INITIAL_FOCUS_ATTRIBUTE + "]");
+      return this.root.querySelector("[" + f.INITIAL_FOCUS_ATTRIBUTE + "]");
     }, e;
   }(re)
 ), ye = {
@@ -793,22 +793,22 @@ var m = xt.strings, Se = (
   returnFocusSelector: null,
   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, 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();
+}, 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, et = /* @__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, u = o.badge, h = u === void 0 ? r.badge : u, y = o.backButton, g = y === void 0 ? r.backButton : y, S = o.children, B = S === void 0 ? r.children : S, v = o.className, U = v === void 0 ? r.className : v, nt = o.content, ot = nt === void 0 ? r.content : nt, it = o.defaultButton, T = it === void 0 ? r.defaultButton : it, at = o.dismissiveButton, F = at === void 0 ? r.dismissiveButton : at, rt = o.footerSupplemental, L = rt === void 0 ? r.footerSupplemental : rt, st = o.headerActions, lt = st === void 0 ? r.headerActions : st, ct = o.hideCloseIcon, G = ct === void 0 ? r.hideCloseIcon : ct, dt = o.indicator, Ut = dt === void 0 ? r.indicator : dt, ut = o.initialFocus, b = ut === void 0 ? r.initialFocus : ut, mt = o.mobileStackedButtons, K = mt === void 0 ? r.mobileStackedButtons : mt, ft = o.modalSize, C = ft === void 0 ? r.modalSize : ft, pt = o.nextButton, I = pt === void 0 ? r.nextButton : pt, ht = o.noActions, N = ht === void 0 ? r.noActions : ht, gt = o.onClose, W = gt === void 0 ? r.onClose : gt, Ct = o.onClosed, V = Ct === void 0 ? r.onClosed : Ct, _t = o.onOpen, R = _t === void 0 ? r.onOpen : _t, Et = o.onOpened, w = Et === void 0 ? r.onOpened : Et, vt = o.open, St = vt === void 0 ? r.open : vt, yt = o.preventClose, z = yt === void 0 ? r.preventClose : yt, Ot = o.preventPrimaryAccept, At = Ot === void 0 ? r.preventPrimaryAccept : Ot, Tt = o.primaryButton, d = Tt === void 0 ? r.primaryButton : Tt, bt = o.returnFocusSelector, j = bt === void 0 ? r.returnFocusSelector : bt, It = o.scrollable, Nt = It === void 0 ? r.scrollable : It, Dt = o.title, Bt = Dt === void 0 ? r.title : Dt, Gt = Qt(o, Ae), k = wt(), c = wt();
   te(e, function() {
     return k.current;
   }, []);
-  var Kt = wt(), Bt = Lt(Kt, 2), j = Bt[0], Wt = Bt[1], Vt = wt(function() {
+  var Kt = kt(), Ft = Rt(Kt, 2), q = Ft[0], Wt = Ft[1], Vt = kt(function() {
     return I || g;
-  }), Ft = Lt(Vt, 2), q = Ft[0], zt = Ft[1];
+  }), Lt = Rt(Vt, 2), Y = Lt[0], zt = Lt[1];
   _(function() {
     zt(I || g);
   }, [I, g]);
-  var M = J(function() {
-    kt() && Wt(window.innerWidth <= 600);
+  var M = Q(function() {
+    Mt() && Wt(window.innerWidth <= 600);
   }, []);
   _(function() {
-    return kt() ? (M(), window.addEventListener("resize", M), function() {
+    return Mt() ? (M(), window.addEventListener("resize", M), function() {
       window.removeEventListener("resize", M);
     }) : function() {
     };
@@ -817,18 +817,18 @@ var m = xt.strings, Se = (
       c.current.destroy();
     };
   }, [c, k]), _(function() {
-    c.current.foundation.setAutoStackButtons(G);
-  }, [G]), _(function() {
+    c.current.foundation.setAutoStackButtons(K);
+  }, [K]), _(function() {
     N && (c.current.foundation.adapter.trapFocus = function() {
     });
   }, [N]), _(function() {
-    c.current.scrimClickAction = V ? "" : "close", c.current.escapeKeyAction = V ? "" : "close";
-  }, [V]);
-  var P = J(function(f) {
-    K && K(f);
-  }, [K]), H = J(function(f) {
-    z && ne(z), W && W(f);
-  }, [z, W]);
+    c.current.scrimClickAction = z ? "" : "close", c.current.escapeKeyAction = z ? "" : "close";
+  }, [z]);
+  var P = Q(function(p) {
+    W && W(p);
+  }, [W]), H = Q(function(p) {
+    j && ne(j), V && V(p);
+  }, [j, V]);
   _(function() {
     return c.current.unlisten("MDCDialog: opening", R), c.current.listen("MDCDialog: opening", R), function() {
       c.current.unlisten("MDCDialog: opening", R);
@@ -846,75 +846,75 @@ var m = xt.strings, Se = (
       c.current.unlisten("MDCDialog:closed", H);
     };
   }, [c, H]), _(function() {
-    vt ? c.current.open() : c.current.close();
-  }, [c, vt]);
-  var jt = Z(function() {
+    St ? c.current.open() : c.current.close();
+  }, [c, St]);
+  var jt = tt(function() {
     return function() {
-      var f = {
+      var p = {
         className: "lmnt-modal__button mdc-dialog__button",
         elevation: n?.props.elevation !== "default" ? n?.props.elevation : "flat",
         variant: n?.props.variant || "filled"
       };
-      return T === "action" && (f["data-mdc-dialog-button-default"] = !0), b === "action" && (f["data-mdc-dialog-initial-focus"] = !0), f;
+      return T === "action" && (p["data-mdc-dialog-button-default"] = !0), b === "action" && (p["data-mdc-dialog-initial-focus"] = !0), p;
     };
-  }, [n?.props.elevation, n?.props.variant, T, b]), qt = Z(function() {
+  }, [n?.props.elevation, n?.props.variant, T, b]), qt = tt(function() {
     return function() {
-      var f = {
+      var p = {
         className: "lmnt-modal__button mdc-dialog__button",
-        "data-mdc-dialog-action": Ot ? "" : "accept",
+        "data-mdc-dialog-action": At ? "" : "accept",
         elevation: d?.props.elevation !== "default" ? d?.props.elevation : "flat",
         variant: d?.props.variant || "filled"
       };
-      return T === "primary" && (f["data-mdc-dialog-button-default"] = !0), b === "primary" && (f["data-mdc-dialog-initial-focus"] = !0), f;
+      return T === "primary" && (p["data-mdc-dialog-button-default"] = !0), b === "primary" && (p["data-mdc-dialog-initial-focus"] = !0), p;
     };
-  }, [Ot, T, b, d?.props.elevation, d?.props.variant]);
-  return /* @__PURE__ */ u.createElement("aside", Xt({
+  }, [At, T, b, d?.props.elevation, d?.props.variant]);
+  return /* @__PURE__ */ m.createElement("aside", Xt({
     ref: k,
-    className: x("lmnt", "lmnt-modal", "mdc-dialog", It && "lmnt-modal--scrollable mdc-dialog--scrollable", $t),
+    className: x("lmnt", "lmnt-modal", "mdc-dialog", Nt && "lmnt-modal--scrollable mdc-dialog--scrollable", U),
     role: "alertdialog"
-  }, Gt), /* @__PURE__ */ u.createElement("div", {
-    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", {
+  }, Gt), /* @__PURE__ */ m.createElement("div", {
+    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" || q) && "lmnt-modal__mobile", C === "dialog" && "lmnt-modal__dialog", N && "lmnt-modal-no-actions")
+  }, /* @__PURE__ */ m.createElement("div", {
     className: "lmnt-modal__surface mdc-dialog__surface"
-  }, /* @__PURE__ */ u.createElement("header", {
-    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, {
+  }, /* @__PURE__ */ m.createElement("header", {
+    className: x("lmnt-modal__title", "mdc-dialog__title", (C === "dialog" || G) && "lmnt-modal_title-hide-close-icon", a && "lmnt-modal_title-actionsIcons", Nt && "lmnt-modal__title-scrollable", (G || C === "dialog" || N) && "lmnt-modal--no-close-icon")
+  }, !G && C !== "dialog" && !N && /* @__PURE__ */ m.createElement(Ht, {
     className: "mdc-icon-button material-icons mdc-dialog__close",
     "data-mdc-dialog-action": "close",
     icon: "clear"
-  }), Dt && /* @__PURE__ */ u.createElement("div", null, Dt), st && /* @__PURE__ */ u.createElement("div", {
+  }), Bt && /* @__PURE__ */ m.createElement("div", null, Bt), lt && /* @__PURE__ */ m.createElement("div", {
     className: "lmnt-dialog__title-actions"
-  }, st), h && /* @__PURE__ */ u.createElement("div", {
+  }, lt), h && /* @__PURE__ */ m.createElement("div", {
     className: "lmnt-badge--modal",
     style: {
       marginLeft: "0"
     }
-  }, h)), (nt || v) && /* @__PURE__ */ u.createElement("section", {
+  }, h)), (ot || B) && /* @__PURE__ */ m.createElement("section", {
     className: "lmnt-modal__content mdc-dialog__content"
-  }, 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", {
+  }, ot || B), Ut, (n || g || F || I || d || L) && /* @__PURE__ */ m.createElement("footer", {
+    className: x("lmnt-modal__actions", "mdc-dialog__actions", q && "lmnt-dialog__actions__mobile", L && "lmnt-modal__actions--supplemental-btn", q && K && "lmnt-modal_actions-mobile-stacked")
+  }, !Y && L && /* @__PURE__ */ m.createElement("div", {
     className: "lmnt-dialog__actions__supplemental"
   }, 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", {
+    var p = {};
+    return T === "footerSupplemental" && (p["data-mdc-dialog-button-default"] = !0), b === "footerSupplemental" && (p["data-mdc-dialog-initial-focus"] = !0), p;
+  })), !Y && (n || F || d) && /* @__PURE__ */ m.createElement("div", {
     className: "lmnt-dialog__actions__right-align lmnt-modal_actions_button"
   }, 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", {
+  }), n && !d && D(n, jt), d && D(d, qt)), Y && /* @__PURE__ */ m.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(I, {
+  }, /* @__PURE__ */ m.createElement("div", null, oe(g, "lmnt-modal__button")), /* @__PURE__ */ m.createElement("div", null, D(I, {
     className: "lmnt-modal__button",
     "data-mdc-dialog-initial-focus": !0
-  })))))), /* @__PURE__ */ u.createElement("div", {
+  })))))), /* @__PURE__ */ m.createElement("div", {
     className: "mdc-dialog__scrim"
   }));
 });
-tt.displayName = "Modal";
-tt.propTypes = ye;
+et.displayName = "Modal";
+et.propTypes = ye;
 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,
@@ -927,37 +927,38 @@ const Te = "_modal_95xon_1", be = "_gap_95xon_11", Ie = "_title_95xon_15", Ne =
   headerActions: t,
   actionButton: n,
   hideCloseIcon: i,
-  leadingIcon: a,
-  isOnline: p = !0,
-  offlineViewProps: h,
-  children: S,
-  ...g
+  closeIcon: a = "close",
+  leadingIcon: u,
+  isOnline: h = !0,
+  offlineViewProps: y,
+  children: g,
+  ...S
 }) => {
-  const y = Z(() => {
+  const B = tt(() => {
     const v = {
       id: "base",
       action: /* @__PURE__ */ Yt(
-        Y,
+        J,
         {
           primaryAlign: "center",
           secondaryAlign: "center",
           className: A.gap,
           children: [
             !i && /* @__PURE__ */ E(
-              Pt,
+              Ht,
               {
-                icon: "close",
+                icon: a,
                 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, {}),
+            u ? /* @__PURE__ */ E(ue, { customPadding: "0.25rem 0 0 0.75rem", children: /* @__PURE__ */ E(fe, { icon: u }) }) : /* @__PURE__ */ E(Jt, {}),
             /* @__PURE__ */ E(
               me,
               {
                 level: 6,
-                className: i && !a ? A.titleWithoutCloseIcon : "",
+                className: i && !u ? A.titleWithoutCloseIcon : "",
                 children: e
               }
             )
@@ -968,23 +969,23 @@ const Te = "_modal_95xon_1", be = "_gap_95xon_11", Ie = "_title_95xon_15", Ne =
     };
     if (!t) return [v];
     if (!Array.isArray(t)) return [v, { id: "action", action: t }];
-    const B = {
+    const U = {
       id: "action-group",
-      action: /* @__PURE__ */ E(Y, { className: A.gap, children: t }, "action-group")
+      action: /* @__PURE__ */ E(J, { className: A.gap, children: t }, "action-group")
     };
-    return [v, B];
-  }, [t, i, a, o, e]);
+    return [v, U];
+  }, [t, i, a, u, o, e]);
   return /* @__PURE__ */ E(
-    tt,
+    et,
     {
-      ...g,
+      ...S,
       "data-testid": "modal",
-      className: `${A.modal} ${A.title} ${g.className ?? ""}`,
+      className: `${A.modal} ${A.title} ${S.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"),
+      headerActions: /* @__PURE__ */ E(J, { primaryAlign: "space-between", secondaryAlign: "center", children: B.map((v) => /* @__PURE__ */ E(ee, { children: v.action }, v.id)) }, "header-group"),
       preventClose: !0,
-      children: p ? S : /* @__PURE__ */ E(pe, { ...h })
+      children: h ? g : /* @__PURE__ */ E(pe, { ...y })
     }
   );
 };

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

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { a as o, s as e } from "../../react.esm-CX1WJ2Pp.js";
+import { a as o, s as e } from "../../react.esm-BbMrgZCM.js";
 import { a } from "../../useBreakpoints-MzTZ0tCT.js";
 import { ModulePadding as d } from "./ModulePadding.js";
 import { d as r, t as i, a as n, g as s } from "../../vi.CjhMlMwf-CKxPQtd6.js";

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

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { a as n, s as t, f as u } from "../../react.esm-CX1WJ2Pp.js";
+import { a as n, s as t, f as u } from "../../react.esm-BbMrgZCM.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", () => {

package/dist/components/OnboardingBanner/OnboardingBanner.test.js

@@ -1,5 +1,5 @@
 import { jsx as n, Fragment as d } from "react/jsx-runtime";
-import { a as o, s as e } from "../../react.esm-CX1WJ2Pp.js";
+import { a as o, s as e } from "../../react.esm-BbMrgZCM.js";
 import { OnboardingBanner as i } from "./OnboardingBanner.js";
 import { d as a, t as s, a as r, g as t } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 a("Onboarding Banner Test", () => {

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

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 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 { a as i, s as e, w as s } from "../../react.esm-BbMrgZCM.js";
+import { u as a } from "../../index-CkZYDkGd.js";
 import { OverflowTooltip as c } from "./OverflowTooltip.js";
 import { d as u, t as p, g as r } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 u("OverflowTooltip Test", () => {

package/dist/components/SafeForm/SafeForm.test.js

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { a as u, s as i, f as r } from "../../react.esm-CX1WJ2Pp.js";
-import { u as y } from "../../index-I7uTh4Tr.js";
+import { a as u, s as i, f as r } from "../../react.esm-BbMrgZCM.js";
+import { u as y } from "../../index-CkZYDkGd.js";
 import { SafeForm as p } from "./SafeForm.js";
 import { d as b, t as c, g as s, v as l } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 b("SafeForm", () => {

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

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { a, s as e } from "../../react.esm-CX1WJ2Pp.js";
+import { a, s as e } from "../../react.esm-BbMrgZCM.js";
 import { ScrollbarY as d, ScrollbarX as l } from "./Scrollbar.js";
 import { d as c, t, g as o } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 c("Scrollbar", () => {

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

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { a as r, s as t, f as h } from "../../react.esm-CX1WJ2Pp.js";
+import { a as r, s as t, f as h } from "../../react.esm-BbMrgZCM.js";
 import { act as l } from "react";
 import { SearchBar as s } from "./SearchBar.js";
 import { d as m, t as o, a as n, g as e } from "../../vi.CjhMlMwf-CKxPQtd6.js";

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

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { a, s as c } from "../../react.esm-CX1WJ2Pp.js";
+import { a, s as c } from "../../react.esm-BbMrgZCM.js";
 import { Select as n } from "./Select.js";
 import { d as l, t as m, g as e } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 l("Select", () => {

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

@@ -2,11 +2,15 @@ import { PropsWithChildren } from 'react';
 import { StepperProps } from './stepperTypes';
 
 /**
- * A component that displays a stepper with a header, content, and navigation buttons.
+ * A component that displays a stepper with a header, content, and navigation buttons.<br />
+ * Available in two display types: 'default' (dots) and 'description' (numerical with description).
  *
- * !! Be aware that the stepper is not a controlled component, so you need to manage the current step, content and loading state yourself.
+ * **!! Be aware that the stepper is not a controlled component, so you need to manage the current step, content and loading state yourself. !!**
+ *
+ * @param stepperType - The type of the stepper indicator. Defaults to 'default' (dots).
  * @param steps - An array of steps for the stepper.
  * @param currentStep - The current step index.
+ * @param customTotalSteps - A custom total number of steps to display in the stepper header. Only applicable for 'description' type.
  * @param children - The content to be displayed in the stepper.
  * @param isStepLoading - A boolean indicating if the current step is loading. If true, the next button will be disabled and show a loading state.
  * @param showStepperHeader - An indicator of whether to show the stepper header. Defaults to true.
@@ -14,4 +18,4 @@ import { StepperProps } from './stepperTypes';
  * @param showPreviousButtonOnFirstStep - A flag which indicates if the previous button should be shown on the first step. This can be useful for canceling the stepper. Defaults to false.
  * @returns
  */
-export declare const Stepper: ({ steps, currentStep, children, isStepLoading, showStepperHeader, stepperButtonAlignment, showPreviousButtonOnFirstStep, }: PropsWithChildren<StepperProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const Stepper: ({ stepperType, steps, currentStep, customTotalSteps, children, isStepLoading, showStepperHeader, stepperButtonAlignment, showPreviousButtonOnFirstStep, }: PropsWithChildren<StepperProps>) => import("react/jsx-runtime").JSX.Element;