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

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

@@ -0,0 +1,58 @@
+import * as r from "react";
+import { useId as a } from "./als-react-ts-ui325.js";
+import { useIsoLayoutEffect as l } from "./als-react-ts-ui193.js";
+import { useRefWithInit as f } from "./als-react-ts-ui240.js";
+import { FloatingTreeStore as m } from "./als-react-ts-ui381.js";
+import { jsx as d } from "react/jsx-runtime";
+const i = /* @__PURE__ */ r.createContext(null);
+process.env.NODE_ENV !== "production" && (i.displayName = "FloatingNodeContext");
+const s = /* @__PURE__ */ r.createContext(null);
+process.env.NODE_ENV !== "production" && (s.displayName = "FloatingTreeContext");
+const u = () => r.useContext(i)?.id || null, p = (o) => {
+  const e = r.useContext(s);
+  return o ?? e;
+};
+function v(o) {
+  const e = a(), t = p(o), n = u();
+  return l(() => {
+    if (!e)
+      return;
+    const c = {
+      id: e,
+      parentId: n
+    };
+    return t?.addNode(c), () => {
+      t?.removeNode(c);
+    };
+  }, [t, e, n]), e;
+}
+function I(o) {
+  const {
+    children: e,
+    id: t
+  } = o, n = u();
+  return /* @__PURE__ */ d(i.Provider, {
+    value: r.useMemo(() => ({
+      id: t,
+      parentId: n
+    }), [t, n]),
+    children: e
+  });
+}
+function T(o) {
+  const {
+    children: e,
+    externalTree: t
+  } = o, n = f(() => t ?? new m()).current;
+  return /* @__PURE__ */ d(s.Provider, {
+    value: n,
+    children: e
+  });
+}
+export {
+  I as FloatingNode,
+  T as FloatingTree,
+  v as useFloatingNodeId,
+  u as useFloatingParentNodeId,
+  p as useFloatingTree
+};

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

@@ -0,0 +1,4 @@
+const o = 300;
+export {
+  o as OPEN_DELAY
+};

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

