@getflip/swirl-components-react 0.342.1 → 0.343.1

package/dist/{swirl-accordion-item.entry.ddcb251e.js → swirl-accordion-item.entry.b660a503.js}

@@ -1,4 +1,4 @@
-import { r as d, c as t, h as e, H as n, g as s } from "./index.e7413e61.js";
+import { r as d, c as t, h as e, H as n, g as s } from "./index.6b925864.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import { v as a } from "./v4-DD3477fe.2624487e.js";
 import "react";

package/dist/{swirl-accordion.entry.50895f70.js → swirl-accordion.entry.5762b631.js}

@@ -1,4 +1,4 @@
-import { r as s, c as a, h as o, H as i, g as c } from "./index.e7413e61.js";
+import { r as s, c as a, h as o, H as i, g as c } from "./index.6b925864.js";
 import "react";
 import "react-dom";
 const l = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}", n = class {

package/dist/{swirl-action-list-section.entry.abf04d9c.js → swirl-action-list-section.entry.5e844136.js}

@@ -1,4 +1,4 @@
-import { r as i, h as a, H as t } from "./index.e7413e61.js";
+import { r as i, h as a, H as t } from "./index.6b925864.js";
 import "react";
 import "react-dom";
 const e = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}", o = class {

package/dist/{swirl-action-list_2.entry.7a13fdd4.js → swirl-action-list_2.entry.2c6bad01.js}

@@ -1,4 +1,4 @@
-import { r, h as o, H as l, g as d } from "./index.e7413e61.js";
+import { r, h as o, H as l, g as d } from "./index.6b925864.js";
 import { q as h, k as f } from "./utils-D_MUFqkF.654ff3ce.js";
 import { c as m } from "./index-orsBiyT_.fc4357c3.js";
 import { D as u } from "./media-query.service-Cx_VEA2f.c4de15e1.js";

package/dist/{swirl-app-bar.entry.61e4c2bc.js → swirl-app-bar.entry.50ad3b3b.js}

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

package/dist/{swirl-app-icon.entry.59014e31.js → swirl-app-icon.entry.62529126.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as o } from "./index.e7413e61.js";
+import { r as n, h as s, H as o } from "./index.6b925864.js";
 import { c as l } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-app-layout_5.entry.826ea35d.js → swirl-app-layout_5.entry.fdf0a290.js}

@@ -1,12 +1,12 @@
-import { r as d, c as l, h as e, H as c, g as u, F as h } from "./index.e7413e61.js";
+import { r as p, c as l, h as e, H as c, g as u, F as h } from "./index.6b925864.js";
 import { c as b } from "./index-orsBiyT_.fc4357c3.js";
-import { D as w } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
-import { d as y, i as g, s as v } from "./utils-D_MUFqkF.654ff3ce.js";
-import { S as T } from "./sortable.esm-CMrz6687.dac971cd.js";
-import { v as k } from "./v4-DD3477fe.2624487e.js";
+import { D as k } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
+import { d as y, i as g, s as f } from "./utils-D_MUFqkF.654ff3ce.js";
+import { S as A } from "./sortable.esm-CMrz6687.dac971cd.js";
+import { v as x } from "./v4-DD3477fe.2624487e.js";
 import "react";
 import "react-dom";
