@boxcustodia/library 1.0.0 → 1.1.0

package/dist/index.es293.js

@@ -1,180 +1,22 @@
-import * as s from "react";
-import { composeEventHandlers as p } from "./index.es173.js";
-import { createCollection as H } from "./index.es189.js";
-import { useComposedRefs as V } from "./index.es172.js";
-import { createContextScope as z } from "./index.es174.js";
-import { useId as q } from "./index.es175.js";
-import { Primitive as P } from "./index.es179.js";
-import { useCallbackRef as J } from "./index.es100.js";
-import { useControllableState as Q } from "./index.es89.js";
-import { useDirection as W } from "./index.es190.js";
-import { j as d } from "./index.es101.js";
-var _ = "rovingFocusGroup.onEntryFocus", X = { bubbles: !1, cancelable: !0 }, b = "RovingFocusGroup", [h, G, Z] = H(b), [$, Fe] = z(
-  b,
-  [Z]
-), [ee, oe] = $(b), N = s.forwardRef(
-  (e, r) => /* @__PURE__ */ d.jsx(h.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d.jsx(h.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d.jsx(te, { ...e, ref: r }) }) })
-);
-N.displayName = b;
-var te = s.forwardRef((e, r) => {
-  const {
-    __scopeRovingFocusGroup: c,
-    orientation: o,
-    loop: F = !1,
-    dir: g,
-    currentTabStopId: R,
-    defaultCurrentTabStopId: E,
-    onCurrentTabStopIdChange: m,
-    onEntryFocus: u,
-    preventScrollOnEntryFocus: w = !1,
-    ...C
-  } = e, v = s.useRef(null), I = V(r, v), t = W(g), [f = null, T] = Q({
-    prop: R,
-    defaultProp: E,
-    onChange: m
-  }), [a, i] = s.useState(!1), S = J(u), M = G(c), x = s.useRef(!1), [k, y] = s.useState(0);
-  return s.useEffect(() => {
-    const n = v.current;
-    if (n)
-      return n.addEventListener(_, S), () => n.removeEventListener(_, S);
-  }, [S]), /* @__PURE__ */ d.jsx(
-    ee,
-    {
-      scope: c,
-      orientation: o,
-      dir: t,
-      loop: F,
-      currentTabStopId: f,
-      onItemFocus: s.useCallback(
-        (n) => T(n),
-        [T]
-      ),
-      onItemShiftTab: s.useCallback(() => i(!0), []),
-      onFocusableItemAdd: s.useCallback(
-        () => y((n) => n + 1),
-        []
-      ),
-      onFocusableItemRemove: s.useCallback(
-        () => y((n) => n - 1),
-        []
-      ),
-      children: /* @__PURE__ */ d.jsx(
-        P.div,
-        {
-          tabIndex: a || k === 0 ? -1 : 0,
-          "data-orientation": o,
-          ...C,
-          ref: I,
-          style: { outline: "none", ...e.style },
-          onMouseDown: p(e.onMouseDown, () => {
-            x.current = !0;
-          }),
-          onFocus: p(e.onFocus, (n) => {
-            const L = !x.current;
-            if (n.target === n.currentTarget && L && !a) {
-              const D = new CustomEvent(_, X);
-              if (n.currentTarget.dispatchEvent(D), !D.defaultPrevented) {
-                const A = M().filter((l) => l.focusable), U = A.find((l) => l.active), B = A.find((l) => l.id === f), Y = [U, B, ...A].filter(
-                  Boolean
-                ).map((l) => l.ref.current);
-                j(Y, w);
-              }
-            }
-            x.current = !1;
-          }),
-          onBlur: p(e.onBlur, () => i(!1))
-        }
-      )
+import { chain as n } from "./index.es453.js";
+import { mergeIds as s } from "./index.es292.js";
+import { clsx as l } from "./index.es99.js";
+function a(...r) {
+  let o = {
+    ...r[0]
+  };
+  for (let c = 1; c < r.length; c++) {
+    let i = r[c];
+    for (let e in i) {
+      let f = o[e], t = i[e];
+      typeof f == "function" && typeof t == "function" && // This is a lot faster than a regex.
+      e[0] === "o" && e[1] === "n" && e.charCodeAt(2) >= /* 'A' */
+      65 && e.charCodeAt(2) <= /* 'Z' */
+      90 ? o[e] = n(f, t) : (e === "className" || e === "UNSAFE_className") && typeof f == "string" && typeof t == "string" ? o[e] = l(f, t) : e === "id" && f && t ? o.id = s(f, t) : o[e] = t !== void 0 ? t : f;
     }
-  );
-}), O = "RovingFocusGroupItem", K = s.forwardRef(
-  (e, r) => {
-    const {
-      __scopeRovingFocusGroup: c,
-      focusable: o = !0,
-      active: F = !1,
-      tabStopId: g,
-      ...R
-    } = e, E = q(), m = g || E, u = oe(O, c), w = u.currentTabStopId === m, C = G(c), { onFocusableItemAdd: v, onFocusableItemRemove: I } = u;
-    return s.useEffect(() => {
-      if (o)
-        return v(), () => I();
-    }, [o, v, I]), /* @__PURE__ */ d.jsx(
-      h.ItemSlot,
-      {
-        scope: c,
-        id: m,
-        focusable: o,
-        active: F,
-        children: /* @__PURE__ */ d.jsx(
-          P.span,
-          {
-            tabIndex: w ? 0 : -1,
-            "data-orientation": u.orientation,
-            ...R,
-            ref: r,
-            onMouseDown: p(e.onMouseDown, (t) => {
-              o ? u.onItemFocus(m) : t.preventDefault();
-            }),
-            onFocus: p(e.onFocus, () => u.onItemFocus(m)),
-            onKeyDown: p(e.onKeyDown, (t) => {
-              if (t.key === "Tab" && t.shiftKey) {
-                u.onItemShiftTab();
-                return;
-              }
-              if (t.target !== t.currentTarget) return;
-              const f = se(t, u.orientation, u.dir);
-              if (f !== void 0) {
-                if (t.metaKey || t.ctrlKey || t.altKey || t.shiftKey) return;
-                t.preventDefault();
-                let a = C().filter((i) => i.focusable).map((i) => i.ref.current);
-                if (f === "last") a.reverse();
-                else if (f === "prev" || f === "next") {
-                  f === "prev" && a.reverse();
-                  const i = a.indexOf(t.currentTarget);
-                  a = u.loop ? ce(a, i + 1) : a.slice(i + 1);
-                }
-                setTimeout(() => j(a));
-              }
-            })
-          }
-        )
-      }
-    );
   }
-);
-K.displayName = O;
-var re = {
-  ArrowLeft: "prev",
-  ArrowUp: "prev",
-  ArrowRight: "next",
-  ArrowDown: "next",
-  PageUp: "first",
-  Home: "first",
-  PageDown: "last",
-  End: "last"
-};
-function ne(e, r) {
-  return r !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
-}
-function se(e, r, c) {
-  const o = ne(e.key, c);
-  if (!(r === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(r === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
-    return re[o];
-}
-function j(e, r = !1) {
-  const c = document.activeElement;
-  for (const o of e)
-    if (o === c || (o.focus({ preventScroll: r }), document.activeElement !== c)) return;
-}
-function ce(e, r) {
-  return e.map((c, o) => e[(r + o) % e.length]);
+  return o;
 }
-var ge = N, Re = K;
 export {
-  Re as Item,
-  ge as Root,
-  N as RovingFocusGroup,
-  K as RovingFocusGroupItem,
-  Fe as createRovingFocusGroupScope
+  a as mergeProps
 };

package/dist/index.es294.js

@@ -1,27 +1,24 @@
-import { get as a, set as r } from "./index.es111.js";
-const l = (t, i, e) => {
-  if (t && "reportValidity" in t) {
-    const s = a(e, i);
-    t.setCustomValidity(s && s.message || ""), t.reportValidity();
-  }
-}, c = (t, i) => {
-  for (const e in i.fields) {
-    const s = i.fields[e];
-    s && s.ref && "reportValidity" in s.ref ? l(s.ref, e, t) : s.refs && s.refs.forEach((o) => l(o, e, t));
-  }
-}, y = (t, i) => {
-  i.shouldUseNativeValidation && c(t, i);
-  const e = {};
-  for (const s in t) {
-    const o = a(i.fields, s), n = Object.assign(t[s] || {}, { ref: o && o.ref });
-    if (d(i.names || Object.keys(t), s)) {
-      const f = Object.assign({}, a(e, s));
-      r(f, "root", n), r(e, s, f);
-    } else r(e, s, n);
-  }
-  return e;
-}, d = (t, i) => t.some((e) => e.startsWith(i + "."));
+const b = /* @__PURE__ */ new Set([
+  "id"
+]), i = /* @__PURE__ */ new Set([
+  "aria-label",
+  "aria-labelledby",
+  "aria-describedby",
+  "aria-details"
+]), s = /* @__PURE__ */ new Set([
+  "href",
+  "hrefLang",
+  "target",
+  "rel",
+  "download",
+  "ping",
+  "referrerPolicy"
+]), n = /^(data-.*)$/;
+function c(a, t = {}) {
+  let { labelable: d, isLink: o, propNames: r } = t, l = {};
+  for (const e in a) Object.prototype.hasOwnProperty.call(a, e) && (b.has(e) || d && i.has(e) || o && s.has(e) || r != null && r.has(e) || n.test(e)) && (l[e] = a[e]);
+  return l;
+}
 export {
-  y as toNestErrors,
-  c as validateFieldsNatively
+  c as filterDOMProps
 };

package/dist/index.es295.js

@@ -1,4 +1,65 @@
-var e = { exports: {} };
+import { mergeProps as i } from "./index.es293.js";
+import { filterDOMProps as D } from "./index.es294.js";
+import { useFocusable as F } from "./index.es479.js";
+import { usePress as O } from "./index.es486.js";
+function I(s, t) {
+  let {
+    elementType: r = "button",
+    isDisabled: e,
+    onPress: l,
+    onPressStart: p,
+    onPressEnd: u,
+    onPressUp: c,
+    onPressChange: P,
+    preventFocusOnPress: b,
+    allowFocusWhenDisabled: f,
+    // @ts-ignore
+    onClick: o,
+    href: $,
+    target: m,
+    rel: x,
+    type: d = "button"
+  } = s, n;
+  r === "button" ? n = {
+    type: d,
+    disabled: e
+  } : n = {
+    role: "button",
+    tabIndex: e ? void 0 : 0,
+    href: r === "a" && !e ? $ : void 0,
+    target: r === "a" ? m : void 0,
+    type: r === "input" ? d : void 0,
+    disabled: r === "input" ? e : void 0,
+    "aria-disabled": !e || r === "input" ? void 0 : e,
+    rel: r === "a" ? x : void 0
+  };
+  let { pressProps: h, isPressed: g } = O({
+    onPressStart: p,
+    onPressEnd: u,
+    onPressChange: P,
+    onPress: l,
+    onPressUp: c,
+    isDisabled: e,
+    preventFocusOnPress: b,
+    ref: t
+  }), { focusableProps: a } = F(s, t);
+  f && (a.tabIndex = e ? -1 : a.tabIndex);
+  let C = i(a, h, D(s, {
+    labelable: !0
+  }));
+  return {
+    isPressed: g,
+    buttonProps: i(n, C, {
+      "aria-haspopup": s["aria-haspopup"],
+      "aria-expanded": s["aria-expanded"],
+      "aria-controls": s["aria-controls"],
+      "aria-pressed": s["aria-pressed"],
+      onClick: (y) => {
+        o && (o(y), console.warn("onClick is deprecated, please use onPress"));
+      }
+    })
+  };
+}
 export {
-  e as __module
+  I as useButton
 };

package/dist/index.es296.js

@@ -1,66 +1,34 @@
-import { __exports as d } from "./index.es352.js";
-import O from "react";
-import { s as p } from "./index.es185.js";
-/**
- * @license React
- * use-sync-external-store-shim/with-selector.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var V;
-function k() {
-  if (V) return d;
-  V = 1;
-  var a = O, j = p;
-  function z(r, u) {
-    return r === u && (r !== 0 || 1 / r === 1 / u) || r !== r && u !== u;
-  }
-  var M = typeof Object.is == "function" ? Object.is : z, W = j.useSyncExternalStore, h = a.useRef, y = a.useEffect, D = a.useMemo, E = a.useDebugValue;
-  return d.useSyncExternalStoreWithSelector = function(r, u, m, v, t) {
-    var f = h(null);
-    if (f.current === null) {
-      var i = { hasValue: !1, value: null };
-      f.current = i;
-    } else i = f.current;
-    f = D(
-      function() {
-        function s(e) {
-          if (!_) {
-            if (_ = !0, c = e, e = v(e), t !== void 0 && i.hasValue) {
-              var o = i.value;
-              if (t(o, e))
-                return n = o;
-            }
-            return n = e;
-          }
-          if (o = n, M(c, e)) return o;
-          var R = v(e);
-          return t !== void 0 && t(o, R) ? (c = e, o) : (c = e, n = R);
-        }
-        var _ = !1, c, n, b = m === void 0 ? null : m;
-        return [
-          function() {
-            return s(u());
-          },
-          b === null ? void 0 : function() {
-            return s(b());
-          }
-        ];
-      },
-      [u, m, v, t]
-    );
-    var l = W(r, f[0], f[1]);
-    return y(
-      function() {
-        i.hasValue = !0, i.value = l;
-      },
-      [l]
-    ), E(l), l;
-  }, d;
+import { useFocus as $ } from "./index.es480.js";
+import { isFocusVisible as h, useFocusVisibleListener as x } from "./index.es478.js";
+import { useFocusWithin as V } from "./index.es482.js";
+import { useRef as m, useState as u, useCallback as c } from "react";
+function I(r = {}) {
+  let { autoFocus: a = !1, isTextInput: f, within: i } = r, s = m({
+    isFocused: !1,
+    isFocusVisible: a || h()
+  }), [n, b] = u(!1), [l, d] = u(() => s.current.isFocused && s.current.isFocusVisible), o = c(() => d(s.current.isFocused && s.current.isFocusVisible), []), t = c((e) => {
+    s.current.isFocused = e, b(e), o();
+  }, [
+    o
+  ]);
+  x((e) => {
+    s.current.isFocusVisible = e, o();
+  }, [], {
+    isTextInput: f
+  });
+  let { focusProps: F } = $({
+    isDisabled: i,
+    onFocusChange: t
+  }), { focusWithinProps: p } = V({
+    isDisabled: !i,
+    onFocusWithinChange: t
+  });
+  return {
+    isFocused: n,
+    isFocusVisible: l,
+    focusProps: i ? p : F
+  };
 }
 export {
-  k as __require
+  I as useFocusRing
 };

package/dist/index.es297.js

@@ -1,67 +1,79 @@
-import { __exports as d } from "./index.es353.js";
-import M from "react";
-import { s as b } from "./index.es185.js";
-/**
- * @license React
- * use-sync-external-store-shim/with-selector.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var L;
-function H() {
-  return L ? d : (L = 1, process.env.NODE_ENV !== "production" && function() {
-    function A(r, u) {
-      return r === u && (r !== 0 || 1 / r === 1 / u) || r !== r && u !== u;
-    }
-    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var n = M, R = b, T = typeof Object.is == "function" ? Object.is : A, V = R.useSyncExternalStore, p = n.useRef, D = n.useEffect, S = n.useMemo, G = n.useDebugValue;
-    d.useSyncExternalStoreWithSelector = function(r, u, a, c, f) {
-      var _ = p(null);
-      if (_.current === null) {
-        var t = { hasValue: !1, value: null };
-        _.current = t;
-      } else t = _.current;
-      _ = S(
-        function() {
-          function m(e) {
-            if (!v) {
-              if (v = !0, l = e, e = c(e), f !== void 0 && t.hasValue) {
-                var o = t.value;
-                if (f(o, e))
-                  return O = o;
-              }
-              return O = e;
-            }
-            if (o = O, T(l, e))
-              return o;
-            var E = c(e);
-            return f !== void 0 && f(o, E) ? (l = e, o) : (l = e, O = E);
-          }
-          var v = !1, l, O, s = a === void 0 ? null : a;
-          return [
-            function() {
-              return m(u());
-            },
-            s === null ? void 0 : function() {
-              return m(s());
-            }
-          ];
-        },
-        [u, a, c, f]
-      );
-      var i = V(r, _[0], _[1]);
-      return D(
-        function() {
-          t.hasValue = !0, t.value = i;
-        },
-        [i]
-      ), G(i), i;
-    }, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  }(), d);
+import { useState as T, useRef as y, useEffect as c, useMemo as b } from "react";
+let s = !1, f = 0;
+function g() {
+  s = !0, setTimeout(() => {
+    s = !1;
+  }, 50);
+}
+function m(a) {
+  a.pointerType === "touch" && g();
+}
+function P() {
+  if (!(typeof document > "u"))
+    return typeof PointerEvent < "u" ? document.addEventListener("pointerup", m) : document.addEventListener("touchend", g), f++, () => {
+      f--, !(f > 0) && (typeof PointerEvent < "u" ? document.removeEventListener("pointerup", m) : document.removeEventListener("touchend", g));
+    };
+}
+function L(a) {
+  let { onHoverStart: d, onHoverChange: i, onHoverEnd: v, isDisabled: r } = a, [H, p] = T(!1), t = y({
+    isHovered: !1,
+    ignoreEmulatedMouseEvents: !1,
+    pointerType: "",
+    target: null
+  }).current;
+  c(P, []);
+  let { hoverProps: h, triggerHoverEnd: $ } = b(() => {
+    let E = (e, n) => {
+      if (t.pointerType = n, r || n === "touch" || t.isHovered || !e.currentTarget.contains(e.target)) return;
+      t.isHovered = !0;
+      let u = e.currentTarget;
+      t.target = u, d && d({
+        type: "hoverstart",
+        target: u,
+        pointerType: n
+      }), i && i(!0), p(!0);
+    }, l = (e, n) => {
+      if (t.pointerType = "", t.target = null, n === "touch" || !t.isHovered) return;
+      t.isHovered = !1;
+      let u = e.currentTarget;
+      v && v({
+        type: "hoverend",
+        target: u,
+        pointerType: n
+      }), i && i(!1), p(!1);
+    }, o = {};
+    return typeof PointerEvent < "u" ? (o.onPointerEnter = (e) => {
+      s && e.pointerType === "mouse" || E(e, e.pointerType);
+    }, o.onPointerLeave = (e) => {
+      !r && e.currentTarget.contains(e.target) && l(e, e.pointerType);
+    }) : (o.onTouchStart = () => {
+      t.ignoreEmulatedMouseEvents = !0;
+    }, o.onMouseEnter = (e) => {
+      !t.ignoreEmulatedMouseEvents && !s && E(e, "mouse"), t.ignoreEmulatedMouseEvents = !1;
+    }, o.onMouseLeave = (e) => {
+      !r && e.currentTarget.contains(e.target) && l(e, "mouse");
+    }), {
+      hoverProps: o,
+      triggerHoverEnd: l
+    };
+  }, [
+    d,
+    i,
+    v,
+    r,
+    t
+  ]);
+  return c(() => {
+    r && $({
+      currentTarget: t.target
+    }, t.pointerType);
+  }, [
+    r
+  ]), {
+    hoverProps: h,
+    isHovered: H
+  };
 }
 export {
-  H as __require
+  L as useHover
 };

package/dist/index.es298.js

@@ -1,17 +1,9 @@
-const o = (t) => {
-  const s = t.toLowerCase().split("+");
-  return {
-    mainKey: s.pop(),
-    isShift: s.includes("shift"),
-    isCtrl: s.includes("ctrl"),
-    isAlt: s.includes("alt"),
-    isMeta: s.includes("meta")
+function f(...e) {
+  return e.length === 1 && e[0] ? e[0] : (n) => {
+    for (let t of e)
+      typeof t == "function" ? t(n) : t != null && (t.current = n);
   };
-}, c = (t, s) => {
-  const { mainKey: i, isShift: e, isCtrl: r, isAlt: a, isMeta: l } = o(s);
-  return t.key.toLowerCase() === i && t.shiftKey === e && t.ctrlKey === r && t.altKey === a && t.metaKey === l;
-};
+}
 export {
-  o as getKeyModifiers,
-  c as matchKeyModifiers
+  f as mergeRefs
 };

package/dist/index.es299.js

@@ -1,5 +1,17 @@
-const r = (t) => t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.isContentEditable, a = (t, n) => n && r(t.target);
+import { useRef as u, useMemo as r } from "react";
+function s(t) {
+  const n = u(null);
+  return r(() => ({
+    get current() {
+      return n.current;
+    },
+    set current(e) {
+      n.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
+    }
+  }), [
+    t
+  ]);
+}
 export {
-  r as isInputField,
-  a as shouldIgnoreEvent
+  s as useObjectRef
 };

package/dist/index.es30.js

@@ -1,8 +1,8 @@
-import { j as l } from "./index.es101.js";
+import { j as l } from "./index.es102.js";
 import { useState as E, useMemo as b, useEffect as d } from "react";
-import { avatarVariants as k } from "./index.es102.js";
-import { extractInitials as w } from "./index.es91.js";
-import { cn as e } from "./index.es90.js";
+import { avatarVariants as k } from "./index.es117.js";
+import { extractInitials as w } from "./index.es92.js";
+import { cn as e } from "./index.es91.js";
 const B = ({
   variant: o,
   size: u,