@getflip/swirl-components-react 0.365.1 → 0.367.0

package/dist/{swirl-icon-tree-structure.entry.003ac779.js → swirl-icon-tree-structure.entry.c86efdbb.js}

@@ -1,4 +1,4 @@
-import { r as H, h as C, F as s } from "./index.80484ba7.js";
+import { r as H, h as C, F as s } from "./index.c90e8594.js";
 import { c as V } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-undo.entry.3e0a5a4f.js → swirl-icon-undo.entry.b6773cdb.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as s } from "./index.80484ba7.js";
+import { r as t, h as C, F as s } from "./index.c90e8594.js";
 import { c } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-unlock-person.entry.7069433d.js → swirl-icon-unlock-person.entry.bca4e5a9.js}

@@ -1,4 +1,4 @@
-import { r as s, h as e, F as C } from "./index.80484ba7.js";
+import { r as s, h as e, F as C } from "./index.c90e8594.js";
 import { c as t } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-upload.entry.780cb539.js → swirl-icon-upload.entry.5f2e6980.js}

@@ -1,4 +1,4 @@
-import { r as a, h as C, F as s } from "./index.80484ba7.js";
+import { r as a, h as C, F as s } from "./index.c90e8594.js";
 import { c as o } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-user-add.entry.17488450.js → swirl-icon-user-add.entry.e91afc53.js}

@@ -1,4 +1,4 @@
-import { r as c, h as C, F as s } from "./index.80484ba7.js";
+import { r as c, h as C, F as s } from "./index.c90e8594.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-user-assign.entry.d8056a5d.js → swirl-icon-user-assign.entry.ac99723c.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as s } from "./index.80484ba7.js";
+import { r, h as C, F as s } from "./index.c90e8594.js";
 import { c as a } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-video-camera-off.entry.a5cc3919.js → swirl-icon-video-camera-off.entry.8764f807.js}

@@ -1,4 +1,4 @@
-import { r as a, h as C, F as i } from "./index.80484ba7.js";
+import { r as a, h as C, F as i } from "./index.c90e8594.js";
 import { c as o } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-video-camera.entry.67c37f86.js → swirl-icon-video-camera.entry.b4eb2787.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as s } from "./index.80484ba7.js";
+import { r as t, h as e, F as s } from "./index.c90e8594.js";
 import { c as o } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-video-library.entry.7ab7318d.js → swirl-icon-video-library.entry.7d0b7bad.js}

@@ -1,4 +1,4 @@
-import { r as a, h as C, F as i } from "./index.80484ba7.js";
+import { r as a, h as C, F as i } from "./index.c90e8594.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-view-agenda.entry.a9cffc65.js → swirl-icon-view-agenda.entry.ad67d1c2.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as s } from "./index.80484ba7.js";
+import { r as t, h as e, F as s } from "./index.c90e8594.js";
 import { c } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-voice.entry.18cd6e4f.js → swirl-icon-voice.entry.7ef2ac11.js}

@@ -1,4 +1,4 @@
-import { r as c, h as C, F as i } from "./index.80484ba7.js";
+import { r as c, h as C, F as i } from "./index.c90e8594.js";
 import { c as o } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-volume-up.entry.f508f6e2.js → swirl-icon-volume-up.entry.11ee51b0.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as s } from "./index.80484ba7.js";
+import { r as t, h as C, F as s } from "./index.c90e8594.js";
 import { c as o } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-web-asset-off.entry.9e17c36b.js → swirl-icon-web-asset-off.entry.14e132a9.js}

@@ -1,4 +1,4 @@
-import { r as c, h as C, F as s } from "./index.80484ba7.js";
+import { r as c, h as C, F as s } from "./index.c90e8594.js";
 import { c as o } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-web-asset.entry.03dba356.js → swirl-icon-web-asset.entry.4e846086.js}

@@ -1,4 +1,4 @@
-import { r as a, h as e, F as i } from "./index.80484ba7.js";
+import { r as a, h as e, F as i } from "./index.c90e8594.js";
 import { c as o } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-work.entry.dfc79a90.js → swirl-icon-work.entry.971c8400.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as i } from "./index.80484ba7.js";
+import { r as o, h as e, F as i } from "./index.c90e8594.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

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

@@ -0,0 +1,16 @@
+import { r as t, h as i, H as o } from "./index.c90e8594.js";
+import "react";
+import "react-dom";
+const r = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", e = class {
+  constructor(s) {
+    t(this, s), this.size = 24;
+  }
+  render() {
+    const s = `swirl-icon-${this.glyph}`;
+    return i(o, { key: "abb8a9d727983cca95e5c9600a13f0f77d26223d" }, i(s, { key: "d86673ee0436541dbf40f73d9361b3d1c5f4c414", color: this.color, size: this.size }));
+  }
+};
+e.style = r;
+export {
+  e as swirl_icon
+};

package/dist/{swirl-image-grid-item.entry.21936d6b.js → swirl-image-grid-item.entry.dc91ee87.js}

@@ -1,9 +1,9 @@
-import { r as g, c as d, h as e, H as l, g as m } from "./index.80484ba7.js";
+import { r as g, c as d, h as e, H as l, g as m } from "./index.c90e8594.js";
 import { c as h } from "./index-orsBiyT_.fc4357c3.js";
 import { d as b } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";
