@getflip/swirl-components-react 0.360.0 → 0.362.0

package/dist/{swirl-select.entry.62a40f2a.js → swirl-select.entry.53bc3aea.js}

@@ -1,29 +1,29 @@
-import { r as d, c as n, h as t, H as p, g as u } from "./index.46374d45.js";
+import { r as d, c as n, h as t, H as p, g as u } from "./index.17d0ad6d.js";
 import { c as w } from "./index-orsBiyT_.fc4357c3.js";
-import { q as b } from "./utils-D_MUFqkF.654ff3ce.js";
+import { q as f } from "./utils-D_MUFqkF.654ff3ce.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--standalone.sc-swirl-select{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.select--standalone.sc-swirl-select .select__indicator.sc-swirl-select{position:relative;top:auto;right:auto;cursor:pointer;transform:none}.select--standalone.sc-swirl-select .select__input.sc-swirl-select{padding-right:var(--s-space-8);font-weight:var(--s-font-weight-medium);cursor:pointer}.select--standalone.sc-swirl-select .select__value-container.sc-swirl-select{width:-webkit-min-content;width:-moz-min-content;width:min-content}.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__resize-helper.sc-swirl-select{display:block;width:auto;height:0;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));padding-right:var(--s-space-8);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left;white-space:pre;white-space:pre;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__resize-helper.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.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;flex-shrink:0;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)}}", v = class {
+const v = ".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--standalone.sc-swirl-select{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.select--standalone.sc-swirl-select .select__indicator.sc-swirl-select{position:relative;top:auto;right:auto;cursor:pointer;transform:none}.select--standalone.sc-swirl-select .select__input.sc-swirl-select{padding-right:var(--s-space-8);font-weight:var(--s-font-weight-medium);cursor:pointer}.select--standalone.sc-swirl-select .select__value-container.sc-swirl-select{width:-webkit-min-content;width:-moz-min-content;width:min-content}.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__resize-helper.sc-swirl-select{display:block;width:auto;height:0;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));padding-right:var(--s-space-8);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left;white-space:pre;white-space:pre;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__resize-helper.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.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;flex-shrink:0;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 = class {
   constructor(s) {
     d(this, s), this.searchChange = n(this, "searchChange", 7), this.valueChange = n(this, "valueChange", 7), this.allowDeselect = !0, this.emptyListLabel = "No results found.", this.searchInputLabel = "Search options", this.selectId = Math.round(Math.random() * 1e6).toString(), this.options = [], this.select = (e) => {
       e.stopPropagation(), this.value = e.detail, this.multiSelect || this.swirlPopover.close();
     }, this.unselectOption = (e) => {
-      !this.allowDeselect || (this.value = this.value.filter((a) => a !== e));
+      !this.allowDeselect || (this.value = this.value.filter((l) => l !== e));
     }, this.onSlotChange = () => {
       this.updateOptions();
     }, this.onOpen = (e) => {
-      var a, l;
-      this.placement = (a = e.detail.position) == null ? void 0 : a.placement, this.open = !0, this.withSearch && Boolean(this.searchInput) ? this.searchInput.focus() : (l = this.optionList.querySelector('[tabIndex="0"]')) == null || l.focus();
+      var l, a;
+      this.placement = (l = e.detail.position) == null ? void 0 : l.placement, this.open = !0, this.withSearch && Boolean(this.searchInput) ? this.searchInput.focus() : (a = this.optionList.querySelector('[tabIndex="0"]')) == null || a.focus();
     }, this.onClose = () => {
       Boolean(this.searchInput) && (this.searchInput.value = "", this.searchChange.emit("")), this.open = !1, this.input.focus();
     }, this.onKeyDown = (e) => {
-      var a;
+      var l;
       if (e.code === "Space" || e.code === "Enter") {
         if (e.target === this.searchInput)
           return;
         e.preventDefault(), this.swirlPopover.open(this.el);
       } else
-        e.code === "ArrowDown" && e.target === this.searchInput && ((a = this.optionList.querySelector('[tabIndex="0"]')) == null || a.focus());
+        e.code === "ArrowDown" && e.target === this.searchInput && ((l = this.optionList.querySelector('[tabIndex="0"]')) == null || l.focus());
     }, this.onSearchInput = (e) => {
       this.searchChange.emit(e.target.value);
     };
@@ -41,7 +41,7 @@ const f = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-s
     s.target === this.el.querySelector("input") && s.stopImmediatePropagation();
   }
   onValueChange(s, e) {
-    (s == null ? void 0 : s.length) === (e == null ? void 0 : e.length) && (s == null ? void 0 : s.every((l) => e == null ? void 0 : e.includes(l))) || this.valueChange.emit(this.value);
+    (s == null ? void 0 : s.length) === (e == null ? void 0 : e.length) && (s == null ? void 0 : s.every((a) => e == null ? void 0 : e.includes(a))) || this.valueChange.emit(this.value);
   }
   observeSlotChanges() {
     this.observer = new MutationObserver(() => {
@@ -52,30 +52,30 @@ const f = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-s
     });
   }
   updateOptions() {
-    this.options = b(this.el, "swirl-option-list-item");
+    this.options = f(this.el, "swirl-option-list-item");
   }
   getValueLabel() {
     var s;
     return Boolean(this.value) ? (s = this.value) == null ? void 0 : s.map((e) => {
-      var a;
-      return (a = this.options.find((l) => l.value === e)) == null ? void 0 : a.label;
+      var l;
+      return (l = this.options.find((a) => a.value === e)) == null ? void 0 : l.label;
     }).join(", ") : "";
   }
   render() {
     var c, r;
-    const s = this.getValueLabel(), e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, a = this.el.closest("swirl-form-control"), l = this.standalone ? [-8, 0] : (a == null ? void 0 : a.inline) || (a == null ? void 0 : a.labelPosition) === "outside" ? [0, -12] : [0, -16], o = w("select", `select--placement-${this.placement}`, {
+    const s = this.getValueLabel(), e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, l = this.el.closest("swirl-form-control"), a = this.standalone ? [-8, 0] : (l == null ? void 0 : l.inline) || (l == null ? void 0 : l.labelPosition) === "outside" ? [0, -12] : [0, -16], o = w("select", `select--placement-${this.placement}`, {
       "select--disabled": this.disabled,
       "select--inline": this.inline,
       "select--multi": this.multiSelect,
       "select--search-loading": this.searchLoading,
       "select--standalone": this.standalone
     });
-    return t(p, { key: "d1031615d59be2e17c0b23ca7abf7c035b6cd435", onKeyDown: this.onKeyDown }, t("div", { key: "8dcde5f5d53860b31ca8841e7d6431575f0418db", class: o }, t("swirl-popover-trigger", { key: "6b0f87fe64afa581646b9dbf7f14060d031a4324", swirlPopover: this.swirlPopover, setAriaAttributes: !1 }, t("swirl-stack", { key: "4b1952ba092b5a1d607282eea65364fae752d087", class: "select__value-container" }, this.standalone && t("span", { key: "7eb072eea5dcc08ae527c4f7391d932309531543", "aria-hidden": "true", class: "select__resize-helper" }, s), t("input", { key: "2739933c28cabb4ed7d48203808cc3de78197927", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, class: "select__input", disabled: this.disabled, readOnly: !0, ref: (i) => this.input = i, type: "text", value: s }))), t("span", { key: "9c6a02b0a8263236dc8ab24a1bd5e391aaa9e2bc", class: "select__multi-select-values" }, (r = (c = this.value) == null ? void 0 : c.map((i) => this.options.find((h) => h.value === i))) == null ? void 0 : r.map((i) => t("swirl-tag", {
+    return t(p, { key: "c533f5a8e9ea5fcd2c75698bf999cf5aceec9528", onKeyDown: this.onKeyDown }, t("div", { key: "f1d75d71dd5fd569883082fb0cc36e0dd0acc616", class: o }, t("swirl-popover-trigger", { key: "c949e7ed55431de42353f14a60dc7518796d19c7", swirlPopover: this.swirlPopover, setAriaAttributes: !1 }, t("swirl-stack", { key: "63718ba09fff33c26b90d583c7bc62ffb805d492", class: "select__value-container" }, this.standalone && t("span", { key: "61367a9a667d5dc266b333774f822685fbde46bd", "aria-hidden": "true", class: "select__resize-helper" }, s), t("input", { key: "ca4dbe77ea103c58b12548a7a714602f4e303644", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, class: "select__input", disabled: this.disabled, readOnly: !0, ref: (i) => this.input = i, type: "text", value: s }))), t("span", { key: "111f3ac7c2f62ade6518b935d24cd180e12dec85", class: "select__multi-select-values" }, (r = (c = this.value) == null ? void 0 : c.map((i) => this.options.find((h) => h.value === i))) == null ? void 0 : r.map((i) => t("swirl-tag", {
       "aria-hidden": "true",
       label: i == null ? void 0 : i.label,
       onRemove: () => this.unselectOption(i == null ? void 0 : i.value),
       removable: !this.disabled && this.allowDeselect && !(i != null && i.disabled)
-    }))), t("span", { key: "07b4f6abc769e957e0f677fd4307d99518ebfac3", class: "select__indicator" }, this.open ? t("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 }) : t("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 })), t("swirl-popover", { key: "96b0cd2a3dc850c0049e4feefd01f21605a7f162", animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: l, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (i) => this.swirlPopover = i, useContainerWidth: this.standalone ? !1 : "swirl-form-control" }, this.withSearch && t("div", { key: "cb770fb13680cbd18358f27d9ff57295891669e9", class: "select__search" }, t("swirl-icon-search", { key: "15a676fcc790937b3c895acee0a70ab0a6f1e257", class: "select__search-icon", size: 20 }), t("input", { key: "5a51f57e110484ed1247372e5ca20bd9f5548cf2", "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (i) => this.searchInput = i, type: "search" }), this.searchLoading && t("swirl-spinner", { key: "0ceaa6d772d31cc24717a20f002eed2746ca3343", class: "select__search-spinner", size: "s" })), t("swirl-option-list", { key: "3327d160e78a0858957b1fe53b105ec7d59e13fa", allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (i) => this.optionList = i, value: this.value }, !this.searchLoading && t("div", { key: "8c9b26e7b8c931e00f0ba166343b02e491ca80a8", "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, t("swirl-text", { key: "7adab3b703802035c466dcda4eeb05ca9de7aaa9", color: "subdued", weight: "medium" }, this.emptyListLabel)), t("slot", { key: "044d1d53062aed1145ccd0d4a53ef30f8fc472e5", onSlotchange: this.onSlotChange })))));
+    }))), t("span", { key: "1aac41b4a6d9ac91d1227622065b3c9682eb9253", class: "select__indicator" }, this.open ? t("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 }) : t("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 })), t("swirl-popover", { key: "1ab6fd1029534a3a9ef0896dcc073a55f48c00ed", animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: a, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (i) => this.swirlPopover = i, useContainerWidth: this.standalone ? !1 : "swirl-form-control" }, this.withSearch && t("div", { key: "97d19270357ccddfe54732e6c7e954aa89f565cc", class: "select__search" }, t("swirl-icon-search", { key: "d319ae0563cdb4b8960f948a6bfe3120f78d5958", class: "select__search-icon", size: 20 }), t("input", { key: "d7dc08fab7877ae9c9bed08961ef94bf14432a25", "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (i) => this.searchInput = i, type: "search" }), this.searchLoading && t("swirl-spinner", { key: "8440a2940b73149b8db60fbd5fc5f04a40ac97b4", class: "select__search-spinner", size: "s" })), t("swirl-option-list", { key: "853541359e3695d0d29d73fd025c2fc5842da386", allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (i) => this.optionList = i, value: this.value }, !this.searchLoading && t("div", { key: "cd9eaa70c8aa04656f53b2737eb3d10672d33d55", "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, t("swirl-text", { key: "856c423dc7fb206a6a734cacdef4352cd2e90f87", color: "subdued", weight: "medium" }, this.emptyListLabel)), t("slot", { key: "2d253c5ca76038e5ab43e7ee7c048f6cd094f535", onSlotchange: this.onSlotChange })))));
   }
   get el() {
     return u(this);
@@ -86,7 +86,7 @@ const f = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-s
     };
   }
 };
-v.style = f;
+m.style = v;
 export {
-  v as swirl_select
+  m as swirl_select
 };

package/dist/{swirl-separator.entry.7e3fd4eb.js → swirl-separator.entry.eec3a462.js}

@@ -1,4 +1,4 @@
-import { r as t, h as r, F as e, H as s } from "./index.46374d45.js";
+import { r as t, h as r, F as e, H as s } from "./index.17d0ad6d.js";
 import { c as i } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-shell-layout.entry.a09ab746.js → swirl-shell-layout.entry.bdb69768.js}

