@getflip/swirl-components-react 0.321.0 → 0.323.0

package/dist/{swirl-inline-notification.entry.25923400.js → swirl-inline-notification.entry.0a20f450.js}

@@ -1,17 +1,17 @@
-import { r as e, h as i, H as t } from "./index.0f8940f3.js";
+import { r as e, h as i, H as t } from "./index.b0484653.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const o = ":host{display:block}:host *{box-sizing:border-box}.inline-notification{display:flex;max-width:100%;padding:var(--s-space-12);border-radius:var(--s-border-radius-sm);gap:var(--s-space-8)}@media (min-width: 768px){.inline-notification{padding:var(--s-space-16)}}.inline-notification--intent-info{background-color:var(--s-surface-info-subdued)}.inline-notification--intent-info .inline-notification__icon{color:var(--s-icon-info)}.inline-notification--intent-critical{background-color:var(--s-surface-critical-subdued)}.inline-notification--intent-critical .inline-notification__icon{color:var(--s-icon-critical)}.inline-notification--intent-warning{background-color:var(--s-surface-warning-subdued)}.inline-notification--intent-warning .inline-notification__icon{color:var(--s-icon-warning)}.inline-notification--intent-success{background-color:var(--s-surface-success-subdued)}.inline-notification--intent-success .inline-notification__icon{color:var(--s-icon-success)}.inline-notification__icon{display:inline-flex;flex-shrink:0}.inline-notification__content{position:relative;top:0.0625rem;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}", s = o, a = class {
+const o = ":host{display:block}:host *{box-sizing:border-box}.inline-notification{display:flex;max-width:100%;padding:var(--s-space-12);border-radius:var(--s-border-radius-sm);gap:var(--s-space-8)}@media (min-width: 768px){.inline-notification{padding:var(--s-space-16)}}.inline-notification--intent-info{background-color:var(--s-surface-info-subdued)}.inline-notification--intent-info .inline-notification__icon{color:var(--s-icon-info)}.inline-notification--intent-critical{background-color:var(--s-surface-critical-subdued)}.inline-notification--intent-critical .inline-notification__icon{color:var(--s-icon-critical)}.inline-notification--intent-warning{background-color:var(--s-surface-warning-subdued)}.inline-notification--intent-warning .inline-notification__icon{color:var(--s-icon-warning)}.inline-notification--intent-success{background-color:var(--s-surface-success-subdued)}.inline-notification--intent-success .inline-notification__icon{color:var(--s-icon-success)}.inline-notification__icon{display:inline-flex;flex-shrink:0}.inline-notification__content{position:relative;top:0.0625rem;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}", a = o, s = class {
   constructor(n) {
     e(this, n), this.heading = void 0, this.hideHeading = void 0, this.importance = "status", this.intent = "info";
   }
   render() {
     const n = c("inline-notification", `inline-notification--intent-${this.intent}`);
-    return i(t, { key: "0e372d14fcefa989979e0f07c968ff1d20fcf62d" }, i("div", { key: "4cae444d2f0ed191d6cfb57cb6f4467c2fc3ca3c", "aria-describedby": "content", class: n, role: this.importance, tabIndex: 0 }, i("span", { key: "4f68709d3ff703cdb76ec57164552670ee50cd9d", "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && i("swirl-icon-error", { key: "13d2dc51453d4d01c6b80e21d44b960537f51226", size: 20 }), this.intent === "success" && i("swirl-icon-check-circle", { key: "d99463365cc16460ee6b028a80acc6fb9129e6cb", size: 20 }), this.intent === "warning" && i("swirl-icon-warning", { key: "667598591dc75b0d2bdfe03e7470983ca1723685", size: 20 }), this.intent === "info" && i("swirl-icon-info", { key: "110bcecb08f4e97816825da457582ecf8964285e", size: 20 })), i("span", { key: "5dfb85f68f9fff70eae936c13cf32d2af1677fc2", class: "inline-notification__content", id: "content" }, this.hideHeading && i("swirl-visually-hidden", { key: "c275e254e93acabf27e28cef7f517b4e19d436f8" }, this.heading) || i("swirl-text", { key: "00c323cbd64e75f7713bc89b492786b3ea201122", class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading), i("slot", { key: "09370d2ba66c58de2035b0382f9f18193839db24" }))));
+    return i(t, { key: "2704b6606718fe98e5e45b7230c106486ff10e6e" }, i("div", { key: "3ff317459e156b735bcf961309f5cd6cfd5cbda7", "aria-describedby": "content", class: n, role: this.importance, tabIndex: 0 }, i("span", { key: "bdfb3aece99624fbd2bd58c52e233f7954732120", "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && i("swirl-icon-error", { key: "e041ffd255a2e05be01039819960be4b9d01440c", size: 20 }), this.intent === "success" && i("swirl-icon-check-circle", { key: "4ce74f39c248d7637d6c75313a990a935c3d2827", size: 20 }), this.intent === "warning" && i("swirl-icon-warning", { key: "03e0c0a4775f113fb9576890bbcfc5c8967f7582", size: 20 }), this.intent === "info" && i("swirl-icon-info", { key: "1322f63efe89095a56efae21146362e4c5d13e48", size: 20 })), i("span", { key: "a240db569a7131f75fd4333bac507272fc574cc0", class: "inline-notification__content", id: "content" }, this.hideHeading && i("swirl-visually-hidden", { key: "54fa5301920929e6701cca4b1d1ab7a8cb9357be" }, this.heading) || i("swirl-text", { key: "919a85dc42906043b17a99f851cc64ab42f39535", class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading), i("slot", { key: "800f65515d9a6c232077f39856389874deea20d1" }))));
   }
 };
-a.style = s;
+s.style = a;
 export {
-  a as swirl_inline_notification
+  s as swirl_inline_notification
 };

package/dist/{swirl-inline-status.entry.e59337cd.js → swirl-inline-status.entry.3b01de96.js}

@@ -1,4 +1,4 @@
-import { r as s, h as e, H as a } from "./index.0f8940f3.js";
+import { r as s, h as e, H as a } from "./index.b0484653.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import { g as r } from "./utils-877a768f.c277f897.js";
 import "react";
@@ -27,7 +27,7 @@ const l = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-statu
   }
   render() {
     const t = o("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-    return e(a, { key: "2399be5d627741cba2a289842457b41fc838c28a" }, e("span", { key: "3f6ad8e7b1fd303874334fccab02b942deb31ed3", class: t, part: "inline-status" }, this.icon && e("span", { key: "9d296ed8a4c1c232f91b7f96a2e9330bbad4d5ce", class: "inline-status__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), e("span", { key: "4a027e288e1b152c732e9881ac2eb781631f7674", class: "inline-status__message" }, this.message)));
+    return e(a, { key: "b9d5463db671f5f3a00ed80e196548ef2f4e7605" }, e("span", { key: "7be237a30e43b5da9b49784abd08385cbf222d16", class: t, part: "inline-status" }, this.icon && e("span", { key: "12e119dbb608847c6183554bc20bfcb97e5138c9", class: "inline-status__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), e("span", { key: "f29af231a6f3859571aebfbbc13dc1f99509e31b", class: "inline-status__message" }, this.message)));
   }
 };
 d.style = c;

package/dist/{swirl-lightbox.entry.03e355f8.js → swirl-lightbox.entry.6ac8b3b6.js}

@@ -1,4 +1,4 @@
-import { r as h, c as b, h as i, H as u, g as f } from "./index.0f8940f3.js";
+import { r as h, c as b, h as i, H as u, g as f } from "./index.b0484653.js";
 import { d as g, e as m } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { c as x } from "./focus-trap.esm-49c9613c.db20abcc.js";

package/dist/{swirl-link.entry.64cf9062.js → swirl-link.entry.b39db8c4.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as t } from "./index.0f8940f3.js";
+import { r, h as i, H as t } from "./index.b0484653.js";
 import { c as s } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -8,7 +8,7 @@ const n = ":host{display:inline-flex}:host *{box-sizing:border-box}.link{color:v
   }
   render() {
     const e = s("link", `link--color-${this.color}`);
-    return i(t, { key: "8b276b12968034b35d2b39a6b8544535d78e06ed" }, i("a", { key: "48d365eab74bc1f83da3ccbffcf2fbb566933b05", class: e, href: this.href, part: "link", target: this.target }, this.label));
+    return i(t, { key: "b165545f055fe0070fc5e8937598bf724a971319" }, i("a", { key: "b6d6ce7dc458fb869441dcba66a22267b731fbb3", class: e, href: this.href, part: "link", target: this.target }, this.label));
   }
 };
 o.style = a;

package/dist/{swirl-list.entry.874d43f5.js → swirl-list.entry.f6a95dab.js}

@@ -1,4 +1,4 @@
-import { r as l, h as i, H as r } from "./index.0f8940f3.js";
+import { r as l, h as i, H as r } from "./index.b0484653.js";
 import "react";
 import "react-dom";
 const s = ':host{display:block}:host *{box-sizing:border-box}.swirl-list{line-height:var(--s-line-height-base)}.swirl-list ul,.swirl-list ol{margin:0;padding:0;list-style-position:outside;list-style-type:none}.swirl-list ul li{padding-left:1.5rem}.swirl-list ul li:before{display:inline-block;width:1.5rem;margin-left:-1.5rem;text-align:center;content:"\u2022"}.swirl-list ol{counter-reset:item}.swirl-list ol ol{counter-reset:letter}.swirl-list ol ol li:before{content:counter(letter, lower-alpha) ".";counter-increment:letter}.swirl-list ol li{padding-left:1.5rem}.swirl-list ol li:before{display:inline-block;min-width:1.5rem;margin-left:-1.5rem;padding-right:var(--s-space-8);text-align:right;content:counter(item) ".";counter-increment:item;font-variant-numeric:tabular-nums}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.swirl-list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}', n = s, o = class {

package/dist/{swirl-menu-item.entry.5932032b.js → swirl-menu-item.entry.c3e01a74.js}

@@ -1,4 +1,4 @@
-import { r, f as l, h as i, H as h, g as u } from "./index.0f8940f3.js";
+import { r, f as l, h as i, H as h, g as u } from "./index.b0484653.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import { c, p } from "./utils-877a768f.c277f897.js";
 import "react";

package/dist/{swirl-menu.entry.e39599a4.js → swirl-menu.entry.2a6ccb35.js}

@@ -1,5 +1,5 @@
-import { r as d, c, h as o, H as b, g as f } from "./index.0f8940f3.js";
-import { c as p, a as v, o as w, s as g, f as y } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
+import { r as d, c, h as o, H as b, g as p } from "./index.b0484653.js";
+import { c as v, a as f, o as w, s as g, f as y } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as M } from "./index-267776a4.6beb4f4b.js";
 import { q as a, c as l, p as h, i as I, b as x } from "./utils-877a768f.c277f897.js";
 import "react";
@@ -25,7 +25,7 @@ const _ = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
       }
       const t = this.el.parentElement;
       !Boolean(t) || !Boolean(this.menuContainer) || requestAnimationFrame(async () => {
-        this.position = await p(t, this.menuContainer, {
+        this.position = await v(t, this.menuContainer, {
           placement: "right-start",
           strategy: "fixed",
           middleware: [w({ mainAxis: -10, crossAxis: 0 }), g(), y()]
@@ -66,7 +66,7 @@ const _ = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
     (e = this.swirlPopover) == null || e.removeEventListener("popoverClose", this.resetMenu), (i = (t = this.mobileMediaQuery).removeEventListener) == null || i.call(t, "change", this.mediaQueryHandler), (n = this.observer) == null || n.disconnect();
   }
   watchActive() {
-    this.reposition(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = v(this.el.parentElement, this.menuContainer, this.reposition);
+    this.reposition(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = f(this.el.parentElement, this.menuContainer, this.reposition);
   }
   watchValue() {
     this.updateActiveItem();
@@ -154,15 +154,15 @@ const _ = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
       "menu--mobile": this.mobile,
       "menu--root": e
     });
-    return o(b, { key: "a9a6d23b817d8fe68e747400a69275fbbef0b2a5" }, o("div", { key: "8af753ae3070407da08e969c3f0590f714bdc47f", class: s }, this.mobile && e && o("div", { key: "ff1caaedf503275b1b5894c6997c82e012fdddb0", class: "menu__mobile-header" }, this.activeLevel === 0 && o("swirl-button", { key: "37c2ec4f45d11b466802f72e75ec8dc23ee07e72", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" }), this.activeLevel > 0 && o("swirl-button", { key: "06ff137930e5b6f4778d232696a1ea5bb9c97fac", hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" }), o("span", { key: "2ef593767ea127710f8c9adc33bebe6d1cdf6bb2", class: "menu__title", id: "menu-title" }, o("swirl-heading", { key: "a1d79bda33c6fcaf39eceb12dcf16e4dfed76fea", align: "center", as: "span", level: 4, text: this.label, truncate: !0 })), o("swirl-button", { key: "ba4285cc640cc0d222f7eb7b3431c6957d259c1e", class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone })), o("div", { key: "fecee80722bc7f06c832cda0911c43d6e18ad765", "aria-label": t, "aria-labelledby": i, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (m) => this.menuContainer = m, role: n, style: !this.mobile && this.level > 0 ? {
+    return o(b, { key: "831b3d822a398064233db7e5f4b46510fb795db4" }, o("div", { key: "d363801fb325c5b2b9044ed87a238daaa214683c", class: s }, this.mobile && e && o("div", { key: "ce1a041af80292f0184977b59557b13893be8038", class: "menu__mobile-header" }, this.activeLevel === 0 && o("swirl-button", { key: "1d9568ee29b50100a881cafaaad93bc746b1e5c3", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" }), this.activeLevel > 0 && o("swirl-button", { key: "befca2d12a1c7142af373c100a0b748c4dae34a6", hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" }), o("span", { key: "773677ad1dd6f866dcd519fd5b44c03c7689f3b5", class: "menu__title", id: "menu-title" }, o("swirl-heading", { key: "bfd0505553e0eb8fb2f319bad6ffa0bd32f84420", align: "center", as: "span", level: 4, text: this.label, truncate: !0 })), o("swirl-button", { key: "4d8aa6fd222bb28b5295ab851934a90cb9050f67", class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone })), o("div", { key: "44ff66f1a23428e259222f1451c6104eb693f7d8", "aria-label": t, "aria-labelledby": i, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (m) => this.menuContainer = m, role: n, style: !this.mobile && this.level > 0 ? {
       top: Boolean(this.position) ? `${(r = this.position) == null ? void 0 : r.y}px` : "",
       left: Boolean(this.position) ? `${(u = this.position) == null ? void 0 : u.x}px` : ""
     } : this.mobile ? {
       left: e ? `calc(-100% * ${this.activeLevel})` : "100%"
-    } : void 0 }, o("slot", { key: "d2b2e67fc903edcbdb62fada84d1be2ea2917f4d" }))));
+    } : void 0 }, o("slot", { key: "76cb1ed8ca42a937c323c9acbe301168e4134f51" }))));
   }
   get el() {
-    return f(this);
+    return p(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-modal.entry.fb0465f9.js → swirl-modal.entry.4aa5c7c6.js}

@@ -1,10 +1,10 @@
-import { r as f, c as h, h as a, H as p, g as u } from "./index.0f8940f3.js";
+import { r as p, c as t, h as a, H as u, g as v } from "./index.b0484653.js";
 import { d as m, e as b } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
-import { c as v } from "./index-267776a4.6beb4f4b.js";
-import { c as g } from "./focus-trap.esm-49c9613c.db20abcc.js";
+import { c as f } from "./index-267776a4.6beb4f4b.js";
+import { c as _ } from "./focus-trap.esm-49c9613c.db20abcc.js";
 import "react";
 import "react-dom";
-const _ = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);--swirl-resource-list-item-background-default:var(
+const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);--swirl-resource-list-item-background-default:var(
     --s-surface-overlay-default
   );--swirl-resource-list-item-background-hovered:var(
     --s-surface-overlay-hovered
@@ -17,17 +17,19 @@ const _ = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
         var(--swirl-modal-max-secondary-content-width)
     )}.modal--has-secondary-content:not(.modal--has-header-tools):not(.modal--hide-secondary-content-borders) .modal__header{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-header-tools:not(.modal--hide-secondary-content-borders) .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-custom-footer:not(.modal--hide-secondary-content-borders) .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-secondary-content:not(.modal--has-custom-footer):not(.modal--hide-secondary-content-borders) .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% - var(--swirl-modal-max-secondary-content-width));max-height:none;flex-basis:calc(100% - var(--swirl-modal-max-secondary-content-width))}}.modal--has-secondary-content .modal__secondary-content{display:block}.modal__main-content{display:flex;flex-direction:column;overflow-y:auto;flex-grow:1}.modal__sidebar{display:none}.modal--has-sidebar-content .modal__body{max-width:calc(
       var(--swirl-modal-max-width) + var(--swirl-modal-sidebar-width)
-    )}@media (min-width: 768px){.modal--has-sidebar-content .modal__sidebar{display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;width:var(--swirl-modal-sidebar-width);border-right:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header{border-bottom:var(--s-border-width-default) solid transparent}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header .modal__sidebar-heading{display:flex;align-items:center;height:var(--swirl-modal-header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-24);padding-bottom:var(--s-space-12);padding-left:var(--s-space-24)}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-content{display:block;flex-grow:1;overflow-y:auto}}@media (min-width: 992px){.modal--has-sidebar-content .modal__primary-content{flex-basis:calc(100% - 20rem)}}.modal--sidebar-padded .modal__sidebar .modal__sidebar-content{padding-left:var(--s-space-24);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-top:var(--s-space-16)}@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--scrolled .modal__custom-header{border-bottom-color:var(--s-border-default)}}@media (min-width: 768px){.modal--sidebar-scrolled .modal__sidebar .modal__sidebar-header{border-bottom-color:var(--s-border-default)}}.modal--has-sidebar-footer.modal--sidebar-footer-padded .modal__sidebar-footer{padding:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-sidebar-footer.modal--sidebar-footer-padded .modal__sidebar-footer{padding:var(--swirl-modal-footer-padding-large)}}@media (min-width: 768px){.modal--sidebar-scrollable .modal__sidebar-content{padding-bottom:0 !important}}.modal--sidebar-scrollable:not(.modal--sidebar-scrolled-down).modal--has-sidebar-footer .modal__sidebar-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{--swirl-card-background-default:var(--s-surface-overlay-default);--swirl-card-background-hovered:var(--s-surface-overlay-hovered);--swirl-card-background-pressed:var(--s-surface-overlay-pressed);--swirl-accordion-item-toggle-default:var(--s-surface-overlay-default);--swirl-accordion-item-toggle-hovered:var(--s-surface-overlay-hovered);--swirl-accordion-item-toggle-pressed:var(--s-surface-overlay-pressed);position:relative;z-index:var(--s-z-40);display:flex;flex-direction:row;overflow:hidden;width:100vw;height:var(--swirl-modal-view-height);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.modal__body{width:90vw;max-width:var(--swirl-modal-max-width);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:var(--swirl-modal-header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-24);padding-bottom:var(--s-space-12);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{display:none;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__custom-header{border-bottom-color:transparent}}.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;overflow-y:auto;flex-grow:1;flex-basis:100%;flex-direction:column}.modal__content{overflow-x:hidden;overflow-y:auto;height:100%}.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:var(--swirl-modal-max-secondary-content-width);max-height:none;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:0;flex-basis:50%;flex-grow:1}}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding:var(--swirl-modal-footer-padding-small);flex-shrink:0;justify-content:flex-end}@media (min-width: 768px){.modal__controls{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-secondary-content.modal--has-sidebar-content .modal__body{max-width:calc(
+    )}@media (min-width: 768px){.modal--has-sidebar-content .modal__sidebar{display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;width:var(--swirl-modal-sidebar-width);border-right:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header{border-bottom:var(--s-border-width-default) solid transparent;display:flex;align-items:center;gap:var(--s-space-8);padding-right:var(--s-space-24);padding-left:var(--s-space-24)}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header.modal__sidebar-header--has-close-button{padding-left:var(--s-space-16)}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header .modal__sidebar-heading{display:flex;align-items:center;height:var(--swirl-modal-header-height)}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-content{display:block;flex-grow:1;overflow-y:auto}}@media (min-width: 992px){.modal--has-sidebar-content .modal__primary-content{flex-basis:calc(100% - 20rem)}}.modal--sidebar-padded .modal__sidebar .modal__sidebar-content{padding-left:var(--s-space-24);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-top:var(--s-space-16)}@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--scrolled .modal__custom-header{border-bottom-color:var(--s-border-default)}}@media (min-width: 768px){.modal--sidebar-scrolled .modal__sidebar .modal__sidebar-header{border-bottom-color:var(--s-border-default)}}.modal--has-sidebar-footer.modal--sidebar-footer-padded .modal__sidebar-footer{padding:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-sidebar-footer.modal--sidebar-footer-padded .modal__sidebar-footer{padding:var(--swirl-modal-footer-padding-large)}}@media (min-width: 768px){.modal--sidebar-scrollable .modal__sidebar-content{padding-bottom:0 !important}}.modal--sidebar-scrollable:not(.modal--sidebar-scrolled-down).modal--has-sidebar-footer .modal__sidebar-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{--swirl-card-background-default:var(--s-surface-overlay-default);--swirl-card-background-hovered:var(--s-surface-overlay-hovered);--swirl-card-background-pressed:var(--s-surface-overlay-pressed);--swirl-accordion-item-toggle-default:var(--s-surface-overlay-default);--swirl-accordion-item-toggle-hovered:var(--s-surface-overlay-hovered);--swirl-accordion-item-toggle-pressed:var(--s-surface-overlay-pressed);position:relative;z-index:var(--s-z-40);display:flex;flex-direction:row;overflow:hidden;width:100vw;height:var(--swirl-modal-view-height);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.modal__body{width:90vw;max-width:var(--swirl-modal-max-width);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:var(--swirl-modal-header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-24);padding-bottom:var(--s-space-12);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{display:none;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__custom-header{border-bottom-color:transparent}}.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;overflow-y:auto;flex-grow:1;flex-basis:100%;flex-direction:column}.modal__content{overflow-x:hidden;overflow-y:auto;height:100%}.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:var(--swirl-modal-max-secondary-content-width);max-height:none;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:0;flex-basis:50%;flex-grow:1}}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding:var(--swirl-modal-footer-padding-small);flex-shrink:0;justify-content:flex-end}@media (min-width: 768px){.modal__controls{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-secondary-content.modal--has-sidebar-content .modal__body{max-width:calc(
       var(--swirl-modal-max-width) + var(--swirl-modal-sidebar-width) +
         var(--swirl-modal-max-secondary-content-width)
-    )}@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)}}`, y = _, w = class {
+    )}@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)}}`, w = g, y = class {
   constructor(e) {
-    f(this, e), this.modalClose = h(this, "modalClose", 7), this.modalOpen = h(this, "modalOpen", 7), this.primaryAction = h(this, "primaryAction", 7), this.requestModalClose = h(this, "requestModalClose", 7), this.secondaryAction = h(this, "secondaryAction", 7), this.onKeyDown = (o) => {
+    p(this, e), this.modalClose = t(this, "modalClose", 7), this.modalOpen = t(this, "modalOpen", 7), this.primaryAction = t(this, "primaryAction", 7), this.requestModalClose = t(this, "requestModalClose", 7), this.secondaryAction = t(this, "secondaryAction", 7), this.sidebarClose = t(this, "sidebarClose", 7), this.onKeyDown = (o) => {
       o.code === "Escape" && (o.stopImmediatePropagation(), this.close());
     }, this.onBackdropClick = () => {
       this.close();
     }, this.onCloseButtonClick = () => {
       this.close();
+    }, this.onSidebarCloseButtonClick = () => {
+      this.hideSidebarContent = !0, this.sidebarClose.emit();
     }, this.onPrimaryAction = (o) => {
       this.primaryAction.emit(o);
     }, this.onSecondaryAction = (o) => {
@@ -35,17 +37,17 @@ const _ = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     }, this.determineScrollStatus = () => {
       this.determineMainScrollStatus(), this.determineSidebarScrollStatus();
     }, this.determineMainScrollStatus = () => {
-      var r, s, i, l, n, c;
-      const o = ((r = this.scrollContainer) == null ? void 0 : r.scrollTop) > 0, d = Math.ceil(((s = this.scrollContainer) == null ? void 0 : s.scrollTop) + ((i = this.scrollContainer) == null ? void 0 : i.offsetHeight)) >= ((l = this.scrollContainer) == null ? void 0 : l.scrollHeight), t = ((n = this.scrollContainer) == null ? void 0 : n.scrollHeight) > ((c = this.scrollContainer) == null ? void 0 : c.offsetHeight);
-      o !== this.scrolled && (this.scrolled = o), d !== this.scrolledDown && (this.scrolledDown = d), t !== this.scrollable && (this.scrollable = t);
+      var r, i, l, n, c, h;
+      const o = ((r = this.scrollContainer) == null ? void 0 : r.scrollTop) > 0, d = Math.ceil(((i = this.scrollContainer) == null ? void 0 : i.scrollTop) + ((l = this.scrollContainer) == null ? void 0 : l.offsetHeight)) >= ((n = this.scrollContainer) == null ? void 0 : n.scrollHeight), s = ((c = this.scrollContainer) == null ? void 0 : c.scrollHeight) > ((h = this.scrollContainer) == null ? void 0 : h.offsetHeight);
+      o !== this.scrolled && (this.scrolled = o), d !== this.scrolledDown && (this.scrolledDown = d), s !== this.scrollable && (this.scrollable = s);
     }, this.determineSidebarScrollStatus = () => {
-      var r, s, i, l, n, c;
-      const o = ((r = this.sidebarScrollContainer) == null ? void 0 : r.scrollTop) > 0, d = Math.ceil(((s = this.sidebarScrollContainer) == null ? void 0 : s.scrollTop) + ((i = this.sidebarScrollContainer) == null ? void 0 : i.offsetHeight)) >= ((l = this.sidebarScrollContainer) == null ? void 0 : l.scrollHeight), t = ((n = this.sidebarScrollContainer) == null ? void 0 : n.scrollHeight) > ((c = this.sidebarScrollContainer) == null ? void 0 : c.offsetHeight);
-      o !== this.sidebarScrolled && (this.sidebarScrolled = o), d !== this.sidebarScrolledDown && (this.sidebarScrolledDown = d), t !== this.sidebarScrollable && (this.sidebarScrollable = t);
-    }, this.closable = !0, this.closeButtonLabel = "Close modal", this.height = void 0, this.hideCloseButton = void 0, this.hideLabel = void 0, this.label = void 0, this.maxHeight = void 0, this.minHeight = void 0, this.maxWidth = void 0, this.padded = !0, this.primaryActionLabel = void 0, this.secondaryActionLabel = void 0, this.variant = "default", this.contentGap = void 0, this.hideSecondaryContent = void 0, this.primaryContentMaxWidth = void 0, this.secondaryContentMaxWidth = void 0, this.primaryContentFlex = void 0, this.secondaryContentFlex = void 0, this.hideSecondaryContentBorders = void 0, this.secondaryContentPadding = void 0, this.secondaryContentPaddingBlockEnd = void 0, this.secondaryContentPaddingBlockStart = void 0, this.secondaryContentPaddingInlineEnd = void 0, this.secondaryContentPaddingInlineStart = void 0, this.sidebarLabel = void 0, this.sidebarPadded = !0, this.sidebarFooterPadded = !0, this.hideSidebarContent = void 0, this.isOpen = !1, this.closing = !1, this.hasCustomHeader = void 0, this.hasCustomFooter = void 0, this.hasHeaderTools = void 0, this.hasSecondaryContent = void 0, this.scrollable = !1, this.scrolled = !1, this.scrolledDown = !1, this.hasSidebarContent = void 0, this.hasSidebarFooter = void 0, this.sidebarScrolled = !1, this.sidebarScrolledDown = !1, this.sidebarScrollable = !1;
+      var r, i, l, n, c, h;
+      const o = ((r = this.sidebarScrollContainer) == null ? void 0 : r.scrollTop) > 0, d = Math.ceil(((i = this.sidebarScrollContainer) == null ? void 0 : i.scrollTop) + ((l = this.sidebarScrollContainer) == null ? void 0 : l.offsetHeight)) >= ((n = this.sidebarScrollContainer) == null ? void 0 : n.scrollHeight), s = ((c = this.sidebarScrollContainer) == null ? void 0 : c.scrollHeight) > ((h = this.sidebarScrollContainer) == null ? void 0 : h.offsetHeight);
+      o !== this.sidebarScrolled && (this.sidebarScrolled = o), d !== this.sidebarScrolledDown && (this.sidebarScrolledDown = d), s !== this.sidebarScrollable && (this.sidebarScrollable = s);
+    }, this.closable = !0, this.closeButtonLabel = "Close modal", this.height = void 0, this.hideCloseButton = void 0, this.hideLabel = void 0, this.label = void 0, this.maxHeight = void 0, this.minHeight = void 0, this.maxWidth = void 0, this.padded = !0, this.primaryActionLabel = void 0, this.secondaryActionLabel = void 0, this.variant = "default", this.contentGap = void 0, this.hideSecondaryContent = void 0, this.primaryContentMaxWidth = void 0, this.secondaryContentMaxWidth = void 0, this.primaryContentFlex = void 0, this.secondaryContentFlex = void 0, this.hideSecondaryContentBorders = void 0, this.secondaryContentPadding = void 0, this.secondaryContentPaddingBlockEnd = void 0, this.secondaryContentPaddingBlockStart = void 0, this.secondaryContentPaddingInlineEnd = void 0, this.secondaryContentPaddingInlineStart = void 0, this.sidebarLabel = void 0, this.sidebarPadded = !0, this.sidebarFooterPadded = !0, this.hideSidebarContent = void 0, this.hasSidebarCloseButton = void 0, this.sidebarCloseButtonLabel = "Close sidebar", this.isOpen = !1, this.closing = !1, this.hasCustomHeader = void 0, this.hasCustomFooter = void 0, this.hasHeaderTools = void 0, this.hasSecondaryContent = void 0, this.scrollable = !1, this.scrolled = !1, this.scrolledDown = !1, this.hasSidebarContent = void 0, this.hasSidebarFooter = void 0, this.sidebarScrolled = !1, this.sidebarScrolledDown = !1, this.sidebarScrollable = !1;
   }
   componentDidLoad() {
-    this.focusTrap = g(this.modalEl, {
+    this.focusTrap = _(this.modalEl, {
       allowOutsideClick: !0,
       escapeDeactivates: !1,
       tabbableOptions: {
@@ -107,7 +109,7 @@ const _ = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     this.scrollContainer && b(this.scrollContainer), this.sidebarScrollContainer && b(this.sidebarScrollContainer);
   }
   render() {
-    const e = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel), o = v("modal", `modal--variant-${this.variant}`, {
+    const e = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel), o = f("modal", `modal--variant-${this.variant}`, {
       "modal--closing": this.closing,
       "modal--has-custom-footer": this.hasCustomFooter,
       "modal--has-custom-header": this.hasCustomHeader,
@@ -127,17 +129,19 @@ const _ = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       "modal--sidebar-scrolled-down": this.sidebarScrolledDown,
       "modal--sidebar-scrollable": this.sidebarScrollable
     });
-    return a(p, { key: "d162022c8b9967bb9eded76db12570bbadacaa7d" }, a("section", { key: "16daee0db84ad02cca21fbfb889862c595b790b7", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: o, onKeyDown: this.onKeyDown, role: "dialog", ref: (d) => this.modalEl = d }, a("div", { key: "9580dc9753a27e9619ca5c8a46de177e41ad0401", class: "modal__backdrop", onClick: this.onBackdropClick }), a("div", { key: "91fd94a7b8e5546f09d3abaf30b452ff36b53ed8", class: "modal__body", style: {
+    return a(u, { key: "0543217e230003b07b330c75318de876bfd5f8c1" }, a("section", { key: "eb32ccf5ae5052679772f80ca65c92c16e7a0907", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: o, onKeyDown: this.onKeyDown, role: "dialog", ref: (d) => this.modalEl = d }, a("div", { key: "aebfe6f08258d72d80b953d9a341168413c6fcc5", class: "modal__backdrop", onClick: this.onBackdropClick }), a("div", { key: "b669d9c07414b8631c0337801a47b0b96c806c95", class: "modal__body", style: {
       "--swirl-modal-max-height": this.maxHeight,
       "--swirl-modal-height": this.height,
       minHeight: this.minHeight,
       maxWidth: this.maxWidth
-    } }, a("aside", { key: "79480adbc827a85032debda4dc0d20307c4c3d72", class: "modal__sidebar" }, this.sidebarLabel && a("header", { key: "a6a3bd6cad2bef769cedaa030e4ce6a461a92c76", class: "modal__sidebar-header" }, a("swirl-heading", { key: "ff5451d4f51467e5e60013dcc276f408a1c35bcc", as: "h3", class: "modal__sidebar-heading", level: 3, text: this.sidebarLabel })), a("div", { key: "e42c3111f5a095846bad8346885532eb2c7fbe96", class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (d) => this.sidebarScrollContainer = d }, a("slot", { key: "6a18599749a2ea252c90f0cf46ba13b6f70875a4", name: "sidebar-content" })), a("div", { key: "51afea19e6db35787dad89949f90cf7135bf3a2a", class: "modal__sidebar-footer" }, a("slot", { key: "5e27d543bf74ad187c4d413c92f1a0dad37ade6b", name: "sidebar-footer" }))), a("div", { key: "bfa4d069ad12b4377bbd7e00dffc47be4c6be742", class: "modal__main-content" }, a("header", { key: "23d5b07a941a7a504a05d0af0116119aa6547029", class: "modal__custom-header" }, a("slot", { key: "6a10aed5e3989f04dce9aadb8c10b23c04265c24", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && a("header", { key: "7cfa274ee7624dae949313d7e178ad7a091ec18f", class: "modal__header" }, a("div", { key: "591192e57b8630bb25d123ef8a8987202a7b90a6", class: "modal__header-bar" }, !this.hideCloseButton && a("swirl-button", { key: "9ed3c60edd6464f3c56fdb080cb202d4847adb90", 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 && a("swirl-heading", { key: "f3d11935d48cb6a83141df054b82afc254792c2d", as: "h2", class: "modal__heading", level: 3, text: this.label }))), a("div", { key: "6f0b289d11691dfd16a0716f2fa25f23f6f432e6", class: "modal__content-container", style: {
+    } }, a("aside", { key: "c223a5c5fdc6c3468b4367afadb59b0830a00e6c", class: "modal__sidebar" }, this.sidebarLabel && a("header", { key: "81c3b4af4ea04c45c43583e805ec232e25baf6b8", class: f("modal__sidebar-header", {
+      "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton
+    }) }, this.hasSidebarCloseButton && a("swirl-button", { key: "62f85cd8defba57c3a00eb095948713f70ff9f69", hideLabel: !0, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), a("swirl-heading", { key: "1c584271b7e7851af094537cf613c836066959e2", as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel })), a("div", { key: "cf1f01116aa4e219ec6be585465c0227b37cd0e2", class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (d) => this.sidebarScrollContainer = d }, a("slot", { key: "955e56368db6bda842d43a7b7a1986c978a20141", name: "sidebar-content" })), a("div", { key: "3383a87f2a354434175a8dbe566cb78e53731def", class: "modal__sidebar-footer" }, a("slot", { key: "c66e49cc46f00786a04e4daf19f04b87fd34557e", name: "sidebar-footer" }))), a("div", { key: "e21171544393bd45e9308f933dc7fc00a2b6c42c", class: "modal__main-content" }, a("header", { key: "48fbcab52704f2894b77df9c1ea5bcc4575b1c8c", class: "modal__custom-header" }, a("slot", { key: "1c3f60b542da972c9a50608587ffbd19f584ffa7", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && a("header", { key: "9b18c0763a681adac889c657ac297b750b0fa140", class: "modal__header" }, a("div", { key: "8cfac19c30d7f60a35b97aa565ea35bfe9e95005", class: "modal__header-bar" }, !this.hideCloseButton && a("swirl-button", { key: "e2911ca94e8c1ee1804b6eaaa089002f22c0c578", 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 && a("swirl-heading", { key: "ea14fbd1265cc1e43a2981f7b696638a456c1f1e", as: "h2", class: "modal__heading", level: 3, text: this.label }))), a("div", { key: "60c91d254f9e414ca4b87143ed6d5cef30ad1a38", class: "modal__content-container", style: {
       gap: this.contentGap ? `var(--s-space-${this.contentGap})` : void 0
-    } }, a("div", { key: "35d1da48878a59394e80fb417b8a79f87956a7c9", class: "modal__primary-content", style: {
+    } }, a("div", { key: "c11917be49baf1f43675a73a7a7046c7a887cb40", class: "modal__primary-content", style: {
       maxWidth: this.primaryContentMaxWidth,
       flex: this.primaryContentFlex
-    } }, a("div", { key: "61110bfffefd307ef8689c8011d22ee04a191c7d", class: "modal__header-tools" }, a("slot", { key: "88132e16cf38cbdfea4af31b0e47b5f085296799", name: "header-tools" })), a("div", { key: "9af2183748d315be64eee21e828bb0594f1d4756", class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (d) => this.scrollContainer = d }, a("slot", { key: "bd270446b3c8e3b1591e7b0d3fbe8ccff0c82d47" }))), a("div", { key: "5f9a362288a72d1217d8793de47e6483ba26c41d", class: "modal__secondary-content", style: {
+    } }, a("div", { key: "b33a69c6a9a3dcb81a3abd284f8bb6fd1dabcdb1", class: "modal__header-tools" }, a("slot", { key: "bacea7d3b542676a302da9e5623da9285d5ae3bc", name: "header-tools" })), a("div", { key: "d658729178719798986177acd3f7d466dcd5fadb", class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (d) => this.scrollContainer = d }, a("slot", { key: "95e3968d17d227ad7a7519b5485176c3d9b95cd1" }))), a("div", { key: "11bb7dbccbe133dad531786a5b0774b23f8c1b9f", class: "modal__secondary-content", style: {
       maxWidth: this.secondaryContentMaxWidth,
       flex: this.secondaryContentFlex,
       padding: Boolean(this.secondaryContentPadding) ? `var(--s-space-${this.secondaryContentPadding})` : void 0,
@@ -145,13 +149,13 @@ const _ = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       paddingBlockStart: Boolean(this.secondaryContentPaddingBlockStart) ? `var(--s-space-${this.secondaryContentPaddingBlockStart})` : void 0,
       paddingInlineEnd: Boolean(this.secondaryContentPaddingInlineEnd) ? `var(--s-space-${this.secondaryContentPaddingInlineEnd})` : void 0,
       paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart) ? `var(--s-space-${this.secondaryContentPaddingInlineStart})` : void 0
-    } }, a("slot", { key: "91c1ac6a98a4f4bc34ad0c7bb933d39630e42cba", name: "secondary-content" }))), a("div", { key: "dc07e671d85ec799067c91d08515df4b6dc5f8a3", class: "modal__custom-footer" }, a("slot", { key: "76064566c0e4cdcb636202b2a396c1f471547c8b", name: "custom-footer" })), e && a("footer", { key: "5da26f5013227d82fdcbf4cc26a035bacfbbc56a", class: "modal__controls" }, a("swirl-button-group", { key: "d52363233ed5e6cd395137adbd730181f10832a8", wrap: !0 }, this.secondaryActionLabel && a("swirl-button", { key: "19056321ef209dc0161bb368e705cdaf75adf895", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && a("swirl-button", { key: "fd0641ba559b5bc16215595aef5d4688fde76b4b", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
+    } }, a("slot", { key: "e2fcfac9a89a5a7df9e2c2af51c36991320342b1", name: "secondary-content" }))), a("div", { key: "d313f8e9c45a3eb64a28aaf711b3db1c8b3b18cd", class: "modal__custom-footer" }, a("slot", { key: "602ef11530a8fa084ddeff550fb3354fbd5d26dd", name: "custom-footer" })), e && a("footer", { key: "2624f756d8ca90556c1d7965db02c94582a53c71", class: "modal__controls" }, a("swirl-button-group", { key: "ed07892f918d99a6938d8b9ba692475533679fe2", wrap: !0 }, this.secondaryActionLabel && a("swirl-button", { key: "f7b795aaad285376106551dd8bf870d3dc5d125c", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && a("swirl-button", { key: "581e017486218fd5857262b55abfef6207bc70de", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
   }
   get el() {
-    return u(this);
+    return v(this);
   }
 };
-w.style = y;
+y.style = w;
 export {
-  w as swirl_modal
+  y as swirl_modal
 };

package/dist/{swirl-option-list-section.entry.52fe8e19.js → swirl-option-list-section.entry.3a6b6d48.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as e } from "./index.0f8940f3.js";
+import { r as t, h as s, H as e } from "./index.b0484653.js";
 import "react";
 import "react-dom";
 const a = ":host{display:block;width:100%}: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);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)}}", o = a, c = class {

package/dist/{swirl-option-list_2.entry.ce217ecf.js → swirl-option-list_2.entry.09a647ff.js}

@@ -1,4 +1,4 @@
-import { r as c, c as o, h as a, H as d, g } from "./index.0f8940f3.js";
+import { r as c, c as o, h as a, H as d, g } from "./index.b0484653.js";
 import { S as m } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { c as n, q as l } from "./utils-877a768f.c277f897.js";
 import { c as f } from "./index-267776a4.6beb4f4b.js";

package/dist/{swirl-pagination.entry.f003e4d6.js → swirl-pagination.entry.83df2424.js}

@@ -1,4 +1,4 @@
-import { r as l, c as s, h as e, H as r } from "./index.0f8940f3.js";
+import { r as l, c as s, h as e, H as r } from "./index.b0484653.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { d as g } from "./utils-877a768f.c277f897.js";
 import "react";

package/dist/{swirl-pdf-reader.entry.aa58406f.js → swirl-pdf-reader.entry.6b8e51d8.js}

@@ -1,4 +1,4 @@
-import { r as n, c as d, h as e, H as c, g as f } from "./index.0f8940f3.js";
+import { r as n, c as d, h as e, H as c, g as f } from "./index.b0484653.js";
 import { A as h } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { d as b, e as p } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";

package/dist/{swirl-popover_2.entry.a6a8830b.js → swirl-popover_2.entry.64c9bfa4.js}

@@ -1,4 +1,4 @@
-import { r as v, c as l, h as n, H as g, g as u } from "./index.0f8940f3.js";
+import { r as v, c as l, h as n, H as g, g as u } from "./index.b0484653.js";
 import { o as c, s as d, f as _, c as E, a as x } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { d as k, e as C } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as A } from "./index-267776a4.6beb4f4b.js";

package/dist/{swirl-progress-indicator.entry.9f33a9ce.js → swirl-progress-indicator.entry.97418c2a.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as n } from "./index.0f8940f3.js";
+import { r as t, h as e, H as n } from "./index.b0484653.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-radio-group.entry.0ef27dee.js → swirl-radio-group.entry.19c6ac52.js}

@@ -1,4 +1,4 @@
-import { r as o, c as d, h as i, H as l, g as n } from "./index.0f8940f3.js";
+import { r as o, c as d, h as i, H as l, g as n } from "./index.b0484653.js";
 import "react";
 import "react-dom";
 const u = ".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)}", c = u, h = class {

package/dist/{swirl-radio.entry.ed159ee4.js → swirl-radio.entry.be36fc6d.js}

@@ -1,4 +1,4 @@
-import { r as s, c, h as i, H as l } from "./index.0f8940f3.js";
+import { r as s, c, h as i, H as l } from "./index.b0484653.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-resource-list-file-item.entry.de9615dd.js → swirl-resource-list-file-item.entry.96ffbb2c.js}

@@ -1,4 +1,4 @@
-import { r as c, c as a, h as e, H as n } from "./index.0f8940f3.js";
+import { r as c, c as a, h as e, H as n } from "./index.b0484653.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import { g as f } from "./utils-877a768f.c277f897.js";
 import "react";

package/dist/{swirl-resource-list-section.entry.61975158.js → swirl-resource-list-section.entry.bdadc98a.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as a } from "./index.0f8940f3.js";
+import { r as i, h as e, H as a } from "./index.b0484653.js";
 import "react";
 import "react-dom";
 const t = ":host{display:block;width:100%}:host *{box-sizing:border-box}.resource-list-section-label{display:flex;padding:var(--s-space-8);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);font-size:var(--s-font-size-base);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-section-label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", r = t, o = class {

package/dist/{swirl-search.entry.bdbd5ada.js → swirl-search.entry.e695597b.js}

@@ -1,4 +1,4 @@
-import { r as i, c as r, h as a, H as t } from "./index.0f8940f3.js";
+import { r as i, c as r, h as a, H as t } from "./index.b0484653.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as h } from "./utils-877a768f.c277f897.js";
 import "react";

package/dist/{swirl-select.entry.33bbfd56.js → swirl-select.entry.9723b890.js}

@@ -1,4 +1,4 @@
-import { r as d, c as n, h as t, H as p, g as u } from "./index.0f8940f3.js";
+import { r as d, c as n, h as t, H as p, g as u } from "./index.b0484653.js";
 import { c as f } from "./index-267776a4.6beb4f4b.js";
 import { q as w } from "./utils-877a768f.c277f897.js";
 import "react";

package/dist/{swirl-separator.entry.317294d7.js → swirl-separator.entry.e5c435ff.js}

@@ -1,4 +1,4 @@
-import { r as t, h as r, F as e, H as s } from "./index.0f8940f3.js";
+import { r as t, h as r, F as e, H as s } from "./index.b0484653.js";
 import { c as i } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-shell-layout.entry.bc037a30.js → swirl-shell-layout.entry.561cf4b9.js}

@@ -1,4 +1,4 @@
-import { r as y, c as o, h as e, H as u, g as b } from "./index.0f8940f3.js";
+import { r as y, c as o, h as e, H as u, g as b } from "./index.b0484653.js";
 import { c as v } from "./index-267776a4.6beb4f4b.js";
 import { c as g } from "./focus-trap.esm-49c9613c.db20abcc.js";
 import { d as w, e as t } from "./utils-877a768f.c277f897.js";

package/dist/{swirl-shell-navigation-item.entry.78f073cb.js → swirl-shell-navigation-item.entry.45268d88.js}

@@ -1,4 +1,4 @@
-import { r as s, h as n, H as o, g as r } from "./index.0f8940f3.js";
+import { r as s, h as n, H as o, g as r } from "./index.b0484653.js";
 import { c as i } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-skeleton-text.entry.3d26477d.js → swirl-skeleton-text.entry.ac011444.js}

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as a } from "./index.0f8940f3.js";
+import { r as l, h as t, H as a } from "./index.b0484653.js";
 import { c as s } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-stack.entry.04d52433.js → swirl-stack.entry.67b65413.js}

@@ -1,4 +1,4 @@
-import { r as a, h as s, H as n } from "./index.0f8940f3.js";
+import { r as a, h as s, H as n } from "./index.b0484653.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-status-indicator.entry.70c801b4.js → swirl-status-indicator.entry.16e8a95f.js}

@@ -1,4 +1,4 @@
-import { r as i, h as t, H as a } from "./index.0f8940f3.js";
+import { r as i, h as t, H as a } from "./index.b0484653.js";
 import { c as e } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-switch.entry.98ef7b21.js → swirl-switch.entry.23832da4.js}

@@ -1,4 +1,4 @@
-import { r as h, c as r, h as i, H as l, g as n } from "./index.0f8940f3.js";
+import { r as h, c as r, h as i, H as l, g as n } from "./index.b0484653.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-account-circle.entry.a873d3b0.js → swirl-symbol-account-circle.entry.c4da3a69.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as c } from "./index.0f8940f3.js";
+import { r as t, h as e, F as c } from "./index.b0484653.js";
 import { c as C } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-alternate-email.entry.c96c2a2a.js → swirl-symbol-alternate-email.entry.a6bf21a6.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.0f8940f3.js";
+import { r as t, h as C, F as i } from "./index.b0484653.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-android.entry.0d4d349f.js → swirl-symbol-android.entry.63e559aa.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as t } from "./index.0f8940f3.js";
+import { r as e, h as C, F as t } from "./index.b0484653.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-announcement.entry.a42b7244.js → swirl-symbol-announcement.entry.1d3d6012.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as o } from "./index.0f8940f3.js";
+import { r as i, h as e, F as o } from "./index.b0484653.js";
 import { c as n } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-backup.entry.2be34c54.js → swirl-symbol-backup.entry.17248f6b.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as C } from "./index.0f8940f3.js";
+import { r as t, h as e, F as C } from "./index.b0484653.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-beach-access.entry.104af602.js → swirl-symbol-beach-access.entry.75cb6197.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as t } from "./index.0f8940f3.js";
+import { r as i, h as e, F as t } from "./index.b0484653.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-bookmark.entry.d6f5d4cc.js → swirl-symbol-bookmark.entry.5718a728.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as t } from "./index.0f8940f3.js";
+import { r as o, h as e, F as t } from "./index.b0484653.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-cloud.entry.d379890a.js → swirl-symbol-cloud.entry.019a78cc.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.0f8940f3.js";
+import { r as t, h as e, F as l } from "./index.b0484653.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-coronavirus.entry.f8ee3ad1.js → swirl-symbol-coronavirus.entry.f900e191.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, F as o } from "./index.0f8940f3.js";
+import { r as i, h as s, F as o } from "./index.b0484653.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-desktop-windows.entry.b6698ce4.js → swirl-symbol-desktop-windows.entry.cce5a194.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as o } from "./index.0f8940f3.js";
+import { r as t, h as e, F as o } from "./index.b0484653.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-directions-car-filled.entry.e4d58c3a.js → swirl-symbol-directions-car-filled.entry.ca8a2de9.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as C } from "./index.0f8940f3.js";
+import { r as t, h as e, F as C } from "./index.b0484653.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-edit-calendar.entry.1fe8420f.js → swirl-symbol-edit-calendar.entry.b7457bd0.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as a } from "./index.0f8940f3.js";
+import { r as t, h as e, F as a } from "./index.b0484653.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-email.entry.1c6187de.js → swirl-symbol-email.entry.8951d7b3.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.0f8940f3.js";
+import { r as t, h as e, F as l } from "./index.b0484653.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-emoji-food-beverage.entry.bbc8119f.js → swirl-symbol-emoji-food-beverage.entry.95d66d2a.js}

@@ -1,4 +1,4 @@
-import { r as o, h as s, F as t } from "./index.0f8940f3.js";
+import { r as o, h as s, F as t } from "./index.b0484653.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-event-menu.entry.bdf90f81.js → swirl-symbol-event-menu.entry.798936f1.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as C } from "./index.0f8940f3.js";
+import { r as i, h as e, F as C } from "./index.b0484653.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-facebook.entry.895a6ca4.js → swirl-symbol-facebook.entry.6cba4815.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as t } from "./index.0f8940f3.js";
+import { r as o, h as e, F as t } from "./index.b0484653.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-favorite.entry.e10efd41.js → swirl-symbol-favorite.entry.d9bba059.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as o } from "./index.0f8940f3.js";
+import { r as t, h as e, F as o } from "./index.b0484653.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-fitness-center.entry.9b4b53a0.js → swirl-symbol-fitness-center.entry.61f35b7d.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as C } from "./index.0f8940f3.js";
+import { r as i, h as e, F as C } from "./index.b0484653.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";