@gv-tech/ui-web 2.10.0 → 2.12.0

package/dist/tooltip.es.js

@@ -0,0 +1,342 @@
+import { j as u } from "./jsx-runtime-tc70JA_2.mjs";
+import * as s from "react";
+import { P as Y, c as C, b as q } from "./index-K9FzbxYw.mjs";
+import { u as I } from "./index-DLcqcWxM.mjs";
+import { c as X } from "./index-IZ2gq03c.mjs";
+import { D as K } from "./index-Dfzl8TxY.mjs";
+import { u as W } from "./index-DnFcfnA9.mjs";
+import { A as J, c as M, C as Q, R as Z, a as ee } from "./index-CwfE56Ep.mjs";
+import { P as te } from "./index-vuPgkS0V.mjs";
+import { u as oe } from "./index-p6xVFRb4.mjs";
+import { R as re } from "./index-DKN_vhyX.mjs";
+import { c as ne } from "./utils-B6yFEsav.mjs";
+var [_] = X("Tooltip", [
+  M
+]), O = M(), H = "TooltipProvider", se = 700, j = "tooltip.open", [ae, L] = _(H), S = (e) => {
+  const {
+    __scopeTooltip: o,
+    delayDuration: t = se,
+    skipDelayDuration: r = 300,
+    disableHoverableContent: n = !1,
+    children: l
+  } = e, i = s.useRef(!0), v = s.useRef(!1), a = s.useRef(0);
+  return s.useEffect(() => {
+    const d = a.current;
+    return () => window.clearTimeout(d);
+  }, []), /* @__PURE__ */ u.jsx(
+    ae,
+    {
+      scope: o,
+      isOpenDelayedRef: i,
+      delayDuration: t,
+      onOpen: s.useCallback(() => {
+        window.clearTimeout(a.current), i.current = !1;
+      }, []),
+      onClose: s.useCallback(() => {
+        window.clearTimeout(a.current), a.current = window.setTimeout(
+          () => i.current = !0,
+          r
+        );
+      }, [r]),
+      isPointerInTransitRef: v,
+      onPointerInTransitChange: s.useCallback((d) => {
+        v.current = d;
+      }, []),
+      disableHoverableContent: n,
+      children: l
+    }
+  );
+};
+S.displayName = H;
+var E = "Tooltip", [ie, D] = _(E), G = (e) => {
+  const {
+    __scopeTooltip: o,
+    children: t,
+    open: r,
+    defaultOpen: n,
+    onOpenChange: l,
+    disableHoverableContent: i,
+    delayDuration: v
+  } = e, a = L(E, e.__scopeTooltip), d = O(o), [c, f] = s.useState(null), m = W(), p = s.useRef(0), x = i ?? a.disableHoverableContent, T = v ?? a.delayDuration, h = s.useRef(!1), [y, g] = oe({
+    prop: r,
+    defaultProp: n ?? !1,
+    onChange: (N) => {
+      N ? (a.onOpen(), document.dispatchEvent(new CustomEvent(j))) : a.onClose(), l?.(N);
+    },
+    caller: E
+  }), w = s.useMemo(() => y ? h.current ? "delayed-open" : "instant-open" : "closed", [y]), R = s.useCallback(() => {
+    window.clearTimeout(p.current), p.current = 0, h.current = !1, g(!0);
+  }, [g]), P = s.useCallback(() => {
+    window.clearTimeout(p.current), p.current = 0, g(!1);
+  }, [g]), k = s.useCallback(() => {
+    window.clearTimeout(p.current), p.current = window.setTimeout(() => {
+      h.current = !0, g(!0), p.current = 0;
+    }, T);
+  }, [T, g]);
+  return s.useEffect(() => () => {
+    p.current && (window.clearTimeout(p.current), p.current = 0);
+  }, []), /* @__PURE__ */ u.jsx(Z, { ...d, children: /* @__PURE__ */ u.jsx(
+    ie,
+    {
+      scope: o,
+      contentId: m,
+      open: y,
+      stateAttribute: w,
+      trigger: c,
+      onTriggerChange: f,
+      onTriggerEnter: s.useCallback(() => {
+        a.isOpenDelayedRef.current ? k() : R();
+      }, [a.isOpenDelayedRef, k, R]),
+      onTriggerLeave: s.useCallback(() => {
+        x ? P() : (window.clearTimeout(p.current), p.current = 0);
+      }, [P, x]),
+      onOpen: R,
+      onClose: P,
+      disableHoverableContent: x,
+      children: t
+    }
+  ) });
+};
+G.displayName = E;
+var A = "TooltipTrigger", F = s.forwardRef(
+  (e, o) => {
+    const { __scopeTooltip: t, ...r } = e, n = D(A, t), l = L(A, t), i = O(t), v = s.useRef(null), a = I(o, v, n.onTriggerChange), d = s.useRef(!1), c = s.useRef(!1), f = s.useCallback(() => d.current = !1, []);
+    return s.useEffect(() => () => document.removeEventListener("pointerup", f), [f]), /* @__PURE__ */ u.jsx(J, { asChild: !0, ...i, children: /* @__PURE__ */ u.jsx(
+      Y.button,
+      {
+        "aria-describedby": n.open ? n.contentId : void 0,
+        "data-state": n.stateAttribute,
+        ...r,
+        ref: a,
+        onPointerMove: C(e.onPointerMove, (m) => {
+          m.pointerType !== "touch" && !c.current && !l.isPointerInTransitRef.current && (n.onTriggerEnter(), c.current = !0);
+        }),
+        onPointerLeave: C(e.onPointerLeave, () => {
+          n.onTriggerLeave(), c.current = !1;
+        }),
+        onPointerDown: C(e.onPointerDown, () => {
+          n.open && n.onClose(), d.current = !0, document.addEventListener("pointerup", f, { once: !0 });
+        }),
+        onFocus: C(e.onFocus, () => {
+          d.current || n.onOpen();
+        }),
+        onBlur: C(e.onBlur, n.onClose),
+        onClick: C(e.onClick, n.onClose)
+      }
+    ) });
+  }
+);
+F.displayName = A;
+var le = "TooltipPortal", [Me, ce] = _(le, {
+  forceMount: void 0
+}), b = "TooltipContent", B = s.forwardRef(
+  (e, o) => {
+    const t = ce(b, e.__scopeTooltip), { forceMount: r = t.forceMount, side: n = "top", ...l } = e, i = D(b, e.__scopeTooltip);
+    return /* @__PURE__ */ u.jsx(te, { present: r || i.open, children: i.disableHoverableContent ? /* @__PURE__ */ u.jsx($, { side: n, ...l, ref: o }) : /* @__PURE__ */ u.jsx(ue, { side: n, ...l, ref: o }) });
+  }
+), ue = s.forwardRef((e, o) => {
+  const t = D(b, e.__scopeTooltip), r = L(b, e.__scopeTooltip), n = s.useRef(null), l = I(o, n), [i, v] = s.useState(null), { trigger: a, onClose: d } = t, c = n.current, { onPointerInTransitChange: f } = r, m = s.useCallback(() => {
+    v(null), f(!1);
+  }, [f]), p = s.useCallback(
+    (x, T) => {
+      const h = x.currentTarget, y = { x: x.clientX, y: x.clientY }, g = me(y, h.getBoundingClientRect()), w = xe(y, g), R = he(T.getBoundingClientRect()), P = ge([...w, ...R]);
+      v(P), f(!0);
+    },
+    [f]
+  );
+  return s.useEffect(() => () => m(), [m]), s.useEffect(() => {
+    if (a && c) {
+      const x = (h) => p(h, c), T = (h) => p(h, a);
+      return a.addEventListener("pointerleave", x), c.addEventListener("pointerleave", T), () => {
+        a.removeEventListener("pointerleave", x), c.removeEventListener("pointerleave", T);
+      };
+    }
+  }, [a, c, p, m]), s.useEffect(() => {
+    if (i) {
+      const x = (T) => {
+        const h = T.target, y = { x: T.clientX, y: T.clientY }, g = a?.contains(h) || c?.contains(h), w = !Te(y, i);
+        g ? m() : w && (m(), d());
+      };
+      return document.addEventListener("pointermove", x), () => document.removeEventListener("pointermove", x);
+    }
+  }, [a, c, i, d, m]), /* @__PURE__ */ u.jsx($, { ...e, ref: l });
+}), [pe, de] = _(E, { isInside: !1 }), fe = q("TooltipContent"), $ = s.forwardRef(
+  (e, o) => {
+    const {
+      __scopeTooltip: t,
+      children: r,
+      "aria-label": n,
+      onEscapeKeyDown: l,
+      onPointerDownOutside: i,
+      ...v
+    } = e, a = D(b, t), d = O(t), { onClose: c } = a;
+    return s.useEffect(() => (document.addEventListener(j, c), () => document.removeEventListener(j, c)), [c]), s.useEffect(() => {
+      if (a.trigger) {
+        const f = (m) => {
+          m.target?.contains(a.trigger) && c();
+        };
+        return window.addEventListener("scroll", f, { capture: !0 }), () => window.removeEventListener("scroll", f, { capture: !0 });
+      }
+    }, [a.trigger, c]), /* @__PURE__ */ u.jsx(
+      K,
+      {
+        asChild: !0,
+        disableOutsidePointerEvents: !1,
+        onEscapeKeyDown: l,
+        onPointerDownOutside: i,
+        onFocusOutside: (f) => f.preventDefault(),
+        onDismiss: c,
+        children: /* @__PURE__ */ u.jsxs(
+          Q,
+          {
+            "data-state": a.stateAttribute,
+            ...d,
+            ...v,
+            ref: o,
+            style: {
+              ...v.style,
+              "--radix-tooltip-content-transform-origin": "var(--radix-popper-transform-origin)",
+              "--radix-tooltip-content-available-width": "var(--radix-popper-available-width)",
+              "--radix-tooltip-content-available-height": "var(--radix-popper-available-height)",
+              "--radix-tooltip-trigger-width": "var(--radix-popper-anchor-width)",
+              "--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
+            },
+            children: [
+              /* @__PURE__ */ u.jsx(fe, { children: r }),
+              /* @__PURE__ */ u.jsx(pe, { scope: t, isInside: !0, children: /* @__PURE__ */ u.jsx(re, { id: a.contentId, role: "tooltip", children: n || r }) })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+B.displayName = b;
+var z = "TooltipArrow", ve = s.forwardRef(
+  (e, o) => {
+    const { __scopeTooltip: t, ...r } = e, n = O(t);
+    return de(
+      z,
+      t
+    ).isInside ? null : /* @__PURE__ */ u.jsx(ee, { ...n, ...r, ref: o });
+  }
+);
+ve.displayName = z;
+function me(e, o) {
+  const t = Math.abs(o.top - e.y), r = Math.abs(o.bottom - e.y), n = Math.abs(o.right - e.x), l = Math.abs(o.left - e.x);
+  switch (Math.min(t, r, n, l)) {
+    case l:
+      return "left";
+    case n:
+      return "right";
+    case t:
+      return "top";
+    case r:
+      return "bottom";
+    default:
+      throw new Error("unreachable");
+  }
+}
+function xe(e, o, t = 5) {
+  const r = [];
+  switch (o) {
+    case "top":
+      r.push(
+        { x: e.x - t, y: e.y + t },
+        { x: e.x + t, y: e.y + t }
+      );
+      break;
+    case "bottom":
+      r.push(
+        { x: e.x - t, y: e.y - t },
+        { x: e.x + t, y: e.y - t }
+      );
+      break;
+    case "left":
+      r.push(
+        { x: e.x + t, y: e.y - t },
+        { x: e.x + t, y: e.y + t }
+      );
+      break;
+    case "right":
+      r.push(
+        { x: e.x - t, y: e.y - t },
+        { x: e.x - t, y: e.y + t }
+      );
+      break;
+  }
+  return r;
+}
+function he(e) {
+  const { top: o, right: t, bottom: r, left: n } = e;
+  return [
+    { x: n, y: o },
+    { x: t, y: o },
+    { x: t, y: r },
+    { x: n, y: r }
+  ];
+}
+function Te(e, o) {
+  const { x: t, y: r } = e;
+  let n = !1;
+  for (let l = 0, i = o.length - 1; l < o.length; i = l++) {
+    const v = o[l], a = o[i], d = v.x, c = v.y, f = a.x, m = a.y;
+    c > r != m > r && t < (f - d) * (r - c) / (m - c) + d && (n = !n);
+  }
+  return n;
+}
+function ge(e) {
+  const o = e.slice();
+  return o.sort((t, r) => t.x < r.x ? -1 : t.x > r.x ? 1 : t.y < r.y ? -1 : t.y > r.y ? 1 : 0), ye(o);
+}
+function ye(e) {
+  if (e.length <= 1) return e.slice();
+  const o = [];
+  for (let r = 0; r < e.length; r++) {
+    const n = e[r];
+    for (; o.length >= 2; ) {
+      const l = o[o.length - 1], i = o[o.length - 2];
+      if ((l.x - i.x) * (n.y - i.y) >= (l.y - i.y) * (n.x - i.x)) o.pop();
+      else break;
+    }
+    o.push(n);
+  }
+  o.pop();
+  const t = [];
+  for (let r = e.length - 1; r >= 0; r--) {
+    const n = e[r];
+    for (; t.length >= 2; ) {
+      const l = t[t.length - 1], i = t[t.length - 2];
+      if ((l.x - i.x) * (n.y - i.y) >= (l.y - i.y) * (n.x - i.x)) t.pop();
+      else break;
+    }
+    t.push(n);
+  }
+  return t.pop(), o.length === 1 && t.length === 1 && o[0].x === t[0].x && o[0].y === t[0].y ? o : o.concat(t);
+}
+var Ce = S, be = G, U = F, V = B;
+const He = ({ delayDuration: e = 0, ...o }) => /* @__PURE__ */ u.jsx(Ce, { delayDuration: e, ...o }), Se = ({ ...e }) => /* @__PURE__ */ u.jsx(be, { ...e }), we = s.forwardRef(
+  ({ className: e, ...o }, t) => /* @__PURE__ */ u.jsx(U, { ref: t, className: e, ...o })
+);
+we.displayName = U.displayName;
+const Re = s.forwardRef(
+  ({ className: e, sideOffset: o = 4, ...t }, r) => /* @__PURE__ */ u.jsx(
+    V,
+    {
+      ref: r,
+      sideOffset: o,
+      className: ne(
+        "bg-popover text-popover-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 overflow-hidden rounded-md border px-3 py-1.5 text-sm shadow-md",
+        e
+      ),
+      ...t
+    }
+  )
+);
+Re.displayName = V.displayName;
+export {
+  Se as Tooltip,
+  Re as TooltipContent,
+  He as TooltipProvider,
+  we as TooltipTrigger
+};

package/dist/utils-B6yFEsav.mjs

@@ -0,0 +1,8 @@
+import { clsx as o } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+function m(...r) {
+  return t(o(r));
+}
+export {
+  m as c
+};

package/dist/utils-IjLH3w2e.js

@@ -0,0 +1 @@
+"use strict";const r=require("clsx"),c=require("tailwind-merge");function n(...e){return c.twMerge(r.clsx(e))}exports.cn=n;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gv-tech/ui-web",
-  "version": "2.10.0",
+  "version": "2.12.0",
   "description": "Web (DOM/Radix) implementations of the GV Tech design system components",
   "repository": {
     "type": "git",