@getflip/swirl-components-react 0.51.0 → 0.53.0

package/dist/{swirl-table.entry.4adf39f7.js → swirl-table.entry.e5096681.js}

@@ -1,11 +1,11 @@
-import { r as g, h as r, H as v, g as _ } from "./index.576baf6f.js";
-import { i as S } from "./utils-61f188cc.4a43deab.js";
+import { r as g, h as r, H as v, g as _ } from "./index.bdb866f4.js";
+import { d as S, i as R } from "./utils-61f188cc.4a43deab.js";
 import "react";
 import "react-dom";
-var R = function(t) {
+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 = x(l), p = new Date().getTime(), w = !i || p - i > m;
+    var m = C(l), p = new Date().getTime(), w = !i || p - i > m;
     i = p;
     for (var b = arguments.length, d = Array(b), c = 0; c < b; c++)
       d[c] = arguments[c];
@@ -13,7 +13,7 @@ var R = function(t) {
       return o.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 = C(), a.push(d), n = setTimeout(y.bind(this), m), o.accumulate) {
+    if (s ? clearTimeout(n) : s = E(), a.push(d), n = setTimeout(y.bind(this), m), o.accumulate) {
       var f = a.length - 1;
       return s.promise.then(function(u) {
         return u[f];
@@ -26,24 +26,26 @@ var R = function(t) {
     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;
   }
 };
-function x(e) {
+function C(e) {
   return typeof e == "function" ? e() : e;
 }
-function C() {
+function E() {
   var e = {};
   return e.promise = new Promise(function(t, l) {
     e.resolve = t, e.reject = l;
   }), e;
 }
-const E = `: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 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),
     -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;border-right:var(--s-border-width-default) solid var(--s-border-default);border-bottom:var(--s-border-width-default) solid var(--s-border-default);border-left:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default)}.table__empty-row-cell>*{flex-grow:1}`, L = 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;border-right:var(--s-border-width-default) solid var(--s-border-default);border-bottom:var(--s-border-width-default) solid var(--s-border-default);border-left:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default)}.table__empty-row-cell>*{flex-grow:1}`, q = class {
   constructor(e) {
-    g(this, e), this.updateLayout = R(async () => {
+    g(this, e), this.triggerRerender = S(async () => {
+      await this.updateLayout(), this.updateScrolledState(), this.updateEmptyState();
+    }, 60), this.updateLayout = x(async () => {
       this.resetCellStyles(), this.resetColumnStyles(), this.resetEmptyRowStyles(), this.resetRowGroupStyles(), this.layoutEmptyRow(), this.layoutRowGroups(), this.layOutCells();
     }, 16, { leading: !0 }), this.onScroll = () => {
       this.updateScrolledState();
@@ -58,7 +60,7 @@ const E = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
     await this.updateLayout(), this.updateScrolledState();
   }
   async rerender() {
-    await this.updateLayout(), this.updateScrolledState(), this.updateEmptyState();
+    this.triggerRerender();
   }
   resetEmptyRowStyles() {
     const e = this.el.shadowRoot.querySelector(".table__empty-row");
@@ -81,7 +83,7 @@ const E = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
     });
   }
   updateScrolledState() {
-    const e = S(), 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);
+    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() {
@@ -125,7 +127,7 @@ const E = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
     return _(this);
   }
 };
-L.style = E;
+q.style = L;
 export {
-  L as swirl_table
+  q as swirl_table
 };

package/dist/{swirl-tabs.entry.1d813fc9.js → swirl-tabs.entry.672b4245.js}

@@ -1,4 +1,4 @@
-import { r as e, c as b, h as s, H as r, g as n } from "./index.576baf6f.js";
+import { r as e, c as b, h as s, H as r, g as n } from "./index.bdb866f4.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 {

package/dist/{swirl-tag.entry.b34d385b.js → swirl-tag.entry.634e7e39.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as t, H as n } from "./index.576baf6f.js";
+import { r, c as s, h as t, H as n } from "./index.bdb866f4.js";
 import { c as i } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-text-input.entry.54c48fc8.js → swirl-text-input.entry.54fa9f5c.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as d } from "./index.576baf6f.js";
+import { r as h, c as n, h as i, H as d } from "./index.bdb866f4.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { a as x } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-text.entry.e37d8bd3.js → swirl-text.entry.d61e9765.js}

@@ -1,5 +1,5 @@
-import { r as J, h as y, H as T, g as V } from "./index.576baf6f.js";
-import { c as F } from "./index-d280dafb.186cdb0e.js";
+import { r as I, h as p, H as J, g as T } from "./index.bdb866f4.js";
+import { c as V } from "./index-d280dafb.186cdb0e.js";
 import { b as G } from "./balancetext-fa49c64f.754e913c.js";
 import "react";
 import "react-dom";
@@ -44,9 +44,9 @@ function M(t, i, e) {
     throw Error("maxHeight is required");
   var s = K(t);
   if (!!s.length)
-    for (var a = e.character, r = a === void 0 ? "\u2026" : a, f = e.classname, u = f === void 0 ? "js-shave" : f, z = e.spaces, C = z === void 0 ? !0 : z, _ = e.charclassname, j = _ === void 0 ? "js-shave-char" : _, E = e.link, c = E === void 0 ? {} : E, v = typeof C == "boolean" ? C : !0, m = c && JSON.stringify(c) !== "{}" && c.href, L = m ? "a" : "span", b = 0; b < s.length; b += 1) {
-      var n = s[b], l = n.style, O = n.querySelector("." + u), x = n.textContent === void 0 ? "innerText" : "textContent";
-      O && (n.removeChild(n.querySelector("." + j)), n[x] = n[x]);
+    for (var a = e.character, r = a === void 0 ? "\u2026" : a, f = e.classname, u = f === void 0 ? "js-shave" : f, z = e.spaces, C = z === void 0 ? !0 : z, _ = e.charclassname, j = _ === void 0 ? "js-shave-char" : _, E = e.link, c = E === void 0 ? {} : E, v = typeof C == "boolean" ? C : !0, m = c && JSON.stringify(c) !== "{}" && c.href, F = m ? "a" : "span", b = 0; b < s.length; b += 1) {
+      var n = s[b], l = n.style, L = n.querySelector("." + u), x = n.textContent === void 0 ? "innerText" : "textContent";
+      L && (n.removeChild(n.querySelector("." + j)), n[x] = n[x]);
       var A = n[x], o = v ? A.split(" ") : A;
       if (!(o.length < 2)) {
         var N = l.height;
@@ -56,26 +56,26 @@ function M(t, i, e) {
           l.height = N, l.maxHeight = H;
           continue;
         }
-        var R = m && c.textContent ? c.textContent : r, d = document.createElement(L), S = {
+        var O = m && c.textContent ? c.textContent : r, d = document.createElement(F), S = {
           className: j,
-          textContent: R
+          textContent: O
         };
         for (var $ in S)
           d[$] = S[$], d.textContent = r;
         if (m)
           for (var q in c)
             d[q] = c[q];
-        for (var h = o.length - 1, p = 0, g = void 0; p < h; )
-          g = p + h + 1 >> 1, n[x] = v ? o.slice(0, g).join(" ") : o.slice(0, g), n.insertAdjacentElement("beforeend", d), n.offsetHeight > i ? h = g - 1 : p = g;
+        for (var h = o.length - 1, y = 0, g = void 0; y < h; )
+          g = y + h + 1 >> 1, n[x] = v ? o.slice(0, g).join(" ") : o.slice(0, g), n.insertAdjacentElement("beforeend", d), n.offsetHeight > i ? h = g - 1 : y = g;
         n[x] = v ? o.slice(0, h).join(" ") : o.slice(0, h), n.insertAdjacentElement("beforeend", d);
-        var D = v ? " ".concat(o.slice(h).join(" ")) : o.slice(h), I = document.createTextNode(D), w = document.createElement("span");
-        w.classList.add(u), w.style.display = "none", w.appendChild(I), n.insertAdjacentElement("beforeend", w), l.height = N, l.maxHeight = H;
+        var R = v ? " ".concat(o.slice(h).join(" ")) : o.slice(h), D = document.createTextNode(R), w = document.createElement("span");
+        w.classList.add(u), w.style.display = "none", w.appendChild(D), n.insertAdjacentElement("beforeend", w), l.height = N, l.maxHeight = H;
       }
     }
 }
-const Q = ".sc-swirl-text-h{display:block;max-width:100%}.sc-swirl-text-h *.sc-swirl-text{box-sizing:border-box}.text.sc-swirl-text{overflow:hidden;margin:0;padding:0}.text--align-start.sc-swirl-text{text-align:start}.text--align-center.sc-swirl-text{text-align:center}.text--align-end.sc-swirl-text{text-align:end}.text--color-default.sc-swirl-text{color:var(--s-text-default)}.text--color-subdued.sc-swirl-text{color:var(--s-text-subdued)}.text--color-critical.sc-swirl-text{color:var(--s-text-critical)}.text--color-success.sc-swirl-text{color:var(--s-text-success)}.text--color-warning.sc-swirl-text{color:var(--s-text-warning)}.text--size-sm.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}.text--size-base.sc-swirl-text{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--size-base.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text--size-lg.sc-swirl-text{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-lg.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.text--weight-normal.sc-swirl-text{font-weight:var(--s-font-weight-normal)}.text--weight-medium.sc-swirl-text{font-weight:var(--s-font-weight-medium)}.text--weight-semibold.sc-swirl-text{font-weight:var(--s-font-weight-semibold)}.text--weight-bold.sc-swirl-text{font-weight:var(--s-font-weight-bold)}.text--font-style-normal.sc-swirl-text{font-style:normal}.text--font-style-italic.sc-swirl-text{font-style:italic}.text--truncate.sc-swirl-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}", U = class {
+const Q = ".sc-swirl-text-h{display:block;max-width:100%}.sc-swirl-text-h *.sc-swirl-text{box-sizing:border-box}.text.sc-swirl-text{overflow:hidden;margin:0;padding:0}.text--align-start.sc-swirl-text{text-align:start}.text--align-center.sc-swirl-text{text-align:center}.text--align-end.sc-swirl-text{text-align:end}.text--color-default.sc-swirl-text{color:var(--s-text-default)}.text--color-subdued.sc-swirl-text{color:var(--s-text-subdued)}.text--color-critical.sc-swirl-text{color:var(--s-text-critical)}.text--color-success.sc-swirl-text{color:var(--s-text-success)}.text--color-warning.sc-swirl-text{color:var(--s-text-warning)}.text--size-sm.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}.text--size-base.sc-swirl-text{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--size-base.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text--size-lg.sc-swirl-text{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-lg.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.text--weight-normal.sc-swirl-text{font-weight:var(--s-font-weight-normal)}.text--weight-medium.sc-swirl-text{font-weight:var(--s-font-weight-medium)}.text--weight-semibold.sc-swirl-text{font-weight:var(--s-font-weight-semibold)}.text--weight-bold.sc-swirl-text{font-weight:var(--s-font-weight-bold)}.text--font-style-normal.sc-swirl-text{font-style:normal}.text--font-style-italic.sc-swirl-text{font-style:italic}.text--font-family-code.sc-swirl-text{font-family:var(--s-font-family-code)}.text--truncate.sc-swirl-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}", U = class {
   constructor(t) {
-    J(this, t), this.align = "start", this.as = "p", this.balance = void 0, this.color = "default", this.fontStyle = "normal", this.lines = void 0, this.size = "base", this.truncate = void 0, this.weight = "normal";
+    I(this, t), this.align = "start", this.as = "p", this.balance = void 0, this.color = "default", this.fontFamily = "text", this.fontStyle = "normal", this.lines = void 0, this.size = "base", this.truncate = void 0, this.weight = "normal";
   }
   componentDidRender() {
     this.rebalance(), this.handleTruncation();
@@ -93,13 +93,13 @@ const Q = ".sc-swirl-text-h{display:block;max-width:100%}.sc-swirl-text-h *.sc-s
     !this.balance || !Boolean(this.textEl) || G(this.textEl);
   }
   render() {
-    const t = this.as, i = F("text", `text--align-${this.align}`, `text--color-${this.color}`, `text--font-style-${this.fontStyle}`, `text--size-${this.size}`, `text--weight-${this.weight}`, {
+    const t = this.as, i = V("text", `text--align-${this.align}`, `text--color-${this.color}`, `text--font-family-${this.fontFamily}`, `text--font-style-${this.fontStyle}`, `text--size-${this.size}`, `text--weight-${this.weight}`, {
       "text--truncate": this.truncate && (!Boolean(this.lines) || this.lines === 1)
     });
-    return y(T, null, y(t, { class: i, ref: (e) => this.textEl = e }, y("slot", null)));
+    return p(J, null, p(t, { class: i, ref: (e) => this.textEl = e }, p("slot", null)));
   }
   get el() {
-    return V(this);
+    return T(this);
   }
 };
 U.style = Q;

package/dist/{swirl-theme-provider.entry.343133d9.js → swirl-theme-provider.entry.16393aa6.js}

@@ -1,4 +1,4 @@
-import { r as j, c as E, h as w, H } from "./index.576baf6f.js";
+import { r as j, c as E, h as w, H } from "./index.bdb866f4.js";
 import "react";
 import "react-dom";
 function d(e, t, o) {

package/dist/{swirl-toast-provider.entry.e67a6339.js → swirl-toast-provider.entry.7a510b58.js}

@@ -1,4 +1,4 @@
-import { r as n, h as a, H as r } from "./index.576baf6f.js";
+import { r as n, h as a, H as r } from "./index.bdb866f4.js";
 import "react";
 import "react-dom";
 const c = class {

package/dist/{swirl-toast.entry.e87a03b2.js → swirl-toast.entry.a36a37a5.js}

@@ -1,4 +1,4 @@
-import { r as a, c as n, h as i, H as r } from "./index.576baf6f.js";
+import { r as a, c as n, h as i, H as r } from "./index.bdb866f4.js";
 import { c as d } from "./index-d280dafb.186cdb0e.js";
 import { a as c } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-tooltip.entry.9c72e28c.js → swirl-tooltip.entry.c3db9e19.js}

@@ -1,4 +1,4 @@
-import { r as n, h as i, H as l } from "./index.576baf6f.js";
+import { r as n, h as i, H as l } from "./index.bdb866f4.js";
 import { c as r, o as p, s as h, f as d } from "./floating-ui.dom.esm-ac7cc24e.79b318e4.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tree-navigation-item.entry.b27f4aca.js → swirl-tree-navigation-item.entry.e6720892.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as s, g as r } from "./index.576baf6f.js";
+import { r as t, h as i, H as s, g as r } from "./index.bdb866f4.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-video-thumbnail.entry.9f3b96f4.js → swirl-video-thumbnail.entry.8f400749.js}

@@ -1,4 +1,4 @@
-import { r as t, h as n, H as e } from "./index.576baf6f.js";
+import { r as t, h as n, H as e } from "./index.bdb866f4.js";
 import "react";
 import "react-dom";
 const a = `:host {

package/dist/{swirl-visually-hidden.entry.ae2ad8fa.js → swirl-visually-hidden.entry.5d596da1.js}

@@ -1,4 +1,4 @@
-import { r as s, h as i, H as l } from "./index.576baf6f.js";
+import { r as s, h as i, H as l } from "./index.bdb866f4.js";
 import "react";
 import "react-dom";
 const t = ":host{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}", o = class {

package/dist/{wc-datepicker.entry.afdff4e0.js → wc-datepicker.entry.26c0186c.js}

@@ -1,4 +1,4 @@
-import { r as R, c as S, h as n, H, g as E } from "./index.576baf6f.js";
+import { r as R, c as S, h as n, H, g as E } from "./index.bdb866f4.js";
 import "react";
 import "react-dom";
 function T(e, t) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components-react",
-  "version": "0.51.0",
+  "version": "0.53.0",
   "type": "module",
   "files": [
     "dist"
@@ -18,7 +18,7 @@
     "build": "tsc && vite build"
   },
   "dependencies": {
-    "@getflip/swirl-components": "^0.52.0",
+    "@getflip/swirl-components": "^0.54.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },