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

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

@@ -1,78 +1,50 @@
-import * as _ from "react";
-import { CompositeList as j } from "./als-react-ts-ui163.js";
-import { useCompositeRoot as z } from "./als-react-ts-ui368.js";
-import { CompositeRootContext as B } from "./als-react-ts-ui248.js";
-import { useRenderElement as D } from "./als-react-ts-ui166.js";
-import { useDirection as F } from "./als-react-ts-ui164.js";
-import { jsx as s } from "react/jsx-runtime";
-import { EMPTY_ARRAY as h, EMPTY_OBJECT as J } from "./als-react-ts-ui212.js";
-function Q(e) {
-  const {
-    render: L,
-    className: N,
-    refs: a = h,
-    props: d = h,
-    state: p = J,
-    stateAttributesMapping: g,
-    highlightedIndex: m,
-    onHighlightedIndexChange: l,
-    orientation: f,
-    dense: c,
-    itemSizes: C,
-    loopFocus: u,
-    cols: x,
-    enableHomeAndEndKeys: I,
-    onMapChange: R,
-    stopEventPropagation: M = !0,
-    rootRef: P,
-    disabledIndices: E,
-    modifierKeys: v,
-    highlightItemOnHover: o = !1,
-    tag: H = "div",
-    ...b
-  } = e, y = F(), {
-    props: A,
-    highlightedIndex: t,
-    onHighlightedIndexChange: n,
-    elementsRef: K,
-    onMapChange: T,
-    relayKeyboardEvent: i
-  } = z({
-    itemSizes: C,
-    cols: x,
-    loopFocus: u,
-    dense: c,
-    orientation: f,
-    highlightedIndex: m,
-    onHighlightedIndexChange: l,
-    rootRef: P,
-    stopEventPropagation: M,
-    enableHomeAndEndKeys: I,
-    direction: y,
-    disabledIndices: E,
-    modifierKeys: v
-  }), Y = D(H, e, {
-    state: p,
-    ref: a,
-    props: [A, ...d, b],
-    stateAttributesMapping: g
-  }), O = _.useMemo(() => ({
-    highlightedIndex: t,
-    onHighlightedIndexChange: n,
-    highlightItemOnHover: o,
-    relayKeyboardEvent: i
-  }), [t, n, o, i]);
-  return /* @__PURE__ */ s(B.Provider, {
-    value: O,
-    children: /* @__PURE__ */ s(j, {
-      elementsRef: K,
-      onMapChange: (r) => {
-        R?.(r), T(r);
-      },
-      children: Y
-    })
-  });
+import { getNodeName as V } from "./als-react-ts-ui320.js";
+import { getDocument as y } from "./als-react-ts-ui312.js";
+const u = {
+  inert: /* @__PURE__ */ new WeakMap(),
+  "aria-hidden": /* @__PURE__ */ new WeakMap(),
+  none: /* @__PURE__ */ new WeakMap()
+};
+function S(r) {
+  return r === "inert" ? u.inert : r === "aria-hidden" ? u["aria-hidden"] : u.none;
+}
+let h = /* @__PURE__ */ new WeakSet(), d = {}, m = 0;
+const E = (r) => r && (r.host || E(r.parentNode)), C = (r, o) => o.map((n) => {
+  if (r.contains(n))
+    return n;
+  const i = E(n);
+  return r.contains(i) ? i : null;
+}).filter((n) => n != null);
+function T(r, o, n, i) {
+  const c = "data-base-ui-inert", a = i ? "inert" : n ? "aria-hidden" : null, w = C(o, r), l = /* @__PURE__ */ new Set(), N = new Set(w), M = [];
+  d[c] || (d[c] = /* @__PURE__ */ new WeakMap());
+  const p = d[c];
+  w.forEach(b), A(o), l.clear();
+  function b(t) {
+    !t || l.has(t) || (l.add(t), t.parentNode && b(t.parentNode));
+  }
+  function A(t) {
+    !t || N.has(t) || [].forEach.call(t.children, (e) => {
+      if (V(e) !== "script")
+        if (l.has(e))
+          A(e);
+        else {
+          const k = a ? e.getAttribute(a) : null, s = k !== null && k !== "false", f = S(a), W = (f.get(e) || 0) + 1, g = (p.get(e) || 0) + 1;
+          f.set(e, W), p.set(e, g), M.push(e), W === 1 && s && h.add(e), g === 1 && e.setAttribute(c, ""), !s && a && e.setAttribute(a, a === "inert" ? "" : "true");
+        }
+    });
+  }
+  return m += 1, () => {
+    M.forEach((t) => {
+      const e = S(a), s = (e.get(t) || 0) - 1, f = (p.get(t) || 0) - 1;
+      e.set(t, s), p.set(t, f), s || (!h.has(t) && a && t.removeAttribute(a), h.delete(t)), f || t.removeAttribute(c);
+    }), m -= 1, m || (u.inert = /* @__PURE__ */ new WeakMap(), u["aria-hidden"] = /* @__PURE__ */ new WeakMap(), u.none = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakSet(), d = {});
+  };
+}
+function O(r, o = !1, n = !1) {
+  const i = y(r[0]).body;
+  return T(r.concat(Array.from(i.querySelectorAll("[aria-live]"))), i, o, n);
 }
 export {
-  Q as CompositeRoot
+  O as markOthers
 };

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

@@ -1,4 +1,58 @@
-var o = {};
+import * as r from "react";
+import { useId as a } from "./als-react-ts-ui306.js";
+import { useIsoLayoutEffect as l } from "./als-react-ts-ui267.js";
+import { useRefWithInit as f } from "./als-react-ts-ui222.js";
+import { FloatingTreeStore as m } from "./als-react-ts-ui368.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 {
-  o as __exports
+  I as FloatingNode,
+  T as FloatingTree,
+  v as useFloatingNodeId,
+  u as useFloatingParentNodeId,
+  p as useFloatingTree
 };

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

