@getflip/swirl-components-react 0.82.0 → 0.83.1

package/dist/{swirl-toast-provider.entry.1beddcd0.js → swirl-toast-provider.entry.ea5d0999.js}

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

package/dist/{swirl-toast.entry.cece31ca.js → swirl-toast.entry.a495c142.js}

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

package/dist/{swirl-tooltip.entry.ad9007b5.js → swirl-tooltip.entry.e6cd8584.js}

@@ -1,8 +1,8 @@
-import { r as n, h as i, H as r } from "./index.5a52a569.js";
-import { c as l, o as p, s as h, f as d } from "./floating-ui.dom.esm-ac7cc24e.79b318e4.js";
+import { r as n, h as i, H as r } from "./index.7469203a.js";
+import { c as l, a as p, o as h, s as d, f as c } from "./floating-ui.dom.esm-ac7cc24e.79b318e4.js";
 import "react";
 import "react-dom";
-const c = ":host{display:inline-flex}:host *{box-sizing:border-box}.tooltip{display:inline-flex}.tooltip .tooltip__reference{display:inline-flex}.tooltip__popper{position:fixed;z-index:var(--s-z-40);max-width:17.5rem}.tooltip__bubble{position:relative;display:block;padding-top:var(--s-space-8);padding-right:var(--s-space-12);padding-bottom:var(--s-space-8);padding-left:var(--s-space-12);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);line-height:var(--s-line-height-base);animation:tooltip-fade-in 0.1s}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tooltip__bubble{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.tooltip__arrow{position:absolute;width:0.5rem;height:0.5rem;background-color:var(--s-surface-neutral-default)}@keyframes tooltip-fade-in{from{opacity:0}to{opacity:1}}", u = class {
+const u = ":host{display:inline-flex}:host *{box-sizing:border-box}.tooltip{display:inline-flex}.tooltip .tooltip__reference{display:inline-flex}.tooltip__popper{position:fixed;z-index:var(--s-z-40);max-width:17.5rem}.tooltip__bubble{position:relative;display:block;padding-top:var(--s-space-8);padding-right:var(--s-space-12);padding-bottom:var(--s-space-8);padding-left:var(--s-space-12);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);line-height:var(--s-line-height-base);animation:tooltip-fade-in 0.2s;animation-delay:0.1s;animation-fill-mode:forwards;opacity:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tooltip__bubble{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.tooltip__arrow{position:absolute;width:0.5rem;height:0.5rem;background-color:var(--s-surface-neutral-default)}@keyframes tooltip-fade-in{from{opacity:0}to{opacity:1}}", m = class {
   constructor(s) {
     n(this, s), this.onKeydown = (t) => {
       t.code === "Escape" && this.hide();
@@ -10,18 +10,19 @@ const c = ":host{display:inline-flex}:host *{box-sizing:border-box}.tooltip{disp
       !Boolean(this.referenceEl) || !Boolean(this.popperEl) || (this.actualPosition = await l(this.referenceEl, this.popperEl, this.options));
     }, this.show = () => {
       this.visible = !0, requestAnimationFrame(() => {
-        this.reposition();
+        this.reposition(), this.disableAutoUpdate = p(this.referenceEl, this.popperEl, this.reposition.bind(this));
       });
     }, this.showWithDelay = () => {
       Boolean(this.showTimeout) && (clearTimeout(this.showTimeout), this.showTimeout = void 0), this.showTimeout = setTimeout(() => {
         this.show();
       }, this.delay);
     }, this.hide = () => {
-      Boolean(this.showTimeout) && (clearTimeout(this.showTimeout), this.showTimeout = void 0), this.visible = !1;
+      var t;
+      Boolean(this.showTimeout) && (clearTimeout(this.showTimeout), this.showTimeout = void 0), this.visible = !1, (t = this.disableAutoUpdate) == null || t.call(this);
     }, this.updateOptions = () => {
       const t = +getComputedStyle(document.documentElement).getPropertyValue("--s-space-12").replace("rem", "") * 16;
       this.options = {
-        middleware: [p(t), h(), d()],
+        middleware: [h(t), d(), c()],
         placement: this.position,
         strategy: "fixed"
       };
@@ -88,7 +89,7 @@ const c = ":host{display:inline-flex}:host *{box-sizing:border-box}.tooltip{disp
     };
   }
 };
-u.style = c;
+m.style = u;
 export {
-  u as swirl_tooltip
+  m as swirl_tooltip
 };

package/dist/{swirl-tree-navigation-item.entry.e412b4ce.js → swirl-tree-navigation-item.entry.b46834b0.js}

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

package/dist/{swirl-video-thumbnail.entry.966db4d7.js → swirl-video-thumbnail.entry.a53fce16.js}

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

package/dist/{swirl-visually-hidden.entry.186ba9e2.js → swirl-visually-hidden.entry.cf08cb52.js}

@@ -1,4 +1,4 @@
-import { r as s, h as i, H as l } from "./index.5a52a569.js";
+import { r as s, h as i, H as l } from "./index.7469203a.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.846a8fe9.js → wc-datepicker.entry.27128d75.js}

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

package/package.json

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