@yselimcan/ui 0.0.3 → 0.0.5

package/dist/index19.js

@@ -1,16 +1,16 @@
 "use client";
 import * as c from "react";
-import { useDialogRootContext as h } from "./index109.js";
-import { useRenderElement as M } from "./index86.js";
-import { popupStateMapping as y } from "./index111.js";
-import { transitionStatusMapping as N } from "./index112.js";
-import { DialogPopupCssVars as v } from "./index116.js";
-import { DialogPopupDataAttributes as w } from "./index117.js";
-import { useDialogPortalContext as A } from "./index118.js";
-import { useOpenChangeComplete as K } from "./index119.js";
-import { COMPOSITE_KEYS as T } from "./index120.js";
+import { useDialogRootContext as h } from "./index103.js";
+import { useRenderElement as M } from "./index87.js";
+import { popupStateMapping as y } from "./index105.js";
+import { transitionStatusMapping as N } from "./index106.js";
+import { DialogPopupCssVars as v } from "./index110.js";
+import { DialogPopupDataAttributes as w } from "./index111.js";
+import { useDialogPortalContext as A } from "./index112.js";
+import { useOpenChangeComplete as K } from "./index113.js";
+import { COMPOSITE_KEYS as T } from "./index114.js";
 import { jsx as V } from "react/jsx-runtime";
-import { FloatingFocusManager as _ } from "./index121.js";
+import { FloatingFocusManager as _ } from "./index115.js";
 const j = {
   ...y,
   ...N,

package/dist/index190.js

@@ -1,26 +1,77 @@
-import { FieldControlDataAttributes as a } from "./index233.js";
-const e = {
-  badInput: !1,
-  customError: !1,
-  patternMismatch: !1,
-  rangeOverflow: !1,
-  rangeUnderflow: !1,
-  stepMismatch: !1,
-  tooLong: !1,
-  tooShort: !1,
-  typeMismatch: !1,
-  valid: null,
-  valueMissing: !1
-}, r = {
-  valid(l) {
-    return l === null ? null : l ? {
-      [a.valid]: ""
-    } : {
-      [a.invalid]: ""
+import * as r from "react";
+import { useId as P } from "./index184.js";
+import { useFloatingParentNodeId as S } from "./index181.js";
+import { EMPTY_OBJECT as F } from "./index100.js";
+import { getFloatingFocusElement as y } from "./index151.js";
+const T = /* @__PURE__ */ new Map([["select", "listbox"], ["combobox", "listbox"], ["label", !1]]);
+function k(c, I = {}) {
+  const a = "rootStore" in c ? c.rootStore : c, l = a.useState("open"), u = a.useState("floatingId"), x = a.useState("domReferenceElement"), d = a.useState("floatingElement"), {
+    enabled: m = !0,
+    role: o = "dialog"
+  } = I, M = P(), s = x?.id || M, t = r.useMemo(() => y(d)?.id || u, [d, u]), e = T.get(o) ?? o, p = S() != null, i = r.useMemo(() => e === "tooltip" || o === "label" ? F : {
+    "aria-haspopup": e === "alertdialog" ? "dialog" : e,
+    "aria-expanded": "false",
+    ...e === "listbox" && {
+      role: "combobox"
+    },
+    ...e === "menu" && p && {
+      role: "menuitem"
+    },
+    ...o === "select" && {
+      "aria-autocomplete": "none"
+    },
+    ...o === "combobox" && {
+      "aria-autocomplete": "list"
+    }
+  }, [e, p, o]), f = r.useMemo(() => e === "tooltip" || o === "label" ? {
+    [`aria-${o === "label" ? "labelledby" : "describedby"}`]: l ? t : void 0
+  } : {
+    ...i,
+    "aria-expanded": l ? "true" : "false",
+    "aria-controls": l ? t : void 0,
+    ...e === "menu" && {
+      id: s
+    }
+  }, [e, t, l, s, o, i]), b = r.useMemo(() => {
+    const n = {
+      id: t,
+      ...e && {
+        role: e
+      }
     };
-  }
-};
+    return e === "tooltip" || o === "label" ? n : {
+      ...n,
+      ...e === "menu" && {
+        "aria-labelledby": s
+      }
+    };
+  }, [e, t, s, o]), g = r.useCallback(({
+    active: n,
+    selected: R
+  }) => {
+    const E = {
+      role: "option",
+      ...n && {
+        id: `${t}-fui-option`
+      }
+    };
+    switch (o) {
+      case "select":
+      case "combobox":
+        return {
+          ...E,
+          "aria-selected": R
+        };
+    }
+    return {};
+  }, [t, o]);
+  return r.useMemo(() => m ? {
+    reference: f,
+    floating: b,
+    item: g,
+    trigger: i
+  } : {}, [m, f, b, i, g]);
+}
 export {
-  e as DEFAULT_VALIDITY_STATE,
-  r as fieldValidityMapping
+  k as useRole
 };

package/dist/index191.js

@@ -1,6 +1,17 @@
-import * as e from "react";
-const t = /* @__PURE__ */ e.createContext(void 0);
-process.env.NODE_ENV !== "production" && (t.displayName = "SelectPortalContext");
+import { createEventEmitter as n } from "./index234.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);
+  }
+}
 export {
-  t as SelectPortalContext
+  d as FloatingTreeStore
 };

