@konstructio/ui 0.1.2-alpha.112 → 0.1.2-alpha.114

package/dist/dist-vUCyiTQy.js

@@ -0,0 +1,365 @@
+import { a as k, r as J } from "./dist-CK8FUUUn.js";
+import { t as Q } from "./dist-CYuWoi9I.js";
+import { t as W } from "./dist-C_jtUTU9.js";
+import { i as Z, n as ee, r as w, t as te } from "./dist-DbeY0Pzx.js";
+import { n as oe } from "./dist-C0OhTLFV.js";
+import { a as re, r as ne } from "./dist-Bh7M0KDN.js";
+import { t as se } from "./dist-BbJP2Efh.js";
+import { t as F } from "./dist-uuWgjOcO.js";
+import { a as G, i as ie, n as ae, r as ce, t as le } from "./dist-1AtWkIZ4.js";
+import * as s from "react";
+import { jsx as m, jsxs as ue } from "react/jsx-runtime";
+var pe = Object.defineProperty, d = (r, e) => pe(r, "name", {
+  value: e,
+  configurable: !0
+}), [S, Ae] = Z("Tooltip", [G]), _ = G(), de = "TooltipProvider", fe = 700, A = "tooltip.open", [ve, M] = S(de), Ie = /* @__PURE__ */ d((r) => {
+  const { __scopeTooltip: e, delayDuration: t = fe, skipDelayDuration: o = 300, disableHoverableContent: i = !1, children: a } = r, n = s.useRef(!0), v = s.useRef(!1), l = s.useRef(0);
+  return s.useEffect(() => {
+    const u = l.current;
+    return () => window.clearTimeout(u);
+  }, []), /* @__PURE__ */ m(ve, {
+    scope: e,
+    isOpenDelayedRef: n,
+    delayDuration: t,
+    onOpen: s.useCallback(() => {
+      o <= 0 || (window.clearTimeout(l.current), n.current = !1);
+    }, [o]),
+    onClose: s.useCallback(() => {
+      o <= 0 || (window.clearTimeout(l.current), l.current = window.setTimeout(() => n.current = !0, o));
+    }, [o]),
+    isPointerInTransitRef: v,
+    onPointerInTransitChange: s.useCallback((u) => {
+      v.current = u;
+    }, []),
+    disableHoverableContent: i,
+    children: a
+  });
+}, "TooltipProvider"), I = "Tooltip", [he, R] = S(I), ke = /* @__PURE__ */ d((r) => {
+  const { __scopeTooltip: e, children: t, open: o, defaultOpen: i, onOpenChange: a, disableHoverableContent: n, delayDuration: v } = r, l = M(I, r.__scopeTooltip), u = _(e), [f, h] = s.useState(null), [p, C] = s.useState(void 0), x = oe(), c = s.useRef(0), T = n ?? l.disableHoverableContent, g = v ?? l.delayDuration, y = s.useRef(!1), [P, b] = te({
+    prop: o,
+    defaultProp: i ?? !1,
+    onChange: /* @__PURE__ */ d((N) => {
+      N ? (l.onOpen(), document.dispatchEvent(new CustomEvent(A))) : l.onClose(), a?.(N);
+    }, "onChange"),
+    caller: I
+  }), D = s.useMemo(() => P ? y.current ? "delayed-open" : "instant-open" : "closed", [P]), L = s.useCallback(() => {
+    window.clearTimeout(c.current), c.current = 0, y.current = !1, b(!0);
+  }, [b]), O = s.useCallback(() => {
+    window.clearTimeout(c.current), c.current = 0, b(!1);
+  }, [b]), H = s.useCallback(() => {
+    window.clearTimeout(c.current), c.current = window.setTimeout(() => {
+      y.current = !0, b(!0), c.current = 0;
+    }, g);
+  }, [g, b]);
+  return s.useEffect(() => () => {
+    c.current && (window.clearTimeout(c.current), c.current = 0);
+  }, []), /* @__PURE__ */ m(le, {
+    ...u,
+    children: /* @__PURE__ */ m(he, {
+      scope: e,
+      contentId: p ?? x,
+      setContentId: C,
+      open: P,
+      stateAttribute: D,
+      trigger: f,
+      onTriggerChange: h,
+      onTriggerEnter: s.useCallback(() => {
+        l.isOpenDelayedRef.current ? H() : L();
+      }, [
+        l.isOpenDelayedRef,
+        H,
+        L
+      ]),
+      onTriggerLeave: s.useCallback(() => {
+        T ? O() : (window.clearTimeout(c.current), c.current = 0);
+      }, [O, T]),
+      onOpen: L,
+      onClose: O,
+      disableHoverableContent: T,
+      children: t
+    })
+  });
+}, "Tooltip"), j = "TooltipTrigger", Se = /* @__PURE__ */ s.forwardRef(/* @__PURE__ */ d(function(e, t) {
+  const { __scopeTooltip: o, "aria-describedby": i, ...a } = e, n = R(j, o), v = M(j, o), l = _(o), u = s.useRef(null), f = k(t, u, n.onTriggerChange), h = s.useRef(!1), p = s.useRef(!1), C = s.useCallback(() => h.current = !1, []);
+  return s.useEffect(() => () => document.removeEventListener("pointerup", C), [C]), /* @__PURE__ */ m(ae, {
+    asChild: !0,
+    ...l,
+    children: /* @__PURE__ */ m(Q.button, {
+      "aria-describedby": n.open ? K(i, n.contentId) : i,
+      "data-state": n.stateAttribute,
+      ...a,
+      ref: f,
+      onPointerMove: w(e.onPointerMove, (x) => {
+        x.pointerType !== "touch" && !p.current && !v.isPointerInTransitRef.current && (n.onTriggerEnter(), p.current = !0);
+      }),
+      onPointerLeave: w(e.onPointerLeave, () => {
+        n.onTriggerLeave(), p.current = !1;
+      }),
+      onPointerDown: w(e.onPointerDown, () => {
+        n.open && n.onClose(), h.current = !0, document.addEventListener("pointerup", C, { once: !0 });
+      }),
+      onFocus: w(e.onFocus, () => {
+        h.current || n.onOpen();
+      }),
+      onBlur: w(e.onBlur, n.onClose),
+      onClick: w(e.onClick, n.onClose)
+    })
+  });
+}, "TooltipTrigger")), B = "TooltipPortal", [Te, ge] = S(B, { forceMount: void 0 }), Me = /* @__PURE__ */ d((r) => {
+  const { __scopeTooltip: e, forceMount: t, children: o, container: i } = r, a = R(B, e);
+  return /* @__PURE__ */ m(Te, {
+    scope: e,
+    forceMount: t,
+    children: /* @__PURE__ */ m(F, {
+      present: t || a.open,
+      children: /* @__PURE__ */ m(se, {
+        asChild: !0,
+        container: i,
+        children: o
+      })
+    })
+  });
+}, "TooltipPortal"), E = "TooltipContent", He = /* @__PURE__ */ s.forwardRef(/* @__PURE__ */ d(function(e, t) {
+  const o = ge(E, e.__scopeTooltip), { forceMount: i = o.forceMount, side: a = "top", ...n } = e, v = R(E, e.__scopeTooltip);
+  return /* @__PURE__ */ m(F, {
+    present: i || v.open,
+    children: v.disableHoverableContent ? /* @__PURE__ */ m(U, {
+      side: a,
+      ...n,
+      ref: t
+    }) : /* @__PURE__ */ m(me, {
+      side: a,
+      ...n,
+      ref: t
+    })
+  });
+}, "TooltipContent")), me = /* @__PURE__ */ s.forwardRef(/* @__PURE__ */ d(function(e, t) {
+  const o = R(E, e.__scopeTooltip), i = M(E, e.__scopeTooltip), a = s.useRef(null), n = k(t, a), [v, l] = s.useState(null), { trigger: u, onClose: f } = o, h = a.current, { onPointerInTransitChange: p } = i, C = s.useCallback(() => {
+    l(null), p(!1);
+  }, [p]), x = s.useCallback((c, T) => {
+    const g = c.currentTarget, y = {
+      x: c.clientX,
+      y: c.clientY
+    }, P = q(y, Y(y, g.getBoundingClientRect())), b = V(T.getBoundingClientRect()), D = $([...P, ...b]);
+    l(D), p(!0);
+  }, [p]);
+  return s.useEffect(() => () => C(), [C]), s.useEffect(() => {
+    if (u && h) {
+      const c = /* @__PURE__ */ d((g) => x(g, h), "handleTriggerLeave"), T = /* @__PURE__ */ d((g) => x(g, u), "handleContentLeave");
+      return u.addEventListener("pointerleave", c), h.addEventListener("pointerleave", T), () => {
+        u.removeEventListener("pointerleave", c), h.removeEventListener("pointerleave", T);
+      };
+    }
+  }, [
+    u,
+    h,
+    x,
+    C
+  ]), s.useEffect(() => {
+    if (v) {
+      const c = /* @__PURE__ */ d((T) => {
+        const g = T.target, y = {
+          x: T.clientX,
+          y: T.clientY
+        }, P = u?.contains(g) || h?.contains(g), b = !X(y, v);
+        P ? C() : b && (C(), f());
+      }, "handleTrackPointerGrace");
+      return document.addEventListener("pointermove", c), () => document.removeEventListener("pointermove", c);
+    }
+  }, [
+    u,
+    h,
+    v,
+    f,
+    C
+  ]), /* @__PURE__ */ m(U, {
+    ...e,
+    ref: n
+  });
+}, "TooltipContentHoverable")), Ce = J("TooltipContent"), U = /* @__PURE__ */ s.forwardRef(/* @__PURE__ */ d(function(e, t) {
+  const { __scopeTooltip: o, children: i, "aria-label": a, id: n, onEscapeKeyDown: v, onPointerDownOutside: l, ...u } = e, f = R(E, o), h = _(o), { onClose: p } = f, [C, x] = s.useState(null), c = k(t, x);
+  ne(C), s.useEffect(() => (document.addEventListener(A, p), () => document.removeEventListener(A, p)), [p]), s.useEffect(() => {
+    if (f.trigger) {
+      const g = /* @__PURE__ */ d((y) => {
+        y.target instanceof Node && y.target.contains(f.trigger) && p();
+      }, "handleScroll");
+      return window.addEventListener("scroll", g, { capture: !0 }), () => window.removeEventListener("scroll", g, { capture: !0 });
+    }
+  }, [f.trigger, p]);
+  const { setContentId: T } = f;
+  return ee(() => (T(n), () => {
+    T(void 0);
+  }), [n, T]), /* @__PURE__ */ m(re, {
+    asChild: !0,
+    disableOutsidePointerEvents: !1,
+    onEscapeKeyDown: v,
+    onPointerDownOutside: l,
+    onFocusOutside: (g) => g.preventDefault(),
+    onDismiss: p,
+    children: /* @__PURE__ */ ue(ie, {
+      "data-state": f.stateAttribute,
+      role: a ? void 0 : "tooltip",
+      id: a ? void 0 : f.contentId,
+      ...h,
+      ...u,
+      ref: c,
+      style: {
+        ...u.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__ */ m(Ce, { children: i }), a ? /* @__PURE__ */ m(W, {
+        id: f.contentId,
+        role: "tooltip",
+        children: a
+      }) : null]
+    })
+  });
+}, "TooltipContentImpl")), Ne = /* @__PURE__ */ s.forwardRef(/* @__PURE__ */ d(function(e, t) {
+  const { __scopeTooltip: o, ...i } = e, a = _(o);
+  return /* @__PURE__ */ m(ce, {
+    ...a,
+    ...i,
+    ref: t
+  });
+}, "TooltipArrow"));
+function Y(r, e) {
+  const t = Math.abs(e.top - r.y), o = Math.abs(e.bottom - r.y), i = Math.abs(e.right - r.x), a = Math.abs(e.left - r.x);
+  switch (Math.min(t, o, i, a)) {
+    case a:
+      return "left";
+    case i:
+      return "right";
+    case t:
+      return "top";
+    case o:
+      return "bottom";
+    default:
+      throw new Error("unreachable");
+  }
+}
+d(Y, "getExitSideFromRect");
+function q(r, e, t = 5) {
+  const o = [];
+  switch (e) {
+    case "top":
+      o.push({
+        x: r.x - t,
+        y: r.y + t
+      }, {
+        x: r.x + t,
+        y: r.y + t
+      });
+      break;
+    case "bottom":
+      o.push({
+        x: r.x - t,
+        y: r.y - t
+      }, {
+        x: r.x + t,
+        y: r.y - t
+      });
+      break;
+    case "left":
+      o.push({
+        x: r.x + t,
+        y: r.y - t
+      }, {
+        x: r.x + t,
+        y: r.y + t
+      });
+      break;
+    case "right":
+      o.push({
+        x: r.x - t,
+        y: r.y - t
+      }, {
+        x: r.x - t,
+        y: r.y + t
+      });
+  }
+  return o;
+}
+d(q, "getPaddedExitPoints");
+function V(r) {
+  const { top: e, right: t, bottom: o, left: i } = r;
+  return [
+    {
+      x: i,
+      y: e
+    },
+    {
+      x: t,
+      y: e
+    },
+    {
+      x: t,
+      y: o
+    },
+    {
+      x: i,
+      y: o
+    }
+  ];
+}
+d(V, "getPointsFromRect");
+function X(r, e) {
+  const { x: t, y: o } = r;
+  let i = !1;
+  for (let a = 0, n = e.length - 1; a < e.length; n = a++) {
+    const v = e[a], l = e[n], u = v.x, f = v.y, h = l.x, p = l.y;
+    f > o != p > o && t < (h - u) * (o - f) / (p - f) + u && (i = !i);
+  }
+  return i;
+}
+d(X, "isPointInPolygon");
+function $(r) {
+  const e = r.slice();
+  return e.sort((t, o) => t.x < o.x ? -1 : t.x > o.x ? 1 : t.y < o.y ? -1 : t.y > o.y ? 1 : 0), z(e);
+}
+d($, "getHull");
+function z(r) {
+  if (r.length <= 1) return r.slice();
+  const e = [];
+  for (let o = 0; o < r.length; o++) {
+    const i = r[o];
+    for (; e.length >= 2; ) {
+      const a = e[e.length - 1], n = e[e.length - 2];
+      if ((a.x - n.x) * (i.y - n.y) >= (a.y - n.y) * (i.x - n.x)) e.pop();
+      else break;
+    }
+    e.push(i);
+  }
+  e.pop();
+  const t = [];
+  for (let o = r.length - 1; o >= 0; o--) {
+    const i = r[o];
+    for (; t.length >= 2; ) {
+      const a = t[t.length - 1], n = t[t.length - 2];
+      if ((a.x - n.x) * (i.y - n.y) >= (a.y - n.y) * (i.x - n.x)) t.pop();
+      else break;
+    }
+    t.push(i);
+  }
+  return t.pop(), e.length === 1 && t.length === 1 && e[0].x === t[0].x && e[0].y === t[0].y ? e : e.concat(t);
+}
+d(z, "getHullPresorted");
+function K(...r) {
+  const e = /* @__PURE__ */ new Set();
+  for (const t of r)
+    if (typeof t == "string")
+      for (const o of String(t).trim().split(/\s+/)) o && e.add(o);
+  return e.size > 0 ? Array.from(e).join(" ") : void 0;
+}
+d(K, "concatAriaDescribedby");
+export {
+  Ie as a,
+  Me as i,
+  Ne as n,
+  Se as o,
+  He as r,
+  ke as t
+};

