@getflip/swirl-components-react 0.335.0 → 0.337.0

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

@@ -76,20 +76,24 @@ export declare const SwirlIconBlock: import("react").ForwardRefExoticComponent<J
 export declare const SwirlIconBookmark: import("react").ForwardRefExoticComponent<JSX.SwirlIconBookmark & Omit<import("react").HTMLAttributes<HTMLSwirlIconBookmarkElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconBookmarkElement>>;
 export declare const SwirlIconBookmarkFilled: import("react").ForwardRefExoticComponent<JSX.SwirlIconBookmarkFilled & Omit<import("react").HTMLAttributes<HTMLSwirlIconBookmarkFilledElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconBookmarkFilledElement>>;
 export declare const SwirlIconCalendarAddOnFilled: import("react").ForwardRefExoticComponent<JSX.SwirlIconCalendarAddOnFilled & Omit<import("react").HTMLAttributes<HTMLSwirlIconCalendarAddOnFilledElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCalendarAddOnFilledElement>>;
+export declare const SwirlIconCalendarRespond: import("react").ForwardRefExoticComponent<JSX.SwirlIconCalendarRespond & Omit<import("react").HTMLAttributes<HTMLSwirlIconCalendarRespondElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCalendarRespondElement>>;
 export declare const SwirlIconCalendarToday: import("react").ForwardRefExoticComponent<JSX.SwirlIconCalendarToday & Omit<import("react").HTMLAttributes<HTMLSwirlIconCalendarTodayElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCalendarTodayElement>>;
 export declare const SwirlIconCall: import("react").ForwardRefExoticComponent<JSX.SwirlIconCall & Omit<import("react").HTMLAttributes<HTMLSwirlIconCallElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCallElement>>;
 export declare const SwirlIconCallEnd: import("react").ForwardRefExoticComponent<JSX.SwirlIconCallEnd & Omit<import("react").HTMLAttributes<HTMLSwirlIconCallEndElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCallEndElement>>;
 export declare const SwirlIconCancel: import("react").ForwardRefExoticComponent<JSX.SwirlIconCancel & Omit<import("react").HTMLAttributes<HTMLSwirlIconCancelElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCancelElement>>;
+export declare const SwirlIconCancelFilled: import("react").ForwardRefExoticComponent<JSX.SwirlIconCancelFilled & Omit<import("react").HTMLAttributes<HTMLSwirlIconCancelFilledElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCancelFilledElement>>;
 export declare const SwirlIconChatBubble: import("react").ForwardRefExoticComponent<JSX.SwirlIconChatBubble & Omit<import("react").HTMLAttributes<HTMLSwirlIconChatBubbleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconChatBubbleElement>>;
 export declare const SwirlIconChats: import("react").ForwardRefExoticComponent<JSX.SwirlIconChats & Omit<import("react").HTMLAttributes<HTMLSwirlIconChatsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconChatsElement>>;
 export declare const SwirlIconChatsFilled: import("react").ForwardRefExoticComponent<JSX.SwirlIconChatsFilled & Omit<import("react").HTMLAttributes<HTMLSwirlIconChatsFilledElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconChatsFilledElement>>;
 export declare const SwirlIconCheck: import("react").ForwardRefExoticComponent<JSX.SwirlIconCheck & Omit<import("react").HTMLAttributes<HTMLSwirlIconCheckElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCheckElement>>;
 export declare const SwirlIconCheckCircle: import("react").ForwardRefExoticComponent<JSX.SwirlIconCheckCircle & Omit<import("react").HTMLAttributes<HTMLSwirlIconCheckCircleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCheckCircleElement>>;
+export declare const SwirlIconCheckCircleFilled: import("react").ForwardRefExoticComponent<JSX.SwirlIconCheckCircleFilled & Omit<import("react").HTMLAttributes<HTMLSwirlIconCheckCircleFilledElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCheckCircleFilledElement>>;
 export declare const SwirlIconCheckSmall: import("react").ForwardRefExoticComponent<JSX.SwirlIconCheckSmall & Omit<import("react").HTMLAttributes<HTMLSwirlIconCheckSmallElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCheckSmallElement>>;
 export declare const SwirlIconCheckStrong: import("react").ForwardRefExoticComponent<JSX.SwirlIconCheckStrong & Omit<import("react").HTMLAttributes<HTMLSwirlIconCheckStrongElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCheckStrongElement>>;
 export declare const SwirlIconChevronLeft: import("react").ForwardRefExoticComponent<JSX.SwirlIconChevronLeft & Omit<import("react").HTMLAttributes<HTMLSwirlIconChevronLeftElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconChevronLeftElement>>;
 export declare const SwirlIconChevronRight: import("react").ForwardRefExoticComponent<JSX.SwirlIconChevronRight & Omit<import("react").HTMLAttributes<HTMLSwirlIconChevronRightElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconChevronRightElement>>;
 export declare const SwirlIconClose: import("react").ForwardRefExoticComponent<JSX.SwirlIconClose & Omit<import("react").HTMLAttributes<HTMLSwirlIconCloseElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCloseElement>>;
