@getflip/swirl-components-react 0.326.0 → 0.327.0

package/dist/{swirl-symbol.entry.c3c1d5b1.js → swirl-symbol.entry.a58d9649.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as t } from "./index.0cee1557.js";
+import { r as i, h as e, H as t } from "./index.c5f42b7b.js";
 import "react";
 import "react-dom";
 const r = ":host{display:inline-flex}", l = r, o = class {
@@ -7,7 +7,7 @@ const r = ":host{display:inline-flex}", l = r, o = class {
   }
   render() {
     const s = `swirl-symbol-${this.glyph}`;
-    return e(t, { key: "f6ac0be025e51d5f56ac325c686dbd5f39fed179" }, e(s, { key: "66c9e6a0a2b620b6c57e2b08e386c423fbdf9510", size: this.size }));
+    return e(t, { key: "f0843a05d8eff8a0ca7e04dfa374f385a7c49c70" }, e(s, { key: "2463c6693d0206492d01c8f2d2b860207324456e", size: this.size }));
   }
 };
 o.style = l;

package/dist/{swirl-tab-bar.entry.6889c35b.js → swirl-tab-bar.entry.29604f36.js}

@@ -1,4 +1,4 @@
-import { r as l, c as b, h as i, H as o, g as d } from "./index.0cee1557.js";
+import { r as l, c as b, h as e, H as o, g as d } from "./index.c5f42b7b.js";
 import { c as n } from "./index-267776a4.6beb4f4b.js";
 import { f as c } from "./utils-877a768f.c277f897.js";
 import "react";
@@ -18,8 +18,8 @@ const v = `.sc-swirl-tab-bar-h{display:flex;height:var(--swirl-tab-bar-height)}.
     });
   }
   focusAdjacentTab(r) {
-    const t = this.getTabs(), a = t.findIndex((s) => s.ariaSelected === "true"), e = c(r ? a - 1 : a + 1, t.length);
-    t[e].focus();
+    const t = this.getTabs(), a = t.findIndex((s) => s.ariaSelected === "true"), i = c(r ? a - 1 : a + 1, t.length);
+    t[i].focus();
   }
   getTabs() {
     return Array.from(this.el.querySelectorAll('[role="tab"]'));
@@ -34,18 +34,18 @@ const v = `.sc-swirl-tab-bar-h{display:flex;height:var(--swirl-tab-bar-height)}.
       paddingBlockEnd: Boolean(this.paddingBlockEnd) ? `var(--s-space-${this.paddingBlockEnd})` : void 0,
       paddingBlockStart: Boolean(this.paddingBlockStart) ? `var(--s-space-${this.paddingBlockStart})` : void 0
     };
