@yselimcan/ui 0.0.6 → 0.0.8

package/dist/index250.js

@@ -1,5 +1,324 @@
-import { __require as r } from "./index258.js";
-var t = r();
+var F = (e, n, t) => {
+  if (n.length === 1 && n[0] === t) {
+    let r = !1;
+    try {
+      const u = {};
+      e(u) === u && (r = !0);
+    } catch {
+    }
+    if (r) {
+      let u;
+      try {
+        throw new Error();
+      } catch (s) {
+        ({ stack: u } = s);
+      }
+      console.warn(
+        `The result function returned its own inputs without modification. e.g
+\`createSelector([state => state.todos], todos => todos)\`
+This could lead to inefficient memoization and unnecessary re-renders.
+Ensure transformation logic is in the result function, and extraction logic is in the input selectors.`,
+        { stack: u }
+      );
+    }
+  }
+}, x = (e, n, t) => {
+  const { memoize: r, memoizeOptions: u } = n, { inputSelectorResults: s, inputSelectorResultsCopy: l } = e, o = r(() => ({}), ...u);
+  if (!(o.apply(null, s) === o.apply(null, l))) {
+    let c;
+    try {
+      throw new Error();
+    } catch (i) {
+      ({ stack: c } = i);
+    }
+    console.warn(
+      `An input selector returned a different result when passed same arguments.
+This means your output selector will likely run more frequently than intended.
+Avoid returning a new reference inside your input selector, e.g.
+\`createSelector([state => state.todos.map(todo => todo.id)], todoIds => todoIds.length)\``,
+      {
+        arguments: t,
+        firstInputs: s,
+        secondInputs: l,
+        stack: c
+      }
+    );
+  }
+}, A = {
+  inputStabilityCheck: "once",
+  identityFunctionCheck: "once"
+}, g = /* @__PURE__ */ Symbol("NOT_FOUND");
+function D(e, n = `expected a function, instead received ${typeof e}`) {
+  if (typeof e != "function")
+    throw new TypeError(n);
+}
+function q(e, n = `expected an object, instead received ${typeof e}`) {
+  if (typeof e != "object")
+    throw new TypeError(n);
+}
+function $(e, n = "expected all items to be functions, instead received the following types: ") {
+  if (!e.every((t) => typeof t == "function")) {
+    const t = e.map(
+      (r) => typeof r == "function" ? `function ${r.name || "unnamed"}()` : typeof r
+    ).join(", ");
+    throw new TypeError(`${n}[${t}]`);
+  }
+}
+var E = (e) => Array.isArray(e) ? e : [e];
+function W(e) {
+  const n = Array.isArray(e[0]) ? e[0] : e;
+  return $(
+    n,
+    "createSelector expects all input-selectors to be functions, but received the following types: "
+  ), n;
+}
+function I(e, n) {
+  const t = [], { length: r } = e;
+  for (let u = 0; u < r; u++)
+    t.push(e[u].apply(null, n));
+  return t;
+}
+var U = (e, n) => {
+  const { identityFunctionCheck: t, inputStabilityCheck: r } = {
+    ...A,
+    ...n
+  };
+  return {
+    identityFunctionCheck: {
+      shouldRun: t === "always" || t === "once" && e,
+      run: F
+    },
+    inputStabilityCheck: {
+      shouldRun: r === "always" || r === "once" && e,
+      run: x
+    }
+  };
+};
+function _(e) {
+  let n;
+  return {
+    get(t) {
+      return n && e(n.key, t) ? n.value : g;
+    },
+    put(t, r) {
+      n = { key: t, value: r };
+    },
+    getEntries() {
+      return n ? [n] : [];
+    },
+    clear() {
+      n = void 0;
+    }
+  };
+}
+function K(e, n) {
+  let t = [];
+  function r(o) {
+    const a = t.findIndex((c) => n(o, c.key));
+    if (a > -1) {
+      const c = t[a];
+      return a > 0 && (t.splice(a, 1), t.unshift(c)), c.value;
+    }
+    return g;
+  }
+  function u(o, a) {
+    r(o) === g && (t.unshift({ key: o, value: a }), t.length > e && t.pop());
+  }
+  function s() {
+    return t;
+  }
+  function l() {
+    t = [];
+  }
+  return { get: r, put: u, getEntries: s, clear: l };
+}
+var V = (e, n) => e === n;
+function L(e) {
+  return function(t, r) {
+    if (t === null || r === null || t.length !== r.length)
+      return !1;
+    const { length: u } = t;
+    for (let s = 0; s < u; s++)
+      if (!e(t[s], r[s]))
+        return !1;
+    return !0;
+  };
+}
+function X(e, n) {
+  const t = typeof n == "object" ? n : { equalityCheck: n }, {
+    equalityCheck: r = V,
+    maxSize: u = 1,
+    resultEqualityCheck: s
+  } = t, l = L(r);
+  let o = 0;
+  const a = u <= 1 ? _(l) : K(u, l);
+  function c() {
+    let i = a.get(arguments);
+    if (i === g) {
+      if (i = e.apply(null, arguments), o++, s) {
+        const y = a.getEntries().find(
+          (f) => s(f.value, i)
+        );
+        y && (i = y.value, o !== 0 && o--);
+      }
+      a.put(arguments, i);
+    }
+    return i;
+  }
+  return c.clearCache = () => {
+    a.clear(), c.resetResultsCount();
+  }, c.resultsCount = () => o, c.resetResultsCount = () => {
+    o = 0;
+  }, c;
+}
+var P = class {
+  constructor(e) {
+    this.value = e;
+  }
+  deref() {
+    return this.value;
+  }
+}, B = typeof WeakRef < "u" ? WeakRef : P, G = 0, z = 1;
+function m() {
+  return {
+    s: G,
+    v: void 0,
+    o: null,
+    p: null
+  };
+}
+function N(e, n = {}) {
+  let t = m();
+  const { resultEqualityCheck: r } = n;
+  let u, s = 0;
+  function l() {
+    let o = t;
+    const { length: a } = arguments;
+    for (let p = 0, y = a; p < y; p++) {
+      const f = arguments[p];
+      if (typeof f == "function" || typeof f == "object" && f !== null) {
+        let d = o.o;
+        d === null && (o.o = d = /* @__PURE__ */ new WeakMap());
+        const h = d.get(f);
+        h === void 0 ? (o = m(), d.set(f, o)) : o = h;
+      } else {
+        let d = o.p;
+        d === null && (o.p = d = /* @__PURE__ */ new Map());
+        const h = d.get(f);
+        h === void 0 ? (o = m(), d.set(f, o)) : o = h;
+      }
+    }
+    const c = o;
+    let i;
+    if (o.s === z)
+      i = o.v;
+    else if (i = e.apply(null, arguments), s++, r) {
+      const p = u?.deref?.() ?? u;
+      p != null && r(p, i) && (i = p, s !== 0 && s--), u = typeof i == "object" && i !== null || typeof i == "function" ? new B(i) : i;
+    }
+    return c.s = z, c.v = i, i;
+  }
+  return l.clearCache = () => {
+    t = m(), l.resetResultsCount();
+  }, l.resultsCount = () => s, l.resetResultsCount = () => {
+    s = 0;
+  }, l;
+}
+function H(e, ...n) {
+  const t = typeof e == "function" ? {
+    memoize: e,
+    memoizeOptions: n
+  } : e, r = (...u) => {
+    let s = 0, l = 0, o, a = {}, c = u.pop();
+    typeof c == "object" && (a = c, c = u.pop()), D(
+      c,
+      `createSelector expects an output function after the inputs, but received: [${typeof c}]`
+    );
+    const i = {
+      ...t,
+      ...a
+    }, {
+      memoize: p,
+      memoizeOptions: y = [],
+      argsMemoize: f = N,
+      argsMemoizeOptions: d = [],
+      devModeChecks: h = {}
+    } = i, w = E(y), T = E(d), v = W(u), k = p(function() {
+      return s++, c.apply(
+        null,
+        arguments
+      );
+    }, ...w);
+    let C = !0;
+    const M = f(function() {
+      l++;
+      const R = I(
+        v,
+        arguments
+      );
+      if (o = k.apply(null, R), process.env.NODE_ENV !== "production") {
+        const { identityFunctionCheck: S, inputStabilityCheck: b } = U(C, h);
+        if (S.shouldRun && S.run(
+          c,
+          R,
+          o
+        ), b.shouldRun) {
+          const j = I(
+            v,
+            arguments
+          );
+          b.run(
+            { inputSelectorResults: R, inputSelectorResultsCopy: j },
+            { memoize: p, memoizeOptions: w },
+            arguments
+          );
+        }
+        C && (C = !1);
+      }
+      return o;
+    }, ...T);
+    return Object.assign(M, {
+      resultFunc: c,
+      memoizedResultFunc: k,
+      dependencies: v,
+      dependencyRecomputations: () => l,
+      resetDependencyRecomputations: () => {
+        l = 0;
+      },
+      lastResult: () => o,
+      recomputations: () => s,
+      resetRecomputations: () => {
+        s = 0;
+      },
+      memoize: p,
+      argsMemoize: f
+    });
+  };
+  return Object.assign(r, {
+    withTypes: () => r
+  }), r;
+}
+var J = /* @__PURE__ */ H(N), Q = Object.assign(
+  (e, n = J) => {
+    q(
+      e,
+      `createStructuredSelector expects first argument to be an object where each property is a selector, instead received a ${typeof e}`
+    );
+    const t = Object.keys(e), r = t.map(
+      (s) => e[s]
+    );
+    return n(
+      r,
+      (...s) => s.reduce((l, o, a) => (l[t[a]] = o, l), {})
+    );
+  },
+  { withTypes: () => Q }
+);
 export {
-  t as w
+  J as createSelector,
+  H as createSelectorCreator,
+  Q as createStructuredSelector,
+  X as lruMemoize,
+  V as referenceEqualityCheck,
+  N as weakMapMemoize
 };

