@deframe-sdk/components 0.1.49 → 0.1.51

package/dist/index.js

@@ -3153,7 +3153,9 @@ function KYCPageHeader({
   totalSteps,
   onBack,
   onClose,
-  className
+  className,
+  backLabel = "Voltar",
+  closeLabel = "Fechar"
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -3165,9 +3167,9 @@ function KYCPageHeader({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(IconButton, { onClick: onBack, label: "Voltar", testId: "kyc-back-button", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6z" }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(IconButton, { onClick: onBack, label: backLabel, testId: "kyc-back-button", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6z" }) }) }),
         typeof step === "number" && typeof totalSteps === "number" ? /* @__PURE__ */ jsxRuntime.jsx(KYCStepIndicator, { total: totalSteps, current: Math.max(step - 1, 0) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-9 flex-1", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsxRuntime.jsx(IconButton, { onClick: onClose, label: "Fechar", testId: "kyc-close-button", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 6L6 18M6 6l12 12", strokeLinecap: "round" }) }) })
+        /* @__PURE__ */ jsxRuntime.jsx(IconButton, { onClick: onClose, label: closeLabel, testId: "kyc-close-button", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 6L6 18M6 6l12 12", strokeLinecap: "round" }) }) })
       ]
     }
   );
@@ -3260,10 +3262,12 @@ function KYCFormPage({
   footer,
   actions = [],
   className,
-  containerMode = "fullscreen"
+  containerMode = "fullscreen",
+  backLabel,
+  closeLabel
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(KYCPageShell, { screenId, className, containerMode, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(KYCPageHeader, { step, totalSteps, onBack, onClose }),
+    /* @__PURE__ */ jsxRuntime.jsx(KYCPageHeader, { step, totalSteps, onBack, onClose, backLabel, closeLabel }),
     /* @__PURE__ */ jsxRuntime.jsxs(PageBody, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-lg)]", children: [
         /* @__PURE__ */ jsxRuntime.jsx(KYCPageSection, { title, description }),
@@ -3293,13 +3297,6 @@ function KYCFormPage({
     ] })
   ] });
 }
-function CountrySelect() {
-  const [value, setValue] = React6.useState("brasil");
-  return /* @__PURE__ */ jsxRuntime.jsxs(Select, { value, onValueChange: setValue, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { placeholder: "Selecione o pa\xEDs" }),
-    /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: "brasil", children: "Brasil" }) })
-  ] });
-}
 function DefaultAddressLoadingContent() {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { width: "100%", height: "48px", variant: "rect" }),
