@yselimcan/ui 0.0.3 → 0.0.4

package/dist/index170.js

@@ -1,116 +1,120 @@
-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 = {}) {
+"use client";
+import * as R from "react";
+import { useTimeout as O } from "./index152.js";
+import { useIsoLayoutEffect as X } from "./index104.js";
+import { useSelectRootContext as Y } from "./index133.js";
+import { useSelectPositionerContext as _ } from "./index160.js";
+import { useTransitionStatus as j } from "./index137.js";
+import { useOpenChangeComplete as q } from "./index119.js";
+import { useRenderElement as z } from "./index86.js";
+import { selectors as d } from "./index138.js";
+import { useStore as H } from "./index149.js";
+const F = /* @__PURE__ */ R.forwardRef(function(w, I) {
   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();
+    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);
     }
-    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];
+  });
+  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);
         }
-        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();
+        f.start(40, M);
+      },
+      onMouseLeave() {
+        f.clear();
       }
-      G([N, V], Q([i, s])) ? !a && R && h.start(40, I) : I();
-    }
-  };
-  return S.__options = {
-    blockPointerEvents: _
-  }, S;
-}
+    }, V]
+  });
+  return n || v ? U : null;
+});
+process.env.NODE_ENV !== "production" && (F.displayName = "SelectScrollArrow");
 export {
-  rt as safePolygon
+  F as SelectScrollArrow
 };

package/dist/index171.js

@@ -1,78 +1,14 @@
-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 "./index194.js";
-import { useTimeout as k } from "./index148.js";
-import { createChangeEventDetails as R } from "./index113.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 "./index173.js";
-import { triggerFocus as y, triggerPress as B, escapeKey as K } from "./index114.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));
-      });
-    }
-  }), [E, r, p, v]);
-  return i.useMemo(() => o ? {
-    reference: l,
-    trigger: l
-  } : {}, [o, l]);
+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 {
-  z as useFocus
+  o as SelectGroupContext,
+  s as useSelectGroupContext
 };

package/dist/index172.js

