@konstructio/ui 0.1.2-alpha.105 → 0.1.2-alpha.107

package/dist/{dist-tGUUcv8n.js → dist-AxOGvL82.js}

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