@getflip/swirl-components-react 0.199.0 → 0.200.1

package/dist/{swirl-icon-stop.entry.94db8502.js → swirl-icon-stop.entry.bef90033.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as i } from "./index.9d32bf5e.js";
+import { r as o, h as e, F as i } from "./index.3c12ddea.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-sync.entry.a6467341.js → swirl-icon-sync.entry.616f5da4.js}

@@ -1,4 +1,4 @@
-import { r as c, h as C, F as e } from "./index.9d32bf5e.js";
+import { r as c, h as C, F as e } from "./index.3c12ddea.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-tasks-filled.entry.973365d3.js → swirl-icon-tasks-filled.entry.e6fa08e2.js}

@@ -1,4 +1,4 @@
-import { r as c, h as C, F as s } from "./index.9d32bf5e.js";
+import { r as c, h as C, F as s } from "./index.3c12ddea.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-tasks.entry.af8fba70.js → swirl-icon-tasks.entry.1221f023.js}

@@ -1,4 +1,4 @@
-import { r as c, h as C, F as s } from "./index.9d32bf5e.js";
+import { r as c, h as C, F as s } from "./index.3c12ddea.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-terminal.entry.ab566585.js → swirl-icon-terminal.entry.4216985a.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.9d32bf5e.js";
+import { r as t, h as C, F as i } from "./index.3c12ddea.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-time-filled.entry.406a0464.js → swirl-icon-time-filled.entry.853c7547.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.9d32bf5e.js";
+import { r as t, h as C, F as i } from "./index.3c12ddea.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-time.entry.2b292b5e.js → swirl-icon-time.entry.f009e007.js}

@@ -1,4 +1,4 @@
-import { r as c, h as C, F as i } from "./index.9d32bf5e.js";
+import { r as c, h as C, F as i } from "./index.3c12ddea.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-today-filled.entry.7b19747a.js → swirl-icon-today-filled.entry.3a33e185.js}

@@ -1,4 +1,4 @@
-import { r as c, h as C, F as i } from "./index.9d32bf5e.js";
+import { r as c, h as C, F as i } from "./index.3c12ddea.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-translate.entry.ade34b24.js → swirl-icon-translate.entry.9ec1a1d3.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as i } from "./index.9d32bf5e.js";
+import { r as o, h as e, F as i } from "./index.3c12ddea.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-tree-structure.entry.94dd5aa9.js → swirl-icon-tree-structure.entry.a71dcd28.js}

@@ -1,4 +1,4 @@
-import { r as c, h as C, F as s } from "./index.9d32bf5e.js";
+import { r as c, h as C, F as s } from "./index.3c12ddea.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-undo.entry.4fa62caf.js → swirl-icon-undo.entry.72c7c259.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as s } from "./index.9d32bf5e.js";
+import { r as t, h as C, F as s } from "./index.3c12ddea.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-unlock-person.entry.a7eb3aea.js → swirl-icon-unlock-person.entry.b44ca2dc.js}

@@ -1,4 +1,4 @@
-import { r as a, h as e, F as c } from "./index.9d32bf5e.js";
+import { r as a, h as e, F as c } from "./index.3c12ddea.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-user-add.entry.6bdb10c4.js → swirl-icon-user-add.entry.471d13b7.js}

@@ -1,4 +1,4 @@
-import { r as c, h as C, F as s } from "./index.9d32bf5e.js";
+import { r as c, h as C, F as s } from "./index.3c12ddea.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-user-assign.entry.d570fee6.js → swirl-icon-user-assign.entry.f9aea020.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as s } from "./index.9d32bf5e.js";
+import { r as t, h as C, F as s } from "./index.3c12ddea.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-video-camera.entry.d1b06b18.js → swirl-icon-video-camera.entry.13cdfce2.js}

@@ -1,4 +1,4 @@
-import { r as c, h as e, F as s } from "./index.9d32bf5e.js";
+import { r as c, h as e, F as s } from "./index.3c12ddea.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-video-library.entry.38394b67.js → swirl-icon-video-library.entry.70235933.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as i } from "./index.9d32bf5e.js";
+import { r as o, h as e, F as i } from "./index.3c12ddea.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-voice.entry.25039314.js → swirl-icon-voice.entry.195d53e3.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.9d32bf5e.js";
+import { r as t, h as C, F as i } from "./index.3c12ddea.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-work.entry.2f905d86.js → swirl-icon-work.entry.8885363d.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as i } from "./index.9d32bf5e.js";
+import { r as o, h as e, F as i } from "./index.3c12ddea.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/swirl-icon.entry.c4d9165b.js

@@ -0,0 +1,16 @@
+import { r as t, h as s, H as e } from "./index.3c12ddea.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, c = class {
+  constructor(i) {
+    t(this, i), this.color = void 0, this.glyph = void 0, this.size = 24;
+  }
+  render() {
+    const i = `swirl-icon-${this.glyph}`;
+    return s(e, { key: "513d3eda3fc6ae104a894d6b8899fb5cf2cb6533" }, s(i, { key: "f257e7c91e842275f82da470dbbd5e5f567b7ac0", color: this.color, size: this.size }));
+  }
+};
+c.style = r;
+export {
+  c as swirl_icon
+};

package/dist/{swirl-image-grid-item.entry.76199d6a.js → swirl-image-grid-item.entry.b8ea7de0.js}

