@12-apps/ui 6.2.0 → 6.3.0

package/dist/types/copy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy.d.ts","sourceRoot":"","sources":["../../src/copy.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,MAAM,WAAW,qBAAqB;IACpC,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,oDAAoD;IACpD,MAAM,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,YAAY,EAAE,MAAM,CAAC;IACrB;;;;;OAKG;IACH,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC;;;;;;OAMG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,+DAA+D;IAC/D,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB;;;;;;OAMG;IACH,SAAS,EAAE;QACT,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;QACjC,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;KACnC,CAAC;IACF;;;;;;OAMG;IACH,+DAA+D;IAC/D,MAAM,EAAE;QACN,wEAAwE;QACxE,iBAAiB,EAAE,MAAM,CAAC;QAC1B,gBAAgB,EAAE,MAAM,CAAC;QACzB,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;QAClC,gEAAgE;QAChE,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;KACpC,CAAC;IACF,MAAM,EAAE;QACN,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;QACrC,KAAK,EAAE,MAAM,CAAC;QACd,4EAA4E;QAC5E,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,6DAA6D;QAC7D,UAAU,EAAE,MAAM,CAAC;QACnB,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAED,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,0DAA0D;IAC1D,YAAY,EAAE,MAAM,CAAC;CACtB"}

package/dist/types/pt-BR.d.ts

@@ -0,0 +1,28 @@
+import type { DataViewsCopy } from "./components/data-display/DataViews/data-views-copy";
+import type { SavedViewsLabels } from "./components/layout/ContentToolbar/ContentToolbar.types";
+import type { CategorySelectCopy, CepFieldCopy, ConfirmActionCopy, SectionOnboardingCopy, TableFilterCopy } from "./copy";
+/**
+ * The pt-BR packs — NAMED constants a host passes by hand, never defaults.
+ *
+ * The filename is what exempts this file from the copy-portability gate:
+ * Portuguese may ship, it may not be silent. Every sentence is VERBATIM what
+ * the components used to render, so a host adopting these sees no change on
+ * screen — what changes is that the words are chosen in a diff.
+ */
+export declare const PT_BR_SECTION_ONBOARDING_COPY: SectionOnboardingCopy;
+export declare const PT_BR_CONFIRM_ACTION_COPY: ConfirmActionCopy;
+export declare const PT_BR_CATEGORY_SELECT_COPY: CategorySelectCopy;
+export declare const PT_BR_CEP_FIELD_COPY: CepFieldCopy;
+/**
+ * The saved-views dropdown's labels.
+ *
+ * Typed as the package's OWN `SavedViewsLabels` rather than a parallel shape:
+ * that interface already named every string, including the seven with no
+ * diacritics the copy gate could not see (`Aplicar`, `Fixar na barra lateral`,
+ * `Editar`…). The prop was `Partial<SavedViewsLabels>` with a pt-BR default —
+ * configurable in the type, inherited in practice.
+ */
+export declare const PT_BR_SAVED_VIEWS_LABELS: SavedViewsLabels;
+export declare const PT_BR_TABLE_FILTER_COPY: TableFilterCopy;
+export declare const PT_BR_DATA_VIEWS_COPY: DataViewsCopy;
+//# sourceMappingURL=pt-BR.d.ts.map

package/dist/types/pt-BR.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pt-BR.d.ts","sourceRoot":"","sources":["../../src/pt-BR.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qDAAqD,CAAC;AACzF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yDAAyD,CAAC;AAChG,OAAO,KAAK,EACV,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,EACjB,qBAAqB,EACrB,eAAe,EAChB,MAAM,QAAQ,CAAC;AAEhB;;;;;;;GAOG;AACH,eAAO,MAAM,6BAA6B,EAAE,qBAI3C,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,iBAIvC,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,kBA0BxC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,YAIlC,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,wBAAwB,EAAE,gBAiBtC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,eAErC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,aAqJnC,CAAC"}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@12-apps/ui",
-  "version": "6.2.0",
+  "version": "6.3.0",
   "license": "MIT",
