@getflip/swirl-components-react 0.129.0 → 0.130.0

package/dist/{swirl-lightbox.entry.d7f08f93.js → swirl-lightbox.entry.01237b76.js}

@@ -1,35 +1,33 @@
-import { r as c, h as e, H as u, g } from "./index.8d80ecc4.js";
+import { r as c, h as e, H as u, g } from "./index.d2cdc27c.js";
 import { A as b } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { d as m, e as p } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as x } from "./index-d280dafb.186cdb0e.js";
 import { q as f } from "./utils-9f141e25.a4ae3adc.js";
 import "react";
 import "react-dom";
-const v = ':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.6)}}.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__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__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(t) {
-    c(this, t), this.dragging = !1, this.mediaPlayers = [], this.onCloseButtonClick = () => {
+const v = ':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__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__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(i) {
+    c(this, i), this.dragging = !1, this.mediaPlayers = [], this.onCloseButtonClick = () => {
       this.close();
     }, this.onDownloadButtonClick = () => {
-      var i;
-      (i = this.slides[this.activeSlideIndex]) == null || i.download(), this.menu.close();
-    }, this.onKeyDown = (i) => {
-      i.code === "Escape" ? this.close() : i.code === "ArrowLeft" ? this.onPreviousSlideClick() : i.code === "ArrowRight" && this.onNextSlideClick();
+      var t;
+      (t = this.slides[this.activeSlideIndex]) == null || t.download(), this.menu.close();
     }, this.onNextSlideClick = () => {
       this.activateSlide(Math.min(this.slides.length - 1, this.activeSlideIndex + 1));
     }, this.onPreviousSlideClick = () => {
       this.activateSlide(Math.max(0, this.activeSlideIndex - 1));
     }, this.registerSlides = () => {
-      this.slides = Array.from(this.el.children).filter((i) => i.tagName === "SWIRL-FILE-VIEWER"), this.setSlideAttributes(), this.updateMediaPlayers();
-    }, this.onPointerDown = (i) => {
-      this.dragging = !0, this.dragStartPosition = i instanceof MouseEvent ? i.clientX : i.touches[0].clientX, this.slides.forEach((o) => {
+      this.slides = Array.from(this.el.children).filter((t) => t.tagName === "SWIRL-FILE-VIEWER"), this.setSlideAttributes(), this.updateMediaPlayers();
+    }, this.onPointerDown = (t) => {
+      this.dragging = !0, this.dragStartPosition = t instanceof MouseEvent ? t.clientX : t.touches[0].clientX, this.slides.forEach((o) => {
         o.style.transition = "none";
       });
-    }, this.onPointerMove = async (i) => {
+    }, this.onPointerMove = async (t) => {
       var n, a;
-      const o = !(i instanceof MouseEvent) && i.touches.length > 1, s = (a = (n = this.slides[this.activeSlideIndex]) == null ? void 0 : n.shadowRoot) == null ? void 0 : a.querySelector("swirl-file-viewer-image"), l = Boolean(s) ? await s.getZoom() > 1 : !1;
+      const o = !(t instanceof MouseEvent) && t.touches.length > 1, s = (a = (n = this.slides[this.activeSlideIndex]) == null ? void 0 : n.shadowRoot) == null ? void 0 : a.querySelector("swirl-file-viewer-image"), l = Boolean(s) ? await s.getZoom() > 1 : !1;
       if (!(o || l) && this.dragging) {
-        i.preventDefault();
-        const d = i instanceof MouseEvent ? i.clientX - this.dragStartPosition : i.touches[0].clientX - this.dragStartPosition;
+        t.preventDefault();
+        const d = t instanceof MouseEvent ? t.clientX - this.dragStartPosition : t.touches[0].clientX - this.dragStartPosition;
         this.slides.forEach((r) => {
           const h = this.activeSlideIndex * r.getBoundingClientRect().width;
           this.dragDelta = d, r.style.transform = `translate3d(${(-h + this.dragDelta) / 16}rem, 0, 0)`;
@@ -37,12 +35,14 @@ const v = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
       }
     }, this.onPointerUp = () => {
       this.dragging = !1, this.dragStartPosition = void 0;
-      const i = this.dragDelta / this.slides[this.activeSlideIndex].getBoundingClientRect().width;
+      const t = this.dragDelta / this.slides[this.activeSlideIndex].getBoundingClientRect().width;
       this.dragDelta = 0;
-      const o = i > 0.2, s = i < -0.2;
+      const o = t > 0.2, s = t < -0.2;
       this.slides.forEach((l) => {
         l.style.transition = "";
       }), o ? this.onPreviousSlideClick() : s ? this.onNextSlideClick() : this.resetSlidePositions();
+    }, this.onBackdropClick = (t) => {
+      t.target === this.slidesContainer && this.close();
     }, this.closeButtonLabel = "Close modal", 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.slides = void 0;
   }
   componentWillLoad() {
@@ -52,8 +52,11 @@ const v = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
     this.modal = new b(this.modalEl), this.activateSlide(0);
   }
   disconnectedCallback() {
-    var t;
-    (t = this.modal) == null || t.destroy(), this.unlockBodyScroll();
+    var i;
+    (i = this.modal) == null || i.destroy(), this.unlockBodyScroll();
+  }
+  onKeyDown(i) {
+    i.code === "Escape" ? this.close() : i.code === "ArrowLeft" ? this.onPreviousSlideClick() : i.code === "ArrowRight" && this.onNextSlideClick();
   }
   async open() {
     this.modal.show(), this.lockBodyScroll(), this.activateSlide(this.activeSlideIndex || 0);
@@ -63,9 +66,9 @@ const v = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
       this.modal.hide(), this.resetImageZoom(), this.closing = !1;
     }, 150));
   }
-  async activateSlide(t) {
-    var i, o;
-    (o = (i = this.menu) == null ? void 0 : i.close) == null || o.call(i), this.dragging = !1, this.activeSlideIndex = t, this.slides.forEach((s, l) => {
+  async activateSlide(i) {
+    var t, o;
+    (o = (t = this.menu) == null ? void 0 : t.close) == null || o.call(t), this.dragging = !1, this.activeSlideIndex = i, this.slides.forEach((s, l) => {
       l === this.activeSlideIndex ? (s.removeAttribute("aria-hidden"), s.setAttribute("active", "true")) : l === this.activeSlideIndex - 1 || l === this.activeSlideIndex + 1 ? (s.setAttribute("aria-hidden", "true"), s.setAttribute("active", "true")) : s.setAttribute("aria-hidden", "true"), s.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
     }), setTimeout(() => {
       this.slides.forEach((s, l) => {
@@ -74,26 +77,26 @@ const v = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
     }, 300), this.stopAllMediaPlayers(), this.updateMediaPlayers(), this.resetImageZoom();
   }
   setSlideAttributes() {
-    this.slides.forEach((t) => {
-      t.setAttribute("active", "false"), t.setAttribute("aria-label", t.file), t.setAttribute("aria-roledescription", "slide"), t.setAttribute("role", "group");
+    this.slides.forEach((i) => {
+      i.setAttribute("active", "false"), i.setAttribute("aria-label", i.file), i.setAttribute("aria-roledescription", "slide"), i.setAttribute("role", "group");
     });
   }
   resetSlidePositions() {
-    this.slides.forEach((t) => {
-      t.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
+    this.slides.forEach((i) => {
+      i.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
     });
   }
   getCurrentFileName() {
-    var t, i;
-    return (i = (t = this.slides[this.activeSlideIndex]) == null ? void 0 : t.file) == null ? void 0 : i.split("/").pop();
+    var i, t;
+    return (t = (i = this.slides[this.activeSlideIndex]) == null ? void 0 : i.file) == null ? void 0 : t.split("/").pop();
   }
   getCurrentFileType() {
-    var t;
-    return (t = this.slides[this.activeSlideIndex]) == null ? void 0 : t.type;
+    var i;
+    return (i = this.slides[this.activeSlideIndex]) == null ? void 0 : i.type;
   }
   getCurrentThumbnailUrl() {
-    var t;
-    return (t = this.slides[this.activeSlideIndex]) == null ? void 0 : t.thumbnailUrl;
+    var i;
+    return (i = this.slides[this.activeSlideIndex]) == null ? void 0 : i.thumbnailUrl;
   }
   lockBodyScroll() {
     m(this.el);
@@ -102,24 +105,24 @@ const v = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
     p(this.el);
   }
   updateMediaPlayers() {
-    const t = f(this.el, "video");
-    this.mediaPlayers = t;
+    const i = f(this.el, "video");
+    this.mediaPlayers = i;
   }
   stopAllMediaPlayers() {
-    this.mediaPlayers.forEach((t) => t.pause());
+    this.mediaPlayers.forEach((i) => i.pause());
   }
   resetImageZoom() {
-    this.slides.forEach((t) => {
+    this.slides.forEach((i) => {
       var o;
-      const i = (o = t == null ? void 0 : t.shadowRoot) == null ? void 0 : o.querySelector("swirl-file-viewer-image");
-      Boolean(i) && i.resetZoom();
+      const t = (o = i == null ? void 0 : i.shadowRoot) == null ? void 0 : o.querySelector("swirl-file-viewer-image");
+      Boolean(t) && t.resetZoom();
     });
   }
   render() {
-    const t = this.slides.length > 1, i = this.getCurrentFileName(), o = this.getCurrentFileType(), s = this.getCurrentThumbnailUrl(), l = x("lightbox", {
+    const i = this.slides.length > 1, t = this.getCurrentFileName(), o = this.getCurrentFileType(), s = this.getCurrentThumbnailUrl(), l = x("lightbox", {
       "lightbox--closing": this.closing
     });
-    return e(u, null, e("section", { "aria-hidden": "true", "aria-label": this.label, class: l, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onKeyDown: this.onKeyDown, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (n) => this.modalEl = n }, e("div", { class: "lightbox__body", role: "document" }, e("header", { class: "lightbox__header" }, e("button", { "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, e("swirl-icon-close", null)), !this.hideMenu && e("swirl-popover-trigger", { popover: this.menu }, e("button", { "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, e("swirl-icon-more-vertikal", null)))), e("div", { "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, e("div", { "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides" }, e("slot", { onSlotchange: this.registerSlides }))), e("div", { class: "lightbox__controls" }, e("button", { "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, e("swirl-icon-arrow-left", null)), e("button", { "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, e("swirl-icon-arrow-right", null))), t && e("span", { class: "lightbox__pagination" }, e("span", { "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && e("swirl-popover", { animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (n) => this.menu = n }, e("swirl-stack", null, e("div", { class: "lightbox__meta" }, s && e("div", { class: "lightbox__thumbnail" }, e("swirl-thumbnail", { alt: "", src: s })), e("div", { class: "lightbox__file-info" }, e("swirl-text", { truncate: !0, weight: "semibold" }, i), e("swirl-text", { color: "subdued", size: "sm", truncate: !0 }, o))), e("swirl-separator", null), e("swirl-action-list", null, e("swirl-action-list-item", { icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), e("slot", { name: "menu-items" }))))));
+    return e(u, null, e("section", { "aria-hidden": "true", "aria-label": this.label, 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 }, e("div", { class: "lightbox__body", role: "document" }, e("header", { class: "lightbox__header" }, e("button", { "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, e("swirl-icon-close", null)), !this.hideMenu && e("swirl-popover-trigger", { popover: this.menu }, e("button", { "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, e("swirl-icon-more-vertikal", null)))), e("div", { "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, e("div", { "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, ref: (n) => this.slidesContainer = n }, e("slot", { onSlotchange: this.registerSlides }))), e("div", { class: "lightbox__controls" }, e("button", { "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, e("swirl-icon-arrow-left", null)), e("button", { "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, e("swirl-icon-arrow-right", null))), i && e("span", { class: "lightbox__pagination" }, e("span", { "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && e("swirl-popover", { animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (n) => this.menu = n }, e("swirl-stack", null, e("div", { class: "lightbox__meta" }, s && e("div", { class: "lightbox__thumbnail" }, e("swirl-thumbnail", { alt: "", src: s })), e("div", { class: "lightbox__file-info" }, e("swirl-text", { truncate: !0, weight: "semibold" }, t), e("swirl-text", { color: "subdued", size: "sm", truncate: !0 }, o))), e("swirl-separator", null), e("swirl-action-list", null, e("swirl-action-list-item", { icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), e("slot", { name: "menu-items" }))))));
   }
   get el() {
     return g(this);

package/dist/{swirl-link.entry.8e7272d1.js → swirl-link.entry.db40571e.js}

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

package/dist/{swirl-list.entry.1eceecbf.js → swirl-list.entry.46533dcb.js}

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as r } from "./index.8d80ecc4.js";
+import { r as l, h as t, H as r } from "./index.d2cdc27c.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 = class {

package/dist/{swirl-menu-item.entry.223dc987.js → swirl-menu-item.entry.92239723.js}

@@ -1,4 +1,4 @@
-import { r as a, h as i, H as l, g as u } from "./index.8d80ecc4.js";
+import { r as a, h as i, H as l, g as u } from "./index.d2cdc27c.js";
 import { c as d, p as h } from "./utils-9f141e25.a4ae3adc.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import "react";

package/dist/{swirl-menu.entry.1009a2d2.js → swirl-menu.entry.b2e05b73.js}

@@ -1,4 +1,4 @@
-import { r as d, c as h, h as o, H as p, g as v } from "./index.8d80ecc4.js";
+import { r as d, c as h, h as o, H as p, g as v } from "./index.d2cdc27c.js";
 import { c as b, a as f, o as w, f as g } from "./floating-ui.dom.esm-ac7cc24e.79b318e4.js";
 import { c as M } from "./index-d280dafb.186cdb0e.js";
 import { q as n, c as l, p as m, i as x, a as y } from "./utils-9f141e25.a4ae3adc.js";

package/dist/{swirl-modal.entry.e7c73a52.js → swirl-modal.entry.d2c426c0.js}

@@ -1,4 +1,4 @@
-import { r as h, c as d, h as o, H as p, g as u } from "./index.8d80ecc4.js";
+import { r as h, c as d, h as o, H as p, g as u } from "./index.d2cdc27c.js";
 import { d as f, e as v } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as b } from "./focus-trap.esm-37cd2d2b.724cca66.js";
 import { c as _ } from "./index-d280dafb.186cdb0e.js";

package/dist/{swirl-option-list-section.entry.dec5cabb.js → swirl-option-list-section.entry.7a385f43.js}

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

package/dist/{swirl-option-list_2.entry.ddf7d2be.js → swirl-option-list_2.entry.a387896e.js}

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

package/dist/{swirl-pagination.entry.c463f5e1.js → swirl-pagination.entry.8ab37847.js}

@@ -1,4 +1,4 @@
-import { r as l, c as s, h as i, H as r } from "./index.8d80ecc4.js";
+import { r as l, c as s, h as i, H as r } from "./index.d2cdc27c.js";
 import { c as p } from "./index-d280dafb.186cdb0e.js";
 import { d as g } from "./utils-9f141e25.a4ae3adc.js";
 import "react";

package/dist/{swirl-pdf-reader.entry.bfcd6bd4.js → swirl-pdf-reader.entry.db108389.js}

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

package/dist/{swirl-popover_2.entry.6e8c12ee.js → swirl-popover_2.entry.73965870.js}

@@ -1,4 +1,4 @@
-import { r as g, c as l, h as n, H as v, g as m } from "./index.8d80ecc4.js";
+import { r as g, c as l, h as n, H as v, g as m } from "./index.d2cdc27c.js";
 import { o as c, s as d, f as w, c as y, a as x } from "./floating-ui.dom.esm-ac7cc24e.79b318e4.js";
 import { d as E, e as C } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as k } from "./index-d280dafb.186cdb0e.js";
@@ -45,7 +45,7 @@ const T = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
   onWindowClick(e) {
     if (!this.active || this.closing)
       return;
-    const t = e.target, o = this.el.contains(t), i = e.composedPath().some((s) => Boolean(s) && s instanceof Node ? this.el.contains(s) : !1), r = t === this.triggerEl || this.triggerEl.contains(t);
+    const t = e.target, o = this.el.contains(t), i = e.composedPath().some((s) => Boolean(s) && s instanceof Node ? this.el.contains(s) : !1), r = t === this.triggerEl || this.triggerEl.contains(t) || e.composedPath().includes(this.triggerEl);
     !o && !i && !r && this.close();
   }
   async close() {

package/dist/{swirl-progress-indicator.entry.fa943038.js → swirl-progress-indicator.entry.106c143c.js}

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

package/dist/{swirl-radio-group.entry.cd7729dc.js → swirl-radio-group.entry.ec91f0ca.js}

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

package/dist/{swirl-radio.entry.a469140e.js → swirl-radio.entry.0b0b08bf.js}

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

package/dist/{swirl-resource-list-file-item.entry.601cbbdc.js → swirl-resource-list-file-item.entry.df4a9301.js}

@@ -1,4 +1,4 @@
-import { r as c, c as n, h as e, H as a } from "./index.8d80ecc4.js";
+import { r as c, c as n, h as e, H as a } from "./index.d2cdc27c.js";
 import { c as m } from "./index-d280dafb.186cdb0e.js";
 import { g as u } from "./utils-9f141e25.a4ae3adc.js";
 import "react";

package/dist/{swirl-search.entry.3f0a17bf.js → swirl-search.entry.89d878b8.js}

@@ -1,4 +1,4 @@
-import { r as i, c as r, h as a, H as t } from "./index.8d80ecc4.js";
+import { r as i, c as r, h as a, H as t } from "./index.d2cdc27c.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { g as n } from "./utils-9f141e25.a4ae3adc.js";
 import "react";

package/dist/{swirl-select.entry.4952f928.js → swirl-select.entry.f71be5e6.js}

@@ -1,4 +1,4 @@
-import { r as u, c as h, h as s, H as w, g as v } from "./index.8d80ecc4.js";
+import { r as u, c as h, h as s, H as w, g as v } from "./index.d2cdc27c.js";
 import { c as m } from "./index-d280dafb.186cdb0e.js";
 import { q as _ } from "./utils-9f141e25.a4ae3adc.js";
 import "react";

package/dist/{swirl-shell-layout.entry.c4272b3d.js → swirl-shell-layout.entry.0e3b6b4c.js}

@@ -1,4 +1,4 @@
-import { r as t, c as s, h as l, H as r } from "./index.8d80ecc4.js";
+import { r as t, c as s, h as l, H as r } from "./index.d2cdc27c.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import { c as d } from "./focus-trap.esm-37cd2d2b.724cca66.js";
 import "react";
@@ -6,9 +6,9 @@ import "react-dom";
 const h = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sunken-default);--swirl-shell-text-color:var(--s-text-default);--swirl-shell-header-height:3.25rem;--swirl-shell-collapsed-nav-width:3.75rem;--swirl-shell-extended-nav-width:14rem;--swirl-shell-sidebar-width:21rem;display:flex;width:100%;height:100%}.sc-swirl-shell-layout-h *.sc-swirl-shell-layout{box-sizing:border-box}.shell-layout.sc-swirl-shell-layout{display:grid;overflow:hidden;width:100%;min-height:100%;background-color:var(--swirl-shell-background);transition:grid-template-columns 0.2s;grid-template-columns:0 1fr 0;grid-template-rows:1fr;grid-template-areas:"nav main"}@media (min-width: 992px){.shell-layout.sc-swirl-shell-layout{padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);gap:var(--s-space-8);grid-template-columns:var(--swirl-shell-extended-nav-width) 1fr 0;grid-template-rows:var(--swirl-shell-header-height) 1fr;grid-template-areas:"header header header"
       "nav main sidebar"}}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout{border-bottom:none;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-action-primary-hovered)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-action-primary-pressed)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout swirl-badge.sc-swirl-shell-layout{--swirl-badge-border-color:var(--s-action-primary-default)}.shell-layout--navigation-collapsed.sc-swirl-shell-layout .shell-layout__navigation-toggle.sc-swirl-shell-layout:hover swirl-icon-double-arrow-left.sc-swirl-shell-layout{display:none}.shell-layout--navigation-collapsed.sc-swirl-shell-layout .shell-layout__navigation-toggle.sc-swirl-shell-layout:hover swirl-icon-double-arrow-right.sc-swirl-shell-layout{display:inline-flex}@media (min-width: 992px){.shell-layout--navigation-collapsed.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-collapsed-nav-width) 1fr 0}}@media (min-width: 1440px){.shell-layout--sidebar-active.shell-layout--navigation-collapsed.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-collapsed-nav-width) 1fr var(
           --swirl-shell-sidebar-width
-        )}}@media (min-width: 1440px){.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__main.sc-swirl-shell-layout{width:100%}}@media (min-width: 992px){.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__sidebar-body.sc-swirl-shell-layout{border:0.0625rem solid var(--s-border-default);transform:translate3d(0, 0, 0)}}@media (min-width: 1440px){.shell-layout--sidebar-active.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-extended-nav-width) 1fr var(
+        )}}@media (min-width: 1440px){.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__main.sc-swirl-shell-layout{width:100%}}.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__sidebar.sc-swirl-shell-layout{overflow:initial}@media (min-width: 992px){.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__sidebar-body.sc-swirl-shell-layout{border:0.0625rem solid var(--s-border-default);transform:translate3d(0, 0, 0)}}@media (min-width: 1440px){.shell-layout--sidebar-active.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-extended-nav-width) 1fr var(
         --swirl-shell-sidebar-width
-      )}}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:translate3d(0, 0, 0);box-shadow:var(--s-shadow-level-3)}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:none;box-shadow:none}}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:block}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:none}}.shell-layout__header.sc-swirl-shell-layout{position:relative;display:none;width:calc(100% + var(--s-space-8));padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:0.0625rem solid var(--s-border-default);color:var(--swirl-shell-text-color);grid-area:header}@media (min-width: 992px){.shell-layout__header.sc-swirl-shell-layout{display:flex}}.shell-layout__skip-link.sc-swirl-shell-layout{position:absolute;z-index:9;top:0;left:0;padding:var(--s-space-4);border:none;color:var(--swirl-shell-text-color);background-color:var(--swirl-shell-background);font:inherit;cursor:pointer}.shell-layout__skip-link.sc-swirl-shell-layout:not(:focus):not(:active){position:absolute;overflow:hidden;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%)}.shell-layout__header-left.sc-swirl-shell-layout{display:flex;flex-basis:8rem;flex-shrink:0;gap:var(--s-space-8)}.shell-layout__header-right.sc-swirl-shell-layout{display:flex;flex-basis:8rem;flex-shrink:0;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__logo.sc-swirl-shell-layout{display:flex;flex-grow:1;justify-content:center;align-items:center}.shell-layout__logo.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__header-tool.sc-swirl-shell-layout{position:relative;width:2.25rem;height:2.25rem;padding:var(--s-space-8);border:none;border-radius:var(--s-border-radius-sm);color:var(--swirl-shell-text-color);background-color:var(--s-surface-sunken-default);font:inherit;cursor:pointer}.shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-surface-sunken-hovered)}.shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-surface-sunken-pressed)}.shell-layout__header-tool.sc-swirl-shell-layout:focus{outline:none}.shell-layout__header-tool.sc-swirl-shell-layout:focus-visible{box-shadow:0 0 0 0.125rem var(--s-focus-default)}.shell-layout__header-tool.sc-swirl-shell-layout swirl-badge.sc-swirl-shell-layout{--swirl-badge-border-color:var(--s-surface-sunken-default);position:absolute;right:0;bottom:0;transform:translate3d(0.1875rem, 0, 0)}.shell-layout__sidebar-toggle.sc-swirl-shell-layout{display:none}@media (min-width: 992px){.shell-layout__sidebar-toggle.sc-swirl-shell-layout{display:block}}.shell-layout__navigation-toggle.sc-swirl-shell-layout:hover swirl-icon-menu.sc-swirl-shell-layout{display:none}.shell-layout__navigation-toggle.sc-swirl-shell-layout:hover swirl-icon-double-arrow-left.sc-swirl-shell-layout{display:inline-flex}.shell-layout__navigation-toggle.sc-swirl-shell-layout swirl-icon-double-arrow-right.sc-swirl-shell-layout,.shell-layout__navigation-toggle.sc-swirl-shell-layout swirl-icon-double-arrow-left.sc-swirl-shell-layout{display:none}.shell-layout__nav.sc-swirl-shell-layout{position:fixed;z-index:9;top:0;bottom:0;left:0;overflow:auto;width:100%;max-width:18.75rem;color:var(--swirl-shell-text-color);background-color:var(--s-surface-overlay-default);transition:transform 0.2s, box-shadow 0.2s;transform:translate3d(-100%, 0, 0);grid-area:nav}@media (min-width: 992px){.shell-layout__nav.sc-swirl-shell-layout{position:static;max-width:none;padding-top:0;padding-right:var(--s-space-4);padding-bottom:var(--s-space-8);padding-left:var(--s-space-12);background-color:var(--swirl-shell-background);transform:none;box-shadow:none;inset:auto}}.shell-layout__mobile-header.sc-swirl-shell-layout{display:flex;min-height:3.5rem;margin-bottom:var(--s-space-8);padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:0.0625rem solid var(--s-border-default)}.shell-layout__mobile-header.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout{background-color:var(--s-surface-overlay-default)}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-surface-overlay-hovered)}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-surface-overlay-pressed)}@media (min-width: 992px){.shell-layout__mobile-header.sc-swirl-shell-layout{display:none}}.shell-layout__mobile-header-tools.sc-swirl-shell-layout{display:flex;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__nav-body.sc-swirl-shell-layout{padding:var(--s-space-8)}.shell-layout__nav-body.sc-swirl-shell-layout-s ul{margin:0;padding:0;list-style:none}.shell-layout__nav-body.sc-swirl-shell-layout-s li{display:flex}@media (min-width: 992px){.shell-layout__nav-body.sc-swirl-shell-layout{padding:0}}.shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{position:fixed;z-index:8;display:none;background-color:rgba(0, 0, 0, 0.25);animation:shell-layout-backdrop-fade-in 0.2s;inset:0}.shell-layout__main.sc-swirl-shell-layout{overflow:hidden;grid-area:main}@media (min-width: 992px){.shell-layout__main.sc-swirl-shell-layout{width:calc(100% + var(--s-space-8));border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm)}}.shell-layout__sidebar.sc-swirl-shell-layout{position:relative;display:none;grid-area:sidebar}@media (min-width: 992px){.shell-layout__sidebar.sc-swirl-shell-layout{display:block}}@media (min-width: 1440px){.shell-layout__sidebar.sc-swirl-shell-layout{overflow:hidden}}.shell-layout__sidebar-body.sc-swirl-shell-layout{z-index:1;display:flex;width:var(--swirl-shell-sidebar-width);height:100%;border-radius:var(--s-border-radius-sm);background-color:var(--s-background-default);flex-direction:column}@media (min-width: 992px){.shell-layout__sidebar-body.sc-swirl-shell-layout{position:absolute;top:0;right:0;bottom:0;transition:transform 0.2s;transform:translate3d(calc(100% + var(--s-space-24)), 0, 0);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 1440px){.shell-layout__sidebar-body.sc-swirl-shell-layout{position:relative;transform:none;box-shadow:none;inset:auto}}.shell-layout__sidebar-app-bar.sc-swirl-shell-layout{flex-grow:0;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.shell-layout__sidebar-content.sc-swirl-shell-layout{overflow:auto;flex-grow:1}@keyframes shell-layout-backdrop-fade-in{from{opacity:0}to{opacity:1}}`, i = "SWIRL_SHELL_NAVIGATION_COLLAPSE_STATE", o = "SWIRL_SHELL_SIDEBAR_STATE", c = class {
+      )}}.sc-swirl-shell-layout:not(.shell-layout--sidebar-active) .shell-layout__sidebar.sc-swirl-shell-layout{animation:shell-layout-no-overflow-after-transition 0.2s;animation-fill-mode:forwards}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:translate3d(0, 0, 0);box-shadow:var(--s-shadow-level-3)}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:none;box-shadow:none}}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:block}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:none}}.shell-layout__header.sc-swirl-shell-layout{position:relative;display:none;width:calc(100% + var(--s-space-8));padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:0.0625rem solid var(--s-border-default);color:var(--swirl-shell-text-color);grid-area:header}@media (min-width: 992px){.shell-layout__header.sc-swirl-shell-layout{display:flex}}.shell-layout__skip-link.sc-swirl-shell-layout{position:absolute;z-index:9;top:0;left:0;padding:var(--s-space-4);border:none;color:var(--swirl-shell-text-color);background-color:var(--swirl-shell-background);font:inherit;cursor:pointer}.shell-layout__skip-link.sc-swirl-shell-layout:not(:focus):not(:active){position:absolute;overflow:hidden;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%)}.shell-layout__header-left.sc-swirl-shell-layout{display:flex;flex-basis:8rem;flex-shrink:0;gap:var(--s-space-8)}.shell-layout__header-right.sc-swirl-shell-layout{display:flex;flex-basis:8rem;flex-shrink:0;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__logo.sc-swirl-shell-layout{display:flex;flex-grow:1;justify-content:center;align-items:center}.shell-layout__logo.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__header-tool.sc-swirl-shell-layout{position:relative;width:2.25rem;height:2.25rem;padding:var(--s-space-8);border:none;border-radius:var(--s-border-radius-sm);color:var(--swirl-shell-text-color);background-color:var(--s-surface-sunken-default);font:inherit;cursor:pointer}.shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-surface-sunken-hovered)}.shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-surface-sunken-pressed)}.shell-layout__header-tool.sc-swirl-shell-layout:focus{outline:none}.shell-layout__header-tool.sc-swirl-shell-layout:focus-visible{box-shadow:0 0 0 0.125rem var(--s-focus-default)}.shell-layout__header-tool.sc-swirl-shell-layout swirl-badge.sc-swirl-shell-layout{--swirl-badge-border-color:var(--s-surface-sunken-default);position:absolute;right:0;bottom:0;transform:translate3d(0.1875rem, 0, 0)}.shell-layout__sidebar-toggle.sc-swirl-shell-layout{display:none}@media (min-width: 992px){.shell-layout__sidebar-toggle.sc-swirl-shell-layout{display:block}}.shell-layout__navigation-toggle.sc-swirl-shell-layout:hover swirl-icon-menu.sc-swirl-shell-layout{display:none}.shell-layout__navigation-toggle.sc-swirl-shell-layout:hover swirl-icon-double-arrow-left.sc-swirl-shell-layout{display:inline-flex}.shell-layout__navigation-toggle.sc-swirl-shell-layout swirl-icon-double-arrow-right.sc-swirl-shell-layout,.shell-layout__navigation-toggle.sc-swirl-shell-layout swirl-icon-double-arrow-left.sc-swirl-shell-layout{display:none}.shell-layout__nav.sc-swirl-shell-layout{position:fixed;z-index:9;top:0;bottom:0;left:0;overflow:auto;width:100%;max-width:18.75rem;color:var(--swirl-shell-text-color);background-color:var(--s-surface-overlay-default);transition:transform 0.2s, box-shadow 0.2s;transform:translate3d(-100%, 0, 0);grid-area:nav}@media (min-width: 992px){.shell-layout__nav.sc-swirl-shell-layout{position:static;max-width:none;padding-top:0;padding-right:var(--s-space-4);padding-bottom:var(--s-space-8);padding-left:var(--s-space-12);background-color:var(--swirl-shell-background);transform:none;box-shadow:none;inset:auto}}.shell-layout__mobile-header.sc-swirl-shell-layout{display:flex;min-height:3.5rem;margin-bottom:var(--s-space-8);padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:0.0625rem solid var(--s-border-default)}.shell-layout__mobile-header.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout{background-color:var(--s-surface-overlay-default)}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-surface-overlay-hovered)}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-surface-overlay-pressed)}@media (min-width: 992px){.shell-layout__mobile-header.sc-swirl-shell-layout{display:none}}.shell-layout__mobile-header-tools.sc-swirl-shell-layout{display:flex;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__nav-body.sc-swirl-shell-layout{padding:var(--s-space-8)}.shell-layout__nav-body.sc-swirl-shell-layout-s ul{margin:0;padding:0;list-style:none}.shell-layout__nav-body.sc-swirl-shell-layout-s li{display:flex}@media (min-width: 992px){.shell-layout__nav-body.sc-swirl-shell-layout{padding:0}}.shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{position:fixed;z-index:8;display:none;background-color:rgba(0, 0, 0, 0.25);animation:shell-layout-backdrop-fade-in 0.2s;inset:0}.shell-layout__main.sc-swirl-shell-layout{overflow:hidden;grid-area:main}@media (min-width: 992px){.shell-layout__main.sc-swirl-shell-layout{width:calc(100% + var(--s-space-8));border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm)}}.shell-layout__sidebar.sc-swirl-shell-layout{position:relative;display:none;grid-area:sidebar}@media (min-width: 992px){.shell-layout__sidebar.sc-swirl-shell-layout{display:block}}.shell-layout__sidebar-body.sc-swirl-shell-layout{z-index:1;display:flex;width:var(--swirl-shell-sidebar-width);height:100%;border-radius:var(--s-border-radius-sm);background-color:var(--s-background-default);flex-direction:column}@media (min-width: 992px){.shell-layout__sidebar-body.sc-swirl-shell-layout{position:absolute;top:0;right:0;bottom:0;transition:transform 0.2s;transform:translate3d(calc(100% + var(--s-space-24)), 0, 0);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 1440px){.shell-layout__sidebar-body.sc-swirl-shell-layout{position:relative;transform:none;box-shadow:none;inset:auto}}.shell-layout__sidebar-app-bar.sc-swirl-shell-layout{flex-grow:0;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.shell-layout__sidebar-content.sc-swirl-shell-layout{overflow:auto;flex-grow:1}@keyframes shell-layout-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes shell-layout-no-overflow-after-transition{0%{overflow:initial}99%{overflow:initial}100%{overflow:hidden}}`, i = "SWIRL_SHELL_NAVIGATION_COLLAPSE_STATE", o = "SWIRL_SHELL_SIDEBAR_STATE", c = class {
   constructor(e) {
     t(this, e), this.sidebarToggleClick = s(this, "sidebarToggleClick", 7), this.skipLinkClick = s(this, "skipLinkClick", 7), this.onBrowserBackClick = () => {
       history.back();

package/dist/{swirl-shell-navigation-item.entry.9dd8f1c2.js → swirl-shell-navigation-item.entry.3ffcb5d5.js}

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

package/dist/{swirl-skeleton-box.entry.73454527.js → swirl-skeleton-box.entry.a25c1546.js}

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

package/dist/{swirl-skeleton-text.entry.2babda15.js → swirl-skeleton-text.entry.c6592a0f.js}

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

package/dist/{swirl-stack.entry.d1fcdfb2.js → swirl-stack.entry.907d76a0.js}

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

package/dist/{swirl-status-indicator.entry.fc9e7fcb.js → swirl-status-indicator.entry.40cb766f.js}

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

package/dist/{swirl-switch.entry.5c0c43b2.js → swirl-switch.entry.e4a282c7.js}

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

package/dist/{swirl-symbol-account-circle.entry.7149582f.js → swirl-symbol-account-circle.entry.ec885197.js}

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

package/dist/{swirl-symbol-alternate-email.entry.86d300ab.js → swirl-symbol-alternate-email.entry.985418ee.js}

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

package/dist/{swirl-symbol-android.entry.2dfe3e0d.js → swirl-symbol-android.entry.449e7a34.js}

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

package/dist/{swirl-symbol-announcement.entry.92748c67.js → swirl-symbol-announcement.entry.92b5ae35.js}

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

package/dist/{swirl-symbol-backup.entry.1ebcada7.js → swirl-symbol-backup.entry.d3394a5b.js}

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

package/dist/{swirl-symbol-beach-access.entry.03f8ad2d.js → swirl-symbol-beach-access.entry.718ffae6.js}

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

package/dist/{swirl-symbol-bookmark.entry.aeebc722.js → swirl-symbol-bookmark.entry.7e9a5468.js}

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

package/dist/{swirl-symbol-cloud.entry.aa111ae6.js → swirl-symbol-cloud.entry.7ef757b5.js}

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

package/dist/{swirl-symbol-coronavirus.entry.ffda91d2.js → swirl-symbol-coronavirus.entry.8ac72552.js}

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

package/dist/{swirl-symbol-desktop-windows.entry.965e7556.js → swirl-symbol-desktop-windows.entry.53870e8c.js}

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

package/dist/{swirl-symbol-directions-car-filled.entry.59c1a716.js → swirl-symbol-directions-car-filled.entry.1b56f39e.js}

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

package/dist/{swirl-symbol-edit-calendar.entry.bab1420f.js → swirl-symbol-edit-calendar.entry.ef6a21c4.js}

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

package/dist/{swirl-symbol-email.entry.d0a1d59d.js → swirl-symbol-email.entry.056ae82d.js}

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

package/dist/{swirl-symbol-emoji-food-beverage.entry.0952ca4d.js → swirl-symbol-emoji-food-beverage.entry.58f293bd.js}

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

package/dist/{swirl-symbol-event-menu.entry.ebabc3c6.js → swirl-symbol-event-menu.entry.07552e3f.js}

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

package/dist/{swirl-symbol-facebook.entry.9625ce74.js → swirl-symbol-facebook.entry.fd714812.js}

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

package/dist/{swirl-symbol-favorite.entry.fc3fe219.js → swirl-symbol-favorite.entry.bad2b29b.js}

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

package/dist/{swirl-symbol-fitness-center.entry.54adf7d2.js → swirl-symbol-fitness-center.entry.84047157.js}

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

package/dist/{swirl-symbol-flag.entry.8fc582ef.js → swirl-symbol-flag.entry.c2afe619.js}

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

package/dist/{swirl-symbol-folder.entry.31dbaa17.js → swirl-symbol-folder.entry.b506036d.js}

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

package/dist/{swirl-symbol-globe.entry.7426e7fb.js → swirl-symbol-globe.entry.4fbb918b.js}

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

package/dist/{swirl-symbol-groups.entry.b904049b.js → swirl-symbol-groups.entry.79e5227f.js}

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

package/dist/{swirl-symbol-help.entry.759b651e.js → swirl-symbol-help.entry.f78976ed.js}

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

package/dist/{swirl-symbol-image.entry.2cb57d3c.js → swirl-symbol-image.entry.cf5afddd.js}

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