@getflip/swirl-components-react 0.101.3 → 0.101.4

package/dist/{swirl-accordion-item.entry.b4a0da04.js → swirl-accordion-item.entry.83374fd6.js}

@@ -1,4 +1,4 @@
-import { r as a, c as n, h as i, H as d, g as s } from "./index.0296fe1e.js";
+import { r as a, c as n, h as i, H as d, g as s } from "./index.7704b91b.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import { v as o } from "./v4-fa4bb814.196482d9.js";
 import "react";

package/dist/{swirl-accordion.entry.cd874516.js → swirl-accordion.entry.f5c07b3c.js}

@@ -1,4 +1,4 @@
-import { r as s, c as i, h as o, H as l, g as a } from "./index.0296fe1e.js";
+import { r as s, c as i, h as o, H as l, g as a } from "./index.7704b91b.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 = class {

package/dist/{swirl-action-list-section.entry.3e8b7864.js → swirl-action-list-section.entry.645cb5fc.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as e } from "./index.0296fe1e.js";
+import { r as s, h as t, H as e } from "./index.7704b91b.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)}}", l = class {

package/dist/{swirl-action-list_3.entry.6d8fc0c0.js → swirl-action-list_3.entry.9dc3759d.js}

@@ -1,4 +1,4 @@
-import { r as a, h as e, H as n, g as c } from "./index.0296fe1e.js";
+import { r as a, h as e, H as n, g as c } from "./index.7704b91b.js";
 import { q as d, a as h, g as p } from "./utils-bc84f36e.1fee9865.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";

package/dist/{swirl-app-bar.entry.4837a979.js → swirl-app-bar.entry.579d9fb0.js}

@@ -1,8 +1,8 @@
-import { r as e, c as o, h as t, H as n, g as a } from "./index.0296fe1e.js";
+import { r as e, c as o, h as t, H as n, g as a } from "./index.7704b91b.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";
-const r = ':host{display:block;overflow-x:auto;width:100%}:host *{box-sizing:border-box}.app-bar{display:flex;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;min-height:3.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;gap:var(--s-space-16)}.app-bar--has-cta .app-bar__cta{display:block}.app-bar__left-controls{display:flex;min-width:0;flex-shrink:0;align-items:center;gap:var(--s-space-16)}.app-bar__main-navigation-control{flex-shrink:0}.app-bar__cta{display:none}.app-bar__heading{display:flex;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-grow:1;align-items:center}@media (min-width: 992px){.app-bar__heading{flex-grow:0}}.app-bar__stepper-controls{position:relative;display:flex;flex-shrink:0;gap:var(--s-space-4)}.app-bar__stepper-controls:not(:first-child){padding-left:var(--s-space-16)}.app-bar__stepper-controls:not(:first-child):after{position:absolute;top:50%;left:0;width:var(--s-border-width-default);height:1.25rem;background-color:var(--s-border-default);content:"";transform:translateY(-50%)}.app-bar__center-controls{display:none;flex-grow:1;justify-content:center;align-items:center}@media (min-width: 992px){.app-bar__center-controls{display:flex}}.app-bar__right-controls{display:flex;min-width:0;flex-shrink:0;justify-content:flex-end;align-items:center}', c = class {
+const r = ':host{display:block;overflow-x:auto;width:100%}:host *{box-sizing:border-box}.app-bar{display:flex;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;min-height:3.5rem;align-items:center;gap:var(--s-space-16)}.app-bar--has-cta .app-bar__cta{display:block}.app-bar__left-controls{display:flex;min-width:0;flex-shrink:0;align-items:center;gap:var(--s-space-16)}.app-bar__main-navigation-control{flex-shrink:0}.app-bar__cta{display:none}.app-bar__heading{display:flex;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-grow:1;align-items:center}@media (min-width: 992px){.app-bar__heading{flex-grow:0}}.app-bar__stepper-controls{position:relative;display:flex;flex-shrink:0;gap:var(--s-space-4)}.app-bar__stepper-controls:not(:first-child){padding-left:var(--s-space-16)}.app-bar__stepper-controls:not(:first-child):after{position:absolute;top:50%;left:0;width:var(--s-border-width-default);height:1.25rem;background-color:var(--s-border-default);content:"";transform:translateY(-50%)}.app-bar__center-controls{display:none;flex-grow:1;justify-content:center;align-items:center}@media (min-width: 992px){.app-bar__center-controls{display:flex}}.app-bar__right-controls{display:flex;min-width:0;flex-shrink:0;justify-content:flex-end;align-items:center}', c = class {
   constructor(s) {
     e(this, s), this.backButtonClick = o(this, "backButtonClick", 7), this.closeButtonClick = o(this, "closeButtonClick", 7), this.stepUpButtonClick = o(this, "stepUpButtonClick", 7), this.stepDownButtonClick = o(this, "stepDownButtonClick", 7), this.onBackButtonClick = (i) => {
       this.backButtonClick.emit(i);

package/dist/{swirl-app-icon.entry.60e612cd.js → swirl-app-icon.entry.42f60174.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as t } from "./index.0296fe1e.js";
+import { r as o, h as e, H as t } from "./index.7704b91b.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-app-layout_6.entry.e70a868a.js → swirl-app-layout_6.entry.767d027f.js}

@@ -1,4 +1,4 @@
-import { r as n, c as o, h as t, H as l, g as p, F as r } from "./index.0296fe1e.js";
+import { r as n, c as o, h as i, H as l, g as p, F as r } from "./index.7704b91b.js";
 import { c as d } from "./index-d280dafb.186cdb0e.js";
 import { i as u, g as w } from "./utils-bc84f36e.1fee9865.js";
 import { S as _ } from "./sortable.esm-8c3d5856.57c4f048.js";
@@ -6,7 +6,7 @@ import { v as f } from "./v4-fa4bb814.196482d9.js";
 import "react";
 import "react-dom";
 const x = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;height:100%;margin-right:auto;margin-left:auto}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;grid-template-columns:100%;grid-template-rows:3.5625rem 1fr;grid-template-areas:"body"
-    "body"}.app-layout:not(.app-layout--has-navigation) .app-layout__header,.app-layout:not(.app-layout--has-navigation) .app-layout__navigation{display:none}.app-layout:not(.app-layout--has-sidebar) .app-layout__sidebar{display:none}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-body) .app-layout__body{display:none}}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar{display:none}}.app-layout--has-navigation .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"
+    "body"}.app-layout:not(.app-layout--has-navigation) .app-layout__header,.app-layout:not(.app-layout--has-navigation) .app-layout__navigation{display:none}.app-layout:not(.app-layout--has-sidebar) .app-layout__sidebar{display:none}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-body) .app-layout__body{display:none}}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar{display:none}}.app-layout:not(.app-layout--has-app-bar-mobile-menu-button) .app-layout__app-bar-mobile-menu-button{display:none}.app-layout--has-navigation .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"
       "navigation"}@media (min-width: 768px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr;grid-template-areas:"header body"
         "navigation body"}}@media (min-width: 768px){.app-layout--has-navigation .app-layout__app-bar-mobile-menu-button{display:none}}@media (min-width: 768px){.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{grid-template-columns:1fr min(50%, 25rem);grid-template-areas:"body sidebar"
           "body sidebar"}}.app-layout--has-sidebar .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"
