@getflip/swirl-components-react 0.178.0 → 0.180.0

package/dist/{swirl-symbol-pinterest.entry.f5565685.js → swirl-symbol-pinterest.entry.db4830d5.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as e } from "./index.3431ee0f.js";
+import { r as t, h as C, F as e } from "./index.baeb1480.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-policy.entry.8f7ee820.js → swirl-symbol-policy.entry.0da2eb38.js}

@@ -1,4 +1,4 @@
-import { r as l, h as i, F as o } from "./index.3431ee0f.js";
+import { r as l, h as i, F as o } from "./index.baeb1480.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-push-pin.entry.c1b6ef16.js → swirl-symbol-push-pin.entry.39cbe5bd.js}

@@ -1,4 +1,4 @@
-import { r as l, h as i, F as t } from "./index.3431ee0f.js";
+import { r as l, h as i, F as t } from "./index.baeb1480.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-redeem.entry.f9b43319.js → swirl-symbol-redeem.entry.1eda2c8d.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, F as t } from "./index.3431ee0f.js";
+import { r as e, h as s, F as t } from "./index.baeb1480.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-report-problem.entry.63de5b03.js → swirl-symbol-report-problem.entry.de70731e.js}

@@ -1,4 +1,4 @@
-import { r, h as i, F as e } from "./index.3431ee0f.js";
+import { r, h as i, F as e } from "./index.baeb1480.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-restaurant.entry.cd1b7ca7.js → swirl-symbol-restaurant.entry.54e95406.js}

@@ -1,4 +1,4 @@
-import { r as C, h as t, F as r } from "./index.3431ee0f.js";
+import { r as C, h as t, F as r } from "./index.baeb1480.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-roadmap.entry.2b1078a2.js → swirl-symbol-roadmap.entry.6fba4322.js}

@@ -1,4 +1,4 @@
-import { r as o, h as i, F as r } from "./index.3431ee0f.js";
+import { r as o, h as i, F as r } from "./index.baeb1480.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-room.entry.7837d483.js → swirl-symbol-room.entry.2a08d394.js}

@@ -1,4 +1,4 @@
-import { r as o, h as i, F as r } from "./index.3431ee0f.js";
+import { r as o, h as i, F as r } from "./index.baeb1480.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-savings.entry.ba4ddea5.js → swirl-symbol-savings.entry.f8f572e4.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as l } from "./index.3431ee0f.js";
+import { r as t, h as C, F as l } from "./index.baeb1480.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-settings-voice.entry.15ec9055.js → swirl-symbol-settings-voice.entry.956ffe38.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, F as e } from "./index.3431ee0f.js";
+import { r as t, h as s, F as e } from "./index.baeb1480.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-shopping-cart.entry.f83f5f58.js → swirl-symbol-shopping-cart.entry.48341391.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as r } from "./index.3431ee0f.js";
+import { r as t, h as C, F as r } from "./index.baeb1480.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-smartphone.entry.f5f9acfe.js → swirl-symbol-smartphone.entry.074d8ca9.js}

@@ -1,4 +1,4 @@
-import { r, h as i, F as e } from "./index.3431ee0f.js";
+import { r, h as i, F as e } from "./index.baeb1480.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-star.entry.f5d14944.js → swirl-symbol-star.entry.397c26bc.js}

@@ -1,4 +1,4 @@
-import { r, h as i, F as l } from "./index.3431ee0f.js";
+import { r, h as i, F as l } from "./index.baeb1480.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-supervisor-account.entry.bed47ab4.js → swirl-symbol-supervisor-account.entry.e1be5d58.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as r } from "./index.3431ee0f.js";
+import { r as t, h as C, F as r } from "./index.baeb1480.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-thumbs-up-down.entry.2b1392b4.js → swirl-symbol-thumbs-up-down.entry.59295615.js}

@@ -1,4 +1,4 @@
-import { r as l, h as s, F as C } from "./index.3431ee0f.js";
+import { r as l, h as s, F as C } from "./index.baeb1480.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-twitter.entry.8e6fa16a.js → swirl-symbol-twitter.entry.74ca321b.js}

