@yselimcan/ui 0.0.3 → 0.0.5

package/dist/index165.js

@@ -1,31 +1,56 @@
 "use client";
-import { useRenderElement as c } from "./index86.js";
-import { useCompositeItem as u } from "./index219.js";
-import { EMPTY_OBJECT as d, EMPTY_ARRAY as t } from "./index106.js";
-function M(e) {
+import * as u from "react";
+import { useIsoLayoutEffect as g } from "./index126.js";
+import { useCompositeListContext as F } from "./index211.js";
+let I = /* @__PURE__ */ (function(t) {
+  return t[t.None = 0] = "None", t[t.GuessFromOrder = 1] = "GuessFromOrder", t;
+})({});
+function N(t = {}) {
   const {
-    render: l,
-    className: E,
-    state: o = d,
-    props: r = t,
-    refs: s = t,
-    metadata: m,
-    stateAttributesMapping: p,
-    tag: i = "div",
-    ...a
-  } = e, {
-    compositeProps: n,
-    compositeRef: f
-  } = u({
-    metadata: m
-  });
-  return c(i, e, {
-    state: o,
-    ref: [...s, f],
-    props: [n, ...r, a],
-    stateAttributesMapping: p
-  });
+    label: c,
+    metadata: l,
+    textRef: d,
+    indexGuessBehavior: L,
+    index: r
+  } = t, {
+    register: m,
+    unregister: a,
+    subscribeMapChange: x,
+    elementsRef: R,
+    labelsRef: i,
+    nextIndexRef: p
+  } = F(), f = u.useRef(-1), [n, C] = u.useState(r ?? (L === I.GuessFromOrder ? () => {
+    if (f.current === -1) {
+      const e = p.current;
+      p.current += 1, f.current = e;
+    }
+    return f.current;
+  } : -1)), s = u.useRef(null), b = u.useCallback((e) => {
+    if (s.current = e, n !== -1 && e !== null && (R.current[n] = e, i)) {
+      const o = c !== void 0;
+      i.current[n] = o ? c : d?.current?.textContent ?? e.textContent;
+    }
+  }, [n, R, i, c, d]);
+  return g(() => {
+    if (r != null)
+      return;
+    const e = s.current;
+    if (e)
+      return m(e, l), () => {
+        a(e);
+      };
+  }, [r, m, a, l]), g(() => {
+    if (r == null)
+      return x((e) => {
+        const o = s.current ? e.get(s.current)?.index : null;
+        o != null && C(o);
+      });
+  }, [r, x, C]), u.useMemo(() => ({
+    ref: b,
+    index: n
+  }), [n, b]);
 }
 export {
-  M as CompositeItem
+  I as IndexGuessBehavior,
+  N as useCompositeListItem
 };

package/dist/index166.js

