@boxcustodia/library 1.7.12 → 1.7.13

package/dist/index.es296.js

@@ -1,32 +1,50 @@
-import * as n from "react";
-import "react-dom";
-import { createSlot as f } from "./index.es381.js";
-import { j as l } from "./index.es105.js";
-var u = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "select",
-  "span",
-  "svg",
-  "ul"
-], w = u.reduce((t, i) => {
-  const o = f(`Primitive.${i}`), r = n.forwardRef((e, m) => {
-    const { asChild: a, ...s } = e, p = a ? o : i;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l.jsx(p, { ...s, ref: m });
+import * as l from "react";
+import { composeRefs as m } from "./index.es178.js";
+import { j as u } from "./index.es105.js";
+// @__NO_SIDE_EFFECTS__
+function x(e) {
+  const n = /* @__PURE__ */ y(e), o = l.forwardRef((t, r) => {
+    const { children: i, ...c } = t, s = l.Children.toArray(i), a = s.find(g);
+    if (a) {
+      const f = a.props.children, d = s.map((p) => p === a ? l.Children.count(f) > 1 ? l.Children.only(null) : l.isValidElement(f) ? f.props.children : null : p);
+      return /* @__PURE__ */ u.jsx(n, { ...c, ref: r, children: l.isValidElement(f) ? l.cloneElement(f, void 0, d) : null });
+    }
+    return /* @__PURE__ */ u.jsx(n, { ...c, ref: r, children: i });
   });
-  return r.displayName = `Primitive.${i}`, { ...t, [i]: r };
-}, {});
+  return o.displayName = `${e}.Slot`, o;
+}
+// @__NO_SIDE_EFFECTS__
+function y(e) {
+  const n = l.forwardRef((o, t) => {
+    const { children: r, ...i } = o;
+    if (l.isValidElement(r)) {
+      const c = R(r), s = C(i, r.props);
+      return r.type !== l.Fragment && (s.ref = t ? m(t, c) : c), l.cloneElement(r, s);
+    }
+    return l.Children.count(r) > 1 ? l.Children.only(null) : null;
+  });
+  return n.displayName = `${e}.SlotClone`, n;
+}
+var E = Symbol("radix.slottable");
+function g(e) {
+  return l.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === E;
+}
+function C(e, n) {
+  const o = { ...n };
+  for (const t in n) {
+    const r = e[t], i = n[t];
+    /^on[A-Z]/.test(t) ? r && i ? o[t] = (...s) => {
+      const a = i(...s);
+      return r(...s), a;
+    } : r && (o[t] = r) : t === "style" ? o[t] = { ...r, ...i } : t === "className" && (o[t] = [r, i].filter(Boolean).join(" "));
+  }
+  return { ...e, ...o };
+}
+function R(e) {
+  var t, r;
+  let n = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, o = n && "isReactWarning" in n && n.isReactWarning;
+  return o ? e.ref : (n = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, o = n && "isReactWarning" in n && n.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
+}
 export {
-  w as Primitive
+  x as createSlot
 };

package/dist/index.es297.js

@@ -1,207 +1,36 @@
-import { computePosition as I, offset as J, shift as K, flip as N, size as Q, hide as T, limitShift as X, arrow as L } from "./index.es301.js";
-import { autoUpdate as me, platform as pe } from "./index.es301.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;
-    }
-    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;
+import * as p from "react";
+import * as f from "react-dom";
+import { createSlot as c } from "./index.es299.js";
+import { j as u } from "./index.es105.js";
+var l = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], h = l.reduce((t, i) => {
+  const o = c(`Primitive.${i}`), r = p.forwardRef((e, s) => {
+    const { asChild: m, ...a } = e, n = m ? o : i;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ u.jsx(n, { ...a, ref: s });
+  });
+  return r.displayName = `Primitive.${i}`, { ...t, [i]: r };
+}, {});
+function w(t, i) {
+  t && f.flushSync(() => t.dispatchEvent(i));
 }
-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;
-}
-function E(e) {
-  const t = f.useRef(e);
-  return w(() => {
-    t.current = e;
-  }), 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
+  h as Primitive,
+  w as dispatchDiscreteCustomEvent
 };

package/dist/index.es298.js

