@boxcustodia/library 0.1.4 → 0.2.0

package/dist/index.es166.js

@@ -1,48 +1,120 @@
-import n from "react";
-import { createContextScope as O } from "./index.es142.js";
-import { useComposedRefs as I } from "./index.es138.js";
-import { Slot as S } from "./index.es89.js";
-import { j as u } from "./index.es84.js";
-function L(s) {
-  const f = s + "CollectionProvider", [A, E] = O(f), [N, m] = A(
-    f,
-    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  ), a = (c) => {
-    const { scope: e, children: l } = c, o = n.useRef(null), t = n.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ u.jsx(N, { scope: e, itemMap: t, collectionRef: o, children: l });
-  };
-  a.displayName = f;
-  const d = s + "CollectionSlot", p = n.forwardRef(
-    (c, e) => {
-      const { scope: l, children: o } = c, t = m(d, l), r = I(e, t.collectionRef);
-      return /* @__PURE__ */ u.jsx(S, { ref: r, children: o });
-    }
-  );
-  p.displayName = d;
-  const C = s + "CollectionItemSlot", R = "data-radix-collection-item", x = n.forwardRef(
-    (c, e) => {
-      const { scope: l, children: o, ...t } = c, r = n.useRef(null), M = I(e, r), i = m(C, l);
-      return n.useEffect(() => (i.itemMap.set(r, { ref: r, ...t }), () => void i.itemMap.delete(r))), /* @__PURE__ */ u.jsx(S, { [R]: "", ref: M, children: o });
-    }
-  );
-  x.displayName = C;
-  function _(c) {
-    const e = m(s + "CollectionConsumer", c);
-    return n.useCallback(() => {
-      const o = e.collectionRef.current;
-      if (!o) return [];
-      const t = Array.from(o.querySelectorAll(`[${R}]`));
-      return Array.from(e.itemMap.values()).sort(
-        (i, T) => t.indexOf(i.ref.current) - t.indexOf(T.ref.current)
-      );
-    }, [e.collectionRef, e.itemMap]);
+import m from "./index.es324.js";
+import f from "./index.es169.js";
+import v from "./index.es332.js";
+import x from "./index.es325.js";
+import d from "./index.es326.js";
+import s from "react";
+import c from "./index.es333.js";
+import { getInitialChildMapping as E, getNextChildMapping as y, getChildMapping as g } from "./index.es334.js";
+var M = Object.values || function(a) {
+  return Object.keys(a).map(function(r) {
+    return a[r];
+  });
+}, F = {
+  component: "div",
+  childFactory: function(r) {
+    return r;
   }
-  return [
-    { Provider: a, Slot: p, ItemSlot: x },
-    _,
-    E
-  ];
-}
+}, h = /* @__PURE__ */ function(a) {
+  x(r, a);
+  function r(p, t) {
+    var e;
+    e = a.call(this, p, t) || this;
+    var o = e.handleExited.bind(v(e));
+    return e.state = {
+      contextValue: {
+        isMounting: !0
+      },
+      handleExited: o,
+      firstRender: !0
+    }, e;
+  }
+  var l = r.prototype;
+  return l.componentDidMount = function() {
+    this.mounted = !0, this.setState({
+      contextValue: {
+        isMounting: !1
+      }
+    });
+  }, l.componentWillUnmount = function() {
+    this.mounted = !1;
+  }, r.getDerivedStateFromProps = function(t, e) {
+    var o = e.children, n = e.handleExited, i = e.firstRender;
+    return {
+      children: i ? E(t, n) : y(t, o, n),
+      firstRender: !1
+    };
+  }, l.handleExited = function(t, e) {
+    var o = g(this.props.children);
+    t.key in o || (t.props.onExited && t.props.onExited(e), this.mounted && this.setState(function(n) {
+      var i = f({}, n.children);
+      return delete i[t.key], {
+        children: i
+      };
+    }));
+  }, l.render = function() {
+    var t = this.props, e = t.component, o = t.childFactory, n = m(t, ["component", "childFactory"]), i = this.state.contextValue, u = M(this.state.children).map(o);
+    return delete n.appear, delete n.enter, delete n.exit, e === null ? /* @__PURE__ */ s.createElement(c.Provider, {
+      value: i
+    }, u) : /* @__PURE__ */ s.createElement(c.Provider, {
+      value: i
+    }, /* @__PURE__ */ s.createElement(e, n, u));
+  }, r;
+}(s.Component);
+h.propTypes = process.env.NODE_ENV !== "production" ? {
+  /**
+   * `<TransitionGroup>` renders a `<div>` by default. You can change this
+   * behavior by providing a `component` prop.
+   * If you use React v16+ and would like to avoid a wrapping `<div>` element
+   * you can pass in `component={null}`. This is useful if the wrapping div
+   * borks your css styles.
+   */
+  component: d.any,
+  /**
+   * A set of `<Transition>` components, that are toggled `in` and out as they
+   * leave. the `<TransitionGroup>` will inject specific transition props, so
+   * remember to spread them through if you are wrapping the `<Transition>` as
+   * with our `<Fade>` example.
+   *
+   * While this component is meant for multiple `Transition` or `CSSTransition`
+   * children, sometimes you may want to have a single transition child with
+   * content that you want to be transitioned out and in when you change it
+   * (e.g. routes, images etc.) In that case you can change the `key` prop of
+   * the transition child as you change its content, this will cause
+   * `TransitionGroup` to transition the child out and back in.
+   */
+  children: d.node,
+  /**
+   * A convenience prop that enables or disables appear animations
+   * for all children. Note that specifying this will override any defaults set
+   * on individual children Transitions.
+   */
+  appear: d.bool,
+  /**
+   * A convenience prop that enables or disables enter animations
+   * for all children. Note that specifying this will override any defaults set
+   * on individual children Transitions.
+   */
+  enter: d.bool,
+  /**
+   * A convenience prop that enables or disables exit animations
+   * for all children. Note that specifying this will override any defaults set
+   * on individual children Transitions.
+   */
+  exit: d.bool,
+  /**
+   * You may need to apply reactive updates to a child as it is exiting.
+   * This is generally done by using `cloneElement` however in the case of an exiting
+   * child the element has already been removed and not accessible to the consumer.
+   *
+   * If you do need to update a child as it leaves you can provide a `childFactory`
+   * to wrap every child, even the ones that are leaving.
+   *
+   * @type Function(child: ReactElement) -> ReactElement
+   */
+  childFactory: d.func
+} : {};
+h.defaultProps = F;
 export {
-  L as createCollection
+  h as default
 };

package/dist/index.es167.js

@@ -1,10 +1,4 @@
-import * as t from "react";
-import "./index.es84.js";
-var r = t.createContext(void 0);
-function n(o) {
-  const e = t.useContext(r);
-  return o || e || "ltr";
-}
+var r = {};
 export {
-  n as useDirection
+  r as __exports
 };

package/dist/index.es168.js

@@ -1,8 +1,4 @@
-import * as u from "react";
-function t(r) {
-  const e = u.useRef({ value: r, previous: r });
-  return u.useMemo(() => (e.current.value !== r && (e.current.previous = e.current.value, e.current.value = r), e.current.previous), [r]);
-}
+var e = {};
 export {
-  t as usePrevious
+  e as __exports
 };

package/dist/index.es169.js

@@ -1,30 +1,12 @@
-import * as e from "react";
-import { Primitive as a } from "./index.es147.js";
-import { j as o } from "./index.es84.js";
-var t = "VisuallyHidden", d = e.forwardRef(
-  (r, i) => /* @__PURE__ */ o.jsx(
-    a.span,
-    {
-      ...r,
-      ref: i,
-      style: {
-        // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
-        position: "absolute",
-        border: 0,
-        width: 1,
-        height: 1,
-        padding: 0,
-        margin: -1,
-        overflow: "hidden",
-        clip: "rect(0, 0, 0, 0)",
-        whiteSpace: "nowrap",
-        wordWrap: "normal",
-        ...r.style
-      }
+function e() {
+  return e = Object.assign ? Object.assign.bind() : function(t) {
+    for (var n = 1; n < arguments.length; n++) {
+      var a = arguments[n];
+      for (var r in a) ({}).hasOwnProperty.call(a, r) && (t[r] = a[r]);
     }
-  )
-);
-d.displayName = t;
+    return t;
+  }, e.apply(null, arguments);
+}
 export {
-  d as VisuallyHidden
+  e as default
 };

package/dist/index.es170.js

@@ -1,4 +1,8 @@
-var r = {};
+function o(e, f, { checkForDefaultPrevented: t = !0 } = {}) {
+  return function(c) {
+    if (e == null || e(c), t === !1 || !c.defaultPrevented) return f == null ? void 0 : f(c);
+  };
+}
 export {
-  r as __exports
+  o as composeEventHandlers
 };

package/dist/index.es171.js

@@ -1,4 +1,16 @@
-var e = {};
+import { useCallback as n } from "react";
+function c(e, f) {
+  typeof e == "function" ? e(f) : e != null && (e.current = f);
+}
+function t(...e) {
+  return (f) => e.forEach(
+    (o) => c(o, f)
+  );
+}
+function d(...e) {
+  return n(t(...e), e);
+}
 export {
-  e as __exports
+  t as composeRefs,
+  d as useComposedRefs
 };

package/dist/index.es172.js

@@ -1,12 +1,85 @@
-function e() {
-  return e = Object.assign ? Object.assign.bind() : function(t) {
-    for (var n = 1; n < arguments.length; n++) {
-      var a = arguments[n];
-      for (var r in a) ({}).hasOwnProperty.call(a, r) && (t[r] = a[r]);
+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);
     }
-    return t;
-  }, e.apply(null, arguments);
+    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
+        ]
+      );
+    };
+  };
+  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
+        ]
+      );
+    };
+  };
+  return n.scopeName = i.scopeName, n;
 }
 export {
-  e as default
+  P as createContextScope
 };

