@yselimcan/ui 0.0.6 → 0.0.7

package/dist/index163.js

@@ -1,7 +1,67 @@
-function o(t) {
-  const i = t.currentTarget.getBoundingClientRect();
-  return i.top + 1 <= t.clientY && t.clientY <= i.bottom - 1 && i.left + 1 <= t.clientX && t.clientX <= i.right - 1;
+"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]);
 }
 export {
-  o as isMouseWithinBounds
+  Y as useClick
 };

package/dist/index164.js

@@ -1,69 +1,78 @@
-"use client";
-import { useRefWithInit as u } from "./index94.js";
-import { useOnMount as h } from "./index209.js";
-const s = null;
-let l = globalThis.requestAnimationFrame;
-class o {
-  /* This implementation uses an array as a backing data-structure for frame callbacks.
-   * It allows `O(1)` callback cancelling by inserting a `null` in the array, though it
-   * never calls the native `cancelAnimationFrame` if there are no frames left. This can
-   * be much more efficient if there is a call pattern that alterns as
-   * "request-cancel-request-cancel-…".
-   * But in the case of "request-request-…-cancel-cancel-…", it leaves the final animation
-   * frame to run anyway. We turn that frame into a `O(1)` no-op via `callbacksCount`. */
-  callbacks = [];
-  callbacksCount = 0;
-  nextId = 1;
-  startId = 1;
-  isScheduled = !1;
-  tick = (t) => {
-    this.isScheduled = !1;
-    const e = this.callbacks, i = this.callbacksCount;
-    if (this.callbacks = [], this.callbacksCount = 0, this.startId = this.nextId, i > 0)
-      for (let r = 0; r < e.length; r += 1)
-        e[r]?.(t);
-  };
-  request(t) {
-    const e = this.nextId;
-    this.nextId += 1, this.callbacks.push(t), this.callbacksCount += 1;
-    const i = process.env.NODE_ENV === "test" && l !== requestAnimationFrame && (l = requestAnimationFrame, !0);
-    return (!this.isScheduled || i) && (requestAnimationFrame(this.tick), this.isScheduled = !0), e;
-  }
-  cancel(t) {
-    const e = t - this.startId;
-    e < 0 || e >= this.callbacks.length || (this.callbacks[e] = null, this.callbacksCount -= 1);
-  }
-}
-const c = new o();
-class a {
-  static create() {
-    return new a();
-  }
-  static request(t) {
-    return c.request(t);
-  }
-  static cancel(t) {
-    return c.cancel(t);
-  }
-  currentId = s;
-  /**
-   * Executes `fn` after `delay`, clearing any previously scheduled call.
-   */
-  request(t) {
-    this.cancel(), this.currentId = c.request(() => {
-      this.currentId = s, t();
-    });
-  }
-  cancel = () => {
-    this.currentId !== s && (c.cancel(this.currentId), this.currentId = s);
-  };
-  disposeEffect = () => this.cancel;
-}
-function k() {
-  const n = u(a.create).current;
-  return h(n.disposeEffect), n;
+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));
+      });
+    }
+  }), [E, r, p, v]);
+  return i.useMemo(() => o ? {
+    reference: l,
+    trigger: l
+  } : {}, [o, l]);
 }
 export {
-  a as AnimationFrame,
-  k as useAnimationFrame
+  z as useFocus
 };

package/dist/index165.js

@@ -1,12 +1,67 @@
-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}`
-  })
-};
+import { tabbable as r } from "./index237.js";
+import { contains as d, getDocument as b, activeElement as f } from "./index166.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");
+  });
+}
 export {
-  r as styleDisableScrollbar
+  y as disableFocusInside,
+  A as enableFocusInside,
+  T as getNextTabbable,
+  m as getPreviousTabbable,
+  v as getTabbableAfterElement,
+  h as getTabbableBeforeElement,
+  s as getTabbableOptions,
+  p as isOutsideEvent
 };

package/dist/index166.js

@@ -1,11 +1,72 @@
-"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);
+import { isHTMLElement as u, isShadowRoot as i } from "./index94.js";
+import { isJSDOM as c } from "./index188.js";
+import { TYPEABLE_SELECTOR as s, FOCUSABLE_ATTRIBUTE as n } from "./index245.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;
+    }
+  }
+  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;
 }
 export {
-  t as ToolbarRootContext,
-  r as useToolbarRootContext
+  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
 };

package/dist/index167.js

@@ -1,8 +1,16 @@
-import { DISABLED_TRANSITIONS_STYLE as r } from "./index113.js";
-import { EMPTY_OBJECT as o } from "./index122.js";
-function T(t) {
-  return t === "starting" ? r : o;
-}
+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
+};
 export {
-  T as getDisabledMountTransitionStyles
+  i as visuallyHidden
 };

package/dist/index168.js

@@ -1,56 +1,10 @@
 "use client";
-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 {
-    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]);
+import * as c from "react";
+const t = {};
+function u(r, n) {
+  const e = c.useRef(t);
+  return e.current === t && (e.current = r(n)), e;
 }
 export {
-  I as IndexGuessBehavior,
-  N as useCompositeListItem
+  u as useRefWithInit
 };

package/dist/index169.js

@@ -1,14 +1,8 @@
-import n from "./index112.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;
+function n(r) {
+  const e = t.useRef(!0);
+  e.current && (e.current = !1, r());
 }
 export {
-  o as SelectItemContext,
-  s as useSelectItemContext
+  n as useOnFirstRender
 };

package/dist/index17.js

@@ -1,9 +1,9 @@
 "use client";
 import * as f from "react";
-import { useRefWithInit as C } from "./index94.js";
-import { useDialogRoot as x } from "./index95.js";
-import { useDialogRootContext as h, DialogRootContext as R } from "./index96.js";
-import { DialogStore as D } from "./index97.js";
+import { useRefWithInit as C } from "./index168.js";
+import { useDialogRoot as x } from "./index194.js";
+import { useDialogRootContext as h, DialogRootContext as R } from "./index195.js";
+import { DialogStore as D } from "./index196.js";
 import { jsx as I } from "react/jsx-runtime";
 function b(s) {
   const {

package/dist/index170.js

@@ -1,120 +1,20 @@
 "use client";
-import * as R from "react";
-import { useTimeout as O } from "./index152.js";
-import { useIsoLayoutEffect as X } from "./index126.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 "./index106.js";
-import { useRenderElement as z } from "./index87.js";
-import { selectors as d } from "./index138.js";
-import { useStore as H } from "./index149.js";
-const F = /* @__PURE__ */ R.forwardRef(function(w, I) {
-  const {
-    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);
+import { useIsoLayoutEffect as n } from "./index97.js";
+import { useRefWithInit as r } from "./index168.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;
     }
-  });
-  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");
+  };
+  return t;
+}
 export {
-  F as SelectScrollArrow
+  s as useValueAsRef
 };