@boxcustodia/library 1.7.9 → 1.7.10

package/dist/index.es302.js

@@ -1,86 +1,36 @@
-import { nodeContains as L } from "./index.es452.js";
-import { getOwnerDocument as P } from "./index.es454.js";
-import { useGlobalListeners as M } from "./index.es459.js";
-import { useState as G, useRef as D, useEffect as b, useMemo as N } from "react";
-let u = !1, p = 0;
-function g() {
-  u = !0, setTimeout(() => {
-    u = !1;
-  }, 50);
-}
-function H(d) {
-  d.pointerType === "touch" && g();
-}
-function x() {
-  if (!(typeof document > "u"))
-    return typeof PointerEvent < "u" ? document.addEventListener("pointerup", H) : process.env.NODE_ENV === "test" && document.addEventListener("touchend", g), p++, () => {
-      p--, !(p > 0) && (typeof PointerEvent < "u" ? document.removeEventListener("pointerup", H) : process.env.NODE_ENV === "test" && document.removeEventListener("touchend", g));
-    };
-}
-function _(d) {
-  let { onHoverStart: f, onHoverChange: s, onHoverEnd: l, isDisabled: r } = d, [h, E] = G(!1), t = D({
-    isHovered: !1,
-    ignoreEmulatedMouseEvents: !1,
-    pointerType: "",
-    target: null
-  }).current;
-  b(x, []);
-  let { addGlobalListener: c, removeAllGlobalListeners: m } = M(), { hoverProps: T, triggerHoverEnd: y } = N(() => {
-    let $ = (e, n) => {
-      if (t.pointerType = n, r || n === "touch" || t.isHovered || !e.currentTarget.contains(e.target)) return;
-      t.isHovered = !0;
-      let a = e.currentTarget;
-      t.target = a, c(P(e.target), "pointerover", (v) => {
-        t.isHovered && t.target && !L(t.target, v.target) && i(v, v.pointerType);
-      }, {
-        capture: !0
-      }), f && f({
-        type: "hoverstart",
-        target: a,
-        pointerType: n
-      }), s && s(!0), E(!0);
-    }, i = (e, n) => {
-      let a = t.target;
-      t.pointerType = "", t.target = null, !(n === "touch" || !t.isHovered || !a) && (t.isHovered = !1, m(), l && l({
-        type: "hoverend",
-        target: a,
-        pointerType: n
-      }), s && s(!1), E(!1));
-    }, o = {};
-    return typeof PointerEvent < "u" ? (o.onPointerEnter = (e) => {
-      u && e.pointerType === "mouse" || $(e, e.pointerType);
-    }, o.onPointerLeave = (e) => {
-      !r && e.currentTarget.contains(e.target) && i(e, e.pointerType);
-    }) : process.env.NODE_ENV === "test" && (o.onTouchStart = () => {
-      t.ignoreEmulatedMouseEvents = !0;
-    }, o.onMouseEnter = (e) => {
-      !t.ignoreEmulatedMouseEvents && !u && $(e, "mouse"), t.ignoreEmulatedMouseEvents = !1;
-    }, o.onMouseLeave = (e) => {
-      !r && e.currentTarget.contains(e.target) && i(e, "mouse");
-    }), {
-      hoverProps: o,
-      triggerHoverEnd: i
-    };
-  }, [
-    f,
-    s,
-    l,
-    r,
-    t,
-    c,
-    m
-  ]);
-  return b(() => {
-    r && y({
-      currentTarget: t.target
-    }, t.pointerType);
-  }, [
-    r
-  ]), {
-    hoverProps: T,
-    isHovered: h
-  };
+import * as p from "react";
+import * as f from "react-dom";
+import { createSlot as c } from "./index.es304.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));
 }
 export {
-  _ as useHover
+  h as Primitive,
+  w as dispatchDiscreteCustomEvent
 };

package/dist/index.es303.js

@@ -1,9 +1,183 @@
-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);
-  };
+import * as s from "react";
+import { composeEventHandlers as p } from "./index.es188.js";
+import { createCollection as H } from "./index.es203.js";
+import { useComposedRefs as V } from "./index.es176.js";
+import { createContextScope as z } from "./index.es189.js";
+import { useId as q } from "./index.es181.js";
+import { Primitive as G } from "./index.es398.js";
+import { useCallbackRef as J } from "./index.es207.js";
+import { useControllableState as Q } from "./index.es91.js";
+import { useDirection as W } from "./index.es204.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,
+    {
+      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))
+        }
+      )
+    }
+  );
+}), 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 {
-  f as mergeRefs
+  Re as Item,
+  ge as Root,
+  O as RovingFocusGroup,
+  j as RovingFocusGroupItem,
+  Fe as createRovingFocusGroupScope
 };

package/dist/index.es304.js

@@ -1,17 +1,50 @@
-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 * as l from "react";
+import { composeRefs as m } from "./index.es176.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 });
     }
-  }), [
-    t
-  ]);
+    return /* @__PURE__ */ u.jsx(n, { ...c, ref: r, children: i });
+  });
+  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 {
-  s as useObjectRef
+  x as createSlot
 };

package/dist/index.es305.js

@@ -1,46 +1,50 @@
-import { useCachedChildren as u } from "./index.es306.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"
-      }));
+import * as l from "react";
+import { composeRefs as m } from "./index.es176.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 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 };
 }
