@getflip/swirl-components-react 0.278.0 → 0.280.0

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

@@ -56,6 +56,7 @@ export declare const SwirlIconAddPhoto: import("react").ForwardRefExoticComponen
 export declare const SwirlIconAddReaction: import("react").ForwardRefExoticComponent<JSX.SwirlIconAddReaction & Omit<import("react").HTMLAttributes<HTMLSwirlIconAddReactionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconAddReactionElement>>;
 export declare const SwirlIconAdminPanelSettings: import("react").ForwardRefExoticComponent<JSX.SwirlIconAdminPanelSettings & Omit<import("react").HTMLAttributes<HTMLSwirlIconAdminPanelSettingsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconAdminPanelSettingsElement>>;
 export declare const SwirlIconAi: import("react").ForwardRefExoticComponent<JSX.SwirlIconAi & Omit<import("react").HTMLAttributes<HTMLSwirlIconAiElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconAiElement>>;
+export declare const SwirlIconAiFilled: import("react").ForwardRefExoticComponent<JSX.SwirlIconAiFilled & Omit<import("react").HTMLAttributes<HTMLSwirlIconAiFilledElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconAiFilledElement>>;
 export declare const SwirlIconApps: import("react").ForwardRefExoticComponent<JSX.SwirlIconApps & Omit<import("react").HTMLAttributes<HTMLSwirlIconAppsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconAppsElement>>;
 export declare const SwirlIconArrowBack: import("react").ForwardRefExoticComponent<JSX.SwirlIconArrowBack & Omit<import("react").HTMLAttributes<HTMLSwirlIconArrowBackElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconArrowBackElement>>;
 export declare const SwirlIconArrowDownward: import("react").ForwardRefExoticComponent<JSX.SwirlIconArrowDownward & Omit<import("react").HTMLAttributes<HTMLSwirlIconArrowDownwardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconArrowDownwardElement>>;

package/dist/{swirl-accordion-item.entry.88948867.js → swirl-accordion-item.entry.6c6ab6f6.js}

@@ -1,11 +1,11 @@
-import { r as d, c as t, h as e, H as n, g as s } from "./index.8c018d64.js";
+import { r as t, c as d, h as e, H as n, g as s } from "./index.3004123e.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: "9d7de27fab1b6fa257f2378ffd3541da37236353" }, e("div", { key: "c6cfdfe8ef238a3ddf1eff29cf5333b736796781", class: a }, e(i, { key: "a8bcdf75fdb679e80fb3b7b8d2fb82c8df2b2325", class: "accordion-item__heading" }, e("button", { key: "00e70a63be57e80639df7e87187fb46966036719", "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: "0537ec5f84d24ba6091aa007347647379ef6622c", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "3c187e3058940e8b3a66e5968f2b940db6987214", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "1e8efd3e1a46fa459bc374f24e75877ffdd76777", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "771d3173c02d1801399039b391f3f8dc378721a5", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "4cec14ec7f46af6d828b4b2ddb59f336c2f443a2", glyph: "expand-more", size: 20 })))), e("div", { key: "b66c80b51ddd18dec1b31089b9db5adb728587d2", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "4cf00b1ae3887621f7b1d6269c4bf38b9cb452c5" }))));
+    return e(n, { key: "29710e3b90bc91e4290687f120dda4dc8172bf1a" }, e("div", { key: "68680d0041529a5cf74ca84139c505d38987eb71", class: a }, e(i, { key: "0148138907529f3c1eab7cb95d35e8c05d56fc6a", class: "accordion-item__heading" }, e("button", { key: "f72a42c42a7ee1bf35646b44fa7e289f572e23c8", "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, e("span", { key: "fc9f06dbd96372ededa39d68334aaf33b53a94e2", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "d4df097cc2b96c6216e9dfc94486e08f571e3954", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "3606ddc91d2e808421137cd781ef682938b02f78", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "501fe59ef0b0e4692c65f8cdfd24ca1ac9335001", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "e389b4dfdc9306f07043ff902be7e538ee89c92f", glyph: "expand-more", size: 20 })))), e("div", { key: "0b796af4c2c698547e9c54aa435443892d2047d4", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "4cfa18cc7900a67b0d24ce55e5b5da1edf2b8a7a" }))));
   }
   get el() {
     return s(this);

package/dist/{swirl-accordion.entry.907ccdd8.js → swirl-accordion.entry.3090e181.js}

@@ -1,7 +1,7 @@
-import { r as s, c as i, h as o, H as a, g as l } from "./index.8c018d64.js";
+import { r as s, c as i, h as o, H as a, g as l } from "./index.3004123e.js";
 import "react";
 import "react-dom";
-const n = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}", c = n, d = class {
+const c = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}", n = c, d = class {
   constructor(e) {
     s(this, e), this.expandedItemChange = i(this, "expandedItemChange", 7);
   }
@@ -24,13 +24,13 @@ const n = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-ch
     });
   }
   render() {
-    return o(a, { key: "d55429aad4516126e668b224362c1b1a8fe14840" }, o("slot", { key: "830e7a692144588d97b3b19d1dc7981d9528f05b" }));
+    return o(a, { key: "0da292c39800abd564844ef83efd150ae18f9bce" }, o("slot", { key: "5267813019864387c8853836bcb5e7609b8498f7" }));
   }
   get el() {
     return l(this);
   }
 };
-d.style = c;
+d.style = n;
 export {
   d as swirl_accordion
 };

package/dist/{swirl-action-list-section.entry.72766c0f.js → swirl-action-list-section.entry.9ac28e8c.js}

@@ -1,15 +1,15 @@
-import { r as i, h as e, H as s } from "./index.8c018d64.js";
+import { r as i, h as e, H as s } from "./index.3004123e.js";
 import "react";
 import "react-dom";
