@new-black/lyra 0.1.7 → 0.1.8

package/dist/lyra64.js

@@ -1,68 +1,582 @@
-import * as s from "react";
-import { useContext as z, useRef as h, cloneElement as A, Children as F, isValidElement as K } from "react";
-import { useForceUpdate as b } from "./lyra166.js";
-import { useIsMounted as G } from "./lyra167.js";
-import { PresenceChild as g } from "./lyra168.js";
-import { LayoutGroupContext as N } from "./lyra169.js";
-import { useIsomorphicLayoutEffect as T } from "./lyra115.js";
-import { useUnmountEffect as U } from "./lyra170.js";
-import { invariant as V } from "./lyra171.js";
-const u = (o) => o.key || "";
-function $(o, c) {
-  o.forEach((i) => {
-    const f = u(i);
-    c.set(f, i);
-  });
+import N, { useRef as x, useState as k, useCallback as I, useContext as D, useMemo as L, useEffect as M } from "react";
+import { useLayoutEffect as E, mergeProps as K, runAfterTransition as q, focusWithoutScrolling as V, useSyncRef as G } from "./lyra71.js";
+import { isFocusVisible as U, useFocusVisibleListener as J, useFocus as W, useFocusWithin as Y, useKeyboard as Q, getInteractionModality as X } from "./lyra81.js";
+function B(t) {
+  if (X() === "virtual") {
+    let e = document.activeElement;
+    q(() => {
+      document.activeElement === e && document.contains(t) && V(t);
+    });
+  } else
+    V(t);
+}
+function Z(t) {
+  if (!(t instanceof HTMLElement) && !(t instanceof SVGElement))
+    return !1;
+  let { display: e, visibility: r } = t.style, n = e !== "none" && r !== "hidden" && r !== "collapse";
+  if (n) {
+    const { getComputedStyle: c } = t.ownerDocument.defaultView;
+    let { display: o, visibility: a } = c(t);
+    n = o !== "none" && a !== "hidden" && a !== "collapse";
+  }
+  return n;
+}
+function O(t, e) {
+  return !t.hasAttribute("hidden") && (t.nodeName === "DETAILS" && e && e.nodeName !== "SUMMARY" ? t.hasAttribute("open") : !0);
+}
+function z(t, e) {
+  return t.nodeName !== "#comment" && Z(t) && O(t, e) && (!t.parentElement || z(t.parentElement, t));
+}
+const _ = /* @__PURE__ */ N.createContext(null);
+let d = null;
+function be(t) {
+  let { children: e, contain: r, restoreFocus: n, autoFocus: c } = t, o = x(), a = x(), i = x([]), { parentNode: u } = D(_) || {}, l = L(() => new P({
+    scopeRef: i
+  }), [
+    i
+  ]);
+  E(() => {
+    let f = u || b.root;
+    if (b.getTreeNode(f.scopeRef) && d && !w(d, f.scopeRef)) {
+      let p = b.getTreeNode(d);
+      p && (f = p);
+    }
+    f.addChild(l), b.addNode(l);
+  }, [
+    l,
+    u
+  ]), E(() => {
+    let f = b.getTreeNode(i);
+    f.contain = r;
+  }, [
+    r
+  ]), E(() => {
+    let f = o.current.nextSibling, p = [];
+    for (; f && f !== a.current; )
+      p.push(f), f = f.nextSibling;
+    i.current = p;
+  }, [
+    e
+  ]), ae(i, n, r), ne(i, r), ie(i, n, r), oe(i, c), M(() => {
+    if (i) {
+      let f = document.activeElement, p = null;
+      if ($(f, i.current)) {
+        for (let F of b.traverse())
+          $(f, F.scopeRef.current) && (p = F);
+        p === b.getTreeNode(i) && (d = p.scopeRef);
+      }
+      return () => {
+        let F = b.getTreeNode(i).parent.scopeRef;
+        (i === d || w(i, d)) && (!F || b.getTreeNode(F)) && (d = F), b.removeTreeNode(i);
+      };
+    }
+  }, [
+    i
+  ]);
+  let s = L(() => ee(i), []), v = L(() => ({
+    focusManager: s,
+    parentNode: l
+  }), [
+    l,
+    s
+  ]);
+  return /* @__PURE__ */ N.createElement(_.Provider, {
+    value: v
+  }, /* @__PURE__ */ N.createElement("span", {
+    "data-focus-scope-start": !0,
+    hidden: !0,
+    ref: o
+  }), e, /* @__PURE__ */ N.createElement("span", {
+    "data-focus-scope-end": !0,
+    hidden: !0,
+    ref: a
+  }));
+}
+function ee(t) {
+  return {
+    focusNext(e = {}) {
+      let r = t.current, { from: n, tabbable: c, wrap: o, accept: a } = e, i = n || document.activeElement, u = r[0].previousElementSibling, l = h(T(r), {
+        tabbable: c,
+        accept: a
+      }, r);
+      l.currentNode = $(i, r) ? i : u;
+      let s = l.nextNode();
+      return !s && o && (l.currentNode = u, s = l.nextNode()), s && m(s, !0), s;
+    },
+    focusPrevious(e = {}) {
+      let r = t.current, { from: n, tabbable: c, wrap: o, accept: a } = e, i = n || document.activeElement, u = r[r.length - 1].nextElementSibling, l = h(T(r), {
+        tabbable: c,
+        accept: a
+      }, r);
+      l.currentNode = $(i, r) ? i : u;
+      let s = l.previousNode();
+      return !s && o && (l.currentNode = u, s = l.previousNode()), s && m(s, !0), s;
+    },
+    focusFirst(e = {}) {
+      let r = t.current, { tabbable: n, accept: c } = e, o = h(T(r), {
+        tabbable: n,
+        accept: c
+      }, r);
+      o.currentNode = r[0].previousElementSibling;
+      let a = o.nextNode();
+      return a && m(a, !0), a;
+    },
+    focusLast(e = {}) {
+      let r = t.current, { tabbable: n, accept: c } = e, o = h(T(r), {
+        tabbable: n,
+        accept: c
+      }, r);
+      o.currentNode = r[r.length - 1].nextElementSibling;
+      let a = o.previousNode();
+      return a && m(a, !0), a;
+    }
+  };
+}
+const A = [
+  "input:not([disabled]):not([type=hidden])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  "button:not([disabled])",
+  "a[href]",
+  "area[href]",
+  "summary",
+  "iframe",
+  "object",
+  "embed",
+  "audio[controls]",
+  "video[controls]",
+  "[contenteditable]"
+], te = A.join(":not([hidden]),") + ",[tabindex]:not([disabled]):not([hidden])";
+A.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
+const re = A.join(':not([hidden]):not([tabindex="-1"]),');
+function T(t) {
+  return t[0].parentElement;
+}
+function g(t) {
+  let e = b.getTreeNode(d);
+  for (; e && e.scopeRef !== t; ) {
+    if (e.contain)
+      return !1;
+    e = e.parent;
+  }
+  return !0;
+}
+function ne(t, e) {
+  let r = x(), n = x(null);
+  E(() => {
+    let c = t.current;
+    if (!e) {
+      n.current && (cancelAnimationFrame(n.current), n.current = null);
+      return;
+    }
+    let o = (u) => {
+      if (u.key !== "Tab" || u.altKey || u.ctrlKey || u.metaKey || !g(t))
+        return;
+      let l = document.activeElement, s = t.current;
+      if (!$(l, s))
+        return;
+      let v = h(T(s), {
+        tabbable: !0
+      }, s);
+      v.currentNode = l;
+      let f = u.shiftKey ? v.previousNode() : v.nextNode();
+      f || (v.currentNode = u.shiftKey ? s[s.length - 1].nextElementSibling : s[0].previousElementSibling, f = u.shiftKey ? v.previousNode() : v.nextNode()), u.preventDefault(), f && m(f, !0);
+    }, a = (u) => {
+      (!d || w(d, t)) && $(u.target, t.current) ? (d = t, r.current = u.target) : g(t) && !y(u.target, t) ? r.current ? r.current.focus() : d && S(d.current) : g(t) && (r.current = u.target);
+    }, i = (u) => {
+      n.current && cancelAnimationFrame(n.current), n.current = requestAnimationFrame(() => {
+        g(t) && !y(document.activeElement, t) && (d = t, document.body.contains(u.target) ? (r.current = u.target, r.current.focus()) : d && S(d.current));
+      });
+    };
+    return document.addEventListener("keydown", o, !1), document.addEventListener("focusin", a, !1), c.forEach((u) => u.addEventListener("focusin", a, !1)), c.forEach((u) => u.addEventListener("focusout", i, !1)), () => {
+      document.removeEventListener("keydown", o, !1), document.removeEventListener("focusin", a, !1), c.forEach((u) => u.removeEventListener("focusin", a, !1)), c.forEach((u) => u.removeEventListener("focusout", i, !1));
+    };
+  }, [
+    t,
+    e
+  ]), E(() => () => {
+    n.current && cancelAnimationFrame(n.current);
+  }, [
+    n
+  ]);
+}
+function H(t) {
+  return y(t);
+}
+function $(t, e) {
+  return e.some((r) => r.contains(t));
+}
+function y(t, e = null) {
+  if (t instanceof Element && t.closest("[data-react-aria-top-layer]"))
+    return !0;
+  for (let { scopeRef: r } of b.traverse(b.getTreeNode(e)))
+    if ($(t, r.current))
+      return !0;
+  return !1;
+}
+function $e(t) {
+  return y(t, d);
+}
+function w(t, e) {
+  var r;
+  let n = (r = b.getTreeNode(e)) === null || r === void 0 ? void 0 : r.parent;
+  for (; n; ) {
+    if (n.scopeRef === t)
+      return !0;
+    n = n.parent;
+  }
+  return !1;
+}
+function m(t, e = !1) {
+  if (t != null && !e)
+    try {
+      B(t);
+    } catch {
+    }
+  else if (t != null)
+    try {
+      t.focus();
+    } catch {
+    }
+}
+function S(t, e = !0) {
+  let r = t[0].previousElementSibling, n = h(T(t), {
+    tabbable: e
+  }, t);
+  n.currentNode = r;
+  let c = n.nextNode();
+  e && !c && (n = h(T(t), {
+    tabbable: !1
+  }, t), n.currentNode = r, c = n.nextNode()), m(c);
+}
+function oe(t, e) {
+  const r = N.useRef(e);
+  M(() => {
+    r.current && (d = t, $(document.activeElement, d.current) || S(t.current)), r.current = !1;
+  }, [
+    t
+  ]);
 }
-function q(o) {
-  const c = [];
-  return F.forEach(o, (i) => {
-    K(i) && c.push(i);
-  }), c;
-}
-const S = ({ children: o, custom: c, initial: i = !0, onExitComplete: f, exitBeforeEnter: P, presenceAffectsLayout: E = !0, mode: a = "sync" }) => {
-  V(!P, "Replace exitBeforeEnter with mode='wait'");
-  const I = z(N).forceRender || b()[0], R = G(), m = q(o);
-  let n = m;
-  const r = h(/* @__PURE__ */ new Map()).current, l = h(n), d = h(/* @__PURE__ */ new Map()).current, x = h(!0);
-  if (T(() => {
-    x.current = !1, $(m, d), l.current = n;
-  }), U(() => {
-    x.current = !0, d.clear(), r.clear();
-  }), x.current)
-    return s.createElement(s.Fragment, null, n.map((e) => s.createElement(g, { key: u(e), isPresent: !0, initial: i ? void 0 : !1, presenceAffectsLayout: E, mode: a }, e)));
-  n = [...n];
-  const y = l.current.map(u), w = m.map(u), v = y.length;
-  for (let e = 0; e < v; e++) {
-    const t = y[e];
-    w.indexOf(t) === -1 && !r.has(t) && r.set(t, void 0);
+function ae(t, e, r) {
+  E(() => {
+    if (e || r)
+      return;
+    let n = t.current, c = (o) => {
+      let a = o.target;
+      $(a, t.current) ? d = t : H(a) || (d = null);
+    };
+    return document.addEventListener("focusin", c, !1), n.forEach((o) => o.addEventListener("focusin", c, !1)), () => {
+      document.removeEventListener("focusin", c, !1), n.forEach((o) => o.removeEventListener("focusin", c, !1));
+    };
+  }, [
+    t,
+    e,
+    r
+  ]);
+}
+function ce(t) {
+  let e = b.getTreeNode(d);
+  for (; e && e.scopeRef !== t; ) {
+    if (e.nodeToRestore)
+      return !1;
+    e = e.parent;
   }
-  return a === "wait" && r.size && (n = []), r.forEach((e, t) => {
-    if (w.indexOf(t) !== -1)
+  return (e == null ? void 0 : e.scopeRef) === t;
+}
+function ie(t, e, r) {
+  const n = x(typeof document < "u" ? document.activeElement : null);
+  E(() => {
+    let c = t.current;
+    if (!e || r)
       return;
-    const C = d.get(t);
-    if (!C)
+    let o = () => {
+      (!d || w(d, t)) && $(document.activeElement, t.current) && (d = t);
+    };
+    return document.addEventListener("focusin", o, !1), c.forEach((a) => a.addEventListener("focusin", o, !1)), () => {
+      document.removeEventListener("focusin", o, !1), c.forEach((a) => a.removeEventListener("focusin", o, !1));
+    };
+  }, [
+    t,
+    r
+  ]), E(() => {
+    if (!e)
       return;
-    const k = y.indexOf(t);
-    let p = e;
-    if (!p) {
-      const L = () => {
-        d.delete(t), r.delete(t);
-        const M = l.current.findIndex((O) => O.key === t);
-        if (l.current.splice(M, 1), !r.size) {
-          if (l.current = m, R.current === !1)
-            return;
-          I(), f && f();
+    let c = (o) => {
+      if (o.key !== "Tab" || o.altKey || o.ctrlKey || o.metaKey || !g(t))
+        return;
+      let a = document.activeElement;
+      if (!$(a, t.current))
+        return;
+      let i = b.getTreeNode(t).nodeToRestore, u = h(document.body, {
+        tabbable: !0
+      });
+      u.currentNode = a;
+      let l = o.shiftKey ? u.previousNode() : u.nextNode();
+      if ((!document.body.contains(i) || i === document.body) && (i = null, b.getTreeNode(t).nodeToRestore = null), (!l || !$(l, t.current)) && i) {
+        u.currentNode = i;
+        do
+          l = o.shiftKey ? u.previousNode() : u.nextNode();
+        while ($(l, t.current));
+        o.preventDefault(), o.stopPropagation(), l ? m(l, !0) : H(i) ? m(i, !0) : a.blur();
+      }
+    };
+    return r || document.addEventListener("keydown", c, !0), () => {
+      r || document.removeEventListener("keydown", c, !0);
+    };
+  }, [
+    t,
+    e,
+    r
+  ]), E(() => {
+    if (e)
+      return b.getTreeNode(t).nodeToRestore = n.current, () => {
+        let c = b.getTreeNode(t).nodeToRestore;
+        if (e && c && // eslint-disable-next-line react-hooks/exhaustive-deps
+        ($(document.activeElement, t.current) || document.activeElement === document.body && ce(t))) {
+          let o = b.clone();
+          requestAnimationFrame(() => {
+            if (document.activeElement === document.body) {
+              let a = o.getTreeNode(t);
+              for (; a; ) {
+                if (a.nodeToRestore && document.body.contains(a.nodeToRestore)) {
+                  m(a.nodeToRestore);
+                  return;
+                }
+                a = a.parent;
+              }
+              for (a = o.getTreeNode(t); a; ) {
+                if (a.scopeRef && b.getTreeNode(a.scopeRef)) {
+                  S(a.scopeRef.current, !0);
+                  return;
+                }
+                a = a.parent;
+              }
+            }
+          });
         }
       };
-      p = s.createElement(g, { key: u(C), isPresent: !1, onExitComplete: L, custom: c, presenceAffectsLayout: E, mode: a }, C), r.set(t, p);
+  }, [
+    t,
+    e
+  ]);
+}
+function h(t, e, r) {
+  let n = e != null && e.tabbable ? re : te, c = document.createTreeWalker(t, NodeFilter.SHOW_ELEMENT, {
+    acceptNode(o) {
+      var a;
+      return !(e == null || (a = e.from) === null || a === void 0) && a.contains(o) ? NodeFilter.FILTER_REJECT : o.matches(n) && z(o) && (!r || $(o, r)) && (!(e != null && e.accept) || e.accept(o)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
     }
-    n.splice(k, 0, p);
-  }), n = n.map((e) => {
-    const t = e.key;
-    return r.has(t) ? e : s.createElement(g, { key: u(e), isPresent: !0, presenceAffectsLayout: E, mode: a }, e);
-  }), process.env.NODE_ENV !== "production" && a === "wait" && n.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`), s.createElement(s.Fragment, null, r.size ? n : n.map((e) => A(e)));
-};
+  });
+  return e != null && e.from && (c.currentNode = e.from), c;
+}
+function ve(t, e = {}) {
+  return {
+    focusNext(r = {}) {
+      let n = t.current;
+      if (!n)
+        return;
+      let { from: c, tabbable: o = e.tabbable, wrap: a = e.wrap, accept: i = e.accept } = r, u = c || document.activeElement, l = h(n, {
+        tabbable: o,
+        accept: i
+      });
+      n.contains(u) && (l.currentNode = u);
+      let s = l.nextNode();
+      return !s && a && (l.currentNode = n, s = l.nextNode()), s && m(s, !0), s;
+    },
+    focusPrevious(r = e) {
+      let n = t.current;
+      if (!n)
+        return;
+      let { from: c, tabbable: o = e.tabbable, wrap: a = e.wrap, accept: i = e.accept } = r, u = c || document.activeElement, l = h(n, {
+        tabbable: o,
+        accept: i
+      });
+      if (n.contains(u))
+        l.currentNode = u;
+      else {
+        let v = C(l);
+        return v && m(v, !0), v;
+      }
+      let s = l.previousNode();
+      return !s && a && (l.currentNode = n, s = C(l)), s && m(s, !0), s;
+    },
+    focusFirst(r = e) {
+      let n = t.current;
+      if (!n)
+        return;
+      let { tabbable: c = e.tabbable, accept: o = e.accept } = r, i = h(n, {
+        tabbable: c,
+        accept: o
+      }).nextNode();
+      return i && m(i, !0), i;
+    },
+    focusLast(r = e) {
+      let n = t.current;
+      if (!n)
+        return;
+      let { tabbable: c = e.tabbable, accept: o = e.accept } = r, a = h(n, {
+        tabbable: c,
+        accept: o
+      }), i = C(a);
+      return i && m(i, !0), i;
+    }
+  };
+}
+function C(t) {
+  let e, r;
+  do
+    r = t.lastChild(), r && (e = r);
+  while (r);
+  return e;
+}
+class R {
+  get size() {
+    return this.fastMap.size;
+  }
+  getTreeNode(e) {
+    return this.fastMap.get(e);
+  }
+  addTreeNode(e, r, n) {
+    let c = this.fastMap.get(r ?? null), o = new P({
+      scopeRef: e
+    });
+    c.addChild(o), o.parent = c, this.fastMap.set(e, o), n && (o.nodeToRestore = n);
+  }
+  addNode(e) {
+    this.fastMap.set(e.scopeRef, e);
+  }
+  removeTreeNode(e) {
+    if (e === null)
+      return;
+    let r = this.fastMap.get(e), n = r.parent;
+    for (let o of this.traverse())
+      o !== r && r.nodeToRestore && o.nodeToRestore && r.scopeRef.current && $(o.nodeToRestore, r.scopeRef.current) && (o.nodeToRestore = r.nodeToRestore);
+    let c = r.children;
+    n.removeChild(r), c.size > 0 && c.forEach((o) => n.addChild(o)), this.fastMap.delete(r.scopeRef);
+  }
+  // Pre Order Depth First
+  *traverse(e = this.root) {
+    if (e.scopeRef != null && (yield e), e.children.size > 0)
+      for (let r of e.children)
+        yield* this.traverse(r);
+  }
+  clone() {
+    let e = new R();
+    for (let r of this.traverse())
+      e.addTreeNode(r.scopeRef, r.parent.scopeRef, r.nodeToRestore);
+    return e;
+  }
+  constructor() {
+    this.fastMap = /* @__PURE__ */ new Map(), this.root = new P({
+      scopeRef: null
+    }), this.fastMap.set(null, this.root);
+  }
+}
+class P {
+  addChild(e) {
+    this.children.add(e), e.parent = this;
+  }
+  removeChild(e) {
+    this.children.delete(e), e.parent = void 0;
+  }
+  constructor(e) {
+    this.children = /* @__PURE__ */ new Set(), this.contain = !1, this.scopeRef = e.scopeRef;
+  }
+}
+let b = new R();
+function pe(t = {}) {
+  let { autoFocus: e = !1, isTextInput: r, within: n } = t, c = x({
+    isFocused: !1,
+    isFocusVisible: e || U()
+  }), [o, a] = k(!1), [i, u] = k(() => c.current.isFocused && c.current.isFocusVisible), l = I(() => u(c.current.isFocused && c.current.isFocusVisible), []), s = I((p) => {
+    c.current.isFocused = p, a(p), l();
+  }, [
+    l
+  ]);
+  J((p) => {
+    c.current.isFocusVisible = p, l();
+  }, [], {
+    isTextInput: r
+  });
+  let { focusProps: v } = W({
+    isDisabled: n,
+    onFocusChange: s
+  }), { focusWithinProps: f } = Y({
+    isDisabled: !n,
+    onFocusWithinChange: s
+  });
+  return {
+    isFocused: o,
+    isFocusVisible: i,
+    focusProps: n ? f : v
+  };
+}
+let j = /* @__PURE__ */ N.createContext(null);
+function ue(t) {
+  let e = D(j) || {};
+  G(e, t);
+  let { ref: r, ...n } = e;
+  return n;
+}
+function le(t, e) {
+  let { children: r, ...n } = t, c = {
+    ...n,
+    ref: e
+  };
+  return /* @__PURE__ */ N.createElement(j.Provider, {
+    value: c
+  }, r);
+}
+let me = /* @__PURE__ */ N.forwardRef(le);
+function he(t, e) {
+  let { focusProps: r } = W(t), { keyboardProps: n } = Q(t), c = K(r, n), o = ue(e), a = t.isDisabled ? {} : o, i = x(t.autoFocus);
+  return M(() => {
+    i.current && e.current && B(e.current), i.current = !1;
+  }, [
+    e
+  ]), {
+    focusableProps: K({
+      ...c,
+      tabIndex: t.excludeFromTabOrder && !t.isDisabled ? -1 : void 0
+    }, a)
+  };
+}
+function Ee(t, e) {
+  let r = e == null ? void 0 : e.isDisabled, [n, c] = k(!1);
+  return E(() => {
+    if (t != null && t.current && !r) {
+      let o = () => {
+        if (t.current) {
+          let i = h(t.current, {
+            tabbable: !0
+          });
+          c(!!i.nextNode());
+        }
+      };
+      o();
+      let a = new MutationObserver(o);
+      return a.observe(t.current, {
+        subtree: !0,
+        childList: !0,
+        attributes: !0,
+        attributeFilter: [
+          "tabIndex",
+          "disabled"
+        ]
+      }), () => {
+        a.disconnect();
+      };
+    }
+  }), r ? !1 : n;
+}
 export {
-  S as AnimatePresence
+  be as FocusScope,
+  me as FocusableProvider,
+  ve as createFocusManager,
+  B as focusSafely,
+  h as getFocusableTreeWalker,
+  $e as isElementInChildOfActiveScope,
+  pe as useFocusRing,
+  he as useFocusable,
+  Ee as useHasTabbableChild
 };