@boxcustodia/library 0.2.3 → 0.2.4

package/dist/index.es130.js

@@ -1,4 +1,4 @@
-import { __exports as t } from "./index.es165.js";
+import { __exports as t } from "./index.es168.js";
 import R from "react";
 /**
  * @license React

package/dist/index.es131.js

@@ -1,4 +1,4 @@
-import { __exports as T } from "./index.es166.js";
+import { __exports as T } from "./index.es169.js";
 import or from "react";
 /**
  * @license React

package/dist/index.es132.js

@@ -1,14 +1,17 @@
-import * as e from "react";
-function c(o, n) {
-  typeof o == "function" ? o(n) : o != null && (o.current = n);
+var m = 1, j = 0.9, k = 0.8, B = 0.17, v = 0.1, w = 0.999, D = 0.9999, G = 0.99, H = /[\\\/_+.#"@\[\(\{&]/, J = /[\\\/_+.#"@\[\(\{&]/g, K = /[\s-]/, A = /[\s-]/g;
+function $(t, o, e, i, n, h, u) {
+  if (h === o.length) return n === t.length ? m : G;
+  var s = `${n},${h}`;
+  if (u[s] !== void 0) return u[s];
+  for (var d = i.charAt(h), a = e.indexOf(d, n), l = 0, r, g, c, p; a >= 0; ) r = $(t, o, e, i, a + 1, h + 1, u), r > l && (a === n ? r *= m : H.test(t.charAt(a - 1)) ? (r *= k, c = t.slice(n, a - 1).match(J), c && n > 0 && (r *= Math.pow(w, c.length))) : K.test(t.charAt(a - 1)) ? (r *= j, p = t.slice(n, a - 1).match(A), p && n > 0 && (r *= Math.pow(w, p.length))) : (r *= B, n > 0 && (r *= Math.pow(w, a - n))), t.charAt(a) !== o.charAt(h) && (r *= D)), (r < v && e.charAt(a - 1) === i.charAt(h + 1) || i.charAt(h + 1) === i.charAt(h) && e.charAt(a - 1) !== i.charAt(h)) && (g = $(t, o, e, i, a + 1, h + 2, u), g * v > r && (r = g * v)), r > l && (l = r), a = e.indexOf(d, a + 1);
+  return u[s] = l, l;
 }
-function u(...o) {
-  return (n) => o.forEach((t) => c(t, n));
+function x(t) {
+  return t.toLowerCase().replace(A, " ");
 }
-function i(...o) {
-  return e.useCallback(u(...o), o);
+function M(t, o, e) {
+  return t = e && e.length > 0 ? `${t + " " + e.join(" ")}` : t, $(t, o, x(t), x(o), 0, 0, {});
 }
 export {
-  u as composeRefs,
-  i as useComposedRefs
+  M as a
 };

package/dist/index.es133.js

@@ -1,207 +1,199 @@
-import C from "./index.es170.js";
-import x from "./index.es323.js";
-import N from "./index.es324.js";
-import v from "./index.es325.js";
-import A from "./index.es326.js";
-import _ from "./index.es327.js";
-import c from "react";
-import E from "./index.es328.js";
-import { classNamesShape as $ } from "./index.es329.js";
-import { forceReflow as S } from "./index.es330.js";
-var T = function(i, p) {
-  return i && p && p.split(" ").forEach(function(s) {
-    return A(i, s);
+import i from "./index.es170.js";
+import { forwardRef as f, createElement as s, useRef as $, useEffect as F, Fragment as M, useCallback as y, Children as N } from "react";
+import { composeEventHandlers as g } from "./index.es171.js";
+import { useComposedRefs as C } from "./index.es172.js";
+import { createContextScope as T } from "./index.es173.js";
+import { useId as _ } from "./index.es174.js";
+import { useControllableState as S } from "./index.es175.js";
+import { DismissableLayer as L } from "./index.es176.js";
+import { FocusScope as k } from "./index.es177.js";
+import { Portal as w } from "./index.es178.js";
+import { Presence as x } from "./index.es179.js";
+import { Primitive as D } from "./index.es134.js";
+import { useFocusGuards as j } from "./index.es180.js";
+import G from "./index.es181.js";
+import { hideOthers as H } from "./index.es151.js";
+import { Slot as K } from "./index.es182.js";
+const O = "Dialog", [P, De] = T(O), [U, d] = P(O), V = (e) => {
+  const { __scopeDialog: r, children: t, open: c, defaultOpen: n, onOpenChange: o, modal: a = !0 } = e, l = $(null), u = $(null), [b = !1, m] = S({
+    prop: c,
+    defaultProp: n,
+    onChange: o
   });
-}, d = function(i, p) {
-  return i && p && p.split(" ").forEach(function(s) {
-    return _(i, s);
-  });
-}, g = /* @__PURE__ */ function(u) {
-  N(i, u);
-  function i() {
-    for (var s, t = arguments.length, a = new Array(t), o = 0; o < t; o++)
-      a[o] = arguments[o];
-    return s = u.call.apply(u, [this].concat(a)) || this, s.appliedClasses = {
-      appear: {},
-      enter: {},
-      exit: {}
-    }, s.onEnter = function(e, r) {
-      var n = s.resolveArguments(e, r), l = n[0], m = n[1];
-      s.removeClasses(l, "exit"), s.addClass(l, m ? "appear" : "enter", "base"), s.props.onEnter && s.props.onEnter(e, r);
-    }, s.onEntering = function(e, r) {
-      var n = s.resolveArguments(e, r), l = n[0], m = n[1], f = m ? "appear" : "enter";
-      s.addClass(l, f, "active"), s.props.onEntering && s.props.onEntering(e, r);
-    }, s.onEntered = function(e, r) {
-      var n = s.resolveArguments(e, r), l = n[0], m = n[1], f = m ? "appear" : "enter";
-      s.removeClasses(l, f), s.addClass(l, f, "done"), s.props.onEntered && s.props.onEntered(e, r);
-    }, s.onExit = function(e) {
-      var r = s.resolveArguments(e), n = r[0];
-      s.removeClasses(n, "appear"), s.removeClasses(n, "enter"), s.addClass(n, "exit", "base"), s.props.onExit && s.props.onExit(e);
-    }, s.onExiting = function(e) {
-      var r = s.resolveArguments(e), n = r[0];
-      s.addClass(n, "exit", "active"), s.props.onExiting && s.props.onExiting(e);
-    }, s.onExited = function(e) {
-      var r = s.resolveArguments(e), n = r[0];
-      s.removeClasses(n, "exit"), s.addClass(n, "exit", "done"), s.props.onExited && s.props.onExited(e);
-    }, s.resolveArguments = function(e, r) {
-      return s.props.nodeRef ? [s.props.nodeRef.current, e] : [e, r];
-    }, s.getClassNames = function(e) {
-      var r = s.props.classNames, n = typeof r == "string", l = n && r ? r + "-" : "", m = n ? "" + l + e : r[e], f = n ? m + "-active" : r[e + "Active"], h = n ? m + "-done" : r[e + "Done"];
-      return {
-        baseClassName: m,
-        activeClassName: f,
-        doneClassName: h
-      };
-    }, s;
-  }
-  var p = i.prototype;
-  return p.addClass = function(t, a, o) {
-    var e = this.getClassNames(a)[o + "ClassName"], r = this.getClassNames("enter"), n = r.doneClassName;
-    a === "appear" && o === "done" && n && (e += " " + n), o === "active" && t && S(t), e && (this.appliedClasses[a][o] = e, T(t, e));
-  }, p.removeClasses = function(t, a) {
-    var o = this.appliedClasses[a], e = o.base, r = o.active, n = o.done;
-    this.appliedClasses[a] = {}, e && d(t, e), r && d(t, r), n && d(t, n);
-  }, p.render = function() {
-    var t = this.props;
-    t.classNames;
-    var a = x(t, ["classNames"]);
-    return /* @__PURE__ */ c.createElement(E, C({}, a, {
-      onEnter: this.onEnter,
-      onEntered: this.onEntered,
-      onEntering: this.onEntering,
-      onExit: this.onExit,
-      onExiting: this.onExiting,
-      onExited: this.onExited
-    }));
-  }, i;
-}(c.Component);
-g.defaultProps = {
-  classNames: ""
-};
-g.propTypes = process.env.NODE_ENV !== "production" ? C({}, E.propTypes, {
-  /**
-   * The animation classNames applied to the component as it appears, enters,
-   * exits or has finished the transition. A single name can be provided, which
-   * will be suffixed for each stage, e.g. `classNames="fade"` applies:
-   *
-   * - `fade-appear`, `fade-appear-active`, `fade-appear-done`
-   * - `fade-enter`, `fade-enter-active`, `fade-enter-done`
-   * - `fade-exit`, `fade-exit-active`, `fade-exit-done`
-   *
-   * A few details to note about how these classes are applied:
-   *
-   * 1. They are _joined_ with the ones that are already defined on the child
-   *    component, so if you want to add some base styles, you can use
-   *    `className` without worrying that it will be overridden.
-   *
-   * 2. If the transition component mounts with `in={false}`, no classes are
-   *    applied yet. You might be expecting `*-exit-done`, but if you think
-   *    about it, a component cannot finish exiting if it hasn't entered yet.
-   *
-   * 2. `fade-appear-done` and `fade-enter-done` will _both_ be applied. This
-   *    allows you to define different behavior for when appearing is done and
-   *    when regular entering is done, using selectors like
-   *    `.fade-enter-done:not(.fade-appear-done)`. For example, you could apply
-   *    an epic entrance animation when element first appears in the DOM using
-   *    [Animate.css](https://daneden.github.io/animate.css/). Otherwise you can
-   *    simply use `fade-enter-done` for defining both cases.
-   *
-   * Each individual classNames can also be specified independently like:
-   *
-   * ```js
-   * classNames={{
-   *  appear: 'my-appear',
-   *  appearActive: 'my-active-appear',
-   *  appearDone: 'my-done-appear',
-   *  enter: 'my-enter',
-   *  enterActive: 'my-active-enter',
-   *  enterDone: 'my-done-enter',
-   *  exit: 'my-exit',
-   *  exitActive: 'my-active-exit',
-   *  exitDone: 'my-done-exit',
-   * }}
-   * ```
-   *
-   * If you want to set these classes using CSS Modules:
-   *
-   * ```js
-   * import styles from './styles.css';
-   * ```
-   *
-   * you might want to use camelCase in your CSS file, that way could simply
-   * spread them instead of listing them one by one:
-   *
-   * ```js
-   * classNames={{ ...styles }}
-   * ```
-   *
-   * @type {string | {
-   *  appear?: string,
-   *  appearActive?: string,
-   *  appearDone?: string,
-   *  enter?: string,
-   *  enterActive?: string,
-   *  enterDone?: string,
-   *  exit?: string,
-   *  exitActive?: string,
-   *  exitDone?: string,
-   * }}
-   */
-  classNames: $,
-  /**
-   * A `<Transition>` callback fired immediately after the 'enter' or 'appear' class is
-   * applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool)
-   */
-  onEnter: v.func,
-  /**
-   * A `<Transition>` callback fired immediately after the 'enter-active' or
-   * 'appear-active' class is applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool)
-   */
-  onEntering: v.func,
-  /**
-   * A `<Transition>` callback fired immediately after the 'enter' or
-   * 'appear' classes are **removed** and the `done` class is added to the DOM node.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool)
-   */
-  onEntered: v.func,
-  /**
-   * A `<Transition>` callback fired immediately after the 'exit' class is
-   * applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed
-   *
-   * @type Function(node: HtmlElement)
-   */
-  onExit: v.func,
-  /**
-   * A `<Transition>` callback fired immediately after the 'exit-active' is applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed
-   *
-   * @type Function(node: HtmlElement)
-   */
-  onExiting: v.func,
-  /**
-   * A `<Transition>` callback fired immediately after the 'exit' classes
-   * are **removed** and the `exit-done` class is added to the DOM node.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed
-   *
-   * @type Function(node: HtmlElement)
-   */
-  onExited: v.func
-}) : {};
+  return /* @__PURE__ */ s(U, {
+    scope: r,
+    triggerRef: l,
+    contentRef: u,
+    contentId: _(),
+    titleId: _(),
+    descriptionId: _(),
+    open: b,
+    onOpenChange: m,
+    onOpenToggle: y(
+      () => m(
+        (I) => !I
+      ),
+      [
+        m
+      ]
+    ),
+    modal: a
+  }, t);
+}, R = "DialogPortal", [Y, h] = P(R, {
+  forceMount: void 0
+}), Z = (e) => {
+  const { __scopeDialog: r, forceMount: t, children: c, container: n } = e, o = d(R, r);
+  return /* @__PURE__ */ s(Y, {
+    scope: r,
+    forceMount: t
+  }, N.map(
+    c,
+    (a) => /* @__PURE__ */ s(x, {
+      present: t || o.open
+    }, /* @__PURE__ */ s(w, {
+      asChild: !0,
+      container: n
+    }, a))
+  ));
+}, v = "DialogOverlay", q = /* @__PURE__ */ f((e, r) => {
+  const t = h(v, e.__scopeDialog), { forceMount: c = t.forceMount, ...n } = e, o = d(v, e.__scopeDialog);
+  return o.modal ? /* @__PURE__ */ s(x, {
+    present: c || o.open
+  }, /* @__PURE__ */ s(z, i({}, n, {
+    ref: r
+  }))) : null;
+}), z = /* @__PURE__ */ f((e, r) => {
+  const { __scopeDialog: t, ...c } = e, n = d(v, t);
+  return (
+    // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+    // ie. when `Overlay` and `Content` are siblings
+    /* @__PURE__ */ s(G, {
+      as: K,
+      allowPinchZoom: !0,
+      shards: [
+        n.contentRef
+      ]
+    }, /* @__PURE__ */ s(D.div, i({
+      "data-state": A(n.open)
+    }, c, {
+      ref: r,
+      style: {
+        pointerEvents: "auto",
+        ...c.style
+      }
+    })))
+  );
+}), p = "DialogContent", B = /* @__PURE__ */ f((e, r) => {
+  const t = h(p, e.__scopeDialog), { forceMount: c = t.forceMount, ...n } = e, o = d(p, e.__scopeDialog);
+  return /* @__PURE__ */ s(x, {
+    present: c || o.open
+  }, o.modal ? /* @__PURE__ */ s(J, i({}, n, {
+    ref: r
+  })) : /* @__PURE__ */ s(Q, i({}, n, {
+    ref: r
+  })));
+}), J = /* @__PURE__ */ f((e, r) => {
+  const t = d(p, e.__scopeDialog), c = $(null), n = C(r, t.contentRef, c);
+  return F(() => {
+    const o = c.current;
+    if (o) return H(o);
+  }, []), /* @__PURE__ */ s(E, i({}, e, {
+    ref: n,
+    trapFocus: t.open,
+    disableOutsidePointerEvents: !0,
+    onCloseAutoFocus: g(e.onCloseAutoFocus, (o) => {
+      var a;
+      o.preventDefault(), (a = t.triggerRef.current) === null || a === void 0 || a.focus();
+    }),
+    onPointerDownOutside: g(e.onPointerDownOutside, (o) => {
+      const a = o.detail.originalEvent, l = a.button === 0 && a.ctrlKey === !0;
+      (a.button === 2 || l) && o.preventDefault();
+    }),
+    onFocusOutside: g(
+      e.onFocusOutside,
+      (o) => o.preventDefault()
+    )
+  }));
+}), Q = /* @__PURE__ */ f((e, r) => {
+  const t = d(p, e.__scopeDialog), c = $(!1), n = $(!1);
+  return /* @__PURE__ */ s(E, i({}, e, {
+    ref: r,
+    trapFocus: !1,
+    disableOutsidePointerEvents: !1,
+    onCloseAutoFocus: (o) => {
+      var a;
+      if ((a = e.onCloseAutoFocus) === null || a === void 0 || a.call(e, o), !o.defaultPrevented) {
+        var l;
+        c.current || (l = t.triggerRef.current) === null || l === void 0 || l.focus(), o.preventDefault();
+      }
+      c.current = !1, n.current = !1;
+    },
+    onInteractOutside: (o) => {
+      var a, l;
+      (a = e.onInteractOutside) === null || a === void 0 || a.call(e, o), o.defaultPrevented || (c.current = !0, o.detail.originalEvent.type === "pointerdown" && (n.current = !0));
+      const u = o.target;
+      ((l = t.triggerRef.current) === null || l === void 0 ? void 0 : l.contains(u)) && o.preventDefault(), o.detail.originalEvent.type === "focusin" && n.current && o.preventDefault();
+    }
+  }));
+}), E = /* @__PURE__ */ f((e, r) => {
+  const { __scopeDialog: t, trapFocus: c, onOpenAutoFocus: n, onCloseAutoFocus: o, ...a } = e, l = d(p, t), u = $(null), b = C(r, u);
+  return j(), /* @__PURE__ */ s(M, null, /* @__PURE__ */ s(k, {
+    asChild: !0,
+    loop: !0,
+    trapped: c,
+    onMountAutoFocus: n,
+    onUnmountAutoFocus: o
+  }, /* @__PURE__ */ s(L, i({
+    role: "dialog",
+    id: l.contentId,
+    "aria-describedby": l.descriptionId,
+    "aria-labelledby": l.titleId,
+    "data-state": A(l.open)
+  }, a, {
+    ref: b,
+    onDismiss: () => l.onOpenChange(!1)
+  }))), !1);
+}), W = "DialogTitle", me = /* @__PURE__ */ f((e, r) => {
+  const { __scopeDialog: t, ...c } = e, n = d(W, t);
+  return /* @__PURE__ */ s(D.h2, i({
+    id: n.titleId
+  }, c, {
+    ref: r
+  }));
+}), X = "DialogDescription", _e = /* @__PURE__ */ f((e, r) => {
+  const { __scopeDialog: t, ...c } = e, n = d(X, t);
+  return /* @__PURE__ */ s(D.p, i({
+    id: n.descriptionId
+  }, c, {
+    ref: r
+  }));
+}), ee = "DialogClose", ve = /* @__PURE__ */ f((e, r) => {
+  const { __scopeDialog: t, ...c } = e, n = d(ee, t);
+  return /* @__PURE__ */ s(D.button, i({
+    type: "button"
+  }, c, {
+    ref: r,
+    onClick: g(
+      e.onClick,
+      () => n.onOpenChange(!1)
+    )
+  }));
+});
+function A(e) {
+  return e ? "open" : "closed";
+}
+const xe = V, Ce = Z, Oe = q, Pe = B;
 export {
-  g as default
+  Pe as Content,
+  V as Dialog,
+  ve as DialogClose,
+  B as DialogContent,
+  _e as DialogDescription,
+  q as DialogOverlay,
+  Z as DialogPortal,
+  me as DialogTitle,
+  Oe as Overlay,
+  Ce as Portal,
+  xe as Root,
+  De as createDialogScope
 };