-const a = ":host{display:block}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}", c = a, o = class {
+const a = ":host{display:block}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}", o = a, l = class {
   constructor(t) {
     i(this, t), this.label = void 0;
   }
   render() {
-    return e(s, { key: "b26e44c7aeb2812906e4024f30fc6a0037b2d345" }, e("div", { key: "43c282ba01329b008ec12bd1f4ce75c0d94dc181", "aria-labelledby": "label", class: "action-list-section", role: "group" }, e("span", { key: "77ec2da92deb17a84dcbaecdb5c75849a4b7f665", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), e("div", { key: "acd0d5cdf0c68d0c243ef4cb137873535f9c4adb", class: "action-list-section__items" }, e("slot", { key: "05b7dd200c520546602c658ba09d9ea314b837cb" }))));
+    return e(s, { key: "40bda032cab1a7b0f79a2b5881d9326b062156ea" }, e("div", { key: "0c82c51957b3707724636f33193023c7344b8104", "aria-labelledby": "label", class: "action-list-section", role: "group" }, e("span", { key: "58f78c65728f336de01b7cb903566aa8becbaaeb", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), e("div", { key: "ba803eaa5eb3b24d0c7cbb4c71f014bd708a36ce", class: "action-list-section__items" }, e("slot", { key: "456bbed6e34639d50f1b00efa172c4e7ea50461c" }))));
   }
 };
-o.style = c;
+l.style = o;
 export {
-  o as swirl_action_list_section
+  l as swirl_action_list_section
 };

package/dist/{swirl-action-list_2.entry.54ffee5b.js → swirl-action-list_2.entry.5565f908.js}

@@ -1,4 +1,4 @@
-import { r as a, h as o, H as c, g as r } from "./index.8c018d64.js";
+import { r as a, h as o, H as c, g as r } from "./index.3004123e.js";
 import { q as l, b as h, g as m } from "./utils-fbb8b494.acf1ae9e.js";
 import { c as u } from "./index-267776a4.6beb4f4b.js";
 import "react";
@@ -43,7 +43,7 @@ const f = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     return t.findIndex((i) => i === e || i === (e == null ? void 0 : e.querySelector('[role="menuitem"]')));
   }
   render() {
-    return o(c, { key: "df9e8d994a640babeec12638708d986a90e15ccb" }, o("div", { key: "75d900e53d5cab787775d484b744e2f61a6fa0df", "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: "33ee2e5013f8d4c95b4ba52581296940230a9574" })));
+    return o(c, { key: "a9c578bd188dd7099dc6e730a9e7e0712b141376" }, o("div", { key: "a59a86d89fac7df60915f24dda0a311d1315178f", "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: "59950a3821a5dfe5813605c14f5527e3cf257c96" })));
   }
   get el() {
     return r(this);

package/dist/{swirl-app-bar.entry.59f9c288.js → swirl-app-bar.entry.4906c7c4.js}

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

package/dist/{swirl-app-icon.entry.07f6feae.js → swirl-app-icon.entry.1e0a033f.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as n } from "./index.8c018d64.js";
+import { r as o, h as e, H as n } from "./index.3004123e.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -14,7 +14,7 @@ const c = ":host{display:inline-flex}:host *{box-sizing:border-box}.app-icon{pos
     const i = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0), a = !i && Boolean(this.icon), s = t("app-icon", {
       "app-icon--has-icon": a || !i && !a
     });
-    return e(n, { key: "edcf8cc69d16fa12285b1cb2e2b58dde368e72c2" }, e("span", { key: "764c775416d56e7b07b68b7d7fdb89404fea3362", class: s }, i && e("img", { key: "15cd23766dc7e81621017fa6a33eab01eb7bf88f", alt: "", height: "256", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "256" }), a && e("span", { key: "b7c9a9c803411570a0015e1a2febbef6f03fcaa8", class: "app-icon__icon", innerHTML: this.icon })));
+    return e(n, { key: "fcfbd3332b8ffdc129b4a5b336054a2f4b7c0cf2" }, e("span", { key: "1d085a88743d7341f83709283300a7e4fecb76b2", class: s }, i && e("img", { key: "bc9cac7895c5f9e0b58348a01dc6a4d14834b3a0", alt: "", height: "256", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "256" }), a && e("span", { key: "74fef35e39cc3b2f19c11e1846659d369218bda9", class: "app-icon__icon", innerHTML: this.icon })));
   }
 };
 r.style = l;

package/dist/{swirl-app-layout_5.entry.35981d7c.js → swirl-app-layout_5.entry.a94abaa2.js}

@@ -1,4 +1,4 @@
-import { r as n, c as r, h as a, H as d, g as p, F as h } from "./index.8c018d64.js";
+import { r as n, c as r, h as a, H as d, g as p, F as h } from "./index.3004123e.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as _, d as y, i as g, f } from "./utils-fbb8b494.acf1ae9e.js";
 import { S as T } from "./sortable.esm-8c3d5856.57c4f048.js";
@@ -24,7 +24,8 @@ const E = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
       "banner"
       "content"
       "bottom-bar"}.app-layout--has-bottom-bar .app-layout__content{border-bottom:var(--s-border-width-default) solid transparent}.app-layout--has-bottom-bar .app-layout__bottom-bar{display:block}.app-layout--has-custom-app-bar-back-button .app-layout__custom-app-bar-back-button{display:block}.app-layout--has-custom-sidebar-header .app-layout__sidebar-header{display:none}.app-layout--has-custom-sidebar-header .app-layout__custom-sidebar-header{display:block}.app-layout--has-floating-action-button .app-layout__floating-action-button{display:block}.app-layout--hide-app-bar .app-layout__body{grid-template-rows:auto 1fr;grid-template-areas:"banner"
-      "content"}.app-layout--content-scrollable:not(.app-layout--content-scrolled-to-top) .app-layout__app-bar{border-bottom-color:var(--s-border-default)}.app-layout--content-scrollable.app-layout--has-bottom-bar:not(.app-layout--content-scrolled-to-bottom) .app-layout__content{border-bottom-color:var(--s-border-default)}.app-layout--nav-scrollable:not(.app-layout--nav-scrolled-to-top) .app-layout__header{border-bottom-color:var(--s-border-default)}.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__sidebar-header,.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__custom-sidebar-header{border-bottom-color:var(--s-border-default)}.app-layout__header{z-index:1;display:flex;min-width:0;height:var(--header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__header{border-right:var(--s-border-width-default) solid var(--s-border-default)}}@media (min-width: 992px){.app-layout__header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__app-name{min-width:0}.app-layout__app-name .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{flex-shrink:0}@media (min-width: 992px){.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{display:none}}.app-layout__app-bar-mobile-menu-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-mobile-menu-button{padding-left:0}}.app-layout__navigation-back-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__floating-action-button{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16);display:none}.app-layout__navigation-controls{flex-shrink:0}.app-layout__navigation{z-index:1;overflow-y:auto;border-right:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:navigation}.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:none}@media (min-width: 992px){.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:block}}.app-layout__nav-expansion-toggle{padding-left:var(--s-space-16)}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;grid-area:body;grid-template-rows:minmax(var(--header-height), auto) auto 1fr;grid-template-areas:"app-bar"
+      "content"
+      "bottom-bar"}.app-layout--content-scrollable:not(.app-layout--content-scrolled-to-top) .app-layout__app-bar{border-bottom-color:var(--s-border-default)}.app-layout--content-scrollable.app-layout--has-bottom-bar:not(.app-layout--content-scrolled-to-bottom) .app-layout__content{border-bottom-color:var(--s-border-default)}.app-layout--nav-scrollable:not(.app-layout--nav-scrolled-to-top) .app-layout__header{border-bottom-color:var(--s-border-default)}.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__sidebar-header,.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__custom-sidebar-header{border-bottom-color:var(--s-border-default)}.app-layout__header{z-index:1;display:flex;min-width:0;height:var(--header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__header{border-right:var(--s-border-width-default) solid var(--s-border-default)}}@media (min-width: 992px){.app-layout__header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__app-name{min-width:0}.app-layout__app-name .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{flex-shrink:0}@media (min-width: 992px){.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{display:none}}.app-layout__app-bar-mobile-menu-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-mobile-menu-button{padding-left:0}}.app-layout__navigation-back-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__floating-action-button{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16);display:none}.app-layout__navigation-controls{flex-shrink:0}.app-layout__navigation{z-index:1;overflow-y:auto;border-right:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:navigation}.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:none}@media (min-width: 992px){.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:block}}.app-layout__nav-expansion-toggle{padding-left:var(--s-space-16)}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;grid-area:body;grid-template-rows:minmax(var(--header-height), auto) auto 1fr;grid-template-areas:"app-bar"
     "banner"
     "content"}.app-layout__app-bar{--swirl-tab-bar-border-width:0;--swirl-tab-bar-height:3.5rem;display:flex;min-width:0;align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:app-bar;gap:var(--s-space-8)}.app-layout__bottom-bar{display:none;min-width:0;align-items:center;background-color:var(--s-background-default);grid-area:bottom-bar}.app-layout__back-to-navigation-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__back-to-navigation-button{display:none}}.app-layout__banner{grid-area:banner}.app-layout__app-bar-content{min-width:0;flex-grow:1}.app-layout__custom-app-bar-back-button{display:none;padding-left:var(--s-space-8)}.app-layout__app-bar-controls{display:none;padding-right:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-controls{padding-right:var(--s-space-16)}}.app-layout__content{overflow:auto;background-color:var(--s-background-default);grid-area:content}.app-layout__sidebar{z-index:3;display:grid;width:100%;height:100%;border-left:var(--s-border-width-default) solid var(--s-border-default);grid-area:sidebar;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"sidebar-header"
     "sidebar-content"}@media (min-width: 768px){.app-layout__sidebar{animation:app-layout-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout__sidebar{width:25rem;animation:none}}.app-layout__custom-sidebar-header{display:none;min-width:0;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:sidebar-header}.app-layout__sidebar-header{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:sidebar-header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__sidebar-header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__sidebar-heading{min-width:0;flex-grow:1}.app-layout__sidebar-heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__sidebar-close-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__sidebar-content{overflow-y:auto;background-color:var(--s-background-default);grid-area:sidebar-content}@keyframes app-layout-nav-overlay-slide-in-desktop{from{width:0}to{width:22.5rem}}@keyframes app-layout-nav-overlay-slide-in-large-desktop{from{width:0}to{width:25rem}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"
@@ -237,7 +238,7 @@ const V = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{
     const t = this.size === 20 ? 24 : this.size, e = {
       color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
     }, i = c("swirl-icon", `swirl-icon--size-${this.size}`);
-    return a("svg", { key: "26a865bc1537fcf99d3253a96382cc479e2353a9", "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: "2c43be6909d8d93f71307f8dcfc9ef5330a897b1" }, a("path", { key: "e584dede2fe0824825a465d8c8312a509961240f", 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: "e02b8cdb2e42e5a05dd95bb345d8207a6f4478e1" }, a("path", { key: "1860975da863edad969eb4657c8e9f0300ec365f", 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: "c594b9aab422c6ce1ee5019716a7dd9bc3f6fffe" }, a("path", { key: "f00a4ced2792f290d3b8b3a8120bd3e63dcc7bdd", 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: "44ef97daded02a1174875c4d77d68581d6b6b2e4", "aria-hidden": "true", class: i, fill: "none", height: this.size, part: "icon", style: e, viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && a(h, { key: "d06e91f970cfb3ea0f8f14ee1da86ff7df3dad94" }, a("path", { key: "91ad486c88217b828ec4b0ffd263baa3e7b0ef42", d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && a(h, { key: "41ce7990d2baf24ae399f104ee08fbc426104c23" }, a("path", { key: "d18eb70d8d70d305261e3696dba45b3d08f051d9", d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" })), this.size === 28 && a(h, { key: "efdf9df484dbe6f31fe2102ab2dfa249bc40e48e" }, a("path", { key: "4fd2e43f4f3502c2993d356ed47480638fa1e840", d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })));
   }
 };
 O.style = z;
