@boxcustodia/library 0.0.8 → 0.0.10

package/dist/index.es178.js

@@ -1,85 +1,136 @@
-import { createContext as v, useMemo as $, createElement as b, useContext as C } from "react";
-function P(e, i = []) {
-  let n = [];
-  function f(u, t) {
-    const o = /* @__PURE__ */ v(t), c = n.length;
-    n = [
-      ...n,
-      t
-    ];
-    function a(p) {
-      const { scope: r, children: x, ...d } = p, m = (r == null ? void 0 : r[e][c]) || o, S = $(
-        () => d,
-        Object.values(d)
-      );
-      return /* @__PURE__ */ b(m.Provider, {
-        value: S
-      }, x);
-    }
-    function l(p, r) {
-      const x = (r == null ? void 0 : r[e][c]) || o, d = C(x);
-      if (d) return d;
-      if (t !== void 0) return t;
-      throw new Error(`\`${p}\` must be used within \`${u}\``);
-    }
-    return a.displayName = u + "Provider", [
-      a,
-      l
-    ];
-  }
-  const s = () => {
-    const u = n.map((t) => /* @__PURE__ */ v(t));
-    return function(o) {
-      const c = (o == null ? void 0 : o[e]) || u;
-      return $(
-        () => ({
-          [`__scope${e}`]: {
-            ...o,
-            [e]: c
-          }
-        }),
-        [
-          o,
-          c
-        ]
-      );
+import U from "./index.es172.js";
+import { forwardRef as _, useContext as z, useState as C, useEffect as v, createElement as A, useRef as h, createContext as N } from "react";
+import { composeEventHandlers as p } from "./index.es173.js";
+import { Primitive as H, dispatchDiscreteCustomEvent as K } from "./index.es141.js";
+import { useComposedRefs as X } from "./index.es174.js";
+import { useCallbackRef as T } from "./index.es284.js";
+import { useEscapeKeydown as j } from "./index.es285.js";
+const m = "dismissableLayer.update", q = "dismissableLayer.pointerDownOutside", G = "dismissableLayer.focusOutside";
+let w;
+const J = /* @__PURE__ */ N({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), ie = /* @__PURE__ */ _((s, t) => {
+  var a;
+  const { disableOutsidePointerEvents: o = !1, onEscapeKeyDown: n, onPointerDownOutside: d, onFocusOutside: f, onInteractOutside: c, onDismiss: u, ...b } = s, i = z(J), [r, F] = C(null), l = (a = r == null ? void 0 : r.ownerDocument) !== null && a !== void 0 ? a : globalThis == null ? void 0 : globalThis.document, [, I] = C({}), R = X(
+    t,
+    (e) => F(e)
+  ), y = Array.from(i.layers), [W] = [
+    ...i.layersWithOutsidePointerEventsDisabled
+  ].slice(-1), B = y.indexOf(W), D = r ? y.indexOf(r) : -1, S = i.layersWithOutsidePointerEventsDisabled.size > 0, O = D >= B, k = M((e) => {
+    const E = e.target, g = [
+      ...i.branches
+    ].some(
+      ($) => $.contains(E)
+    );
+    !O || g || (d == null || d(e), c == null || c(e), e.defaultPrevented || u == null || u());
+  }, l), P = Q((e) => {
+    const E = e.target;
+    [
+      ...i.branches
+    ].some(
+      ($) => $.contains(E)
+    ) || (f == null || f(e), c == null || c(e), e.defaultPrevented || u == null || u());
+  }, l);
+  return j((e) => {
+    D === i.layers.size - 1 && (n == null || n(e), !e.defaultPrevented && u && (e.preventDefault(), u()));
+  }, l), v(() => {
+    if (r)
+      return o && (i.layersWithOutsidePointerEventsDisabled.size === 0 && (w = l.body.style.pointerEvents, l.body.style.pointerEvents = "none"), i.layersWithOutsidePointerEventsDisabled.add(r)), i.layers.add(r), L(), () => {
+        o && i.layersWithOutsidePointerEventsDisabled.size === 1 && (l.body.style.pointerEvents = w);
+      };
+  }, [
+    r,
+    l,
+    o,
+    i
+  ]), v(() => () => {
+    r && (i.layers.delete(r), i.layersWithOutsidePointerEventsDisabled.delete(r), L());
+  }, [
+    r,
+    i
+  ]), v(() => {
+    const e = () => I({});
+    return document.addEventListener(m, e), () => document.removeEventListener(m, e);
+  }, []), /* @__PURE__ */ A(H.div, U({}, b, {
+    ref: R,
+    style: {
+      pointerEvents: S ? O ? "auto" : "none" : void 0,
+      ...s.style
+    },
+    onFocusCapture: p(s.onFocusCapture, P.onFocusCapture),
+    onBlurCapture: p(s.onBlurCapture, P.onBlurCapture),
+    onPointerDownCapture: p(s.onPointerDownCapture, k.onPointerDownCapture)
+  }));
+});
+function M(s, t = globalThis == null ? void 0 : globalThis.document) {
+  const a = T(s), o = h(!1), n = h(() => {
+  });
+  return v(() => {
+    const d = (c) => {
+      if (c.target && !o.current) {
+        let b = function() {
+          x(q, a, u, {
+            discrete: !0
+          });
+        };
+        const u = {
+          originalEvent: c
+        };
+        c.pointerType === "touch" ? (t.removeEventListener("click", n.current), n.current = b, t.addEventListener("click", n.current, {
+          once: !0
+        })) : b();
+      } else
+        t.removeEventListener("click", n.current);
+      o.current = !1;
+    }, f = window.setTimeout(() => {
+      t.addEventListener("pointerdown", d);
+    }, 0);
+    return () => {
+      window.clearTimeout(f), t.removeEventListener("pointerdown", d), t.removeEventListener("click", n.current);
     };
+  }, [
+    t,
+    a
+  ]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => o.current = !0
   };
-  return s.scopeName = e, [
-    f,
-    h(s, ...i)
-  ];
 }
-function h(...e) {
-  const i = e[0];
-  if (e.length === 1) return i;
-  const n = () => {
-    const f = e.map(
-      (s) => ({
-        useScope: s(),
-        scopeName: s.scopeName
-      })
-    );
-    return function(u) {
-      const t = f.reduce((o, { useScope: c, scopeName: a }) => {
-        const p = c(u)[`__scope${a}`];
-        return {
-          ...o,
-          ...p
-        };
-      }, {});
-      return $(
-        () => ({
-          [`__scope${i.scopeName}`]: t
-        }),
-        [
-          t
-        ]
-      );
+function Q(s, t = globalThis == null ? void 0 : globalThis.document) {
+  const a = T(s), o = h(!1);
+  return v(() => {
+    const n = (d) => {
+      d.target && !o.current && x(G, a, {
+        originalEvent: d
+      }, {
+        discrete: !1
+      });
     };
+    return t.addEventListener("focusin", n), () => t.removeEventListener("focusin", n);
+  }, [
+    t,
+    a
+  ]), {
+    onFocusCapture: () => o.current = !0,
+    onBlurCapture: () => o.current = !1
   };
-  return n.scopeName = i.scopeName, n;
+}
+function L() {
+  const s = new CustomEvent(m);
+  document.dispatchEvent(s);
+}
+function x(s, t, a, { discrete: o }) {
+  const n = a.originalEvent.target, d = new CustomEvent(s, {
+    bubbles: !1,
+    cancelable: !0,
+    detail: a
+  });
+  t && n.addEventListener(s, t, {
+    once: !0
+  }), o ? K(n, d) : n.dispatchEvent(d);
 }
 export {
-  P as createContextScope
+  ie as DismissableLayer
 };

package/dist/index.es179.js

@@ -1,18 +1,178 @@
-import * as e from "react";
-import { useLayoutEffect as $ } from "./index.es285.js";
-const u = e.useId || (() => {
-});
-let r = 0;
-function s(t) {
-  const [o, f] = e.useState(u());
-  return $(() => {
-    t || f(
-      (a) => a ?? String(r++)
-    );
+import P from "./index.es172.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.es174.js";
+import { Primitive as w } from "./index.es141.js";
+import { useCallbackRef as y } from "./index.es284.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;
+    },
+    resume() {
+      this.paused = !1;
+    }
+  }).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();
+      };
+    }
+  }, [
+    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);
+      };
+    }
   }, [
-    t
-  ]), t || (o ? `radix-${o}` : "");
+    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,
+    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 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 {
-  s as useId
+  X as FocusScope
 };