@@ -16,14 +16,14 @@ const x = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
         "navigation body"}}@media (min-width: 768px) and (max-width: 1439px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__sidebar{position:absolute;top:0;right:0;bottom:0;width:min(40%, 25rem);border-left:var(--s-border-width-default) solid var(--s-border-default);box-shadow:var(--s-shadow-level-3)}}@media (max-width: 767px){.app-layout--mobile-view-navigation .app-layout__grid{grid-template-areas:"header"
         "navigation"}.app-layout--mobile-view-navigation .app-layout__body,.app-layout--mobile-view-navigation .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-body .app-layout__grid{grid-template-areas:"body"
         "body"}.app-layout--mobile-view-body .app-layout__header,.app-layout--mobile-view-body .app-layout__navigation,.app-layout--mobile-view-body .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-sidebar .app-layout__grid{grid-template-areas:"sidebar"
-        "sidebar"}.app-layout--mobile-view-sidebar .app-layout__header,.app-layout--mobile-view-sidebar .app-layout__navigation,.app-layout--mobile-view-sidebar .app-layout__body{display:none}}.app-layout--has-sidebar:not(.app-layout--sidebar-active) .app-layout__sidebar{display:none}@media (min-width: 768px){.app-layout--sidebar-closing .app-layout__sidebar{animation:app-layout-sidebar-overlay-slide-out 0.3s}}@media (min-width: 1440px){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}.app-layout--has-app-bar-controls .app-layout__app-bar-controls{display:block}.app-layout__header{z-index:1;display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:header;will-change:transform;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__header{border-right:var(--s-border-width-default) solid var(--s-border-default)}}.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__navigation-back-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__floating-cta{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16)}.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;will-change:transform}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;grid-area:body;grid-template-rows:minmax(3.5rem, auto) auto 1fr;grid-template-areas:"app-bar"
+        "sidebar"}.app-layout--mobile-view-sidebar .app-layout__header,.app-layout--mobile-view-sidebar .app-layout__navigation,.app-layout--mobile-view-sidebar .app-layout__body{display:none}}.app-layout--has-sidebar:not(.app-layout--sidebar-active) .app-layout__sidebar{display:none}@media (min-width: 768px){.app-layout--sidebar-closing .app-layout__sidebar{animation:app-layout-sidebar-overlay-slide-out 0.3s}}@media (min-width: 1440px){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}.app-layout--has-app-bar-controls .app-layout__app-bar-controls{display:block}.app-layout__header{z-index:1;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 var(--s-border-default);background-color:var(--s-background-default);grid-area:header;will-change:transform;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-cta{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16)}.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;will-change:transform}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;grid-area:body;grid-template-rows:minmax(3.5rem, auto) auto 1fr;grid-template-areas:"app-bar"
     "banner"
