@getflip/swirl-components-react 0.363.6 → 0.365.0

package/dist/{swirl-popover_2.entry.f994f90b.js → swirl-popover_2.entry.1bce77d1.js}

@@ -1,4 +1,4 @@
-import { r as v, c as l, h as n, H as g, g as m } from "./index.ea8e4a7f.js";
+import { r as v, c as l, h as n, H as g, g as m } from "./index.10fc92f2.js";
 import { D as c, k as d, b as _, P as E, N as x } from "./floating-ui.dom.browser.min-BtsCuEVE.45e9e353.js";
 import { d as k, e as A } from "./bodyScrollLock.esm-B0kNlhKL.c7a66a82.js";
 import { c as C } from "./index-orsBiyT_.fc4357c3.js";
@@ -98,7 +98,7 @@ const P = `:host{position:relative;z-index:var(--s-z-40)}:host *{box-sizing:bord
     e.setAttribute("aria-controls", this.el.id), e.setAttribute("aria-expanded", String(this.active)), e.setAttribute("aria-haspopup", "dialog");
   }
   getFocusableChildren() {
-    return h(this.el, '[role="menuitem"], [role="listbox"]');
+    return h(this.el, '[role="menuitem"], [role="menuitemradio"], [role="option"]');
   }
   adjustWidth() {
     let e = this.useContainerWidth;
@@ -126,12 +126,12 @@ const P = `:host{position:relative;z-index:var(--s-z-40)}:host *{box-sizing:bord
       "popover--transparent": this.transparent,
       "popover--padded": this.padded
     });