-const D = `:host{--header-height:3.5625rem;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:var(--header-height) 1fr;grid-template-areas:"body"
+const L = `:host{--header-height:3.5625rem;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:var(--header-height) 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: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%, 22.5rem) 1fr;grid-template-areas:"header body"
         "navigation body"}}@media (min-width: 1440px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr}}@media (min-width: 768px){.app-layout--has-navigation .app-layout__app-bar-mobile-menu-button{display:none}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{position:absolute;z-index:4;top:0;left:0;width:22.5rem;animation:app-layout-nav-overlay-slide-in-desktop 0.1s;animation-fill-mode:forwards}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header:after{position:absolute;z-index:1;top:0;left:calc(100% + var(--s-border-width-default));display:block;width:2rem;height:100vh;background-image:linear-gradient(
@@ -31,9 +31,9 @@ const D = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
     "content"}.app-layout__app-bar{--swirl-tab-bar-border-width:0;--swirl-tab-bar-height:3.5rem;display:flex;min-width:0;align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:app-bar;gap:var(--s-space-8)}.app-layout__bottom-bar{display:none;min-width:0;align-items:center;background-color:var(--s-background-default);grid-area:bottom-bar}.app-layout__back-to-navigation-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__back-to-navigation-button{display:none}}.app-layout__banner{grid-area:banner}.app-layout__app-bar-content{min-width:0;flex-grow:1}.app-layout__custom-app-bar-back-button{display:none;padding-left:var(--s-space-8)}.app-layout__app-bar-controls{display:none;padding-right:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-controls{padding-right:var(--s-space-16)}}.app-layout__content{overflow:auto;background-color:var(--s-background-default);grid-area:content}.app-layout__sidebar{z-index:3;display:grid;width:100%;height:100%;border-left:var(--s-border-width-default) solid var(--s-border-default);grid-area:sidebar;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"sidebar-header"
     "sidebar-content"}@media (min-width: 768px){.app-layout__sidebar{animation:app-layout-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout__sidebar{width:25rem;animation:none}}.app-layout__custom-sidebar-header{display:none;min-width:0;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:sidebar-header}.app-layout__sidebar-header{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:sidebar-header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__sidebar-header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__sidebar-heading{min-width:0;flex-grow:1}.app-layout__sidebar-heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__sidebar-close-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__sidebar-content{overflow-y:auto;background-color:var(--s-background-default);grid-area:sidebar-content}@keyframes app-layout-nav-overlay-slide-in-desktop{from{width:0}to{width:22.5rem}}@keyframes app-layout-nav-overlay-slide-in-large-desktop{from{width:0}to{width:25rem}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"
           "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}@media (prefers-reduced-motion){.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:none}}.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}@media (prefers-reduced-motion){.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:none}}.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 (prefers-reduced-motion){.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{animation:none}}}@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}@media (prefers-reduced-motion){.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:none}}.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}@media (prefers-reduced-motion){.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:none}}.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 (prefers-reduced-motion){.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{animation:none}}}@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 (prefers-reduced-motion){.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:none}}}@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 (prefers-reduced-motion){.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:none}}}@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-in-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 0}to{overflow:hidden;grid-template-columns:0 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}}@keyframes app-layout-sidebar-slide-out-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 25rem}to{overflow:hidden;grid-template-columns:0 1fr 0}}@keyframes app-layout-no-nav-sidebar-slide-in{from{overflow:hidden;grid-template-columns:1fr 0}to{overflow:hidden;grid-template-columns:1fr 25rem}}@keyframes app-layout-no-nav-sidebar-slide-out{from{overflow:hidden;grid-template-columns:1fr 25rem}to{overflow:hidden;grid-template-columns:1fr 0}}`, A = "SWIRL_APP_LAYOUT_NAV_EXPANSION_STATE", L = class {
+          "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}@media (prefers-reduced-motion){.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:none}}.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}@media (prefers-reduced-motion){.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:none}}.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 (prefers-reduced-motion){.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{animation:none}}}@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}@media (prefers-reduced-motion){.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:none}}.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}@media (prefers-reduced-motion){.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:none}}.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 (prefers-reduced-motion){.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{animation:none}}}@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 (prefers-reduced-motion){.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:none}}}@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 (prefers-reduced-motion){.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:none}}}@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-in-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 0}to{overflow:hidden;grid-template-columns:0 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}}@keyframes app-layout-sidebar-slide-out-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 25rem}to{overflow:hidden;grid-template-columns:0 1fr 0}}@keyframes app-layout-no-nav-sidebar-slide-in{from{overflow:hidden;grid-template-columns:1fr 0}to{overflow:hidden;grid-template-columns:1fr 25rem}}@keyframes app-layout-no-nav-sidebar-slide-out{from{overflow:hidden;grid-template-columns:1fr 25rem}to{overflow:hidden;grid-template-columns:1fr 0}}`, N = "SWIRL_APP_LAYOUT_NAV_EXPANSION_STATE", M = class {
   constructor(t) {
-    d(this, t), this.ctaClick = l(this, "ctaClick", 7), this.mobileViewChange = l(this, "mobileViewChange", 7), this.navigationBackButtonClick = l(this, "navigationBackButtonClick", 7), this.navigationExpansionStateChange = l(this, "navigationExpansionStateChange", 7), this.sidebarToggle = l(this, "sidebarToggle", 7), this.backToNavigationViewButtonLabel = "Back to navigation", this.navigationBackButtonLabel = "Go back", this.navigationExpansionStateStorageKey = A, this.navigationToggleLabel = "Toggle navigation", this.navigationOverlayLabel = "Show navigation", this.sidebarCloseButtonLabel = "Close sidebar", this.transitionStyle = "slides", this.contentScrollState = {
+    p(this, t), this.ctaClick = l(this, "ctaClick", 7), this.mobileViewChange = l(this, "mobileViewChange", 7), this.navigationBackButtonClick = l(this, "navigationBackButtonClick", 7), this.navigationExpansionStateChange = l(this, "navigationExpansionStateChange", 7), this.sidebarToggle = l(this, "sidebarToggle", 7), this.backToNavigationViewButtonLabel = "Back to navigation", this.navigationBackButtonLabel = "Go back", this.navigationExpansionStateStorageKey = N, this.navigationToggleLabel = "Toggle navigation", this.navigationOverlayLabel = "Show navigation", this.sidebarCloseButtonLabel = "Close sidebar", this.transitionStyle = "slides", this.contentScrollState = {
       scrollable: !1,
       scrolledToTop: !1,
       scrolledToBottom: !1
@@ -75,7 +75,7 @@ const D = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
     });
   }
   componentDidLoad() {
-    this.mediaQueryUnsubscribe = w.subscribe((t) => {
+    this.mediaQueryUnsubscribe = k.subscribe((t) => {
       this.isDesktop = t;
     }), queueMicrotask(() => {
       this.restoreNavExpansionState(), this.updateContentScrollState(), this.updateSidebarScrollState(), this.updateNavScrollState();
@@ -100,7 +100,7 @@ const D = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
     if (this.sidebarActive || !this.hasSidebar)
       return;
     Boolean(this.sidebarOpeningTimeout) && clearTimeout(this.sidebarOpeningTimeout), this.sidebarOpening = !0;
-    const t = g() || v() ? 0 : 300;
+    const t = g() || f() ? 0 : 300;
     this.sidebarOpeningTimeout = setTimeout(() => {
       this.sidebarActive = !0, this.sidebarOpening = !1, this.changeMobileView("sidebar"), this.sidebarToggle.emit(!0);
     }, t);
@@ -109,7 +109,7 @@ const D = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
     if (!this.sidebarActive || !this.hasSidebar)
       return;
     Boolean(this.sidebarClosingTimeout) && clearTimeout(this.sidebarClosingTimeout), this.sidebarClosing = !0;
-    const t = g() || v() ? 0 : 300;
+    const t = g() || f() ? 0 : 300;
     this.sidebarClosingTimeout = setTimeout(() => {
       this.sidebarActive = !1, this.sidebarClosing = !1, this.changeMobileView("body"), this.sidebarToggle.emit(!1);
     }, t);
@@ -131,7 +131,7 @@ const D = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
       return;
     }
     Boolean(this.transitionTimeout) && clearTimeout(this.transitionTimeout), this.transitioningFrom = this.mobileView, this.transitioningTo = t;
-    const r = v() ? 0 : this.transitionStyle === "slides" ? 400 : this.transitionStyle === "dialog" ? 300 : 0;
+    const r = f() ? 0 : this.transitionStyle === "slides" ? 400 : this.transitionStyle === "dialog" ? 300 : 0;
     this.transitionTimeout = setTimeout(() => {
       this.mobileView = t, this.transitioningFrom = void 0, this.transitioningTo = void 0, this.mobileViewChange.emit(this.mobileView);
     }, r);
@@ -182,7 +182,7 @@ const D = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
     Boolean(t) && this.setCollapsibleNavigationState(t);
   }
   render() {
-    const t = (this.mobileView === "body" || this.transitioningTo) && this.hasNavigation && !this.hasCustomAppBarBackButton, a = Boolean(this.el.querySelector('[slot="app-bar-controls"]')), i = Boolean(this.el.querySelector('[slot="bottom-bar"]')), o = Boolean(this.el.querySelector('[slot="app-bar-mobile-menu-button"]')), r = Boolean(this.el.querySelector('[slot="custom-sidebar-header"]')), n = Boolean(this.el.querySelector('[slot="floating-action-button"]')) || Boolean(this.ctaLabel), p = this.hasNavigation && (!this.collapsibleNavigation || this.navExpansionState !== "collapsed" || !this.isDesktop), m = b("app-layout", `app-layout--mobile-view-${this.mobileView}`, `app-layout--nav-${this.isDesktop ? this.navExpansionState : "expanded"}`, `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 && !this.hasCustomAppBarBackButton, a = Boolean(this.el.querySelector('[slot="app-bar-controls"]')), i = Boolean(this.el.querySelector('[slot="bottom-bar"]')), o = Boolean(this.el.querySelector('[slot="app-bar-mobile-menu-button"]')), r = Boolean(this.el.querySelector('[slot="custom-sidebar-header"]')), n = Boolean(this.el.querySelector('[slot="floating-action-button"]')) || Boolean(this.ctaLabel), d = this.hasNavigation && (!this.collapsibleNavigation || this.navExpansionState !== "collapsed" || !this.isDesktop), m = b("app-layout", `app-layout--mobile-view-${this.mobileView}`, `app-layout--nav-${this.isDesktop ? this.navExpansionState : "expanded"}`, `app-layout--transitioning-from-${this.transitioningFrom}`, `app-layout--transitioning-to-${this.transitioningTo}`, `app-layout--transition-style-${this.transitionStyle}`, {
       "app-layout--content-scrollable": this.contentScrollState.scrollable,
       "app-layout--content-scrolled-to-top": this.contentScrollState.scrolledToTop,
       "app-layout--content-scrolled-to-bottom": this.contentScrollState.scrolledToBottom,
@@ -204,7 +204,7 @@ const D = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
       "app-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
       "app-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop
     });
-    return e(c, { key: "0970730a8b11319c50969d6d6e7f217dcf56e2f0" }, e("section", { key: "06d420b7d6bfe12422b52e2cdcb8fa8a2ed0fbac", "aria-labelledby": "app-name", class: m }, e("div", { key: "b50a9beffae3145861ed4b71705fe673f5d10043", class: "app-layout__grid" }, e("header", { key: "04c3f7e4b7cb227cca2e9a15e262ddc9874032e1", class: "app-layout__header", ref: (s) => this.headerEl = s }, e("span", { key: "67ba8ba5394d42ba1f96ccb3258aefb8acce87c9", class: "app-layout__navigation-mobile-menu-button" }, e("slot", { key: "8795a4b7ac5a63bdd1f838c6ba1d0314cfa33dc9", name: "navigation-mobile-menu-button" })), this.collapsibleNavigation && e("span", { key: "0a11ae6739ed9863837da26a60a5f524ca2215ea", class: "app-layout__nav-overlay-toggle" }, e("swirl-button", { key: "e0670ebab68aaefd7342a31b0a2c139f181c4cf1", hideLabel: !0, icon: this.navExpansionState !== "expanded" ? "<swirl-icon-dock-left-expand></swirl-icon-dock-left-expand>" : "<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>", label: this.navigationToggleLabel, onClick: this.toggleNavigation })), this.showNavigationBackButton && e("span", { key: "df74e59b27c2e15ffc532826ac69794df187ece9", class: "app-layout__navigation-back-button" }, e("swirl-button", { key: "ca4e1610d7566b66ebe6958f8ec6f89d4a84554c", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), e("swirl-heading", { key: "7ca7f6ca8a69fead26966a6b224966f4404351da", as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), p && e("span", { key: "3d1205492f28588558a5e1d1c1948c4da7870c46", class: "app-layout__navigation-controls" }, e("slot", { key: "f97090b47f524589e4d86e293e92ce2e001503dd", name: "navigation-controls" }))), e("nav", { key: "9b2f944843bcee7c5322b728ea26fcc7d8ed990f", "aria-label": this.navigationLabel, class: "app-layout__navigation", onScroll: this.onNavScroll, ref: (s) => this.navEl = s, inert: this.isDesktop && this.collapsibleNavigation && this.navExpansionState === "collapsed" }, e("slot", { key: "a3fa785458acf70951cf209062e9f91bfec49db4", name: "navigation" })), e("section", { key: "3649f14cce3bdf275bc7325680b4c193085272f7", "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && e("header", { key: "401b6adeda9ed569d8a6c37f381fed0623a34701", class: "app-layout__app-bar" }, e("span", { key: "7b60e9abca35a3c6ab900e8d882116e8b22ce730", class: "app-layout__app-bar-mobile-menu-button" }, e("slot", { key: "44c01881cb2c4799942609ca43f2ead4de855859", name: "app-bar-mobile-menu-button" })), t && e("span", { key: "63a89ec584fa6a21a5cf4be3fdf15e84df01b03a", class: "app-layout__back-to-navigation-button" }, e("swirl-button", { key: "5d05136bb74adcc5a404bdb74533636777f3b598", 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 })), this.collapsibleNavigation && this.navExpansionState !== "expanded" && e("span", { key: "0426043d85f25bd9581b2046215dba5cc50ee24c", class: "app-layout__nav-expansion-toggle" }, e("swirl-button", { key: "5b64b49937d180b23de6435351a0b7498562b2f7", hideLabel: !0, icon: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", label: this.navigationOverlayLabel, onClick: this.overlayNavigation })), e("span", { key: "eaa0172b442211086532a15fae6bb99b70dafab6", class: "app-layout__custom-app-bar-back-button" }, e("slot", { key: "86177f0040e21c020b2d88a2e11cc1f2045d9bcf", name: "custom-app-bar-back-button" })), e("div", { key: "ff317fc8d6a4f75b81db2f4c6867d1259a9e2cc6", class: "app-layout__app-bar-content" }, e("slot", { key: "59a8e892b40e1b56acc3f33cb956d1a588670a5e", name: "app-bar" })), e("div", { key: "2244b236929f9de30d18f886b2992187b1f9baf8", class: "app-layout__app-bar-controls" }, e("slot", { key: "c5fae8b152e14275cb09b7db637ea8ca64932648", name: "app-bar-controls" }))), e("div", { key: "85a6875e28ec691f659cbee27e299bca2048ff67", class: "app-layout__banner" }, e("slot", { key: "9790312e956f47faca3c1c4b04a6b1422a889498", name: "banner" })), e("div", { key: "d33ae32d0644d24027423eb9dc9ba94c54b0070b", class: "app-layout__content", onScroll: this.onContentScroll, ref: (s) => this.contentEl = s }, e("slot", { key: "9e615a708ac9ae2817a680e868c70d4a9ec3d075", name: "content" })), e("div", { key: "d173a40d98a1d8cd6b93135d9a6984afc6487813", class: "app-layout__bottom-bar" }, e("slot", { key: "10a8422834710d9b15dea188d0f8b24dab14887e", name: "bottom-bar" }))), e("aside", { key: "0da3e8a8bf7be2c6ae12ebf89b6fc91f4d9a27a2", class: "app-layout__sidebar" }, e("header", { key: "da7303d27a7c9d65a3d3dd7ec9799f7ea8b63dd8", class: "app-layout__custom-sidebar-header" }, e("slot", { key: "fd8fc8403066c85dd26ed414afded579928da657", name: "custom-sidebar-header" })), e("header", { key: "addfa87cef788f272e586e3a02b0f47be414cc58", class: "app-layout__sidebar-header" }, e("swirl-button", { key: "7daf54726d77b5a9656dd888d32d4c111746e59e", class: "app-layout__sidebar-close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), e("swirl-heading", { key: "c743c2b1049f87a5c81b99ddc836f4a2b9b08561", as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), e("div", { key: "9443e3843d55af79d62c949b8df53a6a1f27a4e9", class: "app-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (s) => this.sidebarEl = s }, e("slot", { key: "0b5eff0be0d4e98ed2755b412d8783fe25d8d809", name: "sidebar" }))), e("span", { key: "a1487ea686f593c4b117a9eb74fe61fe8b516336", class: "app-layout__floating-action-button" }, this.ctaLabel && e("swirl-button", { key: "02d61ee5b96263295218ed0b99cb8b93d1e06df0", hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" }), e("slot", { key: "7f1e9ae5a5cbf12e28b12d8e7227fee017f6f532", name: "floating-action-button" })))));
+    return e(c, { key: "0970730a8b11319c50969d6d6e7f217dcf56e2f0" }, e("section", { key: "06d420b7d6bfe12422b52e2cdcb8fa8a2ed0fbac", "aria-labelledby": "app-name", class: m }, e("div", { key: "b50a9beffae3145861ed4b71705fe673f5d10043", class: "app-layout__grid" }, e("header", { key: "04c3f7e4b7cb227cca2e9a15e262ddc9874032e1", class: "app-layout__header", ref: (s) => this.headerEl = s }, e("span", { key: "67ba8ba5394d42ba1f96ccb3258aefb8acce87c9", class: "app-layout__navigation-mobile-menu-button" }, e("slot", { key: "8795a4b7ac5a63bdd1f838c6ba1d0314cfa33dc9", name: "navigation-mobile-menu-button" })), this.collapsibleNavigation && e("span", { key: "0a11ae6739ed9863837da26a60a5f524ca2215ea", class: "app-layout__nav-overlay-toggle" }, e("swirl-button", { key: "e0670ebab68aaefd7342a31b0a2c139f181c4cf1", hideLabel: !0, icon: this.navExpansionState !== "expanded" ? "<swirl-icon-dock-left-expand></swirl-icon-dock-left-expand>" : "<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>", label: this.navigationToggleLabel, onClick: this.toggleNavigation })), this.showNavigationBackButton && e("span", { key: "df74e59b27c2e15ffc532826ac69794df187ece9", class: "app-layout__navigation-back-button" }, e("swirl-button", { key: "ca4e1610d7566b66ebe6958f8ec6f89d4a84554c", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), e("swirl-heading", { key: "7ca7f6ca8a69fead26966a6b224966f4404351da", as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), d && e("span", { key: "3d1205492f28588558a5e1d1c1948c4da7870c46", class: "app-layout__navigation-controls" }, e("slot", { key: "f97090b47f524589e4d86e293e92ce2e001503dd", name: "navigation-controls" }))), e("nav", { key: "9b2f944843bcee7c5322b728ea26fcc7d8ed990f", "aria-label": this.navigationLabel, class: "app-layout__navigation", onScroll: this.onNavScroll, ref: (s) => this.navEl = s, inert: this.isDesktop && this.collapsibleNavigation && this.navExpansionState === "collapsed" }, e("slot", { key: "a3fa785458acf70951cf209062e9f91bfec49db4", name: "navigation" })), e("section", { key: "3649f14cce3bdf275bc7325680b4c193085272f7", "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && e("header", { key: "401b6adeda9ed569d8a6c37f381fed0623a34701", class: "app-layout__app-bar" }, e("span", { key: "7b60e9abca35a3c6ab900e8d882116e8b22ce730", class: "app-layout__app-bar-mobile-menu-button" }, e("slot", { key: "44c01881cb2c4799942609ca43f2ead4de855859", name: "app-bar-mobile-menu-button" })), t && e("span", { key: "63a89ec584fa6a21a5cf4be3fdf15e84df01b03a", class: "app-layout__back-to-navigation-button" }, e("swirl-button", { key: "5d05136bb74adcc5a404bdb74533636777f3b598", 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 })), this.collapsibleNavigation && this.navExpansionState !== "expanded" && e("span", { key: "0426043d85f25bd9581b2046215dba5cc50ee24c", class: "app-layout__nav-expansion-toggle" }, e("swirl-button", { key: "5b64b49937d180b23de6435351a0b7498562b2f7", hideLabel: !0, icon: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", label: this.navigationOverlayLabel, onClick: this.overlayNavigation })), e("span", { key: "eaa0172b442211086532a15fae6bb99b70dafab6", class: "app-layout__custom-app-bar-back-button" }, e("slot", { key: "86177f0040e21c020b2d88a2e11cc1f2045d9bcf", name: "custom-app-bar-back-button" })), e("div", { key: "ff317fc8d6a4f75b81db2f4c6867d1259a9e2cc6", class: "app-layout__app-bar-content" }, e("slot", { key: "59a8e892b40e1b56acc3f33cb956d1a588670a5e", name: "app-bar" })), e("div", { key: "2244b236929f9de30d18f886b2992187b1f9baf8", class: "app-layout__app-bar-controls" }, e("slot", { key: "c5fae8b152e14275cb09b7db637ea8ca64932648", name: "app-bar-controls" }))), e("div", { key: "85a6875e28ec691f659cbee27e299bca2048ff67", class: "app-layout__banner" }, e("slot", { key: "9790312e956f47faca3c1c4b04a6b1422a889498", name: "banner" })), e("div", { key: "d33ae32d0644d24027423eb9dc9ba94c54b0070b", class: "app-layout__content", onScroll: this.onContentScroll, ref: (s) => this.contentEl = s }, e("slot", { key: "9e615a708ac9ae2817a680e868c70d4a9ec3d075", name: "content" })), e("div", { key: "d173a40d98a1d8cd6b93135d9a6984afc6487813", class: "app-layout__bottom-bar" }, e("slot", { key: "10a8422834710d9b15dea188d0f8b24dab14887e", name: "bottom-bar" }))), e("aside", { key: "0da3e8a8bf7be2c6ae12ebf89b6fc91f4d9a27a2", class: "app-layout__sidebar" }, e("header", { key: "da7303d27a7c9d65a3d3dd7ec9799f7ea8b63dd8", class: "app-layout__custom-sidebar-header" }, e("slot", { key: "fd8fc8403066c85dd26ed414afded579928da657", name: "custom-sidebar-header" })), e("header", { key: "addfa87cef788f272e586e3a02b0f47be414cc58", class: "app-layout__sidebar-header" }, e("swirl-button", { key: "7daf54726d77b5a9656dd888d32d4c111746e59e", class: "app-layout__sidebar-close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), e("swirl-heading", { key: "c743c2b1049f87a5c81b99ddc836f4a2b9b08561", as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), e("div", { key: "9443e3843d55af79d62c949b8df53a6a1f27a4e9", class: "app-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (s) => this.sidebarEl = s }, e("slot", { key: "0b5eff0be0d4e98ed2755b412d8783fe25d8d809", name: "sidebar" }))), e("span", { key: "a1487ea686f593c4b117a9eb74fe61fe8b516336", class: "app-layout__floating-action-button" }, this.ctaLabel && e("swirl-button", { key: "02d61ee5b96263295218ed0b99cb8b93d1e06df0", hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" }), e("slot", { key: "7f1e9ae5a5cbf12e28b12d8e7227fee017f6f532", name: "floating-action-button" })))));
   }
   get el() {
     return u(this);
@@ -215,10 +215,10 @@ const D = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
     };
   }
 };
-L.style = D;
-const N = ":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--has-controls .empty-state__controls{display:block}.empty-state--has-slotted-illustration .empty-state__slotted-illustration{display:block}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-24)}.empty-state__controls{display:none}.empty-state__slotted-illustration{display:none;max-width:16rem}", M = class {
+M.style = L;
+const V = ":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--has-controls .empty-state__controls{display:block}.empty-state--has-slotted-illustration .empty-state__slotted-illustration{display:block}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-24)}.empty-state__controls{display:none}.empty-state__slotted-illustration{display:none;max-width:16rem}", H = class {
   constructor(t) {
-    d(this, t), this.headingLevel = 4;
+    p(this, t), this.headingLevel = 4;
   }
   render() {
     const t = Boolean(this.el.querySelector('[slot="controls"]')), a = Boolean(this.el.querySelector('[slot="illustration"]')), i = b("empty-state", {
@@ -231,10 +231,10 @@ const N = ":host{display:block}:host *{box-sizing:border-box}.empty-state{displa
     return u(this);
   }
 };
-M.style = N;
-const V = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", H = class {
+H.style = V;
+const z = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", O = class {
   constructor(t) {
-    d(this, t), this.size = 24;
+    p(this, t), this.size = 24;
   }
   render() {
     const t = this.size === 20 ? 24 : this.size, a = {
@@ -243,10 +243,10 @@ const V = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{
     return e("svg", { key: "d4a0f12cb33457276d329e6c5047f61c04aaf080", "aria-hidden": "true", class: i, fill: "none", height: this.size, part: "icon", style: a, viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(h, { key: "70037e134896a5d9b1b55f62663627d1c9a0e8db" }, e("path", { key: "1bd1d98a540a1db36f524e7bc510015d0114c49c", d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(h, { key: "c33dc9ae4b263373fcd9637cf063058165049ec2" }, e("path", { key: "094e73580e807eab03be0ae7eaf7b2bac48a725a", d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" })), this.size === 28 && e(h, { key: "1b3207fc7586ec5bbd8f18e5d18770da51be34a9" }, e("path", { key: "517bc1db617e10d2345281a6c40062d46a23c254", d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })));
   }
 };
-H.style = V;
-const z = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}", O = class {
+O.style = z;
+const q = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}", P = class {
   constructor(t) {
-    d(this, t), this.itemDrop = l(this, "itemDrop", 7), this.assistiveTextItemGrabbed = "Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.", this.assistiveTextItemMoving = "Current position:", this.assistiveTextItemMoved = "Item moved. New position:", this.spacing = "0", this.listId = k(), this.focusedIndex = 0, this.toggleDrag = (a) => {
+    p(this, t), this.itemDrop = l(this, "itemDrop", 7), this.assistiveTextItemGrabbed = "Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.", this.assistiveTextItemMoving = "Current position:", this.assistiveTextItemMoved = "Item moved. New position:", this.semantics = "grid", this.spacing = "0", this.listId = x(), this.focusedIndex = 0, this.toggleDrag = (a) => {
       const i = a.detail;
       Boolean(this.dragging) ? this.stopDrag(i) : this.startDrag(i);
     }, this.startDrag = (a) => {
@@ -257,27 +257,30 @@ const z = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
       const i = this.getItemIndex(this.dragging);
       this.dragging = void 0, a.removeAttribute("dragging"), this.assistiveText = `${this.assistiveTextItemMoved} ${i + 1}`, this.itemDrop.emit({ item: a, oldIndex: this.draggingStartIndex, newIndex: i }), this.draggingStartIndex = void 0;
     }, this.onKeyDown = (a) => {
-      if (a.code === "ArrowDown")
-        a.preventDefault(), Boolean(this.dragging) ? this.moveDraggedItemDown() : this.focusItemAtIndex((this.focusedIndex + 1) % this.items.length);
-      else if (a.code === "ArrowUp")
-        if (a.preventDefault(), Boolean(this.dragging))
-          this.moveDraggedItemUp();
-        else {
+      if (this.semantics === "grid" && !Boolean(this.dragging))
+        if (a.code === "ArrowDown")
+          a.preventDefault(), this.focusItemAtIndex((this.focusedIndex + 1) % this.items.length);
+        else if (a.code === "ArrowUp") {
+          a.preventDefault();
           const i = this.focusedIndex === 0 ? this.items.length - 1 : this.focusedIndex - 1;
           this.focusItemAtIndex(i);
-        }
-      else if (a.code === "Space" || a.code === "Enter") {
-        const i = a.composedPath()[0];
-        if (Boolean(this.dragging) && !(i != null && i.classList.contains("resource-list-item__drag-handle")))
-          a.preventDefault(), this.stopDrag(this.dragging);
-        else if (Boolean(this.controllingElement) && a.code === "Enter") {
-          const o = this.items[this.focusedIndex];
-          if (!Boolean(o) || !o.isConnected)
+        } else if (a.code === "Enter" && Boolean(this.controllingElement)) {
+          const i = this.items[this.focusedIndex];
+          if (!Boolean(i) || !i.isConnected)
             return;
-          a.stopPropagation(), a.preventDefault(), o.click();
+          a.stopPropagation(), a.preventDefault(), i.click();
+        } else
+          a.code === "Home" ? (a.preventDefault(), this.focusItemAtIndex(0)) : a.code === "End" && (a.preventDefault(), this.focusItemAtIndex(this.items.length - 1));
+      if (Boolean(this.dragging)) {
+        if (a.code === "ArrowDown")
+          a.preventDefault(), this.moveDraggedItemDown();
+        else if (a.code === "ArrowUp")
+          a.preventDefault(), this.moveDraggedItemUp();
+        else if (a.code === "Space" || a.code === "Enter") {
+          const i = a.composedPath()[0];
+          i != null && i.classList.contains("resource-list-item__drag-handle") || (a.preventDefault(), this.stopDrag(this.dragging));
         }
-      } else
-        a.code === "Home" ? (a.preventDefault(), this.focusItemAtIndex(0)) : a.code === "End" && (a.preventDefault(), this.focusItemAtIndex(this.items.length - 1));
+      }
     };
   }
   componentDidLoad() {
@@ -313,7 +316,7 @@ const z = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
     return this.items.map((a) => a).findIndex((a) => a === t);
   }
   removeItemsFromTabOrder() {
-    this.items.forEach((t) => {
+    this.semantics === "grid" && this.items.forEach((t) => {
       const a = t == null ? void 0 : t.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"), i = t == null ? void 0 : t.querySelector(".resource-list-item__drag-handle");
       Boolean(this.controllingElement) && t.setAttribute("aria-selected", "false"), a == null || a.setAttribute("tabIndex", "-1"), i == null || i.setAttribute("tabIndex", "-1");
     });
@@ -326,7 +329,7 @@ const z = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
     });
   }
   setupDragDrop() {
-    Boolean(this.sortable) && this.sortable.destroy(), this.allowDrag && (this.sortable = T.create(this.gridEl, {
+    Boolean(this.sortable) && this.sortable.destroy(), this.allowDrag && (this.sortable = A.create(this.gridEl, {
       animation: 150,
       draggable: "swirl-resource-list-item",
       handle: ".resource-list-item__drag-handle",
@@ -366,7 +369,7 @@ const z = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
   }
   render() {
     var t, a, i, o, r, n;
-    return e(c, { key: "d831867280abfc173c787cdff663d902353e233d", onKeyDown: this.onKeyDown }, e("swirl-visually-hidden", { key: "c1b47cba7d9ed0a08ea51218ec07c85d38144aa1", role: "alert" }, this.assistiveText), e("swirl-box", { key: "e0d7270c8c9cf07441dd72c37acf49fe70c7ee0a", paddingBlockEnd: (t = this.paddingBlockEnd) != null ? t : this.padding, paddingBlockStart: (a = this.paddingBlockStart) != null ? a : this.padding, paddingInlineEnd: (o = (i = this.paddingInlineEnd) != null ? i : this.padding) != null ? o : "8", paddingInlineStart: (n = (r = this.paddingInlineStart) != null ? r : this.padding) != null ? n : "8" }, e("swirl-stack", { key: "128c961a67bcb88b6283731a598c4d2e780d0276", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (p) => this.gridEl = p, role: "grid", spacing: this.spacing }, e("slot", { key: "bbb035001ae31e6ea0f5b83bd4714528a8e39bf3" }))));
+    return e(c, { key: "c75f0ba1985a00ac6dbc67289a6b4810c37be961", onKeyDown: this.onKeyDown }, e("swirl-visually-hidden", { key: "90494b940f1e6c1293d60c04458822c99c0fb2ba", role: "alert" }, this.assistiveText), e("swirl-box", { key: "f33276012374609326842e3d638c21d0f556a0d9", paddingBlockEnd: (t = this.paddingBlockEnd) != null ? t : this.padding, paddingBlockStart: (a = this.paddingBlockStart) != null ? a : this.padding, paddingInlineEnd: (o = (i = this.paddingInlineEnd) != null ? i : this.padding) != null ? o : "8", paddingInlineStart: (n = (r = this.paddingInlineStart) != null ? r : this.padding) != null ? n : "8" }, e("swirl-stack", { key: "46a26973aaa57dff81309f36c62bdaf457f0c1e2", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (d) => this.gridEl = d, role: this.semantics, spacing: this.spacing }, e("slot", { key: "5270fb4d8807d1818369b3afde14ea0cb5ccf20b" }))));
   }
   get el() {
     return u(this);
@@ -377,13 +380,13 @@ const z = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
     };
   }
 };
-O.style = z;
-const q = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:100%}.sc-swirl-resource-list-item-h *.sc-swirl-resource-list-item{box-sizing:border-box}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item{background-color:var(--swirl-resource-list-item-background-hovered)}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item .resource-list-item__media.sc-swirl-resource-list-item,[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item.sc-swirl-resource-list-item{position:relative;width:100%}.resource-list-item--interactive.sc-swirl-resource-list-item:hover{--swirl-ghost-button-background-default:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{cursor:pointer}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:disabled{cursor:default}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled),.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled){background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled){background-color:var(--swirl-resource-list-item-background-pressed)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-pressed);--swirl-badge-border-color:var(--s-background-pressed)}.resource-list-item--active.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{--swirl-badge-border-color:var(
+P.style = q;
+const $ = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:100%}.sc-swirl-resource-list-item-h *.sc-swirl-resource-list-item{box-sizing:border-box}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item{background-color:var(--swirl-resource-list-item-background-hovered)}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item .resource-list-item__media.sc-swirl-resource-list-item,[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item.sc-swirl-resource-list-item{position:relative;width:100%}.resource-list-item--interactive.sc-swirl-resource-list-item:hover{--swirl-ghost-button-background-default:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{cursor:pointer}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:disabled{cursor:default}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled),.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled){background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled){background-color:var(--swirl-resource-list-item-background-pressed)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-pressed);--swirl-badge-border-color:var(--s-background-pressed)}.resource-list-item--active.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{--swirl-badge-border-color:var(
       --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)}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-8)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-8)}}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{min-height:2.5rem}@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--label-weight-medium.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--label-weight-semibold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item--label-weight-bold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-bold)}.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--wrap-description.sc-swirl-resource-list-item .resource-list-item__description.sc-swirl-resource-list-item{white-space:normal}.resource-list-item--wrap-label.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{white-space:normal}.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);position:relative;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-8);align-items:flex-start;border:none;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-sm);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);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}.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) var(--s-space-8);line-height:var(--s-line-height-base)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex;flex-shrink:0}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:3rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);white-space:nowrap;text-overflow:ellipsis}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__label.sc-swirl-resource-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;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-8);transform:translateY(-50%);z-index:2}.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;gap:var(--s-space-2)}.resource-list-item__meta-text.sc-swirl-resource-list-item{white-space:nowrap}.resource-list-item__badges.sc-swirl-resource-list-item{display:inline-flex;width:-webkit-max-content;width:-moz-max-content;width:max-content}.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)}`, P = class {
+    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--wrap-description.sc-swirl-resource-list-item .resource-list-item__description.sc-swirl-resource-list-item{white-space:normal}.resource-list-item--wrap-label.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{white-space:normal}.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);position:relative;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-8);align-items:flex-start;border:none;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-sm);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);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}.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) var(--s-space-8);line-height:var(--s-line-height-base)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex;flex-shrink:0}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:3rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);white-space:nowrap;text-overflow:ellipsis}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__label.sc-swirl-resource-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;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-8);transform:translateY(-50%);z-index:2}.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;gap:var(--s-space-2)}.resource-list-item__meta-text.sc-swirl-resource-list-item{white-space:nowrap}.resource-list-item__badges.sc-swirl-resource-list-item{display:inline-flex;width:-webkit-max-content;width:-moz-max-content;width:max-content}.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)}`, F = class {
   constructor(t) {
-    d(this, t), this.toggleDrag = l(this, "toggleDrag", 7), this.valueChange = l(this, "valueChange", 7), this.allowHtml = !0, this.checked = !1, this.dragHandleDescription = "Press spacebar to toggle grab", this.dragHandleLabel = "Move item", this.interactive = !0, this.labelWeight = "medium", this.menuTriggerLabel = "Options", this.hasMedia = !1, this.iconSize = 24, this.elementId = k(), this.mediaQueryUnsubscribe = () => {
+    p(this, t), this.toggleDrag = l(this, "toggleDrag", 7), this.valueChange = l(this, "valueChange", 7), this.allowHtml = !0, this.checked = !1, this.dragHandleDescription = "Press spacebar to toggle grab", this.dragHandleLabel = "Move item", this.interactive = !0, this.labelWeight = "medium", this.menuTriggerLabel = "Options", this.hasMedia = !1, this.iconSize = 24, this.elementId = x(), this.mediaQueryUnsubscribe = () => {
     }, this.onClick = () => {
       !this.selectable || (this.checked = !this.checked, this.valueChange.emit(this.checked));
     }, this.onBlur = () => {
@@ -402,7 +405,7 @@ const q = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
     this.updateMediaState();
   }
   componentDidLoad() {
-    this.mediaQueryUnsubscribe = w.subscribe((t) => {
+    this.mediaQueryUnsubscribe = k.subscribe((t) => {
       this.forceIconProps(t), this.updateIconSize(t);
     }), this.makeControlUnfocusable(), 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');
   }
@@ -433,11 +436,11 @@ const q = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
     !Boolean(t) || (t.tabIndex = -1);
   }
   render() {
-    var f, _;
-    const t = !this.interactive && !this.selectable ? "div" : Boolean(this.href) && !this.selectable ? "a" : "button", a = this.disabled && !Boolean(this.href), i = Boolean(this.el.querySelector("[slot='badges']")), o = this.el.querySelector("[slot='control']"), r = Boolean(this.menuTriggerId) || o, n = this.interactive && Boolean(this.href) ? this.href : void 0, p = o && (Boolean(this.meta) || i), m = Boolean(this.menuTriggerId) && !Boolean(this.meta) && !this.selectable, s = (Boolean(this.meta) || i) && !this.selectable, x = Boolean(this.swirlAriaLabel) ? this.swirlAriaLabel : this.label, S = this.selectable ? String(this.checked) : void 0, C = this.interactive && this.selectable ? "checkbox" : void 0, I = {
-      paddingRight: !s && Boolean(this.controlContainer) ? `calc(${(f = this.controlContainer) == null ? void 0 : f.getBoundingClientRect().width}px + var(--s-space-16))` : void 0,
-      minHeight: (_ = this.labelMinHeight) != null ? _ : void 0
-    }, B = b("resource-list-item", `resource-list-item--label-weight-${this.labelWeight}`, {
+    var _, w;
+    const t = !this.interactive && !this.selectable ? "div" : Boolean(this.href) && !this.selectable ? "a" : "button", a = this.disabled && !Boolean(this.href), i = Boolean(this.el.querySelector("[slot='badges']")), o = this.el.querySelector("[slot='control']"), r = Boolean(this.menuTriggerId) || o, n = this.interactive && Boolean(this.href) ? this.href : void 0, d = o && (Boolean(this.meta) || i), m = Boolean(this.menuTriggerId) && !Boolean(this.meta) && !this.selectable, s = (Boolean(this.meta) || i) && !this.selectable, S = Boolean(this.swirlAriaLabel) ? this.swirlAriaLabel : this.label, C = this.selectable ? String(this.checked) : void 0, I = this.interactive && this.selectable ? "checkbox" : void 0, v = this.el.closest('[role="grid"]') ? "row" : "listitem", B = v === "row" ? "gridcell" : void 0, E = {
+      paddingRight: !s && Boolean(this.controlContainer) ? `calc(${(_ = this.controlContainer) == null ? void 0 : _.getBoundingClientRect().width}px + var(--s-space-16))` : void 0,
+      minHeight: (w = this.labelMinHeight) != null ? w : void 0
+    }, T = b("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--compact": this.compact,
@@ -448,22 +451,22 @@ const q = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
       "resource-list-item--hide-divider": this.hideDivider,
       "resource-list-item--interactive": this.interactive || this.selectable,
       "resource-list-item--selectable": this.selectable,
-      "resource-list-item--show-control-on-focus": p,
+      "resource-list-item--show-control-on-focus": d,
       "resource-list-item--show-meta": s,
       "resource-list-item--wrap-description": this.descriptionWrap,
       "resource-list-item--wrap-label": this.labelWrap
     });
-    return e(c, { key: "fac4e9ef2141b02c0f47fbcbaf2368561da743ec", role: "row" }, e("div", { key: "a2050efe1bb7cfaf5828fec38275c0ef64b1dca7", class: B, role: "gridcell" }, e(t, { key: "88a45a25ad6c890128048803f69636bd918269e5", "aria-checked": S, "aria-disabled": a ? "true" : void 0, "aria-label": x, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", href: n, disabled: a, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: C, tabIndex: 0, type: t === "button" ? "button" : void 0 }, this.hasMedia && e("span", { key: "6ce6a2eedcb38541b3e33f36a1418f7697b66556", class: "resource-list-item__media" }, e("slot", { key: "5c8abcabc0dd83fa1febf9de89888c915eb961e8", name: "media" })), e("span", { key: "0bdf11a2b1329239bac9046457b2997ca332dea0", class: "resource-list-item__label-container", style: I }, e("span", { key: "0e326421287e7e1f156ead02ca3a4ee4639c635c", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && e("span", { key: "fc8d7ab472ae4efdc2234906d256ae6e6bea3e16", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), s && e("span", { key: "dccf17ffff66bcb875e56a360753fffc117a5cb0", class: "resource-list-item__meta" }, e("span", { key: "e5d2ea91c855d64ba858c54a80e690b0e7e684ad", class: "resource-list-item__meta-text" }, this.meta), e("span", { key: "6e97965511d965b623ecbb8f1c58b5f182220033", class: "resource-list-item__badges" }, e("slot", { key: "d2a5a5b5e8b1819b0df39a7692ba20ac3d34c1e9", name: "badges" })))), this.selectable && e("span", { key: "19c93f99b610f9aa27b701dd1d11fb2f1e6e2df0", "aria-hidden": "true", class: "resource-list-item__checkbox" }, e("span", { key: "e9c993566fdcdd32f4260bd39625238bee12614b", class: "resource-list-item__checkbox-icon" }, this.checked && e("swirl-icon-check-strong", { key: "56589cf146b91c631c0370dcd4a86095d2515a82" }))), e("span", { key: "b174ac3e106b4ebb3c919134d21e52b4995b035e", class: "resource-list-item__control", onClick: this.onControlClick, ref: (E) => this.controlContainer = E }, e("slot", { key: "2365755ae94002a07654be9b398364f42c48dfe8", name: "control" })), m && e("swirl-popover-trigger", { key: "6922e4d265d60655da0236ba4838bc2e7cc23332", swirlPopover: this.menuTriggerId }, e("swirl-button", { key: "4bee5268cb623e2a8ebaf75ee785e2bad0bb54a7", "aria-disabled": a ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: a, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && e("button", { key: "c0c43019891547e02b947e90f6112f4afadf853e", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, e("swirl-icon-drag-handle", { key: "9ba1dbc373631cdb8203f4b435bb66bfeb31c19b", size: this.iconSize })));
+    return e(c, { key: "43910581e423c8294ab457c2a57f64237b54cdd6", role: v }, e("div", { key: "ab0b2780717232150f32e87e2318c76e90b8f5c5", class: T, role: B }, e(t, { key: "b0395a0c6e1ddfb373ef7c3129c93c618774aaf4", "aria-checked": C, "aria-disabled": a ? "true" : void 0, "aria-label": S, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", href: n, disabled: a, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: I, tabIndex: 0, type: t === "button" ? "button" : void 0 }, this.hasMedia && e("span", { key: "f619c5e071cbb9df143f4087c9a0e9e7f2f7c36d", class: "resource-list-item__media" }, e("slot", { key: "ffe57fbf43568adcdcf96c04fbff860f5f2b8dac", name: "media" })), e("span", { key: "4394d66aa315b48ce82c3df81f0cfaf7bc74ccb1", class: "resource-list-item__label-container", style: E }, e("span", { key: "2f0fb5875316ad19340522b7bf483d959f39d01c", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && e("span", { key: "b1769ae51201b0cdf1c89027079d9615141cf44a", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), s && e("span", { key: "570ed201f5aaf20d68ae87efefd967d68af2a778", class: "resource-list-item__meta" }, e("span", { key: "53d1b22a6458e660a0d609229d23abeab3deffa5", class: "resource-list-item__meta-text" }, this.meta), e("span", { key: "af5e115892c913a9cf670c9545877807891eb8fe", class: "resource-list-item__badges" }, e("slot", { key: "fa3a843bdbb23e7e0875855fa0a63ea8d9b93d13", name: "badges" })))), this.selectable && e("span", { key: "05164b24c5e4e82e78a3c679599483baced77f69", "aria-hidden": "true", class: "resource-list-item__checkbox" }, e("span", { key: "0dcca5e98ed85bb5686d10e8b4fa6bb736b52df5", class: "resource-list-item__checkbox-icon" }, this.checked && e("swirl-icon-check-strong", { key: "47d03574a7392fe30e640781b57bd7fcd2d3c3d8" }))), e("span", { key: "566e7ec233e0bc60c2d2c1a79d81a445e5fac8c3", class: "resource-list-item__control", onClick: this.onControlClick, ref: (D) => this.controlContainer = D }, e("slot", { key: "240f3fb8d911922f151cfb32f0a1f4d6da4099d6", name: "control" })), m && e("swirl-popover-trigger", { key: "44adea3818f9cdec7feb46305b9d120ba648999b", swirlPopover: this.menuTriggerId }, e("swirl-button", { key: "070a1bd983131334c3041b5b93ee524bab87dff8", "aria-disabled": a ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: a, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && e("button", { key: "1f0fb8b9273e7ffdc854f09e98dfe189e0310f51", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, e("swirl-icon-drag-handle", { key: "39b750e0c4794233b1295b1aa729522199f61d1d", size: this.iconSize })));
   }
   get el() {
     return u(this);
   }
 };
-P.style = q;
+F.style = $;
 export {
-  L as swirl_app_layout,
-  M as swirl_empty_state,
-  H as swirl_icon_folder_shared,
-  O as swirl_resource_list,
-  P as swirl_resource_list_item
+  M as swirl_app_layout,
+  H as swirl_empty_state,
+  O as swirl_icon_folder_shared,
+  P as swirl_resource_list,
+  F as swirl_resource_list_item
 };

package/dist/{swirl-autocomplete.entry.2586322d.js → swirl-autocomplete.entry.1154fb67.js}

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

package/dist/{swirl-avatar-group.entry.d499b1a4.js → swirl-avatar-group.entry.00118a03.js}

@@ -1,4 +1,4 @@
-import { r as s, h as a, H as i } from "./index.e7413e61.js";
+import { r as s, h as a, H as i } from "./index.6b925864.js";
 import { c as t } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-avatar.entry.301dc9ac.js → swirl-avatar.entry.682f827a.js}

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

package/dist/{swirl-badge.entry.fd61d384.js → swirl-badge.entry.9a600841.js}

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

package/dist/{swirl-banner.entry.3b32b999.js → swirl-banner.entry.d8af48d1.js}

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

package/dist/{swirl-box.entry.27e2885a.js → swirl-box.entry.981302fc.js}

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

package/dist/{swirl-button-group.entry.d91ae4e5.js → swirl-button-group.entry.648402a9.js}

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

package/dist/{swirl-button.entry.12d00248.js → swirl-button.entry.aefa9cb7.js}

@@ -1,4 +1,4 @@
-import { r as u, h as o, H as c, g as d } from "./index.e7413e61.js";
+import { r as u, h as o, H as c, g as d } from "./index.6b925864.js";
 import { c as v } from "./index-orsBiyT_.fc4357c3.js";
 import { D as w } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";

package/dist/{swirl-card.entry.0860e8c2.js → swirl-card.entry.9b7d95dd.js}

@@ -1,4 +1,4 @@
-import { r as d, c as n, h as e, H as c, g as l } from "./index.e7413e61.js";
+import { r as d, c as n, h as e, H as c, g as l } from "./index.6b925864.js";
 import { c as u } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-carousel-slide.entry.7471c956.js → swirl-carousel-slide.entry.38179fdc.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as t } from "./index.e7413e61.js";
+import { r as i, h as e, H as t } from "./index.6b925864.js";
 import { c as a } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-carousel.entry.84d6269a.js → swirl-carousel.entry.01613e3f.js}

@@ -1,4 +1,4 @@
-import { r as a, c as n, h as l, H as r, g as d } from "./index.e7413e61.js";
+import { r as a, c as n, h as l, H as r, g as d } from "./index.6b925864.js";
 import { c } from "./index-orsBiyT_.fc4357c3.js";
 import { d as h } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";

package/dist/{swirl-checkbox.entry.f17cd10e.js → swirl-checkbox.entry.db3121f7.js}

@@ -1,4 +1,4 @@
-import { r as b, c as l, h as c, H as t } from "./index.e7413e61.js";
+import { r as b, c as l, h as c, H as t } from "./index.6b925864.js";
 import { c as d } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";