@getflip/swirl-components-react 0.214.0 → 0.215.0

package/dist/{swirl-icon-web-asset.entry.622c19d1.js → swirl-icon-web-asset.entry.19bb4372.js}

@@ -1,19 +1,19 @@
-import { r as o, h as e, F as i } from "./index.ba2d0a89.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
+import { r as c, h as s, F as i } from "./index.505fc846.js";
+import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const a = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", d = a, n = class {
-  constructor(s) {
-    o(this, s), this.color = void 0, this.size = 24;
+const r = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", n = r, l = class {
+  constructor(e) {
+    c(this, e), this.color = void 0, this.size = 24;
   }
   render() {
-    const s = this.size === 20 ? 24 : this.size, t = {
+    const e = this.size === 20 ? 24 : this.size, t = {
       color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, c = r("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "5cf45c81e722fce1e86ce02bc54dbc7b206e400f", "aria-hidden": "true", class: c, 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: "cdd4c80e32d7a66fd1561fb4cf059dea19d25344" }, e("path", { key: "e1ff52fed5af17b6130fe0ccb287ed2af9a03e3b", d: "M2.66665 13.3332C2.29998 13.3332 1.98609 13.2026 1.72498 12.9415C1.46387 12.6804 1.33331 12.3665 1.33331 11.9998V3.99984C1.33331 3.63317 1.46387 3.31928 1.72498 3.05817C1.98609 2.79706 2.29998 2.6665 2.66665 2.6665H13.3333C13.7 2.6665 14.0139 2.79706 14.275 3.05817C14.5361 3.31928 14.6666 3.63317 14.6666 3.99984V11.9998C14.6666 12.3665 14.5361 12.6804 14.275 12.9415C14.0139 13.2026 13.7 13.3332 13.3333 13.3332H2.66665ZM2.66665 11.9998H13.3333V5.33317H2.66665V11.9998Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(i, { key: "bc60f04d43a19d468254b06322740b43e8f3998f" }, e("path", { key: "ec3b6019608f83006080e9dc17caca5805dde5a0", d: "M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM4 18H20V8H4V18Z", fill: "currentColor" })), this.size === 28 && e(i, { key: "d42232cd935f0f3c7b6ad09601d714d2c1b5f8d1" }, e("path", { key: "0d62161e4cab62d3e0bca4440ba7687fe150478b", d: "M4.66665 23.3332C4.02498 23.3332 3.47567 23.1047 3.01873 22.6478C2.56179 22.1908 2.33331 21.6415 2.33331 20.9998V6.99984C2.33331 6.35817 2.56179 5.80886 3.01873 5.35192C3.47567 4.89498 4.02498 4.6665 4.66665 4.6665H23.3333C23.975 4.6665 24.5243 4.89498 24.9812 5.35192C25.4382 5.80886 25.6666 6.35817 25.6666 6.99984V20.9998C25.6666 21.6415 25.4382 22.1908 24.9812 22.6478C24.5243 23.1047 23.975 23.3332 23.3333 23.3332H4.66665ZM4.66665 20.9998H23.3333V9.33317H4.66665V20.9998Z", fill: "currentColor" })));
+    }, a = o("swirl-icon", `swirl-icon--size-${this.size}`);
+    return s("svg", { key: "6c5329ae4c79b3bcb9da44559467ac4863b2c900", "aria-hidden": "true", class: a, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && s(i, { key: "1927262d3e9a2f41c9f1a1a3cd6384851eb4a52b" }, s("path", { key: "875a708742098962d330701b5208801cd244b783", d: "M2.66665 13.3332C2.29998 13.3332 1.98609 13.2026 1.72498 12.9415C1.46387 12.6804 1.33331 12.3665 1.33331 11.9998V3.99984C1.33331 3.63317 1.46387 3.31928 1.72498 3.05817C1.98609 2.79706 2.29998 2.6665 2.66665 2.6665H13.3333C13.7 2.6665 14.0139 2.79706 14.275 3.05817C14.5361 3.31928 14.6666 3.63317 14.6666 3.99984V11.9998C14.6666 12.3665 14.5361 12.6804 14.275 12.9415C14.0139 13.2026 13.7 13.3332 13.3333 13.3332H2.66665ZM2.66665 11.9998H13.3333V5.33317H2.66665V11.9998Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && s(i, { key: "2833e4554b502448332593c6ea9564c7a1b45aa8" }, s("path", { key: "8604b8497e50e72bd8f543d400e8a913ed30af99", d: "M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM4 18H20V8H4V18Z", fill: "currentColor" })), this.size === 28 && s(i, { key: "5962992cda80118f05d76aa80f9b01a05acb7338" }, s("path", { key: "582c4f45760f97e95c63c984fd6c56baa2aa3406", d: "M4.66665 23.3332C4.02498 23.3332 3.47567 23.1047 3.01873 22.6478C2.56179 22.1908 2.33331 21.6415 2.33331 20.9998V6.99984C2.33331 6.35817 2.56179 5.80886 3.01873 5.35192C3.47567 4.89498 4.02498 4.6665 4.66665 4.6665H23.3333C23.975 4.6665 24.5243 4.89498 24.9812 5.35192C25.4382 5.80886 25.6666 6.35817 25.6666 6.99984V20.9998C25.6666 21.6415 25.4382 22.1908 24.9812 22.6478C24.5243 23.1047 23.975 23.3332 23.3333 23.3332H4.66665ZM4.66665 20.9998H23.3333V9.33317H4.66665V20.9998Z", fill: "currentColor" })));
   }
 };
-n.style = d;
+l.style = n;
 export {
-  n as swirl_icon_web_asset
+  l as swirl_icon_web_asset
 };

package/dist/{swirl-icon-work.entry.4b0be21c.js → swirl-icon-work.entry.d781f845.js}

@@ -1,16 +1,16 @@
-import { r as o, h as e, F as i } from "./index.ba2d0a89.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
+import { r as o, h as e, F as i } from "./index.505fc846.js";
+import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const a = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", C = a, n = class {
+const r = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", C = r, n = class {
   constructor(s) {
     o(this, s), this.color = void 0, this.size = 24;
   }
   render() {
     const s = this.size === 20 ? 24 : this.size, t = {
       color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, c = r("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "671f13e31f3d4b90a0cbf723a39ae72e76119ebf", "aria-hidden": "true", class: c, 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: "206ad86571a761efd0725b52ed50d660176ac083" }, e("path", { key: "fd552cbe92b4f43c0b134c727905afdd8116a672", 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: "42911391f42ef653367433b9535e3510b1331b87" }, e("path", { key: "61d16acb671cab50eeb29c0c68cb218c0da04fb3", 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: "5c3b3ef92bbc288d3f5bb8caa2221fc8616b2a83" }, e("path", { key: "3120e236dcb8fdc3146bb11be97cf280a70c6f94", 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" })));
+    }, a = c("swirl-icon", `swirl-icon--size-${this.size}`);
+    return e("svg", { key: "dcfb8c7516469f3031d6aa34b0a6ef3491f84286", "aria-hidden": "true", class: a, 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: "e37d3e349e2b15b882004dc615517ff546d9ba7c" }, e("path", { key: "957a4afcebbfe1fa815bee83b67a571406225964", 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: "9111eadcfb8f6da5730f0a0aa3b8291c12e8c3dc" }, e("path", { key: "941ebb89a11eb50cb04b6656cabdb584781c214f", 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: "7fb3b8a13eeb9d68aa2eaf6c9e5d804addb7816b" }, e("path", { key: "c0823dc0a18a69c3605edade63989f2d14e88065", 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 = C;

package/dist/{swirl-icon.entry.e678f860.js → swirl-icon.entry.670c782d.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as o } from "./index.ba2d0a89.js";
+import { r as t, h as s, H as o } from "./index.505fc846.js";
 import "react";
 import "react-dom";
 const e = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", r = e, n = class {

package/dist/{swirl-image-grid-item.entry.725a7de2.js → swirl-image-grid-item.entry.a67d3558.js}

@@ -1,10 +1,10 @@
-import { r as n, c as r, h as e, H as d, g as l } from "./index.ba2d0a89.js";
-import { c } from "./index-267776a4.6beb4f4b.js";
+import { r as l, c as s, h as e, H as c, g } from "./index.505fc846.js";
+import { c as b } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const g = ':host{display:block;width:100%;min-height:0}:host *{box-sizing:border-box}:host(:not(:only-child)) .image-grid-item__background{display:none}:host(:not(:only-child)) .image-grid-item__image{-o-object-fit:cover;object-fit:cover}:host(:only-child) button.image-grid-item:focus-visible:before,:host(:only-child) button.image-grid-item:focus-visible:after{border-radius:var(--s-border-radius-sm)}:host([data-sibling-count="2"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="2"]:nth-child(1)) button.image-grid-item:focus-visible:after,:host([data-sibling-count="3"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="3"]:nth-child(1)) button.image-grid-item:focus-visible:after{border-top-left-radius:var(--s-border-radius-sm);border-bottom-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count="2"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="2"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm);border-bottom-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count="3"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="3"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count="3"]:nth-child(3)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="3"]:nth-child(3)) button.image-grid-item:focus-visible:after{border-bottom-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count="4"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="4"]:nth-child(1)) button.image-grid-item:focus-visible:after{border-top-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count="4"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="4"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count="4"]:nth-child(3)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="4"]:nth-child(3)) button.image-grid-item:focus-visible:after{border-bottom-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count="4"]:nth-child(4)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="4"]:nth-child(4)) button.image-grid-item:focus-visible:after{border-bottom-right-radius:var(--s-border-radius-sm)}:host(:nth-child(n+5)){display:none}.image-grid-item{position:relative;display:inline-flex;overflow:hidden;width:100%;height:100%}button.image-grid-item{padding:0;border:none;background-color:transparent;cursor:pointer}button.image-grid-item:focus{outline:none}button.image-grid-item:focus-visible:before{content:"";position:absolute;inset:0;border:0.125rem solid var(--s-focus-default);z-index:3}button.image-grid-item:focus-visible:after{content:"";position:absolute;inset:0;border:0.1875rem solid var(--s-background-default);z-index:2}.image-grid-item--has-error .image-grid-item__image{display:none}.image-grid-item--has-overlay .image-grid-item__image{scale:1.1;filter:blur(5px)}.image-grid-item__background{position:absolute;background-size:cover;inset:-40px;filter:blur(20px)}.image-grid-item__image{z-index:1;display:inline-flex;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.image-grid-item__loading-placeholder{display:inline-flex;width:100%;height:100%}.image-grid-item__icon{position:absolute;z-index:1;top:50%;left:50%;display:flex;width:3rem;height:3rem;justify-content:center;align-items:center;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);transform:translate3d(-50%, -50%, 0)}.image-grid-item__icon ::part(icon){width:2rem;height:2rem}.image-grid-item__overlay{position:absolute;z-index:2;display:flex;justify-content:center;align-items:center;color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.4);font-size:var(--s-font-size-2xl);inset:0}.image-grid-item__spinner{position:absolute;z-index:3;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.4);inset:0}.image-grid-item__error{position:absolute;z-index:3;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.1);inset:0}', h = g, b = class {
+const h = ':host{display:block;width:100%;min-height:0}:host *{box-sizing:border-box}:host(:not(:only-child)) .image-grid-item__background{display:none}:host(:not(:only-child)) .image-grid-item__image{-o-object-fit:cover;object-fit:cover}:host(:only-child) button.image-grid-item:focus-visible:before,:host(:only-child) button.image-grid-item:focus-visible:after{border-radius:var(--s-border-radius-sm)}:host([data-sibling-count="2"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="2"]:nth-child(1)) button.image-grid-item:focus-visible:after,:host([data-sibling-count="3"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="3"]:nth-child(1)) button.image-grid-item:focus-visible:after{border-top-left-radius:var(--s-border-radius-sm);border-bottom-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count="2"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="2"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm);border-bottom-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count="3"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="3"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count="3"]:nth-child(3)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="3"]:nth-child(3)) button.image-grid-item:focus-visible:after{border-bottom-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count="4"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="4"]:nth-child(1)) button.image-grid-item:focus-visible:after{border-top-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count="4"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="4"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count="4"]:nth-child(3)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="4"]:nth-child(3)) button.image-grid-item:focus-visible:after{border-bottom-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count="4"]:nth-child(4)) button.image-grid-item:focus-visible:before,:host([data-sibling-count="4"]:nth-child(4)) button.image-grid-item:focus-visible:after{border-bottom-right-radius:var(--s-border-radius-sm)}:host(:nth-child(n+5)){display:none}.image-grid-item{position:relative;display:inline-flex;overflow:hidden;width:100%;height:100%}button.image-grid-item{padding:0;border:none;background-color:transparent;cursor:pointer}button.image-grid-item:focus{outline:none}button.image-grid-item:focus-visible:before{content:"";position:absolute;inset:0;border:0.125rem solid var(--s-focus-default);z-index:3}button.image-grid-item:focus-visible:after{content:"";position:absolute;inset:0;border:0.1875rem solid var(--s-background-default);z-index:2}.image-grid-item--has-error .image-grid-item__image{display:none}.image-grid-item--has-overlay .image-grid-item__image{scale:1.1;filter:blur(5px)}.image-grid-item__background{position:absolute;background-size:cover;inset:-40px;filter:blur(20px)}.image-grid-item__image{z-index:1;display:inline-flex;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.image-grid-item__loading-placeholder{display:inline-flex;width:100%;height:100%}.image-grid-item__icon{position:absolute;z-index:1;top:50%;left:50%;display:flex;width:3rem;height:3rem;justify-content:center;align-items:center;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);transform:translate3d(-50%, -50%, 0)}.image-grid-item__icon ::part(icon){width:2rem;height:2rem}.image-grid-item__overlay{position:absolute;z-index:2;display:flex;justify-content:center;align-items:center;color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.4);font-size:var(--s-font-size-2xl);inset:0}.image-grid-item__spinner{position:absolute;z-index:3;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.4);inset:0}.image-grid-item__error{position:absolute;z-index:3;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.1);inset:0}', m = h, u = class {
   constructor(i) {
-    n(this, i), this.imageError = r(this, "imageError", 7), this.imageLoad = r(this, "imageLoad", 7), this.onLoad = () => {
+    l(this, i), this.imageError = s(this, "imageError", 7), this.imageLoad = s(this, "imageLoad", 7), this.onLoad = () => {
       this.error = !1, this.loaded = !0, this.imageLoad.emit();
     }, this.onError = () => {
       this.loaded = !0, this.error = !0, this.imageError.emit();
@@ -31,19 +31,20 @@ const g = ':host{display:block;width:100%;min-height:0}:host *{box-sizing:border
     this.inViewport = i.some((t) => t.isIntersecting);
   }
   render() {
-    const i = this.interactive ? "button" : "div", t = !Boolean(this.loading) || this.loading === "eager" || this.loaded && (this.loading !== "intersecting" || this.inViewport), o = Math.min(this.el.parentElement.children.length, 4), s = c("image-grid-item", {
+    var r, o;
+    const i = this.interactive ? "button" : "div", t = !Boolean(this.loading) || this.loading === "eager" || this.loaded && (this.loading !== "intersecting" || this.inViewport), a = (o = Math.min((r = this.el.parentElement) == null ? void 0 : r.children.length, 4)) != null ? o : 1, n = b("image-grid-item", {
       "image-grid-item--has-error": this.error,
       "image-grid-item--has-overlay": this.overlay
     });
-    return e(d, { key: "bc83e8bde1434a291081edc63916d031dd808dd8", "data-sibling-count": o, role: "listitem" }, e(i, { key: "e4be8f4d2e4316a494943f071d9f56ebe1113265", class: s, type: this.interactive ? "button" : void 0 }, e("div", { key: "a7f4b1466d5250f8e1582418a45e7800be851953", class: "image-grid-item__background", style: {
+    return e(c, { key: "b25451126af6c6ba7a76e332fca5bc423a9e8e23", "data-sibling-count": a, role: "listitem" }, e(i, { key: "fc6a98462116edc25700f6e889ec2222cf400bb2", class: n, type: this.interactive ? "button" : void 0 }, e("div", { key: "789f06c4283a412cc9f159049bbeded164fd6e95", class: "image-grid-item__background", style: {
       backgroundImage: t ? `url(${this.src})` : void 0
-    } }), this.loading !== "intersecting" || this.inViewport ? e("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : void 0, onError: this.onError, onLoad: this.onLoad, ref: (a) => this.img = a, src: this.src }) : e("div", { class: "image-grid-item__loading-placeholder" }), this.loaded && !this.error && this.icon && !Boolean(this.overlay) && e("div", { key: "2696c16db65651e944cde6473b8031b8aed7809c", class: "image-grid-item__icon", innerHTML: this.icon }), this.overlay && e("div", { key: "bc7d05a163912c28c4ff9bb3b7fe8e0519f313e8", class: "image-grid-item__overlay" }, this.overlay), !this.loaded && e("div", { key: "f051267cefada932da429237d1d155925c5806f9", class: "image-grid-item__spinner" }, e("swirl-spinner", { key: "397c21531eee51137c4ce5ca374060d8cf55f097" })), this.loaded && this.error && e("div", { key: "5fe82031e13519ddb252d9e2fb6f5fa0f93eead8", class: "image-grid-item__error" }, e("swirl-icon-error", { key: "c11ed7910a57853c95b7a54428f8a6acd59f8eac", color: "critical" }))));
+    } }), this.loading !== "intersecting" || this.inViewport ? e("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : void 0, onError: this.onError, onLoad: this.onLoad, ref: (d) => this.img = d, src: this.src }) : e("div", { class: "image-grid-item__loading-placeholder" }), this.loaded && !this.error && this.icon && !Boolean(this.overlay) && e("div", { key: "0a1276a6db0e1dd92455d0c2e23bcb803ccfa0ba", class: "image-grid-item__icon", innerHTML: this.icon }), this.overlay && e("div", { key: "7820b52a5852ec33bb7586dbe88e2bc7c2c61113", class: "image-grid-item__overlay" }, this.overlay), !this.loaded && e("div", { key: "042ff676f92c5d1aa4ad4e09fccba98f53c2b728", class: "image-grid-item__spinner" }, e("swirl-spinner", { key: "9595ca25424fe372fe1173f2359de44a70ede492" })), this.loaded && this.error && e("div", { key: "7d8867765317c297c7c3aed2845ec4341d4fbdef", class: "image-grid-item__error" }, e("swirl-icon-error", { key: "53a1a9217153e67b8fc70ead9d1a769d73f2e334", color: "critical" }))));
   }
   get el() {
-    return l(this);
+    return g(this);
   }
 };
-b.style = h;
+u.style = m;
 export {
-  b as swirl_image_grid_item
+  u as swirl_image_grid_item
 };

package/dist/{swirl-image-grid.entry.f5a670c6.js → swirl-image-grid.entry.43b5d95e.js}

@@ -1,10 +1,10 @@
-import { r as i, h as t, H as s, g as a } from "./index.ba2d0a89.js";
+import { r as i, h as t, H as a, g as s } from "./index.505fc846.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, calc(50% - var(--s-space-2) / 2))}.image-grid--item-count-3{grid-template-columns:calc(100% / 3 * 2 - var(--space-2) / 2) calc(
+const c = `: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 - var(--space-2) / 2) calc(
       100% / 3 - 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 = class {
+    )}.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 = c, d = class {
   constructor(e) {
     i(this, e), this.updateItems = () => {
       this.items = Array.from(this.el.children), this.items.length > 4 && (this.items[3].overlay = `+${this.items.length - 4}`);
@@ -15,13 +15,13 @@ const d = `:host{display:block}:host *{box-sizing:border-box}.image-grid{display
   }
   render() {
     const e = r("image-grid", `image-grid--item-count-${Math.min(4, this.items.length)}`);
-    return t(s, { key: "3165a3edf95524d68811160a1fbe8773ffb2dfe3" }, t("div", { key: "db9389a17b391eb07a7cfa67db65389335dda642", "aria-label": this.label, class: e, role: "list", style: { aspectRatio: this.aspectRatio } }, t("slot", { key: "b6fe1bd41900b6589023675e2722723705e89f3d", onSlotchange: this.updateItems })));
+    return t(a, { key: "a2d6a77a82226db844b21118c6042c9efa960531" }, t("div", { key: "e1f57f636073578ae510abdcc87a3a492030cd9f", "aria-label": this.label, class: e, role: "list", style: { aspectRatio: this.aspectRatio } }, t("slot", { key: "e7e88d0aae8b68eb1cc6521f5330dd5029e8a12c", onSlotchange: this.updateItems })));
   }
   get el() {
-    return a(this);
+    return s(this);
   }
 };
-m.style = l;
+d.style = l;
 export {
-  m as swirl_image_grid
+  d as swirl_image_grid
 };

package/dist/{swirl-inline-notification.entry.5d61414b.js → swirl-inline-notification.entry.1d8fb8e8.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, H as t } from "./index.ba2d0a89.js";
+import { r as e, h as i, H as t } from "./index.505fc846.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-inline-status.entry.7cbda6c9.js → swirl-inline-status.entry.f0032600.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.ba2d0a89.js";
+import { r as e, h as n, H as a } from "./index.505fc846.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import { g as r } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";

package/dist/{swirl-lightbox.entry.979dfd5b.js → swirl-lightbox.entry.dbba174a.js}

@@ -1,5 +1,5 @@
-import { r as h, h as i, H as b, g as f } from "./index.ba2d0a89.js";
-import { d as u, e as g } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
+import { r as h, h as i, H as b, g as u } from "./index.505fc846.js";
+import { d as f, e as g } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as m } from "./index-267776a4.6beb4f4b.js";
 import { c as p } from "./focus-trap.esm-49c9613c.db20abcc.js";
 import { q as x } from "./utils-9b747dd7.4c4c7dc0.js";
@@ -113,7 +113,7 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
     return (t = this.slides[this.activeSlideIndex]) == null ? void 0 : t.thumbnailUrl;
   }
   lockBodyScroll() {
-    u(this.el);
+    f(this.el);
   }
   unlockBodyScroll() {
     g(this.el);
@@ -137,10 +137,10 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
       "lightbox--hide-menu": !s,
       "lightbox--hide-toolbar": !n
     });
-    return i(b, { key: "0d7192c1b6cca4dfe3dbceb6cec2c0e3522299ad", onKeydown: this.onKeyDown }, i("section", { key: "93aaa20b3449be3baabbba05c737d74106dba815", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: d, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (l) => this.modalEl = l, role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, i("div", { key: "2e764b47ce5f4cdc7b6660e0ac53bb3829de8add", class: "lightbox__body", role: "document" }, i("header", { key: "8f7c1f5df2f05e1e4d591f3dbb934bcf9b9d6208", class: "lightbox__header" }, i("button", { key: "88b34986224cae85b4c5cc750ec5dafceccdd2ad", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, i("swirl-icon-close", { key: "3719b250dbd899c96f33d3a2620067219b837d5f" })), i("div", { key: "1b6e4f349ccf62f8057ae45064371ee586e8be59", class: "lightbox__toolbar" }, i("slot", { key: "447bc94a069b536ff6bd4ded885bcccd436e3972", name: "toolbar" })), !this.hideMenu && i("swirl-popover-trigger", { key: "989119a258fbe54891d1e40a84aa448c8b151fea", swirlPopover: this.menu }, i("button", { key: "12488bccf6faacbf2413a97934fa985225a12809", "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, i("swirl-icon-more-vertikal", { key: "ba4fab748a9e6082b31daad32f9a2de054c11dec" })))), i("div", { key: "87a719c5dc9194999ffe3d47606ff9651e9aacfd", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, i("div", { key: "28d013d9cdedd08e3a5bac2af727aa005b589363", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (l) => this.slidesContainer = l }, i("slot", { key: "ca2e6f5e40bd33e09638111cdcda8ee3ac6fc900", onSlotchange: this.registerSlides }))), i("div", { key: "bcfff47b3f4876a89f68a770ebc1bdc29c4c2584", class: "lightbox__controls" }, i("button", { key: "854bba2815ccc990a5f6d789cd6bb431eef98d77", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, i("swirl-icon-arrow-left", { key: "2eacc012ee70095a67ce158c99ec21ddfbf6acf3" })), i("button", { key: "48e10d69f9ac51d6571dcdcd3d48b85ea0e97481", "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: "3734eee2b4b3ebd73ceaf887cfa38f16737c14e3" }))), t && i("span", { key: "159424897a25ccca9165c813fda3197087941c95", class: "lightbox__pagination" }, i("span", { key: "f84c36954cec1f08c1ae01df7b532a9b2e9b3846", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && i("swirl-popover", { key: "ca77dbf34b2dcd0c8057b9684a4076932f3c260b", animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (l) => this.menu = l }, i("swirl-stack", { key: "239c63e1ee995eb1307e2ddc134f091f8017452c" }, i("div", { key: "212f28efb9e7f998d9111f02ccc31c86b4efe77d", class: "lightbox__meta" }, o && i("div", { key: "f2abf4285a34bfd8e4fb92613e38e91f05fb53e7", class: "lightbox__thumbnail" }, i("swirl-thumbnail", { key: "1b8ad23091f84efee0420d9444320f9a6d21fe40", alt: "", src: o })), i("div", { key: "6308ed6b15fcb2d06daa82cbf3181a89a8ea6908", class: "lightbox__file-info" }, i("swirl-text", { key: "e7f8da8afe8679c97633915b6c1171c6c277dba3", truncate: !0, weight: "semibold" }, e), i("swirl-text", { key: "14660142e1ec310c019d0d22defffac30997513e", color: "subdued", size: "sm", truncate: !0 }, a))), s && i("swirl-separator", { key: "f21121276d529b33a881a503678ebad6ec4a8f8d" }), i("swirl-action-list", { key: "33c76391b4081f4c130c8fbe37b9e0499f63382e" }, this.downloadButtonEnabled && i("swirl-action-list-item", { key: "87ff2d58a732c5efbc79884377b1d81af540dfc4", icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), i("slot", { key: "e81d6a601b604a5d2f8fc99bbdb7e48745e8e3b4", name: "menu-items" }))))));
+    return i(b, { key: "b2c528a55db10e39f719a1297a668ccc14f7d4b8", onKeydown: this.onKeyDown }, i("section", { key: "141e8d038d181d50972d87007e7f340f4bbc3b8a", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: d, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (l) => this.modalEl = l, role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, i("div", { key: "0d6aeb1db81893da920695bc44f6dbd4f6c5af9f", class: "lightbox__body", role: "document" }, i("header", { key: "f2873ff270cb452cae48093969f9ec50ad23a308", class: "lightbox__header" }, i("button", { key: "75b8bb90937547919c521ecfbd9e8e8220b2f282", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, i("swirl-icon-close", { key: "549f3045ce04f01e81d33327981f9913ee4c7d22" })), i("div", { key: "554e8d30dea26b2546143b8e9d0b274083cd2b7b", class: "lightbox__toolbar" }, i("slot", { key: "f336c3e17cd84e2a29ca1073a763d4bb05a3973a", name: "toolbar" })), !this.hideMenu && i("swirl-popover-trigger", { key: "3ea8fd41876f15c52b779b0d3a05ee715e25f06e", swirlPopover: this.menu }, i("button", { key: "1ed52232009befd85a15b920dcd6ef8d7043da06", "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, i("swirl-icon-more-vertikal", { key: "77fefea588fd405e92d3b2e53876cb71d83aa8ac" })))), i("div", { key: "e418c9bf771cf03db5bbe154709274eef1503b93", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, i("div", { key: "6ff63f29e8a4d9a612823cfe639053b49ddb5d9a", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (l) => this.slidesContainer = l }, i("slot", { key: "d44f0e0411aadfcd801da96570bb5b817d8b1dda", onSlotchange: this.registerSlides }))), i("div", { key: "f1266f45fd20a40382d7d8a45da2d2b2128351d2", class: "lightbox__controls" }, i("button", { key: "f18cdb912eeb0b094eed77ee8ddfaccf48af2651", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, i("swirl-icon-arrow-left", { key: "a3c98060c0d261ef0cce168c44c4983959bba996" })), i("button", { key: "7112162d92c25a62d65ea572d520f3d0ae3de690", "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: "7de9cd7ba36f6a869e3051a9262d2597ea80f1a8" }))), t && i("span", { key: "dd2fdf8ad7d6c88a4c5f98b6db4395878ca26bd9", class: "lightbox__pagination" }, i("span", { key: "90f87cece0b826ad1ad3e5d14c75c567ea501fbd", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && i("swirl-popover", { key: "12075d23e69101234a4f52ce68c1f9ee4ee3371d", animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (l) => this.menu = l }, i("swirl-stack", { key: "5e43f4e21b5e0177fb6a038f67f8b0b961199b2e" }, i("div", { key: "faa67098c775b4624be3adf921907879119beee3", class: "lightbox__meta" }, o && i("div", { key: "e7fcb3ad8f7f928483fd31ccae59a6830e107eb5", class: "lightbox__thumbnail" }, i("swirl-thumbnail", { key: "fc56a49628fbd0a30fa9fcedf04fb7d728706a15", alt: "", src: o })), i("div", { key: "2e70aff7b224959ec17062d16edeb85b14b75658", class: "lightbox__file-info" }, i("swirl-text", { key: "bbc588f9d30eb5ff8d38549a43ce1987cf1eabe9", truncate: !0, weight: "semibold" }, e), i("swirl-text", { key: "dffa5b1878443eba7a5baea32f033feffb73d1fe", color: "subdued", size: "sm", truncate: !0 }, a))), s && i("swirl-separator", { key: "5a95e4575d14c6556875217cd5bdcad3c836fcb4" }), i("swirl-action-list", { key: "9e30e0f77b5ef9d4925b0f3ad1ab1cd8982a9270" }, this.downloadButtonEnabled && i("swirl-action-list-item", { key: "344a6edd68d03974522e442078d947dc366b7f33", icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), i("slot", { key: "10918094e253e36235476ec919937e9a1e6d7740", name: "menu-items" }))))));
   }
   get el() {
-    return f(this);
+    return u(this);
   }
 };
 _.style = v;

package/dist/{swirl-link.entry.e94df60e.js → swirl-link.entry.c9685c76.js}

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

package/dist/{swirl-list.entry.8ed7bf32.js → swirl-list.entry.4f7c1b30.js}

@@ -1,15 +1,15 @@
-import { r as l, h as e, H as r } from "./index.ba2d0a89.js";
+import { r as l, h as i, H as r } from "./index.505fc846.js";
 import "react";
 import "react-dom";
 const s = ':host{display:block}:host *{box-sizing:border-box}.swirl-list{line-height:var(--s-line-height-base)}.swirl-list ul,.swirl-list ol{margin:0;padding:0;list-style-position:outside;list-style-type:none}.swirl-list ul li{padding-left:1.5rem}.swirl-list ul li:before{display:inline-block;width:1.5rem;margin-left:-1.5rem;text-align:center;content:"\u2022"}.swirl-list ol{counter-reset:item}.swirl-list ol ol{counter-reset:letter}.swirl-list ol ol li:before{content:counter(letter, lower-alpha) ".";counter-increment:letter}.swirl-list ol li{padding-left:1.5rem}.swirl-list ol li:before{display:inline-block;min-width:1.5rem;margin-left:-1.5rem;padding-right:var(--s-space-8);text-align:right;content:counter(item) ".";counter-increment:item;font-variant-numeric:tabular-nums}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.swirl-list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}', n = s, o = class {
-  constructor(i) {
-    l(this, i);
+  constructor(e) {
+    l(this, e);
   }
   componentDidRender() {
     Array.from(this.containerEl.children).some((t) => !["UL", "OL"].includes(t.tagName)) && console.warn("[SwirlList] Only ul and ol elements are allowed as direct children of <swirl-list />.");
   }
   render() {
-    return e(r, { key: "95628a69670684ce559d813952d19a0fba5e4d90" }, e("div", { key: "d680a67f0cc41315d5671d547714ba2ee4ccbf13", class: "swirl-list", ref: (i) => this.containerEl = i }, e("slot", { key: "b32c25649780fa791af22c30f7de84c97be56916" })));
+    return i(r, { key: "8ad30096bc0537a9918b103f96ea4b7f1ae84059" }, i("div", { key: "123afaf19fb770a4d11e3f4758641e2ee41fec70", class: "swirl-list", ref: (e) => this.containerEl = e }, i("slot", { key: "7d988b3f14e8a77578df365a20bce26d00dc2401" })));
   }
 };
 o.style = n;

package/dist/{swirl-menu-item.entry.74868631.js → swirl-menu-item.entry.8ace88b4.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as u, g as d } from "./index.ba2d0a89.js";
+import { r, h as i, H as d, g as u } from "./index.505fc846.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import { c as h, p as c } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";
@@ -59,10 +59,10 @@ const p = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expande
     const t = l("menu-item", {
       "menu-item--expanded": this.expanded
     });
-    return i(u, { key: "5dc860e9c1083686bd0a607451ea92fc697f043e" }, i("div", { key: "940ac9085fd751898bd22bc918b66676be0b3ab4", class: t }, ((e = this.parentMenu) == null ? void 0 : e.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "e3f9010221d042fc60627bd0187cb9af69c2a420", onSlotchange: this.onSlotChange })));
+    return i(d, { key: "5ef4bbb0134d22f651c90fa0e1cee868484a13e6" }, i("div", { key: "cab80d7b5d532b1c52f2e11ec564c26ae3ff49fb", class: t }, ((e = this.parentMenu) == null ? void 0 : e.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "4186ab4dd1f57adf93ace66414bfaaaeddcb6c1b", onSlotchange: this.onSlotChange })));
   }
   get el() {
-    return d(this);
+    return u(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-menu.entry.b627ff79.js → swirl-menu.entry.15e7b3d7.js}

@@ -1,4 +1,4 @@
-import { r as d, c, h as n, H as b, g as f } from "./index.ba2d0a89.js";
+import { r as d, c, h as n, H as b, g as f } from "./index.505fc846.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-9b747dd7.4c4c7dc0.js";

package/dist/{swirl-modal.entry.fb9d8c8e.js → swirl-modal.entry.4730aae2.js}

@@ -1,4 +1,4 @@
-import { r as h, c as t, h as a, H as f, g as p } from "./index.ba2d0a89.js";
+import { r as h, c as t, h as a, H as f, g as p } from "./index.505fc846.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";

package/dist/{swirl-option-list-section.entry.2ece72ce.js → swirl-option-list-section.entry.3d71e317.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as s } from "./index.ba2d0a89.js";
+import { r as i, h as e, H as s } from "./index.505fc846.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 {
@@ -6,7 +6,7 @@ const o = ":host{display:block}:host *{box-sizing:border-box}.option-list-sectio
     i(this, t), this.label = void 0;
   }
   render() {
-    return e(s, { key: "7389637192ced6613d429714429d4af075feec2d" }, e("div", { key: "82fca17681fefb6eabd283ea12550780204aae94", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "d90f174049011e8d7bb8ff1736a2375d572de7ff", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("div", { key: "0f607697e87b2aa05c80cf395cfef030bcde9ff2", class: "option-list-section__items" }, e("slot", { key: "3a083e9408225b162698e7076481e0f090c107dc" }))));
+    return e(s, { key: "26ed4f4d267525732dd32419a6ba2dc81aa77a18" }, e("div", { key: "c33e5d85409d94953ca0c986e500626d6aebd5f9", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "86e79904eeb8e498c3428f46581ac0c0753fb299", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("div", { key: "cb723a2c9192c6384e550b2c33bdf4a6d2f18190", class: "option-list-section__items" }, e("slot", { key: "1890fa460d588be3c57f16cffa6933555efc113d" }))));
   }
 };
 l.style = a;

package/dist/{swirl-option-list_2.entry.25f242c6.js → swirl-option-list_2.entry.195b10d1.js}

@@ -1,19 +1,19 @@
-import { r as d, c as o, h as a, H as c, g as h } from "./index.ba2d0a89.js";
-import { c as l, q as n } from "./utils-9b747dd7.4c4c7dc0.js";
+import { r as c, c as o, h as a, H as d, g } from "./index.505fc846.js";
+import { c as n, q as l } from "./utils-9b747dd7.4c4c7dc0.js";
 import { S as m } from "./sortable.esm-8c3d5856.57c4f048.js";
-import { c as b } from "./index-267776a4.6beb4f4b.js";
+import { c as v } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const f = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}", v = f, p = class {
+const f = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}", b = f, p = class {
   constructor(e) {
-    d(this, e), this.itemDrop = o(this, "itemDrop", 7), this.valueChange = o(this, "valueChange", 7), this.onClick = (t) => {
+    c(this, e), this.itemDrop = o(this, "itemDrop", 7), this.valueChange = o(this, "valueChange", 7), this.onClick = (t) => {
       t.preventDefault();
-      const s = t.target, i = s == null ? void 0 : s.closest("swirl-option-list-item"), r = t.composedPath()[0], g = Boolean(l(r, '[role="option"]'));
-      if (!Boolean(i) || !g) {
+      const i = t.target, s = i == null ? void 0 : i.closest("swirl-option-list-item"), r = t.composedPath()[0], u = Boolean(n(r, '[role="option"]'));
+      if (!Boolean(s) || !u) {
         t.preventDefault();
         return;
       }
-      this.selectItem(this.items.findIndex((u) => u.value === i.value));
+      this.selectItem(this.items.findIndex((h) => h.value === s.value));
     }, this.onKeyDown = (t) => {
       if (t.code === "ArrowDown")
         t.preventDefault(), Boolean(this.dragging) ? this.moveDraggedItemDown() : this.focusNextItem();
@@ -24,23 +24,23 @@ const f = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-sw
           t.preventDefault(), this.stopDrag(this.dragging);
           return;
         }
-        const i = t.composedPath()[0];
-        if (!Boolean(l(i, '[role="option"]')))
+        const s = t.composedPath()[0];
+        if (!Boolean(n(s, '[role="option"]')))
           return;
         t.preventDefault(), Boolean(this.dragging) ? this.stopDrag(this.dragging) : this.selectFocusedItem();
       } else
         t.code === "Home" ? (t.preventDefault(), this.focusItem(0)) : t.code === "End" ? (t.preventDefault(), this.focusItem(this.items.length - 1)) : t.code === "KeyA" && (t.metaKey || t.ctrlKey) && this.multiSelect ? (t.preventDefault(), this.selectAllItems()) : t.code === "Tab" && Boolean(this.dragging) && t.preventDefault();
     }, this.toggleDrag = (t) => {
-      const s = t.detail;
-      Boolean(this.dragging) ? this.stopDrag(s) : this.startDrag(s);
+      const i = t.detail;
+      Boolean(this.dragging) ? this.stopDrag(i) : this.startDrag(i);
     }, this.startDrag = (t) => {
       this.dragging = t, this.draggingStartIndex = this.getItemIndex(this.dragging), t.setAttribute("dragging", "true");
-      const s = this.getItemIndex(this.dragging);
-      this.focusItem(s), this.assistiveText = this.assistiveTextItemGrabbed;
+      const i = this.getItemIndex(this.dragging);
+      this.focusItem(i), this.assistiveText = this.assistiveTextItemGrabbed;
     }, this.stopDrag = (t) => {
       this.dragging = void 0, t.removeAttribute("dragging");
-      const s = this.getActiveItemIndex();
-      this.assistiveText = `${this.assistiveTextItemMoved} ${s + 1}`, this.itemDrop.emit({ item: t, oldIndex: this.draggingStartIndex, newIndex: s }), this.draggingStartIndex = void 0, this.focusItem(s);
+      const i = this.getActiveItemIndex();
+      this.assistiveText = `${this.assistiveTextItemMoved} ${i + 1}`, this.itemDrop.emit({ item: t, oldIndex: this.draggingStartIndex, newIndex: i }), this.draggingStartIndex = void 0, this.focusItem(i);
     }, this.allowDeselect = !0, this.allowDrag = void 0, this.assistiveTextItemGrabbed = "Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.", this.assistiveTextItemMoving = "Current position:", this.assistiveTextItemMoved = "Item moved. New position:", this.disabled = void 0, this.label = void 0, this.optionListId = void 0, this.multiSelect = void 0, this.value = [], this.assistiveText = void 0;
   }
   componentDidLoad() {
@@ -72,9 +72,9 @@ const f = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-sw
   }
   updateItems() {
     var t;
-    this.items = n(this.el, "swirl-option-list-item"), this.items.forEach((s) => {
-      var i;
-      return (i = s.querySelector('[role="option"]')) == null ? void 0 : i.removeAttribute("tabIndex");
+    this.items = l(this.el, "swirl-option-list-item"), this.items.forEach((i) => {
+      var s;
+      return (s = i.querySelector('[role="option"]')) == null ? void 0 : s.removeAttribute("tabIndex");
     });
     const e = (t = this.items[0]) == null ? void 0 : t.querySelector('[role="option"]');
     !Boolean(e) || e.setAttribute("tabIndex", "0");
@@ -104,7 +104,7 @@ const f = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-sw
       console.error("[SwirlOptionList] Drag can only be allowed for multi select lists.");
       return;
     }
-    const e = n(this.el, "swirl-option-list-section");
+    const e = l(this.el, "swirl-option-list-section");
     if (this.allowDrag && e.length > 0) {
       console.error("[SwirlOptionList] Drag can only be allowed for lists without sections.");
       return;
@@ -121,8 +121,8 @@ const f = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-sw
     const t = this.items[e];
     if (t.disabled)
       return;
-    const s = this.value.includes(t.value);
-    s && !this.allowDeselect || (this.multiSelect || (this.value = []), s ? this.updateValue(this.value.filter((i) => i !== t.value)) : this.updateValue([...this.value, t.value]), this.focusItem(e));
+    const i = this.value.includes(t.value);
+    i && !this.allowDeselect || (this.multiSelect || (this.value = []), i ? this.updateValue(this.value.filter((s) => s !== t.value)) : this.updateValue([...this.value, t.value]), this.focusItem(e));
   }
   updateValue(e) {
     this.value = e, this.valueChange.emit(this.value);
@@ -140,11 +140,11 @@ const f = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-sw
     (e = this.items) == null || e.forEach((t) => t.selected = this.value.includes(t.value));
   }
   focusItem(e) {
-    var s;
+    var i;
     if (this.disabled)
       return;
-    this.items.forEach((i) => i.querySelector('[role="option"]').removeAttribute("tabIndex"));
-    const t = (s = this.items[e]) == null ? void 0 : s.querySelector('[role="option"]');
+    this.items.forEach((s) => s.querySelector('[role="option"]').removeAttribute("tabIndex"));
+    const t = (i = this.items[e]) == null ? void 0 : i.querySelector('[role="option"]');
     !Boolean(t) || (t.setAttribute("tabIndex", "0"), t.focus(), this.focusedItem = t);
   }
   focusNextItem() {
@@ -173,10 +173,10 @@ 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: "a5a0d5f08a5345b93554c6cb849858836e96c206" }, a("swirl-visually-hidden", { key: "9863a801005ab6395ddf5017dc2fd404c333ee5d", role: "alert" }, this.assistiveText), a("div", { key: "878072f9e02b83dc1d4d5a89541cb7ff190e19df", "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: "1aba2633180edf92537c2fb634149371d07a0040" })));
+    return a(d, { key: "0bb4bb34c860168d4b8691cb5a53507a0a5e17b8" }, a("swirl-visually-hidden", { key: "afd976b1bcb9ca48acbf9a7be7d9f1fdd6962de5", role: "alert" }, this.assistiveText), a("div", { key: "e8f5d37473048f521a6868d5d1abc98dfbf8885d", "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: "404a24838c3a35d696ee7f4d629938dcd1d2a163" })));
   }
   get el() {
-    return h(this);
+    return g(this);
   }
   static get watchers() {
     return {
@@ -187,22 +187,34 @@ 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(--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 {
+p.style = b;
+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--variant-outline{border-style:solid;border-width:var(--s-border-width-default);border-color:var(--s-border-strong)}.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-neutral-default)}.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-info{color:var(--s-text-info);background-color:var(--s-surface-info-subdued)}.tag--intent-info .tag__removal-button{color:var(--s-icon-info)}.tag--intent-info.tag--variant-outline{border-color:var(--s-border-info)}.tag--intent-info.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-info-default)}.tag--intent-info.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-critical{color:var(--s-text-critical);background-color:var(--s-surface-critical-subdued)}.tag--intent-critical .tag__removal-button{color:var(--s-icon-critical)}.tag--intent-critical.tag--variant-outline{border-color:var(--s-border-critical)}.tag--intent-critical.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-critical-default)}.tag--intent-critical.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-warning{color:var(--s-text-warning);background-color:var(--s-surface-warning-subdued)}.tag--intent-warning .tag__removal-button{color:var(--s-icon-warning)}.tag--intent-warning.tag--variant-outline{border-color:var(--s-border-warning)}.tag--intent-warning.tag--variant-strong{color:var(--s-text-dark);background-color:var(--s-surface-warning-default)}.tag--intent-warning.tag--variant-strong .tag__removal-button{color:var(--s-icon-dark)}.tag--intent-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--s-icon-success)}.tag--intent-success.tag--variant-outline{border-color:var(--s-border-success)}.tag--intent-success.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-success-default)}.tag--intent-success.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-special{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.tag--intent-special .tag__removal-button{color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-outline{border-color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-decorative-grape-surface)}.tag--intent-special.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-translucent{color:var(--s-text-on-image);background-color:var(--s-surface-on-image-default)}.tag--intent-translucent .tag__removal-button{color:var(--s-icon-on-image)}.tag--intent-translucent.tag--variant-outline{border-color:var(--s-text-on-image)}.tag__icon{display:inline-flex;margin-left:calc(-1 * var(--s-space-4))}.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;
-      (s = this.remove) == null || s.emit(t);
-    }, this.intent = "default", this.label = void 0, this.removable = void 0, this.bordered = void 0, this.size = "m", this.removalButtonLabel = "Remove";
+    c(this, e), this.remove = o(this, "remove", 7), this.onRemove = (t) => {
+      var i;
+      (i = this.remove) == null || i.emit(t);
+    }, this.icon = void 0, this.intent = "default", this.label = void 0, this.removable = void 0, this.bordered = void 0, this.size = "m", this.removalButtonLabel = "Remove", this.variant = "default";
+  }
+  componentDidLoad() {
+    this.forceIconProps();
+  }
+  componentWillLoad() {
+    this.forceVariant();
+  }
+  forceIconProps() {
+    var t;
+    const e = (t = this.iconEl) == null ? void 0 : t.children[0];
+    e == null || e.setAttribute("size", "16");
+  }
+  forceVariant() {
+    Boolean(this.bordered) && (console.warn('[Swirl] The "bordered" prop of swirl-tag is deprecated and will be removed with the next major release. Please use the "variant" prop as "outline" to achieve the same result.'), this.variant = "outline");
   }
   render() {
-    const e = b("tag", `tag--intent-${this.intent}`, `tag--size-${this.size}`, {
-      "tag--bordered": this.bordered
-    });
-    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 }))));
+    const e = v("tag", `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
+    return a(d, { key: "4f3801dc7f9872b38bc0340c6a8b859f0f7f545e" }, a("span", { key: "cc5d10bc2b4f1a27584beea293da156920aa248e", class: e, part: "tag" }, this.icon && a("span", { key: "ddce7d37fc8ab9391c9ac1fb3e3533535f47c022", class: "tag__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), a("span", { key: "afd46af752a3c62ed8e26c073bcdd32e56fe91c4", class: "tag__label" }, this.label), this.removable && a("button", { key: "46c87dd90a1e9f0f288f18b20ee750906aa2c01c", "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: "a183448bc380d12d1b2ca99d9c9df50175fc627e", size: 16 }))));
   }
   get el() {
-    return h(this);
+    return g(this);
   }
 };
 x.style = w;

package/dist/{swirl-pagination.entry.2a3bc3e1.js → swirl-pagination.entry.dc256c6b.js}

@@ -1,4 +1,4 @@
-import { r as l, c as s, h as e, H as r } from "./index.ba2d0a89.js";
+import { r as l, c as s, h as e, H as r } from "./index.505fc846.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { d as c } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";