@getflip/swirl-components-react 0.80.3 → 0.81.0

package/dist/{swirl-table-cell.entry.61b9a0b1.js → swirl-table-cell.entry.a4d79fde.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, H as l } from "./index.5e647dd4.js";
+import { r as e, h as s, H as l } from "./index.e636c5f9.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 {

package/dist/{swirl-table-column.entry.4e312508.js → swirl-table-column.entry.72f25118.js}

@@ -1,4 +1,4 @@
-import { r as e, h as t, H as i, g as r } from "./index.5e647dd4.js";
+import { r as e, h as t, H as i, g as r } from "./index.e636c5f9.js";
 import { c as o } from "./utils-bc84f36e.1fee9865.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-row-group.entry.7af69faf.js → swirl-table-row-group.entry.4461a288.js}

@@ -1,4 +1,4 @@
-import { r as o, h as r, H as s, g as t } from "./index.5e647dd4.js";
+import { r as o, h as r, H as s, g as t } from "./index.e636c5f9.js";
 import "react";
 import "react-dom";
 const a = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}.table-row-group__header-row{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)}@media (min-width: 768px){.table-row-group__label{position:sticky;left:var(--s-space-16)}}", l = class {

package/dist/{swirl-table-row.entry.aa107ef9.js → swirl-table-row.entry.5658b371.js}

