@getflip/swirl-components-react 0.254.0 → 0.255.0

package/dist/{swirl-icon-work.entry.acc0239c.js → swirl-icon-work.entry.d23738cc.js}

@@ -1,16 +1,16 @@
-import { r as c, h as e, F as i } from "./index.f88e8e00.js";
-import { c as o } from "./index-267776a4.6beb4f4b.js";
+import { r as o, h as e, F as i } from "./index.c830d8e7.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 {
+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) {
-    c(this, s), this.color = void 0, this.size = 24;
+    o(this, s), this.color = void 0, this.size = 24;
   }
   render() {
     const s = this.size === 20 ? 24 : this.size, t = {
       color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, a = o("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "559a24e98a108ab31ff0da292fc93415aed07cdc", "aria-hidden": "true", class: a, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(i, { key: "aa21f70b95321a467adba5e073eb6b9aab1cf27f" }, e("path", { key: "3185c39acc1a9c29f196c9f77cf25079b617b262", 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: "bb919c8f8be543966b23d36aafbef3a7cddc9fd9" }, e("path", { key: "daed484ef21ab35fce6470b778b90a17664881e5", 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: "6785b4f024c13fb02e8595856fdaa4b1c46ac3bc" }, e("path", { key: "f134a060aa388425b16871cdbe03e0d58e50714e", 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: "eceb21e59030e237fe47396eef96266567f0f170", "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: "c848d57ecac34b24dbc4efc43b6a58ae3d170a5f" }, e("path", { key: "99e30d7c6d22bda476eed7b3428343f51205ed3e", 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: "26897e222dbba41d8275ccbbb4d17846ec1d4160" }, e("path", { key: "51add09566fb4e60aba6dab02410ff3df18f01a6", 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: "c0e6655beb22cf295cfe7ba52644bee4c6c39813" }, e("path", { key: "e691244eaec950e15036d26ac0321c509de515ca", 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.2c671e9f.js → swirl-icon.entry.bf220479.js}

@@ -1,16 +1,16 @@
-import { r as t, h as s, H as e } from "./index.f88e8e00.js";
+import { r as t, h as s, H as e } from "./index.c830d8e7.js";
 import "react";
 import "react-dom";
-const o = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", r = o, c = class {
+const o = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", c = o, 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(e, { key: "ae1c3387728bd0f121438beabbb7bab13004b9ea" }, s(i, { key: "7e7538d301aa8c2491be1298f152d211c2dc5c25", color: this.color, size: this.size }));
+    return s(e, { key: "9d5ca4d9a3cc75057cbc1c56774994de914fb8b6" }, s(i, { key: "5bd36e1837ab3ff0533f3d478ef2fa3b320f9b3f", color: this.color, size: this.size }));
   }
 };
-c.style = r;
+r.style = c;
 export {
-  c as swirl_icon
+  r as swirl_icon
 };

package/dist/{swirl-image-grid-item.entry.6e00b6b9.js → swirl-image-grid-item.entry.b62d2dd2.js}

@@ -1,4 +1,4 @@
-import { r as g, c as n, h as e, H as l, g as h } from "./index.f88e8e00.js";
+import { r as g, c as n, h as e, H as l, g as h } from "./index.c830d8e7.js";
 import { c as m } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -65,9 +65,9 @@ const b = ':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: "cdc714907ae1fc9c9624f56f41b9fcf0025eb285", "data-sibling-count": d, role: "listitem" }, e(i, { key: "5464cfb479a797e4dfa90c47079998948f2e3157", class: r, type: this.interactive ? "button" : void 0 }, e("div", { key: "6f25439257b6df1507c7799c4a3b59b2c7a6e7d0", class: "image-grid-item__background", style: {
+    return e(l, { key: "76485aab929a8e33cc8f3b226497d9f1df3bb49d", "data-sibling-count": d, role: "listitem" }, e(i, { key: "12d24ad20f9a877584cbb3d2e9cdfbad6a4dc2e9", class: r, type: this.interactive ? "button" : void 0 }, e("div", { key: "6d0fa0c2d90033e3b357323d403e887fb80fe4ec", 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: (o) => this.img = o, src: this.computedSrc }) : e("div", { class: "image-grid-item__loading-placeholder" }), this.showGifControls && e("swirl-stack", { key: "fb75324360455d6cfe7e2284e7412377cc855427", class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, e("button", { key: "c830ee3ce7ae6dec733814c87ead9e86e9f849bd", 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: "095c819753f83f4626adfedb8a0f684263b295bb", class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, e("swirl-icon-gif", { key: "64bc862874b6823ceabaaf0aa23a5a2b0f3c5358", size: 20 }))), this.loaded && !this.error && this.icon && !Boolean(this.overlay) && e("div", { key: "3c555ad4e984cc83e3d1b0c4a890357f2733dd79", class: "image-grid-item__icon", innerHTML: this.icon }), this.overlay && e("div", { key: "6bbf9b518ef50a33b67a7bfcd6401a910343efbc", class: "image-grid-item__overlay" }, this.overlay), !this.loaded && e("div", { key: "b9a362e3241d12569702f3a4a23ad982cd578343", class: "image-grid-item__spinner" }, e("swirl-spinner", { key: "8321dbb7ecc0f011267542aab3f4778c80ee1af0" })), this.loaded && this.error && e("div", { key: "5d4b51352870858fc00e89d59ea66ad3323568dd", class: "image-grid-item__error" }, e("swirl-icon-error", { key: "caf660c996da50aea9089a4ed3d186598685d03b", 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: (o) => this.img = o, src: this.computedSrc }) : e("div", { class: "image-grid-item__loading-placeholder" }), this.showGifControls && e("swirl-stack", { key: "827ad86b66876e451aef554fc24ff090e4d5777d", class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, e("button", { key: "83026738dfc9cbb8a145d309c540712fdb16b000", 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: "6b666841df8cbaae189d2ef21dafa54fd1891377", class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, e("swirl-icon-gif", { key: "76908d564832b3b6f63a43928be8815502943425", size: 20 }))), this.loaded && !this.error && this.icon && !Boolean(this.overlay) && e("div", { key: "1870a25ab75a9e71e9f0028312489242e76b3d82", class: "image-grid-item__icon", innerHTML: this.icon }), this.overlay && e("div", { key: "b8cfc7ed5e18b5df4d319418520a8e599d93563b", class: "image-grid-item__overlay" }, this.overlay), !this.loaded && e("div", { key: "c6e3fef4dc7e639902af85cd6118754e8d58d3f3", class: "image-grid-item__spinner" }, e("swirl-spinner", { key: "6df4e1823d1761eb9344655b30bb4eecfa3807aa" })), this.loaded && this.error && e("div", { key: "2a059146e82ae8fd6ec968b34267239f3f1b7071", class: "image-grid-item__error" }, e("swirl-icon-error", { key: "37a20227d442b202a0cd5a66c2203f827836fcb9", color: "critical" }))));
   }
   get el() {
     return h(this);

package/dist/{swirl-image-grid.entry.59002665.js → swirl-image-grid.entry.64d5a02a.js}

@@ -1,12 +1,12 @@
-import { r as i, h as e, H as s, g as r } from "./index.f88e8e00.js";
+import { r as s, h as e, H as a, g as r } from "./index.c830d8e7.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, m = class {
+    );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))}`, d = l, o = class {
   constructor(t) {
-    i(this, t), this.updateItems = () => {
+    s(this, t), this.updateItems = () => {
       this.items = Array.from(this.el.children), this.items.length > 4 && (this.items[3].overlay = `+${this.items.length - 4}`);
     }, this.caculateAspectRatio = () => {
       switch (this.items.length) {
@@ -27,14 +27,14 @@ 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)}`), a = this.caculateAspectRatio();
-    return e(s, { key: "e055880b53c7f8814479a49cc8f3606faf0bdcc8" }, e("div", { key: "291c7f00dad61f145cafb6a8069317987539d998", "aria-label": this.label, class: t, role: "list", style: { aspectRatio: a } }, e("slot", { key: "a4e1aac85af67d51c48fdc2b37f341e7a2a53b07", onSlotchange: this.updateItems })));
+    const t = c("image-grid", `image-grid--item-count-${Math.min(4, this.items.length)}`), i = this.caculateAspectRatio();
+    return e(a, { key: "2b31f44c3d8492d31129b2acc10f016392775cf0" }, e("div", { key: "7a6d0ff49da92740014e80c3711d02d85e70adcf", "aria-label": this.label, class: t, role: "list", style: { aspectRatio: i } }, e("slot", { key: "7ab014168e7ae26d1968d1103650138b2c267df4", onSlotchange: this.updateItems })));
   }
   get el() {
     return r(this);
   }
 };
-m.style = o;
+o.style = d;
 export {
-  m as swirl_image_grid
+  o as swirl_image_grid
 };

package/dist/{swirl-inline-notification.entry.735e0c70.js → swirl-inline-notification.entry.624f3315.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, H as t } from "./index.f88e8e00.js";
+import { r as e, h as i, H as t } from "./index.c830d8e7.js";
 import { c } from "./index-267776a4.6beb4f4b.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: "02fd3c55682e56a9445badf81215c7be1a1f12f2" }, i("div", { key: "e640936e273a3896800d4b32e7acb13569c1df4b", "aria-describedby": "content", class: n, role: this.importance, tabIndex: 0 }, i("span", { key: "515ff5bdd7cf4d43afea431be9c2f904ab34c5ae", "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && i("swirl-icon-error", { key: "3f66f2880fcdc6f6fedcb5aa29c92fac41357d6e", size: 20 }), this.intent === "success" && i("swirl-icon-check-circle", { key: "37cfdbb4925dcc3e7a4236fdc74654782fb61511", size: 20 }), this.intent === "warning" && i("swirl-icon-warning", { key: "97ebe30c47426cedb36707f934e720098f1b3f55", size: 20 }), this.intent === "info" && i("swirl-icon-info", { key: "e8238d8123854e5980d61b2a2a5d2d23bb68c7e6", size: 20 })), i("span", { key: "5e0d0809f4015fe4b4c9d0942ee1187d13288dd4", class: "inline-notification__content", id: "content" }, i("swirl-text", { key: "43299e79012f160f32b23103a2101a88342c00be", class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading), i("slot", { key: "60a2cfe91d5fea4c95cc515e8b35df5db75cbcba" }))));
