@yselimcan/ui 0.0.7 → 0.0.8

package/dist/index161.js

@@ -1,163 +1,12 @@
-import * as H from "react";
-import * as te from "react-dom";
-import { isElement as re } from "./index94.js";
-import { useValueAsRef as N } from "./index170.js";
-import { useStableCallback as Y } from "./index95.js";
-import { createChangeEventDetails as C } from "./index115.js";
-import { getDelay as V } from "./index244.js";
-import { useFloatingTree as ne } from "./index135.js";
-import { useHoverInteractionSharedState as oe, safePolygonIdentifier as ce } from "./index243.js";
-import { triggerHover as L } from "./index116.js";
-import { getDocument as z, contains as O } from "./index166.js";
-import { isMouseLikePointerType as B } from "./index225.js";
-function W(l) {
-  return typeof l == "function" ? l() : l;
-}
-const se = {
-  current: null
+import { jsx as l } from "react/jsx-runtime";
+const e = "base-ui-disable-scrollbar", r = {
+  className: e,
+  element: /* @__PURE__ */ l("style", {
+    href: e,
+    precedence: "base-ui:low",
+    children: `.${e}{scrollbar-width:none}.${e}::-webkit-scrollbar{display:none}`
+  })
 };
-function Re(l, G = {}) {
-  const t = "rootStore" in l ? l.rootStore : l, {
-    dataRef: a,
-    events: A
-  } = t.context, {
-    enabled: x = !0,
-    delay: J = 0,
-    handleClose: K = null,
-    mouseOnly: D = !1,
-    restMs: Q = 0,
-    move: X = !0,
-    triggerElementRef: b = se,
-    externalTree: U,
-    isActiveTrigger: _ = !0
-  } = G, w = ne(U), {
-    pointerTypeRef: o,
-    interactedInsideRef: Z,
-    handlerRef: d,
-    blockMouseMoveRef: p,
-    performedPointerEventsMutationRef: j,
-    unbindMouseMoveRef: P,
-    restTimeoutPendingRef: f,
-    openChangeTimeout: c,
-    restTimeout: m,
-    handleCloseOptionsRef: $
-  } = oe(t), v = N(K), M = N(J), T = N(Q);
-  _ && ($.current = v.current?.__options);
-  const y = Y(() => Z.current ? !0 : a.current.openEvent ? ["click", "mousedown"].includes(a.current.openEvent.type) : !1), S = H.useCallback((e, r = !0) => {
-    const s = V(M.current, "close", o.current);
-    s && !d.current ? c.start(s, () => t.setOpen(!1, C(L, e))) : r && (c.clear(), t.setOpen(!1, C(L, e)));
-  }, [M, d, t, o, c]), F = Y(() => {
-    P.current(), d.current = void 0;
-  }), k = Y(() => {
-    if (j.current) {
-      const e = z(t.select("domReferenceElement")).body;
-      e.style.pointerEvents = "", e.removeAttribute(ce), j.current = !1;
-    }
-  });
-  H.useEffect(() => {
-    if (!x)
-      return;
-    function e(r) {
-      r.open || (c.clear(), m.clear(), p.current = !0, f.current = !1);
-    }
-    return A.on("openchange", e), () => {
-      A.off("openchange", e);
-    };
-  }, [x, A, c, m, p, f]);
-  const q = Y((e) => {
-    if (y() || !a.current.floatingContext)
-      return;
-    const r = t.context.triggerElements;
-    if (e.relatedTarget && r.hasElement(e.relatedTarget))
-      return;
-    const s = b.current;
-    v.current?.({
-      ...a.current.floatingContext,
-      tree: w,
-      x: e.clientX,
-      y: e.clientY,
-      onClose() {
-        k(), F(), !y() && s === t.select("domReferenceElement") && S(e);
-      }
-    })(e);
-  });
-  return H.useEffect(() => {
-    if (!x)
-      return;
-    const e = b.current ?? (_ ? t.select("domReferenceElement") : null);
-    if (!re(e))
-      return;
-    function r(n) {
-      if (c.clear(), p.current = !1, D && !B(o.current) || W(T.current) > 0 && !V(M.current, "open"))
-        return;
-      const g = V(M.current, "open", o.current), u = t.select("domReferenceElement"), i = t.context.triggerElements, E = (i.hasElement(n.target) || i.hasMatchingElement((ee) => O(ee, n.target))) && (!u || !O(u, n.target)), R = n.currentTarget ?? null, h = !t.select("open") || E;
-      g ? c.start(g, () => {
-        h && t.setOpen(!0, C(L, n, R));
-      }) : h && t.setOpen(!0, C(L, n, R));
-    }
-    function s(n) {
-      if (y()) {
-        k();
-        return;
-      }
-      P.current();
-      const g = t.select("domReferenceElement"), u = z(g);
-      m.clear(), f.current = !1;
-      const i = t.context.triggerElements;
-      if (n.relatedTarget && i.hasElement(n.relatedTarget))
-        return;
-      if (v.current && a.current.floatingContext) {
-        t.select("open") || c.clear();
-        const R = b.current;
-        d.current = v.current({
-          ...a.current.floatingContext,
-          tree: w,
-          x: n.clientX,
-          y: n.clientY,
-          onClose() {
-            k(), F(), !y() && R === t.select("domReferenceElement") && S(n, !0);
-          }
-        });
-        const h = d.current;
-        h(n), u.addEventListener("mousemove", h), P.current = () => {
-          u.removeEventListener("mousemove", h);
-        };
-        return;
-      }
-      (o.current !== "touch" || !O(t.select("floatingElement"), n.relatedTarget)) && S(n);
-    }
-    function I(n) {
-      q(n);
-    }
-    return t.select("open") && e.addEventListener("mouseleave", I), X && e.addEventListener("mousemove", r, {
-      once: !0
-    }), e.addEventListener("mouseenter", r), e.addEventListener("mouseleave", s), () => {
-      e.removeEventListener("mouseleave", I), X && e.removeEventListener("mousemove", r), e.removeEventListener("mouseenter", r), e.removeEventListener("mouseleave", s);
-    };
-  }, [F, k, p, a, M, S, t, x, v, q, _, y, D, X, o, T, m, f, c, b, w, P, d]), H.useMemo(() => {
-    function e(r) {
-      o.current = r.pointerType;
-    }
-    return {
-      onPointerDown: e,
-      onPointerEnter: e,
-      onMouseMove(r) {
-        const {
-          nativeEvent: s
-        } = r, I = r.currentTarget, n = t.select("domReferenceElement"), g = t.context.triggerElements, u = t.select("open"), i = (g.hasElement(r.target) || g.hasMatchingElement((R) => O(R, r.target))) && (!n || !O(n, r.target));
-        if (D && !B(o.current) || u && !i || W(T.current) === 0 || !i && f.current && r.movementX ** 2 + r.movementY ** 2 < 2)
-          return;
-        m.clear();
-        function E() {
-          !p.current && (!u || i) && t.setOpen(!0, C(L, s, I));
-        }
-        o.current === "touch" ? te.flushSync(() => {
-          E();
-        }) : i && u ? E() : (f.current = !0, m.start(W(T.current), E));
-      }
-    };
-  }, [p, D, t, o, T, m, f]);
-}
 export {
-  Re as useHoverReferenceInteraction
+  r as styleDisableScrollbar
 };

package/dist/index162.js

@@ -1,116 +1,11 @@
-import { isElement as U } from "./index94.js";
-import { Timeout as Z } from "./index138.js";
-import { getTarget as $, contains as W } from "./index166.js";
-import { getNodeChildren as y } from "./index241.js";
-function G(u, t) {
-  const [_, R] = u;
-  let h = !1;
-  const a = t.length;
-  for (let d = 0, b = a - 1; d < a; b = d++) {
-    const [O, E] = t[d] || [0, 0], [S, i] = t[b] || [0, 0];
-    E >= R != i >= R && _ <= (S - O) * (R - E) / (i - E) + O && (h = !h);
-  }
-  return h;
-}
-function x(u, t) {
-  return u[0] >= t.x && u[0] <= t.x + t.width && u[1] >= t.y && u[1] <= t.y + t.height;
-}
-function rt(u = {}) {
-  const {
-    buffer: t = 0.5,
-    blockPointerEvents: _ = !1,
-    requireIntent: R = !0
-  } = u, h = new Z();
-  let a = !1, d = null, b = null, O = typeof performance < "u" ? performance.now() : 0;
-  function E(i, s) {
-    const k = performance.now(), c = k - O;
-    if (d === null || b === null || c === 0)
-      return d = i, b = s, O = k, null;
-    const X = i - d, Y = s - b, z = Math.sqrt(X * X + Y * Y) / c;
-    return d = i, b = s, O = k, z;
-  }
-  const S = ({
-    x: i,
-    y: s,
-    placement: k,
-    elements: c,
-    onClose: X,
-    nodeId: Y,
-    tree: p
-  }) => function(P) {
-    function I() {
-      h.clear(), X();
-    }
-    if (h.clear(), !c.domReference || !c.floating || k == null || i == null || s == null)
-      return;
-    const {
-      clientX: N,
-      clientY: V
-    } = P, H = [N, V], A = $(P), j = P.type === "mouseleave", J = W(c.floating, A), D = W(c.domReference, A), n = c.domReference.getBoundingClientRect(), o = c.floating.getBoundingClientRect(), C = k.split("-")[0], m = i > o.right - o.width / 2, g = s > o.bottom - o.height / 2, K = x(H, n), l = o.width > n.width, f = o.height > n.height, v = (l ? n : o).left, B = (l ? n : o).right, M = (f ? n : o).top, q = (f ? n : o).bottom;
-    if (J && (a = !0, !j))
-      return;
-    if (D && (a = !1), D && !j) {
-      a = !0;
-      return;
-    }
-    if (j && U(P.relatedTarget) && W(c.floating, P.relatedTarget) || p && y(p.nodesRef.current, Y).some(({
-      context: e
-    }) => e?.open))
-      return;
-    if (C === "top" && s >= n.bottom - 1 || C === "bottom" && s <= n.top + 1 || C === "left" && i >= n.right - 1 || C === "right" && i <= n.left + 1)
-      return I();
-    let L = [];
-    switch (C) {
-      case "top":
-        L = [[v, n.top + 1], [v, o.bottom - 1], [B, o.bottom - 1], [B, n.top + 1]];
-        break;
-      case "bottom":
-        L = [[v, o.top + 1], [v, n.bottom - 1], [B, n.bottom - 1], [B, o.top + 1]];
-        break;
-      case "left":
-        L = [[o.right - 1, q], [o.right - 1, M], [n.left + 1, M], [n.left + 1, q]];
-        break;
-      case "right":
-        L = [[n.right - 1, q], [n.right - 1, M], [o.left + 1, M], [o.left + 1, q]];
-        break;
-    }
-    function Q([e, r]) {
-      switch (C) {
-        case "top": {
-          const T = [l ? e + t / 2 : m ? e + t * 4 : e - t * 4, r + t + 1], w = [l ? e - t / 2 : m ? e + t * 4 : e - t * 4, r + t + 1], F = [[o.left, m || l ? o.bottom - t : o.top], [o.right, m ? l ? o.bottom - t : o.top : o.bottom - t]];
-          return [T, w, ...F];
-        }
-        case "bottom": {
-          const T = [l ? e + t / 2 : m ? e + t * 4 : e - t * 4, r - t], w = [l ? e - t / 2 : m ? e + t * 4 : e - t * 4, r - t], F = [[o.left, m || l ? o.top + t : o.bottom], [o.right, m ? l ? o.top + t : o.bottom : o.top + t]];
-          return [T, w, ...F];
-        }
-        case "left": {
-          const T = [e + t + 1, f ? r + t / 2 : g ? r + t * 4 : r - t * 4], w = [e + t + 1, f ? r - t / 2 : g ? r + t * 4 : r - t * 4];
-          return [...[[g || f ? o.right - t : o.left, o.top], [g ? f ? o.right - t : o.left : o.right - t, o.bottom]], T, w];
-        }
-        case "right": {
-          const T = [e - t, f ? r + t / 2 : g ? r + t * 4 : r - t * 4], w = [e - t, f ? r - t / 2 : g ? r + t * 4 : r - t * 4], F = [[g || f ? o.left + t : o.right, o.top], [g ? f ? o.left + t : o.right : o.left + t, o.bottom]];
-          return [T, w, ...F];
-        }
-        default:
-          return [];
-      }
-    }
-    if (!G([N, V], L)) {
-      if (a && !K)
-        return I();
-      if (!j && R) {
-        const e = E(P.clientX, P.clientY);
-        if (e !== null && e < 0.1)
-          return I();
-      }
-      G([N, V], Q([i, s])) ? !a && R && h.start(40, I) : I();
-    }
-  };
-  return S.__options = {
-    blockPointerEvents: _
-  }, S;
+"use client";
+import * as o from "react";
+const t = /* @__PURE__ */ o.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "ToolbarRootContext");
+function r(e) {
+  return o.useContext(t);
 }
 export {
-  rt as safePolygon
+  t as ToolbarRootContext,
+  r as useToolbarRootContext
 };

package/dist/index163.js

@@ -1,67 +1,8 @@
-"use client";
-import * as v from "react";
-import { useAnimationFrame as P } from "./index140.js";
-import { useTimeout as b } from "./index138.js";
-import { createChangeEventDetails as k } from "./index115.js";
-import { isMouseLikePointerType as w, isClickLikeEvent as I } from "./index225.js";
-import { isTypeableElement as x } from "./index166.js";
-import { EMPTY_OBJECT as L } from "./index106.js";
-import { triggerPress as y } from "./index116.js";
-function Y(d, M = {}) {
-  const e = "rootStore" in d ? d.rootStore : d, T = e.context.dataRef, {
-    enabled: h = !0,
-    event: p = "click",
-    toggle: g = !0,
-    ignoreMouse: E = !1,
-    stickIfOpen: O = !0,
-    touchOpenDelay: n = 0
-  } = M, s = v.useRef(void 0), C = P(), a = b(), R = v.useMemo(() => ({
-    onPointerDown(t) {
-      s.current = t.pointerType;
-    },
-    onMouseDown(t) {
-      const r = s.current, o = t.nativeEvent, c = e.select("open");
-      if (t.button !== 0 || p === "click" || w(r, !0) && E)
-        return;
-      const m = T.current.openEvent, i = m?.type, f = e.select("domReferenceElement") !== t.currentTarget, l = c && f || !(c && g && (!(m && O) || i === "click" || i === "mousedown"));
-      if (x(o.target)) {
-        const u = k(y, o, o.target);
-        l && r === "touch" && n > 0 ? a.start(n, () => {
-          e.setOpen(!0, u);
-        }) : e.setOpen(l, u);
-        return;
-      }
-      const D = t.currentTarget;
-      C.request(() => {
-        const u = k(y, o, D);
-        l && r === "touch" && n > 0 ? a.start(n, () => {
-          e.setOpen(!0, u);
-        }) : e.setOpen(l, u);
-      });
-    },
-    onClick(t) {
-      if (p === "mousedown-only")
-        return;
-      const r = s.current;
-      if (p === "mousedown" && r) {
-        s.current = void 0;
-        return;
-      }
-      if (w(r, !0) && E)
-        return;
-      const o = e.select("open"), c = T.current.openEvent, m = e.select("domReferenceElement") !== t.currentTarget, i = o && m || !(o && g && (!(c && O) || I(c))), f = k(y, t.nativeEvent, t.currentTarget);
-      i && r === "touch" && n > 0 ? a.start(n, () => {
-        e.setOpen(!0, f);
-      }) : e.setOpen(i, f);
-    },
-    onKeyDown() {
-      s.current = void 0;
-    }
-  }), [T, p, E, e, O, g, C, a, n]);
-  return v.useMemo(() => h ? {
-    reference: R
-  } : L, [h, R]);
+import { DISABLED_TRANSITIONS_STYLE as r } from "./index119.js";
+import { EMPTY_OBJECT as o } from "./index100.js";
+function T(t) {
+  return t === "starting" ? r : o;
 }
 export {
-  Y as useClick
+  T as getDisabledMountTransitionStyles
 };

package/dist/index164.js

@@ -1,78 +1,136 @@
-import * as i from "react";
-import { getWindow as h, isElement as b, isHTMLElement as M } from "./index94.js";
-import { isMac as F, isSafari as D } from "./index188.js";
-import { useTimeout as k } from "./index138.js";
-import { createChangeEventDetails as R } from "./index115.js";
-import { createAttribute as O } from "./index238.js";
-import { activeElement as T, contains as w, getTarget as S, isTypeableElement as A, matchesFocusVisible as C, getDocument as x } from "./index166.js";
-import { triggerFocus as y, triggerPress as B, escapeKey as K } from "./index116.js";
-const g = F && D;
-function z(a, L = {}) {
-  const r = "rootStore" in a ? a.rootStore : a, {
-    events: f,
-    dataRef: E
-  } = r.context, {
-    enabled: o = !0,
-    visibleOnly: p = !0
-  } = L, s = i.useRef(!1), v = k(), m = i.useRef(!0);
-  i.useEffect(() => {
-    const t = r.select("domReferenceElement");
-    if (!o)
-      return;
-    const e = h(t);
-    function u() {
-      !r.select("open") && M(t) && t === T(x(t)) && (s.current = !0);
-    }
-    function c() {
-      m.current = !0;
-    }
-    function n() {
-      m.current = !1;
-    }
-    return e.addEventListener("blur", u), g && (e.addEventListener("keydown", c, !0), e.addEventListener("pointerdown", n, !0)), () => {
-      e.removeEventListener("blur", u), g && (e.removeEventListener("keydown", c, !0), e.removeEventListener("pointerdown", n, !0));
-    };
-  }, [r, o]), i.useEffect(() => {
-    if (!o)
-      return;
-    function t(e) {
-      (e.reason === B || e.reason === K) && (s.current = !0);
-    }
-    return f.on("openchange", t), () => {
-      f.off("openchange", t);
-    };
-  }, [f, o]);
-  const l = i.useMemo(() => ({
-    onMouseLeave() {
-      s.current = !1;
-    },
-    onFocus(t) {
-      if (s.current)
-        return;
-      const e = S(t.nativeEvent);
-      if (p && b(e)) {
-        if (g && !t.relatedTarget) {
-          if (!m.current && !A(e))
-            return;
-        } else if (!C(e))
-          return;
-      }
-      r.setOpen(!0, R(y, t.nativeEvent, t.currentTarget));
-    },
-    onBlur(t) {
-      s.current = !1;
-      const e = t.relatedTarget, u = t.nativeEvent, c = b(e) && e.hasAttribute(O("focus-guard")) && e.getAttribute("data-type") === "outside";
-      v.start(0, () => {
-        const n = r.select("domReferenceElement"), d = T(n ? n.ownerDocument : document);
-        !e && d === n || w(E.current.floatingContext?.refs.floating.current, d) || w(n, d) || c || r.context.triggerElements.hasElement(t.relatedTarget) || r.setOpen(!1, R(y, u));
-      });
+function c() {
+  return typeof window < "u";
+}
+function u(t) {
+  return p(t) ? (t.nodeName || "").toLowerCase() : "#document";
+}
+function i(t) {
+  var e;
+  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
+}
+function N(t) {
+  var e;
+  return (e = (p(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+}
+function p(t) {
+  return c() ? t instanceof Node || t instanceof i(t).Node : !1;
+}
+function m(t) {
+  return c() ? t instanceof Element || t instanceof i(t).Element : !1;
+}
+function w(t) {
+  return c() ? t instanceof HTMLElement || t instanceof i(t).HTMLElement : !1;
+}
+function f(t) {
+  return !c() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof i(t).ShadowRoot;
+}
+const E = /* @__PURE__ */ new Set(["inline", "contents"]);
+function y(t) {
+  const {
+    overflow: e,
+    overflowX: n,
+    overflowY: o,
+    display: r
+  } = S(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !E.has(r);
+}
+const T = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function A(t) {
+  return T.has(u(t));
+}
+const v = [":popover-open", ":modal"];
+function L(t) {
+  return v.some((e) => {
+    try {
+      return t.matches(e);
+    } catch {
+      return !1;
     }
-  }), [E, r, p, v]);
-  return i.useMemo(() => o ? {
-    reference: l,
-    trigger: l
-  } : {}, [o, l]);
+  });
+}
+const D = ["transform", "translate", "scale", "rotate", "perspective"], C = ["transform", "translate", "scale", "rotate", "perspective", "filter"], k = ["paint", "layout", "strict", "content"];
+function V(t) {
+  const e = O(), n = m(t) ? S(t) : t;
+  return D.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || C.some((o) => (n.willChange || "").includes(o)) || k.some((o) => (n.contain || "").includes(o));
+}
+function B(t) {
+  let e = s(t);
+  for (; w(e) && !h(e); ) {
+    if (V(e))
+      return e;
+    if (L(e))
+      return null;
+    e = s(e);
+  }
+  return null;
+}
+function O() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+const R = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function h(t) {
+  return R.has(u(t));
+}
+function S(t) {
+  return i(t).getComputedStyle(t);
+}
+function F(t) {
+  return m(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.scrollX,
+    scrollTop: t.scrollY
+  };
+}
+function s(t) {
+  if (u(t) === "html")
+    return t;
+  const e = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    t.assignedSlot || // DOM Element detected.
+    t.parentNode || // ShadowRoot detected.
+    f(t) && t.host || // Fallback.
+    N(t)
+  );
+  return f(e) ? e.host : e;
+}
+function b(t) {
+  const e = s(t);
+  return h(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : w(e) && y(e) ? e : b(e);
+}
+function d(t, e, n) {
+  var o;
+  e === void 0 && (e = []), n === void 0 && (n = !0);
+  const r = b(t), g = r === ((o = t.ownerDocument) == null ? void 0 : o.body), l = i(r);
+  if (g) {
+    const a = _(l);
+    return e.concat(l, l.visualViewport || [], y(r) ? r : [], a && n ? d(a) : []);
+  }
+  return e.concat(r, d(r, [], n));
+}
+function _(t) {
+  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
 }
 export {
-  z as useFocus
+  S as getComputedStyle,
+  B as getContainingBlock,
+  N as getDocumentElement,
+  _ as getFrameElement,
+  b as getNearestOverflowAncestor,
+  u as getNodeName,
+  F as getNodeScroll,
+  d as getOverflowAncestors,
+  s as getParentNode,
+  i as getWindow,
+  V as isContainingBlock,
+  m as isElement,
+  w as isHTMLElement,
+  h as isLastTraversableNode,
+  p as isNode,
+  y as isOverflowElement,
+  f as isShadowRoot,
+  A as isTableElement,
+  L as isTopLayer,
+  O as isWebKit
 };