@@ -1,10 +1,6 @@
-import { __module as r } from "./als-react-ts-ui369.js";
-import { __require as o } from "./als-react-ts-ui370.js";
-import { __require as i } from "./als-react-ts-ui371.js";
-var e;
-function u() {
-  return e ? r.exports : (e = 1, process.env.NODE_ENV === "production" ? r.exports = o() : r.exports = i(), r.exports);
+function n(r) {
+  return r == null ? r : "current" in r ? r.current : r;
 }
 export {
-  u as __require
+  n as resolveRef
 };

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

@@ -1,4 +1,67 @@
-var e = {};
+import { tabbable as r } from "./als-react-ts-ui358.js";
+import { contains as d, getDocument as b, activeElement as f } from "./als-react-ts-ui312.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 {
-  e as __exports
+  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-ui367.js

@@ -1,6 +1,15 @@
-let n = /* @__PURE__ */ (function(i) {
-  return i.activationDirection = "data-activation-direction", i.orientation = "data-orientation", i;
-})({});
+function d(r, i, e = !0) {
+  return r.filter((t) => t.parentId === i && (!e || t.context?.open)).flatMap((t) => [t, ...d(r, t.id, e)]);
+}
+function o(r, i) {
+  let e = [], n = r.find((t) => t.id === i)?.parentId;
+  for (; n; ) {
+    const t = r.find((c) => c.id === n);
+    n = t?.parentId, t && (e = e.concat(t));
+  }
+  return e;
+}
 export {
-  n as TabsRootDataAttributes
+  o as getNodeAncestors,
+  d as getNodeChildren
 };

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

@@ -1,134 +1,17 @@
-import * as I from "react";
-import { isElementDisabled as te } from "./als-react-ts-ui176.js";
-import { useStableCallback as F } from "./als-react-ts-ui160.js";
-import { useMergedRefs as ne } from "./als-react-ts-ui169.js";
-import { scrollIntoViewIfNeeded as P, ALL_KEYS as re, ARROW_KEYS as ie, isNativeInput as V, ARROW_DOWN as A, ARROW_RIGHT as C, HOME as oe, END as se, ARROW_LEFT as B, ARROW_UP as H, VERTICAL_KEYS_WITH_EXTRA_KEYS as le, VERTICAL_KEYS as ae, HORIZONTAL_KEYS_WITH_EXTRA_KEYS as ce, HORIZONTAL_KEYS as de, MODIFIER_KEYS as fe } from "./als-react-ts-ui178.js";
-import { ACTIVE_COMPOSITE_ITEM as ue } from "./als-react-ts-ui357.js";
-import { getMinListIndex as he, getMaxListIndex as Ie, createGridCellMap as ge, isListIndexDisabled as L, getGridNavigatedIndex as me, getGridCellIndexOfCorner as Re, getGridCellIndices as xe, findNonDisabledListIndex as ye, isIndexOutOfListBounds as Ee } from "./als-react-ts-ui311.js";
-const pe = [];
-function Me(b) {
-  const {
-    itemSizes: y,
-    cols: s = 1,
-    loopFocus: E = !0,
-    dense: Y = !1,
-    orientation: r = "both",
-    direction: p,
-    highlightedIndex: X,
-    onHighlightedIndexChange: Z,
-    rootRef: q,
-    enableHomeAndEndKeys: g = !1,
-    stopEventPropagation: w = !1,
-    disabledIndices: i,
-    modifierKeys: z = pe
-  } = b, [U, j] = I.useState(0), k = s > 1, m = I.useRef(null), D = ne(m, q), t = I.useRef([]), N = I.useRef(!1), l = X ?? U, R = F((e, o = !1) => {
-    if ((Z ?? j)(e), o) {
-      const f = t.current[e];
-      P(m.current, f, p, r);
-    }
-  }), G = F((e) => {
-    if (e.size === 0 || N.current)
-      return;
-    N.current = !0;
-    const o = Array.from(e.keys()), f = o.find((h) => h?.hasAttribute(ue)) ?? null, u = f ? o.indexOf(f) : -1;
-    u !== -1 && R(u), P(m.current, f, p, r);
-  }), O = I.useMemo(() => ({
-    "aria-orientation": r === "both" ? void 0 : r,
-    ref: D,
-    onFocus(e) {
-      !m.current || !V(e.target) || e.target.setSelectionRange(0, e.target.value.length ?? 0);
-    },
-    onKeyDown(e) {
-      const o = g ? re : ie;
-      if (!o.has(e.key) || Ke(e, z) || !m.current)
-        return;
-      const u = p === "rtl", h = u ? B : C, J = {
-        horizontal: h,
-        vertical: A,
-        both: h
-      }[r], K = u ? C : B, Q = {
-        horizontal: K,
-        vertical: H,
-        both: K
-      }[r];
-      if (V(e.target) && !te(e.target)) {
-        const d = e.target.selectionStart, a = e.target.selectionEnd, T = e.target.value ?? "";
-        if (d == null || e.shiftKey || d !== a || e.key !== Q && d < T.length || e.key !== J && d > 0)
-          return;
-      }
-      let n = l;
-      const S = he(t, i), _ = Ie(t, i);
-      if (k) {
-        const d = y || Array.from({
-          length: t.current.length
-        }, () => ({
-          width: 1,
-          height: 1
-        })), a = ge(d, s, Y), T = a.findIndex((c) => c != null && !L(t, c, i)), v = a.reduce((c, x, ee) => x != null && !L(t, x, i) ? ee : c, -1);
-        n = a[me({
-          current: a.map((c) => c ? t.current[c] : null)
-        }, {
-          event: e,
-          orientation: r,
-          loopFocus: E,
-          cols: s,
-          // treat undefined (empty grid spaces) as disabled indices so we
-          // don't end up in them
-          disabledIndices: xe([...i || t.current.map((c, x) => L(t, x) ? x : void 0), void 0], a),
-          minIndex: T,
-          maxIndex: v,
-          prevIndex: Re(
-            l > _ ? S : l,
-            d,
-            a,
-            s,
-            // use a corner matching the edge closest to the direction we're
-            // moving in so we don't end up in the same item. Prefer
-            // top/left over bottom/right.
-            // eslint-disable-next-line no-nested-ternary
-            e.key === A ? "bl" : e.key === C ? "tr" : "tl"
-          ),
-          rtl: u
-        })];
-      }
-      const W = {
-        horizontal: [h],
-        vertical: [A],
-        both: [h, A]
-      }[r], M = {
-        horizontal: [K],
-        vertical: [H],
-        both: [K, H]
-      }[r], $ = k ? o : {
-        horizontal: g ? ce : de,
-        vertical: g ? le : ae,
-        both: o
-      }[r];
-      g && (e.key === oe ? n = S : e.key === se && (n = _)), n === l && (W.includes(e.key) || M.includes(e.key)) && (E && n === _ && W.includes(e.key) ? n = S : E && n === S && M.includes(e.key) ? n = _ : n = ye(t, {
-        startingIndex: n,
-        decrement: M.includes(e.key),
-        disabledIndices: i
-      })), n !== l && !Ee(t, n) && (w && e.stopPropagation(), $.has(e.key) && e.preventDefault(), R(n, !0), queueMicrotask(() => {
-        t.current[n]?.focus();
-      }));
-    }
-  }), [s, Y, p, i, t, g, l, k, y, E, D, z, R, r, w]);
-  return I.useMemo(() => ({
-    props: O,
-    highlightedIndex: l,
-    onHighlightedIndexChange: R,
-    elementsRef: t,
-    disabledIndices: i,
-    onMapChange: G,
-    relayKeyboardEvent: O.onKeyDown
-  }), [O, l, R, t, i, G]);
-}
-function Ke(b, y) {
-  for (const s of fe.values())
-    if (!y.includes(s) && b.getModifierState(s))
-      return !0;
-  return !1;
+import { createEventEmitter as n } from "./als-react-ts-ui369.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 {
-  Me as useCompositeRoot
+  d as FloatingTreeStore
 };

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

@@ -1,4 +1,17 @@
-var e = { exports: {} };
+function o() {
+  const t = /* @__PURE__ */ new Map();
+  return {
+    emit(e, a) {
+      t.get(e)?.forEach((n) => n(a));
+    },
+    on(e, a) {
+      t.has(e) || t.set(e, /* @__PURE__ */ new Set()), t.get(e).add(a);
+    },
+    off(e, a) {
+      t.get(e)?.delete(a);
+    }
+  };
+}
 export {
-  e as __module
+  o as createEventEmitter
 };

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

@@ -1,9 +1,12 @@
-import { jsx as o } from "react/jsx-runtime";
-import r from "./als-react-ts-ui128.js";
-function e(t) {
-  return /* @__PURE__ */ o("div", { className: r.root });
-}
+import { ALSTooltipArrow as o, ALSTooltipPopup as t, ALSTooltipPositioner as r, ALSTooltipPortal as i, ALSTooltipTrigger as p, ALSTooltipRoot as l } from "./als-react-ts-ui124.js";
+const T = {
+  Root: l,
+  Trigger: p,
+  Portal: i,
+  Positioner: r,
+  Popup: t,
+  Arrow: o
+};
 export {
-  e as ALSTooltip,
-  e as default
+  T as ALSTooltip
 };

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

@@ -1,46 +1,78 @@
-import { __exports as i } from "./als-react-ts-ui372.js";
-import h from "react";
-var f;
-function x() {
-  if (f) return i;
-  f = 1;
-  var u = h;
-  function s(e, t) {
-    return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
-  }
-  var S = typeof Object.is == "function" ? Object.is : s, d = u.useState, l = u.useEffect, p = u.useLayoutEffect, E = u.useDebugValue;
-  function v(e, t) {
-    var r = t(), a = d({ inst: { value: r, getSnapshot: t } }), n = a[0].inst, c = a[1];
-    return p(
-      function() {
-        n.value = r, n.getSnapshot = t, o(n) && c({ inst: n });
-      },
-      [e, r, t]
-    ), l(
-      function() {
-        return o(n) && c({ inst: n }), e(function() {
-          o(n) && c({ inst: n });
-        });
-      },
-      [e]
-    ), E(r), r;
-  }
-  function o(e) {
-    var t = e.getSnapshot;
-    e = e.value;
-    try {
-      var r = t();
-      return !S(e, r);
-    } catch {
-      return !0;
+import * as o from "react";
+import { useFloating as P } from "./als-react-ts-ui371.js";
+import { isElement as s } from "./als-react-ts-ui320.js";
+import { useIsoLayoutEffect as F } from "./als-react-ts-ui267.js";
+import { useFloatingTree as V } from "./als-react-ts-ui364.js";
+import { useFloatingRootContext as v } from "./als-react-ts-ui372.js";
+function w(c = {}) {
+  const {
+    nodeId: m,
+    externalTree: y
+  } = c, I = v(c), t = c.rootContext || I, r = {
+    reference: t.useState("referenceElement"),
+    floating: t.useState("floatingElement"),
+    domReference: t.useState("domReferenceElement")
+  }, [g, M] = o.useState(null), i = o.useRef(null), b = V(y);
+  F(() => {
+    r.domReference && (i.current = r.domReference);
+  }, [r.domReference]);
+  const n = P({
+    ...c,
+    elements: {
+      ...r,
+      ...g && {
+        reference: g
+      }
     }
-  }
-  function y(e, t) {
-    return t();
-  }
-  var m = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? y : v;
-  return i.useSyncExternalStore = u.useSyncExternalStore !== void 0 ? u.useSyncExternalStore : m, i;
+  }), d = o.useCallback((e) => {
+    const u = s(e) ? {
+      getBoundingClientRect: () => e.getBoundingClientRect(),
+      getClientRects: () => e.getClientRects(),
+      contextElement: e
+    } : e;
+    M(u), n.refs.setReference(u);
+  }, [n.refs]), [R, S] = o.useState(null), [k, L] = o.useState(null);
+  t.useSyncedValue("referenceElement", R), t.useSyncedValue("domReferenceElement", s(R) ? R : null), t.useSyncedValue("floatingElement", k);
+  const x = o.useCallback((e) => {
+    (s(e) || e === null) && (i.current = e, S(e)), (s(n.refs.reference.current) || n.refs.reference.current === null || // Don't allow setting virtual elements using the old technique back to
+    // `null` to support `positionReference` + an unstable `reference`
+    // callback ref.
+    e !== null && !s(e)) && n.refs.setReference(e);
+  }, [n.refs, S]), C = o.useCallback((e) => {
+    L(e), n.refs.setFloating(e);
+  }, [n.refs]), l = o.useMemo(() => ({
+    ...n.refs,
+    setReference: x,
+    setFloating: C,
+    setPositionReference: d,
+    domReference: i
+  }), [n.refs, x, C, d]), f = o.useMemo(() => ({
+    ...n.elements,
+    domReference: r.domReference
+  }), [n.elements, r.domReference]), E = t.useState("open"), p = t.useState("floatingId"), a = o.useMemo(() => ({
+    ...n,
+    dataRef: t.context.dataRef,
+    open: E,
+    onOpenChange: t.setOpen,
+    events: t.context.events,
+    floatingId: p,
+    refs: l,
+    elements: f,
+    nodeId: m,
+    rootStore: t
+  }), [n, l, f, m, t, E, p]);
+  return F(() => {
+    t.context.dataRef.current.floatingContext = a;
+    const e = b?.nodesRef.current.find((u) => u.id === m);
+    e && (e.context = a);
+  }), o.useMemo(() => ({
+    ...n,
+    context: a,
+    refs: l,
+    elements: f,
+    rootStore: t
+  }), [n, l, f, a, t]);
 }
 export {
-  x as __require
+  w as useFloating
 };