@boxcustodia/library 1.5.1-canary.0 → 1.6.0

package/dist/index.es176.js

@@ -1,35 +1,207 @@
-import * as n from "react";
-import * as p from "react-dom";
-import { Slot as f } from "./index.es108.js";
-import { j as u } from "./index.es104.js";
-var c = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "span",
-  "svg",
-  "ul"
-], v = c.reduce((r, i) => {
-  const t = n.forwardRef((o, e) => {
-    const { asChild: s, ...m } = o, a = s ? f : i;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ u.jsx(a, { ...m, ref: e });
+import C from "./index.es348.js";
+import x from "./index.es349.js";
+import N from "./index.es350.js";
+import v from "./index.es351.js";
+import A from "./index.es352.js";
+import _ from "./index.es353.js";
+import c from "react";
+import E from "./index.es354.js";
+import { classNamesShape as $ } from "./index.es355.js";
+import { forceReflow as S } from "./index.es356.js";
+var T = function(i, p) {
+  return i && p && p.split(" ").forEach(function(s) {
+    return A(i, s);
   });
-  return t.displayName = `Primitive.${i}`, { ...r, [i]: t };
-}, {});
-function h(r, i) {
-  r && p.flushSync(() => r.dispatchEvent(i));
-}
+}, 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
+}) : {};
 export {
-  v as Primitive,
-  h as dispatchDiscreteCustomEvent
+  g as default
 };

package/dist/index.es177.js

