@getflip/swirl-components-react 0.285.0 → 0.287.0

package/dist/stencil-generated/index.d.ts

@@ -86,6 +86,7 @@ export declare const SwirlIconCloseSmall: import("react").ForwardRefExoticCompon
 export declare const SwirlIconCloudUpload: import("react").ForwardRefExoticComponent<JSX.SwirlIconCloudUpload & Omit<import("react").HTMLAttributes<HTMLSwirlIconCloudUploadElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCloudUploadElement>>;
 export declare const SwirlIconColumn: import("react").ForwardRefExoticComponent<JSX.SwirlIconColumn & Omit<import("react").HTMLAttributes<HTMLSwirlIconColumnElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconColumnElement>>;
 export declare const SwirlIconComment: import("react").ForwardRefExoticComponent<JSX.SwirlIconComment & Omit<import("react").HTMLAttributes<HTMLSwirlIconCommentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCommentElement>>;
+export declare const SwirlIconContrast: import("react").ForwardRefExoticComponent<JSX.SwirlIconContrast & Omit<import("react").HTMLAttributes<HTMLSwirlIconContrastElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconContrastElement>>;
 export declare const SwirlIconCopy: import("react").ForwardRefExoticComponent<JSX.SwirlIconCopy & Omit<import("react").HTMLAttributes<HTMLSwirlIconCopyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCopyElement>>;
 export declare const SwirlIconCrop: import("react").ForwardRefExoticComponent<JSX.SwirlIconCrop & Omit<import("react").HTMLAttributes<HTMLSwirlIconCropElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCropElement>>;
 export declare const SwirlIconDarkMode: import("react").ForwardRefExoticComponent<JSX.SwirlIconDarkMode & Omit<import("react").HTMLAttributes<HTMLSwirlIconDarkModeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconDarkModeElement>>;

package/dist/{swirl-accordion-item.entry.06406c54.js → swirl-accordion-item.entry.86e36195.js}

@@ -1,4 +1,4 @@
-import { r as t, c as d, h as e, H as n, g as s } from "./index.aafcbece.js";
+import { r as t, c as d, h as e, H as n, g as s } from "./index.35faa157.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import { v as o } from "./v4-23648a96.77c7c20f.js";
 import "react";
