@boxcustodia/library 1.4.1 → 1.4.2

package/dist/index.es458.js

@@ -1,27 +1,109 @@
-import { useEffectEvent as u } from "./index.es474.js";
-import { useLayoutEffect as l } from "./index.es407.js";
-import { useState as o, useRef as s } from "react";
-function p(a) {
-  let [f, c] = o(a), e = s(null), r = u(() => {
-    if (!e.current) return;
-    let t = e.current.next();
-    if (t.done) {
-      e.current = null;
-      return;
-    }
-    f === t.value ? r() : c(t.value);
-  });
-  l(() => {
-    e.current && r();
-  });
-  let n = u((t) => {
-    e.current = t(f), r();
+import { getOwnerWindow as i, getOwnerDocument as $ } from "./index.es437.js";
+import { isMac as T } from "./index.es440.js";
+import { isVirtualClick as h } from "./index.es453.js";
+import { useEffect as E, useState as k } from "react";
+import { useIsSSR as x } from "./index.es369.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
   });
-  return [
-    f,
-    n
-  ];
+}
+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 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 {
-  p as useValueEffect
+  S as addWindowFocusTracking,
+  B as getInteractionModality,
+  f as hasSetupGlobalListeners,
+  K as isFocusVisible,
+  P as useFocusVisibleListener,
+  D as useInteractionModality
 };

package/dist/index.es459.js

@@ -1,8 +1,29 @@
-function o(...f) {
-  return (...c) => {
-    for (let e of f) typeof e == "function" && e(...c);
+import { focusSafely as d } from "./index.es456.js";
+import { mergeProps as a } from "./index.es288.js";
+import { useSyncRef as b } from "./index.es445.js";
+import n, { useRef as $, useEffect as l, useContext as i } from "react";
+import { useFocus as x } from "./index.es460.js";
+import { useKeyboard as m } from "./index.es461.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 {
-  o as chain
+  D as useFocusable
 };

package/dist/index.es460.js

@@ -1,8 +1,29 @@
-const t = (n) => {
-  var o;
-  return (o = n == null ? void 0 : n.ownerDocument) !== null && o !== void 0 ? o : document;
-}, d = (n) => n && "window" in n && n.window === n ? n : t(n).defaultView || window;
+import { useSyntheticBlurEvent as d } from "./index.es464.js";
+import { useCallback as s } from "react";
+import { getOwnerDocument as l } from "./index.es437.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 getOwnerDocument,
-  d as getOwnerWindow
+  $ as useFocus
 };

package/dist/index.es461.js