-    return i(o, { key: "b2bda6690cfc678f33867b9c19463ded476792ad" }, i("div", { key: "e629f5aebcc6d2cc73b9bf772f0ad17cd5708953", "aria-label": this.label, class: r, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? void 0 : "tablist", style: t }, this.tabs.map((a) => {
-      const e = n("tab-bar__tab", {
+    return e(o, { key: "25e27d3a1c57a20c0fbeb70cf65b896f2db5835e" }, e("div", { key: "c3b762e26e2ab58ad71571b7ef774ce6c18f6c01", "aria-label": this.label, class: r, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? void 0 : "tablist", style: t }, this.tabs.map((a) => {
+      const i = n("tab-bar__tab", {
         "tab-bar__tab--active": a.active,
         "tab-bar__tab--variant-pill": this.variant === "pill",
         "tab-bar__tab--variant-default": this.variant === "default"
       }), s = n("tab-bar__tab-label", {
         "tab-bar__tab-label--variant-pill": this.variant === "pill"
       });
-      return i("button", {
+      return e("button", {
         "aria-controls": this.disableTabSemantics ? void 0 : a.id,
         "aria-selected": this.disableTabSemantics ? void 0 : a.active ? "true" : "false",
-        class: e,
+        class: i,
         id: `tab-${a.id}`,
         key: a.id,
         onClick: () => this.activateTab.emit(a.id),
@@ -53,7 +53,7 @@ const v = `.sc-swirl-tab-bar-h{display:flex;height:var(--swirl-tab-bar-height)}.
         role: this.disableTabSemantics ? void 0 : "tab",
         tabIndex: this.disableTabSemantics ? void 0 : a.active ? 0 : -1,
         type: "button"
-      }, a.icon && i("span", { class: "tab-bar__tab-icon", innerHTML: a.icon }), i("span", { class: s }, a.label));
+      }, a.icon && e("span", { class: "tab-bar__tab-icon", innerHTML: a.icon }), e("span", { class: s }, a.label));
     })));
   }
   get el() {

package/dist/swirl-tab.entry.af532d55.js

@@ -0,0 +1,17 @@
+import { r as a, h as s, H as e } from "./index.c5f42b7b.js";
+import { c as i } from "./index-267776a4.6beb4f4b.js";
+import "react";
+import "react-dom";
+const d = ":host{display:none;width:100%}:host(.tab--active){display:block}:host *{box-sizing:border-box}", n = d, b = class {
+  constructor(t) {
+    a(this, t), this.active = void 0, this.icon = void 0, this.label = void 0, this.padding = "8", this.tabId = void 0;
+  }
+  render() {
+    const t = i("tab", { "tab--active": this.active });
+    return s(e, { key: "bae08feb5111e759b30e0d5ba813dd8565001b04", "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: t, style: { padding: `var(--s-space-${this.padding})` } }, s("slot", { key: "fd773d5738cf26fea22a2e2c3ddf732721475285" }));
+  }
+};
+b.style = n;
+export {
+  b as swirl_tab
+};

package/dist/{swirl-table-cell.entry.e2fdffad.js → swirl-table-cell.entry.700a1669.js}

@@ -1,12 +1,12 @@
-import { r as t, h as s, H as a } from "./index.0cee1557.js";
+import { r as a, h as s, H as t } from "./index.c5f42b7b.js";
 import "react";
 import "react-dom";
 const l = ":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;transition:box-shadow 0.15s}:host(.table-cell--is-sticky){position:sticky;z-index:1}:host(.table-cell--is-sticky-right){position:sticky;z-index:1;right:0;overflow:hidden}:host(.table-cell--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-cell--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}", o = l, r = class {
   constructor(e) {
-    t(this, e);
+    a(this, e);
   }
   render() {
-    return s(a, { key: "3fe69fe014b7978dedf2601c9a0f24dd5704d11a", class: "table-cell", role: "cell" }, s("slot", { key: "3fe307907f490855ef8953a080f96713c068add6" }));
+    return s(t, { key: "8221148566046611858abaa09588a42b86cd9a7f", class: "table-cell", role: "cell" }, s("slot", { key: "0452bac3535680e10008cfbdfc0a053ecb683cee" }));
   }
 };
 r.style = o;

package/dist/{swirl-table-column.entry.c6059ba0.js → swirl-table-column.entry.6e1b26bf.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i, g as a } from "./index.0cee1557.js";
+import { r as t, h as s, H as i, g as a } from "./index.c5f42b7b.js";
 import { c as o } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
@@ -16,7 +16,7 @@ const r = ":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padd
       maxWidth: this.maxWidth || "",
       minWidth: this.minWidth || ""
     };
-    return s(i, { key: "be4172dfd7b6f82a9ac7a9fcaecdf2b8eefb1240", "aria-sort": this.sort, class: "table-column", role: "columnheader", style: e }, s("span", { key: "8023bfbae9a36cdc478b8c747e07eb96a42ffff3" }, s("slot", { key: "ca45e98fd3297184f837c3ef81448ac23d2e87a6" })), this.sortable && s("span", { key: "2f84ba7570d87d01c2691b0d9b258a043efddb83", class: "table-column__sort-indicator" }, this.sort === "ascending" && s("swirl-icon-arrow-upward", { key: "6b839c51dc26820ce249900757c3b2eb004a1de0", "aria-hidden": "true", size: 20 }), this.sort === "descending" && s("swirl-icon-arrow-downward", { key: "82c3231263c255e1ff2850f59a8bdf3e5beb4c99", "aria-hidden": "true", size: 20 }), !Boolean(this.sort) && " "));
+    return s(i, { key: "70f231961f80ebc0e23b643ca0b43942a6f62a84", "aria-sort": this.sort, class: "table-column", role: "columnheader", style: e }, s("span", { key: "8817ad3dd849eb111da48708fa849dfeff3627d6" }, s("slot", { key: "8dddbf88cc7fd6d4040eb3e46b46a3c94b524d0b" })), this.sortable && s("span", { key: "bc98f42f83b9c7b643802037f9e3d3c87bc9745a", class: "table-column__sort-indicator" }, this.sort === "ascending" && s("swirl-icon-arrow-upward", { key: "0d5f6ca4c4ca1f329d2847072fb2bd875c7df543", "aria-hidden": "true", size: 20 }), this.sort === "descending" && s("swirl-icon-arrow-downward", { key: "5e75ee4cf854b0583428d91f2aa1065e366468d3", "aria-hidden": "true", size: 20 }), !Boolean(this.sort) && " "));
   }
   get el() {
     return a(this);

package/dist/{swirl-table-row-group.entry.cc0bf4e7.js → swirl-table-row-group.entry.9d92dd72.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as l, g as a } from "./index.0cee1557.js";
+import { r as o, h as e, H as l, g as a } from "./index.c5f42b7b.js";
 import "react";
 import "react-dom";
 const r = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}:host(:hover),:host(:focus-within){z-index:2}.table-row-group__header-row{position:relative;z-index:var(--s-z-10);padding:var(--s-space-12) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-surface-raised-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);display:flex;align-items:center}.table-row-group__label{position:sticky;left:var(--s-space-16)}.table-row-group__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.table-row-group__tooltip-icon{color:var(--s-icon-default)}.table-row-group__collapse-icon{color:var(--s-icon-default);padding-right:var(--s-space-20)}.table-row-group__rows-container{display:contents;transition:height 0.3s ease-out}.table-row-group__rows-container.is-hidden{height:0}.sc-swirl-button-h{display:flex}", n = r, c = class {
@@ -20,10 +20,10 @@ const r = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:bo
   }
   render() {
     const i = this.el.querySelectorAll("swirl-table-row").length, t = this.isVisible ? "<swirl-icon-expand-less></swirl-icon-expand-less" : "<swirl-icon-expand-more></swirl-icon-expand-more";
-    return e(l, { key: "cdaf26a20bd780e5c316cd66dc68a9807f8a9e1c", class: "table-row-group", role: "rowgroup" }, e("div", { key: "7dc6930cf40f60602f451d42184823ccd335cfa5", class: "table-row-group__header-row", role: "row", ref: (s) => this.headerRowElement = s }, this.collapsible && e("swirl-button", { key: "d760db8c16b6d32dddaa3286cb0f4472d9a7cb78", class: "table-row-group__collapse-icon", icon: t, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: !0 }), e("span", { key: "8de0eda147af127fa5b4ea2d89999b81f50cc9ea", "aria-rowspan": i, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && e("span", { key: "6c50f4794a72f235c216dfd2952447a9e3c13bdf", class: "table-row-group__tooltip" }, e("swirl-tooltip", { key: "07e6c41bdee573bedd2adcf1ca8a9357b832e0d9", content: this.tooltip, position: "top", positioning: "fixed" }, e("swirl-icon-info", { key: "809ad7f8390c938cd5e537c1c255b04be18ece2e", size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" }))))), e("div", { key: "c4f8a22f999fe6000090224e104dfcbcdd0e5eb3", class: {
+    return e(l, { key: "f7ab193a5e442e5c126f47998c68ca299e0498f1", class: "table-row-group", role: "rowgroup" }, e("div", { key: "3ff862dd83573aa94ae6505e64cff07802af4ddb", class: "table-row-group__header-row", role: "row", ref: (s) => this.headerRowElement = s }, this.collapsible && e("swirl-button", { key: "f0fe8f92148ad26564af24d9c7021e62b2ff721c", class: "table-row-group__collapse-icon", icon: t, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: !0 }), e("span", { key: "c1b6d9b1bfe33cdc4c4000450d980d88ec15bba9", "aria-rowspan": i, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && e("span", { key: "f7a6e65f61d0638d6e25d628016551e3882ccd43", class: "table-row-group__tooltip" }, e("swirl-tooltip", { key: "a24fcfb3f6f21b9fdfdf170d2002f824298dbfa2", content: this.tooltip, position: "top", positioning: "fixed" }, e("swirl-icon-info", { key: "017b707febd65c04c76fe580cd7140af9cb5029e", size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" }))))), e("div", { key: "cdf717275ad3fd3d8ebc06c61e0a002b6ea30b0d", class: {
       "table-row-group__rows-container": !0,
       "table-row-group__rows-container--is-hidden": this.isVisible
-    }, "aria-hidden": !this.isVisible, ref: (s) => this.tableRowElements = s }, e("slot", { key: "0a615b88d61809c8b2b9436de421787e8e13eeab" })));
+    }, "aria-hidden": !this.isVisible, ref: (s) => this.tableRowElements = s }, e("slot", { key: "55129c4a6ee699a0314b8726a8c8aace5bb1644c" })));
   }
   get el() {
     return a(this);

package/dist/{swirl-table-row.entry.d67925e5.js → swirl-table-row.entry.6385a07c.js}

@@ -1,4 +1,4 @@
-import { r as o, h as t, H as r, g as s } from "./index.0cee1557.js";
+import { r as o, h as t, H as r, g as s } from "./index.c5f42b7b.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import { c as a } from "./utils-877a768f.c277f897.js";
 import "react";
@@ -15,7 +15,7 @@ const i = ":host{display:flex}:host(.table-row--highlighted){--swirl-ghost-butto
     const e = l("table-row", {
       "table-row--highlighted": this.highlighted
     });
-    return t(r, { key: "ec85382eb14d296dabbf35c7e41fe34578e16ca1", "aria-rowindex": this.index, class: e, role: "row" }, t("slot", { key: "c4d964bf30a9f7f930e38190a48cba8b24232aee" }));
+    return t(r, { key: "2e9ea8a976771e38a4fda402204056f0240d299c", "aria-rowindex": this.index, class: e, role: "row" }, t("slot", { key: "72e44ecffa2225831022305ccad6c15be5b6250c" }));
   }
   get el() {
     return s(this);

package/dist/{swirl-table.entry.82d1c61c.js → swirl-table.entry.77b2dcd6.js}

@@ -1,4 +1,4 @@
-import { r as v, c as C, h as a, H as D, g as S } from "./index.0cee1557.js";
+import { r as v, c as C, h as a, H as D, g as S } from "./index.c5f42b7b.js";
 import { c as x } from "./index-267776a4.6beb4f4b.js";
 import { S as _ } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { d as R, i as p, q as k } from "./utils-877a768f.c277f897.js";
@@ -7,15 +7,15 @@ import "react-dom";
 var L = function(t) {
   var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, o = void 0, s = void 0, n = void 0, l = [];
   return function() {
-    var f = O(r), b = new Date().getTime(), m = !o || b - o > f;
-    o = b;
+    var b = O(r), f = new Date().getTime(), m = !o || f - o > b;
+    o = f;
     for (var g = arguments.length, d = Array(g), c = 0; c < g; c++)
       d[c] = arguments[c];
     if (m && i.leading)
       return i.accumulate ? Promise.resolve(t.call(this, [d])).then(function(u) {
         return u[0];
       }) : Promise.resolve(t.call.apply(t, [this].concat(d)));
-    if (s ? clearTimeout(n) : s = T(), l.push(d), n = setTimeout(y.bind(this), f), i.accumulate) {
+    if (s ? clearTimeout(n) : s = T(), l.push(d), n = setTimeout(y.bind(this), b), i.accumulate) {
       var w = l.length - 1;
       return s.promise.then(function(u) {
         return u[w];
@@ -289,7 +289,7 @@ const A = `.sc-swirl-table-h{position:relative;display:block}.sc-swirl-table-h *
     const e = x("table", {
       "table--keyboard-move": this.movingViaKeyboard
     });
-    return a(D, { key: "06e4c1b14c85f8087eff6c4c17b57b4151d2da27" }, a("div", { key: "0fa9a677c268ebb92b3d7becf1f53b52b0a4ff33", class: e }, this.enableDragDrop && a("swirl-visually-hidden", { key: "ec7fa3d2a112dd55c5a051105625f2b25a2afee9" }, a("span", { key: "3a320a8fa201510cc12496ef083c2141c68ae3f6", "aria-live": "assertive" }, this.liveRegionText)), a("div", { key: "af6ae8d224182cdd082932fd881fe0e795d0f973", class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (t) => this.container = t, tabIndex: -1 }, a("div", { key: "4228435aadc21ce48de348c8d7bd48e808105124", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && a("swirl-visually-hidden", { key: "be36a39145637066fd362d07f27a3886d896159b" }, a("div", { key: "e580026d98bcd20aeeb9316c5a264186184f6a40", id: "caption" }, this.caption)), a("div", { key: "699109dccaf98aadb7f0279c5f0964ab38a1c05f", role: "rowgroup" }, a("div", { key: "b981c5a0ead32416480a1ecc0e77fa097ccd81f0", class: "table__header", role: "row" }, a("slot", { key: "0a2f315e8ffca378e6597fa9a168d18277e3bbc8", name: "columns", onSlotchange: this.onSlotChange }))), a("div", { key: "89461021eb6ed43feadd275d62dfd5fcc1c009db", class: "table__body", ref: (t) => this.bodyEl = t }, a("slot", { key: "9a4103790373c423fca54fc8f101b0e9818cc211", name: "rows", onSlotchange: this.onSlotChange }), this.empty && a("div", { key: "1de4404351aaed5527d6e622673071fcdca81736", class: "table__empty-row", role: "row" }, a("div", { key: "8f6e316b6a22c2c81f2ef4cfa804e3c8cfb3ee48", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, a("swirl-text", { key: "402ff27d0e0f7b8c773470b160a1e82fb7246d38", align: "center", size: "sm" }, this.emptyStateLabel))))))));
+    return a(D, { key: "e5625a5599994aa49cde89dd4b3089c4e4be70ee" }, a("div", { key: "9a3782be9fd19433e40d177c72538812a02fee96", class: e }, this.enableDragDrop && a("swirl-visually-hidden", { key: "5b09498b3b83ecc365e6cf34d611dc725e0c9380" }, a("span", { key: "1c8669d438082e37a98461cbe3a891cad28b16c8", "aria-live": "assertive" }, this.liveRegionText)), a("div", { key: "0254ab703e36e344ed718692b24b7181a35c1662", class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (t) => this.container = t, tabIndex: -1 }, a("div", { key: "8bea0a0edaab0f359da5056066eeb2de2d0bd6c1", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && a("swirl-visually-hidden", { key: "90c368641f8d29ea1e55c8c5a74148c9c86f7dc6" }, a("div", { key: "717e06879bc83642ebce452e49a61a1ab0102be8", id: "caption" }, this.caption)), a("div", { key: "63cc6bc50f68ca4d0aca3d28fd4c7afcbe320977", role: "rowgroup" }, a("div", { key: "25114fb05a16198cc5a387149df3ca46e2afa93e", class: "table__header", role: "row" }, a("slot", { key: "f25129b8a5c49919c18e24b92e08535113659a2a", name: "columns", onSlotchange: this.onSlotChange }))), a("div", { key: "e74840547f0f891959efe8c651c7589fa5a84596", class: "table__body", ref: (t) => this.bodyEl = t }, a("slot", { key: "4ae4f10734e2a31225ccde5d07a234355bf37d30", name: "rows", onSlotchange: this.onSlotChange }), this.empty && a("div", { key: "58b5e36698de1e9e9fd36e8dd0d247976d8dbdb0", class: "table__empty-row", role: "row" }, a("div", { key: "33f8e6b1c6d48dff5d0cef521f704493f9d85e7b", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, a("swirl-text", { key: "c854a3ac132935900c6150e0d90f5e1990989532", align: "center", size: "sm" }, this.emptyStateLabel))))))));
   }
   get el() {
     return S(this);

package/dist/{swirl-tabs.entry.59d42479.js → swirl-tabs.entry.2e392c8e.js}

@@ -1,4 +1,4 @@
-import { r as b, c as n, h as s, H as d, g as r } from "./index.0cee1557.js";
+import { r as b, c as n, h as s, H as r, g as d } from "./index.c5f42b7b.js";
 import { f as e } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
@@ -51,10 +51,10 @@ const c = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
     }));
   }
   render() {
-    return s(d, { key: "7452164d90f9a6cedf522a5b56059d201feed7a5" }, s("div", { key: "0583fe2822576f803cc175dbd7b4b0ba0a3b4296", class: "tabs" }, s("swirl-tab-bar", { key: "2d6ae5d6d7b982e342c5fb0d8413e6643a423763", 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: "021aa9a7dcc28f561b68d5e81dc922c5f91c3dd1" }));
+    return s(r, { key: "45f709e77c8b50259f0f1c375ecb694645736a95" }, s("div", { key: "d3efbc39bd656d84b59d1f838e2d256b2eec7e24", class: "tabs" }, s("swirl-tab-bar", { key: "9bbf1e0b40b602960861a4595a74c7aa56b0f1c4", 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: "d439ff2abc546085de4584e0890f6cf84b22c25e" }));
   }
   get el() {
-    return r(this);
+    return d(this);
   }
 };
 l.style = h;

package/dist/{swirl-text-input.entry.cf6237c2.js → swirl-text-input.entry.9df67068.js}

@@ -1,9 +1,9 @@
-import { r as h, c as n, h as i, H as d } from "./index.0cee1557.js";
+import { r as h, c as n, h as i, H as d } from "./index.c5f42b7b.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as x } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
-const w = '.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-h *.sc-swirl-text-input{box-sizing:border-box}.text-input.sc-swirl-text-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm);cursor:text}.text-input--auto-grow.sc-swirl-text-input .text-input__input.sc-swirl-text-input{max-height:none}.text-input--clearable.sc-swirl-text-input,.text-input--type-number.sc-swirl-text-input,.text-input--type-password.sc-swirl-text-input{padding-right:calc(1.5rem + var(--s-space-8))}.text-input--show-password.sc-swirl-text-input .text-input__input.sc-swirl-text-input{width:100%}.text-input--disabled.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{color:var(--s-text-disabled)}.text-input--font-size-sm.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--font-size-sm.sc-swirl-text-input .text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input--font-size-base.sc-swirl-text-input{--swirl-text-input-placeholder-size:var(--s-font-size-base);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--font-size-base.sc-swirl-text-input .text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.text-input--has-suffix.sc-swirl-text-input input.text-input__input.sc-swirl-text-input:not([type="password"]){width:0.25rem;min-width:0.25rem}.text-input--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{top:calc(-1 * var(--s-space-8));right:calc(-1 * var(--s-space-12))}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{top:calc(-1 * var(--s-space-8));right:calc(-1 * var(--s-space-12))}}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input{width:2rem;height:1.125rem;justify-content:center;background-color:var(--s-surface-raised-default)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:first-of-type{border-top-right-radius:var(--s-border-radius-sm)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:last-of-type{border-bottom-right-radius:var(--s-border-radius-sm)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:hover{background-color:var(--s-surface-raised-hovered)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input swirl-icon-expand-less.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input swirl-icon-expand-more.sc-swirl-text-input{width:1rem}.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:0}}.text-input--inline.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{top:calc(100% + var(--s-space-12) + var(--s-border-width-default));right:calc(-1 * var(--s-space-12));max-width:6rem}.text-input__input.sc-swirl-text-input{display:inline-flex;width:100%;max-height:13.75rem;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);resize:none;caret-color:var(--s-border-highlight)}.text-input__input.sc-swirl-text-input:focus{outline:none}.text-input__input.sc-swirl-text-input:disabled{color:var(--s-text-disabled);background-color:transparent}.text-input__input.sc-swirl-text-input::-webkit-outer-spin-button,.text-input__input.sc-swirl-text-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.text-input__input[type="number"].sc-swirl-text-input{-moz-appearance:textfield}.text-input__input.sc-swirl-text-input::-moz-placeholder{font-size:var(--swirl-text-input-placeholder-size)}.text-input__input.sc-swirl-text-input::placeholder{font-size:var(--swirl-text-input-placeholder-size)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input--disable-dynamic-width.sc-swirl-text-input input.text-input__input.sc-swirl-text-input:not([type="password"]){width:100%;min-width:0}.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-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;cursor:pointer}.text-input__clear-button.sc-swirl-text-input:focus:not(:focus-visible),.text-input__password-toggle.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__clear-button.sc-swirl-text-input:focus-visible,.text-input__password-toggle.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-input{top:-0.625rem}}.text-input__stepper.sc-swirl-text-input{position:absolute;top:-1.4375rem;right:0;display:flex;flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__stepper.sc-swirl-text-input{top:-1.25rem}}.text-input__step-button.sc-swirl-text-input{display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.text-input__step-button.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__step-button.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}.text-input__character-counter.sc-swirl-text-input{position:absolute;top:-1.375rem;right:0;display:flex;color:var(--s-text-subdued);line-height:var(--s-line-height-sm);flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__character-counter.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input__prefix.sc-swirl-text-input{padding-right:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}.text-input__suffix.sc-swirl-text-input{padding-left:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}', b = w, f = class {
+const w = '.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-h *.sc-swirl-text-input{box-sizing:border-box}.text-input.sc-swirl-text-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm);cursor:text}.text-input--auto-grow.sc-swirl-text-input .text-input__input.sc-swirl-text-input{max-height:none}.text-input--clearable.sc-swirl-text-input,.text-input--type-number.sc-swirl-text-input,.text-input--type-password.sc-swirl-text-input{padding-right:calc(1.5rem + var(--s-space-8))}.text-input--show-password.sc-swirl-text-input .text-input__input.sc-swirl-text-input{width:100%}.text-input--disabled.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{color:var(--s-text-disabled)}.text-input--font-size-sm.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--font-size-sm.sc-swirl-text-input .text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input--font-size-base.sc-swirl-text-input{--swirl-text-input-placeholder-size:var(--s-font-size-base);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--font-size-base.sc-swirl-text-input .text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.text-input--has-suffix.sc-swirl-text-input input.text-input__input.sc-swirl-text-input:not([type="password"]){width:0.25rem;min-width:0.25rem}.text-input--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{top:calc(-1 * var(--s-space-8));right:calc(-1 * var(--s-space-12))}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{top:calc(-1 * var(--s-space-8));right:calc(-1 * var(--s-space-12))}}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input{width:2rem;height:1.125rem;justify-content:center;background-color:var(--s-surface-raised-default)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:first-of-type{border-top-right-radius:var(--s-border-radius-sm)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:last-of-type{border-bottom-right-radius:var(--s-border-radius-sm)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:hover{background-color:var(--s-surface-raised-hovered)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input swirl-icon-expand-less.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input swirl-icon-expand-more.sc-swirl-text-input{width:1rem}.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:0}}.text-input--inline.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{top:calc(100% + var(--s-space-12) + var(--s-border-width-default));right:calc(-1 * var(--s-space-12));max-width:6rem}.text-input__input.sc-swirl-text-input{display:inline-flex;width:100%;max-height:13.75rem;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);resize:none;caret-color:var(--s-border-highlight)}.text-input__input.sc-swirl-text-input:focus{outline:none}.text-input__input.sc-swirl-text-input:disabled{color:var(--s-text-disabled);background-color:transparent}.text-input__input.sc-swirl-text-input::-webkit-outer-spin-button,.text-input__input.sc-swirl-text-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.text-input__input[type="number"].sc-swirl-text-input{-moz-appearance:textfield}.text-input__input.sc-swirl-text-input::-moz-placeholder{font-size:var(--swirl-text-input-placeholder-size)}.text-input__input.sc-swirl-text-input::placeholder{font-size:var(--swirl-text-input-placeholder-size)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input--disable-dynamic-width.sc-swirl-text-input input.text-input__input.sc-swirl-text-input:not([type="password"]){width:100%;min-width:0}.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-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;cursor:pointer}.text-input__clear-button.sc-swirl-text-input:focus:not(:focus-visible),.text-input__password-toggle.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__clear-button.sc-swirl-text-input:focus-visible,.text-input__password-toggle.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-input{top:-0.625rem}}.text-input__stepper.sc-swirl-text-input{position:absolute;top:-1.4375rem;right:0;display:flex;flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__stepper.sc-swirl-text-input{top:-1.25rem}}.text-input__step-button.sc-swirl-text-input{display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.text-input__step-button.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__step-button.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}.text-input__character-counter.sc-swirl-text-input{position:absolute;top:-1.375rem;right:0;display:flex;color:var(--s-text-subdued);line-height:var(--s-line-height-sm);flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__character-counter.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input__prefix.sc-swirl-text-input{padding-right:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}.text-input__suffix.sc-swirl-text-input{padding-left:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}', f = w, b = class {
   constructor(e) {
     h(this, e), this.inputBlur = n(this, "inputBlur", 7), this.inputFocus = n(this, "inputFocus", 7), this.valueChange = n(this, "valueChange", 7), this.desktopMediaQuery = x(), this.desktopMediaQueryHandler = (t) => {
       this.updateIconSize(t.matches);
@@ -34,7 +34,7 @@ const w = '.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-
       isNaN(this.inputEl.valueAsNumber) && (s = this.min !== void 0 ? this.min - 1 : -1), this.value = String(Math.min(this.max || 1 / 0, s + t)), this.valueChange.emit(this.value);
     }, this.togglePassword = () => {
       this.type === "password" && (this.showPassword = !this.showPassword);
-    }, this.autoComplete = "on", this.autoFocus = void 0, this.autoGrow = void 0, this.autoSelect = void 0, this.clearable = void 0, this.clearButtonLabel = "Clear input", this.disabled = void 0, this.disableDynamicWidth = void 0, this.fontSize = "default", this.inline = void 0, this.invalid = void 0, this.maxLength = void 0, this.max = void 0, this.min = void 0, this.mode = void 0, this.inputName = void 0, this.passwordToggleLabel = "Toggle password display", this.placeholder = void 0, this.prefixLabel = void 0, this.required = void 0, this.rows = 1, this.showCharacterCounter = void 0, this.spellCheck = void 0, this.suffixLabel = void 0, this.step = void 0, this.swirlAriaAutocomplete = void 0, this.swirlAriaControls = void 0, this.swirlAriaDescribedby = void 0, this.swirlAriaExpanded = void 0, this.swirlRole = void 0, this.type = "text", this.value = void 0, this.iconSize = 24, this.showPassword = !1;
+    }, this.autoComplete = "on", this.autoFocus = void 0, this.autoGrow = void 0, this.autoSelect = void 0, this.characterCounterLabel = "Used characters", this.clearable = void 0, this.clearButtonLabel = "Clear input", this.disabled = void 0, this.disableDynamicWidth = void 0, this.fontSize = "default", this.inline = void 0, this.invalid = void 0, this.maxLength = void 0, this.max = void 0, this.min = void 0, this.mode = void 0, this.inputName = void 0, this.passwordToggleLabel = "Toggle password display", this.placeholder = void 0, this.prefixLabel = void 0, this.required = void 0, this.rows = 1, this.showCharacterCounter = void 0, this.spellCheck = void 0, this.suffixLabel = void 0, this.step = void 0, this.swirlAriaAutocomplete = void 0, this.swirlAriaControls = void 0, this.swirlAriaDescribedby = void 0, this.swirlAriaExpanded = void 0, this.swirlRole = void 0, this.type = "text", this.value = void 0, this.iconSize = 24, this.showPassword = !1;
   }
   componentDidLoad() {
     this.updateIconSize(this.desktopMediaQuery.matches), this.desktopMediaQuery.addEventListener("change", this.desktopMediaQueryHandler), this.autoFocus && setTimeout(() => {
@@ -77,7 +77,7 @@ const w = '.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-
       "text-input--inline": this.inline,
       "text-input--show-password": this.type === "password" && this.showPassword
     });
-    return i(d, { key: "3edc8d70a80cf16de6465fd52d9d7edf983b460a" }, i("div", { key: "ba5fe8eac53b507395100b6333dc9ea803aad5ba", class: o }, this.prefixLabel && i("span", { key: "66482b8599b93da4b4169d6b88583231d2c62b86", class: "text-input__prefix" }, this.prefixLabel), i(e, { key: "83d0ab76defde133a45e52819b3057c99c583dd8", "aria-autocomplete": this.swirlAriaAutocomplete, "aria-controls": this.swirlAriaControls, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-invalid": t, autoComplete: this.autoComplete, autoFocus: this.autoFocus, class: "text-input__input", disabled: this.disabled, inputMode: this.mode, maxLength: this.maxLength, max: this.type === "number" ? this.max : void 0, min: this.type === "number" ? this.min : void 0, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyPress: this.onKeyPress, placeholder: Boolean(this.suffixLabel) ? void 0 : this.placeholder, ref: (p) => this.inputEl = p, required: this.required, role: this.swirlRole, name: this.inputName, rows: this.rows > 1 ? this.rows : this.autoGrow ? 1 : void 0, spellcheck: this.spellCheck, step: this.type === "number" ? this.step : void 0, type: l, value: this.value }, this.rows > 1 && this.value), this.suffixLabel && i("span", { key: "9aee718bfeb28d7954654382b95ac2e22af0b0f2", class: "text-input__suffix" }, this.suffixLabel), u && i("button", { key: "a37f8aa0bb18118b04d89b669a713236bcc1d5a0", "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, i("swirl-icon-cancel", { key: "3bec16e0c57ff7985f0977b582866bc760221d46", size: this.iconSize })), a && i("button", { key: "4365e0853a72a081729957b3d959582527b7b5d5", "aria-label": this.passwordToggleLabel, class: "text-input__password-toggle", onClick: this.togglePassword, type: "button" }, this.showPassword ? i("swirl-icon-visibility-off", { size: this.iconSize }) : i("swirl-icon-visibility", { size: this.iconSize })), s && i("span", { key: "b0cc92e6baa711d2392af993d2b7042ccca99870", class: "text-input__stepper" }, i("button", { key: "8ea6a3c179d6c89c9f548651cf22db97ea93982d", "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-less", { key: "d8c39b731368868d3bd90f3bafc5965ba293a0b1", size: this.iconSize })), i("button", { key: "ba7af221e7b0100062c4e5299f9cfb436be37c4c", "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-more", { key: "bcf40411b9947f0b5b3bfb1f60a383b208adaea5", size: this.iconSize }))), this.showCharacterCounter && i("span", { key: "15021626928e1240ad4898070e584bdca420013a", class: "text-input__character-counter" }, ((r = this.value) == null ? void 0 : r.length) || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")));
+    return i(d, { key: "c88e6bd426c87abc2e5aa4a6a67b92a33705c737" }, i("div", { key: "88e1c2cdf842a603bb81ca75abe0869c6b321e95", class: o }, this.prefixLabel && i("span", { key: "6bc23160f6d688b9cb245d6089e129cf350f9533", class: "text-input__prefix" }, this.prefixLabel), i(e, { key: "880004143dd812f6af0f74fe9a7fa0d4ccd231fd", "aria-autocomplete": this.swirlAriaAutocomplete, "aria-controls": this.swirlAriaControls, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-invalid": t, autoComplete: this.autoComplete, autoFocus: this.autoFocus, class: "text-input__input", disabled: this.disabled, inputMode: this.mode, maxLength: this.maxLength, max: this.type === "number" ? this.max : void 0, min: this.type === "number" ? this.min : void 0, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyPress: this.onKeyPress, placeholder: Boolean(this.suffixLabel) ? void 0 : this.placeholder, ref: (p) => this.inputEl = p, required: this.required, role: this.swirlRole, name: this.inputName, rows: this.rows > 1 ? this.rows : this.autoGrow ? 1 : void 0, spellcheck: this.spellCheck, step: this.type === "number" ? this.step : void 0, type: l, value: this.value }, this.rows > 1 && this.value), this.suffixLabel && i("span", { key: "e4bece6d11b65ccddb4e73b330bb7a98203553ad", class: "text-input__suffix" }, this.suffixLabel), u && i("button", { key: "209d064d58f71f255181a8b4c8277e94d7fc6840", "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, i("swirl-icon-cancel", { key: "2c10978eb66b7c9e05b194d51ff540b1774cdde7", size: this.iconSize })), a && i("button", { key: "7d14538e3f4816f0230de3178fe8d5857b541cd2", "aria-label": this.passwordToggleLabel, class: "text-input__password-toggle", onClick: this.togglePassword, type: "button" }, this.showPassword ? i("swirl-icon-visibility-off", { size: this.iconSize }) : i("swirl-icon-visibility", { size: this.iconSize })), s && i("span", { key: "dfcabad170b5312132722cd18e3894bdda4dabee", class: "text-input__stepper" }, i("button", { key: "29fe802c07d61744a0a2411dde31ace11332c90c", "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-less", { key: "629dbfef2caf408b3b34ddcfe3beb8305ff14dd8", size: this.iconSize })), i("button", { key: "41f995a4aff79d37d77bc67ceab02da7acbf2841", "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-more", { key: "57101c11f11133c49f1bb422e0d78fd0701e92dd", size: this.iconSize }))), this.showCharacterCounter && i("span", { key: "e0e9b2a54e8d264529c213e5fe5cc225d7829353", class: "text-input__character-counter", "aria-live": "polite" }, i("swirl-visually-hidden", { key: "21f37a30db4fdc8ffd032e8fee392a2e90f41cc4" }, this.characterCounterLabel), ((r = this.value) == null ? void 0 : r.length) || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")));
   }
   static get watchers() {
     return {
@@ -85,7 +85,7 @@ const w = '.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-
     };
   }
 };
-f.style = b;
+b.style = f;
 export {
-  f as swirl_text_input
+  b as swirl_text_input
 };

package/dist/{swirl-text.entry.4fd9474f.js → swirl-text.entry.e33c72c8.js}

@@ -1,4 +1,4 @@
-import { r as at, h as Y, H as lt, g as ct } from "./index.0cee1557.js";
+import { r as at, h as Y, H as lt, g as ct } from "./index.c5f42b7b.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: "fcf86b63f5415e82340941373071de1d3d500667" }, Y(l, { key: "38b4bbdcc3002509bebcaae494897666729425cf", class: r, ref: (c) => this.textEl = c, style: o }, Y("slot", { key: "c58d26bb8f1fc6365bdb74e378ed37a2c9adf5d0" })));
+    return Y(lt, { key: "822bd6e9f4c819eb8b129830d4c06fd5d1bce2ce" }, Y(l, { key: "2135b841568ff3302aef6911ffd9eaf182492bbc", class: r, ref: (c) => this.textEl = c, style: o }, Y("slot", { key: "84dbd1c071ce8545defb00bf6c182ce659bfd36f" })));
   }
   get el() {
     return ct(this);

package/dist/{swirl-theme-provider.entry.02e8090f.js → swirl-theme-provider.entry.51c0faca.js}

@@ -1,4 +1,4 @@
-import { r as m, c as a, h as o, H as d } from "./index.0cee1557.js";
+import { r as m, c as a, h as o, H as d } from "./index.c5f42b7b.js";
 import "react";
 import "react-dom";
 const l = ".sc-swirl-theme-provider-h{display:unset}", c = l, i = "swirl-preferred-theme", g = class {
@@ -80,7 +80,7 @@ const l = ".sc-swirl-theme-provider-h{display:unset}", c = l, i = "swirl-preferr
     }), this.setDesignTokens = [];
   }
   render() {
-    return o(d, { key: "db982cb09fcded4777d5964e7300aa31d1b6019e" }, o("slot", { key: "8aaed653f6aa88a2978867717bc089749e737409" }));
+    return o(d, { key: "74e5a753afe95770a399b71c34880bf06b80599f" }, o("slot", { key: "7b77b4de4f4bc16394acc0ad65b8517377dc00fe" }));
   }
   static get watchers() {
     return {

package/dist/{swirl-time-input.entry.19d474fb.js → swirl-time-input.entry.a9c4530a.js}

@@ -1,11 +1,11 @@
-import { r as c, c as u, h as a, H as p, g as m } from "./index.0cee1557.js";
+import { r as c, c as u, h as a, H as p, g as m } from "./index.c5f42b7b.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 { g as w } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
 import "./_commonjsHelpers-d20b9603.2d9b8855.js";
-const g = ".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}}", b = g, 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, l = "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) => {
       this.updateIconSize(i.matches);
@@ -62,7 +62,7 @@ const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     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", {
       "time-input--inline": this.inline
     });
-    return a(p, { key: "900afc8090ce0fd88d83a264adaee5fc4cfc2d51" }, a("div", { key: "8732b5e089da44001fde6938d8b3d5ff6658e819", class: s }, a("input", { key: "771c65e387b8bb59633411363ad7d88aeb35344d", "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: "e3617424c2d5a5f7c7645ec688a231868d925c4b", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "e405cf6671e0e20ba95e6374efba80590bc7c8e2", size: this.iconSize }))));
+    return a(p, { key: "1b3decda3bf4d2f2f4f5e393c62ff4287dc6b27e" }, a("div", { key: "22bc6400efd7881980d61c6ed708941a7db4b712", class: s }, a("input", { key: "1ab4218e031ca0d5059fd1a5ccedf6abb3a1c492", "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: "74cb8706a47fb1332b8909b6e9403fc6ce29a98d", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "bf908985d993a544b71c5fa908b9e1b97692e912", size: this.iconSize }))));
   }
   get el() {
     return m(this);
@@ -73,7 +73,7 @@ const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     };
   }
 };
-k.style = b;
+k.style = g;
 export {
   k as swirl_time_input
 };

package/dist/{swirl-toast-provider.entry.819360aa.js → swirl-toast-provider.entry.219e8813.js}

@@ -1,10 +1,10 @@
-import { r as e, h as i, H as r } from "./index.0cee1557.js";
+import { r as e, h as a, H as r } from "./index.c5f42b7b.js";
 import "react";
 import "react-dom";
-const h = class {
+const c = class {
   constructor(t) {
     e(this, t), this.onDismiss = (s) => {
-      this.toasts = [...this.toasts].filter((a) => a.toastId !== s.detail);
+      this.toasts = [...this.toasts].filter((i) => i.toastId !== s.detail);
     }, this.globalDuration = void 0, this.toasts = [];
   }
   async clearAll() {
@@ -18,21 +18,21 @@ const h = class {
       return;
     let s = this.globalDuration;
     this.globalDuration === void 0 ? s = t.duration : this.globalDuration === 0 && (s = void 0);
-    const a = {
+    const i = {
       ...t,
       createdAt: new Date(),
       duration: s,
       toastId: t.toastId || String(Math.round(Math.random() * 1e4))
     };
-    return this.toasts = [...this.toasts, a], a;
+    return this.toasts = [...this.toasts, i], i;
   }
   render() {
-    return i(r, { key: "b89c578a32dbd961465ee23f8a4e521d10d8bbfa", role: "status" }, i("swirl-stack", { key: "292cbae48deafe0a76a515e2eac35f0dfb99826d", spacing: "12" }, this.toasts.map((t) => {
+    return a(r, { key: "5016a14ee953a31f67d13bf1ae1e85c15354bde0", role: "status" }, a("swirl-stack", { key: "c543587f49c16ab6601bb7c6e2edaf7cbd242050", spacing: "12" }, this.toasts.map((t) => {
       const s = { ...t, content: void 0 };
-      return i("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 {
-  h as swirl_toast_provider
+  c as swirl_toast_provider
 };

package/dist/{swirl-toast.entry.430caa22.js → swirl-toast.entry.b8e41e08.js}

@@ -1,11 +1,11 @@
-import { r as o, c as n, h as e, H as r } from "./index.0cee1557.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.c5f42b7b.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: "c0d869b690436deacc2d3c203da75561cbabf303" }, e("div", { key: "e9fa09c4d9ab4f71bbfacac56b19248ed93c30c5", class: s }, this.icon && e("span", { key: "91e3a639f3f911cab2e159e20c15840c4558ff71", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), e("span", { key: "0f04c7e25e203c4ab52d9b0bef316bd587c1b31b", class: "toast__content", innerHTML: this.content, part: "toast__content" }, e("slot", { key: "f97d934f8bf11bc623e6da6512a675eb38b7c806" })), e("button", { key: "e2d60aeaca787a51e038c31a8880935808eb59cf", "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: "fb68588c3086cba14d95d0e48f16980da6e8f1a2", ref: (t) => this.dismissIconEl = t }))));
+    const s = d("toast", `toast--intent-${this.intent}`);
+    return e(r, { key: "63b2524f2a2d1190684086bde48c934d32566c70" }, e("div", { key: "21920f98742a4ad51ba8d303d5ba4d3472cab259", class: s }, this.icon && e("span", { key: "da3bd02686663fc0793bc69b6d4fdd86f25f8bb4", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), e("span", { key: "64e558f31a9a03ea39dc3a28b16a62096dba3cf5", class: "toast__content", innerHTML: this.content, part: "toast__content" }, e("slot", { key: "9046dd7e88bca0a6de43ed367bf78455a240e208" })), e("button", { key: "df8bd60a80ca63e77ec1e5b1e8f70e9b9c813f5a", "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: "e0de40c23452b0b9725947021a4e5316a92ea84f", ref: (t) => this.dismissIconEl = t }))));
   }
   static get watchers() {
     return {

package/dist/{swirl-toggle-button.entry.46efb89d.js → swirl-toggle-button.entry.845ee5bb.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t } from "./index.0cee1557.js";
+import { r as s, h as t } from "./index.c5f42b7b.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -12,7 +12,7 @@ const i = ":host{display:inline-block}:host *{box-sizing:border-box}.button{disp
     const e = o("button", {
       "button--pressed": this.isPressed
     });
-    return t("button", { key: "af2ba87225e82d91424f80e8355fc9b949f0835c", class: e, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && t("swirl-icon", { key: "c0e0e372aa08582ef08a171c9db46eac0a2bfd14", class: "button__icon", glyph: this.icon }), t("span", { key: "b6656bf5684b319dfe51c97086326e6f1ef144fb", class: "button__label" }, this.label));
+    return t("button", { key: "f7bc4ed4f22030d0546da13cf1fc133968c0a1d3", class: e, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && t("swirl-icon", { key: "2e3c6d8b9f0adb01ac1bebf0d6bd1d9877f749d1", class: "button__icon", glyph: this.icon }), t("span", { key: "d9ca5cfb5359d9efa1d347a0d961f39aed18c0aa", class: "button__label" }, this.label));
   }
 };
 r.style = n;

package/dist/{swirl-toggle-group.entry.bb82e84d.js → swirl-toggle-group.entry.13379f36.js}

@@ -1,4 +1,4 @@
-import { r as i, c as g, h as o, g as l } from "./index.0cee1557.js";
+import { r as i, c as g, h as o, g as l } from "./index.c5f42b7b.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -43,7 +43,7 @@ const a = ":host{display:inline-block}:host *{box-sizing:border-box}.toggle-grou
     const e = r("toggle-group", `toggle-group--variant-${this.variant}`, {
       "toggle-group--elevated": this.elevated
     });
-    return o("swirl-stack", { key: "07c92877560b8ea2bb8bf8beea2cdcfe875e1c9d", class: e, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "ca807e7d17146a3b0de3ce1a45ca19e5d648386c", onSlotchange: this.onSlotChange }));
+    return o("swirl-stack", { key: "b9dcd7dcb1dabd27227568473287bebbacd08d85", class: e, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "0d54fe748fc081ef7930aff6027a2ed460f275eb", onSlotchange: this.onSlotChange }));
   }
   get el() {
     return l(this);

package/dist/{swirl-toolbar.entry.2e7f5b23.js → swirl-toolbar.entry.2a1020be.js}

@@ -1,8 +1,8 @@
-import { r as n, h as s, H as r, g as i } from "./index.0cee1557.js";
-import { b as a } from "./utils-877a768f.c277f897.js";
+import { r as n, h as s, H as r, g as i } from "./index.c5f42b7b.js";
+import { b as c } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
-const c = ":host{display:block}:host *{box-sizing:border-box}", l = c, d = class {
+const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, u = class {
   constructor(e) {
     n(this, e), this.onKeyDown = (t) => {
       t.code === "ArrowDown" || t.code === "ArrowRight" ? (t.preventDefault(), this.focusNextItem()) : (t.code === "ArrowUp" || t.code === "ArrowLeft") && (t.preventDefault(), this.focusPreviousItem());
@@ -27,7 +27,7 @@ const c = ":host{display:block}:host *{box-sizing:border-box}", l = c, d = class
     this.focusItem(e[o]);
   }
   getActiveItemIndex(e) {
-    const t = a();
+    const t = c();
     return e.findIndex((o) => o === (t == null ? void 0 : t.closest("swirl-button, swirl-chip")));
   }
   focusItem(e) {
@@ -44,13 +44,13 @@ const c = ":host{display:block}:host *{box-sizing:border-box}", l = c, d = class
     });
   }
   render() {
-    return s(r, { key: "2209c72d725863c4a00b7818f7807afec6ce9476" }, s("swirl-stack", { key: "28122759e485039ebd1293316115707fc0c0f4fa", 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: "839470d432295a35e89149203d8761e0aa5000da" })));
+    return s(r, { key: "7a89a37bf47c2ca12422e4b69fc49c6b1478c373" }, s("swirl-stack", { key: "7349ee2ab52619ff8104f1fe122599178a139400", 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: "4c5b9382755409876bc554a7ee698ed326ec8ace" })));
   }
   get el() {
     return i(this);
   }
 };
-d.style = l;
+u.style = l;
 export {
-  d as swirl_toolbar
+  u as swirl_toolbar
 };

package/dist/{swirl-tooltip.entry.402b33c7.js → swirl-tooltip.entry.d5a1a7e1.js}

@@ -1,5 +1,5 @@
-import { r as p, h as e, H as d, g as h } from "./index.0cee1557.js";
-import { b as c, c as m, a as f, o as u, s as b, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
+import { r as p, h as i, H as c, g as d } from "./index.c5f42b7b.js";
+import { b as h, c as f, a as m, o as u, 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,18 +14,18 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
         return;
       const s = [
         ...this.options.middleware.filter((l) => l.name !== "arrow"),
-        c({ element: this.arrowElement, padding: 12 })
+        h({ element: this.arrowElement, padding: 12 })
       ];
-      this.actualPosition = await m(t, this.popperEl, { ...this.options, middleware: s });
-      const o = (n = this.actualPosition.middlewareData.arrow) == null ? void 0 : n.x, i = (r = this.actualPosition.middlewareData.arrow) == null ? void 0 : r.y;
+      this.actualPosition = await f(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;
       this.arrowStyles = {
-        left: Boolean(o) ? o + "px" : void 0,
-        top: Boolean(i) ? i + "px" : void 0
+        left: Boolean(e) ? e + "px" : void 0,
+        top: Boolean(o) ? o + "px" : void 0
       };
     }, this.show = () => {
       !this.active || (this.visible = !0, requestAnimationFrame(() => {
         const t = this.el.children[0];
-        !Boolean(t) || (this.reposition(), this.disableAutoUpdate = f(t, this.popperEl, this.reposition.bind(this)));
+        !Boolean(t) || (this.reposition(), this.disableAutoUpdate = m(t, this.popperEl, this.reposition.bind(this)));
       }));
     }, this.showWithDelay = () => {
       !this.active || (Boolean(this.showTimeout) && (clearTimeout(this.showTimeout), this.showTimeout = void 0), this.showTimeout = setTimeout(() => {
@@ -65,22 +65,22 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
     this.updateOptions();
   }
   render() {
-    var t, s, o;
+    var t, s, e;
     const a = y("tooltip", `tooltip--actual-placement-${(t = this.actualPosition) == null ? void 0 : t.placement}`, {
       "tooltip--active": this.active,
       "tooltip--visible": this.visible
     });
-    return e(d, { key: "fab7025501b2b85e03b31af571bfe2556a2fbf1d", onKeydown: this.onKeydown }, e("span", { key: "30ca7d1404e2fd6f2c9becaf6b9411af2d8a9979", class: a }, e("span", { key: "be87c4cab59e4fd973fa9ea0da81b07d8ba056b0", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, e("slot", { key: "4189b67bd8a6ebfd95bdd7e7e131e9e7f1ef4d65" })), e("span", { key: "484c29090af80fe4acc66eee3808c75be3a16528", class: "tooltip__popper", ref: (i) => this.popperEl = i, style: {
+    return i(c, { key: "6b15209f9e0d9cfafc7af244f1ef22cb4d7da719", onKeydown: this.onKeydown }, i("span", { key: "7c75a8e5d9f2e5b1099fcf7f750ef12095b58402", class: a }, i("span", { key: "ed98c804d5526c58ed70705b8a63a7d6f2ff7734", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "6dcbf266cdb3521c6d8e8d37cf293149f0469190" })), i("span", { key: "a2f3b747288d55f9d46c5476d100f8a230e56615", 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) ? `${(o = this.actualPosition) == null ? void 0 : o.x}px` : "",
+      left: Boolean(this.actualPosition) ? `${(e = this.actualPosition) == null ? void 0 : e.x}px` : "",
       position: this.positioning
-    } }, this.visible && e("span", { key: "07da4e4ee3c3bbf5e8f8f7fad9ec11716b99b175", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, e("span", { key: "9d0e50ebdb013eeba59011945ed6e559c3d3bbf9", class: "tooltip__content", innerHTML: this.content })), e("span", { key: "85c760dc089cf71b0e43e13de679b2ad795ad97f", class: "tooltip__arrow", ref: (i) => this.arrowElement = i, style: {
+    } }, this.visible && i("span", { key: "216ff9495331d0a424c0bce32a32e52f8fb46d4c", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "bf5df3af6609b7a00230f108386435283a340aa9", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "a95c884426bc39651f749305f3d16568dc0da4b1", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
       ...this.arrowStyles,
       visibility: this.visible ? "visible" : "hidden"
     } }))));
   }
   get el() {
-    return h(this);
+    return d(this);
   }
   static get watchers() {
     return {