package/dist/es2015-ChhQTsb4.js

@@ -0,0 +1,74 @@
+import * as C from "react";
+var P = Object.defineProperty, m = (e, a) => P(e, "name", {
+  value: a,
+  configurable: !0
+}), l = 0, o = null;
+function S(e) {
+  return G(), e.children;
+}
+m(S, "FocusGuards");
+function G() {
+  C.useEffect(() => {
+    o || (o = {
+      start: y(),
+      end: y()
+    });
+    const { start: e, end: a } = o;
+    return document.body.firstElementChild !== e && document.body.insertAdjacentElement("afterbegin", e), document.body.lastElementChild !== a && document.body.insertAdjacentElement("beforeend", a), l++, () => {
+      l === 1 && (o?.start.remove(), o?.end.remove(), o = null), l = Math.max(0, l - 1);
+    };
+  }, []);
+}
+m(G, "useFocusGuards");
+function y() {
+  const e = document.createElement("span");
+  return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
+}
+m(y, "createFocusGuard");
+var _ = function(e) {
+  return typeof document > "u" ? null : (Array.isArray(e) ? e[0] : e).ownerDocument.body;
+}, s = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), p = {}, h = 0, W = function(e) {
+  return e && (e.host || W(e.parentNode));
+}, j = function(e, a) {
+  return a.map(function(r) {
+    if (e.contains(r)) return r;
+    var u = W(r);
+    return u && e.contains(u) ? u : (console.error("aria-hidden", r, "in not contained inside", e, ". Doing nothing"), null);
+  }).filter(function(r) {
+    return !!r;
+  });
+}, D = function(e, a, r, u) {
+  var i = j(a, Array.isArray(e) ? e : [e]);
+  p[r] || (p[r] = /* @__PURE__ */ new WeakMap());
+  var f = p[r], A = [], d = /* @__PURE__ */ new Set(), x = new Set(i), b = function(t) {
+    !t || d.has(t) || (d.add(t), b(t.parentNode));
+  };
+  i.forEach(b);
+  var w = function(t) {
+    !t || x.has(t) || Array.prototype.forEach.call(t.children, function(n) {
+      if (d.has(n)) w(n);
+      else try {
+        var c = n.getAttribute(u), E = c !== null && c !== "false", M = (s.get(n) || 0) + 1, F = (f.get(n) || 0) + 1;
+        s.set(n, M), f.set(n, F), A.push(n), M === 1 && E && v.set(n, !0), F === 1 && n.setAttribute(r, "true"), E || n.setAttribute(u, "true");
+      } catch (k) {
+        console.error("aria-hidden: cannot operate on ", n, k);
+      }
+    });
+  };
+  return w(a), d.clear(), h++, function() {
+    A.forEach(function(t) {
+      var n = s.get(t) - 1, c = f.get(t) - 1;
+      s.set(t, n), f.set(t, c), n || (v.has(t) || t.removeAttribute(u), v.delete(t)), c || t.removeAttribute(r);
+    }), h--, h || (s = /* @__PURE__ */ new WeakMap(), s = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), p = {});
+  };
+}, O = function(e, a, r) {
+  r === void 0 && (r = "data-aria-hidden");
+  var u = Array.from(Array.isArray(e) ? e : [e]), i = a || _(e);
+  return i ? (u.push.apply(u, Array.from(i.querySelectorAll("[aria-live], script"))), D(u, i, r, "aria-hidden")) : function() {
+    return null;
+  };
+};
+export {
+  G as n,
+  O as t
+};