@@ -1,67 +1,14 @@
-import { tabbable as r } from "./index237.js";
-import { contains as d, getDocument as b, activeElement as f } from "./index173.js";
-const s = () => ({
-  getShadowRoot: !0,
-  displayCheck: (
-    // JSDOM does not support the `tabbable` library. To solve this we can
-    // check if `ResizeObserver` is a real function (not polyfilled), which
-    // determines if the current environment is JSDOM-like.
-    typeof ResizeObserver == "function" && ResizeObserver.toString().includes("[native code]") ? "full" : "none"
-  )
-});
-function u(t, a) {
-  const e = r(t, s()), n = e.length;
-  if (n === 0)
-    return;
-  const i = f(b(t)), o = e.indexOf(i), c = o === -1 ? a === 1 ? 0 : n - 1 : o + a;
-  return e[c];
-}
-function T(t) {
-  return u(b(t).body, 1) || t;
-}
-function m(t) {
-  return u(b(t).body, -1) || t;
-}
-function l(t, a) {
-  if (!t)
-    return null;
-  const e = r(b(t).body, s()), n = e.length;
-  if (n === 0)
-    return null;
-  const i = e.indexOf(t);
-  if (i === -1)
-    return null;
-  const o = (i + a + n) % n;
-  return e[o];
-}
-function v(t) {
-  return l(t, 1);
-}
-function h(t) {
-  return l(t, -1);
-}
-function p(t, a) {
-  const e = a || t.currentTarget, n = t.relatedTarget;
-  return !n || !d(e, n);
-}
-function y(t) {
-  r(t, s()).forEach((e) => {
-    e.dataset.tabindex = e.getAttribute("tabindex") || "", e.setAttribute("tabindex", "-1");
-  });
-}
-function A(t) {
-  t.querySelectorAll("[data-tabindex]").forEach((e) => {
-    const n = e.dataset.tabindex;
-    delete e.dataset.tabindex, n ? e.setAttribute("tabindex", n) : e.removeAttribute("tabindex");
-  });
+import n from "./index94.js";
+import * as t from "react";
+const o = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (o.displayName = "MenuCheckboxItemContext");
+function s() {
+  const e = t.useContext(o);
+  if (e === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: MenuCheckboxItemContext is missing. MenuCheckboxItem parts must be placed within <Menu.CheckboxItem>." : n(30));
+  return e;
 }
 export {
-  y as disableFocusInside,
-  A as enableFocusInside,
-  T as getNextTabbable,
-  m as getPreviousTabbable,
-  v as getTabbableAfterElement,
-  h as getTabbableBeforeElement,
-  s as getTabbableOptions,
-  p as isOutsideEvent
+  o as MenuCheckboxItemContext,
+  s as useMenuCheckboxItemContext
 };

package/dist/index173.js

@@ -1,72 +1,69 @@
-import { isHTMLElement as u, isShadowRoot as i } from "./index94.js";
-import { isJSDOM as c } from "./index194.js";
-import { TYPEABLE_SELECTOR as s, FOCUSABLE_ATTRIBUTE as n } from "./index246.js";
-function h(t) {
-  let e = t.activeElement;
-  for (; e?.shadowRoot?.activeElement != null; )
-    e = e.shadowRoot.activeElement;
-  return e;
-}
-function b(t, e) {
-  if (!t || !e)
-    return !1;
-  const r = e.getRootNode?.();
-  if (t.contains(e))
-    return !0;
-  if (r && i(r)) {
-    let o = e;
-    for (; o; ) {
-      if (t === o)
-        return !0;
-      o = o.parentNode || o.host;
+"use client";
+import * as a from "react";
+import { useMergedRefs as h } from "./index95.js";
+import { useContextMenuRootContext as y } from "./index180.js";
+import { useButton as P } from "./index88.js";
+import { mergeProps as v } from "./index27.js";
+import { itemPress as I } from "./index114.js";
+const A = {
+  type: "regular-item"
+};
+function w(M) {
+  const {
+    closeOnClick: m,
+    disabled: R = !1,
+    highlighted: f,
+    id: l,
+    store: n,
+    nativeButton: b,
+    itemMetadata: o,
+    nodeId: r
+  } = M, i = a.useRef(null), t = y(!0), u = t !== void 0, {
+    events: s
+  } = n.useState("floatingTreeRoot"), {
+    getButtonProps: p,
+    buttonRef: x
+  } = P({
+    disabled: R,
+    focusableWhenDisabled: !0,
+    native: b
+  }), g = a.useCallback((C) => v({
+    id: l,
+    role: "menuitem",
+    tabIndex: f ? 0 : -1,
+    onMouseMove(e) {
+      r && s.emit("itemhover", {
+        nodeId: r,
+        target: e.currentTarget
+      });
+    },
+    onMouseEnter() {
+      o.type === "submenu-trigger" && o.setActive();
+    },
+    onKeyUp(e) {
+      e.key === " " && n.context.typingRef.current && e.preventBaseUIHandler();
+    },
+    onClick(e) {
+      m && s.emit("close", {
+        domEvent: e,
+        reason: I
+      });
+    },
+    onMouseUp(e) {
+      if (t) {
+        const c = t.initialCursorPointRef.current;
+        if (t.initialCursorPointRef.current = null, u && c && Math.abs(e.clientX - c.x) <= 1 && Math.abs(e.clientY - c.y) <= 1)
+          return;
+      }
+      i.current && n.context.allowMouseUpTriggerRef.current && (!u || e.button === 2) && o.type === "regular-item" && i.current.click();
     }
-  }
-  return !1;
-}
-function E(t) {
-  return "composedPath" in t ? t.composedPath()[0] : t.target;
-}
-function T(t, e) {
-  if (e == null)
-    return !1;
-  if ("composedPath" in t)
-    return t.composedPath().includes(e);
-  const r = t;
-  return r.target != null && e.contains(r.target);
-}
-function p(t) {
-  return t.matches("html,body");
-}
-function d(t) {
-  return t?.ownerDocument || document;
-}
-function a(t) {
-  return u(t) && t.matches(s);
-}
-function g(t) {
-  return t ? t.getAttribute("role") === "combobox" && a(t) : !1;
-}
-function R(t) {
-  if (!t || c)
-    return !0;
-  try {
-    return t.matches(":focus-visible");
-  } catch {
-    return !0;
-  }
-}
-function w(t) {
-  return t ? t.hasAttribute(n) ? t : t.querySelector(`[${n}]`) || t : null;
+  }, C, p), [l, f, p, m, s, n, u, t, o, r]), d = h(i, x);
+  return a.useMemo(() => ({
+    getItemProps: g,
+    itemRef: d
+  }), [g, d]);
 }
 export {
-  h as activeElement,
-  b as contains,
-  d as getDocument,
-  w as getFloatingFocusElement,
-  E as getTarget,
-  T as isEventTargetWithin,
-  p as isRootElement,
-  g as isTypeableCombobox,
-  a as isTypeableElement,
-  R as matchesFocusVisible
+  A as REGULAR_ITEM,
+  w as useMenuItem
 };

package/dist/index174.js

@@ -1,16 +1,15 @@
-const i = {
-  clip: "rect(0 0 0 0)",
-  overflow: "hidden",
-  whiteSpace: "nowrap",
-  position: "fixed",
-  top: 0,
-  left: 0,
-  border: 0,
-  padding: 0,
-  width: 1,
-  height: 1,
-  margin: -1
-};
+"use client";
+import r from "./index94.js";
+import * as t from "react";
+const o = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (o.displayName = "MenuRootContext");
+function i(n) {
+  const e = t.useContext(o);
+  if (e === void 0 && !n)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: MenuRootContext is missing. Menu parts must be placed within <Menu.Root>." : r(36));
+  return e;
+}
 export {
-  i as visuallyHidden
+  o as MenuRootContext,
+  i as useMenuRootContext
 };

package/dist/index175.js

@@ -1,8 +1,15 @@
-import * as t from "react";
-function n(r) {
-  const e = t.useRef(!0);
-  e.current && (e.current = !1, r());
-}
+import { transitionStatusMapping as r } from "./index112.js";
+import { MenuCheckboxItemDataAttributes as t } from "./index233.js";
+const c = {
+  checked(e) {
+    return e ? {
+      [t.checked]: ""
+    } : {
+      [t.unchecked]: ""
+    };
+  },
+  ...r
+};
 export {
-  n as useOnFirstRender
+  c as itemMapping
 };

package/dist/index176.js

@@ -1,20 +1,15 @@
 "use client";
-import { useIsoLayoutEffect as n } from "./index97.js";
-import { useRefWithInit as r } from "./index107.js";
-function s(e) {
-  const t = r(f, e).current;
-  return t.next = e, n(t.effect), t;
-}
-function f(e) {
-  const t = {
-    current: e,
-    next: e,
-    effect: () => {
-      t.current = t.next;
-    }
-  };
-  return t;
+import i from "./index94.js";
+import * as o from "react";
+const t = /* @__PURE__ */ o.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "MenuPositionerContext");
+function s(n) {
+  const e = o.useContext(t);
+  if (e === void 0 && !n)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: MenuPositionerContext is missing. MenuPositioner parts must be placed within <Menu.Positioner>." : i(33));
+  return e;
 }
 export {
-  s as useValueAsRef
+  t as MenuPositionerContext,
+  s as useMenuPositionerContext
 };