@getflip/swirl-components-react 0.205.0 → 0.206.0

package/dist/{swirl-image-grid.entry.31a145ba.js → swirl-image-grid.entry.1df8c068.js}

@@ -1,5 +1,5 @@
-import { r as i, h as e, H as s, g as r } from "./index.eaeb17f0.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
+import { r as i, h as e, H as s, g as a } from "./index.6d0517d0.js";
+import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
 const d = ":host{display:block}:host *{box-sizing:border-box}.image-grid{display:grid;overflow:hidden;width:100%;min-height:0;border-radius:var(--s-border-radius-sm);gap:var(--s-space-2)}.image-grid--item-count-1{grid-template-columns:100%;grid-template-rows:100%}.image-grid--item-count-2{grid-template-columns:repeat(2, 50%)}.image-grid--item-count-3{grid-template-columns:calc(100% / 3 * 2) calc(100% / 3)}.image-grid--item-count-3 ::slotted(*:nth-child(1)){grid-column-start:1;grid-row-start:1;grid-row-end:3}.image-grid--item-count-3 ::slotted(*:nth-child(3)){grid-column-start:2}.image-grid--item-count-4{grid-template-columns:repeat(2, 50%);grid-template-rows:repeat(2, 50%)}", m = d, o = class {
@@ -12,11 +12,11 @@ const d = ":host{display:block}:host *{box-sizing:border-box}.image-grid{display
     this.updateItems();
   }
   render() {
-    const t = a("image-grid", `image-grid--item-count-${Math.min(4, this.items.length)}`);
-    return e(s, { key: "0ef8a164fa90b007363d0de5694602fc41f57d5f" }, e("div", { key: "184ff81adb42e92f553dc765fc91d982ee7b7267", "aria-label": this.label, class: t, role: "list", style: { aspectRatio: this.aspectRatio } }, e("slot", { key: "a5c3433e1d4fdbd6804084a1b5975e743d44bd64", onSlotchange: this.updateItems })));
+    const t = r("image-grid", `image-grid--item-count-${Math.min(4, this.items.length)}`);
+    return e(s, { key: "68b2902336203763dfc70ba53a31974005a6e5d0" }, e("div", { key: "89f224e43bd406b8a62ea51d7b076e6479f87502", "aria-label": this.label, class: t, role: "list", style: { aspectRatio: this.aspectRatio } }, e("slot", { key: "ad1d585c7f4acb4843626376b8caeccf292c595d", onSlotchange: this.updateItems })));
   }
   get el() {
-    return r(this);
+    return a(this);
   }
 };
 o.style = m;

