@getflip/swirl-components-react 0.70.1 → 0.70.3

package/dist/{swirl-table.entry.b25e8c59.js → swirl-table.entry.c653d595.js}

@@ -1,19 +1,19 @@
-import { r as g, h as r, H as v, g as _ } from "./index.6a678d3c.js";
+import { r as g, h as l, H as _, g as v } from "./index.efe884d5.js";
 import { d as S, i as R } from "./utils-bc84f36e.1fee9865.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 = [];
+  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 = [];
   return function() {
-    var m = C(l), p = new Date().getTime(), w = !i || p - i > m;
+    var m = C(r), p = new Date().getTime(), b = !i || p - i > m;
     i = p;
-    for (var b = arguments.length, d = Array(b), c = 0; c < b; c++)
-      d[c] = arguments[c];
-    if (w && o.leading)
-      return o.accumulate ? Promise.resolve(t.call(this, [d])).then(function(u) {
+    for (var y = arguments.length, c = Array(y), d = 0; d < y; d++)
+      c[d] = arguments[d];
+    if (b && 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(d)));
-    if (s ? clearTimeout(n) : s = E(), a.push(d), n = setTimeout(y.bind(this), m), o.accumulate) {
+      }) : 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;
       return s.promise.then(function(u) {
         return u[f];
@@ -21,7 +21,7 @@ var x = function(t) {
     }
     return s.promise;
   };
-  function y() {
+  function w() {
     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;
   }
@@ -31,8 +31,8 @@ function C(e) {
 }
 function E() {
   var e = {};
-  return e.promise = new Promise(function(t, l) {
-    e.resolve = t, e.reject = l;
+  return e.promise = new Promise(function(t, r) {
+    e.resolve = t, e.reject = r;
   }), 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),
@@ -41,7 +41,7 @@ const L = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
     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-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}`, q = class {
   constructor(e) {
     g(this, e), this.triggerRerender = S(async () => {
       await this.updateLayout(), this.updateScrolledState(), this.updateEmptyState();
@@ -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 l = t.shadowRoot.querySelector(".table-row-group__header-row");
-      !Boolean(l) || (t.shadowRoot.querySelector(".table-row-group__header-row").style.width = "");
+      const r = t.shadowRoot.querySelector(".table-row-group__header-row");
+      !Boolean(r) || (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, 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"));
+    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"));
   }
   getColumns() {
     return Array.from(this.el.querySelectorAll("swirl-table-column"));
@@ -101,16 +101,16 @@ const L = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
   }
   layoutRowGroups() {
     var e;
-    const t = Array.from(this.el.querySelectorAll("swirl-table-row-group")), l = `${(e = this.el.shadowRoot.querySelector(".table__container")) === null || e === void 0 ? void 0 : e.scrollWidth}px`;
+    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) => {
       const i = o.shadowRoot.querySelector(".table-row-group__header-row");
-      !Boolean(i) || (o.shadowRoot.querySelector(".table-row-group__header-row").style.width = l);
+      !Boolean(i) || (o.shadowRoot.querySelector(".table-row-group__header-row").style.width = r);
     });
   }
   layOutCells() {
     const e = this.getColumns(), t = this.getCells();
-    e.forEach((l, o) => {
-      const i = t.filter((n, a) => (o - a) % e.length === 0), s = l.width || `${l.getBoundingClientRect().width}px`;
+    e.forEach((r, o) => {
+      const i = t.filter((n, a) => (o - a) % e.length === 0), s = r.width || `${r.getBoundingClientRect().width}px`;
       i.forEach((n) => {
         n.style.flex = Boolean(s) ? `0 0 ${s}` : "";
       });
@@ -121,10 +121,10 @@ const L = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
     this.empty = !Boolean(e) || e.children.length === 0;
   }
   render() {
-    return r(v, 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 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))))))));
   }
   get el() {
-    return _(this);
+    return v(this);
   }
 };
 q.style = L;

package/dist/{swirl-tabs.entry.3c77f9b1.js → swirl-tabs.entry.d44d8af6.js}

@@ -1,4 +1,4 @@
-import { r as e, c as b, h as s, H as r, g as n } from "./index.6a678d3c.js";
+import { r as e, c as b, h as s, H as r, g as n } from "./index.efe884d5.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.818f94cd.js → swirl-tag.entry.59c51e8a.js}

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

package/dist/{swirl-text-input.entry.e48c5a83.js → swirl-text-input.entry.8c79166d.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as d } from "./index.6a678d3c.js";
+import { r as h, c as n, h as i, H as d } from "./index.efe884d5.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { g as x } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-text.entry.4bfee246.js → swirl-text.entry.dfee1418.js}

@@ -1,4 +1,4 @@
-import { r as I, h as b, H as J, g as T } from "./index.6a678d3c.js";
+import { r as I, h as b, H as J, g as T } from "./index.efe884d5.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.c9b21361.js → swirl-theme-provider.entry.d1f64769.js}

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

package/dist/{swirl-time-input.entry.a6965e7f.js → swirl-time-input.entry.b5dfb424.js}

@@ -1,4 +1,4 @@
-import { r as h, c, h as a, H as m, g as p } from "./index.6a678d3c.js";
+import { r as h, c, h as a, H as m, g as p } from "./index.efe884d5.js";
 import { c as v } from "./index-d280dafb.186cdb0e.js";
 import { p as r, i as o, f as l, m as f } from "./maska-4866b970.5336f9cb.js";
 import { g as w } from "./utils-bc84f36e.1fee9865.js";

package/dist/{swirl-toast-provider.entry.5d8dbf0a.js → swirl-toast-provider.entry.deb0fed3.js}

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

package/dist/{swirl-toast.entry.ffc9225e.js → swirl-toast.entry.10b81d76.js}

@@ -1,4 +1,4 @@
-import { r as a, c as n, h as i, H as r } from "./index.6a678d3c.js";
+import { r as a, c as n, h as i, H as r } from "./index.efe884d5.js";
 import { c as d } from "./index-d280dafb.186cdb0e.js";
 import { g as c } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-tooltip.entry.4d252741.js → swirl-tooltip.entry.b21cccca.js}

@@ -1,4 +1,4 @@
-import { r as n, h as i, H as l } from "./index.6a678d3c.js";
+import { r as n, h as i, H as l } from "./index.efe884d5.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.de6e8f20.js → swirl-tree-navigation-item.entry.8e452e1a.js}

@@ -1,4 +1,4 @@
-import { r as a, h as i, H as s, g as r } from "./index.6a678d3c.js";
+import { r as a, h as i, H as s, g as r } from "./index.efe884d5.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-video-thumbnail.entry.a4d471aa.js → swirl-video-thumbnail.entry.6750ca18.js}

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

package/dist/{swirl-visually-hidden.entry.271a7bbb.js → swirl-visually-hidden.entry.9ba83c53.js}

@@ -1,4 +1,4 @@
-import { r as s, h as i, H as l } from "./index.6a678d3c.js";
+import { r as s, h as i, H as l } from "./index.efe884d5.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.e56647da.js → wc-datepicker.entry.87d7b3b7.js}

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

package/package.json

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