-  "packageManager": "pnpm@9.0.0",
+  "packageManager": "pnpm@10.34.5",
   "type": "module",
   "engines": {
     "node": ">=18.0.0",
@@ -536,6 +536,14 @@
     "./data-display/CardKit": {
       "types": "./dist/types/components/data-display/CardKit/index.d.ts",
       "default": "./dist/data-display/CardKit.js"
+    },
+    "./copy": {
+      "types": "./dist/types/copy.d.ts",
+      "default": "./dist/copy.js"
+    },
+    "./pt-BR": {
+      "types": "./dist/types/pt-BR.d.ts",
+      "default": "./dist/pt-BR.js"
     }
   },
   "typesVersions": {

package/src/components/data-display/CardKit/use-remove-confirm.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import type { ConfirmActionCopy } from "../../../copy";
 import type { JSX } from 'react';
 
 import { ConfirmActionDialog, useConfirmAction } from '../../feedback/ConfirmAction';
@@ -29,6 +30,8 @@ interface RemoveConfirmOptions {
   confirmText: string;
   /** Used when the write fails without a message of its own. */
   fallbackError: string;
+  /** The dialog's own words. REQUIRED — this package ships no default copy. */
+  copy: ConfirmActionCopy;
   dataTestId: string;
 }
 
@@ -75,6 +78,7 @@ export function useRemoveConfirm({
   confirmText,
   fallbackError,
   dataTestId,
+  copy,
 }: RemoveConfirmOptions): RemoveConfirm {
   const { onRefresh, notifyError } = useCardActions();
 
@@ -95,6 +99,7 @@ export function useRemoveConfirm({
     dialog: (
       <ConfirmActionDialog
         state={state}
+        copy={copy}
         title={title}
         entityName={entityName}
         description={description}

package/src/components/data-display/CardKit/use-row-confirm.tsx

@@ -2,6 +2,7 @@
 
 import { useState, type JSX } from 'react';
 
+import type { ConfirmActionCopy } from '../../../copy';
 import { ConfirmActionDialog, useConfirmAction } from '../../feedback/ConfirmAction';
 
 /**
@@ -36,7 +37,9 @@ interface RowConfirmOptions<T> {
   describe: (rows: T[]) => RowConfirmCopy;
   dataTestId: string;
   /** Shown when `write` fails without a message of its own. */
-  errorText?: string;
+  errorText: string;
+  /** The dialog's own words. REQUIRED — this package ships no default copy. */
+  copy: ConfirmActionCopy;
 }
 
 export interface RowConfirm<T> {
@@ -65,6 +68,7 @@ export function useRowConfirm<T>({
   describe,
   dataTestId,
   errorText,
+  copy,
 }: RowConfirmOptions<T>): RowConfirm<T> {
   const [target, setTarget] = useState<T[] | null>(null);
 
@@ -85,7 +89,8 @@ export function useRowConfirm<T>({
   return {
     request,
     dialog: target ? (
-      <ConfirmActionDialog state={state} {...describe(target)} dataTestId={dataTestId} />
+      <ConfirmActionDialog state={state}
+        copy={copy} {...describe(target)} dataTestId={dataTestId} />
     ) : null,
   };
 }

package/src/components/data-display/DataViews/DataViewsBoard.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import { useDataViewsCopy } from "./data-views-copy-context";
 import { Box } from "../../../mui/Box";
 import { Text } from "../../typography/Text";
 
@@ -134,6 +135,7 @@ function BoardColumnHeader({
   sum: string | null;
   testId: string;
 }): React.JSX.Element {
+  const copy = useDataViewsCopy();
   return (
     <Box sx={{ display: "flex", flexDirection: "column", gap: 0.25 }}>
       <Box sx={{ display: "flex", alignItems: "baseline", justifyContent: "space-between", gap: 1 }}>
@@ -146,10 +148,10 @@ function BoardColumnHeader({
           <Box
             component="span"
             data-testid={`${testId}-count`}
-            aria-label={`${label}: ${count} nesta página`}
+            aria-label={copy.board.countOnPage(label, count)}
             sx={{ color: "text.secondary", whiteSpace: "nowrap" }}
           >
-            {count} nesta página
+            {copy.board.onThisPage(count)}
           </Box>
         </Text>
       </Box>
@@ -158,7 +160,7 @@ function BoardColumnHeader({
           <Box
             component="span"
             data-testid={`${testId}-sum`}
-            aria-label={`Soma desta página: ${sum}`}
+            aria-label={copy.board.pageSum(sum)}
             sx={{ color: "text.secondary" }}
           >
             {sum}
@@ -283,6 +285,7 @@ export function DataViewsBoard<T extends Record<string, unknown>>({
   cardScale,
   dataTestId,
 }: DataViewsBoardProps<T>): React.JSX.Element {
+  const copy = useDataViewsCopy();
   const columns = groupRows(rows, board);
   const width = Math.max(MIN_COLUMN_WIDTH, Math.round(BASE_COLUMN_WIDTH * cardScale));
   const testId = dataTestId ? `${dataTestId}-board` : "data-views-board";
@@ -290,7 +293,7 @@ export function DataViewsBoard<T extends Record<string, unknown>>({
     <Box sx={{ mt: 1.5 }}>
       <Text variant="caption" as="p">
         <Box component="span" data-testid={`${testId}-scale-note`} sx={{ color: "text.secondary" }}>
-          As contagens e somas abaixo referem-se apenas aos itens desta página.
+          {copy.board.pageScopeNote}
         </Box>
       </Text>
       <Box

package/src/components/data-display/DataViews/DeleteViewDialog.tsx

@@ -12,6 +12,7 @@
  * records are untouched, and warns separately when the view is SHARED, because
  * that deletion takes it from everyone rather than from one person.
  */
+import { useDataViewsCopy } from "./data-views-copy-context";
 import { Dialog, DialogContent } from "../../feedback/Dialog";
 import { Button } from "../../form/Button";
 import { Stack } from "../../../mui/Stack";
@@ -33,12 +34,13 @@ export function DeleteViewDialog({
   entityLabel?: string;
   testIdPrefix?: string;
 }): React.JSX.Element | null {
+  const copy = useDataViewsCopy();
   if (!view) return null;
   return (
     <Dialog
       open
       onClose={onClose}
-      title="Excluir visão"
+      title={copy.deleteView.title}
       size="sm"
       showCloseButton
       dataTestId={`${testIdPrefix}-delete-modal`}
@@ -51,12 +53,12 @@ export function DeleteViewDialog({
 
           {view.shared && (
             <Text variant="body" color="warning" as="p" data-testid={`${testIdPrefix}-delete-shared`}>
-              Esta visão está compartilhada — a equipe perderá o acesso a ela.
+              {copy.deleteView.sharedWarning}
             </Text>
           )}
 
           <Text variant="body" color="secondary" as="p">
-            {entityLabel} não são afetados; apenas o recorte salvo é removido.
+            {copy.deleteView.rowsUnaffected(entityLabel)}
           </Text>
 
           <Stack direction="row" spacing={1.5} sx={{ justifyContent: "flex-end", pt: 0.5 }}>
@@ -73,7 +75,7 @@ export function DeleteViewDialog({
               onClick={() => onConfirm(view)}
               dataTestId={`${testIdPrefix}-delete-confirm`}
             >
-              Excluir visão
+              {copy.deleteView.confirm}
             </Button>
           </Stack>
         </Stack>

package/src/components/data-display/DataViews/ManageViewsDialog.tsx

@@ -1,6 +1,10 @@
 "use client";
 
-import { ConfirmButton } from "../../feedback/ConfirmAction";
+import { useMemo } from "react";
+
+import type { ConfirmActionCopy } from "../../../copy";
+import { useDataViewsCopy } from "./data-views-copy-context";
+import { createConfirmButton } from "../../feedback/ConfirmAction";
 import { Dialog, DialogContent } from "../../feedback/Dialog";
 import { Button } from "../../form/Button";
 import { Box } from "../../../mui/Box";
@@ -10,6 +14,8 @@ import { Text } from "../../typography/Text";
 import type { SavedViewSummary } from "./data-views-types";
 
 interface ManageViewsDialogProps {
+  /** The confirm dialog's words. REQUIRED — this package ships no default copy. */
+  confirmCopy: ConfirmActionCopy;
   open: boolean;
   onClose: () => void;
   views: SavedViewSummary[];
@@ -19,11 +25,12 @@ interface ManageViewsDialogProps {
 }
 
 function tags(view: SavedViewSummary): string[] {
+  const copy = useDataViewsCopy();
   const list: string[] = [];
-  if (view.isDefault) list.push("Padrão");
+  if (view.isDefault) list.push(copy.manageViews.defaultTag);
   if (view.pinned) list.push("Fixada");
   if (view.shared) list.push("Compartilhada");
-  if (!view.isOwner) list.push("De outro usuário");
+  if (!view.isOwner) list.push(copy.manageViews.otherUserTag);
   return list;
 }
 
@@ -37,12 +44,19 @@ function ManageViewRow({
   onEdit,
   onDelete,
   testIdPrefix,
+  confirmCopy,
 }: {
   view: SavedViewSummary;
   onEdit: (view: SavedViewSummary) => void;
   onDelete: (view: SavedViewSummary) => void;
   testIdPrefix: string;
+  confirmCopy: ConfirmActionCopy;
 }): React.JSX.Element {
+  const ConfirmButton = useMemo(
+    () => createConfirmButton(confirmCopy, confirmCopy.defaultError),
+    [confirmCopy],
+  );
+  const copy = useDataViewsCopy();
   return (
     <Stack
       direction="row"
@@ -83,15 +97,15 @@ function ManageViewRow({
             color="danger"
             onClick={() => onDelete(view)}
             confirm={{
-              title: 'Excluir a visão salva?',
+              title: copy.manageViews.deleteTitle,
               entityName: view.name,
               description:
-                'Os filtros e colunas guardados nela são perdidos. Não é possível restaurar.',
-              confirmText: 'Excluir',
+                copy.manageViews.deleteBody,
+              confirmText: copy.manageViews.deleteConfirm,
             }}
             dataTestId={`${testIdPrefix}-manage-delete-${view.id}`}
           >
-            Excluir
+            {copy.manageViews.deleteConfirm}
           </ConfirmButton>
         </Stack>
       )}
@@ -106,12 +120,14 @@ export function ManageViewsDialog({
   onEdit,
   onDelete,
   testIdPrefix = "views",
+  confirmCopy,
 }: ManageViewsDialogProps): React.JSX.Element {
+  const copy = useDataViewsCopy();
   return (
     <Dialog
       open={open}
       onClose={onClose}
-      title="Gerenciar visões"
+      title={copy.manageViews.title}
       size="md"
       showCloseButton
       dataTestId={`${testIdPrefix}-manage-dialog`}
@@ -120,11 +136,11 @@ export function ManageViewsDialog({
         <Stack spacing={1.5} data-testid={`${testIdPrefix}-manage-list`}>
           {views.length === 0 ? (
             <Text variant="body" as="p">
-              Nenhuma visão salva.
+              {copy.manageViews.empty}
             </Text>
           ) : (
             views.map((view) => (
-              <ManageViewRow
+              <ManageViewRow confirmCopy={confirmCopy}
                 key={view.id}
                 view={view}
                 onEdit={onEdit}

package/src/components/data-display/DataViews/SaveViewModal.tsx

@@ -5,6 +5,7 @@ import PushPinOutlinedIcon from "@mui/icons-material/PushPinOutlined";
 import StarOutlineRoundedIcon from "@mui/icons-material/StarOutlineRounded";
 import { useState } from "react";
 
+import { useDataViewsCopy } from "./data-views-copy-context";
 import { Dialog, DialogContent } from "../../feedback/Dialog";
 import { Button } from "../../form/Button";
 import { Input } from "../../form/Input";
@@ -14,6 +15,7 @@ import { Stack } from "../../../mui/Stack";
 import { Text } from "../../typography/Text";
 
 import { describeViewState } from "./data-views-preview";
+import { PreviewBox } from "./save-view-preview";
 import type {
   DataViewColumn,
   DataViewState,
@@ -119,28 +121,29 @@ function FlagsSwitches({
   setIsDefault,
   testIdPrefix,
 }: FlagsSwitchesProps): React.JSX.Element {
+  const copy = useDataViewsCopy();
   return (
     <Stack spacing={0}>
       <FlagRow
         icon={<PushPinOutlinedIcon fontSize="small" />}
-        title="Fixar na barra lateral"
-        description="Aparece como atalho no menu, abaixo desta tela."
+        title={copy.saveView.pinnedTitle}
+        description={copy.saveView.pinnedDescription}
         checked={pinned}
         onChange={setPinned}
         testId={`${testIdPrefix}-save-pinned`}
       />
       <FlagRow
         icon={<GroupOutlinedIcon fontSize="small" />}
-        title="Compartilhar com a equipe"
-        description="Qualquer pessoa da loja poderá abrir e usar esta visão."
+        title={copy.saveView.sharedTitle}
+        description={copy.saveView.sharedDescription}
         checked={shared}
         onChange={setShared}
         testId={`${testIdPrefix}-save-shared`}
       />
       <FlagRow
         icon={<StarOutlineRoundedIcon fontSize="small" />}
-        title="Definir como padrão"
-        description="Esta tela abre nesta visão em vez da Visão principal."
+        title={copy.saveView.setDefaultTitle}
+        description={copy.saveView.setDefaultDescription}
         checked={isDefault}
         onChange={setIsDefault}
         testId={`${testIdPrefix}-save-default`}
@@ -149,70 +152,6 @@ function FlagsSwitches({
   );
 }
 
-interface PreviewBoxProps {
-  preview: { filters: string[]; columns: string[]; sort: string[] };
-  testIdPrefix: string;
-}
-
-/** One "label — value" line of the summary. */
-function SummaryRow({
-  label,
-  items,
-  testId,
-}: {
-  label: string;
-  items: string[];
-  testId: string;
-}): React.JSX.Element | null {
-  if (items.length === 0) return null;
-  return (
-    <Box sx={{ display: "flex", gap: 1.5 }} data-testid={testId}>
-      <Text variant="caption" as="span">
-        <Box component="span" sx={{ width: 116, flexShrink: 0, color: "text.secondary" }}>
-          {label}
-        </Box>
-      </Text>
-      <Text variant="caption" as="span">
-        <Box component="span" sx={{ minWidth: 0, flex: 1 }}>
-          {items.join(", ")}
-        </Box>
-      </Text>
-    </Box>
-  );
-}
-
-function PreviewBox({ preview, testIdPrefix }: PreviewBoxProps): React.JSX.Element {
-  const empty =
-    preview.filters.length === 0 && preview.columns.length === 0 && preview.sort.length === 0;
-  return (
-    <Box sx={{ p: 1.5, borderRadius: 1.5, bgcolor: "action.hover", border: (theme) => `1px solid ${theme.palette.divider}` }}>
-      <Text variant="caption" as="p">
-        <Box
-          component="span"
-          sx={{ display: "block", mb: 1, textTransform: "uppercase", letterSpacing: 0.6, fontWeight: 600, color: "text.disabled" }}
-        >
-          O que esta visão guarda
-        </Box>
-      </Text>
-      {empty ? (
-        // Saving is still allowed — an operator may be naming the default on
-        // purpose — but it should not be a surprise afterwards.
-        <Text variant="caption" as="p">
-          <Box component="span" sx={{ color: "warning.main", lineHeight: 1.6 }} data-testid={`${testIdPrefix}-preview-empty`}>
-            Nada foi alterado — esta visão ficará igual à Visão principal.
-          </Box>
-        </Text>
-      ) : (
-        <Stack spacing={0.75}>
-          <SummaryRow label="Filtros" items={preview.filters} testId={`${testIdPrefix}-preview-filters`} />
-          <SummaryRow label="Colunas ocultas" items={preview.columns} testId={`${testIdPrefix}-preview-columns`} />
-          <SummaryRow label="Ordenação" items={preview.sort} testId={`${testIdPrefix}-preview-sort`} />
-        </Stack>
-      )}
-    </Box>
-  );
-}
-
 interface SaveViewFormState {
   name: string;
   description: string;
@@ -248,6 +187,7 @@ function useSaveViewForm(
   editing: SavedViewSummary | null | undefined,
   onSave: (payload: SaveViewPayload) => Promise<void> | void,
 ): SaveViewFormState {
+  const copy = useDataViewsCopy();
   const initial = seedForm(editing);
   const [name, setName] = useState(initial.name);
   const [description, setDescription] = useState(initial.description);
@@ -267,7 +207,7 @@ function useSaveViewForm(
     try {
       await onSave({ name: name.trim(), description: description.trim(), shared, pinned, isDefault });
     } catch (cause) {
-      setError(cause instanceof Error ? cause.message : "Não foi possível salvar a visão.");
+      setError(cause instanceof Error ? cause.message : copy.saveView.saveFailed);
     } finally {
       setSaving(false);
     }
@@ -295,6 +235,38 @@ function useSaveViewForm(
  * share / default flags, and previews the filters, visible columns, and sort the
  * view will store. Used for both create and edit.
  */
+/**
+ * The dialog's two buttons.
+ *
+ * Cancel first, primary last: the confirming action sits where the eye lands
+ * at the end of the dialog, not before the way out.
+ */
+function FormFooter({
+  editing,
+  canSave,
+  onSubmit,
+  onClose,
+  testIdPrefix,
+}: {
+  editing: SaveViewModalProps<never>["editing"];
+  canSave: boolean;
+  onSubmit: () => void;
+  onClose: () => void;
+  testIdPrefix: string;
+}): React.JSX.Element {
+  const copy = useDataViewsCopy();
+  return (
+    <Stack direction="row" spacing={1.5} sx={{ justifyContent: "flex-end" }}>
+      <Button variant="text" color="neutral" onClick={onClose} dataTestId={`${testIdPrefix}-save-cancel`}>
+        {copy.saveView.cancel}
+      </Button>
+      <Button onClick={onSubmit} disabled={!canSave} dataTestId={`${testIdPrefix}-save-submit`}>
+        {editing ? copy.saveView.submitEditing : copy.saveView.submitCreating}
+      </Button>
+    </Stack>
+  );
+}
+
 export function SaveViewModal<T extends Record<string, unknown>>({
   open,
   onClose,
@@ -305,6 +277,7 @@ export function SaveViewModal<T extends Record<string, unknown>>({
   onSave,
   testIdPrefix = "view",
 }: SaveViewModalProps<T>): React.JSX.Element {
+  const copy = useDataViewsCopy();
   const form = useSaveViewForm(editing, onSave);
   const preview = describeViewState(currentState, fields, columns);
 
@@ -312,7 +285,7 @@ export function SaveViewModal<T extends Record<string, unknown>>({
     <Dialog
       open={open}
       onClose={onClose}
-      title={editing ? "Editar visão" : "Salvar visão"}
+      title={editing ? copy.saveView.titleEditing : copy.saveView.titleCreating}
       size="sm"
       showCloseButton
       dataTestId={`${testIdPrefix}-save-modal`}
@@ -322,8 +295,8 @@ export function SaveViewModal<T extends Record<string, unknown>>({
           <Input
             size="sm"
             fullWidth
-            label="Nome"
-            placeholder="Ex.: Recusados no PIX desta semana"
+            label={copy.saveView.nameLabel}
+            placeholder={copy.saveView.namePlaceholder}
             value={form.name}
             onChange={(event) => form.setName(event.target.value)}
             data-testid={`${testIdPrefix}-save-name`}
@@ -331,8 +304,8 @@ export function SaveViewModal<T extends Record<string, unknown>>({
           <Input
             size="sm"
             fullWidth
-            label="Descrição — opcional"
-            placeholder="Para que serve esta visão"
+            label={copy.saveView.descriptionLabel}
+            placeholder={copy.saveView.descriptionPlaceholder}
             value={form.description}
             onChange={(event) => form.setDescription(event.target.value)}
             data-testid={`${testIdPrefix}-save-description`}
@@ -356,20 +329,13 @@ export function SaveViewModal<T extends Record<string, unknown>>({
             </Text>
           )}
 
-          {/* Cancel first, primary last: the confirming action sits where the
-              eye lands at the end of the dialog, not before the way out. */}
-          <Stack direction="row" spacing={1.5} sx={{ justifyContent: "flex-end" }}>
-            <Button variant="text" color="neutral" onClick={onClose} dataTestId={`${testIdPrefix}-save-cancel`}>
-              Cancelar
-            </Button>
-            <Button
-              onClick={() => void form.submit()}
-              disabled={!form.canSave}
-              dataTestId={`${testIdPrefix}-save-submit`}
-            >
-              {editing ? "Salvar alterações" : "Salvar visão"}
-            </Button>
-          </Stack>
+          <FormFooter
+            editing={editing}
+            canSave={form.canSave}
+            onSubmit={() => void form.submit()}
+            onClose={onClose}
+            testIdPrefix={testIdPrefix}
+          />
         </Stack>
       </DialogContent>
     </Dialog>

package/src/components/data-display/DataViews/base-card.tsx

@@ -22,6 +22,7 @@ import {
   type CardSurfaceProps,
 } from "./card-surface";
 import { CARD_ASPECT_RATIOS, type CardAspectRatio } from "./data-views-types";
+import { useDataViewsCopy } from "./data-views-copy-context";
 
 export interface BaseCardProps extends CardSurfaceProps {
   /** Extra body content below the caption (chips, meta). Optional. */
@@ -127,6 +128,7 @@ function CardOverlays({
   checkboxTestId,
   menu,
 }: Pick<BaseCardProps, "selected" | "onToggleSelect" | "checkboxTestId" | "menu">): React.JSX.Element {
+  const copy = useDataViewsCopy();
   return (
     <>
       {onToggleSelect && (
@@ -138,7 +140,7 @@ function CardOverlays({
             onClick={(event) => event.stopPropagation()}
             size="small"
             data-testid={checkboxTestId}
-            aria-label="Selecionar"
+            aria-label={copy.selection.selectRow}
           />
         </Box>
       )}

package/src/components/data-display/DataViews/base-list-card-gutters.tsx

@@ -7,6 +7,7 @@ import { Checkbox } from "../../form/Checkbox";
 import { Box } from "../../../mui/Box";
 
 import { DragHandle, useDragItem } from "./data-views-drag";
+import { useDataViewsCopy } from "./data-views-copy-context";
 
 /**
  * THE THREE GUTTERS AT THE HEAD OF A ROW — the disclosure chevron, the drag grip
@@ -72,6 +73,7 @@ export function SelectSlot({
   onToggleSelect?: (event?: React.MouseEvent) => void;
   testId?: string;
 }): React.JSX.Element | null {
+  const copy = useDataViewsCopy();
   if (!selectable) return reserve ? <Box data-slot="select" /> : null;
   return (
     // z-index 1: above the stretched link, or the anchor swallows the click.
@@ -88,7 +90,7 @@ export function SelectSlot({
         }}
         size="small"
         data-testid={testId}
-        aria-label="Selecionar"
+        aria-label={copy.selection.selectRow}
       />
     </Box>
   );