@getflip/swirl-components-react 0.325.1 → 0.327.0

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

@@ -68,9 +68,13 @@ export declare const SwirlIconArrowUpward: import("react").ForwardRefExoticCompo
 export declare const SwirlIconAspectRatio: import("react").ForwardRefExoticComponent<JSX.SwirlIconAspectRatio & Omit<import("react").HTMLAttributes<HTMLSwirlIconAspectRatioElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconAspectRatioElement>>;
 export declare const SwirlIconAttachment: import("react").ForwardRefExoticComponent<JSX.SwirlIconAttachment & Omit<import("react").HTMLAttributes<HTMLSwirlIconAttachmentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconAttachmentElement>>;
 export declare const SwirlIconBarChart: import("react").ForwardRefExoticComponent<JSX.SwirlIconBarChart & Omit<import("react").HTMLAttributes<HTMLSwirlIconBarChartElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconBarChartElement>>;
+export declare const SwirlIconBeachAccess: import("react").ForwardRefExoticComponent<JSX.SwirlIconBeachAccess & Omit<import("react").HTMLAttributes<HTMLSwirlIconBeachAccessElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconBeachAccessElement>>;
+export declare const SwirlIconBeachAccessFilled: import("react").ForwardRefExoticComponent<JSX.SwirlIconBeachAccessFilled & Omit<import("react").HTMLAttributes<HTMLSwirlIconBeachAccessFilledElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconBeachAccessFilledElement>>;
 export declare const SwirlIconBlock: import("react").ForwardRefExoticComponent<JSX.SwirlIconBlock & Omit<import("react").HTMLAttributes<HTMLSwirlIconBlockElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconBlockElement>>;
 export declare const SwirlIconBookmark: import("react").ForwardRefExoticComponent<JSX.SwirlIconBookmark & Omit<import("react").HTMLAttributes<HTMLSwirlIconBookmarkElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconBookmarkElement>>;
 export declare const SwirlIconBookmarkFilled: import("react").ForwardRefExoticComponent<JSX.SwirlIconBookmarkFilled & Omit<import("react").HTMLAttributes<HTMLSwirlIconBookmarkFilledElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconBookmarkFilledElement>>;
+export declare const SwirlIconCalendarAddOnFilled: import("react").ForwardRefExoticComponent<JSX.SwirlIconCalendarAddOnFilled & Omit<import("react").HTMLAttributes<HTMLSwirlIconCalendarAddOnFilledElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCalendarAddOnFilledElement>>;
+export declare const SwirlIconCalendarToday: import("react").ForwardRefExoticComponent<JSX.SwirlIconCalendarToday & Omit<import("react").HTMLAttributes<HTMLSwirlIconCalendarTodayElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCalendarTodayElement>>;
 export declare const SwirlIconCall: import("react").ForwardRefExoticComponent<JSX.SwirlIconCall & Omit<import("react").HTMLAttributes<HTMLSwirlIconCallElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCallElement>>;
 export declare const SwirlIconCallEnd: import("react").ForwardRefExoticComponent<JSX.SwirlIconCallEnd & Omit<import("react").HTMLAttributes<HTMLSwirlIconCallEndElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCallEndElement>>;
 export declare const SwirlIconCancel: import("react").ForwardRefExoticComponent<JSX.SwirlIconCancel & Omit<import("react").HTMLAttributes<HTMLSwirlIconCancelElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCancelElement>>;
@@ -123,6 +127,7 @@ export declare const SwirlIconFilter: import("react").ForwardRefExoticComponent<
 export declare const SwirlIconFolder: import("react").ForwardRefExoticComponent<JSX.SwirlIconFolder & Omit<import("react").HTMLAttributes<HTMLSwirlIconFolderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconFolderElement>>;
 export declare const SwirlIconFolderShared: import("react").ForwardRefExoticComponent<JSX.SwirlIconFolderShared & Omit<import("react").HTMLAttributes<HTMLSwirlIconFolderSharedElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconFolderSharedElement>>;
 export declare const SwirlIconFormatHOne: import("react").ForwardRefExoticComponent<JSX.SwirlIconFormatHOne & Omit<import("react").HTMLAttributes<HTMLSwirlIconFormatHOneElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconFormatHOneElement>>;
+export declare const SwirlIconFormatListBulleted: import("react").ForwardRefExoticComponent<JSX.SwirlIconFormatListBulleted & Omit<import("react").HTMLAttributes<HTMLSwirlIconFormatListBulletedElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconFormatListBulletedElement>>;
 export declare const SwirlIconFullscreen: import("react").ForwardRefExoticComponent<JSX.SwirlIconFullscreen & Omit<import("react").HTMLAttributes<HTMLSwirlIconFullscreenElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconFullscreenElement>>;
 export declare const SwirlIconFullscreenExit: import("react").ForwardRefExoticComponent<JSX.SwirlIconFullscreenExit & Omit<import("react").HTMLAttributes<HTMLSwirlIconFullscreenExitElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconFullscreenExitElement>>;
 export declare const SwirlIconGif: import("react").ForwardRefExoticComponent<JSX.SwirlIconGif & Omit<import("react").HTMLAttributes<HTMLSwirlIconGifElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconGifElement>>;
@@ -131,6 +136,7 @@ export declare const SwirlIconGroupAssign: import("react").ForwardRefExoticCompo
 export declare const SwirlIconGroups: import("react").ForwardRefExoticComponent<JSX.SwirlIconGroups & Omit<import("react").HTMLAttributes<HTMLSwirlIconGroupsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconGroupsElement>>;
 export declare const SwirlIconGroupsFilled: import("react").ForwardRefExoticComponent<JSX.SwirlIconGroupsFilled & Omit<import("react").HTMLAttributes<HTMLSwirlIconGroupsFilledElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconGroupsFilledElement>>;
 export declare const SwirlIconHamburgerMenu: import("react").ForwardRefExoticComponent<JSX.SwirlIconHamburgerMenu & Omit<import("react").HTMLAttributes<HTMLSwirlIconHamburgerMenuElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconHamburgerMenuElement>>;
+export declare const SwirlIconHealthAndSafety: import("react").ForwardRefExoticComponent<JSX.SwirlIconHealthAndSafety & Omit<import("react").HTMLAttributes<HTMLSwirlIconHealthAndSafetyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconHealthAndSafetyElement>>;
 export declare const SwirlIconHelp: import("react").ForwardRefExoticComponent<JSX.SwirlIconHelp & Omit<import("react").HTMLAttributes<HTMLSwirlIconHelpElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconHelpElement>>;
 export declare const SwirlIconHighlight: import("react").ForwardRefExoticComponent<JSX.SwirlIconHighlight & Omit<import("react").HTMLAttributes<HTMLSwirlIconHighlightElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconHighlightElement>>;
 export declare const SwirlIconHistory: import("react").ForwardRefExoticComponent<JSX.SwirlIconHistory & Omit<import("react").HTMLAttributes<HTMLSwirlIconHistoryElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconHistoryElement>>;
@@ -140,6 +146,7 @@ export declare const SwirlIconImage: import("react").ForwardRefExoticComponent<J
 export declare const SwirlIconImproveText: import("react").ForwardRefExoticComponent<JSX.SwirlIconImproveText & Omit<import("react").HTMLAttributes<HTMLSwirlIconImproveTextElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconImproveTextElement>>;
 export declare const SwirlIconInfo: import("react").ForwardRefExoticComponent<JSX.SwirlIconInfo & Omit<import("react").HTMLAttributes<HTMLSwirlIconInfoElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconInfoElement>>;
 export declare const SwirlIconInsertBelow: import("react").ForwardRefExoticComponent<JSX.SwirlIconInsertBelow & Omit<import("react").HTMLAttributes<HTMLSwirlIconInsertBelowElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconInsertBelowElement>>;
+export declare const SwirlIconInsertChart: import("react").ForwardRefExoticComponent<JSX.SwirlIconInsertChart & Omit<import("react").HTMLAttributes<HTMLSwirlIconInsertChartElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconInsertChartElement>>;
 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>>;
