@als-tp/als-react-ts-ui 0.5.1 → 0.5.2

package/dist/als-react-ts-ui386.js

@@ -1,14 +1,57 @@
-import n from "./als-react-ts-ui242.js";
-import * as e from "react";
-const t = /* @__PURE__ */ e.createContext(void 0);
-process.env.NODE_ENV !== "production" && (t.displayName = "PopoverRootContext");
-function p(r) {
-  const o = e.useContext(t);
-  if (o === void 0 && !r)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: PopoverRootContext is missing. Popover parts must be placed within <Popover.Root>." : n(47));
-  return o;
+import { createEventEmitter as s } from "./als-react-ts-ui382.js";
+import { ReactStore as f } from "./als-react-ts-ui332.js";
+import { createSelector as o } from "./als-react-ts-ui334.js";
+const a = {
+  open: o((e) => e.open),
+  domReferenceElement: o((e) => e.domReferenceElement),
+  referenceElement: o((e) => e.positionReference ?? e.referenceElement),
+  floatingElement: o((e) => e.floatingElement),
+  floatingId: o((e) => e.floatingId)
+};
+class g extends f {
+  constructor(n) {
+    const {
+      nested: t,
+      noEmit: r,
+      onOpenChange: i,
+      triggerElements: m,
+      ...c
+    } = n;
+    super({
+      ...c,
+      positionReference: c.referenceElement,
+      domReferenceElement: c.referenceElement
+    }, {
+      onOpenChange: i,
+      dataRef: {
+        current: {}
+      },
+      events: s(),
+      nested: t,
+      noEmit: r,
+      triggerElements: m
+    }, a);
+  }
+  /**
+   * Emits the `openchange` event through the internal event emitter and calls the `onOpenChange` handler with the provided arguments.
+   *
+   * @param newOpen The new open state.
+   * @param eventDetails Details about the event that triggered the open state change.
+   */
+  setOpen = (n, t) => {
+    if (this.context.dataRef.current.openEvent = n ? t.event : void 0, !this.context.noEmit) {
+      const r = {
+        open: n,
+        reason: t.reason,
+        nativeEvent: t.event,
+        nested: this.context.nested,
+        triggerElement: t.trigger
+      };
+      this.context.events.emit("openchange", r);
+    }
+    this.context.onOpenChange?.(n, t);
+  };
 }
 export {
-  t as PopoverRootContext,
-  p as usePopoverRootContext
+  g as FloatingRootStore
 };

package/dist/als-react-ts-ui387.js

@@ -1,92 +1,78 @@
-import * as s from "react";
-import * as l from "react-dom";
-import { Timeout as m } from "./als-react-ts-ui297.js";
-import { useRefWithInit as g } from "./als-react-ts-ui222.js";
-import { useOnMount as h } from "./als-react-ts-ui345.js";
-import { PATIENT_CLICK_THRESHOLD as I } from "./als-react-ts-ui243.js";
-import { ReactStore as R } from "./als-react-ts-ui314.js";
-import { PopupTriggerMap as T } from "./als-react-ts-ui315.js";
-import { createSelector as o } from "./als-react-ts-ui316.js";
-import { popupStoreSelectors as C, createInitialPopupStoreState as E } from "./als-react-ts-ui313.js";
-import { triggerHover as O, triggerPress as k, escapeKey as y, focusOut as S } from "./als-react-ts-ui231.js";
-function H() {
-  return {
-    ...E(),
-    disabled: !1,
-    modal: !1,
-    instantType: void 0,
-    openMethod: null,
-    openChangeReason: null,
-    titleElementId: void 0,
-    descriptionElementId: void 0,
-    stickIfOpen: !0,
-    nested: !1,
-    openOnHover: !1,
-    closeDelay: 0
-  };
-}
-const b = {
-  ...C,
-  disabled: o((t) => t.disabled),
-  instantType: o((t) => t.instantType),
-  openMethod: o((t) => t.openMethod),
-  openChangeReason: o((t) => t.openChangeReason),
-  modal: o((t) => t.modal),
-  stickIfOpen: o((t) => t.stickIfOpen),
-  titleElementId: o((t) => t.titleElementId),
-  descriptionElementId: o((t) => t.descriptionElementId),
-  openOnHover: o((t) => t.openOnHover),
-  closeDelay: o((t) => t.closeDelay)
-};
-class f extends R {
-  constructor(n) {
-    const e = {
-      ...H(),
-      ...n
-    };
-    e.open && n?.mounted === void 0 && (e.mounted = !0), super(e, {
-      popupRef: /* @__PURE__ */ s.createRef(),
-      backdropRef: /* @__PURE__ */ s.createRef(),
-      internalBackdropRef: /* @__PURE__ */ s.createRef(),
-      onOpenChange: void 0,
-      onOpenChangeComplete: void 0,
-      triggerFocusTargetRef: /* @__PURE__ */ s.createRef(),
-      beforeContentFocusGuardRef: /* @__PURE__ */ s.createRef(),
-      stickIfOpenTimeout: new m(),
-      triggerElements: new T()
-    }, b);
-  }
-  setOpen = (n, e) => {
-    const r = e.reason === O, a = e.reason === k && e.event.detail === 0, d = !n && (e.reason === y || e.reason == null);
-    if (e.preventUnmountOnClose = () => {
-      this.set("preventUnmountingOnClose", !0);
-    }, this.context.onOpenChange?.(n, e), e.isCanceled)
+import * as i from "react";
+import { getWindow as h, isElement as b, isHTMLElement as M } from "./als-react-ts-ui338.js";
+import { isMac as F, isSafari as D } from "./als-react-ts-ui371.js";
+import { useTimeout as k } from "./als-react-ts-ui226.js";
+import { createChangeEventDetails as R } from "./als-react-ts-ui273.js";
+import { createAttribute as O } from "./als-react-ts-ui377.js";
+import { activeElement as T, contains as w, getTarget as S, isTypeableElement as A, matchesFocusVisible as C, getDocument as x } from "./als-react-ts-ui330.js";
+import { triggerFocus as y, triggerPress as B, escapeKey as K } from "./als-react-ts-ui275.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 u = {
-      open: n,
-      nativeEvent: e.event,
-      reason: e.reason,
-      nested: this.state.nested,
-      triggerElement: e.trigger
+    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));
     };