@@ -0,0 +1,26 @@
+import * as r from "react";
+import { useIsoLayoutEffect as a } from "./als-react-ts-ui193.js";
+import { isSafari as u } from "./als-react-ts-ui371.js";
+import { visuallyHidden as i } from "./als-react-ts-ui375.js";
+import { jsx as f } from "react/jsx-runtime";
+const d = /* @__PURE__ */ r.forwardRef(function(t, e) {
+  const [o, s] = r.useState();
+  return a(() => {
+    u && s("button");
+  }, []), /* @__PURE__ */ f("span", {
+    ...t,
+    ref: e,
+    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" && (d.displayName = "FocusGuard");
+export {
+  d as FocusGuard
+};

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

@@ -0,0 +1,155 @@
+import * as k from "react";
+import * as ee from "react-dom";
+import { isElement as te } from "./als-react-ts-ui339.js";
+import { useValueAsRef as _ } from "./als-react-ts-ui337.js";
+import { useStableCallback as I } from "./als-react-ts-ui192.js";
+import { createChangeEventDetails as y } from "./als-react-ts-ui246.js";
+import { getDelay as F } from "./als-react-ts-ui389.js";
+import { useFloatingTree as re } from "./als-react-ts-ui356.js";
+import { useHoverInteractionSharedState as ne, safePolygonIdentifier as oe } from "./als-react-ts-ui388.js";
+import { triggerHover as C } from "./als-react-ts-ui248.js";
+import { getDocument as q, contains as L } from "./als-react-ts-ui331.js";
+import { isMouseLikePointerType as z } from "./als-react-ts-ui295.js";
+function N(l) {
+  return typeof l == "function" ? l() : l;
+}
+function pe(l, B = {}) {
+  const t = "rootStore" in l ? l.rootStore : l, {
+    dataRef: a,
+    events: H
+  } = t.context, {
+    enabled: O = !0,
+    delay: G = 0,
+    handleClose: J = null,
+    mouseOnly: x = !1,
+    restMs: K = 0,
+    move: A = !0,
+    triggerElement: V = null,
+    externalTree: Q,
+    isActiveTrigger: X = !0
+  } = B, Y = re(Q), {
+    pointerTypeRef: o,
+    interactedInsideRef: U,
+    handlerRef: p,
+    blockMouseMoveRef: E,
+    performedPointerEventsMutationRef: W,
+    unbindMouseMoveRef: D,
+    restTimeoutPendingRef: f,
+    openChangeTimeout: s,
+    restTimeout: m,
+    handleCloseOptionsRef: Z
+  } = ne(t), v = _(J), R = _(G), M = _(K);
+  X && (Z.current = v.current?.__options);
+  const T = I(() => U.current ? !0 : a.current.openEvent ? ["click", "mousedown"].includes(a.current.openEvent.type) : !1), b = k.useCallback((e, r = !0) => {
+    const g = F(R.current, "close", o.current);
+    g && !p.current ? s.start(g, () => t.setOpen(!1, y(C, e))) : r && (s.clear(), t.setOpen(!1, y(C, e)));
+  }, [R, p, t, o, s]), w = I(() => {
+    D.current(), p.current = void 0;
+  }), P = I(() => {
+    if (W.current) {
+      const e = q(t.select("domReferenceElement")).body;
+      e.style.pointerEvents = "", e.removeAttribute(oe), W.current = !1;
+    }
+  });
+  k.useEffect(() => {
+    if (!O)
+      return;
+    function e(r) {
+      r.open || (s.clear(), m.clear(), E.current = !0, f.current = !1);
+    }
+    return H.on("openchange", e), () => {
+      H.off("openchange", e);
+    };
+  }, [O, H, s, m, E, f]);
+  const j = I((e) => {
+    if (T() || !a.current.floatingContext)
+      return;
+    const r = t.context.triggerElements;
+    e.relatedTarget && r.hasElement(e.relatedTarget) || v.current?.({
+      ...a.current.floatingContext,
+      tree: Y,
+      x: e.clientX,
+      y: e.clientY,
+      onClose() {
+        P(), w(), T() || b(e);
+      }
+    })(e);
+  });
+  return k.useEffect(() => {
+    if (!O)
+      return;
+    const e = V ?? (X ? t.select("domReferenceElement") : null);
+    if (!te(e))
+      return;
+    function r(n) {
+      if (s.clear(), E.current = !1, x && !z(o.current) || N(M.current) > 0 && !F(R.current, "open"))
+        return;
+      const d = F(R.current, "open", o.current), c = t.select("domReferenceElement"), u = t.context.triggerElements, h = (u.hasElement(n.target) || u.hasMatchingElement(($) => L($, n.target))) && (!c || !L(c, n.target)), i = n.currentTarget ?? null;
+      d ? s.start(d, () => {
+        t.select("open") || t.setOpen(!0, y(C, n, i));
+      }) : (!t.select("open") || h) && t.setOpen(!0, y(C, n, i));
+    }
+    function g(n) {
+      if (T()) {
+        P();
+        return;
+      }
+      D.current();
+      const d = t.select("domReferenceElement"), c = q(d);
+      m.clear(), f.current = !1;
+      const u = t.context.triggerElements;
+      if (n.relatedTarget && u.hasElement(n.relatedTarget))
+        return;
+      if (v.current && a.current.floatingContext) {
+        t.select("open") || s.clear(), p.current = v.current({
+          ...a.current.floatingContext,
+          tree: Y,
+          x: n.clientX,
+          y: n.clientY,
+          onClose() {
+            P(), w(), T() || b(n, !0);
+          }
+        });
+        const i = p.current;
+        i(n), c.addEventListener("mousemove", i), D.current = () => {
+          c.removeEventListener("mousemove", i);
+        };
+        return;
+      }
+      (o.current === "touch" ? !L(t.select("floatingElement"), n.relatedTarget) : !0) && b(n);
+    }
+    function S(n) {
+      j(n);
+    }
+    return t.select("open") && e.addEventListener("mouseleave", S), A && e.addEventListener("mousemove", r, {
+      once: !0
+    }), e.addEventListener("mouseenter", r), e.addEventListener("mouseleave", g), () => {
+      e.removeEventListener("mouseleave", S), A && e.removeEventListener("mousemove", r), e.removeEventListener("mouseenter", r), e.removeEventListener("mouseleave", g);
+    };
+  }, [w, P, E, a, R, b, t, O, v, j, X, T, x, A, o, M, m, f, s, V, Y, D, p]), k.useMemo(() => {
+    function e(r) {
+      o.current = r.pointerType;
+    }
+    return {
+      onPointerDown: e,
+      onPointerEnter: e,
+      onMouseMove(r) {
+        const {
+          nativeEvent: g
+        } = r, S = r.currentTarget, n = t.select("domReferenceElement"), d = t.context.triggerElements, c = t.select("open"), u = (d.hasElement(r.target) || d.hasMatchingElement((i) => L(i, r.target))) && (!n || !L(n, r.target));
+        if (x && !z(o.current) || c && !u || N(M.current) === 0 || !u && f.current && r.movementX ** 2 + r.movementY ** 2 < 2)
+          return;
+        m.clear();
+        function h() {
+          !E.current && (!c || u) && t.setOpen(!0, y(C, g, S));
+        }
+        o.current === "touch" ? ee.flushSync(() => {
+          h();
+        }) : u && c ? h() : (f.current = !0, m.start(N(M.current), h));
+      }
+    };
+  }, [E, x, t, o, M, m, f]);
+}
+export {
+  pe as useHoverReferenceInteraction
+};

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

@@ -0,0 +1,12 @@
+import { ALSToolbarInput as o, ALSToolbarSeparator as r, ALSToolbarGroup as t, ALSToolbarLink as a, ALSToolbarButton as L, ALSToolbarRoot as S } from "./als-react-ts-ui123.js";
+const b = {
+  Root: S,
+  Button: L,
+  Link: a,
+  Group: t,
+  Separator: r,
+  Input: o
+};
+export {
+  b as ALSToolbar
+};

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

@@ -0,0 +1,116 @@
+import { isElement as U } from "./als-react-ts-ui339.js";
+import { Timeout as Z } from "./als-react-ts-ui195.js";
+import { getTarget as $, contains as W } from "./als-react-ts-ui331.js";
+import { getNodeChildren as y } from "./als-react-ts-ui380.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 {
+  rt as safePolygon
+};

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

@@ -0,0 +1,67 @@
+import { tabbable as r } from "./als-react-ts-ui374.js";
+import { contains as d, getDocument as b, activeElement as f } from "./als-react-ts-ui331.js";
+const s = () => ({
+  getShadowRoot: !0,
+  displayCheck: (
+    // JSDOM does not support the `tabbable` library. To solve this we can
+    // check if `ResizeObserver` is a real function (not polyfilled), which
+    // determines if the current environment is JSDOM-like.
+    typeof ResizeObserver == "function" && ResizeObserver.toString().includes("[native code]") ? "full" : "none"
+  )
+});
+function u(t, a) {
+  const e = r(t, s()), n = e.length;
+  if (n === 0)
+    return;
+  const i = f(b(t)), o = e.indexOf(i), c = o === -1 ? a === 1 ? 0 : n - 1 : o + a;
+  return e[c];
+}
+function T(t) {
+  return u(b(t).body, 1) || t;
+}
+function m(t) {
+  return u(b(t).body, -1) || t;
+}
+function l(t, a) {
+  if (!t)
+    return null;
+  const e = r(b(t).body, s()), n = e.length;
+  if (n === 0)
+    return null;
+  const i = e.indexOf(t);
+  if (i === -1)
+    return null;
+  const o = (i + a + n) % n;
+  return e[o];
+}
+function v(t) {
+  return l(t, 1);
+}
+function h(t) {
+  return l(t, -1);
+}
+function p(t, a) {
+  const e = a || t.currentTarget, n = t.relatedTarget;
+  return !n || !d(e, n);
+}
+function y(t) {
+  r(t, s()).forEach((e) => {
+    e.dataset.tabindex = e.getAttribute("tabindex") || "", e.setAttribute("tabindex", "-1");
+  });
+}
+function A(t) {
+  t.querySelectorAll("[data-tabindex]").forEach((e) => {
+    const n = e.dataset.tabindex;
+    delete e.dataset.tabindex, n ? e.setAttribute("tabindex", n) : e.removeAttribute("tabindex");
+  });
+}
+export {
+  y as disableFocusInside,
+  A as enableFocusInside,
+  T as getNextTabbable,
+  m as getPreviousTabbable,
+  v as getTabbableAfterElement,
+  h as getTabbableBeforeElement,
+  s as getTabbableOptions,
+  p as isOutsideEvent
+};

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

@@ -0,0 +1,14 @@
+import t from "./als-react-ts-ui259.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 {
+  r as PopoverPortalContext,
+  s as usePopoverPortalContext
+};

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

@@ -0,0 +1,14 @@
+import r from "./als-react-ts-ui259.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 {
+  t as PopoverPositionerContext,
+  i as usePopoverPositionerContext
+};