@getflip/swirl-components-react 0.190.0 → 0.192.0

package/dist/{swirl-progress-indicator.entry.f3e53bfb.js → swirl-progress-indicator.entry.91271890.js}

@@ -1,17 +1,17 @@
-import { r as t, h as i, H as n } from "./index.d90adc50.js";
-import { c } from "./index-267776a4.6beb4f4b.js";
+import { r as t, h as s, H as n } from "./index.646f8b70.js";
+import { c } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";
-const d = ":host{display:block;width:100%}:host *{box-sizing:border-box}:host(.circle){display:inline-flex;width:auto}.progress-indicator--variant-bar{display:block;width:100%;height:0.25rem;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress-indicator--variant-bar::-webkit-progress-bar{border-radius:0.125rem;background-color:var(--s-surface-raised-default)}.progress-indicator--variant-bar::-webkit-progress-value{border-radius:0.125rem;background-color:var(--s-border-highlight);-webkit-transition:width 0.25s;transition:width 0.25s}.progress-indicator--variant-bar::-moz-progress-bar{height:0.25rem;border-radius:0.125rem;background-color:var(--s-border-highlight);-moz-transition:width 0.25s;transition:width 0.25s}@media (prefers-reduced-motion){.progress-indicator--variant-bar::-moz-progress-bar{-moz-transition:none;transition:none}}.progress-indicator--variant-bar.progress-indicator--size-s{height:0.125rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-bar{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-value{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-moz-progress-bar{height:0.125rem;border-radius:0.0625rem}.progress-indicator--variant-circle{position:relative;display:inline-flex;overflow:hidden;width:3rem;height:3rem}.progress-indicator--variant-circle.progress-indicator--size-s{width:1.5rem;height:1.5rem}.progress-indicator__circle{position:absolute;width:100%;height:100%;transform:rotate(-90deg);inset:0}.progress-indicator__circle-background{stroke:var(--s-border-default);stroke-linecap:round}.progress-indicator__circle-value{transition:stroke-dashoffset 0.25s;stroke:var(--s-interactive-primary-default);stroke-linecap:round}@media (prefers-reduced-motion){.progress-indicator__circle-value{transition:none}}", l = d, h = class {
+const d = ":host{display:block;width:100%}:host *{box-sizing:border-box}:host(.circle){display:inline-flex;width:auto}.progress-indicator--variant-bar{display:block;width:100%;height:0.25rem;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress-indicator--variant-bar::-webkit-progress-bar{border-radius:0.125rem;background-color:var(--s-surface-raised-default)}.progress-indicator--variant-bar::-webkit-progress-value{border-radius:0.125rem;background-color:var(--s-border-highlight);-webkit-transition:width 0.25s;transition:width 0.25s}.progress-indicator--variant-bar::-moz-progress-bar{height:0.25rem;border-radius:0.125rem;background-color:var(--s-border-highlight);-moz-transition:width 0.25s;transition:width 0.25s}@media (prefers-reduced-motion){.progress-indicator--variant-bar::-moz-progress-bar{-moz-transition:none;transition:none}}.progress-indicator--variant-bar.progress-indicator--size-s{height:0.125rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-bar{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-value{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-moz-progress-bar{height:0.125rem;border-radius:0.0625rem}.progress-indicator--variant-circle{position:relative;display:inline-flex;overflow:hidden;width:3rem;height:3rem}.progress-indicator--variant-circle.progress-indicator--size-s{width:1.5rem;height:1.5rem}.progress-indicator__circle{position:absolute;width:100%;height:100%;transform:rotate(-90deg);inset:0}.progress-indicator__circle-background{stroke:var(--s-border-default);stroke-linecap:round}.progress-indicator__circle-value{transition:stroke-dashoffset 0.25s;stroke:var(--s-interactive-primary-default);stroke-linecap:round}@media (prefers-reduced-motion){.progress-indicator__circle-value{transition:none}}", l = class {
   constructor(a) {
     t(this, a), this.label = void 0, this.size = "m", this.value = 0, this.variant = "bar";
   }
   render() {
-    const a = c("progress-indicator", `progress-indicator--size-${this.size}`, `progress-indicator--variant-${this.variant}`), e = this.size === "m" ? 4 : 2, r = this.size === "m" ? 20 : 10, s = Math.round(r * 2 * Math.PI), o = Math.round(s * ((100 - this.value) / 100));
-    return i(n, { key: "27419f6ad606ceac76c55096966b81fa4b75795f", class: this.variant }, this.variant === "bar" && i("progress", { key: "584e128f990fba9039551c117f1e1fc1de8c6b4f", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: a, max: 100, value: this.value }), this.variant === "circle" && i("span", { key: "353b1fae553920caed0b94a05eaf979124ec32cf", role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: a }, i("svg", { key: "440cffe589e414770395aeec40c3d6f9efe90b62", class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(r + e) * 2} ${(r + e) * 2}` }, i("circle", { key: "35d900dd7542a5745ba11f28c2d9c6fada99c689", class: "progress-indicator__circle-background", cx: r + e, cy: r + e, r, fill: "none", "stroke-width": e }), i("circle", { key: "030ed6dd3c2c72ccbb6fa34416e4f956efc13967", class: "progress-indicator__circle-value", cx: r + e, cy: r + e, r, fill: "none", "stroke-width": e, "stroke-dasharray": s, "stroke-dashoffset": o }))));
+    const a = c("progress-indicator", `progress-indicator--size-${this.size}`, `progress-indicator--variant-${this.variant}`), i = this.size === "m" ? 4 : 2, r = this.size === "m" ? 20 : 10, e = Math.round(r * 2 * Math.PI), o = Math.round(e * ((100 - this.value) / 100));
+    return s(n, { class: this.variant }, this.variant === "bar" && s("progress", { "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: a, max: 100, value: this.value }), this.variant === "circle" && s("span", { role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: a }, s("svg", { class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(r + i) * 2} ${(r + i) * 2}` }, s("circle", { class: "progress-indicator__circle-background", cx: r + i, cy: r + i, r, fill: "none", "stroke-width": i }), s("circle", { class: "progress-indicator__circle-value", cx: r + i, cy: r + i, r, fill: "none", "stroke-width": i, "stroke-dasharray": e, "stroke-dashoffset": o }))));
   }
 };
