@gearbox-protocol/ui-kit 4.0.0-next.1 → 4.0.0-next.2

package/dist/esm/components/base/info-list/info-list.js

@@ -1,36 +1,57 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Stack as a } from "../stack/stack.js";
-import { useTitleText as f } from "../text/use-title-text.js";
-import { VerticalIndicator as c } from "../../vertical-indicator/vertical-indicator.js";
-import { InfoListTest as r } from "./constants.js";
-function I({
+import { jsx as e } from "react/jsx-runtime";
+import { Stack as p } from "../stack/stack.js";
+import { useTitleText as r } from "../text/use-title-text.js";
+import { Typography as f } from "../../typography/typography.js";
+import { VerticalIndicator as l } from "../../vertical-indicator/vertical-indicator.js";
+import { InfoListTest as i } from "./constants.js";
+function h({
   children: t
 }) {
-  return /* @__PURE__ */ o(a, { gap: "sm", "data-testid": r.root, children: t });
+  return /* @__PURE__ */ e(p, { gap: "sm", "data-testid": i.root, children: t });
 }
-function L({
+function y({
   title: t,
-  value: i,
-  tip: e,
-  valueTo: n,
-  testId: m
+  value: o,
+  tip: n,
+  valueDescription: a,
+  valueTo: s,
+  testId: c
 }) {
-  const s = f();
-  return /* @__PURE__ */ o(
-    c,
+  const m = r();
+  return /* @__PURE__ */ e(
+    l,
     {
-      label: s(t),
-      tip: e,
-      value: i,
-      valueTo: n,
+      label: m(t),
+      tip: n,
+      value: o,
+      valueTo: s,
+      valueDescription: a,
       size: "sm",
       align: "center",
-      "data-testid": m ?? r.line
+      "data-testid": c ?? i.line
+    }
+  );
+}
+function L({
+  title: t
+}) {
+  const o = r();
+  return /* @__PURE__ */ e(
+    f,
+    {
+      as: "span",
+      color: "secondary",
+      weight: "bold",
+      variant: "caption",
+      className: "tracking-[0.55px] uppercase",
+      "data-testid": i.sectionTitle,
+      children: o(t)
     }
   );
 }
 export {
-  L as InfoLine,
-  I as InfoList,
-  r as InfoListTest
+  y as InfoLine,
+  h as InfoList,
+  i as InfoListTest,
+  L as InfoSectionTitle
 };

package/dist/esm/components/base/leverage-input/leverage-input.js

@@ -1,82 +1,85 @@
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { useState as x } from "react";
-import { Stack as I } from "../stack/stack.js";
-import { useTitleText as k } from "../text/use-title-text.js";
-import { EditInput as V } from "../../edit-input/edit-input.js";
-import { Slider as F } from "../../slider/slider.js";
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { useState as I } from "react";
+import { Stack as x } from "../stack/stack.js";
+import { useTitleText as y } from "../text/use-title-text.js";
+import { EditInput as F } from "../../edit-input/edit-input.js";
+import { Slider as j } from "../../slider/slider.js";
 import "../../slider/slider-context.js";
-import { TextButton as j } from "../../text-button/text-button.js";
-import { SimpleTooltip as y } from "../../tooltip/simple-tooltip.js";
+import { TextButton as O } from "../../text-button/text-button.js";
+import { SimpleTooltip as R } from "../../tooltip/simple-tooltip.js";
 import "../../tooltip/tooltip.js";
-import { FormattedMessageTyped as v } from "../../typed-intl/index.js";
-import { WithTitle as O } from "../../with-title/with-title.js";
+import { useIntlTyped as B, FormattedMessageTyped as T } from "../../typed-intl/index.js";
+import { WithTitle as D } from "../../with-title/with-title.js";
 import { LeverageInputTest as i } from "./constants.js";
-const o = 100, R = 10;
-function Q({
+const o = 100, P = 10;
+function Z({
   value: r,
   onChange: s,
   max: n,
-  min: m = 1,
-  step: w = 0.1,
+  min: l = 1,
   title: c,
   hint: d,
   reset: a,
-  colorIntervals: N,
-  colorIntervalLabel: b,
-  size: E = "sm"
+  colorIntervals: w,
+  colorIntervalLabel: N,
+  size: S = "sm"
 }) {
-  const S = k(), [C, p] = x(void 0), [u, f] = x(""), g = C ?? r, h = (e) => {
-    s(B(e, m, n)), p(void 0);
-  }, L = () => {
-    const e = Number.parseFloat(u.replace(",", "."));
-    Number.isFinite(e) && h(e);
-  }, M = N?.map((e) => ({
+  const E = B(), C = y(), p = w ?? [
+    { start: l, end: n, color: "additionalSuccess" }
+  ], L = N ?? (p.length > 0 ? E.formatMessage({
+    messageId: "components.leverageInput.available"
+  }) : void 0), [M, u] = I(void 0), [f, g] = I(""), h = M ?? r, v = (e) => {
+    s(_(e, l, n)), u(void 0);
+  }, k = () => {
+    const e = Number.parseFloat(f.replace(",", "."));
+    Number.isFinite(e) && v(e);
+  }, V = p.map((e) => ({
     ...e,
     start: e.start * o,
     end: e.end * o
   }));
   return /* @__PURE__ */ t("div", { "data-testid": i.root, children: /* @__PURE__ */ t(
-    O,
+    D,
     {
-      size: E,
-      title: /* @__PURE__ */ l(I, { direction: "row", align: "center", justify: "between", gap: "sm", children: [
-        /* @__PURE__ */ l("span", { className: "font-normal", children: [
-          c !== void 0 ? S(c) : /* @__PURE__ */ t(v, { messageId: "components.leverageInput.label" }),
+      size: S,
+      title: /* @__PURE__ */ m(x, { direction: "row", align: "center", justify: "between", gap: "sm", children: [
+        /* @__PURE__ */ m("span", { className: "font-normal", children: [
+          c !== void 0 ? C(c) : /* @__PURE__ */ t(T, { messageId: "components.leverageInput.label" }),
           d ? /* @__PURE__ */ t("span", { className: "text-muted-foreground ml-1", children: d }) : null
         ] }),
-        /* @__PURE__ */ l(I, { direction: "row", align: "center", gap: "sm", children: [
+        /* @__PURE__ */ m(x, { direction: "row", align: "center", gap: "sm", children: [
           /* @__PURE__ */ t("div", { className: "flex w-[90px] flex-row flex-nowrap items-center", children: /* @__PURE__ */ t(
-            V,
+            F,
             {
-              value: u,
+              value: f,
               placeholder: "0",
-              label: `×${T(g)}`,
+              label: `×${b(h)}`,
               textButtonProps: {
                 className: "inline-flex items-center whitespace-nowrap"
               },
               "data-testid": i.value,
               onEditModeChange: (e) => {
-                e && f(T(r));
+                e && g(b(r));
               },
-              onChange: (e) => f(e.target.value),
-              onSubmit: L
+              onChange: (e) => g(e.target.value),
+              onSubmit: k
             }
           ) }),
           a ? /* @__PURE__ */ t(
-            y,
+            R,
             {
               placement: "top",
               triangle: !1,
               triggerClassName: "inline-flex shrink-0",
               title: /* @__PURE__ */ t(
-                j,
+                O,
                 {
                   buttonColor: "secondaryDashed",
                   size: "sm",
                   className: "max-w-full truncate",
                   onClick: a.onClick,
                   "data-testid": a.testId ?? i.reset,
-                  children: /* @__PURE__ */ t(v, { messageId: "components.leverageInput.reset" })
+                  children: /* @__PURE__ */ t(T, { messageId: "components.leverageInput.reset" })
                 }
               ),
               children: a.tooltip
@@ -85,30 +88,30 @@ function Q({
         ] })
       ] }),
       children: /* @__PURE__ */ t(
-        F,
+        j,
         {
-          from: m * o,
+          from: l * o,
           to: n * o,
           precision: o,
-          value: g * o,
-          colorIntervals: M,
-          colorIntervalLabel: b,
-          markerStep: n > R ? 200 : w * o,
+          value: h * o,
+          colorIntervals: V,
+          colorIntervalLabel: L,
+          markerStep: n > P ? 200 : 100,
           "data-testid": i.slider,
-          onChangeValue: (e) => p(e / o),
-          onSubmitValue: (e) => h(e / o)
+          onChangeValue: (e) => u(e / o),
+          onSubmitValue: (e) => v(e / o)
         }
       )
     }
   ) });
 }
-function B(r, s, n) {
+function _(r, s, n) {
   return Math.min(Math.max(r, s), n);
 }
-function T(r) {
-  return (Math.round(r * 100) / 100).toFixed(2).replace(/\.?0+$/, "");
+function b(r) {
+  return (Math.round(r * 100) / 100).toFixed(2);
 }
 export {
-  Q as LeverageInput,
+  Z as LeverageInput,
   i as LeverageInputTest
 };

package/dist/esm/components/base/liquidation-params-table/constants.js

@@ -0,0 +1,6 @@
+class t {
+  static root = "liquidation-params-table-root";
+}
+export {
+  t as LiquidationParamsTableTest
+};

package/dist/esm/components/base/liquidation-params-table/index.js

@@ -0,0 +1,6 @@
+import { LiquidationParamsTableTest as o } from "./constants.js";
+import { LiquidationParamsTable as e } from "./liquidation-params-table.js";
+export {
+  e as LiquidationParamsTable,
+  o as LiquidationParamsTableTest
+};

package/dist/esm/components/base/liquidation-params-table/liquidation-params-table.js

@@ -0,0 +1,62 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import "react-intl";
+import "../../buttons/button/button.js";
+import "react";
+import "@gearbox-protocol/sdk";
+import "clsx";
+import "tailwind-merge";
+import "sonner";
+import "@gearbox-protocol/sdk/common-utils";
+import "luxon";
+import "../../../utils/z-index.js";
+import "../../table/grid-table.js";
+import "../../skeleton/skeleton.js";
+import { Table as d, TableHeader as c, TableRow as s, TableHead as m, TableBody as p, TableCell as r } from "../../table/table.js";
+import { FormattedMessageTyped as t } from "../../typed-intl/index.js";
+import { LiquidationParamsTableTest as u } from "./constants.js";
+function a(o) {
+  return o / 100;
+}
+function z({
+  data: o
+}) {
+  const n = a(o.liquidationPremium), l = a(o.liquidationFee);
+  return /* @__PURE__ */ i(
+    d,
+    {
+      size: "sm",
+      className: "min-w-[480px]",
+      "data-testid": u.root,
+      children: [
+        /* @__PURE__ */ e(c, { children: /* @__PURE__ */ i(s, { children: [
+          /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(t, { messageId: "components.liquidationParamsTable.lt" }) }),
+          /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(t, { messageId: "components.liquidationParamsTable.penalty" }) }),
+          /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(t, { messageId: "components.liquidationParamsTable.premium" }) }),
+          /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(t, { messageId: "components.liquidationParamsTable.fee" }) })
+        ] }) }),
+        /* @__PURE__ */ e(p, { children: /* @__PURE__ */ i(s, { children: [
+          /* @__PURE__ */ i(r, { className: "font-medium", children: [
+            a(o.liquidationThreshold).toFixed(2),
+            "%"
+          ] }),
+          /* @__PURE__ */ i(r, { className: "font-medium", children: [
+            (n + l).toFixed(2),
+            "%"
+          ] }),
+          /* @__PURE__ */ i(r, { className: "font-medium", children: [
+            n.toFixed(2),
+            "%"
+          ] }),
+          /* @__PURE__ */ i(r, { className: "font-medium", children: [
+            l.toFixed(2),
+            "%"
+          ] })
+        ] }) })
+      ]
+    }
+  );
+}
+export {
+  z as LiquidationParamsTable,
+  u as LiquidationParamsTableTest
+};

package/dist/esm/components/base/manage-pane/index.js

@@ -1,9 +1,10 @@
-import { ManagePane as n, ManagePaneMessage as g, ManagePaneTab as o, ManagePaneTabDropdown as M } from "./manage-pane.js";
-import { ManagePaneTest as P } from "./constants.js";
+import { ManagePane as n, ManagePaneActionTab as g, ManagePaneMessage as o, ManagePaneTab as M, ManagePaneTabDropdown as P } from "./manage-pane.js";
+import { ManagePaneTest as t } from "./constants.js";
 export {
   n as ManagePane,
-  g as ManagePaneMessage,
-  o as ManagePaneTab,
-  M as ManagePaneTabDropdown,
-  P as ManagePaneTest
+  g as ManagePaneActionTab,
+  o as ManagePaneMessage,
+  M as ManagePaneTab,
+  P as ManagePaneTabDropdown,
+  t as ManagePaneTest
 };

package/dist/esm/components/base/manage-pane/manage-pane.js

@@ -1,83 +1,103 @@
-import { jsx as n, jsxs as a } from "react/jsx-runtime";
-import { faEllipsis as S } from "@fortawesome/free-solid-svg-icons";
-import { Children as P, isValidElement as c } from "react";
-import { InfoPortalProvider as w, InfoPortalOut as I } from "../info-portal/info-portal.js";
-import { SegmentedTabs as y, SEGMENTED_TABS_INACTIVE_BUTTON_CLASS as C } from "../segmented-tabs/segmented-tabs.js";
-import { Stack as o } from "../stack/stack.js";
-import { useTitleText as D } from "../text/use-title-text.js";
-import { Button as E } from "../../buttons/button/button.js";
-import { StyledDialogContainer as N } from "../../client-adapters/styled-dialog-container/styled-dialog-container.js";
-import { FaIcon as _ } from "../../icons/fa-icon.js";
-import { SimpleDropdown as x } from "../../simple-dropdown/simple-dropdown.js";
-import { SimpleDropdownMenuItem as A } from "../../simple-dropdown/simple-dropdown-menu-item.js";
-import { ManagePaneTest as r } from "./constants.js";
-function v(e) {
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { faEllipsis as C } from "@fortawesome/free-solid-svg-icons";
+import { Children as A, isValidElement as m } from "react";
+import { InfoPortalProvider as _, InfoPortalOut as D } from "../info-portal/info-portal.js";
+import { SegmentedTabs as E, SEGMENTED_TABS_INACTIVE_BUTTON_CLASS as N } from "../segmented-tabs/segmented-tabs.js";
+import { Stack as r } from "../stack/stack.js";
+import { useTitleText as x } from "../text/use-title-text.js";
+import { Button as v } from "../../buttons/button/button.js";
+import { StyledDialogContainer as B } from "../../client-adapters/styled-dialog-container/styled-dialog-container.js";
+import { FaIcon as j } from "../../icons/fa-icon.js";
+import { SimpleDropdown as k } from "../../simple-dropdown/simple-dropdown.js";
+import { SimpleDropdownMenuItem as z } from "../../simple-dropdown/simple-dropdown-menu-item.js";
+import { ManagePaneTest as o } from "./constants.js";
+function O(n) {
   return null;
 }
-function B(e) {
+function V(n) {
   return null;
 }
-function j(e) {
-  return c(e) && e.type === v;
+function F(n) {
+  return null;
+}
+function G(n) {
+  return m(n) && n.type === O;
+}
+function L(n) {
+  return m(n) && n.type === V;
 }
-function z(e) {
-  return c(e) && e.type === B;
+function U(n) {
+  return m(n) && n.type === F;
 }
-function W({
-  children: e,
-  activeTab: d,
-  onTabChange: f,
-  header: u,
-  footer: g,
-  actions: l,
-  testId: h
+function et({
+  children: n,
+  activeTab: c,
+  onTabChange: h,
+  header: T,
+  footer: b,
+  actions: s,
+  testId: M
 }) {
-  const T = D(), p = P.toArray(e), m = p.filter(j), b = p.find(z), s = m.filter((t) => !t.props.hidden), M = m.find((t) => t.props.id === d)?.props.children, i = b?.props.items ?? [];
-  return /* @__PURE__ */ n(w, { children: /* @__PURE__ */ a(o, { gap: "md", "data-testid": h ?? r.root, children: [
-    u,
-    s.length > 0 || i.length > 0 || l ? /* @__PURE__ */ a(o, { direction: "row", align: "center", gap: "sm", children: [
-      s.length > 0 ? /* @__PURE__ */ n(
-        y,
+  const f = x(), p = A.toArray(n), u = p.filter(G), I = p.find(L), l = p.filter(U), P = u.filter((t) => !t.props.hidden), S = u.find((t) => t.props.id === c)?.props.children, i = I?.props.items ?? [], w = new Set(l.map((t) => t.props.id)), d = [
+    ...P.map((t) => ({
+      id: t.props.id,
+      item: f(t.props.title),
+      disabled: t.props.disabled,
+      testId: o.tab(t.props.id)
+    })),
+    ...l.map((t) => ({
+      id: t.props.id,
+      item: f(t.props.title),
+      testId: o.tab(t.props.id)
+    }))
+  ];
+  return /* @__PURE__ */ e(_, { children: /* @__PURE__ */ a(r, { gap: "md", "data-testid": M ?? o.root, children: [
+    T,
+    d.length > 0 || i.length > 0 || s ? /* @__PURE__ */ a(r, { direction: "row", align: "center", gap: "sm", children: [
+      d.length > 0 ? /* @__PURE__ */ e(
+        E,
         {
-          items: s.map((t) => ({
-            id: t.props.id,
-            item: T(t.props.title),
-            disabled: t.props.disabled,
-            testId: r.tab(t.props.id)
-          })),
-          activeTab: d,
-          onTabChange: f,
-          testId: r.tabs
+          items: d,
+          activeTab: c,
+          onTabChange: (t) => {
+            const g = l.find((y) => y.props.id === t);
+            if (g) {
+              g.props.onClick();
+              return;
+            }
+            w.has(t) || h(t);
+          },
+          testId: o.tabs
         }
       ) : null,
-      i.length > 0 || l ? /* @__PURE__ */ a(
-        o,
+      i.length > 0 || s ? /* @__PURE__ */ a(
+        r,
         {
           direction: "row",
           align: "center",
           gap: "sm",
           className: "ml-auto",
           children: [
-            i.length > 0 ? /* @__PURE__ */ n(
-              x,
+            i.length > 0 ? /* @__PURE__ */ e(
+              k,
               {
-                title: /* @__PURE__ */ n(
-                  E,
+                title: /* @__PURE__ */ e(
+                  v,
                   {
                     type: "button",
                     variant: "ghost",
                     size: "md",
-                    className: C,
+                    className: N,
                     "aria-label": "More actions",
-                    "data-testid": r.dropdown,
-                    children: /* @__PURE__ */ n(_, { icon: S, className: "size-4" })
+                    "data-testid": o.dropdown,
+                    children: /* @__PURE__ */ e(j, { icon: C, className: "size-4" })
                   }
                 ),
                 asChild: !0,
                 placement: "bottom",
                 align: "end",
-                children: i.map((t) => /* @__PURE__ */ n(
-                  A,
+                children: i.map((t) => /* @__PURE__ */ e(
+                  z,
                   {
                     onSelect: t.onSelect,
                     children: t.title
@@ -86,34 +106,35 @@ function W({
                 ))
               }
             ) : null,
-            l
+            s
           ]
         }
       ) : null
     ] }) : null,
     /* @__PURE__ */ a(
-      N,
+      B,
       {
-        "data-testid": r.body,
+        "data-testid": o.body,
         "data-aside-form-top": !0,
         children: [
-          /* @__PURE__ */ n(o, { children: /* @__PURE__ */ n(I, {}) }),
-          M
+          /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(D, {}) }),
+          S
         ]
       }
     ),
-    g
+    b
   ] }) });
 }
-function X({
-  children: e
+function ot({
+  children: n
 }) {
-  return /* @__PURE__ */ n(o, { gap: "sm", "data-testid": r.message, children: e });
+  return /* @__PURE__ */ e(r, { gap: "sm", "data-testid": o.message, children: n });
 }
 export {
-  W as ManagePane,
-  X as ManagePaneMessage,
-  v as ManagePaneTab,
-  B as ManagePaneTabDropdown,
-  r as ManagePaneTest
+  et as ManagePane,
+  F as ManagePaneActionTab,
+  ot as ManagePaneMessage,
+  O as ManagePaneTab,
+  V as ManagePaneTabDropdown,
+  o as ManagePaneTest
 };

package/dist/esm/components/base/more-accordion/constants.js

@@ -0,0 +1,7 @@
+class r {
+  static root = "more-accordion-root";
+  static trigger = "more-accordion-trigger";
+}
+export {
+  r as MoreAccordionTest
+};

package/dist/esm/components/base/more-accordion/index.js

@@ -0,0 +1,6 @@
+import { MoreAccordionTest as e } from "./constants.js";
+import { MoreAccordion as t } from "./more-accordion.js";
+export {
+  t as MoreAccordion,
+  e as MoreAccordionTest
+};

package/dist/esm/components/base/more-accordion/more-accordion.js

@@ -0,0 +1,51 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { useState as c } from "react";
+import { faChevronDown as d } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as l } from "../../icons/fa-icon.js";
+import { SimpleAccordion as p, SimpleAccordionItem as f } from "../../simple-accordion/simple-accordion.js";
+import { useTitleText as u } from "../text/use-title-text.js";
+import { MoreAccordionTest as t } from "./constants.js";
+function A({
+  children: i,
+  moreMessage: n = "components.moreAccordion.more",
+  lessMessage: s = "components.moreAccordion.less"
+}) {
+  const r = u(), [a, m] = c(!1);
+  return /* @__PURE__ */ e("div", { "data-testid": t.root, children: /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
+    f,
+    {
+      value: "more",
+      last: !0,
+      hideIcon: !0,
+      onClick: m,
+      triggerClassName: "py-0 font-normal justify-center group",
+      className: "border-b-0",
+      title: /* @__PURE__ */ o(
+        "div",
+        {
+          className: "grid w-full grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-3",
+          "data-testid": t.trigger,
+          children: [
+            /* @__PURE__ */ e("div", { className: "border-b border-gray-20" }),
+            /* @__PURE__ */ o("span", { className: "inline-flex items-center justify-center gap-1.5 whitespace-nowrap text-sm font-medium leading-[17px] text-secondary-foreground transition-colors group-hover:text-white", children: [
+              r(a ? s : n),
+              /* @__PURE__ */ e(
+                l,
+                {
+                  icon: d,
+                  className: "size-3 transition-transform group-data-[state=open]:rotate-180"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e("div", { className: "border-b border-gray-20" })
+          ]
+        }
+      ),
+      description: /* @__PURE__ */ e("div", { className: "px-4 pb-0 pt-4", children: i })
+    }
+  ) }) });
+}
+export {
+  A as MoreAccordion,
+  t as MoreAccordionTest
+};

package/dist/esm/components/base/nested-info-stack/constants.js

@@ -0,0 +1,6 @@
+class o {
+  static root = "nested-info-stack-root";
+}
+export {
+  o as NestedInfoStackTest
+};

package/dist/esm/components/base/nested-info-stack/index.js

@@ -0,0 +1,6 @@
+import { NestedInfoStackTest as o } from "./constants.js";
+import { NestedInfoStack as r } from "./nested-info-stack.js";
+export {
+  r as NestedInfoStack,
+  o as NestedInfoStackTest
+};

package/dist/esm/components/base/nested-info-stack/nested-info-stack.js

@@ -0,0 +1,20 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Stack as r } from "../stack/stack.js";
+import { NestedInfoStackTest as t } from "./constants.js";
+function l({
+  children: e
+}) {
+  return /* @__PURE__ */ o(
+    r,
+    {
+      gap: "sm",
+      className: "relative py-[2px] pr-0 pl-3 before:absolute before:top-0 before:left-0 before:block before:h-full before:border-l-2 before:border-l-gray-40 before:content-['']",
+      "data-testid": t.root,
+      children: e
+    }
+  );
+}
+export {
+  l as NestedInfoStack,
+  t as NestedInfoStackTest
+};