@getflip/swirl-components-react 0.285.0 → 0.286.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.44bd4d3d.js}

@@ -1,11 +1,11 @@
-import { r as t, c as d, h as e, H as n, g as s } from "./index.aafcbece.js";
+import { r as d, c as t, h as e, H as n, g as s } from "./index.95b03b09.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) {
-    t(this, i), this.expansionChange = d(this, "expansionChange", 7), this.headingId = `${o()}-heading`, this.onHeadingClick = () => {
+    d(this, i), this.expansionChange = t(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: "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: "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" }))));
   }
   get el() {
     return s(this);

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

@@ -1,4 +1,4 @@
-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.95b03b09.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 {
@@ -24,7 +24,7 @@ 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: "4d75f830088554c2de0b74df72e2c6a9beeb31e9" }, o("slot", { key: "0fcd720e4392e8f77fffda0e723311ef9d942b8d" }));
   }
   get el() {
     return l(this);

package/dist/{swirl-action-list-section.entry.81a2dd47.js → swirl-action-list-section.entry.69f5d7f0.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.95b03b09.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: "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" }))));
   }
 };
-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.dbc519f8.js

@@ -0,0 +1,88 @@
+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 "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 {
+  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(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" })));
+  }
+  get el() {
+    return d(this);
+  }
+};
+g.style = p;
+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) => {
+      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 = 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" }))));
+  }
+  get el() {
+    return d(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.2e23c30d.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 { 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 "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, b = 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);
@@ -36,13 +36,13 @@ const d = ':host{display:block;overflow-x:auto;width:100%}:host *{box-sizing:bor
       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(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" }))));
   }
   get el() {
     return r(this);
   }
 };
-h.style = p;
+b.style = d;
 export {
-  h as swirl_app_bar
+  b as swirl_app_bar
 };

package/dist/{swirl-app-icon.entry.ad49d818.js → swirl-app-icon.entry.b5702279.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.95b03b09.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: "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 })));
   }
 };
 r.style = l;

package/dist/{swirl-app-layout_5.entry.dad9ca97.js → swirl-app-layout_5.entry.5853e6b3.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.95b03b09.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: "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" })))));
   }
   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: "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" })))));
   }
   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: "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" })));
   }
 };
 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: "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" }))));
   }
   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: "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 })));
   }
   get el() {
     return p(this);

package/dist/{swirl-autocomplete.entry.3b37e94e.js → swirl-autocomplete.entry.0741d6d9.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.95b03b09.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";
@@ -86,18 +86,18 @@ const x = ".sc-swirl-autocomplete-h{display:block}.sc-swirl-autocomplete-h *.sc-
     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: "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", {
       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: "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: {
       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) => {
-      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 });
+    } }, 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 });
     })))));
   }
   get el() {

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

@@ -1,10 +1,10 @@
-import { r as s, h as a, H as i } from "./index.aafcbece.js";
+import { r as s, h as r, H as i } from "./index.95b03b09.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(r) {
-    s(this, r), this.badge = void 0;
+  constructor(a) {
+    s(this, a), 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 r = this.badgeEl.querySelector("swirl-badge"), e = r == null ? void 0 : r.getAttribute("size");
-    Boolean(e) || r == null || r.setAttribute("size", "s");
+    const a = this.badgeEl.querySelector("swirl-badge"), e = a == null ? void 0 : a.getAttribute("size");
+    Boolean(e) || a == null || a.setAttribute("size", "s");
   }
   render() {
-    const r = t("avatar-group", {
+    const a = 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 })));
+    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 })));
   }
 };
 n.style = l;

package/dist/{swirl-avatar.entry.740edd5b.js → swirl-avatar.entry.1dcc1af8.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 i, H as f, g as m } from "./index.95b03b09.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)}", u = b, o = {
   "3xs": 20,
   "2xs": 24,
   xs: 28,
@@ -12,8 +12,8 @@ const m = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direc
   xl: 64,
   "2xl": 144
 }, p = class {
-  constructor(i) {
-    g(this, i), this.imageError = n(this, "imageError", 7), this.imageLoad = n(this, "imageLoad", 7), this.setImageAvailable = () => {
+  constructor(t) {
+    g(this, t), 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 m = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direc
     this.setupIntersectionObserver();
   }
   disconnectedCallback() {
-    var i;
-    (i = this.intersectionObserver) == null || i.disconnect();
+    var t;
+    (t = this.intersectionObserver) == null || t.disconnect();
   }
   watchSrcProp() {
     this.imageAvailable = void 0;
@@ -38,19 +38,19 @@ const m = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direc
       threshold: 0
     }), this.intersectionObserver.observe(this.element));
   }
-  onVisibilityChange(i) {
-    this.inViewport = i.some((a) => a.isIntersecting);
+  onVisibilityChange(t) {
+    this.inViewport = t.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}`, {
-      "avatar--has-icon": t || s,
+    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,
       "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 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));
   }
   get element() {
-    return f(this);
+    return m(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-badge.entry.6203f0c0.js → swirl-badge.entry.a2053f93.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.95b03b09.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: "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))));
   }
 };
 o.style = n;