@boxcustodia/library 1.3.1-canary.0 → 1.3.2

package/dist/index.es180.js

@@ -1,13 +1,207 @@
-import * as o from "react";
-import { useLayoutEffect as a } from "./index.es197.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 C from "./index.es354.js";
+import x from "./index.es355.js";
+import N from "./index.es356.js";
+import v from "./index.es357.js";
+import A from "./index.es358.js";
+import _ from "./index.es359.js";
+import c from "react";
+import E from "./index.es360.js";
+import { classNamesShape as $ } from "./index.es361.js";
+import { forceReflow as S } from "./index.es362.js";
+var T = function(i, p) {
+  return i && p && p.split(" ").forEach(function(s) {
+    return A(i, s);
+  });
+}, 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 {
-  n as useId
+  g as default
 };

package/dist/index.es181.js

@@ -1,8 +1,23 @@
-import { __module as r } from "./index.es218.js";
-import { __require as e } from "./index.es219.js";
-import { __require as o } from "./index.es220.js";
-process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
-var m = r.exports;
+import { l as o } from "./index.es105.js";
+import { isSameDay as t } from "./index.es256.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))
+  };
+}
 export {
-  m as s
+  m as default
 };

package/dist/index.es182.js

@@ -1,23 +1,39 @@
-import { l as o } from "./index.es104.js";
-import { isSameDay as t } from "./index.es255.js";
-function m(i, l) {
+import { isDateRange as f } from "./index.es124.js";
+import { isWithinInterval as R } from "./index.es260.js";
+import { startOfDay as o } from "./index.es229.js";
+import { isBefore as l } from "./index.es255.js";
+import { eachDayOfInterval as y } from "./index.es231.js";
+import { isSameDay as e } from "./index.es256.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 {
-    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);
+    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)
+      });
     },
-    isMultipleSelected: (r) => o.isArray(i) && i.some((n) => t(n, r))
+    isFirstDayFromRange: (n) => !r || !f(r) || !r.start ? !1 : e(n, r.start),
+    isLastDayFromRange: (n) => !r || !f(r) || !r.end ? !1 : e(n, r.end)
   };
 }
 export {
-  m as default
+  w as default
 };

package/dist/index.es183.js

@@ -1,39 +1,13 @@
-import { isDateRange as f } from "./index.es143.js";
-import { isWithinInterval as R } from "./index.es252.js";
-import { startOfDay as o } from "./index.es253.js";
-import { isBefore as l } from "./index.es254.js";
-import { eachDayOfInterval as y } from "./index.es246.js";
-import { isSameDay as e } from "./index.es255.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));
+import { isDate as n } from "./index.es126.js";
+import { isSameDay as l } from "./index.es256.js";
+function S(t, i) {
   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)
-      });
+    selectSingleDate: (e) => {
+      i(e);
     },
-    isFirstDayFromRange: (n) => !r || !f(r) || !r.start ? !1 : e(n, r.start),
-    isLastDayFromRange: (n) => !r || !f(r) || !r.end ? !1 : e(n, r.end)
+    isSingleSelected: (e) => n(t) && l(e, t)
   };
 }
 export {
-  w as default
+  S as default
 };

package/dist/index.es184.js

@@ -1,13 +1,9 @@
-import { isDate as n } from "./index.es145.js";
-import { isSameDay as l } from "./index.es255.js";
-function S(t, i) {
-  return {
-    selectSingleDate: (e) => {
-      i(e);
-    },
-    isSingleSelected: (e) => n(t) && l(e, t)
+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 {
-  S as default
+  h as composeEventHandlers
 };

package/dist/index.es185.js

@@ -1,29 +1,70 @@
-import * as f from "react";
-function l(n, o) {
-  if (typeof n == "function")
-    return n(o);
-  n != null && (n.current = o);
+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 i(...n) {
-  return (o) => {
-    let u = !1;
-    const c = n.map((t) => {
-      const e = l(t, o);
-      return !u && typeof e == "function" && (u = !0), e;
-    });
-    if (u)
-      return () => {
-        for (let t = 0; t < c.length; t++) {
-          const e = c[t];
-          typeof e == "function" ? e() : l(n[t], null);
-        }
-      };
+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 s(...n) {
-  return f.useCallback(i(...n), n);
+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 {
-  i as composeRefs,
-  s as useComposedRefs
+  j as createContext,
+  w as createContextScope
 };