fix(pagination): make navigation aria-label customizable for i18n

Author: mattrothenberg

.changeset/eleven-radios-work.md

@@ -4,4 +4,6 @@
 
 fix(pagination): add ARIA attributes for screen reader accessibility
 
-Wrapped pagination controls in `<nav aria-label="Pagination">` for proper landmark navigation. Added `aria-live="polite"` and `aria-atomic="true"` to the "Showing X-Y of Z" text so screen readers announce page changes.
+- Wrap pagination controls in `<nav>` for proper landmark navigation
+- Add `aria-live="polite"` and `aria-atomic="true"` to status text for page change announcements
+- Add `navigation` to `PaginationLabels` for i18n customization of the nav aria-label

.changeset/pagination-a11y-i18n.md

@@ -35,6 +35,8 @@ const clamp = (value: number, min: number, max: number) =>
  * `label` prop on `Pagination.PageSize`.
  */
 export interface PaginationLabels {
+  /** Aria label for the navigation landmark. @default "Pagination" */
+  navigation?: string;
   /** Aria label for the first page button. @default "First page" */
   firstPage?: string;
   /** Aria label for the previous page button. @default "Previous page" */
@@ -50,6 +52,7 @@ export interface PaginationLabels {
 }
 
 const DEFAULT_LABELS: Required<PaginationLabels> = {
+  navigation: "Pagination",
   firstPage: "First page",
   previousPage: "Previous page",
   nextPage: "Next page",
@@ -247,7 +250,7 @@ function PaginationControls({
       data-slot="pagination-controls"
       className={cn("grow flex flex-col items-end", className)}
     >
-      <nav aria-label="Pagination">
+      <nav aria-label={labels.navigation}>
         <InputGroup focusMode="individual">
           {controls === "full" && (
             <InputGroup.Button