@getflip/swirl-components-react 0.286.0 → 0.288.0

package/dist/{swirl-accordion-item.entry.44bd4d3d.js → swirl-accordion-item.entry.f7566793.js}

@@ -1,11 +1,11 @@
-import { r as d, c as t, h as e, H as n, g as s } from "./index.95b03b09.js";
+import { r as t, c as d, h as e, H as n, g as s } from "./index.19e43523.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import { v as o } from "./v4-23648a96.77c7c20f.js";
 import "react";
 import "react-dom";
 const c = ":host{display:block}:host *{box-sizing:border-box}.accordion-item{display:grid;align-content:start;border-top:0.0625rem solid var(--s-border-default);transition:grid-template-rows 0.15s;grid-template-rows:auto 0fr;will-change:grid-template-rows}@media (prefers-reduced-motion){.accordion-item{transition:none}}.accordion-item--expanded{grid-template-rows:auto 1fr}.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);animation:accordion-overflow 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-8)}}.accordion-item__heading{margin:0;padding:0;font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__heading{font-size:var(--s-font-size-sm)}}.accordion-item__toggle{display:flex;width:100%;padding:0;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-accordion-item-toggle-default);font:inherit;line-height:var(--s-line-height-lg);text-align:start;cursor:pointer;gap:var(--s-space-16)}.accordion-item__toggle:hover{background-color:var(--swirl-accordion-item-toggle-hovered)}.accordion-item__toggle:active{background-color:var(--swirl-accordion-item-toggle-pressed)}.accordion-item__toggle:disabled{color:var(--s-text-disabled);background-color:var(--swirl-accordion-item-toggle-default);cursor:default}.accordion-item__toggle:disabled .text{color:var(--s-text-disabled)}.accordion-item__toggle:focus:not(:focus-visible){outline:none}.accordion-item__toggle:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__toggle{line-height:var(--s-line-height-sm)}}.accordion-item__toggle-text{flex-grow:1}.accordion-item__icon{display:inline-flex;padding-right:var(--s-space-8);flex-shrink:0}.accordion-item__content{overflow:hidden;padding-top:0;padding-bottom:0;transition:padding-top 0.15s, padding-bottom 0.15s;animation:accordion-display 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.accordion-item__content{transition:none}}@keyframes accordion-overflow{from{overflow:hidden}to{overflow:visible}}@keyframes accordion-display{from{display:block}to{display:none}}", l = c, h = class {
   constructor(i) {
-    d(this, i), this.expansionChange = t(this, "expansionChange", 7), this.headingId = `${o()}-heading`, this.onHeadingClick = () => {
+    t(this, i), this.expansionChange = d(this, "expansionChange", 7), this.headingId = `${o()}-heading`, this.onHeadingClick = () => {
       this.toggle();
     }, this.description = void 0, this.disabled = void 0, this.heading = void 0, this.headingLevel = 2, this.initiallyOpen = void 0, this.itemId = o(), this.expanded = !1;
   }
@@ -26,7 +26,7 @@ const c = ":host{display:block}:host *{box-sizing:border-box}.accordion-item{dis
     const i = `h${this.headingLevel}`, a = r("accordion-item", {
       "accordion-item--expanded": this.expanded
     });
-    return e(n, { key: "5f7a6ea811aad1cc1b8653ca1735e420707ef555" }, e("div", { key: "d7dccc0fc31458bce87b5c3af3d758dc89e68575", class: a }, e(i, { key: "ec1b86fa802173c7d82d4dc91faf766fe895ee17", class: "accordion-item__heading" }, e("button", { key: "92c041b98384032d6d311ec73bb7fd35ba702d43", "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, e("span", { key: "3f92ed1169629eeb4441ed15900db2c22cee97b8", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "bb5a29122c56cef6cbdf15d46930a90bf111740a", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "2394f58df22908b5db4fecda353ee816f572db3b", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "6868feb73403ff47b22f70ed2e9c3d6c6c719f0a", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "9f04ff5d6e0effdcd2c5269b47a06fd0614637bc", glyph: "expand-more", size: 20 })))), e("div", { key: "8d46398c7867d2dff6efdb5006060b044c10171b", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "50690f6f1dfcec03ef05ceaf0061f417e426071e" }))));
+    return e(n, { key: "ce93a57fef055a3b912b9d74307caa48e9792c9a" }, e("div", { key: "7b164b2586f089ec5d03777873a2df1474a5c1d3", class: a }, e(i, { key: "95e160a7ce0199ae5f42504386b9023a3c7ebc9d", class: "accordion-item__heading" }, e("button", { key: "0b046a3e376f888e084a1d0ee1edd87ac99b852f", "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, e("span", { key: "cb13c9193027463ea70f3e0179d3231768415552", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "b7a68f4b9c771e68d58ffac6aa8f64b548bd1d16", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "6422613b1f9847cde1ce24a9d5360da2ec6b027e", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "258fee1808b32595ef78cbc67c25a825a82a3f4c", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "4db06cd86fe17b6785ee700986816d4c8870f45b", glyph: "expand-more", size: 20 })))), e("div", { key: "172b05165c975966d837595f7cecce43a3562441", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "b8340c9735970792ab184c10b6ab1d3d15c9be6e" }))));
   }
   get el() {
     return s(this);

package/dist/{swirl-accordion.entry.feea17a6.js → swirl-accordion.entry.dd7317e5.js}

@@ -1,7 +1,7 @@
-import { r as s, c as i, h as o, H as a, g as l } from "./index.95b03b09.js";
+import { r as s, c as i, h as o, H as a, g as l } from "./index.19e43523.js";
 import "react";
 import "react-dom";
-const c = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}", n = c, d = class {
+const n = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}", c = n, d = class {
   constructor(e) {
     s(this, e), this.expandedItemChange = i(this, "expandedItemChange", 7);
   }
@@ -24,13 +24,13 @@ const c = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-ch
     });
   }
   render() {
-    return o(a, { key: "4d75f830088554c2de0b74df72e2c6a9beeb31e9" }, o("slot", { key: "0fcd720e4392e8f77fffda0e723311ef9d942b8d" }));
+    return o(a, { key: "55af41200054fe3f630d7fc1e9a6e051ad53b6ba" }, o("slot", { key: "9714a1232064b82c0d2047aefb4b87228931e213" }));
   }
   get el() {
     return l(this);
   }
 };
-d.style = n;
+d.style = c;
 export {
   d as swirl_accordion
 };

package/dist/{swirl-action-list-section.entry.69f5d7f0.js → swirl-action-list-section.entry.c58ee31e.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as s } from "./index.95b03b09.js";
+import { r as i, h as e, H as s } from "./index.19e43523.js";
 import "react";
 import "react-dom";
 const a = ":host{display:block}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-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){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}", o = a, c = class {
@@ -6,7 +6,7 @@ const a = ":host{display:block}:host *{box-sizing:border-box}.action-list-sectio
     i(this, t), this.label = void 0;
   }
   render() {
-    return e(s, { key: "5c5e188520c3e876ca9d4e46900d78e223977ccb" }, e("div", { key: "cfe4ece09f7f6726afb4bf4b593f6d667e5ef3db", "aria-labelledby": "label", class: "action-list-section", role: "group" }, e("span", { key: "a84c15c53cd19fbcf035029a0e2573ac6687ebbe", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), e("div", { key: "ab0eaefc1c827291a086eadbb7630e1e1e5ceef8", class: "action-list-section__items" }, e("slot", { key: "3720c008dcbfd5c6f62d4d60ad4bbf9960b3642b" }))));
+    return e(s, { key: "297688f160ff018c0a2ecce9cb2bd2334a63b4ed" }, e("div", { key: "410c162413ca42fc3ea67cb8f242d425b565bb1c", "aria-labelledby": "label", class: "action-list-section", role: "group" }, e("span", { key: "5c65d4afe15c9c7beed9b475e22f20c5ef4bbdfb", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), e("div", { key: "43ee7a618f4780e75b5d9434060807a0adeb522b", class: "action-list-section__items" }, e("slot", { key: "fdccbc861430f3f6bc839e8166adfb64640fc56f" }))));
   }
 };
 c.style = o;

package/dist/{swirl-action-list_2.entry.dbc519f8.js → swirl-action-list_2.entry.3c73ec30.js}

@@ -1,9 +1,9 @@
-import { r, h as o, H as l, g as d } from "./index.95b03b09.js";
-import { q as h, b as f, g as u } from "./utils-fbb8b494.acf1ae9e.js";
-import { c as m } from "./index-267776a4.6beb4f4b.js";
+import { r, h as o, H as d, g as l } from "./index.19e43523.js";
+import { q as h, b as f, g as m } from "./utils-fbb8b494.acf1ae9e.js";
+import { c as u } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const b = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list{background-color:var(--s-surface-overlay-default)}", p = b, g = class {
+const p = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list{background-color:var(--s-surface-overlay-default)}", b = p, g = class {
   constructor(i) {
     r(this, i), this.onKeyDown = (e) => {
       e.code === "ArrowDown" || e.code === "ArrowRight" ? (e.preventDefault(), this.focusNextItem()) : (e.code === "ArrowUp" || e.code === "ArrowLeft") && (e.preventDefault(), this.focusPreviousItem());
@@ -43,16 +43,16 @@ const b = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     return i.findIndex((t) => t === e || t === (e == null ? void 0 : e.querySelector('[role="menuitem"]')));
   }
   render() {
-    return o(l, { key: "d2c8c06e5f917d832fc9c6880de78ca6e2b24d3b" }, o("div", { key: "ae86dc8ef560047f2e3cbbaece2faad334377ebd", "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? void 0 : this.onFocusOut, onFocus: this.isInsidePopover ? void 0 : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (i) => this.container = i, role: "menu" }, o("slot", { key: "b5fe05b65edcc93576c19c59f072669e301bfb59" })));
+    return o(d, { key: "b16da7e5d0b8b4c9ee3e9160c013e5a2385d6900" }, o("div", { key: "1eeb9a88ebd644dd22c32022aabd83a9454dd2dc", "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? void 0 : this.onFocusOut, onFocus: this.isInsidePopover ? void 0 : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (i) => this.container = i, role: "menu" }, o("slot", { key: "a2cbd9841b0a94a4fe40346c86301f548232d81d" })));
   }
   get el() {
-    return d(this);
+    return l(this);
   }
 };
-g.style = p;
+g.style = b;
 const v = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{display:inline-flex;width:100%;min-width:15rem;margin:0;padding:var(--s-space-12) var(--s-space-16);justify-content:flex-start;align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;cursor:pointer;gap:var(--s-space-12)}.action-list-item:hover{background-color:var(--s-surface-overlay-hovered);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.action-list-item:focus{outline:none}.action-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered)}.action-list-item:active{background-color:var(--s-surface-overlay-pressed)}.action-list-item:disabled{background-color:var(--s-surface-overlay-default);cursor:default}.action-list-item:disabled .action-list-item__label,.action-list-item:disabled .action-list-item__description{color:var(--s-text-disabled)}.action-list-item:disabled .action-list-item__icon{color:var(--s-icon-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-8)}}.action-list-item--size-l{padding:var(--s-space-16)}.action-list-item--intent-critical ::part(icon){color:var(--s-icon-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__label{color:var(--s-text-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__icon{color:var(--s-icon-critical)}.action-list-item__icon{display:inline-flex;position:relative;width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item__icon{width:1.25rem;height:1.25rem}}.action-list-item__icon-badge{position:absolute;display:grid;bottom:0;right:0}.action-list-item__label-container{display:inline-flex;min-width:0;flex-grow:1;flex-shrink:1;align-items:flex-start;flex-direction:column}.action-list-item__label{overflow:hidden;max-width:100%;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.action-list-item__description{color:var(--s-text-subdued)}.action-list-item__badge{overflow:hidden;min-width:4rem;padding-left:var(--s-space-8);flex-shrink:3;color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);text-align:right;white-space:nowrap;text-overflow:ellipsis}.action-list-item__suffix{display:inline-flex;flex-shrink:0;color:var(--s-icon-default)}", x = v, w = class {
   constructor(i) {
-    r(this, i), this.desktopMediaQuery = u(), this.desktopMediaQueryHandler = (e) => {
+    r(this, i), this.desktopMediaQuery = m(), this.desktopMediaQueryHandler = (e) => {
       this.forceIconProps(e.matches);
     }, this.badge = void 0, this.disabled = void 0, this.description = void 0, this.icon = void 0, this.iconBadge = void 0, this.intent = "default", this.label = void 0, this.size = "m", this.swirlAriaExpanded = void 0, this.swirlAriaHaspopup = void 0, this.suffix = void 0;
   }
@@ -74,11 +74,11 @@ const v = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{d
     s == null || s.setAttribute("size", "xs"), s == null || s.setAttribute("variant", "dot"), (t == null ? void 0 : t.tagName) !== "SWIRL-TAG" && (t == null || t.setAttribute("size", i ? "20" : "24"));
   }
   render() {
-    const i = Boolean(this.badge), e = Boolean(this.iconBadge), t = Boolean(this.el.querySelector('[slot="suffix"]')), s = (Boolean(this.suffix) || t) && !this.disabled, a = m("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
-    return o(l, { key: "408db106a78a73aeaf63fa8b745a1145ac2c35dd" }, o("button", { key: "8397b7be24712cbede7dbe4687c383cc4e6e3c4e", "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, class: a, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, this.icon && o("span", { key: "52a764c0966f0204ef64df2ba6b813d2449fc720", class: "action-list-item__icon", innerHTML: this.icon, ref: (n) => this.iconEl = n }, e && o("span", { key: "db73545e030746a3dc9e07e9bd9ba0211576eb25", class: "action-list-item__icon-badge", innerHTML: this.iconBadge, ref: (n) => this.iconBadgeEl = n })), o("span", { key: "322ebb8fb030fc4033119d38b2a67b9c13eaaa9f", class: "action-list-item__label-container" }, o("span", { key: "2598b48234b315f5e35cc7a17d97b40168290602", class: "action-list-item__label" }, this.label), this.description && o("span", { key: "d130bb6efb271595471fe094fd0375a61b73b5fb", class: "action-list-item__description" }, this.description)), i && o("span", { key: "2e5ca125470b24980585896283692ea95cd657d9", class: "action-list-item__badge", innerHTML: this.badge }), s && o("span", { key: "12739299da6b4ee7982c32b6e2eee192e2612614", class: "action-list-item__suffix", innerHTML: t ? void 0 : this.suffix, ref: (n) => this.suffixEl = n }, o("slot", { key: "358f31549326363064e8441beffe292113b4ffdc", name: "suffix" }))));
+    const i = Boolean(this.badge), e = Boolean(this.iconBadge), t = Boolean(this.el.querySelector('[slot="suffix"]')), s = (Boolean(this.suffix) || t) && !this.disabled, a = u("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
+    return o(d, { key: "7b4f52c16da4f4f5c2c9a51856c9aae7e9c04f23" }, o("button", { key: "a74a9c60edc2a183c04f93e9030554c551ceba67", "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, class: a, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, o("slot", { key: "9bb61a72d80c55a35e0dc3c809d8bebb7ff30437", name: "avatar" }), this.icon && o("span", { key: "ba49170992a1dc9e6d8b68e64af781273bf4b7e8", class: "action-list-item__icon", innerHTML: this.icon, ref: (n) => this.iconEl = n }, e && o("span", { key: "3284724f84d3d6e018f244cde0a7ddc233f7459d", class: "action-list-item__icon-badge", innerHTML: this.iconBadge, ref: (n) => this.iconBadgeEl = n })), o("span", { key: "2084ba440fee7881921d10781ab0100c8aef26d6", class: "action-list-item__label-container" }, o("span", { key: "81d4f0652172c6e468b7a6d5c2381d05905d5e22", class: "action-list-item__label" }, this.label), this.description && o("span", { key: "f09d273290bfc00630c592ed45013b565845eb5a", class: "action-list-item__description" }, this.description)), i && o("span", { key: "06cfa9c3a1af2b53a472b472529267549b4926de", class: "action-list-item__badge", innerHTML: this.badge }), s && o("span", { key: "7ab7dd54bb3f1e2c9cac00dbf98775e18f66ab98", class: "action-list-item__suffix", innerHTML: t ? void 0 : this.suffix, ref: (n) => this.suffixEl = n }, o("slot", { key: "f2bd1ae7bf49c5e22757dbdb23fada915ab13e2a", name: "suffix" }))));
   }
   get el() {
-    return d(this);
+    return l(this);
   }
 };
 w.style = x;

package/dist/{swirl-app-bar.entry.2e23c30d.js → swirl-app-bar.entry.ff20142c.js}

@@ -1,8 +1,8 @@
-import { r as n, c as s, h as t, H as c, g as r } from "./index.95b03b09.js";
-import { c as l } from "./index-267776a4.6beb4f4b.js";
+import { r as n, c as s, h as t, H as r, g as l } from "./index.19e43523.js";
+import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const p = ':host{display:block;overflow-x:auto;width:100%}:host *{box-sizing:border-box}.app-bar{display:flex;min-height:3.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;gap:var(--s-space-16)}.app-bar--has-cta .app-bar__cta{display:block}.app-bar:not(.app-bar--has-right-controls) .app-bar__right-controls{display:none}.app-bar__left-controls{display:flex;min-width:0;flex-shrink:0;align-items:center;gap:var(--s-space-16)}.app-bar__main-navigation-control{flex-shrink:0}.app-bar__cta{display:none}.app-bar__heading{display:flex;min-width:10rem;flex-grow:1;align-items:center}@media (min-width: 992px){.app-bar__heading{min-width:0;flex-grow:0}}.app-bar__stepper-controls{position:relative;display:flex;flex-shrink:0;gap:var(--s-space-4)}.app-bar__stepper-controls:not(:first-child){padding-left:var(--s-space-16)}.app-bar__stepper-controls:not(:first-child):after{position:absolute;top:50%;left:0;width:var(--s-border-width-default);height:1.25rem;background-color:var(--s-border-default);content:"";transform:translateY(-50%)}.app-bar__center-controls{display:none;flex-grow:1;justify-content:center;align-items:center}@media (min-width: 992px){.app-bar__center-controls{display:flex}}.app-bar__right-controls{display:flex;min-width:0;flex-shrink:0;justify-content:flex-end;align-items:center}', d = p, b = class {
+const p = ':host{display:block;overflow-x:auto;width:100%}:host *{box-sizing:border-box}.app-bar{display:flex;min-height:3.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;gap:var(--s-space-16)}.app-bar--has-cta .app-bar__cta{display:block}.app-bar:not(.app-bar--has-right-controls) .app-bar__right-controls{display:none}.app-bar__left-controls{display:flex;min-width:0;flex-shrink:0;align-items:center;gap:var(--s-space-16)}.app-bar__main-navigation-control{flex-shrink:0}.app-bar__cta{display:none}.app-bar__heading{display:flex;min-width:10rem;flex-grow:1;align-items:center}@media (min-width: 992px){.app-bar__heading{min-width:0;flex-grow:0}}.app-bar__stepper-controls{position:relative;display:flex;flex-shrink:0;gap:var(--s-space-4)}.app-bar__stepper-controls:not(:first-child){padding-left:var(--s-space-16)}.app-bar__stepper-controls:not(:first-child):after{position:absolute;top:50%;left:0;width:var(--s-border-width-default);height:1.25rem;background-color:var(--s-border-default);content:"";transform:translateY(-50%)}.app-bar__center-controls{display:none;flex-grow:1;justify-content:center;align-items:center}@media (min-width: 992px){.app-bar__center-controls{display:flex}}.app-bar__right-controls{display:flex;min-width:0;flex-shrink:0;justify-content:flex-end;align-items:center}', d = p, h = class {
   constructor(a) {
     n(this, a), this.backButtonClick = s(this, "backButtonClick", 7), this.closeButtonClick = s(this, "closeButtonClick", 7), this.stepUpButtonClick = s(this, "stepUpButtonClick", 7), this.stepDownButtonClick = s(this, "stepDownButtonClick", 7), this.onBackButtonClick = (e) => {
       this.backButtonClick.emit(e);
@@ -29,20 +29,20 @@ const p = ':host{display:block;overflow-x:auto;width:100%}:host *{box-sizing:bor
     this.hasCta = Boolean(this.el.querySelector('[slot="cta"]'));
   }
   render() {
-    const a = this.showBackButton || this.showCloseButton || this.showStepperControls, e = Boolean(this.el.querySelector('[slot="right-controls"]')), i = l("app-bar", {
+    const a = this.showBackButton || this.showCloseButton || this.showStepperControls, e = Boolean(this.el.querySelector('[slot="right-controls"]')), i = c("app-bar", {
       "app-bar--has-cta": this.hasCta,
       "app-bar--has-right-controls": e
     }), o = {
       paddingInlineEnd: `var(--s-space-${this.paddingInlineEnd})`,
       paddingInlineStart: `var(--s-space-${this.paddingInlineStart})`
     };
-    return t(c, { key: "c06a23cfd8dbe4ee10cfcdaea7c61c34b2607377" }, t("div", { key: "9b109b19a7671f1db36274931e6c375a36358b6b", class: i, style: o }, a && t("div", { key: "816bb1fb098065fcd958ea02ff02175d557795ea", class: "app-bar__left-controls" }, (this.showBackButton || this.showCloseButton) && t("div", { key: "e36f84156257773d5a4afc14b4a57d5d3c6a5119", class: "app-bar__main-navigation-control" }, this.showBackButton && t("swirl-button", { key: "ee8c47a842578086bae71252ae84468cb591e370", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButtonLabel, onClick: this.onBackButtonClick }), this.showCloseButton && t("swirl-button", { key: "d80654406c9385f8642a48298a68996e9b07ecf2", hideLabel: !0, icon: this.closeButtonIcon, label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showStepperControls && t("div", { key: "6dd148c9dc3fb90904f2f196b4cc9cad2443f807", class: "app-bar__stepper-controls" }, t("swirl-button", { key: "ccfdf9bd6dd04919e41c71ec3450f745035beb53", hideLabel: !0, icon: "<swirl-icon-arrow-upward></swirl-icon-arrow-upward>", label: this.stepUpButtonLabel, onClick: this.onStepUpButtonClick }), t("swirl-button", { key: "8c2ff8a3d7eac53b9755be4e59ba117b83b29d1b", hideLabel: !0, icon: "<swirl-icon-arrow-downward></swirl-icon-arrow-downward>", label: this.stepDownButtonLabel, onClick: this.onStepDownButtonClick }))), t("div", { key: "38d8ef8d61ae1a6b26b2c04718d11a6b5737d5d3", class: "app-bar__cta" }, t("slot", { key: "10f913949cb291e0d297e6cc4d1ecb86aaae7865", name: "cta" })), t("div", { key: "a977186f42b4b4aafb456d0fc559198cdd43646c", class: "app-bar__heading" }, t("slot", { key: "c5f89f5d5b89b7292e569c486042d4e252068e82", name: "heading" })), t("div", { key: "3aaca53d45a8566f6c83980b66d16cfd4c143f4b", class: "app-bar__center-controls" }, t("slot", { key: "25b3353688b3c16b1949b05ccee83b9ca58ece61", name: "center-controls" })), t("div", { key: "d6daeec18cc5c1ae2f539b514efcfe994ecc40ff", class: "app-bar__right-controls" }, t("slot", { key: "52a3c7bd52599c81a6dc6172a67b91eb1cbd778f", name: "right-controls" }))));
+    return t(r, { key: "f21458799a37778b5c7078c2f9679e4b323c306e" }, t("div", { key: "3ef4a4192a9422eb196869d72d7918057ed4427d", class: i, style: o }, a && t("div", { key: "0f1c91a944780502d4253fc29a4119364b050f23", class: "app-bar__left-controls" }, (this.showBackButton || this.showCloseButton) && t("div", { key: "300dec3bcb2e8d077c85d44549eb3fd43cd389b8", class: "app-bar__main-navigation-control" }, this.showBackButton && t("swirl-button", { key: "b703037e0f9cbf948cb2ffbe8fc708adc5b12808", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButtonLabel, onClick: this.onBackButtonClick }), this.showCloseButton && t("swirl-button", { key: "7636c5ca8f7c835a873931e97064ebdb4e734f47", hideLabel: !0, icon: this.closeButtonIcon, label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showStepperControls && t("div", { key: "807553c0a0ba911a725aa22e4e10156e4a3a1f38", class: "app-bar__stepper-controls" }, t("swirl-button", { key: "ae37678f60560b2cf13e75bd4e31f2da51db9371", hideLabel: !0, icon: "<swirl-icon-arrow-upward></swirl-icon-arrow-upward>", label: this.stepUpButtonLabel, onClick: this.onStepUpButtonClick }), t("swirl-button", { key: "d38fa06e1b0b2e6bfa37401ab22c98bba39f1a82", hideLabel: !0, icon: "<swirl-icon-arrow-downward></swirl-icon-arrow-downward>", label: this.stepDownButtonLabel, onClick: this.onStepDownButtonClick }))), t("div", { key: "018f6e09dd24883fbcbbe045f5d90b2f1feb2a71", class: "app-bar__cta" }, t("slot", { key: "8691491e1759aee6b4a553ba7b4ed0794995a0bf", name: "cta" })), t("div", { key: "e944c68e3d6a76818e98a8bf66d3c38f8e7484f9", class: "app-bar__heading" }, t("slot", { key: "2430a78a86602115a27f363139eec4520b3f8a00", name: "heading" })), t("div", { key: "5fbaca57c7b1dd1207f3fcd941ce583397bd5d9e", class: "app-bar__center-controls" }, t("slot", { key: "134470957f50dca26f9d5eb199caa5d02e9d61e5", name: "center-controls" })), t("div", { key: "d7ad558e053ea6e76d24a317136669c338b95049", class: "app-bar__right-controls" }, t("slot", { key: "a5a2d0dda80b23e3b855b4a84f834af53f24236f", name: "right-controls" }))));
   }
   get el() {
-    return r(this);
+    return l(this);
   }
 };
-b.style = d;
+h.style = d;
 export {
-  b as swirl_app_bar
+  h as swirl_app_bar
 };

package/dist/{swirl-app-icon.entry.b5702279.js → swirl-app-icon.entry.a96e6c17.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as n } from "./index.95b03b09.js";
+import { r as o, h as e, H as n } from "./index.19e43523.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -14,7 +14,7 @@ const c = ":host{display:inline-flex}:host *{box-sizing:border-box}.app-icon{pos
     const i = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0), a = !i && Boolean(this.icon), s = t("app-icon", {
       "app-icon--has-icon": a || !i && !a
     });
-    return e(n, { key: "a3c326ddb9b5f885998f068d75dd2368128dbdc3" }, e("span", { key: "18d236b54e882d532a68e2b4c138511ae1780400", class: s }, i && e("img", { key: "afd2630244eb9b2bcfc868ed08ef111c24f84a59", alt: "", height: "256", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "256" }), a && e("span", { key: "c1e6d2320b8dec4446aa69acd28fd27f5cf62e54", class: "app-icon__icon", innerHTML: this.icon })));
+    return e(n, { key: "dd70f3b87a44a926c7b4da93b9e81a1eed6e2d97" }, e("span", { key: "b2428a9fca48e5a9ad36dc345298254afefe2c90", class: s }, i && e("img", { key: "a0c55e77b3e238de83246752a37d9a376f624a6b", alt: "", height: "256", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "256" }), a && e("span", { key: "bedcd164cd1cc1fd698bcf74598e66c4d718e0c8", class: "app-icon__icon", innerHTML: this.icon })));
   }
 };
 r.style = l;

package/dist/{swirl-app-layout_5.entry.5853e6b3.js → swirl-app-layout_5.entry.fb6673c8.js}

@@ -1,4 +1,4 @@
-import { r as n, c as r, h as a, H as d, g as p, F as h } from "./index.95b03b09.js";
+import { r as n, c as r, h as a, H as d, g as p, F as h } from "./index.19e43523.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as _, d as y, i as g, f } from "./utils-fbb8b494.acf1ae9e.js";
 import { S as T } from "./sortable.esm-8c3d5856.57c4f048.js";
@@ -202,7 +202,7 @@ const E = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
       "app-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
       "app-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop
     });
-    return a(d, { key: "6ecc40ce75a553155a68b0745a6e60b4f2b3708f" }, a("section", { key: "af7797588e0fde39764ab8214e61c75aaf89cfe1", "aria-labelledby": "app-name", class: m }, a("div", { key: "987264b968313a9a33e79c862e8b41f3c36f778f", class: "app-layout__grid" }, a("header", { key: "d7e57a83f373f722271f07d84f07ebe1fdfa9a8a", class: "app-layout__header", ref: (s) => this.headerEl = s }, a("span", { key: "c9229ebfac14bb9a4f31c40eaed007026fef603c", class: "app-layout__navigation-mobile-menu-button" }, a("slot", { key: "62e423f89b2d80e2aeab629822014362a5f5807d", name: "navigation-mobile-menu-button" })), this.collapsibleNavigation && a("span", { key: "e0cb00b70c6385d01fa7304cfa1e8d842e89beb3", class: "app-layout__nav-overlay-toggle" }, a("swirl-button", { key: "e7942691b237be46f7c5b08f77880c13a2a302f5", hideLabel: !0, icon: this.navExpansionState !== "expanded" ? "<swirl-icon-dock-left-expand></swirl-icon-dock-left-expand>" : "<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>", label: this.navigationToggleLabel, onClick: this.toggleNavigation })), this.showNavigationBackButton && a("span", { key: "d2b359d9d695a99f758699cb61b9731616cc5ae1", class: "app-layout__navigation-back-button" }, a("swirl-button", { key: "8441e59724620b73146895d54542f699a22c35cd", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), a("swirl-heading", { key: "9dc4ac2355a32292d40e1f326ad8b8b95080b56d", as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), b && a("span", { key: "77e150c323290bee296b7747ee940e0c3bedee4a", class: "app-layout__navigation-controls" }, a("slot", { key: "8cd86420650529d632d3f83e25f8c80e2acc6022", name: "navigation-controls" }))), a("nav", { key: "c3b93be1c802b940c2f7e877e2ed1f463123c378", "aria-label": this.navigationLabel, class: "app-layout__navigation", onScroll: this.onNavScroll, ref: (s) => this.navEl = s, inert: this.isDesktop && this.collapsibleNavigation && this.navExpansionState === "collapsed" }, a("slot", { key: "d6a22b90ee21847cd22fec51d874b1428942bd61", name: "navigation" })), a("section", { key: "b88c64d74bb2534ff424d7f3794181cfde17eb2c", "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && a("header", { key: "51163ecb84407e968f78089bb22a99daeaaf269b", class: "app-layout__app-bar" }, a("span", { key: "a89226ec4b5c8c69568158dc08461f151a254a14", class: "app-layout__app-bar-mobile-menu-button" }, a("slot", { key: "6c0d79c4830d75136e54068321b4e5b541470cf0", name: "app-bar-mobile-menu-button" })), t && a("span", { key: "320948753c656a79e71936b4de8e5b51b87e03d9", class: "app-layout__back-to-navigation-button" }, a("swirl-button", { key: "eb6d1f309242d6019ee2e0e071c1a6586135c07f", hideLabel: !0, icon: this.transitionStyle === "dialog" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick })), this.collapsibleNavigation && this.navExpansionState !== "expanded" && a("span", { key: "4d7f01de584fd6fd4dc8407af6dc968724bfcdb8", class: "app-layout__nav-expansion-toggle" }, a("swirl-button", { key: "15a5c8bd78ac1b109ddb0949cf69244ae41d3900", hideLabel: !0, icon: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", label: this.navigationOverlayLabel, onClick: this.overlayNavigation })), a("span", { key: "d63c412b4ccf0428d417680c3c806de43d7acfca", class: "app-layout__custom-app-bar-back-button" }, a("slot", { key: "270c3efca63bdf06b93e1defebc883d53ba3391b", name: "custom-app-bar-back-button" })), a("div", { key: "0c550e11e751a1b8d2087c662ec9c15963ad684e", class: "app-layout__app-bar-content" }, a("slot", { key: "984272347565d4b3043a3d467af1bc18099ce69a", name: "app-bar" })), a("div", { key: "955a810e5b8eb78d98460869fdd620e4d1938d3a", class: "app-layout__app-bar-controls" }, a("slot", { key: "821d02306c8e70b8b89562079e40b839c9dfae4e", name: "app-bar-controls" }))), a("div", { key: "c6da60f1ef567e34727f0d67327330a2e9c2aa36", class: "app-layout__banner" }, a("slot", { key: "a729e318c6de2eefd2c963155d826d0879f1d663", name: "banner" })), a("div", { key: "7b8c7a9cb400174cef52e7c8fffdb14be5e34260", class: "app-layout__content", onScroll: this.onContentScroll, ref: (s) => this.contentEl = s }, a("slot", { key: "22d1bb04bcb05723f65973ae64d7e4d401d4cc6f", name: "content" })), a("div", { key: "7ed6075864710943a424e51985a9710ce7c89efd", class: "app-layout__bottom-bar" }, a("slot", { key: "1b9c4c30f69e86c1324ea3f1fccef4884af7acc3", name: "bottom-bar" }))), a("aside", { key: "0ff3195bd3033562704f6c4bac449e01d37d9e0f", class: "app-layout__sidebar" }, a("header", { key: "e22f2f2d02e38673c4173337eaa6f16e3e79c7a1", class: "app-layout__custom-sidebar-header" }, a("slot", { key: "34458e91090e415bfe92ccf5286864a6c5a424e5", name: "custom-sidebar-header" })), a("header", { key: "981e497873e44a6575d27bc3255bcc50816e861f", class: "app-layout__sidebar-header" }, a("swirl-button", { key: "f2e2aa0e042cc3b10510a04ae25910cba508c459", class: "app-layout__sidebar-close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), a("swirl-heading", { key: "c1c76e420e5041d6e3facc61438d05f25b397836", as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), a("div", { key: "7f29f7c8eb440562135ae0618b982c9229008c77", class: "app-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (s) => this.sidebarEl = s }, a("slot", { key: "d04d989f5cc28a6843f514e1839089b11be15472", name: "sidebar" }))), a("span", { key: "d82c7e67f1a82e4840b707bf2e5358f33f04e120", class: "app-layout__floating-action-button" }, this.ctaLabel && a("swirl-button", { key: "3a0e0c130307c174650ea50e73aa01fc99559615", hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" }), a("slot", { key: "59e97c933d122437a298b469af220e50e50aca39", name: "floating-action-button" })))));
+    return a(d, { key: "2192bf3336762dea743265d083becd45482eedbf" }, a("section", { key: "3f8a980332d4f0ff89cb8b54731d06e2ed6923b5", "aria-labelledby": "app-name", class: m }, a("div", { key: "5b4efbeacb72bd6854e13b60017f16b49c7d3470", class: "app-layout__grid" }, a("header", { key: "496182fbe63fb76e8039079c7efc2a77f2c2f7be", class: "app-layout__header", ref: (s) => this.headerEl = s }, a("span", { key: "aa33206028b8895027099dbb0ae1a702e132e039", class: "app-layout__navigation-mobile-menu-button" }, a("slot", { key: "58b240a3dfa39c69700f68b4c9a149077e48bead", name: "navigation-mobile-menu-button" })), this.collapsibleNavigation && a("span", { key: "a3e6c91b9f57424f46c9bf9ba7550328552a26ce", class: "app-layout__nav-overlay-toggle" }, a("swirl-button", { key: "37b5cbee5f7207cd453471eba7d071bd7693bed5", hideLabel: !0, icon: this.navExpansionState !== "expanded" ? "<swirl-icon-dock-left-expand></swirl-icon-dock-left-expand>" : "<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>", label: this.navigationToggleLabel, onClick: this.toggleNavigation })), this.showNavigationBackButton && a("span", { key: "1b76d9241b88495dba00de2e6fb98926ee1d2861", class: "app-layout__navigation-back-button" }, a("swirl-button", { key: "51b1e6a6accad4a4173034e12e5aef256fd4d4af", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), a("swirl-heading", { key: "3aa52779b10916a02cb8af0ac538311a11752f9a", as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), b && a("span", { key: "1d182d4371456b494ade1f9f076706879a198231", class: "app-layout__navigation-controls" }, a("slot", { key: "85b394015a62588dc44374b6a4950e2118529f4e", name: "navigation-controls" }))), a("nav", { key: "6992a88da55541eb067e905de93c8bc1a093b04b", "aria-label": this.navigationLabel, class: "app-layout__navigation", onScroll: this.onNavScroll, ref: (s) => this.navEl = s, inert: this.isDesktop && this.collapsibleNavigation && this.navExpansionState === "collapsed" }, a("slot", { key: "68d20399402968c86fa57320274c5f047bd1ca7b", name: "navigation" })), a("section", { key: "52d59e9636b4ab053b0908bf990b73f48e6b5947", "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && a("header", { key: "333ed1a7c47c50ca54c5cd50172aa3b7971913b3", class: "app-layout__app-bar" }, a("span", { key: "0c7fd56eb217ed64e3dd6308c88c71f97bae167f", class: "app-layout__app-bar-mobile-menu-button" }, a("slot", { key: "5839a57d6e77288c0195a788e9a869e65063c465", name: "app-bar-mobile-menu-button" })), t && a("span", { key: "0840f9bb0c1c1a40360e7a7b376498b2dd81a94f", class: "app-layout__back-to-navigation-button" }, a("swirl-button", { key: "e92ab3c9702c9121861996bf051ed972cbcf1af7", hideLabel: !0, icon: this.transitionStyle === "dialog" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick })), this.collapsibleNavigation && this.navExpansionState !== "expanded" && a("span", { key: "710f1bb3eabe05a6242399d7eafd75b888a5804d", class: "app-layout__nav-expansion-toggle" }, a("swirl-button", { key: "f563b708831eb84fac2837c282b4b4b1425acea7", hideLabel: !0, icon: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", label: this.navigationOverlayLabel, onClick: this.overlayNavigation })), a("span", { key: "12571f31a669a614acfd32f7454d84d461607bb2", class: "app-layout__custom-app-bar-back-button" }, a("slot", { key: "f7ff9464709e45343e507348182e381fe6ea384e", name: "custom-app-bar-back-button" })), a("div", { key: "a666f10d9164da4ab09cd004b60e482e0a97e073", class: "app-layout__app-bar-content" }, a("slot", { key: "ed2f67119740628b3728edc3667a187080e57c5e", name: "app-bar" })), a("div", { key: "2b6e269d6f7336e3c63f3682faa1a315c345649d", class: "app-layout__app-bar-controls" }, a("slot", { key: "8b156da7c2adfd5fa9d40053a07338a1480434b1", name: "app-bar-controls" }))), a("div", { key: "0b4579d78afefd3b85b90d0cef8707e778744ffa", class: "app-layout__banner" }, a("slot", { key: "689ccbd5956315c652b3ce5324983c0e8c6c7f82", name: "banner" })), a("div", { key: "10797e673aa548b3e3891f6ac52ba3192af4a0b3", class: "app-layout__content", onScroll: this.onContentScroll, ref: (s) => this.contentEl = s }, a("slot", { key: "7e7a12ce18cf8253aa2635cca54cefeb67ca739b", name: "content" })), a("div", { key: "f72168b8c94062f8308ebd3b057200f8e573dd0a", class: "app-layout__bottom-bar" }, a("slot", { key: "01c84573749948a602bea15202a421e9207f2406", name: "bottom-bar" }))), a("aside", { key: "98fc39d9398c704382c9eda5ff8ecd480f560458", class: "app-layout__sidebar" }, a("header", { key: "51d7d5da2a7c49a2b7f2e40075439b7c67528fd6", class: "app-layout__custom-sidebar-header" }, a("slot", { key: "3118ca488b32ff7a41a257d81bb0bcaee0223b8d", name: "custom-sidebar-header" })), a("header", { key: "22ce181e892eaf567682756c22091ec67fa79a6e", class: "app-layout__sidebar-header" }, a("swirl-button", { key: "dd49fc0e2b3eb997250cf74b10b87eb0f7a3361c", class: "app-layout__sidebar-close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), a("swirl-heading", { key: "3b9efe7bc6f5fdb423860806387843790c4d81f6", as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), a("div", { key: "d251b48e76f0b4439f2de573cdd99fc22e98d141", class: "app-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (s) => this.sidebarEl = s }, a("slot", { key: "ff32199befe85da72ba7f135ab2e14979f714183", name: "sidebar" }))), a("span", { key: "b523374e50d55d49ae969d9dba0664b4c3d16229", class: "app-layout__floating-action-button" }, this.ctaLabel && a("swirl-button", { key: "6cd1a016a4ddff57117e55acf16e348f310ed4a4", hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" }), a("slot", { key: "db7051c0e81d62907746be98d713771e27cb0326", name: "floating-action-button" })))));
   }
   get el() {
     return p(this);
@@ -223,7 +223,7 @@ const L = ":host{display:block}:host *{box-sizing:border-box}.empty-state{displa
       "empty-state--has-controls": t,
       "empty-state--has-slotted-illustration": e
     });
-    return a(d, { key: "6bfc54d84f45480a5b54736763f147c2b7fb7f7f" }, a("div", { key: "4a4fa841cabf67c3a6d8e33924821f7d7cb71efb", class: i }, this.illustration && !e && a("img", { key: "14b1f1d7670cdbb98f0519a1a9ca5250c8674942", alt: "", class: "empty-state__illustration", src: this.illustration }), a("div", { key: "265b51870b0baf971ae883201b9e8c91272f3e5d", class: "empty-state__slotted-illustration" }, a("slot", { key: "4ff434e86a95ef5f2eb8780dd6af4b07cd277044", name: "illustration" })), a("div", { key: "e76e06dff72c76a9ee3ad82ea50d9dffd3c92e43", class: "empty-state__body" }, a("swirl-stack", { key: "640f0bbfc929d259034ba56b163ffe0d2668de55", align: "stretch", spacing: "8" }, this.heading && a("swirl-heading", { key: "617eb955f35ed844abd71b5edd72e4197c5dbf63", align: "center", as: "p", level: 4, text: this.heading }), a("div", { key: "9d25561e40f954711e8241cf1acc8dedfab81362", class: "empty-state__content" }, a("swirl-text", { key: "31a111081b467af164755021d1521692f2aaa108", align: "center", color: "subdued" }, a("slot", { key: "cf37b1da356651ce2aca52d1ad653f0bfdb0fa44" })))), a("div", { key: "21a53fc474e0fb5f9b74836b81e09c1042b97635", class: "empty-state__controls" }, a("slot", { key: "84d8519b5e69894b1f2162fef80c4e7ce0513e9c", name: "controls" })))));
+    return a(d, { key: "6fd342665b5b403286eac3941f1cd7728bc95399" }, a("div", { key: "5041edc31be2635f851fe8e4e2a29f07854ecdf6", class: i }, this.illustration && !e && a("img", { key: "db0325e5facde952517650a9fa266dee594122ca", alt: "", class: "empty-state__illustration", src: this.illustration }), a("div", { key: "1cb27589bb93cba13a248be90623bf81d64b75c6", class: "empty-state__slotted-illustration" }, a("slot", { key: "e7f556576a4394e96d89a2b81645ad99533be933", name: "illustration" })), a("div", { key: "f09590b2bcdc46eaa089511897ce308c3d62254d", class: "empty-state__body" }, a("swirl-stack", { key: "3edbed259af55f7d5ec6b4d5b5e5d9420f2f1cbb", align: "stretch", spacing: "8" }, this.heading && a("swirl-heading", { key: "ea37ca571cb1ebc4d116dfb19a647a89c041c11d", align: "center", as: "p", level: 4, text: this.heading }), a("div", { key: "85223085648ed2989214785503f79eb4a6f947b0", class: "empty-state__content" }, a("swirl-text", { key: "fce26928b3651f56dd4bb9a37e86b9a17903a5c4", align: "center", color: "subdued" }, a("slot", { key: "e888f6679cb8a44ba80d69b5ec9db699d70ebdd0" })))), a("div", { key: "6143252588db52a4c6354a3a34cf689d8518824c", class: "empty-state__controls" }, a("slot", { key: "bdbd8a067023afa7ec8f8b351b71f11bb88bf547", name: "controls" })))));
   }
   get el() {
     return p(this);
@@ -238,7 +238,7 @@ const V = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{
     const t = this.size === 20 ? 24 : this.size, e = {
       color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
     }, i = c("swirl-icon", `swirl-icon--size-${this.size}`);
-    return a("svg", { key: "dd61d0673ce3fd89c292b5605aef4ed252a7ba8d", "aria-hidden": "true", class: i, fill: "none", height: this.size, part: "icon", style: e, viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && a(h, { key: "331b81d2a635d7885ebb114536395cc5f1df322a" }, a("path", { key: "0eefa569cce03cbbe44811c30a1b47920d7907c9", d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && a(h, { key: "966034831634f52e6330f065e68c83e93b4c3dee" }, a("path", { key: "a82e22567168186716ccd8c608557ed6327ce818", d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" })), this.size === 28 && a(h, { key: "ea112049b2f9d941395c2233e21d6ae8e996137b" }, a("path", { key: "5975c3b8a5cdfa6b063dcd0e006902905c20d8a0", d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })));
+    return a("svg", { key: "9989ae58d7e8a4d9230398d33373fa1a4cb85c07", "aria-hidden": "true", class: i, fill: "none", height: this.size, part: "icon", style: e, viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && a(h, { key: "0e18c632aa5f131b05fb7a805d8d947d48545643" }, a("path", { key: "6882c9ede67ae3bc9889a1cf779ec485970d3475", d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && a(h, { key: "3b7b3bf040634c3179b33a2862397ca3decec95e" }, a("path", { key: "231c4c49a37aaf522fef798e330c753cf619e9e7", d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" })), this.size === 28 && a(h, { key: "a965db082edfd4fc0430a0f4d6711cd81ada0850" }, a("path", { key: "7bf44fe5bdad3b8b84f1d0d0d8968c06bdec6bbb", d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })));
   }
 };
 O.style = z;
@@ -363,7 +363,7 @@ const q = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
     });
   }
   render() {
-    return a(d, { key: "b829d882a0389d7795d3055286a28c98609a61a8", onKeyDown: this.onKeyDown }, a("swirl-visually-hidden", { key: "7b0b44f4292f766a90f2e8c5aed9239a58797e98", role: "alert" }, this.assistiveText), a("swirl-box", { key: "92e9416067806de8ef2604dd6b370dc62fa69a6c", paddingInlineEnd: "8", paddingInlineStart: "8" }, a("swirl-stack", { key: "d7fcfeeec899efce5cf7f3854abd10c86dce1f11", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (t) => this.gridEl = t, role: "grid", spacing: this.spacing }, a("slot", { key: "0b659d70063658be470c269bc72a3c2c0d8d3455" }))));
+    return a(d, { key: "07a472a8a7bcb02703c483c0ad755d9d787acb5c", onKeyDown: this.onKeyDown }, a("swirl-visually-hidden", { key: "f14c34e2922d82431f0de15aea599d9c61d0a195", role: "alert" }, this.assistiveText), a("swirl-box", { key: "f58048586f6f46a678db400bf3e3ed9af21b38b0", paddingInlineEnd: "8", paddingInlineStart: "8" }, a("swirl-stack", { key: "ead6286f509dc5874e3492624a79f0c9ec1a6879", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (t) => this.gridEl = t, role: "grid", spacing: this.spacing }, a("slot", { key: "fdf20fb257cfc1df4e8c307a4368acfa13bc06ad" }))));
   }
   get el() {
     return p(this);
@@ -449,7 +449,7 @@ const $ = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
       "resource-list-item--wrap-description": this.descriptionWrap,
       "resource-list-item--wrap-label": this.labelWrap
     });
-    return a(d, { key: "fc15e85b085941445aa3a2a7d71ccdd0ea6af19c", role: "row" }, a("div", { key: "a0553e63ce1299e5a62057ca9f1990ec9671ed77", class: I, role: "gridcell" }, a(t, { key: "9f4014a9ccd2a7ac4bcd68e01bdd1768422d609e", "aria-checked": x, "aria-disabled": e ? "true" : void 0, "aria-label": k, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", href: u, disabled: e, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: S, tabIndex: 0, type: t === "button" ? "button" : void 0 }, this.hasMedia && a("span", { key: "b02811e97da3b6a5dc9f787272b8227c6207c687", class: "resource-list-item__media" }, a("slot", { key: "f4d86546da5d2cfca9c228fef25d991ac260948d", name: "media" })), a("span", { key: "2355aca510e6951620e1ea34da2eef27d2a207a4", class: "resource-list-item__label-container", style: C }, a("span", { key: "fb39dda628c00db225bf1ee452bf0a166db1de8d", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && a("span", { key: "a916f5124b9c8ff2e6b601280a3175f1349e939f", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), s && a("span", { key: "73258750157de4e94d14e4956782c8cf83555db0", class: "resource-list-item__meta" }, a("span", { key: "c29f3b509061f2e40dcebf71a8f13897c6092fa2", class: "resource-list-item__meta-text" }, this.meta), a("span", { key: "f7ed8f082b3ef7804650ce8c86adc5911cabfe7c", class: "resource-list-item__badges" }, a("slot", { key: "9dfeb082eec0328d2e08027a6c723b280dbc1a19", name: "badges" })))), this.selectable && a("span", { key: "e857a822d88fd2d01559bc8c35eaf96cdd77488e", "aria-hidden": "true", class: "resource-list-item__checkbox" }, a("span", { key: "c98486bf0496467b27e7c6633b00105846cb84a3", class: "resource-list-item__checkbox-icon" }, this.checked && a("swirl-icon-check-strong", { key: "b5b256bc8bde87f39a620510f7b547daab125ac0" }))), a("span", { key: "b029706236061019e32aa417dfcdc33811a9b559", class: "resource-list-item__control", onClick: this.onControlClick, ref: (B) => this.controlContainer = B }, a("slot", { key: "68ff8e77665fedf97a235ae23533ee362ad48163", name: "control" })), m && a("swirl-popover-trigger", { key: "961689dbb84882471844552db3b6253123ded392", swirlPopover: this.menuTriggerId }, a("swirl-button", { key: "2cd065fc916c630ce66ccc75ceac6b71f745ee0d", "aria-disabled": e ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: e, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && a("button", { key: "aea77ee92742ffe9059496a8e67949e4c92f5f2d", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, a("swirl-icon-drag-handle", { key: "3c6a964e10d9bf676fac8ad3d75ea366088c0d83", size: this.iconSize })));
+    return a(d, { key: "157d4fc9cba405bb31a8cb05407427afbefebb51", role: "row" }, a("div", { key: "55163da3bb7467cb2e55b22649c857ebba8cf3bb", class: I, role: "gridcell" }, a(t, { key: "f72a323c58fd8dd2a02ecfa773f438e25e20aa19", "aria-checked": x, "aria-disabled": e ? "true" : void 0, "aria-label": k, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", href: u, disabled: e, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: S, tabIndex: 0, type: t === "button" ? "button" : void 0 }, this.hasMedia && a("span", { key: "e0daee03791106cb35b354f83ca66f1b434f8dc7", class: "resource-list-item__media" }, a("slot", { key: "8b2812557c5778cc77e1e224dbfc58a8365202c4", name: "media" })), a("span", { key: "debf86b9b7b5df6e944cb9e62bf61626ca469f21", class: "resource-list-item__label-container", style: C }, a("span", { key: "dffbea7a465e5c0bf7fd6c5410e83daddfb3acea", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && a("span", { key: "fb12e69166e4981e643a7c10709138a349fed78d", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), s && a("span", { key: "b086cca27c69ed8d7410b274fa5132e5a0ff2fa5", class: "resource-list-item__meta" }, a("span", { key: "5adda4d904035658783411cb568b20560ad670fc", class: "resource-list-item__meta-text" }, this.meta), a("span", { key: "acd7b96926d0922728990a4867bbf1dae4785249", class: "resource-list-item__badges" }, a("slot", { key: "b1d5013e66c771f77112044663d664456e01d833", name: "badges" })))), this.selectable && a("span", { key: "a35df9328d978ded4b10b7c72fd33642ab9994c4", "aria-hidden": "true", class: "resource-list-item__checkbox" }, a("span", { key: "89a4ffe0830737606c4899d8b1d80ca586aaf351", class: "resource-list-item__checkbox-icon" }, this.checked && a("swirl-icon-check-strong", { key: "f3df832b9f0beca06f9bd1e1e9628de20ae96f0a" }))), a("span", { key: "01fa67e1edbe005dc754dd4a4d008dc0246c2b85", class: "resource-list-item__control", onClick: this.onControlClick, ref: (B) => this.controlContainer = B }, a("slot", { key: "6716e77c8ad2654684c306f33102be7c52f25eea", name: "control" })), m && a("swirl-popover-trigger", { key: "2c56ac7fbf140c1a917e2dac77fb127b391a2d5d", swirlPopover: this.menuTriggerId }, a("swirl-button", { key: "0d0803fedb6400d80b31500faffb2f0a24cbabb2", "aria-disabled": e ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: e, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && a("button", { key: "b266295b821e8610e977d00123bb0e38d20d034f", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, a("swirl-icon-drag-handle", { key: "0a42e8696eee548149f46812ae0bc567613bf512", size: this.iconSize })));
   }
   get el() {
     return p(this);

package/dist/{swirl-autocomplete.entry.0741d6d9.js → swirl-autocomplete.entry.2b4e153a.js}

@@ -1,4 +1,4 @@
-import { r as p, c as m, h as o, H as f, g as b } from "./index.95b03b09.js";
+import { r as p, c as m, h as o, H as f, g as b } from "./index.19e43523.js";
 import { a as g, c as v, o as y } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as w } from "./index-267776a4.6beb4f4b.js";
 import { d as S } from "./utils-fbb8b494.acf1ae9e.js";
@@ -82,22 +82,22 @@ const x = ".sc-swirl-autocomplete-h{display:block}.sc-swirl-autocomplete-h *.sc-
     this.multiSelect && !Array.isArray(this.value) && (this.value = []), !this.multiSelect && Array.isArray(this.value) && (this.value = void 0);
   }
   render() {
-    var l, u, r, c;
+    var l, u, c, r;
     const i = `${this.id}-suggestions`, e = this.clearable && !this.multiSelect, s = this.multiSelect ? this.value.map((t) => t.id) : Boolean(this.value) ? [this.value.id] : [], n = this.multiSelect ? void 0 : ((l = this.value) == null ? void 0 : l.label) || "", a = w("autocomplete", {
       "autocomplete--inactive": !this.active
     });
-    return o(f, { key: "6ac4eb7a1f520ca9292004fb07da32ada3268808" }, o("div", { key: "4a5d55d90fa0ab8387f67b30dca24225c577b32f", class: a, onKeyDown: this.onKeyDown }, this.multiSelect && Array.isArray(this.value) && this.value.length > 0 && o("div", { key: "a22265baff3265c999a162647c2216ea5cb1969e", class: "autocomplete__multi-select-tags" }, o("swirl-stack", { key: "5619bc2bd934857c663efd58c91b9eaaf0207e63", orientation: "horizontal", spacing: "8", wrap: !0 }, this.value.map((t) => o("swirl-tag", {
+    return o(f, { key: "7ccdc5bbc34c0b67dd4bc43558672bfcaa925370" }, o("div", { key: "5db7afde57cedcd7f2f76cf3d3bf41ea3d1121f7", class: a, onKeyDown: this.onKeyDown }, this.multiSelect && Array.isArray(this.value) && this.value.length > 0 && o("div", { key: "99b003b46ce6aca813468233ec46b9746afd5863", class: "autocomplete__multi-select-tags" }, o("swirl-stack", { key: "ad3f43e26a3ee67ffc1fa4a980d8a8a412f89787", orientation: "horizontal", spacing: "8", wrap: !0 }, this.value.map((t) => o("swirl-tag", {
       key: t.id,
       label: t.label,
       onRemove: () => this.onRemoveValue(t.id),
       removable: !this.disabled
-    })))), o("swirl-text-input", { key: "a691e9b3aa419b8bdf3a0927d4ae171ada91aecf", autoSelect: this.autoSelect, class: "autocomplete__input", clearable: e, clearButtonLabel: this.clearButtonLabel, disabled: this.disabled, disableDynamicWidth: !0, id: this.id, inline: this.inline, invalid: this.invalid, onInputFocus: this.onFocus, onKeyDown: this.onInputKeyDown, onValueChange: this.onChange, maxLength: this.maxLength, mode: this.mode, placeholder: this.placeholder, ref: (t) => this.inputEl = t, required: this.required, spellCheck: this.spellCheck, swirlAriaAutocomplete: "list", swirlAriaControls: i, swirlAriaDescribedby: this.swirlAriaDescribedby, swirlAriaExpanded: String(this.active), swirlRole: "combobox", value: n }), o("div", { key: "d6d85b173b4b889422deed9d26b2a3edd2558383", class: "autocomplete__listbox-container", onFocusout: this.onFocusOut, ref: (t) => this.listboxContainerEl = t, style: {
+    })))), o("swirl-text-input", { key: "b81c39bc6b02321f9ec1da7510e1ff5fefacf6eb", autoSelect: this.autoSelect, class: "autocomplete__input", clearable: e, clearButtonLabel: this.clearButtonLabel, disabled: this.disabled, disableDynamicWidth: !0, id: this.id, inline: this.inline, invalid: this.invalid, onInputFocus: this.onFocus, onKeyDown: this.onInputKeyDown, onValueChange: this.onChange, maxLength: this.maxLength, mode: this.mode, placeholder: this.placeholder, ref: (t) => this.inputEl = t, required: this.required, spellCheck: this.spellCheck, swirlAriaAutocomplete: "list", swirlAriaControls: i, swirlAriaDescribedby: this.swirlAriaDescribedby, swirlAriaExpanded: String(this.active), swirlRole: "combobox", value: n }), o("div", { key: "e78b9b6e1179036e2c6133fab4e88e929450ba26", class: "autocomplete__listbox-container", onFocusout: this.onFocusOut, ref: (t) => this.listboxContainerEl = t, style: {
       top: Boolean(this.position) ? `${(u = this.position) == null ? void 0 : u.y}px` : "",
-      left: Boolean(this.position) ? `${(r = this.position) == null ? void 0 : r.x}px` : "",
-      width: `${((c = this.inputEl) == null ? void 0 : c.getBoundingClientRect().width) + 32}px`
-    } }, this.loading && o("div", { key: "61d3b7a03a79c66c7dbb8885ff3a95d57badc19f", class: "autocomplete__spinner" }, o("swirl-spinner", { key: "666f366558c17cb9d57fdc36ddaf95862706d04c" })), this.suggestions.length > 0 && o("swirl-option-list", { key: "db951c479c16b6fe1ead86e5c46de0431237937f", allowDeselect: this.multiSelect === !0, label: this.menuLabel, multiSelect: this.multiSelect, onValueChange: this.onSelect, optionListId: i, ref: (t) => this.listboxEl = t, value: s }, this.suggestions.map((t) => {
-      var d;
-      return o("swirl-option-list-item", { selected: Array.isArray(this.value) ? this.value.some((h) => h.id === t.id) : ((d = this.value) == null ? void 0 : d.id) === t.id, key: t.id, disabled: t.disabled, label: t.label, value: t.id });
+      left: Boolean(this.position) ? `${(c = this.position) == null ? void 0 : c.x}px` : "",
+      width: `${((r = this.inputEl) == null ? void 0 : r.getBoundingClientRect().width) + 32}px`
+    } }, this.loading && o("div", { key: "464609dbec26c61919d20b617afc2c8b2bb2a1ae", class: "autocomplete__spinner" }, o("swirl-spinner", { key: "57467b10cf6732da9d3e913994cad372cfc4bdbe" })), this.suggestions.length > 0 && o("swirl-option-list", { key: "2e377e61b4dc64f51d48f73f4f92ffee8fc5816e", allowDeselect: this.multiSelect === !0, label: this.menuLabel, multiSelect: this.multiSelect, onValueChange: this.onSelect, optionListId: i, ref: (t) => this.listboxEl = t, value: s }, this.suggestions.map((t) => {
+      var h;
+      return o("swirl-option-list-item", { selected: Array.isArray(this.value) ? this.value.some((d) => d.id === t.id) : ((h = this.value) == null ? void 0 : h.id) === t.id, key: t.id, disabled: t.disabled, label: t.label, value: t.id });
     })))));
   }
   get el() {

package/dist/{swirl-avatar-group.entry.37dd4afa.js → swirl-avatar-group.entry.0af2c9d0.js}

@@ -1,10 +1,10 @@
-import { r as s, h as r, H as i } from "./index.95b03b09.js";
+import { r as s, h as e, H as i } from "./index.19e43523.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
 const d = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative;display:inline-grid;grid-template-rows:repeat(9, 1fr);grid-template-columns:repeat(9, 1fr)}.avatar-group ::slotted(*:first-of-type){z-index:1;display:inline-flex;box-shadow:0 0 0 0.25rem var(--swirl-avatar-group-border-color);border-radius:50%;grid-column-start:1;grid-column-end:7;grid-row-start:4;grid-row-end:10}.avatar-group ::slotted(*:nth-of-type(2)){z-index:0;display:inline-flex;border-radius:50%;grid-column-start:4;grid-column-end:10;grid-row-start:1;grid-row-end:7}.avatar-group__badge{position:absolute;z-index:2;right:calc(-1 * var(--s-space-4));bottom:calc(-1 * var(--s-space-4));display:inline-flex;width:1.5rem;height:1.5rem}.avatar-group__badge ::part(badge){box-shadow:0 0 0 0.25rem var(--swirl-badge-border-color)}", l = d, n = class {
-  constructor(a) {
-    s(this, a), this.badge = void 0;
+  constructor(r) {
+    s(this, r), this.badge = void 0;
   }
   componentDidLoad() {
     this.forceBadgeProps();
@@ -12,14 +12,14 @@ const d = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group
   forceBadgeProps() {
     if (!Boolean(this.badge))
       return;
-    const a = this.badgeEl.querySelector("swirl-badge"), e = a == null ? void 0 : a.getAttribute("size");
-    Boolean(e) || a == null || a.setAttribute("size", "s");
+    const r = this.badgeEl.querySelector("swirl-badge"), a = r == null ? void 0 : r.getAttribute("size");
+    Boolean(a) || r == null || r.setAttribute("size", "s");
   }
   render() {
-    const a = t("avatar-group", {
+    const r = t("avatar-group", {
       "avatar-group--has-badge": Boolean(this.badge)
-    }), e = t("avatar-group__badge");
-    return r(i, { key: "8b1974dc2a231ee1de52209f9e5ae412f0f8011d" }, r("div", { key: "bae70688b047700541351d086a730cea828265e4", class: a, role: "group" }, r("slot", { key: "49eaf6ad73bc4aaefdae4c2b453449e34496085c" }), this.badge && r("span", { key: "ffbd195fd9b470ad199e5ca3526b6d8457fa70a0", class: e, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
+    }), a = t("avatar-group__badge");
+    return e(i, { key: "b002259b0fc555dd7c6d88e81be0b47eb990397d" }, e("div", { key: "3ebd30115f4866b87d995015f0e16bda6dbb4ad5", class: r, role: "group" }, e("slot", { key: "806e160bf43e964c3ac05db900b62d0bf420a903" }), this.badge && e("span", { key: "e40106fa24b4751600ac71bfcb4e1ebf338e2fc8", class: a, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
   }
 };
 n.style = l;

package/dist/{swirl-avatar.entry.1dcc1af8.js → swirl-avatar.entry.8b4e155d.js}

@@ -1,8 +1,8 @@
-import { r as g, c as n, h as i, H as f, g as m } from "./index.95b03b09.js";
+import { r as g, c as n, h as e, H as m, g as u } from "./index.19e43523.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const b = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--swirl-avatar-background-color)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus:not(:focus-visible){outline:none}.avatar--interactive:focus-visible{outline-color:var(--s-focus-default)}.avatar--size-3xs{width:1.25rem;height:1.25rem;font-size:0.625rem}.avatar--size-3xs.avatar--has-icon{padding-right:0.125rem;padding-left:0.125rem}.avatar--size-3xs.avatar--variant-square,.avatar--size-3xs.avatar--variant-square .avatar__image,.avatar--size-3xs.avatar--variant-square .avatar__initials{border-radius:0.25rem}.avatar--size-2xs{width:1.5rem;height:1.5rem;font-size:0.625rem}.avatar--size-2xs.avatar--has-icon{padding-right:0.125rem;padding-left:0.125rem}.avatar--size-2xs.avatar--variant-square,.avatar--size-2xs.avatar--variant-square .avatar__image,.avatar--size-2xs.avatar--variant-square .avatar__initials{border-radius:0.25rem}.avatar--size-xs{width:1.75rem;height:1.75rem;font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem;font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem;font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem;font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem;font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem;font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:2.25rem}.avatar--size-2xl .avatar__tool{transform:none}.avatar--size-2xl .avatar__tool--position-top{transform:none}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.avatar__icon{display:inline-flex}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{position:absolute;display:inline-flex;min-width:0;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium);inset:0}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}.avatar__tool{position:absolute;right:0;bottom:0;display:inline-flex;transform:translate3d(25%, 25%, 0)}.avatar__tool--position-top{top:0;bottom:auto;transform:translate3d(25%, -25%, 0)}", u = b, o = {
+const b = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--swirl-avatar-background-color)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus:not(:focus-visible){outline:none}.avatar--interactive:focus-visible{outline-color:var(--s-focus-default)}.avatar--size-3xs{width:1.25rem;height:1.25rem;font-size:0.625rem}.avatar--size-3xs.avatar--has-icon{padding-right:0.125rem;padding-left:0.125rem}.avatar--size-3xs.avatar--variant-square,.avatar--size-3xs.avatar--variant-square .avatar__image,.avatar--size-3xs.avatar--variant-square .avatar__initials{border-radius:0.25rem}.avatar--size-2xs{width:1.5rem;height:1.5rem;font-size:0.625rem}.avatar--size-2xs.avatar--has-icon{padding-right:0.125rem;padding-left:0.125rem}.avatar--size-2xs.avatar--variant-square,.avatar--size-2xs.avatar--variant-square .avatar__image,.avatar--size-2xs.avatar--variant-square .avatar__initials{border-radius:0.25rem}.avatar--size-xs{width:1.75rem;height:1.75rem;font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem;font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem;font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem;font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem;font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem;font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:2.25rem}.avatar--size-2xl .avatar__tool{transform:none}.avatar--size-2xl .avatar__tool--position-top{transform:none}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.avatar__icon{display:inline-flex}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{position:absolute;display:inline-flex;min-width:0;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium);inset:0}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}.avatar__tool{position:absolute;right:0;bottom:0;display:inline-flex;transform:translate3d(25%, 25%, 0)}.avatar__tool--position-top{top:0;bottom:auto;transform:translate3d(25%, -25%, 0)}", f = b, o = {
   "3xs": 20,
   "2xs": 24,
   xs: 28,
@@ -12,8 +12,8 @@ const b = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direc
   xl: 64,
   "2xl": 144
 }, p = class {
-  constructor(t) {
-    g(this, t), this.imageError = n(this, "imageError", 7), this.imageLoad = n(this, "imageLoad", 7), this.setImageAvailable = () => {
+  constructor(i) {
+    g(this, i), this.imageError = n(this, "imageError", 7), this.imageLoad = n(this, "imageLoad", 7), this.setImageAvailable = () => {
       this.imageAvailable = !0, this.loadingError = !1, this.loaded = !0, this.imageLoad.emit();
     }, this.setImageUnavailable = () => {
       this.imageAvailable = !1, this.loaded = !0, this.loadingError = !0, this.imageError.emit();
@@ -27,8 +27,8 @@ const b = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direc
     this.setupIntersectionObserver();
   }
   disconnectedCallback() {
-    var t;
-    (t = this.intersectionObserver) == null || t.disconnect();
+    var i;
+    (i = this.intersectionObserver) == null || i.disconnect();
   }
   watchSrcProp() {
     this.imageAvailable = void 0;
@@ -38,19 +38,19 @@ const b = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direc
       threshold: 0
     }), this.intersectionObserver.observe(this.element));
   }
-  onVisibilityChange(t) {
-    this.inViewport = t.some((a) => a.isIntersecting);
+  onVisibilityChange(i) {
+    this.inViewport = i.some((a) => a.isIntersecting);
   }
   render() {
-    const t = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0) && (this.loading !== "intersecting" || this.inViewport), a = (!t || !this.loaded && !this.loadingError) && Boolean(this.initials), e = !t && !a && Boolean(this.icon), s = !t && !a && !e, v = Boolean(this.badge) && this.size === "m", l = this.interactive ? "button" : void 0, d = r("avatar", `avatar--color-${this.color}`, `avatar--size-${this.size}`, `avatar--variant-${this.variant}`, {
-      "avatar--has-icon": e || s,
+    const i = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0) && (this.loading !== "intersecting" || this.inViewport), a = (!i || !this.loaded && !this.loadingError) && Boolean(this.initials), t = !i && !a && Boolean(this.icon), s = !i && !a && !t, v = Boolean(this.badge) && this.size === "m", d = this.interactive ? "button" : void 0, l = r("avatar", `avatar--color-${this.color}`, `avatar--size-${this.size}`, `avatar--variant-${this.variant}`, {
+      "avatar--has-icon": t || s,
       "avatar--has-initials": a,
       "avatar--interactive": this.interactive
     }), c = r("avatar__badge", `avatar__badge--position-${this.badgePosition}`), h = r("avatar__tool", `avatar__tool--position-${this.toolPosition}`);
-    return i(f, { key: "15278a114f52a9f68d0bf7f1f6fa30e7fa937649", "aria-label": this.interactive ? this.label : void 0, onKeydown: this.interactive ? this.onKeydown : void 0, onKeyup: this.interactive ? this.onKeyup : void 0, role: l, tabIndex: this.interactive ? 0 : void 0 }, i("span", { key: "e31108d3217700983679b19317768f2de000f4cd", class: d, part: "avatar" }, t && i("span", { key: "004a6eb9195d75aa32097aeb8324910ea2b03579", class: "avatar__image" }, i("img", { key: "27249340a3715ba3440ab6d0687457d9a41a38e2", alt: "", height: o[this.size], loading: this.loading !== "intersecting" ? this.loading : void 0, onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: o[this.size] })), a && i("span", { key: "4d1545a4fdda13d56727a4fd66ffe7835d9a8745", class: "avatar__initials" }, i("span", { key: "0b2b97fc6403d2f8cedbef447838b1e7d88a21a6" }, this.initials)), e && i("span", { key: "53c2ecde366fa25580a9c68fdf1c9648a48ce7d1", class: "avatar__icon", innerHTML: this.icon }), s && i("span", { key: "14a9f49eaf1085146ed32777bf198a506d29ea47", class: "avatar__icon" }, i("swirl-icon-person", { key: "e252ae666d81bb9854e0285e5b2ad029151a5cec" })), v && i("span", { key: "69bbc5582ebdccc744a88f03a201899056a25b54", class: c, innerHTML: this.badge }), i("span", { key: "929ebb5406c2c2fa2ab5ff7717f20ba0a15e35f2", class: h }, i("slot", { key: "bd2d4989f989ac54c08b23ff18297a728d4eb9cb", name: "tool" }))), this.showLabel && i("span", { key: "39d12f1d8e5a480e2c4bd51907198d224f6b2cc0", "aria-hidden": !0, class: "avatar__label" }, this.label));
+    return e(m, { key: "56ebefc98134484870d719fda35e05d311716032", "aria-label": this.interactive ? this.label : void 0, onKeydown: this.interactive ? this.onKeydown : void 0, onKeyup: this.interactive ? this.onKeyup : void 0, role: d, tabIndex: this.interactive ? 0 : void 0 }, e("span", { key: "d6a8354aeb6d7e8ae7a01de79f66fc481d0627ed", class: l, part: "avatar" }, i && e("span", { key: "212b277b9361c2935a4a937cda716bbd5f79afa6", class: "avatar__image" }, e("img", { key: "d037a0e2ee08c7a324383ca075be9fa21e1bfbeb", alt: "", height: o[this.size], loading: this.loading !== "intersecting" ? this.loading : void 0, onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: o[this.size] })), a && e("span", { key: "08f7d449924aa06a5429668cdc8ca1b9aff81212", class: "avatar__initials" }, e("span", { key: "96c8725ee16bc7334675c44541aea46a50670bb4" }, this.initials)), t && e("span", { key: "0e1794e27361d8b5a1c52fd604fd9e7d037ffbdb", class: "avatar__icon", innerHTML: this.icon }), s && e("span", { key: "ab06d6de3e3a501d66f4584ecc36179158c145a6", class: "avatar__icon" }, e("swirl-icon-person", { key: "ba5d839ad1e4f6229ecd9dcef13d7150407dcc65" })), v && e("span", { key: "956fad51793775322e5b608ea4226029ebe21d78", class: c, innerHTML: this.badge }), e("span", { key: "ea68303bb71630ef8e08985a45ecddb6102e1e04", class: h }, e("slot", { key: "ae8b5bddf5231b0ea69fae465d73485affa9f430", name: "tool" }))), this.showLabel && e("span", { key: "40236aaed6670ed3359ee656837d54b54323a0a8", "aria-hidden": !0, class: "avatar__label" }, this.label));
   }
   get element() {
-    return m(this);
+    return u(this);
   }
   static get watchers() {
     return {
@@ -58,7 +58,7 @@ const b = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direc
     };
   }
 };
-p.style = u;
+p.style = f;
 export {
   p as swirl_avatar
 };

package/dist/{swirl-badge.entry.a2053f93.js → swirl-badge.entry.2f104df1.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as t, H as r } from "./index.95b03b09.js";
+import { r as i, h as e, F as t, H as r } from "./index.19e43523.js";
 import { c as s } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -10,7 +10,7 @@ const d = ":host{display:inline-flex;min-width:0;max-width:100%;justify-content:
     const a = s("badge", `badge--intent-${this.intent}`, `badge--size-${this.size}`, `badge--variant-${this.variant}`, {
       "badge--has-icon": this.icon
     });
-    return e(r, { key: "7ec199a85eb07c43407da840c5b1964c86291e00", role: "status" }, e("span", { key: "a7304947718959455a295168b5a3923d619c035d", class: a, part: "badge" }, this.icon && e("span", { key: "e9c1845f11ee7f0f3f74d2bf9158b28bed1cb0ed", class: "badge__icon", innerHTML: this.icon }), this.icon === void 0 && this.variant !== "dot" ? e("span", { class: "badge__label" }, this.label) : e(t, null, this.icon === void 0 && e("span", { class: "badge__label" }, "\xA0"), e("swirl-visually-hidden", null, this.label))));
+    return e(r, { key: "bae92c831dde2b32bfa7261d43afa1535c8e2e52", role: "status" }, e("span", { key: "b0fae374f4fb64a1f08644f87583a4f566b0a37f", class: a, part: "badge" }, this.icon && e("span", { key: "b315a6e43dd61d71651417182df6a1ca5f9d6241", class: "badge__icon", innerHTML: this.icon }), this.icon === void 0 && this.variant !== "dot" ? e("span", { class: "badge__label" }, this.label) : e(t, null, this.icon === void 0 && e("span", { class: "badge__label" }, "\xA0"), e("swirl-visually-hidden", null, this.label))));
   }
 };
 o.style = n;