@@ -1,4 +1,4 @@
-import { r, h as i, F as C } from "./index.3431ee0f.js";
+import { r, h as i, F as C } from "./index.baeb1480.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-wb-sunny.entry.a01daead.js → swirl-symbol-wb-sunny.entry.7bb4bd70.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, F as l } from "./index.3431ee0f.js";
+import { r as t, h as s, F as l } from "./index.baeb1480.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-wechat.entry.ad4f09b0.js → swirl-symbol-wechat.entry.8e021e47.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, F as e } from "./index.3431ee0f.js";
+import { r as t, h as s, F as e } from "./index.baeb1480.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-weibo.entry.a9155b9d.js → swirl-symbol-weibo.entry.1b6e2cd6.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, F as e } from "./index.3431ee0f.js";
+import { r as t, h as s, F as e } from "./index.baeb1480.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-work.entry.17615f61.js → swirl-symbol-work.entry.59171ca2.js}

@@ -1,4 +1,4 @@
-import { r, h as i, F as o } from "./index.3431ee0f.js";
+import { r, h as i, F as o } from "./index.baeb1480.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-xing.entry.fd38fea0.js → swirl-symbol-xing.entry.024912b8.js}

@@ -1,4 +1,4 @@
-import { r as C, h as i, F as l } from "./index.3431ee0f.js";
+import { r as C, h as i, F as l } from "./index.baeb1480.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-youtube.entry.6570cc98.js → swirl-symbol-youtube.entry.bbf9ccad.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, F as o } from "./index.3431ee0f.js";
+import { r as e, h as i, F as o } from "./index.baeb1480.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol.entry.82b9590b.js → swirl-symbol.entry.39c32689.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as r } from "./index.3431ee0f.js";
+import { r as t, h as i, H as r } from "./index.baeb1480.js";
 import "react";
 import "react-dom";
 const e = ":host{display:inline-flex}", l = class {

package/dist/{swirl-tab-bar.entry.decae1c9.js → swirl-tab-bar.entry.fa4c7fe1.js}

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

package/dist/{swirl-tab.entry.06ec3a04.js → swirl-tab.entry.3a72eca8.js}

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

package/dist/{swirl-table-cell.entry.7be9b83d.js → swirl-table-cell.entry.2e5d0112.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, H as l } from "./index.3431ee0f.js";
+import { r as e, h as s, H as l } from "./index.baeb1480.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-surface-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 *{box-sizing:border-box}", o = class {

package/dist/{swirl-table-column.entry.de0f5611.js → swirl-table-column.entry.7cbcc683.js}

@@ -1,4 +1,4 @@
-import { r as e, h as t, H as i, g as r } from "./index.3431ee0f.js";
+import { r as e, h as t, H as i, g as r } from "./index.baeb1480.js";
 import { c as o } from "./utils-c5f2f98f.af14538a.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-row-group.entry.e7325f4a.js → swirl-table-row-group.entry.8bdf1098.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as l, g as r } from "./index.3431ee0f.js";
+import { r as o, h as e, H as l, g as r } from "./index.baeb1480.js";
 import "react";
 import "react-dom";
 const a = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}:host(:hover),:host(:focus-within){z-index:2}.table-row-group__header-row{position:relative;z-index:var(--s-z-10);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);display:flex;align-items:center}@media (min-width: 768px){.table-row-group__label{position:sticky;left:var(--s-space-16)}}.table-row-group__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.table-row-group__tooltip-icon{color:var(--s-icon-default)}.table-row-group__collapse-icon{color:var(--s-icon-default);padding-right:var(--s-space-20)}.table-row-group__rows-container{overflow:hidden;transition:height 0.3s ease-out}.table-row-group__rows-container.is-hidden{height:0}.sc-swirl-button-h{display:flex}", n = class {

package/dist/{swirl-table-row.entry.b0f14f3d.js → swirl-table-row.entry.df7ec2b4.js}

@@ -1,4 +1,4 @@
-import { r as s, h as e, H as o, g as r } from "./index.3431ee0f.js";
+import { r as s, h as e, H as o, g as r } from "./index.baeb1480.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import { c as i } from "./utils-c5f2f98f.af14538a.js";
 import "react";

