@gearbox-protocol/ui-kit 3.14.0-next.65 → 3.14.0-next.66

package/dist/cjs/components/composites/tx-preview/confirm/dialog/TransactionConfirmShell.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("../../../../error-message/error-line-message.cjs");require("react-intl");require("../../../../buttons/button/button.cjs");require("../../../../dialog/dialog-container.cjs");require("react");require("@gearbox-protocol/sdk");require("clsx");require("tailwind-merge");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../../../utils/z-index.cjs");const v=require("../../../../skeleton/skeleton-stack.cjs"),a=require("../../../../vspace/vspace.cjs"),w=require("../stepper/ProgressStepper.cjs"),j=require("../stepper/transactionExecutionStepTypes.cjs"),T=require("./computeTransactionConfirmDialogLayout.cjs"),i=require("./constants.cjs");function S({phase:u="confirm",header:t,preview:m,previewLoading:h=!1,previewError:c,previewErrorTitle:d="Unable to preview transaction",previewClassName:p=i.transactionConfirmPreviewScrollVariants(),execution:x,progressSteps:n,renderProgressStepLabel:o,result:l,className:_,"data-testid":f=i.TransactionConfirmDialogTest.root}){const q=!!(n&&o&&j.shouldShowTransactionProgressStepper(n)),s=T.computeTransactionConfirmDialogLayout(u,q);return e.jsxs("div",{className:i.transactionConfirmShellContentVariants({className:_}),"data-testid":f,children:[t?e.jsx("div",{className:"shrink-0",children:t}):null,t?e.jsx(a.VSpace,{height:16}):null,s.showResult&&l?e.jsx("div",{className:"min-h-0","data-testid":i.TransactionConfirmDialogTest.result,children:l}):null,s.showResult?null:e.jsxs("div",{className:"flex min-h-0 flex-1 flex-col",children:[s.showPreview?e.jsx("div",{className:p,children:h?e.jsx(v.SkeletonStack,{lines:3}):c?e.jsx(g.ErrorLineMessage,{err:c,title:d}):m}):null,s.showPreview&&s.showExecution?e.jsx(a.VSpace,{height:24}):null,s.showExecution?e.jsx("div",{className:"min-w-0 w-full shrink-0","data-testid":i.TransactionConfirmDialogTest.execution,children:x}):null]}),s.showProgressStepper&&n&&o?e.jsxs(e.Fragment,{children:[e.jsx(a.VSpace,{height:24}),e.jsx("div",{className:"shrink-0","data-testid":i.TransactionConfirmDialogTest.progress,children:e.jsx(w.ProgressStepper,{tone:"muted",steps:n.map(r=>({id:r.id,status:r.status,label:o(r)}))})})]}):null]})}exports.TransactionConfirmShell=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("../../../../error-message/error-line-message.cjs");require("react-intl");require("../../../../buttons/button/button.cjs");require("../../../../dialog/dialog-container.cjs");require("react");require("@gearbox-protocol/sdk");require("clsx");require("tailwind-merge");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../../../utils/z-index.cjs");const v=require("../../../../skeleton/skeleton-stack.cjs"),a=require("../../../../vspace/vspace.cjs"),w=require("../stepper/ProgressStepper.cjs"),j=require("../stepper/transactionExecutionStepTypes.cjs"),T=require("./computeTransactionConfirmDialogLayout.cjs"),i=require("./constants.cjs");function S({phase:u="confirm",header:o,preview:m,previewLoading:h=!1,previewError:c,previewErrorTitle:d="Unable to preview transaction",previewClassName:x=i.transactionConfirmPreviewScrollVariants(),execution:p,progressSteps:n,renderProgressStepLabel:t,result:l,className:_,"data-testid":f=i.TransactionConfirmDialogTest.root}){const q=!!(n&&t&&j.shouldShowTransactionProgressStepper(n)),s=T.computeTransactionConfirmDialogLayout(u,q);return e.jsxs("div",{className:i.transactionConfirmShellContentVariants({className:_}),"data-testid":f,children:[o?e.jsx("div",{className:"shrink-0",children:o}):null,o?e.jsx(a.VSpace,{height:16}):null,s.showResult&&l?e.jsx("div",{className:"flex min-h-0 flex-1 flex-col","data-testid":i.TransactionConfirmDialogTest.result,children:l}):null,s.showResult?null:e.jsxs("div",{className:"flex min-h-0 flex-1 flex-col",children:[s.showPreview?e.jsx("div",{className:x,children:h?e.jsx(v.SkeletonStack,{lines:3}):c?e.jsx(g.ErrorLineMessage,{err:c,title:d}):m}):null,s.showPreview&&s.showExecution?e.jsx(a.VSpace,{height:24}):null,s.showExecution?e.jsx("div",{className:"min-w-0 w-full shrink-0","data-testid":i.TransactionConfirmDialogTest.execution,children:p}):null]}),s.showProgressStepper&&n&&t?e.jsxs(e.Fragment,{children:[e.jsx(a.VSpace,{height:24}),e.jsx("div",{className:"shrink-0","data-testid":i.TransactionConfirmDialogTest.progress,children:e.jsx(w.ProgressStepper,{tone:"muted",steps:n.map(r=>({id:r.id,status:r.status,label:t(r)}))})})]}):null]})}exports.TransactionConfirmShell=S;