@@ -1,10 +1,14 @@
-import { isHTMLElement as r, isLastTraversableNode as e, getParentNode as i } from "./index94.js";
-function n(t) {
-  if (r(t) && t.hasAttribute("data-rootownerid"))
-    return t.getAttribute("data-rootownerid") ?? void 0;
-  if (!e(t))
-    return n(i(t));
+import n from "./index94.js";
+import * as t from "react";
+const o = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (o.displayName = "SelectItemContext");
+function s() {
+  const e = t.useContext(o);
+  if (!e)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SelectItemContext is missing. SelectItem parts must be placed within <Select.Item>." : n(57));
+  return e;
 }
 export {
-  n as findRootOwnerId
+  o as SelectItemContext,
+  s as useSelectItemContext
 };

package/dist/index167.js

@@ -1,25 +1,120 @@
-import * as c from "react";
-import { ownerDocument as i } from "./index162.js";
-import { EMPTY_OBJECT as s } from "./index106.js";
-function a(u) {
+"use client";
+import * as R from "react";
+import { useTimeout as O } from "./index148.js";
+import { useIsoLayoutEffect as X } from "./index126.js";
+import { useSelectRootContext as Y } from "./index129.js";
+import { useSelectPositionerContext as _ } from "./index156.js";
+import { useTransitionStatus as j } from "./index133.js";
+import { useOpenChangeComplete as q } from "./index113.js";
+import { useRenderElement as z } from "./index87.js";
+import { selectors as d } from "./index134.js";
+import { useStore as H } from "./index145.js";
+const F = /* @__PURE__ */ R.forwardRef(function(w, I) {
   const {
-    enabled: t = !0,
-    mouseDownAction: r,
-    open: n
-  } = u, e = c.useRef(!1);
-  return c.useMemo(() => t ? {
-    onMouseDown: (o) => {
-      (r === "open" && !n || r === "close" && n) && (e.current = !0, i(o.currentTarget).addEventListener("click", () => {
-        e.current = !1;
-      }, {
-        once: !0
-      }));
-    },
-    onClick: (o) => {
-      e.current && (e.current = !1, o.preventBaseUIHandler());
+    render: J,
+    className: K,
+    direction: r,
+    keepMounted: v = !1,
+    ...V
+  } = w, {
+    store: o,
+    popupRef: g,
+    listRef: a,
+    handleScrollArrowVisibility: C,
+    scrollArrowsMountedCountRef: c
+  } = Y(), {
+    side: S,
+    scrollDownArrowRef: E,
+    scrollUpArrowRef: N
+  } = _(), y = r === "up" ? d.scrollUpArrowVisible : d.scrollDownArrowVisible, B = H(o, y), D = H(o, d.openMethod), n = B && D !== "touch", f = O(), p = r === "up" ? N : E, {
+    transitionStatus: T,
+    setMounted: k
+  } = j(n);
+  X(() => (c.current += 1, o.state.hasScrollArrows || o.set("hasScrollArrows", !0), () => {
+    c.current = Math.max(0, c.current - 1), c.current === 0 && o.state.hasScrollArrows && o.set("hasScrollArrows", !1);
+  }), [o, c]), q({
+    open: n,
+    ref: p,
+    onComplete() {
+      n || k(!1);
     }
-  } : s, [t, r, n]);
-}
+  });
+  const P = R.useMemo(() => ({
+    direction: r,
+    visible: n,
+    side: S,
+    transitionStatus: T
+  }), [r, n, S, T]), U = z("div", w, {
+    ref: [I, p],
+    state: P,
+    props: [{
+      "aria-hidden": !0,
+      children: r === "up" ? "▲" : "▼",
+      style: {
+        position: "absolute"
+      },
+      onMouseMove(A) {
+        if (A.movementX === 0 && A.movementY === 0 || f.isStarted())
+          return;
+        o.set("activeIndex", null);
+        function M() {
+          const t = o.state.listElement ?? g.current;
+          if (!t)
+            return;
+          o.set("activeIndex", null), C();
+          const x = t.scrollTop === 0, b = Math.round(t.scrollTop + t.clientHeight) >= t.scrollHeight;
+          if (a.current.length === 0 && (r === "up" ? o.set("scrollUpArrowVisible", !x) : o.set("scrollDownArrowVisible", !b)), r === "up" && x || r === "down" && b) {
+            f.clear();
+            return;
+          }
+          if ((o.state.listElement || g.current) && a.current && a.current.length > 0) {
+            const s = a.current, m = p.current?.offsetHeight || 0;
+            if (r === "up") {
+              let l = 0;
+              const h = t.scrollTop + m;
+              for (let e = 0; e < s.length; e += 1) {
+                const i = s[e];
+                if (i && i.offsetTop >= h) {
+                  l = e;
+                  break;
+                }
+              }
+              const u = Math.max(0, l - 1);
+              if (u < l) {
+                const e = s[u];
+                e && (t.scrollTop = Math.max(0, e.offsetTop - m));
+              } else
+                t.scrollTop = 0;
+            } else {
+              let l = s.length - 1;
+              const h = t.scrollTop + t.clientHeight - m;
+              for (let e = 0; e < s.length; e += 1) {
+                const i = s[e];
+                if (i && i.offsetTop + i.offsetHeight > h) {
+                  l = Math.max(0, e - 1);
+                  break;
+                }
+              }
+              const u = Math.min(s.length - 1, l + 1);
+              if (u > l) {
+                const e = s[u];
+                e && (t.scrollTop = e.offsetTop + e.offsetHeight - t.clientHeight + m);
+              } else
+                t.scrollTop = t.scrollHeight - t.clientHeight;
+            }
+          }
+          f.start(40, M);
+        }
+        f.start(40, M);
+      },
+      onMouseLeave() {
+        f.clear();
+      }
+    }, V]
+  });
+  return n || v ? U : null;
+});
+process.env.NODE_ENV !== "production" && (F.displayName = "SelectScrollArrow");
 export {
-  a as useMixedToggleClickHandler
+  F as SelectScrollArrow
 };

package/dist/index168.js

@@ -1,27 +1,14 @@
-"use client";
-import * as r from "react";
-import { useIsoLayoutEffect as a } from "./index97.js";
-import { isSafari as u } from "./index194.js";
-import { visuallyHidden as i } from "./index174.js";
-import { jsx as f } from "react/jsx-runtime";
-const n = /* @__PURE__ */ r.forwardRef(function(e, t) {
-  const [o, s] = r.useState();
-  return a(() => {
-    u && s("button");
-  }, []), /* @__PURE__ */ f("span", {
-    ...e,
-    ref: t,
-    style: i,
-    "aria-hidden": o ? void 0 : !0,
-    ...{
-      tabIndex: 0,
-      // Role is only for VoiceOver
-      role: o
-    },
-    "data-base-ui-focus-guard": ""
-  });
-});
-process.env.NODE_ENV !== "production" && (n.displayName = "FocusGuard");
+import r from "./index94.js";
+import * as t from "react";
+const o = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (o.displayName = "SelectGroupContext");
+function s() {
+  const e = t.useContext(o);
+  if (e === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SelectGroupContext is missing. SelectGroup parts must be placed within <Select.Group>." : r(56));
+  return e;
+}
 export {
-  n as FocusGuard
+  o as SelectGroupContext,
+  s as useSelectGroupContext
 };

package/dist/index169.js

@@ -1,163 +1,11 @@
-import * as H from "react";
-import * as te from "react-dom";
-import { isElement as re } from "./index94.js";
-import { useValueAsRef as N } from "./index176.js";
-import { useStableCallback as Y } from "./index95.js";
-import { createChangeEventDetails as C } from "./index113.js";
-import { getDelay as V } from "./index245.js";
-import { useFloatingTree as ne } from "./index145.js";
-import { useHoverInteractionSharedState as oe, safePolygonIdentifier as ce } from "./index244.js";
-import { triggerHover as L } from "./index114.js";
-import { getDocument as z, contains as O } from "./index173.js";
-import { isMouseLikePointerType as B } from "./index222.js";
-function W(l) {
-  return typeof l == "function" ? l() : l;
-}
-const se = {
-  current: null
-};
-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]);
+let o;
+process.env.NODE_ENV !== "production" && (o = /* @__PURE__ */ new Set());
+function s(...r) {
+  if (process.env.NODE_ENV !== "production") {
+    const e = r.join(" ");
+    o.has(e) || (o.add(e), console.error(`Base UI: ${e}`));
+  }
 }
 export {
-  Re as useHoverReferenceInteraction
+  s as error
 };