@@ -3335,7 +3332,9 @@ function KYCAddressPage({
   banners = [],
   actions,
   containerMode = "fullscreen",
-  onNext
+  onNext,
+  backLabel,
+  closeLabel
 }) {
   const defaultActions = actions != null ? actions : [
     {
@@ -3372,7 +3371,7 @@ function KYCAddressPage({
         className: "flex flex-col gap-[var(--deframe-widget-size-gap-xs)]",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(InputLabel, { htmlFor: "country", children: "Pa\xEDs" }),
-          /* @__PURE__ */ jsxRuntime.jsx(CountrySelect, {})
+          /* @__PURE__ */ jsxRuntime.jsx(InputField, { id: "country", value: "Brasil", disabled: true, readOnly: true })
         ]
       }
     )
@@ -3390,6 +3389,8 @@ function KYCAddressPage({
       banners,
       actions: defaultActions,
       containerMode,
+      backLabel,
+      closeLabel,
       children: [
         cepField != null ? cepField : fallbackFields.cepField,
         isLoading ? loadingContent != null ? loadingContent : /* @__PURE__ */ jsxRuntime.jsx(DefaultAddressLoadingContent, {}) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -3564,17 +3565,30 @@ function KYCEditPage(_a) {
 function KYCIntroPage({
   screenId = "intro",
   onClose,
-  title = "Verifica\xE7\xE3o de identidade",
-  description = "Para garantir a seguran\xE7a da plataforma, precisamos confirmar sua identidade. O processo leva cerca de 5 minutos.",
+  title,
+  description,
   checklistItems = DEFAULT_INTRO_CHECKLIST,
   banners = [],
   legalNotice,
-  primaryAction = { label: "Come\xE7ar verifica\xE7\xE3o" },
+  primaryAction,
   className,
-  containerMode = "fullscreen"
+  containerMode = "fullscreen",
+  backLabel = "Voltar",
+  closeLabel = "Fechar",
+  visualVariant = "default"
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(KYCPageShell, { screenId, containerMode, children: [
-    onClose && /* @__PURE__ */ jsxRuntime.jsx(KYCPageHeader, { onClose }),
+  const isCompact = visualVariant === "compact";
+  const iconClasses = tailwindMerge.twMerge(
+    "flex items-center justify-center text-[color:var(--deframe-widget-color-brand-primary)]",
+    isCompact ? "h-[44px] w-[44px]" : [
+      "h-[64px] w-[64px] rounded-[var(--deframe-widget-size-radius-full)]",
+      "[background:color-mix(in_srgb,var(--deframe-widget-color-brand-primary)_12%,transparent)]",
+      "[box-shadow:0_0_0_7px_color-mix(in_srgb,var(--deframe-widget-color-brand-primary)_12%,transparent),0_0_24px_color-mix(in_srgb,var(--deframe-widget-color-brand-primary)_22%,transparent)]"
+    ].join(" ")
+  );
+  const iconSize = isCompact ? 32 : 36;
+  return /* @__PURE__ */ jsxRuntime.jsxs(KYCPageShell, { screenId, containerMode, className: isCompact ? "min-h-0" : void 0, children: [
+    onClose && /* @__PURE__ */ jsxRuntime.jsx(KYCPageHeader, { onClose, backLabel, closeLabel }),
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -3590,13 +3604,8 @@ function KYCIntroPage({
               "div",
               {
                 "data-test-id": "kyc-intro-icon",
-                className: "flex h-[64px] w-[64px] items-center justify-center rounded-[var(--deframe-widget-size-radius-full)]",
-                style: {
-                  background: "color-mix(in srgb, var(--deframe-widget-color-brand-primary) 12%, transparent)",
-                  boxShadow: "0 0 0 7px color-mix(in srgb, var(--deframe-widget-color-brand-primary) 12%, transparent), 0 0 24px color-mix(in srgb, var(--deframe-widget-color-brand-primary) 22%, transparent)",
-                  color: "var(--deframe-widget-color-brand-primary)"
-                },
-                children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "36", height: "36", viewBox: "0 0 44 44", fill: "none", "aria-hidden": "true", children: [
+                className: iconClasses,
+                children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: iconSize, height: iconSize, viewBox: "0 0 44 44", fill: "none", "aria-hidden": "true", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "8", y: "10", width: "28", height: "20", rx: "3", stroke: "currentColor", strokeWidth: "3" }),
                   /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "22", cy: "20", r: "5", stroke: "currentColor", strokeWidth: "3" }),
                   /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 34c0-4 4.5-7 10-7s10 3 10 7", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round" })
@@ -3633,7 +3642,7 @@ function KYCIntroPage({
             )) }),
             legalNotice && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-[320px] text-[length:var(--deframe-widget-font-size-xs)] leading-[var(--deframe-widget-font-leading-sm)] text-[color:var(--deframe-widget-color-text-tertiary)]", children: legalNotice })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: renderKYCActionButton(primaryAction, 0) })
+          primaryAction && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: renderKYCActionButton(primaryAction, 0) })
         ]
       }
     )
@@ -3646,20 +3655,35 @@ function KYCLoadingPage({
   description,
   note,
   className,
-  containerMode = "fullscreen"
+  containerMode = "fullscreen",
+  backLabel = "Voltar",
+  closeLabel = "Fechar",
+  loadingLabel = "Carregando",
+  visualVariant = "default"
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(KYCPageShell, { screenId, className, containerMode, children: [
-    onClose && /* @__PURE__ */ jsxRuntime.jsx(KYCPageHeader, { onClose }),
+  const isCompact = visualVariant === "compact";
+  const loadingFrameClasses = tailwindMerge.twMerge(
+    "flex items-center justify-center rounded-[var(--deframe-widget-size-radius-full)]",
+    isCompact ? "h-12 w-12" : [
+      "h-[72px] w-[72px]",
+      "[background:color-mix(in_srgb,var(--deframe-widget-color-brand-primary)_12%,transparent)]",
+      "[box-shadow:0_0_0_7px_color-mix(in_srgb,var(--deframe-widget-color-brand-primary)_12%,transparent),0_0_24px_color-mix(in_srgb,var(--deframe-widget-color-brand-primary)_22%,transparent)]"
+    ].join(" ")
+  );
+  const spinnerClasses = tailwindMerge.twMerge(
+    "rounded-[var(--deframe-widget-size-radius-full)] border-[3px] border-[color:var(--deframe-widget-color-brand-primary)] border-t-transparent animate-spin",
+    isCompact ? "h-10 w-10" : "h-9 w-9"
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(KYCPageShell, { screenId, className: tailwindMerge.twMerge(isCompact && "min-h-0", className), containerMode, children: [
+    onClose && /* @__PURE__ */ jsxRuntime.jsx(KYCPageHeader, { onClose, backLabel, closeLabel }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-[var(--deframe-widget-size-gap-xl)] px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-xl)] text-center", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
-          className: "flex h-[72px] w-[72px] items-center justify-center rounded-[var(--deframe-widget-size-radius-full)]",
-          style: {
-            background: "color-mix(in srgb, var(--deframe-widget-color-brand-primary) 12%, transparent)",
-            boxShadow: "0 0 0 7px color-mix(in srgb, var(--deframe-widget-color-brand-primary) 12%, transparent), 0 0 24px color-mix(in srgb, var(--deframe-widget-color-brand-primary) 22%, transparent)"
-          },
-          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-9 w-9 rounded-full border-[3px] border-[color:var(--deframe-widget-color-brand-primary)] border-t-transparent animate-spin" })
+          "data-slot": "kyc-loading-indicator",
+          "data-test-id": "kyc-loading-indicator",
+          className: loadingFrameClasses,
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: spinnerClasses })
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-xs)]", children: [
@@ -3667,8 +3691,8 @@ function KYCLoadingPage({
         description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[length:var(--deframe-widget-font-size-sm)] leading-[var(--deframe-widget-font-leading-sm)] text-[color:var(--deframe-widget-color-text-tertiary)]", children: description })
       ] }),
       note && /* @__PURE__ */ jsxRuntime.jsx(KYCMessageBanner, { variant: "info", children: note }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-[length:var(--deframe-widget-font-size-xs)] text-[color:var(--deframe-widget-color-text-tertiary)]", children: [
-        "Carregando ",
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center justify-center gap-[var(--deframe-widget-size-gap-xs)] text-[length:var(--deframe-widget-font-size-xs)] text-[color:var(--deframe-widget-color-text-tertiary)]", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: loadingLabel }),
         /* @__PURE__ */ jsxRuntime.jsx(LoadingDots, {})
       ] })
     ] })
@@ -3688,10 +3712,12 @@ function KYCReviewPage({
   banners = [],
   actions = [],
   className,
-  containerMode = "fullscreen"
+  containerMode = "fullscreen",
+  backLabel,
+  closeLabel
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(KYCPageShell, { screenId, className, containerMode, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(KYCPageHeader, { step, totalSteps, onClose }),
+    /* @__PURE__ */ jsxRuntime.jsx(KYCPageHeader, { step, totalSteps, onClose, backLabel, closeLabel }),
     /* @__PURE__ */ jsxRuntime.jsxs(PageBody2, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-lg)]", children: [
         /* @__PURE__ */ jsxRuntime.jsx(KYCPageSection, { title, description }),
@@ -3720,10 +3746,12 @@ function KYCReviewPageSkeleton({
   onClose,
   step = 3,
   totalSteps = 4,
-  containerMode = "fullscreen"
+  containerMode = "fullscreen",
+  backLabel,
+  closeLabel
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(KYCPageShell, { screenId, containerMode, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(KYCPageHeader, { step, totalSteps, onClose }),
+    /* @__PURE__ */ jsxRuntime.jsx(KYCPageHeader, { step, totalSteps, onClose, backLabel, closeLabel }),
     /* @__PURE__ */ jsxRuntime.jsxs(PageBody3, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-lg)]", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-xs)]", children: [
@@ -3814,13 +3842,15 @@ function KYCStatusPage({
   actions = [],
   footer,
   className,
-  containerMode = "fullscreen"
+  containerMode = "fullscreen",
+  backLabel,
+  closeLabel
 }) {
   var _a;
   const effectiveStatus = (_a = panelStatus != null ? panelStatus : status) != null ? _a : "reviewing";
   const effectiveCards = cards != null ? cards : [{ status: resolveCardStatus(effectiveStatus), fields: DEFAULT_STATUS_FIELDS }];
   return /* @__PURE__ */ jsxRuntime.jsxs(KYCPageShell, { screenId, className, containerMode, children: [
-    onClose && /* @__PURE__ */ jsxRuntime.jsx(KYCPageHeader, { onClose }),
+    onClose && /* @__PURE__ */ jsxRuntime.jsx(KYCPageHeader, { onClose, backLabel, closeLabel }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col gap-[var(--deframe-widget-size-gap-md)] px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-md)]", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-[var(--deframe-widget-size-radius-md)] border border-[color:var(--deframe-widget-color-border-secondary)] bg-[color:var(--deframe-widget-color-bg-secondary)]", children: /* @__PURE__ */ jsxRuntime.jsx(
         KYCStatusPanel,
@@ -15687,7 +15717,8 @@ function OnchainWithdrawSignatureWarningView({
   blockchainCost,
   onCancel,
   onTryAgain,
-  className
+  className,
+  labels
 }) {
   const [showDetails, setShowDetails] = React6.useState(true);
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -15704,7 +15735,7 @@ function OnchainWithdrawSignatureWarningView({
           {
             onClick: onCancel,
             className: "absolute top-4 right-4 flex items-center justify-center w-8 h-8 text-[color:var(--deframe-widget-color-text-secondary)] hover:text-[color:var(--deframe-widget-color-text-primary)] transition cursor-pointer",
-            "aria-label": "Fechar",
+            "aria-label": labels.closeAriaLabel,
             "data-test-id": "onchain-withdraw-signature-warning-close",
             children: /* @__PURE__ */ jsxRuntime.jsx(md.MdOutlineClose, { className: "w-6 h-6" })
           }
@@ -15717,7 +15748,7 @@ function OnchainWithdrawSignatureWarningView({
               {
                 className: "text-[28px] [font-weight:var(--deframe-widget-font-weight-extrabold)] text-[color:var(--deframe-widget-color-text-primary)] leading-tight",
                 "data-test-id": "onchain-withdraw-signature-warning-title",
-                children: "Saque n\xE3o assinado"
+                children: labels.title
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -15725,7 +15756,7 @@ function OnchainWithdrawSignatureWarningView({
               {
                 className: "text-[length:var(--deframe-widget-font-size-sm)] text-[color:var(--deframe-widget-color-text-secondary)] text-center",
                 "data-test-id": "onchain-withdraw-signature-warning-subtitle",
-                children: "A assinatura da transa\xE7\xE3o foi cancelada. Nenhum valor foi enviado."
+                children: labels.subtitle
               }
             )
           ] }),
@@ -15754,7 +15785,7 @@ function OnchainWithdrawSignatureWarningView({
                       {
                         className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]",
                         "data-test-id": "onchain-withdraw-signature-warning-sending-label",
-                        children: "Voc\xEA est\xE1 enviando"
+                        children: labels.sendingLabel
                       }
                     ),
                     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -15776,7 +15807,7 @@ function OnchainWithdrawSignatureWarningView({
                       {
                         className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]",
                         "data-test-id": "onchain-withdraw-signature-warning-destination-label",
-                        children: "Para o endere\xE7o"
+                        children: labels.destinationLabel
                       }
                     ),
                     /* @__PURE__ */ jsxRuntime.jsx(
@@ -15803,10 +15834,10 @@ function OnchainWithdrawSignatureWarningView({
                   {
                     onClick: () => setShowDetails(!showDetails),
                     className: "flex justify-between items-center w-full text-left cursor-pointer p-4",
-                    "aria-label": "Detalhes da transa\xE7\xE3o",
+                    "aria-label": labels.detailsAriaLabel,
                     "data-test-id": "onchain-withdraw-signature-warning-details-toggle",
                     children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[length:var(--deframe-widget-font-size-sm)] [font-weight:var(--deframe-widget-font-weight-semibold)]", children: "Detalhes da transa\xE7\xE3o" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[length:var(--deframe-widget-font-size-sm)] [font-weight:var(--deframe-widget-font-weight-semibold)]", children: labels.detailsToggleLabel }),
                       /* @__PURE__ */ jsxRuntime.jsx(
                         md.MdOutlineExpandMore,
                         {
@@ -15826,7 +15857,7 @@ function OnchainWithdrawSignatureWarningView({
                       {
                         className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]",
                         "data-test-id": "onchain-withdraw-signature-warning-withdraw-amount-label",
-                        children: "Valor de retirada"
+                        children: labels.withdrawAmountLabel
                       }
                     ),
                     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -15848,7 +15879,7 @@ function OnchainWithdrawSignatureWarningView({
                       {
                         className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]",
                         "data-test-id": "onchain-withdraw-signature-warning-blockchain-cost-label",
-                        children: "Custo da blockchain"
+                        children: labels.blockchainCostLabel
                       }
                     ),
                     /* @__PURE__ */ jsxRuntime.jsx(
@@ -15866,7 +15897,7 @@ function OnchainWithdrawSignatureWarningView({
                       {
                         className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]",
                         "data-test-id": "onchain-withdraw-signature-warning-receive-label",
-                        children: "Voc\xEA receber\xE1"
+                        children: labels.receiveLabel
                       }
                     ),
                     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -15898,7 +15929,7 @@ function OnchainWithdrawSignatureWarningView({
                     className: "flex-1",
                     onClick: onCancel,
                     "data-test-id": "onchain-withdraw-signature-warning-cancel",
-                    children: "Cancelar"
+                    children: labels.cancelLabel
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -15907,7 +15938,7 @@ function OnchainWithdrawSignatureWarningView({
                     className: "flex-1",
                     onClick: onTryAgain,
                     "data-test-id": "onchain-withdraw-signature-warning-retry",
-                    children: "Tente novamente"
+                    children: labels.retryLabel
                   }
                 )
               ]
@@ -15924,7 +15955,8 @@ var OnchainWithdrawSignatureWarningSimpleView = ({
   tokenLogoURI,
   chainName,
   chainIconUrl,
-  formattedAmount
+  formattedAmount,
+  labels
 }) => {
   React6__namespace.useEffect(() => {
     if (!onCancel) return;
@@ -15935,10 +15967,10 @@ var OnchainWithdrawSignatureWarningSimpleView = ({
     EarnFeedbackOverlaySimpleView,
     {
       variant: "warning",
-      title: "Saque n\xE3o assinado",
-      subtitle: "A assinatura da transa\xE7\xE3o foi cancelada.",
+      title: labels.title,
+      subtitle: labels.subtitle,
       formData: {
-        headerTitle: "Saque",
+        headerTitle: labels.title,
         tokenSymbol,
         tokenLogoURI,
         chainLabel: chainName,
@@ -15948,7 +15980,7 @@ var OnchainWithdrawSignatureWarningSimpleView = ({
     }
   ) });
 };
-function KycLoadingView({ message = "Carregando" }) {
+function KycLoadingView({ message }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -16790,7 +16822,8 @@ function OnrampSuccessView({
   summaryItems = [],
   onNewDeposit,
   onGoToDashboard,
-  className
+  className,
+  labels
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -16804,17 +16837,14 @@ function OnrampSuccessView({
         /* @__PURE__ */ jsxRuntime.jsxs(SuccessHeader, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(SuccessIcon3, {}),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(SuccessTitle, { children: "Dep\xF3sito via PIX conclu\xEDdo" }),
-            /* @__PURE__ */ jsxRuntime.jsxs(SuccessDescription, { children: [
-              amount,
-              " BRLA foram adicionados \xE0 sua carteira."
-            ] })
+            /* @__PURE__ */ jsxRuntime.jsx(SuccessTitle, { children: labels.title }),
+            /* @__PURE__ */ jsxRuntime.jsx(SuccessDescription, { children: labels.descriptionTemplate.replace("{{amount}}", amount != null ? amount : "") })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(DepositCard, { children: /* @__PURE__ */ jsxRuntime.jsxs(DepositRow, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(DepositIcon, {}),
           /* @__PURE__ */ jsxRuntime.jsxs(DepositInfo, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]", children: "Voc\xEA depositou via PIX" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]", children: labels.depositLabel }),
             /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-[14px] font-semibold text-[color:var(--deframe-widget-color-text-secondary)]", children: [
               amount,
               " BRLA"
@@ -16835,18 +16865,18 @@ function OnrampSuccessView({
             SecondaryButton,
             {
               onClick: onNewDeposit,
-              "aria-label": "Fazer novo dep\xF3sito",
+              "aria-label": labels.newDepositAriaLabel,
               "data-test-id": "onramp-success-new-deposit",
-              children: "Fazer novo dep\xF3sito"
+              children: labels.newDepositLabel
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
             PrimaryButton,
             {
               onClick: onGoToDashboard,
-              "aria-label": "Ir para carteira",
+              "aria-label": labels.goToDashboardAriaLabel,
               "data-test-id": "onramp-success-go-dashboard",
-              children: "Ir para carteira"
+              children: labels.goToDashboardLabel
             }
           )
         ] })
@@ -16895,7 +16925,8 @@ function OfframpInputFormView({
   backIcon,
   tokenIconUrl = "/brladigital_32.webp",
   flagIconUrl = "/brazil-flag-rounded.png",
-  className
+  className,
+  labels
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -16912,11 +16943,11 @@ function OfframpInputFormView({
             {
               onClick: onBack,
               className: "flex items-center gap-2 mb-4 cursor-pointer",
-              "aria-label": "Voltar",
+              "aria-label": labels.backAriaLabel,
               "data-test-id": "offramp-input-form-back-button",
               children: [
                 backIcon || defaultBackIcon2,
-                /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-medium", children: "Voltar" })
+                /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-medium", children: labels.backLabel })
               ]
             }
           ),
@@ -16931,8 +16962,8 @@ function OfframpInputFormView({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(TextHeading, { variant: "h3", children: "Saque via PIX" }),
-            /* @__PURE__ */ jsxRuntime.jsx(TextBody, { className: "text-[color:var(--deframe-widget-color-text-secondary)]", children: "Insira o valor e a chave PIX para receber em sua conta banc\xE1ria." })
+            /* @__PURE__ */ jsxRuntime.jsx(TextHeading, { variant: "h3", children: labels.title }),
+            /* @__PURE__ */ jsxRuntime.jsx(TextBody, { className: "text-[color:var(--deframe-widget-color-text-secondary)]", children: labels.subtitle })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs(ListItem, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ListItemLeftSide, { children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -16944,7 +16975,7 @@ function OfframpInputFormView({
               }
             ) }),
             /* @__PURE__ */ jsxRuntime.jsxs(ListItemContent, { className: "ml-4", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] ml-2", children: "Saldo em BRLA dispon\xEDvel" }),
+              /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] ml-2", children: labels.balanceLabel }),
               /* @__PURE__ */ jsxRuntime.jsxs(TextHeading, { variant: "h5", className: "ml-2", children: [
                 brlaBalance,
                 " BRLA"
@@ -16952,7 +16983,7 @@ function OfframpInputFormView({
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] mb-2", children: "Quanto voc\xEA quer enviar via PIX?" }),
+            /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] mb-2", children: labels.amountQuestion }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-[var(--deframe-widget-color-bg-secondary)] border border-[var(--deframe-widget-color-border-secondary)] rounded-[var(--deframe-widget-size-radius-sm)] p-4 flex items-center justify-between", children: [
               /* @__PURE__ */ jsxRuntime.jsx("img", { src: flagIconUrl, alt: "BRL", className: "w-6 h-6 rounded-full" }),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -16970,7 +17001,7 @@ function OfframpInputFormView({
                   },
                   placeholder: "R$0.00",
                   className: "w-full bg-transparent text-right text-[28px] font-extrabold text-[color:var(--deframe-widget-color-text-primary)] outline-none",
-                  "aria-label": "Valor do saque",
+                  "aria-label": labels.amountAriaLabel,
                   "data-test-id": "offramp-input-form-amount"
                 }
               )
@@ -16980,14 +17011,14 @@ function OfframpInputFormView({
               {
                 onClick: onMaxClick,
                 className: "text-[length:var(--deframe-widget-font-size-sm)]",
-                "aria-label": "Usar valor m\xE1ximo",
-                children: "Max"
+                "aria-label": labels.maxAriaLabel,
+                children: labels.maxLabel
               }
             ) }),
             hasActiveWithdrawal && /* @__PURE__ */ jsxRuntime.jsx(
               BannerNotification,
               {
-                message: "Voc\xEA j\xE1 tem um saque em andamento. Aguarde a conclus\xE3o antes de iniciar outro.",
+                message: labels.activeWithdrawalWarning,
                 variant: "warning"
               }
             ),
@@ -17000,16 +17031,16 @@ function OfframpInputFormView({
             )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] mb-2", children: "Qual \xE9 a sua chave PIX?" }),
+            /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] mb-2", children: labels.pixKeyQuestion }),
             /* @__PURE__ */ jsxRuntime.jsx(
               Input2,
               {
                 type: "text",
                 value: pixKey,
                 onChange: (e) => onPixKeyChange(e.target.value),
-                placeholder: "(CPF, email, telefone ou aleat\xF3ria)",
+                placeholder: labels.pixKeyPlaceholder,
                 className: "w-full h-12 text-[length:var(--deframe-widget-font-size-md)] border border-[var(--deframe-widget-color-border-secondary)] rounded-[var(--deframe-widget-size-radius-sm)] bg-[var(--deframe-widget-color-bg-secondary)]",
-                "aria-label": "Chave PIX",
+                "aria-label": labels.pixKeyAriaLabel,
                 "data-test-id": "offramp-input-form-pix-key"
               }
             ),
@@ -17017,7 +17048,7 @@ function OfframpInputFormView({
               BannerNotification,
               {
                 variant: "info",
-                message: "A chave PIX deve estar vinculada ao mesmo CPF do seu cadastro."
+                message: labels.pixKeyInfo
               }
             )
           ] }),
@@ -17035,7 +17066,7 @@ function OfframpInputFormView({
           /* @__PURE__ */ jsxRuntime.jsx(
             BannerNotification,
             {
-              message: "Depois de inserir o valor e confirmar o pix voc\xEA precisa assinar a transa\xE7\xE3o na sua wallet. Processamento pode levar alguns minutos.",
+              message: labels.signatureInfo,
               variant: "info"
             }
           ),
@@ -17051,7 +17082,7 @@ function OfframpInputFormView({
             {
               onClick: onSubmit,
               disabled: submitDisabled,
-              "aria-label": "Confirmar saque",
+              "aria-label": labels.submitAriaLabel,
               "data-test-id": "offramp-input-form-submit",
               children: submitLabel
             }
@@ -17605,7 +17636,8 @@ function OfframpProcessingView({
   onClose,
   closeIcon,
   tokenIconUrl = "/brladigital_32.webp",
-  className
+  className,
+  labels
 }) {
   const progressPercent = step === "creating_ticket" ? 50 : step === "transferring" ? 75 : 85;
   const prepareStatus = step === "creating_ticket" ? "processing" : "done";
@@ -17630,7 +17662,7 @@ function OfframpProcessingView({
             {
               onClick: onClose,
               className: "flex items-center justify-center w-8 h-8 text-[color:var(--deframe-widget-color-text-secondary)] hover:text-[color:var(--deframe-widget-color-text-primary)] transition mb-4",
-              "aria-label": "Fechar",
+              "aria-label": labels.closeAriaLabel,
               "data-test-id": "offramp-processing-close-button",
               children: closeIcon || defaultCloseIcon
             }
@@ -17642,14 +17674,14 @@ function OfframpProcessingView({
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-20 h-20 bg-[#F6A700] rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-10 h-10 animate-pulse", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5l-4-4V4h8v3.5l-4 4z" }) }) }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
               /* @__PURE__ */ jsxRuntime.jsxs(TextHeading, { variant: "h3", className: "mb-2 flex items-center justify-center gap-1", children: [
-                "Estamos enviando seu PIX",
+                labels.title,
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex gap-0.5", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "animate-bounce", style: { animationDelay: "0ms", animationDuration: "1.4s" }, children: "." }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "animate-bounce", style: { animationDelay: "200ms", animationDuration: "1.4s" }, children: "." }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "animate-bounce", style: { animationDelay: "400ms", animationDuration: "1.4s" }, children: "." })
                 ] })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(TextBody, { className: "text-[color:var(--deframe-widget-color-text-secondary)]", children: "Seu PIX est\xE1 sendo enviado. Na maioria das vezes, cai em segundos." })
+              /* @__PURE__ */ jsxRuntime.jsx(TextBody, { className: "text-[color:var(--deframe-widget-color-text-secondary)]", children: labels.subtitle })
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs(ListItem, { children: [
@@ -17662,7 +17694,7 @@ function OfframpProcessingView({
               }
             ) }),
             /* @__PURE__ */ jsxRuntime.jsxs(ListItemContent, { className: "ml-4", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] ml-2", children: "Voc\xEA sacou via PIX" }),
+              /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] ml-2", children: labels.amountLabel }),
               /* @__PURE__ */ jsxRuntime.jsxs(TextHeading, { variant: "h5", className: "ml-2", children: [
                 amount,
                 " BRLA"
@@ -17684,25 +17716,26 @@ function OfframpProcessingView({
               breakdown: [
                 {
                   type: "prepare_withdrawal",
-                  description: "Preparando seu saque",
+                  description: labels.prepareStepLabel,
                   status: mapStatus(prepareStatus)
                 },
                 {
                   type: "blockchain_signature",
-                  description: "Assinatura",
+                  description: labels.signatureStepLabel,
                   status: mapStatus(signatureStatus),
                   explorerUrl: transferTxHash ? `https://polygonscan.com/tx/${transferTxHash}` : void 0
                 },
                 {
                   type: "pix_transfer",
-                  description: "Enviando PIX para sua conta",
+                  description: labels.pixTransferStepLabel,
                   status: mapStatus(sendStatus)
                 }
               ]
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full space-y-3", children: /* @__PURE__ */ jsxRuntime.jsxs(PrimaryButton, { disabled: true, "aria-label": "Aguarde processamento", children: [
-            "Aguarde ",
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full space-y-3", children: /* @__PURE__ */ jsxRuntime.jsxs(PrimaryButton, { disabled: true, "aria-label": labels.waitingButtonAriaLabel, children: [
+            labels.waitingButtonLabel,
+            " ",
             /* @__PURE__ */ jsxRuntime.jsx(LoadingDots, {})
           ] }) })
         ] }) })
@@ -17759,7 +17792,8 @@ function OfframpSuccessView({
   closeIcon,
   arrowUpIcon,
   tokenIconUrl = "/brladigital_32.webp",
-  className
+  className,
+  labels
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -17776,7 +17810,7 @@ function OfframpSuccessView({
             {
               onClick: onClose,
               className: "flex items-center justify-center w-8 h-8 text-[color:var(--deframe-widget-color-text-secondary)] hover:text-[color:var(--deframe-widget-color-text-primary)] transition mb-4",
-              "aria-label": "Fechar",
+              "aria-label": labels.closeAriaLabel,
               "data-test-id": "offramp-success-close-button",
               children: closeIcon || defaultCloseIcon2
             }
@@ -17787,14 +17821,14 @@ function OfframpSuccessView({
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center text-center space-y-4", children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-20 h-20 bg-[#1FC16B]/20 rounded-full flex items-center justify-center", children: arrowUpIcon || defaultArrowUpIcon }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(TextHeading, { variant: "h3", className: "mb-2", children: "PIX enviado com sucesso!" }),
-              /* @__PURE__ */ jsxRuntime.jsx(TextBody, { className: "text-[color:var(--deframe-widget-color-text-secondary)]", children: "Seu saque foi conclu\xEDdo e o valor j\xE1 est\xE1 na sua conta." })
+              /* @__PURE__ */ jsxRuntime.jsx(TextHeading, { variant: "h3", className: "mb-2", children: labels.title }),
+              /* @__PURE__ */ jsxRuntime.jsx(TextBody, { className: "text-[color:var(--deframe-widget-color-text-secondary)]", children: labels.subtitle })
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs(ListItem, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(ListItemLeftSide, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: tokenIconUrl, alt: "Token", className: "w-10 h-10 rounded-full" }) }),
             /* @__PURE__ */ jsxRuntime.jsxs(ListItemContent, { className: "ml-4", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] ml-2", children: "Voc\xEA sacou via PIX" }),
+              /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] ml-2", children: labels.amountLabel }),
               /* @__PURE__ */ jsxRuntime.jsxs(TextHeading, { variant: "h5", className: "ml-2", children: [
                 amount,
                 " BRLA"
@@ -17803,33 +17837,33 @@ function OfframpSuccessView({
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(Card, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 w-full inline-flex flex-col justify-start items-center gap-2 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full flex flex-col justify-start items-start gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "self-stretch h-6 border-b border-[var(--deframe-widget-color-border-secondary)] inline-flex justify-between items-start", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children: "Valor do saque" }),
+              /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children: labels.withdrawAmountLabel }),
               /* @__PURE__ */ jsxRuntime.jsxs(TextBody, { variant: "text-small", className: "font-[var(--deframe-widget-font-weight-semibold)] text-[color:var(--deframe-widget-color-text-primary)] leading-5", children: [
                 amount,
                 " BRLA"
               ] })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "self-stretch h-6 border-b border-[var(--deframe-widget-color-border-secondary)] inline-flex justify-between items-start", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children: "Taxa" }),
+              /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children: labels.feeLabel }),
               /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "font-[var(--deframe-widget-font-weight-semibold)] text-[color:var(--deframe-widget-color-text-primary)] leading-5", children: feesFormatted })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "self-stretch h-6 border-b border-[var(--deframe-widget-color-border-secondary)] inline-flex justify-between items-start", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children: "Metodo" }),
-              /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "font-[var(--deframe-widget-font-weight-semibold)] text-[color:var(--deframe-widget-color-text-primary)] leading-5", children: "Transferencia banc\xE1ria (PIX)" })
+              /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children: labels.methodLabel }),
+              /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "font-[var(--deframe-widget-font-weight-semibold)] text-[color:var(--deframe-widget-color-text-primary)] leading-5", children: labels.methodValue })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "self-stretch h-8 border-b border-[var(--deframe-widget-color-border-secondary)] inline-flex justify-between items-start", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children: "Status" }),
+              /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children: labels.statusLabel }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-2 py-0.5 bg-[#1FC16B]/10 rounded-3xl flex justify-end items-center gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-primary)] leading-5", children: "Sucesso" }),
+                /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-primary)] leading-5", children: labels.statusValue }),
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-2 h-2 bg-teal-600 rounded-full" })
               ] })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "self-stretch h-6 border-b border-[var(--deframe-widget-color-border-secondary)] inline-flex justify-between items-start", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children: "ID da Transa\xE7\xE3o" }),
+              /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children: labels.transactionIdLabel }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-start items-center gap-2", children: transactionId ? /* @__PURE__ */ jsxRuntime.jsx(TransactionIdDisplay, { transactionId }) : /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-primary)] leading-5", children: "-" }) })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "self-stretch h-6 border-b border-[var(--deframe-widget-color-border-secondary)] inline-flex justify-between items-start", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children: "Data" }),
+              /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children: labels.dateLabel }),
               /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "font-[var(--deframe-widget-font-weight-semibold)] text-[color:var(--deframe-widget-color-text-primary)] leading-5", children: date })
             ] })
           ] }) }) }),
@@ -17837,9 +17871,9 @@ function OfframpSuccessView({
             PrimaryButton,
             {
               onClick: onConfirm,
-              "aria-label": "Confirmar",
+              "aria-label": labels.confirmAriaLabel,
               "data-test-id": "offramp-success-confirm-button",
-              children: "Ok, obrigado"
+              children: labels.confirmLabel
             }
           )
         ] }) })
@@ -17953,7 +17987,8 @@ var DashboardTokenListView = ({
   isLoading,
   className,
   showCard = true,
-  onDepositClick
+  onDepositClick,
+  labels
 }) => {
   const [searchQuery, setSearchQuery] = React6.useState("");
   const filteredTokens = tokens.filter((token) => {
@@ -17963,14 +17998,14 @@ var DashboardTokenListView = ({
     return token.symbol.toLowerCase().includes(query) || token.name.toLowerCase().includes(query);
   });
   const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-test-id": "dashboard-token-list", children: [
-    showCard && /* @__PURE__ */ jsxRuntime.jsx(TextBody, { className: "mb-6", children: "Seus tokens" }),
+    showCard && /* @__PURE__ */ jsxRuntime.jsx(TextBody, { className: "mb-6", children: labels.title }),
     !isLoading && tokens.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-test-id": "dashboard-token-search", className: `${showCard ? "mb-6" : "mt-6 mb-6"} h-14 bg-[var(--deframe-widget-color-bg-raised)] flex items-center justify-center w-full border border-[var(--deframe-widget-color-border-default)] px-2 py-0.5 rounded gap-1`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex items-center relative", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         Input2,
         {
           "data-test-id": "dashboard-token-search-input",
           type: "text",
-          placeholder: "Pesquisar aqui...",
+          placeholder: labels.searchPlaceholder,
           value: searchQuery,
           onChange: (e) => setSearchQuery(e.target.value),
           className: "w-full h-full p-4 pr-12"
@@ -18045,13 +18080,13 @@ var DashboardTokenListView = ({
         className: "flex flex-col items-center justify-center",
         children: searchQuery ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-20 h-20 rounded-full bg-[var(--deframe-widget-color-bg-muted)] flex items-center justify-center mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(md.MdOutlineSearch, { className: "w-10 h-10 text-[var(--deframe-widget-color-text-secondary)]" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(TextHeading, { className: "text-center mb-4", children: "Nenhum token encontrado" }),
-          /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-large", className: "text-center mb-4", children: "Tente buscar por outro nome ou s\xEDmbolo." })
+          /* @__PURE__ */ jsxRuntime.jsx(TextHeading, { className: "text-center mb-4", children: labels.emptySearchTitle }),
+          /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-large", className: "text-center mb-4", children: labels.emptySearchDescription })
         ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-20 h-20 rounded-full bg-[var(--deframe-widget-color-bg-muted)] flex items-center justify-center mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(md.MdQrCodeScanner, { className: "w-10 h-10 text-[var(--deframe-widget-color-text-secondary)]" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(TextHeading, { className: "text-center mb-4", children: "Deposite e comece a usar a wallet" }),
-          /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-large", className: "text-center mb-4", children: "Use Pix para adicionar saldo instantaneamente na sua carteira." }),
-          onDepositClick && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: onDepositClick, children: /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { children: "Depositar via Pix" }) })
+          /* @__PURE__ */ jsxRuntime.jsx(TextHeading, { className: "text-center mb-4", children: labels.emptyDepositTitle }),
+          /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-large", className: "text-center mb-4", children: labels.emptyDepositDescription }),
+          onDepositClick && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: onDepositClick, children: /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { children: labels.depositCtaLabel }) })
         ] })
       }
     ) })
