@boxcustodia/library 1.6.2 → 1.7.0

package/dist/index.es374.js

@@ -1,95 +1,31 @@
-import { __exports as s } from "./index.es382.js";
-import { r as m } from "./index.es428.js";
-import "./index.es426.js";
-import { __exports as v } from "./index.es427.js";
-Object.defineProperty(s, "__esModule", {
-  value: !0
+import { __rest as k, __assign as r } from "./index.es373.js";
+import * as a from "react";
+import { zeroRightClassName as E, fullWidthClassName as I } from "./index.es432.js";
+import { effectCar as Z } from "./index.es433.js";
+import { useMergeRefs as W } from "./index.es434.js";
+var o = function() {
+}, m = a.forwardRef(function(e, d) {
+  var l = a.useRef(null), n = a.useState({
+    onScrollCapture: o,
+    onWheelCapture: o,
+    onTouchMoveCapture: o
+  }), f = n[0], h = n[1], u = e.forwardProps, t = e.children, v = e.className, C = e.removeScrollBar, g = e.enabled, P = e.shards, R = e.sideCar, S = e.noIsolation, b = e.inert, w = e.allowPinchZoom, s = e.as, N = s === void 0 ? "div" : s, M = e.gapMode, _ = k(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), B = R, i = W([l, d]), c = r(r({}, _), f);
+  return a.createElement(
+    a.Fragment,
+    null,
+    g && a.createElement(B, { sideCar: Z, removeScrollBar: C, shards: P, noIsolation: S, inert: b, setCallbacks: h, allowPinchZoom: !!w, lockRef: l, gapMode: M }),
+    u ? a.cloneElement(a.Children.only(t), r(r({}, c), { ref: i })) : a.createElement(N, r({}, c, { className: v, ref: i }), t)
+  );
 });
-s.test = s.serialize = s.default = void 0;
-var i = _(m), u = v;
-function c(e) {
-  if (typeof WeakMap != "function") return null;
-  var r = /* @__PURE__ */ new WeakMap(), t = /* @__PURE__ */ new WeakMap();
-  return (c = function(n) {
-    return n ? t : r;
-  })(e);
-}
-function _(e, r) {
-  if (e && e.__esModule)
-    return e;
-  if (e === null || typeof e != "object" && typeof e != "function")
-    return { default: e };
-  var t = c(r);
-  if (t && t.has(e))
-    return t.get(e);
-  var n = {}, p = Object.defineProperty && Object.getOwnPropertyDescriptor;
-  for (var a in e)
-    if (a !== "default" && Object.prototype.hasOwnProperty.call(e, a)) {
-      var o = p ? Object.getOwnPropertyDescriptor(e, a) : null;
-      o && (o.get || o.set) ? Object.defineProperty(n, a, o) : n[a] = e[a];
-    }
-  return n.default = e, t && t.set(e, n), n;
-}
-const l = (e, r = []) => (Array.isArray(e) ? e.forEach((t) => {
-  l(t, r);
-}) : e != null && e !== !1 && r.push(e), r), f = (e) => {
-  const r = e.type;
-  if (typeof r == "string")
-    return r;
-  if (typeof r == "function")
-    return r.displayName || r.name || "Unknown";
-  if (i.isFragment(e))
-    return "React.Fragment";
-  if (i.isSuspense(e))
-    return "React.Suspense";
-  if (typeof r == "object" && r !== null) {
-    if (i.isContextProvider(e))
-      return "Context.Provider";
-    if (i.isContextConsumer(e))
-      return "Context.Consumer";
-    if (i.isForwardRef(e)) {
-      if (r.displayName)
-        return r.displayName;
-      const t = r.render.displayName || r.render.name || "";
-      return t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef";
-    }
-    if (i.isMemo(e)) {
-      const t = r.displayName || r.type.displayName || r.type.name || "";
-      return t !== "" ? "Memo(" + t + ")" : "Memo";
-    }
-  }
-  return "UNDEFINED";
-}, N = (e) => {
-  const { props: r } = e;
-  return Object.keys(r).filter((t) => t !== "children" && r[t] !== void 0).sort();
-}, d = (e, r, t, n, p, a) => ++n > r.maxDepth ? (0, u.printElementAsLeaf)(f(e), r) : (0, u.printElement)(
-  f(e),
-  (0, u.printProps)(
-    N(e),
-    e.props,
-    r,
-    t + r.indent,
-    n,
-    p,
-    a
-  ),
-  (0, u.printChildren)(
-    l(e.props.children),
-    r,
-    t + r.indent,
-    n,
-    p,
-    a
-  ),
-  r,
-  t
-);
-s.serialize = d;
-const y = (e) => e != null && i.isElement(e);
-s.test = y;
-const O = {
-  serialize: d,
-  test: y
+m.defaultProps = {
+  enabled: !0,
+  removeScrollBar: !0,
+  inert: !1
+};
+m.classNames = {
+  fullWidth: I,
+  zeroRight: E
+};
+export {
+  m as RemoveScroll
 };
-var P = O;
-s.default = P;

package/dist/index.es375.js

@@ -1,44 +1,7 @@
-import { __exports as r } from "./index.es383.js";
-import "./index.es426.js";
-import { __exports as d } from "./index.es427.js";
-Object.defineProperty(r, "__esModule", {
-  value: !0
-});
-r.test = r.serialize = r.default = void 0;
-var n = d, o = function() {
-  return typeof globalThis < "u" ? globalThis : typeof o < "u" ? o : typeof self < "u" ? self : typeof window < "u" ? window : Function("return this")();
-}(), i = o["jest-symbol-do-not-touch"] || o.Symbol;
-const m = typeof i == "function" && i.for ? i.for("react.test.json") : 245830487, y = (e) => {
-  const { props: t } = e;
-  return t ? Object.keys(t).filter((s) => t[s] !== void 0).sort() : [];
-}, f = (e, t, s, l, p, u) => ++l > t.maxDepth ? (0, n.printElementAsLeaf)(e.type, t) : (0, n.printElement)(
-  e.type,
-  e.props ? (0, n.printProps)(
-    y(e),
-    e.props,
-    t,
-    s + t.indent,
-    l,
-    p,
-    u
-  ) : "",
-  e.children ? (0, n.printChildren)(
-    e.children,
-    t,
-    s + t.indent,
-    l,
-    p,
-    u
-  ) : "",
-  t,
-  s
-);
-r.serialize = f;
-const a = (e) => e && e.$$typeof === m;
-r.test = a;
-const _ = {
-  serialize: f,
-  test: a
+import { RemoveScrollSideCar as r } from "./index.es435.js";
+import { effectCar as o } from "./index.es433.js";
+import { exportSidecar as e } from "./index.es436.js";
+const f = e(o, r);
+export {
+  f as default
 };
-var h = _;
-r.default = h;

package/dist/index.es376.js

@@ -1,4 +1,12 @@
-var o = {};
+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]);
+    }
+    return t;
+  }, e.apply(null, arguments);
+}
 export {
-  o as __exports
+  e as default
 };

