@getflip/swirl-components-react 0.309.1 → 0.311.0

package/dist/{swirl-lightbox.entry.4d5bd425.js → swirl-lightbox.entry.550b1399.js}

@@ -1,11 +1,11 @@
-import { r as h, c as b, h as i, H as u, g } from "./index.b8ec3ca1.js";
+import { r as h, c as b, h as i, H as u, g } from "./index.2ad19391.js";
 import { d as f, 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-877a768f.c277f897.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}}', _ = y, w = 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}}', S = y, _ = class {
   constructor(t) {
     h(this, t), this.activeSlideChange = b(this, "activeSlideChange", 7), this.dragging = !1, this.onKeyDown = (e) => {
       !this.isOpen || (e.code === "Escape" ? (e.stopImmediatePropagation(), this.close()) : e.code === "ArrowLeft" ? this.onPreviousSlideClick() : e.code === "ArrowRight" && this.onNextSlideClick());
@@ -28,8 +28,8 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
       var l, n;
       if (!this.dragging)
         return;
-      const a = !(e instanceof MouseEvent) && e.touches.length > 1, s = (n = (l = this.slides[this.activeSlideIndex]) == null ? void 0 : l.shadowRoot) == null ? void 0 : n.querySelector("swirl-file-viewer-image"), o = Boolean(s) ? await s.getZoom() > 1 : !1;
-      if (a || o)
+      const a = !(e instanceof MouseEvent) && e.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;
+      if (a || s)
         return;
       e.preventDefault();
       const r = e instanceof MouseEvent ? e.clientX - this.dragStartPosition : e.touches[0].clientX - this.dragStartPosition;
@@ -43,10 +43,10 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
       this.dragging = !1, this.dragStartPosition = void 0;
       const e = this.dragDelta / this.slides[this.activeSlideIndex].getBoundingClientRect().width;
       this.dragDelta = 0;
-      const a = e > 0.2, s = e < -0.2;
-      this.slides.forEach((o) => {
-        o.style.transition = "";
-      }), a ? this.onPreviousSlideClick() : s ? this.onNextSlideClick() : this.resetSlidePositions();
+      const a = e > 0.2, o = e < -0.2;
+      this.slides.forEach((s) => {
+        s.style.transition = "";
+      }), a ? this.onPreviousSlideClick() : o ? this.onNextSlideClick() : this.resetSlidePositions();
     }, this.onBackdropClick = (e) => {
       e.target === this.slidesContainer && this.close();
     }, this.onContextMenu = (e) => {
@@ -65,7 +65,7 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
   }
   disconnectedCallback() {
     var t, e;
-    (t = this.focusTrap) == null || t.deactivate(), this.unlockBodyScroll(), (e = this.containerObserver) == null || e.disconnect();
+    (t = this.focusTrap) == null || t.deactivate(), this.unlockBodyScroll(), (e = this.containerObserver) == null || e.disconnect(), this.activateSlideTimeout && clearTimeout(this.activateSlideTimeout), this.closingTimeout && clearTimeout(this.closingTimeout);
   }
   watchActiveSlideIndex() {
     this.activeSlideChange.emit(this.activeSlideIndex);
@@ -77,15 +77,15 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
         allowOutsideClick: !0,
         checkCanFocusTrap: (e) => {
           var a;
-          return (a = this.containerObserver) == null || a.disconnect(), new Promise((s) => {
-            const o = e[0];
-            if (o.tabIndex !== -1) {
-              s();
+          return (a = this.containerObserver) == null || a.disconnect(), new Promise((o) => {
+            const s = e[0];
+            if (s.tabIndex !== -1) {
+              o();
               return;
             }
             this.containerObserver = new MutationObserver(() => {
-              o.tabIndex !== -1 && (this.containerObserver.disconnect(), s());
-            }), this.containerObserver.observe(o, {
+              s.tabIndex !== -1 && (this.containerObserver.disconnect(), o());
+            }), this.containerObserver.observe(s, {
               attributes: !0,
               attributeFilter: ["tabindex"]
             });
@@ -99,17 +99,17 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
   }
   async close() {
     var t;
-    this.closing || (this.closing = !0, (t = this.focusTrap) == null || t.deactivate(), this.unlockBodyScroll(), setTimeout(() => {
+    this.closing || (this.closing = !0, (t = this.focusTrap) == null || t.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;
     }, 150));
   }
   async activateSlide(t) {
     var e, a;
-    (a = (e = this.menu) == null ? void 0 : e.close) == null || a.call(e), this.dragging = !1, this.activeSlideIndex = t, this.slides.forEach((s, o) => {
-      o === this.activeSlideIndex ? (s.removeAttribute("aria-hidden"), s.setAttribute("active", "true")) : o === this.activeSlideIndex - 1 || o === 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, o) => {
-        o !== this.activeSlideIndex && o !== this.activeSlideIndex - 1 && o !== this.activeSlideIndex + 1 && s.setAttribute("active", "false");
+    (a = (e = this.menu) == null ? void 0 : e.close) == null || a.call(e), this.dragging = !1, this.activeSlideIndex = t, this.slides.forEach((o, s) => {
+      s === this.activeSlideIndex ? (o.removeAttribute("aria-hidden"), o.setAttribute("active", "true")) : s === this.activeSlideIndex - 1 || s === this.activeSlideIndex + 1 ? (o.setAttribute("aria-hidden", "true"), o.setAttribute("active", "true")) : o.setAttribute("aria-hidden", "true"), o.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
+    }), this.activateSlideTimeout && (clearTimeout(this.activateSlideTimeout), this.activateSlideTimeout = void 0), this.activateSlideTimeout = setTimeout(() => {
+      this.slides.forEach((o, s) => {
+        s !== this.activeSlideIndex && s !== this.activeSlideIndex - 1 && s !== this.activeSlideIndex + 1 && o.setAttribute("active", "false");
       });
     }, 300), this.stopAllMediaPlayers(), this.resetImageZoom();
   }
@@ -156,12 +156,12 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
     });
   }
   render() {
-    const t = this.slides.length > 1, e = this.getCurrentFileName(), a = this.getCurrentFileType(), s = this.getCurrentThumbnailUrl(), o = Boolean(this.el.querySelector("[slot='menu-items']")) || this.downloadButtonEnabled, r = Boolean(this.el.querySelector("[slot='toolbar']")), l = p("lightbox", {
+    const t = this.slides.length > 1, e = 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']")), l = p("lightbox", {
       "lightbox--closing": this.closing,
-      "lightbox--hide-menu": !o,
+      "lightbox--hide-menu": !s,
       "lightbox--hide-toolbar": !r
     });
-    return i(u, { key: "d98724f3ba5321dd71dad7c04f34ba11304c8603", onKeydown: this.onKeyDown }, i("section", { key: "095409bfe749333e810c6a0ee75a9b70cf6298f6", "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: "46a407fa5c2bcad7b5a2e83746654f048a5f59e0", class: "lightbox__body", role: "document" }, i("header", { key: "713b2e9e08109f5edcd2db3944c654504dfc9aa4", class: "lightbox__header" }, i("button", { key: "4cb6dd389cdb33fa3a9eac24a594819758c490ee", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, i("swirl-icon-close", { key: "5904c330df8e547b18ee35d1edca939f5adf3dc6" })), i("div", { key: "72262b6c6bc90f13a0e96527811112f7e7409eee", class: "lightbox__toolbar" }, i("slot", { key: "87f15644c6ef0d8a24733c177fee7a5f5ddcb576", name: "toolbar" })), !this.hideMenu && i("swirl-popover-trigger", { key: "28d651938ea079bda205bdde28bbb482aa5c7a47", swirlPopover: this.menu }, i("button", { key: "3a07145395ab1b86819a3dda4c6d7cb403041611", "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, i("swirl-icon-more-vertikal", { key: "658d1d932b89f11f6d56f30e395581ad50dcc0d6" })))), i("div", { key: "d3a3420b9305a95782f3c8c6b2a85b4c762ee1c6", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, i("div", { key: "9be1d3dfa52dc6c855b80194b5fa1daf68e78980", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (n) => this.slidesContainer = n }, i("slot", { key: "95f40dd5cd423d13cf34610483f7ca27a295eb40", onSlotchange: this.registerSlides }))), i("div", { key: "203af76f2847c80db90c70a11be32a66535bcbe3", class: "lightbox__controls" }, i("button", { key: "4f96231ed87926cde033634b3e4efb530caddd44", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, i("swirl-icon-arrow-left", { key: "a670f6da1b8772c2a28d1cb8c1fcf2ba9550eafd" })), i("button", { key: "baebaf1d332b2117e1f81b9b9d7a5a3ca40eb7c0", "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: "7178b034f7a038b4d8d7543079c9e4e8365d0921" }))), t && i("span", { key: "a87887b636edbded1bca2a9638b67b1baa55a056", class: "lightbox__pagination" }, i("span", { key: "cf8b09e759aab2e274c940aaad7d18e22d6bdb0a", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && i("swirl-popover", { key: "35024b81bda20ec4c1bb511a7c05f8f9ae37adc9", animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (n) => this.menu = n }, i("swirl-stack", { key: "ed2a65a5fbfd2c2da7df29a8fe4aef6220879ec7" }, i("div", { key: "c67b717d8479346a49dc3a8de69f1e0689584f98", class: "lightbox__meta" }, s && i("div", { key: "8c2cf6d3cdc5cc5ace075ffc2f08807d2985da2f", class: "lightbox__thumbnail" }, i("swirl-thumbnail", { key: "1835c35b1f325a073ba14a234f4ffd7102d38c6c", alt: "", src: s })), i("div", { key: "65372c88bb7215ffccab65ff401b7d7afb11c6b5", class: "lightbox__file-info" }, i("swirl-text", { key: "1580cab212a54ea1269715f64865b7ce01e1d1e1", truncate: !0, weight: "semibold" }, e), i("swirl-text", { key: "aa7677b941978bb2fb2d26fba478e3b722e80b33", color: "subdued", size: "sm", truncate: !0 }, a))), o && i("swirl-separator", { key: "a5cdb5e8e9939119dcda877a746e09f6773623f4" }), i("swirl-action-list", { key: "ac27c8aac8c146ec291e9b0784eb1e19a6e997b3" }, this.downloadButtonEnabled && i("swirl-action-list-item", { key: "db0ede371b050b64ad3f74d8b801d3b1cc03931f", icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), i("slot", { key: "c08d9b49ca1707b9fc45974982cb8256ef9d8140", name: "menu-items" }))))));
+    return i(u, { key: "9281d68bf72b8c49c3ed809e64facf958f3e5ecf", onKeydown: this.onKeyDown }, i("section", { key: "784064732a2ea845006bfd0585a81e1c9d6540f1", "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: "24ae9645fac69171dd511014be1dd286ee65fc5c", class: "lightbox__body", role: "document" }, i("header", { key: "0d35d58af98fe1a7bdbc67b87ac19e0903a96295", class: "lightbox__header" }, i("button", { key: "234df4568e491bb79d52d56369839b1c53da09ba", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, i("swirl-icon-close", { key: "2f7c0d2e49e104be24ad5c47d15cd1555dc5715a" })), i("div", { key: "9e48fa1d92061778dcf16be3850f43ad576b2a8b", class: "lightbox__toolbar" }, i("slot", { key: "34292086224c696eb58aec55302aef485d6c35ae", name: "toolbar" })), !this.hideMenu && i("swirl-popover-trigger", { key: "d0909b33f1292a1ecf8ba5b7c4f8c39164cb3ac5", swirlPopover: this.menu }, i("button", { key: "5a4441c9c2353861e3403a00cdefe3306dce1646", "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, i("swirl-icon-more-vertikal", { key: "a29b9810ee46e550cb016530596ce9df83a40d92" })))), i("div", { key: "584c1d39ee7b6801d53e6ea3549878594dee46dc", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, i("div", { key: "5933c54f594fb7fc6d7c84f57e266dacdee54e87", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (n) => this.slidesContainer = n }, i("slot", { key: "f5db4f2858f1b466fe78f582a011a5a8e30056b9", onSlotchange: this.registerSlides }))), i("div", { key: "9c221292dca8b4bd39c9dc66e9e850c9336f578f", class: "lightbox__controls" }, i("button", { key: "4918d190dbdb9e100b0a9543c494262760f77c82", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, i("swirl-icon-arrow-left", { key: "617871ba1e58eabb28d94a4f95f01004011b2425" })), i("button", { key: "4f67b9fefdfba232ae3483440b3bb01dd4277314", "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: "e30f7ff95bac7c26e8c8ba77661bbb16c9bd3ad3" }))), t && i("span", { key: "aa482e362fb6d143c9310a2fa25cfa522c6c1f60", class: "lightbox__pagination" }, i("span", { key: "e278e533e9367943d7585b87537ccc2563767c5c", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && i("swirl-popover", { key: "eedc5e87827aee77800bff01762599cd4eba795f", animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (n) => this.menu = n }, i("swirl-stack", { key: "8afa5d16cee1175e64ffa6b6d55651ff37707c9a" }, i("div", { key: "e7666d73a8e5d35e168bf82d503d6c812f2ca11a", class: "lightbox__meta" }, o && i("div", { key: "cae726fca18bdb5dfe46f97e95b0b1e2a2336f0e", class: "lightbox__thumbnail" }, i("swirl-thumbnail", { key: "d7dcc60d9c6d92f8a41c8c9f0edb1312bb6895b6", alt: "", src: o })), i("div", { key: "3c17287b45aec6eb863b5664dbe06ef1948934d7", class: "lightbox__file-info" }, i("swirl-text", { key: "2b08690130eee2245de55b7a7ad9e3677c8b45dc", truncate: !0, weight: "semibold" }, e), i("swirl-text", { key: "fc52455033beb92979a2f3fbfc6440dc650d156c", color: "subdued", size: "sm", truncate: !0 }, a))), s && i("swirl-separator", { key: "28b92c44ae42d599d890116a8ad4ec312d8ec706" }), i("swirl-action-list", { key: "9cc01b98b56ed92a960968461f928dd061e00b79" }, this.downloadButtonEnabled && i("swirl-action-list-item", { key: "eb1c30ce1e43374224f0cdd8964c1d8be6de9b6f", icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), i("slot", { key: "6969d51af2011921070cbc801a569c39db6bbf48", name: "menu-items" }))))));
   }
   get el() {
     return g(this);
@@ -172,7 +172,7 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
     };
   }
 };
-w.style = _;
+_.style = S;
 export {
-  w as swirl_lightbox
+  _ as swirl_lightbox
 };

package/dist/{swirl-link.entry.7174156d.js → swirl-link.entry.ca3d72ac.js}

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

package/dist/{swirl-list.entry.9aa47663.js → swirl-list.entry.b375e6e1.js}

@@ -1,15 +1,15 @@
-import { r as l, h as e, H as r } from "./index.b8ec3ca1.js";
+import { r as l, h as i, H as r } from "./index.2ad19391.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(i) {
-    l(this, i);
+  constructor(e) {
+    l(this, e);
   }
   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 e(r, { key: "b311bb480f2bc5685f105e4eb85c302004b11cb9" }, e("div", { key: "b9e890a3ebecdf014539452a3ac6577c940d3765", class: "swirl-list", ref: (i) => this.containerEl = i }, e("slot", { key: "44777b3d45b2839fdcc8968a8023ceaf53aa89c5" })));
+    return i(r, { key: "a637fec8bd56b0c5bb67bd425d24ad7adc8f7389" }, i("div", { key: "83035d1f0cc36b2a60ea762bf396670e3eb30282", class: "swirl-list", ref: (e) => this.containerEl = e }, i("slot", { key: "4b16fcc4e6169013d52c00af6675ebde1d741bf8" })));
   }
 };
 o.style = n;

package/dist/{swirl-menu-item.entry.a1d8b74d.js → swirl-menu-item.entry.9f2a59dc.js}

@@ -1,4 +1,4 @@
-import { r, f as d, h as i, H as l, g as h } from "./index.b8ec3ca1.js";
+import { r, f as d, h as i, H as l, g as h } from "./index.2ad19391.js";
 import { c as u } from "./index-267776a4.6beb4f4b.js";
 import { c, p } from "./utils-877a768f.c277f897.js";
 import "react";
@@ -67,7 +67,7 @@ const m = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expande
     const e = u("menu-item", {
       "menu-item--expanded": this.expanded
     });
-    return i(l, { key: "1949e3e275f712500b7b572f3bc464eb71cda967" }, i("div", { key: "b4cce9fd72a8d394659e798c59a30d63d96d06e5", class: e }, ((t = this.parentMenu) == null ? void 0 : t.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "360451e3e0a2f108cc9c5e02541d4c00cb1108c0", onSlotchange: this.onSlotChange })));
+    return i(l, { key: "f9fad77e00116476a8c02f243b65209b667de9ea" }, i("div", { key: "b46e159ffffc73eb4048575305f34d4a8fb748b2", class: e }, ((t = this.parentMenu) == null ? void 0 : t.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "2578ad2b1a816e9123e50a7725270dd9193db5d4", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return h(this);

package/dist/{swirl-menu.entry.310409af.js → swirl-menu.entry.a5e0d762.js}

@@ -1,4 +1,4 @@
-import { r as d, c, h as o, H as b, g as p } from "./index.b8ec3ca1.js";
+import { r as d, c, h as o, H as b, g as p } from "./index.2ad19391.js";
 import { c as v, a as f, o as w, s as g, f as y } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as M } from "./index-267776a4.6beb4f4b.js";
 import { q as a, c as l, p as h, i as I, b as x } from "./utils-877a768f.c277f897.js";

package/dist/{swirl-modal.entry.dd9fac00.js → swirl-modal.entry.c6907057.js}

@@ -1,4 +1,4 @@
-import { r as h, c as t, h as a, H as f, g as p } from "./index.b8ec3ca1.js";
+import { r as h, c as t, h as a, H as f, g as p } from "./index.2ad19391.js";
 import { d as u, e as b } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as v } from "./index-267776a4.6beb4f4b.js";
 import { c as y } from "./focus-trap.esm-49c9613c.db20abcc.js";

package/dist/{swirl-option-list-section.entry.94653b90.js → swirl-option-list-section.entry.e369a16c.js}

@@ -1,15 +1,15 @@
-import { r as i, h as e, H as t } from "./index.b8ec3ca1.js";
+import { r as i, h as e, H as t } from "./index.2ad19391.js";
 import "react";
 import "react-dom";
-const a = ":host{display:block;width:100%}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", o = a, c = class {
+const a = ":host{display:block;width:100%}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", o = a, l = class {
   constructor(s) {
     i(this, s), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
   }
   render() {
-    return e(t, { key: "a0fcbe676b5681febf2b3628a32771add6ab9765" }, this.hasSeparator && e("swirl-separator", { key: "0f833751c25455eec790918bdb2c9eaa2c4e5774", spacing: this.separatorSpacing }), e("div", { key: "91c387fec045da98b14efd24c1f15f4aef3bc8d0", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "50c8194447cae99fe8b6a9dcd6786efcb62ef468", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("swirl-stack", { key: "6a50183427fb07543e2d8bd7a5dbc57e9d17fcab", spacing: this.spacing, align: "stretch" }, e("slot", { key: "9c74de71f6561c3f5b07dcf5dee297411e073834" }))));
+    return e(t, { key: "f2b6be1a1db087d299780004f053244f517e20af" }, this.hasSeparator && e("swirl-separator", { key: "61f4ea8c147144a9b0749970feeac0e0206e68e4", spacing: this.separatorSpacing }), e("div", { key: "cf5d23a5da1d4b0af86f2dfb7a9c0e3364e6128b", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "0b49917492411505f8b6a3a6bbb5f9a7ae5a7416", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("swirl-stack", { key: "8e5328b750830f7dd804d1efd20d6448c0611617", spacing: this.spacing, align: "stretch" }, e("slot", { key: "9cd63d9974032e199a047bdcc64e3a2c82df4afe" }))));
   }
 };
-c.style = o;
+l.style = o;
 export {
-  c as swirl_option_list_section
+  l as swirl_option_list_section
 };

package/dist/{swirl-option-list_2.entry.0854a758.js → swirl-option-list_2.entry.87e5edc6.js}

@@ -1,10 +1,10 @@
-import { r as c, c as o, h as a, H as d, g } from "./index.b8ec3ca1.js";
+import { r as c, c as o, h as a, H as d, g } from "./index.2ad19391.js";
 import { S as m } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { c as n, q as l } from "./utils-877a768f.c277f897.js";
-import { c as v } from "./index-267776a4.6beb4f4b.js";
+import { c as f } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const f = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}", b = f, p = class {
+const v = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}", b = v, p = class {
   constructor(e) {
     c(this, e), this.itemDrop = o(this, "itemDrop", 7), this.valueChange = o(this, "valueChange", 7), this.onClick = (t) => {
       t.preventDefault();
@@ -181,7 +181,7 @@ const f = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-sw
   }
   render() {
     const e = this.multiSelect ? "true" : void 0, t = Boolean(this.dragging) ? 0 : void 0;
-    return a(d, { key: "8840bfb669baf5b8aed5b428dad0dd67164e870e" }, a("swirl-visually-hidden", { key: "58dc34d8fcd92d2e6309e3d3e996e68213d317e3", role: "alert" }, this.assistiveText), a("div", { key: "856ed520cce3c343240ee18cde9531e9efd223f9", "aria-label": this.label, "aria-multiselectable": e, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (i) => this.listboxEl = i, role: "listbox", tabIndex: t }, a("slot", { key: "d9829ee94a0ed2bee637ceb242a3f4295a964a4c", onSlotchange: this.setSectionSeparator })));
+    return a(d, { key: "ea4a4fd5c111911d2be87011ef317413d4fd9cdf" }, a("swirl-visually-hidden", { key: "f15c2cd2962cf745534489de9cfc1485f4c86dae", role: "alert" }, this.assistiveText), a("div", { key: "eb1edaa19a8461c620bab0c5fcdcf0aaf6da7f16", "aria-label": this.label, "aria-multiselectable": e, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (i) => this.listboxEl = i, role: "listbox", tabIndex: t }, a("slot", { key: "8ad791768f9c454cf357811b8d154d7686248989", onSlotchange: this.setSectionSeparator })));
   }
   get el() {
     return g(this);
@@ -221,7 +221,7 @@ const I = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-bo
     Boolean(this.bordered) && (console.warn('[Swirl] The "bordered" prop of swirl-tag is deprecated and will be removed with the next major release. Please use the "variant" prop as "outline" to achieve the same result.'), this.variant = "outline");
   }
   render() {
-    const e = v("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
+    const e = f("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
     return a(d, { key: "c9e0165b4ce7e54da1e0d8c019c23be5adf36e27" }, a("span", { key: "0748b03da59a2462b21032c8433ba7b5ee780098", class: e, part: "tag" }, this.icon && a("span", { key: "d837bc4fd0095f6c926287e89b1ad511e49cc32e", class: "tag__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), a("span", { key: "92387e9fc623f0b2be18509173b51d1e8e90f4c5", class: "tag__label" }, this.label), this.removable && a("button", { key: "8784ddebf3f2b6b5d053ddc1c0780e3127e55028", "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : void 0, type: "button" }, a("swirl-icon-close", { key: "da4ca93cd44e44cad789ba517fdec6ffb97ed96d", size: 16 }))));
   }
   get el() {

package/dist/{swirl-pagination.entry.4260f629.js → swirl-pagination.entry.74911024.js}

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

package/dist/{swirl-pdf-reader.entry.350df478.js → swirl-pdf-reader.entry.3fdd1c1f.js}

@@ -1,4 +1,4 @@
-import { r as n, c as d, h as e, H as c, g as f } from "./index.b8ec3ca1.js";
+import { r as n, c as d, h as e, H as c, g as f } from "./index.2ad19391.js";
 import { A as h } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { d as b, e as p } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
@@ -89,12 +89,12 @@ const u = `:host{--thumbnails-width:7rem;display:block}:host *{box-sizing:border
       "pdf-reader--hide-menu": !i,
       "pdf-reader--show-thumbnails": this.showThumbnails
     });
-    return e(c, { key: "d49087175bf7e8d527dbefd857387eed1b944bcf" }, e("section", { key: "df109d4e5208e595f1253af21dcf363dfcb31791", "aria-hidden": "true", "aria-label": this.label, class: a, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (t) => this.modalEl = t }, e("div", { key: "3e71a98d0f1ddcd96f75cdbce716dfb19a8070f1", class: "pdf-reader__body", role: "document" }, e("header", { key: "8ef49c5679019d2b8ad186121deb2c0891a2ba2a", class: "pdf-reader__header" }, e("span", { key: "0da53dab3b941e44ad6508a9e54f61cf9c1bd2c4", class: "pdf-reader__header-left" }, e("swirl-button", { key: "c5ccae046c03678577190d72a06160c7357c7f1f", class: "pdf-reader__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), e("span", { key: "2236be647d3b19b49d76d3389fea46c3e748b42e", class: "pdf-reader__label" }, this.label)), e("span", { key: "bb76bd1cf5ff26794ef162b9dfaa8f70573b9236", class: "pdf-reader__header-center" }, e("span", { key: "c1087254025cbf2d43b01e5860235d094787868d", class: "pdf-reader__zoom-button-container" }, e("swirl-button", { key: "2c5b707b2474c4c9e8b220b5ba78534a97b08af7", class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: !0, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), e("swirl-button", { key: "35d79cd634b55eb0dce641f8fa7165c56f0be579", class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: !0, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), e("span", { key: "1d48734c77973416c09a2a137beb2a69a14adc43", class: "pdf-reader__zoom-select-container" }, e("select", { key: "d2c3bb6835261dde8e4814520605d2a79d9435c7", "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, e("option", { key: "7d32ada7f0afade1447cf5678baa869d801ce28f", selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((t) => e("option", { key: t, selected: this.zoom === t, value: t }, t * 100, "%"))), e("swirl-icon-expand-more", { key: "4ff4adaa5b8317e6ef8c182f7eb86b4817853947", class: "pdf-reader__zoom-select-icon" }))), e("span", { key: "a1c5f3527afb87a82767478b8823a67375271e3b", class: "pdf-reader__header-right" }, e("swirl-popover-trigger", { key: "6e2ce09ed3c31f687f5de24a92148309e5054348", swirlPopover: this.menu }, e("swirl-button", { key: "bf1bb42509dfbdefcaa6c03c59c86561ad40acc0", class: "pdf-reader__menu-button", hideLabel: !0, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), e("span", { key: "d38157859b98a748ca0ff38cebd88fe53d9178b0", class: "pdf-reader__floating-tools" }, e("button", { key: "469ccbf0be0a6b5f95c5c6079de6d2092490db63", "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, e("swirl-icon-menu-book", { key: "eebb3f5a6636e732fd87b5a8dd6ea2e8065b7f1b" })), e("button", { key: "62a0f77485cca26588c43c9d691e323d957aa85d", "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, e("swirl-icon-file-copy", { key: "2484f007728eb428fa16938868e779da36b8b14b" })))), e("div", { key: "c9fb716c5a62ac1d460fc5c3d098e102d6f17c62", class: "pdf-reader__content" }, e("nav", { key: "5c96c93879c45a51705f90cb50a61a9f2228b2d1", "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && e("swirl-spinner", { key: "85fcae719711e431603ecce1ff56a23b77e2a317" }), !this.loadingThumbnails && this.thumbnails.map((t, o) => {
+    return e(c, { key: "dc7306ab91090dec2958dd0209b683fd5de3e494" }, e("section", { key: "dc0d979cad148370a5107297433776871dc582b4", "aria-hidden": "true", "aria-label": this.label, class: a, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (t) => this.modalEl = t }, e("div", { key: "5f3c3ec44482a1e1a7c46d7665eac0bca1444acc", class: "pdf-reader__body", role: "document" }, e("header", { key: "8eac4537b0ce0f6df6eab529371105a9d2b9134b", class: "pdf-reader__header" }, e("span", { key: "cb2417fb701e90929dd99c3272f8f3a64fc40039", class: "pdf-reader__header-left" }, e("swirl-button", { key: "0f4bbf2c2b13488819fbdd32e503a645812cf931", class: "pdf-reader__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), e("span", { key: "017ca653b0ed422fdb2d8385dcdacb5c95524e16", class: "pdf-reader__label" }, this.label)), e("span", { key: "b5ec7d6e7464069da8f0626a4253a67b4e46375d", class: "pdf-reader__header-center" }, e("span", { key: "60601b70336b052d214c8b2dbe9cf81bd42b6041", class: "pdf-reader__zoom-button-container" }, e("swirl-button", { key: "8a63e5f7a9ff5807241133e5341e41c8c10a1501", class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: !0, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), e("swirl-button", { key: "fc48f0d8c87f563455f88f24da82293e5b77a361", class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: !0, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), e("span", { key: "69123e376d2d315a106b33838911b2a399b2c02d", class: "pdf-reader__zoom-select-container" }, e("select", { key: "eacb22211caf37eabee782393ef62c1a6cfd65b5", "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, e("option", { key: "12f7c8123567a6c670737ca3011fbf3318d3675f", selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((t) => e("option", { key: t, selected: this.zoom === t, value: t }, t * 100, "%"))), e("swirl-icon-expand-more", { key: "1a696475cc7e7459b4af7742936cd3fb16091ac8", class: "pdf-reader__zoom-select-icon" }))), e("span", { key: "475106c3d6370b6c75c43614b7069dcfb395e8f0", class: "pdf-reader__header-right" }, e("swirl-popover-trigger", { key: "739942fb58fc9fa21f4b6e2d7a22145444eef600", swirlPopover: this.menu }, e("swirl-button", { key: "37297a4e9fca2ff82ab45fee68ed340c5c6bc41a", class: "pdf-reader__menu-button", hideLabel: !0, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), e("span", { key: "8219c8cd7893d06e8caaa106a4c224f636489983", class: "pdf-reader__floating-tools" }, e("button", { key: "0c0b1aa4b040dc45dbe16bcddec1a334d1f307bc", "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, e("swirl-icon-menu-book", { key: "1c7d0d51e8c065719a666fb00dac4be7519ad7d3" })), e("button", { key: "48351f0c2ba8c41c086620b2f77d38ae548dc4b7", "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, e("swirl-icon-file-copy", { key: "b7d3151dacc198b133ddebed954d1987a6f8f5c9" })))), e("div", { key: "048914c0b60b3702aa4ee4eb7f9880c07639b9ef", class: "pdf-reader__content" }, e("nav", { key: "325baaae42e6623eb20ff5f88a8b90ed80bf6ee3", "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && e("swirl-spinner", { key: "2b29e08c415959cd67de4cd5975d27e583769331" }), !this.loadingThumbnails && this.thumbnails.map((t, o) => {
       const l = r("pdf-reader__thumbnail", {
         "pdf-reader__thumbnail--active": this.visiblePages[0] === o + 1
       });
       return e("button", { "aria-label": `${this.thumbnailButtonLabel} ${o + 1}`, class: l, onClick: this.onThumbnailClick(o), type: "button" }, e("img", { src: t.toDataURL("image/png"), alt: "" }));
-    })), e("swirl-file-viewer", { key: "e3aaf47830bdf3c10644c20581afaac6add2da89", active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (t) => this.viewer = t, type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom }), e("div", { key: "1b3145dc958dc35dc4e629d6409f417827fe332f", class: "pdf-reader__mobile-zoom-controls" }, e("button", { key: "a2087b32d60898fb9e28d8057cc18f75b0ada1e9", "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? e("swirl-icon-fullscreen-exit", null) : e("swirl-icon-fullscreen", null)), e("button", { key: "c27bba0f8257f9977d826a8088f3021f494d6756", "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, e("swirl-icon-add", { key: "b1411466c6616c728c42ef12c4e1472f3fe7d9ad" })), e("button", { key: "23627270f8746a4b9b8d45e9c8fce71beac83477", "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, e("swirl-icon-remove", { key: "0664d443ae1f16815ba86967fefdfa9fde1ece9b" }))))), e("swirl-popover", { key: "58ef215af6251f5e5671d6890ce9a1fc5b214f5a", animation: "scale-in-y", disableScrollLock: !0, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (t) => this.menu = t }, e("swirl-stack", { key: "ea2a7a9afa005ee966a509b019da21b863f7e109" }, e("div", { key: "dc8e84350dba8ceaa6441bdf04b3c4a5ddbe3e3b", class: "pdf-reader__meta" }, e("div", { key: "e87041655c39fcdcbf2941fb573165bbaf944027", class: "pdf-reader__file-icon" }, e("svg", { key: "5f478044f56fc3d76ec000fc689ceabc8932aa57", fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, e("path", { key: "c43b6fd659de248502b744fbc4c2fbd722822f01", d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), e("path", { key: "9d6f4f87577a9adf733667c7f292bd9a5067ac7a", d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), e("path", { key: "3f5aed5d7529fff184068af777d1a8bd18bd55c7", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), e("path", { key: "a5086b2b36face42c516914fe41ebbe371edb5c0", d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), e("path", { key: "015cb5df857f5bdde0a85a66439d86dd82a1494b", d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), e("path", { key: "e2a4e3472a6b25b6bc4b218882957b552382d547", d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), e("path", { key: "b9e820ebea9c754b9cce024ff73832dd07868e6b", d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), e("path", { key: "ec721412eae864d4185c4c22d7e0fd9d10dd443a", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), e("div", { key: "8b984d4fcaec98d1147f28e73fdd72a9d38cbe67", class: "pdf-reader__file-info" }, e("swirl-text", { key: "d706c1a7cffcd420355bf3508d77949c12a04dd5", truncate: !0, weight: "semibold" }, this.label), e("swirl-text", { key: "f10341250c38038d46c6a5d74b067a98ce07af96", color: "subdued", size: "sm", truncate: !0 }, this.fileTypeLabel))), i && e("swirl-separator", { key: "adae163fc380e5029908302fb2382b47286378e5" }), e("swirl-action-list", { key: "087846b6472ddd0547c6467b37eddc105685221c", class: "pdf-reader__menu" }, this.printButtonEnabled && e("swirl-action-list-item", { key: "66e1ba7da436257c4b2d18ef19b17b9f02d113bd", class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick }), this.downloadButtonEnabled && e("swirl-action-list-item", { key: "82efebf11460550510c39f945ed6590dfeb92482", class: "pdf-reader__download-button", disabled: this.downloading, icon: this.downloading ? '<swirl-spinner size="xs"></swirl-spinner>' : "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), e("slot", { key: "2a8ff72e0327b24f6ffa0796bc0ee5274d8fbde1", name: "menu-items" }))))));
+    })), e("swirl-file-viewer", { key: "5021c3b024791cbc261d1f81df9687ad933b5500", active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (t) => this.viewer = t, type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom }), e("div", { key: "da9f1b932499b5f4e5d0478022ef74386a7494bb", class: "pdf-reader__mobile-zoom-controls" }, e("button", { key: "0be6e85b7c7dbcf3fe42678a2b34189367e673c2", "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? e("swirl-icon-fullscreen-exit", null) : e("swirl-icon-fullscreen", null)), e("button", { key: "f76a0c5ac47b9c5c621f50eb22d936afa1d2452b", "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, e("swirl-icon-add", { key: "7951645c808641a988cacad9a45938591124129d" })), e("button", { key: "b7a107772387afbac08e2cadd31467cd6f33bb4e", "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, e("swirl-icon-remove", { key: "f2a786ad3f37834a120b62f912d5e07120fc3b3a" }))))), e("swirl-popover", { key: "f836cce9d670437d937df7f63c5a6f56d45b6c77", animation: "scale-in-y", disableScrollLock: !0, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (t) => this.menu = t }, e("swirl-stack", { key: "c672809b47899bf85023d102c08b17d962fc3b93" }, e("div", { key: "bec0524df423ad1bcc0d6733833f7a86397b31ed", class: "pdf-reader__meta" }, e("div", { key: "fd3ce78fc1f64e28c69937164257bb6572e7af3e", class: "pdf-reader__file-icon" }, e("svg", { key: "d31d09ca06b6dc110869008d047ca7d41d4a8e44", fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, e("path", { key: "f95441012027c65ea1d6258cb1588cf0053c9d77", d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), e("path", { key: "996bfc38bdad8b8adc4f3a9feb2245c930f59b40", d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), e("path", { key: "ea1f51e004e35a00efbd2ea6a40221e98535b63e", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), e("path", { key: "9a6478e82f3110170f870850e9d6221f4fe95626", d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), e("path", { key: "e1ab2baa16b953c6f8b10053d515d48cebf8228d", d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), e("path", { key: "8cae50d9f55009a86a0adb466f230e313782611f", d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), e("path", { key: "ca8aa428514937211863c7b62c005a01fb135dbd", d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), e("path", { key: "2ba0e8febddce0e3f37148b76c0330aee03507cc", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), e("div", { key: "9b0d49608058b0fe3de540efd0e2629767b7135d", class: "pdf-reader__file-info" }, e("swirl-text", { key: "5ef07434a1e942f5da3d64a7ecad9281e8cdbccc", truncate: !0, weight: "semibold" }, this.label), e("swirl-text", { key: "5c0b4c89878f94c99820f0542c621895cce8d2bc", color: "subdued", size: "sm", truncate: !0 }, this.fileTypeLabel))), i && e("swirl-separator", { key: "81773f20a38ffd2f49f8397bc23e86e5bdbe4400" }), e("swirl-action-list", { key: "a6ad7888726eeee60a7163e83e2f0b88649c20f7", class: "pdf-reader__menu" }, this.printButtonEnabled && e("swirl-action-list-item", { key: "a1ca820d7e5ee46e695c1454d5f48f56c66a8e5e", class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick }), this.downloadButtonEnabled && e("swirl-action-list-item", { key: "11f88e4e89355a411c1e8ea2ee88f3c166536bb2", class: "pdf-reader__download-button", disabled: this.downloading, icon: this.downloading ? '<swirl-spinner size="xs"></swirl-spinner>' : "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), e("slot", { key: "0b14f3fc3fd1fe42adb359b3cb6b4eaeacc22133", name: "menu-items" }))))));
   }
   get el() {
     return f(this);

package/dist/{swirl-popover_2.entry.39c16ca2.js → swirl-popover_2.entry.8c7eee9b.js}

@@ -1,4 +1,4 @@
-import { r as v, c as l, h as n, H as g, g as u } from "./index.b8ec3ca1.js";
+import { r as v, c as l, h as n, H as g, g as u } from "./index.2ad19391.js";
 import { o as c, s as d, f as _, c as E, a as x } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { d as k, e as C } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as A } from "./index-267776a4.6beb4f4b.js";
@@ -225,7 +225,7 @@ const B = ".sc-swirl-popover-trigger-h{display:contents}", H = B, O = class {
     return (o = e == null ? void 0 : e.shadowRoot.firstChild) == null ? void 0 : o.classList.contains("popover--active");
   }
   render() {
-    return n(g, { key: "72b7a1ee4d21553b225b4216e8ab6b3b690d2be8", onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, n("slot", { key: "283738378ab78af8e1898ebb236abff7d6b9bb37" }));
+    return n(g, { key: "1323583130b2a77d80687c29d640b0cc863c334d", onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, n("slot", { key: "0a87b4f0ebc08f2b8c2373a0b67ed03d82749816" }));
   }
   get el() {
     return u(this);

package/dist/{swirl-progress-indicator.entry.f0fce9d7.js → swirl-progress-indicator.entry.eef5bc0e.js}

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

package/dist/{swirl-radio-group.entry.e6238c1b.js → swirl-radio-group.entry.067e326b.js}

@@ -1,7 +1,7 @@
-import { r as o, c as d, h as i, H as l, g as n } from "./index.b8ec3ca1.js";
+import { r as o, c as d, h as i, H as l, g as n } from "./index.2ad19391.js";
 import "react";
 import "react-dom";
-const c = ".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)}", u = c, h = class {
+const u = ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-swirl-radio-group{box-sizing:border-box}.radio-group.sc-swirl-radio-group{display:flex;flex-direction:column;gap:var(--s-space-12)}", c = u, h = class {
   constructor(r) {
     o(this, r), this.valueChange = d(this, "valueChange", 7), this.swirlAriaDescribedby = void 0, this.value = void 0;
   }
@@ -23,13 +23,13 @@ const c = ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-sw
       });
   }
   render() {
-    return i(l, { key: "8d4d60ccae3269585c46d63337bc215bef781aaa", "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, i("div", { key: "c8d5b8b006055a1b85393444137352f51de84c15", class: "radio-group" }, i("slot", { key: "a65ac8fce127beb5a829803ddac9a4cab0ce85d7" })));
+    return i(l, { key: "786dd24e5dbe5715685a0d08da01da8aeff8c0f7", "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, i("div", { key: "e86e1e01cae7f3e7b9ed2c4751177a19abcc60d4", class: "radio-group" }, i("slot", { key: "0062a882fe9e91e9eae2ab4a21a3429f2bf35406" })));
   }
   get el() {
     return n(this);
   }
 };
-h.style = u;
+h.style = c;
 export {
   h as swirl_radio_group
 };

package/dist/{swirl-radio.entry.da0297bd.js → swirl-radio.entry.7e55181e.js}

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

package/dist/{swirl-resource-list-file-item.entry.0696bf5a.js → swirl-resource-list-file-item.entry.4a3770c4.js}

@@ -1,4 +1,4 @@
-import { r as c, c as a, h as e, H as n } from "./index.b8ec3ca1.js";
+import { r as c, c as a, h as e, H as n } from "./index.2ad19391.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import { g as f } from "./utils-877a768f.c277f897.js";
 import "react";
@@ -26,7 +26,7 @@ const m = '.sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swir
     const i = Boolean(this.errorMessage), s = !i && Boolean(this.description), r = !i && this.loading, t = this.removable && !r, l = d("resource-list-file-item", {
       "resource-list-file-item--has-control": r || t
     });
-    return e(n, { key: "b2c00cdd47f1a64ba379064a5f5702b61c5935a6", role: "row" }, e("div", { key: "2247459655dc6e43d9cb16f428aa0cd5e02d8ffc", class: l, part: "resource-list-file-item", role: "gridcell" }, e("span", { key: "9560fc4a3adcceed0ba9b18584de73641dd72d1e", class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (o) => this.iconEl = o }), e("span", { key: "53510c303dd17e042f34cdb246b0ebc5375445e6", class: "resource-list-file-item__label-container" }, e("span", { key: "01a30f8c95684fb0309ed61f5076402041e156e0", class: "resource-list-file-item__label", id: "label" }, this.label), s && e("span", { key: "97f172bf807058b840d55b2fea3945828c1f070d", class: "resource-list-file-item__description" }, this.description), i && e("span", { key: "a6a7779b32f4e6d52d0dc75487ad2c13bd387e96", "aria-live": "polite", class: "resource-list-file-item__error-message" }, e("swirl-inline-error", { key: "71e8970c0ffabfbc38642ae11844d7d81a3f5883", message: this.errorMessage, size: "s" }))), r && e("span", { key: "b9aa0ec14c0420aa3e8cd982d35ea701c1eeb6b4", class: "resource-list-file-item__spinner" }, e("swirl-spinner", { key: "543971ead34c8917156a53a5b736400aa2503a9f", size: "s" })), t && e("span", { key: "f8005ce32049dc755d08b82d99799537c3933e84", class: "resource-list-file-item__remove-button" }, e("swirl-button", { key: "b92224d9a1969b43606fa6078b11b777a7a50db9", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))));
+    return e(n, { key: "fd4a89a6b95b3537ce4a246d30107d576a3919e1", role: "row" }, e("div", { key: "046d5ebe7986772e23e5ddf3ebf122bae28e09af", class: l, part: "resource-list-file-item", role: "gridcell" }, e("span", { key: "85a9533592a0478af5c61d4be483ff7ba93341c7", class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (o) => this.iconEl = o }), e("span", { key: "76a558b243dfd93613469eb42099eae0cde5c5d5", class: "resource-list-file-item__label-container" }, e("span", { key: "c9cf0798fabb8ebdc4e4ee52c16ebeb6cacb2d2d", class: "resource-list-file-item__label", id: "label" }, this.label), s && e("span", { key: "8f3641464849a36290cbdc21ee127c9f0a04eac1", class: "resource-list-file-item__description" }, this.description), i && e("span", { key: "67fac47327ff34c56508ed04ea047a765ec749ed", "aria-live": "polite", class: "resource-list-file-item__error-message" }, e("swirl-inline-error", { key: "5f9c227aaca4fec96e822e0a80cd0f514a5ed44b", message: this.errorMessage, size: "s" }))), r && e("span", { key: "c06fc661f885d3a971f553421b49070f50ab5bed", class: "resource-list-file-item__spinner" }, e("swirl-spinner", { key: "1e202b3f83180938dcc72771e23136c181c9f65a", size: "s" })), t && e("span", { key: "6369582535111c43bdc441b79da879366d5d1423", class: "resource-list-file-item__remove-button" }, e("swirl-button", { key: "104f0dc2c19332ec38409daffcd4b6bcb293cd0b", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))));
   }
 };
 u.style = h;

package/dist/swirl-resource-list-section.entry.ce4415c2.js

@@ -0,0 +1,15 @@
+import { r as a, h as e, H as i } from "./index.2ad19391.js";
+import "react";
+import "react-dom";
+const t = ":host{display:block;width:100%}:host *{box-sizing:border-box}.resource-list-section-label{display:flex;padding:var(--s-space-8);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);font-size:var(--s-font-size-base);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-section-label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", r = t, o = class {
+  constructor(s) {
+    a(this, s), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
+  }
+  render() {
+    return e(i, { key: "a8b341453a49c8ca5daa7027fe5c423775bfc547" }, this.hasSeparator && e("swirl-separator", { key: "98ceda173a8a7a6d51839a28c1e3d68a49fbc0c2", spacing: this.separatorSpacing }), e("div", { key: "964f30ee96a8738d888570d0e9dfaca7421bdc95", "aria-labelledby": "label", role: "rowgroup" }, e("span", { key: "6e8782453d174035d2f6c632193703e276fb5dd9", id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), e("swirl-stack", { key: "90e8de3c6683c6c399f01f8f266fb9d83a6568eb", spacing: this.spacing }, e("slot", { key: "75c7be109d575335da09ff788300b308c2d6ad77" }))));
+  }
+};
+o.style = r;
+export {
+  o as swirl_resource_list_section
+};

package/dist/{swirl-search.entry.e09d4030.js → swirl-search.entry.62a4af4d.js}

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

package/dist/{swirl-select.entry.6a2250d7.js → swirl-select.entry.65081697.js}

@@ -1,6 +1,6 @@
-import { r as h, c as n, h as e, H as p, g as u } from "./index.b8ec3ca1.js";
-import { c as f } from "./index-267776a4.6beb4f4b.js";
-import { q as w } from "./utils-877a768f.c277f897.js";
+import { r as h, c as n, h as e, H as p, g as u } from "./index.2ad19391.js";
+import { c as w } from "./index-267776a4.6beb4f4b.js";
+import { q as f } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
 const b = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-swirl-select{box-sizing:border-box}.select.sc-swirl-select{position:relative;display:flex;width:100%}.select.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:var(--s-space-16)}@media (min-width: 768px){.select.sc-swirl-select .sc-swirl-select::part(popover__scroll-container){padding-top:0}}.select--placement-top-start.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:-2.25rem}.select--multi.sc-swirl-select .select__input.sc-swirl-select{position:absolute;width:100%;height:100%;pointer-events:none;opacity:0}.select--multi.sc-swirl-select .select__multi-select-values.sc-swirl-select{display:flex}.select--disabled.sc-swirl-select .select__input.sc-swirl-select{color:var(--s-text-disabled)}.select--disabled.sc-swirl-select .select__indicator.sc-swirl-select{color:var(--s-icon-disabled)}.select--inline.sc-swirl-select .select__indicator.sc-swirl-select{transform:translateY(-50%)}.select--standalone.sc-swirl-select{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.select--standalone.sc-swirl-select .select__indicator.sc-swirl-select{position:relative;top:auto;right:auto;cursor:pointer;transform:none}.select--standalone.sc-swirl-select .select__input.sc-swirl-select{padding-right:var(--s-space-8);font-weight:var(--s-font-weight-medium);cursor:pointer}.select--standalone.sc-swirl-select .select__value-container.sc-swirl-select{width:-webkit-min-content;width:-moz-min-content;width:min-content}.select--search-loading.sc-swirl-select .select__search-input.sc-swirl-select{padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}.select__resize-helper.sc-swirl-select{display:block;width:auto;height:0;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));padding-right:var(--s-space-8);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left;white-space:pre;white-space:pre;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__resize-helper.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__input.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.25rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__input.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__multi-select-values.sc-swirl-select{display:none;overflow:hidden;width:100%;min-height:1.25rem;padding-right:calc(1.5rem + var(--s-space-8));flex-wrap:wrap;flex-shrink:0;gap:var(--s-space-8)}.select__multi-select-values.sc-swirl-select .sc-swirl-select::part(tag){height:1.25rem;padding:0 var(--s-space-4)}.select__indicator.sc-swirl-select{position:absolute;top:50%;right:0;display:inline-flex;color:var(--s-icon-default);transform:translateY(calc(-50% - var(--s-space-8)))}.select__search.sc-swirl-select{position:relative;display:flex;width:100%;padding:0.0625rem var(--s-space-8);border-bottom:0.0625rem solid var(--s-border-default);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.select__search.sc-swirl-select{position:sticky;z-index:1;top:0;padding-top:var(--s-space-8);padding-right:0.0625rem;padding-left:0.0625rem}}.select__search-icon.sc-swirl-select{position:absolute;top:50%;left:calc(var(--s-space-8) * 2);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 768px){.select__search-icon.sc-swirl-select{left:var(--s-space-12);margin-top:var(--s-space-4);padding:0.0625rem}}.select__search-input.sc-swirl-select{width:100%;height:2.5rem;padding-right:var(--s-space-12);padding-left:calc(var(--s-space-12) + 1.25rem + var(--s-space-8));align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.select__search-input.sc-swirl-select:focus:not(:focus-visible){outline:none}.select__search-input.sc-swirl-select:focus-visible{outline-color:var(--s-focus-default)}.select__search-input.sc-swirl-select::-moz-placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::-webkit-search-decoration,.select__search-input.sc-swirl-select::-webkit-search-cancel-button,.select__search-input.sc-swirl-select::-webkit-search-results-button,.select__search-input.sc-swirl-select::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__search-input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__search-spinner.sc-swirl-select{position:absolute;top:50%;right:var(--s-space-12);display:inline-flex;transform:translateY(-50%)}@media (min-width: 768px){.select__search-spinner.sc-swirl-select{margin-top:var(--s-space-4)}}.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) 0}.select__empty-list-label.sc-swirl-select:not(:only-child){display:none}@media (min-width: 768px){.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) var(--s-space-8)}}", m = b, v = class {
@@ -49,7 +49,7 @@ const b = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-s
     });
   }
   updateOptions() {
-    this.options = w(this.el, "swirl-option-list-item");
+    this.options = f(this.el, "swirl-option-list-item");
   }
   getValueLabel() {
     var l;
@@ -60,19 +60,19 @@ const b = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-s
   }
   render() {
     var c, r;
-    const l = this.getValueLabel(), s = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = this.el.closest("swirl-form-control"), a = this.standalone ? [-8, 0] : (i == null ? void 0 : i.inline) || (i == null ? void 0 : i.labelPosition) === "outside" ? [0, -12] : [0, -16], o = f("select", `select--placement-${this.placement}`, {
+    const l = this.getValueLabel(), s = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = this.el.closest("swirl-form-control"), a = this.standalone ? [-8, 0] : (i == null ? void 0 : i.inline) || (i == null ? void 0 : i.labelPosition) === "outside" ? [0, -12] : [0, -16], o = w("select", `select--placement-${this.placement}`, {
       "select--disabled": this.disabled,
       "select--inline": this.inline,
       "select--multi": this.multiSelect,
       "select--search-loading": this.searchLoading,
       "select--standalone": this.standalone
     });
-    return e(p, { key: "cfb9be34b1ea32c03a85287a2a4802ae4141c8dd", onKeyDown: this.onKeyDown }, e("div", { key: "3154a9c50c9795a2766b99ca26fff3d94cfdfcd5", class: o }, e("swirl-popover-trigger", { key: "3e757b7cda3f8b54fa2d75a94b3566f08f48947f", swirlPopover: this.swirlPopover, setAriaAttributes: !1 }, e("swirl-stack", { key: "848eed40ac3760eee97a2548676fbf939f159950", class: "select__value-container" }, this.standalone && e("span", { key: "158a674ef001513bbfcac5ba4183074e6bdf44bd", "aria-hidden": "true", class: "select__resize-helper" }, l), e("input", { key: "7fb8576f4bf337a4b233d0308f6fad38f7e7c179", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": s, class: "select__input", disabled: this.disabled, readOnly: !0, ref: (t) => this.input = t, type: "text", value: l }))), e("span", { key: "e6921a3b23eb9e49189e0cf7d132de9501148e92", class: "select__multi-select-values" }, (r = (c = this.value) == null ? void 0 : c.map((t) => this.options.find((d) => d.value === t))) == null ? void 0 : r.map((t) => e("swirl-tag", {
+    return e(p, { key: "8d5f020e1f8b4525f41d9a4d54c5c078c3b34dbc", onKeyDown: this.onKeyDown }, e("div", { key: "326c89fc4fd6f695ebecf9fd4d8a176e39e99cc6", class: o }, e("swirl-popover-trigger", { key: "2489253d534820bb38ce3e8ded4748709fa8cea8", swirlPopover: this.swirlPopover, setAriaAttributes: !1 }, e("swirl-stack", { key: "7943a14d1dd28cdf71a0cfcbc604d4abd03c42ec", class: "select__value-container" }, this.standalone && e("span", { key: "9d67dc1ea049598f08e4743f6c324bcfd88a35f6", "aria-hidden": "true", class: "select__resize-helper" }, l), e("input", { key: "6f0c2218f6a1d147b25853a2d93bd2761956389e", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": s, class: "select__input", disabled: this.disabled, readOnly: !0, ref: (t) => this.input = t, type: "text", value: l }))), e("span", { key: "6604f44b17737461681e0e12fad10d2e2f5660c2", class: "select__multi-select-values" }, (r = (c = this.value) == null ? void 0 : c.map((t) => this.options.find((d) => d.value === t))) == null ? void 0 : r.map((t) => e("swirl-tag", {
       "aria-hidden": "true",
       label: t == null ? void 0 : t.label,
       onRemove: () => this.unselectOption(t == null ? void 0 : t.value),
       removable: !this.disabled && this.allowDeselect && !(t != null && t.disabled)
-    }))), e("span", { key: "1f7ace7cfe91b24cd8567057920709311610d1de", class: "select__indicator" }, this.open ? e("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 }) : e("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 })), e("swirl-popover", { key: "af74b72d3780398a3d8a81635507a53a75c631e8", animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: a, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (t) => this.swirlPopover = t, useContainerWidth: this.standalone ? !1 : "swirl-form-control" }, this.withSearch && e("div", { key: "d81d390f0eda2dcbba3dd3c7088a0f030862fe2d", class: "select__search" }, e("swirl-icon-search", { key: "fe435e1a8cf4fd834ca7c1a0528592a6fda64c70", class: "select__search-icon", size: 20 }), e("input", { key: "4279bd83937c6fd54be0c31e84d37a345fd542fc", "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (t) => this.searchInput = t, type: "search" }), this.searchLoading && e("swirl-spinner", { key: "403c490c5ac776e08e4792cdab21aeea21ad5083", class: "select__search-spinner", size: "s" })), e("swirl-option-list", { key: "db9a78e3c476fa5f67a256b25ee6a04ffd319359", allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (t) => this.optionList = t, value: this.value }, !this.searchLoading && e("div", { key: "0a0c38dfba106fe666f64f963d632564e72d946d", "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, e("swirl-text", { key: "c638444fcbb8bfe16ca135d8bc9834253d0a7b89", color: "subdued", weight: "medium" }, this.emptyListLabel)), e("slot", { key: "ac7875fa71275a5a39a7265abf30e1dc3b149210", onSlotchange: this.onSlotChange })))));
+    }))), e("span", { key: "f7cb16a8c5ce4ab9524fb0e7339e7b3c9e9ecbf1", class: "select__indicator" }, this.open ? e("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 }) : e("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 })), e("swirl-popover", { key: "b4cd323d73814135d1533bf7592c7dc805f09f2e", animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: a, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (t) => this.swirlPopover = t, useContainerWidth: this.standalone ? !1 : "swirl-form-control" }, this.withSearch && e("div", { key: "22f684b3495935639923b552dc664a43477ed92d", class: "select__search" }, e("swirl-icon-search", { key: "1000c2cfb0613076444fa5979d4275b8050206ca", class: "select__search-icon", size: 20 }), e("input", { key: "433befcf4ad4d01c3057bac2668002fec7af30e2", "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (t) => this.searchInput = t, type: "search" }), this.searchLoading && e("swirl-spinner", { key: "15913f5dcd42fc9877b85ec070faac22eb34067a", class: "select__search-spinner", size: "s" })), e("swirl-option-list", { key: "55378c5d78506bba3faa3e7996bc4db36a900b4e", allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (t) => this.optionList = t, value: this.value }, !this.searchLoading && e("div", { key: "741d5f2a41708ced184e3fb50e2d01ffb4029c22", "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, e("swirl-text", { key: "18a676805160ee3e042760d36a7502f1d0ae41a6", color: "subdued", weight: "medium" }, this.emptyListLabel)), e("slot", { key: "ddf13b6c7609b92bd2e00b205386d935f66dda16", onSlotchange: this.onSlotChange })))));
   }
   get el() {
     return u(this);

package/dist/{swirl-separator.entry.8d65befc.js → swirl-separator.entry.e555758e.js}

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