@wrdagency/blockout 1.0.15 → 1.0.18

package/dist/tooltip-arrow-DSk_atex.js

@@ -0,0 +1,273 @@
+import { c as q, u as Z, a as G, b as J } from "./MR26YJYP-BSJHEQsl.js";
+import { c as K } from "./G7GW6PWC-DtkamyQv.js";
+import { T as R, V as w, U as y, I as Q, f as x, c as E, a as O, _, i as k, l as X, o as b, m as N, a4 as V, M as Y, a1 as ee, e as H, q as te, n as oe, r as re, b as ne, ad as ae, s as se } from "./LMDWO4NN-BxsnVArz.js";
+import { jsx as h, jsxs as ie } from "react/jsx-runtime";
+import { c as U, b as ue, d as I, e as M, a as j } from "./YV4JVR4I-BLQoWp1E.js";
+import { useRef as le, useEffect as z, useMemo as D, useState as ce } from "react";
+import { H as de, a as pe } from "./EM5CXX6A-CW08TdIG.js";
+import { u as ve } from "./MTZPJQMC-CNw1MVtu.js";
+function fe(o = {}) {
+  var r;
+  process.env.NODE_ENV !== "production" && o.type === "label" && console.warn(
+    "The `type` option on the tooltip store is deprecated.",
+    "Render a visually hidden label or use the `aria-label` or `aria-labelledby` attributes on the anchor element instead.",
+    "See https://ariakit.org/components/tooltip#tooltip-anchors-must-have-accessible-names"
+  );
+  const t = (r = o.store) == null ? void 0 : r.getState(), e = q(R(y({}, o), {
+    placement: w(
+      o.placement,
+      t == null ? void 0 : t.placement,
+      "top"
+    ),
+    hideTimeout: w(o.hideTimeout, t == null ? void 0 : t.hideTimeout, 0)
+  })), c = R(y({}, e.getState()), {
+    type: w(o.type, t == null ? void 0 : t.type, "description"),
+    skipTimeout: w(o.skipTimeout, t == null ? void 0 : t.skipTimeout, 300)
+  }), n = U(c, e, o.store);
+  return y(y({}, e), n);
+}
+function me(o, r, t) {
+  return I(o, t, "type"), I(o, t, "skipTimeout"), Z(o, r, t);
+}
+function he(o = {}) {
+  const [r, t] = ue(fe, o);
+  return me(r, t, o);
+}
+var A = Q(
+  [pe],
+  [de]
+), Se = A.useContext, W = A.useProviderContext, be = A.ContextProvider, Te = A.ScopedContextProvider, Pe = "div", ge = E(
+  function(r) {
+    var t = r, {
+      store: e,
+      portal: c = !0,
+      gutter: n = 8,
+      preserveTabOrder: d = !1,
+      hideOnHoverOutside: v = !0,
+      hideOnInteractOutside: p = !0
+    } = t, s = _(t, [
+      "store",
+      "portal",
+      "gutter",
+      "preserveTabOrder",
+      "hideOnHoverOutside",
+      "hideOnInteractOutside"
+    ]);
+    const i = W();
+    e = e || i, k(
+      e,
+      process.env.NODE_ENV !== "production" && "Tooltip must receive a `store` prop or be wrapped in a TooltipProvider component."
+    ), s = X(
+      s,
+      (u) => /* @__PURE__ */ h(Te, { value: e, children: u }),
+      [e]
+    );
+    const P = e.useState(
+      (u) => u.type === "description" ? "tooltip" : "none"
+    );
+    return s = b({ role: P }, s), s = G(N(b({}, s), {
+      store: e,
+      portal: c,
+      gutter: n,
+      preserveTabOrder: d,
+      hideOnHoverOutside(u) {
+        if (V(v, u)) return !1;
+        const f = e == null ? void 0 : e.getState().anchorElement;
+        return f ? !("focusVisible" in f.dataset) : !0;
+      },
+      hideOnInteractOutside: (u) => {
+        if (V(p, u)) return !1;
+        const f = e == null ? void 0 : e.getState().anchorElement;
+        return f ? !Y(f, u.target) : !0;
+      }
+    })), s;
+  }
+), Me = K(
+  x(function(r) {
+    const t = ge(r);
+    return O(Pe, t);
+  }),
+  W
+);
+function ze(o = {}) {
+  const r = he(o);
+  return /* @__PURE__ */ h(be, { value: r, children: o.children });
+}
+var we = "div", S = U({
+  activeStore: null
+});
+function B(o) {
+  return () => {
+    const { activeStore: r } = S.getState();
+    r === o && S.setState("activeStore", null);
+  };
+}
+var ye = E(
+  function(r) {
+    var t = r, { store: e, showOnHover: c = !0 } = t, n = _(t, ["store", "showOnHover"]);
+    const d = W();
+    e = e || d, k(
+      e,
+      process.env.NODE_ENV !== "production" && "TooltipAnchor must receive a `store` prop or be wrapped in a TooltipProvider component."
+    );
+    const v = le(!1);
+    z(() => M(e, ["mounted"], (a) => {
+      a.mounted || (v.current = !1);
+    }), [e]), z(() => {
+      if (e)
+        return ee(
+          // Immediately remove the current store from the global store when
+          // the component unmounts. This is useful, for example, to avoid
+          // showing tooltips immediately on serial tests.
+          B(e),
+          M(e, ["mounted", "skipTimeout"], (a) => {
+            if (!e) return;
+            if (a.mounted) {
+              const { activeStore: T } = S.getState();
+              return T !== e && (T == null || T.hide()), S.setState("activeStore", e);
+            }
+            const l = setTimeout(
+              B(e),
+              a.skipTimeout
+            );
+            return () => clearTimeout(l);
+          })
+        );
+    }, [e]);
+    const p = n.onMouseEnter, s = H((a) => {
+      p == null || p(a), v.current = !0;
+    }), i = n.onFocusVisible, P = H((a) => {
+      i == null || i(a), !a.defaultPrevented && (e == null || e.setAnchorElement(a.currentTarget), e == null || e.show());
+    }), u = n.onBlur, f = H((a) => {
+      if (u == null || u(a), a.defaultPrevented) return;
+      const { activeStore: l } = S.getState();
+      v.current = !1, l === e && S.setState("activeStore", null);
+    }), C = e.useState("type"), g = e.useState((a) => {
+      var l;
+      return (l = a.contentElement) == null ? void 0 : l.id;
+    });
+    return n = N(b({
+      "aria-labelledby": C === "label" ? g : void 0
+    }, n), {
+      onMouseEnter: s,
+      onFocusVisible: P,
+      onBlur: f
+    }), n = J(b({
+      store: e,
+      showOnHover(a) {
+        if (!v.current || V(c, a)) return !1;
+        const { activeStore: l } = S.getState();
+        return l ? (e == null || e.show(), !1) : !0;
+      }
+    }, n)), n;
+  }
+), De = x(function(r) {
+  const t = ye(r);
+  return O(we, t);
+}), F = "M23 27.8C24.1 29 26.4 30 28 30H30H0H2C3.7 30 5.9 29 7 27.8L14 20.6C14.7 19.8 15.3 19.8 16 20.6L23 27.8Z", xe = "div", $ = 30, m = $ / 2, Ee = {
+  top: `rotate(180 ${m} ${m})`,
+  right: `rotate(-90 ${m} ${m})`,
+  bottom: `rotate(0 ${m} ${m})`,
+  left: `rotate(90 ${m} ${m})`
+};
+function Oe(o) {
+  const [r, t] = ce(), e = j(o, "contentElement");
+  return ne(() => {
+    if (!e) return;
+    const n = ae(e).getComputedStyle(e);
+    t(n);
+  }, [e]), r;
+}
+function _e(o) {
+  var r;
+  return o ? (r = o.getPropertyValue("box-shadow").match(/0px 0px 0px ([^0]+px)/)) == null ? void 0 : r[1] : void 0;
+}
+var L = E(
+  function(r) {
+    var t = r, {
+      store: e,
+      size: c = $,
+      borderWidth: n
+    } = t, d = _(t, [
+      "store",
+      "size",
+      "borderWidth"
+    ]);
+    const v = ve();
+    e = e || v, k(
+      e,
+      process.env.NODE_ENV !== "production" && "PopoverArrow must be wrapped in a Popover component."
+    );
+    const p = j(
+      e,
+      (l) => l.currentPlacement.split("-")[0]
+    ), s = te(), i = Oe(e), P = (i == null ? void 0 : i.getPropertyValue("background-color")) || "none", u = (i == null ? void 0 : i.getPropertyValue(`border-${p}-color`)) || "none", C = D(() => {
+      if (n != null) return n;
+      if (!i) return 0;
+      const l = _e(i);
+      if (l) return Number.parseInt(l);
+      const T = i.getPropertyValue(`border-${p}-width`);
+      return T ? Number.parseInt(T) : 0;
+    }, [n, i, p]) * 2 * ($ / c), g = Ee[p], a = D(
+      () => /* @__PURE__ */ h("svg", { display: "block", viewBox: "0 0 30 30", children: /* @__PURE__ */ ie("g", { transform: g, children: [
+        /* @__PURE__ */ h("path", { fill: "none", d: F, mask: `url(#${s})` }),
+        /* @__PURE__ */ h("path", { stroke: "none", d: F }),
+        /* @__PURE__ */ h("mask", { id: s, maskUnits: "userSpaceOnUse", children: /* @__PURE__ */ h(
+          "rect",
+          {
+            x: "-15",
+            y: "0",
+            width: "60",
+            height: "30",
+            fill: "white",
+            stroke: "black"
+          }
+        ) })
+      ] }) }),
+      [g, s]
+    );
+    return d = N(b({
+      children: a,
+      "aria-hidden": !0
+    }, d), {
+      ref: oe(e.setArrowElement, d.ref),
+      style: b({
+        position: "absolute",
+        fontSize: c,
+        width: "1em",
+        height: "1em",
+        pointerEvents: "none",
+        fill: `var(--ak-layer, ${P})`,
+        stroke: `var(--ak-layer-border, ${u})`,
+        strokeWidth: C
+      }, d.style)
+    }), re(d);
+  }
+), Be = se(
+  x(function(r) {
+    const t = L(r);
+    return O(xe, t);
+  })
+), ke = "div", Ae = E(
+  function(r) {
+    var t = r, { store: e, size: c = 16 } = t, n = _(t, ["store", "size"]);
+    const d = Se();
+    return e = e || d, k(
+      e,
+      process.env.NODE_ENV !== "production" && "TooltipArrow must be wrapped in a Tooltip component."
+    ), n = L(b({ store: e, size: c }, n)), n;
+  }
+), Fe = x(function(r) {
+  const t = Ae(r);
+  return O(ke, t);
+});
+export {
+  Be as P,
+  ze as T,
+  De as a,
+  Me as b,
+  Fe as c,
+  Se as d,
+  he as e,
+  L as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wrdagency/blockout",
-	"version": "1.0.15",
+	"version": "1.0.18",
 	"description": "A React component library created by WRD.agency",
 	"type": "module",
 	"main": "dist/index.js",