@@ -1,24 +1,183 @@
-import * as n from "react";
-import { Primitive as p } from "./index.es383.js";
-import { j as o } from "./index.es105.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,
+import * as s from "react";
+import { composeEventHandlers as p } from "./index.es185.js";
+import { createCollection as H } from "./index.es200.js";
+import { useComposedRefs as V } from "./index.es178.js";
+import { createContextScope as z } from "./index.es186.js";
+import { useId as q } from "./index.es177.js";
+import { Primitive as G } from "./index.es397.js";
+import { useCallbackRef as J } from "./index.es205.js";
+import { useControllableState as Q } from "./index.es91.js";
+import { useDirection as W } from "./index.es201.js";
+import { j as d } from "./index.es105.js";
+var _ = "rovingFocusGroup.onEntryFocus", X = { bubbles: !1, cancelable: !0 }, I = "RovingFocusGroup", [y, N, Z] = H(I), [$, Fe] = z(
+  I,
+  [Z]
+), [ee, oe] = $(I), O = s.forwardRef(
+  (e, r) => /* @__PURE__ */ d.jsx(y.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d.jsx(y.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d.jsx(te, { ...e, ref: r }) }) })
+);
+O.displayName = I;
+var te = s.forwardRef((e, r) => {
+  const {
+    __scopeRovingFocusGroup: c,
+    orientation: o,
+    loop: T = !1,
+    dir: w,
+    currentTabStopId: v,
+    defaultCurrentTabStopId: C,
+    onCurrentTabStopIdChange: S,
+    onEntryFocus: m,
+    preventScrollOnEntryFocus: u = !1,
+    ...b
+  } = e, F = s.useRef(null), g = V(r, F), R = W(w), [E, t] = Q({
+    prop: v,
+    defaultProp: C ?? null,
+    onChange: S,
+    caller: I
+  }), [i, h] = s.useState(!1), a = J(m), l = N(c), x = s.useRef(!1), [k, D] = s.useState(0);
+  return s.useEffect(() => {
+    const n = F.current;
+    if (n)
+      return n.addEventListener(_, a), () => n.removeEventListener(_, a);
+  }, [a]), /* @__PURE__ */ d.jsx(
+    ee,
     {
-      ...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" })
+      scope: c,
+      orientation: o,
+      dir: R,
+      loop: T,
+      currentTabStopId: E,
+      onItemFocus: s.useCallback(
+        (n) => t(n),
+        [t]
+      ),
+      onItemShiftTab: s.useCallback(() => h(!0), []),
+      onFocusableItemAdd: s.useCallback(
+        () => D((n) => n + 1),
+        []
+      ),
+      onFocusableItemRemove: s.useCallback(
+        () => D((n) => n - 1),
+        []
+      ),
+      children: /* @__PURE__ */ d.jsx(
+        G.div,
+        {
+          tabIndex: i || k === 0 ? -1 : 0,
+          "data-orientation": o,
+          ...b,
+          ref: g,
+          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 && !i) {
+              const P = new CustomEvent(_, X);
+              if (n.currentTarget.dispatchEvent(P), !P.defaultPrevented) {
+                const A = l().filter((f) => f.focusable), U = A.find((f) => f.active), B = A.find((f) => f.id === E), Y = [U, B, ...A].filter(
+                  Boolean
+                ).map((f) => f.ref.current);
+                M(Y, u);
+              }
+            }
+            x.current = !1;
+          }),
+          onBlur: p(e.onBlur, () => h(!1))
+        }
+      )
     }
   );