package/dist/cjs/components/composites/tx-preview/confirm/result/TransactionConfirmFailureResult.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("@fortawesome/free-solid-svg-icons"),o=require("../../../../icons/fa-icon.cjs"),s=require("../../../../vspace/vspace.cjs"),n=require("./constants.cjs");function d({title:c,description:a,footerAction:r,iconSize:t=48}){const i=t+32;return e.jsxs("div",{className:"flex w-full flex-col items-center text-center","data-testid":n.TransactionConfirmFailureResultTest.root,children:[e.jsx("div",{className:"flex items-center justify-center rounded-full border-2 border-destructive bg-destructive/10",style:{width:i,height:i},children:e.jsx(o.FaIcon,{icon:l.faXmark,className:"text-destructive",style:{width:t,height:t}})}),e.jsx(s.VSpace,{height:24}),e.jsx("div",{className:"text-xl font-medium leading-tight md:text-2xl",children:c}),e.jsx(s.VSpace,{height:12}),e.jsx("div",{className:"text-sm text-secondary-foreground",children:a}),r?e.jsxs(e.Fragment,{children:[e.jsx(s.VSpace,{height:24}),e.jsx("div",{className:"w-full","data-testid":n.TransactionConfirmFailureResultTest.footer,children:r})]}):null]})}exports.TransactionConfirmFailureResult=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("@fortawesome/free-solid-svg-icons"),a=require("../../../../icons/fa-icon.cjs"),s=require("../../../../vspace/vspace.cjs"),n=require("./constants.cjs");function d({title:l,description:c,footerAction:i,iconSize:t=48}){const r=t+32;return e.jsxs("div",{className:"flex min-h-0 w-full flex-1 flex-col","data-testid":n.TransactionConfirmFailureResultTest.root,children:[e.jsxs("div",{className:"flex min-h-0 w-full flex-1 flex-col items-center overflow-x-hidden overflow-y-auto text-center",children:[e.jsx("div",{className:"flex items-center justify-center rounded-full border-2 border-destructive bg-destructive/10",style:{width:r,height:r},children:e.jsx(a.FaIcon,{icon:o.faXmark,className:"text-destructive",style:{width:t,height:t}})}),e.jsx(s.VSpace,{height:24}),e.jsx("div",{className:"text-xl font-medium leading-tight md:text-2xl",children:l}),e.jsx(s.VSpace,{height:12}),e.jsx("div",{className:"text-sm text-secondary-foreground",children:c})]}),i?e.jsxs("div",{className:"w-full shrink-0","data-testid":n.TransactionConfirmFailureResultTest.footer,children:[e.jsx(s.VSpace,{height:24}),i]}):null]})}exports.TransactionConfirmFailureResult=d;

