@boxcustodia/library 0.5.1 → 0.5.3

package/dist/index.es274.js

@@ -1,180 +1,47 @@
-import * as s from "react";
-import { composeEventHandlers as p } from "./index.es177.js";
-import { createCollection as H } from "./index.es200.js";
-import { useComposedRefs as V } from "./index.es167.js";
-import { createContextScope as z } from "./index.es402.js";
-import { useId as q } from "./index.es175.js";
-import { Primitive as P } from "./index.es174.js";
-import { useCallbackRef as J } from "./index.es169.js";
-import { useControllableState as Q } from "./index.es104.js";
-import { useDirection as W } from "./index.es201.js";
-import { j as d } from "./index.es98.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))
-        }
-      )
-    }
-  );
-}), 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];
+let i = null;
+function s(n, e = "assertive", t = 7e3) {
+  i ? i.announce(n, e, t) : (i = new a(), (typeof IS_REACT_ACT_ENVIRONMENT == "boolean" ? IS_REACT_ACT_ENVIRONMENT : typeof jest < "u") ? i.announce(n, e, t) : setTimeout(() => {
+    i != null && i.isAttached() && (i == null || i.announce(n, e, t));
+  }, 100));
 }
-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]);
+class a {
+  isAttached() {
+    var e;
+    return (e = this.node) === null || e === void 0 ? void 0 : e.isConnected;
+  }
+  createLog(e) {
+    let t = document.createElement("div");
+    return t.setAttribute("role", "log"), t.setAttribute("aria-live", e), t.setAttribute("aria-relevant", "additions"), t;
+  }
+  destroy() {
+    this.node && (document.body.removeChild(this.node), this.node = null);
+  }
+  announce(e, t = "assertive", r = 7e3) {
+    var d, l;
+    if (!this.node) return;
+    let o = document.createElement("div");
+    typeof e == "object" ? (o.setAttribute("role", "img"), o.setAttribute("aria-labelledby", e["aria-labelledby"])) : o.textContent = e, t === "assertive" ? (d = this.assertiveLog) === null || d === void 0 || d.appendChild(o) : (l = this.politeLog) === null || l === void 0 || l.appendChild(o), e !== "" && setTimeout(() => {
+      o.remove();
+    }, r);
+  }
+  clear(e) {
+    this.node && ((!e || e === "assertive") && this.assertiveLog && (this.assertiveLog.innerHTML = ""), (!e || e === "polite") && this.politeLog && (this.politeLog.innerHTML = ""));
+  }
+  constructor() {
+    this.node = null, this.assertiveLog = null, this.politeLog = null, typeof document < "u" && (this.node = document.createElement("div"), this.node.dataset.liveAnnouncer = "true", Object.assign(this.node.style, {
+      border: 0,
+      clip: "rect(0 0 0 0)",
+      clipPath: "inset(50%)",
+      height: "1px",
+      margin: "-1px",
+      overflow: "hidden",
+      padding: 0,
+      position: "absolute",
+      width: "1px",
+      whiteSpace: "nowrap"
+    }), this.assertiveLog = this.createLog("assertive"), this.node.appendChild(this.assertiveLog), this.politeLog = this.createLog("polite"), this.node.appendChild(this.politeLog), document.body.prepend(this.node));
+  }
 }
-var ge = N, Re = K;
 export {
-  Re as Item,
-  ge as Root,
-  N as RovingFocusGroup,
-  K as RovingFocusGroupItem,
-  Fe as createRovingFocusGroupScope
+  s as announce
 };

package/dist/index.es275.js

