@boxcustodia/library 0.3.8 → 0.5.1

package/dist/index.es160.js

@@ -1,207 +1,8 @@
-import C from "./index.es335.js";
-import x from "./index.es336.js";
-import N from "./index.es337.js";
-import v from "./index.es338.js";
-import A from "./index.es339.js";
-import _ from "./index.es340.js";
-import c from "react";
-import E from "./index.es341.js";
-import { classNamesShape as $ } from "./index.es342.js";
-import { forceReflow as S } from "./index.es343.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: ""
+const r = {
+  done: "var(--primary)",
+  pending: "#cdcdcd",
+  error: "var(--error)"
 };
-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 {
-  g as default
+  r as TimelineStatus
 };

package/dist/index.es161.js

@@ -1,13 +1,81 @@
-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 { useContextProps as h, useRenderProps as y } from "./index.es162.js";
+import { ProgressBarContext as B } from "./index.es313.js";
+import { announce as m } from "./index.es314.js";
+import { createHideableComponent as D } from "./index.es315.js";
+import { useId as P } from "./index.es316.js";
+import { mergeProps as F } from "./index.es317.js";
+import { filterDOMProps as H } from "./index.es318.js";
+import x, { createContext as E, useRef as V, useEffect as R } from "react";
+import { useButton as w } from "./index.es319.js";
+import { useFocusRing as I } from "./index.es320.js";
+import { useHover as M } from "./index.es321.js";
+const N = /* @__PURE__ */ new Set([
+  "form",
+  "formAction",
+  "formEncType",
+  "formMethod",
+  "formNoValidate",
+  "formTarget",
+  "name",
+  "value"
+]), T = /* @__PURE__ */ E({});
+function A(e, s) {
+  [e, s] = h(e, s, T), e = K(e);
+  let f = e, { isPending: d } = f, { buttonProps: t, isPressed: v } = w(e, s), { focusProps: g, isFocused: i, isFocusVisible: c } = I(e), { hoverProps: C, isHovered: u } = M({
+    ...e,
+    isDisabled: e.isDisabled || d
+  }), b = {
+    isHovered: u,
+    isPressed: (f.isPressed || v) && !d,
+    isFocused: i,
+    isFocusVisible: c,
+    isDisabled: e.isDisabled || !1,
+    isPending: d ?? !1
+  }, l = y({
+    ...e,
+    values: b,
+    defaultClassName: "react-aria-Button"
+  }), n = P(t.id), r = P(), a = t["aria-labelledby"];
+  d && (a ? a = `${a} ${r}` : t["aria-label"] && (a = `${n} ${r}`));
+  let o = V(d);
+  return R(() => {
+    let $ = {
+      "aria-labelledby": a || n
+    };
+    !o.current && i && d ? m($, "assertive") : o.current && i && !d && m($, "assertive"), o.current = d;
+  }, [
+    d,
+    i,
+    a,
+    n
+  ]), /* @__PURE__ */ x.createElement("button", {
+    ...H(e, {
+      propNames: N
+    }),
+    ...F(t, g, C),
+    ...l,
+    id: n,
+    ref: s,
+    "aria-labelledby": a,
+    slot: e.slot || void 0,
+    "aria-disabled": d ? "true" : t["aria-disabled"],
+    "data-disabled": e.isDisabled || void 0,
+    "data-pressed": b.isPressed || void 0,
+    "data-hovered": u || void 0,
+    "data-focused": i || void 0,
+    "data-pending": d || void 0,
+    "data-focus-visible": c || void 0
+  }, /* @__PURE__ */ x.createElement(B.Provider, {
+    value: {
+      id: r
+    }
+  }, l.children));
 }
+function K(e) {
+  return e.isPending && (e.onPress = void 0, e.onPressStart = void 0, e.onPressEnd = void 0, e.onPressChange = void 0, e.onPressUp = void 0, e.onKeyDown = void 0, e.onKeyUp = void 0, e.onClick = void 0, e.href = void 0), e;
+}
+const J = /* @__PURE__ */ D(A);
 export {
-  o as useCallbackRef
+  J as Button,
+  T as ButtonContext
 };

package/dist/index.es162.js

@@ -1,17 +1,95 @@
-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 { mergeProps as m } from "./index.es317.js";
+import { mergeRefs as $ } from "./index.es322.js";
+import { useObjectRef as x } from "./index.es323.js";
+import p, { useMemo as c, useContext as b } from "react";
+import "react-dom";
+const i = Symbol("default");
+function w({ values: t, children: l }) {
+  for (let [e, o] of t)
+    l = /* @__PURE__ */ p.createElement(e.Provider, {
+      value: o
+    }, l);
+  return l;
 }
-function x(t) {
-  return t.toLowerCase().replace(A, " ");
+function P(t) {
+  let { className: l, style: e, children: o, defaultClassName: s, defaultChildren: f, defaultStyle: d, values: r } = t;
+  return c(() => {
+    let a, u, n;
+    return typeof l == "function" ? a = l({
+      ...r,
+      defaultClassName: s
+    }) : a = l, typeof e == "function" ? u = e({
+      ...r,
+      defaultStyle: d || {}
+    }) : u = e, typeof o == "function" ? n = o({
+      ...r,
+      defaultChildren: f
+    }) : o == null ? n = f : n = o, {
+      className: a ?? s,
+      style: u || d ? {
+        ...d,
+        ...u
+      } : void 0,
+      children: n ?? f,
+      "data-rac": ""
+    };
+  }, [
+    l,
+    e,
+    o,
+    s,
+    f,
+    d,
+    r
+  ]);
 }
-function M(t, o, e) {
-  return t = e && e.length > 0 ? `${t + " " + e.join(" ")}` : t, $(t, o, x(t), x(o), 0, 0, {});
+function g(t, l) {
+  return (e) => l(typeof t == "function" ? t(e) : t, e);
+}
+function C(t, l) {
+  let e = b(t);
+  if (l === null)
+    return null;
+  if (e && typeof e == "object" && "slots" in e && e.slots) {
+    let o = new Intl.ListFormat().format(Object.keys(e.slots).map((f) => `"${f}"`));
+    if (!l && !e.slots[i]) throw new Error(`A slot prop is required. Valid slot names are ${o}.`);
+    let s = l || i;
+    if (!e.slots[s])
+      throw new Error(`Invalid slot "${l}". Valid slot names are ${o}.`);
+    return e.slots[s];
+  }
+  return e;
+}
+function E(t, l, e) {
+  let o = C(e, t.slot) || {}, { ref: s, ...f } = o, d = x(c(() => $(l, s), [
+    l,
+    s
+  ])), r = m(f, t);
+  return "style" in f && f.style && "style" in t && t.style && (typeof f.style == "function" || typeof t.style == "function" ? r.style = (a) => {
+    let u = typeof f.style == "function" ? f.style(a) : f.style, n = {
+      ...a.defaultStyle,
+      ...u
+    }, y = typeof t.style == "function" ? t.style({
+      ...a,
+      defaultStyle: n
+    }) : t.style;
+    return {
+      ...n,
+      ...y
+    };
+  } : r.style = {
+    ...f.style,
+    ...t.style
+  }), [
+    r,
+    d
+  ];
 }
 export {
-  M as a
+  i as DEFAULT_SLOT,
+  w as Provider,
+  g as composeRenderProps,
+  E as useContextProps,
+  P as useRenderProps,
+  C as useSlottedContext
 };