package/dist/{swirl-table.entry.e12c14f5.js → swirl-table.entry.145c271b.js}

@@ -1,4 +1,4 @@
-import { r as g, h as r, H as _, g as v } from "./index.3431ee0f.js";
+import { r as g, h as r, H as _, g as v } from "./index.baeb1480.js";
 import { d as S, i as R } from "./utils-c5f2f98f.af14538a.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tabs.entry.b475f9d7.js → swirl-tabs.entry.10bb6a66.js}

@@ -1,4 +1,4 @@
-import { r as e, c as b, h as s, H as c, g as n } from "./index.3431ee0f.js";
+import { r as e, c as b, h as s, H as c, g as n } from "./index.baeb1480.js";
 import "react";
 import "react-dom";
 const r = ".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-text-input.entry.97685b9b.js → swirl-text-input.entry.452fdf12.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as d } from "./index.3431ee0f.js";
+import { r as h, c as n, h as i, H as d } from "./index.baeb1480.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { g as x } from "./utils-c5f2f98f.af14538a.js";
 import "react";

package/dist/{swirl-text.entry.00c49c39.js → swirl-text.entry.60b86a53.js}

@@ -1,4 +1,4 @@
-import { r as ot, h as Y, H as at, g as lt } from "./index.3431ee0f.js";
+import { r as ot, h as Y, H as at, g as lt } from "./index.baeb1480.js";
 import { a as ct, c as ht, b as dt } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-theme-provider.entry.afe6d293.js → swirl-theme-provider.entry.4166b84c.js}