package/dist/index17.js

@@ -1,9 +1,9 @@
 "use client";
 import * as f from "react";
-import { useRefWithInit as C } from "./index107.js";
-import { useDialogRoot as x } from "./index108.js";
-import { useDialogRootContext as h, DialogRootContext as R } from "./index109.js";
-import { DialogStore as D } from "./index110.js";
+import { useRefWithInit as C } from "./index101.js";
+import { useDialogRoot as x } from "./index102.js";
+import { useDialogRootContext as h, DialogRootContext as R } from "./index103.js";
+import { DialogStore as D } from "./index104.js";
 import { jsx as I } from "react/jsx-runtime";
 function b(s) {
   const {

package/dist/index170.js

@@ -1,116 +1,15 @@
-import { isElement as U } from "./index94.js";
-import { Timeout as Z } from "./index148.js";
-import { getTarget as $, contains as W } from "./index173.js";
-import { getNodeChildren as y } from "./index242.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 n from "./index94.js";
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "CompositeRootContext");
+function r(s = !1) {
+  const o = t.useContext(e);
+  if (o === void 0 && !s)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: CompositeRootContext is missing. Composite parts must be placed within <Composite.Root>." : n(16));
+  return o;
 }
 export {
-  rt as safePolygon
+  e as CompositeRootContext,
+  r as useCompositeRootContext
 };