@getflip/swirl-components-react 0.205.1 → 0.207.0

package/dist/{swirl-popover_2.entry.3d2f55b8.js → swirl-popover_2.entry.a82860cc.js}

@@ -1,8 +1,8 @@
-import { r as v, c as l, h as n, H as g, g as f } from "./index.3f681a5e.js";
-import { o as c, s as h, f as _, c as E, a as x } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
+import { r as v, c as l, h as n, H as g, g as u } from "./index.6cd7fea9.js";
+import { o as c, s as d, f as _, c as E, a as x } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { d as C, e as k } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as A } from "./index-267776a4.6beb4f4b.js";
-import { i as a, b as T, q as d } from "./utils-aab10c80.240adddc.js";
+import { i as a, b as T, q as h } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";
 const P = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:host *{box-sizing:border-box}.popover--active:not(.popover--closing) .popover__backdrop{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{animation:none}}.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;animation:0.15s popover-fade-scale-in-xy}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--closing .popover__backdrop{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{animation:none}}.popover--closing .popover__content{animation:0.15s popover-slide-out;animation-fill-mode:forwards}@media (min-width: 768px){.popover--closing .popover__content{animation:0.15s popover-fade-out}}@media (prefers-reduced-motion){.popover--closing .popover__content{animation:none}}.popover--inactive .popover__content{display:none}@media (max-width: 767px){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:none}}.popover--fullscreen-bottom-sheet .popover__backdrop{display:none}.popover--fullscreen-bottom-sheet .popover__content{top:0;border-top-left-radius:0;border-top-right-radius:0}.popover--fullscreen-bottom-sheet .popover__scroll-container{height:100%;max-height:none;padding-top:0;padding-bottom:0}.popover--fullscreen-bottom-sheet .popover__handle{display:none}}@media (min-width: 768px){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-scale-in-y}}@media (prefers-reduced-motion){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}}@media (prefers-reduced-motion){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--transparent .popover__content{background-color:transparent;box-shadow:none}}@media (min-width: 768px){.popover--transparent .popover__scroll-container{padding:0}}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-sm);animation:none;box-shadow:var(--s-shadow-level-2)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}", S = P, L = class {
@@ -19,7 +19,7 @@ const P = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
         this.position = void 0;
         return;
       }
-      const o = typeof this.offset == "number" ? { mainAxis: this.offset, crossAxis: 0 } : { mainAxis: this.offset[0], crossAxis: this.offset[1] }, i = this.enableFlip ? [c(o), h(), _()] : [c(o), h()];
+      const o = typeof this.offset == "number" ? { mainAxis: this.offset, crossAxis: 0 } : { mainAxis: this.offset[0], crossAxis: this.offset[1] }, i = this.enableFlip ? [c(o), d(), _()] : [c(o), d()];
       this.position = await E(this.triggerEl, this.contentContainer, {
         middleware: i,
         placement: this.placement,
@@ -39,7 +39,7 @@ const P = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
     var p;
     if (!this.active)
       return;
-    const t = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), o = "webkit" in window, i = t || o, r = e.target, s = e.relatedTarget, u = T(), m = ["SWIRL-TAB"], b = !this.el.contains(r) && !this.el.contains(u), w = r !== this.triggerEl && !((p = this.triggerEl) != null && p.contains(r)), y = i && !this.el.contains(s || r) && s !== this.el;
+    const t = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), o = "webkit" in window, i = t || o, r = e.target, s = e.relatedTarget, f = T(), m = ["SWIRL-TAB"], b = !this.el.contains(r) && !this.el.contains(f), w = r !== this.triggerEl && !((p = this.triggerEl) != null && p.contains(r)), y = i && !this.el.contains(s || r) && s !== this.el;
     !m.includes(r.tagName) && b && w && (!i || y) && this.close();
   }
   onWindowClick(e) {
@@ -68,7 +68,7 @@ const P = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
       this.triggerEl = void 0;
       return;
     }
-    this.triggerEl = typeof this.trigger == "string" ? d(this.triggerContainer || document.body, `#${this.trigger}`)[0] : this.trigger, Boolean(this.triggerEl) && this.triggerEl.addEventListener("click", (e) => {
+    this.triggerEl = typeof this.trigger == "string" ? h(this.triggerContainer || document.body, `#${this.trigger}`)[0] : this.trigger, Boolean(this.triggerEl) && this.triggerEl.addEventListener("click", (e) => {
       this.toggle(e);
     });
   }
@@ -83,7 +83,7 @@ const P = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
     e.setAttribute("aria-controls", this.el.id), e.setAttribute("aria-expanded", String(this.active)), e.setAttribute("aria-haspopup", "dialog");
   }
   getFocusableChildren() {
-    return d(this.el, '[role="menuitem"], [role="listbox"]');
+    return h(this.el, '[role="menuitem"], [role="listbox"]');
   }
   adjustWidth() {
     let e = this.useContainerWidth;
@@ -110,15 +110,15 @@ const P = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
       "popover--inactive": !this.active,
       "popover--transparent": this.transparent
     });
-    return n(g, { key: "f3bca2b5bafb8518298ab646ac1c348b5c56b232" }, n("div", { key: "5c035656e06397cec7631204d61faece94c616fb", class: t, onKeyDown: this.onKeydown }, n("div", { key: "f2d24daa53c0e5165c5c60e38cd872179c5473ba", "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: "692a870e17c4c5c9ce3d6bfb8459d915efd1fe6f" }, n("div", { key: "c031461b075fa806d9976f147de6983206f2c699", class: t, onKeyDown: this.onKeydown }, n("div", { key: "3627e2e25adb1dd575303faf991d812e5bf546ed", "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: "4efd18f520572ae456d0e5bbfc3c92a158b771bd", class: "popover__handle" }), n("div", { key: "fa2c01019b25ec19830887d6ea72f08ca42daf27", class: "popover__scroll-container", part: "popover__scroll-container", ref: (s) => this.scrollContainer = s, style: {
+    }, tabindex: "-1" }, n("span", { key: "5322b500a903544e1bf8978d891a1a1a448b3a6c", class: "popover__handle" }), n("div", { key: "bb996f4c4687d89009d4f9a63f1dffdbdca8e2b8", 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: "6ea169f4b966c6bef3037e9a1f1d3f39e0bda3b3" }))), this.active && n("div", { key: "cadaaf7d7ba1a45bb07bcd41fae23b83e3d95394", class: "popover__backdrop", onClick: this.onCloseButtonClick })));
+    } }, n("slot", { key: "0e822963d0e9d0c34c5374a4f50521cea0fda8a8" }))), this.active && n("div", { key: "4e0d20a700f104a17eb9b708699dd34901e3882c", class: "popover__backdrop", onClick: this.onCloseButtonClick })));
   }
   get el() {
-    return f(this);
+    return u(this);
   }
 };
 L.style = S;
