@getflip/swirl-components-react 0.197.1 → 0.199.0

package/dist/{swirl-table-cell.entry.f20d1892.js → swirl-table-cell.entry.8849e8b8.js}

@@ -1,15 +1,15 @@
-import { r as e, h as s, H as l } from "./index.a5290183.js";
+import { r as s, h as e, H as l } from "./index.9d32bf5e.js";
 import "react";
 import "react-dom";
-const t = ":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--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 = class {
+const t = ":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--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 = t, r = class {
   constructor(a) {
-    e(this, a);
+    s(this, a);
   }
   render() {
-    return s(l, { class: "table-cell", role: "cell" }, s("slot", null));
+    return e(l, { key: "aed9f0f44ae591c267daaaa5b438ee2ff2e60e7a", class: "table-cell", role: "cell" }, e("slot", { key: "cb915313b768d3f4c9e93b6dc895950c40cedefb" }));
   }
 };
-o.style = t;
+r.style = o;
 export {
-  o as swirl_table_cell
+  r as swirl_table_cell
 };

package/dist/{swirl-table-column.entry.d3d4d5fe.js → swirl-table-column.entry.2587d97d.js}

@@ -1,28 +1,28 @@
-import { r as e, h as t, H as i, g as r } from "./index.a5290183.js";
-import { c as o } from "./utils-c5f2f98f.af14538a.js";
+import { r as t, h as s, H as a, g as i } from "./index.9d32bf5e.js";
+import { c as r } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";
-const a = ":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);background-color:var(--s-surface-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}", n = class {
-  constructor(s) {
-    e(this, s), this.sort = void 0, this.sortable = void 0, this.maxWidth = void 0, this.minWidth = "fit-content", this.sticky = void 0, this.width = void 0;
+const o = ":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);background-color:var(--s-surface-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}", d = o, n = class {
+  constructor(e) {
+    t(this, e), this.sort = void 0, this.sortable = void 0, this.maxWidth = void 0, this.minWidth = "fit-content", this.sticky = void 0, this.width = void 0;
   }
   componentDidRender() {
-    const s = o(this.el, "swirl-table");
-    s == null || s.rerender();
+    const e = r(this.el, "swirl-table");
+    e == null || e.rerender();
   }
   render() {
-    const s = {
+    const e = {
       flex: Boolean(this.width) ? `0 0 ${this.width}` : "",
       maxWidth: this.maxWidth || "",
       minWidth: this.minWidth || ""
     };
-    return t(i, { "aria-sort": this.sort, class: "table-column", role: "columnheader", style: s }, t("span", null, t("slot", null)), this.sortable && t("span", { class: "table-column__sort-indicator" }, this.sort === "ascending" && t("swirl-icon-arrow-upward", { "aria-hidden": "true", size: 20 }), this.sort === "descending" && t("swirl-icon-arrow-downward", { "aria-hidden": "true", size: 20 }), !Boolean(this.sort) && " "));
+    return s(a, { key: "0860ee11f470871129c4a11ef63043d810770091", "aria-sort": this.sort, class: "table-column", role: "columnheader", style: e }, s("span", { key: "53b2dcdd01d45394dd6e1157c7b53af3a71d4817" }, s("slot", { key: "205514f166aae08b121a2aca2d0165886cb519af" })), this.sortable && s("span", { key: "e43739825c670d2a296bd803ea097df0aa83715d", class: "table-column__sort-indicator" }, this.sort === "ascending" && s("swirl-icon-arrow-upward", { key: "9c2e4b52377abc81f2c4dd34ee964a1571307595", "aria-hidden": "true", size: 20 }), this.sort === "descending" && s("swirl-icon-arrow-downward", { key: "9651fbc3d2bad5eeb7ed0cad1c7f28e7124f1620", "aria-hidden": "true", size: 20 }), !Boolean(this.sort) && " "));
   }
   get el() {
-    return r(this);
+    return i(this);
   }
 };
-n.style = a;
+n.style = d;
 export {
   n as swirl_table_column
 };

package/dist/{swirl-table-row-group.entry.2f840945.js → swirl-table-row-group.entry.d096161b.js}

@@ -1,7 +1,7 @@
-import { r as o, h as e, H as l, g as r } from "./index.a5290183.js";
+import { r as o, h as e, H as l, g as a } from "./index.9d32bf5e.js";
 import "react";
 import "react-dom";
-const a = ":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}@media (min-width: 768px){.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{overflow:hidden;transition:height 0.3s ease-out}.table-row-group__rows-container.is-hidden{height:0}.sc-swirl-button-h{display:flex}", n = class {
+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}@media (min-width: 768px){.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{overflow:hidden;transition:height 0.3s ease-out}.table-row-group__rows-container.is-hidden{height:0}.sc-swirl-button-h{display:flex}", n = r, b = class {
   constructor(i) {
     o(this, i), this.toggleShowItems = () => {
       if (this.headerRowElement.focus(), !this.tableRowElements)
@@ -20,16 +20,16 @@ const a = ":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, { class: "table-row-group", role: "rowgroup" }, e("div", { class: "table-row-group__header-row", role: "row", ref: (s) => this.headerRowElement = s }, this.collapsible && e("swirl-button", { class: "table-row-group__collapse-icon", icon: t, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: !0 }), e("span", { "aria-rowspan": i, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && e("span", { class: "table-row-group__tooltip" }, e("swirl-tooltip", { content: this.tooltip, position: "top", positioning: "fixed" }, e("swirl-icon-info", { size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" }))))), e("div", { class: {
+    return e(l, { key: "67bb9a4d20f2934a3bced88d1770e6dd83a011e8", class: "table-row-group", role: "rowgroup" }, e("div", { key: "db28243c588d96e83bcb866fd3217b1827a2cb58", class: "table-row-group__header-row", role: "row", ref: (s) => this.headerRowElement = s }, this.collapsible && e("swirl-button", { key: "db81c82a934eb2a5fcd4fdea60f586952dfee8cc", 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: "6f271e05d68e38f1db735c6ae63f81bcff5fa2fc", "aria-rowspan": i, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && e("span", { key: "56aa739af94f7c41374c73906d5444a77b3b846c", class: "table-row-group__tooltip" }, e("swirl-tooltip", { key: "0cc31273ace169b7cf0b1006ab8e4533b4e01ac5", content: this.tooltip, position: "top", positioning: "fixed" }, e("swirl-icon-info", { key: "a620e9d29052929530925ff2c472435bb0ef6cbb", size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" }))))), e("div", { key: "14ae9a8ee8c95be480e3c6741d4628b4026f6fed", 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", null)));
+    }, "aria-hidden": !this.isVisible, ref: (s) => this.tableRowElements = s }, e("slot", { key: "b4d3b59cbe8a370ea98c37d54ea8eb0f010c6580" })));
   }
   get el() {
-    return r(this);
+    return a(this);
   }
 };
-n.style = a;
+b.style = n;
 export {
-  n as swirl_table_row_group
+  b as swirl_table_row_group
 };

package/dist/{swirl-table-row.entry.0102c137.js → swirl-table-row.entry.e5defa5d.js}

@@ -1,27 +1,27 @@
-import { r as s, h as e, H as o, g as r } from "./index.a5290183.js";
-import { c as l } from "./index-d280dafb.186cdb0e.js";
-import { c as i } from "./utils-c5f2f98f.af14538a.js";
+import { r as s, h as e, H as o, g as r } from "./index.9d32bf5e.js";
+import { c as l } from "./index-267776a4.6beb4f4b.js";
+import { c as a } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";
-const a = ":host{display:flex}:host(.table-row--highlighted){--swirl-ghost-button-background-default:transparent}:host(.table-row--highlighted) ::slotted(.table-cell){background-color:rgba(240, 242, 255, 1);}:host ::slotted(.table-cell){border-bottom:var(--s-border-width-default) solid var(--s-border-default)}:host *{box-sizing:border-box}", d = class {
+const i = ":host{display:flex}:host(.table-row--highlighted){--swirl-ghost-button-background-default:transparent}:host(.table-row--highlighted) ::slotted(.table-cell){background-color:rgba(240, 242, 255, 1);}:host ::slotted(.table-cell){border-bottom:var(--s-border-width-default) solid var(--s-border-default)}:host *{box-sizing:border-box}", d = i, h = class {
   constructor(t) {
     s(this, t), this.highlighted = void 0, this.index = void 0;
   }
   componentDidLoad() {
-    const t = i(this.el, "swirl-table");
+    const t = a(this.el, "swirl-table");
     t == null || t.rerender();
   }
   render() {
     const t = l("table-row", {
       "table-row--highlighted": this.highlighted
     });
-    return e(o, { "aria-rowindex": this.index, class: t, role: "row" }, e("slot", null));
+    return e(o, { key: "b1062c56213a069a00577797f7a13b5b334d7178", "aria-rowindex": this.index, class: t, role: "row" }, e("slot", { key: "55d57df1bc074145a5bb859108260e5b782b50f9" }));
   }
   get el() {
     return r(this);
   }
 };
-d.style = a;
+h.style = d;
 export {
-  d as swirl_table_row
+  h as swirl_table_row
 };

package/dist/{swirl-table.entry.43916b1a.js → swirl-table.entry.17b52ae9.js}

@@ -1,27 +1,27 @@
-import { r as g, h as r, H as _, g as v } from "./index.a5290183.js";
-import { d as S, i as R } from "./utils-c5f2f98f.af14538a.js";
+import { r as g, h as r, H as _, g as v } from "./index.9d32bf5e.js";
+import { d as S, i as R } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";
 var x = function(t) {
   var l = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, i = void 0, s = void 0, n = void 0, a = [];
   return function() {
-    var m = C(l), p = new Date().getTime(), b = !i || p - i > m;
-    i = p;
+    var b = C(l), f = new Date().getTime(), p = !i || f - i > b;
+    i = f;
     for (var y = arguments.length, c = Array(y), d = 0; d < y; d++)
       c[d] = arguments[d];
-    if (b && o.leading)
+    if (p && o.leading)
       return o.accumulate ? Promise.resolve(t.call(this, [c])).then(function(u) {
         return u[0];
       }) : Promise.resolve(t.call.apply(t, [this].concat(c)));
-    if (s ? clearTimeout(n) : s = E(), a.push(c), n = setTimeout(w.bind(this), m), o.accumulate) {
-      var f = a.length - 1;
+    if (s ? clearTimeout(n) : s = E(), a.push(c), n = setTimeout(m.bind(this), b), o.accumulate) {
+      var w = a.length - 1;
       return s.promise.then(function(u) {
-        return u[f];
+        return u[w];
       });
     }
     return s.promise;
   };
-  function w() {
+  function m() {
     var h = s;
     clearTimeout(n), Promise.resolve(o.accumulate ? t.call(this, a) : t.apply(this, a[a.length - 1])).then(h.resolve, h.reject), a = [], s = null;
   }
@@ -35,13 +35,13 @@ function E() {
     e.resolve = t, e.reject = l;
   }), e;
 }
-const L = `:host{position:relative;display:block}:host *{box-sizing:border-box}.table__container{position:relative;overflow:auto;width:100%}.table__container--scrolled{--swirl-table-sticky-right-shadow:0.0625rem 0 0 0 var(--s-border-default),
+const k = `:host{position:relative;display:block}:host *{box-sizing:border-box}.table__container{position:relative;overflow:auto;width:100%}.table__container--scrolled{--swirl-table-sticky-right-shadow:0.0625rem 0 0 0 var(--s-border-default),
     -0.0625rem 0 0 0 var(--s-border-default),
     0 0.25rem 1rem rgba(25, 26, 28, 0.04),
     0 0.0625rem 0.25rem rgba(25, 26, 28, 0.16)}.table__container--scrollable:not(.table__container--scrolled-to-end){--swirl-table-sticky-left-shadow:0.0625rem 0 0 0 var(--s-border-default),
     -0.0625rem 0 0 0 var(--s-border-default),
     0 0.25rem 1rem rgba(25, 26, 28, 0.04),
-    0 0.0625rem 0.25rem rgba(25, 26, 28, 0.16)}.table__table{width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:max(20rem, 100%)}.table__header ::slotted(*){display:flex}.table__empty-row{display:flex}.table__empty-row-cell{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)}.table__empty-row-cell>*{flex-grow:1}`, q = class {
+    0 0.0625rem 0.25rem rgba(25, 26, 28, 0.16)}.table__table{width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:max(20rem, 100%)}.table__header ::slotted(*){display:flex}.table__empty-row{display:flex}.table__empty-row-cell{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)}.table__empty-row-cell>*{flex-grow:1}`, L = k, q = class {
   constructor(e) {
     g(this, e), this.triggerRerender = S(async () => {
       await this.updateLayout(), this.updateScrolledState(), this.updateEmptyState();
@@ -121,7 +121,7 @@ const L = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
     this.empty = !Boolean(e) || e.children.length === 0;
   }
   render() {
-    return r(_, null, r("div", { class: "table" }, r("div", { class: "table__container", onScroll: this.onScroll, ref: (e) => this.container = e }, r("div", { "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && r("swirl-visually-hidden", null, r("div", { id: "caption" }, this.caption)), r("div", { role: "rowgroup" }, r("div", { class: "table__header", role: "row" }, r("slot", { name: "columns", onSlotchange: this.onSlotChange }))), r("div", { class: "table__body" }, r("slot", { name: "rows", onSlotchange: this.onSlotChange }), this.empty && r("div", { class: "table__empty-row", role: "row" }, r("div", { "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, r("swirl-text", { align: "center", size: "sm" }, this.emptyStateLabel))))))));
+    return r(_, { key: "3e4a18208ff51eb838941e6c3464b0dbc83dd30f" }, r("div", { key: "cab413055cd5bcb511848893020c041ef8cb6ff5", class: "table" }, r("div", { key: "5151b1208a9498ca2cd1e44b2fe7c2424857b453", class: "table__container", onScroll: this.onScroll, ref: (e) => this.container = e }, r("div", { key: "8f080dd3b5edf1b43e8897cd41295d28b8004098", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && r("swirl-visually-hidden", { key: "71730cc383d88208c01cfdf09c1f5bb3549aa111" }, r("div", { key: "1f1f3c207112cd5bba1e9ee9edb311117088c457", id: "caption" }, this.caption)), r("div", { key: "11a5b94bd3dc3486c45e45b5be239156726fdb63", role: "rowgroup" }, r("div", { key: "4ee31209a1bd14dc80b0077274d562560f678b29", class: "table__header", role: "row" }, r("slot", { key: "1912b37fd9f66d5b6a83be5a47bf958dc5ed35df", name: "columns", onSlotchange: this.onSlotChange }))), r("div", { key: "1bede9603ecd6d7443c74d0276cd36fef259fe07", class: "table__body" }, r("slot", { key: "3d16a6c2e5db8c06b7202dee0259bbd6e9ea2130", name: "rows", onSlotchange: this.onSlotChange }), this.empty && r("div", { key: "0c3f39670f6376fc2c7f7de484ca3f0aa33fcda0", class: "table__empty-row", role: "row" }, r("div", { key: "90756158e3d45e532c0278597069a06743e08055", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, r("swirl-text", { key: "723aac5eb9f82b6fa82f59e57f4e7c6e8431f6a6", align: "center", size: "sm" }, this.emptyStateLabel))))))));
   }
   get el() {
     return v(this);

package/dist/{swirl-tabs.entry.5de16dc3.js → swirl-tabs.entry.b553d7d9.js}

@@ -1,14 +1,14 @@
-import { r as e, c as b, h as s, H as c, g as n } from "./index.a5290183.js";
+import { r as s, c as b, h as i, H as c, g as r } from "./index.9d32bf5e.js";
 import "react";
 import "react-dom";
-const r = ".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 = class {
+const n = ".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 = n, o = class {
   constructor(t) {
-    e(this, t), this.tabActivated = b(this, "tabActivated", 7), this.tabs = [], this.onActivateNextTab = () => {
+    s(this, t), this.tabActivated = b(this, "tabActivated", 7), this.tabs = [], this.onActivateNextTab = () => {
       this.activateNextTab();
     }, this.onActivatePreviousTab = () => {
       this.activatePreviousTab();
-    }, this.onActivateTab = (i) => {
-      this.activateTab(i.detail);
+    }, this.onActivateTab = (e) => {
+      this.activateTab(e.detail);
     }, this.initialTab = void 0, this.label = void 0, this.activeTab = void 0, this.tabBarTabs = [];
   }
   componentWillLoad() {
@@ -18,19 +18,19 @@ const r = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
     if (this.activeTab === t)
       return;
     this.activeTab = t, this.tabs.forEach((a) => a.active = !1);
-    const i = this.tabs.find((a) => a.tabId === t);
-    !Boolean(i) || (i.active = !0, this.tabActivated.emit(i), this.updateTabBarTabs());
+    const e = this.tabs.find((a) => a.tabId === t);
+    !Boolean(e) || (e.active = !0, this.tabActivated.emit(e), this.updateTabBarTabs());
   }
   activateNextTab() {
-    const t = this.tabs.findIndex((a) => a.tabId === this.activeTab), i = Math.min(this.tabs.length - 1, t + 1);
-    this.activateTab(this.tabs[i].tabId), requestAnimationFrame(() => {
+    const t = this.tabs.findIndex((a) => a.tabId === this.activeTab), e = Math.min(this.tabs.length - 1, t + 1);
+    this.activateTab(this.tabs[e].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 = Math.max(0, t - 1);
-    this.activateTab(this.tabs[i].tabId), requestAnimationFrame(() => {
+    const t = this.tabs.findIndex((a) => a.tabId === this.activeTab), e = Math.max(0, t - 1);
+    this.activateTab(this.tabs[e].tabId), requestAnimationFrame(() => {
       var a;
       (a = this.el.querySelector(".tabs__tab--active")) == null || a.focus();
     });
@@ -38,7 +38,7 @@ const r = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
   collectTabs() {
     if (this.tabs = Array.from(this.el.querySelectorAll("swirl-tab")), this.tabs.length === 0)
       return;
-    const t = this.tabs.find((i) => i.tabId === this.initialTab);
+    const t = this.tabs.find((e) => e.tabId === this.initialTab);
     this.activateTab(Boolean(t) ? t.tabId : this.tabs[0].tabId);
   }
   updateTabBarTabs() {
@@ -50,13 +50,13 @@ const r = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
     }));
   }
   render() {
-    return s(c, null, s("div", { class: "tabs" }, s("swirl-tab-bar", { label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs })), s("slot", null));
+    return i(c, { key: "e7f3fe5be862aaa6e4ee0b572a4b1eb1ffb50522" }, i("div", { key: "d03af835933a7c11e99a0506c3505e048b3528e2", class: "tabs" }, i("swirl-tab-bar", { key: "4295f124d5ea19cf04bfcfe78417d78194c5b10c", label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs })), i("slot", { key: "776e763a01bfacf378dec96ee5adaf917aea6581" }));
   }
   get el() {
-    return n(this);
+    return r(this);
   }
 };
-h.style = r;
+o.style = h;
 export {
-  h as swirl_tabs
+  o as swirl_tabs
 };

package/dist/{swirl-text-input.entry.4c770aec.js → swirl-text-input.entry.64782d9b.js}

@@ -1,9 +1,9 @@
-import { r as h, c as n, h as i, H as d } from "./index.a5290183.js";
-import { c } from "./index-d280dafb.186cdb0e.js";
-import { g as x } from "./utils-c5f2f98f.af14538a.js";
+import { r as h, c as n, h as i, H as d } from "./index.9d32bf5e.js";
+import { c } from "./index-267776a4.6beb4f4b.js";
+import { g as x } from "./utils-aab10c80.240adddc.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--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 = 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--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);
@@ -67,8 +67,8 @@ const w = '.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-
     !this.autoSelect || e.target.select();
   }
   render() {
-    var u;
-    const e = this.rows === 1 && !this.autoGrow ? "input" : "textarea", t = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, s = this.type === "number" && !this.disabled, r = this.type === "password" && !this.disabled, a = this.clearable && !this.disabled && Boolean(this.value) && !r && !s && !this.showCharacterCounter, l = this.type === "password" && this.showPassword ? "text" : this.type, o = c("text-input", `text-input--type-${this.type}`, {
+    var r;
+    const e = this.rows === 1 && !this.autoGrow ? "input" : "textarea", t = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, s = this.type === "number" && !this.disabled, a = this.type === "password" && !this.disabled, u = this.clearable && !this.disabled && Boolean(this.value) && !a && !s && !this.showCharacterCounter, l = this.type === "password" && this.showPassword ? "text" : this.type, o = c("text-input", `text-input--type-${this.type}`, {
       "text-input--auto-grow": this.autoGrow,
       "text-input--clearable": this.clearable,
       "text-input--disabled": this.disabled,
@@ -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, null, i("div", { class: o }, this.prefixLabel && i("span", { class: "text-input__prefix" }, this.prefixLabel), i(e, { "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, 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", { class: "text-input__suffix" }, this.suffixLabel), a && i("button", { "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, i("swirl-icon-cancel", { size: this.iconSize })), r && i("button", { "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", { class: "text-input__stepper" }, i("button", { "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-less", { size: this.iconSize })), i("button", { "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-more", { size: this.iconSize }))), this.showCharacterCounter && i("span", { class: "text-input__character-counter" }, ((u = this.value) == null ? void 0 : u.length) || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")));
+    return i(d, { key: "9c6b8e465aacc0b430d921efed332c3c8caad960" }, i("div", { key: "c2d84474ab893c7f1b902eb03efaee6b7ec1989a", class: o }, this.prefixLabel && i("span", { key: "0184f6971b270c4389d2fd0e30faaec3546a209d", class: "text-input__prefix" }, this.prefixLabel), i(e, { key: "22c98797b69a238173095566ee18ee746194b52a", "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, 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: "5d84435db35ce107a5f5e400f06546cd4777260d", class: "text-input__suffix" }, this.suffixLabel), u && i("button", { key: "2af1c940dcb277a0170b4fc1ed2d4a193efbd2e2", "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, i("swirl-icon-cancel", { key: "657cdb8fab5f887de32ff0d33238f67076205f7c", size: this.iconSize })), a && i("button", { key: "c69a64b9f4ab0103a87ef09630fc038ec03c2e7d", "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: "227b28011bc49ad413c2f89939fea5239fc197c1", class: "text-input__stepper" }, i("button", { key: "4f70c5a9e9ff7e7e4109805275b9d258c1ab6f57", "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-less", { key: "ee223fc15fb936c6eb96f9ba277617b8749dcab5", size: this.iconSize })), i("button", { key: "d0ca4cdac4c3a5c48e2fafe0a5ebeb365d7049a2", "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-more", { key: "1aa6fc4287ec8652e745a412e35e75b4590b6d61", size: this.iconSize }))), this.showCharacterCounter && i("span", { key: "9f3a325a74ab32e16aaa582e5ef353e6de09af14", class: "text-input__character-counter" }, ((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 = w;
+b.style = f;
 export {
-  f as swirl_text_input
+  b as swirl_text_input
 };