@getflip/swirl-components-react 0.326.0 → 0.327.0

package/dist/{swirl-icon-work.entry.37f09867.js → swirl-icon-work.entry.c37f92f6.js}

@@ -1,19 +1,19 @@
-import { r as c, h as e, F as i } from "./index.0cee1557.js";
+import { r as o, h as e, F as i } from "./index.c5f42b7b.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const C = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", a = C, n = class {
+const a = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", C = a, n = class {
   constructor(s) {
-    c(this, s), this.color = void 0, this.size = 24;
+    o(this, s), this.color = void 0, this.size = 24;
   }
   render() {
-    const s = this.size === 20 ? 24 : this.size, t = {
+    const s = this.size === 20 ? 24 : this.size, c = {
       color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, o = r("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "c29441b97fc53674a57b1d1511610be168303286", "aria-hidden": "true", class: o, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(i, { key: "976fdb205c4871cd7fd114fa380862268302b24f" }, e("path", { key: "2876fe86e27c2af0bef1297700524152c1d6d444", d: "M2.66668 14.0002C2.30001 14.0002 1.98612 13.8696 1.72501 13.6085C1.4639 13.3474 1.33334 13.0335 1.33334 12.6668V5.3335C1.33334 4.96683 1.4639 4.65294 1.72501 4.39183C1.98612 4.13072 2.30001 4.00016 2.66668 4.00016H5.33334V2.66683C5.33334 2.30016 5.4639 1.98627 5.72501 1.72516C5.98612 1.46405 6.30001 1.3335 6.66668 1.3335H9.33334C9.70001 1.3335 10.0139 1.46405 10.275 1.72516C10.5361 1.98627 10.6667 2.30016 10.6667 2.66683V4.00016H13.3333C13.7 4.00016 14.0139 4.13072 14.275 4.39183C14.5361 4.65294 14.6667 4.96683 14.6667 5.3335V12.6668C14.6667 13.0335 14.5361 13.3474 14.275 13.6085C14.0139 13.8696 13.7 14.0002 13.3333 14.0002H2.66668ZM2.66668 12.6668H13.3333V5.3335H2.66668V12.6668ZM6.66668 4.00016H9.33334V2.66683H6.66668V4.00016Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(i, { key: "4eb6ebd9cb67378780fb2ff2974a7162b7b5ebe1" }, e("path", { key: "6818fae010343b8e3573b5c284c4f08272cdf347", d: "M4 21C3.45 21 2.97917 20.8042 2.5875 20.4125C2.19583 20.0208 2 19.55 2 19V8C2 7.45 2.19583 6.97917 2.5875 6.5875C2.97917 6.19583 3.45 6 4 6H8V4C8 3.45 8.19583 2.97917 8.5875 2.5875C8.97917 2.19583 9.45 2 10 2H14C14.55 2 15.0208 2.19583 15.4125 2.5875C15.8042 2.97917 16 3.45 16 4V6H20C20.55 6 21.0208 6.19583 21.4125 6.5875C21.8042 6.97917 22 7.45 22 8V19C22 19.55 21.8042 20.0208 21.4125 20.4125C21.0208 20.8042 20.55 21 20 21H4ZM4 19H20V8H4V19ZM10 6H14V4H10V6Z", fill: "currentColor" })), this.size === 28 && e(i, { key: "61c3cdeb655f940396ce129a543366ccc973b69b" }, e("path", { key: "fc27325e26d40065a75be73d58aaed2afa226891", d: "M4.66668 24.5002C4.02501 24.5002 3.4757 24.2717 3.01876 23.8147C2.56182 23.3578 2.33334 22.8085 2.33334 22.1668V9.3335C2.33334 8.69183 2.56182 8.14252 3.01876 7.68558C3.4757 7.22863 4.02501 7.00016 4.66668 7.00016H9.33334V4.66683C9.33334 4.02516 9.56182 3.47586 10.0188 3.01891C10.4757 2.56197 11.025 2.3335 11.6667 2.3335H16.3333C16.975 2.3335 17.5243 2.56197 17.9813 3.01891C18.4382 3.47586 18.6667 4.02516 18.6667 4.66683V7.00016H23.3333C23.975 7.00016 24.5243 7.22863 24.9813 7.68558C25.4382 8.14252 25.6667 8.69183 25.6667 9.3335V22.1668C25.6667 22.8085 25.4382 23.3578 24.9813 23.8147C24.5243 24.2717 23.975 24.5002 23.3333 24.5002H4.66668ZM4.66668 22.1668H23.3333V9.3335H4.66668V22.1668ZM11.6667 7.00016H16.3333V4.66683H11.6667V7.00016Z", fill: "currentColor" })));
+    }, t = r("swirl-icon", `swirl-icon--size-${this.size}`);
+    return e("svg", { key: "8c5d3c67b853c4868fbee17f14b842cf085f51f1", "aria-hidden": "true", class: t, fill: "none", height: this.size, part: "icon", style: c, viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(i, { key: "73498590855b15f908c89cd527072f3cca69d0d2" }, e("path", { key: "382cb6bcccdaa21dd818bb74f2f3a754ad5cba3e", d: "M2.66668 14.0002C2.30001 14.0002 1.98612 13.8696 1.72501 13.6085C1.4639 13.3474 1.33334 13.0335 1.33334 12.6668V5.3335C1.33334 4.96683 1.4639 4.65294 1.72501 4.39183C1.98612 4.13072 2.30001 4.00016 2.66668 4.00016H5.33334V2.66683C5.33334 2.30016 5.4639 1.98627 5.72501 1.72516C5.98612 1.46405 6.30001 1.3335 6.66668 1.3335H9.33334C9.70001 1.3335 10.0139 1.46405 10.275 1.72516C10.5361 1.98627 10.6667 2.30016 10.6667 2.66683V4.00016H13.3333C13.7 4.00016 14.0139 4.13072 14.275 4.39183C14.5361 4.65294 14.6667 4.96683 14.6667 5.3335V12.6668C14.6667 13.0335 14.5361 13.3474 14.275 13.6085C14.0139 13.8696 13.7 14.0002 13.3333 14.0002H2.66668ZM2.66668 12.6668H13.3333V5.3335H2.66668V12.6668ZM6.66668 4.00016H9.33334V2.66683H6.66668V4.00016Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(i, { key: "87732d0fae8af4e9a6e76f0a1945e681ebf29fd0" }, e("path", { key: "41b4a6c625a8d651ad146174b327b8332c7062e4", d: "M4 21C3.45 21 2.97917 20.8042 2.5875 20.4125C2.19583 20.0208 2 19.55 2 19V8C2 7.45 2.19583 6.97917 2.5875 6.5875C2.97917 6.19583 3.45 6 4 6H8V4C8 3.45 8.19583 2.97917 8.5875 2.5875C8.97917 2.19583 9.45 2 10 2H14C14.55 2 15.0208 2.19583 15.4125 2.5875C15.8042 2.97917 16 3.45 16 4V6H20C20.55 6 21.0208 6.19583 21.4125 6.5875C21.8042 6.97917 22 7.45 22 8V19C22 19.55 21.8042 20.0208 21.4125 20.4125C21.0208 20.8042 20.55 21 20 21H4ZM4 19H20V8H4V19ZM10 6H14V4H10V6Z", fill: "currentColor" })), this.size === 28 && e(i, { key: "dec6ccede9426320f4577d1ecb225c113ce94afb" }, e("path", { key: "200ecc49b104a618a5ed1d0a91fb8540f65f2ab6", d: "M4.66668 24.5002C4.02501 24.5002 3.4757 24.2717 3.01876 23.8147C2.56182 23.3578 2.33334 22.8085 2.33334 22.1668V9.3335C2.33334 8.69183 2.56182 8.14252 3.01876 7.68558C3.4757 7.22863 4.02501 7.00016 4.66668 7.00016H9.33334V4.66683C9.33334 4.02516 9.56182 3.47586 10.0188 3.01891C10.4757 2.56197 11.025 2.3335 11.6667 2.3335H16.3333C16.975 2.3335 17.5243 2.56197 17.9813 3.01891C18.4382 3.47586 18.6667 4.02516 18.6667 4.66683V7.00016H23.3333C23.975 7.00016 24.5243 7.22863 24.9813 7.68558C25.4382 8.14252 25.6667 8.69183 25.6667 9.3335V22.1668C25.6667 22.8085 25.4382 23.3578 24.9813 23.8147C24.5243 24.2717 23.975 24.5002 23.3333 24.5002H4.66668ZM4.66668 22.1668H23.3333V9.3335H4.66668V22.1668ZM11.6667 7.00016H16.3333V4.66683H11.6667V7.00016Z", fill: "currentColor" })));
   }
 };
-n.style = a;
+n.style = C;
 export {
   n as swirl_icon_work
 };

package/dist/{swirl-icon.entry.5a716543.js → swirl-icon.entry.72cd1f74.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as e } from "./index.0cee1557.js";
+import { r as t, h as s, H as e } from "./index.c5f42b7b.js";
 import "react";
 import "react-dom";
 const o = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", r = o, n = class {
@@ -7,7 +7,7 @@ const o = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{
   }
   render() {
     const i = `swirl-icon-${this.glyph}`;
-    return s(e, { key: "3d999f4068c7383d54e86ab740fb63820fd363d0" }, s(i, { key: "c5027a1978f6b2c2bddd71d638ede4d1b45a9f67", color: this.color, size: this.size }));
+    return s(e, { key: "2909b56244363050bbc2a55eebf9c407de5a0204" }, s(i, { key: "12f3390c1222336d1e06503d2ad6739d976e41da", color: this.color, size: this.size }));
   }
 };
 n.style = r;

package/dist/{swirl-image-grid-item.entry.8ce075c3.js → swirl-image-grid-item.entry.bab61391.js}

@@ -1,4 +1,4 @@
-import { r as g, c as d, h as e, H as l, g as m } from "./index.0cee1557.js";
+import { r as g, c as d, h as e, H as l, g as m } from "./index.c5f42b7b.js";
 import { c as h } from "./index-267776a4.6beb4f4b.js";
 import { d as b } from "./utils-877a768f.c277f897.js";
 import "react";
@@ -70,9 +70,9 @@ const u = ':host{display:block;width:100%;min-height:0}:host *{box-sizing:border
       "image-grid-item--has-overlay": this.overlay,
       "image-grid-item--loaded": this.loaded
     });
-    return e(l, { key: "fee5963be852193a4dc00df37ebbb17225a7e999", "data-sibling-count": s, role: "listitem" }, e(i, { key: "a09fb486805da84978d76547b96339939be87f53", class: o, type: this.interactive ? "button" : void 0 }, e("div", { key: "9105344215db7c1519fa9ff4ab4b992cee4cd1ed", class: "image-grid-item__background", style: {
+    return e(l, { key: "b953e8d326db353b5faa9b92bd3b589b5e208a4e", "data-sibling-count": s, role: "listitem" }, e(i, { key: "77e58288d3d155a44f19550d87ab759115b803cf", class: o, type: this.interactive ? "button" : void 0 }, e("div", { key: "bbcb3f395f6046d8b9a02c3f5bb8de153f9e67ea", class: "image-grid-item__background", style: {
       backgroundImage: t ? `url(${this.computedSrc})` : void 0
-    } }), t ? e("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : void 0, ref: this.onImageElementUpdate, src: this.computedSrc }) : e("div", { class: "image-grid-item__loading-placeholder" }, e("swirl-visually-hidden", null, this.alt)), this.showGifControls && e("swirl-stack", { key: "28ed0a78211dec11057647e43399bcef853e8dfa", class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, e("button", { key: "2157c1a1d81ba564b6b166cd05499b6d565b22e0", class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--button", onClick: this.handleControlClick, type: "button", "aria-label": this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel }, this.gifPaused ? e("swirl-icon-play-arrow", { size: 20 }) : e("swirl-icon-pause", { size: 20 })), e("div", { key: "f1898456a22c7edc0a06fed2f2ea1aecd73898e1", class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, e("swirl-icon-gif", { key: "78566c5c15a76af9af2d63f8d0665716198e8d00", size: 20 }))), this.loaded && !this.error && this.icon && !Boolean(this.overlay) && e("div", { key: "c397acfeca3597b2f5fbe5ddeb8848b90ce8b5ac", class: "image-grid-item__icon", innerHTML: this.icon }), this.overlay && e("div", { key: "18cbd7062ed80aacb0739aadedbe53c8cd752744", class: "image-grid-item__overlay" }, this.overlay), !this.loaded && e("swirl-skeleton-box", { key: "ca26ba0cb601ac1471932b4a5d6f3ef8bf6cd5ff", class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" }), this.loaded && this.error && e("div", { key: "c139ccd5414417bfada7936644fa449d8e5c45df", class: "image-grid-item__error" }, e("swirl-icon-error", { key: "d0a182962a5008ee3dccc35baf450b3a0475d180", color: "critical" }))));
+    } }), t ? e("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : void 0, ref: this.onImageElementUpdate, src: this.computedSrc }) : e("div", { class: "image-grid-item__loading-placeholder" }, e("swirl-visually-hidden", null, this.alt)), this.showGifControls && e("swirl-stack", { key: "7ae30c6b661bfe8e518889e6ab11fa52a7d39dc4", class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, e("button", { key: "14806fcb17fdcaf24cd83acc711cf6dfced2b16f", class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--button", onClick: this.handleControlClick, type: "button", "aria-label": this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel }, this.gifPaused ? e("swirl-icon-play-arrow", { size: 20 }) : e("swirl-icon-pause", { size: 20 })), e("div", { key: "005d7b3bbb38aacc9ea56ecc6b341c4f0c6c39de", class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, e("swirl-icon-gif", { key: "09e619f725027f7a5fb5f5b2f3bad054b6e1dbe8", size: 20 }))), this.loaded && !this.error && this.icon && !Boolean(this.overlay) && e("div", { key: "9906aca33a6b623b71419dc630e0068cb921fd39", class: "image-grid-item__icon", innerHTML: this.icon }), this.overlay && e("div", { key: "bc810410fb32213c580302929aa36caaeec5eb32", class: "image-grid-item__overlay" }, this.overlay), !this.loaded && e("swirl-skeleton-box", { key: "1873cf87c68115524f9d5c6099c394b3e7c6108c", class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" }), this.loaded && this.error && e("div", { key: "f2e2e22602e2cc0cfb43f91df27372fad42b2efd", class: "image-grid-item__error" }, e("swirl-icon-error", { key: "f0de5ab1c45ed081f3d8cec377b393b2b6cf4cbe", color: "critical" }))));
   }
   get el() {
     return m(this);

package/dist/{swirl-image-grid.entry.2067bd4c.js → swirl-image-grid.entry.ed315102.js}

@@ -1,10 +1,10 @@
-import { r as a, h as t, H as r, g as c } from "./index.0cee1557.js";
-import { c as o } from "./index-267776a4.6beb4f4b.js";
+import { r as a, h as t, H as r, g as c } from "./index.c5f42b7b.js";
+import { c as d } 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, calc(50% - var(--s-space-2) / 2))}.image-grid--item-count-3{grid-template-columns:calc(100% / 3 * 2) calc(
+const o = `: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, calc(50% - var(--s-space-2) / 2))}.image-grid--item-count-3{grid-template-columns:calc(100% / 3 * 2) calc(
       100% / 3 - var(--s-space-2) / 2
-    );grid-template-rows:calc(50% - var(--s-space-2) / 2)}.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, calc(50% - var(--s-space-2) / 2));grid-template-rows:repeat(2, calc(50% - var(--s-space-2) / 2))}`, l = d, m = [
+    );grid-template-rows:calc(50% - var(--s-space-2) / 2)}.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, calc(50% - var(--s-space-2) / 2));grid-template-rows:repeat(2, calc(50% - var(--s-space-2) / 2))}`, l = o, m = [
   "xs",
   "sm",
   "base",
@@ -37,11 +37,11 @@ const d = `:host{display:block}:host *{box-sizing:border-box}.image-grid{display
     this.updateItems();
   }
   render() {
-    const e = o("image-grid", `image-grid--item-count-${Math.min(4, this.items.length)}`), i = {
+    const e = d("image-grid", `image-grid--item-count-${Math.min(4, this.items.length)}`), i = {
       aspectRatio: this.caculateAspectRatio(),
       borderRadius: m.includes(this.borderRadius) ? `var(--s-border-radius-${this.borderRadius})` : this.borderRadius
     };
-    return t(r, { key: "b9e2b43b585a698366f8b9e4fe2fce41ed561084" }, t("div", { key: "1c1c570a833f8c1b245e87eec27a909f70ef5a01", "aria-label": this.label, class: e, role: "list", style: i }, t("slot", { key: "ca5abfe3cb01d619c79cf298548778682464106a", onSlotchange: this.updateItems })));
+    return t(r, { key: "1a28ad519601ffc63918ca1ed585c68c7fe0a99a" }, t("div", { key: "9867602877495d3872751790d18bb1afac55e9dc", "aria-label": this.label, class: e, role: "list", style: i }, t("slot", { key: "c75c1ad86e30fbb9379d685323885879ec6d1336", onSlotchange: this.updateItems })));
   }
   get el() {
     return c(this);

package/dist/{swirl-inline-notification.entry.9f11bf28.js → swirl-inline-notification.entry.816a9777.js}

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

package/dist/{swirl-inline-status.entry.b363d551.js → swirl-inline-status.entry.a44020c2.js}

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

package/dist/{swirl-lightbox.entry.ee9f9f5a.js → swirl-lightbox.entry.68697d06.js}

@@ -1,4 +1,4 @@
-import { r as h, c as b, h as i, H as u, g as f } from "./index.0cee1557.js";
+import { r as h, c as b, h as i, H as u, g as f } from "./index.c5f42b7b.js";
 import { d as g, e as m } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { c as x } from "./focus-trap.esm-49c9613c.db20abcc.js";
@@ -161,7 +161,7 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
       "lightbox--hide-menu": !s,
       "lightbox--hide-toolbar": !r
     });
-    return i(u, { key: "25ca427b602b84d52e5e6c838dfcb2d662f38509", onKeydown: this.onKeyDown }, i("section", { key: "f482c5dbd35fdd08ea56535a89e65711250464d0", "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: "a36434625eab69a8f1c10d5201bfd98eb2fca7b3", class: "lightbox__body", role: "document" }, i("header", { key: "c88f4f8feed742949befde4a332682fd9529f7ba", class: "lightbox__header" }, i("button", { key: "664f8af2ae73c964a2d96993e4a452665ca4a243", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, i("swirl-icon-close", { key: "42f4f03e3ff01565f4e657aa3825ef7a117d80dd" })), i("div", { key: "9c22ef0cc70271b0aedbdfa2d852c8449403ed2f", class: "lightbox__toolbar" }, i("slot", { key: "4f348e42192d9d74649d1d7310e53adcef86ab83", name: "toolbar" })), !this.hideMenu && i("swirl-popover-trigger", { key: "100281e4d487d6d7702c42dd44f021f96ae5e04d", swirlPopover: this.menu }, i("button", { key: "7e3542534ff51639774d9595aa886c75d31e23d7", "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, i("swirl-icon-more-vertikal", { key: "c9d3be5d56536aeb91114ac4ed5f085ebef43ceb" })))), i("div", { key: "77a4a725978b7504a27341117bbc6a8103f4dcd8", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, i("div", { key: "814e858e91076e8a05d2e39aae3321222c3f0928", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (n) => this.slidesContainer = n }, i("slot", { key: "260b336d41692054b7545a8bef5fe6e2b96c6cb1", onSlotchange: this.registerSlides }))), i("div", { key: "cf3e3cdc15550b598bca43407b84132fb3a81d57", class: "lightbox__controls" }, i("button", { key: "19e0a7d25a397b80e566566de0505009d893c3f0", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, i("swirl-icon-arrow-left", { key: "afd7be51c99dbd9d99bef0e2976fff767db7f8f1" })), i("button", { key: "308bfb590b02b439a326d196e88bbdee7352c9d1", "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: "0ea5095cf283b535853a612a25352cefebf18729" }))), t && i("span", { key: "30e3484fe0fdc0605efe17c9cfbf32c9d010c3bd", class: "lightbox__pagination" }, i("span", { key: "e308b4e875dbec3ea2bc2f051fff9190fad45e71", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && i("swirl-popover", { key: "7f5425c44f3ae304d1681b03364039d38f55502e", animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (n) => this.menu = n }, i("swirl-stack", { key: "92d2a84a8107cae6b275f5046853d9cdddeeab19" }, i("div", { key: "5dde510c861885b042ce14c6171f79da3f65f817", class: "lightbox__meta" }, o && i("div", { key: "db4f79461bf5bf87dc936cbb4f59dfe157d6aeb8", class: "lightbox__thumbnail" }, i("swirl-thumbnail", { key: "c8ca5e152d891233656b0a279c90c531ffb3cef6", alt: "", src: o })), i("div", { key: "5014b252013a673b2eff3a48f6c22eff70bf7260", class: "lightbox__file-info" }, i("swirl-text", { key: "960cb67c90734239466d4875ba8d361e53f0f0f8", truncate: !0, weight: "semibold" }, e), i("swirl-text", { key: "574b51d3f272087fdbdd57a4371602717a2223cd", color: "subdued", size: "sm", truncate: !0 }, a))), s && i("swirl-separator", { key: "a9fb9d4799900a6bb43a30012fcac30da0301de8" }), i("swirl-action-list", { key: "a33f615e0b1f2913aae03f7860afce663677406c" }, this.downloadButtonEnabled && i("swirl-action-list-item", { key: "8e82c2f221da19844202c289c1312160eec2e776", icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), i("slot", { key: "b9104e0d2ea36777d8c165cedea50f169439e9ec", name: "menu-items" }))))));
+    return i(u, { key: "d6e7b0ef7dc8ac7d48853a9b38ecdac7af69cb9f", onKeydown: this.onKeyDown }, i("section", { key: "3d255ff4c9ea5409fbafa962f99334a28659908f", "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: "80423839b955c855e0c809100dba1b057f2b8959", class: "lightbox__body", role: "document" }, i("header", { key: "40212877ba339bf7c2e770a210c3cd45ae4d9d4b", class: "lightbox__header" }, i("button", { key: "5b48cb039a0e0a8fe1243517abb5ada34ee839de", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, i("swirl-icon-close", { key: "9a8a6aa0a93e58a4c62e14b1eed19f1c8a2c1dc5" })), i("div", { key: "5eae4f6bac4e6cbf1704645c2ae2b091d7703150", class: "lightbox__toolbar" }, i("slot", { key: "1979d14f5ed4071a0a9afff7097e371ffbe26bda", name: "toolbar" })), !this.hideMenu && i("swirl-popover-trigger", { key: "ba22bf855b5706b3c3bd9548fdadcc34faa28d59", swirlPopover: this.menu }, i("button", { key: "259946ffb09edf6850ff1b93188a331154fe48c3", "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, i("swirl-icon-more-vertikal", { key: "de54e4c0b8745a52bbfde1a0105271b74cca64e1" })))), i("div", { key: "ee0d98fb0f079bcf1ef1fedf3de6e4d6f4bb6865", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, i("div", { key: "b938125af827cc4b041d7acddfdcc1e94d0a73f4", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (n) => this.slidesContainer = n }, i("slot", { key: "11e93f76a65aa119e2a63da226156b248df395cd", onSlotchange: this.registerSlides }))), i("div", { key: "a3ff7d4f6ccafc5ff91c242fa5eb22d5ffb68059", class: "lightbox__controls" }, i("button", { key: "3c1690088b8eb854a53c1a7027bd0aa9f4198d3c", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, i("swirl-icon-arrow-left", { key: "f5d9fbfb1794a6b00f723d7ec1f0aee273832496" })), i("button", { key: "6ec05a66a4c3e24a7b6e350c4b2ab3698e8ef744", "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: "543e3555a3ec52d26d71be68f5c82d6a2adb0626" }))), t && i("span", { key: "bc75ad9d67161d7c45b6c80ea07a762d143d5cf5", class: "lightbox__pagination" }, i("span", { key: "e41bcf1310c19b538bfe7a6e36d07ce8435f31ef", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && i("swirl-popover", { key: "2ca9fb72f44afd29f21da0ba5746403841d53a5a", animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (n) => this.menu = n }, i("swirl-stack", { key: "cf8b57810266b29ab2b9cc1105a217ec68abbe1e" }, i("div", { key: "ade7b5e1d0642ea801019f9dde60cee0d75da1d4", class: "lightbox__meta" }, o && i("div", { key: "3be233483e489b3bff328158418f49a9ee6c1d42", class: "lightbox__thumbnail" }, i("swirl-thumbnail", { key: "265d3ba66943dd8510a8817fc20b30d98004bc75", alt: "", src: o })), i("div", { key: "1b24e9a5f53ad079f11470527071ccf14170c025", class: "lightbox__file-info" }, i("swirl-text", { key: "9d6b0e2f8ec36c7e03b811f17830a14d409a2ef8", truncate: !0, weight: "semibold" }, e), i("swirl-text", { key: "29fe67fe2f6d32012069b486cf103648b5da0d9b", color: "subdued", size: "sm", truncate: !0 }, a))), s && i("swirl-separator", { key: "93fe5bf050c43380d54f669692eadf29ec82f04c" }), i("swirl-action-list", { key: "4ce787a0b8d478a3bbb47fcc07820a72f2cc15d3" }, this.downloadButtonEnabled && i("swirl-action-list-item", { key: "5e09dc758fe5da2ad6f20c1f8ba341e2bd2e9c54", icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), i("slot", { key: "45923071322debb16ccecc2faa7d3b54e4e09e77", name: "menu-items" }))))));
   }
   get el() {
     return f(this);

package/dist/{swirl-link.entry.e7692aeb.js → swirl-link.entry.7a619d40.js}

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

package/dist/{swirl-list.entry.f5890cd5.js → swirl-list.entry.4e173021.js}

@@ -1,4 +1,4 @@
-import { r as l, h as i, H as r } from "./index.0cee1557.js";
+import { r as l, h as i, H as r } from "./index.c5f42b7b.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: "ef3e6a9aabbc9152df3ff4f95e1eef0045923a9e" }, i("div", { key: "59ebd12f8cbed6dafaab005fd4da5b73e446664f", class: "swirl-list", ref: (e) => this.containerEl = e }, i("slot", { key: "e8bb5eab86ef5fde05545d1296df445d2b2bd943" })));
+    return i(r, { key: "eab3a8ea00e954022fca689674b5c1091cec3503" }, i("div", { key: "a72d52aef1a5ae3a2d66f4c4ae5dbcdf8b4c0708", class: "swirl-list", ref: (e) => this.containerEl = e }, i("slot", { key: "58b1652516271de552a57fe894224fbf71f47744" })));
   }
 };
 o.style = n;

package/dist/{swirl-menu-item.entry.03babeeb.js → swirl-menu-item.entry.57a1428d.js}

@@ -1,4 +1,4 @@
-import { r, f as d, h as i, H as l, g as h } from "./index.0cee1557.js";
+import { r, f as d, h as i, H as l, g as h } from "./index.c5f42b7b.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: "c0577f1851600d770a5f35abfab0ed40cab36f37" }, i("div", { key: "febebaa68eb770b0a3a1a2a5770af88902a2caa5", class: e }, ((t = this.parentMenu) == null ? void 0 : t.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "089001886cd54725b9893075bd676cef70578a1a", onSlotchange: this.onSlotChange })));
+    return i(l, { key: "4767e0bd2196dcf84287bea506d6896afbf7f29c" }, i("div", { key: "537fa87dd918753bdca84be438a47503f0251fca", class: e }, ((t = this.parentMenu) == null ? void 0 : t.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "6f25d13559708f5ad959505d25ca7bbab6673682", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return h(this);

package/dist/{swirl-menu.entry.1b460c89.js → swirl-menu.entry.e4e1d044.js}

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

package/dist/{swirl-modal.entry.10f32ced.js → swirl-modal.entry.6ef0caf8.js}

@@ -1,4 +1,4 @@
-import { r as p, c as t, h as a, H as u, g as v } from "./index.0cee1557.js";
+import { r as p, c as t, h as e, H as u, g as v } from "./index.c5f42b7b.js";
 import { d as m, e as b } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as f } from "./index-267776a4.6beb4f4b.js";
 import { c as _ } from "./focus-trap.esm-49c9613c.db20abcc.js";
@@ -21,8 +21,8 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       var(--swirl-modal-max-width) + var(--swirl-modal-sidebar-width) +
         var(--swirl-modal-max-secondary-content-width)
     )}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}`, w = g, y = class {
-  constructor(e) {
-    p(this, e), this.modalClose = t(this, "modalClose", 7), this.modalOpen = t(this, "modalOpen", 7), this.primaryAction = t(this, "primaryAction", 7), this.requestModalClose = t(this, "requestModalClose", 7), this.secondaryAction = t(this, "secondaryAction", 7), this.sidebarClose = t(this, "sidebarClose", 7), this.onKeyDown = (o) => {
+  constructor(a) {
+    p(this, a), this.modalClose = t(this, "modalClose", 7), this.modalOpen = t(this, "modalOpen", 7), this.primaryAction = t(this, "primaryAction", 7), this.requestModalClose = t(this, "requestModalClose", 7), this.secondaryAction = t(this, "secondaryAction", 7), this.sidebarClose = t(this, "sidebarClose", 7), this.onKeyDown = (o) => {
       o.code === "Escape" && (o.stopImmediatePropagation(), this.close());
     }, this.onBackdropClick = () => {
       this.close();
@@ -51,19 +51,19 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       allowOutsideClick: !0,
       escapeDeactivates: !1,
       tabbableOptions: {
-        getShadowRoot: (e) => e.shadowRoot
+        getShadowRoot: (a) => a.shadowRoot
       }
     }), this.determineScrollStatus(), queueMicrotask(() => {
       this.updateCustomFooterStatus(), this.updateCustomHeaderStatus(), this.updateHeaderToolsStatus(), this.updateSecondaryContentStatus(), this.updateSidebarContentStatus(), this.updateSidebarFooterStatus();
     });
   }
   componentDidRender() {
-    var e;
-    (e = this.focusTrap) == null || e.updateContainerElements(this.modalEl);
+    var a;
+    (a = this.focusTrap) == null || a.updateContainerElements(this.modalEl);
   }
   disconnectedCallback() {
-    var e;
-    (e = this.focusTrap) == null || e.deactivate(), this.unlockBodyScroll();
+    var a;
+    (a = this.focusTrap) == null || a.deactivate(), this.unlockBodyScroll();
   }
   onWindowResize() {
     this.determineScrollStatus();
@@ -75,8 +75,8 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       this.focusTrap.activate(), this.handleAutoFocus();
     }, 200);
   }
-  async close(e) {
-    this.closing || (this.requestModalClose.emit(), !(!this.closable && !e) && (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
+  async close(a) {
+    this.closing || (this.requestModalClose.emit(), !(!this.closable && !a) && (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
       this.focusTrap.deactivate(), this.isOpen = !1, this.modalClose.emit(), this.closing = !1;
     }, 150)));
   }
@@ -99,8 +99,8 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     this.hasSidebarFooter = Boolean(this.el.querySelector('[slot="sidebar-footer"]'));
   }
   handleAutoFocus() {
-    var e;
-    (e = this.modalEl.querySelector("input[autofocus]")) == null || e.focus();
+    var a;
+    (a = this.modalEl.querySelector("input[autofocus]")) == null || a.focus();
   }
   lockBodyScroll() {
     m(this.scrollContainer), m(this.sidebarScrollContainer);
@@ -109,7 +109,7 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     this.scrollContainer && b(this.scrollContainer), this.sidebarScrollContainer && b(this.sidebarScrollContainer);
   }
   render() {
-    const e = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel), o = f("modal", `modal--variant-${this.variant}`, {
+    const a = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel), o = f("modal", `modal--variant-${this.variant}`, {
       "modal--closing": this.closing,
       "modal--has-custom-footer": this.hasCustomFooter,
       "modal--has-custom-header": this.hasCustomHeader,
@@ -129,19 +129,19 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       "modal--sidebar-scrolled-down": this.sidebarScrolledDown,
       "modal--sidebar-scrollable": this.sidebarScrollable
     });
-    return a(u, { key: "0543217e230003b07b330c75318de876bfd5f8c1" }, a("section", { key: "eb32ccf5ae5052679772f80ca65c92c16e7a0907", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: o, onKeyDown: this.onKeyDown, role: "dialog", ref: (d) => this.modalEl = d }, a("div", { key: "aebfe6f08258d72d80b953d9a341168413c6fcc5", class: "modal__backdrop", onClick: this.onBackdropClick }), a("div", { key: "b669d9c07414b8631c0337801a47b0b96c806c95", class: "modal__body", style: {
+    return e(u, { key: "a3b33a8bad658b5069ea3218ee680fa22633a05e" }, e("section", { key: "d6e778a51b8713f77b51c770d62dfe2f1632e2f5", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: o, onKeyDown: this.onKeyDown, role: "dialog", ref: (d) => this.modalEl = d }, e("div", { key: "587c19638a0e171ff8ad589e21f6621a98c2e6b1", class: "modal__backdrop", onClick: this.onBackdropClick }), e("div", { key: "f1f3bf5d25be5824dc5387a6755883c1d2172f57", class: "modal__body", style: {
       "--swirl-modal-max-height": this.maxHeight,
       "--swirl-modal-height": this.height,
       minHeight: this.minHeight,
       maxWidth: this.maxWidth
-    } }, a("aside", { key: "c223a5c5fdc6c3468b4367afadb59b0830a00e6c", class: "modal__sidebar" }, this.sidebarLabel && a("header", { key: "81c3b4af4ea04c45c43583e805ec232e25baf6b8", class: f("modal__sidebar-header", {
+    } }, e("aside", { key: "c1a228f13d773047b1386713f65db7671ddfce26", class: "modal__sidebar" }, this.sidebarLabel && e("header", { key: "efdc6b571119db2de308a180315356107d4d6268", class: f("modal__sidebar-header", {
       "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton
-    }) }, this.hasSidebarCloseButton && a("swirl-button", { key: "62f85cd8defba57c3a00eb095948713f70ff9f69", hideLabel: !0, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), a("swirl-heading", { key: "1c584271b7e7851af094537cf613c836066959e2", as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel })), a("div", { key: "cf1f01116aa4e219ec6be585465c0227b37cd0e2", class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (d) => this.sidebarScrollContainer = d }, a("slot", { key: "955e56368db6bda842d43a7b7a1986c978a20141", name: "sidebar-content" })), a("div", { key: "3383a87f2a354434175a8dbe566cb78e53731def", class: "modal__sidebar-footer" }, a("slot", { key: "c66e49cc46f00786a04e4daf19f04b87fd34557e", name: "sidebar-footer" }))), a("div", { key: "e21171544393bd45e9308f933dc7fc00a2b6c42c", class: "modal__main-content" }, a("header", { key: "48fbcab52704f2894b77df9c1ea5bcc4575b1c8c", class: "modal__custom-header" }, a("slot", { key: "1c3f60b542da972c9a50608587ffbd19f584ffa7", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && a("header", { key: "9b18c0763a681adac889c657ac297b750b0fa140", class: "modal__header" }, a("div", { key: "8cfac19c30d7f60a35b97aa565ea35bfe9e95005", class: "modal__header-bar" }, !this.hideCloseButton && a("swirl-button", { key: "e2911ca94e8c1ee1804b6eaaa089002f22c0c578", class: "modal__close-button", hideLabel: !0, icon: this.variant === "default" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), !this.hideLabel && a("swirl-heading", { key: "ea14fbd1265cc1e43a2981f7b696638a456c1f1e", as: "h2", class: "modal__heading", level: 3, text: this.label }))), a("div", { key: "60c91d254f9e414ca4b87143ed6d5cef30ad1a38", class: "modal__content-container", style: {
+    }) }, this.hasSidebarCloseButton && e("swirl-button", { key: "d8530916e86ed108c76951436a706bb5196ccf91", hideLabel: !0, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), e("swirl-heading", { key: "14466a82f7791700bb857068800749e82dca8c1c", as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel })), e("div", { key: "cf1420c2a4f515e074b20ecfac829e74a702e675", class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (d) => this.sidebarScrollContainer = d }, e("slot", { key: "9d47338b7839e4d2b3f4820258d971871533a789", name: "sidebar-content" })), e("div", { key: "89dd11d57e92f220fdacbe80ffa88af278654f56", class: "modal__sidebar-footer" }, e("slot", { key: "a5731411d52f97fd32be7ef03bde1fa15192b6ef", name: "sidebar-footer" }))), e("div", { key: "14c93cb9729b10ebe63cf15f66007f7f4dd9e528", class: "modal__main-content" }, e("header", { key: "08f4707e2efdd4dbef18fdf86c3d4ffff6d46577", class: "modal__custom-header" }, e("slot", { key: "de4cccb054fb97513867fde9032cedbd8b0c7c8e", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && e("header", { key: "54436e75b14618216d2cf8eb7876dc22643194a0", class: "modal__header" }, e("div", { key: "93bd4a05c079c839ec75990d577f963321a620be", class: "modal__header-bar" }, !this.hideCloseButton && e("swirl-button", { key: "63292bd349d6d5bb6be4200c424f17918aa02a30", 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 && e("swirl-heading", { key: "9eee2e0d149ae54e5b681a453b3bb6094ba7bece", as: "h2", class: "modal__heading", level: 3, text: this.label }))), e("div", { key: "20a1c5c6632ddbefb2dd51482831f533cbb5f45a", class: "modal__content-container", style: {
       gap: this.contentGap ? `var(--s-space-${this.contentGap})` : void 0
-    } }, a("div", { key: "c11917be49baf1f43675a73a7a7046c7a887cb40", class: "modal__primary-content", style: {
+    } }, e("div", { key: "64ac704ad78729837ce6a51e9b57fd49316e2af7", class: "modal__primary-content", style: {
       maxWidth: this.primaryContentMaxWidth,
       flex: this.primaryContentFlex
-    } }, a("div", { key: "b33a69c6a9a3dcb81a3abd284f8bb6fd1dabcdb1", class: "modal__header-tools" }, a("slot", { key: "bacea7d3b542676a302da9e5623da9285d5ae3bc", name: "header-tools" })), a("div", { key: "d658729178719798986177acd3f7d466dcd5fadb", class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (d) => this.scrollContainer = d }, a("slot", { key: "95e3968d17d227ad7a7519b5485176c3d9b95cd1" }))), a("div", { key: "11bb7dbccbe133dad531786a5b0774b23f8c1b9f", class: "modal__secondary-content", style: {
+    } }, e("div", { key: "6fed1067af3b45a2b26c1247ed160f7f0177cfb3", class: "modal__header-tools" }, e("slot", { key: "59d0242705e0b2ff2e4f7fb3c6eb6c8257629bec", name: "header-tools" })), e("div", { key: "6a2838c93453fcc2fd9d36ce2a8b706601c3e7b9", class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (d) => this.scrollContainer = d }, e("slot", { key: "7b68d951fa828b73b5fab6a6da7534d87ae8c867" }))), e("div", { key: "7281a711bc7212dcd2ece30d5032bdbb85d3a971", class: "modal__secondary-content", style: {
       maxWidth: this.secondaryContentMaxWidth,
       flex: this.secondaryContentFlex,
       padding: Boolean(this.secondaryContentPadding) ? `var(--s-space-${this.secondaryContentPadding})` : void 0,
@@ -149,7 +149,7 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       paddingBlockStart: Boolean(this.secondaryContentPaddingBlockStart) ? `var(--s-space-${this.secondaryContentPaddingBlockStart})` : void 0,
       paddingInlineEnd: Boolean(this.secondaryContentPaddingInlineEnd) ? `var(--s-space-${this.secondaryContentPaddingInlineEnd})` : void 0,
       paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart) ? `var(--s-space-${this.secondaryContentPaddingInlineStart})` : void 0
-    } }, a("slot", { key: "e2fcfac9a89a5a7df9e2c2af51c36991320342b1", name: "secondary-content" }))), a("div", { key: "d313f8e9c45a3eb64a28aaf711b3db1c8b3b18cd", class: "modal__custom-footer" }, a("slot", { key: "602ef11530a8fa084ddeff550fb3354fbd5d26dd", name: "custom-footer" })), e && a("footer", { key: "2624f756d8ca90556c1d7965db02c94582a53c71", class: "modal__controls" }, a("swirl-button-group", { key: "ed07892f918d99a6938d8b9ba692475533679fe2", wrap: !0 }, this.secondaryActionLabel && a("swirl-button", { key: "f7b795aaad285376106551dd8bf870d3dc5d125c", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && a("swirl-button", { key: "581e017486218fd5857262b55abfef6207bc70de", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
+    } }, e("slot", { key: "88c633d2cf5c456eb78de68d5c19d7fe2f8bca1f", name: "secondary-content" }))), e("div", { key: "1203e8fed5505a3633bec66a75e419985735e2ab", class: "modal__custom-footer" }, e("slot", { key: "9e291b19d9887c5ab2ee25be124bb6a962a96f0f", name: "custom-footer" })), a && e("footer", { key: "f072f30ef6c4f65057228d00495c77459a5d25a3", class: "modal__controls" }, e("swirl-button-group", { key: "0e0a4b1173b3e34e0ca974a0807e2172ab3a05e9", wrap: !0 }, this.secondaryActionLabel && e("swirl-button", { key: "f8eca714bc46f250ac8c1ee34f4e4d8b2ea4eaa6", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && e("swirl-button", { key: "e9dd5999c043eb6145a21296501f8d1952775901", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
   }
   get el() {
     return v(this);

package/dist/{swirl-option-list-section.entry.ee80d5b6.js → swirl-option-list-section.entry.aad347f3.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as t } from "./index.0cee1557.js";
+import { r as i, h as e, H as t } from "./index.c5f42b7b.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, l = class {
@@ -6,7 +6,7 @@ const a = ":host{display:block;width:100%}:host *{box-sizing:border-box}.option-
     i(this, s), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
   }
   render() {
-    return e(t, { key: "720bbdaf15b862de58e8bf3d6fdee47b33e1ac01" }, this.hasSeparator && e("swirl-separator", { key: "52d89c5b9eba5cee27340f1e3ce11329ce1de65e", spacing: this.separatorSpacing }), e("div", { key: "2d762215d108c89651e6b48cad3a7aaabaae1a46", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "0c2cd44b82c0dc68fab2a648922759d085af9cb5", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("swirl-stack", { key: "3cc9d4be644dd228667927f7dc2492e6ee0d6c2a", spacing: this.spacing, align: "stretch" }, e("slot", { key: "b5adb4b17be73b8bf8291e1f738b755a0d1be772" }))));
+    return e(t, { key: "f97a8c64019a5a1c31918a73021db444dcd2c64f" }, this.hasSeparator && e("swirl-separator", { key: "aa78d0974d415d3dbd41aeb2b2937be49d2fdd47", spacing: this.separatorSpacing }), e("div", { key: "e7af55894d7013bf3841ed48e564bf6cd25e6125", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "7a0790f8ff823df1006ab50f2eb414ea8f68877e", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("swirl-stack", { key: "16de598d7e6ce97a002f0d175c4a8d705896a854", spacing: this.spacing, align: "stretch" }, e("slot", { key: "1c5d1d53315a676d9b6afc70f75342e4d2e7e8e3" }))));
   }
 };
 l.style = o;

package/dist/{swirl-option-list_2.entry.101bf1c1.js → swirl-option-list_2.entry.27c5db5a.js}

@@ -1,4 +1,4 @@
-import { r as c, c as o, h as a, H as d, g } from "./index.0cee1557.js";
+import { r as c, c as o, h as a, H as d, g } from "./index.c5f42b7b.js";
 import { S as m } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { c as n, q as l } from "./utils-877a768f.c277f897.js";
 import { c as f } from "./index-267776a4.6beb4f4b.js";
@@ -181,7 +181,7 @@ const v = ".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: "9880668f570d3c4a89349ae7493b820eb462f2db" }, a("swirl-visually-hidden", { key: "e85b4feb4698ed178759097292f2a2994d5415fb", role: "alert" }, this.assistiveText), a("div", { key: "ae29f4e6556afabd95c02f1b01aed43c02340e61", "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: "d6b4bb50349c03efc4dae7acf26295371effd705", onSlotchange: this.setSectionSeparator })));
+    return a(d, { key: "c295e826b7817975f6fcae3fd9624f13b238ffaf" }, a("swirl-visually-hidden", { key: "1d3e7d4bd101e0d57fd17e9212fc8b6f78a08e42", role: "alert" }, this.assistiveText), a("div", { key: "5ae0a2f8f62f9142dd94f3da82605e7ece08c3a8", "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: "e954eaa8bbfa83502371c1869e0269b009b3a82d", onSlotchange: this.setSectionSeparator })));
   }
   get el() {
     return g(this);
@@ -222,7 +222,7 @@ const I = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-bo
   }
   render() {
     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: "a1f2f0ad84547ea62b11ad4340aeef072c405bda" }, a("span", { key: "49cd19c19c6589e905918b9f7361c67e7926f750", class: e, part: "tag" }, this.icon && a("span", { key: "aac560c02e88365dd5fa63704a11621ad4ef434f", class: "tag__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), a("span", { key: "9bf2deccf5aec4f08ceef5f84d1953877122b188", class: "tag__label" }, this.label), this.removable && a("button", { key: "3f28e71afe4092df5ba593a06f5d96636bf5c04e", "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: "7962ddb75c8dfa7a93025318ea0ca27146ec5a81", size: 16 }))));
+    return a(d, { key: "47c30c429b8e910b006b21f6e39753a710ff7425" }, a("span", { key: "91c7946323875360ac053a28a83849b669d35913", class: e, part: "tag" }, this.icon && a("span", { key: "000de8f304e3accd6d3647e9934063fc8cd7da05", class: "tag__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), a("span", { key: "cadd70a25bbd6214719275f8a24aa2882c0e90d1", class: "tag__label" }, this.label), this.removable && a("button", { key: "5278b9fceb383c5854c6053d943da4e4171551fd", "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: "76b23763ac812f53e4caa07a94094982847d0525", size: 16 }))));
   }
   get el() {
     return g(this);

package/dist/{swirl-pagination.entry.8540571e.js → swirl-pagination.entry.d1b8bb7d.js}

@@ -1,9 +1,9 @@
-import { r as l, c as s, h as e, H as r } from "./index.0cee1557.js";
+import { r as l, c as s, h as e, H as r } from "./index.c5f42b7b.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
-import { d as g } from "./utils-877a768f.c277f897.js";
+import { d as c } from "./utils-877a768f.c277f897.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 = (i) => {
       i.target.select();
@@ -20,7 +20,7 @@ const c = ":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;
     }, this.onPageInput = () => {
       let i = +this.pageInput.value;
       isNaN(i) ? (i = this.page, this.pageInput.value = String(i)) : i > this.pages ? (i = this.pages, this.pageInput.value = String(i)) : i < 1 && (i = 1, this.pageInput.value = String(i)), this.page !== i && this.onPageUpdate(i);
-    }, this.onPageUpdate = g((i) => {
+    }, this.onPageUpdate = c((i) => {
       this.setPage.emit(i);
     }, 500), this.onPageSizeSelect = (i) => {
       const t = +i.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", i = this.variant === "advanced", t = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`, o = p("pagination", `pagination--variant-${this.variant}`);
-    return e(r, { key: "84da59d062173605db91d1f72d9706aec9588d4f" }, e("nav", { key: "48d208cefad2385ae7acd8684c217976a885c10c", "aria-label": this.label, class: o }, e("ul", { key: "66e23bb51076416401b9ade13422dab37d3e8e0b", class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && e("li", { key: "408728e3e75b2601a520bf6839db229e16cd53de", class: "pagination__list-item" }, e("label", { key: "dc355e2bd8188a4d9ca2466ad447de5444ab48e4", class: "pagination__page-size-selection" }, e("swirl-text", { key: "461b7edbce179efc09e5e0984d65ae41c9ae78bb", whiteSpace: "inherit" }, this.pageSizeSelectLabel), e("swirl-stack", { key: "f5e43e13a30e82d632b18ab9827f1c5375d44ba9", align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, e("select", { key: "6d02a992675e54b3d55de4e55821cbd39d2e9e48", class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((a) => e("option", { key: a, selected: a === this.pageSize, value: a }, a))), e("swirl-icon-expand-more", { key: "33bb9594ff0aab4508ef5b2c7950e0a8805454d8", "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 })))), e("li", { key: "469b0a360208a4168c9d85cf392503a957f083a5", class: "pagination__list-item" }, e("swirl-button", { key: "189251e369955b1d270b6bd4214c9ff1285917d1", 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: "d86b48d2c5058b25bd801d98f0c7de9d1d2c58c8", class: "pagination__list-item" }, e("swirl-button", { key: "3694fdb107b3e4dd46a2ef516cfb593728f6995c", 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, i ? 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: (a) => this.pageInput = a, 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: "75fdc6ca0d05d0a149841ac1ab496eadd12d13ea", class: "pagination__list-item" }, e("swirl-button", { key: "1dcc344b3457dbfbbfdfd7d2c2e371e0df9ba72b", 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: "02dcd257fcb5fe83a0dbe2502504fa4fef78c8f4", class: "pagination__list-item" }, e("swirl-button", { key: "527c5f16f804a7a1c6b393860e1b0e6af144cb6f", 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: "08c165e0dd8f22f1dd462079afbb904e3f7f50b3" }, e("nav", { key: "c6fc744fcc8ae4f67f6a5e655ca974962c5cb515", "aria-label": this.label, class: o }, e("ul", { key: "ee19e8b5b81e9fdf26b0be2a9ac1b277a8d4629a", class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && e("li", { key: "eb039a282c427edb7ea44fd2af641b3f88ea1342", class: "pagination__list-item" }, e("label", { key: "7fb991ffd443fe256914638308dee16108ce14f6", class: "pagination__page-size-selection" }, e("swirl-text", { key: "6c02e7b3c8f4b2fc308cdba23cfb75c8bdbb370b", whiteSpace: "inherit" }, this.pageSizeSelectLabel), e("swirl-stack", { key: "c3941c2f196618e857fff5d7056ff4634a51ea0e", align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, e("select", { key: "073e9ede82d16fc9b1a118f428c03b507dd969c7", class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((a) => e("option", { key: a, selected: a === this.pageSize, value: a }, a))), e("swirl-icon-expand-more", { key: "ea7208c33ebd133e84d5e518140bb58137f12bfe", "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 })))), e("li", { key: "98269dd12133ccf1f48b118aec35d730d0ff05e0", class: "pagination__list-item" }, e("swirl-button", { key: "023beef078ddc519c1ac3806a99d9622246842ed", 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: "6c61b9fef4793d02fbf6f8cc872a73aca704721b", class: "pagination__list-item" }, e("swirl-button", { key: "57440dfac7ee40a3cf58a1078227b228707949e8", 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, i ? 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: (a) => this.pageInput = a, 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: "d419d0a1786dfc70389d218299656a495cfcb8f6", class: "pagination__list-item" }, e("swirl-button", { key: "d2bfc26fdeba915ed92bdae39b7a7dfa29b03de3", 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: "c86fb75f20ee6ec5b5d0299df3c501e8e798b8c6", class: "pagination__list-item" }, e("swirl-button", { key: "79bfcd72e7a97dc01d4ac4bd2531960b618208d8", 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;