@getflip/swirl-components-react 0.188.0 → 0.190.0

package/dist/{swirl-select.entry.7cd4e7b7.js → swirl-select.entry.962867a8.js}

@@ -1,9 +1,9 @@
-import { r as u, c as h, h as s, H as w, g as v } from "./index.a7979ae0.js";
-import { c as m } from "./index-d280dafb.186cdb0e.js";
-import { q as _ } from "./utils-c5f2f98f.af14538a.js";
+import { r as u, c as h, h as s, H as b, g as f } from "./index.d90adc50.js";
+import { c as w } from "./index-267776a4.6beb4f4b.js";
+import { q as v } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";
-const f = ".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)}}", g = class {
+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 {
   constructor(l) {
     u(this, l), this.searchChange = h(this, "searchChange", 7), this.valueChange = h(this, "valueChange", 7), this.select = (t) => {
       this.value = t.detail, this.valueChange.emit(this.value), this.multiSelect || this.popover.close();
@@ -49,31 +49,31 @@ const f = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-s
     });
   }
   updateOptions() {
-    this.options = _(this.el, "swirl-option-list-item");
+    this.options = v(this.el, "swirl-option-list-item");
   }
   render() {
     var r, n, o;
     const l = Boolean(this.value) ? (r = this.value) == null ? void 0 : r.map((e) => {
       var c;
       return (c = this.options.find((p) => p.value === e)) == null ? void 0 : c.label;
-    }).join(", ") : "", t = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = this.el.closest("swirl-form-control"), a = (i == null ? void 0 : i.inline) || (i == null ? void 0 : i.labelPosition) === "outside" ? -12 : -16, d = m("select", `select--placement-${this.placement}`, {
+    }).join(", ") : "", t = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = this.el.closest("swirl-form-control"), a = (i == null ? void 0 : i.inline) || (i == null ? void 0 : i.labelPosition) === "outside" ? -12 : -16, d = w("select", `select--placement-${this.placement}`, {
       "select--disabled": this.disabled,
       "select--inline": this.inline,
       "select--multi": this.multiSelect,
       "select--search-loading": this.searchLoading
     });
-    return s(w, { onKeyDown: this.onKeyDown }, s("div", { class: d }, s("swirl-popover-trigger", { swirlPopover: this.popover, setAriaAttributes: !1 }, s("input", { "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", { 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: "41d82573ca06e66d89a0d2980b7042adbf213e33", onKeyDown: this.onKeyDown }, s("div", { key: "01b5db6161eb8d66fcae1b1eb4dfd7ed21555fb0", class: d }, s("swirl-popover-trigger", { key: "a68b6db9d65cb4a9d3a80946ead47795610c63f0", swirlPopover: this.popover, setAriaAttributes: !1 }, s("input", { key: "778f8807926cc63bf55cca2025a47010d07aeed7", "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: "8a8e2ef10a9a3e2f238fb93bd8bf3d87d365cba7", 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", { class: "select__indicator" }, this.open ? s("swirl-icon-expand-less", null) : s("swirl-icon-expand-more", null)), s("swirl-popover", { 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.popover = e, useContainerWidth: "swirl-form-control" }, this.withSearch && s("div", { class: "select__search" }, s("swirl-icon-search", { class: "select__search-icon", size: 20 }), s("input", { "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", { class: "select__search-spinner", size: "s" })), s("swirl-option-list", { allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (e) => this.optionList = e, value: this.value }, !this.searchLoading && s("div", { "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, s("swirl-text", { color: "subdued", weight: "medium" }, this.emptyListLabel)), s("slot", { onSlotchange: this.onSlotChange })))));
+    }))), s("span", { key: "36ee4a747eeb8bef31579f7925e7328eda246406", class: "select__indicator" }, this.open ? s("swirl-icon-expand-less", null) : s("swirl-icon-expand-more", null)), s("swirl-popover", { key: "e5e63bd1236440a8978aa46a28e65b8dcd500582", 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.popover = e, useContainerWidth: "swirl-form-control" }, this.withSearch && s("div", { key: "1b1bbd0b82fc350756fcbcca6523d3ca3b7ea9c7", class: "select__search" }, s("swirl-icon-search", { key: "e462a2ae5668c858985954b3c482965152acccb3", class: "select__search-icon", size: 20 }), s("input", { key: "98e746ce9c4bb7d2c43deea87fc50b4dc759860f", "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: "0ec0ec532750442b0bd473536632ea547250c2a2", class: "select__search-spinner", size: "s" })), s("swirl-option-list", { key: "36bbcfa53d173e815815daefe3afe3adc357e775", allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (e) => this.optionList = e, value: this.value }, !this.searchLoading && s("div", { key: "9855b58ca0fe26c1f1dc3140a22314c9fb760a50", "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, s("swirl-text", { key: "e47236923106e6be2aaf6fcfba730540ae0c65e2", color: "subdued", weight: "medium" }, this.emptyListLabel)), s("slot", { key: "7b56d142373051f32756d534fd1cc564b9278a9f", onSlotchange: this.onSlotChange })))));
   }
   get el() {
-    return v(this);
+    return f(this);
   }
 };
-g.style = f;
+g.style = _;
 export {
   g as swirl_select
 };

package/dist/{swirl-shell-layout.entry.06a63cc2.js → swirl-shell-layout.entry.208151c0.js}

@@ -1,5 +1,5 @@
-import { r, c as s, h as l, H as n } from "./index.a7979ae0.js";
-import { c as d } from "./index-d280dafb.186cdb0e.js";
+import { r, c as s, h as e, H as d } from "./index.d90adc50.js";
+import { c as n } from "./index-267776a4.6beb4f4b.js";
 import { c as h } from "./focus-trap.esm-49c9613c.db20abcc.js";
 import "react";
 import "react-dom";
@@ -8,9 +8,9 @@ const c = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sun
           --swirl-shell-sidebar-width
         )}}@media (min-width: 1440px){.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__main.sc-swirl-shell-layout{width:100%}}.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__sidebar.sc-swirl-shell-layout{overflow:initial}@media (min-width: 992px){.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__sidebar-body.sc-swirl-shell-layout{border:0.0625rem solid var(--s-border-default);transform:translate3d(0, 0, 0)}}@media (min-width: 1440px){.shell-layout--sidebar-active.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-extended-nav-width) 1fr var(
         --swirl-shell-sidebar-width
-      )}}.sc-swirl-shell-layout:not(.shell-layout--sidebar-active) .shell-layout__sidebar.sc-swirl-shell-layout{animation:shell-layout-no-overflow-after-transition 0.2s;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__header.sc-swirl-shell-layout{position:relative;display:none;width:calc(100% + var(--s-space-8));padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:0.0625rem solid var(--s-border-default);color:var(--swirl-shell-text-color);grid-area:header}@media (min-width: 992px){.shell-layout__header.sc-swirl-shell-layout{display:flex}}.shell-layout__skip-link.sc-swirl-shell-layout{position:absolute;z-index:9;top:0;left:0;padding:var(--s-space-4);border:none;color:var(--swirl-shell-text-color);background-color:var(--swirl-shell-background);font:inherit;cursor:pointer}.shell-layout__skip-link.sc-swirl-shell-layout:not(:focus):not(:active){position:absolute;overflow:hidden;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.shell-layout__header-left.sc-swirl-shell-layout{display:flex;padding-left:var(--s-space-2);flex-basis:8rem;flex-shrink:0;align-items:center;gap:var(--s-space-8)}.shell-layout__header-right.sc-swirl-shell-layout{--swirl-ghost-button-background-default:var(--s-surface-sunken-default);--swirl-ghost-button-background-hovered:var(--s-surface-sunken-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-sunken-pressed);display:flex;flex-basis:8rem;flex-shrink:0;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__logo.sc-swirl-shell-layout{display:flex;flex-grow:1;justify-content:center;align-items:center}.shell-layout__logo.sc-swirl-shell-layout-s>a{display:flex}.shell-layout__logo.sc-swirl-shell-layout-s>a img,.shell-layout__logo.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__header-tool.sc-swirl-shell-layout{position:relative;width:2.25rem;height:2.25rem;padding:var(--s-space-8);flex-shrink:0;border:none;border-radius:var(--s-border-radius-sm);color:var(--swirl-shell-text-color);background-color:var(--s-surface-sunken-default);font:inherit;cursor:pointer}.shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-surface-sunken-hovered)}.shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-surface-sunken-pressed)}.shell-layout__header-tool.sc-swirl-shell-layout:focus{outline:none}.shell-layout__header-tool.sc-swirl-shell-layout:focus-visible{box-shadow:0 0 0 0.125rem var(--s-focus-default)}.shell-layout__header-tool.sc-swirl-shell-layout swirl-badge.sc-swirl-shell-layout{--swirl-badge-border-color:var(--s-surface-sunken-default);position:absolute;top:var(--s-space-4);right:var(--s-space-4);padding-right:var(--s-space-2);transform:translate3d(0.1875rem, 0, 0)}.shell-layout__sidebar-toggle.sc-swirl-shell-layout{display:none}@media (min-width: 992px){.shell-layout__sidebar-toggle.sc-swirl-shell-layout{display:block}}.shell-layout__nav.sc-swirl-shell-layout{position:fixed;z-index:9;top:0;bottom:0;left:0;overflow:auto;width:100%;max-width:18.75rem;color:var(--swirl-shell-text-color);background-color:var(--s-surface-overlay-default);transition:transform 0.2s, box-shadow 0.2s, width 0.2s;transform:translate3d(-100%, 0, 0);grid-area:nav}@media (min-width: 992px){.shell-layout__nav.sc-swirl-shell-layout{position:static;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.2s;inset:0}.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.2s;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}}.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}}`, i = "SWIRL_SHELL_NAVIGATION_COLLAPSE_STATE", o = "SWIRL_SHELL_SIDEBAR_STATE", u = class {
-  constructor(e) {
-    r(this, e), this.sidebarToggleClick = s(this, "sidebarToggleClick", 7), this.skipLinkClick = s(this, "skipLinkClick", 7), this.onBrowserBackClick = () => {
+      )}}.sc-swirl-shell-layout:not(.shell-layout--sidebar-active) .shell-layout__sidebar.sc-swirl-shell-layout{animation:shell-layout-no-overflow-after-transition 0.2s;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__header.sc-swirl-shell-layout{position:relative;display:none;width:calc(100% + var(--s-space-8));padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:0.0625rem solid var(--s-border-default);color:var(--swirl-shell-text-color);grid-area:header}@media (min-width: 992px){.shell-layout__header.sc-swirl-shell-layout{display:flex}}.shell-layout__skip-link.sc-swirl-shell-layout{position:absolute;z-index:9;top:0;left:0;padding:var(--s-space-4);border:none;color:var(--swirl-shell-text-color);background-color:var(--swirl-shell-background);font:inherit;cursor:pointer}.shell-layout__skip-link.sc-swirl-shell-layout:not(:focus):not(:active){position:absolute;overflow:hidden;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.shell-layout__header-left.sc-swirl-shell-layout{display:flex;padding-left:var(--s-space-2);flex-basis:8rem;flex-shrink:0;align-items:center;gap:var(--s-space-8)}.shell-layout__header-right.sc-swirl-shell-layout{--swirl-ghost-button-background-default:var(--s-surface-sunken-default);--swirl-ghost-button-background-hovered:var(--s-surface-sunken-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-sunken-pressed);display:flex;flex-basis:8rem;flex-shrink:0;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__logo.sc-swirl-shell-layout{display:flex;flex-grow:1;justify-content:center;align-items:center}.shell-layout__logo.sc-swirl-shell-layout-s>a{display:flex}.shell-layout__logo.sc-swirl-shell-layout-s>a img,.shell-layout__logo.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__header-tool.sc-swirl-shell-layout{position:relative;width:2.25rem;height:2.25rem;padding:var(--s-space-8);flex-shrink:0;border:none;border-radius:var(--s-border-radius-sm);color:var(--swirl-shell-text-color);background-color:var(--s-surface-sunken-default);font:inherit;cursor:pointer}.shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-surface-sunken-hovered)}.shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-surface-sunken-pressed)}.shell-layout__header-tool.sc-swirl-shell-layout:focus{outline:none}.shell-layout__header-tool.sc-swirl-shell-layout:focus-visible{box-shadow:0 0 0 0.125rem var(--s-focus-default)}.shell-layout__header-tool.sc-swirl-shell-layout swirl-badge.sc-swirl-shell-layout{--swirl-badge-border-color:var(--s-surface-sunken-default);position:absolute;top:var(--s-space-4);right:var(--s-space-4);padding-right:var(--s-space-2);transform:translate3d(0.1875rem, 0, 0)}.shell-layout__sidebar-toggle.sc-swirl-shell-layout{display:none}@media (min-width: 992px){.shell-layout__sidebar-toggle.sc-swirl-shell-layout{display:block}}.shell-layout__nav.sc-swirl-shell-layout{position:fixed;z-index:9;top:0;bottom:0;left:0;overflow:auto;width:100%;max-width:18.75rem;color:var(--swirl-shell-text-color);background-color:var(--s-surface-overlay-default);transition:transform 0.2s, box-shadow 0.2s, width 0.2s;transform:translate3d(-100%, 0, 0);grid-area:nav}@media (min-width: 992px){.shell-layout__nav.sc-swirl-shell-layout{position:static;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.2s;inset:0}.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.2s;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}}.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}}`, b = c, i = "SWIRL_SHELL_NAVIGATION_COLLAPSE_STATE", o = "SWIRL_SHELL_SIDEBAR_STATE", u = class {
+  constructor(l) {
+    r(this, l), this.sidebarToggleClick = s(this, "sidebarToggleClick", 7), this.skipLinkClick = s(this, "skipLinkClick", 7), this.onBrowserBackClick = () => {
       history.back();
     }, this.onBrowserForwardClick = () => {
       history.forward();
@@ -21,8 +21,8 @@ const c = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sun
     }, this.brandedHeader = void 0, this.browserBackButtonLabel = "Navigate back", this.browserForwardButtonLabel = "Navigate forward", this.hideMobileNavigationButtonLabel = "Close navigation", this.navigationLabel = "Main", this.navigationToggleLabel = "Toggle navigation", 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;
   }
   componentWillLoad() {
-    const e = localStorage.getItem(o) === "true";
-    this.sidebarActive = this.sidebarActive === void 0 ? e : this.sidebarActive;
+    const l = localStorage.getItem(o) === "true";
+    this.sidebarActive = this.sidebarActive === void 0 ? l : this.sidebarActive;
     const a = localStorage.getItem(i) === "true";
     this.navigationCollapsed = a;
   }
@@ -30,20 +30,20 @@ const c = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sun
     this.focusTrap = h(this.navElement, {
       allowOutsideClick: !0,
       tabbableOptions: {
-        getShadowRoot: (e) => e.shadowRoot
+        getShadowRoot: (l) => l.shadowRoot
       }
     });
   }
   componentDidRender() {
-    var e;
-    (e = this.focusTrap) == null || e.updateContainerElements(this.navElement);
+    var l;
+    (l = this.focusTrap) == null || l.updateContainerElements(this.navElement);
   }
   disconnectedCallback() {
-    var e;
-    (e = this.focusTrap) == null || e.deactivate();
+    var l;
+    (l = this.focusTrap) == null || l.deactivate();
   }