@@ -1,4 +1,4 @@
-import { r as m, c as o, h as a, H as d } from "./index.3431ee0f.js";
+import { r as m, c as o, h as a, H as d } from "./index.baeb1480.js";
 import "react";
 import "react-dom";
 const l = ".sc-swirl-theme-provider-h{display:block}", h = "swirl-preferred-theme", c = class {

package/dist/{swirl-time-input.entry.994c6540.js → swirl-time-input.entry.a48f05d1.js}

@@ -1,4 +1,4 @@
-import { r as c, c as d, h as a, H as p, g as m } from "./index.3431ee0f.js";
+import { r as c, c as d, h as a, H as p, g as m } from "./index.baeb1480.js";
 import { c as f } from "./index-d280dafb.186cdb0e.js";
 import { p as r, i as o, f as l, m as v } from "./maska-4866b970.5336f9cb.js";
 import { g as w } from "./utils-c5f2f98f.af14538a.js";

package/dist/{swirl-toast-provider.entry.3665057b.js → swirl-toast-provider.entry.b1a8b7bf.js}

@@ -1,4 +1,4 @@
-import { r, h as o, H as n } from "./index.3431ee0f.js";
+import { r, h as o, H as n } from "./index.baeb1480.js";
 import "react";
 import "react-dom";
 const h = class {

package/dist/{swirl-toast.entry.29f1a4e3.js → swirl-toast.entry.c35a1039.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as i, H as r } from "./index.3431ee0f.js";
+import { r as o, c as n, h as i, H as r } from "./index.baeb1480.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { g as d } from "./utils-c5f2f98f.af14538a.js";
 import "react";

package/dist/{swirl-toolbar.entry.dd5e17e9.js → swirl-toolbar.entry.120639d0.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as i, g as r } from "./index.3431ee0f.js";
+import { r as n, h as s, H as i, g as r } from "./index.baeb1480.js";
 import { b as c } from "./utils-c5f2f98f.af14538a.js";
 import "react";
 import "react-dom";

package/dist/swirl-tooltip.entry.9cfaa6ea.js

@@ -0,0 +1,93 @@
+import { r as p, h as o, H as h, g as d } from "./index.baeb1480.js";
+import { b as c, c as m, a as u, o as w, s as f, f as b } from "./floating-ui.dom.esm-b73e243b.647a7c7e.js";
+import { c as _ } from "./index-d280dafb.186cdb0e.js";
+import "react";
+import "react-dom";
+const g = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host *{box-sizing:border-box}.tooltip{display:contents}.tooltip--visible .tooltip__popper{animation:tooltip-fade-in 0.15s;animation-delay:0.1s;animation-fill-mode:forwards;opacity:0}.tooltip--actual-placement-top .tooltip__arrow{top:calc(100% - 0.0625rem);transform:translate3d(0, -50%, 0) rotate(45deg)}.tooltip--actual-placement-bottom .tooltip__arrow{bottom:calc(100% - 0.0625rem);transform:translate3d(0, 50%, 0) rotate(45deg)}.tooltip--actual-placement-left .tooltip__arrow{left:calc(100% - 0.0625rem);transform:translate3d(-50%, 0, 0) rotate(45deg)}.tooltip--actual-placement-right .tooltip__arrow{right:calc(100% - 0.0625rem);transform:translate3d(50%, 0, 0) rotate(45deg)}.tooltip .tooltip__reference{display:contents}.tooltip__popper{position:absolute;z-index:var(--s-z-40);max-width:17.5rem;opacity:0}.tooltip__bubble{position:relative;display:block;padding-top:var(--s-space-8);padding-right:var(--s-space-12);padding-bottom:calc(var(--s-space-8) + 0.0625rem);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);box-shadow:var(--s-shadow-level-2)}@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__content{white-space:normal}.tooltip__arrow{position:absolute;width:0.6875rem;height:0.6875rem;border-radius:0.125rem;background-color:var(--s-surface-neutral-default)}@keyframes tooltip-fade-in{from{opacity:0}to{opacity:1}}", y = class {
+  constructor(a) {
+    p(this, a), this.onKeydown = (t) => {
+      t.code === "Escape" && this.hide();
+    }, this.reposition = async () => {
+      var n, r;
+      const t = this.el.children[0];
+      if (!Boolean(t) || !Boolean(this.popperEl))
+        return;
+      const s = [
+        ...this.options.middleware.filter((l) => l.name !== "arrow"),
+        c({ element: this.arrowElement, padding: 12 })
+      ];
+      this.actualPosition = await m(t, this.popperEl, { ...this.options, middleware: s });
+      const e = (n = this.actualPosition.middlewareData.arrow) == null ? void 0 : n.x, i = (r = this.actualPosition.middlewareData.arrow) == null ? void 0 : r.y;
+      this.arrowStyles = {
+        left: Boolean(e) ? e + "px" : void 0,
+        top: Boolean(i) ? i + "px" : void 0
+      };
+    }, this.show = () => {
+      this.visible = !0, requestAnimationFrame(() => {
+        const t = this.el.children[0];
+        !Boolean(t) || (this.reposition(), this.disableAutoUpdate = u(t, 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 = () => {
+      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: [w(t), f(), b()],
+        placement: this.position,
+        strategy: this.positioning
+      };
+    }, this.content = void 0, this.delay = 300, this.position = "top", this.positioning = "absolute", this.actualPosition = void 0, this.arrowStyles = void 0, this.visible = !1;
+  }
+  watchPosition() {
+    this.updateOptions();
+  }
+  onMouseEnter() {
+    this.showWithDelay();
+  }
+  onMouseLeave() {
+    this.hide();
+  }
+  onWindowResize() {
+    this.reposition();
+  }
+  onWindowScroll() {
+    this.reposition();
+  }
+  componentWillLoad() {
+    this.reposition();
+  }
+  componentDidLoad() {
+    this.updateOptions();
+  }
+  render() {
+    var t, s, e;
+    const a = _("tooltip", `tooltip--actual-placement-${(t = this.actualPosition) == null ? void 0 : t.placement}`, {
+      "tooltip--visible": this.visible
+    });
+    return o(h, { onKeydown: this.onKeydown }, o("span", { class: a }, o("span", { class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, o("slot", null)), o("span", { class: "tooltip__popper", ref: (i) => this.popperEl = i, style: {
+      top: Boolean(this.actualPosition) ? `${(s = this.actualPosition) == null ? void 0 : s.y}px` : "",
+      left: Boolean(this.actualPosition) ? `${(e = this.actualPosition) == null ? void 0 : e.x}px` : "",
+      position: this.positioning
+    } }, this.visible && o("span", { class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, o("span", { class: "tooltip__content", innerHTML: this.content })), o("span", { class: "tooltip__arrow", ref: (i) => this.arrowElement = i, style: {
+      ...this.arrowStyles,
+      visibility: this.visible ? "visible" : "hidden"
+    } }))));
+  }
+  get el() {
+    return d(this);
+  }
+  static get watchers() {
+    return {
+      position: ["watchPosition"]
+    };
+  }
+};
+y.style = g;
+export {
+  y as swirl_tooltip
+};

package/dist/{swirl-tree-navigation-item.entry.aee5f952.js → swirl-tree-navigation-item.entry.bb01cf8c.js}

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

package/dist/{swirl-video-thumbnail.entry.44db0744.js → swirl-video-thumbnail.entry.9345d114.js}

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

package/dist/{swirl-visually-hidden.entry.0f071eb3.js → swirl-visually-hidden.entry.017f76a3.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as l } from "./index.3431ee0f.js";
+import { r, h as i, H as l } from "./index.baeb1480.js";
 import "react";
 import "react-dom";
 const e = ".sc-swirl-visually-hidden-h{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)}", n = class {

package/dist/{wc-datepicker.entry.227d8124.js → wc-datepicker.entry.71a880d8.js}

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components-react",
-  "version": "0.178.0",
+  "version": "0.180.0",
   "type": "module",
   "files": [
     "dist"
@@ -18,7 +18,7 @@
     "build": "tsc && vite build"
   },
   "dependencies": {
-    "@getflip/swirl-components": "^0.178.0",
+    "@getflip/swirl-components": "^0.180.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
@@ -27,7 +27,7 @@
     "@types/react-dom": "^18.0.6",
     "@vitejs/plugin-react": "^2.0.1",
     "typescript": "^4.6.4",
-    "vite": "^3.2.8",
+    "vite": "^3.2.10",
     "vite-plugin-dts": "^1.6.6"
   }
 }

package/dist/swirl-icon-info_2.entry.137628a8.js

@@ -1,106 +0,0 @@
-import { r as h, h as i, F as n, H as C, g as d } from "./index.3431ee0f.js";
-import { c as p } from "./index-d280dafb.186cdb0e.js";
-import { b as m, c as u, a as w, o as f, s as b, f as g } from "./floating-ui.dom.esm-b73e243b.647a7c7e.js";
-import "react";
-import "react-dom";
-const y = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", _ = class {
-  constructor(o) {
-    h(this, o), this.color = void 0, this.size = 24;
-  }
-  render() {
-    const o = this.size === 20 ? 24 : this.size, t = {
-      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, s = p("swirl-icon", `swirl-icon--size-${this.size}`);
-    return i("svg", { "aria-hidden": "true", class: s, fill: "none", height: this.size, part: "icon", style: t, viewBox: `0 0 ${o} ${o}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && i(n, null, i("path", { d: "M7.99998 11.3333C8.18887 11.3333 8.34731 11.2693 8.47531 11.1413C8.60287 11.0138 8.66665 10.8555 8.66665 10.6666V7.98331C8.66665 7.79442 8.60287 7.63887 8.47531 7.51665C8.34731 7.39442 8.18887 7.33331 7.99998 7.33331C7.81109 7.33331 7.65287 7.39709 7.52531 7.52465C7.39731 7.65265 7.33331 7.81109 7.33331 7.99998V10.6833C7.33331 10.8722 7.39731 11.0278 7.52531 11.15C7.65287 11.2722 7.81109 11.3333 7.99998 11.3333ZM7.99998 5.99998C8.18887 5.99998 8.34731 5.93598 8.47531 5.80798C8.60287 5.68042 8.66665 5.5222 8.66665 5.33331C8.66665 5.14442 8.60287 4.98598 8.47531 4.85798C8.34731 4.73042 8.18887 4.66665 7.99998 4.66665C7.81109 4.66665 7.65287 4.73042 7.52531 4.85798C7.39731 4.98598 7.33331 5.14442 7.33331 5.33331C7.33331 5.5222 7.39731 5.68042 7.52531 5.80798C7.65287 5.93598 7.81109 5.99998 7.99998 5.99998ZM7.99998 14.6666C7.07776 14.6666 6.21109 14.4915 5.39998 14.1413C4.58887 13.7915 3.88331 13.3166 3.28331 12.7166C2.68331 12.1166 2.20842 11.4111 1.85865 10.6C1.50842 9.78887 1.33331 8.9222 1.33331 7.99998C1.33331 7.07776 1.50842 6.21109 1.85865 5.39998C2.20842 4.58887 2.68331 3.88331 3.28331 3.28331C3.88331 2.68331 4.58887 2.2082 5.39998 1.85798C6.21109 1.5082 7.07776 1.33331 7.99998 1.33331C8.9222 1.33331 9.78887 1.5082 10.6 1.85798C11.4111 2.2082 12.1166 2.68331 12.7166 3.28331C13.3166 3.88331 13.7915 4.58887 14.1413 5.39998C14.4915 6.21109 14.6666 7.07776 14.6666 7.99998C14.6666 8.9222 14.4915 9.78887 14.1413 10.6C13.7915 11.4111 13.3166 12.1166 12.7166 12.7166C12.1166 13.3166 11.4111 13.7915 10.6 14.1413C9.78887 14.4915 8.9222 14.6666 7.99998 14.6666ZM7.99998 13.3333C9.47776 13.3333 10.7362 12.814 11.7753 11.7753C12.814 10.7362 13.3333 9.47776 13.3333 7.99998C13.3333 6.5222 12.814 5.26376 11.7753 4.22465C10.7362 3.18598 9.47776 2.66665 7.99998 2.66665C6.5222 2.66665 5.26398 3.18598 4.22531 4.22465C3.1862 5.26376 2.66665 6.5222 2.66665 7.99998C2.66665 9.47776 3.1862 10.7362 4.22531 11.7753C5.26398 12.814 6.5222 13.3333 7.99998 13.3333Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && i(n, null, i("path", { d: "M12 17C12.2833 17 12.521 16.904 12.713 16.712C12.9043 16.5207 13 16.2833 13 16V11.975C13 11.6917 12.9043 11.4583 12.713 11.275C12.521 11.0917 12.2833 11 12 11C11.7167 11 11.4793 11.0957 11.288 11.287C11.096 11.479 11 11.7167 11 12V16.025C11 16.3083 11.096 16.5417 11.288 16.725C11.4793 16.9083 11.7167 17 12 17ZM12 9C12.2833 9 12.521 8.904 12.713 8.712C12.9043 8.52067 13 8.28333 13 8C13 7.71667 12.9043 7.479 12.713 7.287C12.521 7.09567 12.2833 7 12 7C11.7167 7 11.4793 7.09567 11.288 7.287C11.096 7.479 11 7.71667 11 8C11 8.28333 11.096 8.52067 11.288 8.712C11.4793 8.904 11.7167 9 12 9ZM12 22C10.6167 22 9.31667 21.7373 8.1 21.212C6.88333 20.6873 5.825 19.975 4.925 19.075C4.025 18.175 3.31267 17.1167 2.788 15.9C2.26267 14.6833 2 13.3833 2 12C2 10.6167 2.26267 9.31667 2.788 8.1C3.31267 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.31233 8.1 2.787C9.31667 2.26233 10.6167 2 12 2C13.3833 2 14.6833 2.26233 15.9 2.787C17.1167 3.31233 18.175 4.025 19.075 4.925C19.975 5.825 20.6873 6.88333 21.212 8.1C21.7373 9.31667 22 10.6167 22 12C22 13.3833 21.7373 14.6833 21.212 15.9C20.6873 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6873 15.9 21.212C14.6833 21.7373 13.3833 22 12 22ZM12 20C14.2167 20 16.1043 19.221 17.663 17.663C19.221 16.1043 20 14.2167 20 12C20 9.78333 19.221 7.89567 17.663 6.337C16.1043 4.779 14.2167 4 12 4C9.78333 4 7.896 4.779 6.338 6.337C4.77933 7.89567 4 9.78333 4 12C4 14.2167 4.77933 16.1043 6.338 17.663C7.896 19.221 9.78333 20 12 20Z", fill: "currentColor" })), this.size === 28 && i(n, null, i("path", { d: "M14 19.8333C14.3305 19.8333 14.6078 19.7213 14.8318 19.4973C15.055 19.2741 15.1666 18.9972 15.1666 18.6666V13.9708C15.1666 13.6403 15.055 13.368 14.8318 13.1541C14.6078 12.9403 14.3305 12.8333 14 12.8333C13.6694 12.8333 13.3925 12.9449 13.1693 13.1681C12.9453 13.3921 12.8333 13.6694 12.8333 14V18.6958C12.8333 19.0264 12.9453 19.2986 13.1693 19.5125C13.3925 19.7264 13.6694 19.8333 14 19.8333ZM14 10.5C14.3305 10.5 14.6078 10.388 14.8318 10.164C15.055 9.94076 15.1666 9.66387 15.1666 9.33331C15.1666 9.00276 15.055 8.72548 14.8318 8.50148C14.6078 8.27826 14.3305 8.16665 14 8.16665C13.6694 8.16665 13.3925 8.27826 13.1693 8.50148C12.9453 8.72548 12.8333 9.00276 12.8333 9.33331C12.8333 9.66387 12.9453 9.94076 13.1693 10.164C13.3925 10.388 13.6694 10.5 14 10.5ZM14 25.6666C12.3861 25.6666 10.8694 25.3602 9.44998 24.7473C8.03054 24.1352 6.79581 23.3041 5.74581 22.2541C4.69581 21.2041 3.86476 19.9694 3.25265 18.55C2.63976 17.1305 2.33331 15.6139 2.33331 14C2.33331 12.3861 2.63976 10.8694 3.25265 9.44998C3.86476 8.03054 4.69581 6.79581 5.74581 5.74581C6.79581 4.69581 8.03054 3.86437 9.44998 3.25148C10.8694 2.63937 12.3861 2.33331 14 2.33331C15.6139 2.33331 17.1305 2.63937 18.55 3.25148C19.9694 3.86437 21.2041 4.69581 22.2541 5.74581C23.3041 6.79581 24.1352 8.03054 24.7473 9.44998C25.3602 10.8694 25.6666 12.3861 25.6666 14C25.6666 15.6139 25.3602 17.1305 24.7473 18.55C24.1352 19.9694 23.3041 21.2041 22.2541 22.2541C21.2041 23.3041 19.9694 24.1352 18.55 24.7473C17.1305 25.3602 15.6139 25.6666 14 25.6666ZM14 23.3333C16.5861 23.3333 18.7884 22.4245 20.6068 20.6068C22.4245 18.7884 23.3333 16.5861 23.3333 14C23.3333 11.4139 22.4245 9.21159 20.6068 7.39315C18.7884 5.57548 16.5861 4.66665 14 4.66665C11.4139 4.66665 9.21198 5.57548 7.39431 7.39315C5.57587 9.21159 4.66665 11.4139 4.66665 14C4.66665 16.5861 5.57587 18.7884 7.39431 20.6068C9.21198 22.4245 11.4139 23.3333 14 23.3333Z", fill: "currentColor" })));
-  }
-};
-_.style = y;
-const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host *{box-sizing:border-box}.tooltip{display:contents}.tooltip--visible .tooltip__popper{animation:tooltip-fade-in 0.15s;animation-delay:0.1s;animation-fill-mode:forwards;opacity:0}.tooltip--actual-placement-top .tooltip__arrow{top:calc(100% - 0.0625rem);transform:translate3d(0, -50%, 0) rotate(45deg)}.tooltip--actual-placement-bottom .tooltip__arrow{bottom:calc(100% - 0.0625rem);transform:translate3d(0, 50%, 0) rotate(45deg)}.tooltip--actual-placement-left .tooltip__arrow{left:calc(100% - 0.0625rem);transform:translate3d(-50%, 0, 0) rotate(45deg)}.tooltip--actual-placement-right .tooltip__arrow{right:calc(100% - 0.0625rem);transform:translate3d(50%, 0, 0) rotate(45deg)}.tooltip .tooltip__reference{display:contents}.tooltip__popper{position:absolute;z-index:var(--s-z-40);max-width:17.5rem;opacity:0}.tooltip__bubble{position:relative;display:block;padding-top:var(--s-space-8);padding-right:var(--s-space-12);padding-bottom:calc(var(--s-space-8) + 0.0625rem);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);box-shadow:var(--s-shadow-level-2)}@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.6875rem;height:0.6875rem;border-radius:0.125rem;background-color:var(--s-surface-neutral-default)}@keyframes tooltip-fade-in{from{opacity:0}to{opacity:1}}", x = class {
-  constructor(o) {
-    h(this, o), this.onKeydown = (t) => {
-      t.code === "Escape" && this.hide();
-    }, this.reposition = async () => {
-      var l, r;
-      const t = this.el.children[0];
-      if (!Boolean(t) || !Boolean(this.popperEl))
-        return;
-      const s = [
-        ...this.options.middleware.filter((c) => c.name !== "arrow"),
-        m({ element: this.arrowElement, padding: 12 })
-      ];
-      this.actualPosition = await u(t, this.popperEl, { ...this.options, middleware: s });
-      const a = (l = this.actualPosition.middlewareData.arrow) == null ? void 0 : l.x, e = (r = this.actualPosition.middlewareData.arrow) == null ? void 0 : r.y;
-      this.arrowStyles = {
-        left: Boolean(a) ? a + "px" : void 0,
-        top: Boolean(e) ? e + "px" : void 0
-      };
-    }, this.show = () => {
-      this.visible = !0, requestAnimationFrame(() => {
-        const t = this.el.children[0];
-        !Boolean(t) || (this.reposition(), this.disableAutoUpdate = w(t, 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 = () => {
-      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: [f(t), b(), g()],
-        placement: this.position,
-        strategy: this.positioning
-      };
-    }, this.content = void 0, this.delay = 300, this.position = "top", this.positioning = "absolute", this.actualPosition = void 0, this.arrowStyles = void 0, this.visible = !1;
-  }
-  watchPosition() {
-    this.updateOptions();
-  }
-  onMouseEnter() {
-    this.showWithDelay();
-  }
-  onMouseLeave() {
-    this.hide();
-  }
-  onWindowResize() {
-    this.reposition();
-  }
-  onWindowScroll() {
-    this.reposition();
-  }
-  componentWillLoad() {
-    this.reposition();
-  }
-  componentDidLoad() {
-    this.updateOptions();
-  }
-  render() {
-    var t, s, a;
-    const o = p("tooltip", `tooltip--actual-placement-${(t = this.actualPosition) == null ? void 0 : t.placement}`, {
-      "tooltip--visible": this.visible
-    });
-    return i(C, { onKeydown: this.onKeydown }, i("span", { class: o }, i("span", { class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", null)), i("span", { class: "tooltip__popper", ref: (e) => this.popperEl = e, style: {
-      top: Boolean(this.actualPosition) ? `${(s = this.actualPosition) == null ? void 0 : s.y}px` : "",
-      left: Boolean(this.actualPosition) ? `${(a = this.actualPosition) == null ? void 0 : a.x}px` : "",
-      position: this.positioning
-    } }, this.visible && i("span", { class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { class: "tooltip__content", innerHTML: this.content })), i("span", { class: "tooltip__arrow", ref: (e) => this.arrowElement = e, style: {
-      ...this.arrowStyles,
-      visibility: this.visible ? "visible" : "hidden"
-    } }))));
-  }
-  get el() {
-    return d(this);
-  }
-  static get watchers() {
-    return {
-      position: ["watchPosition"]
-    };
-  }
-};
-x.style = v;
-export {
-  _ as swirl_icon_info,
-  x as swirl_tooltip
-};