@boxcustodia/library 1.3.1-canary.0 → 1.3.1

package/dist/index.es460.js

@@ -1,13 +1,45 @@
-import { useLayoutEffect as f } from "./index.es362.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);
+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 {
+    }
+  }
+  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 {
-  i as useUpdateLayoutEffect
+  f as focusWithoutScrolling
 };

package/dist/index.es461.js

@@ -1,12 +1,60 @@
-import { useLayoutEffect as f } from "./index.es362.js";
-function u(r, e) {
-  f(() => {
-    if (r && r.ref && e)
-      return r.ref.current = e.current, () => {
-        r.ref && (r.ref.current = null);
-      };
+import { focusWithoutScrolling as u } from "./index.es460.js";
+import { isFirefox as s, isWebKit as $, isMac as f, isIPad as y } from "./index.es462.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
+  };
 }
 export {
-  u as useSyncRef
+  r as openLink,
+  K as useRouter,
+  _ as useSyntheticLinkProps
 };

package/dist/index.es462.js

@@ -1,9 +1,43 @@
-import { isScrollable as l } from "./index.es463.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;
+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);
 }
+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 {
-  r as getScrollParent
+  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
 };

package/dist/index.es463.js

@@ -1,8 +1,31 @@
-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;
+let n = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set();
+function o() {
+  if (typeof window > "u") return;
+  function r(t) {
+    return "propertyName" in 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);
+  });
 }
 export {
-  c as isScrollable
+  c as runAfterTransition
 };

package/dist/index.es464.js

@@ -1,10 +1,34 @@
-import { isScrollable as r } from "./index.es463.js";
-function s(e, t) {
-  const c = [];
-  for (; e && e !== document.documentElement; )
-    r(e, t) && c.push(e), e = e.parentElement;
-  return c;
+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
+  };
 }
 export {
-  s as getScrollParents
+  L as useGlobalListeners
 };

package/dist/index.es465.js

@@ -1,32 +1,12 @@
-import { useLayoutEffect as o } from "./index.es362.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
-  };
+import { useRef as f, useEffect as u } from "react";
+function a(c, r) {
+  const t = f(!0), e = f(null);
+  u(() => (t.current = !0, () => {
+    t.current = !1;
+  }), []), u(() => {
+    t.current ? t.current = !1 : (!e.current || r.some((s, n) => !Object.is(s, e[n]))) && c(), e.current = r;
+  }, r);
 }
 export {
-  s as useDescription
+  a as useUpdateEffect
 };

package/dist/index.es466.js

@@ -1,21 +1,13 @@
-import { useEffectEvent as u } from "./index.es467.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 { useLayoutEffect as f } from "./index.es408.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);
 }
 export {
-  i as useEvent
+  i as useUpdateLayoutEffect
 };

package/dist/index.es467.js

@@ -1,16 +1,12 @@
-import { useLayoutEffect as f } from "./index.es362.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 { useLayoutEffect as f } from "./index.es408.js";
+function u(r, e) {
+  f(() => {
+    if (r && r.ref && e)
+      return r.ref.current = e.current, () => {
+        r.ref && (r.ref.current = null);
+      };
+  });
 }
 export {
-  s as useEffectEvent
+  u as useSyncRef
 };

package/dist/index.es468.js

@@ -1,46 +1,9 @@
-import { getScrollParents as I } from "./index.es464.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"
-        });
-      }
-    }
-  }
+import { isScrollable as l } from "./index.es469.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;
 }
 export {
-  W as scrollIntoView,
-  B as scrollIntoViewport
+  r as getScrollParent
 };

package/dist/index.es469.js

@@ -1,11 +1,8 @@
-import { isAndroid as i } from "./index.es456.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";
+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;
 }
 export {
-  o as isVirtualClick,
-  u as isVirtualPointerEvent
+  c as isScrollable
 };

package/dist/index.es47.js

@@ -1,6 +1,6 @@
-import { j as e } from "./index.es107.js";
+import { j as e } from "./index.es104.js";
 import { Heading as d } from "./index.es52.js";
-import i from "./index.es147.js";
+import i from "./index.es125.js";
 import { cn as c } from "./index.es91.js";
 const l = ({
   icon: t = /* @__PURE__ */ e.jsx(i, { className: "w-12 h-12" }),

package/dist/index.es470.js

@@ -1,6 +1,10 @@
-const a = "react-aria-clear-focus", c = "react-aria-focus", e = "react-aria-update-activedescendant";
+import { isScrollable as r } from "./index.es469.js";
+function s(e, t) {
+  const c = [];
+  for (; e && e !== document.documentElement; )
+    r(e, t) && c.push(e), e = e.parentElement;
+  return c;
+}
 export {
-  a as CLEAR_FOCUS_EVENT,
-  c as FOCUS_EVENT,
-  e as UPDATE_ACTIVEDESCENDANT
+  s as getScrollParents
 };

package/dist/index.es471.js

@@ -1,7 +1,32 @@
-import { isMac as a } from "./index.es456.js";
-function t(e) {
-  return a() ? e.metaKey : e.ctrlKey;
+import { useLayoutEffect as o } from "./index.es408.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 {
-  t as isCtrlKeyPressed
+  s as useDescription
 };

package/dist/index.es472.js

@@ -1,16 +1,21 @@
-import { getOwnerDocument as f } from "./index.es453.js";
-import { focusWithoutScrolling as o } from "./index.es454.js";
-import { runAfterTransition as a } from "./index.es457.js";
-import { getInteractionModality as r } from "./index.es474.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 { useEffectEvent as u } from "./index.es473.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 {
-  d as focusSafely
+  i as useEvent
 };

package/dist/index.es473.js

@@ -1,22 +1,16 @@
-import { getOwnerWindow as c } from "./index.es453.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 { useLayoutEffect as f } from "./index.es408.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 {
-  u as isElementVisible
+  s as useEffectEvent
 };