-    return n(g, { key: "68bc83b94b0462201b4127c79fc46b09ab5327ec", style: { display: this.active ? "inline-flex" : "none" } }, n("div", { key: "18bfb33ed5a6e60c5c3daa98926426288cce75ef", class: t, onKeyDown: this.onKeydown }, n("div", { key: "522daa591c585de236c2f25bda36aaa2ccb45868", "aria-hidden": this.active ? "false" : "true", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (s) => this.contentContainer = s, style: {
+    return n(g, { key: "4f10755f8ea2194df1216be108c62a5eadee177f", style: { display: this.active ? "inline-flex" : "none" } }, n("div", { key: "7a5a934c7d426e066ba49a41ac892bd972c0f1a1", class: t, onKeyDown: this.onKeydown }, n("div", { key: "50d4e3db731597dd3fc86a8279b38fd13f17f05e", "aria-hidden": this.active ? "false" : "true", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (s) => this.contentContainer = s, style: {
       top: Boolean(this.position) ? `${(i = this.position) == null ? void 0 : i.y}px` : "",
       left: Boolean(this.position) ? `${(r = this.position) == null ? void 0 : r.x}px` : ""
-    }, tabindex: "-1" }, n("span", { key: "604ba06813c37f73323c7c78c75adc516171d560", class: "popover__handle" }), n("div", { key: "81d5cd5e55823d1d16ca40d40167032b4d05ce0d", class: "popover__scroll-container", part: "popover__scroll-container", ref: (s) => this.scrollContainer = s, style: {
+    }, tabindex: "-1" }, n("span", { key: "f2e6dbe404dc87f9b6721e9a0641f8174bb7d831", class: "popover__handle" }), n("div", { key: "a44861728b4b9753e9402d0e4bcdf2eed2e56420", class: "popover__scroll-container", part: "popover__scroll-container", ref: (s) => this.scrollContainer = s, style: {
       maxHeight: !e && Boolean(this.maxHeight) ? this.maxHeight : void 0
-    } }, n("slot", { key: "a7f2433336c81d3c441fe1eb55c50f6cc7aa7fc2" }))), this.active && n("div", { key: "61b01b9186b58797ab69de1b8e738c60be3ea290", class: "popover__backdrop", onClick: this.onCloseButtonClick })));
+    } }, n("slot", { key: "ce60bd11d96dd11f5b4609c2aeb61ba171a0e2dd" }))), this.active && n("div", { key: "11bd10f7371dced09a822651d4e40031990f057a", class: "popover__backdrop", onClick: this.onCloseButtonClick })));
   }
   get el() {
     return m(this);
@@ -232,7 +232,7 @@ const B = ".sc-swirl-popover-trigger-h{display:contents}", S = class {
     return (o = e == null ? void 0 : e.shadowRoot.firstChild) == null ? void 0 : o.classList.contains("popover--active");
   }
   render() {
-    return n(g, { key: "9aabcce517605e081025e58b2797b1a27a84433c", onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, n("slot", { key: "7076bd7d3eafa1f59dd37401e96896df5bd71fee" }));
+    return n(g, { key: "79e4f2639600ad32148476abc89937bc4698d175", onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, n("slot", { key: "224b4a08ec9bcde35bc48145b7c8e76ab7683b8c" }));
   }
   get el() {
     return m(this);

package/dist/{swirl-progress-indicator.entry.0be5c96d.js → swirl-progress-indicator.entry.a85e730c.js}

@@ -1,4 +1,4 @@
-import { r as t, h as a, H as n } from "./index.ea8e4a7f.js";
+import { r as t, h as a, H as n } from "./index.10fc92f2.js";
 import { c } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -8,7 +8,7 @@ const d = ":host{display:block;width:100%}:host *{box-sizing:border-box}:host(.c
   }
   render() {
     const i = 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 a(n, { key: "4b951c237a61d2c86ecfa89680ed3086309d63ed", class: this.variant }, this.variant === "bar" && a("progress", { key: "e0d157a486ee4364ba97bd1f146729de85e592b7", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: i, max: 100, value: this.value }), this.variant === "circle" && a("span", { key: "b24e27191714cea85967b05f599e1d2fc2854a06", role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: i }, a("svg", { key: "e177fd321e9434d46375b5be42e248ad04701a44", class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(r + e) * 2} ${(r + e) * 2}` }, a("circle", { key: "0699a289a7ee2b3aff75f4b8f6b4a0b952b0b115", class: "progress-indicator__circle-background", cx: r + e, cy: r + e, r, fill: "none", "stroke-width": e }), a("circle", { key: "e3c067cd45df50fd3da512c0288650b7f70f3c30", class: "progress-indicator__circle-value", cx: r + e, cy: r + e, r, fill: "none", "stroke-width": e, "stroke-dasharray": s, "stroke-dashoffset": o }))));
+    return a(n, { key: "bb5d8f72c0508859efe7b5aa1f70a04b744ec9ac", class: this.variant }, this.variant === "bar" && a("progress", { key: "52f125abfb13007839e19a629d0ecb6c4383d505", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: i, max: 100, value: this.value }), this.variant === "circle" && a("span", { key: "8d75ce1d8e8b81f8cb67837193372d8f4cb4a52b", role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: i }, a("svg", { key: "3d130ee42fcd66ee2c2414919619b89234f7acdf", class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(r + e) * 2} ${(r + e) * 2}` }, a("circle", { key: "7af0104695a52fbb23e98946ed0a19289e1e7f15", class: "progress-indicator__circle-background", cx: r + e, cy: r + e, r, fill: "none", "stroke-width": e }), a("circle", { key: "dabaabd787f1a908cf5bce6314035557972eb701", class: "progress-indicator__circle-value", cx: r + e, cy: r + e, r, fill: "none", "stroke-width": e, "stroke-dasharray": s, "stroke-dashoffset": o }))));
   }
 };
 l.style = d;

package/dist/{swirl-radio-group.entry.3bf00daf.js → swirl-radio-group.entry.fe1bb6be.js}

@@ -1,9 +1,9 @@
-import { r as o, c as l, h as i, H as d, g as n } from "./index.ea8e4a7f.js";
+import { r as o, c as d, h as i, H as l, g as n } from "./index.10fc92f2.js";
 import "react";
 import "react-dom";
 const c = ".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)}", u = class {
   constructor(r) {
-    o(this, r), this.valueChange = l(this, "valueChange", 7);
+    o(this, r), this.valueChange = d(this, "valueChange", 7);
   }
   componentDidLoad() {
     this.radioButtons = Array.from(this.el.querySelectorAll("swirl-radio")), this.initValue(), this.handleValueChanges();
@@ -23,7 +23,7 @@ const c = ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-sw
       });
   }
   render() {
-    return i(d, { key: "c15c2762c3d3138caf091f71e39e04584527519f", "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, i("div", { key: "f595b467c4fa50b0e05251958bd8253703a857a1", class: "radio-group" }, i("slot", { key: "d214642d099ce57ac2c16344c13b71749f7e84e1" })));
+    return i(l, { key: "5a088b64231d69c9be97963930e1fd4d9bf2a03d", "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, i("div", { key: "bd8605ac4e338476da2bc856a81e39b40b96fec8", class: "radio-group" }, i("slot", { key: "3febc367b2e479b8b432d79c0c23dadd57141c12" })));
   }
   get el() {
     return n(this);

package/dist/{swirl-radio.entry.d87aa412.js → swirl-radio.entry.0cf3b349.js}

@@ -1,4 +1,4 @@
-import { r as s, c, h as i, H as l } from "./index.ea8e4a7f.js";
+import { r as s, c, h as i, H as l } from "./index.10fc92f2.js";
 import { c as t } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -20,7 +20,7 @@ const n = `.sc-swirl-radio-h{display:inline-flex}.sc-swirl-radio-h *.sc-swirl-ra
       "radio--invalid": this.invalid,
       "radio--unchecked": r
     });
-    return i(l, { key: "b9e64b24cee436738b154cfcbd2cf01cbeb6a728", style: { width: this.variant === "card" ? "100%" : void 0 } }, i("label", { key: "60eeca9a2146478f9ede706d56fc51b728eda97f", class: e, htmlFor: this.inputId }, i("span", { key: "934171e05fca6b1f936deb73e4ad490b17791a8d", class: "radio__control" }, i("swirl-visually-hidden", { key: "6617f95f516cb4b9c18e6a0636a6c440cb0dba82" }, i("input", { key: "68ecf60b1873b5c56c1a862876840d5b74de8899", "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: "0fc478b4cee70968250beabef24895b1ac457247", "aria-hidden": "true", class: "radio__box" })), i("span", { key: "c6a282ffdb707275f3c51603107a61ddc59a0114", class: "radio__label-container" }, this.label && i("span", { key: "fe8df563b595badc02fa36c3becbe58925a75c4d", class: "radio__label" }, this.label, this.tooltip && i("swirl-tooltip", { key: "2e619d4527c2908959f35e241c7e703c699d43c3", content: this.tooltip, position: "top" }, i("swirl-icon-help", { key: "7c2d8e70450d7fdac7a1520dbd990a2879befa36", color: "default", size: 20, tabIndex: 0 }))), this.description && i("span", { key: "c57f52cdf180822ddfdf096a92607e4a9236f65b", class: "radio__description", innerHTML: this.description }))));
+    return i(l, { key: "a9453e2673f7f820a382879084aea75b281c8c78", style: { width: this.variant === "card" ? "100%" : void 0 } }, i("label", { key: "f9026726399fc93ee93f79cbeb04cc05b7f7da78", class: e, htmlFor: this.inputId }, i("span", { key: "02336f11b0fdeb506165d6c5ed442ef86231d297", class: "radio__control" }, i("swirl-visually-hidden", { key: "253822aa3238f2367a34242249af7a025e6ea25a" }, i("input", { key: "fa05812fb02634ef5c9240a5afa266f8b5119f12", "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: "1163d4078c7b7bb1c32c916b44b4f06357e41bbd", "aria-hidden": "true", class: "radio__box" })), i("span", { key: "5b3f18e8460b8fb1e6728c44807a6405b0a8a0d3", class: "radio__label-container" }, this.label && i("span", { key: "42d4e1135074ad6f731ac4d2c9cc6fad8b9475c7", class: "radio__label" }, this.label, this.tooltip && i("swirl-tooltip", { key: "9f7b87dc34d068c1989c727cb9a799c2aabffb28", content: this.tooltip, position: "top" }, i("swirl-icon-help", { key: "bda4ef9af1de44e62c71f53c159fbc10fc83860f", color: "default", size: 20, tabIndex: 0 }))), this.description && i("span", { key: "1aa7de58db71627c34beab9f31f213e4bdeae2fd", class: "radio__description", innerHTML: this.description }))));
   }
 };
 h.style = n;

package/dist/{swirl-resource-list-file-item.entry.ae770cea.js → swirl-resource-list-file-item.entry.b2142caa.js}

@@ -1,4 +1,4 @@
-import { r as n, c as f, h as e, H as m, g as d } from "./index.ea8e4a7f.js";
+import { r as n, c as f, h as e, H as m, g as d } from "./index.10fc92f2.js";
 import { c as h } from "./index-orsBiyT_.fc4357c3.js";
 import { D as u } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";
@@ -27,7 +27,7 @@ const b = '.sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swir
     const i = Boolean(this.errorMessage), s = !i && Boolean(this.description), r = !i && this.loading, t = this.removable && !r, l = this.el.closest('[role="grid"]') ? "row" : "listitem", o = l === "row" ? "gridcell" : void 0, c = h("resource-list-file-item", {
       "resource-list-file-item--has-control": r || t
     });
-    return e(m, { key: "8d7df714caf96ae412d4e0b49853f72d249aad4d", role: l }, e("div", { key: "81ea67fb3c7773f0aae662a98c55f9f0c27a939b", class: c, part: "resource-list-file-item", role: o }, e("span", { key: "bd4d4162d022394e4961b5770735c5314a4f14b1", class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (a) => this.iconEl = a }), e("span", { key: "3c7783464d3cdbae123f79842c41ac7193d17477", class: "resource-list-file-item__label-container" }, e("span", { key: "10b520ec9e47b3574122b5b5b99b0cb29ef07f5e", class: "resource-list-file-item__label", id: "label" }, this.label), s && e("span", { key: "aabe9b9a894441922ee4ba37cb82b5c58dc0a3c4", class: "resource-list-file-item__description" }, this.description), i && e("span", { key: "7a7bb49fda62d453c698714cacaba79a7b73b0e6", "aria-live": "polite", class: "resource-list-file-item__error-message" }, e("swirl-inline-error", { key: "d2f1a7c1e52313fd8f3772a807063524a71a6174", message: this.errorMessage, size: "s" }))), r && e("span", { key: "77a9633e4f48f45f59caad171da24ca63e144f8e", class: "resource-list-file-item__spinner" }, e("swirl-spinner", { key: "57afad00549fd06bf211a3b0c508d7498212d59e", size: "s" })), t && e("span", { key: "195ea94ca1753dda4d55e4804fac125be61bfdc4", class: "resource-list-file-item__remove-button" }, e("swirl-button", { key: "176110b698c37080932fe6813db04bea3fef40e9", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))));
+    return e(m, { key: "9ecb13a9f0f0cf9e9d0418f8627ac2ae450e477b", role: l }, e("div", { key: "1eb9dd9efd2300cad42e5614bdb271cd27eb5432", class: c, part: "resource-list-file-item", role: o }, e("span", { key: "cc1efd7a1c5009045b472afbe90e88efb89105f6", class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (a) => this.iconEl = a }), e("span", { key: "4e586c59b31680d64cbadd8a332444b0555834cd", class: "resource-list-file-item__label-container" }, e("span", { key: "2b9b94e8d5543a5e3fa33dca777925e23496644b", class: "resource-list-file-item__label", id: "label" }, this.label), s && e("span", { key: "835007401a5ebee1a7251ae829e564fac701059f", class: "resource-list-file-item__description" }, this.description), i && e("span", { key: "c00cd5028480781e201dd9de3a783b7b795ba91c", "aria-live": "polite", class: "resource-list-file-item__error-message" }, e("swirl-inline-error", { key: "89d3fa025b760306617fddf309d9713a1150325d", message: this.errorMessage, size: "s" }))), r && e("span", { key: "67f124a97f0510470f0b0b267fd8a0ca7aa6c3a5", class: "resource-list-file-item__spinner" }, e("swirl-spinner", { key: "cf4bf7045267f5a9da483dbfc1469d729152db14", size: "s" })), t && e("span", { key: "deec28f26e73e71c8adb121f92ad1512445a6727", class: "resource-list-file-item__remove-button" }, e("swirl-button", { key: "f98570a1f9d137aafc6a71fd84dace94c6e149a2", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))));
   }
   get el() {
     return d(this);

package/dist/{swirl-resource-list-section.entry.22da5e1d.js → swirl-resource-list-section.entry.f4960eb8.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as a, g as r } from "./index.ea8e4a7f.js";
+import { r as t, h as e, H as a, g as r } from "./index.10fc92f2.js";
 import "react";
 import "react-dom";
 const l = ":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)}}", o = class {
@@ -7,7 +7,7 @@ const l = ":host{display:block;width:100%}:host *{box-sizing:border-box}.resourc
   }
   render() {
     const s = this.el.closest('[role="grid"]') ? "rowgroup" : "listitem", i = s === "listitem" ? "list" : void 0;
-    return e(a, { key: "80eef2ca1f3c6b37d765ef249956983560fb6807" }, this.hasSeparator && e("swirl-separator", { key: "b1f584624e50ecae8b1ff5a889e255461d76fe91", spacing: this.separatorSpacing }), e("div", { key: "530c5d069deb267c007667e3c4bdc83e805861fb", "aria-labelledby": "label", role: s }, e("span", { key: "a2a9a0c227807f56e94c4e55c08a1791c3719bc3", id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), e("swirl-stack", { key: "c158a8b2c947fc1cd31f586b60f17484936aafdf", spacing: this.spacing, swirlAriaRole: i }, e("slot", { key: "f479bc0f5603d6592df55053afd86e0a1ba22d03" }))));
+    return e(a, { key: "d4aa064463bfca1db68010c63d7f4e1da40fc3e7" }, this.hasSeparator && e("swirl-separator", { key: "59440502ed755a8c5cb79a021d16f9687d9df833", spacing: this.separatorSpacing }), e("div", { key: "c8ec015c9658caa861c7cdb19d409810b617080d", "aria-labelledby": "label", role: s }, e("span", { key: "dfd3a791166be7b6c424bcbf6bfa9abf6b19651e", id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), e("swirl-stack", { key: "07261d90c94dec74ab6ac2e25276e174a5ad393a", spacing: this.spacing, swirlAriaRole: i }, e("slot", { key: "b431dc63a9ed208b03126d5497baedaee89f42ec" }))));
   }
   get el() {
     return r(this);

package/dist/{swirl-search.entry.fceff7b5.js → swirl-search.entry.763981f8.js}

@@ -1,4 +1,4 @@
-import { r as i, c as r, h as a, H as t } from "./index.ea8e4a7f.js";
+import { r as i, c as r, h as a, H as t } from "./index.10fc92f2.js";
 import { c } from "./index-orsBiyT_.fc4357c3.js";
 import { D as h } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";
@@ -42,7 +42,7 @@ const o = ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-sw
     const e = c("search", `search--variant-${this.variant}`, {
       "search--disabled": this.disabled
     });
-    return a(t, { key: "38f640d87bdec796c7e07309668e1e0e7a0284d0" }, a("span", { key: "dadfb055ba7e289407f09f7aec2ffb7d0bffe770", class: e, ref: (s) => this.iconEl = s }, a("swirl-icon-search", { key: "c849117de80f5b6de58059752b06a9272d5af833", "aria-hidden": "true", class: "search__icon" }), a("input", { key: "53e71fed70dfd8d692ca874262de9e42d0fc72fd", "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: "5ec7acaa39055afd1430f96be7b981e37d50edb9", "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, a("swirl-icon-cancel", { key: "4b29a113365e5e54de9532d530ec8cbaa6dd33ff" }))));
+    return a(t, { key: "384b347d93bb98e975996d7bf4b688761a245dbc" }, a("span", { key: "62324ece6125259b67522e29e370b5b2e03d0d5c", class: e, ref: (s) => this.iconEl = s }, a("swirl-icon-search", { key: "72d7d1b9765730dc2505fef124b3ff2e665ef1d5", "aria-hidden": "true", class: "search__icon" }), a("input", { key: "a4f9d3b8acac13b64f7557b3b0fbf51dc28e76c2", "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: "1f76c00145cd188ecbf3ee167dc9a5d059aa457d", "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, a("swirl-icon-cancel", { key: "126c31d2be95fe6b02d8e141300fc741dc614dad" }))));
   }
 };
 n.style = o;

package/dist/{swirl-select.entry.dd41b81b.js → swirl-select.entry.9dc4fe2d.js}

@@ -1,29 +1,29 @@
-import { r as d, c as n, h as t, H as p, g as u } from "./index.ea8e4a7f.js";
-import { c as f } from "./index-orsBiyT_.fc4357c3.js";
-import { q as w } from "./utils-D_MUFqkF.654ff3ce.js";
+import { r as d, c as n, h as t, H as p, g as u } from "./index.10fc92f2.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 b = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-swirl-select{box-sizing:border-box}.select.sc-swirl-select{position:relative;display:flex;width:100%}.select.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:var(--s-space-16)}@media (min-width: 768px){.select.sc-swirl-select .sc-swirl-select::part(popover__scroll-container){padding-top:0}}.select--placement-top-start.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:-2.25rem}.select--multi.sc-swirl-select .select__input.sc-swirl-select{position:absolute;width:100%;height:100%;pointer-events:none;opacity:0}.select--multi.sc-swirl-select .select__multi-select-values.sc-swirl-select{display:flex}.select--disabled.sc-swirl-select .select__input.sc-swirl-select{color:var(--s-text-disabled)}.select--disabled.sc-swirl-select .select__indicator.sc-swirl-select{color:var(--s-icon-disabled)}.select--inline.sc-swirl-select .select__indicator.sc-swirl-select{transform:translateY(-50%)}.select--standalone.sc-swirl-select{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.select--standalone.sc-swirl-select .select__indicator.sc-swirl-select{position:relative;top:auto;right:auto;cursor:pointer;transform:none}.select--standalone.sc-swirl-select .select__input.sc-swirl-select{padding-right:var(--s-space-8);font-weight:var(--s-font-weight-medium);cursor:pointer}.select--standalone.sc-swirl-select .select__value-container.sc-swirl-select{width:-webkit-min-content;width:-moz-min-content;width:min-content}.select--search-loading.sc-swirl-select .select__search-input.sc-swirl-select{padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}.select__resize-helper.sc-swirl-select{display:block;width:auto;height:0;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));padding-right:var(--s-space-8);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left;white-space:pre;white-space:pre;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__resize-helper.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__input.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.25rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__input.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__multi-select-values.sc-swirl-select{display:none;overflow:hidden;width:100%;min-height:1.25rem;padding-right:calc(1.5rem + var(--s-space-8));flex-wrap:wrap;flex-shrink:0;gap:var(--s-space-8)}.select__multi-select-values.sc-swirl-select .sc-swirl-select::part(tag){height:1.25rem;padding:0 var(--s-space-4)}.select__indicator.sc-swirl-select{position:absolute;top:50%;right:0;display:inline-flex;color:var(--s-icon-default);transform:translateY(calc(-50% - var(--s-space-8)))}.select__search.sc-swirl-select{position:relative;display:flex;width:100%;padding:0.0625rem var(--s-space-8);border-bottom:0.0625rem solid var(--s-border-default);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.select__search.sc-swirl-select{position:sticky;z-index:1;top:0;padding-top:var(--s-space-8);padding-right:0.0625rem;padding-left:0.0625rem}}.select__search-icon.sc-swirl-select{position:absolute;top:50%;left:calc(var(--s-space-8) * 2);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 768px){.select__search-icon.sc-swirl-select{left:var(--s-space-12);margin-top:var(--s-space-4);padding:0.0625rem}}.select__search-input.sc-swirl-select{width:100%;height:2.5rem;padding-right:var(--s-space-12);padding-left:calc(var(--s-space-12) + 1.25rem + var(--s-space-8));align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.select__search-input.sc-swirl-select:focus:not(:focus-visible){outline:none}.select__search-input.sc-swirl-select:focus-visible{outline-color:var(--s-focus-default)}.select__search-input.sc-swirl-select::-moz-placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::-webkit-search-decoration,.select__search-input.sc-swirl-select::-webkit-search-cancel-button,.select__search-input.sc-swirl-select::-webkit-search-results-button,.select__search-input.sc-swirl-select::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__search-input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__search-spinner.sc-swirl-select{position:absolute;top:50%;right:var(--s-space-12);display:inline-flex;transform:translateY(-50%)}@media (min-width: 768px){.select__search-spinner.sc-swirl-select{margin-top:var(--s-space-4)}}.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) 0}.select__empty-list-label.sc-swirl-select:not(:only-child){display:none}@media (min-width: 768px){.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) var(--s-space-8)}}", v = class {
+const 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.allowDeselect = !0, this.emptyListLabel = "No results found.", this.searchInputLabel = "Search options", this.selectId = Math.round(Math.random() * 1e6).toString(), this.options = [], this.select = (e) => {
       e.stopPropagation(), this.value = e.detail, this.multiSelect || this.swirlPopover.close();
     }, this.unselectOption = (e) => {
-      !this.allowDeselect || (this.value = this.value.filter((a) => a !== e));
+      !this.allowDeselect || (this.value = this.value.filter((l) => l !== e));
     }, this.onSlotChange = () => {
       this.updateOptions();
     }, this.onOpen = (e) => {
-      var a, l;
-      this.placement = (a = e.detail.position) == null ? void 0 : a.placement, this.open = !0, this.withSearch && Boolean(this.searchInput) ? this.searchInput.focus() : (l = this.optionList.querySelector('[tabIndex="0"]')) == null || l.focus();
+      var l, a;
+      this.placement = (l = e.detail.position) == null ? void 0 : l.placement, this.open = !0, this.withSearch && Boolean(this.searchInput) ? this.searchInput.focus() : (a = this.optionList.querySelector('[tabIndex="0"]')) == null || a.focus();
     }, this.onClose = () => {
       Boolean(this.searchInput) && (this.searchInput.value = "", this.searchChange.emit("")), this.open = !1, this.input.focus();
     }, this.onKeyDown = (e) => {
-      var a;
+      var l;
       if (e.code === "Space" || e.code === "Enter") {
         if (e.target === this.searchInput)
           return;
         e.preventDefault(), this.swirlPopover.open(this.el);
       } else
-        e.code === "ArrowDown" && e.target === this.searchInput && ((a = this.optionList.querySelector('[tabIndex="0"]')) == null || a.focus());
+        e.code === "ArrowDown" && e.target === this.searchInput && ((l = this.optionList.querySelector('[tabIndex="0"]')) == null || l.focus());
     }, this.onSearchInput = (e) => {
       this.searchChange.emit(e.target.value);
     };
@@ -41,7 +41,7 @@ const b = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-s
     s.target === this.el.querySelector("input") && s.stopImmediatePropagation();
   }
   onValueChange(s, e) {
-    (s == null ? void 0 : s.length) === (e == null ? void 0 : e.length) && (s == null ? void 0 : s.every((l) => e == null ? void 0 : e.includes(l))) || this.valueChange.emit(this.value);
+    (s == null ? void 0 : s.length) === (e == null ? void 0 : e.length) && (s == null ? void 0 : s.every((a) => e == null ? void 0 : e.includes(a))) || this.valueChange.emit(this.value);
   }
   observeSlotChanges() {
     this.observer = new MutationObserver(() => {
@@ -52,30 +52,30 @@ const b = ".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;
     return Boolean(this.value) ? (s = this.value) == null ? void 0 : s.map((e) => {
-      var a;
-      return (a = this.options.find((l) => l.value === e)) == null ? void 0 : a.label;
+      var l;
+      return (l = this.options.find((a) => a.value === e)) == null ? void 0 : l.label;
     }).join(", ") : "";
   }
   render() {
     var c, r;
-    const s = this.getValueLabel(), e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, a = this.el.closest("swirl-form-control"), l = this.standalone ? [-8, 0] : (a == null ? void 0 : a.inline) || (a == null ? void 0 : a.labelPosition) === "outside" ? [0, -12] : [0, -16], o = 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: "0bcb3a3f377fde939dca3980358288d5f78c8ca0", onKeyDown: this.onKeyDown }, t("div", { key: "6833c3c7ef9e663469cc5f594da2f30e3c3fa777", class: o }, t("swirl-popover-trigger", { key: "32771d97198495ab16ac32365f3c3dc7f299bea9", swirlPopover: this.swirlPopover, setAriaAttributes: !1 }, t("swirl-stack", { key: "f9e63d9d4f12ab0f2b316c89e6ea0130f6bfb6ce", class: "select__value-container" }, this.standalone && t("span", { key: "36a6751c648a5bc2adbb63af26d74e7fa3fd1072", "aria-hidden": "true", class: "select__resize-helper" }, s), t("input", { key: "907e83a00b0ed9b42bf8fc445720607746f6afc2", "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: "ec1422d42126f825a4ef8254ae933da60785492d", 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: "9c116712b1e517296453301afeefd142d4effac7", onKeyDown: this.onKeyDown }, t("div", { key: "f5a97c226b13c1f1b8e379ad9d3b5b209e7fbb27", class: o }, t("swirl-popover-trigger", { key: "fc29dd91a7d02f3f087a653c3742c28b0a6b1bd0", swirlPopover: this.swirlPopover, setAriaAttributes: !1 }, t("swirl-stack", { key: "f78d7a441c68214d875ab1f5564c1e531ad90ef3", class: "select__value-container" }, this.standalone && t("span", { key: "ecc739079f7d726da1629922b8691c1976d830c9", "aria-hidden": "true", class: "select__resize-helper" }, s), t("input", { key: "3fb0740945419864a764dd1c2372b0ce80ec15a6", "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: "9e3bc39655a7fba93317f629453490a3b1d20748", 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: "19252fe68708d54b2a6719db5075aaeb88909a6d", 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: "5700b4c62f397f0128c06b73ea39dc1c7f37030d", animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: l, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (i) => this.swirlPopover = i, useContainerWidth: this.standalone ? !1 : "swirl-form-control" }, this.withSearch && t("div", { key: "4753c2c5c75fd1aa9a54f1e77f955f5bb7e64e32", class: "select__search" }, t("swirl-icon-search", { key: "60a6bcf07d55ea548ab0ccd89730f956fe5e8405", class: "select__search-icon", size: 20 }), t("input", { key: "1c0897850fbf59456e7883c61c82b2f65baaa38a", "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: "3afd36022a16640bcc9a87e3fa4e2da3825c967c", class: "select__search-spinner", size: "s" })), t("swirl-option-list", { key: "d826f829792ada6d25699f9f357ac8e9ef845c36", allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (i) => this.optionList = i, value: this.value }, !this.searchLoading && t("div", { key: "3a56a48f6d504c56ea9deeedf13b7c99bb709ad6", "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, t("swirl-text", { key: "a75b9cc0b6cded843353f3a416e04a510cf328e2", color: "subdued", weight: "medium" }, this.emptyListLabel)), t("slot", { key: "b07be8a7b59a0723474bcfc1b1a19965c0cd82cd", onSlotchange: this.onSlotChange })))));
+    }))), t("span", { key: "ab4e7fe4f80625adcae989c47fa552aa2dd3b22b", 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: "55241490c9bc72d8043be7e2ccccbed99e2c8ceb", 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: "ba4da280fb5ca89cd470f5c4910b7e738117d392", class: "select__search" }, t("swirl-icon-search", { key: "39b0268360bdd65485c9479b28cdbcf12fb81f75", class: "select__search-icon", size: 20 }), t("input", { key: "9334f0215180a2a70b80d1c9985b2e769549ad60", "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: "c77d5e2f88172b911c497e0c89a5596c4706c118", class: "select__search-spinner", size: "s" })), t("swirl-option-list", { key: "e7bb2f94158092c430c67037111ae290a275c100", allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (i) => this.optionList = i, value: this.value }, !this.searchLoading && t("div", { key: "dcf291c2e4f532fe138823386e9b2b1a73f03bc0", "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, t("swirl-text", { key: "2e0e45b37e42b0466056944ffc886f8ed25946fd", color: "subdued", weight: "medium" }, this.emptyListLabel)), t("slot", { key: "5717640774ad03761c976ef6c398601e2a1db685", onSlotchange: this.onSlotChange })))));
   }
   get el() {
     return u(this);
@@ -86,7 +86,7 @@ const b = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-s
     };
   }
 };
-v.style = b;
+v.style = f;
 export {
   v as swirl_select
 };

package/dist/{swirl-separator.entry.022ae668.js → swirl-separator.entry.1e5476a3.js}

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

package/dist/{swirl-shell-layout.entry.97a8c59f.js → swirl-shell-layout.entry.4d418cf2.js}

@@ -1,4 +1,4 @@
-import { r as y, c as o, h as l, H as u, g as b } from "./index.ea8e4a7f.js";
+import { r as y, c as o, h as e, H as u, g as b } from "./index.10fc92f2.js";
 import { c as v } from "./index-orsBiyT_.fc4357c3.js";
 import { c as g } from "./focus-trap.esm-DIdMBZfn.c41dd5d8.js";
 import { d as p, m as t } from "./utils-D_MUFqkF.654ff3ce.js";
@@ -10,8 +10,8 @@ const w = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sun
         )}}@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:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul{flex-wrap:wrap;flex-direction:row;gap:var(--s-space-16)}.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul>*,.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul>*{min-width:0;max-height:none}.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.shell-layout__secondary-nav-items--app-icon.sc-swirl-shell-layout-s>ul,.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.shell-layout__secondary-nav-items--app-icon .sc-swirl-shell-layout-s>ul{row-gap:var(--s-space-16);-moz-column-gap:0;column-gap:0}.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--tiled.sc-swirl-shell-layout-s>ul,.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--tiled .sc-swirl-shell-layout-s>ul{gap:var(--s-space-16)}.shell-layout__secondary-nav-items--tiled.sc-swirl-shell-layout-s>ul>*,.shell-layout__secondary-nav-items--tiled .sc-swirl-shell-layout-s>ul>*{flex-basis:calc(50% - var(--s-space-8))}.shell-layout__secondary-nav-items--app-icon.sc-swirl-shell-layout-s>ul>*,.shell-layout__secondary-nav-items--app-icon .sc-swirl-shell-layout-s>ul>*{flex-basis:calc(100% / 3)}.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(e) {
-    y(this, e), this.sidebarToggleClick = o(this, "sidebarToggleClick", 7), this.skipLinkClick = o(this, "skipLinkClick", 7), this.browserBackButtonLabel = "Navigate back", this.browserForwardButtonLabel = "Navigate forward", this.collapseNavigationButtonLabel = "Collapse navigation", this.enableSecondaryNavGridLayout = !0, this.secondaryNavGridLayoutVariant = "tiled", this.expandNavigationButtonLabel = "Expand navigation", this.gridNavLayoutToggleLabel = "Grid", this.hideMobileNavigationButtonLabel = "Close navigation", this.listNavLayoutToggleLabel = "List", this.navigationLabel = "Main", this.secondaryNavCollapseLabel = "Show less", this.secondaryNavExpandLabel = "Show more", this.sidebarToggleIcon = "notifications", this.sidebarToggleLabel = "Toggle sidebar", this.skipLinkLabel = "Skip to main content", this.isDesktopViewport = !0, this.secondaryNavView = "list", this.sidebarScrollState = {
+  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.secondaryNavGridLayoutVariant = "tiled", this.expandNavigationButtonLabel = "Expand navigation", this.gridNavLayoutToggleLabel = "Grid", this.hideMobileNavigationButtonLabel = "Close navigation", this.listNavLayoutToggleLabel = "List", this.navigationLabel = "Main", this.secondaryNavCollapseLabel = "Show less", this.secondaryNavExpandLabel = "Show more", this.sidebarToggleIcon = "notifications", this.sidebarToggleLabel = "Toggle sidebar", this.skipLinkLabel = "Skip to main content", this.isDesktopViewport = !0, this.secondaryNavView = "list", this.sidebarScrollState = {
       scrollable: !1,
       scrolledToTop: !1
     }, this.collectNavItems = () => {
@@ -30,8 +30,8 @@ const w = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sun
   }
   componentWillLoad() {
     this.isDesktopViewport = t(), this.collectNavItems();
-    const e = localStorage.getItem(n) === "true";
-    this.sidebarActive = this.sidebarActive === void 0 ? e : this.sidebarActive;
+    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();
   }
@@ -39,7 +39,7 @@ const w = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sun
     this.focusTrap = g(this.navElement, {
       allowOutsideClick: !0,
       tabbableOptions: {
-        getShadowRoot: (e) => e.shadowRoot
+        getShadowRoot: (l) => l.shadowRoot
       }
     }), this.collectNavItems(), this.navMutationObserver = new MutationObserver(() => {
       this.collectNavItems();
@@ -51,15 +51,15 @@ const w = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sun
     });
   }
   componentDidRender() {
-    var e;
-    (e = this.focusTrap) == null || e.updateContainerElements(this.navElement);
+    var l;
+    (l = this.focusTrap) == null || l.updateContainerElements(this.navElement);
   }
   disconnectedCallback() {
-    var e, a;
-    (e = this.focusTrap) == null || e.deactivate(), (a = this.navMutationObserver) == null || a.disconnect();
+    var l, a;
+    (l = this.focusTrap) == null || l.deactivate(), (a = this.navMutationObserver) == null || a.disconnect();
   }
-  onWindowKeyDown(e) {
-    e.key === "Escape" && this.mobileNavigationActive && this.hideMobileNavigation();
+  onWindowKeyDown(l) {
+    l.key === "Escape" && this.mobileNavigationActive && this.hideMobileNavigation();
   }
   watchEnableSecondaryNavGridLayout() {
     this.restoreSecondaryNavState();
@@ -85,32 +85,32 @@ const w = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sun
     this.mobileNavigationActive = !1, this.toggleNavItemLabels();
   }
   toggleNavItemLabels() {
-    [...this.secondaryNavItems, ...this.mainNavItems].forEach((e) => {
-      e.hideLabel = this.navigationCollapsed && this.isDesktopViewport;
+    [...this.secondaryNavItems, ...this.mainNavItems].forEach((l) => {
+      l.hideLabel = this.navigationCollapsed && this.isDesktopViewport;
     });
   }
   setSecondaryNavItemsTiled() {
-    this.secondaryNavItems.forEach((e) => {
-      e.variant = this.enableSecondaryNavGridLayout && (this.secondaryNavView === "grid" || this.navigationCollapsed && this.isDesktopViewport) ? this.secondaryNavGridLayoutVariant : "default";
+    this.secondaryNavItems.forEach((l) => {
+      l.variant = this.enableSecondaryNavGridLayout && (this.secondaryNavView === "grid" || this.navigationCollapsed && this.isDesktopViewport) ? this.secondaryNavGridLayoutVariant : "default";
     });
   }
   restoreSecondaryNavState() {
     if (this.enableSecondaryNavGridLayout) {
-      const e = localStorage.getItem(i) === "true";
-      this.secondaryNavCollapsed = e;
+      const l = localStorage.getItem(i) === "true";
+      this.secondaryNavCollapsed = l;
       const a = localStorage.getItem(r);
       this.secondaryNavView = a;
     }
   }
   updateSidebarScrollState() {
-    const e = {
+    const l = {
       scrollable: this.sidebarContentEl.scrollHeight > this.sidebarContentEl.clientHeight,
       scrolledToTop: this.sidebarContentEl.scrollTop === 0
     };
-    Object.keys(e).some((a) => e[a] !== this.sidebarScrollState[a]) && (this.sidebarScrollState = e);
+    Object.keys(l).some((a) => l[a] !== this.sidebarScrollState[a]) && (this.sidebarScrollState = l);
   }
   render() {
-    const e = this.sidebarToggleBadge !== !0 && this.sidebarToggleBadge !== "true", a = 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,
@@ -120,11 +120,11 @@ const w = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sun
       "shell-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
       "shell-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop
     });
-    return l(u, { key: "628b0239a6325d6e59d57a3ac122bd71c86332ac" }, l("div", { key: "62e3364f3d3f0a2529b34012b98970dc7afbc558", class: h }, l("header", { key: "a4aaea70bae5ac06a8940a364623c0f1d9a0f7db", class: "shell-layout__header", "data-tauri-drag-region": "true" }, l("button", { key: "b119a9efebc481f0a89a7f6c8cbda5822c299657", class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), l("div", { key: "65476e53eca4c4a13abe9d93f39a5d9b4eab2d10", class: "shell-layout__header-left" }, l("swirl-tooltip", { key: "3d6517107efcca90bd7e35e0821f785a1addc281", content: this.navigationCollapsed ? this.expandNavigationButtonLabel : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, l("button", { key: "3ad74046c3d2826bfd923989b5ddf00a3cf0cb09", class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? l("swirl-icon-dock-left-expand", { size: 20 }) : l("swirl-icon-dock-left-collapse", { size: 20 }), l("swirl-visually-hidden", { key: "4e4f4d2e355775dfb6ff15445672df7e51bf6df1" }, this.navigationCollapsed ? this.expandNavigationButtonLabel : this.collapseNavigationButtonLabel))), l("a", { key: "0c4f8f92df65d9607166e4a1d07d9b2ecbc09a04", class: "shell-layout__header-tool", href: "javascript:history.back()" }, l("swirl-icon-arrow-back", { key: "8c8df719671229b748f419711182b4b1d1b38a8f", size: 20 }), l("swirl-visually-hidden", { key: "974d1625c5f3a7bbe04faef98f68e51581777a00" }, this.browserBackButtonLabel)), l("a", { key: "9375147f7dba53cb62a8caa48a2b86373a5d656f", class: "shell-layout__header-tool", href: "javascript:history.forward()" }, l("swirl-icon-arrow-forward", { key: "6c2b91011ce28f3f24252798d92b226d74389d36", size: 20 }), l("swirl-visually-hidden", { key: "05e66fdc139584c0e6b8d1b5b33fdf50aa636d52" }, this.browserForwardButtonLabel)), l("slot", { key: "5162118dfad58b80cb8f124b856dc438c7a6c473", name: "left-header-tools" })), l("div", { key: "ab60ae994ef7e65eb932ada1af8f7d65d1cedf09", class: "shell-layout__logo" }, l("slot", { key: "cdea707605a9b7c68dc0cc296820f6bc06297142", name: "logo" })), l("div", { key: "4c13e5878a20d867103b9feb3f9cb27aa6fef4d9", class: "shell-layout__header-right" }, l("slot", { key: "3c4acb3981f8b152893b2d212c64492eac0b7f53", name: "right-header-tools" }), l("button", { key: "71a135e5f35d75c982d1a8daf4df375b22587644", class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, l("swirl-icon", { key: "10ea578c29fbf33eb77c6b068b046e7be66ad516", glyph: this.sidebarToggleIcon, size: 20 }), l("swirl-visually-hidden", { key: "51fccb8014557d06195689ec61b7255d4a0fb449" }, this.sidebarToggleLabel), this.sidebarToggleBadge && l("swirl-badge", { key: "20d812a01969fd87159eff00da7f020e95b39f2e", "aria-label": this.sidebarToggleBadgeAriaLabel, label: e ? String(this.sidebarToggleBadge) : this.sidebarToggleBadgeAriaLabel, size: "xs", variant: e ? "default" : "dot" })), l("slot", { key: "0e4e5bd5060be685f7932bbb751c1d4018ca8501", name: "avatar" }))), l("div", { key: "e13859eb6cb1241f2785cfd9d6e413d4b5377934", class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), l("nav", { key: "28712f6cae073f31ddf5008fd6c6a406eb96b143", "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (s) => this.navElement = s }, l("div", { key: "3832ebc73dcf729177fcf52a8a0c7a49d65548cf", class: "shell-layout__mobile-header" }, l("slot", { key: "a53481a65c10c81da3042f20f22cc0b7ab07a236", name: "mobile-logo" }), l("div", { key: "de4d6a748d7807f43075af93263b3885cd10d0bf", class: "shell-layout__mobile-header-tools" }, l("slot", { key: "6279924cf235bedfe903484b231c94710661b9fc", name: "mobile-header-tools" }), l("button", { key: "c8bb1aa7eed100fb730c0ed9080c99ff653c65f2", class: "shell-layout__header-tool", type: "button" }, l("swirl-icon-double-arrow-left", { key: "a528085d6dbe080f92b94642d8598ce6b88353b0", size: 20 }), l("swirl-visually-hidden", { key: "a96b1990f453de202370874d33bb39c17488353f" }, this.hideMobileNavigationButtonLabel)))), l("div", { key: "aa8b5c48091996f6b598e3dc40bb1c34993f2873", class: "shell-layout__nav-body" }, l("swirl-visually-hidden", { key: "3ca6dfb2049669d5234827d2aaebdb4de3ebc129" }, l("span", { key: "a95f9dbfa884188762b7f1f2f12f2874f0ddf386", id: "main-navigation-label" }, this.navigationLabel)), l("slot", { key: "5182c7cf4d4a8090f77ccd3ebb02fdc3310545f0", name: "nav", onSlotchange: this.collectNavItems }), l("div", { key: "ae33f496399ad791199d20e5115b5ba5d7b4af52", class: "shell-layout__secondary-nav" }, l("swirl-separator", { key: "b6fa20f6596cc6893191ebf8c73ab06729042df7", color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && l("swirl-box", { key: "561badbcf05812085ab6deee1e8bc21d2c5114f8", paddingBlockEnd: "16" }, l("swirl-stack", { key: "3f7e37adc62d0e84c3766e99e6856d4f4f791f7a", justify: a ? "center" : "space-between", orientation: "horizontal" }, l("swirl-button", { key: "e6c9ef70f5adc2cd706f587f2529c5e1f3eec275", 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 && l("swirl-button", { key: "38cbe7241785b6f74ae8b097e5471fdfdfc37f62", 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" }))), l("div", { key: "f281e5540e6a30b69cf1b69d51749f74987c0bee", class: {
+    return e(u, { key: "c4bbbe65244770688b191edb01150bfcede3567e" }, e("div", { key: "4f901832fa3daa015dbb74d2e179483c715008a5", class: h }, e("header", { key: "3051466fb582f3bebfd5a4bbc7dcd39d2c3345ae", class: "shell-layout__header", "data-tauri-drag-region": "true" }, e("button", { key: "b5bafbe1e7ecedf974f23917ac41dcf338d74633", class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), e("div", { key: "7977b86cedebadfbb13e11777714ebd6dc41aa79", class: "shell-layout__header-left" }, e("swirl-tooltip", { key: "be344e0aa627fe741742b5a57808c9d98a308e9b", content: this.navigationCollapsed ? this.expandNavigationButtonLabel : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, e("button", { key: "fec6382e77c015684b1a46b37ec6884c397000c8", 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: "58dc8cc4ea2abd3bdf549ebab1a899252f1da209" }, this.navigationCollapsed ? this.expandNavigationButtonLabel : this.collapseNavigationButtonLabel))), e("a", { key: "04be10b1a9ef5a6e56b2c7ae442652e490b20cd3", class: "shell-layout__header-tool", href: "javascript:history.back()" }, e("swirl-icon-arrow-back", { key: "2cffb9a035cde4981011e3a0d6e7064aa93646f0", size: 20 }), e("swirl-visually-hidden", { key: "d39c017b0a5101021e80af02e2849b101fbf1cb5" }, this.browserBackButtonLabel)), e("a", { key: "cb36d4e75ad1fe6bb84ab206eee8285e52e33d34", class: "shell-layout__header-tool", href: "javascript:history.forward()" }, e("swirl-icon-arrow-forward", { key: "1187560f03906a85aae2a7281bfd6ce2eeb6123a", size: 20 }), e("swirl-visually-hidden", { key: "4bdfa9d8697b411ee33023f333d02f9fbf8a5c93" }, this.browserForwardButtonLabel)), e("slot", { key: "6ac7976d5e44d6aec8119d8ed7e5a3d6b5ed9891", name: "left-header-tools" })), e("div", { key: "53c9768867bf751576e459f634f0f56b9535891f", class: "shell-layout__logo" }, e("slot", { key: "98006a11822ce9766fc9805a29e182614b9515b1", name: "logo" })), e("div", { key: "eb5564e0782f61d56eec81c398809c7f442a6cbb", class: "shell-layout__header-right" }, e("slot", { key: "d1f6e2efd94ee86f24654ab67f72ec332a49f129", name: "right-header-tools" }), e("button", { key: "4307378a83fbdf508917075b1d93b4f023727909", class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, e("swirl-icon", { key: "37f71e8b8653f50f9c4a0ac3b15dfe9e6fbb6fef", glyph: this.sidebarToggleIcon, size: 20 }), e("swirl-visually-hidden", { key: "c8f928c58a07ce5b56e71f158d26796d69129d9f" }, this.sidebarToggleLabel), this.sidebarToggleBadge && e("swirl-badge", { key: "de610d73f616d49a66863f1dff1f67136f95fe85", "aria-label": this.sidebarToggleBadgeAriaLabel, label: l ? String(this.sidebarToggleBadge) : this.sidebarToggleBadgeAriaLabel, size: "xs", variant: l ? "default" : "dot" })), e("slot", { key: "850047c933e0e6cead60b6aa452ee67f2a893907", name: "avatar" }))), e("div", { key: "653f5dbb6f6f6a22d65edd289ffb5a6c5ff89667", class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), e("nav", { key: "f21c77519487d2a9f3b37bd2dc7c9ed293d568bc", "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (s) => this.navElement = s }, e("div", { key: "1006de8593a28793fb2833c2b0f86b5d084cffbc", class: "shell-layout__mobile-header" }, e("slot", { key: "84a4b72385309d78cd8287ae9e47af0d083120b4", name: "mobile-logo" }), e("div", { key: "4b1a8cb31a6f9acf625929fc4d47a6fbfc778a66", class: "shell-layout__mobile-header-tools" }, e("slot", { key: "dfb861cae64837a346d0b90177c63638c9bfbe4f", name: "mobile-header-tools" }), e("button", { key: "e070351cc2eb6457d3dcdbfbc341332935bee7a3", class: "shell-layout__header-tool", type: "button" }, e("swirl-icon-double-arrow-left", { key: "7cae12be27d5440fa9697898081dac63fba6dc72", size: 20 }), e("swirl-visually-hidden", { key: "a32e5c9a9198189fc07cfb20c0f743a342065ccd" }, this.hideMobileNavigationButtonLabel)))), e("div", { key: "1d0289bff380e64e08ea3a3b02f2e7fb59b22870", class: "shell-layout__nav-body" }, e("swirl-visually-hidden", { key: "8fcd026def191081958e10bfe69ea82b382b87e2" }, e("span", { key: "b52cecd8d004c5452c3b27bd0ab38dec89923506", id: "main-navigation-label" }, this.navigationLabel)), e("slot", { key: "93e56fc49e85d7c2000db67a86c72f5836babd0f", name: "nav", onSlotchange: this.collectNavItems }), e("div", { key: "19227f752ca137299b8b2236d0f0b9b77ff05fec", class: "shell-layout__secondary-nav" }, e("swirl-separator", { key: "13076dccef369f54f8cf077c261eaa1ec0f0e432", color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && e("swirl-box", { key: "3e21580cb6daa0f74ba8a6208fc64930a5407798", paddingBlockEnd: "16" }, e("swirl-stack", { key: "26473b44207e560c4e0166bafa3b0af5b1579c68", justify: a ? "center" : "space-between", orientation: "horizontal" }, e("swirl-button", { key: "c261b2d61fff60acc43a5ae098fda47987d1f6be", 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: "027837950b6052414265ee359cbf39763f09e05d", 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: "7c7dfb8526492a9268302f9e5c50557b9d6ccb6b", class: {
       [`shell-layout__secondary-nav-items--${this.secondaryNavGridLayoutVariant}`]: !0,
       "shell-layout__secondary-nav-items": !0,
       "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout && this.secondaryNavView === "grid"
-    } }, l("slot", { key: "d4703ece0f8c3f0259a3475e546c4228a7e456a3", name: "secondary-nav", onSlotchange: this.collectNavItems }))))), l("main", { key: "19866fcf65b21cd4822ffd3cfb8e114e61c64cb5", class: "shell-layout__main", id: "main-content" }, l("slot", { key: "9fad863f37c5542b9c6942750a26a97819076040" })), l("aside", { key: "609c70a85bef0fe48088d3f065dbe951bdfd95c8", class: "shell-layout__sidebar", inert: this.sidebarActive ? void 0 : !0 }, l("div", { key: "0ac65b1b87c2971771d9c539bf94b20c6173667e", class: "shell-layout__sidebar-body" }, l("div", { key: "86da5fdd6629ff641ccac52bd0590fb981c7fac3", class: "shell-layout__sidebar-app-bar" }, l("slot", { key: "f002916b3d97704079f70f0d5d961f6f49bd5905", name: "sidebar-app-bar" })), l("div", { key: "1b00cfdec4f37e7c457688438ce220df2c2599df", class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (s) => this.sidebarContentEl = s }, l("slot", { key: "9f5c8633267ac25bc475db84b827b3f768d27924", name: "sidebar" }))))));
+    } }, e("slot", { key: "77c71c870690a1cee5f927e5fc2ef70bdb7769c1", name: "secondary-nav", onSlotchange: this.collectNavItems }))))), e("main", { key: "614fb8b4591dc64daa652666f4025f1aff082e6b", class: "shell-layout__main", id: "main-content" }, e("slot", { key: "a24ede70ecb6710b9f914ef708813e3875e36feb" })), e("aside", { key: "1640c22fec4c44066d83ba17e2ab27afccf67059", class: "shell-layout__sidebar", inert: this.sidebarActive ? void 0 : !0 }, e("div", { key: "26711d68cb909db2e6f6d75cab736669e4039a5c", class: "shell-layout__sidebar-body" }, e("div", { key: "ad6cea366f92e24cd8df6fc9c3c8cda3eccf0c47", class: "shell-layout__sidebar-app-bar" }, e("slot", { key: "96dcc0e78b1a81241424d9c8a6fa1c9e28842c49", name: "sidebar-app-bar" })), e("div", { key: "c26cd499d6d92b87b587a74738230ca7ea485464", class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (s) => this.sidebarContentEl = s }, e("slot", { key: "e33c02c4d4aac5f91830548627e70bdf78f8b839", name: "sidebar" }))))));
   }
   get el() {
     return b(this);

package/dist/{swirl-shell-navigation-item.entry.4ccd6804.js → swirl-shell-navigation-item.entry.0124a622.js}

@@ -1,4 +1,4 @@
-import { r as d, h as n, H as v, g as m } from "./index.ea8e4a7f.js";
+import { r as d, h as n, H as v, g as m } from "./index.10fc92f2.js";
 import { c as l } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -385,9 +385,9 @@ const c = `/**
       "shell-navigation-item__label--dark": this.inlineLabelColor === "dark",
       "shell-navigation-item__label--inline": this.inlineLabel
     }), t = this.badgeLabel !== void 0 && this.badgeLabel !== null, o = !t && this.markAsNew && !this.hideLabel && this.variant === "default", r = !t && this.markAsNew && this.hideLabel && this.variant === "default", s = Boolean(this.href), h = s ? "a" : "button", g = this.description ? `${this.label} ${this.description}` : this.label;
-    return n(v, { key: "8cdedcd426b2b2e2009c935f803d63426c4e4515" }, n("swirl-tooltip", { key: "ef8e5f86988bbba1cfbe8c1dc446b6d3bb500446", active: this.hideLabel, content: g, delay: 100, position: "right", positioning: "fixed" }, n(h, { key: "c0e7008e92689e61f70d644541d8520f58731783", class: e, href: this.href, target: this.target, type: s ? void 0 : "button", title: this.hideLabel ? void 0 : this.label }, n("span", { key: "c78cb91aae92b6dff68038a16d304ee3a4304c78", class: "shell-navigation-item__icon" }, n("slot", { key: "31478c066302a3a54ffc18d1702bf296bf279940", name: "icon" })), this.hideLabel ? n("swirl-visually-hidden", null, n("span", { class: a }, this.label)) : this.variant !== "default" ? n("span", { class: a }, this.label) : n("div", { class: "shell-navigation-item__text-wrapper" }, n("span", { class: a }, this.label), this.description && n("span", { class: "shell-navigation-item__description" }, this.description)), t && n("span", { key: "beaa48fff9d31f5e6bd0c700d1518703035417ef", class: "shell-navigation-item__badge-wrapper" }, n("swirl-badge", { key: "209480b493dc2cf33c27d8794ff872849108d982", "aria-label": this.badgeLabel, class: l("shell-navigation-item__badge", {
+    return n(v, { key: "7666c4bcf35ea05f0e3b11902fa150e6a310f0e7" }, n("swirl-tooltip", { key: "acff934660b0c3277469637bf849bf27bc1733b3", active: this.hideLabel, content: g, delay: 100, position: "right", positioning: "fixed" }, n(h, { key: "46c434606cdc2e4551f167897dd91ad3a9498c9a", class: e, href: this.href, target: this.target, type: s ? void 0 : "button", title: this.hideLabel ? void 0 : this.label }, n("span", { key: "16d6d25ce779e20d38f78342854cb0bf5592993a", class: "shell-navigation-item__icon" }, n("slot", { key: "03092970df08d979b34581b2ad14bc9dc6ee0cc8", name: "icon" })), this.hideLabel ? n("swirl-visually-hidden", null, n("span", { class: a }, this.label)) : this.variant !== "default" ? n("span", { class: a }, this.label) : n("div", { class: "shell-navigation-item__text-wrapper" }, n("span", { class: a }, this.label), this.description && n("span", { class: "shell-navigation-item__description" }, this.description)), t && n("span", { key: "f36c6ad85a5e7fbfcdd2d474db884a033f212063", class: "shell-navigation-item__badge-wrapper" }, n("swirl-badge", { key: "90153dd5d2d9694ab77bb58b5fb513d7815246a5", "aria-label": this.badgeLabel, class: l("shell-navigation-item__badge", {
       "shell-navigation-item__badge--dot": this.badgeLabel === ""
-    }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" })), o && n("swirl-tag", { key: "0d394f4d45fd5a6db4bd4fbd654696bf6017b030", class: "shell-navigation-item__is-new-tag", intent: "info", label: this.markAsNewLabel.toLocaleUpperCase(), size: "s", variant: "strong" }), r && n("swirl-badge", { key: "9d3f39f372a5fcaefb7113b4191eccd726e36a1f", class: "shell-navigation-item__is-new-badge", intent: "info", label: this.markAsNewLabel.toLocaleUpperCase(), size: "xs", variant: "dot" }))));
+    }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" })), o && n("swirl-tag", { key: "e89796bc033fe189a308a65ba8a024a49905a663", class: "shell-navigation-item__is-new-tag", intent: "info", label: this.markAsNewLabel.toLocaleUpperCase(), size: "s", variant: "strong" }), r && n("swirl-badge", { key: "3707223794665584b9aa08cbe4638e08eb76569b", class: "shell-navigation-item__is-new-badge", intent: "info", label: this.markAsNewLabel.toLocaleUpperCase(), size: "xs", variant: "dot" }))));
   }
   get el() {
     return m(this);

package/dist/{swirl-skeleton-text.entry.47cf2f8f.js → swirl-skeleton-text.entry.491fa36a.js}

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as a } from "./index.ea8e4a7f.js";
+import { r as l, h as t, H as a } from "./index.10fc92f2.js";
 import { c as s } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -29,7 +29,7 @@ const o = `:host{display:block;width:100%}:host *{box-sizing:border-box}.skeleto
   }
   render() {
     const e = s("skeleton-text", `skeleton-text--size-${this.size}`, { "skeleton-text--static": !this.animated }), i = s("skeleton-text__line", `skeleton-text__line--size-${this.size}`);
-    return t(a, { key: "77301b4779d053d7485e3fc056093c8aca75d56c" }, t("div", { key: "d48fb445adb540f5fcc2a3c0fcfe64c263ef2be9", class: e, part: e }, new Array(this.lines).fill(void 0).map((d, n) => t("div", { class: i, key: n, part: i }))));
+    return t(a, { key: "ca0055daa0d497a6308a25f26ff588b0e2c15e62" }, t("div", { key: "493b94e1cf3efed330660b960cca2ce4ee7d666f", class: e, part: e }, new Array(this.lines).fill(void 0).map((d, n) => t("div", { class: i, key: n, part: i }))));
   }
 };
 r.style = o;

package/dist/{swirl-stack.entry.65d3f8e0.js → swirl-stack.entry.80d4b3d8.js}

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

package/dist/{swirl-status-indicator.entry.08a27c67.js → swirl-status-indicator.entry.4e591383.js}

@@ -1,17 +1,17 @@
-import { r as i, h as t, H as a } from "./index.ea8e4a7f.js";
-import { c as o } from "./index-orsBiyT_.fc4357c3.js";
+import { r as i, h as t, H as a } from "./index.10fc92f2.js";
+import { c as e } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
-const r = ':host{display:block}:host *{box-sizing:border-box}.status-indicator{display:flex;align-items:center;gap:var(--s-space-4)}.status-indicator--intent-critical .status-indicator__dot:before{background-color:var(--s-icon-critical)}.status-indicator--intent-info .status-indicator__dot:before{background-color:var(--s-icon-info)}.status-indicator--intent-success .status-indicator__dot:before{background-color:var(--s-icon-success)}.status-indicator--intent-warning .status-indicator__dot:before{background-color:var(--s-icon-warning)}.status-indicator__dot{display:inline-flex;width:1.25rem;height:1.25rem;flex-shrink:0;justify-content:center;align-items:center}.status-indicator__dot:before{display:inline-flex;width:0.5rem;height:0.5rem;border-radius:50%;content:""}.status-indicator__label{overflow:hidden;min-width:0;font-size:var(--s-font-size-sm);white-space:nowrap;text-overflow:ellipsis}', n = class {
+const o = ':host{display:block}:host *{box-sizing:border-box}.status-indicator{display:flex;align-items:center;gap:var(--s-space-4)}.status-indicator--intent-critical .status-indicator__dot:before{background-color:var(--s-icon-critical)}.status-indicator--intent-info .status-indicator__dot:before{background-color:var(--s-icon-info)}.status-indicator--intent-success .status-indicator__dot:before{background-color:var(--s-icon-success)}.status-indicator--intent-warning .status-indicator__dot:before{background-color:var(--s-icon-warning)}.status-indicator__dot{display:inline-flex;width:1.25rem;height:1.25rem;flex-shrink:0;justify-content:center;align-items:center}.status-indicator__dot:before{display:inline-flex;width:0.5rem;height:0.5rem;border-radius:50%;content:""}.status-indicator__label{overflow:hidden;min-width:0;font-size:var(--s-font-size-sm);white-space:nowrap;text-overflow:ellipsis}', r = class {
   constructor(s) {
     i(this, s);
   }
   render() {
-    const s = o("status-indicator", `status-indicator--intent-${this.intent}`);
-    return t(a, { key: "62f371ab1f733071a33215f1b2d618f352932906" }, t("div", { key: "de36fa200de899dfa926b58506ebfe498095d65b", class: s }, t("span", { key: "70097360cd5d8f107768409986891c0e4759c768", class: "status-indicator__dot" }), t("span", { key: "bb9a68874c9ea67161d73291315974c449688723", class: "status-indicator__label" }, this.label)));
+    const s = e("status-indicator", `status-indicator--intent-${this.intent}`);
+    return t(a, { key: "2f8369ea2519eea69ce69f621635e891f72d0ecc" }, t("div", { key: "67ba9066cffc2200b22357c7c35cb200ef8e7e76", class: s }, t("span", { key: "5ef43b53d420779528989428e91d8162eb2e4308", class: "status-indicator__dot" }), t("span", { key: "08602ca50a9c5773d767ffa991b387adfb7842ec", class: "status-indicator__label" }, this.label)));
   }
 };
-n.style = r;
+r.style = o;
 export {
-  n as swirl_status_indicator
+  r as swirl_status_indicator
 };