+export declare const SwirlIconCloseFullscreen: import("react").ForwardRefExoticComponent<JSX.SwirlIconCloseFullscreen & Omit<import("react").HTMLAttributes<HTMLSwirlIconCloseFullscreenElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCloseFullscreenElement>>;
 export declare const SwirlIconCloseSmall: import("react").ForwardRefExoticComponent<JSX.SwirlIconCloseSmall & Omit<import("react").HTMLAttributes<HTMLSwirlIconCloseSmallElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCloseSmallElement>>;
 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>>;
@@ -140,6 +144,7 @@ export declare const SwirlIconGroupsFilled: import("react").ForwardRefExoticComp
 export declare const SwirlIconHamburgerMenu: import("react").ForwardRefExoticComponent<JSX.SwirlIconHamburgerMenu & Omit<import("react").HTMLAttributes<HTMLSwirlIconHamburgerMenuElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconHamburgerMenuElement>>;
 export declare const SwirlIconHealthAndSafety: import("react").ForwardRefExoticComponent<JSX.SwirlIconHealthAndSafety & Omit<import("react").HTMLAttributes<HTMLSwirlIconHealthAndSafetyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconHealthAndSafetyElement>>;
 export declare const SwirlIconHelp: import("react").ForwardRefExoticComponent<JSX.SwirlIconHelp & Omit<import("react").HTMLAttributes<HTMLSwirlIconHelpElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconHelpElement>>;
+export declare const SwirlIconHelpFilled: import("react").ForwardRefExoticComponent<JSX.SwirlIconHelpFilled & Omit<import("react").HTMLAttributes<HTMLSwirlIconHelpFilledElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconHelpFilledElement>>;
 export declare const SwirlIconHighlight: import("react").ForwardRefExoticComponent<JSX.SwirlIconHighlight & Omit<import("react").HTMLAttributes<HTMLSwirlIconHighlightElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconHighlightElement>>;
 export declare const SwirlIconHistory: import("react").ForwardRefExoticComponent<JSX.SwirlIconHistory & Omit<import("react").HTMLAttributes<HTMLSwirlIconHistoryElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconHistoryElement>>;
 export declare const SwirlIconHome: import("react").ForwardRefExoticComponent<JSX.SwirlIconHome & Omit<import("react").HTMLAttributes<HTMLSwirlIconHomeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconHomeElement>>;

package/dist/{swirl-accordion-item.entry.e5292f10.js → swirl-accordion-item.entry.3bbf2b2d.js}