@@ -1,11 +1,11 @@
-import { r as o, h as e, H as s, g as r } from "./index.5e647dd4.js";
+import { r as s, h as e, H as o, g as r } from "./index.e636c5f9.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import { c as i } from "./utils-bc84f36e.1fee9865.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 {
   constructor(t) {
-    o(this, t), this.highlighted = void 0, this.index = void 0;
+    s(this, t), this.highlighted = void 0, this.index = void 0;
   }
   componentDidLoad() {
     const t = i(this.el, "swirl-table");
@@ -15,7 +15,7 @@ const a = ":host{display:flex}:host(.table-row--highlighted){--swirl-ghost-butto
     const t = l("table-row", {
       "table-row--highlighted": this.highlighted
     });
-    return e(s, { "aria-rowindex": this.index, class: t, role: "row" }, e("slot", null));
+    return e(o, { "aria-rowindex": this.index, class: t, role: "row" }, e("slot", null));
   }
   get el() {
     return r(this);

package/dist/{swirl-table.entry.f9a50763.js → swirl-table.entry.6d8a99ee.js}

@@ -1,11 +1,11 @@
-import { r as g, h as l, H as _, g as v } from "./index.5e647dd4.js";
+import { r as g, h as r, H as _, g as v } from "./index.e636c5f9.js";
 import { d as S, i as R } from "./utils-bc84f36e.1fee9865.js";
 import "react";
 import "react-dom";
 var x = function(t) {
-  var r = 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 = [];
+  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(r), p = new Date().getTime(), b = !i || p - i > m;
+    var m = C(l), p = new Date().getTime(), b = !i || p - i > m;
     i = p;
     for (var y = arguments.length, c = Array(y), d = 0; d < y; d++)
       c[d] = arguments[d];
@@ -31,8 +31,8 @@ function C(e) {
 }
 function E() {
   var e = {};
-  return e.promise = new Promise(function(t, r) {
-    e.resolve = t, e.reject = r;
+  return e.promise = new Promise(function(t, l) {
+    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),
@@ -68,8 +68,8 @@ const L = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
   }
   resetRowGroupStyles() {
     Array.from(this.el.querySelectorAll("swirl-table-row-group")).forEach((t) => {
-      const r = t.shadowRoot.querySelector(".table-row-group__header-row");
-      !Boolean(r) || (t.shadowRoot.querySelector(".table-row-group__header-row").style.width = "");
+      const l = t.shadowRoot.querySelector(".table-row-group__header-row");
+      !Boolean(l) || (t.shadowRoot.querySelector(".table-row-group__header-row").style.width = "");
     });
   }
   resetColumnStyles() {
@@ -83,8 +83,8 @@ const L = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
     });
   }
   updateScrolledState() {
-    const e = R(), t = this.container.scrollWidth > this.container.clientWidth, r = this.container.scrollLeft > 0, o = Math.ceil(this.container.clientWidth + this.container.scrollLeft) >= Math.floor(this.container.scrollWidth);
-    t !== this.scrollable && (t && !e ? this.container.classList.add("table__container--scrollable") : this.container.classList.remove("table__container--scrollable")), r !== this.scrolled && (r && !e ? this.container.classList.add("table__container--scrolled") : this.container.classList.remove("table__container--scrolled")), o !== this.scrolledToEnd && (o && !e ? this.container.classList.add("table__container--scrolled-to-end") : this.container.classList.remove("table__container--scrolled-to-end"));
+    const e = R(), t = this.container.scrollWidth > this.container.clientWidth, l = this.container.scrollLeft > 0, o = Math.ceil(this.container.clientWidth + this.container.scrollLeft) >= Math.floor(this.container.scrollWidth);
+    t !== this.scrollable && (t && !e ? this.container.classList.add("table__container--scrollable") : this.container.classList.remove("table__container--scrollable")), l !== this.scrolled && (l && !e ? this.container.classList.add("table__container--scrolled") : this.container.classList.remove("table__container--scrolled")), o !== this.scrolledToEnd && (o && !e ? this.container.classList.add("table__container--scrolled-to-end") : this.container.classList.remove("table__container--scrolled-to-end"));
   }
   getColumns() {
     return Array.from(this.el.querySelectorAll("swirl-table-column"));
@@ -100,17 +100,17 @@ const L = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
     e.style.width = t;
   }
   layoutRowGroups() {
-    var e;
-    const t = Array.from(this.el.querySelectorAll("swirl-table-row-group")), r = `${(e = this.el.shadowRoot.querySelector(".table__container")) === null || e === void 0 ? void 0 : e.scrollWidth}px`;
-    t.forEach((o) => {
+    var l;
+    const e = Array.from(this.el.querySelectorAll("swirl-table-row-group")), t = `${(l = this.el.shadowRoot.querySelector(".table__container")) == null ? void 0 : l.scrollWidth}px`;
+    e.forEach((o) => {
       const i = o.shadowRoot.querySelector(".table-row-group__header-row");
-      !Boolean(i) || (o.shadowRoot.querySelector(".table-row-group__header-row").style.width = r);
+      !Boolean(i) || (o.shadowRoot.querySelector(".table-row-group__header-row").style.width = t);
     });
   }
   layOutCells() {
     const e = this.getColumns(), t = this.getCells();
-    e.forEach((r, o) => {
-      const i = t.filter((n, a) => (o - a) % e.length === 0), s = r.width || `${r.getBoundingClientRect().width}px`;
+    e.forEach((l, o) => {
+      const i = t.filter((n, a) => (o - a) % e.length === 0), s = l.width || `${l.getBoundingClientRect().width}px`;
       i.forEach((n) => {
         n.style.flex = Boolean(s) ? `0 0 ${s}` : "";
       });
@@ -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 l(_, null, l("div", { class: "table" }, l("div", { class: "table__container", onScroll: this.onScroll, ref: (e) => this.container = e }, l("div", { "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && l("swirl-visually-hidden", null, l("div", { id: "caption" }, this.caption)), l("div", { role: "rowgroup" }, l("div", { class: "table__header", role: "row" }, l("slot", { name: "columns", onSlotchange: this.onSlotChange }))), l("div", { class: "table__body" }, l("slot", { name: "rows", onSlotchange: this.onSlotChange }), this.empty && l("div", { class: "table__empty-row", role: "row" }, l("div", { "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, l("swirl-text", { align: "center", size: "sm" }, this.emptyStateLabel))))))));
+    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))))))));
   }
   get el() {
     return v(this);

package/dist/{swirl-tabs.entry.e5cf7916.js → swirl-tabs.entry.870e4b68.js}

@@ -1,7 +1,7 @@
-import { r as e, c as b, h as s, H as r, g as n } from "./index.5e647dd4.js";
+import { r as e, c as b, h as s, H as c, g as r } from "./index.e636c5f9.js";
 import "react";
 import "react-dom";
-const c = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}", h = 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 = class {
   constructor(t) {
     e(this, t), this.tabActivated = b(this, "tabActivated", 7), this.tabs = [], this.onActivateNextTab = () => {
       this.activateNextTab();
@@ -25,14 +25,14 @@ const c = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
     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(() => {
       var a;
-      (a = this.el.querySelector(".tabs__tab--active")) === null || a === void 0 || a.focus();
+      (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(() => {
       var a;
-      (a = this.el.querySelector(".tabs__tab--active")) === null || a === void 0 || a.focus();
+      (a = this.el.querySelector(".tabs__tab--active")) == null || a.focus();
     });
   }
   collectTabs() {
@@ -49,13 +49,13 @@ const c = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
     }));
   }
   render() {
-    return s(r, 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 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));
   }
   get el() {
-    return n(this);
+    return r(this);
   }
 };
