@new-black/lyra 0.1.0 → 0.1.2

package/dist/lyra55.js

@@ -1,553 +1,38 @@
-import N, { useRef as x, useState as R, useCallback as I, useContext as D, useMemo as L, useEffect as P } from "react";
-import { useLayoutEffect as E, mergeProps as K, runAfterTransition as G, focusWithoutScrolling as V, useSyncRef as H } from "./lyra62.js";
-import { isFocusVisible as U, useFocusVisibleListener as J, useFocus as W, useFocusWithin as Y, useKeyboard as Q, getInteractionModality as X } from "./lyra71.js";
-function B(t) {
-  if (X() === "virtual") {
-    let e = document.activeElement;
-    G(() => {
-      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 k({
-    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), P(() => {
-    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 M = [
-  "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 = M.join(":not([hidden]),") + ",[tabindex]:not([disabled]):not([hidden])";
-M.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
-const re = M.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 j(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);
-  P(() => {
-    r.current && (d = t, $(document.activeElement, d.current) || S(t.current)), r.current = !1;
-  }, [
-    t
-  ]);
-}
-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 : j(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 (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;
-    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;
-    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) : j(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;
-              }
-            }
-          });
-        }
-      };
-  }, [
-    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;
-    }
+import { mergeProps as o, filterDOMProps as x, useFormReset as S } from "./lyra51.js";
+import { useFocusable as R } from "./lyra52.js";
+import { usePress as D } from "./lyra53.js";
+function L(e, a, i) {
+  let { isDisabled: l = !1, isRequired: t = !1, isReadOnly: s = !1, value: r, name: n, children: c, "aria-label": b, "aria-labelledby": f, validationState: u = "valid" } = e, p = (d) => {
+    d.stopPropagation(), a.setSelected(d.target.checked);
+  }, $ = c != null, m = b != null || f != null;
+  !$ && !m && console.warn("If you do not provide children, you must specify an aria-label for accessibility");
+  let { pressProps: P, isPressed: y } = D({
+    isDisabled: l
+  }), { focusableProps: h } = R(e, i), g = o(P, h), v = x(e, {
+    labelable: !0
   });
-  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 A {
-  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 k({
-      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 A();
-    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 k({
-      scopeRef: null
-    }), this.fastMap.set(null, this.root);
-  }
-}
-class k {
-  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 A();
-function pe(t = {}) {
-  let { autoFocus: e = !1, isTextInput: r, within: n } = t, c = x({
-    isFocused: !1,
-    isFocusVisible: e || U()
-  }), [o, a] = R(!1), [i, u] = R(() => 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 q = /* @__PURE__ */ N.createContext(null);
-function ue(t) {
-  let e = D(q) || {};
-  H(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(q.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 P(() => {
-    i.current && e.current && B(e.current), i.current = !1;
-  }, [
-    e
-  ]), {
-    focusableProps: K({
-      ...c,
-      tabIndex: t.excludeFromTabOrder && !t.isDisabled ? -1 : void 0
-    }, a)
+  return S(i, a.isSelected, a.setSelected), {
+    inputProps: o(v, {
+      "aria-invalid": u === "invalid" || void 0,
+      "aria-errormessage": e["aria-errormessage"],
+      "aria-controls": e["aria-controls"],
+      "aria-readonly": s || void 0,
+      "aria-required": t || void 0,
+      onChange: p,
+      disabled: l,
+      ...r == null ? {} : {
+        value: r
+      },
+      name: n,
+      type: "checkbox",
+      ...g
+    }),
+    isSelected: a.isSelected,
+    isPressed: y,
+    isDisabled: l,
+    isReadOnly: s
   };
 }
 export {
-  be as FocusScope,
-  me as FocusableProvider,
-  ve as createFocusManager,
-  B as focusSafely,
-  h as getFocusableTreeWalker,
-  $e as isElementInChildOfActiveScope,
-  pe as useFocusRing,
-  he as useFocusable
+  L as useToggle
 };