@@ -362,7 +363,7 @@ const q = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
     });
   }
   render() {
-    return a(d, { key: "04e410a7eb1df3235d088ae42c0b85114d197d99", onKeyDown: this.onKeyDown }, a("swirl-visually-hidden", { key: "8656ba56a85b996765ce641034a42f7245ac4228", role: "alert" }, this.assistiveText), a("swirl-box", { key: "38ada50f222304769a818b6a6ce9040370144cba", paddingInlineEnd: "8", paddingInlineStart: "8" }, a("swirl-stack", { key: "a7e461662c51c1ed429c01676490ae2576892fbd", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (t) => this.gridEl = t, role: "grid", spacing: this.spacing }, a("slot", { key: "ae905d997b22ed8217a6a4f870bc925ba81a38be" }))));
+    return a(d, { key: "46b3453bffde76bfa8186b450b586c76b8800e8a", onKeyDown: this.onKeyDown }, a("swirl-visually-hidden", { key: "85f441caf8eb1d6befc6962a8a7573daead8cd5a", role: "alert" }, this.assistiveText), a("swirl-box", { key: "995d67dbfe73d5b4ccd925807b596ee27cb4b7dd", paddingInlineEnd: "8", paddingInlineStart: "8" }, a("swirl-stack", { key: "75630b05ff8c83bc09afa60913cdcc878fb9327d", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (t) => this.gridEl = t, role: "grid", spacing: this.spacing }, a("slot", { key: "61350cd93a62b4593f115b32383976366adbfe34" }))));
   }
   get el() {
     return p(this);
@@ -448,7 +449,7 @@ const $ = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
       "resource-list-item--wrap-description": this.descriptionWrap,
       "resource-list-item--wrap-label": this.labelWrap
     });