package/dist/cjs/components/composites/tx-preview/confirm/result/TransactionConfirmSuccessResult.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../../../vspace/vspace.cjs"),m=require("../../../../../hooks/use-media-query.cjs"),t=require("./constants.cjs"),x=require("./TransactionConfirmSuccessIcon.cjs");function h({icon:a=e.jsx(x.TransactionConfirmSuccessIcon,{}),headline:r,subtitle:l,txHashRow:c,footerAction:i}){const n=m.useIsMobile(),u=n?20:32,d=n?12:16,o=n?24:32;return e.jsxs("div",{className:"flex w-full flex-col items-center text-center","data-testid":t.TransactionConfirmSuccessResultTest.root,children:[e.jsx(s.VSpace,{height:u}),a,e.jsx(s.VSpace,{height:24}),e.jsx("div",{className:"text-xl font-medium leading-tight md:text-2xl","data-testid":t.TransactionConfirmSuccessResultTest.headline,children:r}),e.jsx(s.VSpace,{height:d}),e.jsx("div",{className:"text-sm text-secondary-foreground","data-testid":t.TransactionConfirmSuccessResultTest.subtitle,children:l}),c?e.jsxs(e.Fragment,{children:[e.jsx(s.VSpace,{height:o}),e.jsx("div",{className:"w-full text-center",children:c})]}):null,i?e.jsxs(e.Fragment,{children:[e.jsx(s.VSpace,{height:o}),e.jsx("div",{className:"w-full","data-testid":t.TransactionConfirmSuccessResultTest.footer,children:i})]}):null]})}exports.TransactionConfirmSuccessResult=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../../../vspace/vspace.cjs"),m=require("../../../../../hooks/use-media-query.cjs"),t=require("./constants.cjs"),x=require("./TransactionConfirmSuccessIcon.cjs");function f({icon:c=e.jsx(x.TransactionConfirmSuccessIcon,{}),headline:a,subtitle:r,txHashRow:i,footerAction:l}){const n=m.useIsMobile(),u=n?16:24,o=n?8:12,d=n?24:32;return e.jsxs("div",{className:"flex min-h-0 w-full flex-1 flex-col","data-testid":t.TransactionConfirmSuccessResultTest.root,children:[e.jsxs("div",{className:"flex min-h-0 w-full flex-1 flex-col items-center overflow-x-hidden overflow-y-auto text-center",children:[c&&e.jsxs("div",{children:[e.jsx(s.VSpace,{height:u}),c,e.jsx(s.VSpace,{height:24})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xl font-medium leading-tight md:text-2xl","data-testid":t.TransactionConfirmSuccessResultTest.headline,children:a}),e.jsx(s.VSpace,{height:o}),e.jsx("div",{className:"text-sm text-secondary-foreground","data-testid":t.TransactionConfirmSuccessResultTest.subtitle,children:r})]}),i?e.jsxs("div",{className:"w-full",children:[e.jsx(s.VSpace,{height:o}),e.jsx("div",{className:"w-full text-center",children:i})]}):null]}),l?e.jsxs("div",{className:"w-full shrink-0","data-testid":t.TransactionConfirmSuccessResultTest.footer,children:[e.jsx(s.VSpace,{height:d}),l]}):null]})}exports.TransactionConfirmSuccessResult=f;

package/dist/esm/components/composites/tx-preview/confirm/dialog/TransactionConfirmShell.js

@@ -1,4 +1,4 @@
-import { jsxs as s, jsx as i, Fragment as N } from "react/jsx-runtime";
+import { jsxs as a, jsx as i, Fragment as N } from "react/jsx-runtime";
 import { ErrorLineMessage as C } from "../../../../error-message/error-line-message.js";
 import "react-intl";
 import "../../../../buttons/button/button.js";
@@ -12,52 +12,52 @@ import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../../../utils/z-index.js";
 import { SkeletonStack as S } from "../../../../skeleton/skeleton-stack.js";
-import { VSpace as e } from "../../../../vspace/vspace.js";
+import { VSpace as s } from "../../../../vspace/vspace.js";
 import { ProgressStepper as k } from "../stepper/ProgressStepper.js";
 import { shouldShowTransactionProgressStepper as P } from "../stepper/transactionExecutionStepTypes.js";
 import { computeTransactionConfirmDialogLayout as T } from "./computeTransactionConfirmDialogLayout.js";
 import { TransactionConfirmDialogTest as r, transactionConfirmShellContentVariants as V, transactionConfirmPreviewScrollVariants as j } from "./constants.js";
 function Q({
   phase: h = "confirm",
-  header: n,
+  header: l,
   preview: d,
-  previewLoading: u = !1,
+  previewLoading: f = !1,
   previewError: m,
-  previewErrorTitle: p = "Unable to preview transaction",
-  previewClassName: f = j(),
+  previewErrorTitle: u = "Unable to preview transaction",
+  previewClassName: p = j(),
   execution: w,
   progressSteps: o,
-  renderProgressStepLabel: l,
+  renderProgressStepLabel: n,
   result: c,
-  className: v,
-  "data-testid": x = r.root
+  className: x,
+  "data-testid": v = r.root
 }) {
-  const g = !!(o && l && P(o)), t = T(h, g);
-  return /* @__PURE__ */ s(
+  const g = !!(o && n && P(o)), t = T(h, g);
+  return /* @__PURE__ */ a(
     "div",
     {
-      className: V({ className: v }),
-      "data-testid": x,
+      className: V({ className: x }),
+      "data-testid": v,
       children: [
-        n ? /* @__PURE__ */ i("div", { className: "shrink-0", children: n }) : null,
-        n ? /* @__PURE__ */ i(e, { height: 16 }) : null,
+        l ? /* @__PURE__ */ i("div", { className: "shrink-0", children: l }) : null,
+        l ? /* @__PURE__ */ i(s, { height: 16 }) : null,
         t.showResult && c ? /* @__PURE__ */ i(
           "div",
           {
-            className: "min-h-0",
+            className: "flex min-h-0 flex-1 flex-col",
             "data-testid": r.result,
             children: c
           }
         ) : null,
-        t.showResult ? null : /* @__PURE__ */ s("div", { className: "flex min-h-0 flex-1 flex-col", children: [
-          t.showPreview ? /* @__PURE__ */ i("div", { className: f, children: u ? /* @__PURE__ */ i(S, { lines: 3 }) : m ? /* @__PURE__ */ i(
+        t.showResult ? null : /* @__PURE__ */ a("div", { className: "flex min-h-0 flex-1 flex-col", children: [
+          t.showPreview ? /* @__PURE__ */ i("div", { className: p, children: f ? /* @__PURE__ */ i(S, { lines: 3 }) : m ? /* @__PURE__ */ i(
             C,
             {
               err: m,
-              title: p
+              title: u
             }
           ) : d }) : null,
-          t.showPreview && t.showExecution ? /* @__PURE__ */ i(e, { height: 24 }) : null,
+          t.showPreview && t.showExecution ? /* @__PURE__ */ i(s, { height: 24 }) : null,
           t.showExecution ? /* @__PURE__ */ i(
             "div",
             {
@@ -67,8 +67,8 @@ function Q({
             }
           ) : null
         ] }),
-        t.showProgressStepper && o && l ? /* @__PURE__ */ s(N, { children: [
-          /* @__PURE__ */ i(e, { height: 24 }),
+        t.showProgressStepper && o && n ? /* @__PURE__ */ a(N, { children: [
+          /* @__PURE__ */ i(s, { height: 24 }),
           /* @__PURE__ */ i(
             "div",
             {
@@ -78,10 +78,10 @@ function Q({
                 k,
                 {
                   tone: "muted",
-                  steps: o.map((a) => ({
-                    id: a.id,
-                    status: a.status,
-                    label: l(a)
+                  steps: o.map((e) => ({
+                    id: e.id,
+                    status: e.status,
+                    label: n(e)
                   }))
                 }
               )

package/dist/esm/components/composites/tx-preview/confirm/result/TransactionConfirmFailureResult.js

@@ -1,51 +1,53 @@
-import { jsxs as s, jsx as e, Fragment as n } from "react/jsx-runtime";
-import { faXmark as o } from "@fortawesome/free-solid-svg-icons";
-import { FaIcon as c } from "../../../../icons/fa-icon.js";
-import { VSpace as r } from "../../../../vspace/vspace.js";
-import { TransactionConfirmFailureResultTest as a } from "./constants.js";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { faXmark as n } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as m } from "../../../../icons/fa-icon.js";
+import { VSpace as i } from "../../../../vspace/vspace.js";
+import { TransactionConfirmFailureResultTest as d } from "./constants.js";
 function v({
-  title: d,
-  description: m,
-  footerAction: i,
+  title: a,
+  description: o,
+  footerAction: l,
   iconSize: t = 48
 }) {
-  const l = t + 32;
-  return /* @__PURE__ */ s(
+  const s = t + 32;
+  return /* @__PURE__ */ r(
     "div",
     {
-      className: "flex w-full flex-col items-center text-center",
-      "data-testid": a.root,
+      className: "flex min-h-0 w-full flex-1 flex-col",
+      "data-testid": d.root,
       children: [
-        /* @__PURE__ */ e(
-          "div",
-          {
-            className: "flex items-center justify-center rounded-full border-2 border-destructive bg-destructive/10",
-            style: { width: l, height: l },
-            children: /* @__PURE__ */ e(
-              c,
-              {
-                icon: o,
-                className: "text-destructive",
-                style: { width: t, height: t }
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ e(r, { height: 24 }),
-        /* @__PURE__ */ e("div", { className: "text-xl font-medium leading-tight md:text-2xl", children: d }),
-        /* @__PURE__ */ e(r, { height: 12 }),
-        /* @__PURE__ */ e("div", { className: "text-sm text-secondary-foreground", children: m }),
-        i ? /* @__PURE__ */ s(n, { children: [
-          /* @__PURE__ */ e(r, { height: 24 }),
+        /* @__PURE__ */ r("div", { className: "flex min-h-0 w-full flex-1 flex-col items-center overflow-x-hidden overflow-y-auto text-center", children: [
           /* @__PURE__ */ e(
             "div",
             {
-              className: "w-full",
-              "data-testid": a.footer,
-              children: i
+              className: "flex items-center justify-center rounded-full border-2 border-destructive bg-destructive/10",
+              style: { width: s, height: s },
+              children: /* @__PURE__ */ e(
+                m,
+                {
+                  icon: n,
+                  className: "text-destructive",
+                  style: { width: t, height: t }
+                }
+              )
             }
-          )
-        ] }) : null
+          ),
+          /* @__PURE__ */ e(i, { height: 24 }),
+          /* @__PURE__ */ e("div", { className: "text-xl font-medium leading-tight md:text-2xl", children: a }),
+          /* @__PURE__ */ e(i, { height: 12 }),
+          /* @__PURE__ */ e("div", { className: "text-sm text-secondary-foreground", children: o })
+        ] }),
+        l ? /* @__PURE__ */ r(
+          "div",
+          {
+            className: "w-full shrink-0",
+            "data-testid": d.footer,
+            children: [
+              /* @__PURE__ */ e(i, { height: 24 }),
+              l
+            ]
+          }
+        ) : null
       ]
     }
   );

package/dist/esm/components/composites/tx-preview/confirm/result/TransactionConfirmSuccessResult.js

@@ -1,61 +1,67 @@
-import { jsxs as l, jsx as e, Fragment as r } from "react/jsx-runtime";
-import { VSpace as t } from "../../../../vspace/vspace.js";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { VSpace as i } from "../../../../vspace/vspace.js";
 import { useIsMobile as f } from "../../../../../hooks/use-media-query.js";
-import { TransactionConfirmSuccessResultTest as i } from "./constants.js";
-import { TransactionConfirmSuccessIcon as x } from "./TransactionConfirmSuccessIcon.js";
-function N({
-  icon: o = /* @__PURE__ */ e(x, {}),
-  headline: d,
-  subtitle: m,
-  txHashRow: n,
-  footerAction: a
+import { TransactionConfirmSuccessResultTest as l } from "./constants.js";
+import { TransactionConfirmSuccessIcon as u } from "./TransactionConfirmSuccessIcon.js";
+function w({
+  icon: n = /* @__PURE__ */ e(u, {}),
+  headline: r,
+  subtitle: d,
+  txHashRow: a,
+  footerAction: c
 }) {
-  const s = f(), h = s ? 20 : 32, u = s ? 12 : 16, c = s ? 24 : 32;
-  return /* @__PURE__ */ l(
+  const s = f(), m = s ? 16 : 24, o = s ? 8 : 12, h = s ? 24 : 32;
+  return /* @__PURE__ */ t(
     "div",
     {
-      className: "flex w-full flex-col items-center text-center",
-      "data-testid": i.root,
+      className: "flex min-h-0 w-full flex-1 flex-col",
+      "data-testid": l.root,
       children: [
-        /* @__PURE__ */ e(t, { height: h }),
-        o,
-        /* @__PURE__ */ e(t, { height: 24 }),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t("div", { className: "flex min-h-0 w-full flex-1 flex-col items-center overflow-x-hidden overflow-y-auto text-center", children: [
+          n && /* @__PURE__ */ t("div", { children: [
+            /* @__PURE__ */ e(i, { height: m }),
+            n,
+            /* @__PURE__ */ e(i, { height: 24 })
+          ] }),
+          /* @__PURE__ */ t("div", { children: [
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: "text-xl font-medium leading-tight md:text-2xl",
+                "data-testid": l.headline,
+                children: r
+              }
+            ),
+            /* @__PURE__ */ e(i, { height: o }),
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: "text-sm text-secondary-foreground",
+                "data-testid": l.subtitle,
+                children: d
+              }
+            )
+          ] }),
+          a ? /* @__PURE__ */ t("div", { className: "w-full", children: [
+            /* @__PURE__ */ e(i, { height: o }),
+            /* @__PURE__ */ e("div", { className: "w-full text-center", children: a })
+          ] }) : null
+        ] }),
+        c ? /* @__PURE__ */ t(
           "div",
           {
-            className: "text-xl font-medium leading-tight md:text-2xl",
-            "data-testid": i.headline,
-            children: d
+            className: "w-full shrink-0",
+            "data-testid": l.footer,
+            children: [
+              /* @__PURE__ */ e(i, { height: h }),
+              c
+            ]
           }
-        ),
-        /* @__PURE__ */ e(t, { height: u }),
-        /* @__PURE__ */ e(
-          "div",
-          {
-            className: "text-sm text-secondary-foreground",
-            "data-testid": i.subtitle,
-            children: m
-          }
-        ),
-        n ? /* @__PURE__ */ l(r, { children: [
-          /* @__PURE__ */ e(t, { height: c }),
-          /* @__PURE__ */ e("div", { className: "w-full text-center", children: n })
-        ] }) : null,
-        a ? /* @__PURE__ */ l(r, { children: [
-          /* @__PURE__ */ e(t, { height: c }),
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: "w-full",
-              "data-testid": i.footer,
-              children: a
-            }
-          )
-        ] }) : null
+        ) : null
       ]
     }
   );
 }
 export {
-  N as TransactionConfirmSuccessResult
+  w as TransactionConfirmSuccessResult
 };

package/dist/types/components/composites/tx-preview/confirm/result/TransactionConfirmFailureResult.d.ts

@@ -5,4 +5,8 @@ export interface TransactionConfirmFailureResultProps {
     readonly footerAction?: React.ReactNode;
     readonly iconSize?: number;
 }
+/**
+ * Failure result follows the shell's confirm layout: the main content scrolls
+ * while `footerAction` remains outside the scroll container.
+ */
 export declare function TransactionConfirmFailureResult({ title, description, footerAction, iconSize, }: TransactionConfirmFailureResultProps): React.ReactElement;

package/dist/types/components/composites/tx-preview/confirm/result/TransactionConfirmSuccessResult.d.ts

@@ -4,6 +4,11 @@ export interface TransactionConfirmSuccessResultProps {
     readonly headline: React.ReactNode;
     readonly subtitle: React.ReactNode;
     readonly txHashRow?: React.ReactNode;
+    /** Extra scrollable body below the subtitle (e.g. summary tables). */
     readonly footerAction?: React.ReactNode;
 }
+/**
+ * Success result follows the shell's confirm layout: the main content scrolls
+ * while `footerAction` remains outside the scroll container.
+ */
 export declare function TransactionConfirmSuccessResult({ icon, headline, subtitle, txHashRow, footerAction, }: TransactionConfirmSuccessResultProps): React.ReactElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "3.14.0-next.65",
+  "version": "3.14.0-next.66",
   "description": "Internal UI components",
   "repository": {
     "type": "git",