@@ -1,45 +1,12 @@
-function f(l) {
-  if (c()) l.focus({
-    preventScroll: !0
-  });
-  else {
-    let e = n(l);
-    l.focus(), s(e);
-  }
-}
-let r = null;
-function c() {
-  if (r == null) {
-    r = !1;
-    try {
-      document.createElement("div").focus({
-        get preventScroll() {
-          return r = !0, !0;
-        }
-      });
-    } catch {
+import { createEventHandler as o } from "./index.es465.js";
+function r(e) {
+  return {
+    keyboardProps: e.isDisabled ? {} : {
+      onKeyDown: o(e.onKeyDown),
+      onKeyUp: o(e.onKeyUp)
     }
-  }
-  return r;
-}
-function n(l) {
-  let e = l.parentNode, o = [], t = document.scrollingElement || document.documentElement;
-  for (; e instanceof HTMLElement && e !== t; )
-    (e.offsetHeight < e.scrollHeight || e.offsetWidth < e.scrollWidth) && o.push({
-      element: e,
-      scrollTop: e.scrollTop,
-      scrollLeft: e.scrollLeft
-    }), e = e.parentNode;
-  return t instanceof HTMLElement && o.push({
-    element: t,
-    scrollTop: t.scrollTop,
-    scrollLeft: t.scrollLeft
-  }), o;
-}
-function s(l) {
-  for (let { element: e, scrollTop: o, scrollLeft: t } of l)
-    e.scrollTop = o, e.scrollLeft = t;
+  };
 }
 export {
-  f as focusWithoutScrolling
+  r as useKeyboard
 };

package/dist/index.es462.js

@@ -1,60 +1,34 @@
-import { focusWithoutScrolling as u } from "./index.es461.js";
-import { isFirefox as s, isWebKit as $, isMac as f, isIPad as y } from "./index.es463.js";
-import { useContext as h, createContext as p } from "react";
-const v = /* @__PURE__ */ p({
-  isNative: !0,
-  open: w,
-  useHref: (e) => e
-});
-function K() {
-  return h(v);
-}
-function r(e, a, t = !0) {
-  var i, n;
-  let { metaKey: d, ctrlKey: o, altKey: c, shiftKey: l } = a;
-  s() && (!((n = window.event) === null || n === void 0 || (i = n.type) === null || i === void 0) && i.startsWith("key")) && e.target === "_blank" && (f() ? d = !0 : o = !0);
-  let b = $() && f() && !y() ? new KeyboardEvent("keydown", {
-    keyIdentifier: "Enter",
-    metaKey: d,
-    ctrlKey: o,
-    altKey: c,
-    shiftKey: l
-  }) : new MouseEvent("click", {
-    metaKey: d,
-    ctrlKey: o,
-    altKey: c,
-    shiftKey: l,
-    bubbles: !0,
-    cancelable: !0
-  });
-  r.isOpening = t, u(e), e.dispatchEvent(b), r.isOpening = !1;
-}
-r.isOpening = !1;
-function m(e, a) {
-  if (e instanceof HTMLAnchorElement) a(e);
-  else if (e.hasAttribute("data-href")) {
-    let t = document.createElement("a");
-    t.href = e.getAttribute("data-href"), e.hasAttribute("data-target") && (t.target = e.getAttribute("data-target")), e.hasAttribute("data-rel") && (t.rel = e.getAttribute("data-rel")), e.hasAttribute("data-download") && (t.download = e.getAttribute("data-download")), e.hasAttribute("data-ping") && (t.ping = e.getAttribute("data-ping")), e.hasAttribute("data-referrer-policy") && (t.referrerPolicy = e.getAttribute("data-referrer-policy")), e.appendChild(t), a(t), e.removeChild(t);
-  }
-}
-function w(e, a) {
-  m(e, (t) => r(t, a));
-}
-function _(e) {
-  let a = K();
-  var t;
-  const i = a.useHref((t = e.href) !== null && t !== void 0 ? t : "");
-  return {
-    "data-href": e.href ? i : void 0,
-    "data-target": e.target,
-    "data-rel": e.rel,
-    "data-download": e.download,
-    "data-ping": e.ping,
-    "data-referrer-policy": e.referrerPolicy
+import { useSyntheticBlurEvent as f } from "./index.es464.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 {
-  r as openLink,
-  K as useRouter,
-  _ as useSyntheticLinkProps
+  d as useFocusWithin
 };

package/dist/index.es463.js

@@ -1,43 +1,34 @@
-function t(a) {
-  var n;
-  return typeof window > "u" || window.navigator == null ? !1 : ((n = window.navigator.userAgentData) === null || n === void 0 ? void 0 : n.brands.some((i) => a.test(i.brand))) || a.test(window.navigator.userAgent);
+import { getFocusableTreeWalker as s } from "./index.es300.js";
+import { useLayoutEffect as u } from "./index.es370.js";
+import { useState as c } from "react";
+function $(e, t) {
+  let a = t == null ? void 0 : t.isDisabled, [l, d] = c(!1);
+  return u(() => {
+    if (e != null && e.current && !a) {
+      let r = () => {
+        if (e.current) {
+          let i = s(e.current, {
+            tabbable: !0
+          });
+          d(!!i.nextNode());
+        }
+      };
+      r();
+      let b = new MutationObserver(r);
+      return b.observe(e.current, {
+        subtree: !0,
+        childList: !0,
+        attributes: !0,
+        attributeFilter: [
+          "tabIndex",
+          "disabled"
+        ]
+      }), () => {
+        b.disconnect();
+      };
+    }
+  }), a ? !1 : l;
 }
-function o(a) {
-  var n;
-  return typeof window < "u" && window.navigator != null ? a.test(((n = window.navigator.userAgentData) === null || n === void 0 ? void 0 : n.platform) || window.navigator.platform) : !1;
-}
-function e(a) {
-  let n = null;
-  return () => (n == null && (n = a()), n);
-}
-const r = e(function() {
-  return o(/^Mac/i);
-}), c = e(function() {
-  return o(/^iPhone/i);
-}), s = e(function() {
-  return o(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
-  r() && navigator.maxTouchPoints > 1;
-}), u = e(function() {
-  return c() || s();
-}), d = e(function() {
-  return r() || u();
-}), f = e(function() {
-  return t(/AppleWebKit/i) && !$();
-}), $ = e(function() {
-  return t(/Chrome/i);
-}), l = e(function() {
-  return t(/Android/i);
-}), w = e(function() {
-  return t(/Firefox/i);
-});
 export {
-  l as isAndroid,
-  d as isAppleDevice,
-  $ as isChrome,
-  w as isFirefox,
-  u as isIOS,
-  s as isIPad,
-  c as isIPhone,
-  r as isMac,
-  f as isWebKit
+  $ as useHasTabbableChild
 };

package/dist/index.es464.js

@@ -1,31 +1,71 @@
-let n = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set();
-function o() {
-  if (typeof window > "u") return;
-  function r(t) {
-    return "propertyName" in t;
+import { useRef as o, useCallback as i } from "react";
+import { useLayoutEffect as l } from "./index.es370.js";
+import { useEffectEvent as d } from "./index.es451.js";
+class f {
+  isDefaultPrevented() {
+    return this.nativeEvent.defaultPrevented;
+  }
+  preventDefault() {
+    this.defaultPrevented = !0, this.nativeEvent.preventDefault();
+  }
+  stopPropagation() {
+    this.nativeEvent.stopPropagation(), this.isPropagationStopped = () => !0;
+  }
+  isPropagationStopped() {
+    return !1;
+  }
+  persist() {
+  }
+  constructor(t, e) {
+    this.nativeEvent = e, this.target = e.target, this.currentTarget = e.currentTarget, this.relatedTarget = e.relatedTarget, this.bubbles = e.bubbles, this.cancelable = e.cancelable, this.defaultPrevented = e.defaultPrevented, this.eventPhase = e.eventPhase, this.isTrusted = e.isTrusted, this.timeStamp = e.timeStamp, this.type = t;
   }
-  let d = (t) => {
-    if (!r(t) || !t.target) return;
-    let e = n.get(t.target);
-    e || (e = /* @__PURE__ */ new Set(), n.set(t.target, e), t.target.addEventListener("transitioncancel", i, {
-      once: !0
-    })), e.add(t.propertyName);
-  }, i = (t) => {
-    if (!r(t) || !t.target) return;
-    let e = n.get(t.target);
-    if (e && (e.delete(t.propertyName), e.size === 0 && (t.target.removeEventListener("transitioncancel", i), n.delete(t.target)), n.size === 0)) {
-      for (let s of a) s();
-      a.clear();
-    }
-  };
-  document.body.addEventListener("transitionrun", d), document.body.addEventListener("transitionend", i);
 }
-typeof document < "u" && (document.readyState !== "loading" ? o() : document.addEventListener("DOMContentLoaded", o));
-function c(r) {
-  requestAnimationFrame(() => {
-    n.size === 0 ? r() : a.add(r);
+function h(n) {
+  let t = o({
+    isFocused: !1,
+    observer: null
   });
+  l(() => {
+    const r = t.current;
+    return () => {
+      r.observer && (r.observer.disconnect(), r.observer = null);
+    };
+  }, []);
+  let e = d((r) => {
+    n == null || n(r);
+  });
+  return i((r) => {
+    if (r.target instanceof HTMLButtonElement || r.target instanceof HTMLInputElement || r.target instanceof HTMLTextAreaElement || r.target instanceof HTMLSelectElement) {
+      t.current.isFocused = !0;
+      let s = r.target, u = (a) => {
+        t.current.isFocused = !1, s.disabled && e(new f("blur", a)), t.current.observer && (t.current.observer.disconnect(), t.current.observer = null);
+      };
+      s.addEventListener("focusout", u, {
+        once: !0
+      }), t.current.observer = new MutationObserver(() => {
+        if (t.current.isFocused && s.disabled) {
+          var a;
+          (a = t.current.observer) === null || a === void 0 || a.disconnect();
+          let c = s === document.activeElement ? null : document.activeElement;
+          s.dispatchEvent(new FocusEvent("blur", {
+            relatedTarget: c
+          })), s.dispatchEvent(new FocusEvent("focusout", {
+            bubbles: !0,
+            relatedTarget: c
+          }));
+        }
+      }), t.current.observer.observe(s, {
+        attributes: !0,
+        attributeFilter: [
+          "disabled"
+        ]
+      });
+    }
+  }, [
+    e
+  ]);
 }
 export {
-  c as runAfterTransition
+  f as SyntheticFocusEvent,
+  h as useSyntheticBlurEvent
 };

package/dist/index.es465.js

@@ -1,34 +1,28 @@
-import { useRef as c, useCallback as f, useEffect as b } from "react";
-function L() {
-  let o = c(/* @__PURE__ */ new Map()), u = f((e, l, r, t) => {
-    let n = t != null && t.once ? (...d) => {
-      o.current.delete(r), r(...d);
-    } : r;
-    o.current.set(r, {
-      type: l,
-      eventTarget: e,
-      fn: n,
-      options: t
-    }), e.addEventListener(l, n, t);
-  }, []), a = f((e, l, r, t) => {
-    var n;
-    let d = ((n = o.current.get(r)) === null || n === void 0 ? void 0 : n.fn) || r;
-    e.removeEventListener(l, d, t), o.current.delete(r);
-  }, []), s = f(() => {
-    o.current.forEach((e, l) => {
-      a(e.eventTarget, e.type, l, e.options);
-    });
-  }, [
-    a
-  ]);
-  return b(() => s, [
-    s
-  ]), {
-    addGlobalListener: u,
-    removeGlobalListener: a,
-    removeAllGlobalListeners: s
+function n(o) {
+  if (!o) return;
+  let e = !0;
+  return (t) => {
+    let r = {
+      ...t,
+      preventDefault() {
+        t.preventDefault();
+      },
+      isDefaultPrevented() {
+        return t.isDefaultPrevented();
+      },
+      stopPropagation() {
+        e ? console.error("stopPropagation is now the default behavior for events in React Spectrum. You can use continuePropagation() to revert this behavior.") : e = !0;
+      },
+      continuePropagation() {
+        e = !1;
+      },
+      isPropagationStopped() {
+        return e;
+      }
+    };
+    o(r), e && t.stopPropagation();
   };
 }
 export {
-  L as useGlobalListeners
+  n as createEventHandler
 };