package/dist/index.es134.js

@@ -1,13 +1,44 @@
-import * as r from "react";
-function o(t) {
-  const e = r.useRef(t);
-  return r.useEffect(() => {
-    e.current = t;
-  }), r.useMemo(() => (...n) => {
-    var u;
-    return (u = e.current) == null ? void 0 : u.call(e, ...n);
-  }, []);
+import s from "./index.es170.js";
+import { forwardRef as m, useEffect as n, createElement as p } from "react";
+import { flushSync as d } from "react-dom";
+import { Slot as $ } from "./index.es182.js";
+const l = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], E = l.reduce((e, t) => {
+  const r = /* @__PURE__ */ m((i, o) => {
+    const { asChild: c, ...f } = i, a = c ? $ : t;
+    return n(() => {
+      window[Symbol.for("radix-ui")] = !0;
+    }, []), /* @__PURE__ */ p(a, s({}, f, {
+      ref: o
+    }));
+  });
+  return r.displayName = `Primitive.${t}`, {
+    ...e,
+    [t]: r
+  };
+}, {});
+function b(e, t) {
+  e && d(
+    () => e.dispatchEvent(t)
+  );
 }
 export {
-  o as useCallbackRef
+  E as Primitive,
+  b as dispatchDiscreteCustomEvent
 };