-    return a(d, { key: "5be67a17757507369542b8cf618c57d9af7ae4fc", role: "row" }, a("div", { key: "69b5a264541dbe67a7bc2fabbbd7fde7c6835065", class: I, role: "gridcell" }, a(t, { key: "6e9c93a7fefc863ca1b99da52412dc5d6bae7728", "aria-checked": x, "aria-disabled": e ? "true" : void 0, "aria-label": k, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", href: u, disabled: e, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: S, tabIndex: 0, type: t === "button" ? "button" : void 0 }, this.hasMedia && a("span", { key: "64753aef4f1d30e0effb97986e7f98be36e82de8", class: "resource-list-item__media" }, a("slot", { key: "6d52ff59b03a04b73c15b6ce8e8631895f3ed03f", name: "media" })), a("span", { key: "51b717b469bdaa6ba8b8e0055c32e4b4c5eb8fea", class: "resource-list-item__label-container", style: C }, a("span", { key: "8acdd3eebe871b73db99b0fad7694c85c037845e", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && a("span", { key: "0f321dfadeb9835bc6a09ac372a112d36e7cb421", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), s && a("span", { key: "25b59f01033eb7f8b80ea8e392fcc0db43a73f06", class: "resource-list-item__meta" }, a("span", { key: "b820724e36fa983c47c8531e9af69cb34038068b", class: "resource-list-item__meta-text" }, this.meta), a("span", { key: "ac38fd70bb0d0fecae2506bc625ffbbba2a5f4f7", class: "resource-list-item__badges" }, a("slot", { key: "ce8f0faa8379ec311eaf399334d3830bc199cf3b", name: "badges" })))), this.selectable && a("span", { key: "136547350810b5f4d34d52acfbc72a3c2c19b497", "aria-hidden": "true", class: "resource-list-item__checkbox" }, a("span", { key: "dc7f2ed8cb36e2b8619a1687de3bae98912fd5dd", class: "resource-list-item__checkbox-icon" }, this.checked && a("swirl-icon-check-strong", { key: "0d002fad41e3eaa731beb5b309040b1b424f6a3a" }))), a("span", { key: "ddd6000d44dadf4fbcdfe711357920f4ade74039", class: "resource-list-item__control", onClick: this.onControlClick, ref: (B) => this.controlContainer = B }, a("slot", { key: "184bd642b8db3d934ced851972971b339bf1c162", name: "control" })), m && a("swirl-popover-trigger", { key: "6a36758f43da945287da0885b1698a46b72f8afb", swirlPopover: this.menuTriggerId }, a("swirl-button", { key: "92a49824aefa712532a781d456bd50ca8d8dca76", "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: "b6d34584b0ce39db65c0de8a80f2f0f5b4dba4b6", "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: "05416c82b9f79b96b14de3da5244d4e4d49b8665", size: this.iconSize })));
+    return a(d, { key: "ee71a35a51909f48b6481e88902952de6c551d5d", role: "row" }, a("div", { key: "52cadb9dcc3b255500dfca0cfa5b786e7a8b90dc", class: I, role: "gridcell" }, a(t, { key: "4ef3eec2ec3fc2ed8299e8f52b5bfeaa751410e8", "aria-checked": x, "aria-disabled": e ? "true" : void 0, "aria-label": k, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", href: u, disabled: e, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: S, tabIndex: 0, type: t === "button" ? "button" : void 0 }, this.hasMedia && a("span", { key: "8c748b14176c0da6263e6609f218c4e02996a744", class: "resource-list-item__media" }, a("slot", { key: "9126fbb711cec2f4179f0ad051ecfc2c91af018c", name: "media" })), a("span", { key: "f49e3b7fc7998ef327fc75f95a3ebc336ecc8c73", class: "resource-list-item__label-container", style: C }, a("span", { key: "ebcaa12a4655cb2615f798806b721d53ba3a18ca", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && a("span", { key: "b64963c940cfa8b0d309929e6c77485363611313", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), s && a("span", { key: "3d0da6bcdb783d85071cac3c3bf1f0b3af9fe6a0", class: "resource-list-item__meta" }, a("span", { key: "2c939bf964eaa4b1fdcd43a48c67cf5da6755485", class: "resource-list-item__meta-text" }, this.meta), a("span", { key: "21216b62f38fd1031bad7d07746db1c595d01be9", class: "resource-list-item__badges" }, a("slot", { key: "7c30e294778db39c7ead121948fce77a940a2f9c", name: "badges" })))), this.selectable && a("span", { key: "3ed06e50ccd5a9096337f2c7d4ffb7ff4bc7853a", "aria-hidden": "true", class: "resource-list-item__checkbox" }, a("span", { key: "81ee8c5911ba9d23ac29d6ea9568b404a163a9dd", class: "resource-list-item__checkbox-icon" }, this.checked && a("swirl-icon-check-strong", { key: "8aded72608b52bfedccc1d9889c5322b967825ba" }))), a("span", { key: "08f435f707be1eff4276daede7f9bc8dea0a9eef", class: "resource-list-item__control", onClick: this.onControlClick, ref: (B) => this.controlContainer = B }, a("slot", { key: "ac76664b4fc00749ee6c4e2b78a09ac7d706f5b9", name: "control" })), m && a("swirl-popover-trigger", { key: "9a8d921b73538b651d1877d3f960349b85121162", swirlPopover: this.menuTriggerId }, a("swirl-button", { key: "1f99dfc95d71205f7c171f7bdc4346eeb563227c", "aria-disabled": e ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: e, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && a("button", { key: "5683928a73c254aad8a55cc709b669dcd54ad2df", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, a("swirl-icon-drag-handle", { key: "8aa0c74b94c6b2ad083d2289cc099db67d5114ab", size: this.iconSize })));
   }
   get el() {
     return p(this);

package/dist/{swirl-autocomplete.entry.a36bcaae.js → swirl-autocomplete.entry.55a41253.js}

@@ -1,4 +1,4 @@
-import { r as p, c as m, h as o, H as f, g as b } from "./index.8c018d64.js";
+import { r as p, c as m, h as o, H as f, g as b } from "./index.3004123e.js";
 import { a as g, c as v, o as y } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as w } from "./index-267776a4.6beb4f4b.js";
 import { d as S } from "./utils-fbb8b494.acf1ae9e.js";

package/dist/{swirl-avatar-group.entry.41245897.js → swirl-avatar-group.entry.a430f80c.js}

@@ -1,8 +1,8 @@
-import { r as s, h as a, H as i } from "./index.8c018d64.js";
+import { r as s, h as a, H as i } from "./index.3004123e.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, c = class {
+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;
   }
@@ -19,10 +19,10 @@ 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: "6c81860c9a182698fb09f5e0fc0074c53bc4bd6c" }, a("div", { key: "cd5f70dcab98ba8e3b75383fe82f53bec8ba5942", class: r, role: "group" }, a("slot", { key: "edb2796a9c1e07482d08792c5ee93cda49e94cc5" }), this.badge && a("span", { key: "957ac8bd7d1cbc9f959a050159e8ae5643a332ff", class: e, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
+    return a(i, { key: "5b386bdc0c753d8ef01cbb733643a60e96ab89fe" }, a("div", { key: "d3e47d6670ac21c8d202b76dbde2861f6bcaf57a", class: r, role: "group" }, a("slot", { key: "a81602480b721dcd9b90b8c36c5f795d7a5d6463" }), this.badge && a("span", { key: "224ac43404406dbcd768b812fc6940514b9ea36f", class: e, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
   }
 };
-c.style = l;
+n.style = l;
 export {
-  c as swirl_avatar_group
+  n as swirl_avatar_group
 };

package/dist/{swirl-avatar.entry.e1f774b5.js → swirl-avatar.entry.508d6e5e.js}

@@ -1,4 +1,4 @@
-import { r as g, c as n, h as e, H as b, g as f } from "./index.8c018d64.js";
+import { r as g, c as n, h as e, H as b, g as f } from "./index.3004123e.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-badge.entry.362649e2.js → swirl-badge.entry.91738e46.js}

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

package/dist/{swirl-banner.entry.6b2ba2a1.js → swirl-banner.entry.795f79f3.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as t, H as c, g as b } from "./index.8c018d64.js";
+import { r as o, c as r, h as t, H as c, g as b } from "./index.3004123e.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import { g as l } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";

package/dist/{swirl-box.entry.3ee92f61.js → swirl-box.entry.1b42b269.js}

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

package/dist/{swirl-button-group.entry.2989cf8f.js → swirl-button-group.entry.a9336b34.js}

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

package/dist/swirl-button.entry.bcd81d9c.js

@@ -0,0 +1,62 @@
+import { r as l, h as o, H as u, g as d } from "./index.3004123e.js";
+import { c } from "./index-267776a4.6beb4f4b.js";
+import { g as v } from "./utils-fbb8b494.acf1ae9e.js";
+import "react";
+import "react-dom";
+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)}.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.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);box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.button--variant-outline.sc-swirl-button:disabled,.button--variant-outline.button--disabled.sc-swirl-button{box-shadow:inset 0 0 0 var(--s-border-width-default)
+      var(--s-border-default)}.button--variant-outline.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-critical);box-shadow:inset 0 0 0 var(--s-border-width-default)
+      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);box-shadow:inset 0 0 0 var(--s-border-width-default)
+      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);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}`, w = h, p = class {
+  constructor(n) {
+    l(this, n), this.desktopMediaQuery = v(), this.desktopMediaQueryHandler = (t) => {
+      this.forceIconProps(t.matches);
+    }, this.disabled = void 0, this.download = void 0, this.swirlAriaControls = void 0, this.swirlAriaCurrent = void 0, this.swirlAriaDescribedby = void 0, this.swirlAriaExpanded = void 0, this.swirlAriaHaspopup = void 0, this.swirlAriaLabel = void 0, this.form = void 0, this.hideLabel = void 0, this.href = void 0, this.icon = void 0, this.iconPosition = "start", this.intent = "default", this.label = void 0, this.name = void 0, this.pill = void 0, this.pressed = void 0, this.size = "m", this.target = void 0, this.textAlign = "center", this.type = "button", this.value = void 0, this.variant = "ghost", this.inheritFontSize = void 0;
+  }
+  componentDidLoad() {
+    this.forceIconProps(this.desktopMediaQuery.matches), this.updateFormAttribute(), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
+  }
+  componentDidRender() {
+    this.forceIconProps(this.desktopMediaQuery.matches), this.updateFormAttribute();
+  }
+  disconnectedCallback() {
+    var n, t;
+    (t = (n = this.desktopMediaQuery).removeEventListener) == null || t.call(n, "change", this.desktopMediaQueryHandler);
+  }
+  forceIconProps(n) {
+    if (!Boolean(this.iconEl))
+      return;
+    const t = this.iconEl.children[0];
+    ((t == null ? void 0 : t.tagName.startsWith("SWIRL-ICON")) || (t == null ? void 0 : t.tagName.startsWith("SWIRL-EMOJI")) || (t == null ? void 0 : t.tagName.startsWith("SWIRL-SYMBOL"))) && (t == null || t.setAttribute("size", n ? "20" : "24"));
+  }
+  getAriaLabel(n) {
+    if (Boolean(this.swirlAriaLabel))
+      return this.swirlAriaLabel;
+    if (n)
+      return this.label;
+  }
+  updateFormAttribute() {
+    var t, r;
+    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 = c("button", `button--icon-position-${this.iconPosition}`, `button--intent-${this.intent}`, `button--size-${this.size}`, `button--text-align-${this.textAlign}`, `button--variant-${this.variant}`, {
+      "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: "9f7e6331c399db3c4bfd13decb2122be60e5e065", style: { pointerEvents: this.disabled ? "none" : "" } }, o(b, { key: "859b6ac29de2c34bb8d83195f15204e533e6def2", "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: "5c7f0e5a64b7a340f2150f389f20cd9316b187aa", class: "button__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), !Boolean(this.icon) && o("span", { key: "d6a785644558af85728463ae5a91a0356597f234", class: "button__icon", ref: (i) => this.iconEl = i }, o("slot", { key: "fc0967d404034583af2e3de17f466cd16bb7a9b0", name: "icon" })), !n && o("span", { key: "adffba35ce4ab6113dbdcf9250d288f5ee0755d2", class: "button__label" }, this.label), s && o("span", { key: "e9fd1d4ab56df41b7c20b54fd830735571273f4d", class: "button__tag" }, o("slot", { key: "b102bba403ef8ec9f380fca6153ba242d789e0f0", name: "tag" }))));
+  }
+  get el() {
+    return d(this);
+  }
+};
+p.style = w;
+export {
+  p as swirl_button
+};

package/dist/{swirl-card.entry.d6f7c453.js → swirl-card.entry.6a829b55.js}

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

package/dist/{swirl-carousel-slide.entry.ac7669e8.js → swirl-carousel-slide.entry.c1f71df9.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as t } from "./index.8c018d64.js";
+import { r as i, h as e, H as t } from "./index.3004123e.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/swirl-carousel.entry.d795dac2.js

@@ -0,0 +1,74 @@
+import { r as o, c as a, h as l, H as r, g as c } from "./index.3004123e.js";
+import { d } from "./utils-fbb8b494.acf1ae9e.js";
+import "react";
+import "react-dom";
+const h = ":host{--swirl-carousel-spacing:var(--s-space-16);position:relative;display:block;overflow:hidden;width:100%;margin-top:calc(-1 * var(--s-space-24));margin-bottom:calc(-1 * var(--s-space-24))}:host(:hover) .carousel__previous-slide-button{pointer-events:auto;opacity:1}:host(:hover) .carousel__next-slide-button{pointer-events:auto;opacity:1}:host *{box-sizing:border-box}.carousel{position:relative;overflow:hidden;width:100%}.carousel__slides{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;width:100%;padding:var(--s-space-24) var(--s-space-16);scroll-padding:var(--s-space-16);scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides ::slotted(*){margin-left:var(--swirl-carousel-spacing);flex-grow:0;flex-shrink:0;scroll-snap-align:start}.carousel__previous-slide-button{position:absolute;z-index:1;top:calc(50% - var(--s-space-12));left:var(--s-space-4);visibility:hidden;transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}@media (min-width: 768px){.carousel__previous-slide-button{visibility:visible}}.carousel__next-slide-button{position:absolute;z-index:1;top:calc(50% - var(--s-space-12));right:var(--s-space-4);visibility:hidden;transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}@media (min-width: 768px){.carousel__next-slide-button{visibility:visible}}", u = h, p = class {
+  constructor(i) {
+    o(this, i), this.activeSlidesChange = a(this, "activeSlidesChange", 7), this.activeSlides = [], this.updateActiveSlideReferences = d(() => {
+      const e = this.getActiveSlides();
+      e.some((s, n) => this.activeSlides[n] !== s) && (this.activeSlides = e, this.activeSlidesChange.emit(this.activeSlides));
+    }, 100), this.onPreviousSlideButtonClick = () => {
+      this.previousSlide();
+    }, this.onNextSlideButtonClick = () => {
+      this.nextSlide();
+    }, this.onSlotChange = () => {
+      var e;
+      (e = this.activeSlides[0]) == null || e.scrollIntoView({ block: "nearest", inline: "start" });
+    }, this.onScroll = () => {
+      this.updateActiveSlideReferences(), this.checkScrollPosition();
+    }, this.label = void 0, this.nextSlideButtonLabel = "Next slide", this.previousSlideButtonLabel = "Previous slide", this.loopAround = !1, this.paddingInlineEnd = void 0, this.paddingInlineStart = void 0, this.spacing = "16", this.isAtEnd = void 0, this.isAtStart = void 0, this.isScrollable = void 0;
+  }
+  onWindowResize() {
+    this.checkScrollStatus();
+  }
+  componentDidLoad() {
+    queueMicrotask(() => {
+      this.checkScrollStatus(), this.checkScrollPosition();
+    });
+  }
+  async scrollToSlide(i) {
+    const t = this.getSlides().find((s) => s.id === i);
+    !Boolean(t) || t.scrollIntoView({ block: "nearest", inline: "start" });
+  }
+  previousSlide() {
+    const i = this.getSlides(), e = this.getActiveSlides(), t = e[0].previousElementSibling || (this.loopAround ? i[i.length - 1] : e[0]);
+    t == null || t.scrollIntoView({ block: "nearest", inline: "start" });
+  }
+  nextSlide() {
+    const i = this.getSlides(), e = this.getActiveSlides(), s = !Boolean(e[e.length - 1].nextElementSibling) && this.loopAround ? i[0] : e[0].nextElementSibling;
+    s == null || s.scrollIntoView({ block: "nearest", inline: "start" });
+  }
+  getSlides() {
+    return Array.from(this.el.querySelectorAll("swirl-carousel-slide"));
+  }
+  getActiveSlides() {
+    return this.getSlides().filter((e) => this.checkInView(e));
+  }
+  checkScrollStatus() {
+    this.isScrollable = this.slidesContainer.scrollWidth > this.slidesContainer.offsetWidth;
+  }
+  checkScrollPosition() {
+    const i = this.getSlides(), e = this.getActiveSlides(), t = e[0] === i[0], s = e[e.length - 1] === i[i.length - 1];
+    t !== this.isAtStart && (this.isAtStart = t), s !== this.isAtEnd && (this.isAtEnd = s);
+  }
+  checkInView(i) {
+    let e = this.slidesContainer.scrollLeft, t = e + this.slidesContainer.clientWidth, s = i.offsetLeft, n = s + i.clientWidth;
+    return s >= e && n <= t;
+  }
+  render() {
+    this.el.style.setProperty("--swirl-carousel-spacing", `${this.spacing}px`);
+    const i = {
+      paddingInlineEnd: Boolean(this.paddingInlineEnd) ? `var(--s-space-${this.paddingInlineEnd})` : void 0,
+      paddingInlineStart: Boolean(this.paddingInlineStart) ? `var(--s-space-${this.paddingInlineStart})` : void 0,
+      scrollPadding: Boolean(this.paddingInlineStart) ? `var(--s-space-${this.paddingInlineStart})` : void 0
+    };
+    return l(r, { key: "1f70b252a4c321684630b607da270c25cef8f7e4", "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, l("div", { key: "f67505a962e5082d54e4613d2e77e62736efd120", class: "carousel" }, this.isScrollable && !this.isAtStart && l("swirl-button", { key: "bccf78229f6bbd84ba714e287eb31395757108f8", class: "carousel__previous-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: !0, variant: "floating" }), this.isScrollable && !this.isAtEnd && l("swirl-button", { key: "ca72af5423c9c6bca90760770bb9208e2e359784", class: "carousel__next-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: !0, variant: "floating" }), l("div", { key: "2cfa69c7419ce24281267b09ba996779ee3d7920", "aria-live": "polite", class: "carousel__slides", style: i, onScroll: this.onScroll, ref: (e) => this.slidesContainer = e }, l("slot", { key: "e52277424d566780b364b171d84d8fa83007b6a2", onSlotchange: this.onSlotChange }))));
+  }
+  get el() {
+    return c(this);
+  }
+};
+p.style = u;
+export {
+  p as swirl_carousel
+};

package/dist/{swirl-checkbox.entry.814c1ed5.js → swirl-checkbox.entry.cc9a6754.js}

@@ -1,4 +1,4 @@
-import { r as b, c as d, h as c, H as t } from "./index.8c018d64.js";
+import { r as b, c as t, h as c, H as d } from "./index.3004123e.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -6,7 +6,7 @@ const n = `.sc-swirl-checkbox-h{display:inline-flex}.sc-swirl-checkbox-h *.sc-sw
       0 0 0 0.1875rem var(--s-focus-default)}.checkbox--variant-card.sc-swirl-checkbox{width:100%;padding:var(--s-space-16);border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface)}.checkbox--variant-card.sc-swirl-checkbox:focus-within{box-shadow:0 0 0 0.125rem var(--s-background-default),
       0 0 0 0.25rem var(--s-focus-default)}.checkbox--variant-card.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:none}.checkbox--variant-card.sc-swirl-checkbox:hover:not(.checkbox--disabled){background-color:var(--s-surface-hovered)}.checkbox--variant-card.sc-swirl-checkbox:active:not(.checkbox--disabled){background-color:var(--s-surface-pressed)}.checkbox--variant-card.checkbox--checked.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-highlight)}.checkbox--variant-card.checkbox--invalid.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-critical)}.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.checkbox--invalid.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--invalid.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-critical)}.checkbox--invalid.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-critical)}.checkbox--disabled.sc-swirl-checkbox{cursor:default}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:transparent}.checkbox--disabled.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox,.checkbox--disabled.sc-swirl-checkbox .checkbox__description.sc-swirl-checkbox{color:var(--s-text-disabled)}.checkbox--label-weight-regular.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-regular)}.checkbox__control.sc-swirl-checkbox{position:relative;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__control.sc-swirl-checkbox{width:1.375rem;height:1.375rem}}.checkbox__box.sc-swirl-checkbox{position:relative;z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.checkbox__icon.sc-swirl-checkbox{display:inline-flex;width:1.0625rem;height:1.0625rem}.checkbox__icon.sc-swirl-checkbox>*.sc-swirl-checkbox::part(icon){width:1.0625rem;height:1.0625rem}.checkbox__indeterminate-icon.sc-swirl-checkbox{position:relative;width:100%;height:100%}.checkbox__indeterminate-icon.sc-swirl-checkbox:after{position:absolute;top:50%;left:50%;width:0.625rem;height:0.125rem;border-radius:0.0625rem;background-color:currentColor;content:"";transform:translate3d(-50%, -50%, 0)}.checkbox__label-container.sc-swirl-checkbox{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-2);align-items:flex-start;flex-direction:column}.checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-medium)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__label.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.checkbox__description.sc-swirl-checkbox{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__description.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}`, k = n, x = class {
   constructor(e) {
-    b(this, e), this.valueChange = d(this, "valueChange", 7), this.onChange = () => {
+    b(this, e), this.valueChange = t(this, "valueChange", 7), this.onChange = () => {
       this.checked = !(this.checked === !0 || this.checked === "true"), this.valueChange.emit(this.checked);
     }, this.checked = !1, this.description = void 0, this.disabled = !1, this.swirlAriaDescribedby = void 0, this.swirlAriaLabel = void 0, this.inputId = void 0, this.inputName = void 0, this.invalid = void 0, this.label = void 0, this.labelWeight = "medium", this.value = void 0, this.variant = "default";
   }
@@ -21,7 +21,7 @@ const n = `.sc-swirl-checkbox-h{display:inline-flex}.sc-swirl-checkbox-h *.sc-sw
       "checkbox--invalid": this.invalid,
       "checkbox--unchecked": e
     });
