@getflip/swirl-components-react 0.377.0 → 0.378.0

package/dist/{swirl-icon-work.entry.4f4ef665.js → swirl-icon-work.entry.92eb8307.js}

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

package/dist/{swirl-icon.entry.1f5cd2e6.js → swirl-icon.entry.29ae1509.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as o } from "./index.dfdb31ad.js";
+import { r as t, h as i, H as o } from "./index.6b86ee90.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 {

package/dist/{swirl-image-grid-item.entry.8eaab777.js → swirl-image-grid-item.entry.3b5ee814.js}

@@ -1,12 +1,12 @@
-import { r as g, c as d, h as e, H as l, g as m } from "./index.dfdb31ad.js";
-import { c as h } from "./index-orsBiyT_.fc4357c3.js";
+import { r as g, c as d, h as t, H as c, g as h } from "./index.6b86ee90.js";
+import { c as m } from "./index-orsBiyT_.fc4357c3.js";
 import { d as b } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";
-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 {
+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-control-button{position:absolute;z-index:2;top:50%;left:50%;transform:translate3d(-50%, -50%, 0);opacity:0;transition:opacity 0.2s}.image-grid-item:hover>.image-grid-item__gif-control-button,.image-grid-item:focus-within>.image-grid-item__gif-control-button{opacity:1}.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);
+    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((e) => {
+      const s = [...e].sort((o, a) => o.time - a.time);
       this.inViewport = s.at(-1).isIntersecting, this.inViewport || (this.loaded = !1);
     }, 250), this.onLoad = () => {
       this.error = !1, this.loaded = !0, this.imageLoad.emit();
@@ -14,11 +14,11 @@ const u = ':host{display:block;width:100%;min-height:0}:host *{box-sizing:border
       this.loaded = !0, this.error = !0, this.imageError.emit();
     }, this.playGif = () => {
       this.gifPaused = !1, this.computedSrc = this.src, this.gifStarted.emit();
-    }, this.handleControlClick = (t) => {
-      t.stopImmediatePropagation(), this.gifPaused ? this.playGif() : this.pauseGif();
-    }, this.onImageElementUpdate = (t) => {
-      var s, r;
-      (s = this.img) == null || s.removeEventListener("load", this.onLoad), (r = this.img) == null || r.removeEventListener("error", this.onError), this.img = t, this.img && (this.img.addEventListener("load", this.onLoad), this.img.addEventListener("error", this.onError));
+    }, this.handleControlClick = (e) => {
+      e.stopImmediatePropagation(), this.gifPaused ? this.playGif() : this.pauseGif();
+    }, this.onImageElementUpdate = (e) => {
+      var s, o;
+      (s = this.img) == null || s.removeEventListener("load", this.onLoad), (o = this.img) == null || o.removeEventListener("error", this.onError), this.img = e, this.img && (this.img.addEventListener("load", this.onLoad), this.img.addEventListener("error", this.onError));
     };
   }
   async play() {
@@ -42,8 +42,8 @@ const u = ':host{display:block;width:100%;min-height:0}:host *{box-sizing:border
     ((i = this.img) == null ? void 0 : i.complete) && !this.loaded && (this.loaded = !0);
   }
   disconnectedCallback() {
-    var i, t, s;
-    (i = this.intersectionObserver) == null || i.disconnect(), this.computedSrc = "", (t = this.img) == null || t.removeEventListener("load", this.onLoad), (s = this.img) == null || s.removeEventListener("error", this.onError);
+    var i, e, s;
+    (i = this.intersectionObserver) == null || i.disconnect(), this.computedSrc = "", (e = this.img) == null || e.removeEventListener("load", this.onLoad), (s = this.img) == null || s.removeEventListener("error", this.onError);
   }
   setupIntersectionObserver() {
     this.loading === "intersecting" && (this.intersectionObserver = new IntersectionObserver((i) => {
@@ -51,31 +51,31 @@ const u = ':host{display:block;width:100%;min-height:0}:host *{box-sizing:border
     }), this.intersectionObserver.observe(this.el));
   }
   async pauseGif() {
-    const i = this.img, t = await this.readImageFromCanvas(i.src);
-    this.gifPaused = !0, this.computedSrc = t, this.gifStopped.emit();
+    const i = this.img, e = await this.readImageFromCanvas(i.src);
+    this.gifPaused = !0, this.computedSrc = e, this.gifStopped.emit();
   }
   readImageFromCanvas(i) {
-    return new Promise((t, s) => {
-      const r = new Image();
-      r.src = i, r.onload = (a) => {
-        const o = a.target, n = document.createElement("canvas"), c = n.getContext("2d");
-        n.width = o.width, n.height = o.height, c.drawImage(o, 0, 0, o.width, o.height), t(n.toDataURL("image/jpeg"));
-      }, r.onerror = () => s();
+    return new Promise((e, s) => {
+      const o = new Image();
+      o.src = i, o.onload = (a) => {
+        const r = a.target, n = document.createElement("canvas"), l = n.getContext("2d");
+        n.width = r.width, n.height = r.height, l.drawImage(r, 0, 0, r.width, r.height), e(n.toDataURL("image/jpeg"));
+      }, o.onerror = () => s();
     });
   }
   render() {
-    var a, o;
-    const i = this.interactive ? "button" : "div", t = this.gifPaused || this.loading !== "intersecting" || this.inViewport, s = (o = Math.min((a = this.el.parentElement) == null ? void 0 : a.children.length, 4)) != null ? o : 1, r = h("image-grid-item", {
+    var a, r;
+    const i = this.interactive ? "button" : "div", e = this.gifPaused || this.loading !== "intersecting" || this.inViewport, s = (r = Math.min((a = this.el.parentElement) == null ? void 0 : a.children.length, 4)) != null ? r : 1, o = m("image-grid-item", {
       "image-grid-item--has-error": this.error,
       "image-grid-item--has-overlay": this.overlay,
       "image-grid-item--loaded": this.loaded
     });
-    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: "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" }))));
+    return t(c, { key: "573e3f3d031a8b08e3e52c4ca76b2458390cd351", "data-sibling-count": s, role: "listitem" }, t(i, { key: "529e1fc28a87ca13d1dcbe3ba2a9c64653eac8b1", class: o, type: this.interactive ? "button" : void 0 }, t("div", { key: "02ee7f89bfb6535501773ba05c9782c027d47faa", class: "image-grid-item__background", style: {
+      backgroundImage: e ? `url(${this.computedSrc})` : void 0
+    } }), e ? t("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : void 0, ref: this.onImageElementUpdate, src: this.computedSrc }) : t("div", { class: "image-grid-item__loading-placeholder" }, t("swirl-visually-hidden", null, this.alt)), this.showGifControls && t("swirl-button", { key: "4a8e2e5931fe208c37fc97e113d91507b4380d7f", class: "image-grid-item__gif-control-button", label: this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel, icon: "<swirl-icon-gif></swirl-icon-gif>", variant: "on-image", pill: !0, hideLabel: !0, swirlAriaLabel: this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel, onClick: this.handleControlClick }), this.loaded && !this.error && this.icon && !Boolean(this.overlay) && t("div", { key: "a0c6eba2a546b2705b1d6e36b06655edb51c9116", class: "image-grid-item__icon", innerHTML: this.icon }), this.overlay && t("div", { key: "4389a0b904cc45bae46769f50a4938ffde3f333c", class: "image-grid-item__overlay" }, this.overlay), !this.loaded && t("swirl-skeleton-box", { key: "c3ecab0214c956fb6687c71c57cab0426b7b9565", class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" }), this.loaded && this.error && t("div", { key: "3a5a903631417a98ab357af903713d9dc2a5ce04", class: "image-grid-item__error" }, t("swirl-icon-error", { key: "1b10a444fd8f037700dde924e297f01ca565a1ef", color: "critical" }))));
   }
   get el() {
-    return m(this);
+    return h(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-image-grid.entry.9ab626c7.js → swirl-image-grid.entry.58d74222.js}

@@ -1,4 +1,4 @@
-import { r as a, h as t, H as r, g as c } from "./index.dfdb31ad.js";
+import { r as a, h as t, H as r, g as c } from "./index.6b86ee90.js";
 import { c as d } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-inline-notification.entry.99391343.js → swirl-inline-notification.entry.90dabc68.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, H as t } from "./index.dfdb31ad.js";
