@getflip/swirl-components-react 0.226.0 → 0.227.0

package/dist/{swirl-image-grid-item.entry.b4b0a904.js → swirl-image-grid-item.entry.92157b54.js}

@@ -1,4 +1,4 @@
-import { r as l, c as s, h as e, H as c, g } from "./index.6d908eec.js";
+import { r as l, c as s, h as e, H as c, g } from "./index.5d5c9dc2.js";
 import { c as b } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-image-grid.entry.52f5e14e.js → swirl-image-grid.entry.f7b12dfc.js}

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

package/dist/{swirl-inline-notification.entry.12e3bca6.js → swirl-inline-notification.entry.4d8a02a5.js}

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

package/dist/{swirl-inline-status.entry.29faf030.js → swirl-inline-status.entry.5e7a21cf.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.6d908eec.js";
+import { r as e, h as n, H as a } from "./index.5d5c9dc2.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import { g as r } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";

package/dist/{swirl-lightbox.entry.cf496e4e.js → swirl-lightbox.entry.36e2a521.js}

@@ -1,4 +1,4 @@
-import { r as h, c as b, h as i, H as u, g as f } from "./index.6d908eec.js";
+import { r as h, c as b, h as i, H as u, g as f } from "./index.5d5c9dc2.js";
 import { d as g, e as m } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { c as x } from "./focus-trap.esm-49c9613c.db20abcc.js";

package/dist/{swirl-link.entry.f6791c11.js → swirl-link.entry.6eddeb0a.js}

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

package/dist/{swirl-list.entry.82f82474.js → swirl-list.entry.0c50f82f.js}

@@ -1,4 +1,4 @@
-import { r as l, h as i, H as r } from "./index.6d908eec.js";
+import { r as l, h as i, H as r } from "./index.5d5c9dc2.js";
 import "react";
 import "react-dom";
 const s = ':host{display:block}:host *{box-sizing:border-box}.swirl-list{line-height:var(--s-line-height-base)}.swirl-list ul,.swirl-list ol{margin:0;padding:0;list-style-position:outside;list-style-type:none}.swirl-list ul li{padding-left:1.5rem}.swirl-list ul li:before{display:inline-block;width:1.5rem;margin-left:-1.5rem;text-align:center;content:"\u2022"}.swirl-list ol{counter-reset:item}.swirl-list ol ol{counter-reset:letter}.swirl-list ol ol li:before{content:counter(letter, lower-alpha) ".";counter-increment:letter}.swirl-list ol li{padding-left:1.5rem}.swirl-list ol li:before{display:inline-block;min-width:1.5rem;margin-left:-1.5rem;padding-right:var(--s-space-8);text-align:right;content:counter(item) ".";counter-increment:item;font-variant-numeric:tabular-nums}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.swirl-list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}', n = s, o = class {

package/dist/{swirl-menu-item.entry.24fa6f30.js → swirl-menu-item.entry.8981a9f7.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as d, g as u } from "./index.6d908eec.js";
+import { r, h as i, H as d, g as u } from "./index.5d5c9dc2.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import { c as h, p as c } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";

package/dist/{swirl-menu.entry.fed70b20.js → swirl-menu.entry.ebf6bff6.js}

@@ -1,4 +1,4 @@
-import { r as d, c, h as n, H as b, g as f } from "./index.6d908eec.js";
+import { r as d, c, h as n, H as b, g as f } from "./index.5d5c9dc2.js";
 import { c as p, a as v, o as w, f as g } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as y } from "./index-267776a4.6beb4f4b.js";
 import { q as a, c as l, p as h, i as M, b as x } from "./utils-9b747dd7.4c4c7dc0.js";

package/dist/{swirl-modal.entry.c4d346b1.js → swirl-modal.entry.c72a9722.js}

@@ -1,4 +1,4 @@
-import { r as h, c as t, h as a, H as f, g as p } from "./index.6d908eec.js";
+import { r as h, c as t, h as a, H as f, g as p } from "./index.5d5c9dc2.js";
 import { d as u, e as b } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as v } from "./index-267776a4.6beb4f4b.js";
 import { c as g } from "./focus-trap.esm-49c9613c.db20abcc.js";

package/dist/{swirl-option-list-section.entry.31dc632d.js → swirl-option-list-section.entry.a92b0f6b.js}

@@ -1,4 +1,4 @@
-import { r as i, h as t, H as s } from "./index.6d908eec.js";
+import { r as i, h as t, H as s } from "./index.5d5c9dc2.js";
 import "react";
 import "react-dom";
 const a = ":host{display:block}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-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){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", o = a, l = class {

package/dist/{swirl-option-list_2.entry.6913c178.js → swirl-option-list_2.entry.f3b2ff3a.js}

@@ -1,4 +1,4 @@
-import { r as c, c as o, h as a, H as d, g } from "./index.6d908eec.js";
+import { r as c, c as o, h as a, H as d, g } from "./index.5d5c9dc2.js";
 import { c as n, q as l } from "./utils-9b747dd7.4c4c7dc0.js";
 import { S as m } from "./sortable.esm-8c3d5856.57c4f048.js";
 import { c as f } from "./index-267776a4.6beb4f4b.js";

package/dist/{swirl-pagination.entry.51a931e7.js → swirl-pagination.entry.4898609f.js}

@@ -1,4 +1,4 @@
-import { r as l, c as s, h as e, H as r } from "./index.6d908eec.js";
+import { r as l, c as s, h as e, H as r } from "./index.5d5c9dc2.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { d as c } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";

package/dist/{swirl-pdf-reader.entry.6cc4a90a.js → swirl-pdf-reader.entry.9751799e.js}

@@ -1,4 +1,4 @@
-import { r as n, c as d, h as e, H as c, g as h } from "./index.6d908eec.js";
+import { r as n, c as d, h as e, H as c, g as h } from "./index.5d5c9dc2.js";
 import { A as f } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { d as b, e as p } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";

package/dist/{swirl-popover_2.entry.d8ee9c7c.js → swirl-popover_2.entry.aad47fcc.js}

@@ -1,4 +1,4 @@
-import { r as v, c as l, h as n, H as g, g as u } from "./index.6d908eec.js";
+import { r as v, c as l, h as n, H as g, g as u } from "./index.5d5c9dc2.js";
 import { o as c, s as h, f as _, c as E, a as x } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { d as C, e as k } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as A } from "./index-267776a4.6beb4f4b.js";

package/dist/{swirl-progress-indicator.entry.44bdad55.js → swirl-progress-indicator.entry.e3d7b9d1.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as n } from "./index.6d908eec.js";
+import { r as t, h as i, H as n } from "./index.5d5c9dc2.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-radio-group.entry.bc1fbf02.js → swirl-radio-group.entry.f50e474a.js}

