@getflip/swirl-components-react 0.338.2 → 0.340.0

package/dist/{swirl-inline-status.entry.c9fa3c9b.js → swirl-inline-status.entry.f6c862be.js}

@@ -1,13 +1,13 @@
-import { r as e, h as n, H as a } from "./index.9a597714.js";
-import { c as o } from "./index-267776a4.6beb4f4b.js";
-import { D as r } from "./media-query.service-9a0ff1cb.1b0964d0.js";
+import { r as e, h as s, H as a } from "./index.89ae7741.js";
+import { c as o } from "./index-orsBiyT_.fc4357c3.js";
+import { D as r } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";
 import "react-dom";
-import "./utils-28df99ee.9fb223f6.js";
-const c = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-status{display:inline-flex;color:var(--s-text-default);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.inline-status--size-s{font-size:var(--s-font-size-sm)}.inline-status--size-s .inline-status__icon{width:1rem;height:1rem;margin-top:0.125rem}.inline-status--size-s .inline-status__message{padding-top:0}.inline-status--intent-critical{color:var(--s-text-critical)}.inline-status--intent-critical .inline-status__icon{color:var(--s-icon-critical)}.inline-status--intent-info{color:var(--s-text-info)}.inline-status--intent-info .inline-status__icon{color:var(--s-icon-info)}.inline-status--intent-neutral{color:var(--s-text-subdued)}.inline-status--intent-neutral .inline-status__icon{color:var(--s-icon-default)}.inline-status--intent-success{color:var(--s-text-success)}.inline-status--intent-success .inline-status__icon{color:var(--s-icon-success)}.inline-status--intent-warning{color:var(--s-text-warning)}.inline-status--intent-warning .inline-status__icon{color:var(--s-icon-warning)}.inline-status__icon{display:inline-flex;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);color:var(--s-icon-default);align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__icon{width:1.25rem;height:1.25rem}}.inline-status__message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__message{padding-top:0}}", l = c, d = class {
+import "./utils-D_MUFqkF.654ff3ce.js";
+const c = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-status{display:inline-flex;color:var(--s-text-default);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.inline-status--size-s{font-size:var(--s-font-size-sm)}.inline-status--size-s .inline-status__icon{width:1rem;height:1rem;margin-top:0.125rem}.inline-status--size-s .inline-status__message{padding-top:0}.inline-status--intent-critical{color:var(--s-text-critical)}.inline-status--intent-critical .inline-status__icon{color:var(--s-icon-critical)}.inline-status--intent-info{color:var(--s-text-info)}.inline-status--intent-info .inline-status__icon{color:var(--s-icon-info)}.inline-status--intent-neutral{color:var(--s-text-subdued)}.inline-status--intent-neutral .inline-status__icon{color:var(--s-icon-default)}.inline-status--intent-success{color:var(--s-text-success)}.inline-status--intent-success .inline-status__icon{color:var(--s-icon-success)}.inline-status--intent-warning{color:var(--s-text-warning)}.inline-status--intent-warning .inline-status__icon{color:var(--s-icon-warning)}.inline-status__icon{display:inline-flex;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);color:var(--s-icon-default);align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__icon{width:1.25rem;height:1.25rem}}.inline-status__message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__message{padding-top:0}}", l = class {
   constructor(i) {
-    e(this, i), this.mediaQueryUnsubscribe = () => {
-    }, this.icon = void 0, this.intent = void 0, this.message = void 0, this.size = "m", this.iconSize = 20;
+    e(this, i), this.size = "m", this.iconSize = 20, this.mediaQueryUnsubscribe = () => {
+    };
   }
   componentDidLoad() {
     this.mediaQueryUnsubscribe = r.subscribe((i) => {
@@ -23,15 +23,15 @@ const c = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-statu
     const t = this.iconEl.children[0];
     if (!Boolean(t))
       return;
-    let s = "24";
-    this.size === "s" ? s = "16" : i && (s = "20"), t.setAttribute("size", s);
+    let n = "24";
+    this.size === "s" ? n = "16" : i && (n = "20"), t.setAttribute("size", n);
   }
   render() {
     const i = o("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-    return n(a, { key: "22bf2c275deaed66c42187d05bc675408c87483b" }, n("span", { key: "cf9ed614ff72659b6633d89207606229cd757a85", class: i, part: "inline-status" }, this.icon && n("span", { key: "242190520d73e5df43ec40e6f70e572c5f2f9dbf", class: "inline-status__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), n("span", { key: "3c00622a36c79271b35cdd29c2481ea51b7b8e15", class: "inline-status__message" }, this.message)));
+    return s(a, { key: "22bf2c275deaed66c42187d05bc675408c87483b" }, s("span", { key: "cf9ed614ff72659b6633d89207606229cd757a85", class: i, part: "inline-status" }, this.icon && s("span", { key: "242190520d73e5df43ec40e6f70e572c5f2f9dbf", class: "inline-status__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), s("span", { key: "3c00622a36c79271b35cdd29c2481ea51b7b8e15", class: "inline-status__message" }, this.message)));
   }
 };
-d.style = l;
+l.style = c;
 export {
-  d as swirl_inline_status
+  l as swirl_inline_status
 };

package/dist/{swirl-lightbox.entry.b99f6d45.js → swirl-lightbox.entry.1fbe9b02.js}

@@ -1,13 +1,13 @@
-import { r as h, c as b, h as i, H as u, g as f } from "./index.9a597714.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";
-import { q as v } from "./utils-28df99ee.9fb223f6.js";
+import { r as b, c, h as i, H as u, g } from "./index.89ae7741.js";
+import { d as f, e as m } from "./bodyScrollLock.esm-B0kNlhKL.c7a66a82.js";
+import { c as p } from "./index-orsBiyT_.fc4357c3.js";
+import { c as x } from "./focus-trap.esm-DIdMBZfn.c41dd5d8.js";
+import { q as v } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";
-const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:fixed;z-index:var(--s-z-40);background-color:rgba(0, 0, 0, 1);inset:0}.lightbox[aria-hidden="true"]{display:none}@media (min-width: 768px){.lightbox{background-color:rgba(0, 0, 0, 0.8)}}.lightbox:not(.lightbox--closing) .lightbox__body{animation:0.15s lightbox-fade-in}@media (prefers-reduced-motion){.lightbox:not(.lightbox--closing) .lightbox__body{animation:none}}.lightbox--closing{animation:0.15s lightbox-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.lightbox--closing{animation:none}}.lightbox--hide-menu .lightbox__menu{display:none}.lightbox--hide-toolbar .lightbox__toolbar{display:none}.lightbox__body{position:relative;width:100%;height:100%}.lightbox__header{position:absolute;z-index:1;top:0;right:0;left:0;display:flex;padding:var(--s-space-12) var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}.lightbox__toolbar{pointer-events:auto}.lightbox__controls{position:absolute;z-index:1;top:50%;right:0;left:0;display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}@media (min-width: 768px){.lightbox__controls{display:flex}}.lightbox__close-button,.lightbox__menu-button,.lightbox__previous-slide-button,.lightbox__next-slide-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.lightbox__close-button:disabled,.lightbox__menu-button:disabled,.lightbox__previous-slide-button:disabled,.lightbox__next-slide-button:disabled{pointer-events:none;opacity:0}.lightbox__content{overflow:hidden;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lightbox__slides{display:flex;width:100%;height:100%}.lightbox__slides ::slotted(*){flex-basis:100%;flex-shrink:0;transition:transform 0.3s}@media (min-width: 768px){.lightbox__slides ::slotted(*){padding:4rem 5rem}}@media (prefers-reduced-motion){.lightbox__slides ::slotted(*){transition:none}}.lightbox__pagination{position:absolute;bottom:var(--s-space-32);left:50%;padding:var(--s-space-4) var(--s-space-12);border-radius:var(--s-border-radius-base);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);transform:translateX(-50%);pointer-events:none}@media (min-width: 768px){.lightbox__pagination{display:none}}.lightbox__meta{display:flex;padding-top:var(--s-space-4);padding-right:var(--s-space-16);padding-bottom:var(--s-space-4);padding-left:var(--s-space-16);align-items:center;gap:var(--s-space-12)}@media (min-width: 768px){.lightbox__meta{max-width:18rem}}.lightbox__thumbnail{display:inline-flex;flex-shrink:0}.lightbox__file-info{display:flex;min-width:0;flex-grow:1;flex-direction:column}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}', S = y, _ = class {
+const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:fixed;z-index:var(--s-z-40);background-color:rgba(0, 0, 0, 1);inset:0}.lightbox[aria-hidden="true"]{display:none}@media (min-width: 768px){.lightbox{background-color:rgba(0, 0, 0, 0.8)}}.lightbox:not(.lightbox--closing) .lightbox__body{animation:0.15s lightbox-fade-in}@media (prefers-reduced-motion){.lightbox:not(.lightbox--closing) .lightbox__body{animation:none}}.lightbox--closing{animation:0.15s lightbox-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.lightbox--closing{animation:none}}.lightbox--hide-menu .lightbox__menu{display:none}.lightbox--hide-toolbar .lightbox__toolbar{display:none}.lightbox__body{position:relative;width:100%;height:100%}.lightbox__header{position:absolute;z-index:1;top:0;right:0;left:0;display:flex;padding:var(--s-space-12) var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}.lightbox__toolbar{pointer-events:auto}.lightbox__controls{position:absolute;z-index:1;top:50%;right:0;left:0;display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}@media (min-width: 768px){.lightbox__controls{display:flex}}.lightbox__close-button,.lightbox__menu-button,.lightbox__previous-slide-button,.lightbox__next-slide-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.lightbox__close-button:disabled,.lightbox__menu-button:disabled,.lightbox__previous-slide-button:disabled,.lightbox__next-slide-button:disabled{pointer-events:none;opacity:0}.lightbox__content{overflow:hidden;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lightbox__slides{display:flex;width:100%;height:100%}.lightbox__slides ::slotted(*){flex-basis:100%;flex-shrink:0;transition:transform 0.3s}@media (min-width: 768px){.lightbox__slides ::slotted(*){padding:4rem 5rem}}@media (prefers-reduced-motion){.lightbox__slides ::slotted(*){transition:none}}.lightbox__pagination{position:absolute;bottom:var(--s-space-32);left:50%;padding:var(--s-space-4) var(--s-space-12);border-radius:var(--s-border-radius-base);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);transform:translateX(-50%);pointer-events:none}@media (min-width: 768px){.lightbox__pagination{display:none}}.lightbox__meta{display:flex;padding-top:var(--s-space-4);padding-right:var(--s-space-16);padding-bottom:var(--s-space-4);padding-left:var(--s-space-16);align-items:center;gap:var(--s-space-12)}@media (min-width: 768px){.lightbox__meta{max-width:18rem}}.lightbox__thumbnail{display:inline-flex;flex-shrink:0}.lightbox__file-info{display:flex;min-width:0;flex-grow:1;flex-direction:column}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}', _ = class {
   constructor(e) {
-    h(this, e), this.activeSlideChange = b(this, "activeSlideChange", 7), this.dragging = !1, this.onCloseButtonClick = () => {
+    b(this, e), this.activeSlideChange = c(this, "activeSlideChange", 7), this.lightboxClose = c(this, "lightboxClose", 7), this.closeButtonLabel = "Close modal", this.downloadButtonEnabled = !0, this.downloadButtonLabel = "Download", this.menuLabel = "Slide options", this.menuTriggerLabel = "Open slide menu", this.nextSlideButtonLabel = "Next slide", this.previousSlideButtonLabel = "Previous slide", this.activeSlideIndex = 0, this.closing = !1, this.isOpen = !1, this.dragging = !1, this.onCloseButtonClick = () => {
       this.close();
     }, this.onDownloadButtonClick = () => {
       var t;
@@ -23,17 +23,17 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
         a.style.transition = "none";
       }));
     }, this.onPointerMove = async (t) => {
-      var l, n;
+      var n, l;
       if (!this.dragging)
         return;
-      const a = !(t instanceof MouseEvent) && t.touches.length > 1, o = (n = (l = this.slides[this.activeSlideIndex]) == null ? void 0 : l.shadowRoot) == null ? void 0 : n.querySelector("swirl-file-viewer-image"), s = Boolean(o) ? await o.getZoom() > 1 : !1;
+      const a = !(t instanceof MouseEvent) && t.touches.length > 1, o = (l = (n = this.slides[this.activeSlideIndex]) == null ? void 0 : n.shadowRoot) == null ? void 0 : l.querySelector("swirl-file-viewer-image"), s = Boolean(o) ? await o.getZoom() > 1 : !1;
       if (a || s)
         return;
       t.preventDefault();
-      const d = t instanceof MouseEvent ? t.clientX - this.dragStartPosition : t.touches[0].clientX - this.dragStartPosition;
-      this.slides.forEach((r) => {
-        const c = this.activeSlideIndex * r.getBoundingClientRect().width;
-        this.dragDelta = d, r.style.transform = `translate3d(${(-c + this.dragDelta) / 16}rem, 0, 0)`;
+      const r = t instanceof MouseEvent ? t.clientX - this.dragStartPosition : t.touches[0].clientX - this.dragStartPosition;
+      this.slides.forEach((d) => {
+        const h = this.activeSlideIndex * d.getBoundingClientRect().width;
+        this.dragDelta = r, d.style.transform = `translate3d(${(-h + this.dragDelta) / 16}rem, 0, 0)`;
       });
     }, this.onPointerUp = () => {
       if (!this.dragging)
@@ -49,7 +49,7 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
       t.target === this.slidesContainer && this.close();
     }, this.onContextMenu = (t) => {
       this.downloadButtonEnabled || t.preventDefault();
-    }, this.closeButtonLabel = "Close modal", this.downloadButtonEnabled = !0, this.downloadButtonLabel = "Download", this.hideMenu = void 0, this.label = void 0, this.menuLabel = "Slide options", this.menuTriggerLabel = "Open slide menu", this.nextSlideButtonLabel = "Next slide", this.previousSlideButtonLabel = "Previous slide", this.activeSlideIndex = 0, this.closing = !1, this.isOpen = !1, this.slides = void 0;
+    };
   }
   componentWillLoad() {
     this.registerSlides();
@@ -101,7 +101,7 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
   async close() {
     var e;
     this.closing || (this.closing = !0, (e = this.focusTrap) == null || e.deactivate(), this.unlockBodyScroll(), this.closingTimeout && (clearTimeout(this.closingTimeout), this.closingTimeout = void 0), this.closingTimeout = setTimeout(() => {
-      this.isOpen = !1, this.resetImageZoom(), this.stopAllMediaPlayers(), this.closing = !1;
+      this.isOpen = !1, this.resetImageZoom(), this.stopAllMediaPlayers(), this.closing = !1, this.lightboxClose.emit();
     }, 150));
   }
   async activateSlide(e) {
@@ -138,7 +138,7 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
     return (e = this.slides[this.activeSlideIndex]) == null ? void 0 : e.thumbnailUrl;
   }
   lockBodyScroll() {
-    g(this.el);
+    f(this.el);
   }
   unlockBodyScroll() {
     m(this.el);
@@ -157,15 +157,15 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
     });
   }
   render() {
-    const e = this.slides.length > 1, t = this.getCurrentFileName(), a = this.getCurrentFileType(), o = this.getCurrentThumbnailUrl(), s = Boolean(this.el.querySelector("[slot='menu-items']")) || this.downloadButtonEnabled, d = Boolean(this.el.querySelector("[slot='toolbar']")), l = p("lightbox", {
+    const e = this.slides.length > 1, t = this.getCurrentFileName(), a = this.getCurrentFileType(), o = this.getCurrentThumbnailUrl(), s = Boolean(this.el.querySelector("[slot='menu-items']")) || this.downloadButtonEnabled, r = Boolean(this.el.querySelector("[slot='toolbar']")), n = p("lightbox", {
       "lightbox--closing": this.closing,
       "lightbox--hide-menu": !s,
-      "lightbox--hide-toolbar": !d
+      "lightbox--hide-toolbar": !r
     });
-    return i(u, { key: "d97beae6ac0bbf4e9f3226efb3b7375c5fd5f856" }, i("section", { key: "939ffc965848da3bbab6eb715a1428e1a6af5178", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: l, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (n) => this.modalEl = n, role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, i("div", { key: "57c027e3d070f38485b02d80271e96cfd8340f96", class: "lightbox__body", role: "document" }, i("header", { key: "2393fefbafbbf873ee99e15c2e3e00f7c2de1e30", class: "lightbox__header" }, i("button", { key: "7b2d580b53ea7f82b2ea4fda61605c454f5889fb", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, i("swirl-icon-close", { key: "cb1098f3da497e000646dcf581b0ee54422b309e" })), i("div", { key: "b269c08863a77f22fffc6db3f77433dbfaf3a6dd", class: "lightbox__toolbar" }, i("slot", { key: "d3780c7b9a6ad760d1d1288b4aa982afd9b39d6d", name: "toolbar" })), !this.hideMenu && i("swirl-popover-trigger", { key: "a18a4eed4d369e6d7184628d7e9d94482b1ff959", swirlPopover: this.menu }, i("button", { key: "52fb5ff5d738902473b8781aa941d9350036f30a", "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, i("swirl-icon-more-vertikal", { key: "d1944eb6abe594e5417ca5d56a8d1070d15b6596" })))), i("div", { key: "6b4267852c2f67149d4566067ee573a33ffcbc30", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, i("div", { key: "1aa39339ba12fb80059917c523356345cf914a8a", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (n) => this.slidesContainer = n }, i("slot", { key: "91342eaacee143f149ac526af6375846d0ebd26b", onSlotchange: this.registerSlides }))), i("div", { key: "d6b5ea41446ccc4568a41b646bfbe9252b9372aa", class: "lightbox__controls" }, i("button", { key: "c58992c9e009a0201fa1ea5d9c3a78617d33bc1f", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, i("swirl-icon-arrow-left", { key: "7c5466c551f37a884199806fbb1a0ac17440c803" })), i("button", { key: "af38524856f7d9e90ecdf5db4ee8da0dd7c0db74", "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, i("swirl-icon-arrow-right", { key: "d8e0c11f21ba172bbe46a8d4f19ff45bbd836ac3" }))), e && i("span", { key: "e6babfb17dae902d29de03a0e52a0b84a88e8465", class: "lightbox__pagination" }, i("span", { key: "e9387fc79633558c1afba0d8087277b8cd989607", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && i("swirl-popover", { key: "b4d317c3d3733b51b9d218a3402d7c2cc313890f", animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (n) => this.menu = n }, i("swirl-stack", { key: "d070469c02c044f2fe2ee4ad88b9fa6373ecc7fc" }, i("div", { key: "8f631f221937d31a4ecfde3bf1f38494a90ec4b3", class: "lightbox__meta" }, o && i("div", { key: "4ed6466840c7b061bbfee03b1b22871efaedcdd9", class: "lightbox__thumbnail" }, i("swirl-thumbnail", { key: "3015b44b7fd9ec147d92f7909a1faec8b846cec8", alt: "", src: o })), i("div", { key: "2d1727141e4edcb5d5b036995d77235767f7b7e4", class: "lightbox__file-info" }, i("swirl-text", { key: "df65014d3a77def4959e5e9e2260357c93f19404", truncate: !0, weight: "semibold" }, t), i("swirl-text", { key: "a4baaf197c923ff3e78bd1612bbc179fda17e990", color: "subdued", size: "sm", truncate: !0 }, a))), s && i("swirl-separator", { key: "e35847043f3e8b733739921a25240bb7b22c16b6" }), i("swirl-action-list", { key: "2fce852214d0abfabcec1c4823f9ebab98704ee5" }, this.downloadButtonEnabled && i("swirl-action-list-item", { key: "8330ac0532df526193d645279d27dedc629da78e", icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), i("slot", { key: "4ed8d33bbd01c36a6d0b4960575aec8d28d72dda", name: "menu-items" }))))));
+    return i(u, { key: "7ec2ff7ae859f6b2b763dec791ae0258d96ac1b6" }, i("section", { key: "7e240f9db8922e59d49eb1a062e966d8f3c5c035", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: n, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (l) => this.modalEl = l, role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, i("div", { key: "9343b363ea541c0b686c6bb1ca63c92a64e5469d", class: "lightbox__body", role: "document" }, i("header", { key: "c070d7de54889c343c7f97129b888f6c369828e9", class: "lightbox__header" }, i("button", { key: "11698cda3f2a92e7716d10da20ee22790fb29a49", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, i("swirl-icon-close", { key: "725e245b862c679400d5b0b7d78e586d2bf7b48f" })), i("div", { key: "b475e286dc610759598498e10c05ee4ff76d2011", class: "lightbox__toolbar" }, i("slot", { key: "88a44ec7c0527cf5eb496c53804323969b1527cc", name: "toolbar" })), !this.hideMenu && i("swirl-popover-trigger", { key: "ecb272423b407c1c4ee0d3999599dbc60e154d86", swirlPopover: this.menu }, i("button", { key: "972284d42ba6690257534d37d97325e84e23e5b8", "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, i("swirl-icon-more-vertikal", { key: "4ab88103db1cd859a330b840bf58860466be7be2" })))), i("div", { key: "b4f62a468b4f50633abca8d650216be04510fa09", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, i("div", { key: "d500d39978fa73fe96fa78d291edc9c76872546c", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (l) => this.slidesContainer = l }, i("slot", { key: "5667ede916bb092ee674c25d2619fba9f655a292", onSlotchange: this.registerSlides }))), i("div", { key: "7dc659f8dbd86c268ff8e725f792246eac7a39a3", class: "lightbox__controls" }, i("button", { key: "43304062d2af699d390671ade5fbc72d53b24c48", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, i("swirl-icon-arrow-left", { key: "86b1dcd59d574cad973f038e7ce43ddeaa9ac987" })), i("button", { key: "1d2e510954c9d8854b9f64710bbbb163e791078b", "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, i("swirl-icon-arrow-right", { key: "4c5e7ddece5243c0df2414757f2413becc1fc2ea" }))), e && i("span", { key: "ed04a465d67c1fee34f6b7b8d2dd1a7048e9b1d5", class: "lightbox__pagination" }, i("span", { key: "93ab9f05002d13b3fea5bd4e59cae7e021dc4f17", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && i("swirl-popover", { key: "971ab4e9096b6e3f1a0974c199a459c25a2ea648", animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (l) => this.menu = l }, i("swirl-stack", { key: "fbdbeeead8e738d81b7d877ad60dba10eccd1b4e" }, i("div", { key: "2d8226853d74a16fd871d2958f9510f81c6fb031", class: "lightbox__meta" }, o && i("div", { key: "03b456243e7425812d6a75ffad2270b4a17eeb3a", class: "lightbox__thumbnail" }, i("swirl-thumbnail", { key: "30704b18fc62de5ff17f7093363aa772d0101227", alt: "", src: o })), i("div", { key: "fa5398fe7a00d13c7b6c282dc6ccbea7d5e1edec", class: "lightbox__file-info" }, i("swirl-text", { key: "9e31e8adf6104c82bb32f9aa659b3574dea9c656", truncate: !0, weight: "semibold" }, t), i("swirl-text", { key: "a0d9cdda0f9469a672348f43249174b5226457bb", color: "subdued", size: "sm", truncate: !0 }, a))), s && i("swirl-separator", { key: "1fa3ed14a300634b88997273ec7f543411fefe48" }), i("swirl-action-list", { key: "8860c08573ede96a23dcd4c60922ec6f0eb5d5bc" }, this.downloadButtonEnabled && i("swirl-action-list-item", { key: "8481a03ab52125ef5b08e400fe63e88607452c52", icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), i("slot", { key: "414082b16e5c50cfc4667acc6f948eef787c93fd", name: "menu-items" }))))));
   }
   get el() {
-    return f(this);
+    return g(this);
   }
   static get watchers() {
     return {
@@ -173,7 +173,7 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
     };
   }
 };
-_.style = S;
+_.style = y;
 export {
   _ as swirl_lightbox
 };

package/dist/{swirl-link.entry.53780920.js → swirl-link.entry.9578626e.js}

@@ -1,17 +1,17 @@
-import { r, h as i, H as t } from "./index.9a597714.js";
-import { c as s } from "./index-267776a4.6beb4f4b.js";
+import { r as i, h as r, H as t } from "./index.89ae7741.js";
+import { c as s } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
-const n = ":host{display:inline-flex}:host *{box-sizing:border-box}.link{color:var(--s-interactive-primary-default);line-height:var(--s-line-height-base);text-underline-offset:var(--s-space-4)}.link:hover{color:var(--s-interactive-primary-hovered)}.link:active{color:var(--s-interactive-primary-pressed)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.link{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.link--color-subdued{color:var(--s-interactive-neutral-default);font-weight:var(--s-font-weight-medium);text-decoration:none}.link--color-subdued:hover{color:var(--s-interactive-neutral-hovered)}.link--color-subdued:active{color:var(--s-interactive-neutral-pressed)}", a = n, o = class {
+const o = ":host{display:inline-flex}:host *{box-sizing:border-box}.link{color:var(--s-interactive-primary-default);line-height:var(--s-line-height-base);text-underline-offset:var(--s-space-4)}.link:hover{color:var(--s-interactive-primary-hovered)}.link:active{color:var(--s-interactive-primary-pressed)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.link{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.link--color-subdued{color:var(--s-interactive-neutral-default);font-weight:var(--s-font-weight-medium);text-decoration:none}.link--color-subdued:hover{color:var(--s-interactive-neutral-hovered)}.link--color-subdued:active{color:var(--s-interactive-neutral-pressed)}", a = class {
   constructor(e) {
-    r(this, e), this.color = "default", this.href = void 0, this.label = void 0, this.target = void 0;
+    i(this, e), this.color = "default";
   }
   render() {
     const e = s("link", `link--color-${this.color}`);
-    return i(t, { key: "8967699e1ee450cca8c81810e13d9e121efe5645" }, i("a", { key: "af6f382f6549157acd996d45457b475802346d0b", class: e, href: this.href, part: "link", target: this.target }, this.label));
+    return r(t, { key: "8967699e1ee450cca8c81810e13d9e121efe5645" }, r("a", { key: "af6f382f6549157acd996d45457b475802346d0b", class: e, href: this.href, part: "link", target: this.target }, this.label));
   }
 };
-o.style = a;
+a.style = o;
 export {
-  o as swirl_link
+  a as swirl_link
 };

package/dist/{swirl-list.entry.d4a3e4bb.js → swirl-list.entry.65d7be4c.js}

@@ -1,18 +1,18 @@
-import { r as l, h as i, H as r } from "./index.9a597714.js";
+import { r as l, h as e, H as r } from "./index.89ae7741.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 {
-  constructor(e) {
-    l(this, e);
+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 = class {
+  constructor(i) {
+    l(this, i);
   }
   componentDidRender() {
     Array.from(this.containerEl.children).some((t) => !["UL", "OL"].includes(t.tagName)) && console.warn("[SwirlList] Only ul and ol elements are allowed as direct children of <swirl-list />.");
   }
   render() {
-    return i(r, { key: "e39c5f2dbbc597d023c713b9391caf0386e5f42b" }, i("div", { key: "7d174db79a5dcccf30794d3907f58a444e5ddec8", class: "swirl-list", ref: (e) => this.containerEl = e }, i("slot", { key: "11430cdc64433b06dfb2e043ca8e47a1d5cec69b" })));
+    return e(r, { key: "5b1d3e9cb9cdbc98dac11d41c67b1b1b51622fc3" }, e("div", { key: "f1490f8d2b6eb6928d06abfaa7164de01eac96a2", class: "swirl-list", ref: (i) => this.containerEl = i }, e("slot", { key: "a75a41aacb1bc175d877cf3f943ad1889931cc9c" })));
   }
 };
-o.style = n;
+n.style = s;
 export {
-  o as swirl_list
+  n as swirl_list
 };

package/dist/{swirl-menu-item.entry.a3a21a97.js → swirl-menu-item.entry.35288bcc.js}

@@ -1,11 +1,11 @@
-import { r, f as d, h as i, H as l, g as h } from "./index.9a597714.js";
-import { c as u } from "./index-267776a4.6beb4f4b.js";
-import { l as c, p } from "./utils-28df99ee.9fb223f6.js";
+import { r, f as l, h as i, H as h, g as u } from "./index.89ae7741.js";
+import { c } from "./index-orsBiyT_.fc4357c3.js";
+import { l as d, p } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";
-const m = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expanded ::part(action-list-item){background-color:var(--s-surface-overlay-hovered)}", f = m, b = class {
+const m = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expanded ::part(action-list-item){background-color:var(--s-surface-overlay-hovered)}", b = class {
   constructor(e) {
-    r(this, e), this.onSlotChange = () => {
+    r(this, e), this.intent = "default", this.hasAvatar = !1, this.onSlotChange = () => {
       this.subMenu = this.el.querySelector("swirl-menu"), this.updateActionListItemProps();
     }, this.onActionListItemClick = () => {
       this.actionListItem.disabled || this.rootMenu.activateMenuItem(this.el);
@@ -25,10 +25,10 @@ const m = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expande
           return;
         t.preventDefault(), this.parentMenu.updateSelection(this.optionListItem);
       }
-    }, this.description = void 0, this.disabled = void 0, this.expanded = void 0, this.icon = void 0, this.iconBadge = void 0, this.intent = "default", this.label = void 0, this.suffix = void 0, this.value = void 0, this.hasAvatar = !1, this.parentMenu = void 0, this.subMenu = void 0;
+    };
   }
   componentWillLoad() {
-    this.parentMenu = c(this.el, "swirl-menu"), this.rootMenu = p(this.el, "swirl-menu").pop(), this.subMenu = this.el.querySelector("swirl-menu"), this.updateAvatarState();
+    this.parentMenu = d(this.el, "swirl-menu"), this.rootMenu = p(this.el, "swirl-menu").pop(), this.subMenu = this.el.querySelector("swirl-menu"), this.updateAvatarState();
   }
   watchExpanded() {
     this.updateActionListItemProps();
@@ -37,7 +37,7 @@ const m = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expande
     return this.subMenu;
   }
   async updateValue() {
-    d(this);
+    l(this);
   }
   async getParentMenu() {
     return this.parentMenu;
@@ -64,13 +64,13 @@ const m = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expande
   }
   render() {
     var t;
-    const e = u("menu-item", {
+    const e = c("menu-item", {
       "menu-item--expanded": this.expanded
     });
-    return i(l, { key: "b6549b9c517fb907a66f465dfb8bcba951163644" }, i("div", { key: "bd131d32945e93776325f69b12fa13c47469c904", class: e }, ((t = this.parentMenu) == null ? void 0 : t.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "ab8489c25cf46c565ded27535a7525d724267d9c", onSlotchange: this.onSlotChange })));
+    return i(h, { key: "9584ff13ba291007f473d52b2554507e7d5e7a2c" }, i("div", { key: "3ce1e14dd8bb846b4cb7250b205b16d4ce1da32d", class: e }, ((t = this.parentMenu) == null ? void 0 : t.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "56205fcbad57558c83749b9062ab0c51a9ffd9c6", onSlotchange: this.onSlotChange })));
   }
   get el() {
-    return h(this);
+    return u(this);
   }
   static get watchers() {
     return {
@@ -78,7 +78,7 @@ const m = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expande
     };
   }
 };
-b.style = f;
+b.style = m;
 export {
   b as swirl_menu_item
 };

package/dist/{swirl-menu.entry.a36b890b.js → swirl-menu.entry.06f7757c.js}

@@ -1,12 +1,12 @@
-import { r as d, c, h as o, H as b, g as p } from "./index.9a597714.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, l, p as h, i as I, k as x } from "./utils-28df99ee.9fb223f6.js";
+import { r as d, c, h as o, H as b, g as v } from "./index.89ae7741.js";
+import { P as p, N as f, D as w, k as g, b as y } from "./floating-ui.dom.browser.min-BtsCuEVE.45e9e353.js";
+import { c as M } from "./index-orsBiyT_.fc4357c3.js";
+import { q as a, l, p as h, i as I, k as x } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";
-const _ = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--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)}.menu--mobile.menu--root{position:relative}.menu--mobile.menu--root .menu__menu{top:3.5rem;transition:left 0.2s}.menu--mobile.menu--active .menu__menu{display:block}.menu--mobile .menu__menu{position:absolute;top:0;left:0;display:none;width:100%}:not(.menu--mobile).menu--root{position:relative}:not(.menu--mobile).menu--root .menu__menu{position:relative;padding-top:0;padding-bottom:0}:not(.menu--mobile) :not(.menu--root) .menu__menu{z-index:1;max-width:22.5rem;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-1);padding:var(--s-space-4)}:not(.menu--mobile).menu--active .menu__menu{display:block}:not(.menu--mobile) .menu__menu{position:fixed;display:none}.menu__mobile-header{display:flex;height:3.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-8)}.menu__mobile-header>*{display:inline-flex;flex-shrink:0}.menu__title{min-width:0;flex-grow:1;flex-shrink:1}.menu__title swirl-heading{min-width:0}.menu__done-button{margin-right:calc(-1 * var(--s-space-8))}.menu__menu{background-color:var(--s-surface-overlay-default)}", k = _, L = class {
+const _ = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--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)}.menu--mobile.menu--root{position:relative}.menu--mobile.menu--root .menu__menu{top:3.5rem;transition:left 0.2s}.menu--mobile.menu--active .menu__menu{display:block}.menu--mobile .menu__menu{position:absolute;top:0;left:0;display:none;width:100%}:not(.menu--mobile).menu--root{position:relative}:not(.menu--mobile).menu--root .menu__menu{position:relative;padding-top:0;padding-bottom:0}:not(.menu--mobile) :not(.menu--root) .menu__menu{z-index:1;max-width:22.5rem;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-1);padding:var(--s-space-4)}:not(.menu--mobile).menu--active .menu__menu{display:block}:not(.menu--mobile) .menu__menu{position:fixed;display:none}.menu__mobile-header{display:flex;height:3.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-8)}.menu__mobile-header>*{display:inline-flex;flex-shrink:0}.menu__title{min-width:0;flex-grow:1;flex-shrink:1}.menu__title swirl-heading{min-width:0}.menu__done-button{margin-right:calc(-1 * var(--s-space-8))}.menu__menu{background-color:var(--s-surface-overlay-default)}", k = class {
   constructor(e) {
-    d(this, e), this.done = c(this, "done", 7), this.valueChange = c(this, "valueChange", 7), this.mobileMediaQuery = window.matchMedia("(min-width: 768px)"), this.mediaQueryHandler = () => {
+    d(this, e), this.done = c(this, "done", 7), this.valueChange = c(this, "valueChange", 7), this.active = !0, this.level = 0, this.mobileBackButtonLabel = "Back", this.mobileCloseMenuButtonLabel = "Close menu", this.mobileDoneButtonLabel = "Done", this.variant = "action", this.activeLevel = 0, this.mobileMediaQuery = window.matchMedia("(min-width: 768px)"), this.mediaQueryHandler = () => {
       this.updateMobileState();
     }, this.resetMenu = () => {
       this.items.forEach((t) => {
@@ -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 v(t, this.menuContainer, {
+        this.position = await p(t, this.menuContainer, {
           placement: "right-start",
           strategy: "fixed",
           middleware: [w({ mainAxis: -10, crossAxis: 0 }), g(), y()]
@@ -51,7 +51,7 @@ const _ = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
       this.closeMenu(), this.done.emit();
     }, this.onGoBack = () => {
       this.rootMenu.goBack();
-    }, this.active = !0, this.label = void 0, this.level = 0, this.mobileBackButtonLabel = "Back", this.mobileCloseMenuButtonLabel = "Close menu", this.mobileDoneButtonLabel = "Done", this.value = void 0, this.variant = "action", this.activeLevel = 0, this.mobile = void 0, this.position = void 0;
+    };
   }
   componentWillLoad() {
     this.updateMobileState(), this.updateLevel(), this.observeSlotChanges();
@@ -162,7 +162,7 @@ const _ = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
     } : void 0 }, o("slot", { key: "b5fe00c7591b29cb9b35ed3ec9e0e6588afa972d" }))));
   }
   get el() {
-    return p(this);
+    return v(this);
   }
   static get watchers() {
     return {
@@ -171,7 +171,7 @@ const _ = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
     };
   }
 };
-L.style = k;
+k.style = _;
 export {
-  L as swirl_menu
+  k as swirl_menu
 };

package/dist/{swirl-modal.entry.b90e922d.js → swirl-modal.entry.a680d3eb.js}

@@ -1,10 +1,10 @@
-import { r as u, c as t, h as e, H as p, g } from "./index.9a597714.js";
-import { d as m, e as b } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
-import { c as f } from "./index-267776a4.6beb4f4b.js";
-import { c as _ } from "./focus-trap.esm-49c9613c.db20abcc.js";
+import { r as u, c as t, h as e, H as p, g as _ } from "./index.89ae7741.js";
+import { d as m, e as b } from "./bodyScrollLock.esm-B0kNlhKL.c7a66a82.js";
+import { c as f } from "./index-orsBiyT_.fc4357c3.js";
+import { c as v } from "./focus-trap.esm-DIdMBZfn.c41dd5d8.js";
 import "react";
 import "react-dom";
-const v = `: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 w = `: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
@@ -20,9 +20,9 @@ const v = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     )}@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;max-width:100vw;height:var(--swirl-modal-view-height);max-height:var(--swirl-modal-view-height);background-color:var(--s-surface-overlay-default)}.modal--fullscreen .modal__body{min-height:var(--swirl-modal-view-height)}.modal--fullscreen-transitioning .modal__body{transition:width 0.15s ease-out, max-width 0.15s ease-out, max-height 0.15s ease-out, min-height 0.15s ease-out}@media (min-width: 768px){.modal.modal--variant-default:not(.modal--fullscreen) .modal__body{width:90vw;max-width:var(--swirl-modal-max-width);max-height:var(--swirl-modal-max-height);min-height:0;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.modal.modal--variant-default:not(.modal--fullscreen) .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}}.modal__fullscreen-button{display:none}@media (min-width: 768px){.modal__fullscreen-button{display:block}}.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:not(.modal--fullscreen) .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)}}`, w = v, y = 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)}}`, g = class {
   constructor(a) {
-    u(this, a), this.toggleFullscreen = t(this, "toggleFullscreen", 7), 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) => {
+    u(this, a), this.toggleFullscreen = t(this, "toggleFullscreen", 7), 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.closable = !0, this.closeButtonLabel = "Close modal", this.fullscreenEnableButtonLabel = "Full screen", this.fullscreenDisableButtonLabel = "Exit full screen", this.padded = !0, this.variant = "default", this.sidebarPadded = !0, this.sidebarFooterPadded = !0, this.sidebarCloseButtonLabel = "Close sidebar", this.isOpen = !1, this.isFullscreen = !1, this.isFullscreenTransitioning = !1, this.closing = !1, this.scrollable = !1, this.scrolled = !1, this.scrolledDown = !1, this.sidebarScrolled = !1, this.sidebarScrolledDown = !1, this.sidebarScrollable = !1, this.onKeyDown = (o) => {
       o.code === "Escape" && (o.stopImmediatePropagation(), this.close());
     }, this.onBackdropClick = () => {
       this.close();
@@ -39,17 +39,17 @@ const v = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     }, this.determineScrollStatus = () => {
       this.determineMainScrollStatus(), this.determineSidebarScrollStatus();
     }, this.determineMainScrollStatus = () => {
-      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);
+      var r, l, i, n, c, h;
+      const o = ((r = this.scrollContainer) == null ? void 0 : r.scrollTop) > 0, d = Math.ceil(((l = this.scrollContainer) == null ? void 0 : l.scrollTop) + ((i = this.scrollContainer) == null ? void 0 : i.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, 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);
+      var r, l, i, n, c, h;
+      const o = ((r = this.sidebarScrollContainer) == null ? void 0 : r.scrollTop) > 0, d = Math.ceil(((l = this.sidebarScrollContainer) == null ? void 0 : l.scrollTop) + ((i = this.sidebarScrollContainer) == null ? void 0 : i.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.fullscreenEnableButtonLabel = "Full screen", this.fullscreenDisableButtonLabel = "Exit full screen", 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.showFullscreenButton = 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.isFullscreen = !1, this.isFullscreenTransitioning = !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 = _(this.modalEl, {
+    this.focusTrap = v(this.modalEl, {
       allowOutsideClick: !0,
       escapeDeactivates: !1,
       tabbableOptions: {
@@ -134,19 +134,19 @@ const v = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       "modal--sidebar-scrolled-down": this.sidebarScrolledDown,
       "modal--sidebar-scrollable": this.sidebarScrollable
     });
-    return e(p, { key: "0a59eba861d5f7af91bbe686ef1d2479692dcff0" }, e("section", { key: "83461ad5b19cccf7641bd09a8febe400ce77e9e4", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: o, onKeyDown: this.onKeyDown, role: "dialog", ref: (d) => this.modalEl = d }, e("div", { key: "18704e2726f5d042ad323a840ec3573af0209b35", class: "modal__backdrop", onClick: this.onBackdropClick }), e("div", { key: "de27c3fca3869ac480bca16526d1df669345e133", class: "modal__body", style: this.isFullscreen ? {} : {
+    return e(p, { key: "c82bd24e5de6cb12dd85b207a2a4cb7b5976872b" }, e("section", { key: "8d380c32de1a1721c7343fa705416c846d415384", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: o, onKeyDown: this.onKeyDown, role: "dialog", ref: (d) => this.modalEl = d }, e("div", { key: "74389c724c2fc3dbbf64e9acf266c311e98be466", class: "modal__backdrop", onClick: this.onBackdropClick }), e("div", { key: "cd1d3b82a0de6914dd11765901f891ffc6779688", class: "modal__body", style: this.isFullscreen ? {} : {
       "--swirl-modal-max-height": this.maxHeight,
       "--swirl-modal-height": this.height,
       minHeight: this.minHeight,
       maxWidth: this.maxWidth
-    } }, e("aside", { key: "fe113c16dc3c9c84d33b01ff45a87d6c5d114aa8", class: "modal__sidebar" }, this.sidebarLabel && e("header", { key: "8d8b23a54c408172f7869d4f785c1d5f7dd0b782", class: f("modal__sidebar-header", {
+    } }, e("aside", { key: "6ba43b9903fc20b97c384cbb339d6ccf88bb9544", class: "modal__sidebar" }, this.sidebarLabel && e("header", { key: "0dc8eec524121375cc9c78c5866cf8642a0a5339", class: f("modal__sidebar-header", {
       "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton
-    }) }, this.hasSidebarCloseButton && e("swirl-button", { key: "9cbab3d64d3673d035776bc46a8d91bbbfdb2a0f", hideLabel: !0, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), e("swirl-heading", { key: "91019a6bbd5744afc3372eef4943aff3763a0389", as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel })), e("div", { key: "c857ae76550b0f1308cbbb97efe8588613d699d4", class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (d) => this.sidebarScrollContainer = d }, e("slot", { key: "1537bee461ebe073751160091af42b588f1667cd", name: "sidebar-content" })), e("div", { key: "1848ed2ac120d83e9b3786b8871fa3af98ef7534", class: "modal__sidebar-footer" }, e("slot", { key: "88924ec194e2045696865b1297115eebb7df5cac", name: "sidebar-footer" }))), e("div", { key: "db23a81cac33f085f3b86306e058d7ca3136cd7f", class: "modal__main-content" }, e("header", { key: "3d6dcf58695a9021add933aa607dde6c2957e81a", class: "modal__custom-header" }, e("slot", { key: "0c17547f63f3e42719dfa346a7f12ecbd2d50beb", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && e("header", { key: "6cc9c6241938879b572b72ff1596a06bf600bd03", class: "modal__header" }, e("div", { key: "8d4f6e649a0e7915fd2b946c0c5375146687548b", class: "modal__header-bar" }, !this.hideCloseButton && e("swirl-button", { key: "574e5ca9b8c855b2987e1fed5eb417e8d6dfaf9c", 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.showFullscreenButton && e("swirl-button", { key: "a55cf49196ac11b0b9b074b2ff4efffc46c689bf", class: "modal__fullscreen-button", hideLabel: !0, icon: this.isFullscreen ? "<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>" : "<swirl-icon-open-in-full></swirl-icon-open-in-full>", label: this.isFullscreen ? this.fullscreenDisableButtonLabel : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick }), !this.hideLabel && e("swirl-heading", { key: "5a90dcf113b810a7a78876f8da6b752aeddf0834", as: "h2", class: "modal__heading", level: 3, text: this.label }))), e("div", { key: "81ddff0b1a512c7b8a7f57b52fab4d12ba2d6fa8", class: "modal__content-container", style: {
+    }) }, this.hasSidebarCloseButton && e("swirl-button", { key: "ed06f016a6fbffaaa97a73a66bf8b81b70610413", hideLabel: !0, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), e("swirl-heading", { key: "66061ab0f8e8bf7bf44ffea221584f2bb30e090d", as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel })), e("div", { key: "df228a3e86bddbeade95c73bad1fe523aa3c30e1", class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (d) => this.sidebarScrollContainer = d }, e("slot", { key: "be16658b4ecbc40c97b8a1f1d7b6ec67c9c13828", name: "sidebar-content" })), e("div", { key: "5fdedc18e02db89897473843c7aa40e0719e128d", class: "modal__sidebar-footer" }, e("slot", { key: "116e70c57e40e8f20e9380af357830d31592fd74", name: "sidebar-footer" }))), e("div", { key: "b219e652242ebd7e9b782e1282079a1d08674573", class: "modal__main-content" }, e("header", { key: "e5e07dce0daead5e23f2a719a5f41f373b559008", class: "modal__custom-header" }, e("slot", { key: "93f56acb67aebd593806a8f67d2d184bb243f2ec", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && e("header", { key: "6c940113e4e1535ac2b479f509f4552b8ccd288a", class: "modal__header" }, e("div", { key: "e4d0b9584cffab4aa97726a5a0ce6a52e8749024", class: "modal__header-bar" }, !this.hideCloseButton && e("swirl-button", { key: "19dcddfcbd1488a4255bc36d5e48d7aa87b37810", 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.showFullscreenButton && e("swirl-button", { key: "f4193147bda2699e854b19016a81f46be67af807", class: "modal__fullscreen-button", hideLabel: !0, icon: this.isFullscreen ? "<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>" : "<swirl-icon-open-in-full></swirl-icon-open-in-full>", label: this.isFullscreen ? this.fullscreenDisableButtonLabel : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick }), !this.hideLabel && e("swirl-heading", { key: "3456ba73064e116782fc2d379a07fcb7e548b559", as: "h2", class: "modal__heading", level: 3, text: this.label }))), e("div", { key: "930969de9c366d5c3b7a6ad41207c5e8b156a512", class: "modal__content-container", style: {
       gap: this.contentGap ? `var(--s-space-${this.contentGap})` : void 0
-    } }, e("div", { key: "e7958595ea46433b2ed54308ec4bee28100fc941", class: "modal__primary-content", style: {
+    } }, e("div", { key: "709500b83b513e4668921e7187a34aed059d67cb", class: "modal__primary-content", style: {
       maxWidth: this.primaryContentMaxWidth,
       flex: this.primaryContentFlex
-    } }, e("div", { key: "ed03bb2611cdc596e2fbcab1eebc550df25c6445", class: "modal__header-tools" }, e("slot", { key: "10364a544af98434e359fb01771b0e813282f755", name: "header-tools" })), e("div", { key: "a654394e1e3b3bd9fcec28e099119ae33c93b9fd", class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (d) => this.scrollContainer = d }, e("slot", { key: "1391bb9a51311df273221eff2f0b057f338130bb" }))), e("div", { key: "ed03ff6ce971f504e7b179e90fdfc71aabd62a45", class: "modal__secondary-content", style: {
+    } }, e("div", { key: "c8c62935631f3ac6f6cdefc4fbff82737b535caf", class: "modal__header-tools" }, e("slot", { key: "df88048fb9956987d3950616dcad6c4a8df81e27", name: "header-tools" })), e("div", { key: "fb44494135b40274f22bf5a13cbc6981c5c5d08c", class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (d) => this.scrollContainer = d }, e("slot", { key: "b9668bd1510b36ec0323d320db94e3d574c3d487" }))), e("div", { key: "b8061c98f1093c9ea51e12e7aa90969c89827d3f", class: "modal__secondary-content", style: {
       maxWidth: this.secondaryContentMaxWidth,
       flex: this.secondaryContentFlex,
       padding: Boolean(this.secondaryContentPadding) ? `var(--s-space-${this.secondaryContentPadding})` : void 0,
@@ -154,13 +154,13 @@ const v = `: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
-    } }, e("slot", { key: "73be1d825e7395254ae68068c15e06e6e59794bd", name: "secondary-content" }))), e("div", { key: "f29bb84ba3f488e43595b587f1c24296ca808069", class: "modal__custom-footer" }, e("slot", { key: "77453da2b7d5918fcade82c0dcad30280310a009", name: "custom-footer" })), a && e("footer", { key: "6732f3c5ebc6e11ad49ca80af2702ec025989391", class: "modal__controls" }, e("swirl-button-group", { key: "b0778f3a461cdc85e30859e27a90baf836c9e2d7", wrap: !0 }, this.secondaryActionLabel && e("swirl-button", { key: "02f1a653685dc4e026ab8f73ba07ea556d2b3061", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && e("swirl-button", { key: "79e87b3661c02df3fe1008deed737af6e7b39e58", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
+    } }, e("slot", { key: "fd8b40685e996b00612861fdfd685aac799234e6", name: "secondary-content" }))), e("div", { key: "d3e7fdaa221558abe30ab7dbdec90f3ebfe32103", class: "modal__custom-footer" }, e("slot", { key: "9e691351090de8e834973565e01382750e9f48c2", name: "custom-footer" })), a && e("footer", { key: "79ec849bd85830c012ba1762e7fc8d18bf15b2c0", class: "modal__controls" }, e("swirl-button-group", { key: "1ffa600e094bb0647619ba1f4204f2059ced15de", wrap: !0 }, this.secondaryActionLabel && e("swirl-button", { key: "5c4c0634686922d4adc96242808bb685ae35da7d", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && e("swirl-button", { key: "b6310f56ca29ba9c2bf94957d676fddffaeeb65d", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
   }
   get el() {
-    return g(this);
+    return _(this);
   }
 };
-y.style = w;
+g.style = w;
 export {
-  y as swirl_modal
+  g as swirl_modal
 };

package/dist/swirl-option-list-section.entry.4c68c4de.js

@@ -0,0 +1,15 @@
+import { r as i, h as s, H as t } from "./index.89ae7741.js";
+import "react";
+import "react-dom";
+const e = ":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 = class {
+  constructor(a) {
+    i(this, a), this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
+  }
+  render() {
+    return s(t, { key: "e7f6faa64205a4994560a667d45dc6c300c63337" }, this.hasSeparator && s("swirl-separator", { key: "54165c5b3c400a5b5c4935b2a16637ce269382d0", spacing: this.separatorSpacing }), s("div", { key: "9a5ff841e78a9933969f13c3cf462ce4375ba2c3", "aria-labelledby": "label", class: "option-list-section", role: "group" }, s("span", { key: "4f5a533505b904f2a46f5581471cc36f579cc6e9", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), s("swirl-stack", { key: "01634007613b98f483a3becffa8405e62336c33e", spacing: this.spacing, align: "stretch" }, s("slot", { key: "038269280461816e7b03918ca3c23eadba002866" }))));
+  }
+};
+o.style = e;
+export {
+  o as swirl_option_list_section
+};