@@ -175,6 +182,7 @@ export declare const SwirlIconMoreVertikal: import("react").ForwardRefExoticComp
 export declare const SwirlIconNews: import("react").ForwardRefExoticComponent<JSX.SwirlIconNews & Omit<import("react").HTMLAttributes<HTMLSwirlIconNewsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconNewsElement>>;
 export declare const SwirlIconNewsFilled: import("react").ForwardRefExoticComponent<JSX.SwirlIconNewsFilled & Omit<import("react").HTMLAttributes<HTMLSwirlIconNewsFilledElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconNewsFilledElement>>;
 export declare const SwirlIconNewsOff: import("react").ForwardRefExoticComponent<JSX.SwirlIconNewsOff & Omit<import("react").HTMLAttributes<HTMLSwirlIconNewsOffElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconNewsOffElement>>;
+export declare const SwirlIconNextPlan: import("react").ForwardRefExoticComponent<JSX.SwirlIconNextPlan & Omit<import("react").HTMLAttributes<HTMLSwirlIconNextPlanElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconNextPlanElement>>;
 export declare const SwirlIconNotifications: import("react").ForwardRefExoticComponent<JSX.SwirlIconNotifications & Omit<import("react").HTMLAttributes<HTMLSwirlIconNotificationsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconNotificationsElement>>;
 export declare const SwirlIconNotificationsActive: import("react").ForwardRefExoticComponent<JSX.SwirlIconNotificationsActive & Omit<import("react").HTMLAttributes<HTMLSwirlIconNotificationsActiveElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconNotificationsActiveElement>>;
 export declare const SwirlIconNotificationsOff: import("react").ForwardRefExoticComponent<JSX.SwirlIconNotificationsOff & Omit<import("react").HTMLAttributes<HTMLSwirlIconNotificationsOffElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconNotificationsOffElement>>;
@@ -198,6 +206,7 @@ export declare const SwirlIconPresent: import("react").ForwardRefExoticComponent
 export declare const SwirlIconPrint: import("react").ForwardRefExoticComponent<JSX.SwirlIconPrint & Omit<import("react").HTMLAttributes<HTMLSwirlIconPrintElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconPrintElement>>;
 export declare const SwirlIconPublic: import("react").ForwardRefExoticComponent<JSX.SwirlIconPublic & Omit<import("react").HTMLAttributes<HTMLSwirlIconPublicElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconPublicElement>>;
 export declare const SwirlIconPublicOff: import("react").ForwardRefExoticComponent<JSX.SwirlIconPublicOff & Omit<import("react").HTMLAttributes<HTMLSwirlIconPublicOffElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconPublicOffElement>>;
+export declare const SwirlIconPublishedWithChanges: import("react").ForwardRefExoticComponent<JSX.SwirlIconPublishedWithChanges & Omit<import("react").HTMLAttributes<HTMLSwirlIconPublishedWithChangesElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconPublishedWithChangesElement>>;
 export declare const SwirlIconRatioFourToThree: import("react").ForwardRefExoticComponent<JSX.SwirlIconRatioFourToThree & Omit<import("react").HTMLAttributes<HTMLSwirlIconRatioFourToThreeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconRatioFourToThreeElement>>;
 export declare const SwirlIconRatioFreeform: import("react").ForwardRefExoticComponent<JSX.SwirlIconRatioFreeform & Omit<import("react").HTMLAttributes<HTMLSwirlIconRatioFreeformElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconRatioFreeformElement>>;
 export declare const SwirlIconRatioSixteenToNine: import("react").ForwardRefExoticComponent<JSX.SwirlIconRatioSixteenToNine & Omit<import("react").HTMLAttributes<HTMLSwirlIconRatioSixteenToNineElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconRatioSixteenToNineElement>>;
@@ -227,6 +236,7 @@ export declare const SwirlIconStars: import("react").ForwardRefExoticComponent<J
 export declare const SwirlIconStickyNote: import("react").ForwardRefExoticComponent<JSX.SwirlIconStickyNote & Omit<import("react").HTMLAttributes<HTMLSwirlIconStickyNoteElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconStickyNoteElement>>;
 export declare const SwirlIconStop: import("react").ForwardRefExoticComponent<JSX.SwirlIconStop & Omit<import("react").HTMLAttributes<HTMLSwirlIconStopElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconStopElement>>;
 export declare const SwirlIconStopCircle: import("react").ForwardRefExoticComponent<JSX.SwirlIconStopCircle & Omit<import("react").HTMLAttributes<HTMLSwirlIconStopCircleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconStopCircleElement>>;
+export declare const SwirlIconSunny: import("react").ForwardRefExoticComponent<JSX.SwirlIconSunny & Omit<import("react").HTMLAttributes<HTMLSwirlIconSunnyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconSunnyElement>>;
 export declare const SwirlIconSync: import("react").ForwardRefExoticComponent<JSX.SwirlIconSync & Omit<import("react").HTMLAttributes<HTMLSwirlIconSyncElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconSyncElement>>;
 export declare const SwirlIconTasks: import("react").ForwardRefExoticComponent<JSX.SwirlIconTasks & Omit<import("react").HTMLAttributes<HTMLSwirlIconTasksElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconTasksElement>>;
 export declare const SwirlIconTasksFilled: import("react").ForwardRefExoticComponent<JSX.SwirlIconTasksFilled & Omit<import("react").HTMLAttributes<HTMLSwirlIconTasksFilledElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconTasksFilledElement>>;

package/dist/{swirl-accordion-item.entry.6a5bd8e9.js → swirl-accordion-item.entry.b123184f.js}