package/dist/index.es377.js

@@ -1,4 +1,12 @@
-var r = {};
+function r(t, i) {
+  if (t == null) return {};
+  var o = {};
+  for (var e in t) if ({}.hasOwnProperty.call(t, e)) {
+    if (i.indexOf(e) !== -1) continue;
+    o[e] = t[e];
+  }
+  return o;
+}
 export {
-  r as __exports
+  r as default
 };

package/dist/index.es378.js

@@ -1,4 +1,7 @@
-var r = {};
+import e from "./index.es440.js";
+function p(o, t) {
+  o.prototype = Object.create(t.prototype), o.prototype.constructor = o, e(o, t);
+}
 export {
-  r as __exports
+  p as default
 };

package/dist/index.es379.js

@@ -1,4 +1,7 @@
-var o = {};
+import { getDefaultExportFromCjs as r } from "./index.es158.js";
+import { __require as o } from "./index.es441.js";
+var p = /* @__PURE__ */ o();
+const s = /* @__PURE__ */ r(p);
 export {
-  o as __exports
+  s as default
 };

package/dist/index.es38.js

@@ -1,40 +1,41 @@
-import { j as e } from "./index.es104.js";
+import { j as e } from "./index.es106.js";
 import { useId as g } from "react";
 import { useControllableState as y } from "./index.es90.js";
 import { Show as j } from "./index.es67.js";
