@getflip/swirl-components-react 0.294.0 → 0.296.0

package/dist/{swirl-table.entry.38aec642.js → swirl-table.entry.59b53f2f.js}

@@ -1,19 +1,19 @@
-import { r as S, h as a, H as _, g as v } from "./index.bf166ea6.js";
-import { d as C, i as f } from "./utils-877a768f.c277f897.js";
+import { r as S, h as a, H as _, g as v } from "./index.eec3fb37.js";
+import { d as C, i as y } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
 var k = function(t) {
   var s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, l = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, o = void 0, i = void 0, r = void 0, n = [];
   return function() {
-    var y = x(s), b = new Date().getTime(), w = !o || b - o > y;
-    o = b;
+    var b = x(s), f = new Date().getTime(), w = !o || f - o > b;
+    o = f;
     for (var p = arguments.length, c = Array(p), d = 0; d < p; d++)
       c[d] = arguments[d];
     if (w && l.leading)
       return l.accumulate ? Promise.resolve(t.call(this, [c])).then(function(u) {
         return u[0];
       }) : Promise.resolve(t.call.apply(t, [this].concat(c)));
-    if (i ? clearTimeout(r) : i = R(), n.push(c), r = setTimeout(m.bind(this), y), l.accumulate) {
+    if (i ? clearTimeout(r) : i = R(), n.push(c), r = setTimeout(m.bind(this), b), l.accumulate) {
       var g = n.length - 1;
       return i.promise.then(function(u) {
         return u[g];
@@ -96,7 +96,7 @@ const L = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
     });
   }
   updateScrolledState() {
-    const e = f();
+    const e = y();
     if (this.container === void 0)
       return;
     const t = this.container.scrollWidth > this.container.clientWidth, s = this.container.scrollLeft > 0, l = Math.ceil(this.container.clientWidth + this.container.scrollLeft) >= Math.floor(this.container.scrollWidth);
@@ -144,10 +144,10 @@ const L = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
   }
   applyCellStyles(e, t, s) {
     const { leftOffsetForStickyColumn: l, columnWidth: o, isLastColumnSticky: i, hasShadowRight: r } = s;
-    e.style.flex = Boolean(o) ? `0 0 ${o}` : "", !f() && (t.sticky && !i && (e.classList.add("table-cell--is-sticky"), e.style.left = l + "px", r && e.classList.add("table-cell--has-shadow-right")), i && e.classList.add("table-cell--is-sticky-right", "table-cell--has-shadow-left"));
+    e.style.flex = Boolean(o) ? `0 0 ${o}` : "", !y() && (t.sticky && !i && (e.classList.add("table-cell--is-sticky"), e.style.left = l + "px", r && e.classList.add("table-cell--has-shadow-right")), i && e.classList.add("table-cell--is-sticky-right", "table-cell--has-shadow-left"));
   }
   applyColumnStyles(e, t) {
-    if (f())
+    if (y())
       return;
     const { leftOffsetForStickyColumn: s, isLastColumnSticky: l, hasShadowRight: o } = t;
     e.sticky && !l && (e.classList.add("table-column--is-sticky"), e.style.left = s + "px", o && e.classList.add("table-column--has-shadow-right")), l && e.classList.add("table-column--is-sticky-right", "table-column--has-shadow-left");
@@ -166,7 +166,7 @@ const L = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
     this.empty = !Boolean(e) || e.children.length === 0;
   }
   render() {
-    return a(_, { key: "cf46085c42fc52330c7ad24dcc40bdf72c4b5ba3" }, a("div", { key: "67e1bd0a9c0d82f82f1afe4e6d2518dd984917c4", class: "table" }, a("div", { key: "59c93db5f4533a395f2b5bd1a6b3ed94737667fc", class: "table__container", onScroll: this.onScroll, ref: (e) => this.container = e }, a("div", { key: "a26dd8a60dac974e908a77d96f6f9d97a5baf0c0", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && a("swirl-visually-hidden", { key: "2507e3df77ee9437e595b223cd8e77eb815d1cba" }, a("div", { key: "f962a7080f553c1522adae0f1e5d11f96be5a9e5", id: "caption" }, this.caption)), a("div", { key: "1a6d093a12d53f3f04a37ba6e5491f84d8be5c17", role: "rowgroup" }, a("div", { key: "5953ae1ebf1c76f9d3ba7bd8bdf6703ab69bf4ca", class: "table__header", role: "row" }, a("slot", { key: "cee176f91625a2e00158564cb357d812c6be805f", name: "columns", onSlotchange: this.onSlotChange }))), a("div", { key: "37a91fa0b369197d62db97ef5f8cfc0a0d17c11b", class: "table__body" }, a("slot", { key: "8c105e54684ed2648898f30485cdd02b83f45f87", name: "rows", onSlotchange: this.onSlotChange }), this.empty && a("div", { key: "737604b50f856b89d6713735808e9864653a53fe", class: "table__empty-row", role: "row" }, a("div", { key: "c0bb8145440523051fe52dc6e2904ff8d371ebdb", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, a("swirl-text", { key: "e867308fcc5c6ff412e85a853ebff2562f27613b", align: "center", size: "sm" }, this.emptyStateLabel))))))));
+    return a(_, { key: "ac0fc42900c1f03af56d4b3f51f5fa7c70d4ba72" }, a("div", { key: "98b05663bad511bac4cfcb977467de684e459492", class: "table" }, a("div", { key: "db76800f2f7c480ffe4b0c88da1007d92587999e", class: "table__container", onScroll: this.onScroll, ref: (e) => this.container = e }, a("div", { key: "98cc460a99b4b47d2a16fc93a3864c5613e5c57f", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && a("swirl-visually-hidden", { key: "4c3f6a7007c8b408b508c5d6deeba625785a6348" }, a("div", { key: "82cacba1c07834002a8c73db2caf6c17899e16c0", id: "caption" }, this.caption)), a("div", { key: "690ca5e86d175b6d7d6d3ff14b1449336bd3baf4", role: "rowgroup" }, a("div", { key: "ec0c9d643a8151ef1b151ea1d4db3b2025a6d913", class: "table__header", role: "row" }, a("slot", { key: "249b8f388b9bcbfece5af856f13606d68abf6b8d", name: "columns", onSlotchange: this.onSlotChange }))), a("div", { key: "aef3e65ad3bef5e68cc371817b45d44302825f7b", class: "table__body" }, a("slot", { key: "b7fd68bcb7e8497da85b2589b60302a730df4702", name: "rows", onSlotchange: this.onSlotChange }), this.empty && a("div", { key: "d2d2001f8f1fb77f342353de1a5a29650c1df0a7", class: "table__empty-row", role: "row" }, a("div", { key: "5bf80a7ac46bd87e644b2ea38c8908aeb60724fa", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, a("swirl-text", { key: "859308abc57281351264ed367511229a5716e3c4", align: "center", size: "sm" }, this.emptyStateLabel))))))));
   }
   get el() {
     return v(this);

package/dist/{swirl-tabs.entry.897391b6.js → swirl-tabs.entry.b4b04aa2.js}

@@ -1,5 +1,5 @@
-import { r as b, c as n, h as e, H as r, g as d } from "./index.bf166ea6.js";
-import { f as s } from "./utils-877a768f.c277f897.js";
+import { r as b, c as n, h as s, H as r, g as d } from "./index.eec3fb37.js";
+import { f as e } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
 const c = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}", h = c, l = class {
@@ -23,14 +23,14 @@ const c = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
     !Boolean(i) || (i.active = !0, this.tabActivated.emit(i), this.updateTabBarTabs());
   }
   activateNextTab() {
-    const t = this.tabs.findIndex((a) => a.tabId === this.activeTab), i = s(t + 1, this.tabs.length);
+    const t = this.tabs.findIndex((a) => a.tabId === this.activeTab), i = e(t + 1, this.tabs.length);
     this.activateTab(this.tabs[i].tabId), requestAnimationFrame(() => {
       var a;
       (a = this.el.querySelector(".tabs__tab--active")) == null || a.focus();
     });
   }
   activatePreviousTab() {
-    const t = this.tabs.findIndex((a) => a.tabId === this.activeTab), i = s(t - 1, this.tabs.length);
+    const t = this.tabs.findIndex((a) => a.tabId === this.activeTab), i = e(t - 1, this.tabs.length);
     this.activateTab(this.tabs[i].tabId), requestAnimationFrame(() => {
       var a;
       (a = this.el.querySelector(".tabs__tab--active")) == null || a.focus();
@@ -51,7 +51,7 @@ const c = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
     }));
   }
   render() {
-    return e(r, { key: "1e34d578f5e5fa3997583a5b085e6dcb7144bfeb" }, e("div", { key: "30c0d1183ea33c966ac09825b639dfe68ce9e89e", class: "tabs" }, e("swirl-tab-bar", { key: "9bba094f810302351aea3005dd985dfa4f0f4cbf", label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), e("slot", { key: "0036bc4dccd3aa87d69beb757187ea0d5c4b9c78" }));
+    return s(r, { key: "688e243951ab23e9678737c58220c25f2879796b" }, s("div", { key: "5cfc4d6bc4d868eeeb6abed3642df59a3b9c96ae", class: "tabs" }, s("swirl-tab-bar", { key: "360c4dc256606e21291b3ce4938fc84e10ff886d", label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), s("slot", { key: "f8672891a20bc1b627fa6f966472932d4d7a4698" }));
   }
   get el() {
     return d(this);

package/dist/{swirl-text-input.entry.f692b126.js → swirl-text-input.entry.1c41a0ba.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as d } from "./index.bf166ea6.js";
+import { r as h, c as n, h as i, H as d } from "./index.eec3fb37.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as x } from "./utils-877a768f.c277f897.js";
 import "react";

package/dist/{swirl-text.entry.5240e250.js → swirl-text.entry.555fb178.js}

@@ -1,4 +1,4 @@
-import { r as at, h as Y, H as lt, g as ct } from "./index.bf166ea6.js";
+import { r as at, h as Y, H as lt, g as ct } from "./index.eec3fb37.js";
 import { c as ht } from "./_commonjsHelpers-d20b9603.2d9b8855.js";
 import { c as dt } from "./index-267776a4.6beb4f4b.js";
 import "react";
@@ -286,7 +286,7 @@ const pt = ".sc-swirl-text-h{display:block;max-width:100%}.sc-swirl-text-h *.sc-
     }), o = {
       whiteSpace: a ? "nowrap" : this.whiteSpace
     };
-    return Y(lt, { key: "bf400674931ce8619bca89ce94de049937554be1" }, Y(l, { key: "89c58e30de25038993bdf0dd94428ca996e65859", class: r, ref: (c) => this.textEl = c, style: o }, Y("slot", { key: "44a831cf4fbab6c5b47a7258ae0b68c4b1ba2b6e" })));
+    return Y(lt, { key: "7cf2f2ea640acde9ae455c33ed94f96629a4cee9" }, Y(l, { key: "e0a5546c4bdee0e9f901a1378deeefce167977e1", class: r, ref: (c) => this.textEl = c, style: o }, Y("slot", { key: "96c959d69c0b4f457e3c804c655ab5d4afa6e8a3" })));
   }
   get el() {
     return ct(this);

package/dist/{swirl-theme-provider.entry.f75d75be.js → swirl-theme-provider.entry.19b7678b.js}

@@ -1,4 +1,4 @@
-import { r as m, c as a, h as o, H as d } from "./index.bf166ea6.js";
+import { r as m, c as a, h as o, H as d } from "./index.eec3fb37.js";
 import "react";
 import "react-dom";
 const l = ".sc-swirl-theme-provider-h{display:block}", c = l, i = "swirl-preferred-theme", g = class {
@@ -80,7 +80,7 @@ const l = ".sc-swirl-theme-provider-h{display:block}", c = l, i = "swirl-preferr
     }), this.setDesignTokens = [];
   }
   render() {
-    return o(d, { key: "6516e45faa098c34a9815579410d04e5d181a228" }, o("slot", { key: "f6e392d8c56eb8506cd759b1601dfbc976e43e28" }));
+    return o(d, { key: "0c89323210a5baff48c0cf250bb50f597fbccfbe" }, o("slot", { key: "aa20eab928c58e4ca4b5593346d2ae14b9ef0e4c" }));
   }
   static get watchers() {
     return {

package/dist/{swirl-time-input.entry.e12614f7.js → swirl-time-input.entry.275fe09c.js}

@@ -1,26 +1,26 @@
-import { r as c, c as u, h as a, H as p, g as m } from "./index.bf166ea6.js";
+import { r as c, c as d, h as a, H as p, g as m } from "./index.eec3fb37.js";
 import { c as f } from "./index-267776a4.6beb4f4b.js";
-import { p as r, i as o, f as d, m as v } from "./maska-c5119b9a.aa658697.js";
+import { p as r, i as o, f as l, m as v } from "./maska-c5119b9a.aa658697.js";
 import { g as w } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
 import "./_commonjsHelpers-d20b9603.2d9b8855.js";
-const b = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h *.sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input__input.sc-swirl-time-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}", g = b, l = "HH:mm:ss", k = class {
+const b = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h *.sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input__input.sc-swirl-time-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}", g = b, u = "HH:mm:ss", k = class {
   constructor(e) {
-    c(this, e), this.inputBlur = u(this, "inputBlur", 7), this.inputFocus = u(this, "inputFocus", 7), this.valueChange = u(this, "valueChange", 7), this.desktopMediaQuery = w(), this.desktopMediaQueryHandler = (i) => {
+    c(this, e), this.inputBlur = d(this, "inputBlur", 7), this.inputFocus = d(this, "inputFocus", 7), this.valueChange = d(this, "valueChange", 7), this.desktopMediaQuery = w(), this.desktopMediaQueryHandler = (i) => {
       this.updateIconSize(i.matches);
     }, this.onChange = (i) => {
       const t = i.target.value;
       let s;
       t === "" && (this.value = void 0, this.valueChange.emit(void 0));
       const n = r(t, this.format, new Date()), h = new RegExp(`^${this.format.replace(/[Hhms]/g, "\\d")}$`);
-      !Boolean(t.match(h)) || (o(n) ? s = d(n, l) : s = d(new Date(), l), this.value = s, this.valueChange.emit(s));
+      !Boolean(t.match(h)) || (o(n) ? s = l(n, u) : s = l(new Date(), u), this.value = s, this.valueChange.emit(s));
     }, this.onBlur = (i) => {
       this.inputBlur.emit(i);
       const t = i.target, s = r(t.value, this.format, new Date());
       if (!o(s) && Boolean(this.value)) {
-        const n = Boolean(this.value) ? r(this.value, l, new Date()) : void 0;
-        (!Boolean(n) || !o(n)) && (this.value = ""), t.value = d(n, this.format);
+        const n = Boolean(this.value) ? r(this.value, u, new Date()) : void 0;
+        (!Boolean(n) || !o(n)) && (this.value = ""), t.value = l(n, this.format);
       }
     }, this.onInput = (i) => {
       this.onChange(i);
@@ -59,10 +59,10 @@ const b = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     });
   }
   render() {
-    const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = Boolean(this.value) ? r(this.value, l, new Date()) : void 0, t = o(i) ? d(i, this.format) : void 0, s = f("time-input", {
+    const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = Boolean(this.value) ? r(this.value, u, new Date()) : void 0, t = o(i) ? l(i, this.format) : void 0, s = f("time-input", {
       "time-input--inline": this.inline
     });
-    return a(p, { key: "b9de641ecd62b2b701be62e17ca2f10d9ece98b7" }, a("div", { key: "f89b9d97a4bbbf8fe053761863336e965054bce0", class: s }, a("input", { key: "e7b4c002f4ee97ca3c5567a9c4d9ce0d26b1810d", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (n) => this.inputEl = n, required: this.required, type: "text", value: t }), a("span", { key: "2bdab6bfecd54decf6c6ecbd1a2679346215c61b", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "fcabff90dc41c35d4119bf68d64020c468e91057", size: this.iconSize }))));
+    return a(p, { key: "1c6b8b08c8c890245ce412f370bb2b78c53a6684" }, a("div", { key: "208d65696db4b5b1cb2a30d3a88e998aa3237c02", class: s }, a("input", { key: "e384ed51b2a4ae3899d3e4485a876745e05a838e", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (n) => this.inputEl = n, required: this.required, type: "text", value: t }), a("span", { key: "8a07959b7a6937a4785dbd5c369c714df1cb990a", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "9100b6c78073deb95eda58bab1ca3ebd7fb18fc3", size: this.iconSize }))));
   }
   get el() {
     return m(this);

package/dist/{swirl-toast-provider.entry.577dfcf2.js → swirl-toast-provider.entry.e1852387.js}

@@ -1,9 +1,9 @@
-import { r, h as o, H as e } from "./index.bf166ea6.js";
+import { r as e, h as a, H as r } from "./index.eec3fb37.js";
 import "react";
 import "react-dom";
-const c = class {
+const h = class {
   constructor(t) {
-    r(this, t), this.onDismiss = (s) => {
+    e(this, t), this.onDismiss = (s) => {
       this.toasts = [...this.toasts].filter((i) => i.toastId !== s.detail);
     }, this.globalDuration = void 0, this.toasts = [];
   }
@@ -14,7 +14,7 @@ const c = class {
     this.toasts = [...this.toasts].filter((s) => s.toastId !== t);
   }
   async toast(t) {
-    if (this.toasts.some((a) => a.toastId === t.toastId))
+    if (this.toasts.some((o) => o.toastId === t.toastId))
       return;
     let s = this.globalDuration;
     this.globalDuration === void 0 ? s = t.duration : this.globalDuration === 0 && (s = void 0);
@@ -27,12 +27,12 @@ const c = class {
     return this.toasts = [...this.toasts, i], i;
   }
   render() {
-    return o(e, { key: "e045177df7cff3172098cf31219edd163d887573", role: "status" }, o("swirl-stack", { key: "9d0d089b2e58e99cb3c73472d0051af3c5b87519", spacing: "12" }, this.toasts.map((t) => {
+    return a(r, { key: "29a12ee787470e3d5167ae13f8fd0c84da2d81ed", role: "status" }, a("swirl-stack", { key: "65533b090312d7f6d2f4e20e693c75d6ca985362", spacing: "12" }, this.toasts.map((t) => {
       const s = { ...t, content: void 0 };
-      return o("swirl-toast", { key: t.toastId, onDismiss: this.onDismiss, ...s }, t.content);
+      return a("swirl-toast", { key: t.toastId, onDismiss: this.onDismiss, ...s }, t.content);
     })));
   }
 };
 export {
-  c as swirl_toast_provider
+  h as swirl_toast_provider
 };

package/dist/{swirl-toast.entry.b222add7.js → swirl-toast.entry.0bcd531e.js}

@@ -1,11 +1,11 @@
-import { r as o, c as n, h as e, H as r } from "./index.bf166ea6.js";
-import { c } from "./index-267776a4.6beb4f4b.js";
-import { g as d } from "./utils-877a768f.c277f897.js";
+import { r as o, c as n, h as e, H as r } from "./index.eec3fb37.js";
+import { c as d } from "./index-267776a4.6beb4f4b.js";
+import { g as c } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
 const h = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;width:100%;max-width:28rem;padding:var(--s-space-16);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);box-shadow:var(--s-shadow-level-2)}.toast--intent-critical{background-color:var(--s-surface-critical-default)}.toast--intent-success{background-color:var(--s-surface-success-default)}.toast__icon{display:inline-flex;width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-right:0.625rem;flex-shrink:0}.toast__icon ::part(icon){color:var(--s-icon-on-status)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__icon{width:1.25rem;height:1.25rem;margin-top:0}}.toast__content{flex-grow:1;line-height:var(--s-line-height-base);text-align:left;align-self:flex-start}.toast__content ::part(link){color:var(--text-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.toast__dismiss-button{display:inline-flex;min-width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-left:var(--s-space-16);padding:0;flex-shrink:0;justify-content:center;align-items:center;border:none;color:var(--s-text-on-status);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);cursor:pointer}.toast__dismiss-button ::part(icon){color:var(--s-icon-on-status)}", l = h, m = class {
   constructor(s) {
-    o(this, s), this.dismiss = n(this, "dismiss", 7), this.desktopMediaQuery = d(), this.desktopMediaQueryHandler = (t) => {
+    o(this, s), this.dismiss = n(this, "dismiss", 7), this.desktopMediaQuery = c(), this.desktopMediaQueryHandler = (t) => {
       this.forceIconProps(t.matches);
     }, this.onDismiss = () => {
       this.dismiss.emit(this.toastId);
@@ -35,8 +35,8 @@ const h = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;
     !Boolean(this.timeout) || (clearTimeout(this.timeout), this.timeout = void 0);
   }
   render() {
-    const s = c("toast", `toast--intent-${this.intent}`);
-    return e(r, { key: "f13b7019f9fe5dd537f55e98c5f59a4608a11ba1" }, e("div", { key: "c92eea5154be70cc099ee18cb3b3caf389bd9d12", class: s }, this.icon && e("span", { key: "eaba6a7fdc594ed5922e1f73950fbd0a3c979b62", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), e("span", { key: "d051a303c25a2626f75e317e020d73f42c777122", class: "toast__content", innerHTML: this.content, part: "toast__content" }, e("slot", { key: "02ff7970aae6b760a6485fc303d768f94580c4d7" })), e("button", { key: "0f202582d613d7c6ba3e3eea079427aee99e34be", "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && e("swirl-icon-close", { key: "8741abe6c8b206d4bc4a3aa260a0a2a5b79fbe0f", ref: (t) => this.dismissIconEl = t }))));
+    const s = d("toast", `toast--intent-${this.intent}`);
+    return e(r, { key: "280d5d34ebaf76b0bd3b33b02c78ed3640de4ea4" }, e("div", { key: "4ea2c045680fbbc40984b3450eb7aef7d0d326fb", class: s }, this.icon && e("span", { key: "8d99261ffbe152eb3226bcca2016d485ef6f18af", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), e("span", { key: "9a9003bf3186f75010475c6872d891ffc884c1f4", class: "toast__content", innerHTML: this.content, part: "toast__content" }, e("slot", { key: "e124b4a2f81cfd83a2e9e43973aab6d755d5953b" })), e("button", { key: "f2208e156ecd27f963e0576d1c996d730424e905", "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && e("swirl-icon-close", { key: "e969f9969cd92f431b2d3352604dd0572d54d2b0", ref: (t) => this.dismissIconEl = t }))));
   }
   static get watchers() {
     return {

package/dist/{swirl-toggle-button.entry.992a0ca2.js → swirl-toggle-button.entry.7d0101dd.js}

@@ -1,18 +1,18 @@
-import { r, h as o } from "./index.bf166ea6.js";
-import { c as e } from "./index-267776a4.6beb4f4b.js";
+import { r as e, h as o } from "./index.eec3fb37.js";
+import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
 const s = ":host{display:inline-block}:host *{box-sizing:border-box}.button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-top-left-radius:var(--swirl-button-border-top-left-radius);border-top-right-radius:var(--swirl-button-border-top-right-radius);border-bottom-right-radius:var(--swirl-button-border-bottom-right-radius);border-bottom-left-radius:var(--swirl-button-border-bottom-left-radius);color:var(--s-text-default);background-color:var(--swirl-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer}.button:hover{background-color:var(--swirl-ghost-button-background-hovered)}.button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button:focus:not(:focus-visible){outline:none}.button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.button.button--pressed{background-color:var(--swirl-flat-button-background-default)}.button.button--pressed:hover{background-color:var(--swirl-flat-button-background-hovered)}.button.button--pressed:active{background-color:var(--swirl-flat-button-background-pressed)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.button__label{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}", i = s, n = class {
   constructor(t) {
-    r(this, t), this.onClick = () => {
+    e(this, t), this.onClick = () => {
       this.isPressed = !0;
     }, this.identifier = void 0, this.label = void 0, this.isPressed = !1;
   }
   render() {
-    const t = e("button", {
+    const t = r("button", {
       "button--pressed": this.isPressed
     });
-    return o("button", { key: "7dbc49d9f241d51464c0fe2d6699ff0d9853c686", class: t, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, o("span", { key: "9002b26a2451e798068d6f96342b63106bcc76b7", class: "button__label" }, this.label));
+    return o("button", { key: "6428213e5bb688dcd518892f5f619ce8b4b0f7b1", class: t, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, o("span", { key: "f213af72aca0a1b2cb934f61c9be176887f1d48d", class: "button__label" }, this.label));
   }
 };
 n.style = i;

package/dist/{swirl-toggle-group.entry.ec1c1e20.js → swirl-toggle-group.entry.04ba845a.js}

@@ -1,4 +1,4 @@
-import { r as g, c as i, h as o, g as r } from "./index.bf166ea6.js";
+import { r as g, c as i, h as o, g as r } from "./index.eec3fb37.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-block}:host *{box-sizing:border-box}.toggle-group{padding:var(--s-space-4);background-color:var(--s-surface-default);border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-1)}", n = l, d = class {
@@ -39,7 +39,7 @@ const l = ":host{display:inline-block}:host *{box-sizing:border-box}.toggle-grou
     });
   }
   render() {
-    return o("swirl-stack", { key: "e78c35d533c8ffc80650256f6fe78fdca0cf965b", class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "9fd3933a1826d847695b011f5d9cd7253824b0c0", onSlotchange: this.onSlotChange }));
+    return o("swirl-stack", { key: "bcc626996c6c4955fb5a3649b986d7c62a643cf5", class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "fc82133e88334d3248f4ee31cb235e71c5446721", onSlotchange: this.onSlotChange }));
   }
   get el() {
     return r(this);

package/dist/{swirl-toolbar.entry.16a693f1.js → swirl-toolbar.entry.185375cb.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as r, g as i } from "./index.bf166ea6.js";
+import { r as n, h as s, H as r, g as i } from "./index.eec3fb37.js";
 import { b as c } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
@@ -44,7 +44,7 @@ const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, d = class
     });
   }
   render() {
-    return s(r, { key: "0ecf4e7dbdddd65054c7bb330d65dd3b25db0c17" }, s("swirl-stack", { key: "5627a2705583a78d2160dea68313ec1006a4b1d4", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: !0 }, s("slot", { key: "030851de2134c50b17ca1d09d744f31d2b3f019f" })));
+    return s(r, { key: "e2561eda6698db369a4c97c1f35cf03a901d0bc4" }, s("swirl-stack", { key: "3f45d178282426e5ac027d4bb0c58ef505c116f9", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: !0 }, s("slot", { key: "545bd3669c2dab02e60dabe810bb21ee13319509" })));
   }
   get el() {
     return i(this);

package/dist/{swirl-tooltip.entry.da2fb34c.js → swirl-tooltip.entry.b36ce378.js}

@@ -1,5 +1,5 @@
-import { r as p, h as i, H as c, g as d } from "./index.bf166ea6.js";
-import { b as h, c as m, a as u, o as f, s as b, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
+import { r as p, h as i, H as h, g as c } from "./index.eec3fb37.js";
+import { b as d, c as m, a as u, o as f, s as b, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as y } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -14,7 +14,7 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
         return;
       const s = [
         ...this.options.middleware.filter((l) => l.name !== "arrow"),
-        h({ element: this.arrowElement, padding: 12 })
+        d({ element: this.arrowElement, padding: 12 })
       ];
       this.actualPosition = await m(t, this.popperEl, { ...this.options, middleware: s });
       const e = (n = this.actualPosition.middlewareData.arrow) == null ? void 0 : n.x, o = (r = this.actualPosition.middlewareData.arrow) == null ? void 0 : r.y;
@@ -70,17 +70,17 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
       "tooltip--active": this.active,
       "tooltip--visible": this.visible
     });
-    return i(c, { key: "ffc758691e7eb769d7c63a8d00cdd97fbd0fb88b", onKeydown: this.onKeydown }, i("span", { key: "d1fbfb04a0757fae672c0e2ed79d47aa79665834", class: a }, i("span", { key: "de2f233384b1cb66d9e09938d5b3a0b7d95c241d", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "87728d6c2818b7cf44bd11b64f8bac60334d00af" })), i("span", { key: "e5992fb02ce1cc73e7f82e6b666601c2f1890c75", class: "tooltip__popper", ref: (o) => this.popperEl = o, style: {
+    return i(h, { key: "1a482a32a49e394974acc0614eace76e337c7275", onKeydown: this.onKeydown }, i("span", { key: "9f73d78cc853308520291ee20b7624d6ec64bd5e", class: a }, i("span", { key: "ff7e20853f18c9b3851a028e385db1fd85841333", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "ee9be7d542982f7d14b07e3648f24a11da92780e" })), i("span", { key: "fdfa09ae65125350e555b73417dc77be82edda0f", class: "tooltip__popper", ref: (o) => this.popperEl = o, style: {
       top: Boolean(this.actualPosition) ? `${(s = this.actualPosition) == null ? void 0 : s.y}px` : "",
       left: Boolean(this.actualPosition) ? `${(e = this.actualPosition) == null ? void 0 : e.x}px` : "",
       position: this.positioning
-    } }, this.visible && i("span", { key: "1b433d578d60ee7f206e48caaba583ba1c51b1c7", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "de588b3f12fc2e4a07013d8c2b99c3c37cc3c864", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "de5b0812122f51cfd867731a5406e1443a9b8f05", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
+    } }, this.visible && i("span", { key: "a632b60342e4194bf6eefecf1f7887da300ea007", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "78d2b5c880e4ed314723acb1200e61cc9e284428", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "757859caef4234141415d572db53a7b98e1375da", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
       ...this.arrowStyles,
       visibility: this.visible ? "visible" : "hidden"
     } }))));
   }
   get el() {
-    return d(this);
+    return c(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-tree-navigation-item.entry.018e8eb7.js → swirl-tree-navigation-item.entry.e72dde02.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as o, g as d } from "./index.bf166ea6.js";
+import { r, c as s, h as e, H as d, g as o } from "./index.eec3fb37.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -49,15 +49,15 @@ const h = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.t
       "tree-navigation-item__link--active": this.active,
       "tree-navigation-item__link--has-icon": Boolean(this.icon)
     });
-    return e(o, { key: "736da02376f7c94d4dd47a60be58ca2a376164ac", role: "none" }, e("li", { key: "6c723c41caea052735e39a676ecd09cffbd0dc7c", class: {
+    return e(d, { key: "5f0a416341a790d9fca20539f5d461208e705f5b", role: "none" }, e("li", { key: "0d6030b2053a97e29d7b2aecdb6565954c5ac1e6", class: {
       "tree-navigation-item": !0,
       "tree-navigation-item--expanded": this.expanded
-    }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : void 0, "aria-level": this.level }, e(i, { key: "00a999bdf8c95c02547b9099f598d12306f47c45", onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: a, href: this.href, target: this.target, type: t ? void 0 : "button", id: this.buttonId, "aria-current": this.active ? "page" : void 0, "aria-controls": this.hasChildren ? this.childrenId : void 0, "aria-expanded": this.hasChildren ? this.expanded : void 0 }, e("span", { key: "d1310bb5b7f35a31761ce4b504f59bfa9389f42a", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "f15cdd0c5d9334a840fc9c80c2a91d8c809f047b", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "0438fdfa0f8925bffa40814dc131795c85aa582b", class: "tree-navigation-item__label" }, e("span", { key: "20530bcdcdb7bb75f9fb263658c6adfa4e94fac0", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "53f44b73c11f38a5ea79d421a2ca8873415d2f46", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "62a045a1a4b68fa9fd6a97b60f7b9702c416b4d2", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "f42374147aec35f9ee5e9b4aac949a5ce7e7e857", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "aecba874f56b67b1920482743131060bfdadb74d", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "af7e026a2a78010be560ebf77ee8b908416c7e32", class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (n) => this.childrenRef = n, style: {
+    }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : void 0, "aria-level": this.level }, e(i, { key: "55b3fb27f9ea4ce1c616d9c89c3916fefbb9cf60", onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: a, href: this.href, target: this.target, type: t ? void 0 : "button", id: this.buttonId, "aria-current": this.active ? "page" : void 0, "aria-controls": this.hasChildren ? this.childrenId : void 0, "aria-expanded": this.hasChildren ? this.expanded : void 0 }, e("span", { key: "0a5abb5af6684ae7dd2925b46bce486fbd282d5d", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "06462246f92fbb5aaba518f29ec55124a11f8e5b", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "aa76ebdf77411ecdf68fffd89c1fbeff2b1b9c90", class: "tree-navigation-item__label" }, e("span", { key: "bf75096a94dafcaa46fbe5687e1d9fe782b0d433", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "fcdc469239e493c2442f80d721fe3b928e89789f", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "f8e831812d44292e51477360c668546614d3182e", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "d5f8d165ea028c4ea0d174af39fd9d74a156823c", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "ef766b1eb82aced5a99d684de308d2a18eeebb66", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "a85dda318d7e3fb0942b08dabe2d4a62c2c87f5f", class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (n) => this.childrenRef = n, style: {
       height: this.childrenHeight
-    } }, e("slot", { key: "2d04a3db58107a0d69724785355bfc575e8f213d" }))));
+    } }, e("slot", { key: "070dab2c0784d7c67e4fcfeb1b13193064b5c92a" }))));
   }
   get el() {
-    return d(this);
+    return o(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-tree-navigation.entry.2bb573b2.js → swirl-tree-navigation.entry.21a31231.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as i } from "./index.bf166ea6.js";
+import { r as t, h as e, H as i } from "./index.eec3fb37.js";
 import "react";
 import "react-dom";
 const r = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}", s = r, o = class {
@@ -6,7 +6,7 @@ const r = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{ma
     t(this, a), this.label = void 0;
   }
   render() {
-    return e(i, { key: "59ac8ece7083364d946cce062ba35ab06d1df4cb" }, e("ul", { key: "73f71370d003bb0620fe7712c1d2ee922a75d8ef", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "75724b5255927ebe59bf59a11cc4e0eae6324b2a" })));
+    return e(i, { key: "ffd4c41211a96139f8efe5c3f4d5bff1d742009c" }, e("ul", { key: "bd63e4512ada05959d4fcd07eccc2353b2d00406", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "7516fe5e5737ffe4c20dd84f7ebaed74dfca1b7c" })));
   }
 };
 o.style = s;