@@ -1,13 +1,13 @@
-import { r as d, c as t, h as e, H as n, g as s } from "./index.adf4b430.js";
-import { c } from "./index-267776a4.6beb4f4b.js";
-import { v as a } from "./v4-23648a96.77c7c20f.js";
+import { r as d, c as t, h as e, H as n, g as s } from "./index.c5f42b7b.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 r = ":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 = r, h = class {
+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 = `${a()}-heading`, this.onHeadingClick = () => {
+    d(this, i), this.expansionChange = t(this, "expansionChange", 7), this.headingId = `${o()}-heading`, this.onHeadingClick = () => {
       this.toggle();
-    }, this.description = void 0, this.disabled = void 0, this.heading = void 0, this.headingLevel = 2, this.initiallyOpen = void 0, this.itemId = a(), this.expanded = !1;
+    }, 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;
   }
   componentWillLoad() {
     if (this.accordion = this.el.closest("swirl-accordion"), this.expanded = this.initiallyOpen && !this.disabled || !1, !Boolean(this.accordion))
@@ -23,10 +23,10 @@ const r = ":host{display:block}:host *{box-sizing:border-box}.accordion-item{dis
     this.expanded ? this.collapse() : this.expand();
   }
   render() {
-    const i = `h${this.headingLevel}`, o = c("accordion-item", {
+    const i = `h${this.headingLevel}`, a = r("accordion-item", {
       "accordion-item--expanded": this.expanded
     });
-    return e(n, { key: "b83f9e2000c556d79ab910e992366d83c5829846" }, e("div", { key: "d16691dc92dfd9e581c4d4b10e0846eadce5236b", class: o }, e(i, { key: "c3f9cff3e21f6012863291626cfc6c8fb3cdde72", class: "accordion-item__heading" }, e("button", { key: "38aa7c2ae8e499f0b32d5cb996aa5610b1ddaf6b", "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: "05a45b6c2c14bc7d13890753ef08ec9f09c2a910", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "67155d6bd60b8ec1481c45aa0922107ec8a2abb5", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "93ad926798a5c593aa00a09b356294be2158a0c9", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "74f9c08addd3eda4b45ad75fa930fa3a3eab5877", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "c3d2edd14173d20bb4a773716867397ea71c3393", glyph: "expand-more", size: 20 })))), e("div", { key: "471c481565b4d40ee8164a1cde7c29bb20f9c0c8", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "c112664c3e25ce7e6e5270b6a3d6b3b3c0add285" }))));
+    return e(n, { key: "5abd39c9ca02720e57c37beeb7b72db0c2dd123c" }, e("div", { key: "95dd1b52fdaff21051074b3127ada00367f7e543", class: a }, e(i, { key: "9ffb3a12040d452c5b0ee6aea4921fc67f93cd26", class: "accordion-item__heading" }, e("button", { key: "22a0dd49ebc344eeb89c95a9ace011524624f9d8", "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, e("span", { key: "3c9eed167c7be689878c58d8d40c07a90a23211b", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "6b584e7f6bb7006fa5f54bfff12522f70d2a6b26", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "de1967d18f5451dae04c4f957d30e5cb1e1b2851", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "1dfb914a637071b9b3536d36895b964b41befa6b", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "8e6d7baa97dc9268a9a6f00b2cd8afccc7c6bcd2", glyph: "expand-more", size: 20 })))), e("div", { key: "f6de862bd5104a5c27b1d6838633fd5bfdb2efba", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "92161c918c43af090e33ca260939ec915c2a95cd" }))));
   }
   get el() {
     return s(this);

package/dist/{swirl-accordion.entry.420bf8fd.js → swirl-accordion.entry.34f58081.js}

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

package/dist/{swirl-action-list-section.entry.d3c460e7.js → swirl-action-list-section.entry.7deb08f2.js}

@@ -1,4 +1,4 @@
-import { r as i, h as a, H as t } from "./index.adf4b430.js";
+import { r as i, h as a, H as t } from "./index.c5f42b7b.js";
 import "react";
 import "react-dom";
 const e = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}", c = e, o = class {
@@ -6,7 +6,7 @@ const e = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     i(this, s), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
   }
   render() {
-    return a(t, { key: "4746cade99a59ab4b7d6c7d276d5bbdf2731d3ee" }, this.hasSeparator && a("swirl-separator", { key: "2ca2301f66f43341f75a7590444fc022cdaa8bf3", spacing: this.separatorSpacing }), a("div", { key: "051cf57c2418d995fc180c32d3ba9aa7942c275e", "aria-labelledby": "label", class: "action-list-section", role: "group" }, a("span", { key: "c64001e8c358938a084183d581f7dd19ea151efc", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), a("swirl-stack", { key: "876ec9775a660ca7bdbbebad118a5dd0fb22b781", spacing: this.spacing, align: "stretch" }, a("slot", { key: "71e0d94758c25cafda3946faf1db029aa75ffc65" }))));
+    return a(t, { key: "c637f1e8b7eb6d478a41728773886383e14f9002" }, this.hasSeparator && a("swirl-separator", { key: "66912702c619c458441babb2c34e245248b7e37d", spacing: this.separatorSpacing }), a("div", { key: "d0b4679175ec4a52effd68390065130803e36807", "aria-labelledby": "label", class: "action-list-section", role: "group" }, a("span", { key: "af591455c341f581f9ba2e8287fdc5c920a2bb8d", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), a("swirl-stack", { key: "2dc7f8aa2bbc422898c0faa49767b1d0f5d57a03", spacing: this.spacing, align: "stretch" }, a("slot", { key: "344c6117b8ae81602d677f22a374fddda4becbc4" }))));
   }
 };
 o.style = c;

package/dist/{swirl-action-list_2.entry.cd40dba8.js → swirl-action-list_2.entry.899d8579.js}

@@ -1,5 +1,5 @@
-import { r as c, h as a, H as l, g as d } from "./index.adf4b430.js";
-import { q as f, b as h, g as u } from "./utils-877a768f.c277f897.js";
+import { r as c, h as o, H as l, g as d } from "./index.c5f42b7b.js";
+import { q as h, b as f, g as u } from "./utils-877a768f.c277f897.js";
 import { c as m } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -10,8 +10,8 @@ const p = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     }, this.onFocusOut = (e) => {
       if (this.isInsidePopover)
         return;
-      const t = e.relatedTarget, s = e.target, n = (s == null ? void 0 : s.tagName) === "SWIRL-ACTION-LIST-ITEM", o = t === null || !this.el.contains(t);
-      !this.isInsidePopover && o && n && this.container.setAttribute("tabindex", "0");
+      const t = e.relatedTarget, s = e.target, n = (s == null ? void 0 : s.tagName) === "SWIRL-ACTION-LIST-ITEM", a = t === null || !this.el.contains(t);
+      !this.isInsidePopover && a && n && this.container.setAttribute("tabindex", "0");
     }, this.onFocus = () => {
       var s, n;
       if (this.isInsidePopover)
@@ -27,7 +27,7 @@ const p = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     }), this.setSectionSeparator();
   }
   getItems() {
-    return f(this.el, '[role="menuitem"]');
+    return h(this.el, '[role="menuitem"]');
   }
   focusNextItem() {
     const i = this.getItems(), t = (this.getActiveItemIndex() + 1) % i.length;
@@ -39,7 +39,7 @@ const p = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     (s = i[t]) == null || s.focus();
   }
   getActiveItemIndex() {
-    const i = this.getItems(), e = h();
+    const i = this.getItems(), e = f();
     return i.findIndex((t) => t === e || t === (e == null ? void 0 : e.querySelector('[role="menuitem"]')));
   }
   setSectionSeparator() {
@@ -51,7 +51,7 @@ const p = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     });
   }
   render() {
-    return a(l, { key: "fa74a3d427f124826faea04ba6acdfa7667752f1" }, a("div", { key: "5a9b9155af66b777ec716646b16527a676e26044", "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" }, a("slot", { key: "c1068047e5ccaf8184dc7773e331bcc1ada6a530", onSlotchange: this.setSectionSeparator })));
+    return o(l, { key: "dcbfbe5e2d3e3c3ae4119d71067da9898c39f52a" }, o("div", { key: "d85810e0e08962a69ccd29e6993443100d84abcc", "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? void 0 : this.onFocusOut, onFocus: this.isInsidePopover ? void 0 : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (i) => this.container = i, role: "menu" }, o("slot", { key: "74d09eb289ca2822a76d470b3962991428f16011", onSlotchange: this.setSectionSeparator })));
   }
   get el() {
     return d(this);
@@ -75,15 +75,15 @@ const v = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{d
     (e = (i = this.desktopMediaQuery).removeEventListener) == null || e.call(i, "change", this.desktopMediaQueryHandler);
   }
   forceIconProps(i) {
-    var n, o, r;
-    const e = (n = this.iconEl) == null ? void 0 : n.children[0], t = (o = this.suffixEl) == null ? void 0 : o.children[0];
+    var n, a, r;
+    const e = (n = this.iconEl) == null ? void 0 : n.children[0], t = (a = this.suffixEl) == null ? void 0 : a.children[0];
     e == null || e.setAttribute("size", i ? "20" : "24");
     const s = (r = this.iconBadgeEl) == null ? void 0 : r.children[0];
     s == null || s.setAttribute("size", "xs"), s == null || s.setAttribute("variant", "dot"), (t == null ? void 0 : t.tagName) !== "SWIRL-TAG" && (t == null || t.setAttribute("size", i ? "20" : "24"));
   }
   render() {
     const i = Boolean(this.badge), e = Boolean(this.iconBadge), t = Boolean(this.el.querySelector('[slot="suffix"]')), s = (Boolean(this.suffix) || t) && !this.disabled, n = m("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
-    return a(l, { key: "cf72c77a7238b89ac5737fbd26a4f9c5fb8d2aaf" }, a("button", { key: "b883df9fba48c6f1e3fa18cb2acbddcb1c4f7903", "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, class: n, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, a("slot", { key: "2903ffa6a0b97a9d1f30a3ab485a5f4625016893", name: "avatar" }), this.icon && a("span", { key: "687e8b468e26a239a45829f5448e3f4fae991a18", class: "action-list-item__icon", innerHTML: this.icon, ref: (o) => this.iconEl = o }, e && a("span", { key: "db6fa0aa9ee28b495febd9278f464add1d195295", class: "action-list-item__icon-badge", innerHTML: this.iconBadge, ref: (o) => this.iconBadgeEl = o })), a("span", { key: "d64137da6c8345faf3fb14f6963b267e2bc83f91", class: "action-list-item__label-container" }, a("span", { key: "a7e623ccfdaef36bd426f4e0121337926a04132c", class: "action-list-item__label" }, this.label), this.description && a("span", { key: "eae257be5f0974019afdd7a1517c2efed55d397c", class: "action-list-item__description" }, this.description)), i && a("span", { key: "f6837cf900a859145f4360ec9d407ea51659c0f0", class: "action-list-item__badge", innerHTML: this.badge }), s && a("span", { key: "4aa5cd117be445a278cefcd6c7ffaea2e72a642e", class: "action-list-item__suffix", innerHTML: t ? void 0 : this.suffix, ref: (o) => this.suffixEl = o }, a("slot", { key: "c496345eea881fc5d6742710a053aa45cd4d94e6", name: "suffix" }))));
+    return o(l, { key: "cf72c77a7238b89ac5737fbd26a4f9c5fb8d2aaf" }, o("button", { key: "b883df9fba48c6f1e3fa18cb2acbddcb1c4f7903", "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, class: n, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, o("slot", { key: "2903ffa6a0b97a9d1f30a3ab485a5f4625016893", name: "avatar" }), this.icon && o("span", { key: "687e8b468e26a239a45829f5448e3f4fae991a18", class: "action-list-item__icon", innerHTML: this.icon, ref: (a) => this.iconEl = a }, e && o("span", { key: "db6fa0aa9ee28b495febd9278f464add1d195295", class: "action-list-item__icon-badge", innerHTML: this.iconBadge, ref: (a) => this.iconBadgeEl = a })), o("span", { key: "d64137da6c8345faf3fb14f6963b267e2bc83f91", class: "action-list-item__label-container" }, o("span", { key: "a7e623ccfdaef36bd426f4e0121337926a04132c", class: "action-list-item__label" }, this.label), this.description && o("span", { key: "eae257be5f0974019afdd7a1517c2efed55d397c", class: "action-list-item__description" }, this.description)), i && o("span", { key: "f6837cf900a859145f4360ec9d407ea51659c0f0", class: "action-list-item__badge", innerHTML: this.badge }), s && o("span", { key: "4aa5cd117be445a278cefcd6c7ffaea2e72a642e", class: "action-list-item__suffix", innerHTML: t ? void 0 : this.suffix, ref: (a) => this.suffixEl = a }, o("slot", { key: "c496345eea881fc5d6742710a053aa45cd4d94e6", name: "suffix" }))));
   }
   get el() {
     return d(this);

package/dist/{swirl-app-bar.entry.a89ce8e6.js → swirl-app-bar.entry.177d1fe0.js}

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

package/dist/{swirl-app-icon.entry.8efd4fee.js → swirl-app-icon.entry.4009319d.js}

@@ -1,4 +1,4 @@
-import { r as n, h as a, H as o } from "./index.adf4b430.js";
+import { r as n, h as s, H as o } from "./index.c5f42b7b.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -9,8 +9,8 @@ const r = ":host{display:inline-flex}:host *{box-sizing:border-box}.app-icon{pos
     }, this.setImageUnavailable = () => {
       this.imageAvailable = !1;
     }, this.onImageElementUpdate = (i) => {
-      var t, s;
-      (t = this.imgEl) == null || t.removeEventListener("load", this.setImageAvailable), (s = this.imgEl) == null || s.removeEventListener("error", this.setImageUnavailable), this.imgEl = i, this.imgEl && (this.imgEl.addEventListener("load", this.setImageAvailable), this.imgEl.addEventListener("error", this.setImageUnavailable));
+      var t, a;
+      (t = this.imgEl) == null || t.removeEventListener("load", this.setImageAvailable), (a = this.imgEl) == null || a.removeEventListener("error", this.setImageUnavailable), this.imgEl = i, this.imgEl && (this.imgEl.addEventListener("load", this.setImageAvailable), this.imgEl.addEventListener("error", this.setImageUnavailable));
     }, this.icon = void 0, this.src = void 0, this.imageAvailable = void 0;
   }
   disconnectedCallback() {
@@ -18,10 +18,10 @@ const r = ":host{display:inline-flex}:host *{box-sizing:border-box}.app-icon{pos
     (e = this.imgEl) == null || e.removeEventListener("load", this.setImageAvailable), (i = this.imgEl) == null || i.removeEventListener("error", this.setImageUnavailable);
   }
   render() {
-    const e = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0), i = !e && Boolean(this.icon), s = l("app-icon", {
+    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 a(o, { key: "90f9007428de57708504bf15c29b30909f7d6b42" }, a("span", { key: "7119b43222a0a224268ffb6ef5debc804f7bb3d9", class: s }, e && a("img", { key: "1b8421ed21164b5c921733903a5cc4f3102d0c0e", alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" }), i && a("span", { key: "41c6eddecff32a689d81feb4d3ba9df4ff420b0b", class: "app-icon__icon", innerHTML: this.icon })));
+    return s(o, { key: "687598f6730d46ae81728932bc626cb9f7dab002" }, s("span", { key: "c84b9d81819b4ee664fe3b1ef6b833e84ac96dbe", class: a }, e && s("img", { key: "3cebf8dfa8585d8b3d9df4db73650e88c3a24e93", alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" }), i && s("span", { key: "8f1cda723ec8cb528b7a8a4da29434463d44766e", class: "app-icon__icon", innerHTML: this.icon })));
   }
 };
 h.style = c;

package/dist/{swirl-app-layout_5.entry.fa8a34c4.js → swirl-app-layout_5.entry.21e96152.js}

@@ -1,4 +1,4 @@
-import { r as p, c as n, h as a, H as c, g as u, F as h } from "./index.adf4b430.js";
+import { r as p, c as n, h as a, H as c, g as u, F as h } from "./index.c5f42b7b.js";
 import { c as b } from "./index-267776a4.6beb4f4b.js";
 import { g as w, d as y, i as g, h as f } from "./utils-877a768f.c277f897.js";
 import { S as T } from "./sortable.esm-0bfddf0c.953ca6a6.js";
@@ -223,7 +223,7 @@ const N = ":host{display:block}:host *{box-sizing:border-box}.empty-state{displa
       "empty-state--has-controls": t,
       "empty-state--has-slotted-illustration": e
     });
-    return a(c, { key: "94c0183213827a9e385891a8efaebf09a1373b41" }, a("div", { key: "df6358b2d51045996b4db5f7d439cdac982a0ea1", class: i }, this.illustration && !e && a("img", { key: "afe293f061b57a8e3ef32d1a563ea0a50504d1a2", alt: "", class: "empty-state__illustration", src: this.illustration }), a("div", { key: "681f5893da0f9885f77335593aee396a256533eb", class: "empty-state__slotted-illustration" }, a("slot", { key: "09e0673a2b78059361be72881a0e974bbf080b85", name: "illustration" })), a("div", { key: "dd54e6476baebaeeec075cbe453bcf3e998f6bd0", class: "empty-state__body" }, a("swirl-stack", { key: "ad8fb7ddfda397fc19b55aa975baf78a4764b70e", align: "stretch", spacing: "8" }, this.heading && a("swirl-heading", { key: "243990d5402bfb9b02cd511300d5276ffb0ba54b", align: "center", as: "p", level: 4, text: this.heading }), a("div", { key: "1bb06393c28e20e43f80e9e1c9af44e0bc7f10f2", class: "empty-state__content" }, a("swirl-text", { key: "cfa49896324f7a7065724129e0b2eb40308c2a94", align: "center", color: "subdued" }, a("slot", { key: "6f27905a027ffa3da097026119034902dcbacb00" })))), a("div", { key: "566a23490090c0c9c1e3bc6431a76219d34727fa", class: "empty-state__controls" }, a("slot", { key: "13e163bd884866127c76c5742faeb55c128d29e4", name: "controls" })))));
+    return a(c, { key: "d492f980162681d028fddbfc0702103e39fb5c9e" }, a("div", { key: "3738d75cc93289814fe50de864de7475393ef7e7", class: i }, this.illustration && !e && a("img", { key: "4c789bcc7d04ba70098db2b3b9006ec46a842344", alt: "", class: "empty-state__illustration", src: this.illustration }), a("div", { key: "4a360a4d518876324af007493786f1c5dc88ec6a", class: "empty-state__slotted-illustration" }, a("slot", { key: "f9a3c6afe5a05f0bd3a22cd0c725c622745e2c5c", name: "illustration" })), a("div", { key: "8ad9daf10e0316f473e0ff393e4d45eb88f6e81e", class: "empty-state__body" }, a("swirl-stack", { key: "736c51dc686dac21f196fe3669b7ba4ec85d9fe2", align: "stretch", spacing: "8" }, this.heading && a("swirl-heading", { key: "29423d8796c2ef34a15c6eab62d8b7f08b00c120", align: "center", as: "p", level: 4, text: this.heading }), a("div", { key: "4999458b184eba988c54c3fab4c0635a7faeba19", class: "empty-state__content" }, a("swirl-text", { key: "9ef144c1435b9beb62a532b1c293a6f18d57be98", align: "center", color: "subdued" }, a("slot", { key: "20528c4236d29ccbad305f94f3cfa99129cbb91f" })))), a("div", { key: "9e6e201033b4a3e083e14b28320395772406c6dc", class: "empty-state__controls" }, a("slot", { key: "2b0313d12d7786f1b3224330eeaace14b30a4f29", name: "controls" })))));
   }
   get el() {
     return u(this);
@@ -238,7 +238,7 @@ const z = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{
     const t = this.size === 20 ? 24 : this.size, e = {
       color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
     }, i = b("swirl-icon", `swirl-icon--size-${this.size}`);
-    return a("svg", { key: "76fdf853f13140000d61c8b24825a17506c05b1b", "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: "4b751292f95796c08f2775ad8f04c967e3a9fef4" }, a("path", { key: "ddeeba4ca9bec6a8b2e822ad3630b02ce61dd0ad", 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: "58aaf5a2bbe766c1e8949a2cfeca2a021f86bdc7" }, a("path", { key: "b78009907b172118ae14e6272af8a0571e3628cd", 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: "5615ff5d4caf071bc92bd545d97e643a30185db8" }, a("path", { key: "85e771ec8bbeaeb1b7f9a4312ed2205fb6e043c0", 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: "2aca7a3e3dadd9c0fff3efcb5f26b25b11dbb4bc", "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: "2baf2c2da2fc53d531dc239781e05f948412897a" }, a("path", { key: "dc15a1a7d677a215e2c1e40ab0455e8e0414ddcd", 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: "e1213097160f156732afcfb441703282e161a987" }, a("path", { key: "791b74736cc01357a400bad1da0fedfa213929b7", 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: "98d665c469b48861b1fcdebb31609e697bf733d8" }, a("path", { key: "9f2ca91561d0402e5aeaa8038cd6843bcb294a50", d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })));
   }
 };
 q.style = O;
@@ -364,7 +364,7 @@ const F = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
   }
   render() {
     var t, e, i, o, r, l;
-    return a(c, { key: "2e533a477f7ee05e19973808f07f5e5869c59220", onKeyDown: this.onKeyDown }, a("swirl-visually-hidden", { key: "4b75c2fcc83e451d1da08ffef245ccddc02d421b", role: "alert" }, this.assistiveText), a("swirl-box", { key: "e3efe4e1b82cd3bbe83d568a20347175e025a11b", paddingBlockEnd: (t = this.paddingBlockEnd) != null ? t : this.padding, paddingBlockStart: (e = this.paddingBlockStart) != null ? e : this.padding, paddingInlineEnd: (o = (i = this.paddingInlineEnd) != null ? i : this.padding) != null ? o : "8", paddingInlineStart: (l = (r = this.paddingInlineStart) != null ? r : this.padding) != null ? l : "8" }, a("swirl-stack", { key: "3b9d4f761c8d790c513b963197ec220eeaa8455d", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (d) => this.gridEl = d, role: "grid", spacing: this.spacing }, a("slot", { key: "8418a6f13a24317aedd0c408c50e6c921ceef5c3" }))));
+    return a(c, { key: "5448bca29d649a700b2ac2facf72f505660cf0dc", onKeyDown: this.onKeyDown }, a("swirl-visually-hidden", { key: "e422fac574b92aacea59635078906e46d3a8d588", role: "alert" }, this.assistiveText), a("swirl-box", { key: "24ca364643f0d57ebb04300427ce805b8d951865", paddingBlockEnd: (t = this.paddingBlockEnd) != null ? t : this.padding, paddingBlockStart: (e = this.paddingBlockStart) != null ? e : this.padding, paddingInlineEnd: (o = (i = this.paddingInlineEnd) != null ? i : this.padding) != null ? o : "8", paddingInlineStart: (l = (r = this.paddingInlineStart) != null ? r : this.padding) != null ? l : "8" }, a("swirl-stack", { key: "065270327ec17c41eb8762da1690019c1f984274", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (d) => this.gridEl = d, role: "grid", spacing: this.spacing }, a("slot", { key: "74498fe31f2bdf496e3453f17e7ecd36df099cc8" }))));
   }
   get el() {
     return u(this);
@@ -451,7 +451,7 @@ const R = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
       "resource-list-item--wrap-description": this.descriptionWrap,
       "resource-list-item--wrap-label": this.labelWrap
     });
-    return a(c, { key: "bfb0bd7d6d15856f14518cdd626c40dcb2eb78f3", role: "row" }, a("div", { key: "4489a4452594e6d3b99f4c4a980e89f464c35d38", class: B, role: "gridcell" }, a(t, { key: "25556f093a70d65789ed83eb51e6c97f8c4f9e1c", "aria-checked": S, "aria-disabled": e ? "true" : void 0, "aria-label": x, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", href: l, disabled: e, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: C, tabIndex: 0, type: t === "button" ? "button" : void 0 }, this.hasMedia && a("span", { key: "ebec2a582ff80ba6af9e30d1eaa2423398c92c40", class: "resource-list-item__media" }, a("slot", { key: "48f6959f85a00e70a8f49e9e07bc9618d0cb1159", name: "media" })), a("span", { key: "8b3c9f913676f3b0cdc2a053c824f28c8f03faf8", class: "resource-list-item__label-container", style: I }, a("span", { key: "ab72e18c3843286724eb7bb2a9b7fb2a5c4dd159", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && a("span", { key: "ee9405cb46da67633280e37c718ece7f5f78e504", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), s && a("span", { key: "d548b8ecc1067390903ad67a5c8c3e028b2f8130", class: "resource-list-item__meta" }, a("span", { key: "c2e924c99d8a259d681d6f185377b668d33a19cd", class: "resource-list-item__meta-text" }, this.meta), a("span", { key: "ee319cd05ba53bddcb25fde8f350a60a34469146", class: "resource-list-item__badges" }, a("slot", { key: "0de74a753a1d5c244909238ab77366fafc6a84e5", name: "badges" })))), this.selectable && a("span", { key: "b5fab0360c74249ea743d5ec162c6a45f5fe2be3", "aria-hidden": "true", class: "resource-list-item__checkbox" }, a("span", { key: "b5819da58152f00eb869623318cffd7ff1ae684f", class: "resource-list-item__checkbox-icon" }, this.checked && a("swirl-icon-check-strong", { key: "9e84afe4b45f0eecceea46b6f23673a30ebf72d3" }))), a("span", { key: "178627f4d126a48e9f2b98218735902321594efd", class: "resource-list-item__control", onClick: this.onControlClick, ref: (E) => this.controlContainer = E }, a("slot", { key: "c3e8c355eeecb886b97a8cc7c35b5a22d1191764", name: "control" })), m && a("swirl-popover-trigger", { key: "1da96bd1bcc3fef40db960ad169443319cbc052d", swirlPopover: this.menuTriggerId }, a("swirl-button", { key: "0932be7ca64755cd8e1d4172a8bbd187f6efbe34", "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: "d1ea880ee0adcb6b90f791dfa39fc65282c32c13", "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: "78b7aae4fd568f82fbf717a6ae0285f70219bebd", size: this.iconSize })));
+    return a(c, { key: "51070214010bb6f42b11d1451d711523908dcd24", role: "row" }, a("div", { key: "58da33a690ad26cc6cb613f7c3a120cc27c14168", class: B, role: "gridcell" }, a(t, { key: "4733c36969976407c76a0852e7b688005d829467", "aria-checked": S, "aria-disabled": e ? "true" : void 0, "aria-label": x, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", href: l, disabled: e, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: C, tabIndex: 0, type: t === "button" ? "button" : void 0 }, this.hasMedia && a("span", { key: "43feb905ed747fb0f3dce03c9bb0906e807f4cc9", class: "resource-list-item__media" }, a("slot", { key: "8bf74e8f11becef18f95a50ee78af293176e3c74", name: "media" })), a("span", { key: "b74ee63857ae512b974e9732d73ff2c7eb070ef6", class: "resource-list-item__label-container", style: I }, a("span", { key: "7271335be0863add557483c3819bc61f0bcf3eee", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && a("span", { key: "4ddca66a33fcbe50927e3af38c6d1bea2ed67887", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), s && a("span", { key: "540c9ad85c13187700ff1607d59afc80d90529ac", class: "resource-list-item__meta" }, a("span", { key: "cb31b8cebf261df69ebb90989e0ec0fbc3c267ee", class: "resource-list-item__meta-text" }, this.meta), a("span", { key: "57d467dfc1dff7d17e93aa0e03f1760054d85de9", class: "resource-list-item__badges" }, a("slot", { key: "18ea4383798222c2aea1dac37464b65133143604", name: "badges" })))), this.selectable && a("span", { key: "aa967cf2216cd148edca930425ecbda013413850", "aria-hidden": "true", class: "resource-list-item__checkbox" }, a("span", { key: "3cc2777fbf3850ba756ed88e0ad4ae29e4caf32c", class: "resource-list-item__checkbox-icon" }, this.checked && a("swirl-icon-check-strong", { key: "61a80c63ef99e3b530c3cc231a1abada0f1940fc" }))), a("span", { key: "eaaf028e6c729fc7093d355ebc6c31bc2d4a8696", class: "resource-list-item__control", onClick: this.onControlClick, ref: (E) => this.controlContainer = E }, a("slot", { key: "f988fee1daed088fb4fb56a5ab262f6e8815d4f7", name: "control" })), m && a("swirl-popover-trigger", { key: "170cc8abf345cbfeeb3d86a77ad4ba081465ee4d", swirlPopover: this.menuTriggerId }, a("swirl-button", { key: "b33497fd10358229f0125497dda088c1d0c3ee6b", "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: "1caaaf86725af4eb4215453453ab724c5777f035", "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: "eb0b87432675feb37a2f6d8de9f6228e9e921b6e", size: this.iconSize })));
   }
   get el() {
     return u(this);

package/dist/{swirl-autocomplete.entry.7dac7514.js → swirl-autocomplete.entry.4e13c89c.js}

@@ -1,4 +1,4 @@
-import { r as p, c as m, h as o, H as f, g as b } from "./index.adf4b430.js";
+import { r as p, c as m, h as o, H as f, g as b } from "./index.c5f42b7b.js";
 import { a as g, c as v, o as y } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as w } from "./index-267776a4.6beb4f4b.js";
 import { d as S } from "./utils-877a768f.c277f897.js";
@@ -82,22 +82,22 @@ const x = ".sc-swirl-autocomplete-h{display:block}.sc-swirl-autocomplete-h *.sc-
     this.multiSelect && !Array.isArray(this.value) && (this.value = []), !this.multiSelect && Array.isArray(this.value) && (this.value = void 0);
   }
   render() {
-    var l, u, c, r;
+    var l, u, r, c;
     const i = `${this.id}-suggestions`, e = this.clearable && !this.multiSelect, s = this.multiSelect ? this.value.map((t) => t.id) : Boolean(this.value) ? [this.value.id] : [], n = this.multiSelect ? void 0 : ((l = this.value) == null ? void 0 : l.label) || "", a = w("autocomplete", {
       "autocomplete--inactive": !this.active
     });
-    return o(f, { key: "58eeefcb57a5715a133f49b6cc147862402fda63" }, o("div", { key: "7dc51102fd166c185a5f6927b13e001eba0399d8", class: a, onKeyDown: this.onKeyDown }, this.multiSelect && Array.isArray(this.value) && this.value.length > 0 && o("div", { key: "cdf129384b1551bf4a5dab9a95fb2a62c4f2538d", class: "autocomplete__multi-select-tags" }, o("swirl-stack", { key: "4cf38354d4c4a5cea92f37bfaa6a6f9adc81834f", orientation: "horizontal", spacing: "8", wrap: !0 }, this.value.map((t) => o("swirl-tag", {
+    return o(f, { key: "36f37cea5fdd7151673aa5c8ad30f652a1769609" }, o("div", { key: "f1457ce0ea13ea7a769cd1de3eb3bf4cf2b9549b", class: a, onKeyDown: this.onKeyDown }, this.multiSelect && Array.isArray(this.value) && this.value.length > 0 && o("div", { key: "7b5b831a06dd7270386f857d198178a92e118580", class: "autocomplete__multi-select-tags" }, o("swirl-stack", { key: "c5bf0b5bf1252f9bd8368917a27d9927e3b2c7c0", orientation: "horizontal", spacing: "8", wrap: !0 }, this.value.map((t) => o("swirl-tag", {
       key: t.id,
       label: t.label,
       onRemove: () => this.onRemoveValue(t.id),
       removable: !this.disabled
-    })))), o("swirl-text-input", { key: "615bcb83a20ddf04af8e452a6f0c5bbccc957c0a", autoSelect: this.autoSelect, class: "autocomplete__input", clearable: e, clearButtonLabel: this.clearButtonLabel, disabled: this.disabled, disableDynamicWidth: !0, id: this.id, inline: this.inline, invalid: this.invalid, onInputFocus: this.onFocus, onKeyDown: this.onInputKeyDown, onValueChange: this.onChange, maxLength: this.maxLength, mode: this.mode, placeholder: this.placeholder, ref: (t) => this.inputEl = t, required: this.required, spellCheck: this.spellCheck, swirlAriaAutocomplete: "list", swirlAriaControls: i, swirlAriaDescribedby: this.swirlAriaDescribedby, swirlAriaExpanded: String(this.active), swirlRole: "combobox", value: n }), o("div", { key: "a7b788178aa3d66047833cd8b349d3c402901b7f", class: "autocomplete__listbox-container", onFocusout: this.onFocusOut, ref: (t) => this.listboxContainerEl = t, style: {
+    })))), o("swirl-text-input", { key: "f41ec2b57444ff45d75e039dad609d7b2ebf6d17", autoSelect: this.autoSelect, class: "autocomplete__input", clearable: e, clearButtonLabel: this.clearButtonLabel, disabled: this.disabled, disableDynamicWidth: !0, id: this.id, inline: this.inline, invalid: this.invalid, onInputFocus: this.onFocus, onKeyDown: this.onInputKeyDown, onValueChange: this.onChange, maxLength: this.maxLength, mode: this.mode, placeholder: this.placeholder, ref: (t) => this.inputEl = t, required: this.required, spellCheck: this.spellCheck, swirlAriaAutocomplete: "list", swirlAriaControls: i, swirlAriaDescribedby: this.swirlAriaDescribedby, swirlAriaExpanded: String(this.active), swirlRole: "combobox", value: n }), o("div", { key: "a940d9511351d965da89de983885eb0d8819f977", class: "autocomplete__listbox-container", onFocusout: this.onFocusOut, ref: (t) => this.listboxContainerEl = t, style: {
       top: Boolean(this.position) ? `${(u = this.position) == null ? void 0 : u.y}px` : "",
-      left: Boolean(this.position) ? `${(c = this.position) == null ? void 0 : c.x}px` : "",
-      width: `${((r = this.inputEl) == null ? void 0 : r.getBoundingClientRect().width) + 32}px`
-    } }, this.loading && o("div", { key: "d4c81fd79ce26e5929ab0cf9f271d855c96c0b41", class: "autocomplete__spinner" }, o("swirl-spinner", { key: "3931c2a99a601c738dbb33112a70a62183e1a455" })), this.suggestions.length > 0 && o("swirl-option-list", { key: "acf7cfc83b7ed1f3900196e35b8b3e7e533fc029", allowDeselect: this.multiSelect === !0, label: this.menuLabel, multiSelect: this.multiSelect, onValueChange: this.onSelect, optionListId: i, ref: (t) => this.listboxEl = t, value: s }, this.suggestions.map((t) => {
-      var h;
-      return o("swirl-option-list-item", { selected: Array.isArray(this.value) ? this.value.some((d) => d.id === t.id) : ((h = this.value) == null ? void 0 : h.id) === t.id, key: t.id, disabled: t.disabled, label: t.label, value: t.id });
+      left: Boolean(this.position) ? `${(r = this.position) == null ? void 0 : r.x}px` : "",
+      width: `${((c = this.inputEl) == null ? void 0 : c.getBoundingClientRect().width) + 32}px`
+    } }, this.loading && o("div", { key: "bdcc2ec3441fa97915ac8d1ed4348a0c59101708", class: "autocomplete__spinner" }, o("swirl-spinner", { key: "08a8eeb925fcc515f76ae0d7edae2c5fc01f409f" })), this.suggestions.length > 0 && o("swirl-option-list", { key: "79b71e2f6aaabef56558d95229dc24ee26cb4056", allowDeselect: this.multiSelect === !0, label: this.menuLabel, multiSelect: this.multiSelect, onValueChange: this.onSelect, optionListId: i, ref: (t) => this.listboxEl = t, value: s }, this.suggestions.map((t) => {
+      var d;
+      return o("swirl-option-list-item", { selected: Array.isArray(this.value) ? this.value.some((h) => h.id === t.id) : ((d = this.value) == null ? void 0 : d.id) === t.id, key: t.id, disabled: t.disabled, label: t.label, value: t.id });
     })))));
   }
   get el() {

package/dist/{swirl-avatar-group.entry.a56b7d5c.js → swirl-avatar-group.entry.13694e72.js}

@@ -1,10 +1,10 @@
-import { r as s, h as r, H as i } from "./index.adf4b430.js";
+import { r as s, h as a, H as i } from "./index.c5f42b7b.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
 const d = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative;display:inline-grid;grid-template-rows:repeat(9, 1fr);grid-template-columns:repeat(9, 1fr)}.avatar-group ::slotted(*:first-of-type){z-index:1;display:inline-flex;box-shadow:0 0 0 0.25rem var(--swirl-avatar-group-border-color);border-radius:50%;grid-column-start:1;grid-column-end:7;grid-row-start:4;grid-row-end:10}.avatar-group ::slotted(*:nth-of-type(2)){z-index:0;display:inline-flex;border-radius:50%;grid-column-start:4;grid-column-end:10;grid-row-start:1;grid-row-end:7}.avatar-group__badge{position:absolute;z-index:2;right:calc(-1 * var(--s-space-4));bottom:calc(-1 * var(--s-space-4));display:inline-flex;width:1.5rem;height:1.5rem}.avatar-group__badge ::part(badge){box-shadow:0 0 0 0.25rem var(--swirl-badge-border-color)}", l = d, n = class {
-  constructor(e) {
-    s(this, e), this.badge = void 0;
+  constructor(r) {
+    s(this, r), this.badge = void 0;
   }
   componentDidLoad() {
     this.forceBadgeProps();
@@ -12,14 +12,14 @@ const d = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group
   forceBadgeProps() {
     if (!Boolean(this.badge))
       return;
-    const e = this.badgeEl.querySelector("swirl-badge"), a = e == null ? void 0 : e.getAttribute("size");
-    Boolean(a) || e == null || e.setAttribute("size", "s");
+    const r = this.badgeEl.querySelector("swirl-badge"), e = r == null ? void 0 : r.getAttribute("size");
+    Boolean(e) || r == null || r.setAttribute("size", "s");
   }
   render() {
-    const e = t("avatar-group", {
+    const r = t("avatar-group", {
       "avatar-group--has-badge": Boolean(this.badge)
-    }), a = t("avatar-group__badge");
-    return r(i, { key: "76e85ac1f2499bddae35aea6e1ce1281294a707a" }, r("div", { key: "a2763cdee26628d8b3926af85302cc0d74a1ee60", class: e, role: "group" }, r("slot", { key: "1e15e3f8e2b36912a3f4e834e6f24a8e4bc0bc09" }), this.badge && r("span", { key: "d6c7e9e98de8e5191f17dccfe7e662c05314dc85", class: a, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
+    }), e = t("avatar-group__badge");
+    return a(i, { key: "07eb2c5f8ba50e042e64de92826fc16f8b939047" }, a("div", { key: "eb4a5992625dd8a8d8f98d04c14868b3456fbb9a", class: r, role: "group" }, a("slot", { key: "fd0f28ae05bf30f5ac973163c7aefd62c66e2837" }), this.badge && a("span", { key: "955b59bb5425971a699380a933dea336873525c2", class: e, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
   }
 };
 n.style = l;

package/dist/{swirl-avatar.entry.add8d26d.js → swirl-avatar.entry.7ed7189e.js}

@@ -1,4 +1,4 @@
-import { r as m, c as n, h as e, H as g, g as f } from "./index.adf4b430.js";
+import { r as m, c as n, h as e, H as g, g as f } from "./index.c5f42b7b.js";
 import { c as s } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -53,7 +53,7 @@ const b = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direc
       "avatar--has-initials": a,
       "avatar--interactive": this.interactive
     }), c = s("avatar__badge", `avatar__badge--position-${this.badgePosition}`), h = s("avatar__tool", `avatar__tool--position-${this.toolPosition}`);
-    return e(g, { key: "3c36f09dcdb6b1f6f56e3dbfb7a673e77b3ef6f9", "aria-label": this.interactive ? this.label : void 0, onKeydown: this.interactive ? this.onKeydown : void 0, onKeyup: this.interactive ? this.onKeyup : void 0, role: v, tabIndex: this.interactive ? 0 : void 0 }, e("span", { key: "21057a05d374a8803a8c28b9a5ff133146a5806f", class: d, part: "avatar" }, t && e("span", { key: "99c45973ba401b828bb140a5d61bfd9929340033", class: "avatar__image" }, e("img", { key: "95ad28f353923ceb60205f36086784c733ef461b", alt: "", height: o[this.size], loading: this.loading !== "intersecting" ? this.loading : void 0, ref: this.onImageElementUpdate, src: this.src, width: o[this.size] })), a && e("span", { key: "66de0845df06e63d53d6dc86223aff7da3a46bb7", class: "avatar__initials" }, e("span", { key: "28ca37f08266223e3ecfa461eb4c100a4b3adc41" }, this.initials)), i && e("span", { key: "404230c35d5a1272ef94ae82a56391832904183f", class: "avatar__icon", innerHTML: this.icon }), r && e("span", { key: "90677bfa3d90d817357ced9087ccadf18644ff10", class: "avatar__icon" }, e("swirl-icon-person", { key: "ddc8abcba3e8679aa16786cde144ce1fc2238460" })), l && e("span", { key: "49a10edded6458c1eba7590e355a77e9d35e921f", class: c, innerHTML: this.badge }), e("span", { key: "267f7ed319a57f571bf0d5d9b26877ce8ac69e9c", class: h }, e("slot", { key: "07f809b1dd6d911428daaddb626f75b7cf6ec40a", name: "tool" }))), this.showLabel && e("span", { key: "5bfdcf03b6afedc2778009c898a3cde10c1959b3", "aria-hidden": !0, class: "avatar__label" }, this.label));
+    return e(g, { key: "a6c4c3e0d9c306ff28c1a80dc52546228fca1eba", "aria-label": this.interactive ? this.label : void 0, onKeydown: this.interactive ? this.onKeydown : void 0, onKeyup: this.interactive ? this.onKeyup : void 0, role: v, tabIndex: this.interactive ? 0 : void 0 }, e("span", { key: "94f4224fca18e1e0a13f220f17ff16e3857d48d9", class: d, part: "avatar" }, t && e("span", { key: "86584ed6e4bdd4e5eb8e74141ca9ef52a65e3657", class: "avatar__image" }, e("img", { key: "1db3a58ab870ae4832d0585b97f6a5ad04879e26", alt: "", height: o[this.size], loading: this.loading !== "intersecting" ? this.loading : void 0, ref: this.onImageElementUpdate, src: this.src, width: o[this.size] })), a && e("span", { key: "2e98b96482f0eb8b42a60307f8c67f1f20c67a7b", class: "avatar__initials" }, e("span", { key: "889baa8fe8289cd53091d916c4e8c618a5ef55e2" }, this.initials)), i && e("span", { key: "9b33d1c1064a2fd990dbc457aa40462a4409383c", class: "avatar__icon", innerHTML: this.icon }), r && e("span", { key: "b30ec094c0b0b69239bbc248d458c7fe7c615dbd", class: "avatar__icon" }, e("swirl-icon-person", { key: "24ba56fd170f85ec0a3172d5d2340496c168e2d6" })), l && e("span", { key: "f80ab2dd833ef93dbaa1f4f34fcf4698577ddc70", class: c, innerHTML: this.badge }), e("span", { key: "11ed60620a61049c67e9145019702ba961efeee8", class: h }, e("slot", { key: "0cbeaab4de7d5be5baae9144a89340f4135b76d9", name: "tool" }))), this.showLabel && e("span", { key: "dcb6182cc688f2a8fde5ef1701bf0e928d3a6280", "aria-hidden": !0, class: "avatar__label" }, this.label));
   }
   get element() {
     return f(this);

package/dist/{swirl-badge.entry.43b4ea75.js → swirl-badge.entry.c927c2e2.js}

@@ -1,8 +1,8 @@
-import { r as i, h as e, F as t, H as r } from "./index.adf4b430.js";
+import { r as i, h as e, F as t, H as r } from "./index.c5f42b7b.js";
 import { c as s } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const n = ":host{display:inline-flex;min-width:0;max-width:100%;justify-content:center;align-items:center}:host *{box-sizing:border-box}.badge{display:inline-flex;max-width:100%;justify-content:center;align-items:center;border-radius:2rem;color:var(--s-text-on-status);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);box-shadow:0 0 0 0.125rem var(--swirl-badge-border-color)}.badge--size-xs{min-width:1rem;height:1rem;font-size:0.6875rem}.badge--size-xs .badge__label{padding-right:0.25rem;padding-left:0.25rem}.badge--size-xs .badge__icon>swirl-icon,.badge--size-xs .badge__icon>*::part(icon){width:0.75rem;height:0.75rem}.badge--size-s{min-width:1.25rem;height:1.25rem;font-size:0.75rem}.badge--size-s .badge__label{padding-right:0.375rem;padding-left:0.375rem}.badge--size-s .badge__icon>swirl-icon,.badge--size-s .badge__icon>*::part(icon){width:1rem;height:1rem}.badge--size-m{min-width:1.5rem;height:1.5rem}.badge--size-m .badge__label{padding-right:0.4375rem;padding-left:0.4375rem}.badge--has-icon{padding-right:0;padding-left:0}.badge--intent-critical{color:var(--s-text-on-status);background-color:var(--s-surface-critical-default)}.badge--intent-banana{color:var(--s-text-dark);background-color:var(--s-decorative-banana-surface)}.badge--intent-blueberry{color:var(--s-text-on-status);background-color:var(--s-decorative-blueberry-surface)}.badge--intent-chilli{color:var(--s-text-on-status);background-color:var(--s-decorative-chilli-surface)}.badge--intent-grape{color:var(--s-text-on-status);background-color:var(--s-decorative-grape-surface)}.badge--intent-kiwi{color:var(--s-text-on-status);background-color:var(--s-decorative-kiwi-surface)}.badge--intent-neutral{color:var(--s-text-default);background-color:var(--s-surface-neutral-subdued)}.badge--intent-pumpkin{color:var(--s-text-dark);background-color:var(--s-decorative-pumpkin-surface)}.badge--intent-radish{color:var(--s-text-on-status);background-color:var(--s-decorative-radish-surface)}.badge--variant-dot{width:1.5rem;min-width:0;height:1.5rem}.badge--variant-dot.badge--size-xs{width:0.5rem;height:0.5rem}.badge--variant-dot.badge--size-s{width:0.75rem;height:0.75rem}.badge--variant-dot.badge--size-m{width:1rem;height:1rem}.badge--variant-dot .badge__label{padding-right:0;padding-left:0}.badge--variant-dot .badge__icon{display:none}.badge__icon{display:inline-flex}.badge__icon>swirl-icon,.badge__icon>*::part(icon){width:1rem;height:1rem}.badge__label{display:inline-flex;overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}", d = n, o = class {
+const d = ":host{display:inline-flex;min-width:0;max-width:100%;justify-content:center;align-items:center}:host *{box-sizing:border-box}.badge{display:inline-flex;max-width:100%;justify-content:center;align-items:center;border-radius:2rem;color:var(--s-text-on-status);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);box-shadow:0 0 0 0.125rem var(--swirl-badge-border-color)}.badge--size-xs{min-width:1rem;height:1rem;font-size:0.6875rem}.badge--size-xs .badge__label{padding-right:0.25rem;padding-left:0.25rem}.badge--size-xs .badge__icon>swirl-icon,.badge--size-xs .badge__icon>*::part(icon){width:0.75rem;height:0.75rem}.badge--size-s{min-width:1.25rem;height:1.25rem;font-size:0.75rem}.badge--size-s .badge__label{padding-right:0.375rem;padding-left:0.375rem}.badge--size-s .badge__icon>swirl-icon,.badge--size-s .badge__icon>*::part(icon){width:1rem;height:1rem}.badge--size-m{min-width:1.5rem;height:1.5rem}.badge--size-m .badge__label{padding-right:0.4375rem;padding-left:0.4375rem}.badge--has-icon{padding-right:0;padding-left:0}.badge--intent-critical{color:var(--s-text-on-status);background-color:var(--s-surface-critical-default)}.badge--intent-banana{color:var(--s-text-dark);background-color:var(--s-decorative-banana-surface)}.badge--intent-blueberry{color:var(--s-text-on-status);background-color:var(--s-decorative-blueberry-surface)}.badge--intent-chilli{color:var(--s-text-on-status);background-color:var(--s-decorative-chilli-surface)}.badge--intent-grape{color:var(--s-text-on-status);background-color:var(--s-decorative-grape-surface)}.badge--intent-kiwi{color:var(--s-text-on-status);background-color:var(--s-decorative-kiwi-surface)}.badge--intent-neutral{color:var(--s-text-default);background-color:var(--s-surface-neutral-subdued)}.badge--intent-pumpkin{color:var(--s-text-dark);background-color:var(--s-decorative-pumpkin-surface)}.badge--intent-radish{color:var(--s-text-on-status);background-color:var(--s-decorative-radish-surface)}.badge--variant-dot{width:1.5rem;min-width:0;height:1.5rem}.badge--variant-dot.badge--size-xs{width:0.5rem;height:0.5rem}.badge--variant-dot.badge--size-s{width:0.75rem;height:0.75rem}.badge--variant-dot.badge--size-m{width:1rem;height:1rem}.badge--variant-dot .badge__label{padding-right:0;padding-left:0}.badge--variant-dot .badge__icon{display:none}.badge__icon{display:inline-flex}.badge__icon>swirl-icon,.badge__icon>*::part(icon){width:1rem;height:1rem}.badge__label{display:inline-flex;overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}", n = d, o = class {
   constructor(a) {
     i(this, a), this.icon = void 0, this.intent = "critical", this.label = void 0, this.size = "m", this.variant = "default";
   }
@@ -10,10 +10,10 @@ const n = ":host{display:inline-flex;min-width:0;max-width:100%;justify-content:
     const a = s("badge", `badge--intent-${this.intent}`, `badge--size-${this.size}`, `badge--variant-${this.variant}`, {
       "badge--has-icon": this.icon
     });
-    return e(r, { key: "c938981e31370bb4416c224c132ac00fe4b60f45", role: "status" }, e("span", { key: "16cdacb8ab5e87a5258899f963640ab788e4a4e3", class: a, part: "badge" }, this.icon && e("span", { key: "69281f42c7ce44c57619886b2796b6bcd01f5267", class: "badge__icon", innerHTML: this.icon }), this.icon === void 0 && this.variant !== "dot" ? e("span", { class: "badge__label" }, this.label) : e(t, null, this.icon === void 0 && e("span", { class: "badge__label" }, "\xA0"), e("swirl-visually-hidden", null, this.label))));
+    return e(r, { key: "d5da40b81526b3b205e8250b20efb829ecf2a3d5", role: "status" }, e("span", { key: "450074bef0b5751fa7608c159c7fc0cd10952358", class: a, part: "badge" }, this.icon && e("span", { key: "e9f0f37242ad3e2bd513915311632fae41256d49", class: "badge__icon", innerHTML: this.icon }), this.icon === void 0 && this.variant !== "dot" ? e("span", { class: "badge__label" }, this.label) : e(t, null, this.icon === void 0 && e("span", { class: "badge__label" }, "\xA0"), e("swirl-visually-hidden", null, this.label))));
   }
 };
-o.style = d;
+o.style = n;
 export {
   o as swirl_badge
 };