@yselimcan/ui 0.0.3 → 0.0.4

package/dist/index161.js

@@ -1,56 +1,13 @@
-import * as o from "react";
-import { useStableCallback as S } from "./index95.js";
-import { useIsoLayoutEffect as T } from "./index97.js";
-import { useTimeout as D } from "./index148.js";
-import { EMPTY_ARRAY as U } from "./index106.js";
-import { stopEvent as O } from "./index222.js";
-function H(l, b) {
-  const g = "rootStore" in l ? l.rootStore : l, c = g.useState("open"), u = g.context.dataRef, {
-    listRef: E,
-    activeIndex: p,
-    onMatch: A,
-    onTypingChange: R,
-    enabled: h = !0,
-    findMatch: L = null,
-    resetMs: F = 750,
-    ignoreKeys: P = U,
-    selectedIndex: y = null
-  } = b, m = D(), r = o.useRef(""), i = o.useRef(y ?? p ?? -1), f = o.useRef(null);
-  T(() => {
-    c && (m.clear(), f.current = null, r.current = "");
-  }, [c, m]), T(() => {
-    c && r.current === "" && (i.current = y ?? p ?? -1);
-  }, [c, y, p]);
-  const n = S((e) => {
-    e ? u.current.typing || (u.current.typing = e, R?.(e)) : u.current.typing && (u.current.typing = e, R?.(e));
-  }), a = S((e) => {
-    function C(s, x, I) {
-      const K = L ? L(x, I) : x.find((Y) => Y?.toLocaleLowerCase().indexOf(I.toLocaleLowerCase()) === 0);
-      return K ? s.indexOf(K) : -1;
-    }
-    const t = E.current;
-    if (r.current.length > 0 && r.current[0] !== " " && (C(t, t, r.current) === -1 ? n(!1) : e.key === " " && O(e)), t == null || P.includes(e.key) || // Character key.
-    e.key.length !== 1 || // Modifier key.
-    e.ctrlKey || e.metaKey || e.altKey)
-      return;
-    c && e.key !== " " && (O(e), n(!0)), t.every((s) => s ? s[0]?.toLocaleLowerCase() !== s[1]?.toLocaleLowerCase() : !0) && r.current === e.key && (r.current = "", i.current = f.current), r.current += e.key, m.start(F, () => {
-      r.current = "", i.current = f.current, n(!1);
-    });
-    const w = i.current, d = C(t, [...t.slice((w || 0) + 1), ...t.slice(0, (w || 0) + 1)], r.current);
-    d !== -1 ? (A?.(d), f.current = d) : e.key !== " " && (r.current = "", n(!1));
-  }), k = o.useMemo(() => ({
-    onKeyDown: a
-  }), [a]), M = o.useMemo(() => ({
-    onKeyDown: a,
-    onKeyUp(e) {
-      e.key === " " && n(!1);
-    }
-  }), [a, n]);
-  return o.useMemo(() => h ? {
-    reference: k,
-    floating: M
-  } : {}, [h, k, M]);
+function e(o, t) {
+  o && Object.assign(o.style, t);
 }
+const i = {
+  position: "relative",
+  maxHeight: "100%",
+  overflowX: "hidden",
+  overflowY: "auto"
+};
 export {
-  H as useTypeahead
+  i as LIST_FUNCTIONAL_STYLES,
+  e as clearStyles
 };

package/dist/index162.js

@@ -1,6 +1,43 @@
-function e(n) {
-  return n?.ownerDocument || document;
+const a = typeof navigator < "u", o = e(), n = f(), r = u(), c = typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter:none"), m = (
+  // iPads can claim to be MacIntel
+  o.platform === "MacIntel" && o.maxTouchPoints > 1 ? !0 : /iP(hone|ad|od)|iOS/.test(o.platform)
+), p = a && /firefox/i.test(r), g = a && /apple/i.test(navigator.vendor), d = a && /android/i.test(n) || /android/i.test(r), l = a && n.toLowerCase().startsWith("mac") && !navigator.maxTouchPoints, v = r.includes("jsdom/");
+function e() {
+  if (!a)
+    return {
+      platform: "",
+      maxTouchPoints: -1
+    };
+  const t = navigator.userAgentData;
+  return t?.platform ? {
+    platform: t.platform,
+    maxTouchPoints: navigator.maxTouchPoints
+  } : {
+    platform: navigator.platform ?? "",
+    maxTouchPoints: navigator.maxTouchPoints ?? -1
+  };
+}
+function u() {
+  if (!a)
+    return "";
+  const t = navigator.userAgentData;
+  return t && Array.isArray(t.brands) ? t.brands.map(({
+    brand: i,
+    version: s
+  }) => `${i}/${s}`).join(" ") : navigator.userAgent;
+}
+function f() {
+  if (!a)
+    return "";
+  const t = navigator.userAgentData;
+  return t?.platform ? t.platform : navigator.platform ?? "";
 }
 export {
-  e as ownerDocument
+  d as isAndroid,
+  p as isFirefox,
+  m as isIOS,
+  v as isJSDOM,
+  l as isMac,
+  g as isSafari,
+  c as isWebKit
 };

package/dist/index163.js

@@ -1,17 +1,7 @@
-import { createEventEmitter as n } from "./index218.js";
-class d {
-  nodesRef = {
-    current: []
-  };
-  events = n();
-  addNode(e) {
-    this.nodesRef.current.push(e);
-  }
-  removeNode(e) {
-    const t = this.nodesRef.current.findIndex((r) => r === e);
-    t !== -1 && this.nodesRef.current.splice(t, 1);
-  }
+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;
 }
 export {
-  d as FloatingTreeStore
+  o as isMouseWithinBounds
 };

package/dist/index164.js

@@ -1,18 +1,69 @@
-function l(e) {
-  const t = e.getBoundingClientRect();
-  if (process.env.NODE_ENV === "test")
-    return t;
-  const o = window.getComputedStyle(e, "::before"), n = window.getComputedStyle(e, "::after");
-  if (!(o.content !== "none" || n.content !== "none"))
-    return t;
-  const i = parseFloat(o.width) || 0, r = parseFloat(o.height) || 0, a = parseFloat(n.width) || 0, c = parseFloat(n.height) || 0, d = Math.max(t.width, i, a), f = Math.max(t.height, r, c), s = d - t.width, h = f - t.height;
-  return {
-    left: t.left - s / 2,
-    right: t.right + s / 2,
-    top: t.top - h / 2,
-    bottom: t.bottom + h / 2
+"use client";
+import { useRefWithInit as u } from "./index107.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;
 }
 export {
-  l as getPseudoElementBounds
+  a as AnimationFrame,
+  k as useAnimationFrame
 };

package/dist/index165.js

@@ -1,31 +1,12 @@
-"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) {
-  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
-  });
-}
+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}`
+  })
+};
 export {
-  M as CompositeItem
+  r as styleDisableScrollbar
 };

package/dist/index166.js

@@ -1,10 +1,11 @@
-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));
+"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 {
-  n as findRootOwnerId
+  t as ToolbarRootContext,
+  r as useToolbarRootContext
 };

package/dist/index167.js

@@ -1,25 +1,8 @@
-import * as c from "react";
-import { ownerDocument as i } from "./index162.js";
-import { EMPTY_OBJECT as s } from "./index106.js";
-function a(u) {
-  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());
-    }
-  } : s, [t, r, n]);
+import { DISABLED_TRANSITIONS_STYLE as r } from "./index125.js";
+import { EMPTY_OBJECT as o } from "./index100.js";
+function T(t) {
+  return t === "starting" ? r : o;
 }
 export {
-  a as useMixedToggleClickHandler
+  T as getDisabledMountTransitionStyles
 };

package/dist/index168.js

@@ -1,27 +1,56 @@
 "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 * as u from "react";
+import { useIsoLayoutEffect as g } from "./index104.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]);
+}
 export {
-  n as FocusGuard
+  I as IndexGuessBehavior,
+  N as useCompositeListItem
 };

package/dist/index169.js

@@ -1,163 +1,14 @@
-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]);
+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 {
-  Re as useHoverReferenceInteraction
+  o as SelectItemContext,
+  s as useSelectItemContext
 };