@getflip/swirl-components-react 0.229.0 → 0.231.0

package/dist/{swirl-menu.entry.2789fb09.js → swirl-menu.entry.fdae9780.js}

@@ -1,7 +1,7 @@
-import { r as d, c, h as n, H as b, g as f } from "./index.0c1d1e6a.js";
+import { r as d, c, h as n, H as b, g as f } from "./index.a2b39b28.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";
+import { q as a, c as l, p as h, i as M, b as x } from "./utils-c16952ba.529dd544.js";
 import "react";
 import "react-dom";
 const I = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed)}.menu--mobile.menu--root{position:relative}.menu--mobile.menu--root .menu__menu{top:3.5rem;transition:left 0.2s}.menu--mobile.menu--active .menu__menu{display:block}.menu--mobile .menu__menu{position:absolute;top:0;left:0;display:none;width:100%}:not(.menu--mobile).menu--root{position:relative}:not(.menu--mobile).menu--root .menu__menu{position:relative;padding-top:0;padding-bottom:0}:not(.menu--mobile):not(.menu--root) .menu__menu{z-index:1;max-width:22.5rem;border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-1)}:not(.menu--mobile).menu--active .menu__menu{display:block}:not(.menu--mobile) .menu__menu{position:fixed;display:none}.menu__mobile-header{display:flex;height:3.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-8)}.menu__mobile-header>*{display:inline-flex;flex-shrink:0}.menu__title{min-width:0;flex-grow:1;flex-shrink:1}.menu__title swirl-heading{min-width:0}.menu__done-button{margin-right:calc(-1 * var(--s-space-8))}.menu__menu{padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-surface-overlay-default)}", _ = I, k = class {

package/dist/{swirl-modal.entry.9ba6cf79.js → swirl-modal.entry.1ab4de8c.js}