package/dist/{swirl-inline-notification.entry.5cbcb0c2.js → swirl-inline-notification.entry.880ed8b9.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, H as t } from "./index.eaeb17f0.js";
+import { r as e, h as i, H as t } from "./index.6d0517d0.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -8,7 +8,7 @@ const o = ":host{display:block}:host *{box-sizing:border-box}.inline-notificatio
   }
   render() {
     const n = c("inline-notification", `inline-notification--intent-${this.intent}`);
-    return i(t, { key: "8e21f90f77594f0cc4a64e6cff99bdb35166ea70" }, i("div", { key: "43b8b7ee49f36a748859127f56ff0eca5d4f97de", "aria-describedby": "content", class: n, role: this.importance, tabIndex: 0 }, i("span", { key: "81bcced39e396d677b14f22620f4a283202eb983", "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && i("swirl-icon-error", { key: "8f1dea1971ae34e70dc6841efa991dd5688360c3", size: 20 }), this.intent === "success" && i("swirl-icon-check-circle", { key: "8d48709d600fd93a415a31dbfd386cfc659f0d11", size: 20 }), this.intent === "warning" && i("swirl-icon-warning", { key: "faa4b3951d5d83264679b1acc7ba6e9e8ca9f872", size: 20 }), this.intent === "info" && i("swirl-icon-info", { key: "5fe76a76f0c8c0e809d9e184115665c71824ca31", size: 20 })), i("span", { key: "f318fc8979d7d132455b05cb2b881308e708f3b2", class: "inline-notification__content", id: "content" }, i("swirl-text", { key: "2fc1a5088e28ec8e1d2c08a215a319abb8d71672", class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading), i("slot", { key: "7ee8b88b3d040a295b13ac2065a0335e2a83768a" }))));
+    return i(t, { key: "4d79ac271aa6469d5c8464c3a09e57d35fc033dc" }, i("div", { key: "4bc1f4870a5783b549211a23d2c5acf86bee7dc8", "aria-describedby": "content", class: n, role: this.importance, tabIndex: 0 }, i("span", { key: "abd6d3c23ec81aaee833f734cf40c735c8f5b0c5", "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && i("swirl-icon-error", { key: "5d11a62e045b797b55f152e8f53271a5309881d6", size: 20 }), this.intent === "success" && i("swirl-icon-check-circle", { key: "28bf6ed1856c5158520263e9a6f9a87b9ada7dda", size: 20 }), this.intent === "warning" && i("swirl-icon-warning", { key: "69b531d7296b2561cca8c0d7a3782fd845e151d4", size: 20 }), this.intent === "info" && i("swirl-icon-info", { key: "d047126e51adc886e0745cb20e1b3517019e3c22", size: 20 })), i("span", { key: "49ce64607550bdae14e9fe0cf1697d37f59069d4", class: "inline-notification__content", id: "content" }, i("swirl-text", { key: "55c08d447cb9fb668eada6611f9a583e895bda0e", class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading), i("slot", { key: "8fbf2d78d8ec4e318f75275e497eafec6d562f55" }))));
   }
 };
 s.style = a;

package/dist/{swirl-inline-status.entry.e9d8efd7.js → swirl-inline-status.entry.ad538dd6.js}

@@ -1,11 +1,11 @@
-import { r as s, h as e, H as a } from "./index.eaeb17f0.js";
+import { r as e, h as n, H as a } from "./index.6d0517d0.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import { g as r } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";
-const l = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-status{display:inline-flex;color:var(--s-text-default);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.inline-status--size-s{font-size:var(--s-font-size-sm)}.inline-status--size-s .inline-status__icon{width:1rem;height:1rem;margin-top:0.125rem}.inline-status--size-s .inline-status__message{padding-top:0}.inline-status--intent-critical{color:var(--s-text-critical)}.inline-status--intent-critical .inline-status__icon{color:var(--s-icon-critical)}.inline-status--intent-info{color:var(--s-text-info)}.inline-status--intent-info .inline-status__icon{color:var(--s-icon-info)}.inline-status--intent-neutral{color:var(--s-text-subdued)}.inline-status--intent-neutral .inline-status__icon{color:var(--s-icon-default)}.inline-status--intent-success{color:var(--s-text-success)}.inline-status--intent-success .inline-status__icon{color:var(--s-icon-success)}.inline-status--intent-warning{color:var(--s-text-warning)}.inline-status--intent-warning .inline-status__icon{color:var(--s-icon-warning)}.inline-status__icon{display:inline-flex;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);color:var(--s-icon-default);align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__icon{width:1.25rem;height:1.25rem}}.inline-status__message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__message{padding-top:0}}", c = l, d = class {
+const c = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-status{display:inline-flex;color:var(--s-text-default);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.inline-status--size-s{font-size:var(--s-font-size-sm)}.inline-status--size-s .inline-status__icon{width:1rem;height:1rem;margin-top:0.125rem}.inline-status--size-s .inline-status__message{padding-top:0}.inline-status--intent-critical{color:var(--s-text-critical)}.inline-status--intent-critical .inline-status__icon{color:var(--s-icon-critical)}.inline-status--intent-info{color:var(--s-text-info)}.inline-status--intent-info .inline-status__icon{color:var(--s-icon-info)}.inline-status--intent-neutral{color:var(--s-text-subdued)}.inline-status--intent-neutral .inline-status__icon{color:var(--s-icon-default)}.inline-status--intent-success{color:var(--s-text-success)}.inline-status--intent-success .inline-status__icon{color:var(--s-icon-success)}.inline-status--intent-warning{color:var(--s-text-warning)}.inline-status--intent-warning .inline-status__icon{color:var(--s-icon-warning)}.inline-status__icon{display:inline-flex;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);color:var(--s-icon-default);align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__icon{width:1.25rem;height:1.25rem}}.inline-status__message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__message{padding-top:0}}", l = c, d = class {
   constructor(t) {
-    s(this, t), this.desktopMediaQuery = r(), this.desktopMediaQueryHandler = (i) => {
+    e(this, t), this.desktopMediaQuery = r(), this.desktopMediaQueryHandler = (i) => {
       this.forceIconProps(i.matches);
     }, this.icon = void 0, this.intent = void 0, this.message = void 0, this.size = "m", this.iconSize = 20;
   }
@@ -22,15 +22,15 @@ const l = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-statu
     const i = this.iconEl.children[0];
     if (!Boolean(i))
       return;
-    let n = "24";
-    this.size === "s" ? n = "16" : t && (n = "20"), i.setAttribute("size", n);
+    let s = "24";
+    this.size === "s" ? s = "16" : t && (s = "20"), i.setAttribute("size", s);
   }
   render() {
     const t = o("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-    return e(a, { key: "7067972e59ea0568ba36cb660513f1b0c6dbc804" }, e("span", { key: "a4b1925d3e5c64d5758aab555ece047a9afe892b", class: t, part: "inline-status" }, this.icon && e("span", { key: "89243256c4bed70db441d4f8df912ebd8dfdf5bd", class: "inline-status__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), e("span", { key: "ede922b77904f5d74910c85e381a999cac6f75c2", class: "inline-status__message" }, this.message)));
+    return n(a, { key: "fe0723967885cc882cadbdc3d46530ca18ce3b05" }, n("span", { key: "23e3cc77fa189a68120c877f5d53bc1b69ad07d0", class: t, part: "inline-status" }, this.icon && n("span", { key: "a0a68a0c617d9d5d6b58a9bcd26950016e237691", class: "inline-status__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), n("span", { key: "0125076a5ce37f690a169cb39bb61b4bc74c9aa7", class: "inline-status__message" }, this.message)));
   }
 };
-d.style = c;
+d.style = l;
 export {
   d as swirl_inline_status
 };

package/dist/{swirl-lightbox.entry.8c733081.js → swirl-lightbox.entry.4b1b2e52.js}

@@ -1,33 +1,35 @@
-import { r as h, h as i, H as b, g as f } from "./index.eaeb17f0.js";
+import { r as h, h as i, H as b, g as f } from "./index.6d0517d0.js";
 import { A as u } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { d as g, e as m } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as x } from "./index-267776a4.6beb4f4b.js";
 import { q as p } from "./utils-aab10c80.240adddc.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__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}}', v = y, _ = class {
-  constructor(e) {
-    h(this, e), this.dragging = !1, this.onCloseButtonClick = () => {
+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__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}}', v = y, w = class {
+  constructor(t) {
+    h(this, t), this.dragging = !1, this.onKeyDown = (e) => {
+      !this.modal.shown || (e.code === "Escape" ? (e.stopImmediatePropagation(), this.close()) : e.code === "ArrowLeft" ? this.onPreviousSlideClick() : e.code === "ArrowRight" && this.onNextSlideClick());
+    }, this.onCloseButtonClick = () => {
       this.close();
     }, this.onDownloadButtonClick = () => {
-      var t;
-      (t = this.slides[this.activeSlideIndex]) == null || t.download(), this.menu.close();
+      var e;
+      (e = this.slides[this.activeSlideIndex]) == null || e.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((t) => t.tagName === "SWIRL-FILE-VIEWER"), this.setSlideAttributes();
-    }, this.onPointerDown = (t) => {
-      this.dragging = !0, this.dragStartPosition = t instanceof MouseEvent ? t.clientX : t.touches[0].clientX, this.slides.forEach((a) => {
+      this.slides = Array.from(this.el.children).filter((e) => e.tagName === "SWIRL-FILE-VIEWER"), this.setSlideAttributes();
+    }, this.onPointerDown = (e) => {
+      this.dragging = !0, this.dragStartPosition = e instanceof MouseEvent ? e.clientX : e.touches[0].clientX, this.slides.forEach((a) => {
         a.style.transition = "none";
       });
-    }, this.onPointerMove = async (t) => {
+    }, this.onPointerMove = async (e) => {
       var n, l;
-      const a = !(t instanceof MouseEvent) && t.touches.length > 1, o = (l = (n = this.slides[this.activeSlideIndex]) == null ? void 0 : n.shadowRoot) == null ? void 0 : l.querySelector("swirl-file-viewer-image"), s = Boolean(o) ? await o.getZoom() > 1 : !1;
+      const a = !(e instanceof MouseEvent) && e.touches.length > 1, o = (l = (n = this.slides[this.activeSlideIndex]) == null ? void 0 : n.shadowRoot) == null ? void 0 : l.querySelector("swirl-file-viewer-image"), s = Boolean(o) ? await o.getZoom() > 1 : !1;
       if (!(a || s) && this.dragging) {
-        t.preventDefault();
-        const r = t instanceof MouseEvent ? t.clientX - this.dragStartPosition : t.touches[0].clientX - this.dragStartPosition;
+        e.preventDefault();
+        const r = e instanceof MouseEvent ? e.clientX - this.dragStartPosition : e.touches[0].clientX - this.dragStartPosition;
         this.slides.forEach((d) => {
           const c = this.activeSlideIndex * d.getBoundingClientRect().width;
           this.dragDelta = r, d.style.transform = `translate3d(${(-c + this.dragDelta) / 16}rem, 0, 0)`;
@@ -35,16 +37,16 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
       }
     }, this.onPointerUp = () => {
       this.dragging = !1, this.dragStartPosition = void 0;
-      const t = this.dragDelta / this.slides[this.activeSlideIndex].getBoundingClientRect().width;
+      const e = this.dragDelta / this.slides[this.activeSlideIndex].getBoundingClientRect().width;
       this.dragDelta = 0;
-      const a = t > 0.2, o = t < -0.2;
+      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 = (t) => {
-      t.target === this.slidesContainer && this.close();
-    }, this.onContextMenu = (t) => {
-      this.downloadButtonEnabled || t.preventDefault();
+    }, this.onBackdropClick = (e) => {
+      e.target === this.slidesContainer && this.close();
+    }, this.onContextMenu = (e) => {
+      this.downloadButtonEnabled || e.preventDefault();
     }, this.closeButtonLabel = "Close modal", this.downloadButtonEnabled = !0, this.downloadButtonLabel = "Download", this.hideMenu = void 0, this.label = void 0, this.menuLabel = "Slide options", this.menuTriggerLabel = "Open slide menu", this.nextSlideButtonLabel = "Next slide", this.previousSlideButtonLabel = "Previous slide", this.activeSlideIndex = 0, this.closing = !1, this.slides = void 0;
   }
   componentWillLoad() {
@@ -54,11 +56,8 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
     this.modal = new u(this.modalEl), this.activateSlide(0);
   }
   disconnectedCallback() {
-    var e;
-    (e = this.modal) == null || e.destroy(), this.unlockBodyScroll();
-  }
-  onKeyDown(e) {
-    !this.modal.shown || (e.code === "Escape" ? (e.stopImmediatePropagation(), this.close()) : e.code === "ArrowLeft" ? this.onPreviousSlideClick() : e.code === "ArrowRight" && this.onNextSlideClick());
+    var t;
+    (t = this.modal) == null || t.destroy(), this.unlockBodyScroll();
   }
   async open() {
     this.modal.show(), this.lockBodyScroll(), this.activateSlide(this.activeSlideIndex || 0);
@@ -68,9 +67,9 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
       this.modal.hide(), this.resetImageZoom(), this.stopAllMediaPlayers(), this.closing = !1;
     }, 150));
   }
-  async activateSlide(e) {
-    var t, a;
-    (a = (t = this.menu) == null ? void 0 : t.close) == null || a.call(t), this.dragging = !1, this.activeSlideIndex = e, this.slides.forEach((o, s) => {
+  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((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)`;
     }), setTimeout(() => {
       this.slides.forEach((o, s) => {
@@ -79,26 +78,26 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
     }, 300), this.stopAllMediaPlayers(), this.resetImageZoom();
   }
   setSlideAttributes() {
-    this.slides.forEach((e) => {
-      e.setAttribute("active", "false"), e.setAttribute("aria-label", e.file), e.setAttribute("aria-roledescription", "slide"), e.setAttribute("role", "group");
+    this.slides.forEach((t) => {
+      t.setAttribute("active", "false"), t.setAttribute("aria-label", t.file), t.setAttribute("aria-roledescription", "slide"), t.setAttribute("role", "group");
     });
   }
   resetSlidePositions() {
-    this.slides.forEach((e) => {
-      e.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
+    this.slides.forEach((t) => {
+      t.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
     });
   }
   getCurrentFileName() {
-    var e, t;
-    return (t = (e = this.slides[this.activeSlideIndex]) == null ? void 0 : e.file) == null ? void 0 : t.split("/").pop();
+    var t, e;
+    return (e = (t = this.slides[this.activeSlideIndex]) == null ? void 0 : t.file) == null ? void 0 : e.split("/").pop();
   }
   getCurrentFileType() {
-    var e;
-    return (e = this.slides[this.activeSlideIndex]) == null ? void 0 : e.type;
+    var t;
+    return (t = this.slides[this.activeSlideIndex]) == null ? void 0 : t.type;
   }
   getCurrentThumbnailUrl() {
-    var e;
-    return (e = this.slides[this.activeSlideIndex]) == null ? void 0 : e.thumbnailUrl;
+    var t;
+    return (t = this.slides[this.activeSlideIndex]) == null ? void 0 : t.thumbnailUrl;
   }
   lockBodyScroll() {
     g(this.el);
@@ -110,27 +109,27 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
     return p(this.el, "video");
   }
   stopAllMediaPlayers() {
-    this.getMediaPlayers().forEach((e) => e.pause());
+    this.getMediaPlayers().forEach((t) => t.pause());
   }
   resetImageZoom() {
-    this.slides.forEach((e) => {
+    this.slides.forEach((t) => {
       var a;
-      const t = (a = e == null ? void 0 : e.shadowRoot) == null ? void 0 : a.querySelector("swirl-file-viewer-image");
-      Boolean(t) && t.resetZoom();
+      const e = (a = t == null ? void 0 : t.shadowRoot) == null ? void 0 : a.querySelector("swirl-file-viewer-image");
+      Boolean(e) && e.resetZoom();
     });
   }
   render() {
-    const e = this.slides.length > 1, t = this.getCurrentFileName(), a = this.getCurrentFileType(), o = this.getCurrentThumbnailUrl(), s = Boolean(this.el.querySelector("[slot='menu-items']")) || this.downloadButtonEnabled, n = x("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, n = x("lightbox", {
       "lightbox--closing": this.closing,
       "lightbox--hide-menu": !s
     });
-    return i(b, { key: "9b151d3fd07f79011554e26d7b44842a5c5277ce" }, i("section", { key: "36ed16824620602651bdbfdd85deffbeb1de915e", "aria-hidden": "true", "aria-label": this.label, class: n, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (l) => this.modalEl = l }, i("div", { key: "3bddaea824c7c1783f21300395aef06e91b988dc", class: "lightbox__body", role: "document" }, i("header", { key: "18c2955250104cf5b3fadf9ca2a50ee83c4f102a", class: "lightbox__header" }, i("button", { key: "e2687585a52c9cb50dfcbc2dc3d693f881074ac9", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, i("swirl-icon-close", { key: "c93ea099d1ebbbf873658ed8beab779c1370d265" })), !this.hideMenu && i("swirl-popover-trigger", { key: "99d5cabd37749e3d67a415029321b53f54a2fbd2", swirlPopover: this.menu }, i("button", { key: "8c182257ca377e61d47902790dcc74b3ac8fafc3", "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, i("swirl-icon-more-vertikal", { key: "f418d69408ff8a5528152498f7f1a746c28b7309" })))), i("div", { key: "298305cf88f6bd94e222eb51228a51668ec875fa", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, i("div", { key: "b47d3a82c3f7bba61a859f7e8ccc84d06dc8fefb", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (l) => this.slidesContainer = l }, i("slot", { key: "6837b5f05916e3a046adc83091def8fc5aeba029", onSlotchange: this.registerSlides }))), i("div", { key: "0a602fa1f79698403c6ff6feef1b77ba2e4f98a4", class: "lightbox__controls" }, i("button", { key: "5b6b26275497fb1c5bf3c9daec017d919b214118", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, i("swirl-icon-arrow-left", { key: "85ac2719ee73b6fa83188df426f95d31ead72982" })), i("button", { key: "6454503b8b33e8a6d026810585c95b1e57d0f477", "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: "5df4e35d7d22ca3bee26c3536a36bab60dbd0888" }))), e && i("span", { key: "e0495dfcb5ecc5b92fce69e33100a438e94bb68b", class: "lightbox__pagination" }, i("span", { key: "0b586dcb9d4fccd1ff8d4685b8b1aa8949508630", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && i("swirl-popover", { key: "b49f052e70d3b3ff371488adccdb6d228954c812", animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (l) => this.menu = l }, i("swirl-stack", { key: "ca19940afb176d6ecc3d0bfc75b32af9f3fda885" }, i("div", { key: "967b223edff36dd1afc3bf0818d1aad6601440d0", class: "lightbox__meta" }, o && i("div", { key: "a5e76405625ec9c72c56e7eb2e7de96a0ae8cfa8", class: "lightbox__thumbnail" }, i("swirl-thumbnail", { key: "4f21f0e9f22fda76e2b9fc98b3e5f08b55c0c596", alt: "", src: o })), i("div", { key: "1e63292856513519fa525a29c1ebe52c8bc4fc49", class: "lightbox__file-info" }, i("swirl-text", { key: "189da696210cef80a8aab1abd1ccc6612947db9e", truncate: !0, weight: "semibold" }, t), i("swirl-text", { key: "0300dcd09c28ec5c7227366df7d14eba012b1455", color: "subdued", size: "sm", truncate: !0 }, a))), s && i("swirl-separator", { key: "dd93e615d0a1012d2824d04750571496aa7d4f2f" }), i("swirl-action-list", { key: "f97591239b8b3c973c7fd51b32ee915604de0dc9" }, this.downloadButtonEnabled && i("swirl-action-list-item", { key: "1a13179fe3186de98254aa504b4729183159fd18", icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), i("slot", { key: "062b797a704f9df398b29b59d359c15e850eed32", name: "menu-items" }))))));
+    return i(b, { key: "d5eca953ea225e4143e7cc4b7c61370fd1f5b2c4", onKeydown: this.onKeyDown }, i("section", { key: "378273af054af9edbd3f36464fe96da998c3e9f7", "aria-hidden": "true", "aria-label": this.label, class: n, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (l) => this.modalEl = l }, i("div", { key: "20f0db84e12fdaf49433d20ecc934840314a884a", class: "lightbox__body", role: "document" }, i("header", { key: "5d3d1aefd8b0c8731d6e74d4164bab887c2f1c9a", class: "lightbox__header" }, i("button", { key: "b5422dc322cda8c120fb6bcf4413f2a7dc2d263f", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, i("swirl-icon-close", { key: "ae2ec77652132ab3cb771ec11bd5bd1973bb13fc" })), !this.hideMenu && i("swirl-popover-trigger", { key: "b6434861f3e35f5b5ccf2b795e1bc1087891d6e7", swirlPopover: this.menu }, i("button", { key: "edb03c6dde6d5d583d1f9cf46dfd7f268057b86f", "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, i("swirl-icon-more-vertikal", { key: "790a285ca19310f48a4626db0f3ced89212207cd" })))), i("div", { key: "4675c21a5fe659a976292f87cd312f6e024e8793", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, i("div", { key: "df97c003a66820949a1003e14bf726f0dd0be399", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (l) => this.slidesContainer = l }, i("slot", { key: "d30916db345a96af572bdd84e855ac65fba76c43", onSlotchange: this.registerSlides }))), i("div", { key: "0e1851260448438d2b90677273ad4b9a74f14044", class: "lightbox__controls" }, i("button", { key: "33fa6534821f20f936f40adf657e55c0ec4883f3", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, i("swirl-icon-arrow-left", { key: "8bc9982ea1fffef534fdf93b3c58dcde4719ba3e" })), i("button", { key: "7636e9f21d81053558bf194c583297cc80229348", "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: "f49fe25704a1dfc12dbe37da1030021311bc7991" }))), t && i("span", { key: "73a2b02137b011e7a235f4e7ce234da6f1350ec9", class: "lightbox__pagination" }, i("span", { key: "cc10d14172900af7f1adda7dcc3b02d02317b6b0", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && i("swirl-popover", { key: "fec7fd7f4b349d031e4aa48b5e48386a5d4e7244", animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (l) => this.menu = l }, i("swirl-stack", { key: "6f94956eee6363a2a897ba5fe1bcb4e143662074" }, i("div", { key: "aae4d95fe9746a38af70f1e05c605208f1e668b2", class: "lightbox__meta" }, o && i("div", { key: "406c8fd119e8d7643124758304fdec045f173a7b", class: "lightbox__thumbnail" }, i("swirl-thumbnail", { key: "14ad38034b308012d1fe9d60f14a986cacc3cc17", alt: "", src: o })), i("div", { key: "d6a31bcae4cabe0dc9b37c5f7bd63c274fc8366a", class: "lightbox__file-info" }, i("swirl-text", { key: "3419d1edada1b595985938dda1318188b27e4a40", truncate: !0, weight: "semibold" }, e), i("swirl-text", { key: "b831a261ae3ef8b1744de69cd443b3208350bb8c", color: "subdued", size: "sm", truncate: !0 }, a))), s && i("swirl-separator", { key: "dda83f441baa06d2e35940b21897f503097a6237" }), i("swirl-action-list", { key: "425fd0247d3f04ebb416f4a9a06a5bdeeb7d55c1" }, this.downloadButtonEnabled && i("swirl-action-list-item", { key: "9f6b57b9a79499fc778532bd89f9a1a2ae577e20", icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), i("slot", { key: "17928f056e5b640ed02a09ed4dfd9398e4b2c930", name: "menu-items" }))))));
   }
   get el() {
     return f(this);
   }
 };
-_.style = v;
+w.style = v;
 export {
-  _ as swirl_lightbox
+  w as swirl_lightbox
 };

package/dist/{swirl-link.entry.c02af9dd.js → swirl-link.entry.fec6bc72.js}

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

package/dist/{swirl-list.entry.f6633b3f.js → swirl-list.entry.1735c790.js}

@@ -1,4 +1,4 @@
-import { r as l, h as i, H as r } from "./index.eaeb17f0.js";
+import { r as l, h as i, H as r } from "./index.6d0517d0.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 {
@@ -9,7 +9,7 @@ const s = ':host{display:block}:host *{box-sizing:border-box}.swirl-list{line-he
     Array.from(this.containerEl.children).some((t) => !["UL", "OL"].includes(t.tagName)) && console.warn("[SwirlList] Only ul and ol elements are allowed as direct children of <swirl-list />.");
   }
   render() {
-    return i(r, { key: "dab18932302a4da8eb7cecb2d6a5d13e746aeed3" }, i("div", { key: "279e2ea7ff6c6d0bc3f7847cf4f662a1c1d4d062", class: "swirl-list", ref: (e) => this.containerEl = e }, i("slot", { key: "33559ca7631e15ba5c5ab0ad1bad8d0c15902c26" })));
+    return i(r, { key: "c65c7e1c3c5707e13d0f5712090a0be30c059131" }, i("div", { key: "79ecc909f1ef1e8823e1cd499a89ffc97abf8660", class: "swirl-list", ref: (e) => this.containerEl = e }, i("slot", { key: "bc69ec3e64bb542785bd92bf2830e5c705beb1d3" })));
   }
 };
 o.style = n;

package/dist/{swirl-menu-item.entry.b426d5c2.js → swirl-menu-item.entry.cbf661b5.js}

@@ -1,5 +1,5 @@
-import { r, h as i, H as u, g as l } from "./index.eaeb17f0.js";
-import { c as d } from "./index-267776a4.6beb4f4b.js";
+import { r, h as i, H as u, g as d } from "./index.6d0517d0.js";
+import { c as l } from "./index-267776a4.6beb4f4b.js";
 import { c as h, p as c } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";
@@ -56,13 +56,13 @@ const p = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expande
   }
   render() {
     var e;
-    const t = d("menu-item", {
+    const t = l("menu-item", {
       "menu-item--expanded": this.expanded
     });
-    return i(u, { key: "72c2956ea789f2398641c3893744be41e92e3083" }, i("div", { key: "e687301fb9b5042aadb3ebf12007e2e409003c9f", class: t }, ((e = this.parentMenu) == null ? void 0 : e.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "80ae2813574bf582c46a799020ac13f04767cf33", onSlotchange: this.onSlotChange })));
+    return i(u, { key: "bf3772da46472e00ad144681e4c412893a7d9989" }, i("div", { key: "0fb1390c437441107e909858a6a9944417aa3f40", class: t }, ((e = this.parentMenu) == null ? void 0 : e.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "399640dbd5b970d23b945f62dba7fe3960825187", onSlotchange: this.onSlotChange })));
   }
   get el() {
-    return l(this);
+    return d(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-menu.entry.6f1919e2.js → swirl-menu.entry.f617071f.js}

@@ -1,5 +1,5 @@
-import { r as d, c, h as n, H as b, g as p } from "./index.eaeb17f0.js";
-import { c as v, a as f, o as w, f as g } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
+import { r as d, c, h as n, H as b, g as f } from "./index.6d0517d0.js";
+import { c as p, a as v, o as w, f as g } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as y } from "./index-267776a4.6beb4f4b.js";
 import { q as a, c as l, p as h, i as M, b as x } from "./utils-aab10c80.240adddc.js";
 import "react";
@@ -24,7 +24,7 @@ const I = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
         return;
       }
       const t = this.el.parentElement;
-      !Boolean(t) || !Boolean(this.menuContainer) || (this.position = await v(t, this.menuContainer, {
+      !Boolean(t) || !Boolean(this.menuContainer) || (this.position = await p(t, this.menuContainer, {
         placement: "right-start",
         strategy: "fixed",
         middleware: [w({ mainAxis: -10, crossAxis: 0 }), g()]
@@ -64,7 +64,7 @@ const I = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
     (e = this.swirlPopover) == null || e.removeEventListener("popoverClose", this.resetMenu), (i = (t = this.mobileMediaQuery).removeEventListener) == null || i.call(t, "change", this.mediaQueryHandler), (o = this.observer) == null || o.disconnect();
   }
   watchActive() {
-    this.reposition(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = f(this.el.parentElement, this.menuContainer, this.reposition);
+    this.reposition(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = v(this.el.parentElement, this.menuContainer, this.reposition);
   }
   async activateMenuItem(e) {
     if (Boolean(this.parentMenu))
@@ -144,15 +144,15 @@ const I = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
       "menu--mobile": this.mobile,
       "menu--root": e
     });
-    return n(b, { key: "d20d137547b442029b364e29c27a3ed03c032834" }, n("div", { key: "d2691a72702198bb9f78c04f1d90fa86a5139f5b", class: s }, this.mobile && e && n("div", { key: "c8c308bfc715687c7f70d1ab7c9e4e155a32dd76", class: "menu__mobile-header" }, this.activeLevel === 0 && n("swirl-button", { key: "4c4846df329ff48315cc9eaf497c974d0856faba", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" }), this.activeLevel > 0 && n("swirl-button", { key: "127527b83beb2d0ca739598ee3c5d8b153d65287", hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" }), n("span", { key: "58f231d8c4d4e70cd7c737236c04e9e580085a66", class: "menu__title", id: "menu-title" }, n("swirl-heading", { key: "6fdee562adbcb1aed282905c90ec63cad91a3893", align: "center", as: "span", level: 4, text: this.label, truncate: !0 })), n("swirl-button", { key: "e81182d2cf9d9be7fa9f02828ee0907e5425eaf9", class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone })), n("div", { key: "7f87e18b3ef5de4a82bd9606081e3e11bab78dc9", "aria-label": t, "aria-labelledby": i, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (m) => this.menuContainer = m, role: o, style: !this.mobile && this.level > 0 ? {
+    return n(b, { key: "4145b9c3841c68d878e37d65be5302154cd9bab4" }, n("div", { key: "ef3a3ef267d9f208238a27c05fe1554b9af1fce1", class: s }, this.mobile && e && n("div", { key: "2ad0c6cbd517a1a0a073f1acd3d511b02879ec87", class: "menu__mobile-header" }, this.activeLevel === 0 && n("swirl-button", { key: "a2caeb49f878066f56ffc5e4136eba0b5f5efe17", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" }), this.activeLevel > 0 && n("swirl-button", { key: "00e24424c658e14d153948cbfb0b4249f3ac73e6", hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" }), n("span", { key: "209c673b378986f0c7b0f4c010fa00374c1f4dd1", class: "menu__title", id: "menu-title" }, n("swirl-heading", { key: "86a319ad8eb42ffca49eb89937a8678f144dcd57", align: "center", as: "span", level: 4, text: this.label, truncate: !0 })), n("swirl-button", { key: "08d1faa338e1271d50bae4cf1dcf632429498df9", class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone })), n("div", { key: "0e7f5155d3fdbdb3a9944d8c243c04cd45c1662b", "aria-label": t, "aria-labelledby": i, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (m) => this.menuContainer = m, role: o, style: !this.mobile && this.level > 0 ? {
       top: Boolean(this.position) ? `${(r = this.position) == null ? void 0 : r.y}px` : "",
       left: Boolean(this.position) ? `${(u = this.position) == null ? void 0 : u.x}px` : ""
     } : this.mobile ? {
       left: e ? `calc(-100% * ${this.activeLevel})` : "100%"
-    } : void 0 }, n("slot", { key: "33104855fa5fe67514235cbf01a892950b92ca9d" }))));
+    } : void 0 }, n("slot", { key: "8c89371bb23043eb8553e7473ba086bfdeee56bd" }))));
   }
   get el() {
-    return p(this);
+    return f(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-modal.entry.2b0b60d6.js → swirl-modal.entry.0c5608d8.js}

@@ -1,4 +1,4 @@
-import { r as h, c as t, h as a, H as f, g as p } from "./index.eaeb17f0.js";
+import { r as h, c as t, h as a, H as f, g as p } from "./index.6d0517d0.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 g } from "./focus-trap.esm-49c9613c.db20abcc.js";
@@ -96,11 +96,11 @@ const _ = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       "modal--scrolled": this.scrolled,
       "modal--scrolled-down": this.scrolledDown
     });
-    return a(f, { key: "aca0bfdf0fa7eeced996e73afcff2b853ec66e45" }, a("section", { key: "f295be289daa3c8d9947a82e17ce79a167467cd5", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: o, onKeyDown: this.onKeyDown, role: "dialog", ref: (d) => this.modalEl = d }, a("div", { key: "1f0839eba4c6cb5a3625400599317c086b211ba7", class: "modal__backdrop", onClick: this.onBackdropClick }), a("div", { key: "26ebb089d4d234a5b20f595cee166460f9e3a8e5", class: "modal__body", style: {
+    return a(f, { key: "f589043f06f84244ba5eeb4757938e2915c5e854" }, a("section", { key: "40672a3b9a948221797f204fa4d4b1c5d4e9e97a", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: o, onKeyDown: this.onKeyDown, role: "dialog", ref: (d) => this.modalEl = d }, a("div", { key: "c8cebd0001b1e1471f316ce93828ac2179e47ca5", class: "modal__backdrop", onClick: this.onBackdropClick }), a("div", { key: "24403c97a986c3863001062e0fcbdbb19f6530eb", class: "modal__body", style: {
       "--swirl-modal-max-height": this.maxHeight,
       "--swirl-modal-height": this.height,
       maxWidth: this.maxWidth
-    } }, a("header", { key: "278a2ffb484865c6be89c19f0817084380c5aa88", class: "modal__custom-header" }, a("slot", { key: "0154bd0ebab4649fee78762ea0897b19916d40ab", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && a("header", { key: "e120debb4cbcf51afe13e1ff0738ca1506f3ee7e", class: "modal__header" }, a("div", { key: "38b45a342254d9e0caff0405ec445ca1cd266952", class: "modal__header-bar" }, !this.hideCloseButton && a("swirl-button", { key: "5f4fc3c07b792031dbd6c7337d7ecdc3b1f59495", class: "modal__close-button", hideLabel: !0, icon: this.variant === "default" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), !this.hideLabel && a("swirl-heading", { key: "2b21331b81118071a8ae4c580d995e8e6974d212", as: "h2", class: "modal__heading", level: 3, text: this.label }))), a("div", { key: "bf0bfb44e227ab333839b8534ebf10644d7b936a", class: "modal__content-container" }, a("div", { key: "305796ed825f6a91bfd731aff62fdd194eaa49c6", class: "modal__primary-content" }, a("div", { key: "8a174483ec617cf6b91724445deeb158bc94d82d", class: "modal__header-tools" }, a("slot", { key: "cc20217ab319866a8cb5b1af8ac06ecf5b23ec5d", name: "header-tools" })), a("div", { key: "82f99be20c0938b7fcefdd7effab021a7cbb9369", class: "modal__content", onScroll: this.determineScrollStatus, ref: (d) => this.scrollContainer = d }, a("slot", { key: "c970575dfaa118ade86a08c31647d1634fc26960" }))), a("div", { key: "e5f5fd6c46d51b9088f4c93dfa8b37962f367391", class: "modal__secondary-content" }, a("slot", { key: "abacd9602e2dacaf8ae85031a1a854f4c5159dbd", name: "secondary-content" }))), a("div", { key: "66950b9230f58eae6e751512238290e600d2ebd6", class: "modal__custom-footer" }, a("slot", { key: "45b07bfd71dc5d75251d9b7c4caa80378332c035", name: "custom-footer" })), e && a("footer", { key: "c07723985c5539d323faa91091e8be27103ea2c1", class: "modal__controls" }, a("swirl-button-group", { key: "1348d2915e11e5b1767bf3d64fca1b3af1059eb5", wrap: !0 }, this.secondaryActionLabel && a("swirl-button", { key: "c8fdf092f7d946dc2b8e3e6fc8c519ffa2cf9cae", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && a("swirl-button", { key: "ede7f46effc0335df04e20f11cdaecbd7c672069", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
+    } }, a("header", { key: "1b5c10eeee6127134f53fc97db3e315f975a082b", class: "modal__custom-header" }, a("slot", { key: "79780ee1d9defdaa7d47ca9a1bb87789b539ea22", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && a("header", { key: "a631c972b657887824facfbac1da775310a60caa", class: "modal__header" }, a("div", { key: "002498bbd9afd4bdbf549a3f3a3c578fa5e25af3", class: "modal__header-bar" }, !this.hideCloseButton && a("swirl-button", { key: "997a6fa893ff4ae315ff4b5e9ed3254247a38ee9", class: "modal__close-button", hideLabel: !0, icon: this.variant === "default" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), !this.hideLabel && a("swirl-heading", { key: "18fc047ed0463f9eef8a00a14a71348759248ba0", as: "h2", class: "modal__heading", level: 3, text: this.label }))), a("div", { key: "5c15e5b5791c5b4bc7cf786f02b48ef52f8b01b0", class: "modal__content-container" }, a("div", { key: "2db9e42c128b3cf8f8e7ed569d90f8312c13d3f9", class: "modal__primary-content" }, a("div", { key: "28fdbc02ab3a4d31c261b4239ebe09619da7fea8", class: "modal__header-tools" }, a("slot", { key: "638d0945e2fad66df48bd86c011c2e428a1192fb", name: "header-tools" })), a("div", { key: "00c25a8f1dce7fe5b05a8d7b51521970fc10585c", class: "modal__content", onScroll: this.determineScrollStatus, ref: (d) => this.scrollContainer = d }, a("slot", { key: "403fefee642c72d15b6c32277f9946e9af9c1ca4" }))), a("div", { key: "7df07994b199d6d18c8837123be6d20faa9813ca", class: "modal__secondary-content" }, a("slot", { key: "65473a33fd23bca14377678c0e6404476a9dca3a", name: "secondary-content" }))), a("div", { key: "15c91153f783c4e6e9bb4b580c0a961f9a1b3d30", class: "modal__custom-footer" }, a("slot", { key: "69ab20db9fa7e4b8f25deaf44d736cc322a9ec0c", name: "custom-footer" })), e && a("footer", { key: "d6651ebe45583177b66d080630399e57e1199ee5", class: "modal__controls" }, a("swirl-button-group", { key: "64573292d8fd59afb895072a504bbbb1e314c7a2", wrap: !0 }, this.secondaryActionLabel && a("swirl-button", { key: "c734037e68a9a54f9bbba469a147df1c62009755", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && a("swirl-button", { key: "62e85ea6b7703706f9cacae042c513fb5f82f600", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
   }
   get el() {
     return p(this);

package/dist/{swirl-option-list-section.entry.d0659d51.js → swirl-option-list-section.entry.8eee5620.js}

@@ -1,12 +1,12 @@
-import { r as i, h as t, H as s } from "./index.eaeb17f0.js";
+import { r as i, h as e, H as s } from "./index.6d0517d0.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)}}", a = o, l = class {
-  constructor(e) {
-    i(this, e), this.label = void 0;
+  constructor(t) {
+    i(this, t), this.label = void 0;
   }
   render() {
-    return t(s, { key: "00254dfd7fd0daa025a49b02afa884531f1cba19" }, t("div", { key: "da8cf5c4b247d1b33c1530f88c8c685df773fdd1", "aria-labelledby": "label", class: "option-list-section", role: "group" }, t("span", { key: "b1fba1de3f891cc02197aff8fc7fd4b83c408f42", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), t("div", { key: "31960d53c1fb5c1ed1cf60eccdff8549642c2a76", class: "option-list-section__items" }, t("slot", { key: "c1e74f2ff34307e176d4285e1c3f3ab63967cb4d" }))));
+    return e(s, { key: "e5c89604c356b108fc9068a5ce38620de8f2920a" }, e("div", { key: "23893815a5687deda7bd00265cdfd26fdb377dae", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "51b574e28e6d3211df59537f13175eaa42bbe86b", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("div", { key: "8fe03639678a3f98af2a60b8f25ef79b872ef008", class: "option-list-section__items" }, e("slot", { key: "fc58f730f4d013fea38ecee4cb1a93d9b6c99dad" }))));
   }
 };
 l.style = a;

package/dist/{swirl-option-list_2.entry.755d579b.js → swirl-option-list_2.entry.05397d1b.js}

@@ -1,4 +1,4 @@
-import { r as d, c as o, h as a, H as c, g as h } from "./index.eaeb17f0.js";
+import { r as d, c as o, h as a, H as c, g as h } from "./index.6d0517d0.js";
 import { c as l, q as n } from "./utils-aab10c80.240adddc.js";
 import { S as m } from "./sortable.esm-8c3d5856.57c4f048.js";
 import { c as b } from "./index-267776a4.6beb4f4b.js";
@@ -173,7 +173,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(c, { key: "692eb010b4578a0bf58760281d20824d1774d810" }, a("swirl-visually-hidden", { key: "c5525158d478e3aa54bd9994474f1ffdaa62eabd", role: "alert" }, this.assistiveText), a("div", { key: "bf9c81687e049ceee2828a1aba80e0605e8413d8", "aria-label": this.label, "aria-multiselectable": e, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (s) => this.listboxEl = s, role: "listbox", tabIndex: t }, a("slot", { key: "bf7846db54d7a058e9b6d7e9b5b2c69df8493084" })));
+    return a(c, { key: "17ff337c693d086ca498a15748552d72d4c7a32f" }, a("swirl-visually-hidden", { key: "725fb95afc37b1d03d0bd3aef47fb0d48e329ded", role: "alert" }, this.assistiveText), a("div", { key: "588b1f0cb55530bfe4502823ce810614a819bd74", "aria-label": this.label, "aria-multiselectable": e, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (s) => this.listboxEl = s, role: "listbox", tabIndex: t }, a("slot", { key: "30fd9d4970136ea0e94a38d50be8caa87cd4155a" })));
   }
   get el() {
     return h(this);
@@ -188,7 +188,7 @@ const f = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-sw
   }
 };
 p.style = v;
-const I = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.tag{display:inline-flex;max-width:100%;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-default);background-color:var(--s-surface-neutral-subdued);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;gap:var(--s-space-4)}.tag--size-s{padding:var(--s-space-0) var(--s-space-4)}.tag--size-m{padding:var(--s-space-2) var(--s-space-8)}.tag--bordered{border-style:solid;border-width:var(--s-border-width-default);border-color:var(--s-border-strong)}.tag--intent-info{color:var(--s-text-info);background-color:var(--s-surface-info-subdued)}.tag--intent-info .tag__removal-button{color:var(--icon-info)}.tag--intent-info.tag--bordered{border-color:var(--s-border-info)}.tag--intent-critical{color:var(--s-text-critical);background-color:var(--s-surface-critical-subdued)}.tag--intent-critical .tag__removal-button{color:var(--icon-critical)}.tag--intent-critical.tag--bordered{border-color:var(--s-border-critical)}.tag--intent-warning{color:var(--s-text-warning);background-color:var(--s-surface-warning-subdued)}.tag--intent-warning .tag__removal-button{color:var(--icon-warning)}.tag--intent-warning.tag--bordered{border-color:var(--s-border-warning)}.tag--intent-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--icon-success)}.tag--intent-success.tag--bordered{border-color:var(--s-border-success)}.tag__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis}.tag__removal-button{display:inline-flex;margin-right:calc(-1 * var(--s-space-4));padding:0;border:none;color:var(--s-icon-strong);background-color:transparent;cursor:pointer}.tag__removal-button:focus:not(:focus-visible){outline:none}.tag__removal-button:focus-visible{outline-color:var(--s-focus-default)}", w = I, x = class {
+const I = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.tag{display:inline-flex;max-width:100%;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-default);background-color:var(--swirl-tag-background-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;gap:var(--s-space-4)}.tag--size-s{padding:var(--s-space-0) var(--s-space-4)}.tag--size-m{padding:var(--s-space-2) var(--s-space-8)}.tag--bordered{border-style:solid;border-width:var(--s-border-width-default);border-color:var(--s-border-strong)}.tag--intent-info{color:var(--s-text-info);background-color:var(--s-surface-info-subdued)}.tag--intent-info .tag__removal-button{color:var(--icon-info)}.tag--intent-info.tag--bordered{border-color:var(--s-border-info)}.tag--intent-critical{color:var(--s-text-critical);background-color:var(--s-surface-critical-subdued)}.tag--intent-critical .tag__removal-button{color:var(--icon-critical)}.tag--intent-critical.tag--bordered{border-color:var(--s-border-critical)}.tag--intent-warning{color:var(--s-text-warning);background-color:var(--s-surface-warning-subdued)}.tag--intent-warning .tag__removal-button{color:var(--icon-warning)}.tag--intent-warning.tag--bordered{border-color:var(--s-border-warning)}.tag--intent-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--icon-success)}.tag--intent-success.tag--bordered{border-color:var(--s-border-success)}.tag__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis}.tag__removal-button{display:inline-flex;margin-right:calc(-1 * var(--s-space-4));padding:0;border:none;color:var(--s-icon-strong);background-color:transparent;cursor:pointer}.tag__removal-button:focus:not(:focus-visible){outline:none}.tag__removal-button:focus-visible{outline-color:var(--s-focus-default)}", w = I, x = class {
   constructor(e) {
     d(this, e), this.remove = o(this, "remove", 7), this.onRemove = (t) => {
       var s;
@@ -199,7 +199,7 @@ const I = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-bo
     const e = b("tag", `tag--intent-${this.intent}`, `tag--size-${this.size}`, {
       "tag--bordered": this.bordered
     });
-    return a(c, { key: "b67e7321084a551a2ff203d672262d40f25b6962" }, a("span", { key: "db89192e386e1b8e984c7ff5a8fcc8e8407900db", class: e, part: "tag" }, a("span", { key: "a3adcc737835666ed52e6a04922974637b4bc745", class: "tag__label" }, this.label), this.removable && a("button", { key: "9104229361b9746841db84a0ce88545947e2a6e1", "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: "8f0d79c563ffa74bec22ea400c3d43ff22a9ca69", size: 16 }))));
+    return a(c, { key: "02429e0453f16d87117282b02b5566210e9990cc" }, a("span", { key: "bd3039960b3f6bad92c08001f9927643626d9ffa", class: e, part: "tag" }, a("span", { key: "082ae33eebf5fa8fb39e9d481d613419aacc06a9", class: "tag__label" }, this.label), this.removable && a("button", { key: "e3a20c81951a5606f49a7ac946ccabcadde1a856", "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: "15f71b707c8d6bbba3c09dd9c66ddaa4399b82ad", size: 16 }))));
   }
   get el() {
     return h(this);

package/dist/{swirl-pagination.entry.a29959c4.js → swirl-pagination.entry.df226b81.js}

@@ -1,9 +1,9 @@
-import { r as l, c as s, h as e, H as r } from "./index.eaeb17f0.js";
+import { r as l, c as s, h as e, H as r } from "./index.6d0517d0.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
-import { d as g } from "./utils-aab10c80.240adddc.js";
+import { d as c } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";
-const c = ":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:0}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-selection{display:flex;padding-right:var(--s-space-24);flex-shrink:0;align-items:center;color:var(--s-interactive-primary-default);white-space:nowrap;gap:var(--s-space-8)}.pagination__page-size-select-container{position:relative}.pagination__page-size-select{padding-right:calc(1rem + var(--s-space-4));border:none;color:var(--s-interactive-primary-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-size-select:focus:not(:focus-visible){outline:none}.pagination__page-size-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-size-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}.pagination__page-label{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-input{display:inline-flex;width:3.25rem;padding-top:var(--s-space-8);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border:none;border-radius:var(--s-border-radius-sm);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.pagination__page-input:focus:not(:focus-visible){outline:none}.pagination__page-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", h = c, d = class {
+const g = ":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:0}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-selection{display:flex;padding-right:var(--s-space-24);flex-shrink:0;align-items:center;color:var(--s-interactive-primary-default);white-space:nowrap;gap:var(--s-space-8)}.pagination__page-size-select-container{position:relative}.pagination__page-size-select{padding-right:calc(1rem + var(--s-space-4));border:none;color:var(--s-interactive-primary-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-size-select:focus:not(:focus-visible){outline:none}.pagination__page-size-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-size-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}.pagination__page-label{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-input{display:inline-flex;width:3.25rem;padding-top:var(--s-space-8);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border:none;border-radius:var(--s-border-radius-sm);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.pagination__page-input:focus:not(:focus-visible){outline:none}.pagination__page-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", h = g, d = class {
   constructor(n) {
     l(this, n), this.setPage = s(this, "setPage", 7), this.setPageSize = s(this, "setPageSize", 7), this.onFocusPageInput = (a) => {
       a.target.select();
@@ -20,7 +20,7 @@ const c = ":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;
     }, this.onPageInput = () => {
       let a = +this.pageInput.value;
       isNaN(a) ? (a = this.page, this.pageInput.value = String(a)) : a > this.pages ? (a = this.pages, this.pageInput.value = String(a)) : a < 1 && (a = 1, this.pageInput.value = String(a)), this.page !== a && this.onPageUpdate(a);
-    }, this.onPageUpdate = g((a) => {
+    }, this.onPageUpdate = c((a) => {
       this.setPage.emit(a);
     }, 500), this.onPageSizeSelect = (a) => {
       const t = +a.target.value;
@@ -29,7 +29,7 @@ const c = ":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;
   }
   render() {
     const n = this.variant !== "simple", a = this.variant === "advanced", t = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`, o = p("pagination", `pagination--variant-${this.variant}`);
-    return e(r, { key: "a868ebbd52be7109114aa9902e90da4e8b3cc05b" }, e("nav", { key: "c901f4199b231df362a5c245f39793158347e597", "aria-label": this.label, class: o }, e("ul", { key: "030fd790cf353b89a48d8b8d990c2e13984dbad6", class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && e("li", { key: "dcd1ee3eb343ae6a095836719c94b554b589baf1", class: "pagination__list-item" }, e("label", { key: "84d344807e9efb1b6c7d8ca867e234fcd1552f3e", class: "pagination__page-size-selection" }, e("swirl-text", { key: "76eda5b61d9c7e9a078e0c6a3538dcc548c096f7" }, this.pageSizeSelectLabel), e("swirl-stack", { key: "fa95c18ef16df5f3cee53d82a3b879c124f2ea52", align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, e("select", { key: "bae99f7594c60a9db45ea6c86edf47bbeafe8ed8", class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((i) => e("option", { key: i, selected: i === this.pageSize, value: i }, i))), e("swirl-icon-expand-more", { key: "3e02befb8461a4ffc9256058bd088c91447b000c", "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 })))), e("li", { key: "c6c21f0ee13e46586bf0982c2fb97636ee016285", class: "pagination__list-item" }, e("swirl-button", { key: "06f41cac26e65a3b4a1493bc3824e9d9961a83ae", class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: !0, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), e("li", { key: "f519537b3bc4b4c5dde7cee4623a23a28953c922", class: "pagination__list-item" }, e("swirl-button", { key: "22db009bbff5ba95a12f847e9da292ee6b2e3ba4", class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), n ? e("li", { class: "pagination__list-item  pagination__page-label" }, e("span", null, a ? e("span", { "aria-current": "page", class: "pagination__advanced-label" }, e("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (i) => this.pageInput = i, type: "text", value: this.page }), e("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString())) : e("span", { "aria-current": "page" }, t))) : e("li", { class: "pagination__list-item" }, e("swirl-visually-hidden", null, e("span", { "aria-current": "page" }, t))), e("li", { key: "5084487945838fc47988d1bab2f97aaf2198c938", class: "pagination__list-item" }, e("swirl-button", { key: "1b7243f892803406be2fa5956def1e79f37fcc04", class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: !0, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), e("li", { key: "006a6afdc28d7033fffa3b90e72f2371a22abcd7", class: "pagination__list-item" }, e("swirl-button", { key: "d409925fbd17f122bd01d32f4d17b71d40f2c414", class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: !0, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick })))));
+    return e(r, { key: "19ef10f877c70e8ff494e02e2f4aa5517b08d174" }, e("nav", { key: "5444d4c520425cec52c306308080494990f80911", "aria-label": this.label, class: o }, e("ul", { key: "def276c2ef95853df1ad271de739d5b0d866ce93", class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && e("li", { key: "03b027b48bdc30ab1749c1d0cf87695f38c009b7", class: "pagination__list-item" }, e("label", { key: "9b651fb7a48972ab433f98a6ab2a939654d21637", class: "pagination__page-size-selection" }, e("swirl-text", { key: "2be473479b617d2ed6f1beb918d2b6cb828b8f14" }, this.pageSizeSelectLabel), e("swirl-stack", { key: "2eaa59de79fac45847f61c5849fc9fef22e25a95", align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, e("select", { key: "e4db400bf40baa6cafaaf6c5cdfc561fa9358cb1", class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((i) => e("option", { key: i, selected: i === this.pageSize, value: i }, i))), e("swirl-icon-expand-more", { key: "f427d80ecf63e91eeb9b81ac5a431609858265bc", "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 })))), e("li", { key: "0d03e0be976c4aad6cfa859c02f75fff0310d1a7", class: "pagination__list-item" }, e("swirl-button", { key: "a6c57c7adb05b54895db39c351a922abc7031a51", class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: !0, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), e("li", { key: "837c9d21d8f25eb3673a4deadf4c3036454335d4", class: "pagination__list-item" }, e("swirl-button", { key: "7f974e2774fb40fcaf35a8ea6a0675f2b9904ce8", class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), n ? e("li", { class: "pagination__list-item  pagination__page-label" }, e("span", null, a ? e("span", { "aria-current": "page", class: "pagination__advanced-label" }, e("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (i) => this.pageInput = i, type: "text", value: this.page }), e("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString())) : e("span", { "aria-current": "page" }, t))) : e("li", { class: "pagination__list-item" }, e("swirl-visually-hidden", null, e("span", { "aria-current": "page" }, t))), e("li", { key: "eeed63aaaecf4e7f245e253aa395c7857dc320a5", class: "pagination__list-item" }, e("swirl-button", { key: "c2ebb6e8d9333833832616d34781dc4c959c1e31", class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: !0, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), e("li", { key: "627ed42cf6d79604ca88d4441fc5ead9386b2bed", class: "pagination__list-item" }, e("swirl-button", { key: "d6c53b82e9445f57a1b3f0629e9a98e8a7a93b6c", class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: !0, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick })))));
   }
 };
 d.style = h;