@@ -1,17 +1,17 @@
-import { r as y, c as o, h as e, H as u, g as b } from "./index.46374d45.js";
+import { r as y, c as o, h as e, H as u, g as b } from "./index.17d0ad6d.js";
 import { c as v } from "./index-orsBiyT_.fc4357c3.js";
 import { c as g } from "./focus-trap.esm-DIdMBZfn.c41dd5d8.js";
-import { d as w, m as t } from "./utils-D_MUFqkF.654ff3ce.js";
+import { d as p, m as t } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";
-const p = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sunken-default);--swirl-shell-text-color:var(--s-text-default);--swirl-shell-header-height:3.25rem;--swirl-shell-collapsed-nav-width:4rem;--swirl-shell-extended-nav-width:18rem;--swirl-shell-sidebar-width:21rem;display:flex;width:100%;height:100%}.sc-swirl-shell-layout-h *.sc-swirl-shell-layout{box-sizing:border-box}.shell-layout.sc-swirl-shell-layout{display:grid;overflow:hidden;width:100%;min-height:100%;background-color:var(--swirl-shell-background);transition:grid-template-columns 0.1s;grid-template-columns:0 1fr 0;grid-template-rows:1fr;grid-template-areas:"nav main"}@media (prefers-reduced-motion){.shell-layout.sc-swirl-shell-layout{transition:none}}@media (min-width: 992px){.shell-layout.sc-swirl-shell-layout{padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);-moz-column-gap:var(--s-space-8);column-gap:var(--s-space-8);grid-template-columns:var(--swirl-shell-extended-nav-width) 1fr 0;grid-template-rows:var(--swirl-shell-header-height) 1fr;grid-template-areas:"header header header"
-      "nav main sidebar"}}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout{border-bottom:none;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-action-primary-hovered)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-action-primary-pressed)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout swirl-badge.sc-swirl-shell-layout{--swirl-badge-border-color:var(--s-action-primary-default)}@media (min-width: 992px){.shell-layout--navigation-collapsed.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{scrollbar-width:none}.shell-layout--navigation-collapsed.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout::-webkit-scrollbar{width:0;background:transparent;-webkit-appearance:none}}.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul>*,.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul>*,.shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul>*{max-width:100%;max-height:3rem;flex-basis:100%}@media (min-width: 992px){.shell-layout--navigation-collapsed.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-collapsed-nav-width) 1fr 0}}@media (min-width: 1440px){.shell-layout--sidebar-active.shell-layout--navigation-collapsed.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-collapsed-nav-width) 1fr var(
+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>*{max-width:100%;max-height:3rem;flex-basis:100%}@media (min-width: 992px){.shell-layout--navigation-collapsed.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-collapsed-nav-width) 1fr 0}}@media (min-width: 1440px){.shell-layout--sidebar-active.shell-layout--navigation-collapsed.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-collapsed-nav-width) 1fr var(
           --swirl-shell-sidebar-width
         )}}@media (min-width: 1440px){.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__main.sc-swirl-shell-layout{width:100%}}.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__sidebar.sc-swirl-shell-layout{overflow:initial}@media (min-width: 992px){.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__sidebar-body.sc-swirl-shell-layout{border:0.0625rem solid var(--s-border-default);transform:translate3d(0, 0, 0)}}@media (min-width: 1440px){.shell-layout--sidebar-active.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-extended-nav-width) 1fr var(
         --swirl-shell-sidebar-width
-      )}}.sc-swirl-shell-layout:not(.shell-layout--sidebar-active) .shell-layout__sidebar.sc-swirl-shell-layout{animation:shell-layout-no-overflow-after-transition 0.1s;animation-fill-mode:forwards}.shell-layout--sidebar-scrollable.sc-swirl-shell-layout:not(.shell-layout--sidebar-scrolled-to-top) .shell-layout__sidebar-app-bar.sc-swirl-shell-layout{border-bottom-color:var(--s-border-default)}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:translate3d(0, 0, 0);box-shadow:var(--s-shadow-level-3)}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:none;box-shadow:none}}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:block}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:none}}.shell-layout--has-secondary-nav.sc-swirl-shell-layout .shell-layout__secondary-nav.sc-swirl-shell-layout{display:block}.shell-layout--secondary-nav-collapsed.sc-swirl-shell-layout .shell-layout__secondary-nav-items.sc-swirl-shell-layout{display:none}.shell-layout__header.sc-swirl-shell-layout{position:relative;display:none;width:calc(100% + var(--s-space-8));padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;color:var(--swirl-shell-text-color);grid-area:header}@media (min-width: 992px){.shell-layout__header.sc-swirl-shell-layout{display:flex}}.shell-layout__skip-link.sc-swirl-shell-layout{position:absolute;z-index:9;top:0;left:0;padding:var(--s-space-4);border:none;color:var(--swirl-shell-text-color);background-color:var(--swirl-shell-background);font:inherit;cursor:pointer}.shell-layout__skip-link.sc-swirl-shell-layout:not(:focus):not(:active){position:absolute;overflow:hidden;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.shell-layout__header-left.sc-swirl-shell-layout{display:flex;padding-left:var(--s-space-2);flex-basis:8rem;flex-shrink:0;align-items:center;gap:var(--s-space-8)}.shell-layout__header-right.sc-swirl-shell-layout{--swirl-ghost-button-background-default:var(--s-surface-sunken-default);--swirl-ghost-button-background-hovered:var(--s-surface-sunken-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-sunken-pressed);display:flex;flex-basis:8rem;flex-shrink:0;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__logo.sc-swirl-shell-layout{display:flex;flex-grow:1;justify-content:center;align-items:center}.shell-layout__logo.sc-swirl-shell-layout-s>a{display:flex}.shell-layout__logo.sc-swirl-shell-layout-s>a img,.shell-layout__logo.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__header-tool.sc-swirl-shell-layout{position:relative;width:2.25rem;height:2.25rem;padding:var(--s-space-8);flex-shrink:0;border:none;border-radius:var(--s-border-radius-sm);color:var(--swirl-shell-text-color);background-color:var(--s-surface-sunken-default);font:inherit;cursor:pointer}.shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-surface-sunken-hovered)}.shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-surface-sunken-pressed)}.shell-layout__header-tool.sc-swirl-shell-layout:focus{outline:none}.shell-layout__header-tool.sc-swirl-shell-layout:focus-visible{box-shadow:0 0 0 0.125rem var(--s-focus-default)}.shell-layout__header-tool.sc-swirl-shell-layout swirl-badge.sc-swirl-shell-layout{--swirl-badge-border-color:var(--s-surface-sunken-default);position:absolute;top:var(--s-space-2);right:var(--s-space-2);padding-right:var(--s-space-2);transform:translate3d(0.1875rem, 0, 0)}.shell-layout__sidebar-toggle.sc-swirl-shell-layout{display:none}@media (min-width: 992px){.shell-layout__sidebar-toggle.sc-swirl-shell-layout{display:block}}.shell-layout__nav.sc-swirl-shell-layout{position:fixed;z-index:9;top:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;width:100%;max-width:18.75rem;color:var(--swirl-shell-text-color);background-color:var(--s-surface-overlay-default);transition:transform 0.1s, box-shadow 0.1s, width 0.1s;transform:translate3d(-100%, 0, 0);grid-area:nav}@media (prefers-reduced-motion){.shell-layout__nav.sc-swirl-shell-layout{transition:none}}@media (min-width: 992px){.shell-layout__nav.sc-swirl-shell-layout{position:relative;max-width:none;padding-top:0;padding-right:var(--s-space-4);padding-bottom:var(--s-space-8);padding-left:var(--s-space-12);background-color:var(--swirl-shell-background);transform:none;box-shadow:none;inset:auto}}.shell-layout__mobile-header.sc-swirl-shell-layout{display:flex;min-height:3.5rem;margin-bottom:var(--s-space-8);padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:0.0625rem solid var(--s-border-default)}.shell-layout__mobile-header.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout{background-color:var(--s-surface-overlay-default)}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-surface-overlay-hovered)}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-surface-overlay-pressed)}@media (min-width: 992px){.shell-layout__mobile-header.sc-swirl-shell-layout{display:none}}.shell-layout__mobile-header-tools.sc-swirl-shell-layout{display:flex;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__nav-body.sc-swirl-shell-layout{padding:var(--s-space-8)}.shell-layout__nav-body.sc-swirl-shell-layout-s ul{margin:0;padding:0;list-style:none}.shell-layout__nav-body.sc-swirl-shell-layout-s li{display:flex}@media (min-width: 992px){.shell-layout__nav-body.sc-swirl-shell-layout{padding:0}}.shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{position:fixed;z-index:8;display:none;background-color:rgba(0, 0, 0, 0.25);animation:shell-layout-backdrop-fade-in 0.1s;inset:0}.shell-layout__secondary-nav.sc-swirl-shell-layout{display:none}.shell-layout__secondary-nav-items.sc-swirl-shell-layout-s>ul,.shell-layout__secondary-nav-items .sc-swirl-shell-layout-s>ul{display:flex;flex-direction:column;gap:var(--s-space-2)}.shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul{flex-wrap:wrap;flex-direction:row;gap:var(--s-space-16)}.shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul>*,.shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul>*{min-width:0;max-height:none;flex-basis:calc(50% - var(--s-space-8))}.shell-layout__main.sc-swirl-shell-layout{overflow:hidden;background-color:var(--s-background-default);grid-area:main}@media (min-width: 992px){.shell-layout__main.sc-swirl-shell-layout{width:calc(100% + var(--s-space-8));border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm)}}.shell-layout__sidebar.sc-swirl-shell-layout{position:relative;display:none;min-height:0;grid-area:sidebar}@media (min-width: 992px){.shell-layout__sidebar.sc-swirl-shell-layout{display:block}}.shell-layout__sidebar-body.sc-swirl-shell-layout{z-index:1;display:flex;width:var(--swirl-shell-sidebar-width);height:100%;border-radius:var(--s-border-radius-sm);background-color:var(--s-background-default);flex-direction:column}@media (min-width: 992px){.shell-layout__sidebar-body.sc-swirl-shell-layout{position:absolute;top:0;right:0;bottom:0;transition:transform 0.1s;transform:translate3d(calc(100% + var(--s-space-24)), 0, 0);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 1440px){.shell-layout__sidebar-body.sc-swirl-shell-layout{position:relative;transform:none;box-shadow:none;inset:auto}}@media (prefers-reduced-motion){.shell-layout__sidebar-body.sc-swirl-shell-layout{transition:none}}.shell-layout__sidebar-app-bar.sc-swirl-shell-layout{flex-grow:0;flex-shrink:0;border-bottom:var(--s-border-width-default) solid transparent}.shell-layout__sidebar-content.sc-swirl-shell-layout{overflow:auto;flex-grow:1}@keyframes shell-layout-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes shell-layout-no-overflow-after-transition{0%{overflow:initial}99%{overflow:initial}100%{overflow:hidden}}`, i = "SWIRL_SHELL_SECONDARY_NAVIGATION_COLLAPSE_STATE", r = "SWIRL_SHELL_SECONDARY_NAVIGATION_VIEW_STATE", d = "SWIRL_SHELL_NAVIGATION_COLLAPSE_STATE", n = "SWIRL_SHELL_SIDEBAR_STATE", f = class {
+      )}}.sc-swirl-shell-layout:not(.shell-layout--sidebar-active) .shell-layout__sidebar.sc-swirl-shell-layout{animation:shell-layout-no-overflow-after-transition 0.1s;animation-fill-mode:forwards}.shell-layout--sidebar-scrollable.sc-swirl-shell-layout:not(.shell-layout--sidebar-scrolled-to-top) .shell-layout__sidebar-app-bar.sc-swirl-shell-layout{border-bottom-color:var(--s-border-default)}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:translate3d(0, 0, 0);box-shadow:var(--s-shadow-level-3)}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:none;box-shadow:none}}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:block}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:none}}.shell-layout--has-secondary-nav.sc-swirl-shell-layout .shell-layout__secondary-nav.sc-swirl-shell-layout{display:block}.shell-layout--secondary-nav-collapsed.sc-swirl-shell-layout .shell-layout__secondary-nav-items.sc-swirl-shell-layout{display:none}.shell-layout__header.sc-swirl-shell-layout{position:relative;display:none;width:calc(100% + var(--s-space-8));padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;color:var(--swirl-shell-text-color);grid-area:header}@media (min-width: 992px){.shell-layout__header.sc-swirl-shell-layout{display:flex}}.shell-layout__skip-link.sc-swirl-shell-layout{position:absolute;z-index:9;top:0;left:0;padding:var(--s-space-4);border:none;color:var(--swirl-shell-text-color);background-color:var(--swirl-shell-background);font:inherit;cursor:pointer}.shell-layout__skip-link.sc-swirl-shell-layout:not(:focus):not(:active){position:absolute;overflow:hidden;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.shell-layout__header-left.sc-swirl-shell-layout{display:flex;padding-left:var(--s-space-2);flex-basis:8rem;flex-shrink:0;align-items:center;gap:var(--s-space-8)}.shell-layout__header-right.sc-swirl-shell-layout{--swirl-ghost-button-background-default:var(--s-surface-sunken-default);--swirl-ghost-button-background-hovered:var(--s-surface-sunken-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-sunken-pressed);display:flex;flex-basis:8rem;flex-shrink:0;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__logo.sc-swirl-shell-layout{display:flex;flex-grow:1;justify-content:center;align-items:center}.shell-layout__logo.sc-swirl-shell-layout-s>a{display:flex}.shell-layout__logo.sc-swirl-shell-layout-s>a img,.shell-layout__logo.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__header-tool.sc-swirl-shell-layout{position:relative;width:2.25rem;height:2.25rem;padding:var(--s-space-8);flex-shrink:0;border:none;border-radius:var(--s-border-radius-sm);color:var(--swirl-shell-text-color);background-color:var(--s-surface-sunken-default);font:inherit;cursor:pointer}.shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-surface-sunken-hovered)}.shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-surface-sunken-pressed)}.shell-layout__header-tool.sc-swirl-shell-layout:focus{outline:none}.shell-layout__header-tool.sc-swirl-shell-layout:focus-visible{box-shadow:0 0 0 0.125rem var(--s-focus-default)}.shell-layout__header-tool.sc-swirl-shell-layout swirl-badge.sc-swirl-shell-layout{--swirl-badge-border-color:var(--s-surface-sunken-default);position:absolute;top:var(--s-space-2);right:var(--s-space-2);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:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.shell-layout:not(.shell-layout--navigation-collapsed) .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:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul>*,.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul>*{min-width:0;max-height:none}.shell-layout__secondary-nav-items--tiled.sc-swirl-shell-layout-s>ul>*,.shell-layout__secondary-nav-items--tiled .sc-swirl-shell-layout-s>ul>*{flex-basis:calc(50% - var(--s-space-8))}.shell-layout__secondary-nav-items--app-icon.sc-swirl-shell-layout-s>ul>*,.shell-layout__secondary-nav-items--app-icon .sc-swirl-shell-layout-s>ul>*{flex-basis:calc(32% - var(--s-space-8))}.shell-layout__main.sc-swirl-shell-layout{overflow:hidden;background-color:var(--s-background-default);grid-area:main}@media (min-width: 992px){.shell-layout__main.sc-swirl-shell-layout{width:calc(100% + var(--s-space-8));border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm)}}.shell-layout__sidebar.sc-swirl-shell-layout{position:relative;display:none;min-height:0;grid-area:sidebar}@media (min-width: 992px){.shell-layout__sidebar.sc-swirl-shell-layout{display:block}}.shell-layout__sidebar-body.sc-swirl-shell-layout{z-index:1;display:flex;width:var(--swirl-shell-sidebar-width);height:100%;border-radius:var(--s-border-radius-sm);background-color:var(--s-background-default);flex-direction:column}@media (min-width: 992px){.shell-layout__sidebar-body.sc-swirl-shell-layout{position:absolute;top:0;right:0;bottom:0;transition:transform 0.1s;transform:translate3d(calc(100% + var(--s-space-24)), 0, 0);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 1440px){.shell-layout__sidebar-body.sc-swirl-shell-layout{position:relative;transform:none;box-shadow:none;inset:auto}}@media (prefers-reduced-motion){.shell-layout__sidebar-body.sc-swirl-shell-layout{transition:none}}.shell-layout__sidebar-app-bar.sc-swirl-shell-layout{flex-grow:0;flex-shrink:0;border-bottom:var(--s-border-width-default) solid transparent}.shell-layout__sidebar-content.sc-swirl-shell-layout{overflow:auto;flex-grow:1}@keyframes shell-layout-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes shell-layout-no-overflow-after-transition{0%{overflow:initial}99%{overflow:initial}100%{overflow:hidden}}`, i = "SWIRL_SHELL_SECONDARY_NAVIGATION_COLLAPSE_STATE", r = "SWIRL_SHELL_SECONDARY_NAVIGATION_VIEW_STATE", d = "SWIRL_SHELL_NAVIGATION_COLLAPSE_STATE", n = "SWIRL_SHELL_SIDEBAR_STATE", f = class {
   constructor(l) {
-    y(this, l), this.sidebarToggleClick = o(this, "sidebarToggleClick", 7), this.skipLinkClick = o(this, "skipLinkClick", 7), 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.sidebarToggleIcon = "notifications", this.sidebarToggleLabel = "Toggle sidebar", this.skipLinkLabel = "Skip to main content", this.isDesktopViewport = !0, this.secondaryNavView = "list", this.sidebarScrollState = {
+    y(this, l), this.sidebarToggleClick = o(this, "sidebarToggleClick", 7), this.skipLinkClick = o(this, "skipLinkClick", 7), this.browserBackButtonLabel = "Navigate back", this.browserForwardButtonLabel = "Navigate forward", this.collapseNavigationButtonLabel = "Collapse navigation", this.enableSecondaryNavGridLayout = !0, this.secondaryNavGridLayoutVariant = "tiled", 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.sidebarToggleIcon = "notifications", this.sidebarToggleLabel = "Toggle sidebar", this.skipLinkLabel = "Skip to main content", this.isDesktopViewport = !0, this.secondaryNavView = "list", this.sidebarScrollState = {
       scrollable: !1,
       scrolledToTop: !1
     }, this.collectNavItems = () => {
@@ -24,7 +24,7 @@ const p = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sun
       this.navigationCollapsed = !this.navigationCollapsed;
     }, this.onNavigationClick = () => {
       this.hideMobileNavigation();
-    }, this.onSidebarScroll = w(() => {
+    }, this.onSidebarScroll = p(() => {
       this.updateSidebarScrollState();
     }, 16);
   }
@@ -91,7 +91,7 @@ const p = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sun
   }
   setSecondaryNavItemsTiled() {
     this.secondaryNavItems.forEach((l) => {
-      l.tiled = this.enableSecondaryNavGridLayout && (this.secondaryNavView === "grid" || this.navigationCollapsed && this.isDesktopViewport);
+      l.variant = this.enableSecondaryNavGridLayout && (this.secondaryNavView === "grid" || this.navigationCollapsed && this.isDesktopViewport) ? this.secondaryNavGridLayoutVariant : "default";
     });
   }
   restoreSecondaryNavState() {
@@ -120,10 +120,11 @@ const p = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sun
       "shell-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
       "shell-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop
     });
-    return e(u, { key: "145beb59a3a61eb54bdf0afb62910673a7f68f15" }, e("div", { key: "fc8670543e559badd26edfef174b5841e32252ea", class: h }, e("header", { key: "93a9731c41b24095664fae994204465809eba542", class: "shell-layout__header", "data-tauri-drag-region": "true" }, e("button", { key: "1d6650ff78b19704eabf838c9f8b6a62ab21255f", class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), e("div", { key: "7827b786a8fbde3b4710538ca0bcb34cd778a378", class: "shell-layout__header-left" }, e("swirl-tooltip", { key: "c9d882a8a68ec78c4eae18a230302a34cc4291fa", content: this.navigationCollapsed ? this.expandNavigationButtonLabel : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, e("button", { key: "1ab392572c7b366b49f03819099b327a6859f1d0", 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: "f26f8e633330956653e7931f54e5b055f7750c45" }, this.navigationCollapsed ? this.expandNavigationButtonLabel : this.collapseNavigationButtonLabel))), e("a", { key: "fa8a132b5745c58bc9ca4a5127a050d8e2a322f5", class: "shell-layout__header-tool", href: "javascript:history.back()" }, e("swirl-icon-arrow-back", { key: "c3dcc838e7345e587f099a0bf99e76071b851fa2", size: 20 }), e("swirl-visually-hidden", { key: "c2b34b9dcfacd0f0959250675fcf05477298dc6d" }, this.browserBackButtonLabel)), e("a", { key: "c70433fe8b668436d7de5861ef5e5c6739c12f2f", class: "shell-layout__header-tool", href: "javascript:history.forward()" }, e("swirl-icon-arrow-forward", { key: "33c060e8e5f99860be1f96e2e1e3a1b6c416af40", size: 20 }), e("swirl-visually-hidden", { key: "85f09cc5e891a723b5b12a64d04f396c73ad9271" }, this.browserForwardButtonLabel)), e("slot", { key: "fb3e7a7eaa86bdc45db5960adba4600c8cb70cc4", name: "left-header-tools" })), e("div", { key: "67551617c815eff767e57b617c9f99170276f6ca", class: "shell-layout__logo" }, e("slot", { key: "7f0b8a256cc9380aa49070007cd23aefab158331", name: "logo" })), e("div", { key: "0985541a454b5615eb33b8acf908927005ac5339", class: "shell-layout__header-right" }, e("slot", { key: "7d26b8cd00a5ba0ed6c79c24db9a49262c7536ff", name: "right-header-tools" }), e("button", { key: "5dded5c0b6c0f4f9fc79c560fef3cf8b684f72c3", class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, e("swirl-icon", { key: "53e5e7158b05226fa1c5a80218cf56d63f935a41", glyph: this.sidebarToggleIcon, size: 20 }), e("swirl-visually-hidden", { key: "3f7905b838a01000eb53c37cc2d3d7fe0b9fb261" }, this.sidebarToggleLabel), this.sidebarToggleBadge && e("swirl-badge", { key: "3c2b8574d4f753bc1a0720f4f2bb8ade0802d0f1", "aria-label": this.sidebarToggleBadgeAriaLabel, label: l ? String(this.sidebarToggleBadge) : this.sidebarToggleBadgeAriaLabel, size: "xs", variant: l ? "default" : "dot" })), e("slot", { key: "dd842d448e0a8c40bbcbf9e6c471b65391e656aa", name: "avatar" }))), e("div", { key: "21ec3253f535a6e11fc4e4b9d3275be16bef3e37", class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), e("nav", { key: "03ccd71ba07a10b25e2e6cc08fa35d20583d0af9", "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (s) => this.navElement = s }, e("div", { key: "67d4bfd1af203813d62cc33ec30536f1d583fd2c", class: "shell-layout__mobile-header" }, e("slot", { key: "5a58cb78d82a485208d78f18a6344d8e6700f9de", name: "mobile-logo" }), e("div", { key: "f97151a5d10dc38914ca0724ab4ef91605748946", class: "shell-layout__mobile-header-tools" }, e("slot", { key: "bafbae1b3c90f0b3e4b8b307bab0fdaa921e6865", name: "mobile-header-tools" }), e("button", { key: "7da04b4e2eb07e8c20a22d90fa213e2b30abd9ac", class: "shell-layout__header-tool", type: "button" }, e("swirl-icon-double-arrow-left", { key: "103e4618977f434370e1798d1a51d320640a0fad", size: 20 }), e("swirl-visually-hidden", { key: "5abbf1644bf262e8d35c6067ea1c828f020d91d4" }, this.hideMobileNavigationButtonLabel)))), e("div", { key: "142f08f462b8bf8399d2bf2d6422d6e7315c570c", class: "shell-layout__nav-body" }, e("swirl-visually-hidden", { key: "85b00ace5e31af100ede2cc0131bac6b6f775e94" }, e("span", { key: "41a713f916dadcc7e49487fb8ae6c09fa00fcc30", id: "main-navigation-label" }, this.navigationLabel)), e("slot", { key: "16ce50afbb39c9b07fef6101acad2ec2c4ba4586", name: "nav", onSlotchange: this.collectNavItems }), e("div", { key: "03b3ce1513e83a0479c032aef4cdffb465f1124a", class: "shell-layout__secondary-nav" }, e("swirl-separator", { key: "65e40b6c023d7d7a4dac4c66497196ed97f82b9f", color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && e("swirl-box", { key: "1bbf9dcf3f7d371e6d4741b2981c9c577ca561c7", paddingBlockEnd: "16" }, e("swirl-stack", { key: "8f1c8e98897eb678eebc599dac9dc4335e0182cd", justify: a ? "center" : "space-between", orientation: "horizontal" }, e("swirl-button", { key: "fad25f850b48d068ae362d3af46480f0216f388a", hideLabel: a, icon: this.secondaryNavCollapsed ? "<swirl-icon-expand-more></swirl-icon-expand-more>" : "<swirl-icon-expand-less></swirl-icon-expand-less>", label: this.secondaryNavCollapsed ? this.secondaryNavExpandLabel : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !a && !this.secondaryNavCollapsed && e("swirl-button", { key: "a25fd052e4f847f6cca797c0f75441c103b32d85", 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: "58194ffa9a4de1213d32d4cb3be20abad06767a0", class: {
+    return e(u, { key: "9c751493caa90c8d209cdaf802f3a2471cf2c43b" }, e("div", { key: "0d6a9b9c3747723307c4afd71bfa12ac678863ce", class: h }, e("header", { key: "4ae8c6df5ca8a88a03d7ebd8ae9a376c1b0cc7b0", class: "shell-layout__header", "data-tauri-drag-region": "true" }, e("button", { key: "086c1bdd5bf9ec288cfd6c94d323d69062368a53", class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), e("div", { key: "fd246e7a0d5bcb6e615c178a52b80a79dcb372e3", class: "shell-layout__header-left" }, e("swirl-tooltip", { key: "f65d96f20f2d61a91d880357a7d0af5fa8920c93", content: this.navigationCollapsed ? this.expandNavigationButtonLabel : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, e("button", { key: "5738d3bf54bb5f193473fe526357e2db9a81be2e", 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: "179718ea90513e2fa688d0527edab4e0e2685630" }, this.navigationCollapsed ? this.expandNavigationButtonLabel : this.collapseNavigationButtonLabel))), e("a", { key: "5a8482c134dbe1c360b32acbaf1fa4827fa2e237", class: "shell-layout__header-tool", href: "javascript:history.back()" }, e("swirl-icon-arrow-back", { key: "45360123d5147e80eeea2c3ec8a6b93350f1a3cc", size: 20 }), e("swirl-visually-hidden", { key: "0933277119b59c5d1336dcf42dca8c626a9e93c9" }, this.browserBackButtonLabel)), e("a", { key: "e812ed7a623fb4d2fb97cf434ffdcf09cbfa51e2", class: "shell-layout__header-tool", href: "javascript:history.forward()" }, e("swirl-icon-arrow-forward", { key: "5e78c3967302c0e5ba99f1e1922dca66a78f3f7c", size: 20 }), e("swirl-visually-hidden", { key: "228e4d052c359a30b5207b2463d8dcd270a5cb5c" }, this.browserForwardButtonLabel)), e("slot", { key: "922ad9dbc8f8e8ed3867d7b4993308ac43c7cf36", name: "left-header-tools" })), e("div", { key: "70b8cc0cbe8fa2f4439a96427c27b32309e82079", class: "shell-layout__logo" }, e("slot", { key: "7f5be19beae205048190df3462f342ceb80c7aa5", name: "logo" })), e("div", { key: "42ac3f772d663f7a0d3f977b79d4d692a01306b7", class: "shell-layout__header-right" }, e("slot", { key: "4afadfcc9a89264979dd24c418fad28ef043f019", name: "right-header-tools" }), e("button", { key: "a1a7ffaa3260eaf2d91f30e24ecb121a0e4adc8b", class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, e("swirl-icon", { key: "5ea6514239f1d0bc5a18cad695257657dfe5a595", glyph: this.sidebarToggleIcon, size: 20 }), e("swirl-visually-hidden", { key: "9d61e2a3d2ce3f7e8073cc96734679fc7e8a96c6" }, this.sidebarToggleLabel), this.sidebarToggleBadge && e("swirl-badge", { key: "27eaec5b60d5dfbb4cf962d543c93f364b9e1c84", "aria-label": this.sidebarToggleBadgeAriaLabel, label: l ? String(this.sidebarToggleBadge) : this.sidebarToggleBadgeAriaLabel, size: "xs", variant: l ? "default" : "dot" })), e("slot", { key: "750f08ca2df6dd1b200b33c1c4a74067a8355816", name: "avatar" }))), e("div", { key: "f6b8966a7a8c0b3381667f88440a9b5aa6d6180f", class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), e("nav", { key: "99af15ebba4f59849a42c536b357c3119e72a369", "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (s) => this.navElement = s }, e("div", { key: "e8f0f3c7c22f3424b5da244a4f9e35d68a6df16b", class: "shell-layout__mobile-header" }, e("slot", { key: "688378a54a44173cbe601f152460b8233b2c722c", name: "mobile-logo" }), e("div", { key: "b355ee02bd82221aac2a805cb28655c85adaa831", class: "shell-layout__mobile-header-tools" }, e("slot", { key: "79b8058933acb81b6068c7f047ad4361c261880f", name: "mobile-header-tools" }), e("button", { key: "bea6783adf1ae60de494396600e5b772222e345c", class: "shell-layout__header-tool", type: "button" }, e("swirl-icon-double-arrow-left", { key: "9cc9b6f61948e8311f29c7b23aca1d95673ed434", size: 20 }), e("swirl-visually-hidden", { key: "c8f3710ff32046e1474291bb8459b746b742e5b6" }, this.hideMobileNavigationButtonLabel)))), e("div", { key: "61a889dca67f3af0a728cc64d9a55325640eb1ef", class: "shell-layout__nav-body" }, e("swirl-visually-hidden", { key: "9581c3fd6fbfb88eca016e77ad41735caa6c7a43" }, e("span", { key: "560779789e0792aa360defb0eef73e5c5bfd63cc", id: "main-navigation-label" }, this.navigationLabel)), e("slot", { key: "91670892f54522f80500d9a0855690e56534485c", name: "nav", onSlotchange: this.collectNavItems }), e("div", { key: "d393078255ba73d63350c65a7ebb0a67a72b9286", class: "shell-layout__secondary-nav" }, e("swirl-separator", { key: "4bfb0409ffcf41c1c4a89bae77a33fcd1cfa9358", color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && e("swirl-box", { key: "e30f4ddfb5b82eb2f8979909b0cff098cb0e7c91", paddingBlockEnd: "16" }, e("swirl-stack", { key: "0cf8f58c0d38e87dc5393b13e0b880ae3298f3ef", justify: a ? "center" : "space-between", orientation: "horizontal" }, e("swirl-button", { key: "5c93d538b2e1a1912fd105db17513b916cba0a35", hideLabel: a, icon: this.secondaryNavCollapsed ? "<swirl-icon-expand-more></swirl-icon-expand-more>" : "<swirl-icon-expand-less></swirl-icon-expand-less>", label: this.secondaryNavCollapsed ? this.secondaryNavExpandLabel : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !a && !this.secondaryNavCollapsed && e("swirl-button", { key: "0c1998573727739df3a79333390edabf8b202b71", 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: "0016ff5a602a91b8ceb9ae880430f1cf646417e9", class: {
+      [`shell-layout__secondary-nav-items--${this.secondaryNavGridLayoutVariant}`]: !0,
       "shell-layout__secondary-nav-items": !0,
-      "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout && (this.secondaryNavView === "grid" || a)
-    } }, e("slot", { key: "0f8de170a58e97c7247e32bd299be70801c39d4a", name: "secondary-nav", onSlotchange: this.collectNavItems }))))), e("main", { key: "4eaff45b2e6ab9fa6b0ba750c743e72cf599f520", class: "shell-layout__main", id: "main-content" }, e("slot", { key: "b9c9733e3fdba52431a5ac69b515a6096b5ff2de" })), e("aside", { key: "c6bf67f8577ae161af4d0870aee0924b9774a406", class: "shell-layout__sidebar", inert: this.sidebarActive ? void 0 : !0 }, e("div", { key: "4dd11812f5c370fbed3964bf499aca4e442a8b82", class: "shell-layout__sidebar-body" }, e("div", { key: "856529398cb2ee871550a8e16d411efbb08505ea", class: "shell-layout__sidebar-app-bar" }, e("slot", { key: "19fe1d49a68109ec28235ea18b8389bc59c66ea2", name: "sidebar-app-bar" })), e("div", { key: "cd69d10323442c23387b0f08f80a0e361b7737ba", class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (s) => this.sidebarContentEl = s }, e("slot", { key: "f36a07e5d839b96d6150fdc10f03d3ce124b5596", name: "sidebar" }))))));
+      "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout && this.secondaryNavView === "grid"
+    } }, e("slot", { key: "713dd9ebb264042fd9d02fd4aca023b39f493b8e", name: "secondary-nav", onSlotchange: this.collectNavItems }))))), e("main", { key: "731beca3e221213721ff45682fb1e92583ad3a85", class: "shell-layout__main", id: "main-content" }, e("slot", { key: "cfb3e086eaa14d09b91957e46ad97372b4adcb92" })), e("aside", { key: "cd5c9d5a4bdd1314dd91b6f66d2870b9ec2cb46e", class: "shell-layout__sidebar", inert: this.sidebarActive ? void 0 : !0 }, e("div", { key: "3cffb268ef38cba98918b424d092b41217d2d045", class: "shell-layout__sidebar-body" }, e("div", { key: "4d16bd2adf9d09ead5ed0d0ebd5848807c932a2a", class: "shell-layout__sidebar-app-bar" }, e("slot", { key: "1098ee7a56eba10fb16fc7873d13d10b474bd3f0", name: "sidebar-app-bar" })), e("div", { key: "aa5d4878ac74495f44486a598f7979359158ec06", class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (s) => this.sidebarContentEl = s }, e("slot", { key: "9f6efd442c7955dd9a9c57e12ac68e5c81e3dfee", name: "sidebar" }))))));
   }
   get el() {
     return b(this);
@@ -137,7 +138,7 @@ const p = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sun
     };
   }
 };
