@getflip/swirl-components-react 0.29.1 → 0.29.2

package/dist/{swirl-resource-list-file-item.entry.cbf6e6f6.js → swirl-resource-list-file-item.entry.e0a0b078.js}

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

package/dist/{swirl-search.entry.184eabcf.js → swirl-search.entry.a023dd53.js}

@@ -1,4 +1,4 @@
-import { r as i, c as r, h as a, H as t } from "./index.f407a6d6.js";
+import { r as i, c as r, h as a, H as t } from "./index.bec930c1.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { a as l } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-select.entry.52d3dfec.js → swirl-select.entry.de2750bb.js}

@@ -1,4 +1,4 @@
-import { r as a, c as r, h as e, H as c, g as d } from "./index.f407a6d6.js";
+import { r as a, c as r, h as e, H as c, g as d } from "./index.bec930c1.js";
 import { c as h } from "./index-d280dafb.186cdb0e.js";
 import { q as p } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-shell-layout.entry.322c6ae6.js → swirl-shell-layout.entry.b4ddb4e0.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as t } from "./index.f407a6d6.js";
+import { r as o, h as e, H as t } from "./index.bec930c1.js";
 import { c as i } from "./index-d280dafb.186cdb0e.js";
 import { a as r, g as d } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-shell-navigation-item.entry.11413308.js → swirl-shell-navigation-item.entry.9846305a.js}

@@ -1,4 +1,4 @@
-import { r as t, h as n, H as a, g as s } from "./index.f407a6d6.js";
+import { r as t, h as n, H as a, g as s } from "./index.bec930c1.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-skeleton-box.entry.eccbc9ed.js → swirl-skeleton-box.entry.25499a5e.js}

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

package/dist/{swirl-skeleton-text.entry.b7c262e7.js → swirl-skeleton-text.entry.e846817d.js}

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as a } from "./index.f407a6d6.js";
+import { r as l, h as t, H as a } from "./index.bec930c1.js";
 import { c as s } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-stack.entry.df6fcf72.js → swirl-stack.entry.29409448.js}

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

package/dist/{swirl-switch.entry.742fa583.js → swirl-switch.entry.1a1c27f4.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as e, H as a, g as l } from "./index.f407a6d6.js";
+import { r as h, c as n, h as e, H as a, g as l } from "./index.bec930c1.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tab.entry.564f874d.js → swirl-tab.entry.8ee427b6.js}

@@ -1,4 +1,4 @@
-import { r as a, h as s, H as i } from "./index.f407a6d6.js";
+import { r as a, h as s, H as i } from "./index.bec930c1.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-cell.entry.850919d8.js → swirl-table-cell.entry.2e383005.js}

@@ -1,4 +1,4 @@
-import { r as a, h as s, H as e } from "./index.f407a6d6.js";
+import { r as a, h as s, H as e } from "./index.bec930c1.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-background-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(:first-child){border-left:var(--s-border-width-default) solid var(--s-border-default)}:host(:last-child){border-right:var(--s-border-width-default) solid var(--s-border-default)}:host *{box-sizing:border-box}", l = class {

package/dist/{swirl-table-column.entry.7e3ddd56.js → swirl-table-column.entry.56124b6f.js}

@@ -1,4 +1,4 @@
-import { r as e, h as t, H as r, g as i } from "./index.f407a6d6.js";
+import { r as e, h as t, H as r, g as i } from "./index.bec930c1.js";
 import "react";
 import "react-dom";
 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-top:var(--s-border-width-default) solid var(--s-border-default);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);background-color:var(--s-background-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(:first-child){border-left:var(--s-border-width-default) solid var(--s-border-default)}:host(:last-child){border-right:var(--s-border-width-default) solid var(--s-border-default)}: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}", a = class {

package/dist/{swirl-table-row-group.entry.b34628da.js → swirl-table-row-group.entry.0d5672bb.js}

@@ -1,4 +1,4 @@
-import { r as o, h as r, H as s, g as t } from "./index.f407a6d6.js";
+import { r as o, h as r, H as s, g as t } from "./index.bec930c1.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.4f0add36.js → swirl-table-row.entry.63331b73.js}

@@ -1,4 +1,4 @@
-import { r as s, h as o, H as e } from "./index.f407a6d6.js";
+import { r as s, h as o, H as e } from "./index.bec930c1.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table.entry.601f3d30.js → swirl-table.entry.0c1d099a.js}

@@ -1,4 +1,4 @@
-import { r as g, h as i, H as _, g as S } from "./index.f407a6d6.js";
+import { r as g, h as i, H as _, g as S } from "./index.bec930c1.js";
 import { i as v } from "./utils-61f188cc.4a43deab.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tabs.entry.dac9ec6e.js → swirl-tabs.entry.1970cc8a.js}

@@ -1,4 +1,4 @@
-import { r as i, c as r, h as e, H as o, g as b } from "./index.f407a6d6.js";
+import { r as i, c as r, h as e, H as o, g as b } from "./index.bec930c1.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tag.entry.2ab2b21f.js → swirl-tag.entry.5bab2b4a.js}

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

package/dist/{swirl-text-input.entry.9137771d.js → swirl-text-input.entry.5f75c91f.js}

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

package/dist/{swirl-text.entry.ffc3d032.js → swirl-text.entry.8e0b40ee.js}

@@ -1,4 +1,4 @@
-import { r as n, h as e, H as r, g as a } from "./index.f407a6d6.js";
+import { r as n, h as e, H as r, g as a } from "./index.bec930c1.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import { b as x } from "./balancetext-fa49c64f.754e913c.js";
 import "react";

package/dist/{swirl-theme-provider.entry.9269318d.js → swirl-theme-provider.entry.c9f939ec.js}

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

