@boxcustodia/library 1.0.0 → 1.1.0

package/dist/index.es290.js

@@ -1,430 +1,47 @@
-import { focusSafely as j } from "./index.es444.js";
-import { isElementVisible as W } from "./index.es445.js";
-import { getInteractionModality as q } from "./index.es446.js";
-import { getOwnerDocument as E } from "./index.es425.js";
-import { useLayoutEffect as h } from "./index.es351.js";
-import { isAndroid as U, isChrome as V } from "./index.es428.js";
-import F, { useRef as y, useContext as H, useMemo as R, useEffect as P } from "react";
-const D = /* @__PURE__ */ F.createContext(null), C = "react-aria-focus-scope-restore";
-let s = null;
-function ue(t) {
-  let { children: e, contain: r, restoreFocus: o, autoFocus: n } = t, a = y(null), u = y(null), i = y([]), { parentNode: p } = H(D) || {}, l = R(() => new M({
-    scopeRef: i
-  }), [
-    i
-  ]);
-  h(() => {
-    let f = p || b.root;
-    if (b.getTreeNode(f.scopeRef) && s && !L(s, f.scopeRef)) {
-      let v = b.getTreeNode(s);
-      v && (f = v);
-    }
-    f.addChild(l), b.addNode(l);
-  }, [
-    l,
-    p
-  ]), h(() => {
-    let f = b.getTreeNode(i);
-    f && (f.contain = !!r);
-  }, [
-    r
-  ]), h(() => {
-    var f;
-    let v = (f = a.current) === null || f === void 0 ? void 0 : f.nextSibling, m = [], x = (_) => _.stopPropagation();
-    for (; v && v !== u.current; )
-      m.push(v), v.addEventListener(C, x), v = v.nextSibling;
-    return i.current = m, () => {
-      for (let _ of m) _.removeEventListener(C, x);
-    };
-  }, [
-    e
-  ]), Z(i, o, r), X(i, r), ee(i, o, r), Y(i, n), P(() => {
-    const f = E(i.current ? i.current[0] : void 0).activeElement;
-    let v = null;
-    if ($(f, i.current)) {
-      for (let m of b.traverse()) m.scopeRef && $(f, m.scopeRef.current) && (v = m);
-      v === b.getTreeNode(i) && (s = v.scopeRef);
-    }
-  }, [
-    i
-  ]), h(() => () => {
-    var f, v, m;
-    let x = (m = (v = b.getTreeNode(i)) === null || v === void 0 || (f = v.parent) === null || f === void 0 ? void 0 : f.scopeRef) !== null && m !== void 0 ? m : null;
-    (i === s || L(i, s)) && (!x || b.getTreeNode(x)) && (s = x), b.removeTreeNode(i);
-  }, [
-    i
-  ]);
-  let c = R(() => J(i), []), d = R(() => ({
-    focusManager: c,
-    parentNode: l
-  }), [
-    l,
-    c
-  ]);
-  return /* @__PURE__ */ F.createElement(D.Provider, {
-    value: d
-  }, /* @__PURE__ */ F.createElement("span", {
-    "data-focus-scope-start": !0,
-    hidden: !0,
-    ref: a
-  }), e, /* @__PURE__ */ F.createElement("span", {
-    "data-focus-scope-end": !0,
-    hidden: !0,
-    ref: u
-  }));
-}
-function J(t) {
-  return {
-    focusNext(e = {}) {
-      let r = t.current, { from: o, tabbable: n, wrap: a, accept: u } = e, i = o || E(r[0]).activeElement, p = r[0].previousElementSibling, l = g(r), c = T(l, {
-        tabbable: n,
-        accept: u
-      }, r);
-      c.currentNode = $(i, r) ? i : p;
-      let d = c.nextNode();
-      return !d && a && (c.currentNode = p, d = c.nextNode()), d && N(d, !0), d;
-    },
-    focusPrevious(e = {}) {
-      let r = t.current, { from: o, tabbable: n, wrap: a, accept: u } = e, i = o || E(r[0]).activeElement, p = r[r.length - 1].nextElementSibling, l = g(r), c = T(l, {
-        tabbable: n,
-        accept: u
-      }, r);
-      c.currentNode = $(i, r) ? i : p;
-      let d = c.previousNode();
-      return !d && a && (c.currentNode = p, d = c.previousNode()), d && N(d, !0), d;
-    },
-    focusFirst(e = {}) {
-      let r = t.current, { tabbable: o, accept: n } = e, a = g(r), u = T(a, {
-        tabbable: o,
-        accept: n
-      }, r);
-      u.currentNode = r[0].previousElementSibling;
-      let i = u.nextNode();
-      return i && N(i, !0), i;
-    },
-    focusLast(e = {}) {
-      let r = t.current, { tabbable: o, accept: n } = e, a = g(r), u = T(a, {
-        tabbable: o,
-        accept: n
-      }, r);
-      u.currentNode = r[r.length - 1].nextElementSibling;
-      let i = u.previousNode();
-      return i && N(i, !0), i;
-    }
-  };
-}
-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]:not([contenteditable^="false"])'
-], G = A.join(":not([hidden]),") + ",[tabindex]:not([disabled]):not([hidden])";
-A.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
-const Q = A.join(':not([hidden]):not([tabindex="-1"]),');
-function g(t) {
-  return t[0].parentElement;
-}
-function S(t) {
-  let e = b.getTreeNode(s);
-  for (; e && e.scopeRef !== t; ) {
-    if (e.contain) return !1;
-    e = e.parent;
-  }
-  return !0;
-}
-function X(t, e) {
-  let r = y(void 0), o = y(void 0);
-  h(() => {
-    let n = t.current;
-    if (!e) {
-      o.current && (cancelAnimationFrame(o.current), o.current = void 0);
-      return;
-    }
-    const a = E(n ? n[0] : void 0);
-    let u = (l) => {
-      if (l.key !== "Tab" || l.altKey || l.ctrlKey || l.metaKey || !S(t) || l.isComposing) return;
-      let c = a.activeElement, d = t.current;
-      if (!d || !$(c, d)) return;
-      let f = g(d), v = T(f, {
-        tabbable: !0
-      }, d);
-      if (!c) return;
-      v.currentNode = c;
-      let m = l.shiftKey ? v.previousNode() : v.nextNode();
-      m || (v.currentNode = l.shiftKey ? d[d.length - 1].nextElementSibling : d[0].previousElementSibling, m = l.shiftKey ? v.previousNode() : v.nextNode()), l.preventDefault(), m && N(m, !0);
-    }, i = (l) => {
-      (!s || L(s, t)) && $(l.target, t.current) ? (s = t, r.current = l.target) : S(t) && !w(l.target, t) ? r.current ? r.current.focus() : s && s.current && k(s.current) : S(t) && (r.current = l.target);
-    }, p = (l) => {
-      o.current && cancelAnimationFrame(o.current), o.current = requestAnimationFrame(() => {
-        let c = q();
-        if (!((c === "virtual" || c === null) && U() && V()) && a.activeElement && S(t) && !w(a.activeElement, t))
-          if (s = t, a.body.contains(l.target)) {
-            var f;
-            r.current = l.target, (f = r.current) === null || f === void 0 || f.focus();
-          } else s.current && k(s.current);
-      });
-    };
-    return a.addEventListener("keydown", u, !1), a.addEventListener("focusin", i, !1), n == null || n.forEach((l) => l.addEventListener("focusin", i, !1)), n == null || n.forEach((l) => l.addEventListener("focusout", p, !1)), () => {
-      a.removeEventListener("keydown", u, !1), a.removeEventListener("focusin", i, !1), n == null || n.forEach((l) => l.removeEventListener("focusin", i, !1)), n == null || n.forEach((l) => l.removeEventListener("focusout", p, !1));
-    };
-  }, [
-    t,
-    e
-  ]), h(() => () => {
-    o.current && cancelAnimationFrame(o.current);
-  }, [
-    o
-  ]);
-}
-function B(t) {
-  return w(t);
-}
-function $(t, e) {
-  return !t || !e ? !1 : e.some((r) => r.contains(t));
-}
-function w(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 (r && $(t, r.current)) return !0;
-  return !1;
-}
-function L(t, e) {
-  var r;
-  let o = (r = b.getTreeNode(e)) === null || r === void 0 ? void 0 : r.parent;
-  for (; o; ) {
-    if (o.scopeRef === t) return !0;
-    o = o.parent;
-  }
-  return !1;
-}
-function N(t, e = !1) {
-  if (t != null && !e) try {
-    j(t);
-  } catch {
-  }
-  else if (t != null) try {
-    t.focus();
-  } catch {
-  }
-}
-function z(t, e = !0) {
-  let r = t[0].previousElementSibling, o = g(t), n = T(o, {
-    tabbable: e
-  }, t);
-  n.currentNode = r;
-  let a = n.nextNode();
-  return e && !a && (o = g(t), n = T(o, {
-    tabbable: !1
-  }, t), n.currentNode = r, a = n.nextNode()), a;
-}
-function k(t, e = !0) {
-  N(z(t, e));
-}
-function Y(t, e) {
-  const r = F.useRef(e);
-  P(() => {
-    if (r.current) {
-      s = t;
-      const o = E(t.current ? t.current[0] : void 0);
-      !$(o.activeElement, s.current) && t.current && k(t.current);
-    }
-    r.current = !1;
-  }, [
-    t
-  ]);
-}
-function Z(t, e, r) {
-  h(() => {
-    if (e || r) return;
-    let o = t.current;
-    const n = E(o ? o[0] : void 0);
-    let a = (u) => {
-      let i = u.target;
-      $(i, t.current) ? s = t : B(i) || (s = null);
-    };
-    return n.addEventListener("focusin", a, !1), o == null || o.forEach((u) => u.addEventListener("focusin", a, !1)), () => {
-      n.removeEventListener("focusin", a, !1), o == null || o.forEach((u) => u.removeEventListener("focusin", a, !1));
-    };
-  }, [
-    t,
-    e,
-    r
-  ]);
-}
-function I(t) {
-  let e = b.getTreeNode(s);
-  for (; e && e.scopeRef !== t; ) {
-    if (e.nodeToRestore) return !1;
-    e = e.parent;
-  }
-  return (e == null ? void 0 : e.scopeRef) === t;
-}
-function ee(t, e, r) {
-  const o = y(typeof document < "u" ? E(t.current ? t.current[0] : void 0).activeElement : null);
-  h(() => {
-    let n = t.current;
-    const a = E(n ? n[0] : void 0);
-    if (!e || r) return;
-    let u = () => {
-      (!s || L(s, t)) && $(a.activeElement, t.current) && (s = t);
-    };
-    return a.addEventListener("focusin", u, !1), n == null || n.forEach((i) => i.addEventListener("focusin", u, !1)), () => {
-      a.removeEventListener("focusin", u, !1), n == null || n.forEach((i) => i.removeEventListener("focusin", u, !1));
-    };
-  }, [
-    t,
-    r
-  ]), h(() => {
-    const n = E(t.current ? t.current[0] : void 0);
-    if (!e) return;
-    let a = (u) => {
-      if (u.key !== "Tab" || u.altKey || u.ctrlKey || u.metaKey || !S(t) || u.isComposing) return;
-      let i = n.activeElement;
-      if (!w(i, t) || !I(t)) return;
-      let p = b.getTreeNode(t);
-      if (!p) return;
-      let l = p.nodeToRestore, c = T(n.body, {
-        tabbable: !0
-      });
-      c.currentNode = i;
-      let d = u.shiftKey ? c.previousNode() : c.nextNode();
-      if ((!l || !n.body.contains(l) || l === n.body) && (l = void 0, p.nodeToRestore = void 0), (!d || !w(d, t)) && l) {
-        c.currentNode = l;
-        do
-          d = u.shiftKey ? c.previousNode() : c.nextNode();
-        while (w(d, t));
-        u.preventDefault(), u.stopPropagation(), d ? N(d, !0) : B(l) ? N(l, !0) : i.blur();
-      }
-    };
-    return r || n.addEventListener("keydown", a, !0), () => {
-      r || n.removeEventListener("keydown", a, !0);
-    };
-  }, [
-    t,
-    e,
-    r
-  ]), h(() => {
-    const n = E(t.current ? t.current[0] : void 0);
-    if (!e) return;
-    let a = b.getTreeNode(t);
-    if (a) {
-      var u;
-      return a.nodeToRestore = (u = o.current) !== null && u !== void 0 ? u : void 0, () => {
-        let i = b.getTreeNode(t);
-        if (!i) return;
-        let p = i.nodeToRestore;
-        if (e && p && (n.activeElement && w(n.activeElement, t) || n.activeElement === n.body && I(t))) {
-          let l = b.clone();
-          requestAnimationFrame(() => {
-            if (n.activeElement === n.body) {
-              let c = l.getTreeNode(t);
-              for (; c; ) {
-                if (c.nodeToRestore && c.nodeToRestore.isConnected) {
-                  O(c.nodeToRestore);
-                  return;
-                }
-                c = c.parent;
-              }
-              for (c = l.getTreeNode(t); c; ) {
-                if (c.scopeRef && c.scopeRef.current && b.getTreeNode(c.scopeRef)) {
-                  let d = z(c.scopeRef.current, !0);
-                  O(d);
-                  return;
-                }
-                c = c.parent;
-              }
-            }
-          });
-        }
-      };
-    }
-  }, [
-    t,
-    e
-  ]);
-}
-function O(t) {
-  t.dispatchEvent(new CustomEvent(C, {
-    bubbles: !0,
-    cancelable: !0
-  })) && N(t);
-}
-function T(t, e, r) {
-  let o = e != null && e.tabbable ? Q : G, n = E(t).createTreeWalker(t, NodeFilter.SHOW_ELEMENT, {
-    acceptNode(a) {
-      var u;
-      return !(e == null || (u = e.from) === null || u === void 0) && u.contains(a) ? NodeFilter.FILTER_REJECT : a.matches(o) && W(a) && (!r || $(a, r)) && (!(e != null && e.accept) || e.accept(a)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
-    }
-  });
-  return e != null && e.from && (n.currentNode = e.from), n;
-}
-class K {
-  get size() {
-    return this.fastMap.size;
-  }
-  getTreeNode(e) {
-    return this.fastMap.get(e);
-  }
-  addTreeNode(e, r, o) {
-    let n = this.fastMap.get(r ?? null);
-    if (!n) return;
-    let a = new M({
-      scopeRef: e
-    });
-    n.addChild(a), a.parent = n, this.fastMap.set(e, a), o && (a.nodeToRestore = o);
+let i = null;
+function s(n, e = "assertive", t = 7e3) {
+  i ? i.announce(n, e, t) : (i = new a(), (typeof IS_REACT_ACT_ENVIRONMENT == "boolean" ? IS_REACT_ACT_ENVIRONMENT : typeof jest < "u") ? i.announce(n, e, t) : setTimeout(() => {
+    i != null && i.isAttached() && (i == null || i.announce(n, e, t));
+  }, 100));
+}
+class a {
+  isAttached() {
+    var e;
+    return (e = this.node) === null || e === void 0 ? void 0 : e.isConnected;
   }
-  addNode(e) {
-    this.fastMap.set(e.scopeRef, e);
+  createLog(e) {
+    let t = document.createElement("div");
+    return t.setAttribute("role", "log"), t.setAttribute("aria-live", e), t.setAttribute("aria-relevant", "additions"), t;
   }
-  removeTreeNode(e) {
-    if (e === null) return;
-    let r = this.fastMap.get(e);
-    if (!r) return;
-    let o = r.parent;
-    for (let a of this.traverse()) a !== r && r.nodeToRestore && a.nodeToRestore && r.scopeRef && r.scopeRef.current && $(a.nodeToRestore, r.scopeRef.current) && (a.nodeToRestore = r.nodeToRestore);
-    let n = r.children;
-    o && (o.removeChild(r), n.size > 0 && n.forEach((a) => o && o.addChild(a))), this.fastMap.delete(r.scopeRef);
+  destroy() {
+    this.node && (document.body.removeChild(this.node), this.node = null);
   }
-  // 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);
+  announce(e, t = "assertive", r = 7e3) {
+    var d, l;
+    if (!this.node) return;
+    let o = document.createElement("div");
+    typeof e == "object" ? (o.setAttribute("role", "img"), o.setAttribute("aria-labelledby", e["aria-labelledby"])) : o.textContent = e, t === "assertive" ? (d = this.assertiveLog) === null || d === void 0 || d.appendChild(o) : (l = this.politeLog) === null || l === void 0 || l.appendChild(o), e !== "" && setTimeout(() => {
+      o.remove();
+    }, r);
   }
-  clone() {
-    var e;
-    let r = new K();
-    var o;
-    for (let n of this.traverse()) r.addTreeNode(n.scopeRef, (o = (e = n.parent) === null || e === void 0 ? void 0 : e.scopeRef) !== null && o !== void 0 ? o : null, n.nodeToRestore);
-    return r;
+  clear(e) {
+    this.node && ((!e || e === "assertive") && this.assertiveLog && (this.assertiveLog.innerHTML = ""), (!e || e === "polite") && this.politeLog && (this.politeLog.innerHTML = ""));
   }
   constructor() {
-    this.fastMap = /* @__PURE__ */ new Map(), this.root = new M({
-      scopeRef: null
-    }), this.fastMap.set(null, this.root);
-  }
-}
-class M {
-  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;
+    this.node = null, this.assertiveLog = null, this.politeLog = null, typeof document < "u" && (this.node = document.createElement("div"), this.node.dataset.liveAnnouncer = "true", Object.assign(this.node.style, {
+      border: 0,
+      clip: "rect(0 0 0 0)",
+      clipPath: "inset(50%)",
+      height: "1px",
+      margin: "-1px",
+      overflow: "hidden",
+      padding: 0,
+      position: "absolute",
+      width: "1px",
+      whiteSpace: "nowrap"
+    }), this.assertiveLog = this.createLog("assertive"), this.node.appendChild(this.assertiveLog), this.politeLog = this.createLog("polite"), this.node.appendChild(this.politeLog), document.body.prepend(this.node));
   }
 }
-let b = new K();
 export {
-  ue as FocusScope,
-  b as focusScopeTree,
-  T as getFocusableTreeWalker
+  s as announce
 };

package/dist/index.es291.js

@@ -1,15 +1,34 @@
-import { getRowId as r } from "./index.es474.js";
-import { useGridSelectionCheckbox as a } from "./index.es479.js";
-function $(e, o) {
-  let { key: c } = e;
-  const { checkboxProps: b } = a(e, o);
-  return {
-    checkboxProps: {
-      ...b,
-      "aria-labelledby": `${b.id} ${r(o, c)}`
+import { createPortal as l } from "react-dom";
+import a, { forwardRef as o, useContext as d, createContext as c } from "react";
+import { useIsSSR as f } from "./index.es401.js";
+if (typeof HTMLTemplateElement < "u") {
+  const e = Object.getOwnPropertyDescriptor(Node.prototype, "firstChild").get;
+  Object.defineProperty(HTMLTemplateElement.prototype, "firstChild", {
+    configurable: !0,
+    enumerable: !0,
+    get: function() {
+      return this.dataset.reactAriaHidden ? this.content.firstChild : e.call(this);
     }
-  };
+  });
+}
+const i = /* @__PURE__ */ c(!1), u = typeof DocumentFragment < "u" ? new DocumentFragment() : null;
+function $(e) {
+  let t = d(i), n = f();
+  if (t)
+    return /* @__PURE__ */ a.createElement(a.Fragment, null, e.children);
+  let r = /* @__PURE__ */ a.createElement(i.Provider, {
+    value: !0
+  }, e.children);
+  return n ? /* @__PURE__ */ a.createElement("template", {
+    "data-react-aria-hidden": !0
+  }, r) : /* @__PURE__ */ l(r, u);
+}
+function h(e) {
+  let t = (n, r) => d(i) ? null : e(n, r);
+  return t.displayName = e.displayName || e.name, o(t);
 }
 export {
-  $ as useGridListSelectionCheckbox
+  $ as Hidden,
+  i as HiddenContext,
+  h as createHideableComponent
 };

package/dist/index.es292.js

@@ -1,37 +1,54 @@
-import { TreeCollection as c } from "./index.es487.js";
-import { useMultipleSelectionState as f } from "./index.es461.js";
-import { SelectionManager as i } from "./index.es463.js";
-import { useMemo as r, useCallback as u, useEffect as $ } from "react";
-import { useCollection as K } from "./index.es485.js";
-import { useControlledState as x } from "./index.es289.js";
-function C(e) {
-  let { onExpandedChange: a } = e, [t, o] = x(e.expandedKeys ? new Set(e.expandedKeys) : void 0, e.defaultExpandedKeys ? new Set(e.defaultExpandedKeys) : /* @__PURE__ */ new Set(), a), d = f(e), s = r(() => e.disabledKeys ? new Set(e.disabledKeys) : /* @__PURE__ */ new Set(), [
-    e.disabledKeys
-  ]), n = K(e, u((l) => new c(l, {
-    expandedKeys: t
-  }), [
-    t
-  ]), null);
-  return $(() => {
-    d.focusedKey != null && !n.getItem(d.focusedKey) && d.setFocusedKey(null);
+import { useLayoutEffect as a } from "./index.es402.js";
+import { useValueEffect as o } from "./index.es452.js";
+import { useState as s, useRef as $, useCallback as l, useEffect as b } from "react";
+import { useSSRSafeId as p } from "./index.es401.js";
+let i = !!(typeof window < "u" && window.document && window.document.createElement), d = /* @__PURE__ */ new Map();
+function m(r) {
+  let [t, n] = s(r), f = $(null), e = p(t), c = l((u) => {
+    f.current = u;
+  }, []);
+  return i && (d.has(e) && !d.get(e).includes(c) ? d.set(e, [
+    ...d.get(e),
+    c
+  ]) : d.set(e, [
+    c
+  ])), a(() => {
+    let u = e;
+    return () => {
+      d.delete(u);
+    };
   }, [
-    n,
-    d.focusedKey
-  ]), {
-    collection: n,
-    expandedKeys: t,
-    disabledKeys: s,
-    toggleKey: (l) => {
-      o(y(t, l));
-    },
-    setExpandedKeys: o,
-    selectionManager: new i(n, d)
-  };
+    e
+  ]), b(() => {
+    let u = f.current;
+    u && (f.current = null, n(u));
+  }), e;
 }
-function y(e, a) {
-  let t = new Set(e);
-  return t.has(a) ? t.delete(a) : t.add(a), t;
+function g(r, t) {
+  if (r === t) return r;
+  let n = d.get(r);
+  if (n)
+    return n.forEach((e) => e(t)), t;
+  let f = d.get(t);
+  return f ? (f.forEach((e) => e(r)), r) : t;
+}
+function v(r = []) {
+  let t = m(), [n, f] = o(t), e = l(() => {
+    f(function* () {
+      yield t, yield document.getElementById(t) ? t : void 0;
+    });
+  }, [
+    t,
+    f
+  ]);
+  return a(e, [
+    t,
+    e,
+    ...r
+  ]), n;
 }
 export {
-  C as useTreeState
+  g as mergeIds,
+  m as useId,
+  v as useSlotId
 };