@boxcustodia/library 1.2.2 → 1.3.0

package/dist/index.es472.js

@@ -1,13 +1,32 @@
-import { useLayoutEffect as f } from "./index.es410.js";
-import { useRef as u } from "react";
-function i(c, r) {
-  const t = u(!0), e = u(null);
-  f(() => (t.current = !0, () => {
-    t.current = !1;
-  }), []), f(() => {
-    t.current ? t.current = !1 : (!e.current || r.some((a, o) => !Object.is(a, e[o]))) && c(), e.current = r;
-  }, r);
+import { useLayoutEffect as o } from "./index.es405.js";
+import { useState as l } from "react";
+let u = 0;
+const d = /* @__PURE__ */ new Map();
+function s(t) {
+  let [f, n] = l();
+  return o(() => {
+    if (!t) return;
+    let e = d.get(t);
+    if (e)
+      n(e.element.id);
+    else {
+      let r = `react-aria-description-${u++}`;
+      n(r);
+      let a = document.createElement("div");
+      a.id = r, a.style.display = "none", a.textContent = t, document.body.appendChild(a), e = {
+        refCount: 0,
+        element: a
+      }, d.set(t, e);
+    }
+    return e.refCount++, () => {
+      e && --e.refCount === 0 && (e.element.remove(), d.delete(t));
+    };
+  }, [
+    t
+  ]), {
+    "aria-describedby": t ? f : void 0
+  };
 }
 export {
-  i as useUpdateLayoutEffect
+  s as useDescription
 };

package/dist/index.es473.js

@@ -1,12 +1,21 @@
-import { useLayoutEffect as f } from "./index.es410.js";
-function u(r, e) {
-  f(() => {
-    if (r && r.ref && e)
-      return r.ref.current = e.current, () => {
-        r.ref && (r.ref.current = null);
-      };
-  });
+import { useEffectEvent as u } from "./index.es474.js";
+import { useEffect as l } from "react";
+function i(e, t, a, r) {
+  let f = u(a), n = a == null;
+  l(() => {
+    if (n || !e.current) return;
+    let c = e.current;
+    return c.addEventListener(t, f, r), () => {
+      c.removeEventListener(t, f, r);
+    };
+  }, [
+    e,
+    t,
+    r,
+    n,
+    f
+  ]);
 }
 export {
-  u as useSyncRef
+  i as useEvent
 };

package/dist/index.es474.js

@@ -1,9 +1,16 @@
-import { isScrollable as l } from "./index.es475.js";
-function r(n, t) {
-  let e = n;
-  for (l(e, t) && (e = e.parentElement); e && !l(e, t); ) e = e.parentElement;
-  return e || document.scrollingElement || document.documentElement;
+import { useLayoutEffect as f } from "./index.es405.js";
+import { useRef as o, useCallback as a } from "react";
+function s(r) {
+  const t = o(null);
+  return f(() => {
+    t.current = r;
+  }, [
+    r
+  ]), a((...c) => {
+    const e = t.current;
+    return e == null ? void 0 : e(...c);
+  }, []);
 }
 export {
-  r as getScrollParent
+  s as useEffectEvent
 };

package/dist/index.es475.js

@@ -1,8 +1,46 @@
-function c(l, r) {
-  if (!l) return !1;
-  let t = window.getComputedStyle(l), e = /(auto|scroll)/.test(t.overflow + t.overflowX + t.overflowY);
-  return e && r && (e = l.scrollHeight !== l.clientHeight || l.scrollWidth !== l.clientWidth), e;
+import { getScrollParents as I } from "./index.es471.js";
+function W(o, e) {
+  let t = L(o, e, "left"), d = L(o, e, "top"), l = e.offsetWidth, r = e.offsetHeight, f = o.scrollLeft, c = o.scrollTop, { borderTopWidth: i, borderLeftWidth: s, scrollPaddingTop: n, scrollPaddingRight: a, scrollPaddingBottom: T, scrollPaddingLeft: g } = getComputedStyle(o), x = f + parseInt(s, 10), u = c + parseInt(i, 10), b = x + o.clientWidth, p = u + o.clientHeight, P = parseInt(n, 10) || 0, v = parseInt(T, 10) || 0, h = parseInt(a, 10) || 0, $ = parseInt(g, 10) || 0;
+  t <= f + $ ? f = t - parseInt(s, 10) - $ : t + l > b - h && (f += t + l - b + h), d <= u + P ? c = d - parseInt(i, 10) - P : d + r > p - v && (c += d + r - p + v), o.scrollLeft = f, o.scrollTop = c;
+}
+function L(o, e, t) {
+  const d = t === "left" ? "offsetLeft" : "offsetTop";
+  let l = 0;
+  for (; e.offsetParent && (l += e[d], e.offsetParent !== o); ) {
+    if (e.offsetParent.contains(o)) {
+      l -= o[d];
+      break;
+    }
+    e = e.offsetParent;
+  }
+  return l;
+}
+function B(o, e) {
+  if (o && document.contains(o)) {
+    let f = document.scrollingElement || document.documentElement;
+    if (window.getComputedStyle(f).overflow === "hidden") {
+      let i = I(o);
+      for (let s of i) W(s, o);
+    } else {
+      var t;
+      let { left: i, top: s } = o.getBoundingClientRect();
+      o == null || (t = o.scrollIntoView) === null || t === void 0 || t.call(o, {
+        block: "nearest"
+      });
+      let { left: n, top: a } = o.getBoundingClientRect();
+      if (Math.abs(i - n) > 1 || Math.abs(s - a) > 1) {
+        var d, l, r;
+        e == null || (l = e.containingElement) === null || l === void 0 || (d = l.scrollIntoView) === null || d === void 0 || d.call(l, {
+          block: "center",
+          inline: "center"
+        }), (r = o.scrollIntoView) === null || r === void 0 || r.call(o, {
+          block: "nearest"
+        });
+      }
+    }
+  }
 }
 export {
-  c as isScrollable
+  W as scrollIntoView,
+  B as scrollIntoViewport
 };

package/dist/index.es476.js

@@ -1,10 +1,11 @@
-import { isScrollable as r } from "./index.es475.js";
-function s(e, t) {
-  const c = [];
-  for (; e && e !== document.documentElement; )
-    r(e, t) && c.push(e), e = e.parentElement;
-  return c;
+import { isAndroid as i } from "./index.es463.js";
+function o(r) {
+  return r.mozInputSource === 0 && r.isTrusted ? !0 : i() && r.pointerType ? r.type === "click" && r.buttons === 1 : r.detail === 0 && !r.pointerType;
+}
+function u(r) {
+  return !i() && r.width === 0 && r.height === 0 || r.width === 1 && r.height === 1 && r.pressure === 0 && r.detail === 0 && r.pointerType === "mouse";
 }
 export {
-  s as getScrollParents
+  o as isVirtualClick,
+  u as isVirtualPointerEvent
 };

package/dist/index.es477.js

@@ -1,32 +1,6 @@
-import { useLayoutEffect as o } from "./index.es410.js";
-import { useState as l } from "react";
-let u = 0;
-const d = /* @__PURE__ */ new Map();
-function s(t) {
-  let [f, n] = l();
-  return o(() => {
-    if (!t) return;
-    let e = d.get(t);
-    if (e)
-      n(e.element.id);
-    else {
-      let r = `react-aria-description-${u++}`;
-      n(r);
-      let a = document.createElement("div");
-      a.id = r, a.style.display = "none", a.textContent = t, document.body.appendChild(a), e = {
-        refCount: 0,
-        element: a
-      }, d.set(t, e);
-    }
-    return e.refCount++, () => {
-      e && --e.refCount === 0 && (e.element.remove(), d.delete(t));
-    };
-  }, [
-    t
-  ]), {
-    "aria-describedby": t ? f : void 0
-  };
-}
+const a = "react-aria-clear-focus", c = "react-aria-focus", e = "react-aria-update-activedescendant";
 export {
-  s as useDescription
+  a as CLEAR_FOCUS_EVENT,
+  c as FOCUS_EVENT,
+  e as UPDATE_ACTIVEDESCENDANT
 };

package/dist/index.es478.js

@@ -1,21 +1,7 @@
-import { useEffectEvent as u } from "./index.es479.js";
-import { useEffect as l } from "react";
-function i(e, t, a, r) {
-  let f = u(a), n = a == null;
-  l(() => {
-    if (n || !e.current) return;
-    let c = e.current;
-    return c.addEventListener(t, f, r), () => {
-      c.removeEventListener(t, f, r);
-    };
-  }, [
-    e,
-    t,
-    r,
-    n,
-    f
-  ]);
+import { isMac as a } from "./index.es463.js";
+function t(e) {
+  return a() ? e.metaKey : e.ctrlKey;
 }
 export {
-  i as useEvent
+  t as isCtrlKeyPressed
 };

package/dist/index.es479.js

@@ -1,16 +1,16 @@
-import { useLayoutEffect as f } from "./index.es410.js";
-import { useRef as o, useCallback as a } from "react";
-function s(r) {
-  const t = o(null);
-  return f(() => {
-    t.current = r;
-  }, [
-    r
-  ]), a((...c) => {
-    const e = t.current;
-    return e == null ? void 0 : e(...c);
-  }, []);
+import { getOwnerDocument as f } from "./index.es460.js";
+import { focusWithoutScrolling as o } from "./index.es461.js";
+import { runAfterTransition as a } from "./index.es464.js";
+import { getInteractionModality as r } from "./index.es481.js";
+function d(e) {
+  const t = f(e);
+  if (r() === "virtual") {
+    let c = t.activeElement;
+    a(() => {
+      t.activeElement === c && e.isConnected && o(e);
+    });
+  } else o(e);
 }
 export {
-  s as useEffectEvent
+  d as focusSafely
 };

package/dist/index.es480.js

@@ -1,46 +1,22 @@
-import { getScrollParents as I } from "./index.es476.js";
-function W(o, e) {
-  let t = L(o, e, "left"), d = L(o, e, "top"), l = e.offsetWidth, r = e.offsetHeight, f = o.scrollLeft, c = o.scrollTop, { borderTopWidth: i, borderLeftWidth: s, scrollPaddingTop: n, scrollPaddingRight: a, scrollPaddingBottom: T, scrollPaddingLeft: g } = getComputedStyle(o), x = f + parseInt(s, 10), u = c + parseInt(i, 10), b = x + o.clientWidth, p = u + o.clientHeight, P = parseInt(n, 10) || 0, v = parseInt(T, 10) || 0, h = parseInt(a, 10) || 0, $ = parseInt(g, 10) || 0;
-  t <= f + $ ? f = t - parseInt(s, 10) - $ : t + l > b - h && (f += t + l - b + h), d <= u + P ? c = d - parseInt(i, 10) - P : d + r > p - v && (c += d + r - p + v), o.scrollLeft = f, o.scrollTop = c;
-}
-function L(o, e, t) {
-  const d = t === "left" ? "offsetLeft" : "offsetTop";
-  let l = 0;
-  for (; e.offsetParent && (l += e[d], e.offsetParent !== o); ) {
-    if (e.offsetParent.contains(o)) {
-      l -= o[d];
-      break;
-    }
-    e = e.offsetParent;
+import { getOwnerWindow as c } from "./index.es460.js";
+function d(i) {
+  const t = c(i);
+  if (!(i instanceof t.HTMLElement) && !(i instanceof t.SVGElement)) return !1;
+  let { display: s, visibility: e } = i.style, a = s !== "none" && e !== "hidden" && e !== "collapse";
+  if (a) {
+    const { getComputedStyle: n } = i.ownerDocument.defaultView;
+    let { display: r, visibility: o } = n(i);
+    a = r !== "none" && o !== "hidden" && o !== "collapse";
   }
-  return l;
+  return a;
 }
-function B(o, e) {
-  if (o && document.contains(o)) {
-    let f = document.scrollingElement || document.documentElement;
-    if (window.getComputedStyle(f).overflow === "hidden") {
-      let i = I(o);
-      for (let s of i) W(s, o);
-    } else {
-      var t;
-      let { left: i, top: s } = o.getBoundingClientRect();
-      o == null || (t = o.scrollIntoView) === null || t === void 0 || t.call(o, {
-        block: "nearest"
-      });
-      let { left: n, top: a } = o.getBoundingClientRect();
-      if (Math.abs(i - n) > 1 || Math.abs(s - a) > 1) {
-        var d, l, r;
-        e == null || (l = e.containingElement) === null || l === void 0 || (d = l.scrollIntoView) === null || d === void 0 || d.call(l, {
-          block: "center",
-          inline: "center"
-        }), (r = o.scrollIntoView) === null || r === void 0 || r.call(o, {
-          block: "nearest"
-        });
-      }
-    }
-  }
+function f(i, t) {
+  return !i.hasAttribute("hidden") && // Ignore HiddenSelect when tree walking.
+  !i.hasAttribute("data-react-aria-prevent-focus") && (i.nodeName === "DETAILS" && t && t.nodeName !== "SUMMARY" ? i.hasAttribute("open") : !0);
+}
+function u(i, t) {
+  return i.nodeName !== "#comment" && d(i) && f(i, t) && (!i.parentElement || u(i.parentElement, i));
 }
 export {
-  W as scrollIntoView,
-  B as scrollIntoViewport
+  u as isElementVisible
 };

package/dist/index.es481.js

@@ -1,11 +1,109 @@
-import { isAndroid as i } from "./index.es468.js";
-function o(r) {
-  return r.mozInputSource === 0 && r.isTrusted ? !0 : i() && r.pointerType ? r.type === "click" && r.buttons === 1 : r.detail === 0 && !r.pointerType;
+import { getOwnerWindow as i, getOwnerDocument as $ } from "./index.es460.js";
+import { isMac as T } from "./index.es463.js";
+import { isVirtualClick as h } from "./index.es476.js";
+import { useEffect as E, useState as k } from "react";
+import { useIsSSR as x } from "./index.es404.js";
+let a = null, u = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Map(), d = !1, b = !1;
+const H = {
+  Tab: !0,
+  Escape: !0
+};
+function p(t, n) {
+  for (let e of u) e(t, n);
+}
+function I(t) {
+  return !(t.metaKey || !T() && t.altKey || t.ctrlKey || t.key === "Control" || t.key === "Shift" || t.key === "Meta");
+}
+function c(t) {
+  d = !0, I(t) && (a = "keyboard", p("keyboard", t));
+}
+function o(t) {
+  a = "pointer", (t.type === "mousedown" || t.type === "pointerdown") && (d = !0, p("pointer", t));
+}
+function m(t) {
+  h(t) && (d = !0, a = "virtual");
+}
+function y(t) {
+  t.target === window || t.target === document || (!d && !b && (a = "virtual", p("virtual", t)), d = !1, b = !1);
+}
+function L() {
+  d = !1, b = !0;
+}
+function s(t) {
+  if (typeof window > "u" || f.get(i(t))) return;
+  const n = i(t), e = $(t);
+  let r = n.HTMLElement.prototype.focus;
+  n.HTMLElement.prototype.focus = function() {
+    d = !0, r.apply(this, arguments);
+  }, e.addEventListener("keydown", c, !0), e.addEventListener("keyup", c, !0), e.addEventListener("click", m, !0), n.addEventListener("focus", y, !0), n.addEventListener("blur", L, !1), typeof PointerEvent < "u" ? (e.addEventListener("pointerdown", o, !0), e.addEventListener("pointermove", o, !0), e.addEventListener("pointerup", o, !0)) : (e.addEventListener("mousedown", o, !0), e.addEventListener("mousemove", o, !0), e.addEventListener("mouseup", o, !0)), n.addEventListener("beforeunload", () => {
+    w(t);
+  }, {
+    once: !0
+  }), f.set(n, {
+    focus: r
+  });
+}
+const w = (t, n) => {
+  const e = i(t), r = $(t);
+  n && r.removeEventListener("DOMContentLoaded", n), f.has(e) && (e.HTMLElement.prototype.focus = f.get(e).focus, r.removeEventListener("keydown", c, !0), r.removeEventListener("keyup", c, !0), r.removeEventListener("click", m, !0), e.removeEventListener("focus", y, !0), e.removeEventListener("blur", L, !1), typeof PointerEvent < "u" ? (r.removeEventListener("pointerdown", o, !0), r.removeEventListener("pointermove", o, !0), r.removeEventListener("pointerup", o, !0)) : (r.removeEventListener("mousedown", o, !0), r.removeEventListener("mousemove", o, !0), r.removeEventListener("mouseup", o, !0)), f.delete(e));
+};
+function S(t) {
+  const n = $(t);
+  let e;
+  return n.readyState !== "loading" ? s(t) : (e = () => {
+    s(t);
+  }, n.addEventListener("DOMContentLoaded", e)), () => w(t, e);
+}
+typeof document < "u" && S();
+function K() {
+  return a !== "pointer";
+}
+function B() {
+  return a;
+}
+function D() {
+  s();
+  let [t, n] = k(a);
+  return E(() => {
+    let e = () => {
+      n(a);
+    };
+    return u.add(e), () => {
+      u.delete(e);
+    };
+  }, []), x() ? null : t;
+}
+const O = /* @__PURE__ */ new Set([
+  "checkbox",
+  "radio",
+  "range",
+  "color",
+  "file",
+  "image",
+  "button",
+  "submit",
+  "reset"
+]);
+function F(t, n, e) {
+  var r;
+  const l = typeof window < "u" ? i(e == null ? void 0 : e.target).HTMLInputElement : HTMLInputElement, v = typeof window < "u" ? i(e == null ? void 0 : e.target).HTMLTextAreaElement : HTMLTextAreaElement, g = typeof window < "u" ? i(e == null ? void 0 : e.target).HTMLElement : HTMLElement, M = typeof window < "u" ? i(e == null ? void 0 : e.target).KeyboardEvent : KeyboardEvent;
+  return t = t || (e == null ? void 0 : e.target) instanceof l && !O.has(e == null || (r = e.target) === null || r === void 0 ? void 0 : r.type) || (e == null ? void 0 : e.target) instanceof v || (e == null ? void 0 : e.target) instanceof g && (e == null ? void 0 : e.target.isContentEditable), !(t && n === "keyboard" && e instanceof M && !H[e.key]);
 }
-function u(r) {
-  return !i() && r.width === 0 && r.height === 0 || r.width === 1 && r.height === 1 && r.pressure === 0 && r.detail === 0 && r.pointerType === "mouse";
+function P(t, n, e) {
+  s(), E(() => {
+    let r = (l, v) => {
+      F(!!(e != null && e.isTextInput), l, v) && t(K());
+    };
+    return u.add(r), () => {
+      u.delete(r);
+    };
+  }, n);
 }
 export {
-  o as isVirtualClick,
-  u as isVirtualPointerEvent
+  S as addWindowFocusTracking,
+  B as getInteractionModality,
+  f as hasSetupGlobalListeners,
+  K as isFocusVisible,
+  P as useFocusVisibleListener,
+  D as useInteractionModality
 };

package/dist/index.es482.js

@@ -1,6 +1,29 @@
-const a = "react-aria-clear-focus", c = "react-aria-focus", e = "react-aria-update-activedescendant";
+import { focusSafely as d } from "./index.es479.js";
+import { mergeProps as a } from "./index.es295.js";
+import { useSyncRef as b } from "./index.es468.js";
+import n, { useRef as $, useEffect as l, useContext as i } from "react";
+import { useFocus as x } from "./index.es483.js";
+import { useKeyboard as m } from "./index.es484.js";
+let p = /* @__PURE__ */ n.createContext(null);
+function P(e) {
+  let t = i(p) || {};
+  b(t, e);
+  let { ref: o, ...r } = t;
+  return r;
+}
+function D(e, t) {
+  let { focusProps: o } = x(e), { keyboardProps: r } = m(e), c = a(o, r), s = P(t), u = e.isDisabled ? {} : s, f = $(e.autoFocus);
+  return l(() => {
+    f.current && t.current && d(t.current), f.current = !1;
+  }, [
+    t
+  ]), {
+    focusableProps: a({
+      ...c,
+      tabIndex: e.excludeFromTabOrder && !e.isDisabled ? -1 : void 0
+    }, u)
+  };
+}
 export {
-  a as CLEAR_FOCUS_EVENT,
-  c as FOCUS_EVENT,
-  e as UPDATE_ACTIVEDESCENDANT
+  D as useFocusable
 };

package/dist/index.es483.js

@@ -1,7 +1,29 @@
-import { isMac as a } from "./index.es468.js";
-function t(e) {
-  return a() ? e.metaKey : e.ctrlKey;
+import { useSyntheticBlurEvent as d } from "./index.es487.js";
+import { useCallback as s } from "react";
+import { getOwnerDocument as l } from "./index.es460.js";
+function $(a) {
+  let { isDisabled: n, onFocus: r, onBlur: e, onFocusChange: t } = a;
+  const c = s((o) => {
+    if (o.target === o.currentTarget)
+      return e && e(o), t && t(!1), !0;
+  }, [
+    e,
+    t
+  ]), u = d(c), f = s((o) => {
+    const i = l(o.target);
+    o.target === o.currentTarget && i.activeElement === o.target && (r && r(o), t && t(!0), u(o));
+  }, [
+    t,
+    r,
+    u
+  ]);
+  return {
+    focusProps: {
+      onFocus: !n && (r || t || e) ? f : void 0,
+      onBlur: !n && (e || t) ? c : void 0
+    }
+  };
 }
 export {
-  t as isCtrlKeyPressed
+  $ as useFocus
 };

package/dist/index.es484.js

@@ -1,16 +1,12 @@
-import { getOwnerDocument as f } from "./index.es465.js";
-import { focusWithoutScrolling as o } from "./index.es466.js";
-import { runAfterTransition as a } from "./index.es469.js";
-import { getInteractionModality as r } from "./index.es486.js";
-function d(e) {
-  const t = f(e);
-  if (r() === "virtual") {
-    let c = t.activeElement;
-    a(() => {
-      t.activeElement === c && e.isConnected && o(e);
-    });
-  } else o(e);
+import { createEventHandler as o } from "./index.es488.js";
+function r(e) {
+  return {
+    keyboardProps: e.isDisabled ? {} : {
+      onKeyDown: o(e.onKeyDown),
+      onKeyUp: o(e.onKeyUp)
+    }
+  };
 }
 export {
-  d as focusSafely
+  r as useKeyboard
 };

package/dist/index.es485.js

@@ -1,22 +1,34 @@
-import { getOwnerWindow as c } from "./index.es465.js";
-function d(i) {
-  const t = c(i);
-  if (!(i instanceof t.HTMLElement) && !(i instanceof t.SVGElement)) return !1;
-  let { display: s, visibility: e } = i.style, a = s !== "none" && e !== "hidden" && e !== "collapse";
-  if (a) {
-    const { getComputedStyle: n } = i.ownerDocument.defaultView;
-    let { display: r, visibility: o } = n(i);
-    a = r !== "none" && o !== "hidden" && o !== "collapse";
-  }
-  return a;
-}
-function f(i, t) {
-  return !i.hasAttribute("hidden") && // Ignore HiddenSelect when tree walking.
-  !i.hasAttribute("data-react-aria-prevent-focus") && (i.nodeName === "DETAILS" && t && t.nodeName !== "SUMMARY" ? i.hasAttribute("open") : !0);
-}
-function u(i, t) {
-  return i.nodeName !== "#comment" && d(i) && f(i, t) && (!i.parentElement || u(i.parentElement, i));
+import { useSyntheticBlurEvent as f } from "./index.es487.js";
+import { useRef as h, useCallback as c } from "react";
+function d(r) {
+  let { isDisabled: a, onBlurWithin: e, onFocusWithin: o, onFocusWithinChange: t } = r, n = h({
+    isFocusWithin: !1
+  }), u = c((i) => {
+    n.current.isFocusWithin && !i.currentTarget.contains(i.relatedTarget) && (n.current.isFocusWithin = !1, e && e(i), t && t(!1));
+  }, [
+    e,
+    t,
+    n
+  ]), s = f(u), l = c((i) => {
+    !n.current.isFocusWithin && document.activeElement === i.target && (o && o(i), t && t(!0), n.current.isFocusWithin = !0, s(i));
+  }, [
+    o,
+    t,
+    s
+  ]);
+  return a ? {
+    focusWithinProps: {
+      // These should not have been null, that would conflict in mergeProps
+      onFocus: void 0,
+      onBlur: void 0
+    }
+  } : {
+    focusWithinProps: {
+      onFocus: l,
+      onBlur: u
+    }
+  };
 }
 export {
-  u as isElementVisible
+  d as useFocusWithin
 };