@@ -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: "29710e3b90bc91e4290687f120dda4dc8172bf1a" }, e("div", { key: "68680d0041529a5cf74ca84139c505d38987eb71", class: a }, e(i, { key: "0148138907529f3c1eab7cb95d35e8c05d56fc6a", class: "accordion-item__heading" }, e("button", { key: "f72a42c42a7ee1bf35646b44fa7e289f572e23c8", "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: "fc9f06dbd96372ededa39d68334aaf33b53a94e2", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "d4df097cc2b96c6216e9dfc94486e08f571e3954", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "3606ddc91d2e808421137cd781ef682938b02f78", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "501fe59ef0b0e4692c65f8cdfd24ca1ac9335001", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "e389b4dfdc9306f07043ff902be7e538ee89c92f", glyph: "expand-more", size: 20 })))), e("div", { key: "0b796af4c2c698547e9c54aa435443892d2047d4", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "4cfa18cc7900a67b0d24ce55e5b5da1edf2b8a7a" }))));
+    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.1f229187.js → swirl-accordion.entry.490dc70b.js}

@@ -1,7 +1,7 @@
-import { r as s, c as i, h as o, H as a, g as l } from "./index.aafcbece.js";
+import { r as s, c as i, h as o, H as a, g as l } from "./index.35faa157.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: "0da292c39800abd564844ef83efd150ae18f9bce" }, o("slot", { key: "5267813019864387c8853836bcb5e7609b8498f7" }));
+    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.81a2dd47.js → swirl-action-list-section.entry.5e9d2ad5.js}

@@ -1,15 +1,15 @@
-import { r as i, h as e, H as s } from "./index.aafcbece.js";
+import { r as i, h as e, H as s } from "./index.35faa157.js";
 import "react";
 import "react-dom";
-const 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, l = class {
+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 {
   constructor(t) {
     i(this, t), this.label = void 0;
   }
   render() {
-    return e(s, { key: "40bda032cab1a7b0f79a2b5881d9326b062156ea" }, e("div", { key: "0c82c51957b3707724636f33193023c7344b8104", "aria-labelledby": "label", class: "action-list-section", role: "group" }, e("span", { key: "58f78c65728f336de01b7cb903566aa8becbaaeb", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), e("div", { key: "ba803eaa5eb3b24d0c7cbb4c71f014bd708a36ce", class: "action-list-section__items" }, e("slot", { key: "456bbed6e34639d50f1b00efa172c4e7ea50461c" }))));
+    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" }))));
   }
 };
-l.style = o;
+c.style = o;
 export {
-  l as swirl_action_list_section
+  c as swirl_action_list_section
 };

package/dist/swirl-action-list_2.entry.3f15c0ac.js

@@ -0,0 +1,88 @@
+import { r, h as o, H as d, g as l } from "./index.35faa157.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 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());
+    }, this.onFocusOut = (e) => {
+      if (this.isInsidePopover)
+        return;
+      const t = e.relatedTarget, s = e.target, a = (s == null ? void 0 : s.tagName) === "SWIRL-ACTION-LIST-ITEM", n = t === null || !this.el.contains(t);
+      !this.isInsidePopover && n && a && this.container.setAttribute("tabindex", "0");
+    }, this.onFocus = () => {
+      var s, a;
+      if (this.isInsidePopover)
+        return;
+      this.container.removeAttribute("tabindex");
+      const e = this.getItems(), t = this.getActiveItemIndex();
+      t > -1 ? (s = e[t]) == null || s.focus() : (a = e[0]) == null || a.focus();
+    }, this.isInsidePopover = void 0;
+  }
+  componentDidLoad() {
+    queueMicrotask(() => {
+      this.isInsidePopover = this.el.closest("swirl-popover") !== null, this.isInsidePopover || this.container.setAttribute("tabindex", "0");
+    });
+  }
+  getItems() {
+    return h(this.el, '[role="menuitem"]');
+  }
+  focusNextItem() {
+    const i = this.getItems(), t = (this.getActiveItemIndex() + 1) % i.length;
+    i[t].focus();
+  }
+  focusPreviousItem() {
+    var s;
+    const i = this.getItems(), e = this.getActiveItemIndex(), t = e === 0 ? i.length - 1 : e - 1;
+    (s = i[t]) == null || s.focus();
+  }
+  getActiveItemIndex() {
+    const i = this.getItems(), e = f();
+    return i.findIndex((t) => t === e || t === (e == null ? void 0 : e.querySelector('[role="menuitem"]')));
+  }
+  render() {
+    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 l(this);
+  }
+};
+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 = 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;
+  }
+  componentDidLoad() {
+    this.forceIconProps(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
+  }
+  componentDidRender() {
+    this.forceIconProps(this.desktopMediaQuery.matches);
+  }
+  disconnectedCallback() {
+    var i, e;
+    (e = (i = this.desktopMediaQuery).removeEventListener) == null || e.call(i, "change", this.desktopMediaQueryHandler);
+  }
+  forceIconProps(i) {
+    var a, n, c;
+    const e = (a = this.iconEl) == null ? void 0 : a.children[0], t = (n = this.suffixEl) == null ? void 0 : n.children[0];
+    e == null || e.setAttribute("size", i ? "20" : "24");
+    const s = (c = this.iconBadgeEl) == null ? void 0 : c.children[0];
+    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 = 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 l(this);
+  }
+};
+w.style = x;
+export {
+  g as swirl_action_list,
+  w as swirl_action_list_item
+};

package/dist/{swirl-app-bar.entry.78a8fa85.js → swirl-app-bar.entry.1880069e.js}