+import { r as e, h as i, H as t } from "./index.6b86ee90.js";
 import { c } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -8,7 +8,7 @@ const o = ":host{display:block}:host *{box-sizing:border-box}.inline-notificatio
   }
   render() {
     const n = c("inline-notification", `inline-notification--intent-${this.intent}`);
-    return i(t, { key: "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" }))));
+    return i(t, { key: "624cfdfeccba7a8ec8cd92460cc63c0fbfd7f159" }, i("div", { key: "06c8a1bcb92582ccaf5944dddf470f3120afcfe4", "aria-describedby": "content", class: n, role: this.importance, tabIndex: 0 }, i("span", { key: "7bc87d932d0944358b528a76d74b0c4571e48f80", "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && i("swirl-icon-error", { key: "209a44ffd66238a6602bea37373befa3d4b9dab1", size: 20 }), this.intent === "success" && i("swirl-icon-check-circle", { key: "e28da386c1ca7f215a4e36414bbcac46200b3b61", size: 20 }), this.intent === "warning" && i("swirl-icon-warning", { key: "795f293517b43af8273edf5284c08190bb66314e", size: 20 }), this.intent === "info" && i("swirl-icon-info", { key: "42b3904303fa8f79fdf1e62693d1a5ce69376f20", size: 20 })), i("span", { key: "e381a9d0642ea7f5c4c56d32502431bf5484d68f", class: "inline-notification__content", id: "content" }, this.hideHeading && i("swirl-visually-hidden", { key: "767e9dae65ed20f7ce648746682d284bec674f96" }, this.heading) || i("swirl-text", { key: "0e515c99486185484514c3e40aaf24095d80d857", class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading), i("slot", { key: "13f4bdd58f22067952d103688bbb8bc322b9392f" }))));
   }
 };
 a.style = o;

package/dist/{swirl-inline-status.entry.d0ba43db.js → swirl-inline-status.entry.ee91c2a6.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, H as a } from "./index.dfdb31ad.js";
+import { r as e, h as s, H as a } from "./index.6b86ee90.js";
 import { c as o } from "./index-orsBiyT_.fc4357c3.js";
 import { D as r } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";
@@ -28,7 +28,7 @@ const c = ":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: "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)));
+    return s(a, { key: "6cb0e9b2fe64481f205cc6a37ea6fc4ad2dc7869" }, s("span", { key: "de78170d84c278a5a4a12fd72b925b5e9893e986", class: i, part: "inline-status" }, this.icon && s("span", { key: "0d6a8b993a0bb58b988b20cea18069ba39ca7c3b", class: "inline-status__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), s("span", { key: "d22a3fae40b2a15c8d95d8a957371fa170dbaaf0", class: "inline-status__message" }, this.message)));
   }
 };
 l.style = c;

package/dist/{swirl-lightbox.entry.547f8b92.js → swirl-lightbox.entry.9e98cf83.js}

@@ -1,4 +1,4 @@
-import { r as b, c, h as i, H as u, g } from "./index.dfdb31ad.js";
+import { r as b, c, h as i, H as u, g } from "./index.6b86ee90.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";
@@ -162,7 +162,7 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
       "lightbox--hide-menu": !s,
       "lightbox--hide-toolbar": !r
     });
