@versaur/react 1.0.13 → 1.0.15

package/dist/tooltip-_eEMRSo8.js

@@ -1,268 +0,0 @@
-import { jsx as f } from "react/jsx-runtime";
-import { iconStyles as _, hrStyles as k, buttonIconStyles as F, tooltipStyles as A } from "@versaur/core/primitive";
-import B, { forwardRef as E, useRef as b, useEffect as y } from "react";
-import { u as w } from "./use-data-attrs-iPFyfiKN.js";
-import { c as T } from "./cx-B9vmfsc1.js";
-import { LoaderIcon as C } from "@versaur/icons";
-const L = B.forwardRef(function({ intent: t = "inherit", size: n = "inherit", as: o, className: c, ...a }, s) {
-  const r = w({ intent: t, size: n });
-  return /* @__PURE__ */ f(o, { ref: s, className: T(_.icon, c), ...r, ...a });
-});
-L.displayName = "Icon";
-const H = E(
-  ({ orientation: e, variant: t, size: n, spacing: o, className: c, ...a }, s) => {
-    const r = w({
-      orientation: e,
-      size: n,
-      spacing: o,
-      variant: t
-    });
-    return /* @__PURE__ */ f(
-      "hr",
-      {
-        ref: s,
-        className: T(k.hr, c),
-        role: "separator",
-        "aria-orientation": e === "vertical" ? "vertical" : void 0,
-        ...r,
-        ...a
-      }
-    );
-  }
-);
-H.displayName = "Hr";
-const M = E(
-  ({
-    as: e,
-    variant: t = "primary",
-    size: n = "medium",
-    loading: o = !1,
-    disabled: c = !1,
-    pressed: a = !1,
-    type: s = "button",
-    onClick: r,
-    iconProps: i = {},
-    "aria-label": l,
-    className: u,
-    ...p
-  }, d) => {
-    const h = w({
-      disabled: c || o,
-      loading: o,
-      size: n,
-      variant: t
-    }), g = (v) => {
-      if (c || o) {
-        v.preventDefault();
-        return;
-      }
-      r == null || r(v);
-    };
-    return /* @__PURE__ */ f(
-      "button",
-      {
-        ref: d,
-        type: s,
-        className: T(F["button-icon"], u),
-        "aria-label": l,
-        "aria-pressed": a ? "true" : void 0,
-        "aria-busy": o ? "true" : void 0,
-        "aria-disabled": c || o ? "true" : void 0,
-        ...h,
-        ...p,
-        onClick: g,
-        children: o ? /* @__PURE__ */ f(L, { as: C, "aria-label": "Loading", "data-loading-icon": "loader" }) : /* @__PURE__ */ f(L, { as: e, ...i })
-      }
-    );
-  }
-);
-M.displayName = "ButtonIcon";
-function $(...e) {
-  return (t) => {
-    e.forEach((n) => {
-      if (typeof n == "function")
-        n(t);
-      else if (n && "current" in n)
-        try {
-          n.current = t;
-        } catch {
-        }
-    });
-  };
-}
-const j = 100, m = 16;
-function q(e, t) {
-  let n = e.parentElement;
-  for (; n; ) {
-    const o = n.querySelector(`[data-tooltip-trigger="${t}"]`);
-    if (o) return o;
-    if (n === document.body) break;
-    n = n.parentElement;
-  }
-  return null;
-}
-function D(e, t, n = j) {
-  const o = window.innerWidth, c = window.innerHeight, a = {
-    top: e.top,
-    bottom: c - e.bottom,
-    left: e.left,
-    right: o - e.right
-  };
-  if (a.bottom >= n)
-    return "bottom";
-  if (t) {
-    const s = e.left + e.width / 2, r = e.top + e.height / 2, i = [], l = e.bottom + t.height + m <= c && s - t.width / 2 >= m && s + t.width / 2 <= o - m;
-    i.push(["bottom", a.bottom, l]);
-    const u = e.top - t.height - m >= 0 && s - t.width / 2 >= m && s + t.width / 2 <= o - m;
-    i.push(["top", a.top, u]);
-    const p = e.right + t.width + m <= o && r - t.height / 2 >= m && r + t.height / 2 <= c - m;
-    i.push(["right", a.right, p]);
-    const d = e.left - t.width - m >= 0 && r - t.height / 2 >= m && r + t.height / 2 <= c - m;
-    i.push(["left", a.left, d]);
-    const h = i.filter(([g, v, x]) => x);
-    if (h.length > 0)
-      return h.reduce(
-        (g, v) => v[1] > g[1] ? v : g
-      )[0];
-  }
-  return Object.entries(a).reduce(
-    (s, r) => r[1] > s[1] ? r : s
-  )[0];
-}
-function O(e, t, n) {
-  let o = null;
-  const c = () => new Promise((i) => {
-    requestAnimationFrame(() => {
-      const l = e.getBoundingClientRect(), u = { width: l.width, height: l.height }, p = n || D(t.getBoundingClientRect(), u);
-      i(p);
-    });
-  }), a = async () => {
-    r();
-    const i = await c();
-    e.dataset.placement = i, e.matches(":popover-open") || e.showPopover();
-  }, s = (i) => {
-    o && (clearTimeout(o), o = null), i ? o = setTimeout(() => {
-      e.matches(":popover-open") && e.hidePopover(), o = null;
-    }, 100) : e.matches(":popover-open") && e.hidePopover();
-  }, r = () => {
-    o && (clearTimeout(o), o = null);
-  };
-  return { showTooltip: a, hideTooltip: s, cancelHide: r, cleanup: () => clearTimeout(o ?? void 0) };
-}
-function G({
-  id: e,
-  tooltipRef: t,
-  placement: n,
-  type: o
-}) {
-  const c = b(null), a = b(null);
-  y(() => {
-    const s = t.current;
-    if (!s || !e)
-      return;
-    const r = q(s, e);
-    if (r)
-      return a.current = r, c.current = O(s, r, n), () => {
-        var i;
-        (i = c.current) == null || i.cleanup(), c.current = null;
-      };
-  }, [e, n, t]), y(() => {
-    if (o !== "hover" || !c.current || !a.current) return;
-    const s = a.current, r = c.current, i = t.current;
-    if (!i) return;
-    const l = () => {
-      r.showTooltip();
-    }, u = () => {
-      r.hideTooltip(!0);
-    }, p = () => {
-      r.cancelHide();
-    }, d = () => {
-      r.hideTooltip(!0);
-    };
-    return s.addEventListener("mouseenter", l), s.addEventListener("mouseleave", u), i.addEventListener("mouseenter", p), i.addEventListener("mouseleave", d), () => {
-      s.removeEventListener("mouseenter", l), s.removeEventListener("mouseleave", u), i.removeEventListener("mouseenter", p), i.removeEventListener("mouseleave", d);
-    };
-  }, [o, t]), y(() => {
-    if (o !== "persisted" || !c.current || !a.current) return;
-    const s = a.current, r = c.current, i = t.current;
-    if (!i) return;
-    const l = (d) => {
-      d.stopPropagation(), i.matches(":popover-open") ? r.hideTooltip(!1) : r.showTooltip();
-    }, u = (d) => {
-      const h = d.target;
-      i.matches(":popover-open") && !s.contains(h) && !i.contains(h) && r.hideTooltip(!1);
-    }, p = (d) => {
-      d.key === "Escape" && i.matches(":popover-open") && r.hideTooltip(!1);
-    };
-    return s.addEventListener("click", l), document.addEventListener("click", u), document.addEventListener("keydown", p), () => {
-      s.removeEventListener("click", l), document.removeEventListener("click", u), document.removeEventListener("keydown", p);
-    };
-  }, [o, t]);
-}
-const U = 8, I = E(
-  ({ id: e, children: t, placement: n, gap: o = U, type: c = "hover", style: a, className: s, ...r }, i) => {
-    const l = b(null), u = w({
-      placement: n
-    });
-    return G({
-      id: e,
-      placement: n,
-      tooltipRef: l,
-      type: c
-    }), /* @__PURE__ */ f(
-      "div",
-      {
-        ref: $(l, i),
-        id: e,
-        className: T(A.tooltip, s),
-        ...u,
-        style: {
-          "--_gap": `${o}px`,
-          positionAnchor: `--tooltip-${e}`,
-          ...a
-        },
-        ...r,
-        popover: "auto",
-        children: t
-      }
-    );
-  }
-);
-I.displayName = "Tooltip";
-const N = E(
-  ({ children: e, maxWidth: t, maxLines: n = 2, style: o, className: c, ...a }, s) => {
-    const r = {
-      "--_lines": n,
-      "--_max-width": t,
-      ...o
-    };
-    return /* @__PURE__ */ f("div", { ref: s, className: T(A["tooltip-text"], c), style: r, ...a, children: e });
-  }
-);
-N.displayName = "Tooltip.Text";
-function W(e) {
-  const { id: t, ...n } = e;
-  return {
-    "data-tooltip-trigger": t,
-    style: { anchorName: `--tooltip-${t}` },
-    ...Object.fromEntries(Object.entries(n).map(([o, c]) => [o, String(c)]))
-  };
-}
-function X(e) {
-  const { id: t } = e, n = document.getElementById(t);
-  n && n.matches(":popover-open") && requestAnimationFrame(() => {
-    const o = document.querySelector(`[data-tooltip-trigger="${t}"]`);
-    o && document.activeElement === o && o.blur(), n.matches(":popover-open") && n.hidePopover();
-  });
-}
-const P = I;
-P.Text = N;
-P.getTooltipTriggerProps = W;
-P.close = X;
-export {
-  M as B,
-  H,
-  L as I,
-  P as T,
-  $ as c
-};

package/dist/use-data-attrs-iPFyfiKN.js

@@ -1,16 +0,0 @@
-function r(e) {
-  return e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-}
-function i(e) {
-  const o = {};
-  for (const [a, t] of Object.entries(e)) {
-    if (t == null)
-      continue;
-    const n = r(a);
-    typeof t == "boolean" ? t && (o[`data-${n}`] = (!!t).toString()) : (typeof t == "string" || typeof t == "number") && (o[`data-${n}`] = String(t));
-  }
-  return o;
-}
-export {
-  i as u
-};