@@ -1,8 +1,8 @@
-import { r as n, c as s, h as t, H as c, g as r } from "./index.aafcbece.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.35faa157.js";
+import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const d = ':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}', p = d, h = 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 d = ':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: "e3c441ae152c5f32628341d93ab9c01267fdcd14" }, t("div", { key: "f5d2d48ddb1a3226e0fb5ca4789ff59ddd866dec", class: i, style: o }, a && t("div", { key: "c9f3c6f1cab3c15d99f373ddc53ee6dce3e51a6a", class: "app-bar__left-controls" }, (this.showBackButton || this.showCloseButton) && t("div", { key: "9ae0620bef35977af26de20b4fbe7725062ab0d0", class: "app-bar__main-navigation-control" }, this.showBackButton && t("swirl-button", { key: "05e57714c3649dbf722d74f135d0c5fb7591e16b", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButtonLabel, onClick: this.onBackButtonClick }), this.showCloseButton && t("swirl-button", { key: "54d48e492a7cbc94e7784829ce4288e339e38526", hideLabel: !0, icon: this.closeButtonIcon, label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showStepperControls && t("div", { key: "65637f25c16f60d7b7028a8b985520688439a2a8", class: "app-bar__stepper-controls" }, t("swirl-button", { key: "b46ca47a50c9ff3f938d0adc4e5145e1c4d7a6d5", hideLabel: !0, icon: "<swirl-icon-arrow-upward></swirl-icon-arrow-upward>", label: this.stepUpButtonLabel, onClick: this.onStepUpButtonClick }), t("swirl-button", { key: "ce4bbb821ad76249caf680965853aefed6bbf041", hideLabel: !0, icon: "<swirl-icon-arrow-downward></swirl-icon-arrow-downward>", label: this.stepDownButtonLabel, onClick: this.onStepDownButtonClick }))), t("div", { key: "75042cd5d3c9c5f82d1d8c2b5a1ba156890f83a0", class: "app-bar__cta" }, t("slot", { key: "195d9d91da4e64688b281f0a7c5cd8dfdd3f661d", name: "cta" })), t("div", { key: "92fdfb5748e8e1578205c97c13ff361fd3020fac", class: "app-bar__heading" }, t("slot", { key: "c62711620a9b717c340bfac1a92f8eb639207fd0", name: "heading" })), t("div", { key: "cd37b16d36b2115ca3c63adbae7635b5a412ba38", class: "app-bar__center-controls" }, t("slot", { key: "1b884ef50fdbf39da5bb738174defa6e17b93efa", name: "center-controls" })), t("div", { key: "9dc46b4fa36e8d34837c26aed63b4bb80c2c08fe", class: "app-bar__right-controls" }, t("slot", { key: "83aa64ac31b9a68f6777e8ad75a0c1ad262a815b", 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);
   }
 };
-h.style = p;
+h.style = d;
 export {
   h as swirl_app_bar
 };