-    this.state.floatingRootContext.context.events?.emit("openchange", u);
-    const c = () => {
-      const i = {
-        open: n,
-        openChangeReason: e.reason
-      }, p = e.trigger?.id ?? null;
-      (p || n) && (i.activeTriggerId = p, i.activeTriggerElement = e.trigger ?? null), this.update(i);
+  }, [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);
     };
-    r ? (this.set("stickIfOpen", !0), this.context.stickIfOpenTimeout.start(I, () => {
-      this.set("stickIfOpen", !1);
-    }), l.flushSync(c)) : c(), a || d ? this.set("instantType", a ? "click" : "dismiss") : e.reason === S ? this.set("instantType", "focus") : this.set("instantType", void 0);
-  };
-  static useStore(n, e) {
-    const r = g(() => n ?? new f(e)).current;
-    return h(r.disposeEffect), r;
-  }
-  disposeEffect = () => this.context.stickIfOpenTimeout.disposeEffect();
+  }, [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 {
-  f as PopoverStore
+  z as useFocus
 };

package/dist/als-react-ts-ui388.js

@@ -1,4 +1,32 @@
-const o = 300;
+import * as e from "react";
+import { useTimeout as l } from "./als-react-ts-ui226.js";
+import { createAttribute as m } from "./als-react-ts-ui377.js";
+import { TYPEABLE_SELECTOR as p } from "./als-react-ts-ui390.js";
+const S = m("safe-polygon"), v = `button,a,[role="button"],select,[tabindex]:not([tabindex="-1"]),${p}`;
+function T(t) {
+  return t ? !!t.closest(v) : !1;
+}
+function E(t) {
+  const o = e.useRef(void 0), s = e.useRef(!1), r = e.useRef(void 0), f = e.useRef(!0), i = e.useRef(!1), a = e.useRef(() => {
+  }), u = e.useRef(!1), c = l(), d = l(), R = e.useRef(void 0);
+  return e.useMemo(() => {
+    const n = t.context.dataRef.current;
+    return n.hoverInteractionState || (n.hoverInteractionState = {
+      pointerTypeRef: o,
+      interactedInsideRef: s,
+      handlerRef: r,
+      blockMouseMoveRef: f,
+      performedPointerEventsMutationRef: i,
+      unbindMouseMoveRef: a,
+      restTimeoutPendingRef: u,
+      openChangeTimeout: c,
+      restTimeout: d,
+      handleCloseOptionsRef: R
+    }), n.hoverInteractionState;
+  }, [t, o, s, r, f, i, a, u, c, d, R]);
+}
 export {
-  o as OPEN_DELAY
+  T as isInteractiveElement,
+  S as safePolygonIdentifier,
+  E as useHoverInteractionSharedState
 };

package/dist/als-react-ts-ui389.js

@@ -1,14 +1,200 @@
-import t from "./als-react-ts-ui242.js";
-import * as e from "react";
-const r = /* @__PURE__ */ e.createContext(void 0);
-process.env.NODE_ENV !== "production" && (r.displayName = "PopoverPortalContext");
-function s() {
-  const o = e.useContext(r);
-  if (o === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Popover.Portal> is missing." : t(45));
-  return o;
+import * as i from "react";
+import { isElement as ee } from "./als-react-ts-ui338.js";
+import { useTimeout as te } from "./als-react-ts-ui226.js";
+import { useValueAsRef as q } from "./als-react-ts-ui336.js";
+import { useStableCallback as D } from "./als-react-ts-ui223.js";
+import { useIsoLayoutEffect as ne } from "./als-react-ts-ui224.js";
+import { useFloatingTree as ce, useFloatingParentNodeId as fe } from "./als-react-ts-ui352.js";
+import { createChangeEventDetails as h } from "./als-react-ts-ui273.js";
+import { createAttribute as le } from "./als-react-ts-ui377.js";
+import { TYPEABLE_SELECTOR as ae } from "./als-react-ts-ui390.js";
+import { isMouseLikePointerType as K } from "./als-react-ts-ui305.js";
+import { getDocument as X, getTarget as me, contains as z } from "./als-react-ts-ui330.js";
+import { triggerHover as C } from "./als-react-ts-ui275.js";
+const re = le("safe-polygon"), de = `button,[role="button"],select,[tabindex]:not([tabindex="-1"]),${ae}`;
+function Ee(o) {
+  return o ? !!o.closest(de) : !1;
+}
+function G(o, w, n) {
+  if (n && !K(n))
+    return 0;
+  if (typeof o == "number")
+    return o;
+  if (typeof o == "function") {
+    const s = o();
+    return typeof s == "number" ? s : s?.[w];
+  }
+  return o?.[w];
+}
+function J(o) {
+  return typeof o == "function" ? o() : o;
+}
+function xe(o, w = {}) {
+  const n = "rootStore" in o ? o.rootStore : o, s = n.useState("open"), a = n.useState("floatingElement"), b = n.useState("domReferenceElement"), {
+    dataRef: p,
+    events: _
+  } = n.context, {
+    enabled: l = !0,
+    delay: oe = 0,
+    handleClose: se = null,
+    mouseOnly: A = !1,
+    restMs: ue = 0,
+    move: B = !0,
+    triggerElement: Q = null,
+    externalTree: ie
+  } = w, O = ce(ie), U = fe(), v = q(se), x = q(oe), P = q(ue), g = i.useRef(void 0), I = i.useRef(!1), f = te(), F = i.useRef(void 0), m = te(), N = i.useRef(!0), V = i.useRef(!1), W = i.useRef(() => {
+  }), S = i.useRef(!1), H = D(() => {
+    const t = p.current.openEvent?.type;
+    return t?.includes("mouse") && t !== "mousedown";
+  }), y = D(() => I.current ? !0 : p.current.openEvent ? ["click", "mousedown"].includes(p.current.openEvent.type) : !1);
+  i.useEffect(() => {
+    if (!l)
+      return;
+    function t(r) {
+      r.open || (f.clear(), m.clear(), N.current = !0, S.current = !1);
+    }
+    return _.on("openchange", t), () => {
+      _.off("openchange", t);
+    };
+  }, [l, _, f, m]), i.useEffect(() => {
+    if (!l || !v.current || !s)
+      return;
+    function t(u) {
+      y() || H() && n.setOpen(!1, h(C, u, u.currentTarget ?? void 0));
+    }
+    const r = X(a).documentElement;
+    return r.addEventListener("mouseleave", t), () => {
+      r.removeEventListener("mouseleave", t);
+    };
+  }, [a, s, n, l, v, H, y]);
+  const k = i.useCallback((t, r = !0) => {
+    const u = G(x.current, "close", g.current);
+    u && !F.current ? f.start(u, () => n.setOpen(!1, h(C, t))) : r && (f.clear(), n.setOpen(!1, h(C, t)));
+  }, [x, n, f]), R = D(() => {
+    W.current(), F.current = void 0;
+  }), d = D(() => {
+    if (V.current) {
+      const t = X(a).body;
+      t.style.pointerEvents = "", t.removeAttribute(re), V.current = !1;
+    }
+  }), $ = D((t) => {
+    const r = me(t);
+    if (!Ee(r)) {
+      I.current = !1;
+      return;
+    }
+    I.current = !0;
+  });
+  i.useEffect(() => {
+    if (!l)
+      return;
+    function t(e) {
+      if (f.clear(), N.current = !1, A && !K(g.current) || J(P.current) > 0 && !G(x.current, "open"))
+        return;
+      const M = G(x.current, "open", g.current), T = e.currentTarget ?? void 0, j = n.select("domReferenceElement"), Y = j && T && !z(j, T);
+      M ? f.start(M, () => {
+        n.select("open") || n.setOpen(!0, h(C, e, T));
+      }) : (!s || Y) && n.setOpen(!0, h(C, e, T));
+    }
+    function r(e) {
+      if (y()) {
+        d();
+        return;
+      }
+      W.current();
+      const M = X(a);
+      m.clear(), S.current = !1;
+      const T = n.context.triggerElements;
+      if (e.relatedTarget && T.hasElement(e.relatedTarget))
+        return;
+      if (v.current && p.current.floatingContext) {
+        s || f.clear(), F.current = v.current({
+          ...p.current.floatingContext,
+          tree: O,
+          x: e.clientX,
+          y: e.clientY,
+          onClose() {
+            d(), R(), y() || k(e, !0);
+          }
+        });
+        const Y = F.current;
+        M.addEventListener("mousemove", Y), W.current = () => {
+          M.removeEventListener("mousemove", Y);
+        };
+        return;
+      }
+      (g.current === "touch" ? !z(a, e.relatedTarget) : !0) && k(e);
+    }
+    function u(e) {
+      if (y() || !p.current.floatingContext)
+        return;
+      const M = n.context.triggerElements;
+      e.relatedTarget && M.hasElement(e.relatedTarget) || v.current?.({
+        ...p.current.floatingContext,
+        tree: O,
+        x: e.clientX,
+        y: e.clientY,
+        onClose() {
+          d(), R(), y() || k(e);
+        }
+      })(e);
+    }
+    function L() {
+      f.clear(), d();
+    }
+    function E(e) {
+      y() || k(e, !1);
+    }
+    const c = Q ?? b;
+    if (ee(c)) {
+      const e = a;
+      return s && c.addEventListener("mouseleave", u), B && c.addEventListener("mousemove", t, {
+        once: !0
+      }), c.addEventListener("mouseenter", t), c.addEventListener("mouseleave", r), e && (e.addEventListener("mouseleave", u), e.addEventListener("mouseenter", L), e.addEventListener("mouseleave", E), e.addEventListener("pointerdown", $, !0)), () => {
+        s && c.removeEventListener("mouseleave", u), B && c.removeEventListener("mousemove", t), c.removeEventListener("mouseenter", t), c.removeEventListener("mouseleave", r), e && (e.removeEventListener("mouseleave", u), e.removeEventListener("mouseenter", L), e.removeEventListener("mouseleave", E), e.removeEventListener("pointerdown", $, !0));
+      };
+    }
+  }, [l, A, B, b, a, Q, n, k, R, d, s, O, x, v, p, y, P, f, m, $]), ne(() => {
+    if (l && s && v.current?.__options?.blockPointerEvents && H()) {
+      V.current = !0;
+      const t = a;
+      if (ee(b) && t) {
+        const r = X(a).body;
+        r.setAttribute(re, "");
+        const u = b, L = O?.nodesRef.current.find((E) => E.id === U)?.context?.elements.floating;
+        return L && (L.style.pointerEvents = ""), r.style.pointerEvents = "none", u.style.pointerEvents = "auto", t.style.pointerEvents = "auto", () => {
+          r.style.pointerEvents = "", u.style.pointerEvents = "", t.style.pointerEvents = "";
+        };
+      }
+    }
+  }, [l, s, U, O, v, H, b, a]), ne(() => {
+    s || (g.current = void 0, S.current = !1, I.current = !1, R(), d());
+  }, [s, R, d]), i.useEffect(() => () => {
+    R(), f.clear(), m.clear(), I.current = !1;
+  }, [l, b, R, f, m]), i.useEffect(() => d, [d]);
+  const Z = i.useMemo(() => {
+    function t(r) {
+      g.current = r.pointerType;
+    }
+    return {
+      onPointerDown: t,
+      onPointerEnter: t,
+      onMouseMove(r) {
+        const {
+          nativeEvent: u
+        } = r, L = r.currentTarget, E = n.select("domReferenceElement") && !z(n.select("domReferenceElement"), r.target);
+        function c() {
+          !N.current && (!n.select("open") || E) && n.setOpen(!0, h(C, u, L));
+        }
+        A && !K(g.current) || n.select("open") && !E || J(P.current) === 0 || !E && S.current && r.movementX ** 2 + r.movementY ** 2 < 2 || (m.clear(), g.current === "touch" || E ? c() : (S.current = !0, m.start(J(P.current), c)));
+      }
+    };
+  }, [A, n, P, m]);
+  return i.useMemo(() => l ? {
+    reference: Z
+  } : {}, [l, Z]);
 }
 export {
-  r as PopoverPortalContext,
-  s as usePopoverPortalContext
+  G as getDelay,
+  xe as useHover
 };

package/dist/als-react-ts-ui390.js

@@ -1,14 +1,11 @@
-import r from "./als-react-ts-ui242.js";
-import * as e from "react";
-const t = /* @__PURE__ */ e.createContext(void 0);
-process.env.NODE_ENV !== "production" && (t.displayName = "PopoverPositionerContext");
-function i() {
-  const o = e.useContext(t);
-  if (!o)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: PopoverPositionerContext is missing. PopoverPositioner parts must be placed within <Popover.Positioner>." : r(46));
-  return o;
-}
+const t = "data-base-ui-focusable", e = "active", o = "selected", n = "input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])", s = "ArrowLeft", c = "ArrowRight", E = "ArrowUp", a = "ArrowDown";
 export {
-  t as PopoverPositionerContext,
-  i as usePopoverPositionerContext
+  e as ACTIVE_KEY,
+  a as ARROW_DOWN,
+  s as ARROW_LEFT,
+  c as ARROW_RIGHT,
+  E as ARROW_UP,
+  t as FOCUSABLE_ATTRIBUTE,
+  o as SELECTED_KEY,
+  n as TYPEABLE_SELECTOR
 };