-h.style = c;
+h.style = n;
 export {
   h as swirl_tabs
 };

package/dist/{swirl-tag.entry.8501812d.js → swirl-tag.entry.bb3dc64b.js}

@@ -1,4 +1,4 @@
-import { r as o, c as s, h as t, H as n, g as i } from "./index.5e647dd4.js";
+import { r as o, c as s, h as t, H as n, g as i } from "./index.e636c5f9.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";
@@ -6,7 +6,7 @@ const l = ":host{display:inline-flex}:host *{box-sizing:border-box}.tag{display:
   constructor(e) {
     o(this, e), this.remove = s(this, "remove", 7), this.onRemove = (r) => {
       var a;
-      (a = this.remove) === null || a === void 0 || a.emit(r);
+      (a = this.remove) == null || a.emit(r);
     }, this.intent = "default", this.label = void 0, this.removable = void 0, this.removalButtonLabel = "Remove";
   }
   render() {

package/dist/{swirl-text-input.entry.08949cd3.js → swirl-text-input.entry.24628066.js}

@@ -1,17 +1,17 @@
-import { r as h, c as n, h as i, H as d } from "./index.5e647dd4.js";
+import { r as h, c as n, h as i, H as d } from "./index.e636c5f9.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { g as x } from "./utils-bc84f36e.1fee9865.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--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}@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)}}input.text-input__input.sc-swirl-text-input:not([type="password"]){width:0.25rem;min-width:0.25rem}.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 = 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) => {
+  constructor(s) {
+    h(this, s), 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);
     }, this.clear = () => {
       this.inputEl.value = "", this.value = "", this.valueChange.emit(""), this.inputEl.focus();
     }, this.onChange = (t) => {
-      const s = t.target;
-      this.value = s.value, this.valueChange.emit(s.value);
+      const e = t.target;
+      this.value = e.value, this.valueChange.emit(e.value);
     }, this.onBlur = (t) => {
       this.inputBlur.emit(t);
     }, this.onFocus = (t) => {
@@ -24,40 +24,42 @@ const w = '.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-
       if (this.type !== "number")
         return;
       const t = this.step || 1;
-      let s = this.inputEl.valueAsNumber;
-      isNaN(this.inputEl.valueAsNumber) && (s = this.min !== void 0 ? this.min + 1 : 1), this.value = String(Math.max(this.min || -1 / 0, s - t)), this.valueChange.emit(this.value);
+      let e = this.inputEl.valueAsNumber;
+      isNaN(this.inputEl.valueAsNumber) && (e = this.min !== void 0 ? this.min + 1 : 1), this.value = String(Math.max(this.min || -1 / 0, e - t)), this.valueChange.emit(this.value);
     }, this.increaseValue = () => {
       if (this.type !== "number")
         return;
       const t = this.step || 1;
-      let s = this.inputEl.valueAsNumber;
-      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);
+      let e = this.inputEl.valueAsNumber;
+      isNaN(this.inputEl.valueAsNumber) && (e = this.min !== void 0 ? this.min - 1 : -1), this.value = String(Math.min(this.max || 1 / 0, e + 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.swirlAriaAutocomplete = void 0, this.swirlAriaControls = void 0, this.swirlAriaDescribedby = void 0, this.swirlAriaExpanded = void 0, this.swirlRole = void 0, 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.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.passwordToggleLabel = "Toggle password display", this.type = "text", this.value = void 0, this.iconSize = 24, this.showPassword = !1;
   }
   componentDidLoad() {
-    this.updateIconSize(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
+    this.updateIconSize(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler, this.autoFocus && setTimeout(() => {
+      this.inputEl.focus();
+    });
   }
   componentDidRender() {
     this.adjustInputSize();
   }
   disconnectedCallback() {
-    var e, t;
-    (t = (e = this.desktopMediaQuery).removeEventListener) === null || t === void 0 || t.call(e, "change", this.desktopMediaQueryHandler);
+    var s, t;
+    (t = (s = this.desktopMediaQuery).removeEventListener) == null || t.call(s, "change", this.desktopMediaQueryHandler);
   }
-  updateIconSize(e) {
-    this.iconSize = e ? 20 : 24;
+  updateIconSize(s) {
+    this.iconSize = s ? 20 : 24;
   }
   adjustInputSize() {
     (this.rows > 1 || this.autoGrow) && (this.inputEl.style.width = "", this.inputEl.style.height = "", this.inputEl.style.height = Boolean(this.inputEl.scrollHeight) ? this.inputEl.scrollHeight / 16 + "rem" : ""), this.rows === 1 && !this.autoGrow && (this.inputEl.style.height = "", this.inputEl.style.width = "", this.type !== "password" && !this.disableDynamicWidth && !Boolean(this.placeholder) && (this.inputEl.style.width = this.inputEl.scrollWidth / 16 + "rem"));
   }
-  handleAutoSelect(e) {
-    !this.autoSelect || e.target.select();
+  handleAutoSelect(s) {
+    !this.autoSelect || s.target.select();
   }
   render() {
-    var e;
-    const t = this.rows === 1 && !this.autoGrow ? "input" : "textarea", s = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, r = this.type === "number" && !this.disabled, a = this.type === "password" && !this.disabled, u = this.clearable && !this.disabled && Boolean(this.value) && !a && !r && !this.showCharacterCounter, l = this.type === "password" && this.showPassword ? "text" : this.type, o = c("text-input", `text-input--type-${this.type}`, {
+    var u;
+    const s = this.rows === 1 && !this.autoGrow ? "input" : "textarea", t = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, e = this.type === "number" && !this.disabled, r = this.type === "password" && !this.disabled, a = this.clearable && !this.disabled && Boolean(this.value) && !r && !e && !this.showCharacterCounter, o = this.type === "password" && this.showPassword ? "text" : this.type, l = c("text-input", `text-input--type-${this.type}`, {
       "text-input--auto-grow": this.autoGrow,
       "text-input--clearable": this.clearable,
       "text-input--disabled": this.disabled,
@@ -66,7 +68,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(t, { "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": s, 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), u && 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 })), a && 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 })), r && 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" }, ((e = this.value) === null || e === void 0 ? void 0 : e.length) || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")));
+    return i(d, null, i("div", { class: l }, this.prefixLabel && i("span", { class: "text-input__prefix" }, this.prefixLabel), i(s, { "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: o, 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 })), e && 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}` : "")));
   }
 };
 b.style = w;

package/dist/{swirl-text.entry.c57661bc.js → swirl-text.entry.ec8c7688.js}

@@ -1,4 +1,4 @@
-import { r as I, h as b, H as J, g as T } from "./index.5e647dd4.js";
+import { r as I, h as b, H as J, g as T } from "./index.e636c5f9.js";
 import { c as V } from "./index-d280dafb.186cdb0e.js";
 import { b as G } from "./balancetext-fa49c64f.754e913c.js";
 import "react";

package/dist/{swirl-theme-provider.entry.835a3b54.js → swirl-theme-provider.entry.a0de950c.js}

@@ -1,94 +1,94 @@
-import { r as j, c as E, h as w, H } from "./index.5e647dd4.js";
+import { r as j, c as E, h as w, H } from "./index.e636c5f9.js";
 import "react";
 import "react-dom";
-function d(e, t, o) {
-  return Math.min(Math.max(e, o), t);
+function d(e, t, r) {
+  return Math.min(Math.max(e, r), t);
 }
 class P extends Error {
   constructor(t) {
     super(`Failed to parse color: "${t}"`);
   }
 }
-var p = P;
+var _ = P;
 function C(e) {
   if (typeof e != "string")
-    throw new p(e);
+    throw new _(e);
   if (e.trim().toLowerCase() === "transparent")
     return [0, 0, 0, 0];
   let t = e.trim();
-  t = O.test(e) ? M(e) : e;
-  const o = A.exec(t);
-  if (o) {
-    const a = Array.from(o).slice(1);
-    return [...a.slice(0, 3).map((i) => parseInt(u(i, 2), 16)), parseInt(u(a[3] || "f", 2), 16) / 255];
+  t = L.test(e) ? M(e) : e;
+  const r = A.exec(t);
+  if (r) {
+    const o = Array.from(r).slice(1);
+    return [...o.slice(0, 3).map((i) => parseInt(u(i, 2), 16)), parseInt(u(o[3] || "f", 2), 16) / 255];
   }
   const n = F.exec(t);
   if (n) {
-    const a = Array.from(n).slice(1);
-    return [...a.slice(0, 3).map((i) => parseInt(i, 16)), parseInt(a[3] || "ff", 16) / 255];
-  }
-  const r = R.exec(t);
-  if (r) {
-    const a = Array.from(r).slice(1);
-    return [...a.slice(0, 3).map((i) => parseInt(i, 10)), parseFloat(a[3] || "1")];
+    const o = Array.from(n).slice(1);
+    return [...o.slice(0, 3).map((i) => parseInt(i, 16)), parseInt(o[3] || "ff", 16) / 255];
   }
-  const s = I.exec(t);
+  const s = R.exec(t);
   if (s) {
-    const [a, i, h, c] = Array.from(s).slice(1).map(parseFloat);
+    const o = Array.from(s).slice(1);
+    return [...o.slice(0, 3).map((i) => parseInt(i, 10)), parseFloat(o[3] || "1")];
+  }
+  const a = I.exec(t);
+  if (a) {
+    const [o, i, h, c] = Array.from(a).slice(1).map(parseFloat);
     if (d(0, 100, i) !== i)
-      throw new p(e);
+      throw new _(e);
     if (d(0, 100, h) !== h)
-      throw new p(e);
-    return [...L(a, i, h), c || 1];
+      throw new _(e);
+    return [...S(o, i, h), c || 1];
   }
-  throw new p(e);
+  throw new _(e);
 }
 function $(e) {
-  let t = 5381, o = e.length;
-  for (; o; )
-    t = t * 33 ^ e.charCodeAt(--o);
+  let t = 5381, r = e.length;
+  for (; r; )
+    t = t * 33 ^ e.charCodeAt(--r);
   return (t >>> 0) % 2341;
 }
-const b = (e) => parseInt(e.replace(/_/g, ""), 36), q = "1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce((e, t) => {
-  const o = b(t.substring(0, 3)), n = b(t.substring(3)).toString(16);
-  let r = "";
-  for (let s = 0; s < 6 - n.length; s++)
-    r += "0";
-  return e[o] = `${r}${n}`, e;
+const z = (e) => parseInt(e.replace(/_/g, ""), 36), q = "1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce((e, t) => {
+  const r = z(t.substring(0, 3)), n = z(t.substring(3)).toString(16);
+  let s = "";
+  for (let a = 0; a < 6 - n.length; a++)
+    s += "0";
+  return e[r] = `${s}${n}`, e;
 }, {});
 function M(e) {
-  const t = e.toLowerCase().trim(), o = q[$(t)];
-  if (!o)
-    throw new p(e);
-  return `#${o}`;
+  const t = e.toLowerCase().trim(), r = q[$(t)];
+  if (!r)
+    throw new _(e);
+  return `#${r}`;
 }
-const u = (e, t) => Array.from(Array(t)).map(() => e).join(""), A = new RegExp(`^#${u("([a-f0-9])", 3)}([a-f0-9])?$`, "i"), F = new RegExp(`^#${u("([a-f0-9]{2})", 3)}([a-f0-9]{2})?$`, "i"), R = new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${u(",\\s*(\\d+)\\s*", 2)}(?:,\\s*([\\d.]+))?\\s*\\)$`, "i"), I = /^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i, O = /^[a-z]+$/i, z = (e) => Math.round(e * 255), L = (e, t, o) => {
-  let n = o / 100;
+const u = (e, t) => Array.from(Array(t)).map(() => e).join(""), A = new RegExp(`^#${u("([a-f0-9])", 3)}([a-f0-9])?$`, "i"), F = new RegExp(`^#${u("([a-f0-9]{2})", 3)}([a-f0-9]{2})?$`, "i"), R = new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${u(",\\s*(\\d+)\\s*", 2)}(?:,\\s*([\\d.]+))?\\s*\\)$`, "i"), I = /^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i, L = /^[a-z]+$/i, T = (e) => Math.round(e * 255), S = (e, t, r) => {
+  let n = r / 100;
   if (t === 0)
-    return [n, n, n].map(z);
-  const r = (e % 360 + 360) % 360 / 60, s = (1 - Math.abs(2 * n - 1)) * (t / 100), a = s * (1 - Math.abs(r % 2 - 1));
+    return [n, n, n].map(T);
+  const s = (e % 360 + 360) % 360 / 60, a = (1 - Math.abs(2 * n - 1)) * (t / 100), o = a * (1 - Math.abs(s % 2 - 1));
   let i = 0, h = 0, c = 0;
-  r >= 0 && r < 1 ? (i = s, h = a) : r >= 1 && r < 2 ? (i = a, h = s) : r >= 2 && r < 3 ? (h = s, c = a) : r >= 3 && r < 4 ? (h = a, c = s) : r >= 4 && r < 5 ? (i = a, c = s) : r >= 5 && r < 6 && (i = s, c = a);
-  const l = n - s / 2, m = i + l, f = h + l, v = c + l;
-  return [m, f, v].map(z);
+  s >= 0 && s < 1 ? (i = a, h = o) : s >= 1 && s < 2 ? (i = o, h = a) : s >= 2 && s < 3 ? (h = a, c = o) : s >= 3 && s < 4 ? (h = o, c = a) : s >= 4 && s < 5 ? (i = o, c = a) : s >= 5 && s < 6 && (i = a, c = o);
+  const l = n - a / 2, m = i + l, g = h + l, y = c + l;
+  return [m, g, y].map(T);
 };
-function y(e) {
-  const [t, o, n, r] = C(e).map((m, f) => f === 3 ? m : m / 255), s = Math.max(t, o, n), a = Math.min(t, o, n), i = (s + a) / 2;
-  if (s === a)
-    return [0, 0, i, r];
-  const h = s - a, c = i > 0.5 ? h / (2 - s - a) : h / (s + a);
-  return [60 * (t === s ? (o - n) / h + (o < n ? 6 : 0) : o === s ? (n - t) / h + 2 : (t - o) / h + 4), c, i, r];
+function v(e) {
+  const [t, r, n, s] = C(e).map((m, g) => g === 3 ? m : m / 255), a = Math.max(t, r, n), o = Math.min(t, r, n), i = (a + o) / 2;
+  if (a === o)
+    return [0, 0, i, s];
+  const h = a - o, c = i > 0.5 ? h / (2 - a - o) : h / (a + o);
+  return [60 * (t === a ? (r - n) / h + (r < n ? 6 : 0) : r === a ? (n - t) / h + 2 : (t - r) / h + 4), c, i, s];
 }
-function g(e, t, o, n) {
-  return `hsla(${(e % 360).toFixed()}, ${d(0, 100, t * 100).toFixed()}%, ${d(0, 100, o * 100).toFixed()}%, ${parseFloat(d(0, 1, n).toFixed(3))})`;
+function f(e, t, r, n) {
+  return `hsla(${(e % 360).toFixed()}, ${d(0, 100, t * 100).toFixed()}%, ${d(0, 100, r * 100).toFixed()}%, ${parseFloat(d(0, 1, n).toFixed(3))})`;
 }
-function S(e, t, o, n) {
-  return `rgba(${d(0, 255, e).toFixed()}, ${d(0, 255, t).toFixed()}, ${d(0, 255, o).toFixed()}, ${parseFloat(d(0, 1, n).toFixed(3))})`;
+function B(e, t, r, n) {
+  return `rgba(${d(0, 255, e).toFixed()}, ${d(0, 255, t).toFixed()}, ${d(0, 255, r).toFixed()}, ${parseFloat(d(0, 1, n).toFixed(3))})`;
 }
-function _(e) {
-  return S(...C(e));
+function p(e) {
+  return B(...C(e));
 }
-const B = ".sc-swirl-theme-provider-h{display:block}", x = "swirl-preferred-theme", T = {
+const D = ".sc-swirl-theme-provider-h{display:block}", x = "swirl-preferred-theme", b = {
   "--s-action-primary-default": "primary",
   "--s-action-primary-hovered": "primaryHovered",
   "--s-action-primary-pressed": "primaryPressed",
@@ -104,7 +104,7 @@ const B = ".sc-swirl-theme-provider-h{display:block}", x = "swirl-preferred-them
   "--s-interactive-primary-default": "text",
   "--s-interactive-primary-hovered": "textHovered",
   "--s-interactive-primary-pressed": "textPressed"
-}, D = class {
+}, O = class {
   constructor(e) {
     j(this, e), this.themeChange = E(this, "themeChange", 7), this.config = void 0;
   }
@@ -129,7 +129,11 @@ const B = ".sc-swirl-theme-provider-h{display:block}", x = "swirl-preferred-them
   }
   resolveConfig() {
     var e, t;
-    this.resolvedConfig = Object.assign(Object.assign({}, this.config || {}), { rootElement: ((e = this.config) === null || e === void 0 ? void 0 : e.rootElement) || document.documentElement, storage: ((t = this.config) === null || t === void 0 ? void 0 : t.storage) || (window == null ? void 0 : window.localStorage) });
+    this.resolvedConfig = {
+      ...this.config || {},
+      rootElement: ((e = this.config) == null ? void 0 : e.rootElement) || document.documentElement,
+      storage: ((t = this.config) == null ? void 0 : t.storage) || (window == null ? void 0 : window.localStorage)
+    };
   }
   determineOSTheme() {
     if (!Boolean(window.matchMedia)) {
@@ -150,19 +154,27 @@ const B = ".sc-swirl-theme-provider-h{display:block}", x = "swirl-preferred-them
     (!Boolean(this.recentThemeChangeEventData) || e.activeTheme !== this.recentThemeChangeEventData.activeTheme || e.preferredTheme !== this.recentThemeChangeEventData.preferredTheme) && (this.recentThemeChangeEventData = e, this.themeChange.emit(this.recentThemeChangeEventData));
   }
   updateTenantVariables() {
-    var e;
-    const t = (e = this.resolvedConfig) === null || e === void 0 ? void 0 : e.tenantColors;
-    if (!Boolean(t)) {
+    var g;
+    const e = (g = this.resolvedConfig) == null ? void 0 : g.tenantColors;
+    if (!Boolean(e)) {
       this.resetTenantVariables();
       return;
     }
-    const o = this.resolvedConfig.rootElement, n = y(t.primary), r = y(t.secondary), s = y(t.text), a = _(g(n[0], n[1] - 0.21, n[2] + 0.09, 1)), i = _(g(n[0], n[1] - 0.2, n[2] + 0.17, 1)), h = _(g(r[0], r[1], r[2] + 0.07, 1)), c = _(g(r[0], r[1], r[2] + 0.15, 1)), l = _(g(s[0], s[1] - 0.34, s[2] + 0.1, 1)), m = _(g(s[0], s[1] - 0.48, s[2] + 0.2, 1)), f = Object.assign(Object.assign({}, t), { primaryHovered: a, primaryPressed: i, secondaryHovered: h, secondaryPressed: c, textHovered: l, textPressed: m });
-    Object.entries(T).forEach(([v, k]) => o.style.setProperty(v, f[k]));
+    const t = this.resolvedConfig.rootElement, r = v(e.primary), n = v(e.secondary), s = v(e.text), a = p(f(r[0], r[1] - 0.21, r[2] + 0.09, 1)), o = p(f(r[0], r[1] - 0.2, r[2] + 0.17, 1)), i = p(f(n[0], n[1], n[2] + 0.07, 1)), h = p(f(n[0], n[1], n[2] + 0.15, 1)), c = p(f(s[0], s[1] - 0.34, s[2] + 0.1, 1)), l = p(f(s[0], s[1] - 0.48, s[2] + 0.2, 1)), m = {
+      ...e,
+      primaryHovered: a,
+      primaryPressed: o,
+      secondaryHovered: i,
+      secondaryPressed: h,
+      textHovered: c,
+      textPressed: l
+    };
+    Object.entries(b).forEach(([y, k]) => t.style.setProperty(y, m[k]));
   }
   resetTenantVariables() {
     const e = this.resolvedConfig.rootElement;
     [
-      ...Object.keys(T),
+      ...Object.keys(b),
       "primaryHovered",
       "primaryPressed",
       "secondaryHovered",
@@ -180,7 +192,7 @@ const B = ".sc-swirl-theme-provider-h{display:block}", x = "swirl-preferred-them
     };
   }
 };
-D.style = B;
+O.style = D;
 export {
-  D as swirl_theme_provider
+  O as swirl_theme_provider
 };