package/dist/{swirl-app-icon.entry.ad49d818.js → swirl-app-icon.entry.6fbe5e9d.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as n } from "./index.aafcbece.js";
+import { r as o, h as e, H as n } from "./index.35faa157.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: "fcfbd3332b8ffdc129b4a5b336054a2f4b7c0cf2" }, e("span", { key: "1d085a88743d7341f83709283300a7e4fecb76b2", class: s }, i && e("img", { key: "bc9cac7895c5f9e0b58348a01dc6a4d14834b3a0", alt: "", height: "256", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "256" }), a && e("span", { key: "74fef35e39cc3b2f19c11e1846659d369218bda9", 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.dad9ca97.js → swirl-app-layout_5.entry.6ad5a24f.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.aafcbece.js";
+import { r as n, c as r, h as a, H as d, g as p, F as h } from "./index.35faa157.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: "e4098dcdd2f208b1dd2fce4fa4239c5115610fae" }, a("section", { key: "74d1b87b9cc1f3444dbd0d4f9f9438691b6a038f", "aria-labelledby": "app-name", class: m }, a("div", { key: "ba69ff7c4ca1304e68681f21538fc51293557d66", class: "app-layout__grid" }, a("header", { key: "2d0cf6c6c14f4e5cc65f80e29ed83da677298d91", class: "app-layout__header", ref: (s) => this.headerEl = s }, a("span", { key: "ad33a7a8bbcf159a339500af5dfb1fdbcec832bb", class: "app-layout__navigation-mobile-menu-button" }, a("slot", { key: "6430dddd996413590a4a44c1f8b10605e2846e15", name: "navigation-mobile-menu-button" })), this.collapsibleNavigation && a("span", { key: "bb382dd6ed579a103df8d2db491704e50f46e989", class: "app-layout__nav-overlay-toggle" }, a("swirl-button", { key: "33b7c62a2929be9f5faed27e6bb382a03860909e", 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: "6a949d43a362498d9b0dd9b833b4ff6da672f551", class: "app-layout__navigation-back-button" }, a("swirl-button", { key: "8e94dc58d62a8acd872830f939c56d60ac80dfe6", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), a("swirl-heading", { key: "2d5b82a5179556db32cdf8af3a1803e89fe7295d", as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), b && a("span", { key: "c6870ca94e78496a41c7d6cb2bfe8adcb97b7fee", class: "app-layout__navigation-controls" }, a("slot", { key: "265797c583cf51b061f883a66522a61478ff543f", name: "navigation-controls" }))), a("nav", { key: "07b5b0e935513aab2e09f43a185abbc37829dc2a", "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: "7d41b776a7d30606a2a4f6bf9432507d3215c724", name: "navigation" })), a("section", { key: "c62375fecbad605fdd6c8a989e1df595c8b9b53b", "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && a("header", { key: "32bccc6df13d9c18bae6ffd3aa1321fba2adf681", class: "app-layout__app-bar" }, a("span", { key: "7761897c9f493da17376c38a90cc22e7770d7f7b", class: "app-layout__app-bar-mobile-menu-button" }, a("slot", { key: "78436397b99689627a11f0a7b0b80ef79c7faf50", name: "app-bar-mobile-menu-button" })), t && a("span", { key: "9503fe9dcb32ad8ac71132c9065305e471b3566a", class: "app-layout__back-to-navigation-button" }, a("swirl-button", { key: "1e4ba308c482b3b9c8aefaf04bd8e42d3599f228", 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: "b2e67d86af90a03ce4e592b8c05344c3b0bd3bb7", class: "app-layout__nav-expansion-toggle" }, a("swirl-button", { key: "900b525ab072ef7c2118ea4df022948e86d86441", hideLabel: !0, icon: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", label: this.navigationOverlayLabel, onClick: this.overlayNavigation })), a("span", { key: "90e02383bd578c0ac5c4e71565c017d45da2e8ca", class: "app-layout__custom-app-bar-back-button" }, a("slot", { key: "3dd9e2e8fff75b7df3c62904d129d7da833338b4", name: "custom-app-bar-back-button" })), a("div", { key: "5c47928c8c160efd11e8ba065aee682139c31909", class: "app-layout__app-bar-content" }, a("slot", { key: "595bb77fa075c7c93a1c01cce9f8646085271a71", name: "app-bar" })), a("div", { key: "c38221c515655f0ea29b99130ceed886ba9a8346", class: "app-layout__app-bar-controls" }, a("slot", { key: "cdeb2c4c92b528e7668b0ca75c8a6d9909586139", name: "app-bar-controls" }))), a("div", { key: "4451d20caf3c9bf625481bcb69339161f3ce59fd", class: "app-layout__banner" }, a("slot", { key: "55cdf9dc49401cdbf108429f5b88eabfb0a5a8fd", name: "banner" })), a("div", { key: "bdfaed66354fb98f0261e6c1471acb42288d4a1f", class: "app-layout__content", onScroll: this.onContentScroll, ref: (s) => this.contentEl = s }, a("slot", { key: "61e27fdad1c8d00ef4784b9710f63f96fa6a1f7c", name: "content" })), a("div", { key: "e2664aab92aac1ca42c4ae6214f0a0639c851dbc", class: "app-layout__bottom-bar" }, a("slot", { key: "e8ed7aa1b4db87c99c04342a5a92592cc7558457", name: "bottom-bar" }))), a("aside", { key: "d54e38fc2a6572fd906c2dc29fed83f393165c5e", class: "app-layout__sidebar" }, a("header", { key: "e9d8da24a7a66e0c5603c7b3e596c61e0f37f485", class: "app-layout__custom-sidebar-header" }, a("slot", { key: "4c9eef2c7776fb17e2b6a0ef29c191e1b01e1210", name: "custom-sidebar-header" })), a("header", { key: "0fbabae4205fcf10719c09b91137eb9976570f42", class: "app-layout__sidebar-header" }, a("swirl-button", { key: "429a029aaf97c70501607e290d33a21851f5387a", 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: "c97527b8045a638d4a8ac6353b76412141495bae", as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), a("div", { key: "98586801b5d898ded16c86930098d2c465f0f5b5", class: "app-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (s) => this.sidebarEl = s }, a("slot", { key: "b9143060027fecaf71539b82148debb484e444e2", name: "sidebar" }))), a("span", { key: "65a9d8644e838ec685f6ed5733c185b991bc8ecb", class: "app-layout__floating-action-button" }, this.ctaLabel && a("swirl-button", { key: "478178ad5bf08c07a71bbb9c861374b7dc0019a4", hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" }), a("slot", { key: "5e00f2a754c8da6cb395c11347b4ae85f6d5ce3d", 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: "8becb02ddf6e3e043ba384e056de71c13545d036" }, a("div", { key: "7a511a2457ff47a5ea44700e0ed9549022bf1453", class: i }, this.illustration && !e && a("img", { key: "11bb21e501b0b855b5b50cb2f4d1d1e8ea0220a7", alt: "", class: "empty-state__illustration", src: this.illustration }), a("div", { key: "af3a8630e5d4e1b5bbf9a67a9f74f67e5bf437ba", class: "empty-state__slotted-illustration" }, a("slot", { key: "b4db76ca43634c3b1e4af93781173045bb10defb", name: "illustration" })), a("div", { key: "0efd049c96f16b92e5737d579913224e99bee842", class: "empty-state__body" }, a("swirl-stack", { key: "669e9bc20ed0e45bb9a27ee0809633ffa5e9b25f", align: "stretch", spacing: "8" }, this.heading && a("swirl-heading", { key: "35cdca5a1d6b1eb7a5f78d59aba5df899b4c9015", align: "center", as: "p", level: 4, text: this.heading }), a("div", { key: "f2751dca22e26a8bb672c23437d1a5ad1d6eaa05", class: "empty-state__content" }, a("swirl-text", { key: "2a6bf30e9e5f0fcfc239f7cf054d4618f5a7cda4", align: "center", color: "subdued" }, a("slot", { key: "b2b8728069c1bd95641d1a268e7f726f89669c63" })))), a("div", { key: "2696f4371826d93e79cd8569c5bf294c6d607bdd", class: "empty-state__controls" }, a("slot", { key: "46b25adcedf0a05b7ddfc7e634d0cb9e23d71f53", 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: "44ef97daded02a1174875c4d77d68581d6b6b2e4", "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: "d06e91f970cfb3ea0f8f14ee1da86ff7df3dad94" }, a("path", { key: "91ad486c88217b828ec4b0ffd263baa3e7b0ef42", 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: "41ce7990d2baf24ae399f104ee08fbc426104c23" }, a("path", { key: "d18eb70d8d70d305261e3696dba45b3d08f051d9", 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: "efdf9df484dbe6f31fe2102ab2dfa249bc40e48e" }, a("path", { key: "4fd2e43f4f3502c2993d356ed47480638fa1e840", 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: "24ef8717e06eaa5e2c8dff08d50bd8c7582b89af", onKeyDown: this.onKeyDown }, a("swirl-visually-hidden", { key: "4ea549d10ec775e1851efc2a86c101f99fb094a8", role: "alert" }, this.assistiveText), a("swirl-box", { key: "5c40504ad7d017f9271db414d065b3d4fc756e53", paddingInlineEnd: "8", paddingInlineStart: "8" }, a("swirl-stack", { key: "3a913c951fef4f788536068ce572f2131d203322", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (t) => this.gridEl = t, role: "grid", spacing: this.spacing }, a("slot", { key: "bd026e40cf0cd5067eb3d2b6c2d6b5da2e044859" }))));
+    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: "ee71a35a51909f48b6481e88902952de6c551d5d", role: "row" }, a("div", { key: "52cadb9dcc3b255500dfca0cfa5b786e7a8b90dc", class: I, role: "gridcell" }, a(t, { key: "4ef3eec2ec3fc2ed8299e8f52b5bfeaa751410e8", "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: "8c748b14176c0da6263e6609f218c4e02996a744", class: "resource-list-item__media" }, a("slot", { key: "9126fbb711cec2f4179f0ad051ecfc2c91af018c", name: "media" })), a("span", { key: "f49e3b7fc7998ef327fc75f95a3ebc336ecc8c73", class: "resource-list-item__label-container", style: C }, a("span", { key: "ebcaa12a4655cb2615f798806b721d53ba3a18ca", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && a("span", { key: "b64963c940cfa8b0d309929e6c77485363611313", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), s && a("span", { key: "3d0da6bcdb783d85071cac3c3bf1f0b3af9fe6a0", class: "resource-list-item__meta" }, a("span", { key: "2c939bf964eaa4b1fdcd43a48c67cf5da6755485", class: "resource-list-item__meta-text" }, this.meta), a("span", { key: "21216b62f38fd1031bad7d07746db1c595d01be9", class: "resource-list-item__badges" }, a("slot", { key: "7c30e294778db39c7ead121948fce77a940a2f9c", name: "badges" })))), this.selectable && a("span", { key: "3ed06e50ccd5a9096337f2c7d4ffb7ff4bc7853a", "aria-hidden": "true", class: "resource-list-item__checkbox" }, a("span", { key: "81ee8c5911ba9d23ac29d6ea9568b404a163a9dd", class: "resource-list-item__checkbox-icon" }, this.checked && a("swirl-icon-check-strong", { key: "8aded72608b52bfedccc1d9889c5322b967825ba" }))), a("span", { key: "08f435f707be1eff4276daede7f9bc8dea0a9eef", class: "resource-list-item__control", onClick: this.onControlClick, ref: (B) => this.controlContainer = B }, a("slot", { key: "ac76664b4fc00749ee6c4e2b78a09ac7d706f5b9", name: "control" })), m && a("swirl-popover-trigger", { key: "9a8d921b73538b651d1877d3f960349b85121162", swirlPopover: this.menuTriggerId }, a("swirl-button", { key: "1f99dfc95d71205f7c171f7bdc4346eeb563227c", "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: "5683928a73c254aad8a55cc709b669dcd54ad2df", "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: "8aa0c74b94c6b2ad083d2289cc099db67d5114ab", 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.3b37e94e.js → swirl-autocomplete.entry.c8e9eecc.js}

@@ -1,4 +1,4 @@
-import { r as p, c as m, h as o, H as f, g as b } from "./index.aafcbece.js";
+import { r as p, c as m, h as o, H as f, g as b } from "./index.35faa157.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,20 +82,20 @@ 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: "35803245ee554c6f4d3ead9f87a1cdf73343007f" }, o("div", { key: "0237472750287689c060557515ffcf6d208c2a6e", class: a, onKeyDown: this.onKeyDown }, this.multiSelect && Array.isArray(this.value) && this.value.length > 0 && o("div", { key: "e06650357d144482792cb5a78ced14a49f77df6c", class: "autocomplete__multi-select-tags" }, o("swirl-stack", { key: "2b93f17cae1e7d2683d41eb4da28beb9fd9c378e", 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: "fe61f1a45792f11098c08c9a519c7286288c3ff2", 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: "13c30246e60759e39e6f86b95286673d096e7724", 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: "eb4fef11c6eedb9b5aa04ea9275f80d1249bad28", class: "autocomplete__spinner" }, o("swirl-spinner", { key: "8dd45fb707d886f01bcb8b7036a30fa6af4c0918" })), this.suggestions.length > 0 && o("swirl-option-list", { key: "95db25769911dcc9876eb94730adeb092844d97d", 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) => {
+      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 });
     })))));

package/dist/{swirl-avatar-group.entry.bb716ffb.js → swirl-avatar-group.entry.36048fad.js}

@@ -1,4 +1,4 @@
-import { r as s, h as a, H as i } from "./index.aafcbece.js";
+import { r as s, h as e, H as i } from "./index.35faa157.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -12,14 +12,14 @@ const d = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group
   forceBadgeProps() {
     if (!Boolean(this.badge))
       return;
-    const r = this.badgeEl.querySelector("swirl-badge"), e = r == null ? void 0 : r.getAttribute("size");
-    Boolean(e) || r == null || r.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 r = t("avatar-group", {
       "avatar-group--has-badge": Boolean(this.badge)
-    }), e = t("avatar-group__badge");
-    return a(i, { key: "5b386bdc0c753d8ef01cbb733643a60e96ab89fe" }, a("div", { key: "d3e47d6670ac21c8d202b76dbde2861f6bcaf57a", class: r, role: "group" }, a("slot", { key: "a81602480b721dcd9b90b8c36c5f795d7a5d6463" }), this.badge && a("span", { key: "224ac43404406dbcd768b812fc6940514b9ea36f", 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.740edd5b.js → swirl-avatar.entry.4d68f6ac.js}

@@ -1,8 +1,8 @@
-import { r as g, c as n, h as e, H as b, g as f } from "./index.aafcbece.js";
+import { r as g, c as n, h as e, H as m, g as u } from "./index.35faa157.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const m = ":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 = m, 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,
@@ -42,15 +42,15 @@ const m = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direc
     this.inViewport = i.some((a) => a.isIntersecting);
   }
   render() {
-    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, d = Boolean(this.badge) && this.size === "m", v = this.interactive ? "button" : void 0, l = r("avatar", `avatar--color-${this.color}`, `avatar--size-${this.size}`, `avatar--variant-${this.variant}`, {
+    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 e(b, { key: "58a018fec9dcb72f391e50040a6b4e6b4559751e", "aria-label": this.interactive ? this.label : void 0, onKeydown: this.interactive ? this.onKeydown : void 0, onKeyup: this.interactive ? this.onKeyup : void 0, role: v, tabIndex: this.interactive ? 0 : void 0 }, e("span", { key: "f44174ddb46d74bdeea62dd6f81846913c46b8ad", class: l, part: "avatar" }, i && e("span", { key: "1ed67acba8ab9f7c154c7e6647c15dd991db55e1", class: "avatar__image" }, e("img", { key: "4efe8dcf0fa3c5a0aab5c0ec53ea09be8c49bccf", 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: "b8e05f3d8cefe38da0c24fb9fef0f215cff01f1d", class: "avatar__initials" }, e("span", { key: "e57114e2cacf55923020e6fda9ad16bb6eecc887" }, this.initials)), t && e("span", { key: "d1d9ee462bf6574cf98f991b6b963d51963dfa3b", class: "avatar__icon", innerHTML: this.icon }), s && e("span", { key: "a7dfe378cb3f824094bfd59ce3c49bcbd3c3ded6", class: "avatar__icon" }, e("swirl-icon-person", { key: "162e29ddddd261833c31d679d4169fd056461ad1" })), d && e("span", { key: "82a4f2a24fe237de8722e39a2a43030d24c7bf0f", class: c, innerHTML: this.badge }), e("span", { key: "aebe16ddb21e9ab756168a15d0e0478bc9c7fdd6", class: h }, e("slot", { key: "207a5c9b2b59e9e6dd4c424a5e8c968a5973b904", name: "tool" }))), this.showLabel && e("span", { key: "5c76d712a42ef23ac0603e4c9268b57b621e4c1b", "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 f(this);
+    return u(this);
   }
   static get watchers() {
     return {
@@ -58,7 +58,7 @@ const m = ":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.6203f0c0.js → swirl-badge.entry.ad293c46.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as t, H as r } from "./index.aafcbece.js";
+import { r as i, h as e, F as t, H as r } from "./index.35faa157.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: "06a07667ccb9474de7010dfc31c2119d651bb476", role: "status" }, e("span", { key: "e677f471ca17db30f0fb63c53b4b175f1bb23082", class: a, part: "badge" }, this.icon && e("span", { key: "8773650b811868a363f29b63d35b890bbc97baf7", 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;

package/dist/{swirl-banner.entry.852d3d29.js → swirl-banner.entry.c6f9d01c.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as t, H as c, g as b } from "./index.aafcbece.js";
+import { r as o, c as r, h as t, H as c, g as b } from "./index.35faa157.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import { g as l } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";
@@ -27,18 +27,18 @@ const h = ":host{display:block}:host *{box-sizing:border-box}.banner{display:fle
     (n = (e = this.desktopMediaQuery).removeEventListener) == null || n.call(e, "change", this.desktopMediaQueryHandler);
   }
   forceIconProps(e) {
-    var s, a;
-    const n = (s = this.iconEl) == null ? void 0 : s.children[0], i = (a = this.dismissButtonEl) == null ? void 0 : a.children[0];
+    var a, s;
+    const n = (a = this.iconEl) == null ? void 0 : a.children[0], i = (s = this.dismissButtonEl) == null ? void 0 : s.children[0];
     n == null || n.setAttribute("size", e ? "20" : "24"), i == null || i.setAttribute("size", e ? "20" : "24");
   }
   determineIcon() {
     return this.icon ? this.icon : f[this.intent];
   }
   render() {
-    const e = this.determineIcon(), n = Boolean(this.actionLabel) || this.dismissable, i = this.icon || this.showIcon && Boolean(e), s = d("banner", `banner--intent-${this.intent}`, `banner--size-${this.size}`, {
+    const e = this.determineIcon(), n = Boolean(this.actionLabel) || this.dismissable, i = this.icon || this.showIcon && Boolean(e), a = d("banner", `banner--intent-${this.intent}`, `banner--size-${this.size}`, {
       "banner--has-icon": i
     });
-    return t(c, { key: "59ad8b46103af68b01514dffb4a8ffc3f7366135" }, t("div", { key: "e7a44b513cc0e362187b7972bbe30370b9789b1d", "aria-describedby": "content", class: s, role: this.importance, tabIndex: 0 }, t("div", { key: "4465f6f6ab0afe3231e25a52192a9f56d5756efe", class: "banner__content", id: "content", part: "banner__content" }, i && t("span", { key: "4aa59545611d08217a0edb767ee34f5d7fc2e18b", "aria-hidden": "true", class: "banner__icon", innerHTML: e, ref: (a) => this.iconEl = a }), t("span", { key: "91ee916917e08fd7d19277740a63c6efa2493910", class: "banner__text" }, this.content)), n && t("div", { key: "49b0b4c1f8b83e60e033fd3729c1591f3ba961bc", class: "banner__controls" }, this.actionLabel && t("button", { key: "3642186b3c70e2a2a2fef4ec21ab3cda77d345c6", class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel), this.dismissable && t("button", { key: "a09f723ea799b686f0e06baeeb87590a1b60f1fa", "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (a) => this.dismissButtonEl = a, type: "button" }, t("swirl-icon-close", { key: "caaba0ff27439dd72e1efd50178a253e496abd4d" })))));
+    return t(c, { key: "e738d297a3c16fec81cb03bbcc0eec4b18fffe10" }, t("div", { key: "731ebb82ec0f46beea8aca6b9dbc305f18cab5ce", "aria-describedby": "content", class: a, role: this.importance, tabIndex: 0 }, t("div", { key: "f817862b889d81a440725024a2632a8a532e425b", class: "banner__content", id: "content", part: "banner__content" }, i && t("span", { key: "3022fbf7fc75fa93e5c01cc2697f0276d7d39618", "aria-hidden": "true", class: "banner__icon", innerHTML: e, ref: (s) => this.iconEl = s }), t("span", { key: "89e76fcf3bd2099011359bfc27d02f3e06a34959", class: "banner__text" }, this.content)), n && t("div", { key: "8e46586058861b274a00b7872c16858a2685bb1b", class: "banner__controls" }, this.actionLabel && t("button", { key: "508bd8be18739c3c02309b31ed7e3c5053095a3c", class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel), this.dismissable && t("button", { key: "8bea66c5271fd11dea470ffc61b33bd476170aa3", "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (s) => this.dismissButtonEl = s, type: "button" }, t("swirl-icon-close", { key: "a9fbe97bcddf9cef64d2b97adb92f97c943d05d9" })))));
   }
   get element() {
     return b(this);

package/dist/{swirl-box.entry.feac559c.js → swirl-box.entry.29f2ac24.js}

@@ -1,4 +1,4 @@
-import { r as d, c as r, h as t, H as i, g as s } from "./index.aafcbece.js";
+import { r as d, c as r, h as t, H as i, g as s } from "./index.35faa157.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -64,7 +64,7 @@ const n = ":host{display:block;width:100%}:host(.box--bordered){border:var(--s-b
       "box--scrolled-to-top": this.scrollState.scrolledToTop,
       "box--scrolled-to-bottom": this.scrollState.scrolledToBottom
     });
-    return t(i, { key: "22989d7972a37c53b50f879639bff0581214d528", class: o, onScroll: this.onScroll, style: e }, t("slot", { key: "8628bb4a2474579564e1352967b8e4c48026c906" }));
+    return t(i, { key: "1fba3acf95ec0fcd18a7efe25fcc17344f8a576e", class: o, onScroll: this.onScroll, style: e }, t("slot", { key: "75059cde1d626d95784e32b76498d9f659c41386" }));
   }
   get el() {
     return s(this);