@@ -1,207 +1,34 @@
-import { computePosition as I, offset as J, shift as K, flip as N, size as Q, hide as T, arrow as L, limitShift as X } from "./index.es279.js";
-import { autoUpdate as me, platform as pe } from "./index.es279.js";
-import * as f from "react";
-import { useLayoutEffect as Y, useEffect as Z } from "react";
-import * as b from "react-dom";
-var w = typeof document < "u" ? Y : Z;
-function R(e, t) {
-  if (e === t)
-    return !0;
-  if (typeof e != typeof t)
-    return !1;
-  if (typeof e == "function" && e.toString() === t.toString())
-    return !0;
-  let n, r, s;
-  if (e && t && typeof e == "object") {
-    if (Array.isArray(e)) {
-      if (n = e.length, n !== t.length) return !1;
-      for (r = n; r-- !== 0; )
-        if (!R(e[r], t[r]))
-          return !1;
-      return !0;
+import { createPortal as l } from "react-dom";
+import a, { forwardRef as o, useContext as d, createContext as c } from "react";
+import { useIsSSR as f } from "./index.es360.js";
+if (typeof HTMLTemplateElement < "u") {
+  const e = Object.getOwnPropertyDescriptor(Node.prototype, "firstChild").get;
+  Object.defineProperty(HTMLTemplateElement.prototype, "firstChild", {
+    configurable: !0,
+    enumerable: !0,
+    get: function() {
+      return this.dataset.reactAriaHidden ? this.content.firstChild : e.call(this);
     }
-    if (s = Object.keys(e), n = s.length, n !== Object.keys(t).length)
-      return !1;
-    for (r = n; r-- !== 0; )
-      if (!{}.hasOwnProperty.call(t, s[r]))
-        return !1;
-    for (r = n; r-- !== 0; ) {
-      const p = s[r];
-      if (!(p === "_owner" && e.$$typeof) && !R(e[p], t[p]))
-        return !1;
-    }
-    return !0;
-  }
-  return e !== e && t !== t;
-}
-function A(e) {
-  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+  });
 }
-function v(e, t) {
-  const n = A(e);
-  return Math.round(t * n) / n;
+const i = /* @__PURE__ */ c(!1), u = typeof DocumentFragment < "u" ? new DocumentFragment() : null;
+function $(e) {
+  let t = d(i), n = f();
+  if (t)
+    return /* @__PURE__ */ a.createElement(a.Fragment, null, e.children);
+  let r = /* @__PURE__ */ a.createElement(i.Provider, {
+    value: !0
+  }, e.children);
+  return n ? /* @__PURE__ */ a.createElement("template", {
+    "data-react-aria-hidden": !0
+  }, r) : /* @__PURE__ */ l(r, u);
 }
-function E(e) {
-  const t = f.useRef(e);
-  return w(() => {
-    t.current = e;
-  }), t;
+function h(e) {
+  let t = (n, r) => d(i) ? null : e(n, r);
+  return t.displayName = e.displayName || e.name, o(t);
 }
-function re(e) {
-  e === void 0 && (e = {});
-  const {
-    placement: t = "bottom",
-    strategy: n = "absolute",
-    middleware: r = [],
-    platform: s,
-    elements: {
-      reference: p,
-      floating: q
-    } = {},
-    transform: k = !0,
-    whileElementsMounted: D,
-    open: x
-  } = e, [i, O] = f.useState({
-    x: 0,
-    y: 0,
-    strategy: n,
-    placement: t,
-    middlewareData: {},
-    isPositioned: !1
-  }), [M, B] = f.useState(r);
-  R(M, r) || B(r);
-  const [U, V] = f.useState(null), [W, G] = f.useState(null), _ = f.useCallback((o) => {
-    o !== a.current && (a.current = o, V(o));
-  }, []), C = f.useCallback((o) => {
-    o !== d.current && (d.current = o, G(o));
-  }, []), u = p || U, l = q || W, a = f.useRef(null), d = f.useRef(null), y = f.useRef(i), H = D != null, S = E(D), P = E(s), F = E(x), g = f.useCallback(() => {
-    if (!a.current || !d.current)
-      return;
-    const o = {
-      placement: t,
-      strategy: n,
-      middleware: M
-    };
-    P.current && (o.platform = P.current), I(a.current, d.current, o).then((h) => {
-      const m = {
-        ...h,
-        // The floating element's position may be recomputed while it's closed
-        // but still mounted (such as when transitioning out). To ensure
-        // `isPositioned` will be `false` initially on the next open, avoid
-        // setting it to `true` when `open === false` (must be specified).
-        isPositioned: F.current !== !1
-      };
-      $.current && !R(y.current, m) && (y.current = m, b.flushSync(() => {
-        O(m);
-      }));
-    });
-  }, [M, t, n, P, F]);
-  w(() => {
-    x === !1 && y.current.isPositioned && (y.current.isPositioned = !1, O((o) => ({
-      ...o,
-      isPositioned: !1
-    })));
-  }, [x]);
-  const $ = f.useRef(!1);
-  w(() => ($.current = !0, () => {
-    $.current = !1;
-  }), []), w(() => {
-    if (u && (a.current = u), l && (d.current = l), u && l) {
-      if (S.current)
-        return S.current(u, l, g);
-      g();
-    }
-  }, [u, l, g, S, H]);
-  const j = f.useMemo(() => ({
-    reference: a,
-    floating: d,
-    setReference: _,
-    setFloating: C
-  }), [_, C]), c = f.useMemo(() => ({
-    reference: u,
-    floating: l
-  }), [u, l]), z = f.useMemo(() => {
-    const o = {
-      position: n,
-      left: 0,
-      top: 0
-    };
-    if (!c.floating)
-      return o;
-    const h = v(c.floating, i.x), m = v(c.floating, i.y);
-    return k ? {
-      ...o,
-      transform: "translate(" + h + "px, " + m + "px)",
-      ...A(c.floating) >= 1.5 && {
-        willChange: "transform"
-      }
-    } : {
-      position: n,
-      left: h,
-      top: m
-    };
-  }, [n, k, c.floating, i.x, i.y]);
-  return f.useMemo(() => ({
-    ...i,
-    update: g,
-    refs: j,
-    elements: c,
-    floatingStyles: z
-  }), [i, g, j, c, z]);
-}
-const ee = (e) => {
-  function t(n) {
-    return {}.hasOwnProperty.call(n, "current");
-  }
-  return {
-    name: "arrow",
-    options: e,
-    fn(n) {
-      const {
-        element: r,
-        padding: s
-      } = typeof e == "function" ? e(n) : e;
-      return r && t(r) ? r.current != null ? L({
-        element: r.current,
-        padding: s
-      }).fn(n) : {} : r ? L({
-        element: r,
-        padding: s
-      }).fn(n) : {};
-    }
-  };
-}, fe = (e, t) => ({
-  ...J(e),
-  options: [e, t]
-}), oe = (e, t) => ({
-  ...K(e),
-  options: [e, t]
-}), se = (e, t) => ({
-  ...X(e),
-  options: [e, t]
-}), ie = (e, t) => ({
-  ...N(e),
-  options: [e, t]
-}), ue = (e, t) => ({
-  ...Q(e),
-  options: [e, t]
-}), le = (e, t) => ({
-  ...T(e),
-  options: [e, t]
-}), ce = (e, t) => ({
-  ...ee(e),
-  options: [e, t]
-});
 export {
-  ce as arrow,
-  me as autoUpdate,
-  I as computePosition,
-  ie as flip,
-  le as hide,
-  se as limitShift,
-  fe as offset,
-  pe as platform,
-  oe as shift,
-  ue as size,
-  re as useFloating
+  $ as Hidden,
+  i as HiddenContext,
+  h as createHideableComponent
 };

package/dist/index.es276.js

@@ -1,24 +1,54 @@
-import * as n from "react";
-import { Primitive as p } from "./index.es174.js";
-import { j as o } from "./index.es98.js";
-var v = "Arrow", e = n.forwardRef((r, i) => {
-  const { children: t, width: s = 10, height: a = 5, ...m } = r;
-  return /* @__PURE__ */ o.jsx(
-    p.svg,
-    {
-      ...m,
-      ref: i,
-      width: s,
-      height: a,
-      viewBox: "0 0 30 10",
-      preserveAspectRatio: "none",
-      children: r.asChild ? t : /* @__PURE__ */ o.jsx("polygon", { points: "0,0 30,0 15,10" })
-    }
-  );
-});
-e.displayName = v;
-var h = e;
+import { useLayoutEffect as a } from "./index.es361.js";
+import { useValueEffect as o } from "./index.es424.js";
+import { useState as s, useRef as $, useCallback as l, useEffect as b } from "react";
+import { useSSRSafeId as p } from "./index.es360.js";
+let i = !!(typeof window < "u" && window.document && window.document.createElement), d = /* @__PURE__ */ new Map();
+function m(r) {
+  let [t, n] = s(r), f = $(null), e = p(t), c = l((u) => {
+    f.current = u;
+  }, []);
+  return i && (d.has(e) && !d.get(e).includes(c) ? d.set(e, [
+    ...d.get(e),
+    c
+  ]) : d.set(e, [
+    c
+  ])), a(() => {
+    let u = e;
+    return () => {
+      d.delete(u);
+    };
+  }, [
+    e
+  ]), b(() => {
+    let u = f.current;
+    u && (f.current = null, n(u));
+  }), e;
+}
+function g(r, t) {
+  if (r === t) return r;
+  let n = d.get(r);
+  if (n)
+    return n.forEach((e) => e(t)), t;
+  let f = d.get(t);
+  return f ? (f.forEach((e) => e(r)), r) : t;
+}
+function v(r = []) {
+  let t = m(), [n, f] = o(t), e = l(() => {
+    f(function* () {
+      yield t, yield document.getElementById(t) ? t : void 0;
+    });
+  }, [
+    t,
+    f
+  ]);
+  return a(e, [
+    t,
+    e,
+    ...r
+  ]), n;
+}
 export {
-  e as Arrow,
-  h as Root
+  g as mergeIds,
+  m as useId,
+  v as useSlotId
 };

package/dist/index.es277.js

@@ -1,52 +1,22 @@
-import * as i from "react";
-import { j as _ } from "./index.es98.js";
-function P(t, x = []) {
-  let o = [];
-  function f(u, e) {
-    const n = i.createContext(e), r = o.length;
-    o = [...o, e];
-    function m(a) {
-      const { scope: c, children: C, ...p } = a, d = (c == null ? void 0 : c[t][r]) || n, v = i.useMemo(() => p, Object.values(p));
-      return /* @__PURE__ */ _.jsx(d.Provider, { value: v, children: C });
-    }
-    function S(a, c) {
-      const C = (c == null ? void 0 : c[t][r]) || n, p = i.useContext(C);
-      if (p) return p;
-      if (e !== void 0) return e;
-      throw new Error(`\`${a}\` must be used within \`${u}\``);
+import { chain as n } from "./index.es425.js";
+import { mergeIds as s } from "./index.es276.js";
+import { clsx as l } from "./index.es96.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;
     }
-    return m.displayName = u + "Provider", [m, S];
   }
-  const s = () => {
-    const u = o.map((e) => i.createContext(e));
-    return function(n) {
-      const r = (n == null ? void 0 : n[t]) || u;
-      return i.useMemo(
-        () => ({ [`__scope${t}`]: { ...n, [t]: r } }),
-        [n, r]
-      );
-    };
-  };
-  return s.scopeName = t, [f, h(s, ...x)];
-}
-function h(...t) {
-  const x = t[0];
-  if (t.length === 1) return x;
-  const o = () => {
-    const f = t.map((s) => ({
-      useScope: s(),
-      scopeName: s.scopeName
-    }));
-    return function(u) {
-      const e = f.reduce((n, { useScope: r, scopeName: m }) => {
-        const a = r(u)[`__scope${m}`];
-        return { ...n, ...a };
-      }, {});
-      return i.useMemo(() => ({ [`__scope${x.scopeName}`]: e }), [e]);
-    };
-  };
-  return o.scopeName = x.scopeName, o;
+  return o;
 }
 export {
-  P as createContextScope
+  a as mergeProps
 };

package/dist/index.es278.js

@@ -1,27 +1,24 @@
-import * as h from "react";
-import { useLayoutEffect as z } from "./index.es198.js";
-function c(r) {
-  const [d, e] = h.useState(void 0);
-  return z(() => {
-    if (r) {
-      e({ width: r.offsetWidth, height: r.offsetHeight });
-      const f = new ResizeObserver((i) => {
-        if (!Array.isArray(i) || !i.length)
-          return;
-        const b = i[0];
-        let o, t;
-        if ("borderBoxSize" in b) {
-          const s = b.borderBoxSize, u = Array.isArray(s) ? s[0] : s;
-          o = u.inlineSize, t = u.blockSize;
-        } else
-          o = r.offsetWidth, t = r.offsetHeight;
-        e({ width: o, height: t });
-      });
-      return f.observe(r, { box: "border-box" }), () => f.unobserve(r);
-    } else
-      e(void 0);
-  }, [r]), d;
+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 {
-  c as useSize
+  c as filterDOMProps
 };