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

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

@@ -1,57 +1,14 @@
-import { createEventEmitter as s } from "./als-react-ts-ui382.js";
-import { ReactStore as f } from "./als-react-ts-ui333.js";
-import { createSelector as o } from "./als-react-ts-ui335.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);
-  };
+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;
 }
 export {
-  g as FloatingRootStore
+  t as PopoverRootContext,
+  p as usePopoverRootContext
 };

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

@@ -1,78 +1,92 @@
-import * as i from "react";
-import { getWindow as h, isElement as b, isHTMLElement as M } from "./als-react-ts-ui339.js";
-import { isMac as F, isSafari as D } from "./als-react-ts-ui371.js";
-import { useTimeout as k } from "./als-react-ts-ui195.js";
-import { createChangeEventDetails as R } from "./als-react-ts-ui246.js";
-import { createAttribute as O } from "./als-react-ts-ui376.js";
-import { activeElement as T, contains as w, getTarget as S, isTypeableElement as A, matchesFocusVisible as C, getDocument as x } from "./als-react-ts-ui331.js";
-import { triggerFocus as y, triggerPress as B, escapeKey as K } from "./als-react-ts-ui248.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));
+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
     };
-  }, [r, o]), i.useEffect(() => {
-    if (!o)
+    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)
       return;
-    function t(e) {
-      (e.reason === B || e.reason === K) && (s.current = !0);
-    }
-    return f.on("openchange", t), () => {
-      f.off("openchange", t);
+    const u = {
+      open: n,
+      nativeEvent: e.event,
+      reason: e.reason,
+      nested: this.state.nested,
+      triggerElement: e.trigger
+    };
+    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);
     };
-  }, [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]);
+    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();
 }
 export {
-  z as useFocus
+  f as PopoverStore
 };

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

@@ -1,32 +1,4 @@
-import * as e from "react";
-import { useTimeout as l } from "./als-react-ts-ui195.js";
-import { createAttribute as m } from "./als-react-ts-ui376.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]);
-}
+const o = 300;
 export {
-  T as isInteractiveElement,
-  S as safePolygonIdentifier,
-  E as useHoverInteractionSharedState
+  o as OPEN_DELAY
 };

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

@@ -1,200 +1,14 @@
-import * as i from "react";
-import { isElement as ee } from "./als-react-ts-ui339.js";
-import { useTimeout as te } from "./als-react-ts-ui195.js";
-import { useValueAsRef as q } from "./als-react-ts-ui337.js";
-import { useStableCallback as D } from "./als-react-ts-ui192.js";
-import { useIsoLayoutEffect as ne } from "./als-react-ts-ui193.js";
-import { useFloatingTree as ce, useFloatingParentNodeId as fe } from "./als-react-ts-ui356.js";
-import { createChangeEventDetails as h } from "./als-react-ts-ui246.js";
-import { createAttribute as le } from "./als-react-ts-ui376.js";
-import { TYPEABLE_SELECTOR as ae } from "./als-react-ts-ui390.js";
-import { isMouseLikePointerType as K } from "./als-react-ts-ui295.js";
-import { getDocument as X, getTarget as me, contains as z } from "./als-react-ts-ui331.js";
-import { triggerHover as C } from "./als-react-ts-ui248.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]);
+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;
 }
 export {
-  G as getDelay,
-  xe as useHover
+  r as PopoverPortalContext,
+  s as usePopoverPortalContext
 };

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

@@ -1,11 +1,14 @@
-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";
+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;
+}
 export {
-  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
+  t as PopoverPositionerContext,
+  i as usePopoverPositionerContext
 };