@@ -18148,10 +18183,11 @@ var DashboardPortfolioView = ({
   onWithdrawClick,
   onSwapClick,
   formattedTokenPositions,
-  formattedEarnPositions
+  formattedEarnPositions,
+  labels
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(DashboardCard, { className: "p-6 bg-[var(--deframe-widget-color-bg-subtle)]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col w-full h-full", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(TextBody, { className: "mb-6", children: "Portf\xF3lio" }),
+    /* @__PURE__ */ jsxRuntime.jsx(TextBody, { className: "mb-6", children: labels.title }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 mb-2", children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 bg-[var(--deframe-widget-color-bg-muted)] rounded w-64 animate-pulse" }, "skeleton") : /* @__PURE__ */ jsxRuntime.jsx(
       framerMotion.motion.p,
       {
@@ -18167,15 +18203,15 @@ var DashboardPortfolioView = ({
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex lg:hidden flex-row gap-2 sm:gap-4 mt-6 w-full", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "dashboard-quick-action-deposit-mobile", className: "flex-1 min-w-0 cursor-pointer", onClick: onDepositClick, children: /* @__PURE__ */ jsxRuntime.jsxs(PrimaryButton, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(md.MdOutlineArrowUpward, { className: "w-4 h-4 shrink-0" }),
-        "Depositar"
+        labels.depositLabel
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "dashboard-quick-action-withdraw-mobile", className: "flex-1 min-w-0 cursor-pointer", onClick: onWithdrawClick, children: /* @__PURE__ */ jsxRuntime.jsxs(PrimaryButton, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(md.MdOutlineArrowDownward, { className: "w-4 h-4 shrink-0" }),
-        "Sacar"
+        labels.withdrawLabel
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "dashboard-quick-action-swap-mobile", className: "flex-1 min-w-0 cursor-pointer", onClick: onSwapClick, children: /* @__PURE__ */ jsxRuntime.jsxs(PrimaryButton, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(md.MdOutlineSwapHoriz, { className: "w-4 h-4 shrink-0" }),
-        "Trocar"
+        labels.swapLabel
       ] }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -18232,7 +18268,8 @@ function StatCardSkeletonBlock({ showDescription, className }) {
 var DashboardPortfolioViewSimple = ({
   formattedTotalValue,
   isLoading,
-  assetCount
+  assetCount,
+  labels
 }) => {
   if (isLoading) {
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -18257,7 +18294,7 @@ var DashboardPortfolioViewSimple = ({
       ),
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("article", { className: tailwindMerge.twMerge(cardClasses2, "self-stretch"), children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { "data-test-id": "stat-card-label", className: labelClasses, children: "Total da Carteira" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { "data-test-id": "stat-card-label", className: labelClasses, children: labels.totalLabel }),
           /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
             framerMotion.motion.p,
             {
@@ -18271,10 +18308,10 @@ var DashboardPortfolioViewSimple = ({
             },
             "value"
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { "data-test-id": "stat-card-description", className: descriptionClasses, children: "Soma do saldo por token (em BRL)." })
+          /* @__PURE__ */ jsxRuntime.jsx("p", { "data-test-id": "stat-card-description", className: descriptionClasses, children: labels.totalDescription })
         ] }),
         assetCount != null && /* @__PURE__ */ jsxRuntime.jsxs("article", { className: tailwindMerge.twMerge(cardClasses2, "self-stretch min-w-[160px]"), children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { "data-test-id": "stat-card-label", className: labelClasses, children: "Ativos" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { "data-test-id": "stat-card-label", className: labelClasses, children: labels.assetsLabel }),
           /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
             framerMotion.motion.p,
             {
@@ -18299,10 +18336,11 @@ var DashboardTokensView = ({
   isLoadingBalances,
   activeTab,
   onTabChange,
-  strategiesContent
+  strategiesContent,
+  labels
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(DashboardTokenListView, { tokens: sortedRegularTokens, isLoading: isLoadingBalances, className: "hidden lg:block" }),
+    /* @__PURE__ */ jsxRuntime.jsx(DashboardTokenListView, { tokens: sortedRegularTokens, isLoading: isLoadingBalances, className: "hidden lg:block", labels: labels.tokenList }),
     /* @__PURE__ */ jsxRuntime.jsx(DashboardCard, { className: "lg:hidden p-6 bg-[var(--deframe-widget-color-bg-subtle)]", children: /* @__PURE__ */ jsxRuntime.jsxs(
       Tabs,
       {
@@ -18310,12 +18348,12 @@ var DashboardTokensView = ({
         onValueChange: (value) => onTabChange(value),
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs(TabsList, { className: "w-full mb-3 flex justify-center", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "tokens", children: "Cripto" }),
-            /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "strategies", children: "Investimentos" })
+            /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "tokens", children: labels.tokensTabLabel }),
+            /* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "strategies", children: labels.strategiesTabLabel })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs(TabsContent, { value: "tokens", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(TextBody, { className: "mb-6", children: "Seus tokens" }),
-            /* @__PURE__ */ jsxRuntime.jsx(DashboardTokenListView, { tokens: regularTokens, isLoading: isLoadingBalances, showCard: false })
+            /* @__PURE__ */ jsxRuntime.jsx(TextBody, { className: "mb-6", children: labels.mobileTokensTitle }),
+            /* @__PURE__ */ jsxRuntime.jsx(DashboardTokenListView, { tokens: regularTokens, isLoading: isLoadingBalances, showCard: false, labels: labels.tokenList })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(TabsContent, { value: "strategies", children: strategiesContent })
         ]
@@ -18905,25 +18943,26 @@ var DashboardView = ({
   recentTransactions,
   investmentOpportunities,
   quickActions,
-  banner
+  banner,
+  labels
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-test-id": "dashboard-page", className: "w-full relative overflow-hidden mx-auto rounded p-6 lg:p-12", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6 max-w-[1400px] mx-auto", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lg:col-span-2 space-y-6", children: [
       /* @__PURE__ */ jsxRuntime.jsx(DashboardPortfolioView, __spreadValues({}, portfolio)),
       /* @__PURE__ */ jsxRuntime.jsx(DashboardCard, { "data-testid": "dashboard-quick-actions-card", className: "hidden lg:block p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col space-y-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(TextBody, { className: "mb-6", children: "A\xE7\xF5es r\xE1pidas" }),
+        /* @__PURE__ */ jsxRuntime.jsx(TextBody, { className: "mb-6", children: labels.quickActionsTitle }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row gap-4 w-full", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "dashboard-quick-action-deposit", className: "flex-1 min-w-0 cursor-pointer", onClick: () => quickActions == null ? void 0 : quickActions.onDepositClick(), children: /* @__PURE__ */ jsxRuntime.jsxs(PrimaryButton, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(md.MdOutlineArrowUpward, { className: "w-4 h-4 shrink-0" }),
-            "Depositar"
+            labels.depositLabel
           ] }) }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "dashboard-quick-action-withdraw", className: "flex-1 min-w-0 cursor-pointer", onClick: () => quickActions == null ? void 0 : quickActions.onWithdrawClick(), children: /* @__PURE__ */ jsxRuntime.jsxs(PrimaryButton, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(md.MdOutlineArrowDownward, { className: "w-4 h-4 shrink-0" }),
-            "Sacar"
+            labels.withdrawLabel
           ] }) }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "dashboard-quick-action-swap", className: "flex-1 min-w-0 cursor-pointer", onClick: () => quickActions == null ? void 0 : quickActions.onSwapClick(), children: /* @__PURE__ */ jsxRuntime.jsxs(PrimaryButton, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(md.MdOutlineSwapHoriz, { className: "w-4 h-4 shrink-0" }),
-            "Trocar"
+            labels.swapLabel
           ] }) })
         ] })
       ] }) }),
@@ -18944,7 +18983,8 @@ var DashboardView = ({
 var DashboardViewSimple = ({
   portfolio,
   tokens,
-  quickActions
+  quickActions,
+  labels
 }) => {
   const assetCount = tokens.sortedRegularTokens.filter((t) => !isDustValue(t.amountInUSD)).length;
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -18965,7 +19005,7 @@ var DashboardViewSimple = ({
                   {
                     "data-test-id": "dashboard-home-title",
                     className: "text-[color:var(--deframe-widget-color-text-primary)] text-[length:var(--deframe-widget-font-size-xxl)] [font-weight:var(--deframe-widget-font-weight-bold)] leading-[var(--deframe-widget-font-leading-xxl)] font-[var(--deframe-widget-font-family)]",
-                    children: "Wallet"
+                    children: labels.pageTitle
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -18973,7 +19013,7 @@ var DashboardViewSimple = ({
                   {
                     "data-test-id": "dashboard-home-subtitle",
                     className: "text-[color:var(--deframe-widget-color-text-secondary)] text-[length:var(--deframe-widget-font-size-sm)] leading-[var(--deframe-widget-font-leading-sm)] font-[var(--deframe-widget-font-family)]",
-                    children: "Resumo da sua carteira e movimenta\xE7\xF5es."
+                    children: labels.pageSubtitle
                   }
                 )
               ] }),
@@ -18988,7 +19028,7 @@ var DashboardViewSimple = ({
                       {
                         className: "w-auto py-[var(--deframe-widget-size-padding-y-sm)] [font-weight:var(--deframe-widget-font-weight-medium)]",
                         onClick: () => quickActions == null ? void 0 : quickActions.onDepositClick(),
-                        children: "Depositar"
+                        children: labels.depositLabel
                       }
                     ),
                     /* @__PURE__ */ jsxRuntime.jsx(
@@ -18996,7 +19036,7 @@ var DashboardViewSimple = ({
                       {
                         className: "w-auto py-[var(--deframe-widget-size-padding-y-sm)] [font-weight:var(--deframe-widget-font-weight-medium)]",
                         onClick: () => quickActions == null ? void 0 : quickActions.onWithdrawClick(),
-                        children: "Sacar"
+                        children: labels.withdrawLabel
                       }
                     )
                   ]