package/dist/index192.js

@@ -1,14 +1,31 @@
-import n from "./index100.js";
-import * as t from "react";
-const o = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (o.displayName = "SelectPositionerContext");
-function i() {
-  const e = t.useContext(o);
-  if (!e)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SelectPositionerContext is missing. SelectPositioner parts must be placed within <Select.Positioner>." : n(59));
-  return e;
+"use client";
+import { useRenderElement as c } from "./index87.js";
+import { useCompositeItem as u } from "./index235.js";
+import { EMPTY_OBJECT as d, EMPTY_ARRAY as t } from "./index100.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
+  });
 }
 export {
-  o as SelectPositionerContext,
-  i as useSelectPositionerContext
+  M as CompositeItem
 };

package/dist/index193.js

@@ -1,13 +1,10 @@
-function e(o, t) {
-  o && Object.assign(o.style, t);
+import { isHTMLElement as r, isLastTraversableNode as e, getParentNode as i } from "./index164.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));
 }
-const i = {
-  position: "relative",
-  maxHeight: "100%",
-  overflowX: "hidden",
-  overflowY: "auto"
-};
 export {
-  i as LIST_FUNCTIONAL_STYLES,
-  e as clearStyles
+  n as findRootOwnerId
 };

package/dist/index194.js

@@ -1,43 +1,25 @@
-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 ?? "";
+import * as c from "react";
+import { ownerDocument as i } from "./index147.js";
+import { EMPTY_OBJECT as s } from "./index100.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]);
 }
 export {
-  d as isAndroid,
-  p as isFirefox,
-  m as isIOS,
-  v as isJSDOM,
-  l as isMac,
-  g as isSafari,
-  c as isWebKit
+  a as useMixedToggleClickHandler
 };

package/dist/index195.js

@@ -1,7 +1,27 @@
-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 r from "react";
+import { useIsoLayoutEffect as a } from "./index126.js";
+import { isSafari as u } from "./index158.js";
+import { visuallyHidden as i } from "./index123.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");
 export {
-  o as isMouseWithinBounds
+  n as FocusGuard
 };

package/dist/index196.js

@@ -1,12 +1,163 @@
-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 * as H from "react";
+import * as te from "react-dom";
+import { isElement as re } from "./index164.js";
+import { useValueAsRef as N } from "./index128.js";
+import { useStableCallback as Y } from "./index127.js";
+import { createChangeEventDetails as C } from "./index107.js";
+import { getDelay as V } from "./index244.js";
+import { useFloatingTree as ne } from "./index181.js";
+import { useHoverInteractionSharedState as oe, safePolygonIdentifier as ce } from "./index243.js";
+import { triggerHover as L } from "./index108.js";
+import { getDocument as z, contains as O } from "./index151.js";
+import { isMouseLikePointerType as B } from "./index221.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]);
+}
 export {
-  r as styleDisableScrollbar
+  Re as useHoverReferenceInteraction
 };

package/dist/index197.js

@@ -1,14 +1,116 @@
-import n from "./index100.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;
+import { isElement as U } from "./index164.js";
+import { Timeout as Z } from "./index148.js";
+import { getTarget as $, contains as W } from "./index151.js";
+import { getNodeChildren as y } from "./index241.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;
 }
 export {
-  o as SelectItemContext,
-  s as useSelectItemContext
+  rt as safePolygon
 };