@yselimcan/ui 0.0.3 → 0.0.5

package/dist/index120.js

@@ -1,15 +1,79 @@
-const t = "ArrowUp", n = "ArrowDown", o = "ArrowLeft", R = "ArrowRight", e = "Home", c = "End", E = /* @__PURE__ */ new Set([o, R]), A = /* @__PURE__ */ new Set([t, n]), O = /* @__PURE__ */ new Set([...E, ...A]);
-[...O];
-const s = /* @__PURE__ */ new Set([t, n, o, R, e, "End"]);
+import * as l from "react";
+import { useStableCallback as a } from "./index127.js";
+import { useIsoLayoutEffect as o } from "./index126.js";
+import { useTransitionStatus as s } from "./index133.js";
+import { useOpenChangeComplete as f } from "./index113.js";
+function m(e, n) {
+  const t = l.useRef(null);
+  return l.useCallback((i) => {
+    e !== void 0 && (t.current !== null && (n.context.triggerElements.delete(t.current), t.current = null), i !== null && (t.current = e, n.context.triggerElements.add(e, i)));
+  }, [n, e]);
+}
+function E(e, n, t, i) {
+  const r = t.useState("isMountedByTrigger", e), c = m(e, t), g = a((u) => {
+    c(u), u !== null && t.select("open") && t.select("activeTriggerId") == null && t.update({
+      activeTriggerId: e,
+      activeTriggerElement: u,
+      ...i
+    });
+  });
+  return o(() => {
+    r && t.update({
+      activeTriggerElement: n.current,
+      ...i
+    });
+  }, [r, t, n, ...Object.values(i)]), {
+    registerTrigger: g,
+    isMountedByThisTrigger: r
+  };
+}
+function C(e) {
+  const n = e.useState("open");
+  o(() => {
+    if (n && !e.select("activeTriggerId") && e.context.triggerElements.size === 1) {
+      const t = e.context.triggerElements.entries().next();
+      if (!t.done) {
+        const [i, r] = t.value;
+        e.update({
+          activeTriggerId: i,
+          activeTriggerElement: r
+        });
+      }
+    }
+  }, [n, e]);
+}
+function x(e, n, t) {
+  const {
+    mounted: i,
+    setMounted: r,
+    transitionStatus: c
+  } = s(e);
+  n.useSyncedValues({
+    mounted: i,
+    transitionStatus: c
+  });
+  const g = a(() => {
+    r(!1), n.update({
+      activeTriggerId: null,
+      activeTriggerElement: null,
+      mounted: !1
+    }), t?.(), n.context.onOpenChangeComplete?.(!1);
+  }), u = n.useState("preventUnmountingOnClose");
+  return f({
+    enabled: !u,
+    open: e,
+    ref: n.context.popupRef,
+    onComplete() {
+      e || g();
+    }
+  }), {
+    forceUnmount: g,
+    transitionStatus: c
+  };
+}
 export {
-  n as ARROW_DOWN,
-  O as ARROW_KEYS,
-  o as ARROW_LEFT,
-  R as ARROW_RIGHT,
-  t as ARROW_UP,
-  s as COMPOSITE_KEYS,
-  c as END,
-  e as HOME,
-  E as HORIZONTAL_KEYS,
-  A as VERTICAL_KEYS
+  C as useImplicitActiveTrigger,
+  x as useOpenStateTransitions,
+  E as useTriggerDataForwarding,
+  m as useTriggerRegistration
 };

package/dist/index121.js

@@ -1,299 +1,67 @@
 "use client";
