@getflip/swirl-components-react 0.270.0 → 0.271.0

package/dist/{swirl-accordion-item.entry.1a419a26.js → swirl-accordion-item.entry.1322c432.js}

@@ -1,4 +1,4 @@
-import { r as d, c as t, h as e, H as n, g as s } from "./index.d3e5c7f4.js";
+import { r as d, c as t, h as e, H as n, g as s } from "./index.3d5936d6.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import { v as o } from "./v4-23648a96.77c7c20f.js";
 import "react";

package/dist/{swirl-accordion.entry.bdd1bc8e.js → swirl-accordion.entry.4b3390b2.js}

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

package/dist/{swirl-action-list-section.entry.1cadd1d5.js → swirl-action-list-section.entry.3563da22.js}

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

package/dist/{swirl-action-list_2.entry.6d1de07c.js → swirl-action-list_2.entry.a9bb8fb4.js}

@@ -1,4 +1,4 @@
-import { r as a, h as o, H as c, g as r } from "./index.d3e5c7f4.js";
+import { r as a, h as o, H as c, g as r } from "./index.3d5936d6.js";
 import { q as l, b as h, g as m } from "./utils-fbb8b494.acf1ae9e.js";
 import { c as u } from "./index-267776a4.6beb4f4b.js";
 import "react";

package/dist/{swirl-app-bar.entry.0cc7be2c.js → swirl-app-bar.entry.73697589.js}

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

package/dist/{swirl-app-icon.entry.cae92fc5.js → swirl-app-icon.entry.d97ce565.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as n } from "./index.d3e5c7f4.js";
+import { r as o, h as e, H as n } from "./index.3d5936d6.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-app-layout_5.entry.b20d0c76.js → swirl-app-layout_5.entry.541d9c7e.js}

@@ -1,4 +1,4 @@
-import { r as n, c as r, h as a, H as d, g as p, F as h } from "./index.d3e5c7f4.js";
+import { r as n, c as r, h as a, H as d, g as p, F as h } from "./index.3d5936d6.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as _, d as y, i as g, f } from "./utils-fbb8b494.acf1ae9e.js";
 import { S as T } from "./sortable.esm-8c3d5856.57c4f048.js";