-h.style = l;
+l.style = d;
 export {
-  h as swirl_progress_indicator
+  l as swirl_progress_indicator
 };

package/dist/{swirl-radio-group.entry.39d29324.js → swirl-radio-group.entry.c5b7b952.js}

@@ -1,9 +1,9 @@
-import { r as o, c as d, h as i, H as l, g as n } from "./index.d90adc50.js";
+import { r as o, c as l, h as i, H as n, g as u } from "./index.646f8b70.js";
 import "react";
 import "react-dom";
-const u = ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-swirl-radio-group{box-sizing:border-box}.radio-group.sc-swirl-radio-group{display:flex;flex-direction:column;gap:var(--s-space-12)}", c = u, h = class {
+const d = ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-swirl-radio-group{box-sizing:border-box}.radio-group.sc-swirl-radio-group{display:flex;flex-direction:column;gap:var(--s-space-12)}", h = class {
   constructor(r) {
-    o(this, r), this.valueChange = d(this, "valueChange", 7), this.swirlAriaDescribedby = void 0, this.value = void 0;
+    o(this, r), this.valueChange = l(this, "valueChange", 7), this.swirlAriaDescribedby = void 0, this.value = void 0;
   }
   componentDidLoad() {
     this.radioButtons = Array.from(this.el.querySelectorAll("swirl-radio")), this.initValue(), this.handleValueChanges();
@@ -16,20 +16,20 @@ const u = ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-sw
   }
   handleValueChanges() {
     for (const [r, e] of Object.entries(this.radioButtons))
-      e.addEventListener("valueChange", (a) => {
-        a.stopPropagation(), (e.checked === !0 || e.checked === "true") && (this.valueChange.emit(e.value), this.value = e.value, this.radioButtons.forEach((s, t) => {
-          String(t) !== r && (s.checked = !1);
+      e.addEventListener("valueChange", (s) => {
+        s.stopPropagation(), (e.checked === !0 || e.checked === "true") && (this.valueChange.emit(e.value), this.value = e.value, this.radioButtons.forEach((t, a) => {
+          String(a) !== r && (t.checked = !1);
         }));
       });
   }
   render() {
-    return i(l, { key: "af60f32c2656b62c7a5d5185c1740fb15d4da7f8", "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, i("div", { key: "f1c4e1dc5b8beab72174217710bcfdf058b2f712", class: "radio-group" }, i("slot", { key: "98310d7f836f3c5bd0a61c62e44ff84877fb81c5" })));
+    return i(n, { "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, i("div", { class: "radio-group" }, i("slot", null)));
   }
   get el() {
-    return n(this);
+    return u(this);
   }
 };
-h.style = c;
+h.style = d;
 export {
   h as swirl_radio_group
 };

package/dist/{swirl-radio.entry.bc87fc9c.js → swirl-radio.entry.084cfb8a.js}

@@ -1,12 +1,12 @@
-import { r as s, c, h as i, H as l } from "./index.d90adc50.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
+import { r as e, c as l, h as i, H as c } from "./index.646f8b70.js";
+import { c as t } from "./index-d280dafb.186cdb0e.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{font-weight:var(--s-font-weight-medium)}@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{font-weight:var(--s-font-weight-medium)}@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 = () => {
+    e(this, r), this.valueChange = l(this, "valueChange", 7), 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.value = void 0, this.variant = "default";
   }
@@ -14,16 +14,16 @@ const n = `.sc-swirl-radio-h{display:inline-flex}.sc-swirl-radio-h *.sc-swirl-ra
     return r ? "true" : a ? "false" : "mixed";
   }
   render() {
-    const r = this.checked === !1 || this.checked === "false", a = this.checked === !0 || this.checked === "true", d = this.getAriaCheckedLabel(a, r), o = this.invalid, e = t("radio", `radio--variant-${this.variant}`, {
+    const r = this.checked === !1 || this.checked === "false", a = this.checked === !0 || this.checked === "true", d = this.getAriaCheckedLabel(a, r), o = this.invalid, s = t("radio", `radio--variant-${this.variant}`, {
       "radio--checked": a,
       "radio--disabled": this.disabled,
       "radio--invalid": this.invalid,
       "radio--unchecked": r
     });
-    return i(l, { key: "fc985b38861a7d05e94a56318ff95829c86f43ce", style: { width: this.variant === "card" ? "100%" : void 0 } }, i("label", { key: "ca2727078705ed2947a1febf09038325d1b69ce0", class: e, htmlFor: this.inputId }, i("span", { key: "baafc96aae7ac8e6bb2529de01dddf033695e3e9", class: "radio__control" }, i("swirl-visually-hidden", { key: "18a33db4b572d9ac8b240d2a087ba0e45848b080" }, i("input", { key: "2dd8e35091fc9922b37da7f2c98b4eb6fc901a7f", "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: "39894d57350dffe3353405ad434320ce981b0b15", "aria-hidden": "true", class: "radio__box" })), i("span", { key: "b997e9e65b9f14e1f30e714fb2d52635736ffe60", class: "radio__label-container" }, this.label && i("span", { key: "0799b01df4c751805785d9855e5de7fa4903ee70", class: "radio__label" }, this.label), this.description && i("span", { key: "2a443b95911cbcede9df32505f295d1a156ea5a4", class: "radio__description", innerHTML: this.description }))));
+    return i(c, { style: { width: this.variant === "card" ? "100%" : void 0 } }, i("label", { class: s, htmlFor: this.inputId }, i("span", { class: "radio__control" }, i("swirl-visually-hidden", null, i("input", { "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", { "aria-hidden": "true", class: "radio__box" })), i("span", { class: "radio__label-container" }, this.label && i("span", { class: "radio__label" }, this.label), this.description && i("span", { 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.e02fad69.js → swirl-resource-list-file-item.entry.eab82697.js}

@@ -1,11 +1,11 @@
-import { r as c, c as a, h as e, H as n } from "./index.d90adc50.js";
-import { c as d } from "./index-267776a4.6beb4f4b.js";
-import { g as f } from "./utils-aab10c80.240adddc.js";
+import { r as c, c as n, h as e, H as a } from "./index.646f8b70.js";
+import { c as m } from "./index-d280dafb.186cdb0e.js";
+import { g as h } from "./utils-c5f2f98f.af14538a.js";
 import "react";
 import "react-dom";
-const m = '.sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swirl-resource-list-file-item-h *.sc-swirl-resource-list-file-item{box-sizing:border-box}.resource-list-file-item.sc-swirl-resource-list-file-item{position:relative;display:flex;width:100%;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);line-height:var(--s-line-height-base);gap:var(--s-space-12)}.resource-list-file-item.sc-swirl-resource-list-file-item:focus{outline:none}.resource-list-file-item.sc-swirl-resource-list-file-item:focus-visible{background-color:var(--s-background-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item.sc-swirl-resource-list-file-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-file-item--has-control.sc-swirl-resource-list-file-item .resource-list-file-item__label-container.sc-swirl-resource-list-file-item{padding-right:calc(var(--s-space-12) + 2.5rem)}.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.5rem;height:1.5rem;color:var(--s-icon-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.25rem;height:1.25rem}}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item{position:relative;display:flex;min-width:0;min-height:2.875rem;flex-grow:1;justify-content:center;flex-direction:column}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-file-item__label.sc-swirl-resource-list-file-item{overflow:hidden;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__description.sc-swirl-resource-list-file-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__error-message.sc-swirl-resource-list-file-item{margin-top:var(--s-space-2)}.resource-list-file-item__remove-button.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-16);display:inline-flex;transform:translateY(-50%)}.resource-list-file-item__spinner.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-24);display:inline-flex;transform:translateY(-50%)}', h = m, u = class {
+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.desktopMediaQuery = f(), this.desktopMediaQueryHandler = (s) => {
+    c(this, i), this.remove = n(this, "remove", 7), this.desktopMediaQuery = h(), this.desktopMediaQueryHandler = (s) => {
       this.forceIconProps(s.matches);
     }, 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";
   }
@@ -23,13 +23,13 @@ const m = '.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 = d("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: "32493263d882770a282b8905d04c9ccb3307c68b", role: "row" }, e("div", { key: "0c5ab353058643e851df697b88bea4fcb72f62a7", class: l, part: "resource-list-file-item", role: "gridcell" }, e("span", { key: "e7d20c9350154d6b81abff5fbae91a8e90fea35a", class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (o) => this.iconEl = o }), e("span", { key: "d5ec5cd4ad7cc9a75af21ae5af8985b01cd5b403", class: "resource-list-file-item__label-container" }, e("span", { key: "73611817cf84d88638a9d6017ef106e8a9305a2f", class: "resource-list-file-item__label", id: "label" }, this.label), s && e("span", { key: "91f13fd79761fb6d15ce6caac3c9f2a41ada59be", class: "resource-list-file-item__description" }, this.description), i && e("span", { key: "06fccb5e51dfc2cd5c2d7f96781244139fd3d052", "aria-live": "polite", class: "resource-list-file-item__error-message" }, e("swirl-inline-error", { key: "77e6594dcccdd41ec4c744ff9d34fa430db78bd2", message: this.errorMessage, size: "s" }))), r && e("span", { key: "d1da60cbde77ff624b06f6cb15ae6ea7a846f393", class: "resource-list-file-item__spinner" }, e("swirl-spinner", { key: "26e1a6fa1bf694fa69090f4c328723033932b39b", size: "s" })), t && e("span", { key: "30978677ee0e809c0f4c3f36227ef04569a7ac3e", class: "resource-list-file-item__remove-button" }, e("swirl-button", { key: "22265fe0321ff055f4ccb5e9bdddeaced26b8c9e", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))));
+    return e(a, { role: "row" }, e("div", { class: l, part: "resource-list-file-item", role: "gridcell" }, e("span", { class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (o) => this.iconEl = o }), e("span", { class: "resource-list-file-item__label-container" }, e("span", { class: "resource-list-file-item__label", id: "label" }, this.label), s && e("span", { class: "resource-list-file-item__description" }, this.description), i && e("span", { "aria-live": "polite", class: "resource-list-file-item__error-message" }, e("swirl-inline-error", { message: this.errorMessage, size: "s" }))), r && e("span", { class: "resource-list-file-item__spinner" }, e("swirl-spinner", { size: "s" })), t && e("span", { class: "resource-list-file-item__remove-button" }, e("swirl-button", { hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))));
   }
 };
-u.style = h;
+u.style = d;
 export {
   u as swirl_resource_list_file_item
 };

package/dist/{swirl-search.entry.ef5ec813.js → swirl-search.entry.b6a27913.js}

@@ -1,22 +1,22 @@
-import { r as i, c as r, h as a, H as t } from "./index.d90adc50.js";
-import { c } from "./index-267776a4.6beb4f4b.js";
-import { g as h } from "./utils-aab10c80.240adddc.js";
+import { r as i, c as r, h as a, H as t } from "./index.646f8b70.js";
+import { c } from "./index-d280dafb.186cdb0e.js";
+import { g as h } from "./utils-c5f2f98f.af14538a.js";
 import "react";
 import "react-dom";
-const n = ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-swirl-search{box-sizing:border-box}.search.sc-swirl-search{position:relative;display:flex;width:100%}.search--variant-outline.sc-swirl-search .search__input.sc-swirl-search{background-color:transparent;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.search--disabled.sc-swirl-search .search__icon.sc-swirl-search{color:var(--s-icon-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::placeholder{color:var(--s-text-disabled)}.search__icon.sc-swirl-search{position:absolute;top:50%;left:var(--s-space-12);display:inline-flex;width:1.5rem;height:1.5rem;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__icon.sc-swirl-search{width:1.25rem;height:1.25rem}}.search__input.sc-swirl-search{width:100%;height:2.5rem;padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-raised-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.search__input.sc-swirl-search:focus:not(:focus-visible){outline:none}.search__input.sc-swirl-search:focus-visible{outline-color:var(--s-focus-default)}.search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::-webkit-search-decoration,.search__input.sc-swirl-search::-webkit-search-cancel-button,.search__input.sc-swirl-search::-webkit-search-results-button,.search__input.sc-swirl-search::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search__input.sc-swirl-search:not(:-moz-placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}.search__input.sc-swirl-search:not(:placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__input.sc-swirl-search{height:2.25rem;padding-left:calc(var(--s-space-8) + 1.5rem + var(--s-space-8));font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.search__clear-button.sc-swirl-search{position:absolute;top:50%;right:var(--s-space-12);display:none;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;transform:translateY(-50%)}", o = n, l = class {
-  constructor(s) {
-    i(this, s), 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.desktopMediaQuery = h(), this.desktopMediaQueryHandler = (e) => {
-      this.forceIconProps(e.matches);
+const n = ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-swirl-search{box-sizing:border-box}.search.sc-swirl-search{position:relative;display:flex;width:100%}.search--variant-outline.sc-swirl-search .search__input.sc-swirl-search{background-color:transparent;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.search--disabled.sc-swirl-search .search__icon.sc-swirl-search{color:var(--s-icon-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::placeholder{color:var(--s-text-disabled)}.search__icon.sc-swirl-search{position:absolute;top:50%;left:var(--s-space-12);display:inline-flex;width:1.5rem;height:1.5rem;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__icon.sc-swirl-search{width:1.25rem;height:1.25rem}}.search__input.sc-swirl-search{width:100%;height:2.5rem;padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-raised-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.search__input.sc-swirl-search:focus:not(:focus-visible){outline:none}.search__input.sc-swirl-search:focus-visible{outline-color:var(--s-focus-default)}.search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::-webkit-search-decoration,.search__input.sc-swirl-search::-webkit-search-cancel-button,.search__input.sc-swirl-search::-webkit-search-results-button,.search__input.sc-swirl-search::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search__input.sc-swirl-search:not(:-moz-placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}.search__input.sc-swirl-search:not(:placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__input.sc-swirl-search{height:2.25rem;padding-left:calc(var(--s-space-8) + 1.5rem + var(--s-space-8));font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.search__clear-button.sc-swirl-search{position:absolute;top:50%;right:var(--s-space-12);display:none;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;transform:translateY(-50%)}", o = 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.desktopMediaQuery = h(), this.desktopMediaQueryHandler = (s) => {
+      this.forceIconProps(s.matches);
     }, this.clear = () => {
       this.input.value = "", this.input.focus(), this.valueChange.emit("");
-    }, this.onBlur = (e) => {
-      this.inputBlur.emit(e);
-    }, this.onChange = (e) => {
-      this.valueChange.emit(e.target.value);
-    }, this.onFocus = (e) => {
-      this.inputFocus.emit(e);
-    }, this.onInput = (e) => {
-      this.inputInput.emit(e.target.value);
+    }, this.onBlur = (s) => {
+      this.inputBlur.emit(s);
+    }, this.onChange = (s) => {
+      this.valueChange.emit(s.target.value);
+    }, this.onFocus = (s) => {
+      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() {
@@ -25,26 +25,26 @@ const n = ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-sw
     });
   }
   disconnectedCallback() {
-    var s, e;
-    (e = (s = this.desktopMediaQuery).removeEventListener) == null || e.call(s, "change", this.desktopMediaQueryHandler);
+    var e, s;
+    (s = (e = this.desktopMediaQuery).removeEventListener) == null || s.call(e, "change", this.desktopMediaQueryHandler);
   }
-  forceIconProps(s) {
+  forceIconProps(e) {
     if (!Boolean(this.iconEl))
       return;
-    const e = this.iconEl.children[0];
-    e == null || e.setAttribute("size", s ? "20" : "24");
+    const s = this.iconEl.children[0];
+    s == null || s.setAttribute("size", e ? "20" : "24");
   }
-  onKeyDown(s) {
-    (s.code === "KeyK" || s.code === "Slash") && (s.ctrlKey || s.metaKey) && this.input.focus();
+  onKeyDown(e) {
+    (e.code === "KeyK" || e.code === "Slash") && (e.ctrlKey || e.metaKey) && this.input.focus();
   }
   render() {
-    const s = c("search", `search--variant-${this.variant}`, {
+    const e = c("search", `search--variant-${this.variant}`, {
       "search--disabled": this.disabled
     });
-    return a(t, { key: "af6abd6a789cbce869a9a544f86f6d0348f2999d" }, a("span", { key: "1a1674c68d9f4fdf3eed7c0800ed77d7fac1d69f", class: s, ref: (e) => this.iconEl = e }, a("swirl-icon-search", { key: "6e0883576e746dd79b4fcccb5875786e2ecb55df", "aria-hidden": "true", class: "search__icon" }), a("input", { key: "8df7b5037597190e8cc3130acba0b611e8df7179", "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: (e) => this.input = e, type: "search", value: this.value }), !this.disabled && a("button", { key: "367846a3239dd9cb24493bbc17919e1f76e1f0af", "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, a("swirl-icon-cancel", { key: "6a625edca23c894633bf2bea87cce2e838fec037" }))));
+    return a(t, null, a("span", { class: e, ref: (s) => this.iconEl = s }, a("swirl-icon-search", { "aria-hidden": "true", class: "search__icon" }), a("input", { "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", { "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, a("swirl-icon-cancel", null))));
   }
 };
-l.style = o;
+o.style = n;
 export {
-  l as swirl_search
+  o as swirl_search
 };

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

@@ -1,9 +1,9 @@
-import { r as u, c as h, h as s, H as b, g as f } from "./index.d90adc50.js";
-import { c as w } from "./index-267776a4.6beb4f4b.js";
-import { q as v } from "./utils-aab10c80.240adddc.js";
+import { r as u, c as h, h as s, H as w, g as v } from "./index.646f8b70.js";
+import { c as m } from "./index-d280dafb.186cdb0e.js";
+import { q as _ } from "./utils-c5f2f98f.af14538a.js";
 import "react";
 import "react-dom";
-const m = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-swirl-select{box-sizing:border-box}.select.sc-swirl-select{position:relative;display:flex;width:100%}.select.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:var(--s-space-16)}@media (min-width: 768px){.select.sc-swirl-select .sc-swirl-select::part(popover__scroll-container){padding-top:0}}.select--placement-top-start.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:-2.25rem}.select--multi.sc-swirl-select .select__input.sc-swirl-select{position:absolute;width:100%;height:100%;pointer-events:none;opacity:0}.select--multi.sc-swirl-select .select__multi-select-values.sc-swirl-select{display:flex}.select--disabled.sc-swirl-select .select__input.sc-swirl-select{color:var(--s-text-disabled)}.select--disabled.sc-swirl-select .select__indicator.sc-swirl-select{color:var(--s-icon-disabled)}.select--inline.sc-swirl-select .select__indicator.sc-swirl-select{transform:translateY(-50%)}.select--search-loading.sc-swirl-select .select__search-input.sc-swirl-select{padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}.select__input.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.25rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__input.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__multi-select-values.sc-swirl-select{display:none;overflow:hidden;width:100%;min-height:1.25rem;padding-right:calc(1.5rem + var(--s-space-8));flex-wrap:wrap;gap:var(--s-space-8)}.select__multi-select-values.sc-swirl-select .sc-swirl-select::part(tag){height:1.25rem;padding:0 var(--s-space-4)}.select__indicator.sc-swirl-select{position:absolute;top:50%;right:0;display:inline-flex;color:var(--s-icon-default);transform:translateY(calc(-50% - var(--s-space-8)))}.select__search.sc-swirl-select{position:relative;display:flex;width:100%;padding:0.0625rem var(--s-space-8);border-bottom:0.0625rem solid var(--s-border-default);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.select__search.sc-swirl-select{position:sticky;z-index:1;top:0;padding-top:var(--s-space-8);padding-right:0.0625rem;padding-left:0.0625rem}}.select__search-icon.sc-swirl-select{position:absolute;top:50%;left:calc(var(--s-space-8) * 2);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 768px){.select__search-icon.sc-swirl-select{left:var(--s-space-12);margin-top:var(--s-space-4);padding:0.0625rem}}.select__search-input.sc-swirl-select{width:100%;height:2.5rem;padding-right:var(--s-space-12);padding-left:calc(var(--s-space-12) + 1.25rem + var(--s-space-8));align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.select__search-input.sc-swirl-select:focus:not(:focus-visible){outline:none}.select__search-input.sc-swirl-select:focus-visible{outline-color:var(--s-focus-default)}.select__search-input.sc-swirl-select::-moz-placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::-webkit-search-decoration,.select__search-input.sc-swirl-select::-webkit-search-cancel-button,.select__search-input.sc-swirl-select::-webkit-search-results-button,.select__search-input.sc-swirl-select::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__search-input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__search-spinner.sc-swirl-select{position:absolute;top:50%;right:var(--s-space-12);display:inline-flex;transform:translateY(-50%)}@media (min-width: 768px){.select__search-spinner.sc-swirl-select{margin-top:var(--s-space-4)}}.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) 0}.select__empty-list-label.sc-swirl-select:not(:only-child){display:none}@media (min-width: 768px){.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) var(--s-space-8)}}", _ = m, g = class {
+const f = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-swirl-select{box-sizing:border-box}.select.sc-swirl-select{position:relative;display:flex;width:100%}.select.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:var(--s-space-16)}@media (min-width: 768px){.select.sc-swirl-select .sc-swirl-select::part(popover__scroll-container){padding-top:0}}.select--placement-top-start.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:-2.25rem}.select--multi.sc-swirl-select .select__input.sc-swirl-select{position:absolute;width:100%;height:100%;pointer-events:none;opacity:0}.select--multi.sc-swirl-select .select__multi-select-values.sc-swirl-select{display:flex}.select--disabled.sc-swirl-select .select__input.sc-swirl-select{color:var(--s-text-disabled)}.select--disabled.sc-swirl-select .select__indicator.sc-swirl-select{color:var(--s-icon-disabled)}.select--inline.sc-swirl-select .select__indicator.sc-swirl-select{transform:translateY(-50%)}.select--search-loading.sc-swirl-select .select__search-input.sc-swirl-select{padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}.select__input.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.25rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__input.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__multi-select-values.sc-swirl-select{display:none;overflow:hidden;width:100%;min-height:1.25rem;padding-right:calc(1.5rem + var(--s-space-8));flex-wrap:wrap;gap:var(--s-space-8)}.select__multi-select-values.sc-swirl-select .sc-swirl-select::part(tag){height:1.25rem;padding:0 var(--s-space-4)}.select__indicator.sc-swirl-select{position:absolute;top:50%;right:0;display:inline-flex;color:var(--s-icon-default);transform:translateY(calc(-50% - var(--s-space-8)))}.select__search.sc-swirl-select{position:relative;display:flex;width:100%;padding:0.0625rem var(--s-space-8);border-bottom:0.0625rem solid var(--s-border-default);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.select__search.sc-swirl-select{position:sticky;z-index:1;top:0;padding-top:var(--s-space-8);padding-right:0.0625rem;padding-left:0.0625rem}}.select__search-icon.sc-swirl-select{position:absolute;top:50%;left:calc(var(--s-space-8) * 2);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 768px){.select__search-icon.sc-swirl-select{left:var(--s-space-12);margin-top:var(--s-space-4);padding:0.0625rem}}.select__search-input.sc-swirl-select{width:100%;height:2.5rem;padding-right:var(--s-space-12);padding-left:calc(var(--s-space-12) + 1.25rem + var(--s-space-8));align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.select__search-input.sc-swirl-select:focus:not(:focus-visible){outline:none}.select__search-input.sc-swirl-select:focus-visible{outline-color:var(--s-focus-default)}.select__search-input.sc-swirl-select::-moz-placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::-webkit-search-decoration,.select__search-input.sc-swirl-select::-webkit-search-cancel-button,.select__search-input.sc-swirl-select::-webkit-search-results-button,.select__search-input.sc-swirl-select::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__search-input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__search-spinner.sc-swirl-select{position:absolute;top:50%;right:var(--s-space-12);display:inline-flex;transform:translateY(-50%)}@media (min-width: 768px){.select__search-spinner.sc-swirl-select{margin-top:var(--s-space-4)}}.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) 0}.select__empty-list-label.sc-swirl-select:not(:only-child){display:none}@media (min-width: 768px){.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) var(--s-space-8)}}", g = class {
   constructor(l) {
     u(this, l), this.searchChange = h(this, "searchChange", 7), this.valueChange = h(this, "valueChange", 7), this.select = (t) => {
       this.value = t.detail, this.valueChange.emit(this.value), this.multiSelect || this.popover.close();
@@ -49,31 +49,31 @@ const m = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-s
     });
   }
   updateOptions() {
-    this.options = v(this.el, "swirl-option-list-item");
+    this.options = _(this.el, "swirl-option-list-item");
   }
   render() {
     var r, n, o;
     const l = Boolean(this.value) ? (r = this.value) == null ? void 0 : r.map((e) => {
       var c;
       return (c = this.options.find((p) => p.value === e)) == null ? void 0 : c.label;
-    }).join(", ") : "", t = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = this.el.closest("swirl-form-control"), a = (i == null ? void 0 : i.inline) || (i == null ? void 0 : i.labelPosition) === "outside" ? -12 : -16, d = w("select", `select--placement-${this.placement}`, {
+    }).join(", ") : "", t = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = this.el.closest("swirl-form-control"), a = (i == null ? void 0 : i.inline) || (i == null ? void 0 : i.labelPosition) === "outside" ? -12 : -16, d = m("select", `select--placement-${this.placement}`, {
       "select--disabled": this.disabled,
       "select--inline": this.inline,
       "select--multi": this.multiSelect,
       "select--search-loading": this.searchLoading
     });
-    return s(b, { key: "41d82573ca06e66d89a0d2980b7042adbf213e33", onKeyDown: this.onKeyDown }, s("div", { key: "01b5db6161eb8d66fcae1b1eb4dfd7ed21555fb0", class: d }, s("swirl-popover-trigger", { key: "a68b6db9d65cb4a9d3a80946ead47795610c63f0", swirlPopover: this.popover, setAriaAttributes: !1 }, s("input", { key: "778f8807926cc63bf55cca2025a47010d07aeed7", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": t, class: "select__input", disabled: this.disabled, readOnly: !0, ref: (e) => this.input = e, type: "text", value: l })), s("span", { key: "8a8e2ef10a9a3e2f238fb93bd8bf3d87d365cba7", class: "select__multi-select-values" }, (o = (n = this.value) == null ? void 0 : n.map((e) => this.options.find((c) => c.value === e))) == null ? void 0 : o.map((e) => s("swirl-tag", {
+    return s(w, { onKeyDown: this.onKeyDown }, s("div", { class: d }, s("swirl-popover-trigger", { swirlPopover: this.popover, setAriaAttributes: !1 }, s("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": t, class: "select__input", disabled: this.disabled, readOnly: !0, ref: (e) => this.input = e, type: "text", value: l })), s("span", { class: "select__multi-select-values" }, (o = (n = this.value) == null ? void 0 : n.map((e) => this.options.find((c) => c.value === e))) == null ? void 0 : o.map((e) => s("swirl-tag", {
       "aria-hidden": "true",
       label: e == null ? void 0 : e.label,
       onRemove: () => this.unselectOption(e == null ? void 0 : e.value),
       removable: !this.disabled && this.allowDeselect
-    }))), s("span", { key: "36ee4a747eeb8bef31579f7925e7328eda246406", class: "select__indicator" }, this.open ? s("swirl-icon-expand-less", null) : s("swirl-icon-expand-more", null)), s("swirl-popover", { key: "e5e63bd1236440a8978aa46a28e65b8dcd500582", animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: [0, a], onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (e) => this.popover = e, useContainerWidth: "swirl-form-control" }, this.withSearch && s("div", { key: "1b1bbd0b82fc350756fcbcca6523d3ca3b7ea9c7", class: "select__search" }, s("swirl-icon-search", { key: "e462a2ae5668c858985954b3c482965152acccb3", class: "select__search-icon", size: 20 }), s("input", { key: "98e746ce9c4bb7d2c43deea87fc50b4dc759860f", "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (e) => this.searchInput = e, type: "search" }), this.searchLoading && s("swirl-spinner", { key: "0ec0ec532750442b0bd473536632ea547250c2a2", class: "select__search-spinner", size: "s" })), s("swirl-option-list", { key: "36bbcfa53d173e815815daefe3afe3adc357e775", allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (e) => this.optionList = e, value: this.value }, !this.searchLoading && s("div", { key: "9855b58ca0fe26c1f1dc3140a22314c9fb760a50", "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, s("swirl-text", { key: "e47236923106e6be2aaf6fcfba730540ae0c65e2", color: "subdued", weight: "medium" }, this.emptyListLabel)), s("slot", { key: "7b56d142373051f32756d534fd1cc564b9278a9f", onSlotchange: this.onSlotChange })))));
+    }))), s("span", { class: "select__indicator" }, this.open ? s("swirl-icon-expand-less", null) : s("swirl-icon-expand-more", null)), s("swirl-popover", { animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: [0, a], onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (e) => this.popover = e, useContainerWidth: "swirl-form-control" }, this.withSearch && s("div", { class: "select__search" }, s("swirl-icon-search", { class: "select__search-icon", size: 20 }), s("input", { "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (e) => this.searchInput = e, type: "search" }), this.searchLoading && s("swirl-spinner", { class: "select__search-spinner", size: "s" })), s("swirl-option-list", { allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (e) => this.optionList = e, value: this.value }, !this.searchLoading && s("div", { "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, s("swirl-text", { color: "subdued", weight: "medium" }, this.emptyListLabel)), s("slot", { onSlotchange: this.onSlotChange })))));
   }
   get el() {
-    return f(this);
+    return v(this);
   }
 };
-g.style = _;
+g.style = f;
 export {
   g as swirl_select
 };

package/dist/{swirl-shell-layout.entry.208151c0.js → swirl-shell-layout.entry.965e04b1.js}

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

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

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

package/dist/{swirl-skeleton-box.entry.13953112.js → swirl-skeleton-box.entry.4fc97e29.js}

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