-  onWindowKeyDown(e) {
-    e.key === "Escape" && this.mobileNavigationActive && this.hideMobileNavigation();
+  onWindowKeyDown(l) {
+    l.key === "Escape" && this.mobileNavigationActive && this.hideMobileNavigation();
   }
   watchMobileNavigationState() {
     this.mobileNavigationActive ? setTimeout(() => {
@@ -63,13 +63,13 @@ const c = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sun
     this.mobileNavigationActive = !1;
   }
   render() {
-    const e = this.sidebarToggleBadge !== !0 && this.sidebarToggleBadge !== "true", a = d("shell-layout", {
+    const l = this.sidebarToggleBadge !== !0 && this.sidebarToggleBadge !== "true", a = n("shell-layout", {
       "shell-layout--branded-header": this.brandedHeader,
       "shell-layout--mobile-navigation-active": this.mobileNavigationActive,
       "shell-layout--navigation-collapsed": this.navigationCollapsed,
       "shell-layout--sidebar-active": this.sidebarActive
     });
-    return l(n, null, l("div", { class: a }, l("header", { class: "shell-layout__header", "data-tauri-drag-region": "true" }, l("button", { class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), l("div", { class: "shell-layout__header-left" }, l("button", { class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, l("swirl-icon-dock-left", { size: 20 }), l("swirl-visually-hidden", null, this.navigationToggleLabel)), l("button", { class: "shell-layout__header-tool", onClick: this.onBrowserBackClick, type: "button" }, l("swirl-icon-arrow-back", { size: 20 }), l("swirl-visually-hidden", null, this.browserBackButtonLabel)), l("button", { class: "shell-layout__header-tool", onClick: this.onBrowserForwardClick, type: "button" }, l("swirl-icon-arrow-forward", { size: 20 }), l("swirl-visually-hidden", null, this.browserForwardButtonLabel)), l("slot", { name: "left-header-tools" })), l("div", { class: "shell-layout__logo" }, l("slot", { name: "logo" })), l("div", { class: "shell-layout__header-right" }, l("slot", { name: "right-header-tools" }), l("button", { class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, l("swirl-icon", { glyph: this.sidebarToggleIcon, size: 20 }), l("swirl-visually-hidden", null, this.sidebarToggleLabel), this.sidebarToggleBadge && l("swirl-badge", { "aria-label": this.sidebarToggleBadgeAriaLabel, label: e ? String(this.sidebarToggleBadge) : this.sidebarToggleBadgeAriaLabel, size: "xs", variant: e ? "default" : "dot" })), l("slot", { name: "avatar" }))), l("div", { class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), l("nav", { "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (t) => this.navElement = t }, l("div", { class: "shell-layout__mobile-header" }, l("slot", { name: "mobile-logo" }), l("div", { class: "shell-layout__mobile-header-tools" }, l("slot", { name: "mobile-header-tools" }), l("button", { class: "shell-layout__header-tool", type: "button" }, l("swirl-icon-double-arrow-left", { size: 20 }), l("swirl-visually-hidden", null, this.hideMobileNavigationButtonLabel)))), l("div", { class: "shell-layout__nav-body" }, l("swirl-visually-hidden", null, l("span", { id: "main-navigation-label" }, this.navigationLabel)), l("slot", { name: "nav" }))), l("main", { class: "shell-layout__main", id: "main-content" }, l("slot", null)), l("aside", { class: "shell-layout__sidebar", inert: this.sidebarActive ? void 0 : !0 }, l("div", { class: "shell-layout__sidebar-body" }, l("div", { class: "shell-layout__sidebar-app-bar" }, l("slot", { name: "sidebar-app-bar" })), l("div", { class: "shell-layout__sidebar-content" }, l("slot", { name: "sidebar" }))))));
+    return e(d, { key: "a3341e78c9a3da9da510471d6efaec57bbb24d93" }, e("div", { key: "a06cf324ac2e87493cd42f6fe15698c7fe790011", class: a }, e("header", { key: "ff58596ce8a236be5d83140ccc142a1abee36e44", class: "shell-layout__header", "data-tauri-drag-region": "true" }, e("button", { key: "dfac371e34908e195cf8e2c8e9040d4b1ef834be", class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), e("div", { key: "32afaf0a9fa0a7643493f4ad40d1e2141ae56d5b", class: "shell-layout__header-left" }, e("button", { key: "8449b402955ebe1072053d4bbd227d0f02d06147", class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, e("swirl-icon-dock-left", { key: "815ca4d5074e07d1c50a1ef394e0f3136145af3d", size: 20 }), e("swirl-visually-hidden", { key: "c0448f254dfa4b6ff00627c4fa527235dbcd2242" }, this.navigationToggleLabel)), e("button", { key: "d3b4cf65e3bc8f463c94d464154316604bb120c9", class: "shell-layout__header-tool", onClick: this.onBrowserBackClick, type: "button" }, e("swirl-icon-arrow-back", { key: "1a9e79cd309eba3f5447cd6555199e13674f4bfa", size: 20 }), e("swirl-visually-hidden", { key: "793287af197d73b742c80b38b37d38e3dce044f1" }, this.browserBackButtonLabel)), e("button", { key: "71eb840ba93f6b6e62162fa800b8422f609523d4", class: "shell-layout__header-tool", onClick: this.onBrowserForwardClick, type: "button" }, e("swirl-icon-arrow-forward", { key: "c5c9efc41a6515eb9fef6b53778cecba648755ad", size: 20 }), e("swirl-visually-hidden", { key: "911090b9f6113664f16325aa50d2e3f019f7db17" }, this.browserForwardButtonLabel)), e("slot", { key: "2642353b5e3ca8ba077691d3bc740c5361d4f43a", name: "left-header-tools" })), e("div", { key: "27cd28d9fc38ebe70b0957fbff15fc8484bff2fa", class: "shell-layout__logo" }, e("slot", { key: "994ec74086c365dc7683a225c03dc78d781e5a2c", name: "logo" })), e("div", { key: "b84cf9468fdb090dddacdc6761b867bf9c6d697f", class: "shell-layout__header-right" }, e("slot", { key: "b3e8df471bf4483c529842517764744838f18106", name: "right-header-tools" }), e("button", { key: "a52e6d8beff00b8ff5f659f3e82dbcba1af5ec0c", class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, e("swirl-icon", { key: "4184b83507eec3dd4e50520124d5b102e5bd2639", glyph: this.sidebarToggleIcon, size: 20 }), e("swirl-visually-hidden", { key: "ca8e5be1630b12e28271f1f2de80c689bcc8b275" }, this.sidebarToggleLabel), this.sidebarToggleBadge && e("swirl-badge", { key: "37abf92a4f4a52a054a220e4d13e9eed63815013", "aria-label": this.sidebarToggleBadgeAriaLabel, label: l ? String(this.sidebarToggleBadge) : this.sidebarToggleBadgeAriaLabel, size: "xs", variant: l ? "default" : "dot" })), e("slot", { key: "17b893c9bf208ed720603e7827c4de44cfe4e1fd", name: "avatar" }))), e("div", { key: "e6fae3f8a44845ad866d8ace6ebc56eafcf4ab2b", class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), e("nav", { key: "d756d7ee844c3f33181dd0420416fa78bbde58b7", "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (t) => this.navElement = t }, e("div", { key: "9a6a735381bad74aeb0716b6756287adb54cae0c", class: "shell-layout__mobile-header" }, e("slot", { key: "25f11bbf86ab30d9bab3e2caf87463a4269ec680", name: "mobile-logo" }), e("div", { key: "f4d9150f91e72daeb57ac65fa02653a73df9d5ec", class: "shell-layout__mobile-header-tools" }, e("slot", { key: "5a7b1098617822edc8462aef5fd78f117774d5e5", name: "mobile-header-tools" }), e("button", { key: "ef4a5729292f98d7aaaa2a250b9428ef86f743a4", class: "shell-layout__header-tool", type: "button" }, e("swirl-icon-double-arrow-left", { key: "ee8b333066b058e9148598931bba98923ab8eaff", size: 20 }), e("swirl-visually-hidden", { key: "0a271e67c8f2974e30506064077877e8ef745c33" }, this.hideMobileNavigationButtonLabel)))), e("div", { key: "2252faee002448eb5b393530f43c1abb15dba261", class: "shell-layout__nav-body" }, e("swirl-visually-hidden", { key: "e663fa488425e7d68b96b780b53e274f926e8781" }, e("span", { key: "0d34118cec4b09659acf6666a10238a4eff575ac", id: "main-navigation-label" }, this.navigationLabel)), e("slot", { key: "984d2bad1e45882b6545276a103d57d65907a2e1", name: "nav" }))), e("main", { key: "5a7c417a9b14cec3e204f69432183f110e43707f", class: "shell-layout__main", id: "main-content" }, e("slot", { key: "0b8906e578a43a954bb3b32cbbf765a065d47338" })), e("aside", { key: "51eccb6e5b953675a84403b2270009bfa177f71b", class: "shell-layout__sidebar", inert: this.sidebarActive ? void 0 : !0 }, e("div", { key: "d546691f213feb94c139e0d3413550281b9c8b0e", class: "shell-layout__sidebar-body" }, e("div", { key: "209a1f4ea5d1de637f5bf90a7bb25316ca860077", class: "shell-layout__sidebar-app-bar" }, e("slot", { key: "1703d769100b2b8da0f77fdbf42e3812cb827a02", name: "sidebar-app-bar" })), e("div", { key: "4fdaf00398bf3cf046c8e23b0e22af8cf4ec0938", class: "shell-layout__sidebar-content" }, e("slot", { key: "b6e5293e84d15a79aeab2fcdde9da66c53f6d715", name: "sidebar" }))))));
   }
   static get watchers() {
     return {
@@ -79,7 +79,7 @@ const c = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sun
     };
   }
 };
-u.style = c;
+u.style = b;
 export {
   u as swirl_shell_layout
 };

package/dist/{swirl-shell-navigation-item.entry.1a456f52.js → swirl-shell-navigation-item.entry.51674cb2.js}

@@ -1,5 +1,5 @@
-import { r as t, h as n, H as s, g as o } from "./index.a7979ae0.js";
-import { c as a } from "./index-d280dafb.186cdb0e.js";
+import { r as t, h as n, H as s, g as o } from "./index.d90adc50.js";
+import { c as i } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
 const l = `/**
@@ -154,16 +154,16 @@ const l = `/**
     padding-right: var(--s-space-4);
   }
 }
-`, r = class {
+`, r = l, d = class {
   constructor(e) {
     t(this, e), this.active = void 0, this.badgeLabel = void 0, this.href = void 0, this.label = void 0, this.target = void 0, this.boxed = void 0;
   }
   render() {
-    const e = a("shell-navigation-item", {
+    const e = i("shell-navigation-item", {
       "shell-navigation-item--active": this.active,
       "shell-navigation-item--boxed": this.boxed
-    }), i = Boolean(this.href);
-    return n(s, null, n(i ? "a" : "button", { class: e, href: this.href, target: this.target, type: i ? void 0 : "button" }, n("span", { class: "shell-navigation-item__icon" }, n("slot", { name: "icon" })), n("span", { class: "shell-navigation-item__label" }, this.label), this.badgeLabel !== void 0 && this.badgeLabel !== null && n("swirl-badge", { "aria-label": this.badgeLabel, class: a("shell-navigation-item__badge", {
+    }), a = Boolean(this.href);
+    return n(s, { key: "8adec4aa195420dad61a505bcb2ebdc6b4f5f945" }, n(a ? "a" : "button", { key: "dfb2a071846467d6f42030d481b088903ee65bc1", class: e, href: this.href, target: this.target, type: a ? void 0 : "button" }, n("span", { key: "b5a1b10eb8d18c98c22cc50e434f5a10d1fd0294", class: "shell-navigation-item__icon" }, n("slot", { key: "b8d15dd91397b1b1697144eef87c30cc820b36aa", name: "icon" })), n("span", { key: "03c53292222745c6c2601c80d77d745151a79a6c", class: "shell-navigation-item__label" }, this.label), this.badgeLabel !== void 0 && this.badgeLabel !== null && n("swirl-badge", { key: "1735151c86bd02d68bba5f811b099f2d261e2934", "aria-label": this.badgeLabel, class: i("shell-navigation-item__badge", {
       "shell-navigation-item__badge--dot": this.badgeLabel === ""
     }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" })));
   }
@@ -171,7 +171,7 @@ const l = `/**
     return o(this);
   }
 };
-r.style = l;
+d.style = r;
 export {
-  r as swirl_shell_navigation_item
+  d as swirl_shell_navigation_item
 };

package/dist/{swirl-skeleton-box.entry.080b283f.js → swirl-skeleton-box.entry.13953112.js}

@@ -1,5 +1,5 @@
-import { r as t, h as s, H as i } from "./index.a7979ae0.js";
-import { c as o } from "./index-d280dafb.186cdb0e.js";
+import { r as t, h as s, H as i } from "./index.d90adc50.js";
+import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
 const r = `:host{display:block}:host *{box-sizing:border-box}.skeleton-box{position:relative;overflow:hidden;min-height:var(--s-font-size-sm);background-color:var(--s-surface-raised-hovered)}.skeleton-box:before{position:relative;z-index:1;display:block;width:100%;height:100%;background-image:linear-gradient(
@@ -9,15 +9,15 @@ const r = `:host{display:block}:host *{box-sizing:border-box}.skeleton-box{posit
       var(--s-surface-raised-default) 50%,
       rgba(255, 255, 255, 0) 88%,
       rgba(255, 255, 255, 0) 100%
-    );content:"";transform:translateX(-100%);animation:skeleton-box-shimmer 3s infinite}@keyframes skeleton-box-shimmer{100%{transform:translateX(100%)}}.skeleton-box--static:before{display:none}.skeleton-box--border-radius-pill{border-radius:100rem}`, a = class {
+    );content:"";transform:translateX(-100%);animation:skeleton-box-shimmer 3s infinite}@keyframes skeleton-box-shimmer{100%{transform:translateX(100%)}}.skeleton-box--static:before{display:none}.skeleton-box--border-radius-pill{border-radius:100rem}`, a = r, n = class {
   constructor(e) {
     t(this, e), this.animated = !0, this.aspectRatio = void 0, this.borderRadius = "base", this.height = void 0, this.width = void 0;
   }
   render() {
     const e = o("skeleton-box", `skeleton-box--border-radius-${this.borderRadius}`, { "skeleton-box--static": !this.animated });
-    return s(i, { style: {
+    return s(i, { key: "96efb30451b79c1dc8606278a0051caa446b25cc", style: {
       width: !Boolean(this.width) && !Boolean(this.aspectRatio) ? "100%" : void 0
-    } }, s("div", { class: e, style: {
+    } }, s("div", { key: "cbecf930e3ab3252c42c0fcb97bb71b2e90fcc22", class: e, style: {
       aspectRatio: this.aspectRatio,
       borderRadius: this.borderRadius !== "pill" ? `var(--s-border-radius-${this.borderRadius})` : void 0,
       height: this.height,
@@ -25,7 +25,7 @@ const r = `:host{display:block}:host *{box-sizing:border-box}.skeleton-box{posit
     } }));
   }
 };
-a.style = r;
+n.style = a;
 export {
-  a as swirl_skeleton_box
+  n as swirl_skeleton_box
 };

package/dist/{swirl-skeleton-text.entry.57c33814.js → swirl-skeleton-text.entry.26a11634.js}

@@ -1,5 +1,5 @@
-import { r as l, h as t, H as a } from "./index.a7979ae0.js";
-import { c as s } from "./index-d280dafb.186cdb0e.js";
+import { r as l, h as t, H as a } from "./index.d90adc50.js";
+import { c as s } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
 const o = `:host{display:block;width:100%}:host *{box-sizing:border-box}.skeleton-text{position:relative}.skeleton-text--static .skeleton-text__line:after{display:none}.skeleton-text--size-sm{--skeleton-text-line-padding:calc(
@@ -23,16 +23,16 @@ const o = `:host{display:block;width:100%}:host *{box-sizing:border-box}.skeleto
       rgba(255, 255, 255, 0) 0,
       var(--s-surface-raised-default) 33%,
       rgba(255, 255, 255, 0) 66%
-    );content:"";transform:translateX(-100%);animation:skeleton-text-shimmer 3s infinite}.skeleton-text__line:first-child:last-child{width:100%}.skeleton-text__line:last-child:not(:first-child){width:25%}@keyframes skeleton-text-shimmer{100%{transform:translateX(100%)}}`, r = class {
+    );content:"";transform:translateX(-100%);animation:skeleton-text-shimmer 3s infinite}.skeleton-text__line:first-child:last-child{width:100%}.skeleton-text__line:last-child:not(:first-child){width:25%}@keyframes skeleton-text-shimmer{100%{transform:translateX(100%)}}`, r = o, d = class {
   constructor(e) {
     l(this, e), this.animated = !0, this.lines = 1, this.size = "base";
   }
   render() {
     const e = s("skeleton-text", `skeleton-text--size-${this.size}`, { "skeleton-text--static": !this.animated }), i = s("skeleton-text__line", `skeleton-text__line--size-${this.size}`);
-    return t(a, null, t("div", { class: e, part: e }, new Array(this.lines).fill(void 0).map((h, n) => t("div", { class: i, key: n, part: i }))));
+    return t(a, { key: "10ef828975c4453f772507af899f054a867e5e09" }, t("div", { key: "e23e993101667dc998796bec2eaf37ad5e896b0f", class: e, part: e }, new Array(this.lines).fill(void 0).map((h, n) => t("div", { class: i, key: n, part: i }))));
   }
 };
-r.style = o;
+d.style = r;
 export {
-  r as swirl_skeleton_text
+  d as swirl_skeleton_text
 };

package/dist/{swirl-stack.entry.8bd10a7d.js → swirl-stack.entry.7943e6ba.js}

@@ -1,17 +1,17 @@
-import { r as i, h as s, H as a } from "./index.a7979ae0.js";
-import { c as n } from "./index-d280dafb.186cdb0e.js";
+import { r as a, h as s, H as i } from "./index.d90adc50.js";
+import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const c = ":host{display:block;width:100%}:host *{box-sizing:border-box}.stack{display:flex;width:100%;max-width:100%;margin:0}.stack ::slotted(*){min-width:0;max-width:100%;flex-basis:auto;flex-grow:0;flex-shrink:1}ol.stack,ul.stack{margin:0;padding:0;list-style:none}.stack--align-start{align-items:flex-start}.stack--align-center{align-items:center}.stack--align-end{align-items:flex-end}.stack--align-stretch{align-items:stretch}.stack--justify-start{justify-content:flex-start}.stack--justify-center{justify-content:center}.stack--justify-end{justify-content:flex-end}.stack--justify-space-between{justify-content:space-between}.stack--justify-space-around{justify-content:space-around}.stack--justify-space-evenly{justify-content:space-evenly}.stack--justify-stretch{justify-content:stretch}.stack--justify-stretch ::slotted(*){flex-grow:1}.stack--orientation-vertical{flex-direction:column}.stack--orientation-vertical-reverse{flex-direction:column-reverse}.stack--orientation-horizontal{flex-direction:row}.stack--orientation-horizontal-reverse{flex-direction:row-reverse}.stack--wrap{flex-wrap:wrap}", r = class {
+const n = ":host{display:block;width:100%}:host *{box-sizing:border-box}.stack{display:flex;width:100%;max-width:100%;margin:0}.stack ::slotted(*){min-width:0;max-width:100%;flex-basis:auto;flex-grow:0;flex-shrink:1}ol.stack,ul.stack{margin:0;padding:0;list-style:none}.stack--align-start{align-items:flex-start}.stack--align-center{align-items:center}.stack--align-end{align-items:flex-end}.stack--align-stretch{align-items:stretch}.stack--justify-start{justify-content:flex-start}.stack--justify-center{justify-content:center}.stack--justify-end{justify-content:flex-end}.stack--justify-space-between{justify-content:space-between}.stack--justify-space-around{justify-content:space-around}.stack--justify-space-evenly{justify-content:space-evenly}.stack--justify-stretch{justify-content:stretch}.stack--justify-stretch ::slotted(*){flex-grow:1}.stack--orientation-vertical{flex-direction:column}.stack--orientation-vertical-reverse{flex-direction:column-reverse}.stack--orientation-horizontal{flex-direction:row}.stack--orientation-horizontal-reverse{flex-direction:row-reverse}.stack--wrap{flex-wrap:wrap}", r = n, o = class {
   constructor(t) {
-    i(this, t), this.align = "start", this.as = "div", this.height = void 0, this.justify = "start", this.orientation = "vertical", this.spacing = "0", this.wrap = !1;
+    a(this, t), this.align = "start", this.as = "div", this.height = void 0, this.justify = "start", this.orientation = "vertical", this.spacing = "0", this.wrap = !1;
   }
   render() {
-    const t = this.as, e = n("stack", `stack--align-${this.align}`, `stack--justify-${this.justify}`, `stack--orientation-${this.orientation}`, { "stack--wrap": this.wrap });
-    return s(a, { style: { height: this.height } }, s(t, { class: e, style: { gap: `var(--s-space-${this.spacing})`, height: this.height } }, s("slot", null)));
+    const t = this.as, e = c("stack", `stack--align-${this.align}`, `stack--justify-${this.justify}`, `stack--orientation-${this.orientation}`, { "stack--wrap": this.wrap });
+    return s(i, { key: "b3fd356be06d2f63d2f21b1f692e60fbbe25cf4a", style: { height: this.height } }, s(t, { key: "206d18ce8aceda8598aca0b999260c8b64b60a0a", class: e, style: { gap: `var(--s-space-${this.spacing})`, height: this.height } }, s("slot", { key: "00ae963363f98d96fc24748f24029f0f05faf57f" })));
   }
 };
-r.style = c;
+o.style = r;
 export {
-  r as swirl_stack
+  o as swirl_stack
 };

package/dist/{swirl-status-indicator.entry.b4a49e4e.js → swirl-status-indicator.entry.d249d902.js}

@@ -1,14 +1,14 @@
-import { r as i, h as t, H as n } from "./index.a7979ae0.js";
-import { c as a } from "./index-d280dafb.186cdb0e.js";
+import { r as a, h as t, H as i } from "./index.d90adc50.js";
+import { c as e } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const o = ':host{display:block}:host *{box-sizing:border-box}.status-indicator{display:flex;align-items:center;gap:var(--s-space-4)}.status-indicator--intent-critical .status-indicator__dot:before{background-color:var(--s-icon-critical)}.status-indicator--intent-info .status-indicator__dot:before{background-color:var(--s-icon-info)}.status-indicator--intent-success .status-indicator__dot:before{background-color:var(--s-icon-success)}.status-indicator--intent-warning .status-indicator__dot:before{background-color:var(--s-icon-warning)}.status-indicator__dot{display:inline-flex;width:1.25rem;height:1.25rem;flex-shrink:0;justify-content:center;align-items:center}.status-indicator__dot:before{display:inline-flex;width:0.5rem;height:0.5rem;border-radius:50%;content:""}.status-indicator__label{overflow:hidden;min-width:0;font-size:var(--s-font-size-sm);white-space:nowrap;text-overflow:ellipsis}', r = class {
+const n = ':host{display:block}:host *{box-sizing:border-box}.status-indicator{display:flex;align-items:center;gap:var(--s-space-4)}.status-indicator--intent-critical .status-indicator__dot:before{background-color:var(--s-icon-critical)}.status-indicator--intent-info .status-indicator__dot:before{background-color:var(--s-icon-info)}.status-indicator--intent-success .status-indicator__dot:before{background-color:var(--s-icon-success)}.status-indicator--intent-warning .status-indicator__dot:before{background-color:var(--s-icon-warning)}.status-indicator__dot{display:inline-flex;width:1.25rem;height:1.25rem;flex-shrink:0;justify-content:center;align-items:center}.status-indicator__dot:before{display:inline-flex;width:0.5rem;height:0.5rem;border-radius:50%;content:""}.status-indicator__label{overflow:hidden;min-width:0;font-size:var(--s-font-size-sm);white-space:nowrap;text-overflow:ellipsis}', o = n, r = class {
   constructor(s) {
-    i(this, s), this.intent = void 0, this.label = void 0;
+    a(this, s), this.intent = void 0, this.label = void 0;
   }
   render() {
-    const s = a("status-indicator", `status-indicator--intent-${this.intent}`);
-    return t(n, null, t("div", { class: s }, t("span", { class: "status-indicator__dot" }), t("span", { class: "status-indicator__label" }, this.label)));
+    const s = e("status-indicator", `status-indicator--intent-${this.intent}`);
+    return t(i, { key: "bb3753f75cde6a80c8597bda9192ad143bdfbefb" }, t("div", { key: "eca497fb8972adf92f19635ba0fe6a6eb6ba120b", class: s }, t("span", { key: "52eb9f434217af39c33762a4aa79e7ca8a76e99a", class: "status-indicator__dot" }), t("span", { key: "6570484888c5f07df663a3abc3bd4651175ca177", class: "status-indicator__label" }, this.label)));
   }
 };
 r.style = o;

package/dist/{swirl-switch.entry.ed74a9b8.js → swirl-switch.entry.7f5d250a.js}

@@ -1,21 +1,21 @@
-import { r as h, c as r, h as i, H as a, g as l } from "./index.a7979ae0.js";
-import { c as n } from "./index-d280dafb.186cdb0e.js";
+import { r as a, c as h, h as i, H as r, g as l } from "./index.d90adc50.js";
+import { c as d } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const o = `.sc-swirl-switch-h{display:inline-flex}.sc-swirl-switch-h *.sc-swirl-switch{box-sizing:border-box}.switch.sc-swirl-switch{display:inline-flex;align-items:center;touch-action:none}.switch.sc-swirl-switch:focus-within .switch__control.sc-swirl-switch{box-shadow:0 0 0 0.0625rem var(--s-background-default),
-      0 0 0 0.1875rem var(--s-focus-default)}.switch--label-position-start.sc-swirl-switch{flex-direction:row-reverse}.switch--label-position-start.sc-swirl-switch .switch__label.sc-swirl-switch{margin-right:var(--s-space-12);margin-left:0}.switch--on.sc-swirl-switch .switch__thumb.sc-swirl-switch{left:calc(100% - 1.25rem - var(--s-space-2))}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.switch--on.sc-swirl-switch .switch__thumb.sc-swirl-switch{left:calc(100% - 0.875rem - var(--s-space-2))}}.switch--on.sc-swirl-switch .switch__control.sc-swirl-switch{background-color:var(--s-interactive-primary-default)}.switch--disabled.sc-swirl-switch .switch__control.sc-swirl-switch{background-color:var(--s-interactive-primary-disabled);cursor:default}.switch--disabled.sc-swirl-switch .switch__thumb.sc-swirl-switch{background-color:var(--s-interactive-neutral-default)}.switch--disabled.sc-swirl-switch .switch__label.sc-swirl-switch{color:var(--s-text-disabled)}.switch__control.sc-swirl-switch{position:relative;width:2.75rem;height:1.5rem;flex-shrink:0;border-radius:calc(1.5rem / 2);background-color:var(--s-interactive-primary-disabled);cursor:pointer;transition:background-color 0.2s}@media (prefers-reduced-motion){.switch__control.sc-swirl-switch{transition:none}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.switch__control.sc-swirl-switch{width:1.875rem;height:1.125rem;border-radius:calc(1.125rem / 2)}}.switch__thumb.sc-swirl-switch{position:absolute;top:var(--s-space-2);left:var(--s-space-2);width:1.25rem;height:1.25rem;border-radius:50%;background-color:var(--s-surface-default);transition:left 0.2s;pointer-events:none}@media (prefers-reduced-motion){.switch__thumb.sc-swirl-switch{transition:none}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.switch__thumb.sc-swirl-switch{width:0.875rem;height:0.875rem}}.switch__label.sc-swirl-switch{position:relative;z-index:1;margin-left:var(--s-space-12);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);white-space:nowrap}`, w = class {
+const n = `.sc-swirl-switch-h{display:inline-flex}.sc-swirl-switch-h *.sc-swirl-switch{box-sizing:border-box}.switch.sc-swirl-switch{display:inline-flex;align-items:center;touch-action:none}.switch.sc-swirl-switch:focus-within .switch__control.sc-swirl-switch{box-shadow:0 0 0 0.0625rem var(--s-background-default),
+      0 0 0 0.1875rem var(--s-focus-default)}.switch--label-position-start.sc-swirl-switch{flex-direction:row-reverse}.switch--label-position-start.sc-swirl-switch .switch__label.sc-swirl-switch{margin-right:var(--s-space-12);margin-left:0}.switch--on.sc-swirl-switch .switch__thumb.sc-swirl-switch{left:calc(100% - 1.25rem - var(--s-space-2))}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.switch--on.sc-swirl-switch .switch__thumb.sc-swirl-switch{left:calc(100% - 0.875rem - var(--s-space-2))}}.switch--on.sc-swirl-switch .switch__control.sc-swirl-switch{background-color:var(--s-interactive-primary-default)}.switch--disabled.sc-swirl-switch .switch__control.sc-swirl-switch{background-color:var(--s-interactive-primary-disabled);cursor:default}.switch--disabled.sc-swirl-switch .switch__thumb.sc-swirl-switch{background-color:var(--s-interactive-neutral-default)}.switch--disabled.sc-swirl-switch .switch__label.sc-swirl-switch{color:var(--s-text-disabled)}.switch__control.sc-swirl-switch{position:relative;width:2.75rem;height:1.5rem;flex-shrink:0;border-radius:calc(1.5rem / 2);background-color:var(--s-interactive-primary-disabled);cursor:pointer;transition:background-color 0.2s}@media (prefers-reduced-motion){.switch__control.sc-swirl-switch{transition:none}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.switch__control.sc-swirl-switch{width:1.875rem;height:1.125rem;border-radius:calc(1.125rem / 2)}}.switch__thumb.sc-swirl-switch{position:absolute;top:var(--s-space-2);left:var(--s-space-2);width:1.25rem;height:1.25rem;border-radius:50%;background-color:var(--s-surface-default);transition:left 0.2s;pointer-events:none}@media (prefers-reduced-motion){.switch__thumb.sc-swirl-switch{transition:none}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.switch__thumb.sc-swirl-switch{width:0.875rem;height:0.875rem}}.switch__label.sc-swirl-switch{position:relative;z-index:1;margin-left:var(--s-space-12);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);white-space:nowrap}`, o = n, w = class {
   constructor(s) {
-    h(this, s), this.valueChange = r(this, "valueChange", 7), this.onChange = () => {
+    a(this, s), this.valueChange = h(this, "valueChange", 7), this.onChange = () => {
       this.checked = !this.checked, this.valueChange.emit(this.checked);
     }, this.checked = !1, this.disabled = !1, this.hideLabel = void 0, this.inputId = void 0, this.inputName = void 0, this.label = void 0, this.labelPosition = "end", this.value = void 0;
   }
   render() {
-    const s = !this.checked, t = this.checked, e = t ? "true" : "false", c = n("switch", `switch--label-position-${this.labelPosition}`, {
+    const s = !this.checked, e = this.checked, t = e ? "true" : "false", c = d("switch", `switch--label-position-${this.labelPosition}`, {
       "switch--off": s,
-      "switch--on": t,
+      "switch--on": e,
       "switch--disabled": this.disabled
     });
-    return i(a, null, i("label", { class: c, htmlFor: this.inputId }, i("span", { class: "switch__control" }, i("swirl-visually-hidden", null, i("input", { "aria-checked": e, checked: t, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, role: "switch", type: "checkbox", value: this.value })), i("span", { "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && i("span", { class: "switch__label" }, this.label), this.label && this.hideLabel && i("swirl-visually-hidden", null, this.label)));
+    return i(r, { key: "6cdb68722c5271fbd7089b0bd5da93d8d88012e6" }, i("label", { key: "7ca1ac8de3dc83684c5fc4e26af6ce224ec35ea9", class: c, htmlFor: this.inputId }, i("span", { key: "275dcd8f76f9c1d0fdb99475d7cbed5b0e67fcd4", class: "switch__control" }, i("swirl-visually-hidden", { key: "2c2c7edb21cfbf526267789d498b86b7598cba2e" }, i("input", { key: "759edc3afc689b523cbdadcc1809dd3a3f1e0b1e", "aria-checked": t, checked: e, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, role: "switch", type: "checkbox", value: this.value })), i("span", { key: "b77b804f02dfec9602f5ae3eebdc4780de51903c", "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && i("span", { key: "6d90738c292b890e5f0f2d895cecd098b528d907", class: "switch__label" }, this.label), this.label && this.hideLabel && i("swirl-visually-hidden", { key: "47c3b5a23d8bff43a913e6b4839bd190677328ac" }, this.label)));
   }
   get el() {
     return l(this);

package/dist/swirl-symbol-account-circle.entry.ad72be12.js

@@ -0,0 +1,17 @@
+import { r as t, h as e, F as C } from "./index.d90adc50.js";
+import { c as l } from "./index-267776a4.6beb4f4b.js";
+import "react";
+import "react-dom";
+const o = ":host{display:inline-flex}", r = o, c = class {
+  constructor(s) {
+    t(this, s), this.size = 24;
+  }
+  render() {
+    const s = this.size === 20 ? 24 : this.size, i = l("swirl-symbol", `swirl-symbol--size-${this.size}`);
+    return e("svg", { key: "064072585d79cc22238f49b97df9c54fb3b68fa9", 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: "f37184fa1b6f0d8ee0dec26d9f1ee9032dbe4327" }, e("path", { key: "9b037d7860ed17a26d3ed278e1891419d484ae56", 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" })));
+  }
+};
+c.style = r;
+export {
+  c as swirl_symbol_account_circle
+};

package/dist/swirl-symbol-alternate-email.entry.b884d45e.js

@@ -0,0 +1,17 @@
+import { r as t, h as C, F as i } from "./index.d90adc50.js";
+import { c as l } from "./index-267776a4.6beb4f4b.js";
+import "react";
+import "react-dom";
+const r = ":host{display:inline-flex}", a = r, o = class {
+  constructor(s) {
+    t(this, s), this.size = 24;
+  }
+  render() {
+    const s = this.size === 20 ? 24 : this.size, e = l("swirl-symbol", `swirl-symbol--size-${this.size}`);
+    return C("svg", { key: "8c760a2d1850e506535f3a075d590b74a783c040", class: e, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, C(i, { key: "f30b56e40dbbb9d75b8b8e324804a1f57e45542c" }, C("path", { key: "a3e958f65466dfc00d49fec445eb2cc677e7232a", d: "M12.72 2.03C11.2895 1.92586 9.85327 2.13097 8.50906 2.63136C7.16486 3.13175 5.94415 3.91571 4.92993 4.92993C3.91571 5.94415 3.13175 7.16486 2.63136 8.50906C2.13097 9.85327 1.92586 11.2895 2.03 12.72C2.25932 15.2774 3.44555 17.654 5.35148 19.3745C7.25741 21.095 9.74256 22.0327 12.31 22H16C16.2652 22 16.5196 21.8946 16.7071 21.7071C16.8946 21.5196 17 21.2652 17 21C17 20.7348 16.8946 20.4804 16.7071 20.2929C16.5196 20.1054 16.2652 20 16 20H12.33C10.507 20.0255 8.72662 19.4482 7.26549 18.3578C5.80435 17.2674 4.74428 15.7249 4.25 13.97C3.9207 12.6293 3.94274 11.2264 4.31399 9.89667C4.68524 8.56699 5.39316 7.35554 6.36935 6.37935C7.34554 5.40316 8.55699 4.69524 9.88667 4.32399C11.2164 3.95274 12.6193 3.9307 13.96 4.26C15.7171 4.7485 17.2628 5.80538 18.3556 7.26544C19.4484 8.7255 20.0266 10.5065 20 12.33V13.43C19.9896 13.8312 19.8303 14.2143 19.553 14.5045C19.2757 14.7947 18.9004 14.9713 18.5 15C18.0996 14.9713 17.7243 14.7947 17.447 14.5045C17.1697 14.2143 17.0104 13.8312 17 13.43V12.18C17.0186 10.9584 16.5992 9.77056 15.8178 8.83141C15.0364 7.89226 13.9446 7.26388 12.74 7.06C11.8943 6.93234 11.03 7.02353 10.2295 7.32488C9.42907 7.62623 8.7192 8.12767 8.16765 8.78137C7.6161 9.43507 7.24127 10.2192 7.07893 11.0589C6.91659 11.8987 6.97215 12.766 7.24032 13.5782C7.50849 14.3904 7.98031 15.1203 8.61077 15.6982C9.24122 16.2762 10.0093 16.683 10.8416 16.8797C11.674 17.0765 12.5429 17.0566 13.3654 16.8221C14.1879 16.5875 14.9366 16.1461 15.54 15.54C16.027 16.1827 16.7106 16.6487 17.4868 16.8671C18.263 17.0855 19.0893 17.0444 19.84 16.75C20.4916 16.4715 21.0452 16.0048 21.43 15.4098C21.8148 14.8148 22.0132 14.1185 22 13.41V12.32C22.0348 9.75098 21.0981 7.26359 19.3774 5.35564C17.6567 3.44768 15.2789 2.2599 12.72 2.03ZM12 15C11.4067 15 10.8266 14.8241 10.3333 14.4944C9.83994 14.1648 9.45542 13.6962 9.22836 13.148C9.0013 12.5999 8.94189 11.9967 9.05764 11.4147C9.1734 10.8328 9.45912 10.2982 9.87868 9.87868C10.2982 9.45912 10.8328 9.1734 11.4147 9.05764C11.9967 8.94189 12.5999 9.0013 13.148 9.22836C13.6962 9.45542 14.1648 9.83994 14.4944 10.3333C14.8241 10.8266 15 11.4067 15 12C15 12.7956 14.6839 13.5587 14.1213 14.1213C13.5587 14.6839 12.7956 15 12 15Z", fill: "currentColor" })));
+  }
+};
+o.style = a;
+export {
+  o as swirl_symbol_alternate_email
+};

package/dist/swirl-symbol-android.entry.c165aa0c.js

@@ -0,0 +1,17 @@
+import { r as i, h as C, F as t } from "./index.d90adc50.js";
+import { c as o } from "./index-267776a4.6beb4f4b.js";
+import "react";
+import "react-dom";
+const r = ":host{display:inline-flex}", l = r, a = class {
+  constructor(s) {
+    i(this, s), this.size = 24;
+  }
+  render() {
+    const s = this.size === 20 ? 24 : this.size, e = o("swirl-symbol", `swirl-symbol--size-${this.size}`);
+    return C("svg", { key: "a2b8fdffb181ca8a8875226f65de813b97f1cab1", class: e, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, C(t, { key: "3f5b9d81869c44f038042be380bee799affe0594" }, C("path", { key: "4c7ad6566ccf8f8e01eba08a5bd656ed25f9f61e", d: "M16.6 14.658C16.4352 14.658 16.2742 14.6091 16.1372 14.5176C16.0002 14.4261 15.8935 14.296 15.8304 14.1438C15.7674 13.9916 15.7509 13.8241 15.783 13.6625C15.8151 13.5009 15.8945 13.3525 16.011 13.236C16.1275 13.1195 16.2759 13.0401 16.4375 13.008C16.5991 12.9759 16.7666 12.9924 16.9188 13.0554C17.071 13.1185 17.2011 13.2252 17.2926 13.3622C17.3841 13.4992 17.433 13.6602 17.433 13.825C17.433 14.0459 17.3452 14.2578 17.189 14.414C17.0328 14.5702 16.8209 14.658 16.6 14.658ZM7.4 14.658C7.23525 14.658 7.0742 14.6091 6.93721 14.5176C6.80022 14.4261 6.69346 14.296 6.63041 14.1438C6.56736 13.9916 6.55086 13.8241 6.58301 13.6625C6.61515 13.5009 6.69448 13.3525 6.81098 13.236C6.92748 13.1195 7.0759 13.0401 7.23749 13.008C7.39908 12.9759 7.56656 12.9924 7.71878 13.0554C7.87099 13.1185 8.00108 13.2252 8.09261 13.3622C8.18415 13.4992 8.233 13.6602 8.233 13.825C8.233 14.0459 8.14524 14.2578 7.98902 14.414C7.8328 14.5702 7.62093 14.658 7.4 14.658ZM16.9 9.641L18.564 6.758C18.6099 6.67844 18.6223 6.5839 18.5985 6.4952C18.5746 6.40649 18.5166 6.33088 18.437 6.285C18.3574 6.23912 18.2629 6.22672 18.1742 6.25054C18.0855 6.27436 18.0099 6.33244 17.964 6.412L16.281 9.331C14.9347 8.72739 13.4759 8.41534 12.0005 8.41534C10.5251 8.41534 9.06631 8.72739 7.72 9.331L6.034 6.412C6.01128 6.37261 5.98103 6.33807 5.94496 6.31037C5.90889 6.28266 5.86772 6.26233 5.8238 6.25054C5.77988 6.23875 5.73407 6.23572 5.68897 6.24163C5.64388 6.24755 5.6004 6.26228 5.561 6.285C5.5216 6.30772 5.48707 6.33798 5.45936 6.37404C5.43166 6.41011 5.41133 6.45128 5.39954 6.4952C5.38775 6.53912 5.38472 6.58494 5.39063 6.63003C5.39654 6.67512 5.41128 6.71861 5.434 6.758L7.1 9.641C5.66202 10.4236 4.44232 11.553 3.55168 12.9267C2.66103 14.3004 2.12766 15.8748 2 17.507H22C21.8723 15.8749 21.3388 14.3005 20.4482 12.9268C19.5576 11.5531 18.3379 10.4237 16.9 9.641Z", fill: "currentColor" })));
+  }
+};
+a.style = l;
+export {
+  a as swirl_symbol_android
+};

package/dist/swirl-symbol-announcement.entry.7e4e83ee.js

@@ -0,0 +1,17 @@
+import { r as i, h as e, F as o } from "./index.d90adc50.js";
+import { c as n } from "./index-267776a4.6beb4f4b.js";
+import "react";
+import "react-dom";
+const c = ":host{display:inline-flex}", l = c, r = class {
+  constructor(s) {
+    i(this, s), this.size = 24;
+  }
+  render() {
+    const s = this.size === 20 ? 24 : this.size, t = n("swirl-symbol", `swirl-symbol--size-${this.size}`);
+    return e("svg", { key: "a74fbc96c43204734638dc837ac67e2c4c8d68de", class: t, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, e(o, { key: "04ff143c29c16835171cb82f3d3d4f6e2ce62163" }, e("path", { key: "69c3d076291d3e1aeb3aef5ade5481f3c8ad659d", d: "M20 2H4C3.47005 2.00158 2.96227 2.2128 2.58753 2.58753C2.2128 2.96227 2.00158 3.47005 2 4V22L6 18H20C20.5299 17.9984 21.0377 17.7872 21.4125 17.4125C21.7872 17.0377 21.9984 16.5299 22 16V4C21.9984 3.47005 21.7872 2.96227 21.4125 2.58753C21.0377 2.2128 20.5299 2.00158 20 2ZM12 11C11.7348 11 11.4804 10.8946 11.2929 10.7071C11.1054 10.5196 11 10.2652 11 10V6C11 5.73478 11.1054 5.48043 11.2929 5.29289C11.4804 5.10536 11.7348 5 12 5C12.2652 5 12.5196 5.10536 12.7071 5.29289C12.8946 5.48043 13 5.73478 13 6V10C13 10.2652 12.8946 10.5196 12.7071 10.7071C12.5196 10.8946 12.2652 11 12 11ZM13 15H11V13H13V15Z", fill: "currentColor" })));
+  }
+};
+r.style = l;
+export {
+  r as swirl_symbol_announcement
+};

package/dist/swirl-symbol-backup.entry.e1f9b25c.js

@@ -0,0 +1,17 @@
+import { r as t, h as e, F as C } from "./index.d90adc50.js";
+import { c as l } from "./index-267776a4.6beb4f4b.js";
+import "react";
+import "react-dom";
+const o = ":host{display:inline-flex}", r = o, a = class {
+  constructor(s) {
+    t(this, s), this.size = 24;
+  }
+  render() {
+    const s = this.size === 20 ? 24 : this.size, i = l("swirl-symbol", `swirl-symbol--size-${this.size}`);
+    return e("svg", { key: "e42913eb3be00954817e39db41d9ac74c286d29b", 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: "643b11130d9b387d43f122e4c9b0506895e55614" }, e("path", { key: "158a7149655e3fcec3e8f902555b0ebaa2e88567", d: "M19 11C19.001 9.30604 18.3871 7.66929 17.2725 6.39373C16.1578 5.11818 14.6181 4.29053 12.9393 4.06449C11.2605 3.83845 9.55667 4.22938 8.14432 5.16469C6.73198 6.1 5.70709 7.5161 5.26 9.15C3.95216 9.46173 2.80381 10.2417 2.03194 11.3426C1.26008 12.4434 0.91817 13.7888 1.07083 15.1246C1.22349 16.4604 1.86015 17.694 2.86048 18.5923C3.86082 19.4906 5.15555 19.9914 6.5 20H18.5C19.6508 19.9951 20.7562 19.551 21.5905 18.7584C22.4248 17.9657 22.925 16.8845 22.9888 15.7355C23.0526 14.5865 22.6753 13.4565 21.934 12.5763C21.1926 11.6962 20.1431 11.1323 19 11ZM13 13V15C13 15.2652 12.8946 15.5196 12.7071 15.7071C12.5196 15.8946 12.2652 16 12 16C11.7348 16 11.4804 15.8946 11.2929 15.7071C11.1054 15.5196 11 15.2652 11 15V13H9.21C9.11214 12.9986 9.01683 12.9686 8.93589 12.9135C8.85495 12.8585 8.79195 12.7809 8.75468 12.6904C8.71742 12.5999 8.70753 12.5005 8.72625 12.4044C8.74498 12.3083 8.79148 12.2199 8.86 12.15L11.65 9.36C11.6965 9.31313 11.7518 9.27594 11.8127 9.25055C11.8736 9.22517 11.939 9.2121 12.005 9.2121C12.071 9.2121 12.1364 9.22517 12.1973 9.25055C12.2582 9.27594 12.3135 9.31313 12.36 9.36L15.15 12.15C15.2185 12.2199 15.265 12.3083 15.2837 12.4044C15.3025 12.5005 15.2926 12.5999 15.2553 12.6904C15.2181 12.7809 15.155 12.8585 15.0741 12.9135C14.9932 12.9686 14.8979 12.9986 14.8 13H13Z", fill: "currentColor" })));
+  }
+};
+a.style = r;
+export {
+  a as swirl_symbol_backup
+};

package/dist/swirl-symbol-beach-access.entry.3f3322db.js

@@ -0,0 +1,17 @@
+import { r as t, h as e, F as c } from "./index.d90adc50.js";
+import { c as l } from "./index-267776a4.6beb4f4b.js";
+import "react";
+import "react-dom";
+const o = ":host{display:inline-flex}", r = o, C = class {
+  constructor(s) {
+    t(this, s), this.size = 24;
+  }
+  render() {
+    const s = this.size === 20 ? 24 : this.size, i = l("swirl-symbol", `swirl-symbol--size-${this.size}`);
+    return e("svg", { key: "05a389adb216cf7c54647d6dd6ea40fb84fdfc91", 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: "f1300e921cfe37f6092f837125c8bdf60f96837d" }, e("path", { key: "c7df2a9a491e8350b81808266a7729c545f7a5ce", d: "M13.13 14.56L14.56 13.13L20.29 18.86C20.3839 18.9539 20.4584 19.0654 20.5092 19.188C20.56 19.3107 20.5862 19.4422 20.5862 19.575C20.5862 19.7078 20.56 19.8393 20.5092 19.9619C20.4584 20.0846 20.3839 20.1961 20.29 20.29C20.1961 20.3839 20.0846 20.4584 19.962 20.5092C19.8393 20.56 19.7078 20.5862 19.575 20.5862C19.4422 20.5862 19.3107 20.56 19.188 20.5092C19.0654 20.4584 18.9539 20.3839 18.86 20.29L13.13 14.56ZM17.42 8.82999L18.69 7.55999C18.9024 7.352 19.0653 7.09889 19.1666 6.81942C19.2679 6.53994 19.305 6.24126 19.2752 5.94549C19.2455 5.64972 19.1495 5.36443 18.9946 5.11075C18.8396 4.85707 18.6296 4.6415 18.38 4.47999C16.4475 3.29944 14.1744 2.80256 11.9256 3.06915C9.67682 3.33574 7.58287 4.35033 5.98 5.94999C7.96561 5.31437 10.0895 5.24725 12.1113 5.75623C14.1331 6.26521 15.972 7.32997 17.42 8.82999ZM5.95 5.97999C4.35126 7.58313 3.33653 9.67625 3.06821 11.9244C2.79989 14.1725 3.29348 16.4456 4.47 18.38C4.63075 18.6305 4.84601 18.8414 5.09971 18.9971C5.35341 19.1527 5.63899 19.249 5.93513 19.2788C6.23127 19.3086 6.53032 19.2712 6.80995 19.1692C7.08957 19.0672 7.34255 18.9034 7.55 18.69L8.82 17.42C7.32318 15.9699 6.26132 14.1305 5.75421 12.1091C5.2471 10.0877 5.31491 7.96488 5.95 5.97999ZM5.97 5.95999L5.96 5.96999C5.58 8.97999 7.13 12.85 10.26 15.99L15.99 10.26C12.86 7.12999 8.98 5.57999 5.97 5.95999Z", fill: "currentColor" })));
+  }
+};
+C.style = r;
+export {
+  C as swirl_symbol_beach_access
+};

package/dist/swirl-symbol-bookmark.entry.9d67f514.js

@@ -0,0 +1,17 @@
+import { r as o, h as e, F as t } from "./index.d90adc50.js";
+import { c as r } from "./index-267776a4.6beb4f4b.js";
+import "react";
+import "react-dom";
+const l = ":host{display:inline-flex}", c = l, a = class {
+  constructor(s) {
+    o(this, s), this.size = 24;
+  }
+  render() {
+    const s = this.size === 20 ? 24 : this.size, i = r("swirl-symbol", `swirl-symbol--size-${this.size}`);
+    return e("svg", { key: "f753cf84c0b78ec43830b359fe87a3be20237c40", 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(t, { key: "125dd5201e59b2e7fb96f79d841fc4f3587637d7" }, e("path", { key: "fb4216d70ac0140cf82845aed02ffceec8a6ec9c", d: "M17 3H7C6.47005 3.00158 5.96227 3.2128 5.58753 3.58753C5.2128 3.96227 5.00158 4.47005 5 5V21L12 18L19 21V5C18.9984 4.47005 18.7872 3.96227 18.4125 3.58753C18.0377 3.2128 17.5299 3.00158 17 3Z", fill: "currentColor" })));
+  }
+};
+a.style = c;
+export {
+  a as swirl_symbol_bookmark
+};

package/dist/swirl-symbol-cloud.entry.2811fd9f.js

@@ -0,0 +1,17 @@
+import { r as t, h as e, F as l } from "./index.d90adc50.js";
+import { c as o } from "./index-267776a4.6beb4f4b.js";
+import "react";
+import "react-dom";
+const r = ":host{display:inline-flex}", a = r, c = class {
+  constructor(s) {
+    t(this, s), this.size = 24;
+  }
+  render() {
+    const s = this.size === 20 ? 24 : this.size, i = o("swirl-symbol", `swirl-symbol--size-${this.size}`);
+    return e("svg", { key: "84ebb80e4df61a9ca110914e8ed92645c8eb9a41", 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(l, { key: "dfe0a525223205ab0c2f69924f83bfc690c5aace" }, e("path", { key: "d508058b57515e452a223ecafcf38805dd1f76a8", d: "M19.35 10.04C19.0492 8.51623 18.2822 7.12361 17.1552 6.05484C16.0283 4.98606 14.597 4.29397 13.0594 4.07431C11.5218 3.85466 9.95398 4.11831 8.57282 4.82877C7.19165 5.53924 6.06544 6.66141 5.35 8.04C3.83222 8.21584 2.43869 8.9641 1.45369 10.1322C0.468684 11.3002 -0.0335876 12.8001 0.04933 14.3257C0.132248 15.8514 0.794107 17.288 1.8999 18.3424C3.00569 19.3969 4.4721 19.9897 6 20H19C20.2928 20.0011 21.5355 19.5001 22.4659 18.6025C23.3964 17.705 23.9418 16.4811 23.9872 15.1891C24.0326 13.8971 23.5744 12.638 22.7093 11.6773C21.8441 10.7167 20.6397 10.1296 19.35 10.04Z", fill: "currentColor" })));
+  }
+};
+c.style = a;
+export {
+  c as swirl_symbol_cloud
+};