package/dist/index.es180.js

@@ -1,36 +1,14 @@
-import { useCallback as i, useState as $, useRef as C, useEffect as b } from "react";
-import { useCallbackRef as f } from "./index.es286.js";
-function g({ prop: e, defaultProp: s, onChange: c = () => {
-} }) {
-  const [t, n] = h({
-    defaultProp: s,
-    onChange: c
-  }), o = e !== void 0, u = o ? e : t, a = f(c), d = i((r) => {
-    if (o) {
-      const l = typeof r == "function" ? r(e) : r;
-      l !== e && a(l);
-    } else n(r);
-  }, [
-    o,
-    e,
-    n,
-    a
-  ]);
-  return [
-    u,
-    d
-  ];
-}
-function h({ defaultProp: e, onChange: s }) {
-  const c = $(e), [t] = c, n = C(t), o = f(s);
-  return b(() => {
-    n.current !== t && (o(t), n.current = t);
-  }, [
-    t,
-    n,
-    o
-  ]), c;
-}
+import l from "./index.es172.js";
+import { forwardRef as i, createElement as c } from "react";
+import d from "react-dom";
+import { Primitive as f } from "./index.es141.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 {
-  g as useControllableState
+  b as Portal
 };

package/dist/index.es181.js

@@ -1,136 +1,81 @@
-import U from "./index.es175.js";
-import { forwardRef as _, useContext as z, useState as C, useEffect as v, createElement as A, useRef as h, createContext as N } from "react";
-import { composeEventHandlers as p } from "./index.es176.js";
-import { Primitive as H, dispatchDiscreteCustomEvent as K } from "./index.es135.js";
-import { useComposedRefs as X } from "./index.es177.js";
-import { useCallbackRef as T } from "./index.es286.js";
-import { useEscapeKeydown as j } from "./index.es287.js";
-const m = "dismissableLayer.update", q = "dismissableLayer.pointerDownOutside", G = "dismissableLayer.focusOutside";
-let w;
-const J = /* @__PURE__ */ N({
-  layers: /* @__PURE__ */ new Set(),
-  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
-  branches: /* @__PURE__ */ new Set()
-}), ie = /* @__PURE__ */ _((s, t) => {
-  var a;
-  const { disableOutsidePointerEvents: o = !1, onEscapeKeyDown: n, onPointerDownOutside: d, onFocusOutside: f, onInteractOutside: c, onDismiss: u, ...b } = s, i = z(J), [r, F] = C(null), l = (a = r == null ? void 0 : r.ownerDocument) !== null && a !== void 0 ? a : globalThis == null ? void 0 : globalThis.document, [, I] = C({}), R = X(
-    t,
-    (e) => F(e)
-  ), y = Array.from(i.layers), [W] = [
-    ...i.layersWithOutsidePointerEventsDisabled
-  ].slice(-1), B = y.indexOf(W), D = r ? y.indexOf(r) : -1, S = i.layersWithOutsidePointerEventsDisabled.size > 0, O = D >= B, k = M((e) => {
-    const E = e.target, g = [
-      ...i.branches
-    ].some(
-      ($) => $.contains(E)
-    );
-    !O || g || (d == null || d(e), c == null || c(e), e.defaultPrevented || u == null || u());
-  }, l), P = Q((e) => {
-    const E = e.target;
-    [
-      ...i.branches
-    ].some(
-      ($) => $.contains(E)
-    ) || (f == null || f(e), c == null || c(e), e.defaultPrevented || u == null || u());
-  }, l);
-  return j((e) => {
-    D === i.layers.size - 1 && (n == null || n(e), !e.defaultPrevented && u && (e.preventDefault(), u()));
-  }, l), v(() => {
-    if (r)
-      return o && (i.layersWithOutsidePointerEventsDisabled.size === 0 && (w = l.body.style.pointerEvents, l.body.style.pointerEvents = "none"), i.layersWithOutsidePointerEventsDisabled.add(r)), i.layers.add(r), L(), () => {
-        o && i.layersWithOutsidePointerEventsDisabled.size === 1 && (l.body.style.pointerEvents = w);
-      };
-  }, [
-    r,
-    l,
-    o,
-    i
-  ]), v(() => () => {
-    r && (i.layers.delete(r), i.layersWithOutsidePointerEventsDisabled.delete(r), L());
-  }, [
-    r,
-    i
-  ]), v(() => {
-    const e = () => I({});
-    return document.addEventListener(m, e), () => document.removeEventListener(m, e);
-  }, []), /* @__PURE__ */ A(H.div, U({}, b, {
-    ref: R,
-    style: {
-      pointerEvents: S ? O ? "auto" : "none" : void 0,
-      ...s.style
+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.es174.js";
+import { useLayoutEffect as p } from "./index.es283.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"
     },
-    onFocusCapture: p(s.onFocusCapture, P.onFocusCapture),
-    onBlurCapture: p(s.onBlurCapture, P.onBlurCapture),
-    onPointerDownCapture: p(s.onPointerDownCapture, k.onPointerDownCapture)
-  }));
-});
-function M(s, t = globalThis == null ? void 0 : globalThis.document) {
-  const a = T(s), o = h(!1), n = h(() => {
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
   });
-  return v(() => {
-    const d = (c) => {
-      if (c.target && !o.current) {
-        let b = function() {
-          x(q, a, u, {
-            discrete: !0
-          });
-        };
-        const u = {
-          originalEvent: c
-        };
-        c.pointerType === "touch" ? (t.removeEventListener("click", n.current), n.current = b, t.addEventListener("click", n.current, {
-          once: !0
-        })) : b();
-      } else
-        t.removeEventListener("click", n.current);
-      o.current = !1;
-    }, f = window.setTimeout(() => {
-      t.addEventListener("pointerdown", d);
-    }, 0);
-    return () => {
-      window.clearTimeout(f), t.removeEventListener("pointerdown", d), t.removeEventListener("click", n.current);
-    };
+  return M(() => {
+    const e = d(o.current);
+    s.current = f === "mounted" ? e : "none";
   }, [
-    t,
+    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
-  ]), {
-    // ensures we check React component tree (not just DOM tree)
-    onPointerDownCapture: () => o.current = !0
-  };
-}
-function Q(s, t = globalThis == null ? void 0 : globalThis.document) {
-  const a = T(s), o = h(!1);
-  return v(() => {
-    const n = (d) => {
-      d.target && !o.current && x(G, a, {
-        originalEvent: d
-      }, {
-        discrete: !1
-      });
-    };
-    return t.addEventListener("focusin", n), () => t.removeEventListener("focusin", n);
+  ]), 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
   ]), {
-    onFocusCapture: () => o.current = !0,
-    onBlurCapture: () => o.current = !1
+    isPresent: [
+      "mounted",
+      "unmountSuspended"
+    ].includes(f),
+    ref: O((e) => {
+      e && (o.current = getComputedStyle(e)), r(e);
+    }, [])
   };
 }
-function L() {
-  const s = new CustomEvent(m);
-  document.dispatchEvent(s);
-}
-function x(s, t, a, { discrete: o }) {
-  const n = a.originalEvent.target, d = new CustomEvent(s, {
-    bubbles: !1,
-    cancelable: !0,
-    detail: a
-  });
-  t && n.addEventListener(s, t, {
-    once: !0
-  }), o ? K(n, d) : n.dispatchEvent(d);
+function d(n) {
+  return (n == null ? void 0 : n.animationName) || "none";
 }
 export {
-  ie as DismissableLayer
+  P as Presence
 };