@getflip/swirl-components-react 0.236.0 → 0.236.1

package/dist/{swirl-icon-stop.entry.116c1edf.js → swirl-icon-stop.entry.704881a1.js}

@@ -1,4 +1,4 @@
-import { r as a, h as e, F as i } from "./index.fff64e3e.js";
+import { r as a, h as e, F as i } from "./index.1799f60d.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-sync.entry.f088cca7.js → swirl-icon-sync.entry.96b90130.js}

@@ -1,4 +1,4 @@
-import { r as a, h as C, F as s } from "./index.fff64e3e.js";
+import { r as a, h as C, F as s } from "./index.1799f60d.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-tasks-filled.entry.d9647376.js → swirl-icon-tasks-filled.entry.c3f34846.js}

@@ -1,4 +1,4 @@
-import { r as c, h as C, F as s } from "./index.fff64e3e.js";
+import { r as c, h as C, F as s } from "./index.1799f60d.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-tasks.entry.96cb17b3.js → swirl-icon-tasks.entry.80bd648d.js}

@@ -1,4 +1,4 @@
-import { r as a, h as C, F as e } from "./index.fff64e3e.js";
+import { r as a, h as C, F as e } from "./index.1799f60d.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-terminal.entry.7c536c7a.js → swirl-icon-terminal.entry.21d50f46.js}

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

package/dist/{swirl-icon-time-filled.entry.7b8e1cc6.js → swirl-icon-time-filled.entry.0e089156.js}

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

package/dist/{swirl-icon-time.entry.753d3840.js → swirl-icon-time.entry.fc7d9b06.js}

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

package/dist/{swirl-icon-today-filled.entry.1544cfe2.js → swirl-icon-today-filled.entry.0ef620c8.js}

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

package/dist/{swirl-icon-translate.entry.a8fca882.js → swirl-icon-translate.entry.82490c3d.js}

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

package/dist/{swirl-icon-tree-structure.entry.00569bcb.js → swirl-icon-tree-structure.entry.271c4819.js}

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

package/dist/{swirl-icon-undo.entry.9835bc5d.js → swirl-icon-undo.entry.79301b9e.js}

@@ -1,4 +1,4 @@
-import { r as o, h as C, F as s } from "./index.fff64e3e.js";
+import { r as o, h as C, F as s } from "./index.1799f60d.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-unlock-person.entry.6bf163c1.js → swirl-icon-unlock-person.entry.8630f9cf.js}

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

package/dist/{swirl-icon-user-add.entry.ebb7aca5.js → swirl-icon-user-add.entry.ff468e96.js}

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

package/dist/{swirl-icon-user-assign.entry.340f5210.js → swirl-icon-user-assign.entry.aae1a9fb.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as s } from "./index.fff64e3e.js";
+import { r as t, h as C, F as s } from "./index.1799f60d.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-video-camera-off.entry.7a7c33e1.js → swirl-icon-video-camera-off.entry.96b6ff6c.js}

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

package/dist/{swirl-icon-video-camera.entry.ca49d076.js → swirl-icon-video-camera.entry.8b5f25b4.js}

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

package/dist/{swirl-icon-video-library.entry.184096e4.js → swirl-icon-video-library.entry.b5112892.js}

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

package/dist/{swirl-icon-video-player.entry.2e87243e.js → swirl-icon-video-player.entry.e4dc5957.js}

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

package/dist/{swirl-icon-voice.entry.4689396b.js → swirl-icon-voice.entry.ab4f8e3d.js}

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

package/dist/{swirl-icon-web-asset-off.entry.caae4a2d.js → swirl-icon-web-asset-off.entry.57c4b85c.js}

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

package/dist/{swirl-icon-web-asset.entry.d8f0830e.js → swirl-icon-web-asset.entry.0b41697f.js}

@@ -1,4 +1,4 @@
-import { r as o, h as s, F as i } from "./index.fff64e3e.js";
+import { r as o, h as s, F as i } from "./index.1799f60d.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-work.entry.2e0dbbc4.js → swirl-icon-work.entry.e021ed92.js}

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

package/dist/{swirl-icon.entry.fa7155cc.js → swirl-icon.entry.3d7741e0.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as o } from "./index.fff64e3e.js";
+import { r as t, h as s, H as o } from "./index.1799f60d.js";
 import "react";
 import "react-dom";
 const e = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", r = e, n = class {