@@ -1,8 +1,8 @@
-import { r as n, c as r, h as i, H as a, g as d } from "./index.9d32bf5e.js";
-import { c } from "./index-267776a4.6beb4f4b.js";
+import { r as n, c as r, h as i, H as a, g as d } from "./index.3c12ddea.js";
+import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const l = ":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(: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:not(:focus-visible){outline:none}button.image-grid-item:focus-visible{z-index:1;outline-color:var(--s-focus-default);outline-offset:var(--s-space-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}", g = l, m = class {
+const c = ":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(: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:not(:focus-visible){outline:none}button.image-grid-item:focus-visible{z-index:1;outline-color:var(--s-focus-default);outline-offset:var(--s-space-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}", g = c, m = class {
   constructor(e) {
     n(this, e), this.imageError = r(this, "imageError", 7), this.imageLoad = r(this, "imageLoad", 7), this.onLoad = () => {
       this.error = !1, this.loaded = !0, this.imageLoad.emit();
@@ -31,13 +31,13 @@ const l = ":host{display:block;width:100%;min-height:0}:host *{box-sizing:border
     this.inViewport = e.some((t) => t.isIntersecting);
   }
   render() {
-    const e = this.interactive ? "button" : "div", t = !Boolean(this.loading) || this.loading === "eager" || this.loaded && (this.loading !== "intersecting" || this.inViewport), o = c("image-grid-item", {
+    const e = this.interactive ? "button" : "div", t = !Boolean(this.loading) || this.loading === "eager" || this.loaded && (this.loading !== "intersecting" || this.inViewport), o = l("image-grid-item", {
       "image-grid-item--has-error": this.error,
       "image-grid-item--has-overlay": this.overlay
     });
-    return i(a, { key: "c4968c202407e41281be8902071ad14a4747eeb4", role: "listitem" }, i(e, { key: "6ec6b4ef6c419ab73b5d42a46c8b5a1886326702", class: o, type: this.interactive ? "button" : void 0 }, i("div", { key: "53d6fe626407eb5c05dbee78fd5f6728564ddbfd", class: "image-grid-item__background", style: {
+    return i(a, { key: "31248910e8c9b74c256eab3fda1baaf653c3344c", role: "listitem" }, i(e, { key: "74ac2ddd0f449ecd5f061dfff852b19026bc482f", class: o, type: this.interactive ? "button" : void 0 }, i("div", { key: "4ebaf2e35d4ab5779600b88f967f23b5e6de7e67", class: "image-grid-item__background", style: {
       backgroundImage: t ? `url(${this.src})` : void 0
-    } }), this.loading !== "intersecting" || this.inViewport ? i("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : void 0, onError: this.onError, onLoad: this.onLoad, ref: (s) => this.img = s, src: this.src }) : i("div", { class: "image-grid-item__loading-placeholder" }), this.loaded && !this.error && this.icon && !Boolean(this.overlay) && i("div", { key: "3e3abef93d37e12bdc89f7842d1cf3eb90813940", class: "image-grid-item__icon", innerHTML: this.icon }), this.overlay && i("div", { key: "41698eeb8b5fe9bc0c629744c74181f3410dbf05", class: "image-grid-item__overlay" }, this.overlay), !this.loaded && i("div", { key: "c4865fa55230e676226d53f1b108ace9debdc821", class: "image-grid-item__spinner" }, i("swirl-spinner", { key: "e105f334c824af4cbbcd98b331668fb3cc4f2f04" })), this.loaded && this.error && i("div", { key: "b132f19cc9ced0546258bc906baffbd40d6a63b6", class: "image-grid-item__error" }, i("swirl-icon-error", { key: "22dee643b064947da11c2cd6ee8af6b513b75a58", color: "critical" }))));
+    } }), this.loading !== "intersecting" || this.inViewport ? i("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : void 0, onError: this.onError, onLoad: this.onLoad, ref: (s) => this.img = s, src: this.src }) : i("div", { class: "image-grid-item__loading-placeholder" }), this.loaded && !this.error && this.icon && !Boolean(this.overlay) && i("div", { key: "b11a327a30e92ccce354176f35031e00af05b92e", class: "image-grid-item__icon", innerHTML: this.icon }), this.overlay && i("div", { key: "e384b6006a277cb0e55c15d7547709e5e8de6694", class: "image-grid-item__overlay" }, this.overlay), !this.loaded && i("div", { key: "9d081ed42cb5fbed8eed67f91032285572cf1e1a", class: "image-grid-item__spinner" }, i("swirl-spinner", { key: "407c9627c45aff862bab130566301fbd662d0b7f" })), this.loaded && this.error && i("div", { key: "2258d9b2c00058dc851afe0ed7a509ddd298467d", class: "image-grid-item__error" }, i("swirl-icon-error", { key: "15b48376686ef20e2629a06a9e05d8b5ea563602", color: "critical" }))));
   }
   get el() {
     return d(this);

package/dist/{swirl-image-grid.entry.3d000272.js → swirl-image-grid.entry.c2f50019.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as s, g as a } from "./index.9d32bf5e.js";
+import { r as i, h as e, H as s, g as a } from "./index.3c12ddea.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-inline-notification.entry.a7ff9f2d.js → swirl-inline-notification.entry.9b03fe74.js}

@@ -1,17 +1,17 @@
-import { r as e, h as i, H as t } from "./index.9d32bf5e.js";
+import { r as e, h as i, H as t } from "./index.3c12ddea.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const a = ":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)}", o = a, 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)}", a = o, s = class {
   constructor(n) {
     e(this, n), this.heading = void 0, this.importance = "status", this.intent = "info";
   }
   render() {
     const n = c("inline-notification", `inline-notification--intent-${this.intent}`);
-    return i(t, { key: "8408d68742840129a9f0901554c773b30298ea02" }, i("div", { key: "1497c00610e0bf230c285a636d54534b4b5c23da", "aria-describedby": "content", class: n, role: this.importance, tabIndex: 0 }, i("span", { key: "28e0ab5da0ffbf99aea9b1f02c2c33cfb4c86d22", "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && i("swirl-icon-error", { key: "d510a098fed2f16962588651a033e20f148c8de3", size: 20 }), this.intent === "success" && i("swirl-icon-check-circle", { key: "60537b0b01f875f143cc500ac7dc0ff60b89a8c9", size: 20 }), this.intent === "warning" && i("swirl-icon-warning", { key: "b87aeedd18d5af51d0beda5f90c3b0a359bb6ea2", size: 20 }), this.intent === "info" && i("swirl-icon-info", { key: "209d8046fb59ae486eef4aca49079a1cff6cedc5", size: 20 })), i("span", { key: "13cae5bc2f3e77ab96c0293dbc735e28a7b59e7c", class: "inline-notification__content", id: "content" }, i("swirl-text", { key: "b9b67394360aef93e226e13c2255b0e2aa444cc9", class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading), i("slot", { key: "d9e0a5d1ae5b8220e347a6a5cfbeacd1f525ac9d" }))));
+    return i(t, { key: "8e21f90f77594f0cc4a64e6cff99bdb35166ea70" }, i("div", { key: "43b8b7ee49f36a748859127f56ff0eca5d4f97de", "aria-describedby": "content", class: n, role: this.importance, tabIndex: 0 }, i("span", { key: "81bcced39e396d677b14f22620f4a283202eb983", "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && i("swirl-icon-error", { key: "8f1dea1971ae34e70dc6841efa991dd5688360c3", size: 20 }), this.intent === "success" && i("swirl-icon-check-circle", { key: "8d48709d600fd93a415a31dbfd386cfc659f0d11", size: 20 }), this.intent === "warning" && i("swirl-icon-warning", { key: "faa4b3951d5d83264679b1acc7ba6e9e8ca9f872", size: 20 }), this.intent === "info" && i("swirl-icon-info", { key: "5fe76a76f0c8c0e809d9e184115665c71824ca31", size: 20 })), i("span", { key: "f318fc8979d7d132455b05cb2b881308e708f3b2", class: "inline-notification__content", id: "content" }, i("swirl-text", { key: "2fc1a5088e28ec8e1d2c08a215a319abb8d71672", class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading), i("slot", { key: "7ee8b88b3d040a295b13ac2065a0335e2a83768a" }))));
   }
 };
-s.style = o;
+s.style = a;
 export {
   s as swirl_inline_notification
 };

package/dist/{swirl-inline-status.entry.66b8edc1.js → swirl-inline-status.entry.46da098b.js}

@@ -1,4 +1,4 @@
-import { r as n, h as e, H as a } from "./index.9d32bf5e.js";
+import { r as n, h as s, H as a } from "./index.3c12ddea.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import { g as r } from "./utils-aab10c80.240adddc.js";
 import "react";
@@ -22,12 +22,12 @@ const c = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-statu
     const i = this.iconEl.children[0];
     if (!Boolean(i))
       return;
-    let s = "24";
-    this.size === "s" ? s = "16" : t && (s = "20"), i.setAttribute("size", s);
+    let e = "24";
+    this.size === "s" ? e = "16" : t && (e = "20"), i.setAttribute("size", e);
   }
   render() {
     const t = o("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-    return e(a, { key: "6f9f83b9aa29d7c0e3a11e0c09d41f0e9818813a" }, e("span", { key: "ff5d3efb20f984f9e480de13ad6b865b06dac9c3", class: t, part: "inline-status" }, this.icon && e("span", { key: "911613a1ee3af2907c904f4106924dd5709bdb63", class: "inline-status__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), e("span", { key: "8d6d3bf96d3d8556ef6b99bbca3c895a80865c6e", class: "inline-status__message" }, this.message)));
+    return s(a, { key: "ccfd99f89e7005d6b03dcc1c8cd7cc7d8fd3e108" }, s("span", { key: "625ab5faff22280fe67340b3ffc1f90feaf237ac", class: t, part: "inline-status" }, this.icon && s("span", { key: "c9bdbc0d33f14b656a2bfc92de564a202cfccadf", class: "inline-status__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), s("span", { key: "1d3339349bf63d7f307be152d840c266da42b492", class: "inline-status__message" }, this.message)));
   }
 };
 d.style = l;

package/dist/{swirl-lightbox.entry.eb0bbb32.js → swirl-lightbox.entry.3b2ba274.js}

@@ -1,4 +1,4 @@
-import { r as h, h as i, H as b, g as u } from "./index.9d32bf5e.js";
+import { r as h, h as i, H as b, g as u } from "./index.3c12ddea.js";
 import { A as f } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { d as g, e as m } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as x } from "./index-267776a4.6beb4f4b.js";

package/dist/{swirl-link.entry.7c07d678.js → swirl-link.entry.2ea2c1e5.js}

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

package/dist/{swirl-list.entry.06d3efe0.js → swirl-list.entry.caaedd5a.js}

@@ -1,4 +1,4 @@
-import { r as l, h as i, H as r } from "./index.9d32bf5e.js";
+import { r as l, h as i, H as r } from "./index.3c12ddea.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 {

package/dist/{swirl-menu-item.entry.61a05216.js → swirl-menu-item.entry.48daba38.js}

@@ -1,4 +1,4 @@
-import { r as a, h as i, H as u, g as d } from "./index.9d32bf5e.js";
+import { r as a, h as i, H as u, g as d } from "./index.3c12ddea.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import { c as h, p as c } from "./utils-aab10c80.240adddc.js";
 import "react";

package/dist/{swirl-menu.entry.669ba100.js → swirl-menu.entry.c3f3dcb1.js}

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

package/dist/{swirl-modal.entry.09d31bdf.js → swirl-modal.entry.171441e8.js}

@@ -1,5 +1,5 @@
-import { r as h, c as t, h as a, H as f, g as p } from "./index.9d32bf5e.js";
-import { d as u, e as b } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
+import { r as h, c as t, h as a, H as f, g as b } from "./index.3c12ddea.js";
+import { d as p, e as u } 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";
 import "react";
@@ -79,10 +79,10 @@ const _ = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     (e = this.modalEl.querySelector("input[autofocus]")) == null || e.focus();
   }
   lockBodyScroll() {
-    u(this.scrollContainer);
+    p(this.scrollContainer);
   }
   unlockBodyScroll() {
-    b(this.scrollContainer);
+    u(this.scrollContainer);
   }
   render() {
     const e = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel), o = v("modal", `modal--variant-${this.variant}`, {
@@ -97,14 +97,14 @@ const _ = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       "modal--scrolled": this.scrolled,
       "modal--scrolled-down": this.scrolledDown
     });
-    return a(f, { key: "e0d6cff9311b03a20519e6c5acddd02ecb9b932b" }, a("section", { key: "5c73a21690b7bc2c2a15df81a5d66bcfccec6044", "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: "e6d65f93d0b33f57ce38426ee13f965eb75e3fd6", class: "modal__backdrop", onClick: this.onBackdropClick }), a("div", { key: "710385a07e9cfa669b5c7dfa0c5270e69401bb92", class: "modal__body", style: {
+    return a(f, { key: "d101cece24cb469e6300a88cda41a67281cd2b67" }, a("section", { key: "ebad873d554eb02f4935d21d52e329320d31a47e", "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: "bf4a0569609c57d8f13c98ea86dc2fa22bb608d8", class: "modal__backdrop", onClick: this.onBackdropClick }), a("div", { key: "d8624f029c1a40a13159ec2f6eb244233a337b9b", class: "modal__body", style: {
       "--swirl-modal-max-height": this.maxHeight,
       "--swirl-modal-height": this.height,
       maxWidth: this.maxWidth
-    } }, a("header", { key: "1f902c67e9443959eb8c50498338a6d8377f6d27", class: "modal__custom-header" }, a("slot", { key: "4b52c1d0748eefcf31f22adaf33c57e640770f68", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && a("header", { key: "6f786d45699894589d3dcec17c988562056e7330", class: "modal__header" }, a("div", { key: "6e81e070e4da8af19da49f762aeb79da2d992adb", class: "modal__header-bar" }, !this.hideCloseButton && a("swirl-button", { key: "10273d46ee18becf8fbbef4e33c0a4397144a687", 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: "ed034ca8589633bddfe7ae888a3c45d7470c4fe8", as: "h2", class: "modal__heading", level: 3, text: this.label }))), a("div", { key: "7952a17d7f52816034821274b13c9cc2e53854e1", class: "modal__content-container" }, a("div", { key: "bb4f5f0e753acb80fd89ccd3318231ef7e25c2ae", class: "modal__primary-content" }, a("div", { key: "d2a3da082c86d86eb9b9cc314ff3ddd2ee778933", class: "modal__header-tools" }, a("slot", { key: "f1fddbabbc2484a571066853c5b4e79c6c8a18f8", name: "header-tools" })), a("div", { key: "22201b867e311ffc8b6102b858af3342b6a81143", class: "modal__content", onScroll: this.determineScrollStatus, ref: (d) => this.scrollContainer = d }, a("slot", { key: "2d26d89aa4bd7ef01232c01d4c5b73a5c6897c8a" }))), a("div", { key: "ece7d0b4c713242b81c9d9445059902828fdb4a2", class: "modal__secondary-content" }, a("slot", { key: "ec9110e80192574b46a1cbb188cd775893a1602e", name: "secondary-content" }))), a("div", { key: "d70972635714292f433b045ac62b59300aa8df10", class: "modal__custom-footer" }, a("slot", { key: "c1719b76ab2210a8de66bb9a31b4dde8ae441e30", name: "custom-footer" })), e && a("footer", { key: "ad7dbb0d9294fb7792a5ef7c2b37b8adcd050b55", class: "modal__controls" }, a("swirl-button-group", { key: "5002226896d72cc8970edea70303345170ef5bd9", wrap: !0 }, this.secondaryActionLabel && a("swirl-button", { key: "076d9679fefe019467292d6977c6fe8def3ac22a", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && a("swirl-button", { key: "48480a22f1c397ac6cf264226ec6b8ee47ecab03", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
+    } }, a("header", { key: "1bd7f42348ca11ded0c28d5324b6f070949b44c9", class: "modal__custom-header" }, a("slot", { key: "39fbacbcd794a371b898943bce382fee3d86a44b", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && a("header", { key: "c397f6bc837f3b8eb54615110f5938ed180cfb26", class: "modal__header" }, a("div", { key: "2a2624b81f447f14c4c02528a3cde361a9ce2dcb", class: "modal__header-bar" }, !this.hideCloseButton && a("swirl-button", { key: "eb1a57b60af155cfc640ef2ef0b6ec0e57889c88", 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: "7d5e09b46ed9065e8d21830e4d7fa83687b0b911", as: "h2", class: "modal__heading", level: 3, text: this.label }))), a("div", { key: "a2e87dc146c87c1f900c1692a3d00cc05691d032", class: "modal__content-container" }, a("div", { key: "413163c6bc7bd8057be1bb73e30f0db901d5d9c8", class: "modal__primary-content" }, a("div", { key: "cd9db06581c8286137943e5a2f05d11bc7febe42", class: "modal__header-tools" }, a("slot", { key: "5a92044e76f842523e6e2e74413826d9d32180da", name: "header-tools" })), a("div", { key: "f1eae6dde8e0cb56ec4dd5a92903a5f99738e4cf", class: "modal__content", onScroll: this.determineScrollStatus, ref: (d) => this.scrollContainer = d }, a("slot", { key: "22fe6f164c770c6b61b0c02f0aa8ce0bed9dbf49" }))), a("div", { key: "5bda225a1be3dc0e41a6fba093e430096ca372c3", class: "modal__secondary-content" }, a("slot", { key: "24bbcea293f3f849dfec59a00ba6c78d8d9adfa6", name: "secondary-content" }))), a("div", { key: "1d251bb36ac9267efaff5ebbb4dfbfeceae6b001", class: "modal__custom-footer" }, a("slot", { key: "64bac816af117d2c1ded2e3e2296e5dc3086f1eb", name: "custom-footer" })), e && a("footer", { key: "84941235ca72a66ec1e8e880af177bf67d6264ba", class: "modal__controls" }, a("swirl-button-group", { key: "f5e332e1831b8f168375673cc51f87fd56ef7f97", wrap: !0 }, this.secondaryActionLabel && a("swirl-button", { key: "4c104649ec6bac6f17c1e57ea8b79762490c5da3", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && a("swirl-button", { key: "df096b033de95729cd0c12a70afc17b4afd5dbc0", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
   }
   get el() {
-    return p(this);
+    return b(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-option-list-section.entry.91aa5d6c.js → swirl-option-list-section.entry.4a8394cf.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as s } from "./index.9d32bf5e.js";
+import { r as i, h as e, H as s } from "./index.3c12ddea.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 {

package/dist/{swirl-option-list_2.entry.c115ea15.js → swirl-option-list_2.entry.978d0ca5.js}

@@ -1,4 +1,4 @@
-import { r as d, c as o, h as a, H as c, g as h } from "./index.9d32bf5e.js";
+import { r as d, c as o, h as a, H as c, g as h } from "./index.3c12ddea.js";
 import { c as l, q as n } from "./utils-aab10c80.240adddc.js";
 import { S as m } from "./sortable.esm-8c3d5856.57c4f048.js";
 import { c as f } from "./index-267776a4.6beb4f4b.js";
@@ -199,7 +199,7 @@ const I = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-bo
     const e = f("tag", `tag--intent-${this.intent}`, `tag--size-${this.size}`, {
       "tag--bordered": this.bordered
     });
-    return a(c, { key: "3496f165393a6aa0a30beb97c21ff8a4ab521f42" }, a("span", { key: "1b44749ea7e053219db5dd6e57724815b63e4767", class: e, part: "tag" }, a("span", { key: "df66f93c753e26198a1abe4ab59711e02778c442", class: "tag__label" }, this.label), this.removable && a("button", { key: "0f5419a605e08152604e50f3419968d945e78814", "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: "2ea41a2462e394244e1c02f009f53c61ab62dd8e", size: 16 }))));
+    return a(c, { key: "a7e7462eac54e144fc9d1d442d33287c480eefce" }, a("span", { key: "b758ec2a9c31032caa720bfefaf769f3f2cefe6a", class: e, part: "tag" }, a("span", { key: "65c171c46715749bbc22c1ceff96963589e298ac", class: "tag__label" }, this.label), this.removable && a("button", { key: "d1ea6ea0df8612c3c4f2a4bb9a4d5b0be5f69279", "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: "f9d220ded4892a78413f4b5415b3083842fcd0ef", size: 16 }))));
   }
   get el() {
     return h(this);

package/dist/{swirl-pagination.entry.d1f1a371.js → swirl-pagination.entry.b7f70134.js}

@@ -1,4 +1,4 @@
-import { r as l, c as s, h as e, H as r } from "./index.9d32bf5e.js";
+import { r as l, c as s, h as e, H as r } from "./index.3c12ddea.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { d as g } from "./utils-aab10c80.240adddc.js";
 import "react";
@@ -29,7 +29,7 @@ const c = ":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;
   }
   render() {
     const n = this.variant !== "simple", a = this.variant === "advanced", t = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`, o = p("pagination", `pagination--variant-${this.variant}`);
-    return e(r, { key: "32b06d1b1bc2b0c558b5535f7733231829ec8890" }, e("nav", { key: "5ad54318dd933938f199da1901759daf95ab9a46", "aria-label": this.label, class: o }, e("ul", { key: "bf332f10858b4eb00ef829e9b9b6971e7316f508", class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && e("li", { key: "d98231af57b4baac83c5595dbe87d443e81e3942", class: "pagination__list-item" }, e("label", { key: "caa13b6b81fbc3c5c09a6baaa32c6cb1b4599fc0", class: "pagination__page-size-selection" }, e("swirl-text", { key: "65fbe4ea5b971a9547cffa79a8173f942ebd9c88" }, this.pageSizeSelectLabel), e("swirl-stack", { key: "324004a6b0623a58c3f4aeac303f5ccae242d4ce", align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, e("select", { key: "e64168057e6d9d8d54d1d2a2e933dc1e0b13f008", class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((i) => e("option", { key: i, selected: i === this.pageSize, value: i }, i))), e("swirl-icon-expand-more", { key: "4574a8040a5cab8fa731cc00be512486956b6bb6", "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 })))), e("li", { key: "859e184cd3eeb8b20fa5556f14a7578d6328d5bb", class: "pagination__list-item" }, e("swirl-button", { key: "02429facb6f15eb7ea5146eb75cf69247f479615", 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: "512d14479fcaccc7a88f28bdb471fc6b5e72b7eb", class: "pagination__list-item" }, e("swirl-button", { key: "4a5a3654328608b63b97dd91246b3dddddbd0829", class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), n ? e("li", { class: "pagination__list-item  pagination__page-label" }, e("span", null, a ? e("span", { "aria-current": "page", class: "pagination__advanced-label" }, e("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (i) => this.pageInput = i, type: "text", value: this.page }), e("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString())) : e("span", { "aria-current": "page" }, t))) : e("li", { class: "pagination__list-item" }, e("swirl-visually-hidden", null, e("span", { "aria-current": "page" }, t))), e("li", { key: "5a44c51f2c9215e55a36192e14fd966d543ba819", class: "pagination__list-item" }, e("swirl-button", { key: "5a52c93183d940f35adf43e710816b81a16ef3d0", 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: "7b3a489abcc0b043df379eb962d36ff9e9050d55", class: "pagination__list-item" }, e("swirl-button", { key: "b1cfd3eb1756a44ad4464b8c1bb5e8903187b64f", 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: "a868ebbd52be7109114aa9902e90da4e8b3cc05b" }, e("nav", { key: "c901f4199b231df362a5c245f39793158347e597", "aria-label": this.label, class: o }, e("ul", { key: "030fd790cf353b89a48d8b8d990c2e13984dbad6", class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && e("li", { key: "dcd1ee3eb343ae6a095836719c94b554b589baf1", class: "pagination__list-item" }, e("label", { key: "84d344807e9efb1b6c7d8ca867e234fcd1552f3e", class: "pagination__page-size-selection" }, e("swirl-text", { key: "76eda5b61d9c7e9a078e0c6a3538dcc548c096f7" }, this.pageSizeSelectLabel), e("swirl-stack", { key: "fa95c18ef16df5f3cee53d82a3b879c124f2ea52", align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, e("select", { key: "bae99f7594c60a9db45ea6c86edf47bbeafe8ed8", class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((i) => e("option", { key: i, selected: i === this.pageSize, value: i }, i))), e("swirl-icon-expand-more", { key: "3e02befb8461a4ffc9256058bd088c91447b000c", "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 })))), e("li", { key: "c6c21f0ee13e46586bf0982c2fb97636ee016285", class: "pagination__list-item" }, e("swirl-button", { key: "06f41cac26e65a3b4a1493bc3824e9d9961a83ae", class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: !0, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), e("li", { key: "f519537b3bc4b4c5dde7cee4623a23a28953c922", class: "pagination__list-item" }, e("swirl-button", { key: "22db009bbff5ba95a12f847e9da292ee6b2e3ba4", class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), n ? e("li", { class: "pagination__list-item  pagination__page-label" }, e("span", null, a ? e("span", { "aria-current": "page", class: "pagination__advanced-label" }, e("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (i) => this.pageInput = i, type: "text", value: this.page }), e("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString())) : e("span", { "aria-current": "page" }, t))) : e("li", { class: "pagination__list-item" }, e("swirl-visually-hidden", null, e("span", { "aria-current": "page" }, t))), e("li", { key: "5084487945838fc47988d1bab2f97aaf2198c938", class: "pagination__list-item" }, e("swirl-button", { key: "1b7243f892803406be2fa5956def1e79f37fcc04", class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: !0, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), e("li", { key: "006a6afdc28d7033fffa3b90e72f2371a22abcd7", class: "pagination__list-item" }, e("swirl-button", { key: "d409925fbd17f122bd01d32f4d17b71d40f2c414", class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: !0, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick })))));
   }
 };
 d.style = h;

package/dist/{swirl-pdf-reader.entry.5949465e.js → swirl-pdf-reader.entry.70f5203d.js}

@@ -1,4 +1,4 @@
-import { r as n, c as d, h as e, H as c, g as f } from "./index.9d32bf5e.js";
+import { r as n, c as d, h as e, H as c, g as f } from "./index.3c12ddea.js";
 import { A as h } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { d as b, e as p } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";

package/dist/{swirl-popover_2.entry.c8d438c9.js → swirl-popover_2.entry.4f1a76de.js}

@@ -1,4 +1,4 @@
-import { r as g, c as l, h as n, H as v, g as f } from "./index.9d32bf5e.js";
+import { r as g, c as l, h as n, H as v, g as f } from "./index.3c12ddea.js";
 import { o as c, s as d, f as y, c as E, a as x } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { d as C, e as k } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as A } from "./index-267776a4.6beb4f4b.js";
@@ -110,12 +110,12 @@ const S = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
       "popover--inactive": !this.active,
       "popover--transparent": this.transparent
     });
-    return n(v, { key: "5f8dcfa33c396982ce52e60ed5ad6ee5d3bac988" }, n("div", { key: "0c588f47287aa3332ceefaf070f6c47de1efe773", class: t, onKeyDown: this.onKeydown }, n("div", { key: "b9e2689de51a542ca2f51c101f372bcc49e12034", "aria-hidden": this.active ? "false" : "true", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (s) => this.contentContainer = s, style: {
+    return n(v, { key: "f3bca2b5bafb8518298ab646ac1c348b5c56b232" }, n("div", { key: "5c035656e06397cec7631204d61faece94c616fb", class: t, onKeyDown: this.onKeydown }, n("div", { key: "f2d24daa53c0e5165c5c60e38cd872179c5473ba", "aria-hidden": this.active ? "false" : "true", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (s) => this.contentContainer = s, style: {
       top: Boolean(this.position) ? `${(i = this.position) == null ? void 0 : i.y}px` : "",
       left: Boolean(this.position) ? `${(r = this.position) == null ? void 0 : r.x}px` : ""
-    }, tabindex: "-1" }, n("span", { key: "63b7ed71060f0b5faf60820724c129657b19ef31", class: "popover__handle" }), n("div", { key: "e1a814188f9959f0d2b129a1847ca419f619ee0b", class: "popover__scroll-container", part: "popover__scroll-container", ref: (s) => this.scrollContainer = s, style: {
+    }, tabindex: "-1" }, n("span", { key: "4efd18f520572ae456d0e5bbfc3c92a158b771bd", class: "popover__handle" }), n("div", { key: "fa2c01019b25ec19830887d6ea72f08ca42daf27", class: "popover__scroll-container", part: "popover__scroll-container", ref: (s) => this.scrollContainer = s, style: {
       maxHeight: !e && Boolean(this.maxHeight) ? this.maxHeight : void 0
-    } }, n("slot", { key: "4f88b5d3c4c6438f3ccff081b462fc13dc74bdb9" }))), this.active && n("div", { key: "f2d734979792f0cd84d2258008d36bec146fc7b2", class: "popover__backdrop", onClick: this.onCloseButtonClick })));
+    } }, n("slot", { key: "6ea169f4b966c6bef3037e9a1f1d3f39e0bda3b3" }))), this.active && n("div", { key: "cadaaf7d7ba1a45bb07bcd41fae23b83e3d95394", class: "popover__backdrop", onClick: this.onCloseButtonClick })));
   }
   get el() {
     return f(this);

package/dist/{swirl-progress-indicator.entry.ffb3986f.js → swirl-progress-indicator.entry.b8d409a6.js}

@@ -1,14 +1,14 @@
-import { r as t, h as e, H as n } from "./index.9d32bf5e.js";
+import { r as t, h as i, H as n } from "./index.3c12ddea.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
 const d = ":host{display:block;width:100%}:host *{box-sizing:border-box}:host(.circle){display:inline-flex;width:auto}.progress-indicator--variant-bar{display:block;width:100%;height:0.25rem;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress-indicator--variant-bar::-webkit-progress-bar{border-radius:0.125rem;background-color:var(--s-surface-raised-default)}.progress-indicator--variant-bar::-webkit-progress-value{border-radius:0.125rem;background-color:var(--s-border-highlight);-webkit-transition:width 0.25s;transition:width 0.25s}.progress-indicator--variant-bar::-moz-progress-bar{height:0.25rem;border-radius:0.125rem;background-color:var(--s-border-highlight);-moz-transition:width 0.25s;transition:width 0.25s}@media (prefers-reduced-motion){.progress-indicator--variant-bar::-moz-progress-bar{-moz-transition:none;transition:none}}.progress-indicator--variant-bar.progress-indicator--size-s{height:0.125rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-bar{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-value{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-moz-progress-bar{height:0.125rem;border-radius:0.0625rem}.progress-indicator--variant-circle{position:relative;display:inline-flex;overflow:hidden;width:3rem;height:3rem}.progress-indicator--variant-circle.progress-indicator--size-s{width:1.5rem;height:1.5rem}.progress-indicator__circle{position:absolute;width:100%;height:100%;transform:rotate(-90deg);inset:0}.progress-indicator__circle-background{stroke:var(--s-border-default);stroke-linecap:round}.progress-indicator__circle-value{transition:stroke-dashoffset 0.25s;stroke:var(--s-interactive-primary-default);stroke-linecap:round}@media (prefers-reduced-motion){.progress-indicator__circle-value{transition:none}}", l = d, b = class {
-  constructor(i) {
-    t(this, i), this.label = void 0, this.size = "m", this.value = 0, this.variant = "bar";
+  constructor(a) {
+    t(this, a), this.label = void 0, this.size = "m", this.value = 0, this.variant = "bar";
   }
   render() {
-    const i = c("progress-indicator", `progress-indicator--size-${this.size}`, `progress-indicator--variant-${this.variant}`), a = this.size === "m" ? 4 : 2, r = this.size === "m" ? 20 : 10, s = Math.round(r * 2 * Math.PI), o = Math.round(s * ((100 - this.value) / 100));
-    return e(n, { key: "1775b978f39e6cada5a4f1dd183777c6264f278b", class: this.variant }, this.variant === "bar" && e("progress", { key: "aa0728a4cd40ea04b065658ddb8a814ef3014b93", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: i, max: 100, value: this.value }), this.variant === "circle" && e("span", { key: "9f3e31c44e00bb29e058ca3d7f5fb9839b7a58f8", role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: i }, e("svg", { key: "f505f3a9c661f258fec8d47a07b254690a1e159f", class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(r + a) * 2} ${(r + a) * 2}` }, e("circle", { key: "ed74d368a592b861de6c51310b6f7ee8d228fdcd", class: "progress-indicator__circle-background", cx: r + a, cy: r + a, r, fill: "none", "stroke-width": a }), e("circle", { key: "91cb25a49057fc18b8bf2c4d11ad5f33c465bb2e", class: "progress-indicator__circle-value", cx: r + a, cy: r + a, r, fill: "none", "stroke-width": a, "stroke-dasharray": s, "stroke-dashoffset": o }))));
+    const a = c("progress-indicator", `progress-indicator--size-${this.size}`, `progress-indicator--variant-${this.variant}`), e = this.size === "m" ? 4 : 2, r = this.size === "m" ? 20 : 10, s = Math.round(r * 2 * Math.PI), o = Math.round(s * ((100 - this.value) / 100));
+    return i(n, { key: "ca77d885b616b669a5033061be8f2f21343a21d7", class: this.variant }, this.variant === "bar" && i("progress", { key: "71195582ff12f2710703846d15549aa8ceeb3712", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: a, max: 100, value: this.value }), this.variant === "circle" && i("span", { key: "2d0da5160a59cd6002c8ee9fd2b907b6fe7210bd", role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: a }, i("svg", { key: "758e7629cb59f15066e898f5b052d3e861bf4c1d", class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(r + e) * 2} ${(r + e) * 2}` }, i("circle", { key: "3a50b796bdd0d77bfdca2fd6260e98674094e4d4", class: "progress-indicator__circle-background", cx: r + e, cy: r + e, r, fill: "none", "stroke-width": e }), i("circle", { key: "f5a460cc868e4445682312f7ce48e06cc71e95b8", class: "progress-indicator__circle-value", cx: r + e, cy: r + e, r, fill: "none", "stroke-width": e, "stroke-dasharray": s, "stroke-dashoffset": o }))));
   }
 };
 b.style = l;

package/dist/{swirl-radio-group.entry.77dc50d1.js → swirl-radio-group.entry.c0eb036c.js}

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

package/dist/{swirl-radio.entry.c7e60f42.js → swirl-radio.entry.75264c82.js}

@@ -1,4 +1,4 @@
-import { r as s, c, h as i, H as l } from "./index.9d32bf5e.js";
+import { r as s, c, h as i, H as l } from "./index.3c12ddea.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -20,7 +20,7 @@ const n = `.sc-swirl-radio-h{display:inline-flex}.sc-swirl-radio-h *.sc-swirl-ra
       "radio--invalid": this.invalid,
       "radio--unchecked": r
     });
-    return i(l, { key: "356f0ffb73ee231dd2628b5140e49cb26f9125d2", style: { width: this.variant === "card" ? "100%" : void 0 } }, i("label", { key: "2d53f5c89e7b6c1d183c82833aebd53c187bcaf8", class: e, htmlFor: this.inputId }, i("span", { key: "f24232f655cb662a3bc2e4e7d9fd5fdb207126fa", class: "radio__control" }, i("swirl-visually-hidden", { key: "92af7f54824462774b9979a9c14465b0bd88309c" }, i("input", { key: "53a2420a5939ed9b9ce6154fc1db632a9ecc6998", "aria-checked": d, "aria-invalid": o, checked: a, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), i("span", { key: "e173e8f8368e57a81c79b6a5579950cf9b7e768c", "aria-hidden": "true", class: "radio__box" })), i("span", { key: "2bfe5599e18cf9e9698c224dcd10fa4c0cb03a3d", class: "radio__label-container" }, this.label && i("span", { key: "821bcfe218c5dc5dbc81fdf43282b772542eef55", class: "radio__label" }, this.label), this.description && i("span", { key: "45cd8e26727739a330c5332ece9fceef25e98fc1", class: "radio__description", innerHTML: this.description }))));
+    return i(l, { key: "406d97d8e87da8a17bbff7b67cf6ecbf7d908064", style: { width: this.variant === "card" ? "100%" : void 0 } }, i("label", { key: "6e4e93dc91ebfb3264226fc58e9322184179698d", class: e, htmlFor: this.inputId }, i("span", { key: "255519514587f38e0e9aa1beb3cee17993ff5cc4", class: "radio__control" }, i("swirl-visually-hidden", { key: "1bb98d55d2caceb15f72a2a82c3a0957a6509d0b" }, i("input", { key: "928992a95349bd917415be1a34c73bacec246bad", "aria-checked": d, "aria-invalid": o, checked: a, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), i("span", { key: "d912ffceed37c2f4201396d74cdff439cb41e735", "aria-hidden": "true", class: "radio__box" })), i("span", { key: "c3cdad462855597283f685bca62bf7bdef10e04d", class: "radio__label-container" }, this.label && i("span", { key: "56a0225a0c1e8e42e08187f895ddf31745528fa5", class: "radio__label" }, this.label), this.description && i("span", { key: "844c8355d1f8fc2d679df288fb19a6edc497d009", class: "radio__description", innerHTML: this.description }))));
   }
 };
 b.style = h;

package/dist/{swirl-resource-list-file-item.entry.270cbc23.js → swirl-resource-list-file-item.entry.1f623b75.js}

@@ -1,4 +1,4 @@
-import { r as c, c as a, h as e, H as n } from "./index.9d32bf5e.js";
+import { r as c, c as a, h as e, H as n } from "./index.3c12ddea.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import { g as f } from "./utils-aab10c80.240adddc.js";
 import "react";

package/dist/{swirl-search.entry.1f3cbbe5.js → swirl-search.entry.1cf71ad5.js}

@@ -1,4 +1,4 @@
-import { r as i, c as r, h as a, H as t } from "./index.9d32bf5e.js";
+import { r as i, c as r, h as a, H as t } from "./index.3c12ddea.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as h } from "./utils-aab10c80.240adddc.js";
 import "react";
@@ -41,7 +41,7 @@ const n = ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-sw
     const s = c("search", `search--variant-${this.variant}`, {
       "search--disabled": this.disabled
     });
-    return a(t, { key: "9e344f91f91a22e9ca16798c23ddef6cbd2be45f" }, a("span", { key: "35b19da8d567cdb39f3b6fb3b37a304c45f7947b", class: s, ref: (e) => this.iconEl = e }, a("swirl-icon-search", { key: "4a44038ca74e7b10d656ad4dc1cd287a5ac32f66", "aria-hidden": "true", class: "search__icon" }), a("input", { key: "52fca9f3a7061ecf476ab11ad07fa04eac393cd7", "aria-disabled": this.disabled ? "true" : void 0, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (e) => this.input = e, type: "search", value: this.value }), !this.disabled && a("button", { key: "f8f0a775a767c9a0e618179461cdeb9ece66b337", "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, a("swirl-icon-cancel", { key: "e53c5ea165eb86907884c90aad9233b7492fb622" }))));
+    return a(t, { key: "5bf70e02de79109b2b06f398d3ce1859f76df9e3" }, a("span", { key: "826ecc2b262862f239e554b2185329580cd83a17", class: s, ref: (e) => this.iconEl = e }, a("swirl-icon-search", { key: "adb74eac3160bffcffc8088c1a500f2215967165", "aria-hidden": "true", class: "search__icon" }), a("input", { key: "9b3504f92c7cec190ef9b4a6613d513ebd960e7e", "aria-disabled": this.disabled ? "true" : void 0, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (e) => this.input = e, type: "search", value: this.value }), !this.disabled && a("button", { key: "fe42a660d21d6681cc30e648f7f616e6636446c3", "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, a("swirl-icon-cancel", { key: "cd55c1ccdb59ab69129e9751dd4d25f0157f585a" }))));
   }
 };
 l.style = o;