@getflip/swirl-components-react 0.293.0 → 0.295.0

package/dist/{swirl-accordion-item.entry.ac920bb6.js → swirl-accordion-item.entry.47e0b310.js}

@@ -1,4 +1,4 @@
-import { r as t, c as d, h as e, H as n, g as s } from "./index.f594f575.js";
+import { r as t, c as d, h as e, H as n, g as s } from "./index.e05ba315.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: "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" }))));
+    return e(n, { key: "927e324b7292a240aa0bb9388a9458bd16e0f6f2" }, e("div", { key: "2155526fd994e917ce09690b25e4ce00d8c9bf10", class: a }, e(i, { key: "0bd906b1df735d973fe01e749dcebbb70e655c10", class: "accordion-item__heading" }, e("button", { key: "6b3f0cf2b49a3f735582960d3bc4a11586b5f5ed", "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: "b38097311da54ef28e0be00fbba1ec1e88abcd0c", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "e8234c7c6e29e30ee6a7240fe9c393a39e1cf3b9", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "c643d08a79ea0b3536cf7db45e095db9bf4beb8c", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "3b0ed8615a844ba4f5f124ea9d1b9ea77bb954f6", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "4a72333e575ce363eb55e4b70b226a28b1bd2b07", glyph: "expand-more", size: 20 })))), e("div", { key: "2abc8262d3b16255e3dd79667397067c6bc5a497", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "30d20fc2b5a274f253c4413032e68c08a07b649a" }))));
   }
   get el() {
     return s(this);

package/dist/{swirl-accordion.entry.eb6dce36.js → swirl-accordion.entry.ad5f9eab.js}

@@ -1,4 +1,4 @@
-import { r as s, c as i, h as o, H as a, g as l } from "./index.f594f575.js";
+import { r as s, c as i, h as o, H as a, g as l } from "./index.e05ba315.js";
 import "react";
 import "react-dom";
 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 {
@@ -24,7 +24,7 @@ const n = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-ch
     });
   }
   render() {
-    return o(a, { key: "55af41200054fe3f630d7fc1e9a6e051ad53b6ba" }, o("slot", { key: "9714a1232064b82c0d2047aefb4b87228931e213" }));
+    return o(a, { key: "f6e0f6ecdaaf0db9e57a97eb4103b58b590b9a47" }, o("slot", { key: "5971dd00272f4b74830b2f987287a14b8f45e7f5" }));
   }
   get el() {
     return l(this);

package/dist/swirl-action-list-section.entry.ae8db71b.js

@@ -0,0 +1,15 @@
+import { r as s, h as e, H as i } from "./index.e05ba315.js";
+import "react";
+import "react-dom";
+const t = ":host{display:block;width:100%}: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);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)}}", c = t, o = class {
+  constructor(a) {
+    s(this, a), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
+  }
+  render() {
+    return e(i, { key: "39c804ad86c2c88c0a0a6a89d8f22d986469ecff" }, this.hasSeparator && e("swirl-separator", { key: "d89ba2e7bf416c61a3098a0e884ee3366c0dcf6e", spacing: this.separatorSpacing }), e("div", { key: "1b915e5c57128a8d23d5502eeb8e17325dff0117", "aria-labelledby": "label", class: "action-list-section", role: "group" }, e("span", { key: "50cf1f0b82e94886c423e31a5a11665b598cd211", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), e("swirl-stack", { key: "012034cd8b6e56306aebf230c7e438edf20fad4f", spacing: this.spacing, align: "stretch" }, e("slot", { key: "7411b4b813843cf3d076da545335d8fd3ef67998" }))));
+  }
+};
+o.style = c;
+export {
+  o as swirl_action_list_section
+};

package/dist/{swirl-action-list_2.entry.5006f94c.js → swirl-action-list_2.entry.5c32d2c3.js}

@@ -1,4 +1,4 @@
-import { r as c, h as o, H as l, g as d } from "./index.f594f575.js";
+import { r as c, h as o, H as d, g as l } from "./index.e05ba315.js";
 import { q as h, b as f, g as u } from "./utils-877a768f.c277f897.js";
 import { c as m } from "./index-267776a4.6beb4f4b.js";
 import "react";
@@ -51,10 +51,10 @@ const p = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     });
   }
   render() {
-    return o(l, { key: "bf72e9f0dae22b0accd9f9a41e78f4c39c562471" }, o("div", { key: "07952241b1a0bc5eea5da1177e7e8e20dae0c187", "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: "3ccd51eeb3c384bb5147ce09a63013c2f797c822", onSlotchange: this.setSectionSeparator })));
+    return o(d, { key: "f35389e147660da65c88641bac4a878a2580c26a" }, o("div", { key: "bdc4d2c34d70378795750579cce345e5368241ab", "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: "cd5dfd00a6fdd0313bdcf7d4e6caa92beafa16b8", onSlotchange: this.setSectionSeparator })));
   }
   get el() {
-    return d(this);
+    return l(this);
   }
 };
 g.style = b;
@@ -83,10 +83,10 @@ const v = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{d
   }
   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: "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" }))));
+    return o(d, { key: "7b4f52c16da4f4f5c2c9a51856c9aae7e9c04f23" }, o("button", { key: "a74a9c60edc2a183c04f93e9030554c551ceba67", "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, class: a, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, o("slot", { key: "9bb61a72d80c55a35e0dc3c809d8bebb7ff30437", name: "avatar" }), this.icon && o("span", { key: "ba49170992a1dc9e6d8b68e64af781273bf4b7e8", class: "action-list-item__icon", innerHTML: this.icon, ref: (n) => this.iconEl = n }, e && o("span", { key: "3284724f84d3d6e018f244cde0a7ddc233f7459d", class: "action-list-item__icon-badge", innerHTML: this.iconBadge, ref: (n) => this.iconBadgeEl = n })), o("span", { key: "2084ba440fee7881921d10781ab0100c8aef26d6", class: "action-list-item__label-container" }, o("span", { key: "81d4f0652172c6e468b7a6d5c2381d05905d5e22", class: "action-list-item__label" }, this.label), this.description && o("span", { key: "f09d273290bfc00630c592ed45013b565845eb5a", class: "action-list-item__description" }, this.description)), i && o("span", { key: "06cfa9c3a1af2b53a472b472529267549b4926de", class: "action-list-item__badge", innerHTML: this.badge }), s && o("span", { key: "7ab7dd54bb3f1e2c9cac00dbf98775e18f66ab98", class: "action-list-item__suffix", innerHTML: t ? void 0 : this.suffix, ref: (n) => this.suffixEl = n }, o("slot", { key: "f2bd1ae7bf49c5e22757dbdb23fada915ab13e2a", name: "suffix" }))));
   }
   get el() {
-    return d(this);
+    return l(this);
   }
 };
 I.style = x;

package/dist/{swirl-app-bar.entry.ad007cb7.js → swirl-app-bar.entry.8607162e.js}

@@ -1,4 +1,4 @@
-import { r as n, c as s, h as t, H as c, g as r } from "./index.f594f575.js";
+import { r as n, c as s, h as t, H as c, g as r } from "./index.e05ba315.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-app-icon.entry.c3961143.js → swirl-app-icon.entry.7080f979.js}

@@ -1,20 +1,20 @@
-import { r as o, h as e, H as n } from "./index.f594f575.js";
+import { r as o, h as i, H as n } from "./index.e05ba315.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
 const c = ":host{display:inline-flex}:host *{box-sizing:border-box}.app-icon{position:relative;overflow:hidden;width:var(--swirl-app-icon-size);height:var(--swirl-app-icon-size);border-radius:var(--s-border-radius-sm)}.app-icon>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.app-icon__icon{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center}", l = c, r = class {
-  constructor(i) {
-    o(this, i), this.setImageAvailable = () => {
+  constructor(e) {
+    o(this, e), this.setImageAvailable = () => {
       this.imageAvailable = !0;
     }, this.setImageUnavailable = () => {
       this.imageAvailable = !1;
     }, this.icon = void 0, this.src = void 0, this.imageAvailable = void 0;
   }
   render() {
-    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
+    const e = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0), a = !e && Boolean(this.icon), s = t("app-icon", {
+      "app-icon--has-icon": a || !e && !a
     });
-    return e(n, { key: "c56866be8b89817bc577b7081e3b2b0a859cd5d2" }, e("span", { key: "10581d1d8ae34c10133e0d8d911fc22a49625af6", class: s }, i && e("img", { key: "5542d09f4e9afcead0d94d51208d8ab7fe3f1bdf", alt: "", height: "256", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "256" }), a && e("span", { key: "a6b5827035d9f8337232d00f2bc9bd7491ee6584", class: "app-icon__icon", innerHTML: this.icon })));
+    return i(n, { key: "f94b64a23e07321e15ee4ec572929291bbacc01a" }, i("span", { key: "08643d4c6568956cd0342b7691af7d14003e5f7b", class: s }, e && i("img", { key: "88c39fe801f6f0ea09b510ec03c9e4252aae9ee6", alt: "", height: "256", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "256" }), a && i("span", { key: "aebd34c0948aa589a376f53948df027b831c866d", class: "app-icon__icon", innerHTML: this.icon })));
   }
 };
 r.style = l;

package/dist/{swirl-app-layout_5.entry.d31fa5e6.js → swirl-app-layout_5.entry.0c9a35f3.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.f594f575.js";
+import { r as n, c as r, h as a, H as d, g as p, F as h } from "./index.e05ba315.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as _, d as y, i as g, h as f } from "./utils-877a768f.c277f897.js";
 import { S as T } from "./sortable.esm-8c3d5856.57c4f048.js";
@@ -13,14 +13,14 @@ const E = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
               rgba(0, 0, 0, 0.05) 0,
               rgba(0, 0, 0, 0) 80%,
               rgba(0, 0, 0, 0) 100%
-            );content:""}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{z-index:3;bottom:0}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{width:25rem;animation:app-layout-nav-overlay-slide-in-large-desktop 0.1s}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-active .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-active .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{grid-template-columns:1fr min(50%, 25rem);grid-template-areas:"body sidebar"
+            );content:""}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{z-index:3;bottom:0}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{width:25rem;animation:app-layout-nav-overlay-slide-in-large-desktop 0.1s}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-opening .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-opening .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid,.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{grid-template-columns:1fr min(50%, 25rem);grid-template-areas:"body sidebar"
           "body sidebar"}}.app-layout--has-sidebar .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"
-      "body"}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{grid-template-columns:25rem 1fr 25rem;grid-template-areas:"header body sidebar"
+      "body"}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{grid-template-columns:25rem 1fr 25rem;grid-template-areas:"header body sidebar"
           "navigation body sidebar"}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{animation:app-layout-sidebar-slide-in 0.3s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{animation:none}}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening.app-layout--nav-collapsed .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening.app-layout--nav-overlayed .app-layout__grid{animation:app-layout-sidebar-slide-in-with-collapsed-nav 0.3s}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{animation:app-layout-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{animation:none}}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing.app-layout--nav-collapsed .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing.app-layout--nav-overlayed .app-layout__grid{animation:app-layout-sidebar-slide-out-with-collapsed-nav 0.3s}}@media (min-width: 768px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:"header body"
         "navigation body"}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:22.5rem 1fr}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:25rem 1fr}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}}@media (min-width: 768px) and (max-width: 1799px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__sidebar{position:absolute;top:0;right:0;bottom:0;width:min(40%, 25rem);border-left:var(--s-border-width-default) solid var(--s-border-default);box-shadow:var(--s-shadow-level-3)}}@media (max-width: 767px){.app-layout--mobile-view-navigation .app-layout__grid{grid-template-areas:"header"
         "navigation"}.app-layout--mobile-view-navigation .app-layout__body,.app-layout--mobile-view-navigation .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-body .app-layout__grid{grid-template-areas:"body"
         "body"}.app-layout--mobile-view-body .app-layout__header,.app-layout--mobile-view-body .app-layout__navigation,.app-layout--mobile-view-body .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-sidebar .app-layout__grid{grid-template-areas:"sidebar"
-        "sidebar"}.app-layout--mobile-view-sidebar .app-layout__header,.app-layout--mobile-view-sidebar .app-layout__navigation,.app-layout--mobile-view-sidebar .app-layout__body{display:none}}.app-layout--has-sidebar:not(.app-layout--sidebar-active) .app-layout__sidebar{display:none}@media (min-width: 768px){.app-layout--sidebar-closing .app-layout__sidebar{animation:app-layout-sidebar-overlay-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}.app-layout--has-app-bar-controls .app-layout__app-bar-controls{display:block}.app-layout--has-bottom-bar .app-layout__body{grid-template-rows:minmax(var(--header-height), auto) auto 1fr auto;grid-template-areas:"app-bar"
+        "sidebar"}.app-layout--mobile-view-sidebar .app-layout__header,.app-layout--mobile-view-sidebar .app-layout__navigation,.app-layout--mobile-view-sidebar .app-layout__body{display:none}}.app-layout--has-sidebar:not(.app-layout--sidebar-active):not(.app-layout--sidebar-opening) .app-layout__sidebar{display:none}@media (min-width: 768px){.app-layout--sidebar-closing .app-layout__sidebar{animation:app-layout-sidebar-overlay-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}.app-layout--has-app-bar-controls .app-layout__app-bar-controls{display:block}.app-layout--has-bottom-bar .app-layout__body{grid-template-rows:minmax(var(--header-height), auto) auto 1fr auto;grid-template-areas:"app-bar"
       "banner"
       "content"
       "bottom-bar"}.app-layout--has-bottom-bar .app-layout__content{border-bottom:var(--s-border-width-default) solid transparent}.app-layout--has-bottom-bar .app-layout__bottom-bar{display:block}.app-layout--has-custom-app-bar-back-button .app-layout__custom-app-bar-back-button{display:block}.app-layout--has-custom-sidebar-header .app-layout__sidebar-header{display:none}.app-layout--has-custom-sidebar-header .app-layout__custom-sidebar-header{display:block}.app-layout--has-floating-action-button .app-layout__floating-action-button{display:block}.app-layout--hide-app-bar .app-layout__body{grid-template-rows:auto 1fr;grid-template-areas:"banner"
@@ -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: "2d08744e37b4b88ca9e26aab4cdb8fb2bbc1180e" }, a("div", { key: "ea04c59e605482c692544d1cc0d4aef067b8f6a3", class: i }, this.illustration && !e && a("img", { key: "8962c0b15ea5feebe37b8fa95bbfcc97b0694021", alt: "", class: "empty-state__illustration", src: this.illustration }), a("div", { key: "3664c87b27a5f478296d340ab42770ad5ed2393a", class: "empty-state__slotted-illustration" }, a("slot", { key: "228289165b52b299a36fd2b344148d45b7a58ef9", name: "illustration" })), a("div", { key: "0a8127b3e40384a3e48c8c1c2d871d88b3da34a0", class: "empty-state__body" }, a("swirl-stack", { key: "f6b79940f462b2f624d2d8aea1c8d68218552b07", align: "stretch", spacing: "8" }, this.heading && a("swirl-heading", { key: "c344a88a43b5d9790410d7a2d43ee478b3ad9bd5", align: "center", as: "p", level: 4, text: this.heading }), a("div", { key: "f9acf0f57a4920f711ffdc8fcf29dff01a9d6e93", class: "empty-state__content" }, a("swirl-text", { key: "450e250246304af3c6ddc65c5727281139ee899e", align: "center", color: "subdued" }, a("slot", { key: "9022393031eb9f02cd14738036055e6d3fb377b5" })))), a("div", { key: "11fc901a1a058aaaaed091bf389a7acdd7fa718d", class: "empty-state__controls" }, a("slot", { key: "3b7c38bcba36202e7400b14fd1b319956fd47b7f", name: "controls" })))));
+    return a(d, { key: "b4a892bd1bc8fe9e72d6a6f79cbe97d6e46dc796" }, a("div", { key: "84e458299144bfc1a5ea7f0a49f423c1badb87ae", class: i }, this.illustration && !e && a("img", { key: "a2e9c5a2fb09519d3b0d5ebb772605e55d1d9909", alt: "", class: "empty-state__illustration", src: this.illustration }), a("div", { key: "21d53ea6644e3e583f7d207e89b942ef658a5a59", class: "empty-state__slotted-illustration" }, a("slot", { key: "6a204b9dbd882d5d86ffc27e99e4d68050b4c212", name: "illustration" })), a("div", { key: "d1bb44b459382e4361f68ba71fd46d73deda3a75", class: "empty-state__body" }, a("swirl-stack", { key: "cb615e86e5adbdf3ad7bf837836291d451a1249a", align: "stretch", spacing: "8" }, this.heading && a("swirl-heading", { key: "6ddc1eeddd61492988b10fe447ca6d7d1952319f", align: "center", as: "p", level: 4, text: this.heading }), a("div", { key: "38fb704015115470c36785801f2385c8e29e7e6e", class: "empty-state__content" }, a("swirl-text", { key: "7da3102751ea1dc3d3c7528ba91be019f60ade50", align: "center", color: "subdued" }, a("slot", { key: "72d787fcb0c11a7e836311cff8cb3b9c1dc5b612" })))), a("div", { key: "bfdbe58ab7fdf0b8d012bb38c72bd253b68cf9d0", class: "empty-state__controls" }, a("slot", { key: "e4463b52534ea97ee50a7e4c478c129dea36531d", 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: "2ab42e70fc7700d6362b9fea130436b0847bf195", "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: "30f4256f85aaf8728cf683d925be90a3d06d8030" }, a("path", { key: "a7f390001bc677bed136bd7146af3900e5139673", 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: "6ca49db82f38a3c936fa3edb282e6460cb20510d" }, a("path", { key: "2835093cbd8959e85b813519ce4c2eb40b4170e1", 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: "f7a984f954290cc2fe1d02c98df2d146a5c7408d" }, a("path", { key: "848da56b1a458b21b523e4d82a58313f64b3a988", 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: "5875f0d981a0072a73bd4c08a81dbbb1a8c51e16", "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: "3befad7d431561ad31a399c4501818b8e94f94b0" }, a("path", { key: "4233af7b98d9a85537da40548312313ac787a9d4", 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: "51d79058bca9683feb0ecd6d9043be7a875e86af" }, a("path", { key: "6950c659e4c2b24bbffd2e0416e26121045d4665", 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: "469851a6d9399e62d092a0d0f37392e5518197fc" }, a("path", { key: "0804f1e511f9f782b08ccf9d05e78364ffe8f2ea", 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: "b6764e4b692f35254983a9d1b5ecb9db67cb1053", onKeyDown: this.onKeyDown }, a("swirl-visually-hidden", { key: "d21361a3b711e700b6587f1075c74e2c157cc091", role: "alert" }, this.assistiveText), a("swirl-box", { key: "1c0cd78d38ae67541a573e7c5da7df799db276b8", paddingInlineEnd: "8", paddingInlineStart: "8" }, a("swirl-stack", { key: "e2fd47024e9402dc9bfd6a4e4bc81d349b8583bd", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (t) => this.gridEl = t, role: "grid", spacing: this.spacing }, a("slot", { key: "6e52931b823c07a9f4f8383663a3f6ada571d265" }))));
+    return a(d, { key: "a27e98c0042ca915dfd6c41d8a4bfc1ce6f7e5da", onKeyDown: this.onKeyDown }, a("swirl-visually-hidden", { key: "8f8011389e3e11d35aa9cb9ff89e57cf8104fdb4", role: "alert" }, this.assistiveText), a("swirl-box", { key: "a3d6c4fe0ef8e511871b2db8379df5e585c2320e", paddingInlineEnd: "8", paddingInlineStart: "8" }, a("swirl-stack", { key: "35c7b9d58b3fe5d234100ef0d1ceb4a4bbd3db92", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (t) => this.gridEl = t, role: "grid", spacing: this.spacing }, a("slot", { key: "4af257fd097e8e797ba52599059007e7571e290b" }))));
   }
   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: "7c3727e575c439016f3e6314fb5d79d0bd7d2dda", role: "row" }, a("div", { key: "4486d6577fa788bb8f671759420ff12e77b24f66", class: I, role: "gridcell" }, a(t, { key: "a3bf05f7fa4fe509146837d05f400bc17daa5bdd", "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: "af870be611f49c6e348a1b430151f95c19f8c496", class: "resource-list-item__media" }, a("slot", { key: "ea3c6b5f11a250048b6c8ea52c9c2bb6ede3b29f", name: "media" })), a("span", { key: "7bd7d1a99cd3a5f80a1c929c259a2e126703fc95", class: "resource-list-item__label-container", style: C }, a("span", { key: "038c5455274425f9575acbf60404f4db4818b3df", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && a("span", { key: "55614a1622ff9842ca5f86039d934e5d53c56013", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), s && a("span", { key: "4dc92b028c90e063ec496df92fbbf80cb719c9ca", class: "resource-list-item__meta" }, a("span", { key: "b46d417de54c42f75242073536589639ae1b9ac6", class: "resource-list-item__meta-text" }, this.meta), a("span", { key: "b854fc14310a71e8cb5c3963e86931102bf8fa7a", class: "resource-list-item__badges" }, a("slot", { key: "aef0eeb8e22d8ec2c0542bc64ea77d297c0b2d3d", name: "badges" })))), this.selectable && a("span", { key: "ac5354735f79e8666dc0ba4df9833c89e648e8ca", "aria-hidden": "true", class: "resource-list-item__checkbox" }, a("span", { key: "cb4bbe9e59b1c90511be462c677da77413fc5deb", class: "resource-list-item__checkbox-icon" }, this.checked && a("swirl-icon-check-strong", { key: "226a415d0952bcb312b0a55dd2273384647bf0a2" }))), a("span", { key: "6846d89e7117d20b5da76a00a580e8cc8f36aad9", class: "resource-list-item__control", onClick: this.onControlClick, ref: (B) => this.controlContainer = B }, a("slot", { key: "7a80dded933aa50df431edfbc637cd3a182d3555", name: "control" })), m && a("swirl-popover-trigger", { key: "c579ff5be6c2b87d1ea8529677e4d057093789ed", swirlPopover: this.menuTriggerId }, a("swirl-button", { key: "c22194969bc25e2fff3659df00a2febaefaf3beb", "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: "f71d67b4ad6cde17a65aa74799ac7a1a86dae838", "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: "33690fcb9458b98b8879eeb7a724fd72a002d35a", size: this.iconSize })));
+    return a(d, { key: "b2fdfd045107ff31006b9c1c70239d048c0ee4c4", role: "row" }, a("div", { key: "c4f23462a7fd51d4c1d4f3b3360d078aae1863fb", class: I, role: "gridcell" }, a(t, { key: "f9d3e15925524650ad3d352896a34ebd529c5cfb", "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: "e907d216795c6e2abbcf6d14e5083a3677a0dcbf", class: "resource-list-item__media" }, a("slot", { key: "39ec5acfbf25cae0cb424de566a4dc50d89efd02", name: "media" })), a("span", { key: "d96920f31bfb501805df70955bd7389c08de2c1f", class: "resource-list-item__label-container", style: C }, a("span", { key: "b0af7095f0fd9fcc6d50cdc42e6c0d23562f2ee4", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && a("span", { key: "dd1b3b2bea0e5282bb32a4c53855678a4c263765", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), s && a("span", { key: "2b91026e0082c1d2540e4de4bd220c582f5b71cb", class: "resource-list-item__meta" }, a("span", { key: "ab9864395aa27b8c2cf59810cc85ba61394d2496", class: "resource-list-item__meta-text" }, this.meta), a("span", { key: "0a6a8b113989be0c4d8c664d230c734cf261b559", class: "resource-list-item__badges" }, a("slot", { key: "967c198ac7cc9ec912a5c61c311855619d061596", name: "badges" })))), this.selectable && a("span", { key: "a3ce01ecaa19d44b2a06fef31ab8a8e78d8f3bdb", "aria-hidden": "true", class: "resource-list-item__checkbox" }, a("span", { key: "3c4bbdae0e5e0e5d65a11d768fba1396799c391a", class: "resource-list-item__checkbox-icon" }, this.checked && a("swirl-icon-check-strong", { key: "8678a5de3e9e5e76055a55c814761a388294bac1" }))), a("span", { key: "51a69042f7f7ff408e8efee4e8f3d5b926de3ff5", class: "resource-list-item__control", onClick: this.onControlClick, ref: (B) => this.controlContainer = B }, a("slot", { key: "eab156d4541297e5d918c66955fe9e55b16ce3f9", name: "control" })), m && a("swirl-popover-trigger", { key: "f49958ff0c2f6963c868901e3971a031f44d2ed3", swirlPopover: this.menuTriggerId }, a("swirl-button", { key: "4a64aa449fb01dc3b29ebba82452aa21068f5c67", "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: "84ab327ee3d8ba4eb444a7f83c1c01466fcbecf5", "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: "0da1c7c370fcf65ec0765676777de94b2843c704", size: this.iconSize })));
   }
   get el() {
     return p(this);

package/dist/{swirl-autocomplete.entry.3e65e817.js → swirl-autocomplete.entry.1a737f94.js}

@@ -1,4 +1,4 @@
-import { r as p, c as m, h as o, H as f, g as b } from "./index.f594f575.js";
+import { r as p, c as m, h as o, H as f, g as b } from "./index.e05ba315.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-877a768f.c277f897.js";

package/dist/{swirl-avatar-group.entry.171dfcf1.js → swirl-avatar-group.entry.9fa4a770.js}

@@ -1,4 +1,4 @@
-import { r as s, h as a, H as i } from "./index.f594f575.js";
+import { r as s, h as e, H as i } from "./index.e05ba315.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: "78018239a1c8f9278ef5a8abfd2dbc311b76c825" }, a("div", { key: "94ade5b8ac0c59495932de68c674a168574d1d18", class: r, role: "group" }, a("slot", { key: "935d17128ed1a22965d69cd3ce08f5a2b672c5f7" }), this.badge && a("span", { key: "622c34ba05bb395f49c21406c7652e678c49189c", class: e, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
+    }), a = t("avatar-group__badge");
+    return e(i, { key: "ee93884ec830922eb0f88fd180b3116742bb9318" }, e("div", { key: "1de7e9116d5a60a7bd353b94186e918cc75c0203", class: r, role: "group" }, e("slot", { key: "567c7109f9000b1fe86beb4800519629a6a8f4f8" }), this.badge && e("span", { key: "f68101c5ee62d48a92005b27f8090ef72ec2c578", class: a, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
   }
 };
 n.style = l;

package/dist/{swirl-avatar.entry.41edb41a.js → swirl-avatar.entry.9fbe41fd.js}

@@ -1,8 +1,8 @@
-import { r as b, c as n, h as i, H as f, g } from "./index.f594f575.js";
+import { r as b, c as n, h as e, H as g, g as m } from "./index.e05ba315.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 u = ":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 = u, o = {
   "3xs": 20,
   "2xs": 24,
   xs: 28,
@@ -21,10 +21,13 @@ const m = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direc
       a.code === "Space" ? a.preventDefault() : a.code === "Enter" && (a.preventDefault(), this.element.click());
     }, this.onKeyup = (a) => {
       a.code === "Space" && (a.preventDefault(), this.element.click());
-    }, this.badge = void 0, this.badgePosition = "bottom", this.color = "kiwi", this.icon = void 0, this.initials = void 0, this.interactive = !1, this.label = void 0, this.loading = void 0, this.showLabel = !1, this.size = "m", this.src = void 0, this.toolPosition = "bottom", this.variant = "round", this.loadingError = !1, this.loaded = !1, this.imageAvailable = void 0, this.inViewport = !1;
+    }, this.badge = void 0, this.badgePosition = "bottom", this.color = "kiwi", this.icon = void 0, this.initials = void 0, this.interactive = !1, this.label = void 0, this.loading = void 0, this.showLabel = !1, this.size = "m", this.src = void 0, this.toolPosition = "bottom", this.variant = "round", this.loadingError = !1, this.loaded = !1, this.imageAvailable = void 0, this.inViewport = !1, this.componentLoaded = !1;
   }
   componentDidLoad() {
-    this.setupIntersectionObserver();
+    this.setupIntersectionObserver(), this.componentLoaded = !0;
+  }
+  connectedCallback() {
+    this.componentLoaded && this.setupIntersectionObserver();
   }
   disconnectedCallback() {
     var t;
@@ -42,15 +45,15 @@ const m = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direc
     this.inViewport = t.some((a) => a.isIntersecting);
   }
   render() {
-    const t = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0) && (this.loading !== "intersecting" || this.inViewport), a = (!t || !this.loaded && !this.loadingError) && Boolean(this.initials), e = !t && !a && Boolean(this.icon), s = !t && !a && !e, v = Boolean(this.badge) && this.size === "m", l = this.interactive ? "button" : void 0, d = r("avatar", `avatar--color-${this.color}`, `avatar--size-${this.size}`, `avatar--variant-${this.variant}`, {
-      "avatar--has-icon": e || s,
+    const t = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0) && (this.loading !== "intersecting" || this.inViewport), a = (!t || !this.loaded && !this.loadingError) && Boolean(this.initials), i = !t && !a && Boolean(this.icon), s = !t && !a && !i, d = Boolean(this.badge) && this.size === "m", l = this.interactive ? "button" : void 0, v = r("avatar", `avatar--color-${this.color}`, `avatar--size-${this.size}`, `avatar--variant-${this.variant}`, {
+      "avatar--has-icon": i || s,
       "avatar--has-initials": a,
       "avatar--interactive": this.interactive
     }), c = r("avatar__badge", `avatar__badge--position-${this.badgePosition}`), h = r("avatar__tool", `avatar__tool--position-${this.toolPosition}`);
-    return i(f, { key: "728b1c63a1b2a83f38a22c7aabc7281cf87181cc", "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: "4653cdc720fbfa7e04ff92b204c266c46c9d1f09", class: d, part: "avatar" }, t && i("span", { key: "6a742f467537cb5098ea514ec57f766afea784cc", class: "avatar__image" }, i("img", { key: "3d42bc8cd849bafbd523536e5a9daf36194416cb", 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: "ba8b221b627b68d0104cdb9e9aeaa7efcddbb8bc", class: "avatar__initials" }, i("span", { key: "ed96f4a5f63fe453aef0d9833955404bd80930b5" }, this.initials)), e && i("span", { key: "61952863d9cac6fcd3246cacacab6fa56c18ea8c", class: "avatar__icon", innerHTML: this.icon }), s && i("span", { key: "e827fc7897548ff5231e27d1687cec451b260ec8", class: "avatar__icon" }, i("swirl-icon-person", { key: "f32fbe68cd752e18c9805ce58f55401db0b52bf8" })), v && i("span", { key: "39452f2011d57ee16ed2fda13e851ecd1246cdc4", class: c, innerHTML: this.badge }), i("span", { key: "54bfc129b7161a8a46fe70dc85dd2567946e5b51", class: h }, i("slot", { key: "31097c526f73b003862fcb01196b2675c5b2fb9a", name: "tool" }))), this.showLabel && i("span", { key: "08ee5038dd0a5df32c0f5e3cb36b6853f26618d5", "aria-hidden": !0, class: "avatar__label" }, this.label));
+    return e(g, { key: "2ddb62950d00cf297470588c42330d2eb4471ac0", "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 }, e("span", { key: "7337668bc3756ecdedb8623dd2f57acf8347e6cf", class: v, part: "avatar" }, t && e("span", { key: "423088be3b88e6382be61a2740f8d0206b474c9c", class: "avatar__image" }, e("img", { key: "ecca5d7ed581bd033a0384d9b3b764d078dc1975", 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: "93bfc7529290d1dfbf7102da27a3cd2a4e95377f", class: "avatar__initials" }, e("span", { key: "88380f17580613fb9da9533fc1075ed6ea2104a3" }, this.initials)), i && e("span", { key: "2492a08db3c1d78ce8aedc807d3688802babe2ed", class: "avatar__icon", innerHTML: this.icon }), s && e("span", { key: "5fb13c16e86cec70b889f37b92017817bc47cea8", class: "avatar__icon" }, e("swirl-icon-person", { key: "b63f3470496e0b5f313a7caca4e3e9b639a31e8d" })), d && e("span", { key: "810eaffe6a2e87e2737e0ffd0cea40990583c076", class: c, innerHTML: this.badge }), e("span", { key: "51d278534ead3aa9688be2e1a6a3af18b421d1c7", class: h }, e("slot", { key: "ba4c610ad1717b4d2f6673147320824eb67eb549", name: "tool" }))), this.showLabel && e("span", { key: "bfba567d19c4ca07140ac5bd68b18991fcdad829", "aria-hidden": !0, class: "avatar__label" }, this.label));
   }
   get element() {
-    return g(this);
+    return m(this);
   }
   static get watchers() {
     return {
@@ -58,7 +61,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.b855dea7.js → swirl-badge.entry.5cc4da64.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as t, H as r } from "./index.f594f575.js";
+import { r as i, h as e, F as t, H as r } from "./index.e05ba315.js";
 import { c as s } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-banner.entry.a3d6be78.js → swirl-banner.entry.cff1aebf.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as t, H as c, g as b } from "./index.f594f575.js";
+import { r as o, c as r, h as t, H as c, g as b } from "./index.e05ba315.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import { g as l } from "./utils-877a768f.c277f897.js";
 import "react";

package/dist/{swirl-box.entry.19a3f767.js → swirl-box.entry.ca92f124.js}

@@ -1,4 +1,4 @@
-import { r as d, c as r, h as t, H as i, g as s } from "./index.f594f575.js";
+import { r as d, c as r, h as t, H as i, g as s } from "./index.e05ba315.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-button-group.entry.45b43575.js → swirl-button-group.entry.3a026b61.js}

@@ -1,4 +1,4 @@
-import { r as s, h as r, H as i } from "./index.f594f575.js";
+import { r as s, h as r, H as i } from "./index.e05ba315.js";
 import { c as e } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-button.entry.4c694f97.js → swirl-button.entry.e3e7929b.js}

@@ -1,4 +1,4 @@
-import { r as b, h as o, H as u, g as d } from "./index.f594f575.js";
+import { r as b, h as o, H as u, g as d } from "./index.e05ba315.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as v } from "./utils-877a768f.c277f897.js";
 import "react";

package/dist/{swirl-card.entry.1ab33247.js → swirl-card.entry.d283c0ef.js}

@@ -1,4 +1,4 @@
-import { r as t, c as n, h as e, H as o, g as c } from "./index.f594f575.js";
+import { r as t, c as n, h as e, H as o, g as c } from "./index.e05ba315.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-carousel-slide.entry.7a3ea3d5.js → swirl-carousel-slide.entry.94c95c50.js}

@@ -1,16 +1,16 @@
-import { r as i, h as e, H as t } from "./index.f594f575.js";
+import { r as i, h as s, H as t } from "./index.e05ba315.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
 const o = ":host{display:block;min-width:0}:host(.carousel-slide--has-min-height) ::slotted(*){height:100%}:host *{box-sizing:border-box}:host ::slotted(*){width:100%;min-height:100%}", r = o, a = class {
-  constructor(s) {
-    i(this, s), this.label = void 0, this.minHeight = void 0, this.width = "15.5rem";
+  constructor(e) {
+    i(this, e), this.label = void 0, this.minHeight = void 0, this.width = "15.5rem";
   }
   render() {
-    const s = l("carousel-slide", {
+    const e = l("carousel-slide", {
       "carousel-slide--has-min-height": Boolean(this.minHeight)
     });
-    return e(t, { key: "586ca217167d855d2e5e1e1a521beab5a27bb23b", "aria-roledescription": "slide", "aria-label": this.label, class: s, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, e("slot", { key: "9d928988be479790873dfc70b2c6b8dc8e922308" }));
+    return s(t, { key: "53e1d188a14d2ee8d8c26720250d757ccbd1410f", "aria-roledescription": "slide", "aria-label": this.label, class: e, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, s("slot", { key: "6df32570f4ea8010fcf3989b0b32eeca527a1e61" }));
   }
 };
 a.style = r;

package/dist/{swirl-carousel.entry.0ceee8c7.js → swirl-carousel.entry.4edb56fe.js}

@@ -1,4 +1,4 @@
-import { r as o, c as a, h as l, H as r, g as d } from "./index.f594f575.js";
+import { r as o, c as a, h as l, H as r, g as d } from "./index.e05ba315.js";
 import { d as c } from "./utils-877a768f.c277f897.js";
 import { c as h } from "./index-267776a4.6beb4f4b.js";
 import "react";

package/dist/{swirl-checkbox.entry.b89d3d6e.js → swirl-checkbox.entry.bf0325fe.js}

@@ -1,4 +1,4 @@
-import { r as b, c as t, h as c, H as d } from "./index.f594f575.js";
+import { r as b, c as t, h as c, H as d } from "./index.e05ba315.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-chip.entry.3e561fe5.js → swirl-chip.entry.209f2937.js}

@@ -1,4 +1,4 @@
-import { r as o, c as s, h as r, H as h, g as p } from "./index.f594f575.js";
+import { r as o, c as s, h as r, H as h, g as p } from "./index.e05ba315.js";
 import { c as n } from "./index-267776a4.6beb4f4b.js";
 import { g as l } from "./utils-877a768f.c277f897.js";
 import "react";

package/dist/{swirl-color-input.entry.ab8943a7.js → swirl-color-input.entry.27a03dde.js}

@@ -1,4 +1,4 @@
-import { r as L, c as f, h as l, H as B } from "./index.f594f575.js";
+import { r as L, c as f, h as l, H as B } from "./index.e05ba315.js";
 import { c as T } from "./index-267776a4.6beb4f4b.js";
 import { v as z } from "./v4-23648a96.77c7c20f.js";
 import "react";
@@ -253,9 +253,9 @@ const Z = ".sc-swirl-color-input-h{display:block;width:100%}.sc-swirl-color-inpu
     const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, t = T("color-input", {
       "color-input--inline": this.inline
     });
-    return l(B, { key: "bc57ec96cf0ff668339f39dddfb47c414fa8c1e5" }, l("div", { key: "a95fd7bed226abb450a619fad33ee20bca2820e8", class: t }, l("input", { key: "4258a0ff5056c20551b97e0c10059f6135162058", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (o) => this.inputEl = o, required: this.required, spellcheck: "false", type: "text", value: this.value }), l("swirl-popover-trigger", { key: "2d15dd236ad6ee2b8460fdd274c0570bcad41237", swirlPopover: this.pickerId }, l("button", { key: "f7e8b065cf4097335c9d9b700213720d118c3b7b", "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+    return l(B, { key: "9cbbc130769bb07f9abef8e5030d746be9fbb1c7" }, l("div", { key: "cb1cd75170b21f476dc6290c04eb946c67396b37", class: t }, l("input", { key: "eff7e07e138b4b2d45230a95bfc16cbf8a3cf012", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (o) => this.inputEl = o, required: this.required, spellcheck: "false", type: "text", value: this.value }), l("swirl-popover-trigger", { key: "0a56b8b12f05a5faba7b59650bc5ae9919629598", swirlPopover: this.pickerId }, l("button", { key: "a24c9dfbf6dc5c0dd5a4ed8a8accd45b9c41632e", "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
       backgroundColor: this.disabled ? "var(--s-border-subdued)" : this.value
-    }, type: "button" })), l("swirl-popover", { key: "9b4b295fe4bc8e3e8dff9c24a0b0a721f45e36af", animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { key: "5567baaf023384901b2f4b6a99c9ea7d8ef02e94", centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { key: "f0320d15cfccc76de04357c7e7d7f40fbfb20148", color: this.value, ref: (o) => this.picker = o })))));
+    }, type: "button" })), l("swirl-popover", { key: "77c628645f2ae414f8b8f37ca77dab1817ef1dd9", animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { key: "a81c049105203982611d99288ddc14a127805b96", centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { key: "d30fdbb1934a36e6ba7a05ad02d1834ccaed1531", color: this.value, ref: (o) => this.picker = o })))));
   }
   static get watchers() {
     return {

package/dist/{swirl-columns.entry.7302261a.js → swirl-columns.entry.d0e51358.js}

@@ -1,4 +1,4 @@
-import { r as c, h as s, H as e } from "./index.f594f575.js";
+import { r as c, h as s, H as e } from "./index.e05ba315.js";
 import "react";
 import "react-dom";
 const o = ":host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}", t = o, i = class {

package/dist/swirl-components-react.js

@@ -1,4 +1,4 @@
-import { a as o, S as s, b as S, d as e, e as w, i as n, j as c, k as I, l as t, m as d, n as b, o as m, p as y, q as p, s as u, t as g, u as T, v as h, w as C, x as A, y as k, z as L, A as f, B as F, C as R, D as P, E as v, G as M, I as D, J as B, K as E, L as O, M as V, N as x, O as G, P as N, Q as H, R as j, T as U, U as W, V as K, W as q, X as z, Y as X, Z as Y, _ as J, $ as Q, a0 as Z, a1 as _, a2 as $, a3 as aa, a4 as ia, a5 as ra, a6 as la, a7 as oa, a8 as sa, a9 as Sa, aa as ea, ab as wa, ac as na, ad as ca, ae as Ia, af as ta, ag as da, ah as ba, ai as ma, aj as ya, ak as pa, al as ua, am as ga, an as Ta, ao as ha, ap as Ca, aq as Aa, ar as ka, as as La, at as fa, au as Fa, av as Ra, aw as Pa, ax as va, ay as Ma, az as Da, aA as Ba, aB as Ea, aC as Oa, aD as Va, aE as xa, aF as Ga, aG as Na, aH as Ha, aI as ja, aJ as Ua, aK as Wa, aL as Ka, aM as qa, aN as za, aO as Xa, aP as Ya, aQ as Ja, aR as Qa, aS as Za, aT as _a, aU as $a, aV as ai, aW as ii, aX as ri, aY as li, aZ as oi, a_ as si, a$ as Si, b0 as ei, b1 as wi, b2 as ni, b3 as ci, b4 as Ii, b5 as ti, b6 as di, b7 as bi, b8 as mi, b9 as yi, ba as pi, bb as ui, bc as gi, bd as Ti, be as hi, bf as Ci, bg as Ai, bh as ki, bi as Li, bj as fi, bk as Fi, bl as Ri, bm as Pi, bn as vi, bo as Mi, bp as Di, bq as Bi, br as Ei, bs as Oi, bt as Vi, bu as xi, bv as Gi, bw as Ni, bx as Hi, by as ji, bz as Ui, bA as Wi, bB as Ki, bC as qi, bD as zi, bE as Xi, bF as Yi, bG as Ji, bH as Qi, bI as Zi, bJ as _i, bK as $i, bL as ar, bM as ir, bN as rr, bO as lr, bP as or, bQ as sr, bR as Sr, bS as er, bT as wr, bU as nr, bV as cr, bW as Ir, bX as tr, bY as dr, bZ as br, b_ as mr, b$ as yr, c0 as pr, c1 as ur, c2 as gr, c3 as Tr, c4 as hr, c5 as Cr, c6 as Ar, c7 as kr, c8 as Lr, c9 as fr, ca as Fr, cb as Rr, cc as Pr, cd as vr, ce as Mr, cf as Dr, cg as Br, ch as Er, ci as Or, cj as Vr, ck as xr, cl as Gr, cm as Nr, cn as Hr, co as jr, cp as Ur, cq as Wr, cr as Kr, cs as qr, ct as zr, cu as Xr, cv as Yr, cw as Jr, cx as Qr, cy as Zr, cz as _r, cA as $r, cB as al, cC as il, cD as rl, cE as ll, cF as ol, cG as sl, cH as Sl, cI as el, cJ as wl, cK as nl, cL as cl, cM as Il, cN as tl, cO as dl, cP as bl, cQ as ml, cR as yl, cS as pl, cT as ul, cU as gl, cV as Tl, cW as hl, cX as Cl, cY as Al, cZ as kl, c_ as Ll, c$ as fl, d0 as Fl, d1 as Rl, d2 as Pl, d3 as vl, d4 as Ml, d5 as Dl, d6 as Bl, d7 as El, d8 as Ol, d9 as Vl, da as xl, db as Gl, dc as Nl, dd as Hl, de as jl, df as Ul, dg as Wl, dh as Kl, di as ql, dj as zl, dk as Xl, dl as Yl, dm as Jl, dn as Ql, dp as Zl, dq as _l, dr as $l, ds as ao, dt as io, du as ro, dv as lo, dw as oo, dx as so, dy as So, dz as eo, dA as wo, dB as no, dC as co, dD as Io, dE as to, dF as bo, dG as mo, dH as yo, dI as po, dJ as uo, dK as go, dL as To, dM as ho, dN as Co, dO as Ao, dP as ko, dQ as Lo, dR as fo, dS as Fo, dT as Ro, dU as Po, dV as vo, dW as Mo, dX as Do, dY as Bo, dZ as Eo, d_ as Oo, d$ as Vo, e0 as xo, e1 as Go, e2 as No, e3 as Ho, e4 as jo, e5 as Uo, e6 as Wo, e7 as Ko, e8 as qo, e9 as zo, ea as Xo, eb as Yo, ec as Jo, ed as Qo, ee as Zo, ef as _o, eg as $o, eh as as, ei as is, ej as rs, ek as ls, el as os, em as ss, en as Ss, eo as es, ep as ws, eq as ns, er as cs, es as Is, et as ts, eu as ds, ev as bs, ew as ms, ex as ys, ey as ps, ez as us, eA as gs, eB as Ts, eC as hs, eD as Cs, eE as As, eF as ks, eG as Ls, eH as fs, eI as Fs, eJ as Rs, eK as Ps, eL as vs, eM as Ms, eN as Ds, eO as Bs, eP as Es, eQ as Os, eR as Vs, eS as xs, eT as Gs, eU as Ns, eV as Hs, eW as js, eX as Us, eY as Ws, eZ as Ks, e_ as qs, e$ as zs, f0 as Xs, f1 as Ys } from "./index.f594f575.js";
+import { a as o, S as s, b as S, d as e, e as w, i as n, j as c, k as I, l as t, m as d, n as b, o as m, p as y, q as p, s as u, t as g, u as T, v as h, w as C, x as A, y as k, z as L, A as f, B as F, C as R, D as P, E as v, G as M, I as D, J as B, K as E, L as O, M as V, N as x, O as G, P as N, Q as H, R as j, T as U, U as W, V as K, W as q, X as z, Y as X, Z as Y, _ as J, $ as Q, a0 as Z, a1 as _, a2 as $, a3 as aa, a4 as ia, a5 as ra, a6 as la, a7 as oa, a8 as sa, a9 as Sa, aa as ea, ab as wa, ac as na, ad as ca, ae as Ia, af as ta, ag as da, ah as ba, ai as ma, aj as ya, ak as pa, al as ua, am as ga, an as Ta, ao as ha, ap as Ca, aq as Aa, ar as ka, as as La, at as fa, au as Fa, av as Ra, aw as Pa, ax as va, ay as Ma, az as Da, aA as Ba, aB as Ea, aC as Oa, aD as Va, aE as xa, aF as Ga, aG as Na, aH as Ha, aI as ja, aJ as Ua, aK as Wa, aL as Ka, aM as qa, aN as za, aO as Xa, aP as Ya, aQ as Ja, aR as Qa, aS as Za, aT as _a, aU as $a, aV as ai, aW as ii, aX as ri, aY as li, aZ as oi, a_ as si, a$ as Si, b0 as ei, b1 as wi, b2 as ni, b3 as ci, b4 as Ii, b5 as ti, b6 as di, b7 as bi, b8 as mi, b9 as yi, ba as pi, bb as ui, bc as gi, bd as Ti, be as hi, bf as Ci, bg as Ai, bh as ki, bi as Li, bj as fi, bk as Fi, bl as Ri, bm as Pi, bn as vi, bo as Mi, bp as Di, bq as Bi, br as Ei, bs as Oi, bt as Vi, bu as xi, bv as Gi, bw as Ni, bx as Hi, by as ji, bz as Ui, bA as Wi, bB as Ki, bC as qi, bD as zi, bE as Xi, bF as Yi, bG as Ji, bH as Qi, bI as Zi, bJ as _i, bK as $i, bL as ar, bM as ir, bN as rr, bO as lr, bP as or, bQ as sr, bR as Sr, bS as er, bT as wr, bU as nr, bV as cr, bW as Ir, bX as tr, bY as dr, bZ as br, b_ as mr, b$ as yr, c0 as pr, c1 as ur, c2 as gr, c3 as Tr, c4 as hr, c5 as Cr, c6 as Ar, c7 as kr, c8 as Lr, c9 as fr, ca as Fr, cb as Rr, cc as Pr, cd as vr, ce as Mr, cf as Dr, cg as Br, ch as Er, ci as Or, cj as Vr, ck as xr, cl as Gr, cm as Nr, cn as Hr, co as jr, cp as Ur, cq as Wr, cr as Kr, cs as qr, ct as zr, cu as Xr, cv as Yr, cw as Jr, cx as Qr, cy as Zr, cz as _r, cA as $r, cB as al, cC as il, cD as rl, cE as ll, cF as ol, cG as sl, cH as Sl, cI as el, cJ as wl, cK as nl, cL as cl, cM as Il, cN as tl, cO as dl, cP as bl, cQ as ml, cR as yl, cS as pl, cT as ul, cU as gl, cV as Tl, cW as hl, cX as Cl, cY as Al, cZ as kl, c_ as Ll, c$ as fl, d0 as Fl, d1 as Rl, d2 as Pl, d3 as vl, d4 as Ml, d5 as Dl, d6 as Bl, d7 as El, d8 as Ol, d9 as Vl, da as xl, db as Gl, dc as Nl, dd as Hl, de as jl, df as Ul, dg as Wl, dh as Kl, di as ql, dj as zl, dk as Xl, dl as Yl, dm as Jl, dn as Ql, dp as Zl, dq as _l, dr as $l, ds as ao, dt as io, du as ro, dv as lo, dw as oo, dx as so, dy as So, dz as eo, dA as wo, dB as no, dC as co, dD as Io, dE as to, dF as bo, dG as mo, dH as yo, dI as po, dJ as uo, dK as go, dL as To, dM as ho, dN as Co, dO as Ao, dP as ko, dQ as Lo, dR as fo, dS as Fo, dT as Ro, dU as Po, dV as vo, dW as Mo, dX as Do, dY as Bo, dZ as Eo, d_ as Oo, d$ as Vo, e0 as xo, e1 as Go, e2 as No, e3 as Ho, e4 as jo, e5 as Uo, e6 as Wo, e7 as Ko, e8 as qo, e9 as zo, ea as Xo, eb as Yo, ec as Jo, ed as Qo, ee as Zo, ef as _o, eg as $o, eh as as, ei as is, ej as rs, ek as ls, el as os, em as ss, en as Ss, eo as es, ep as ws, eq as ns, er as cs, es as Is, et as ts, eu as ds, ev as bs, ew as ms, ex as ys, ey as ps, ez as us, eA as gs, eB as Ts, eC as hs, eD as Cs, eE as As, eF as ks, eG as Ls, eH as fs, eI as Fs, eJ as Rs, eK as Ps, eL as vs, eM as Ms, eN as Ds, eO as Bs, eP as Es, eQ as Os, eR as Vs, eS as xs, eT as Gs, eU as Ns, eV as Hs, eW as js, eX as Us, eY as Ws, eZ as Ks, e_ as qs, e$ as zs, f0 as Xs, f1 as Ys } from "./index.e05ba315.js";
 import "react";
 import "react-dom";
 export {