-    "content";will-change:transform}.app-layout__app-bar{display:flex;min-width:0;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:app-bar;gap:var(--s-space-8);--swirl-tab-bar-border-width:0;--swirl-tab-bar-height:3.5rem}.app-layout__back-to-navigation-button{margin-left:calc(-1 * var(--s-space-4))}@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__app-bar-controls{display:none;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);will-change:transform;grid-area:sidebar;grid-template-rows:3.5625rem 1fr;grid-template-areas:"sidebar-header"
-    "sidebar-content"}@media (min-width: 768px){.app-layout__sidebar{animation:app-layout-slide-in 0.3s}}@media (min-width: 1440px){.app-layout__sidebar{width:25rem;animation:none}}.app-layout__sidebar-header{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:sidebar-header;gap:var(--s-space-8)}@media (min-width: 992px){.app-layout__sidebar-header{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}@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"
+    "content";will-change:transform}.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 var(--s-border-default);background-color:var(--s-background-default);grid-area:app-bar;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar{padding-left:var(--s-space-16)}}.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__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);will-change:transform;grid-area:sidebar;grid-template-rows:3.5625rem 1fr;grid-template-areas:"sidebar-header"
+    "sidebar-content"}@media (min-width: 768px){.app-layout__sidebar{animation:app-layout-slide-in 0.3s}}@media (min-width: 1440px){.app-layout__sidebar{width:25rem;animation:none}}.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 var(--s-border-default);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}@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"
           "navigation"}.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__body,.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__body{position:absolute;top:0;left:0;display:grid;width:100%;transform:translate3d(100%, 0, 0)}}@media (max-width: 767px){.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__header{display:flex}.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__navigation{display:block}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"
           "body"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:app-layout-slide-out 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-slide-in 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:app-layout-slide-out 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-slide-in 0.4s}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-scale-in 0.3s}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-scale-in 0.3s}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}`, k = class {
-  constructor(i) {
-    n(this, i), this.ctaClick = o(this, "ctaClick", 7), this.mobileViewChange = o(this, "mobileViewChange", 7), this.navigationBackButtonClick = o(this, "navigationBackButtonClick", 7), this.sidebarToggle = o(this, "sidebarToggle", 7), this.onBackToNavigationViewButtonClick = () => {
+  constructor(t) {
+    n(this, t), this.ctaClick = o(this, "ctaClick", 7), this.mobileViewChange = o(this, "mobileViewChange", 7), this.navigationBackButtonClick = o(this, "navigationBackButtonClick", 7), this.sidebarToggle = o(this, "sidebarToggle", 7), this.onBackToNavigationViewButtonClick = () => {
       this.changeMobileView("navigation");
     }, this.onCtaClick = (e) => {
       this.ctaClick.emit(e);
@@ -41,8 +41,8 @@ const x = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
     });
   }
   disconnectedCallback() {
-    var i;
-    (i = this.mutationObserver) == null || i.disconnect();
+    var t;
+    (t = this.mutationObserver) == null || t.disconnect();
   }
   watchMobileView() {
     this.checkMobileView();
@@ -54,25 +54,25 @@ const x = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
     if (!this.sidebarActive || !this.hasSidebar)
       return;
     Boolean(this.sidebarClosingTimeout) && clearTimeout(this.sidebarClosingTimeout), this.sidebarClosing = !0;
-    const i = u() ? 0 : 300;
+    const t = u() ? 0 : 300;
     this.sidebarClosingTimeout = setTimeout(() => {
       this.sidebarActive = !1, this.sidebarClosing = !1, this.changeMobileView("body"), this.sidebarToggle.emit(!1);
-    }, i);
+    }, t);
   }
   async toggleSidebar() {
     !this.hasSidebar || (this.sidebarActive ? this.hideSidebar() : this.showSidebar());
   }
-  async changeMobileView(i, e = !0) {
-    if (this.mobileView === i || i === "navigation" && !this.hasNavigation || i === "sidebar" && !this.hasSidebar)
+  async changeMobileView(t, e = !0) {
+    if (this.mobileView === t || t === "navigation" && !this.hasNavigation || t === "sidebar" && !this.hasSidebar)
       return;
     if (!u() || !e) {
-      this.mobileView = i, this.mobileViewChange.emit(this.mobileView);
+      this.mobileView = t, this.mobileViewChange.emit(this.mobileView);
       return;
     }
-    Boolean(this.transitionTimeout) && clearTimeout(this.transitionTimeout), this.transitioningFrom = this.mobileView, this.transitioningTo = i;
+    Boolean(this.transitionTimeout) && clearTimeout(this.transitionTimeout), this.transitioningFrom = this.mobileView, this.transitioningTo = t;
     let s = 0;
     this.transitionStyle === "slides" ? s = 400 : this.transitionStyle === "dialog" && (s = 300), this.transitionTimeout = setTimeout(() => {
-      this.mobileView = i, this.transitioningFrom = void 0, this.transitioningTo = void 0, this.mobileViewChange.emit(this.mobileView);
+      this.mobileView = t, this.transitioningFrom = void 0, this.transitioningTo = void 0, this.mobileViewChange.emit(this.mobileView);
     }, s);
   }
   checkMobileView() {
@@ -80,8 +80,8 @@ const x = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
       this.mobileView = "body";
       return;
     }
-    const i = this.mobileView === "sidebar" || this.sidebarActive;
-    i !== this.sidebarActive && (i ? this.showSidebar() : this.hideSidebar());
+    const t = this.mobileView === "sidebar" || this.sidebarActive;
+    t !== this.sidebarActive && (t ? this.showSidebar() : this.hideSidebar());
   }
   updateNavigationStatus() {
     this.hasNavigation = Boolean(this.el.querySelector('[slot="navigation"]'));
@@ -90,14 +90,15 @@ const x = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
     this.hasSidebar = Boolean(this.el.querySelector('[slot="sidebar"]'));
   }
   render() {
-    const i = (this.mobileView === "body" || this.transitioningTo) && this.hasNavigation, e = Boolean(this.el.querySelector('[slot="app-bar-controls"]')), a = d("app-layout", `app-layout--mobile-view-${this.mobileView}`, `app-layout--transitioning-from-${this.transitioningFrom}`, `app-layout--transitioning-to-${this.transitioningTo}`, `app-layout--transition-style-${this.transitionStyle}`, {
+    const t = (this.mobileView === "body" || this.transitioningTo) && this.hasNavigation, e = Boolean(this.el.querySelector('[slot="app-bar-controls"]')), a = Boolean(this.el.querySelector('[slot="app-bar-mobile-menu-button"]')), s = d("app-layout", `app-layout--mobile-view-${this.mobileView}`, `app-layout--transitioning-from-${this.transitioningFrom}`, `app-layout--transitioning-to-${this.transitioningTo}`, `app-layout--transition-style-${this.transitionStyle}`, {
+      "app-layout--has-app-bar-mobile-menu-button": a,
       "app-layout--has-app-bar-controls": e,
       "app-layout--has-navigation": this.hasNavigation,
       "app-layout--has-sidebar": this.hasSidebar,
       "app-layout--sidebar-active": this.mobileView === "sidebar" || this.sidebarActive,
       "app-layout--sidebar-closing": this.sidebarClosing
     });
-    return t(l, null, t("section", { "aria-labelledby": "app-name", class: a, role: "document", tabIndex: 0 }, t("div", { class: "app-layout__grid" }, t("header", { class: "app-layout__header" }, t("span", { class: "app-layout__navigation-mobile-menu-button" }, t("slot", { name: "navigation-mobile-menu-button" })), this.showNavigationBackButton && t("span", { class: "app-layout__navigation-back-button" }, t("swirl-button", { hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), t("swirl-heading", { as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), this.hasNavigation && t("span", { class: "app-layout__navigation-controls" }, t("slot", { name: "navigation-controls" }))), t("nav", { "aria-label": this.navigationLabel, class: "app-layout__navigation" }, t("slot", { name: "navigation" })), t("section", { "aria-labelledby": "app-name", class: "app-layout__body" }, t("header", { class: "app-layout__app-bar" }, t("span", { class: "app-layout__app-bar-mobile-menu-button" }, t("slot", { name: "app-bar-mobile-menu-button" })), i && t("span", { class: "app-layout__back-to-navigation-button" }, t("swirl-button", { hideLabel: !0, icon: this.transitionStyle === "dialog" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick })), t("div", { class: "app-layout__app-bar-content" }, t("slot", { name: "app-bar" })), t("div", { class: "app-layout__app-bar-controls" }, t("slot", { name: "app-bar-controls" }))), t("div", { class: "app-layout__banner" }, t("slot", { name: "banner" })), t("div", { class: "app-layout__content" }, t("slot", { name: "content" }))), t("aside", { class: "app-layout__sidebar" }, t("header", { class: "app-layout__sidebar-header" }, t("swirl-button", { class: "app-layout__sidebar-close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), t("swirl-heading", { as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), t("div", { class: "app-layout__sidebar-content" }, t("slot", { name: "sidebar" }))), this.ctaLabel && t("span", { class: "app-layout__floating-cta" }, t("swirl-button", { hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })))));
+    return i(l, null, i("section", { "aria-labelledby": "app-name", class: s, role: "document", tabIndex: 0 }, i("div", { class: "app-layout__grid" }, i("header", { class: "app-layout__header" }, i("span", { class: "app-layout__navigation-mobile-menu-button" }, i("slot", { name: "navigation-mobile-menu-button" })), this.showNavigationBackButton && i("span", { class: "app-layout__navigation-back-button" }, i("swirl-button", { hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), i("swirl-heading", { as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), this.hasNavigation && i("span", { class: "app-layout__navigation-controls" }, i("slot", { name: "navigation-controls" }))), i("nav", { "aria-label": this.navigationLabel, class: "app-layout__navigation" }, i("slot", { name: "navigation" })), i("section", { "aria-labelledby": "app-name", class: "app-layout__body" }, i("header", { class: "app-layout__app-bar" }, i("span", { class: "app-layout__app-bar-mobile-menu-button" }, i("slot", { name: "app-bar-mobile-menu-button" })), t && i("span", { class: "app-layout__back-to-navigation-button" }, i("swirl-button", { hideLabel: !0, icon: this.transitionStyle === "dialog" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick })), i("div", { class: "app-layout__app-bar-content" }, i("slot", { name: "app-bar" })), i("div", { class: "app-layout__app-bar-controls" }, i("slot", { name: "app-bar-controls" }))), i("div", { class: "app-layout__banner" }, i("slot", { name: "banner" })), i("div", { class: "app-layout__content" }, i("slot", { name: "content" }))), i("aside", { class: "app-layout__sidebar" }, i("header", { class: "app-layout__sidebar-header" }, i("swirl-button", { class: "app-layout__sidebar-close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), i("swirl-heading", { as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), i("div", { class: "app-layout__sidebar-content" }, i("slot", { name: "sidebar" }))), this.ctaLabel && i("span", { class: "app-layout__floating-cta" }, i("swirl-button", { hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })))));
   }
   get el() {
     return p(this);
@@ -110,37 +111,37 @@ const x = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
 };
 k.style = x;
 const C = ":host{display:block}:host *{box-sizing:border-box}.empty-state{display:flex;max-width:28rem;align-items:center;flex-direction:column;gap:var(--s-space-16)}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-8)}", I = class {
-  constructor(i) {
-    n(this, i), this.heading = void 0, this.illustration = void 0;
+  constructor(t) {
+    n(this, t), this.heading = void 0, this.illustration = void 0;
   }
   render() {
-    return t(l, null, t("div", { class: "empty-state" }, this.illustration && t("img", { alt: "", class: "empty-state__illustration", src: this.illustration }), t("div", { class: "empty-state__body" }, this.heading && t("swirl-heading", { align: "center", as: "p", level: 4, text: this.heading }), t("div", { class: "empty-state__content" }, t("swirl-text", { align: "center", color: "subdued" }, t("slot", null))))));
+    return i(l, null, i("div", { class: "empty-state" }, this.illustration && i("img", { alt: "", class: "empty-state__illustration", src: this.illustration }), i("div", { class: "empty-state__body" }, this.heading && i("swirl-heading", { align: "center", as: "p", level: 4, text: this.heading }), i("div", { class: "empty-state__content" }, i("swirl-text", { align: "center", color: "subdued" }, i("slot", null))))));
   }
 };
 I.style = C;
 const S = ":host{display:inline-flex}", D = class {
-  constructor(i) {
-    n(this, i), this.size = 24;
+  constructor(t) {
+    n(this, t), this.size = 24;
   }
   render() {
-    const i = this.size === 20 ? 24 : this.size, e = d("swirl-icon", `swirl-icon--size-${this.size}`);
-    return t("svg", { class: e, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${i} ${i}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && t(r, null, t("path", { d: "M3.99999 1.33334C3.26666 1.33334 2.67332 1.93334 2.67332 2.66668L2.66666 13.3333C2.66666 14.0667 3.25999 14.6667 3.99332 14.6667H12C12.7333 14.6667 13.3333 14.0667 13.3333 13.3333V5.88668C13.3333 5.53334 13.1933 5.19334 12.94 4.94668L9.71999 1.72668C9.47332 1.47334 9.13332 1.33334 8.77999 1.33334H3.99999ZM8.66666 5.33334V2.33334L12.3333 6.00001H9.33332C8.96666 6.00001 8.66666 5.70001 8.66666 5.33334Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && t(r, null, t("path", { d: "M6 2C4.9 2 4.01 2.9 4.01 4L4 20C4 21.1 4.89 22 5.99 22H18C19.1 22 20 21.1 20 20V8.83C20 8.3 19.79 7.79 19.41 7.42L14.58 2.59C14.21 2.21 13.7 2 13.17 2H6ZM13 8V3.5L18.5 9H14C13.45 9 13 8.55 13 8Z", fill: "currentColor" })), this.size === 28 && t(r, null, t("path", { d: "M6.99999 2.33334C5.71666 2.33334 4.67832 3.38334 4.67832 4.66668L4.66666 23.3333C4.66666 24.6167 5.70499 25.6667 6.98832 25.6667H21C22.2833 25.6667 23.3333 24.6167 23.3333 23.3333V10.3017C23.3333 9.68334 23.0883 9.08834 22.645 8.65668L17.01 3.02168C16.5783 2.57834 15.9833 2.33334 15.365 2.33334H6.99999ZM15.1667 9.33334V4.08334L21.5833 10.5H16.3333C15.6917 10.5 15.1667 9.97501 15.1667 9.33334Z", fill: "currentColor" })));
+    const t = this.size === 20 ? 24 : this.size, e = d("swirl-icon", `swirl-icon--size-${this.size}`);
+    return i("svg", { class: e, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && i(r, null, i("path", { d: "M3.99999 1.33334C3.26666 1.33334 2.67332 1.93334 2.67332 2.66668L2.66666 13.3333C2.66666 14.0667 3.25999 14.6667 3.99332 14.6667H12C12.7333 14.6667 13.3333 14.0667 13.3333 13.3333V5.88668C13.3333 5.53334 13.1933 5.19334 12.94 4.94668L9.71999 1.72668C9.47332 1.47334 9.13332 1.33334 8.77999 1.33334H3.99999ZM8.66666 5.33334V2.33334L12.3333 6.00001H9.33332C8.96666 6.00001 8.66666 5.70001 8.66666 5.33334Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && i(r, null, i("path", { d: "M6 2C4.9 2 4.01 2.9 4.01 4L4 20C4 21.1 4.89 22 5.99 22H18C19.1 22 20 21.1 20 20V8.83C20 8.3 19.79 7.79 19.41 7.42L14.58 2.59C14.21 2.21 13.7 2 13.17 2H6ZM13 8V3.5L18.5 9H14C13.45 9 13 8.55 13 8Z", fill: "currentColor" })), this.size === 28 && i(r, null, i("path", { d: "M6.99999 2.33334C5.71666 2.33334 4.67832 3.38334 4.67832 4.66668L4.66666 23.3333C4.66666 24.6167 5.70499 25.6667 6.98832 25.6667H21C22.2833 25.6667 23.3333 24.6167 23.3333 23.3333V10.3017C23.3333 9.68334 23.0883 9.08834 22.645 8.65668L17.01 3.02168C16.5783 2.57834 15.9833 2.33334 15.365 2.33334H6.99999ZM15.1667 9.33334V4.08334L21.5833 10.5H16.3333C15.6917 10.5 15.1667 9.97501 15.1667 9.33334Z", fill: "currentColor" })));
   }
 };
 D.style = S;
 const B = ":host{display:inline-flex}", M = class {
-  constructor(i) {
-    n(this, i), this.size = 24;
+  constructor(t) {
+    n(this, t), this.size = 24;
   }
   render() {
-    const i = this.size === 20 ? 24 : this.size, e = d("swirl-icon", `swirl-icon--size-${this.size}`);
-    return t("svg", { class: e, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${i} ${i}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && t(r, null, t("path", { d: "M13.3333 3.99996H8.00001L7.06001 3.05996C6.80668 2.80663 6.46668 2.66663 6.11334 2.66663H2.66668C1.93334 2.66663 1.34001 3.26663 1.34001 3.99996L1.33334 12C1.33334 12.7333 1.93334 13.3333 2.66668 13.3333H13.3333C14.0667 13.3333 14.6667 12.7333 14.6667 12V5.33329C14.6667 4.59996 14.0667 3.99996 13.3333 3.99996ZM10 5.99996C10.7333 5.99996 11.3333 6.59996 11.3333 7.33329C11.3333 8.06663 10.7333 8.66663 10 8.66663C9.26668 8.66663 8.66668 8.06663 8.66668 7.33329C8.66668 6.59996 9.26668 5.99996 10 5.99996ZM12.6667 11.3333H7.33334V10.6666C7.33334 9.77996 9.11334 9.33329 10 9.33329C10.8867 9.33329 12.6667 9.77996 12.6667 10.6666V11.3333Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && t(r, null, t("path", { d: "M20 6H12L10.59 4.59C10.21 4.21 9.7 4 9.17 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V8C22 6.9 21.1 6 20 6ZM15 9C16.1 9 17 9.9 17 11C17 12.1 16.1 13 15 13C13.9 13 13 12.1 13 11C13 9.9 13.9 9 15 9ZM19 17H11V16C11 14.67 13.67 14 15 14C16.33 14 19 14.67 19 16V17Z", fill: "currentColor" })), this.size === 28 && t(r, null, t("path", { d: "M23.3333 6.99996H14L12.355 5.35496C11.9117 4.91163 11.3167 4.66663 10.6983 4.66663H4.66668C3.38334 4.66663 2.34501 5.71663 2.34501 6.99996L2.33334 21C2.33334 22.2833 3.38334 23.3333 4.66668 23.3333H23.3333C24.6167 23.3333 25.6667 22.2833 25.6667 21V9.33329C25.6667 8.04996 24.6167 6.99996 23.3333 6.99996ZM17.5 10.5C18.7833 10.5 19.8333 11.55 19.8333 12.8333C19.8333 14.1166 18.7833 15.1666 17.5 15.1666C16.2167 15.1666 15.1667 14.1166 15.1667 12.8333C15.1667 11.55 16.2167 10.5 17.5 10.5ZM22.1667 19.8333H12.8333V18.6666C12.8333 17.115 15.9483 16.3333 17.5 16.3333C19.0517 16.3333 22.1667 17.115 22.1667 18.6666V19.8333Z", fill: "currentColor" })));
+    const t = this.size === 20 ? 24 : this.size, e = d("swirl-icon", `swirl-icon--size-${this.size}`);
+    return i("svg", { class: e, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && i(r, null, i("path", { d: "M13.3333 3.99996H8.00001L7.06001 3.05996C6.80668 2.80663 6.46668 2.66663 6.11334 2.66663H2.66668C1.93334 2.66663 1.34001 3.26663 1.34001 3.99996L1.33334 12C1.33334 12.7333 1.93334 13.3333 2.66668 13.3333H13.3333C14.0667 13.3333 14.6667 12.7333 14.6667 12V5.33329C14.6667 4.59996 14.0667 3.99996 13.3333 3.99996ZM10 5.99996C10.7333 5.99996 11.3333 6.59996 11.3333 7.33329C11.3333 8.06663 10.7333 8.66663 10 8.66663C9.26668 8.66663 8.66668 8.06663 8.66668 7.33329C8.66668 6.59996 9.26668 5.99996 10 5.99996ZM12.6667 11.3333H7.33334V10.6666C7.33334 9.77996 9.11334 9.33329 10 9.33329C10.8867 9.33329 12.6667 9.77996 12.6667 10.6666V11.3333Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && i(r, null, i("path", { d: "M20 6H12L10.59 4.59C10.21 4.21 9.7 4 9.17 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V8C22 6.9 21.1 6 20 6ZM15 9C16.1 9 17 9.9 17 11C17 12.1 16.1 13 15 13C13.9 13 13 12.1 13 11C13 9.9 13.9 9 15 9ZM19 17H11V16C11 14.67 13.67 14 15 14C16.33 14 19 14.67 19 16V17Z", fill: "currentColor" })), this.size === 28 && i(r, null, i("path", { d: "M23.3333 6.99996H14L12.355 5.35496C11.9117 4.91163 11.3167 4.66663 10.6983 4.66663H4.66668C3.38334 4.66663 2.34501 5.71663 2.34501 6.99996L2.33334 21C2.33334 22.2833 3.38334 23.3333 4.66668 23.3333H23.3333C24.6167 23.3333 25.6667 22.2833 25.6667 21V9.33329C25.6667 8.04996 24.6167 6.99996 23.3333 6.99996ZM17.5 10.5C18.7833 10.5 19.8333 11.55 19.8333 12.8333C19.8333 14.1166 18.7833 15.1666 17.5 15.1666C16.2167 15.1666 15.1667 14.1166 15.1667 12.8333C15.1667 11.55 16.2167 10.5 17.5 10.5ZM22.1667 19.8333H12.8333V18.6666C12.8333 17.115 15.9483 16.3333 17.5 16.3333C19.0517 16.3333 22.1667 17.115 22.1667 18.6666V19.8333Z", fill: "currentColor" })));
   }
 };
 M.style = B;
 const z = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}", L = class {
-  constructor(i) {
-    n(this, i), this.itemDrop = o(this, "itemDrop", 7), this.focusedIndex = 0, this.toggleDrag = (e) => {
+  constructor(t) {
+    n(this, t), this.itemDrop = o(this, "itemDrop", 7), this.focusedIndex = 0, this.toggleDrag = (e) => {
       const a = e.detail;
       Boolean(this.dragging) ? this.stopDrag(a) : this.startDrag(a);
     }, this.startDrag = (e) => {
@@ -174,8 +175,8 @@ const z = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
     this.setupDragDrop();
   }
   disconnectedCallback() {
-    var i, e;
-    (i = this.sortable) == null || i.destroy(), (e = this.observer) == null || e.disconnect();
+    var t, e;
+    (t = this.sortable) == null || t.destroy(), (e = this.observer) == null || e.disconnect();
   }
   observeSlotChanges() {
     this.observer = new MutationObserver(() => {
@@ -190,22 +191,22 @@ const z = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
     this.setItemAllowDragState(), this.setupDragDrop();
   }
   collectItems() {
-    this.items = Array.from(this.el.querySelectorAll("swirl-resource-list-item, swirl-resource-list-file-item")).filter((i) => i.isConnected), this.removeItemsFromTabOrder(), this.enableItemFocus(this.items[this.focusedIndex]);
+    this.items = Array.from(this.el.querySelectorAll("swirl-resource-list-item, swirl-resource-list-file-item")).filter((t) => t.isConnected), this.removeItemsFromTabOrder(), this.enableItemFocus(this.items[this.focusedIndex]);
   }
-  getItemIndex(i) {
-    return this.items.map((e) => e).findIndex((e) => e === i);
+  getItemIndex(t) {
+    return this.items.map((e) => e).findIndex((e) => e === t);
   }
   removeItemsFromTabOrder() {
-    this.items.forEach((i) => {
-      const e = i == null ? void 0 : i.querySelector(".resource-list-item__content, .resource-list-file-item"), a = i == null ? void 0 : i.querySelector(".resource-list-item__drag-handle");
+    this.items.forEach((t) => {
+      const e = t == null ? void 0 : t.querySelector(".resource-list-item__content, .resource-list-file-item"), a = t == null ? void 0 : t.querySelector(".resource-list-item__drag-handle");
       e == null || e.setAttribute("tabIndex", "-1"), a == null || a.setAttribute("tabIndex", "-1");
     });
   }
   setItemAllowDragState() {
-    this.allowDrag ? this.items.forEach((i) => {
-      i.setAttribute("allow-drag", "true"), i.addEventListener("toggleDrag", this.toggleDrag);
-    }) : this.items.forEach((i) => {
-      i.removeAttribute("allow-drag"), i.removeEventListener("toggleDrag", this.toggleDrag);
+    this.allowDrag ? this.items.forEach((t) => {
+      t.setAttribute("allow-drag", "true"), t.addEventListener("toggleDrag", this.toggleDrag);
+    }) : this.items.forEach((t) => {
+      t.removeAttribute("allow-drag"), t.removeEventListener("toggleDrag", this.toggleDrag);
     });
   }
   setupDragDrop() {
@@ -213,36 +214,36 @@ const z = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
       animation: 150,
       draggable: "swirl-resource-list-item",
       handle: ".resource-list-item__drag-handle",
-      onEnd: (i) => {
+      onEnd: (t) => {
         this.itemDrop.emit({
-          item: i.item,
-          oldIndex: i.oldDraggableIndex,
-          newIndex: i.newDraggableIndex
+          item: t.item,
+          oldIndex: t.oldDraggableIndex,
+          newIndex: t.newDraggableIndex
         });
       }
     }));
   }
-  enableItemFocus(i, e) {
-    if (!Boolean(i))
+  enableItemFocus(t, e) {
+    if (!Boolean(t))
       return;
-    const a = i.querySelector(".resource-list-item__content, .resource-list-file-item"), s = i.querySelector(".resource-list-item__drag-handle");
+    const a = t.querySelector(".resource-list-item__content, .resource-list-file-item"), s = t.querySelector(".resource-list-item__drag-handle");
     Boolean(s) && s.setAttribute("tabIndex", "0"), Boolean(a) && (a.setAttribute("tabIndex", "0"), e && a.focus());
   }
-  focusItemAtIndex(i) {
+  focusItemAtIndex(t) {
     this.removeItemsFromTabOrder();
-    const e = this.items[i];
-    !Boolean(e) || !e.isConnected || (this.enableItemFocus(e, !0), this.focusedIndex = i);
+    const e = this.items[t];
+    !Boolean(e) || !e.isConnected || (this.enableItemFocus(e, !0), this.focusedIndex = t);
   }
   moveDraggedItemDown() {
-    const i = this.dragging.nextElementSibling;
-    !Boolean(i) || (i.after(this.dragging), this.collectItems(), this.focusItemAtIndex(this.getItemIndex(this.dragging)), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`);
+    const t = this.dragging.nextElementSibling;
+    !Boolean(t) || (t.after(this.dragging), this.collectItems(), this.focusItemAtIndex(this.getItemIndex(this.dragging)), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`);
   }
   moveDraggedItemUp() {
-    const i = this.dragging.previousElementSibling;
-    !Boolean(i) || (i.before(this.dragging), this.collectItems(), this.focusItemAtIndex(this.getItemIndex(this.dragging)), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`);
+    const t = this.dragging.previousElementSibling;
+    !Boolean(t) || (t.before(this.dragging), this.collectItems(), this.focusItemAtIndex(this.getItemIndex(this.dragging)), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`);
   }
   render() {
-    return t(l, { onKeyDown: this.onKeyDown }, t("swirl-visually-hidden", { role: "alert" }, this.assistiveText), t("swirl-stack", { "aria-label": this.label, class: "resource-list", ref: (i) => this.gridEl = i, role: "grid" }, t("slot", null)));
+    return i(l, { onKeyDown: this.onKeyDown }, i("swirl-visually-hidden", { role: "alert" }, this.assistiveText), i("swirl-stack", { "aria-label": this.label, class: "resource-list", ref: (t) => this.gridEl = t, role: "grid" }, i("slot", null)));
   }
   get el() {
     return p(this);
@@ -258,8 +259,8 @@ const T = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
       --swirl-resource-list-item-background-hovered
     );background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:var(--s-space-16)}}.resource-list-item--hide-divider.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item:after{display:none}.resource-list-item--label-weight-medium.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within{--swirl-flat-button-background-default:var(--s-background-default);--swirl-flat-button-background-disabled:var(--s-background-disabled);--swirl-flat-button-background-hovered:var(--s-background-hovered);--swirl-flat-button-background-pressed:var(--s-background-pressed)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:auto;opacity:1}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__meta.sc-swirl-resource-list-item{pointer-events:none;opacity:0}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:none;opacity:0}.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1rem)}}.resource-list-item--dragging.sc-swirl-resource-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),
     0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item--disabled.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:transparent}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox-icon.sc-swirl-resource-list-item{color:var(--s-text-on-status)}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);display:flex;width:100%;min-width:0;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;text-decoration:none;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:2.875rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label-container.sc-swirl-resource-list-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.resource-list-item__label.sc-swirl-resource-list-item b.sc-swirl-resource-list-item,.resource-list-item__label.sc-swirl-resource-list-item strong.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__control.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.125rem;height:1.125rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:calc(var(--s-space-16) - var(--s-space-2))}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{display:flex;align-items:flex-end;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);flex-direction:column;align-self:flex-start}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}`, V = class {
-  constructor(i) {
-    n(this, i), this.toggleDrag = o(this, "toggleDrag", 7), this.valueChange = o(this, "valueChange", 7), this.desktopMediaQuery = w(), this.id = f(), this.desktopMediaQueryHandler = (e) => {
+  constructor(t) {
+    n(this, t), this.toggleDrag = o(this, "toggleDrag", 7), this.valueChange = o(this, "valueChange", 7), this.desktopMediaQuery = w(), this.id = f(), this.desktopMediaQueryHandler = (e) => {
       this.forceIconProps(e.matches), this.updateIconSize(e.matches);
     }, this.onClick = () => {
       !this.selectable || (this.checked = !this.checked, this.valueChange.emit(this.checked));
@@ -276,23 +277,23 @@ const T = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
     this.forceIconProps(this.desktopMediaQuery.matches), this.updateIconSize(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler, Boolean(this.menuTriggerId) && console.warn('[Swirl] The "menu-trigger-id" prop of swirl-resource-list-item is deprecated and will be removed with the next major release. Please use the "control" slot to add a menu button instead. https://swirl-storybook.flip-app.dev/?path=/docs/components-swirlresourcelistitem--docs');
   }
   disconnectedCallback() {
-    var i, e;
-    (e = (i = this.desktopMediaQuery).removeEventListener) == null || e.call(i, "change", this.desktopMediaQueryHandler);
+    var t, e;
+    (e = (t = this.desktopMediaQuery).removeEventListener) == null || e.call(t, "change", this.desktopMediaQueryHandler);
   }
-  forceIconProps(i) {
+  forceIconProps(t) {
     var a;
     const e = (a = this.iconEl) == null ? void 0 : a.children[0];
-    e == null || e.setAttribute("size", i ? "20" : "24");
+    e == null || e.setAttribute("size", t ? "20" : "24");
   }
-  updateIconSize(i) {
-    this.iconSize = i ? 20 : 24;
+  updateIconSize(t) {
+    this.iconSize = t ? 20 : 24;
   }
   updateMediaState() {
-    const i = this.el.querySelector('[slot="media"]'), e = Boolean(i);
+    const t = this.el.querySelector('[slot="media"]'), e = Boolean(t);
     e !== this.hasMedia && (this.hasMedia = e);
   }
   render() {
-    const i = !this.interactive && !this.selectable ? "div" : Boolean(this.href) && !this.selectable ? "a" : "button", e = this.disabled && !Boolean(this.href), a = Boolean(this.el.querySelector("[slot='badges']")), s = Boolean(this.menuTriggerId) || this.el.querySelector("[slot='control']"), m = this.interactive && Boolean(this.href) ? this.href : void 0, h = Boolean(this.meta) || a, b = Boolean(this.menuTriggerId) && !Boolean(this.meta) && !this.selectable, c = (Boolean(this.meta) || a) && !this.selectable, g = this.selectable ? String(this.checked) : void 0, y = this.interactive && this.selectable ? "checkbox" : void 0, v = d("resource-list-item", `resource-list-item--label-weight-${this.labelWeight}`, {
+    const t = !this.interactive && !this.selectable ? "div" : Boolean(this.href) && !this.selectable ? "a" : "button", e = this.disabled && !Boolean(this.href), a = Boolean(this.el.querySelector("[slot='badges']")), s = Boolean(this.menuTriggerId) || this.el.querySelector("[slot='control']"), m = this.interactive && Boolean(this.href) ? this.href : void 0, h = Boolean(this.meta) || a, b = Boolean(this.menuTriggerId) && !Boolean(this.meta) && !this.selectable, c = (Boolean(this.meta) || a) && !this.selectable, g = this.selectable ? String(this.checked) : void 0, y = this.interactive && this.selectable ? "checkbox" : void 0, v = d("resource-list-item", `resource-list-item--label-weight-${this.labelWeight}`, {
       "resource-list-item--active": this.active,
       "resource-list-item--checked": this.checked,
       "resource-list-item--disabled": this.disabled,
@@ -305,7 +306,7 @@ const T = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
       "resource-list-item--show-control-on-focus": h,
       "resource-list-item--show-meta": c
     });
-    return t(l, { role: "row" }, t("div", { class: v, role: "gridcell" }, t(i, { "aria-checked": g, "aria-disabled": e ? "true" : void 0, "aria-labelledby": this.id, class: "resource-list-item__content", href: m, disabled: e, onClick: this.onClick, part: "resource-list-item__content", role: y, tabIndex: 0 }, this.hasMedia && t("span", { class: "resource-list-item__media" }, t("slot", { name: "media" })), t("span", { class: "resource-list-item__label-container" }, t("span", { class: "resource-list-item__label", id: this.id, innerHTML: this.label }), this.description && t("span", { class: "resource-list-item__description" }, this.description)), c && t("span", { class: "resource-list-item__meta" }, t("span", { class: "resource-list-item__meta-text" }, this.meta), t("span", { class: "resource-list-item__badges" }, t("slot", { name: "badges" })))), this.selectable && t("span", { "aria-hidden": "true", class: "resource-list-item__checkbox" }, t("span", { class: "resource-list-item__checkbox-icon" }, this.checked && t("swirl-icon-check-strong", null))), t("span", { class: "resource-list-item__control" }, t("slot", { name: "control" })), b && t("swirl-popover-trigger", { popover: this.menuTriggerId }, t("swirl-button", { "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 && t("button", { "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, t("swirl-icon-drag-handle", { size: this.iconSize })));
+    return i(l, { role: "row" }, i("div", { class: v, role: "gridcell" }, i(t, { "aria-checked": g, "aria-disabled": e ? "true" : void 0, "aria-labelledby": this.id, class: "resource-list-item__content", href: m, disabled: e, onClick: this.onClick, part: "resource-list-item__content", role: y, tabIndex: 0 }, this.hasMedia && i("span", { class: "resource-list-item__media" }, i("slot", { name: "media" })), i("span", { class: "resource-list-item__label-container" }, i("span", { class: "resource-list-item__label", id: this.id, innerHTML: this.label }), this.description && i("span", { class: "resource-list-item__description" }, this.description)), c && i("span", { class: "resource-list-item__meta" }, i("span", { class: "resource-list-item__meta-text" }, this.meta), i("span", { class: "resource-list-item__badges" }, i("slot", { name: "badges" })))), this.selectable && i("span", { "aria-hidden": "true", class: "resource-list-item__checkbox" }, i("span", { class: "resource-list-item__checkbox-icon" }, this.checked && i("swirl-icon-check-strong", null))), i("span", { class: "resource-list-item__control" }, i("slot", { name: "control" })), b && i("swirl-popover-trigger", { popover: this.menuTriggerId }, i("swirl-button", { "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 && i("button", { "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, i("swirl-icon-drag-handle", { size: this.iconSize })));
   }
   get el() {
     return p(this);

package/dist/{swirl-autocomplete.entry.4eb1131d.js → swirl-autocomplete.entry.95f78803.js}

@@ -1,4 +1,4 @@
-import { r as p, c as m, h as o, H as g, g as f } from "./index.0296fe1e.js";
+import { r as p, c as m, h as o, H as g, g as f } from "./index.7704b91b.js";
 import { a as v, c as b, o as y } from "./floating-ui.dom.esm-ac7cc24e.79b318e4.js";
 import { c as w } from "./index-d280dafb.186cdb0e.js";
 import { d as S } from "./utils-bc84f36e.1fee9865.js";

package/dist/{swirl-avatar-group.entry.90b63ac4.js → swirl-avatar-group.entry.4f2dc4c4.js}

@@ -1,4 +1,4 @@
-import { r as s, h as a, H as i } from "./index.0296fe1e.js";
+import { r as s, h as a, H as i } from "./index.7704b91b.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-avatar.entry.fd9352c2.js → swirl-avatar.entry.676310ce.js}

@@ -1,4 +1,4 @@
-import { r as h, h as a, H as u, g } from "./index.0296fe1e.js";
+import { r as h, h as a, H as u, g } from "./index.7704b91b.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-badge.entry.fe3299c4.js → swirl-badge.entry.6b16026a.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as t } from "./index.0296fe1e.js";
+import { r as i, h as e, H as t } from "./index.7704b91b.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-banner.entry.e6b8ea20.js → swirl-banner.entry.d8f4d762.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as t, H as c, g as l } from "./index.0296fe1e.js";
+import { r as o, c as r, h as t, H as c, g as l } from "./index.7704b91b.js";
 import { c as b } from "./index-d280dafb.186cdb0e.js";
 import { g as d } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-box.entry.0eae0e1a.js → swirl-box.entry.e3d268d4.js}

@@ -1,4 +1,4 @@
-import { r as d, h as n, H as t } from "./index.0296fe1e.js";
+import { r as d, h as n, H as t } from "./index.7704b91b.js";
 import { c as s } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-button-group.entry.863eeac8.js → swirl-button-group.entry.060bd136.js}

@@ -1,4 +1,4 @@
-import { r as s, h as r, H as i } from "./index.0296fe1e.js";
+import { r as s, h as r, H as i } from "./index.7704b91b.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-button.entry.869a1d24.js → swirl-button.entry.1a72a93e.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, H as l, g as u } from "./index.0296fe1e.js";
+import { r as e, h as i, H as l, g as u } from "./index.7704b91b.js";
 import { c as b } from "./index-d280dafb.186cdb0e.js";
 import { g as c } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-card.entry.6d991b6e.js → swirl-card.entry.b42d1a80.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as n, g as o } from "./index.0296fe1e.js";
+import { r as i, h as e, H as n, g as o } from "./index.7704b91b.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-carousel-slide.entry.c0c4f1f5.js → swirl-carousel-slide.entry.865df459.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, H as t } from "./index.0296fe1e.js";
+import { r as e, h as i, H as t } from "./index.7704b91b.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-carousel.entry.057e0d9a.js → swirl-carousel.entry.3729a4a1.js}

@@ -1,4 +1,4 @@
-import { r as n, c as a, h as l, H as r, g as c } from "./index.0296fe1e.js";
+import { r as n, c as a, h as l, H as r, g as c } from "./index.7704b91b.js";
 import { d } from "./utils-bc84f36e.1fee9865.js";
 import "react";
 import "react-dom";

package/dist/{swirl-checkbox.entry.90e88b84.js → swirl-checkbox.entry.c108690a.js}

@@ -1,4 +1,4 @@
-import { r as b, c as l, h as c, H as t } from "./index.0296fe1e.js";
+import { r as b, c as l, h as c, H as t } from "./index.7704b91b.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-chip.entry.bfd06504.js → swirl-chip.entry.f5a83219.js}

@@ -1,4 +1,4 @@
-import { r as t, c as o, h as r, H as h, g as n } from "./index.0296fe1e.js";
+import { r as t, c as o, h as r, H as h, g as n } from "./index.7704b91b.js";
 import { c as p } from "./index-d280dafb.186cdb0e.js";
 import { g as l } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-color-input.entry.2a4eb3b9.js → swirl-color-input.entry.63c8251e.js}

@@ -1,4 +1,4 @@
-import { r as L, c as g, h as l, H as B } from "./index.0296fe1e.js";
+import { r as L, c as g, h as l, H as B } from "./index.7704b91b.js";
 import { c as T } from "./index-d280dafb.186cdb0e.js";
 import { v as z } from "./v4-fa4bb814.196482d9.js";
 import "react";

package/dist/{swirl-columns.entry.caa0d83c.js → swirl-columns.entry.431780ad.js}

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

package/dist/swirl-components-react.js

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