package/dist/index251.js

@@ -1,23 +1,5 @@
-import { stringifyAsLabel as o } from "./index141.js";
-function f(r, e) {
-  return (t, i) => {
-    if (t == null)
-      return !1;
-    const n = o(t, e);
-    return r.contains(n, i);
-  };
-}
-function s(r, e, t) {
-  return (i, n) => {
-    if (i == null)
-      return !1;
-    if (!n)
-      return !0;
-    const u = o(i, e), l = t != null ? o(t, e) : "";
-    return l && r.contains(l, n) && l.length === n.length ? !0 : r.contains(u, n);
-  };
-}
+import { __require as r } from "./index254.js";
+var i = r();
 export {
-  f as createCollatorItemFilter,
-  s as createSingleSelectionCollatorFilter
+  i as s
 };

package/dist/index252.js

@@ -1,8 +1,5 @@
-const I = /* @__PURE__ */ Symbol("none"), n = {
-  value: I,
-  index: -1
-};
+import { __require as r } from "./index258.js";
+var t = r();
 export {
-  n as INITIAL_LAST_HIGHLIGHT,
-  I as NO_ACTIVE_VALUE
+  t as w
 };

package/dist/index253.js

@@ -1,4 +1,4 @@
-import { evaluate as R, getSide as E, getSideAxis as C, getOppositePlacement as Q, getExpandedPlacements as U, getOppositeAxisPlacements as Z, getAlignmentSides as ee, getAlignment as $, min as z, max as L, getPaddingObject as te, rectToClientRect as X, sides as ne, getAlignmentAxis as ie, getAxisLength as se, clamp as _, getOppositeAxis as J } from "./index212.js";
+import { evaluate as R, getSide as E, getSideAxis as C, getOppositePlacement as Q, getExpandedPlacements as U, getOppositeAxisPlacements as Z, getAlignmentSides as ee, getAlignment as $, min as z, max as L, getPaddingObject as te, rectToClientRect as X, sides as ne, getAlignmentAxis as ie, getAxisLength as se, clamp as _, getOppositeAxis as J } from "./index226.js";
 function I(t, e, d) {
   let {
     reference: s,

package/dist/index256.js

@@ -1,4 +1,4 @@
-import { __exports as i } from "./index262.js";
+import { __exports as i } from "./index264.js";
 import h from "react";
 var f;
 function x() {

package/dist/index257.js

@@ -1,4 +1,4 @@
-import { __exports as s } from "./index263.js";
+import { __exports as s } from "./index265.js";
 import h from "react";
 var l;
 function A() {

package/dist/index260.js

@@ -1,4 +1,4 @@
-import { __exports as d } from "./index264.js";
+import { __exports as d } from "./index262.js";
 import q from "react";
 import { __require as w } from "./index254.js";
 var V;

package/dist/index261.js

@@ -1,4 +1,4 @@
-import { __exports as d } from "./index265.js";
+import { __exports as d } from "./index263.js";
 import M from "react";
 import { __require as b } from "./index254.js";
 var s;

package/dist/index262.js

@@ -1,4 +1,4 @@
-var r = {};
+var o = {};
 export {
-  r as __exports
+  o as __exports
 };

package/dist/index264.js

@@ -1,4 +1,4 @@
-var o = {};
+var r = {};
 export {
-  o as __exports
+  r as __exports
 };

package/dist/index28.js

@@ -1,6 +1,6 @@
 "use client";
 import * as o from "react";
-import { useButton as f } from "./index89.js";
+import { useButton as f } from "./index93.js";
 import { useRenderElement as c } from "./index87.js";
 const m = /* @__PURE__ */ o.forwardRef(function(t, n) {
   const {

package/dist/index29.js

@@ -1,4 +1,4 @@
-import c from "./index90.js";
+import c from "./index89.js";
 const e = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], t = c("check", e);
 export {
   e as __iconNode,

package/dist/index30.js

@@ -1,4 +1,4 @@
-import e from "./index90.js";
+import e from "./index89.js";
 const o = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]

package/dist/index31.js

@@ -1,4 +1,4 @@
-import o from "./index90.js";
+import o from "./index89.js";
 const e = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], c = o("chevron-down", e);
 export {
   e as __iconNode,

package/dist/index32.js

@@ -1,6 +1,6 @@
 "use client";
 import "react";
-import { AriaCombobox as n } from "./index234.js";
+import { AriaCombobox as n } from "./index214.js";
 import { jsx as i } from "react/jsx-runtime";
 function s(e) {
   const {

package/dist/index33.js

@@ -1,22 +1,22 @@
 "use client";
 import * as h from "react";
-import { useStableCallback as ie } from "./index124.js";
-import { isFirefox as K, isAndroid as re } from "./index162.js";
-import { useBaseUiId as ae } from "./index102.js";
+import { useStableCallback as ie } from "./index127.js";
+import { isFirefox as K, isAndroid as re } from "./index158.js";
+import { useBaseUiId as ae } from "./index109.js";
 import { useRenderElement as le } from "./index87.js";
-import { useComboboxRootContext as ue, useComboboxDerivedItemsContext as ce, useComboboxInputValueContext as de } from "./index223.js";
-import { selectors as r } from "./index224.js";
-import { pressableTriggerOpenStateMapping as pe } from "./index98.js";
-import { useFieldRootContext as fe } from "./index134.js";
-import { fieldValidityMapping as me } from "./index153.js";
-import { useLabelableContext as ge } from "./index135.js";
-import { useComboboxChipsContext as ye } from "./index226.js";
-import { useComboboxPositionerContext as Ie } from "./index227.js";
-import { createChangeEventDetails as l } from "./index100.js";
-import { useDirection as xe } from "./index186.js";
-import { useStore as a } from "./index149.js";
-import { stopEvent as V } from "./index225.js";
-import { escapeKey as be, none as A, inputClear as H, inputChange as C } from "./index101.js";
+import { useComboboxRootContext as ue, useComboboxDerivedItemsContext as ce, useComboboxInputValueContext as de } from "./index203.js";
+import { selectors as r } from "./index204.js";
+import { pressableTriggerOpenStateMapping as pe } from "./index105.js";
+import { useFieldRootContext as fe } from "./index130.js";
+import { fieldValidityMapping as me } from "./index149.js";
+import { useLabelableContext as ge } from "./index131.js";
+import { useComboboxChipsContext as ye } from "./index206.js";
+import { useComboboxPositionerContext as Ie } from "./index207.js";
+import { createChangeEventDetails as l } from "./index107.js";
+import { useDirection as xe } from "./index183.js";
+import { useStore as a } from "./index145.js";
+import { stopEvent as V } from "./index205.js";
+import { escapeKey as be, none as A, inputClear as H, inputChange as C } from "./index108.js";
 const he = {
   ...pe,
   ...me,

package/dist/index34.js

@@ -1,11 +1,11 @@
 "use client";
 import * as u from "react";
-import { useComboboxRootContext as c } from "./index223.js";
-import { ComboboxPortalContext as a } from "./index228.js";
-import { selectors as t } from "./index224.js";
+import { useComboboxRootContext as c } from "./index203.js";
+import { ComboboxPortalContext as a } from "./index208.js";
+import { selectors as t } from "./index204.js";
 import { jsx as e } from "react/jsx-runtime";
-import { FloatingPortal as d } from "./index111.js";
-import { useStore as n } from "./index149.js";
+import { FloatingPortal as d } from "./index118.js";
+import { useStore as n } from "./index145.js";
 const p = /* @__PURE__ */ u.forwardRef(function(m, s) {
   const {
     keepMounted: o = !1,

package/dist/index35.js

@@ -1,20 +1,20 @@
 "use client";
 import * as a from "react";
 import { useIsoLayoutEffect as U } from "./index126.js";
-import { useStableCallback as _ } from "./index124.js";
-import { inertValue as j } from "./index109.js";
-import { useScrollLock as B } from "./index157.js";
-import { useComboboxRootContext as F, useComboboxDerivedItemsContext as z, useComboboxFloatingContext as T } from "./index223.js";
-import { ComboboxPositionerContext as W } from "./index227.js";
-import { useAnchorPositioning as q } from "./index159.js";
-import { popupStateMapping as G } from "./index98.js";
-import { useComboboxPortalContext as J } from "./index228.js";
-import { DROPDOWN_COLLISION_AVOIDANCE as K } from "./index113.js";
+import { useStableCallback as _ } from "./index127.js";
+import { inertValue as j } from "./index116.js";
+import { useScrollLock as B } from "./index153.js";
+import { useComboboxRootContext as F, useComboboxDerivedItemsContext as z, useComboboxFloatingContext as T } from "./index203.js";
+import { ComboboxPositionerContext as W } from "./index207.js";
+import { useAnchorPositioning as q } from "./index155.js";
+import { popupStateMapping as G } from "./index105.js";
+import { useComboboxPortalContext as J } from "./index208.js";
+import { DROPDOWN_COLLISION_AVOIDANCE as K } from "./index119.js";
 import { useRenderElement as Q } from "./index87.js";
-import { selectors as t } from "./index224.js";
-import { InternalBackdrop as X } from "./index110.js";
+import { selectors as t } from "./index204.js";
+import { InternalBackdrop as X } from "./index117.js";
 import { jsxs as Y, jsx as Z } from "react/jsx-runtime";
-import { useStore as n } from "./index149.js";
+import { useStore as n } from "./index145.js";
 const $ = /* @__PURE__ */ a.forwardRef(function(c, u) {
   const {
     render: eo,

package/dist/index36.js

@@ -1,17 +1,17 @@
 "use client";
 import * as g from "react";
 import { useRenderElement as v } from "./index87.js";
-import { useComboboxRootContext as P, useComboboxFloatingContext as S, useComboboxDerivedItemsContext as D } from "./index223.js";
-import { selectors as e } from "./index224.js";
-import { popupStateMapping as y } from "./index98.js";
-import { useComboboxPositionerContext as N } from "./index227.js";
-import { useOpenChangeComplete as T } from "./index106.js";
-import { transitionStatusMapping as H } from "./index99.js";
-import { getDisabledMountTransitionStyles as O } from "./index167.js";
+import { useComboboxRootContext as P, useComboboxFloatingContext as S, useComboboxDerivedItemsContext as D } from "./index203.js";
+import { selectors as e } from "./index204.js";
+import { popupStateMapping as y } from "./index105.js";
+import { useComboboxPositionerContext as N } from "./index207.js";
+import { useOpenChangeComplete as T } from "./index113.js";
+import { transitionStatusMapping as H } from "./index106.js";
+import { getDisabledMountTransitionStyles as O } from "./index163.js";
 import { jsx as j } from "react/jsx-runtime";
-import { FloatingFocusManager as w } from "./index108.js";
-import { useStore as n } from "./index149.js";
-import { getTarget as A, contains as V } from "./index155.js";
+import { FloatingFocusManager as w } from "./index115.js";
+import { useStore as n } from "./index145.js";
+import { getTarget as A, contains as V } from "./index151.js";
 const _ = {
   ...y,
   ...H

package/dist/index37.js

@@ -1,15 +1,15 @@
 "use client";
 import * as r from "react";
-import { useStableCallback as u } from "./index124.js";
+import { useStableCallback as u } from "./index127.js";
 import { useRenderElement as A } from "./index87.js";
-import { useComboboxRootContext as K, useComboboxFloatingContext as _, useComboboxDerivedItemsContext as j } from "./index223.js";
-import { useComboboxPositionerContext as B } from "./index227.js";
-import { selectors as t } from "./index224.js";
+import { useComboboxRootContext as K, useComboboxFloatingContext as _, useComboboxDerivedItemsContext as j } from "./index203.js";
+import { useComboboxPositionerContext as B } from "./index207.js";
+import { selectors as t } from "./index204.js";
 import { ComboboxCollection as F } from "./index42.js";
-import { CompositeList as V } from "./index158.js";
+import { CompositeList as V } from "./index154.js";
 import { jsx as d } from "react/jsx-runtime";
-import { useStore as o } from "./index149.js";
-import { stopEvent as q } from "./index225.js";
+import { useStore as o } from "./index145.js";
+import { stopEvent as q } from "./index205.js";
 const G = /* @__PURE__ */ r.forwardRef(function(i, p) {
   var l;
   const {

package/dist/index38.js

@@ -2,16 +2,16 @@
 import * as l from "react";
 import * as j from "react-dom";
 import { useIsoLayoutEffect as C } from "./index126.js";
-import { useComboboxRootContext as U, useComboboxDerivedItemsContext as W } from "./index223.js";
-import { useCompositeListItem as _, IndexGuessBehavior as H } from "./index168.js";
+import { useComboboxRootContext as U, useComboboxDerivedItemsContext as W } from "./index203.js";
+import { useCompositeListItem as _, IndexGuessBehavior as H } from "./index165.js";
 import { useRenderElement as J } from "./index87.js";
-import { ComboboxItemContext as K } from "./index231.js";
-import { selectors as n } from "./index224.js";
-import { useComboboxRowContext as Q } from "./index232.js";
-import { findItemIndex as X, compareItemEquality as Y } from "./index142.js";
+import { ComboboxItemContext as K } from "./index211.js";
+import { selectors as n } from "./index204.js";
+import { useComboboxRowContext as Q } from "./index212.js";
+import { findItemIndex as X, compareItemEquality as Y } from "./index138.js";
 import { jsx as Z } from "react/jsx-runtime";
-import { useButton as ee } from "./index89.js";
-import { useStore as s } from "./index149.js";
+import { useButton as ee } from "./index93.js";
+import { useStore as s } from "./index145.js";
 const te = /* @__PURE__ */ l.memo(/* @__PURE__ */ l.forwardRef(function(E, M) {
   const {
     render: ne,

package/dist/index39.js

@@ -1,10 +1,10 @@
 "use client";
 import * as t from "react";
-import { useComboboxItemContext as d } from "./index231.js";
-import { useTransitionStatus as b } from "./index137.js";
-import { useOpenChangeComplete as I } from "./index106.js";
+import { useComboboxItemContext as d } from "./index211.js";
+import { useTransitionStatus as b } from "./index133.js";
+import { useOpenChangeComplete as I } from "./index113.js";
 import { useRenderElement as C } from "./index87.js";
-import { transitionStatusMapping as R } from "./index99.js";
+import { transitionStatusMapping as R } from "./index106.js";
 import { jsx as x } from "react/jsx-runtime";
 const M = /* @__PURE__ */ t.forwardRef(function(o, r) {
   const s = o.keepMounted ?? !1, {

package/dist/index40.js

@@ -1,8 +1,8 @@
 "use client";
 import * as r from "react";
 import { useRenderElement as u } from "./index87.js";
-import { ComboboxGroupContext as c } from "./index229.js";
-import { GroupCollectionProvider as d } from "./index230.js";
+import { ComboboxGroupContext as c } from "./index209.js";
+import { GroupCollectionProvider as d } from "./index210.js";
 import { jsx as s } from "react/jsx-runtime";
 const b = /* @__PURE__ */ r.forwardRef(function(t, i) {
   const {