package/dist/index.es135.js

@@ -1,17 +1,14 @@
-var m = 1, j = 0.9, k = 0.8, B = 0.17, v = 0.1, w = 0.999, D = 0.9999, G = 0.99, H = /[\\\/_+.#"@\[\(\{&]/, J = /[\\\/_+.#"@\[\(\{&]/g, K = /[\s-]/, A = /[\s-]/g;
-function $(t, o, e, i, n, h, u) {
-  if (h === o.length) return n === t.length ? m : G;
-  var s = `${n},${h}`;
-  if (u[s] !== void 0) return u[s];
-  for (var d = i.charAt(h), a = e.indexOf(d, n), l = 0, r, g, c, p; a >= 0; ) r = $(t, o, e, i, a + 1, h + 1, u), r > l && (a === n ? r *= m : H.test(t.charAt(a - 1)) ? (r *= k, c = t.slice(n, a - 1).match(J), c && n > 0 && (r *= Math.pow(w, c.length))) : K.test(t.charAt(a - 1)) ? (r *= j, p = t.slice(n, a - 1).match(A), p && n > 0 && (r *= Math.pow(w, p.length))) : (r *= B, n > 0 && (r *= Math.pow(w, a - n))), t.charAt(a) !== o.charAt(h) && (r *= D)), (r < v && e.charAt(a - 1) === i.charAt(h + 1) || i.charAt(h + 1) === i.charAt(h) && e.charAt(a - 1) !== i.charAt(h)) && (g = $(t, o, e, i, a + 1, h + 2, u), g * v > r && (r = g * v)), r > l && (l = r), a = e.indexOf(d, a + 1);
-  return u[s] = l, l;
+import * as e from "react";
+function c(o, n) {
+  typeof o == "function" ? o(n) : o != null && (o.current = n);
 }
-function x(t) {
-  return t.toLowerCase().replace(A, " ");
+function u(...o) {
+  return (n) => o.forEach((t) => c(t, n));
 }
-function M(t, o, e) {
-  return t = e && e.length > 0 ? `${t + " " + e.join(" ")}` : t, $(t, o, x(t), x(o), 0, 0, {});
+function i(...o) {
+  return e.useCallback(u(...o), o);
 }
 export {
-  M as a
+  u as composeRefs,
+  i as useComposedRefs
 };