@koide-labs/ui 0.0.15 → 0.1.1

package/dist/useHoverReferenceInteraction-SfOBPoXM.js

@@ -1,264 +0,0 @@
-import * as u from "react";
-import { a as re } from "./floating-ui.utils.dom-C7FS5id0.js";
-import { u as I } from "./useStableCallback-CkTrVkNX.js";
-import { u as te } from "./useIsoLayoutEffect-CIDbvm3Q.js";
-import { c as A, t as F } from "./createBaseUIEventDetails-D8M2Yl-a.js";
-import { a as oe, u as ue } from "./transitions.module-CWX8e5cx.js";
-import { T as ie, d as G, e as ae, f as q } from "./element-CZEOj04G.js";
-import { i as U } from "./event-CKoGyQEJ.js";
-import * as le from "react-dom";
-import { u as J } from "./useValueAsRef-HURLzret.js";
-import { g as K } from "./safePolygon-DWy1dGKJ.js";
-import { u as ne } from "./useTimeout-CflX-kz3.js";
-import { c as fe } from "./FloatingPortal-tWyuKRSN.js";
-const Z = fe("safe-polygon"), de = `button,a,[role="button"],select,[tabindex]:not([tabindex="-1"]),${ie}`;
-function me(r) {
-  return r ? !!r.closest(de) : !1;
-}
-function se(r) {
-  const M = u.useRef(void 0), e = u.useRef(!1), i = u.useRef(void 0), m = u.useRef(!0), v = u.useRef(!1), T = u.useRef(() => {
-  }), P = u.useRef(!1), y = ne(), Y = ne(), R = u.useRef(void 0);
-  return u.useMemo(() => {
-    const l = r.context.dataRef.current;
-    return l.hoverInteractionState || (l.hoverInteractionState = {
-      pointerTypeRef: M,
-      interactedInsideRef: e,
-      handlerRef: i,
-      blockMouseMoveRef: m,
-      performedPointerEventsMutationRef: v,
-      unbindMouseMoveRef: T,
-      restTimeoutPendingRef: P,
-      openChangeTimeout: y,
-      restTimeout: Y,
-      handleCloseOptionsRef: R
-    }), l.hoverInteractionState;
-  }, [r, M, e, i, m, v, T, P, y, Y, R]);
-}
-const ge = /* @__PURE__ */ new Set(["click", "mousedown"]);
-function Ie(r, M = {}) {
-  const e = "rootStore" in r ? r.rootStore : r, i = e.useState("open"), m = e.useState("floatingElement"), v = e.useState("domReferenceElement"), {
-    dataRef: T
-  } = e.context, {
-    enabled: P = !0,
-    closeDelay: y = 0,
-    externalTree: Y
-  } = M, {
-    pointerTypeRef: R,
-    interactedInsideRef: l,
-    handlerRef: _,
-    performedPointerEventsMutationRef: x,
-    unbindMouseMoveRef: V,
-    restTimeoutPendingRef: g,
-    openChangeTimeout: X,
-    handleCloseOptionsRef: L
-  } = se(e), b = oe(Y), j = ue(), k = I(() => l.current ? !0 : T.current.openEvent ? ge.has(T.current.openEvent.type) : !1), h = I(() => {
-    const n = T.current.openEvent?.type;
-    return n?.includes("mouse") && n !== "mousedown";
-  }), p = u.useCallback((n, a = !0) => {
-    const d = Ee(y, R.current);
-    d && !_.current ? X.start(d, () => e.setOpen(!1, A(F, n))) : a && (X.clear(), e.setOpen(!1, A(F, n)));
-  }, [y, _, e, R, X]), f = I(() => {
-    V.current(), _.current = void 0;
-  }), D = I(() => {
-    if (x.current) {
-      const n = G(m).body;
-      n.style.pointerEvents = "", n.removeAttribute(Z), x.current = !1;
-    }
-  }), H = I((n) => {
-    const a = ae(n);
-    if (!me(a)) {
-      l.current = !1;
-      return;
-    }
-    l.current = !0;
-  });
-  te(() => {
-    i || (R.current = void 0, g.current = !1, l.current = !1, f(), D());
-  }, [i, R, g, l, f, D]), u.useEffect(() => () => {
-    f();
-  }, [f]), u.useEffect(() => D, [D]), te(() => {
-    if (P && i && L.current?.blockPointerEvents && h() && re(v) && m) {
-      x.current = !0;
-      const n = G(m).body;
-      n.setAttribute(Z, "");
-      const a = v, d = m, c = b?.nodesRef.current.find((E) => E.id === j)?.context?.elements.floating;
-      return c && (c.style.pointerEvents = ""), n.style.pointerEvents = "none", a.style.pointerEvents = "auto", d.style.pointerEvents = "auto", () => {
-        n.style.pointerEvents = "", a.style.pointerEvents = "", d.style.pointerEvents = "";
-      };
-    }
-  }, [P, i, v, m, L, h, b, j, x]), u.useEffect(() => {
-    if (!P)
-      return;
-    function n(E) {
-      if (k() || !T.current.floatingContext || !e.select("open"))
-        return;
-      const B = e.context.triggerElements;
-      E.relatedTarget && B.hasElement(E.relatedTarget) || (D(), f(), k() || p(E));
-    }
-    function a(E) {
-      X.clear(), D(), _.current?.(E), f();
-    }
-    function d(E) {
-      k() || p(E, !1);
-    }
-    const c = m;
-    return c && (c.addEventListener("mouseleave", n), c.addEventListener("mouseenter", a), c.addEventListener("mouseleave", d), c.addEventListener("pointerdown", H, !0)), () => {
-      c && (c.removeEventListener("mouseleave", n), c.removeEventListener("mouseenter", a), c.removeEventListener("mouseleave", d), c.removeEventListener("pointerdown", H, !0));
-    };
-  });
-}
-function Ee(r, M) {
-  return M && !U(M) ? 0 : typeof r == "function" ? r() : r;
-}
-function Q(r) {
-  return typeof r == "function" ? r() : r;
-}
-const pe = {
-  current: null
-};
-function Pe(r, M = {}) {
-  const e = "rootStore" in r ? r.rootStore : r, {
-    dataRef: i,
-    events: m
-  } = e.context, {
-    enabled: v = !0,
-    delay: T = 0,
-    handleClose: P = null,
-    mouseOnly: y = !1,
-    restMs: Y = 0,
-    move: R = !0,
-    triggerElementRef: l = pe,
-    externalTree: _,
-    isActiveTrigger: x = !0
-  } = M, V = oe(_), {
-    pointerTypeRef: g,
-    interactedInsideRef: X,
-    handlerRef: L,
-    blockMouseMoveRef: b,
-    performedPointerEventsMutationRef: j,
-    unbindMouseMoveRef: k,
-    restTimeoutPendingRef: h,
-    openChangeTimeout: p,
-    restTimeout: f,
-    handleCloseOptionsRef: D
-  } = se(e), H = J(P), n = J(T), a = J(Y);
-  x && (D.current = H.current?.__options);
-  const d = I(() => X.current ? !0 : i.current.openEvent ? ["click", "mousedown"].includes(i.current.openEvent.type) : !1), c = u.useCallback((t, o = !0) => {
-    const C = K(n.current, "close", g.current);
-    C && !L.current ? p.start(C, () => e.setOpen(!1, A(F, t))) : o && (p.clear(), e.setOpen(!1, A(F, t)));
-  }, [n, L, e, g, p]), E = I(() => {
-    k.current(), L.current = void 0;
-  }), B = I(() => {
-    if (j.current) {
-      const t = G(e.select("domReferenceElement")).body;
-      t.style.pointerEvents = "", t.removeAttribute(Z), j.current = !1;
-    }
-  });
-  u.useEffect(() => {
-    if (!v)
-      return;
-    function t(o) {
-      o.open || (p.clear(), f.clear(), b.current = !0, h.current = !1);
-    }
-    return m.on("openchange", t), () => {
-      m.off("openchange", t);
-    };
-  }, [v, m, p, f, b, h]);
-  const ee = I((t) => {
-    if (d() || !i.current.floatingContext)
-      return;
-    const o = e.context.triggerElements;
-    if (t.relatedTarget && o.hasElement(t.relatedTarget))
-      return;
-    const C = l.current;
-    H.current?.({
-      ...i.current.floatingContext,
-      tree: V,
-      x: t.clientX,
-      y: t.clientY,
-      onClose() {
-        B(), E(), !d() && C === e.select("domReferenceElement") && c(t);
-      }
-    })(t);
-  });
-  return u.useEffect(() => {
-    if (!v)
-      return;
-    const t = l.current ?? (x ? e.select("domReferenceElement") : null);
-    if (!re(t))
-      return;
-    function o(s) {
-      if (p.clear(), b.current = !1, y && !U(g.current) || Q(a.current) > 0 && !K(n.current, "open"))
-        return;
-      const w = K(n.current, "open", g.current), O = e.select("domReferenceElement"), S = e.context.triggerElements, N = (S.hasElement(s.target) || S.hasMatchingElement((ce) => q(ce, s.target))) && (!O || !q(O, s.target)), W = s.currentTarget ?? null, $ = !e.select("open") || N;
-      w ? p.start(w, () => {
-        $ && e.setOpen(!0, A(F, s, W));
-      }) : $ && e.setOpen(!0, A(F, s, W));
-    }
-    function C(s) {
-      if (d()) {
-        B();
-        return;
-      }
-      k.current();
-      const w = e.select("domReferenceElement"), O = G(w);
-      f.clear(), h.current = !1;
-      const S = e.context.triggerElements;
-      if (s.relatedTarget && S.hasElement(s.relatedTarget))
-        return;
-      if (H.current && i.current.floatingContext) {
-        e.select("open") || p.clear();
-        const W = l.current;
-        L.current = H.current({
-          ...i.current.floatingContext,
-          tree: V,
-          x: s.clientX,
-          y: s.clientY,
-          onClose() {
-            B(), E(), !d() && W === e.select("domReferenceElement") && c(s, !0);
-          }
-        });
-        const $ = L.current;
-        $(s), O.addEventListener("mousemove", $), k.current = () => {
-          O.removeEventListener("mousemove", $);
-        };
-        return;
-      }
-      (g.current !== "touch" || !q(e.select("floatingElement"), s.relatedTarget)) && c(s);
-    }
-    function z(s) {
-      ee(s);
-    }
-    return e.select("open") && t.addEventListener("mouseleave", z), R && t.addEventListener("mousemove", o, {
-      once: !0
-    }), t.addEventListener("mouseenter", o), t.addEventListener("mouseleave", C), () => {
-      t.removeEventListener("mouseleave", z), R && t.removeEventListener("mousemove", o), t.removeEventListener("mouseenter", o), t.removeEventListener("mouseleave", C);
-    };
-  }, [E, B, b, i, n, c, e, v, H, ee, x, d, y, R, g, a, f, h, p, l, V, k, L]), u.useMemo(() => {
-    function t(o) {
-      g.current = o.pointerType;
-    }
-    return {
-      onPointerDown: t,
-      onPointerEnter: t,
-      onMouseMove(o) {
-        const {
-          nativeEvent: C
-        } = o, z = o.currentTarget, s = e.select("domReferenceElement"), w = e.context.triggerElements, O = e.select("open"), S = (w.hasElement(o.target) || w.hasMatchingElement((W) => q(W, o.target))) && (!s || !q(s, o.target));
-        if (y && !U(g.current) || O && !S || Q(a.current) === 0 || !S && h.current && o.movementX ** 2 + o.movementY ** 2 < 2)
-          return;
-        f.clear();
-        function N() {
-          !b.current && (!O || S) && e.setOpen(!0, A(F, C, z));
-        }
-        g.current === "touch" ? le.flushSync(() => {
-          N();
-        }) : S && O ? N() : (h.current = !0, f.start(Q(a.current), N));
-      }
-    };
-  }, [b, y, e, g, a, f, h]);
-}
-export {
-  Ie as a,
-  Pe as u
-};

