@boxcustodia/library 0.2.0 → 0.2.1

package/dist/index.es178.js

@@ -1,81 +1,178 @@
-import { Children as v, cloneElement as $, useState as E, useRef as N, useEffect as M, useCallback as O, useReducer as T } from "react";
-import { flushSync as h } from "react-dom";
-import { useComposedRefs as U } from "./index.es171.js";
-import { useLayoutEffect as p } from "./index.es281.js";
-function I(n, t) {
-  return T((r, o) => {
-    const i = t[r][o];
-    return i ?? r;
-  }, n);
-}
-const P = (n) => {
-  const { present: t, children: r } = n, o = S(t), i = typeof r == "function" ? r({
-    present: o.isPresent
-  }) : v.only(r), s = U(o.ref, i.ref);
-  return typeof r == "function" || o.isPresent ? /* @__PURE__ */ $(i, {
-    ref: s
-  }) : null;
-};
-P.displayName = "Presence";
-function S(n) {
-  const [t, r] = E(), o = N({}), i = N(n), s = N("none"), l = n ? "mounted" : "unmounted", [f, a] = I(l, {
-    mounted: {
-      UNMOUNT: "unmounted",
-      ANIMATION_OUT: "unmountSuspended"
-    },
-    unmountSuspended: {
-      MOUNT: "mounted",
-      ANIMATION_END: "unmounted"
+import P from "./index.es171.js";
+import { forwardRef as _, useState as k, useRef as T, useEffect as h, useCallback as K, createElement as M } from "react";
+import { useComposedRefs as R } from "./index.es173.js";
+import { Primitive as w } from "./index.es135.js";
+import { useCallbackRef as y } from "./index.es282.js";
+const E = "focusScope.autoFocusOnMount", b = "focusScope.autoFocusOnUnmount", N = {
+  bubbles: !1,
+  cancelable: !0
+}, X = /* @__PURE__ */ _((e, n) => {
+  const { loop: t = !1, trapped: c = !1, onMountAutoFocus: m, onUnmountAutoFocus: L, ...g } = e, [s, U] = k(null), p = y(m), v = y(L), $ = T(null), x = R(
+    n,
+    (o) => U(o)
+  ), i = T({
+    paused: !1,
+    pause() {
+      this.paused = !0;
     },
-    unmounted: {
-      MOUNT: "mounted"
+    resume() {
+      this.paused = !1;
     }
-  });
-  return M(() => {
-    const e = d(o.current);
-    s.current = f === "mounted" ? e : "none";
-  }, [
-    f
-  ]), p(() => {
-    const e = o.current, c = i.current;
-    if (c !== n) {
-      const A = s.current, m = d(e);
-      n ? a("MOUNT") : m === "none" || (e == null ? void 0 : e.display) === "none" ? a("UNMOUNT") : a(c && A !== m ? "ANIMATION_OUT" : "UNMOUNT"), i.current = n;
+  }).current;
+  h(() => {
+    if (c) {
+      let o = function(u) {
+        if (i.paused || !s) return;
+        const r = u.target;
+        s.contains(r) ? $.current = r : d($.current, {
+          select: !0
+        });
+      }, f = function(u) {
+        if (i.paused || !s) return;
+        const r = u.relatedTarget;
+        r !== null && (s.contains(r) || d($.current, {
+          select: !0
+        }));
+      }, a = function(u) {
+        if (document.activeElement === document.body)
+          for (const F of u) F.removedNodes.length > 0 && d(s);
+      };
+      document.addEventListener("focusin", o), document.addEventListener("focusout", f);
+      const l = new MutationObserver(a);
+      return s && l.observe(s, {
+        childList: !0,
+        subtree: !0
+      }), () => {
+        document.removeEventListener("focusin", o), document.removeEventListener("focusout", f), l.disconnect();
+      };
     }
   }, [
-    n,
-    a
-  ]), p(() => {
-    if (t) {
-      const e = (u) => {
-        const m = d(o.current).includes(u.animationName);
-        u.target === t && m && h(
-          () => a("ANIMATION_END")
-        );
-      }, c = (u) => {
-        u.target === t && (s.current = d(o.current));
-      };
-      return t.addEventListener("animationstart", c), t.addEventListener("animationcancel", e), t.addEventListener("animationend", e), () => {
-        t.removeEventListener("animationstart", c), t.removeEventListener("animationcancel", e), t.removeEventListener("animationend", e);
+    c,
+    s,
+    i.paused
+  ]), h(() => {
+    if (s) {
+      O.add(i);
+      const o = document.activeElement;
+      if (!s.contains(o)) {
+        const a = new CustomEvent(E, N);
+        s.addEventListener(E, p), s.dispatchEvent(a), a.defaultPrevented || (D(q(I(s)), {
+          select: !0
+        }), document.activeElement === o && d(s));
+      }
+      return () => {
+        s.removeEventListener(E, p), setTimeout(() => {
+          const a = new CustomEvent(b, N);
+          s.addEventListener(b, v), s.dispatchEvent(a), a.defaultPrevented || d(o ?? document.body, {
+            select: !0
+          }), s.removeEventListener(b, v), O.remove(i);
+        }, 0);
       };
-    } else
-      a("ANIMATION_END");
+    }
+  }, [
+    s,
+    p,
+    v,
+    i
+  ]);
+  const A = K((o) => {
+    if (!t && !c || i.paused) return;
+    const f = o.key === "Tab" && !o.altKey && !o.ctrlKey && !o.metaKey, a = document.activeElement;
+    if (f && a) {
+      const l = o.currentTarget, [u, r] = H(l);
+      u && r ? !o.shiftKey && a === r ? (o.preventDefault(), t && d(u, {
+        select: !0
+      })) : o.shiftKey && a === u && (o.preventDefault(), t && d(r, {
+        select: !0
+      })) : a === l && o.preventDefault();
+    }
   }, [
     t,
-    a
-  ]), {
-    isPresent: [
-      "mounted",
-      "unmountSuspended"
-    ].includes(f),
-    ref: O((e) => {
-      e && (o.current = getComputedStyle(e)), r(e);
-    }, [])
+    c,
+    i.paused
+  ]);
+  return /* @__PURE__ */ M(w.div, P({
+    tabIndex: -1
+  }, g, {
+    ref: x,
+    onKeyDown: A
+  }));
+});
+function D(e, { select: n = !1 } = {}) {
+  const t = document.activeElement;
+  for (const c of e)
+    if (d(c, {
+      select: n
+    }), document.activeElement !== t) return;
+}
+function H(e) {
+  const n = I(e), t = S(n, e), c = S(n.reverse(), e);
+  return [
+    t,
+    c
+  ];
+}
+function I(e) {
+  const n = [], t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (c) => {
+      const m = c.tagName === "INPUT" && c.type === "hidden";
+      return c.disabled || c.hidden || m ? NodeFilter.FILTER_SKIP : c.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; t.nextNode(); ) n.push(t.currentNode);
+  return n;
+}
+function S(e, n) {
+  for (const t of e)
+    if (!V(t, {
+      upTo: n
+    })) return t;
+}
+function V(e, { upTo: n }) {
+  if (getComputedStyle(e).visibility === "hidden") return !0;
+  for (; e; ) {
+    if (n !== void 0 && e === n) return !1;
+    if (getComputedStyle(e).display === "none") return !0;
+    e = e.parentElement;
+  }
+  return !1;
+}
+function W(e) {
+  return e instanceof HTMLInputElement && "select" in e;
+}
+function d(e, { select: n = !1 } = {}) {
+  if (e && e.focus) {
+    const t = document.activeElement;
+    e.focus({
+      preventScroll: !0
+    }), e !== t && W(e) && n && e.select();
+  }
+}
+const O = j();
+function j() {
+  let e = [];
+  return {
+    add(n) {
+      const t = e[0];
+      n !== t && (t == null || t.pause()), e = C(e, n), e.unshift(n);
+    },
+    remove(n) {
+      var t;
+      e = C(e, n), (t = e[0]) === null || t === void 0 || t.resume();
+    }
   };
 }
-function d(n) {
-  return (n == null ? void 0 : n.animationName) || "none";
+function C(e, n) {
+  const t = [
+    ...e
+  ], c = t.indexOf(n);
+  return c !== -1 && t.splice(c, 1), t;
+}
+function q(e) {
+  return e.filter(
+    (n) => n.tagName !== "A"
+  );
 }
 export {
-  P as Presence
+  X as FocusScope
 };

package/dist/index.es179.js

@@ -1,20 +1,14 @@
-import { useEffect as o } from "react";
-let d = 0;
-function c() {
-  o(() => {
-    var e, t;
-    const a = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", (e = a[0]) !== null && e !== void 0 ? e : n()), document.body.insertAdjacentElement("beforeend", (t = a[1]) !== null && t !== void 0 ? t : n()), d++, () => {
-      d === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach(
-        (r) => r.remove()
-      ), d--;
-    };
-  }, []);
-}
-function n() {
-  const e = document.createElement("span");
-  return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.cssText = "outline: none; opacity: 0; position: fixed; pointer-events: none", e;
-}
+import l from "./index.es171.js";
+import { forwardRef as i, createElement as c } from "react";
+import d from "react-dom";
+import { Primitive as f } from "./index.es135.js";
+const b = /* @__PURE__ */ i((e, t) => {
+  var o;
+  const { container: r = globalThis == null || (o = globalThis.document) === null || o === void 0 ? void 0 : o.body, ...a } = e;
+  return r ? /* @__PURE__ */ d.createPortal(/* @__PURE__ */ c(f.div, l({}, a, {
+    ref: t
+  })), r) : null;
+});
 export {
-  c as useFocusGuards
+  b as Portal
 };

package/dist/index.es180.js

@@ -1,11 +1,81 @@
-import { __assign as m } from "./index.es319.js";
-import * as r from "react";
-import { RemoveScroll as e } from "./index.es379.js";
-import t from "./index.es380.js";
-var s = r.forwardRef(function(a, o) {
-  return r.createElement(e, m({}, a, { ref: o, sideCar: t }));
-});
-s.classNames = e.classNames;
+import { Children as v, cloneElement as $, useState as E, useRef as N, useEffect as M, useCallback as O, useReducer as T } from "react";
+import { flushSync as h } from "react-dom";
+import { useComposedRefs as U } from "./index.es173.js";
+import { useLayoutEffect as p } from "./index.es281.js";
+function I(n, t) {
+  return T((r, o) => {
+    const i = t[r][o];
+    return i ?? r;
+  }, n);
+}
+const P = (n) => {
+  const { present: t, children: r } = n, o = S(t), i = typeof r == "function" ? r({
+    present: o.isPresent
+  }) : v.only(r), s = U(o.ref, i.ref);
+  return typeof r == "function" || o.isPresent ? /* @__PURE__ */ $(i, {
+    ref: s
+  }) : null;
+};
+P.displayName = "Presence";
+function S(n) {
+  const [t, r] = E(), o = N({}), i = N(n), s = N("none"), l = n ? "mounted" : "unmounted", [f, a] = I(l, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return M(() => {
+    const e = d(o.current);
+    s.current = f === "mounted" ? e : "none";
+  }, [
+    f
+  ]), p(() => {
+    const e = o.current, c = i.current;
+    if (c !== n) {
+      const A = s.current, m = d(e);
+      n ? a("MOUNT") : m === "none" || (e == null ? void 0 : e.display) === "none" ? a("UNMOUNT") : a(c && A !== m ? "ANIMATION_OUT" : "UNMOUNT"), i.current = n;
+    }
+  }, [
+    n,
+    a
+  ]), p(() => {
+    if (t) {
+      const e = (u) => {
+        const m = d(o.current).includes(u.animationName);
+        u.target === t && m && h(
+          () => a("ANIMATION_END")
+        );
+      }, c = (u) => {
+        u.target === t && (s.current = d(o.current));
+      };
+      return t.addEventListener("animationstart", c), t.addEventListener("animationcancel", e), t.addEventListener("animationend", e), () => {
+        t.removeEventListener("animationstart", c), t.removeEventListener("animationcancel", e), t.removeEventListener("animationend", e);
+      };
+    } else
+      a("ANIMATION_END");
+  }, [
+    t,
+    a
+  ]), {
+    isPresent: [
+      "mounted",
+      "unmountSuspended"
+    ].includes(f),
+    ref: O((e) => {
+      e && (o.current = getComputedStyle(e)), r(e);
+    }, [])
+  };
+}
+function d(n) {
+  return (n == null ? void 0 : n.animationName) || "none";
+}
 export {
-  s as default
+  P as Presence
 };

package/dist/index.es181.js

@@ -1,53 +1,20 @@
-import d from "./index.es169.js";
-import { forwardRef as m, Children as s, isValidElement as f, createElement as a, cloneElement as $, Fragment as y } from "react";
-import { composeRefs as h } from "./index.es171.js";
-const b = /* @__PURE__ */ m((r, t) => {
-  const { children: e, ...n } = r, o = s.toArray(e), l = o.find(x);
-  if (l) {
-    const c = l.props.children, i = o.map((u) => u === l ? s.count(c) > 1 ? s.only(null) : /* @__PURE__ */ f(c) ? c.props.children : null : u);
-    return /* @__PURE__ */ a(p, d({}, n, {
-      ref: t
-    }), /* @__PURE__ */ f(c) ? /* @__PURE__ */ $(c, void 0, i) : null);
-  }
-  return /* @__PURE__ */ a(p, d({}, n, {
-    ref: t
-  }), e);
-});
-b.displayName = "Slot";
-const p = /* @__PURE__ */ m((r, t) => {
-  const { children: e, ...n } = r;
-  return /* @__PURE__ */ f(e) ? /* @__PURE__ */ $(e, {
-    ...v(n, e.props),
-    ref: t ? h(t, e.ref) : e.ref
-  }) : s.count(e) > 1 ? s.only(null) : null;
-});
-p.displayName = "SlotClone";
-const S = ({ children: r }) => /* @__PURE__ */ a(y, null, r);
-function x(r) {
-  return /* @__PURE__ */ f(r) && r.type === S;
+import { useEffect as o } from "react";
+let d = 0;
+function c() {
+  o(() => {
+    var e, t;
+    const a = document.querySelectorAll("[data-radix-focus-guard]");
+    return document.body.insertAdjacentElement("afterbegin", (e = a[0]) !== null && e !== void 0 ? e : n()), document.body.insertAdjacentElement("beforeend", (t = a[1]) !== null && t !== void 0 ? t : n()), d++, () => {
+      d === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach(
+        (r) => r.remove()
+      ), d--;
+    };
+  }, []);
 }
-function v(r, t) {
-  const e = {
-    ...t
-  };
-  for (const n in t) {
-    const o = r[n], l = t[n];
-    /^on[A-Z]/.test(n) ? o && l ? e[n] = (...i) => {
-      l(...i), o(...i);
-    } : o && (e[n] = o) : n === "style" ? e[n] = {
-      ...o,
-      ...l
-    } : n === "className" && (e[n] = [
-      o,
-      l
-    ].filter(Boolean).join(" "));
-  }
-  return {
-    ...r,
-    ...e
-  };
+function n() {
+  const e = document.createElement("span");
+  return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.cssText = "outline: none; opacity: 0; position: fixed; pointer-events: none", e;
 }
 export {
-  b as Slot,
-  S as Slottable
+  c as useFocusGuards
 };

package/dist/index.es182.js

@@ -1,10 +1,11 @@
-import { toDate as o } from "./index.es183.js";
-import { constructFrom as a } from "./index.es184.js";
-function s(e, r) {
-  const t = o(e);
-  return isNaN(r) ? a(e, NaN) : (r && t.setDate(t.getDate() + r), t);
-}
+import { __assign as m } from "./index.es351.js";
+import * as r from "react";
+import { RemoveScroll as e } from "./index.es379.js";
+import t from "./index.es380.js";
+var s = r.forwardRef(function(a, o) {
+  return r.createElement(e, m({}, a, { ref: o, sideCar: t }));
+});
+s.classNames = e.classNames;
 export {
-  s as addDays,
   s as default
 };

package/dist/index.es183.js

@@ -1,8 +1,53 @@
-function o(t) {
-  const e = Object.prototype.toString.call(t);
-  return t instanceof Date || typeof t == "object" && e === "[object Date]" ? new t.constructor(+t) : typeof t == "number" || e === "[object Number]" || typeof t == "string" || e === "[object String]" ? new Date(t) : /* @__PURE__ */ new Date(NaN);
+import d from "./index.es171.js";
+import { forwardRef as m, Children as s, isValidElement as f, createElement as a, cloneElement as $, Fragment as y } from "react";
+import { composeRefs as h } from "./index.es173.js";
+const b = /* @__PURE__ */ m((r, t) => {
+  const { children: e, ...n } = r, o = s.toArray(e), l = o.find(x);
+  if (l) {
+    const c = l.props.children, i = o.map((u) => u === l ? s.count(c) > 1 ? s.only(null) : /* @__PURE__ */ f(c) ? c.props.children : null : u);
+    return /* @__PURE__ */ a(p, d({}, n, {
+      ref: t
+    }), /* @__PURE__ */ f(c) ? /* @__PURE__ */ $(c, void 0, i) : null);
+  }
+  return /* @__PURE__ */ a(p, d({}, n, {
+    ref: t
+  }), e);
+});
+b.displayName = "Slot";
+const p = /* @__PURE__ */ m((r, t) => {
+  const { children: e, ...n } = r;
+  return /* @__PURE__ */ f(e) ? /* @__PURE__ */ $(e, {
+    ...v(n, e.props),
+    ref: t ? h(t, e.ref) : e.ref
+  }) : s.count(e) > 1 ? s.only(null) : null;
+});
+p.displayName = "SlotClone";
+const S = ({ children: r }) => /* @__PURE__ */ a(y, null, r);
+function x(r) {
+  return /* @__PURE__ */ f(r) && r.type === S;
+}
+function v(r, t) {
+  const e = {
+    ...t
+  };
+  for (const n in t) {
+    const o = r[n], l = t[n];
+    /^on[A-Z]/.test(n) ? o && l ? e[n] = (...i) => {
+      l(...i), o(...i);
+    } : o && (e[n] = o) : n === "style" ? e[n] = {
+      ...o,
+      ...l
+    } : n === "className" && (e[n] = [
+      o,
+      l
+    ].filter(Boolean).join(" "));
+  }
+  return {
+    ...r,
+    ...e
+  };
 }
 export {
-  o as default,
-  o as toDate
+  b as Slot,
+  S as Slottable
 };

package/dist/index.es184.js

@@ -1,7 +1,4 @@
-function e(t, n) {
-  return t instanceof Date ? new t.constructor(n) : new Date(n);
-}
+var t = { exports: {} };
 export {
-  e as constructFrom,
-  e as default
+  t as __module
 };