@getflip/swirl-components-react 0.4.0 → 0.5.0

package/dist/{flip-toast-provider.entry.442c1fb8.js → flip-toast-provider.entry.4c55da45.js}

@@ -1,4 +1,4 @@
-import { r, h as a, H as n } from "./index.b66ff9f0.js";
+import { r, h as a, H as e } from "./index.ac96d2b2.js";
 import "react";
 import "react-dom";
 const l = class {
@@ -16,11 +16,13 @@ const l = class {
   async toast(t) {
     if (this.toasts.some((o) => o.toastId === t.toastId))
       return;
-    const s = this.globalDuration === void 0 ? t.duration : this.globalDuration === 0 ? void 0 : this.globalDuration, i = Object.assign(Object.assign({}, t), { createdAt: new Date(), duration: s, toastId: t.toastId || String(Math.round(Math.random() * 1e4)) });
+    let s = this.globalDuration;
+    this.globalDuration === void 0 ? s = t.duration : this.globalDuration === 0 && (s = void 0);
+    const i = Object.assign(Object.assign({}, t), { createdAt: new Date(), duration: s, toastId: t.toastId || String(Math.round(Math.random() * 1e4)) });
     return this.toasts = [...this.toasts, i], i;
   }
   render() {
-    return a(n, { role: "status" }, a("flip-stack", { spacing: "12" }, this.toasts.map((t) => a("flip-toast", Object.assign({ key: t.toastId, onDismiss: this.onDismiss }, t)))));
+    return a(e, { role: "status" }, a("flip-stack", { spacing: "12" }, this.toasts.map((t) => a("flip-toast", Object.assign({ key: t.toastId, onDismiss: this.onDismiss }, t)))));
   }
 };
 export {

package/dist/{flip-toast.entry.696f6bd2.js → flip-toast.entry.c306c0f6.js}

@@ -1,4 +1,4 @@
-import { r as i, c as a, h as t, H as e } from "./index.b66ff9f0.js";
+import { r as i, c as a, h as t, H as e } from "./index.ac96d2b2.js";
 import { c as o } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/{flip-tooltip.entry.0c1774a4.js → flip-tooltip.entry.4544c9e8.js}

@@ -1,8 +1,8 @@
-import { r as n, h as o, H as l } from "./index.b66ff9f0.js";
+import { r as n, h as o, H as l } from "./index.ac96d2b2.js";
 import { c as r, o as p, s as h, f as d } from "./floating-ui.dom.esm-1a4e8b8a.87557233.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);-webkit-animation:tooltip-fade-in 0.1s;animation:tooltip-fade-in 0.1s;backgrund-color:red}.tooltip__arrow{position:absolute;width:0.5rem;height:0.5rem;background-color:var(--s-surface-neutral-default)}@-webkit-keyframes tooltip-fade-in{from{opacity:0}to{opacity:1}}@keyframes tooltip-fade-in{from{opacity:0}to{opacity:1}}", u = class {
+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);-webkit-animation:tooltip-fade-in 0.1s;animation:tooltip-fade-in 0.1s}.tooltip__arrow{position:absolute;width:0.5rem;height:0.5rem;background-color:var(--s-surface-neutral-default)}@-webkit-keyframes tooltip-fade-in{from{opacity:0}to{opacity:1}}@keyframes tooltip-fade-in{from{opacity:0}to{opacity:1}}", u = class {
   constructor(e) {
     n(this, e), this.delay = 300, this.position = "top", this.visible = !1, this.onKeydown = (t) => {
       t.code === "Escape" && this.hide();

package/dist/{flip-video-thumbnail.entry.b6b896d0.js → flip-video-thumbnail.entry.7e6a70de.js}

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

package/dist/{flip-visually-hidden.entry.58a19f2e.js → flip-visually-hidden.entry.59b6f888.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as l } from "./index.b66ff9f0.js";
+import { r, h as i, H as l } from "./index.ac96d2b2.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 {