@getflip/swirl-components-react 0.341.2 → 0.342.0

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

@@ -157,6 +157,7 @@ export declare const SwirlIconInsertChart: import("react").ForwardRefExoticCompo
 export declare const SwirlIconInsertOnTop: import("react").ForwardRefExoticComponent<JSX.SwirlIconInsertOnTop & Omit<import("react").HTMLAttributes<HTMLSwirlIconInsertOnTopElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconInsertOnTopElement>>;
 export declare const SwirlIconInventory: import("react").ForwardRefExoticComponent<JSX.SwirlIconInventory & Omit<import("react").HTMLAttributes<HTMLSwirlIconInventoryElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconInventoryElement>>;
 export declare const SwirlIconInventoryOff: import("react").ForwardRefExoticComponent<JSX.SwirlIconInventoryOff & Omit<import("react").HTMLAttributes<HTMLSwirlIconInventoryOffElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconInventoryOffElement>>;
+export declare const SwirlIconIphone: import("react").ForwardRefExoticComponent<JSX.SwirlIconIphone & Omit<import("react").HTMLAttributes<HTMLSwirlIconIphoneElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconIphoneElement>>;
 export declare const SwirlIconKey: import("react").ForwardRefExoticComponent<JSX.SwirlIconKey & Omit<import("react").HTMLAttributes<HTMLSwirlIconKeyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconKeyElement>>;
 export declare const SwirlIconKeyboard: import("react").ForwardRefExoticComponent<JSX.SwirlIconKeyboard & Omit<import("react").HTMLAttributes<HTMLSwirlIconKeyboardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconKeyboardElement>>;
 export declare const SwirlIconKeyboardHide: import("react").ForwardRefExoticComponent<JSX.SwirlIconKeyboardHide & Omit<import("react").HTMLAttributes<HTMLSwirlIconKeyboardHideElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconKeyboardHideElement>>;

package/dist/{swirl-accordion-item.entry.d386e3da.js → swirl-accordion-item.entry.942d1430.js}