@@ -1,4 +1,4 @@
-import { r as o, c as d, h as i, H as l, g as n } from "./index.6d908eec.js";
+import { r as o, c as d, h as i, H as l, g as n } from "./index.5d5c9dc2.js";
 import "react";
 import "react-dom";
 const u = ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-swirl-radio-group{box-sizing:border-box}.radio-group.sc-swirl-radio-group{display:flex;flex-direction:column;gap:var(--s-space-12)}", c = u, h = class {

package/dist/{swirl-radio.entry.dfbc5a23.js → swirl-radio.entry.e440ce07.js}

@@ -1,4 +1,4 @@
-import { r as s, c, h as i, H as l } from "./index.6d908eec.js";
+import { r as s, c, h as i, H as l } from "./index.5d5c9dc2.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-resource-list-file-item.entry.18bc0248.js → swirl-resource-list-file-item.entry.9b8e8874.js}

@@ -1,4 +1,4 @@
-import { r as c, c as a, h as e, H as n } from "./index.6d908eec.js";
+import { r as c, c as a, h as e, H as n } from "./index.5d5c9dc2.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import { g as f } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";

package/dist/{swirl-search.entry.1d06dd9e.js → swirl-search.entry.cc2a90ff.js}

@@ -1,4 +1,4 @@
-import { r as i, c as r, h as a, H as t } from "./index.6d908eec.js";
+import { r as i, c as r, h as a, H as t } from "./index.5d5c9dc2.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as h } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";

package/dist/{swirl-select.entry.2ad6f0ed.js → swirl-select.entry.89076067.js}

@@ -1,4 +1,4 @@
-import { r as u, c as h, h as s, H as f, g as w } from "./index.6d908eec.js";
+import { r as u, c as h, h as s, H as f, g as w } from "./index.5d5c9dc2.js";
 import { c as b } from "./index-267776a4.6beb4f4b.js";
 import { q as v } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";

package/dist/{swirl-shell-layout.entry.c5aee233.js → swirl-shell-layout.entry.0ee01ae5.js}

@@ -1,4 +1,4 @@
-import { r as c, c as o, h as e, H as h, g as y } from "./index.6d908eec.js";
+import { r as c, c as s, h as e, H as h, g as y } from "./index.5d5c9dc2.js";
 import { c as u } from "./index-267776a4.6beb4f4b.js";
 import { c as b } from "./focus-trap.esm-49c9613c.db20abcc.js";
 import "react";
