@hortiview/shared-components 2.8.6 → 2.8.7

package/dist/components/Modal/Modal.js

@@ -1,17 +1,18 @@
-import { jsxs as ft, jsx as C, Fragment as pt } from "react/jsx-runtime";
-import { G as j } from "../../index.es-Dw1eih7R.js";
-import { I as it } from "../../index.es-xnSvM9b9.js";
-import { _ as ht, c as B, P as s } from "../../index-D5m--65X.js";
-import d, { forwardRef as gt, useRef as et, useImperativeHandle as _t, useState as nt, useEffect as E, useCallback as q, useMemo as J, Fragment as Et } from "react";
-import { i as Ct, c as b, a as St } from "../../index.es-ChSlnpSq.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-DFFyENnI.js";
-import { b as Nt } from "../../index.es-1zrFd4Te.js";
-import { Iconify as Lt } from "../Iconify/Iconify.js";
-import { O as Ft } from "../../OfflineView-Bw-sbsym.js";
+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 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 { 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 '../../assets/Modal.css';/**
  * @license
  * Copyright 2016 Google Inc.
@@ -34,21 +35,21 @@ import '../../assets/Modal.css';/**
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-function Rt(i, e, t) {
-  return e(i, { initialFocusEl: t });
+function he(o, e, t) {
+  return e(o, { initialFocusEl: t });
 }
-function Bt(i) {
-  return i ? i.scrollHeight > i.offsetHeight : !1;
+function ge(o) {
+  return o ? o.scrollHeight > o.offsetHeight : !1;
 }
-function wt(i) {
-  return i ? i.scrollTop === 0 : !1;
+function Ce(o) {
+  return o ? o.scrollTop === 0 : !1;
 }
-function Mt(i) {
-  return i ? Math.ceil(i.scrollHeight - i.scrollTop) === i.clientHeight : !1;
+function _e(o) {
+  return o ? Math.ceil(o.scrollHeight - o.scrollTop) === o.clientHeight : !1;
 }
-function kt(i) {
+function Ee(o) {
   var e = /* @__PURE__ */ new Set();
-  return [].forEach.call(i, function(t) {
+  return [].forEach.call(o, function(t) {
     return e.add(t.offsetTop);
   }), e.size > 1;
 }
@@ -74,47 +75,47 @@ function kt(i) {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var $ = "mdc-dom-focus-sentinel", Ht = (
+var Q = "mdc-dom-focus-sentinel", ve = (
   /** @class */
   function() {
-    function i(e, t) {
+    function o(e, t) {
       t === void 0 && (t = {}), this.root = e, this.options = t, this.elFocusedBeforeTrapFocus = null;
     }
-    return i.prototype.trapFocus = function() {
+    return o.prototype.trapFocus = function() {
       var e = this.getFocusableElements(this.root);
       if (e.length === 0)
         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);
-    }, i.prototype.releaseFocus = function() {
-      [].slice.call(this.root.querySelectorAll("." + $)).forEach(function(e) {
+    }, o.prototype.releaseFocus = function() {
+      [].slice.call(this.root.querySelectorAll("." + Q)).forEach(function(e) {
         e.parentElement.removeChild(e);
       }), !this.options.skipRestoreFocus && this.elFocusedBeforeTrapFocus && this.elFocusedBeforeTrapFocus.focus();
-    }, i.prototype.wrapTabFocus = function(e) {
-      var t = this, n = this.createSentinel(), o = this.createSentinel();
+    }, o.prototype.wrapTabFocus = function(e) {
+      var t = this, n = this.createSentinel(), i = this.createSentinel();
       n.addEventListener("focus", function() {
         var a = t.getFocusableElements(e);
         a.length > 0 && a[a.length - 1].focus();
-      }), o.addEventListener("focus", function() {
+      }), i.addEventListener("focus", function() {
         var a = t.getFocusableElements(e);
         a.length > 0 && a[0].focus();
-      }), e.insertBefore(n, e.children[0]), e.appendChild(o);
-    }, i.prototype.focusInitialElement = function(e, t) {
+      }), e.insertBefore(n, e.children[0]), e.appendChild(i);
+    }, o.prototype.focusInitialElement = function(e, t) {
       var n = 0;
       t && (n = Math.max(e.indexOf(t), 0)), e[n].focus();
-    }, i.prototype.getFocusableElements = function(e) {
+    }, o.prototype.getFocusableElements = function(e) {
       var t = [].slice.call(e.querySelectorAll("[autofocus], [tabindex], a, input, textarea, select, button"));
       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($) && !o, f = !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(Q) && !i, p = !1;
         if (a) {
-          var p = getComputedStyle(n);
-          f = p.display === "none" || p.visibility === "hidden";
+          var h = getComputedStyle(n);
+          p = h.display === "none" || h.visibility === "hidden";
         }
-        return a && !f;
+        return a && !p;
       });
-    }, i.prototype.createSentinel = function() {
+    }, o.prototype.createSentinel = function() {
       var e = document.createElement("div");
-      return e.setAttribute("tabindex", "0"), e.setAttribute("aria-hidden", "true"), e.classList.add($), e;
-    }, i;
+      return e.setAttribute("tabindex", "0"), e.setAttribute("aria-hidden", "true"), e.classList.add(Q), e;
+    }, o;
   }()
 );
 /**
@@ -139,7 +140,7 @@ var $ = "mdc-dom-focus-sentinel", Ht = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var r = {
+var s = {
   CLOSING: "mdc-dialog--closing",
   OPEN: "mdc-dialog--open",
   OPENING: "mdc-dialog--opening",
@@ -172,7 +173,7 @@ var r = {
   // to prevent interactions with the content behind this scrim, and to capture
   // scrim clicks.
   SCRIM_HIDDEN: "mdc-dialog__scrim--hidden"
-}, y = {
+}, O = {
   ACTION_ATTRIBUTE: "data-mdc-dialog-action",
   BUTTON_DEFAULT_ATTRIBUTE: "data-mdc-dialog-button-default",
   BUTTON_SELECTOR: ".mdc-dialog__button",
@@ -192,7 +193,7 @@ var r = {
     ".mdc-menu .mdc-deprecated-list-item"
   ].join(", "),
   SURFACE_SELECTOR: ".mdc-dialog__surface"
-}, Y = {
+}, X = {
   DIALOG_ANIMATION_CLOSE_TIME_MS: 75,
   DIALOG_ANIMATION_OPEN_TIME_MS: 150
 };
@@ -218,17 +219,17 @@ var r = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var M;
-(function(i) {
-  i.POLL_SCROLL_POS = "poll_scroll_position", i.POLL_LAYOUT_CHANGE = "poll_layout_change";
-})(M || (M = {}));
-var rt = (
+var x;
+(function(o) {
+  o.POLL_SCROLL_POS = "poll_scroll_position", o.POLL_LAYOUT_CHANGE = "poll_layout_change";
+})(x || (x = {}));
+var xt = (
   /** @class */
-  function(i) {
-    at(e, i);
+  function(o) {
+    Ht(e, o);
     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 = y.CLOSE_ACTION, n.scrimClickAction = y.CLOSE_ACTION, n.autoStackButtons = !0, n.areButtonsStacked = !1, n.suppressDefaultPressSelector = y.SUPPRESS_DEFAULT_PRESS_SELECTOR, n.animFrame = new Dt(), n.contentScrollHandler = function() {
+      var n = o.call(this, Mt(Mt({}, 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() {
         n.layout();
@@ -238,19 +239,19 @@ var rt = (
     }
     return Object.defineProperty(e, "cssClasses", {
       get: function() {
-        return r;
+        return s;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(e, "strings", {
       get: function() {
-        return y;
+        return O;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(e, "numbers", {
       get: function() {
-        return Y;
+        return X;
       },
       enumerable: !1,
       configurable: !0
@@ -318,30 +319,30 @@ var rt = (
       enumerable: !1,
       configurable: !0
     }), e.prototype.init = function() {
-      this.adapter.hasClass(r.STACKED) && this.setAutoStackButtons(!1), this.isFullscreen = this.adapter.hasClass(r.FULLSCREEN);
+      this.adapter.hasClass(s.STACKED) && this.setAutoStackButtons(!1), this.isFullscreen = this.adapter.hasClass(s.FULLSCREEN);
     }, e.prototype.destroy = function() {
-      this.dialogOpen && this.close(y.DESTROY_ACTION), this.animationTimer && (clearTimeout(this.animationTimer), this.handleAnimationTimerEnd()), this.isFullscreen && this.adapter.deregisterContentEventHandler("scroll", this.contentScrollHandler), this.animFrame.cancelAll(), this.adapter.deregisterWindowEventHandler("resize", this.windowResizeHandler), this.adapter.deregisterWindowEventHandler("orientationchange", this.windowOrientationChangeHandler);
+      this.dialogOpen && this.close(O.DESTROY_ACTION), this.animationTimer && (clearTimeout(this.animationTimer), this.handleAnimationTimerEnd()), this.isFullscreen && this.adapter.deregisterContentEventHandler("scroll", this.contentScrollHandler), this.animFrame.cancelAll(), this.adapter.deregisterWindowEventHandler("resize", this.windowResizeHandler), this.adapter.deregisterWindowEventHandler("orientationchange", this.windowOrientationChangeHandler);
     }, e.prototype.open = function(t) {
       var n = this;
-      this.dialogOpen = !0, this.adapter.notifyOpening(), this.adapter.addClass(r.OPENING), this.isFullscreen && this.adapter.registerContentEventHandler("scroll", this.contentScrollHandler), t && t.isAboveFullscreenDialog && this.adapter.addClass(r.SCRIM_HIDDEN), this.adapter.registerWindowEventHandler("resize", this.windowResizeHandler), this.adapter.registerWindowEventHandler("orientationchange", this.windowOrientationChangeHandler), this.runNextAnimationFrame(function() {
-        n.adapter.addClass(r.OPEN), n.adapter.addBodyClass(r.SCROLL_LOCK), n.layout(), n.animationTimer = setTimeout(function() {
+      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();
-        }, Y.DIALOG_ANIMATION_OPEN_TIME_MS);
+        }, X.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(r.CLOSING), this.adapter.removeClass(r.OPEN), this.adapter.removeBodyClass(r.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() {
+      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);
-      }, Y.DIALOG_ANIMATION_CLOSE_TIME_MS));
+      }, X.DIALOG_ANIMATION_CLOSE_TIME_MS));
     }, e.prototype.showSurfaceScrim = function() {
       var t = this;
-      this.adapter.addClass(r.SURFACE_SCRIM_SHOWING), this.runNextAnimationFrame(function() {
-        t.adapter.addClass(r.SURFACE_SCRIM_SHOWN);
+      this.adapter.addClass(s.SURFACE_SCRIM_SHOWING), this.runNextAnimationFrame(function() {
+        t.adapter.addClass(s.SURFACE_SCRIM_SHOWN);
       });
     }, e.prototype.hideSurfaceScrim = function() {
-      this.adapter.removeClass(r.SURFACE_SCRIM_SHOWN), this.adapter.addClass(r.SURFACE_SCRIM_HIDING);
+      this.adapter.removeClass(s.SURFACE_SCRIM_SHOWN), this.adapter.addClass(s.SURFACE_SCRIM_HIDING);
     }, e.prototype.handleSurfaceScrimTransitionEnd = function() {
-      this.adapter.removeClass(r.SURFACE_SCRIM_HIDING), this.adapter.removeClass(r.SURFACE_SCRIM_SHOWING);
+      this.adapter.removeClass(s.SURFACE_SCRIM_HIDING), this.adapter.removeClass(s.SURFACE_SCRIM_SHOWING);
     }, e.prototype.isOpen = function() {
       return this.dialogOpen;
     }, e.prototype.getEscapeKeyAction = function() {
@@ -362,24 +363,24 @@ var rt = (
       this.suppressDefaultPressSelector = t;
     }, e.prototype.layout = function() {
       var t = this;
-      this.animFrame.request(M.POLL_LAYOUT_CHANGE, function() {
+      this.animFrame.request(x.POLL_LAYOUT_CHANGE, function() {
         t.layoutInternal();
       });
     }, e.prototype.handleClick = function(t) {
-      var n = this.adapter.eventTargetMatches(t.target, y.SCRIM_SELECTOR);
+      var n = this.adapter.eventTargetMatches(t.target, O.SCRIM_SELECTOR);
       if (n && this.scrimClickAction !== "")
         this.close(this.scrimClickAction);
       else {
-        var o = this.adapter.getActionFromEvent(t);
-        o && this.close(o);
+        var i = this.adapter.getActionFromEvent(t);
+        i && this.close(i);
       }
     }, e.prototype.handleKeydown = function(t) {
       var n = t.key === "Enter" || t.keyCode === 13;
       if (n) {
-        var o = this.adapter.getActionFromEvent(t);
-        if (!o) {
-          var a = t.composedPath ? t.composedPath()[0] : t.target, f = this.suppressDefaultPressSelector ? !this.adapter.eventTargetMatches(a, this.suppressDefaultPressSelector) : !0;
-          n && f && this.adapter.clickDefaultButton();
+        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();
         }
       }
     }, e.prototype.handleDocumentKeydown = function(t) {
@@ -387,30 +388,30 @@ var rt = (
       n && this.escapeKeyAction !== "" && this.close(this.escapeKeyAction);
     }, e.prototype.handleScrollEvent = function() {
       var t = this;
-      this.animFrame.request(M.POLL_SCROLL_POS, function() {
+      this.animFrame.request(x.POLL_SCROLL_POS, function() {
         t.toggleScrollDividerHeader(), t.toggleScrollDividerFooter();
       });
     }, e.prototype.layoutInternal = function() {
       this.autoStackButtons && this.detectStackedButtons(), this.toggleScrollableClasses();
     }, e.prototype.handleAnimationTimerEnd = function() {
-      this.animationTimer = 0, this.adapter.removeClass(r.OPENING), this.adapter.removeClass(r.CLOSING);
+      this.animationTimer = 0, this.adapter.removeClass(s.OPENING), this.adapter.removeClass(s.CLOSING);
     }, e.prototype.runNextAnimationFrame = function(t) {
       var n = this;
       cancelAnimationFrame(this.animationFrame), this.animationFrame = requestAnimationFrame(function() {
         n.animationFrame = 0, clearTimeout(n.animationTimer), n.animationTimer = setTimeout(t, 0);
       });
     }, e.prototype.detectStackedButtons = function() {
-      this.adapter.removeClass(r.STACKED);
+      this.adapter.removeClass(s.STACKED);
       var t = this.adapter.areButtonsStacked();
-      t && this.adapter.addClass(r.STACKED), t !== this.areButtonsStacked && (this.adapter.reverseButtons(), this.areButtonsStacked = t);
+      t && this.adapter.addClass(s.STACKED), t !== this.areButtonsStacked && (this.adapter.reverseButtons(), this.areButtonsStacked = t);
     }, e.prototype.toggleScrollableClasses = function() {
-      this.adapter.removeClass(r.SCROLLABLE), this.adapter.isContentScrollable() && (this.adapter.addClass(r.SCROLLABLE), this.isFullscreen && (this.toggleScrollDividerHeader(), this.toggleScrollDividerFooter()));
+      this.adapter.removeClass(s.SCROLLABLE), this.adapter.isContentScrollable() && (this.adapter.addClass(s.SCROLLABLE), this.isFullscreen && (this.toggleScrollDividerHeader(), this.toggleScrollDividerFooter()));
     }, e.prototype.toggleScrollDividerHeader = function() {
-      this.adapter.isScrollableContentAtTop() ? this.adapter.hasClass(r.SCROLL_DIVIDER_HEADER) && this.adapter.removeClass(r.SCROLL_DIVIDER_HEADER) : this.adapter.addClass(r.SCROLL_DIVIDER_HEADER);
+      this.adapter.isScrollableContentAtTop() ? this.adapter.hasClass(s.SCROLL_DIVIDER_HEADER) && this.adapter.removeClass(s.SCROLL_DIVIDER_HEADER) : this.adapter.addClass(s.SCROLL_DIVIDER_HEADER);
     }, 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);
+      this.adapter.isScrollableContentAtBottom() ? this.adapter.hasClass(s.SCROLL_DIVIDER_FOOTER) && this.adapter.removeClass(s.SCROLL_DIVIDER_FOOTER) : this.adapter.addClass(s.SCROLL_DIVIDER_FOOTER);
     }, e;
-  }(yt)
+  }(ae)
 );
 /**
  * @license
@@ -434,12 +435,12 @@ var rt = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var u = rt.strings, Pt = (
+var f = xt.strings, Se = (
   /** @class */
-  function(i) {
-    at(e, i);
+  function(o) {
+    Ht(e, o);
     function e() {
-      return i !== null && i.apply(this, arguments) || this;
+      return o !== null && o.apply(this, arguments) || this;
     }
     return Object.defineProperty(e.prototype, "isOpen", {
       get: function() {
@@ -477,39 +478,39 @@ var u = rt.strings, Pt = (
     }), e.attachTo = function(t) {
       return new e(t);
     }, e.prototype.initialize = function(t) {
-      var n, o;
-      t === void 0 && (t = function(h, S) {
-        return new Ht(h, S);
+      var n, i;
+      t === void 0 && (t = function(g, y) {
+        return new ve(g, y);
       });
-      var a = this.root.querySelector(u.CONTAINER_SELECTOR);
+      var a = this.root.querySelector(f.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 = [];
+        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 f = vt(this.buttons), p = f.next(); !p.done; p = f.next()) {
-          var v = p.value;
-          this.buttonRipples.push(new Tt(v));
+        for (var p = ie(this.buttons), h = p.next(); !h.done; h = p.next()) {
+          var S = h.value;
+          this.buttonRipples.push(new se(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 && (i = p.return) && i.call(p);
         } finally {
           if (n) throw n.error;
         }
       }
     }, e.prototype.initialSyncWithDOM = function() {
       var t = this;
-      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() {
+      this.focusTrap = he(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);
-      }, this.listen("click", this.handleClick), this.listen("keydown", this.handleKeydown), this.listen(u.OPENING_EVENT, this.handleOpening), this.listen(u.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(u.OPENING_EVENT, this.handleOpening), this.unlisten(u.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();
-      }), i.prototype.destroy.call(this);
+      }), o.prototype.destroy.call(this);
     }, e.prototype.layout = function() {
       this.foundation.layout();
     }, e.prototype.open = function() {
@@ -518,254 +519,253 @@ var u = rt.strings, Pt = (
       t === void 0 && (t = ""), this.foundation.close(t);
     }, e.prototype.getDefaultFoundation = function() {
       var t = this, n = {
-        addBodyClass: function(o) {
-          return document.body.classList.add(o);
+        addBodyClass: function(i) {
+          return document.body.classList.add(i);
         },
-        addClass: function(o) {
-          return t.root.classList.add(o);
+        addClass: function(i) {
+          return t.root.classList.add(i);
         },
         areButtonsStacked: function() {
-          return kt(t.buttons);
+          return Ee(t.buttons);
         },
         clickDefaultButton: function() {
           t.defaultButton && t.defaultButton.click();
         },
-        eventTargetMatches: function(o, a) {
-          return o ? bt(o, a) : !1;
+        eventTargetMatches: function(i, a) {
+          return i ? ce(i, a) : !1;
         },
-        getActionFromEvent: function(o) {
-          if (!o.target)
+        getActionFromEvent: function(i) {
+          if (!i.target)
             return "";
-          var a = At(o.target, "[" + u.ACTION_ATTRIBUTE + "]");
-          return a && a.getAttribute(u.ACTION_ATTRIBUTE);
+          var a = le(i.target, "[" + f.ACTION_ATTRIBUTE + "]");
+          return a && a.getAttribute(f.ACTION_ATTRIBUTE);
         },
         getInitialFocusEl: function() {
           return t.getInitialFocusEl();
         },
-        hasClass: function(o) {
-          return t.root.classList.contains(o);
+        hasClass: function(i) {
+          return t.root.classList.contains(i);
         },
         isContentScrollable: function() {
-          return Bt(t.content);
+          return ge(t.content);
         },
-        notifyClosed: function(o) {
-          return t.emit(u.CLOSED_EVENT, o ? { action: o } : {});
+        notifyClosed: function(i) {
+          return t.emit(f.CLOSED_EVENT, i ? { action: i } : {});
         },
-        notifyClosing: function(o) {
-          return t.emit(u.CLOSING_EVENT, o ? { action: o } : {});
+        notifyClosing: function(i) {
+          return t.emit(f.CLOSING_EVENT, i ? { action: i } : {});
         },
         notifyOpened: function() {
-          return t.emit(u.OPENED_EVENT, {});
+          return t.emit(f.OPENED_EVENT, {});
         },
         notifyOpening: function() {
-          return t.emit(u.OPENING_EVENT, {});
+          return t.emit(f.OPENING_EVENT, {});
         },
         releaseFocus: function() {
           t.focusTrap.releaseFocus();
         },
-        removeBodyClass: function(o) {
-          return document.body.classList.remove(o);
+        removeBodyClass: function(i) {
+          return document.body.classList.remove(i);
         },
-        removeClass: function(o) {
-          return t.root.classList.remove(o);
+        removeClass: function(i) {
+          return t.root.classList.remove(i);
         },
         reverseButtons: function() {
-          t.buttons.reverse(), t.buttons.forEach(function(o) {
-            o.parentElement.appendChild(o);
+          t.buttons.reverse(), t.buttons.forEach(function(i) {
+            i.parentElement.appendChild(i);
           });
         },
         trapFocus: function() {
           t.focusTrap.trapFocus();
         },
-        registerContentEventHandler: function(o, a) {
-          t.content instanceof HTMLElement && t.content.addEventListener(o, a);
+        registerContentEventHandler: function(i, a) {
+          t.content instanceof HTMLElement && t.content.addEventListener(i, a);
         },
-        deregisterContentEventHandler: function(o, a) {
-          t.content instanceof HTMLElement && t.content.removeEventListener(o, a);
+        deregisterContentEventHandler: function(i, a) {
+          t.content instanceof HTMLElement && t.content.removeEventListener(i, a);
         },
         isScrollableContentAtTop: function() {
-          return wt(t.content);
+          return Ce(t.content);
         },
         isScrollableContentAtBottom: function() {
-          return Mt(t.content);
+          return _e(t.content);
         },
-        registerWindowEventHandler: function(o, a) {
-          window.addEventListener(o, a);
+        registerWindowEventHandler: function(i, a) {
+          window.addEventListener(i, a);
         },
-        deregisterWindowEventHandler: function(o, a) {
-          window.removeEventListener(o, a);
+        deregisterWindowEventHandler: function(i, a) {
+          window.removeEventListener(i, a);
         }
       };
-      return new rt(n);
+      return new xt(n);
     }, e.prototype.getInitialFocusEl = function() {
-      return this.root.querySelector("[" + u.INITIAL_FOCUS_ATTRIBUTE + "]");
+      return this.root.querySelector("[" + f.INITIAL_FOCUS_ATTRIBUTE + "]");
     }, e;
-  }(Ot)
-);
-const Ut = {
+  }(re)
+), ye = {
   /**
    * 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.
    *
    * Defaults to **null**.
    */
-  actionButton: s.node,
+  actionButton: l.node,
   /**
    * Button for any navigating to the previous page in a Directional modal.
    *
    * Defaults to **null**.
    */
-  backButton: s.node,
+  backButton: l.node,
   /**
    * The custom modal label badge to be rendered.
    *
    * Defaults to **undefined**.
    */
-  badge: s.node,
+  badge: l.node,
   /**
    * Accepts any valid markup. Optionally, `content` may be used instead. If `content` and `children` are both set, `content` will take priority.
    *
    * Defaults to **null**.
    */
-  children: s.node,
+  children: l.node,
   /**
    * Primary content of the dialog. Accepts any valid markup. Optionally, `children` may be used instead. If content and `children` are both set, content will take priority.
    *
    * Defaults to **null**.
    */
-  content: s.node,
+  content: l.node,
   /**
    * Button that is the default action, triggered by pressing the Enter key.
    *
    * Defaults to **'primary'**.
    */
-  defaultButton: s.oneOf(["close", "primary", "action", "footerSupplemental"]),
+  defaultButton: l.oneOf(["close", "primary", "action", "footerSupplemental"]),
   /**
    * Button to cancel or close the modal.
    *
    * Defaults to **null**.
    */
-  dismissiveButton: s.node,
+  dismissiveButton: l.node,
   /**
    * Button to be displayed in left corner of the modal footer. Should be a text button.
    *
    * Defaults to **null**.
    */
-  footerSupplemental: s.node,
+  footerSupplemental: l.node,
   /**
    * Content to be displayed in right corner of the modal header. Should be a text button or a group of up to 3 icon buttons.
    *
    * Defaults to **null**.
    */
-  headerActions: s.node,
+  headerActions: l.node,
   /**
    * If true, the close icon in the upper left corner will not be rendered.
    *
    * Defaults to **false**.
    */
-  hideCloseIcon: s.bool,
+  hideCloseIcon: l.bool,
   /**
    * A slot for StepperIndicator.
    *
    * Defaults to **null**.
    */
-  indicator: s.node,
+  indicator: l.node,
   /**
    * Button to initially focus on after the dialog has opened. If left null, the initial focus will be on the first focusable element in the modal. As an alternative you can add `data-mdc-dialog-initial-focus` to any element within the modal to make that element the initial focus. If it is a directional modal, the initial focus will be on the nextButton.
    *
    * Defaults to **null**.
    */
-  initialFocus: s.oneOf(["null", "primary", "action", "footerSupplemental"]),
+  initialFocus: l.oneOf(["null", "primary", "action", "footerSupplemental"]),
   /**
    * If true, the buttons in the footer will be full width and stacked on mobile.
    *
    * Defaults to **false**.
    */
-  mobileStackedButtons: s.bool,
+  mobileStackedButtons: l.bool,
   /**
    * String to determine the size of the modal.
    *
    * Defaults to **'max'**.
    */
-  modalSize: s.oneOf(["fullscreen", "max", "xlarge", "large", "medium", "small", "dialog"]),
+  modalSize: l.oneOf(["fullscreen", "max", "xlarge", "large", "medium", "small", "dialog"]),
   /**
    * Button for navigating to the next page in a Directional modal or closing on the last page.
    *
    * Defaults to **null**.
    */
-  nextButton: s.node,
+  nextButton: l.node,
   /**
    * Set to true if the modal will not have any actions. Should be used sparingly and the modal should be closed programmatically. For example, can be used to stop the user from interacting or navigating away while a payment is processing.
    *
    * Defaults to **null**.
    */
-  noActions: s.bool,
+  noActions: l.bool,
   /**
    * Fired when the Dialog begins its closing animation. Where event.detail.action is the action which closed the dialog (close or accept).
    *
    * Defaults to **null**.
    */
-  onClose: s.func,
+  onClose: l.func,
   /**
    * Fired when the Dialog finishes its closing animation. Where event.detail.action is the action which closed the dialog (close or accept).
    *
    * Defaults to **null**.
    */
-  onClosed: s.func,
+  onClosed: l.func,
   /**
    * Fired when the Dialog begins its opening animation.
    *
    * Defaults to **null**.
    */
-  onOpen: s.func,
+  onOpen: l.func,
   /**
    * Fired when the Dialog finishes its opening animation.
    *
    * Defaults to **null**.
    */
-  onOpened: s.func,
+  onOpened: l.func,
   /**
    * If true, the Modal will be visible on screen.
    *
    * Defaults to **false**.
    */
-  open: s.bool,
+  open: l.bool,
   /**
    * Prevents the user from closing the dialog by hitting escape or clicking the scrim. Use caution when using this as the modal should always have a way for the user to close it.
    *
    * Defaults to **false**.
    */
-  preventClose: s.bool,
+  preventClose: l.bool,
   /**
    * Prevents the default behavior which adds an event listener for the Enter key to the Primary button. Any onEnter/submission behavior will need to be added by the developer (including closing the Modal).
    *
    * Defaults to **false**.
    */
-  preventPrimaryAccept: s.bool,
+  preventPrimaryAccept: l.bool,
   /**
    * Button for the primary action of the modal.
    *
    * Defaults to **null**.
    */
-  primaryButton: s.node,
+  primaryButton: l.node,
   /**
    * DOM selector to provide a target to return focus. Accepts any valid _query_ (see mdn docs for Element.querySelector). If omitted focus will return to the last focused element upon closing.
    *
    * Defaults to **null**.
    */
-  returnFocusSelector: s.string,
+  returnFocusSelector: l.string,
   /**
    * If true, wrapping will be disabled and a scrollable area will be created.
    *
    * Defaults to **false**.
    */
-  scrollable: s.bool,
+  scrollable: l.bool,
   /**
    * String for the modal title.
    *
    * Defaults to **null**.
    */
-  title: s.string
-}, xt = {
+  title: l.string
+}, Oe = {
   actionButton: null,
   backButton: null,
   badge: void 0,
@@ -782,6 +782,10 @@ const Ut = {
   modalSize: "max",
   nextButton: null,
   noActions: null,
+  onClose: null,
+  onClosed: null,
+  onOpen: null,
+  onOpened: null,
   open: !1,
   preventClose: !1,
   preventPrimaryAccept: !1,
@@ -789,196 +793,185 @@ const Ut = {
   returnFocusSelector: null,
   scrollable: !1,
   title: null
-}, k = /* @__PURE__ */ gt((i, e) => {
-  const {
-    actionButton: t,
-    actionIcons: n,
-    badge: o,
-    backButton: a,
-    children: f,
-    className: p,
-    content: v,
-    defaultButton: h,
-    dismissiveButton: S,
-    footerSupplemental: g,
-    headerActions: H,
-    hideCloseIcon: P,
-    indicator: st,
-    initialFocus: O,
-    mobileStackedButtons: U,
-    modalSize: _,
-    nextButton: T,
-    noActions: A,
-    onClose: x,
-    onClosed: G,
-    onOpen: D,
-    onOpened: I,
-    open: Q,
-    preventClose: K,
-    preventPrimaryAccept: X,
-    primaryButton: c,
-    returnFocusSelector: W,
-    scrollable: Z,
-    title: tt,
-    ...lt
-  } = i, N = et(), l = et();
-  _t(e, () => N.current, []);
-  const [V, ct] = nt(), [z, dt] = nt(() => T || a);
-  E(() => {
-    dt(T || a);
-  }, [T, a]);
-  const L = q(() => {
-    ct(window.innerWidth <= 600);
+}, 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();
+  te(e, function() {
+    return R.current;
+  }, []);
+  var Kt = wt(), Bt = Lt(Kt, 2), j = Bt[0], Wt = Bt[1], Vt = wt(function() {
+    return T || g;
+  }), Ft = Lt(Vt, 2), q = Ft[0], zt = Ft[1];
+  _(function() {
+    zt(T || g);
+  }, [T, g]);
+  var w = J(function() {
+    kt() && Wt(window.innerWidth <= 600);
   }, []);
-  E(() => (L(), window.addEventListener("resize", L), () => {
-    window.removeEventListener("resize", L);
-  }), [L]), E(() => (l.current = Pt.attachTo(N.current), () => {
-    l.current.destroy();
-  }), [l, N]), E(() => {
-    l.current.foundation.setAutoStackButtons(U);
-  }, [U]), E(() => {
-    A && (l.current.foundation.adapter.trapFocus = () => {
+  _(function() {
+    return kt() ? (w(), window.addEventListener("resize", w), function() {
+      window.removeEventListener("resize", w);
+    }) : function() {
+    };
+  }, [w]), _(function() {
+    return c.current = Se.attachTo(R.current), function() {
+      c.current.destroy();
+    };
+  }, [c, R]), _(function() {
+    c.current.foundation.setAutoStackButtons(G);
+  }, [G]), _(function() {
+    I && (c.current.foundation.adapter.trapFocus = function() {
     });
-  }, [A]), E(() => {
-    l.current.scrimClickAction = K ? "" : "close", l.current.escapeKeyAction = K ? "" : "close";
-  }, [K]);
-  const F = q((m) => {
-    x && x(m);
-  }, [x]), R = q((m) => {
-    W && Ct(W), G && G(m);
-  }, [W, G]);
-  E(() => (l.current.unlisten("MDCDialog: opening", D), l.current.listen("MDCDialog: opening", D), () => {
-    l.current.unlisten("MDCDialog: opening", D);
-  }), [l, D]), E(() => (l.current.unlisten("MDCDialog:opened", I), l.current.listen("MDCDialog:opened", I), () => {
-    l.current.unlisten("MDCDialog:opened", I);
-  }), [l, I]), E(() => (l.current.unlisten("MDCDialog:closing", F), l.current.listen("MDCDialog:closing", F), () => {
-    l.current.unlisten("MDCDialog:closing", F);
-  }), [l, F]), E(() => (l.current.unlisten("MDCDialog:closed", R), l.current.listen("MDCDialog:closed", R), () => {
-    l.current.unlisten("MDCDialog:closed", R);
-  }), [l, R]), E(() => {
-    Q ? l.current.open() : l.current.close();
-  }, [l, Q]);
-  const ut = J(() => () => {
-    const m = {
-      className: "lmnt-modal__button mdc-dialog__button",
-      elevation: t?.props.elevation !== "default" ? t?.props.elevation : "flat",
-      variant: t?.props.variant || "filled"
+  }, [I]), _(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);
+  }, [z, W]);
+  _(function() {
+    return c.current.unlisten("MDCDialog: opening", F), c.current.listen("MDCDialog: opening", F), function() {
+      c.current.unlisten("MDCDialog: opening", F);
+    };
+  }, [c, F]), _(function() {
+    return c.current.unlisten("MDCDialog:opened", L), c.current.listen("MDCDialog:opened", L), function() {
+      c.current.unlisten("MDCDialog:opened", L);
     };
-    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 = J(() => () => {
-    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"
+  }, [c, L]), _(function() {
+    return c.current.unlisten("MDCDialog:closing", k), c.current.listen("MDCDialog:closing", k), function() {
+      c.current.unlisten("MDCDialog:closing", k);
+    };
+  }, [c, k]), _(function() {
+    return c.current.unlisten("MDCDialog:closed", M), c.current.listen("MDCDialog:closed", M), function() {
+      c.current.unlisten("MDCDialog:closed", M);
+    };
+  }, [c, M]), _(function() {
+    vt ? c.current.open() : c.current.close();
+  }, [c, vt]);
+  var jt = Z(function() {
+    return function() {
+      var m = {
+        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;
+    };
+  }, [n?.props.elevation, n?.props.variant, A, b]), qt = Z(function() {
+    return function() {
+      var m = {
+        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 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 /* @__PURE__ */ d.createElement("aside", ht({
-    ref: N,
-    className: B("lmnt", "lmnt-modal", "mdc-dialog", Z && "lmnt-modal--scrollable mdc-dialog--scrollable", p),
+  }, [Ot, A, 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),
     role: "alertdialog"
-  }, lt), /* @__PURE__ */ d.createElement("div", {
-    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" || V) && "lmnt-modal__mobile", _ === "dialog" && "lmnt-modal__dialog", A && "lmnt-modal-no-actions")
-  }, /* @__PURE__ */ d.createElement("div", {
+  }, 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")
+  }, /* @__PURE__ */ u.createElement("div", {
     className: "lmnt-modal__surface mdc-dialog__surface"
-  }, /* @__PURE__ */ d.createElement("header", {
-    className: B("lmnt-modal__title", "mdc-dialog__title", (_ === "dialog" || P) && "lmnt-modal_title-hide-close-icon", n && "lmnt-modal_title-actionsIcons", Z && "lmnt-modal__title-scrollable", (P || _ === "dialog" || A) && "lmnt-modal--no-close-icon")
-  }, !P && _ !== "dialog" && !A && /* @__PURE__ */ d.createElement(it, {
+  }, /* @__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: "mdc-icon-button material-icons mdc-dialog__close",
     "data-mdc-dialog-action": "close",
     icon: "clear"
-  }), tt && /* @__PURE__ */ d.createElement("div", null, tt), H && /* @__PURE__ */ d.createElement("div", {
+  }), Nt && /* @__PURE__ */ u.createElement("div", null, Nt), st && /* @__PURE__ */ u.createElement("div", {
     className: "lmnt-dialog__title-actions"
-  }, H), o && /* @__PURE__ */ d.createElement("div", {
+  }, st), h && /* @__PURE__ */ u.createElement("div", {
     className: "lmnt-badge--modal",
     style: {
       marginLeft: "0"
     }
-  }, o)), (v || f) && /* @__PURE__ */ d.createElement("section", {
+  }, h)), (nt || v) && /* @__PURE__ */ u.createElement("section", {
     className: "lmnt-modal__content mdc-dialog__content"
-  }, v || f), st, (t || a || S || T || c || g) && /* @__PURE__ */ d.createElement("footer", {
-    className: B("lmnt-modal__actions", "mdc-dialog__actions", V && "lmnt-dialog__actions__mobile", g && "lmnt-modal__actions--supplemental-btn", V && U && "lmnt-modal_actions-mobile-stacked")
-  }, !z && g && /* @__PURE__ */ d.createElement("div", {
+  }, 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", {
     className: "lmnt-dialog__actions__supplemental"
-  }, b(g, () => {
-    const m = {};
-    return h === "footerSupplemental" && (m["data-mdc-dialog-button-default"] = !0), O === "footerSupplemental" && (m["data-mdc-dialog-initial-focus"] = !0), m;
-  })), !z && (t || S || c) && /* @__PURE__ */ d.createElement("div", {
+  }, 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", {
     className: "lmnt-dialog__actions__right-align lmnt-modal_actions_button"
-  }, S && b(S, {
+  }, N && D(N, {
     variant: "text",
     className: "lmnt-modal__button mdc-dialog__button",
     "data-mdc-dialog-action": "close"
-  }), t && !c && b(t, ut), c && b(c, mt)), z && /* @__PURE__ */ d.createElement("div", {
+  }), n && !d && D(n, jt), d && D(d, qt)), q && /* @__PURE__ */ u.createElement("div", {
     className: "lmnt-modal_actions_button lmnt-dialog__actions__directional"
-  }, /* @__PURE__ */ d.createElement("div", null, St(a, "lmnt-modal__button")), /* @__PURE__ */ d.createElement("div", null, b(T, {
+  }, /* @__PURE__ */ u.createElement("div", null, oe(g, "lmnt-modal__button")), /* @__PURE__ */ u.createElement("div", null, D(T, {
     className: "lmnt-modal__button",
     "data-mdc-dialog-initial-focus": !0
-  })))))), /* @__PURE__ */ d.createElement("div", {
+  })))))), /* @__PURE__ */ u.createElement("div", {
     className: "mdc-dialog__scrim"
   }));
 });
-k.displayName = "Modal";
-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,
+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,
+  closeButton: De
+}, We = ({
+  onClose: o,
   title: e,
   headerActions: t,
   actionButton: n,
-  hideCloseIcon: o,
+  hideCloseIcon: i,
   leadingIcon: a,
-  isOnline: f = !0,
-  offlineViewProps: p,
-  children: v,
-  ...h
+  isOnline: p = !0,
+  offlineViewProps: h,
+  children: S,
+  ...g
 }) => {
-  const S = J(() => {
-    const g = {
+  const y = Z(() => {
+    const v = {
       id: "base",
-      action: /* @__PURE__ */ ft(j, { primaryAlign: "center", secondaryAlign: "center", children: [
-        !o && /* @__PURE__ */ C(
-          it,
+      action: /* @__PURE__ */ Yt(Y, { primaryAlign: "center", secondaryAlign: "center", children: [
+        !i && /* @__PURE__ */ E(
+          Pt,
           {
             icon: "close",
-            onClick: () => i?.(),
+            onClick: () => o?.(),
             type: "button",
-            className: w.closeButton
+            className: H.closeButton
           }
         ),
-        a ? /* @__PURE__ */ C(It, { customPadding: "0.25rem 0 0 0.75rem", children: /* @__PURE__ */ C(Lt, { icon: a }) }) : /* @__PURE__ */ C(pt, {}),
-        /* @__PURE__ */ C(
-          Nt,
+        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: o && !a ? w.titleWithoutCloseIcon : "",
+            className: i && !a ? H.titleWithoutCloseIcon : "",
             children: e
           }
         )
       ] }, "base-group")
     };
-    return t ? Array.isArray(t) ? [g, { id: "action-group", action: /* @__PURE__ */ C(j, { children: t }, "action-group") }] : [g, { id: "action", action: t }] : [g];
-  }, [t, o, a, i, e]);
-  return /* @__PURE__ */ C(
-    k,
+    return t ? Array.isArray(t) ? [v, { id: "action-group", action: /* @__PURE__ */ E(Y, { children: t }, "action-group") }] : [v, { id: "action", action: t }] : [v];
+  }, [t, i, a, o, e]);
+  return /* @__PURE__ */ E(
+    tt,
     {
-      ...h,
+      ...g,
       "data-testid": "modal",
-      className: `${w.modal} ${w.title} ${h.className ?? ""}`,
+      className: `${H.modal} ${H.title} ${g.className ?? ""}`,
       hideCloseIcon: !0,
       actionButton: n,
-      headerActions: /* @__PURE__ */ C(j, { primaryAlign: "space-between", secondaryAlign: "center", children: S.map((g) => /* @__PURE__ */ C(Et, { children: g.action }, g.id)) }, "header-group"),
+      headerActions: /* @__PURE__ */ E(Y, { primaryAlign: "space-between", secondaryAlign: "center", children: y.map((v) => /* @__PURE__ */ E(ee, { children: v.action }, v.id)) }, "header-group"),
       preventClose: !0,
-      children: f ? v : /* @__PURE__ */ C(Ft, { ...p })
+      children: p ? S : /* @__PURE__ */ E(pe, { ...h })
     }
   );
 };
 export {
-  ae as Modal
+  We as Modal
 };