@getflip/swirl-components-react 0.338.2 → 0.340.0

package/dist/{swirl-radio.entry.cd07eadf.js → swirl-radio.entry.b37434fd.js}

@@ -1,14 +1,14 @@
-import { r as s, c, h as i, H as l } from "./index.9a597714.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
+import { r as s, c, h as i, H as l } from "./index.89ae7741.js";
+import { c as t } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
 const n = `.sc-swirl-radio-h{display:inline-flex}.sc-swirl-radio-h *.sc-swirl-radio{box-sizing:border-box}.radio.sc-swirl-radio{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer}.radio.sc-swirl-radio:focus-within .radio__box.sc-swirl-radio{box-shadow:0 0 0 0.0625rem var(--s-background-default),
       0 0 0 0.1875rem var(--s-focus-default)}.radio--variant-card.sc-swirl-radio{width:100%;padding:var(--s-space-16);border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface)}.radio--variant-card.sc-swirl-radio:focus-within{box-shadow:0 0 0 0.125rem var(--s-background-default),
-      0 0 0 0.25rem var(--s-focus-default)}.radio--variant-card.sc-swirl-radio:focus-within .radio__box.sc-swirl-radio{box-shadow:none}.radio--variant-card.sc-swirl-radio:hover:not(.radio--disabled){background-color:var(--s-surface-hovered)}.radio--variant-card.sc-swirl-radio:active:not(.radio--disabled){background-color:var(--s-surface-pressed)}.radio--variant-card.radio--checked.sc-swirl-radio:not(.radio--disabled){border-color:var(--s-border-highlight)}.radio--variant-card.radio--invalid.sc-swirl-radio:not(.radio--disabled){border-color:var(--s-border-critical)}.radio--checked.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio{position:relative;border-color:var(--s-icon-highlight);background-color:var(--s-icon-highlight)}.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio:after{position:absolute;top:50%;left:50%;width:0.5rem;height:0.5rem;border-radius:50%;background-color:var(--s-background-default);content:"";transform:translate3d(-50%, -50%, 0)}.radio--invalid.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio,.radio--invalid.radio--indeterminate.sc-swirl-radio .radio__box.sc-swirl-radio{background-color:var(--s-icon-critical)}.radio--invalid.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-critical)}.radio--disabled.sc-swirl-radio{cursor:default}.radio--disabled.radio--checked.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled);background-color:transparent}.radio--disabled.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled);background-color:var(--s-background-default)}.radio--disabled.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio:after{background-color:var(--s-icon-disabled)}.radio--disabled.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{background-color:transparent}.radio--disabled.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled)}.radio--disabled.sc-swirl-radio .radio__description.sc-swirl-radio,.radio--disabled.sc-swirl-radio .radio__label.sc-swirl-radio{color:var(--s-text-disabled)}.radio__control.sc-swirl-radio{position:relative;display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__control.sc-swirl-radio{width:1.375rem;height:1.375rem}}.radio__box.sc-swirl-radio{position:relative;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:50%}.radio__label-container.sc-swirl-radio{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-2);flex-direction:column}.radio__label.sc-swirl-radio{display:flex;align-items:center;font-weight:var(--s-font-weight-medium);gap:var(--s-space-8)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__label.sc-swirl-radio{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.radio__description.sc-swirl-radio{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__description.sc-swirl-radio{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}`, h = n, b = class {
+      0 0 0 0.25rem var(--s-focus-default)}.radio--variant-card.sc-swirl-radio:focus-within .radio__box.sc-swirl-radio{box-shadow:none}.radio--variant-card.sc-swirl-radio:hover:not(.radio--disabled){background-color:var(--s-surface-hovered)}.radio--variant-card.sc-swirl-radio:active:not(.radio--disabled){background-color:var(--s-surface-pressed)}.radio--variant-card.radio--checked.sc-swirl-radio:not(.radio--disabled){border-color:var(--s-border-highlight)}.radio--variant-card.radio--invalid.sc-swirl-radio:not(.radio--disabled){border-color:var(--s-border-critical)}.radio--checked.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio{position:relative;border-color:var(--s-icon-highlight);background-color:var(--s-icon-highlight)}.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio:after{position:absolute;top:50%;left:50%;width:0.5rem;height:0.5rem;border-radius:50%;background-color:var(--s-background-default);content:"";transform:translate3d(-50%, -50%, 0)}.radio--invalid.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio,.radio--invalid.radio--indeterminate.sc-swirl-radio .radio__box.sc-swirl-radio{background-color:var(--s-icon-critical)}.radio--invalid.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-critical)}.radio--disabled.sc-swirl-radio{cursor:default}.radio--disabled.radio--checked.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled);background-color:transparent}.radio--disabled.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled);background-color:var(--s-background-default)}.radio--disabled.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio:after{background-color:var(--s-icon-disabled)}.radio--disabled.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{background-color:transparent}.radio--disabled.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled)}.radio--disabled.sc-swirl-radio .radio__description.sc-swirl-radio,.radio--disabled.sc-swirl-radio .radio__label.sc-swirl-radio{color:var(--s-text-disabled)}.radio__control.sc-swirl-radio{position:relative;display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__control.sc-swirl-radio{width:1.375rem;height:1.375rem}}.radio__box.sc-swirl-radio{position:relative;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:50%}.radio__label-container.sc-swirl-radio{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-2);flex-direction:column}.radio__label.sc-swirl-radio{display:flex;align-items:center;font-weight:var(--s-font-weight-medium);gap:var(--s-space-8)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__label.sc-swirl-radio{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.radio__description.sc-swirl-radio{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__description.sc-swirl-radio{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}`, h = class {
   constructor(r) {
-    s(this, r), this.valueChange = c(this, "valueChange", 7), this.onChange = () => {
+    s(this, r), this.valueChange = c(this, "valueChange", 7), this.checked = !1, this.disabled = !1, this.variant = "default", this.onChange = () => {
       this.checked = !0, this.valueChange.emit(this.value);
-    }, this.checked = !1, this.description = void 0, this.disabled = !1, this.inputId = void 0, this.inputName = void 0, this.invalid = void 0, this.label = void 0, this.tooltip = void 0, this.value = void 0, this.variant = "default";
+    };
   }
   getAriaCheckedLabel(r, a) {
     return r ? "true" : a ? "false" : "mixed";
@@ -23,7 +23,7 @@ const n = `.sc-swirl-radio-h{display:inline-flex}.sc-swirl-radio-h *.sc-swirl-ra
     return i(l, { key: "cf9589a6d96249e9f17c7194226c714e64c7b81d", style: { width: this.variant === "card" ? "100%" : void 0 } }, i("label", { key: "f7912093f0adf0ab2de0a2b55e40fc655d6248a4", class: e, htmlFor: this.inputId }, i("span", { key: "3aeb823a9d1ede0084639e2dc9df0b8894ca23cb", class: "radio__control" }, i("swirl-visually-hidden", { key: "a92863db127af8610d88f734a1e3ab1b15d407c4" }, i("input", { key: "b287f603742d1238f48ea93bd0e6caea51f20a4e", "aria-checked": d, "aria-invalid": o, checked: a, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), i("span", { key: "312bb88f1c4580e67ed926d96528f21148c94f17", "aria-hidden": "true", class: "radio__box" })), i("span", { key: "029e15ddc28cfe54d34ac1abd00d377999c32a6f", class: "radio__label-container" }, this.label && i("span", { key: "26cb7e3431533570dfdf16b16816114551f5f347", class: "radio__label" }, this.label, this.tooltip && i("swirl-tooltip", { key: "4f03b751d579d251a066b17bfc5773d20c554945", content: this.tooltip, position: "top" }, i("swirl-icon-help", { key: "dd93e1a9e4adbf509a19dfd37d425a781fa1cc7b", color: "default", size: 20, tabIndex: 0 }))), this.description && i("span", { key: "d32d935f4f811e17c7afb70fa717e40ceadd177f", class: "radio__description", innerHTML: this.description }))));
   }
 };
-b.style = h;
+h.style = n;
 export {
-  b as swirl_radio
+  h as swirl_radio
 };

package/dist/{swirl-resource-list-file-item.entry.fb167b0c.js → swirl-resource-list-file-item.entry.664aca22.js}

@@ -1,16 +1,16 @@
-import { r as c, c as a, h as e, H as n } from "./index.9a597714.js";
-import { c as f } from "./index-267776a4.6beb4f4b.js";
-import { D as m } from "./media-query.service-9a0ff1cb.1b0964d0.js";
+import { r as c, c as a, h as e, H as n } from "./index.89ae7741.js";
+import { c as m } from "./index-orsBiyT_.fc4357c3.js";
+import { D as f } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";
 import "react-dom";
-import "./utils-28df99ee.9fb223f6.js";
-const d = '.sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swirl-resource-list-file-item-h *.sc-swirl-resource-list-file-item{box-sizing:border-box}.resource-list-file-item.sc-swirl-resource-list-file-item{position:relative;display:flex;width:100%;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);line-height:var(--s-line-height-base);gap:var(--s-space-12)}.resource-list-file-item.sc-swirl-resource-list-file-item:focus{outline:none}.resource-list-file-item.sc-swirl-resource-list-file-item:focus-visible{background-color:var(--s-background-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item.sc-swirl-resource-list-file-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-file-item--has-control.sc-swirl-resource-list-file-item .resource-list-file-item__label-container.sc-swirl-resource-list-file-item{padding-right:calc(var(--s-space-12) + 2.5rem)}.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.5rem;height:1.5rem;color:var(--s-icon-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.25rem;height:1.25rem}}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item{position:relative;display:flex;min-width:0;min-height:2.875rem;flex-grow:1;justify-content:center;flex-direction:column}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-file-item__label.sc-swirl-resource-list-file-item{overflow:hidden;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__description.sc-swirl-resource-list-file-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__error-message.sc-swirl-resource-list-file-item{margin-top:var(--s-space-2)}.resource-list-file-item__remove-button.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-16);display:inline-flex;transform:translateY(-50%)}.resource-list-file-item__spinner.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-24);display:inline-flex;transform:translateY(-50%)}', u = d, h = class {
+import "./utils-D_MUFqkF.654ff3ce.js";
+const d = '.sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swirl-resource-list-file-item-h *.sc-swirl-resource-list-file-item{box-sizing:border-box}.resource-list-file-item.sc-swirl-resource-list-file-item{position:relative;display:flex;width:100%;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);line-height:var(--s-line-height-base);gap:var(--s-space-12)}.resource-list-file-item.sc-swirl-resource-list-file-item:focus{outline:none}.resource-list-file-item.sc-swirl-resource-list-file-item:focus-visible{background-color:var(--s-background-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item.sc-swirl-resource-list-file-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-file-item--has-control.sc-swirl-resource-list-file-item .resource-list-file-item__label-container.sc-swirl-resource-list-file-item{padding-right:calc(var(--s-space-12) + 2.5rem)}.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.5rem;height:1.5rem;color:var(--s-icon-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.25rem;height:1.25rem}}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item{position:relative;display:flex;min-width:0;min-height:2.875rem;flex-grow:1;justify-content:center;flex-direction:column}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-file-item__label.sc-swirl-resource-list-file-item{overflow:hidden;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__description.sc-swirl-resource-list-file-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__error-message.sc-swirl-resource-list-file-item{margin-top:var(--s-space-2)}.resource-list-file-item__remove-button.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-16);display:inline-flex;transform:translateY(-50%)}.resource-list-file-item__spinner.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-24);display:inline-flex;transform:translateY(-50%)}', u = class {
   constructor(i) {
-    c(this, i), this.remove = a(this, "remove", 7), this.mediaQueryUnsubscribe = () => {
-    }, this.description = void 0, this.errorMessage = void 0, this.icon = "<swirl-icon-file></swirl-icon-file>", this.label = void 0, this.loading = void 0, this.removable = void 0, this.removeButtonLabel = "Remove file";
+    c(this, i), this.remove = a(this, "remove", 7), this.icon = "<swirl-icon-file></swirl-icon-file>", this.removeButtonLabel = "Remove file", this.mediaQueryUnsubscribe = () => {
+    };
   }
   componentDidLoad() {
-    this.mediaQueryUnsubscribe = m.subscribe((i) => {
+    this.mediaQueryUnsubscribe = f.subscribe((i) => {
       this.forceIconProps(i);
     });
   }
@@ -24,13 +24,13 @@ const d = '.sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swir
     s == null || s.setAttribute("size", i ? "20" : "24");
   }
   render() {
-    const i = Boolean(this.errorMessage), s = !i && Boolean(this.description), r = !i && this.loading, t = this.removable && !r, l = f("resource-list-file-item", {
+    const i = Boolean(this.errorMessage), s = !i && Boolean(this.description), r = !i && this.loading, t = this.removable && !r, l = m("resource-list-file-item", {
       "resource-list-file-item--has-control": r || t
     });
-    return e(n, { key: "80e961ac1fb5349cee1595474e07f74ef56c9859", role: "row" }, e("div", { key: "aa2b1cb97803f60016d17172f1a0317ebd87ab2c", class: l, part: "resource-list-file-item", role: "gridcell" }, e("span", { key: "3492c0f96e6236ec14772ae3c298559bec2f245a", class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (o) => this.iconEl = o }), e("span", { key: "7b96ca937ab6e274acbfe252eb5cc87a93f4508c", class: "resource-list-file-item__label-container" }, e("span", { key: "caf898c638300180546ae12ee5b9fd78e28f7b5c", class: "resource-list-file-item__label", id: "label" }, this.label), s && e("span", { key: "7a777ea1d720ecbc85bb44a4d007f7be25d23294", class: "resource-list-file-item__description" }, this.description), i && e("span", { key: "301c5312b4316b24f63e518eb5a886f0f2624c8e", "aria-live": "polite", class: "resource-list-file-item__error-message" }, e("swirl-inline-error", { key: "527c78c9caa2b5f2d184b4ba1395ac1338e3363e", message: this.errorMessage, size: "s" }))), r && e("span", { key: "6b939fe82e9441710c8eb4c94f7e114953a4892a", class: "resource-list-file-item__spinner" }, e("swirl-spinner", { key: "d4acc88b6ce41c15a48edd0e3064352dfb49955f", size: "s" })), t && e("span", { key: "c504c759d71a7dd7628e5ca7ded7307a3ea37b49", class: "resource-list-file-item__remove-button" }, e("swirl-button", { key: "28bc0f364843479e5dd713ff172c0eb2e910d209", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))));
+    return e(n, { key: "22cb962b750b62682294f6df4bbc73d76a68b94a", role: "row" }, e("div", { key: "3090e6d1030b9a8368739a9e60864aae35402e45", class: l, part: "resource-list-file-item", role: "gridcell" }, e("span", { key: "07ed66da5858bd948895f82e63af413e6e8e0aa0", class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (o) => this.iconEl = o }), e("span", { key: "6e5f2b533d21c82fa773696d009d53833ddb7a65", class: "resource-list-file-item__label-container" }, e("span", { key: "d7cef3c61a7a568d1e5ae6ee34fc095509c30ccb", class: "resource-list-file-item__label", id: "label" }, this.label), s && e("span", { key: "0a3b309fa387376098ab9432a63edbb5ff2cd4b2", class: "resource-list-file-item__description" }, this.description), i && e("span", { key: "cbeac102c0cca4fbfd381aa9ac75077bb019d9cc", "aria-live": "polite", class: "resource-list-file-item__error-message" }, e("swirl-inline-error", { key: "809a5a0f888ea61c41828a7072cb16e54b69d468", message: this.errorMessage, size: "s" }))), r && e("span", { key: "d79a6f4a9f6eed5ed7bf311773b2e9f82ea3ac96", class: "resource-list-file-item__spinner" }, e("swirl-spinner", { key: "f644089da4ad3b26db45cd723615899d8dcd5acc", size: "s" })), t && e("span", { key: "da8305a643f0a52457b19855e3f0a662d3188485", class: "resource-list-file-item__remove-button" }, e("swirl-button", { key: "b2f80c7addccaec363b3d3905a96489a3d482108", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))));
   }
 };
-h.style = u;
+u.style = d;
 export {
-  h as swirl_resource_list_file_item
+  u as swirl_resource_list_file_item
 };

package/dist/swirl-resource-list-section.entry.3847fc7a.js

@@ -0,0 +1,15 @@
+import { r as a, h as e, H as i } from "./index.89ae7741.js";
+import "react";
+import "react-dom";
+const t = ":host{display:block;width:100%}:host *{box-sizing:border-box}.resource-list-section-label{display:flex;padding:var(--s-space-8);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);font-size:var(--s-font-size-base);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-section-label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", r = class {
+  constructor(s) {
+    a(this, s), this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
+  }
+  render() {
+    return e(i, { key: "da112e2332e282c1435f25165c65a6e8bd491471" }, this.hasSeparator && e("swirl-separator", { key: "bc057a044dfd68689199602e6390534c95274d6b", spacing: this.separatorSpacing }), e("div", { key: "aac0c9b006fb7ad630ac01e2bf8ccd9164084890", "aria-labelledby": "label", role: "rowgroup" }, e("span", { key: "e16de91e1999d22bdb29f1d2a52a898c11db5d16", id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), e("swirl-stack", { key: "a327774755e9f9f9f2564f99c7cee627e9868d5e", spacing: this.spacing }, e("slot", { key: "14e1a3a56b7252334ba00e9864db570785f8656b" }))));
+  }
+};
+r.style = t;
+export {
+  r as swirl_resource_list_section
+};

package/dist/{swirl-search.entry.12fa921c.js → swirl-search.entry.c6dc1b9e.js}

@@ -1,12 +1,12 @@
-import { r as i, c as r, h as a, H as t } from "./index.9a597714.js";
-import { c } from "./index-267776a4.6beb4f4b.js";
-import { D as n } from "./media-query.service-9a0ff1cb.1b0964d0.js";
+import { r as i, c as r, h as a, H as t } from "./index.89ae7741.js";
+import { c } from "./index-orsBiyT_.fc4357c3.js";
+import { D as h } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";
 import "react-dom";
-import "./utils-28df99ee.9fb223f6.js";
-const h = ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-swirl-search{box-sizing:border-box}.search.sc-swirl-search{position:relative;display:flex;width:100%}.search--variant-outline.sc-swirl-search .search__input.sc-swirl-search{background-color:transparent;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.search--disabled.sc-swirl-search .search__icon.sc-swirl-search{color:var(--s-icon-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::placeholder{color:var(--s-text-disabled)}.search__icon.sc-swirl-search{position:absolute;top:50%;left:var(--s-space-12);display:inline-flex;width:1.5rem;height:1.5rem;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__icon.sc-swirl-search{width:1.25rem;height:1.25rem}}.search__input.sc-swirl-search{width:100%;height:2.5rem;padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-raised-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.search__input.sc-swirl-search:focus:not(:focus-visible){outline:none}.search__input.sc-swirl-search:focus-visible{outline-color:var(--s-focus-default)}.search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::-webkit-search-decoration,.search__input.sc-swirl-search::-webkit-search-cancel-button,.search__input.sc-swirl-search::-webkit-search-results-button,.search__input.sc-swirl-search::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search__input.sc-swirl-search:not(:-moz-placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}.search__input.sc-swirl-search:not(:placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__input.sc-swirl-search{height:2.25rem;padding-left:calc(var(--s-space-8) + 1.5rem + var(--s-space-8));font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.search__clear-button.sc-swirl-search{position:absolute;top:50%;right:var(--s-space-12);display:none;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;transform:translateY(-50%)}", o = h, l = class {
+import "./utils-D_MUFqkF.654ff3ce.js";
+const o = ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-swirl-search{box-sizing:border-box}.search.sc-swirl-search{position:relative;display:flex;width:100%}.search--variant-outline.sc-swirl-search .search__input.sc-swirl-search{background-color:transparent;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.search--disabled.sc-swirl-search .search__icon.sc-swirl-search{color:var(--s-icon-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::placeholder{color:var(--s-text-disabled)}.search__icon.sc-swirl-search{position:absolute;top:50%;left:var(--s-space-12);display:inline-flex;width:1.5rem;height:1.5rem;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__icon.sc-swirl-search{width:1.25rem;height:1.25rem}}.search__input.sc-swirl-search{width:100%;height:2.5rem;padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-raised-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.search__input.sc-swirl-search:focus:not(:focus-visible){outline:none}.search__input.sc-swirl-search:focus-visible{outline-color:var(--s-focus-default)}.search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::-webkit-search-decoration,.search__input.sc-swirl-search::-webkit-search-cancel-button,.search__input.sc-swirl-search::-webkit-search-results-button,.search__input.sc-swirl-search::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search__input.sc-swirl-search:not(:-moz-placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}.search__input.sc-swirl-search:not(:placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__input.sc-swirl-search{height:2.25rem;padding-left:calc(var(--s-space-8) + 1.5rem + var(--s-space-8));font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.search__clear-button.sc-swirl-search{position:absolute;top:50%;right:var(--s-space-12);display:none;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;transform:translateY(-50%)}", n = class {
   constructor(e) {
-    i(this, e), this.inputBlur = r(this, "inputBlur", 7), this.inputFocus = r(this, "inputFocus", 7), this.inputInput = r(this, "inputInput", 7), this.valueChange = r(this, "valueChange", 7), this.mediaQueryUnsubscribe = () => {
+    i(this, e), this.inputBlur = r(this, "inputBlur", 7), this.inputFocus = r(this, "inputFocus", 7), this.inputInput = r(this, "inputInput", 7), this.valueChange = r(this, "valueChange", 7), this.clearButtonLabel = "Clear search term", this.placeholder = "Search \u2026", this.variant = "filled", this.mediaQueryUnsubscribe = () => {
     }, this.clear = () => {
       this.input.value = "", this.input.focus(), this.valueChange.emit("");
     }, this.onBlur = (s) => {
@@ -17,10 +17,10 @@ const h = ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-sw
       this.inputFocus.emit(s);
     }, this.onInput = (s) => {
       this.inputInput.emit(s.target.value);
-    }, this.autoFocus = void 0, this.clearButtonLabel = "Clear search term", this.disabled = void 0, this.inputName = void 0, this.inputId = void 0, this.label = void 0, this.placeholder = "Search \u2026", this.value = void 0, this.variant = "filled";
+    };
   }
   componentDidLoad() {
-    this.mediaQueryUnsubscribe = n.subscribe((e) => {
+    this.mediaQueryUnsubscribe = h.subscribe((e) => {
       this.forceIconProps(e);
     }), this.autoFocus && setTimeout(() => {
       this.input.focus();
@@ -45,7 +45,7 @@ const h = ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-sw
     return a(t, { key: "04565f70f475e763ae203358d16845ea9048145f" }, a("span", { key: "b3993d970a907f89cb2baecacd7b19591e67aae5", class: e, ref: (s) => this.iconEl = s }, a("swirl-icon-search", { key: "8b6c8242900b52324da59c927c30de575c7c8bdc", "aria-hidden": "true", class: "search__icon" }), a("input", { key: "782d6bfade76cfb681779b575642b296b2fe63b4", "aria-disabled": this.disabled ? "true" : void 0, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (s) => this.input = s, type: "search", value: this.value }), !this.disabled && a("button", { key: "1bfe8bd2cdf2f0b81e6be946f0f44869a89decfd", "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, a("swirl-icon-cancel", { key: "4a67f82e770ac52ca730182218c0ff58b9bc2ad3" }))));
   }
 };
-l.style = o;
+n.style = o;
 export {
-  l as swirl_search
+  n as swirl_search
 };

package/dist/{swirl-select.entry.2669ac87.js → swirl-select.entry.57822790.js}

@@ -1,11 +1,11 @@
-import { r as d, c as n, h as t, H as p, g as u } from "./index.9a597714.js";
-import { c as f } from "./index-267776a4.6beb4f4b.js";
-import { q as w } from "./utils-28df99ee.9fb223f6.js";
+import { r as d, c as n, h as t, H as p, g as u } from "./index.89ae7741.js";
+import { c as w } from "./index-orsBiyT_.fc4357c3.js";
+import { q as b } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";
-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)}}", b = v, m = class {
+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 {
   constructor(s) {
-    d(this, s), this.searchChange = n(this, "searchChange", 7), this.valueChange = n(this, "valueChange", 7), this.select = (e) => {
+    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((l) => l !== e));
@@ -26,7 +26,7 @@ const v = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-s
         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);
-    }, this.allowDeselect = !0, this.disabled = void 0, this.emptyListLabel = "No results found.", this.inline = void 0, this.invalid = void 0, this.label = void 0, this.multiSelect = void 0, this.required = void 0, this.searchInputLabel = "Search options", this.searchLoading = void 0, this.searchPlaceholder = void 0, this.selectId = Math.round(Math.random() * 1e6).toString(), this.standalone = void 0, this.swirlAriaDescribedby = void 0, this.value = void 0, this.withSearch = void 0, this.options = [], this.open = void 0, this.placement = void 0;
+    };
   }
   componentWillLoad() {
     queueMicrotask(() => {
@@ -52,7 +52,7 @@ const v = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-s
     });
   }
   updateOptions() {
-    this.options = w(this.el, "swirl-option-list-item");
+    this.options = b(this.el, "swirl-option-list-item");
   }
   getValueLabel() {
     var s;
@@ -63,19 +63,19 @@ const v = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-s
   }
   render() {
     var c, r;
-    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 = f("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: "ef0a7ef24fbcf1812683fdd1663cb77952aa33e0", onKeyDown: this.onKeyDown }, t("div", { key: "835f8606d62448e8fb4464cf17d06e8c14dfacfa", class: o }, t("swirl-popover-trigger", { key: "1e54712d01cd1aa0e989a092c93f23eedfca5333", swirlPopover: this.swirlPopover, setAriaAttributes: !1 }, t("swirl-stack", { key: "04d6d729cd97a7f0bd66825dafeb78a560c0ea22", class: "select__value-container" }, this.standalone && t("span", { key: "4ac3b628f810215e0830fc1117873045d8db4e6e", "aria-hidden": "true", class: "select__resize-helper" }, s), t("input", { key: "5f2c3cee08235aee672a6347fdf47b931b73fe6f", "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: "17649f4559f699b9c81548784915c18a7d01ff75", 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: "8e0282590c2475bf36ce84fac6bee1d49e2cd203", onKeyDown: this.onKeyDown }, t("div", { key: "e6fb63af3a1b1850d9ecd0869f30665b608fd9e1", class: o }, t("swirl-popover-trigger", { key: "961c0465a1c125d81575376cee4b9cca34ac775e", swirlPopover: this.swirlPopover, setAriaAttributes: !1 }, t("swirl-stack", { key: "e7951d21da4c560b6f98f9cc94c2fefa646143d7", class: "select__value-container" }, this.standalone && t("span", { key: "9f6af02043faf53bd592210e88b57bcc003e8fd3", "aria-hidden": "true", class: "select__resize-helper" }, s), t("input", { key: "ca53039db10f2f88d4c48fa276f41d18587433e5", "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: "154ebd25be69a159acbbeab371068f908da1aa13", 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: "671c85f32be75f417e90d021935eea429380a251", 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: "5c60b27c288d300a731a3f502d180a648ddc9804", 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: "4b9939557fde61fdb8509486cbb16e3c80abefb9", class: "select__search" }, t("swirl-icon-search", { key: "d99669cdb544b9249d654d8dfa8fc56438749f80", class: "select__search-icon", size: 20 }), t("input", { key: "f17a4b5d3ba693d6c33d67af502743903263f146", "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: "0da5eb4d9af771916886082e35e94e619cdd9620", class: "select__search-spinner", size: "s" })), t("swirl-option-list", { key: "e85ac3f181c4a6bc862608bcc574d2c3949da869", allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (i) => this.optionList = i, value: this.value }, !this.searchLoading && t("div", { key: "0642df0881754efd88f278c11609d5af078258fe", "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, t("swirl-text", { key: "f17567d11ea3f406a606daef0d3c79418bdf97db", color: "subdued", weight: "medium" }, this.emptyListLabel)), t("slot", { key: "0e061ba03c4dfe188c7e4bde91a6a4035394be30", onSlotchange: this.onSlotChange })))));
+    }))), t("span", { key: "976ee08c082cb4f75debdb170f0711f75ce5116a", 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: "9907aee8b65612ced6c8e70ecb4a809c23f06e9a", 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: "ecdd3732ab75fb2df5cc590fdcd65dd8f435abdc", class: "select__search" }, t("swirl-icon-search", { key: "484e4ac362b2acd17a77c81d82bad6e6b2084411", class: "select__search-icon", size: 20 }), t("input", { key: "6d181ad4760e6af24ceeb1d0f313e582e16b19b2", "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: "327d73757c89b075cffe483d25da50448083c72c", class: "select__search-spinner", size: "s" })), t("swirl-option-list", { key: "a591703db1226dbe29b000e6bd78011d90a3b24d", allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (i) => this.optionList = i, value: this.value }, !this.searchLoading && t("div", { key: "e9a9f0e33729628e72fbfc7e6e46454f70ca0153", "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, t("swirl-text", { key: "b3f9060b3ab0bcf8be360f8a428aa0ae6c434c47", color: "subdued", weight: "medium" }, this.emptyListLabel)), t("slot", { key: "6c18f88a689236f625c2bfa110bb6e9b3f30eaba", onSlotchange: this.onSlotChange })))));
   }
   get el() {
     return u(this);
@@ -86,7 +86,7 @@ const v = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-s
     };
   }
 };
-m.style = b;
+v.style = f;
 export {
-  m as swirl_select
+  v as swirl_select
 };

package/dist/{swirl-separator.entry.3c860092.js → swirl-separator.entry.0b33a768.js}

@@ -1,10 +1,10 @@
-import { r as t, h as r, F as e, H as s } from "./index.9a597714.js";
-import { c as i } from "./index-267776a4.6beb4f4b.js";
+import { r as t, h as r, F as e, H as s } from "./index.89ae7741.js";
+import { c as i } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
-const l = ":host{display:flex;width:100%;align-items:center;gap:var(--s-space-8)}:host *{box-sizing:border-box}:host(.separator--orientation-vertical){display:inline-flex;width:auto;flex-direction:column}:host(.separator--orientation-vertical) .separator__line{width:var(--s-border-width-default);height:100%;min-height:1.125rem}:host(.separator--color-strong) .separator__line{background-color:var(--s-border-strong)}:host(.separator--color-strong) .separator__label{color:var(--s-text-subdued)}:host(.separator--color-highlight) .separator__line{background-color:var(--s-border-highlight)}:host(.separator--color-highlight) .separator__label{color:var(--s-text-highlight)}.separator__line{display:block;width:100%;height:var(--s-border-width-default);background-color:var(--s-border-default)}.separator__label{flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:var(--s-font-size-sm);color:var(--s-text-disabled)}", n = l, c = class {
-  constructor(a) {
-    t(this, a), this.borderColor = "default", this.color = "default", this.label = void 0, this.orientation = "horizontal", this.spacing = "8";
+const l = ":host{display:flex;width:100%;align-items:center;gap:var(--s-space-8)}:host *{box-sizing:border-box}:host(.separator--orientation-vertical){display:inline-flex;width:auto;flex-direction:column}:host(.separator--orientation-vertical) .separator__line{width:var(--s-border-width-default);height:100%;min-height:1.125rem}:host(.separator--color-strong) .separator__line{background-color:var(--s-border-strong)}:host(.separator--color-strong) .separator__label{color:var(--s-text-subdued)}:host(.separator--color-highlight) .separator__line{background-color:var(--s-border-highlight)}:host(.separator--color-highlight) .separator__label{color:var(--s-text-highlight)}.separator__line{display:block;width:100%;height:var(--s-border-width-default);background-color:var(--s-border-default)}.separator__label{flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:var(--s-font-size-sm);color:var(--s-text-disabled)}", n = class {
+  constructor(o) {
+    t(this, o), this.borderColor = "default", this.color = "default", this.orientation = "horizontal", this.spacing = "8";
   }
   componentWillLoad() {
     this.forceColor();
@@ -13,17 +13,17 @@ const l = ":host{display:flex;width:100%;align-items:center;gap:var(--s-space-8)
     this.borderColor !== "default" && (console.warn('[Swirl] The "borderColor" prop of swirl-separator is deprecated and will be removed with the next major release. Please use the "color" prop to achieve the same result.'), this.color = this.borderColor);
   }
   render() {
-    const a = this.orientation === "horizontal" ? {
+    const o = this.orientation === "horizontal" ? {
       paddingTop: `var(--s-space-${this.spacing})`,
       paddingBottom: `var(--s-space-${this.spacing})`
     } : {
       paddingRight: `var(--s-space-${this.spacing})`,
       paddingLeft: `var(--s-space-${this.spacing})`
-    }, o = i("separator", `separator--color-${this.color}`, `separator--orientation-${this.orientation}`);
-    return r(s, { key: "2bb244ed44ae203e950deeacf824108dd5dca113", "aria-orientation": this.orientation, class: o, role: "separator", style: a }, r("span", { key: "88d7f7383d3083f70164fb93548835085e15ce20", class: "separator__line" }), this.label && r(e, { key: "8f7500a0c14d5bfee5c7cf62839dac69c6587013" }, r("span", { key: "4be755e74288cf1f298f8a4c52da1205104c8752", class: "separator__label" }, this.label), r("span", { key: "8f2296aa2bb0480a971480618f9765c1a967ea8d", class: "separator__line" })));
+    }, a = i("separator", `separator--color-${this.color}`, `separator--orientation-${this.orientation}`);
+    return r(s, { key: "2bb244ed44ae203e950deeacf824108dd5dca113", "aria-orientation": this.orientation, class: a, role: "separator", style: o }, r("span", { key: "88d7f7383d3083f70164fb93548835085e15ce20", class: "separator__line" }), this.label && r(e, { key: "8f7500a0c14d5bfee5c7cf62839dac69c6587013" }, r("span", { key: "4be755e74288cf1f298f8a4c52da1205104c8752", class: "separator__label" }, this.label), r("span", { key: "8f2296aa2bb0480a971480618f9765c1a967ea8d", class: "separator__line" })));
   }
 };
-c.style = n;
+n.style = l;
 export {
-  c as swirl_separator
+  n as swirl_separator
 };

package/dist/{swirl-shell-layout.entry.30720852.js → swirl-shell-layout.entry.5620bd67.js}

@@ -1,7 +1,7 @@
-import { r as y, c as o, h as e, H as u, g as b } from "./index.9a597714.js";
-import { c as v } from "./index-267776a4.6beb4f4b.js";
-import { c as g } from "./focus-trap.esm-49c9613c.db20abcc.js";
-import { d as w, m as t } from "./utils-28df99ee.9fb223f6.js";
+import { r as y, c as o, h as e, H as u, g as b } from "./index.89ae7741.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 "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"
@@ -9,37 +9,37 @@ const p = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sun
           --swirl-shell-sidebar-width
         )}}@media (min-width: 1440px){.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__main.sc-swirl-shell-layout{width:100%}}.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__sidebar.sc-swirl-shell-layout{overflow:initial}@media (min-width: 992px){.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__sidebar-body.sc-swirl-shell-layout{border:0.0625rem solid var(--s-border-default);transform:translate3d(0, 0, 0)}}@media (min-width: 1440px){.shell-layout--sidebar-active.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-extended-nav-width) 1fr var(
         --swirl-shell-sidebar-width
-      )}}.sc-swirl-shell-layout:not(.shell-layout--sidebar-active) .shell-layout__sidebar.sc-swirl-shell-layout{animation:shell-layout-no-overflow-after-transition 0.1s;animation-fill-mode:forwards}.shell-layout--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}}`, f = p, i = "SWIRL_SHELL_SECONDARY_NAVIGATION_COLLAPSE_STATE", r = "SWIRL_SHELL_SECONDARY_NAVIGATION_VIEW_STATE", d = "SWIRL_SHELL_NAVIGATION_COLLAPSE_STATE", n = "SWIRL_SHELL_SIDEBAR_STATE", m = class {
-  constructor(a) {
-    y(this, a), this.sidebarToggleClick = o(this, "sidebarToggleClick", 7), this.skipLinkClick = o(this, "skipLinkClick", 7), this.collectNavItems = () => {
+      )}}.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 {
+  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 = {
+      scrollable: !1,
+      scrolledToTop: !1
+    }, this.collectNavItems = () => {
       this.mainNavItems = Array.from(this.el.querySelectorAll("swirl-shell-navigation-item[slot='nav'], [slot='nav'] swirl-shell-navigation-item")), this.secondaryNavItems = Array.from(this.el.querySelectorAll("swirl-shell-navigation-item[slot='secondary-nav'], [slot='secondary-nav'] swirl-shell-navigation-item")), this.toggleNavItemLabels(), this.setSecondaryNavItemsTiled();
-    }, this.toggleSecondaryNavView = (l) => {
-      l.stopPropagation(), this.secondaryNavView === "grid" ? this.secondaryNavView = "list" : this.secondaryNavView = "grid", this.setSecondaryNavItemsTiled(), localStorage.setItem(r, String(this.secondaryNavView));
-    }, this.toggleSecondaryNavCollapse = (l) => {
-      l.stopPropagation(), this.secondaryNavCollapsed = !this.secondaryNavCollapsed, localStorage.setItem(i, String(this.secondaryNavCollapsed));
+    }, this.toggleSecondaryNavView = (a) => {
+      a.stopPropagation(), this.secondaryNavView === "grid" ? this.secondaryNavView = "list" : this.secondaryNavView = "grid", this.setSecondaryNavItemsTiled(), localStorage.setItem(r, String(this.secondaryNavView));
+    }, this.toggleSecondaryNavCollapse = (a) => {
+      a.stopPropagation(), this.secondaryNavCollapsed = !this.secondaryNavCollapsed, localStorage.setItem(i, String(this.secondaryNavCollapsed));
     }, this.onNavigationToggleClick = () => {
       this.navigationCollapsed = !this.navigationCollapsed;
     }, this.onNavigationClick = () => {
       this.hideMobileNavigation();
     }, this.onSidebarScroll = w(() => {
       this.updateSidebarScrollState();
-    }, 16), this.brandedHeader = void 0, this.browserBackButtonLabel = "Navigate back", this.browserForwardButtonLabel = "Navigate forward", this.collapseNavigationButtonLabel = "Collapse navigation", this.enableSecondaryNavGridLayout = !0, this.expandNavigationButtonLabel = "Expand navigation", this.gridNavLayoutToggleLabel = "Grid", this.hideMobileNavigationButtonLabel = "Close navigation", this.listNavLayoutToggleLabel = "List", this.navigationLabel = "Main", this.secondaryNavCollapseLabel = "Show less", this.secondaryNavExpandLabel = "Show more", this.sidebarActive = void 0, this.sidebarToggleBadge = void 0, this.sidebarToggleBadgeAriaLabel = void 0, this.sidebarToggleIcon = "notifications", this.sidebarToggleLabel = "Toggle sidebar", this.skipLinkLabel = "Skip to main content", this.isDesktopViewport = !0, this.mobileNavigationActive = void 0, this.navigationCollapsed = void 0, this.secondaryNavCollapsed = void 0, this.secondaryNavView = "list", this.sidebarScrollState = {
-      scrollable: !1,
-      scrolledToTop: !1
-    };
+    }, 16);
   }
   componentWillLoad() {
     this.isDesktopViewport = t(), this.collectNavItems();
-    const a = localStorage.getItem(n) === "true";
-    this.sidebarActive = this.sidebarActive === void 0 ? a : this.sidebarActive;
-    const l = localStorage.getItem(d) === "true";
-    this.navigationCollapsed = l, this.restoreSecondaryNavState();
+    const l = localStorage.getItem(n) === "true";
+    this.sidebarActive = this.sidebarActive === void 0 ? l : this.sidebarActive;
+    const a = localStorage.getItem(d) === "true";
+    this.navigationCollapsed = a, this.restoreSecondaryNavState();
   }
   componentDidLoad() {
     this.focusTrap = g(this.navElement, {
       allowOutsideClick: !0,
       tabbableOptions: {
-        getShadowRoot: (a) => a.shadowRoot
+        getShadowRoot: (l) => l.shadowRoot
       }
     }), this.collectNavItems(), this.navMutationObserver = new MutationObserver(() => {
       this.collectNavItems(), this.setSecondaryNavItemsTiled();
@@ -51,15 +51,15 @@ const p = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sun
     });
   }
   componentDidRender() {
-    var a;
-    (a = this.focusTrap) == null || a.updateContainerElements(this.navElement);
+    var l;
+    (l = this.focusTrap) == null || l.updateContainerElements(this.navElement);
   }
   disconnectedCallback() {
-    var a, l;
-    (a = this.focusTrap) == null || a.deactivate(), (l = this.navMutationObserver) == null || l.disconnect();
+    var l, a;
+    (l = this.focusTrap) == null || l.deactivate(), (a = this.navMutationObserver) == null || a.disconnect();
   }
-  onWindowKeyDown(a) {
-    a.key === "Escape" && this.mobileNavigationActive && this.hideMobileNavigation();
+  onWindowKeyDown(l) {
+    l.key === "Escape" && this.mobileNavigationActive && this.hideMobileNavigation();
   }
   watchEnableSecondaryNavGridLayout() {
     this.restoreSecondaryNavState();
@@ -85,45 +85,45 @@ const p = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sun
     this.mobileNavigationActive = !1, this.toggleNavItemLabels();
   }
   toggleNavItemLabels() {
-    [...this.secondaryNavItems, ...this.mainNavItems].forEach((a) => {
-      a.hideLabel = this.navigationCollapsed && this.isDesktopViewport;
+    [...this.secondaryNavItems, ...this.mainNavItems].forEach((l) => {
+      l.hideLabel = this.navigationCollapsed && this.isDesktopViewport;
     });
   }
   setSecondaryNavItemsTiled() {
-    this.secondaryNavItems.forEach((a) => {
-      a.tiled = this.enableSecondaryNavGridLayout && (this.secondaryNavView === "grid" || this.navigationCollapsed && this.isDesktopViewport);
+    this.secondaryNavItems.forEach((l) => {
+      l.tiled = this.enableSecondaryNavGridLayout && (this.secondaryNavView === "grid" || this.navigationCollapsed && this.isDesktopViewport);
     });
   }
   restoreSecondaryNavState() {
     if (this.enableSecondaryNavGridLayout) {
-      const a = localStorage.getItem(i) === "true";
-      this.secondaryNavCollapsed = a;
-      const l = localStorage.getItem(r);
-      this.secondaryNavView = l;
+      const l = localStorage.getItem(i) === "true";
+      this.secondaryNavCollapsed = l;
+      const a = localStorage.getItem(r);
+      this.secondaryNavView = a;
     }
   }
   updateSidebarScrollState() {
-    const a = {
+    const l = {
       scrollable: this.sidebarContentEl.scrollHeight > this.sidebarContentEl.clientHeight,
       scrolledToTop: this.sidebarContentEl.scrollTop === 0
     };
-    Object.keys(a).some((l) => a[l] !== this.sidebarScrollState[l]) && (this.sidebarScrollState = a);
+    Object.keys(l).some((a) => l[a] !== this.sidebarScrollState[a]) && (this.sidebarScrollState = l);
   }
   render() {
-    const a = this.sidebarToggleBadge !== !0 && this.sidebarToggleBadge !== "true", l = this.navigationCollapsed && this.isDesktopViewport, c = Boolean(this.el.querySelector("[slot='secondary-nav']")), h = v("shell-layout", {
+    const l = this.sidebarToggleBadge !== !0 && this.sidebarToggleBadge !== "true", a = this.navigationCollapsed && this.isDesktopViewport, c = Boolean(this.el.querySelector("[slot='secondary-nav']")), h = v("shell-layout", {
       "shell-layout--branded-header": this.brandedHeader,
       "shell-layout--secondary-nav-collapsed": this.secondaryNavCollapsed,
       "shell-layout--has-secondary-nav": c,
       "shell-layout--mobile-navigation-active": this.mobileNavigationActive,
-      "shell-layout--navigation-collapsed": l,
+      "shell-layout--navigation-collapsed": a,
       "shell-layout--sidebar-active": this.sidebarActive,
       "shell-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
       "shell-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop
     });
-    return e(u, { key: "c2ffd1c80fe74b5690b58976cbf41b010ab3c364" }, e("div", { key: "d9fe711f3ab42dced31c0558e83ad8058feb5eaa", class: h }, e("header", { key: "30d499d7635c2a599dd15ae59bd0ebee0c82392e", class: "shell-layout__header", "data-tauri-drag-region": "true" }, e("button", { key: "d3e3136b69ed537919d8ea730c21e7e9ce69be8d", class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), e("div", { key: "ed13a5b6d0d078d8dbff77186249c3ccdb0c6896", class: "shell-layout__header-left" }, e("swirl-tooltip", { key: "af38ae0e454e0d784f4e55f8620a29cc33353619", content: this.navigationCollapsed ? this.expandNavigationButtonLabel : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, e("button", { key: "51918d1e18bd43e63f91880d2895998beed52e12", 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: "36e38af3596dd760aca940bdfe7cdd09ab503a6d" }, this.navigationCollapsed ? this.expandNavigationButtonLabel : this.collapseNavigationButtonLabel))), e("a", { key: "3687558f4468c4d5365f9fd9e7f5ee8dc6237b33", class: "shell-layout__header-tool", href: "javascript:history.back()" }, e("swirl-icon-arrow-back", { key: "10b150e85e486ffc3cc094e89463baee952b6f69", size: 20 }), e("swirl-visually-hidden", { key: "88cd92f97adaa7834cbef2f119d204025517d255" }, this.browserBackButtonLabel)), e("a", { key: "a4d4c0896fb8c2ef41e65c1291c8f834c56a9232", class: "shell-layout__header-tool", href: "javascript:history.forward()" }, e("swirl-icon-arrow-forward", { key: "bbfeaf1c6a01c6ba922e1d68446b2451a235efbc", size: 20 }), e("swirl-visually-hidden", { key: "af752ad63b495e2f2ab35286f187022d2cb35baf" }, this.browserForwardButtonLabel)), e("slot", { key: "dab894dc199e776e62017915955bfc2935ca6582", name: "left-header-tools" })), e("div", { key: "658d0c1997d562229937b46b237e1e655be38195", class: "shell-layout__logo" }, e("slot", { key: "7384f8be45e43f556a92a4a04367121c99142857", name: "logo" })), e("div", { key: "24bd5fd5ab86ce110a0c88b4b5044df33b4bc670", class: "shell-layout__header-right" }, e("slot", { key: "41d697effb960787303043ba5b7f4dd7b9e15855", name: "right-header-tools" }), e("button", { key: "c905851894651bacebdc4743c5fda6ba385acbe2", class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, e("swirl-icon", { key: "5bac3e027c0b65f05768d66365ce4b67a5be9050", glyph: this.sidebarToggleIcon, size: 20 }), e("swirl-visually-hidden", { key: "a7e343b4bb50fb134b878f92333a2bf2b77d9fff" }, this.sidebarToggleLabel), this.sidebarToggleBadge && e("swirl-badge", { key: "c222356d8908033943cc5ba5ebdeefb1e33bb020", "aria-label": this.sidebarToggleBadgeAriaLabel, label: a ? String(this.sidebarToggleBadge) : this.sidebarToggleBadgeAriaLabel, size: "xs", variant: a ? "default" : "dot" })), e("slot", { key: "c04b4a9b9bac6fb4f8549653859a6dd5e5677f60", name: "avatar" }))), e("div", { key: "83f00d3f74f57a79a50e438fded645447dd57152", class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), e("nav", { key: "aaf949f99f2ef785f31797d4d3d6336ca9a1a0a3", "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (s) => this.navElement = s }, e("div", { key: "f7bf8b52c13aa3a63b3ea99e6d1e80447a2a30d6", class: "shell-layout__mobile-header" }, e("slot", { key: "742520a2f6ca57f09d458198bee5005e52c02550", name: "mobile-logo" }), e("div", { key: "8443961b6a018ac625748ead04ac573e381101d6", class: "shell-layout__mobile-header-tools" }, e("slot", { key: "0389158c9691c8ca5b65dd99b8b33b7a7352e4b1", name: "mobile-header-tools" }), e("button", { key: "b2f53beb84ca84c003c8a1166f6c278d83768e2b", class: "shell-layout__header-tool", type: "button" }, e("swirl-icon-double-arrow-left", { key: "4983a2a8cf8262aa91b1f4793bae7f409de14d57", size: 20 }), e("swirl-visually-hidden", { key: "8f85533efaddb889aff999760ec428bf5d907f52" }, this.hideMobileNavigationButtonLabel)))), e("div", { key: "ca7b92a3aef8a5aadf6e1d95ac9149cb09f53134", class: "shell-layout__nav-body" }, e("swirl-visually-hidden", { key: "b51955e64bd77ac495f8cb185c9eba9ee615254a" }, e("span", { key: "63dee11afc20c2c3a68c7723277dc960eb3006f2", id: "main-navigation-label" }, this.navigationLabel)), e("slot", { key: "c76a3b7d03a56079b98c56d2f4d25a872b86b29a", name: "nav", onSlotchange: this.collectNavItems }), e("div", { key: "ba68ea1b6715bc7078ee7441fa4efb1781ead63a", class: "shell-layout__secondary-nav" }, e("swirl-separator", { key: "1c9e6aec62283a78d2ae4efc743943d7d8816f34", color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && e("swirl-box", { key: "9bb9984e55fc72b8c72ddf5ddf937b24f38d19ea", paddingBlockEnd: "16" }, e("swirl-stack", { key: "9c50210868fd8ab4e6e159adecd1646b94a919de", justify: l ? "center" : "space-between", orientation: "horizontal" }, e("swirl-button", { key: "5ad375635468da39928054eca7a92a430274cb1b", hideLabel: l, icon: this.secondaryNavCollapsed ? "<swirl-icon-expand-more></swirl-icon-expand-more>" : "<swirl-icon-expand-less></swirl-icon-expand-less>", label: this.secondaryNavCollapsed ? this.secondaryNavExpandLabel : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !l && !this.secondaryNavCollapsed && e("swirl-button", { key: "598cacb6f3ad82a9f5012ecd058e4399278fcfa7", 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: "2f94c00303b3893917f714e567a784b8a11da279", class: {
+    return e(u, { key: "61728ec1085a10381daa3cc23d82b5a2d71b1a86" }, e("div", { key: "a9663a749b64f95f44562707e4214cc15169b828", class: h }, e("header", { key: "763f7df0712be52726b3c57b9694f933c7ce7e11", class: "shell-layout__header", "data-tauri-drag-region": "true" }, e("button", { key: "a02d0956da631c669ffdf3cf03621ad7f8d99666", class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), e("div", { key: "d1c99094994f3a6dd0c4fca2a7f8b57876516d5a", class: "shell-layout__header-left" }, e("swirl-tooltip", { key: "5d0bcd146e6fbd4758c48e640fb75e77dcb88e54", content: this.navigationCollapsed ? this.expandNavigationButtonLabel : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, e("button", { key: "1f92fa6c0c954e2b0a5444572d00295804287860", 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: "045ad98b41f15b5fe4aa3f776c2cf55a6b7e81b3" }, this.navigationCollapsed ? this.expandNavigationButtonLabel : this.collapseNavigationButtonLabel))), e("a", { key: "8e5cdd4c1a60da93cd85a4f2fef2e0bc7a9657dc", class: "shell-layout__header-tool", href: "javascript:history.back()" }, e("swirl-icon-arrow-back", { key: "96f2d76730e2f08129e13a1c405399cb46aaf02e", size: 20 }), e("swirl-visually-hidden", { key: "36cf7de257a87acfcc9141b08e0af1f5cd0ab649" }, this.browserBackButtonLabel)), e("a", { key: "643995813cf0bfecae98474de80f6aa1f12882cc", class: "shell-layout__header-tool", href: "javascript:history.forward()" }, e("swirl-icon-arrow-forward", { key: "6c15e4d10f612316547318c3a491e1ceb6db188a", size: 20 }), e("swirl-visually-hidden", { key: "41f725415ac58c1b39e3b356fb2bcaa5ae17c68c" }, this.browserForwardButtonLabel)), e("slot", { key: "266e8c781ec70a777d6fefd95c7edb6500c5815d", name: "left-header-tools" })), e("div", { key: "243668e828135fcdd9beb6ee3fa0caff26c4a90e", class: "shell-layout__logo" }, e("slot", { key: "f85f405aeb06c2029739aae75fd83af9b3c19480", name: "logo" })), e("div", { key: "89e9760cf995a348a193446df39246ca9c2299f5", class: "shell-layout__header-right" }, e("slot", { key: "dc42789342411b132e691f498cf623a1a51420eb", name: "right-header-tools" }), e("button", { key: "cb82d566e9940abe63de68052cadb87bd28bbe02", class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, e("swirl-icon", { key: "9cff96f9be4ed538921b13c9b9ac2f4097af3364", glyph: this.sidebarToggleIcon, size: 20 }), e("swirl-visually-hidden", { key: "d193d61f2c3aca5953f4d1f9a2a0b0607cb1b615" }, this.sidebarToggleLabel), this.sidebarToggleBadge && e("swirl-badge", { key: "fd5722e2f251b8ec55dd2aa4cd561f87360fc0ce", "aria-label": this.sidebarToggleBadgeAriaLabel, label: l ? String(this.sidebarToggleBadge) : this.sidebarToggleBadgeAriaLabel, size: "xs", variant: l ? "default" : "dot" })), e("slot", { key: "62ffe5a227b050739601da40406140fd7095500a", name: "avatar" }))), e("div", { key: "085c7e9a6a0b91be4a52217f45b639bc73adac09", class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), e("nav", { key: "c549360b63620d270902f4f9702f5b70b9b48866", "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (s) => this.navElement = s }, e("div", { key: "80163b86b41c3f626557357605cb0e80c1fea0b8", class: "shell-layout__mobile-header" }, e("slot", { key: "0c4fe2c972a2143056a17fe823faf7f27c38862d", name: "mobile-logo" }), e("div", { key: "3894ea55495f274df1bd12ec362c8a1fbc78c3ef", class: "shell-layout__mobile-header-tools" }, e("slot", { key: "900f3d6678cd1914cb518d81577b55b0f53970d5", name: "mobile-header-tools" }), e("button", { key: "681b699488b31be2c81178c40ebb4be205f91164", class: "shell-layout__header-tool", type: "button" }, e("swirl-icon-double-arrow-left", { key: "be582ab7d4147bce8f3dac6971e5c775a7ecb886", size: 20 }), e("swirl-visually-hidden", { key: "b853968078f3de8da52919f4a6e1be921d166a42" }, this.hideMobileNavigationButtonLabel)))), e("div", { key: "9d6f985b3d907bd54895dcf626422c957d09cff5", class: "shell-layout__nav-body" }, e("swirl-visually-hidden", { key: "79d64ac709eacf4b12de258555c15045de3695aa" }, e("span", { key: "e49b399c68531870392b46e255696089f151f75f", id: "main-navigation-label" }, this.navigationLabel)), e("slot", { key: "ad6bd018b98f3c0672f613496997dcd97026c8fb", name: "nav", onSlotchange: this.collectNavItems }), e("div", { key: "2b790886eb5ac336499ad81b68bde972ad2a32cd", class: "shell-layout__secondary-nav" }, e("swirl-separator", { key: "072b7fdcf8feb7887e4350a94d535fc05d11737b", color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && e("swirl-box", { key: "ca4876d776da0d380e5f181d1a71d3d649cce5d2", paddingBlockEnd: "16" }, e("swirl-stack", { key: "0f930f479d2818dd6c9e0a4ad42fd2dced80d4ea", justify: a ? "center" : "space-between", orientation: "horizontal" }, e("swirl-button", { key: "769e9fe1b8f13d41e0ae6d96a5b783736309ad24", 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: "d4d05300da66f32e887bfae45255e35c8a1224f4", 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: "11bf2beffb3c879c4474262f47b5223ccee34875", class: {
       "shell-layout__secondary-nav-items": !0,
-      "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout && (this.secondaryNavView === "grid" || l)
-    } }, e("slot", { key: "0ce78d648acb9a1af73da5e4828aa77735fa8978", name: "secondary-nav", onSlotchange: this.collectNavItems }))))), e("main", { key: "16c2e3bb517c23984123c2ca3d1b3250f381a9aa", class: "shell-layout__main", id: "main-content" }, e("slot", { key: "198890731474a037a4b6f5d6da2571d44fef8e4e" })), e("aside", { key: "9ec8d709a8a6b27e85e1efdd1cca32516ab043da", class: "shell-layout__sidebar", inert: this.sidebarActive ? void 0 : !0 }, e("div", { key: "071b1521996abde544098207649cd709028e8e4d", class: "shell-layout__sidebar-body" }, e("div", { key: "331287eb3fd2a9814a125623d1b31555b43ebd21", class: "shell-layout__sidebar-app-bar" }, e("slot", { key: "e10d14c1b7ffec71482bde24c71da7ab90b4927e", name: "sidebar-app-bar" })), e("div", { key: "bd8d1fa07e4e2efce9d31a0e8c4f777d9e9dd780", class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (s) => this.sidebarContentEl = s }, e("slot", { key: "6f2a660783d9d83870119aed7bb7e8e7bf1b9d54", name: "sidebar" }))))));
+      "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout && (this.secondaryNavView === "grid" || a)
+    } }, e("slot", { key: "33bedc87b6ef58f5d875406ad1749119d58e0c35", name: "secondary-nav", onSlotchange: this.collectNavItems }))))), e("main", { key: "36940a37a781a8a32ba41195610539ccb8f794c6", class: "shell-layout__main", id: "main-content" }, e("slot", { key: "ec1ba6537810abae2925bc3b06e33e926b613ed5" })), e("aside", { key: "cb2241808754598045781b547c2fa711117ce36a", class: "shell-layout__sidebar", inert: this.sidebarActive ? void 0 : !0 }, e("div", { key: "833966481f389aa1394f4d8c0a9e303112c0e9b7", class: "shell-layout__sidebar-body" }, e("div", { key: "4cde8e77fa304c044ae9bc3d939d940a8ed4f134", class: "shell-layout__sidebar-app-bar" }, e("slot", { key: "25dc42bf9bd3272535bd588a4a11fd8fcc106360", name: "sidebar-app-bar" })), e("div", { key: "d991698b4aa217ffc44a0d3acc085def75bbe332", class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (s) => this.sidebarContentEl = s }, e("slot", { key: "fea70d6f616a31a9a5b05747774c8b52da30abd3", name: "sidebar" }))))));
   }
   get el() {
     return b(this);
@@ -137,7 +137,7 @@ const p = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sun
     };
   }
 };
-m.style = f;
+f.style = p;
 export {
-  m as swirl_shell_layout
+  f as swirl_shell_layout
 };