package/dist/usePopupAutoResize-CNR6Ekmx.js

@@ -1,85 +0,0 @@
-import * as g from "react";
-import { u as O } from "./useAnimationFrame-451ugS_6.js";
-import { u as $ } from "./useIsoLayoutEffect-CIDbvm3Q.js";
-import { u as A } from "./useStableCallback-CkTrVkNX.js";
-import { u as B } from "./useOpenChangeComplete-Dse9kY9E.js";
-import { r as C } from "./floating-ui.utils-C7pRWMZ_.js";
-import { g as k, i as D } from "./floating-ui.utils.dom-C7FS5id0.js";
-import { E as T } from "./useRenderElement-DwToLA61.js";
-function F(o) {
-  const e = k(o);
-  let t = parseFloat(e.width) || 0, i = parseFloat(e.height) || 0;
-  const u = D(o), c = u ? o.offsetWidth : t, d = u ? o.offsetHeight : i;
-  return (C(t) !== c || C(i) !== d) && (t = c, i = d), {
-    width: t,
-    height: i
-  };
-}
-const H = typeof ResizeObserver < "u", W = () => !0;
-function U(o) {
-  const {
-    popupElement: e,
-    positionerElement: t,
-    content: i,
-    mounted: u,
-    enabled: c = W,
-    onMeasureLayout: d,
-    onMeasureLayoutComplete: b,
-    side: n,
-    direction: w
-  } = o, f = g.useRef(!0), x = B(e, !0, !1), m = O(), r = g.useRef(null), S = A(d), P = A(b), M = g.useMemo(() => {
-    let s = n === "top", p = n === "left";
-    return w === "rtl" ? (s = s || n === "inline-end", p = p || n === "inline-end") : (s = s || n === "inline-start", p = p || n === "inline-start"), s ? {
-      position: "absolute",
-      [n === "top" ? "bottom" : "top"]: "0",
-      [p ? "right" : "left"]: "0"
-    } : T;
-  }, [n, w]);
-  $(() => {
-    if (!u || !c() || !H) {
-      f.current = !0, r.current = null;
-      return;
-    }
-    if (!e || !t)
-      return;
-    Object.entries(M).forEach(([a, l]) => {
-      e.style.setProperty(a, l);
-    });
-    const s = new ResizeObserver((a) => {
-      const l = a[0];
-      l && (r.current === null ? r.current = {
-        width: Math.ceil(l.borderBoxSize[0].inlineSize),
-        height: Math.ceil(l.borderBoxSize[0].blockSize)
-      } : (r.current.width = Math.ceil(l.borderBoxSize[0].inlineSize), r.current.height = Math.ceil(l.borderBoxSize[0].blockSize)));
-    });
-    s.observe(e), e.style.setProperty("--popup-width", "auto"), e.style.setProperty("--popup-height", "auto");
-    const p = y(e, "position", "static"), z = y(e, "transform", "none"), R = y(e, "scale", "1"), E = y(t, "--available-width", "max-content"), v = y(t, "--available-height", "max-content");
-    if (S?.(), f.current || r.current === null) {
-      t.style.setProperty("--positioner-width", "max-content"), t.style.setProperty("--positioner-height", "max-content");
-      const a = F(e);
-      return t.style.setProperty("--positioner-width", `${a.width}px`), t.style.setProperty("--positioner-height", `${a.height}px`), p(), z(), R(), E(), v(), P?.(null, a), f.current = !1, () => {
-        s.disconnect();
-      };
-    }
-    e.style.setProperty("--popup-width", "auto"), e.style.setProperty("--popup-height", "auto"), t.style.setProperty("--positioner-width", "max-content"), t.style.setProperty("--positioner-height", "max-content");
-    const h = F(e);
-    e.style.setProperty("--popup-width", `${r.current.width}px`), e.style.setProperty("--popup-height", `${r.current.height}px`), p(), z(), E(), v(), P?.(r.current, h), t.style.setProperty("--positioner-width", `${h.width}px`), t.style.setProperty("--positioner-height", `${h.height}px`);
-    const L = new AbortController();
-    return m.request(() => {
-      e.style.setProperty("--popup-width", `${h.width}px`), e.style.setProperty("--popup-height", `${h.height}px`), x(() => {
-        e.style.setProperty("--popup-width", "auto"), e.style.setProperty("--popup-height", "auto");
-      }, L.signal);
-    }), () => {
-      s.disconnect(), L.abort(), m.cancel();
-    };
-  }, [i, e, t, x, m, c, u, S, P, M]);
-}
-function y(o, e, t) {
-  const i = o.style.getPropertyValue(e);
-  return o.style.setProperty(e, t), () => {
-    o.style.setProperty(e, i);
-  };
-}
-export {
-  U as u
-};

package/dist/view.module-DfDLgJE0.js

@@ -1,6 +0,0 @@
-import './view.css';const s = "_view_scrh3_1", e = {
-  view: s
-};
-export {
-  e as s
-};