@@ -8,14 +8,14 @@ const v = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sun
           --swirl-shell-sidebar-width
         )}}@media (min-width: 1440px){.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__main.sc-swirl-shell-layout{width:100%}}.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__sidebar.sc-swirl-shell-layout{overflow:initial}@media (min-width: 992px){.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__sidebar-body.sc-swirl-shell-layout{border:0.0625rem solid var(--s-border-default);transform:translate3d(0, 0, 0)}}@media (min-width: 1440px){.shell-layout--sidebar-active.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-extended-nav-width) 1fr var(
         --swirl-shell-sidebar-width
-      )}}.sc-swirl-shell-layout:not(.shell-layout--sidebar-active) .shell-layout__sidebar.sc-swirl-shell-layout{animation:shell-layout-no-overflow-after-transition 0.1s;animation-fill-mode:forwards}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:translate3d(0, 0, 0);box-shadow:var(--s-shadow-level-3)}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:none;box-shadow:none}}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:block}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:none}}.shell-layout--has-secondary-nav.sc-swirl-shell-layout .shell-layout__secondary-nav.sc-swirl-shell-layout{display:block}.shell-layout--secondary-nav-collapsed.sc-swirl-shell-layout .shell-layout__secondary-nav-items.sc-swirl-shell-layout{display:none}.shell-layout__header.sc-swirl-shell-layout{position:relative;display:none;width:calc(100% + var(--s-space-8));padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:0.0625rem solid var(--s-border-default);color:var(--swirl-shell-text-color);grid-area:header}@media (min-width: 992px){.shell-layout__header.sc-swirl-shell-layout{display:flex}}.shell-layout__skip-link.sc-swirl-shell-layout{position:absolute;z-index:9;top:0;left:0;padding:var(--s-space-4);border:none;color:var(--swirl-shell-text-color);background-color:var(--swirl-shell-background);font:inherit;cursor:pointer}.shell-layout__skip-link.sc-swirl-shell-layout:not(:focus):not(:active){position:absolute;overflow:hidden;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.shell-layout__header-left.sc-swirl-shell-layout{display:flex;padding-left:var(--s-space-2);flex-basis:8rem;flex-shrink:0;align-items:center;gap:var(--s-space-8)}.shell-layout__header-right.sc-swirl-shell-layout{--swirl-ghost-button-background-default:var(--s-surface-sunken-default);--swirl-ghost-button-background-hovered:var(--s-surface-sunken-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-sunken-pressed);display:flex;flex-basis:8rem;flex-shrink:0;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__logo.sc-swirl-shell-layout{display:flex;flex-grow:1;justify-content:center;align-items:center}.shell-layout__logo.sc-swirl-shell-layout-s>a{display:flex}.shell-layout__logo.sc-swirl-shell-layout-s>a img,.shell-layout__logo.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__header-tool.sc-swirl-shell-layout{position:relative;width:2.25rem;height:2.25rem;padding:var(--s-space-8);flex-shrink:0;border:none;border-radius:var(--s-border-radius-sm);color:var(--swirl-shell-text-color);background-color:var(--s-surface-sunken-default);font:inherit;cursor:pointer}.shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-surface-sunken-hovered)}.shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-surface-sunken-pressed)}.shell-layout__header-tool.sc-swirl-shell-layout:focus{outline:none}.shell-layout__header-tool.sc-swirl-shell-layout:focus-visible{box-shadow:0 0 0 0.125rem var(--s-focus-default)}.shell-layout__header-tool.sc-swirl-shell-layout swirl-badge.sc-swirl-shell-layout{--swirl-badge-border-color:var(--s-surface-sunken-default);position:absolute;top:var(--s-space-4);right:var(--s-space-4);padding-right:var(--s-space-2);transform:translate3d(0.1875rem, 0, 0)}.shell-layout__sidebar-toggle.sc-swirl-shell-layout{display:none}@media (min-width: 992px){.shell-layout__sidebar-toggle.sc-swirl-shell-layout{display:block}}.shell-layout__nav.sc-swirl-shell-layout{position:fixed;z-index:9;top:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;width:100%;max-width:18.75rem;color:var(--swirl-shell-text-color);background-color:var(--s-surface-overlay-default);transition:transform 0.1s, box-shadow 0.1s, width 0.1s;transform:translate3d(-100%, 0, 0);grid-area:nav}@media (prefers-reduced-motion){.shell-layout__nav.sc-swirl-shell-layout{transition:none}}@media (min-width: 992px){.shell-layout__nav.sc-swirl-shell-layout{position:relative;max-width:none;padding-top:0;padding-right:var(--s-space-4);padding-bottom:var(--s-space-8);padding-left:var(--s-space-12);background-color:var(--swirl-shell-background);transform:none;box-shadow:none;inset:auto}}.shell-layout__mobile-header.sc-swirl-shell-layout{display:flex;min-height:3.5rem;margin-bottom:var(--s-space-8);padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:0.0625rem solid var(--s-border-default)}.shell-layout__mobile-header.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout{background-color:var(--s-surface-overlay-default)}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-surface-overlay-hovered)}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-surface-overlay-pressed)}@media (min-width: 992px){.shell-layout__mobile-header.sc-swirl-shell-layout{display:none}}.shell-layout__mobile-header-tools.sc-swirl-shell-layout{display:flex;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__nav-body.sc-swirl-shell-layout{padding:var(--s-space-8)}.shell-layout__nav-body.sc-swirl-shell-layout-s ul{margin:0;padding:0;list-style:none}.shell-layout__nav-body.sc-swirl-shell-layout-s li{display:flex}@media (min-width: 992px){.shell-layout__nav-body.sc-swirl-shell-layout{padding:0}}.shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{position:fixed;z-index:8;display:none;background-color:rgba(0, 0, 0, 0.25);animation:shell-layout-backdrop-fade-in 0.1s;inset:0}.shell-layout__secondary-nav.sc-swirl-shell-layout{display:none}.shell-layout__secondary-nav-items.sc-swirl-shell-layout-s>ul,.shell-layout__secondary-nav-items .sc-swirl-shell-layout-s>ul{display:flex;flex-direction:column;gap:var(--s-space-2)}.shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul{flex-wrap:wrap;flex-direction:row;gap:var(--s-space-16)}.shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul>*,.shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul>*{min-width:0;max-height:none;flex-basis:calc(50% - var(--s-space-8))}.shell-layout__main.sc-swirl-shell-layout{overflow:hidden;background-color:var(--s-background-default);grid-area:main}@media (min-width: 992px){.shell-layout__main.sc-swirl-shell-layout{width:calc(100% + var(--s-space-8));border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm)}}.shell-layout__sidebar.sc-swirl-shell-layout{position:relative;display:none;min-height:0;grid-area:sidebar}@media (min-width: 992px){.shell-layout__sidebar.sc-swirl-shell-layout{display:block}}.shell-layout__sidebar-body.sc-swirl-shell-layout{z-index:1;display:flex;width:var(--swirl-shell-sidebar-width);height:100%;border-radius:var(--s-border-radius-sm);background-color:var(--s-background-default);flex-direction:column}@media (min-width: 992px){.shell-layout__sidebar-body.sc-swirl-shell-layout{position:absolute;top:0;right:0;bottom:0;transition:transform 0.1s;transform:translate3d(calc(100% + var(--s-space-24)), 0, 0);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 1440px){.shell-layout__sidebar-body.sc-swirl-shell-layout{position:relative;transform:none;box-shadow:none;inset:auto}}@media (prefers-reduced-motion){.shell-layout__sidebar-body.sc-swirl-shell-layout{transition:none}}.shell-layout__sidebar-app-bar.sc-swirl-shell-layout{flex-grow:0;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.shell-layout__sidebar-content.sc-swirl-shell-layout{overflow:auto;flex-grow:1}@keyframes shell-layout-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes shell-layout-no-overflow-after-transition{0%{overflow:initial}99%{overflow:initial}100%{overflow:hidden}}`, g = v, t = "SWIRL_SHELL_SECONDARY_NAVIGATION_COLLAPSE_STATE", r = "SWIRL_SHELL_SECONDARY_NAVIGATION_VIEW_STATE", d = "SWIRL_SHELL_NAVIGATION_COLLAPSE_STATE", n = "SWIRL_SHELL_SIDEBAR_STATE", w = class {
+      )}}.sc-swirl-shell-layout:not(.shell-layout--sidebar-active) .shell-layout__sidebar.sc-swirl-shell-layout{animation:shell-layout-no-overflow-after-transition 0.1s;animation-fill-mode:forwards}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:translate3d(0, 0, 0);box-shadow:var(--s-shadow-level-3)}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:none;box-shadow:none}}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:block}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:none}}.shell-layout--has-secondary-nav.sc-swirl-shell-layout .shell-layout__secondary-nav.sc-swirl-shell-layout{display:block}.shell-layout--secondary-nav-collapsed.sc-swirl-shell-layout .shell-layout__secondary-nav-items.sc-swirl-shell-layout{display:none}.shell-layout__header.sc-swirl-shell-layout{position:relative;display:none;width:calc(100% + var(--s-space-8));padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:0.0625rem solid var(--s-border-default);color:var(--swirl-shell-text-color);grid-area:header}@media (min-width: 992px){.shell-layout__header.sc-swirl-shell-layout{display:flex}}.shell-layout__skip-link.sc-swirl-shell-layout{position:absolute;z-index:9;top:0;left:0;padding:var(--s-space-4);border:none;color:var(--swirl-shell-text-color);background-color:var(--swirl-shell-background);font:inherit;cursor:pointer}.shell-layout__skip-link.sc-swirl-shell-layout:not(:focus):not(:active){position:absolute;overflow:hidden;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.shell-layout__header-left.sc-swirl-shell-layout{display:flex;padding-left:var(--s-space-2);flex-basis:8rem;flex-shrink:0;align-items:center;gap:var(--s-space-8)}.shell-layout__header-right.sc-swirl-shell-layout{--swirl-ghost-button-background-default:var(--s-surface-sunken-default);--swirl-ghost-button-background-hovered:var(--s-surface-sunken-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-sunken-pressed);display:flex;flex-basis:8rem;flex-shrink:0;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__logo.sc-swirl-shell-layout{display:flex;flex-grow:1;justify-content:center;align-items:center}.shell-layout__logo.sc-swirl-shell-layout-s>a{display:flex}.shell-layout__logo.sc-swirl-shell-layout-s>a img,.shell-layout__logo.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__header-tool.sc-swirl-shell-layout{position:relative;width:2.25rem;height:2.25rem;padding:var(--s-space-8);flex-shrink:0;border:none;border-radius:var(--s-border-radius-sm);color:var(--swirl-shell-text-color);background-color:var(--s-surface-sunken-default);font:inherit;cursor:pointer}.shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-surface-sunken-hovered)}.shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-surface-sunken-pressed)}.shell-layout__header-tool.sc-swirl-shell-layout:focus{outline:none}.shell-layout__header-tool.sc-swirl-shell-layout:focus-visible{box-shadow:0 0 0 0.125rem var(--s-focus-default)}.shell-layout__header-tool.sc-swirl-shell-layout swirl-badge.sc-swirl-shell-layout{--swirl-badge-border-color:var(--s-surface-sunken-default);position:absolute;top:var(--s-space-4);right:var(--s-space-4);padding-right:var(--s-space-2);transform:translate3d(0.1875rem, 0, 0)}.shell-layout__sidebar-toggle.sc-swirl-shell-layout{display:none}@media (min-width: 992px){.shell-layout__sidebar-toggle.sc-swirl-shell-layout{display:block}}.shell-layout__nav.sc-swirl-shell-layout{position:fixed;z-index:9;top:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;width:100%;max-width:18.75rem;color:var(--swirl-shell-text-color);background-color:var(--s-surface-overlay-default);transition:transform 0.1s, box-shadow 0.1s, width 0.1s;transform:translate3d(-100%, 0, 0);grid-area:nav}@media (prefers-reduced-motion){.shell-layout__nav.sc-swirl-shell-layout{transition:none}}@media (min-width: 992px){.shell-layout__nav.sc-swirl-shell-layout{position:relative;max-width:none;padding-top:0;padding-right:var(--s-space-4);padding-bottom:var(--s-space-8);padding-left:var(--s-space-12);background-color:var(--swirl-shell-background);transform:none;box-shadow:none;inset:auto}}.shell-layout__mobile-header.sc-swirl-shell-layout{display:flex;min-height:3.5rem;margin-bottom:var(--s-space-8);padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:0.0625rem solid var(--s-border-default)}.shell-layout__mobile-header.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout{background-color:var(--s-surface-overlay-default)}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-surface-overlay-hovered)}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-surface-overlay-pressed)}@media (min-width: 992px){.shell-layout__mobile-header.sc-swirl-shell-layout{display:none}}.shell-layout__mobile-header-tools.sc-swirl-shell-layout{display:flex;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__nav-body.sc-swirl-shell-layout{padding:var(--s-space-8)}.shell-layout__nav-body.sc-swirl-shell-layout-s ul{margin:0;padding:0;list-style:none}.shell-layout__nav-body.sc-swirl-shell-layout-s li{display:flex}@media (min-width: 992px){.shell-layout__nav-body.sc-swirl-shell-layout{padding:0}}.shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{position:fixed;z-index:8;display:none;background-color:rgba(0, 0, 0, 0.25);animation:shell-layout-backdrop-fade-in 0.1s;inset:0}.shell-layout__secondary-nav.sc-swirl-shell-layout{display:none}.shell-layout__secondary-nav-items.sc-swirl-shell-layout-s>ul,.shell-layout__secondary-nav-items .sc-swirl-shell-layout-s>ul{display:flex;flex-direction:column;gap:var(--s-space-2)}.shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul{flex-wrap:wrap;flex-direction:row;gap:var(--s-space-16)}.shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul>*,.shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul>*{min-width:0;max-height:none;flex-basis:calc(50% - var(--s-space-8))}.shell-layout__main.sc-swirl-shell-layout{overflow:hidden;background-color:var(--s-background-default);grid-area:main}@media (min-width: 992px){.shell-layout__main.sc-swirl-shell-layout{width:calc(100% + var(--s-space-8));border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm)}}.shell-layout__sidebar.sc-swirl-shell-layout{position:relative;display:none;min-height:0;grid-area:sidebar}@media (min-width: 992px){.shell-layout__sidebar.sc-swirl-shell-layout{display:block}}.shell-layout__sidebar-body.sc-swirl-shell-layout{z-index:1;display:flex;width:var(--swirl-shell-sidebar-width);height:100%;border-radius:var(--s-border-radius-sm);background-color:var(--s-background-default);flex-direction:column}@media (min-width: 992px){.shell-layout__sidebar-body.sc-swirl-shell-layout{position:absolute;top:0;right:0;bottom:0;transition:transform 0.1s;transform:translate3d(calc(100% + var(--s-space-24)), 0, 0);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 1440px){.shell-layout__sidebar-body.sc-swirl-shell-layout{position:relative;transform:none;box-shadow:none;inset:auto}}@media (prefers-reduced-motion){.shell-layout__sidebar-body.sc-swirl-shell-layout{transition:none}}.shell-layout__sidebar-app-bar.sc-swirl-shell-layout{flex-grow:0;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.shell-layout__sidebar-content.sc-swirl-shell-layout{overflow:auto;flex-grow:1}@keyframes shell-layout-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes shell-layout-no-overflow-after-transition{0%{overflow:initial}99%{overflow:initial}100%{overflow:hidden}}`, g = v, i = "SWIRL_SHELL_SECONDARY_NAVIGATION_COLLAPSE_STATE", o = "SWIRL_SHELL_SECONDARY_NAVIGATION_VIEW_STATE", t = "SWIRL_SHELL_NAVIGATION_COLLAPSE_STATE", r = "SWIRL_SHELL_SIDEBAR_STATE", w = class {
   constructor(a) {
-    c(this, a), this.sidebarToggleClick = o(this, "sidebarToggleClick", 7), this.skipLinkClick = o(this, "skipLinkClick", 7), this.collectNavItems = () => {
+    c(this, a), this.sidebarToggleClick = s(this, "sidebarToggleClick", 7), this.skipLinkClick = s(this, "skipLinkClick", 7), this.collectNavItems = () => {
       this.mainNavItems = Array.from(this.el.querySelectorAll("swirl-shell-navigation-item[slot='nav'], [slot='nav'] swirl-shell-navigation-item")), this.secondaryNavItems = Array.from(this.el.querySelectorAll("swirl-shell-navigation-item[slot='secondary-nav'], [slot='secondary-nav'] swirl-shell-navigation-item")), this.toggleNavItemLabels();
     }, this.toggleSecondaryNavView = (l) => {
-      l.stopPropagation(), this.secondaryNavView === "grid" ? this.secondaryNavView = "list" : this.secondaryNavView = "grid", this.setSecondaryNavItemsTiled(), localStorage.setItem(r, String(this.secondaryNavView));
+      l.stopPropagation(), this.secondaryNavView === "grid" ? this.secondaryNavView = "list" : this.secondaryNavView = "grid", this.setSecondaryNavItemsTiled(), localStorage.setItem(o, String(this.secondaryNavView));
     }, this.toggleSecondaryNavCollapse = (l) => {
-      l.stopPropagation(), this.secondaryNavCollapsed = !this.secondaryNavCollapsed, localStorage.setItem(t, String(this.secondaryNavCollapsed));
+      l.stopPropagation(), this.secondaryNavCollapsed = !this.secondaryNavCollapsed, localStorage.setItem(i, String(this.secondaryNavCollapsed));
     }, this.onNavigationToggleClick = () => {
       this.navigationCollapsed = !this.navigationCollapsed;
     }, this.onNavigationClick = () => {
@@ -24,15 +24,10 @@ const v = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sun
   }
   componentWillLoad() {
     this.collectNavItems();
-    const a = localStorage.getItem(n) === "true";
+    const a = localStorage.getItem(r) === "true";
     this.sidebarActive = this.sidebarActive === void 0 ? a : this.sidebarActive;
-    const l = localStorage.getItem(d) === "true";
-    if (this.navigationCollapsed = l, this.enableSecondaryNavGridLayout) {
-      const s = localStorage.getItem(t) === "true";
-      this.secondaryNavCollapsed = s;
-      const i = localStorage.getItem(r);
-      this.secondaryNavView = i;
-    }
+    const l = localStorage.getItem(t) === "true";
+    this.navigationCollapsed = l, this.restoreSecondaryNavState();
   }
   componentDidLoad() {
     this.focusTrap = b(this.navElement, {
@@ -58,16 +53,19 @@ const v = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sun
   onWindowKeyDown(a) {
     a.key === "Escape" && this.mobileNavigationActive && this.hideMobileNavigation();
   }
+  watchEnableSecondaryNavGridLayout() {
+    this.restoreSecondaryNavState();
+  }
   watchMobileNavigationState() {
     this.mobileNavigationActive ? setTimeout(() => {
       this.focusTrap.activate();
     }, 200) : this.focusTrap.deactivate();
   }
   watchNavigationCollapsed() {
-    localStorage.setItem(d, String(this.navigationCollapsed)), this.toggleNavItemLabels();
+    localStorage.setItem(t, String(this.navigationCollapsed)), this.toggleNavItemLabels();
   }
   watchSidebarActive() {
-    localStorage.setItem(n, String(this.sidebarActive));
+    localStorage.setItem(r, String(this.sidebarActive));
   }
   async showMobileNavigation() {
     this.mobileNavigationActive = !0;
@@ -85,8 +83,16 @@ const v = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sun
       a.tiled = this.enableSecondaryNavGridLayout && this.secondaryNavView === "grid";
     });
   }
+  restoreSecondaryNavState() {
+    if (this.enableSecondaryNavGridLayout) {
+      const a = localStorage.getItem(i) === "true";
+      this.secondaryNavCollapsed = a;
+      const l = localStorage.getItem(o);
+      this.secondaryNavView = l;
+    }
+  }
   render() {
-    const a = this.sidebarToggleBadge !== !0 && this.sidebarToggleBadge !== "true", l = Boolean(this.el.querySelector("[slot='secondary-nav']")), s = u("shell-layout", {
+    const a = this.sidebarToggleBadge !== !0 && this.sidebarToggleBadge !== "true", l = Boolean(this.el.querySelector("[slot='secondary-nav']")), d = u("shell-layout", {
       "shell-layout--branded-header": this.brandedHeader,
       "shell-layout--secondary-nav-collapsed": this.secondaryNavCollapsed,
       "shell-layout--has-secondary-nav": l,
@@ -94,16 +100,17 @@ const v = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sun
       "shell-layout--navigation-collapsed": this.navigationCollapsed,
       "shell-layout--sidebar-active": this.sidebarActive
     });
-    return e(h, { key: "faf4befd700184ed2292d61d91d86a240430b5e9" }, e("div", { key: "840b77f31a767e94faa261f62cb1cb7157a7ad80", class: s }, e("header", { key: "789d33d64acd556f86442fee96ddf3bf83d6b7d9", class: "shell-layout__header", "data-tauri-drag-region": "true" }, e("button", { key: "4f900a38d8dec0abe404d8352822e491083e8fca", class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), e("div", { key: "c6e9afebc218ab340dab07e329dead1642588511", class: "shell-layout__header-left" }, e("button", { key: "3ed103adbc27bbee33ddc01ae6828a14212bc943", class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, e("swirl-icon-dock-left", { key: "86799a9ff5086419cb18608c7cff497257725fde", size: 20 }), e("swirl-visually-hidden", { key: "814efe2d8f603c05d433cc33f3b5ef4b56d30e2e" }, this.navigationToggleLabel)), e("a", { key: "9906e57ae5662e8ca9362b4f5ef4ccb1b6f0f7dc", class: "shell-layout__header-tool", href: "javascript:history.back()" }, e("swirl-icon-arrow-back", { key: "8758ecfa159bc482acac19bdbd47aac8a5aa597c", size: 20 }), e("swirl-visually-hidden", { key: "191c3092d913e0184d06984649a0a88f0a80b05c" }, this.browserBackButtonLabel)), e("a", { key: "f5c8e031240bb1d1f140f0829ba5962ab12e9bf3", class: "shell-layout__header-tool", href: "javascript:history.forward()" }, e("swirl-icon-arrow-forward", { key: "04fa1a9a1456c27f95d9bf29057bb5470bafaca5", size: 20 }), e("swirl-visually-hidden", { key: "1ab7ad24e8b6e5007ebe06fd4eea74e0780d0402" }, this.browserForwardButtonLabel)), e("slot", { key: "1b692ea38f255d58dd4e3a3515206e249eb88be0", name: "left-header-tools" })), e("div", { key: "26196523cd18bdffc175771a0a2ccd4103fa8957", class: "shell-layout__logo" }, e("slot", { key: "bf8c8c8e4426adbf9ee362c8687baf4cee9319e8", name: "logo" })), e("div", { key: "7dafa3cabfb4e6f2ab7e73d76feebfea655fefcc", class: "shell-layout__header-right" }, e("slot", { key: "ab695b69cdbabda6d0932b8140a1861f512229dc", name: "right-header-tools" }), e("button", { key: "b4b3a3ad9931cbbeae6e4fe7e2b6dab1cbc2fb4a", class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, e("swirl-icon", { key: "78c6d22ad451903469615d34221deabf101904cd", glyph: this.sidebarToggleIcon, size: 20 }), e("swirl-visually-hidden", { key: "7bec3df799ddcc40681bda83857257a2d4918f71" }, this.sidebarToggleLabel), this.sidebarToggleBadge && e("swirl-badge", { key: "9eed22101813ee845845ba76218cd94e65005605", "aria-label": this.sidebarToggleBadgeAriaLabel, label: a ? String(this.sidebarToggleBadge) : this.sidebarToggleBadgeAriaLabel, size: "xs", variant: a ? "default" : "dot" })), e("slot", { key: "7e91720e0fd58c9a47b3fb31aa704ae75630d2e7", name: "avatar" }))), e("div", { key: "99c09ec0be98122d5ede2348d997c526042014ad", class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), e("nav", { key: "b4512ef4f91ffee2f27115039b6262fd3b05c892", "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (i) => this.navElement = i }, e("div", { key: "c271017b8fad003a256bdec6229486625e371ff0", class: "shell-layout__mobile-header" }, e("slot", { key: "0f78ebb4608d9d60fe41585771e1a34b9ea0ed2e", name: "mobile-logo" }), e("div", { key: "83b642a915973b13aef07d57d5591538e8331e14", class: "shell-layout__mobile-header-tools" }, e("slot", { key: "18f5cf36ed245e6ae823b920d496f18c1c9df48d", name: "mobile-header-tools" }), e("button", { key: "7671fc6b2317795d3db1e8700a047bf23242de6d", class: "shell-layout__header-tool", type: "button" }, e("swirl-icon-double-arrow-left", { key: "e764a4c35692150549761c3f055af8ac846530f5", size: 20 }), e("swirl-visually-hidden", { key: "f2806d4c10f53dfd5620fc460671d39208d2d279" }, this.hideMobileNavigationButtonLabel)))), e("div", { key: "90ab7e769197da751fc6680e661ca1c7aa9b3247", class: "shell-layout__nav-body" }, e("swirl-visually-hidden", { key: "9d159fdb59a8cbc94a39695375fcf0a7043941c1" }, e("span", { key: "a6052f47182a523448fade81a3fb23634b844849", id: "main-navigation-label" }, this.navigationLabel)), e("slot", { key: "b23e74da667f58d23077a6b95df583d7298d1df4", name: "nav", onSlotchange: this.collectNavItems }), e("div", { key: "5d0ebb79f9ab10a29d7d665a2aa0586900db29bd", class: "shell-layout__secondary-nav" }, e("swirl-separator", { key: "45836f0b4ad82ed2249054eaab4e84a2ce469068", borderColor: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && e("swirl-box", { key: "dab58d81cd92472397b52a158129aeab4a9dd5af", paddingBlockEnd: "16" }, e("swirl-stack", { key: "024ffd29bc6589c2944bbfa340bb19ad95179924", justify: this.navigationCollapsed ? "center" : "space-between", orientation: "horizontal" }, e("swirl-button", { key: "cabdb05aa4d9634b6f453f8b14676f5f9d0017bc", hideLabel: this.navigationCollapsed, icon: this.secondaryNavCollapsed ? "<swirl-icon-expand-more></swirl-icon-expand-more>" : "<swirl-icon-expand-less></swirl-icon-expand-less>", label: this.secondaryNavCollapsed ? this.secondaryNavExpandLabel : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !this.navigationCollapsed && !this.secondaryNavCollapsed && e("swirl-button", { key: "c35fe00745af2af71e77553e43583a3d2339397e", icon: this.secondaryNavView === "grid" ? "<swirl-icon-menu></swirl-icon-menu>" : "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", iconPosition: "end", label: this.secondaryNavView === "grid" ? this.gridNavLayoutToggleLabel : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))), e("div", { key: "6cce23c7b953954e2c93874c2db576ad0c9ca423", class: {
+    return e(h, { key: "7c121c7bb025c5198deb16d4bd5b6a6b42852dae" }, e("div", { key: "c1f0d2f83ab22bdb45bd04e75ac983867e1b90ad", class: d }, e("header", { key: "3abffe6c117961ef8208bd7b1ef4252068a9ea56", class: "shell-layout__header", "data-tauri-drag-region": "true" }, e("button", { key: "c55d519266b6e17ae8fbd30f2401dc7e6e19f6d9", class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), e("div", { key: "28ae1bec83a8c3681d2dc66e7888566380d2a96b", class: "shell-layout__header-left" }, e("button", { key: "16cb1928a57db48d777d9f6230f4a238bf0bb194", class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, e("swirl-icon-dock-left", { key: "538eeaf51ccb40e93bf50fc856ff83bc0746f5d8", size: 20 }), e("swirl-visually-hidden", { key: "55cfda584993bb4b4b1a691dc94f4a3351a12ebe" }, this.navigationToggleLabel)), e("a", { key: "dd757d408dcf0f890b43ac6a45c58758576b0371", class: "shell-layout__header-tool", href: "javascript:history.back()" }, e("swirl-icon-arrow-back", { key: "5b3cd810397b619b1083574667cdc8dff2f6bffe", size: 20 }), e("swirl-visually-hidden", { key: "468af62c4fef1e20d58776ee735f2279982d17b2" }, this.browserBackButtonLabel)), e("a", { key: "313e0e6e927ac749e6cf9129356006f3b92deacb", class: "shell-layout__header-tool", href: "javascript:history.forward()" }, e("swirl-icon-arrow-forward", { key: "ca09c2ca62c435a7c65541bbd05bf62823038d27", size: 20 }), e("swirl-visually-hidden", { key: "73861fbfa073afb2c68f488bcf0a8a988f78e293" }, this.browserForwardButtonLabel)), e("slot", { key: "b3033965357b4e5ebe8043e4a2336a0fa6f2611d", name: "left-header-tools" })), e("div", { key: "aee860cf12da0bdf167000fc87ebe421f3cfba83", class: "shell-layout__logo" }, e("slot", { key: "34fe15b3a7c7096adc59fc5d57b5208ffbb3bc7f", name: "logo" })), e("div", { key: "b317c678daac0adbbec8f08fba91d31cdff98342", class: "shell-layout__header-right" }, e("slot", { key: "521ee644e2d915a1c55b37e3a9b12be69848a8bd", name: "right-header-tools" }), e("button", { key: "1f377866aaa05b727509797b2758402940217e73", class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, e("swirl-icon", { key: "8b006de02ea12b320b505376f64947252f4dcbff", glyph: this.sidebarToggleIcon, size: 20 }), e("swirl-visually-hidden", { key: "9b7da4055462934a511513ed745ce5c29f3cfaa6" }, this.sidebarToggleLabel), this.sidebarToggleBadge && e("swirl-badge", { key: "9603843122ac1ccf20e98174b8a01ecca66ae9e2", "aria-label": this.sidebarToggleBadgeAriaLabel, label: a ? String(this.sidebarToggleBadge) : this.sidebarToggleBadgeAriaLabel, size: "xs", variant: a ? "default" : "dot" })), e("slot", { key: "f2575ed4ca35025ed802f963c5bfb01e152ac892", name: "avatar" }))), e("div", { key: "d5207f5581dd4ac790ad06e8b2b24a1c173b5429", class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), e("nav", { key: "f11e77a62223b0a7f48cdd0bb20fd3b165096469", "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (n) => this.navElement = n }, e("div", { key: "76aa9bc409a372ca923232a5d942977137462722", class: "shell-layout__mobile-header" }, e("slot", { key: "e504eacd565dda63fc355f7834bf5d3753377fc5", name: "mobile-logo" }), e("div", { key: "a38344e8d212317b43d19831289eb76bbd6a0617", class: "shell-layout__mobile-header-tools" }, e("slot", { key: "f11acf287b1c74b9c1a5821927f27cdac04fe237", name: "mobile-header-tools" }), e("button", { key: "dd917fc5331bd09927d992bf1d25de4eca4701a0", class: "shell-layout__header-tool", type: "button" }, e("swirl-icon-double-arrow-left", { key: "01e75b9cba8473d6d0f2636f7eb2a5b5b142ab16", size: 20 }), e("swirl-visually-hidden", { key: "8f3899995bb0ba72b81f1b3efecc03c78c949834" }, this.hideMobileNavigationButtonLabel)))), e("div", { key: "5ed1a8a2f66aa4ff937c5e97ae016584921e1cea", class: "shell-layout__nav-body" }, e("swirl-visually-hidden", { key: "6607e8316f0cb96ed73ffe13174e2da05ade8a34" }, e("span", { key: "bad079202ee965bb522813ea0c2ec1b424564b52", id: "main-navigation-label" }, this.navigationLabel)), e("slot", { key: "6e85c3cd85fbecc075228e9d1ba04496db9f9189", name: "nav", onSlotchange: this.collectNavItems }), e("div", { key: "93fde6902ef7d68a59726cd07acd6c3c87e61842", class: "shell-layout__secondary-nav" }, e("swirl-separator", { key: "247f8a5c460dc7f9df7f22905a18cc6331b14f91", borderColor: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && e("swirl-box", { key: "bf05f293440481a1fa356f290ce58b18850cacc8", paddingBlockEnd: "16" }, e("swirl-stack", { key: "c1e2b3c0d313844e5a477397f9837f8aae4c1775", justify: this.navigationCollapsed ? "center" : "space-between", orientation: "horizontal" }, e("swirl-button", { key: "ef76a699c2b75968d41cf2636943a25261c99dc5", hideLabel: this.navigationCollapsed, icon: this.secondaryNavCollapsed ? "<swirl-icon-expand-more></swirl-icon-expand-more>" : "<swirl-icon-expand-less></swirl-icon-expand-less>", label: this.secondaryNavCollapsed ? this.secondaryNavExpandLabel : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !this.navigationCollapsed && !this.secondaryNavCollapsed && e("swirl-button", { key: "b451d0a2bab8eff6675d475ea53dd653113f09b0", icon: this.secondaryNavView === "grid" ? "<swirl-icon-menu></swirl-icon-menu>" : "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", iconPosition: "end", label: this.secondaryNavView === "grid" ? this.gridNavLayoutToggleLabel : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))), e("div", { key: "6c37bcce68c9cdb5d3aa22f4ef608c2fb50ced63", class: {
       "shell-layout__secondary-nav-items": !0,
       "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout && this.secondaryNavView === "grid"
-    } }, e("slot", { key: "8e2eade2ffb6aa6542b638bef617b01714ab8b86", name: "secondary-nav", onSlotchange: this.collectNavItems }))))), e("main", { key: "e4fb26de2acd2c6088e20371417435f1398e27ba", class: "shell-layout__main", id: "main-content" }, e("slot", { key: "ef68a15a2ef106ed0116bb73096ee8c35c34598f" })), e("aside", { key: "cd70d48e76042cae27cb1d93f4f3115e05a539e8", class: "shell-layout__sidebar", inert: this.sidebarActive ? void 0 : !0 }, e("div", { key: "eeb0b742387e2d0a544a826c7b8bdb63880a6aa0", class: "shell-layout__sidebar-body" }, e("div", { key: "eef30858d99713ab0ced84e1107e3525dbefa1bf", class: "shell-layout__sidebar-app-bar" }, e("slot", { key: "1d64ce6621b730880b14362a62d57412baeb1e99", name: "sidebar-app-bar" })), e("div", { key: "67f24ca4210b321e757eb63445c2d0fee84c673d", class: "shell-layout__sidebar-content" }, e("slot", { key: "cf6c5faf96c6d656312912ae107a1481f84b8502", name: "sidebar" }))))));
+    } }, e("slot", { key: "76e3ea3df88f8cceb2538b9a0a33429c66a1babf", name: "secondary-nav", onSlotchange: this.collectNavItems }))))), e("main", { key: "7db1a491e101b03859c38e0f069e0896693adab4", class: "shell-layout__main", id: "main-content" }, e("slot", { key: "d3218aff7439613c08f9adaf1c04502fec3d6217" })), e("aside", { key: "3db4114feb2fe2bc9f947a1baf0fa79699e6a104", class: "shell-layout__sidebar", inert: this.sidebarActive ? void 0 : !0 }, e("div", { key: "8b769e933fbc3310e3e6b42a567c7c983ad98b76", class: "shell-layout__sidebar-body" }, e("div", { key: "4fd39766aeb3d24cae70e67834ab3df17b332684", class: "shell-layout__sidebar-app-bar" }, e("slot", { key: "c20a35973024b1b94c406d200124167bca39d872", name: "sidebar-app-bar" })), e("div", { key: "07f459327d8fa115d1cc5b41cb1322db13a314ba", class: "shell-layout__sidebar-content" }, e("slot", { key: "05020d1b8fdbdcb69cc194363dc3f900ca715293", name: "sidebar" }))))));
   }
   get el() {
     return y(this);
   }
   static get watchers() {
     return {
+      enableSecondaryNavGridLayout: ["watchEnableSecondaryNavGridLayout"],
       mobileNavigationActive: ["watchMobileNavigationState"],
       navigationCollapsed: ["watchNavigationCollapsed"],
       sidebarActive: ["watchSidebarActive"]

package/dist/{swirl-shell-navigation-item.entry.45aa8cdc.js → swirl-shell-navigation-item.entry.bad9383f.js}

@@ -1,4 +1,4 @@
-import { r as l, h as n, H as s, g as o } from "./index.6d908eec.js";
+import { r as l, h as n, H as s, g as o } from "./index.5d5c9dc2.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-skeleton-box.entry.c1d28b1c.js → swirl-skeleton-box.entry.c032b376.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i } from "./index.6d908eec.js";
+import { r as t, h as s, H as i } from "./index.5d5c9dc2.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-skeleton-text.entry.5802e1a8.js → swirl-skeleton-text.entry.25bffa65.js}

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as a } from "./index.6d908eec.js";
+import { r as l, h as t, H as a } from "./index.5d5c9dc2.js";
 import { c as s } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-stack.entry.a56ce248.js → swirl-stack.entry.9025cf09.js}

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

package/dist/{swirl-status-indicator.entry.7076486f.js → swirl-status-indicator.entry.58b3cea1.js}

@@ -1,4 +1,4 @@
-import { r as i, h as t, H as a } from "./index.6d908eec.js";
+import { r as i, h as t, H as a } from "./index.5d5c9dc2.js";
 import { c as e } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-switch.entry.8a78f380.js → swirl-switch.entry.d30d50e3.js}

@@ -1,4 +1,4 @@
-import { r as h, c as r, h as i, H as l, g as n } from "./index.6d908eec.js";
+import { r as h, c as r, h as i, H as l, g as n } from "./index.5d5c9dc2.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-account-circle.entry.03fa8fe7.js → swirl-symbol-account-circle.entry.2ddf87ff.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as C } from "./index.6d908eec.js";
+import { r as t, h as e, F as C } from "./index.5d5c9dc2.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-alternate-email.entry.b9213249.js → swirl-symbol-alternate-email.entry.2be22216.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.6d908eec.js";
+import { r as t, h as C, F as i } from "./index.5d5c9dc2.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-android.entry.bed16ef2.js → swirl-symbol-android.entry.da485999.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as t } from "./index.6d908eec.js";
+import { r as e, h as C, F as t } from "./index.5d5c9dc2.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-announcement.entry.f7243278.js → swirl-symbol-announcement.entry.5ba13b5d.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as o } from "./index.6d908eec.js";
+import { r as i, h as e, F as o } from "./index.5d5c9dc2.js";
 import { c as n } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-backup.entry.72f557a8.js → swirl-symbol-backup.entry.e4f35092.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as C } from "./index.6d908eec.js";
+import { r as t, h as e, F as C } from "./index.5d5c9dc2.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-beach-access.entry.1e588625.js → swirl-symbol-beach-access.entry.7af6e310.js}

@@ -1,4 +1,4 @@
-import { r as c, h as e, F as t } from "./index.6d908eec.js";
+import { r as c, h as e, F as t } from "./index.5d5c9dc2.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-bookmark.entry.d30a7bd0.js → swirl-symbol-bookmark.entry.c2e7262c.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as t } from "./index.6d908eec.js";
+import { r as o, h as e, F as t } from "./index.5d5c9dc2.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-cloud.entry.854eea70.js → swirl-symbol-cloud.entry.40cfefb6.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.6d908eec.js";
+import { r as t, h as e, F as l } from "./index.5d5c9dc2.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-coronavirus.entry.86d0557b.js → swirl-symbol-coronavirus.entry.ef20f4b3.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, F as o } from "./index.6d908eec.js";
+import { r as e, h as s, F as o } from "./index.5d5c9dc2.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-desktop-windows.entry.139b5cb5.js → swirl-symbol-desktop-windows.entry.97c0a6f3.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as o } from "./index.6d908eec.js";
+import { r as t, h as e, F as o } from "./index.5d5c9dc2.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-directions-car-filled.entry.4e07132f.js → swirl-symbol-directions-car-filled.entry.5803f99e.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, F as C } from "./index.6d908eec.js";
+import { r as t, h as i, F as C } from "./index.5d5c9dc2.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-edit-calendar.entry.fc7c6ccb.js → swirl-symbol-edit-calendar.entry.4a2698dc.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.6d908eec.js";
+import { r as t, h as e, F as l } from "./index.5d5c9dc2.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-email.entry.1ec24b5a.js → swirl-symbol-email.entry.40dd3e3d.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.6d908eec.js";
+import { r as t, h as e, F as l } from "./index.5d5c9dc2.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-emoji-food-beverage.entry.653bfd1f.js → swirl-symbol-emoji-food-beverage.entry.4ddae4e8.js}

@@ -1,4 +1,4 @@
-import { r as o, h as s, F as t } from "./index.6d908eec.js";
+import { r as o, h as s, F as t } from "./index.5d5c9dc2.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-event-menu.entry.865ee435.js → swirl-symbol-event-menu.entry.ddc6a6d8.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as C } from "./index.6d908eec.js";
+import { r as i, h as e, F as C } from "./index.5d5c9dc2.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-facebook.entry.8f32d073.js → swirl-symbol-facebook.entry.47dc31e2.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as t } from "./index.6d908eec.js";
+import { r as o, h as e, F as t } from "./index.5d5c9dc2.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-favorite.entry.a5c2c8e5.js → swirl-symbol-favorite.entry.af778ddf.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as o } from "./index.6d908eec.js";
+import { r as t, h as e, F as o } from "./index.5d5c9dc2.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-fitness-center.entry.b599380f.js → swirl-symbol-fitness-center.entry.8df0511d.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as C } from "./index.6d908eec.js";
+import { r as i, h as e, F as C } from "./index.5d5c9dc2.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-flag.entry.5b4a4eba.js → swirl-symbol-flag.entry.011cc1d1.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.6d908eec.js";
+import { r as t, h as e, F as l } from "./index.5d5c9dc2.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-folder.entry.2144f2e9.js → swirl-symbol-folder.entry.a4ff9bc8.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.6d908eec.js";
+import { r as t, h as e, F as l } from "./index.5d5c9dc2.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-globe.entry.d4f30b19.js → swirl-symbol-globe.entry.f4bc3579.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.6d908eec.js";
+import { r as t, h as e, F as l } from "./index.5d5c9dc2.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-groups.entry.726e2c68.js → swirl-symbol-groups.entry.58991ee0.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as t } from "./index.6d908eec.js";
+import { r as i, h as e, F as t } from "./index.5d5c9dc2.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-help.entry.88f2abed.js → swirl-symbol-help.entry.3270960d.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as t } from "./index.6d908eec.js";
+import { r as i, h as e, F as t } from "./index.5d5c9dc2.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-image.entry.246986fa.js → swirl-symbol-image.entry.84c722b1.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.6d908eec.js";
+import { r as t, h as e, F as l } from "./index.5d5c9dc2.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-info-menu.entry.f24acc2f.js → swirl-symbol-info-menu.entry.c314d2c8.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as o } from "./index.6d908eec.js";
+import { r as t, h as e, F as o } from "./index.5d5c9dc2.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-instagram.entry.2a9d8518.js → swirl-symbol-instagram.entry.0e393597.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, F as t } from "./index.6d908eec.js";
+import { r as i, h as s, F as t } from "./index.5d5c9dc2.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-ios.entry.6e5e554f.js → swirl-symbol-ios.entry.89da6513.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, F as C } from "./index.6d908eec.js";
+import { r as t, h as i, F as C } from "./index.5d5c9dc2.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-language.entry.d0512d82.js → swirl-symbol-language.entry.9657cba8.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as t } from "./index.6d908eec.js";
+import { r as i, h as e, F as t } from "./index.5d5c9dc2.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-leaderboard.entry.ef1feaa8.js → swirl-symbol-leaderboard.entry.2c74aacf.js}

@@ -1,4 +1,4 @@
-import { r, h as e, F as t } from "./index.6d908eec.js";
+import { r, h as e, F as t } from "./index.5d5c9dc2.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";