@boxcustodia/library 1.4.2 → 1.5.0

package/dist/index.es289.js

@@ -1,24 +1,180 @@
-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;
+import * as s from "react";
+import { composeEventHandlers as p } from "./index.es180.js";
+import { createCollection as H } from "./index.es196.js";
+import { useComposedRefs as V } from "./index.es173.js";
+import { createContextScope as z } from "./index.es181.js";
+import { useId as q } from "./index.es182.js";
+import { Primitive as P } from "./index.es186.js";
+import { useCallbackRef as J } from "./index.es103.js";
+import { useControllableState as Q } from "./index.es90.js";
+import { useDirection as W } from "./index.es197.js";
+import { j as d } from "./index.es104.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];
+}
+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]);
 }
+var ge = N, Re = K;
 export {
-  c as filterDOMProps
+  Re as Item,
+  ge as Root,
+  N as RovingFocusGroup,
+  K as RovingFocusGroupItem,
+  Fe as createRovingFocusGroupScope
 };

package/dist/index.es290.js

@@ -1,65 +1,27 @@
-import { mergeProps as i } from "./index.es288.js";
-import { filterDOMProps as D } from "./index.es289.js";
-import { useFocusable as F } from "./index.es459.js";
-import { usePress as O } from "./index.es466.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"));
-      }
-    })
-  };
-}
+import { get as a, set as r } from "./index.es135.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 + "."));
 export {
-  I as useButton
+  y as toNestErrors,
+  c as validateFieldsNatively
 };

package/dist/index.es291.js

@@ -1,34 +1,10 @@
-import { useFocus as $ } from "./index.es460.js";
-import { isFocusVisible as h, useFocusVisibleListener as x } from "./index.es458.js";
-import { useFocusWithin as V } from "./index.es462.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
-  };
-}
+import { createContext as l } from "react";
+const t = l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l({});
 export {
-  I as useFocusRing
+  t as CheckboxContext
 };

package/dist/index.es292.js

@@ -1,79 +1,5 @@
-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
-  };
-}
+import { createContext as e } from "react";
+const o = /* @__PURE__ */ e(null);
 export {
-  L as useHover
+  o as ProgressBarContext
 };

package/dist/index.es293.js

@@ -1,9 +1,47 @@
-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);
-  };
+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));
+}
+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));
+  }
 }
 export {
-  f as mergeRefs
+  s as announce
 };

package/dist/index.es294.js

@@ -1,17 +1,34 @@
-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);
+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.es406.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);
     }
-  }), [
-    t
-  ]);
+  });
+}
+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 h(e) {
+  let t = (n, r) => d(i) ? null : e(n, r);
+  return t.displayName = e.displayName || e.name, o(t);
 }
 export {
-  s as useObjectRef
+  $ as Hidden,
+  i as HiddenContext,
+  h as createHideableComponent
 };

package/dist/index.es295.js

@@ -1,46 +1,54 @@
-import { useCachedChildren as u } from "./index.es296.js";
-import c, { createContext as a, useMemo as s } from "react";
-const $ = {
-  CollectionRoot({ collection: e, renderDropIndicator: t }) {
-    return d(e, null, t);
-  },
-  CollectionBranch({ collection: e, parent: t, renderDropIndicator: r }) {
-    return d(e, t, r);
-  }
-};
-function d(e, t, r) {
-  return u({
-    items: t ? e.getChildren(t.key) : e,
-    dependencies: [
-      r
-    ],
-    children(n) {
-      var l;
-      let f = n.render(n);
-      if (!r || n.type !== "item") return f;
-      let o = n.key, i = e.getKeyAfter(o);
-      return /* @__PURE__ */ c.createElement(c.Fragment, null, r({
-        type: "item",
-        key: o,
-        dropPosition: "before"
-      }), f, (i == null || ((l = e.getItem(i)) === null || l === void 0 ? void 0 : l.type) !== "item") && r({
-        type: "item",
-        key: o,
-        dropPosition: "after"
-      }));
-    }
-  });
-}
-const y = /* @__PURE__ */ a($);
-function C(e) {
-  return s(() => e != null ? /* @__PURE__ */ new Set([
-    e
-  ]) : null, [
+import { useLayoutEffect as a } from "./index.es407.js";
+import { useValueEffect as o } from "./index.es458.js";
+import { useState as s, useRef as $, useCallback as l, useEffect as b } from "react";
+import { useSSRSafeId as p } from "./index.es406.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 {
-  y as CollectionRendererContext,
-  $ as DefaultCollectionRenderer,
-  C as usePersistedKeys
+  g as mergeIds,
+  m as useId,
+  v as useSlotId
 };