@yselimcan/ui 0.0.3 → 0.0.4

package/dist/index157.js

@@ -1,35 +1,107 @@
-import { useId as f } from "./index149.js";
-import { useRefWithInit as g } from "./index107.js";
-import { useIsoLayoutEffect as E } from "./index97.js";
-import { isElement as d } from "./index94.js";
-import { useFloatingParentNodeId as S } from "./index145.js";
-import { FloatingRootStore as x } from "./index243.js";
-function v(p) {
-  const {
-    popupStore: o,
-    noEmit: i = !1,
-    treatPopupAsFloatingElement: a = !1,
-    onOpenChange: m
-  } = p, n = f(), c = S() != null, r = o.useState("open"), t = o.useState("activeTriggerElement"), s = o.useState(a ? "popupElement" : "positionerElement"), u = o.context.triggerElements, e = g(() => new x({
-    open: r,
-    referenceElement: t,
-    floatingElement: s,
-    triggerElements: u,
-    onOpenChange: m,
-    floatingId: n,
-    nested: c,
-    noEmit: i
-  })).current;
-  return E(() => {
-    const l = {
-      open: r,
-      floatingId: n,
-      referenceElement: t,
-      floatingElement: s
+"use client";
+import { getWindow as u, isOverflowElement as Y } from "./index101.js";
+import { isIOS as W, isWebKit as E } from "./index162.js";
+import { ownerDocument as n } from "./index151.js";
+import { useIsoLayoutEffect as T } from "./index104.js";
+import { Timeout as k } from "./index152.js";
+import { AnimationFrame as z } from "./index164.js";
+import { NOOP as H } from "./index100.js";
+let L = {}, C = {}, O = "";
+function F(r) {
+  if (typeof document > "u")
+    return !1;
+  const o = n(r);
+  return u(o).innerWidth - o.documentElement.clientWidth > 0;
+}
+function j(r) {
+  const o = n(r), t = o.documentElement, e = o.body, l = Y(t) ? t : e, s = l.style.overflow;
+  return l.style.overflow = "hidden", () => {
+    l.style.overflow = s;
+  };
+}
+function I(r) {
+  const o = n(r), t = o.documentElement, e = o.body, l = u(t);
+  let s = 0, c = 0;
+  const h = z.create(), f = typeof CSS < "u" && CSS.supports?.("scrollbar-gutter", "stable");
+  if (E && (l.visualViewport?.scale ?? 1) !== 1)
+    return () => {
+    };
+  function d() {
+    const a = l.getComputedStyle(t), i = l.getComputedStyle(e), y = (a.scrollbarGutter || "").includes("both-edges") ? "stable both-edges" : "stable";
+    s = t.scrollTop, c = t.scrollLeft, L = {
+      scrollbarGutter: t.style.scrollbarGutter,
+      overflowY: t.style.overflowY,
+      overflowX: t.style.overflowX
+    }, O = t.style.scrollBehavior, C = {
+      position: e.style.position,
+      height: e.style.height,
+      width: e.style.width,
+      boxSizing: e.style.boxSizing,
+      overflowY: e.style.overflowY,
+      overflowX: e.style.overflowX,
+      scrollBehavior: e.style.scrollBehavior
     };
-    d(t) && (l.domReferenceElement = t), e.update(l);
-  }, [r, n, t, s, e]), e.context.onOpenChange = m, e.context.nested = c, e.context.noEmit = i, e;
+    const X = t.scrollHeight > t.clientHeight, B = t.scrollWidth > t.clientWidth, x = a.overflowY === "scroll" || i.overflowY === "scroll", G = a.overflowX === "scroll" || i.overflowX === "scroll", b = Math.max(0, l.innerWidth - t.clientWidth), w = Math.max(0, l.innerHeight - t.clientHeight), p = parseFloat(i.marginTop) + parseFloat(i.marginBottom), g = parseFloat(i.marginLeft) + parseFloat(i.marginRight), S = Y(t) ? t : e;
+    if (f) {
+      t.style.scrollbarGutter = y, S.style.overflowY = "hidden", S.style.overflowX = "hidden";
+      return;
+    }
+    Object.assign(t.style, {
+      scrollbarGutter: y,
+      overflowY: "hidden",
+      overflowX: "hidden"
+    }), (X || x) && (t.style.overflowY = "scroll"), (B || G) && (t.style.overflowX = "scroll"), Object.assign(e.style, {
+      position: "relative",
+      height: p || w ? `calc(100dvh - ${p + w}px)` : "100dvh",
+      width: g || b ? `calc(100vw - ${g + b}px)` : "100vw",
+      boxSizing: "border-box",
+      overflow: "hidden",
+      scrollBehavior: "unset"
+    }), e.scrollTop = s, e.scrollLeft = c, t.setAttribute("data-base-ui-scroll-locked", ""), t.style.scrollBehavior = "unset";
+  }
+  function m() {
+    Object.assign(t.style, L), Object.assign(e.style, C), f || (t.scrollTop = s, t.scrollLeft = c, t.removeAttribute("data-base-ui-scroll-locked"), t.style.scrollBehavior = O);
+  }
+  function v() {
+    m(), h.request(d);
+  }
+  return d(), l.addEventListener("resize", v), () => {
+    h.cancel(), m(), typeof l.removeEventListener == "function" && l.removeEventListener("resize", v);
+  };
+}
+class R {
+  lockCount = 0;
+  restore = null;
+  timeoutLock = k.create();
+  timeoutUnlock = k.create();
+  acquire(o) {
+    return this.lockCount += 1, this.lockCount === 1 && this.restore === null && this.timeoutLock.start(0, () => this.lock(o)), this.release;
+  }
+  release = () => {
+    this.lockCount -= 1, this.lockCount === 0 && this.restore && this.timeoutUnlock.start(0, this.unlock);
+  };
+  unlock = () => {
+    this.lockCount === 0 && this.restore && (this.restore?.(), this.restore = null);
+  };
+  lock(o) {
+    if (this.lockCount === 0 || this.restore !== null)
+      return;
+    const e = n(o).documentElement, l = u(e).getComputedStyle(e).overflowY;
+    if (l === "hidden" || l === "clip") {
+      this.restore = H;
+      return;
+    }
+    const s = W || !F(o);
+    this.restore = s ? j(o) : I(o);
+  }
+}
+const V = new R();
+function _(r = !0, o = null) {
+  T(() => {
+    if (r)
+      return V.acquire(o);
+  }, [r, o]);
 }
 export {
-  v as useSyncedFloatingRootContext
+  _ as useScrollLock
 };

package/dist/index158.js

@@ -1,233 +1,82 @@
-import * as p from "react";
-import { isElement as P, isLastTraversableNode as U, getParentNode as Ce, isHTMLElement as Oe, getComputedStyle as Se, getOverflowAncestors as j, isWebKit as De } from "./index94.js";
-import { useTimeout as ce, Timeout as ke } from "./index148.js";
-import { useStableCallback as s } from "./index95.js";
-import { useFloatingTree as Me } from "./index145.js";
-import { createChangeEventDetails as S } from "./index113.js";
-import { createAttribute as Ke } from "./index238.js";
-import { isReactEvent as Ie } from "./index222.js";
-import { getTarget as w, getDocument as ie, contains as X, isRootElement as xe, isEventTargetWithin as f } from "./index173.js";
-import { getNodeChildren as G } from "./index242.js";
-import { triggerPress as le, escapeKey as Xe, outsidePress as Ye, none as We } from "./index114.js";
-const _e = {
-  intentional: "onClick",
-  sloppy: "onPointerDown"
-};
-function He(d) {
-  return {
-    escapeKey: typeof d == "boolean" ? d : d?.escapeKey ?? !1,
-    outsidePress: typeof d == "boolean" ? d : d?.outsidePress ?? !0
-  };
-}
-function Je(d, ue = {}) {
-  const r = "rootStore" in d ? d.rootStore : d, Y = r.useState("open"), D = r.useState("floatingElement"), C = r.useState("referenceElement"), W = r.useState("domReferenceElement"), {
-    onOpenChange: ae,
-    dataRef: m
-  } = r.context, {
-    enabled: E = !0,
-    escapeKey: k = !0,
-    outsidePress: M = !0,
-    outsidePressEvent: _ = "sloppy",
-    referencePress: J = !1,
-    referencePressEvent: H = "sloppy",
-    ancestorScroll: Q = !1,
-    bubbles: fe,
-    externalTree: de
-  } = ue, T = Me(de), pe = s(typeof M == "function" ? M : () => !1), v = typeof M == "function" ? pe : M, A = p.useRef(!1), {
-    escapeKey: K,
-    outsidePress: Z
-  } = He(fe), u = p.useRef(null), I = ce(), z = ce(), b = s(() => {
-    z.clear(), m.current.insideReactTree = !1;
-  }), B = p.useRef(!1), ee = p.useRef(""), N = s((e) => {
-    ee.current = e.pointerType;
-  }), L = s(() => {
-    const e = ee.current, n = e === "pen" || !e ? "mouse" : e, t = typeof _ == "function" ? _() : _;
-    return typeof t == "string" ? t : t[n];
-  }), h = s((e) => {
-    if (!Y || !E || !k || e.key !== "Escape" || B.current)
-      return;
-    const n = m.current.floatingContext?.nodeId, t = T ? G(T.nodesRef.current, n) : [];
-    if (!K && t.length > 0) {
-      let i = !0;
-      if (t.forEach((c) => {
-        c.context?.open && !c.context.dataRef.current.__escapeKeyBubbles && (i = !1);
-      }), !i)
-        return;
-    }
-    const a = Ie(e) ? e.nativeEvent : e, o = S(Xe, a);
-    r.setOpen(!1, o), !K && !o.isPropagationAllowed && e.stopPropagation();
-  }), me = s((e) => {
-    const n = L();
-    return n === "intentional" && e.type !== "click" || n === "sloppy" && e.type === "click";
-  }), g = s(() => {
-    m.current.insideReactTree = !0, z.start(0, b);
-  }), O = s((e, n = !1) => {
-    if (me(e)) {
-      b();
-      return;
-    }
-    if (m.current.insideReactTree) {
-      b();
-      return;
-    }
-    if (L() === "intentional" && n || typeof v == "function" && !v(e))
-      return;
-    const t = w(e), a = `[${Ke("inert")}]`, o = ie(r.select("floatingElement")).querySelectorAll(a), i = r.context.triggerElements;
-    if (t && (i.hasElement(t) || i.hasMatchingElement((l) => X(l, t))))
-      return;
-    let c = P(t) ? t : null;
-    for (; c && !U(c); ) {
-      const l = Ce(c);
-      if (U(l) || !P(l))
-        break;
-      c = l;
-    }
-    if (o.length && P(t) && !xe(t) && // Clicked on a direct ancestor (e.g. FloatingOverlay).
-    !X(t, r.select("floatingElement")) && // If the target root element contains none of the markers, then the
-    // element was injected after the floating element rendered.
-    Array.from(o).every((l) => !X(c, l)))
-      return;
-    if (Oe(t) && !("touches" in e)) {
-      const l = U(t), R = Se(t), se = /auto|scroll/, Te = l || se.test(R.overflowX), ve = l || se.test(R.overflowY), be = Te && t.clientWidth > 0 && t.scrollWidth > t.clientWidth, Le = ve && t.clientHeight > 0 && t.scrollHeight > t.clientHeight, Re = R.direction === "rtl", Pe = Le && (Re ? e.offsetX <= t.offsetWidth - t.clientWidth : e.offsetX > t.clientWidth), we = be && e.offsetY > t.clientHeight;
-      if (Pe || we)
-        return;
-    }
-    const oe = m.current.floatingContext?.nodeId, ye = T && G(T.nodesRef.current, oe).some((l) => f(e, l.context?.elements.floating));
-    if (f(e, r.select("floatingElement")) || f(e, r.select("domReferenceElement")) || ye)
-      return;
-    const re = T ? G(T.nodesRef.current, oe) : [];
-    if (re.length > 0) {
-      let l = !0;
-      if (re.forEach((R) => {
-        R.context?.open && !R.context.dataRef.current.__outsidePressBubbles && (l = !1);
-      }), !l)
-        return;
-    }
-    r.setOpen(!1, S(Ye, e)), b();
-  }), te = s((e) => {
-    L() !== "sloppy" || e.pointerType === "touch" || !r.select("open") || !E || f(e, r.select("floatingElement")) || f(e, r.select("domReferenceElement")) || O(e);
-  }), Ee = s((e) => {
-    if (L() !== "sloppy" || !r.select("open") || !E || f(e, r.select("floatingElement")) || f(e, r.select("domReferenceElement")))
-      return;
-    const n = e.touches[0];
-    n && (u.current = {
-      startTime: Date.now(),
-      startX: n.clientX,
-      startY: n.clientY,
-      dismissOnTouchEnd: !1,
-      dismissOnMouseDown: !0
-    }, I.start(1e3, () => {
-      u.current && (u.current.dismissOnTouchEnd = !1, u.current.dismissOnMouseDown = !1);
-    }));
-  }), V = s((e) => {
-    const n = w(e);
-    function t() {
-      Ee(e), n?.removeEventListener(e.type, t);
-    }
-    n?.addEventListener(e.type, t);
-  }), y = s((e) => {
-    const n = A.current;
-    if (A.current = !1, I.clear(), e.type === "mousedown" && u.current && !u.current.dismissOnMouseDown)
-      return;
-    const t = w(e);
-    function a() {
-      e.type === "pointerdown" ? te(e) : O(e, n), t?.removeEventListener(e.type, a);
-    }
-    t?.addEventListener(e.type, a);
-  }), he = s((e) => {
-    if (L() !== "sloppy" || !u.current || f(e, r.select("floatingElement")) || f(e, r.select("domReferenceElement")))
-      return;
-    const n = e.touches[0];
-    if (!n)
-      return;
-    const t = Math.abs(n.clientX - u.current.startX), a = Math.abs(n.clientY - u.current.startY), o = Math.sqrt(t * t + a * a);
-    o > 5 && (u.current.dismissOnTouchEnd = !0), o > 10 && (O(e), I.clear(), u.current = null);
-  }), $ = s((e) => {
-    const n = w(e);
-    function t() {
-      he(e), n?.removeEventListener(e.type, t);
-    }
-    n?.addEventListener(e.type, t);
-  }), ge = s((e) => {
-    L() !== "sloppy" || !u.current || f(e, r.select("floatingElement")) || f(e, r.select("domReferenceElement")) || (u.current.dismissOnTouchEnd && O(e), I.clear(), u.current = null);
-  }), q = s((e) => {
-    const n = w(e);
-    function t() {
-      ge(e), n?.removeEventListener(e.type, t);
-    }
-    n?.addEventListener(e.type, t);
-  });
-  p.useEffect(() => {
-    if (!Y || !E)
+"use client";
+import * as a from "react";
+import { useRefWithInit as T } from "./index107.js";
+import { useStableCallback as m } from "./index102.js";
+import { useIsoLayoutEffect as f } from "./index104.js";
+import { CompositeListContext as D } from "./index211.js";
+import { jsx as L } from "react/jsx-runtime";
+function k(h) {
+  const {
+    children: N,
+    elementsRef: t,
+    labelsRef: o,
+    onMapChange: _
+  } = h, C = m(_), O = a.useRef(0), d = T(R).current, i = T(P).current, [p, M] = a.useState(0), c = a.useRef(p), E = m((e, u) => {
+    i.set(e, u ?? null), c.current += 1, M(c.current);
+  }), I = m((e) => {
+    i.delete(e), c.current += 1, M(c.current);
+  }), r = a.useMemo(() => {
+    const e = /* @__PURE__ */ new Map();
+    return Array.from(i.keys()).filter((n) => n.isConnected).sort(S).forEach((n, l) => {
+      const s = i.get(n) ?? {};
+      e.set(n, {
+        ...s,
+        index: l
+      });
+    }), e;
+  }, [i, p]);
+  f(() => {
+    if (typeof MutationObserver != "function" || r.size === 0)
       return;
-    m.current.__escapeKeyBubbles = K, m.current.__outsidePressBubbles = Z;
-    const e = new ke();
-    function n(c) {
-      r.setOpen(!1, S(We, c));
-    }
-    function t() {
-      e.clear(), B.current = !0;
-    }
-    function a() {
-      e.start(
-        // 0ms or 1ms don't work in Safari. 5ms appears to consistently work.
-        // Only apply to WebKit for the test to remain 0ms.
-        De() ? 5 : 0,
-        () => {
-          B.current = !1;
-        }
-      );
-    }
-    const o = ie(D);
-    o.addEventListener("pointerdown", N, !0), k && (o.addEventListener("keydown", h), o.addEventListener("compositionstart", t), o.addEventListener("compositionend", a)), v && (o.addEventListener("click", y, !0), o.addEventListener("pointerdown", y, !0), o.addEventListener("touchstart", V, !0), o.addEventListener("touchmove", $, !0), o.addEventListener("touchend", q, !0), o.addEventListener("mousedown", y, !0));
-    let i = [];
-    return Q && (P(W) && (i = j(W)), P(D) && (i = i.concat(j(D))), !P(C) && C && C.contextElement && (i = i.concat(j(C.contextElement)))), i = i.filter((c) => c !== o.defaultView?.visualViewport), i.forEach((c) => {
-      c.addEventListener("scroll", n, {
-        passive: !0
+    const e = new MutationObserver((u) => {
+      const n = /* @__PURE__ */ new Set(), l = (s) => n.has(s) ? n.delete(s) : n.add(s);
+      u.forEach((s) => {
+        s.removedNodes.forEach(l), s.addedNodes.forEach(l);
+      }), n.size === 0 && (c.current += 1, M(c.current));
+    });
+    return r.forEach((u, n) => {
+      n.parentElement && e.observe(n.parentElement, {
+        childList: !0
       });
     }), () => {
-      o.removeEventListener("pointerdown", N, !0), k && (o.removeEventListener("keydown", h), o.removeEventListener("compositionstart", t), o.removeEventListener("compositionend", a)), v && (o.removeEventListener("click", y, !0), o.removeEventListener("pointerdown", y, !0), o.removeEventListener("touchstart", V, !0), o.removeEventListener("touchmove", $, !0), o.removeEventListener("touchend", q, !0), o.removeEventListener("mousedown", y, !0)), i.forEach((c) => {
-        c.removeEventListener("scroll", n);
-      }), e.clear();
+      e.disconnect();
     };
-  }, [m, D, C, W, k, v, Y, ae, Q, E, K, Z, h, O, y, te, V, $, q, N, r]), p.useEffect(b, [v, b]);
-  const F = p.useMemo(() => ({
-    onKeyDown: h,
-    ...J && {
-      [_e[H]]: (e) => {
-        r.setOpen(!1, S(le, e.nativeEvent));
-      },
-      ...H !== "intentional" && {
-        onClick(e) {
-          r.setOpen(!1, S(le, e.nativeEvent));
-        }
-      }
-    }
-  }), [h, r, J, H]), x = s((e) => {
-    const n = w(e.nativeEvent);
-    !X(r.select("floatingElement"), n) || e.button !== 0 || (A.current = !0);
-  }), ne = p.useMemo(() => ({
-    onKeyDown: h,
-    // `onMouseDown` may be blocked if `event.preventDefault()` is called in
-    // `onPointerDown`, such as with <NumberField.ScrubArea>.
-    // See https://github.com/mui/base-ui/pull/3379
-    onPointerDown: x,
-    onMouseDown: x,
-    onMouseUp: x,
-    onClickCapture: g,
-    onMouseDownCapture: g,
-    onPointerDownCapture: g,
-    onMouseUpCapture: g,
-    onTouchEndCapture: g,
-    onTouchMoveCapture: g
-  }), [h, x, g]);
-  return p.useMemo(() => E ? {
-    reference: F,
-    floating: ne,
-    trigger: F
-  } : {}, [E, F, ne]);
+  }, [r]), f(() => {
+    c.current === p && (t.current.length !== r.size && (t.current.length = r.size), o && o.current.length !== r.size && (o.current.length = r.size), O.current = r.size), C(r);
+  }, [C, r, t, o, p]), f(() => () => {
+    t.current = [];
+  }, [t]), f(() => () => {
+    o && (o.current = []);
+  }, [o]);
+  const g = m((e) => (d.add(e), () => {
+    d.delete(e);
+  }));
+  f(() => {
+    d.forEach((e) => e(r));
+  }, [d, r]);
+  const b = a.useMemo(() => ({
+    register: E,
+    unregister: I,
+    subscribeMapChange: g,
+    elementsRef: t,
+    labelsRef: o,
+    nextIndexRef: O
+  }), [E, I, g, t, o, O]);
+  return /* @__PURE__ */ L(D.Provider, {
+    value: b,
+    children: N
+  });
+}
+function P() {
+  return /* @__PURE__ */ new Map();
+}
+function R() {
+  return /* @__PURE__ */ new Set();
+}
+function S(h, N) {
+  const t = h.compareDocumentPosition(N);
+  return t & Node.DOCUMENT_POSITION_FOLLOWING || t & Node.DOCUMENT_POSITION_CONTAINED_BY ? -1 : t & Node.DOCUMENT_POSITION_PRECEDING || t & Node.DOCUMENT_POSITION_CONTAINS ? 1 : 0;
 }
 export {
-  He as normalizeProp,
-  Je as useDismiss
+  k as CompositeList
 };