@getflip/swirl-components-react 0.285.0 → 0.287.0

package/dist/{swirl-icon-work.entry.e44e02bb.js → swirl-icon-work.entry.52c53177.js}

@@ -1,16 +1,16 @@
-import { r as c, h as s, F as i } from "./index.aafcbece.js";
-import { c as o } from "./index-267776a4.6beb4f4b.js";
+import { r as o, h as e, F as i } from "./index.35faa157.js";
+import { c as r } from "./index-267776a4.6beb4f4b.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 = r, n = class {
-  constructor(e) {
-    c(this, e), this.color = void 0, this.size = 24;
+const a = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", C = a, n = class {
+  constructor(s) {
+    o(this, s), this.color = void 0, this.size = 24;
   }
   render() {
-    const e = this.size === 20 ? 24 : this.size, t = {
+    const s = this.size === 20 ? 24 : this.size, t = {
       color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, a = o("swirl-icon", `swirl-icon--size-${this.size}`);
-    return s("svg", { key: "c9ded08fc379b32eb5d83010785cd1c2d11589aa", "aria-hidden": "true", class: a, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && s(i, { key: "f67cea5941a50e94aa3fc16131e852d9d24c026d" }, s("path", { key: "4c49a224f09cb62b3788047a69663a32d15e5e11", 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) && s(i, { key: "f47425a1d687506554ce2f15dd3003797ada32d3" }, s("path", { key: "3c24a99b98600e2a731342537ec8214df0400a45", 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 && s(i, { key: "9d9d97acad4f88b904db60cb83e9b55fe35a0f83" }, s("path", { key: "372cc52c604041435aad075aa8da64f6440f3c21", 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 = r("swirl-icon", `swirl-icon--size-${this.size}`);
+    return e("svg", { key: "2358a3b34390665cd095eccfa3006481671dca1a", "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: "cf631d3af79d2c077c52f94a1f47723305239f5c" }, e("path", { key: "d15b99f3c5b9b44a4d2efee6921f03899cf6b71e", 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: "a4ab347c81260cf84d1a39890be4ce5c6f8e409b" }, e("path", { key: "b44eb4a659c70d5565717bd07e569fb3084d886e", 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: "a92da7e2edfd98c229b15501c6add72cd54cf437" }, e("path", { key: "72e59e20044e54b665f0125eaf93b10426f825aa", d: "M4.66668 24.5002C4.02501 24.5002 3.4757 24.2717 3.01876 23.8147C2.56182 23.3578 2.33334 22.8085 2.33334 22.1668V9.3335C2.33334 8.69183 2.56182 8.14252 3.01876 7.68558C3.4757 7.22863 4.02501 7.00016 4.66668 7.00016H9.33334V4.66683C9.33334 4.02516 9.56182 3.47586 10.0188 3.01891C10.4757 2.56197 11.025 2.3335 11.6667 2.3335H16.3333C16.975 2.3335 17.5243 2.56197 17.9813 3.01891C18.4382 3.47586 18.6667 4.02516 18.6667 4.66683V7.00016H23.3333C23.975 7.00016 24.5243 7.22863 24.9813 7.68558C25.4382 8.14252 25.6667 8.69183 25.6667 9.3335V22.1668C25.6667 22.8085 25.4382 23.3578 24.9813 23.8147C24.5243 24.2717 23.975 24.5002 23.3333 24.5002H4.66668ZM4.66668 22.1668H23.3333V9.3335H4.66668V22.1668ZM11.6667 7.00016H16.3333V4.66683H11.6667V7.00016Z", fill: "currentColor" })));
   }
 };
 n.style = C;

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

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

package/dist/{swirl-image-grid-item.entry.2e0be8ec.js → swirl-image-grid-item.entry.479f5994.js}

@@ -1,4 +1,4 @@
-import { r as g, c as d, h as e, H as l, g as h } from "./index.aafcbece.js";
+import { r as g, c as d, h as e, H as l, g as h } from "./index.35faa157.js";
 import { c as m } from "./index-267776a4.6beb4f4b.js";
 import { d as b } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";
@@ -66,9 +66,9 @@ const u = ':host{display:block;width:100%;min-height:0}:host *{box-sizing:border
       "image-grid-item--has-error": this.error,
       "image-grid-item--has-overlay": this.overlay
     });
-    return e(l, { key: "25d55918ded8252b0cafd0e29245229189cd72f5", "data-sibling-count": n, role: "listitem" }, e(i, { key: "940ecc7d168d882352556df39576ba05949657dd", class: r, type: this.interactive ? "button" : void 0 }, e("div", { key: "b1962f4ad8cf634ee84e6335cfcc3bea668a5208", class: "image-grid-item__background", style: {
+    return e(l, { key: "6d7a491535c7c0af41b3ef91cb4260840c805f54", "data-sibling-count": n, role: "listitem" }, e(i, { key: "e4e5cfcbd453b59126581950891d206b57f2109f", class: r, type: this.interactive ? "button" : void 0 }, e("div", { key: "07acf6335469352ea3b1f60c05115c1fa824dbda", class: "image-grid-item__background", style: {
       backgroundImage: t ? `url(${this.computedSrc})` : void 0
-    } }), this.loading !== "intersecting" || this.inViewport || this.gifPaused ? e("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : void 0, onError: this.onError, onLoad: this.onLoad, ref: (a) => this.img = a, src: this.computedSrc }) : e("div", { class: "image-grid-item__loading-placeholder" }), this.showGifControls && e("swirl-stack", { key: "25f5a42628d940986b45dc5f5dc3013480326360", class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, e("button", { key: "3954c9d057deff36d1d2273967fed3ed31a5c600", 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: "dd212229dd965e6d93b4ead145538688a74f939a", class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, e("swirl-icon-gif", { key: "4b9c460a02c124e527f50be015e6acdcbf483847", size: 20 }))), this.loaded && !this.error && this.icon && !Boolean(this.overlay) && e("div", { key: "b6ba0c7c2acb6ed3263f6000799e0df4a04e2211", class: "image-grid-item__icon", innerHTML: this.icon }), this.overlay && e("div", { key: "f0cfd5469b86f7b608dbd7608d216a7a0b21cef9", class: "image-grid-item__overlay" }, this.overlay), !this.loaded && e("div", { key: "5782cb6dbdd706424d1b35b01bf1a53c32221fcd", class: "image-grid-item__spinner" }, e("swirl-spinner", { key: "bb5241d86afffd13c39f45a4b4e536726d8548e8" })), this.loaded && this.error && e("div", { key: "cef4a030dea24e0194d306ce555ab572b45366b9", class: "image-grid-item__error" }, e("swirl-icon-error", { key: "f88fd6dcc55b31e08817aa773901cad70d9af408", color: "critical" }))));
+    } }), this.loading !== "intersecting" || this.inViewport || this.gifPaused ? e("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : void 0, onError: this.onError, onLoad: this.onLoad, ref: (a) => this.img = a, src: this.computedSrc }) : e("div", { class: "image-grid-item__loading-placeholder" }), this.showGifControls && e("swirl-stack", { key: "790abbbd89388a9838c13e9425c9a937cf33a219", class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, e("button", { key: "d563403f2361779f0923b940f7897a99bbf1baf1", 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: "dbba4b54899707d5be515626b08b9d726acebe8b", class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, e("swirl-icon-gif", { key: "9e760ce7ecfa3a30fdca5639ec0ff96e132876b1", size: 20 }))), this.loaded && !this.error && this.icon && !Boolean(this.overlay) && e("div", { key: "a53d40629745bebbfe2cd33e7e6c9bb3c32a325e", class: "image-grid-item__icon", innerHTML: this.icon }), this.overlay && e("div", { key: "751672a2faa1961f7043383eb8f2b7be70c46b8d", class: "image-grid-item__overlay" }, this.overlay), !this.loaded && e("div", { key: "bc2aca94226b94083ed4380f94ef82a3a71175e0", class: "image-grid-item__spinner" }, e("swirl-spinner", { key: "7176d5c2e8cee14edfd6329bf81a00c82f692be9" })), this.loaded && this.error && e("div", { key: "a9364481c81cae5e13d3c7f2968c5e7292cb270a", class: "image-grid-item__error" }, e("swirl-icon-error", { key: "ea4d4d8455b282acc80f31a0946ccdb387c7fc82", color: "critical" }))));
   }
   get el() {
     return h(this);

package/dist/{swirl-image-grid.entry.65bbb485.js → swirl-image-grid.entry.eb7350ac.js}

@@ -1,14 +1,14 @@
-import { r as s, h as i, H as a, g as r } from "./index.aafcbece.js";
+import { r as s, h as i, H as a, g as r } from "./index.35faa157.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
 const l = `:host{display:block}:host *{box-sizing:border-box}.image-grid{display:grid;overflow:hidden;width:100%;min-height:0;border-radius:var(--s-border-radius-sm);gap:var(--s-space-2)}.image-grid--item-count-1{grid-template-columns:100%;grid-template-rows:100%}.image-grid--item-count-2{grid-template-columns:repeat(2, calc(50% - var(--s-space-2) / 2))}.image-grid--item-count-3{grid-template-columns:calc(100% / 3 * 2) calc(
       100% / 3 - var(--s-space-2) / 2
     );grid-template-rows:calc(50% - var(--s-space-2) / 2)}.image-grid--item-count-3 ::slotted(*:nth-child(1)){grid-column-start:1;grid-row-start:1;grid-row-end:3}.image-grid--item-count-3 ::slotted(*:nth-child(3)){grid-column-start:2}.image-grid--item-count-4{grid-template-columns:repeat(2, calc(50% - var(--s-space-2) / 2));grid-template-rows:repeat(2, calc(50% - var(--s-space-2) / 2))}`, o = l, d = class {
-  constructor(t) {
-    s(this, t), this.updateItems = () => {
-      this.items = Array.from(this.el.children), this.items.forEach((e) => {
-        e.overlay = void 0;
+  constructor(e) {
+    s(this, e), this.updateItems = () => {
+      this.items = Array.from(this.el.children), this.items.forEach((t) => {
+        t.overlay = void 0;
       }), this.items.length > 4 && (this.items[3].overlay = `+${this.items.length - 3}`);
     }, this.caculateAspectRatio = () => {
       switch (this.items.length) {
@@ -29,8 +29,8 @@ const l = `:host{display:block}:host *{box-sizing:border-box}.image-grid{display
     this.updateItems();
   }
   render() {
-    const t = c("image-grid", `image-grid--item-count-${Math.min(4, this.items.length)}`), e = this.caculateAspectRatio();
-    return i(a, { key: "b521308af38fdbacdba8c1f992e048846609d50a" }, i("div", { key: "964edf1a7b758b4779e5b67d7bff4ed91fb7b7de", "aria-label": this.label, class: t, role: "list", style: { aspectRatio: e } }, i("slot", { key: "57075e6e6286ab69d4479b4d1b53417cc7484c62", onSlotchange: this.updateItems })));
+    const e = c("image-grid", `image-grid--item-count-${Math.min(4, this.items.length)}`), t = this.caculateAspectRatio();
+    return i(a, { key: "144e4d1854c853249fcf2f66e8dc0495c88f6bd6" }, i("div", { key: "6c2edaa47cce82a38cde93b76351f27426b7243d", "aria-label": this.label, class: e, role: "list", style: { aspectRatio: t } }, i("slot", { key: "a4f7375455254daa54140731e2eb2e989db0413d", onSlotchange: this.updateItems })));
   }
   get el() {
     return r(this);

package/dist/{swirl-inline-notification.entry.f9f6fbea.js → swirl-inline-notification.entry.c3370d3c.js}

@@ -1,17 +1,17 @@
-import { r as e, h as i, H as t } from "./index.aafcbece.js";
+import { r as t, h as i, H as e } from "./index.35faa157.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const a = ":host{display:block}:host *{box-sizing:border-box}.inline-notification{display:flex;max-width:100%;padding:var(--s-space-12);border-radius:var(--s-border-radius-sm);gap:var(--s-space-8)}@media (min-width: 768px){.inline-notification{padding:var(--s-space-16)}}.inline-notification--intent-info{background-color:var(--s-surface-info-subdued)}.inline-notification--intent-info .inline-notification__icon{color:var(--s-icon-info)}.inline-notification--intent-critical{background-color:var(--s-surface-critical-subdued)}.inline-notification--intent-critical .inline-notification__icon{color:var(--s-icon-critical)}.inline-notification--intent-warning{background-color:var(--s-surface-warning-subdued)}.inline-notification--intent-warning .inline-notification__icon{color:var(--s-icon-warning)}.inline-notification--intent-success{background-color:var(--s-surface-success-subdued)}.inline-notification--intent-success .inline-notification__icon{color:var(--s-icon-success)}.inline-notification__icon{display:inline-flex;flex-shrink:0}.inline-notification__content{position:relative;top:0.0625rem;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}", o = a, s = class {
+const o = ":host{display:block}:host *{box-sizing:border-box}.inline-notification{display:flex;max-width:100%;padding:var(--s-space-12);border-radius:var(--s-border-radius-sm);gap:var(--s-space-8)}@media (min-width: 768px){.inline-notification{padding:var(--s-space-16)}}.inline-notification--intent-info{background-color:var(--s-surface-info-subdued)}.inline-notification--intent-info .inline-notification__icon{color:var(--s-icon-info)}.inline-notification--intent-critical{background-color:var(--s-surface-critical-subdued)}.inline-notification--intent-critical .inline-notification__icon{color:var(--s-icon-critical)}.inline-notification--intent-warning{background-color:var(--s-surface-warning-subdued)}.inline-notification--intent-warning .inline-notification__icon{color:var(--s-icon-warning)}.inline-notification--intent-success{background-color:var(--s-surface-success-subdued)}.inline-notification--intent-success .inline-notification__icon{color:var(--s-icon-success)}.inline-notification__icon{display:inline-flex;flex-shrink:0}.inline-notification__content{position:relative;top:0.0625rem;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}", a = o, s = class {
   constructor(n) {
-    e(this, n), this.heading = void 0, this.importance = "status", this.intent = "info";
+    t(this, n), this.heading = void 0, this.importance = "status", this.intent = "info";
   }
   render() {
     const n = c("inline-notification", `inline-notification--intent-${this.intent}`);
-    return i(t, { key: "d46e37a215c2373153991797e6b0a42336358109" }, i("div", { key: "4db88116c9ae4e6693f274a28a9a2d861e5aa94b", "aria-describedby": "content", class: n, role: this.importance, tabIndex: 0 }, i("span", { key: "feaf53259af2044c5ecbb461804a56ed22c6e0d9", "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && i("swirl-icon-error", { key: "aa261620830413297d2f63aff904c33d20390cf2", size: 20 }), this.intent === "success" && i("swirl-icon-check-circle", { key: "79c150f64b7e3a04a7b87cececf20b14f75a3518", size: 20 }), this.intent === "warning" && i("swirl-icon-warning", { key: "556335c1333e49167d0c2b67cb983e183716624c", size: 20 }), this.intent === "info" && i("swirl-icon-info", { key: "6e55a282809d8abaea589b5a7ed1977c69f03640", size: 20 })), i("span", { key: "bfdcf8c92ce723c0cd9ebc9284f4b8bc8ae79bdd", class: "inline-notification__content", id: "content" }, i("swirl-text", { key: "a1191ec6b628202f21b649d788430becfa08caba", class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading), i("slot", { key: "5bf9952fa7288e97a8d728e06db17b7facb400ab" }))));
+    return i(e, { key: "a1da297ecc55afb8b75f2e0b88d1cbc95516dff1" }, i("div", { key: "c4f47397145f183054219daffc03d5a298aa07c4", "aria-describedby": "content", class: n, role: this.importance, tabIndex: 0 }, i("span", { key: "dd8150c459a8aeb47e702313a74875823a5526fc", "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && i("swirl-icon-error", { key: "5fe389c8972247b9f694d3ae0b06b8377843a100", size: 20 }), this.intent === "success" && i("swirl-icon-check-circle", { key: "2ddf90d1b3451778c190bff7269f68166f61dbba", size: 20 }), this.intent === "warning" && i("swirl-icon-warning", { key: "72a7068790a55c9be62101a56f6cc87e8c890433", size: 20 }), this.intent === "info" && i("swirl-icon-info", { key: "3ef651d127b42706cce8243d2fa35764809e3646", size: 20 })), i("span", { key: "a9186c6f914cea277c92800dd05d3255a3e1c677", class: "inline-notification__content", id: "content" }, i("swirl-text", { key: "86627595e6d8dfa49163442a1ef53b7916b732bb", class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading), i("slot", { key: "fb98042e041b7764ae30b9d883fadd19cbfcc9cb" }))));
   }
 };
-s.style = o;
+s.style = a;
 export {
   s as swirl_inline_notification
 };

package/dist/{swirl-inline-status.entry.aba5f22d.js → swirl-inline-status.entry.299e769c.js}

@@ -1,11 +1,11 @@
-import { r as s, h as e, H as a } from "./index.aafcbece.js";
+import { r as e, h as n, H as a } from "./index.35faa157.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import { g as r } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";
 import "react-dom";
 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 = l, d = class {
   constructor(t) {
-    s(this, t), this.desktopMediaQuery = r(), this.desktopMediaQueryHandler = (i) => {
+    e(this, t), this.desktopMediaQuery = r(), this.desktopMediaQueryHandler = (i) => {
       this.forceIconProps(i.matches);
     }, this.icon = void 0, this.intent = void 0, this.message = void 0, this.size = "m", this.iconSize = 20;
   }
@@ -22,12 +22,12 @@ const l = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-statu
     const i = this.iconEl.children[0];
     if (!Boolean(i))
       return;
-    let n = "24";
-    this.size === "s" ? n = "16" : t && (n = "20"), i.setAttribute("size", n);
+    let s = "24";
+    this.size === "s" ? s = "16" : t && (s = "20"), i.setAttribute("size", s);
   }
   render() {
     const t = o("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-    return e(a, { key: "2fc16697efad24365a563411111d6e2d954c8aee" }, e("span", { key: "02d1974c104f1bbc71effbff313b2c3a76104fc1", class: t, part: "inline-status" }, this.icon && e("span", { key: "6d93d978c0fd59663669aa2e46ed5ffed57e3213", class: "inline-status__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), e("span", { key: "b75e6e5dbf94bf3532c9e2ab6bba4786b8a199d1", class: "inline-status__message" }, this.message)));
+    return n(a, { key: "856ac6cf78d3d4f72ec8db6c651d849aa770de41" }, n("span", { key: "4654c90f1dd3b2569f848414fc8fd739a7f49555", class: t, part: "inline-status" }, this.icon && n("span", { key: "3f32569549ea2facd87d267b8836a0dfdc308405", class: "inline-status__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), n("span", { key: "d3086330637d3f4999d7cf04716f5de09f4ddd0f", class: "inline-status__message" }, this.message)));
   }
 };
 d.style = c;

package/dist/{swirl-lightbox.entry.6914ef06.js → swirl-lightbox.entry.4e9188cf.js}

@@ -1,4 +1,4 @@
-import { r as h, c as b, h as i, H as u, g } from "./index.aafcbece.js";
+import { r as h, c as b, h as i, H as u, g } from "./index.35faa157.js";
 import { d as f, e as m } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { c as x } from "./focus-trap.esm-49c9613c.db20abcc.js";
@@ -160,7 +160,7 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
       "lightbox--hide-menu": !o,
       "lightbox--hide-toolbar": !r
     });
-    return i(u, { key: "2a5453d620902876bcbd132ad33ce44c6968107e", onKeydown: this.onKeyDown }, i("section", { key: "7b83b8433a217bd9780e901330cd9b331d00edf1", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: l, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (n) => this.modalEl = n, role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, i("div", { key: "95ca4eb07ff51e097965646dc5d3cf8bf3aa927f", class: "lightbox__body", role: "document" }, i("header", { key: "bd85c4e4a3055e1d1c9ee166f4456e8003bdc4c3", class: "lightbox__header" }, i("button", { key: "070efd3285d7810f3d031ef35f08c1de8cf43da8", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, i("swirl-icon-close", { key: "68388c53988fc57217988c429a6bed21ae16fc0c" })), i("div", { key: "63a4cef131faf70605cbc67ed6ad02c09bef5c3d", class: "lightbox__toolbar" }, i("slot", { key: "8025cc39ecc00930352801fc27175897322c060f", name: "toolbar" })), !this.hideMenu && i("swirl-popover-trigger", { key: "10747002ee19a6accb2bd8cd752b8794e930bdb1", swirlPopover: this.menu }, i("button", { key: "ee335848b6ad7abf69f300cb9adb0d8b0b4dff21", "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, i("swirl-icon-more-vertikal", { key: "b382292d75ec559ae542a98e145b1a12430f8fe4" })))), i("div", { key: "0d3e2f44c9e40b59d93a89aec8df2d383e3c742c", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, i("div", { key: "dd625b34c88c2c3381cd034cfc7716dce7d01248", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (n) => this.slidesContainer = n }, i("slot", { key: "6d04b0c40d9b46f783ab55363377055c6dcf69b8", onSlotchange: this.registerSlides }))), i("div", { key: "ed9289fedd42eadf4725075849704c19cd39fd36", class: "lightbox__controls" }, i("button", { key: "2d170a66a66260f3c01e5e5ca7750e1343db4ca1", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, i("swirl-icon-arrow-left", { key: "287a5135c9a2d0eecac5078702ac9ba8fac6e922" })), i("button", { key: "d40a453bc90a99a2d76363d82b5b713c643d83b2", "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: "f3986c948ef6f413e97200cd0a8fc6d808829dc2" }))), t && i("span", { key: "83c2ec283ed0826f3ba02b9e0b3570a39f4a7355", class: "lightbox__pagination" }, i("span", { key: "b1f6fec8ebec336ce08aa298e77304b623c0c041", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && i("swirl-popover", { key: "383236d86dd9d640696e5f3e8348327328bf43ba", animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (n) => this.menu = n }, i("swirl-stack", { key: "65557c3eb245265943014f796d31ff54a3e91a41" }, i("div", { key: "068ed1d56b8182cbf35ec1590fc78fa3837487a4", class: "lightbox__meta" }, s && i("div", { key: "1dc9d8bab3d912ba592ce888af85c468a9519391", class: "lightbox__thumbnail" }, i("swirl-thumbnail", { key: "a58b4a7afca1f839f767000d155892088b461923", alt: "", src: s })), i("div", { key: "ca589cee18ac4d0b459543f5502d1d39d59d4f69", class: "lightbox__file-info" }, i("swirl-text", { key: "99a0d34f43f5a5b1e1ae482c48c1dafc68b55837", truncate: !0, weight: "semibold" }, e), i("swirl-text", { key: "092772566ba28884e403146768cb6daa8704ef21", color: "subdued", size: "sm", truncate: !0 }, a))), o && i("swirl-separator", { key: "8631028db9cae09412589ece93784da10f40f6f1" }), i("swirl-action-list", { key: "9437a83d5958906a020f74cb6c109c0f96c61e9f" }, this.downloadButtonEnabled && i("swirl-action-list-item", { key: "8cf82b7362f2cd61ae347676008d6c217ca21cd5", icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), i("slot", { key: "24742385608222225982eb4bb0156690ea1372b3", name: "menu-items" }))))));
+    return i(u, { key: "5f83023c4e9c5b49cbfc9d992ba78b7fcc0af922", onKeydown: this.onKeyDown }, i("section", { key: "83beaa9afc9f61cfb335d9db541ed666ce2d3f02", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: l, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (n) => this.modalEl = n, role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, i("div", { key: "9da23537c23f1990176ff16e09023850c2db4ae8", class: "lightbox__body", role: "document" }, i("header", { key: "63de374446036fe8d2d2869991e7ffbd4b458b5b", class: "lightbox__header" }, i("button", { key: "543d26e507cd3478b639ad1d87ed7a63129fa8cb", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, i("swirl-icon-close", { key: "ecec8c257983f094ec3b336b0d2113d99ecb3ee5" })), i("div", { key: "8ceb3fec02326e2a3a4e35a07d4e1c2a5dd56c59", class: "lightbox__toolbar" }, i("slot", { key: "5d72749e96080ee1447ede1a013d557a03daa680", name: "toolbar" })), !this.hideMenu && i("swirl-popover-trigger", { key: "22692b7c64403576ed27ee78753701993869b0f4", swirlPopover: this.menu }, i("button", { key: "2cf90488154012ed8308326821bc0b086cdf7d1e", "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, i("swirl-icon-more-vertikal", { key: "4feb1c6169c337e8f02a6dd53570d78e4a3a3461" })))), i("div", { key: "b365266f68fefd033e91b942096bb87ca6541b9d", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, i("div", { key: "b5ba36b62356763fd81c87ef160a1df9596335fd", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (n) => this.slidesContainer = n }, i("slot", { key: "6c2581badf908232cb1642d3eea15a2dd1d4bb27", onSlotchange: this.registerSlides }))), i("div", { key: "af5442e3bde8d9c18c58ffb87acabe298fc8379c", class: "lightbox__controls" }, i("button", { key: "a16af74a6dbd6168fb44c0b40ef584824a90612f", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, i("swirl-icon-arrow-left", { key: "4160e454cf194bf910c88ff9e91405dca8babfc6" })), i("button", { key: "ea98e7182ee0cc7a58fa8277332cc39e5c1d48b4", "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: "48de4f64580779e17907b5bc70c6b59894bf700b" }))), t && i("span", { key: "01907c1e3eb44037d0978660b61e177a70e3a51a", class: "lightbox__pagination" }, i("span", { key: "bb8d34954bdd5b6bf463fc97d4989fe9ea07aa94", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && i("swirl-popover", { key: "4b04077d2100254834912bf76b905defa588a554", animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (n) => this.menu = n }, i("swirl-stack", { key: "a98f21b521ae63b02436c402bb250b71ea80ec42" }, i("div", { key: "caad1888856f677f28136b2eb9e7ad77dc9e4e03", class: "lightbox__meta" }, s && i("div", { key: "06527190cd5914dbbec266a298819355f51ad3bd", class: "lightbox__thumbnail" }, i("swirl-thumbnail", { key: "7b85a2908765bb662520fd026182a7e5f4ae6bae", alt: "", src: s })), i("div", { key: "5c2d2fbc79d1c6d96fd5689d5618c9245c8245fc", class: "lightbox__file-info" }, i("swirl-text", { key: "b71e439fd73142424563a493e68023bec26151be", truncate: !0, weight: "semibold" }, e), i("swirl-text", { key: "8265bb14022bf27e53ce13754dc8e1ac2ff21196", color: "subdued", size: "sm", truncate: !0 }, a))), o && i("swirl-separator", { key: "6a5ea757cf7658aaf7f1e33132275e7317d6f2e3" }), i("swirl-action-list", { key: "59b1bb67911d2bb6e92f15976fbd86cedea48580" }, this.downloadButtonEnabled && i("swirl-action-list-item", { key: "a8aa5dc3f5ba078248b4f7fb5d86182f11cceca2", icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), i("slot", { key: "35acefefe19ae17f00ee700aa21db2248ab87eea", name: "menu-items" }))))));
   }
   get el() {
     return g(this);

package/dist/{swirl-link.entry.565eab1c.js → swirl-link.entry.245a2bb4.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as t } from "./index.aafcbece.js";
+import { r, h as i, H as t } from "./index.35faa157.js";
 import { c as s } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -8,7 +8,7 @@ const a = ":host{display:inline-flex}:host *{box-sizing:border-box}.link{color:v
   }
   render() {
     const e = s("link", `link--color-${this.color}`);
-    return i(t, { key: "dd7fa6f72657545249f2f473fba736ae8b658e78" }, i("a", { key: "237411a3ddf6fe64d9a98e300d01f4af805a6877", class: e, href: this.href, part: "link", target: this.target }, this.label));
+    return i(t, { key: "e7e0c66fbd3ea0c860e059f0d1e62186efd6d294" }, i("a", { key: "9e1deec9cde153cf663bfa415caa38293962a2c4", class: e, href: this.href, part: "link", target: this.target }, this.label));
   }
 };
 o.style = n;

package/dist/{swirl-list.entry.ed1283ee.js → swirl-list.entry.c75d7358.js}

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

package/dist/{swirl-menu-item.entry.56daf3c5.js → swirl-menu-item.entry.d4479940.js}

@@ -1,9 +1,9 @@
-import { r, h as i, H as d, g as u } from "./index.aafcbece.js";
-import { c as l } from "./index-267776a4.6beb4f4b.js";
-import { c as h, p as c } from "./utils-fbb8b494.acf1ae9e.js";
+import { r, f as d, h as i, H as l, g as u } from "./index.35faa157.js";
+import { c as h } from "./index-267776a4.6beb4f4b.js";
+import { c, p } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";
 import "react-dom";
-const p = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expanded ::part(action-list-item){background-color:var(--s-surface-overlay-hovered)}", m = p, f = 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 = m, b = class {
   constructor(t) {
     r(this, t), this.onSlotChange = () => {
       this.subMenu = this.el.querySelector("swirl-menu"), this.updateActionListItemProps();
@@ -25,10 +25,10 @@ const p = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expande
           return;
         e.preventDefault(), this.parentMenu.updateSelection(this.optionListItem);
       }
-    }, this.description = void 0, this.disabled = void 0, this.expanded = void 0, this.icon = void 0, this.intent = "default", this.label = void 0, this.suffix = void 0, this.value = void 0, this.parentMenu = void 0, this.subMenu = void 0;
+    }, this.description = void 0, this.disabled = void 0, this.expanded = void 0, this.icon = void 0, this.iconBadge = void 0, this.intent = "default", this.label = void 0, this.suffix = void 0, this.value = void 0, this.parentMenu = void 0, this.subMenu = void 0;
   }
   componentWillLoad() {
-    this.parentMenu = h(this.el, "swirl-menu"), this.rootMenu = c(this.el, "swirl-menu").pop(), this.subMenu = this.el.querySelector("swirl-menu");
+    this.parentMenu = c(this.el, "swirl-menu"), this.rootMenu = p(this.el, "swirl-menu").pop(), this.subMenu = this.el.querySelector("swirl-menu");
   }
   watchExpanded() {
     this.updateActionListItemProps();
@@ -36,6 +36,9 @@ const p = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expande
   async getSubMenu() {
     return this.subMenu;
   }
+  async updateValue() {
+    d(this);
+  }
   async getParentMenu() {
     return this.parentMenu;
   }
@@ -43,23 +46,24 @@ const p = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expande
     !Boolean(this.actionListItem) || (this.actionListItem.swirlAriaExpanded = this.expanded ? "true" : void 0, this.actionListItem.swirlAriaHaspopup = Boolean(this.subMenu) ? "true" : void 0, this.actionListItem.suffix = Boolean(this.subMenu) ? '<swirl-icon-chevron-right size="16"></swirl-icon-chevron-right>' : void 0);
   }
   renderActionListItem() {
-    var e, n, o;
-    const t = Boolean((e = this.subMenu) == null ? void 0 : e.value) ? (o = Array.from(((n = this.subMenu) == null ? void 0 : n.querySelectorAll("swirl-menu-item")) || []).find((s) => {
+    var e, s, o;
+    const t = Boolean((e = this.subMenu) == null ? void 0 : e.value) ? (o = Array.from(((s = this.subMenu) == null ? void 0 : s.querySelectorAll("swirl-menu-item")) || []).find((n) => {
       var a;
-      return s.value === ((a = this.subMenu) == null ? void 0 : a.value);
+      return n.value === ((a = this.subMenu) == null ? void 0 : a.value);
     })) == null ? void 0 : o.label : void 0;
-    return i("swirl-action-list-item", { badge: t, description: this.description, disabled: this.disabled, icon: this.icon, intent: this.intent, label: this.label, onClick: this.onActionListItemClick, ref: (s) => this.actionListItem = s, suffix: this.suffix });
+    return i("swirl-action-list-item", { badge: t, description: this.description, disabled: this.disabled, icon: this.icon, iconBadge: this.iconBadge, intent: this.intent, label: this.label, onClick: this.onActionListItemClick, ref: (n) => this.actionListItem = n, suffix: this.suffix }, i("slot", { slot: "avatar", name: "avatar" }));
   }
   renderOptionListItem() {
-    var t;
-    return i("swirl-option-list-item", { disabled: this.disabled, icon: this.icon, label: this.label, onClick: this.onOptionListItemClick, onKeyDown: this.onOptionListItemKeyDown, onKeyUp: this.onOptionListItemKeyUp, ref: (e) => this.optionListItem = e, selected: ((t = this.parentMenu) == null ? void 0 : t.value) === this.value, swirlAriaRole: "menuitemradio", value: this.value });
+    var e;
+    const t = ((e = this.parentMenu) == null ? void 0 : e.value) === this.value;
+    return i("swirl-option-list-item", { disabled: this.disabled, icon: this.icon, iconBadge: this.iconBadge, label: this.label, onClick: this.onOptionListItemClick, onKeyDown: this.onOptionListItemKeyDown, onKeyUp: this.onOptionListItemKeyUp, ref: (s) => this.optionListItem = s, selected: t, swirlAriaRole: "menuitemradio", value: this.value }, i("slot", { slot: "avatar", name: "avatar" }));
   }
   render() {
     var e;
-    const t = l("menu-item", {
+    const t = h("menu-item", {
       "menu-item--expanded": this.expanded
     });
-    return i(d, { key: "60935d6905d5131e17c11745287d6b8a92dcc678" }, i("div", { key: "dae9950c41d49199ad06d12b4cae1a5bd02df989", class: t }, ((e = this.parentMenu) == null ? void 0 : e.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "927c8ca18d653dfa37e614691b4a955144b327b8", onSlotchange: this.onSlotChange })));
+    return i(l, { key: "c3aee9e9e8c3eeec2287796fcbc2bc403e717d83" }, i("div", { key: "9624ee9775abc19991e6c2f61d35c09233d176dc", class: t }, ((e = this.parentMenu) == null ? void 0 : e.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "d1e331b8f5556280305ae6512daeaf7130efb752", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return u(this);
@@ -70,7 +74,7 @@ const p = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expande
     };
   }
 };
-f.style = m;
+b.style = f;
 export {
-  f as swirl_menu_item
+  b as swirl_menu_item
 };

package/dist/{swirl-menu.entry.b7738aa0.js → swirl-menu.entry.7fd5f46f.js}

@@ -1,10 +1,10 @@
-import { r as d, c, h as n, H as b, g as p } from "./index.aafcbece.js";
-import { c as v, a as f, o as w, f as g } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
-import { c as y } from "./index-267776a4.6beb4f4b.js";
-import { q as a, c as l, p as h, i as M, b as x } from "./utils-fbb8b494.acf1ae9e.js";
+import { r as d, c, h as o, H as b, g as p } from "./index.35faa157.js";
+import { c as v, a as f, o as w, s as g, f as y } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
+import { c as M } from "./index-267776a4.6beb4f4b.js";
+import { q as a, c as l, p as h, i as I, b as x } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";
 import "react-dom";
-const I = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed)}.menu--mobile.menu--root{position:relative}.menu--mobile.menu--root .menu__menu{top:3.5rem;transition:left 0.2s}.menu--mobile.menu--active .menu__menu{display:block}.menu--mobile .menu__menu{position:absolute;top:0;left:0;display:none;width:100%}:not(.menu--mobile).menu--root{position:relative}:not(.menu--mobile).menu--root .menu__menu{position:relative;padding-top:0;padding-bottom:0}:not(.menu--mobile) :not(.menu--root) .menu__menu{z-index:1;max-width:22.5rem;border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-1)}:not(.menu--mobile).menu--active .menu__menu{display:block}:not(.menu--mobile) .menu__menu{position:fixed;display:none}.menu__mobile-header{display:flex;height:3.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-8)}.menu__mobile-header>*{display:inline-flex;flex-shrink:0}.menu__title{min-width:0;flex-grow:1;flex-shrink:1}.menu__title swirl-heading{min-width:0}.menu__done-button{margin-right:calc(-1 * var(--s-space-8))}.menu__menu{padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-surface-overlay-default)}", _ = I, k = class {
+const _ = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed)}.menu--mobile.menu--root{position:relative}.menu--mobile.menu--root .menu__menu{top:3.5rem;transition:left 0.2s}.menu--mobile.menu--active .menu__menu{display:block}.menu--mobile .menu__menu{position:absolute;top:0;left:0;display:none;width:100%}:not(.menu--mobile).menu--root{position:relative}:not(.menu--mobile).menu--root .menu__menu{position:relative;padding-top:0;padding-bottom:0}:not(.menu--mobile) :not(.menu--root) .menu__menu{z-index:1;max-width:22.5rem;border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-1)}:not(.menu--mobile).menu--active .menu__menu{display:block}:not(.menu--mobile) .menu__menu{position:fixed;display:none}.menu__mobile-header{display:flex;height:3.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-8)}.menu__mobile-header>*{display:inline-flex;flex-shrink:0}.menu__title{min-width:0;flex-grow:1;flex-shrink:1}.menu__title swirl-heading{min-width:0}.menu__done-button{margin-right:calc(-1 * var(--s-space-8))}.menu__menu{padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-surface-overlay-default)}", k = _, L = class {
   constructor(e) {
     d(this, e), this.done = c(this, "done", 7), this.valueChange = c(this, "valueChange", 7), this.mobileMediaQuery = window.matchMedia("(min-width: 768px)"), this.mediaQueryHandler = () => {
       this.updateMobileState();
@@ -24,11 +24,13 @@ const I = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
         return;
       }
       const t = this.el.parentElement;
-      !Boolean(t) || !Boolean(this.menuContainer) || (this.position = await v(t, this.menuContainer, {
-        placement: "right-start",
-        strategy: "fixed",
-        middleware: [w({ mainAxis: -10, crossAxis: 0 }), g()]
-      }));
+      !Boolean(t) || !Boolean(this.menuContainer) || requestAnimationFrame(async () => {
+        this.position = await v(t, this.menuContainer, {
+          placement: "right-start",
+          strategy: "fixed",
+          middleware: [w({ mainAxis: -10, crossAxis: 0 }), g(), y()]
+        });
+      });
     }, this.onKeyDown = (t) => {
       if (t.code === "ArrowDown")
         t.preventDefault(), t.stopPropagation(), this.focusNextItem();
@@ -60,12 +62,15 @@ const I = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
     }), this.swirlPopover.addEventListener("popoverClose", this.resetMenu), this.updateItems();
   }
   disconnectedCallback() {
-    var e, t, i, o;
-    (e = this.swirlPopover) == null || e.removeEventListener("popoverClose", this.resetMenu), (i = (t = this.mobileMediaQuery).removeEventListener) == null || i.call(t, "change", this.mediaQueryHandler), (o = this.observer) == null || o.disconnect();
+    var e, t, i, n;
+    (e = this.swirlPopover) == null || e.removeEventListener("popoverClose", this.resetMenu), (i = (t = this.mobileMediaQuery).removeEventListener) == null || i.call(t, "change", this.mediaQueryHandler), (n = this.observer) == null || n.disconnect();
   }
   watchActive() {
     this.reposition(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = f(this.el.parentElement, this.menuContainer, this.reposition);
   }
+  watchValue() {
+    this.updateActiveItem();
+  }
   async activateMenuItem(e) {
     if (Boolean(this.parentMenu))
       return;
@@ -73,9 +78,9 @@ const I = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
     a(this.el, "swirl-menu").filter((s) => s.level >= t.level && s !== t).forEach((s) => {
       s.active = !1, s.parentElement.expanded = !1;
     });
-    const o = await e.getSubMenu();
-    !Boolean(o) || (e.expanded = !0, o.active = !0, this.activeLevel = o.level, setTimeout(() => {
-      o.focusFirstItem();
+    const n = await e.getSubMenu();
+    !Boolean(n) || (e.expanded = !0, n.active = !0, this.activeLevel = n.level, setTimeout(() => {
+      n.focusFirstItem();
     }, this.mobile ? 200 : 60));
   }
   async close() {
@@ -98,13 +103,18 @@ const I = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
   async updateSelection(e) {
     this.valueChange.emit(e.value);
   }
+  async updateActiveItem() {
+    a(this.el, "swirl-menu-item").filter((t) => l(t, "swirl-menu") === this.el).forEach((t) => {
+      t.updateValue();
+    }), this.parentMenu && this.parentMenu.variant === "action" && this.parentMenu.updateActiveItem();
+  }
   observeSlotChanges() {
     this.observer = new MutationObserver(() => {
       this.updateItems();
     }), this.observer.observe(this.el, { childList: !0 });
   }
   updateMobileState() {
-    const e = M();
+    const e = I();
     e !== this.mobile && (this.mobile = e);
   }
   updateItems() {
@@ -139,28 +149,29 @@ const I = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
   }
   render() {
     var r, u;
-    const e = !Boolean(this.parentMenu), t = e && this.mobile ? void 0 : this.label, i = e && this.mobile ? "menu-title" : void 0, o = e ? "menubar" : "menu", s = y("menu", `menu--level-${this.level}`, {
+    const e = !Boolean(this.parentMenu), t = e && this.mobile ? void 0 : this.label, i = e && this.mobile ? "menu-title" : void 0, n = e ? "menubar" : "menu", s = M("menu", `menu--level-${this.level}`, {
       "menu--active": this.active,
       "menu--mobile": this.mobile,
       "menu--root": e
     });
-    return n(b, { key: "871e162e3b3f261be6a9c8a0426d65f7abe50f25" }, n("div", { key: "01d3b2e0ffa7a55cda07a477f95fe4014685ff7e", class: s }, this.mobile && e && n("div", { key: "8927be3673d2db5cba405199f833cd7aabbb8610", class: "menu__mobile-header" }, this.activeLevel === 0 && n("swirl-button", { key: "4d4ee3f8485470270ae59c9635b96ebddb2d44ee", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" }), this.activeLevel > 0 && n("swirl-button", { key: "f4c63de9a83fe17567371528cff256228a12dd25", hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" }), n("span", { key: "c241e0b1573f5c96f570017ed2b9ac4a3361e89c", class: "menu__title", id: "menu-title" }, n("swirl-heading", { key: "78f3377166d291981bf076ae448278877a6288ba", align: "center", as: "span", level: 4, text: this.label, truncate: !0 })), n("swirl-button", { key: "dddf25259fa3495d9c16f9e2155fb1b69ecebb80", class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone })), n("div", { key: "04b4e0e348861cee0a34727850e69439a5c6b402", "aria-label": t, "aria-labelledby": i, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (m) => this.menuContainer = m, role: o, style: !this.mobile && this.level > 0 ? {
+    return o(b, { key: "139ace0948e7fe3f2ccd87a4f497f5d6c9e889d0" }, o("div", { key: "4c036f7cc11ad4baaa694370f58200b95e9d8bd5", class: s }, this.mobile && e && o("div", { key: "efc5872b0eab8e30656ff08be0f22369b5dea335", class: "menu__mobile-header" }, this.activeLevel === 0 && o("swirl-button", { key: "011aae50518fcc6acf2df643d1b8baeb02ee258c", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" }), this.activeLevel > 0 && o("swirl-button", { key: "3290279dae6aa2f24db3e6255663a74d9ebfb245", hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" }), o("span", { key: "74ec9876905b64c1d1564b4673da0afa6df8be88", class: "menu__title", id: "menu-title" }, o("swirl-heading", { key: "d11cb7e73bf2ae10e4877adea3a1fc76ef8709bd", align: "center", as: "span", level: 4, text: this.label, truncate: !0 })), o("swirl-button", { key: "18763d9d7b8235d36d15962d9f0fa186f06cbf06", class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone })), o("div", { key: "d13e7e02bebdc0b2672f9c99ad16b140245f0309", "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 }, n("slot", { key: "894ca7c7b59993da2caecc103e14a166df1c60f2" }))));
+    } : void 0 }, o("slot", { key: "9e4b84a77c38b544a1012c7cd28f767b54399b31" }))));
   }
   get el() {
     return p(this);
   }
   static get watchers() {
     return {
-      active: ["watchActive"]
+      active: ["watchActive"],
+      value: ["watchValue"]
     };
   }
 };
-k.style = _;
+L.style = k;
 export {
-  k as swirl_menu
+  L as swirl_menu
 };

package/dist/{swirl-modal.entry.23d699b1.js → swirl-modal.entry.7e0646d4.js}

@@ -1,4 +1,4 @@
-import { r as m, c as t, h as e, H as f, g as p } from "./index.aafcbece.js";
+import { r as m, c as t, h as e, H as f, g as p } from "./index.35faa157.js";
 import { d as u, e as b } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as v } from "./index-267776a4.6beb4f4b.js";
 import { c as y } from "./focus-trap.esm-49c9613c.db20abcc.js";
@@ -99,17 +99,17 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       "modal--scrolled-down": this.scrolledDown,
       "modal--hide-secondary-content-borders": this.hideSecondaryContentBorders
     });
-    return e(f, { key: "59bb0f17c4f2e60c77575cf02823626e631c9e6b" }, e("section", { key: "0c31064fe837a46bdfc50f744770039fc878359a", "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: "f45ad45df2a06d53c1c5cba852b652e31760ef03", class: "modal__backdrop", onClick: this.onBackdropClick }), e("div", { key: "9a3485ea35b08428ab58fef765f4497b75bef734", class: "modal__body", style: {
+    return e(f, { key: "3bbd1990a38876aa5fa6022a7e75100bbf7b581c" }, e("section", { key: "bce314e825048303343607cbf919d2bc0d3705b2", "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: "9f2fdee44602aafa9192bf74491e6ef8ea54b916", class: "modal__backdrop", onClick: this.onBackdropClick }), e("div", { key: "6683da7a0d57dab9436e7de71ac3936b25d7a4e0", class: "modal__body", style: {
       "--swirl-modal-max-height": this.maxHeight,
       "--swirl-modal-height": this.height,
       minHeight: this.minHeight,
       maxWidth: this.maxWidth
-    } }, e("header", { key: "abc085e2e7b8964e7400d67dac99fe5c81470d00", class: "modal__custom-header" }, e("slot", { key: "211d44847186a221263a6930a12f72b3fb92ff45", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && e("header", { key: "3d8c94ddbd3e4b15c41c67a15559948b3f207ac8", class: "modal__header" }, e("div", { key: "42f998e77ea2f2bffde4be10b184bc2b7fd4f275", class: "modal__header-bar" }, !this.hideCloseButton && e("swirl-button", { key: "ff3a001411f87b58a7757e049c15802b8f6001a4", class: "modal__close-button", hideLabel: !0, icon: this.variant === "default" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), !this.hideLabel && e("swirl-heading", { key: "0bb0418d9f1524921a556d5888f6795be95a9942", as: "h2", class: "modal__heading", level: 3, text: this.label }))), e("div", { key: "735da7ca7911404a453362feaf169a3c15023f54", class: "modal__content-container", style: {
+    } }, e("header", { key: "d40897c1767ea0a339159f34bfbe876c5acd6e17", class: "modal__custom-header" }, e("slot", { key: "60ae424e9814a0b51bfa1c23e8d6fa5e5b7ae84d", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && e("header", { key: "8eaa631b2764ced7b932cfe8c99d1c8c0e01e0a7", class: "modal__header" }, e("div", { key: "1df6bfb57f56f274646d28b18ce7f6d9b3bb52fe", class: "modal__header-bar" }, !this.hideCloseButton && e("swirl-button", { key: "a1dcfcdd6d47091805c1423520cec1418c20cc60", class: "modal__close-button", hideLabel: !0, icon: this.variant === "default" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), !this.hideLabel && e("swirl-heading", { key: "9ab5c9fbc09068883a45a624de7b8979af08c309", as: "h2", class: "modal__heading", level: 3, text: this.label }))), e("div", { key: "9bec8811feb9e321f192161dbd31ce8713d2cf2e", class: "modal__content-container", style: {
       gap: this.contentGap ? `var(--s-space-${this.contentGap})` : void 0
-    } }, e("div", { key: "cda8107e32fe2f331d65906510b294ae66dc7abe", class: "modal__primary-content", style: {
+    } }, e("div", { key: "2979e5f0d391f891f547b45c2f632a11a95b6429", class: "modal__primary-content", style: {
       maxWidth: this.primaryContentMaxWidth,
       flex: this.primaryContentFlex
-    } }, e("div", { key: "5a597a80b7de25a74e4d215c26444abe6efbcb02", class: "modal__header-tools" }, e("slot", { key: "ae5385cbb22afa2048b91d0697733b404a487d8e", name: "header-tools" })), e("div", { key: "82ffe6da927ed8fc5167f8aa738dc6058d76e4f7", class: "modal__content", onScroll: this.determineScrollStatus, ref: (d) => this.scrollContainer = d }, e("slot", { key: "f6cac69b194055b59cff5f556d043763c2d7c5cd" }))), e("div", { key: "0b4791c0bf3b31c34e8808f75938be5c2a0a01ad", class: "modal__secondary-content", style: {
+    } }, e("div", { key: "9a6fdf26e5cc8cfc975a13af5ad2e7a16a83c821", class: "modal__header-tools" }, e("slot", { key: "461ed54444ab5dc497f299a7d4c1319847d58f1b", name: "header-tools" })), e("div", { key: "f9086457f301927401c089e78f2c1c650c729952", class: "modal__content", onScroll: this.determineScrollStatus, ref: (d) => this.scrollContainer = d }, e("slot", { key: "a28dda1fb3a3dd4e7bbe34cb1276320062e2d78b" }))), e("div", { key: "1c49dcec32e002149de659191999d7b0a9093596", class: "modal__secondary-content", style: {
       maxWidth: this.secondaryContentMaxWidth,
       flex: this.secondaryContentFlex,
       padding: Boolean(this.secondaryContentPadding) ? `var(--s-space-${this.secondaryContentPadding})` : void 0,
@@ -117,7 +117,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: "1424f37190233bd4657b815e364c09242f8a5a5b", name: "secondary-content" }))), e("div", { key: "f5affa411b74d5a00cc57c016f396c8bfd82ccea", class: "modal__custom-footer" }, e("slot", { key: "e8818cd0a955b68595d48e9426a8188d662d79c0", name: "custom-footer" })), a && e("footer", { key: "4d6f7769b3b05b56ab754be3c09e6fa0a10aebec", class: "modal__controls" }, e("swirl-button-group", { key: "3a3c37269c30c68736b7cbe166b4050150e987ec", wrap: !0 }, this.secondaryActionLabel && e("swirl-button", { key: "5efc5c3383d6333e00a45e912428c0623c2e4925", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && e("swirl-button", { key: "178f724035753ad35592a19ef3ceeea7f43c28dd", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
+    } }, e("slot", { key: "28a894c1566166272c55a5d539bd4168a17947c1", name: "secondary-content" }))), e("div", { key: "5af192de2cfbdc6adbaa97d333e2acde0902d478", class: "modal__custom-footer" }, e("slot", { key: "60933eef98ebb97a50fdb29952a61318d96d2d2a", name: "custom-footer" })), a && e("footer", { key: "be3fd73f74e76731b5d3a8a4400586cd42b5bdaa", class: "modal__controls" }, e("swirl-button-group", { key: "c544bf607faa67ad57292234f70f4a2713b47976", wrap: !0 }, this.secondaryActionLabel && e("swirl-button", { key: "f47e2ff0439c95f480c931d598981c5fbdf55b62", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && e("swirl-button", { key: "6e21d66f1f8583d13f48c105eff3d22ec9269759", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
   }
   get el() {
     return p(this);

package/dist/{swirl-option-list-section.entry.ec0ef7bb.js → swirl-option-list-section.entry.f8e7af5b.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as s } from "./index.aafcbece.js";
+import { r as i, h as e, H as s } from "./index.35faa157.js";
 import "react";
 import "react-dom";
 const o = ":host{display:block}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", a = o, l = class {
@@ -6,7 +6,7 @@ const o = ":host{display:block}:host *{box-sizing:border-box}.option-list-sectio
     i(this, t), this.label = void 0;
   }
   render() {
-    return e(s, { key: "886f128f4adac71c66e18cd48928b4aaa8fb1740" }, e("div", { key: "2618e2099bc6167ffc57fdc52ff4e38e8866261b", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "b67845388db7da756a5b8a235fc5f940ddbb30e3", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("div", { key: "c4ed155d194346006167d468a3b118960605cd5e", class: "option-list-section__items" }, e("slot", { key: "c43201c5bced887b1c843aa889cdeaf873e0cfba" }))));
+    return e(s, { key: "e2401f37b99516ccd62cbed3fdb4637bd5a8b68a" }, e("div", { key: "31bf726f13e37ea9d3ad74a74ac6078228bc1118", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "8551ef2c99a481cb66dda9ed22958432075b37a3", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("div", { key: "ba28fd3e52e4542ab60745e01106a9df92faed69", class: "option-list-section__items" }, e("slot", { key: "402e4c95d254d4477223dece4d0696d3226bf305" }))));
   }
 };
 l.style = a;

package/dist/{swirl-option-list_2.entry.784d8b58.js → swirl-option-list_2.entry.a63a9064.js}

@@ -1,4 +1,4 @@
-import { r as c, c as o, h as a, H as d, g } from "./index.aafcbece.js";
+import { r as c, c as o, h as a, H as d, g } from "./index.35faa157.js";
 import { c as n, q as l } from "./utils-fbb8b494.acf1ae9e.js";
 import { S as m } from "./sortable.esm-8c3d5856.57c4f048.js";
 import { c as v } from "./index-267776a4.6beb4f4b.js";
@@ -173,7 +173,7 @@ const f = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-sw
   }
   render() {
     const e = this.multiSelect ? "true" : void 0, t = Boolean(this.dragging) ? 0 : void 0;
-    return a(d, { key: "c09257a978e5824fff31f2ebbf4035e75084b383" }, a("swirl-visually-hidden", { key: "d7b2951497207e3327f191ae04ae8c878424ccbd", role: "alert" }, this.assistiveText), a("div", { key: "bdb7ba8848454c49eec7b5341cc05177a4fd692c", "aria-label": this.label, "aria-multiselectable": e, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (i) => this.listboxEl = i, role: "listbox", tabIndex: t }, a("slot", { key: "0ff323330f231e906194b840d785e03518acb996" })));
+    return a(d, { key: "24f83ba63aced28e609882a62c32376954884920" }, a("swirl-visually-hidden", { key: "ee9e29f8f6096b513b81353635ec420a84dd3708", role: "alert" }, this.assistiveText), a("div", { key: "d3477fc14b737db3e9f532681b4db036c48c0029", "aria-label": this.label, "aria-multiselectable": e, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (i) => this.listboxEl = i, role: "listbox", tabIndex: t }, a("slot", { key: "912b183b44588e9eaccf7a80ef8a7446efd394d9" })));
   }
   get el() {
     return g(this);
@@ -214,7 +214,7 @@ const I = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-bo
   }
   render() {
     const e = v("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-    return a(d, { key: "95d5870924775beac03669d847b98a50961d410e" }, a("span", { key: "84a3d54ce98125ea34c72c636ec3cdb1e1b0fbf4", class: e, part: "tag" }, this.icon && a("span", { key: "e4d1cce127244c451c7689abaf0c7d245fb77ad2", class: "tag__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), a("span", { key: "fa9e7c623b90f9e3a61dad17f2f4c695a385d43d", class: "tag__label" }, this.label), this.removable && a("button", { key: "268ff7b2de842fa24f2bd647ea41e8b89cca1d72", "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : void 0, type: "button" }, a("swirl-icon-close", { key: "b1a595c4d769289c2d7b4795f4d18016266844e7", size: 16 }))));
+    return a(d, { key: "ca2cb979501329ba3ba800a37c3a7132d75222d3" }, a("span", { key: "bd936736821251c24baf182234105ce17d1f71d1", class: e, part: "tag" }, this.icon && a("span", { key: "ca1f65bd6534347f6d31478f5ce6aed953595a72", class: "tag__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), a("span", { key: "56ae5febd056e6fad9ffca2aca2389639a679083", class: "tag__label" }, this.label), this.removable && a("button", { key: "a0638fc6ef90664d7c309b72b40a9cde043a3480", "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : void 0, type: "button" }, a("swirl-icon-close", { key: "bc276c83d87e0a4c4fac1ebcb3106006dd65376b", size: 16 }))));
   }
   get el() {
     return g(this);