-});
-e.displayName = v;
-var h = e;
+}), K = "RovingFocusGroupItem", j = s.forwardRef(
+  (e, r) => {
+    const {
+      __scopeRovingFocusGroup: c,
+      focusable: o = !0,
+      active: T = !1,
+      tabStopId: w,
+      children: v,
+      ...C
+    } = e, S = q(), m = w || S, u = oe(K, c), b = u.currentTabStopId === m, F = N(c), { onFocusableItemAdd: g, onFocusableItemRemove: R, currentTabStopId: E } = u;
+    return s.useEffect(() => {
+      if (o)
+        return g(), () => R();
+    }, [o, g, R]), /* @__PURE__ */ d.jsx(
+      y.ItemSlot,
+      {
+        scope: c,
+        id: m,
+        focusable: o,
+        active: T,
+        children: /* @__PURE__ */ d.jsx(
+          G.span,
+          {
+            tabIndex: b ? 0 : -1,
+            "data-orientation": u.orientation,
+            ...C,
+            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 i = se(t, u.orientation, u.dir);
+              if (i !== void 0) {
+                if (t.metaKey || t.ctrlKey || t.altKey || t.shiftKey) return;
+                t.preventDefault();
+                let a = F().filter((l) => l.focusable).map((l) => l.ref.current);
+                if (i === "last") a.reverse();
+                else if (i === "prev" || i === "next") {
+                  i === "prev" && a.reverse();
+                  const l = a.indexOf(t.currentTarget);
+                  a = u.loop ? ce(a, l + 1) : a.slice(l + 1);
+                }
+                setTimeout(() => M(a));
+              }
+            }),
+            children: typeof v == "function" ? v({ isCurrentTabStop: b, hasTabStop: E != null }) : v
+          }
+        )
+      }
+    );
+  }
+);
+j.displayName = K;
+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 M(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 = O, Re = j;
 export {
-  e as Arrow,
-  h as Root
+  Re as Item,
+  ge as Root,
+  O as RovingFocusGroup,
+  j as RovingFocusGroupItem,
+  Fe as createRovingFocusGroupScope
 };

package/dist/index.es299.js

@@ -1,32 +1,50 @@
-import * as n from "react";
-import "react-dom";
-import { createSlot as f } from "./index.es384.js";
-import { j as l } from "./index.es105.js";
-var u = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "select",
-  "span",
-  "svg",
-  "ul"
-], w = u.reduce((t, i) => {
-  const o = f(`Primitive.${i}`), r = n.forwardRef((e, m) => {
-    const { asChild: a, ...s } = e, p = a ? o : i;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l.jsx(p, { ...s, ref: m });
+import * as l from "react";
+import { composeRefs as m } from "./index.es178.js";
+import { j as u } from "./index.es105.js";
+// @__NO_SIDE_EFFECTS__
+function x(e) {
+  const n = /* @__PURE__ */ y(e), o = l.forwardRef((t, r) => {
+    const { children: i, ...c } = t, s = l.Children.toArray(i), a = s.find(g);
+    if (a) {
+      const f = a.props.children, d = s.map((p) => p === a ? l.Children.count(f) > 1 ? l.Children.only(null) : l.isValidElement(f) ? f.props.children : null : p);
+      return /* @__PURE__ */ u.jsx(n, { ...c, ref: r, children: l.isValidElement(f) ? l.cloneElement(f, void 0, d) : null });
+    }
+    return /* @__PURE__ */ u.jsx(n, { ...c, ref: r, children: i });
   });
-  return r.displayName = `Primitive.${i}`, { ...t, [i]: r };
-}, {});
+  return o.displayName = `${e}.Slot`, o;
+}
+// @__NO_SIDE_EFFECTS__
+function y(e) {
+  const n = l.forwardRef((o, t) => {
+    const { children: r, ...i } = o;
+    if (l.isValidElement(r)) {
+      const c = R(r), s = C(i, r.props);
+      return r.type !== l.Fragment && (s.ref = t ? m(t, c) : c), l.cloneElement(r, s);
+    }
+    return l.Children.count(r) > 1 ? l.Children.only(null) : null;
+  });
+  return n.displayName = `${e}.SlotClone`, n;
+}
+var E = Symbol("radix.slottable");
+function g(e) {
+  return l.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === E;
+}
+function C(e, n) {
+  const o = { ...n };
+  for (const t in n) {
+    const r = e[t], i = n[t];
+    /^on[A-Z]/.test(t) ? r && i ? o[t] = (...s) => {
+      const a = i(...s);
+      return r(...s), a;
+    } : r && (o[t] = r) : t === "style" ? o[t] = { ...r, ...i } : t === "className" && (o[t] = [r, i].filter(Boolean).join(" "));
+  }
+  return { ...e, ...o };
+}
+function R(e) {
+  var t, r;
+  let n = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, o = n && "isReactWarning" in n && n.isReactWarning;
+  return o ? e.ref : (n = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, o = n && "isReactWarning" in n && n.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
+}
 export {
-  w as Primitive
+  x as createSlot
 };

package/dist/index.es30.js

@@ -1,6 +1,6 @@
 import { j as n } from "./index.es105.js";
 import { useState as h, useMemo as b, useEffect as k } from "react";
-import { avatarVariants as E } from "./index.es108.js";
+import { avatarVariants as E } from "./index.es126.js";
 import { extractInitials as m } from "./index.es95.js";
 import { cn as f } from "./index.es92.js";
 const A = ({