package/dist/index.es173.js

@@ -1,8 +1,18 @@
-function o(e, f, { checkForDefaultPrevented: t = !0 } = {}) {
-  return function(c) {
-    if (e == null || e(c), t === !1 || !c.defaultPrevented) return f == null ? void 0 : f(c);
-  };
+import * as e from "react";
+import { useLayoutEffect as $ } from "./index.es281.js";
+const u = e.useId || (() => {
+});
+let r = 0;
+function s(t) {
+  const [o, f] = e.useState(u());
+  return $(() => {
+    t || f(
+      (a) => a ?? String(r++)
+    );
+  }, [
+    t
+  ]), t || (o ? `radix-${o}` : "");
 }
 export {
-  o as composeEventHandlers
+  s as useId
 };

package/dist/index.es174.js

@@ -1,16 +1,36 @@
-import { useCallback as n } from "react";
-function c(e, f) {
-  typeof e == "function" ? e(f) : e != null && (e.current = f);
+import { useCallback as i, useState as $, useRef as C, useEffect as b } from "react";
+import { useCallbackRef as f } from "./index.es282.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 t(...e) {
-  return (f) => e.forEach(
-    (o) => c(o, f)
-  );
-}
-function d(...e) {
-  return n(t(...e), e);
+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;
 }
 export {
-  t as composeRefs,
-  d as useComposedRefs
+  g as useControllableState
 };

package/dist/index.es175.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.es169.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.es170.js";
+import { Primitive as H, dispatchDiscreteCustomEvent as K } from "./index.es140.js";
+import { useComposedRefs as X } from "./index.es171.js";
+import { useCallbackRef as T } from "./index.es282.js";
+import { useEscapeKeydown as j } from "./index.es283.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
 };