@@ -210,10 +210,10 @@ const B = ".sc-swirl-popover-trigger-h{display:contents}", W = B, H = class {
     return (o = e == null ? void 0 : e.shadowRoot.firstChild) == null ? void 0 : o.classList.contains("popover--active");
   }
   render() {
-    return n(g, { key: "e5fbf7d336f3f42160bc7d9ff67f5758e6b12ee6", onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, n("slot", { key: "0c167364c36e9e98beeb2752c3d2e1a32518fafc" }));
+    return n(g, { key: "fbabe3482cd7210f2249102d8c1f9dec099eb44c", onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, n("slot", { key: "67cf8993a7a7c9c77fc023c4021de72e805161aa" }));
   }
   get el() {
-    return f(this);
+    return u(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-progress-indicator.entry.7706be5e.js → swirl-progress-indicator.entry.260cc9ad.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as n } from "./index.3f681a5e.js";
+import { r as t, h as i, H as n } from "./index.6cd7fea9.js";
 import { c } from "./index-267776a4.6beb4f4b.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 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: "ca77d885b616b669a5033061be8f2f21343a21d7", class: this.variant }, this.variant === "bar" && i("progress", { key: "71195582ff12f2710703846d15549aa8ceeb3712", "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: "2d0da5160a59cd6002c8ee9fd2b907b6fe7210bd", role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: a }, i("svg", { key: "758e7629cb59f15066e898f5b052d3e861bf4c1d", class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(r + e) * 2} ${(r + e) * 2}` }, i("circle", { key: "3a50b796bdd0d77bfdca2fd6260e98674094e4d4", class: "progress-indicator__circle-background", cx: r + e, cy: r + e, r, fill: "none", "stroke-width": e }), i("circle", { key: "f5a460cc868e4445682312f7ce48e06cc71e95b8", class: "progress-indicator__circle-value", cx: r + e, cy: r + e, r, fill: "none", "stroke-width": e, "stroke-dasharray": s, "stroke-dashoffset": o }))));
+    return i(n, { key: "6ef5ff981e38effa23656d913eef82b27fecb501", class: this.variant }, this.variant === "bar" && i("progress", { key: "79825f82f8c9b509f10bfde2bb72b86fcf81d44e", "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: "a546934fa62f38df0dca7c8ea5eccedc622cc827", role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: a }, i("svg", { key: "dc7dc1a69361694cf7a1abb36da81fac3e22be9b", class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(r + e) * 2} ${(r + e) * 2}` }, i("circle", { key: "1cd14c46591e24e612a25f90ce8ad0cedde167ba", class: "progress-indicator__circle-background", cx: r + e, cy: r + e, r, fill: "none", "stroke-width": e }), i("circle", { key: "2b217ee432c39f2494bedd1706ef5fd4d2fdfee6", class: "progress-indicator__circle-value", cx: r + e, cy: r + e, r, fill: "none", "stroke-width": e, "stroke-dasharray": s, "stroke-dashoffset": o }))));
   }
 };
 b.style = l;

package/dist/{swirl-radio-group.entry.df9bce44.js → swirl-radio-group.entry.764fbd11.js}

@@ -1,4 +1,4 @@
-import { r as o, c as d, h as i, H as l, g as n } from "./index.3f681a5e.js";
+import { r as o, c as d, h as i, H as l, g as n } from "./index.6cd7fea9.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 {
@@ -23,7 +23,7 @@ const u = ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-sw
       });
   }
   render() {
-    return i(l, { key: "54454c132456bad03cabbba366efc66b3c1456f4", "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, i("div", { key: "c364e6e51dd15c5063ed92d3c08719757d7a0a27", class: "radio-group" }, i("slot", { key: "590ed70a66e449b1076aa6085ef301bfdf272ff5" })));
+    return i(l, { key: "0810017098afe1a3c7dfb7503ce1b032f2a9658f", "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, i("div", { key: "349621e7499449af81f084d078416cbf53b8df21", class: "radio-group" }, i("slot", { key: "35510d0231b42f142585f089aa6d746dea604f02" })));
   }
   get el() {
     return n(this);

package/dist/{swirl-radio.entry.d9d5946d.js → swirl-radio.entry.992aa225.js}

@@ -1,4 +1,4 @@
-import { r as s, c, h as i, H as l } from "./index.3f681a5e.js";
+import { r as s, c, h as i, H as l } from "./index.6cd7fea9.js";
 import { c as t } from "./index-267776a4.6beb4f4b.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: "406d97d8e87da8a17bbff7b67cf6ecbf7d908064", style: { width: this.variant === "card" ? "100%" : void 0 } }, i("label", { key: "6e4e93dc91ebfb3264226fc58e9322184179698d", class: e, htmlFor: this.inputId }, i("span", { key: "255519514587f38e0e9aa1beb3cee17993ff5cc4", class: "radio__control" }, i("swirl-visually-hidden", { key: "1bb98d55d2caceb15f72a2a82c3a0957a6509d0b" }, i("input", { key: "928992a95349bd917415be1a34c73bacec246bad", "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: "d912ffceed37c2f4201396d74cdff439cb41e735", "aria-hidden": "true", class: "radio__box" })), i("span", { key: "c3cdad462855597283f685bca62bf7bdef10e04d", class: "radio__label-container" }, this.label && i("span", { key: "56a0225a0c1e8e42e08187f895ddf31745528fa5", class: "radio__label" }, this.label), this.description && i("span", { key: "844c8355d1f8fc2d679df288fb19a6edc497d009", class: "radio__description", innerHTML: this.description }))));