-import * as b from "react";
-import { tabbable as we, isTabbable as De, focusable as Ke } from "./index237.js";
-import { isHTMLElement as q, getNodeName as He, getWindow as _e, getComputedStyle as Ue } from "./index94.js";
-import { useMergedRefs as Re } from "./index101.js";
-import { useValueAsRef as H } from "./index176.js";
-import { useStableCallback as _ } from "./index95.js";
-import { useIsoLayoutEffect as U } from "./index97.js";
-import { visuallyHidden as We } from "./index174.js";
-import { useTimeout as ye } from "./index148.js";
-import { useAnimationFrame as $e } from "./index150.js";
-import { FocusGuard as Te } from "./index168.js";
-import { createChangeEventDetails as ze } from "./index113.js";
-import { createAttribute as Fe } from "./index238.js";
-import { enqueueFocus as te } from "./index239.js";
-import { markOthers as Je } from "./index240.js";
-import { usePortalContext as Qe } from "./index124.js";
-import { useFloatingTree as Xe } from "./index145.js";
-import { CLICK_TRIGGER_IDENTIFIER as Ye } from "./index125.js";
-import { resolveRef as D } from "./index241.js";
-import { jsxs as Ze, jsx as xe } from "react/jsx-runtime";
-import { isTypeableCombobox as he, getFloatingFocusElement as Ie, getDocument as I, activeElement as V, contains as m, getTarget as W } from "./index173.js";
-import { getTabbableOptions as re, isOutsideEvent as Le, getNextTabbable as et, getPreviousTabbable as tt } from "./index172.js";
-import { getNodeAncestors as ke, getNodeChildren as Ce } from "./index242.js";
-import { isVirtualClick as nt, isVirtualPointerEvent as rt, stopEvent as ot } from "./index222.js";
-import { triggerHover as st, outsidePress as ut, focusOut as it } from "./index114.js";
-function ct(n, p) {
-  const h = _e(n.target);
-  return n instanceof h.KeyboardEvent ? "keyboard" : n instanceof h.FocusEvent ? p || "keyboard" : "pointerType" in n ? n.pointerType || "keyboard" : "touches" in n ? "touch" : n instanceof h.MouseEvent ? p || (n.detail === 0 ? "keyboard" : "mouse") : "";
-}
-const Ae = 20;
-let L = [];
-function oe() {
-  L = L.filter((n) => n.isConnected);
-}
-function at(n) {
-  oe(), n && He(n) !== "body" && (L.push(n), L.length > Ae && (L = L.slice(-Ae)));
-}
-function ne() {
-  return oe(), L[L.length - 1];
-}
-function ft(n) {
-  if (!n)
-    return null;
-  const p = re();
-  return De(n, p) ? n : we(n, p)[0] || n;
-}
-function lt(n) {
-  return !n || !n.isConnected ? !1 : typeof n.checkVisibility == "function" ? n.checkVisibility() : Ue(n).display !== "none";
-}
-function Oe(n, p) {
-  if (!p.current.includes("floating") && !n.getAttribute("role")?.includes("dialog"))
-    return;
-  const h = re(), $ = Ke(n, h).filter((S) => {
-    const P = S.getAttribute("data-tabindex") || "";
-    return De(S, h) || S.hasAttribute("data-tabindex") && !P.startsWith("-");
-  }), N = n.getAttribute("tabindex");
-  p.current.includes("floating") || $.length === 0 ? N !== "0" && n.setAttribute("tabindex", "0") : (N !== "-1" || n.hasAttribute("data-tabindex") && n.getAttribute("data-tabindex") !== "-1") && (n.setAttribute("tabindex", "-1"), n.setAttribute("data-tabindex", "-1"));
-}
-function Mt(n) {
-  const {
-    context: p,
-    children: h,
-    disabled: i = !1,
-    order: $ = ["content"],
-    initialFocus: N = !0,
-    returnFocus: S = !0,
-    restoreFocus: P = !1,
-    modal: E = !0,
-    closeOnFocusOut: M = !0,
-    openInteractionType: Ne = "",
-    getInsideElements: Se = () => [],
-    nextFocusableElement: z,
-    previousFocusableElement: J,
-    beforeContentFocusGuardRef: Pe,
-    externalTree: Me
-  } = n, F = "rootStore" in p ? p.rootStore : p, v = F.useState("open"), a = F.useState("domReferenceElement"), f = F.useState("floatingElement"), {
-    events: Q,
-    dataRef: k
-  } = F.context, O = _(() => k.current.floatingContext?.nodeId), se = _(Se), ue = N === !1, x = he(a) && ue, C = H($), ie = H(N), j = H(S), ce = H(Ne), R = Xe(Me), c = Qe(), Ge = b.useRef(null), qe = b.useRef(null), y = b.useRef(!1), B = b.useRef(!1), X = b.useRef(!1), ae = b.useRef(-1), fe = b.useRef(""), Y = b.useRef(""), le = ye(), de = ye(), be = $e(), Z = c != null, r = Ie(f), A = _((t = r) => t ? we(t, re()) : []), G = _((t) => {
-    const o = A(t);
-    return C.current.map(() => o).filter(Boolean).flat();
-  });
-  b.useEffect(() => {
-    if (i || !E)
-      return;
-    function t(l) {
-      l.key === "Tab" && m(r, V(I(r))) && A().length === 0 && !x && ot(l);
-    }
-    const o = I(r);
-    return o.addEventListener("keydown", t), () => {
-      o.removeEventListener("keydown", t);
-    };
-  }, [i, a, r, E, C, x, A, G]), b.useEffect(() => {
-    if (i || !f)
-      return;
-    function t(o) {
-      const l = W(o), d = A().indexOf(l);
-      d !== -1 && (ae.current = d);
-    }
-    return f.addEventListener("focusin", t), () => {
-      f.removeEventListener("focusin", t);
-    };
-  }, [i, f, A]), b.useEffect(() => {
-    if (i || !v)
-      return;
-    const t = I(r);
-    function o() {
-      X.current = !1;
-    }
-    function l(d) {
-      const e = W(d), s = m(f, e) || m(a, e) || m(c?.portalNode, e);
-      X.current = !s, Y.current = d.pointerType || "keyboard";
-    }
-    function u() {
-      Y.current = "keyboard";
-    }
-    return t.addEventListener("pointerdown", l, !0), t.addEventListener("pointerup", o, !0), t.addEventListener("pointercancel", o, !0), t.addEventListener("keydown", u, !0), () => {
-      t.removeEventListener("pointerdown", l, !0), t.removeEventListener("pointerup", o, !0), t.removeEventListener("pointercancel", o, !0), t.removeEventListener("keydown", u, !0);
-    };
-  }, [i, f, a, r, v, c]), b.useEffect(() => {
-    if (i || !M)
-      return;
-    function t() {
-      B.current = !0, de.start(0, () => {
-        B.current = !1;
-      });
-    }
-    function o(e) {
-      const s = e.relatedTarget, w = e.currentTarget, g = W(e);
-      queueMicrotask(() => {
-        const K = O(), ge = F.context.triggerElements, Be = !(m(a, s) || m(f, s) || m(s, f) || m(c?.portalNode, s) || s != null && ge.hasElement(s) || ge.hasMatchingElement((T) => m(T, s)) || s?.hasAttribute(Fe("focus-guard")) || R && (Ce(R.nodesRef.current, K).find((T) => m(T.context?.elements.floating, s) || m(T.context?.elements.domReference, s)) || ke(R.nodesRef.current, K).find((T) => [T.context?.elements.floating, Ie(T.context?.elements.floating)].includes(s) || T.context?.elements.domReference === s)));
-        if (w === a && r && Oe(r, C), P && w !== a && !lt(g) && V(I(r)) === I(r).body) {
-          if (q(r) && (r.focus(), P === "popup")) {
-            be.request(() => {
-              r.focus();
-            });
-            return;
-          }
-          const T = ae.current, ee = A(), ve = ee[T] || ee[ee.length - 1] || r;
-          q(ve) && ve.focus();
-        }
-        if (k.current.insideReactTree) {
-          k.current.insideReactTree = !1;
-          return;
-        }
-        (x || !E) && s && Be && !B.current && // Fix React 18 Strict Mode returnFocus due to double rendering.
-        // For an "untrapped" typeable combobox (input role=combobox with
-        // initialFocus=false), re-opening the popup and tabbing out should still close it even
-        // when the previously focused element (e.g. the next tabbable outside the popup) is
-        // focused again. Otherwise, the popup remains open on the second Tab sequence:
-        // click input -> Tab (closes) -> click input -> Tab.
-        // Allow closing when `isUntrappedTypeableCombobox` regardless of the previously focused element.
-        (x || s !== ne()) && (y.current = !0, F.setOpen(!1, ze(it, e)));
-      });
-    }
-    function l() {
-      X.current || (k.current.insideReactTree = !0, le.start(0, () => {
-        k.current.insideReactTree = !1;
-      }));
-    }
-    const u = q(a) ? a : null, d = [];
-    if (!(!f && !u))
-      return u && (u.addEventListener("focusout", o), u.addEventListener("pointerdown", t), d.push(() => {
-        u.removeEventListener("focusout", o), u.removeEventListener("pointerdown", t);
-      })), f && (f.addEventListener("focusout", o), c && (f.addEventListener("focusout", l, !0), d.push(() => {
-        f.removeEventListener("focusout", l, !0);
-      })), d.push(() => {
-        f.removeEventListener("focusout", o);
-      })), () => {
-        d.forEach((e) => {
-          e();
-        });
-      };
-  }, [i, a, f, r, E, R, c, F, M, P, A, x, O, C, k, le, de, be]);
-  const me = b.useRef(null), pe = b.useRef(null), Ve = Re(me, Pe, c?.beforeInsideRef), je = Re(pe, c?.afterInsideRef);
-  b.useEffect(() => {
-    if (i || !f || !v)
-      return;
-    const t = Array.from(c?.portalNode?.querySelectorAll(`[${Fe("portal")}]`) || []), l = (R ? ke(R.nodesRef.current, O()) : []).find((e) => he(e.context?.elements.domReference || null))?.context?.elements.domReference, u = [f, l, ...t, ...se(), Ge.current, qe.current, me.current, pe.current, c?.beforeOutsideRef.current, c?.afterOutsideRef.current, D(J), D(z), x ? a : null].filter((e) => e != null), d = Je(u, E || x);
-    return () => {
-      d();
-    };
-  }, [v, i, a, f, E, C, c, x, R, O, se, z, J]), U(() => {
-    if (!v || i || !q(r))
-      return;
-    const t = I(r), o = V(t);
-    queueMicrotask(() => {
-      const l = G(r), u = ie.current, d = typeof u == "function" ? u(ce.current || "") : u;
-      if (d === void 0 || d === !1)
+import * as v from "react";
+import { useAnimationFrame as P } from "./index160.js";
+import { useTimeout as b } from "./index148.js";
+import { createChangeEventDetails as k } from "./index107.js";
+import { isMouseLikePointerType as w, isClickLikeEvent as I } from "./index221.js";
+import { isTypeableElement as x } from "./index151.js";
+import { EMPTY_OBJECT as L } from "./index100.js";
+import { triggerPress as y } from "./index108.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;
-      let e;
-      d === !0 || d === null ? e = l[0] || r : e = D(d), e = e || l[0] || r, !m(r, o) && te(e, {
-        preventScroll: e === r
-      });
-    });
-  }, [i, v, r, ue, G, ie, ce]), U(() => {
-    if (i || !r)
-      return;
-    const t = I(r), o = V(t);
-    at(o);
-    function l(e) {
-      if (e.open || (fe.current = ct(e.nativeEvent, Y.current)), e.reason === st && e.nativeEvent.type === "mouseleave" && (y.current = !0), e.reason === ut)
-        if (e.nested)
-          y.current = !1;
-        else if (nt(e.nativeEvent) || rt(e.nativeEvent))
-          y.current = !1;
-        else {
-          let s = !1;
-          document.createElement("div").focus({
-            get preventScroll() {
-              return s = !0, !1;
-            }
-          }), s ? y.current = !1 : y.current = !0;
-        }
-    }
-    Q.on("openchange", l);
-    const u = t.createElement("span");
-    u.setAttribute("tabindex", "-1"), u.setAttribute("aria-hidden", "true"), Object.assign(u.style, We), Z && a && a.insertAdjacentElement("afterend", u);
-    function d() {
-      const e = j.current;
-      let s = typeof e == "function" ? e(fe.current) : e;
-      if (s === void 0 || s === !1)
-        return null;
-      if (s === null && (s = !0), typeof s == "boolean") {
-        const g = a || ne();
-        return g && g.isConnected ? g : u;
       }
-      const w = a || ne() || u;
-      return D(s) || w;
-    }
-    return () => {
-      Q.off("openchange", l);
-      const e = V(t), s = m(f, e) || R && Ce(R.nodesRef.current, O(), !1).some((g) => m(g.context?.elements.floating, e)), w = d();
-      queueMicrotask(() => {
-        const g = ft(w), K = typeof j.current != "boolean";
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-        j.current && !y.current && q(g) && // If the focus moved somewhere else after mount, avoid returning focus
-        // since it likely entered a different element which should be
-        // respected: https://github.com/floating-ui/floating-ui/issues/2607
-        (!(!K && g !== e && e !== t.body) || s) && g.focus({
-          preventScroll: !0
-        }), u.remove();
+      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);
       });
-    };
-  }, [i, f, r, j, k, Q, R, Z, a, O]), b.useEffect(() => {
-    queueMicrotask(() => {
-      y.current = !1;
-    });
-  }, [i]), b.useEffect(() => {
-    if (i || !v)
-      return;
-    function t(l) {
-      W(l)?.closest(`[${Ye}]`) && (B.current = !0);
-    }
-    const o = I(r);
-    return o.addEventListener("pointerdown", t, !0), () => {
-      o.removeEventListener("pointerdown", t, !0);
-    };
-  }, [i, v, r]), U(() => {
-    if (!i && c)
-      return c.setFocusManagerState({
-        modal: E,
-        closeOnFocusOut: M,
-        open: v,
-        onOpenChange: F.setOpen,
-        domReference: a
-      }), () => {
-        c.setFocusManagerState(null);
-      };
-  }, [i, c, E, v, F, M, a]), U(() => {
-    if (!(i || !r))
-      return Oe(r, C), () => {
-        queueMicrotask(oe);
-      };
-  }, [i, r, C]);
-  const Ee = !i && (E ? !x : !0) && (Z || E);
-  return /* @__PURE__ */ Ze(b.Fragment, {
-    children: [Ee && /* @__PURE__ */ xe(Te, {
-      "data-type": "inside",
-      ref: Ve,
-      onFocus: (t) => {
-        if (E) {
-          const o = G();
-          te(o[o.length - 1]);
-        } else c?.portalNode && (y.current = !1, Le(t, c.portalNode) ? et(a)?.focus() : D(J ?? c.beforeOutsideRef)?.focus());
-      }
-    }), h, Ee && /* @__PURE__ */ xe(Te, {
-      "data-type": "inside",
-      ref: je,
-      onFocus: (t) => {
-        E ? te(G()[0]) : c?.portalNode && (M && (y.current = !0), Le(t, c.portalNode) ? tt(a)?.focus() : D(z ?? c.afterOutsideRef)?.focus());
+    },
+    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 {
-  Mt as FloatingFocusManager
+  Y as useClick
 };

package/dist/index122.js

@@ -1,7 +1,48 @@
-import { isReactVersionAtLeast as r } from "./index200.js";
-function n(e) {
-  return r(19) ? e : e ? "true" : void 0;
+import * as l from "react";
+import { FOCUSABLE_ATTRIBUTE as C, ACTIVE_KEY as s, SELECTED_KEY as E } from "./index245.js";
+function k(e = []) {
+  const a = e.map((n) => n?.reference), g = e.map((n) => n?.floating), f = e.map((n) => n?.item), t = e.map((n) => n?.trigger), o = l.useCallback(
+    (n) => u(n, e, "reference"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    a
+  ), c = l.useCallback(
+    (n) => u(n, e, "floating"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    g
+  ), i = l.useCallback(
+    (n) => u(n, e, "item"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    f
+  ), r = l.useCallback(
+    (n) => u(n, e, "trigger"),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    t
+  );
+  return l.useMemo(() => ({
+    getReferenceProps: o,
+    getFloatingProps: c,
+    getItemProps: i,
+    getTriggerProps: r
+  }), [o, c, i, r]);
+}
+function u(e, a, g) {
+  const f = /* @__PURE__ */ new Map(), t = g === "item", o = {};
+  g === "floating" && (o.tabIndex = -1, o[C] = "");
+  for (const c in e)
+    t && e && (c === s || c === E) || (o[c] = e[c]);
+  for (let c = 0; c < a.length; c += 1) {
+    let i;
+    const r = a[c]?.[g];
+    typeof r == "function" ? i = e ? r(e) : null : i = r, i && m(o, i, t, f);
+  }
+  return m(o, e, t, f), o;
+}
+function m(e, a, g, f) {
+  for (const t in a) {
+    const o = a[t];
+    g && (t === s || t === E) || (t.startsWith("on") ? (f.has(t) || f.set(t, []), typeof o == "function" && (f.get(t)?.push(o), e[t] = (...c) => f.get(t)?.map((i) => i(...c)).find((i) => i !== void 0))) : e[t] = o);
+  }
 }
 export {
-  n as inertValue
+  k as useInteractions
 };

package/dist/index123.js

@@ -1,41 +1,16 @@
-import * as i from "react";
-import { jsx as a } from "react/jsx-runtime";
-const c = /* @__PURE__ */ i.forwardRef(function(r, n) {
-  const {
-    cutout: e,
-    ...p
-  } = r;
-  let o;
-  if (e) {
-    const t = e?.getBoundingClientRect();
-    o = `polygon(
-      0% 0%,
-      100% 0%,
-      100% 100%,
-      0% 100%,
-      0% 0%,
-      ${t.left}px ${t.top}px,
-      ${t.left}px ${t.bottom}px,
-      ${t.right}px ${t.bottom}px,
-      ${t.right}px ${t.top}px,
-      ${t.left}px ${t.top}px
-    )`;
-  }
-  return /* @__PURE__ */ a("div", {
-    ref: n,
-    role: "presentation",
-    "data-base-ui-inert": "",
-    ...p,
-    style: {
-      position: "fixed",
-      inset: 0,
-      userSelect: "none",
-      WebkitUserSelect: "none",
-      clipPath: o
-    }
-  });
-});
-process.env.NODE_ENV !== "production" && (c.displayName = "InternalBackdrop");
+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 {
-  c as InternalBackdrop
+  i as visuallyHidden
 };