@versaur/react 1.0.12 → 1.0.14

package/dist/tooltip-Zuq8gd0f.js

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