+    return i(l, { key: "39a96c5edf97059f8d16fa72cda6763f590f885b", style: { width: this.variant === "card" ? "100%" : void 0 } }, i("label", { key: "e840ab45b938f5c99ad2aea62c21ecd9ae8ad435", class: e, htmlFor: this.inputId }, i("span", { key: "a3b0e36b6828f9884b099f02b76e2f9d4698f4c3", class: "radio__control" }, i("swirl-visually-hidden", { key: "65d4ae90ae0bbd80dcf21eb17f390e4a4c9d0dd0" }, i("input", { key: "ddd43d5f4e7767b7a0a9b89a6e72e539cd90a4a7", "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: "b13ec0c4f182d798a821c1794483b61fe65869c3", "aria-hidden": "true", class: "radio__box" })), i("span", { key: "04b086fb6fe62de104f7be0879b38993f602a795", class: "radio__label-container" }, this.label && i("span", { key: "b7659db35ef1cf82b0633f3abc95fd3cc6d0c958", class: "radio__label" }, this.label), this.description && i("span", { key: "a6122cac1cfb67d99663b3e509ef19e9caf1094c", class: "radio__description", innerHTML: this.description }))));
   }
 };
 b.style = h;

package/dist/{swirl-resource-list-file-item.entry.f5a6cceb.js → swirl-resource-list-file-item.entry.8a2eac36.js}

@@ -1,4 +1,4 @@
-import { r as c, c as a, h as e, H as n } from "./index.3f681a5e.js";
+import { r as c, c as a, h as e, H as n } from "./index.6cd7fea9.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import { g as f } from "./utils-aab10c80.240adddc.js";
 import "react";
@@ -26,7 +26,7 @@ const m = '.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 = d("resource-list-file-item", {
       "resource-list-file-item--has-control": r || t
     });
-    return e(n, { key: "b3bc0ca348c5ec20ad0d34976649ff0f8e16df50", role: "row" }, e("div", { key: "3044582ef52998b6116874ae997b3fafa29db8aa", class: l, part: "resource-list-file-item", role: "gridcell" }, e("span", { key: "e1cdfb9d835a36d2dcca07d83a7c3d7f7bfdf06d", class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (o) => this.iconEl = o }), e("span", { key: "4c440a3849543936dd5509fff1dbc295ed92a797", class: "resource-list-file-item__label-container" }, e("span", { key: "928d48517de766c399cf155ced1499fcd33e44bb", class: "resource-list-file-item__label", id: "label" }, this.label), s && e("span", { key: "cf5dd2a2cca5221c6fd442e8442b4bb6e8e38fd1", class: "resource-list-file-item__description" }, this.description), i && e("span", { key: "868d109a4f2dd6137f023903f9ff5b3ef8df08cd", "aria-live": "polite", class: "resource-list-file-item__error-message" }, e("swirl-inline-error", { key: "8bc3759b2113b414881207c030fce5baf5bdd762", message: this.errorMessage, size: "s" }))), r && e("span", { key: "79516b73fead6e98247292db25ffae5b9372d002", class: "resource-list-file-item__spinner" }, e("swirl-spinner", { key: "7660eaf4179d1379153454551ed33b6c601e3293", size: "s" })), t && e("span", { key: "d9cd9935ec1236cb9dfef3f7f7eaac0b4056d2e5", class: "resource-list-file-item__remove-button" }, e("swirl-button", { key: "f06b578ef2f5d8cd076bad48fc8699b49278e2df", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))));
+    return e(n, { key: "9e606265434f2937873942ad441f1dd317ac6465", role: "row" }, e("div", { key: "e1d1a6bffae18a876ab4b81365ed13452166786d", class: l, part: "resource-list-file-item", role: "gridcell" }, e("span", { key: "28026998d840337e38b13ecf8da06d5e990f43bf", class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (o) => this.iconEl = o }), e("span", { key: "b1ab85f380c6c4c5e763caaccfed099ae0320bcb", class: "resource-list-file-item__label-container" }, e("span", { key: "6f5f8fa00ad1bf71dce276c2dc4708cf4e2e43a9", class: "resource-list-file-item__label", id: "label" }, this.label), s && e("span", { key: "474df5dfc8ca4f6b3b22d6d12ad68dfddc3b3f4c", class: "resource-list-file-item__description" }, this.description), i && e("span", { key: "658bc40dd5b34c723ef7c6c92f384e6eaba2002c", "aria-live": "polite", class: "resource-list-file-item__error-message" }, e("swirl-inline-error", { key: "68011a5e2308d05dfe77b3092c5f61f9bda05fa3", message: this.errorMessage, size: "s" }))), r && e("span", { key: "3f291cba6909c2b0f58d821675487550b93bdb0e", class: "resource-list-file-item__spinner" }, e("swirl-spinner", { key: "4631207b5163876ef8114f172300e628e8ef8683", size: "s" })), t && e("span", { key: "7953cfad0379d4f1d39a857e394a5723c86df75a", class: "resource-list-file-item__remove-button" }, e("swirl-button", { key: "750755bc9f67cd2f991ea034a1c624d71a239979", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))));
   }
 };
 u.style = h;

package/dist/{swirl-search.entry.8c9bac59.js → swirl-search.entry.2559dceb.js}

@@ -1,4 +1,4 @@
-import { r as i, c as r, h as a, H as t } from "./index.3f681a5e.js";
+import { r as i, c as r, h as a, H as t } from "./index.6cd7fea9.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as h } from "./utils-aab10c80.240adddc.js";
 import "react";
@@ -41,7 +41,7 @@ const n = ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-sw
     const s = c("search", `search--variant-${this.variant}`, {
       "search--disabled": this.disabled
     });
-    return a(t, { key: "5bf70e02de79109b2b06f398d3ce1859f76df9e3" }, a("span", { key: "826ecc2b262862f239e554b2185329580cd83a17", class: s, ref: (e) => this.iconEl = e }, a("swirl-icon-search", { key: "adb74eac3160bffcffc8088c1a500f2215967165", "aria-hidden": "true", class: "search__icon" }), a("input", { key: "9b3504f92c7cec190ef9b4a6613d513ebd960e7e", "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: "fe42a660d21d6681cc30e648f7f616e6636446c3", "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, a("swirl-icon-cancel", { key: "cd55c1ccdb59ab69129e9751dd4d25f0157f585a" }))));
+    return a(t, { key: "ceae5da523aa816ce7622c9ef37294b6170ffba4" }, a("span", { key: "9f1222ded2f5023fe3fac44fcbe39b3d7786bb5c", class: s, ref: (e) => this.iconEl = e }, a("swirl-icon-search", { key: "3277b43b597777998051589a6181c4cf132ece92", "aria-hidden": "true", class: "search__icon" }), a("input", { key: "f61260a4ddad79d484cd19b4bf1c52b599885fde", "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: "ec7b6490ebe051c4dfda08aa9527132923553d54", "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, a("swirl-icon-cancel", { key: "e900528f58b0fa8d6d2c52a11ca616635ffe3533" }))));
   }
 };
 l.style = o;

package/dist/{swirl-select.entry.e1df86d9.js → swirl-select.entry.42bf34e1.js}

@@ -1,6 +1,6 @@
-import { r as u, c as h, h as s, H as f, g as w } from "./index.3f681a5e.js";
-import { c as v } from "./index-267776a4.6beb4f4b.js";
-import { q as b } from "./utils-aab10c80.240adddc.js";
+import { r as u, c as h, h as s, H as f, g as w } from "./index.6cd7fea9.js";
+import { c as b } from "./index-267776a4.6beb4f4b.js";
+import { q as v } from "./utils-aab10c80.240adddc.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 {
@@ -49,25 +49,25 @@ const m = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-s
     });
   }
   updateOptions() {
-    this.options = b(this.el, "swirl-option-list-item");
+    this.options = v(this.el, "swirl-option-list-item");
   }
   render() {
     var r, n, o;
     const l = Boolean(this.value) ? (r = this.value) == null ? void 0 : r.map((e) => {
       var c;
       return (c = this.options.find((p) => p.value === e)) == null ? void 0 : c.label;
-    }).join(", ") : "", t = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = this.el.closest("swirl-form-control"), a = (i == null ? void 0 : i.inline) || (i == null ? void 0 : i.labelPosition) === "outside" ? -12 : -16, d = v("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 = b("select", `select--placement-${this.placement}`, {
       "select--disabled": this.disabled,
       "select--inline": this.inline,
       "select--multi": this.multiSelect,
       "select--search-loading": this.searchLoading
     });