-f.style = p;
+f.style = w;
 export {
   f as swirl_shell_layout
 };

package/dist/{swirl-shell-navigation-item.entry.6993e27c.js → swirl-shell-navigation-item.entry.bd96a5a0.js}

@@ -1,5 +1,5 @@
-import { r as o, h as n, H as r, g as h } from "./index.46374d45.js";
-import { c as a } from "./index-orsBiyT_.fc4357c3.js";
+import { r, h as n, H as h, g } from "./index.17d0ad6d.js";
+import { c as t } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
 const d = `/**
@@ -16,7 +16,7 @@ const d = `/**
   }
 
 .shell-navigation-item {
-  --swirl-app-icon-size: 1.5rem;
+  --swirl-app-icon-size: 2rem;
   --swirl-shell-navigation-item-gradient: linear-gradient(
     rgba(0, 0, 0, 0),
     rgba(0, 0, 0, 0.8)
@@ -80,6 +80,28 @@ const d = `/**
       box-shadow: 0 0 0 var(--s-border-width-default) var(--s-border-default);
     }
 
+.shell-navigation-item.shell-navigation-item--default.shell-navigation-item--filled .shell-navigation-item__icon {
+        width: 2rem;
+        min-width: 2rem;
+        height: 2rem;
+        min-height: 2rem;
+      }
+
+.shell-navigation-item.shell-navigation-item--filled {
+    padding: var(--s-space-8);
+  }
+
+.shell-navigation-item.shell-navigation-item--filled:not(.shell-navigation-item--has-app-icon) .shell-navigation-item__icon {
+        color: var(--s-icon-on-action-primary);
+        background-color: var(--s-action-primary-default);
+      }
+
+.shell-navigation-item.shell-navigation-item--filled ::slotted(swirl-app-icon) {
+      position: inherit;
+      width: 100%;
+      height: 100%;
+    }
+
 .shell-navigation-item.shell-navigation-item--tiled {
     --swirl-app-icon-size: 100%;
 
@@ -133,24 +155,10 @@ const d = `/**
           aspect-ratio: 1;
         }
 
-.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge {
-      position: absolute;
-      top: -0.375rem;
-      right: -0.375rem;
-      padding: var(--s-space-2);
-    }
-
 .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label {
-      display: -webkit-box;
-      overflow: hidden;
       color: var(--s-text-default);
       font-weight: var(--s-font-weight-semibold);
       text-align: start;
-      white-space: normal;
-      text-overflow: unset;
-      overflow-wrap: anywhere;
-      -webkit-line-clamp: 2;
-      -webkit-box-orient: vertical;
     }
 
 .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline {
@@ -168,6 +176,76 @@ const d = `/**
         color: rgb(25, 25, 25);
       }
 
+.shell-navigation-item.shell-navigation-item--app-icon {
+    --swirl-app-icon-size: 100%;
+    font-size: var(--s-font-size-xs);
+    padding: var(--s-space-8) var(--s-space-4);
+    align-items: center;
+    height: auto;
+    border-radius: var(--s-border-radius-sm);
+    flex-direction: column;
+    container-type: inline-size;
+    gap: var(--s-space-8);
+  }
+
+.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label {
+      padding: var(--s-space-8);
+      --swirl-app-icon-size: 2rem;
+    }
+
+.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label .shell-navigation-item__icon {
+        max-width: 2rem;
+      }
+
+.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label .shell-navigation-item__badge-wrapper {
+        max-width: 2rem;
+        max-height: 2rem;
+      }
+
+.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__icon {
+      overflow: hidden;
+      width: 100%;
+      max-width: 3.5rem;
+      height: auto;
+      border-radius: var(--s-border-radius-base);
+
+      color: var(--s-icon-on-action-primary);
+      aspect-ratio: 1;
+    }
+
+.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge-wrapper {
+      max-width: 3.5rem;
+      max-height: 3.5rem;
+    }
+
+.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__label {
+      line-height: var(--s-line-height-xs);
+      text-align: center;
+    }
+
+.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge-wrapper, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge-wrapper {
+      position: absolute;
+      width: 100%;
+      height: 100%;
+    }
+
+.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__label, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label {
+      display: -webkit-box;
+      overflow: hidden;
+      white-space: normal;
+      text-overflow: unset;
+      overflow-wrap: anywhere;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+    }
+
+.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge {
+      position: absolute;
+      top: -0.375rem;
+      right: -0.375rem;
+      padding: var(--s-space-2);
+    }
+
 .shell-navigation-item.shell-navigation-item--active {
     background-color: var(--s-surface-sunken-hovered);
   }
@@ -215,6 +293,8 @@ const d = `/**
   min-height: 2rem;
   justify-content: center;
   align-items: center;
+  overflow: hidden;
+  border-radius: var(--s-border-radius-base);
 }
 
 .shell-navigation-item__text-wrapper {
@@ -260,30 +340,43 @@ const d = `/**
     padding-right: var(--s-space-4);
   }
 }
-`, g = class {
-  constructor(e) {
-    o(this, e), this.hideLabel = !1, this.inlineLabelColor = "default";
+`, v = class {
+  constructor(i) {
+    r(this, i), this.hideLabel = !1, this.inlineLabelColor = "default", this.variant = "default";
+  }
+  componentWillLoad() {
+    this.forceIconProps();
+  }
+  componentDidRender() {
+    this.forceIconProps();
+  }
+  forceIconProps() {
+    const i = this.el.querySelector("[slot='icon']"), e = this.hideLabel || this.variant === "default";
+    i && (i.tagName.startsWith("SWIRL-ICON") || i.tagName.startsWith("SWIRL-EMOJI") || i.tagName.startsWith("SWIRL-SYMBOL")) && i.setAttribute("size", e ? "20" : "24");
   }
   render() {
-    const e = a("shell-navigation-item", {
+    const i = Boolean(this.el.querySelector("swirl-app-icon")), e = t("shell-navigation-item", `shell-navigation-item--${this.variant}`, {
       "shell-navigation-item--active": this.active,
       "shell-navigation-item--boxed": this.boxed,
-      "shell-navigation-item--tiled": this.tiled,
-      "shell-navigation-item--gradient": this.withGradient
-    }), i = a("shell-navigation-item__label", {
+      "shell-navigation-item--filled": this.filled,
+      "shell-navigation-item--inline-label": this.inlineLabel,
+      "shell-navigation-item--gradient": this.withGradient,
+      "shell-navigation-item--hide-label": this.hideLabel,
+      "shell-navigation-item--has-app-icon": i
+    }), a = t("shell-navigation-item__label", {
       "shell-navigation-item__label--light": this.inlineLabelColor === "light",
       "shell-navigation-item__label--dark": this.inlineLabelColor === "dark",
       "shell-navigation-item__label--inline": this.inlineLabel
-    }), t = Boolean(this.href), l = t ? "a" : "button", s = this.description ? `${this.label} ${this.description}` : this.label;
-    return n(r, { key: "c5fe604eba70c09f532850d9547ac77e63907b68" }, n("swirl-tooltip", { key: "9189209fec8308e2c7ded881cc09735e4bb7de01", active: this.hideLabel, content: s, delay: 100, position: "right", positioning: "fixed" }, n(l, { key: "dfc5ee51c08a90d6d0299e897a148d97b76ebe86", class: e, href: this.href, target: this.target, type: t ? void 0 : "button" }, n("span", { key: "44b87e21631ded76bd2f4baa1223a13adc9d4dfa", class: "shell-navigation-item__icon" }, n("slot", { key: "4f81888c8feaa9b613dd35ac959e17a2c154f25b", name: "icon" })), this.hideLabel ? n("swirl-visually-hidden", null, n("span", { class: i }, this.label)) : this.tiled ? n("span", { class: i }, this.label) : n("div", { class: "shell-navigation-item__text-wrapper" }, n("span", { class: i }, this.label), this.description && n("span", { class: "shell-navigation-item__description" }, this.description)), this.badgeLabel !== void 0 && this.badgeLabel !== null && n("swirl-badge", { key: "2640130ad0d30190f9c682bbc84e81edf0bf010a", "aria-label": this.badgeLabel, class: a("shell-navigation-item__badge", {
+    }), l = Boolean(this.href), s = l ? "a" : "button", o = this.description ? `${this.label} ${this.description}` : this.label;
+    return n(h, { key: "cad673a0a9f38a18a82ab1f54622780e95103f90" }, n("swirl-tooltip", { key: "28dc1e5db2a3c904b2510f796ad7bb1066ee796c", active: this.hideLabel, content: o, delay: 100, position: "right", positioning: "fixed" }, n(s, { key: "221d94e96b760edc1249924297af2d13fb99f12d", class: e, href: this.href, target: this.target, type: l ? void 0 : "button" }, n("span", { key: "4ea0230ff658a088276ca156b22bd4bfc96bfa03", class: "shell-navigation-item__icon" }, n("slot", { key: "9dfb7a37d9e0cbcb515c09c8562a9e75657e5b47", name: "icon" })), this.hideLabel ? n("swirl-visually-hidden", null, n("span", { class: a }, this.label)) : this.variant !== "default" ? n("span", { class: a }, this.label) : n("div", { class: "shell-navigation-item__text-wrapper" }, n("span", { class: a }, this.label), this.description && n("span", { class: "shell-navigation-item__description" }, this.description)), this.badgeLabel !== void 0 && this.badgeLabel !== null && n("span", { key: "e7c51b017a8c6f9b2044274e4d22146f135fef79", class: "shell-navigation-item__badge-wrapper" }, n("swirl-badge", { key: "f9f73e35ca63f46cdf352167568b524e9c808124", "aria-label": this.badgeLabel, class: t("shell-navigation-item__badge", {
       "shell-navigation-item__badge--dot": this.badgeLabel === ""
-    }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" }))));
+    }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" })))));
   }
   get el() {
-    return h(this);
+    return g(this);
   }
 };
-g.style = d;
+v.style = d;
 export {
-  g as swirl_shell_navigation_item
+  v as swirl_shell_navigation_item
 };

package/dist/{swirl-skeleton-text.entry.c2c24df6.js → swirl-skeleton-text.entry.78121c06.js}

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as a } from "./index.46374d45.js";
+import { r as l, h as t, H as a } from "./index.17d0ad6d.js";
 import { c as s } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -29,7 +29,7 @@ const o = `:host{display:block;width:100%}:host *{box-sizing:border-box}.skeleto
   }
   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, { key: "bd88ab3103abad7e11d29553316290644c50d45b" }, t("div", { key: "e069ab7ed44155fdab0899d11bc7d67556b8ba8c", class: e, part: e }, new Array(this.lines).fill(void 0).map((d, n) => t("div", { class: i, key: n, part: i }))));
+    return t(a, { key: "ca789c1979612c8121b0f1ec5727cd62c284edf4" }, t("div", { key: "e7e45b74354223b9a0f389d3728691ebbd2774c8", class: e, part: e }, new Array(this.lines).fill(void 0).map((d, n) => t("div", { class: i, key: n, part: i }))));
   }
 };
 r.style = o;

package/dist/{swirl-stack.entry.35f52391.js → swirl-stack.entry.bf5b9ab3.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, H as c } from "./index.46374d45.js";
+import { r as i, h as s, H as c } from "./index.17d0ad6d.js";
 import { c as n } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-status-indicator.entry.79bd0f1b.js → swirl-status-indicator.entry.51ec67cb.js}

@@ -1,4 +1,4 @@
-import { r as i, h as t, H as a } from "./index.46374d45.js";
+import { r as i, h as t, H as a } from "./index.17d0ad6d.js";
 import { c as e } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -8,7 +8,7 @@ const o = ':host{display:block}:host *{box-sizing:border-box}.status-indicator{d
   }
   render() {
     const s = e("status-indicator", `status-indicator--intent-${this.intent}`);
-    return t(a, { key: "c11d1de029c227a62ec754932dc3616780815386" }, t("div", { key: "332ab9d0fd8db2a1d3c0b562ef2ff849291e32a6", class: s }, t("span", { key: "65f5047f4f60da82f412e65013d4df2d27e3811b", class: "status-indicator__dot" }), t("span", { key: "f8147947a90569a2da16d8fea70e105061330e85", class: "status-indicator__label" }, this.label)));
+    return t(a, { key: "9d4ad3865c14201d4c16055c54072fa09967c20e" }, t("div", { key: "d9389cadd7bda120c5faf806da14a4be3fce7628", class: s }, t("span", { key: "dbc2cf0fe7feb1362d1446cf1f22c13cc7a41ae5", class: "status-indicator__dot" }), t("span", { key: "9c5cbad193d526b4cb7e31df069f6e1e0139d600", class: "status-indicator__label" }, this.label)));
   }
 };
 r.style = o;

package/dist/{swirl-switch.entry.317ef31b.js → swirl-switch.entry.d9845532.js}

@@ -1,9 +1,9 @@
-import { r, c as h, h as s, H as l, g as n } from "./index.46374d45.js";
+import { r, c as h, h as s, H as l, g as n } from "./index.17d0ad6d.js";
 import { c as o } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
-const w = `.sc-swirl-switch-h{display:inline-flex;max-width:100%}.sc-swirl-switch-h *.sc-swirl-switch{box-sizing:border-box}.switch.sc-swirl-switch{display:inline-flex;align-items:center;touch-action:none;width:100%}.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__content.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__content.sc-swirl-switch{margin-left:var(--s-space-12);position:relative;z-index:1}.switch__label.sc-swirl-switch{font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.switch__description.sc-swirl-switch{font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-normal);line-height:var(--s-line-height-sm);color:var(--s-text-subdued)}`, d = class {
+const d = `.sc-swirl-switch-h{display:inline-flex;max-width:100%}.sc-swirl-switch-h *.sc-swirl-switch{box-sizing:border-box}.switch.sc-swirl-switch{display:inline-flex;align-items:center;touch-action:none;width:100%}.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__content.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__content.sc-swirl-switch{margin-left:var(--s-space-12);position:relative;z-index:1}.switch__label.sc-swirl-switch{font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.switch__description.sc-swirl-switch{font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-normal);line-height:var(--s-line-height-sm);color:var(--s-text-subdued)}`, w = class {
   constructor(i) {
     r(this, i), this.valueChange = h(this, "valueChange", 7), this.checked = !1, this.disabled = !1, this.labelPosition = "end", this.onChange = () => {
       this.checked = !this.checked, this.valueChange.emit(this.checked);
@@ -13,18 +13,18 @@ const w = `.sc-swirl-switch-h{display:inline-flex;max-width:100%}.sc-swirl-switc
     this.inputEl.dispatchEvent(new Event("change"));
   }
   render() {
-    const i = !this.checked, e = this.checked, t = e ? "true" : "false", c = o("switch", `switch--label-position-${this.labelPosition}`, {
+    const i = !this.checked, t = this.checked, e = t ? "true" : "false", c = o("switch", `switch--label-position-${this.labelPosition}`, {
       "switch--off": i,
-      "switch--on": e,
+      "switch--on": t,
       "switch--disabled": this.disabled
     });
-    return s(l, { key: "13ba1716bc7142703cc1500626e2f80a17391db9" }, s("label", { key: "8fc01e9cead6ef409e8556d8ff7ea63598f236c3", class: c, htmlFor: this.inputId }, s("span", { key: "68361a49b663b6dad33ad4d5396e94d4bb8f23ad", class: "switch__control" }, s("swirl-visually-hidden", { key: "b3669541d478b21527f208aff800a637c3a949c9" }, s("input", { key: "cb786055af07a27ad71026fc3d452b8141e5faf9", "aria-checked": t, "aria-label": !this.hideLabel && this.swirlAriaLabel ? this.swirlAriaLabel : void 0, checked: e, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, ref: (a) => this.inputEl = a, role: "switch", type: "checkbox", value: this.value })), s("span", { key: "30dec914719190736a0ee42d3a74049d5486f597", "aria-hidden": "true", class: "switch__thumb" })), s("swirl-stack", { key: "51acf4a6cf3d134a563f7d11dd310d88a77d9f55", class: "switch__content" }, this.label && !this.hideLabel && s("span", { key: "e7101c259de05f65be07ebe749e82717ac9fef5a", class: "switch__label" }, this.label), this.hideLabel && s("swirl-visually-hidden", { key: "eb41b48db1349da2a99c7f8dbe1344316a83a9a6" }, this.swirlAriaLabel || this.label), this.description && s("span", { key: "fccc0e647e35bbb49eb185500655ee8e88153783", class: "switch__description" }, this.description))));
+    return s(l, { key: "ca1f071615f6d212ebbe45e63a997262abb31f76" }, s("label", { key: "01ea5236c24279327fdacaf04235d7691f0c1195", class: c, htmlFor: this.inputId }, s("span", { key: "d17b9f56db83b9b6c3b955d7a956ff6a2a545a66", class: "switch__control" }, s("swirl-visually-hidden", { key: "90c01a89d4e63573c57585aabf1275278b615256" }, s("input", { key: "2ac0b55018cb93bdee90985825827a4271fbfadb", "aria-checked": e, "aria-label": !this.hideLabel && this.swirlAriaLabel ? this.swirlAriaLabel : void 0, checked: t, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, ref: (a) => this.inputEl = a, role: "switch", type: "checkbox", value: this.value })), s("span", { key: "ce930906f21a00c53da71eb59c9e691c4d754d10", "aria-hidden": "true", class: "switch__thumb" })), s("swirl-stack", { key: "5aa3573f01e8ca2f93ac5414ebb61d72d13d260f", class: "switch__content" }, this.label && !this.hideLabel && s("span", { key: "69728963d19ed790ff1de363e11a35e324ff96c0", class: "switch__label" }, this.label), this.hideLabel && s("swirl-visually-hidden", { key: "cfe24dd0a28b2bc7dfdac5f64d5070d5e40877ba" }, this.swirlAriaLabel || this.label), this.description && s("span", { key: "593ebe1ae07dc67c0942bb5f304811057d12945f", class: "switch__description" }, this.description))));
   }
   get el() {
     return n(this);
   }
 };
-d.style = w;
+w.style = d;
 export {
-  d as swirl_switch
+  w as swirl_switch
 };