@@ -1,4 +1,4 @@
-import { r as h, c as t, h as a, H as f, g as p } from "./index.0c1d1e6a.js";
+import { r as h, c as t, h as a, H as f, g as p } from "./index.a2b39b28.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.8ae00aa2.js → swirl-option-list-section.entry.28bfae13.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as s } from "./index.0c1d1e6a.js";
+import { r as i, h as e, H as s } from "./index.a2b39b28.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 {
@@ -6,7 +6,7 @@ const o = ":host{display:block}:host *{box-sizing:border-box}.option-list-sectio
     i(this, t), this.label = void 0;
   }
   render() {
-    return e(s, { key: "8e5e79ece9380c8882352f136207af9ce83ceb18" }, e("div", { key: "92a6bc8df3263fa7762da37c9eec11e139820505", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "a7a245dca097efcc3c3a35345654685cf6747dd3", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("div", { key: "dd9ee5e3d21514d14fdfee3966676f756e79f63a", class: "option-list-section__items" }, e("slot", { key: "ffcee76b125f0b8d14c9b2d0dfac007deada8f02" }))));
+    return e(s, { key: "492fe67fa5f170980ae1087aaffe213d319d8f4f" }, e("div", { key: "057be381f2bc36188244895a639662573455703f", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "d0624101f2a5f0a83a9e4e1117528efb33d4e89f", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("div", { key: "7f6157e90e957d5b57cfb5ff98c3072e765fcfda", class: "option-list-section__items" }, e("slot", { key: "ff96062ef2cf0176866ae77af3102401bda7cf44" }))));
   }
 };
 l.style = a;

package/dist/{swirl-option-list_2.entry.56a69423.js → swirl-option-list_2.entry.29139097.js}

@@ -1,5 +1,5 @@
-import { r as c, c as o, h as a, H as d, g } from "./index.0c1d1e6a.js";
-import { c as n, q as l } from "./utils-9b747dd7.4c4c7dc0.js";
+import { r as c, c as o, h as a, H as d, g } from "./index.a2b39b28.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";
 import "react";
@@ -173,7 +173,7 @@ const f = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-sw
   }
   render() {
     const e = this.multiSelect ? "true" : void 0, t = Boolean(this.dragging) ? 0 : void 0;
-    return a(d, { key: "06be191b51686395ade24eab8f6046f32dac65e7" }, a("swirl-visually-hidden", { key: "24d01a0fc544bb64ee82b66d95b050456bb20724", role: "alert" }, this.assistiveText), a("div", { key: "16dbb41de4db84a85bcc5360698dadc1baf08c33", "aria-label": this.label, "aria-multiselectable": e, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (i) => this.listboxEl = i, role: "listbox", tabIndex: t }, a("slot", { key: "c027dbc5e503e77fef9c9cd421d65a8d5b929f9a" })));
+    return a(d, { key: "bdefee7c726976b46681ac84806ef468b9411709" }, a("swirl-visually-hidden", { key: "5b3e7bd3e3ede33f05ed753aaf74633979b42db6", role: "alert" }, this.assistiveText), a("div", { key: "32606009a9b2130e78268aac81fb6d2679c17875", "aria-label": this.label, "aria-multiselectable": e, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (i) => this.listboxEl = i, role: "listbox", tabIndex: t }, a("slot", { key: "8aaffda0627ca8bda6c23432cd2720f5ca908934" })));
   }
   get el() {
     return g(this);

package/dist/{swirl-pagination.entry.02577d22.js → swirl-pagination.entry.1cc41ed8.js}

@@ -1,6 +1,6 @@
-import { r as l, c as s, h as e, H as r } from "./index.0c1d1e6a.js";
+import { r as l, c as s, h as e, H as r } from "./index.a2b39b28.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
-import { d as c } from "./utils-9b747dd7.4c4c7dc0.js";
+import { d as c } from "./utils-c16952ba.529dd544.js";
 import "react";
 import "react-dom";
 const g = ":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:0}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-selection{display:flex;padding-right:var(--s-space-24);flex-shrink:0;align-items:center;color:var(--s-interactive-primary-default);white-space:nowrap;gap:var(--s-space-8)}.pagination__page-size-select-container{position:relative}.pagination__page-size-select{padding-right:calc(1rem + var(--s-space-4));border:none;color:var(--s-interactive-primary-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-size-select:focus:not(:focus-visible){outline:none}.pagination__page-size-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-size-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}.pagination__page-label{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-input{display:inline-flex;width:3.25rem;padding-top:var(--s-space-8);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border:none;border-radius:var(--s-border-radius-sm);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.pagination__page-input:focus:not(:focus-visible){outline:none}.pagination__page-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", h = g, d = class {

package/dist/{swirl-pdf-reader.entry.9983b527.js → swirl-pdf-reader.entry.eeab4405.js}

@@ -1,8 +1,8 @@
-import { r as n, c as d, h as e, H as c, g as f } from "./index.0c1d1e6a.js";
+import { r as n, c as d, h as e, H as c, g as f } from "./index.a2b39b28.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";
-import { q as m, i as s } from "./utils-9b747dd7.4c4c7dc0.js";
+import { q as m, i as s } from "./utils-c16952ba.529dd544.js";
 import "react";
 import "react-dom";
 const u = `:host{--thumbnails-width:7rem;display:block}:host *{box-sizing:border-box}.pdf-reader{position:fixed;z-index:var(--s-z-40);background-color:var(--s-surface-raised-default);inset:0;touch-action:pan-x pan-y}.pdf-reader[aria-hidden="true"]{display:none}.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{animation:0.15s pdf-reader-fade-in}@media (prefers-reduced-motion){.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{animation:none}}.pdf-reader--closing{animation:0.15s pdf-reader-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.pdf-reader--closing{animation:none}}.pdf-reader--show-thumbnails .pdf-reader__thumbnails{max-width:var(--thumbnails-width)}.pdf-reader--show-thumbnails .pdf-reader__floating-tools{left:calc(var(--s-space-16) + var(--thumbnails-width))}.pdf-reader--hide-menu .pdf-reader__menu{display:none}.pdf-reader__body{position:relative;width:100%;height:100%}.pdf-reader__header{display:flex;height:4rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-8)}.pdf-reader__header-left,.pdf-reader__header-right{display:flex;flex-grow:1;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.pdf-reader__header-left,.pdf-reader__header-right{flex-basis:calc(100 / 3 * 1%);flex-grow:0}}.pdf-reader__header-right{justify-content:flex-end}.pdf-reader__header-center{display:none;flex-grow:1;justify-content:center;align-items:center;gap:var(--s-space-16)}@media (min-width: 768px){.pdf-reader__header-center{display:flex}}.pdf-reader__label{overflow:hidden;flex-grow:1;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis}.pdf-reader__zoom-button-container{display:flex;align-items:center;gap:var(--s-space-8)}.pdf-reader__zoom-button-container>*:not(:last-child){position:relative}.pdf-reader__zoom-button-container>*:not(:last-child):after{position:absolute;top:50%;right:calc(-1 * var(--s-space-4));width:var(--s-border-width-default);height:1.5rem;background-color:var(--s-border-default);content:"";transform:translate3d(50%, -50%, 0)}.pdf-reader__zoom-select-container{position:relative}.pdf-reader__zoom-select{display:inline-flex;height:2.5rem;padding-right:var(--s-space-12);padding-right:calc(var(--s-space-8) + 1.5rem + var(--s-space-12));padding-left:var(--s-space-12);justify-content:flex-start;align-items:center;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-sm);color:var(--s-interactive-neutral-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pdf-reader__zoom-select:focus:not(:focus-visible){outline:none}.pdf-reader__zoom-select:focus-visible{outline-color:var(--s-focus-default)}.pdf-reader__zoom-select-icon{position:absolute;top:50%;right:var(--s-space-8);display:inline-flex;transform:translateY(-50%);pointer-events:none}.pdf-reader__content{display:flex;width:100%;height:calc(100% - 4rem)}.pdf-reader__thumbnails{display:flex;overflow-x:hidden;overflow-y:auto;max-width:0;height:100%;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);flex-basis:var(--thumbnails-width);flex-grow:0;flex-shrink:0;align-items:center;background-color:var(--s-background-default);flex-direction:column;transition:max-width 0.2s linear;box-shadow:inset calc(-1 * var(--s-border-width-default)) 0 0 0
@@ -89,12 +89,12 @@ const u = `:host{--thumbnails-width:7rem;display:block}:host *{box-sizing:border
       "pdf-reader--hide-menu": !i,
       "pdf-reader--show-thumbnails": this.showThumbnails
     });
-    return e(c, { key: "368039390dc41fd2911fa941ba23ff27d3e7e271" }, e("section", { key: "a8ea865ad4cde13e942e8547fbadd70ce62809de", "aria-hidden": "true", "aria-label": this.label, class: a, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (t) => this.modalEl = t }, e("div", { key: "fcb63b3f3370b62720e81fff5a4a990982f4af5f", class: "pdf-reader__body", role: "document" }, e("header", { key: "26e3974a543622e02e58846d4f001d8d4505fda5", class: "pdf-reader__header" }, e("span", { key: "5ae7c3ff73e5eb24db441fee14b6e96cbd7245af", class: "pdf-reader__header-left" }, e("swirl-button", { key: "d50d30c225bb8c8d742d83815634d2617a8cc145", class: "pdf-reader__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), e("span", { key: "41da148043ded4251f3fee5311e71de3c11493bc", class: "pdf-reader__label" }, this.label)), e("span", { key: "f2536d27118a2a6f792a8553be51eaaad2b90fb0", class: "pdf-reader__header-center" }, e("span", { key: "293a2830e1bb568949627d99a33279eb2bde6233", class: "pdf-reader__zoom-button-container" }, e("swirl-button", { key: "56f877b670c32e10212ad1ef56afa7233601cbe3", class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: !0, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), e("swirl-button", { key: "f7499ce859e4f67520714e38f01e0196202d60a5", class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: !0, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), e("span", { key: "d040bee49f16f91b54704a958680ae6189642851", class: "pdf-reader__zoom-select-container" }, e("select", { key: "82c02b93257e8a62cd1df29304b07e22f511cbfa", "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, e("option", { key: "9ed52659a6d37107e58f5c15d617d2feb809490a", selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((t) => e("option", { key: t, selected: this.zoom === t, value: t }, t * 100, "%"))), e("swirl-icon-expand-more", { key: "30432906cff281c0007843e19e12d80e8805243a", class: "pdf-reader__zoom-select-icon" }))), e("span", { key: "dba363fd215541f1ffac715b7580d344dffec180", class: "pdf-reader__header-right" }, e("swirl-popover-trigger", { key: "9e4c32560a2469243512f5b1df76bb3bfd067c4e", swirlPopover: this.menu }, e("swirl-button", { key: "a2a4d14736ef75027fbc9f07824d42cd8df84671", class: "pdf-reader__menu-button", hideLabel: !0, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), e("span", { key: "681e9bbbf8f2335625da44be9b6245421a03361a", class: "pdf-reader__floating-tools" }, e("button", { key: "8a02bb028f2ee131a0d66d089b22ea3873963712", "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, e("swirl-icon-menu-book", { key: "de4190db205fd88b6bc023b2d6734ad9945c49ef" })), e("button", { key: "28f77937f36650e581b2a8298f5ed69009c4458b", "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, e("swirl-icon-file-copy", { key: "bac1ac5609cc37245e317a910aa9a94451d53ddd" })))), e("div", { key: "7a3a55341046d9fbad3cf912bd3d2142bf8568c2", class: "pdf-reader__content" }, e("nav", { key: "ea3ca11b035fb1dc398d7be197247817a103e0c1", "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && e("swirl-spinner", { key: "e9db0a4faa201e6890ba763589fcf3efb20c7b48" }), !this.loadingThumbnails && this.thumbnails.map((t, o) => {
+    return e(c, { key: "e88e8b86d5d6a6bcb28c5e62a81aeafc34467fa6" }, e("section", { key: "b26561c5c61d74fead667abff2ac1b103f7cf76e", "aria-hidden": "true", "aria-label": this.label, class: a, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (t) => this.modalEl = t }, e("div", { key: "c41a6ee80af42d511df915d97f16d9973f84fa67", class: "pdf-reader__body", role: "document" }, e("header", { key: "3e6180722000c8d2fbf327455229fbd12969345c", class: "pdf-reader__header" }, e("span", { key: "a20149eb971b2244366431b47a48cc5891f44441", class: "pdf-reader__header-left" }, e("swirl-button", { key: "d2c0648653d196ffae772b644a2fa157b8fa774d", class: "pdf-reader__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), e("span", { key: "a0c45eb8e768b6b0aa05d367cbdeef87fd3743f7", class: "pdf-reader__label" }, this.label)), e("span", { key: "93445b16f07e7d210054868bd0ccd53689f421b6", class: "pdf-reader__header-center" }, e("span", { key: "6835907fb25a004d5c21923aa8ea257eeddd9d39", class: "pdf-reader__zoom-button-container" }, e("swirl-button", { key: "0289de3234797b8f53bfa94c599cab70f935768b", class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: !0, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), e("swirl-button", { key: "0af97936b127e04b4d844a70ac89fb64a59cc8c6", class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: !0, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), e("span", { key: "c732f61b8856f6954810456a808dfd18c593b042", class: "pdf-reader__zoom-select-container" }, e("select", { key: "12b3d71a5f96642cd52c720d67944ebc66dae932", "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, e("option", { key: "4146c64670429608d91ca35820c642516a24dfd7", selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((t) => e("option", { key: t, selected: this.zoom === t, value: t }, t * 100, "%"))), e("swirl-icon-expand-more", { key: "f2e9aa628806109804993a4492a9340a56a6bc4a", class: "pdf-reader__zoom-select-icon" }))), e("span", { key: "34bc7216688b1a36bb8beecc24fee5f02063ae08", class: "pdf-reader__header-right" }, e("swirl-popover-trigger", { key: "30e01d410f0d3638ca8dc8439606b0b745067785", swirlPopover: this.menu }, e("swirl-button", { key: "6c77e61182220ff3f4abb631ff57a1d0d59ad195", class: "pdf-reader__menu-button", hideLabel: !0, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), e("span", { key: "554835274cc215832ea4f8b775d793262810b111", class: "pdf-reader__floating-tools" }, e("button", { key: "2bb625edf367522f530631ee1e84464a21dd78cf", "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, e("swirl-icon-menu-book", { key: "0ba569fe48252bed9e7b75120816840ffa5027eb" })), e("button", { key: "04d6c8ae691e3a926f667da954677e2ba6aa1e5d", "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, e("swirl-icon-file-copy", { key: "d104658df6b35671a655d10dcf236bbbf45b7afd" })))), e("div", { key: "cca0fce2012980659d01bffa8c39ac437c648583", class: "pdf-reader__content" }, e("nav", { key: "d6ecf05293c722dcbd4a329bcbc8535a590ea782", "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && e("swirl-spinner", { key: "dcc729a2ed2d4907de434cc643dbe5016224dc34" }), !this.loadingThumbnails && this.thumbnails.map((t, o) => {
       const l = r("pdf-reader__thumbnail", {
         "pdf-reader__thumbnail--active": this.visiblePages[0] === o + 1
       });
       return e("button", { "aria-label": `${this.thumbnailButtonLabel} ${o + 1}`, class: l, onClick: this.onThumbnailClick(o), type: "button" }, e("img", { src: t.toDataURL("image/png"), alt: "" }));
-    })), e("swirl-file-viewer", { key: "15818f96f8beb0bf129cba322657e4f4bc8a027f", active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (t) => this.viewer = t, type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom }), e("div", { key: "e421935bdb95f0ff4384fb53361639d3b834a0b5", class: "pdf-reader__mobile-zoom-controls" }, e("button", { key: "5855e86dffccaed0df0e21758ddab09a77ec4ec2", "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? e("swirl-icon-fullscreen-exit", null) : e("swirl-icon-fullscreen", null)), e("button", { key: "8ddfe0dccd5e5637005d503a109abe523c24e5df", "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, e("swirl-icon-add", { key: "367692fdae99a0f5ae0c2c9f8f66f517cae65bab" })), e("button", { key: "8d6c4904597294ebac17204acb456b96f928ef93", "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, e("swirl-icon-remove", { key: "eb2ae192ba800bd8c719ccdea32d7a600b8a83c2" }))))), e("swirl-popover", { key: "83556abd5e7aaa614481fec72e936b5346f6ddf3", animation: "scale-in-y", disableScrollLock: !0, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (t) => this.menu = t }, e("swirl-stack", { key: "1d240fa59e3b666d79c2a4876ca1bc917e7b5223" }, e("div", { key: "8d4c378a6b38d4385f7e210631c0b3f8ca996517", class: "pdf-reader__meta" }, e("div", { key: "54395a1b014abacc24b0b3728522ffd3db7c79d4", class: "pdf-reader__file-icon" }, e("svg", { key: "c74b5e781c8030b492cd06fd190fce19e0e05a46", fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, e("path", { key: "520317e53ccb77b19e6858b98f1a6cf72cffae8e", d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), e("path", { key: "e57a0ebb117d0c5777b8717021eeae86db66d0f6", d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), e("path", { key: "1959c5bf3814385f7e448ee053852d29a2c92412", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), e("path", { key: "415bd271f276a6d939f97c5a4ddaaebb9b50baad", d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), e("path", { key: "ea42e4832a386bf0608c120f85b02ff4f3c2ccbc", d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), e("path", { key: "f748b8a043e536ed5917a4f28a26b08bfe824630", d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), e("path", { key: "29e1b8a83a46ed5e10a6a2052ebbf109ac7a8f0e", d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), e("path", { key: "67e5d09b4ab32dbdd9eefe09284c2ce7c3645649", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), e("div", { key: "6fee11f9034cc73005a3ef2d00202f59e41357df", class: "pdf-reader__file-info" }, e("swirl-text", { key: "7a8959c6ff660bde4bb1e03e8f5e35ed4fb34668", truncate: !0, weight: "semibold" }, this.label), e("swirl-text", { key: "10f1460954f38bbd00657ccc06667737ce6eca5a", color: "subdued", size: "sm", truncate: !0 }, this.fileTypeLabel))), i && e("swirl-separator", { key: "b8cfa772c5df34c771ddbec88ef9303f64eb6cc8" }), e("swirl-action-list", { key: "51d993d8280b202391870bde2d158a4c48c47b81", class: "pdf-reader__menu" }, this.printButtonEnabled && e("swirl-action-list-item", { key: "f02fe8ed48284fd0e2e54cd048731eb8b62a59d4", class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick }), this.downloadButtonEnabled && e("swirl-action-list-item", { key: "466f8c6868b075628a94925b8490749899317274", class: "pdf-reader__download-button", disabled: this.downloading, icon: this.downloading ? '<swirl-spinner size="xs"></swirl-spinner>' : "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), e("slot", { key: "0546c1a30aa7b82d81e466a96c55d5c5d260585d", name: "menu-items" }))))));
+    })), e("swirl-file-viewer", { key: "f471b44a0151ba0e095d47d94a00228374c16f26", active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (t) => this.viewer = t, type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom }), e("div", { key: "076a6b3f5dd7db08b2fff733fe546612cfe9ffee", class: "pdf-reader__mobile-zoom-controls" }, e("button", { key: "4d0daca80e2b785c60cbe502ac0cac546ea37a44", "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? e("swirl-icon-fullscreen-exit", null) : e("swirl-icon-fullscreen", null)), e("button", { key: "0a7422f8d5b3189d02bad86c1e5209a38d37e32e", "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, e("swirl-icon-add", { key: "0e95d2a5e51b3d15ab548dae61c4a797407bbc9d" })), e("button", { key: "2dd907ce79c47cba02b0c60c4a6af156af7874bb", "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, e("swirl-icon-remove", { key: "edcdd7a8ae8cf35bf5bf4983cf946da6c4ade72a" }))))), e("swirl-popover", { key: "12e3b28b016e8fe482f49ac0d1da5229a1898632", animation: "scale-in-y", disableScrollLock: !0, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (t) => this.menu = t }, e("swirl-stack", { key: "1cb686c336d9e5d74f174498e64e87cb46382622" }, e("div", { key: "715784cf20db45392f0f40c205315ce646d24ad1", class: "pdf-reader__meta" }, e("div", { key: "ba66a73782b3d05950e976ee7f58f6fa6053c5bd", class: "pdf-reader__file-icon" }, e("svg", { key: "5f7f6c1230166a0cb5ed3dfa8ffc8837e7ee480f", fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, e("path", { key: "9f078a267a84e6f2b2b88350bb679ca4248cebe3", d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), e("path", { key: "eb3a1cc3682762c91ac70cf2ada868fc07b55554", d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), e("path", { key: "89c2db5c23ac1f503c7cb27830ee10cc0265755c", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), e("path", { key: "159ba1e2de96cbf8726f44dee820f9cf2d3a8688", d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), e("path", { key: "fd6fac014802d74d7618a1258368982125e23edb", d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), e("path", { key: "b627c31f565559ad971e8632f983206e021ce921", d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), e("path", { key: "21080f5114a9e186adb71af6d4da4e1ba9fcbdf8", d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), e("path", { key: "818cdfdbac2c014a7cfe66bac43686d9115054aa", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), e("div", { key: "43f6342767a3bd92836418779cbacad7113005fe", class: "pdf-reader__file-info" }, e("swirl-text", { key: "1a32c30732b49cef723f89663cc815c0d86a6adb", truncate: !0, weight: "semibold" }, this.label), e("swirl-text", { key: "5a45d56585bc6778b33535664c5e3919e1618e89", color: "subdued", size: "sm", truncate: !0 }, this.fileTypeLabel))), i && e("swirl-separator", { key: "ee77d6380da55f25d4b488b4a3754bb62a4e2dfe" }), e("swirl-action-list", { key: "464de70bc5deb76145119d0c6b4005f50c09e9fa", class: "pdf-reader__menu" }, this.printButtonEnabled && e("swirl-action-list-item", { key: "1d860c8f04d26723bff5a64b3c8dea4bda2709d3", class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick }), this.downloadButtonEnabled && e("swirl-action-list-item", { key: "6988a3430256fd7b5201f7a476d1880c70c8147c", class: "pdf-reader__download-button", disabled: this.downloading, icon: this.downloading ? '<swirl-spinner size="xs"></swirl-spinner>' : "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), e("slot", { key: "7ea4e6626af4627efa4a863f2e8b6caf08746988", name: "menu-items" }))))));
   }
   get el() {
     return f(this);

package/dist/{swirl-popover_2.entry.b190e6eb.js → swirl-popover_2.entry.299fb313.js}

@@ -1,8 +1,8 @@
-import { r as v, c as l, h as n, H as g, g as u } from "./index.0c1d1e6a.js";
+import { r as v, c as l, h as n, H as g, g as u } from "./index.a2b39b28.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";
-import { i as a, b as T, q as d } from "./utils-9b747dd7.4c4c7dc0.js";
+import { i as a, b as T, q as d } from "./utils-c16952ba.529dd544.js";
 import "react";
 import "react-dom";
 const P = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:host *{box-sizing:border-box}.popover--active:not(.popover--closing) .popover__backdrop{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{animation:none}}.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;animation:0.15s popover-fade-scale-in-xy}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--closing .popover__backdrop{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{animation:none}}.popover--closing .popover__content{animation:0.15s popover-slide-out;animation-fill-mode:forwards}@media (min-width: 768px){.popover--closing .popover__content{animation:0.15s popover-fade-out}}@media (prefers-reduced-motion){.popover--closing .popover__content{animation:none}}.popover--inactive .popover__content{display:none}@media (max-width: 767px){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:none}}.popover--fullscreen-bottom-sheet .popover__backdrop{display:none}.popover--fullscreen-bottom-sheet .popover__content{top:0;border-top-left-radius:0;border-top-right-radius:0}.popover--fullscreen-bottom-sheet .popover__scroll-container{height:100%;max-height:none;padding-top:0;padding-bottom:0}.popover--fullscreen-bottom-sheet .popover__handle{display:none}}@media (min-width: 768px){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-scale-in-y}}@media (prefers-reduced-motion){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}}@media (prefers-reduced-motion){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--transparent .popover__content{background-color:transparent;box-shadow:none}}@media (min-width: 768px){.popover--transparent .popover__scroll-container{padding:0}}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-sm);animation:none;box-shadow:var(--s-shadow-level-2)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}", S = P, L = class {
@@ -215,7 +215,7 @@ const B = ".sc-swirl-popover-trigger-h{display:contents}", H = B, O = class {
     return (o = e == null ? void 0 : e.shadowRoot.firstChild) == null ? void 0 : o.classList.contains("popover--active");
   }
   render() {
-    return n(g, { key: "d5abb9f47b708c026426c51ce6e3be8f27586c17", onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, n("slot", { key: "0a83cc1d2026ad21a1ee1f1ef326bcfae3f2da27" }));
+    return n(g, { key: "e772eb71b37f89345b01acb2b21a1b3c7669ba4a", onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, n("slot", { key: "be8fa318d0d288b096ca13bdf28956e839e8ff26" }));
   }
   get el() {
     return u(this);

package/dist/{swirl-progress-indicator.entry.184ccf3e.js → swirl-progress-indicator.entry.72ab4b69.js}

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

package/dist/{swirl-radio-group.entry.b49a491d.js → swirl-radio-group.entry.945947b7.js}

@@ -1,4 +1,4 @@
-import { r as o, c as d, h as i, H as l, g as n } from "./index.0c1d1e6a.js";
+import { r as o, c as d, h as i, H as l, g as n } from "./index.a2b39b28.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 {
@@ -23,7 +23,7 @@ const u = ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-sw
       });
   }
   render() {
-    return i(l, { key: "ba8d79d2833f228338e93f9a6c992c6bed9a4b95", "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, i("div", { key: "532311a8b68db702980f90833d9e32121d4f8732", class: "radio-group" }, i("slot", { key: "171c726dd6cd62841e32ff4a3458424a4a8f0fdc" })));
+    return i(l, { key: "5cd34317e5b82413d4080b2d2950e0b5ddd713fa", "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, i("div", { key: "3c3714923c588d6632ae83919e85a87b935553d2", class: "radio-group" }, i("slot", { key: "6354b0401e30d01a5f2cfccef6d3da143e588a69" })));
   }
   get el() {
     return n(this);

package/dist/{swirl-radio.entry.0ced7404.js → swirl-radio.entry.c9b1b5ed.js}

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

package/dist/{swirl-resource-list-file-item.entry.5b1938fa.js → swirl-resource-list-file-item.entry.4811c5f8.js}

@@ -1,6 +1,6 @@
-import { r as c, c as a, h as e, H as n } from "./index.0c1d1e6a.js";
+import { r as c, c as a, h as e, H as n } from "./index.a2b39b28.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
-import { g as f } from "./utils-9b747dd7.4c4c7dc0.js";
+import { g as f } from "./utils-c16952ba.529dd544.js";
 import "react";
 import "react-dom";
 const m = '.sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swirl-resource-list-file-item-h *.sc-swirl-resource-list-file-item{box-sizing:border-box}.resource-list-file-item.sc-swirl-resource-list-file-item{position:relative;display:flex;width:100%;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);line-height:var(--s-line-height-base);gap:var(--s-space-12)}.resource-list-file-item.sc-swirl-resource-list-file-item:focus{outline:none}.resource-list-file-item.sc-swirl-resource-list-file-item:focus-visible{background-color:var(--s-background-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item.sc-swirl-resource-list-file-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-file-item--has-control.sc-swirl-resource-list-file-item .resource-list-file-item__label-container.sc-swirl-resource-list-file-item{padding-right:calc(var(--s-space-12) + 2.5rem)}.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.5rem;height:1.5rem;color:var(--s-icon-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.25rem;height:1.25rem}}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item{position:relative;display:flex;min-width:0;min-height:2.875rem;flex-grow:1;justify-content:center;flex-direction:column}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-file-item__label.sc-swirl-resource-list-file-item{overflow:hidden;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__description.sc-swirl-resource-list-file-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__error-message.sc-swirl-resource-list-file-item{margin-top:var(--s-space-2)}.resource-list-file-item__remove-button.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-16);display:inline-flex;transform:translateY(-50%)}.resource-list-file-item__spinner.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-24);display:inline-flex;transform:translateY(-50%)}', h = m, u = class {
@@ -26,7 +26,7 @@ const m = '.sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swir
     const i = Boolean(this.errorMessage), s = !i && Boolean(this.description), r = !i && this.loading, t = this.removable && !r, l = d("resource-list-file-item", {
       "resource-list-file-item--has-control": r || t
     });
-    return e(n, { key: "de0f3aff99b56b87a7ab58b7ed24935b193b4542", role: "row" }, e("div", { key: "dadbc521f38ec830443b745f92b0ad9a9884f26d", class: l, part: "resource-list-file-item", role: "gridcell" }, e("span", { key: "88c21cd132223b426bd23a81ca3d4d3c925e2d0e", class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (o) => this.iconEl = o }), e("span", { key: "1d75dbb382eaa262c5b9c731b46f091d0b145332", class: "resource-list-file-item__label-container" }, e("span", { key: "7bb5c47d6f1d4c576ff060a916496f4cff58ba1f", class: "resource-list-file-item__label", id: "label" }, this.label), s && e("span", { key: "4f8be70129c86991450442f4949b57b53450a9db", class: "resource-list-file-item__description" }, this.description), i && e("span", { key: "b519019edac2aad3224aa93d69e88ea9b688262e", "aria-live": "polite", class: "resource-list-file-item__error-message" }, e("swirl-inline-error", { key: "8905cc3115ce1a210a7d2b42081133cd6760de93", message: this.errorMessage, size: "s" }))), r && e("span", { key: "c584af48899bb882b3b1d414a39791e81d77e984", class: "resource-list-file-item__spinner" }, e("swirl-spinner", { key: "639f5f6a4b0b2ccba7c8a6273538e8f9282b1d65", size: "s" })), t && e("span", { key: "cbfd11ac0ebc8343da2b4f96605c6061f4179787", class: "resource-list-file-item__remove-button" }, e("swirl-button", { key: "9dd05b35674b050378f5c9dca22ca3d9df57595a", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))));
+    return e(n, { key: "3c10795e77b48bcb1f76f2cd7b57cb138e8eb768", role: "row" }, e("div", { key: "7f5c9feb9e9059769f7fa722935fc20b29b785c5", class: l, part: "resource-list-file-item", role: "gridcell" }, e("span", { key: "13780eef8d807dcceb2521d0e2e3be3de63a4556", class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (o) => this.iconEl = o }), e("span", { key: "906811a5beae1556cec1f5409f3fff4167ea5a97", class: "resource-list-file-item__label-container" }, e("span", { key: "24b8649344bb31c2cff431b45fdfdea407f14df3", class: "resource-list-file-item__label", id: "label" }, this.label), s && e("span", { key: "e51c2c4511354fb624b28bdb0894b74fabf9dfbe", class: "resource-list-file-item__description" }, this.description), i && e("span", { key: "d28309e8c6465cc6b3cf54fb23797206c71b64d7", "aria-live": "polite", class: "resource-list-file-item__error-message" }, e("swirl-inline-error", { key: "2a25a331151cdc0b3103d5008284088449ed52ca", message: this.errorMessage, size: "s" }))), r && e("span", { key: "32bba8b8a3701392b108f2534da7b4199535d5c0", class: "resource-list-file-item__spinner" }, e("swirl-spinner", { key: "a33e630db7eac6b02711c3c5584d1b1f4732ec8a", size: "s" })), t && e("span", { key: "b4dd6ae8d056517dfd6ffb805db96bd10826d18b", class: "resource-list-file-item__remove-button" }, e("swirl-button", { key: "ca4b510b0610e1d7b69c7df16ea9ec9545dc7e3b", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))));
   }
 };
 u.style = h;

package/dist/{swirl-search.entry.1930f423.js → swirl-search.entry.94b2e7cb.js}

@@ -1,6 +1,6 @@
-import { r as i, c as r, h as a, H as t } from "./index.0c1d1e6a.js";
+import { r as i, c as r, h as a, H as t } from "./index.a2b39b28.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
-import { g as h } from "./utils-9b747dd7.4c4c7dc0.js";
+import { g as h } from "./utils-c16952ba.529dd544.js";
 import "react";
 import "react-dom";
 const n = ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-swirl-search{box-sizing:border-box}.search.sc-swirl-search{position:relative;display:flex;width:100%}.search--variant-outline.sc-swirl-search .search__input.sc-swirl-search{background-color:transparent;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.search--disabled.sc-swirl-search .search__icon.sc-swirl-search{color:var(--s-icon-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::placeholder{color:var(--s-text-disabled)}.search__icon.sc-swirl-search{position:absolute;top:50%;left:var(--s-space-12);display:inline-flex;width:1.5rem;height:1.5rem;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__icon.sc-swirl-search{width:1.25rem;height:1.25rem}}.search__input.sc-swirl-search{width:100%;height:2.5rem;padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-raised-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.search__input.sc-swirl-search:focus:not(:focus-visible){outline:none}.search__input.sc-swirl-search:focus-visible{outline-color:var(--s-focus-default)}.search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::-webkit-search-decoration,.search__input.sc-swirl-search::-webkit-search-cancel-button,.search__input.sc-swirl-search::-webkit-search-results-button,.search__input.sc-swirl-search::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search__input.sc-swirl-search:not(:-moz-placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}.search__input.sc-swirl-search:not(:placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__input.sc-swirl-search{height:2.25rem;padding-left:calc(var(--s-space-8) + 1.5rem + var(--s-space-8));font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.search__clear-button.sc-swirl-search{position:absolute;top:50%;right:var(--s-space-12);display:none;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;transform:translateY(-50%)}", o = n, l = class {

package/dist/{swirl-select.entry.92c69ecd.js → swirl-select.entry.feaef091.js}

@@ -1,6 +1,6 @@
-import { r as u, c as h, h as s, H as f, g as b } from "./index.0c1d1e6a.js";
+import { r as u, c as h, h as s, H as b, g as f } from "./index.a2b39b28.js";
 import { c as w } from "./index-267776a4.6beb4f4b.js";
-import { q as v } from "./utils-9b747dd7.4c4c7dc0.js";
+import { q as v } from "./utils-c16952ba.529dd544.js";
 import "react";
 import "react-dom";
 const m = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-swirl-select{box-sizing:border-box}.select.sc-swirl-select{position:relative;display:flex;width:100%}.select.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:var(--s-space-16)}@media (min-width: 768px){.select.sc-swirl-select .sc-swirl-select::part(popover__scroll-container){padding-top:0}}.select--placement-top-start.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:-2.25rem}.select--multi.sc-swirl-select .select__input.sc-swirl-select{position:absolute;width:100%;height:100%;pointer-events:none;opacity:0}.select--multi.sc-swirl-select .select__multi-select-values.sc-swirl-select{display:flex}.select--disabled.sc-swirl-select .select__input.sc-swirl-select{color:var(--s-text-disabled)}.select--disabled.sc-swirl-select .select__indicator.sc-swirl-select{color:var(--s-icon-disabled)}.select--inline.sc-swirl-select .select__indicator.sc-swirl-select{transform:translateY(-50%)}.select--search-loading.sc-swirl-select .select__search-input.sc-swirl-select{padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}.select__input.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.25rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__input.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__multi-select-values.sc-swirl-select{display:none;overflow:hidden;width:100%;min-height:1.25rem;padding-right:calc(1.5rem + var(--s-space-8));flex-wrap:wrap;gap:var(--s-space-8)}.select__multi-select-values.sc-swirl-select .sc-swirl-select::part(tag){height:1.25rem;padding:0 var(--s-space-4)}.select__indicator.sc-swirl-select{position:absolute;top:50%;right:0;display:inline-flex;color:var(--s-icon-default);transform:translateY(calc(-50% - var(--s-space-8)))}.select__search.sc-swirl-select{position:relative;display:flex;width:100%;padding:0.0625rem var(--s-space-8);border-bottom:0.0625rem solid var(--s-border-default);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.select__search.sc-swirl-select{position:sticky;z-index:1;top:0;padding-top:var(--s-space-8);padding-right:0.0625rem;padding-left:0.0625rem}}.select__search-icon.sc-swirl-select{position:absolute;top:50%;left:calc(var(--s-space-8) * 2);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 768px){.select__search-icon.sc-swirl-select{left:var(--s-space-12);margin-top:var(--s-space-4);padding:0.0625rem}}.select__search-input.sc-swirl-select{width:100%;height:2.5rem;padding-right:var(--s-space-12);padding-left:calc(var(--s-space-12) + 1.25rem + var(--s-space-8));align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.select__search-input.sc-swirl-select:focus:not(:focus-visible){outline:none}.select__search-input.sc-swirl-select:focus-visible{outline-color:var(--s-focus-default)}.select__search-input.sc-swirl-select::-moz-placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::-webkit-search-decoration,.select__search-input.sc-swirl-select::-webkit-search-cancel-button,.select__search-input.sc-swirl-select::-webkit-search-results-button,.select__search-input.sc-swirl-select::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__search-input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__search-spinner.sc-swirl-select{position:absolute;top:50%;right:var(--s-space-12);display:inline-flex;transform:translateY(-50%)}@media (min-width: 768px){.select__search-spinner.sc-swirl-select{margin-top:var(--s-space-4)}}.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) 0}.select__empty-list-label.sc-swirl-select:not(:only-child){display:none}@media (min-width: 768px){.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) var(--s-space-8)}}", _ = m, g = class {
@@ -62,15 +62,15 @@ const m = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-s
       "select--multi": this.multiSelect,
       "select--search-loading": this.searchLoading
     });
-    return s(f, { key: "57230c1df8478986df2fddc209a2468025c0a546", onKeyDown: this.onKeyDown }, s("div", { key: "32e98b9a03a540d0104bd4c464b85bfa19b31e88", class: d }, s("swirl-popover-trigger", { key: "3fb8369994a69bfd865c26b91721bf501412f553", swirlPopover: this.swirlPopover, setAriaAttributes: !1 }, s("input", { key: "d02223026d89d06a9288c11cc95efc50567ed893", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": t, class: "select__input", disabled: this.disabled, readOnly: !0, ref: (e) => this.input = e, type: "text", value: l })), s("span", { key: "53d62fe2b58b0e0bbbf359c50b6d7a3b2d99d9c1", class: "select__multi-select-values" }, (o = (n = this.value) == null ? void 0 : n.map((e) => this.options.find((c) => c.value === e))) == null ? void 0 : o.map((e) => s("swirl-tag", {
+    return s(b, { key: "77894b878a9e1d0e4083bcf7b7ce99c445153893", onKeyDown: this.onKeyDown }, s("div", { key: "17bbf2778cc63f29a1c993ce9ab0e0fdb40e6424", class: d }, s("swirl-popover-trigger", { key: "10b231dbfe0f64170741d1c9b376eb56133489a5", swirlPopover: this.swirlPopover, setAriaAttributes: !1 }, s("input", { key: "6296b5fa953b2785b97de2ec79f92be8d9495a61", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": t, class: "select__input", disabled: this.disabled, readOnly: !0, ref: (e) => this.input = e, type: "text", value: l })), s("span", { key: "e8b2a03b29511ea55e2c8a2d070ddf950f02e2f2", class: "select__multi-select-values" }, (o = (n = this.value) == null ? void 0 : n.map((e) => this.options.find((c) => c.value === e))) == null ? void 0 : o.map((e) => s("swirl-tag", {
       "aria-hidden": "true",
       label: e == null ? void 0 : e.label,
       onRemove: () => this.unselectOption(e == null ? void 0 : e.value),
       removable: !this.disabled && this.allowDeselect
-    }))), s("span", { key: "b3bf5833095933b8282704549af4a328e7d5d927", class: "select__indicator" }, this.open ? s("swirl-icon-expand-less", null) : s("swirl-icon-expand-more", null)), s("swirl-popover", { key: "95f74f988896a38eecc57fd8c748f0b62ee9a2fb", animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: [0, a], onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (e) => this.swirlPopover = e, useContainerWidth: "swirl-form-control" }, this.withSearch && s("div", { key: "22b1300084753ff79768669983f3cf16ce354599", class: "select__search" }, s("swirl-icon-search", { key: "5f9224f371bdb5e6b85d34e143669b1e8f312961", class: "select__search-icon", size: 20 }), s("input", { key: "1b7df58c3fed46cef63ce0c7fa22c21dfc9dfb4c", "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (e) => this.searchInput = e, type: "search" }), this.searchLoading && s("swirl-spinner", { key: "e05b2c6c2b306ce1451754e56f4a4b2af21add24", class: "select__search-spinner", size: "s" })), s("swirl-option-list", { key: "9148ae7598c8fddbbe1ea83ff3c2c182c75c288e", allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (e) => this.optionList = e, value: this.value }, !this.searchLoading && s("div", { key: "af1e29f1409acac100fe0f2cd601ccd9f5aa91c6", "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, s("swirl-text", { key: "7e1e8b6a38c1477d5c98ace9529baaf4295f25d3", color: "subdued", weight: "medium" }, this.emptyListLabel)), s("slot", { key: "4bf8b0d8de608ff9a949e3ff948d118209a2dad7", onSlotchange: this.onSlotChange })))));
+    }))), s("span", { key: "60e1816db4bc49eeed6d91e2b7b4109978ce64b4", class: "select__indicator" }, this.open ? s("swirl-icon-expand-less", null) : s("swirl-icon-expand-more", null)), s("swirl-popover", { key: "f9676a81d852796011f184f69ed1ad5d6ac1dc08", animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: [0, a], onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (e) => this.swirlPopover = e, useContainerWidth: "swirl-form-control" }, this.withSearch && s("div", { key: "06785d0ce3f3edd3ee619a8dc8f0fa7c56cd9f9a", class: "select__search" }, s("swirl-icon-search", { key: "e1bc4f4066568c13826882a7c3b1458eff0e795a", class: "select__search-icon", size: 20 }), s("input", { key: "508aa603f4175bbd757b1760030e4ff3165891b6", "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (e) => this.searchInput = e, type: "search" }), this.searchLoading && s("swirl-spinner", { key: "e198ede812449c90456c2e33992ff549eb00615f", class: "select__search-spinner", size: "s" })), s("swirl-option-list", { key: "4fdb1923ac80b9dcb18a82b5ba43841a3dee5b33", allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (e) => this.optionList = e, value: this.value }, !this.searchLoading && s("div", { key: "942a2f318e762d4ebd07eecb9b81f2a3a03f9001", "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, s("swirl-text", { key: "d6770311ca81f3d93ad03a496315ee97caec14fb", color: "subdued", weight: "medium" }, this.emptyListLabel)), s("slot", { key: "c95fe644c426994d58913e04ecb6dd9ba0100761", onSlotchange: this.onSlotChange })))));
   }
   get el() {
-    return b(this);
+    return f(this);
   }
 };
 g.style = _;

package/dist/swirl-shell-layout.entry.46391755.js

@@ -0,0 +1,127 @@
+import { r as y, c as i, h as e, H as u, g as b } from "./index.a2b39b28.js";
+import { c as v } from "./index-267776a4.6beb4f4b.js";
+import { c as g } from "./focus-trap.esm-49c9613c.db20abcc.js";
+import { e as s } from "./utils-c16952ba.529dd544.js";
+import "react";
+import "react-dom";
+const w = `.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--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 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}}`, f = w, t = "SWIRL_SHELL_SECONDARY_NAVIGATION_COLLAPSE_STATE", o = "SWIRL_SHELL_SECONDARY_NAVIGATION_VIEW_STATE", r = "SWIRL_SHELL_NAVIGATION_COLLAPSE_STATE", d = "SWIRL_SHELL_SIDEBAR_STATE", p = class {
+  constructor(a) {
+    y(this, a), this.sidebarToggleClick = i(this, "sidebarToggleClick", 7), this.skipLinkClick = i(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 = (l) => {
+      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));
+    }, this.onNavigationToggleClick = () => {
+      this.navigationCollapsed = !this.navigationCollapsed;
+    }, this.onNavigationClick = () => {
+      this.hideMobileNavigation();
+    }, 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.mobileNavigationActive = void 0, this.navigationCollapsed = void 0, this.secondaryNavCollapsed = void 0, this.secondaryNavView = "list", this.isDesktopViewport = !0;
+  }
+  componentWillLoad() {
+    this.isDesktopViewport = s(), this.collectNavItems();
+    const a = localStorage.getItem(d) === "true";
+    this.sidebarActive = this.sidebarActive === void 0 ? a : this.sidebarActive;
+    const l = localStorage.getItem(r) === "true";
+    this.navigationCollapsed = l, this.restoreSecondaryNavState();
+  }
+  componentDidLoad() {
+    this.focusTrap = g(this.navElement, {
+      allowOutsideClick: !0,
+      tabbableOptions: {
+        getShadowRoot: (a) => a.shadowRoot
+      }
+    }), this.collectNavItems(), this.navMutationObserver = new MutationObserver(() => {
+      this.collectNavItems(), this.setSecondaryNavItemsTiled();
+    }), this.navMutationObserver.observe(this.navElement, {
+      childList: !0,
+      subtree: !0
+    });
+  }
+  componentDidRender() {
+    var a;
+    (a = this.focusTrap) == null || a.updateContainerElements(this.navElement);
+  }
+  disconnectedCallback() {
+    var a, l;
+    (a = this.focusTrap) == null || a.deactivate(), (l = this.navMutationObserver) == null || l.disconnect();
+  }
+  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(r, String(this.navigationCollapsed)), this.toggleNavItemLabels();
+  }
+  watchSidebarActive() {
+    localStorage.setItem(d, String(this.sidebarActive));
+  }
+  onWindowResize() {
+    this.isDesktopViewport !== s() && (this.isDesktopViewport = s(), this.collectNavItems());
+  }
+  async showMobileNavigation() {
+    this.mobileNavigationActive = !0, this.collectNavItems();
+  }
+  async hideMobileNavigation() {
+    this.mobileNavigationActive = !1, this.toggleNavItemLabels();
+  }
+  toggleNavItemLabels() {
+    [...this.secondaryNavItems, ...this.mainNavItems].forEach((a) => {
+      a.hideLabel = this.navigationCollapsed && this.isDesktopViewport;
+    });
+  }
+  setSecondaryNavItemsTiled() {
+    this.secondaryNavItems.forEach((a) => {
+      a.tiled = this.enableSecondaryNavGridLayout && (this.secondaryNavView === "grid" || this.navigationCollapsed && this.isDesktopViewport);
+    });
+  }
+  restoreSecondaryNavState() {
+    if (this.enableSecondaryNavGridLayout) {
+      const a = localStorage.getItem(t) === "true";
+      this.secondaryNavCollapsed = a;
+      const l = localStorage.getItem(o);
+      this.secondaryNavView = l;
+    }
+  }
+  render() {
+    const a = this.sidebarToggleBadge !== !0 && this.sidebarToggleBadge !== "true", l = this.navigationCollapsed && this.isDesktopViewport, n = Boolean(this.el.querySelector("[slot='secondary-nav']")), c = v("shell-layout", {
+      "shell-layout--branded-header": this.brandedHeader,
+      "shell-layout--secondary-nav-collapsed": this.secondaryNavCollapsed,
+      "shell-layout--has-secondary-nav": n,
+      "shell-layout--mobile-navigation-active": this.mobileNavigationActive,
+      "shell-layout--navigation-collapsed": l,
+      "shell-layout--sidebar-active": this.sidebarActive
+    });
+    return e(u, { key: "741b1dd6f76dd394b0e63647a154e564d3950857" }, e("div", { key: "ca1d92442771c9ec7e067e38463371e9ce80ff2c", class: c }, e("header", { key: "d3ed56a8ae6f5f4e8cebd0c2a7240bb6d8eefe3d", class: "shell-layout__header", "data-tauri-drag-region": "true" }, e("button", { key: "1e767493f4ee5e4d47a235e8b301d8b95b8f09b5", class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), e("div", { key: "1eb0f27fcc2aac54c28f4df813c83302c194d704", class: "shell-layout__header-left" }, e("swirl-tooltip", { key: "3a329fa069d40535722262227f0ae7f524fb4fec", content: this.navigationCollapsed ? this.expandNavigationButtonLabel : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, e("button", { key: "8689e3973a42cf3a42d2774ab6d100de1b3056c4", 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: "81224bcc4a37ba22fe5a5208d04ec50f832431ac" }, this.navigationCollapsed ? this.expandNavigationButtonLabel : this.collapseNavigationButtonLabel))), e("a", { key: "4e8cefdbe0d27c4d10cb891d9f6bf35cb80ee72a", class: "shell-layout__header-tool", href: "javascript:history.back()" }, e("swirl-icon-arrow-back", { key: "85af70dabb25c05ca3d865426e273285834c18d3", size: 20 }), e("swirl-visually-hidden", { key: "06823dcc80b9a526ceeea818e8396529d6ae6800" }, this.browserBackButtonLabel)), e("a", { key: "7df73260c9e90b645bb835ba7b977e19623af133", class: "shell-layout__header-tool", href: "javascript:history.forward()" }, e("swirl-icon-arrow-forward", { key: "80b493c6b4588337aad075476a55c93b782f8995", size: 20 }), e("swirl-visually-hidden", { key: "bd8e8eb4f391b45084b1246581246612c34d9cbc" }, this.browserForwardButtonLabel)), e("slot", { key: "2e6cb3d89c26f973ecfae2e63db35a80f4d0ab7e", name: "left-header-tools" })), e("div", { key: "af9449d0a61f4dc0bf47f04ea40f874581566330", class: "shell-layout__logo" }, e("slot", { key: "b30639c4c034527671aeffed4fd8e51da9dfbe01", name: "logo" })), e("div", { key: "b73c2be26ded019d7989d6e29340124bab71857e", class: "shell-layout__header-right" }, e("slot", { key: "b9998e3f07fbcaf782cdc5b886375391929a184f", name: "right-header-tools" }), e("button", { key: "ae78b51c3587c3b3f6b9293332f86416b2ef8b60", class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, e("swirl-icon", { key: "dc467e1a556ca4b5c41a53e63817cccb944c2190", glyph: this.sidebarToggleIcon, size: 20 }), e("swirl-visually-hidden", { key: "928e4e5208e3fff63d3eeaab606edfaf8bcb1e9a" }, this.sidebarToggleLabel), this.sidebarToggleBadge && e("swirl-badge", { key: "7eb84d82bea2358fceda5d372ece49ca24bb58d2", "aria-label": this.sidebarToggleBadgeAriaLabel, label: a ? String(this.sidebarToggleBadge) : this.sidebarToggleBadgeAriaLabel, size: "xs", variant: a ? "default" : "dot" })), e("slot", { key: "a2881f7f8b256acc191e9908f7fe958fae31fce1", name: "avatar" }))), e("div", { key: "f0cb5332e8fbc3b72258bec015351f858a6119e0", class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), e("nav", { key: "ed1cbf93335bcbe75a9a5e62a787b1e91a76f778", "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (h) => this.navElement = h }, e("div", { key: "04d2a1183f37c599d1c5e09769dca4b4077e0dec", class: "shell-layout__mobile-header" }, e("slot", { key: "156e29696a534bcad2d047b5c9828d22b81bf970", name: "mobile-logo" }), e("div", { key: "f94d6461bf74794350f17c2277c1f121f7b106be", class: "shell-layout__mobile-header-tools" }, e("slot", { key: "d4c7f728109df1c13fad6723d4ec43b5bd827baa", name: "mobile-header-tools" }), e("button", { key: "62da06194416f7220e22f8c7143ce1e991407de8", class: "shell-layout__header-tool", type: "button" }, e("swirl-icon-double-arrow-left", { key: "d5edf0f9ab26310f775dacf5a4f46bf7a3274a8e", size: 20 }), e("swirl-visually-hidden", { key: "049c65a8e4612fd1aa0ed23eca62971e58268a4e" }, this.hideMobileNavigationButtonLabel)))), e("div", { key: "40284e2de583f3cd7b34915e5e3e57848fab9d5a", class: "shell-layout__nav-body" }, e("swirl-visually-hidden", { key: "6c553d7da0da19ed57c02134fae31786ab6695d0" }, e("span", { key: "693417cfeb73bc843146c5eaf33ef8bea94f1507", id: "main-navigation-label" }, this.navigationLabel)), e("slot", { key: "9daa308d3db9671e9f79488b12c943b09d4f85b2", name: "nav", onSlotchange: this.collectNavItems }), e("div", { key: "760a5fe0301714342ffe773d30c0613a08620788", class: "shell-layout__secondary-nav" }, e("swirl-separator", { key: "7a1c9ec69bf0f424efc200da3d50c9f90aea0381", borderColor: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && e("swirl-box", { key: "6b7a0e2c49486333beda5405b54694e36d0e30f7", paddingBlockEnd: "16" }, e("swirl-stack", { key: "6588258da2beca19eab6088a08629ac0b7edfe6d", justify: l ? "center" : "space-between", orientation: "horizontal" }, e("swirl-button", { key: "ff97b09c39ba7f44ae5ff4fd259bbe6cfb561c08", hideLabel: l, 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" }), !l && !this.secondaryNavCollapsed && e("swirl-button", { key: "a0a7d30ebdd76a3e05c8f7e307fafe044c5fd5f3", 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: "1d1e3be1cd9fc6aafd6001257972db5174ba448c", class: {
+      "shell-layout__secondary-nav-items": !0,
+      "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout && (this.secondaryNavView === "grid" || l)
+    } }, e("slot", { key: "0b28493bf395aa0f99a662eebd31094db4160989", name: "secondary-nav", onSlotchange: this.collectNavItems }))))), e("main", { key: "8b71a5f5ab5fa5b5f5a3e62ff6442a6cbaec1886", class: "shell-layout__main", id: "main-content" }, e("slot", { key: "4b261e952cc51dbe1e23679bf98ef0c2c487a299" })), e("aside", { key: "0a13dabd2aa73b9fa5b1a2afbf0a458ea1e3ce39", class: "shell-layout__sidebar", inert: this.sidebarActive ? void 0 : !0 }, e("div", { key: "916bf39605da2355a108b0ba020599376d5acfca", class: "shell-layout__sidebar-body" }, e("div", { key: "011e804858a1d499c4e2e32f6029b76000c9ddf8", class: "shell-layout__sidebar-app-bar" }, e("slot", { key: "6631c3f5cd11bf1091d762c3281bc665a078f51d", name: "sidebar-app-bar" })), e("div", { key: "c045253422fe316e20e4f17f4de35dd7d58da622", class: "shell-layout__sidebar-content" }, e("slot", { key: "77dfb47360ce6eae08e5c0912ecb65fdf881fb26", name: "sidebar" }))))));
+  }
+  get el() {
+    return b(this);
+  }
+  static get watchers() {
+    return {
+      enableSecondaryNavGridLayout: ["watchEnableSecondaryNavGridLayout"],
+      mobileNavigationActive: ["watchMobileNavigationState"],
+      navigationCollapsed: ["watchNavigationCollapsed"],
+      sidebarActive: ["watchSidebarActive"]
+    };
+  }
+};
+p.style = f;
+export {
+  p as swirl_shell_layout
+};

package/dist/{swirl-shell-navigation-item.entry.2c0cf62a.js → swirl-shell-navigation-item.entry.efde51b4.js}

@@ -1,4 +1,4 @@
-import { r as l, h as n, H as s, g as o } from "./index.0c1d1e6a.js";
+import { r as l, h as n, H as s, g as o } from "./index.a2b39b28.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -135,6 +135,14 @@ const r = `/**
     background-color: var(--s-surface-sunken-hovered);
   }
 
+.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__icon {
+      color: var(--s-icon-highlight);
+    }
+
+.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__label {
+      color: var(--s-text-highlight);
+    }
+
 .shell-navigation-item.shell-navigation-item--active .shell-navigation-item__badge {
       --swirl-badge-border-color: var(--s-surface-sunken-hovered);
     }
@@ -218,7 +226,7 @@ const r = `/**
       "shell-navigation-item--boxed": this.boxed,
       "shell-navigation-item--tiled": this.tiled
     }), i = Boolean(this.href), t = i ? "a" : "button";
-    return n(s, { key: "f83325a431ec27e5cbff5fdd49a5f54ff2b9ca92" }, n("swirl-tooltip", { key: "e56f189ff3bbe92402bffcd04cd3ff785efab78c", active: this.hideLabel, content: this.label, delay: 200, position: "right", positioning: "fixed" }, n(t, { key: "44db155969a2281813131ce10121779b8aa650ba", class: e, href: this.href, target: this.target, type: i ? void 0 : "button" }, n("span", { key: "802b8a0391fd8c9de6fc1db9ecec810d80c2ced0", class: "shell-navigation-item__icon" }, n("slot", { key: "d2a671007683fdb1708e77293de72773c2885c20", name: "icon" })), this.hideLabel ? n("swirl-visually-hidden", null, n("span", { class: "shell-navigation-item__label" }, this.label)) : n("span", { class: "shell-navigation-item__label" }, this.label), this.badgeLabel !== void 0 && this.badgeLabel !== null && n("swirl-badge", { key: "b0534d71f2045b0253e05f91cf7a96a4b3403457", "aria-label": this.badgeLabel, class: a("shell-navigation-item__badge", {
+    return n(s, { key: "82a90c5140f363e242e47dba35cfbea27647328f" }, n("swirl-tooltip", { key: "45a7bb3c737490195899d63c0d184017d7fedff0", active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, n(t, { key: "f0e60832d3e34974e6a2a34259e216cff4f2d992", class: e, href: this.href, target: this.target, type: i ? void 0 : "button" }, n("span", { key: "b4f478010058bcdda6800cac98d06e715bee8081", class: "shell-navigation-item__icon" }, n("slot", { key: "e9a9b8a9cfd4eaa9b1b847df2e53a677e062da37", name: "icon" })), this.hideLabel ? n("swirl-visually-hidden", null, n("span", { class: "shell-navigation-item__label" }, this.label)) : n("span", { class: "shell-navigation-item__label" }, this.label), this.badgeLabel !== void 0 && this.badgeLabel !== null && n("swirl-badge", { key: "2beb6d4e26af287b191e3e857d37de7235d612ca", "aria-label": this.badgeLabel, class: a("shell-navigation-item__badge", {
       "shell-navigation-item__badge--dot": this.badgeLabel === ""
     }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" }))));
   }

package/dist/{swirl-skeleton-box.entry.5acf8a0b.js → swirl-skeleton-box.entry.c219cd4b.js}

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

package/dist/{swirl-skeleton-text.entry.c96710f6.js → swirl-skeleton-text.entry.d6149266.js}

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

package/dist/{swirl-stack.entry.142e0655.js → swirl-stack.entry.5b980842.js}

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

package/dist/{swirl-status-indicator.entry.18556e89.js → swirl-status-indicator.entry.a4eb198b.js}

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

package/dist/{swirl-switch.entry.18189332.js → swirl-switch.entry.4637ce56.js}

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

package/dist/{swirl-symbol-account-circle.entry.a9d0af9d.js → swirl-symbol-account-circle.entry.850995e6.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as c } from "./index.0c1d1e6a.js";
+import { r as t, h as e, F as c } from "./index.a2b39b28.js";
 import { c as C } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -8,7 +8,7 @@ const l = ":host{display:inline-flex}", o = l, r = class {
   }
   render() {
     const s = this.size === 20 ? 24 : this.size, i = C("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return e("svg", { key: "ac2415a0689862e1d4d28e763710d31bdc399113", class: i, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, e(c, { key: "a04320cfcb523098f9de19bdb4aa712e6140da44" }, e("path", { key: "c6fa5d1e453fa5740231c08c692cee9066624e48", d: "M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM12 5C12.5933 5 13.1734 5.17595 13.6667 5.50559C14.1601 5.83524 14.5446 6.30377 14.7716 6.85195C14.9987 7.40013 15.0581 8.00333 14.9424 8.58527C14.8266 9.16721 14.5409 9.70176 14.1213 10.1213C13.7018 10.5409 13.1672 10.8266 12.5853 10.9424C12.0033 11.0581 11.4001 10.9987 10.852 10.7716C10.3038 10.5446 9.83524 10.1601 9.5056 9.66671C9.17595 9.17336 9 8.59334 9 8C9 7.20435 9.31607 6.44129 9.87868 5.87868C10.4413 5.31607 11.2044 5 12 5ZM12 19.2C10.8119 19.2 9.64219 18.906 8.59528 18.3441C7.54838 17.7823 6.65678 16.9701 6 15.98C6.03 13.99 10 12.9 12 12.9C14 12.9 17.97 13.99 18 15.98C17.3432 16.9701 16.4516 17.7823 15.4047 18.3441C14.3578 18.906 13.1881 19.2 12 19.2Z", fill: "currentColor" })));
+    return e("svg", { key: "30c6ac3034d6e2f937036ca8c67fe0e2fa5c3b05", class: i, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, e(c, { key: "246efb4cb0888f69fe8eeadc249d65d0848d8447" }, e("path", { key: "fe69863718b813e68058d42771c4ee9c67c3a921", d: "M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM12 5C12.5933 5 13.1734 5.17595 13.6667 5.50559C14.1601 5.83524 14.5446 6.30377 14.7716 6.85195C14.9987 7.40013 15.0581 8.00333 14.9424 8.58527C14.8266 9.16721 14.5409 9.70176 14.1213 10.1213C13.7018 10.5409 13.1672 10.8266 12.5853 10.9424C12.0033 11.0581 11.4001 10.9987 10.852 10.7716C10.3038 10.5446 9.83524 10.1601 9.5056 9.66671C9.17595 9.17336 9 8.59334 9 8C9 7.20435 9.31607 6.44129 9.87868 5.87868C10.4413 5.31607 11.2044 5 12 5ZM12 19.2C10.8119 19.2 9.64219 18.906 8.59528 18.3441C7.54838 17.7823 6.65678 16.9701 6 15.98C6.03 13.99 10 12.9 12 12.9C14 12.9 17.97 13.99 18 15.98C17.3432 16.9701 16.4516 17.7823 15.4047 18.3441C14.3578 18.906 13.1881 19.2 12 19.2Z", fill: "currentColor" })));
   }
 };
 r.style = o;