+    return i(t, { key: "041f7266c156ee1e0d1fce2bc84f5c0ab7f9821f" }, i("div", { key: "6a7ed822c918bb58abd27a44583b87715dbbdeec", "aria-describedby": "content", class: n, role: this.importance, tabIndex: 0 }, i("span", { key: "98a20d0821724f0bbcaaad281807d62cab8a5589", "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && i("swirl-icon-error", { key: "4c704f314c71df75f266f22e25c3973a7816403d", size: 20 }), this.intent === "success" && i("swirl-icon-check-circle", { key: "82b84b5efc9762248f3eb8feff736df8c1102408", size: 20 }), this.intent === "warning" && i("swirl-icon-warning", { key: "634226bd55f2263f1ea0912c5c585910c6ad1a7a", size: 20 }), this.intent === "info" && i("swirl-icon-info", { key: "2d7043d0e4e6d2f2abdf20df1247153418b61047", size: 20 })), i("span", { key: "0d18db21270decc0d1d536fb36ca0c3729731193", class: "inline-notification__content", id: "content" }, i("swirl-text", { key: "f4ddb2eb77168cd64594020d78b9c2ecede6550c", class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading), i("slot", { key: "797c60f83c122c6d2b07f6469e9eb701102b690b" }))));
   }
 };
 s.style = a;

package/dist/{swirl-inline-status.entry.0e91ff60.js → swirl-inline-status.entry.687cbdfa.js}

@@ -1,9 +1,9 @@
-import { r as s, h as e, H as a } from "./index.f88e8e00.js";
+import { r as s, h as e, H as a } from "./index.c830d8e7.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 {
+const c = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-status{display:inline-flex;color:var(--s-text-default);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.inline-status--size-s{font-size:var(--s-font-size-sm)}.inline-status--size-s .inline-status__icon{width:1rem;height:1rem;margin-top:0.125rem}.inline-status--size-s .inline-status__message{padding-top:0}.inline-status--intent-critical{color:var(--s-text-critical)}.inline-status--intent-critical .inline-status__icon{color:var(--s-icon-critical)}.inline-status--intent-info{color:var(--s-text-info)}.inline-status--intent-info .inline-status__icon{color:var(--s-icon-info)}.inline-status--intent-neutral{color:var(--s-text-subdued)}.inline-status--intent-neutral .inline-status__icon{color:var(--s-icon-default)}.inline-status--intent-success{color:var(--s-text-success)}.inline-status--intent-success .inline-status__icon{color:var(--s-icon-success)}.inline-status--intent-warning{color:var(--s-text-warning)}.inline-status--intent-warning .inline-status__icon{color:var(--s-icon-warning)}.inline-status__icon{display:inline-flex;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);color:var(--s-icon-default);align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__icon{width:1.25rem;height:1.25rem}}.inline-status__message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__message{padding-top:0}}", l = c, d = class {
   constructor(t) {
     s(this, t), this.desktopMediaQuery = r(), this.desktopMediaQueryHandler = (i) => {
       this.forceIconProps(i.matches);
@@ -27,10 +27,10 @@ const l = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-statu
   }
   render() {
     const t = o("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-    return e(a, { key: "dead8fd6471282b38692ed067771dff6ed0b661b" }, e("span", { key: "fea8c86b1e9acdf04f9e5bfc2df5408ee4ac5671", class: t, part: "inline-status" }, this.icon && e("span", { key: "5cf32f454ea173dc8644516a6fa384a584afe99a", class: "inline-status__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), e("span", { key: "d60dc4ed468b9715dc1e3096b1bf7142baa04b03", class: "inline-status__message" }, this.message)));
+    return e(a, { key: "3b3403b167dbcd69cce94ece70070d6d4a633fd5" }, e("span", { key: "6f2aacbc86097f4dbe37bec2cf83b965b69ef90c", class: t, part: "inline-status" }, this.icon && e("span", { key: "3d1e65e302db9602108deebe21052b35749b2a07", class: "inline-status__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), e("span", { key: "baafe5c34a7825975aa4c1ac65ed1e3058fd03f0", class: "inline-status__message" }, this.message)));
   }
 };
-d.style = c;
+d.style = l;
 export {
   d as swirl_inline_status
 };

package/dist/{swirl-lightbox.entry.51f8778e.js → swirl-lightbox.entry.e3b400b9.js}

@@ -1,5 +1,5 @@
-import { r as h, c as b, h as i, H as u, g as f } from "./index.f88e8e00.js";
-import { d as g, e as m } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
+import { r as h, c as b, h as i, H as u, g } from "./index.c830d8e7.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";
 import { q as v } from "./utils-fbb8b494.acf1ae9e.js";
@@ -32,10 +32,10 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
       if (a || o)
         return;
       e.preventDefault();
-      const d = e instanceof MouseEvent ? e.clientX - this.dragStartPosition : e.touches[0].clientX - this.dragStartPosition;
-      this.slides.forEach((r) => {
-        const c = this.activeSlideIndex * r.getBoundingClientRect().width;
-        this.dragDelta = d, r.style.transform = `translate3d(${(-c + this.dragDelta) / 16}rem, 0, 0)`;
+      const r = e instanceof MouseEvent ? e.clientX - this.dragStartPosition : e.touches[0].clientX - this.dragStartPosition;
+      this.slides.forEach((d) => {
+        const c = this.activeSlideIndex * d.getBoundingClientRect().width;
+        this.dragDelta = r, d.style.transform = `translate3d(${(-c + this.dragDelta) / 16}rem, 0, 0)`;
       });
     }, this.onPointerUp = () => {
       if (!this.dragging)
@@ -136,7 +136,7 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
     return (t = this.slides[this.activeSlideIndex]) == null ? void 0 : t.thumbnailUrl;
   }
   lockBodyScroll() {
-    g(this.el);
+    f(this.el);
   }
   unlockBodyScroll() {
     m(this.el);
@@ -155,15 +155,15 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
     });
   }
   render() {
-    const t = this.slides.length > 1, e = this.getCurrentFileName(), a = this.getCurrentFileType(), s = this.getCurrentThumbnailUrl(), o = Boolean(this.el.querySelector("[slot='menu-items']")) || this.downloadButtonEnabled, d = Boolean(this.el.querySelector("[slot='toolbar']")), l = p("lightbox", {
+    const t = this.slides.length > 1, e = this.getCurrentFileName(), a = this.getCurrentFileType(), s = this.getCurrentThumbnailUrl(), o = Boolean(this.el.querySelector("[slot='menu-items']")) || this.downloadButtonEnabled, r = Boolean(this.el.querySelector("[slot='toolbar']")), l = p("lightbox", {
       "lightbox--closing": this.closing,
       "lightbox--hide-menu": !o,
-      "lightbox--hide-toolbar": !d
+      "lightbox--hide-toolbar": !r
     });
-    return i(u, { key: "5e0dbf0ad5d74fe3fe7ac12e0ca522506013cbe6", onKeydown: this.onKeyDown }, i("section", { key: "127b0c8f9172a1b08a51274e599a0f3e5392a144", "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: "3ecf59b1b0d7ace28828287a017e31d53c8e72cc", class: "lightbox__body", role: "document" }, i("header", { key: "8d294b633d36fc2424285e0d9e9267961c0a04e1", class: "lightbox__header" }, i("button", { key: "56e44e9f7d2a958191976c852de8b389beb29b69", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, i("swirl-icon-close", { key: "ac2c55c2de43f11d7fd1e29115b958980a3e9c6a" })), i("div", { key: "cfe3d736f85c5f13fe86d21bb7aca9f806f74fc4", class: "lightbox__toolbar" }, i("slot", { key: "829146221cd81530b2e66ea4eb6cd07b95791527", name: "toolbar" })), !this.hideMenu && i("swirl-popover-trigger", { key: "387e9ff9f60507c615c5057ca30b852e652a7f22", swirlPopover: this.menu }, i("button", { key: "13d9cfd57f7c4a03bf2d53076cdad5782147549e", "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, i("swirl-icon-more-vertikal", { key: "aa0783916def59b9d1ada586d74eb3372fbd1c7b" })))), i("div", { key: "ef4b5f06e8220a9f857c13fcf75db3b6d86c3fd1", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, i("div", { key: "9047a000a3a12b546a3fcd069ae47ff6d4555e21", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (n) => this.slidesContainer = n }, i("slot", { key: "c148c1cc7eb62ca8cb65ad0ece27b349c846d7bd", onSlotchange: this.registerSlides }))), i("div", { key: "c9a7d92314700bfabb5db0a32e30f30c69195c7d", class: "lightbox__controls" }, i("button", { key: "70d835ef0e027d9a0cd5952e9926597c5ea83fd4", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, i("swirl-icon-arrow-left", { key: "c018e2fc94dce70cc2a88b6738b64224408ff997" })), i("button", { key: "5e09b5293c33d724a5d85a7db970861700f92d55", "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: "2c35c0d1f4d23d4e11bded7c3b97121ce6ffe89f" }))), t && i("span", { key: "0a38ccd7e9af38706ae8268ddb836e111e5ff62f", class: "lightbox__pagination" }, i("span", { key: "c5ddcda10d908da5deec2ad368a421ea848ddba4", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && i("swirl-popover", { key: "ea2af5556ecf60ab4f45e6257a443eea74abe8e0", animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (n) => this.menu = n }, i("swirl-stack", { key: "21890e50606ae22539ebcbcb1f51418c48a388cf" }, i("div", { key: "550b0797386b57953cead691cb8847da77f1827f", class: "lightbox__meta" }, s && i("div", { key: "8cdf04d075e512d6f6498ef424ff50b8975ec6c4", class: "lightbox__thumbnail" }, i("swirl-thumbnail", { key: "e81264c3d06f6166c9b48cd0bee26d9600b38d0d", alt: "", src: s })), i("div", { key: "05285dddc70683009b4cbc112ad085fd7661d18f", class: "lightbox__file-info" }, i("swirl-text", { key: "6a6f3b05cd1eb833205ab2dc86f2e0f275543449", truncate: !0, weight: "semibold" }, e), i("swirl-text", { key: "36a5157e96648b0298cb4451d899ad615d02625f", color: "subdued", size: "sm", truncate: !0 }, a))), o && i("swirl-separator", { key: "4841668f63e117e9f17f9b76f5277d350c92908f" }), i("swirl-action-list", { key: "74f7384f4ffc941fb286663f38c7c35dda4b4baa" }, this.downloadButtonEnabled && i("swirl-action-list-item", { key: "96299f3ba72298269b9284263c1c017031bddf5d", icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), i("slot", { key: "d3825da0d5965c5bb7408725e7d62f5014c22e54", name: "menu-items" }))))));
+    return i(u, { key: "5444d92559db2773a15942dd829cd99a1de3de92", onKeydown: this.onKeyDown }, i("section", { key: "c660460344560bf3578f5b8d26d06d35a22ae7e0", "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: "7e33e6100caed0eee11402f736cb9fead305c4f1", class: "lightbox__body", role: "document" }, i("header", { key: "d20bb8fca698a18d2f487573bd2714c51a12df70", class: "lightbox__header" }, i("button", { key: "377256f43375a8610a7463da0b791781246b8b11", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, i("swirl-icon-close", { key: "76b1d85c0b4883ebe46e033456795d5112f5f75e" })), i("div", { key: "88300ce40d3e205cfd2708ca237ae7a29981d066", class: "lightbox__toolbar" }, i("slot", { key: "bcea2a6b324fa2e28e88189e8bb12879656c20f5", name: "toolbar" })), !this.hideMenu && i("swirl-popover-trigger", { key: "136114ca9e5a35ab21610feebd702b492bbe3a9e", swirlPopover: this.menu }, i("button", { key: "4b417541a48ccf7679cbf0b9f0fcd270fd977bbc", "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, i("swirl-icon-more-vertikal", { key: "c2e7366c44f242755f44c675425677c9cba9d10c" })))), i("div", { key: "5131a84726d1d0e618b362440ed9009e1c8b1214", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, i("div", { key: "3f5e8a2184298f57ea183bb2abf797c74830487d", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (n) => this.slidesContainer = n }, i("slot", { key: "d57576effc2c09ca8acc3f05445294d5df988d95", onSlotchange: this.registerSlides }))), i("div", { key: "dca3ecad5e7610be0cd5102a6c56626f8a4b35dc", class: "lightbox__controls" }, i("button", { key: "c94fca06336cd0d8413281b6d75cc5a74831b2ec", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, i("swirl-icon-arrow-left", { key: "08d03b1f17ed7aba4e8b9241caba6fc4935aa741" })), i("button", { key: "bd563c71ff7f846df15339d8fe8926150ce01656", "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: "ae9d70f586fb1178e0df62146439f5dc35f0d6f6" }))), t && i("span", { key: "a918bc6e4616036a8b4a3ab6f7988e0f96f34d30", class: "lightbox__pagination" }, i("span", { key: "b6d9c0d7b3fe332ec4b07585434c0c2b689a65b5", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && i("swirl-popover", { key: "027d3bb2f786fc46c981c2853bf26310b7ed85b4", animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (n) => this.menu = n }, i("swirl-stack", { key: "ac2d2719eb8b0367a742fd4d98e74ae2503ca1b2" }, i("div", { key: "02b7b898503f69dd24f27f517571e986ce8b6e14", class: "lightbox__meta" }, s && i("div", { key: "55ee342c81e57a08ef8f23d9024a45e1c9e14760", class: "lightbox__thumbnail" }, i("swirl-thumbnail", { key: "f13aff6ab3b04397128a59bda71500e30936a5e6", alt: "", src: s })), i("div", { key: "0e99f787c1badc8cc21d6eed78c3832fd2b239aa", class: "lightbox__file-info" }, i("swirl-text", { key: "58c09330780f685bcb6036165e389cae7ede3149", truncate: !0, weight: "semibold" }, e), i("swirl-text", { key: "7d284f2d9d1c8ece49fdbc188516382d356a364a", color: "subdued", size: "sm", truncate: !0 }, a))), o && i("swirl-separator", { key: "b6bbf667d1335acdbda026f6042ab4d342b5fb8b" }), i("swirl-action-list", { key: "efcade51d0613aa9c63dab47ecd00e98bd41d850" }, this.downloadButtonEnabled && i("swirl-action-list-item", { key: "f0a813518a1dc820879072138eee310543321b0c", icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), i("slot", { key: "cdbad3d7fd3b2a85b25331423348e8e03f088640", name: "menu-items" }))))));
   }
   get el() {
-    return f(this);
+    return g(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-link.entry.c25cf3ec.js → swirl-link.entry.43a0fcea.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as t } from "./index.f88e8e00.js";
+import { r, h as i, H as t } from "./index.c830d8e7.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: "a8ccaab9a67b7b3e6858212989db1b8ec7d1346d" }, i("a", { key: "b430310db7a30ca1b9ec46e11726ffa16f4ceb88", class: e, href: this.href, part: "link", target: this.target }, this.label));
+    return i(t, { key: "8e196201961e03a997d0dc2717e22292cb5ccd2a" }, i("a", { key: "a06b9659a8e747715e62287be1a76fb598b2a8d2", class: e, href: this.href, part: "link", target: this.target }, this.label));
   }
 };
 o.style = n;

package/dist/{swirl-list.entry.a5468ef3.js → swirl-list.entry.ab42f182.js}

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

package/dist/{swirl-menu-item.entry.a5aa58f5.js → swirl-menu-item.entry.6ba9471b.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as d, g as u } from "./index.f88e8e00.js";
+import { r, h as i, H as u, g as d } from "./index.c830d8e7.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import { c as h, p as c } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";
@@ -59,10 +59,10 @@ const p = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expande
     const t = l("menu-item", {
       "menu-item--expanded": this.expanded
     });
-    return i(d, { key: "d24683dcd3a3e64549e41cd4f3804a7eb27fd17a" }, i("div", { key: "3569ef3d9cd2f51cdfcbcd4e16244b80a18d15bd", class: t }, ((e = this.parentMenu) == null ? void 0 : e.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "b3c6539aa5dcfd367f4ad7b570eca435a3276772", onSlotchange: this.onSlotChange })));
+    return i(u, { key: "735cc8ff7d77d552303bf57af6e5936b542d6437" }, i("div", { key: "cf2897ca0c5d45503ba4813c0f7b1ded0bf638b6", class: t }, ((e = this.parentMenu) == null ? void 0 : e.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "4e208cf91c863f63abd937eea33f73f13a379665", onSlotchange: this.onSlotChange })));
   }
   get el() {
-    return u(this);
+    return d(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-menu.entry.1a03ad58.js → swirl-menu.entry.75eea222.js}

@@ -1,12 +1,12 @@
-import { r as d, c, h as n, H as b, g as p } from "./index.f88e8e00.js";
-import { c as f, a as v, o as w, f as g } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
+import { r as m, c, h as n, H as b, g as p } from "./index.c830d8e7.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 "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 {
   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 = () => {
+    m(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();
     }, this.resetMenu = () => {
       this.items.forEach((t) => {
@@ -24,7 +24,7 @@ const I = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
         return;
       }
       const t = this.el.parentElement;
-      !Boolean(t) || !Boolean(this.menuContainer) || (this.position = await f(t, this.menuContainer, {
+      !Boolean(t) || !Boolean(this.menuContainer) || (this.position = await v(t, this.menuContainer, {
         placement: "right-start",
         strategy: "fixed",
         middleware: [w({ mainAxis: -10, crossAxis: 0 }), g()]
@@ -64,7 +64,7 @@ const I = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
     (e = this.swirlPopover) == null || e.removeEventListener("popoverClose", this.resetMenu), (i = (t = this.mobileMediaQuery).removeEventListener) == null || i.call(t, "change", this.mediaQueryHandler), (o = this.observer) == null || o.disconnect();
   }
   watchActive() {
-    this.reposition(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = v(this.el.parentElement, this.menuContainer, this.reposition);
+    this.reposition(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = f(this.el.parentElement, this.menuContainer, this.reposition);
   }
   async activateMenuItem(e) {
     if (Boolean(this.parentMenu))
@@ -144,12 +144,12 @@ const I = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
       "menu--mobile": this.mobile,
       "menu--root": e
     });
-    return n(b, { key: "46380ac4cecdd96b653112c0c4d86d23bbef3325" }, n("div", { key: "985eaecdb58e58dfbd73557dcb19c11a355c185b", class: s }, this.mobile && e && n("div", { key: "c0195c70e01d73f0eb52634a9b10f6f0a79fc129", class: "menu__mobile-header" }, this.activeLevel === 0 && n("swirl-button", { key: "6bbe9e735a8bfa78555c9cb76fea8f0bfb2fd7af", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" }), this.activeLevel > 0 && n("swirl-button", { key: "1eae68bcda2138f48e20fae99c9624f22e5aa86f", hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" }), n("span", { key: "89ac8444fc2a1c01254f0d8642ac21bbf01f0bfc", class: "menu__title", id: "menu-title" }, n("swirl-heading", { key: "8e17f2b3b99424542273ad18ca820c75d67664e5", align: "center", as: "span", level: 4, text: this.label, truncate: !0 })), n("swirl-button", { key: "b157ac515cfe40e5480f9c02e38a4a2b5c1d160a", class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone })), n("div", { key: "6b522b5f2920db3f52a946c7b691281111b51c44", "aria-label": t, "aria-labelledby": i, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (m) => this.menuContainer = m, role: o, style: !this.mobile && this.level > 0 ? {
+    return n(b, { key: "ad5278a75991a60edde46ef33ec740d8f5ab5126" }, n("div", { key: "f24f0eef27d4c54b68eab1489cd31ec861982273", class: s }, this.mobile && e && n("div", { key: "6d5e197437ad2f4be06427a5bbdf8c7defca364c", class: "menu__mobile-header" }, this.activeLevel === 0 && n("swirl-button", { key: "c52d082a7801ca6dd4abf05443d9a48d8ef7b7f2", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" }), this.activeLevel > 0 && n("swirl-button", { key: "42d9b15a8e77b9c2eb6c73dc5ca7ae2f776c3f87", hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" }), n("span", { key: "13f0b9c50fd2c4a4fe0ca7a625d0914a42668640", class: "menu__title", id: "menu-title" }, n("swirl-heading", { key: "d33cf2865aa2016b30e5178524c55848b5cc9385", align: "center", as: "span", level: 4, text: this.label, truncate: !0 })), n("swirl-button", { key: "c87d807127004609099b1d19207cb129e22148a9", class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone })), n("div", { key: "323fab0d6277f781ead37e07c331e13c2e63401b", "aria-label": t, "aria-labelledby": i, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (d) => this.menuContainer = d, role: o, style: !this.mobile && this.level > 0 ? {
       top: Boolean(this.position) ? `${(r = this.position) == null ? void 0 : r.y}px` : "",
       left: Boolean(this.position) ? `${(u = this.position) == null ? void 0 : u.x}px` : ""
     } : this.mobile ? {
       left: e ? `calc(-100% * ${this.activeLevel})` : "100%"
-    } : void 0 }, n("slot", { key: "33049a31c6beee19fe90fa032ed1b1dd3912d791" }))));
+    } : void 0 }, n("slot", { key: "e66e98040cbd6fd0c3a83576d827f7ef9df93e2b" }))));
   }
   get el() {
     return p(this);

package/dist/{swirl-modal.entry.100e7803.js → swirl-modal.entry.5f3dd7f6.js}

@@ -1,5 +1,5 @@
-import { r as h, c as t, h as a, H as f, g as p } from "./index.f88e8e00.js";
-import { d as u, e as b } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
+import { r as h, c as t, h as a, H as f, g as p } from "./index.c830d8e7.js";
+import { d as b, e as u } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as v } from "./index-267776a4.6beb4f4b.js";
 import { c as g } from "./focus-trap.esm-49c9613c.db20abcc.js";
 import "react";
@@ -78,10 +78,10 @@ const _ = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     (o = this.modalEl.querySelector("input[autofocus]")) == null || o.focus();
   }
   lockBodyScroll() {
-    u(this.scrollContainer);
+    b(this.scrollContainer);
   }
   unlockBodyScroll() {
-    b(this.scrollContainer);
+    u(this.scrollContainer);
   }
   render() {
     const o = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel), e = v("modal", `modal--variant-${this.variant}`, {
@@ -96,11 +96,11 @@ const _ = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       "modal--scrolled": this.scrolled,
       "modal--scrolled-down": this.scrolledDown
     });
-    return a(f, { key: "72def0840e7e4f1638077a0602096eb036960210" }, a("section", { key: "a634bcb499d217bed80a917dbd94e498f7095376", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: e, onKeyDown: this.onKeyDown, role: "dialog", ref: (d) => this.modalEl = d }, a("div", { key: "8a075f7aaacf9f7d5e6d7e2962c18ef58aeac41b", class: "modal__backdrop", onClick: this.onBackdropClick }), a("div", { key: "ece030aa169dc50164ea6b08c5fc446ddf278dfc", class: "modal__body", style: {
+    return a(f, { key: "80830475953f8fef218dab13b912c06020759747" }, a("section", { key: "fbc3012a761007f53e72b7fc4eabc98549940750", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: e, onKeyDown: this.onKeyDown, role: "dialog", ref: (d) => this.modalEl = d }, a("div", { key: "2ea890b7199a213255df3fbfeba6197486aaf66e", class: "modal__backdrop", onClick: this.onBackdropClick }), a("div", { key: "56bae9212a07b4c13e60b963b727295102dd58d6", class: "modal__body", style: {
       "--swirl-modal-max-height": this.maxHeight,
       "--swirl-modal-height": this.height,
       maxWidth: this.maxWidth
-    } }, a("header", { key: "461cd7f2fdf06a5907bf5d7e17daaeede0e807fa", class: "modal__custom-header" }, a("slot", { key: "4f98248ce86013faa34fd8f31e4538ad6362bae5", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && a("header", { key: "d14d572794ec20023c41e6c07d5cc4d6819f0421", class: "modal__header" }, a("div", { key: "3b03c9d5e3fe2e27909d80c28cff8b751245c9ae", class: "modal__header-bar" }, !this.hideCloseButton && a("swirl-button", { key: "61f02602ae2a262981d53f99b17eed5aeb1d7907", class: "modal__close-button", hideLabel: !0, icon: this.variant === "default" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), !this.hideLabel && a("swirl-heading", { key: "5ee3a9ebdbe2699340789352afbc40d3d0b5a38c", as: "h2", class: "modal__heading", level: 3, text: this.label }))), a("div", { key: "cd6c4984135aaa9141fa7b68d43a5a3130e3172f", class: "modal__content-container" }, a("div", { key: "32dc79dd3c7c1c3d29923a1c260e72c1aea44456", class: "modal__primary-content" }, a("div", { key: "5d3e8f25816be3737c96960ec5fb6cb8aca4aac2", class: "modal__header-tools" }, a("slot", { key: "a6912e3974d826cf9990f6408f66dfac25a65bab", name: "header-tools" })), a("div", { key: "42c9c895024a74eba330128dc042aa0714c59c6e", class: "modal__content", onScroll: this.determineScrollStatus, ref: (d) => this.scrollContainer = d }, a("slot", { key: "3e0640bf6d7b34ec0daa0dd2aab9963a19457bc6" }))), a("div", { key: "bb96b7efc0f421b04358cc56706da32dadf11243", class: "modal__secondary-content" }, a("slot", { key: "07d62a87fc1edf219d070a8f150d5228dbf354c2", name: "secondary-content" }))), a("div", { key: "4674f5a0c0fe89c948551a0244efa4bad79981c2", class: "modal__custom-footer" }, a("slot", { key: "29c29f908474c6e63149ca7277b75f0b1179ef51", name: "custom-footer" })), o && a("footer", { key: "dd71a775e74461f69373a8f5caa2d275e32d1344", class: "modal__controls" }, a("swirl-button-group", { key: "c87d79bc087efb0e3815fb092c2dc8787cdc2d6e", wrap: !0 }, this.secondaryActionLabel && a("swirl-button", { key: "40c73a24872805d21a557743f0cbaf339ddec34d", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && a("swirl-button", { key: "99c873a848821dd0b805db2c8af331ad35b13a9f", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
+    } }, a("header", { key: "220a643d1e7c944f7012c6722617be5645f3233a", class: "modal__custom-header" }, a("slot", { key: "01eaff1abd5aa8002463bc9d3e81a09b2c20045b", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && a("header", { key: "e804136cc94d11b68424c37b8035b0afaad05d5e", class: "modal__header" }, a("div", { key: "fa5d318bb813fce6a3ce070365973c9fa1fbeb34", class: "modal__header-bar" }, !this.hideCloseButton && a("swirl-button", { key: "9f5ab5de46d9e3654b5c61c926b516a9d6ab1ab7", class: "modal__close-button", hideLabel: !0, icon: this.variant === "default" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), !this.hideLabel && a("swirl-heading", { key: "c0a0a4b3b6f0995dc7196ae43d35faed024ddf03", as: "h2", class: "modal__heading", level: 3, text: this.label }))), a("div", { key: "043edf4e5474e02099b4ea3c7e9278a987355030", class: "modal__content-container" }, a("div", { key: "2fec2822a619628681a01606bc3eb47abf51c0a0", class: "modal__primary-content" }, a("div", { key: "777e35a204900e5f43f68fbbaaee5e1862818474", class: "modal__header-tools" }, a("slot", { key: "f23f34983053cd0d233f69b75122c27d45c025c2", name: "header-tools" })), a("div", { key: "49f3b4ecb95eb7fb18d32df3811c4a17741f4b5e", class: "modal__content", onScroll: this.determineScrollStatus, ref: (d) => this.scrollContainer = d }, a("slot", { key: "f35360a5a332d61ccc2996e9a875f16ad256cdc0" }))), a("div", { key: "0d52e88c2eba0b744498b95d86a0d332ea7093d3", class: "modal__secondary-content" }, a("slot", { key: "5df06b16d2f7b8058fcec78dd997a2b4fbf5e52e", name: "secondary-content" }))), a("div", { key: "3ac418d5637c8a269715c928c97f171b776f9aca", class: "modal__custom-footer" }, a("slot", { key: "bfb6f79383b9cd56bf2c7a41636fb8af91de27ea", name: "custom-footer" })), o && a("footer", { key: "218fa6e62c106eda8ffc4781738334be7ee813ed", class: "modal__controls" }, a("swirl-button-group", { key: "86b3f6aa7cd1f37c979933be4ad22a80ba119211", wrap: !0 }, this.secondaryActionLabel && a("swirl-button", { key: "9f091b284d756a6c7fd9f6deb97654b5f2b593e1", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && a("swirl-button", { key: "cc4475407ed68c107643aa0902f3250a5db1ba1c", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
   }
   get el() {
     return p(this);

package/dist/{swirl-option-list-section.entry.073446dd.js → swirl-option-list-section.entry.3315489b.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as s } from "./index.f88e8e00.js";
+import { r as i, h as e, H as s } from "./index.c830d8e7.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: "d04270a85c0e650080034422b5700081e78cd682" }, e("div", { key: "50e4c38523adf224d212cc47d2126655d246bb83", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "c4bdb8202e7723d813103c20eefe4386cbd87bba", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("div", { key: "b0200ae8d75f083ecd38b9584ef3e9cba557842b", class: "option-list-section__items" }, e("slot", { key: "0ac179f315f5246fdb108b5a77f51839d122b6bf" }))));
+    return e(s, { key: "befb32dbc2f7cafa952c7ab373ca6682af8760df" }, e("div", { key: "d8d3618bf35df65980689bb7328fa3a523f79589", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "f5cb8d4879ac52f04edcd56d6a5ca22d3a405f23", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("div", { key: "c9051ec79dcd6ec2a71c9ed94aca42692c3eb374", class: "option-list-section__items" }, e("slot", { key: "0f7f373660207e1e76dc88be052ac44691df8c83" }))));
   }
 };
 l.style = a;

package/dist/{swirl-option-list_2.entry.f5ec8fba.js → swirl-option-list_2.entry.4633b7d1.js}

@@ -1,4 +1,4 @@
-import { r as c, c as o, h as a, H as d, g } from "./index.f88e8e00.js";
+import { r as c, c as o, h as a, H as d, g } from "./index.c830d8e7.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";
@@ -8,12 +8,12 @@ const b = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-sw
   constructor(e) {
     c(this, e), this.itemDrop = o(this, "itemDrop", 7), this.valueChange = o(this, "valueChange", 7), this.onClick = (t) => {
       t.preventDefault();
-      const i = t.target, s = i == null ? void 0 : i.closest("swirl-option-list-item"), r = t.composedPath()[0], u = Boolean(n(r, '[role="option"]'));
-      if (!Boolean(s) || !u) {
+      const i = t.target, s = i == null ? void 0 : i.closest("swirl-option-list-item"), r = t.composedPath()[0], h = Boolean(n(r, '[role="option"]'));
+      if (!Boolean(s) || !h) {
         t.preventDefault();
         return;
       }
-      this.selectItem(this.items.findIndex((h) => h.value === s.value));
+      this.selectItem(this.items.findIndex((u) => u.value === s.value));
     }, this.onKeyDown = (t) => {
       if (t.code === "ArrowDown")
         t.preventDefault(), Boolean(this.dragging) ? this.moveDraggedItemDown() : this.focusNextItem();
@@ -173,7 +173,7 @@ const b = ".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: "7150ad0b6ea60819281b05aaa06981f236aaeaac" }, a("swirl-visually-hidden", { key: "14a07dddda30b2f92cba59347f2fb58be4e37b0b", role: "alert" }, this.assistiveText), a("div", { key: "bfa3732fbb093aa50023781b76e396b1f4355052", "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: "2c231147d7a0606f312b36fe11e62b93a251dd19" })));
+    return a(d, { key: "a3ab09f9c60da750b85c1ee6e9e908ffa45d5d74" }, a("swirl-visually-hidden", { key: "e838cb296be5c1b92227a48011030a6a9b1d6d9c", role: "alert" }, this.assistiveText), a("div", { key: "9fe4273d9a5c76ae224a1749d894026dd7736d7f", "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: "4cdb9f14f5073ecb7cc528cbe7f3714656872c13" })));
   }
   get el() {
     return g(this);
@@ -188,12 +188,12 @@ const b = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-sw
   }
 };
 p.style = f;
-const I = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.tag{display:inline-flex;max-width:100%;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-default);background-color:var(--swirl-tag-background-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;gap:var(--s-space-4)}.tag--size-s{padding:var(--s-space-0) var(--s-space-4)}.tag--size-m{padding:var(--s-space-2) var(--s-space-8)}.tag--variant-outline{border-style:solid;border-width:var(--s-border-width-default);border-color:var(--s-border-strong)}.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-neutral-default)}.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-info{color:var(--s-text-info);background-color:var(--s-surface-info-subdued)}.tag--intent-info .tag__removal-button{color:var(--s-icon-info)}.tag--intent-info.tag--variant-outline{border-color:var(--s-border-info)}.tag--intent-info.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-info-default)}.tag--intent-info.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-critical{color:var(--s-text-critical);background-color:var(--s-surface-critical-subdued)}.tag--intent-critical .tag__removal-button{color:var(--s-icon-critical)}.tag--intent-critical.tag--variant-outline{border-color:var(--s-border-critical)}.tag--intent-critical.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-critical-default)}.tag--intent-critical.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-warning{color:var(--s-text-warning);background-color:var(--s-surface-warning-subdued)}.tag--intent-warning .tag__removal-button{color:var(--s-icon-warning)}.tag--intent-warning.tag--variant-outline{border-color:var(--s-border-warning)}.tag--intent-warning.tag--variant-strong{color:var(--s-text-dark);background-color:var(--s-surface-warning-default)}.tag--intent-warning.tag--variant-strong .tag__removal-button{color:var(--s-icon-dark)}.tag--intent-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--s-icon-success)}.tag--intent-success.tag--variant-outline{border-color:var(--s-border-success)}.tag--intent-success.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-success-default)}.tag--intent-success.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-special{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.tag--intent-special .tag__removal-button{color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-outline{border-color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-decorative-grape-surface)}.tag--intent-special.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-translucent{color:var(--s-text-on-image);background-color:var(--s-surface-on-image-default)}.tag--intent-translucent .tag__removal-button{color:var(--s-icon-on-image)}.tag--intent-translucent.tag--variant-outline{border-color:var(--s-text-on-image)}.tag__icon{display:inline-flex;margin-left:calc(-1 * var(--s-space-4))}.tag__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis}.tag__removal-button{display:inline-flex;margin-right:calc(-1 * var(--s-space-4));padding:0;border:none;color:var(--s-icon-strong);background-color:transparent;cursor:pointer}.tag__removal-button:focus:not(:focus-visible){outline:none}.tag__removal-button:focus-visible{outline-color:var(--s-focus-default)}", w = I, x = class {
+const I = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.tag{display:inline-flex;max-width:100%;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-default);background-color:var(--swirl-tag-background-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;gap:var(--s-space-4)}.tag--size-s{padding:var(--s-space-0) var(--s-space-4)}.tag--size-m{padding:var(--s-space-2) var(--s-space-8)}.tag--variant-outline{border-style:solid;border-width:var(--s-border-width-default);border-color:var(--s-border-strong)}.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-neutral-default)}.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-info{color:var(--s-text-info);background-color:var(--s-surface-info-subdued)}.tag--intent-info .tag__removal-button{color:var(--s-icon-info)}.tag--intent-info.tag--variant-outline{border-color:var(--s-border-info)}.tag--intent-info.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-info-default)}.tag--intent-info.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-critical{color:var(--s-text-critical);background-color:var(--s-surface-critical-subdued)}.tag--intent-critical .tag__removal-button{color:var(--s-icon-critical)}.tag--intent-critical.tag--variant-outline{border-color:var(--s-border-critical)}.tag--intent-critical.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-critical-default)}.tag--intent-critical.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-warning{color:var(--s-text-warning);background-color:var(--s-surface-warning-subdued)}.tag--intent-warning .tag__removal-button{color:var(--s-icon-warning)}.tag--intent-warning.tag--variant-outline{border-color:var(--s-border-warning)}.tag--intent-warning.tag--variant-strong{color:var(--s-text-dark);background-color:var(--s-surface-warning-default)}.tag--intent-warning.tag--variant-strong .tag__removal-button{color:var(--s-icon-dark)}.tag--intent-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--s-icon-success)}.tag--intent-success.tag--variant-outline{border-color:var(--s-border-success)}.tag--intent-success.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-success-default)}.tag--intent-success.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-special{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.tag--intent-special .tag__removal-button{color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-outline{border-color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-decorative-grape-surface)}.tag--intent-special.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-translucent{color:var(--s-text-on-image);background-color:var(--s-surface-on-image-default)}.tag--intent-translucent .tag__removal-button{color:var(--s-icon-on-image)}.tag--intent-translucent.tag--variant-outline{border-color:var(--s-text-on-image)}.tag__icon{display:inline-flex;margin-left:calc(-1 * var(--s-space-4));flex-shrink:0;order:0}.tag--icon-position-end .tag__icon{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.tag__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis;order:1}.tag__removal-button{display:inline-flex;margin-right:calc(-1 * var(--s-space-4));padding:0;border:none;color:var(--s-icon-strong);background-color:transparent;cursor:pointer;flex-shrink:0;order:3}.tag__removal-button:focus:not(:focus-visible){outline:none}.tag__removal-button:focus-visible{outline-color:var(--s-focus-default)}", x = I, w = class {
   constructor(e) {
     c(this, e), this.remove = o(this, "remove", 7), this.onRemove = (t) => {
       var i;
       (i = this.remove) == null || i.emit(t);
-    }, this.icon = void 0, this.intent = "default", this.label = void 0, this.removable = void 0, this.bordered = void 0, this.size = "m", this.removalButtonLabel = "Remove", this.variant = "default";
+    }, this.icon = void 0, this.iconPosition = "start", this.intent = "default", this.label = void 0, this.removable = void 0, this.bordered = void 0, this.size = "m", this.removalButtonLabel = "Remove", this.variant = "default";
   }
   componentDidLoad() {
     this.forceIconProps();
@@ -210,15 +210,15 @@ const I = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-bo
     Boolean(this.bordered) && (console.warn('[Swirl] The "bordered" prop of swirl-tag is deprecated and will be removed with the next major release. Please use the "variant" prop as "outline" to achieve the same result.'), this.variant = "outline");
   }
   render() {
-    const e = v("tag", `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-    return a(d, { key: "e3c0b221de0a1f8cd317d14bad52e9f939e51d4d" }, a("span", { key: "95aceb1610dbf977510a16f8b8065aeda2645717", class: e, part: "tag" }, this.icon && a("span", { key: "be04cfcb7c44b5356c89fb27596a2ea6ebb85fe1", class: "tag__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), a("span", { key: "0653116f331776225b83858fcd8b9c14299c57e2", class: "tag__label" }, this.label), this.removable && a("button", { key: "58d497c1479fac5f69c9f5d16317d60d6b4783b9", "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: "2563d048adf0d679aa321278934532ecf0b51744", size: 16 }))));
+    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: "204d1c3fe0bbcef05b508655761a23a47a58786b" }, a("span", { key: "8c6d6db0bcfc9af1a4ccc245168493903ecce558", class: e, part: "tag" }, this.icon && a("span", { key: "a34e88b761151981de60cdbeed367ed9c712d8b5", class: "tag__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), a("span", { key: "5922d4c417c94fc6937bae98ae2c2ee2d3900c9b", class: "tag__label" }, this.label), this.removable && a("button", { key: "4eda50b6b734c5ecba333b65089bdd53894d9e4e", "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: "ccdb13c568d1ae1bb434e23668c988a4ba15fd08", size: 16 }))));
   }
   get el() {
     return g(this);
   }
 };
-x.style = w;
+w.style = x;
 export {
   p as swirl_option_list,
-  x as swirl_tag
+  w as swirl_tag
 };