@@ -1,13 +1,46 @@
-import * as o from "react";
-import { useLayoutEffect as a } from "./index.es192.js";
-var s = o.useId || (() => {
-}), f = 0;
-function n(t) {
-  const [e, r] = o.useState(s());
-  return a(() => {
-    r((u) => u ?? String(f++));
-  }, [t]), t || (e ? `radix-${e}` : "");
-}
+import { validateFieldsNatively as v, toNestErrors as d } from "./index.es275.js";
+import { appendErrors as h } from "./index.es110.js";
+var m = function(t, u) {
+  for (var o = {}; t.length; ) {
+    var r = t[0], c = r.code, n = r.message, e = r.path.join(".");
+    if (!o[e]) if ("unionErrors" in r) {
+      var s = r.unionErrors[0].errors[0];
+      o[e] = { message: s.message, type: s.code };
+    } else o[e] = { message: n, type: c };
+    if ("unionErrors" in r && r.unionErrors.forEach(function(f) {
+      return f.errors.forEach(function(l) {
+        return t.push(l);
+      });
+    }), u) {
+      var i = o[e].types, a = i && i[r.code];
+      o[e] = h(e, u, o, c, a ? [].concat(a, r.message) : r.message);
+    }
+    t.shift();
+  }
+  return o;
+}, E = function(t, u, o) {
+  return o === void 0 && (o = {}), function(r, c, n) {
+    try {
+      return Promise.resolve(function(e, s) {
+        try {
+          var i = Promise.resolve(t[o.mode === "sync" ? "parse" : "parseAsync"](r, u)).then(function(a) {
+            return n.shouldUseNativeValidation && v({}, n), { errors: {}, values: o.raw ? r : a };
+          });
+        } catch (a) {
+          return s(a);
+        }
+        return i && i.then ? i.then(void 0, s) : i;
+      }(0, function(e) {
+        if (function(s) {
+          return Array.isArray(s == null ? void 0 : s.errors);
+        }(e)) return { values: {}, errors: d(m(e.errors, !n.shouldUseNativeValidation && n.criteriaMode === "all"), n) };
+        throw e;
+      }));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+};
 export {
-  n as useId
+  E as zodResolver
 };

package/dist/index.es178.js

@@ -1,23 +1,9 @@
-import { l as o } from "./index.es126.js";
-import { isSameDay as t } from "./index.es250.js";
-function m(i, l) {
-  return {
-    selectMultipleDate: (r) => {
-      if (!i) return l([r]);
-      const n = o.findIndex(
-        i,
-        (s) => t(s, r)
-      );
-      if (n === -1) return l([...i, r]);
-      const u = [
-        ...i.slice(0, n),
-        ...i.slice(n + 1)
-      ];
-      l(u);
-    },
-    isMultipleSelected: (r) => o.isArray(i) && i.some((n) => t(n, r))
+function h(f, c, { checkForDefaultPrevented: p = !0 } = {}) {
+  return function(s) {
+    if (f == null || f(s), p === !1 || !s.defaultPrevented)
+      return c == null ? void 0 : c(s);
   };
 }
 export {
-  m as default
+  h as composeEventHandlers
 };

package/dist/index.es179.js

@@ -1,39 +1,70 @@
-import { isDateRange as f } from "./index.es130.js";
-import { isWithinInterval as R } from "./index.es254.js";
-import { startOfDay as o } from "./index.es223.js";
-import { isBefore as l } from "./index.es249.js";
-import { eachDayOfInterval as y } from "./index.es225.js";
-import { isSameDay as e } from "./index.es250.js";
-function w(r, i, u) {
-  const D = (n) => {
-    if (r == null ? void 0 : r.start) {
-      const { start: t, end: s } = r;
-      if (l(n, t) || t && s) {
-        i({ start: n, end: void 0 });
-        return;
-      }
-      if (g(t, n)) return;
-      i({
-        start: t,
-        end: n
-      });
-    } else
-      i({ start: n, end: void 0 });
-  }, g = (n, a) => !u || !n || !a ? !1 : y({ start: o(n), end: a }).some((m) => u(m));
-  return {
-    selectRangeDate: D,
-    isInRange: (n) => {
-      if (!f(r) || !r) return !1;
-      const { start: a, end: t } = r;
-      return a && !t ? e(n, a) : !a || !t ? !1 : R(n, {
-        start: o(a),
-        end: o(t)
-      });
-    },
-    isFirstDayFromRange: (n) => !r || !f(r) || !r.start ? !1 : e(n, r.start),
-    isLastDayFromRange: (n) => !r || !f(r) || !r.end ? !1 : e(n, r.end)
+import * as u from "react";
+import { j as h } from "./index.es104.js";
+function j(e, c) {
+  const o = u.createContext(c), a = (r) => {
+    const { children: t, ...n } = r, s = u.useMemo(() => n, Object.values(n));
+    return /* @__PURE__ */ h.jsx(o.Provider, { value: s, children: t });
   };
+  a.displayName = e + "Provider";
+  function i(r) {
+    const t = u.useContext(o);
+    if (t) return t;
+    if (c !== void 0) return c;
+    throw new Error(`\`${r}\` must be used within \`${e}\``);
+  }
+  return [a, i];
+}
+function w(e, c = []) {
+  let o = [];
+  function a(r, t) {
+    const n = u.createContext(t), s = o.length;
+    o = [...o, t];
+    const d = (m) => {
+      var S;
+      const { scope: x, children: C, ...p } = m, v = ((S = x == null ? void 0 : x[e]) == null ? void 0 : S[s]) || n, P = u.useMemo(() => p, Object.values(p));
+      return /* @__PURE__ */ h.jsx(v.Provider, { value: P, children: C });
+    };
+    d.displayName = r + "Provider";
+    function f(m, x) {
+      var v;
+      const C = ((v = x == null ? void 0 : x[e]) == null ? void 0 : v[s]) || n, p = u.useContext(C);
+      if (p) return p;
+      if (t !== void 0) return t;
+      throw new Error(`\`${m}\` must be used within \`${r}\``);
+    }
+    return [d, f];
+  }
+  const i = () => {
+    const r = o.map((t) => u.createContext(t));
+    return function(n) {
+      const s = (n == null ? void 0 : n[e]) || r;
+      return u.useMemo(
+        () => ({ [`__scope${e}`]: { ...n, [e]: s } }),
+        [n, s]
+      );
+    };
+  };
+  return i.scopeName = e, [a, l(i, ...c)];
+}
+function l(...e) {
+  const c = e[0];
+  if (e.length === 1) return c;
+  const o = () => {
+    const a = e.map((i) => ({
+      useScope: i(),
+      scopeName: i.scopeName
+    }));
+    return function(r) {
+      const t = a.reduce((n, { useScope: s, scopeName: d }) => {
+        const m = s(r)[`__scope${d}`];
+        return { ...n, ...m };
+      }, {});
+      return u.useMemo(() => ({ [`__scope${c.scopeName}`]: t }), [t]);
+    };
+  };
+  return o.scopeName = c.scopeName, o;
 }
 export {
-  w as default
+  j as createContext,
+  w as createContextScope
 };

package/dist/index.es18.js

@@ -1,4 +1,4 @@
-import { l as o } from "./index.es126.js";
+import { l as o } from "./index.es109.js";
 import { useState as i, useCallback as r } from "react";
 function O(e) {
   const [u, n] = i(e), f = r(() => n(e), [e]), b = r(

package/dist/index.es180.js

@@ -1,13 +1,13 @@
-import { isDate as n } from "./index.es132.js";
-import { isSameDay as l } from "./index.es250.js";
-function S(t, i) {
-  return {
-    selectSingleDate: (e) => {
-      i(e);
-    },
-    isSingleSelected: (e) => n(t) && l(e, t)
-  };
+import * as o from "react";
+import { useLayoutEffect as a } from "./index.es193.js";
+var s = o[" useId ".trim().toString()] || (() => {
+}), f = 0;
+function i(t) {
+  const [e, r] = o.useState(s());
+  return a(() => {
+    r((u) => u ?? String(f++));
+  }, [t]), t || (e ? `radix-${e}` : "");
 }
 export {
-  S as default
+  i as useId
 };

package/dist/index.es181.js

@@ -1,8 +1,127 @@
-var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function l(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+import * as n from "react";
+import { composeEventHandlers as m } from "./index.es178.js";
+import { Primitive as R, dispatchDiscreteCustomEvent as k } from "./index.es184.js";
+import { useComposedRefs as g } from "./index.es175.js";
+import { useCallbackRef as w } from "./index.es103.js";
+import { useEscapeKeydown as U } from "./index.es211.js";
+import { j as x } from "./index.es104.js";
+var j = "DismissableLayer", p = "dismissableLayer.update", z = "dismissableLayer.pointerDownOutside", H = "dismissableLayer.focusOutside", L, T = n.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), M = n.forwardRef(
+  (r, e) => {
+    const {
+      disableOutsidePointerEvents: i = !1,
+      onEscapeKeyDown: o,
+      onPointerDownOutside: t,
+      onFocusOutside: a,
+      onInteractOutside: l,
+      onDismiss: d,
+      ...v
+    } = r, c = n.useContext(T), [u, S] = n.useState(null), f = (u == null ? void 0 : u.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, F] = n.useState({}), W = g(e, (s) => S(s)), y = Array.from(c.layers), [A] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), N = y.indexOf(A), b = u ? y.indexOf(u) : -1, I = c.layersWithOutsidePointerEventsDisabled.size > 0, P = b >= N, _ = q((s) => {
+      const E = s.target, C = [...c.branches].some((h) => h.contains(E));
+      !P || C || (t == null || t(s), l == null || l(s), s.defaultPrevented || d == null || d());
+    }, f), D = G((s) => {
+      const E = s.target;
+      [...c.branches].some((h) => h.contains(E)) || (a == null || a(s), l == null || l(s), s.defaultPrevented || d == null || d());
+    }, f);
+    return U((s) => {
+      b === c.layers.size - 1 && (o == null || o(s), !s.defaultPrevented && d && (s.preventDefault(), d()));
+    }, f), n.useEffect(() => {
+      if (u)
+        return i && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (L = f.body.style.pointerEvents, f.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(u)), c.layers.add(u), O(), () => {
+          i && c.layersWithOutsidePointerEventsDisabled.size === 1 && (f.body.style.pointerEvents = L);
+        };
+    }, [u, f, i, c]), n.useEffect(() => () => {
+      u && (c.layers.delete(u), c.layersWithOutsidePointerEventsDisabled.delete(u), O());
+    }, [u, c]), n.useEffect(() => {
+      const s = () => F({});
+      return document.addEventListener(p, s), () => document.removeEventListener(p, s);
+    }, []), /* @__PURE__ */ x.jsx(
+      R.div,
+      {
+        ...v,
+        ref: W,
+        style: {
+          pointerEvents: I ? P ? "auto" : "none" : void 0,
+          ...r.style
+        },
+        onFocusCapture: m(r.onFocusCapture, D.onFocusCapture),
+        onBlurCapture: m(r.onBlurCapture, D.onBlurCapture),
+        onPointerDownCapture: m(
+          r.onPointerDownCapture,
+          _.onPointerDownCapture
+        )
+      }
+    );
+  }
+);
+M.displayName = j;
+var X = "DismissableLayerBranch", Y = n.forwardRef((r, e) => {
+  const i = n.useContext(T), o = n.useRef(null), t = g(e, o);
+  return n.useEffect(() => {
+    const a = o.current;
+    if (a)
+      return i.branches.add(a), () => {
+        i.branches.delete(a);
+      };
+  }, [i.branches]), /* @__PURE__ */ x.jsx(R.div, { ...r, ref: t });
+});
+Y.displayName = X;
+function q(r, e = globalThis == null ? void 0 : globalThis.document) {
+  const i = w(r), o = n.useRef(!1), t = n.useRef(() => {
+  });
+  return n.useEffect(() => {
+    const a = (d) => {
+      if (d.target && !o.current) {
+        let v = function() {
+          B(
+            z,
+            i,
+            c,
+            { discrete: !0 }
+          );
+        };
+        const c = { originalEvent: d };
+        d.pointerType === "touch" ? (e.removeEventListener("click", t.current), t.current = v, e.addEventListener("click", t.current, { once: !0 })) : v();
+      } else
+        e.removeEventListener("click", t.current);
+      o.current = !1;
+    }, l = window.setTimeout(() => {
+      e.addEventListener("pointerdown", a);
+    }, 0);
+    return () => {
+      window.clearTimeout(l), e.removeEventListener("pointerdown", a), e.removeEventListener("click", t.current);
+    };
+  }, [e, i]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => o.current = !0
+  };
+}
+function G(r, e = globalThis == null ? void 0 : globalThis.document) {
+  const i = w(r), o = n.useRef(!1);
+  return n.useEffect(() => {
+    const t = (a) => {
+      a.target && !o.current && B(H, i, { originalEvent: a }, {
+        discrete: !1
+      });
+    };
+    return e.addEventListener("focusin", t), () => e.removeEventListener("focusin", t);
+  }, [e, i]), {
+    onFocusCapture: () => o.current = !0,
+    onBlurCapture: () => o.current = !1
+  };
+}
+function O() {
+  const r = new CustomEvent(p);
+  document.dispatchEvent(r);
+}
+function B(r, e, i, { discrete: o }) {
+  const t = i.originalEvent.target, a = new CustomEvent(r, { bubbles: !1, cancelable: !0, detail: i });
+  e && t.addEventListener(r, e, { once: !0 }), o ? k(t, a) : t.dispatchEvent(a);
 }
 export {
-  o as commonjsGlobal,
-  l as getDefaultExportFromCjs
+  M as DismissableLayer,
+  Y as DismissableLayerBranch
 };