-    return i(u, { key: "bb7142a9d284cc8318f050439414dd4daca15f5a" }, i("section", { key: "996df0e34760b15d5c418b91c69e53b040c6c6c6", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: n, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (l) => this.modalEl = l, role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, i("div", { key: "2a053a0bb27471e11fc13daf5e7e4262f0a72a74", class: "lightbox__body", role: "document" }, i("header", { key: "57ca2f1920d4aca7821ee21ad0f4314702e18393", class: "lightbox__header" }, i("button", { key: "d8733b467f3b1efb356dbc19a921c41451f18451", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, i("swirl-icon-close", { key: "e9631ac40260711ceecf2be8a17a18b063011c6a" })), i("div", { key: "a45a4a58512e81f28dfaf90ca138d928d47b1d98", class: "lightbox__toolbar" }, i("slot", { key: "84b51fc188322df6ede3054884ec540e283a90c7", name: "toolbar" })), !this.hideMenu && i("swirl-popover-trigger", { key: "c781c8fbe30e8a6e3f5ac937085002d2a64dcfd8", swirlPopover: this.menu }, i("button", { key: "2162f1aff1a2efc2554d53880e3099c8a667ea1c", "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, i("swirl-icon-more-vertikal", { key: "b113ddf1ce9bcb8f8dafdb148cf3a7ba64fb2437" })))), i("div", { key: "174b7500c6e2e83474213277f3af8bed3bfa00ac", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, i("div", { key: "689e8a4b5b0b209d90048dcc3b4cf274a8b4b626", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (l) => this.slidesContainer = l }, i("slot", { key: "6d4b5e4a7649a1245ad02811533ed8afe875c2bc", onSlotchange: this.registerSlides }))), i("div", { key: "29339aef41862572ae3f9214eb63457ce68dfd28", class: "lightbox__controls" }, i("button", { key: "46ead4fb686c9d11df2f70b4dc2c7b0f287e047b", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, i("swirl-icon-arrow-left", { key: "1e15461e321fb843ed77ca713f4fe312436ed472" })), i("button", { key: "3415fd698bbc61422cc7de5afa499b839339b3b4", "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, i("swirl-icon-arrow-right", { key: "a68297f5a994ce23e283b8d19997e03469ec15ad" }))), e && i("span", { key: "a7279476a7c8afd8dfdf5f3418a24785f64a4539", class: "lightbox__pagination" }, i("span", { key: "c51859b92f51f1d538facd74d387ab8a4ce1ac2d", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && i("swirl-popover", { key: "9abb1c4850f0ec85cd8bb50e591d0456872adfc1", animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (l) => this.menu = l }, i("swirl-stack", { key: "f495ed40f2ab8748f36c2533241bf9ceff832f59" }, i("div", { key: "628e98aa65f339c475e091a1f030bd3d359a9e8d", class: "lightbox__meta" }, o && i("div", { key: "103b198cbf0b263ac81b2b04334b54cf758561d5", class: "lightbox__thumbnail" }, i("swirl-thumbnail", { key: "7ed9db6994c86c69927c6eeab6d365cf64bdfcab", alt: "", src: o })), i("div", { key: "e47de8f995e0aaf6b053f9b5058b2b2d7dbb6004", class: "lightbox__file-info" }, i("swirl-text", { key: "9ade4baeda066ea76b68a8e23c0e3635cbcd163d", truncate: !0, weight: "semibold" }, t), i("swirl-text", { key: "cdf832bc53b827a317de113601bd913c40c778ea", color: "subdued", size: "sm", truncate: !0 }, a))), s && i("swirl-separator", { key: "e0918866a890108f6d76a6f4b5a17a0ffba94fdc" }), i("swirl-action-list", { key: "74b3c2b1e1ac50b70f161a9b0e831e2ced03ac67" }, this.downloadButtonEnabled && i("swirl-action-list-item", { key: "c5b57b960d3f4896d938949cbbd5e805a7e217e8", icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), i("slot", { key: "eb08de5fe92d47b056cfdb994752057ecb382be0", name: "menu-items" }))))));
+    return i(u, { key: "ef7cbd047bac3b62cbe456739dfae225d8cd1ebb" }, i("section", { key: "0b4afe464da9265b4194bb84bba9b6d8c448098a", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: n, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (l) => this.modalEl = l, role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, i("div", { key: "ecd048b4faf20813533758b2715968034f8a9db9", class: "lightbox__body", role: "document" }, i("header", { key: "2f8353ffd549af1e10c805fe275e774b37765458", class: "lightbox__header" }, i("button", { key: "5ce3b219b1ba9262e9401779d8f04ba8ea0fc142", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, i("swirl-icon-close", { key: "e1cb9b066b52bc783c1a8f0d2f9e2970f0e97bf6" })), i("div", { key: "31256a598b10c19da8bf1cbcad9833af7c7bcc56", class: "lightbox__toolbar" }, i("slot", { key: "ad83d374d525eecf8fe5ca8660efa84cce08627f", name: "toolbar" })), !this.hideMenu && i("swirl-popover-trigger", { key: "5b77ce1398a13995711e7b28172e06efc6a2a0a6", swirlPopover: this.menu }, i("button", { key: "a68c4b8cc54e55ae66963c194694c74b4a2805dd", "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, i("swirl-icon-more-vertikal", { key: "f6dd02f0a167a7402ec7376796dc456761eee0ea" })))), i("div", { key: "bcee1e42640015d0e61eca98575cd04d8db31c9c", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, i("div", { key: "24f4a799a7e6741760d058537cd151a847133755", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (l) => this.slidesContainer = l }, i("slot", { key: "ef904861260bac6237ff60038e16a7b21d1b9e97", onSlotchange: this.registerSlides }))), i("div", { key: "7c9a493998e7f8599721fbbb17d1a9ccd4ae0a52", class: "lightbox__controls" }, i("button", { key: "656d337ef4e3eb6e769986b7bb5e30e33fb07f89", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, i("swirl-icon-arrow-left", { key: "7c8cd8e3fdb8b65fcf0038ec5e3f7b2138e9f143" })), i("button", { key: "46dc45a573b6149da44eb6cae3d33815ff20387d", "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, i("swirl-icon-arrow-right", { key: "9f269109dbf618bc7ff12659421f92817283e899" }))), e && i("span", { key: "c5b1b8aecd9e85dec1f550fe23b8c49bbf0a25d5", class: "lightbox__pagination" }, i("span", { key: "782ddc05a9dd831dd3f37103e468e2b27ee1fe96", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && i("swirl-popover", { key: "23e003effb0ba1eb188975848799790e72a3488e", animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (l) => this.menu = l }, i("swirl-stack", { key: "01a5fb48b943dcc5a1a61065b2dc8aa51aff08b4" }, i("div", { key: "ccf3eda1d3ec4bf960bb23381f39008602a315d9", class: "lightbox__meta" }, o && i("div", { key: "670f49f30b7d18b8206ded66d03a7bf56d77c25b", class: "lightbox__thumbnail" }, i("swirl-thumbnail", { key: "3375186fbb76b4632dddfdc084bd153363fc6a0f", alt: "", src: o })), i("div", { key: "dd3a475b70000242f7bd5d61c67c8cddefcf412d", class: "lightbox__file-info" }, i("swirl-text", { key: "ec46e19e664f58f7db4219122d10242430e4d05e", truncate: !0, weight: "semibold" }, t), i("swirl-text", { key: "5ac54930081a8de2a8b585890490eccea6a0aa3c", color: "subdued", size: "sm", truncate: !0 }, a))), s && i("swirl-separator", { key: "b39268cdb64e0928b44c5c2033d5e3c240aad8f4" }), i("swirl-action-list", { key: "c7d2fe73dccf2a7f23dda4d3bdff4d21bd0aa6ee" }, this.downloadButtonEnabled && i("swirl-action-list-item", { key: "c01cbfa680c74214085a90f72ad6a942a52a5363", icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), i("slot", { key: "d50b99132f45df1e7a9addb3089eb8fcaf42d732", name: "menu-items" }))))));
   }
   get el() {
     return g(this);

package/dist/{swirl-link.entry.8c2632bc.js → swirl-link.entry.6f1a5ed4.js}

@@ -1,17 +1,17 @@
-import { r as i, h as r, H as t } from "./index.dfdb31ad.js";
+import { r as i, h as r, H as t } from "./index.6b86ee90.js";
 import { c as s } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
-const o = ":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 = class {
+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)}", o = class {
   constructor(e) {
     i(this, e), this.color = "default";
   }
   render() {
     const e = s("link", `link--color-${this.color}`);
-    return r(t, { key: "e9f3357525bb976f93b594ba41f54556f95aed68" }, r("a", { key: "0d78230d5c4d2036747e5c9746ff304d5d1a39f6", class: e, href: this.href, part: "link", target: this.target }, this.label));
+    return r(t, { key: "040ddaf3ab3c1c05fec6a4a39ffc4057c0014c0f" }, r("a", { key: "f5b666c7d7e22871d44b1f30d67dd6bcb1933acf", class: e, href: this.href, part: "link", target: this.target }, this.label));
   }
 };
-a.style = o;
+o.style = a;
 export {
-  a as swirl_link
+  o as swirl_link
 };

package/dist/{swirl-list.entry.6ba83222.js → swirl-list.entry.08d7c8f8.js}

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

package/dist/{swirl-menu-item.entry.c454fb0f.js → swirl-menu-item.entry.b03061ac.js}

@@ -1,9 +1,9 @@
-import { r, f as l, h as i, H as h, g as u } from "./index.dfdb31ad.js";
-import { c as d } from "./index-orsBiyT_.fc4357c3.js";
-import { l as c, p } from "./utils-D_MUFqkF.654ff3ce.js";
+import { r, f as l, h as i, H as h, g as u } from "./index.6b86ee90.js";
+import { c } from "./index-orsBiyT_.fc4357c3.js";
+import { l as d, p } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";
-const m = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expanded ::part(action-list-item){background-color:var(--s-surface-overlay-hovered)}", b = class {
+const m = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expanded ::part(action-list-item){background-color:var(--s-surface-overlay-hovered)}", f = class {
   constructor(e) {
     r(this, e), this.intent = "default", this.hasAvatar = !1, this.onSlotChange = () => {
       this.subMenu = this.el.querySelector("swirl-menu"), this.updateActionListItemProps();
@@ -28,7 +28,7 @@ const m = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expande
     };
   }
   componentWillLoad() {
-    this.parentMenu = c(this.el, "swirl-menu"), this.rootMenu = p(this.el, "swirl-menu").pop(), this.subMenu = this.el.querySelector("swirl-menu"), this.updateAvatarState();
+    this.parentMenu = d(this.el, "swirl-menu"), this.rootMenu = p(this.el, "swirl-menu").pop(), this.subMenu = this.el.querySelector("swirl-menu"), this.updateAvatarState();
   }
   watchExpanded() {
     this.updateActionListItemProps();
@@ -64,10 +64,10 @@ const m = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expande
   }
   render() {
     var t;
-    const e = d("menu-item", {
+    const e = c("menu-item", {
       "menu-item--expanded": this.expanded
     });
-    return i(h, { key: "be28f7a4e100d72da761d10b372726fd8ec53016" }, i("div", { key: "e7e94527be08ed397b2f81955456b7ab333d5d25", class: e }, ((t = this.parentMenu) == null ? void 0 : t.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "0d6613063c9497f0c544b644086b97becdd63337", onSlotchange: this.onSlotChange })));
+    return i(h, { key: "92418fe464f2c36c86aa1958efb44423adb6dbe1" }, i("div", { key: "2f05aff7b6e83f2db0b734718147199ab5bb4895", class: e }, ((t = this.parentMenu) == null ? void 0 : t.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "b3547eacb31576295dff2f7699df1b691327ef45", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return u(this);
@@ -78,7 +78,7 @@ const m = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expande
     };
   }
 };
-b.style = m;
+f.style = m;
 export {
-  b as swirl_menu_item
+  f as swirl_menu_item
 };

package/dist/{swirl-menu.entry.bddcfe28.js → swirl-menu.entry.17afe1dd.js}

@@ -1,4 +1,4 @@
-import { r as d, c, h as o, H as b, g as v } from "./index.dfdb31ad.js";
+import { r as d, c, h as o, H as b, g as v } from "./index.6b86ee90.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: "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 ? {
+    return o(b, { key: "e82f0ed6771d2a4e0a57d4d86ccdc12dcd55a140" }, o("div", { key: "41a2a9a44e01be2abae3215db54380c1217c14a4", class: s }, this.mobile && e && o("div", { key: "b185a2e8fcd3bdcf927d944aa256fde86824e660", class: "menu__mobile-header" }, this.activeLevel === 0 && o("swirl-button", { key: "5343d6fba63e3a0c31f12a58ac95d7e3c9d5c224", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" }), this.activeLevel > 0 && o("swirl-button", { key: "24b268a706c41ccf67f42e286564a6d8978f37ea", hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" }), o("span", { key: "24a7266f29ff496e3976979d8df62bdbeb935057", class: "menu__title", id: "menu-title" }, o("swirl-heading", { key: "0e16bf442dd66fb50f40f28e168919d4f97d5e3c", align: "center", as: "span", level: 4, text: this.label, truncate: !0 })), o("swirl-button", { key: "c015629a25243719f85a32297774eef39febc19f", class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone })), o("div", { key: "39f5b638d7097c9d8418e2319555c8266a44473e", "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: "8ce8f58560c9bf747293249f9e9fecd7f56bc27f" }))));
+    } : void 0 }, o("slot", { key: "e9cd98c6be964be86a6b0e631e0d80514276a08e" }))));
   }
   get el() {
     return v(this);

package/dist/{swirl-modal.entry.fc95c2ff.js → swirl-modal.entry.9866b64c.js}

@@ -1,4 +1,4 @@
-import { r as u, c as t, h as a, H as p, g as _ } from "./index.dfdb31ad.js";
+import { r as u, c as t, h as e, H as p, g as _ } from "./index.6b86ee90.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(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) => {
+  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) => {
       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 e;
-    (e = this.focusTrap) == null || e.updateContainerElements(this.modalEl);
+    var a;
+    (a = this.focusTrap) == null || a.updateContainerElements(this.modalEl);
   }
   disconnectedCallback() {
-    var e;
-    (e = this.focusTrap) == null || e.deactivate(), this.unlockBodyScroll();
+    var a;
+    (a = this.focusTrap) == null || a.deactivate(), this.unlockBodyScroll();
   }
   onWindowResize() {
     this.determineScrollStatus();
@@ -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 e;
-      (e = this.focusTrap) == null || e.activate(), this.handleAutoFocus();
+      var a;
+      (a = this.focusTrap) == null || a.activate(), this.handleAutoFocus();
     }, 200);
   }
-  async close(e) {
-    this.closing || (this.requestModalClose.emit(), !(!this.closable && !e) && (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
+  async close(a) {
+    this.closing || (this.requestModalClose.emit(), !(!this.closable && !a) && (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
       var o;
       (o = this.focusTrap) == null || o.deactivate(), this.isOpen = !1, this.modalClose.emit(), this.closing = !1;
     }, 150)));
   }
-  async setFullscreen(e) {
-    this.isFullscreen !== e && (this.isFullscreenTransitioning = !0, this.isFullscreen = e, this.toggleFullscreen.emit(this.isFullscreen), setTimeout(() => this.isFullscreenTransitioning = !1, 150));
+  async setFullscreen(a) {
+    this.isFullscreen !== a && (this.isFullscreenTransitioning = !0, this.isFullscreen = a, 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 e;
-    (e = this.modalEl.querySelector("input[autofocus]")) == null || e.focus();
+    var a;
+    (a = this.modalEl.querySelector("input[autofocus]")) == null || a.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: (e) => e.shadowRoot
+        getShadowRoot: (a) => a.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 e = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel), o = f("modal", `modal--variant-${this.variant}`, {
+    const a = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel), o = f("modal", `modal--variant-${this.variant}`, {
       "modal--closing": this.closing,
       "modal--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 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 ? {} : {
+    return e(p, { key: "ab3d68ed1317ef24870c75f4e45c258ae0c91132" }, e("section", { key: "6934a2c65dfdb0f76c604459a742aa90f4e0e8b4", "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: "d9611005609c9dc827fd0a939bb4dc72054ceeda", class: "modal__backdrop", onClick: this.onBackdropClick }), e("div", { key: "3af2244b95426bbdf33e3e296ec2559dbae49304", class: "modal__body", style: this.isFullscreen ? {} : {
       "--swirl-modal-max-height": this.maxHeight,
       "--swirl-modal-height": this.height,
       minHeight: this.minHeight,
       maxWidth: this.maxWidth
-    } }, a("aside", { key: "f4fc452be1ab849dd5f5af6cc22b9605603d18d4", class: "modal__sidebar" }, this.sidebarLabel && a("header", { key: "863e9f2aa8b7392afc7a8d20f451c35a4757b5c1", class: f("modal__sidebar-header", {
+    } }, e("aside", { key: "445dabf28b922add6e2645a7bb596a37e3cc46da", class: "modal__sidebar" }, this.sidebarLabel && e("header", { key: "27c216acec48646897c3852ce0973b230393ad1e", class: f("modal__sidebar-header", {
       "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton
-    }) }, 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: {
+    }) }, this.hasSidebarCloseButton && e("swirl-button", { key: "300be5e9adfb0d6c3c579a6f5124edec51eb791f", hideLabel: !0, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), e("swirl-heading", { key: "23f2bc7055f5a62262a56d0a4c489d614adc1951", as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel })), e("div", { key: "8b3cffa44b64dfec5eb1008caff7589c9cb7299b", class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (d) => this.sidebarScrollContainer = d }, e("slot", { key: "77fb98cc3ce7d46d15d12045a441ed08ff926dfb", name: "sidebar-content" })), e("div", { key: "1e45e7319dcf4c97c96266fc5e68d7892e815c44", class: "modal__sidebar-footer" }, e("slot", { key: "dafc533c3bdbab792bd27c0d646c49cb9b72168a", name: "sidebar-footer" }))), e("div", { key: "963da8fb14325477073f875d326a4dfe58c43279", class: "modal__main-content" }, e("header", { key: "87513cc54a98fb0201bee06fab6a523633178851", class: "modal__custom-header" }, e("slot", { key: "c06a692b57cc1d37e1d88d31717bed3dc11ce559", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && e("header", { key: "89c9a74f6df7cc7e08d7905168ed4da4df1cd3fe", class: "modal__header" }, e("div", { key: "b630b015986769ae8f5d246bcdd23036cec6dac3", class: "modal__header-bar" }, !this.hideCloseButton && e("swirl-button", { key: "c8fff89367d47d74db2b16c52c36dc33df9bf9a0", 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: "97063a903a5cb65f08fb2dc26d5b7514d32204d4", 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: "e6b3eb2ed868cddd50b2fd28d974c4532e9e9d94", as: "h2", class: "modal__heading", level: 3, text: this.label }))), e("div", { key: "1ee97b36e0df6358c18ea02008ca4ee084017115", class: "modal__content-container", style: {
       gap: this.contentGap ? `var(--s-space-${this.contentGap})` : void 0
-    } }, a("div", { key: "ffaac7e43d389936ceb96b7c7b73c1fc2778f7d8", class: "modal__primary-content", style: {
+    } }, e("div", { key: "d4fa0c843953c0d217c1feb1939d43e0aad8b68b", class: "modal__primary-content", style: {
       maxWidth: this.primaryContentMaxWidth,
       flex: this.primaryContentFlex
-    } }, 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: {
+    } }, e("div", { key: "a2b4503677412ae7140e83a0c6025ac8be23b055", class: "modal__header-tools" }, e("slot", { key: "7a69b31437119706f320b6295849d34f252023af", name: "header-tools" })), e("div", { key: "f923f379a7d7cfc0fb69991085b1272c0983597e", class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (d) => this.scrollContainer = d }, e("slot", { key: "81682c3a8cd9f7d7dd865a77e286b2694cda5315" }))), e("div", { key: "9fced09c6e5ac1473f5be815f8039886fcea21b2", 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
-    } }, 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" })))))));
+    } }, e("slot", { key: "6074c4f3eacd7b0091bf2ae9022fdc10a9333a50", name: "secondary-content" }))), e("div", { key: "d930b8ff7ef35ee5e88dff9c6e90e7e9154205e9", class: "modal__custom-footer" }, e("slot", { key: "4119568e0b302bb69d6b9554bb8f9a4747c50922", name: "custom-footer" })), a && e("footer", { key: "6ed03e66ef65ed82558fc2abb695b807508dc6be", class: "modal__controls" }, e("swirl-button-group", { key: "c243569bc0e0cc9817972a5bbf4a18276658e57c", wrap: !0 }, this.secondaryActionLabel && e("swirl-button", { key: "100aa26888135c829169edfbaa6e210764d943d5", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && e("swirl-button", { key: "b197198cf7fe5fdd68f22cc709aa441144b971f7", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
   }
   get el() {
     return _(this);

package/dist/swirl-option-list-section.entry.8a238c0d.js

@@ -0,0 +1,15 @@
+import { r as i, h as s, H as t } from "./index.6b86ee90.js";
+import "react";
+import "react-dom";
+const a = ":host{display:block;width:100%}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", o = class {
+  constructor(e) {
+    i(this, e), this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
+  }
+  render() {
+    return s(t, { key: "a2bd8ab9bb252152056ec74a79bd48232337ffd1" }, this.hasSeparator && s("swirl-separator", { key: "111249ec87f6ff0d19ec92033a4fd60ce9794e61", spacing: this.separatorSpacing }), s("div", { key: "53e5d1ffd0c229ea7c52827d9188af5b9e2d3a81", "aria-labelledby": "label", class: "option-list-section", role: "group" }, s("span", { key: "871bb982f79e57d24f4d6105f4ee153c6b9b0fff", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), s("swirl-stack", { key: "d7600e3e25663db7c74b4f073f1e1117cb98b84c", spacing: this.spacing, align: "stretch" }, s("slot", { key: "060fe6e45a03426b493cd98fff5f52207a99abf3" }))));
+  }
+};
+o.style = a;
+export {
+  o as swirl_option_list_section
+};

package/dist/{swirl-option-list_2.entry.d7013d55.js → swirl-option-list_2.entry.eec87034.js}

@@ -1,4 +1,4 @@
-import { r as m, c as d, h as o, H as p, g as u } from "./index.dfdb31ad.js";
+import { r as m, c as d, h as o, H as p, g as u } from "./index.6b86ee90.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 g } from "./v4-DD3477fe.2624487e.js";
@@ -225,7 +225,7 @@ const x = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-sw
   }
   render() {
     const e = this.multiSelect ? "true" : void 0, t = Boolean(this.dragging) ? 0 : void 0, i = this.multiSelect && this.showSelectAll;
-    return o(p, { key: "8c044408d10a0e2785415b32a8645a3be37ff73e" }, o("swirl-visually-hidden", { key: "69acdd6763254468c862475e5c1c00eafdc93d32", role: "alert" }, this.assistiveText), o("div", { key: "649379a34dead4233483ad292498f7a988308e02", "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: "3a96ae35674e2429f62ac8fcf0ffc46165041af3", 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: "93cb99805109c6a16baf5b949af672b90b850f9f", onSlotchange: this.setSectionSeparator })));
+    return o(p, { key: "8f003735c4c5347724373773834fb0cf1111dba9" }, o("swirl-visually-hidden", { key: "f0274d5671f707a6130791dc6537d9044387c877", role: "alert" }, this.assistiveText), o("div", { key: "1e99aa245849dcc45e27e5ba2dd33f25954dc164", "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: "f4c317311dbc15bd1109ede4dec5bb2c63dc7c76", 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: "657775578ac2cb72820fedae1a39281cb02d4466", onSlotchange: this.setSectionSeparator })));
   }
   get el() {
     return u(this);
@@ -277,7 +277,7 @@ 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: "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: (b) => this.iconEl = b }, 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 })));
+    return o(p, { key: "f8c00ccd0edb0d188d0f65e621a3b3bd0f85ecf4" }, o("div", { key: "b2cee25c44a70638fe775d0ae34386aa1bdf57c2", "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: "fc899506beea9dcb1898b196a21e557aa45b1b43", class: "option-list-item__icon", innerHTML: this.icon, ref: (b) => this.iconEl = b }, l && o("span", { key: "52d35bd66d1b51121720dd338ca9db2c494789d2", class: "option-list-item__icon-badge", innerHTML: this.iconBadge })), i && o("span", { key: "cab616b7087d2d16b4009495e871d48de58e11ea", class: "option-list-item__checkbox" }, o("span", { key: "3dea1f0a44b4d46467ecbd8369c2b6aaed3123cc", class: "option-list-item__checkbox-box" }, this.selected && o("swirl-icon-check-strong", { key: "9b678ac705e7320d73748713068cfee00c3f47eb", class: "option-list-item__checkbox-icon", size: 16 }), !this.selected && this.indeterminate && o("span", { key: "76be874ba26f15a52f46d850861de625a5a7dec0", class: "option-list-item__checkbox-indeterminate-icon" }))), o("span", { key: "cff0e637854a7ebf4b21ee72646099d770f737c4", class: "option-list-item__avatar" }, o("slot", { key: "aa0246a84d995d205ca6dccadace99a1225cc5cf", name: "avatar" })), o("span", { key: "6d909506dce28d3265ef93e0ee8050664eeb7e42", class: "option-list-item__label-container" }, o("span", { key: "68470d33d2055d239e86fd07469fa59e19333965", class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && o("span", { key: "412f387f6e43974077d9b6b78b3c57fa5734f7b7", class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description)), a && o("span", { key: "e7d77c2368b9e4d44da76612233dd627dbf91007", class: "option-list-item__selection-icon" }, o("swirl-icon-check-small", { key: "1488cac89c93b82ea6160de2181e34eff34f561b", size: this.iconSize }))), this.allowDrag && o("button", { key: "97bb0b22816c33b08a34a4c879cfbb6c1115239e", "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: "fb047094366a625ef1ba88b69bcde10411e1023a", size: this.iconSize })));
   }
   get el() {
     return u(this);