-const f = ':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;opacity:0;transition:opacity 0.3s ease-in}.image-grid-item--loaded .image-grid-item__image{opacity:1}.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__gif-controls{position:absolute;z-index:1;bottom:var(--s-space-8);left:var(--s-space-8)}.image-grid-item__gif-controls .image-grid-item__gif-controls__icon{display:flex;padding:var(--s-space-2);justify-content:center;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-icon-on-image);background-color:var(--s-surface-on-image-default)}.image-grid-item__gif-controls .image-grid-item__gif-controls__icon--button{border:none;cursor:pointer}.image-grid-item__gif-controls .image-grid-item__gif-controls__icon--label{padding-left:var(--s-space-8);padding-right:var(--s-space-8)}.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__skeleton{position:absolute;z-index:3;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}', u = class {
+const u = ':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;opacity:0;transition:opacity 0.3s ease-in}.image-grid-item--loaded .image-grid-item__image{opacity:1}.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__gif-controls{position:absolute;z-index:1;bottom:var(--s-space-8);left:var(--s-space-8)}.image-grid-item__gif-controls .image-grid-item__gif-controls__icon{display:flex;padding:var(--s-space-2);justify-content:center;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-icon-on-image);background-color:var(--s-surface-on-image-default)}.image-grid-item__gif-controls .image-grid-item__gif-controls__icon--button{border:none;cursor:pointer}.image-grid-item__gif-controls .image-grid-item__gif-controls__icon--label{padding-left:var(--s-space-8);padding-right:var(--s-space-8)}.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__skeleton{position:absolute;z-index:3;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}', f = class {
   constructor(i) {
     g(this, i), this.gifStarted = d(this, "gifStarted", 7), this.gifStopped = d(this, "gifStopped", 7), this.imageError = d(this, "imageError", 7), this.imageLoad = d(this, "imageLoad", 7), this.gifPauseLabel = "Pause GIF playback", this.gifPlayLabel = "Continue GIF playback", this.error = !1, this.loaded = !1, this.inViewport = !1, this.gifPaused = !1, this.handleIntersectionEntries = b((t) => {
       const s = [...t].sort((r, a) => r.time - a.time);
@@ -70,9 +70,9 @@ const f = ':host{display:block;width:100%;min-height:0}:host *{box-sizing:border
       "image-grid-item--has-overlay": this.overlay,
       "image-grid-item--loaded": this.loaded
     });
-    return e(l, { key: "5d5b948fedfc62da915663bdb43dc7e3fd76ff41", "data-sibling-count": s, role: "listitem" }, e(i, { key: "34944b7baa5f2799f293a79953eaf01a36b1a5b8", class: r, type: this.interactive ? "button" : void 0 }, e("div", { key: "ee76d13224c00a988f00e0032994f21ab781e861", class: "image-grid-item__background", style: {
+    return e(l, { key: "573e3f3d031a8b08e3e52c4ca76b2458390cd351", "data-sibling-count": s, role: "listitem" }, e(i, { key: "529e1fc28a87ca13d1dcbe3ba2a9c64653eac8b1", class: r, type: this.interactive ? "button" : void 0 }, e("div", { key: "02ee7f89bfb6535501773ba05c9782c027d47faa", class: "image-grid-item__background", style: {
       backgroundImage: t ? `url(${this.computedSrc})` : void 0
-    } }), t ? e("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : void 0, ref: this.onImageElementUpdate, src: this.computedSrc }) : e("div", { class: "image-grid-item__loading-placeholder" }, e("swirl-visually-hidden", null, this.alt)), this.showGifControls && e("swirl-stack", { key: "45fbe463751392050c5eb492cf98a6b02cdc96b5", class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, e("button", { key: "317bc2c711b1e1d91401db0f8ccea254625f0571", class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--button", onClick: this.handleControlClick, type: "button", "aria-label": this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel }, this.gifPaused ? e("swirl-icon-play-arrow", { size: 20 }) : e("swirl-icon-pause", { size: 20 })), e("div", { key: "ecdb4838cb4d342903565826c303ef4e3b0f1202", class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, e("swirl-icon-gif", { key: "cc54328af1c474f9390fc2f2f8044b7617794cbe", size: 20 }))), this.loaded && !this.error && this.icon && !Boolean(this.overlay) && e("div", { key: "a7e2cb8a18ce8ba183003f84912cf2c8cf9c0f9f", class: "image-grid-item__icon", innerHTML: this.icon }), this.overlay && e("div", { key: "5afc7f156eb5619a198d701f4f02e1e17b16100f", class: "image-grid-item__overlay" }, this.overlay), !this.loaded && e("swirl-skeleton-box", { key: "1bc253fa0af9538c5f6b8b426bc5908f6176bf19", class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" }), this.loaded && this.error && e("div", { key: "f4bf60edc6f42ff7787b64d39584ff4874492e80", class: "image-grid-item__error" }, e("swirl-icon-error", { key: "61c761d4e2e606ded092e6c18d8766f017110a7f", color: "critical" }))));
+    } }), t ? e("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : void 0, ref: this.onImageElementUpdate, src: this.computedSrc }) : e("div", { class: "image-grid-item__loading-placeholder" }, e("swirl-visually-hidden", null, this.alt)), this.showGifControls && e("swirl-stack", { key: "675aaaefe83d45d310e65f2cb6fd168db429df1e", class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, e("button", { key: "f3a6259a8f9da085c13dbdbe119b4c060e40c547", class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--button", onClick: this.handleControlClick, type: "button", "aria-label": this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel }, this.gifPaused ? e("swirl-icon-play-arrow", { size: 20 }) : e("swirl-icon-pause", { size: 20 })), e("div", { key: "9269385dcf157eb1393bafc15e34498933124998", class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, e("swirl-icon-gif", { key: "8863f41745b446f16673aba8c7d26a036c0fec3c", size: 20 }))), this.loaded && !this.error && this.icon && !Boolean(this.overlay) && e("div", { key: "d42380e1652fe3355f7f54ccc0c43fbada2e04c6", class: "image-grid-item__icon", innerHTML: this.icon }), this.overlay && e("div", { key: "abafe4a7983861c54cc788fc760ed28b9e4ec7ae", class: "image-grid-item__overlay" }, this.overlay), !this.loaded && e("swirl-skeleton-box", { key: "54d62c8ae3d44c37f8d79d8892d0b7adde498c3d", class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" }), this.loaded && this.error && e("div", { key: "6c8c0781b308141a4276ce13874b8798d92c5ee6", class: "image-grid-item__error" }, e("swirl-icon-error", { key: "b9c820fb07f1267c2c254bd8ee9a482c86348a6b", color: "critical" }))));
   }
   get el() {
     return m(this);
@@ -83,7 +83,7 @@ const f = ':host{display:block;width:100%;min-height:0}:host *{box-sizing:border
     };
   }
 };
-u.style = f;
+f.style = u;
 export {
-  u as swirl_image_grid_item
+  f as swirl_image_grid_item
 };

package/dist/{swirl-image-grid.entry.1d6566f0.js → swirl-image-grid.entry.db7804bf.js}

@@ -1,4 +1,4 @@
-import { r as a, h as t, H as r, g as c } from "./index.80484ba7.js";
+import { r as a, h as t, H as r, g as c } from "./index.c90e8594.js";
 import { c as d } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -41,7 +41,7 @@ const o = `:host{display:block}:host *{box-sizing:border-box}.image-grid{display
       aspectRatio: this.caculateAspectRatio(),
       borderRadius: l.includes(this.borderRadius) ? `var(--s-border-radius-${this.borderRadius})` : this.borderRadius
     };
-    return t(r, { key: "7d4fdf93cbd99bf38f2e5390b4b3eb6bb4f912fe" }, t("div", { key: "b2e0670c4fbf879bec3365a2741717d3aef5755d", "aria-label": this.label, class: e, role: "list", style: i }, t("slot", { key: "3d24538c879cf9ab7f13572b6c24ad9b4dcbca68", onSlotchange: this.updateItems })));
+    return t(r, { key: "90bb7f66862a60ec727b5ebf4e7a28395e12de99" }, t("div", { key: "855f747b8ba3c678c6d4bf5c2a8dda87e51477d6", "aria-label": this.label, class: e, role: "list", style: i }, t("slot", { key: "56a605da09875d68e2850ff528b7ddae2a121c96", onSlotchange: this.updateItems })));
   }
   get el() {
     return c(this);

package/dist/{swirl-inline-notification.entry.70ced5a7.js → swirl-inline-notification.entry.6e00a3bb.js}

@@ -1,17 +1,17 @@
-import { r as e, h as i, H as t } from "./index.80484ba7.js";
+import { r as e, h as i, H as t } from "./index.c90e8594.js";
 import { c } from "./index-orsBiyT_.fc4357c3.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 = 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 = class {
   constructor(n) {
     e(this, n), this.importance = "status", this.intent = "info";
   }
   render() {
     const n = c("inline-notification", `inline-notification--intent-${this.intent}`);
-    return i(t, { key: "9f5f0e6f028bcbc7add923e36fa21d83aa4ae24a" }, i("div", { key: "0a8d9ca76eb803cd72aaa623d9c4755c17d47f6f", "aria-describedby": "content", class: n, role: this.importance, tabIndex: 0 }, i("span", { key: "d514031657c986396e37d90a4f8462096dc04d61", "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && i("swirl-icon-error", { key: "ca5c67748239e1c4a8ad6a7b7502cd52b40ff235", size: 20 }), this.intent === "success" && i("swirl-icon-check-circle", { key: "cdd4978314fe86ff3e3bbc2f3256d94900ac12f9", size: 20 }), this.intent === "warning" && i("swirl-icon-warning", { key: "4df361caefaf8290b7ec4924ec85e4567e0235b4", size: 20 }), this.intent === "info" && i("swirl-icon-info", { key: "e3f4566951b68e6f0acfbee8d23f81c0e3bdf016", size: 20 })), i("span", { key: "573fbd6dfb001ce39f38a5d203fe4db1c57962a8", class: "inline-notification__content", id: "content" }, this.hideHeading && i("swirl-visually-hidden", { key: "8a40f20b765ccffa3344f0771e4871fc21e9f9e5" }, this.heading) || i("swirl-text", { key: "5d22a928aef150061140ef8d3bb893bf66a6c573", class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading), i("slot", { key: "23907678254fce68eddade2d2e631a81fefbb159" }))));
+    return i(t, { key: "f05af92c68a8b3949d6b478b77f885185ba32119" }, i("div", { key: "dfe2626206cc8af2d44c7b44cfd8fb364d3405da", "aria-describedby": "content", class: n, role: this.importance, tabIndex: 0 }, i("span", { key: "0ffdce4379c133e9c8b66b2edfc7d5e00e522fc6", "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && i("swirl-icon-error", { key: "bf79373b5bd5902e95a801ecec44e40525963b41", size: 20 }), this.intent === "success" && i("swirl-icon-check-circle", { key: "5cae31b55f245b4f9d8aa7d598cb524a044f85df", size: 20 }), this.intent === "warning" && i("swirl-icon-warning", { key: "fa006e3eda6102644d140b34c6a9f67b09b08cd7", size: 20 }), this.intent === "info" && i("swirl-icon-info", { key: "b08fdfeab0389e8ada4b900e397095226246c379", size: 20 })), i("span", { key: "a54b17d14bf62a131cc546750af5cb6994eaf816", class: "inline-notification__content", id: "content" }, this.hideHeading && i("swirl-visually-hidden", { key: "c7829d25e4fca758745ed3faf812b3544c593539" }, this.heading) || i("swirl-text", { key: "17d5bc32cc74b529f92144fd129f55cc7fe1361b", class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading), i("slot", { key: "7f5c2df3a604f376b38eb3f42edd8d0fd1219d78" }))));
   }
 };
-o.style = a;
+a.style = o;
 export {
-  o as swirl_inline_notification
+  a as swirl_inline_notification
 };

package/dist/{swirl-inline-status.entry.0b5834d8.js → swirl-inline-status.entry.30eb6200.js}

@@ -1,10 +1,10 @@
-import { r as e, h as s, H as a } from "./index.80484ba7.js";
+import { r as e, h as s, H as a } from "./index.c90e8594.js";
 import { c as o } from "./index-orsBiyT_.fc4357c3.js";
 import { D as r } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";
 import "react-dom";
 import "./utils-D_MUFqkF.654ff3ce.js";
-const l = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-status{display:inline-flex;color:var(--s-text-default);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.inline-status--size-s{font-size:var(--s-font-size-sm)}.inline-status--size-s .inline-status__icon{width:1rem;height:1rem;margin-top:0.125rem}.inline-status--size-s .inline-status__message{padding-top:0}.inline-status--intent-critical{color:var(--s-text-critical)}.inline-status--intent-critical .inline-status__icon{color:var(--s-icon-critical)}.inline-status--intent-info{color:var(--s-text-info)}.inline-status--intent-info .inline-status__icon{color:var(--s-icon-info)}.inline-status--intent-neutral{color:var(--s-text-subdued)}.inline-status--intent-neutral .inline-status__icon{color:var(--s-icon-default)}.inline-status--intent-success{color:var(--s-text-success)}.inline-status--intent-success .inline-status__icon{color:var(--s-icon-success)}.inline-status--intent-warning{color:var(--s-text-warning)}.inline-status--intent-warning .inline-status__icon{color:var(--s-icon-warning)}.inline-status__icon{display:inline-flex;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);color:var(--s-icon-default);align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__icon{width:1.25rem;height:1.25rem}}.inline-status__message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__message{padding-top:0}}", c = class {
+const c = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-status{display:inline-flex;color:var(--s-text-default);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.inline-status--size-s{font-size:var(--s-font-size-sm)}.inline-status--size-s .inline-status__icon{width:1rem;height:1rem;margin-top:0.125rem}.inline-status--size-s .inline-status__message{padding-top:0}.inline-status--intent-critical{color:var(--s-text-critical)}.inline-status--intent-critical .inline-status__icon{color:var(--s-icon-critical)}.inline-status--intent-info{color:var(--s-text-info)}.inline-status--intent-info .inline-status__icon{color:var(--s-icon-info)}.inline-status--intent-neutral{color:var(--s-text-subdued)}.inline-status--intent-neutral .inline-status__icon{color:var(--s-icon-default)}.inline-status--intent-success{color:var(--s-text-success)}.inline-status--intent-success .inline-status__icon{color:var(--s-icon-success)}.inline-status--intent-warning{color:var(--s-text-warning)}.inline-status--intent-warning .inline-status__icon{color:var(--s-icon-warning)}.inline-status__icon{display:inline-flex;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);color:var(--s-icon-default);align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__icon{width:1.25rem;height:1.25rem}}.inline-status__message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__message{padding-top:0}}", l = class {
   constructor(i) {
     e(this, i), this.size = "m", this.iconSize = 20, this.mediaQueryUnsubscribe = () => {
     };
@@ -28,10 +28,10 @@ const l = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-statu
   }
   render() {
     const i = o("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-    return s(a, { key: "8edafcdcaf987ecaf6933cf29763b148259a45b5" }, s("span", { key: "fef5b8bd929f382719e40f2bba7361366cf5e705", class: i, part: "inline-status" }, this.icon && s("span", { key: "8ac0cb5da2dd6f73ef0e55107ef8a5429dde7dd6", class: "inline-status__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), s("span", { key: "b11996adddd091d3281e96623b8065ab6effc171", class: "inline-status__message" }, this.message)));
+    return s(a, { key: "d67b2912b5cf8351ec349444bae702a0bc6f66ca" }, s("span", { key: "382d9ab3c37766b59fb02dd50ce24b3fbfd9e7f8", class: i, part: "inline-status" }, this.icon && s("span", { key: "652aa28a1581cb78685e3e31d2a16621a025fb6a", class: "inline-status__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), s("span", { key: "712e906a2cb9c58bd665831cb0299f154a8b5990", class: "inline-status__message" }, this.message)));
   }
 };
-c.style = l;
+l.style = c;
 export {
-  c as swirl_inline_status
+  l as swirl_inline_status
 };

package/dist/{swirl-lightbox.entry.b7483b21.js → swirl-lightbox.entry.34341314.js}

@@ -1,4 +1,4 @@
-import { r as b, c, h as i, H as u, g } from "./index.80484ba7.js";
+import { r as b, c, h as i, H as u, g } from "./index.c90e8594.js";
 import { d as f, e as m } from "./bodyScrollLock.esm-B0kNlhKL.c7a66a82.js";
 import { c as p } from "./index-orsBiyT_.fc4357c3.js";
 import { c as x } from "./focus-trap.esm-DIdMBZfn.c41dd5d8.js";

package/dist/{swirl-link.entry.36bb8813.js → swirl-link.entry.84e35c5f.js}

@@ -1,4 +1,4 @@
-import { r as i, h as r, H as t } from "./index.80484ba7.js";
+import { r as i, h as r, H as t } from "./index.c90e8594.js";
 import { c as s } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -8,7 +8,7 @@ const o = ":host{display:inline-flex}:host *{box-sizing:border-box}.link{color:v
   }
   render() {
     const e = s("link", `link--color-${this.color}`);
-    return r(t, { key: "32936db0ef9f80bb39feec54f41a5808c7dee885" }, r("a", { key: "67150f2600f8a1597f254da93f598035701458f5", class: e, href: this.href, part: "link", target: this.target }, this.label));
+    return r(t, { key: "e9f3357525bb976f93b594ba41f54556f95aed68" }, r("a", { key: "0d78230d5c4d2036747e5c9746ff304d5d1a39f6", class: e, href: this.href, part: "link", target: this.target }, this.label));
   }
 };
 a.style = o;

package/dist/{swirl-list.entry.7e968992.js → swirl-list.entry.31055d94.js}

@@ -1,4 +1,4 @@
-import { r as l, h as i, H as r } from "./index.80484ba7.js";
+import { r as l, h as i, H as r } from "./index.c90e8594.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 = class {

package/dist/{swirl-menu-item.entry.a1abc7df.js → swirl-menu-item.entry.6f60197b.js}

@@ -1,4 +1,4 @@
-import { r, f as l, h as i, H as h, g as u } from "./index.80484ba7.js";
+import { r, f as l, h as i, H as h, g as u } from "./index.c90e8594.js";
 import { c as d } from "./index-orsBiyT_.fc4357c3.js";
 import { l as c, p } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";

package/dist/{swirl-menu.entry.0896eb9a.js → swirl-menu.entry.09ecdfb6.js}

@@ -1,4 +1,4 @@
-import { r as d, c, h as o, H as b, g as v } from "./index.80484ba7.js";
+import { r as d, c, h as o, H as b, g as v } from "./index.c90e8594.js";
 import { P as p, N as f, D as w, k as g, b as y } from "./floating-ui.dom.browser.min-BtsCuEVE.45e9e353.js";
 import { c as M } from "./index-orsBiyT_.fc4357c3.js";
 import { q as a, l, p as h, i as I, k as x } from "./utils-D_MUFqkF.654ff3ce.js";
@@ -156,12 +156,12 @@ const _ = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
       "menu--mobile": this.mobile,
       "menu--root": e
     });
-    return o(b, { key: "5e6f7b4b48d7251669789f0844ccca7457292073" }, o("div", { key: "d732f546739ba29ff883ee12c5697a8848b4a4c1", class: s }, this.mobile && e && o("div", { key: "2bad059ccb077a053077d4c4c9fcfb38833f8911", class: "menu__mobile-header" }, this.activeLevel === 0 && o("swirl-button", { key: "f424eb771529442ad9ad17ef7b4587a41b171c58", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" }), this.activeLevel > 0 && o("swirl-button", { key: "1100e69afa7deb00fec5574a4500481deb1489af", hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" }), o("span", { key: "b0ef8a53dfc76dcc4c9e3a4e2cf98adddcca863d", class: "menu__title", id: "menu-title" }, o("swirl-heading", { key: "c0da63e4bc5f95baa4a1505eef8c50a2b2577398", align: "center", as: "span", level: 4, text: this.label, truncate: !0 })), o("swirl-button", { key: "bf18eb1711813ca7ee91d5f4f01b269fef898cd6", class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone })), o("div", { key: "e5f32c075459e5083bc3c25de1b7085adbf0880a", "aria-label": t, "aria-labelledby": i, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (m) => this.menuContainer = m, role: n, style: !this.mobile && this.level > 0 ? {
+    return o(b, { key: "b75fb943f91cc899f162c0b63f8082d179843769" }, o("div", { key: "b31150e343ddb6a6dd646e68d7ecc3b74f68db10", class: s }, this.mobile && e && o("div", { key: "48ceb1ee35d7062d5db05504a27bd76c717f07f1", class: "menu__mobile-header" }, this.activeLevel === 0 && o("swirl-button", { key: "fb64243cc608184d034e8fbdc7dfb32c8dff98ef", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" }), this.activeLevel > 0 && o("swirl-button", { key: "c344b6b747ec9abd2a2f6646fd8ed3e24bb21109", hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" }), o("span", { key: "0309c5898a83283037bc1b3eda6ee93fd2f16a2d", class: "menu__title", id: "menu-title" }, o("swirl-heading", { key: "2857abaadd4af6c70d58fe7c85d0af0543908493", align: "center", as: "span", level: 4, text: this.label, truncate: !0 })), o("swirl-button", { key: "f2ba19bfd22201241db9a0ef9f641497c2b1a4e2", class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone })), o("div", { key: "f15159747fe2ace5d4d643aaa32c36592c4dda56", "aria-label": t, "aria-labelledby": i, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (m) => this.menuContainer = m, role: n, style: !this.mobile && this.level > 0 ? {
       top: Boolean(this.position) ? `${(r = this.position) == null ? void 0 : r.y}px` : "",
       left: Boolean(this.position) ? `${(u = this.position) == null ? void 0 : u.x}px` : ""
     } : this.mobile ? {
       left: e ? `calc(-100% * ${this.activeLevel})` : "100%"
-    } : void 0 }, o("slot", { key: "28508c258b51e993822210c06077134c3e1b69ca" }))));
+    } : void 0 }, o("slot", { key: "8ce8f58560c9bf747293249f9e9fecd7f56bc27f" }))));
   }
   get el() {
     return v(this);

package/dist/{swirl-modal.entry.4c72d7ec.js → swirl-modal.entry.fcae5a6f.js}

@@ -1,4 +1,4 @@
-import { r as u, c as t, h as e, H as p, g as _ } from "./index.80484ba7.js";
+import { r as u, c as t, h as a, H as p, g as _ } from "./index.c90e8594.js";
 import { d as h, e as b } from "./bodyScrollLock.esm-B0kNlhKL.c7a66a82.js";
 import { c as f } from "./index-orsBiyT_.fc4357c3.js";
 import { c as v } from "./focus-trap.esm-DIdMBZfn.c41dd5d8.js";
@@ -23,8 +23,8 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       var(--swirl-modal-max-width) + var(--swirl-modal-sidebar-width) +
         var(--swirl-modal-max-secondary-content-width)
     )}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}`, y = class {
-  constructor(a) {
-    u(this, a), this.toggleFullscreen = t(this, "toggleFullscreen", 7), this.modalClose = t(this, "modalClose", 7), this.modalOpen = t(this, "modalOpen", 7), this.primaryAction = t(this, "primaryAction", 7), this.requestModalClose = t(this, "requestModalClose", 7), this.secondaryAction = t(this, "secondaryAction", 7), this.sidebarClose = t(this, "sidebarClose", 7), this.closable = !0, this.closeButtonLabel = "Close modal", this.fullscreenEnableButtonLabel = "Full screen", this.fullscreenDisableButtonLabel = "Exit full screen", this.padded = !0, this.variant = "default", this.sidebarPadded = !0, this.sidebarFooterPadded = !0, this.sidebarCloseButtonLabel = "Close sidebar", this.isOpen = !1, this.isFullscreen = !1, this.isFullscreenTransitioning = !1, this.closing = !1, this.scrollable = !1, this.scrolled = !1, this.scrolledDown = !1, this.sidebarScrolled = !1, this.sidebarScrolledDown = !1, this.sidebarScrollable = !1, this.onKeyDown = (o) => {
+  constructor(e) {
+    u(this, e), this.toggleFullscreen = t(this, "toggleFullscreen", 7), this.modalClose = t(this, "modalClose", 7), this.modalOpen = t(this, "modalOpen", 7), this.primaryAction = t(this, "primaryAction", 7), this.requestModalClose = t(this, "requestModalClose", 7), this.secondaryAction = t(this, "secondaryAction", 7), this.sidebarClose = t(this, "sidebarClose", 7), this.closable = !0, this.closeButtonLabel = "Close modal", this.fullscreenEnableButtonLabel = "Full screen", this.fullscreenDisableButtonLabel = "Exit full screen", this.padded = !0, this.variant = "default", this.sidebarPadded = !0, this.sidebarFooterPadded = !0, this.sidebarCloseButtonLabel = "Close sidebar", this.isOpen = !1, this.isFullscreen = !1, this.isFullscreenTransitioning = !1, this.closing = !1, this.scrollable = !1, this.scrolled = !1, this.scrolledDown = !1, this.sidebarScrolled = !1, this.sidebarScrolledDown = !1, this.sidebarScrollable = !1, this.onKeyDown = (o) => {
       o.code === "Escape" && (o.stopImmediatePropagation(), this.close());
     }, this.onBackdropClick = () => {
       this.close();
@@ -54,12 +54,12 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     this.determineScrollStatus(), this.updateCustomFooterStatus(), this.updateCustomHeaderStatus(), this.updateHeaderToolsStatus(), this.updateSecondaryContentStatus(), this.updateSidebarContentStatus(), this.updateSidebarFooterStatus();
   }
   componentDidRender() {
-    var a;
-    (a = this.focusTrap) == null || a.updateContainerElements(this.modalEl);
+    var e;
+    (e = this.focusTrap) == null || e.updateContainerElements(this.modalEl);
   }
   disconnectedCallback() {
-    var a;
-    (a = this.focusTrap) == null || a.deactivate(), this.unlockBodyScroll();
+    var e;
+    (e = this.focusTrap) == null || e.deactivate(), this.unlockBodyScroll();
   }
   onWindowResize() {
     this.determineScrollStatus();
@@ -68,18 +68,18 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     this.isOpen = !0, this.modalOpen.emit(), this.setupFocusTrap(), setTimeout(() => {
       this.lockBodyScroll(), this.determineScrollStatus();
     }), setTimeout(() => {
-      var a;
-      (a = this.focusTrap) == null || a.activate(), this.handleAutoFocus();
+      var e;
+      (e = this.focusTrap) == null || e.activate(), this.handleAutoFocus();
     }, 200);
   }
-  async close(a) {
-    this.closing || (this.requestModalClose.emit(), !(!this.closable && !a) && (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
+  async close(e) {
+    this.closing || (this.requestModalClose.emit(), !(!this.closable && !e) && (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
       var o;
       (o = this.focusTrap) == null || o.deactivate(), this.isOpen = !1, this.modalClose.emit(), this.closing = !1;
     }, 150)));
   }
-  async setFullscreen(a) {
-    this.isFullscreen !== a && (this.isFullscreenTransitioning = !0, this.isFullscreen = a, this.toggleFullscreen.emit(this.isFullscreen), setTimeout(() => this.isFullscreenTransitioning = !1, 150));
+  async setFullscreen(e) {
+    this.isFullscreen !== e && (this.isFullscreenTransitioning = !0, this.isFullscreen = e, this.toggleFullscreen.emit(this.isFullscreen), setTimeout(() => this.isFullscreenTransitioning = !1, 150));
   }
   updateCustomFooterStatus() {
     this.hasCustomFooter = Boolean(this.el.querySelector('[slot="custom-footer"]'));
@@ -100,8 +100,8 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     this.hasSidebarFooter = Boolean(this.el.querySelector('[slot="sidebar-footer"]'));
   }
   handleAutoFocus() {
-    var a;
-    (a = this.modalEl.querySelector("input[autofocus]")) == null || a.focus();
+    var e;
+    (e = this.modalEl.querySelector("input[autofocus]")) == null || e.focus();
   }
   lockBodyScroll() {
     h(this.scrollContainer), h(this.sidebarScrollContainer);
@@ -112,7 +112,7 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       setReturnFocus: w(),
       escapeDeactivates: !1,
       tabbableOptions: {
-        getShadowRoot: (a) => a.shadowRoot
+        getShadowRoot: (e) => e.shadowRoot
       }
     });
   }
@@ -120,7 +120,7 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     this.scrollContainer && b(this.scrollContainer), this.sidebarScrollContainer && b(this.sidebarScrollContainer);
   }
   render() {
-    const a = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel), o = f("modal", `modal--variant-${this.variant}`, {
+    const e = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel), o = f("modal", `modal--variant-${this.variant}`, {
       "modal--closing": this.closing,
       "modal--fullscreen": this.isFullscreen,
       "modal--fullscreen-transitioning": this.isFullscreenTransitioning,
@@ -143,19 +143,19 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       "modal--sidebar-scrolled-down": this.sidebarScrolledDown,
       "modal--sidebar-scrollable": this.sidebarScrollable
     });
-    return e(p, { key: "7c24fee5323e2df19dabcb9a5a91655f0f28d4a1" }, e("section", { key: "4c30f0c893b6dbff9583c739793c877db7776d13", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: o, onKeyDown: this.onKeyDown, role: "dialog", ref: (d) => this.modalEl = d }, e("div", { key: "9c54e0b2b50d584c7e1ee97f2228d3d7d9b3cdf8", class: "modal__backdrop", onClick: this.onBackdropClick }), e("div", { key: "ac2f5576bfbf714ba3a6bf1eda46c25d30237737", class: "modal__body", style: this.isFullscreen ? {} : {
+    return a(p, { key: "b8d138b1ad7e273791814f5f9abd8a4a073636fb" }, a("section", { key: "0f63acbb187ff9d46dbff9da73144931e7ad33bd", "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: "bfb8b3f9745e9cdd99fa7ce688dce57f01258706", class: "modal__backdrop", onClick: this.onBackdropClick }), a("div", { key: "3a8014ffc0972052d9bd2fa1462c4447e09fdea3", class: "modal__body", style: this.isFullscreen ? {} : {
       "--swirl-modal-max-height": this.maxHeight,
       "--swirl-modal-height": this.height,
       minHeight: this.minHeight,
       maxWidth: this.maxWidth
-    } }, e("aside", { key: "8ef849f9a5e17ccceb7cff955e39bc28892dd28c", class: "modal__sidebar" }, this.sidebarLabel && e("header", { key: "2352dc5cb17e549f064dcd5ed0abfb7d99fec9e3", class: f("modal__sidebar-header", {
+    } }, a("aside", { key: "f4fc452be1ab849dd5f5af6cc22b9605603d18d4", class: "modal__sidebar" }, this.sidebarLabel && a("header", { key: "863e9f2aa8b7392afc7a8d20f451c35a4757b5c1", class: f("modal__sidebar-header", {
       "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton
-    }) }, this.hasSidebarCloseButton && e("swirl-button", { key: "004b9da5c81869306984a3aa87519ae452800fd1", hideLabel: !0, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), e("swirl-heading", { key: "69bde9ad0b480e9969e56c089c29117bf1f28d10", as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel })), e("div", { key: "a6346c2c7fde58212c6f5097d5d70606c3183e1b", class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (d) => this.sidebarScrollContainer = d }, e("slot", { key: "02bcee4978aa640ecbb3b4417cdb3e50291445cb", name: "sidebar-content" })), e("div", { key: "136c44311e48b3b88db6c642f245915656e59233", class: "modal__sidebar-footer" }, e("slot", { key: "a5e8df9f9147b7da7fd96a7efb9b3f71d4075d45", name: "sidebar-footer" }))), e("div", { key: "bb0170d8b569589cb559fedadfb3a0723c618934", class: "modal__main-content" }, e("header", { key: "ee87585b97d37bd9521a3efb97af9c24fea9d83e", class: "modal__custom-header" }, e("slot", { key: "5ee6d3e095940d24906edb710a574a13d82566ec", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && e("header", { key: "387bfdb294a2da6dca9126e19127548770d7e323", class: "modal__header" }, e("div", { key: "4a54700cd7a2824447892206073af4f5dbec9451", class: "modal__header-bar" }, !this.hideCloseButton && e("swirl-button", { key: "d6c3c80fb0c2cdee570e987bcc290e6581246f74", 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.showFullscreenButton && e("swirl-button", { key: "c3879455946bd91bf57c33fd8693fe0601933ead", class: "modal__fullscreen-button", hideLabel: !0, icon: this.isFullscreen ? "<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>" : "<swirl-icon-open-in-full></swirl-icon-open-in-full>", label: this.isFullscreen ? this.fullscreenDisableButtonLabel : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick }), !this.hideLabel && e("swirl-heading", { key: "d3b7a16db9e4feae042a90ae3d2d8505757205ff", as: "h2", class: "modal__heading", level: 3, text: this.label }))), e("div", { key: "3b55bc21765c6d3ed98cd7c8787fe69906164aeb", class: "modal__content-container", style: {
+    }) }, this.hasSidebarCloseButton && a("swirl-button", { key: "2047dea0f173e5f4bdaeb65e4e3ea0c1bd3f2158", hideLabel: !0, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), a("swirl-heading", { key: "ec003d97f67b728c91efb729f03bcfec00604bc9", as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel })), a("div", { key: "55619573e3665d119f5930f795dbeb1e7b144415", class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (d) => this.sidebarScrollContainer = d }, a("slot", { key: "6ff1a840c83cd9aeb34c55e9767f8e6736c197d8", name: "sidebar-content" })), a("div", { key: "da90299494ae5252611f30e64ddf08db5b01ef68", class: "modal__sidebar-footer" }, a("slot", { key: "817a965706aef995da46009b0a76d4c7afd2567d", name: "sidebar-footer" }))), a("div", { key: "4e967937d11b2dfc8552da0b308f2a3446a87e2d", class: "modal__main-content" }, a("header", { key: "be7b866f8d7bd844e0cc2284e804e278fa62c62b", class: "modal__custom-header" }, a("slot", { key: "26022718ce0fb8817ca1914db3f4c21bbe6a262e", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && a("header", { key: "b8796448ff81d69ba74b7465c2bad02df39c0ba3", class: "modal__header" }, a("div", { key: "07b7a25aa64aec3222f4c9130d64be79222a2c97", class: "modal__header-bar" }, !this.hideCloseButton && a("swirl-button", { key: "7c9e22203d8ce17fa30fcf8df5ec28dd0367a065", 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.showFullscreenButton && a("swirl-button", { key: "028f409536d401093fd71e6fbf123b504a54b2c1", class: "modal__fullscreen-button", hideLabel: !0, icon: this.isFullscreen ? "<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>" : "<swirl-icon-open-in-full></swirl-icon-open-in-full>", label: this.isFullscreen ? this.fullscreenDisableButtonLabel : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick }), !this.hideLabel && a("swirl-heading", { key: "ed614d4b5331946c67d18f729052c0661ea3a8bb", as: "h2", class: "modal__heading", level: 3, text: this.label }))), a("div", { key: "0cebbb9377307b03900bf8f623af2bbd0767ae5f", class: "modal__content-container", style: {
       gap: this.contentGap ? `var(--s-space-${this.contentGap})` : void 0
-    } }, e("div", { key: "d417c7f1e060b64bc7be2b98bffd5a1d1d460c0a", class: "modal__primary-content", style: {
+    } }, a("div", { key: "ffaac7e43d389936ceb96b7c7b73c1fc2778f7d8", class: "modal__primary-content", style: {
       maxWidth: this.primaryContentMaxWidth,
       flex: this.primaryContentFlex
-    } }, e("div", { key: "36fc3cce5333dec26141a19ed94e16d0e536bd32", class: "modal__header-tools" }, e("slot", { key: "36df33eb9c484e602ed9c5d245f50e4ebcbff514", name: "header-tools" })), e("div", { key: "3a1fd477b1d5b70291d163f3e0c2759fde8dd34c", class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (d) => this.scrollContainer = d }, e("slot", { key: "cdd147f7e0320742091611b92ef5318065d6bd2f" }))), e("div", { key: "bafcb6677a0da44e76e56ca189a8dbf4afa1f573", class: "modal__secondary-content", style: {
+    } }, a("div", { key: "7341038d7ff292544afa94d225b117cea82d95bf", class: "modal__header-tools" }, a("slot", { key: "ae87fe1c3fc8ddc22d71e3f1fa703a98b8d60bf1", name: "header-tools" })), a("div", { key: "441577d1d7a0fe02736dca8e1027b52114b7312e", class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (d) => this.scrollContainer = d }, a("slot", { key: "6b3bcaaca92d5238f72f374d925c0b2b37f33763" }))), a("div", { key: "4ec04527481b4166525537d1c9c513f7216c5fbf", class: "modal__secondary-content", style: {
       maxWidth: this.secondaryContentMaxWidth,
       flex: this.secondaryContentFlex,
       padding: Boolean(this.secondaryContentPadding) ? `var(--s-space-${this.secondaryContentPadding})` : void 0,
@@ -163,7 +163,7 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       paddingBlockStart: Boolean(this.secondaryContentPaddingBlockStart) ? `var(--s-space-${this.secondaryContentPaddingBlockStart})` : void 0,
       paddingInlineEnd: Boolean(this.secondaryContentPaddingInlineEnd) ? `var(--s-space-${this.secondaryContentPaddingInlineEnd})` : void 0,
       paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart) ? `var(--s-space-${this.secondaryContentPaddingInlineStart})` : void 0
-    } }, e("slot", { key: "c6061a71b7d66b3e204ff7c4f075ae4908c4cfae", name: "secondary-content" }))), e("div", { key: "d1501d2c4431b43d053a67e3fb99922dea905dcb", class: "modal__custom-footer" }, e("slot", { key: "404cb5ab7559754b1944fbb675518afcfffcadfd", name: "custom-footer" })), a && e("footer", { key: "f2cadd2076b5c180494935945894fd468e0c46ba", class: "modal__controls" }, e("swirl-button-group", { key: "d24df43e386d5431f5df152c5840bd290dbb38fd", wrap: !0 }, this.secondaryActionLabel && e("swirl-button", { key: "1cb65ccd7d85057820d2afb79e647f078d70a9c7", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && e("swirl-button", { key: "705ca5cf78b9d0f0c576288cf94f6d9208e66def", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
+    } }, a("slot", { key: "09caff111a5c6696984582a40b3d98423cf9b0dd", name: "secondary-content" }))), a("div", { key: "255f12ffb46f68fc0452d6e8f0585ee017f485e9", class: "modal__custom-footer" }, a("slot", { key: "0e8dd3ea6bf16c12dae0a364d8ea67d11a3e2186", name: "custom-footer" })), e && a("footer", { key: "97e723de4d48fa5883223a5665c419842412ab09", class: "modal__controls" }, a("swirl-button-group", { key: "ce6a1115e391d17314d33cf8ef5795c7f64164d3", wrap: !0 }, this.secondaryActionLabel && a("swirl-button", { key: "df0f8f4d82789baaeda9ef9a9fcc40d61e9bfe76", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && a("swirl-button", { key: "dca61b968580d1025a8e7fb08f7483fe20f3f232", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
   }
   get el() {
     return _(this);

package/dist/{swirl-option-list-section.entry.2e498f7f.js → swirl-option-list-section.entry.764bfdf9.js}

@@ -1,4 +1,4 @@
-import { r as a, h as e, H as i } from "./index.80484ba7.js";
+import { r as a, h as e, H as i } from "./index.c90e8594.js";
 import "react";
 import "react-dom";
 const t = ":host{display:block;width:100%}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", o = class {

package/dist/{swirl-option-list_2.entry.84f2d83a.js → swirl-option-list_2.entry.2508edcb.js}

@@ -1,14 +1,14 @@
-import { r as m, c as d, h as o, H as p, g as b } from "./index.80484ba7.js";
+import { r as m, c as d, h as o, H as p, g as u } from "./index.c90e8594.js";
 import { S as f } from "./sortable.esm-CMrz6687.dac971cd.js";
 import { l as c, q as h } from "./utils-D_MUFqkF.654ff3ce.js";
-import { v as u } from "./v4-DD3477fe.2624487e.js";
+import { v as b } from "./v4-DD3477fe.2624487e.js";
 import { c as w } from "./index-orsBiyT_.fc4357c3.js";
 import { D as v } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";
 import "react-dom";
 const x = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}", I = class {
   constructor(e) {
-    m(this, e), this.itemDrop = d(this, "itemDrop", 7), this.valueChange = d(this, "valueChange", 7), this.allowDeselect = !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.selectAllLabel = "Select all", this.value = [], this.selectAllState = !1, this.selectAllValue = u(), this.onClick = (t) => {
+    m(this, e), this.itemDrop = d(this, "itemDrop", 7), this.valueChange = d(this, "valueChange", 7), this.allowDeselect = !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.selectAllLabel = "Select all", this.value = [], this.selectAllState = !1, this.selectAllValue = b(), this.onClick = (t) => {
       t.preventDefault();
       const i = t.target, s = i == null ? void 0 : i.closest("swirl-option-list-item"), l = t.composedPath()[0], n = Boolean(c(l, '[role="option"]'));
       if (!Boolean(s) || !n) {
@@ -228,7 +228,7 @@ const x = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-sw
     return o(p, { key: "dc839e74fa61ebdabed7a45b3a18baa0590619c1" }, o("swirl-visually-hidden", { key: "402e838878530233b777b84b3822243296d80bbe", role: "alert" }, this.assistiveText), o("div", { key: "ddb631f22720b1bf280c0f535eddd58d1fc427fa", "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 }, i && o("swirl-option-list-item", { key: "afe709f7e20fe7b21ea398ecb2d7a46387143072", ref: (s) => this.selectAllEl = s, label: this.selectAllLabel, disabled: this.disabled, context: "multi-select", selected: this.selectAllState === !0, indeterminate: this.selectAllState === "indeterminate", value: this.selectAllValue }), o("slot", { key: "601783bf809b026143e3b5743ad9b0a032b470ea", onSlotchange: this.setSectionSeparator })));
   }
   get el() {
-    return b(this);
+    return u(this);
   }
   static get watchers() {
     return {
@@ -243,7 +243,7 @@ I.style = x;
 const _ = `.sc-swirl-option-list-item-h{position:relative;display:block;width:100%}.sc-swirl-option-list-item-h *.sc-swirl-option-list-item{box-sizing:border-box}.option-list-item.sc-swirl-option-list-item{display:inline-flex;position:relative;width:100%;min-width:15rem;min-height:3rem;padding:var(--s-space-12) var(--s-space-16);border-radius:var(--s-border-radius-sm);align-items:center;background-color:var(--s-surface-overlay-default);cursor:pointer;gap:var(--s-space-12)}.option-list-item.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-hovered)}.option-list-item.sc-swirl-option-list-item:active:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item.sc-swirl-option-list-item:focus{outline:none}.option-list-item.sc-swirl-option-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item.sc-swirl-option-list-item{min-height:0;padding:var(--s-space-8) var(--s-space-12);gap:var(--s-space-8)}}.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label-container.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label-container.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1rem)}}.option-list-item--dragging.sc-swirl-option-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),
     0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.option-list-item--dragging.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item{color:var(--s-icon-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item,.option-list-item--indeterminate.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.option-list-item--disabled.sc-swirl-option-list-item{cursor:default}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{background-color:var(--s-icon-disabled)}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-text-on-status)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__description.sc-swirl-option-list-item{color:var(--s-text-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__selection-icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-icon-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-surface-overlay-default)}.option-list-item--disabled.option-list-item--indeterminate.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-disabled);color:var(--s-text-on-status);background-color:var(--s-icon-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__avatar.sc-swirl-option-list-item{filter:grayscale(100%)}.option-list-item--show-avatar.sc-swirl-option-list-item .option-list-item__avatar.sc-swirl-option-list-item{display:inline-flex}.option-list-item__label-container.sc-swirl-option-list-item{display:flex;flex-grow:1;flex-direction:column;overflow:hidden}.option-list-item__label-container.sc-swirl-option-list-item>*.sc-swirl-option-list-item{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-default);font-size:var(--s-font-size-base);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-item__label.sc-swirl-option-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.option-list-item__description.sc-swirl-option-list-item{color:var(--s-text-subdued);font-size:var(--s-font-size-base);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-item__description.sc-swirl-option-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.option-list-item__avatar.sc-swirl-option-list-item{display:none;flex-shrink:0}.option-list-item__icon.sc-swirl-option-list-item{display:inline-flex;position:relative;width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__icon.sc-swirl-option-list-item{width:1.25rem;height:1.25rem}}.option-list-item__icon-badge.sc-swirl-option-list-item{position:absolute;display:grid;bottom:0;right:0}.option-list-item__selection-icon.sc-swirl-option-list-item{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}.option-list-item__checkbox.sc-swirl-option-list-item{display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__checkbox.sc-swirl-option-list-item{width:1.375rem;height:1.375rem}}.option-list-item__checkbox-box.sc-swirl-option-list-item{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.option-list-item__checkbox-icon.sc-swirl-option-list-item{display:inline-flex}.option-list-item__checkbox-indeterminate-icon.sc-swirl-option-list-item{position:relative;width:100%;height:100%}.option-list-item__checkbox-indeterminate-icon.sc-swirl-option-list-item:after{position:absolute;top:50%;left:50%;width:0.625rem;height:0.125rem;border-radius:0.0625rem;background-color:currentColor;content:"";transform:translate3d(-50%, -50%, 0)}.option-list-item__drag-handle.sc-swirl-option-list-item{position:absolute;z-index:1;top:50%;right:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.option-list-item__drag-handle.sc-swirl-option-list-item:active{cursor:grabbing}.option-list-item__drag-handle.sc-swirl-option-list-item:focus:not(:focus-visible){outline:none}.option-list-item__drag-handle.sc-swirl-option-list-item:focus-visible{outline-color:var(--s-focus-default)}`, S = class {
   constructor(e) {
-    m(this, e), this.toggleDrag = d(this, "toggleDrag", 7), this.context = "single-select", this.dragHandleDescription = "Press spacebar to toggle grab", this.dragHandleLabel = "Move option", this.selected = !1, this.indeterminate = !1, this.swirlAriaRole = "option", this.iconSize = 24, this.elementId = u(), this.mediaQueryUnsubscribe = () => {
+    m(this, e), this.toggleDrag = d(this, "toggleDrag", 7), this.context = "single-select", this.dragHandleDescription = "Press spacebar to toggle grab", this.dragHandleLabel = "Move option", this.selected = !1, this.indeterminate = !1, this.swirlAriaRole = "option", this.iconSize = 24, this.elementId = b(), this.mediaQueryUnsubscribe = () => {
     }, this.onDragHandleKeyDown = (t) => {
       (t.code === "Space" || t.code === "Enter") && (t.preventDefault(), this.toggleDrag.emit(this.el));
     }, this.onBlur = () => {
@@ -277,10 +277,10 @@ const _ = `.sc-swirl-option-list-item-h{position:relative;display:block;width:10
       "option-list-item--indeterminate": this.indeterminate && !this.selected,
       "option-list-item--show-avatar": n
     });
-    return o(p, { key: "7c8908b57d34b0b2b3f653c95e0d2e0f51718e5d" }, o("div", { key: "43d37288ae18d491525a11bcca3e290a2cfe8032", "aria-checked": this.swirlAriaRole === "menuitemradio" ? t : void 0, "aria-describedby": Boolean(this.description) ? `option-list-item-${this.elementId}-description` : void 0, "aria-disabled": e, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? t : void 0, class: r, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, s && o("span", { key: "30033c6dc6a039513bd2af36d906d2b525a95342", class: "option-list-item__icon", innerHTML: this.icon, ref: (g) => this.iconEl = g }, l && o("span", { key: "895240689aae388704b648d07e58084a5f8b519a", class: "option-list-item__icon-badge", innerHTML: this.iconBadge })), i && o("span", { key: "55be7b715077761e58a5858983567114b5792f3c", class: "option-list-item__checkbox" }, o("span", { key: "def941684a7c545f67ee1ae7bbf28ab68a1d7eda", class: "option-list-item__checkbox-box" }, this.selected && o("swirl-icon-check-strong", { key: "09b98b73dee9c9d56ef8d485099e008366db185c", class: "option-list-item__checkbox-icon", size: 16 }), !this.selected && this.indeterminate && o("span", { key: "27fc967fc1444071f0f2a836fc3a2279d2d29336", class: "option-list-item__checkbox-indeterminate-icon" }))), o("span", { key: "2af33cf8bfecfdb469fc34e9d5cd7e6b50dbf934", class: "option-list-item__avatar" }, o("slot", { key: "20b173de4a6859f68d0fa5461b2834c56adab911", name: "avatar" })), o("span", { key: "422666ffc17ba76eb144bb051e4a556b415681b8", class: "option-list-item__label-container" }, o("span", { key: "6eccae90d8ac2b0bbf4352afa09505d41155ddb9", class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && o("span", { key: "b3145c6e0b24b60ae80917fdbd74b6f776dcc0f4", class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description)), a && o("span", { key: "6e9f153d01c83bdf5ed2ff6ec6263b2aa790b9c8", class: "option-list-item__selection-icon" }, o("swirl-icon-check-small", { key: "f087458bf5ff0a5bfed119d72819f2c36bfdac1c", size: this.iconSize }))), this.allowDrag && o("button", { key: "82c37e9d5a8bb8cf2406800e1fa31684234e2793", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, o("swirl-icon-drag-handle", { key: "8b61a793b26fd7573521e2064a9bd9fa8b8aa31d", size: this.iconSize })));
+    return o(p, { key: "cb0a26f23613bf21ee88a290a00dc327a0c85ada" }, o("div", { key: "9b1eb4e08c1d0004bce09578ce0905eb197ac907", "aria-checked": this.swirlAriaRole === "menuitemradio" ? t : void 0, "aria-describedby": Boolean(this.description) ? `option-list-item-${this.elementId}-description` : void 0, "aria-disabled": e, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? t : void 0, class: r, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, s && o("span", { key: "073d9b17a9c748016f928217a6bf4ea39ce48fe2", class: "option-list-item__icon", innerHTML: this.icon, ref: (g) => this.iconEl = g }, l && o("span", { key: "fb32a363286fee7a306e8962c5dc095907621ace", class: "option-list-item__icon-badge", innerHTML: this.iconBadge })), i && o("span", { key: "18f0ff0915f85a6121515161576e421b50f03fb4", class: "option-list-item__checkbox" }, o("span", { key: "64713379726da9413536fe3cb18c3e00677c7d4b", class: "option-list-item__checkbox-box" }, this.selected && o("swirl-icon-check-strong", { key: "add2a2890262d78d62ac9e8cb007999334dc37bd", class: "option-list-item__checkbox-icon", size: 16 }), !this.selected && this.indeterminate && o("span", { key: "d648e60de087f0836aa4732a0632ddba411872fe", class: "option-list-item__checkbox-indeterminate-icon" }))), o("span", { key: "d2708ea06f8e89f8ff05df9f70a50761bb631e1c", class: "option-list-item__avatar" }, o("slot", { key: "80abff4b366ca84e2f69efb9700f78c234c759c6", name: "avatar" })), o("span", { key: "275d204467223cf209f22d530becc7c94fbcf6cc", class: "option-list-item__label-container" }, o("span", { key: "78ffc616b55023dcb952c20a20261c62c6c49251", class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && o("span", { key: "137f59e2a8d671ade5442193a7146e2fed089194", class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description)), a && o("span", { key: "fbdae273b61760022d301c1c99a035e0921f1c57", class: "option-list-item__selection-icon" }, o("swirl-icon-check-small", { key: "555cb52b918d15174bf64ca652873dc468f08a13", size: this.iconSize }))), this.allowDrag && o("button", { key: "0e0803eb74185cea9467b97f53c542170fb2fb80", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, o("swirl-icon-drag-handle", { key: "c5022a378d6f0d5d523468a1bcffcba33ddd20cd", size: this.iconSize })));
   }
   get el() {
-    return b(this);
+    return u(this);
   }
 };
 S.style = _;