react-spring-carousel 3.0.0-beta090.38 → 3.0.0-beta090.39

package/dist/index.es.js

@@ -51,11 +51,11 @@ var Je = {};
 var sr;
 function kr() {
   return sr || (sr = 1, process.env.NODE_ENV !== "production" && function() {
-    var i = lr, m = Symbol.for("react.element"), g = Symbol.for("react.portal"), $ = Symbol.for("react.fragment"), Y = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), T = Symbol.for("react.provider"), l = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), W = Symbol.for("react.suspense_list"), L = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), u = Symbol.for("react.offscreen"), U = Symbol.iterator, E = "@@iterator";
+    var i = lr, m = Symbol.for("react.element"), g = Symbol.for("react.portal"), $ = Symbol.for("react.fragment"), Y = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), T = Symbol.for("react.provider"), l = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), W = Symbol.for("react.suspense_list"), L = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), u = Symbol.for("react.offscreen"), U = Symbol.iterator, x = "@@iterator";
     function ie(e) {
       if (e === null || typeof e != "object")
         return null;
-      var t = U && e[U] || e[E];
+      var t = U && e[U] || e[x];
       return typeof t == "function" ? t : null;
     }
     var F = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -68,8 +68,8 @@ function kr() {
     }
     function G(e, t, n) {
       {
-        var s = F.ReactDebugCurrentFrame, b = s.getStackAddendum();
-        b !== "" && (t += "%s", n = n.concat([b]));
+        var s = F.ReactDebugCurrentFrame, E = s.getStackAddendum();
+        E !== "" && (t += "%s", n = n.concat([E]));
         var _ = n.map(function(p) {
           return String(p);
         });
@@ -89,8 +89,8 @@ function kr() {
       var s = e.displayName;
       if (s)
         return s;
-      var b = t.displayName || t.name || "";
-      return b !== "" ? n + "(" + b + ")" : n;
+      var E = t.displayName || t.name || "";
+      return E !== "" ? n + "(" + E + ")" : n;
     }
     function N(e) {
       return e.displayName || "Context";
@@ -130,7 +130,7 @@ function kr() {
             var s = e.displayName || null;
             return s !== null ? s : y(e.type) || "Memo";
           case C: {
-            var b = e, _ = b._payload, p = b._init;
+            var E = e, _ = E._payload, p = E._init;
             try {
               return y(p(_));
             } catch {
@@ -140,7 +140,7 @@ function kr() {
         }
       return null;
     }
-    var x = Object.assign, R = 0, D, me, pe, c, w, k, te;
+    var b = Object.assign, R = 0, D, me, pe, c, w, k, te;
     function H() {
     }
     H.__reactDisabledLog = !0;
@@ -176,25 +176,25 @@ function kr() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: x({}, e, {
+            log: b({}, e, {
               value: D
             }),
-            info: x({}, e, {
+            info: b({}, e, {
               value: me
             }),
-            warn: x({}, e, {
+            warn: b({}, e, {
               value: pe
             }),
-            error: x({}, e, {
+            error: b({}, e, {
               value: c
             }),
-            group: x({}, e, {
+            group: b({}, e, {
               value: w
             }),
-            groupCollapsed: x({}, e, {
+            groupCollapsed: b({}, e, {
               value: k
             }),
-            groupEnd: x({}, e, {
+            groupEnd: b({}, e, {
               value: te
             })
           });
@@ -208,8 +208,8 @@ function kr() {
         if (B === void 0)
           try {
             throw Error();
-          } catch (b) {
-            var s = b.stack.trim().match(/\n( *(at )?)/);
+          } catch (E) {
+            var s = E.stack.trim().match(/\n( *(at )?)/);
             B = s && s[1] || "";
           }
         return `
@@ -231,7 +231,7 @@ function kr() {
       }
       var s;
       ge = !0;
-      var b = Error.prepareStackTrace;
+      var E = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var _;
       _ = Z.current, Z.current = null, ze();
@@ -287,7 +287,7 @@ function kr() {
             }
         }
       } finally {
-        ge = !1, Z.current = _, Ie(), Error.prepareStackTrace = b;
+        ge = !1, Z.current = _, Ie(), Error.prepareStackTrace = E;
       }
       var $e = e ? e.displayName || e.name : "", ur = $e ? oe($e) : "";
       return typeof e == "function" && Pe.set(e, ur), ur;
@@ -319,9 +319,9 @@ function kr() {
           case L:
             return ke(e.type, t, n);
           case C: {
-            var s = e, b = s._payload, _ = s._init;
+            var s = e, E = s._payload, _ = s._init;
             try {
-              return ke(_(b), t, n);
+              return ke(_(E), t, n);
             } catch {
             }
           }
@@ -336,7 +336,7 @@ function kr() {
       } else
         M.setExtraStackFrame(null);
     }
-    function Re(e, t, n, s, b) {
+    function Re(e, t, n, s, E) {
       {
         var _ = Function.call.bind(I);
         for (var p in e)
@@ -351,7 +351,7 @@ function kr() {
             } catch (V) {
               h = V;
             }
-            h && !(h instanceof Error) && (Fe(b), j("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", s || "React class", n, p, typeof h), Fe(null)), h instanceof Error && !(h.message in ue) && (ue[h.message] = !0, Fe(b), j("Failed %s type: %s", n, h.message), Fe(null));
+            h && !(h instanceof Error) && (Fe(E), j("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", s || "React class", n, p, typeof h), Fe(null)), h instanceof Error && !(h.message in ue) && (ue[h.message] = !0, Fe(E), j("Failed %s type: %s", n, h.message), Fe(null));
           }
       }
     }
@@ -430,7 +430,7 @@ function kr() {
         });
       }
     }
-    var Be = function(e, t, n, s, b, _, p) {
+    var Be = function(e, t, n, s, E, _, p) {
       var h = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: m,
@@ -456,13 +456,13 @@ function kr() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: b
+        value: E
       }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
     };
-    function qe(e, t, n, s, b) {
+    function qe(e, t, n, s, E) {
       {
         var _, p = {}, h = null, J = null;
-        n !== void 0 && (se(n), h = "" + n), rr(t) && (se(t.key), h = "" + t.key), je(t) && (J = t.ref, xe(t, b));
+        n !== void 0 && (se(n), h = "" + n), rr(t) && (se(t.key), h = "" + t.key), je(t) && (J = t.ref, xe(t, E));
         for (_ in t)
           I.call(t, _) && !Ze.hasOwnProperty(_) && (p[_] = t[_]);
         if (e && e.defaultProps) {
@@ -474,7 +474,7 @@ function kr() {
           var S = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
           h && Ye(p, S), J && Ue(p, S);
         }
-        return Be(e, h, J, b, s, Ce.current, p);
+        return Be(e, h, J, E, s, Ce.current, p);
       }
     }
     var Le = F.ReactCurrentOwner, Oe = F.ReactDebugCurrentFrame;
@@ -551,9 +551,9 @@ Check the top-level render call using <` + n + ">.");
         else if (r(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var b = ie(e);
-          if (typeof b == "function" && b !== e.entries)
-            for (var _ = b.call(e), p; !(p = _.next()).done; )
+          var E = ie(e);
+          if (typeof E == "function" && E !== e.entries)
+            for (var _ = E.call(e), p; !(p = _.next()).done; )
               r(p.value) && le(p.value, t);
         }
       }
@@ -577,8 +577,8 @@ Check the top-level render call using <` + n + ">.");
           Re(n, e.props, "prop", s, e);
         } else if (t.PropTypes !== void 0 && !Ae) {
           Ae = !0;
-          var b = y(t);
-          j("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", b || "Unknown");
+          var E = y(t);
+          j("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
         }
         typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && j("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
@@ -595,18 +595,18 @@ Check the top-level render call using <` + n + ">.");
         e.ref !== null && (be(e), j("Invalid attribute `ref` supplied to `React.Fragment`."), be(null));
       }
     }
-    function nr(e, t, n, s, b, _) {
+    function nr(e, t, n, s, E, _) {
       {
         var p = Te(e);
         if (!p) {
           var h = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (h += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var J = a(b);
+          var J = a(E);
           J ? h += J : h += o();
           var V;
           e === null ? V = "null" : ye(e) ? V = "array" : e !== void 0 && e.$$typeof === m ? (V = "<" + (y(e.type) || "Unknown") + " />", h = " Did you accidentally export a JSX literal instead of a component?") : V = typeof e, j("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", V, h);
         }
-        var S = qe(e, t, n, b, _);
+        var S = qe(e, t, n, E, _);
         if (S == null)
           return S;
         if (p) {
@@ -721,7 +721,7 @@ function pr({
     ) : 0;
   }
   function d(C) {
-    var E;
+    var x;
     function u() {
       return v.current ? v.current.querySelector(
         `#thumb-item-${$[C].id}`
@@ -732,7 +732,7 @@ function pr({
       const ie = U.offsetLeft, F = ie > f() ? f() : ie;
       l.start({
         from: {
-          val: ((E = v.current) == null ? void 0 : E[i === "x" ? "scrollLeft" : "scrollTop"]) ?? 0
+          val: ((x = v.current) == null ? void 0 : x[i === "x" ? "scrollLeft" : "scrollTop"]) ?? 0
         },
         to: {
           val: F
@@ -798,7 +798,7 @@ function Nr({
   slideWhenThresholdIsReached: C = !1,
   freeScroll: u,
   enableFreeScrollDrag: U,
-  initialStartingPosition: E,
+  initialStartingPosition: x,
   prepareThumbsData: ie,
   initialActiveItem: F = 0,
   animateWhenActiveItemChange: j = !0,
@@ -806,7 +806,7 @@ function Nr({
   __unstable_stretch_tems__: Ne = !0,
   slideAmount: ee
 }) {
-  const q = Y, re = O(!1), ae = O(L ?? 0), z = O("initial"), Te = O("initial"), he = O("initial"), N = O(F), y = O(F === 0), x = O(v === "fixed" && F === i.length - 1), R = O(null), D = O(null), me = O(0), pe = O(0), c = O(0), w = O(l), k = O(v), te = O(u), H = O(!1), Ie = De(() => l ? [
+  const q = Y, re = O(!1), ae = O(L ?? 0), z = O("initial"), Te = O("initial"), he = O("initial"), N = O(F), y = O(F === 0), b = O(v === "fixed" && F === i.length - 1), R = O(null), D = O(null), me = O(0), pe = O(0), c = O(0), w = O(l), k = O(v), te = O(u), H = O(!1), Ie = De(() => l ? [
     ...i.map((r) => ({
       ...r,
       id: `prev-repeated-item-${r.id}`
@@ -879,7 +879,7 @@ function Nr({
       slideMode: Te.current,
       nextItem: {
         startReached: y.current,
-        endReached: x.current,
+        endReached: b.current,
         index: u ? -1 : N.current,
         id: u ? "" : i[N.current].id
       }
@@ -902,7 +902,7 @@ function Nr({
           slideMode: Te.current,
           currentItem: {
             startReached: y.current,
-            endReached: x.current,
+            endReached: b.current,
             index: u ? -1 : N.current,
             id: u ? "" : i[N.current].id
           }
@@ -934,15 +934,15 @@ function Nr({
   }, [d, T]), we = De(
     (r) => {
       const o = d === "x" ? "left" : "top", a = D.current;
-      a && (l ? (a.style.top = "0px", a.style.left = "0px", a.style[o] = `-${r - f}px`, y.current = !1, x.current = !1) : (a.style.left = "0px", a.style.top = "0px"));
+      a && (l ? (a.style.top = "0px", a.style.left = "0px", a.style[o] = `-${r - f}px`, y.current = !1, b.current = !1) : (a.style.left = "0px", a.style.top = "0px"));
     },
     [d, f, l]
   ), ye = De(
     (r = !1) => {
       if (D.current && r && (D.current.style.transform = "translate3d(0px, 0px,0px)", D.current.style.left = "0", D.current.style.top = "0"), v === "fixed" && we(
-        E === "center" ? Re() * i.length - I() * Math.round((q - 1) / 2) : E === "end" ? Re() * i.length - I() * Math.round(q - 1) : Re() * i.length
+        x === "center" ? Re() * i.length - I() * Math.round((q - 1) / 2) : x === "end" ? Re() * i.length - I() * Math.round(q - 1) : Re() * i.length
       ), v === "fluid") {
-        if (we(Re() * i.length), x.current && M() !== Math.abs(c.current) && !l) {
+        if (we(Re() * i.length), b.current && M() !== Math.abs(c.current) && !l) {
           const o = -M();
           c.current = o, B.start({
             immediate: !0,
@@ -965,7 +965,7 @@ function Nr({
         const o = -(I() * N.current);
         if (Math.abs(o) > M() && !l) {
           const a = -M();
-          x.current = !0, c.current = a, B.start({
+          b.current = !0, c.current = a, B.start({
             immediate: !0,
             val: c.current
           });
@@ -984,7 +984,7 @@ function Nr({
       Re,
       I,
       M,
-      E,
+      x,
       i.length,
       q,
       we,
@@ -1010,14 +1010,14 @@ function Nr({
   function ce({ type: r, index: o, immediate: a }) {
     if (!m || H.current || y.current && !l)
       return;
-    x.current && (he.current = "backward"), z.current = "prev", x.current = !1;
+    b.current && (he.current = "backward"), z.current = "prev", b.current = !1;
     const P = typeof o == "number" ? o : N.current - 1;
     if (u && je(), !l) {
       const X = u ? _e("prev", o) - I() / 3 < 0 : _e("prev", o) + I() / 3 > 0;
       if (y.current)
         return;
       if (X) {
-        y.current = !0, x.current = !1, ue({
+        y.current = !0, b.current = !1, ue({
           slideMode: r,
           from: Q(),
           to: 0,
@@ -1028,7 +1028,7 @@ function Nr({
       }
     }
     if (l && (y.current || P < 0)) {
-      y.current = !1, x.current = !0, ue({
+      y.current = !1, b.current = !0, ue({
         slideMode: r,
         from: Q() - I() * i.length,
         to: -(I() * i.length) + I(),
@@ -1037,7 +1037,7 @@ function Nr({
       });
       return;
     }
-    P === 0 && (y.current = !0), (P === i.length - 1 || P === -1) && (x.current = !0), ue({
+    P === 0 && (y.current = !0), (P === i.length - 1 || P === -1) && (b.current = !0), ue({
       slideMode: r,
       from: Q(),
       to: _e("prev", o),
@@ -1046,16 +1046,16 @@ function Nr({
     });
   }
   function se({ type: r, index: o, immediate: a }) {
-    if (!m || H.current || x.current && !l)
+    if (!m || H.current || b.current && !l)
       return;
     y.current && (he.current = "forward"), z.current = "next", y.current = !1;
     const P = o || N.current + 1;
     if (u && je(), !l) {
       const X = Math.abs(_e("next", o)) > M() - I() / 3;
-      if (x.current)
+      if (b.current)
         return;
       if (X) {
-        y.current = !1, x.current = !0, ue({
+        y.current = !1, b.current = !0, ue({
           slideMode: r,
           from: Q(),
           to: u ? M() : -M(),
@@ -1065,8 +1065,8 @@ function Nr({
         return;
       }
     }
-    if (l && (x.current || P > i.length - 1)) {
-      x.current = !1, y.current = !0, ue({
+    if (l && (b.current || P > i.length - 1)) {
+      b.current = !1, y.current = !0, ue({
         slideMode: r,
         from: Q() + I() * i.length,
         to: 0,
@@ -1075,7 +1075,7 @@ function Nr({
       });
       return;
     }
-    P === 0 && (y.current = !0), P === i.length - 1 && (x.current = !0), ue({
+    P === 0 && (y.current = !0), P === i.length - 1 && (b.current = !0), ue({
       slideMode: r,
       from: Q(),
       to: _e("next", o),
@@ -1155,7 +1155,7 @@ function Nr({
         });
         return;
       }
-      r.last && !r.canceled && u && (z.current === "prev" && ce({ type: "drag" }), z.current === "next" && se({ type: "drag" })), r.last && !r.canceled && !u && (fe ? !l && x.current ? B.start({
+      r.last && !r.canceled && u && (z.current === "prev" && ce({ type: "drag" }), z.current === "next" && se({ type: "drag" })), r.last && !r.canceled && !u && (fe ? !l && b.current ? B.start({
         val: -M(),
         config: {
           ...We.default,
@@ -1198,7 +1198,7 @@ function Nr({
     } : {};
   }
   function je() {
-    R.current && (c.current = R.current[d === "x" ? "scrollLeft" : "scrollTop"], R.current[d === "x" ? "scrollLeft" : "scrollTop"] === 0 && (y.current = !0, x.current = !1), R.current[d === "x" ? "scrollLeft" : "scrollTop"] > 0 && R.current[d === "x" ? "scrollLeft" : "scrollTop"] < M() && (y.current = !1, x.current = !1), R.current[d === "x" ? "scrollLeft" : "scrollTop"] === M() && (y.current = !1, x.current = !0));
+    R.current && (c.current = R.current[d === "x" ? "scrollLeft" : "scrollTop"], R.current[d === "x" ? "scrollLeft" : "scrollTop"] === 0 && (y.current = !0, b.current = !1), R.current[d === "x" ? "scrollLeft" : "scrollTop"] > 0 && R.current[d === "x" ? "scrollLeft" : "scrollTop"] < M() && (y.current = !1, b.current = !1), R.current[d === "x" ? "scrollLeft" : "scrollTop"] === M() && (y.current = !1, b.current = !0));
   }
   function rr() {
     return u ? {
@@ -1219,7 +1219,7 @@ function Nr({
   function Ye({ id: r, immediate: o, shouldReset: a, type: P }) {
     if (!m || H.current)
       return;
-    y.current = !1, x.current = !1;
+    y.current = !1, b.current = !1;
     const X = xe(
       r,
       "The item you want to slide to doesn't exist; check the provided id."
@@ -1328,7 +1328,7 @@ function Nr({
       re.current = !0, Ze();
     }
   }, [
-    E,
+    x,
     q,
     f,
     T,
@@ -1478,7 +1478,7 @@ function Sr({
   draggingSlideTreshold: W = 50,
   thumbsSlideAxis: L = "x"
 }) {
-  const C = O("next"), u = O("initial"), U = O(null), [E, ie] = Tr(l ?? 0), { emitEvent: F, useListenToCustomEvent: j } = mr(), { handleScroll: G, thumbsFragment: Ne } = pr({
+  const C = O("next"), u = O("initial"), U = O(null), [x, ie] = Tr(l ?? 0), { emitEvent: F, useListenToCustomEvent: j } = mr(), { handleScroll: G, thumbsFragment: Ne } = pr({
     thumbsSlideAxis: L,
     items: g,
     renderThumbFnProps: {
@@ -1486,8 +1486,8 @@ function Sr({
       getIsPrevItem: y,
       useListenToCustomEvent: j,
       activeItem: {
-        index: E,
-        id: g[E].id
+        index: x,
+        id: g[x].id
       }
     }
   });
@@ -1534,7 +1534,7 @@ function Sr({
     };
   }
   ve(() => {
-    typeof l == "number" && l !== E && ie(l);
+    typeof l == "number" && l !== x && ie(l);
   }, [l]);
   function q({ to: c, slideType: w, slideMode: k }) {
     C.current = w, u.current = k, F({
@@ -1547,18 +1547,18 @@ function Sr({
         startReached: c === 0,
         endReached: c === g.length - 1
       }
-    }), ie(c), G(E);
+    }), ie(c), G(x);
   }
   function re(c) {
     if (!i)
       return;
-    const w = E === 0;
+    const w = x === 0;
     !T && w || q(T && w ? {
       to: g.length - 1,
       slideType: "prev",
       slideMode: c
     } : {
-      to: E - 1,
+      to: x - 1,
       slideType: "prev",
       slideMode: c
     });
@@ -1566,40 +1566,40 @@ function Sr({
   function ae(c) {
     if (!i)
       return;
-    const w = E === g.length - 1;
+    const w = x === g.length - 1;
     !T && w || q(T && w ? {
       to: 0,
       slideType: "next",
       slideMode: c
     } : {
-      to: E + 1,
+      to: x + 1,
       slideType: "next",
       slideMode: c
     });
   }
-  const z = wr(E, {
+  const z = wr(x, {
     config: $,
     key: null,
     trail: v,
     exitBeforeEnter: Y,
     ...ee(),
     onRest(c, w, k) {
-      c.finished && k === E && F({
+      c.finished && k === x && F({
         eventName: "onSlideChange",
         slideActionType: C.current,
         slideMode: u.current,
         currentItem: {
-          index: E,
-          id: g[E].id,
-          startReached: E === 0,
-          endReached: E === g.length - 1
+          index: x,
+          id: g[x].id,
+          startReached: x === 0,
+          endReached: x === g.length - 1
         }
       });
     }
   }), Te = hr(
     ({ last: c, movement: [w] }) => {
       if (c) {
-        const k = w > W, te = w < -W, H = E === 0, ze = E === g.length - 1;
+        const k = w > W, te = w < -W, H = x === 0, ze = x === g.length - 1;
         if (te) {
           if (!T && ze)
             return;
@@ -1629,14 +1629,14 @@ function Sr({
     return k;
   }
   function N(c) {
-    const w = he(c, "The item doesn't exist; check the provided id."), k = E;
+    const w = he(c, "The item doesn't exist; check the provided id."), k = x;
     return T && k === g.length - 1 ? w === 0 : w === k + 1;
   }
   function y(c) {
-    const w = he(c, "The item doesn't exist; check the provided id."), k = E;
+    const w = he(c, "The item doesn't exist; check the provided id."), k = x;
     return T && k === 0 ? w === g.length - 1 : w === k - 1;
   }
-  const x = z((c, w, k, te) => {
+  const b = z((c, w, k, te) => {
     const H = g[w].renderItem;
     return /* @__PURE__ */ A.jsx(
       _r.div,
@@ -1654,8 +1654,8 @@ function Sr({
           getIsNextItem: N,
           getIsPrevItem: y,
           activeItem: {
-            index: E,
-            id: g[E].id
+            index: x,
+            id: g[x].id
           }
         }) : H
       }
@@ -1667,7 +1667,8 @@ function Sr({
   const D = {
     useListenToCustomEvent: j,
     slideToPrevItem: () => re("click"),
-    slideToNextItem: () => ae("click")
+    slideToNextItem: () => ae("click"),
+    activeItem: x
   }, me = /* @__PURE__ */ A.jsx(or.Provider, { value: D, children: Ne }), pe = /* @__PURE__ */ A.jsx(or.Provider, { value: D, children: /* @__PURE__ */ A.jsx(
     "div",
     {
@@ -1682,7 +1683,7 @@ function Sr({
         overflow: "hidden",
         touchAction: R()
       },
-      children: x
+      children: b
     }
   ) });
   return {