@@ -1,11 +1,11 @@
-import { r as t, c as d, h as e, H as n, g as s } from "./index.1e93dc97.js";
+import { r as d, c as t, h as e, H as n, g as s } from "./index.adb2af81.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import { v as a } from "./v4-DD3477fe.2624487e.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 = class {
   constructor(i) {
-    t(this, i), this.expansionChange = d(this, "expansionChange", 7), this.headingLevel = 2, this.itemId = a(), this.expanded = !1, this.headingId = `${a()}-heading`, this.onHeadingClick = () => {
+    d(this, i), this.expansionChange = t(this, "expansionChange", 7), this.headingLevel = 2, this.itemId = a(), this.expanded = !1, this.headingId = `${a()}-heading`, this.onHeadingClick = () => {
       this.toggle();
     };
   }
@@ -26,7 +26,7 @@ const c = ":host{display:block}:host *{box-sizing:border-box}.accordion-item{dis
     const i = `h${this.headingLevel}`, o = r("accordion-item", {
       "accordion-item--expanded": this.expanded
     });
-    return e(n, { key: "ff99365f885d7f45aa5929618f20be8eaab88699" }, e("div", { key: "eaa608a73691ff808b38466e9385f4dc2db45f17", class: o }, e(i, { key: "0859f44b1a644b65de4f05b0e8a003c549c6c87c", class: "accordion-item__heading" }, e("button", { key: "4b37ddb0a99d7c7891e49febec534bf651df185b", "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: "44cdbe5d8144e96c6c03bfd08affc05b313f68ab", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "14a5142b0af187721cee995b0d80bc6c59a00cf9", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "d6662c18f5e78cb4acaf079aab3d98d2472c0cbd", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "5115019890131bf59d8a1d7e0013b747565ad675", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "9433218077aa690f5e5256144c75c5cd46afbdb5", glyph: "expand-more", size: 20 })))), e("div", { key: "12cd261b506a0f80821f4f5e0be1ebc4735206a8", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "2896b72a4b1ffcd2dc1267a20dbca1121660d8f4" }))));
+    return e(n, { key: "70b6cb384f93f6f6d04b4dd710a164709f0a0fb1" }, e("div", { key: "bbff3583f8a9584e33789a24a7a2c8dadbc2cb9e", class: o }, e(i, { key: "dc26645c69a08f96c982bd08b75c51a52ae2d74a", class: "accordion-item__heading" }, e("button", { key: "9b0a5ee4cb551ded6d28b30e2f804b00b3cfd994", "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: "292ed7e082d31fa73084dbbdbc4e19cc0e75e405", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "f902489952929f3302dd1cfad23f6b8bef724d64", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "5cda5ed7fd172f38950562acdb6e4134e10cf313", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "626541d2ab73ee47cf3ae2dc1516e922408ef197", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "c571c7c9d2ad9201dc8fa57df8e8cb6982e0a3b3", glyph: "expand-more", size: 20 })))), e("div", { key: "10b6911cd6b9ca1c12c3924aee7693fbd528a6b9", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "2a8d3f5cba33f78fcbea80a1e6d380a20d918dda" }))));
   }
   get el() {
     return s(this);

package/dist/{swirl-accordion.entry.c6008cac.js → swirl-accordion.entry.42f6ceb9.js}

@@ -1,9 +1,9 @@
-import { r as s, c as i, h as o, H as a, g as l } from "./index.1e93dc97.js";
+import { r as s, c as a, h as o, H as i, g as c } from "./index.adb2af81.js";
 import "react";
 import "react-dom";
-const c = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}", n = class {
+const l = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}", n = class {
   constructor(e) {
-    s(this, e), this.expandedItemChange = i(this, "expandedItemChange", 7);
+    s(this, e), this.expandedItemChange = a(this, "expandedItemChange", 7);
   }
   componentDidLoad() {
     this.el.addEventListener("expansionChange", (e) => {
@@ -24,13 +24,13 @@ const c = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-ch
     });
   }
   render() {
-    return o(a, { key: "1e3402cefdf500694756336f2175a64531352c0b" }, o("slot", { key: "276c1bfed4af0c0002e746b8075433fefd627f60" }));
+    return o(i, { key: "60d76ae083177b69bbafec992cd8f8daa1025816" }, o("slot", { key: "e4e6bccdfb80a05a838446cec183c16fdc54c4cb" }));
   }
   get el() {
-    return l(this);
+    return c(this);
   }
 };
-n.style = c;
+n.style = l;
 export {
   n as swirl_accordion
 };

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

@@ -0,0 +1,15 @@
+import { r as i, h as a, H as t } from "./index.adb2af81.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)}}", o = class {
+  constructor(s) {
+    i(this, s), this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
+  }
+  render() {
+    return a(t, { key: "7c1092cb88e8474b35776ad798fa4613a11e81fa" }, this.hasSeparator && a("swirl-separator", { key: "9070e9f68eb5bcc5bfadf65332c2aad655afc2aa", spacing: this.separatorSpacing }), a("div", { key: "cc38659b771d5937778a3be89965591b2799b2d7", "aria-labelledby": "label", class: "action-list-section", role: "group" }, a("span", { key: "e3863480916d68ef2f9237932728572d29260b95", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), a("swirl-stack", { key: "7a40d51970180e89b7b3b439a4fa98bc54be37da", spacing: this.spacing, align: "stretch" }, a("slot", { key: "4f3a00dfe73ba997304027dbca4d4a6fe1bd727d" }))));
+  }
+};
+o.style = e;
+export {
+  o as swirl_action_list_section
+};

package/dist/{swirl-action-list_2.entry.1e2e9f3d.js → swirl-action-list_2.entry.4daa8d34.js}

@@ -1,12 +1,12 @@
-import { r as c, h as o, H as l, g as d } from "./index.1e93dc97.js";
-import { q as h, k as m } from "./utils-D_MUFqkF.654ff3ce.js";
-import { c as f } from "./index-orsBiyT_.fc4357c3.js";
+import { r, h as o, H as l, g as d } from "./index.adb2af81.js";
+import { q as h, k as f } from "./utils-D_MUFqkF.654ff3ce.js";
+import { c as m } from "./index-orsBiyT_.fc4357c3.js";
 import { D as u } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";
 import "react-dom";
 const b = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list{background-color:var(--s-surface-overlay-default)}", p = class {
   constructor(i) {
-    c(this, i), this.onKeyDown = (t) => {
+    r(this, i), this.onKeyDown = (t) => {
       t.code === "ArrowDown" || t.code === "ArrowRight" ? (t.preventDefault(), this.focusNextItem()) : (t.code === "ArrowUp" || t.code === "ArrowLeft") && (t.preventDefault(), this.focusPreviousItem());
     }, this.onFocusOut = (t) => {
       if (this.isInsidePopover)
@@ -40,7 +40,7 @@ const b = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     (s = i[e]) == null || s.focus();
   }
   getActiveItemIndex() {
-    const i = this.getItems(), t = m();
+    const i = this.getItems(), t = f();
     return i.findIndex((e) => e === t || e === (t == null ? void 0 : t.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: "2795dbab510dbc1500d60485aa861452db9e5228" }, o("div", { key: "a97272dcb51640f5b3577c0fae90cb76db6fc5ee", "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: "e93480d034cc5db6f0e6915b5b6e9af655ef65be", onSlotchange: this.setSectionSeparator })));
+    return o(l, { key: "9b0e35fbd3d51317cd1dc984c7d272e6ff763531" }, o("div", { key: "872faca7cee901ff9c17092f8c7b7a9c4fa3e2ba", "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: "6097bf918fa5c3715de0407d597304b4efc5d670", onSlotchange: this.setSectionSeparator })));
   }
   get el() {
     return d(this);
@@ -61,7 +61,7 @@ const b = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
 p.style = b;
 const v = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{display:inline-flex;position:relative;width:100%;min-width:15rem;margin:0;padding:var(--s-space-12) var(--s-space-16);justify-content:flex-start;align-items:center;border:none;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;cursor:pointer;gap:var(--s-space-12)}.action-list-item:hover{background-color:var(--s-surface-overlay-hovered);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.action-list-item:focus{outline:none}.action-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}.action-list-item:active{background-color:var(--s-surface-overlay-pressed)}.action-list-item:disabled{background-color:var(--s-surface-overlay-default);cursor:default}.action-list-item:disabled .action-list-item__label,.action-list-item:disabled .action-list-item__description{color:var(--s-text-disabled)}.action-list-item:disabled .action-list-item__icon{color:var(--s-icon-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-8)}}.action-list-item--size-l{padding:var(--s-space-16)}.action-list-item--intent-critical ::part(icon){color:var(--s-icon-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__label{color:var(--s-text-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__icon{color:var(--s-icon-critical)}.action-list-item__icon{display:inline-flex;position:relative;width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item__icon{width:1.25rem;height:1.25rem}}.action-list-item__icon-badge{position:absolute;display:grid;bottom:0;right:0}.action-list-item__label-container{display:inline-flex;min-width:0;flex-grow:1;flex-shrink:1;align-items:flex-start;flex-direction:column}.action-list-item__label{overflow:hidden;max-width:100%;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.action-list-item__description{color:var(--s-text-subdued)}.action-list-item__badge{overflow:hidden;min-width:4rem;padding-left:var(--s-space-8);flex-shrink:3;color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);text-align:right;white-space:nowrap;text-overflow:ellipsis}.action-list-item__suffix{display:inline-flex;flex-shrink:0;color:var(--s-icon-default)}", g = class {
   constructor(i) {
-    c(this, i), this.intent = "default", this.size = "m", this.mediaQueryUnsubscribe = () => {
+    r(this, i), this.intent = "default", this.size = "m", this.mediaQueryUnsubscribe = () => {
     };
   }
   componentDidLoad() {
@@ -73,14 +73,14 @@ const v = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{d
     this.mediaQueryUnsubscribe();
   }
   forceIconProps(i) {
-    var a, n, r;
+    var a, n, c;
     const t = (a = this.iconEl) == null ? void 0 : a.children[0], e = (n = this.suffixEl) == null ? void 0 : n.children[0];
     t == null || t.setAttribute("size", i ? "20" : "24");
-    const s = (r = this.iconBadgeEl) == null ? void 0 : r.children[0];
+    const s = (c = this.iconBadgeEl) == null ? void 0 : c.children[0];
     s == null || s.setAttribute("size", "xs"), s == null || s.setAttribute("variant", "dot"), (e == null ? void 0 : e.tagName) !== "SWIRL-TAG" && (e == null || e.setAttribute("size", i ? "20" : "24"));
   }
   render() {
-    const i = Boolean(this.badge), t = Boolean(this.iconBadge), e = Boolean(this.el.querySelector('[slot="suffix"]')), s = (Boolean(this.suffix) || e) && !this.disabled, a = f("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
+    const i = Boolean(this.badge), t = Boolean(this.iconBadge), e = Boolean(this.el.querySelector('[slot="suffix"]')), s = (Boolean(this.suffix) || e) && !this.disabled, a = m("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
     return o(l, { key: "6e0ba3475bbabc4b456d23070aada4ad73a7bef7" }, o("button", { key: "568753980452f56f6305573cfacc1540728f8a64", "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: "90c23d6a829bdb2903ff76eda7852101b174b198", name: "avatar" }), this.icon && o("span", { key: "1855b294b64760c5399cfb9b371715399ed2e985", class: "action-list-item__icon", innerHTML: this.icon, ref: (n) => this.iconEl = n }, t && o("span", { key: "1db1f001b6a4e9d40d4e11dddb5f2a45c8c81106", class: "action-list-item__icon-badge", innerHTML: this.iconBadge, ref: (n) => this.iconBadgeEl = n })), o("span", { key: "a55df1b640cb5c5109dc632c39dca728fce290da", class: "action-list-item__label-container" }, o("span", { key: "ae479a05bbfd854b8472d3977d7489df73e611cb", class: "action-list-item__label" }, this.label), this.description && o("span", { key: "959761897cc5c8d4d2474795460b66bb5d22475b", class: "action-list-item__description" }, this.description)), i && o("span", { key: "cd679c3648c86d6d7f5c9c37f1d02e8b14cd2bfe", class: "action-list-item__badge", innerHTML: this.badge }), s && o("span", { key: "88754ec73e17680ebdc939f42df996dace73fdce", class: "action-list-item__suffix", innerHTML: e ? void 0 : this.suffix, ref: (n) => this.suffixEl = n }, o("slot", { key: "37b5c4659a5ff5c1e36e9dd47292180e9b9a5dac", name: "suffix" }))));
   }
   get el() {

package/dist/{swirl-app-bar.entry.807e40b3.js → swirl-app-bar.entry.80b85905.js}

@@ -1,4 +1,4 @@
-import { r as n, c as s, h as t, H as c, g as r } from "./index.1e93dc97.js";
+import { r as n, c as s, h as t, H as c, g as r } from "./index.adb2af81.js";
 import { c as l } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-app-icon.entry.863e35ef.js → swirl-app-icon.entry.05c05ffb.js}

@@ -1,8 +1,8 @@
-import { r as n, h as s, H as o } from "./index.1e93dc97.js";
+import { r as n, h as s, H as o } from "./index.adb2af81.js";
 import { c as l } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
-const r = ":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}", c = class {
+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}", r = class {
   constructor(e) {
     n(this, e), this.setImageAvailable = () => {
       this.imageAvailable = !0;
@@ -21,10 +21,10 @@ 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: "848453ae9e48cab379fc70a9e1bb0d9566fee795" }, s("span", { key: "d2a526c13e4a86ec2edbcc5bb763052792627b55", class: a }, e && s("img", { key: "f321b68b25a3ab039f666099269383908a62d08c", alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" }), i && s("span", { key: "2dc6f4d5afd471b8dfb39f414dc1416036480005", class: "app-icon__icon", innerHTML: this.icon })));
+    return s(o, { key: "0c6c3988056bba66283facb363c0428097269f53" }, s("span", { key: "bd067946a9257b4ccdc286f3fdda301651981968", class: a }, e && s("img", { key: "826f7a92db32bc26830ca00eacd935f708902422", alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" }), i && s("span", { key: "524b1366cf3e1dccf1cdd6b4603f92bb9d7da1be", class: "app-icon__icon", innerHTML: this.icon })));
   }
 };
-c.style = r;
+r.style = c;
 export {
-  c as swirl_app_icon
+  r as swirl_app_icon
 };

package/dist/{swirl-app-layout_5.entry.4f1732c4.js → swirl-app-layout_5.entry.9a199e88.js}

@@ -1,4 +1,4 @@
-import { r as p, c as l, h as e, H as c, g as u, F as h } from "./index.1e93dc97.js";
+import { r as p, c as l, h as e, H as c, g as u, F as h } from "./index.adb2af81.js";
 import { c as b } from "./index-orsBiyT_.fc4357c3.js";
 import { D as w } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import { d as y, i as g, s as v } from "./utils-D_MUFqkF.654ff3ce.js";
@@ -225,7 +225,7 @@ const L = ":host{display:block}:host *{box-sizing:border-box}.empty-state{displa
       "empty-state--has-controls": t,
       "empty-state--has-slotted-illustration": a
     });
-    return e(c, { key: "97b920d29cb4fba5c6db9f990ea806ba355ba580" }, e("div", { key: "5088abccf2dfda1ff6d526e6b1136fa4937856b1", class: i }, this.illustration && !a && e("img", { key: "3b4ec30247d13e4e8774c6ce81fd84d13cab09ad", alt: "", class: "empty-state__illustration", src: this.illustration }), e("div", { key: "c97260117986a1c62e8dae631ee0bb8b8d7f1020", class: "empty-state__slotted-illustration" }, e("slot", { key: "5719b33a1643cc3e074765619006908e71c59b17", name: "illustration" })), e("div", { key: "7a72832626036f17c18ca6af73daad7350ff81f6", class: "empty-state__body" }, e("swirl-stack", { key: "8cc206a6f367a067f36a9236f1a8bfdf5c1fa509", align: "stretch", spacing: "8" }, this.heading && e("swirl-heading", { key: "1a495e977ef2a98559e8c8a57bf450c835a66cd3", align: "center", as: "p", level: 4, text: this.heading }), e("div", { key: "7a986feeaead0f94af71e57d5387a06614f6dc8b", class: "empty-state__content" }, e("swirl-text", { key: "b37f175b04f23f3935d33e7cb84f24c742cc3532", align: "center", color: "subdued" }, e("slot", { key: "db5a9a52d01666753a4cfec089b1975373de7d82" })))), e("div", { key: "49a5020dd158b0f83a7c2760278ab44512e2168f", class: "empty-state__controls" }, e("slot", { key: "eb9b518b10d11ea277e517120aecc6c0a8a62f41", name: "controls" })))));
+    return e(c, { key: "57bb48416bd0e8c54aef3418fa6a0e54d9ad6760" }, e("div", { key: "fe0ef156a1ef90334da88fa527dbc78add141f1d", class: i }, this.illustration && !a && e("img", { key: "a3960dcbbc837014d6d6ac9a1f1a4f6daf75025f", alt: "", class: "empty-state__illustration", src: this.illustration }), e("div", { key: "78e024c7574e79d251e656489a8022934511a939", class: "empty-state__slotted-illustration" }, e("slot", { key: "0da696ddb12e08584734c156d2d23ab1bad39107", name: "illustration" })), e("div", { key: "d42cca981abe0f80b0936a21626498c9366ba494", class: "empty-state__body" }, e("swirl-stack", { key: "bff4dc647454634e113e6c064693e8dd6f3a3adf", align: "stretch", spacing: "8" }, this.heading && e("swirl-heading", { key: "1277ed9427723dfbfe4919096db8c90c038d7c3e", align: "center", as: "p", level: 4, text: this.heading }), e("div", { key: "c3cafed4c94b20662439937c83cbc8ab3e17d8a6", class: "empty-state__content" }, e("swirl-text", { key: "6a08959009c52e25c01c4653808c654e612b40f7", align: "center", color: "subdued" }, e("slot", { key: "89b29fd85aa8cc98d2f8a6dd73ef04118b09d652" })))), e("div", { key: "b67486ab67e4ad91a5085bcb591d5f6cd138467e", class: "empty-state__controls" }, e("slot", { key: "ac9564b7696cb74d19da40451b7a84e6eeea77d7", name: "controls" })))));
   }
   get el() {
     return u(this);
@@ -240,7 +240,7 @@ const V = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{
     const t = this.size === 20 ? 24 : this.size, a = {
       color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
     }, i = b("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "ac42f1e3d1953e02ddab3af41f1d7cab872f270f", "aria-hidden": "true", class: i, fill: "none", height: this.size, part: "icon", style: a, viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(h, { key: "64143df26fd6233bcbc846b91067cf7a37374e30" }, e("path", { key: "889bd2cd70644d2c55f0339166f3cc299dcdf41c", 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) && e(h, { key: "6364b621977b44785b5dc3cf3a612ac5b1061ce5" }, e("path", { key: "7e9dd0c27680d19f8a48ce86985db9f0cc051380", 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 && e(h, { key: "cc663bd01920bf7b046b94c4b5478865d634afc0" }, e("path", { key: "61bcde2b46db9e44405cefcd2ed4d49cf7949eaf", 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 e("svg", { key: "d4a0f12cb33457276d329e6c5047f61c04aaf080", "aria-hidden": "true", class: i, fill: "none", height: this.size, part: "icon", style: a, viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(h, { key: "70037e134896a5d9b1b55f62663627d1c9a0e8db" }, e("path", { key: "1bd1d98a540a1db36f524e7bc510015d0114c49c", 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) && e(h, { key: "c33dc9ae4b263373fcd9637cf063058165049ec2" }, e("path", { key: "094e73580e807eab03be0ae7eaf7b2bac48a725a", 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 && e(h, { key: "1b3207fc7586ec5bbd8f18e5d18770da51be34a9" }, e("path", { key: "517bc1db617e10d2345281a6c40062d46a23c254", 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" })));
   }
 };
 H.style = V;
@@ -366,7 +366,7 @@ const z = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
   }
   render() {
     var t, a, i, o, r, n;
-    return e(c, { key: "25c428afce926de810a3073339023ddccdc369b0", onKeyDown: this.onKeyDown }, e("swirl-visually-hidden", { key: "19d36c2ef6b6f78eb0775a0c418ff7205477e19b", role: "alert" }, this.assistiveText), e("swirl-box", { key: "831bdcb1d69e961ee08b9619d2a9c05aed70df1d", paddingBlockEnd: (t = this.paddingBlockEnd) != null ? t : this.padding, paddingBlockStart: (a = this.paddingBlockStart) != null ? a : 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" }, e("swirl-stack", { key: "d35af04318449acb97c319186f25000b0082a59c", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (d) => this.gridEl = d, role: "grid", spacing: this.spacing }, e("slot", { key: "04444bbc1a1015377c52d9ab307b5859cad396c2" }))));
+    return e(c, { key: "d831867280abfc173c787cdff663d902353e233d", onKeyDown: this.onKeyDown }, e("swirl-visually-hidden", { key: "c1b47cba7d9ed0a08ea51218ec07c85d38144aa1", role: "alert" }, this.assistiveText), e("swirl-box", { key: "e0d7270c8c9cf07441dd72c37acf49fe70c7ee0a", paddingBlockEnd: (t = this.paddingBlockEnd) != null ? t : this.padding, paddingBlockStart: (a = this.paddingBlockStart) != null ? a : 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" }, e("swirl-stack", { key: "128c961a67bcb88b6283731a598c4d2e780d0276", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (d) => this.gridEl = d, role: "grid", spacing: this.spacing }, e("slot", { key: "bbb035001ae31e6ea0f5b83bd4714528a8e39bf3" }))));
   }
   get el() {
     return u(this);
@@ -453,7 +453,7 @@ const q = `.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 e(c, { key: "9dd50d8e55bc6a424d93810c5d0e66ca08b1fdfc", role: "row" }, e("div", { key: "18faaa31ab12166d419efd498dc5b80cbe17c1fa", class: B, role: "gridcell" }, e(t, { key: "2eaebd1f15423efc7f94a15ec8adef0eeb0c1fa3", "aria-checked": S, "aria-disabled": a ? "true" : void 0, "aria-label": x, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", href: n, disabled: a, 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 && e("span", { key: "23b94a9189ceb97967c0b0150cd78f6bf93d59d1", class: "resource-list-item__media" }, e("slot", { key: "0395ee3352c61bbd5ff55fca91615a332f82cae8", name: "media" })), e("span", { key: "77d26a3f34a6d7e45ecd7e7cade0a099ebc5b5c6", class: "resource-list-item__label-container", style: I }, e("span", { key: "6a3aa9f003cc38e8db29c95a0102084032e7f791", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && e("span", { key: "8cc126b733008a467c31ff70c5d2f3dceca23f0f", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), s && e("span", { key: "85d651bf6f5fe6971de191c035b9527a96e99479", class: "resource-list-item__meta" }, e("span", { key: "421a1d5d6783fb11331e17e49d4ee94088fd129c", class: "resource-list-item__meta-text" }, this.meta), e("span", { key: "0224c083261ab1523060953319534e46d20deda9", class: "resource-list-item__badges" }, e("slot", { key: "89337007fb91e86deee345e355f8380a1a904754", name: "badges" })))), this.selectable && e("span", { key: "bc0e1223e3e3621b3890315a7850a5613fa10820", "aria-hidden": "true", class: "resource-list-item__checkbox" }, e("span", { key: "656726528e15513c9f7121dbd3e59d6526becda5", class: "resource-list-item__checkbox-icon" }, this.checked && e("swirl-icon-check-strong", { key: "ec2f9926c1897db0871ebee348b7d00af20a6af1" }))), e("span", { key: "7968b3c186772219e01ef8c7f234762bf34ac02b", class: "resource-list-item__control", onClick: this.onControlClick, ref: (E) => this.controlContainer = E }, e("slot", { key: "d1ae938de474e3091a1aed38b61c9be7d3e46097", name: "control" })), m && e("swirl-popover-trigger", { key: "69e86ce7e5565f6077062caf0557a32fd811eecd", swirlPopover: this.menuTriggerId }, e("swirl-button", { key: "5927b7e3d0dd035320cba009fadc322ddcd842aa", "aria-disabled": a ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: a, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && e("button", { key: "3694eca15586153d4bc38ac33156658157d4eb53", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, e("swirl-icon-drag-handle", { key: "ba53e5aa8aa15bbcbb96e1103c6a51b663dd513b", size: this.iconSize })));
+    return e(c, { key: "fac4e9ef2141b02c0f47fbcbaf2368561da743ec", role: "row" }, e("div", { key: "a2050efe1bb7cfaf5828fec38275c0ef64b1dca7", class: B, role: "gridcell" }, e(t, { key: "88a45a25ad6c890128048803f69636bd918269e5", "aria-checked": S, "aria-disabled": a ? "true" : void 0, "aria-label": x, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", href: n, disabled: a, 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 && e("span", { key: "6ce6a2eedcb38541b3e33f36a1418f7697b66556", class: "resource-list-item__media" }, e("slot", { key: "5c8abcabc0dd83fa1febf9de89888c915eb961e8", name: "media" })), e("span", { key: "0bdf11a2b1329239bac9046457b2997ca332dea0", class: "resource-list-item__label-container", style: I }, e("span", { key: "0e326421287e7e1f156ead02ca3a4ee4639c635c", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && e("span", { key: "fc8d7ab472ae4efdc2234906d256ae6e6bea3e16", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), s && e("span", { key: "dccf17ffff66bcb875e56a360753fffc117a5cb0", class: "resource-list-item__meta" }, e("span", { key: "e5d2ea91c855d64ba858c54a80e690b0e7e684ad", class: "resource-list-item__meta-text" }, this.meta), e("span", { key: "6e97965511d965b623ecbb8f1c58b5f182220033", class: "resource-list-item__badges" }, e("slot", { key: "d2a5a5b5e8b1819b0df39a7692ba20ac3d34c1e9", name: "badges" })))), this.selectable && e("span", { key: "19c93f99b610f9aa27b701dd1d11fb2f1e6e2df0", "aria-hidden": "true", class: "resource-list-item__checkbox" }, e("span", { key: "e9c993566fdcdd32f4260bd39625238bee12614b", class: "resource-list-item__checkbox-icon" }, this.checked && e("swirl-icon-check-strong", { key: "56589cf146b91c631c0370dcd4a86095d2515a82" }))), e("span", { key: "b174ac3e106b4ebb3c919134d21e52b4995b035e", class: "resource-list-item__control", onClick: this.onControlClick, ref: (E) => this.controlContainer = E }, e("slot", { key: "2365755ae94002a07654be9b398364f42c48dfe8", name: "control" })), m && e("swirl-popover-trigger", { key: "6922e4d265d60655da0236ba4838bc2e7cc23332", swirlPopover: this.menuTriggerId }, e("swirl-button", { key: "4bee5268cb623e2a8ebaf75ee785e2bad0bb54a7", "aria-disabled": a ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: a, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && e("button", { key: "c0c43019891547e02b947e90f6112f4afadf853e", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, e("swirl-icon-drag-handle", { key: "9ba1dbc373631cdb8203f4b435bb66bfeb31c19b", size: this.iconSize })));
   }
   get el() {
     return u(this);

package/dist/{swirl-autocomplete.entry.32242c79.js → swirl-autocomplete.entry.76b09b6f.js}

@@ -1,4 +1,4 @@
-import { r as p, c as m, h as o, H as b, g as f } from "./index.1e93dc97.js";
+import { r as p, c as m, h as o, H as b, g as f } from "./index.adb2af81.js";
 import { N as g, P as v, D as y } from "./floating-ui.dom.browser.min-BtsCuEVE.45e9e353.js";
 import { c as w } from "./index-orsBiyT_.fc4357c3.js";
 import { d as S } from "./utils-D_MUFqkF.654ff3ce.js";

package/dist/{swirl-avatar-group.entry.192e3c89.js → swirl-avatar-group.entry.fe43d053.js}

@@ -1,4 +1,4 @@
-import { r as s, h as a, H as i } from "./index.1e93dc97.js";
+import { r as s, h as a, H as i } from "./index.adb2af81.js";
 import { c as t } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -19,7 +19,7 @@ const d = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group
     const r = t("avatar-group", {
       "avatar-group--has-badge": Boolean(this.badge)
     }), e = t("avatar-group__badge");
-    return a(i, { key: "842dca2d37cde4df5d94989de83b34e162e4729d" }, a("div", { key: "c8960b16873430bcb9fc6d122866f1fba879640a", class: r, role: "group" }, a("slot", { key: "b880de80e28701cc12ff07891726df3be0b8312d" }), this.badge && a("span", { key: "c4f13d3a94fbbad4e281d15c9a2bfe6879fc192b", class: e, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
+    return a(i, { key: "294a8fbe91a9cf529d3851cce589e25ab48a5ebd" }, a("div", { key: "34b4f4ec6ec378f739fdbd658f5c507b8b42dd05", class: r, role: "group" }, a("slot", { key: "cbc7cddca374c8147767492ceb4a5f214a8c7d7a" }), this.badge && a("span", { key: "2c5556c9e03936227d972ced83a157d7255b8440", class: e, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
   }
 };
 l.style = d;

package/dist/{swirl-avatar.entry.e4e9e038.js → swirl-avatar.entry.246f6ce2.js}

@@ -1,4 +1,4 @@
-import { r as m, c as o, h as e, H as g, g as b } from "./index.1e93dc97.js";
+import { r as m, c as o, h as e, H as g, g as b } from "./index.adb2af81.js";
 import { c as s } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-badge.entry.1944dbd5.js → swirl-badge.entry.8e799620.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as t, H as r } from "./index.1e93dc97.js";
+import { r as i, h as e, F as t, H as r } from "./index.adb2af81.js";
 import { c as s } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-banner.entry.c1e1d6d1.js → swirl-banner.entry.bccd1def.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as i, H as c, g as b } from "./index.1e93dc97.js";
+import { r as o, c as r, h as i, H as c, g as b } from "./index.adb2af81.js";
 import { c as d } from "./index-orsBiyT_.fc4357c3.js";
 import { D as l } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";

package/dist/{swirl-box.entry.60a050db.js → swirl-box.entry.96ab112c.js}

@@ -1,4 +1,4 @@
-import { r, c as d, h as t, H as l, g as s } from "./index.1e93dc97.js";
+import { r, c as d, h as t, H as l, g as s } from "./index.adb2af81.js";
 import { c as i } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-button-group.entry.b1236f94.js → swirl-button-group.entry.6bfaddce.js}

@@ -1,4 +1,4 @@
-import { r as s, h as r, H as i } from "./index.1e93dc97.js";
+import { r as s, h as r, H as i } from "./index.adb2af81.js";
 import { c as e } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -10,7 +10,7 @@ const n = ':host{display:block}:host *{box-sizing:border-box}.button-group--segm
     const t = this.segmented ? "0" : this.spacing, o = e("button-group", {
       "button-group--segmented": this.segmented
     });
-    return r(i, { key: "62fdc66541bdbcc2d9ae974ff53feff7d4699651" }, r("swirl-stack", { key: "7227deb457a14162fe12dfae41c19a013b388253", align: this.orientation === "vertical" && this.stretch ? "stretch" : "start", class: o, justify: this.orientation === "horizontal" && this.stretch ? "stretch" : "start", orientation: this.orientation, role: "group", spacing: t, wrap: this.wrap }, r("slot", { key: "fdb01addb654c8f56dacf6a1ad2bb661a452ed0c" })));
+    return r(i, { key: "3f4c0ac1ef25dc8663a748c9d5da839ba13715cf" }, r("swirl-stack", { key: "b3128cad0d6eb223551310ef71d45fa31750f8a2", align: this.orientation === "vertical" && this.stretch ? "stretch" : "start", class: o, justify: this.orientation === "horizontal" && this.stretch ? "stretch" : "start", orientation: this.orientation, role: "group", spacing: t, wrap: this.wrap }, r("slot", { key: "e237d1c473fadc6b27b4140c6de0bb1ebdaee8b2" })));
   }
 };
 a.style = n;

package/dist/{swirl-button.entry.d24e5f9c.js → swirl-button.entry.48af2c7d.js}

@@ -1,20 +1,20 @@
-import { r as l, h as o, H as u, g as c } from "./index.1e93dc97.js";
-import { c as d } from "./index-orsBiyT_.fc4357c3.js";
-import { D as v } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
+import { r as u, h as o, H as c, g as d } from "./index.adb2af81.js";
+import { c as v } from "./index-orsBiyT_.fc4357c3.js";
+import { D as w } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";
 import "react-dom";
 import "./utils-D_MUFqkF.654ff3ce.js";
-const w = `.sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}.sc-swirl-button-h *.sc-swirl-button{box-sizing:border-box}.button.sc-swirl-button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-top-left-radius:var(--swirl-button-border-top-left-radius);border-top-right-radius:var(--swirl-button-border-top-right-radius);border-bottom-right-radius:var(--swirl-button-border-bottom-right-radius);border-bottom-left-radius:var(--swirl-button-border-bottom-left-radius);color:var(--s-text-subdued);background-color:var(--swirl-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer;gap:var(--s-space-8);transition:box-shadow 0.3s}.button.sc-swirl-button:hover{background-color:var(--swirl-ghost-button-background-hovered);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.button.sc-swirl-button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button--elevated.sc-swirl-button{box-shadow:var(--s-shadow-level-2)}.button.sc-swirl-button:disabled,.button.button--disabled.sc-swirl-button{color:var(--s-text-disabled);background-color:var(--swirl-ghost-button-background-disabled);cursor:default}.button.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-disabled)}.button.sc-swirl-button:focus:where(:not(:focus-visible)){outline:none}.button.sc-swirl-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button.sc-swirl-button{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button--text-align-start.sc-swirl-button{justify-content:flex-start}.button--text-align-center.sc-swirl-button{justify-content:center}.button--text-align-end.sc-swirl-button{justify-content:flex-end}.button--variant-ghost.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-default)}.button--variant-ghost.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-ghost.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-ghost.button--pressed.sc-swirl-button{color:var(--s-text-highlight)}.button--variant-ghost.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-flat.sc-swirl-button{color:var(--s-text-default);background-color:var(--swirl-flat-button-background-default);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.button--variant-flat.sc-swirl-button:hover{background-color:var(--swirl-flat-button-background-hovered)}.button--variant-flat.sc-swirl-button:active{background-color:var(--swirl-flat-button-background-pressed)}.button--variant-flat.sc-swirl-button:disabled,.button--variant-flat.button--disabled.sc-swirl-button{background-color:var(--swirl-flat-button-background-disabled)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-status);background-color:var(--s-action-critical-default)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):hover{background-color:var(--s-action-critical-hovered)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):active{background-color:var(--s-action-critical-pressed)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-on-status)}.button--variant-flat.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-flat.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-flat.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button{color:var(--s-text-default);outline:var(--s-border-width-default) solid var(--s-border-strong);outline-offset:calc(var(--s-border-width-default) * -1)}.button--variant-outline.sc-swirl-button:disabled,.button--variant-outline.button--disabled.sc-swirl-button{outline-color:var(--s-border-default)}.button--variant-outline.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-critical);outline-color:var(--s-border-critical)}.button--variant-outline.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-outline.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)),.button--variant-outline.button--pressed.sc-swirl-button{color:var(--s-text-highlight);outline-color:var(--s-border-highlight)}.button--variant-outline.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button,.button--variant-outline.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-outline.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-outline.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.sc-swirl-button{padding:0;border-radius:0;color:var(--swirl-plain-button-text-color-default);background-color:transparent}.button--variant-plain.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)){color:var(--swirl-plain-button-text-color-hovered);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-hovered)}.button--variant-plain.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)){color:var(--swirl-plain-button-text-color-pressed);background-color:transparent}.button--variant-plain.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-pressed)}.button--variant-plain.sc-swirl-button:disabled,.button--variant-plain.button--disabled.sc-swirl-button{color:var(--swirl-plain-button-text-color-disabled);background-color:transparent}.button--variant-plain.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-plain.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-disabled)}.button--variant-plain.button--icon-only.sc-swirl-button{padding:0}.button--variant-plain.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-default)}.button--variant-plain.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.button--intent-primary.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)){color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)){color:var(--s-interactive-primary-pressed)}.button--variant-plain.button--intent-primary.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-interactive-primary-pressed)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled,.button--variant-plain.button--intent-primary.button--disabled.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-plain.button--intent-primary.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-swirl-button .button__icon.sc-swirl-button{margin-left:0;color:var(--swirl-plain-button-text-color-default)}.button--variant-plain.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-plain.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-on-image.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.6)}.button--variant-on-image.sc-swirl-button:hover{background:rgba(0, 0, 0, 0.5)}.button--variant-on-image.sc-swirl-button:active{background:rgba(0, 0, 0, 0.4)}.button--variant-on-image.sc-swirl-button:disabled,.button--variant-on-image.button--disabled.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.3)}.button--variant-on-image.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-on-image.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-on-image.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.sc-swirl-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default)}.button--variant-floating.sc-swirl-button:not(.button--elevated){box-shadow:var(--s-shadow-level-1)}.button--variant-floating.sc-swirl-button:hover{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-hovered)}.button--variant-floating.sc-swirl-button:active{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-pressed)}.button--variant-floating.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20);border-radius:1.5rem;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-floating.button--intent-primary.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-hovered)}.button--variant-floating.button--intent-primary.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-pressed)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled,.button--variant-floating.button--intent-primary.button--disabled.sc-swirl-button{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-floating.button--intent-primary.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.button--intent-primary.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--icon-position-end.sc-swirl-button .button__icon.sc-swirl-button{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.button--pill.sc-swirl-button{border-radius:1.25rem}.button--pill.button--size-l.sc-swirl-button{border-radius:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.button--size-l.sc-swirl-button{border-radius:1.375rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.sc-swirl-button{border-radius:1.125rem}}.button--icon-only.sc-swirl-button{padding:var(--s-space-8)}.button--icon-only.button--pill.sc-swirl-button{border-top-left-radius:var(--swirl-icon-button-border-top-left-radius);border-top-right-radius:var(--swirl-icon-button-border-top-right-radius);border-bottom-right-radius:var(
+const h = `.sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}.sc-swirl-button-h *.sc-swirl-button{box-sizing:border-box}.button.sc-swirl-button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-top-left-radius:var(--swirl-button-border-top-left-radius);border-top-right-radius:var(--swirl-button-border-top-right-radius);border-bottom-right-radius:var(--swirl-button-border-bottom-right-radius);border-bottom-left-radius:var(--swirl-button-border-bottom-left-radius);color:var(--s-text-subdued);background-color:var(--swirl-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer;gap:var(--s-space-8);transition:box-shadow 0.3s}.button.sc-swirl-button:hover{background-color:var(--swirl-ghost-button-background-hovered);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.button.sc-swirl-button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button--elevated.sc-swirl-button{box-shadow:var(--s-shadow-level-2)}.button.sc-swirl-button:disabled,.button.button--disabled.sc-swirl-button{color:var(--s-text-disabled);background-color:var(--swirl-ghost-button-background-disabled);cursor:default}.button.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-disabled)}.button.sc-swirl-button:focus:where(:not(:focus-visible)){outline:none}.button.sc-swirl-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button.sc-swirl-button{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button--text-align-start.sc-swirl-button{justify-content:flex-start}.button--text-align-center.sc-swirl-button{justify-content:center}.button--text-align-end.sc-swirl-button{justify-content:flex-end}.button--variant-ghost.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-default)}.button--variant-ghost.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-ghost.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-ghost.button--pressed.sc-swirl-button{color:var(--s-text-highlight)}.button--variant-ghost.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-flat.sc-swirl-button{color:var(--s-text-default);background-color:var(--swirl-flat-button-background-default);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.button--variant-flat.sc-swirl-button:hover{background-color:var(--swirl-flat-button-background-hovered)}.button--variant-flat.sc-swirl-button:active{background-color:var(--swirl-flat-button-background-pressed)}.button--variant-flat.sc-swirl-button:disabled,.button--variant-flat.button--disabled.sc-swirl-button{background-color:var(--swirl-flat-button-background-disabled)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-status);background-color:var(--s-action-critical-default)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):hover{background-color:var(--s-action-critical-hovered)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):active{background-color:var(--s-action-critical-pressed)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-on-status)}.button--variant-flat.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-flat.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-flat.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button{color:var(--s-text-default);outline:var(--s-border-width-default) solid var(--s-border-strong);outline-offset:calc(var(--s-border-width-default) * -1)}.button--variant-outline.sc-swirl-button:disabled,.button--variant-outline.button--disabled.sc-swirl-button{outline-color:var(--s-border-default)}.button--variant-outline.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-critical);outline-color:var(--s-border-critical)}.button--variant-outline.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-outline.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)),.button--variant-outline.button--pressed.sc-swirl-button{color:var(--s-text-highlight);outline-color:var(--s-border-highlight)}.button--variant-outline.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button,.button--variant-outline.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-outline.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-outline.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.sc-swirl-button{padding:0;border-radius:0;color:var(--swirl-plain-button-text-color-default);background-color:transparent}.button--variant-plain.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)){color:var(--swirl-plain-button-text-color-hovered);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-hovered)}.button--variant-plain.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)){color:var(--swirl-plain-button-text-color-pressed);background-color:transparent}.button--variant-plain.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-pressed)}.button--variant-plain.sc-swirl-button:disabled,.button--variant-plain.button--disabled.sc-swirl-button{color:var(--swirl-plain-button-text-color-disabled);background-color:transparent}.button--variant-plain.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-plain.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-disabled)}.button--variant-plain.button--icon-only.sc-swirl-button{padding:0}.button--variant-plain.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-default)}.button--variant-plain.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.button--intent-primary.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)){color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)){color:var(--s-interactive-primary-pressed)}.button--variant-plain.button--intent-primary.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-interactive-primary-pressed)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled,.button--variant-plain.button--intent-primary.button--disabled.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-plain.button--intent-primary.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-swirl-button .button__icon.sc-swirl-button{margin-left:0;color:var(--swirl-plain-button-text-color-default)}.button--variant-plain.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-plain.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-on-image.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.6)}.button--variant-on-image.sc-swirl-button:hover{background:rgba(0, 0, 0, 0.5)}.button--variant-on-image.sc-swirl-button:active{background:rgba(0, 0, 0, 0.4)}.button--variant-on-image.sc-swirl-button:disabled,.button--variant-on-image.button--disabled.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.3)}.button--variant-on-image.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-on-image.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-on-image.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.sc-swirl-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default)}.button--variant-floating.sc-swirl-button:not(.button--elevated){box-shadow:var(--s-shadow-level-1)}.button--variant-floating.sc-swirl-button:hover{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-hovered)}.button--variant-floating.sc-swirl-button:active{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-pressed)}.button--variant-floating.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20);border-radius:1.5rem;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-floating.button--intent-primary.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-hovered)}.button--variant-floating.button--intent-primary.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-pressed)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled,.button--variant-floating.button--intent-primary.button--disabled.sc-swirl-button{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-floating.button--intent-primary.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.button--intent-primary.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--icon-position-end.sc-swirl-button .button__icon.sc-swirl-button{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.button--pill.sc-swirl-button{border-radius:1.25rem}.button--pill.button--size-l.sc-swirl-button{border-radius:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.button--size-l.sc-swirl-button{border-radius:1.375rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.sc-swirl-button{border-radius:1.125rem}}.button--icon-only.sc-swirl-button{padding:var(--s-space-8)}.button--icon-only.button--pill.sc-swirl-button{border-top-left-radius:var(--swirl-icon-button-border-top-left-radius);border-top-right-radius:var(--swirl-icon-button-border-top-right-radius);border-bottom-right-radius:var(
       --swirl-icon-button-border-bottom-right-radius
     );border-bottom-left-radius:var(
       --swirl-icon-button-border-bottom-left-radius
-    )}.button--icon-only.sc-swirl-button .button__icon.sc-swirl-button{margin-right:0;margin-left:0}.button--has-icon.sc-swirl-button .button__icon.sc-swirl-button{display:inline-flex}.button__tag.sc-swirl-button{padding-left:var(--s-space-8);order:3}.button__icon.sc-swirl-button{display:none;width:1.5rem;height:1.5rem;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon.sc-swirl-button{width:1.25rem;height:1.25rem}}.button__label.sc-swirl-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}`, h = class {
+    )}.button--icon-only.sc-swirl-button .button__icon.sc-swirl-button{margin-right:0;margin-left:0}.button--has-icon.sc-swirl-button .button__icon.sc-swirl-button{display:inline-flex}.button__tag.sc-swirl-button{padding-left:var(--s-space-8);order:3}.button__trailing-slot.sc-swirl-button{order:4}.button__icon.sc-swirl-button{display:none;width:1.5rem;height:1.5rem;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon.sc-swirl-button{width:1.25rem;height:1.25rem}}.button__label.sc-swirl-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}`, p = class {
   constructor(n) {
-    l(this, n), this.iconPosition = "start", this.intent = "default", this.size = "m", this.textAlign = "center", this.type = "button", this.variant = "ghost", this.mediaQueryUnsubscribe = () => {
+    u(this, n), this.iconPosition = "start", this.intent = "default", this.size = "m", this.textAlign = "center", this.type = "button", this.variant = "ghost", this.mediaQueryUnsubscribe = () => {
     };
   }
   componentDidLoad() {
-    this.updateFormAttribute(), this.mediaQueryUnsubscribe = v.subscribe((n) => {
+    this.updateFormAttribute(), this.mediaQueryUnsubscribe = w.subscribe((n) => {
       this.forceIconProps(n);
     });
   }
@@ -41,21 +41,21 @@ const w = `.sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}
     Boolean(this.href) || !Boolean(this.form) ? (t = this.buttonEl) == null || t.removeAttribute("form") : (r = this.buttonEl) == null || r.setAttribute("form", this.form);
   }
   render() {
-    const n = this.hideLabel && Boolean(this.icon) || this.variant === "floating" && this.intent === "default", t = Boolean(this.href), r = this.getAriaLabel(n), a = this.icon || Boolean(this.el.querySelector("[slot='icon']")), s = Boolean(this.el.querySelector("[slot='tag']")), e = d("button", `button--icon-position-${this.iconPosition}`, `button--intent-${this.intent}`, `button--size-${this.size}`, `button--text-align-${this.textAlign}`, `button--variant-${this.variant}`, {
+    const n = this.hideLabel && Boolean(this.icon) || this.variant === "floating" && this.intent === "default", t = Boolean(this.href), r = this.getAriaLabel(n), a = this.icon || Boolean(this.el.querySelector("[slot='icon']")), s = Boolean(this.el.querySelector("[slot='tag']")), e = Boolean(this.el.querySelector("[slot='trailing']")), b = v("button", `button--icon-position-${this.iconPosition}`, `button--intent-${this.intent}`, `button--size-${this.size}`, `button--text-align-${this.textAlign}`, `button--variant-${this.variant}`, {
       "button--elevated": this.elevated,
       "button--disabled": this.disabled,
       "button--has-icon": a,
       "button--icon-only": n,
       "button--pill": this.pill,
       "button--pressed": this.pressed
-    }), b = t ? "a" : "button";
-    return o(u, { key: "dec5cc1badcf88a9b3f57a647c59fea4388a0e00", style: { pointerEvents: this.disabled ? "none" : "" } }, o(b, { key: "7b4a851e0c7f3699002095cf777c040a5c97194e", "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !t ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": r, "aria-pressed": this.pressed ? "true" : void 0, class: e, disabled: t ? void 0 : this.disabled, download: t ? void 0 : this.download, form: t ? void 0 : this.form, href: this.href, name: t ? void 0 : this.name, ref: (i) => this.buttonEl = i, target: t ? this.target : void 0, type: t ? void 0 : this.type, value: t ? void 0 : this.value, style: this.inheritFontSize ? { fontSize: "inherit", lineHeight: "inherit" } : {} }, Boolean(this.icon) && o("span", { key: "371fbdd6575181f62250eef491b6e4ed56b5b0e1", class: "button__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), !Boolean(this.icon) && o("span", { key: "e3af04a049701785eddba2142ca9c3d9f376eda8", class: "button__icon", ref: (i) => this.iconEl = i }, o("slot", { key: "e9a101f204201023c4c62539578cb408adccde85", name: "icon" })), !n && o("span", { key: "e08c03769f2981aac46e02c8519d06bb1b88c801", class: "button__label" }, this.label), s && o("span", { key: "5fa04e35b9980d2f6684ba3bf40006053d204949", class: "button__tag" }, o("slot", { key: "b9cab88a1ab1e53f3f1240d1bd32cb0175cc261f", name: "tag" }))));
+    }), l = t ? "a" : "button";
+    return o(c, { key: "6337212b126484088e98cc5912189b1ed232bdea", style: { pointerEvents: this.disabled ? "none" : "" } }, o(l, { key: "eb12293e543db44de0dde0913f31561384adb984", "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !t ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": r, "aria-pressed": this.pressed ? "true" : void 0, class: b, disabled: t ? void 0 : this.disabled, download: t ? void 0 : this.download, form: t ? void 0 : this.form, href: this.href, name: t ? void 0 : this.name, ref: (i) => this.buttonEl = i, target: t ? this.target : void 0, type: t ? void 0 : this.type, value: t ? void 0 : this.value, style: this.inheritFontSize ? { fontSize: "inherit", lineHeight: "inherit" } : {} }, Boolean(this.icon) && o("span", { key: "9911496cd21581532424a9ccaa902b16759f74de", class: "button__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), !Boolean(this.icon) && o("span", { key: "9a9a262855e3f7db4b686386bc7a7b22af2468ad", class: "button__icon", ref: (i) => this.iconEl = i }, o("slot", { key: "c043bcbec31a01fce43a01747f01537e9e5fe88c", name: "icon" })), !n && o("span", { key: "8ae906d08d3520362f816783ff48f01f08349d7a", class: "button__label" }, this.label), s && o("span", { key: "388cef78ae0744f4dae57f712c8a772fc2e65524", class: "button__tag" }, o("slot", { key: "d03270a8b768de0df1bfa07ba1e2aeb99f4646c0", name: "tag" })), e && o("div", { key: "38f7c4fb73a0b7edc0c2d25d780946fed13a3123", class: "button__trailing-slot" }, o("slot", { key: "372c71c84d11ed7eed830701e0d1e620a878b37b", name: "trailing" }))));
   }
   get el() {
-    return c(this);
+    return d(this);
   }
 };
-h.style = w;
+p.style = h;
 export {
-  h as swirl_button
+  p as swirl_button
 };

package/dist/{swirl-card.entry.5340f92c.js → swirl-card.entry.c71f3cda.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as e, H as c, g as l } from "./index.1e93dc97.js";
+import { r as d, c as n, h as e, H as c, g as l } from "./index.adb2af81.js";
 import { c as u } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -10,7 +10,7 @@ const h = `:host{display:contents}:host *{box-sizing:border-box}.card{--swirl-gh
     --s-surface-raised-pressed
   );--swirl-ghost-button-background-default:var(--s-surface-raised-default);--swirl-ghost-button-background-hovered:var(--s-surface-raised-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-raised-pressed);background-color:var(--s-surface-raised-default)}.card--intent-info-subdued{background-color:var(--s-surface-info-subdued)}.card--intent-success-subdued{background-color:var(--s-surface-success-subdued)}.card--intent-warning-subdued{background-color:var(--s-surface-warning-subdued)}.card--intent-highlight{color:var(--s-text-on-surface-highlight);background-color:var(--s-surface-highlight-default)}.card--has-floating-controls:focus-within .card__floating-controls,.card--has-floating-controls:hover .card__floating-controls{pointer-events:auto;opacity:1}.content-section{padding:0 var(--s-space-16)}.card__image{overflow:hidden;min-height:0}.card__image ::slotted(img){display:inline-flex;width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.card__floating-controls{position:absolute;z-index:1;top:0;right:0;padding:var(--s-space-12);transition:opacity 0.2s;pointer-events:none;opacity:0}.card__body{display:flex;min-height:0;padding:var(--s-space-12) var(--s-space-16) var(--s-space-16);flex-grow:1;flex-direction:column;gap:var(--s-space-16)}.card__content{min-height:100%}`, f = ["xs", "sm", "base", "l", "xl"], g = class {
   constructor(a) {
-    o(this, a), this.componentLoad = n(this, "componentLoad", 7), this.as = "div", this.borderRadius = "base", this.elevationLevel = 3, this.intent = "default", this.justifyContent = "start", this.flashing = !1;
+    d(this, a), this.componentLoad = n(this, "componentLoad", 7), this.as = "div", this.borderRadius = "base", this.elevationLevel = 3, this.intent = "default", this.justifyContent = "start", this.flashing = !1;
   }
   async flash(a = 5e3) {
     Boolean(this.flashingTimeout) && (clearTimeout(this.flashingTimeout), this.flashingTimeout = void 0), this.flashing = !0, this.flashingTimeout = setTimeout(() => {
@@ -33,7 +33,7 @@ const h = `:host{display:contents}:host *{box-sizing:border-box}.card{--swirl-gh
       paddingBlockStart: Boolean(this.paddingBlockStart) ? `var(--s-space-${this.paddingBlockStart})` : void 0,
       paddingInlineEnd: Boolean(this.paddingInlineEnd) ? `var(--s-space-${this.paddingInlineEnd})` : void 0,
       paddingInlineStart: Boolean(this.paddingInlineStart) ? `var(--s-space-${this.paddingInlineStart})` : void 0
-    }, d = u("card", `card--elevation-level-${this.elevationLevel}`, `card--intent-${this.intent}`, `card--justify-content-${this.justifyContent}`, {
+    }, o = u("card", `card--elevation-level-${this.elevationLevel}`, `card--intent-${this.intent}`, `card--justify-content-${this.justifyContent}`, {
       "card--elevated": this.elevated,
       "card--flashing": this.flashing,
       "card--has-floating-controls": r,
@@ -42,7 +42,7 @@ const h = `:host{display:contents}:host *{box-sizing:border-box}.card{--swirl-gh
       "card--interactive": this.interactive || this.href,
       "card--is--borderless": this.isBorderless
     });
-    return e(c, { key: "478f476dd1540d6717515b98275f8b844869fd7c", styles: { height: this.height } }, e(a, { key: "8e92bef0024a98a95b4ee57b14fc8f6774646279", "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: d, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank" ? "noreferrer" : void 0, style: t, target: this.linkTarget }, e("div", { key: "31c2805728761dfcb0c52a40ca35dde8db717395", class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, e("slot", { key: "acad13c8d0ae94025b38efdceb3f57c08c46e1ea", name: "image" })), e("div", { key: "acb6863ba75f792b6b63d345d21a5501d2606ae9", class: "card__floating-controls" }, e("slot", { key: "4ea72ed42dfb59b4e2d6a756084a51731811ac8f", name: "floating-controls" })), e("div", { key: "58ec0bd8db851413e5f00bc7f68fe0c7c180ebdc", class: "card__body", style: i }, e("div", { key: "8cca2590d51f405927f0632abe25e63e681e7175", class: "card__content" }, e("slot", { key: "012022e6119ae081a3fac9edade9c8f8789635ad", name: "content" })))));
+    return e(c, { key: "627c49d41c681c969170cb6acb654e8f703ce9c9", styles: { height: this.height } }, e(a, { key: "97120ac1aceeb6bfb2dddc0f1dab2b152f332176", "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: o, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank" ? "noreferrer" : void 0, style: t, target: this.linkTarget }, e("div", { key: "3f8ab8e7df574ef27ba36b24cecf1dc75b5c1ff8", class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, e("slot", { key: "5efeec1b6bc81100e1078aaf231408f33c099de7", name: "image" })), e("div", { key: "b8122399fb965b4d4569e4fe8dac21ccdc652e68", class: "card__floating-controls" }, e("slot", { key: "abc47854902b427d759f13b162c937a3c4a3eb5b", name: "floating-controls" })), e("div", { key: "a455be81f568fb3f0a9869a74bcf71b284c85b47", class: "card__body", style: i }, e("div", { key: "a079ae3c14eeb38d75981e8a1c6822b6373d305b", class: "card__content" }, e("slot", { key: "b81644a39a20f76b816d566084044f72b2e02afd", name: "content" })))));
   }
   get el() {
     return l(this);

package/dist/{swirl-carousel-slide.entry.b3fa9b9e.js → swirl-carousel-slide.entry.87d55358.js}

@@ -1,23 +1,23 @@
-import { r as e, h as i, H as t } from "./index.1e93dc97.js";
-import { c as o } from "./index-orsBiyT_.fc4357c3.js";
+import { r as i, h as e, H as t } from "./index.adb2af81.js";
+import { c as a } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
-const a = ":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%}", l = class {
+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%}", l = class {
   constructor(s) {
-    e(this, s), this.width = "15.5rem";
+    i(this, s), this.width = "15.5rem";
   }
   render() {
-    const s = o("carousel-slide", {
+    const s = a("carousel-slide", {
       "carousel-slide--has-min-height": Boolean(this.minHeight)
     });
-    return i(t, { key: "a9e40890d2e844b71df36d76648c29dcb7b3c424", "aria-roledescription": "slide", "aria-label": this.label, class: s, role: "group", style: {
+    return e(t, { key: "9a052f0bfc5e0a3d50de5eca0a3f64f15caf9c4c", "aria-roledescription": "slide", "aria-label": this.label, class: s, role: "group", style: {
       aspectRatio: this.aspectRatio,
       flexBasis: this.width,
       minHeight: this.minHeight
-    }, tabIndex: 0 }, i("slot", { key: "3648067d02370a7c2710bbc2adfa65c4db42f02b" }));
+    }, tabIndex: 0 }, e("slot", { key: "277e8805727f58bd9961069b8657a709b7531b74" }));
   }
 };
-l.style = a;
+l.style = o;
 export {
   l as swirl_carousel_slide
 };