-const y = /* @__PURE__ */ a($);
-function C(e) {
-  return s(() => e != null ? /* @__PURE__ */ new Set([
-    e
-  ]) : null, [
-    e
-  ]);
+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 {
-  y as CollectionRendererContext,
-  $ as DefaultCollectionRenderer,
-  C as usePersistedKeys
+  x as createSlot
 };

package/dist/index.es306.js

@@ -1,36 +1,32 @@
-import { useMemo as a, cloneElement as p } from "react";
-function y(s) {
-  let { children: i, items: l, idScope: d, addIdAndValue: u, dependencies: m = [] } = s, o = a(() => /* @__PURE__ */ new WeakMap(), m);
-  return a(() => {
-    if (l && typeof i == "function") {
-      let f = [];
-      for (let t of l) {
-        let e = o.get(t);
-        if (!e) {
-          e = i(t);
-          var r, c;
-          let n = (c = (r = e.props.id) !== null && r !== void 0 ? r : t.key) !== null && c !== void 0 ? c : t.id;
-          if (n == null) throw new Error("Could not determine key for item");
-          d && (n = d + ":" + n), e = p(e, u ? {
-            key: n,
-            id: n,
-            value: t
-          } : {
-            key: n
-          }), o.set(t, e);
-        }
-        f.push(e);
-      }
-      return f;
-    } else if (typeof i != "function") return i;
-  }, [
-    i,
-    l,
-    o,
-    d,
-    u
-  ]);
-}
+import * as n from "react";
+import "react-dom";
+import { createSlot as f } from "./index.es397.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 });
+  });
+  return r.displayName = `Primitive.${i}`, { ...t, [i]: r };
+}, {});
 export {
-  y as useCachedChildren
+  w as Primitive
 };

package/dist/index.es307.js

@@ -1,30 +1,14 @@
-import { useState as V, useRef as C, useEffect as E, useCallback as N } from "react";
-function S(n, a, l) {
-  let [p, s] = V(n || a), i = C(n !== void 0), e = n !== void 0;
-  E(() => {
-    let t = i.current;
-    t !== e && process.env.NODE_ENV !== "production" && console.warn(`WARN: A component changed from ${t ? "controlled" : "uncontrolled"} to ${e ? "controlled" : "uncontrolled"}.`), i.current = e;
-  }, [
-    e
-  ]);
-  let o = e ? n : p, b = N((t, ...u) => {
-    let f = (r, ...c) => {
-      l && (Object.is(o, r) || l(r, ...c)), e || (o = r);
-    };
-    typeof t == "function" ? (process.env.NODE_ENV !== "production" && console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"), s((c, ...m) => {
-      let d = t(e ? o : c, ...m);
-      return f(d, ...u), e ? c : d;
-    })) : (e || s(t), f(t, ...u));
-  }, [
-    e,
-    o,
-    l
-  ]);
-  return [
-    o,
-    b
-  ];
-}
+const S = (s) => {
+  let t;
+  const o = /* @__PURE__ */ new Set(), c = (e, r) => {
+    const n = typeof e == "function" ? e(t) : e;
+    if (!Object.is(n, t)) {
+      const b = t;
+      t = r ?? (typeof n != "object" || n === null) ? n : Object.assign({}, t, n), o.forEach((l) => l(t, b));
+    }
+  }, i = () => t, a = { setState: c, getState: i, getInitialState: () => u, subscribe: (e) => (o.add(e), () => o.delete(e)) }, u = t = s(c, i, a);
+  return a;
+}, d = (s) => s ? S(s) : S;
 export {
-  S as useControlledState
+  d as createStore
 };

package/dist/index.es308.js

@@ -1,28 +1,10 @@
-import n from "./index.es518.js";
-import { useGridListItem as p } from "./index.es510.js";
-import { useLabels as b } from "./index.es460.js";
-import { isAndroid as c } from "./index.es457.js";
-import { useLocalizedStringFormatter as f } from "./index.es501.js";
-function u(e) {
-  return e && e.__esModule ? e.default : e;
-}
-function y(e, r, d) {
-  let { node: t } = e, a = p(e, r, d), i = a.rowProps["aria-expanded"] === !0, o = f(u(n), "@react-aria/tree"), s = b({
-    "aria-label": i ? o.format("collapse") : o.format("expand"),
-    "aria-labelledby": a.rowProps.id
-  }), l = {
-    onPress: () => {
-      a.isDisabled || (r.toggleKey(t.key), r.selectionManager.setFocused(!0), r.selectionManager.setFocusedKey(t.key));
-    },
-    tabIndex: c() ? -1 : null,
-    "data-react-aria-prevent-focus": !0,
-    ...s
-  };
-  return {
-    ...a,
-    expandButtonProps: l
-  };
+import { __module as e } from "./index.es309.js";
+import { __require as t } from "./index.es310.js";
+import { __require as s } from "./index.es311.js";
+var r;
+function p() {
+  return r ? e.exports : (r = 1, process.env.NODE_ENV === "production" ? e.exports = t() : e.exports = s(), e.exports);
 }
 export {
-  y as useTreeItem
+  p as __require
 };

package/dist/index.es309.js

@@ -1,10 +1,4 @@
-import { useGridList as f } from "./index.es505.js";
-function i(e, o, d) {
-  let { gridProps: r } = f(e, o, d);
-  return r.role = "treegrid", {
-    gridProps: r
-  };
-}
+var t = { exports: {} };
 export {
-  i as useTree
+  t as __module
 };

package/dist/index.es31.js

@@ -1,5 +1,5 @@
-import { j as r } from "./index.es104.js";
-import { cn as m } from "./index.es91.js";
+import { j as r } from "./index.es105.js";
+import { cn as m } from "./index.es92.js";
 const o = ({ src: e, ...a }) => /* @__PURE__ */ r.jsx(
   "div",
   {