@getflip/swirl-components-react 0.100.3 → 0.101.1

package/dist/{swirl-modal.entry.300da8c4.js → swirl-modal.entry.d4e67019.js}

@@ -1,4 +1,4 @@
-import { r as ie, c as k, h as c, H as ne, g as se } from "./index.8daa88a5.js";
+import { r as ie, c as k, h as c, H as ne, g as se } from "./index.bddd8a03.js";
 import { d as le, e as de } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as ce } from "./index-d280dafb.186cdb0e.js";
 import "react";
@@ -7,29 +7,29 @@ import "react-dom";
 * tabbable 6.0.1
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */
-var Z = ["input", "select", "textarea", "a[href]", "button", "[tabindex]:not(slot)", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])', "details>summary:first-of-type", "details"], A = /* @__PURE__ */ Z.join(","), X = typeof Element > "u", C = X ? function() {
-} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, R = !X && Element.prototype.getRootNode ? function(i) {
-  return i.getRootNode();
-} : function(i) {
-  return i.ownerDocument;
+var Z = ["input", "select", "textarea", "a[href]", "button", "[tabindex]:not(slot)", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])', "details>summary:first-of-type", "details"], A = /* @__PURE__ */ Z.join(","), X = typeof Element > "u", x = X ? function() {
+} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, R = !X && Element.prototype.getRootNode ? function(r) {
+  return r.getRootNode();
+} : function(r) {
+  return r.ownerDocument;
 }, J = function(e, a, t) {
   var s = Array.prototype.slice.apply(e.querySelectorAll(A));
-  return a && C.call(e, A) && s.unshift(e), s = s.filter(t), s;
-}, Q = function i(e, a, t) {
+  return a && x.call(e, A) && s.unshift(e), s = s.filter(t), s;
+}, Q = function r(e, a, t) {
   for (var s = [], l = Array.from(e); l.length; ) {
     var o = l.shift();
     if (o.tagName === "SLOT") {
-      var u = o.assignedElements(), h = u.length ? u : o.children, v = i(h, !0, t);
+      var u = o.assignedElements(), h = u.length ? u : o.children, v = r(h, !0, t);
       t.flatten ? s.push.apply(s, v) : s.push({
         scopeParent: o,
         candidates: v
       });
     } else {
-      var S = C.call(o, A);
+      var S = x.call(o, A);
       S && t.filter(o) && (a || !e.includes(o)) && s.push(o);
-      var y = o.shadowRoot || typeof t.getShadowRoot == "function" && t.getShadowRoot(o), x = !t.shadowRootFilter || t.shadowRootFilter(o);
-      if (y && x) {
-        var w = i(y === !0 ? o.children : y.children, !0, t);
+      var y = o.shadowRoot || typeof t.getShadowRoot == "function" && t.getShadowRoot(o), C = !t.shadowRootFilter || t.shadowRootFilter(o);
+      if (y && C) {
+        var w = r(y === !0 ? o.children : y.children, !0, t);
         t.flatten ? s.push.apply(s, w) : s.push({
           scopeParent: o,
           candidates: w
@@ -89,8 +89,8 @@ var Z = ["input", "select", "textarea", "a[href]", "button", "[tabindex]:not(slo
   var t = a.displayCheck, s = a.getShadowRoot;
   if (getComputedStyle(e).visibility === "hidden")
     return !0;
-  var l = C.call(e, "details>summary:first-of-type"), o = l ? e.parentElement : e;
-  if (C.call(o, "details:not([open]) *"))
+  var l = x.call(e, "details>summary:first-of-type"), o = l ? e.parentElement : e;
+  if (x.call(o, "details:not([open]) *"))
     return !0;
   if (!t || t === "full" || t === "legacy-full") {
     if (typeof s == "function") {
@@ -116,7 +116,7 @@ var Z = ["input", "select", "textarea", "a[href]", "button", "[tabindex]:not(slo
         for (var t = 0; t < a.children.length; t++) {
           var s = a.children.item(t);
           if (s.tagName === "LEGEND")
-            return C.call(a, "fieldset[disabled] *") ? !0 : !s.contains(e);
+            return x.call(a, "fieldset[disabled] *") ? !0 : !s.contains(e);
         }
         return !0;
       }
@@ -130,10 +130,10 @@ var Z = ["input", "select", "textarea", "a[href]", "button", "[tabindex]:not(slo
 }, _e = function(e) {
   var a = parseInt(e.getAttribute("tabindex"), 10);
   return !!(isNaN(a) || a >= 0);
-}, Se = function i(e) {
+}, Se = function r(e) {
   var a = [], t = [];
   return e.forEach(function(s, l) {
-    var o = !!s.scopeParent, u = o ? s.scopeParent : s, h = ee(u, o), v = o ? i(s.candidates) : u;
+    var o = !!s.scopeParent, u = o ? s.scopeParent : s, h = ee(u, o), v = o ? r(s.candidates) : u;
     h === 0 ? o ? a.push.apply(a, v) : a.push(u) : t.push({
       documentOrder: l,
       tabIndex: h,
@@ -144,7 +144,7 @@ var Z = ["input", "select", "textarea", "a[href]", "button", "[tabindex]:not(slo
   }), t.sort(ue).reduce(function(s, l) {
     return l.isScope ? s.push.apply(s, l.content) : s.push(l.content), s;
   }, []).concat(a);
-}, xe = function(e, a) {
+}, Ce = function(e, a) {
   a = a || {};
   var t;
   return a.getShadowRoot ? t = Q([e], a.includeContainer, {
@@ -153,7 +153,7 @@ var Z = ["input", "select", "textarea", "a[href]", "button", "[tabindex]:not(slo
     getShadowRoot: a.getShadowRoot,
     shadowRootFilter: _e
   }) : t = J(e, a.includeContainer, P.bind(null, a)), Se(t);
-}, Ce = function(e, a) {
+}, xe = function(e, a) {
   a = a || {};
   var t;
   return a.getShadowRoot ? t = Q([e], a.includeContainer, {
@@ -164,44 +164,44 @@ var Z = ["input", "select", "textarea", "a[href]", "button", "[tabindex]:not(slo
 }, N = function(e, a) {
   if (a = a || {}, !e)
     throw new Error("No node provided");
-  return C.call(e, A) === !1 ? !1 : P(a, e);
+  return x.call(e, A) === !1 ? !1 : P(a, e);
 }, Te = /* @__PURE__ */ Z.concat("iframe").join(","), B = function(e, a) {
   if (a = a || {}, !e)
     throw new Error("No node provided");
-  return C.call(e, Te) === !1 ? !1 : O(a, e);
+  return x.call(e, Te) === !1 ? !1 : O(a, e);
 };
 /*!
 * focus-trap 7.1.0
 * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
 */
-function U(i, e) {
-  var a = Object.keys(i);
+function U(r, e) {
+  var a = Object.keys(r);
   if (Object.getOwnPropertySymbols) {
-    var t = Object.getOwnPropertySymbols(i);
+    var t = Object.getOwnPropertySymbols(r);
     e && (t = t.filter(function(s) {
-      return Object.getOwnPropertyDescriptor(i, s).enumerable;
+      return Object.getOwnPropertyDescriptor(r, s).enumerable;
     })), a.push.apply(a, t);
   }
   return a;
 }
-function W(i) {
+function W(r) {
   for (var e = 1; e < arguments.length; e++) {
     var a = arguments[e] != null ? arguments[e] : {};
     e % 2 ? U(Object(a), !0).forEach(function(t) {
-      ke(i, t, a[t]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(i, Object.getOwnPropertyDescriptors(a)) : U(Object(a)).forEach(function(t) {
-      Object.defineProperty(i, t, Object.getOwnPropertyDescriptor(a, t));
+      ke(r, t, a[t]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(a)) : U(Object(a)).forEach(function(t) {
+      Object.defineProperty(r, t, Object.getOwnPropertyDescriptor(a, t));
     });
   }
-  return i;
+  return r;
 }
-function ke(i, e, a) {
-  return e in i ? Object.defineProperty(i, e, {
+function ke(r, e, a) {
+  return e in r ? Object.defineProperty(r, e, {
     value: a,
     enumerable: !0,
     configurable: !0,
     writable: !0
-  }) : i[e] = a, i;
+  }) : r[e] = a, r;
 }
 var Fe = [], V = {
   activateTrap: function(e, a) {
@@ -249,17 +249,17 @@ var Fe = [], V = {
     active: !1,
     paused: !1,
     delayInitialFocusTimer: void 0
-  }, u, h = function(r, n, d) {
-    return r && r[n] !== void 0 ? r[n] : l[d || n];
-  }, v = function(r) {
+  }, u, h = function(i, n, d) {
+    return i && i[n] !== void 0 ? i[n] : l[d || n];
+  }, v = function(i) {
     return o.containerGroups.findIndex(function(n) {
       var d = n.container, b = n.tabbableNodes;
-      return d.contains(r) || b.find(function(f) {
-        return f === r;
+      return d.contains(i) || b.find(function(f) {
+        return f === i;
       });
     });
-  }, S = function(r) {
-    var n = l[r];
+  }, S = function(i) {
+    var n = l[i];
     if (typeof n == "function") {
       for (var d = arguments.length, b = new Array(d > 1 ? d - 1 : 0), f = 1; f < d; f++)
         b[f - 1] = arguments[f];
@@ -268,31 +268,31 @@ var Fe = [], V = {
     if (n === !0 && (n = void 0), !n) {
       if (n === void 0 || n === !1)
         return n;
-      throw new Error("`".concat(r, "` was specified but was not a node, or did not return a node"));
+      throw new Error("`".concat(i, "` was specified but was not a node, or did not return a node"));
     }
     var p = n;
     if (typeof n == "string" && (p = t.querySelector(n), !p))
-      throw new Error("`".concat(r, "` as selector refers to no known node"));
+      throw new Error("`".concat(i, "` as selector refers to no known node"));
     return p;
   }, y = function() {
-    var r = S("initialFocus");
-    if (r === !1)
+    var i = S("initialFocus");
+    if (i === !1)
       return !1;
-    if (r === void 0)
+    if (i === void 0)
       if (v(t.activeElement) >= 0)
-        r = t.activeElement;
+        i = t.activeElement;
       else {
         var n = o.tabbableGroups[0], d = n && n.firstTabbableNode;
-        r = d || S("fallbackFocus");
+        i = d || S("fallbackFocus");
       }
-    if (!r)
+    if (!i)
       throw new Error("Your focus-trap needs to have at least one focusable element");
-    return r;
-  }, x = function() {
-    if (o.containerGroups = o.containers.map(function(r) {
-      var n = xe(r, l.tabbableOptions), d = Ce(r, l.tabbableOptions);
+    return i;
+  }, C = function() {
+    if (o.containerGroups = o.containers.map(function(i) {
+      var n = Ce(i, l.tabbableOptions), d = xe(i, l.tabbableOptions);
       return {
-        container: r,
+        container: i,
         tabbableNodes: n,
         focusableNodes: d,
         firstTabbableNode: n.length > 0 ? n[0] : null,
@@ -309,46 +309,46 @@ var Fe = [], V = {
             });
         }
       };
-    }), o.tabbableGroups = o.containerGroups.filter(function(r) {
-      return r.tabbableNodes.length > 0;
+    }), o.tabbableGroups = o.containerGroups.filter(function(i) {
+      return i.tabbableNodes.length > 0;
     }), o.tabbableGroups.length <= 0 && !S("fallbackFocus"))
       throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
-  }, w = function m(r) {
-    if (r !== !1 && r !== t.activeElement) {
-      if (!r || !r.focus) {
+  }, w = function m(i) {
+    if (i !== !1 && i !== t.activeElement) {
+      if (!i || !i.focus) {
         m(y());
         return;
       }
-      r.focus({
+      i.focus({
         preventScroll: !!l.preventScroll
-      }), o.mostRecentlyFocusedNode = r, Ee(r) && r.select();
+      }), o.mostRecentlyFocusedNode = i, Ee(i) && i.select();
     }
-  }, H = function(r) {
-    var n = S("setReturnFocus", r);
-    return n || (n === !1 ? !1 : r);
-  }, E = function(r) {
-    var n = D(r);
+  }, H = function(i) {
+    var n = S("setReturnFocus", i);
+    return n || (n === !1 ? !1 : i);
+  }, E = function(i) {
+    var n = D(i);
     if (!(v(n) >= 0)) {
-      if (F(l.clickOutsideDeactivates, r)) {
+      if (F(l.clickOutsideDeactivates, i)) {
         u.deactivate({
           returnFocus: l.returnFocusOnDeactivate && !B(n, l.tabbableOptions)
         });
         return;
       }
-      F(l.allowOutsideClick, r) || r.preventDefault();
+      F(l.allowOutsideClick, i) || i.preventDefault();
     }
-  }, q = function(r) {
-    var n = D(r), d = v(n) >= 0;
-    d || n instanceof Document ? d && (o.mostRecentlyFocusedNode = n) : (r.stopImmediatePropagation(), w(o.mostRecentlyFocusedNode || y()));
-  }, te = function(r) {
-    var n = D(r);
-    x();
+  }, q = function(i) {
+    var n = D(i), d = v(n) >= 0;
+    d || n instanceof Document ? d && (o.mostRecentlyFocusedNode = n) : (i.stopImmediatePropagation(), w(o.mostRecentlyFocusedNode || y()));
+  }, te = function(i) {
+    var n = D(i);
+    C();
     var d = null;
     if (o.tabbableGroups.length > 0) {
       var b = v(n), f = b >= 0 ? o.containerGroups[b] : void 0;
       if (b < 0)
-        r.shiftKey ? d = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : d = o.tabbableGroups[0].firstTabbableNode;
-      else if (r.shiftKey) {
+        i.shiftKey ? d = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : d = o.tabbableGroups[0].firstTabbableNode;
+      else if (i.shiftKey) {
         var p = Y(o.tabbableGroups, function(L) {
           var I = L.firstTabbableNode;
           return n === I;
@@ -369,19 +369,19 @@ var Fe = [], V = {
       }
     } else
       d = S("fallbackFocus");
-    d && (r.preventDefault(), w(d));
-  }, M = function(r) {
-    if (Ne(r) && F(l.escapeDeactivates, r) !== !1) {
-      r.preventDefault(), u.deactivate();
+    d && (i.preventDefault(), w(d));
+  }, M = function(i) {
+    if (Ne(i) && F(l.escapeDeactivates, i) !== !1) {
+      i.preventDefault(), u.deactivate();
       return;
     }
-    if (De(r)) {
-      te(r);
+    if (De(i)) {
+      te(i);
       return;
     }
-  }, j = function(r) {
-    var n = D(r);
-    v(n) >= 0 || F(l.clickOutsideDeactivates, r) || F(l.allowOutsideClick, r) || (r.preventDefault(), r.stopImmediatePropagation());
+  }, j = function(i) {
+    var n = D(i);
+    v(n) >= 0 || F(l.clickOutsideDeactivates, i) || F(l.allowOutsideClick, i) || (i.preventDefault(), i.stopImmediatePropagation());
   }, G = function() {
     if (!!o.active)
       return V.activateTrap(s, u), o.delayInitialFocusTimer = l.delayInitialFocus ? $(function() {
@@ -410,24 +410,24 @@ var Fe = [], V = {
     get paused() {
       return o.paused;
     },
-    activate: function(r) {
+    activate: function(i) {
       if (o.active)
         return this;
-      var n = h(r, "onActivate"), d = h(r, "onPostActivate"), b = h(r, "checkCanFocusTrap");
-      b || x(), o.active = !0, o.paused = !1, o.nodeFocusedBeforeActivation = t.activeElement, n && n();
+      var n = h(i, "onActivate"), d = h(i, "onPostActivate"), b = h(i, "checkCanFocusTrap");
+      b || C(), o.active = !0, o.paused = !1, o.nodeFocusedBeforeActivation = t.activeElement, n && n();
       var f = function() {
-        b && x(), G(), d && d();
+        b && C(), G(), d && d();
       };
       return b ? (b(o.containers.concat()).then(f, f), this) : (f(), this);
     },
-    deactivate: function(r) {
+    deactivate: function(i) {
       if (!o.active)
         return this;
       var n = W({
         onDeactivate: l.onDeactivate,
         onPostDeactivate: l.onPostDeactivate,
         checkCanReturnFocus: l.checkCanReturnFocus
-      }, r);
+      }, i);
       clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, K(), o.active = !1, o.paused = !1, V.deactivateTrap(s, u);
       var d = h(n, "onDeactivate"), b = h(n, "onPostDeactivate"), f = h(n, "checkCanReturnFocus"), p = h(n, "returnFocus", "returnFocusOnDeactivate");
       d && d();
@@ -442,13 +442,13 @@ var Fe = [], V = {
       return o.paused || !o.active ? this : (o.paused = !0, K(), this);
     },
     unpause: function() {
-      return !o.paused || !o.active ? this : (o.paused = !1, x(), G(), this);
+      return !o.paused || !o.active ? this : (o.paused = !1, C(), G(), this);
     },
-    updateContainerElements: function(r) {
-      var n = [].concat(r).filter(Boolean);
+    updateContainerElements: function(i) {
+      var n = [].concat(i).filter(Boolean);
       return o.containers = n.map(function(d) {
         return typeof d == "string" ? t.querySelector(d) : d;
-      }), o.active && x(), this;
+      }), o.active && C(), this;
     }
   }, u.updateContainerElements(e), u;
 };
@@ -459,8 +459,8 @@ const Re = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-gho
   );--swirl-resource-list-item-background-pressed:var(
     --s-surface-overlay-pressed
   );--swirl-modal-height:auto;--swirl-modal-max-height:90vh;position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.modal[aria-hidden="true"]{display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{animation:none}}@media (min-width: 768px){.modal--variant-drawer.modal--hide-label .modal__header-bar{height:auto;padding-top:var(--s-space-4);padding-bottom:var(--s-space-4)}}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__header-bar{background-color:var(--s-surface-overlay-default)}.modal--variant-drawer .modal__header-bar .modal__close-button{margin-left:calc(-1 * var(--s-space-8))}@media (min-width: 768px){.modal--variant-drawer .modal__header-bar{flex-direction:row}}.modal--variant-drawer .modal__content{min-height:100%}@media (min-width: 768px){.modal--variant-drawer.modal--padded .modal__content{padding-top:var(--s-space-8)}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}.modal--has-header-tools .modal__header{border-bottom-color:transparent}.modal--has-header-tools .modal__header-tools{display:block}.modal--has-secondary-content .modal__body{max-width:64rem}.modal--has-secondary-content:not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-secondary-content:not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 992px){.modal--has-secondary-content .modal__header-tools,.modal--has-secondary-content .modal__content{padding-right:0}}.modal--has-secondary-content .modal__primary-content{overflow:visible;max-height:60%;flex-basis:auto}@media (min-width: 992px){.modal--has-secondary-content .modal__primary-content{max-width:calc(100% - 24rem);max-height:none;flex-basis:calc(100% - 24rem)}}.modal--has-secondary-content .modal__secondary-content{display:block}@media (min-width: 768px){.modal--scrolled:not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--scrolled.modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{position:relative;z-index:var(--s-z-40);display:flex;overflow:hidden;width:100vw;max-width:40rem;height:100vh;background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;max-height:var(--swirl-modal-max-height);border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.modal__body{height:var(--swirl-modal-height)}}.modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header{border-bottom:var(--s-border-width-default) solid transparent}}.modal__header-bar{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-shrink:0;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.modal__header-bar{height:4.125rem;padding-top:var(--s-space-24);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-direction:row-reverse;gap:var(--s-space-16)}}.modal__header-tools{display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header-tools{padding-right:var(--s-space-24);padding-left:var(--s-space-24);border-bottom-color:transparent}}.modal__custom-header{flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content-container{display:flex;overflow:hidden;flex-grow:1;flex-direction:column;gap:var(--s-space-24)}@media (min-width: 992px){.modal__content-container{flex-direction:row}}.modal__primary-content{display:flex;overflow:hidden;flex-basis:100%;flex-direction:column}.modal__content{overflow-x:hidden;overflow-y:auto}.modal__content ::slotted(*){margin:0}.modal__secondary-content{display:none;overflow:visible;overflow-x:hidden;overflow-y:auto;max-width:none;max-height:40%;padding-right:var(--s-space-16);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal__secondary-content{padding-left:var(--s-space-24)}}@media (min-width: 992px){.modal__secondary-content{overflow-x:hidden;overflow-y:auto;max-width:24rem;max-height:none;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:0;flex-basis:50%}}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-shrink:0;justify-content:flex-end}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}`, Oe = class {
-  constructor(i) {
-    ie(this, i), this.modalClose = k(this, "modalClose", 7), this.modalOpen = k(this, "modalOpen", 7), this.primaryAction = k(this, "primaryAction", 7), this.requestModalClose = k(this, "requestModalClose", 7), this.secondaryAction = k(this, "secondaryAction", 7), this.onKeyDown = (e) => {
+  constructor(r) {
+    ie(this, r), this.modalClose = k(this, "modalClose", 7), this.modalOpen = k(this, "modalOpen", 7), this.primaryAction = k(this, "primaryAction", 7), this.requestModalClose = k(this, "requestModalClose", 7), this.secondaryAction = k(this, "secondaryAction", 7), this.onKeyDown = (e) => {
       e.code === "Escape" && this.close();
     }, this.onBackdropClick = () => {
       this.close();
@@ -480,15 +480,19 @@ const Re = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-gho
     this.focusTrap = Ae(this.modalEl, {
       allowOutsideClick: !0,
       tabbableOptions: {
-        getShadowRoot: (i) => i.shadowRoot
+        getShadowRoot: (r) => r.shadowRoot
       }
     }), this.determineScrollStatus(), queueMicrotask(() => {
       this.updateCustomFooterStatus(), this.updateCustomHeaderStatus(), this.updateHeaderToolsStatus(), this.updateSecondaryContentStatus();
     });
   }
+  componentDidRender() {
+    var r;
+    (r = this.focusTrap) == null || r.updateContainerElements(this.modalEl);
+  }
   disconnectedCallback() {
-    var i;
-    (i = this.focusTrap) == null || i.deactivate(), this.unlockBodyScroll();
+    var r;
+    (r = this.focusTrap) == null || r.deactivate(), this.unlockBodyScroll();
   }
   onWindowResize() {
     this.determineScrollStatus();
@@ -501,8 +505,8 @@ const Re = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-gho
   async open() {
     this.isOpen = !0, this.modalOpen.emit(), this.lockBodyScroll(), this.determineScrollStatus();
   }
-  async close(i) {
-    this.closing || (this.requestModalClose.emit(), !(!this.closable && !i) && (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
+  async close(r) {
+    this.closing || (this.requestModalClose.emit(), !(!this.closable && !r) && (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
       this.isOpen = !1, this.modalClose.emit(), this.closing = !1;
     }, 150)));
   }
@@ -519,8 +523,8 @@ const Re = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-gho
     this.hasSecondaryContent = Boolean(this.el.querySelector('[slot="secondary-content"]'));
   }
   handleAutoFocus() {
-    var i;
-    (i = this.modalEl.querySelector("input[autofocus]")) == null || i.focus();
+    var r;
+    (r = this.modalEl.querySelector("input[autofocus]")) == null || r.focus();
   }
   lockBodyScroll() {
     le(this.scrollContainer);
@@ -529,7 +533,7 @@ const Re = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-gho
     de(this.scrollContainer);
   }
   render() {
-    const i = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel), e = ce("modal", `modal--variant-${this.variant}`, {
+    const r = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel), e = ce("modal", `modal--variant-${this.variant}`, {
       "modal--closing": this.closing,
       "modal--has-custom-footer": this.hasCustomFooter,
       "modal--has-custom-header": this.hasCustomHeader,
@@ -545,7 +549,7 @@ const Re = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-gho
       "--swirl-modal-max-height": this.maxHeight,
       "--swirl-modal-height": this.height,
       maxWidth: this.maxWidth
-    } }, c("header", { class: "modal__custom-header" }, c("slot", { name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && c("header", { class: "modal__header" }, c("div", { class: "modal__header-bar" }, !this.hideCloseButton && c("swirl-button", { class: "modal__close-button", hideLabel: !0, icon: this.variant === "default" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), !this.hideLabel && c("swirl-heading", { as: "h2", class: "modal__heading", level: 3, text: this.label }))), c("div", { class: "modal__content-container" }, c("div", { class: "modal__primary-content" }, c("div", { class: "modal__header-tools" }, c("slot", { name: "header-tools" })), c("div", { class: "modal__content", onScroll: this.determineScrollStatus, ref: (a) => this.scrollContainer = a }, c("slot", null))), c("div", { class: "modal__secondary-content" }, c("slot", { name: "secondary-content" }))), c("div", { class: "modal__custom-footer" }, c("slot", { name: "custom-footer" })), i && c("footer", { class: "modal__controls" }, c("swirl-button-group", { wrap: !0 }, this.secondaryActionLabel && c("swirl-button", { label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && c("swirl-button", { intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
+    } }, c("header", { class: "modal__custom-header" }, c("slot", { name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && c("header", { class: "modal__header" }, c("div", { class: "modal__header-bar" }, !this.hideCloseButton && c("swirl-button", { class: "modal__close-button", hideLabel: !0, icon: this.variant === "default" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), !this.hideLabel && c("swirl-heading", { as: "h2", class: "modal__heading", level: 3, text: this.label }))), c("div", { class: "modal__content-container" }, c("div", { class: "modal__primary-content" }, c("div", { class: "modal__header-tools" }, c("slot", { name: "header-tools" })), c("div", { class: "modal__content", onScroll: this.determineScrollStatus, ref: (a) => this.scrollContainer = a }, c("slot", null))), c("div", { class: "modal__secondary-content" }, c("slot", { name: "secondary-content" }))), c("div", { class: "modal__custom-footer" }, c("slot", { name: "custom-footer" })), r && c("footer", { class: "modal__controls" }, c("swirl-button-group", { wrap: !0 }, this.secondaryActionLabel && c("swirl-button", { label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && c("swirl-button", { intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
   }
   get el() {
     return se(this);

package/dist/{swirl-option-list-section.entry.362c02e2.js → swirl-option-list-section.entry.458a53ce.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as e } from "./index.8daa88a5.js";
+import { r as s, h as t, H as e } from "./index.bddd8a03.js";
 import "react";
 import "react-dom";
 const o = ":host{display:block}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", l = class {

package/dist/{swirl-option-list_2.entry.ecbd79a9.js → swirl-option-list_2.entry.b77938da.js}

@@ -1,4 +1,4 @@
-import { r as h, c as a, h as o, H as c, g as d } from "./index.8daa88a5.js";
+import { r as h, c as a, h as o, H as c, g as d } from "./index.bddd8a03.js";
 import { c as l, q as n } from "./utils-bc84f36e.1fee9865.js";
 import { S as m } from "./sortable.esm-8c3d5856.57c4f048.js";
 import { c as f } from "./index-d280dafb.186cdb0e.js";

package/dist/{swirl-pagination.entry.57465350.js → swirl-pagination.entry.2bdfbd45.js}

@@ -1,4 +1,4 @@
-import { r as l, c as s, h as i, H as r } from "./index.8daa88a5.js";
+import { r as l, c as s, h as i, H as r } from "./index.bddd8a03.js";
 import { c as p } from "./index-d280dafb.186cdb0e.js";
 import { d as g } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-pdf-reader.entry.c84ec20f.js → swirl-pdf-reader.entry.5439ee54.js}

@@ -1,4 +1,4 @@
-import { r as l, h as e, H as n, g as d } from "./index.8daa88a5.js";
+import { r as l, h as e, H as n, g as d } from "./index.bddd8a03.js";
 import { A as c } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { d as h, e as p } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";

package/dist/{swirl-popover_2.entry.2f2ff650.js → swirl-popover_2.entry.11468f36.js}

@@ -1,4 +1,4 @@
-import { r as g, c as l, h as s, H as v, g as m } from "./index.8daa88a5.js";
+import { r as g, c as l, h as s, H as v, g as m } from "./index.bddd8a03.js";
 import { o as c, s as d, f as u, c as f, a as b } from "./floating-ui.dom.esm-ac7cc24e.79b318e4.js";
 import { d as _, e as y } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as w } from "./index-d280dafb.186cdb0e.js";

package/dist/{swirl-progress-indicator.entry.cf1f759a.js → swirl-progress-indicator.entry.dfffe384.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as n } from "./index.8daa88a5.js";
+import { r as t, h as s, H as n } from "./index.bddd8a03.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-radio-group.entry.3134d887.js → swirl-radio-group.entry.ec0426af.js}

@@ -1,4 +1,4 @@
-import { r as o, c as l, h as i, H as n, g as u } from "./index.8daa88a5.js";
+import { r as o, c as l, h as i, H as n, g as u } from "./index.bddd8a03.js";
 import "react";
 import "react-dom";
 const d = ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-swirl-radio-group{box-sizing:border-box}.radio-group.sc-swirl-radio-group{display:flex;flex-direction:column;gap:var(--s-space-12)}", h = class {

package/dist/{swirl-radio.entry.48331656.js → swirl-radio.entry.6cc2a521.js}

@@ -1,4 +1,4 @@
-import { r as e, c as l, h as i, H as c } from "./index.8daa88a5.js";
+import { r as e, c as l, h as i, H as c } from "./index.bddd8a03.js";
 import { c as t } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-resource-list-file-item.entry.1a7e0cca.js → swirl-resource-list-file-item.entry.9ea828d1.js}

@@ -1,4 +1,4 @@
-import { r as c, c as n, h as e, H as a } from "./index.8daa88a5.js";
+import { r as c, c as n, h as e, H as a } from "./index.bddd8a03.js";
 import { c as m } from "./index-d280dafb.186cdb0e.js";
 import { g as u } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-search.entry.7d66be14.js → swirl-search.entry.86f13d24.js}

@@ -1,4 +1,4 @@
-import { r as i, c as r, h as a, H as t } from "./index.8daa88a5.js";
+import { r as i, c as r, h as a, H as t } from "./index.bddd8a03.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { g as n } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-select.entry.7d322b76.js → swirl-select.entry.432f6a26.js}

@@ -1,4 +1,4 @@
-import { r as u, c as h, h as s, H as w, g as v } from "./index.8daa88a5.js";
+import { r as u, c as h, h as s, H as w, g as v } from "./index.bddd8a03.js";
 import { c as m } from "./index-d280dafb.186cdb0e.js";
 import { q as _ } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-shell-layout.entry.cbbef438.js → swirl-shell-layout.entry.df9f2566.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as t } from "./index.8daa88a5.js";
+import { r as o, h as e, H as t } from "./index.bddd8a03.js";
 import { c as i } from "./index-d280dafb.186cdb0e.js";
 import { g as r, a as d } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-shell-navigation-item.entry.43d4d9c0.js → swirl-shell-navigation-item.entry.40e83ada.js}

@@ -1,4 +1,4 @@
-import { r as t, h as n, H as a, g as s } from "./index.8daa88a5.js";
+import { r as t, h as n, H as a, g as s } from "./index.bddd8a03.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-skeleton-box.entry.388cb2f4.js → swirl-skeleton-box.entry.7294a777.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i } from "./index.8daa88a5.js";
+import { r as t, h as s, H as i } from "./index.bddd8a03.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-skeleton-text.entry.5a4d23b8.js → swirl-skeleton-text.entry.ee2cd93f.js}

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as a } from "./index.8daa88a5.js";
+import { r as l, h as t, H as a } from "./index.bddd8a03.js";
 import { c as s } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-stack.entry.75778ac9.js → swirl-stack.entry.edd28fc3.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, H as e } from "./index.8daa88a5.js";
+import { r as i, h as s, H as e } from "./index.bddd8a03.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-status-indicator.entry.cdd8e5b2.js → swirl-status-indicator.entry.85bd925d.js}

@@ -1,4 +1,4 @@
-import { r as i, h as t, H as n } from "./index.8daa88a5.js";
+import { r as i, h as t, H as n } from "./index.bddd8a03.js";
 import { c as a } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-switch.entry.c3b80c57.js → swirl-switch.entry.490b75d8.js}

@@ -1,4 +1,4 @@
-import { r as n, c, h as e, H as a, g as o } from "./index.8daa88a5.js";
+import { r as n, c, h as e, H as a, g as o } from "./index.bddd8a03.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-account-circle.entry.755952b9.js → swirl-symbol-account-circle.entry.c15f6da2.js}

@@ -1,4 +1,4 @@
-import { r as C, h as i, F as l } from "./index.8daa88a5.js";
+import { r as C, h as i, F as l } from "./index.bddd8a03.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-alternate-email.entry.1c84ad5f.js → swirl-symbol-alternate-email.entry.846f40fb.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as e } from "./index.8daa88a5.js";
+import { r as t, h as C, F as e } from "./index.bddd8a03.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-android.entry.8675c2c4.js → swirl-symbol-android.entry.1cf44738.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as r } from "./index.8daa88a5.js";
+import { r as t, h as C, F as r } from "./index.bddd8a03.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-announcement.entry.3aa9e7fd.js → swirl-symbol-announcement.entry.94f9b61a.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, F as o } from "./index.8daa88a5.js";
+import { r as e, h as i, F as o } from "./index.bddd8a03.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-backup.entry.a02821a5.js → swirl-symbol-backup.entry.135b0329.js}

@@ -1,4 +1,4 @@
-import { r as C, h as i, F as l } from "./index.8daa88a5.js";
+import { r as C, h as i, F as l } from "./index.bddd8a03.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";