-    return s(f, { key: "bcfe86a952c21b82019e6a7a634b8359fa4a8e5a", onKeyDown: this.onKeyDown }, s("div", { key: "e9e1d776f7ed183bd87f405d484955e8f17ac239", class: d }, s("swirl-popover-trigger", { key: "d50b378db3053797168646e53748eabd9e1157ed", swirlPopover: this.swirlPopover, setAriaAttributes: !1 }, s("input", { key: "4f9ed214f553f3a86d301f070e10d301825336df", "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: "8fe9f51cd1a691a7ad737b599a24fd361968b3d9", 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(f, { key: "ef9525efec576f3c2399d67effc58aa5be0fb64e", onKeyDown: this.onKeyDown }, s("div", { key: "3b7ad478ada6313146928ce596f1360a7e002cd2", class: d }, s("swirl-popover-trigger", { key: "542c357f3da2358c7da64e61a9f88ae8decabd76", swirlPopover: this.swirlPopover, setAriaAttributes: !1 }, s("input", { key: "c69240750b2e6c11ba992518cf70cb7408c6ba8b", "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: "bf993aaf574c658d51d107704f919783ad6c1607", 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: "43d0b6ee80ac62efe24161906e37eaa43aff9980", class: "select__indicator" }, this.open ? s("swirl-icon-expand-less", null) : s("swirl-icon-expand-more", null)), s("swirl-popover", { key: "9f6f1c55f458ba376a4e080832e3033eabd16199", 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.swirlPopover = e, useContainerWidth: "swirl-form-control" }, this.withSearch && s("div", { key: "89f6372e706d63e07853a56096a68213d7f8ff80", class: "select__search" }, s("swirl-icon-search", { key: "7e6f4416931b07f71a36a9afa57912dc295cef91", class: "select__search-icon", size: 20 }), s("input", { key: "d117794acddfe176d17fe8f415cfb9991813093b", "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: "5f2fd636a123aee86683b701705548d85841427d", class: "select__search-spinner", size: "s" })), s("swirl-option-list", { key: "233f3ef589a12d1a194853b721cb88d5638b9134", allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (e) => this.optionList = e, value: this.value }, !this.searchLoading && s("div", { key: "b3f2d299d5b833e495c3d86a87122f4228120ca7", "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, s("swirl-text", { key: "50e93f901f0ec35b49884d14256e14858a59110a", color: "subdued", weight: "medium" }, this.emptyListLabel)), s("slot", { key: "677993ae7d3bad42ca5057651fc488c88cb0ca5a", onSlotchange: this.onSlotChange })))));
+    }))), s("span", { key: "2e8d89c2fd60a83ebcf18730f28b7a07c48fc448", class: "select__indicator" }, this.open ? s("swirl-icon-expand-less", null) : s("swirl-icon-expand-more", null)), s("swirl-popover", { key: "a6442aefcd240c4f2c01b6a9229cc2aca08c3c42", 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.swirlPopover = e, useContainerWidth: "swirl-form-control" }, this.withSearch && s("div", { key: "08c2d313531f4efe06a670089596ee716d5c31fe", class: "select__search" }, s("swirl-icon-search", { key: "3c5abab411652455caff3a6fbe1f721e802c8fb2", class: "select__search-icon", size: 20 }), s("input", { key: "d4fab55fafd8ffc2e4fba0891f7f8377ee17709f", "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: "3e2139331fa747bd272059aa7419ac5e8e350741", class: "select__search-spinner", size: "s" })), s("swirl-option-list", { key: "f48df1c34fe25b2ab298acefe0b4828520443e68", allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (e) => this.optionList = e, value: this.value }, !this.searchLoading && s("div", { key: "898a835739fdeb4c53d53d099eaff43868b1e6ab", "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, s("swirl-text", { key: "c9c42e9f9d9532d237a559fa9e9111a6355a8ddf", color: "subdued", weight: "medium" }, this.emptyListLabel)), s("slot", { key: "b997c73f842121081caac5ac836ed086593b44d7", onSlotchange: this.onSlotChange })))));
   }
   get el() {
     return w(this);

package/dist/{swirl-shell-layout.entry.bfb34dcb.js → swirl-shell-layout.entry.0d1f68f0.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as d } from "./index.3f681a5e.js";
+import { r, c as s, h as l, H as d } from "./index.6cd7fea9.js";
 import { c as n } from "./index-267776a4.6beb4f4b.js";
 import { c } from "./focus-trap.esm-49c9613c.db20abcc.js";
 import "react";
@@ -9,8 +9,8 @@ const h = `.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.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 = h, 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 = () => {
+  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 h = `.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 h = `.sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sun
     this.focusTrap = c(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 h = `.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 = n("shell-layout", {
       "shell-layout--branded-header": this.brandedHeader,
       "shell-layout--mobile-navigation-active": this.mobileNavigationActive,
       "shell-layout--navigation-collapsed": this.navigationCollapsed,
       "shell-layout--sidebar-active": this.sidebarActive
     });
-    return e(d, { key: "b7bbc69b62185086863890772d94f361e7b5f115" }, e("div", { key: "8c278fb122aee1eb152f3807588966651957d10a", class: a }, e("header", { key: "12bfb2ec7f149c99f737ddf2d5f1035501e04e4d", class: "shell-layout__header", "data-tauri-drag-region": "true" }, e("button", { key: "0fa5ca6bd9487fb2e6dba6360d1416d0b70d4c32", class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), e("div", { key: "3b7e9ed6e97dc24f6da323c8d27f117f0aa86804", class: "shell-layout__header-left" }, e("button", { key: "a9a34b6e9ba6e999a600b7a346313ea19736098a", class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, e("swirl-icon-dock-left", { key: "93838161ccab305209cb8b38836aeb6c78da4962", size: 20 }), e("swirl-visually-hidden", { key: "244f8a8742314738346effc607e6204b9bdf36bb" }, this.navigationToggleLabel)), e("button", { key: "17797f4d572bc6cd7bd47980f7b46b8c851cbcfa", class: "shell-layout__header-tool", onClick: this.onBrowserBackClick, type: "button" }, e("swirl-icon-arrow-back", { key: "079fdcf90b77b96899d9554600ed9ccedbc71a2e", size: 20 }), e("swirl-visually-hidden", { key: "81e41877f3674e8adfd51c33705ece8c82e4667b" }, this.browserBackButtonLabel)), e("button", { key: "02d5c4d8f055bb5cd0f1a8582f99d7e2507f0a09", class: "shell-layout__header-tool", onClick: this.onBrowserForwardClick, type: "button" }, e("swirl-icon-arrow-forward", { key: "57b05b4cd25fcae78567ee48576e7ccf99bdff1e", size: 20 }), e("swirl-visually-hidden", { key: "457167920e192bb6a8bdb553a4c4de23d513ff9e" }, this.browserForwardButtonLabel)), e("slot", { key: "17ab2034f7edc7ef10d51d47407e470583f4d50e", name: "left-header-tools" })), e("div", { key: "e53a6be5ccd2eb6228c9b6ee6024ae846141400f", class: "shell-layout__logo" }, e("slot", { key: "e315245979368fd5566a23686ac9dcd4b7c2a667", name: "logo" })), e("div", { key: "1a02510b3de2b60d3576df53ca82542db2a4e486", class: "shell-layout__header-right" }, e("slot", { key: "ee0b4ef1114453f521e80d53aede77a56e464e77", name: "right-header-tools" }), e("button", { key: "54592ac54dc28cfab5139c8413df338b55c1a3c2", class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, e("swirl-icon", { key: "c47b59dc4536f15eae7c601822ddb06fdbf1eb21", glyph: this.sidebarToggleIcon, size: 20 }), e("swirl-visually-hidden", { key: "5d45f20cff97e9d4137f4548a6aedaddd1102992" }, this.sidebarToggleLabel), this.sidebarToggleBadge && e("swirl-badge", { key: "caf8ae7138494b6bcbe49c8fca63e287a50699d8", "aria-label": this.sidebarToggleBadgeAriaLabel, label: l ? String(this.sidebarToggleBadge) : this.sidebarToggleBadgeAriaLabel, size: "xs", variant: l ? "default" : "dot" })), e("slot", { key: "e3932c1dd3bc16313b3dac2c4ea127a6ad28c896", name: "avatar" }))), e("div", { key: "9204a90730c89f5de7b892dfb3120cb41f8f449f", class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), e("nav", { key: "9246bd6590ed0ebaebf76579b18453f08fae1283", "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (t) => this.navElement = t }, e("div", { key: "fdfb63d0efea020c0dec95e841f63e303dfb2326", class: "shell-layout__mobile-header" }, e("slot", { key: "1a5836af184982623cb96d3a7cc6ced0ba620ed3", name: "mobile-logo" }), e("div", { key: "f734c17da4255a458aef1b5f3d20554b6cb8de96", class: "shell-layout__mobile-header-tools" }, e("slot", { key: "4451c42e4daf7b621918b9feb38079ba112f14f1", name: "mobile-header-tools" }), e("button", { key: "4f444148baf2a8a4f19422d71f1ba675cea940f6", class: "shell-layout__header-tool", type: "button" }, e("swirl-icon-double-arrow-left", { key: "5c006b3787e20344fed4fb4b2a88d5167f4568f6", size: 20 }), e("swirl-visually-hidden", { key: "af4dd8d6f2484ef184338f9787f1cf127c8fabee" }, this.hideMobileNavigationButtonLabel)))), e("div", { key: "f0979baf249be97745c2f3164e7c66814d805b90", class: "shell-layout__nav-body" }, e("swirl-visually-hidden", { key: "a9ddce6b1de2243b77544f40e1f9af5bd0a50b58" }, e("span", { key: "c2b44adbfc6f3a0b35befff4944c1a930e666932", id: "main-navigation-label" }, this.navigationLabel)), e("slot", { key: "94b3ebcc836d74183bc4964b90628b4b6a19e4a6", name: "nav" }))), e("main", { key: "d15c05b26c0dc34add1beedddffe0214b4f1c037", class: "shell-layout__main", id: "main-content" }, e("slot", { key: "5b78448529984296ee94c1896a5da951e407a1f3" })), e("aside", { key: "1d13e18e63778c692658804ebb2267745052c391", class: "shell-layout__sidebar", inert: this.sidebarActive ? void 0 : !0 }, e("div", { key: "b014fd106ff3a9a8b6586178a71a0b5d9b15ce8b", class: "shell-layout__sidebar-body" }, e("div", { key: "5c120c00789d702be56e385ce941275ba4c6cd94", class: "shell-layout__sidebar-app-bar" }, e("slot", { key: "fdbf9972bd0d9f2dc94acbe3c99e271879f5cd2e", name: "sidebar-app-bar" })), e("div", { key: "d562df82a18e30fae43e5420d4f38c652b16e282", class: "shell-layout__sidebar-content" }, e("slot", { key: "1e2e5d11494f82ea82f1220f0ad854f0a8536286", name: "sidebar" }))))));
+    return l(d, { key: "006788ec30a11e1bd1cc527e2aec9e5225154b2a" }, l("div", { key: "3c3ea2fa9dd64c8309dabb976f591c4ba933eb48", class: a }, l("header", { key: "f42c377eea3fcedc3c8746262e3bee9957a06a09", class: "shell-layout__header", "data-tauri-drag-region": "true" }, l("button", { key: "6de17ff7e7576a9f3f712db30945673900b05640", class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), l("div", { key: "7282c3e4b6cbec3953b94c311314555064a7603c", class: "shell-layout__header-left" }, l("button", { key: "99e231c52d5414029aca69e0be4e08d09cab16ea", class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, l("swirl-icon-dock-left", { key: "8783d2c5297f41515665cb2fc8b2e36fdc6e9c8c", size: 20 }), l("swirl-visually-hidden", { key: "bc85d4e5edf17ccbfc33f5fe95fa201e815badb6" }, this.navigationToggleLabel)), l("button", { key: "3799d7ab4b7618eac6949ae9c8affbe505ed9016", class: "shell-layout__header-tool", onClick: this.onBrowserBackClick, type: "button" }, l("swirl-icon-arrow-back", { key: "42d923b46e12a6621e40c2c969d7e321af70d29d", size: 20 }), l("swirl-visually-hidden", { key: "e7b8f6e7d2b1ba3045d3f6ccf821e1c8f570c43c" }, this.browserBackButtonLabel)), l("button", { key: "b448b27d09de5c8dee0c7bbcfcfe49c243f7f82f", class: "shell-layout__header-tool", onClick: this.onBrowserForwardClick, type: "button" }, l("swirl-icon-arrow-forward", { key: "40404fad38a2e8518d2755cfa56675d1a8101a31", size: 20 }), l("swirl-visually-hidden", { key: "c31d64b3bde39c4d9aeaaa57b4ef2aa12a6533c9" }, this.browserForwardButtonLabel)), l("slot", { key: "2c814c69caaf7d9169745bfe69693c50b1269121", name: "left-header-tools" })), l("div", { key: "7fb8ad582278eae55e6bec0f19dec4aa5b1c32fa", class: "shell-layout__logo" }, l("slot", { key: "8d2baaba77fbfac66a4ae7bc31997c719816af3d", name: "logo" })), l("div", { key: "5090fe93f98472a3899ccdfd6ae8aa9700fe6300", class: "shell-layout__header-right" }, l("slot", { key: "d3322f829a63d7010d13aa7883b7066ba69af3b5", name: "right-header-tools" }), l("button", { key: "3361ae39934a904353d3c6f536f1848a6794cc3c", class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, l("swirl-icon", { key: "bd09a1b54ded4cd520cf624b9343ad00d41dd259", glyph: this.sidebarToggleIcon, size: 20 }), l("swirl-visually-hidden", { key: "150fbf1a7d9ad69c75464ade1942fed45587b5d6" }, this.sidebarToggleLabel), this.sidebarToggleBadge && l("swirl-badge", { key: "c8b616faf20c928ba2c2cf2cf20ef40f3a662646", "aria-label": this.sidebarToggleBadgeAriaLabel, label: e ? String(this.sidebarToggleBadge) : this.sidebarToggleBadgeAriaLabel, size: "xs", variant: e ? "default" : "dot" })), l("slot", { key: "7cd1093ee1de91b3e9647af6af744195ad8aa577", name: "avatar" }))), l("div", { key: "1fc055212806b72ff0aa395af0f27269215ad5b1", class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), l("nav", { key: "7297b447f8e9b24bdf31b560d846098c124a14f0", "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (t) => this.navElement = t }, l("div", { key: "bb2262fc5d4acb5621718800668254e620496a40", class: "shell-layout__mobile-header" }, l("slot", { key: "36199dedf81771fc24195225eb8f76400a28656e", name: "mobile-logo" }), l("div", { key: "55b0163f924189037b7f1caefe9661a9dc6b13ea", class: "shell-layout__mobile-header-tools" }, l("slot", { key: "e867fbf39597b522a4eb35e36fc86685849ac164", name: "mobile-header-tools" }), l("button", { key: "b223c8a0d2c17ce2195f000ac56240d42d7cc8db", class: "shell-layout__header-tool", type: "button" }, l("swirl-icon-double-arrow-left", { key: "908a4dd3b4ac6efc03c89dbf45e64d3468840bd7", size: 20 }), l("swirl-visually-hidden", { key: "48e66b39ac9a95d78bdeb58bba80e7a51848ff51" }, this.hideMobileNavigationButtonLabel)))), l("div", { key: "45146321187e41eae8467851e55a71f3fccd09f6", class: "shell-layout__nav-body" }, l("swirl-visually-hidden", { key: "ff0bb7d033d74cd5f4132e349bddb04b8cfaf4ae" }, l("span", { key: "76d30927eb616aa32284aa0cc09760d2a1e2031a", id: "main-navigation-label" }, this.navigationLabel)), l("slot", { key: "512d9e8457096c210213630b40bddb303360690a", name: "nav" }))), l("main", { key: "f5e95eb9a23106b8d69a4f5744c43f95639edf1e", class: "shell-layout__main", id: "main-content" }, l("slot", { key: "58eef5b276fc04ed7b657a1ad51f059a995285a2" })), l("aside", { key: "d4a73ce5df8674037f7188812e8ad4327ad3915c", class: "shell-layout__sidebar", inert: this.sidebarActive ? void 0 : !0 }, l("div", { key: "3c2c0b68e07a38bd4460fb2116413e42ea9b2862", class: "shell-layout__sidebar-body" }, l("div", { key: "62bbc52716d45b4d276dade8111c70c1d5e3286b", class: "shell-layout__sidebar-app-bar" }, l("slot", { key: "0a2a44046390cf057a055d28d38a23db243f8bf6", name: "sidebar-app-bar" })), l("div", { key: "f1bac0f7232b4e7bf1e9b920fc66a52c5a20d2eb", class: "shell-layout__sidebar-content" }, l("slot", { key: "387c99b253dcec2b3a63d3bd57ade483f2909ea7", name: "sidebar" }))))));
   }
   static get watchers() {
     return {

package/dist/{swirl-shell-navigation-item.entry.21044591.js → swirl-shell-navigation-item.entry.675f301e.js}

@@ -1,5 +1,5 @@
-import { r as t, h as e, H as s, g as o } from "./index.3f681a5e.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
+import { r as t, h as e, H as s, g as o } from "./index.6cd7fea9.js";
+import { c as i } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
 const l = `/**
@@ -159,11 +159,11 @@ const l = `/**
     t(this, n), 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 n = a("shell-navigation-item", {
+    const n = i("shell-navigation-item", {
       "shell-navigation-item--active": this.active,
       "shell-navigation-item--boxed": this.boxed
-    }), i = Boolean(this.href);
-    return e(s, { key: "b6ed02d9c2bb0e74ced9213576843674e57b5a01" }, e(i ? "a" : "button", { key: "29e3e114b41d0cb17d5f588b3f9862bd7dd90c0a", class: n, href: this.href, target: this.target, type: i ? void 0 : "button" }, e("span", { key: "d0514b712365293ee1e6bae499d0c4acb5f3ab89", class: "shell-navigation-item__icon" }, e("slot", { key: "e7c662a9a8b90d4c7a6fb5040be307e3488f95a2", name: "icon" })), e("span", { key: "06cef0682fdab40363d66e277ff770d226fb7c6e", class: "shell-navigation-item__label" }, this.label), this.badgeLabel !== void 0 && this.badgeLabel !== null && e("swirl-badge", { key: "2e4e5da188189555092cfbcf62db6b12eef62078", "aria-label": this.badgeLabel, class: a("shell-navigation-item__badge", {
+    }), a = Boolean(this.href);
+    return e(s, { key: "68bd89a6ab7961f1ff18b5d7ee37eb66e15dd472" }, e(a ? "a" : "button", { key: "c74ed8a1243d6d91c3a2e50c0b7a1434307787d6", class: n, href: this.href, target: this.target, type: a ? void 0 : "button" }, e("span", { key: "55a2ff6df48f7d5ed4be3bcacb58b0a1cf58f914", class: "shell-navigation-item__icon" }, e("slot", { key: "df89355902ba13ad727fe440a956f30075ecb296", name: "icon" })), e("span", { key: "27e592a852105e8c09581ecbe2556a129a9968f8", class: "shell-navigation-item__label" }, this.label), this.badgeLabel !== void 0 && this.badgeLabel !== null && e("swirl-badge", { key: "64beb7edcec7cbddc2004db3e57407e07c3e91bd", "aria-label": this.badgeLabel, class: i("shell-navigation-item__badge", {
       "shell-navigation-item__badge--dot": this.badgeLabel === ""
     }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" })));
   }

package/dist/{swirl-skeleton-box.entry.8fee554e.js → swirl-skeleton-box.entry.7219fe66.js}

@@ -1,23 +1,23 @@
-import { r as t, h as s, H as i } from "./index.3f681a5e.js";
+import { r as t, h as s, H as i } from "./index.6cd7fea9.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const r = `:host{display:block}:host *{box-sizing:border-box}.skeleton-box{position:relative;overflow:hidden;min-height:var(--s-font-size-sm);background-color:var(--s-surface-raised-hovered)}.skeleton-box:before{position:relative;z-index:1;display:block;width:100%;height:100%;background-image:linear-gradient(
+const a = `: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(
       90deg,
       rgba(255, 255, 255, 0) 0,
       rgba(255, 255, 255, 0) 12%,
       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}`, r = a, n = class {
   constructor(e) {
     t(this, e), this.animated = !0, this.aspectRatio = void 0, this.borderRadius = "base", this.height = void 0, this.width = void 0;
   }
   render() {
     const e = o("skeleton-box", `skeleton-box--border-radius-${this.borderRadius}`, { "skeleton-box--static": !this.animated });
-    return s(i, { key: "d2dbe289c28013f1e5a3e09beb6e7a7a893d6144", style: {
+    return s(i, { key: "4a0b16adcb0a5ad0c52b1373c9bae1da0fa734d3", style: {
       width: !Boolean(this.width) && !Boolean(this.aspectRatio) ? "100%" : void 0
-    } }, s("div", { key: "d6b77cbe897bd99e91070bb83f2598a6e8d4c09f", class: e, style: {
+    } }, s("div", { key: "93a4b38c199c18cfec972539c514a293fd068833", 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;
+n.style = r;
 export {
   n as swirl_skeleton_box
 };

package/dist/{swirl-skeleton-text.entry.1eec31d2.js → swirl-skeleton-text.entry.20bc4d37.js}

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as a } from "./index.3f681a5e.js";
+import { r as l, h as t, H as a } from "./index.6cd7fea9.js";
 import { c as s } from "./index-267776a4.6beb4f4b.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: "69157cd4b1f456890f3d60e0710b7c7df75d7995" }, t("div", { key: "4645af2dfd3e79330282cd80cdde83a9409a749f", class: e, part: e }, new Array(this.lines).fill(void 0).map((h, n) => t("div", { class: i, key: n, part: i }))));
+    return t(a, { key: "2d1750044760a421b45bc1bf7cf8bd38f6e25d68" }, t("div", { key: "d2abf5827563249b5889c58183a2b9280d302c20", class: e, part: e }, new Array(this.lines).fill(void 0).map((h, n) => t("div", { class: i, key: n, part: i }))));
   }
 };
 d.style = r;

package/dist/{swirl-stack.entry.2006f306.js → swirl-stack.entry.823ce90b.js}

@@ -1,4 +1,4 @@
-import { r as a, h as s, H as i } from "./index.3f681a5e.js";
+import { r as a, h as s, H as i } from "./index.6cd7fea9.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -8,7 +8,7 @@ const n = ":host{display:block;width:100%}:host *{box-sizing:border-box}.stack{d
   }
   render() {
     const t = this.as, e = c("stack", `stack--align-${this.align}`, `stack--justify-${this.justify}`, `stack--orientation-${this.orientation}`, { "stack--wrap": this.wrap });
-    return s(i, { key: "24ab0f168eba0b98ba7023b8e80da49d0a23a45e", style: { height: this.height } }, s(t, { key: "79d1ef08f5268fbe5789c1568461282c7e4097a6", class: e, style: { gap: `var(--s-space-${this.spacing})`, height: this.height } }, s("slot", { key: "a4f47f46c9ff3b75b9f4d18cc320cd48cdab5d02" })));
+    return s(i, { key: "c112a608a7c804409ba2189be3a504044c8737ae", style: { height: this.height } }, s(t, { key: "84ec94492511d380a203973e1b601eacc4f0e70a", class: e, style: { gap: `var(--s-space-${this.spacing})`, height: this.height } }, s("slot", { key: "d18444ad2e7bac46bca455405ed678198404fa4f" })));
   }
 };
 o.style = r;

package/dist/{swirl-status-indicator.entry.bf4b6a8d.js → swirl-status-indicator.entry.f97db7aa.js}

@@ -1,4 +1,4 @@
-import { r as i, h as t, H as a } from "./index.3f681a5e.js";
+import { r as i, h as t, H as a } from "./index.6cd7fea9.js";
 import { c as e } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -8,7 +8,7 @@ const n = ':host{display:block}:host *{box-sizing:border-box}.status-indicator{d
   }
   render() {
     const s = e("status-indicator", `status-indicator--intent-${this.intent}`);
-    return t(a, { key: "9f0e9b4f7d3cc04409dc6daaa77be11d8b4fefe7" }, t("div", { key: "6ae100f4aad059d72855d0214901a60d67820457", class: s }, t("span", { key: "31c5883aa6ef6582f5abc00f7f97d7e25bff97b1", class: "status-indicator__dot" }), t("span", { key: "4c5bf98ee5b89260c147351678dae6ddaa04008e", class: "status-indicator__label" }, this.label)));
+    return t(a, { key: "0903c53ed61e86be0296b65b454449809c9b68a7" }, t("div", { key: "5fe2d133b1b9127be0debde562fcaa66e7c9e0c0", class: s }, t("span", { key: "853fc2150308f68cf729e9c929a837cd3d3d92a2", class: "status-indicator__dot" }), t("span", { key: "8e4390e05e14de2d99ca3a3b4a0f91fa0a611dc0", class: "status-indicator__label" }, this.label)));
   }
 };
 r.style = o;

package/dist/{swirl-switch.entry.00e7e0e9.js → swirl-switch.entry.506a7f20.js}

@@ -1,4 +1,4 @@
-import { r as a, c as h, h as i, H as r, g as l } from "./index.3f681a5e.js";
+import { r as a, c as h, h as i, H as r, g as l } from "./index.6cd7fea9.js";
 import { c as n } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -15,7 +15,7 @@ const d = `.sc-swirl-switch-h{display:inline-flex}.sc-swirl-switch-h *.sc-swirl-
       "switch--on": e,
       "switch--disabled": this.disabled
     });
-    return i(r, { key: "b73a0baa355e8c9d735a35e21db0f159ac1464fa" }, i("label", { key: "d64e138a07f24f7fa242f64708c8bbbca609f7b5", class: c, htmlFor: this.inputId }, i("span", { key: "1cac1350333259d1da98005f12659d6b34b4dbe0", class: "switch__control" }, i("swirl-visually-hidden", { key: "95d140a3410b7f3eb3ffaf63ba803d7105b901a6" }, i("input", { key: "167ca5da2cf126def2e683ad58b1ac34deee90ab", "aria-checked": t, checked: e, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, role: "switch", type: "checkbox", value: this.value })), i("span", { key: "939fc3e8248a03a90c073a2352cae494b3f70732", "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && i("span", { key: "cb48d52eb206492642afc9443a4607ecaf000a1f", class: "switch__label" }, this.label), this.label && this.hideLabel && i("swirl-visually-hidden", { key: "c4e32359d986473fb122062777c8f978b45a1fa5" }, this.label)));
+    return i(r, { key: "7ab3d33c6c05d13ff21e23a9e0793f824ce60679" }, i("label", { key: "8dc069a50e98bc42962b2458e55ab983b3f1d373", class: c, htmlFor: this.inputId }, i("span", { key: "37b2a2d965ebb5b4099e4ba5dc57ba204dd13237", class: "switch__control" }, i("swirl-visually-hidden", { key: "054ec6e73dafa837541ee84d495b3d3197e9fb73" }, i("input", { key: "f92ad397c3b0f2b0e454fdc1076eab0786bd2b27", "aria-checked": t, checked: e, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, role: "switch", type: "checkbox", value: this.value })), i("span", { key: "14d78cb63ee008ebf7c4006fcb2018869cea30ed", "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && i("span", { key: "7d1650271612e04370232928bb6a108008fa770d", class: "switch__label" }, this.label), this.label && this.hideLabel && i("swirl-visually-hidden", { key: "0526a510b9d0d710064c46a3a238fbf4aec220b8" }, this.label)));
   }
   get el() {
     return l(this);

package/dist/{swirl-symbol-account-circle.entry.883bd403.js → swirl-symbol-account-circle.entry.d0509d8c.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, F as C } from "./index.3f681a5e.js";
+import { r as t, h as e, F as C } from "./index.6cd7fea9.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -7,8 +7,8 @@ const l = ":host{display:inline-flex}", o = l, r = class {
     t(this, s), this.size = 24;
   }
   render() {
-    const s = this.size === 20 ? 24 : this.size, e = c("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return i("svg", { key: "c98f844f191c63372a346f85a309decfbdfbe35a", class: e, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, i(C, { key: "92707d9118138d930d758b0aad4f989604c77a9b" }, i("path", { key: "6fe885a91cfc18c21bb87f1d27ddf398a0717d32", d: "M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM12 5C12.5933 5 13.1734 5.17595 13.6667 5.50559C14.1601 5.83524 14.5446 6.30377 14.7716 6.85195C14.9987 7.40013 15.0581 8.00333 14.9424 8.58527C14.8266 9.16721 14.5409 9.70176 14.1213 10.1213C13.7018 10.5409 13.1672 10.8266 12.5853 10.9424C12.0033 11.0581 11.4001 10.9987 10.852 10.7716C10.3038 10.5446 9.83524 10.1601 9.5056 9.66671C9.17595 9.17336 9 8.59334 9 8C9 7.20435 9.31607 6.44129 9.87868 5.87868C10.4413 5.31607 11.2044 5 12 5ZM12 19.2C10.8119 19.2 9.64219 18.906 8.59528 18.3441C7.54838 17.7823 6.65678 16.9701 6 15.98C6.03 13.99 10 12.9 12 12.9C14 12.9 17.97 13.99 18 15.98C17.3432 16.9701 16.4516 17.7823 15.4047 18.3441C14.3578 18.906 13.1881 19.2 12 19.2Z", fill: "currentColor" })));
+    const s = this.size === 20 ? 24 : this.size, i = c("swirl-symbol", `swirl-symbol--size-${this.size}`);
+    return e("svg", { key: "685dced4248f0236c0a05da713dda61be0584c28", class: i, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, e(C, { key: "6ddef6bc42a8e2db9a6e8be2596e3e70149196d8" }, e("path", { key: "be3f211a42660e94ced24b3b8b5b29a26ec48c58", d: "M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM12 5C12.5933 5 13.1734 5.17595 13.6667 5.50559C14.1601 5.83524 14.5446 6.30377 14.7716 6.85195C14.9987 7.40013 15.0581 8.00333 14.9424 8.58527C14.8266 9.16721 14.5409 9.70176 14.1213 10.1213C13.7018 10.5409 13.1672 10.8266 12.5853 10.9424C12.0033 11.0581 11.4001 10.9987 10.852 10.7716C10.3038 10.5446 9.83524 10.1601 9.5056 9.66671C9.17595 9.17336 9 8.59334 9 8C9 7.20435 9.31607 6.44129 9.87868 5.87868C10.4413 5.31607 11.2044 5 12 5ZM12 19.2C10.8119 19.2 9.64219 18.906 8.59528 18.3441C7.54838 17.7823 6.65678 16.9701 6 15.98C6.03 13.99 10 12.9 12 12.9C14 12.9 17.97 13.99 18 15.98C17.3432 16.9701 16.4516 17.7823 15.4047 18.3441C14.3578 18.906 13.1881 19.2 12 19.2Z", fill: "currentColor" })));
   }
 };
 r.style = o;

package/dist/{swirl-symbol-alternate-email.entry.bf58c926.js → swirl-symbol-alternate-email.entry.9c75e0d0.js}

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

package/dist/{swirl-symbol-android.entry.f27d14a4.js → swirl-symbol-android.entry.1eb036c6.js}

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