@@ -1,11 +1,11 @@
-import { r as d, c as t, h as e, H as n, g as s } from "./index.d7454d9a.js";
+import { r as t, c as d, h as e, H as n, g as s } from "./index.61bba292.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import { v as o } from "./v4-23648a96.77c7c20f.js";
 import "react";
 import "react-dom";
 const c = ":host{display:block}:host *{box-sizing:border-box}.accordion-item{display:grid;align-content:start;border-top:0.0625rem solid var(--s-border-default);transition:grid-template-rows 0.15s;grid-template-rows:auto 0fr;will-change:grid-template-rows}@media (prefers-reduced-motion){.accordion-item{transition:none}}.accordion-item--expanded{grid-template-rows:auto 1fr}.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);animation:accordion-overflow 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-8)}}.accordion-item__heading{margin:0;padding:0;font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__heading{font-size:var(--s-font-size-sm)}}.accordion-item__toggle{display:flex;width:100%;padding:0;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-accordion-item-toggle-default);font:inherit;line-height:var(--s-line-height-lg);text-align:start;cursor:pointer;gap:var(--s-space-16)}.accordion-item__toggle:hover{background-color:var(--swirl-accordion-item-toggle-hovered)}.accordion-item__toggle:active{background-color:var(--swirl-accordion-item-toggle-pressed)}.accordion-item__toggle:disabled{color:var(--s-text-disabled);background-color:var(--swirl-accordion-item-toggle-default);cursor:default}.accordion-item__toggle:disabled .text{color:var(--s-text-disabled)}.accordion-item__toggle:focus:not(:focus-visible){outline:none}.accordion-item__toggle:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__toggle{line-height:var(--s-line-height-sm)}}.accordion-item__toggle-text{flex-grow:1}.accordion-item__icon{display:inline-flex;padding-right:var(--s-space-8);flex-shrink:0}.accordion-item__content{overflow:hidden;padding-top:0;padding-bottom:0;transition:padding-top 0.15s, padding-bottom 0.15s;animation:accordion-display 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.accordion-item__content{transition:none}}@keyframes accordion-overflow{from{overflow:hidden}to{overflow:visible}}@keyframes accordion-display{from{display:block}to{display:none}}", l = c, h = class {
   constructor(i) {
-    d(this, i), this.expansionChange = t(this, "expansionChange", 7), this.headingId = `${o()}-heading`, this.onHeadingClick = () => {
+    t(this, i), this.expansionChange = d(this, "expansionChange", 7), this.headingId = `${o()}-heading`, this.onHeadingClick = () => {
       this.toggle();
     }, this.description = void 0, this.disabled = void 0, this.heading = void 0, this.headingLevel = 2, this.initiallyOpen = void 0, this.itemId = o(), this.expanded = !1;
   }
@@ -26,7 +26,7 @@ const c = ":host{display:block}:host *{box-sizing:border-box}.accordion-item{dis
     const i = `h${this.headingLevel}`, a = r("accordion-item", {
       "accordion-item--expanded": this.expanded
     });
-    return e(n, { key: "5abd39c9ca02720e57c37beeb7b72db0c2dd123c" }, e("div", { key: "95dd1b52fdaff21051074b3127ada00367f7e543", class: a }, e(i, { key: "9ffb3a12040d452c5b0ee6aea4921fc67f93cd26", class: "accordion-item__heading" }, e("button", { key: "22a0dd49ebc344eeb89c95a9ace011524624f9d8", "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: "3c9eed167c7be689878c58d8d40c07a90a23211b", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "6b584e7f6bb7006fa5f54bfff12522f70d2a6b26", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "de1967d18f5451dae04c4f957d30e5cb1e1b2851", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "1dfb914a637071b9b3536d36895b964b41befa6b", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "8e6d7baa97dc9268a9a6f00b2cd8afccc7c6bcd2", glyph: "expand-more", size: 20 })))), e("div", { key: "f6de862bd5104a5c27b1d6838633fd5bfdb2efba", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "92161c918c43af090e33ca260939ec915c2a95cd" }))));
+    return e(n, { key: "00e69b6df3c926e9f3e9a38bcf6fdd57501fbeed" }, e("div", { key: "53a16e6866384085cb7f682413681daa364a9550", class: a }, e(i, { key: "6ce37eeb43e6d30545c08e347218e3ff0a8fc5f9", class: "accordion-item__heading" }, e("button", { key: "ae1f30729f5bc54619bb80c528d1c631d3a64354", "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: "9589c846da0134a6df4b3ea6151153b19c1f885e", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "a516a41b9cfde06d7bf8e859410e433d736e9fd2", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "70695aa6638a1b3c1a50fa9b3453b1e3a9dab45b", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "8451343d0de5882e23769d782674747363105a8c", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "ec6c81dd2d6036099db21e10f5e248f6e584baa9", glyph: "expand-more", size: 20 })))), e("div", { key: "19c0fbb9087116284561a4e1602e947171368c74", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "13db4ba6854cb4ee279260d917774313e687fbcc" }))));
   }
   get el() {
     return s(this);

package/dist/{swirl-accordion.entry.430c2ed8.js → swirl-accordion.entry.21cddbc7.js}

@@ -1,9 +1,9 @@
-import { r as a, c as s, h as o, H as i, g as c } from "./index.d7454d9a.js";
+import { r as s, c as i, h as o, H as a, g as c } from "./index.61bba292.js";
 import "react";
 import "react-dom";
 const l = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}", n = l, d = class {
   constructor(e) {
-    a(this, e), this.expandedItemChange = s(this, "expandedItemChange", 7);
+    s(this, e), this.expandedItemChange = i(this, "expandedItemChange", 7);
   }
   componentDidLoad() {
     this.el.addEventListener("expansionChange", (e) => {
@@ -24,7 +24,7 @@ const l = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-ch
     });
   }
   render() {
-    return o(i, { key: "1bc7c9ab063fecb394f94ab345097cdddaaafa03" }, o("slot", { key: "5feaf01d57896600feb8a9eee3a8301d0f601dc3" }));
+    return o(a, { key: "934b96c95009150d9cc3403d4197a0689063bf2a" }, o("slot", { key: "8c73e41e9018937bf671aff09f3baa6693a3009c" }));
   }
   get el() {
     return c(this);

package/dist/{swirl-action-list-section.entry.eab6bdf2.js → swirl-action-list-section.entry.cd00eb8a.js}

@@ -1,12 +1,12 @@
-import { r as i, h as a, H as t } from "./index.d7454d9a.js";
+import { r as t, h as s, H as a } from "./index.61bba292.js";
 import "react";
 import "react-dom";
 const e = ":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 = e, o = class {
-  constructor(s) {
-    i(this, s), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
+  constructor(i) {
+    t(this, i), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
   }
   render() {
-    return a(t, { key: "c637f1e8b7eb6d478a41728773886383e14f9002" }, this.hasSeparator && a("swirl-separator", { key: "66912702c619c458441babb2c34e245248b7e37d", spacing: this.separatorSpacing }), a("div", { key: "d0b4679175ec4a52effd68390065130803e36807", "aria-labelledby": "label", class: "action-list-section", role: "group" }, a("span", { key: "af591455c341f581f9ba2e8287fdc5c920a2bb8d", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), a("swirl-stack", { key: "2dc7f8aa2bbc422898c0faa49767b1d0f5d57a03", spacing: this.spacing, align: "stretch" }, a("slot", { key: "344c6117b8ae81602d677f22a374fddda4becbc4" }))));
+    return s(a, { key: "4c1ad4e4e72223b47684fdef094d293f8739b6a8" }, this.hasSeparator && s("swirl-separator", { key: "99f8933209cc98c12f922732d9a5967578bc9bea", spacing: this.separatorSpacing }), s("div", { key: "b4d3e0b77953c13828d1227baa01ffc4259bc81b", "aria-labelledby": "label", class: "action-list-section", role: "group" }, s("span", { key: "1404f72e1d33bf32b60088c85643b47211b65aed", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), s("swirl-stack", { key: "cff088f9b6dc36cfdd70d26e8336178b46695c9a", spacing: this.spacing, align: "stretch" }, s("slot", { key: "26b5692762a76f3714cd055f564606b482b8c0e1" }))));
   }
 };
 o.style = c;

package/dist/{swirl-action-list_2.entry.e8bb4854.js → swirl-action-list_2.entry.e8611bbe.js}

@@ -1,5 +1,5 @@
-import { r as c, h as o, H as l, g as d } from "./index.d7454d9a.js";
-import { q as h, k as f } from "./utils-28df99ee.9fb223f6.js";
+import { r as c, h as o, H as l, g as d } from "./index.61bba292.js";
+import { q as f, k as h } from "./utils-28df99ee.9fb223f6.js";
 import { c as u } from "./index-267776a4.6beb4f4b.js";
 import { D as m } from "./media-query.service-9a0ff1cb.1b0964d0.js";
 import "react";
@@ -28,7 +28,7 @@ const b = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     }), this.setSectionSeparator();
   }
   getItems() {
-    return h(this.el, '[role="menuitem"]');
+    return f(this.el, '[role="menuitem"]');
   }
   focusNextItem() {
     const t = this.getItems(), i = (this.getActiveItemIndex() + 1) % t.length;
@@ -40,7 +40,7 @@ const b = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     (s = t[i]) == null || s.focus();
   }
   getActiveItemIndex() {
-    const t = this.getItems(), e = f();
+    const t = this.getItems(), e = h();
     return t.findIndex((i) => i === e || i === (e == null ? void 0 : e.querySelector('[role="menuitem"]')));
   }
   setSectionSeparator() {
@@ -52,7 +52,7 @@ const b = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     });
   }
   render() {
-    return o(l, { key: "dcbfbe5e2d3e3c3ae4119d71067da9898c39f52a" }, o("div", { key: "d85810e0e08962a69ccd29e6993443100d84abcc", "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: (t) => this.container = t, role: "menu" }, o("slot", { key: "74d09eb289ca2822a76d470b3962991428f16011", onSlotchange: this.setSectionSeparator })));
+    return o(l, { key: "3df7e4f01fcea8c77f524bd988cd69eb9b6b7f82" }, o("div", { key: "86cd2df26d399de16844ef0fd7fda8ea00246698", "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: (t) => this.container = t, role: "menu" }, o("slot", { key: "d6f266c65e3c14d1fdb1d27b497f496dcff68e3c", onSlotchange: this.setSectionSeparator })));
   }
   get el() {
     return d(this);

package/dist/{swirl-app-bar.entry.0ab1a024.js → swirl-app-bar.entry.81a77f73.js}

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

package/dist/{swirl-app-icon.entry.af718943.js → swirl-app-icon.entry.6ea3ab1e.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as o } from "./index.d7454d9a.js";
+import { r as n, h as s, H as o } from "./index.61bba292.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -21,7 +21,7 @@ const r = ":host{display:inline-flex}:host *{box-sizing:border-box}.app-icon{pos
     const e = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0), i = !e && Boolean(this.icon), a = l("app-icon", {
       "app-icon--has-icon": i || !e && !i
     });
-    return s(o, { key: "687598f6730d46ae81728932bc626cb9f7dab002" }, s("span", { key: "c84b9d81819b4ee664fe3b1ef6b833e84ac96dbe", class: a }, e && s("img", { key: "3cebf8dfa8585d8b3d9df4db73650e88c3a24e93", alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" }), i && s("span", { key: "8f1cda723ec8cb528b7a8a4da29434463d44766e", class: "app-icon__icon", innerHTML: this.icon })));
+    return s(o, { key: "1ce9a9b53c8d6fea1e5e31849015d05e7f3f18dd" }, s("span", { key: "f1504a45478fd6ed9b9148271cad9984d427a3c3", class: a }, e && s("img", { key: "737a293d8fb879907e0d74635a5d27f036c9ac5f", alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" }), i && s("span", { key: "2fc633d9a9e7dd0d038abbf145974a8341b8741c", class: "app-icon__icon", innerHTML: this.icon })));
   }
 };
 h.style = c;

package/dist/{swirl-app-layout_5.entry.df691acd.js → swirl-app-layout_5.entry.e1cc6e45.js}

@@ -1,4 +1,4 @@
-import { r as p, c as l, h as a, H as c, g as u, F as h } from "./index.d7454d9a.js";
+import { r as p, c as l, h as a, H as c, g as u, F as h } from "./index.61bba292.js";
 import { c as b } from "./index-267776a4.6beb4f4b.js";
 import { D as w } from "./media-query.service-9a0ff1cb.1b0964d0.js";
 import { d as y, i as g, o as f } from "./utils-28df99ee.9fb223f6.js";
@@ -225,7 +225,7 @@ const M = ":host{display:block}:host *{box-sizing:border-box}.empty-state{displa
       "empty-state--has-controls": t,
       "empty-state--has-slotted-illustration": e
     });
-    return a(c, { key: "d492f980162681d028fddbfc0702103e39fb5c9e" }, a("div", { key: "3738d75cc93289814fe50de864de7475393ef7e7", class: i }, this.illustration && !e && a("img", { key: "4c789bcc7d04ba70098db2b3b9006ec46a842344", alt: "", class: "empty-state__illustration", src: this.illustration }), a("div", { key: "4a360a4d518876324af007493786f1c5dc88ec6a", class: "empty-state__slotted-illustration" }, a("slot", { key: "f9a3c6afe5a05f0bd3a22cd0c725c622745e2c5c", name: "illustration" })), a("div", { key: "8ad9daf10e0316f473e0ff393e4d45eb88f6e81e", class: "empty-state__body" }, a("swirl-stack", { key: "736c51dc686dac21f196fe3669b7ba4ec85d9fe2", align: "stretch", spacing: "8" }, this.heading && a("swirl-heading", { key: "29423d8796c2ef34a15c6eab62d8b7f08b00c120", align: "center", as: "p", level: 4, text: this.heading }), a("div", { key: "4999458b184eba988c54c3fab4c0635a7faeba19", class: "empty-state__content" }, a("swirl-text", { key: "9ef144c1435b9beb62a532b1c293a6f18d57be98", align: "center", color: "subdued" }, a("slot", { key: "20528c4236d29ccbad305f94f3cfa99129cbb91f" })))), a("div", { key: "9e6e201033b4a3e083e14b28320395772406c6dc", class: "empty-state__controls" }, a("slot", { key: "2b0313d12d7786f1b3224330eeaace14b30a4f29", name: "controls" })))));
+    return a(c, { key: "ba2a2cadd8fb1e6234f040667656cb79030e08a6" }, a("div", { key: "dcf174b5c0c3f9e904725036d26610a89613ea3d", class: i }, this.illustration && !e && a("img", { key: "dfa94983f1963fd036b69b4864aeceb0f2cfde3c", alt: "", class: "empty-state__illustration", src: this.illustration }), a("div", { key: "bb091bf9a3f10c56d6e07974518623ed12d8b68a", class: "empty-state__slotted-illustration" }, a("slot", { key: "f7a1b087c3acb62de63d75b6a771dfc0f2132368", name: "illustration" })), a("div", { key: "50ae5b6622128ec77eee588d0668ca24278c17fb", class: "empty-state__body" }, a("swirl-stack", { key: "91df994026c7393506defa11c95f52699df3ba86", align: "stretch", spacing: "8" }, this.heading && a("swirl-heading", { key: "f51931ea40cb987e33f5eb20e4287344fa9543b6", align: "center", as: "p", level: 4, text: this.heading }), a("div", { key: "6c9d91ef066709c9b2e3f00a7fa6afd10c866ddf", class: "empty-state__content" }, a("swirl-text", { key: "73a4350c4d2f555893bfa2630372505f45ce2380", align: "center", color: "subdued" }, a("slot", { key: "d91231014e38d68c8272b5f81fd5f0709603274e" })))), a("div", { key: "b9588d43764aa441a20b06d26205a8113a4feed8", class: "empty-state__controls" }, a("slot", { key: "00a39f4f8408bc560b42561a080cb1caf4337165", name: "controls" })))));
   }
   get el() {
     return u(this);
@@ -240,7 +240,7 @@ const z = ":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 = b("swirl-icon", `swirl-icon--size-${this.size}`);
-    return a("svg", { key: "06c4aa5b857c3aec7555de011be6ed5bd5a40503", "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: "2b1efe87fed80930436d9f3465077751fbd77615" }, a("path", { key: "f4f689e3c9f9a2d617c2d7e08f88924cf5ed6b55", 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: "d60fa581152fc7f5344b097370595067c635abfb" }, a("path", { key: "796c7c4a607e288d5369317ef36baee9b328cbba", 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: "e381ca5ef155e30712d2898c065c2e99ddbf4607" }, a("path", { key: "ec6636a9a00da1b4f16a7ee81987d4448ca39523", 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: "fea6620dfe9b1e7f77af99ff91cec3bb3824e3cc", "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: "300140abfe4588486f6e72abeb2dee2dc2e7271b" }, a("path", { key: "2218db6e93f84829e62a10842eb42ad023bbb37a", 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: "24993d3c16bf6b3bc1dd06eddb85a827abc49ae0" }, a("path", { key: "5ddbaf5d952d96106932ff0e9d7d3072911129de", 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: "c2933a59ff05349fe26f6cbcc858e84d1ee63b16" }, a("path", { key: "842b309bf0934f689d5d31b52425a0d37672c954", 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" })));
   }
 };
 q.style = O;
@@ -366,7 +366,7 @@ const F = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
   }
   render() {
     var t, e, i, o, r, n;
-    return a(c, { key: "5448bca29d649a700b2ac2facf72f505660cf0dc", onKeyDown: this.onKeyDown }, a("swirl-visually-hidden", { key: "e422fac574b92aacea59635078906e46d3a8d588", role: "alert" }, this.assistiveText), a("swirl-box", { key: "24ca364643f0d57ebb04300427ce805b8d951865", paddingBlockEnd: (t = this.paddingBlockEnd) != null ? t : this.padding, paddingBlockStart: (e = this.paddingBlockStart) != null ? e : this.padding, paddingInlineEnd: (o = (i = this.paddingInlineEnd) != null ? i : this.padding) != null ? o : "8", paddingInlineStart: (n = (r = this.paddingInlineStart) != null ? r : this.padding) != null ? n : "8" }, a("swirl-stack", { key: "065270327ec17c41eb8762da1690019c1f984274", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (d) => this.gridEl = d, role: "grid", spacing: this.spacing }, a("slot", { key: "74498fe31f2bdf496e3453f17e7ecd36df099cc8" }))));
+    return a(c, { key: "5eb8d40323ec2d5a2274d5578bc4507ab8de58e9", onKeyDown: this.onKeyDown }, a("swirl-visually-hidden", { key: "a175e1fe34b4a852b5e9241f32692761305d6b7e", role: "alert" }, this.assistiveText), a("swirl-box", { key: "8b42646a8c97977f88f343ecdc1c4b4137b34f72", paddingBlockEnd: (t = this.paddingBlockEnd) != null ? t : this.padding, paddingBlockStart: (e = this.paddingBlockStart) != null ? e : this.padding, paddingInlineEnd: (o = (i = this.paddingInlineEnd) != null ? i : this.padding) != null ? o : "8", paddingInlineStart: (n = (r = this.paddingInlineStart) != null ? r : this.padding) != null ? n : "8" }, a("swirl-stack", { key: "079663797907c78d8f58aa46e0df4e5850c22682", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (d) => this.gridEl = d, role: "grid", spacing: this.spacing }, a("slot", { key: "65a096f4f7b8dd8bca6d12afff4180eefbc326d3" }))));
   }
   get el() {
     return u(this);
@@ -453,7 +453,7 @@ const R = `.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(c, { key: "63387d5ff4c56c678c6c0e30d8236d5b966d0bff", role: "row" }, a("div", { key: "6fd8f35b61a84ea91ff9ff80f6f754ee50a5933f", class: I, role: "gridcell" }, a(t, { key: "17e7329e6692317ad3dea70d660720c6fb8b33a5", "aria-checked": S, "aria-disabled": e ? "true" : void 0, "aria-label": x, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", href: n, disabled: e, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: C, tabIndex: 0, type: t === "button" ? "button" : void 0 }, this.hasMedia && a("span", { key: "4d12c2a220c03d1ee1bb77e214e028f013a23e21", class: "resource-list-item__media" }, a("slot", { key: "5d104523e7da44ceac278d5f6eebea6c2d2e516f", name: "media" })), a("span", { key: "cdc7fdf4a5a3e2df7080fece60638aa1d67c6388", class: "resource-list-item__label-container", style: B }, a("span", { key: "187fd3a9974f65902e0fa89cb6c90b4178df7063", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && a("span", { key: "5047356c9b024dcdcf1299cc8479aedb2eb7b961", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), s && a("span", { key: "1a5039459c067b4de2a540f79124ac9310f9c594", class: "resource-list-item__meta" }, a("span", { key: "a74caa7e64e88b8cbd9be7be020d63d833f03781", class: "resource-list-item__meta-text" }, this.meta), a("span", { key: "ae4f5a2e927b934fba247e989cfc219b09805c99", class: "resource-list-item__badges" }, a("slot", { key: "59df5cb937ffc581ad1f6470b6080561045997fd", name: "badges" })))), this.selectable && a("span", { key: "a494bc2e24fd043cc3c1024e89ae0a16d7c14f86", "aria-hidden": "true", class: "resource-list-item__checkbox" }, a("span", { key: "b0070f0ad50a683528c216d8e0d1221b53652433", class: "resource-list-item__checkbox-icon" }, this.checked && a("swirl-icon-check-strong", { key: "dc3cdd5fa6e9adda926966fc77d8acf44762fda5" }))), a("span", { key: "d5b2f9079f6cae27bca88d7b00d9eb954641e3f1", class: "resource-list-item__control", onClick: this.onControlClick, ref: (E) => this.controlContainer = E }, a("slot", { key: "263ee1c8cd59301ebd510a29ce29afd112fa6c32", name: "control" })), m && a("swirl-popover-trigger", { key: "16ecfb13e3bf0e3d36851671f708ce949ff3dfee", swirlPopover: this.menuTriggerId }, a("swirl-button", { key: "a1d94f00a09a875a689c015b332a794cda4612ca", "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: "6a580ae58f2e50fe42828d9db668260b91bb9d43", "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: "e999dfe63293b3367c6d8507532761887b3835d6", size: this.iconSize })));
+    return a(c, { key: "432dd643259f55092ec79c6e1a54ddafc2ebbc9d", role: "row" }, a("div", { key: "a7a7491252619c832247612c6454afbda08ebd8a", class: I, role: "gridcell" }, a(t, { key: "e8caf68524fb6265ede2c9b3a9811ff0369ed1a8", "aria-checked": S, "aria-disabled": e ? "true" : void 0, "aria-label": x, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", href: n, disabled: e, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: C, tabIndex: 0, type: t === "button" ? "button" : void 0 }, this.hasMedia && a("span", { key: "e7e38f6301771823621664dff2016dac20d6d825", class: "resource-list-item__media" }, a("slot", { key: "cb3cf6c820031f499377170dd2526ae70b07510e", name: "media" })), a("span", { key: "76b22549e10fa7bba56d526fb7de388636ac8466", class: "resource-list-item__label-container", style: B }, a("span", { key: "6e58a2b6731562363b2e5b01a32ec78745760c4c", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && a("span", { key: "ea49e06faa4b74092659a1f4f00b3b4f74aa0d99", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), s && a("span", { key: "e0ba68effd3c35ba69c9cb9014aa9c12b667b5e0", class: "resource-list-item__meta" }, a("span", { key: "a51f4c56ee3854a37abbf25db37822b9dc44eed2", class: "resource-list-item__meta-text" }, this.meta), a("span", { key: "bc1c6ba6fc69c8bfce50e0952df4264ce58bd23b", class: "resource-list-item__badges" }, a("slot", { key: "3983518afe1feee2f972e33fbd2ae74d8f0821d9", name: "badges" })))), this.selectable && a("span", { key: "e82d7da702c475a9ec3fd45490f279a3ddce226c", "aria-hidden": "true", class: "resource-list-item__checkbox" }, a("span", { key: "9ed402e6f2acb17b190f12e7d01cab187574f43f", class: "resource-list-item__checkbox-icon" }, this.checked && a("swirl-icon-check-strong", { key: "150e2723e9720084eaacae64e53e6c9b9ac8408e" }))), a("span", { key: "aba6f565d6ea61d07c270639d5aa8d2f3e6a2044", class: "resource-list-item__control", onClick: this.onControlClick, ref: (E) => this.controlContainer = E }, a("slot", { key: "430f298c9657d8ce2bd541593c2d0ac29bba10d2", name: "control" })), m && a("swirl-popover-trigger", { key: "1678df1931067652d198f1343ecb9e3d8415d331", swirlPopover: this.menuTriggerId }, a("swirl-button", { key: "d0f671904e036222a62fc68c536e6ce96ce2bf71", "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: "bda920ee8ccd52c5c529fed32ed60f6bfefa6d7c", "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: "83818328a7452cd150dfe7b2c0228b962dea2c1c", size: this.iconSize })));
   }
   get el() {
     return u(this);

package/dist/{swirl-autocomplete.entry.4f70efcc.js → swirl-autocomplete.entry.a7f23481.js}

@@ -1,4 +1,4 @@
-import { r as p, c as m, h as o, H as f, g as b } from "./index.d7454d9a.js";
+import { r as p, c as m, h as o, H as f, g as b } from "./index.61bba292.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-28df99ee.9fb223f6.js";

package/dist/{swirl-avatar-group.entry.a98e1028.js → swirl-avatar-group.entry.5fe249bc.js}

@@ -1,10 +1,10 @@
-import { r as s, h as a, H as i } from "./index.d7454d9a.js";
+import { r as s, h as r, H as i } from "./index.61bba292.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: "07eb2c5f8ba50e042e64de92826fc16f8b939047" }, a("div", { key: "eb4a5992625dd8a8d8f98d04c14868b3456fbb9a", class: r, role: "group" }, a("slot", { key: "fd0f28ae05bf30f5ac973163c7aefd62c66e2837" }), this.badge && a("span", { key: "955b59bb5425971a699380a933dea336873525c2", class: e, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
+    return r(i, { key: "5ebe5d17bff09343abfd27563f5193855e991cb1" }, r("div", { key: "954e3bea4b1a441dadfeb37792e5c28853bdac30", class: a, role: "group" }, r("slot", { key: "e0f16ff6c6e5163c5432cc587b73ae2f3088a6fa" }), this.badge && r("span", { key: "a6fe94fa41ae00f4a416a8c8c8a17d994c3521a8", class: e, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
   }
 };
 n.style = l;

package/dist/{swirl-avatar.entry.fb054497.js → swirl-avatar.entry.1d751182.js}

@@ -1,4 +1,4 @@
-import { r as m, c as n, h as e, H as g, g as f } from "./index.d7454d9a.js";
+import { r as m, c as n, h as e, H as g, g as f } from "./index.61bba292.js";
 import { c as s } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-badge.entry.25311ae5.js → swirl-badge.entry.2cb9cc12.js}

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

package/dist/{swirl-banner.entry.3c3ef8ac.js → swirl-banner.entry.8d9968e9.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as i, H as c, g as b } from "./index.d7454d9a.js";
+import { r as o, c as r, h as i, H as c, g as b } from "./index.61bba292.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import { D as l } from "./media-query.service-9a0ff1cb.1b0964d0.js";
 import "react";

package/dist/{swirl-box.entry.27591dc9.js → swirl-box.entry.61588c5c.js}

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

package/dist/{swirl-button-group.entry.330de49f.js → swirl-button-group.entry.063b8285.js}

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

package/dist/{swirl-button.entry.ff27201b.js → swirl-button.entry.74132b92.js}

@@ -1,4 +1,4 @@
-import { r as b, h as o, H as u, g as c } from "./index.d7454d9a.js";
+import { r as b, h as o, H as u, g as c } from "./index.61bba292.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import { D as v } from "./media-query.service-9a0ff1cb.1b0964d0.js";
 import "react";

package/dist/{swirl-card.entry.8d75a7b9.js → swirl-card.entry.f39b34ac.js}

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

package/dist/{swirl-carousel-slide.entry.0d56d2e6.js → swirl-carousel-slide.entry.db675c52.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, H as t } from "./index.d7454d9a.js";
+import { r as i, h as s, H as t } from "./index.61bba292.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -10,11 +10,11 @@ const o = ":host{display:block;min-width:0}:host(.carousel-slide--has-min-height
     const e = l("carousel-slide", {
       "carousel-slide--has-min-height": Boolean(this.minHeight)
     });
-    return s(t, { key: "9bc4985739dc192b039b2dea6524e1d561b89c80", "aria-roledescription": "slide", "aria-label": this.label, class: e, role: "group", style: {
+    return s(t, { key: "f295123e10df88c899c530e914eea62195f32fd0", "aria-roledescription": "slide", "aria-label": this.label, class: e, role: "group", style: {
       aspectRatio: this.aspectRatio,
       flexBasis: this.width,
       minHeight: this.minHeight
-    }, tabIndex: 0 }, s("slot", { key: "42d69c816388c933e8e7529e5eed0a7e8a65ffd9" }));
+    }, tabIndex: 0 }, s("slot", { key: "f8836e3f2af0ed3beab366384c4fbdf17f4643bb" }));
   }
 };
 r.style = a;

package/dist/{swirl-carousel.entry.d4aba597.js → swirl-carousel.entry.a68ec5ec.js}

@@ -1,4 +1,4 @@
-import { r as n, c as a, h as l, H as r, g as d } from "./index.d7454d9a.js";
+import { r as n, c as a, h as l, H as r, g as d } from "./index.61bba292.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { d as h } from "./utils-28df99ee.9fb223f6.js";
 import "react";

package/dist/{swirl-checkbox.entry.d27a3d08.js → swirl-checkbox.entry.94df38f0.js}

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

package/dist/{swirl-chip.entry.a175be8b.js → swirl-chip.entry.5cc453b9.js}

@@ -1,4 +1,4 @@
-import { r as o, c as s, h as i, H as h, g as n } from "./index.d7454d9a.js";
+import { r as o, c as s, h as i, H as h, g as n } from "./index.61bba292.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { D as l } from "./media-query.service-9a0ff1cb.1b0964d0.js";
 import "react";