package/dist/{swirl-image-grid-item.entry.0e023b46.js → swirl-image-grid-item.entry.3de88afc.js}

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

package/dist/{swirl-image-grid.entry.3e3be557.js → swirl-image-grid.entry.ed5bed3f.js}

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

package/dist/{swirl-inline-notification.entry.26a57751.js → swirl-inline-notification.entry.c26533bd.js}

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

package/dist/{swirl-inline-status.entry.c7a9f1a8.js → swirl-inline-status.entry.a0f0bec5.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.fff64e3e.js";
+import { r as e, h as n, H as a } from "./index.1799f60d.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import { g as r } from "./utils-c16952ba.529dd544.js";
 import "react";

package/dist/{swirl-lightbox.entry.bee15351.js → swirl-lightbox.entry.8d695cac.js}

@@ -1,4 +1,4 @@
-import { r as h, c as b, h as i, H as f, g as u } from "./index.fff64e3e.js";
+import { r as h, c as b, h as i, H as f, g as u } from "./index.1799f60d.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.bbdb2c20.js → swirl-link.entry.e6060d41.js}

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

package/dist/{swirl-list.entry.5245886c.js → swirl-list.entry.e1211e1f.js}

@@ -1,4 +1,4 @@
-import { r as l, h as e, H as r } from "./index.fff64e3e.js";
+import { r as l, h as e, H as r } from "./index.1799f60d.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.246c30a4.js → swirl-menu-item.entry.968a1f1f.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as u, g as d } from "./index.fff64e3e.js";
+import { r, h as i, H as u, g as d } from "./index.1799f60d.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import { c as h, p as c } from "./utils-c16952ba.529dd544.js";
 import "react";

package/dist/{swirl-menu.entry.8c033d30.js → swirl-menu.entry.0fb075b7.js}

@@ -1,4 +1,4 @@
-import { r as d, c, h as n, H as b, g as f } from "./index.fff64e3e.js";
+import { r as d, c, h as n, H as b, g as f } from "./index.1799f60d.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-c16952ba.529dd544.js";

package/dist/{swirl-modal.entry.005b18dc.js → swirl-modal.entry.20907939.js}

@@ -1,4 +1,4 @@
-import { r as h, c as t, h as a, H as f, g as p } from "./index.fff64e3e.js";
+import { r as h, c as t, h as a, H as f, g as p } from "./index.1799f60d.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.54517b45.js → swirl-option-list-section.entry.40e0fa5b.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as s } from "./index.fff64e3e.js";
+import { r as i, h as e, H as s } from "./index.1799f60d.js";
 import "react";
 import "react-dom";
 const o = ":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)}}", a = o, l = class {

package/dist/{swirl-option-list_2.entry.da22cce5.js → swirl-option-list_2.entry.f4ffb4c2.js}

@@ -1,4 +1,4 @@
-import { r as c, c as o, h as a, H as d, g } from "./index.fff64e3e.js";
+import { r as c, c as o, h as a, H as d, g } from "./index.1799f60d.js";
 import { c as n, q as l } from "./utils-c16952ba.529dd544.js";
 import { S as m } from "./sortable.esm-8c3d5856.57c4f048.js";
 import { c as v } from "./index-267776a4.6beb4f4b.js";

package/dist/{swirl-pagination.entry.d5e7578d.js → swirl-pagination.entry.6a82f7f6.js}

@@ -1,4 +1,4 @@
-import { r as l, c as s, h as e, H as r } from "./index.fff64e3e.js";
+import { r as l, c as s, h as e, H as r } from "./index.1799f60d.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { d as c } from "./utils-c16952ba.529dd544.js";
 import "react";

package/dist/{swirl-pdf-reader.entry.c1e31deb.js → swirl-pdf-reader.entry.ebcbe099.js}

@@ -1,4 +1,4 @@
-import { r as n, c as d, h as e, H as c, g as f } from "./index.fff64e3e.js";
+import { r as n, c as d, h as e, H as c, g as f } from "./index.1799f60d.js";
 import { A as h } 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.a317f8e4.js → swirl-popover_2.entry.3bb407b9.js}

@@ -1,4 +1,4 @@
-import { r as v, c as l, h as n, H as g, g as u } from "./index.fff64e3e.js";
+import { r as v, c as l, h as n, H as g, g as u } from "./index.1799f60d.js";
 import { o as c, s as d, 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.2416f7dd.js → swirl-progress-indicator.entry.9968c6e5.js}

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

package/dist/{swirl-radio-group.entry.1f2667d5.js → swirl-radio-group.entry.49a9f656.js}

@@ -1,4 +1,4 @@
-import { r as o, c as d, h as i, H as l, g as n } from "./index.fff64e3e.js";
+import { r as o, c as d, h as i, H as l, g as n } from "./index.1799f60d.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.6cc77af0.js → swirl-radio.entry.62034fe3.js}

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

package/dist/{swirl-resource-list-file-item.entry.59dc9344.js → swirl-resource-list-file-item.entry.644ff81e.js}

@@ -1,4 +1,4 @@
-import { r as c, c as a, h as e, H as n } from "./index.fff64e3e.js";
+import { r as c, c as a, h as e, H as n } from "./index.1799f60d.js";
 import { c as f } from "./index-267776a4.6beb4f4b.js";
 import { g as d } from "./utils-c16952ba.529dd544.js";
 import "react";

package/dist/{swirl-search.entry.3c247657.js → swirl-search.entry.664a2de8.js}

@@ -1,4 +1,4 @@
-import { r as i, c as r, h as a, H as t } from "./index.fff64e3e.js";
+import { r as i, c as r, h as a, H as t } from "./index.1799f60d.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as h } from "./utils-c16952ba.529dd544.js";
 import "react";

package/dist/{swirl-select.entry.c2a021b2.js → swirl-select.entry.9499ab41.js}

@@ -1,4 +1,4 @@
-import { r as u, c as d, h as s, H as f, g as w } from "./index.fff64e3e.js";
+import { r as u, c as d, h as s, H as f, g as w } from "./index.1799f60d.js";
 import { c as b } from "./index-267776a4.6beb4f4b.js";
 import { q as v } from "./utils-c16952ba.529dd544.js";
 import "react";

package/dist/swirl-shell-layout.entry.8792b862.js

@@ -0,0 +1,143 @@
+import { r as y, c as o, h as e, H as u, g as b } from "./index.1799f60d.js";
+import { c as v } from "./index-267776a4.6beb4f4b.js";
+import { c as g } from "./focus-trap.esm-49c9613c.db20abcc.js";
+import { d as w, e as t } from "./utils-c16952ba.529dd544.js";
+import "react";
+import "react-dom";
+const p = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sunken-default);--swirl-shell-text-color:var(--s-text-default);--swirl-shell-header-height:3.25rem;--swirl-shell-collapsed-nav-width:4rem;--swirl-shell-extended-nav-width:18rem;--swirl-shell-sidebar-width:21rem;display:flex;width:100%;height:100%}.sc-swirl-shell-layout-h *.sc-swirl-shell-layout{box-sizing:border-box}.shell-layout.sc-swirl-shell-layout{display:grid;overflow:hidden;width:100%;min-height:100%;background-color:var(--swirl-shell-background);transition:grid-template-columns 0.1s;grid-template-columns:0 1fr 0;grid-template-rows:1fr;grid-template-areas:"nav main"}@media (prefers-reduced-motion){.shell-layout.sc-swirl-shell-layout{transition:none}}@media (min-width: 992px){.shell-layout.sc-swirl-shell-layout{padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);-moz-column-gap:var(--s-space-8);column-gap:var(--s-space-8);grid-template-columns:var(--swirl-shell-extended-nav-width) 1fr 0;grid-template-rows:var(--swirl-shell-header-height) 1fr;grid-template-areas:"header header header"
+      "nav main sidebar"}}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout{border-bottom:none;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-action-primary-hovered)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-action-primary-pressed)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout swirl-badge.sc-swirl-shell-layout{--swirl-badge-border-color:var(--s-action-primary-default)}@media (min-width: 992px){.shell-layout--navigation-collapsed.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{scrollbar-width:none}.shell-layout--navigation-collapsed.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout::-webkit-scrollbar{width:0;background:transparent;-webkit-appearance:none}}.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul>*,.shell-layout--navigation-collapsed .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>*{max-width:100%;max-height:3rem;flex-basis:100%}@media (min-width: 992px){.shell-layout--navigation-collapsed.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-collapsed-nav-width) 1fr 0}}@media (min-width: 1440px){.shell-layout--sidebar-active.shell-layout--navigation-collapsed.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-collapsed-nav-width) 1fr var(
+          --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--sidebar-scrollable.sc-swirl-shell-layout:not(.shell-layout--sidebar-scrolled-to-top) .shell-layout__sidebar-app-bar.sc-swirl-shell-layout{border-bottom-color:var(--s-border-default)}.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;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 transparent}.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}}`, f = p, i = "SWIRL_SHELL_SECONDARY_NAVIGATION_COLLAPSE_STATE", r = "SWIRL_SHELL_SECONDARY_NAVIGATION_VIEW_STATE", d = "SWIRL_SHELL_NAVIGATION_COLLAPSE_STATE", n = "SWIRL_SHELL_SIDEBAR_STATE", m = class {
+  constructor(l) {
+    y(this, l), this.sidebarToggleClick = o(this, "sidebarToggleClick", 7), this.skipLinkClick = o(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.setSecondaryNavItemsTiled();
+    }, this.toggleSecondaryNavView = (a) => {
+      a.stopPropagation(), this.secondaryNavView === "grid" ? this.secondaryNavView = "list" : this.secondaryNavView = "grid", this.setSecondaryNavItemsTiled(), localStorage.setItem(r, String(this.secondaryNavView));
+    }, this.toggleSecondaryNavCollapse = (a) => {
+      a.stopPropagation(), this.secondaryNavCollapsed = !this.secondaryNavCollapsed, localStorage.setItem(i, String(this.secondaryNavCollapsed));
+    }, this.onNavigationToggleClick = () => {
+      this.navigationCollapsed = !this.navigationCollapsed;
+    }, this.onNavigationClick = () => {
+      this.hideMobileNavigation();
+    }, this.onSidebarScroll = w(() => {
+      this.updateSidebarScrollState();
+    }, 16), this.brandedHeader = void 0, this.browserBackButtonLabel = "Navigate back", this.browserForwardButtonLabel = "Navigate forward", this.collapseNavigationButtonLabel = "Collapse navigation", this.enableSecondaryNavGridLayout = !0, this.expandNavigationButtonLabel = "Expand navigation", this.gridNavLayoutToggleLabel = "Grid", this.hideMobileNavigationButtonLabel = "Close navigation", this.listNavLayoutToggleLabel = "List", this.navigationLabel = "Main", this.secondaryNavCollapseLabel = "Show less", this.secondaryNavExpandLabel = "Show more", this.sidebarActive = void 0, this.sidebarToggleBadge = void 0, this.sidebarToggleBadgeAriaLabel = void 0, this.sidebarToggleIcon = "notifications", this.sidebarToggleLabel = "Toggle sidebar", this.skipLinkLabel = "Skip to main content", this.isDesktopViewport = !0, this.mobileNavigationActive = void 0, this.navigationCollapsed = void 0, this.secondaryNavCollapsed = void 0, this.secondaryNavView = "list", this.sidebarScrollState = {
+      scrollable: !1,
+      scrolledToTop: !1
+    };
+  }
+  componentWillLoad() {
+    this.isDesktopViewport = t(), this.collectNavItems();
+    const l = localStorage.getItem(n) === "true";
+    this.sidebarActive = this.sidebarActive === void 0 ? l : this.sidebarActive;
+    const a = localStorage.getItem(d) === "true";
+    this.navigationCollapsed = a, this.restoreSecondaryNavState();
+  }
+  componentDidLoad() {
+    this.focusTrap = g(this.navElement, {
+      allowOutsideClick: !0,
+      tabbableOptions: {
+        getShadowRoot: (l) => l.shadowRoot
+      }
+    }), this.collectNavItems(), this.navMutationObserver = new MutationObserver(() => {
+      this.collectNavItems(), this.setSecondaryNavItemsTiled();
+    }), this.navMutationObserver.observe(this.navElement, {
+      childList: !0,
+      subtree: !0
+    }), queueMicrotask(() => {
+      this.updateSidebarScrollState();
+    });
+  }
+  componentDidRender() {
+    var l;
+    (l = this.focusTrap) == null || l.updateContainerElements(this.navElement);
+  }
+  disconnectedCallback() {
+    var l, a;
+    (l = this.focusTrap) == null || l.deactivate(), (a = this.navMutationObserver) == null || a.disconnect();
+  }
+  onWindowKeyDown(l) {
+    l.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();
+  }
+  watchSidebarActive() {
+    localStorage.setItem(n, String(this.sidebarActive));
+  }
+  onWindowResize() {
+    this.isDesktopViewport !== t() && (this.isDesktopViewport = t(), this.collectNavItems());
+  }
+  async showMobileNavigation() {
+    this.mobileNavigationActive = !0, this.collectNavItems();
+  }
+  async hideMobileNavigation() {
+    this.mobileNavigationActive = !1, this.toggleNavItemLabels();
+  }
+  toggleNavItemLabels() {
+    [...this.secondaryNavItems, ...this.mainNavItems].forEach((l) => {
+      l.hideLabel = this.navigationCollapsed && this.isDesktopViewport;
+    });
+  }
+  setSecondaryNavItemsTiled() {
+    this.secondaryNavItems.forEach((l) => {
+      l.tiled = this.enableSecondaryNavGridLayout && (this.secondaryNavView === "grid" || this.navigationCollapsed && this.isDesktopViewport);
+    });
+  }
+  restoreSecondaryNavState() {
+    if (this.enableSecondaryNavGridLayout) {
+      const l = localStorage.getItem(i) === "true";
+      this.secondaryNavCollapsed = l;
+      const a = localStorage.getItem(r);
+      this.secondaryNavView = a;
+    }
+  }
+  updateSidebarScrollState() {
+    const l = {
+      scrollable: this.sidebarContentEl.scrollHeight > this.sidebarContentEl.clientHeight,
+      scrolledToTop: this.sidebarContentEl.scrollTop === 0
+    };
+    Object.keys(l).some((a) => l[a] !== this.sidebarScrollState[a]) && (this.sidebarScrollState = l);
+  }
+  render() {
+    const l = this.sidebarToggleBadge !== !0 && this.sidebarToggleBadge !== "true", a = this.navigationCollapsed && this.isDesktopViewport, c = Boolean(this.el.querySelector("[slot='secondary-nav']")), h = v("shell-layout", {
+      "shell-layout--branded-header": this.brandedHeader,
+      "shell-layout--secondary-nav-collapsed": this.secondaryNavCollapsed,
+      "shell-layout--has-secondary-nav": c,
+      "shell-layout--mobile-navigation-active": this.mobileNavigationActive,
+      "shell-layout--navigation-collapsed": a,
+      "shell-layout--sidebar-active": this.sidebarActive,
+      "shell-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
+      "shell-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop
+    });
+    return e(u, { key: "3b4dde369cc2ff87ec3787fd16c6d3891eee64a2" }, e("div", { key: "481d0ffb5971b469c8c3aeabbbd9664ac60b9ecc", class: h }, e("header", { key: "4a7c9b3e3ec8d94e9b57af3e3e9234a75616cb04", class: "shell-layout__header", "data-tauri-drag-region": "true" }, e("button", { key: "1657cf85ff234865c97b781ef43c61a6b0408787", class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), e("div", { key: "6dcf45949f30e1c8a8a9f546b57bf4c301683383", class: "shell-layout__header-left" }, e("swirl-tooltip", { key: "52aaa6168ae6ba526de7d166f2715ed308a4f14b", content: this.navigationCollapsed ? this.expandNavigationButtonLabel : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, e("button", { key: "5794af83ada5a690d5b886b7851ebf3040eb3a6f", class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? e("swirl-icon-dock-left-expand", { size: 20 }) : e("swirl-icon-dock-left-collapse", { size: 20 }), e("swirl-visually-hidden", { key: "7377d48d26b43655fdfe6e81a707d6a22e5a8fe5" }, this.navigationCollapsed ? this.expandNavigationButtonLabel : this.collapseNavigationButtonLabel))), e("a", { key: "a79fd7930d423211d0ca0612526cbc04fd9b4f75", class: "shell-layout__header-tool", href: "javascript:history.back()" }, e("swirl-icon-arrow-back", { key: "5990be011ad330438b1f83db24af889031798416", size: 20 }), e("swirl-visually-hidden", { key: "fcf6be5e10ec3025bda5955c6b2f7a398ef15d44" }, this.browserBackButtonLabel)), e("a", { key: "405400b3ef2ba463a99491a5d57db59a3f0a2b12", class: "shell-layout__header-tool", href: "javascript:history.forward()" }, e("swirl-icon-arrow-forward", { key: "df9e159d79ba95988af66a4b4a458e1589737e8f", size: 20 }), e("swirl-visually-hidden", { key: "b4d18ead34e9413e97c622185fea3bbbb32b6dcb" }, this.browserForwardButtonLabel)), e("slot", { key: "2ee9f2c2a81a91292f80772cf371f5d2ccb493db", name: "left-header-tools" })), e("div", { key: "529199ad8c9ceff25399c235e947bf7027982b20", class: "shell-layout__logo" }, e("slot", { key: "1f9fb29b9147e2b6eaad49389d17cb17aa80658a", name: "logo" })), e("div", { key: "e2b887179b9960d8863dd24ccbf2c7e8be009602", class: "shell-layout__header-right" }, e("slot", { key: "5540a6435490d75aff8864301d93ad72a3c7c6dd", name: "right-header-tools" }), e("button", { key: "26b6176d55c5c1e079691caa36a725922392aec5", class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, e("swirl-icon", { key: "ec7b16e7412ba48981aebffd91c2d9e014efb2a5", glyph: this.sidebarToggleIcon, size: 20 }), e("swirl-visually-hidden", { key: "4b1903a46a028e0895a101e865ab8242c92dc89c" }, this.sidebarToggleLabel), this.sidebarToggleBadge && e("swirl-badge", { key: "ce74e5c85492858648ca7265e7b1365ee84ffe87", "aria-label": this.sidebarToggleBadgeAriaLabel, label: l ? String(this.sidebarToggleBadge) : this.sidebarToggleBadgeAriaLabel, size: "xs", variant: l ? "default" : "dot" })), e("slot", { key: "f52288a44afbeb1392193d05f0bc4501a17940dd", name: "avatar" }))), e("div", { key: "924b06cd336bf0cc0292edadc08b0b2b3e0dfb47", class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), e("nav", { key: "bed15393425dc10357b10ba7d022c853d0b9b32a", "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (s) => this.navElement = s }, e("div", { key: "6c02d3de25c1812624b46d058ee943c343fc3089", class: "shell-layout__mobile-header" }, e("slot", { key: "97d21882939ac034227d2017157503d1f4f901e4", name: "mobile-logo" }), e("div", { key: "bb5bc9344be7981ac68e57f69065fc6d482d536e", class: "shell-layout__mobile-header-tools" }, e("slot", { key: "fc58fa45d88b04d882a10d53e44474b30cb98921", name: "mobile-header-tools" }), e("button", { key: "011c8055b176a4174cff580e96f884e2518641c9", class: "shell-layout__header-tool", type: "button" }, e("swirl-icon-double-arrow-left", { key: "f414e31f2f2c91c83a8cc4ae3ac965977549723a", size: 20 }), e("swirl-visually-hidden", { key: "4328d1f7a9bbbbc9abcfe73aeb4a2927244ace8e" }, this.hideMobileNavigationButtonLabel)))), e("div", { key: "48f594da912cd8cb3f3d88ef222c6ff4e1999e0a", class: "shell-layout__nav-body" }, e("swirl-visually-hidden", { key: "4c5ce4e38948ac823a08b91bffccc8393e52e05f" }, e("span", { key: "da7e77e9c3dbc8853e9bd1c00efe3c85d1f806f2", id: "main-navigation-label" }, this.navigationLabel)), e("slot", { key: "f2d21298b9271132636ab9cd2132ac7f1f898b85", name: "nav", onSlotchange: this.collectNavItems }), e("div", { key: "aa7046795d1fcf19407a1328772f6194617edcf5", class: "shell-layout__secondary-nav" }, e("swirl-separator", { key: "e985bf753c99a57180f33f5c50f4b63bde9e2c4c", borderColor: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && e("swirl-box", { key: "9085eab5ed541a4a6ed1b176dcb3b8746c848f70", paddingBlockEnd: "16" }, e("swirl-stack", { key: "31f051872f887a15b53558b9ee54b2f93e3df7f1", justify: a ? "center" : "space-between", orientation: "horizontal" }, e("swirl-button", { key: "4ca64948fccec45bb342069d54b71f5a7d32a48b", hideLabel: a, 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" }), !a && !this.secondaryNavCollapsed && e("swirl-button", { key: "001622c91db552e3f52224dd5224e0ce2175f1fe", 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: "0596290b2d6cd8631db9cc138c94807570ae0552", class: {
+      "shell-layout__secondary-nav-items": !0,
+      "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout && (this.secondaryNavView === "grid" || a)
+    } }, e("slot", { key: "51e19724fca7fca2a2cab5631bec4fc6a2706332", name: "secondary-nav", onSlotchange: this.collectNavItems }))))), e("main", { key: "100fd956e742c68697b16cd45b95cb69cac6a15e", class: "shell-layout__main", id: "main-content" }, e("slot", { key: "71231c2168345af0a36cd8887f213db08c5a42e1" })), e("aside", { key: "9b199a1cb0fcd73aa80581231cd854e2eb0b2da3", class: "shell-layout__sidebar", inert: this.sidebarActive ? void 0 : !0 }, e("div", { key: "30e13e5d44f8dde97286750dbbe65ca2b63a14b5", class: "shell-layout__sidebar-body" }, e("div", { key: "63d5b38abcfca252b27f8bf026646dfa2c0e9d43", class: "shell-layout__sidebar-app-bar" }, e("slot", { key: "f32b025048321515bfcc276947a3041aace17b90", name: "sidebar-app-bar" })), e("div", { key: "b06bad9a0c0e58e1a6db0d8a8477dd081bd959ed", class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (s) => this.sidebarContentEl = s }, e("slot", { key: "3d4c21e42e72af64470b452c7357acd8e2d72fdd", name: "sidebar" }))))));
+  }
+  get el() {
+    return b(this);
+  }
+  static get watchers() {
+    return {
+      enableSecondaryNavGridLayout: ["watchEnableSecondaryNavGridLayout"],
+      mobileNavigationActive: ["watchMobileNavigationState"],
+      navigationCollapsed: ["watchNavigationCollapsed"],
+      sidebarActive: ["watchSidebarActive"]
+    };
+  }
+};
+m.style = f;
+export {
+  m as swirl_shell_layout
+};

package/dist/{swirl-shell-navigation-item.entry.bb945fe4.js → swirl-shell-navigation-item.entry.0f1010b6.js}

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

package/dist/{swirl-skeleton-box.entry.ce106d9a.js → swirl-skeleton-box.entry.99eb7120.js}

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

package/dist/{swirl-skeleton-text.entry.1c031577.js → swirl-skeleton-text.entry.5666bd99.js}

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

package/dist/{swirl-stack.entry.09d3b604.js → swirl-stack.entry.b177b9fe.js}

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

package/dist/{swirl-status-indicator.entry.88eb3128.js → swirl-status-indicator.entry.66049a4a.js}

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

package/dist/{swirl-switch.entry.5f96e70e.js → swirl-switch.entry.df012f0c.js}

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

package/dist/{swirl-symbol-account-circle.entry.aaf4e06e.js → swirl-symbol-account-circle.entry.5795cf45.js}

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

package/dist/{swirl-symbol-alternate-email.entry.0e19ea88.js → swirl-symbol-alternate-email.entry.eda250ff.js}

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

package/dist/{swirl-symbol-android.entry.52cdd9df.js → swirl-symbol-android.entry.4cb4aa97.js}

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

package/dist/{swirl-symbol-announcement.entry.e104d9ab.js → swirl-symbol-announcement.entry.593dac23.js}

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

package/dist/{swirl-symbol-backup.entry.29b97117.js → swirl-symbol-backup.entry.3014a0b9.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, F as C } from "./index.fff64e3e.js";
+import { r as t, h as i, F as C } from "./index.1799f60d.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-beach-access.entry.72d03a8f.js → swirl-symbol-beach-access.entry.6a37ee4a.js}

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