@konstructio/ui 0.1.2-alpha.99 → 0.1.4

package/dist/dist-DsOk4psA.js

@@ -0,0 +1,365 @@
+import { i as J, n as Q, r as w, t as W } from "./dist-DbeY0Pzx.js";
+import { a as k, r as Z } from "./dist-CK8FUUUn.js";
+import { a as ee, r as te } from "./dist-Bh7M0KDN.js";
+import { n as oe } from "./dist-C0OhTLFV.js";
+import { a as F, i as re, n as ne, r as se, t as ie } from "./dist-D52tGbv9.js";
+import { t as ae } from "./dist-BbJP2Efh.js";
+import { t as G } from "./dist-uuWgjOcO.js";
+import { t as ce } from "./dist-CYuWoi9I.js";
+import { t as le } from "./dist-C_jtUTU9.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] = J("Tooltip", [F]), _ = F(), 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] = W({
+    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(ie, {
+    ...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(ne, {
+    asChild: !0,
+    ...l,
+    children: /* @__PURE__ */ m(ce.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(G, {
+      present: t || a.open,
+      children: /* @__PURE__ */ m(ae, {
+        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(G, {
+    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 = Z("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);
+  te(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 Q(() => (T(n), () => {
+    T(void 0);
+  }), [n, T]), /* @__PURE__ */ m(ee, {
+    asChild: !0,
+    disableOutsidePointerEvents: !1,
+    onEscapeKeyDown: v,
+    onPointerDownOutside: l,
+    onFocusOutside: (g) => g.preventDefault(),
+    onDismiss: p,
+    children: /* @__PURE__ */ ue(re, {
+      "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(le, {
+        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(se, {
+    ...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/dist-pyzG_Btt.js

@@ -0,0 +1,195 @@
+import { i as Q, n as W, r as F, t as X } from "./dist-DbeY0Pzx.js";
+import { n as Z, t as ee } from "./dist-rsFD9q_X.js";
+import { a as te } from "./dist-CK8FUUUn.js";
+import { n as oe, t as re } from "./dist-C0OhTLFV.js";
+import { t as N } from "./dist-CYuWoi9I.js";
+import * as r from "react";
+import { jsx as m } from "react/jsx-runtime";
+var ne = Object.defineProperty, O = (t, e) => ne(t, "name", {
+  value: e,
+  configurable: !0
+}), P = !1;
+function k() {
+  const [t, e] = r.useState(P);
+  return r.useEffect(() => {
+    P || (P = !0, e(!0));
+  }, []), t;
+}
+O(k, "useIsHydrated");
+var U = r[" useSyncExternalStore ".trim().toString()];
+function B() {
+  return () => {
+  };
+}
+O(B, "subscribe");
+function V() {
+  return U(B, () => !0, () => !1);
+}
+O(V, "useIsHydratedModern");
+var se = typeof U == "function" ? V : k, ue = Object.defineProperty, v = (t, e) => ue(t, "name", {
+  value: e,
+  configurable: !0
+}), D = "rovingFocusGroup.onEntryFocus", ce = {
+  bubbles: !1,
+  cancelable: !0
+}, T = "RovingFocusGroup", [x, j, ae] = Z(T), [ie, Se] = Q(T, [ae]), M = {
+  Vertical: "vertical",
+  Horizontal: "horizontal"
+}, fe = {
+  LTR: "ltr",
+  RTL: "rtl"
+}, [le, de] = ie(T), Ee = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ v(function(e, u) {
+  return /* @__PURE__ */ m(x.Provider, {
+    scope: e.__scopeRovingFocusGroup,
+    children: /* @__PURE__ */ m(x.Slot, {
+      scope: e.__scopeRovingFocusGroup,
+      children: /* @__PURE__ */ m(pe, {
+        ...e,
+        ref: u
+      })
+    })
+  });
+}, "RovingFocusGroup")), pe = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ v(function(e, u) {
+  const { __scopeRovingFocusGroup: n, orientation: i, loop: w = !1, dir: _, currentTabStopId: R, defaultCurrentTabStopId: C, onCurrentTabStopIdChange: h, onEntryFocus: I, preventScrollOnEntryFocus: c = !1, ...y } = e, S = r.useRef(null), b = te(u, S), g = ee(_), [E, d] = X({
+    prop: R,
+    defaultProp: C ?? null,
+    onChange: h,
+    caller: T
+  }), [o, f] = r.useState(!1), a = re(I), l = j(n), A = r.useRef(!1), [q, L] = r.useState(0);
+  return r.useEffect(() => {
+    const s = S.current;
+    if (s)
+      return s.addEventListener(D, a), () => s.removeEventListener(D, a);
+  }, [a]), /* @__PURE__ */ m(le, {
+    scope: n,
+    orientation: i,
+    dir: g,
+    loop: w,
+    currentTabStopId: E,
+    onItemFocus: r.useCallback((s) => d(s), [d]),
+    onItemShiftTab: r.useCallback(() => f(!0), []),
+    onFocusableItemAdd: r.useCallback(() => L((s) => s + 1), []),
+    onFocusableItemRemove: r.useCallback(() => L((s) => s - 1), []),
+    children: /* @__PURE__ */ m(N.div, {
+      tabIndex: o || q === 0 ? -1 : 0,
+      "data-orientation": i,
+      ...y,
+      ref: b,
+      style: {
+        outline: "none",
+        ...e.style
+      },
+      onMouseDown: F(e.onMouseDown, () => {
+        A.current = !0;
+      }),
+      onFocus: F(e.onFocus, (s) => {
+        const J = !A.current;
+        if (s.target === s.currentTarget && J && !o) {
+          const K = new CustomEvent(D, ce);
+          if (s.currentTarget.dispatchEvent(K), !K.defaultPrevented) {
+            const G = l().filter((p) => p.focusable);
+            H([
+              G.find((p) => p.active),
+              G.find((p) => p.id === E),
+              ...G
+            ].filter(Boolean).map((p) => p.ref.current), c);
+          }
+        }
+        A.current = !1;
+      }),
+      onBlur: F(e.onBlur, () => f(!1))
+    })
+  });
+}, "RovingFocusGroupImpl")), me = "RovingFocusGroupItem", Te = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ v(function(e, u) {
+  const { __scopeRovingFocusGroup: n, focusable: i = !0, active: w = !1, tabStopId: _, children: R, ...C } = e, h = oe(), I = _ || h, c = de(me, n), y = c.currentTabStopId === I, S = j(n), { onFocusableItemAdd: b, onFocusableItemRemove: g, currentTabStopId: E } = c, d = se();
+  return W(() => {
+    if (!(!d || !i))
+      return b(), () => g();
+  }, [
+    d,
+    i,
+    b,
+    g
+  ]), r.useEffect(() => {
+    if (!(d || !i))
+      return b(), () => g();
+  }, [
+    d,
+    i,
+    b,
+    g
+  ]), /* @__PURE__ */ m(x.ItemSlot, {
+    scope: n,
+    id: I,
+    focusable: i,
+    active: w,
+    children: /* @__PURE__ */ m(N.span, {
+      tabIndex: y ? 0 : -1,
+      "data-orientation": c.orientation,
+      ...C,
+      ref: u,
+      onMouseDown: F(e.onMouseDown, (o) => {
+        i ? c.onItemFocus(I) : o.preventDefault();
+      }),
+      onFocus: F(e.onFocus, () => c.onItemFocus(I)),
+      onKeyDown: F(e.onKeyDown, (o) => {
+        if (o.key === "Tab" && o.shiftKey) {
+          c.onItemShiftTab();
+          return;
+        }
+        if (o.target !== o.currentTarget) return;
+        const f = Y(o, c.orientation, c.dir);
+        if (f !== void 0) {
+          if (o.metaKey || o.ctrlKey || o.altKey || o.shiftKey) return;
+          o.preventDefault();
+          let a = S().filter((l) => l.focusable).map((l) => l.ref.current);
+          if (f === "last") a.reverse();
+          else if (f === "prev" || f === "next") {
+            f === "prev" && a.reverse();
+            const l = a.indexOf(o.currentTarget);
+            a = c.loop ? $(a, l + 1) : a.slice(l + 1);
+          }
+          setTimeout(() => H(a));
+        }
+      }),
+      children: typeof R == "function" ? R({
+        isCurrentTabStop: y,
+        hasTabStop: E != null
+      }) : R
+    })
+  });
+}, "RovingFocusGroupItem")), ve = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
+};
+function z(t, e) {
+  return e !== fe.RTL ? t : t === "ArrowLeft" ? "ArrowRight" : t === "ArrowRight" ? "ArrowLeft" : t;
+}
+v(z, "getDirectionAwareKey");
+function Y(t, e, u) {
+  const n = z(t.key, u);
+  if (!(e === M.Vertical && ["ArrowLeft", "ArrowRight"].includes(n)) && !(e === M.Horizontal && ["ArrowUp", "ArrowDown"].includes(n)))
+    return ve[n];
+}
+v(Y, "getFocusIntent");
+function H(t, e = !1) {
+  const u = document.activeElement;
+  for (const n of t)
+    if (n === u || (n.focus({ preventScroll: e }), document.activeElement !== u)) return;
+}
+v(H, "focusFirst");
+function $(t, e) {
+  return t.map((u, n) => t[(e + n) % t.length]);
+}
+v($, "wrapArray");
+export {
+  Te as n,
+  Se as r,
+  Ee as t
+};