@@ -29,7 +29,7 @@ const E = `: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}}`, D = E, 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}}`, D = E, A = "SWIRL_APP_LAYOUT_NAV_EXPANSION_STATE", M = class {
   constructor(t) {
     n(this, t), this.ctaClick = r(this, "ctaClick", 7), this.mobileViewChange = r(this, "mobileViewChange", 7), this.navigationBackButtonClick = r(this, "navigationBackButtonClick", 7), this.navigationExpansionStateChange = r(this, "navigationExpansionStateChange", 7), this.sidebarToggle = r(this, "sidebarToggle", 7), this.desktopMediaQuery = _(), this.desktopMediaQueryHandler = (e) => {
       this.isDesktop = e.matches;
@@ -54,7 +54,7 @@ const E = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
       this.setCollapsibleNavigationState(e);
     }, this.overlayNavigation = (e) => {
       e.stopPropagation(), this.setCollapsibleNavigationState("overlayed");
-    }, this.appName = void 0, this.backToNavigationViewButtonLabel = "Back to navigation", this.collapsibleNavigation = void 0, this.ctaIcon = void 0, this.ctaLabel = void 0, this.hasNavigation = void 0, this.hideAppBar = void 0, this.navigationBackButtonLabel = "Go back", this.navigationExpansionStateStorageKey = A, this.navigationToggleLabel = "Toggle navigation", this.navigationOverlayLabel = "Show navigation", this.navigationLabel = void 0, this.showNavigationBackButton = void 0, this.sidebarCloseButtonLabel = "Close sidebar", this.sidebarHeading = void 0, this.transitionStyle = "slides", this.contentScrollState = {
+    }, this.appName = void 0, this.backToNavigationViewButtonLabel = "Back to navigation", this.collapsibleNavigation = void 0, this.ctaIcon = void 0, this.ctaLabel = void 0, this.hasNavigation = void 0, this.hideAppBar = void 0, this.initialMobileView = void 0, this.navigationBackButtonLabel = "Go back", this.navigationExpansionStateStorageKey = A, this.navigationToggleLabel = "Toggle navigation", this.navigationOverlayLabel = "Show navigation", this.navigationLabel = void 0, this.showNavigationBackButton = void 0, this.sidebarCloseButtonLabel = "Close sidebar", this.sidebarHeading = void 0, this.transitionStyle = "slides", this.contentScrollState = {
       scrollable: !1,
       scrolledToTop: !1,
       scrolledToBottom: !1
@@ -67,7 +67,7 @@ const E = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
     }, this.transitioningFrom = void 0, this.transitioningTo = void 0;
   }
   componentWillLoad() {
-    this.mutationObserver = new MutationObserver(() => {
+    this.initialMobileView && (this.mobileView = this.initialMobileView), this.mutationObserver = new MutationObserver(() => {
       this.updateCustomAppBarBackButtonStatus(), this.updateNavigationStatus(), this.updateSidebarStatus();
     }), this.mutationObserver.observe(this.el, { childList: !0 }), queueMicrotask(() => {
       this.updateCustomAppBarBackButtonStatus(), this.updateSidebarStatus(), this.updateNavigationStatus(), this.checkMobileView();
@@ -201,7 +201,7 @@ const E = `: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 a(d, { key: "3b1c6dfbd70f1e73595152063eb0f19214061a0b" }, a("section", { key: "66b24882d23244130b99d018d154819924a238a8", "aria-labelledby": "app-name", class: m }, a("div", { key: "4ba4430a6ff528e1f5c7739a49bb1718acfff76c", class: "app-layout__grid" }, a("header", { key: "2557b4f52f4d63b8e3bd0d79b97d12dff3e35ebf", class: "app-layout__header", ref: (s) => this.headerEl = s }, a("span", { key: "db4942252a5b23067a186188a2de09e231b33fc2", class: "app-layout__navigation-mobile-menu-button" }, a("slot", { key: "d34fefe46a8116f28df00c3d2b00611d2e5c977f", name: "navigation-mobile-menu-button" })), this.collapsibleNavigation && a("span", { key: "f199cb947888c1ae726108c398f1b0a0ccd459e1", class: "app-layout__nav-overlay-toggle" }, a("swirl-button", { key: "801cb2ec74f780fd9f5a2114e4ef9c5fa11bc844", 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 && a("span", { key: "09cc96fc608719f6f03c124765362c9203ae624a", class: "app-layout__navigation-back-button" }, a("swirl-button", { key: "c48e18559fef928f25f0fee06b3d1e3202ef624a", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), a("swirl-heading", { key: "5b0c2f2b4183636415d2c605f2921f4513f87d9e", as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), b && a("span", { key: "1c17004783909c533522e645bcde641efe20af38", class: "app-layout__navigation-controls" }, a("slot", { key: "6194344af515533f48c12719578d355d538fe132", name: "navigation-controls" }))), a("nav", { key: "49f8bed05da5f7ea4d8ca731e8ac6640f6efba1d", "aria-label": this.navigationLabel, class: "app-layout__navigation", onScroll: this.onNavScroll, ref: (s) => this.navEl = s, inert: this.isDesktop && this.collapsibleNavigation && this.navExpansionState === "collapsed" }, a("slot", { key: "7bb84dd7374be5df9caaea8bd04545512ee68ec0", name: "navigation" })), a("section", { key: "a19ab7ca766bf445427ccbd80ca20c8493435e83", "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && a("header", { key: "8325293845b85f72b7f3df2662559e2ab4074bb9", class: "app-layout__app-bar" }, a("span", { key: "5237b62f03cd7c1373549a2a30ccf446ba0372f9", class: "app-layout__app-bar-mobile-menu-button" }, a("slot", { key: "f18bde70731b9351e63b21ad7f1a9c647abf416f", name: "app-bar-mobile-menu-button" })), t && a("span", { key: "215d23179fc51dd075864c265ea9b7f364319a95", class: "app-layout__back-to-navigation-button" }, a("swirl-button", { key: "ea3be8edd9002a61f20c0a12da9aa1b578947c6a", 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" && a("span", { key: "60fa359b9bd61b0e1f6be352436999b2cf17f4fc", class: "app-layout__nav-expansion-toggle" }, a("swirl-button", { key: "05e09fb3a58dc2ab2e88ee49c585eecc60c7954d", hideLabel: !0, icon: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", label: this.navigationOverlayLabel, onClick: this.overlayNavigation })), a("span", { key: "f47a36036537b26f772e3bda24b2aa6469e2cf3c", class: "app-layout__custom-app-bar-back-button" }, a("slot", { key: "136b0f6cb5f49fd2748ff359ee12320adc70e564", name: "custom-app-bar-back-button" })), a("div", { key: "b8a00b16415b1ec1e860c1d5d57e0490d48e4401", class: "app-layout__app-bar-content" }, a("slot", { key: "62cc509a362d5f194182499071b1756c146d26dc", name: "app-bar" })), a("div", { key: "effb581b5c5e33f5ff2438b4b41376d88d232fe9", class: "app-layout__app-bar-controls" }, a("slot", { key: "f87b7467b069faaa2efa0cbc68e7ec22c041ff8b", name: "app-bar-controls" }))), a("div", { key: "818823f7c90a8f1fb905a225b5d10b4828805769", class: "app-layout__banner" }, a("slot", { key: "fd1f5c35df19fffe35abdd5096f85c32fc1bba22", name: "banner" })), a("div", { key: "572494fb3c5f3b59bdb55d87feb44b59842eb1a6", class: "app-layout__content", onScroll: this.onContentScroll, ref: (s) => this.contentEl = s }, a("slot", { key: "b83fb9b173afa0b60976565aded1449afd680955", name: "content" })), a("div", { key: "3150822e788bf1af515f1e55c42b25851feaef27", class: "app-layout__bottom-bar" }, a("slot", { key: "35a21d973b8f54a8aac80f3744c500f501fa5aa1", name: "bottom-bar" }))), a("aside", { key: "d32a56c28adc6a57c15b750a02575093b80a58f6", class: "app-layout__sidebar" }, a("header", { key: "7b60c1d2b4dc8ddd384dde58d4e822e34732f37d", class: "app-layout__custom-sidebar-header" }, a("slot", { key: "a10e07f95f94b4fd3863c60e0689997fcc7af569", name: "custom-sidebar-header" })), a("header", { key: "18bfcf429fcbfb1ef138a7723a8b9e0752ced246", class: "app-layout__sidebar-header" }, a("swirl-button", { key: "ea311add99e5adb33b8bbed78f7d88fc7d6bf28f", class: "app-layout__sidebar-close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), a("swirl-heading", { key: "54a13c7f1f0b362cb196a59c5622d2e246cadec0", as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), a("div", { key: "6920f3562d625be0f9e16c090eeed8d17eea49b7", class: "app-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (s) => this.sidebarEl = s }, a("slot", { key: "9807fec2801d84a5ae517765ff7b0f08e4c3f3c5", name: "sidebar" }))), a("span", { key: "9a5b7f6098d8f24f6df6ba7d84bf0276c043effa", class: "app-layout__floating-action-button" }, this.ctaLabel && a("swirl-button", { key: "77e960a30d95129160f0ebec29d419a8572f67ab", hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" }), a("slot", { key: "8f8942d7df62a364c2e9216d08aa0cbe765a9093", name: "floating-action-button" })))));
+    return a(d, { key: "e4098dcdd2f208b1dd2fce4fa4239c5115610fae" }, a("section", { key: "74d1b87b9cc1f3444dbd0d4f9f9438691b6a038f", "aria-labelledby": "app-name", class: m }, a("div", { key: "ba69ff7c4ca1304e68681f21538fc51293557d66", class: "app-layout__grid" }, a("header", { key: "2d0cf6c6c14f4e5cc65f80e29ed83da677298d91", class: "app-layout__header", ref: (s) => this.headerEl = s }, a("span", { key: "ad33a7a8bbcf159a339500af5dfb1fdbcec832bb", class: "app-layout__navigation-mobile-menu-button" }, a("slot", { key: "6430dddd996413590a4a44c1f8b10605e2846e15", name: "navigation-mobile-menu-button" })), this.collapsibleNavigation && a("span", { key: "bb382dd6ed579a103df8d2db491704e50f46e989", class: "app-layout__nav-overlay-toggle" }, a("swirl-button", { key: "33b7c62a2929be9f5faed27e6bb382a03860909e", 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 && a("span", { key: "6a949d43a362498d9b0dd9b833b4ff6da672f551", class: "app-layout__navigation-back-button" }, a("swirl-button", { key: "8e94dc58d62a8acd872830f939c56d60ac80dfe6", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), a("swirl-heading", { key: "2d5b82a5179556db32cdf8af3a1803e89fe7295d", as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), b && a("span", { key: "c6870ca94e78496a41c7d6cb2bfe8adcb97b7fee", class: "app-layout__navigation-controls" }, a("slot", { key: "265797c583cf51b061f883a66522a61478ff543f", name: "navigation-controls" }))), a("nav", { key: "07b5b0e935513aab2e09f43a185abbc37829dc2a", "aria-label": this.navigationLabel, class: "app-layout__navigation", onScroll: this.onNavScroll, ref: (s) => this.navEl = s, inert: this.isDesktop && this.collapsibleNavigation && this.navExpansionState === "collapsed" }, a("slot", { key: "7d41b776a7d30606a2a4f6bf9432507d3215c724", name: "navigation" })), a("section", { key: "c62375fecbad605fdd6c8a989e1df595c8b9b53b", "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && a("header", { key: "32bccc6df13d9c18bae6ffd3aa1321fba2adf681", class: "app-layout__app-bar" }, a("span", { key: "7761897c9f493da17376c38a90cc22e7770d7f7b", class: "app-layout__app-bar-mobile-menu-button" }, a("slot", { key: "78436397b99689627a11f0a7b0b80ef79c7faf50", name: "app-bar-mobile-menu-button" })), t && a("span", { key: "9503fe9dcb32ad8ac71132c9065305e471b3566a", class: "app-layout__back-to-navigation-button" }, a("swirl-button", { key: "1e4ba308c482b3b9c8aefaf04bd8e42d3599f228", 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" && a("span", { key: "b2e67d86af90a03ce4e592b8c05344c3b0bd3bb7", class: "app-layout__nav-expansion-toggle" }, a("swirl-button", { key: "900b525ab072ef7c2118ea4df022948e86d86441", hideLabel: !0, icon: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", label: this.navigationOverlayLabel, onClick: this.overlayNavigation })), a("span", { key: "90e02383bd578c0ac5c4e71565c017d45da2e8ca", class: "app-layout__custom-app-bar-back-button" }, a("slot", { key: "3dd9e2e8fff75b7df3c62904d129d7da833338b4", name: "custom-app-bar-back-button" })), a("div", { key: "5c47928c8c160efd11e8ba065aee682139c31909", class: "app-layout__app-bar-content" }, a("slot", { key: "595bb77fa075c7c93a1c01cce9f8646085271a71", name: "app-bar" })), a("div", { key: "c38221c515655f0ea29b99130ceed886ba9a8346", class: "app-layout__app-bar-controls" }, a("slot", { key: "cdeb2c4c92b528e7668b0ca75c8a6d9909586139", name: "app-bar-controls" }))), a("div", { key: "4451d20caf3c9bf625481bcb69339161f3ce59fd", class: "app-layout__banner" }, a("slot", { key: "55cdf9dc49401cdbf108429f5b88eabfb0a5a8fd", name: "banner" })), a("div", { key: "bdfaed66354fb98f0261e6c1471acb42288d4a1f", class: "app-layout__content", onScroll: this.onContentScroll, ref: (s) => this.contentEl = s }, a("slot", { key: "61e27fdad1c8d00ef4784b9710f63f96fa6a1f7c", name: "content" })), a("div", { key: "e2664aab92aac1ca42c4ae6214f0a0639c851dbc", class: "app-layout__bottom-bar" }, a("slot", { key: "e8ed7aa1b4db87c99c04342a5a92592cc7558457", name: "bottom-bar" }))), a("aside", { key: "d54e38fc2a6572fd906c2dc29fed83f393165c5e", class: "app-layout__sidebar" }, a("header", { key: "e9d8da24a7a66e0c5603c7b3e596c61e0f37f485", class: "app-layout__custom-sidebar-header" }, a("slot", { key: "4c9eef2c7776fb17e2b6a0ef29c191e1b01e1210", name: "custom-sidebar-header" })), a("header", { key: "0fbabae4205fcf10719c09b91137eb9976570f42", class: "app-layout__sidebar-header" }, a("swirl-button", { key: "429a029aaf97c70501607e290d33a21851f5387a", class: "app-layout__sidebar-close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), a("swirl-heading", { key: "c97527b8045a638d4a8ac6353b76412141495bae", as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), a("div", { key: "98586801b5d898ded16c86930098d2c465f0f5b5", class: "app-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (s) => this.sidebarEl = s }, a("slot", { key: "b9143060027fecaf71539b82148debb484e444e2", name: "sidebar" }))), a("span", { key: "65a9d8644e838ec685f6ed5733c185b991bc8ecb", class: "app-layout__floating-action-button" }, this.ctaLabel && a("swirl-button", { key: "478178ad5bf08c07a71bbb9c861374b7dc0019a4", hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" }), a("slot", { key: "5e00f2a754c8da6cb395c11347b4ae85f6d5ce3d", name: "floating-action-button" })))));
   }
   get el() {
     return p(this);
@@ -212,8 +212,8 @@ const E = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
     };
   }
 };
-L.style = D;
-const M = ":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}", N = M, H = class {
+M.style = D;
+const L = ":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}", N = L, H = class {
   constructor(t) {
     n(this, t), this.heading = void 0, this.illustration = void 0;
   }
@@ -456,7 +456,7 @@ const $ = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
 };
 Q.style = R;
 export {
-  L as swirl_app_layout,
+  M as swirl_app_layout,
   H as swirl_empty_state,
   O as swirl_icon_folder_shared,
   P as swirl_resource_list,

package/dist/{swirl-autocomplete.entry.22a7a74c.js → swirl-autocomplete.entry.47baafaf.js}

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

package/dist/{swirl-avatar-group.entry.6a0a44b5.js → swirl-avatar-group.entry.3ef37f0f.js}

@@ -1,4 +1,4 @@
-import { r as s, h as a, H as i } from "./index.d3e5c7f4.js";
+import { r as s, h as a, H as i } from "./index.3d5936d6.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-avatar.entry.952c2f2e.js → swirl-avatar.entry.01a0f5be.js}

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

package/dist/{swirl-badge.entry.35f5b89f.js → swirl-badge.entry.1bbdef18.js}

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

package/dist/{swirl-banner.entry.89990279.js → swirl-banner.entry.0ec35a5c.js}

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

package/dist/{swirl-box.entry.77f65dfe.js → swirl-box.entry.7bbe0f7c.js}

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

package/dist/{swirl-button-group.entry.09351e71.js → swirl-button-group.entry.af7cb1f5.js}

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

package/dist/{swirl-button.entry.eb252b84.js → swirl-button.entry.753f57f8.js}

@@ -1,4 +1,4 @@
-import { r as b, h as o, H as u, g as c } from "./index.d3e5c7f4.js";
+import { r as b, h as o, H as u, g as c } from "./index.3d5936d6.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import { g as v } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";

package/dist/{swirl-card.entry.0f7ede52.js → swirl-card.entry.792a6d1f.js}

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

package/dist/{swirl-carousel-slide.entry.6b854b74.js → swirl-carousel-slide.entry.1822732b.js}

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

package/dist/{swirl-carousel.entry.93551c0f.js → swirl-carousel.entry.dedd3549.js}

@@ -1,4 +1,4 @@
-import { r as a, c as n, h as l, H as r, g as c } from "./index.d3e5c7f4.js";
+import { r as a, c as n, h as l, H as r, g as c } from "./index.3d5936d6.js";
 import { d } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-checkbox.entry.381bd0de.js → swirl-checkbox.entry.b246ac0a.js}

@@ -1,4 +1,4 @@
-import { r as b, c as d, h as c, H as t } from "./index.d3e5c7f4.js";
+import { r as b, c as d, h as c, H as t } from "./index.3d5936d6.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-chip.entry.f1cc9205.js → swirl-chip.entry.b0317fef.js}

@@ -1,4 +1,4 @@
-import { r as o, c as s, h as r, H as h, g as n } from "./index.d3e5c7f4.js";
+import { r as o, c as s, h as r, H as h, g as n } from "./index.3d5936d6.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { g as l } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";

package/dist/{swirl-color-input.entry.84772726.js → swirl-color-input.entry.381940bb.js}

@@ -1,4 +1,4 @@
-import { r as L, c as b, h as l, H as B } from "./index.d3e5c7f4.js";
+import { r as L, c as b, h as l, H as B } from "./index.3d5936d6.js";
 import { c as T } from "./index-267776a4.6beb4f4b.js";
 import { v as z } from "./v4-23648a96.77c7c20f.js";
 import "react";

package/dist/{swirl-columns.entry.912df3db.js → swirl-columns.entry.7ebb3429.js}

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

package/dist/swirl-components-react.js

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