-    return c(t, { key: "bbc24f3e3cb34a0b25cf7a1e46272fc6044ffb5a", style: { width: this.variant === "card" ? "100%" : void 0 } }, c("label", { key: "a3ffcaef4e52604ae57dd26b97291506b1aea38f", class: a, htmlFor: this.inputId }, c("span", { key: "4ffd11cfdc97d42b79db1ed1d27befbae0a93f8b", class: "checkbox__control" }, c("swirl-visually-hidden", { key: "609774c239efc03caeb57772d05647fc89246592" }, c("input", { key: "1fb5ef7acc8a582d200634c722821d3a3ba92125", "aria-checked": r, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": h, "aria-label": this.swirlAriaLabel, checked: i, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: o, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), c("span", { key: "29d9697422a16f5e0a6c6e71a3f2b62966fca9e7", "aria-hidden": "true", class: "checkbox__box" }, c("span", { key: "e6511ef127391d85a6b309dfd80c6839be213504", class: "checkbox__icon" }, i && c("swirl-icon-check-strong", { key: "d3ffe82c06e560a28acb496fc2229260ed9af242" }), o && c("span", { key: "2bd6d87e9aa7916fd0b66241fc8422d27e6b52f5", class: "checkbox__indeterminate-icon" })))), s && c("span", { key: "a697eb7d6ab5e11617ddb962d30992388b438ef2", class: "checkbox__label-container" }, this.label && c("span", { key: "0cfab93f48f153f48a93609952b03df28a62ac9a", class: "checkbox__label" }, this.label), this.description && c("span", { key: "ca60f0efa10e52076d20c6f9a6c6e075e854eae0", class: "checkbox__description" }, this.description))));
+    return c(d, { key: "3f791853cc40f9cea14b696c97a7e0ffcbe83b2f", style: { width: this.variant === "card" ? "100%" : void 0 } }, c("label", { key: "5343b2eb0c188c8bba2ac717d62de26711b29aa3", class: a, htmlFor: this.inputId }, c("span", { key: "0e3c767e4cf73aa2daddfb574f48a24f8753bc32", class: "checkbox__control" }, c("swirl-visually-hidden", { key: "518d7373a43419fb06b5f4a5cee587bfe469ff89" }, c("input", { key: "389abda596f18256d386f233e6472bd3e091f63a", "aria-checked": r, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": h, "aria-label": this.swirlAriaLabel, checked: i, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: o, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), c("span", { key: "c3ea514dbc59eb64e8e9f58f8d66c9460e09fc12", "aria-hidden": "true", class: "checkbox__box" }, c("span", { key: "03f2234bf274c734f1ddcd30e3e7fcb03f7c0e9e", class: "checkbox__icon" }, i && c("swirl-icon-check-strong", { key: "3676909668e487ad3eced64ca05aef2617e6c99a" }), o && c("span", { key: "8b114f66464a5c125888ad3571993b71a4c51a6b", class: "checkbox__indeterminate-icon" })))), s && c("span", { key: "5d28ddb318680a3373d4ca771c972ff223d38b25", class: "checkbox__label-container" }, this.label && c("span", { key: "4baefd6cb705a6b9181c4e3c5653016f2713d653", class: "checkbox__label" }, this.label), this.description && c("span", { key: "4beba68c4124354bcb15251332bf25c666787b9d", class: "checkbox__description" }, this.description))));
   }
 };
 x.style = k;