package/dist/{swirl-toast-provider.entry.90544647.js → swirl-toast-provider.entry.b9625da2.js}

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

package/dist/{swirl-toast.entry.7b299d34.js → swirl-toast.entry.5fcec1e9.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as i, H as r } from "./index.f407a6d6.js";
+import { r as o, c as n, h as i, H as r } from "./index.bec930c1.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.258ac4b8.js → swirl-tooltip.entry.dd68f88a.js}

@@ -1,4 +1,4 @@
-import { r as n, h as i, H as l } from "./index.f407a6d6.js";
+import { r as n, h as i, H as l } from "./index.bec930c1.js";
 import { c as r, o as p, s as h, f as d } from "./floating-ui.dom.esm-b9f28f6d.15013ef7.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tree-navigation-item.entry.5c05b83f.js → swirl-tree-navigation-item.entry.5e17eb9b.js}

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

package/dist/{swirl-video-thumbnail.entry.f22c01aa.js → swirl-video-thumbnail.entry.6ae8fd72.js}

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

package/dist/{swirl-visually-hidden.entry.48cee834.js → swirl-visually-hidden.entry.d1e540d8.js}

@@ -1,4 +1,4 @@
-import { r as s, h as i, H as l } from "./index.f407a6d6.js";
+import { r as s, h as i, H as l } from "./index.bec930c1.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.de1d4be2.js → wc-datepicker.entry.a5fc2843.js}

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

package/package.json

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

package/dist/swirl-carousel.entry.b4481a6f.js

@@ -1,59 +0,0 @@
-import { r, h as l, H as n, g as a } from "./index.f407a6d6.js";
-import "react";
-import "react-dom";
-const c = `:host{position:relative;display:block;overflow:hidden;width:100%}:host(:hover) .carousel__previous-slide-button{pointer-events:auto;opacity:1}:host(:hover) .carousel__next-slide-button{pointer-events:auto;opacity:1}:host *{box-sizing:border-box}.carousel{position:relative;overflow:hidden;width:100%}.carousel:before{position:absolute;z-index:1;top:0;left:0;width:var(--s-space-20);height:100%;background:linear-gradient(
-      to right,
-      rgba(var(--swirl-carousel-gradient), 1),
-      rgba(var(--swirl-carousel-gradient), 0)
-    );content:""}.carousel:after{position:absolute;z-index:1;top:0;right:0;width:var(--s-space-20);height:100%;background:linear-gradient(
-      to left,
-      rgba(var(--swirl-carousel-gradient), 1),
-      rgba(var(--swirl-carousel-gradient), 0)
-    );content:""}.carousel__slides{position:relative;display:flex;overflow-x:auto;width:100%;padding:var(--s-space-24) var(--s-space-16);scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides ::slotted(*){flex-grow:0;flex-shrink:0;scroll-snap-align:start}.carousel__previous-slide-button{position:absolute;z-index:1;top:50%;left:var(--s-space-20);transition:opacity 0.2s;transform:translateY(-50%);pointer-events:none;opacity:0}.carousel__next-slide-button{position:absolute;z-index:1;top:50%;right:var(--s-space-20);transition:opacity 0.2s;transform:translateY(-50%);pointer-events:none;opacity:0}`, d = class {
-  constructor(e) {
-    r(this, e), this.onPreviousSlideButtonClick = () => {
-      this.previousSlide();
-    }, this.onNextSlideButtonClick = () => {
-      this.nextSlide();
-    }, this.label = void 0, this.nextSlideButtonLabel = "Next slide", this.previousSlideButtonLabel = "Previous slide", this.loopAround = !1, this.isScrollable = void 0;
-  }
-  onWindowResize() {
-    this.checkScrollStatus();
-  }
-  componentDidLoad() {
-    queueMicrotask(() => {
-      this.checkScrollStatus();
-    });
-  }
-  checkScrollStatus() {
-    this.isScrollable = this.slidesContainer.scrollWidth > this.slidesContainer.offsetWidth;
-  }
-  previousSlide() {
-    const e = this.getSlides(), t = this.getActiveSlides(), i = t[0].previousElementSibling || (this.loopAround ? e[e.length - 1] : t[0]);
-    i == null || i.scrollIntoView({ block: "nearest", inline: "start" });
-  }
-  nextSlide() {
-    const e = this.getSlides(), t = this.getActiveSlides(), s = !Boolean(t[t.length - 1].nextElementSibling) && this.loopAround ? e[0] : t[0].nextElementSibling;
-    s == null || s.scrollIntoView({ block: "nearest", inline: "start" });
-  }
-  getSlides() {
-    return Array.from(this.el.querySelectorAll("swirl-carousel-slide"));
-  }
-  getActiveSlides() {
-    return this.getSlides().filter((t) => this.checkInView(t));
-  }
-  checkInView(e) {
-    let t = this.slidesContainer.scrollLeft, i = t + this.slidesContainer.clientWidth, s = e.offsetLeft, o = s + e.clientWidth;
-    return s >= t && o <= i;
-  }
-  render() {
-    return l(n, { "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, l("div", { class: "carousel" }, this.isScrollable && l("swirl-button", { class: "carousel__previous-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-left></swirl-icon-arrow-left>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: !0, variant: "flat" }), this.isScrollable && l("swirl-button", { class: "carousel__next-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-right></swirl-icon-arrow-right>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: !0, variant: "flat" }), l("div", { "aria-live": "polite", class: "carousel__slides", ref: (e) => this.slidesContainer = e }, l("slot", null))));
-  }
-  get el() {
-    return a(this);
-  }
-};
-d.style = c;
-export {
-  d as swirl_carousel
-};