-import C from "./index.es116.js";
+import C from "./index.es123.js";
 import { Label as v } from "./index.es55.js";
 import { cn as c } from "./index.es91.js";
 const N = ({
   checked: i,
   onChange: l,
-  defaultChecked: u = !1,
-  className: h,
+  defaultChecked: h = !1,
+  className: u,
   size: s = 16,
   children: r,
-  containerClassName: p,
-  containerProps: b,
+  containerClassName: b,
+  containerProps: p,
   ...t
 }) => {
-  const m = g(), [o, d] = y({
-    defaultProp: u,
+  const k = g(), [o, d] = y({
+    defaultProp: h,
     prop: i,
     onChange: l
-  }), f = (a) => {
+  }), m = (a) => {
     a.stopPropagation(), !t.disabled && d((x) => !x);
-  }, k = o ? "checked" : "unchecked", n = t.id ?? m;
+  }, f = o ? "checked" : "unchecked", n = t.id ?? k;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ...b,
-      className: c("flex gap-x-2 items-center", p),
+      ...p,
+      className: c("flex gap-x-2 items-center", b),
+      "data-slot": "checkbox",
       children: [
         /* @__PURE__ */ e.jsxs(
           "button",
           {
             disabled: t.disabled,
-            onClick: f,
-            "data-state": k,
+            onClick: m,
+            "data-state": f,
             type: "button",
             style: {
               width: s,
@@ -46,8 +47,9 @@ const N = ({
               "transition-colors",
               "data-[state=checked]:bg-(--color-checkbox) data-[state=checked]:text-primary-foreground data-[state=checked]:border-transparent",
               "data-[state=unchecked]:bg-background data-[state=unchecked]:text-muted-foreground data-[state=unchecked]:border-input",
-              h
+              u
             ),
+            "data-slot": "checkbox-trigger",
             children: [
               /* @__PURE__ */ e.jsx(j, { when: !!o, children: /* @__PURE__ */ e.jsx(
                 C,
@@ -75,7 +77,7 @@ const N = ({
             ]
           }
         ),
-        r && /* @__PURE__ */ e.jsx(v, { htmlFor: n, children: r })
+        r && /* @__PURE__ */ e.jsx(v, { htmlFor: n, "data-slot": "checkbox-label", children: r })
       ]
     }
   );

package/dist/index.es380.js

@@ -1,4 +1,7 @@
-var e = {};
+import i from "./index.es446.js";
+function c(s, a) {
+  s.classList ? s.classList.add(a) : i(s, a) || (typeof s.className == "string" ? s.className = s.className + " " + a : s.setAttribute("class", (s.className && s.className.baseVal || "") + " " + a));
+}
 export {
-  e as __exports
+  c as default
 };

package/dist/index.es381.js

@@ -1,4 +1,9 @@
-var a = {};
+function c(s, a) {
+  return s.replace(new RegExp("(^|\\s)" + a + "(?:\\s|$)", "g"), "$1").replace(/\s+/g, " ").replace(/^\s*|\s*$/g, "");
+}
+function r(s, a) {
+  s.classList ? s.classList.remove(a) : typeof s.className == "string" ? s.className = c(s.className, a) : s.setAttribute("class", c(s.className && s.className.baseVal || "", a));
+}
 export {
-  a as __exports
+  r as default
 };

package/dist/index.es382.js

@@ -1,4 +1,336 @@
-var e = {};
+import C from "./index.es377.js";
+import D from "./index.es378.js";
+import o from "./index.es379.js";
+import v from "react";
+import b from "react-dom";
+import T from "./index.es388.js";
+import { timeoutsShape as R } from "./index.es383.js";
+import O from "./index.es386.js";
+import { forceReflow as k } from "./index.es384.js";
+var x = "unmounted", f = "exited", l = "entering", h = "entered", N = "exiting", p = /* @__PURE__ */ function(d) {
+  D(u, d);
+  function u(i, e) {
+    var t;
+    t = d.call(this, i, e) || this;
+    var n = e, r = n && !n.isMounting ? i.enter : i.appear, s;
+    return t.appearStatus = null, i.in ? r ? (s = f, t.appearStatus = l) : s = h : i.unmountOnExit || i.mountOnEnter ? s = x : s = f, t.state = {
+      status: s
+    }, t.nextCallback = null, t;
+  }
+  u.getDerivedStateFromProps = function(e, t) {
+    var n = e.in;
+    return n && t.status === x ? {
+      status: f
+    } : null;
+  };
+  var a = u.prototype;
+  return a.componentDidMount = function() {
+    this.updateStatus(!0, this.appearStatus);
+  }, a.componentDidUpdate = function(e) {
+    var t = null;
+    if (e !== this.props) {
+      var n = this.state.status;
+      this.props.in ? n !== l && n !== h && (t = l) : (n === l || n === h) && (t = N);
+    }
+    this.updateStatus(!1, t);
+  }, a.componentWillUnmount = function() {
+    this.cancelNextCallback();
+  }, a.getTimeouts = function() {
+    var e = this.props.timeout, t, n, r;
+    return t = n = r = e, e != null && typeof e != "number" && (t = e.exit, n = e.enter, r = e.appear !== void 0 ? e.appear : n), {
+      exit: t,
+      enter: n,
+      appear: r
+    };
+  }, a.updateStatus = function(e, t) {
+    if (e === void 0 && (e = !1), t !== null)
+      if (this.cancelNextCallback(), t === l) {
+        if (this.props.unmountOnExit || this.props.mountOnEnter) {
+          var n = this.props.nodeRef ? this.props.nodeRef.current : b.findDOMNode(this);
+          n && k(n);
+        }
+        this.performEnter(e);
+      } else
+        this.performExit();
+    else this.props.unmountOnExit && this.state.status === f && this.setState({
+      status: x
+    });
+  }, a.performEnter = function(e) {
+    var t = this, n = this.props.enter, r = this.context ? this.context.isMounting : e, s = this.props.nodeRef ? [r] : [b.findDOMNode(this), r], c = s[0], m = s[1], S = this.getTimeouts(), g = r ? S.appear : S.enter;
+    if (!e && !n || T.disabled) {
+      this.safeSetState({
+        status: h
+      }, function() {
+        t.props.onEntered(c);
+      });
+      return;
+    }
+    this.props.onEnter(c, m), this.safeSetState({
+      status: l
+    }, function() {
+      t.props.onEntering(c, m), t.onTransitionEnd(g, function() {
+        t.safeSetState({
+          status: h
+        }, function() {
+          t.props.onEntered(c, m);
+        });
+      });
+    });
+  }, a.performExit = function() {
+    var e = this, t = this.props.exit, n = this.getTimeouts(), r = this.props.nodeRef ? void 0 : b.findDOMNode(this);
+    if (!t || T.disabled) {
+      this.safeSetState({
+        status: f
+      }, function() {
+        e.props.onExited(r);
+      });
+      return;
+    }
+    this.props.onExit(r), this.safeSetState({
+      status: N
+    }, function() {
+      e.props.onExiting(r), e.onTransitionEnd(n.exit, function() {
+        e.safeSetState({
+          status: f
+        }, function() {
+          e.props.onExited(r);
+        });
+      });
+    });
+  }, a.cancelNextCallback = function() {
+    this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
+  }, a.safeSetState = function(e, t) {
+    t = this.setNextCallback(t), this.setState(e, t);
+  }, a.setNextCallback = function(e) {
+    var t = this, n = !0;
+    return this.nextCallback = function(r) {
+      n && (n = !1, t.nextCallback = null, e(r));
+    }, this.nextCallback.cancel = function() {
+      n = !1;
+    }, this.nextCallback;
+  }, a.onTransitionEnd = function(e, t) {
+    this.setNextCallback(t);
+    var n = this.props.nodeRef ? this.props.nodeRef.current : b.findDOMNode(this), r = e == null && !this.props.addEndListener;
+    if (!n || r) {
+      setTimeout(this.nextCallback, 0);
+      return;
+    }
+    if (this.props.addEndListener) {
+      var s = this.props.nodeRef ? [this.nextCallback] : [n, this.nextCallback], c = s[0], m = s[1];
+      this.props.addEndListener(c, m);
+    }
+    e != null && setTimeout(this.nextCallback, e);
+  }, a.render = function() {
+    var e = this.state.status;
+    if (e === x)
+      return null;
+    var t = this.props, n = t.children;
+    t.in, t.mountOnEnter, t.unmountOnExit, t.appear, t.enter, t.exit, t.timeout, t.addEndListener, t.onEnter, t.onEntering, t.onEntered, t.onExit, t.onExiting, t.onExited, t.nodeRef;
+    var r = C(t, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
+    return (
+      // allows for nested Transitions
+      /* @__PURE__ */ v.createElement(O.Provider, {
+        value: null
+      }, typeof n == "function" ? n(e, r) : v.cloneElement(v.Children.only(n), r))
+    );
+  }, u;
+}(v.Component);
+p.contextType = O;
+p.propTypes = process.env.NODE_ENV !== "production" ? {
+  /**
+   * A React reference to DOM element that need to transition:
+   * https://stackoverflow.com/a/51127130/4671932
+   *
+   *   - When `nodeRef` prop is used, `node` is not passed to callback functions
+   *      (e.g. `onEnter`) because user already has direct access to the node.
+   *   - When changing `key` prop of `Transition` in a `TransitionGroup` a new
+   *     `nodeRef` need to be provided to `Transition` with changed `key` prop
+   *     (see
+   *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
+   */
+  nodeRef: o.shape({
+    current: typeof Element > "u" ? o.any : function(d, u, a, i, e, t) {
+      var n = d[u];
+      return o.instanceOf(n && "ownerDocument" in n ? n.ownerDocument.defaultView.Element : Element)(d, u, a, i, e, t);
+    }
+  }),
+  /**
+   * A `function` child can be used instead of a React element. This function is
+   * called with the current transition status (`'entering'`, `'entered'`,
+   * `'exiting'`, `'exited'`), which can be used to apply context
+   * specific props to a component.
+   *
+   * ```jsx
+   * <Transition in={this.state.in} timeout={150}>
+   *   {state => (
+   *     <MyComponent className={`fade fade-${state}`} />
+   *   )}
+   * </Transition>
+   * ```
+   */
+  children: o.oneOfType([o.func.isRequired, o.element.isRequired]).isRequired,
+  /**
+   * Show the component; triggers the enter or exit states
+   */
+  in: o.bool,
+  /**
+   * By default the child component is mounted immediately along with
+   * the parent `Transition` component. If you want to "lazy mount" the component on the
+   * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
+   * mounted, even on "exited", unless you also specify `unmountOnExit`.
+   */
+  mountOnEnter: o.bool,
+  /**
+   * By default the child component stays mounted after it reaches the `'exited'` state.
+   * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
+   */
+  unmountOnExit: o.bool,
+  /**
+   * By default the child component does not perform the enter transition when
+   * it first mounts, regardless of the value of `in`. If you want this
+   * behavior, set both `appear` and `in` to `true`.
+   *
+   * > **Note**: there are no special appear states like `appearing`/`appeared`, this prop
+   * > only adds an additional enter transition. However, in the
+   * > `<CSSTransition>` component that first enter transition does result in
+   * > additional `.appear-*` classes, that way you can choose to style it
+   * > differently.
+   */
+  appear: o.bool,
+  /**
+   * Enable or disable enter transitions.
+   */
+  enter: o.bool,
+  /**
+   * Enable or disable exit transitions.
+   */
+  exit: o.bool,
+  /**
+   * The duration of the transition, in milliseconds.
+   * Required unless `addEndListener` is provided.
+   *
+   * You may specify a single timeout for all transitions:
+   *
+   * ```jsx
+   * timeout={500}
+   * ```
+   *
+   * or individually:
+   *
+   * ```jsx
+   * timeout={{
+   *  appear: 500,
+   *  enter: 300,
+   *  exit: 500,
+   * }}
+   * ```
+   *
+   * - `appear` defaults to the value of `enter`
+   * - `enter` defaults to `0`
+   * - `exit` defaults to `0`
+   *
+   * @type {number | { enter?: number, exit?: number, appear?: number }}
+   */
+  timeout: function(u) {
+    var a = R;
+    u.addEndListener || (a = a.isRequired);
+    for (var i = arguments.length, e = new Array(i > 1 ? i - 1 : 0), t = 1; t < i; t++)
+      e[t - 1] = arguments[t];
+    return a.apply(void 0, [u].concat(e));
+  },
+  /**
+   * Add a custom transition end trigger. Called with the transitioning
+   * DOM node and a `done` callback. Allows for more fine grained transition end
+   * logic. Timeouts are still used as a fallback if provided.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * ```jsx
+   * addEndListener={(node, done) => {
+   *   // use the css transitionend event to mark the finish of a transition
+   *   node.addEventListener('transitionend', done, false);
+   * }}
+   * ```
+   */
+  addEndListener: o.func,
+  /**
+   * Callback fired before the "entering" status is applied. An extra parameter
+   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool) -> void
+   */
+  onEnter: o.func,
+  /**
+   * Callback fired after the "entering" status is applied. An extra parameter
+   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool)
+   */
+  onEntering: o.func,
+  /**
+   * Callback fired after the "entered" status is applied. An extra parameter
+   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool) -> void
+   */
+  onEntered: o.func,
+  /**
+   * Callback fired before the "exiting" status is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement) -> void
+   */
+  onExit: o.func,
+  /**
+   * Callback fired after the "exiting" status is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement) -> void
+   */
+  onExiting: o.func,
+  /**
+   * Callback fired after the "exited" status is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed
+   *
+   * @type Function(node: HtmlElement) -> void
+   */
+  onExited: o.func
+} : {};
+function E() {
+}
+p.defaultProps = {
+  in: !1,
+  mountOnEnter: !1,
+  unmountOnExit: !1,
+  appear: !1,
+  enter: !0,
+  exit: !0,
+  onEnter: E,
+  onEntering: E,
+  onEntered: E,
+  onExit: E,
+  onExiting: E,
+  onExited: E
+};
+p.UNMOUNTED = x;
+p.EXITED = f;
+p.ENTERING = l;
+p.ENTERED = h;
+p.EXITING = N;
 export {
-  e as __exports
+  h as ENTERED,
+  l as ENTERING,
+  f as EXITED,
+  N as EXITING,
+  x as UNMOUNTED,
+  p as default
 };